/**************************************************
    TODO: Esses estilos foram desenvolvidos pelo Alan, mas estão muito ruins de utilizar e precisam
    ser melhorados. Além disso, existem estilos desenvolvidos para páginas específicas, o que não
    deveria estar aqui.
**************************************************/
.nopadding {
	padding: 0;
}

.nomargin {
	margin: 0;
}

.noborder {
	border: none;
}

.left-border {
	border-left: solid 1px #aaaeae;
}

.flex-container {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	flex-direction: row;
	box-sizing: border-box;
}

.flex-container.space-between {
	justify-content: space-between;
}

.flex-container-col {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	flex-direction: column;
	box-sizing: border-box;
}

.flex-container.body {
	margin-top: 20px;
	justify-content: center;
	padding: 5px;
	border: 3px solid white;
	cursor: pointer;
}

.flex-container.body:hover {
	margin-top: 20px;
	justify-content: center;
	border: 3px dashed rgb(33, 120, 68);
}

.flex-container.body.dashed {
	margin-top: 20px;
	justify-content: center;
	border: 3px dashed rgb(33, 120, 68);
}

.half {
	width: 50%;
}

.ico {
	width: 30px;
	height: 30px;
}

.img-csv{
	width: 200px;
	height: 200px;
}

.full-line-centered {
	width: 100%;
	justify-content: center;
}

.vertical-center {
	align-items: center;
}

.vertical-top {
    vertical-align: top;
    align-items: baseline;
}

.btn-voltar {
	width: 80px;
}

.hidden-file-field {
	display: none;
}

hr {
	width: 100%;
}

img.ico {
	width: 20px;
	height: 20px;
}

table.grid-modal {
	width: 100%;
	font-size: 1em;
	border-collapse: collapse;
	color: #524432;
}

table.grid-modal td {
	border: solid 1px #987987;
	padding: 5px;
}

table.grid-modal tr:nth-child(even) {
	background-color: #f2f2f2;
}

label.titulo-centered {
	width: 100%;
	font-weight: bold;
	text-align: center;
}

/**
* MODAL
*/
.modal-aguarde-image {
	width: 60px;
	height: 60px;
}

.multi-modal {
	display: none;
	text-align: center;
}

.multi-modal-fundo {
	background: rgba(0, 0, 0 ,0.8);
    width: 100%;
	height: 100%;
	top:0;
	left:0;
	position: fixed;
	z-index: 99999;
	justify-content: center;
    align-items: center;
}

.multi-modal-title {
	font-weight: bold;
	font-size: 1.2em;
}

.multi-modal-close {
	font-weight: bold;
	font-size: 1.2em;
	cursor: pointer;
}

.multi-modal-fundo .formulario-final-vaga {
	background-color: white;
	width: 30%;
	height: 72%;
	padding: 20px;
}

.multi-modal-fundo .overlay-imagem {
	position: absolute;
	height: auto; 
	width: auto; 
	max-height: 100%; 
	max-width: 100%;
	top: 50%;
  	left: 50%;
	transform: translate(-50%,-50%);
  	-ms-transform: translate(-50%,-50%);
}

/**
* [FIM] MODAL
*/

