span.cls-info {
	color: red;
	font-size: 11px;
}

/*

.container-accordeon .card-header {
    padding: 0px;
}

.container-accordeon .card .card-header{
	background-color: #0063BD;
}

.container-accordeon .card .card-header .btn.btn-link{
	color: white;
	font-family: Calibri;
    font-size: 17px;
}

.container-accordeon .card-body b u{
	font-family: Calibri;
    font-size: 17px;
    font-weight: bold;
    color: #7d7d7c;
}

.container-accordeon .card-body input{
	font-family: Calibri;
}

.container-accordeon .indicator{
	color: #67BC27;
}
*/

@font-face {
	font-family: Calibri;
	font-weight: normal;
	src: url("fonts/calibri.ttf") format("truetype");
}

.containerTC {
	border-radius: 0px 0px 0px 0px;
}

.headerTC {
	background: #ffde77;
	margin-top: -16.5px;
	margin-left: -1px;
	margin-right: -1px;
	width: 100.5%;
}

.bodyTC {
	font-family: Calibri;
	color: #575756;
	text-align: justify;
}

.bodyTC h4 {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;
}

@media (max-width: 575px) {
	.bodyTC h4 {
		font-size: 1.2rem;
	}
}

@media (max-width: 355px) {
	.bodyTC h4 {
		font-size: 1rem;
	}
}

@media (max-width: 299px) {
	.bodyTC {
		text-align: left;
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media (min-width: 300px) {
	.bodyTC {
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media (min-width: 400px) {
	.bodyTC {
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media (min-width: 576px) {
	.bodyTC {
		padding-left: 60px;
		padding-right: 60px;
	}
}

@media (min-width: 992px) {
	.bodyTC {
		padding-left: 90px;
		padding-right: 90px;
	}
}

.footer-login {
	/*position: absolute;*/
	bottom: 0;
	width: 100%;
	text-align: center;
	padding-top: 0.5em;
	line-height: 1.3 !important;
	margin-bottom: 0px;
}

.footer-encuesta {
	position: absolute;
	bottom: -40px;
	width: 100%;
	text-align: center;
	padding-top: 0.5em;
	line-height: 1.3 !important;
	margin-bottom: 0px;
}

.footer-gris {
	background-color: #eeeeef;
	color: #5b5b5f;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
}

.footer-enlace {
	color: #5b5b5f;
}

.menu {
	background-color: #dededf;
	color: #5b5b5f;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
}

.menu a:link {
	color: #5b5b5f;
}

.menu2 {
	color: #5b5b5f;
	margin-bottom: 0px;
	padding-bottom: 0.5em;
}

.menu2 a:link {
	color: #5b5b5f;
}

.alert-custom {
	background-color: #eeeeef;
}

.alert-custom a:link {
	color: #5ca2a2;
}

.btn-custom {
	color: white;
	background-color: #5ca2a2;
}

.btn-custom:hover {
	color: white;
	background-color: #4e8989;
}

.navlist li {
	display: inline;
	padding-right: 0.4em;
	/*padding-left: 0.2em;*/
	border-right: 1px solid #5b5b5f;
}

.navlist li.last {
	border: none;
}

.navlist {
	text-align: center;
	margin-left: -40px;
	margin-bottom: 0px;
}

.navlist a {
	color: #5b5b5f;
	text-decoration: none;
}

.navlist a:hover {
	text-decoration: underline;
}

table.dataTable thead tr {
	background-color: #da3f62 !important;
	color: #ffffff;
}

table.dataTable tr:nth-child(even) {
	background-color: #ffffff;
}

table.dataTable tr:nth-child(odd) {
	background-color: #e7f1f1;
}

.redes-sociales {
	width: auto;
	height: 60px;
	padding-right: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	cursor: pointer;
	cursor: hand;
	opacity: 1;
	transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-webkit-transition: opacity 0.3s ease-in-out;
}

.redes-sociales:hover {
	filter: brightness(85%);
	transition: filter 0.3s ease-in-out;
	-moz-transition: filter 0.3s ease-in-out;
	-webkit-transition: filter 0.3s ease-in-out;
}

.clickable {
	cursor: pointer;
	cursor: hand;
}

.texto-gris {
	color: #5b5b5f;
}

@media only screen and (max-width: 575px) and (min-width: 405px) {
	.navbar {
		justify-content: center !important;
	}
}

@media only screen and (max-width: 404px) and (min-width: 359px) {
	.navbar {
		justify-content: center !important;
	}

	.navlist {
		font-size: 14px !important;
	}
}

@media only screen and (max-width: 358px) {
	.navbar {
		justify-content: center !important;
	}

	.navlist {
		font-size: 12px !important;
	}
}

.btn-cancelar-confirmar {
	margin-right: 1em !important;
}

.btn-celeste-modal {
	background-color: #bcdec5;
	color: #1d6060;
	font-weight: bold;
	border-radius: 0%;
}

.btn-celeste-modal:hover {
	background-color: #acccb4;
	color: #226868;
}

p,
table b,
table font,
table p {
	color: #5b5b5f;
}

/* Para el login de Postula */
p.dudas-consultas .num_dudas {
	display: inline-block;
	font-weight: bold;
}

.atencion_cliente {
	font-weight: bold !important;
	color: black !important;
}

/* 
*****************************
HEADER DE POSTULA Y SOPORTE
*****************************
*/
#logo-integra {
	grid-area: logo;
}

#div-tipo-postulacion {
	grid-area: tipo;
}

#div-barra-progreso {
	grid-area: barra;
}

#div-flecha-adelante {
	grid-area: btnsig;
}

#div-flecha-atras {
	grid-area: btnvol;
}

#boton-nav {
	grid-area: btn;
}

