/* ==========================================================================
Cores
========================================================================== */
/* Ações */
/* ==========================================================================
Tipografia Painel
========================================================================== */
/* ==========================================================================
Tipografia
========================================================================== */
.candidato {
  /*&.chatbot{
		
			height: 70%;
			position: relative;

			.base_loading{
				position: absolute;
				width: 85%;
				height: 100%;
				background-color: rgba(30,30,30,0.6);
				z-index: 99999999;
			}

			#form {
			    height: 0px;
			    overflow: hidden;
			}

			#cf-context { 
		    	width: 100%; 
		    	height: 100%;
		    	overflow: hidden;

		    	.conversational-form{
					width: 100%  !important; 
				  	height: 100% !important;
		     		display: block !important;
				  	position: relative !important;
		      		background-color: transparent !important;

		      		.cf-button {
		      		    color: var(--cf-color-black);
					    border-color: #dddddd;
					    background: white !important;
					    line-height: 1.2;
		      		}

		      		cf-chat-response.robot text > p{
			      		color: white;
			      		background-color: rgba(0,0,0,0.5);
			    	}

			    	cf-chat-response.user text > p{
			      		color: white;
			    	}


		      		&:before {
				        content: "";
				        width: 100%;
				        height: 50px;
				        pointer-events: none;
				        background: linear-gradient(to bottom,rgba(245,245,245,1) 0,rgba(245,245,245,0) 100%) !important;
				        position: absolute;
				        top: 0;
				        left: 0;
				        z-index: 2;
				    }

				}
		    } 

		}*/
}
.candidato.perfil .cdd-perfil {
  position: relative;
  padding: 2em;
  border: solid 1px #757575;
}
.candidato.perfil .cdd-perfil .base_loading {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(30, 30, 30, 0.8);
  z-index: 99999999;
  top: 0;
  left: 0;
}
.candidato.perfil .cdd-perfil h1,
.candidato.perfil .cdd-perfil p {
  text-align: center;
  width: 100%;
}
.candidato.perfil .cdd-perfil .thumb img {
  width: 8em;
  height: 8em;
  border-radius: 50%;
  border: solid 5px #757575;
}
.candidato.perfil .cdd-perfil .thumb button {
  margin-top: 1em;
}
.candidato.perfil .cdd-perfil .dados h3 {
  float: left;
  width: 10%;
}
.candidato.perfil .cdd-perfil .dados button {
  float: left;
  margin-top: 1em;
}
.candidato.perfil .cdd-perfil .dados hr {
  clear: both;
}
.candidato.painel .bloco {
  width: 49%;
  margin-right: 0;
  display: inline-table;
  height: auto;
  min-height: 16em;
  padding: 1em;
  margin-bottom: 1em;
}
.candidato.painel .bloco h3 {
  font-size: 2em;
  margin: 0.5em 0;
}
.candidato.painel .bloco.continuar {
  background-color: #c4df9b;
}
.candidato.painel .bloco.continuar h3 {
  color: #47641d;
}
.candidato.painel .bloco.continuar p {
  color: #47641d;
}
.candidato.painel .bloco.continuar a > li {
  color: #47641d  !important;
  text-decoration: underline;
}
.candidato.painel .bloco.candidatadas {
  background-color: #7accc8;
}
.candidato.painel .bloco.candidatadas h3 {
  color: #216a66;
}
.candidato.painel .bloco.candidatadas p {
  color: #216a66;
}
.candidato.painel .bloco.candidatadas a > li {
  color: #216a66 !important;
  text-decoration: underline;
}
.candidato.painel .bloco.finalizadas {
  width: 99%;
  background-color: #f26d7d;
}
.candidato.painel .bloco.finalizadas h3 {
  color: white;
}
.candidato.painel .bloco.finalizadas p {
  color: white;
}
.candidato.painel .bloco.finalizadas a {
  color: white;
}
.candidato.agendamento #dias {
  margin: 0;
  padding: 0;
}
.candidato.agendamento #dias li {
  margin: 0;
  padding: 0;
  width: 30%;
  list-style-type: none;
  float: left;
  border-right: solid 1px #cecece;
}
.candidato.agendamento #dias li#horarios {
  border-left: none;
  width: 10% !important;
}
.candidato.agendamento #dias li ul {
  margin: 0;
  padding: 0;
}
.candidato.agendamento #dias li ul li {
  width: 100%;
  height: 2em;
  display: block !important;
  margin: 0;
  padding: .2em;
  border-bottom: solid 1px #cecece;
}
.candidato.agendamento #dias li ul li.data {
  font-weight: bold;
  text-align: center;
  padding-top: .5em;
}
.candidato.agendamento #dias li ul li .horario {
  width: 100%;
  height: 100%;
  background-color: #cecece;
  border-radius: 0.5em;
  padding: .2em;
  text-align: center;
  cursor: pointer;
}
.candidato.agendamento #dias li ul li .horario:hover {
  color: white;
  font-weight: bold;
  background-color: #3cb878;
}
.candidato.testes [type="radio"]:checked,
.candidato.teste_ingles [type="radio"]:checked,
.candidato.testes [type="radio"]:not(:checked),
.candidato.teste_ingles [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.candidato.testes [type="radio"]:checked + label,
.candidato.teste_ingles [type="radio"]:checked + label,
.candidato.testes [type="radio"]:not(:checked) + label,
.candidato.teste_ingles [type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
}
.candidato.testes [type="radio"]:checked + label:before,
.candidato.teste_ingles [type="radio"]:checked + label:before,
.candidato.testes [type="radio"]:not(:checked) + label:before,
.candidato.teste_ingles [type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff;
}
.candidato.testes [type="radio"]:checked + label:after,
.candidato.teste_ingles [type="radio"]:checked + label:after,
.candidato.testes [type="radio"]:not(:checked) + label:after,
.candidato.teste_ingles [type="radio"]:not(:checked) + label:after {
  content: '';
  width: 12px;
  height: 12px;
  background: #3cb878;
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.candidato.testes [type="radio"]:not(:checked) + label:after,
.candidato.teste_ingles [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.candidato.testes [type="radio"]:checked + label:after,
.candidato.teste_ingles [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.candidato.testes li,
.candidato.teste_ingles li {
  padding: 1.5em;
  margin-bottom: 3em;
  border: solid 1px #909090;
  list-style-type: none;
}
.candidato.testes li h2,
.candidato.teste_ingles li h2,
.candidato.testes li label,
.candidato.teste_ingles li label {
  color: #303030;
}
.candidato.testes li p,
.candidato.teste_ingles li p {
  color: #303030;
}
.candidato .video_entrevista {
  position: relative;
}
.candidato.big5 label ul {
  padding: 0;
  margin: 0;
}
.candidato.big5 label ul li {
  list-style-type: none;
  float: left;
  width: 100%;
  height: 5em;
  border: solid 1px #303030;
  margin-right: .4em;
  color: #303030;
  padding-top: 1em;
  text-align: center;
}
.candidato.big5 label ul li i {
  font-size: 0.8em;
  color: #303030;
}
.candidato.big5 label ul li p {
  clear: both;
  text-align: center;
  margin: 0;
  font-size: 0.9em;
  font-weight: normal;
}
.candidato.big5 label ul li.selected {
  background-color: #3cb878;
  color: white;
}
.candidato.big5 label ul li.selected p {
  color: white;
  font-weight: bold;
}
.candidato.big5 label ul li.selected i {
  color: white;
}
.candidato .etapas .resumo {
  position: relative;
  width: 100%;
  text-align: left;
  padding-top: 0em;
  padding-left: 0em;
  border-right: solid 1px #cecece;
}
.candidato .etapas .resumo h1 {
  margin-top: 0;
}
.candidato .etapas .resumo h1,
.candidato .etapas .resumo h2,
.candidato .etapas .resumo h3,
.candidato .etapas .resumo h4,
.candidato .etapas .resumo p {
  text-align: left;
  margin-top: 0  !important;
  margin-bottom: .5em !important;
}
.candidato .etapas .resumo h1.destaque,
.candidato .etapas .resumo h2.destaque,
.candidato .etapas .resumo h3.destaque,
.candidato .etapas .resumo h4.destaque,
.candidato .etapas .resumo p.destaque {
  font-weight: bold !important;
  color: #3cb878 !important;
}
.candidato .etapas .resumo h1.futuro,
.candidato .etapas .resumo h2.futuro,
.candidato .etapas .resumo h3.futuro,
.candidato .etapas .resumo h4.futuro,
.candidato .etapas .resumo p.futuro {
  font-weight: bold !important;
  color: #b3b3b3 !important;
}
.candidato .etapas .info {
  position: relative;
  width: 100%;
  text-align: left;
  padding-top: 0em;
  padding-left: 2em;
  border-left: solid 1px #cecece;
}
.candidato .etapas .info h1 {
  margin-top: 0;
}
.candidato .etapas .info h1,
.candidato .etapas .info h2,
.candidato .etapas .info h3,
.candidato .etapas .info h4,
.candidato .etapas .info p {
  text-align: left;
}
.candidato .etapas .grafico {
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: left;
  overflow: visible;
}
.candidato .etapas .grafico .avatar {
  border-radius: 0;
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 47.5%;
  left: 50%;
  margin-top: -18%;
  margin-left: -18%;
}
.candidato .etapas .grafico .avatar img {
  width: 36%;
  height: 36%;
  border-radius: 50%;
}
.candidato .etapas .grafico.muitasEtapas .avatar {
  top: 47.5%;
  left: 50%;
  margin-top: -13%;
  margin-left: -13%;
}
.candidato .etapas .grafico.muitasEtapas .avatar img {
  width: 26%;
  height: 26%;
}
.candidato .etapas .grafico svg {
  overflow: visible !important;
}
.candidato .etapas .grafico svg foreignObject {
  overflow: visible !important;
}
.candidato .etapas .apexcharts-legend {
  overflow: visible !important;
}
.candidato .etapas .apexcharts-legend .apexcharts-legend-series {
  position: relative;
  top: 0;
  right: 55%;
  width: auto;
  text-align: right;
  padding-right: 1em;
  white-space: nowrap;
  overflow: visible !important;
}
/* ==========================================================================
Media Queries
========================================================================== */
@media only screen and (min-width: 1024px) {
  .candidato .etapas .resumo {
    width: 20%;
    float: left;
    margin-top: 0;
  }
  .candidato .etapas .info {
    width: 20%;
    float: left;
    margin-top: 4em;
  }
  .candidato .etapas .grafico {
    width: 48%;
    float: left;
    margin-left: 5%;
  }
}
@media only screen and (min-width: 1200px) {
  .candidato.big5 label ul li {
    width: 13%;
  }
}

/* ==========================================================================
Cores
========================================================================== */
/* Ações */
/* ==========================================================================
Tipografia Painel
========================================================================== */
/* ==========================================================================
Tipografia
========================================================================== */
.edit_etapa {
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 40;
  left: 0 !important;
}
.edit_etapa .criarDados {
  border-radius: 1em 1em 0 0;
  padding: 2em 4em 4em 4em;
  bottom: 0;
  width: 100%;
  min-height: 20vh;
  height: auto;
  max-height: 100vh;
  overflow: auto;
  background-color: white;
  border-top: solid 1px #757575;
  text-align: left;
  position: absolute;
  top: 10vh;
  left: 0;
  z-index: 99999;
}
.edit_etapa .criarDados .tipoDado .tipo {
  padding: 2em;
  height: 40%;
  width: 40%;
  display: inline-block;
  vertical-align: top;
}
.edit_etapa .criarDados .tipoDado .tipo:first-child {
  border-right: solid 1px #cecece;
  margin-right: 2em;
}
.edit_etapa .etapa {
  border-radius: 1em 1em 0 0;
  padding: 2em 4em 4em 4em;
  position: absolute;
  bottom: 0;
  width: 100%;
  min-height: 50vh;
  height: auto;
  max-height: 100vh;
  overflow: auto;
  background-color: white;
  border-top: solid 1px #757575;
  text-align: left;
}
.edit_etapa .etapa p,
.edit_etapa .etapa label,
.edit_etapa .etapa li {
  color: #303030;
}
.edit_etapa .etapa .chatbot {
  height: 70vh;
}
.edit_etapa .etapa .chatbot .adicionar {
  float: left;
  padding: 0 2em;
  height: auto;
  width: 28%;
}
.edit_etapa .etapa .chatbot .adicionar p {
  margin: 0 0 1em 0;
}
.edit_etapa .etapa .chatbot .adicionar label {
  float: inherit;
  position: relative;
}
.edit_etapa .etapa .chatbot .adicionar .alternativas input {
  font-size: 0.8em;
  padding: 0.2em 0.5em;
}
.edit_etapa .etapa .chatbot .adicionar .alternativas ul {
  margin: 0.5em 0;
  padding: 0;
}
.edit_etapa .etapa .chatbot .adicionar .alternativas ul li {
  margin: 0;
  padding: 0.5em 0;
}
.edit_etapa .etapa .chatbot .conversas {
  float: left;
  width: 68%;
  height: auto;
  border-right: solid 1px #757575;
}
.edit_etapa .etapa .chatbot .conversas ul {
  padding: 0;
  margin: 3em 2em 2em 0;
  max-height: 26em;
  overflow: auto;
}
.edit_etapa .etapa .chatbot .conversas ul li {
  position: relative;
  padding: 1em;
  margin: 0.5em 0;
  border-bottom: solid 1px #606060;
  display: block;
  -webkit-transition: background 1s ease-out;
  -moz-transition: background 1s ease-out;
  -ms-transition: background 1s ease-out;
  -o-transition: background 1s ease-out;
}
.edit_etapa .etapa .chatbot .conversas ul li i {
  cursor: pointer;
  font-size: 1.2em;
  margin-right: 0.8em;
  color: #303030;
}
.edit_etapa .etapa .chatbot .conversas ul li ul {
  position: relative;
  margin: 1em 0 0 0;
  width: 97.8%;
  margin-left: 1.8em;
}
.edit_etapa .etapa .chatbot .conversas ul li ul li {
  padding: 0.5em 1em;
  margin: 0;
  width: 100%;
}
.edit_etapa .etapa .chatbot .conversas ul li ul li p {
  display: inline;
  width: 70%;
}
.edit_etapa .etapa .chatbot .conversas ul li ul li i {
  cursor: pointer;
  color: #757575;
}
.edit_etapa .etapa .chatbot .conversas ul li.destaque {
  background-color: #3cb878;
}
.edit_etapa .etapa .chatbot .conversas ul li .infos {
  width: 74%;
}
.edit_etapa .etapa .chatbot .conversas ul li .infos p {
  display: inline;
}
.edit_etapa .etapa .chatbot .conversas ul li .infos .isCondicional {
  border-radius: 0.5em;
  display: inline;
  background-color: #008db3;
  color: white;
  width: 9em;
  padding: 0.1em 0.5em;
  font-size: 0.8em;
  margin-left: 1em;
}
.edit_etapa .etapa .chatbot .conversas ul li .infos .isCondicional i {
  margin-right: 0.2em;
  color: white;
}
.edit_etapa .etapa .chatbot .conversas ul li .infos .dado {
  border-radius: 0.5em;
  display: inline;
  background-color: #3cb878;
  color: white;
  width: 9em;
  padding: 0.1em 0.5em;
  font-size: 0.8em;
  margin-left: 1em;
}
.edit_etapa .etapa .chatbot .conversas ul li .infos .dado i {
  color: white;
  margin-right: 0.2em;
}
.edit_etapa .etapa .chatbot .conversas ul li .actions {
  position: absolute;
  right: 1em;
  top: 1em;
}
.edit_etapa .etapa .chatbot .testar {
  clear: both;
  margin-top: 2em;
  width: 100%;
  height: 45vh;
  border: solid 1px #cecece;
  background-color: #f5f5f5;
}
.edit_etapa .etapa .chatbot .testar .conversational-form {
  width: 100%  !important;
  height: 100% !important;
  position: relative;
}
.edit_etapa .etapa .chatbot .testar #cf-context {
  width: 100%  !important;
  height: 100% !important;
}
.edit_etapa .etapa .chatbot .testar #form {
  height: 0px;
  overflow: hidden;
}
.edit_etapa .etapa .testes,
.edit_etapa .etapa .teste_ingles {
  height: 70vh;
}
.edit_etapa .etapa .testes .adicionar,
.edit_etapa .etapa .teste_ingles .adicionar {
  float: left;
  padding: 0 2em;
  height: auto;
  width: 28%;
}
.edit_etapa .etapa .testes .adicionar p,
.edit_etapa .etapa .teste_ingles .adicionar p {
  margin: 0 0 1em 0;
}
.edit_etapa .etapa .testes .adicionar label,
.edit_etapa .etapa .teste_ingles .adicionar label {
  float: inherit;
  position: relative;
}
.edit_etapa .etapa .testes .adicionar .alternativas input,
.edit_etapa .etapa .teste_ingles .adicionar .alternativas input {
  font-size: 0.8em;
  padding: 0.2em 0.5em;
}
.edit_etapa .etapa .testes .adicionar .alternativas ul,
.edit_etapa .etapa .teste_ingles .adicionar .alternativas ul {
  margin: 0.5em 0;
  padding: 0;
}
.edit_etapa .etapa .testes .adicionar .alternativas ul li,
.edit_etapa .etapa .teste_ingles .adicionar .alternativas ul li {
  margin: 0;
  padding: 0.5em 0;
}
.edit_etapa .etapa .testes .perguntas,
.edit_etapa .etapa .teste_ingles .perguntas {
  float: left;
  width: 68%;
  height: auto;
  border-right: solid 1px #757575;
}
.edit_etapa .etapa .testes .perguntas ul,
.edit_etapa .etapa .teste_ingles .perguntas ul {
  padding: 0;
  margin: 3em 2em 2em 0;
  max-height: 26em;
  overflow: auto;
}
.edit_etapa .etapa .testes .perguntas ul li,
.edit_etapa .etapa .teste_ingles .perguntas ul li {
  position: relative;
  padding: 1em;
  margin: 0.5em 0;
  border-bottom: solid 1px #606060;
  display: block;
  -webkit-transition: background 1s ease-out;
  -moz-transition: background 1s ease-out;
  -ms-transition: background 1s ease-out;
  -o-transition: background 1s ease-out;
}
.edit_etapa .etapa .testes .perguntas ul li i,
.edit_etapa .etapa .teste_ingles .perguntas ul li i {
  cursor: pointer;
  font-size: 1.2em;
  margin-right: 0.8em;
  color: #303030;
}
.edit_etapa .etapa .testes .perguntas ul li ul,
.edit_etapa .etapa .teste_ingles .perguntas ul li ul {
  position: relative;
  margin: 1em 0 0 0;
  width: 97.8%;
  margin-left: 1.8em;
}
.edit_etapa .etapa .testes .perguntas ul li ul li,
.edit_etapa .etapa .teste_ingles .perguntas ul li ul li {
  padding: 0.5em 1em;
  margin: 0;
  width: 100%;
}
.edit_etapa .etapa .testes .perguntas ul li ul li p,
.edit_etapa .etapa .teste_ingles .perguntas ul li ul li p {
  display: inline;
  width: 70%;
}
.edit_etapa .etapa .testes .perguntas ul li ul li i,
.edit_etapa .etapa .teste_ingles .perguntas ul li ul li i {
  cursor: pointer;
  color: #757575;
}
.edit_etapa .etapa .testes .perguntas ul li.destaque,
.edit_etapa .etapa .teste_ingles .perguntas ul li.destaque {
  background-color: #3cb878;
}
.edit_etapa .etapa .testes .perguntas ul li .infos,
.edit_etapa .etapa .teste_ingles .perguntas ul li .infos {
  width: 74%;
}
.edit_etapa .etapa .testes .perguntas ul li .infos p,
.edit_etapa .etapa .teste_ingles .perguntas ul li .infos p {
  display: inline;
}
.edit_etapa .etapa .testes .perguntas ul li .infos .isCondicional,
.edit_etapa .etapa .teste_ingles .perguntas ul li .infos .isCondicional {
  display: inline;
  background-color: #008db3;
  color: white;
  width: 9em;
  padding: 0.1em 0.5em;
  font-size: 0.8em;
  margin-left: 1em;
}
.edit_etapa .etapa .testes .perguntas ul li .infos .isCondicional i,
.edit_etapa .etapa .teste_ingles .perguntas ul li .infos .isCondicional i {
  margin-right: 0.2em;
}
.edit_etapa .etapa .testes .perguntas ul li .infos .dado,
.edit_etapa .etapa .teste_ingles .perguntas ul li .infos .dado {
  display: inline;
  background-color: #3cb878;
  color: white;
  width: 9em;
  padding: 0.1em 0.5em;
  font-size: 0.8em;
  margin-left: 1em;
}
.edit_etapa .etapa .testes .perguntas ul li .infos .dado i,
.edit_etapa .etapa .teste_ingles .perguntas ul li .infos .dado i {
  margin-right: 0.2em;
}
.edit_etapa .etapa .testes .perguntas ul li .actions,
.edit_etapa .etapa .teste_ingles .perguntas ul li .actions {
  position: absolute;
  right: 1em;
  top: 1em;
}
.edit_etapa .etapa .testes .testar,
.edit_etapa .etapa .teste_ingles .testar {
  clear: both;
  margin-top: 2em;
  width: 100%;
  height: 45vh;
  border: solid 1px #757575;
  background-color: #151515;
}
.edit_etapa .etapa .testes .testar .conversational-form,
.edit_etapa .etapa .teste_ingles .testar .conversational-form {
  width: 100%  !important;
  height: 100% !important;
  position: relative;
}
.edit_etapa .etapa .testes .testar #cf-context,
.edit_etapa .etapa .teste_ingles .testar #cf-context {
  width: 100%  !important;
  height: 100% !important;
}
.edit_etapa .etapa .testes .testar #form,
.edit_etapa .etapa .teste_ingles .testar #form {
  height: 0px;
  overflow: hidden;
}
.edit_etapa .etapa .video_entrevistas {
  height: 70vh;
}
.edit_etapa .etapa .video_entrevistas .adicionar {
  float: left;
  padding: 0 2em;
  height: auto;
  width: 24%;
}
.edit_etapa .etapa .video_entrevistas .adicionar p {
  margin: 0 0 1em 0;
}
.edit_etapa .etapa .video_entrevistas .adicionar label {
  float: inherit;
  position: relative;
}
.edit_etapa .etapa .video_entrevistas .videos {
  float: left;
  padding: 0 2em 0 0;
  border-right: solid 1px #757575;
  height: auto;
  width: 20%;
}
.edit_etapa .etapa .video_entrevistas .videos p {
  margin: 0 0 1em 0;
}
.edit_etapa .etapa .video_entrevistas .videos label {
  float: inherit;
  position: relative;
}
.edit_etapa .etapa .video_entrevistas .videos #biblioteca {
  max-height: 26em;
  overflow: auto;
}
.edit_etapa .etapa .video_entrevistas .videos #biblioteca li {
  width: 10.5em;
  height: 7em;
  margin-top: 0;
  margin-bottom: 1em;
  padding: 0;
  position: relative;
  list-style-type: none;
  border-radius: 1em;
  border: solid 3px #dee1e2;
  overflow: hidden;
  z-index: 9999;
}
.edit_etapa .etapa .video_entrevistas .videos #biblioteca li .thumb {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.edit_etapa .etapa .video_entrevistas .videos #biblioteca li .thumb p {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.75);
  padding: 0.4em;
  margin: 0;
}
.edit_etapa .etapa .video_entrevistas .videos #biblioteca li .actions {
  position: absolute;
  top: 0;
  right: 0;
}
.edit_etapa .etapa .video_entrevistas .videos #biblioteca li .actions i {
  padding: 0.5em;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 0.4em;
  margin: 0.1em;
}
.edit_etapa .etapa .video_entrevistas .videos #biblioteca li .actions i:hover {
  background-color: #ffffff;
}
.edit_etapa .etapa .video_entrevistas .videos .btn {
  margin-top: 1.6em;
}
.edit_etapa .etapa .video_entrevistas .studio .video {
  width: 320px;
  height: 240px;
  background-color: black;
}
.edit_etapa .etapa .video_entrevistas .studio .gravar .comecar {
  font-weight: bold;
  text-align: center;
  padding: 1em 0;
  margin: 1em 0;
  color: #555;
  border: 2px dashed #555;
  border-radius: 7px;
  cursor: default;
}
.edit_etapa .etapa .video_entrevistas .studio .gravar .comecar i {
  font-size: 3em;
}
.edit_etapa .etapa .video_entrevistas .studio .gravar .comecar p {
  clear: both;
  text-align: center;
}
.edit_etapa .etapa .video_entrevistas .studio .gravar .comecar:hover {
  color: #f00;
  border-color: #f00;
  border-style: solid;
  box-shadow: inset 0 3px 4px #888;
}
.edit_etapa .etapa .video_entrevistas .studio .gravar .gravacao {
  position: relative;
  width: 80%;
  height: 40vh;
  float: left;
  background-color: #cecece;
}
.edit_etapa .etapa .video_entrevistas .studio .gravar .gravacao .status {
  position: absolute;
  top: 1em;
  right: 1em;
  color: #e74c3c;
  padding: 0.5em 1em;
  border-radius: 1em;
  border: solid 1px #e74c3c;
  z-index: 999999;
}
.edit_etapa .etapa .video_entrevistas .studio .gravar .gravacao .video-js {
  width: 100%;
  height: 100%;
}
.edit_etapa .etapa .video_entrevistas .studio .gravar .reproducao {
  width: 80%;
  height: 40vh;
  float: left;
  background-color: #cecece;
}
.edit_etapa .etapa .video_entrevistas .studio .gravar .reproducao .video-js {
  width: 100% !important;
  height: 40vh !important;
  padding-top: 0 !important;
}
.edit_etapa .etapa .video_entrevistas .studio .gravar .acoes {
  width: 20%;
  float: left;
  padding-left: 2em;
}
.edit_etapa .etapa .video_entrevistas .studio .gravar .acoes canvas {
  width: 320px !important;
  height: 180px !important;
}
.edit_etapa .etapa .video_entrevistas .studio .gravar .acoes .btn {
  width: 8em;
  height: 8em;
  border-radius: 1em;
  border: solid 1px #757575;
  text-align: center;
  padding-top: 1em;
  background-color: transparent;
}
.edit_etapa .etapa .video_entrevistas .studio .gravar .acoes .btn i {
  font-size: 2em;
  color: #303030;
}
.edit_etapa .etapa .video_entrevistas .studio .gravar .acoes .btn p {
  text-align: center;
  clear: both;
  margin: 0;
}
.edit_etapa .etapa .video_entrevistas .studio #drop {
  font-weight: bold;
  text-align: center;
  padding: 1em;
  margin: 1em 0;
  color: #555;
  border: 2px dashed #555;
  border-radius: 7px;
  cursor: default;
  height: 10em;
}
.edit_etapa .etapa .video_entrevistas .studio #drop li {
  width: 8em;
  height: 8em;
  float: left;
  margin: 0 1em 0 0;
  border-radius: 2em;
  border: solid 1px #757575;
  text-align: center;
  list-style-type: none;
}
.edit_etapa .etapa .video_entrevistas .studio #drop li i {
  font-size: 3em;
}
.edit_etapa .etapa .video_entrevistas .studio #drop li p {
  clear: both;
  text-align: center;
  margin-top: 0;
  color: #757575;
}
.edit_etapa .etapa .video_entrevistas .studio #drop li.placeholder {
  width: 100%;
  height: 8em;
  padding-top: 1em;
  color: #757575;
  border: none;
  text-align: center;
}
.edit_etapa .etapa .video_entrevistas .studio #drop:hover {
  color: #f00;
  border-color: #f00;
  border-style: solid;
  box-shadow: inset 0 3px 4px #888;
}
.edit_etapa .etapa .video_entrevistas .studio .loadVideos ul li {
  width: 14em;
  margin-right: 1em;
  float: left;
  position: relative;
}
.edit_etapa .etapa .video_entrevistas .studio .loadVideos ul li .check {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 2em;
  color: #3cb878;
  z-index: 9999999;
  background-color: rgba(0, 0, 0, 0.7);
}
.edit_etapa .etapa .video_entrevistas .studio .loadVideos ul li .check i {
  font-size: 2em;
}
.edit_etapa .etapa .video_entrevistas .studio .loadVideos ul li .loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 2em;
  color: white;
  z-index: 9999999;
  background-color: rgba(0, 0, 0, 0.7);
}
.edit_etapa .etapa .video_entrevistas .studio .loadVideos ul li .loading i {
  font-size: 2em;
}
.edit_etapa .etapa .video_entrevistas .studio .loadVideos ul li video {
  width: 100%;
  height: 100%;
}
.edit_etapa .etapa .video_entrevistas .studio .loadVideos ul li canvas {
  width: 640px;
  height: 360px;
}
.edit_etapa .etapa .video_entrevistas .studio .editar .video {
  width: 40%;
  float: left;
}
.edit_etapa .etapa .video_entrevistas .studio .editar .dados {
  padding: 0 2em;
  width: 60%;
  float: left;
}
.edit_etapa .etapa .video_entrevistas .studio .editar .dados .btn {
  width: 8em;
  height: 8em;
  border-radius: 1em;
  border: solid 1px #757575;
  text-align: center;
  padding-top: 1em;
  background-color: transparent;
}
.edit_etapa .etapa .video_entrevistas .studio .editar .dados .btn i {
  font-size: 2em;
  color: #757575;
}
.edit_etapa .etapa .video_entrevistas .studio .editar .dados .btn p {
  text-align: center;
  clear: both;
  margin: 0;
}
.edit_etapa .etapa .video_entrevistas .perguntas {
  float: left;
  padding: 0 2em;
  width: 52%;
  height: auto;
  border-right: solid 1px #757575;
}
.edit_etapa .etapa .video_entrevistas .perguntas ul {
  padding: 0;
  margin: 0em 2em 2em 0;
  max-height: 26em;
  overflow: auto;
}
.edit_etapa .etapa .video_entrevistas .perguntas ul li {
  position: relative;
  padding: 0 0 1em 0;
  margin: 0.5em 0;
  border-bottom: solid 1px #606060;
  display: block;
  height: 10em;
  z-index: 99 !important;
  background-color: white;
  -webkit-transition: background 1s ease-out;
  -moz-transition: background 1s ease-out;
  -ms-transition: background 1s ease-out;
  -o-transition: background 1s ease-out;
}
.edit_etapa .etapa .video_entrevistas .perguntas ul li i {
  cursor: pointer;
  font-size: 1.2em;
  margin-right: 0.8em;
}
.edit_etapa .etapa .video_entrevistas .perguntas ul li ul {
  position: relative;
  margin: 1em 0 0 0;
  width: 97.8%;
  margin-left: 1.8em;
  height: 7em;
  overflow: auto;
}
.edit_etapa .etapa .video_entrevistas .perguntas ul li ul li {
  padding: 0.5em 1em;
  margin: 0;
  width: 100%;
  height: auto !important;
  padding: 0em !important;
}
.edit_etapa .etapa .video_entrevistas .perguntas ul li ul li p {
  padding: 0;
  margin: 0;
  float: inherit !important;
}
.edit_etapa .etapa .video_entrevistas .perguntas ul li ul li i {
  cursor: pointer;
  color: #757575;
}
.edit_etapa .etapa .video_entrevistas .perguntas ul li .perguntaVideoHover {
  background-color: #ff6600;
}
.edit_etapa .etapa .video_entrevistas .perguntas ul li.destaque {
  background-color: #3cb878;
}
.edit_etapa .etapa .video_entrevistas .perguntas ul li .perguntaVideo {
  float: left;
  width: 10em;
  height: 8em;
  border: solid white 1px;
  padding: 0;
  margin: 0 1em 0 0;
  overflow: hidden;
}
.edit_etapa .etapa .video_entrevistas .perguntas ul li .perguntaVideo li {
  padding: 0;
  margin: 0;
  width: 9em;
  height: 7em !important;
  border-radius: 1em;
  overflow: hidden;
  border: solid 0.3em #c8cdce;
}
.edit_etapa .etapa .video_entrevistas .perguntas ul li .perguntaVideo li.placeholder {
  color: #757575 !important;
  text-align: center !important;
}
.edit_etapa .etapa .video_entrevistas .perguntas ul li .perguntaVideo li.placeholder p {
  margin-top: 0;
  color: #757575 !important;
  text-align: center !important;
}
.edit_etapa .etapa .video_entrevistas .perguntas ul li .perguntaVideo li.placeholder p a {
  color: #008db3 !important;
}
.edit_etapa .etapa .video_entrevistas .perguntas ul li .perguntaVideo li.placeholder i {
  font-size: 1em;
  margin-right: 0;
}
.edit_etapa .etapa .video_entrevistas .perguntas ul li .perguntaVideo li .thumb {
  width: 100%;
  height: 100%;
  background-size: cover;
}
.edit_etapa .etapa .video_entrevistas .perguntas ul li .perguntaVideo li .thumb p {
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
  height: auto;
  padding: 0.4em;
  background-color: rgba(255, 255, 255, 0.75);
}
.edit_etapa .etapa .video_entrevistas .perguntas ul li .perguntaVideo li .actions {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  border: solid 1px white;
  margin-top: 0;
}
.edit_etapa .etapa .video_entrevistas .perguntas ul li .perguntaVideo li .actions .icon-cancel {
  margin: 0 0.1em 0 0;
  color: white;
  font-size: 0.9em;
}
.edit_etapa .etapa .video_entrevistas .perguntas ul li .perguntaVideo li .actions .icon-pencil {
  display: none;
}
.edit_etapa .etapa .video_entrevistas .perguntas ul li .perguntaVideo li .actions:hover {
  background-color: #e74c3c;
}
.edit_etapa .etapa .video_entrevistas .perguntas ul li .perguntaVideo.ui-droppable-hover li {
  border: solid 5px #3cb878 !important;
}
.edit_etapa .etapa .video_entrevistas .perguntas ul li .infos {
  position: relative;
  float: left;
  width: 56%;
}
.edit_etapa .etapa .video_entrevistas .perguntas ul li .infos p {
  width: auto;
  display: inline;
  float: left;
}
.edit_etapa .etapa .video_entrevistas .perguntas ul li .infos p i {
  margin-right: 0.5em;
}
.edit_etapa .etapa .video_entrevistas .perguntas ul li .infos .isCondicional {
  display: block;
  background-color: #008db3;
  color: white;
  width: 9em;
  padding: 0.1em 0.5em;
  font-size: 0.8em;
  margin-left: 1em;
}
.edit_etapa .etapa .video_entrevistas .perguntas ul li .infos .isCondicional i {
  margin-right: 0.2em;
}
.edit_etapa .etapa .video_entrevistas .perguntas ul li .infos .dado {
  display: inline;
  background-color: #3cb878;
  color: white;
  width: 9em;
  padding: 0.1em 0.5em;
  font-size: 0.8em;
  margin-left: 1em;
}
.edit_etapa .etapa .video_entrevistas .perguntas ul li .infos .dado i {
  margin-right: 0.2em;
}
.edit_etapa .etapa .video_entrevistas .perguntas ul li .actions {
  position: absolute;
  right: 0em;
  top: 0em;
}
.edit_etapa .etapa .video_entrevistas .perguntas ul li .actions i {
  font-size: 1em;
  margin-right: .2em;
}
#notaVideos hr {
  margin: 0 0 1em 0 !important;
}
#notaVideos h3 {
  margin-bottom: 0;
}
#notaVideos .swiper-slide {
  min-height: 50px;
}
#notaVideos .swiper-slide .thumb {
  margin-top: -4em;
}
#notaVideos .swiper-slide .thumb img {
  width: 8em;
  height: 8em;
  border-radius: 50%;
  border: solid 5px white;
}
#notaVideos .swiper-slide .thumb button {
  margin-top: 1em;
}
#notaVideos .swiper-button-next,
#notaVideos .swiper-button-prev {
  color: #303030 !important;
}
#notaVideos .notafit {
  margin-top: 2em;
  text-align: center;
  padding: 2em;
  border-radius: 2em;
  border: solid 2px #dedede;
  height: 70vh;
  background: url("images/bg_nota_video.png");
}
#notaVideos .notafit .swiper-button-next,
#notaVideos .notafit .swiper-button-prev {
  color: white !important;
}
#notaVideos .notafit h1,
#notaVideos .notafit p {
  text-align: center;
  color: white;
}
#notaVideos .notafit.nota1 {
  background: linear-gradient(rgba(184, 0, 0, 0.45), rgba(147, 0, 0, 0.7)), url("images/bg_nota_video.png") !important;
}
#notaVideos .notafit.nota2 {
  background: linear-gradient(rgba(30, 127, 221, 0.45), rgba(25, 103, 162, 0.7)), url("images/bg_nota_video.png") !important;
}
#notaVideos .notafit.nota3 {
  background: linear-gradient(rgba(97, 190, 51, 0.45), rgba(73, 144, 38, 0.7)), url("images/bg_nota_video.png") !important;
}
#notaVideos .notafit-dados h4 {
  margin-bottom: 0;
}
#notaUploads hr {
  margin: 0 0 1em 0 !important;
}
#notaUploads h3 {
  margin-bottom: 0;
}
#notaUploads .swiper-slide {
  min-height: 50px;
}
#notaUploads .swiper-slide .thumb {
  margin-top: -4em;
}
#notaUploads .swiper-slide .thumb img {
  width: 8em;
  height: 8em;
  border-radius: 50%;
  border: solid 5px white;
}
#notaUploads .swiper-slide .thumb button {
  margin-top: 1em;
}
#notaUploads .swiper-button-next,
#notaUploads .swiper-button-prev {
  color: #303030 !important;
}
#notaUploads .notaup {
  margin-top: 2em;
  text-align: center;
  padding: 2em;
  border-radius: 2em;
  border: solid 2px #dedede;
  height: 70vh;
  background: url("images/bg_nota_video.png");
}
#notaUploads .notaup .swiper-button-next,
#notaUploads .notaup .swiper-button-prev {
  color: white !important;
}
#notaUploads .notaup h1,
#notaUploads .notaup p {
  text-align: center;
  color: white;
}
#notaUploads .notaup.nota1 {
  background: linear-gradient(rgba(184, 0, 0, 0.45), rgba(147, 0, 0, 0.7)), url("images/bg_nota_video.png") !important;
}
#notaUploads .notaup.nota2 {
  background: linear-gradient(rgba(30, 127, 221, 0.45), rgba(25, 103, 162, 0.7)), url("images/bg_nota_video.png") !important;
}
#notaUploads .notaup.nota3 {
  background: linear-gradient(rgba(97, 190, 51, 0.45), rgba(73, 144, 38, 0.7)), url("images/bg_nota_video.png") !important;
}
#notaUploads .notaup-dados h4 {
  margin-bottom: 0;
}
.agendamento #dias {
  white-space: nowrap;
}
.agendamento #dias tr {
  height: 2em !important;
}
.agendamento #dias tr.data td {
  font-weight: bold;
  text-align: center;
  padding: .5em !important;
  font-size: .8em;
}
.agendamento #dias tr td {
  position: relative !important;
  height: 2em !important;
  padding: 0 !important;
}
.agendamento #dias tr td:hover {
  background-color: #757575;
}
.agendamento #dias #horarios {
  position: absolute;
  width: 50px;
  margin-left: -50px;
}
.agendamento #dias #horarios tr td {
  text-align: center;
  padding: .5em !important;
  font-size: 0.8em !important;
}
.agendamento .horario {
  width: 100%;
  height: 100%;
  background-color: #cecece;
  border-radius: 0.5em;
  padding: 0em;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
}
.agendamento .horario.livre {
  color: #135219;
  border-bottom: solid 1px #135219 !important;
  background-color: #c1d4b6;
}
.agendamento .horario.livre2 {
  color: #135219;
  border-bottom: solid 1px #135219 !important;
  background-color: #b5d9a0;
}
.agendamento .horario.ocupado {
  color: #085170;
  border-bottom: solid 1px #085170 !important;
  background-color: #98b4b8;
}
.agendamento .horario.ocupado2 {
  color: #691e56;
  border-bottom: solid 1px #691e56 !important;
  background-color: #b898b0;
}
.agendamento .horario:hover {
  color: white;
  font-weight: bold;
  background-color: #707070;
}
#modalVideos .modal-body {
  min-height: 40em !important;
}
#modalVideos #biblioteca #listaVideos {
  width: 100%;
  height: auto;
  overflow: auto;
}
#modalVideos #biblioteca #listaVideos li {
  vertical-align: center;
  display: inline-block;
  width: 10.5em;
  height: 7em;
  margin-top: 0;
  margin-bottom: 1em;
  padding: 0;
  position: relative;
  list-style-type: none;
  border-radius: 1em;
  border: solid 3px #dee1e2;
  overflow: hidden;
}
#modalVideos #biblioteca #listaVideos li .thumb {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
#modalVideos #biblioteca #listaVideos li .thumb p {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.75);
  padding: 0.4em;
  margin: 0;
}
#modalVideos #biblioteca #listaVideos li .actions {
  position: absolute;
  top: 0;
  right: 0;
}
#modalVideos #biblioteca #listaVideos li .actions i {
  padding: 0.5em;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 0.4em;
  margin: 0.1em;
}
#modalVideos #biblioteca #listaVideos li .actions i:hover {
  background-color: #ffffff;
}
#modalVideos #biblioteca .studio .video {
  width: 320px;
  height: 240px;
  background-color: black;
}
#modalVideos #biblioteca .studio .gravar .comecar {
  font-weight: bold;
  text-align: center;
  padding: 1em 0;
  margin: 1em 0;
  color: #555;
  border: 2px dashed #555;
  border-radius: 7px;
  cursor: default;
}
#modalVideos #biblioteca .studio .gravar .comecar i {
  font-size: 3em;
}
#modalVideos #biblioteca .studio .gravar .comecar p {
  clear: both;
  text-align: center;
}
#modalVideos #biblioteca .studio .gravar .comecar:hover {
  color: #f00;
  border-color: #f00;
  border-style: solid;
  box-shadow: inset 0 3px 4px #888;
}
#modalVideos #biblioteca .studio .gravar .gravacao {
  position: relative;
  width: 80%;
  height: 40vh;
  float: left;
  background-color: #cecece;
}
#modalVideos #biblioteca .studio .gravar .gravacao .status {
  position: absolute;
  top: 1em;
  right: 1em;
  color: #e74c3c;
  padding: 0.5em 1em;
  border-radius: 1em;
  border: solid 1px #e74c3c;
  z-index: 999999;
}
#modalVideos #biblioteca .studio .gravar .gravacao .video-js {
  width: 100%;
  height: 100%;
}
#modalVideos #biblioteca .studio .gravar .reproducao {
  width: 80%;
  height: 40vh;
  float: left;
  background-color: #cecece;
}
#modalVideos #biblioteca .studio .gravar .reproducao .video-js {
  width: 100% !important;
  height: 40vh !important;
  padding-top: 0 !important;
}
#modalVideos #biblioteca .studio .gravar .acoes {
  width: 20%;
  float: left;
  padding-left: 2em;
}
#modalVideos #biblioteca .studio .gravar .acoes canvas {
  width: 320px !important;
  height: 180px !important;
}
#modalVideos #biblioteca .studio .gravar .acoes .btn {
  width: 8em;
  height: 8em;
  border-radius: 1em;
  border: solid 1px #757575;
  text-align: center;
  padding-top: 1em;
  background-color: transparent;
}
#modalVideos #biblioteca .studio .gravar .acoes .btn i {
  font-size: 2em;
  color: #303030;
}
#modalVideos #biblioteca .studio .gravar .acoes .btn p {
  text-align: center;
  clear: both;
  margin: 0;
}
#modalVideos #biblioteca .studio #drop {
  font-weight: bold;
  text-align: center;
  padding: 1em;
  margin: 1em 0;
  color: #555;
  border: 2px dashed #555;
  border-radius: 7px;
  cursor: default;
  height: 10em;
}
#modalVideos #biblioteca .studio #drop li {
  width: 8em;
  height: 8em;
  float: left;
  margin: 0 1em 0 0;
  border-radius: 2em;
  border: solid 1px #757575;
  text-align: center;
  list-style-type: none;
}
#modalVideos #biblioteca .studio #drop li i {
  font-size: 3em;
}
#modalVideos #biblioteca .studio #drop li p {
  clear: both;
  text-align: center;
  margin-top: 0;
  color: #757575;
}
#modalVideos #biblioteca .studio #drop li.placeholder {
  width: 100%;
  height: 8em;
  padding-top: 1em;
  color: #757575;
  border: none;
  text-align: center;
}
#modalVideos #biblioteca .studio #drop:hover {
  color: #f00;
  border-color: #f00;
  border-style: solid;
  box-shadow: inset 0 3px 4px #888;
}
#modalVideos #biblioteca .studio .loadVideos ul li {
  width: 14em;
  margin-right: 1em;
  float: left;
  position: relative;
}
#modalVideos #biblioteca .studio .loadVideos ul li .check {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 2em;
  color: #3cb878;
  z-index: 9999999;
  background-color: rgba(0, 0, 0, 0.7);
}
#modalVideos #biblioteca .studio .loadVideos ul li .check i {
  font-size: 2em;
}
#modalVideos #biblioteca .studio .loadVideos ul li .loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 2em;
  color: white;
  z-index: 9999999;
  background-color: rgba(0, 0, 0, 0.7);
}
#modalVideos #biblioteca .studio .loadVideos ul li .loading i {
  font-size: 2em;
}
#modalVideos #biblioteca .studio .loadVideos ul li video {
  width: 100%;
  height: 100%;
}
#modalVideos #biblioteca .studio .loadVideos ul li canvas {
  width: 640px;
  height: 360px;
}
#modalVideos #biblioteca .studio .editar .video {
  width: 40%;
  float: left;
}
#modalVideos #biblioteca .studio .editar .dados {
  padding: 0 2em;
  width: 60%;
  float: left;
}
#modalVideos #biblioteca .studio .editar .dados .btn {
  width: 8em;
  height: 8em;
  border-radius: 1em;
  border: solid 1px #757575;
  text-align: center;
  padding-top: 1em;
  background-color: transparent;
}
#modalVideos #biblioteca .studio .editar .dados .btn i {
  font-size: 2em;
  color: #757575;
}
#modalVideos #biblioteca .studio .editar .dados .btn p {
  text-align: center;
  clear: both;
  margin: 0;
}
.cliente {
  position: relative;
  /*.usuarios{

			.cdd-perfil{

				position: relative;

				.base_loading{
					position: absolute;
					width: 100%;
					height: 100%;
					background-color: rgba(30,30,30,0.8);
					z-index: 99999999;
					top: 0;
					left: 0;
				}

				.thumb{	

					img {
						width: 8em;
						height: 8em;
				    	border-radius: 50%;
				    	border: solid 5px @cinza-claro;
				   	}

				   	button{ margin-top: 1em; }

				}
			}

		}*/
}
.cliente .novo {
  position: absolute;
  right: 2em;
  top: 3em;
}
.cliente .voltar {
  position: absolute;
  right: 2em;
  top: 3em;
}
.cliente.usuarios.visualizar .avatar {
  width: 3em;
  height: 3em;
  border-radius: 1.5em;
}
.cliente.usuarios.visualizar .avatar img {
  border-radius: 1.5em;
}
.cliente.usuarios.criar #btn-cliente-usuario-gerar-senha {
  position: relative;
  top: -3em;
  left: auto;
  right: 0 !important;
}
.cliente.fases.painel .agendamento #dias,
.cliente.fases.painel .agendamento #horarios {
  margin: 0;
  padding: 0;
  width: 95%;
  float: left;
  overflow-x: auto;
  white-space: nowrap;
}
.cliente.fases.painel .agendamento #dias li,
.cliente.fases.painel .agendamento #horarios li {
  margin: 0;
  padding: 0;
  width: 15%;
  list-style-type: none;
  display: inline-block;
  border-right: solid 1px #cecece;
}
.cliente.fases.painel .agendamento #dias li ul,
.cliente.fases.painel .agendamento #horarios li ul {
  margin: 0;
  padding: 0;
}
.cliente.fases.painel .agendamento #dias li ul li,
.cliente.fases.painel .agendamento #horarios li ul li {
  width: 100%;
  height: 2em;
  display: block !important;
  margin: 0;
  padding: .2em;
  border-bottom: solid 1px #cecece;
}
.cliente.fases.painel .agendamento #dias li ul li.data,
.cliente.fases.painel .agendamento #horarios li ul li.data {
  font-weight: bold;
  text-align: center;
  padding-top: .5em;
}
.cliente.fases.painel .agendamento #dias li ul li .horario,
.cliente.fases.painel .agendamento #horarios li ul li .horario {
  width: 100%;
  height: 100%;
  background-color: #cecece;
  border-radius: 0.5em;
  padding: 0em;
  text-align: center;
  cursor: pointer;
}
.cliente.fases.painel .agendamento #dias li ul li .horario:hover,
.cliente.fases.painel .agendamento #horarios li ul li .horario:hover {
  color: white;
  font-weight: bold;
  background-color: #3cb878;
}
.cliente.fases.painel .agendamento #horarios {
  width: 5% !important;
  float: left;
}
.cliente.fases.painel .agendamento #horarios li {
  width: 100%;
}
.cliente.fases.painel .agendamento #horarios li ul {
  width: 100%;
}
.cliente.fases.painel .agendamento #horarios li ul li {
  width: 100%;
}
.cliente.fases.painel ul li.suave {
  opacity: 0.5;
}
.cliente.fases.painel ul li h2 {
  cursor: pointer;
}
.cliente.fases.painel ul li .estatistica {
  float: right;
  width: 5.5em;
  padding: 0 .5em;
  margin-right: .2em;
  border-radius: 1em;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
}
.cliente.fases.painel ul li .estatistica.auto {
  width: auto;
}
.cliente.fases.painel ul li .estatistica h4 {
  font-size: .8em;
  text-align: center;
}
.cliente.fases.painel ul li .estatistica.cinza h4 {
  color: #757575;
}
.cliente.fases.painel ul li .estatistica.cinza.destaque,
.cliente.fases.painel ul li .estatistica.cinza:hover {
  background-color: #757575;
}
.cliente.fases.painel ul li .estatistica.cinza.destaque h4,
.cliente.fases.painel ul li .estatistica.cinza:hover h4 {
  color: white;
}
.cliente.fases.painel ul li .estatistica.cinza2 {
  border: solid 2px #757575;
}
.cliente.fases.painel ul li .estatistica.cinza2 h4 {
  color: #757575;
}
.cliente.fases.painel ul li .estatistica.cinza2.destaque,
.cliente.fases.painel ul li .estatistica.cinza2:hover {
  background-color: #757575;
}
.cliente.fases.painel ul li .estatistica.cinza2.destaque h4,
.cliente.fases.painel ul li .estatistica.cinza2:hover h4 {
  color: white;
}
.cliente.fases.painel ul li .estatistica.vermelho {
  border: solid 2px #e74c3c;
}
.cliente.fases.painel ul li .estatistica.vermelho h4 {
  color: #e74c3c;
}
.cliente.fases.painel ul li .estatistica.vermelho.destaque,
.cliente.fases.painel ul li .estatistica.vermelho:hover {
  background-color: #e74c3c;
}
.cliente.fases.painel ul li .estatistica.vermelho.destaque h4,
.cliente.fases.painel ul li .estatistica.vermelho:hover h4 {
  color: white;
}
.cliente.fases.painel ul li .estatistica.verde {
  border: solid 2px #3cb878;
}
.cliente.fases.painel ul li .estatistica.verde h4 {
  color: #3cb878;
}
.cliente.fases.painel ul li .estatistica.verde.destaque,
.cliente.fases.painel ul li .estatistica.verde:hover {
  background-color: #3cb878;
}
.cliente.fases.painel ul li .estatistica.verde.destaque h4,
.cliente.fases.painel ul li .estatistica.verde:hover h4 {
  color: white;
}
.cliente.fases.painel ul li .estatistica.azul {
  border: solid 2px #008db3;
}
.cliente.fases.painel ul li .estatistica.azul h4 {
  color: #008db3;
}
.cliente.fases.painel ul li .estatistica.azul.destaque,
.cliente.fases.painel ul li .estatistica.azul:hover {
  background-color: #008db3;
}
.cliente.fases.painel ul li .estatistica.azul.destaque h4,
.cliente.fases.painel ul li .estatistica.azul:hover h4 {
  color: white;
}
.cliente.perfil .cli-perfil {
  position: relative;
  padding: 2em;
  border: solid 1px #757575;
}
.cliente.perfil .cli-perfil .base_loading {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(30, 30, 30, 0.8);
  z-index: 99999999;
  top: 0;
  left: 0;
}
.cliente.perfil .cli-perfil h1,
.cliente.perfil .cli-perfil p {
  text-align: center;
  width: 100%;
}
.cliente.perfil .cli-perfil .thumb img {
  width: 8em;
  height: 8em;
  border-radius: 50%;
  border: solid 5px #757575;
}
.cliente.perfil .cli-perfil .thumb button {
  margin-top: 1em;
}
.cliente.perfil .cli-perfil .dados h3 {
  float: left;
  width: 10%;
}
.cliente.perfil .cli-perfil .dados button {
  float: left;
  margin-top: 1em;
}
.cliente.perfil .cli-perfil .dados hr {
  clear: both;
}
.cliente.vagas.visualizar .vagas_disponiveis {
  position: absolute;
  width: auto;
  right: 3em;
  top: 5.6em;
}
.cliente.vagas.visualizar .vagas_disponiveis span {
  font-size: 1.4em;
  font-weight: bold;
}
.cliente.vagas.visualizar ul:not(.chosen-results) {
  padding: 1em 1em;
}
.cliente.vagas.visualizar ul:not(.chosen-results) li {
  margin-top: 1.5em;
  margin-bottom: 1em;
  min-height: 6.5em;
  padding: 1em 1em 2em 1em;
  list-style-type: none;
  border-bottom: solid 1px white;
}
.cliente.vagas.visualizar ul:not(.chosen-results) li:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
.cliente.vagas.visualizar ul:not(.chosen-results) li:hover h3,
.cliente.vagas.visualizar ul:not(.chosen-results) li:hover .info,
.cliente.vagas.visualizar ul:not(.chosen-results) li:hover .tag,
.cliente.vagas.visualizar ul:not(.chosen-results) li:hover small,
.cliente.vagas.visualizar ul:not(.chosen-results) li:hover i {
  color: white !important;
}
.cliente.vagas.visualizar .actions {
  float: right;
  display: inline;
  margin-top: 0.4em;
}
.cliente.vagas.visualizar .actions div {
  cursor: pointer;
  margin: 0 0.2em;
  display: inline;
}
.cliente.vagas.visualizar .actions div:hover i {
  color: #ff6600;
}
.cliente.vagas.visualizar .publicadas {
  width: 100%;
  height: auto;
  padding: 0;
}
.cliente.vagas.visualizar .publicadas .header div {
  color: #909090;
  line-height: 1em;
  padding-top: 2em;
  margin-top: 0;
  float: right;
  display: inline;
  font-size: 0.8em;
  margin: 0 5.6em;
}
.cliente.vagas.visualizar .publicadas .header div.acoes {
  margin: 0 3em 0 3.5em;
}
.cliente.vagas.visualizar .publicadas .header div.fluxo {
  margin: 0 8em 0 0;
}
.cliente.vagas.visualizar .publicadas ul {
  padding: 0 2em 1em 2em;
  background-color: #cfead8;
}
.cliente.vagas.visualizar .publicadas ul a {
  text-decoration: none;
}
.cliente.vagas.visualizar .publicadas ul a h3 {
  margin-top: 0;
  color: #3cb878;
}
.cliente.vagas.visualizar .publicadas ul a:hover h3 {
  margin-top: 0;
  color: white;
}
.cliente.vagas.visualizar .outras {
  position: relative;
  top: 2em;
  width: 100%;
  height: auto;
}
.cliente.vagas.visualizar .outras .tag {
  font-size: 0.6em;
}
.cliente.vagas.visualizar .outras h3 {
  margin: 0.2em 0;
  width: 100%;
  display: block;
}
.cliente.vagas.visualizar .outras ul {
  padding: 0 2em 1em 2em;
  background-color: #303030;
}
.cliente.vagas.visualizar .outras .pendentes {
  float: left;
  width: 32.3333%;
  margin-right: 1%;
  height: auto;
  min-height: 8em;
}
.cliente.vagas.visualizar .outras .pendentes ul {
  background-color: #dee1e2;
}
.cliente.vagas.visualizar .outras .programadas {
  float: left;
  width: 32.3333%;
  margin-right: 1%;
  height: auto;
  min-height: 8em;
}
.cliente.vagas.visualizar .outras .programadas ul {
  background-color: #c8e0e4;
}
.cliente.vagas.visualizar .outras .onhold {
  float: left;
  width: 32.3333%;
  height: auto;
  min-height: 8em;
}
.cliente.vagas.visualizar .outras .onhold ul {
  background-color: #c8cdce;
}
.cliente.vagas h3 {
  display: block;
  margin-right: 2em;
}
.cliente.vagas .tag {
  width: auto;
  font-size: 0.8em;
  padding: 0.2em 0.5em;
  margin-right: 0.5em;
}
.cliente.vagas .tag.area {
  color: white;
  background-color: #008db3;
}
.cliente.vagas .tag.senioridade {
  color: white;
  background-color: #707070;
}
.cliente.vagas .info {
  line-height: 1em;
  padding-top: -0.5em;
  margin-top: -0.5em;
  float: right;
  display: inline;
  font-size: 2em;
  margin: 0 2.5em;
}
.cliente.vagas .info.fluxo {
  height: 2em;
  overflow: hidden;
  margin: 0;
}
.cliente.vagas .info.fluxo small {
  font-size: 0.6em;
}
.cliente.vagas .info.fluxo .apexcharts-inner.apexcharts-graphical {
  transform: translate(0, 2px) !important;
}
.cliente.vagas .edit-in-place {
  text-align: left;
}
.cliente.vagas .edit-in-place .note-editor p,
.cliente.vagas .edit-in-place .note-editor ul,
.cliente.vagas .edit-in-place .note-editor li {
  color: black !important;
}
.cliente.vagas .edit-in-place li {
  margin: .5em !important;
  height: auto !important;
  padding: 0 !important;
  list-style-type: circle !important;
  border-bottom: none !important;
}
.cliente.vagas .chosen-container {
  width: 100% !important;
  font-size: 1em;
}
.cliente.vagas .chosen-container .chosen-single {
  padding: 0.4em;
  background: white;
  box-shadow: none;
  border-radius: 0;
  height: auto;
}
.cliente.vagas .chosen-container .chosen-single .chosen-default {
  color: #606060;
}
.cliente.vagas .chosen-container li {
  color: #303030;
}
.cliente.vagas .chosen-container li.disabled-result {
  color: #cecece !important;
}
.cliente.vagas .chosen-container li.highlighted {
  color: white;
}
.cliente.vagas.editar {
  position: relative;
}
.cliente.vagas.editar .regras .regra {
  padding: 1em;
  background-color: #f1f1f1;
  border: solid 1px #909090;
  margin-bottom: 1em;
  border-radius: 1em;
}
.cliente.vagas.editar #informacoesDaVaga .dados {
  padding: 1em;
  margin-bottom: 2em;
}
.cliente.vagas.editar #informacoesDaVaga .dados label {
  float: none;
}
.cliente.vagas.editar #informacoesDaVaga .dados .tagify__input {
  color: black;
}
.cliente.vagas.editar #informacoesDaVaga .dados .tagify__input.empty {
  color: black;
}
.cliente.vagas.editar #informacoesDaVaga .dados .tagify__input::before {
  color: black;
}
.cliente.vagas.editar #processoCandidatura {
  width: 100%;
}
.cliente.vagas.editar #processoCandidatura select {
  padding: 0.5em 0.5em;
  font-size: 1.3em;
  width: 50%;
  margin-right: 0.5em;
}
.cliente.vagas.editar #processoCandidatura #tituloProcessoUtilizado span {
  font-weight: bold;
  font-size: 1.3em;
}
.cliente.vagas.editar #processoCandidatura hr {
  position: relative;
  top: 1em;
}
.cliente.vagas.editar .publicacao {
  z-index: 30;
  position: absolute;
  top: 4em;
  right: 1.5em;
  background-color: white;
  text-align: right;
  overflow: hidden;
  height: 3em;
  padding: 0 2em 2em 2em;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
}
.cliente.vagas.editar .publicacao h2,
.cliente.vagas.editar .publicacao h3,
.cliente.vagas.editar .publicacao p {
  text-align: right;
  color: #008db3;
}
.cliente.vagas.editar .publicacao.open {
  height: 20em;
  -webkit-box-shadow: 2px 4px 5px -4px #9c9c9c;
  -moz-box-shadow: 2px 4px 5px -4px #9c9c9c;
  box-shadow: 2px 4px 5px -4px #9c9c9c;
}
.cliente.vagas.editar .publicacao.open.calendar {
  height: 37em;
}
.cliente.vagas.editar .publicacao #tab-swt-publicar-programar {
  clear: both;
}
.cliente.vagas.editar .publicacao #tab-swt-publicar-programar .flatpickr-input {
  display: none;
}
.cliente.vagas .highlight {
  border: solid 1px white !important;
  background-color: #284754 !important;
}
.cliente.vagas .ui-sortable-helper {
  background-color: #cecece !important;
  color: black !important;
  position: absolute;
}
.cliente.vagas .ui-draggable-dragging {
  z-index: 9999 !important;
}
.cliente.vagas .processo {
  clear: both;
  width: 100%;
  height: auto;
}
.cliente.vagas .processo ul:not(.chosen-choices):not(.chosen-results) {
  position: relative;
  padding: 0.5em;
  height: 8.1em;
  background-color: #dee1e2;
  border-radius: 1em;
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  text-align: left;
}
.cliente.vagas .processo ul:not(.chosen-choices):not(.chosen-results) li {
  /*-webkit-transition: all 0.4s ease-out;  
					-moz-transition:    all 0.4s ease-out;
					-ms-transition:     all 0.4s ease-out; 
					-o-transition:      all 0.4s ease-out;  */
  list-style-type: none;
  display: inline-block;
  width: auto;
  height: auto;
  background-color: #c8cdce;
  padding: .3em;
  border-radius: .6em;
  margin: 0 3em 0 0;
  position: relative;
  cursor: pointer;
  /*&:hover{
						background-color: #284754 !important;
					}*/
}
.cliente.vagas .processo ul:not(.chosen-choices):not(.chosen-results) li .icone {
  border-radius: 1.5em;
  padding: .25em;
  width: 2em;
  height: 2em;
  margin: 0.4em 0 0 .4em;
  float: left;
  background-color: white;
}
.cliente.vagas .processo ul:not(.chosen-choices):not(.chosen-results) li .icone i {
  font-size: 1em;
  color: black;
}
.cliente.vagas .processo ul:not(.chosen-choices):not(.chosen-results) li .etapa-titulo {
  padding: .9em .6em .6em .6em;
  float: left;
  font-size: 1.1em;
  color: white;
  font-weight: bold;
}
.cliente.vagas .processo ul:not(.chosen-choices):not(.chosen-results) li.chatbot {
  background-image: url("images/bg1.jpg");
  background-size: cover;
}
.cliente.vagas .processo ul:not(.chosen-choices):not(.chosen-results) li.chatbot i {
  color: #32a0f3;
}
.cliente.vagas .processo ul:not(.chosen-choices):not(.chosen-results) li.video_ingles {
  background-image: url("images/bg2.jpg");
  background-size: cover;
}
.cliente.vagas .processo ul:not(.chosen-choices):not(.chosen-results) li.video_ingles i {
  color: #fdac30;
}
.cliente.vagas .processo ul:not(.chosen-choices):not(.chosen-results) li.big5 {
  background-image: url("images/bg3.jpg");
  background-size: cover;
}
.cliente.vagas .processo ul:not(.chosen-choices):not(.chosen-results) li.big5 i {
  color: #8560e7;
}
.cliente.vagas .processo ul:not(.chosen-choices):not(.chosen-results) li.teste_ingles {
  background-image: url("images/bg41.jpg");
  background-size: cover;
}
.cliente.vagas .processo ul:not(.chosen-choices):not(.chosen-results) li.teste_ingles i {
  color: #c71d80;
}
.cliente.vagas .processo ul:not(.chosen-choices):not(.chosen-results) li.testes {
  background-image: url("images/bg41.jpg");
  background-size: cover;
}
.cliente.vagas .processo ul:not(.chosen-choices):not(.chosen-results) li.testes i {
  color: #c71d80;
}
.cliente.vagas .processo ul:not(.chosen-choices):not(.chosen-results) li.video_entrevistas {
  background-image: url("images/bg5.jpg");
  background-size: cover;
}
.cliente.vagas .processo ul:not(.chosen-choices):not(.chosen-results) li.video_entrevistas i {
  color: #6b8517;
}
.cliente.vagas .processo ul:not(.chosen-choices):not(.chosen-results) li .excluir {
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  border-radius: 0 .6em 0 0;
  position: absolute;
  top: 0em;
  right: 0em;
  width: 1.6em;
  height: 1.8em;
  background-color: transparent;
  opacity: 0.7;
  font-size: 0.7em;
  padding: .2em 0 0 .2em;
}
.cliente.vagas .processo ul:not(.chosen-choices):not(.chosen-results) li .excluir i {
  color: white;
}
.cliente.vagas .processo ul:not(.chosen-choices):not(.chosen-results) li .excluir:hover {
  background-color: white;
  opacity: 1;
}
.cliente.vagas .processo ul:not(.chosen-choices):not(.chosen-results) li .excluir:hover i {
  color: #e74c3c;
}
.cliente.vagas .processo ul:not(.chosen-choices):not(.chosen-results) li:after {
  color: #757575;
  text-align: right;
  content: "»";
  display: block;
  position: absolute;
  font-size: 3.2em;
  top: 0em;
  right: -0.75em;
  width: auto;
  line-height: 1em;
  padding: 0;
}
.cliente.vagas .processo ul:not(.chosen-choices):not(.chosen-results) li:last-child:after {
  opacity: 0;
}
.cliente.vagas .processo ul:not(.chosen-choices):not(.chosen-results) li.placeholderProcesso {
  width: 3.5em !important;
  height: 3.5em !important;
  background-color: rgba(255, 255, 255, 0.6) !important;
  position: relative !important;
}
.cliente.vagas .processo ul:not(.chosen-choices):not(.chosen-results) li.placeholderProcesso:after {
  color: #284754;
  text-align: left;
  content: "+";
  display: block;
  position: relative;
  font-size: 3.5em;
  top: -0.15em;
  margin: 0;
  left: .15em;
  line-height: 1em;
  padding: 0;
}
.cliente.vagas .processo ul:not(.chosen-choices):not(.chosen-results) li.placeholderProcesso:last-child:after {
  opacity: 1;
}
.cliente.vagas .processo ul:not(.chosen-choices):not(.chosen-results) li.placeholder {
  padding-top: 1.5em;
  font-size: 1.2em;
  width: 100%;
  text-align: center;
  color: #909090;
  background-color: transparent;
  border: none;
}
.cliente.vagas .etapas {
  clear: both;
  width: 100%;
  height: auto;
  display: block;
}
.cliente.vagas .etapas ul {
  margin: 0;
  width: 100%;
  position: relative;
  padding: .3em;
  display: inline-block;
  height: auto;
  background-color: transparent;
}
.cliente.vagas .etapas ul li {
  /*-webkit-transition: all 0.4s ease-out;  
					-moz-transition:    all 0.4s ease-out;
					-ms-transition:     all 0.4s ease-out; 
					-o-transition:      all 0.4s ease-out;  */
  list-style-type: none;
  float: left;
  width: auto;
  height: auto;
  background-color: #c8cdce;
  margin-right: .5em;
  cursor: pointer;
  border-radius: .6em;
}
.cliente.vagas .etapas ul li .icone {
  border-radius: 1.5em;
  padding: .25em;
  width: 1.8em;
  height: 1.8em;
  margin: 0.4em 0 0 .4em;
  float: left;
  background-color: white;
}
.cliente.vagas .etapas ul li .icone i {
  font-size: 1em;
  color: black;
}
.cliente.vagas .etapas ul li .etapa-titulo {
  padding: .5em;
  float: left;
  font-size: 1.1em;
  color: white;
  font-weight: bold;
}
.cliente.vagas .etapas ul li.chatbot {
  background-image: url("images/bg1.jpg");
  background-size: cover;
}
.cliente.vagas .etapas ul li.chatbot i {
  color: #32a0f3;
}
.cliente.vagas .etapas ul li.video_ingles {
  background-image: url("images/bg2.jpg");
  background-size: cover;
}
.cliente.vagas .etapas ul li.video_ingles i {
  color: #fdac30;
}
.cliente.vagas .etapas ul li.big5 {
  background-image: url("images/bg3.jpg");
  background-size: cover;
}
.cliente.vagas .etapas ul li.big5 i {
  color: #8560e7;
}
.cliente.vagas .etapas ul li.teste_ingles {
  background-image: url("images/bg41.jpg");
  background-size: cover;
}
.cliente.vagas .etapas ul li.teste_ingles i {
  color: #c71d80;
}
.cliente.vagas .etapas ul li.testes {
  background-image: url("images/bg41.jpg");
  background-size: cover;
}
.cliente.vagas .etapas ul li.testes i {
  color: #c71d80;
}
.cliente.vagas .etapas ul li.video_entrevistas {
  background-image: url("images/bg5.jpg");
  background-size: cover;
}
.cliente.vagas .etapas ul li.video_entrevistas i {
  color: #6b8517;
}
.cliente.vagas .etapas ul li.new {
  background-image: none;
  background-color: white !important;
  border: solid 3px #757575;
}
.cliente.vagas .etapas ul li.new .etapa-titulo,
.cliente.vagas .etapas ul li.new i {
  color: #757575;
}
.cliente.vagas .etapas ul li .excluir {
  display: none;
}
.cliente.vagas .etapas #suas_etapas {
  margin-top: .4em;
  border-radius: 1em;
  border: solid 1px #dee1e2;
}
.cliente.vagas .etapas #suas_etapas li {
  width: 100% !important;
}
.cliente.vagas .etapas #suas_etapas .placeholder {
  pointer-events: none;
  background-color: white;
  width: 100%;
  text-align: center;
  padding: 1em 1em;
}
.cliente.vagas .etapas #suas_etapas .placeholder i {
  font-size: 2em;
  color: #dee1e2;
}
.cliente .tabela_gerenciar .zui-wrapper tbody td {
  color: white;
}
.cliente .tabela_gerenciar .zui-wrapper tbody td button {
  opacity: 0.6;
  margin-left: 0.5em;
  border: solid 1px white;
  border-radius: 0.5em;
  padding: 0.2em;
}
.cliente .tabela_gerenciar .zui-wrapper tbody td button:hover {
  opacity: 1;
}
.cliente .tabela_gerenciar .zui-wrapper tbody td span {
  font-size: 1.1em;
}
.cliente .tabela_gerenciar .thumb {
  width: 20% !important;
}
.cliente .tabela_gerenciar .thumb img {
  width: 3em !important;
  height: 3em !important;
  border-radius: 50% !important;
}
.cliente .tabela_gerenciar .id_candidato {
  width: 5%;
}
.cliente .tabela_gerenciar .nome {
  text-align: left;
}
.cliente .padrao_etapas .processo {
  clear: both;
  width: 100%;
  height: auto;
}
.cliente .padrao_etapas .processo ul {
  position: relative;
  padding: 1em;
  height: 6.3em;
  background-color: #dee1e2;
  border-radius: 1em;
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  text-align: left;
}
.cliente .padrao_etapas .processo ul li {
  /*-webkit-transition: all 0.4s ease-out;  
					-moz-transition:    all 0.4s ease-out;
					-ms-transition:     all 0.4s ease-out; 
					-o-transition:      all 0.4s ease-out;  */
  list-style-type: none;
  display: inline-block;
  width: auto;
  height: auto;
  background-color: #c8cdce;
  padding: .3em;
  border-radius: .6em;
  margin: 0 3em 0 0;
  position: relative;
  cursor: pointer;
  /*&:hover{
						background-color: #284754 !important;
					}*/
}
.cliente .padrao_etapas .processo ul li .icone {
  border-radius: 1.5em;
  padding: .25em;
  width: 2.1em;
  height: 2.1em;
  margin: 0.4em 0 0 .4em;
  float: left;
  background-color: white;
}
.cliente .padrao_etapas .processo ul li .icone i {
  font-size: 1em;
  color: black;
}
.cliente .padrao_etapas .processo ul li .etapa-titulo {
  padding: .9em .6em .6em .6em;
  float: left;
  font-size: 1.1em;
  color: white;
  font-weight: bold;
}
.cliente .padrao_etapas .processo ul li.chatbot {
  background-image: url("images/bg1.jpg");
  background-size: cover;
}
.cliente .padrao_etapas .processo ul li.chatbot i {
  color: #32a0f3;
}
.cliente .padrao_etapas .processo ul li.video_ingles {
  background-image: url("images/bg2.jpg");
  background-size: cover;
}
.cliente .padrao_etapas .processo ul li.video_ingles i {
  color: #fdac30;
}
.cliente .padrao_etapas .processo ul li.big5 {
  background-image: url("images/bg3.jpg");
  background-size: cover;
}
.cliente .padrao_etapas .processo ul li.big5 i {
  color: #8560e7;
}
.cliente .padrao_etapas .processo ul li.teste_ingles {
  background-image: url("images/bg41.jpg");
  background-size: cover;
}
.cliente .padrao_etapas .processo ul li.teste_ingles i {
  color: #c71d80;
}
.cliente .padrao_etapas .processo ul li.testes {
  background-image: url("images/bg41.jpg");
  background-size: cover;
}
.cliente .padrao_etapas .processo ul li.testes i {
  color: #c71d80;
}
.cliente .padrao_etapas .processo ul li.video_entrevistas {
  background-image: url("images/bg5.jpg");
  background-size: cover;
}
.cliente .padrao_etapas .processo ul li.video_entrevistas i {
  color: #6b8517;
}
.cliente .padrao_etapas .processo ul li .excluir {
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  border-radius: 0 .6em 0 0;
  position: absolute;
  top: 0em;
  right: 0em;
  width: 1.6em;
  height: 1.8em;
  background-color: transparent;
  opacity: 0.7;
  font-size: 0.7em;
  padding: .2em 0 0 .2em;
}
.cliente .padrao_etapas .processo ul li .excluir i {
  color: white;
}
.cliente .padrao_etapas .processo ul li .excluir:hover {
  background-color: white;
  opacity: 1;
}
.cliente .padrao_etapas .processo ul li .excluir:hover i {
  color: #e74c3c;
}
.cliente .padrao_etapas .processo ul li:after {
  color: #757575;
  text-align: right;
  content: "»";
  display: block;
  position: absolute;
  font-size: 3.2em;
  top: 0em;
  right: -0.75em;
  width: auto;
  line-height: 1em;
  padding: 0;
}
.cliente .padrao_etapas .processo ul li:last-child:after {
  opacity: 0;
}
.cliente .padrao_etapas .processo ul li.placeholderProcesso {
  width: 3.5em !important;
  height: 3.5em !important;
  background-color: rgba(255, 255, 255, 0.6) !important;
  position: relative !important;
}
.cliente .padrao_etapas .processo ul li.placeholderProcesso:after {
  color: #284754;
  text-align: left;
  content: "+";
  display: block;
  position: relative;
  font-size: 3.5em;
  top: -0.15em;
  margin: 0;
  left: .15em;
  line-height: 1em;
  padding: 0;
}
.cliente .padrao_etapas .processo ul li.placeholderProcesso:last-child:after {
  opacity: 1;
}
.cliente .padrao_etapas .processo ul li.placeholder {
  padding-top: 1.5em;
  font-size: 1.2em;
  width: 100%;
  text-align: center;
  color: #909090;
  background-color: transparent;
  border: none;
}
.cliente .padrao_etapas .etapas {
  clear: both;
  width: 100%;
  height: auto;
  display: block;
}
.cliente .padrao_etapas .etapas ul {
  margin: 0;
  width: 100%;
  position: relative;
  padding: .3em;
  display: inline-block;
  height: auto;
  background-color: transparent;
}
.cliente .padrao_etapas .etapas ul li {
  /*-webkit-transition: all 0.4s ease-out;  
					-moz-transition:    all 0.4s ease-out;
					-ms-transition:     all 0.4s ease-out; 
					-o-transition:      all 0.4s ease-out;  */
  list-style-type: none;
  float: left;
  width: auto;
  height: auto;
  background-color: #c8cdce;
  margin-right: .5em;
  cursor: pointer;
  border-radius: .6em;
}
.cliente .padrao_etapas .etapas ul li .icone {
  border-radius: 1.5em;
  padding: .25em;
  width: 2em;
  height: 2em;
  margin: 0.4em 0 0 .4em;
  float: left;
  background-color: white;
}
.cliente .padrao_etapas .etapas ul li .icone i {
  font-size: 1em;
  color: black;
}
.cliente .padrao_etapas .etapas ul li .etapa-titulo {
  padding: .9em .6em .9em .6em;
  float: left;
  font-size: 1.1em;
  color: white;
  font-weight: bold;
}
.cliente .padrao_etapas .etapas ul li.chatbot {
  background-image: url("images/bg1.jpg");
  background-size: cover;
}
.cliente .padrao_etapas .etapas ul li.chatbot i {
  color: #32a0f3;
}
.cliente .padrao_etapas .etapas ul li.video_ingles {
  background-image: url("images/bg2.jpg");
  background-size: cover;
}
.cliente .padrao_etapas .etapas ul li.video_ingles i {
  color: #fdac30;
}
.cliente .padrao_etapas .etapas ul li.big5 {
  background-image: url("images/bg3.jpg");
  background-size: cover;
}
.cliente .padrao_etapas .etapas ul li.big5 i {
  color: #8560e7;
}
.cliente .padrao_etapas .etapas ul li.teste_ingles {
  background-image: url("images/bg41.jpg");
  background-size: cover;
}
.cliente .padrao_etapas .etapas ul li.teste_ingles i {
  color: #c71d80;
}
.cliente .padrao_etapas .etapas ul li.testes {
  background-image: url("images/bg41.jpg");
  background-size: cover;
}
.cliente .padrao_etapas .etapas ul li.testes i {
  color: #c71d80;
}
.cliente .padrao_etapas .etapas ul li.video_entrevistas {
  background-image: url("images/bg5.jpg");
  background-size: cover;
}
.cliente .padrao_etapas .etapas ul li.video_entrevistas i {
  color: #6b8517;
}
.cliente .padrao_etapas .etapas ul li.new {
  background-image: none;
  background-color: white !important;
  border: solid 3px #757575;
}
.cliente .padrao_etapas .etapas ul li.new .etapa-titulo,
.cliente .padrao_etapas .etapas ul li.new i {
  color: #757575;
}
.cliente .padrao_etapas .etapas ul li .excluir {
  display: none;
}
.cliente .padrao_etapas .etapas #suas_etapas {
  margin-top: .4em;
  border-radius: 1em;
  border: solid 1px #dee1e2;
}
.cliente .padrao_etapas .etapas #suas_etapas li {
  width: 100% !important;
}
.cliente .padrao_etapas .etapas #suas_etapas .placeholder {
  pointer-events: none;
  background-color: white;
  width: 100%;
  text-align: center;
  padding: 1em 1em;
}
.cliente .padrao_etapas .etapas #suas_etapas .placeholder i {
  font-size: 2em;
  color: #dee1e2;
}
.cliente .padrao_etapas .etapas #etapas_padrao li {
  width: 100% !important;
}
/* ==========================================================================
Media Queries
========================================================================== */