.aguarde {
	display: none;
	text-align: center;
}
/* Substituir a tag <font> (depreciado) */
span.font {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.lista-arquivos {
	width: 300px;
}

.lista-arquivos .arquivo {
	align-items: center;
	border-bottom: solid 1px #a9a9a9;
}

.clicavel {
	cursor: pointer;
}

.lista-arquivos div:hover {
	background-color: #f0e9e9;
}

.multi-maincabecalho {
	border-bottom: 1px solid #9a9a9a;
    padding: 5px 0 5px 0;
    justify-content: space-between;
	margin-bottom: 5px;
	font-weight: bold;
	text-transform: uppercase;
}

/* [INI] Relacionados a formulários */
.multi-label {
	align-content: center;
	width: 15%;
	padding-right: 25px;
}

.multi-formrow {
	align-items: center;
	padding: 5px;
}

.multi-areafiltro {
	padding: 5px;
    background-color: #eeeeee;
	border-radius: 5px;
	margin: 10px 0 10px 0;
}

.multi-square-btn {
	height: 20px;
	padding: 2.5px 10px 2.5px 10px;
	border: solid 1px #9f9f9f;
	cursor: pointer;
}

.multi-btn {
	height: 20px;
	padding: 2.5px 10px 2.5px 10px;
	border-radius: 5px;
	border: solid 1px #9f9f9f;
	min-width: 80px;
	max-width: 250px;
	cursor: pointer;
}

.multi-btn-md {
	height: 27px;
	padding: 5px 20px 5px 20px;
	border-radius: 5px;
	border: solid 1px #9f9f9f;
	cursor: pointer;
}

.multi-btn-ok {
	background-color: #71ccef;
}

.multi-btn-warning {
	background-color: #eb890a;
}

.multi-btn-success {
	background-color: #7fde7f;
}

.multi-btn-fail {
	background-color: #ff6565;
}

.multi-textfield {
	border: solid 1px #a9a9a9;
	padding: 2.5px;
	border-radius: 5px;
	width: 250px;
}

.multi-textfield-md {
	height: 27px;
	border: solid 1px #a9a9a9;
	padding: 5px;
	border-radius: 5px;
	width: 300px;
	font-size: 1em;
}

.multi-textfield-data {
	width: 80px;
	border: solid 1px #a9a9a9;
	padding: 2.5px;
	border-radius: 5px;
}

.multi-textarea {
	border: solid 1px #a9a9a9;
	padding: 5px;
	border-radius: 5px;
	width: 250px;
	font-size: 1em;
}

.multi-preencha {
	border-color: tomato!important;
}

/* [FIM] Relacionados a formulários */

/* [INI] Table */
.multi-table {
	border-collapse: collapse;
	width: 100%;
}

.multi-table thead tr th {
	padding: 5px;
	background-color: #dedede;
}

.multi-table tbody tr:hover {
	background-color: #dfdedf;
}

/* [FIM] Table */

.lista-pareceres {
	width: 100%;
	overflow: auto;
	height: 160px;
}
/* [INI] Lista dinâmica */
.lista-dinamica .lista-item {
	border: solid 1px #a9a9a9;
	border-radius: 5px 5px 0 0;
	min-height: 60px;
	margin-top: 10px;
	cursor: pointer;
	transition: transform .1s ease-in-out;
}

.lista-dinamica .lista-item:hover {
	transform: scale(1.02);
}

.lista-dinamica .lista-item .maincol20 {
	width: 20%;
	background-color: #99ff99;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-right: solid 1px #a9a9a9;
	padding: 2px;
}

.lista-dinamica .lista-item .maincol40 {
	width: 40%;
	background-color: #99ff99;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-right: solid 1px #a9a9a9;
	padding: 2px;
}

.lista-dinamica .lista-item .col20 {
	width: 20%;
	align-items: center;
	justify-content: center;
	padding: 2px;
}

.lista-dinamica .lista-item .col40 {
	width: 40%;
	align-items: center;
	justify-content: center;
	padding: 2px;
}

.lista-dinamica .lista-item .col60 {
	width: 60%;
	align-items: center;
	justify-content: center;
	padding: 2px;
}

.lista-dinamica .lista-item .col80 {
	width: 80%;
	align-items: center;
	justify-content: center;
	padding: 2px;
}

.lista-dinamica .lista-item .col-footer {
	justify-content: flex-end;
}

.lista-dinamica .detalhes-item {
	display: none;
	padding: 5px;
	border: solid 1px #a9a9a9;
	border-top: none;
	width: 100%;
}

.lista-dinamica .label-detalhes {
	font-weight: bold;
	background-color: #e3e3e3;
}

.multi-link {
	color: blue;
	cursor: pointer;
}

/* [FIM] Lista dinâmica */

/*
	ESPECÍFICO
*/
.flex-container.cabecalho {
	border-bottom: 1px solid #1f2f1f;
    justify-content: space-between;
    padding: 0 4px 4px 0;
}

.flex-container.body {
	margin-top: 20px;
	justify-content: center;
	padding: 5px;
	border: 3px solid white;
	cursor: pointer;
}

.flex-container.body:hover {
	margin-top: 20px;
	justify-content: center;
	border: 3px dashed rgb(33, 120, 68);
}

.flex-container.body.dashed {
	margin-top: 20px;
	justify-content: center;
	border: 3px dashed rgb(33, 120, 68);
}

.img-csv{
	width: 200px;
	height: 200px;
}

.dica-csv-import {
	color: rgb(33, 120, 68);
	font-weight: bold;
	text-align: center;
	width: 100%;
}

.check-pcd {
	align-self: center;
}

.detalhes-cargo {
	width: 87.5%;
	border-radius: 5px;
	border: solid 1px #a9a9a9;
}

.vagas-acoes {
	justify-content: flex-start;
	align-items: center;
}

.vaga-inativa {
	background-color: #f1bab9;
}

.escolhido {
	background-color: #99ff99
}

.detalhes-cadastrar-salario {
	display: none;
}

.titulo {
	font-weight: bold;
	width: 100%;
}

.font-weight-normal {
	font-weight: normal;
}

.numero-pendencias-vagas {
	color:white;
	border-radius: 100%;
	width: 16px;
	height: 16px;
	border: solid 1px red;
	text-align:center;
	font-weight: bold;
	background-color: red;
}

.numero-candidatos-vagas-concluido {
	color:white;
	border-radius: 100%;
	width: 16px;
	height: 16px;
	border: solid 1px black;
	text-align:center;
	font-weight: bold;
	background-color: black;
}

.numero-candidatos-vagas {
	color:white;
	border-radius: 100%;
	width: 16px;
	height: 16px;
	border: solid 1px blue;
	text-align:center;
	font-weight: bold;
	background-color: blue;
}

.finalista-item {
	margin: 5px 0 5px 0;
}

.arquivo:hover {
	background-color: #aeeba1;
}

.msg-alerta {
	color: red;
}

.msg-sucesso {
	color: green;
}