/*colores*/
:root {


	/*principal beca básica*/
	--color-verde-1: #611232;
	/*rgb(35, 91, 78)*/
	--color-verde-2: #00A57F;
	/*rgb(0, 165, 127)*/
	--color-verde-3: #86C4A2;
	/*rgb(134, 196, 162)*/
	--color-verde-4: #DBECE3;
	/*rgb(219, 236, 227)*/
	--color-verde-5: #10312B;
	/*rgb(16, 49, 43)*/

	/*Secundarios/Beca Educación Superior*/
	--color-dorado-1: #BC955C;
	/*rgb(188, 149, 92)*/
	--color-dorado-2: #837141;
	/*rgb(142, 113, 65)*/
	--color-dorado-3: #DDC9A3;
	/*rgb(221, 201, 163)*/
	--color-dorado-4: #EBDFC8;
	/*rgb(235, 223, 200)*/
	--color-dorado-5: #645231;
	/*rgb(100, 82, 49)*/

	/*Secundarios/Beca Elisa Acuña*/
	--color-rojo-1: #9F2241;
	/*rgb(159, 34, 65)*/
	--color-rojo-2: #CC2B53;
	/*rgb(204, 43, 83)*/
	--color-rojo-3: #E689A0;
	/*rgb(0, 40, 30, 10)*/
	--color-rojo-4: #F8DEE4;
	/*rgb(248, 222, 228)*/
	--color-rojo-5: #691C32;
	/*rgb(105, 28, 50)*/


	/*Secundarios/Beca Educación Media Superior*/

	--color-morado-1: #643585;
	/*rgb(100, 53, 133)*/
	--color-morado-2: #9D54D1;
	/*rgb(157, 84, 209)*/
	--color-morado-3: #866B99;
	/*rgb(134, 107, 153)*/
	--color-morado-4: #B792D1;
	/*rgb(183, 146, 209)*/
	--color-morado-5: #3D2152;
	/*rgb(61, 33, 82)*/

	/* Secundarios*/
	--color-azul-1: #006F7F;
	/*rgb(0, 111, 127)*/
	--color-azul-2: #00B1CC;
	/*rgb(0, 177, 204)*/
	--color-azul-3: #2D8795;
	/*rgb(45, 135, 149)*/
	--color-azul-4: #3DB9CC;
	/*rgb(61, 185, 204)*/
	--color-azul-5: #00424D;
	/*rgb(0,66,77)*/

	/*Estados del sistema*/

	--color-info: #2F80ED;
	/*rgb(47, 128, 237)*/
	--color-exitoso: #27AE60;
	/*rgb(39, 174, 96)*/
	--color-advertencia: #E2B93B;
	/*rgb(226, 185, 59)*/
	--color-error: #EB5757;
	/*rgb(235, 87, 87)*/


	/*grises*/
	--color-gris-1: #98989A;
	/*rgb(152, 152, 154)*/
	--color-gris-2: #6F7271;
	/*rgb(111, 114, 113)*/
	--color-gris-3: #C2C2C2;
	/*rgb(194, 194, 194)*/
	--color-gris-4: #F0F0F0;
	/*rgb(240, 240, 240)*/
	--color-gris-5: #2C2E2D;
	/*rgb(44, 46, 45)*/

	/*basicos*/
	--color-black: #000000;
	/*rgb(0, 0, 0)*/
	--color-white: #FFFFFF;
	/*rgb(255, 255, 255)*/
	--color-background: #F7FCF9;
	/*rgb(247, 252, 249)*/



	--color-primario: var(--color-verde-1);
	--color-blue: var(--color-verde-2);
	--color-red: var(--color-rojo-1);
	--color-pink: var(--color-rojo-2);
	--color-lightbrown: var(--color-dorado-1);
	--color-brown: var(--color-dorado-2);
	--color-greenlight: var(--color-verde-4);

	--color-white: #fbfbfb;
	--color-secundario: #DDC9A4;


}

/*tipografías*/
@font-face {
	font-family: "Montserrat-SemiBold";
	font-weight: normal;
	font-style: normal;
	src: local('Montserrat-SemiBold'), url('../Montserrat/static/Montserrat-SemiBold.ttf') format("truetype");
}

@font-face {
	font-family: "Montserrat-Medium";
	font-weight: normal;
	font-style: normal;
	src: local('Montserrat-Medium'), url('../Montserrat/static/Montserrat-Medium.ttf') format("truetype");
}

@font-face {
	font-family: "Montserrat-Regular";
	font-weight: normal;
	font-style: normal;
	src: local('Montserrat-Regular'), url('../Montserrat/static/Montserrat-Regular.ttf') format("truetype");
}

@font-face {
	font-family: "Montserrat-Bold";
	font-weight: normal;
	font-style: normal;
	src: local('Montserrat-Bold'), url('../Montserrat/static/Montserrat-Bold.ttf') format("truetype");
}