.nanobar {
  width: 100%;
  height: 4px;
  z-index: 9999;
  top: 0;
}
.bar {
  width: 0;
  height: 100%;
  transition: height .3s;
  background: #28a745;
}
.tm-verde {
  background: #28a745 !important;
}
.tm-amarelo {
  background: #ffc107 !important;
}
.tm-laranja {
  background: #fd7e14 !important;
}
.tm-vermelho {
  background: #dc3545 !important;
}
.entrevista {
  position: relative;
  width: 100%;
  height: 80vh;
  background-color: black;
  /*video{
		position: relative;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}*/
  /*
#result{
  display: none;
  position: absolute;
  color: white;
}*/
}
.entrevista #pergunta {
  z-index: 99999Z;
}
.entrevista .video-js {
  position: relative !important;
  width: 100% !important;
  height: 300px !important;
  z-index: 999999 !important;
}
.entrevista #canvas {
  position: relative;
  bottom: 1.5em;
  width: 100%;
  height: 50px;
  z-index: 9999999999999;
}
.entrevista #concluir {
  display: none;
  position: absolute;
  bottom: 3em;
  right: 1em;
}
.entrevista #resposta {
  height: 80vh;
  width: 100%;
}
.entrevista #result {
  display: none;
  position: relative;
  width: 100%;
  top: 2em;
  color: yellow;
  font-size: 2em;
  z-index: 9999999;
  text-align: center;
  background-color: #ff6600;
}
.entrevista .status {
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 9;
  color: white;
  font-size: 1.2em;
  width: 100%;
  height: 30px;
  background-color: #232323;
  text-align: right;
  padding-right: 1em;
}
.entrevista .status #state-preview {
  padding-right: 1em;
}
.entrevista .status #state-preview i {
  color: #cecece !important;
}
.entrevista .status #state-preview.active i {
  color: red !important;
}
.entrevista .countdown {
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 30em;
  text-align: center;
  z-index: 9;
  color: white;
  background-color: #000000;
  opacity: 0.7;
}
.entrevista .countdown #skip {
  display: none;
  position: absolute;
  right: 1em;
  bottom: 3em;
}
.entrevista .msg {
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 2em;
  text-align: center;
  z-index: 999 !important;
  color: #303030;
  padding-top: 1em;
}
.entrevista .msg i {
  margin-top: -1.5em;
  font-size: 2em !important;
  clear: both;
}
.entrevista .msg p,
.entrevista .msg small {
  color: white;
  text-align: center;
}
.entrevista .msg p i,
.entrevista .msg small i {
  font-size: 1em !important;
}
.entrevista .msg .txt,
.entrevista .msg .small,
.entrevista .msg .botoes,
.entrevista .msg .porcentagem {
  display: block;
  width: 100%;
}
.entrevista .msg .botoes {
  margin-top: 1em;
}
.entrevista .msg .botoes .btn {
  font-size: 0.8em;
}
.entrevista .msg .botoes button {
  width: auto !important;
}
.entrevista .msg .small {
  font-size: 0.5em !important;
}
.entrevista .msgOr {
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 2em;
  text-align: center;
  z-index: 99999999999999 !important;
  color: white;
  padding-top: 1em;
  background-color: #dc3545;
}
.entrevista .msgOr i {
  margin-top: -1.5em;
  font-size: 2em !important;
  clear: both;
}
.entrevista .msgOr p,
.entrevista .msgOr small {
  color: white;
  text-align: center;
}
.entrevista .msgOr p i,
.entrevista .msgOr small i {
  font-size: 1em !important;
}
.entrevista .msgOr .txt,
.entrevista .msgOr .small,
.entrevista .msgOr .botoes,
.entrevista .msgOr .porcentagem {
  display: block;
  width: 100%;
}
.entrevista .msgOr .small {
  font-size: 0.5em !important;
}
.entrevista .video-loading {
  width: 49px;
  height: 49px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -24px;
  margin-left: -24px;
  border-radius: 50%;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  box-shadow: 3px 3px 1px #ffffff;
  animation: cssload-spin 690ms infinite linear;
  -o-animation: cssload-spin 690ms infinite linear;
  -ms-animation: cssload-spin 690ms infinite linear;
  -webkit-animation: cssload-spin 690ms infinite linear;
  -moz-animation: cssload-spin 690ms infinite linear;
}
.entrevista .depois {
  display: none;
}
.entrevista .antes {
  display: none;
}
.entrevista .durante {
  display: none;
}
.entrevista .simulado {
  display: none;
}
.entrevista .simulado_novamente {
  display: none;
}
.entrevista .final {
  display: none;
}
.entrevista .novamente {
  display: none;
}
@keyframes cssload-spin {
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes cssload-spin {
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes cssload-spin {
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes cssload-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes cssload-spin {
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@media only screen and (min-width: 1024px) {
  .entrevista {
    height: auto;
  }
  .entrevista .msg {
    padding-top: 3em;
  }
  .entrevista .msg p,
  .entrevista .msg small {
    color: black;
  }
}

/* ==========================================================================
Cores
========================================================================== */
/* Ações */
/* ==========================================================================
Tipografia Painel
========================================================================== */
/* ==========================================================================
Tipografia
========================================================================== */
/* ==========================================================================
FIltros
========================================================================== */
.shortlist {
  position: relative !important;
}
.shortlist h3 {
  margin: 0;
}
.shortlist .header {
  position: relative;
  width: 100%;
  padding: 0;
}
.shortlist .header p {
  margin-top: 0.5em;
  margin-bottom: 0;
  width: auto;
  float: left;
}
.shortlist .header h2 {
  margin-top: 0;
  margin-bottom: 0;
  width: auto;
  float: left;
  margin-right: 0.5em;
}
.shortlist .header hr {
  clear: both;
}
.shortlist .estatisticas {
  clear: both;
  width: 100%;
  background-color: #f5f5f5;
  border-radius: 1em;
  margin-top: -1em;
  position: relative;
}
.shortlist .estatisticas .pesquisar_abrir {
  background-color: white;
  width: 82px;
  height: 40px;
  overflow: hidden;
  position: absolute;
  top: -2em;
  left: 50%;
  margin-left: -41px;
  padding: 0.5em;
  border-radius: .5em;
  -webkit-box-shadow: 1px 2px 10px -4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 1px 2px 10px -4px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 2px 10px -4px rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.7s ease-out;
  -moz-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
}
.shortlist .estatisticas .pesquisar_abrir p,
.shortlist .estatisticas .pesquisar_abrir input,
.shortlist .estatisticas .pesquisar_abrir .btn {
  display: inline-block !important;
  margin: 0 0.4em 0 0;
}
.shortlist .estatisticas .pesquisar_abrir input {
  height: 25px;
  width: 200px;
  font-size: 0.8em;
}
.shortlist .estatisticas .pesquisar_abrir.open {
  margin-left: -210px !important;
  width: 420px !important;
}
.shortlist .estatisticas .pesquisar_abrir .pesquisar {
  width: 370px;
  display: none;
}
.shortlist .estatisticas .pesquisar_abrir .btn.hidden {
  display: none !important;
}
.shortlist .estatisticas .col {
  cursor: pointer;
  padding: 1em;
  display: inline-block;
  width: 24%;
  margin-right: 0;
  border-right: solid 1px #cecece;
  color: white;
}
.shortlist .estatisticas .col h4 {
  padding: 0;
  margin: 0;
  float: left;
}
.shortlist .estatisticas .col .total {
  float: right;
  font-size: 1.3em;
}
.shortlist .estatisticas .col .meter {
  clear: both;
  background-color: #e2e2e2;
}
.shortlist .estatisticas .col small {
  float: left;
  color: #757575;
}
.shortlist .estatisticas .col .detalhes {
  padding-top: 1em;
}
.shortlist .estatisticas .col hr {
  clear: both;
  margin: 0.5em 0 0.5em 0;
}
.shortlist .estatisticas .col p {
  width: auto;
  padding: 0;
  margin: 0;
  float: left;
}
.shortlist .estatisticas .col:last-child {
  border-right: none;
}
.shortlist #shortlist .header {
  margin-top: 1em;
}
.shortlist #shortlist ul {
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
}
.shortlist #shortlist ul li {
  cursor: pointer;
  width: 19%;
  height: 12em;
  border: none;
  background-color: rgba(90, 90, 90, 0.1);
  display: block;
  float: left;
  margin-right: 1%;
  padding: 1em;
  margin-bottom: 1em;
  text-align: center;
  border-radius: 1em;
  /*&:first-child{
					img{
						width: 5em;
						height: 5em;
					}
				}*/
}
.shortlist #shortlist ul li.tag-1 {
  border: solid 0px white !important;
}
.shortlist #shortlist ul li.tag-2 {
  border: solid 0px white !important;
}
.shortlist #shortlist ul li.tag-3 {
  border: solid 2px #008db3 !important;
}
.shortlist #shortlist ul li.tag-5 {
  border: solid 2px #008db3 !important;
}
.shortlist #shortlist ul li.tag-4 {
  border: solid 2px #e74c3c !important;
}
.shortlist #shortlist ul li.tag-6 {
  border: solid 2px #e74c3c !important;
}
.shortlist #shortlist ul li.tag-9 {
  border: solid 2px #e74c3c !important;
}
.shortlist #shortlist ul li.tag-7 {
  border: solid 2px #3cb878 !important;
}
.shortlist #shortlist ul li.tag-8 {
  border: solid 2px #f2ce02 !important;
}
.shortlist #shortlist ul li img {
  width: 3.5em;
  height: 3.5em;
  border-radius: 50%;
  border: solid 3px white;
}
.shortlist #shortlist ul li h3 {
  width: 100%;
  margin-top: 0.5em;
  text-align: center;
  font-weight: bold;
}
.shortlist #shortlist ul li p {
  color: #999999;
  width: 100%;
  margin-top: 0.3em;
  margin-bottom: 0;
  padding: 0;
  text-align: center;
}
.shortlist #shortlist ul li.semcdd {
  width: 100%;
  height: auto;
  background-color: #e74c3c;
  border-radius: 1em;
  color: white;
  font-size: 1.3em;
  border: none;
}
.shortlist #shortlist ul li.selecionado {
  background-color: #25b183;
}
.shortlist #shortlist ul li.selecionado h3,
.shortlist #shortlist ul li.selecionado p {
  color: white;
}
.shortlist #shortlist ul li.collapsed {
  padding: 0.5em;
  height: 5.5em;
  overflow: hidden;
}
.shortlist #shortlist ul li.collapsed p {
  width: 70%;
  padding-left: 1em;
  float: left;
  text-align: left;
}
.shortlist #shortlist ul li.collapsed h3 {
  width: 70%;
  padding-left: 1em;
  float: left;
  font-size: 1em;
  text-align: left;
}
.shortlist #shortlist ul li.collapsed img {
  float: left;
  width: 3em;
  height: 3em;
}
.shortlist .loadTag {
  margin-bottom: 5em;
}
.shortlist .loadTag #btn-voltar-ordenados {
  margin-top: 2em;
}
.shortlist .base_filtros {
  position: absolute !important;
  left: -1em;
  margin-left: -10%;
}
.shortlist .base_filtros h3 {
  margin: 0;
}
.shortlist .base_filtros .filtros {
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  position: fixed;
  bottom: 0;
  width: 100%;
  min-height: 50vh;
  height: auto;
  max-height: 100vh;
  background-image: linear-gradient(to bottom right, #0f4d60, #0f5f67);
  text-align: left;
}
.shortlist .base_filtros .filtros.collapsed {
  min-height: 3.5em;
  height: 3.5em;
  overflow: hidden;
}
.shortlist .base_filtros .filtros .header {
  height: 3.5em;
  padding: 1em 2em .5em 2em !important;
  cursor: pointer;
}
.shortlist .base_filtros .filtros .header h3,
.shortlist .base_filtros .filtros .header p {
  color: white;
  margin-top: 0;
}
.shortlist .base_filtros .filtros .header p {
  margin-left: .5em;
  border-left: solid 1px rgba(255, 255, 255, 0.5);
  padding-left: .5em;
}
.shortlist .base_filtros .filtros .header h3,
.shortlist .base_filtros .filtros .header p {
  float: left;
}
.shortlist .base_filtros .filtros .header #alterar-cenario select {
  width: auto;
  float: left;
  font-size: 0.8em;
  margin-right: 0.5em;
}
.shortlist .base_filtros .filtros .utilizados {
  clear: both;
  width: 100%;
  height: auto;
}
.shortlist .base_filtros .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) {
  width: 100%;
  position: relative;
  padding: 0.5em 1em;
  height: 16em;
  white-space: nowrap;
  overflow-x: auto;
}
.shortlist .base_filtros .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) li:not(.search-field):not(.search-choice):not(.active-result):not(.result-selected) {
  list-style-type: none;
  display: inline-block;
  width: 14em;
  height: 14em;
  border: solid 1px white;
  background-color: transparent;
  margin: 0 1.5em 0 0;
  position: relative;
  top: 0;
  cursor: pointer;
  padding: 0;
  overflow: hidden;
  border-radius: 1em;
}
.shortlist .base_filtros .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) li:not(.search-field):not(.search-choice):not(.active-result):not(.result-selected) .chosen-choices {
  height: 2.5em;
  white-space: nowrap;
  overflow-x: auto;
}
.shortlist .base_filtros .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) li:not(.search-field):not(.search-choice):not(.active-result):not(.result-selected) .chosen-choices li {
  display: inline-block;
  float: inherit;
}
.shortlist .base_filtros .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) li:not(.search-field):not(.search-choice):not(.active-result):not(.result-selected) .chosen-choices li .search-choice-close {
  background: url("images/chosen-sprite.png") -42px 1px no-repeat !important;
}
.shortlist .base_filtros .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) li:not(.search-field):not(.search-choice):not(.active-result):not(.result-selected) .chosen-results {
  padding: 0 0 9em 0 !important;
}
.shortlist .base_filtros .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) li:not(.search-field):not(.search-choice):not(.active-result):not(.result-selected) .chosen-results .active-result {
  color: black;
}
.shortlist .base_filtros .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) li:not(.search-field):not(.search-choice):not(.active-result):not(.result-selected) .header {
  position: absolute;
  top: 0;
  left: 0;
  height: 2em;
  width: 100%;
  padding: 0.4em 0 0 1em !important;
  background-color: transparent;
  overflow: hidden;
  color: white;
}
.shortlist .base_filtros .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) li:not(.search-field):not(.search-choice):not(.active-result):not(.result-selected) .dados {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 2em;
  padding: 1em;
}
.shortlist .base_filtros .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) li:not(.search-field):not(.search-choice):not(.active-result):not(.result-selected) .apexcharts-canvas {
  position: absolute;
}
.shortlist .base_filtros .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) li:not(.search-field):not(.search-choice):not(.active-result):not(.result-selected) small {
  clear: both;
  display: block;
}
.shortlist .base_filtros .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) li:not(.search-field):not(.search-choice):not(.active-result):not(.result-selected) .info {
  display: block;
  color: white;
  /*.irs--flat .irs-line { background-color: #d2d2d2 !important; }
							.irs--flat .irs-max { background-color: #d2d2d2 !important; } 
							.irs--flat .irs-min { background-color: #d2d2d2 !important; } */
}
.shortlist .base_filtros .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) li:not(.search-field):not(.search-choice):not(.active-result):not(.result-selected) .info .normal .apexcharts-canvas {
  height: 40px !important;
}
.shortlist .base_filtros .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) li:not(.search-field):not(.search-choice):not(.active-result):not(.result-selected) .info .normal .apexcharts-canvas .apexcharts-inner.apexcharts-graphical {
  transform: translate(0, 10px) !important;
}
.shortlist .base_filtros .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) li:not(.search-field):not(.search-choice):not(.active-result):not(.result-selected):after {
  color: #757575;
  text-align: right;
  content: "»";
  display: block;
  position: absolute;
  font-size: 2.6em;
  top: 0em;
  right: -0.8em;
  width: auto;
  line-height: 1em;
  padding: 0;
}
.shortlist .base_filtros .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) li:not(.search-field):not(.search-choice):not(.active-result):not(.result-selected):last-child:after {
  opacity: 0;
}
.shortlist .base_filtros .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) li:not(.search-field):not(.search-choice):not(.active-result):not(.result-selected).placeholderProcesso {
  width: 5em !important;
  height: 4.7em !important;
  border: solid 1px #606060 !important;
  background-color: #3cb878 !important;
  position: relative !important;
  top: -4.5em;
}
.shortlist .base_filtros .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) li:not(.search-field):not(.search-choice):not(.active-result):not(.result-selected).placeholderProcesso:after {
  color: white;
  text-align: left;
  content: "+";
  display: block;
  position: relative;
  font-size: 3em;
  top: 0.3em;
  margin: 0;
  left: 0.5em;
  line-height: 1em;
  padding: 0;
}
.shortlist .base_filtros .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) li:not(.search-field):not(.search-choice):not(.active-result):not(.result-selected).placeholderProcesso:last-child:after {
  opacity: 1;
}
.shortlist .base_filtros .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) li:not(.search-field):not(.search-choice):not(.active-result):not(.result-selected).placeholder {
  width: 97%;
  margin: 0;
  padding: 0;
  text-align: center;
  color: #959595;
  background-color: transparent;
  border: none;
  padding-top: 8em;
  height: 20em !important;
  vertical-align: middle;
}
.shortlist .base_filtros .filtros .disponiveis {
  clear: both;
  width: 100%;
  height: auto;
  display: block;
}
.shortlist .base_filtros .filtros .disponiveis ul {
  width: 100%;
  position: relative;
  padding: 0.5em 1em;
  height: 4.5em;
  border: none;
  background-color: transparent;
  margin-bottom: 0;
  overflow-x: auto;
  white-space: nowrap;
}
.shortlist .base_filtros .filtros .disponiveis ul li {
  list-style-type: none;
  display: inline-block;
  border-radius: 1em;
  width: auto;
  height: auto;
  border: solid 1px white;
  background-color: rgba(255, 255, 255, 0.4);
  margin-right: .5em;
  margin-bottom: .5em;
  cursor: pointer;
  padding: .5em .5em;
  color: white;
}
.shortlist .base_filtros .filtros .disponiveis ul li .icone {
  width: 30%;
}
.shortlist .base_filtros .filtros .disponiveis ul li small {
  clear: both;
  display: block;
}
.shortlist .base_filtros .filtros .disponiveis ul li .header {
  position: relative;
  top: 0;
  left: 0;
  height: auto;
  width: 100%;
  padding: 0 !important;
  background-color: transparent;
}
.shortlist .base_filtros .filtros .disponiveis ul li .header span {
  display: none;
}
.shortlist .base_filtros .filtros .disponiveis ul li .dados {
  display: none;
}
.shortlist .base_filtros .filtros .disponiveis ul li:hover {
  background-color: rgba(255, 255, 255, 0.9);
  color: #196f8a;
}
.shortlist .base_filtros .filtros .disponiveis ul li.placeholderProcesso {
  width: auto !important;
  height: auto !important;
  border: solid 1px #606060 !important;
  background-color: #e74c3c !important;
  position: relative !important;
}
.shortlist .base_filtros .filtros .disponiveis ul li.placeholderProcesso:after {
  color: white;
  content: "x";
  display: block;
  position: relative;
  font-size: 1.8em;
  margin: 0;
  line-height: 0.6em;
  padding: 0;
  font-family: 'arial';
}
.shortlist .base_filtros .filtros .disponiveis ul li.placeholderProcesso:last-child:after {
  opacity: 1;
}
.shortlist .base_filtros .filtros .disponiveis ul li.new {
  background-color: #3cb878;
}
.shortlist .base_filtros .filtros .disponiveis ul li.placeholder {
  text-align: center;
  color: #757575;
  background-color: transparent;
  border: none;
}
#modalPerfil #perfil {
  width: 100%;
  padding: 0 1em;
}
#modalPerfil #perfil .header {
  height: 9em;
  border-bottom: solid 1px #757575;
}
#modalPerfil #perfil .header .info {
  width: 100%;
}
#modalPerfil #perfil .header .info .thumb {
  width: auto;
  height: auto;
  float: left;
  margin-right: 2em;
  display: inline-block;
}
#modalPerfil #perfil .header .info .thumb img {
  width: 8em;
  height: 8em;
  border-radius: 50%;
  border: solid 6px #757575;
}
#modalPerfil #perfil .header .info h1 {
  width: auto;
}
#modalPerfil #perfil .header .info p {
  margin: 0;
  width: auto;
}
#modalPerfil #perfil .header .processo {
  position: absolute;
  top: 1em;
  right: 2em;
  height: auto;
  z-index: 60;
  width: 16em;
  -webkit-transition: all 0.7s ease-out;
  -moz-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
}
#modalPerfil #perfil .header .processo #tag_atual {
  cursor: pointer;
  width: 100%;
  height: auto;
  padding: 1em;
  border-radius: 1em;
}
#modalPerfil #perfil .header .processo #tag_atual h3 {
  margin: 0;
  color: white;
}
#modalPerfil #perfil .header .processo #tag_atual.verde {
  background-color: #3cb878;
}
#modalPerfil #perfil .header .processo #tag_atual.cinza {
  background-color: #cecece;
}
#modalPerfil #perfil .header .processo #tag_atual.cinza h3 {
  color: black;
}
#modalPerfil #perfil .header .processo #tag_atual.azul {
  background-color: #008db3;
}
#modalPerfil #perfil .header .processo #tag_atual.azul h3 {
  color: white;
}
#modalPerfil #perfil .header .processo #tag_atual.amarelo {
  background-color: #f2ce02;
}
#modalPerfil #perfil .header .processo #tag_atual.amarelo h3 {
  color: white;
}
#modalPerfil #perfil .header .processo #tag_atual.vermelho {
  background-color: #e74c3c;
}
#modalPerfil #perfil .header .processo #tags {
  z-index: 60;
  width: 100%;
  height: auto;
  position: absolute;
  background-color: #f5f5f5;
  color: black;
  padding: 0.5em 0.5em 0.5em 1em;
  border-radius: 0.5em;
  margin-top: 16px;
}
#modalPerfil #perfil .header .processo #tags li {
  border-radius: 0.5em;
  list-style-type: none;
  padding: 0.2em 0.2em 0.2em 0.5em;
  margin-bottom: 0.2em;
}
#modalPerfil #perfil .header .processo #tags li.verde {
  background-color: #3cb878;
  color: white;
}
#modalPerfil #perfil .header .processo #tags li.cinza {
  background-color: #cecece;
}
#modalPerfil #perfil .header .processo #tags li.azul {
  background-color: #008db3;
  color: white;
}
#modalPerfil #perfil .header .processo #tags li.amarelo {
  background-color: #f2ce02;
}
#modalPerfil #perfil .header .processo #tags li.vermelho {
  background-color: #e74c3c;
  color: white;
}
#modalPerfil #perfil .header .processo #tags:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(117, 117, 117, 0);
  border-bottom-color: #f5f5f5;
  border-width: 16px;
  margin-left: -16px;
}
#modalPerfil #perfil #historico {
  width: 100%;
  display: inline-block;
  margin: 1em 0 0 0;
  padding: 1px 0 0 1em;
  height: auto;
  overflow: auto;
  vertical-align: top;
}
#modalPerfil #perfil #historico li {
  list-style-type: none;
  padding: 1em;
  border-bottom: 1px solid #757575;
  margin-bottom: 1em;
}
#modalPerfil #perfil #historico li .comentarios {
  width: 100%;
  clear: both;
  margin: 0.5em 0;
}
#modalPerfil #perfil #historico li .badge {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  margin-right: 1em;
}
#modalPerfil #perfil #historico li .badge i {
  padding: 0;
  margin: 0;
  font-size: 1.6em;
  position: relative;
  left: -0.2em;
  top: 0.1em;
}
#modalPerfil #perfil #historico li .badge.verde {
  background-color: #3cb878;
}
#modalPerfil #perfil #historico li .badge.cinza {
  background-color: #cecece;
  color: black;
}
#modalPerfil #perfil #historico li .badge.azul {
  background-color: #008db3;
}
#modalPerfil #perfil #historico li .badge.amarelo {
  background-color: #f2ce02;
}
#modalPerfil #perfil #historico li .badge.vermelho {
  background-color: #e74c3c;
}
#modalPerfil #perfil #historico li .timestamp {
  width: 100%;
  font-size: 0.7em;
  clear: both;
  text-align: right;
  float: right;
}
#modalPerfil #perfil .dados {
  width: 73%;
  display: inline-block;
  vertical-align: top;
  padding-right: 2em;
  border-right: solid 1px #cecece;
}
#modalPerfil #perfil .dados .texto {
  padding-top: 2em;
}
#modalPerfil #perfil .dados .videos ul {
  width: 100%;
  overflow: auto;
  position: relative;
  padding: 1em;
  height: auto;
  white-space: nowrap;
}
#modalPerfil #perfil .dados .videos ul li {
  list-style-type: none;
  display: inline-block;
  vertical-align: top;
  width: 16em;
  height: 9em;
  border: solid 1px #303030;
  margin: 0 1	em 0 0;
  position: relative;
  top: 0;
  cursor: pointer;
  padding: 1em;
  text-align: center;
}
#modalPerfil #perfil .dados .videos ul li i {
  color: #303030;
  font-size: 2em;
}
#modalPerfil #perfil .dados .videos ul li h3 {
  font-size: 1em;
  text-align: center;
  color: #303030;
  clear: both;
  white-space: normal;
}
#modalPerfil #perfil .dados .videos ul li .player {
  position: relative;
  width: 100%;
  height: 100%;
}
#modalPerfil #perfil .dados .videos ul li .player video {
  width: 100%;
  height: 100%;
}
#modalPerfil #perfil .dados .videos ul li .player .fechar {
  position: absolute;
  top: 0;
  right: 0;
  width: 1em;
  height: 1em;
  z-index: 99999;
}
@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
    max-width: 1200px;
  }
}

