/* #region Geral*/ 
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,500,700|Open+Sans:400,600,700|Source+Sans+Pro:400,600,700&display=swap');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
html{background-color: #f0f0f7; border: none;}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
* {
	font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';

}
body {
	position: relative;
	float: left;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 100%;
	border: none;
	line-height: 1;
	font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
section#corpo{
	position: relative;
	float: left;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}
input:focus, textarea:focus, button:focus, select:focus{
    outline: none;
}
ul{
    list-style-type: none;
}
h2{
    font-size: 2rem;
}
.mb-40{margin-bottom: 40px !important;}
.mb-20{margin-bottom: 20px !important;}
.mb-15{margin-bottom: 15px !important;}
.mb-10{margin-bottom: 10px !important;}
select {
    padding: 1.2rem 5px 1.2rem 5px;
    font-size: 1.5rem;
    border: none;
    border-radius: 2px;
    min-width: 12rem;
    color: #757575;
        
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.teste{
    position: relative;
    width: 85%;
    left: 15%;
    top: 60px;    
}
samp.OU{
	position: relative;
	float: left;
	display: inline-block;
	padding: 0px;
	margin: 15px 30px 20px;
	font-size: 18px;
}
.btn-Finalizar-cadastro, .btn-Visualizar-Resumo {
    position: relative;
    float: right;
    display: block;
    width: auto;
    height: auto;
    margin: 40px 10px 0px 2%;
    padding: 15px 18px;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #3CCB83;
    font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
    font-size: 18px;
    border: 1px solid #3CCB83;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.btn-Finalizar-cadastro:hover, .btn-Visualizar-Resumo:hover{text-decoration: none; color:#FFF}
.btn-Finalizar-cadastro i, .btn-Visualizar-Resumo i{margin-right: 10px;}
.btn-Visualizar-Resumo {background-color: #FFF;color: #4D4F5C;border: 1px solid #43425D;}
.btn-Visualizar-Resumo:hover{color:#4D4F5C}
a.demarcarTodos, a.deletaravaliacao{
	position: relative;
    float: left;
    display: none;
    margin: 5px 0px 15px 0px;
    font-size: 18px;
    color: #0b4dce;
    font-weight: 600;
	text-decoration: none;
}
a.deletaravaliacao{margin-left: 0px;}
a.demarcarTodos:focus,a.demarcarTodos:hover, a.demarcarTodos:visited, a.deletaravaliacao:focus, a.deletaravaliacao:hover, a.deletaravaliacao:visited{
    color: #3d76e7;
	text-decoration: none;
}
a.demarcarTodos i, a.deletaravaliacao i{
	color: #dd0808;
    position: relative;
    float: left;
    margin: 0px 4px 0px 0px;
    top: 1px;
}
#Acharcandidatos{
	background-color: rgb(42 142 229 / 40%);
}
#Acharcandidatos .modal-dialog {
	-webkit-transition: -webkit-transform .3s ease-out; 
	-o-transition: -o-transform .3s ease-out;
	transition: transform .3s ease-out;
	-webkit-transform: translate3d(0, 25%, 0); 
	-o-transform: translate3d(0, 25%, 0);
	transform: translate3d(0, 25%, 0); 
}
#Acharcandidatos .modal-header .close {
    margin-top:0 px;
}
#Acharcandidatos .modal-body p{
	font-size: 16px;
	text-align: center;
	line-height: 1.6em;
}
.rotacionar{
	font-size: 45px !important;
	-webkit-animation: spin 1s infinite linear;
	-moz-animation: spin 1s infinite linear;
	-o-animation: spin 1s infinite linear;
	animation: spin 1s infinite linear;
}
.None{display: none;}
.caixaDiversidade{
	position: relative;
    float: left;
    margin: 60px 0px 30px 20px;
    padding: 35px;
    color: white;
    width: 46%;
}
.caixaDiversidade.left{
	background-color: white;
}
.caixaDiversidade.right{
	background-color: white;
    float: right;
	margin: 60px 20px 30px 0px;
}
.buttonDiversidade{
	position: relative;
    float: left;
    margin: 0px;
    padding: 0px;
    width: 100%;
}
.buttonDiversidade:hover, .buttonDiversidade:visited{
    text-decoration: none;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}
.buttonDiversidade img{
	position: relative;
    float: left;
    margin: 0px;
    padding: 0px;
    width: 100%;
	border:none;
}
/* #endregion */
/* #region Sign*/
.page-form{
	position: relative;
	float: left;
	display: flex;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}
.page-form .area-form{
	position: relative;
	float: left;
	display: flex;
	width: 37%;
	margin: 0;
	padding: 0;
	border: 2px solid #b3b3b3; 
	border-right: none;
}
.page-form .area-form.center {
    margin: 0px calc((100% - 37%) / 2);
    border: 2px solid #b3b3b3;
}
.page-form .area-form form.form{
	position: relative;
	float: left;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}
.page-form .area-form .cabeca{
	position: relative;
	float: left;
	display: block;
	width: 100%;
	margin: 0px 0px 50px 0px;
	padding: 0;
}
.page-form .area-form .cabeca img{
	position: relative;
	float: left;
	display: block;
	width: 50%;
	margin: 10px 25%;
	padding: 0;
}
.page-form .area-form .cabeca h3{
	position: relative;
	float: left;
	display: block;
	width: 100%;
	margin: 10px 0px;
	padding: 0;
	text-align: center;
	font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 18px;
	color: #4D4F5C;
}
.page-form .area-form .erro-form{
	position: absolute;
    float: left;
    display: none;
    width: 100%;
    margin: 0px 0px 15px;
    padding: 5px 8px;
    border: 1px solid #ed7272;
    background-color: #f9a9a9;
    border-radius: 6px;
    top: 80px;
}
.page-form .area-form .sucesso{    
    border: 1px solid #06960a;
    background-color: #b3ff9a;
}
.page-form .area-form .erro-form i{
	position: relative;
    float: left;
    display: block;
    font-size: 45px;
    color: #460303;
    margin: 0px 8px 0px 0px;
}
.page-form .area-form .sucesso i{
	position: relative;
    float: left;
    display: block;
    font-size: 45px;
    color: #06960a;
    margin: 0px 8px 0px 0px;
}
.page-form .area-form .erro-form a{
	position: absolute !important;
    float: left !important;
    display: block !important;
	font-size: 12px !important;
	font-weight: 700;
	text-decoration: none !important;
	color: #000000 !important;
	font-family: 'Source Sans Pro','Open Sans','Noto Sans KR' !important;
	margin: 0px 0px 0px 0px !important;
	padding:0px !important;
	top: 5px;
	right: 5px;
}
.page-form .area-form .top150{margin-top: 150px;}
.page-form .area-form .top100{margin-top: 100px;}
.page-form .area-form .corpo-form{
	position: relative;
	float: left;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}
.page-form .area-form .corpo-form .area-group{
	position: relative;
    float: left;
    display: block;
    width: calc(100% - 30%);
    margin: 0px 15% 15px 15%;
    padding: 0;
}
.page-form .area-form .corpo-form .m60{
margin-bottom: 60px;
}
.page-form .area-form .corpo-form .m160{
margin-bottom: 160px;
}
input:-internal-autofill-selected{
	background-color: #fff !important;
}
.page-form .area-form .corpo-form .area-group input[type='text'],
.page-form .area-form .corpo-form .area-group input[type='password']{
	all: unset;
	position: relative;
    float: left;
    display: block;
	width:  calc(100% - 36px);
	-webkit-appearance: textfield !important;
    margin: 0px 0px;
    padding: 5px 18px 9px 18px;
    background-color: #fff !important;
    border: none;
    border-bottom: 2px solid #E9E9F0;
    border-radius: 0px;
	color: #43425D;
	font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 15px;
}
.page-form .area-form .corpo-form .area-group input[type='checkbox']{
	all: unset;
	position: relative;
    float: left;
    display: block;
	width: 22px;
	height: 22px;
    margin: 0px 10px 0px 0px;
	padding: 0;
	background-color: #fff;
	border: 2px solid #C3DAFF;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-size: 20px;
	text-align: center;
}
.page-form .area-form .corpo-form .area-group input[type='checkbox']:checked{	
	border: 2px solid #3CCB83;
	background-color: #3CCB83;
	color: #FFF;
}
.page-form .area-form .corpo-form .area-group input[type='checkbox']:checked::after{
	content: "\2713";
}
.page-form .area-form .corpo-form .area-group label{
	position: relative;
    float: left;
    display: block;
	width: 50%;
	height: 24px;
    margin: 35px 0px 0px 0px;
	padding: 0;
	font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 15px;
	line-height:24px;
	vertical-align: bottom;
}
.page-form .area-form .corpo-form .area-group label.w100{ width: 100%;}
.page-form .area-form .corpo-form .area-group label.lblcadastro{ 
	position: relative;
    float: left;
    display: block;
	margin: 0px 0px;
    padding: 5px 18px 3px 18px;
	height: auto;
	width: 100%;
	color: #43425D;
    font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
    font-size: 15px;
}
.page-form .area-form .corpo-form .area-group label.lblcadastro ins{
	text-decoration: none;
    font-size: 14px;
    color: #4a4a4a;
}
.page-form .area-form .corpo-form .area-group a{
	position: relative;
    float: left;
    display: block;
	width: 50%;
	height: 18px;
    margin: 40px 0px 0px 0px;
	padding: 0;
	text-align: right;
	color: #43425D;
	text-decoration: underline;
	font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 15px;
}
.page-form .area-form .corpo-form .area-group .botao{
	position: relative;
    float: left;
    display: block;
    width: 40%;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 15px 0px;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 18px;
	border: 1px solid #43425D;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.page-form .area-form .corpo-form .area-group .btn-cinza, .page-form .area-form .corpo-form .area-group .btn-cinza-enviar,.page-form .area-form .corpo-form .area-group .btn-prosseguir{
	float: left;
	background-color:#43425D;
}
.page-form .area-form .corpo-form .area-group .btn-branco{
	float:right;
	background-color:#FFFFFF;
	color: #43425D;
}
.page-form .area-form .corpo-form .area-group .btn-cinza-enviar{
	width: 60%;
    margin: 20px 0px 0px 20%;
}
.page-form .area-form .corpo-form .area-group .btn-prosseguir{
	width: 60%;
    margin: 20px 0px 0px 20%;
}
.page-form .area-form .corpo-form a.btn-politica{
	position: relative;
    float: left;
    display: block;
    width: 100%;
    height: auto;
    margin: 0px 0px 40px 0px;
    padding: 0px 0px;
    text-align: center;
    color: #43425D;
    text-decoration: none;
    font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 14px;
}

.page-form .area-form .corpo-form a.btn-politica-inline{
	position: relative;
    float: none;
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    text-align: left;
    color: #333333;
    font-weight: 600;
    text-decoration: none;
    font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 14px;
}
.page-form .area-form .corpo-form a.btn-politica-inline:hover{
	color:rgb(136, 1, 1);
}
.page-form .img-form, .page-form .img-form-senha, .page-form .img-form-cadastro{
	position: relative;
	float: left;
	display: flex;
	width: 63%;
	margin: 0;
	padding: 0;
	background-color: #003581;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	background-image: url('../img/sign/imagemcadastro.jpg');
}
.page-form .img-form-senha{
	background-image: url('../img/sign/imagemrecuperarsenha.jpg');
}
.page-form .img-form-cadastro{
	background-image: url('../img/sign/imagemlogin.jpg');
}
a.pesquisaia{
	position: relative;
	float: left;
	display: flex;
	width: 42px;
	height: 32px;
	margin: 0px 8px 0px 0px;
	padding: 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	background-image: url('../img/sistema/headrobo.png');
}
.vertical-center-end .tooltip-arrow{ border-bottom-color: #bcbcbc !important;}
.vertical-center-end .tooltip-inner{ 
	background-color: #ffffff;
    color: #0b4dce;
    border: 1px solid #ccc;
}
/* #endregion */
/* #region layout*/
.areaconteudo{
	position: relative;
	float: left;
	display: flex;
	justify-content: flex-start;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;	
}
.desktop{
	position: relative;
	float: left;
	display: block;
	width: calc(100%);
    height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #F0F0F7;
}
.title-breadcrumb {
	position: relative;
	float: left;
	padding: 0px 20px;
	margin: 0px;
    background: #0B4DCE;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
	clear: both;
	width: calc(100%);
	border: none;
	border-top: 4px solid #FEC72E;
	height: 70px;
}
.title-breadcrumb .logo {
	position: relative;
	float: left;
	display: block;
	width: 250px;
	margin: 0;
	padding: 0;
	border: 0;	
}
.title-breadcrumb .logo a{
	position: relative;
	float: left;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;	
}
.title-breadcrumb .logo a img{
	position: relative;
    float: left;
    display: block;
    width: 231px;
    margin: 15px 0px 0px 0px;
    padding: 0;
    border: 0;
}
.title-breadcrumb .logo .Diversidade{
	position: absolute;
    float: left;
    display: block;
    color: lime;
    right: 20px;
    font-size: 18px;
    top: 46px;
    text-transform: uppercase;
}
.title-breadcrumb ul{
	position: relative;
	float: right;
	display:inline-block;
	padding: 0px 0px;
	margin: 0px;
}
.title-breadcrumb ul li{
	position: relative;
	float: left;
	padding: 0px 0px;
	margin: 0px;
}
.title-breadcrumb ul li.notificacao{
	width: 32px;
	height: 70px;
    display: none;
}
.title-breadcrumb ul li.notificacao a{
	position: relative;
	float: right;
	display: block;
	padding: 0px;
	margin: 27px 8px;
	width: 16px;
	height: 16px;
	font-style: 16px;
}
.title-breadcrumb ul li.notificacao a i{
	color:#BCBCCB;
}
.title-breadcrumb ul li.notificacao a ins{
	position: absolute;
	float: right;
	display: block;
	width: 9px;
	height: 9px;
	background-color: #f00;
	top: 0px;
	right: 0px;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.title-breadcrumb ul li.ceditos{
	width: auto;
	height: 70px;
    display: block;
}
.title-breadcrumb ul li.ceditos b{
	position: relative;
    float: left;
    display: inline-block;
    width: auto;
    height: 30px;
    padding: 0px;
    margin: 21px 15px 20px 8px;
    border: none;
    font-size: 24px;
    color: white;
    font-weight: 300;
}
.title-breadcrumb ul li.ceditos samp{
	position: relative;
    float: left;
    display: inline-block;
    padding: 0px;
    margin: 26px 15px 20px 8px;
    color: #FFFFFF;
    font-size: 16px;
}
.title-breadcrumb ul li.ceditos span{
	position: relative;
    float: left;
    display: inline-block;
    padding: 0px;
    margin: 24px 0px 20px 0px;
    color: #fec72e;
    font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
    font-size: 20px;
    font-weight: 700;
}
.title-breadcrumb ul li.cliente{
	width: auto;
	height: 70px;
}
.title-breadcrumb ul li.cliente span, .title-breadcrumb ul li.cliente a#topmenu{
	position: relative;
    float: left;
    display: inline-block;
    width: auto;
    text-decoration: none;
    color: #FFFFFF;
    margin: 21px 5px 0px 0px;
    height: 30px;
    padding: 5px 0px 0px 8px;
}
.title-breadcrumb ul li.cliente a#topmenu{ margin-top: 25px;}
.title-breadcrumb ul li.cliente span{
	color:#FFFFFF;
	border-left: 1px solid #FFFFFF;
	font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 16px;
	min-width: 80px;
}
.title-breadcrumb ul li.cliente ul.menu{
	position: absolute;
    float: left;
    display: none;
    top: 66px;
    right: -15px;
    margin: 0px;
    padding: 15px 0px 0px 0px;
	background-color: transparent;
	background-image: url("../img/sistema/menudocliente.png");
	background-repeat: no-repeat;
	background-position: top center;
	-webkit-box-shadow: 0px 16px 9px 1px rgba(128,128,128,0.19);
	-moz-box-shadow: 0px 16px 9px 1px rgba(128,128,128,0.19);
	box-shadow: 0px 16px 9px 1px rgba(128,128,128,0.19);
	z-index: 1;	
    width: 220px;
}
.title-breadcrumb ul li.cliente ul.menu li{
	position: relative;
    float: left;
    display: block;
    margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
    width: 100%;
}
.title-breadcrumb ul li.cliente ul.menu li a,.title-breadcrumb ul li.cliente ul.menu li h5{
	position: relative;
    float: left;
	display: block;
	margin: 5px 13%;
	padding: 10px 0px 15px;
	font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 16px;
	color: #43425d;
	text-decoration:none;
	width: 74%;
	border-bottom: 1px solid #F1F1F3;
	text-align: center;
}
.title-breadcrumb ul li.cliente ul.menu li a.limpa{border: none; }
.title-breadcrumb ul li.cliente ul.menu li h5{font-weight: 700; font-size: 18px;}
.title-breadcrumb ul li.cliente ul.menu li a i{ color: #A5A4BF;}
.title-breadcrumb ul li.cliente ul.menu li a:hover{ color: #212529; font-weight: 600;}
.title-breadcrumb ul li.cliente ul.menu li a:hover i{ color: #FEC72E;}
.title-breadcrumb ul li.cliente img{
	position: relative;
    float: left;
    display: block;
    width: 45px;
    height: 45px;
    margin: 12.5px 10px;
    padding: 0px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    border: 2px solid #CCCCCC;
}
#link-notificacao, #link-add-credito{display: none;}
.page-content{
	position: relative;
    float: left;
	display: block;
	margin: 0px;
	padding: 0px 0px 50px 0px;
	width: 100%;	
}

.container .tituloconteudo #progress-steps{
	position: relative;
    float: right;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 70%;
	height: auto;
}
.tituloconteudo{
	position: relative;
	float: left;
	display: block;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.tituloconteudo img{
	position: relative;
	float: left;
	display: block;
	width: 20%;
	padding: 0px;
	margin: 50px auto 30px calc(((100% - 20%) / 2) );
}
.tituloconteudo h1{
	position: relative;
	float: left;
	display: block;
	width: 100%;
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 22px;
	color:#116CDD;
}
.corpoconteudo{
	position: relative;
	float: left;
	display: block;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.corpoconteudo h1{
	position: relative;
    float: left;
    display: block;
    width: 100%;
    padding: 0px;
    margin: 50px 0px;
    text-align: center;
    font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
    font-size: 32px;
    color: #8d8d8d;
} 
.corpoSalvarProjeto{
	position: relative;
	float: left;
	display: block;
	width: 94% !important;
	padding: 0px;
	margin: 15px 3% !important;
	min-height: 150px !important;
}
/* #endregion */

/* #region Dashboard de vagas*/
#dashboard{
	min-height: 800px;
}
#dashboard h1{
	position: relative;
    float: left;
	display: block;
	margin: 150px 0px;
	padding: 0px;
	font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 50px;
	color:#A5A4BF;
	text-transform:uppercase;
	text-align: center;
	width: 100%;
}
#dashboard input:focus, #dashboard textarea:focus, #dashboard button:focus, #dashboard select:focus{
    outline: none;
}
#dashboard ul{
    list-style-type: none;
}
#dashboard h2{
	font-size: 2em;
	font-weight: 700;
	margin-left: 0.8em;
	text-align: left;
}
#dashboard select {
    padding: 1.2em 1em;
    font-size: 1.3em;
    border: none;
    border-radius: 2px;
    min-width: 10rem;
    color: #757575;
        
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
	-moz-appearance: none;
	background: #fff;
}
#dashboard select.classic, .filtroProjeto select.classic {
    background-image:
      linear-gradient(45deg, transparent 50%, white 50%),
      linear-gradient(135deg, white 50%, transparent 50%),
      linear-gradient(to right, #116cdd, #116cdd);
    background-position:
	calc(100% - 1.3rem) calc(1em + 0.3rem),
	calc(100% - 1rem) calc(1em + 0.3rem),
	100% 0;
    background-size:
      5px 5px,
      5px 5px,
      3.5em 3.8em;
    background-repeat: no-repeat;
    box-shadow: 0px 0px 3px 0 grey;
    margin: 0px 10px 10px 0;
    border-radius: 2px 5px 5px 2px;
    width: 12em;

    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}
