/* ==========================================================================
   Cia de Talentos Styles
   ========================================================================== */

/* ==========================================================================
   @imports
   ========================================================================== */
@import url(font.css);

/* ==========================================================================
   Bases
   ========================================================================== */
*, *:after, *::before {
	-moz-box-sizing: border-box;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-webkit-box-sizing: border-box;
	-webkit-transition: all .2s ease;
	box-sizing: border-box;
	transition: all .2s ease;
}

html, body {
	height: 100%;
}

html {
	font-size: 1em;
	line-height: 1.4;
}

body {
	background: #f0f0f0;
	/* font-family: 'Roboto', 'lao_ui' !important; */
	font-size: 1em;
	line-height: 1.4;
	overflow-x: initial;
}

h1, h2, h3, p {
	margin: 0;
}

b {
	font-weight: bold;
}

img {
	vertical-align: middle;
}

.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	display: table;
}

@media ( min-width :768px) {
	.container {
		width: 100%;
	}
}

@media ( min-width :992px) {
	.container {
		width: 970px;
	}
}

@media ( min-width :1200px) {
	.container {
		width: 1170px
	}
}

.img-edit {
	vertical-align: initial !important;
	cursor: pointer;
	width: 20px;
	height: 20px;
	padding-left: 2px;
}

a, button {
	cursor: pointer;
	display: block;
	outline: none;
}

a {
	overflow: hidden;
	text-decoration: none;
}

button, fieldset, input {
	border: none;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

fieldset {
	margin: 0;
	padding: 0;
}

input, textarea {
	border: none;
	font-family: sans-serif;
	outline: none;
}

textarea {
	resize: none;
}

/* ==========================================================================
   Custom styles
   ========================================================================== */
.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.idioma {
	text-align: right;
	/* 	margin-top: 0.5%;
	margin-bottom:0.5%; */
	font-size: 10px;
	width: auto;
}

.padding-idioma {
	padding: 16px;
	margin-right: 20px;
}

.space-right-idioma {
	padding-right: 0.5%;
}

.idioma a {
	cursor: pointer;
	display: inline;
	outline: none;
}

.tamanho-logo {
	max-height: 160px;
	min-height: 83px;
	width: 160px;
	height: auto;
}

.fixa {
	height: 160px;
	margin: 10px auto 10px;
	overflow: hidden;
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.facebook_btn {
	cursor: pointer;
	display: block;
	outline: none;
	background: #bbbbbb url(../img/arrow-prev.png) no-repeat left center;
	float: left;
	padding-left: 120px;
	text-align: left;
}

.novo_idioma {
	display: none;
}

.nova_informa {
	display: none;
}

.label_concordo {
	font-size: 15px;
	color: #1c1c1c;
	font-weight: 100;
}

.label_destaque {
	font-size: 18px;
}

.label_agendamento {
	float: left;
	margin: 16px 0px 4px 10px;
}

.idioma a {
	cursor: pointer;
	display: inline-block;
	outline: none;
}

.escuro {
	color: #fff;
}

.faixa {
	display: none;
}

.spc_spc {
	margin-top: 5%;
}

.txt_etapa {
	font-weight: 900;
}

.cn {
	text-align: center;
}

.cinza {
	background: #f4f4f4;
}

.cinzacor {
	color: #555353;
}

.left {
	text-align: left;
}

.cadast {
	margin-left: 10%;
	margin-bottom: 5%;
	margin-top: 5%;
}

.cadastseg {
	margin-top: 5%;
}

.bott {
	padding-bottom: 5%;
}

.pequena {
	font-size: 10px;
}

.spxx {
	padding-left: 6%;
}

.col-full {
	width: 100%;
}

.orange {
	background: #ff6200;
	color: #fff;
}

.orange:hover {
	background: #ff853a;
	color: #fff;
}

.orange-fix {
	padding: 1px 1px;
}

.orange-fix:hover {
	background: #b24400;
}

.grey1:hover {
	background: #bbbbbb;
	color: #fff;
}

.btn_gr {
	background: #ff6200;
	color: #fff;
}

.btn_grlog {
	background: #ff6200;
	color: #fff;
	float: left;
	font-family: 'lao_ui', 'Lao ui';
	font-size: 15px;
	text-align: center;
	padding: 10px 0;
	width: 80%;
	margin: 8% 0 0 10%;
	cursor: pointer;
}

.btn_forgotten {
	background: #DA0016;
	color: #fff;
	float: left;
	font-family: 'lao_ui', 'Lao ui';
	font-size: 15px;
	text-align: center;
	padding: 10px 0;
	width: 49%;
	margin: 10% 23%;
	cursor: pointer;
}

.btn_forgotten:hover {
	opacity: 0.7;
}

.btn_grblog {
	cursor: pointer;
}

.auto-width {
	width: auto !important;
}

.pds {
	padding-left: 5%;
}

.message-error {
	color: red;
	font-size: 1.18em;
	font-weight: 900;
	line-height: 1.35em;
	margin-top: 0 !important;
}

.message-warning {
	color: #FF8C00;
	font-size: 1.18em;
	line-height: 1.35em;
	margin-top: 0 !important;
}

.message-info {
	color: #1E90FF;
	font-size: 1.18em;
	line-height: 1.35em;
	margin-top: 0 !important;
}

.message-success {
	color: green;
	font-size: 1.18em;
	line-height: 1.35em;
	margin-top: 0 !important;
}

.mk-invalid {
	background-image: none;
	color: #c5bdbe;
	background: #ebebe4;
	border: 0;
}

.ahamonorz {
	color: #5e656b;
	font-size: 24px;
	margin-top: 2%;
}

.cursor-pointer {
	cursor: pointer;
}

.ahamaiorz {
	color: #5e656b;
	font-size: 32px;
}

.foot {
	padding-top: 5%;
}

.entrecontato {
	font-family: 'Lao ui', 'lao_ui';
	color: #323232;
	font-size: 30px;
	font-weight: 900;
}

.toppi {
	font-family: 'Lao ui', 'lao_ui';
	color: #282828;
	font-size: 16px;
	display: inline;
}

.toppi-cl {
	font-family: 'Lao ui', 'lao_ui';
	color: #cccccc;
	font-size: 16px;
	display: inline;
}

.no-deco {
	text-decoration: none !important;
}

.spc_logo {
	margin-top: 5%;
}

.btspc {
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 0.5%;
	padding-bottom: 0.5%;
}

.corcia {
	background: #2699fb;
	color: #ffffff;
	float: right;
	border-radius: 4px;
}

.corcia:hover {
	opacity: 0.7;
}

.respiro {
	padding-top: 50px;
	padding-bottom: 3%;
}

.redAlert {
	color: red;
	font-weight: 900;
	text-align: center;
}

.card-position {
	float: left;
	padding-right: 3%;
}

.border-filter {
	border: 1px solid #ccc !important;
}

.notFoundPadding1 {
	padding: 1.5%;
}

.faqPollBtn {
	padding: 10px 25px;
	text-transform: uppercase;
}

.text-align-center {
	text-align: center;
}

.logo-ct-home {
	float: none !important;
}

.logo-ct-home:hover {
	cursor: pointer;
}

.float-left {
	float: left;
}

.spc-bottom5 {
	margin-bottom: 5%;
}

.spc-top5 {
	margin-top: 5%;
}

.input-image-max200px {
	color: black;
	max-width: 200px;
}

.input-custom input[type='file'] {
	display: none;
}

#visualizeHistoryContentBind a {
	color: -webkit-link;
}

.not-allowed {
	cursor: not-allowed;
}

.schedule_button {
	padding: 5px 8px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	float: left;
	margin-bottom: 3%;
}

.schedule_button1 {
	padding: 5px 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	float: right;
	margin-bottom: 3%;
}

.title-selection-process-areas-details {
	color: #666866;
	font-size: 16px;
	line-height: normal;
	margin-bottom: 10px;
}

.text-selection-process-areas-details {
	color: #666866;
	font-family: 'Tahoma', Verdana, Segoe, sans-serif;
	font-size: 13px;
	margin-bottom: 15px;
	text-transform: initial;
	font-weight: 400;
}

.text-courses-selection-process-areas-details {
	color: #666866;
	font-family: 'Tahoma', Verdana, Segoe, sans-serif;
	font-size: 13px;
	text-transform: capitalize;
	margin-bottom: 5px;
	font-weight: 400;
}

.subtitle-selection-process-areas-details {
	color: #666866;
	font-size: 14px;
	line-height: normal;
	margin-bottom: 10px;
}

.logged-menu-applicant {
	margin-top: 15px;
	background: transparent;
	border: transparent;
	font-family: 'lao_ui', 'Lao ui';
	color: #82929f;
	letter-spacing: 1px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 900;
}

.player-holder {
	height: 50px;
	max-width: 50px;
	background: transparent;
	text-align: center;
}

.player-thumb {
	width: 50px;
	height: 50px;
	display: inline-block;
	border-radius: 50%;
	background-image:
		url(http://ramontessmann.com.br/wp-content/uploads/2013/01/homem-sorrindo.jpg);
	background-size: cover;
	background-position: center;
	border: 2px solid #82929f;
}

.columns-count-2-selection-process-areas-details {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
	list-style-type: none;
}

.close-popup-applicant {
	margin: 0 auto;
	padding: 13px;
	max-width: 150px;
}

.margin-7-px {
	margin-bottom: 7px !important;
}

.margin-top2-cento {
	margin-top: 2%;
}

.padding-top5-cento {
	padding-top: 5%;
}

.padding-top50 {
	padding-top: 50px !important;
}

a.pagination {
	padding: 0 5px 0 5px;
}

/* ==========================================================================
   Table
   ========================================================================== */
.table-info {
	border-collapse: collapse;
	color: #5e656b;
	font-size: 14px;
	text-transform: uppercase;
	width: 100%;
}

.table-info tr td {
	border-bottom: 2px solid #f0f0f0 !important;
	padding: 20px 0;
	vertical-align: text-top;
	text-align: center;
}

.table-info tr td a {
	text-decoration: underline;
	color: #0000FF;
}

.table-info tr:last-child td {
	border: none;
}

/* ==========================================================================
   Header
   ========================================================================== */
.header_resp {
	background: url(../img/header_homedeslogada.jpg) no-repeat;
	width: 100%;
	max-width: 1200px;
	height: 427px;
	background-size: 1200px 427px;
	padding-top: -3%;
}

.social_header {
	float: right;
	width: 15%;
}

.redessoc {
	width: 20%;
	float: right;
	opacity: 1.0;
	filter: alpha(opacity = 100);
	margin-top: 4%;
}

.redessoc:hover {
	opacity: 0.4;
	filter: alpha(opacity = 40);
}

.title_header {
	text-align: left;
	font-size: 50px;
	line-height: 65px;
	color: #323232;
	font-weight: bold;
	padding-top: 3%;
}

.custom {
	text-align: left;
	float: left;
	width: 85%;
	font-size: 1.5em;
	color: #323232;
	font-family: 'lao_ui', 'Lao ui';
	line-height: 1.8em;
}

.buttoncustom {
	padding-top: 2%;
	padding-bottom: 2%;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.3em;
	color: #ffffff;
	text-decoration: none;
}

.data-area .max-size {
	max-width: 253px;
}

.img-responsive {
	width: 100%;
	height: auto;
}

.data-area .custom-title-profile {
	font-family: 'lao_ui', 'Lao ui';
	color: #666866;
	font-size: 22px;
	line-height: 45px;
	margin-bottom: 0px;
	text-transform: none;
}

.data-area .custom-subtitle-profile {
	color: #666866;
	text-transform: uppercase;
	line-height: 30px;
}

.custom-candidacy-details {
	bottom: -35px;
	color: #fff;
	font-size: 12px;
	padding: 8px 0px;
	text-decoration: none;
	text-transform: uppercase;
	width: 30%;
}

.txt-candidacy-100 {
	font-weight: 100;
}

/* ==========================================================================
CUSTOM - END
========================================================================== */

/* ==========================================================================
   Angular Messages Styles
   ========================================================================== */
.ng-invalid {
	color: red;
}

/* ==========================================================================
   ACC CSS
   ========================================================================== */
#jquery-script-menu {
	position: fixed;
	height: 90px;
	width: 100%;
	top: 0;
	left: 0;
	border-top: 5px solid #316594;
	background: #fff;
	-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
	box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
	z-index: 999999;
	padding: 10px 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.jquery-script-center {
	width: 960px;
	margin: 0 auto;
}

.jquery-script-center ul {
	width: 212px;
	float: left;
	line-height: 45px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.jquery-script-center a {
	text-decoration: none;
}

.jquery-script-ads {
	width: 728px;
	height: 90px;
	float: right;
}

.jquery-script-clear {
	clear: both;
	height: 0;
}

.number-question {
	font-size: 2em;
	color: #d20d44;
	margin-right: 15px;
}

.time {
	font-size: 1.1em;
}

.alert-message {
	margin-top: 20px;
	padding: 0 .7em;
	-webkit-box-sizing: content-box;
	outline: 0;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border: 1px solid #fcefa1;
	background: #fbf9ee;
	color: #363636;
}
/* drop down menu styles */
.styled {
	width: 100%;
	height: 50px;
	overflow: hidden;
	background: #d20d44;
}

.styled select {
	border: none;
	background: transparent;
	padding: 5px;
	height: 50px;
	color: #fff;
	-webkit-appearance: none;
	width: 100%;
	text-indent: 5px;
	font-size: 16px;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
	cursor: pointer;
}

.styled select option {
	background-color: #fff;
	color: #000000;
}

.styled .selected { /* needed for FF and IE */
	color: #fff;
	background-color: #d20d44;
}

/* IE hack */
@media screen\0 {
	.styled {
		background: #d20d44;
	}
}
/* subheader styles */
h3.header {
	margin: 0;
	padding: 0;
	cursor: pointer;
	font-size: 16px;
	min-height: 49px;
	position: relative;
}

.headerColumn1 {
	font-weight: normal;
	width: auto;
	float: left;
	margin: 0 54px 5px 5px;
	line-height: 44px;
	color: #474747;
}

.headerColumn2 {
	width: 44px;
	right: 0;
	float: left;
	margin: 0 5px 5px 0;
	position: absolute;
}

.bot-rosa {
	background: #d20d44;
	text-align: center;
	padding: 14px 15px;
	color: #ffffff;
}

.newspaper2 {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
}

/* expanded content styles */
.expandContent {
	max-width: 100%;
	clear: left;
	margin-top: 5px;
}

.expandedContent {
	max-width: 100%;
	clear: left;
	margin: 5px 5px 10px 5px;
	font-size: 14px;
	display: none;
}

.expandedContentClearFloat {
	width: 100%;
	clear: left;
	border-bottom-color: #d20d44;
	border-bottom: solid;
	border-bottom-width: 1px;
	border-color: #d20d44;
}

.btn_frelog {
	background: #ff6200;
	color: #fff;
	float: left;
	font-family: 'lao_ui', 'Lao ui';
	font-size: 15px;
	text-align: center;
	padding: 10px 0;
	width: 80%;
}

.right {
	text-align: right;
}

.right-side {
	float: right;
}

.three-lines {
	height: 76px;
}

/* ==========================================================================
   Mapa
   ========================================================================== */
.google-maps {
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
}

.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
/* ==========================================================================
   Steps
   ========================================================================== */
.steps {
	overflow: hidden;
	margin-bottom: 40px;
}

/* ==========================================================================
   @mod :::: Process Info
   ========================================================================== */
.mod-hidden-field>.button-invert {
	float: left;
	height: 30px;
	position: relative;
	text-align: center;
	width: 30px;
	border-radius: 4px;
	margin: 7px 7px 7px 0;
	text-decoration: none;
}

.mod-hidden-field>.button-invert.open:after {
	content: "-";
}

.mod-hidden-field>.button-invert:after {
	content: "+";
	color: #fff;
	font-size: 30px;
	height: 100%;
	position: relative;
	text-align: center;
	top: -8px;
	width: 100%;
}

.mod-process-info {
	background: #fff;
	overflow: hidden;
}

.mod-process-info .mod-sub-box>.row {
	border-bottom: 3px solid #f0f0f0;
}

.mod-process-info .mod-sub-box>.row:nth-child(3), .mod-process-info .mod-sub-box>.row:nth-child(4)
	{
	border-bottom: none;
}

.mod-process-info>.row .col:last-of-type .process-requirements {
	border-right: none;
}

.mod-process-info h3, .mod-process-info h4 {
	color: #5e656b;
	float: left;
	font-family: 'lao_ui';
	font-weight: bold;
	margin: 0;
	text-transform: uppercase;
}

.mod-process-info h3 {
	font-size: 18px;
}

.mod-process-info .link {
	color: #5297d2;
	float: right;
	font-size: 14px;
	text-decoration: underline;
}

.mod-process-info .status {
	padding: 20px 0;
}

.mod-process-info .status .item {
	color: #5e656b;
	font-size: 14px;
	text-align: left;
	text-transform: uppercase;
	width: 25%;
}

.mod-process-info .status .value {
	background: transparent;
	color: #000;
	font-weight: bold;
}

.mod-process-info .status .gray {
	color: #5e656b;
}

.mod-process-info .status .green {
	color: #07ae49;
}

.mod-process-info .status .red {
	color: #ae0202;
}

.mod-process-info h4 {
	font-size: 14px;
	margin: 0;
	padding: 20px 0;
}

.mod-process-info .process-requirements {
	background: #f0f0f0;
	border-right: 3px solid #fff;
	margin-top: 15px;
	min-height: 220px;
	padding: 15px;
	position: relative;
}

.mod-process-info .process-requirements h5 {
	margin: 0 0 10px;
}

.mod-process-info .process-requirements .link {
	position: absolute;
	right: 15px;
	top: 15px;
}

.mod-process-info .process-requirements .list .item {
	color: #3f3f3f;
	display: block;
	float: none;
	font-size: 13px;
	line-height: 20px;
	margin-top: 20px;
}

.mod-process-info .process-requirements .list .item:first-of-type {
	margin-top: 0;
}

/* ==========================================================================
   @mod :::: Box
   ========================================================================== */
.mod-box, .mod-sub-box {
	background: #ffffff;
	padding: 10px;
}

.menor_espaco {
	margin-top: -5%;
}

.menor_espaco_m {
	margin-top: -5.3%;
}

.dimi {
	padding-bottom: -5%;
}

.botspc {
	padding-bottom: 3%;
}

.dif {
	margin-top: 30px;
}

.mod-box:first-child {
	margin-top: 0;
}

.mod-box p {
	color: #5e656b;
	font-size: 14px;
	padding-top: 6px;
	margin-bottom: 10px;
}

.mod-box p:last-of-type {
	margin-bottom: 0 !important;
}

.mod-box .buttono {
	float: right;
	height: 34px;
	position: relative;
	text-align: center;
	width: 34px;
	text-decoration: none;
}

.mod-box .buttono:after {
	color: #fff;
	content: "+";
	font-size: 26px;
	height: 100%;
	position: relative;
	text-align: center;
	top: -3px;
	width: 100%;
	text-decoration: none;
}

.mod-box .button.open:after {
	content: "-"
}

.mod-sub-box {
	padding-top: 0;
}

.box-content {
	display: none;
	overflow: hidden;
}

/* ==========================================================================
   @mod :::: Steps
   ========================================================================== */
.mod-steps {
	background: #fff;
	padding: 12px;
}

.mod-steps .step-item-some {
	background: #f4f4f4;
	color: #757575;
	display: block;
	float: left;
	font-family: 'lao_ui', 'Lao ui', 'Lao ui';
	font-size: 12px;
	font-weight: bold;
	height: 70px;
	margin-left: 10px;
	position: relative;
	text-align: center;
	width: 14.7%;
}

.btn_grb {
	background: #ff6200;
	color: #fff;
	float: left;
	font-family: 'lao_ui', 'Lao ui';
	font-size: 15px;
}

.alterar-senha {
	color: #FFFFFF;
	cursor: pointer;
	padding: 5% 10%;
	text-decoration: none;
	min-width: 120px;
}

.btn_grblog {
	background: #ff6200;
	color: #fff;
	float: left;
	font-family: 'lao_ui', 'Lao ui';
	font-size: 15px;
	text-align: center;
	padding: 10px 0;
	width: 80%;
	margin: 2% 0 0 10%;
}

.btn_grf {
	background: #ff6200;
	color: #fff;
	float: left;
	font-family: 'lao_ui', 'Lao ui';
	font-size: 15px;
	text-align: center;
	padding: 10px 0;
	width: 50%;
	margin: 5% 0 0 25%;
}

.btn_grg {
	background: #ff6200;
	color: #fff;
	float: left;
	font-family: 'lao_ui', 'Lao ui';
	font-size: 15px;
	text-align: center;
	padding: 10px 0;
	width: 50%;
	margin: 5% 0 0 25%;
}

.btn-new-red {
	background: #DA0016 !important;
	cursor: pointer;
}

.btn-new-red:hover {
	opacity: 0.7;
}

.maior {
	font-size: 1.5em;
}

.spxx {
	padding-left: 6%;
}

.esp {
	margin-left: 10%;
}

.tp {
	padding-top: 5%;
}

.mid {
	margin-top: 20%;
	margin-left: 10%;
}

.pde {
	margin-left: 16%;
}

.negrito {
	font-weight: 900;
}

.personal {
	margin-left: 4%;
	margin-bottom: 5%;
}

.col_central {
	margin: 0 auto;
	width: 50%;
	background: #F4F4F4;
}

.col_centralb {
	margin: 0 auto;
	width: 50%;
	background: #F4F4F4;
	padding-bottom: 3%;
}

.alg {
	padding-left: 8%;
	padding-top: 2%;
	margin-top: 2%;
}

.mod-steps .step-item-some:before {
	border-bottom: 35px solid transparent;
	border-left: 20px solid #FFFFFF;
	border-top: 35px solid transparent;
	content: "";
	left: 0;
	position: absolute;
	top: 0;
	z-index: 0;
}

.btn_gre {
	background: #ff6200;
	color: #fff;
	float: left;
	font-family: 'lao_ui', 'Lao ui';
	font-size: 15px;
}

.btn_grelog {
	background: #ff6200;
	color: #fff;
	float: left;
	font-family: 'lao_ui', 'Lao ui';
	font-size: 15px;
	text-align: center;
	padding: 10px 0;
	width: 50%;
	margin: 5% 0 0 45%;
}

.mod-steps .step-item-some:after {
	background: transparent;
	border-bottom: 35px solid transparent;
	border-left: 20px solid #f4f4f4;
	border-top: 35px solid transparent;
	content: "";
	position: absolute;
	right: -20px;
	top: 0;
	z-index: 1;
}

.mod-steps .step-item-some span {
	display: table-cell;
	height: 70px;
	padding-left: 20px;
	text-align: center;
	vertical-align: middle;
	width: 260px;
}

.mod-steps .step-item {
	background: #f4f4f4;
	color: #757575;
	display: block;
	float: left;
	font-family: 'lao_ui';
	font-size: 12px;
	font-weight: bold;
	height: 70px;
	margin-left: 10px;
	position: relative;
	text-align: center;
	width: 14.7%;
}

.mod-steps .step-item:before {
	border-bottom: 35px solid transparent;
	border-left: 20px solid #FFFFFF;
	border-top: 35px solid transparent;
	content: "";
	left: 0;
	position: absolute;
	top: 0;
	z-index: 0;
}

.mod-steps .step-item:after {
	background: transparent;
	border-bottom: 35px solid transparent;
	border-left: 20px solid #f4f4f4;
	border-top: 35px solid transparent;
	content: "";
	position: absolute;
	right: -20px;
	top: 0;
	z-index: 1;
}

.mod-steps .step-item.active {
	background: #3a6579;
	color: #ffffff;
}

.mod-steps .step-item.active:after {
	border-left: 20px solid #3a6579;
}

.mod-steps .step-item span {
	display: table-cell;
	height: 70px;
	padding-left: 20px;
	text-align: center;
	vertical-align: middle;
	width: 260px;
}

.mod-steps .active {
	display: table-cell;
	height: 70px;
	padding-left: 20px;
	text-align: center;
	vertical-align: middle;
}

/* ==========================================================================
   Header
   ========================================================================== */
#header, #main, #content, #sidebar, #footer, .section {
	position: relative;
}

#header {
	background: #ffffff;
	border-bottom: 1px solid #dbdbdb;
	-webkit-box-shadow: 0px 3px 30px 0px rgba(50, 50, 50, 0.15);
	-moz-box-shadow: 0px 3px 30px 0px rgba(50, 50, 50, 0.15);
	box-shadow: 0px 3px 30px 0px rgba(50, 50, 50, 0.15);
	z-index: 999;
	width: 100%;
	position: fixed;
	height: 50px;
}

.item-register button {
	background-color: #23c687;
	color: #ffffff;
	font-family: 'lao_uiregular';
	padding: 10px 30px;
	text-transform: uppercase;
	font-weight: 900;
	letter-spacing: 1px;
	font-size: 14px;
	text-decoration: none;
}

.item-register:hover {
	background: #13b777;
}

.item-register .icon:hover {
	text-decoration: none !important;
}

.item .menu-ats {
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	color: #777777;
	letter-spacing: 1px;
	padding-left: 2px;
}

.nav .item .icon {
	cursor: pointer;
}

.nav .item .icon:hover {
	text-decoration: underline;
}

.space-menu-ats-link {
	padding: 13px 20px 13px 0;
}

.space-menu-ats-link .icon {
	cursor: pointer;
}

.space-menu-ats-link .icon:hover {
	color: #2699fb;
}

#header .group {
	height: 50px;
}

