@font-face {font-display: swap; font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('fonts/roboto-v30-latin-regular.woff2') format('woff2');}
@font-face {font-display: swap; font-family: 'Roboto'; font-style: italic; font-weight: 400;  src: url('fonts/roboto-v30-latin-italic.woff2') format('woff2');}
@font-face {font-display: swap; font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('fonts/roboto-v30-latin-700.woff2') format('woff2');}
@font-face {font-display: swap; font-family: 'Roboto'; font-style: italic; font-weight: 700; src: url('fonts/roboto-v30-latin-700italic.woff2') format('woff2');}
@font-face {font-display: swap; font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: url('fonts/roboto-condensed-v27-latin_latin-ext-regular.woff2') format('woff2');}
  

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}

body {color:#8A98AC;font-size:14px;    font-family: 'Roboto', sans-serif;font-weight:400; background-color: #f0f4f9;font-stretch: condensed;}
html,
body {min-height:100%;}

a {text-decoration:none;cursor:pointer;color:#8A98AC;}
a:hover {text-decoration:none;}

a.class-link-anexo {color:#4c7cf3; background: url(../images/ico-link.svg) left center/14px no-repeat; padding: 0 0 0 20px; line-height: 20px; display: inline-block; border-bottom: 1px solid #4c7cf3; margin-top: 5px;}

img.white {filter: brightness(0) invert(1);}

strong {font-weight:bold;}
input[type="reset"], input[type="submit"] {cursor:pointer;}

::-webkit-input-placeholder {color:#666666;}
::-moz-placeholder {color:#666666;}
:-ms-input-placeholder {color:#666666;}
input:-moz-placeholder {color:#666666;}

::-webkit-validation-bubble-message {color:#666666; background-color: red}
::-moz-validation-bubble-message {display: none;}
:-ms-validation-bubble-message {color:#666666; background-color: red}
input:-validation-bubble-message {color:#666666; background-color: red}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
input[type=number] {-moz-appearance:textfield;}
select {-ms-box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; background: url(../images/sistema/icon-input-select.png) calc(100% - 10px) center no-repeat;}

.sucesso {color: red !important; margin-bottom: 40px !important; font-size: 16px; font-weight: bold;}
.diferenca, .diferenca-porcentagem {color: #004b8f; font-weight: bold;}
input, select, textarea, button {outline:0;}
button {cursor: pointer;}
.hide {display: none !important}

.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.wrapper {width:1250px;margin:0 auto;position:relative;}
.last {margin-right:0px !important;}

.loading {position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(76,124,243, 0.9); display: none; z-index: 99999}
.spinner {width: 70px;position: fixed;top: 50%; left: calc(50% - 35px)}
.spinner > div {width: 18px;height: 18px;background-color: #f08113;border-radius: 100%;display: inline-block;-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;animation: sk-bouncedelay 1.4s infinite ease-in-out both;}
.spinner .bounce1 {-webkit-animation-delay: -0.32s;animation-delay: -0.32s;}
.spinner .bounce2 {-webkit-animation-delay: -0.16s;animation-delay: -0.16s;}
@-webkit-keyframes sk-bouncedelay {0%, 80%, 100% { -webkit-transform: scale(0) }40% { -webkit-transform: scale(1.0) }}
@keyframes sk-bouncedelay {0%, 80%, 100% {-webkit-transform: scale(0);transform: scale(0);} 40% {-webkit-transform: scale(1.0);transform: scale(1.0);}}


.formulario-epi{
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 16px;
	border-radius: 4px;
	padding: 16px;
}

.formulario-epi, .formulario-epi *, .filtros, .filtros *{
	box-sizing:border-box;
}

.formulario-epi > .formulario-secao{
	display: flex;
	gap: 16px;
	border: 1px solid #555; 
	padding: 12px;
	border-radius: 4px;
	background-color: #EFEFEF;
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.15);
}

.secao-horizontal{flex-direction: row;}
.secao-vertical{flex-direction: column;}

.formulario-epi .formulario-campo{
	width: 100%;
}

.formulario-epi input[type="text"], .formulario-epi input[type="date"], .formulario-epi select, .formulario-epi textarea{
	width: 100%;
	border-radius: 4px; 
	background: #fff; 
	border: 1px solid #555; 
	font-size: 14px; 
	padding: 6px 8px;
}

.formulario-epi textarea{
	height: 80px;
	resize:none;
}

.campo-label{
	display: block;
	margin-bottom: 6px;
}

#sketchpad {
	border: 1px solid #CCC; 
	margin-bottom: 10px;
	background: #fff; 
	border: 1px solid #555; 
}

.formulario-epi input[readonly]{
	background: transparent;
	border: 0;
	padding-left: 0;
	padding-right: 0;
}

input::placeholder{
	color: #aaa;
}

.campo-conformidade{
	display: flex; 
	align-items:center; 
	gap: 8px;
}

.switcher-select{
	display: flex; 
	align-items:center; 
	gap: 8px;
}

.formulario-titulo{
	font-size: 18px;
	text-align:center;
	font-weight: semibold;
	color: #333;
	border: 1px solid #555; 
	padding: 8px;
	border-radius: 4px;
	width: fit-content;
	background-color: #EFEFEF;
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.15);
	margin: 0 auto;
}

.secao-titulo{
	color: #333;
	font-size: 14px;
	font-weight: semibold;
}

.radio-btn input[type="radio"]{
	display: none;
}

.radio-btn label{
	width: fit-content; 
	display: flex; 
	flex-direction: row; 
	align-items:center; 
	font-size: 14px; 
	padding: 6px 16px; 
	gap: 6px; 
	background: #fff; 
	border-radius: 4px; 
	color: #222;
	border: 1px solid #555;
}

.radio-btn label span{
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: 2px solid #fff;
	background: #fff;
	padding: 2px;
}

.radio-btn:has(input[type="radio"][value="1"]) label{
	background: #62d97a !important;
}
.radio-btn:has(input[type="radio"][value="0"]) label{
	background: #e07272 !important;
}
	
.radio-btn:has(input[type="radio"]:checked) label span{
	background:gray !important;
}

.filtros{
	background: #fff;
	border-radius: 4px;
	padding: 20px 20px;
	margin-bottom: 30px;
	border: 1px solid#e9e9e9;
}

.container-metas-sst{
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.form-metas-sst{
	background: #eee;
	padding: 16px;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
}

.form-metas-sst input[type="number"], .form-metas-sst select{
	background: white;
	border: 1px solid #888;
}
.form-metas-sst select{
	width: calc(100% - 30px) !important;
}

.form-metas-sst input[type="number"]{
	width: 40px;
}

.form-metas-sst input[type="number"]:focus, .form-metas-sst select:focus{
	background: white;
	border: 1px solid #888;
}

.form-metas-sst .item p{
	font-size: 13px;
	padding: 6px 10px 6px 0;
	color: #333;
}

.form-metas-sst h2{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #333;
}

.form-metas-sst button{
	all:unset;
	background: #4c7cf3;
	color: white;
	padding: 6px 16px;
	border-radius: 4px;
	cursor: pointer;
}

.form-metas-sst .item-line{
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	gap: 8px;
	background: #ddd;
	padding: 16px 8px;
}

.form-metas-sst .item{
	display: flex;
	flex-direction: row;
	gap: 4px;
}

.grid-dashboard-sst {
	width: 100%; 
	display: grid; 
	grid-template-columns: repeat(4, 1fr); 
	gap: 1.5rem;
}

.grid-dashboard-sst .item{
	background-color: #f3f4f6; 
	border-radius: 0.375rem; 
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 
	padding: 1rem; 
	display: flex; 
	flex-direction: column; 
	gap: 0.75rem;
}

.grid-dashboard-sst .item.span-3 { grid-column: span 3; }
.grid-dashboard-sst .item.span-4 { grid-column: span 4; }


@media screen and (max-width: 1280px){
	.filtros{
		grid-template-columns: repeat(3, 1fr);
	}
}

@media screen and (max-width: 767px){
	.campo-conformidade{
		flex-direction: column;
		text-align:center;
	}

	.secao-horizontal{flex-direction: column;}

	.secao-titulo{margin: 0 auto;}

	.filtros{
		grid-template-columns: 1fr;
	}

	.grid-dashboard-sst {
		display: flex;
		flex-direction:column;
	}

	.grid-dashboard-sst .item{
		padding: 1rem 0.5rem; 
	}

	.grid-dashboard-sst .item.span-3 { grid-column: span 1; }
	.grid-dashboard-sst .item.span-4 { grid-column: span 1; }
}




#login {position: absolute;width: 100%; height: 100%; top: 0; left: 0; background: url(../images/sistema/bg-login.jpg) repeat}
#login form.esqueci {display: none}
#login form {position: fixed; width: 300px; height: auto; background: #FFF; padding: 30px; border-radius: 20px; text-align: center; color: #000; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#login form img {margin: 20px 0 40px 0}
#login form p {font-size: 26px;}
#login form h1 {font-weight: bold; color: #4c7cf3; font-size: 38px; margin-bottom: 5px}
#login form h1 span {color: #ff8200}
#login form h2 {color: #4c7cf3; font-size: 15px;}
#login form input,
#login form select {margin-bottom: 10px}
#login form label {float: left;}
#login form label input {margin-right: 5px}
#login form a {float: right;}
#login form button {width: 100%; margin-top: 20px}
#login form .view-password {position: relative;}
#login form .view-password input {position: relative; z-index: 1}
#login form .view-password img {position: absolute; top: 4px; right: 10px; z-index: 2; margin: 0}

.box-info-default {margin: 30px auto; text-align: center; color: #f08113; font-size: 18px; max-width: 270px; display: table; border-radius: 10px; padding: 25px; background: linear-gradient(180deg, rgba(233,233,233,1) 0%, rgba(255,255,255,1) 100%); border: 1px solid #e9e9e9}
.box-info-default img {margin-bottom: 20px;}
.box-info-default strong {color: #4c7cf3; font-size: 22px;}

.nao-autorizado .box-info-default {max-width: 320px; text-align: center; font-size: 22px}
.nao-autorizado .box-info-default p span {font-size: 24px; font-weight: 700;color: #f08113; display: block;margin: 15px 0}
.nao-autorizado .box-info-default .texto {font-size: 18px; color: #8A98AC; margin-bottom: 10px}
.nao-autorizado .box-info-default a {display: block; margin-top: 10px; border: 1px solid #4c7cf3; color: #FFF; background: #4c7cf3;font-size: 18px; font-weight: 700; border-radius: 4px; text-transform: uppercase; letter-spacing: 2px; padding: 10px 0; transition: 0.3s all}
.nao-autorizado .box-info-default a:hover {color: #4c7cf3; background: #FFF}
.alerta,
.alerta-confirm,
.alerta-warning,
.alerta-prevalidar,
.modal,
.modal-dados-curriculo,
.modal-candidato-pdf,
.modal-foto-candidato,
.modal-triagem  {position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(76,124,243, 0.8); display: none; z-index: 9990;overflow:auto;}
.alerta .content {position: absolute;left: 50%;transform: translate(-50%, -50%);top: 50%;border-radius: 20px}
.alerta .content {padding: 15px 30px;background: #f08113;color: #FFF;font-size: 20px;font-weight: 700; text-align: center;}
.alerta-confirm .content .ops,
.alerta-warning .content .ops,
.alerta-prevalidar .content .ops {text-align: center; margin-bottom: 15px}
.alerta-confirm .content .texto,
.alerta-warning .content .preencha,
.alerta-prevalidar .content .preencha {color: #f08113; border-top: 1px solid #f08113; border-bottom: 1px solid #f08113; padding: 10px;text-align: center; font-size: 18px}
.alerta-warning .content .texto {margin-top: 20px}
.alerta-warning .content .texto ul li {background: url('../images/sistema/ico-list-style.png') left 6px no-repeat; padding: 3px 0 3px 20px}
.alerta-warning .content a {background: #f08113; display: table;margin: 20px auto 0 auto; color: #FFF; padding: 10px 30px; border-radius: 5px}
.alerta .content a {background: #f08113; display: inline-block; text-align: center;margin: 10px 5px 0 5px; color: #FFF; padding: 5px 20px; border-radius: 5px; border: 1px solid #FFF}
.alerta-confirm .content {text-align: center;}
.alerta-prevalidar .content a.sim,
.alerta-prevalidar .content a.nao,
.alerta-confirm .content a.sim,
.alerta-confirm .content a.nao {display: inline-block; text-align: center;margin: 10px 5px 0 5px; color: #FFF; padding: 5px 20px; border-radius: 5px; border: 1px solid #FFF}
.alerta-confirm .content a.sim,
.alerta-prevalidar .content a.sim {background: #4c7cf3;}
.alerta-confirm .content a.nao {background: #f08113;}
.alerta-prevalidar .content a.nao {background: #f08113;}

.alerta-prevalidar .content .checkbox {float: none}

.modal-ocultar-dashboard {position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(76,124,243, 0.8); display: none; z-index: 9990}
.modal-ocultar-dashboard .content {position: absolute;left: 50%;transform: translate(-50%, -50%);top: 50%;border-radius: 20px; color: #000; padding: 30px;background: #FFF;font-size: 16px;text-align: center; z-index: 9999}
.modal-ocultar-dashboard .content .close {background: #FFF url(../images/sistema/ico_close.png) center no-repeat; position: absolute;top: -10px; right: -10px; width: 24px; height: 24px; padding: 10px; border-radius: 50%; cursor: pointer}
.modal-ocultar-dashboard .content strong {color: #f08113;}
.modal-ocultar-dashboard .content a.confirm {background: #f08113; display: table;margin: 20px auto 0 auto; color: #FFF; padding: 10px 30px; border-radius: 5px}
.modal-ocultar-dashboard .content div.icon {background: #f08113; display: table;margin: 0px auto 20px auto; color: #FFF; border-radius: 50%; font-size: 32px; width: 60px; height: 60px; line-height: 60px: text-align: center}
.modal-ocultar-dashboard .content div.icon i {vertical-align: middle;line-height: 60px}

.modal-preferencias-dashboard {position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(76,124,243, 0.8); display: none; z-index: 9990}
.modal-preferencias-dashboard .content {position: absolute;left: 50%;transform: translate(-50%, -50%);top: 50%;border-radius: 20px; color: #000; padding: 30px;background: #FFF;font-size: 16px;text-align: center; z-index: 9999; width: 420px}
.modal-preferencias-dashboard .content .close {background: #FFF url(../images/sistema/ico_close.png) center no-repeat; position: absolute;top: -10px; right: -10px; width: 24px; height: 24px; padding: 10px; border-radius: 50%; cursor: pointer}
.modal-preferencias-dashboard .content strong {color: #f08113;}
.modal-preferencias-dashboard .content a.confirm {background: #f08113; display: table;margin: 20px auto 0 auto; color: #FFF; padding: 10px 30px; border-radius: 5px}
.modal-preferencias-dashboard .content div.icon {background: #f08113; display: table;margin: 0px auto 20px auto; color: #FFF; border-radius: 50%; font-size: 32px; width: 60px; height: 60px; line-height: 60px: text-align: center}
.modal-preferencias-dashboard .content div.icon i {vertical-align: middle;line-height: 60px}
.modal-preferencias-dashboard .content ul li {float: left; width: 200px; margin: 8px 0 8px 20px; text-align: left; font-size: 14px}
.modal-preferencias-dashboard .content ul li:nth-of-type(2n + 1) {margin-left: 0}
.modal-preferencias-dashboard .content ul {padding: 10px 0; border-top: 1px solid #f08113; border-bottom: 1px solid #f08113; display: inline-block; margin: 20px 0}
.modal-preferencias-dashboard .content ul li .checkbox {height: auto; margin: 0;}
.modal-preferencias-dashboard .content ul li .checkbox label {padding-left: 23px}

.modal-triagem .conteudo {padding: 20px;width: 480px;position: absolute;left: 50%;transform: translateX(-50%);top: 50px;border-radius: 20px; background: #FFF}
.modal-triagem .conteudo .close {background: #FFF url(../images/sistema/ico_close.png) center no-repeat; position: absolute;top: -10px; right: -10px; width: 24px; height: 24px; padding: 10px; border-radius: 50%; cursor: pointer}
.modal-triagem .titulo {color: #4c7cf3;font-weight: 700; font-size: 16px;}
.modal-triagem h2 {color: #4c7cf3; font-weight: 700; float: left; font-size: 14px;}
.modal-triagem .relevancia {float: left;margin-right: 15px}
.modal-triagem .box-triagem {padding: 10px; float: left; width: calc(50% - 20px); line-height: 35px;}
.alerta {z-index:9999999;}

.modal .content {position: absolute;left: 50%;transform: translate(-50%, -50%);top: 50%;border-radius: 20px; color: #000; padding: 30px;background: #FFF;font-size: 16px;text-align: center; z-index: 9999}
.alerta-confirm .content,
.alerta-warning .content,
.alerta-prevalidar .content {position: absolute;left: 50%;transform: translate(-50%, -50%);top: 50%;border-radius: 20px; color: #000; padding: 30px;background: #FFF;font-size: 16px; width: 300px}
.modal .content .close,
.modal-foto-candidato .close,
.modal-dados-curriculo .close,
.modal-candidato-pdf .close,
.alerta-warning .close  {background: #FFF url(../images/sistema/ico_close.png) center no-repeat; position: absolute;top: -10px; right: -10px; width: 24px; height: 24px; padding: 10px; border-radius: 50%; cursor: pointer}
.modal .content .titulo {font-weight: bold; font-size: 24px; color: #4c7cf3; border-bottom: 1px solid #CCC; padding-bottom: 5px; margin-bottom: 15px}
.modal .content p,
.modal-ocultar-dashboard .content p {margin-bottom: 10px; text-align: center;}
.modal .content label {text-align: left; margin-bottom: 5px; display: block;}
.modal .content input {text-align: left; margin-bottom: 15px}
.modal .criar-pasta {text-align: center;margin: 15px auto; display: table;}
.modal .criar-pasta span {color: #004b8f;; text-decoration: underline;}
.modal form.show {display: block;}
.modal form.hide {display: none;}

.modal-foto-candidato .conteudo,
.modal-candidato-pdf .conteudo {position: absolute;left: 50%;transform: translate(-50%, -50%);top: 50%;border-radius: 20px; color: #000; padding: 30px;background: #FFF;font-size: 16px;}
.modal-foto-candidato .conteudo h2, {font-size: 22px;margin-bottom: 15px;}
.modal-foto-candidato .conteudo .foto img {max-width: 600px; max-height: 600px}
.modal-foto-candidato .conteudo .retricted {text-align: center; color: #f08113; font-size: 22px;}
.modal-foto-candidato .conteudo .retricted img {margin-bottom: 20px}

.modal-candidato-pdf .conteudo h2 {font-size: 22px;margin-bottom: 5px;padding-bottom: 5px; border-bottom: 1px solid #4c7cf3; color: #4c7cf3; font-weight: 700}
.modal-candidato-pdf p {text-align: center; margin-top: 15px}
.modal-candidato-pdf p strong {color: #f08113;}
.modal-candidato-pdf p a {background: #f08113; display: table;margin: 5px auto 0 auto; color: #FFF; padding: 10px 30px; border-radius: 5px; width: 160px}

.modal-dados-curriculo .conteudo {position: absolute;left: 50%;transform: translate(-50%, -50%);top: 50%;border-radius: 20px; color: #000; padding: 30px;background: #FFF;font-size: 16px; width: 800px;max-height: calc(100% - 100px)}
.modal-dados-curriculo .conteudo .retricted,
.modal-dados-curriculo .conteudo .no-result {text-align: center; text-align: center; color: red; font-weight: 400; line-height: 26px; font-size: 22px}
.modal-dados-curriculo .conteudo .retricted img,
.modal-dados-curriculo .conteudo .no-result img {margin-bottom: 15px}
.modal-dados-curriculo .conteudo h2,
.modal-epi-termo-responsabilidade h2 {border-bottom: 1px solid #e9e9e9; margin-bottom: 5px; padding-bottom: 5px; font-size: 26px; color: #4c7cf3;}
.modal-dados-curriculo .conteudo .texto {max-height: 500px; overflow-y: auto; position: relative;}
.modal-dados-curriculo .conteudo h2 span,
.modal-epi-termo-responsabilidade h2 span {font-size: 22px; color: #f08113; font-weight: 400}
.modal-dados-curriculo .conteudo .box {border-bottom: 1px solid #e9e9e9;}
.modal-dados-curriculo .conteudo .box label {font-weight: 700}
.modal-dados-curriculo .conteudo .nav {position: relative; height: 30px; margin-top: 20px; display: block;}
.modal-dados-curriculo .conteudo .nav a {font-size: 14px; background: #4c7cf3; color: #FFF; display: inline-block; padding: 5px 15px; border-radius: 5px;position: absolute;}
.modal-dados-curriculo .conteudo .nav a.prev-modulo {left: 0}
.modal-dados-curriculo .conteudo .nav a.curriculo-completo {left: 50%; transform: translateX(-50%);}
.modal-dados-curriculo .conteudo .nav a.next-modulo {right: 0}

.modal-epi-termo-responsabilidade .texto strong {color: #4c7cf3; font-size: 22px; margin: 20px 0; text-align: center;display: block;}
.modal-epi-termo-responsabilidade .texto a {background: #f08113; display: inline-block; color: #FFF; padding: 5px 15px; border-radius: 5px;}

.alerta-pontuacao {position: fixed; bottom: 0; right: 20px; padding: 20px 30px 20px 90px; color: #FFF; border-radius: 5px 5px 0 0; z-index: 99999; text-align: center; font-size: 16px}
.alerta-pontuacao.alerta-pontuacao-erro {background: red url(../images/sistema/traffic-red.png) 20px center no-repeat}
.alerta-pontuacao.alerta-pontuacao-sucesso {background: green url(../images/sistema/traffic-green.png) 20px center no-repeat}

.gestor-acesso {border: 1px solid #e9e9e9;border-radius: 0 5px 5px 5px;padding: 10px 20px;margin-bottom: 20px;}
.gestor-acesso h2 {font-weight: 700; color: #4c7cf3;}
.gestor-acesso a {color: #4c7cf3; text-decoration: underline;}

.menu-right {float:right;width:340px;}
.menu-right li {background:#f3f2f2;padding:10px 0px;margin-bottom:1px;font-size:14px;color:#8a98ac;padding-left:20px;position: relative}
.menu-right li:hover,
.menu-right li.selected {background:#4c7cf3;cursor:pointer;color:#fff;}
.menu-right li i {padding-right:10px;}
.menu-right li span {background: #ff8200; color: #FFF; font-size: 10px; width: 20px; height: 20px; border-radius: 50%; text-align: center; line-height: 20px; position: absolute;top:9px; left: -7px}

.nav-tabs {display: block;margin-bottom: -1px}
.nav-tabs li { display: table-cell;}
.nav-tabs li a {display: inline-block;;padding: 10px 20px; position: relative;font-size:14px; font-weight: 700}
.nav-tabs li a.active {color: #4c7cf3; border-top: 1px solid #e9e9e9;border-left: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9;border-bottom: 1px solid #FFF; border-radius: 10px 10px 0 0;-webkit-box-shadow: inset 0px 15px 40px -20px rgba(233,233,233,1);
-moz-box-shadow: inset 0px 15px 40px -20px rgba(233,233,233,1);
box-shadow: inset 0px 15px 40px -20px rgba(233,233,233,1);}
.tab-content {border: 1px solid #e9e9e9;border-radius: 0 5px 5px 5px;padding: 10px 20px;margin-bottom: 20px;}
.nav-tabs li a div.quantidade {background:#ff8200;color:#FFF;font-size: 10px;width: 20px;height: 20px;border-radius: 50%;text-align: center;line-height: 20px;position: absolute;top: -5px;right: -10px; z-index: 9}
.nova-pasta,
form.editar-pasta {border: 1px solid #e9e9e9;border-radius: 0 5px 5px 5px;padding: 20px;margin-bottom: 20px;}
a.editar-pasta,
a.excluir-pasta{margin-bottom: 20px; display:inline-block; text-decoration: underline; font-style: italic}
a.editar-pasta{color: #000;font-size: 16px;}
a.excluir-pasta{color: red;font-size: 13px; margin-left: 50px}
form.editar-pasta {display: none}
.tab-pane {display: none}
label.toggle {line-height: 16px;}
label.toggle img {display: inline;float: inline-end; cursor: pointer;}

#maincontent table.planos {border: 0; max-width: 980px; margin: 0 auto}
#maincontent table.planos tr.planos img {width: 180px}
#maincontent table.planos tr.recursos {color: #4c7cf3; font-size: 16px}
#maincontent table.planos tr.recursos strong {font-weight: 700; display: block;font-size: 22px}
#maincontent table.planos tr.recursos span {font-weight: 700; font-size: 28px}
#maincontent table.planos tr td {width: 180px;padding: 15px; text-align: center;}
#maincontent table.planos tr td:first-of-type {width: auto; text-align: left; padding: 15px; font-size: 14px; box-shadow: none}
#maincontent table.planos tr td:nth-of-type(3) {background: linear-gradient(to right, rgba(0,0,0,0.15) 0%, rgba(255,255,255,0.15) 10%, rgba(255,255,255,0.15) 90%, rgba(0,0,0,0.15) 100%);}
#maincontent table.planos tr.compre a {background: #4c7cf3; display: inline-block;;margin: auto; padding: 8px 18px; color: #FFF; border-radius: 5px; text-transform: uppercase;font-size: 15px; letter-spacing: 1px}

.base-curriculos-pastas {float:left;width:calc(100% - 370px);}
.base-curriculos .nova-pasta {border-radius: 4px;padding: 20px 20px;margin-bottom: 30px;border: 1px solid#e9e9e9;}

.box-abas ul {width: 100%}
.box-abas ul li {float: left; padding: 10px 0; text-align: center; width: 50%; background: #e9e9e9;}
.box-abas ul li.selected,
.box-abas ul li:hover {background: #4c7cf3}
.box-abas ul li a {color: #4c7cf3; display: block;}
.box-abas ul li.selected a,
.box-abas ul li:hover a {color: #FFF}
.box-abas .abas {border: 1px solid #e9e9e9; padding: 15px}

form.entrevista .row.small3 {margin: 10px 10px 0 0 !important; width: calc((100% / 3) - 10px) !important}
form.entrevista .row.last {margin-right: 0 !important}
form.entrevista .row label {margin-top: 0; display: block; margin-bottom: 3px;font-size: 13px; font-weight: normal; border: none; width: 100%}
form.entrevista .row textarea {height: 100px; margin-bottom: 10px}
form.entrevista.fixed {position: fixed;top: 0;left: 0; bottom: 0;overflow-y: auto;width: 200px;}


form.busca {display: none;;position: fixed;top:0;left: 0;height: 100%; width: 100%;z-index: 1000; background: rgba(0,0,0, 0.8)}
form.busca h2 {font-size:24px;float:left;}
form.busca .campos {width: 300px; background: #FFF; float: right; height: 100%; padding: 30px; z-index: 999999}
form.busca .campos .close {color: #00538b; float: right; font-size: 28px}

.buttons-right {float: right}

.menu-circle {width: 40px; height: 40px;color: #FFF; float: right; text-align: center; margin-left: 15px;position:relative;}
.menu-circle img {width: 40px; height: 40px;}
.menu-circle span {-webkit-transition:ease-out all 0.4s;transition:ease-out all 0.4s;position:absolute;background:#49bc96;border-radius:4px;padding:10px 20px;font-size: 16px; font-weight: 700;right:0px;top:42px; white-space:nowrap; z-index: 99; display: none}
.menu-circle i {position:absolute;margin:auto;top:50%;left:50%;transform:translate(-50%,-50%);}
.menu-circle:hover span {display: block;}

.menu-circle.back span {background: #f9b54c;}
.menu-circle.new span {background: #75e7e6;}
.menu-circle.entrevistar span {background: #3fb777;}
.menu-circle.pdf span {background: #ff525d;}
.menu-circle.adicionar-base-curriculos span {background: #00bdf4;}
.menu-circle.efetuar-busca span  {background: #49bc96; cursor: pointer}
.efetuar-busca {cursor: pointer;}

.ios-checkbox {float: right; text-align: center;padding-top: 4px;}

a.question i {color:#4c7cf3; font-size: 15px !important; margin-left: 5px}

a.search {background: #f08113; color: #FFF; display: inline-block; padding: 10px 35px; border-radius: 10px; -webkit-transition:ease-out all 0.4s;transition:ease-out all 0.4s; margin-bottom: 15px}
a.search:hover{background: #4c7cf3}
a.search i,
a.search i {margin-right: 5px}

a.ver-pastas-base-curriculos,
a.ocultar-pastas-base-curriculos {background: #f08113; color: #FFF; display: inline-block; padding: 10px 35px; border-radius: 10px; -webkit-transition:ease-out all 0.4s;transition:ease-out all 0.4s; margin-bottom: 15px; float: right}
a.ver-pastas-base-curriculos:hover,
a.ocultar-pastas-base-curriculos:hover{background: #4c7cf3}
a.ver-pastas-base-curriculos i,
a.ocultar-pastas-base-curriculos i {margin-right: 5px}

a.ver-pdf {background: #f08113; color: #FFF; display: inline-block; padding: 10px 35px; border-radius: 10px; float: right}

.status-processo-seletivo {padding: 5px 10px; font-size: 13px; color: #FFF; border-radius: 5px}

.dashboard .welcome {color: #4c7cf3; font-size: 18px; font-weight: bold; float: left;}
.dashboard .box {width: calc((100% / 3) - 56px); background:#fafbfd;border: 1px solid #e9e9e9; padding: 20px; margin: 20px 0 0 20px; float: left; border-radius: 5px; position: relative}
.dashboard .box:nth-child(3n +1) {margin-left: 0;}
.dashboard .box .titulo,
.dashboard .box2 .titulo {color: #4c7cf3; font-size: 22px; font-weight: bold; border-bottom: 1px solid #DEDEDE; padding-bottom: 5px; margin-bottom: 5px}
.dashboard .ocultar {position: absolute; top: 10px; right: 10px; color: #e9e9e9; border: 1px solid #e9e9e9; height: 20px; width: 20px; border-radius: 5px; text-align: center; display: table-cell;}
.dashboard .ocultar i {font-size: 14px !important; line-height: 20px}
a.preferencias-dashboard {float: right; color: #f08113; font-size: 14px; display: inline-block; padding: 5px 15px; border: 1px solid #f08113; border-radius: 15px; -webkit-transition:ease-out all 0.4s;transition:ease-out all 0.4s;}
a.preferencias-dashboard i {font-size: 14px !important}
a.preferencias-dashboard:hover {background: #f08113; color: #FFF}

.box-grafico-avaliacao {width: calc(100% - 42px); background:#fafbfd;border: 1px solid #e9e9e9; padding: 20px; border-radius: 5px; position: relative; height: 300px}

.dashboard .box2 {width: calc((100% / 2) - 56px); background:#fafbfd;border: 1px solid #e9e9e9; padding: 20px; margin: 20px 0 0 20px; float: left; border-radius: 5px; position: relative}
.dashboard .box2:nth-child(2n +1) {margin-left: 0;}
.dashboard .box2 p {margin: 3px 0 10px 0; font-weight: 700; color: red}
.dashboard .box2 a {display: inline-block; margin-top: 10px; background: #4c7cf3; color: #FFF; padding: 5px 10px; border-radius: 5px}

.box-pontuacoes {border-radius:4px;padding: 15px;margin-bottom:20px;border:1px solid #e9e9e9; background: #fafbfd;}
.box-pontuacoes .left {float: left; width: 67%}
.box-pontuacoes .right {float: right; width: 30%; color: #4c7cf3; font-size: 16px;}
.box-pontuacoes h3 {color: #4c7cf3; font-size: 18px; font-weight: 700;}
.box-pontuacoes .box-pontuacao {margin: 10px 30px 0 0; float: left;}
.box-pontuacoes .box-pontuacao h4 {color: #4c7cf3; font-weight: 700; font-size: 16px}
.box-pontuacoes .funcionario-cargo {color: #4c7cf3; margin-top: 10px; font-size: 18px;}
form#avaliar {overflow-y: auto;}
form#avaliar button {margin-bottom: 20px}

.select2-container {padding:0px !important;}
.select2-container--open {z-index: 99999 !important;}
.select2-container--default .select2-selection--single {border:0px !important;background:transparent !important; padding: 0 10px !important}
.select2-container--default .select2-selection--single .select2-selection__arrow {background:url(../images/sistema/icon-input-select.png) center 6px no-repeat;width:30px !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow * {display:none;}
.select2-container--default .select2-selection--single .select2-selection__placeholder {color:#000000 !important;}
.select2-container .select2-selection--single .select2-selection__rendered {width: calc(100% - 45px)}
.select2-container--default .select2-selection--single .select2-selection__clear {right: -10px}

form.search {border-radius: 4px;padding: 20px 20px;margin-bottom: 30px;border: 1px solid#e9e9e9;}


#maincontent .box-fields input,
#maincontent .box-fields textarea {background: #FFF;  border: 1px solid #e9e9e9}
#maincontent .box-fields select {background: #FFF url(../images/sistema/icon-input-select.png) calc(100% - 10px) 9px no-repeat;}
#maincontent .box-fields .select2-container {background: #FFF;}
#maincontent .box-fields select,
#maincontent .box-fields .select2-container {border: 1px solid #e9e9e9}

#maincontent .box-fields.box-categorias h2 {font-size: 22px; font-weight: 700; color: #4c7cf3; margin-bottom: 10px}

.candidatos-vaga-tips li {float: left; width: 25%; margin: 5px 0 5px 0}

.box-fields {border-radius:4px;padding:20px 20px;margin-bottom:20px;border:1px solid #e9e9e9; background: #fafbfd;}
.box-fields h3 {color: #4c7cf3; font-size: 32px; font-weight: 700; margin-bottom: 20px}
.box-fields.row {padding: 10px 20px}
.box-fields.row.small2 {width: calc((100% / 2 - 52px));}
.box-fields.row.small3 {width: calc((100% / 3 - 56px));}
.box-fields.no-margin {padding: 5px 20px}
.box-fields.row-perfil {width:calc(50% - 80px);margin-right:20px;display:inline-table;}

.box-fields .foto {display: inline-block;position: relative;overflow: hidden;width: calc((100% / 3) - 20px); border-radius: 50%; margin-top: 20px}
.box-fields .foto img {width: 100%; height: 100%; object-fit: cover;}
.row {display:block;margin:10px 0;}
.row label {display:block;margin-bottom: 3px; font-size: 14px}
.view .row label {font-weight: bold; border-bottom: 1px solid #CCC; width: 80%; margin-bottom: 5px; padding-bottom: 3px}
.view .form .row label {font-weight: bold; border-bottom: none; width: 100%; margin-bottom: 3px;}
.row label span {color: #f08113;}
.row.color-required,
.alerta-obs {color: red !important}
.row.color-required input,
.row.color-required select,
.row.color-required textarea {border: 1px solid red !important}
.row.small {width:calc((100% / 3) - 14px);margin-right:20px;float:left;}
.row.small2 {width:calc((100% / 2) - 10px);margin-right:20px;float:left;}
.row.small3 {width:calc((100% / 3) - 14px);margin-right:20px;float:left;}
.row.small4 {width:calc((100% / 4) - 15px);margin-right:20px;float:left;}
.row.small5 {width:calc((100% / 5) - 16px);margin-right:20px;float:left;}
.row.small6 {width:calc((100% / 6) - 17px);margin-right:20px;float:left;}
.row.small7 {width:calc((100% - 90px) / 7);margin-right:15px;float:left;}
.box-view .row.small {width:calc((100% / 3) - 20px);}
.box-view .box-fields .foto-curriculo {height: auto;width: 100%;border-radius: 50%; max-width: 200px}
.box-view .box-fields .box-view-itens {border-left: 3px solid #4c7cf3; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; padding: 0 20px; margin: 10px 0; border-radius: 5px; background: #FFF;}
form input[type="text"],
form input[type="number"],
form input[type="email"],
form input[type="url"],
form input[type="password"],
form select,
form textarea,
form .select2-container {border-radius:4px;border:1px solid #f0f1f4; background-color: #f0f1f4; padding:6px 10px;width:calc(100% - 20px); font-size: 13px; color: #000; }
form input[type="text"]:focus,
form input[type="number"]:focus,
form input[type="email"]:focus,
form input[type="url"]:focus,
form input[type="password"]:focus,
form textarea:focus {background: #dbe5fd; border: 1px solid #dbe5fd}
form select:focus {background: url(../images/sistema/icon-input-select.png) calc(100% - 10px) 9px no-repeat #dbe5fd; border: 1px solid #dbe5fd}
form .select2 {width: 100% !important}

form .filefield-FotoCompartilhar {position: relative; cursor: pointer}
form .input-FotoCompartilhar {border-radius:4px;border:1px solid #f0f1f4; background-color: #f0f1f4; padding:6px 10px;width:calc(100% - 20px); font-size: 13px; color: #000; height: 22px}
form .button-FotoCompartilhar {position: absolute;right: 0; top:0;background: #4c7cf3; color: #FFF; padding: 0px 15px; font-size: 13px; line-height: 36px; height: 36px; display: inline-block;}

form .filefield-Anexo {position: relative; cursor: pointer}
form .input-Anexo {border-radius:4px;border:1px solid #f0f1f4; background-color: #f0f1f4; padding:6px 10px;width:calc(100% - 20px); font-size: 13px; color: #000; height: 22px}
form .button-Anexo {position: absolute;right: 0; top:0;background: #4c7cf3; color: #FFF; padding: 0px 15px; font-size: 13px; line-height: 36px; height: 36px; display: inline-block;}

form textarea {height:120px;}
form .botao-form {margin-bottom: 30px; display: block;}
form button,
form .div-button {border: 1px solid #4c7cf3; margin-right: 10px; background-color: #4c7cf3; padding: 10px 20px; color: #FFF; font-size: 16px; border-radius: 5px;-webkit-transition:ease-out all 0.4s;transition:ease-out all 0.4s; display: table; cursor: pointer;float: left;}
form button:hover,
form .div-button:hover {opacity: 0.9}
form button i,
form .div-button i {margin-right: 3px}
a.view-update {border: 1px solid #4c7cf3; margin-right: 10px; background-color: #4c7cf3; padding: 10px 20px; color: #FFF; font-size: 16px; border-radius: 5px; display: table;}

.checkbox {float: left;text-align: left; position: relative; margin: 10px 0; height: 12px}
.checkbox label {cursor: pointer;padding-left: 25px;padding-top: 0!important;margin-bottom: 0px;width: auto}
.checkbox label:after,
.checkbox label:before {content: '';position: absolute;top: 50%;border-radius: 0}
.checkbox label:before {left: 0;width: 16px;height: 16px;top:0;background: #f7f7f7;box-shadow: 0 0 1px grey}
.checkbox label:after {left: 3px;width: 10px;height: 10px;top:3px;opacity: 0;background: #ff8200;-webkit-transform: translate3d(-40px, 0, 0) scale(.5);transform: translate3d(-10px, 0, 0) scale(.5);transition: opacity .25s ease-in-out, -webkit-transform .25s ease-in-out;transition: opacity .25s ease-in-out, transform .25s ease-in-out;transition: opacity .25s ease-in-out, transform .25s ease-in-out, -webkit-transform .25s ease-in-out}
.checkbox input[type=checkbox],
.checkbox input[type=radio] {position: absolute;opacity:0;z-index:3;width:100%;height:20px;}
.checkbox input[type=checkbox]:checked+label:after,
.checkbox input[type=radio]:checked+label:after {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1}

.checkbox.competencias-exigidas,
.checkbox.gestor-setores {height: auto; float: left; display: inline-block; width: calc((100% / 3) - 20px); margin-right: 20px;}
.checkbox.checkbox-epis {height: auto; float: left; display: inline-block; width: calc((100% / 4) - 20px); margin-right: 20px;}

.clone {margin: 10px 0}
.clonar {color: #4c7cf3; font-size: 13px;}
.add-clone {color: #FFF; font-size: 14px; background: #ff8200; padding: 8px 15px; border-radius: 5px; float: right;margin-top: 5px}
.add-itens {color: #ff8200; font-size: 13px; float: right}
.remover-clone {color: #8A98AC; font-size: 13px; float: right}
.remover-questoes {color: #8A98AC; font-size: 13px; float: right; top: 4px; position: relative;}
.adicionar-alternativas {float: left}
.pergunta-questao strong {background-color: #4c7cf3; width: 25px; height: 25px; color: #FFF; border-radius: 50%; text-align: center; line-height: 25px; margin-right: 5px; display: inline-block;}
label.alternativa strong {background-color: #4c7cf3; width: 25px; height: 25px; color: #FFF; border-radius: 50%; text-align: center; line-height: 25px; margin-right: 5px; display: inline-block;}
.retorno-alternativas .row {margin-bottom: 5px; padding: 20px; border: 1px solid #e9e9e9; background: e9e9e978}
.retorno-alternativas .row textarea {margin-bottom: 5px; border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; height: 60px}
.tamanhos-clone {border-bottom: 1px solid #CCC}

ul.ul-list li::before {content: "\2022";color: #ff8200; font-weight: bold; display: inline-block; width: 1em; margin-left: 5px; }

#fullcontent {width: 100%; min-height: 100%; position: absolute;}

#sidebar {font-family: 'Roboto'; float: left; width: 230px; height: 100%; position: absolute; background-color: #FFF; border-right: 1px solid #e9e9e9; transition: all 0.3s ease}
#sidebar .menu-mobile {display: none}
#sidebar .logo {width: 230px; height: 100px; text-align: center;display: table-cell;vertical-align: middle}
#sidebar .logo img {max-width: 210px; max-height: 70px}

#sidebar #menu {border-bottom: 1px solid #eaeaea;}
#sidebar #menu li {border-top: 1px solid #eaeaea;}
#sidebar #menu li a {padding: 10px; display: block; color: #8A98AC; line-height: 18px; transition: 0.3s all;}
#sidebar #menu li a:hover,
#sidebar #menu li.active a {color: #FFF; background: #4c7cf3;}
#sidebar #menu li .fa-left,
#sidebar #menu li ul.submenu li .fa-fw {float: left; margin-right: 5px; font-size: 12px; line-height: 18px;}
#sidebar #menu li .fa-angle-right,
#sidebar #menu li .fa-angle-down {float: right;}
#sidebar #menu li span {float: left; display: block; width: calc(100% - 35px)}

#sidebar #menu li ul.submenu {display: none;}

#sidebar #menu li[data-recurso=nr20] ul.submenu li a,
#sidebar #menu li[data-recurso=gestao-obras] ul.submenu li a {color: #8A98AC; background: #FFF;}
#sidebar #menu li[data-recurso=nr20] ul.submenu li.active a,
#sidebar #menu li[data-recurso=nr20] ul.submenu li a.selected,
#sidebar #menu li[data-recurso=nr20] ul.submenu li a:hover,
#sidebar #menu li[data-recurso=gestao-obras] ul.submenu li.active a,
#sidebar #menu li[data-recurso=gestao-obras] ul.submenu li a.selected,
#sidebar #menu li[data-recurso=gestao-obras] ul.submenu li a:hover {color: #FFF; background: #8a98ac;}
#sidebar #menu li[data-recurso=nr20] ul.submenu li ul.submenu-nr20,
#sidebar #menu li[data-recurso=gestao-obras] ul.submenu li ul.submenu-obras {display: none; border-bottom: 5px solid #8A98AC;}
#sidebar #menu li[data-recurso=nr20] ul.submenu li ul.submenu-nr20 li a,
#sidebar #menu li[data-recurso=gestao-obras] ul.submenu li ul.submenu-obras li a {border-left: 15px solid #8A98AC; border-right: 5px solid #8A98AC; background: #FFF; color: #8A98AC;}

#sidebar #menu li[data-recurso=nr20] ul.submenu li ul.submenu-nr20 li a.selected,
#sidebar #menu li[data-recurso=nr20] ul.submenu li ul.submenu-nr20 li a:hover,
#sidebar #menu li[data-recurso=gestao-obras] ul.submenu li ul.submenu-obras li a.selected,
#sidebar #menu li[data-recurso=gestao-obras] ul.submenu li ul.submenu-obras li a:hover {border-left: 15px solid #4c7cf3; border-right: 5px solid #4c7cf3; background: #FFF; color: #4c7cf3;}

#sidebar #menu li:not([data-recurso=nr20]) ul.submenu li a,
#sidebar #menu li:not([data-recurso=gestao-obras]) ul.submenu li a {border-left: 10px solid #8A98AC; background: #FFF; color: #8A98AC;}
#sidebar #menu li:not([data-recurso=nr20]) ul.submenu li a:hover,
#sidebar #menu li:not([data-recurso=nr20]) ul.submenu li a.selected,
#sidebar #menu li:not([data-recurso=gestao-obras]) ul.submenu li a:hover,
#sidebar #menu li:not([data-recurso=gestao-obras]) ul.submenu li a.selected {color: #4c7cf3; background: none; border-left: 10px solid #4c7cf3;}


#content {float: right; width: calc(100% - 230px);}

#header {padding: 15px 30px; background-color: #4c7cf3; height: 70px}
#header .matriz-filial {float: left; color: #FFF; margin: 10px 0 10px 30px; font-size: 16px; line-height: 22px; font-weight: bold;}
#header .menu-mobile {color: #FFF; font-size: 30px; margin-top: 17px; float: left;}
#header ul {float: right; margin-top: 15px}
#header ul li {float: left; margin-left: 20px}
#header ul li a.avatar,
#header ul li a.filiais,
#header ul li a.notification {width: 40px; height: 40px; display: inline-block; position: relative; border-radius: 50%; border: 2px solid #FFF}
#header ul li a.avatar img,
#header ul li a.filiais img,
#header ul li a.notification img {width: 100%; height: 100%}
#header ul li a.notification div {background: #FFF; color: #ff8200; font-size: 11px; font-weight: 700;width: 24px; height: 24px; border-radius: 50%; text-align: center; line-height: 24px; position: absolute;top: -10px; right: -10px}
#header .profile {position: absolute; top: 80px; background-color: #FFF; border: 1px solid #DEE7F1; border-radius: 15px; padding: 0; width: 240px; right: 20px; display: none; z-index: 100}
#header .profile div {background-color: #4c7cf3; border-radius: 15px 15px 0 0; font-weight: bold; color: #FFF; padding: 15px}
#header .profile a {padding: 10px 15px; display: block;}
#header .profile a:hover {color: #4c7cf3}

#header .menu-filiais {position: absolute; top: 80px; background-color: #FFF; border: 1px solid #DEE7F1; border-radius: 15px; padding: 0; width: 240px; right: 20px; display: none; z-index: 100}
#header .menu-filiais div {background-color: #4c7cf3; border-radius: 15px 15px 0 0; font-weight: bold; color: #FFF; padding: 15px}
#header .menu-filiais div a {color: #FFF; padding: 8px 0 0 0; margin-top: 8px; border-top: 1px solid #FFF;}
#header .menu-filiais a {padding: 10px 15px; display: block;}
#header .menu-filiaiss a:hover {color: #4c7cf3}

#footer {position: absolute;bottom: 0; text-align: center; padding: 20px 0px; width: calc(100% - 280px); margin: 0 30px; border-top: 1px solid #eaeaea;right:0px;font-size:14px;}

#maincontent {padding: 15px 20px 130px 20px; color: #8A98AC; min-height: 100%; width: calc(100% - 40px);position: relative;}
#maincontent.box-view-avaliar {padding-bottom: 0}
#maincontent h1 {font-size: 28px; margin-bottom: 20px; float: left;color:#000}
#maincontent h1 a {color: #000}
#maincontent h1 i {color: #8A98AC}
#maincontent h1 a,
#maincontent h1 span,
#maincontent i {font-size: 18px;}
#maincontent p.alert,
#maincontent p.warning {margin: 10px 0 20px 0; font-weight: 400; display: inline-block;}
#maincontent p.alert i,
#maincontent p.warning i {float: left; font-size: 36px; margin-right: 15px}
#maincontent p.alert span,
#maincontent p.warning span {float: left;}
#maincontent p.alert {color: red;}
#maincontent p.warning {color: green;}
#maincontent .efetuar-triagem {border: 2px solid #CCC; padding: 15px 20px 15px 70px; display: table;margin: 20px auto; background: url(../images/sistema/ico-triagem.png) 15px center no-repeat; border-radius: 10px; transition: 0.3s}
#maincontent .efetuar-triagem:hover {border: 2px solid green; color: green}
#maincontent .candidatos-triagem {color: #4c7cf3; text-align: center; font-size: 18px;}
#maincontent .candidatos-triagem a i {color: #4c7cf3; font-size: 42px; margin-top: 20px}
#maincontent .candidatos-triagem-retorno {display: none}
#maincontent .candidatos-triagem-retorno .ranking .position-relevance ul {float: left;}
#maincontent .candidatos-triagem-retorno .ranking .position-relevance ul li {float: none; display: block; text-align: center;}
#maincontent .candidatos-triagem-retorno .ranking .position {background: #5178D0; border: 2px solid #FFF; border-radius: 50%; color: #FFF; font-weight: 700; line-height: 25px; width: 25px; height: 25px; text-align: center;}
.titulo-fileds {color: #4c7cf3; font-size: 16px; font-weight: bold;}
#maincontent .candidatos-triagem-retorno .ranking a img {float: right}
#maincontent .candidatos-triagem-retorno .ranking .relevance {font-weight: 700; text-align: center; color: #5178D0;}
.box-view .row strong {color: #4c7cf3; margin-bottom: 5px; padding-bottom: 5px; font-size: 15px; border-bottom: 1px solid #e9e9e9}
.box-view .box-fields.row.small2 {width: calc((100% / 2) - 52px); padding: 10px 20px}
.box-view .row,
.box-view .row strong,
#maincontent.box-view .row span {display: block}
#maincontent span.nao-informado,
.modal-dados-curriculo span.nao-informado {color: #ff000078}
.box-view ul.lista li {list-style: inside circle !important; margin: 8px 0}

#maincontent table {border: 1px solid #CCC; width: 100%; font-size: 13px}
#maincontent table th {background-color: #4c7cf3; color: #FFF; font-weight: 700}
#maincontent table th,
#maincontent table td {padding: 10px}
#maincontent table td .checked,
#maincontent table td .unchecked {cursor: pointer;}
#maincontent table th i {font-size: 14px}
.no-padding {padding: 10px 0 !important;}
#maincontent table tr hr {border-top: 2px solid #f2f2f2;border-bottom: transparent;margin: 2px 0}
#maincontent table tr:nth-child(2n) hr {border-top: 1px solid #FFF;border-bottom: transparent;}
.col-fase-processo-seletivo {text-align: center; font-size: 13px;}
#maincontent table tr:nth-child(odd) {background-color: #FFF}
#maincontent table tr:nth-child(even) {background-color: #f2f2f2}
#maincontent table tr td .ativo {background: green; color: #FFF; padding: 5px 10px; border-radius: 5px;  width: 85px; display: inline-block; text-align: center; margin: 1px 0}
#maincontent table tr td strong,
#maincontent table tr td strong a {color: #4c7cf3;}
#maincontent table tr td strong a i {margin-left: 4px; font-size: 12px; text-shadow: normal}
#maincontent table tr td .inativo {background: red; color: #FFF; padding: 5px 10px; border-radius: 5px;  width: 85px; display: inline-block; text-align: center; margin: 1px 0}
#maincontent table tr td .situacao {color: #FFF; padding: 5px 10px; border-radius: 5px; display: inline-block; text-align: center; width: 85px; margin: 1px 0}
#maincontent table tr td .situacao i {font-size: 12px}

#maincontent table tr th a,
#maincontent table tr th a.active i {color: #FFF}
#maincontent table tr th a i {color: #8A98AC}
#maincontent table tr td a.view i,
#maincontent table tr td a.edit i,
#maincontent table tr td a.delete i {margin-right: 5px; font-size: 18px}
#maincontent table tr td input[type="text"],
#maincontent table tr td input[type="text"],
#maincontent table tr td select {background:#f0f1f4;border:0px;padding:10px 15px;width:200px;}
#maincontent table tr td select {background:#f0f1f4 url(../images/sistema/icon-input-select.png) calc(100% - 10px) center no-repeat;}

.tipo-teste-comportamental ul li,
.tipo-teste-objetivo ul li {margin-top: 10px}

#maincontent table tr td .status-vaga {font-size: 18px;}

.box-interview  {position: relative; padding: 10px 20px}
.box-interview span.quantidade {position: absolute; display: table;background:#ff8200;color:#FFF;font-size: 12px;width: 30px;height: 30px;border-radius: 50%;text-align: center;line-height: 30px; top: -15px; left: -15px}
.box-interview .data-entrevista {margin-bottom: 0 !important; display: inline-block !important;background: green; color: #FFF; padding: 5px 10px; border-radius: 5px}
.processo-seletivo-status {position: relative; display: table;}
.processo-seletivo-progresso {width: 15px; margin-right: 3px; float: left;position: absolute; bottom:0}

.acoes-icones {padding: 0 !important}
.acoes-icones a {position: relative; margin-right: 15px}
.acoes-icones a span {position: absolute;right: -15px; background-color: #ff8200; display: inline-block; width: 24px; height: 24px; border-radius: 50%; text-align: center; line-height: 24px; color: #FFF; font-size: 12px; top: -2px}
td.acoes-icones a.tooltip img {width: 35px; height: 35px}
#maincontent .acoes-icones i {font-size: 20px}

ul.submenu-acoes {position: relative; top: 0px; left: 0; width: 100%}
ul.submenu-acoes li.submenu-acoes {border: 1px solid #4c7cf3; border-radius: 5px; padding: 6px 10px; width: 110px; cursor: pointer; width: calc(100% - 20px); background: #FFF; font-weight: 700; color: #4c7cf3}
ul.submenu-acoes li.submenu-acoes i {float: right;}
ul.submenu-acoes ul {border-bottom: 1px solid #4c7cf3;border-top: 1px solid #4c7cf3;border-left: 1px solid #4c7cf3;border-right: 1px solid #4c7cf3; background: #FFF; border-radius: 0 0 5px 5px; position: absolute;top: 28px; left: 0;  width: 100%; display: none; background: #FFF; z-index: 2}
ul.submenu-acoes ul li:not(:last-child) {border-bottom: 1px solid #4c7cf3;}
ul.submenu-acoes ul li a {margin: 0 !important; padding: 10px; font-size: 13px !important; color: #4c7cf3; display: block; font-weight: normal;width: calc(100% - 20px); text-align: left !important; font-weight: normal !important; position: relative;}
ul.submenu-acoes ul li a:hover {background: #f2f2f2;}
ul.submenu-acoes ul li a.delete {color: red}
ul.submenu-acoes li ul li i {float: left !important; margin-right: 5px}
ul.submenu-acoes li ul li img {float: left !important; margin-right: 5px; max-width: 22px; max-height: 18px}
ul.submenu-acoes li ul li span {position: absolute;right: 10px; background-color: #ff8200; display: inline-block; width: 24px; height: 24px; border-radius: 50%; text-align: center; line-height: 24px; color: #FFF; font-size: 12px; top: 7px}

#maincontent table tr td .foto-candidato {display: inline-block;position: relative;overflow: hidden;width: 50px; height: 50px; border-radius: 50%;}
#maincontent table tr td .foto-candidato img {width: 100%; height: 100%; object-fit: cover;}
#maincontent table tr td.acoes a,
#maincontent table tr td.share a,
#maincontent table tr td.acoes-lista-candidatos {position: relative;}
#maincontent table tr td.acoes-lista-candidatos div {position: absolute; display: table; top: 50%; transform: translateY(-50%);}
#maincontent table tr td a.handshake ,
#maincontent table tr td a.sugestoes,
#maincontent table tr td a.qtd-candidatos,
#maincontent table tr td a.interview {display: inline-block; text-align: center; font-weight: 700; margin: 4px 0; font-size: 15px}
#maincontent table tr td.acoes a.avaliar {font-weight: 700; color: #4c7cf3; letter-spacing: 1px}

#maincontent table tr td.acoes a.edit {color: #7b2121a8;}
#maincontent table tr td.acoes a.view {color: #ff8200b0;}
#maincontent table tr td.acoes a.interview {color: #854f89;}
#maincontent table tr td.acoes a.print {color: #c49052;}
#maincontent table tr td.acoes a.print,
#maincontent table tr td.acoes a.qtd-candidatos {color: #325e93;}
#maincontent table tr td.share a {display: inline-block; padding: 0}
#maincontent table tr td.share a i {margin: 0; font-size: 20px;}
#maincontent table tr td.share a.facebook {color: #3a559f}
#maincontent table tr td.share a.whatsapp {color: #46c655}
#maincontent table tr td.share a.twitter {color: #1da1f2}
#maincontent table tr td.share a.linkedin {color: #007bb6}

#maincontent table tr td a.handshake {color: #428a42; display: inline-block;}
#maincontent table tr td a.sugestoes {color: #b29600; display: inline-block;}
#maincontent table tr td a.handshake i {float: left; width: 40px; font-size: 20px; margin-top: 10px}
#maincontent table tr td a.sugestoes i {float: left; width: 40px; font-size: 25px}
#maincontent table tr td a.handshake span,
#maincontent table tr td a.sugestoes span {float: left; text-align: left;width: 110px;}

#maincontent table tr div.acoes-lista-candidatos {margin-bottom: 10px}
#maincontent table tr div.acoes-lista-candidatos a i {font-size: 18px;}
#maincontent table tr div.acoes-lista-candidatos a.entrevistar {color: #9C1C6B}
#maincontent table tr div.acoes-lista-candidatos a.pdf {color: #61361C}
#maincontent table tr div.acoes-lista-candidatos a.dados-curriculo {color: #E86D20}
#maincontent table tr div.acoes-lista-candidatos a.formacao {color: #0554AD}
#maincontent table tr div.acoes-lista-candidatos a.experiencia {color: #c496c5}
#maincontent table tr div.acoes-lista-candidatos a.cursos {color: #73683B}
#maincontent table tr div.acoes-lista-candidatos a.meu-banco {color: #01914E}
#maincontent table tr div.acoes-lista-candidatos a.meu-banco {color: #01914E}


#maincontent .exibindo {float: left; margin-top: 10px; font-size: 14px; padding: 7px}
#maincontent .paginacao {float: right; margin-top: 20px}
#maincontent .paginacao ul li.hidden {display: none}
#maincontent .paginacao ul li {float: left; margin-left: -1px}
#maincontent .paginacao ul li a {display: block; padding: 5px 10px; border: 1px solid #CCC; color: #000; font-size: 12px;}
#maincontent .paginacao ul li.selected a,
#maincontent .paginacao ul li a:hover {background-color: #4c7cf3; border: 1px solid #4c7cf3; color: #FFF}
#maincontent .restricted img {float: left; margin-right: 20px}
#maincontent .restricted .warning {float: left; color: #4c7cf3; font-size: 24px; line-height: 26px; margin: 15px 0}

form.assine {width: 100%; margin: 20px 0; max-width: 400px}
form.assine p { margin-bottom: 15px; font-size: 16px;}
form.assine p strong {color: #ff8200}
form.assine div { margin-bottom: 15px;}
form.assine div label { margin-bottom: 5px; display: block;}

.downloads {width: 200px; margin: 0 20px 20px 0; text-align: center;display: block;padding: 15px; border: 3px solid #FFF;display:inline-table; border-radius: 5px}
.downloads:hover {border: 3px solid #ff8200}
.downloads img {width: 100px; height: 100px; margin-bottom: 5px}
.downloads h2 {font-weight: bold; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #CCC}

.notificacao {margin-bottom: 20px; padding: 20px; border: 1px solid #e9e9e9; border-radius: 5px}
.notificacao .data {background: #ff8200; padding: 6px 15px 5px 15px; color: #FFF; border-radius: 20px; font-size: 12px; display: inline-block; letter-spacing: 2px}
.notificacao .titulo {font-weight: bold; margin: 15px 0; font-size: 24px; color: #4c7cf3; padding-right: 30px; border-bottom: 1px solid #CCC; display: inline-block;padding-bottom: 5px}
.notificacao .texto {line-height: 22px}
.notificacao .texto P {margin-bottom: 20px}

.assinatura .plano {float: left; width: 200px;border: 1px solid #e9e9e9; border-radius: 10px; text-align: center; color: #4c7cf3; padding-bottom: 10px;}
.assinatura .plano img {border-radius: 10px 10px 0 0; width: 100%}
.assinatura .plano strong {font-weight: 700;display: block;font-size: 22px;}
.assinatura .plano span {font-weight: 700;font-size: 28px;}

.assinatura form .box {float: left; width: calc((100% - 290px) / 2); margin-left: 40px}
.assinatura form fieldset {border: 1px solid #e9e9e9; border-radius: 10px; padding: 10px 20px; margin-bottom: 30px}
.assinatura form fieldset legend {color: #4c7cf3; font-weight: 700; padding: 0 10px; font-size: 16px}
.assinatura form fieldset label .titulo {margin-bottom: 5px}
.assinatura form fieldset label {margin-bottom: 10px; display: block;}
.assinatura form fieldset input,
.assinatura form fieldset select {font-size: 16px; padding: 10px}
.assinatura form fieldset label.small {width: calc(50% - 10px); float: left; margin-right: 20px}
.assinatura form .jp-card-container {margin: 0}

.assinatura .retorno {font-size: 15px; line-height: 22px}
.assinatura .retorno p {margin-bottom: 16px;}
.assinatura .retorno strong {color: #4c7cf3;}

.view-plano a.suspender {background: #f08113;display: inline-block;text-align: center;margin: 10px 5px 0 5px;color: #FFF;padding: 5px 20px;border-radius: 5px;border: 1px solid #FFF;}

.box-fields .biometria .titulo {font-weight: bold;}
#biometria {float: left; width: calc((100% - 20px) / 2); margin-right: 20px}
#biometria #hand {background: url(../images/sistema/handopen.png) center no-repeat; width: 100px; height: 100px; float: left; margin-right: 20px; position: relative;}
#biometria #hand ul li {width: 13px; height: 13px; display: inline-block; border-radius: 50%; background: red; position: absolute; border: 2px solid #FFF; cursor: pointer;}
#biometria #hand ul li.active {background-color: green}
#biometria #hand ul li:nth-of-type(1) {top: 45px; left: 2px;}
#biometria #hand ul li:nth-of-type(2) {top: 7px; left: 22px;}
#biometria #hand ul li:nth-of-type(3) {top: 0; left: 44px;}
#biometria #hand ul li:nth-of-type(4) {top: 6px; left: 67px;}
#biometria #hand ul li:nth-of-type(5) {top: 30px; left: 83px;}
.modal #biometria #hand ul li {cursor: default;;}
.modal #biometria #hand ul li.active {cursor: pointer;}
#biometria .obs {float: right;width: calc(100% - 120px);}
.box-fields .biometria .row {float: right; width: calc((100% - 20px) / 2);}

ul.seleciona-para-textarea {}
ul.seleciona-para-textarea li {float: left; border: 1px solid #4c7cf3; color: #4c7cf3; font-size: 12px; padding: 4px 7px; margin: 5px 5px 0 0; border-radius: 5px; cursor: pointer;}
ul.seleciona-para-textarea li.active {border: 1px solid #f08113; color: #f08113;}

@media screen and (max-width:1400px) {
    .dashboard .box {width: calc((100% / 2) - 56px); background:#fafbfd;border: 1px solid #e9e9e9; padding: 20px; margin: 20px 20px 0 0; float: left; border-radius: 5px; position: relative}
    .dashboard .box:nth-child(2n +1) {margin-right: 0;}

}

@media screen and (max-width:960px) {
	html {position:relative;overflow-x:hidden;width:100%;}
	body {overflow-x:hidden;width:100%;}

	* {-webkit-overflow-scrolling:touch;}

	#header .matriz-filial {max-width: calc(100% - 270px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

	.wrapper {width:100% !important;padding:0px !important;}

	.alerta .content {width: 80%}
	.alerta .content {font-size: 16px}

	#sidebar {display: none; width: 100%}
	#content {width: 100%}
	#footer {width: auto; position: auto; bottom: auto;}

	#sidebar .menu-mobile {display: block;position: absolute; top: 30px; right: 30px; font-size: 32px; color: #4c7cf3}
	#menu {width: 95%; margin-left: 5%}
	#sidebar #menu li a {font-size: 16px}
	#sidebar #menu li .fa-angle-right, #sidebar #menu li .fa-angle-down {margin-right: 20px}

	.menu-circle span {display: none;}
	.menu-circle:hover span {opacity: 0}
	.buttons-right {margin: 0}
	.buttons-right .menu-circle {width: 30px; height: 30px; padding: 0; margin: 0 0 10px 10px}
	.buttons-right .menu-circle img {width: 30px; height: 30px}

	form .row {margin: 25px 0}

	.box-view .row.small,
	.row.small,
	.row.small2 {float: none; width: 100%; margin-right: 0}

	#maincontent {padding: 10px; width: calc(100% - 20px)}
	#maincontent h1 {margin-bottom: 10px; float: none;}
	#maincontent .box-1-3,
	#maincontent .box-2-2 {width: 100%; padding: 0; margin-bottom: 0}
	#maincontent .exibindo,
	#maincontent .paginacao {float: none}
	#maincontent .exibindo {padding: 0}
	#maincontent .paginacao ul li a {padding: 10px 15px}

	#maincontent table thead {display: none}
	#maincontent table tbody tr,
	#maincontent table tbody td {display: block;}
	#maincontent table tbody tr {min-height: 90px}
	#maincontent table tbody tr {padding: 10px 15px; position: relative}
	#maincontent table tbody td {padding: 5px 0; width: calc(100% - 35px);}
	/*#maincontent table tbody td.acoes {float: right; position: absolute; top: 0; right: 0; width: 25px; text-align: center; margin-right: 10px}*/
	ul.submenu-acoes {width: 200px}
	#maincontent table tbody td.acoes a {margin-right: 0; margin-top: 7px; display: inline-block; height: 24px}
	#maincontent table tbody td.acoes i {font-size: 20px !important}

    .dashboard .welcome {float: none; margin-bottom: 10px}
    .dashboard .box {width: calc(100% - 20px); float: none; padding: 10px; margin: 15px 0 0 0}
    .modal-preferencias-dashboard .content {height: calc(100% - 20px); width: calc(100% - 20px)}
    .modal-preferencias-dashboard .content ul li {width: 100%; margin: 5px 0}
    .modal-ocultar-dashboard .content {height: calc(100% - 20px); width: calc(100% - 20px)}
    .modal-preferencias-dashboard .content .close,
    .modal-ocultar-dashboard .content .close {top: 25px; right: 25px}

    .add-itens {margin-bottom: 10px;display: block;float: none;text-align: right;}

    .nav-tabs li {display: block}
    .nav-tabs li a {display: block;}
    .nav-tabs li a.active {display: block; background: url(../images/sistema/icon-input-select.png) calc(100% - 20px) 13px no-repeat}

    #maincontent h1 {font-size: 14px; font-weight: 700; margin: 10px 0 20px 0; float: left;}
    #maincontent h1 a, #maincontent h1 span, #maincontent i {font-size: 14px; font-weight: normal}
    .tab-content {padding: 10px; border: none}
    form .row {margin: 0 0 15px 0 !important}
    form .box-fields.row .row,
    form .box-fields.clone .row {margin-top: 0px !important}
    .box-fields.row {width: calc(100% - 22px) !important;padding: 15px 15px 0 15px}
    .row.small3,
    .row.small4,
    .row.small5 {float: none; width: 100%; margin: 0}
}

@media screen and (max-width:599px) {
	#header {height: 44px; padding: 15px 20px;}
	#header .menu-mobile {font-size: 22px; margin-top: 11px;}
	#header .matriz-filial {font-size: 12px; margin: 6px 0 0 10px; line-height: 16px; max-width: calc(100% - 170px)}
	#header ul {margin-top: 6px;}
	#header ul li {margin-left: 10px;}
	#header ul li a.avatar, 
	#header ul li a.filiais, 
	#header ul li a.notification {width: 26px; height: 26px;}
}