/**************/
/* CONTAINER */
/************/
#dashboard{
    padding: 3rem 3rem 1rem 3rem;
}
.listButtons{
	display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 1em;
    margin-bottom: 1em;
}
.listButtons a:hover {
	outline: none;
	text-decoration: none;
}
#dashboard{
    font-size: 62.5%;
	font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
    /* font-family: Verdana, Geneva, Tahoma, sans-serif !important; */
    /* font-family: "Lucida Console", Monaco, monospace; */
}
.headerFilter{
    /* background: #7159c1; */
    grid-area: hf;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	align-items: initial;
    justify-content: space-between;
}
.filtroProjeto{
	position: relative;
    display: block;
    float: left;
    width: 100%;
    margin: 12.5% 0px 0px;
}
.headerFilter input, .filtroProjeto input{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
        
    width: 14rem;
    padding: 1em;
    font-size: 1.3em;
    border: none;
    border-radius: 2px;
    color: #757575;
    box-shadow: 0px 0px 3px 0 grey;
	margin: 0px 0px 10px 0px;
}
.headerFilter input#buscarInput{width: 24rem;padding: 0.8em 1em;margin: 1px -3px 0px 0px;}
.filtroProjeto input#buscarInput{
	width: 25rem;
    padding: 0.68em 1em;
    margin: 1px -3px 0px 0px;
    font-size: 14px;
}
.caixaFiltroProjeto{
	position: relative;
    float: right;
    width: 100%;
    display: block;
    margin: 0px;
    padding: 0px;
}
.headerFilter input:hover, select.classic:hover, .filtroProjeto input:hover{    
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.buttonSearch{
    background: #116cdd;
    color: white;
    border: none;
    border-radius: 0 5px 5px 0;
    position: relative;
    left: -3px;
	padding: 1.1em 1em !important;
	margin: 6px 1em 10px 0;
}
.buttonSearch:hover{
    background: #0f5cbb;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    color: white;	
}
.buttonOpenPosicao{
	background: #fd7e14;
    color: white;
    border: none;
    border-radius: 5px 5px 5px 5px;
    position: relative;
    left: 0px;
	padding: 0.9em 0.9em !important;
	margin: 4px 1em 5px 0px;
}
.buttonOpenPosicao:hover, .buttonOpenPosicao:focus{
    background: #fd7e14; 
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    color: white;	
}
.buttonCriarPosicao{
	background: #3ccb83;
    color: white;
    border: none;
    border-radius: 5px 5px 5px 5px;
    position: relative;
    left: 0px;
	padding: 0.9em 0.9em !important;
	margin: 4px 1em 5px 0px;
}
.buttonCriarPosicao:hover, .buttonCriarPosicao:focus{
    background: #3ccb83;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    color: white;	
}
.headerFilter button:active, .filtroProjeto button:active{        
    transform: translateY(4px);
}
.buttonAtualizar{
	background: #ffffff;
    color: #70707b;
    border: 1px solid #063a9f;
    border-radius: 5px 5px 5px 5px;
    position: relative;
    left: 0px;
    padding: 0.9em 0.9em !important;
    margin: 4px 1em 5px 0px;
    font-weight: 600;
}
.buttonAtualizar:hover, .buttonAtualizar:focus{
    background: #ffffff;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    color: white;	
}
.buttonNovaVaga{
    background: #3ccb83;
    color: white;
    border-radius: 5px;
	padding: 5px 8px 5px 8px !important;
	margin-top: -2px;
	font-size: 1.3em;
    margin-right: 1em;
}
.buttonNovaVaga:hover{    
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	color: #fff;
}
.buttonNovaVaga i{
    background: #35b675;
    padding: 4px 2px !important;
    margin-left: 10px;
    border-radius: 0 5px 5px 0;
    margin-top: 0;
    margin-bottom: 0;
}
.asiderTitle{
    grid-area: at;
    text-align: center;
}
.asiderTitle h2{
    color: #43425d;
    margin: 0;
}

.listaVaga{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;

    margin-top: 4em;
}
.cardsVagas{
    background: #ffffff;
    width: calc((100% / 3) - 20px);
    min-height: 235px;
    margin: 10px;
    border: 1px solid #e6e6e6;
    box-shadow: 0 0 6px 3px #0000000a;
    padding: 1em;   
}
.cardsVagas.diversidade{min-height: 180px;}
.headerCard{
    font-size:9.4pt;
    color: #828296;
    padding: 7px 8px 5px 8px;

    display: flex;
    justify-content: space-between;
}
.headerCard i{
    margin-right: 0.5rem;
}
.tituloCard{
    color: #4c4b68;
    font-size: 12pt;
    font-weight: bold;
    padding: 7px 8px 5px 8px;
	min-height: 54px;
	line-height: 1.3;
}
.infoLocDat span{    
	text-align: center;
	line-height: 1.7;
}
.infoLocDat span:nth-child(2){
    border-left: 1px solid #f0f0f7;
    padding-left: 2px;
}

/**************/
/* MiniCards */
/************/
.miniCard{
    padding: 7px 18px 5px 18px;

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;    
}
.miniCard > div{
    background-color: #f7f7fb;
    color: #828296;
    width: 48%;
    height: 93px;
}
.miniCard > div.diversidade{
	background-color: transparent;
}
.miniCard > div.diversidade a{
	position: relative;
    display: block;
    width: 100%;
    color: white;
    text-align: center;
    padding: 8px 0px 8px 0px !important;
	background-color: #116cdd;
}
.miniCard > div.diversidade a:hover, .miniCard > div.diversidade a:visited{text-decoration: none;}
.miniCard > div.diversidade > i{
	position: relative;
    display: block;
    width: 34px;
    height: 34px;
    text-align: center;
    font-size: 34px;
    margin: 10px 0px 5px calc((100% - 34px) / 2);
}
.miniCard > div.diversidade > i.derver{
	text-align: center;
    font-size: 34px;
    margin: 5px 0px 5px 0px;
    background-image: url(../img/sistema/diversidade.png);
    background-repeat: no-repeat;
    background-size: auto 40px;
    background-position: center center;
    position: relative;
    display: block;
    width: 100%;
    height: 40px;
}
.miniCard > div.diversidade > i.dervermulheres{
	text-align: center;
    font-size: 34px;
    margin: 5px 0px 5px 0px;
    background-image: url("../img/sistema/diversidade_mulheres.png");
    background-repeat: no-repeat;
    background-size: auto 40px;
    background-position: center center;
    position: relative;
    display: block;
    width: 100%;
    height: 40px;
}
.miniCard > div.diversidade > i.derverperfil{
	text-align: center;
    font-size: 34px;
    margin: 5px 0px 5px 0px;
    background-image: url("../img/sistema/diversidade_perfil_racial.png");
    background-repeat: no-repeat;
    background-size: auto 40px;
    background-position: center center;
    position: relative;
    display: block;
    width: 100%;
    height: 40px;
}
.iconeCard{
    font-size: 6.4pt;
    background-color: #f7f7fb;
    border: 3px solid white;
    color: #a5a4bf;
    border-radius: 26px;
    padding: 3px;
    width: 23px;
    text-align: center;
    position: relative;
    left: 36%;
    top: -10px;
}
.points{
    font-size: 6pt;    
}
.points-disable{
    display: none;
}
.infoDados{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    
    position: relative;
    top: -23px;

    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}
.infoDadosTitle > .infoText{
    font-size: 1.2em;
	text-align: center;
}
.infoDadosTitle > .infoNum{
    font-size: 2.6em;
	font-weight: bold;
	margin-bottom: 0.4em;
}
.infoDadosTitle{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
	width: 100%;
	margin-top: 6px
}
.infoButtons{
    display: none;
}
.infoDados:hover > .infoButtons{
    /*display: contents;  */
}
.infoDados:hover > .infoDadosTitle{
    flex-direction: column;
    margin-bottom: 3px;
}
.infoDados:hover{
    top: -17px;
}
.infoDados:hover > .infoDadosTitle > .infoNum{
    font-size: 14pt;
}
.infoDados:hover > .infoDadosTitle > .infoText{

	font-size: 8pt;
	    margin-left: 3px;
}
.buttonMiniCards{
    width: 100%;
    background: transparent;
    border: none;
    cursor: pointer;
    border-top: 2px solid white;
    padding: 6px;
    font-size: 8.4pt;
    color: #828296;
    text-align: left;
}
.buttonMiniCards i{
    margin-right: 3px;
    width: 12px;
    text-align: center;
}
.buttonMiniCards:hover{
    background-color: #e9e9f3;
}
.listButtons{
    text-align: center;
}
#dashboard .btnFirstList{
    padding: 6px 10px 6px 10px;
    border: none;
    cursor: pointer;
	font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 1.3em;
}
.btnFirstList i{
    margin-right: 3px;
}

.cardsVagas > .headerCard > .statusCard{
    color: #0b4dce;
}
.cardsVagas > .headerCard > .statusCard{
    color: #0b4dce;
	width: 100%;
	min-height:26px;
}
.cardsVagas > .headerCard > .statusCard > span{    
    content: "Cadastro incompleto";
}
.cardsVagas > .headerCard > .statusCard > samp{
    margin: 0px 0px 0px 6px;
    font-size: 12px;
}
.cardsVagas > .headerCard > .statusCard > samp > .headerCard i{
    margin: 0px 0px 0px 6px;
}
.cardsVagas > .listButtons a{    
    color: #FFFFFF;
	background-color: #0b4dce;
}
.buttonCard{
    border: none;
    background: transparent;
    color: #3c3b5b;
}