/* ==========================================================================
Cores
========================================================================== */
/* Ações */
/* ==========================================================================
V3
========================================================================== */
/* ==========================================================================
Tipografia Painel
========================================================================== */
/* ==========================================================================
Tipografia
========================================================================== */
/* ==========================================================================
Home
========================================================================== */
.externo.v2 {
  background-color: #393939;
  height: 100%;
}
.externo.v2 input,
.externo.v2 select {
  border-radius: .4em;
  height: 2em;
  border: none;
}
.externo.v2 section h2 {
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
}
.externo.v2 .menu {
  z-index: 9;
  display: block;
  position: absolute;
  top: 1em;
  left: 0;
  width: 100%;
  height: auto;
}
.externo.v2 .menu .logo {
  width: 140px;
  margin: 0 auto;
  -webkit-transition: all 0.7s ease-out;
  -moz-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
}
.externo.v2 .menu .logo img {
  margin: 0 auto;
  width: 100%;
}
.externo.v2 .menu .actions {
  float: left;
}
.externo.v2 .menu .actions button {
  width: 4em;
  height: 60px;
  background-color: transparent;
  text-align: center;
  border: none;
}
.externo.v2 .menu .actions button i {
  font-size: 1.5em;
  color: white;
}
.externo.v2 .menu .login {
  position: absolute;
  top: 0em;
  right: 2em;
}
.externo.v2 .menu .login .btn {
  margin-top: 1em;
  background-color: transparent;
  color: white;
  border: solid 1px white;
}
.externo.v2 .menu .nav {
  opacity: 0;
  display: none;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  background-color: #196f8a;
}
.externo.v2 .menu .nav h2 {
  margin: 2em 0 0 2em;
  width: 60%;
}
.externo.v2 .menu .nav ul {
  width: 90%;
  clear: both;
}
.externo.v2 .menu .nav ul li {
  display: block;
  margin-left: 4em;
  -webkit-transition: all 0.7s ease-out;
  -moz-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  border-bottom: solid 1px white;
  padding: 1em 0;
}
.externo.v2 .menu .nav ul li a {
  color: white;
  font-size: 1.2em;
}
.externo.v2 .menu .nav ul li:hover strong {
  color: #37bab5;
}
.externo.v2 .menu .nav ul li a:hover {
  text-decoration: none;
}
.externo.v2 .menu .nav ul li .icon-ves-seta {
  font-size: 0.5em;
}
.externo.v2 .menu .nav ul li.submenu {
  padding-left: 1em;
}
.externo.v2 .menu .nav.open {
  opacity: 1;
  pointer-events: visible;
  display: block;
  margin-top: 0;
}
.externo.v2 .menu .nav.open ul {
  margin-bottom: 2em;
}
.externo.v2 .banners {
  width: 100%;
  height: 70vh;
  background-image: linear-gradient(to bottom right, #196f8a, #18808b);
  position: relative;
}
.externo.v2 .banners .banner {
  width: 100%;
  height: 100%;
  background-size: 265% auto;
  background-repeat: no-repeat;
  position: relative;
  top: 0;
  left: 0;
  background-position: 80% bottom;
}
.externo.v2 .banners .banner .txt {
  border-right: 2px solid rgba(255, 255, 255, 0.5);
  padding: 1em;
  text-align: right;
  width: auto;
  height: auto;
  margin-bottom: 0;
  position: absolute;
  bottom: 2em;
  right: 25%;
  background-color: rgba(0, 0, 0, 0.4);
}
.externo.v2 .banners .banner .txt h3 {
  font-size: 1.5em;
  text-align: right;
  color: #ffffff;
  margin: 0;
}
.externo.v2 .banners .banner .txt h2 {
  font-size: 2em;
  text-align: right;
  color: white;
  margin: 0;
}
.externo.v2 .banners .banner .txt .btn {
  margin-top: 1em;
  background-color: transparent;
  color: white;
  border: solid 1px white;
}
.externo.v2 .conteudo {
  padding: 1em 10%;
}
.externo.v2 .search {
  width: 100%;
  background-color: #ececec;
}
.externo.v2 .search fieldset label {
  width: 100%;
  margin-right: 0;
}
.externo.v2 .vagas_destaque ul li {
  background-color: white;
  list-style-type: none;
  width: 100%;
  margin-bottom: 1em;
  border-bottom: 1px solid #757575;
}
.externo.v2 .vagas_destaque ul li .logo {
  width: 30%;
  display: table-cell;
}
.externo.v2 .vagas_destaque ul li .logo img {
  margin: 1em;
  width: 6em;
}
.externo.v2 .vagas_destaque ul li .info {
  width: 70%;
  display: table-cell;
}
.externo.v2 .vagas_destaque ul li .info h4 {
  font-size: 1.4em;
  margin: 0;
}
.externo.v2 .vagas_destaque ul li .info p {
  margin: 0;
}
.externo.v2 .vagas_destaque ul li .info small {
  font-size: 0.7em;
}
.externo.v2 .clientes {
  background-color: white;
}
.externo.v2 .clientes ul {
  padding: 0;
  margin: 4em 0;
}
.externo.v2 .clientes ul li {
  width: auto;
  display: inline-table;
  margin: .8em;
}
.externo.v2 .clientes ul li img {
  height: 2.5em;
}
.externo.v2 #login {
  margin-top: 0em;
  position: relative;
}
.externo.v2 #login .lostFocus {
  opacity: 0.4 !important;
}
.externo.v2 #login a.btn-linkedin {
  color: white !important;
  background-color: #0077B5;
}
.externo.v2 #login a.btn-google {
  color: white !important;
  background-color: #dc4b3a;
}
.externo.v2 #login form {
  margin-top: 0em;
  width: 100%;
  text-align: left;
}
.externo.v2 #login form .form-control {
  border: none;
  box-shadow: none;
  border-radius: 0;
  font-size: 1em;
  padding: 1em 0 1.5em 0;
}
.externo.v2 #login form .form-control#ipt-id-conta {
  border-bottom: solid 1px #303030;
}
.externo.v2 #login form .form-control#ipt-email {
  border-bottom: solid 1px #303030;
}
.externo.v2 #login form .form-control#ipt-esqueci-email {
  border-bottom: solid 1px #303030;
}
.externo.v2 #login form a {
  color: #1b7896;
}
.externo.v2 #login .cadastro {
  clear: both;
  width: 100%;
  position: relative;
  margin: 4em 0 10em 0;
}
.externo.v2 #login .cadastro h1,
.externo.v2 #login .cadastro p,
.externo.v2 #login .cadastro label,
.externo.v2 #login .cadastro a {
  color: white;
}
.externo.v2 #login .cadastro form {
  width: 100%;
}
.externo.v2 #login .cadastro form .form-control {
  border: none;
  box-shadow: none;
  border-radius: 0;
  font-size: 1em;
  padding: 1em 0 1em 0.7em;
}
.externo.v2 #login .cadastro form .input-group {
  width: 100%;
}
.externo.v2 #login .cadastro form #ipt-cad-senha {
  margin-top: 0;
  margin-bottom: 0.4em;
}
.externo.v2 #login .cadastro form .opened-pride {
  padding: 2px 3px 3px 3px;
  background-image: url('https://d1c30re4cxknu3.cloudfront.net/temas/vesjobs/transgender_repeat2.png');
  background-size: 100% 100%;
  background-repeat: repeat;
}
.externo.v2 #login .cadastro form .opened-pride .pride {
  position: absolute;
  z-index: 99;
  top: 0;
  right: -20px;
  width: 130px;
  height: 100%;
  padding-top: 0.25em;
  cursor: pointer;
}
.externo.v2 #login .cadastro form .opened-pride .pride .badge {
  background-color: transparent;
  margin-top: 4px;
  padding: 1px 7px;
}
.externo.v2 #login .cadastro form .opened-pride .pride .badge span {
  font-weight: normal;
  font-size: .8em;
  position: relative;
  top: 0px;
}
.externo.v2 #login .cadastro form #complexity-span {
  position: absolute;
  z-index: 99;
  top: 0.6em;
  right: 2.5em;
}
.externo.v2 #login .cadastro form .viewpass {
  position: absolute;
  z-index: 99;
  top: 0;
  right: 0;
  width: 30px;
  height: 100%;
  padding-top: 0.25em;
  cursor: pointer;
}
.externo.v2 #login .cadastro form .viewpass i {
  color: #303030;
}
.externo.v2 #login .cadastro form .pride {
  position: absolute;
  z-index: 99;
  top: 0;
  right: -20px;
  width: 130px;
  height: 100%;
  padding-top: 0.25em;
  cursor: pointer;
}
.externo.v2 #login .cadastro form .pride .badge {
  background-color: transparent;
  margin-top: 0px;
  padding: 1px 7px;
}
.externo.v2 #login .cadastro form .pride .badge span {
  font-weight: normal;
  font-size: .8em;
  position: relative;
  top: 0px;
}
.externo.v2 #login .cadastro form .pwd-secure p {
  font-size: 0.8em;
}
.externo.v2 #login .cadastro form .pwd-secure p .badge {
  font-size: 1em;
}
.externo.v2 #login .cadastro form .form-check {
  padding-left: 0rem;
  width: 100%;
  display: block;
  height: 2em;
}
.externo.v2 #login .cadastro form .form-check input {
  width: 20px;
  display: inline-block;
  float: left;
  padding: 0;
  margin: 0 0.5em 0 0;
  position: relative;
  top: -0.25em;
}
.externo.v2 #login .cadastro form .form-check label {
  width: auto;
  display: inline-block;
  float: left;
}
.externo.v2 #login .cadastro #btn-sbt-cadastrar {
  background-color: #25b183;
  color: white !important;
}
.externo.v2 #login .login {
  clear: both;
  border-radius: 1.5em;
  padding: 2em 2em 4em 2em;
  background-color: white;
  width: 100%;
  position: relative;
  margin: 6em 0 0 0;
}
.externo.v2 #login .login .logar {
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.externo.v2 #login .login .logar #btn-sbt-logar {
  background-color: #393939;
}
.externo.v2 #login .login .esqueci {
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.externo.v2 #login .login h1 {
  color: #393939;
}
.externo.v2 #login .login .login-hidden {
  opacity: 0;
  pointer-events: none;
  display: none;
}
.externo.v2 #experimente {
  padding-top: 10em;
  background-image: url("images/bg_header.png");
  height: 82vh;
}
.externo.v2 #experimente h1,
.externo.v2 #experimente p {
  color: white;
}
/* ==========================================================================
Media Queries
========================================================================== */
@media only screen and (min-width: 1024px) {
  /* ================| Home | ================| */
  .externo.cliente .menu .logo {
    margin-left: auto !important;
    left: -5em !important;
  }
  .externo.v2 .menu {
    position: absolute;
    top: 2em;
    left: 0;
    z-index: 30;
    width: 90%;
    height: auto;
    padding-left: 20%;
    /*background-color: rgb(210,210,210);*/
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
  }
  .externo.v2 .menu .logo {
    position: relative;
    width: 12em;
    top: 0;
    margin-top: 0;
    margin-left: 0;
    left: 0em;
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
  }
  .externo.v2 .menu .logo img {
    text-align: center;
    width: 100%;
  }
  .externo.v2 .menu .actions {
    margin-top: 2em;
  }
  .externo.v2 .menu .login {
    position: absolute;
    top: 1em;
    right: 2em;
  }
  .externo.v2 .menu .nav {
    background-color: transparent;
  }
  .externo.v2 .menu .nav ul {
    width: auto;
    clear: inherit;
    float: left;
    margin-right: 0;
    margin-left: 0;
    padding: 3em 0 0 1em;
  }
  .externo.v2 .menu .nav ul li {
    list-style-type: none;
    display: inline;
    margin-left: 1em;
    border-bottom: none;
  }
  .externo.v2 .menu .nav ul li:first-child {
    border-left: none;
  }
  .externo.v2 .menu .nav ul li a {
    font-size: 1.6em;
    color: white;
    padding: 0.2em 0.4em;
    border-radius: 0.5em;
  }
  .externo.v2 .menu .nav ul li a:hover {
    color: white;
    background-color: #37bab5;
    text-decoration: none;
  }
  .externo.v2 .menu .nav.open {
    margin-bottom: 0em;
  }
  .externo.v2 .menu.collapsed {
    width: 10%;
    height: 100vh;
    position: absolute;
    background-position: right -32vh;
    background-color: rgba(0, 0, 0, 0.4);
  }
  .externo.v2 .menu.collapsed .logo {
    width: 3.5em;
    left: 1em;
    top: 7em;
    margin-top: 0;
  }
  .externo.v2 .menu.collapsed .txt {
    opacity: 0;
    pointer-events: none;
    background-color: transparent;
  }
  .externo.v2 .menu.collapsed .nav {
    display: block;
    opacity: 1;
    pointer-events: auto;
    left: 0;
    top: 16em;
    right: auto;
  }
  .externo.v2 .menu.collapsed .nav ul li {
    margin-left: 0;
    margin-bottom: 2em;
    display: block;
  }
  .externo.v2 .menu.collapsed.last {
    background-color: transparent;
    background-position: right 42vh;
  }
  .externo.v2 .menu.collapsed.last .contato {
    display: none;
  }
  .externo.v2 .menu.collapsed.last .nav {
    opacity: 0;
    pointer-events: none;
  }
  .externo.v2 .menu.collapsed.last .logo {
    top: 44em;
    margin-top: 0;
  }
  .externo.v2 section h2 {
    font-size: 2.5em;
  }
  .externo.v2 .banners {
    height: 82vh;
    overflow: hidden;
    position: relative;
  }
  .externo.v2 .banners .banner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: 102% auto;
    background-repeat: no-repeat;
    background-position: left bottom;
  }
  .externo.v2 .banners .banner .txt {
    padding-right: 2em;
    text-align: right;
    width: 40%;
    height: auto;
    margin-bottom: 2em;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-top: 10em;
    background-color: transparent;
  }
  .externo.v2 .banners .banner .txt h3 {
    font-size: 3.5em;
    color: rgba(255, 255, 255, 0.6);
  }
  .externo.v2 .banners .banner .txt h2 {
    font-size: 4.5em;
  }
  .externo.v2 .conteudo {
    padding: 2em 20%;
  }
  .externo.v2 .search fieldset label {
    width: 20%;
    margin-right: 2%;
  }
  .externo.v2 .vagas_destaque ul li {
    display: inline-table;
    width: 45%;
    margin-right: 2%;
  }
  .externo.v2 #login {
    margin-top: 0em;
  }
  .externo.v2 #login .btn {
    font-size: 1em;
  }
  .externo.v2 #login .btn span {
    float: right;
  }
  .externo.v2 #login .cadastro {
    position: absolute;
    top: 6em;
    width: 34%;
    right: 13%;
  }
  .externo.v2 #login .login {
    position: absolute;
    top: 6em;
    width: 34%;
    left: 13%;
  }
  .externo.v2 #login .login.login_cliente {
    width: 40%;
    left: 30% !important;
  }
}