/*párrafos*/
h1 {
	font-size: 56px;
	line-height: 61.6px;
}

h2 {
	font-size: 48px;
	line-height: 52.80px;
}

h3 {
	font-size: 40px;
	line-height: 44px;
}

h4 {
	font-size: 32px;
	line-height: 35.2px;
}

h5 {
	font-size: 24px;
	line-height: 26.4px;
}

h6 {
	font-size: 20px;
	line-height: 22px;
}

/*Estilos para la timeline y estilos para el modulo de la version 3 hechos por mi :v*/
.separador {
	border-bottom: 2px solid #235B4E;
	border-top: 2px solid #235B4E;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: justify;
}

.separadorPago {
	border-top: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-left: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	border-radius: 3px;
	margin: 4px;
}

.separadorPago a {
	margin: 4px;
}

.mostrar {
	color: #00A57F;
	top: 17px;
	right: 10px;
	border: none;
	position: absolute;
	cursor: pointer;
}

.mostrarGrupo {
	color: #00A57F;
	border: none;
	position: relative;
	cursor: pointer;
	padding-left: 10px;
}

.contenedor {
	padding: 0px 0px 0px 0px;
	font-size: 16px;
	border-left: 2px solid #00A57F;

}

.contenedorDos {
	padding: 0px 0px 0px 0px;
	font-size: 16px;
	text-align: justify;
}

.contenedorTres {
	padding: 0px 0px 0px 0px;
	font-size: 16px;
	text-align: justify;

}

.timeline-item {
	margin: 0px auto;
	width: 640px;
	padding: 0px 30px 0px 15px;
	border-left: 2px solid #00A57F;

}

/*.timeline-item:before {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	border-radius: 100%;
	background-color: #00A57F;
	border: 3px solid #00A57F;
	position: absolute;
	left: 214px;
	right: 10px;
}*/

.bold {
	font-family: 'Montserrat-Bold', sans-serif;
	font-size: 18px;
}

.normal {
	font-family: 'Montserrat-Regular', sans-serif;
	font-size: 18px;
}

.alinear {
	width: 403px;
}

.barra {
	padding-left: 30px;
	padding-top: 20px;
	
}

.textoTitulo {
	color: #27AE60;
}

.textoPendiente {
	color: #FFD200;
}

.texto {
	font-family: "Montserrat-Regular";
	font-size: 35px;
}

.becario {
	color: var(--color-verde-1)!important;
	font-size: 22px;
}

.info {
	font-size: 18px;
}

.mensajes {
	color: #611232!important;
	cursor: pointer;
	font-size: 18px;
}
.piePagina{
	font-family: 'Montserrat-Bold', sans-serif;
	font-size: 14px;
}

@media screen and (max-width: 820px) {
	.becario {
		font-size: 10px;
	}

	.info {
		font-size: 9px;
	}

	.texto {
		font-size: 15px;
	}

	.normal {
		font-size: 10px !important;
	}

	.etiqueta_Baja{
		font-size: 10px !important;
	}

	.card-resultado .icon-resultado {
		width: 45px;
	}

	.mensajes {
		font-size: 10px;
	}
	.bold {
		font-size: 9px !important;
	}
	.piePagina{
		font-size: 9px;
	}
}

.swal-modal {
	width: 850px;
}

.cajaUno {
	border-radius: 20px;
	border: 3px solid lightgray;
	padding: 25px;
	margin-left: -5px;
	margin-right: -5px;

}

.cajaDos {
	/*border-radius: 20px;
	border: 3px solid lightgray;*/
	padding: 15px;

}

/*Estilos para los checkbox*/
.contenedorInfo {
	height: 36px;
	width: 62px;
	border-radius: 5px;
	margin: 2px;
}

.contenedorFecha {
	height: 36px;
	width: 150px;
	border-radius: 5px;
	margin: 2px;
	text-align: center;
	padding: 3px;
	font-size: 18px;
}

.box {
	height: 15px;
	width: 100%;
	border-radius: 5px;
	padding: 3px;
	text-align: center;
	position: relative;

}

.basica {
	background: #BC647A;
}

.mediaBox {
	background: #BCBCBD;
}

.superior {
	background: #D0B58D;
}

.checkTitle {
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 600;
	line-height: 21px;
	letter-spacing: 0em;
	text-align: center;
	color: #FFFFFF;
}

.textoBaja {
	color: #EB5757;
}

.boxCheck {
	height: 15px;
	width: 100%;
	border-radius: 5px;
	text-align: center;
	padding: 3px;
}

.contenedorCaptcha {
	padding-left: 20%;
}