.header-filter-content-open {
	width: 100% !important;
    display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
}
@media screen and (max-width: 757px){
    .container{
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 50px auto minmax(315px, auto);

        grid-template-areas: "at"
                             "hf"
                             "m";
        
    }
    .asiderTitle h2{
        font-size: 4.4rem;
    }
}
@media screen and (max-width: 757px){
    .headerFilter div{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .headerFilter > div > button,input,select{
        margin: 7px 0 7px 1.2rem;
	}
	
}
[data-state="Good"] {
	--duration: 400ms;
	--delay: 220ms;
	--color: #e7eef8;
	--darker-color: #6690d6;
	--faded-color: rgba(152, 182, 225, 0.5);
  }
[data-state="Good"] .dummy {
	-webkit-animation-delay: calc( var(--col-index) * (var(--delay)) + var(--row-index) * (var(--delay) / 2) );
			animation-delay: calc( var(--col-index) * (var(--delay)) + var(--row-index) * (var(--delay) / 2) );
  }
  .dummy {
	-webkit-animation: enter 0.4s cubic-bezier(0.5, 0, 0.5, 1) backwards;
			animation: enter 0.4s cubic-bezier(0.5, 0, 0.5, 1) backwards;
  }
  @-webkit-keyframes enter {
	from {
	  opacity: 0;
	  -webkit-transform: translateY(2rem) scale(0.6);
			  transform: translateY(2rem) scale(0.6);
	}
  }
  @keyframes enter {
	from {
	  opacity: 0;
	  -webkit-transform: translateY(2rem) scale(0.6);
			  transform: translateY(2rem) scale(0.6);
	}
  }

@-webkit-keyframes ghost {
	from,
	  to {
	  -webkit-transform: translateX(-25%) scale(2) skewX(-30deg);
			  transform: translateX(-25%) scale(2) skewX(-30deg);
	}
	50% {
	  -webkit-transform: translateX(25%) scale(2.2) skewX(30deg);
			  transform: translateX(25%) scale(2.2) skewX(30deg);
	}
  }
  @keyframes ghost {
	from,
	  to {
	  -webkit-transform: translateX(-25%) scale(2) skewX(-30deg);
			  transform: translateX(-25%) scale(2) skewX(-30deg);
	}
	50% {
	  -webkit-transform: translateX(25%) scale(2.2) skewX(30deg);
			  transform: translateX(25%) scale(2.2) skewX(30deg);
	}
  }
  
.preload {
	border-radius: 5px;
    border: 0px;
	background: rgb(231, 229, 247);
	animation: anima 1.5s ease infinite;

}
.Primeiropreload{
	position: relative;
    float: left;
    display: block;
    padding: 5% 0px 10% 0px;
    text-align: center;
    width: 100%;
}
@keyframes anima {
    to {
        opacity: 0;
	}
	from {
        opacity: 1;

	}
}
#errovagas{
	position: relative;
    float: left;
    display: block;
    padding: 10px;
    margin: 5% 0px 0px 10%;
    width: 80%;
	border: 1px solid #920707;
	padding: 60px 0;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #666 2px 2px 3px;
	-moz-box-shadow: #666 2px 2px 3px;
	box-shadow: #666 2px 2px 3px;
	background: #FDEDED;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FDEDED), to(#EFD1C8));
	background: -webkit-linear-gradient(#FDEDED, #EFD1C8);
	background: -moz-linear-gradient(#FDEDED, #EFD1C8);
	background: -ms-linear-gradient(#FDEDED, #EFD1C8);
	background: -o-linear-gradient(#FDEDED, #EFD1C8);
	background: linear-gradient(#FDEDED, #EFD1C8);
	-pie-background: linear-gradient(#FDEDED, #EFD1C8);
}
#errovagas h2{
	text-align: center;
	width: 100%;
	color: rgb(146, 7, 7);
}
.listaVaga .tituloCard input[type="checkbox"]{
	width: 16px;
    height: 16px;
    margin: -2px 4px 0px 0px;
    vertical-align: middle;
    border: 1px solid #eeeeee;
}
/* #endregion */

/* #region Cadastro de nova vaga*/
#novavaga{
	min-height: 360px;
}
#novavaga h1{
	position: relative;
    float: left;
	display: block;
	margin: 5px 20% 25px 20%;
	padding: 0px;
	font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 50px;
	color:#43425D;
	text-transform:inherit;
	text-align: left;
	width: calc(100% - 40%);
}
#novavaga .texto{
	position: relative;
    float: left;
	display: block;
	margin: 5px 20% 15px 20%;
	padding: 0px;
	width: calc(100% - 40%);
}
#novavaga .texto p{
	position: relative;
    float: left;
	display: block;
	margin: 5px 0px 25px 0px;
	padding: 0px;
	text-align: left;
	font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 18px;
	font-weight: normal;
	color: #4D4F5C;
	line-height:28px;
}
#novavagarodape a{
	position: relative;
    float: left;
    display: block;
    width: 200px;
    height: auto;
    margin: 10px 0px 10px calc((100% - 200px) / 2);
    padding: 15px 0px;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 18px;
	border: 1px solid #43425D;
	background-color:#43425D;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
/* #endregion */

/* #region Termos e condições*/
#termos_e_condicoes{
	min-height: 400px;
}
#termos_e_condicoes .texto{
	position: relative;
    float: left;
	display: block;
	margin: 5px 20% 15px 20%;
	padding: 0px;
	width: calc(100% - 40%);
}
#termos_e_condicoes .texto h2{
	position: relative;
    float: left;
	display: block;
	margin: 40px 0px 30px;
	padding: 0px;
	font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 28px;
	color:#43425D;
	text-align: left;
	width: 100%;
}
#termos_e_condicoes .texto p{
	position: relative;
    float: left;
	display: block;
	margin: 5px 0px 25px 0px;
	padding: 0px;
	text-align: justify;
	font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 18px;
	font-weight: 400;
	color: #4D4F5C;
}
#termos_e_condicoes .texto p b{font-weight: 700;}
#termos_e_condicoes .texto ul{
	position: relative;
    float: left;
	display: block;
	margin: 5px 0px 25px 0px;
	padding: 0px;
	width: 100%;
}
#termos_e_condicoes .texto ul li{
	position: relative;
    float: left;
    display: flex;
    justify-content: flex-start;
    margin: 5px 0px 25px 0px;
    padding: 0px;
    width: 100%;
}
#termos_e_condicoes .texto ul li i{
	position: relative;
    float: left;
    display: block;
    margin: -2px 12px 0px 0px;
    font-size: 24px;
    color: #3CCB83;
}
#termos_e_condicoes .texto ul li span{
	position: relative;
    float: left;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: justify;
	font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 18px;
	font-weight: normal;
	color: #4D4F5C;
    vertical-align: middle;
	line-height: 24px;	
    width: calc(100% - 34px);
}
#termos_e_condicoes .texto ul li input[type="checkbox"]{
	all: unset;
	position: relative;
    float: left;
    display: block;
	width: 22px;
	height: 22px;
    margin: 0px 10px 0px 0px;
	padding: 0;
	background-color: #fff;
	border: 2px solid #C3DAFF;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-size: 20px;
	text-align: center;
}
#termos_e_condicoes .texto ul li input[type="checkbox"]:checked{	
	border: 2px solid #3CCB83;
	background-color: #3CCB83;
	color: #FFF;
}
#termos_e_condicoes .texto ul li input[type="checkbox"]:checked::after{
	content: "\2713";
}
#termos_e_condicoes .texto ul li input[type="checkbox"] + span{font-size: 18px;}
#termos_e_condicoesrodape a{
	position: relative;
    float: left;
    display: block;
    width: 360px;
    height: auto;
    margin: 10px 0px 10px calc((100% - 360px) / 2);
    padding: 15px 0px;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 18px;
	border: 1px solid #43425D;
	background-color:#43425D;
	
}
/* #endregion */

/* #region dados do formulario*/
.cardconteudo{
	background-color: white;
    padding: 20px 20px 0px 20px;
    margin: 10px 10px 0px;
    position: relative;
    float: left;
	display: block;
	width: calc(100% - 20px);
}
#dadosform{
	position: relative;
    float: left;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 100%;
	min-height: 400px;
}
#dadosform .texto{
	position: relative;
    float: left;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#dadosform .cubo.ES{float: right;}
#dadosform .cubo{
	position: relative;
    float: left;
	display: block;
	margin: 0px;
	padding: 0px;
	width: calc((100% - 20px) / 2);
}
#dadosform .cubo > img{
	position: relative;
    float: right;
    display: block;
    margin: 50px 0px;
    padding: 0px;
    width: calc(50%);
}
#dadosform .cubo > h1{
	position: relative;
    float: left;
    display: block;
    margin: 20% 0px 0px 10px;
    padding: 0px;
    width: calc(90%);
    text-align: left;
    font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
    font-size: 40px;
    color: #116CDD;
}
#dadosform .cubo > p{
    margin: 20px 0px 0px 10px !important;
	width: calc(80%) !important;
	text-align: left;
}
#dadosform .texto h2{
	position: relative;
    float: left;
	display: block;
	margin: 0px 0px 30px;
	padding: 0px;
	font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 28px;
	color:#43425D;
	text-align: left;
	width: 100%;
}
#dadosform .texto p{
	position: relative;
    float: left;
	display: block;
	margin: 5px 0px 25px 0px;
	padding: 0px;
	text-align: justify;
	font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 18px;
	font-weight: 400;
	color: #4D4F5C;
}
#dadosform .texto p b{font-weight: 700;}
#dadosform .caixa{
	position: relative;
    float: left;
	display: inline-block;
	margin: 0px 2% 25px 0px;
	padding: 0px;
	width: calc(100% - 2%);
}
#dadosform .caixa.meio{ width: calc((100% - 4%) / 2);}
#dadosform .caixa.terco{ width: calc((100% - 6%) / 3);}
#dadosform .caixa.meio-20{ width: calc(20% - 2%);}
#dadosform .caixa.meio-40{ width: calc(40% - 1%);margin: 0px 1% 25px 0px;}
#dadosform .caixa.meio-40.ES{ width: calc(40% - 10px);margin: 0px 0px 25px 0px;}
#dadosform .caixa.full{ width: calc(100%);margin: 0px 0px 25px 0px;}
#dadosform .caixa.ES{margin: 0px 0px 25px 2%; float: right;}
#dadosform .caixa.QuebraLinha{float: float; clear: left;}
#dadosform .caixa input[type='text'], #dadosform .caixa input[type='password'], #dadosform .caixa textarea, #dadosform .caixa select{
	position: relative;
    float: left;
	display: block;
	margin: 5px 0px;
	padding:10px 8px;
	width: calc(100%);	
	font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 13px;
	border: 1px solid #AEAEBC !important;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
	-webkit-box-shadow: #d2d2d2 1px 1px 1px;
	-moz-box-shadow: #d2d2d2 1px 1px 1px;
	box-shadow: #d2d2d2 1px 1px 1px;
}
#dadosform .caixa.full strong{ font-weight: bold;}
#dadosform .caixa select{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../img/icon/icone_select.png);
    background-repeat: no-repeat;
    background-color: #FFFFFF;
	background-position: right center;
	padding: 9px 8px;
    line-height: 20px;
    min-width: auto;
}
#dadosform .caixa input[type='text']:focus, #dadosform .caixa select:focus, #dadosform .caixa select option:focus, #dadosform .caixa textarea:focus{outline:none !important;}
#dadosform .caixa select option{ font-size: 16px;}
#dadosform .caixa textarea{width: 100%; min-height: 230px;}
#dadosform .caixa input#titulodavaga{width: 70%; font-weight: bold; text-align: center; margin: 5px 15%;}
#dadosform .caixa label{
	position: relative;
    float: left;
    display: inline-block;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
    font-size: 18px;
    width: 100%;
}
#dadosform .caixa .caixabaixa{
	position: relative;
    float: left;
    display: inline-block;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    width: calc((100% / 2) - 10px);
}
#dadosform .caixa .caixabaixa.ES{float: right;}
#dadosform .caixa .caixabaixa span{
	position: relative;
    float: left;
	display: inline-block;
	margin: 5px 0px;
	padding:12px 8px;
	width: calc(40%);	
	font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 13px;
	border: 1px solid #AEAEBC;
	text-align: right;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	-webkit-box-shadow: #d2d2d2 0px 1px 1px;
	-moz-box-shadow: #d2d2d2 0px 1px 1px;
	box-shadow: #d2d2d2 0px 1px 1px;
	border-right: none;
}
#dadosform .caixa .caixabaixa  input[type='text']{
	position: relative;
    float: right;
	display: inline-block;
	margin: 5px 0px;
	padding:10px 8px;
	width: calc(60%);
	font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 13px;
	border: 1px solid #AEAEBC !important;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;	
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	-webkit-box-shadow: #d2d2d2 1px 1px 1px;
	-moz-box-shadow: #d2d2d2 1px 1px 1px;
	box-shadow: #d2d2d2 1px 1px 1px;
}

#dadosform .caixaicone{width: 100%; margin-right: 0px;padding: 0px 16%;}
.select2-container, .select2-container--focus {min-height: 36px !important; margin-top: 0px; outline: none !important;}
.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-selection--multiple {
    border: 1px solid #AEAEBC !important;
    outline: 0;
    padding: 0px 8px;
    min-height: 38px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    position: relative;
	float: left;
	width: 100% !important;
	-webkit-box-shadow: #d2d2d2 1px 1px 1px;
	-moz-box-shadow: #d2d2d2 1px 1px 1px;
	box-shadow: #d2d2d2 1px 1px 1px;
}
.select2-container--default .select2-selection--single{
	height: 36px;
    border: 1px solid #aaa;
    outline: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0 !important;
    padding: 0 5px !important;
	width: 100% !important;
	overflow: inherit;
}
.select2-container .select2-search--inline {margin: 2px 0px !important;}
.select2-container--default .select2-search--inline .select2-search__field {width: 100% !important;}
.select2-selection__choice {
	background-color: #F3F3F3 !important;
    border: 1px solid #F3F3F3 !important;
	-webkit-border-radius: 12px !important;
	-moz-border-radius: 12px !important;
	border-radius: 12px !important;
    cursor: default;
    float: left !important;
    margin: 4px 5px 4px 0px !important;
    color: #116CDD;
    padding: 4px 5px !important;
    width: auto !important;
	vertical-align: middle;	
    max-width: 100%;
}
.select2-selection__choice__remove {
    color: #0008fb !important;
    cursor: pointer;
    display: inline-block !important;
    font-weight: bold;
    padding: 0px !important;
    margin: 0px 5px !important;
    position: relative !important;
    float: right !important;
    width: auto !important;
    line-height: 16px !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: none !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height: 36px; top: 0px;}
#listaidempresa .select2-container{ margin-top: 6px; width: 100% !important; float: left;}
#listaidempresa{ margin: 0px 0px 50px 0px !important;}
#dadosform h4{
	position: relative;
    float: left;
    display: inline-block;
    margin: 0px 0px 25px 0px;
    padding: 0px;
    font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
    font-size: 18px;
    width: 100%;
}
#dadosform .caixa .info, #dadosform h4 .info{
	position: absolute;
    float: right;
    display: inline-block;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    font-size: 19px;
    color: #AEAEBC;
    width: 20px;
    height: 20px;
	right: 1%;
	top: 0px;
    text-align: center;
}
#dadosform h4 .info{
	position: relative;
    float: none;
    margin-left: 30px;
}
#dadosform .caixa .info span, #dadosform h4 .info span{
	position: absolute;
    float: left;
    display: none;
    margin: 0px 0px 0px 0px;
    padding: 8px;
    font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
    font-size: 14px;
    color: #000;
	width: 100%;
	text-align: center;
    background-color: #f0f0f7;
    border: 1px solid #CCCCCC;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    z-index: 1;
    width: 250px;
    left: calc(-250px / 2);
    top: 30px;
}
#dadosform .caixa .info span ins, #dadosform h4 .info span ins{
	position: absolute;
    float: left;
    display: block;
    margin: 0px;
    padding: 0px;
    z-index: 1;
    width: 20px;
    height: 20px;
    top: -20px;
    background-image: url(../img/icon/iconeseta.png);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center center;
    left: calc(250px / 2);
}
#dadosform .caixa .info:hover span, #dadosform h4 .info:hover span{
	display: block;
}
#dadosform .caixa .lista{
	position: relative;
    float: left;
    display: block;
    padding: 8px 0px;
    margin: 8px 0px;
	background-color: #FFFFFF;
    width: 100%;
}
#dadosform .caixa .lista .bola{
	position: relative;
    float: left;
    display: block;
    padding: 8px 8px;
    margin: 3px 4px;
    border: 1px solid #f1efef;
    background-color: #ffffff;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    width: auto;
}
#dadosform .caixa .lista span{
	position: relative;
    float: left;
    display: block;
    padding: 0px;
    margin: 0px;
    color: #333333;
    font-size: 16px;
}
#dadosform .caixa .lista span i{
	position: relative;
    float: left;
    display: block;
    padding: 0px;
    margin: 0px 6px 0px 0px;
    color: #e30606;
}
#dadosform .caixa .excluir span{color: #c60909;}
#dadosform .caixa .lista a.btn-close{
	position: relative;
    float: left;
    display: block;
    padding: 0px;
	margin: 0px 2px 0px 10px;
	color: #648eed;
	font-size: 16px;
}
#dadosform .caixa .excluir a.btn-close{ color: #780101; }
#dadosform .caixa input.add{
	width: 80%;
}
#dadosform .caixa .excluir .bola{
    padding: 8px 8px;
    margin: 3px 4px;	
    border: 1px solid rgb(255 101 101 / 0.1);
    background-color: rgb(255 101 101 / 0.1);
}
#dadosform .caixa button.add, #dadosform .caixa button.add:focus{
	position: relative;
    float: left;
    display: block;    
    margin: 8px 0px 0px 15px;
    padding: 8px 15px;
    text-align: center;
    font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
    font-size: 15px;
    border: 1px solid #3CCB83;
    outline: none !important;
    background-color: #3CCB83;
    color: #FFF;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
#dadosform .caixa a.quadro{
	position: relative;
    float: left;
    display: block;
    padding: 10px;
    margin: 0px 20px 15px;
	width: calc((100% / 3) - 40px);
}
#dadosform .caixa a.quadro img{
	position: relative;
    float: left;
    display: block;
    padding: 0px;
    margin: 0px;
	border: 1px solid #ccc;
	width: 100%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: rgb(102 102 102 / 0.6) 0px 3px 5px;
	-moz-box-shadow: rgb(102 102 102 / 0.6) 0px 3px 5px;
	box-shadow: rgb(102 102 102 / 0.6) 0px 3px 5px;
	background-color: #FFFFFF;
}
#dadosform .caixa a.quadro span{
	position: relative;
    float: left;
    display: block;
    padding: 15px 0px;
    margin: 0px;
    text-decoration: none;
    text-align: center;
    width: 100%;
    color: #000000;
    font-weight: 600;
    font-size: 18px;
    font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
}
#dadosform .caixa a.quadro:hover img, #dadosform .caixa a.ativo img{
	border: 2px solid #3CCB83;
	background-color: #F0F0F7;
}
#dadosform .caixa select#competencia{
	width: 60%;
}
#dadosform ul{
	position: relative;
    float: left;
    display: flex;
    flex-flow: wrap;
    margin: 0px 0px 15px 0px;
    padding: 0px;
    width: 100%;
}
#dadosform ul li{
	position: relative;
    float: left;
	display: inline-block;
    margin: 0px 0px 15px 0px;
    padding: 0px;
    width: 100%;
}
#dadosform ul li.meio{
    width: 50%;
}
#dadosform ul li.terco{
    width: 33.33%;
}
#dadosform ul li.umquarto{
    width: 25%;
}
#dadosform ul li.umquinto{
    width: 20%;
}
#dadosform ul li input[type='radio']{
	all: unset;
	position: relative;
    float: left;
    display: block;
	width: 22px;
	height: 22px;
    margin: 5px 10px 0px 0px;
	padding: 0;
	background-color: #fff;
	border: 2px solid #C3DAFF;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	text-align: center;
	font-size: 20px;
	font-weight:bold;
}
#dadosform ul li  input[type='radio']:checked{
	border: 2px solid #3CCB83;
	background-color: #3CCB83;
	color: #FFF;
}
.remoto{
	position: relative;
    float: left;
    display: inline-block;
    padding: 0px;
    margin: 0px 0px 0px 20px;
}
.remoto samp{
	font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
    font-size: 18px;
    vertical-align: bottom;
    line-height: 24px;
}
#dadosform ul li  input[type='radio']:checked::after, #contenerareas .box input[type='radio']:checked::after{
	/*content: "\2022";*/
	content: "\2713";
}
#dadosform ul li  input[type='checkbox'], #contenerareas .box input[type='checkbox'], .remoto input[type='checkbox']{
	all: unset;
	position: relative;
    float: left;
    display: block;
	width: 17px;
	height: 17px;
    margin: 0px 5px 0px 0px;
	padding: 0;
	background-color: #fff;
	border: 2px solid #C3DAFF;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color: #000;
	text-align: center;
	font-size: 16px;
}
#dadosform ul li  input[type='checkbox']:checked, #contenerareas .box input[type='checkbox']:checked, .remoto input[type='checkbox']:checked{
	border: 2px solid #3CCB83;
	background-color: #3CCB83;
	color: #FFF;
}
#dadosform ul li  input[type='checkbox']:checked::after, #contenerareas .box input[type='checkbox']:checked::after, .remoto input[type='checkbox']:checked::after{
	content: "\2713";
}
.remoto input[type='checkbox']{margin: 0px 10px 0px 0px;}
#dadosform .excluir ul li  input[type='checkbox']:checked, #contenerareas.excluir .box input[type='checkbox']:checked{
	border: 2px solid #FF6565;
    background-color: #FF6565;
    color: #FFF;
    font-size: 20px;
    vertical-align: middle;
    line-height: 23px;
}
#dadosform .excluir ul li  input[type='checkbox']:checked::after, #contenerareas.excluir .box input[type='checkbox']:checked::after{
	content: "\2716";
}
#dadosform ul li span{
	position: relative;
    float: right;
    display: block;
    margin: 0px 10px 0px 0px;
    padding: 0px;
	width: calc(100% - 50px);
	color: #43425D;
    font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 15px;
	line-height: 25px;
}