/* ==========================================================================
Cores
========================================================================== */
/* Ações */
/* ==========================================================================
V3
========================================================================== */
/* ==========================================================================
Tipografia Painel
========================================================================== */
/* ==========================================================================
Tipografia
========================================================================== */
/* ==========================================================================
INTERNA
========================================================================== */
.interna {
  padding-top: 1em;
  background-color: #393939;
  padding-left: 0;
  /*.trainee{

		.banner_top{
			background-size: 120% auto;
			background-position: left 30%;
			background-repeat: no-repeat;			
		}

	}*/
}
.interna .menu {
  z-index: 9;
  display: block;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  min-height: 70px;
}
.interna .menu .logo {
  float: left;
  width: 60px;
  margin-left: 2em;
  -webkit-transition: all 0.7s ease-out;
  -moz-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
}
.interna .menu .logo img {
  width: 100%;
}
.interna .menu .login {
  position: absolute;
  top: 0em;
  right: 2em;
}
.interna .menu .login .btn {
  margin-top: 1em;
  background-color: transparent;
  color: white;
  border: solid 1px white;
}
.interna .menu .actions {
  float: left;
}
.interna .menu .actions button {
  width: 4em;
  height: 60px;
  background-color: transparent;
  text-align: center;
  border: none;
}
.interna .menu .actions button i {
  font-size: 1.5em;
  color: white;
}
.interna .menu .nav {
  opacity: 0;
  display: none;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  background-color: #196f8a;
}
.interna .menu .nav h2 {
  margin: 2em 0 0 2em;
  width: 60%;
}
.interna .menu .nav ul {
  width: 80%;
  position: absolute;
  top: 1em;
  right: 1em;
  text-align: right;
}
.interna .menu .nav ul li {
  display: inline !important;
  margin-left: .5em;
  -webkit-transition: all 0.7s ease-out;
  -moz-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  border-bottom: solid 1px white;
  padding: 1em 0;
}
.interna .menu .nav ul li a {
  color: white;
  font-size: 1.2em;
}
.interna .menu .nav ul li:hover strong {
  color: #37bab5;
}
.interna .menu .nav ul li a:hover {
  text-decoration: none;
}
.interna .menu .nav ul li .icon-ves-seta {
  font-size: 0.5em;
}
.interna .menu .nav ul li.submenu {
  padding-left: 1em;
}
.interna .menu .nav.open {
  opacity: 1;
  pointer-events: visible;
  display: block;
  margin-top: 0;
}
.interna .menu .nav.open ul {
  margin-bottom: 2em;
}
.interna .menu .user {
  display: none;
}
.interna .menu .user .welcome p {
  color: white;
}
.interna .avatar {
  float: left;
  width: 4em;
  height: 4em;
  margin: 1em 1em;
  border-radius: 2em;
  border: solid 3px white;
}
.interna .avatar img {
  border-radius: 2em;
  width: 100%;
  height: auto;
  border: solid 3px transparent;
}
.interna .content {
  padding: 0.5em;
  width: 100%;
  background-color: white;
  border-radius: 30px 30px 0 0;
  min-height: 54vh;
  /*.novo{
			margin-top: 0.8em;
			font-size: 1em;
			float: right;
		}

		.table{
			border: solid 1px @cinza-claro;
			color: white;
		}*/
}
.interna .content.teste_ingles {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.interna .banner_top {
  width: 100%;
  height: auto;
  color: white;
  padding: 10em 2em 4em 2em;
  background-position: 20% 0;
  background-size: 200% auto;
  background-repeat: no-repeat;
  border-radius: 2em;
  margin-top: .5em;
  margin-bottom: 0em;
  position: relative;
}
.interna .banner_top small {
  position: absolute;
  color: white;
  font-size: 1.3em;
  top: 3em;
  left: 3em;
}
.interna .banner_top h1,
.interna .banner_top h2,
.interna .banner_top h3,
.interna .banner_top p {
  color: white;
  margin-top: 0;
}
.interna .trainee,
.interna .recrutamento {
  text-align: left;
}
.interna .trainee .img,
.interna .recrutamento .img {
  width: 100%;
  height: 8em;
  background-size: 100% auto;
  border-radius: 0.5em;
}
.interna .trainee .descritivo,
.interna .recrutamento .descritivo {
  padding: 2em 4em;
}
.interna .trainee .descritivo p,
.interna .recrutamento .descritivo p {
  font-size: 1.3em;
  line-height: 1.6em;
}
.interna .lista_vagas ul li {
  background-color: white;
  list-style-type: none;
  width: 100%;
  margin-bottom: 1em;
  border-bottom: 1px solid #757575;
}
.interna .lista_vagas ul li .logo {
  width: 30%;
  display: table-cell;
}
.interna .lista_vagas ul li .logo img {
  margin: 1em;
  width: 6em;
}
.interna .lista_vagas ul li .info {
  width: 70%;
  display: table-cell;
}
.interna .lista_vagas ul li .info h4 {
  font-size: 1.4em;
  margin: 0;
}
.interna .lista_vagas ul li .info p {
  margin: 0;
}
.interna .lista_vagas ul li .info small {
  font-size: 0.7em;
}
/* ==========================================================================
Media Queries
========================================================================== */
@media only screen and (min-width: 1024px) {
  /* ================| INTERNO | ================| */
  #conversational-form {
    top: 8em;
    bottom: 8em;
    width: 80%;
    z-index: 0;
  }
  .interna {
    padding-left: 10%;
  }
  .interna .fp-tooltip {
    display: block !important;
  }
  .interna h1 > a {
    font-size: 1.5em;
  }
  .interna h2 {
    font-size: 1.9em;
  }
  .interna .menu {
    position: relative;
    top: 0;
    left: 0;
    z-index: 30;
    width: 90%;
    height: auto;
    margin-left: 0;
    /*background-color: rgb(210,210,210);*/
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
  }
  .interna .menu .logo {
    position: relative;
    width: 5.5em;
    top: 0;
    margin-top: 0;
    left: 0em;
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
  }
  .interna .menu .nav {
    background-color: transparent;
  }
  .interna .menu .nav ul {
    width: auto;
    clear: inherit;
    position: relative;
    float: left;
    margin-right: 0;
    margin-left: 0;
    padding: 0;
  }
  .interna .menu .nav ul li {
    margin-right: 0.2em;
    list-style-type: none;
    display: inline;
    margin-left: .3em;
    border-bottom: none;
  }
  .interna .menu .nav ul li.hide-desktop {
    display: none !important;
  }
  .interna .menu .nav ul li:first-child {
    border-left: none;
  }
  .interna .menu .nav ul li a {
    font-size: 0.95em;
    color: white;
    padding: 0.1em 0.1em;
    border-radius: 0.5em;
  }
  .interna .menu .nav ul li a:hover {
    color: white;
    background-color: #37bab5;
    text-decoration: none;
  }
  .interna .menu .nav.open {
    margin-bottom: 0em;
  }
  .interna .menu .user {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0em 2em 0 0;
  }
  .interna .menu .user .avatar {
    float: left;
  }
  .interna .menu .user .welcome {
    margin-top: .8em;
    float: left;
  }
  .interna .menu .user .welcome p {
    text-align: right;
    margin: 0;
    padding: 0;
  }
  .interna .menu .user .welcome small {
    text-align: right;
    margin: 0;
    padding: 0;
    color: white;
  }
  .interna .menu .user .logout {
    margin-top: 1em;
  }
  .interna .menu.collapsed {
    width: 10%;
    height: 100vh;
    position: absolute;
    background-position: right -32vh;
    background-color: rgba(0, 0, 0, 0.4);
  }
  .interna .menu.collapsed .logo {
    width: 3.5em;
    left: 1em;
    top: 7em;
    margin-top: 0;
  }
  .interna .menu.collapsed .txt {
    opacity: 0;
    pointer-events: none;
  }
  .interna .menu.collapsed .nav {
    display: block;
    opacity: 1;
    pointer-events: auto;
    left: 0;
    top: 16em;
    right: auto;
  }
  .interna .menu.collapsed .nav ul li {
    margin-left: 0;
    margin-bottom: 2em;
    display: block;
  }
  .interna .menu.collapsed.last {
    background-color: transparent;
    background-position: right 42vh;
  }
  .interna .menu.collapsed.last .contato {
    display: none;
  }
  .interna .menu.collapsed.last .nav {
    opacity: 0;
    pointer-events: none;
  }
  .interna .menu.collapsed.last .logo {
    top: 44em;
    margin-top: 0;
  }
  .interna .content {
    width: 90%;
    padding: 2em 3em 3em 3em;
    min-height: 74vh;
  }
  .interna .content .banner_top {
    padding: 10em 60% 1em 3em !important;
    background-size: 120% auto !important;
    background-position: left 30% !important;
  }
  .interna .content.recrutamento .banner_top {
    background-size: 100% auto !important;
    background-position: left 10% !important;
  }
  .interna #cf-context {
    position: absolute;
    width: 81%;
    height: 70vh;
    overflow: hidden;
    top: 5.7em;
    border-radius: 1.5em;
  }
  .interna #cf-context #conversational-form {
    width: 100%  !important;
    height: 100% !important;
    display: block !important;
    position: relative !important;
    background-color: transparent !important;
  }
  .interna #cf-context #conversational-form .cf-button {
    color: var(--cf-color-black);
    border-color: #dddddd;
    background: white !important;
    line-height: 1.2;
  }
  .interna #cf-context #conversational-form cf-chat-response.robot text > p {
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .interna #cf-context #conversational-form cf-chat-response.user text > p {
    color: white;
  }
  .interna #cf-context #conversational-form:before {
    content: "";
    width: 100%;
    height: 50px;
    pointer-events: none;
    background: linear-gradient(to bottom, #f5f5f5 0, rgba(245, 245, 245, 0) 100%) !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
  }
  .interna .lista_vagas .header {
    position: relative;
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: solid 1px #cecece;
  }
  .interna .lista_vagas .header .search {
    display: none;
    position: absolute;
    right: 1em;
    top: 0;
    width: 220px;
    padding: 0;
  }
  .interna .lista_vagas .header .search input {
    height: 2em;
    margin: 0;
    width: 160px;
    display: inline-block;
  }
  .interna .lista_vagas .header .search button {
    height: 2em;
    margin: 0;
    width: 40px;
    display: inline-block;
  }
  .interna .lista_vagas .header .search button i {
    color: white;
    font-size: 1em;
  }
  .interna .lista_vagas ul li {
    display: inline-table;
    width: 45%;
    margin-right: 2%;
  }
  .interna #vaga #header {
    width: 100%;
    border-bottom: solid 1px #cecece;
    padding-bottom: 1em;
    margin-bottom: 1em;
    text-align: left !important;
    padding-top: 2em;
  }
  .interna #vaga #header .logo {
    display: inline-block;
    vertical-align: top;
    margin: 0 1em;
  }
  .interna #vaga #header .logo img {
    width: 7em;
  }
  .interna #vaga #header .dados {
    display: inline-block;
    vertical-align: top;
  }
  .interna #vaga #header .dados h1 {
    margin-top: 0;
  }
  .interna #vaga #info {
    width: 70%;
    padding-right: 3em;
    display: inline-block;
    vertical-align: top;
    border-right: solid 1px #cecece;
  }
  .interna #vaga #actions {
    width: 29%;
    display: inline-block;
    vertical-align: top;
    padding-left: 2em;
  }
  .interna #vaga #actions .btn {
    width: 100%;
    margin-bottom: .5em;
  }
}