#header .col.last {
	float: right;
}

.header-logo {
	float: left;
	height: 90px;
	font-size: 18px;
	line-height: 20px;
	padding: 0px;
}

.header-logo {
	height: 75px;
	/* float: left;
	font-size: 18px;
	line-height: 20px;
	padding: 0px; */
}

.header-logo-process {
	float: left;
	height: 50px;
	padding: 0px;
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.header-logo>img {
	height: 66%;
	padding: 3px;
	width: auto;
}

.header-logo-process>img {
	max-height: 48px;
	padding: 0px;
	max-width: 183px;
}

.size-logo {
	height: 85% !important;
}

#header .logo img {
	display: block;
}

#header .account {
	float: right;
}

#header .account .nav {
	float: right;
}

#header .account .nav {
	padding: 25px 0 0;
}

#header .account .nav .item {
	margin-left: 16px;
}

#header .account .nav .item:first-child {
	margin-left: 0;
}

#header .account .nav .item a {
	color: #fff;
	font-family: 'Tahoma', Verdana, Segoe, sans-serif;
	font-size: 13px;
	text-transform: lowercase;
}

#header .account .nav .item a:hover {
	text-decoration: underline;
}

#header .account .nav .item a:before {
	border-left: 1px solid #fff;
	content: "";
	padding-left: 16px;
}

#header .account .nav .item:first-child a:before {
	border-left: none;
	content: none;
	padding-left: 0;
}

/* ==========================================================================
   Main
   ========================================================================== */
#main {
	background: #fff;
	padding: 50px 0;
}

#my-profile {
	padding: 30px 0;
}

#signup {
	padding-top: 30px;
}
/* ==========================================================================
   Content
   ========================================================================== */
#candidacyDetails {
	padding-top: 50px;
}

#content {
	float: left;
	padding-right: 40px;
	width: 62%;
}

#contentFull {
	float: left;
	padding-right: 40px;
	width: 100%;
}

h2 {
	text-transform: inherit !important;
	margin-bottom: 0 !important;
}

/* ==========================================================================
   Profile Card
   ========================================================================== */
.new-main {
	background: #f7f7f7 !important;
	padding: 50px 0;
}

.profile-card {
	overflow: hidden;
	padding-bottom: 10px;
	position: relative;
}

.profile-card .col {
	width: 100%;
}

.profile-card .col:first-child {
	padding-right: 30px;
	width: 35%;
}

.profile-card .picture {
	overflow: hidden;
}

.profile-card .picture img {
	display: block;
	max-width: 206px;
	width: 100%;
}

.profile-card .overview {
	/* overflow: hidden; */
	
}

.profile-card .overview .full-name, .profile-card .overview .ocupation,
	.profile-card .overview .list, .profile-card .overview .button {
	clear: both;
	display: block;
	float: left;
}

.profile-card .full-name {
	color: #666;
	font-size: 26px;
	line-height: normal;
	text-transform: uppercase;
}

.profile-card .ocupation {
	color: #666;
	font-family: 'Tahoma', Verdana, Segoe, sans-serif;
	font-size: 16px;
	line-height: normal;
}

.profile-card .overview .additional-info {
	padding: 15px 0 10px;
}

.profile-card .overview .additional-info .item {
	color: #8b8b8b;
	display: block;
	float: none;
	font-family: 'Tahoma', Verdana, Segoe, sans-serif;
	font-size: 15px;
	line-height: normal;
	margin-bottom: 6px;
}

.profile-card .overview .data-edit {
	font-size: 20px;
	text-transform: uppercase;
	padding: 14px 0;
	width: 40%;
}

/* ==========================================================================
   @mod :::: Jobs
   ========================================================================== */
.mod-jobs {
	padding: 30px;
}

.mod-jobs .title {
	color: #bbb;
	font-size: 26px;
	margin-bottom: 8px;
	padding: 0;
	text-transform: uppercase;
}

.mod-jobs .search {
	background: #fff url(../img/icon-search.png) no-repeat center right;
	color: #bbb;
	font-size: 15px;
	padding: 16px 12px;
	width: 100%;
}

.mod-jobs .nav {
	margin-bottom: 16px;
	overflow: hidden;
	padding: 16px 0;
}

.mod-jobs .nav70 {
	width: 70%;
}

.mod-jobs .nav .tabs {
	float: left;
	width: 80%;
}

.mod-jobs .nav .tabs .item {
	margin-left: 4%;
	width: 16%;
}

.mod-jobs .nav .tabs .item a {
	color: #8b8b8b;
	font-family: 'Tahoma', Verdana, Segoe, sans-serif;
	font-size: 15px;
	overflow: hidden;
	padding: 4px 12px;
	text-align: center;
	text-decoration: none;
	width: 100%;
}

.mod-jobs .nav .tabs .item a:hover, .mod-jobs .nav .tabs .active a {
	background: #666;
	color: #fff;
}

/* ==========================================================================
   @mod :::: Job
   ========================================================================== */
.mod-job {
	background: #fff;
	margin-top: 30px;
	padding: 10px;
	position: relative;
}

.new-mod-job {
	box-shadow: 0 5px 6px rgba(0, 0, 0, .15);
	margin-bottom: 2rem;
	margin: 15px 2px;
	padding: 10px;
	text-align: left;
	width: auto;
	background-color: #fff;
	border-radius: 4px;
}

.mod-job:first-child {
	margin-top: 2px;
}

.new-mod-job:first-child {
	margin-top: 2px;
}

.mod-job .col {
	width: 75%;
}

.mod-job .col:first-child {
	padding-right: 30px;
	width: 25%;
}

.mod-job .company-picture {
	/* background: #f8f6f6; */
	overflow: hidden;
}

.new-mod-job .company-picture {
	/* background: #f8f6f6; */
	overflow: hidden;
}

.mod-job .company-picture img {
	display: block;
	margin: 0 auto;
	max-width: 115px;
	width: 100%;
}

.new-mod-job .company-picture img {
	display: block;
	margin: 0 auto;
	max-width: 115px;
	width: 100%;
	padding: 10px;
}

.new-mod-job .additional-info {
	display: inline-block;
	padding: 8px 0;
}

.mod-job .overview .name {
	color: #666;
	font-family: 'Tahoma', Verdana, Segoe, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: normal;
	margin-bottom: 8px;
	padding-right: 25%;
	cursor: pointer;
}

.mod-job .overview .cursor-default {
	cursor: default;
}

.mod-job .overview .additional-info {
	margin-bottom: 10px;
}

.mod-job .overview .additional-info .item {
	color: #8b8b8b;
	display: block;
	float: none;
	font-family: 'Tahoma', Verdana, Segoe, sans-serif;
	font-size: 15px;
	font-weight: normal;
	line-height: normal;
	margin-top: 6px;
}

.mod-job .overview .additional-info .item:first-child {
	margin-top: 0;
}

.mod-job .overview .additional-info .item .place {
	background: url(../img/icon-adress.png) no-repeat left center;
	display: block;
	padding-left: 16px;
}

.mod-job .overview .status {
	color: #fff;
	display: block;
	font-family: 'Tahoma', Verdana, Segoe, sans-serif;
	font-size: 13px;
	line-height: normal;
	padding: 2px 0 4px;
	text-align: center;
	text-transform: lowercase;
	width: 100%;
}

.mod-job .overview .finished {
	background: #c34f02;
}

.mod-job .overview .in-progress {
	background: #06c37a;
}

.mod-job .overview .new {
	background: #06c37a;
	text-transform: uppercase;
}

.mod-job .open {
	background: url(../img/icon-open.png) no-repeat left top;;
}

.mod-job .plus {
	background: url(../img/icon-plus.png) no-repeat left top;
	right: 2px;
}

.mod-job .schedule {
	border-top: 1px solid #ccc;
	color: #8b8b8b;
	font-family: 'Tahoma', Verdana, Segoe, sans-serif;
	font-size: 15px;
	margin-top: 30px;
	overflow: hidden;
	padding-top: 30px;
}

.mod-job .schedule .col {
	padding-right: 0;
	width: 45%;
}

.mod-job .schedule .col:first-child {
	width: 55%;
}

.mod-job .schedule .schedule-list {
	margin-bottom: 16px;
}

.mod-job .schedule .schedule-list .item {
	display: block;
	margin-top: 10px;
	overflow: hidden;
}

.mod-job .schedule .schedule-list .item:first-child {
	margin-top: 0;
}

.mod-job .schedule .schedule-list .item .label {
	float: left;
	margin-right: 8px;
	text-align: right;
	width: 120px;
}

.mod-job .schedule .schedule-list.last .item .label {
	width: 190px;
}

.mod-job .schedule .schedule-list .item .date {
	display: block;
	float: left;
}

.mod-job .schedule .schedule-list .item .edit {
	display: inline-block;
}

.mod-job .schedule .schedule-list .item .edit a {
	color: #00a9e0;
	float: left;
	font-family: 'Tahoma', Verdana, Segoe, sans-serif;
	font-size: 13px;
	margin: 0 3px;
	position: relative;
	text-decoration: underline;
}

.mod-job .schedule .schedule-list .item .edit a:before {
	border-left: 1px solid #00a9e0;
	content: "";
	padding-left: 6px;
}

.mod-job .schedule .schedule-list .item .edit a:first-child {
	margin-left: 0;
}

.mod-job .schedule .schedule-list .item .edit a:first-child:before {
	border-left: none;
}

.mod-job .contact .close {
	background: url(../img/icon-close.png) no-repeat left top;
	cursor: pointer;
	height: 52px;
	position: absolute;
	right: 0;
	top: 0;
	width: 53px;
}

/* ==========================================================================
   Sub Job
   ========================================================================== */
.sub-job {
	display: none;
}

/* ==========================================================================
   Company Card
   ========================================================================== */
.company-card {
	overflow: hidden;
	padding-bottom: 50px;
	position: relative;
}

.company-card .col {
	width: 80%;
}

.company-card .col:first-child {
	padding-right: 40px;
	width: 20%;
}

.company-card .picture {
	background: #f4f4f4;
	overflow: hidden;
}

.company-card .picture img {
	display: block;
	margin: 0 auto;
	max-width: 204px;
	width: 100%;
}

.company-card .overview {
	overflow: hidden;
}

.company-card .overview .name {
	color: #666;
	font-size: 26px;
	line-height: normal;
	margin-bottom: 16px;
	text-transform: uppercase;
}

.company-card .company-info .item {
	color: #8b8b8b;
	font-family: 'Tahoma', Verdana, Segoe, sans-serif;
	font-size: 15px;
}

.company-card .company-info .summary {
	background: url(../img/icon-company.png) no-repeat left 2px;
	display: block;
	margin-bottom: 14px;
	padding-left: 30px;
	text-indent: 0;
}

.company-card .company-info .place {
	background: url(../img/icon-adress.png) no-repeat 4px center;
	display: block;
	padding-left: 30px;
}

/* ==========================================================================
   Company Specifications
   ========================================================================== */
.company-specifications {
	overflow: hidden;
	padding-bottom: 30px;
	position: relative;
}

.company-specifications .tabs .item {
	position: relative;
	width: 25%;
}

.company-specifications .tabs .active {
	background: url(../img/arrow-top.png) no-repeat center bottom;
}

.company-specifications .tabs .item a {
	color: #666;
	font-size: 16px;
	overflow: hidden;
	padding: 62px 0 20px;
	text-align: center;
	text-transform: uppercase;
}