#dadosform ul li span.preco{	
    padding: 5px 0px 0px 0px;
	font-size: 18px;
}
#dadosform ul li span.preco i{	
    padding: 0px 8px;
	font-size: 14px;
}
#dadosform ul li span b{font-weight: bold;}

#dadosform ol{
	position: relative;
    float: left;
    display: block;
    margin: 0px 0px 8px 0px;
    padding: 0px;
    width: 100%;
}
#dadosform ol li{
	position: relative;
    float: left;
    display: block;
    margin: 0px 0px 15px 0px;
    padding: 0px;
	width: 100%;
}
#dadosform ol li.titulo{
    width: 76%;
    padding-top: 8px;
	color: #43425D;
    font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
    font-size: 15px;
    line-height: 25px;
}
#dadosform ol li.sim{
    width: 10%;
}
#dadosform ol li.indiferente{
	float: right;
    width: 14%;
}
#dadosform ol li  input[type='radio']{
	all: unset;
	position: relative;
    float: left;
    display: block;
	width: 22px;
	height: 22px;
    margin: 0px 8px 0px 0px;
	padding: 0;
	background-color: #fff;
	border: 2px solid #C3DAFF;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	text-align: center;
    font-size: 20px;
    font-weight: bold;
}
#dadosform ol li  input[type='radio']:checked{
	border: 2px solid #3CCB83;
	background-color: #3CCB83;
	color: #FFF;
}
#dadosform ol li  input[type='radio']:checked::after{
	content: "\2713";
}
#dadosform ol li span{
	position: relative;
    float: left;
    display: inline-block;
    margin: 0px 0px 0px 0px;
    padding: 0px;
	width: calc( 100% - 24px - 20px - 10px);
	color: #43425D;
    font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 15px;
	line-height: 25px;
}
#dadosform .CarregarMais{
	position: relative;
    float: left;
    display: block;
    margin: 10px 0px 10px 0px;
    padding: 0px;
	width: calc( 100% );
}
#dadosform .CarregarMais #btn-CarregarMais,#dadosform .CarregarMais #btn-CarregarMais:focus{
	position: relative;
    float: left;
    display: block;
    margin: 0px 0px 0px 50%;
    padding: 8px 0px;
	width: calc( 200px );
	left: calc(-200px / 2);
	text-align: center;
    font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 15px;
	border: 1px solid #3CCB83;
	outline:none !important;
	background-color: #3CCB83;
	color: #FFF;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#areasetores{
	display:flex !important;
	flex-flow: wrap;
}
#contenerareas{
	position: relative;
    float: left;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px;
	width: 100%;
}
#contenerareas div[id^='caixasetor']{
	position: relative;
    float: left;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px;
	width: 100%;
}
#contenerareas .box{
	position: relative;
    float: left;
    display: block;
    width: 100%;
    margin: 0px 0px 15px;
    background-color: transparent;
    background-image: url('../img/sistema/linefundo.jpg');
    background-repeat: repeat-x;
    background-position: center right;
}
#contenerareas .box input{margin: 0px 0px !important;}
#contenerareas .box samp{	
	position: relative;
    float: left;
    display: block;
    width: auto;
    vertical-align: middle;
    line-height: 24px;
    padding: 0px 0px 0px 10px;
    background-color: #FFFFFF;
}
#contenerareas .box a{
	position: relative;
    float: left;
    display: block;
	width: 16px;
	height: 16px;
	padding: 15px 15px;
	margin: 0px;
	text-indent: -9999px;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
}
#contenerareas .box a.down{
	background-image: url("../img/sistema/small-down.png");
}
#contenerareas .box a.up{
	background-image: url("../img/sistema/small-up.png");
}

#contenerareas.lista .bola{
	width: calc((100% / 4) - 8px) !important;
}
#contenerareas.lista ul li span{
	width: calc(100% - 30px) !important;
}
#dadosformrodape{
	position: relative;
    float: left;
    display: block;
    margin: 0px 10px;
    padding: 20px;
    background-color: #ffffff;
    border: none;
    border-top: 1px solid #cccccc;
    width: calc(100% - 20px);
}
#dadosformrodape .area-btn{
	position: relative;
    float: left;
    display: block;
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px 0px;
}
#dadosformrodape .area-btn .btn-Voltar, #dadosformrodape .area-btn .btn-Avancar, #dadosformrodape .area-btn .btn-Cancelar, .btn-adicionar, .btn-AddColaborador{
	position: relative;
    float: left;
    display: block;
	width: auto;
	min-width: 185px;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 15px 25px;
    text-align: center;
    color: #4D4F5C;
    text-decoration: none;
    font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 18px;
	border: 1px solid #43425D;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#dadosformrodape .area-btn .btn-Avancar{float: right; background-color: #43425D; color: #FFF;}
#dadosformrodape .area-btn .btn-Cancelar{float: right; margin: 0px 0px 0px 20px;}
#dadosformrodape .area-btn .btn-Confirmar, #dadosformrodape .area-btn .btn-PDF{
	position: relative;
    float: right;
    display: block;
    width: auto;
    height: auto;
    margin: 0px 2% 0px 0px;
    padding: 15px 25px;
    text-align: center;
    color: #FFFFFF;
	text-decoration: none;
	background-color: #3CCB83;
    font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 18px;
	border: 1px solid #3CCB83;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#dadosformrodape .area-btn .btn-dashboard{
	position: relative;
    float: left;
    display: block;
    width: auto;
    height: auto;
    margin: 0px 0px 0px 2%;
    padding: 15px 25px;
    text-align: center;
    color: #4D4F5C;
	text-decoration: none;
	background-color: #ffffff;
    font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 18px;
	border: 1px solid #43425D;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#dadosformrodape .area-btn .btn-dashboard i{margin-left: 10px;}
#dadosformrodape .area-btn .btn-PDF{background-color: #fd7e14;border: 1px solid #fd7e14;}
.addcampanha{
	position: relative;
    float:left;
    display: block;
    height: auto;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px;
	width: calc(100% - 65px) !important;
}
#dadosform ul li.full{
	margin-bottom: 5px;
}

#dadosform ul#areatotal li span{
	width: calc( 100% - 50px);
}
#dadosform ul#areatotal li.negrito span{
	font-weight: 700; font-size: 16px;
	width: calc( 100% - 30px);
}
#dadosform ul#areatotal li.titulo span{
	width: calc( 100% - 30px);
}
#dadosform ul#areatotal li span ins{
	position: relative;
    float: left;
    display: inline-block;
    width: auto;
    text-decoration: none;
    color: #000000;
}
#dadosform ul#areatotal li span hr{
	position: relative;
    float: left;
    display: inline-block;
    width: auto;
    text-decoration: none;
    color: #000000;
    margin: 15px 6px 0px;
	border: none;
    border-bottom: 1px solid #000000;
}
#dadosform ul#areatotal li span b{
	color: #e10000;
}
#dadosform ul#areatotal li span i{
	position: relative;
    float: left;
    display: inline-block;
    width: auto;
    text-decoration: none;
	color: #070707;
}
#dadosform ul#areatotal li span u{
	position: relative;
    float: unset;
    display: inline-block;
    width: auto;
    text-decoration: none;
    color: #e10000;
    font-weight: 500;
    font-size: 14px;
}
.btn-adicionar{float: right; margin: 0px 0px 0px 20px;}
.btn-adicionar:hover{text-decoration: none;}
.btn-resetarSenha{
	position: relative;
    float: right;
    display: block;
	width: auto;
    height: auto;
    margin: 0px 20px 0px 0px;
    padding: 0px 0px;
    text-align: center;
    color: #0b4dce;
    text-decoration: none;
    font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 16px;
	border: none;
}
.btn-resetarSenha:hover{text-decoration: none;}
.btn-AddColaborador{float:left; margin: 0px 0px 0px 0px;background-color: #43425D; color: #FFF;}
.btn-AddColaborador i{float:right; margin: 0px 0px 0px 5px;}
.btn-AddColaborador:hover{text-decoration: none;}
ul.mb-40 li.meio input[type='radio']{margin-top: 0px !important;}
#btn-proup-lista{
	position: relative;
    float: left;
    display: block;
    margin: 8px 0px 0px 0px;
    padding: 8px 15px;
    text-align: center;
    font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
    font-size: 15px;
    border: 1px solid #3CCB83;
    outline: none !important;
    background-color: #3CCB83;
    color: #FFF;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.tabela_competecia{
position: relative;
float: left;
width: 70%;
margin: 10px 0px 20px 15%;
border: 1px solid #CCCCCC;

}
.tabela_competecia th{
	width: 10%;
	padding: 5px 0px;
	text-align: center;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	font-weight: bold;
	font-size: 16px;
}
.tabela_competecia th:nth-child(1){
	width: 30%;
}
/*.tabela_competecia th:nth-child(2){
	width: 30%;
}*/
.tabela_competecia td{
	padding: 5px 0px;
	text-align: center;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	vertical-align: middle;
}
.tabela_competecia td input[type='radio'] {
    all: unset;
    position: relative;
    float: left;
    display: block;
    width: 22px;
    height: 22px;
    margin: 5px 10px 0px calc(50% - 11px);
    padding: 0;
    background-color: #fff;
    border: 2px solid #C3DAFF;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}
.tabela_competecia td input[type='radio']:checked{
	border: 2px solid #3CCB83;
	background-color: #3CCB83;
	color: #FFF;
}
.tabela_competecia td input[type='radio']:checked::after{
	content: "\2713";
}
.tabela_competecia td span{
	position: relative;
    float: left;
    display: block;
    width: 100%;
    text-align: center;
    padding-bottom: 6px;
    color: #000000;
    font-weight: 600;
    font-size: 16px;
}
.tabela_competecia td samp{
	position: relative;
    float: left;
    display: block;
    width: 100%;
	text-align: center;
    font-size: 15px;
}
#listaidempresa ul li.select2-selection__choice{
    padding: 4px 8px !important;
    color: #000000;
}
#listaidempresa ul li.select2-selection__choice span.select2-selection__choice__remove{
	font-weight: bold;
    font-size: 18px;
    color: #838e8e !important;
    margin: 0px 0px 0px 8px !important;
}
.select2-container--default .select2-results>.select2-results__options{max-height:160px; overflow-y: scroll;}
.div-empresa-mais{
	position: relative;
    float: left;
    display: block;
    width: 100%;
	padding: 0px;
	margin: 0px;
}
.btn-empresa-mais{
	position: relative;
    float: left;
    display: block;
    width: 200px;
    margin: 10px calc((100% / 2) - 100px) 20px;
    text-align: center;
}
/* #endregion */

/* #region Painel resumo*/
.painel{
	position: relative;
    float: left;
    display: block;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px;
    width: 100%;
    background-color: #FFFFFF;
}
.painel .topo{
	position: relative;
    float: left;
    display: block;
    margin: 0px;
    padding: 5px 0px;
	width: 100%;
	border: none;
	border-bottom: 1px solid #CACED5;
}
.painel .topo h2{
	position: relative;
    float: left;
    display: block;
    margin: 0px 0px 0px 25%;
    padding: 24px 0px 20px 0px;
	width: 50%;
	text-align: center;
	font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 22px;
	font-weight: 300;
	color: #43425D;
}
.painel .topo h2 b{font-weight: bold !important;}
.painel .topo a, .painel .topo a:hover, .painel .topo a:visited, .painel .topo a:focus{
	position: relative;
    float: right;
    display: inline-block;
    margin: 30px 20px 20px 0px;
    padding: 0px;
	width: auto;
	text-align: center;
	text-decoration: none;
	font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 16px;
	font-weight: 400;
	color:#828296;
}
.painel .topo a i{margin: 0px 0px 0px 8px;}
.painel .corpo{
	position: relative;
    float: left;
    display: block;
    margin: 0px;
    padding: 15px 0px 5px 0px;
	width: 100%;
}
.painel .corpo .resumo{
	position: relative;
    float: left;
    display: block;
    margin: 0px;
    padding: 0px 0px 20px 0px;
	width: 100%;
}
.painel .corpo .resumo .label{
	position: relative;
    float: left;
    display: block;
    margin: 0px 0px 0px 20%;
    padding: 0px;
	width: calc(50% - 20% - 20px);
	text-align: right;
	font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 18px;
    line-height: 25px;
	font-weight: 400;
	color:#828296;
	white-space: normal;
}
.painel .corpo .resumo .value{
	position: relative;
    float: right;
    display: block;
    margin: 0px 10% 0px 0px;
    padding: 0px;
	width: calc(50% - 10% - 20px);
	text-align: left;
	font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 18px;
    line-height: 25px;
	font-weight: 400;
	color:#2F2E50;
}
.painel .corpo ul{
	position: relative;
    float: left;
    display: flex;
    flex-flow: wrap;
    margin: 10px 0px 15px 10%;
    padding: 0px;
    width: 80%;
}
.painel .corpo ul li{
	position: relative;
    float: left;
    display: block;
    margin: 0px 0px 15px 0px;
	padding: 5px 5px 8px 5px;
	text-align: center;
    width: calc((100% / 4) - 10px);
	font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 15px;
	font-weight: 300;
}
#container .rodapeconteudo.resumo{
	background-color: #FFFFFF;
    padding: 40px 20px;
    margin: 0px;
    width: 100%;
}
/* #endregion */

/* #region Menu*/
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color:#0b4dce;
}
#side-menu{
	position: relative;
    float: left;
    display: inline-block;
    width: 40%;
    height: 66px;
    margin: 0 0 0 20px;
    padding: 0;
    border: 0;
    z-index: 1;
}
#side-menu li{width: auto; background-color: #0b4dce; margin: 0px 15px;}
#side-menu li a, #side-menu li:focus a {
    font-size: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 21px 10px;
    font-weight: 600;
}
#side-menu li.active > a, #side-menu li:hover > a {
	background: #0b4dce;
	color:#FEC72E;
}
#side-menu li.active > a{
    border-bottom: 4px solid #FEC72E;
}
#side-menu li a span b{
	position: absolute;
    float: left;
    display: block;
    font-size: 12px;
    right: 10px;
    bottom: 5px;
    color: lime;
}
.title-breadcrumb ul.submenu{
	position: absolute;
    float: left;
    display: none;
    width: 250px;
    margin: 0px;
    padding: 0;
    border: 0;
    z-index: 1;
	top: 60px;
}
.title-breadcrumb .nav > li:hover > ul.submenu {
    display: block;
}
.title-breadcrumb .nav > li > ul.submenu li{
	position: relative;
	float: left;
	display: block;
    width: 100% !important;
	background-color: #0b4dce;
	margin: 0px 0px !important;
	padding: 0px 8px;
}
.title-breadcrumb .nav > li > ul.submenu li a, .title-breadcrumb .nav > li > ul.submenu li:focus a {
	position: relative;
	float: left;
	display: block;
    width: 100% !important;
    font-family: "Open Sans";
    font-size: 16px !important;
    text-transform: none !important;
    color: #FFFFFF;
    padding: 8px 0px !important;
    font-weight: 500 !important;
	border: 0 !important;
}
.title-breadcrumb .nav > li > ul.submenu li a:hover, .title-breadcrumb .nav > li > ul.submenu li a.active{
	color:#FEC72E;
	text-decoration: none;
	border: 0 !important;
}
#topmenumobile, #side-menu-mobile{display: none;}
/* #endregion */