/* ==========================================================================
Cores
========================================================================== */
/* Ações */
/* ==========================================================================
V3
========================================================================== */
/* ==========================================================================
Tipografia Painel
========================================================================== */
/* ==========================================================================
Tipografia
========================================================================== */
/* latin */
@font-face {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  src: local('Abel Regular'), local('Abel-Regular'), url("fonts/vesjobs.ttf") format('truetype'), url("fonts/vesjobs.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'vesjobs';
  src: url("fonts/vesjobs.eot?74887830");
  src: url("fonts/vesjobs.eot?74887830#iefix") format('embedded-opentype'), url("fonts/vesjobs.woff2?74887830") format('woff2'), url("fonts/vesjobs.woff?74887830") format('woff'), url("fonts/vesjobs.ttf?74887830") format('truetype'), url("fonts/vesjobs.svg?74887830#vesjobs") format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'vesjobs';
    src: url("fonts/vesjobs.svg?74887830#vesjobs") format('svg');
  }
}
*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "vesjobs";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: auto;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
/*
   Animation example, for spinners
*/
.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.icon-trans::before {
  content: "";
  background-image: url('https://d1c30re4cxknu3.cloudfront.net/temas/vesjobs/transgender-heart-stripe-flat.png');
  background-size: 90%;
  background-position: 0;
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
}
.icon-scroll:before {
  content: '\e801';
}
/* '' */
.icon-ves-seta:before {
  content: '\e803';
}
/* '' */
.icon-minus-circled:before {
  content: '\e800';
}
/* '' */
.icon-location-outline:before {
  content: '\e802';
}
/* '' */
.icon-comment:before {
  content: '\e804';
}
/* '' */
.icon-twitter:before {
  content: '\e805';
}
/* '' */
.icon-linkedin:before {
  content: '\e806';
}
/* '' */
.icon-facebook:before {
  content: '\e807';
}
/* '' */
.icon-search:before {
  content: '\e808';
}
/* '' */
.icon-eye-off:before {
  content: '\e809';
}
/* '' */
.icon-eye:before {
  content: '\e80a';
}
/* '' */
.icon-cancel:before {
  content: '\e80b';
}
/* '' */
.icon-check:before {
  content: '\e80c';
}
/* '' */
.icon-cog:before {
  content: '\e80d';
}
/* '' */
.icon-cog-1:before {
  content: '\e80e';
}
/* '' */
.icon-pencil:before {
  content: '\e80f';
}
/* '' */
.icon-help-circled:before {
  content: '\e810';
}
/* '' */
.icon-thumbs-up:before {
  content: '\e811';
}
/* '' */
.icon-thumbs-down:before {
  content: '\e812';
}
/* '' */
.icon-cancel-circled:before {
  content: '\e813';
}
/* '' */
.icon-text-width:before {
  content: '\e814';
}
/* '' */
.icon-plus:before {
  content: '\e815';
}
/* '' */
.icon-plus-circled:before {
  content: '\e816';
}
/* '' */
.icon-save:before {
  content: '\e817';
}
/* '' */
.icon-updown-circle:before {
  content: '\e818';
}
/* '' */
.icon-split:before {
  content: '\e819';
}
/* '' */
.icon-database:before {
  content: '\e81a';
}
/* '' */
.icon-video:before {
  content: '\e81b';
}
/* '' */
.icon-down-open:before {
  content: '\e81c';
}
/* '' */
.icon-up-open:before {
  content: '\e81d';
}
/* '' */
.icon-upload-cloud-outline:before {
  content: '\e81e';
}
/* '' */
.icon-calendar-1:before {
  content: '\e81f';
}
/* '' */
.icon-play:before {
  content: '\e820';
}
/* '' */
.icon-off:before {
  content: '\e821';
}
/* '' */
.icon-flash:before {
  content: '\e822';
}
/* '' */
.icon-upload-cloud:before {
  content: '\e823';
}
/* '' */
.icon-videocam:before {
  content: '\e824';
}
/* '' */
.icon-pause:before {
  content: '\e825';
}
/* '' */
.icon-record:before {
  content: '\e826';
}
/* '' */
.icon-ok:before {
  content: '\e827';
}
/* '' */
.icon-coffee:before {
  content: '\e828';
}
/* '' */
.icon-exclamation:before {
  content: '\e829';
}
/* '' */
.icon-warning:before {
  content: '\e82a';
}
/* '' */
.icon-target:before {
  content: '\e82b';
}
/* '' */
.icon-search-1:before {
  content: '\e82c';
}
/* '' */
.icon-heart:before {
  content: '\e82d';
}
/* '' */
.icon-star:before {
  content: '\e82e';
}
/* '' */
.icon-unhappy:before {
  content: '\e82f';
}
/* '' */
.icon-camera-alt:before {
  content: '\e830';
}
/* '' */
.icon-grid:before {
  content: '\e831';
}
/* '' */
.icon-trash:before {
  content: '\e832';
}
/* '' */
.icon-key:before {
  content: '\e833';
}
/* '' */
.icon-spin4:before {
  content: '\e834';
}
/* '' */
.icon-layers-alt:before {
  content: '\e835';
}
/* '' */
.icon-picture:before {
  content: '\e836';
}
/* '' */
.icon-star-1:before {
  content: '\e837';
}
/* '' */
.icon-emo-happy:before {
  content: '\e838';
}
/* '' */
.icon-heart-1:before {
  content: '\e839';
}
/* '' */
.icon-globe:before {
  content: '\e83a';
}
/* '' */
.icon-graduation-cap:before {
  content: '\e83b';
}
/* '' */
.icon-videocam-1:before {
  content: '\e83c';
}
/* '' */
.icon-share:before {
  content: '\e83d';
}
/* '' */
.icon-link:before {
  content: '\e83e';
}
/* '' */
.icon-mail:before {
  content: '\e83f';
}
/* '' */
.icon-microphone:before {
  content: '\e840';
}
/* '' */
.icon-chart-bar:before {
  content: '\e841';
}
/* '' */
.icon-info-circled-alt:before {
  content: '\f086';
}
/* '' */
.icon-menu:before {
  content: '\f0c9';
}
/* '' */
.icon-list-numbered:before {
  content: '\f0cb';
}
/* '' */
.icon-doc-text:before {
  content: '\f0f6';
}
/* '' */
.icon-angle-double-left:before {
  content: '\f100';
}
/* '' */
.icon-angle-double-right:before {
  content: '\f101';
}
/* '' */
.icon-google:before {
  content: '\f1a0';
}
/* '' */
.icon-file-pdf:before {
  content: '\f1c1';
}
/* '' */
.icon-toggle-off:before {
  content: '\f204';
}
/* '' */
.icon-toggle-on:before {
  content: '\f205';
}
/* '' */
.icon-hand:before {
  content: '\f256';
}
/* '' */
.icon-hand-pointer-o:before {
  content: '\f25a';
}
/* '' */
.icon-calendar-check-o:before {
  content: '\f274';
}
/* '' */
.icon-commenting-o:before {
  content: '\f27b';
}
/* '' */
.icon-pause-circle-o:before {
  content: '\f28c';
}
/* '' */
.icon-stop-circle:before {
  content: '\f28d';
}
/* '' */
.icon-question-circle-o:before {
  content: '\f29c';
}
/* '' */
body {
  font-size: 16px;
  line-height: 1.4;
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
audio,
canvas,
img,
video {
  vertical-align: middle;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
body,
html {
  text-align: center;
  background-color: white;
}
/* ==========================================================================
Scroll Bar
========================================================================== */
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #1b7896;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
  background: #1b7896;
}
::-webkit-scrollbar-thumb:active {
  background: #1b7896;
}
::-webkit-scrollbar-track {
  background: #cecece;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
  background: #666666;
}
::-webkit-scrollbar-track:active {
  background: #666666;
}
::-webkit-scrollbar-corner {
  background: transparent;
}
.swal2-container .swal2-shown {
  z-index: 99999999999999999 !important;
}
/* ==========================================================================
Loading
========================================================================== */
.sk-cube-grid {
  width: 40px;
  height: 40px;
  margin: 100px auto;
}
.sk-cube-grid small {
  font-size: 0.75em;
  color: #959595;
  margin-left: -0.4em;
}
.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #959595;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
@-webkit-keyframes sk-cubeGridScaleDelay {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
.blink {
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -moz-animation: blink normal 1.5s infinite ease-in-out;
  /* Firefox */
  -webkit-animation: blink normal 1.5s infinite ease-in-out;
  /* Webkit */
  -ms-animation: blink normal 1.5s infinite ease-in-out;
  /* IE */
  animation: blink normal 1.5s infinite ease-in-out;
  /* Opera */
}
.lds-grid {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-grid div {
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #cecece;
  animation: lds-grid 1.2s linear infinite;
}
.lds-grid span {
  position: absolute;
  bottom: -1.5em;
  left: -0.6em;
  color: rgba(200, 200, 200, 0.6);
  animation: lds-grid 1.2s linear infinite;
}
.lds-grid div:nth-child(1) {
  top: 6px;
  left: 6px;
  animation-delay: 0s;
}
.lds-grid div:nth-child(2) {
  top: 6px;
  left: 26px;
  animation-delay: -0.4s;
}
.lds-grid div:nth-child(3) {
  top: 6px;
  left: 45px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(4) {
  top: 26px;
  left: 6px;
  animation-delay: -0.4s;
}
.lds-grid div:nth-child(5) {
  top: 26px;
  left: 26px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(6) {
  top: 26px;
  left: 45px;
  animation-delay: -1.2s;
}
.lds-grid div:nth-child(7) {
  top: 45px;
  left: 6px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(8) {
  top: 45px;
  left: 26px;
  animation-delay: -1.2s;
}
.lds-grid div:nth-child(9) {
  top: 45px;
  left: 45px;
  animation-delay: -1.6s;
}
.base_loading {
  padding-top: 3em;
  width: 100%;
  height: 100%;
  text-align: center;
}
@keyframes lds-grid {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
/* ==========================================================================
Zui Table
========================================================================== */
.zui-table {
  width: 100%;
  border: none;
  border-left: solid 1px #DDEFEF;
  border-right: solid 1px #DDEFEF;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 0.9em;
}
.zui-table i {
  font-size: 1.3em;
}
.zui-table thead th {
  background-color: #DDEFEF;
  border: none;
  color: #336B6B;
  padding: 10px;
  text-align: left;
  white-space: nowrap;
}
.zui-table tbody tr {
  height: 60px;
}
.zui-table tbody tr tr {
  height: 59px;
}
.zui-table tbody tr:nth-child(odd) {
  background-color: #dee1e2;
  color: #black;
}
.zui-table tbody tr:nth-child(even) tr {
  background-color: transparent;
}
.zui-table tbody tr td {
  border-bottom: solid 1px #DDEFEF;
  padding: 10px;
  white-space: nowrap;
  text-align: left;
  color: #303030;
}
.zui-table tbody tr th td {
  padding: 10px !important;
}
.zui-table tbody tr:hover {
  background-color: rgba(55, 186, 181, 0.6);
}
.zui-table tbody tr:hover tr {
  color: white;
  background-color: rgba(55, 186, 181, 0.6);
}
.zui-table tbody tr.selected {
  background-color: rgba(55, 186, 181, 0.6);
}
.zui-table tbody tr.selected tr {
  color: white;
  background-color: rgba(55, 186, 181, 0.6);
}
.zui-table .zui-sticky-col {
  border-left: solid 1px #DDEFEF;
  border-right: solid 1px #DDEFEF;
  left: 0;
  position: absolute;
  top: auto;
  width: 20%;
}
.zui-table .zui-sticky-col td {
  white-space: normal;
  padding: 8px 10px !important;
}
.zui-wrapper {
  position: relative;
}
.zui-scroller {
  margin-left: 20%;
  overflow-x: scroll;
  overflow-y: visible;
  padding-bottom: 5px;
  width: 80%;
}
.ui-menu .ui-menu-item {
  font-size: 1.2em !important;
  padding: 0.5em !important;
  color: #909090 !important;
}
/* ==========================================================================
Tipografia
========================================================================== */
h1,
h2,
h3,
h4,
p,
li,
a,
small,
input,
label,
select,
textarea,
button {
  font-family: 'Abel', sans-serif;
  text-align: left;
  color: #303030;
}
input,
textarea {
  color: #303030;
}
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #f05a24;
}
h1 a {
  font-size: 2em;
}
h2 {
  font-size: 1.5em;
  margin: 0.5em 0;
  font-weight: 200;
  color: #f05a24;
}
h3 {
  font-size: 1.17em;
  margin: 1em 0;
  color: #393939;
}
h4 {
  font-size: 1em;
  margin: 1.33em 0;
  color: #393939;
}
h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
  color: #393939;
}
h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
  color: #393939;
}
p {
  font-size: 1em;
  margin: 15px 0;
  color: #303030;
  line-height: 21px;
  width: 100%;
}
li a {
  color: #f05a24;
}
a:hover {
  color: #f05a24;
}
h1 a {
  cursor: default;
}
/* ==========================================================================
Comuns Elements
========================================================================== */
input,
textarea {
  height: auto;
  padding: 0.5em;
  font-size: 1.2em;
}
textarea {
  height: 80px;
}
input,
textarea {
  width: 100%;
  border: 0;
  margin: 2px 0;
  border-bottom: 2px solid #ccc;
}
input[type="checkbox"] {
  width: auto;
  margin-right: 0.4em !important;
}
select {
  padding: 0.6em !important;
  font-size: 1.1em;
  width: 100%;
}
label {
  margin-bottom: 20px;
  width: 100%;
  text-align: left;
}
.scrolloff {
  pointer-events: none;
}
.no-padding {
  padding: 0px !important;
}
.no-border {
  border: 0 !important;
}
.no-margin {
  margin: 0px !important;
}
.opacity-zero {
  opacity: 0;
  pointer-events: none;
}
body.swal2-height-auto {
  height: inherit !important;
}
label.error {
  background-color: #f8d7da;
  border: solid 1px #f5c6cb;
  color: #1b7896;
  padding: 0.4em;
  font-size: 0.8em;
  width: 100%;
  margin-bottom: 0;
}
#fullpage {
  height: 100% !important;
}
.hide-mobile {
  display: none !important;
}
.hide-desktop {
  display: block !important;
}
.right {
  float: right;
}
.left {
  float: left;
}
.center {
  width: 100%;
  text-align: center;
}
.clear {
  clear: both;
}
.disabled {
  pointer-events: none !important;
  opacity: 0.7;
}
/* ==========================================================================
Botões
========================================================================== */
.btn {
  width: auto;
  height: auto;
  border: 0;
  margin: 0;
  padding: 0.2em 0.5em;
  color: white !important;
  background-color: #1b7896;
  font-size: 1.2em;
  margin-right: 0.5em;
}
.btn i {
  color: white;
  font-size: 1em;
}
.btn a,
.btn a:hover,
.btn a:active,
.btn a:visited {
  color: white !important;
}
.btn:hover {
  color: white;
  background-color: #303030;
}
.btn:focus {
  color: white;
  background-color: #303030;
}
.btn.medium {
  font-size: 1.2em;
}
.btn.big {
  font-size: 1.4em;
}
.btn.vermelho {
  background-color: #e74c3c;
}
.btn.verde {
  background-color: #3cb878;
}
.btn.azul {
  background-color: #008db3;
}
.btn.cinza {
  background-color: #757575;
}
.btn.btn-outline {
  background-color: transparent;
  border: solid 1px #303030 !important;
  color: #303030 !important;
}
.btn.btn-outline i {
  color: #303030 !important;
}
.btn.btn-outline.selected {
  background-color: #757575;
}
.btn.btn-outline.azul {
  border: solid 1px #008db3 !important;
  color: #008db3 !important;
}
.btn.btn-outline.azul i,
.btn.btn-outline.azul p {
  color: #008db3 !important;
}
.btn.btn-outline.azul.selected {
  background-color: #008db3;
}
.btn.btn-outline.verde {
  border: solid 1px #3cb878 !important;
  color: #3cb878 !important;
}
.btn.btn-outline.verde i,
.btn.btn-outline.verde p {
  color: #3cb878 !important;
}
.btn.btn-outline.verde.selected {
  background-color: #3cb878;
}
.btn.btn-outline.vermelho {
  border: solid 1px #e74c3c !important;
  color: #e74c3c !important;
}
.btn.btn-outline.vermelho i,
.btn.btn-outline.vermelho p {
  color: #e74c3c !important;
}
.btn.btn-outline.vermelho.selected {
  background-color: #e74c3c;
}
.btn.btn-outline.selected {
  color: white !important;
}
.btn.btn-outline.selected i,
.btn.btn-outline.selected p {
  color: white !important;
}
.btn.btn-outline-white {
  background-color: transparent;
  border: solid 1px white;
  color: white;
}
.btn.btn-outline-white:hover {
  background-color: white;
  color: #18778a !important;
}
.btn.btn-outline-white:hover i {
  color: #18778a !important;
}
.btn-disabled {
  opacity: 0.8;
}
.btn-switch {
  font-size: 1em;
  width: auto;
  height: auto;
  margin: 1em 0;
  -webkit-transition: all 0.7s ease-out;
  -moz-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
}
.btn-switch div {
  display: inline;
  list-style-type: none;
  padding: 0.5em;
  color: white;
}
.btn-switch div.off {
  background-color: #e74c3c;
}
.btn-switch div.on {
  background-color: #3cb878;
}
.btn-switch.off-cinza div.off {
  background-color: #606060;
}
.btn-switch.on-azul div.on {
  background-color: #008db3;
}
.icon.medium {
  font-size: 1.5em  !important;
}
.icon.big {
  font-size: 2em !important;
}
#editinplace {
  display: block;
  height: 2em;
}
#editinplace input {
  float: left;
  width: 60%;
  font-size: 1em;
  padding: 0.1em 0.3em;
  line-height: 1em;
  margin-top: 0;
  margin-right: 0.3em;
}
#editinplace button {
  float: left;
  font-size: 1em;
  padding: 0.3em;
  line-height: 1em;
  margin-top: 0;
  margin-right: 0.1em;
}
#editinplace button i {
  margin-right: 0.1em;
}
.meter {
  height: 20px;
  /* Can be anything */
  position: relative;
  margin: 10px 0 10px 0;
  /* Just for demo spacing */
  background: #555;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
}
.meter span {
  display: block;
  height: 100%;
  -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-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
}
.meter span.azul2 {
  background-color: #37bab5 !important;
}
.meter span.azul {
  background-color: #008db3 !important;
}
.meter span.verde {
  background-color: #3cb878 !important;
}
.meter span.amarelo {
  background-color: #f2ce02 !important;
}
.meter span.vermelho {
  background-color: #e74c3c !important;
}
.meter > span:after,
.animate > span > span {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  z-index: 1;
  -webkit-background-size: 50px 50px;
  -moz-background-size: 50px 50px;
  -webkit-animation: move 2s linear infinite;
  -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-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
}
.animate > span:after {
  display: none;
}
@-webkit-keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}
.nostripes > span > span,
.nostripes > span:after {
  -webkit-animation: none;
  background-image: none;
}
.meter.slim {
  height: 5px;
}
.font-color-verde {
  color: #3cb878 !important;
}
.font-color-vermelho {
  color: #e74c3c !important;
}
.font-color-amarelo {
  color: #f2ce02 !important;
}
.font-color-azul {
  color: #008db3 !important;
}
.font-color-cinza {
  color: #757575 !important;
}
.font-color-azul2 {
  color: #37bab5 !important;
}
.badge-success {
  background-color: #3cb878 !important;
}
.badge-warning {
  background-color: #f2ce02 !important;
}
.badge-danger {
  background-color: #e74c3c !important;
}
/* ==========================================================================
FOOTER
========================================================================== */
.ajuda {
  position: fixed;
  right: -1px;
  top: 30%;
  color: white;
  z-index: 99999999;
}
.ajuda .botao {
  height: 2em;
  font-size: 1.5em;
  padding: 0.2em;
  background: rgba(93, 165, 73, 0.4);
  border-radius: 1em 0 0 1em;
  border: solid 1px white;
}
.ajuda .botao span {
  display: none;
  font-size: 0.9em;
}
.ajuda .botao:hover {
  background-color: #25b183 !important;
}
.ajuda .botao:hover span {
  display: block;
}
.ajuda .formulario {
  margin-top: -30%;
  padding: 1em;
  background: #303030;
  width: 300px;
  border-radius: 1em 0 0 1em;
  height: 65vh !important;
  overflow: auto;
}
.ajuda .formulario h3,
.ajuda .formulario p,
.ajuda .formulario label {
  color: white;
}
.ajuda .formulario p {
  font-size: 0.8em;
}
.ajuda .formulario label {
  font-size: 0.8em;
  margin-bottom: 8px;
}
.ajuda .formulario input {
  font-size: 0.9em;
  padding: 0.1em;
}
footer {
  width: 100%;
  padding: 1em 5% 0 5%;
}
footer .bloco {
  width: 100%;
  margin-right: 0;
  display: inline-table;
  vertical-align: top;
  margin-bottom: 1em;
}
footer .bloco p {
  color: white;
}
footer .assinatura {
  width: 30%;
  text-align: left;
}
footer .assinatura img {
  height: 3em;
}
footer .links ul {
  margin: 1em 0 0 0;
  padding: 0;
}
footer .links ul li {
  list-style-type: none;
}
footer .links ul li a {
  color: white;
}
footer .endereco {
  width: 55%;
  text-align: left;
}
footer .endereco img {
  height: 2em;
}
footer .endereco p {
  text-align: left;
  font-size: 0.7em;
}
/* ==========================================================================
Media Queries
========================================================================== */
@media only screen and (min-width: 1024px) {
  body {
    overflow: auto;
  }
  html,
  body {
    height: 100%;
    min-height: 100vh;
    background-color: #393939;
  }
  .hide-mobile {
    display: block !important;
  }
  .hide-desktop {
    display: none !important;
  }
  .btn {
    font-size: 0.8em;
  }
  footer {
    padding: 1.5em 10% 0 10%;
  }
  footer .bloco {
    width: 30%;
    margin-right: 0;
    display: inline-table !important;
    vertical-align: top;
    margin-bottom: 1em;
  }
  footer .bloco p {
    color: white;
  }
  footer .assinatura {
    width: 30%;
  }
  footer .assinatura img {
    height: 5em;
  }
  footer .endereco {
    width: 30%;
    text-align: right;
  }
  footer .endereco p {
    font-size: 1em;
    text-align: right;
  }
}
/* ==========================================================================
Print styles
========================================================================== */