.company-specifications .tabs .item:hover a, .company-specifications .tabs .item.active a
	{
	color: #d20d44;
}

.company-specifications .tabs .item a:before {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	content: "";
	height: 46px;
	left: 50%;
	margin-left: -23px;
	position: absolute;
	top: 0;
	transition: none;
	width: 45px;
}

.company-specifications .tabs .item-1 a:before {
	background: url(../img/sprite-icon-o-que-esperamos.png) no-repeat center
		top;
}

.company-specifications .tabs .item-2 a:before {
	background: url(../img/sprite-icon-o-que-voce-vai-fazer.png) no-repeat
		center top;
}

.company-specifications .tabs .item-3 a:before {
	background: url(../img/sprite-icon-sobre-a-area-na-empresa.png)
		no-repeat center top;
}

.company-specifications .tabs .item-4 a:before {
	background: url(../img/sprite-icon-remuneracao-e-beneficios.png)
		no-repeat center top;
}

.company-specifications .tabs .item-1:hover a:before,
	.company-specifications .tabs .item-1.active a:before,
	.company-specifications .tabs .item-2:hover a:before,
	.company-specifications .tabs .item-2.active a:before,
	.company-specifications .tabs .item-3:hover a:before,
	.company-specifications .tabs .item-3.active a:before,
	.company-specifications .tabs .item-4:hover a:before,
	.company-specifications .tabs .item-4.active a:before {
	background-position: center bottom;
}

.company-specifications .tab-content {
	background: #f4f4f4;
	margin-bottom: 30px;
	overflow: hidden;
	padding: 30px;
}

.company-specifications .tab-content h2 {
	color: #bbb;
	font-size: 26px;
	font-weight: normal;
	line-height: normal;
	margin-bottom: 6px;
	text-transform: uppercase;
}

.company-specifications .tab-content p, .company-specifications .tab-content h3,
	.company-specifications .tab-content h4 {
	color: #8b8b8b;
	display: block;
	font-family: 'Tahoma', Verdana, Segoe, sans-serif;
	font-size: 15px;
	line-height: normal;
}

.company-specifications .tab-content p {
	margin-top: 26px;
}

.company-specifications .tab-content p:first-child {
	margin-top: 0;
}

.company-specifications .tab-content h3 {
	font-weight: normal;
	margin: 0 0 6px 0;
}

.company-specifications .tab-content .col {
	margin-left: 3.3%;
	width: 31%
}

.company-specifications .tab-content .col:first-child {
	margin-left: 0;
}

.company-specifications .tab-content .content {
	background: #fff;
	height: 188px;
	padding: 20px;
}

.company-specifications .tab-content h4 {
	font-weight: bold;
	margin: 0 0 10px 0;
}

.company-specifications .applying {
	color: #fff;
	float: right;
	font-size: 12px;
	padding: 8px;
	text-transform: uppercase;
	width: 15%;
}

/* ==========================================================================
   Company About
   ========================================================================== */
.company-about {
	overflow: hidden;
	padding-bottom: 30px;
	position: relative;
}

.company-about .content {
	background: #f4f4f4;
	overflow: hidden;
	padding: 30px;
}

.company-about .col {
	width: 48.4%;
}

.company-about .col:first-child {
	padding-right: 40px;
	width: 51.6%;
}

.company-about .content h2 {
	color: #bbb;
	font-size: 26px;
	font-weight: normal;
	line-height: normal;
	margin-bottom: 28px;
	text-transform: uppercase;
}

.company-about .content .picture {
	overflow: hidden;
}

.company-about .content .picture img {
	display: block;
	margin: 0 auto;
	max-width: 548px;
	width: 100%;
}

.company-about .content p {
	color: #8b8b8b;
	font-family: 'Tahoma', Verdana, Segoe, sans-serif;
	font-size: 15px;
	line-height: 24px;
	margin-top: 30px;
}

.company-about .content p:first-child {
	margin-top: 0;
}

.company-about .content a {
	color: #8b8b8b;
	display: block;
	font-weight: bold;
}

/* ==========================================================================
   Company Process
   ========================================================================== */
.company-process {
	overflow: hidden;
	padding-bottom: 30px;
	position: relative;
}

.company-process .content {
	overflow: hidden;
}

.company-process .content h2 {
	background: #f4f4f4;
	color: #bbb;
	font-size: 26px;
	font-weight: normal;
	line-height: normal;
	padding: 30px;
	text-transform: uppercase;
}

.company-process .steps {
	overflow: hidden;
}

.company-process .steps .item {
	background: url(../img/bg-step-rpt.png) repeat-x left top;
	padding-bottom: 4px;
	position: relative;
	width: 25%;
}

.company-process .steps .item:first-child {
	margin-left: 0;
}

.company-process .steps .item .icon {
	color: #d20d44;
	display: block;
	font-size: 15px;
	height: 152px;
	padding: 80px 10px 0 42px;
	position: relative;
	text-align: center;
}

.company-process .steps .item .icon:after {
	background: url(../img/arrow-right-step.png) no-repeat right center;
	content: "";
	height: 152px;
	position: absolute;
	right: -36px;
	top: 0;
	width: 36px;
	z-index: 2;
}

.company-process .steps .item-1 .icon {
	background: url(../img/step-1.png) no-repeat center 26px;
}

.company-process .steps .item-2 .icon {
	background: url(../img/step-2.png) no-repeat center 26px;
}

.company-process .steps .item-3 .icon {
	background: url(../img/step-3.png) no-repeat center 26px;
}

.company-process .steps .item-4 .icon {
	background: url(../img/step-4.png) no-repeat center 26px;
}

#job .contact {
	float: left;
}

#job .contact {
	width: 48%;
}

.signup {
	color: #fff;
	float: right;
	font-size: 20px;
	line-height: normal;
	padding: 15px 0;
	text-transform: uppercase;
	width: 22%;
}

/* ==========================================================================
   Sidebar
   ========================================================================== */
#sidebar {
	float: right;
	width: 38%;
}

/* ==========================================================================
   Widget
   ========================================================================== */
.widget {
	margin-bottom: 30px;
}

.widget-def-height {
	height: 740px;
	background-color: #F4F4F4;
	overflow: auto;
}

.mod-jobs-widget {
	margin-top: 0;
}

.mod-jobs-widget .nav .label {
	width: 25%;
}

.mod-jobs-widget .nav .tabs {
	width: 95%;
}

.mod-jobs-widget .nav .tabs .item {
	width: 46%;
}

.mod-jobs-widget .mod-job .company-picture img {
	max-width: 70px;
}

/* ==========================================================================
   Control
   ========================================================================== */
.control {
	overflow: hidden;
	padding: 0 130px 30px;
}

.control-modal {
	overflow: hidden;
	padding: 15px 130px 15px;
}

.control .button, .control-modal .button {
	background: #9b9b9b;
	color: #fff;
	font-size: 16px;
	padding: 14px 0;
	text-align: center;
	width: 140px;
}

.control .button:hover, .control-modal .button:hover {
	background: #6c6c6c;
	color: #fff;
}

.control .button.active, .control-modal .button.active {
	background: #3a7972;
	color: #fff;
}

.control .button:hover.active, .control-modal .button:hover.active {
	background: #285450;
	color: #fff;
}

.control .prev {
	float: left;
}

.control .next {
	float: right;
}

.control .bot-rosa, .control-modal .bot-rosa {
	background: #d20d44;
	text-align: center;
	padding: 14px 15px;
	color: #ffffff;
}

/* ==========================================================================
   Resume
   ========================================================================== */
.resume {
	background: #f4f4f4;
	padding: 5% 5% 10% 5%;
	position: relative;
}

.resume .title {
	color: #666;
	font-family: 'Tahoma', Verdana, Segoe, sans-serif;
	font-size: 16px;
	font-weight: normal;
	padding-bottom: 0;
	margin-bottom: 8px;
	text-transform: uppercase;
}

.resume p {
	color: #666;
	font-family: 'Tahoma', Verdana, Segoe, sans-serif;
	font-size: 15px;
	font-weight: normal;
	line-height: normal;
	margin-bottom: 8px;
}

.resume a {
	color: #11afe2;
	font-size: 13px;
	text-decoration: underline;
}

.resume .resume-edit {
	bottom: 16px;
	color: #fff;
	font-size: 12px;
	padding: 8px 0;
	position: absolute;
	right: 16px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 30%;
}

.resume .resume-editmod {
	color: #fff;
	font-size: 12px;
	padding: 8px 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 30%;
	float: left;
}

.row .space-candidacApply {
	padding: 1% 5% 1% 1%;
}
/* ==========================================================================
   Schedule
   ========================================================================== */
.schedule-widget {
	background-color: #F4F4F4;
	padding: 0;
	position: relative;
}

.schedule-widget .title {
	color: #D20D44;
	font-family: 'Tahoma', Verdana, Segoe, sans-serif;
	font-size: 16px;
	font-weight: normal;
	padding: 20px 0px 10px 65px;
}

.schedule-widget-item {
	padding: 10px 5px 20px 65px;
	position: relative;
	vertical-align: middle;
}

.notification-icon {
	background: url(../img/info-icon-gray.svg) no-repeat 12px center;
	background-size: 40px;
}

.calendar-icon {
	background: url(../img/icon-schedule-gray.png) no-repeat 12px center;
	background-size: 40px;
}

.schedule-widget p {
	color: #666666;
	font-family: 'Tahoma', Verdana, Segoe, sans-serif;
}

.schedule-widget .date {
	font-size: 15px;
	font-weight: bold;
}

.schedule-widget .description {
	display: block;
	font-size: 13px;
	font-weight: normal;
}

.schedule-widget .plus {
	background: url(../img/icon-plus-red.png) no-repeat left top;
}

.notification-widget-title {
	background-color: #F4F4F4;
	color: #D20D44;
	font-weight: bold;
	font-size: 20px;
	padding: 10px;
	margin-bottom: 0px;
	text-transform: uppercase;
}

.notification-widget-hr {
	margin: 0px;
	border: 0px;
	height: 2px;
	background-image: linear-gradient(to right, #F4F4F4, #FFFFFF, #F4F4F4);
}

/* ==========================================================================
   @mod :::: Social
   ========================================================================== */
.mod-social {
	background: #f4f4f4;
	overflow: hidden;
	padding: 10px;
	position: absolute;
	right: 0;
	top: 0;
	width: 260px;
}

.mod-social .label {
	color: #666;
	float: left;
	font-family: 'Tahoma', Verdana, Segoe, sans-serif;
	font-size: 15px;
	text-transform: lowercase;
}

.mod-social .social {
	float: right;
}

.mod-social .social .item {
	margin-left: 4px;
}

.mod-social .social .item:first-child {
	margin-left: 0;
}

.mod-social .social .item .icon {
	background: url(../img/sprite-social.png) no-repeat;
	height: 31px;
	text-indent: -9999px;
	width: 31px;
}

.mod-social .social .item .icon-facebook {
	background-position: 0 0;
}

.mod-social .social .item .icon-twitter {
	background-position: -32px 0;
}

.mod-social .social .item .icon-google-plus {
	background-position: -68px 0;
}

.mod-social .social .item .icon-linkedin {
	background-position: -103px 0;
}

/* ==========================================================================
   Data Area
   ========================================================================== */
.data-area {
	background: #f4f4f4;
	overflow: hidden;
	padding: 30px;
}

.data-area h2 {
	color: #666866;
	font-size: 26px;
	line-height: normal;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.data-area .label {
	color: #666866;
	display: block;
	font-family: 'Tahoma', Verdana, Segoe, sans-serif;
	font-size: 15px;
	margin-bottom: 4px;
}

.data-area .field {
	border: none;
	color: #1c1d1c;
	font-family: 'Tahoma', Verdana, Segoe, sans-serif;
	font-size: 13px;
	margin-bottom: 4px;
	width: 100%;
}

.ats-lite-input .fieldError .angucomplete-holder .ng-invalid-required {
	border: 1px solid #f00 !important;
}

.ats-lite-input .fieldError {
	border: 0px solid #f00 !important;
}

.data-area .field25 {
	width: 25%;
}

.data-area .small-view {
	display: none;
}

.testando {
	color: #fff;
	font-family: 'lao_uiregular';
	font-size: 20px;
	padding: 14px 0;
	text-transform: uppercase;
	width: 390px;
	border-radius: 5px;
}

.fieldcnt {
	border: none;
	color: #1c1d1c;
	font-family: 'Tahoma', Verdana, Segoe, sans-serif;
	font-size: 13px;
	margin-bottom: 4px;
	width: 93%;
	height: 35px;
	float: right;
	padding-left: 10px;
}

.data-area a {
	color: #00a9e0;
	float: left;
	font-family: 'Tahoma', Verdana, Segoe, sans-serif;
	font-size: 15px;
	text-decoration: underline;
}

.data-area .espc a {
	color: #00a9e0;
	float: left;
	font-family: 'Tahoma', Verdana, Segoe, sans-serif;
	font-size: 13px;
	text-decoration: none;
}

/* ==========================================================================
   @mod :::: Select
   ========================================================================== */
.quiet {
	display: none;
}

.spc {
	margin-right: 5%;
	margin-bottom: 5%;
}

.mod-select {
	float: left;
	overflow: hidden;
	width: 100%;
}

.mod-select .dropdown {
	background: #fff url(../img/arrow-select.png) no-repeat right center;
	border: none;
	cursor: pointer;
	display: block;
	float: left;
	height: 34px;
	overflow: hidden;
	position: relative;
}

.mod-select .dropdown .select {
	-moz-border-radius: none;
	-webkit-appearance: none;
	-webkit-border-radius: none;
	background: transparent;
	border-radius: none;
	border: none;
	color: #1c1d1c;
	cursor: pointer;
	font-size: 13px;
	height: 34px;
	padding: 0 10px;
	text-transform: uppercase;
}

.mod-select .dropdown .datalist {
	-moz-border-radius: none;
	-webkit-appearance: none;
	-webkit-border-radius: none;
	background: transparent;
	border-radius: none;
	border: none;
	color: #1c1d1c;
	cursor: pointer;
	font-size: 13px;
	height: 34px;
	padding: 0 10px;
	text-transform: uppercase;
}

/* ==========================================================================
   @mod :::: Radio
   ========================================================================== */
.mod-radio {
	color: #1c1d1c;
	font-family: 'Tahoma', Verdana, Segoe, sans-serif;
	font-size: 15px;
	float: left;
	padding-left: 2px;
}

.mod-radio .radio {
	margin-right: 10px;
}

/* ==========================================================================
   @mod :::: Checkbox
   ========================================================================== */
.mod-checkbox {
	color: #1c1d1c;
	font-family: 'Tahoma', Verdana, Segoe, sans-serif;
	font-size: 15px;
	float: left;
	padding-left: 2px;
	cursor: pointer;
}

.mod-checkbox .checkbox {
	margin-right: 10px;
}

.mod-checkbox_maior {
	height: 22px;
	width: 32px;
	cursor: pointer;
}
/* ==========================================================================
   Signup
   ========================================================================== */
.signup-profile {
	overflow: hidden;
}

.signup-profile .steps {
	padding-bottom: 30px;
}

.signup-profile .steps .item {
	padding: 0 20px 0 0;
	width: 30%;
}

.signup-profile .steps .item span {
	border-top: 1px solid #bbb;
	color: #bbb;
	display: block;
	font-size: 13px;
	overflow: hidden;
	padding-top: 5px;
	text-align: center;
	text-transform: uppercase;
}

.signup-profile .steps .active span {
	border-top: 1px solid #d20d44;
	color: #d20d44;
}

#signup .data-facebook {
	padding-bottom: 40px;
	overflow: hidden;
}

#signup .data-facebook .label {
	color: #8b8b8b;
	margin-bottom: 12px;
}

#signup .data-linkedin .label {
	color: #8b8b8b;
	margin-bottom: 12px;
}

#signup .data-facebook .button {
	padding-bottom: 40px;
	font-size: 20px;
	padding: 20px 0;
	text-transform: uppercase;
}

#signup .data-linkedin .button {
	padding-bottom: 40px;
	font-size: 20px;
	padding: 20px 0;
	text-transform: uppercase;
}

#signup .data-area {
	margin-bottom: 40px;
}

#signup .form .data-area .row {
	margin-top: 20px;
}

#signup .form .data-area .row:first-child {
	margin-top: 0;
}

#signup .form .data-area .title {
	padding: 0;
}

#signup .form .data-area .icon {
	display: block;
	float: left;
	margin-right: 1%;
	padding: 4px 0 0 0;
	width: 7%;
}

#signup .form .data-area .icon img {
	display: block;
	max-width: 27px;
}

#signup .form .data-area .icon ~ .field {
	float: left;
	width: 92%;
}

#signup .control {
	overflow: hidden;
	padding: 0 100px;
}

#signup .control-inscription {
	overflow: hidden;
	padding: 0 45px;
}

#signup .control .button {
	color: #fff;
	font-family: 'lao_uiregular';
	font-size: 20px;
	padding: 14px 0;
	text-transform: uppercase;
	width: 268px;
}

#signup .control .active {
	background-color: #d20d44;
}

#signup .control .prev {
	background: #bbbbbb url(../img/arrow-prev.png) no-repeat left center;
	float: left;
	padding-left: 120px;
	text-align: left;
}

#signup .control .prev:hover, #signup .control .prev.active {
	background-color: #666;
}

#signup .control .preves {
	background: #bbbbbb;
	float: left;
	text-align: center;
}

#signup .control .preves:hover, #signup .control .preves.active {
	background-color: #666;
}

#signup .control .next {
	background: #2699fb url(../img/arrow-next.png) no-repeat right center;
	float: right;
	padding-right: 130px;
	text-align: right;
}

#signup .control .next:hover, #signup .control .next.active {
	opacity: 0.7;
}

#signup .control .nextes {
	background: #d20d44;
	float: left;
	text-align: center;
	text-decoration: none;
}

#signup .control .nextes:hover, #signup .control .nextes.active {
	background-color: #93092f;
}

#signup .controlb {
	overflow: hidden;
}

#signup .controlb .button {
	color: #fff;
	font-family: 'lao_uiregular';
	font-size: 20px;
	padding: 14px 0;
	text-transform: uppercase;
	width: 268px;
}

#signup .controlb .active {
	background-color: #d20d44;
}

#signup .controlb .prev {
	background: #bbbbbb url(../img/arrow-prev.png) no-repeat left center;
	float: left;
	padding-left: 120px;
	text-align: left;
}