@media screen and (max-width: 820px) {
	.box {
		width: 100%;
	}

	.checkTitle {
		font-family: Montserrat;
		font-size: 7px;
		font-weight: 600;
		text-align: start;
		width: 100%;
	}

	.contenedorFecha {
		font-size: 10px;
		height: 36px;
		width: 62px;
		border-radius: 5px;
		margin: 2px;
		text-align: center;
		padding-right: -2px;
	}

	.contenedorCaptcha {
		padding: 0%;
	}

	.cajaUno {
		padding: 15px;
		margin-left: -5px;
		margin-right: -5px;

	}
}

/*Estilo del recaptcha*/
#recaptcha,
#rc-imageselect {
	transform: scale(0.84);
	transform-origin: 0 0;
}

.slider-container {
	width: 100%;
}

.slider {
	display: flex;
	width: 300%;
	height: 500px;
	margin-left: -200%;
}

.slider-section {
	width: 100%;
}

.slider-img {
	display: inline;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.slider__btn {
	width: 40px;
	height: 40px;
	background: #235B4E;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	border-radius: 50%;
	cursor: pointer;
	color: #FFFFFF;
}

.slider__btn--right {
	right: 10px;
}

.slider__btn--left {
	left: 10px;
}

.slider__btn:hover {
	background: #10312B;
}
.logoContraloria{
	width: 100px;
	height: 100px;
}

@media screen and (max-width: 820px) {
	.slider {
		width: 400%;
		margin-left: -200%;
		height: 300px;
	}

	.slider-img {
		display: block;
		height: 100%;
		width: 200%;
	}

	.logoContraloria{
		width: 80px;
		height: 80px;
	}

	.slider__btn {
		position: absolute;
		width: 30px;
		height: 30px;
		background: #235B4E;
		top: auto;
		transform: translateY(-50%);
		font-size: 20px;
		text-align: center;
		cursor: pointer;
	}

	.timeline-item {
		width: 190px;
	}
	.logoResponsive{
		width: 220px;
		height: 100px;
	}
}

@media screen and (max-width: 400px) {
	.logoResponsive{
		width: 150px;
		height: 75px;
	}
	.logoContraloria{
		width: 40px;
		height: 40px;
	}
}

@media screen and (max-width: 950px) {

	/* Place the timelime to the left */
	.timeline-item:before {
		left: 8px;
	}

	.slider-container img {
		flex: 0 0 100%;
		width: 100%;
		object-fit: cover;
	}

	.mostrar {
		top: 32px;
		right: 17px;
	}
}

.linea {
	border-top: 3px solid #BC955C;
}

@media screen and (max-width: 600px) {
	.iconos {
		width: 300px;
		height: 250px;
	}
}

/*Carousel de bootstrap*/
.carousel-control-prev-icon {
	width: 57px;
	height: 57px;
	background-image: url("../img/iconosV4/arrow-circle-left.svg");
}

.carousel-control-next-icon {
	width: 57px;
	height: 57px;
	background-image: url("../img/iconosV4/arrow-circle-right.svg");
}

@media screen and (max-width: 820px) {
	.carousel-control-prev-icon {
		width: 20px;
		height: 20px;
		background-image: url("");
	}

	.carousel-control-next-icon {
		width: 20px;
		height: 20px;
		background-image: url("");
	}
}

.contenedorDos{
	width: 100%;
	height: 150px;
	border-top: 2px solid #00A57F;
	padding-left: 20px;
	padding-right: 20px;
}
.contenedorUno{
	width: 100%;
	height: 100px;
	padding-left: 30px;
	padding-right: 30px;
}

.contenedorTimeline {
	width: 100%;
	padding-top: 75px;
	display: flex;
	justify-content: center;
}

.contenedorTimelineTexto {
	width: 100%;
	padding-top: 50px;
	display: flex;
	justify-content: center;
}

.contenedorItem {
	width: 50px;
}

@media screen and (max-width: 820px) {
	.contenedorTimelineTexto {
		padding-top: 20px;
	}
	
	.contenedorTimeline {
		padding-top: 39px;
		height: 150px;
	}
	.contenedorUno{
		height: 50px;
	}
	.contenedorDos{
		height: 100px;
		border-top: 1px solid #00A57F;
	}
	.contenedorItem{
		width: 25px;
		height: 25px;
	}
}

.my-actions { 
	align-items: center;
}

.botonUno { 
	margin-right: 10px;
}

.botonDos { 
	margin-left: 10px;
}

.contenedor_Baja{
	width: auto;
	background-color:#EB5757;
	padding: 10px;
	border-radius: 10px;
}

.etiqueta_Baja{
color: white;
font-family: 'Montserrat-Regular', sans-serif;
font-size: 14px;
}

.contenedor_Estrategia{
	width: auto;
	padding: 10px;
	border-radius: 10px;
}

.etiqueta_Estrategia{
color: white;
font-family: 'Montserrat-Regular', sans-serif;
font-size: 14px;
}

.logoOtis{
	width: 260px;
	height: 120px;
}