/* ==========================================================================
Cores
========================================================================== */
/* Ações */
/* ==========================================================================
Tipografia Painel
========================================================================== */
/* ==========================================================================
Tipografia
========================================================================== */
/* ==========================================================================
FIltros
========================================================================== */
.fases_shortlist {
  position: relative !important;
}
.fases_shortlist h3 {
  margin: 0;
}
.fases_shortlist .header {
  position: relative;
  width: 100%;
  padding: 0;
}
.fases_shortlist .header p {
  margin-top: 0.5em;
  margin-bottom: 0;
  width: auto;
  float: left;
}
.fases_shortlist .header h2 {
  margin-top: 0;
  margin-bottom: 0;
  width: auto;
  float: left;
  margin-right: 0.5em;
}
.fases_shortlist .header hr {
  clear: both;
}
.fases_shortlist .li_fase .load {
  padding: 1em;
}
.fases_shortlist .estatisticas {
  clear: both;
  width: 100%;
  background-color: #f5f5f5;
  border-radius: 1em;
  margin-top: -1em;
  position: relative;
  cursor: pointer;
}
.fases_shortlist .estatisticas .pesquisar_abrir {
  background-color: white;
  width: 82px;
  height: 40px;
  overflow: hidden;
  position: absolute;
  top: -2em;
  left: 50%;
  margin-left: -41px;
  padding: 0.5em;
  border-radius: .5em;
  -webkit-box-shadow: 1px 2px 10px -4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 1px 2px 10px -4px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 2px 10px -4px rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.7s ease-out;
  -moz-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
}
.fases_shortlist .estatisticas .pesquisar_abrir p,
.fases_shortlist .estatisticas .pesquisar_abrir input,
.fases_shortlist .estatisticas .pesquisar_abrir .btn {
  display: inline-block !important;
  margin: 0 0.4em 0 0;
}
.fases_shortlist .estatisticas .pesquisar_abrir input {
  height: 25px;
  width: 200px;
  font-size: 0.8em;
}
.fases_shortlist .estatisticas .pesquisar_abrir.open {
  margin-left: -210px !important;
  width: 420px !important;
}
.fases_shortlist .estatisticas .pesquisar_abrir .pesquisar {
  width: 370px;
  display: none;
}
.fases_shortlist .estatisticas .pesquisar_abrir .btn.hidden {
  display: none !important;
}
.fases_shortlist .estatisticas .col {
  cursor: pointer;
  padding: 1em;
  display: inline-block;
  width: 24%;
  margin-right: 0;
  border-right: solid 1px #cecece;
  color: white;
}
.fases_shortlist .estatisticas .col h4 {
  padding: 0;
  margin: 0;
  float: left;
}
.fases_shortlist .estatisticas .col .total {
  float: right;
  font-size: 1.3em;
}
.fases_shortlist .estatisticas .col .meter {
  clear: both;
  background-color: #e2e2e2;
}
.fases_shortlist .estatisticas .col small {
  float: left;
  color: #757575;
}
.fases_shortlist .estatisticas .col .detalhes {
  padding-top: 1em;
}
.fases_shortlist .estatisticas .col hr {
  clear: both;
  margin: 0.5em 0 0.5em 0;
}
.fases_shortlist .estatisticas .col p {
  width: auto;
  padding: 0;
  margin: 0;
  float: left;
}
.fases_shortlist .estatisticas .col:last-child {
  border-right: none;
}
.fases_shortlist #shortlist .header {
  margin-top: 1em;
}
.fases_shortlist #shortlist ul {
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
}
.fases_shortlist #shortlist ul li {
  list-style-type: none;
  /*&:first-child{
					img{
						width: 5em;
						height: 5em;
					}
				}*/
}
.fases_shortlist #shortlist ul li.card {
  cursor: pointer;
  width: 12em;
  height: 12em;
  border: none;
  background-color: rgba(90, 90, 90, 0.1);
  display: block;
  float: left;
  margin-right: 1%;
  padding: 1em;
  margin-bottom: 1em;
  text-align: center;
  border-radius: 1em;
}
.fases_shortlist #shortlist ul li.card:hover {
  background-color: rgba(90, 90, 90, 0.2);
}
.fases_shortlist #shortlist ul li.card.tag-1 {
  border: solid 0px white !important;
}
.fases_shortlist #shortlist ul li.card.tag-2 {
  border: solid 0px white !important;
}
.fases_shortlist #shortlist ul li.card.tag-3 {
  border: solid 2px #008db3 !important;
}
.fases_shortlist #shortlist ul li.card.tag-5 {
  border: solid 2px #008db3 !important;
}
.fases_shortlist #shortlist ul li.card.tag-4 {
  border: solid 2px #e74c3c !important;
}
.fases_shortlist #shortlist ul li.card.tag-6 {
  border: solid 2px #e74c3c !important;
}
.fases_shortlist #shortlist ul li.card.tag-9 {
  border: solid 2px #e74c3c !important;
}
.fases_shortlist #shortlist ul li.card.tag-7 {
  border: solid 2px #3cb878 !important;
}
.fases_shortlist #shortlist ul li.card.tag-8 {
  border: solid 2px #f2ce02 !important;
}
.fases_shortlist #shortlist ul li.card.mover-massa {
  border: solid 5px #008db3;
}
.fases_shortlist #shortlist ul li.card.mover-massa.massa-selecionado {
  background-color: #008db3;
}
.fases_shortlist #shortlist ul li.card.mover-massa.massa-selecionado h3,
.fases_shortlist #shortlist ul li.card.mover-massa.massa-selecionado p {
  color: white;
}
.fases_shortlist #shortlist ul li img {
  width: 3.5em;
  height: 3.5em;
  border-radius: 50%;
  border: solid 3px white;
}
.fases_shortlist #shortlist ul li h3 {
  width: 100%;
  margin-top: 0.5em;
  text-align: center;
  font-weight: bold;
}
.fases_shortlist #shortlist ul li p {
  color: #999999;
  width: 100%;
  margin-top: 0.3em;
  margin-bottom: 0;
  padding: 0;
  text-align: center;
}
.fases_shortlist #shortlist ul li.semcdd {
  position: relative;
  top: .5em;
  width: 98%;
  height: auto;
  border: solid 2px #e74c3c;
  border-radius: 1em;
  color: #e74c3c;
  font-size: 1.1em;
  margin: 1em !important;
  padding: 1em;
  text-align: center !important;
}
.fases_shortlist #shortlist ul li.selecionado {
  background-color: #25b183;
}
.fases_shortlist #shortlist ul li.selecionado h3,
.fases_shortlist #shortlist ul li.selecionado p {
  color: white;
}
.fases_shortlist #shortlist ul li.collapsed {
  padding: 0.5em;
  height: 5.5em;
  overflow: hidden;
}
.fases_shortlist #shortlist ul li.collapsed p {
  width: 70%;
  padding-left: 1em;
  float: left;
  text-align: left;
}
.fases_shortlist #shortlist ul li.collapsed h3 {
  width: 70%;
  padding-left: 1em;
  float: left;
  font-size: 1em;
  text-align: left;
}
.fases_shortlist #shortlist ul li.collapsed img {
  float: left;
  width: 3em;
  height: 3em;
}
.fases_shortlist .loadTag {
  margin-bottom: 5em;
}
.fases_shortlist .loadTag #btn-voltar-ordenados {
  margin-top: 2em;
}
.fases_shortlist .filtros {
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  float: left;
  width: 100%;
  height: 300px;
  height: auto;
  border-radius: 1em;
  background-image: linear-gradient(to bottom right, #0f4d60, #0f5f67);
  text-align: left;
}
.fases_shortlist .filtros.collapsed {
  min-height: 3.5em;
  height: 3.5em;
  overflow: hidden;
}
.fases_shortlist .filtros .header {
  height: 3.5em;
  padding: 1em 2em .5em 2em !important;
  cursor: pointer;
}
.fases_shortlist .filtros .header h3,
.fases_shortlist .filtros .header p {
  color: white;
  margin-top: 0;
}
.fases_shortlist .filtros .header p {
  margin-left: .5em;
  border-left: solid 1px rgba(255, 255, 255, 0.5);
  padding-left: .5em;
}
.fases_shortlist .filtros .header h3,
.fases_shortlist .filtros .header p {
  float: left;
}
.fases_shortlist .filtros .header #alterar-cenario select {
  width: auto;
  float: left;
  font-size: 0.8em;
  margin-right: 0.5em;
}
.fases_shortlist .filtros .utilizados {
  clear: both;
  width: 100%;
  height: auto;
}
.fases_shortlist .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) {
  width: 100%;
  position: relative;
  padding: 0.5em 1em;
  height: 16em;
  white-space: nowrap;
  overflow-x: auto;
}
.fases_shortlist .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) li:not(.search-field):not(.search-choice):not(.active-result):not(.result-selected) {
  list-style-type: none;
  display: inline-block;
  color: white;
  width: 14em;
  height: 14em;
  border: solid 1px white;
  background-color: transparent;
  margin: 0 1.5em 0 0;
  position: relative;
  top: 0;
  cursor: pointer;
  padding: 0;
  overflow: hidden;
  border-radius: 1em;
}
.fases_shortlist .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) li:not(.search-field):not(.search-choice):not(.active-result):not(.result-selected) .chosen-choices {
  height: 2.5em;
  white-space: nowrap;
  overflow-x: auto;
}
.fases_shortlist .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) li:not(.search-field):not(.search-choice):not(.active-result):not(.result-selected) .chosen-choices li {
  display: inline-block;
  float: inherit;
}
.fases_shortlist .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) li:not(.search-field):not(.search-choice):not(.active-result):not(.result-selected) .chosen-choices li .search-choice-close {
  background: url("images/chosen-sprite.png") -42px 1px no-repeat !important;
}
.fases_shortlist .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) li:not(.search-field):not(.search-choice):not(.active-result):not(.result-selected) .chosen-results {
  padding: 0 0 9em 0 !important;
}
.fases_shortlist .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) li:not(.search-field):not(.search-choice):not(.active-result):not(.result-selected) .chosen-results .active-result {
  color: black;
}
.fases_shortlist .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) li:not(.search-field):not(.search-choice):not(.active-result):not(.result-selected) .header {
  position: absolute;
  top: 0;
  left: 0;
  height: 2em;
  width: 100%;
  padding: 0.4em 0 0 1em !important;
  background-color: transparent;
  overflow: hidden;
  color: white;
}
.fases_shortlist .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) li:not(.search-field):not(.search-choice):not(.active-result):not(.result-selected) .dados {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 2em;
  padding: 1em;
}
.fases_shortlist .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) li:not(.search-field):not(.search-choice):not(.active-result):not(.result-selected) .apexcharts-canvas {
  position: absolute;
}
.fases_shortlist .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) li:not(.search-field):not(.search-choice):not(.active-result):not(.result-selected) small {
  clear: both;
  display: block;
}
.fases_shortlist .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) li:not(.search-field):not(.search-choice):not(.active-result):not(.result-selected) .info {
  display: block;
  color: white;
  /*.irs--flat .irs-line { background-color: #d2d2d2 !important; }
							.irs--flat .irs-max { background-color: #d2d2d2 !important; } 
							.irs--flat .irs-min { background-color: #d2d2d2 !important; } */
}
.fases_shortlist .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) li:not(.search-field):not(.search-choice):not(.active-result):not(.result-selected) .info .normal .apexcharts-canvas {
  height: 40px !important;
}
.fases_shortlist .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) li:not(.search-field):not(.search-choice):not(.active-result):not(.result-selected) .info .normal .apexcharts-canvas .apexcharts-inner.apexcharts-graphical {
  transform: translate(0, 10px) !important;
}
.fases_shortlist .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) li:not(.search-field):not(.search-choice):not(.active-result):not(.result-selected):after {
  color: #757575;
  text-align: right;
  content: "»";
  display: block;
  position: absolute;
  font-size: 2.6em;
  top: 0em;
  right: -0.8em;
  width: auto;
  line-height: 1em;
  padding: 0;
}
.fases_shortlist .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) li:not(.search-field):not(.search-choice):not(.active-result):not(.result-selected):last-child:after {
  opacity: 0;
}
.fases_shortlist .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) li:not(.search-field):not(.search-choice):not(.active-result):not(.result-selected).placeholderProcesso {
  width: 5em !important;
  height: 4.7em !important;
  border: solid 1px #606060 !important;
  background-color: #3cb878 !important;
  position: relative !important;
  top: -4.5em;
}
.fases_shortlist .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) li:not(.search-field):not(.search-choice):not(.active-result):not(.result-selected).placeholderProcesso:after {
  color: white;
  text-align: left;
  content: "+";
  display: block;
  position: relative;
  font-size: 3em;
  top: 0.3em;
  margin: 0;
  left: 0.5em;
  line-height: 1em;
  padding: 0;
}
.fases_shortlist .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) li:not(.search-field):not(.search-choice):not(.active-result):not(.result-selected).placeholderProcesso:last-child:after {
  opacity: 1;
}
.fases_shortlist .filtros .utilizados ul:not(.chosen-choices):not(.chosen-results):not(.search-field) li:not(.search-field):not(.search-choice):not(.active-result):not(.result-selected).placeholder {
  width: 97%;
  margin: 0;
  padding: 0;
  text-align: center;
  color: #959595;
  background-color: transparent;
  border: none;
  padding-top: 8em;
  height: 20em !important;
  vertical-align: middle;
}
.fases_shortlist .filtros .disponiveis {
  clear: both;
  width: 100%;
  height: auto;
  display: block;
}
.fases_shortlist .filtros .disponiveis ul {
  width: 100%;
  position: relative;
  padding: 0.5em 1em;
  height: 4.5em;
  border: none;
  background-color: transparent;
  margin-bottom: 0;
  overflow-x: auto;
  white-space: nowrap;
}
.fases_shortlist .filtros .disponiveis ul li {
  list-style-type: none;
  display: inline-block;
  border-radius: 1em;
  width: auto;
  height: auto;
  border: solid 1px white;
  background-color: rgba(255, 255, 255, 0.4);
  margin-right: .5em;
  margin-bottom: .5em;
  cursor: pointer;
  padding: .5em .5em;
  color: white;
}
.fases_shortlist .filtros .disponiveis ul li .icone {
  width: 30%;
}
.fases_shortlist .filtros .disponiveis ul li small {
  clear: both;
  display: block;
}
.fases_shortlist .filtros .disponiveis ul li .header {
  position: relative;
  top: 0;
  left: 0;
  height: auto;
  width: 100%;
  padding: 0 !important;
  background-color: transparent;
}
.fases_shortlist .filtros .disponiveis ul li .header span {
  display: none;
}
.fases_shortlist .filtros .disponiveis ul li .dados {
  display: none;
}
.fases_shortlist .filtros .disponiveis ul li:hover {
  background-color: rgba(255, 255, 255, 0.9);
  color: #196f8a;
}
.fases_shortlist .filtros .disponiveis ul li.placeholderProcesso {
  width: auto !important;
  height: auto !important;
  border: solid 1px #606060 !important;
  background-color: #e74c3c !important;
  position: relative !important;
}
.fases_shortlist .filtros .disponiveis ul li.placeholderProcesso:after {
  color: white;
  content: "x";
  display: block;
  position: relative;
  font-size: 1.8em;
  margin: 0;
  line-height: 0.6em;
  padding: 0;
  font-family: 'arial';
}
.fases_shortlist .filtros .disponiveis ul li.placeholderProcesso:last-child:after {
  opacity: 1;
}
.fases_shortlist .filtros .disponiveis ul li.new {
  background-color: #3cb878;
}
.fases_shortlist .filtros .disponiveis ul li.placeholder {
  text-align: center;
  color: #757575;
  background-color: transparent;
  border: none;
}
#perfil {
  width: 100%;
  padding: 1em;
}
#perfil .header {
  height: 7em;
  border-bottom: solid 1px #757575;
}
#perfil .header .info {
  width: 100%;
}
#perfil .header .info .thumb {
  width: auto;
  height: auto;
  float: left;
  margin-right: 2em;
  display: inline-block;
}
#perfil .header .info .thumb img {
  width: 6em;
  height: 6em;
  border-radius: 50%;
  border: solid 3px #757575;
}
#perfil .header .info h1 {
  width: auto;
}
#perfil .header .info p {
  margin: 0;
  width: auto;
}
#perfil .header .processo {
  position: absolute;
  top: 1em;
  right: 2em;
  height: auto;
  z-index: 60;
  width: auto;
  -webkit-transition: all 0.7s ease-out;
  -moz-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
}
#perfil .header .processo #tag_atual {
  cursor: pointer;
  width: auto;
  height: auto;
  padding: 1em;
  border-radius: 1em;
  margin-right: .5em;
  float: left;
}
#perfil .header .processo #tag_atual h3 {
  margin: 0;
  color: white;
}
#perfil .header .processo #tag_atual.verde {
  background-color: #3cb878;
}
#perfil .header .processo #tag_atual.cinza {
  background-color: #757575;
}
#perfil .header .processo #tag_atual.cinza h3 {
  color: black;
}
#perfil .header .processo #tag_atual.azul {
  background-color: #008db3;
}
#perfil .header .processo #tag_atual.azul h3 {
  color: white;
}
#perfil .header .processo #tag_atual.amarelo {
  background-color: #f2ce02;
}
#perfil .header .processo #tag_atual.amarelo h3 {
  color: white;
}
#perfil .header .processo #tag_atual.vermelho {
  background-color: #e74c3c;
}
#perfil .header .processo .action_button {
  cursor: pointer;
  width: auto;
  height: auto;
  padding: 1em;
  border-radius: 1em;
  margin-right: .5em;
  float: left;
}
#perfil .header .processo .action_button h3 {
  margin: 0;
  color: white;
}
#perfil .header .processo .action_button.verde {
  background-color: #3cb878;
}
#perfil .header .processo .action_button.cinza {
  background-color: #cecece;
}
#perfil .header .processo .action_button.cinza h3 {
  color: black;
}
#perfil .header .processo .action_button.azul {
  background-color: #008db3;
}
#perfil .header .processo .action_button.azul h3 {
  color: white;
}
#perfil .header .processo .action_button.amarelo {
  background-color: #f2ce02;
}
#perfil .header .processo .action_button.amarelo h3 {
  color: white;
}
#perfil .header .processo .action_button.vermelho {
  background-color: #e74c3c;
}
#perfil .header .processo #tags {
  z-index: 60;
  width: 100%;
  height: auto;
  position: absolute;
  background-color: #f5f5f5;
  color: black;
  padding: 0.5em 0.5em 0.5em 1em;
  border-radius: 0.5em;
  margin-top: 4.5em;
}
#perfil .header .processo #tags li {
  border-radius: 0.5em;
  list-style-type: none;
  padding: 0.2em 0.2em 0.2em 0.5em;
  margin-bottom: 0.2em;
}
#perfil .header .processo #tags li.verde {
  background-color: #3cb878;
  color: white;
}
#perfil .header .processo #tags li.cinza {
  background-color: #757575;
}
#perfil .header .processo #tags li.azul {
  background-color: #008db3;
  color: white;
}
#perfil .header .processo #tags li.amarelo {
  background-color: #f2ce02;
}
#perfil .header .processo #tags li.vermelho {
  background-color: #e74c3c;
  color: white;
}
#perfil .header .processo #tags li div {
  border-radius: .5em;
  list-style-type: none;
  padding: .2em .2em .2em .2em;
  margin-bottom: .2em;
  float: right;
  margin-right: .1em;
}
#perfil .header .processo #tags li div.verde {
  background-color: #3cb878;
  color: white;
}
#perfil .header .processo #tags li div.cinza {
  background-color: #757575;
}
#perfil .header .processo #tags li div.azul {
  background-color: #008db3;
  color: white;
}
#perfil .header .processo #tags li div.amarelo {
  background-color: #f2ce02;
}
#perfil .header .processo #tags li div.vermelho {
  background-color: #e74c3c;
  color: white;
}
#perfil .header .processo #tags:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(117, 117, 117, 0);
  border-bottom-color: #f5f5f5;
  border-width: 16px;
  margin-left: -16px;
}
#perfil #historico {
  width: 100%;
  display: inline-block;
  margin: 1em 0 0 0;
  padding: 1px 0 0 1em;
  height: auto;
  max-height: 20em;
  overflow: auto;
  vertical-align: top;
}
#perfil #historico li {
  list-style-type: none;
  padding: 1em;
  border-bottom: 1px solid #757575;
  margin-bottom: 1em;
}
#perfil #historico li .comentarios {
  width: 100%;
  clear: both;
  margin: 0.5em 0;
}
#perfil #historico li .badge {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  margin-right: 1em;
}
#perfil #historico li .badge i {
  padding: 0;
  margin: 0;
  font-size: 1.6em;
  position: relative;
  left: -0.2em;
  top: 0.1em;
}
#perfil #historico li .badge.verde {
  background-color: #3cb878;
}
#perfil #historico li .badge.cinza {
  background-color: #757575;
  color: black;
}
#perfil #historico li .badge.azul {
  background-color: #008db3;
}
#perfil #historico li .badge.amarelo {
  background-color: #f2ce02;
}
#perfil #historico li .badge.vermelho {
  background-color: #e74c3c;
}
#perfil #historico li .timestamp {
  width: 100%;
  font-size: 0.7em;
  clear: both;
  text-align: right;
  float: right;
}
#perfil .dados {
  width: 73%;
  display: inline-block;
  vertical-align: top;
  padding-right: 2em;
  border-right: solid 1px #cecece;
}
#perfil .dados .texto {
  padding-top: 2em;
}
#perfil .dados .videos ul {
  width: 100%;
  overflow: auto;
  position: relative;
  padding: 1em;
  height: auto;
  white-space: nowrap;
}
#perfil .dados .videos ul li {
  list-style-type: none;
  display: inline-block;
  vertical-align: top;
  width: 16em;
  height: 9em;
  border: solid 1px #303030;
  margin: 0 1	em 0 0;
  position: relative;
  top: 0;
  cursor: pointer;
  padding: 1em;
  text-align: center;
}
#perfil .dados .videos ul li i {
  color: #303030;
  font-size: 2em;
}
#perfil .dados .videos ul li h3 {
  font-size: 1em;
  text-align: center;
  color: #303030;
  clear: both;
  white-space: normal;
}
#perfil .dados .videos ul li .player {
  position: relative;
  width: 100%;
  height: 100%;
}
#perfil .dados .videos ul li .player video {
  width: 100%;
  height: 100%;
}
#perfil .dados .videos ul li .player .fechar {
  position: absolute;
  top: 0;
  right: 0;
  width: 1em;
  height: 1em;
  z-index: 99999;
}
@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
    max-width: 1200px;
  }
}