#signup .controlb .prev:hover, #signup .control .prev.active {
	background-color: #666;
}

#signup .controlb .preves {
	background: #bbbbbb;
	float: left;
	text-align: center;
}

#signup .controlb .preves:hover, #signup .controlb .preves.active {
	background-color: #666;
}

#signup .controlb .next {
	background: #d20d44 url(../img/arrow-next.png) no-repeat right center;
	float: right;
	padding-right: 130px;
	text-align: right;
}

#signup .controlb .next:hover, #signup .controlb .next.active {
	background-color: #93092f;
}

#signup .controlb .nextes {
	background: #d20d44;
	float: left;
	text-align: center;
	text-decoration: none;
}

#signup .controlb .nextes:hover, #signup .controlb .nextes.active {
	background-color: #93092f;
}

.nextes-transp {
	opacity: 1.0;
	filter: alpha(opacity = 100);
}

.nextes-transp:hover, .nextes-transp.active {
	opacity: 0.8;
	filter: alpha(opacity = 80);
}
/* ==========================================================================
   My Data
   ========================================================================== */
.my-data .avatar {
	border: 1px solid #bbb;
}

.my-data .col {
	width: 80%;
}

.my-data .col:first-child {
	padding-right: 40px;
	width: 20%;
}

.my-data .avatar img {
	display: block;
	max-width: 206px;
	width: 100%;
}

.my-data .col .row .col {
	width: 50%;
}

/* ==========================================================================
   Sub Data
   ========================================================================== */
.sub {
	position: relative;
}

.sub-data {
	background: #f4f4f4;
	border: 1px solid #ccc;
	margin-top: 10px;
	padding: 20px;
	position: relative;
}

.sub-data:before {
	background: url(../img/arrow-sub.png) no-repeat center center;
	content: "";
	height: 15px;
	left: 20px;
	position: absolute;
	top: -15px;
	width: 40px;
}

.my-data .sub-data .col33 {
	width: 33.3% !important;
}

.my-data .sub-data .col66 {
	width: 66.7% !important;
}

.my-data .sub-data .col:first-child {
	padding-right: 20px;
}

.sub-data .mod-checkbox {
	padding-left: 0;
}

.sub-data .mod-checkbox.type {
	font-size: 12.4px;
}

.sub-data small {
	color: #1c1c1c;
	display: block;
	font-size: 13px;
	padding-left: 40px;
	text-indent: 0;
}

.sub-data .msg {
	border: none;
	height: 90px;
	text-align: left;
}

#signup .form .sub {
	margin-top: 0 !important;
	padding-top: 15px !important;
}

.btn-go-test {
	background: #fff;
	color: #d20d44;
	padding: 3px 10px 3px 10px;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-appearance: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 5% 10% 0 0;
	float: right;
}

.btn-go-test:hover {
	background: #93092f;
	color: #ffffff;
}

/* ==========================================================================
   @mod :::: Radios and Checkboxes
   ========================================================================== */
.mod-check {
	padding: 2px 0;
}

/*
    Hide the original radios and checkboxes
    (but still accessible)

    :not(#foo) > is a rule filter to block browsers
                 that don't support that selector from
                 applying rules they shouldn't

*/
.mod-check:not (#foo ) >input[type='radio'], .mod-check:not (#foo ) >input[type='checkbox']
	{
	/* Hide the input, but have it still be clickable */
	opacity: 0;
	margin: 0 0 0 -25px;
	float: left;
	width: 25px;
}

.mod-check:not (#foo ) >input[type='radio']+label, .mod-check:not (#foo
	) >input[type='checkbox']+label, .mod-check-small:not (#foo ) >input[type='checkbox']+label
	{
	margin: 0;
	clear: none;
	/* Make look clickable because they are */
	cursor: pointer;
	line-height: 24px;
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
}

.mod-check:not (#foo ) >input[type='radio']+label {
	/* Left padding makes room for image */
	padding: 3px 0 4px 40px;
	background: url(../img/sprite-radio-2.png) left top no-repeat;
}

.mod-check:not (#foo ) >input[type='checkbox']+label {
	/* Left padding makes room for image */
	padding: 0px 0px 0px 22px;

	/* background: url(../img/sprite-checkbox.png) left top no-repeat; */
}

/*
    Change from unchecked to checked graphic
*/
.mod-check:not (#foo ) >input[type='radio']:checked+label, .mod-check:not
	(#foo ) >input[type='checkbox']:checked+label, .mod-check-small:not (#foo
	) >input[type='checkbox']:checked+label {
	background-position: left bottom;
}

.mod-check-small {
	padding: 2px 0;
}

.mod-check-small:not (#foo ) >input[type='checkbox'] {
	opacity: 0;
	margin: 0 0 0 -19px;
	float: left;
	width: 19px;
}

.mod-check-small:not (#foo ) >input[type='checkbox']+label {
	line-height: 18px;
}

.mod-check-small:not (#foo ) >input[type='checkbox']+label {
	/* Left padding makes room for image */
	padding: 2px 0 2px 30px;
	background: url(../img/sprite-checkbox-small.png) left top no-repeat;
}

/* ==========================================================================
   Footer
   ========================================================================== */
#footer {
	background-color: #1d2854;
	padding: 25px 0;
}

#footer img {
	max-width: 110px;
}

.image-centered {
	margin: 0 auto;
}

.footer-section-title {
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	margin: 0;
	padding: 0;
	font-weight: 400;
	margin: 0 0 20px 0;
	color: #adb3c9;
	text-transform: uppercase;
}

.footer-item-title a {
	font-family: 'Montserrat';
	color: #ffffff;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.52857143;
}

#subfooter {
	background-color: #52608f;
	padding: 5px 0;
	bottom: 0;
    position: relative;
    width: 100%;
}

#subfooter span {
	color: #ffffff;
	font-size: 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-left: 15px;
}

#subfooter a {
	color: #ffffff;
	font-size: 12px;
	text-align: right;
	display: inline;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-right: 15px;
}

#subfooter .container .text-right {
	text-align: right;
}

.powered-bar-ats {
	background: #52608f;
}

.title-ats-footer {
	font-family: 'lao_ui';
	color: #23c687;
	text-transform: uppercase;
	font-size: 18px;
}

.footer-ats-list {
	font-family: 'lao_ui';
	padding: 1% 0;
}

.footer-ats-topic {
	color: #ffffff;
	font-size: 14px;
	line-height: 20px;
}

.footer-ats-topic a {
	font-size: 14px;
	line-height: 20px;
}

.footer-ats-topic a:hover {
	text-decoration: underline !important;
}

.powered-bar-ats {
	font-family: 'lao_ui';
	color: #ffffff;
	font-size: 12px;
	line-height: 35px;
}

.powered-bar-ats a {
	display: inline-table;
}

.powered-bar-ats .right-responsive {
	text-align: right;
}

#footer .group {
	min-height: 45px;
	overflow: hidden;
	padding: 11px 0 13px;
}

#footer .group a {
	color: #fff;
	display: inline;
	line-height: normal;
	text-align: center;
	text-decoration: none;
}

#footer p {
	color: #fff;
	display: block;
	font-size: 14px;
	line-height: normal;
	text-align: center;
}

.white-link {
	color: #ffffff;
}

.white-link:hover {
	text-decoration: underline;
}

.btn-opacity-low {
	opacity: 1.0;
	filter: alpha(opacity = 100);
}

.btn-opacity-low:hover {
	opacity: 0.7;
	filter: alpha(opacity = 70);
}

.ats-logo-footer {
	max-width: 70px;
	display: list-item;
}

.text-align-center {
	text-align: center;
}

.ats-social-icon-footer {
	color: #ffffff;
	font-size: 18px !important;
	margin-right: 5px;
	margin-top: 10px;
}

.ats-globe-alert-message li {
	display: inline-table;
}

.login-ats-applicant {
	background: #eeeeee !important;
}

.login-ats-applicant-text {
	padding: 0 20px 20px 20px;
}

.login-ats-applicant-text-content {
	font-family: 'lao_ui';
	font-size: 14px;
	margin: 10px 0;
}

.login-ats-applicant-text-content a {
	font-weight: 900;
	display: inline-table;
	color: #252525;
}

.login-ats-applicant-text-content p {
	color: #252525;
	font-family: 'lao_ui';
	font-size: 14px;
	padding-top: 5px;
	padding-left: 15px;
}

.login-ats-applicant-text-content p a {
	font-weight: 900;
	font-family: 'lao_ui';
	display: inline-table;
	color: #252525;
	font-size: 14px;
}

.sign-in-up-box {
	background: #cecece;
	-webkit-box-shadow: 4px 4px 30px 0px rgba(50, 50, 50, 0.6);
	-moz-box-shadow: 4px 4px 30px 0px rgba(50, 50, 50, 0.6);
	box-shadow: 4px 4px 30px 0px rgba(50, 50, 50, 0.6);
	margin-bottom: 20px;
}

.sign-in-box {
	background: #f0f0f0;
	text-align: center;
	padding: 30px;
	color: #252525;
	font-family: 'lao_ui';
	font-size: 24px;
}

.sign-up-box {
	background: #cecece;
	color: #252525;
	font-family: 'lao_ui';
	font-size: 24px;
	text-align: center;
	padding: 50px 20px;
}

.sign-up-box p {
	padding-bottom: 15px;
}

.sign-up-box button {
	margin-bottom: 10px;
}

.forgot-password-box {
	margin-top: 10px;
	color: #252525;
}

.forgot-password a {
	color: #252525;
}

.forgot-password a:hover {
	color: #252525;
	text-decoration: underline;
}

.forgot-password {
	font-size: 12px;
}

.sign-up-box .remember-me-input-style {
	font-size: 12px;
}

.sign-up-box .remember-me-input {
	font-size: 12px;
}
/* Shared */
.loginBtn {
	box-sizing: border-box;
	position: relative;
	/* width: 13em;  - apply for fixed size */
	margin: 0.2em;
	padding: 0 15px 0 46px;
	border: none;
	text-align: left;
	line-height: 34px;
	white-space: nowrap;
	border-radius: 0.2em;
	font-size: 14px;
	color: #FFF;
}

.loginBtn:before {
	content: "";
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 34px;
	height: 100%;
}

.loginBtn:focus {
	outline: none;
}

.loginBtn:active {
	box-shadow: inset 0 0 0 32px rgba(0, 0, 0, 0.1);
}

.line-sign-up {
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #9b9b9b;
	line-height: 0.41666em;
	margin: 10px 0 20px;
}

.line-sign-up span {
	background: #f0f0f0;
	padding: 0 10px;
	color: #9b9b9b;
	font-size: 17px;
	margin: 20px 0;
}

.input-icon {
	position: absolute;
	left: 3px;
	top: calc(50% - 0.5em);
	/* Keep icon in center of input, regardless of the input height */
}

input {
	padding-left: 40px;
}

.input-wrapper {
	position: relative;
	border: 1px solid #a7a7a7;
	margin: 10px 0;
	padding: 0 10px;
	background: #ffffff;
	font-size: 14px;
	padding: 5px 0 5px 0;
	width: 100%;
}

.input-icon-login-placeholder {
	font-size: 14px;
}

.input-wrapper .fa {
	font-size: 12px !important;
	color: #464845;
	margin-left: 10px;
	background: #ffffff;
}

.rodrigo-btn {
	border: 1px solid red;
}

input#yourName::placeholder {
	font-size: 14px;
}

input#yourName::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-size: 14px;
}

input#yourName::-moz-placeholder { /* Firefox 19+ */
	font-size: 14px;
}

input#yourName:-ms-input-placeholder { /* IE 10+ */
	font-size: 14px;
}

input#yourName:-moz-placeholder { /* Firefox 18- */
	font-size: 14px;
}

input#yourEmail::placeholder {
	font-size: 14px;
}

input#yourEmail::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-size: 14px;
}

input#yourEmail::-moz-placeholder { /* Firefox 19+ */
	font-size: 14px;
}

input#yourEmail:-ms-input-placeholder { /* IE 10+ */
	font-size: 14px;
}

input#yourEmail:-moz-placeholder { /* Firefox 18- */
	font-size: 14px;
}

input#yourPassword::placeholder {
	font-size: 14px;
}

input#yourPassword::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	font-size: 14px;
}

input#yourPassword::-moz-placeholder { /* Firefox 19+ */
	font-size: 14px;
}

input#yourPassword:-ms-input-placeholder { /* IE 10+ */
	font-size: 14px;
}

input#yourPassword:-moz-placeholder { /* Firefox 18- */
	font-size: 14px;
}

.orange-btn-signup {
	background-color: #ff6200;
	color: #ffffff;
	text-transform: uppercase;
	width: 100%;
	font-size: 14px;
	padding: 8px 0;
}

#email {
	padding-left: 20px;
}

#email-label {
	position: inherit;
}

#email-label:before {
	color: #666;
	content: "\f0e0";
	font-family: FontAwesome;
	position: absolute;
	top: 0px;
	left: 13px;
}

#name-label:before {
	color: #666;
	content: "\f007";
	font-family: FontAwesome;
	position: absolute;
	top: 5px;
	left: 15px;
}

#password-label:before {
	color: #666;
	content: "\f023";
	font-family: FontAwesome;
	position: absolute;
	top: 5px;
	left: 15px;
}

#birthdate-label:before {
	color: #666;
	content: "\f073";
	font-family: FontAwesome;
	position: absolute;
	top: 5px;
	left: 15px;
}

#email-label2 {
	position: relative;
}

#email-label2 .fa-rocket {
	color: #666;
	top: 2px;
	left: 5px;
	position: absolute;
}

#email2 {
	padding-left: 20px;
}

#main-login {
	padding: 1% 0 40px 0;
}

.input-icon-login-value {
	font-size: 14px;
	color: #464845;
}

/* Facebook */
.loginBtn--facebook {
	background-color: #4C69BA;
	/* background-image: linear-gradient(#4C69BA, #3B55A0); */
	font-family: 'lao_ui';
	text-shadow: 0 -1px 0 #354C8C;
}

.loginBtn--facebook:before {
	border-right: #364e92 1px solid;
	background:
		url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_facebook.png')
		3px 3px no-repeat;
}

