body {
	padding-top: 100px;
}

.color-azul-neutro 	{color: #213b59;}
.color-azul-aux 	{color: #4181A3;}
.color-perfil-a 	{color: #5cbc8e;}
.color-perfil-p 	{color: #9A91C0;}
.color-perfil-c 	{color: #F1C176;}
.color-perfil-e 	{color: #E07358;}
.color-fff 			{color: #fff}

.border-color-a {border-color: #5CBC8E !important;}
.border-color-p {border-color: #9A91C0 !important;}
.border-color-c {border-color: #F1C176 !important;}
.border-color-e {border-color: #E07358 !important;}

.bg-color-a-perfilPredominante {background: rgba(92, 188, 142, .15) !important;}
.bg-color-p-perfilPredominante {background: rgba(154, 145, 192, .15) !important;}
.bg-color-c-perfilPredominante {background: rgba(241, 193, 118, .15) !important;}
.bg-color-e-perfilPredominante {background: rgba(224, 115, 88, .15) !important;}

.setaComparativaIndicesPerfil {
	font-size: .8rem;
	position: absolute;
	padding: 6px;
	margin-top: -7px;
	opacity: .8;
}

.bg-azul-neutro {background: #213b59;}
.bg-azul-aux {background: #4181a3;}
.bg-perfil-a 	{background: #5CBC8E;}
.bg-perfil-p 	{background: #9A91C0;}
.bg-perfil-c 	{background: #e6b870;}
.bg-perfil-e 	{background: #E07358;}

#navbarNavDropdown {display: none !important;}
.bg-perfil-a-grad {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5cbc8e+55,21ba70+100&1+0,0.8+100,1+100 */
	background: -moz-linear-gradient(left,  rgba(92,188,142,1) 0%, rgba(92,188,142,1) 55%, rgba(33,186,112,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(92,188,142,1) 0%,rgba(92,188,142,1) 55%,rgba(33,186,112,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(92,188,142,1) 0%,rgba(92,188,142,1) 55%,rgba(33,186,112,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cbc8e', endColorstr='#21ba70',GradientType=1 ); /* IE6-9 */
}
.bg-perfil-p-grad {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9a91c0+46,785dad+100&1+0,0.8+100,1+100 */
	background: -moz-linear-gradient(left,  rgba(154,145,192,1) 0%, rgba(154,145,192,1) 46%, rgba(120,93,173,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(154,145,192,1) 0%,rgba(154,145,192,1) 46%,rgba(120,93,173,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(154,145,192,1) 0%,rgba(154,145,192,1) 46%,rgba(120,93,173,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a91c0', endColorstr='#785dad',GradientType=1 ); /* IE6-9 */
}
.bg-perfil-c-grad {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f1c176+55,efb153+100&1+0,0.8+100,1+100 */
	background: -moz-linear-gradient(left,  rgba(241,193,118,1) 0%, rgba(241,193,118,1) 55%, rgba(239,177,83,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(241,193,118,1) 0%,rgba(241,193,118,1) 55%,rgba(239,177,83,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(241,193,118,1) 0%,rgba(241,193,118,1) 55%,rgba(239,177,83,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1c176', endColorstr='#efb153',GradientType=1 ); /* IE6-9 */
}
.bg-perfil-e-grad {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e07358+46,dd5435+100&1+0,0.8+100,1+100 */
	background: -moz-linear-gradient(left,  rgba(224,115,88,1) 0%, rgba(224,115,88,1) 46%, rgba(221,84,53,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(224,115,88,1) 0%,rgba(224,115,88,1) 46%,rgba(221,84,53,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(224,115,88,1) 0%,rgba(224,115,88,1) 46%,rgba(221,84,53,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e07358', endColorstr='#dd5435',GradientType=1 ); /* IE6-9 */
}



/* .btn-perfil-a {} */

.btn-perfil-p {border-color: #9A91C0; background-color: #9A91C0;} 
.btn-perfil-p:hover, .btn-perfil-p:active {background-color: rgb(131, 122, 168) !important; border-color: rgb(114, 106, 148);}

/* .btn-perfil-c {}

.btn-perfil-e {} */

.bg-btns-whatsapp {background-color: #65D072; color: #fff;}
.btn-whatsapp {border-color: #65D072; background-color: #65D072;} 
.btn-whatsapp:hover, .btn-whatsapp:active {background-color: #408A7E !important; border-color: #408A7E;}

.box-whatsapp {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#40c456+46,65d072+100 */
	background: #40c456; /* Old browsers */
	background: -moz-linear-gradient(left, #40c456 46%, #65d072 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #40c456 46%,#65d072 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #40c456 46%,#65d072 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40c456', endColorstr='#65d072',GradientType=1 ); /* IE6-9 */
	border-radius: 20px;
	padding: 20px 24px;
}
.box-whatsapp:hover {
	box-shadow: 0px 0px 5px rgba(64, 196, 86, 0.713);
}
.box-whatsapp h5 {
	width: calc(100% - 170px);
	margin-bottom: 0;
}
.box-whatsapp .fab.fa-whatsapp {
	position: absolute;
	right: 45px;
	font-size: 50px;
	bottom: 22px;
}
@media (max-width: 1200px) {
	.box-whatsapp h5 {
		width: calc(100% - 130px);
	}
}
@media (max-width: 576px) {
	.box-whatsapp h5 {
		width: calc(100% - 70px);
	}
}


.btn-rounded {border-radius: 40px; padding: .4rem 1rem;}
h4, .h4 {line-height: 1.95rem;}

.ssp {font-family: 'Source Serif Pro',serif;}
.ssans {font-family: 'Source Sans Pro', sans-serif;}
.ms {font-family: 'Montserrat',sans-serif;}

.small-sem-ls {
	font-size: .8rem;
}

.small-com-ls {
	font-size: .8rem;
	letter-spacing: .1rem;
}

.small-com-ls-2 {
	font-size: .9rem;
	letter-spacing: .05rem;
}


.tab-pane {
	margin-left: 20px;
	margin-right: 20px;
}

p.lead-1 {
	font-size: 1.55rem;
	line-height: 2rem;
}

.btn-zap-header-resp {display: none !important;}


/* Nav Azul - resumo do perfil */
.resume-bar 						{ background-color: #213b59; color: #fff; height: 36px; margin-top: 80px; font-size: .95rem; padding-top: 5px; 
									  transition: all 300ms ease-in-out;
									  -webkit-transition: all 300ms ease-in-out;
									  -moz-transition: all 300ms ease-in-out;
									  -ms-transition: all 300ms ease-in-out;
									  -o-transition: all 300ms ease-in-out; 
										z-index: 1050;}
.return-percentuais-perfil 			{ margin-right: 260px; }
.return-percentuais-perfil-barra 	{ position: absolute; right: 15px; top: 8px; height: 8px; width: 240px; border-radius: 15px; }

/* Barra de progresso de leitura */
.read-container 	{ width: 100%; height: 6px; background: #ccc; margin-top: 116px;
					  transition: all 300ms ease-in-out;
				 	  -webkit-transition: all 300ms ease-in-out;
					  -moz-transition: all 300ms ease-in-out;
					  -ms-transition: all 300ms ease-in-out;
					  -o-transition: all 300ms ease-in-out; 
						z-index: 100;}
.read-bar 			{ height: 5px; background: #716666; width: 0%; z-index: 100;}

/* Ajustes Scroll */
.navbar.navbar-scroll { height: 60px; }
.resume-bar.navbar-scroll {margin-top: 60px; height: 31px; padding-top: 2px;}
.read-container.navbar-scroll	{ margin-top: 90px; } 


/* Nav Lateral */
.menu-fixa-inicio 	{ transition: 600ms; }
.menu-stick-hack	{ padding-top: 100px; }

.menu-lateral-relatorio a.nav-link{
	color: #213b599d;
	padding: 0;
	border-right: 4px solid #fabf6900;
	margin-bottom: 6px;
	padding-right: 17px;
	margin-right: -17px;
	transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
}
.menu-lateral-relatorio a.nav-link:hover{
	border-right: 4px solid #fabf69;
}

.menu-lateral-relatorio a.nav-link.active{
	color: #213b59;
	font-weight: 700 !important;
	border-right: 4px solid #fabf69;
}


.letras-perfil-destaque {
	font-size: 23rem;
	font-weight: 700;
	position: absolute;
	right: -40px;
	top: 60px;
	opacity: .3;
}

.col-content-style {
	background-color: #fff;
	border-radius: 15px;
	padding: 18px 24px;
	/*font-family: "Source Serif Pro", serif;*/
	font-size: 1.2rem;;
}



.inicio-box-percentuiais {
	border-radius: 10px;
	margin-bottom: 1rem;
	/*border: 1px solid #eee;*/
	padding: 8px 15px;
	display: inline-flex;
	border: 1px solid #fff;
	width: fit-content;
}
.inicio-box-percentuiais p {
	margin: 0 !important;
	font-size: .9rem;
	font-weight: 600;
	display: inline;
	padding-top: 4px;
	padding-left: 15px;
}

.inicio-box-percentuiais h2 {
	margin: 0;
	margin-bottom: -2px;
}




.row-perfil-pn {
	margin-bottom: -12px;
}
.row-perfil-pn .progress-bar {
	border-radius: 20px;
}
.return-percentuais-perfil-pn 	{height: 10px; width: 88%; margin-top: 8px;}
.icone-perfil-pn-mobile {
	display: none !important;
}
/* .hack-perc-indices-pn {

} */
.perc-indices-pn {
	position: absolute;
	left: calc(85% + 10px);
	margin-top: -17px;
}

.box-vermelho-inicio {
	border-radius: 15px;
	border: 3px solid #E07358;
	padding-top: 30px !important;
	position: relative;
	overflow: hidden;
}

.box-vermelho-inicio .row {
	padding: 0 40px;
}

.box-vermelho-inicio img {
	width: 100%;
	margin-top: -80px;
}


.box-atencao-candidato {
	border-radius: 15px;
	border: 3px solid #4181A3;
	padding-top: 30px !important;
	position: relative;
	overflow: hidden;
}

.box-atencao-candidato .row {
	padding: 0 30px;
}

.box-atencao-candidato img {
	width: 100%;
	margin-top: -80px;
}

@media (max-width: 576px) {
	.box-atencao-candidato img {
		width: 100%;
		margin-top: -60px;
	}
}


a.btn-expand-infos-entrevista .fas{
	color: #213b59 !important;
	margin-left: 8px;
	font-size: 1.4rem;
}

.row-perfil-indices {
	margin-bottom: -12px;
}
div.escala-indices {
	height: 100px;
}
img.escala-indices {
	width: calc(100% + 50px);
	margin-left: -25px;
	position: absolute;
}
p.texto-nivel-indices {
	margin-bottom: -6px !important;
	opacity: .8;
	text-transform: uppercase;
	font-size: .75rem;
}

.nivel-indices {width: 95%; height: 6px; position: relative; margin-top: -8px;}
.nivel-indices .ni {width: 1px; height: 100%; background: #bbb; position: absolute;}
.nivel-indices .ei-1 {margin-left: 12.5%;}
.nivel-indices .ei-2 {margin-left: 25%;}
.nivel-indices .ei-3 {margin-left: 37.5%;}
.nivel-indices .ei-4 {margin-left: 50%;}
.nivel-indices .ei-5 {margin-left: 62.5%;}
.nivel-indices .ei-6 {margin-left: 75%;}
.nivel-indices .ei-7 {margin-left: 87.2%;}
						  
.return-percentuais-indices {height: 10px; width: 95%; margin-top: 8px;}
.return-percentuais-indices .progress-bar {
	border-radius: 20px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2183a6+35,243b59+100 */
	background: #2183a6; /* Old browsers */
	background: -moz-linear-gradient(left, #2183a6 35%, #243b59 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #2183a6 35%,#243b59 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #2183a6 35%,#243b59 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2183a6', endColorstr='#243b59',GradientType=1 ); /* IE6-9 */
}


.row-video-list a, .row-video-list a:hover {
	text-decoration: none;
	color: inherit;
}
.row-video-list img {
	border-radius: 3px;
}
.col-video-list:hover img {
	opacity: .85;
}
.saiba-mais-play {
	display: inline-block;
}
.icone {
	vertical-align: middle;
	font-size: 1.8rem;
	opacity: 0;
}
.texto {
	text-transform: uppercase;
	font-weight: 700;
	font-size: .8rem;
	margin-left: -30px;
}
.col-video-list:hover .texto {
	margin-left: 0;
}
.col-video-list:hover .icone {
	opacity: 1;
}
.col-video-list.col-md-12 .img-a {
	display: none;
}
@media (max-width: 768px) {
	.col-video-list.col-md-12 .img-a {display: block;}
	.col-video-list.col-md-12 .img-b {display: none;}
}


.icone-at {
	width: 30px;
	margin-left: -3px;
	margin-right: 8px;
}
.card {border: none !important;}

.definicoes-talento-content #definicoes-talento .card {
	border-radius: 0px !important;
	border: none !important;
}
.definicoes-talento-content #definicoes-talento .card-body {
	padding: 15px 25px;
	padding-top: 0;
	background: #ffffff;
	border-bottom: 2px solid #213b59 !important;
}

#definicoes-talento .collapsed {
	background-color: #fff !important;
	border-radius: 0 !important;
	border-bottom: 2px solid #213b59 !important;
}

.definicoes-talento-content .card-header {
	border-radius: 0px !important;
	 box-shadow: none !important;
	 background-color: rgba(92, 188, 142, 0) !important;
	 padding: 10px 20px;
	 border: none !important;
	 margin-top: 0px;
	 margin-bottom: 0px;

	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	
	cursor: pointer;
	
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;

	border-bottom: 0px solid #fff !important;;


}

#definicoes-talento a.card-title {
	width: 45% !important;
}


/* #definicoes-talento .card-header:hover {
} */


#definicoes-talento .card-body a {
	color: #2B6898;
	background: rgba(165, 218, 227, 0.55);
	border-radius: 3px;
	padding: 0 3px;
} 

.definicoes-talento-content .card-body p {color: #213b59 !important; font-size: 1.05rem; padding-left: 36px; line-height: 1.5rem; padding-right: 	5%; font-family: 'Source Serif Pro', serif;}

.definicoes-talento-content .btn {
	text-align: left;
	white-space: normal;
}


#definicoes-talento .card-header:after {
    font-family: 'FontAwesome';  
    content: "\f106";
    float: right; 

}
#definicoes-talento .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f107"; 
}




.box-mapa-comp-generico h6 {
	margin-bottom: .18rem;
	color: #E07358;
}
.box-mapa-comp-generico p {
	font-size: .9rem;
	line-height: 1.25rem;
	margin-bottom: 1.5rem;
}
.box-comp-desenvolvida h6 {
	color: #61B088 !important;
}







.col-mapa-4-perfis {
	position: relative;
}

.imagem-4-perfis {
	position: absolute;
	z-index: 9;
}
.ilumina-4-perfis-height {
	top: 0;
	left: 0;
	margin-top: 0;	
}
/* .ilumina-4-perfis-e, .ilumina-4-perfis-c, .ilumina-4-perfis-p  {

} */
.ilumina-4-perfis-e, .ilumina-4-perfis-c, .ilumina-4-perfis-p, .ilumina-4-perfis-a {
	position: absolute;
	top: 0;
	margin-top: 0;
	display: none;
	z-index: 1;
}
.ilumina-opacity-100 {
	display: inline-block;
}





.accordions-4perfis-content #accordions-4perfis .card {border-radius: 0px !important;border: none !important;}
.accordions-4perfis-content #accordions-4perfis .card-body {
	padding: 15px 25px;
	border-radius: 15px;
	background-color: #fff;
	margin: 0 20px;
	border-top: none !important;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	margin-top: -10px;
	margin-bottom: 25px;
	margin-right: 25px;

	
}
.accordions-4perfis-content .card-header {
	border-radius: 30px !important;
	box-shadow: none !important;
	background-color: #A5DAE2 !important;
	padding: 10px 20px;
	border: none !important;
	margin-top: 3px;
	margin-bottom: 10px;
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;

	cursor: pointer;
}

#accordions-4perfis a.card-title { width: 45% !important; }

#accordions-4perfis .card-header:hover {background-color: #A5DAE2 !important;}

#accordions-4perfis .card-header-e.collapsed {background-color: rgba(224, 115, 88, 0.15) !important;}
#accordions-4perfis .card-header-c.collapsed {background-color: rgba(241, 194, 118, 0.15) !important;}
#accordions-4perfis .card-header-p.collapsed {background-color: rgba(154, 145, 192, 0.15) !important;}
#accordions-4perfis .card-header-a.collapsed {background-color: rgba(92, 188, 142, 0.15) !important;}

#accordions-4perfis .card-header-e {background-color: rgba(224, 115, 88, 0.4) !important;}
#accordions-4perfis .card-header-c {background-color: rgba(241, 194, 118, 0.4) !important;}
#accordions-4perfis .card-header-p {background-color: rgba(154, 145, 192, 0.4) !important;}
#accordions-4perfis .card-header-a {background-color: rgba(92, 188, 142, 0.4) !important;}

#accordions-4perfis .card-header-e.card-header:hover {background-color: rgba(224, 115, 88, 0.66) !important;}
#accordions-4perfis .card-header-c.card-header:hover {background-color: rgba(241, 194, 118, 0.66) !important;}
#accordions-4perfis .card-header-p.card-header:hover {background-color: rgba(154, 145, 192, 0.66) !important;}
#accordions-4perfis .card-header-a.card-header:hover {background-color: rgba(92, 188, 142, 0.66) !important;}


.accordions-4perfis-content #accordions-4perfis .card-body.card-body-e {
	border: 2px solid rgba(224, 115, 88, 0.66);
}
.accordions-4perfis-content #accordions-4perfis .card-body.card-body-c {
	border: 2px solid rgba(241, 194, 118, 0.66);
}
.accordions-4perfis-content #accordions-4perfis .card-body.card-body-p {
	border: 2px solid rgba(154, 145, 192, 0.66);
}
.accordions-4perfis-content #accordions-4perfis .card-body.card-body-a {
	border: 2px solid rgba(92, 188, 142, 0.66);
}


.accordions-4perfis-content .card-body p {
	color: #213b59 !important; font-size: 1.05rem; line-height: 1.5rem; padding-right: 5%; font-family: 'Source Serif Pro', serif;
}

.accordions-4perfis-content .btn {text-align: left;white-space: normal;}


#accordions-4perfis .card-header:after {font-family: 'FontAwesome';  content: "\f106";float: right; }
#accordions-4perfis .card-header.collapsed:after {/* symbol for "collapsed" panels */ content: "\f107"; }

#accordions-4perfis .collapsed { background-color: #DADADA !important; border-radius: 30px !important; }





.d-none {
	display: none !important;
}

.accordions-perfil-profissional-content #accordions-perfil-profissional .card {border-radius: 0px !important;border: none !important;}
.accordions-perfil-profissional-content #accordions-perfil-profissional .card-body {
	padding: 15px 25px;
	border-radius: 15px;
	background-color: #fff;
	margin: 0 20px;
	border-top: none !important;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	margin-top: -10px;
	margin-bottom: 25px;
	margin-right: 25px;

	
}
.accordions-perfil-profissional-content .card-header {
	border-radius: 30px !important;
	box-shadow: none !important;
	background-color: #A5DAE2 !important;
	padding: 10px 20px;
	border: none !important;
	margin-top: 3px;
	margin-bottom: 10px;
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	cursor: pointer;
}

#accordions-perfil-profissional a.card-title { width: 45% !important; }

#accordions-perfil-profissional .card-header:hover {background-color: #A5DAE2 !important;}

#accordions-perfil-profissional .card-header-pp-e.collapsed {background-color: rgba(224, 115, 88, 0.15) !important;}
#accordions-perfil-profissional .card-header-pp-c.collapsed {background-color: rgba(241, 194, 118, 0.15) !important;}
#accordions-perfil-profissional .card-header-pp-p.collapsed {background-color: rgba(154, 145, 192, 0.15) !important;}
#accordions-perfil-profissional .card-header-pp-a.collapsed {background-color: rgba(92, 188, 142, 0.15) !important;}

#accordions-perfil-profissional .card-header-pp-e {background-color: rgba(224, 115, 88, 0.4) !important;}
#accordions-perfil-profissional .card-header-pp-c {background-color: rgba(241, 194, 118, 0.4) !important;}
#accordions-perfil-profissional .card-header-pp-p {background-color: rgba(154, 145, 192, 0.4) !important;}
#accordions-perfil-profissional .card-header-pp-a {background-color: rgba(92, 188, 142, 0.4) !important;}

#accordions-perfil-profissional .card-header-pp-e.card-header:hover {background-color: rgba(224, 115, 88, 0.66) !important;}
#accordions-perfil-profissional .card-header-pp-c.card-header:hover {background-color: rgba(241, 194, 118, 0.66) !important;}
#accordions-perfil-profissional .card-header-pp-p.card-header:hover {background-color: rgba(154, 145, 192, 0.66) !important;}
#accordions-perfil-profissional .card-header-pp-a.card-header:hover {background-color: rgba(92, 188, 142, 0.66) !important;}


.accordions-perfil-profissional-content #accordions-perfil-profissional .card-body.card-body-padrao {
	border: 2px solid #A5DAE2;
}
.accordions-perfil-profissional-content #accordions-perfil-profissional .card-body.card-body-pp-e {
	border: 2px solid rgba(224, 115, 88, 0.66);
}
.accordions-perfil-profissional-content #accordions-perfil-profissional .card-body.card-body-pp-c {
	border: 2px solid rgba(241, 194, 118, 0.66);
}
.accordions-perfil-profissional-content #accordions-perfil-profissional .card-body.card-body-pp-p {
	border: 2px solid rgba(154, 145, 192, 0.66);
}
.accordions-perfil-profissional-content #accordions-perfil-profissional .card-body.card-body-pp-a {
	border: 2px solid rgba(92, 188, 142, 0.66);
}


.accordions-perfil-profissional-content .card-body p {
	color: #213b59 !important; 
}

.accordions-perfil-profissional-content .btn {text-align: left;white-space: normal;}


#accordions-perfil-profissional .card-header:after {font-family: 'FontAwesome';  content: "\f106";float: right; }
#accordions-perfil-profissional .card-header.collapsed:after {/* symbol for "collapsed" panels */ content: "\f107"; }

#accordions-perfil-profissional .collapsed { background-color: #DADADA !important; border-radius: 30px !important; }



.btn-persora1 {
    color: #213b59;
    background-color: #fff;
    border-color: #213b59; 
    border-width: 1px;
    border-radius: 20px;
    padding: 10px 20px;}
    .btn-persora1:hover {
      color: #fff;
      background-color: #5CBC8E;
      border-color: #5CBC8E; }
    .btn-persora1:focus, .btn-persora1.focus {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(111, 82, 255, 0.5);
              box-shadow: 0 0 0 0.2rem rgba(111, 82, 255, 0.5); }
    .btn-persora1.disabled, .btn-persora1:disabled {
      color: #fff;
      background-color: #5533ff;
      border-color: #5533ff; }
    .btn-persora1:not(:disabled):not(.disabled):active, .btn-persora1:not(:disabled):not(.disabled).active,
    .show > .btn-persora1.dropdown-toggle {
      color: #fff;
      background-color: #2b00ff;
      border-color: #2800f2; }
      .btn-persora1:not(:disabled):not(.disabled):active:focus, .btn-persora1:not(:disabled):not(.disabled).active:focus,
      .show > .btn-persora1.dropdown-toggle:focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(111, 82, 255, 0.5);
				box-shadow: 0 0 0 0.2rem rgba(111, 82, 255, 0.5); }
				


/* ---- COMP ---- */

.bg-radar img {width: 65.5%; position: absolute; left:14.5%; margin-top: 4%;}
@media (max-width: 1200px) {
  .bg-radar img {width: 58%; position: absolute; left:17.5%; margin-top: 7.5%;}
}
@media (max-width: 992px) {
  .bg-radar img {width: 57%; position: absolute; left:18%; margin-top: 8%;}
}



p.escala-graf-comp-barras {
	font-size: .7rem;
	line-height: 1.5rem;
	text-align: right;
  }
  .graf-comp-barras-colunas .col {width: 4% !important; margin-left: .2%; padding: 0;}
  .graf-comp-barras-colunas .barra {width: 32%; background: #E07358; position: absolute; margin: 0; bottom: 0; left: 36%; opacity: .7;
  border-top-left-radius: 50px; border-top-right-radius: 50px; z-index: 5;}
  .graf-comp-barras-colunas .barra-desenvolvida {background: #5cbc8e; color: #5cbc8e; opacity: .8;}
  
  .graf-comp-barras-bg {height: 125px; width: 100%; position: absolute;}
  .graf-comp-barras-bg .col-verde {background: #5cbc8e; opacity: .1; }
  .graf-comp-barras-bg .col-vermelha {background: #E07358; opacity: .10; top: 100%; }

  .graf-comp-barras-legendas .col {
	width: 4% !important; padding: 0;
	writing-mode: vertical-lr;
	text-orientation: mixed;
	font-size: .7rem;
  }

	@media(min-width: 1199px) {
		.graf-comp-barras-legendas .col {
			padding-left: 4px;
		}
	}

  .graf-comp-barras-legendas .col p {
	padding: 0;
	margin: 0;
	padding-left: 2.5%;
	color: #E07358;
  }
  .graf-comp-barras-legendas .col p.ds-color-a {
	color: #5cbc8e;
  }
  .graf-comp-barras-legendas .barra-desenvolvida {color: #5cbc8e !important; font-weight: 700;}

  .hr-escala-graf-comp-barras {position: absolute; border-top: 1px solid rgba(0,0,0,.2); width: 100%; top: 0; border-width: 1px;}
  .hr-1 {top: 0; border-color: #5cbc8e; opacity: .8;} 
  .hr-2 {top: 10%; border-color: #5cbc8e; opacity: .8;} 
  .hr-3 {top: 20%; border-color: #5cbc8e; opacity: .8;} 
  .hr-4 {top: 30%; border-color: #5cbc8e; opacity: .8;} 
  .hr-5 {top: 40%; border-color: #5cbc8e; opacity: .8;} 
  .hr-6 {top: 50%; border-color: #5cbc8e; opacity: .8;} 
  .hr-7 {top: 60%; border-color: #E07358; opacity: .8;}
  .hr-8 {top: 70%; border-color: #E07358; opacity: .8;} 
  .hr-9 {top: 80%; border-color: #E07358; opacity: .8;} 
  .hr-10 {top: 90%; border-color: #E07358; opacity: .8;} 
  .hr-11 {top: 100%; border-color: #E07358; opacity: .8;} 
  

#root {
	flex: 1 0 auto;
	}
	
#sticky-footer {
	flex-shrink: none;
}

#sticky-footer {
	background-color: #ffffff;
	padding-top: 16px;
	padding-bottom: 15px;
	}
	
	.col-footer-ps p {
	display: inline;
	}
	.col-footer-social .fab {
	font-size: 1.55rem;
	color: #213b59 !important;
	margin-right: 3px;
	}
	@media (max-width: 991px) {
	.col-footer-ps p {display: block;}
	.align-cols-footer {text-align: left !important;}
	.col-footer-social {margin-top: 20px; padding-bottom: 5px;}
	.col-footer-ps p {margin-bottom: 2px !important;}
	#stick-footer {
		padding: 20px;
	}
	}

	.fa-arrow-aponta-menu {
		position: absolute;
		margin-right: 25px;
		transform: rotateY(0deg) rotate(45deg);
		font-size: 1.4rem;
	}



	
/* ==== FIT CULTURAL CANDIDATO ==== # ==== */

.box-fit-cultural {
	border: 2px solid #4181A3;
	border-radius: 10px;
	padding: 16px 22px;
	padding-top: 12px;
}

.box-fit-cultural .row-border-after {
	border-bottom: 1px solid #213b59;
	padding: 14px 0px;
	margin: 0 5px;
	font-size: 1rem;
	line-height: 1.25rem;
}

.box-candidato-lembrete {
	border: 2px solid #4181A3;
	border-radius: 10px;
	padding: 16px 22px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1.15rem;
	line-height: 1.65rem;
}











body {
	background-color: #e3e3e3;
}

#return-apenas-letras-perfil-2 {display: none;}
.collapse-menu-perfil-mobile {
	background: #213b59f8;
	margin-top: 116px;
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
   -moz-transition: all 300ms ease-in-out;
   -ms-transition: all 300ms ease-in-out;
   -o-transition: all 300ms ease-in-out; 
}
.collapse-menu-perfil-mobile.navbar-scroll	{ margin-top: 90px; }
.pl-menu-mobile {
	padding-left: 2rem;;
}
.btn-menu-perfil-mobile {
	display: none;
	margin: 0;
    padding: 5px 5px;
    padding-bottom: 30px;
    padding-top: 15px;
    margin-right: 5px;
    height: 22px;
    margin-top: -16px;
    color: #fff !important;
}
  .btn-menu-perfil-mobile:before {
	  font-family: 'FontAwesome';
	  font-weight: 900;
	  content:"\f077";
  }
  .btn-menu-perfil-mobile.collapsed:before {
	  content:"\f078";
  }
  .accordion-icons .card-header .btn:hover, 
  .accordion-icons .card-header .btn:active, 
  .accordion-icons .card-header .btn:focus  {
	  text-decoration:none;
  }

  .btn-menu-perfil-mobile:focus, .btn-menu-perfil-mobile.focus {
	-webkit-box-shadow: none;
			box-shadow: none; }


p.deslize-para-ver-mais {color: #777; line-height: 1.2rem; display: none;}
.deslize-para-ver-mais small{font-size: .7rem; margin-top: -20px;}
.deslize-para-ver-mais .fas.fa-hand-point-up {position: absolute; margin-top: -.25rem; margin-left: -.15rem;}

.graf-comp-barras-mobile {display: none;}
							  

@media (max-width: 1200px) {
}

@media (max-width: 992px) {
	.hidden-992 {display: none;}
	#return-nomes-perfil {display: none;}
	#return-apenas-letras-perfil-2 {display: inline-block;}
	.return-percentuais-perfil { margin-right: 180px; }
	.return-percentuais-perfil-barra {width: 160px;}
	.letras-perfil-destaque {display: none;}
	.navbar-toggler {display: none;}
	.menu-lateral-relatorio-hidden-mobile {display: none;}
	.col-text-hello-desktop {display: none;}

	.menu-lateral-relatorio a.nav-link {color: #fff; border: none !important;}
	.menu-lateral-relatorio a.nav-link.active{
		color: #F1C176;
		font-weight: 700 !important;
		border-right: 4px solid #fabf69;
	}
	.col-content-style {margin-top: -20px !important;}

	.row-tips-seConhecaMais {display: none;}
	.btn-menu-perfil-mobile {display: inline-block;}
}

/* 
@media (max-height: 800px) {
	.menu-lateral-relatorio a.nav-link {
		margin-bottom: 1px !important;
		font-size: 1rem;
	}
	.menu-lateral-relatorio h4 {
		margin-bottom: -2px !important;
		font-size: 1.25rem !important;
	}
	.menu-lateral-relatorio h4.menu-fixa-inicio {
		margin-bottom: -8px !important;

	} 
} */

@media (max-width: 768px) {
	.hidden-768 {display: none;}
	.return-percentuais-perfil {display: none;}
	.return-percentuais-perfil-barra {width: 100%; display: flex;}

	.row-perfil-pn .text-center {text-align: left !important; margin-left: -20px;}
	.row-perfil-pn .text-center p {margin-bottom: 0;}
	.row-perfil-pn .perfil {margin-left: -20px;}

	.row-perfil-pn .text-right {text-align: left !important;}
	.row-perfil-pn .text-right p {margin-bottom: -5px; margin-top: 25px; font-size: .8rem;}

	h4.title-indices {
		font-size: 1.3rem;
	}
	.tab-pane-grafico-barras {
		overflow-x: scroll;
		overflow-y: hidden;
	}
	.row-grafico-barras {
		width: 600px;
		padding-bottom: 40px;
	}
	.graf-comp-barras .col-1 {
		position: absolute;
	}
	.graf-comp-barras .col-11 {
		margin-left: 50px;
		border: none !important;
	}
	.return-percentuais-indices {
		margin-top: -5px;
		margin-bottom: 5px;
		width: 100%;
	}
	div.escala-indices {
		height: 60px;
	}
	.nivel-indices {
		margin-top: -13px;
		margin-bottom: 10px;
		width: 100%;
	}
	.texto-nivel-indices {
		text-align: right;
		position: absolute;
		right: 15px;
	}
	.row-perfil-pn {
		margin-left: 5px;
	}
	.icone-perfil-pn-mobile {
		display: block !important;
		position: absolute;
		font-size: .8rem;
		left: -5px;
		top: 9px;
	}
	p.deslize-para-ver-mais {display: block;}
	.graf-comp-barras-mobile {
		display: block;
		position: absolute;
		z-index: 9 !important;
		left: 35px;
		top: 85px;
		height: 500px !important;
		width: 100px !important;
	}
	.graf-comp-barras-mobile .col-1 {
		background-color: #fff !important;
		height: 100%;
		padding-right: 37px;
		margin-top: -8px;
	}
	.color-force-fff {
		color: #fff;
	}
}

@media (max-width: 576px) {
	.hidden-567 {display: none;}
	.col-content-style {
		margin: 0 0;
		padding: 15px 11px;
	}

	.box-vermelho-inicio img {
		width: 100%;
		margin-top: -60px;
	}
	.nivel-indices .ni {width: 2px; background: #ccc}
	h4.seuPerfilComportamentalE {font-size: 1.01rem; line-height: 1.45rem;}
	.return-texto-pp-resumo.lead-1 {
		font-size: 1.25rem; line-height: 1.55rem;
	}
	.return-perc_executor, .return-perc_comunicador, .return-perc_analista, .return-perc_planejador {
		font-size: 1.5rem;
	}
	.inicio-box-percentuiais p {padding-top:0;}
	.col-box-percentuais-mobile {
		width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
		margin-top: 10px !important;
	}
	div.escala-indices {
		height: 45px;
	}
	.card-body.card-body-padrao {
		padding: 5px 25px !important;
		margin-left: 16px !important;
		margin-right: 16px !important;
		margin-top: -11px !important;
	}
}
@media (max-width: 440px) {
	body {zoom: 85%;}
}
@media (max-width: 330px) {
	h4.textos-hello-menu-mobile {
		font-size: 1.1rem; line-height: 1.35rem !important;
	}
	h5.textos-hello-menu-mobile {
		font-size: .95rem; line-height: 1.15rem !important;
	}
}