/* ==========================================================================
Cores
========================================================================== */
/* Ações */
/* ==========================================================================
Tipografia Painel
========================================================================== */
/* ==========================================================================
Tipografia
========================================================================== */
.book h1,
.book h2,
.book h3,
.book h4,
.book p,
.book li,
.book a,
.book small {
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
  color: #303030;
}
.book .page {
  width: 1000px;
  min-height: 297mm;
  padding: 20mm;
  margin: 10mm auto;
  border: 1px #D3D3D3 solid;
  border-radius: 5px;
  background: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.book .page.capa {
  text-align: center;
}
.book .page.capa .logo {
  margin: 0 auto;
  width: 20%;
}
.book .page.capa .logo img {
  width: 100%;
}
.book .page.capa h1 {
  text-align: center;
}
.book .page.capa ul {
  margin-top: 5em;
}
.book .page.capa ul li {
  list-style-type: none;
  width: 100%;
  height: 9em;
  border-bottom: solid 1px #cecece;
}
.book .page.capa ul li .thumb {
  float: left;
  width: 8em;
  height: 8em;
  border-radius: 4em;
  overflow: hidden;
  margin-right: 4em;
}
.book .page.capa ul li .thumb img {
  width: 100%;
}
.book .page.page-candidato .info {
  list-style: none;
}
.book .page.page-candidato .info li {
  display: block;
  float: left;
  margin-right: 1%;
  width: 49%;
}
.book .page.page-candidato .thumb {
  float: left;
  width: 7em;
  height: 7em;
  border-radius: 4em;
  overflow: hidden;
  margin-right: 4em;
}
.book .page.page-candidato .thumb img {
  width: 100%;
}
@page {
  size: A4;
  margin: 0;
}
@media print {
  .book html,
  .book body {
    width: 210mm;
    height: 297mm;
  }
  .book .page {
    margin: 0;
    border: initial;
    border-radius: initial;
    width: initial;
    min-height: initial;
    box-shadow: initial;
    background: initial;
    page-break-after: always;
  }
}