/* #region Modal Cadastro*/
#modalcadastro {
	position: absolute;
	display: none;
	float: left;
	margin: 0px;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(67, 66, 93, 0.8);
	border: none;
	z-index: 9999;
}
#modalcadastro .tela {
	position: relative;
	display: block;
	float: left;
	margin: 2% 0px 0px 10%;
	padding: 0;
	width: 80%;
	height: auto;
	background-color: #FFF;
	border: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#modalcadastro .tela a.close {
	position: absolute;
	display: block;
	float: left;
	margin: 0px;
	padding: 0;
	width: 30px;
	height: 30px;
	background-color: transparent;
	background-image: url("../img/sistema/btn-close.png");
	background-position: center center;
	background-repeat: no-repeat;
	border: none;
	right: 5px;
	text-indent: -99999px;
}
#modalcadastro .tela h3 {
	position: relative;
	display: block;
	float: left;
	margin: 30px 5% 40px 5%;
	padding: 0;
	width: 90%;
	color: #43425D;
	font-family: "Open Sans";
	font-size: 28px;
	text-align: center;
	font-weight: 100;
}
#modalcadastro .tela .caixa-btn {
	position: relative;
    display: block;
    float: left;
    margin: 0px 0px;
    padding: 20px 0px;
    width: 100%;
    background-color: #f7f7f9;
}
#modalcadastro .tela .caixa-btn a {
	position: relative;
    float: left;
    display: block;
    width: 250px;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 15px 0px;
    text-align: center;
    color: #4D4F5C;
    text-decoration: none;
    font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
    font-size: 18px;
    border: 1px solid #43425D;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
#modalcadastro .tela .caixa-btn a#btn-add-empresa {
	float: right;
	margin: 0px calc(50% - 255px) 0px 0px;
	background-color: #43425D;
	color: #FFFFFF;
}
#modalcadastro .tela .caixa-btn a#btn-add-close {
	float: left;
    margin: 0px 0px 0px calc(50% - 255px);
}
#modalcadastro .tela .caixa-btn a.ativo {
	background-color: #F0F0F7;
}
#modalcadastro .tela .box-frm {
	position: relative;
	display: block;
	float: left;
	margin: 0px;
	padding: 0;
	width: 100%;
	background-color: #ffffff;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}
#modalcadastro .tela .box-frm .box-empresa {
	position: relative;
	display: block;
	float: left;
	margin: 0px;
	padding: 20px 0px;
	width: 100%;
}
#modalcadastro .tela .box-frm .box-empresa .filtro{
	position: relative;
	display: block;
	float: left;
	margin: 0px 10%;
	padding: 20px 0px;
	width: 80%;
}
#modalcadastro .tela .box-frm .box-empresa .filtro input{
	position: relative;
    float: left;
	display: inline-block;
	margin: 0px 0px;
	padding:10px 8px;
	width: calc(70%);	
	font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 16px;
	color: #000;
	border: 1px solid #AEAEBC !important;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
	-webkit-box-shadow: #d2d2d2 1px 1px 1px;
	-moz-box-shadow: #d2d2d2 1px 1px 1px;
	box-shadow: #d2d2d2 1px 1px 1px;
}
#modalcadastro .tela .box-frm .box-empresa .filtro button{
	position: relative;
    display: block;
    float: right;
    margin: 0px 0px;
    padding: 10px 8px;
    width: calc(20%);
    color: #FFFFFF;
    background-color: #3ccb83;
    border: 1px solid #3ccb83;
    font-family: "Open Sans";
    font-size: 18px;
    text-align: center;
    font-weight: 100;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    outline: none;
}
#modalcadastro .tela .box-frm .box-empresa .filtro button i{
    margin-right: 5px;
}
#modalcadastro .tela .box-frm .box-empresa label {
	position: relative;
	display: block;
	float: left;
	margin: 8px 10% 6px 10%;
	padding: 0;
	width: 80%;
	color: #43425D;
	font-family: "Open Sans";
	font-size: 16px;
	text-align: left;
	font-weight: 100;
}
#modalcadastro .tela .box-frm .box-empresa input {
	position: relative;
	display: block;
	float: left;
	margin: 0px 10% 10px 10%;
	padding: 12px 8px;
	width: 80%;
	color: #AEAEBC;
	font-family: "Open Sans";
	font-size: 16px;
	font-weight: 100;
	font-style: italic;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #AEAEBC;
}
#modalcadastro .tela .box-frm .box-empresa button {
	position: relative;
	display: block;
	float: left;
	margin: 15px 32%;
	padding: 12px 0px;
	width: calc(100% - (32% * 2));
	color: #43425D;
	background-color: #FEC72E;
	font-family: "Open Sans";
	font-size: 22px;
	text-align: center;
	font-weight: 100;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#modalcadastro .tela .box-frm .box-candidato {
	position: relative;
	display: block;
	float: left;
	margin: 0px;
	padding: 0px 20px;
	width: 100%;
}
#modalcadastro .tela .box-frm .box-candidato h3 {
	position: relative;
	display: block;
	float: left;
	margin: 140px 20% 10px 20%;
	padding: 0;
	width: 60%;
	color: #43425D;
	font-family: "Open Sans bold";
	font-size: 28px;
	text-align: center;
}
#modalcadastro .tela .box-frm .box-candidato button {
	position: relative;
	display: block;
	float: left;
	margin: 15px 32% 100px 32%;
	padding: 12px 0px;
	width: calc(100% - (32% * 2));
	color: #43425D;
	background-color: #FEC72E;
	font-family: "Open Sans";
	font-size: 22px;
	text-align: center;
	font-weight: 100;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#modalcadastro .tela #contenerareas ul{
	position: relative;
    float: left;
    display: block;
	width: 100%;
	height: auto;
    margin: 0px 25px;
	padding: 0;
}
#modalcadastro .tela #contenerareas ul li{
	position: relative;
    float: left;
	display: inline-block;
    margin: 0px 0px 15px 0px;
    padding: 0px;
    width: calc(100% / 3);
}
#modalcadastro .tela #contenerareas ul li span {
    position: relative;
    float: left;
    display: block;
    width: auto;
    vertical-align: middle;
    line-height: 24px;
    padding: 0px 0px 0px 10px;
    background-color: transparent;
	max-width: 98%;
}
#modalcadastro .tela #contenerareas .bola input[type='checkbox']{
	all: unset;
	position: relative;
    float: left;
    display: block;
	width: 22px;
	height: 22px;
    margin: 0px 10px 0px 0px;
	padding: 0;
	background-color: #fff;
	border: 2px solid #C3DAFF;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color: #000;
	text-align: center;
	font-size: 20px;
}
#modalcadastro .tela #contenerareas .bola input[type='checkbox']:checked{
	border: 2px solid #3CCB83;
	background-color: #3CCB83;
	color: #FFF;
}
#modalcadastro .tela #contenerareas .bola input[type='checkbox']:checked::after{
	content: "\2713";
}
#modalcadastro .tela #contenerareas.excluir .bola input[type='checkbox']:checked{
	border: 2px solid #FF6565;
    background-color: #FF6565;
    color: #FFF;
    font-size: 20px;
    vertical-align: middle;
    line-height: 23px;
}
#modalcadastro .tela #contenerareas.excluir .bola input[type='checkbox']:checked::after{
	content: "\2716";
}
#modalcadastro .tela #contenerareas ul.down{
	display: flex;
    flex-wrap: wrap;
}
#modalcadastro .tela #contenerareas ul.up{
	display: none;
}
#modalcadastro .tela #contenerareas .ocultar{display: none;}
.xui-autocomplete{
	position: absolute;
    display: block;
    padding: 0;
    margin: 0;
    outline: none;
    background-color: #f0f0f7;
    border: 1px solid #ddd;
    background: #eee;
    list-style: none;
    cursor: default;
    z-index: 100;
    list-style: none;
}
.xui-autocomplete .xui-menu-item{ font-size: 14px; background-color: #f0f0f7;font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';}
.xui-autocomplete .xui-menu-item a{
	position: relative;
	float: left;
	display: block;
	padding: 2px 0px 2px 8px;
	margin: 0px;
    font-size: 1.1em;
	text-decoration: none;
	color: #000;
	font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	width: 100%;

}
.xui-autocomplete .xui-menu-item a:hover{
	position: relative;
	float: left;
	display: block;
	text-decoration: none;
	background-color: #0b4dce;
	color: #FFF;
	font-size: 14px; 
	font-weight:500;
}
/* #endregion */
/* #region Modal Cadastro EMAIL*/
.cadastromail{
	position: relative;
	float: left;
	display: block;
	text-decoration: none;
	background-color: #012D43;
	color: #FFF;
	width: 100%;
	margin: 20px 0px 0px 0px;
}
.cadastromail h1{
	position: relative;
    display: block;
    float: left;
    margin: 0px;
    padding: 45px 0px 0px;
    width: 100%;
    font-size: 32px;
    font-weight: 700;
    text-align: center;
}
.cadastromail h3{
	position: relative;
    display: block;
    float: left;
    margin: 0px;
    padding: 35px 0px 0px;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}
.cadastromail .criarConta{	
	position: relative;
    display: block;
    float: left;
    margin: 60px 0px 0px 10%;
    padding: 3px 5px 3px 0px;
    width: 80%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #89CEF3;
}
.cadastromail .criarConta input{
	position: relative;
    display: inline-block;
    float: left;
    border: none;
	font-size: 18px;
    margin: 0px 0px 0px 8px;
    padding: 5px 8px;
    width: 80%;
    background-color: #012d43;
    color: white;
}
.cadastromail .criarConta input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: white;
}
.cadastromail .criarConta input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: white;
    opacity: 1;
}
.cadastromail .criarConta input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: white;
    opacity: 1;
}
.cadastromail .criarConta input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: white;
}
.cadastromail .criarConta a{
	position: relative;
    display: inline;
    float: right;
    color: #012D43;
    width: auto;
    text-decoration: none;
    padding: 0px;
    margin: 8px 8px 8px 0px;
    font-size: 16px;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.cadastromail .criarConta a > i{
	position: relative;
    display: none;
    float: left;
    padding: 0px;
    margin: 0px 3px 0px 0px;
    color: red;
    animation: lds-dual-ring 1.2s linear infinite;
}
.cadastromail p.info{
	position: relative;
    display: block;
    float: left;
    margin: 0px;
    padding: 55px 0px 40px;
    width: 100%;
    text-align: center;
    color: #BBD5E6;
    font-size: 14px;
}
.cadastromail p.info a, .cadastromail p.info a:hover, .cadastromail p.info a:visited{
	color: #008FD6;
    font-size: 15px;
    text-decoration: none;
    font-weight: 700;
}
/* #endregion */
/* #region Modal Contrato*/
#modalcontrato {
	position: absolute;
	display: none;
	float: left;
	margin: 0px;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(67, 66, 93, 0.8);
	border: none;
	z-index: 9999;
}
#modalcontrato .tela {
	position: relative;
	display: block;
	float: left;
	margin: 2% 0px 0px 10%;
	padding: 0;
	width: 80%;
	height: auto;
	background-color: #FFF;
	border: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#modalcontrato .tela a.close {
	position: absolute;
	display: block;
	float: left;
	margin: 0px;
	padding: 0;
	width: 30px;
	height: 30px;
	background-color: transparent;
	background-image: url("../img/sistema/btn-close.png");
	background-position: center center;
	background-repeat: no-repeat;
	border: none;
	right: 5px;
	text-indent: -99999px;
}
#modalcontrato .tela h3 {
	position: relative;
	display: block;
	float: left;
	margin: 30px 5% 20px 5%;
	padding: 0;
	width: 90%;
	color: #2F2E50;
	font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 28px;
	text-align: left;
	font-weight: 400;
}
#modalcontrato .tela .caixa-btn {
	position: relative;
    display: block;
    float: left;
    margin: 0px 0px;
    padding: 20px 0px;
    width: 100%;
    background-color: #ffffff;
}
#modalcontrato .tela .caixa-btn a {
	position: relative;
    float: left;
    display: block;
    width: 250px;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 15px 0px;
    text-align: center;
    color: #4D4F5C;
    text-decoration: none;
    font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
    font-size: 18px;
    border: 1px solid #43425D;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
#modalcontrato .tela .caixa-btn a#btn-add-close {
	float: left;
    margin: 0px 0px 0px calc((100% - 255px) / 2);
    background-color: #43425D;
    color: #FFFFFF;
}
#modalcontrato .tela .caixa-btn a#btn-add-close-left {
	float: left;
    margin: 0px 0px 0px 10px;
    background-color: #43425D;
    color: #FFFFFF;
    padding: 15px 20px;
    width: auto;
}
#modalcontrato .tela .caixa-btn a#btn-Acheitar_Condicoes {
	float: right;
    margin: 0px 10px 0px 0px;
    background-color: #43425D;
    color: #FFFFFF;
    padding: 15px 20px;
    width: auto;
}
#modalcontrato .tela .caixa-btn a.ativo {
	background-color: #F0F0F7;
}
#modalcontrato .tela .box-frm {
	position: relative;
	display: block;
	float: left;
	margin: 0px;
	padding: 0;
	width: 100%;
	background-color: #ffffff;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}
#modalcontrato .tela .box-frm .box-empresa {
	position: relative;
    display: block;
    float: left;
    margin: 0px;
    padding: 0px 0px;
    width: 100%;
}
#modalcontrato .tela .box-frm .box-empresa .filtro{
	position: relative;
	display: block;
	float: left;
	margin: 0px 5%;
	padding: 0px 0px;
	width: 90%;
}
#modalcontrato .tela .box-frm .box-empresa .filtro p {
	position: relative;
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
	color: #43425D;
	font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
    font-size: 18px;
	text-align: justify;
	font-weight: 400;
}
#modalcontrato .tela .box-frm .box-candidato {
	position: relative;
    display: block;
    float: left;
    margin: 15px 0px 0px;
    padding: 0px 10px;
    width: 100%;
}
#modalcontrato .tela .box-frm .box-candidato #contenercontrato{
	position: relative;
	display: block;
	float: left;
	margin: 0px;
	padding: 0;
	width: 100%;
	background-color: #CACED5;
}
#modalcontrato .tela .box-frm .box-candidato iframe {
	position: relative;
    display: block;
    float: left;
    margin: 0px 5% 0px 5%;
    padding: 0;
    width: 90%;
    color: #43425D;
    min-height: 550px;
}
.btn{
	padding: 3px 8px;
}
.btn i{
	padding: 0px;
    background-color: transparent;
    border: none;
    float: left;
    margin: 0px 8px 0px 0px;	
}
.pageloader{
	position: relative;
    float: left;
    width: 100%;
    margin: 0px;
    padding: 15px 0px;
    text-align: center;
}
.pageloader i{
	color: rgb(10, 170, 37);
	font-size: 42px;
}
/* #endregion */

/* #region Estrutura do container */
.container{
    width: 100vw;
    height: 100%;
    display: block;
}
.telaestrutura{
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-template-rows: auto;

    grid-template-areas: "termosCondicoes textoAjuda";

    width: 100%;
    margin: 30px 0 30px;
}
.Umacoluna{
    display: grid;
    grid-template-columns:1fr;
    grid-template-rows: auto;
    grid-template-areas: "termosCondicoes";
    width: 100%;
    margin: 30px 0 30px;
}
.container .telaestrutura div h2{
    display: block;
    margin: 5px 0 25px 0;
    padding: 0px;
    font-size: 22px;
    font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
    color: #43425D;
    text-transform: inherit;
	text-align: left;
	font-weight: bold;
}
.container .telaestrutura div p{
    text-align: left;
    font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
    font-size: 15px;
    margin: 5px 0px 25px 0px;
    font-weight: normal;
    color: #4D4F5C;
    line-height: 20px;
}
.container .telaestrutura div p b{font-weight: 700;}
.painelPrincipal{
    grid-area: termosCondicoes;
    display: block;

    height: fit-content;
}
.textoAjuda{
    grid-area: textoAjuda;
    height: fit-content;
}
.boasVindas{
    position: relative;
    float: left;
    display: block;
}
.termosCondicoes{
    position: relative;
    float: left;
	display: block;
	width: calc(100% - 20px);
}
.termosCondicoes .info{
    margin-bottom: 20px;
}
.termosCondicoes .info i{
    position: relative;
    float: left;
    display: block;
    margin: -2px 12px 0px 0px;
    font-size: 24px;
    color: #3CCB83;
}
.termosCondicoes .info span{
    margin: 0px 0px 0px 0px;
    padding: 0px;
    text-align: justify;
    font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
    font-size: 15px;
    font-weight: normal;
    color: #4D4F5C;
    vertical-align: middle;
    line-height: 20px;
}
.cardEstrutura{
    background-color: white;
    padding: 20px;
    margin: 10px;
    position: relative;
    float: left;
	display: block;
	width: calc(100% - 20px);
}
/* #endregion */