#navbar-gris {
	grid-area: nav;
}

#headerPostula {
	background-image: url("../assets/encuesta/img/fondocrema.png");
	background-repeat: repeat;

	width: 100%;
	display: grid;
	gap: 0px;
	grid-template-rows: auto;
}

a#flecha_atras img {
	content: url(../assets/encuesta/img/volver_b.png);
	cursor: pointer;
}

a#flecha_atras img:hover {
	content: url(../assets/encuesta/img/volver_b_press.png);
}

a#flecha_adelante img {
	content: url(../assets/encuesta/img/avanzar_b.png);
	cursor: pointer;
}

a#flecha_adelante img:hover {
	content: url(../assets/encuesta/img/avanzar_b_press.png);
}

#headerPostula a#flecha_atras img {
	padding-left: 40%;
}

#headerPostula a#flecha_adelante img {
	padding-right: 40%;
}

#headerSoporte {
	width: 100%;
	margin: 10px 0 0 0;

	display: grid;
	gap: 0px;
	grid-template-rows: auto;
	grid-template-columns: 3fr 1fr 1fr;
	grid-template-areas:
		"tipo tipo tipo"
		"barra btnvol btnsig";
}

#headerSoporte #div-tipo-postulacion {
	position: absolute;
	top: 70px;
}

@media (max-width: 1290px) {
	#headerSoporte #div-barra-progreso {
		padding-left: 36%;
		padding-right: 30%;
		position: absolute;
		top: 123px;
		width: 100%;
	}

	#headerSoporte #div-flecha-atras {
		position: absolute;
		top: 123px;
		left: 85%;
		/*width: 100%;*/
	}

	#headerSoporte #div-flecha-adelante {
		position: absolute;
		top: 123px;
		left: 95%;
		/*width: 100%;*/
	}
}

@media (min-width: 1251px) {
	#headerSoporte #div-tipo-postulacion {
		padding-left: 40%;
	}
}

@media (min-width: 1090px) and (max-width: 1250px) {
	#headerSoporte #div-tipo-postulacion {
		padding-left: 35%;
	}
}

@media (max-width: 1089px) {
	#headerSoporte #div-tipo-postulacion {
		width: 100%;
		text-align: center;
		margin: auto;
	}
}

@media (max-width: 991px) {
	#headerSoporte #div-tipo-postulacion {
		width: 100%;
		text-align: center;
		margin: auto;
	}

	#headerSoporte #div-barra-progreso {
		padding-left: 36%;
		padding-right: 30%;
		position: relative;
		top: 123px;
		width: 100%;
	}
}

@media (min-width: 768px) {
	#headerSoporte #div-barra-progreso {
		padding-left: 36%;
		padding-right: 30%;
		position: absolute;
		top: 123px;
		width: 100%;
	}

	#headerSoporte #div-flecha-atras {
		position: absolute;
		top: 123px;
		left: 85%;
		/*width: 100%;*/
	}

	#headerSoporte #div-flecha-adelante {
		position: absolute;
		top: 123px;
		left: 95%;
		/*width: 100%;*/
	}
}

.btnVerdeClaro {
	background-color: #b2f382 !important;
	border-color: #b2f382 !important;
	color: #374356 !important;
}
.btnVerdeClaro:hover {
	background-color: #9cd672 !important;
	border-color: #9cd672 !important;
}

#headerGreenSoporte {
	height: 80px;
	z-index: 99;
}

@media (min-width: 768px) and (max-width: 1299px) {
	#menuPerfil .nav-item .nav-link span {
		display: none;
	}
}

#headerPostula #logo-integra {
	background: white;
	padding: 20px;
	max-width: 300px;
	height: auto;
	margin: 0 auto 0 10%;
}

#headerPostula #div-tipo-postulacion {
	background: white;
	height: 74px;
	width: 90%;
	max-width: 600px;
	margin: 25px auto 25px auto;
	align-content: center;
}

#headerPostula #div-flecha-adelante {
	float: right;
}

#headerPostula #div-flecha-atras {
	float: left;
}