.loginBtn--facebook:hover, .loginBtn--facebook:focus {
	background-color: #5B7BD5;
	background-image: linear-gradient(#5B7BD5, #4864B1);
}

/* Linkedin */
.loginBtn--linkedin {
	background-color: #007bb6;
	/* background-image: linear-gradient(#4C69BA, #3B55A0); */
	font-family: 'lao_ui';
	text-shadow: 0 -1px 0 #354C8C;
}

.loginBtn--linkedin:before {
	border-right: #007bb6 1px solid;
	background:
		url('https://s3.amazonaws.com/atsqa/applicant/resources/logo-linkedin.png')
		4px 4px no-repeat;
}

.loginBtn--linkedin:hover, .loginBtn--linkedin:focus {
	background-color: #007bb6;
	background-image: linear-gradient(#007bb6, #007bb6);
}

/* CHECKBOX */
/* Base for label styling */
[type="checkbox"]:not (:checked ), [type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}

[type="checkbox"]:not (:checked ) +label, [type="checkbox"]:checked+label
	{
	position: relative;
	padding-left: 1.95em;
	cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not (:checked ) +label:before, [type="checkbox"]:checked+label:before
	{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 1.25em;
	height: 1.25em;
	border: 2px solid #ccc;
	background: #fff;
	border-radius: 4px;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
}
/* checked mark aspect */
[type="checkbox"]:not (:checked ) +label:after, [type="checkbox"]:checked+label:after
	{
	content: '✔';
	position: absolute;
	top: .1em;
	left: .1em;
	font-size: 1.3em;
	line-height: 0.8;
	color: #ff6200;
	transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not (:checked ) +label:after {
	opacity: 0;
	transform: scale(0);
}

[type="checkbox"]:checked+label:after {
	opacity: 1;
	transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not (:checked ) +label:before, [type="checkbox"]:disabled:checked+label:before
	{
	box-shadow: none;
	border-color: #bbb;
	background-color: #ddd;
}

[type="checkbox"]:disabled:checked+label:after {
	color: #999;
}

[type="checkbox"]:disabled+label {
	color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus+label:before, [type="checkbox"]:not (:checked
	):focus+label:before {
	border: 2px dotted blue;
}

/* ==========================================================================
   RESPONSIVE MENU!
   ========================================================================== */
/*----- Toggle Button -----*/
.toggle-nav {
	display: none;
}

.menu-list {
	display: none;
}

/*----- Menu -----*/
@media screen and (min-width: 860px) {
	.menu {
		width: 100%;
		padding: 0;
		background: transparent;
		/* margin-top: 10px; */
		text-align: right;
	}
}

.menu ul {
	display: inline-block;
}

.menu li {
	/* margin:0px 50px 0px 0px; */
	float: left;
	list-style: none;
	font-size: 17px;
}

.menu li:last-child {
	margin-right: 0px;
}

.menu a {
	color: #85939c;
}

.menu a:focus {
	outline: none !important;
}

.menu a:hover, .menu .current-item a {
	text-decoration: none;
	color: #66a992;
}

.menu li  ul {
	position: absolute;
	background: #ffffff;
	padding: 5px 10px;
	display: none;
}

.menu li  ul li a {
	margin-top: 10px;
}

.menu li:hover ul, .menu li.over ul {
	display: block;
	width: 200px;
}

.submenu-active {
	color: #2699fb;
	border-bottom: 3px solid #2699fb;
}

/*----- Search -----*/
.search-form {
	float: right;
	display: inline-block;
}

.search-form input {
	width: 200px;
	height: 30px;
	padding: 0px 8px;
	float: left;
	border-radius: 2px 0px 0px 2px;
	font-size: 13px;
}

.search-form button {
	height: 30px;
	padding: 0px 7px;
	float: right;
	border-radius: 0px 2px 2px 0px;
	background: #66a992;
	font-size: 13px;
	font-weight: 600;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
	color: #fff;
}

/*----- Responsive -----*/
@media screen and (max-width: 1439px) and (min-width: 1261px) {
	label.star {
		font-size: 26px !important;
	}
}

@media screen and (max-width: 1261px) and (min-width: 1165px) {
	label.star {
		font-size: 20px !important;
	}
}

@media screen and (max-width: 1165px) and (min-width: 1000px) {
	label.star {
		font-size: 20px !important;
	}
}

@media screen and (max-width: 1235px) {
	.space-menu-ats-link {
		padding: 13px 10px 13px 0;
	}
}

@media screen and (max-width: 1150px) {
	.wrap {
		width: 90%;
	}
	.col100-responsive {
		width: 100% !important;
	}
	.col80-responsive {
		width: 100% !important;
	}
	.logo-posi {
		width: 100% !important;
		padding: 0 30%;
	}
	#contentFull {
		padding-right: 15px;
	}
	.details-list {
		font-size: 10px;
	}
	.details-list-end {
		font-size: 10px;
	}
	.block-opportunities {
		width: 40% !important;
	}
}

@media screen and (max-width: 1100px) {
	.responsive-block {
		display: block !important;
	}
	.responsive-widht {
		width: 100% !important;
	}
	label.star {
		font-size: 25px !important;
	}
	.text-no-survey {
		width: 150px !important;
	}
	.checkmark-margin {
		margin: 0 !important;
	}
}

@media screen and (max-width: 970px) {
	.search-form input {
		width: 120px;
	}
	.col30-responsive {
		width: 40%;
	}
	.survey-main {
		border-left: 0 !important;
	}
}

@media screen and (max-width: 860px) {
	.menu {
		position: relative;
		display: inline-block;
	}
	.menu-none {
		display: none;
	}
	.menu-list {
		display: list-item;
	}
	.menu li ul {
		position: static;
		padding: 5px 10px;
		box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.15);
	}
	.col100-responsive {
		width: 100%;
	}
	.menu ul.active {
		display: none;
	}
	.menu ul {
		width: 230px;
		position: absolute;
		top: 120%;
		left: -187px;
		padding: 10px 18px;
		box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
		border-radius: 4px;
		background: #ffffff;
	}
	.menu ul:after {
		width: 0px;
		height: 0px;
		position: absolute;
		top: 0%;
		left: 200px;
		content: '';
		transform: translate(0%, -100%);
		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
		border-bottom: 7px solid #ffffff;
	}
	.menu li {
		margin: 5px 0px 5px 0px;
		float: none;
		display: block;
	}
	.menu a {
		display: block;
	}
	.toggle-nav {
		padding: 5px 10px;
		float: left;
		margin: 1px;
		display: inline-block;
		/* box-shadow:0px 1px 1px rgba(0,0,0,0.5); */
		border-radius: 3px;
		text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.9);
		color: #777;
		font-size: 25px;
		/* background: #f2f2f2; */
		transition: color linear 0.15s;
	}
	.toggle-nav:hover, .toggle-nav.active {
		text-decoration: none;
		color: #66a992;
	}
	.search-form {
		margin: 12px 0px 0px 20px;
		float: left;
	}
	.search-form input {
		box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.1);
	}
}

.overflow-inherit {
	overflow: inherit !important;
}

.ats-responsive-menu-align-left {
	text-align: left;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
.group {
	margin: 0 auto;
	overflow: hidden;
	padding: 0 40px;
	position: relative;
	max-width: 1280px;
}

.row, .col {
	position: relative;
}

.row {
	clear: both;
	overflow: hidden;
}

.row_overflow {
	clear: both;
}

.col, .item {
	float: left;
}

.col-full {
	width: 100%;
}

.col100 {
	width: 100% !important;
}

.col98 {
	width: 98%;
}

.col95 {
	width: 95%;
}

.col90 {
	width: 90%;
}

.col88 {
	width: 88%;
}

.col80 {
	width: 80%;
}

.col75 {
	width: 75%;
}

.col70 {
	width: 70%;
}

.col68 {
	width: 68%;
}

.col66 {
	width: 66.7%;
}

.col60 {
	width: 60%;
}

.col58 {
	width: 58%;
}

.col55 {
	width: 55%;
}

.col50 {
	width: 50%;
}

.col52 {
	width: 52%;
}

.col50es {
	width: 50%;
}

.col45 {
	width: 45%;
}

.col53 {
	width: 52.67% !important;
	margin-bottom: 2%;
}

.col40 {
	width: 40%;
}

.col36 {
	width: 36%;
}

.col33 {
	width: 33.3%;
}

.col30 {
	width: 30%;
}

.col25 {
	width: 25%;
}

.col10-responsive {
	width: 10%;
}

.col20-responsive {
	width: 20%;
	float: left;
}

.col25-responsive {
	width: 25%;
	float: left;
}

.col30-responsive {
	width: 30%;
}

.col40-responsive {
	width: 40%;
	float: left;
}

.col50-responsive {
	width: 50%;
	float: left;
}

.col60-responsive {
	width: 60%;
	float: left;
}

.col60-centralize {
	margin-left: 20%;
}

.col68-responsive {
	width: 68%;
}

.col70-responsive {
	width: 70%;
}

.col80-responsive {
	width: 80%;
}

.col80-responsive-opportunities {
	width: 80%;
}

.col90-responsive-to50 {
	width: 90%;
}

.col100-responsive {
	width: 100%;
}

.left-responsive {
	float: left;
}

.right-responsive {
	float: right;
}

.item-special-space {
	margin: 0 10px 0 0 !important;
}

.col-enviar {
	margin-left: 39%;
}

@media screen and (max-width: 970px) and (min-width: 768px) {
	.col30-responsive {
		width: 40%;
	}
}

@media screen and (max-width: 768px) {
	.col10-responsive {
		width: 50%;
	}
	.col20-responsive {
		width: 100%;
	}
	.col25-responsive {
		width: 100%;
	}
	.col40-responsive {
		width: 100%;
	}
	.col50-responsive {
		width: 100%;
	}
	.col60-responsive {
		width: 100%;
	}
	.col68-responsive {
		width: 100%;
	}
	.col70-responsive {
		width: 100%;
	}
	.col80-responsive {
		width: 100%;
	}
	.col80-responsive-opportunities {
		width: 100%;
	}
	.col100-responsive {
		width: 100%;
	}
	.col90-responsive-to50 {
		width: 50%;
		text-align: right;
	}
	.col60-centralize {
		margin-left: 0%;
	}
	.center-on-responsive {
		text-align: center !important;
	}
	.login-ats-applicant-text {
		padding: 0px;
	}
	.right-float-on-responsive {
		float: right;
	}
	.powered-bar-ats .right-responsive {
		text-align: center;
	}
	.sign-up-box .remember-me-input-style-responsive {
		padding-bottom: 0px;
	}
	.forgot-password {
		padding-top: 0px;
		padding-bottom: 10px;
	}
	.player-thumb {
		display: none;
	}
	.external-icons-center {
		justify-content: normal !important;
		display: block !important;
	}
	.login-section {
		display: block !important;
	}
	.login-form {
		padding: 1.5rem 2rem !important;
	}
	.box-opportunities p {
		text-align: center;
	}
	.box-opportunities-list p {
		text-align: center;
	}
	#contentFull {
		padding-right: 0px;
	}
	.block-opportunities {
		width: 100% !important;
		margin: 18px 0 !important;
	}
	.col30-responsive {
		width: 100%;
	}
	.details-list {
		font-size: 13px;
	}
	.center-survey {
		display: block !important;
	}
	.survey-input {
		width: 93% !important;
	}
	.details-list-end {
		font-size: 13px;
	}
}

.col20 {
	width: 20%;
}

.col18 {
	width: 18%;
}

.col16 {
	width: 16%;
}

.col15 {
	width: 15%;
}

.col12 {
	width: 12%;
}

.col10 {
	width: 10%;
}

.col7 {
	width: 7%;
}

.col6 {
	width: 6%;
}

.col5 {
	width: 5%;
}

.col2 {
	width: 2%;
}

.col-left {
	padding-right: 20px;
}

.col-left1 {
	margin-right: 40px;
	padding-bottom: 20px;
}

.col-right {
	padding-left: 20px;
}

.col-center {
	padding: 0 20px 0 20px;
}

.no-padding-right {
	padding-right: 0 !important;
}

.last {
	margin-bottom: 0;
}

.primary {
	display: block;
}

.secondary {
	display: none;
}

.display-none {
	display: none;
}

.list {
	overflow: hidden;
}

.title {
	padding-bottom: 30px;
	position: relative;
}

.title h1 {
	color: #bbb;
	font-family: 'lao_uiregular';
	font-size: 32px;
	margin-bottom: 4px;
	line-height: normal;
	text-transform: uppercase;
}

.title p {
	color: #8b8b8b;
	font-family: 'Tahoma', Verdana, Segoe, sans-serif;
	font-size: 13px;
	line-height: normal;
}

.button {
	-moz-border-radius: 5px;
	-webkit-appearance: 5px;
	-webkit-border-radius: 5px;
	background: transparent;
	border-radius: 5px;
	text-align: center;
}

.blue {
	background: #2699fb !important;
	color: #fff;
}

.blue:hover {
	opacity: 0.7;
}

.blue_face {
	background: #3b5998;
	color: #fff;
}

.blue_face:hover {
	background: #00769c;
}

.blue_linkedin {
	background: #007bb6;
	color: #fff;
}

.blue_linkedin:hover {
	opacity: 0.8;
}

.red {
	background: #d20d44;
}

.red:hover {
	background: #93092f;
}

.grey {
	background: #bbbbbb;
}

.form {
	overflow: hidden;
}

.field, .msg {
	border: 1px solid #ccc;
	color: #1c1d1c;
	font-size: 13px;
	padding: 9px 12px;
}

.direita {
	float: right;
}

.field, .msg, .mod-select, .dropdown, .select, .datalist {
	width: 100%;
}

.label {
	display: block;
}

.required {
	color: #8b8b8b;
	float: right;
	font-family: 'Tahoma', Verdana, Segoe, sans-serif;
	font-size: 11px;
	position: absolute;
	right: 0;
	top: 0;
}

.tel, .cel {
	color: #8b8b8b !important;
}

.tab-content {
	display: none;
}

.tab-content.active {
	display: inherit;
}

.contact {
	background: #ccc url(../img/icon-sac.png) no-repeat 5px 4px;
	border-right: 1px solid #fff;
	padding: 0 16px 0 76px;
	position: relative;
	width: 100%;
}

.contact p {
	color: #fff;
	font-size: 22px;
	line-height: 20px;
	padding: 6px 0 5px;
	text-transform: uppercase;
}

.contact a {
	color: #00a9e0;
	float: none;
	font-family: 'Tahoma', Verdana, Segoe, sans-serif;
	font-size: 13px;
	text-decoration: underline;
	text-transform: lowercase;
}

.open, .plus {
	bottom: 1px;
	cursor: pointer;
	height: 47px;
	position: absolute;
	right: 1px;
	width: 47px;
}

.hide {
	display: none;
}

.hidden {
	display: none !important;
	visibility: hidden;
}

.invisible {
	visibility: hidden;
}

.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

/* ==========================================================================
   Erro
   ========================================================================== */
.erro80 {
	width: 100%;
	margin: 0 auto;
	padding: 0 10% 0 10%;
	background: #00B3FF;
}

.erro70 {
	width: 65%;
	text-align: center;
	float: left;
}

.erro30 {
	width: 35%;
	text-align: left;
	float: right;
	text-align: left;
	padding-top: 25px;
}

.erro100 {
	width: 100%;
	text-align: center;
	float: left;
	margin-top: 1%;
}

.fonterro {
	font-family: Verdana, "Franklin Gothic Bold", "Arial Black", sans-serif;
	font-size: 3.8em;
	color: #3fb981;
	font-weight: bold;
}

.fonterros {
	font-family: Verdana, "Franklin Gothic Bold", "Arial Black", sans-serif;
	font-size: 1.1em;
	color: #3fb981;
	font-weight: bold;
}

.fontnumero {
	font-family: Verdana, "Franklin Gothic Bold", "Arial Black", sans-serif;
	font-size: 5.5em;
	color: #ed2124;
	font-weight: 900;
	line-height: 60px;
}

.fonttxt {
	font-family: Verdana, "Franklin Gothic Bold", "Arial Black", sans-serif;
	font-size: 0.7em;
	color: #000000;
	line-height: 5px;
}

.erro_resp {
	max-width: 441px;
	width: 100%;
	height: auto;
}

.erro_resp  img {
	max-width: 441px;
	width: 100%;
	max-height: 238px;
	min-height: auto;
}

/* ==========================================================================
	TABS
========================================================================== */
#tabs {
	overflow: auto;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}

#tabs li {
	margin: 0;
	padding: 0;
	float: left;
}

#tabs a {
	background: #fbfafa;
	border-right: 1px solid #e8e7e7;
	border-top: 1px solid #e8e7e7;
	color: #9b9b9b;
	font-family: 'lao_ui';
	font-size: 18px;
	font-weight: bold;
	min-width: 160px;
	padding: 15px 20px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}

#tabs a:hover {
	background: #ff6200;
	background: linear-gradient(220deg, transparent 10px, #ff6200 10px);
	color: #ffffff;
}

#tabs a:focus {
	outline: 0;
}

#tabs #current a {
	background: #fff;
	border-right: 1px solid #cfcfcf;
	border-top: 1px solid #cfcfcf;
	color: #3f3f3f;
}

/* ==========================================================================
   Proximos
   ========================================================================== */
.tlt_pr {
	color: #bbb;
	font-family: 'lao_uiregular';
	font-size: 20px;
	margin-bottom: 4px;
	line-height: normal;
	text-transform: uppercase;
}

.tlt_prb {
	color: #bbb;
	font-family: 'lao_uiregular';
	font-size: 20px;
	margin-bottom: 4px;
	font-weight: 900;
	line-height: normal;
	text-transform: uppercase;
}

.proximos {
	background: #fbfafa;
	border-right: 1px solid #e8e7e7;
	border-top: 1px solid #e8e7e7;
	color: #9b9b9b;
	font-family: 'lao_ui';
	font-size: 18px;
	font-weight: bold;
	min-width: 160px;
	padding: 15px 19px;
	text-align: center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.proximos:hover {
	background:;
	color:;
}

.custom_ch {
	text-align: left;
	font-family: 'lao_ui';
	font-size: 14px;
	font-weight: 100;
	padding: 1px;
}

.custom_chbold {
	text-align: left;
	font-family: 'lao_ui';
	font-size: 14px;
	font-weight: bold;
}

.pad {
	text-align: center;
	margin: 1px -2px;
}

.center {
	text-align: center;
}

.centro {
	margin-left: 60px;
}

.margin-auto {
	margin-left: 20%;
}

.element-center {
	margin: 0 auto;
}

.element-center-logo {
	margin: 0 60px;
}

.logo-aligned {
	margin-left: -6px;
}

/* ==========================================================================
   Star Rating
   ========================================================================== */
.rating {
	unicode-bidi: bidi-override;
	direction: rtl;
	text-align: left;
}

.rating>span {
	display: inline-block;
	position: relative;
	width: 1.5em;
}

.rating>span:hover:before, .rating>span:hover ~ span:before {
	content: "\2605";
	position: absolute;
}

.pintada:before {
	content: "\2605";
	position: absolute;
}

.proximosstar {
	color: #9b9b9b;
	font-family: 'lao_ui';
	font-size: 18px;
	font-weight: bold;
	margin-left: 20px;
}

.img_empresa {
	max-width: 464px;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.img_empresa  img {
	max-width: 464px;
	width: 100%;
	max-height: 467px;
	min-height: auto;
}

.cin {
	width: 80%;
	margin: 0 auto;
}

.col60pg {
	width: 60%;
}

.noactive {
	display: none;
}
/* ==========================================================================
   Media Query
   ========================================================================== */
@media all and (max-width: 1140px) {
	.group {
		padding: 0 25px;
	}
	.primary, .mod-social.secondary {
		display: none;
	}
	.secondary, .mod-social.primary {
		display: block;
	}
	#content, #sidebar {
		clear: both;
		float: none;
		width: 100%;
	}
	#content {
		padding-right: 0;
	}
	.profile-card .col {
		width: 75%;
	}
	.profile-card .col:first-child {
		width: 25%;
	}
	.data-area .mod-job .col {
		margin-top: 10px;
	}
	.data-area .mod-job .col:first-child {
		margin-top: 0;
	}
	.mod-job .schedule .schedule-list .item {
		float: none;
		width: 100%;
	}
	.mod-job .schedule .schedule-list .item .label {
		width: 190px;
	}
	.mod-job .schedule .schedule-list .item .date {
		float: right;
	}
	.mod-job .schedule .schedule-list .item .edit {
		clear: both;
		display: block;
		float: right;
	}
	.mod-job .schedule .col, .mod-job .schedule .col:first-child {
		float: none;
		width: 100%;
	}
	.company-specifications .applying {
		width: 30%;
	}
	.company-process .steps .item .icon {
		font-size: 14px;
		padding: 90px 0 0 32px;
	}
	.signup {
		font-size: 18px;
		padding: 12px 0;
		width: 30%;
	}
	.mod-job .company-picture {
		margin-bottom: 0;
	}
	.mod-job .padding-bottom4 {
		padding-bottom: 4%;
	}
}

@media all and (max-width: 960px) {
	.widget-def-height {
		height: inherit;
		overflow: hidden;
	}
	.data-area .label, .data-area .date, .mod-radio, .mod-checkbox {
		font-size: 14px;
		color: #1c1d1c;
	}
	.company-specifications .tabs .item a {
		font-size: 12px;
		padding: 62px 0 20px;
	}
	#signup .data-facebook .button {
		font-size: 18px;
		padding: 18px 0;
		width: 40%;
	}
	.card-position {
		padding-right: 0;
	}
	.company-process .steps .item .icon {
		font-size: 12px;
		padding: 90px 10px 0 40px;
	}
	.fx {
		width: 100%;
		padding: 8px;
	}
	.fxe {
		width: 100%;
		margin-bottom: 5%;
	}
	.fxd {
		width: 100%;
		padding: 8px;
		margin-left: 10%;
	}
	.btn {
		width: 100%;
		padding: 8px;
		margin-left: 1%;
	}
	.col60pg {
		width: 100%;
	}
	.col40 {
		width: 100%;
	}
	.mod-steps .step-item-some {
		display: none;
	}
	.mod-steps .step-item {
		width: 100%;
	}
	.mod-steps .step-item-some:before {
		display: none;
	}
	.mod-steps .step-item {
		background: #f4f4f4;
		color: #757575;
		font-family: 'Lao ui';
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		width: 100%;
		height: auto;
		text-align: center;
		padding: 5%;
	}
	.mod-steps .step-item:before {
		display: none;
	}
	.mod-steps .step-item:after {
		display: none;
	}
	.mod-steps .active {
		display: table-cell;
		height: auto;
		padding: 3%;
		text-align: center;
		vertical-align: middle;
	}
	
	.text-term {
		flex-direction: column;
    	justify-content: left;
    	align-items: initial !important;
	}
}