/* #region Checkbox Termos */
.termosAprovar .checkbox {
    width: 100%;
    position: relative;
    display: block;
}
.termosAprovar .checkbox input[type="checkbox"] {
    width: auto;
    opacity: 0.00000001;
    position: absolute;
    left: 0;
    margin-left: -20px;
}
.termosAprovar .checkbox label {
    position: relative;
}
.termosAprovar .checkbox label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 0.4rem 0.4rem 0.4rem 0;
    width: 24px;
    height: 24px;
    transition: transform 0.28s ease;
    border-radius: 3px;
    border: 2px solid #c3daff;    
}
.termosAprovar .checkbox label:after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    border-bottom: 2px solid white;
    border-left: 2px solid white;
    -webkit-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(0);
    transition: transform ease 0.25s;
    will-change: transform;
    position: absolute;
    top: 10px;
    left: 6px;
}
.termosAprovar .checkbox input[type="checkbox"]:checked ~ label::before {
    color: #7bbe72;
	background-color: #3ccb83;
	outline: none;
    border: 1px solid #3ccb83;
}
.termosAprovar .checkbox input[type="checkbox"]:checked ~ label::after {
    -webkit-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1);
}
.termosAprovar .checkbox label {
    min-height: 3rem;
    display: block;
    padding-left: 35px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
    vertical-align: sub;
}
.termosAprovar .checkbox label span {
    position: relative;
    top: 0.4rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: justify;
    font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
    font-size: 15px;
    font-weight: normal;
    color: #4D4F5C;
    vertical-align: middle;
    line-height: 20px;
}
.termosAprovar .checkbox input[type="checkbox"]:focus + label::before {
    outline: 0;
}
.termosrodape{
    position: relative;
    width: 100%;
    text-align: end;
    margin-top: 10%;
}
a.buttonTerm {
    padding: 10px 28px;
    border-radius: 4px;
    background-color: #43425d;
    color: #FFFFFF;
    box-shadow: none !important;
    text-align: center;
    font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	text-decoration: none;
	font-size: 16px;
}
/* #endregion */

/* #region vaga dashboard */
.listaCards{   
    position: relative;
    float: left;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: left;
}
.cardsQuest{
    background: #ffffff;
    width: calc((100% / 2) - 20px);
    min-height: 122px;
    cursor: pointer;

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
div.cardsQuest:hover{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: rgb(102 102 102 / 0.6) 0px 3px 5px;
	-moz-box-shadow: rgb(102 102 102 / 0.6) 0px 3px 5px;
	box-shadow: rgb(102 102 102 / 0.6) 0px 3px 5px;
}
.cardsQuest h2{
    margin: 0 !important;
    font-size: 18px;
    max-width: calc(100% - 90px);
}
.cardsQuest > div{
    text-align: center;
    text-align: -webkit-center;
}
.cardsQuest > div > img{
    display: block;
}
.cardsQuest span{
    font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
    color: white;
    font-size: 9px;
    border-radius: 10px;
    padding: 3px 20px;
    max-width: 70px;
}
.cardsQuest[name="iniciado"] div > span::before {
    content: "Iniciado";
}
.cardsQuest[name="nao_iniciado"] div > span::before {
    content: "Não Iniciado";
}
.cardsQuest[name="concluido"] div > span::before {
    content: "Concluido";
}
.cardsQuest[name="iniciado"] div > span {
    background-color: #fec72e;
}
.cardsQuest[name="nao_iniciado"] div > span {
    background-color: #a5a4bf;
    padding: 3px 11px !important;
}
.cardsQuest[name="concluido"] div > span {
    background-color: #3ccb83;
}
/* #endregion */
/* #region Selecionar empresas */
.selecEmpresa{
    position: relative;
    float: left;
	display: inline-block;
	padding: 0px;
	margin: 10px 30px 15px 0px;
	width: calc((100% / 2) - 30px);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.selecEmpresa img{	
    position: relative;
    float: left;
	display: block;
	padding: 0px;
	margin: 30px 0px 15px calc((100% - 80px) / 2);
	width: 80px;
}
.selecEmpresa h5{
    position: relative;
    float: left;
	display: block;
	padding: 0px;
	margin: 10px 0px;
	width: 100%;
	text-align: center;	
	font-family: 'Open Sans','Noto Sans KR';
	font-weight: 400;
	color: #43425D;
	font-size: 22px;
}
.selecEmpresa div{
    position: relative;
    float: left;
	display: block;
	padding: 0px;
	margin: 10px 20px;
	width: calc(100% - 40px);
	text-align: center;
	font-family: 'Open Sans','Noto Sans KR';
	font-weight: 400;
	color: #43425D;
	font-size: 16px;
    line-height: 24px;
}
.selecEmpresa a{
	position: relative;
    float: left;
    display: block;
    padding: 12px 10px;
    margin: 25px 0px 40px 20%;
    width: 60%;
    text-align: center;
    font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
    font-size: 16px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-weight: 600;
	background-color: #FFFFFF;
}
.selecEmpresa a:hover{text-decoration: none;}
#escolhaempresas{
	background-color: rgb(17 108 221 / 0.1);
}
#autoempresas{
	background-color: rgb(60 203 131 / 0.1);
	margin: 10px 0px 15px 30px;
}
#escolhaempresas a{
	width: 60%;
    margin-left: calc((100% - 60%) / 2);
    border: 1px solid #116CDD;
}
#autoempresas a{
	width: 40%;
	margin-left: calc((100% - 40%) / 2);
	border: 1px solid #3CCB83;
}
#escolhaempresas.ativo{
	outline: 2px solid #116CDD;
}
#autoempresas.ativo{
	outline: 2px solid #3CCB83;
}
#escolhaempresas.ativo a{
	border: 2px solid #116CDD;
	background-color: transparent;
	border: none;
    text-decoration: none;
}
#autoempresas.ativo a{
	border: 2px solid #3CCB83;
	background-color: transparent;
	border: none;
    text-decoration: none;
}
#EmpresaAuto{
	position: relative;
    float: left;
	display: inline-block;
	padding: 0px;
	margin: 10px 0px 50px 0px;
	width: 80%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: rgb(60 203 131 / 0.1);
	outline: 2px solid #3CCB83;
}
#EmpresaAuto img{	
    position: relative;
    float: left;
	display: inline-block;
	padding: 0px;
	margin: 5px 20px 5px 10px;
	width: 80px;
}
#EmpresaAuto div{
    position: relative;
    float: left;
    display: inline-block;
    padding: 0px;
    margin: 40px 0px;
    width: calc(100% - 180px);
    text-align: left;
    font-family: 'Open Sans','Noto Sans KR';
    font-weight: 400;
    color: #43425D;
    font-size: 16px;
}
.painel .corpo #EmpresaAuto{
	margin: 20px 0px 50px 10%;
}
.empresaSelectFlex{
	margin-bottom: 10px;
	display: flex;
	flex-direction: row;
}
.w-box-header, .w-box-content{
    position: relative;
    float: left;
    display: block;
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 7px 10px;
}
.w-box-header{
    background-color: #ef1515;
    color: #FFF;
}
.w-box-content{
    background-color: transparent;
}
.cnt_a{
	color: #000;
    font-size: xx-large;
    padding: 50px 0px;
}
/* #endregion */
/* #region pagina de adicionar creditos*/
.labelcredito {
    margin: 10px 0px 0px 0px !important;
    width: auto !important;
}
.inputcredito {
    margin: 0px 0px 5px 18px !important;
    width: 50% !important;
}
#showPassword{
	position: relative;
    float: left;
    font-size: 24px;
    color: #0b4dce;
    margin: 5px 8px;
}
/* #endregion */
/* #region pagina Home*/
.caixaHome{
    position: relative;
	display: block;
    float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
#btnPesquisa{
	position: relative;
    display: block;
    float: right;
    padding: 1.2rem;
    background: transparent;
    color: #757575;
    font-size: 1.4rem;
    border: none;
    cursor: pointer;
    border: 1px solid #757575;
    border-radius: 5px 5px 5px 5px;
    width: 160px;
    padding: 8px 15px;
    margin: 50px calc(50% - 170px) 60px 0px;
    text-decoration: none;
}
#btnPesquisa:hover{text-decoration: none;}
#btnLimpar{
	position: relative;
    display: inline-block;
    float: left;
    padding: 1.2rem;
    background: transparent;
    color: #757575;
    font-size: 1.4rem;
    border: none;
    cursor: pointer;
    border: 1px solid #757575;
    border-radius: 5px 5px 5px 5px;
    width: 140px;
    padding: 8px 15px;
    margin: 50px 0px 60px calc(50% - 145px);
    text-decoration: none;
}
#btnLimpar:hover{text-decoration: none;}
.filtroProjeto input{
	font-size: 1em;
    padding: 0.7em 1em;
    width: 45%;
}
.filtroProjeto select.classic {
	padding: 0.85em 5px 0.85em 5px;
    font-size: 1em;
    width: calc((100% - (45% + 38px + 80px)) / 2);
    min-width: 50px !important;
}
.tituloPesquisa{
	font-size: 25px;
}
.tituloPesquisa b{
	color: #116cdd;
    font-size: 26px;
}
#listaposicoes{
	position: absolute;
    display: none;
    float: left;
    width: calc(45% + 48px);
    height: 250px;
    list-style: none;
    top: 50px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    overflow-x: hidden;
    z-index: 999;
}
#listaposicoes li{
	position: relative;
    display: block;
    float: left;
	width: 100%;
}
#listaposicoes li a{
	position: relative;
    display: block;
    float: left;
    width: 100%;
    margin: 0px;
    padding: 3px 5px 3px 5px;
    color: #757575;
	text-decoration: none;
}
#listaposicoes li a:hover{
	background-color: #116CDD;
	color: #FFF;
}
/* #endregion */
/* #region pagina configurações conta*/
#logoimage{
	display:none
}
#btn-logo {
	position: relative;
	float: left;
	display: block;
	width: auto;
	min-width: 175px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 15px 25px;
	text-align: center;
	background-color: #00ACD6;
	color: white;
	text-decoration: none;
	font-family: 'Source Sans Pro','Open Sans','Noto Sans KR';
	font-size: 18px;
	border: 1px solid #00ACD6;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#imgPhoto{
	position: relative;
	float: left;
	display: block;
	width: auto;
	clear: both;
	min-width: 175px;
	max-width: 400px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 15px 25px;
	text-align: center;
}
#emailshow{background-color: #efefef;}
.config label.labelcredito{width: 100px !important;}
.config .caixa {
    position: relative;
    float: left;
    display: inline-block;
    margin-bottom: 10px;
    padding: 0px;
    width: calc(100% - 2%);
}
.config .caixa .info{float: left;right: inherit; left: 85px;}