#headerPostula #div-tipo-postulacion img {
	float: left;
	height: 50px;
	width: auto;
	padding-top: 3px;
	padding-left: 5px;
	margin-right: 5px;
}

#headerPostula #div-tipo-postulacion p {
	padding-top: 10px;
	padding-left: 20px;
	margin-bottom: 5px;
}

#headerPostula #div-barra-progreso {
	width: 90%;
	max-width: 600px;
	align-content: center;
	margin: 20px auto 20px auto;
}

#headerPostula #boton-nav {
	margin: 0 10% 0 auto;
}

#headerPostula #navbar-gris {
	margin-bottom: 0px;
}

@media (min-width: 1201px) {
	#headerPostula {
		grid-template-columns: 2fr 2fr 1fr 1fr;
		grid-template-areas:
			"logo tipo btn btn"
			"logo barra btnvol btnsig"
			"nav nav nav nav";
	}

	#headerPostula #div-flecha-adelante {
		width: 50%;
		align-content: center;
		float: right;
	}

	#headerPostula #div-flecha-atras {
		width: 50%;
		align-content: center;
		float: left;
	}

	#headerPostula img#flecha_atras {
		padding-left: 40%;
	}

	#headerPostula img#flecha_adelante {
		padding-right: 40%;
	}
}

@media (min-width: 960px) and (max-width: 1200px) {
	#headerPostula.pasos-postulacion {
		grid-template-columns: 2fr 3fr 1fr 1fr;
		grid-template-areas:
			"logo tipo btn btn"
			"logo barra btnvol btnsig"
			"nav nav nav nav";
	}

	#headerPostula:not(.pasos-postulacion) {
		grid-template-columns: 2fr 3fr 1fr 1fr;
		grid-template-areas:
			"logo tipo btn btn"
			"logo barra btnvol btnsig"
			"nav nav nav nav";
	}

	#headerPostula #boton-nav {
		margin: 0 auto;
	}

	#headerPostula a#flecha_adelante img {
		padding-right: 0%;
		padding-left: 40%;
	}
}

@media (max-width: 991px) {
	#headerPostula.pasos-postulacion {
		grid-template-columns: repeat(1fr);
		grid-template-areas:
			"btnvol barra btnsig"
			"btn btn btn"
			"nav nav nav";
	}

	#headerPostula:not(.pasos-postulacion) {
		grid-template-columns: 1fr 1fr;
		grid-template-areas:
			"logo btn"
			"nav nav";
	}

	#headerPostula a#flecha_adelante img {
		padding-right: 0%;
		padding-left: 40%;
	}

	#headerPostula img {
		padding-top: 30px;
		margin-bottom: 10px;
	}

	#headerPostula.pasos-postulacion #logo-integra,
	#headerPostula.pasos-postulacion #div-tipo-postulacion {
		display: none;
	}

	#headerPostula #div-flecha-adelante {
		width: 100%;
		margin: auto;
	}

	#headerPostula #div-flecha-atras {
		width: 100%;
		margin: auto;
	}

	#headerPostula img {
		height: 120px;
	}

	#headerPostula img#flecha_atras {
		padding-right: 10%;
		float: left;
	}

	#headerPostula img#flecha_adelante {
		padding-left: 10%;
		float: right;
	}

	#headerPostula:not(.pasos-postulacion) #div-tipo-postulacion {
		display: none;
	}

	#headerPostula #boton-nav {
		margin: 0 auto;
	}
}

@media (max-width: 540px) {
	#headerPostula.pasos-postulacion {
		grid-template-columns: repeat(1fr);
		grid-template-areas:
			"btnvol barra btnsig"
			"btn btn btn"
			"nav nav nav";
	}

	#headerPostula:not(.pasos-postulacion) {
		grid-template-columns: 1fr;
		grid-template-areas:
			"logo"
			"btn"
			"nav";
	}

	#headerPostula:not(.pasos-postulacion) #logo-integra {
		margin: 0 auto 10px auto;
	}

	#headerPostula:not(.pasos-postulacion) #div-tipo-postulacion {
		display: none;
	}

	#headerPostula img#flecha_atras {
		padding-right: 40%;
	}

	#headerPostula img#flecha_adelante {
		padding-left: 40%;
	}
}

.input-group-eye {
	position: absolute !important;
	right: 12px !important;
	top: 5px !important;
	display: flex;
}

.input-group-eye-2 {
	position: absolute !important;
	right: 12px !important;
	top: 4px !important;
	display: flex;
}
.input-group-eye-3 {
	position: absolute !important;
	right: -3px !important;
	top: 4px !important;
	display: flex;
}

.input-group-eye-2:focus,
.input-group-eye-3:focus {
	outline: none;
	box-shadow: none;
}

.inputEye {
	padding-right: 36px !important;
}

.eyePass {
	background-color: transparent !important;
	border: 0px solid transparent !important;
	cursor: pointer;
	cursor: hand;
	z-index: 99;
}