@media all and (max-width: 930px) {
	.size-history {
		width: 21% !important;
	}
}

@media all and (max-width: 840px) {
	.main-inscriptions-default {
		height: auto !important;
	}
	.steps-details {
		width: 100% !important;
	}
	.steps-details-none {
		display: none !important;
	}
	.details {
		display: none;
		width: 100%;
	}
	.details-block {
		display: block !important;
		width: 100% !important;
		overflow: unset !important;
		height: auto !important;
		padding: 0 10px;
	}
	.box-details-no-responsive {
		display: none !important;
	}
	.box-details-responsive {
		display: block !important;
	}
	.bar-inscriptions-none {
		display: inline-block !important;
	}
	.size-history {
		width: 29% !important;
	}
	.col50 {
		width: 100%;
	}
	.col-enviar {
		width: 25% !important;
		margin-left: 36%;
	}
	.col10 {
		width: 50% !important;
	}
	.col6 {
		width: 50%;
	}
	.social_header {
		width: 100%;
	}
	.mod-social {
		position: relative;
		right: auto;
		top: auto;
		margin-bottom: 30px;
		width: 100%;
	}
	.mod-social.primary {
		display: none;
	}
	.mod-social.secondary {
		display: block;
	}
	.mod-social .label {
		margin-top: 4px;
	}
	.mod-job .col {
		margin-bottom: 0 !important;
	}
	.data-area .col {
		clear: both;
		float: none;
		margin-top: 20px;
		overflow: hidden;
		padding: 0 !important;
		width: 100% !important;
	}
	.data-area .col:first-child {
		margin-top: 0;
	}
	.my-data .avatar {
		margin: 0 auto;
		width: 206px;
	}
	.data-area h2 {
		margin-bottom: 0;
	}
	#signup .form .data-area .icon {
		width: 9%;
	}
	#signup .form .data-area .icon ~ .field {
		width: 90%;
	}
	#signup .control {
		padding: 0;
	}
	#signup .control .button {
		background-image: none;
		font-size: 18px;
		padding: 12px 0;
		text-align: center;
		width: 135px;
	}
	#signup .control .button.active {
		font-size: 18px;
	}
	.company-card .col {
		width: 75%;
	}
	.company-card .col:first-child {
		width: 25%;
	}
	.my-data .sub-data .col25, .my-data .sub-data .col30, .my-data .sub-data .col33,
		.my-data .sub-data .col66 {
		width: 100% !important;
	}
	.my-data .sub-data .col:first-child {
		padding-right: 20px;
	}
	.sub-data small {
		font-size: 12px;
	}
	.field, .msg {
		font-size: 12px;
	}
	.mod-check:not (#foo ) >input[type='radio']+label, .mod-check:not (#foo
		) >input[type='checkbox']+label {
		padding-bottom: 6px;
	}
	.mod-steps .step-item {
		width: 100%;
	}
	.col_central {
		margin: 0 auto;
		width: 100%;
		background: #F4F4F4;
	}
	.col_centralb {
		margin: 0 auto;
		width: 100%;
		background: #F4F4F4;
		padding-bottom: 3%;
	}
	.col50es {
		width: 50%;
	}
}

.col-right {
	padding-left: 0px;
}

}
@media all and (max-width: 780px) {
	.element-center-logo {
		margin: 0 190px !important;
	}
	.checkbox {
		width: 100%;
	}
	.col33 {
		width: 100%;
		margin-bottom: 4%;
	}
	.col30 {
		width: 100%;
		margin-bottom: 4%;
	}
	#main {
		padding: 20px 0;
	}
	.title {
		padding-bottom: 20px;
	}
	.title h1 {
		font-size: 24px;
	}
	.profile-card .full-name {
		font-size: 20px;
	}
	.profile-card .ocupation {
		font-size: 14px;
	}
	.profile-card .overview .additional-info {
		padding: 10px 0 5px;
	}
	.profile-card .overview .additional-info .item {
		font-size: 13px;
		margin-bottom: 4px;
	}
	.profile-card .overview .data-edit {
		padding: 10px 0;
		font-size: 16px;
		width: 60%;
	}
	.mod-jobs .title {
		font-size: 20px;
	}
	.mod-jobs .search {
		font-size: 13px;
	}
	.company-specifications .applying {
		width: 40%;
	}
	.company-specifications .tabs .item a {
		height: 114px;
	}
	.company-specifications .tab-content h2 {
		font-size: 20px;
	}
	.company-specifications .tab-content .col, .company-specifications .tab-content .col:first-child
		{
		clear: both;
		float: none;
		margin: 20px 0 0;
		width: 100%;
	}
	.company-specifications .tab-content .col:first-child {
		margin-top: 0;
	}
	.company-specifications .tab-content .content {
		height: auto;
	}
	.company-about .col, .company-about .col:first-child {
		float: none;
		width: 100%;
	}
	.company-about .col:first-child {
		padding-right: 0;
	}
	.company-about .content h2 {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.company-about .content .picture {
		margin-bottom: 20px;
	}
	.company-about .content p {
		font-size: 14px;
		line-height: 22px;
		text-align: left;
	}
	.company-process .content h2 {
		font-size: 20px;
	}
	#job .contact {
		float: none;
		margin-bottom: 20px;
		width: 100%;
	}
	.data-area h2 {
		font-size: 22px;
	}
	.signup {
		clear: both;
		float: none;
		font-size: 16px;
		padding: 10px 0;
		width: 100%;
	}
	#signup .data-facebook .button {
		font-size: 16px;
		padding: 16px 0;
		width: 100%;
	}
	.company-process .steps .item .icon {
		font-size: 11px;
		padding: 90px 0 0 30px;
	}
	.erro70 {
		width: 100%;
	}
	.erro30 {
		width: 100%;
		text-align: center;
		margin-bottom: 10%;
	}
	.mod-steps .step-item {
		width: 100%;
	}
	.col_central {
		margin: 0 auto;
		width: 100%;
		background: #F4F4F4;
	}
	.col_centralb {
		margin: 0 auto;
		width: 100%;
		background: #F4F4F4;
		padding-bottom: 3%;
	}
}

@media all and (max-width: 720px) {
	.element-center-logo {
		margin: 0 160px;
	}
	.required {
		float: left;
		width: 100%;
		padding: 1% 0;
		position: inherit;
	}
	.checkbox {
		width: 100%;
	}
	.col70 {
		width: 100%;
		margin-bottom: 4%;
	}
	.col33 {
		width: 100%;
		margin-bottom: 3%;
	}
	.col30 {
		width: 100%;
		margin-bottom: 3%;
	}
	.data-area .label, .data-area .date, .mod-radio, .mod-checkbox {
		font-size: 13px;
	}
	.mod-jobs .nav .label {
		float: none;
		margin-bottom: 16px;
		padding: 0;
		width: 100%;
	}
	.mod-jobs .nav .tabs {
		clear: both;
		float: none;
		width: 100%;
	}
	.mod-jobs .nav .tabs .item {
		margin-left: 5% !important;
		width: 16%;
	}
	.size-history {
		width: 30% !important;
	}
	.mod-jobs .nav .tabs .item:first-child {
		margin-left: 0;
	}
	.mod-jobs .nav .tabs .item a {
		font-size: 14px;
		margin-bottom: 0;
	}
	.mod-jobs-widget .nav .tabs .item {
		margin-left: 0 !important;
		margin-bottom: 1%;
		width: 100%;
	}
	.mod-job .schedule .schedule-list .item .label {
		text-align: left;
	}
	.company-card .col, .company-card .col:first-child {
		float: none;
		width: 100%;
	}
	.company-card .col:first-child {
		padding-right: 0;
		margin-bottom: 20px;
	}
	.company-card .overview .name {
		font-size: 22px;
	}
	.company-specifications .tabs .item a {
		height: auto;
		padding: 52px 0 0px;
		text-indent: -9999px;
	}
	.company-process .steps .item {
		background: #f4f4f4;
		border-left: 1px solid #fff;
		border-top: 1px solid #fff;
		float: left;
		height: 136px;
		height: auto;
		width: 25%;
	}
	.company-process .steps .item:first-child {
		border-left: none;
	}
	.company-process .steps .item .icon:after {
		content: none;
	}
	.company-process .steps .item .icon {
		padding: 90px 12px 0;
	}
	.mod-steps .step-item {
		width: 100%;
	}
	.col_central {
		margin: 0 auto;
		width: 100%;
		background: #F4F4F4;
	}
	.col_centralb {
		margin: 0 auto;
		width: 100%;
		background: #F4F4F4;
		padding-bottom: 3%;
	}
	.col50es {
		width: 100%;
	}
	.mid {
		margin-top: 0%;
		margin-left: 5%;
	}
	#signup .data-facebook .button {
		padding-bottom: 40px;
		font-size: 20px;
		padding: 20px 0;
		text-transform: uppercase;
		width: 100%;
	}
	.data-area .small-view {
		display: block;
	}
	.input-search {
		width: 64% !important;
	}
	.input-search-list {
		width: 60% !important;
	}
}

@media all and (max-width: 540px) {
	.survey-bar-text {
		font-size: 13px;
	}
	.control .button-test {
		width: 100px !important;
	}
	.element-center-logo {
		margin: 0 120px;
	}
	.spc {
		margin-right: 5%;
		margin-bottom: 5%;
	}
	.faixa {
		display: inline;
	}
	.size-history {
		width: 50% !important;
	}
	.checkbox {
		width: 100%;
	}
	.centro {
		margin-left: 0px;
	}
	.resume .resume-edit {
		bottom: 18px;
		font-size: 10px;
		padding: 10px 0;
		right: 10px;
		width: 90%;
		position: inherit;
		margin-left: 3% x;
	}
	.resume p {
		margin-bottom: 7%;
	}
	.col75 {
		width: 100%;
		margin-bottom: 2%;
	}
	.col33 {
		width: 100%;
		margin-bottom: 7%;
	}
	.col30 {
		width: 100%;
		margin-bottom: 7%;
	}
	.col25 {
		width: 50%;
		margin-bottom: 7%;
	}
	.title h1 {
		font-size: 20px;
	}
	.data-area {
		padding: 20px;
	}
	.profile-card .col, .profile-card .col:first-child {
		float: none;
		width: 100%;
	}
	.profile-card .col:first-child {
		padding-right: 0;
	}
	.profile-card .picture {
		margin-bottom: 20px;
	}
	.profile-card .picture img {
		margin: 0 auto;
	}
	.profile-card .overview .full-name, .profile-card .overview .ocupation,
		.profile-card .overview .list, .profile-card .overview .button {
		float: none;
		text-align: center;
	}
	.profile-card .full-name {
		font-size: 16px;
	}
	.profile-card .ocupation {
		font-size: 14px;
	}
	.profile-card .overview .additional-info .item {
		font-size: 12px;
		margin-bottom: 4px;
	}
	.profile-card .overview .data-edit {
		font-size: 14px;
		margin: 0 auto;
		padding: 8px 0;
		width: 70%;
	}
	.col-left {
		padding-right: 5px;
	}
	.col-right {
		padding-left: 5px;
	}
	.mod-jobs .title {
		font-size: 18px;
	}
	.mod-job .col, .mod-job .col:first-child {
		float: none;
		width: 100%;
	}
	.mod-job .col:first-child {
		padding-right: 0;
	}
	.mod-job .overview .name {
		padding-right: 5%;
	}
	.contact p {
		font-size: 16px;
	}
	.contact a {
		font-size: 9px;
	}
	.btn_grf {
		margin: 0;
	}
	.company-specifications .applying {
		width: 100%;
	}
	.company-process .steps .item {
		border-left: none;
		border-right: none;
		float: none;
		height: auto;
		width: 100%;
	}
	.resume .resume-edit {
		color: #fff;
		width: 100%;
		float: left;
	}
	.company-process .steps .item .icon {
		font-size: 12px;
		height: auto;
		padding: 90px 20px 30px;
	}
	.mod-steps .step-item {
		width: 40%;
		margin-bottom: 2%;
	}
	.mod-steps .step-item {
		width: 100%;
	}
	.col_central {
		margin: 0 auto;
		width: 100%;
		background: #F4F4F4;
	}
	.col_centralb {
		margin: 0 auto;
		width: 100%;
		background: #F4F4F4;
		padding-bottom: 3%;
	}
	#signup .data-facebook .button {
		padding-bottom: 40px;
		font-size: 20px;
		padding: 20px 0;
		text-transform: uppercase;
		width: 100%;
	}
	.btn-go-test {
		margin: 1% 10% 0 0;
	}
	.input-search {
		width: 58% !important;
	}
	.input-search-list {
		width: 80% !important;
	}
	.button-search-list {
		padding: 6px 11px 7px !important;
		margin-left: -72px !important;
	}
}

@media all and (max-width: 457px) {
	.center-check-survey {
		display: block !important;
	}
	.text-no-survey {
		margin-left: 6px !important;
	}
}

@media all and (max-width: 400px) {
	.search-opportunities-p {
		margin-left: 8% !important;
	}
	.element-center-logo {
		margin: 0 60px;
	}
	.faixa {
		display: inline;
	}
	.checkbox {
		width: 100%;
		background-color: #000000;
	}
	.col75 {
		width: 100%;
		margin-bottom: 2%;
	}
	.col33 {
		width: 100%;
		margin-bottom: 7%;
	}
	.col30 {
		width: 100%;
		margin-bottom: 7%;
	}
	.col25 {
		width: 100%;
		margin-bottom: 7%;
	}
	.col25 {
		width: 100%;
		margin-bottom: 7%;
	}
	::-webkit-input-placeholder {
		color: #bababa;
	}
	:-moz-placeholder {
		color: #bababa;
	}
	::-moz-placeholder {
		color: #bababa;
	}
	:-ms-input-placeholder {
		color: #bababa;
	}
	select {
		color: inherit;
	}
	.title h1, .company-card .overview .name, .company-specifications .tab-content h2,
		.company-process .content h2, .company-about .content h2 {
		font-size: 18px;
	}
	.data-area .label, .data-area .date {
		font-size: 12px;
	}
	.resume .resume-edit {
		bottom: 18px;
		font-size: 10px;
		padding: 10px 0;
		right: 10px;
		width: 90%;
		position: inherit;
		margin-left: 20px;
	}
	.resume p {
		margin-bottom: 15%;
	}
	.spc-bottom {
		margin-bottom: 10%;
	}
	.mod-jobs .title {
		font-size: 10.8px;
	}
	.mod-jobs .search {
		font-size: 11px;
	}
	.mod-job .schedule {
		margin-top: 0;
		padding-top: 20px;
	}
	#signup .data-facebook .button {
		font-size: 14px;
		padding: 14px 0;
	}
	#signup .form .data-area .icon {
		width: 13%;
	}
	#signup .form .data-area .icon ~ .field {
		width: 86%;
	}
	.data-area h2 {
		font-size: 16px;
	}
	#signup .control .button {
		font-size: 16px;
		padding: 10px 0;
		width: 105px;
	}
	#signup .control .button.active {
		font-size: 16px;
	}
	.mod-radio, .data-area a {
		float: none;
		margin-bottom: 10px;
		width: 100% !important;
	}
	.company-specifications .tab-content, .company-specifications .tab-content .content,
		.company-about .content, .company-process .content h2 {
		padding: 15px;
	}
	.company-specifications .tab-content p, .company-specifications .tab-content h3,
		.company-specifications .tab-content h4 {
		font-size: 12px;
	}
	.company-about .content p {
		font-size: 12px;
	}
	.company-process .steps .item .icon {
		padding: 90px 50px 20px;
	}
	.required {
		font-size: 10px;
	}
	.schedule-widget .title, .schedule-widget .date {
		font-size: 14px;
	}
	.schedule-widget .description {
		font-size: 12px;
	}
	.mod-job .schedule .schedule-list .item .edit a {
		width: auto !important;
	}
	.contact {
		background-position: center 12px;
		padding: 54px 0 4px;
	}
	.contact p {
		text-align: center;
	}
	.contact a {
		font-size: 11px;
		margin-bottom: 0;
	}
	.mod-job .contact .close {
		bottom: 0;
		top: auto;
	}
	#signup .form .sub {
		padding-top: 5px !important;
	}
	.mod-checkbox.col33, .mod-checkbox.col66 {
		width: 100%;
	}
	.signup-profile .steps .item span {
		font-size: 11px;
	}
	.mod-steps .step-item {
		width: 100%;
	}
	.col_central {
		margin: 0 auto;
		width: 100%;
		background: #F4F4F4;
	}
	.col_centralb {
		margin: 0 auto;
		width: 100%;
		background: #F4F4F4;
		padding-bottom: 3%;
	}
	.mid {
		margin-top: 0%;
		margin-left: 4%;
	}
}

@media all and (max-width: 380px) {
	.survey-bar-text {
		font-size: 10px;
		width: 50%;
	}
	.square-text {
		height: 12px !important;
		width: 12px !important;
	}
	.survey-square {
		height: 12px !important;
		width: 12px !important;
	}
	.survey-bar {
		width: 6.7% !important;
		height: 3px !important;
		margin-left: 11px !important;
	}
	.input-radio {
		padding-left: 11px !important;
	}
	.label-question-responsive {
		margin-left: 15px;
	}
	.element-center-logo {
		margin: 0 15px;
	}
	.faixa {
		display: inline;
	}
	.checkbox {
		width: 100%;
		background-color: #000000;
	}
	.col33 {
		width: 100%;
		margin-bottom: 7%;
	}
	.col30 {
		width: 100%;
		margin-bottom: 7%;
		margin-left: -2%;
	}
	.col25 {
		width: 100%;
		margin-bottom: 7%;
	}
	.col20 {
		width: 100%;
	}
	.mod-jobs .nav .tabs .item a {
		font-size: 12px;
	}
	.mod-job .overview .name {
		font-size: 14px;
	}
	.mod-job .contact .close {
		background: url(../img/icon-close-small.png) no-repeat left top;
		bottom: -1px;
		height: 40px;
		width: 39px;
	}
	.contact a {
		font-size: 10px;
		letter-spacing: -0.8px;
	}
	.mod-steps .step-item {
		width: 100%;
	}
	.col_central {
		margin: 0 auto;
		width: 100%;
		background: #F4F4F4;
	}
	.col_centralb {
		margin: 0 auto;
		width: 100%;
		background: #F4F4F4;
		padding-bottom: 3%;
	}
	.mid {
		margin-top: 0%;
		margin-left: 3%;
	}
	.signup-profile .steps .item {
		width: 100%;
		text-align: center;
		margin: 0 auto;
		float: left
	}
	.signup-profile .steps .item .active {
		width: 100%;
		text-align: center;
		margin: 0 auto;
		float: right;
	}
}