/* #endregion */
/* #region Adaptação de dimensão*/
@media only screen and (min-width: 1981px) {
	#container .tituloconteudo #progress-steps {width: 60%;}
	.cardsVagas {width: calc((100% / 8) - 20px);}
	.container{width: 1800px !important;max-width: 1600px !important;}
	.selecEmpresa div{min-height: 110px;}
}
@media only screen and (max-width: 1981px) {
	#container .tituloconteudo #progress-steps {width: 60%;}
	.cardsVagas {width: calc((100% / 8) - 20px);}
	.container{width: 1600px !important;max-width: 1600px !important;}
	.selecEmpresa div{min-height: 110px;}
}
@media only screen and (max-width: 1930px) {
	#container .tituloconteudo #progress-steps {width: 70%;}
	.cardsVagas {width: calc((100% / 7) - 20px);}
	.container{width: 1600px !important;max-width: 1600px !important;}	
	.cadastromail .criarConta input{ width: 78%;}
}
@media only screen and (max-width: 1850px) {
	#container .tituloconteudo #progress-steps {width: 70%;}
	#modalcadastro .tela .box-frm .box-empresa .filtro button {padding: 10px 8px;width: calc(24%);}
	.cardsVagas {width: calc((100% / 6) - 20px);}
	.container{width: 1440px !important;max-width: 1440px !important;}
	.selecEmpresa div{min-height: 130px;}
	#side-menu{width: 50%;}
	label.w100{line-height: 27px !important;}	
	.cadastromail .criarConta input{ width: 75%;}
}
@media only screen and (max-width: 1600px) {
	#container .tituloconteudo #progress-steps {width: 70%;}
	#modalcadastro .tela .box-frm .box-empresa .filtro button {padding: 10px 8px;width: calc(24%);}
	.cardsVagas {width: calc((100% / 6) - 20px);}
	.container{width: 1440px !important;max-width: 1440px !important;}
	.selecEmpresa div{min-height: 130px;}
	#side-menu{width: 53%;}
	label.w100{line-height: 27px !important;}
	#header-filter-content.mulheres{width: 84%;float: right;}
	#header-filter-content.mulheres .buttonOpenPosicao,#header-filter-content.mulheres .buttonCriarPosicao{padding: 0.9em 0.7em !important;	margin: 4px 0.6em 5px 0px;}
	#header-filter-content.mulheres .buttonSearch {margin: 6px 0.6em 10px 0;}
	.headerFilter #header-filter-content.mulheres input{ width: 11rem;}
	#dashboard #header-filter-content.mulheres select.classic{width: 11em;min-width: 10em;}
	.cadastromail .criarConta input{ width: 73%;}
}
@media only screen and (max-width: 1440px) {
	#container .tituloconteudo #progress-steps {width: 70%;}
	.cardsVagas {width: calc((100% / 5) - 20px);}
	.container{width: 1400px !important;max-width: 1400px !important;}	
	#dadosform .caixaicone{padding: 0px 13%;}
	#dadosform .caixa select#competencia {width: 60%;}
	samp.OU{margin: 15px 20px 20px;	}	
	#header-filter-content.mulheres{width: 100%;}
	#header-filter-content.mulheres .buttonOpenPosicao,#header-filter-content.mulheres .buttonCriarPosicao{padding: 0.9em 0.7em !important;	margin: 4px 0.6em 5px 0px;}
	#header-filter-content.mulheres .buttonSearch {margin: 6px 0.6em 10px 0;}
	.headerFilter #header-filter-content.mulheres input{ width: 14rem;}
	#dashboard #header-filter-content.mulheres select.classic{width: 12em;min-width: 10em;}	
	.cadastromail .criarConta input{ width: 70%;}
	#side-menu{width: 52%;}
}
@media only screen and (max-width: 1399px) {
	#container .tituloconteudo h1{margin: 0px 0px;}
	#container .tituloconteudo #progress-steps {width: 70%;}
	#modalcadastro .tela .box-frm .box-empresa .filtro button {padding: 10px 8px;width: calc(26%);}	
	.cardsVagas {width: calc((100% / 4) - 20px);}	
	.container{width: 98% !important;max-width: 98% !important;}
	#dadosform .caixaicone{padding: 0px 10%;}
	#dadosform .caixa select#competencia {width: 60%;}
	#listaidempresa .select2-container{width: 100% !important;}
	samp.OU{margin: 15px 20px 20px;	}
	#escolhaempresas a {width: 64%;margin-left: calc((100% - 64%) / 2);	}
	#autoempresas a {width: 50%;margin-left: calc((100% - 50%) / 2);}
	.selecEmpresa div{min-height: 150px;}
	.btn i {font-size: 0.9rem;margin-right: 3px;}
	.headerFilter input#buscarInput {width: 19rem;}
	select.classic {width: 15rem;}
	#side-menu{width: 49%;}
	#side-menu li{margin: 0px 6px;}
	.buttonOpenPosicao{padding: 0.9em 1em !important;}
	.headerFilter input{width: 12rem;}
	.buttonSearch{ margin: 6px 10px 10px 0px;}
	#dashboard select.classic{margin: 0px 14px 10px 0px;}
	.cadastromail .criarConta{ width: 90%; margin-left: 5%;}
	.cadastromail .criarConta input{ width: 75%;}
}
@media only screen and (max-width: 1350px) {
	.buttonOpenPosicao{padding: 0.9em 0.7em !important;margin-right: 8px;}
	.headerFilter input{width: 9rem;}
	.buttonSearch{ margin: 6px 10px 10px 0px;}
	#dashboard select.classic{margin: 0px 10px 10px 0px;width: 8rem;}
	#header-filter-content.mulheres .buttonOpenPosicao,#header-filter-content.mulheres .buttonCriarPosicao{padding: 0.9em 0.7em !important;	margin: 4px 0.4em 5px 0px;}
	#header-filter-content.mulheres .buttonSearch {margin: 6px 0.4em 10px 0;}
	.headerFilter #header-filter-content.mulheres input{ width: 11rem;}
	#dashboard #header-filter-content.mulheres select.classic{width: 10.5em;min-width: 10em;}	
	.cadastromail .criarConta input{ width: 71%;}
	#side-menu li a, #side-menu li:focus a { font-size: 16px; padding: 21px 8px; }
}
@media only screen and (max-width: 1199px) {
	#container .tituloconteudo #progress-steps {width: 70%;}
	#dadosform .caixa .caixabaixa span{font-size: 13px; padding: 12px 0px; text-align: center;}
	#modalcadastro .tela {margin: 2% 0px 0px 2%;width: 96%;}
	#modalcadastro .tela .box-frm .box-empresa .filtro button {padding: 10px 8px;width: calc(26%);}	
	.container{width: 100% !important;max-width: 100% !important;}
	#dadosform .caixaicone{padding: 0px 5%;}
	#dadosform .caixa a.quadro {margin: 0px 10px 15px; width: calc((100% / 3) - 20px);}
	.listaCards .cardEstrutura h2{font-size: 20px !important;}
	#dadosform .caixa select#competencia {width: 52%;}
	#listaidempresa .select2-container{width: 100% !important;}
	samp.OU{margin: 15px 20px 20px;	}
	#dadosform .caixa.meio-20 { width: calc(24% - 1%); margin: 0px 1% 25px 0px;}
	#dadosform .caixa.meio-40,#dadosform .caixa.meio-40.ES { width: calc(38% - 1%); margin: 0px 1% 25px 0px;}
	#escolhaempresas{width: calc((100% / 2) - 15px);margin:10px 15px 15px 0px;}
	#autoempresas{width: calc((100% / 2) - 15px);margin:10px 0px 15px 15px;}
	#escolhaempresas a {width: 80%;margin-left: calc((100% - 80%) / 2);}
	#autoempresas a {width: 60%;margin-left: calc((100% - 60%) / 2);}
	.selecEmpresa div{min-height: 195px;}
	.asideExport {padding: 8px 5px 0px 0px;}
	.btn i {font-size: 0.9rem;margin-right: 3px;}
	.headerFilter input#buscarInput {width: 17rem;}
	select.classic {width: 13rem;}
	.vertical-center-end h5{font-size: 1.6rem;padding: 15px 3px;}
	.vertical-center-end label {padding: 15px 5px 0px 0px;font-size: 1.7rem;}
	.vertical-center-end input[type="radio"] {margin: 10px 5px 0px 0px;}
	#side-menu{width: 45%;}
	#side-menu li{margin: 0px 0px;}
	#side-menu li a, #side-menu li:focus a {font-size: 16px; padding: 24px 10px 20px;}
	.page-form .area-form .corpo-form a.btn-politica-inline{font-size: 16px;}
	.buttonOpenPosicao{padding: 0.9em 0.6em !important;margin-right: 7px;}
	.buttonSearch{ margin: 6px 8px 10px 0px;}
	.headerFilter input{width: 7rem;}
	#dashboard select.classic{margin: 0px 8px 10px 0px;width: 6rem;}
	.telaestrutura {grid-template-columns: 70% 30%;}
	.filtroProjeto input{width: calc(95% - 38px); padding: 0.6em 1em;}
	.filtroProjeto select.classic{width: calc((95% - 10px) / 2);}
	#header-filter-content.mulheres .buttonOpenPosicao,#header-filter-content.mulheres .buttonCriarPosicao{padding: 0.9em 0.3em !important;	margin: 4px 0.3em 5px 0px;}
	#header-filter-content.mulheres .buttonSearch {margin: 6px 0.3em 10px 0;}
	.headerFilter #header-filter-content.mulheres input{ width: 10rem;}
	#dashboard #header-filter-content.mulheres select.classic{width: 10em;min-width: 10em;}
	.cadastromail .criarConta input{ width: 69%;}
	.page-form .area-form.center {margin: 0px calc((100% - 45%) / 2); width: 45%;}
	.page-form .area-form .corpo-form .area-group.m60 label input[type='checkbox'] {
		width: 20px;
		height: 20px;
		margin: 0px 0px 0px 0px;
	}
	.page-form .area-form .cabeca img { width: 60%; margin: 10px 20%; }
	.title-breadcrumb ul li.ceditos samp{margin-right: 8px;}
	#side-menu li a, #side-menu li:focus a { padding: 24px 7px 20px;}
}
@media only screen and (max-width: 1120px) {
	#side-menu{width: 44%;margin: 0 0 0 10px;}
	#side-menu li{margin: 0px 0px;}
	#side-menu li a, #side-menu li:focus a {font-size: 15px; padding: 24px 6px 20px;}
	.title-breadcrumb ul li.ceditos b{margin: 21px 7px 20px 7px; font-size: 22px;}
	.title-breadcrumb ul li.ceditos samp{margin: 26px 8px 20px 5px;}
	.title-breadcrumb ul li.cliente span, .title-breadcrumb ul li.cliente a#topmenu{padding: 5px 0px 0px 3px;}
	.title-breadcrumb ul li.cliente img{margin: 12.5px 8px;}
	.buttonSearch i { font-size: 0.9rem !important; margin-right: 3px; }
	#header-filter-content { width: 100% !important; margin-top: 10px;}
	.headerFilter #header-filter-content.tracos_raciais { width: auto !important; margin-top: 0px;}
	.buttonOpenPosicao{padding: 0.9em 0.8em !important;margin-right: 10px;}
	.buttonSearch{ margin: 6px 10px 10px 0px;}
	.headerFilter input{width: 14rem;}
	#dashboard select.classic{margin: 0px 10px 10px 0px;width: 10rem;}
	#header-filter-content.mulheres .buttonOpenPosicao,#header-filter-content.mulheres .buttonCriarPosicao{padding: 0.9em 0.5em !important;	margin: 4px 0.5em 5px 0px;}
	#header-filter-content.mulheres .buttonSearch {margin: 6px 0.5em 10px 0;}
	.headerFilter #header-filter-content.mulheres input{ width: 14rem;}
	#dashboard #header-filter-content.mulheres select.classic{width: 20.6em;min-width: 10em;}
	.cadastromail .criarConta input{ width: 68%;}
	.page-form .area-form.center {margin: 0px calc((100% - 47%) / 2); width: 47%;}
	.page-form .area-form .corpo-form .area-group {width: calc(100% - 26%);margin: 0px 13% 15px 13%;}
}
@media only screen and (max-width: 1068px) {
	.headerFilter input{width: 11rem;}
	#dashboard select.classic{width: 9rem;}
	#header-filter-content.mulheres .buttonOpenPosicao,#header-filter-content.mulheres .buttonCriarPosicao{padding: 0.9em 0.6em !important;	margin: 4px 0.6em 5px 0px;}
	#header-filter-content.mulheres .buttonSearch {margin: 6px 0.6em 10px 0;}
	.headerFilter #header-filter-content.mulheres input{ width: 12rem;}
	#dashboard #header-filter-content.mulheres select.classic{width: 18.3em;min-width: 10em;}
	.cadastromail .criarConta input{ width: 67%;}
	.page-form .area-form.center {margin: 0px calc((100% - 49%) / 2); width: 49%;}
	.page-form .area-form .corpo-form .area-group {width: calc(100% - 24%);margin: 0px 12% 15px 12%;}
	#side-menu li a, #side-menu li:focus a { font-size: 14px; padding: 24px 6px 20px; }
	#side-menu { width: 43%; margin: 0 0 0 10px; }
}
@media only screen and (max-width: 1024px) {
	#container .tituloconteudo #progress-steps {width: 69%; margin-top: 3px;}
	#dadosform .caixa .caixabaixa span{font-size: 11px;padding: 13px 3px;}
	#modalcadastro .tela .box-frm .box-empresa .filtro{margin: 0px 3%;width: 94%;}
	.container{width: 100% !important;max-width: 100% !important;}
	#dadosform .caixaicone{padding: 0px 0px;}
	#dadosform .caixa input#titulodavaga {width: 80%;margin: 5px 10%;}
	#dadosform .caixa select#competencia {width: 50%;}
	#listaidempresa .select2-container{width: 100% !important;}
	samp.OU{margin: 15px 16px 20px;	}
	#dadosform ol li.titulo{width: 69%;}
	#dadosform ol li.sim { width: 12%; }
	#dadosform ol li.indiferente {width: 18%;}
	#escolhaempresas{width: calc((100% / 2) - 10px);margin:10px 10px 15px 0px;}
	#autoempresas{width: calc((100% / 2) - 10px);margin:10px 0px 15px 10px;}
	#escolhaempresas a {width: 80%;margin-left: calc((100% - 80%) / 2);}
	#autoempresas a {width: 60%;margin-left: calc((100% - 60%) / 2);}
	.selecEmpresa div{min-height: 200px;}
	.asideExport {padding: 8px 5px 0px 0px;}
	.btn {font-size: 12px;}
	.btn i {font-size: 1.6rem;margin-right: 3px;}
	.headerFilter input#buscarInput {width: 16rem;}
	select.classic {width: 14rem;}
	.vertical-center-end h5{font-size: 1.5rem;padding: 15px 3px;}
	.vertical-center-end label {padding: 15px 5px 0px 0px;font-size: 1.6rem;}
	.vertical-center-end input[type="radio"] {margin: 10px 5px 0px 0px;}
	#side-menu{width: 44%;margin: 0 0 0 10px;}
	#side-menu li{margin: 0px 0px;}
	#side-menu li a, #side-menu li:focus a {font-size: 14px; padding: 24px 6px 20px;}
	.title-breadcrumb ul li.ceditos b {margin: 23px 7px 15px 7px;font-size: 20px;}
	.page-form .area-form .corpo-form a.btn-politica-inline{font-size: 15px;}
	.cardsVagas {width: calc((100% / 3) - 20px);}

	.buttonSearch {margin: 6px 7px 10px 0px;}
	.headerFilter input{width: 10rem;}
	#dashboard select.classic{width: 9rem;}
	
	#header-filter-content.mulheres .buttonOpenPosicao,#header-filter-content.mulheres .buttonCriarPosicao{padding: 0.9em 0.6em !important;	margin: 4px 0.6em 5px 0px;}
	#header-filter-content.mulheres .buttonSearch {margin: 6px 0.6em 10px 0;}
	.headerFilter #header-filter-content.mulheres input{ width: 29rem;}
	#dashboard #header-filter-content.mulheres select.classic{width: calc(33.33% - 13px);;min-width: 10em;}
	.cadastromail .criarConta{ width: 92%; margin-left: 4%;}
	.cadastromail .criarConta input{ width: 66%;}
	.page-form .area-form.center {margin: 0px calc((100% - 50%) / 2); width: 50%;}
	.page-form .area-form .corpo-form .area-group {width: calc(100% - 21%);margin: 0px 10.5% 15px 10.5%;}
	.page-form .area-form .cabeca img { width: 70%; margin: 10px 15%; }
	.title-breadcrumb ul li.ceditos span {font-size: 18px;font-weight: 600;}
	.title-breadcrumb ul li.ceditos samp {font-size: 14px;}
	.title-breadcrumb ul li.cliente img {margin: 12.5px 4px;}
}
@media only screen and (max-width: 991px) {
	#container .tituloconteudo #progress-steps {width: 68%;}	
	#dadosform .caixa .caixabaixa{
		font-size: 11px;
    	width: calc(50% - 10px);
	}
	#dadosform .caixa .caixabaixa span{
		font-size: 13px;
    	padding: 12px 8px;
	}
	#modalcadastro .tela #contenerareas ul li {width: calc(100% / 2);	}
	#dadosform .caixa a.quadro {margin: 0px 8px 15px; width: calc((100% / 3) - 16px);}
	#dadosform .cubo {width: 100%;}
	#dadosform .cubo > img {
		float: left;
		margin: 70px 20%;
		width: calc(60%);
	}
	#dadosform .cubo > h1 {margin: 2% 0px 20px 0px; text-align:center;width:100%;}
	#dadosform .caixa select#competencia {width: 48%;}
	#listaidempresa .select2-container{width: 100% !important;}
	samp.OU{margin: 15px 16px 20px;	}
	.selecEmpresa div{min-height: 210px;}
	.asideExport {padding: 8px 2px 0px 0px;}
	.btn {font-size: 12px;}
	.btn i {font-size: 1.4rem;margin-right: 3px;}
	.headerFilter input#buscarInput {width: 15rem;}
	select.classic {width: 13rem;}
	.vertical-center-end h5{font-size: 1.4rem;padding: 15px 3px;}
	.vertical-center-end label {padding: 15px 5px 0px 0px;font-size: 1.4rem;}
	.vertical-center-end input[type="radio"] {margin: 10px 4px 0px 0px;}
	.page-form .area-form .corpo-form a.btn-politica-inline{font-size: 14px;}
	
	.headerFilter input{width: 9rem;}
	#dashboard select.classic{width: 9rem;}
	.headerFilter #header-filter-content.mulheres input{ width: calc(59% - 47px);}
	#dashboard #header-filter-content.mulheres select.classic{width: calc(33.33% - 13px);min-width: 10em;}
	.cadastromail .criarConta{ margin-top: 50px;}
	.cadastromail .criarConta input{ width: 65.5%;}
	.cadastromail h1{padding: 35px 0px 0px; font-size: 30px;}
	.cadastromail h3{padding: 25px 0px 0px; font-size: 14px;}
	.cadastromail p.info{padding: 45px 0px 30px; font-size: 13px;}
	.page-form .area-form .corpo-form .area-group {width: calc(100% - 19%);margin: 0px 9.5% 15px 9.5%;}
	#side-menu {width: 44%;margin: 0 0 0 0px;}
	#side-menu li a, #side-menu li:focus a { font-size: 14px; padding: 24px 5px 20px; }
	.title-breadcrumb ul li.cliente a#topmenu { padding: 5px 0px 0px 3px; margin-right: 0px;}
	.title-breadcrumb ul li.cliente span{margin-right: 0px;}
	.title-breadcrumb ul li.cliente img { margin: 14.5px 4px; width: 40px; height: 40px;}
}
@media only screen and (max-width: 969px) {
	.cardsVagas {width: calc((100% / 3) - 20px);}
	#container .tituloconteudo #progress-steps {width: 67%; margin-left: 6px;}
	.termosAprovar .checkbox label:after {top: 6px;}
	#dadosform .caixa input#titulodavaga {width: 84%;margin: 5px 8%;}
	#dadosform .caixa select#competencia {width: 80%;}
	#listaidempresa .select2-container{width: 100% !important;}
	samp.OU{margin: 15px 16px 20px;	}
	#escolhaempresas{width: calc((100% / 2) - 10px);margin:10px 10px 15px 0px;}
	#autoempresas{width: calc((100% / 2) - 10px);margin:10px 0px 15px 10px;}
	#escolhaempresas a, #autoempresas a {width: 90%;margin-left: calc((100% - 90%) / 2);}
	#dadosform .caixa input.add {width: 78%;}
	.page-form .area-form .corpo-form .area-group{width: calc(100% - 10%);margin: 0px 5% 15px 5%;}
	.headerFilter input{width: 14rem;}
	#dashboard select.classic{width: 16.5rem;}
	.headerFilter #header-filter-content.mulheres input{ width: calc(55% - 47px);}
	.cadastromail .criarConta{ width: 94%; margin-left: 3%;}
	.cadastromail .criarConta input{ width: 65%;}
	.cadastromail .criarConta a{margin-right: 5px;}
	.title-breadcrumb .logo{width: 240px;}
	#side-menu {width: 45%;margin: 0 0 0 0px;}
	#side-menu li a, #side-menu li:focus a { font-size: 13px; padding: 24px 5px 20px; }
}
@media only screen and (max-width: 939px) {	
	.cadastromail .criarConta input{ width: 64.5%;}
	.page-form .area-form .corpo-form .area-group{width: calc(100% - 8%);margin: 0px 4% 15px 4%;}
	#side-menu {width: 48%;margin: 0 0 0 0px;}
	#side-menu li a, #side-menu li:focus a { font-size: 14px; padding: 24px 5px 20px; }
	.title-breadcrumb ul li.cliente img{display: none;}
}
@media only screen and (max-width: 899px) {
	#modalcadastro .tela .box-frm .box-empresa .filtro button {padding: 10px 8px;width: calc(28%);}
	#dadosform .caixa a.quadro {margin: 0px 0px 15px; width: calc((100% / 3) - 0px);}	
	#dadosform .caixa.meio-20 { width: calc(100% - 1%); margin: 0px 1% 25px 0px;}
	#dadosform .caixa.meio-40,#dadosform .caixa.meio-40.ES { width: calc(100% - 1%); margin: 0px 1% 25px 0px;}
	#dadosform ul li.terco {width: 50%;}
	#escolhaempresas a, #autoempresas a {font-size: 14px;}
	#dadosform .caixa input.add {width: 73%;}
	.selecEmpresa div{min-height: 290px;}
	.headerFilter input{width: 12.5rem;}
	#dashboard select.classic{width: 15rem;}
	.telaestrutura{display: block;}
	.headerFilter #header-filter-content.mulheres input{ width: calc(46% - 47px);}
	.cadastromail .criarConta input {width: 63%;font-size: 16px;}
	.cadastromail .criarConta a {margin-right: 3px;font-size: 14px;}
	
	.cadastromail h1{padding: 35px 0px 0px; font-size: 28px;}
	.cadastromail h3{padding: 25px 0px 0px; font-size: 14px;}
	.cadastromail p.info{padding: 45px 0px 30px; font-size: 16px;}
	.page-form .area-form .corpo-form .area-group{width: calc(100% - 7%);margin: 0px 3.5% 15px 3.5%;}
	.page-form .area-form .corpo-form .area-group.m60 label{ }
	.page-form .area-form .cabeca img { width: 80%; margin: 10px 10%; }

	#side-menu, .title-breadcrumb ul.notificacoes,.title-breadcrumb .page-header { display: none; }
	#topmenumobile{
		position: relative;
		float: right;
		display: inline-block;
		padding: 0px 0px;
		margin: 15px 0px;
		color: white;
		text-decoration: none;
		font-size: 32px;
	}
	#side-menu-mobile
	{
		position: absolute;
		float: left;
		display: none;
		width: 300px;
		margin: 0px;
		padding: 0;
		border: 0;
		z-index: 1;
		top: 65px;
		right: 15px;
	}
	#side-menu-mobile li {
		position: relative;
		float: left;
		padding: 0px 0px;
		margin: 0px;
		background-color: #0b4dce;
		width: 100%;
	}
	#side-menu-mobile li a, #side-menu-mobile ul li ul.menu li a{ color: white; font-size: 16px !important}
	#side-menu-mobile li a:hover, #side-menu-mobile ul li ul.menu li a:hover{background: #0b4dce; color: #FEC72E;}
	#side-menu-mobile li ul.submenu {
		position: relative;
		float: left;
		display: none;
		width: 280px;
		margin: 0px 0px 5px 19px;
		padding: 0;
		border: 0;
		z-index: 1;
		top: 0px;
	}
	#side-menu-mobile > li > ul.submenu li {
		position: relative;
		float: left;
		display: block;
		width: 100% !important;
		background-color: #0b4dce;
		margin: 0px 0px !important;
		padding: 0px 8px;
	}
	#side-menu-mobile > li:hover > ul.submenu {
		display: block;
	}
	#side-menu-mobile > li > ul.submenu li h5{font-size: 18px;color: white;font-weight: 600;line-height: 20px;}
	#side-menu-mobile > li > ul.submenu li.ceditos{height: auto;}
	#side-menu-mobile > li > ul.submenu li.ceditos span{margin: 5px 0px 5px 0px;}
	#side-menu-mobile > li > ul.submenu li.ceditos samp{margin: 5px 0px 5px 8px; font-size: 16px;}
}
@media only screen and (max-width: 780px) {
	#modalcadastro .tela .box-frm .box-empresa .filtro button {font-size: 16px;}
	.cardsVagas {width: calc((100% / 2) - 20px);}
	#dadosform .caixa a.quadro {margin: 0px 0px 15px; width: calc((100% / 2) - 0px);}
	#dadosform ul li.meio {width: 100%;}	
	#dadosform ol li.titulo{width: 64%;}
	#dadosform ol li.sim { width: 14%; }
	#dadosform ol li.indiferente {width: 22%;}
	#escolhaempresas a, #autoempresas a {font-size: 13px;}
	.painel .topo h2 {margin: 0px 0px 0px 16%;padding: 24px 0px 20px 0px; width: 72%;}
	.selecEmpresa div{min-height: 290px;}
	#header-filter-content{display: block;}
	.buttonSearch{margin: 6px 7px 10px 0px !important;}
	.filtroProjeto input{width: calc(95% - 38px); padding: 0.6em 1em;}
	.filtroProjeto select.classic{width: 95%;}
	.headerFilter #header-filter-content.mulheres input{ width: calc(44% - 47px);}
	.headerFilter #header-filter-content.tracos_raciais { width: 100% !important; margin-top: 10px;}
	.page-form .img-form-cadastro, .page-form .img-form,.page-form .img-form-senha {display: none;}
	.page-form .area-form {width: 100%;}
	
	.cadastromail .criarConta {margin: 60px 0px 0px 10%;width: 80%;}
	.cadastromail .criarConta input {font-size: 18px;width: 80%;}
	.cadastromail .criarConta a {margin-right: 8px;font-size: 16px;}

	.cadastromail h1{padding: 45px 0px 0px; font-size: 32px;}
	.cadastromail h3{padding: 35px 0px 0px; font-size: 18px;}
	.cadastromail p.info{padding: 45px 0px 30px; font-size: 14px;}
	
	.page-form .area-form.center {margin: 0px calc((100% - 60%) / 2); width: 60%;}
	.page-form .area-form .corpo-form .area-group{width: calc(100% - 10%);margin: 0px 5% 15px 5%;}
	.page-form .area-form .cabeca img { width: 50%; margin: 10px 25%; }
}
@media only screen and (max-width: 767px) {
	.termosAprovar .checkbox label:after {top: 7px;}
	#dadosform .caixa input#titulodavaga {width: 86%;margin: 5px 7%;}
	.cardsQuest {width: calc(100% - 20px);}
	#dadosform .caixa.meio {width: 100%;}
	#dadosform ul li.meio { width: 100%;}
	.empresaSelectFlex{	display: block;	flex-direction:none;}
	#escolhaempresas, #autoempresas{width: 100% ;margin:10px 0px 15px 0px;}	
	#escolhaempresas a, #autoempresas a {font-size: 16px;}
	#dadosform .caixa button.add span, #dadosform .caixa button.add:focus span{display: none;}
	#dadosform .caixa input.add { width: 80%; }
	.painel .topo h2 {margin: 0px 0px 0px 15%;padding: 24px 0px 20px 0px; width: 70%;}
	.selecEmpresa div{min-height: auto;}
	.headerFilter #header-filter-content.mulheres input{ width: calc(44% - 47px);}	
	.cadastromail .criarConta input {width: 79%;}
}
@media only screen and (max-width: 749px) {
	#dadosform ol li.titulo { width: 100%; padding-top: 8px; }
	#dadosform ol li.sim{ width: 50%;}
	#dadosform ol li.indiferente { float: left; width: 50%; }
	#dadosform .caixa button.add span, #dadosform .caixa button.add:focus span{display: none;}
	#dadosform .caixa input.add { width: 80%; }
	.painel .topo h2 {margin: 0px 0px 0px 15%;padding: 24px 0px 20px 0px; width: 70%;}
	.painel .corpo .resumo .label { margin: 0px 0px 0px 10%; width: calc(50% - 10% - 20px);}
	.painel .corpo .resumo .value {	margin: 0px 5% 0px 0px; width: calc(50% - 5% - 20px);}
	
	.headerFilter input{width: 11rem;}
	#dashboard select.classic{width: 13.5rem;}
	.headerFilter #header-filter-content.mulheres input{ width: calc(41% - 47px);}	
	.cadastromail .criarConta input {width: 78.5%;}
}
@media only screen and (max-width: 710px) {	
	.headerFilter input{ width: calc(72% - 47px);}
	#dashboard select.classic{width: calc(33.33% - 13px);min-width: 10em;}
	.headerFilter #header-filter-content.mulheres input{ width: calc(34% - 47px);}
	.cadastromail .criarConta input {width: 77%;}
}
@media only screen and (max-width: 640px) {
	#dashboard { padding: 3rem 0.5rem 1rem 0.5rem; }
	#dadosform .caixa .caixabaixa{
		font-size: 11px;
    	width: calc(100%);
	}
	#dadosform ul li.terco {width: 100%;}
	#dadosform .caixa button.add span, #dadosform .caixa button.add:focus span{display: none;}
	#dadosform .caixa input.add { width: 78%; }
	.painel .topo h2 {margin: 0px 0px 0px 0px;padding: 24px 0px 20px 0px; width: 100%;}
	.painel .topo a, .painel .topo a:hover, .painel .topo a:visited, .painel .topo a:focus {
		position: absolute;
		float: right;
		margin: 0px 0px 0px 0px;
		right: 10px;
	}
	.painel .corpo .resumo .label { margin: 0px 2% 18px 2%; width: calc(100% - 4%); text-align: left; }
	.painel .corpo .resumo .value {	margin: 0px 2% 0px 2%;	width: calc(100% - 4%);	text-align: left;}
	.painel .corpo ul li {
		margin: 0px 0px 5px 0px;
		padding: 5px 5px 0px 5px;
		text-align: center;
		width: calc(100% - 10px);
	}
	
	#dadosform .caixa.meio,#dadosform .caixa.terco, #dadosform .caixa.meio-20, #dadosform .caixa.meio-40, #dadosform .caixa.meio-40.ES, #dadosform .caixa.full{ width: calc(100%);margin: 0px 0px 25px 0px;}
	#dadosform ul li {margin: 0px 0px 8px 0px;}
	#dadosform ul li.umquinto, #dadosform ul li.umquarto{width: 100%;}
	.tabela_competecia { width: 100%; margin: 10px 0px 20px 0px;}
	.tabela_competecia td span {font-size: 16px;}
	.tabela_competecia td samp {font-size: 15px;}
	.page-form .area-form .corpo-form a.btn-politica-inline{font-size: 12px;}
	label.w100{font-size: 14px;}
	.buttonSearch{margin: 6px 0px 10px 0px !important;}
	.headerFilter input{width: calc(100% - (116px + 0.8em + 10px + 60px));}
	#dashboard select.classic{width: 100%;}	
	#header-filter-content.mulheres .buttonOpenPosicao,#header-filter-content.mulheres .buttonCriarPosicao{width: calc(48% - 0.6em);}
	#header-filter-content.mulheres .buttonSearch {margin: 6px 0.6em 10px 0;}
	.headerFilter #header-filter-content.mulheres input{ width: calc(97% - 47px);}
	#dashboard #header-filter-content.mulheres select.classic{width: calc(33.33% - 14px);min-width: 10em;margin-right: 0px;	margin-left: 10px;}
	#header-filter-content.tracos_raciais .buttonOpenPosicao,#header-filter-content.tracos_raciais .buttonCriarPosicao{width: calc(48% - 0.6em);}
	.cadastromail .criarConta input {width: 73%;}
	
	.page-form .area-form.center {margin: 0px calc((100% - 70%) / 2); width: 70%;}
}
@media only screen and (max-width: 520px) {
	#container {padding: 10px 15px 30px 15px;}
	.sidebar.aberto {
		width: 45px;
	}
	.desktop.aberto {
		width: calc(100% - 45px);
	}
	.sidebar #cabecario a#logo, .sidebar.aberto #cabecario a#logo {
		display: none;
	}
	.sidebar #cabecario a#menu-toggle, .sidebar.aberto #cabecario a#menu-toggle {
		display: block;
	}
	.sidebar.aberto #menu ul#side-menu > li > a span {
		display: none;
	}
	.sidebar.aberto #menu ul#side-menu > li:hover > ul.nav-second-level {
		display: block !important;
		position: absolute;
		top: 45px;
		left: 45px;
		width: 250px;
	}
	.sidebar.aberto #menu ul#side-menu > li:hover > a span.menu-title {
		position: absolute;
		top: 0;
		left: 40px;
		padding: 15px;
		margin-left: 0;
		background: #43425D;
		color: #ffffff;
		width: 250px;
		height: 45px;
		display: inline-block;
	}
	#container .tituloconteudo h1 { margin: 0px 0px; width: 100%; text-align: center; }
	#container .tituloconteudo #progress-steps { width: 100%; margin: 15px 0px 0px; }
	.title-breadcrumb ul li.ceditos, .title-breadcrumb ul li.notificacao{display: none;}
	.title-breadcrumb ul li.cliente span {border-left: none;}
	#link-notificacao, #link-add-credito{display: block;}
	#termos_e_condicoesrodape a { width: 86%; margin: 10px 0px 10px calc((100% - 86%) / 2); }
	#termos_e_condicoes .texto ul li span {text-align: left;}
	#dadosform .caixa.meio { width: calc(100% - 2%); margin: 0px 1% 20px 1%; float: left;}
	#dadosform ul li.meio { width: 100%; }
	#container .rodapeconteudo {padding: 20px 8px;}
	#dadosformrodape .area-btn {width: 100%; margin: 0px 0px 0px 0px;}
	#dadosform .texto h2 {text-align: center;}
	#dadosform .cubo {width: 100%;}
	#dadosform .caixa.meio-20, #dadosform .caixa.meio-40, #dadosform .caixa.meio-40.ES{ width: 100%; margin: 0px 0px 25px 0px;}
	#dadosform ul li.terco {width: 100%;}
	#dadosformrodape .area-btn .btn-Confirmar {width: 100%;margin: 0px 0px 0px 0px;}
	#dadosform .cubo > img {margin: 20px 0px;width: calc(100%);	}
	#dadosform .cubo > h1 {margin: 20px 0px 20px 0px; width: calc(100%); text-align: center;font-size: 32px;}
	#dadosform .caixa a.quadro {margin: 0px 0px 15px; width: 100%;}
	#dadosform .caixa button.add, #dadosform .caixa button.add:focus{margin-left: 5px;}
	#dadosform .caixa button.add span, #dadosform .caixa button.add:focus span{display: none;}
	#dadosform .caixa input.add { width: 78%; }
	
	#dashboard #header-filter-content.mulheres select.classic{width: calc(100% - 14px)}
	.cadastromail .criarConta {margin-left: 5%;width: 90%;}
	.cadastromail .criarConta input {width: 73%;}
	.page-form .area-form.center {margin: 0px calc((100% - 80%) / 2); width: 80%;}
}
@media only screen and (max-width: 480px) {
	.cardsVagas {width: calc(100% - 20px);}
	#dadosform .caixa button.add span, #dadosform .caixa button.add:focus span{display: none;}
	#dadosform .caixa input.add { width: 73%; }
	.cardsVagas > .headerCard > .statusCard {min-height: auto;}
	.tituloCard { min-height: auto; }
	#header-filter-content.mulheres .buttonOpenPosicao,#header-filter-content.mulheres .buttonCriarPosicao,
	#header-filter-content.tracos_raciais .buttonOpenPosicao,#header-filter-content.tracos_raciais .buttonCriarPosicao{width: calc(96% - 0.6em);}
	.cadastromail .criarConta { margin-left: 3%; width: 94%; }
	.cadastromail .criarConta input {width: 70%;}

	.cadastromail h1{padding: 45px 0px 0px; font-size: 30px;}
	.cadastromail h3{padding: 35px 0px 0px; font-size: 16px;}
	.cadastromail p.info{padding: 45px 0px 30px; font-size: 16px;}
	
	.page-form .area-form.center {margin: 0px calc((100% - 90%) / 2); width: 90%;}
	.page-form .area-form .cabeca img { width: 80%; margin: 10px 10%; }
}
@media only screen and (max-width: 400px) {
	#dadosform .caixa button.add, #dadosform .caixa button.add:focus {margin: 8px 0px 0px 5px;}
	.cadastromail .criarConta input {width: 63%;}
	.page-form .area-form.center {margin: 0px calc((100% - 94%) / 2); width: 94%;}
}
@media only screen and (max-width: 320px) {
	.cadastromail .criarConta input {width: 60%;font-size: 16px;}

	.cadastromail h1{padding: 35px 0px 0px; font-size: 25px;}
	.cadastromail h3{padding: 25px 0px 0px; font-size: 14px;}
	.cadastromail p.info{padding: 35px 0px 20px; font-size: 14px;}
}
/*#endregion*/