@media all and (max-width: 320px) {
	.input-search {
		width: 54% !important;
	}
}

.status-green {
	font-weight: 900;
	color: #07ae49;
}

.status-green-white {
	font-weight: 900;
	color: #09ed63;
}

.status-red {
	font-weight: 900;
	color: #f66;
}

.status-yellow {
	font-weight: 900;
	color: #fc0;
}

.status-blue {
	font-weight: 900;
	color: #5297d2;
}

.new-status {
	border: 2px solid #777;
	border-radius: 25px;
	color: #777;
	display: inline-block;
	font-weight: 700;
	padding: 4px 10px;
	font-size: 13px;
}

.progress {
	background-color: rgba(38, 153, 251, .5);
	border-radius: 25px;
	color: #fff;
	position: relative;
	text-align: center;
	z-index: 1;
}

.progress-bar {
	background-color: #2699fb;
	border-radius: 25px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}

.progress-bar-progress {
	width: 0;
}

.progress>p {
	color: #fff;
	font-weight: 700;
	margin: 0;
	position: relative;
	z-index: 3;
	font-size: 14px;
	padding: 2px;
}

.button-details {
	border-radius: 4px;
	font-size: 13px;
	margin-bottom: 0;
	background-color: #2699fb;
	border-color: #2699fb;
	cursor: pointer;
	justify-content: center;
	text-align: center;
	color: #ffffff;
	float: left;
	padding: 8px 22px;
}

.overlay {
	background-color: #333; /*or semitransparent image*/
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2000;
	opacity: 0.5;
}

.h2-test {
	text-transform: initial;
}

.invalid-field {
	color: red;
}

:-moz-ui-invalid:not(output) {
	box-shadow: none;
}

.fieldError {
	box-shadow: 0 9px 4px -8px #ff0505;
}

.spc_int {
	margin-top: 5px;
	padding: 10px;
}

.cropArea {
	background: white;
	overflow: hidden;
	width: auto;
	height: 350px;
}

.hierarchical-display-initial a {
	display: initial;
}

.see-btn-tests {
	-moz-text-decoration-style: wavy; /* Code for Firefox */
	text-decoration: underline;
	color: blue;
}

/* Estilo para perguntas e respostas aninhadas */
.extraQuestionAnswerBlock {
	margin-left: 20px;
	margin-bottom: 20px;
}

.extraQuestionInput {
	width: auto;
}

.generalModal {
	padding: 10px 0;
	margin-top: 17px;
	font-weight: bold;
}

.ui-dialog {
	-webkit-box-shadow: -2px 10px 41px -9px rgba(102, 102, 102, 0.7);
	-moz-box-shadow: -2px 10px 41px -9px rgba(102, 102, 102, 0.7);
	box-shadow: -2px 10px 41px -9px rgba(102, 102, 102, 0.7);
}

.external-test-title-manu {
	padding: 40px 0;
	background: #0091dc;
	text-align: center
}

.external-test-title-manu h1 {
	color: #ffffff;
	margin: 0;
	font-size: 2em;
	font-weight: bold;
	padding: 40px 0;
	text-transform: uppercase;
}

.external-test-title-manu span {
	color: #ffffff;
}

.external-test-title-manu h1::after {
	background-color: #00a8ec;
	content: "";
	display: block;
	height: 4px;
	margin: 18px auto 0 auto;
	width: 100px;
}

.external-test-icon-test {
	font-size: 100px !important;
	color: #ffffff;
	margin: 10px;
}

.external-test-disability {
	cursor: no-drop;
	background: #f0f0f0 !important;
}

.external-test-box-button {
	background: #00c0ef;
	border-radius: 8px;
	height: auto;
	position: inherit;
	display: inline-block;
	margin-top: 20px;
}

.external-test-link-icon:hover .external-test-icon-test {
	opacity: 0.8;
	font-weight: bold;
}

.external-test-text-span {
	font-size: 18px;
	color: #ffffff;
	background: #3c8dbc70;
	display: block;
	height: 60px;
	padding: 5px 2px;
	margin-top: 10px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.external-test-check-test {
	font-size: 40px !important;
	color: #23c687;
	z-index: 100;
	background: #fff;
	border-radius: 97px;
	float: right;
	position: absolute;
	margin-left: -20px;
}

.external-test-finish-all-activities {
	font-size: 25px;
	color: #3CB371 !important;
	text-align: center;
	margin-bottom: 40px;
}

.external-test-introduction-text {
	text-align: center;
	font-size: 20px;
	line-height: 0.9;
}

.external-test-menu-activities {
	margin: 60px 0;
}

.external-icons-center {
	display: flex;
	justify-content: center;
}

.login-section {
	display: flex;
	height: 100vh;
	max-width: initial;
	flex-flow: row;
}

.login-section-img {
	background-image:
		url(https://atsqa.s3.amazonaws.com/applicant/login-globe-gct.jpg);
	background-size: cover;
	flex-grow: 3;
	justify-content: center;
	display: flex;
	flex-flow: column;
	flex-grow: 0;
	overflow: hidden;
	position: relative;
}

.logo-login {
	margin: 0 0 1rem;
	display: block;
	width: 3rem;
}

.login-form {
	background-color: transparent;
	border-radius: 4px;
	padding: 1.5rem 5rem;
}

.login-form p {
	font-size: 15px;
	color: #777;
	margin-bottom: 1rem;
	font-family: Roboto, sans-serif;
	line-height: 1.1424554;
}

.login-form p strong {
	font-size: 17px;
	color: #353535;
}

.login-form h1 {
	color: #353535;
	font-size: 18px;
	margin-bottom: 1rem;
	font-weight: 400;
	line-height: 1.1424554;
	display: inline-block;
}

.login-form a {
	color: #2699fb;
	cursor: pointer;
	text-decoration: underline;
	display: inline;
}

.login-field .login-control .login-input {
	height: auto;
	padding: 11px 7px;
	background-color: #fff;
	border: 1px solid #777;
	color: #777;
	box-shadow: none;
	max-width: 100%;
	width: 100%;
	font-size: 13px;
}

.login-field {
	align-items: center;
	margin-bottom: 1.75rem;
}

.has-link-right {
	padding-right: 5em !important;
}

.login-link {
	justify-content: center;
	font-size: 12px;
	top: 26px;
	right: 0;
	z-index: 9999999;
	float: right;
	margin: -27px 3px;
	position: sticky;
}

.login-btn {
	background-color: #DA0016;
	border-color: #DA0016;
	border-radius: 4px;
	border-width: 1px;
	color: #ffffff !important;
	width: 100%;
	cursor: pointer;
	font-size: 15px;
	height: auto;
	justify-content: center;
	margin-bottom: 1.75rem;
	text-align: center;
	text-decoration: none !important;
	white-space: nowrap;
	padding: 13px 12px;
	display: block !important;
}

.btn-facebook {
	background-color: #3b579d;
	border-color: #3b579d;
	color: #fff;
}

.btn-linkedin {
	background-color: #0077b5;
	border-color: #0077b5;
	color: #fff;
}

.btn-linkedin img {
	height: 21px;
}

.login-btn span {
	align-items: center;
	height: 100%;
	left: 0;
	width: 3rem;
}

.opportunities-img {
	background-image:
		url(https://atsqa.s3.amazonaws.com/applicant/img-opportunities.jpg);
	background-size: cover;
	flex-grow: 3;
	justify-content: center;
	display: flex;
	flex-flow: column;
	flex-grow: 0;
	overflow: hidden;
	position: relative;
}

.block-opportunities {
	width: 30%;
	margin: 5% 0% 0 5%;
	font-size: 14px;
	background: #ffffff;
	padding: 32px 15px;
	border-radius: 4px;
	margin: 10px 15px;
	box-shadow: 0 0px 10px rgba(0, 0, 0, .15);
	height: 271px;
}

.block-opportunities p {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.title-process-opportunities {
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	height: 41px !important;
}

.search-opportunities {
	display: flex;
	height: 45vh;
}

.input-search {
	height: 45px;
}

.search-positions::before {
	color: #f00;
	content: "\f002";
	font-family: FontAwesome;
	position: relative;
	top: 3px;
	left: 33px;
	font-size: 25px;
	font-weight: bold;
}

.search-opportunities-p {
	text-align: left;
	margin-left: 12%;
	margin-bottom: 7px;
	color: #ffffff;
	font-size: 17px;
}

.title-opportunities {
	margin: 4% 5%;
	color: #000000;
}

.button-search {
	background: #FD0823;
	padding: 12px 37px 14px;
	margin-left: -4px;
	color: #ffffff;
	font-size: 15px;
	cursor: pointer;
}

.box-filter-search {
	background: #FD0823;
	padding: 20px 10px;
}

.box-filter-search>h2, .box-filter-search>p {
	color: #ffffff;
	margin-top: 15px;
}

.box-opportunities {
	padding: 0px 18px;
}

.title-alert {
	text-align: center;
	margin-top: 1rem;
}

.box-filter-search>select {
	height: 25px;
	border: 0px;
	cursor: pointer;
	padding-left: 2px;
	padding-top: 2px;
	font-size: 12px;
	background: #ffffff;
}

.button-inscription {
	margin: 35px 15px 12px;
	background: #f0f0f0;
	color: #000000;
	padding: 8px;
	display: block;
	cursor: pointer;
}

.img-company {
	height: 85px;
	max-width: 100%;
}

.box-opportunities p {
	color: #000000;
	margin-top: 3px;
}

.img-opportunities-suport {
	width: 70px;
	position: fixed;
	z-index: 999;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
}

.details-button {
	cursor: pointer;
	background: #fd0823;
	color: #ffffff;
	padding: 2px 10px;
}

.datails-company {
	color: #fd0823;
	padding: 0 5px;
	cursor: pointer;
}

.share {
	cursor: pointer;
}

.dashboard-pagination {
	text-align: right;
}

.dashboard-pagination li {
	display: inline-block;
	font-size: 20px;
	color: #777777;
	font-weight: 700;
	vertical-align: middle;
	cursor: pointer;
}

.dashboard-pagination li a {
	color: #777777;
}

.dashboard-pagination li.active a {
	color: #2699fb;
}

.dashboard-pagination li.active a:focus {
	outline: none !important;
}

.dashboard-title {
	color: #5e656b;
	font-family: 'lao_ui', 'Lao ui';
	font-size: 16px;
	margin-bottom: 8px;
	text-transform: none;
}

.dashboard-box-activities {
	background-color: #fff;
	box-shadow: 0 5px 6px rgba(0, 0, 0, .15);
	display: inline-block;
	padding: 17px;
	text-align: center;
	margin: 3px 24px 10px 0;
	border-radius: 4px;
}

.dashboard-box-activities h3 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 48px;
	font-size: 16px;
}

.dashboard-img-activities {
	padding: 5px;
	margin-bottom: 5px;
	text-align: center;
}

.dashboard-img-activities>img {
	height: auto;
	max-width: 115px;
}

.dashboard-span-date-activities {
	font-size: 13px;
	color: #777;
	margin: 10px 0;
	height: 150px;
	vertical-align: middle;
	display: table-cell;
}

.dashboard-title-activities {
	color: #353535;
	display: block;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 15px;
	line-height: 1;
}

.dashboard-note-activities {
	color: #2699fb;
	font-size: 30px;
	font-weight: 700;
	margin: 11px 0;
}

.dashboard-date-blue {
	color: #2699fb;
}

.border-active .active span {
	color: #2699fb;
	font-weight: 700;
}

.border-active ul li a span {
	color: #777777 !important;
	font-weight: 400 !important;
}

.border-active .active>a {
	border-bottom: 3px solid #2699fb;
	padding-bottom: 11px;
}

.button-register {
	background: #ff1421;
	padding: 10px;
	color: #ffffff;
	margin: 20px 0;
	width: 100%;
}

.footer-login {
	font-size: 11px;
	padding: 7px;
}

.footer-login a {
	display: inline;
}

.angucomplete-dropdown {
	position: initial !important;
}

.no-pending {
	margin-right: 40px;
}

.no-pending>h3 {
	padding-left: 0 !important;
}

.no-pending .schedule-widget-item {
	padding-left: 0;
}

.search-positions-list {
	margin-bottom: 10px;
}

.search-positions-list::before {
	color: #2699fb;
	content: "\f002";
	font-family: FontAwesome;
	position: relative;
	left: 30px;
	font-size: 20px;
	font-weight: bold;
}

.input-search-list {
	height: 35px;
	border: 1px solid #f0f0f0;
	border-radius: 4px 0 0 4px;
	margin-top: 10px;
	box-shadow: 0 5px 6px rgba(0, 0, 0, .15);
}

.button-search-list {
	background: #2699fb;
	padding: 6px 37px 7px;
	margin-left: -96px;
	color: #ffffff;
	font-size: 15px;
	border: 1px solid #2699fb;
	cursor: pointer;
	border-radius: 0 4px 4px 0;
	box-shadow: 0 5px 6px rgba(0, 0, 0, .15);
}

.button-search-list:hover {
	opacity: 0.7;
}

.box-filter-search-list {
	background: #2699fb;
	padding: 4px 10px;
	border-radius: 4px;
	box-shadow: 0 5px 6px rgba(0, 0, 0, .15);
}

.box-filter-search-list>h2, .box-filter-search-list>p {
	color: #ffffff;
	margin-top: 15px;
}

.box-opportunities-list {
	padding: 0px 18px;
}

.box-opportunities-list p {
	color: #000000;
	margin-top: 3px;
}

.box-filter-search-list>select {
	height: 25px;
	border: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff url(../img/arrow-select.png) no-repeat right center;
	cursor: pointer;
	padding-left: 2px;
	padding-top: 2px;
	font-size: 12px;
	border-radius: 2px;
}

.button-inscription-list {
	margin: 35px 15px 12px;
	background: #f0f0f0;
	color: #000000;
	padding: 8px;
	display: block;
	cursor: pointer;
	border-radius: 4px
}

.img-company-list {
	height: 85px;
	max-width: 230px;
}

.details-list {
	background: #2699fb;
	color: #ffffff;
	text-align: center;
	padding: 10px 7px;
	border-radius: 4px;
	margin: 3px;
}

.details-list-end {
	background: #2699fb;
	color: #ffffff;
	text-align: center;
	padding: 10px 7px;
	border-radius: 4px;
	margin: 3px;
}

.details-list:hover {
	opacity: 0.7;
}

.format-box-opportunities-list {
	background: #ffffff;
	padding: 32px 10px;
	border-radius: 4px;
	margin: 10px 15px;
	box-shadow: 0 5px 6px rgba(0, 0, 0, .15);
	height: auto;
}

.opportunities-title-list p {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
	color: #5e656b;
}

.doubt {
	z-index: 99999;
	position: relative;
}

.vinter-button-calltoaction {
	right: -22px !important;
	box-sizing: content-box;
	position: fixed;
	top: 40%;
	transform: rotate(-90deg);
}

.vinter-button-calltoaction a {
	font-size: 14px !important;
	padding: 3px 9px !important;
	box-sizing: content-box;
	background: #ec2227;
	display: block;
	color: #fff;
	text-decoration: none;
	transform-origin: left top 0;
}

.vinter-button-calltoaction a:hover {
	background: #ec2227ab;
}

.link-terms {
	color: #00a9e0 !important;
	margin: 5px 0;
}

.link-terms:focus {
	outline: none;
}
.text-term {
	display: flex !important;
    align-items: center;
}

.ui-widget-content {
	border-radius: 4px;
}

.button-close {
	width: 140px;
	display: inline-block;
}

.pagination li {
	display: inline-block;
	font-size: 15px;
	color: #777777;
	font-weight: 700;
	vertical-align: middle;
	cursor: pointer;
}

.pagination li.active a {
	color: #2699fb;
}

.pagination li a {
	color: #777777;
	text-decoration: none !important;
}

a:focus {
	outline: none;
}

.space-input input {
	margin: 9px 0 !important;
}

.box-professional-reference {
	display: inline-block;
	border-radius: 4px;
	background: #F5F5F5;
	text-align: left;
	padding: 10px;
	margin-top: 40px;
	margin-bottom: 10px;
	box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, .15);
}

.box-professional-reference h2, .box-professional-reference p {
	margin-bottom: 20px !important;
}

.box-professional-reference label {
	color: #9b9b9b;
}

.textarea-professional-reference {
	width: 100%;
	border: 1px solid #f0f0f0;
	border-radius: 4px;
	height: 150px;
	padding: 10px;
}

.button-reference {
	text-align: center;
	border-radius: 4px;
	margin: 5px 0 5px 5px;
	padding: 10px;
}

.button-reference:hover {
	opacity: 0.7;
}

.button-reference a {
	color: #000000;
}

.reference-send {
	background: #c5e0b4;
}

.reference-cancel {
	background: #ff9b9b;
}

.reference-msg-success {
	margin: auto;
	height: 63vh;
}

.reference-msg-success h3 {
	padding: 3% 0;
	color: black !important;
}

.txt-right {
	text-align: right;
}

.sps-box-test {
	padding: 0 15px;
}

.progress-test {
	background-color: rgba(38, 153, 251, .5);
	border-radius: 25px;
	color: #fff;
	position: relative;
	text-align: center;
	z-index: 1;
}

.progress-bar-test {
	background-color: #2699fb;
	border-radius: 25px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}

.progress-test>p {
	color: #fff;
	font-weight: 700;
	margin: 0;
	position: relative;
	z-index: 3;
	font-size: 14px;
	padding: 2px;
}

.box-test {
	box-shadow: 0 0px 6px rgba(0, 0, 0, .15);
	margin-bottom: 2rem;
	margin: 15px 2px;
	padding: 20px 10px;
	width: 98%;
	background-color: #fff;
}

.txt-green {
	color: #03ab0a;
}

.txt-red {
	color: #ff6347;
}

.main-inscriptions-default {
	padding: 50px 0;
	height: 100vh;
	background-size: cover !important;
}

.main-inscriptions {
	background-image: linear-gradient(52deg, rgba(55, 135, 244, 1) 30%,
		rgba(34, 255, 123, 1) 100%);
}

.main-inscriptions-blue01 {
	background:
		url(https://atsglobe-public.s3.amazonaws.com/img/img-inscriptions-blue01.png);
}

.main-inscriptions-blue02 {
	background:
		url(https://atsglobe-public.s3.amazonaws.com/img/img-inscriptions-blue02.png);
}

.main-inscriptions-red {
	background:
		url(https://atsglobe-public.s3.amazonaws.com/img/img-inscriptions-red.png);
}

.main-inscriptions-bradesco {
	background:
		url(https://atsglobe-public.s3.amazonaws.com/img/tela-bradesco.jpg);
}

.main-inscriptions-cvc {
	background:
		url(https://atsglobe-public.s3.amazonaws.com/img/tela-cvc.jpg);
}

.icon-inscriptions {
	border-radius: 50px;
	text-align: center;
	padding: 20px;
	background: #dad9f3;
	display: inline-block;
}

.icon-inscriptions-border-check {
	border: 2px solid #00c50d;
}

.icon-inscriptions-border-false {
	border: 2px solid #ff0000;
}

.icon-inscriptions-border-block {
	border: 2px solid #adadad;
}

.hover:hover {
	opacity: 0.7;
}

.icon-inscriptions i {
	font-size: 33px;
	height: 35px;
	width: 35px;
}

.inline-inscriptions {
	display: inline-block;
}

.bar-inscriptions-none {
	display: none;
}

.bar-inscriptions {
	margin-bottom: 100px;
	margin-left: -20px;
	margin-right: -21px;
	background: #8a8a8a;
	height: 4px;
}

.title-inscriptions {
	color: #666;
	font-family: 'Tahoma', Verdana, Segoe, sans-serif;
	font-size: 13px;
	font-weight: normal;
	padding-bottom: 0;
	margin-bottom: 8px;
	padding-top: 4px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 57px;
}

.resume-inscriptions {
	background: #ffffff;
	padding: 5% 5% 2% 5%;
	position: relative;
	border-radius: 4px;
	box-shadow: 0 5px 6px rgba(0, 0, 0, .15);
}

.txt-inscriptions {
	font-size: 20px !important;
	margin-bottom: 10px;
}

.title-white h1 {
	color: #ffffff !important;
}

.box-details {
	border-radius: 15px;
	margin-bottom: 46px;
	margin-top: 0px;
	height: 49px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 15px;
}

.check-details {
	margin-top: 30px
}

.icon-details {
	font-size: 30px;
	background: #e0e0e0;
	border-radius: 50px;
	margin-right: 2px;
	margin-bottom: 3px;
}

.icon-check-ok {
	color: green;
}

.icon-check-no-ok {
	color: #e0e0e0;
}

.bar-check-ok {
	background: green;
}

.bar-check-no-ok {
	background: #e0e0e0;
}

.icon-center {
	display: flex !important;
	/* justify-content: center; */
	align-items: center;
}

.bar-details {
	margin: 34px -43px -3px -21px;
	height: 4px;
	transform: rotate(90deg);
	position: absolute;
	width: 72px !important;
}

.mod-job-details {
	border-radius: 4px;
	padding: 0 20px 12px;
}

.steps-details {
	margin-right: 2%;
	min-height: 467px;
}

.details-5 {
	overflow: auto;
	height: 75vh;
}

.details-6 {
	overflow: auto;
	height: 79vh;
}

.details-7 {
	overflow: auto;
	height: 93vh;
}

.details-8 {
	overflow: auto;
	height: 108vh;
}

.details-9 {
	overflow: auto;
	height: 122vh;
}

.details-10 {
	overflow: auto;
	height: 136vh;
}

.details-11 {
	overflow: auto;
	height: 151vh;
}

.details-12 {
	overflow: auto;
	height: 165vh;
}

.main-default-details {
	padding: 50px 0;
	background-size: cover !important;
}

.title-details {
	text-transform: none !important;
	font-size: 25px !important;
}

.box-details-responsive {
	display: none;
}

.show-angle-details {
	background: #ffffff;
	padding: 8px 15px;
	border: 1px solid;
	border-radius: 50px;
	font-size: 25px;
	margin-bottom: 10px;
	cursor: pointer;
}

.border-check-details {
	border: 2px solid green;
}

.txt-reset-password {
	text-align: left;
	color: #000000;
	font-size: 14px;
}

div.stars {
	display: inline-block;
}

input.star {
	display: none;
}

label.star {
	padding: 10px 5px 0;
	font-size: 38px;
	color: #0075BB;
	transition: all .5s;
	float: right;
}

label.star-icon img {
	min-width: 40px;
}
label.star-icon img:hover {
	transform: rotate(-15deg) scale(1.3);
}

label.star:hover {
	transform: rotate(-15deg) scale(1.3);
}

label.star:before {
	content: '\f006';
	font-family: FontAwesome;
}

.mt-5 {
	margin-top: 5px
}

.mt-10 {
	margin-top: 10px
}

.mb-5 {
	margin-bottom: 5px
}

.mb-7 {
	margin-bottom: 7px
}

.mb-10 {
	margin-bottom: 10px
}

.mb-17 {
	margin-bottom: 17px
}

.mb-30 {
	margin-bottom: 30px
}

.ml-10 {
	margin-left: 10px;
}

.ml-20 {
	margin-left: 20px;
}

.forcheck {
	color: #3B3B3B;
	vertical-align: super;
}

.text-no-survey {
	margin-left: 30px;
	width: 80px;
}

.data-area-survey {
	background: #fff;
	overflow: hidden;
	padding: 41px 30px 0;
	-webkit-box-shadow: 2px 1px 5px 5px rgba(209, 209, 209, 1);
	-moz-box-shadow: 2px 1px 5px 5px rgba(209, 209, 209, 1);
	box-shadow: 2px 1px 5px 5px rgba(209, 209, 209, 1);
}

.rating {
	color: #a9a9a9;
	margin: 0;
	padding: 0;
}

ul.rating {
	display: inline-block;
}

.rating li {
	list-style-type: none;
	display: inline-block;
	padding: 1px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	font-size: 20px;
}

.rating .filled {
	color: orangered;
}

.clear {
	margin-top: 20px;
}

.scale {
	display: none;
}

.square {
	text-align: center;
	border: solid 1px #999;
	width: 9.09%;
	float: left;
}

.square-text {
	border-radius: 50%;
	border: 1px solid #0075BB;
	background: #fff;
	text-align: center;
	padding-top: 6px;
	font-size: 4vm;
	cursor: pointer;
	height: 20px;
	width: 20px;
	position: absolute;
	color: #0075bb;
	font-weight: bold;
}

.square:hover {
	background: #999;
	color: #fff !important;
}

.scale-checked {
	background: #999;
	color: #fff !important;
}

.space-ranking {
	width: 90%;
	display: flex;
	margin-top: 3%;
}

input.rank {
	width: 30px;
	height: 20px;
	border-right: 1px solid;
	border-radius: 10px;
	border-top: none;
	border-bottom: none;
	border-left: 1px solid;
	text-align: center;
	color: #9b9b9b !important;
}

.rank-outher {
	border-top: none;
	border-left: none;
	border-bottom: 1px solid;
	border-right: none;
	width: 300px;
}

.option {
	margin-left: 10px !important;
	font-size: 15px;
	line-height: 20px;
}

.survey-main {
	border-left: 221px solid #f5f5f5;
}

.section-survey p {
	font-family: Roboto !important;
	font-size: 18px !important;
	color: #4B4B4B !important;
	font-style: normal !important;
	font-weight: 500;
}

.txt-number-survey {
	color: #0075bb !important;
	font-weight: bold !important;
	font-size: 15px;
}

.title-questions-survey {
	font-weight: 600 !important;
	display: contents;
}

.section-survey h4 {
	font-family: Roboto !important;
	font-size: 24px !important;
	color: #047BC1 !important;
}

.section-survey .option {
	font-family: Roboto !important;
	font-size: 16px !important;
	color: #4B4B4B !important;
}

.section-survey textarea {
	border: 1px solid #0075BB;
	border-radius: 8px !important;
	margin: 13px 2px;
	width: 89%;
}

.section-survey select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	background: #fff url(../img/survey-select.png) no-repeat right center;
}

.section-survey textarea:focus {
	box-shadow: 0 0 4px #0075BB;
}

.title-survey {
	color: #4B4B4B !important;
	font-family: Roboto !important;
	font-style: normal !important;
	font-weight: bold !important;
	font-size: 24px !important;
}

.survey-input {
	border: 1px solid #0075BB;
	border-radius: 35px;
	padding: 0.8rem 0.5rem;
	width: 70%;
	margin: 2px;
}

.survey-check-input {
	border: 1px solid #27AE60;
}

.survey-input:focus {
	box-shadow: 0 0 4px #0075BB;
}

.center-survey {
	display: inline-flex;
	align-items: center;
}

.survey-txt-blue {
	color: #0075BB;
}

.section-survey .select-survey {
	width: 90px;
	border: 1px solid #0075BB !important;
	border-radius: 35px !important;
	padding: 10px 19px;
	color: #C4C4C4;
	font-size: 19px;
}

.survey-title-question {
	color: #047BC1 !important;
	font-family: Roboto !important;
	font-style: normal !important;
	font-weight: bold !important;
	font-size: 24px !important;
	text-transform: uppercase !important;
}

.survey-button-save {
	background: #2F77B8;
	border: 1px solid #F2F2F2;
	box-sizing: border-box;
	border-radius: 35px;
}

.survey-button-save a {
	color: #F2F2F2 !important;
	font-size: 20px;
	font-weight: bold;
	font-family: Roboto;
	font-style: normal;
}

.survey-button-save:hover {
	opacity: 0.7;
}

.survey-check-none {
	display: none !important;
}

.survey-check {
	color: #27AE60;
	margin-left: -4%;
	display: inline-block !important;
}

.survey-square {
	/* border: 1px solid #0075BB; */
	border-radius: 50%;
	width: 20px;
	height: 20px;
	z-index: 1;
	background: #fff;
	display: inline-flex;
	align-items: center;
	justify-content:
}

.survey-square-list {
	width: 9%;
	height: 20px;
	/* margin: 0px 50px 0 0; */
	z-index: 1;
	background: #fff;
	display: inline-block;
	text-align: inherit;
}

.survey-new-square-list {
	display: inline-block;  
	justify-content: center;
}

.survey-new-square-list-left {
    width: 100px;
    height: 100px;
    display: inline-block;  
   flex-direction: column;
   align-items: right;
}

.survey-button-selection {
	background: #2F77B8;
	border: 20px solid #2F77B8;
	box-sizing: border-box;
	border-radius: 0px;
	
}

.button-reference-new {
	height: 60px;
	width: 60px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 14px;
	margin: 15px 51px 15px 0;
	font-size: 20px;
	font-weight: bold;
    color: #fcfefe;
   	background: #2F77B8;
   	padding: 0px;
}

.survey-column{
    text-align: end;
}

.col61-survey-responsive {
	width: 61%;
}

.btn-survey-new:hover {
	opacity: 0.7;
}

.scale-checked-new {
    background: #0a2b49;
}

.center-check-survey {
	display: inline-flex;
	align-items: center;
}

.survey-bar {
	width: 6.7%;
	height: 5px;
	margin-left: 18px;
	background: #0075bb;
	position: absolute;
}

.survey-bar-new {
	width: 505px;
	margin: -42px 0 30px;
}

.survey-img {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 82%;
}

.survey-title-success {
	color: #2F77B8;
	font-size: 36px;
	text-align: center;
}

.survey-button {
	border-bottom: 5px solid #232050 !important;
	height: 85px !important;
}

.sps-60 {
	margin-top: 60px;
}

.survey-margin-hr {
	margin: 20px 0 35px;
	color: #C4C4C4;
}

.ats-light-professional-btn {
	float: right;
	width: 50%;
	margin-top: 4%;
}

.ats-light-professional-btn a {
	float: right;
	text-decoration: none;
	margin: 5px;
}

.ats-light-section {
	background: #f4f4f4 !important
}

.ats-light-data-area {
	background: #ffffff;
	box-shadow: 0 5px 6px rgba(0, 0, 0, .15);
	border-radius: 4px;
	border: 1px solid #0a0a0a1a;
}

.ats-light-data-area label, .ats-light-data-area span {
	color: #a4aeba !important;
	margin-top: 5px;
}

.ats-light-data-area textarea {
	box-shadow: inset 0 0px 3px #a5a5a5;
	border: 1px solid transparent;
	border-radius: 10px;
}

.ats-light-data-area textarea:active, .ats-light-data-area textarea:focus
	{
	box-shadow: inset 0 0px 7px #3273dc;
}

.ats-light-data-area .mod-select {
	width: 98% !important;
	margin-top: 10px;
}

.ats-light-data-area .mod-checkbox {
	margin-top: 5px;
}

.ats-light-img {
	width: 100%;
	height: 150px;
	max-width: 150px;
	border: 1px solid #dcdcdc;
	border-radius: 226px;
	cursor: pointer;
}

.ats-light-img:hover {
	opacity: 0.7;
}

.ats-light-field {
	box-shadow: inset 0 0px 3px #a5a5a5;
	border: 1px solid transparent;
	border-radius: 35px;
}

.ats-light-field:active, .ats-light-field:focus {
	box-shadow: inset 0 0px 7px #3273dc;
}

.ats-light-button {
	float: right;
	color: #ffffff !important;
	background: #2F77B8;
	border: 1px solid #F2F2F2;
	border-radius: 35px;
}

.ats-light-button:hover {
	opacity: 0.7;
}

.ats-light-sub-data {
	background: #ffffff;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-top: 10px;
	padding: 20px;
	position: relative;
	box-shadow: inset 0 0px 3px #c7c7c7;
}

.ats-light-sub-data:before {
	background: url(../img/arrow-sub.png) no-repeat center center;
	content: "";
	height: 15px;
	left: 20px;
	position: absolute;
	top: -15px;
	width: 40px;
}

.ats-light-sub-data small {
	width: 100%;
	display: block;
	color: tomato;
}

#signup .control .ats-light-next {
	background: #2F77B8;
	float: right;
	border-radius: 35px;
	font-weight: bold;
}

#signup .control .ats-light-next:hover {
	opacity: 0.7;
}

#signup .control .ats-light-prev {
	background: #ffffff;
	color: #2F77B8;
	float: left;
	border: 1px solid #2F77B8;
	border-radius: 35px;
	font-weight: bold;
}

#signup .control .ats-light-prev:hover {
	opacity: 0.7;
}

.ats-light-data-area .mod-select {
	margin-top: 0;
}

.title-finish {
	text-align: center;
	color: #2F77B8;
	margin-bottom: 3rem;
}

.format-text-action {
	font-size: 11px;
	display: block;
	color: tomato;
}

.local-select-field-dropdown {
	min-height: 34px;
	height: auto !important;
	white-space: normal;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.box-live {
	float: right;
    text-align: center;
    border: 1px solid;
    margin-bottom: 3px;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .15);
    background: #F5F6FA;
    border-radius: 10px;
    padding: 5px;
    display: inline-block;
    font-weight: bold;
}

.center-vertical {
	display: inline-flex;
	align-items: center;
}

.tooltip-mexico-document {
	cursor: pointer;
    color: #ff1421;
}
.tooltip-mexico-document:hover {
    color: #ff1421ba;
}
.tooltip-mexico-document .tooltip-img {
	visibility: hidden;
	z-index: 1;
    bottom: 50px;
    right: 27px;
    transition: opacity 1s;
    font-weight: normal !important;
    position: absolute;
	font-weight: normal !important;
	height: 250px
}

.tooltip-mexico-document .tooltip-img::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: 50px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent transparent;
}

.tooltip-mexico-document:hover .tooltip-img {
	visibility: visible;
	opacity: 0.9;
}

.box-tooltip-img {
    width: 10%;
    display: inline;
}

.img-applicant {
	border-radius: 200%;
	width: 100%;
	margin: auto;
	display: grid;
	height: auto;
	mix-blend-mode: multiply;
}
.text-img-perfil {	
	color: #34393E;
    font-size: 17px;
    font-weight: bold;
    margin-top: 20px;
}
.btn-upload-img {
	background: #ffffff;
	border: 1px solid #2F77B8;
	border-radius: 8px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	color: #2F77B8;
	text-decoration-line: none;
	width: 90%;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px;
	text-transform: uppercase;
	margin-top: 15px;
	cursor: pointer;
}

.btn-confirm-event {
	background: #ffffff;
	border: 1px solid #2F77B8;
	border-radius: 30px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	color: #2F77B8;
	text-decoration-line: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 15px;
	text-transform: uppercase;
	margin-top: 25px;
	float: right;
}
.img-company-event {
	display: grid;
	width: 70%;	
	height: auto;
	mix-blend-mode: multiply;
	border-right: 1px solid #dadce0;
}
.btn-upload-img:hover {
	color: #ffffff;
    text-decoration: none;
    border: 1px solid #2D9CDB;
    color: #2D9CDB;
}

.input-event {
	background-color: #ffffff;
	border: 1px solid #0075BB !important;
	box-sizing: border-box;
	border-radius: 8px !important;
	font-size: 17px !important;
	padding: 10px !important;
	height: 52px;
	width: 100%;
	color: #333333;
}

.textarea-event {
	resize: none;
	width: 100%;
	border: 0;
	border-radius: 8px;
	padding: 10px;
	border: 1px solid #0075BB !important;
	height: 180px;
}

.mod-select-event select{
	border-radius: 8px;
	border: 1px solid #0075BB;
	color: #34393E;
	font-size: 14px;
	padding: 10px !important;
	margin-top: 10px
}
.select::after {
    border-color: #0075BB;
    right: 13px;
    font-size: 25px;
}
.select::after {
    border: 3px solid transparent;
    border-radius: 2px;
    border-right: 0;
    border-top: 0;
    content: " ";
    display: block;
    height: 0.625em;
    margin-top: -0.4375em;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: rotate(-45deg);
    transform-origin: center;
    width: 0.625em;
}

.img-responsive-test img {
	max-width: 800px;
	width: 100%;
	height: auto;
}

.img-new-ux {
	max-width: 384px;
	margin: auto;
    display: block;
    margin-bottom: 30px;
}

.title-new-ux {
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 117.12%;
	color: #0075BB;
	margin-bottom: 35px
}

.text-modal-new-ux {
	font-weight: normal;
	font-size: 16px;
	line-height: 117.12%;
	color: #4B4B4B;
	text-transform: initial;
}

.btn-new-ux {
    background: #2F77B8;
    border-radius: 30px;
    padding: 22px 55px;
    font-weight: bold !important;
    font-size: 16px;
    line-height: 140.62%;
    color: #FFFFFF !important;
    max-width: 133px;
    margin: auto;
}