html {
	height: 100%;
	overflow-x: hidden !important;
}

body {
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	color: #142e51;
	margin: 0;
	padding: 0;
	top: 0px;
	left: 0px;
	background: linear-gradient(180deg, #E9EFFD 0%, #F9F5F0 100%);
	background-position: top;
	background-size: cover;
	background-repeat: no-repeat;
	overflow-x: hidden !important;
	padding: 0;
	height: 100%;
}

/**** Footer abajo ****/
@media only screen and (min-width: 1024px) {
	body {
		min-height: 100vh;
		display: flex;
		flex-direction: column;
	}

	.footer {
		margin-top: auto;
	}
}


.hiddenPB {
	display: none;
	font-weight: 400 !important;
	font-size: 12px !important;
	color: #672d88;
}

.unhiddenPB {
	display: block;
	font-weight: 400 !important;
	font-size: 12px !important;
	color: #672d88;
}

.hiddenPB a,
.unhiddenPB a,
.labelPrivacidad a {
	color: #672d88;
}

/**** Typography ****/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/******* Custom  ********/
/* Inicio */
.bodyInicio {
	background: #142e51 !important;
	/*display: flex;
	align-items: center;
	justify-content: center;*/
}

.rowInicio {
	padding: 80px 0;
}

.btnInicio,
.btnInicio:hover {
	background: #76c000;
	border: 1px solid #142e51;
	box-shadow: none;
	border-radius: 50px;
	padding: 11px 20px 13px 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 800;
	font-size: 25px;
	line-height: 1.2em;
	text-align: center;
	letter-spacing: 0.2px;
	color: #142e51;
	width: 100%;
	max-width: 300px;
	/*height: 43px;*/
	text-transform: uppercase;
}

.btnInicio:focus,
.btnInicio:focus-visible {
	outline: none;
	outline: 0;
	box-shadow: none !important;
}

.btnSaberMas,
.btnSaberMas:hover {
	background: linear-gradient(90deg, rgba(0, 124, 197, 1) 0%, rgba(26, 46, 79, 1) 100%);
	border: 2px solid #ffffff;
	box-shadow: none;
	border-radius: 50px;
	padding: 11px 20px 13px 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 800;
	font-size: 35px;
	line-height: 1.2em;
	text-align: center;
	letter-spacing: 0.2px;
	color: #ffffff;
	width: 100%;
	max-width: 300px;
	/*height: 43px;*/
	text-transform: uppercase;
}

.btnSaberMas:focus,
.btnSaberMas:focus-visible {
	outline: none;
	outline: 0;
	box-shadow: none !important;
}



/* Streaming */
.bodyStreaming {
	background: #E5EDF5;
	background-color: #E5EDF5;
	padding: 50px 0px 80px 0 !important;
}

.containerStr {
	padding: 40px 5%;
}

.rowStr {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 30px;
}

.logoStr {
	max-width: 174px;
	padding: 30px 0;
}

.colQuest {
	padding: 0 !important;
}

.divQuest {
	/* display: flex;
	align-items: center;
	justify-content: center; */
	display: inline-flex;
	width: 100%;
}

.textQuest {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 18px;
	text-align: center;
	letter-spacing: 0.2px;
	color: #EBF2FA;
	padding: 16px 40px 18px 40px;
	background: #142e51;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	min-width: 300px;
	margin-bottom: 0px !important;
}

.Quest {
	width: 100%;
	border: none !important;
	border-radius: 12px;
	margin-left: -20px;
	margin-right: -120px;
	padding: 16px 125px 16px 20px;
	min-height: 52px;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	text-align: left;
	letter-spacing: 0.2px;
	color: #142e51;
}

.Quest:focus {
	outline: 0px;
}

.SendQuestion {
	margin: 0px !important;
	margin-top: 10px !important;
	margin-right: 15px !important;
	border: none !important;
	border-radius: 12px;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 18px;
	text-align: center;
	letter-spacing: 0.2px;
	color: #EBF2FA;
	padding: 7px 20px 9px 20px;
	background: #142e51;
	height: 32px;
}

.SendQuestion:focus {
	outline: 0px;
}

@media (max-width:768px) {
	.containerStr {
		padding: 20px;
	}

	.logoStr {
		max-width: 130px;
	}

	.divQuest {
		display: block;
	}

	.textQuest {
		border-top-right-radius: 12px;
		border-bottom-right-radius: 12px;
	}

	.Quest {
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 10px;
		padding: 16px 20px 16px 20px;
		height: 7em;
	}

	.SendQuestion {
		margin-right: 0px !important;
	}
}

/* video responsive */
.divvideo {
	padding: 0px 0 40px 0 !important;
	max-width: 1200px;
	/*Solo para streaming*/
	margin-bottom: 40px;
	/*Solo para streaming*/

}

.colProximamente {
	background-image: url('../images/TRANSMISIONES-PROXIMAMENTE.jpg');
	background-size: contain;
	background-repeat: no-repeat;
	min-height: 800px;
}

.video-responsive {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;

}

.video-responsive:focus {
	outline: 0px !important;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed,
.video-responsive video {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

/* end video responsive */
/* Login Register for Streaming */
.bodyRegisterStr {
	background-color: #E5EDF5;
	padding: 50px 0px 80px 0 !important;
}

.container.containerRegStr {
	width: auto !important;
	max-width: 1200px !important;
}

.titleLoginStr {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 38px;
	text-align: center;
	color: #142e51;
	padding-bottom: 0px;
	padding-top: 30px;
}

.textLoginStr {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.2em;
	letter-spacing: 0.225px;
	color: #142e51;
}

.textLoginStr a {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 0.225px;
	color: #142e51;
	text-decoration: underline !important;
}

.textLoginCode {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.2em;
	letter-spacing: 0.225px;
	color: #ffffff;
	padding: 0px 20px 40px 40px;
}

.textLoginCode.mobile {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.2em;
	letter-spacing: 0.225px;
	color: #142e51;
	padding: 0px 20px 20px 20px;
	text-align: right;
}

.textAvisoStr {
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.225px;
	color: #142e51;
	text-align: left;
	padding: 40px 20px;
}

.textAvisoStr a {
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.225px;
	color: #142e51;
	text-align: left;
	text-decoration: underline;
}

#imgLogoRegStr {
	max-width: 187px;
}

#imgLogoRegStr2 {
	max-width: 200px;
}

.rowFormStr {
	background-color: #ebf2fa;
	border-radius: 30px;
	-webkit-box-shadow: 0px 0px 78px 0px rgba(225, 231, 237, 1);
	-moz-box-shadow: 0px 0px 78px 0px rgba(225, 231, 237, 1);
	box-shadow: 0px 0px 78px 0px rgba(225, 231, 237, 1);
	padding: 30px 30px;
}

@media (max-width:768px) {
	.rowFormStr {
		padding: 30px 0px;
	}
}

.colRegStr {
	padding-right: 30px !important;
	padding-left: 30px !important;
}

.rowInputs {
	padding-top: 20px;
}

.rowInputs .col-12 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.rowFormStr .labelInput {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 0.225px;
	color: #142e51;
	display: block;
}

.rowFormStr .labelInputSmall {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 0.225px;
	color: #142e51;
	display: block;
}

.rowFormStr input {
	width: 100%;
	background-color: #ffffff;
	border-radius: 12px;
	border: none;
	height: 48px;
	padding: 20px;
}

.rowFormStr input,
.rowFormStr select {
	border: none !important;
	outline: 0px !important;
}

.btnLoginStr {
	background: #3778cd;
	border: none;
	border-radius: 32px;
	padding: 11px 40px 13px 40px;
	margin-top: 20px;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	text-align: center;
	letter-spacing: 0.2px;
	color: #FFFFFF;
	width: 100%;
	max-width: 170px;
	height: 40px;
}

.btnLoginStr2 {
	background: #3778cd;
	border: none;
	border-radius: 32px;
	padding: 11px 40px 13px 40px;
	margin-top: 40px;
	margin-bottom: 20px;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	text-align: center;
	letter-spacing: 0.2px;
	color: #FFFFFF;
	width: 100%;
	max-width: 200px;
	height: 40px;
}

.btnLoginStr3 {
	background: #3778cd;
	border: none;
	border-radius: 32px;
	padding: 11px 40px 13px 40px;
	margin-top: 40px;
	margin-bottom: 20px;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	text-align: center;
	letter-spacing: 0.2px;
	color: #FFFFFF;
	width: 100%;
	max-width: 250px;
	height: 40px;
}

.btnLoginStr:focus,
.btnLoginStr2:focus,
.btnLoginStr3:focus {
	outline: 0px;
}

/* Custom slide radio buttons */

.switch {
	/* position: relative;
	height: 26px;
	width: 100%;
	margin: 20px auto;
	background: rgba(0, 0, 0, 0.25);
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1); */

	width: 100%;
	background-color: #ffffff;
	border-radius: 12px;
	border: none;
	height: 48px;
}

.switch-label {
	position: relative;
	z-index: 2;
	float: left;
	width: 40%;
	height: 48px;
	text-align: center;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 1em;
	letter-spacing: 0.225px;
	color: #c9d2e0;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.switch-label:active {
	color: #142e51;
}

.switch-label-off {
	/* padding-left: 2px; */
}

.switch-label-on {
	/* padding-right: 2px; */
	left: 18%;
}


.switch-input {
	display: none;
}

.switch-input:checked+.switch-label {
	font-weight: bold;
	color: rgba(126, 151, 184, 1);
	-webkit-transition: 0.15s ease-out;
	-moz-transition: 0.15s ease-out;
	-ms-transition: 0.15s ease-out;
	-o-transition: 0.15s ease-out;
	transition: 0.15s ease-out;
	-webkit-transition-property: color, text-shadow;
	-moz-transition-property: color, text-shadow;
	-ms-transition-property: color, text-shadow;
	-o-transition-property: color, text-shadow;
	transition-property: color, text-shadow;
}

.switch-input:checked+.switch-label-on~.switch-selection {
	left: 55%;
	/* Note: left: 50%; doesn't transition in WebKit */
}

.switch-selection {

	width: 40%;
	background-color: #e5edf5;
	border-radius: 12px;
	border: none;
	height: 48px;

	position: absolute;
	z-index: 1;
	top: 39px;
	display: block;
	left: 5%;
	-webkit-transition: left 0.15s ease-out;
	-moz-transition: left 0.15s ease-out;
	-ms-transition: left 0.15s ease-out;
	-o-transition: left 0.15s ease-out;
	transition: left 0.15s ease-out;
}

@media (min-width:608px) and (max-width:991px) {
	.switch-selection {
		width: 41.5%;
		left: 3.5%;
	}
}

/** end radio buttons **/
/* custom select */

#formregisterForStreaming select {
	cursor: pointer;
}

.custom-select {
	position: relative;
	width: 100%;
	background-color: #ffffff;
	border-radius: 12px;
	border: none;
	height: 48px;
	text-align: left;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 1em;
	letter-spacing: 0.225px;
	color: #142e51;
}

.custom-select:focus,
.custom-select:focus-visible {
	outline: 0px !important;
	color: #142e51;
	border: none !important;
	box-shadow: none;
}

/**** Checks acepto ****/
#formregisterForStreaming .rowChecks {
	padding-top: 40px;
}

/* The container */
#formregisterForStreaming .labelFormLogin {
	display: block;
	position: relative;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 125%;
	color: #142e51;
	margin-bottom: 15px;
	margin-top: 5px;
	padding-left: 30px;
	width: 100%;
	text-align: left;
}

#formregisterForStreaming .labelFormLogin a {
	font-family: 'ArticulatCF-ExtraBold';
	font-style: normal;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 125%;
	color: #142e51;
	margin-bottom: 15px;
	margin-top: 5px;
}

#formregisterForStreaming .checkreq {
	font-size: 11px !important;
}

/* Hide the browser's default checkbox */
#formregisterForStreaming .labelFormLogin input {
	display: none;
}

/* Create a custom checkbox */
#formregisterForStreaming .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 205px;
	width: 20px;
	background-image: url();
	background-position: center;
	background-repeat: no-repeat;
	background-size: 57px 53px;
}

#formregisterForStreaming .labelFormLogin input~.checkmark {
	height: 20px;
	width: 20px;
	/* background-image: url(../images/check_login_off.png);
	background-position: center;
	background-repeat: no-repeat; */
	background-color: #ffffff;
	border-radius: 6px;
}

/* When the checkbox is checked */
#formregisterForStreaming .labelFormLogin input:checked~.checkmark {
	height: 20px;
	width: 20px;
	/* background-image: url(../images/check_login_on.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 25px 25px; */
	background-color: #142e51;
	border: 4px solid #ffffff;
	border-radius: 6px;
}

#formregisterForStreaming .rowCheck {
	padding-top: 20px;
}

/** end checks **/


/* Login Register */
.bodyLogin {
	background: #142e51;
}

.titleLogin {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 38px;
	text-align: center;
	color: #142e51;
	padding-bottom: 50px;
}

.titleRegister {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-size: 40px;
	line-height: 1.2em;
	text-align: center;
	color: #142e51;
	padding-bottom: 30px;
}

.containerLogin {
	background-color: #142e51;
}

/*.rowLogin > .col-12{
	display: flex;
	align-items: center;
	justify-content: left; 
	height: 100vh;
}*/
.rowLogin {
	min-height: 100vh !important;
}

.colLogoLogin {
	background-color: #142e51;
	z-index: 999;
	padding: 0px !important;
	background-image: url('../images/img-login-800.png');
	background-size: cover;
	background-position: center;
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
	background-repeat: no-repeat;
	display: flex;
	align-items: flex-end;
}

.colLoginForm {
	border-top: 30px solid #142e51;
	border-bottom: 30px solid #142e51;
	border-right: 10px solid #142e51;
	background-color: #ffffff;
	border-top-right-radius: 115px;
	border-bottom-right-radius: 115px;
	margin-left: -30px !important;
	padding-left: 30px !important;
}

#imgLogoLogin {
	max-width: 500px;
	padding: 0px 50px;
	margin: 0px 0 -5% 0;
}

#imgLogoLoginMov {
	padding-bottom: 30px;
	padding-top: 50px;
}

#imgTitleLogin {
	margin-right: -50px;
	max-width: 1000px;
}

.rowLoginBack {
	position: absolute;
	top: 0;
	left: 0;
	margin: 30px 0 0 30px;
}

.rowLoginBack .imgBack {
	margin-top: 5px;
}


@media (max-width:767px) {
	.colLogoLogin {
		display: none !important;
	}

	#imgLogoLoginMov {
		padding-bottom: 30px;
		max-width: 400px;
	}

	.spaceRegister {
		padding-top: 100%;
		display: block;
	}

	#formLoginUser {
		padding: 60px 20px 0 20px !important;
		margin-right: -15px !important;
	}

	.btnLogin {
		font-size: 30px !important;
	}

	.btnRegistro {
		font-size: 30px !important;
	}

	.colLoginForm {
		border-top: 20px solid #142e51;
		border-bottom: 20px solid #142e51;
		border-right: 20px solid #142e51;
		border-left: 20px solid #142e51;
		margin-left: 0px !important;
		padding-left: 0px !important;
		border-radius: 50px !important;
	}

	.btnSaberMas.Siguiente {
		margin-top: 0px;
	}

	.btnSaberMas.Anterior {
		margin-top: 30px;
	}
}

@media (min-width:768px) {
	#imgLogoLoginMov {
		display: none;
	}

	.spaceRegister {
		display: none;
	}

	.btnSaberMas.Siguiente {
		float: right;
		margin-top: 40px;
		margin-bottom: 20px;
	}

	.btnSaberMas.Anterior {
		float: left;
		margin-top: 40px;
		margin-bottom: 20px;
	}
}

@media (min-width:1024px) {
	.colTextMobile {
		display: none;
	}
}

@media (max-width:1023px) {
	.colLogoLogin {
		display: none;
	}
}



/* Login Register form */
.rowForm {
	padding-top: 80px;
	padding-bottom: 80px;
}

#formLoginUser {
	padding: 60px 30% 0 30%;
}

.formRegister {
	padding: 0px 15% 0 15% !important;
}

#formLoginUser .inputform {
	padding: 0px 40px;
	width: 100%;
	height: 52px;
	/* max-width: 340px; */
	background: #0179c5;
	border-radius: 25px;
	border: none;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.2em;
	text-align: left;
	letter-spacing: 0.2px;
	color: #ffffff;
	display: block;
	margin: 0 0 24px 0;
}

#formLoginUser select {
	padding: 0px 40px;
	width: 100%;
	height: 52px;
	/* max-width: 340px; */
	background: #0179c5;
	border-radius: 25px;
	border: none;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.2em;
	text-align: left;
	letter-spacing: 0.2px;
	color: #ffffff;
	display: block;
	margin: 0 0 24px 0;
}

#formLoginUser input:focus,
#formLoginUser select:focus {
	outline: none;
	outline: 0;
	border-width: 0px !important;
	box-shadow: none !important;
}

#formLoginUser input::placeholder,
#formLoginUser select::placeholder {
	color: #ffffff;
	opacity: 1;
}


.btnLogin {
	background: #76c000;
	border: none;
	box-shadow: none;
	border-radius: 50px;
	padding: 11px 20px 13px 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 800;
	font-size: 40px;
	line-height: 1.2em;
	text-align: center;
	letter-spacing: 0.2px;
	color: #142e51;
	width: 100%;
	max-width: 300px;
	text-transform: uppercase;
}

.btnRegistro {
	background: #76c000;
	border: none;
	box-shadow: none;
	border-radius: 50px;
	padding: 11px 20px 13px 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 800;
	font-size: 40px;
	line-height: 1.2em;
	text-align: center;
	letter-spacing: 0.2px;
	color: #142e51;
	width: 100%;
	max-width: 500px;
	/*height: 43px;*/
	text-transform: uppercase;
}

/**** Legal ****/

.container.containerLegal {
	background-color: #ffffff !important;
	border-radius: 50px !important;
	padding: 60px 40px !important;
	margin-top: 40px;
	margin-bottom: 40px;
}

/**** Admin ****/
.containerAdmin {
	background-color: #ffffff;
	border-radius: 50px;
	min-height: 100vh;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	margin-top: 30px !important;
	margin-bottom: 30px !important;
	padding: 40px 20px;
}

.containerAdmin p,
.containerAdmin a,
.containerAdmin ul,
.containerAdmin li {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.2em;
	letter-spacing: 0.225px;
	color: #142e51;
}

.table_component {
	overflow: scroll;

}

.table_component table {
	border: 1px solid #dededf;
	height: 100%;
	width: 150%;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 1px;
	text-align: left;
}

.table_component caption {
	caption-side: top;
	text-align: left;
}

.table_component th {
	border: 1px solid #dededf;
	background-color: #eceff1;
	color: #000000;
	padding: 5px;
	text-align: center;
	width: 100%;
}

.table_component td {
	border: 1px solid #dededf;
	background-color: #ffffff;
	color: #000000;
	padding: 5px;
	word-wrap: break-word;
}

/**** Curso - Inicio ****/
.containerInicioCJ1 {
	padding: 0px !important;
	background-image: url('../images/slide0-test.png');
	background-position: center;
	background-size: cover !important;
	background-repeat: no-repeat;
}

.containerInicioCJ2 {
	padding: 3% 5%;
}

.rowSlideCJ {
	min-height: 90vh;
	/*vertical-align: top;*/
}

.rowbtnCJ {
	/*position: relative;margin-top:-20vh;*/
	margin-right: 50px;
}

.tileCJ {
	font-size: 100px;
	font-size: 300 !important;
	line-height: 1.2em;
	text-align: left;
	color: #ffffff !important;
}

.divBG {
	background-color: #84bd00;
	display: inline-block;
	padding: 5px 10px;
}

.textBg {
	font-size: 32px;
	line-height: 1.2em;
	text-align: center;
	color: #ffffff !important;
}

.btnInicioCJ,
.btnInicioCJ:hover {
	background: #76c000;
	border: none;
	box-shadow: none;
	border-radius: 30px;
	padding: 11px 20px 13px 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 50px;
	line-height: 1.2em;
	text-align: center;
	letter-spacing: 0.2px;
	color: #ffffff;
	width: 100%;
	max-width: 400px;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btnInicioCJ::after {
	content: url('../images/icon-arrow.png');
	margin-left: 20px;
}

.btnInicioCJ:focus,
.btnInicioCJ:focus-visible {
	outline: none;
	outline: 0;
	box-shadow: none !important;
}

.progress {
	height: 2rem !important;
	border-radius: 50px !important;
	padding: 4px !important;
	width: 50% !important;
	margin-top: 80px;
	margin-bottom: 60px;
}

.progress-bar {
	border-radius: 50px !important;
	background: linear-gradient(90deg, rgba(0, 124, 197, 1) 0%, rgba(26, 46, 79, 1) 100%);
}


/**** slides curso ****/
/*.titleWhite{font-size:50px;font-weight: 800;line-height: 1.2em; display: inline-block !important;color:#ffffff;text-transform: uppercase;text-align: left;}
.logoHeader1{width: 100%;max-width:1200px;display:inline-block !important;}*/

.logoHeader1 {
	width: 100%;
	margin-bottom: 20px;
}

.logoHeader2 {
	width: 100%;
	margin-bottom: 20px;
	max-width: 18%;
}

.textGreen {
	color: #88bd29;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	font-size: 30px;
	line-height: 1.2em;
	text-align: left;
}

.textGreenBig {
	color: #88bd29;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	font-size: 50px;
	line-height: 1.2em;
	text-align: left;
	margin-top: 5%;
}

.textWhite {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 1.2em;
	text-align: left;
	color: #ffffff;
}

.textWhite strong {
	font-weight: 600;
}

.textBlack {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.3em;
	text-align: left;
	color: #1a2e4f;
}

.textBlack a {
	color: #1a2e4f;
}

.textBlack strong {
	font-weight: 600;
}

.textBlackSmall {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.3em;
	text-align: left;
	color: #1a2e4f;
}

.textBlackSmall a {
	color: #1a2e4f;
}

.divInfoInicioCJ {
	padding: 5% 5%;
}


.imgBullets {
	float: right;
}

.rowBullets {
	padding-right: 10%;
	padding-top: 30px;
}

.textLegend {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 300;
	font-size: 11px;
	line-height: 1.2em;
	letter-spacing: 0.225px;
	color: #ffffff;
	margin-top: 5px;
	margin-bottom: 5px !important;
	/* word-break: break-all; */
	text-align: left;
}

.textLegend a {
	color: #ffffff;
}

.textLegend.blue {
	color: #1a2e4f;
}

.textLegend.blue a {
	color: #1a2e4f;
}

.textLegend.blue2 {
	color: #007cc5;
}

.textLegend.blue2 a {
	color: #007cc5;
}

.textLegend strong {
	font-weight: 600;
}

#imgPresentacion {
	width: 100%;
	max-width: 1000px;
	text-align: left !important;
	float: right;
}

.colImgPr {
	margin-left: -8%;
	margin-bottom: -20%;
}

.ulpresentacion {
	color: #1a2e4f;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.2em;
	text-align: left;
	list-style: none;
}

.ulpresentacion li {
	margin-bottom: 30px;
}

.ulpresentacion li:before {
	content: "·";
	font-size: 130px;
	vertical-align: top;
	line-height: 25px;
	margin-left: -30px;
	margin-right: 5px;
}

.ulpresentacion strong {
	font-weight: 600;
}

.spaceCJ {
	margin-bottom: 40% !important;
}

.spaceCJ2 {
	margin-bottom: 20% !important;
}

.bigTitle {
	color: #ffffff;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 800;
	font-size: 110px !important;
	line-height: 1.2em;
	text-align: right;
	text-transform: uppercase;
	writing-mode: vertical-lr;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	margin: 0px !important;
}

#slide0 {
	background-color: #1a2e4f;
	/* background-image: url('../images/slide0-test.png');
	background-position: center;
	background-size: cover !important;
	background-repeat: no-repeat;  */
	min-height: 110vh;
}

#slide1,
#slide2,
#slide3,
#slide4,
#slide22,
#slide12,
#slide18 {
	background-color: #1a2e4f;
}

#slide5,
#slide6,
#slide13,
#slide14,
#slide19,
#slide20,
#slide24,
#slide23 {
	background-color: #88bd29 !important;
}

#slide7,
#slide17,
#slide16,
#slide15,
#slide11,
#slide10,
#slide9,
#slide8,
#slide21,
#slide25,
#slide26,
#slide27,
#slide28,
#slide30 {
	background: linear-gradient(90deg, rgba(0, 124, 197, 1) 0%, rgba(26, 46, 79, 1) 100%);
}

.sectioInfoCJ {
	padding: 20px;
}

.divInfoCJ {
	background-color: #1a2e4f;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
	padding: 5px 15px !important;
	margin-right: -150px;
	margin-top: 80px;
}

.titleInfoCJ {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 800;
	font-size: 28px;
	line-height: 1.2em;
	text-align: left;
	text-transform: uppercase;
	color: #ffffff;
	margin: 0px !important;
}

.textInfoCJ {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 300;
	font-size: 20px;
	line-height: 1.2em;
	text-align: left;
	color: #ffffff;
}

.smalltextInfoCJ {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 1.2em;
	text-align: left;
	color: #ffffff;
}

.bulletInfoCJ {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.2em;
	text-align: left;
	color: #ffffff;
}

.imgCheckCJ {
	width: 100%;
	max-width: 300px;
}

.divQuestion.correcta {
	background-color: transparent;
	padding: 30px 40px;
	border-radius: 25px;
	z-index: 10;
	position: relative;
}

.textQuestion.correcta {
	color: #007cc5;
	opacity: 0.8;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-size: 30px;
	line-height: 1.2em;
	text-align: left;
}

.divQuestion {
	background-color: #ffffff;
	padding: 30px 40px;
	border-radius: 25px;
	z-index: 10;
	position: relative;
}

.textQuestion {
	color: #1a2e4f;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-size: 40px;
	line-height: 1.2em;
	text-align: left;
}

.divAllAnswers {
	width: 100%;
	margin-top: -30px;
	z-index: 8;
	position: relative;
}

.divAllAnswers2 {
	width: 100%;
	margin-top: -30px;
	z-index: 8;
	position: relative;
}

.divAnswer {
	display: inline-block;
	width: 33%;
	padding: 0px 10px;
}

.divAnswer2 {
	display: block;
	width: 100%;
	padding: 0px 10px;
}

.rowAnswer {
	align-items: center;
	justify-content: center;
}

.rowAnswer form {
	padding: 0px 65px 0px 40px;
	width: 100%;
}

.rowCorrectaCJ {
	margin-top: 50px;
}

.textRespuesta {
	color: #ffffff;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-size: 70px;
	line-height: 1.2em;
	text-align: left;
}

.textRespuesta2 {
	color: #ffffff;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-size: 35px;
	line-height: 1.2em;
	text-align: left;
}

.textRespuesta2.smallText {
	color: #ffffff;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-size: 30px;
	line-height: 1.2em;
	text-align: left;
}

.divResumen {
	background: rgb(26, 46, 79);
	background: linear-gradient(90deg, rgba(26, 46, 79, 1) 0%, rgba(0, 124, 197, 1) 35%, rgba(136, 189, 41, 1) 100%);
	margin-left: -200px;
	padding: 20px 80px 20px 200px;
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
	display: inline-block;
	position: relative;

}

.titleResumen {
	color: #ffffff;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-size: 30px;
	line-height: 1.1em;
	text-align: left;
	margin-bottom: 16px !important;
}

.textResumen {
	color: #ffffff;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.1em;
	text-align: left;
	margin-top: 16px !important;
}

.textResumen2 {
	color: #007cc5;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-size: 25px !important;
	line-height: 1.1em;
	text-align: left;
	margin-top: 16px !important;
}

#imgArrow {
	width: 100%;
	max-width: 127px;
	display: inline-block;
	margin-left: 10px;
}

#imgArrow2 {
	width: 100%;
	max-width: 100px;
	display: inline-block;
	margin-left: 10px;
}

.imgTable {
	width: 100%;
	max-width: 800px;
}

.imgTable2 {
	width: 100%;
	max-width: 1200px;
	margin-bottom: -11px;
}

.ulResumen {
	color: #1a2e4f;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.2em;
	text-align: left;
	list-style: none;
	padding-top: 30px;
	padding-left: 70px;
}

.ulResumen li {
	margin-bottom: 30px;
	margin-left: -30px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2em;
	vertical-align: middle;
	line-height: 20px;

}

.ulResumen li:before {
	margin-right: 20px;
	width: 100px;
}

.divLiResumen #li1:before {
	content: url('../images/li1.png');
}

.ulResumen #li2:before {
	content: url('../images/li2.png');
}

.ulResumen #li3:before {
	content: url('../images/li3.png');
}

.ulResumen #li4:before {
	content: url('../images/li4.png');
}

.ulResumen #li5:before {
	content: url('../images/li5.png');
}

.ulResumen2 {
	color: #1a2e4f;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.2em;
	text-align: left;
	padding-left: 70px;
}

.ulResumen2 li {
	color: #1a2e4f;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.2em;
	text-align: left;
}

.spanResume {
	color: #1a2e4f;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.2em;
	text-align: left;
	margin-left: 10px;
}

.rowResumen {
	display: flex;
	align-items: center;
	padding: 30px 40px;
}

.rowResumen .textliResumen {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.2em;
	text-align: left;
	margin-bottom: 20px;
}

.rowResumen .textliResumen.table {
	text-align: center;
	padding: 0px 20px;
	font-weight: 500;
}

.rowResumen img {
	float: right;
}

.rowResumen.rowTable {
	align-items: flex-end;
}

.rowResumen .col-12 {
	padding: 20px 15px !important;
}

.divBG {
	padding: 20px;
	background-color: #76c000;
}


@media(max-width:830px) {
	#imgArrow {
		height: 100px;
		width: auto;
		margin-left: -8%;
		margin-top: 10%;
		z-index: 9;
	}

	#imgArrow2 {
		height: 100px;
		width: auto;
		margin-left: -8%;
		margin-top: 10%;
		z-index: 9;
	}
}

/* radio buttons curso */


.inputCJ[type="radio"] {
	display: none;

	&:not(:disabled)~label {
		cursor: pointer;
	}

	&:disabled~label {
		color: hsla(150, 5%, 75%, 1);
		border-color: hsla(150, 5%, 75%, 1);
		box-shadow: none;
		cursor: not-allowed;
	}
}

.labelCJ {
	height: 100%;
	width: 100%;
	display: block;
	background: rgb(0, 124, 197);
	background: linear-gradient(90deg, rgba(0, 124, 197, 1) 0%, rgba(26, 46, 79, 1) 100%);
	border: 2px solid #ffffff;
	border-radius: 20px;
	padding: 1rem;
	margin-bottom: 0px !important;
	margin: 1rem;
	text-align: center;
	box-shadow: 0px 3px 10px -2px hsla(150, 5%, 65%, 0.5);
	position: relative;
	color: #ffffff;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600 !important;
	font-size: 35px;
	line-height: 1.2em;
	text-align: center;
}

.labelCJ p {
	font-weight: 700 !important;
}

.labelCJ.smallLabel {
	font-size: 20px;
}

/*.labelCJ.bigLabel{font-size: 40px;}*/


.inputCJ[type="radio"]:checked+label {
	background: #76c000;
	color: hsla(215, 0%, 100%, 1);
	box-shadow: 0px 0px 20px #142e51;

	&::after {
		color: hsla(215, 5%, 25%, 1);
		border: 2px solid #142e51;
		font-size: 24px;
		position: absolute;
		top: -25px;
		left: 50%;
		transform: translateX(-50%);
		height: 50px;
		width: 50px;
		line-height: 50px;
		text-align: center;
		border-radius: 50%;
		background: white;
		box-shadow: 0px 2px 5px -2px hsla(0, 0%, 0%, 0.25);
	}
}

.inputCJ[type="radio"]#control_05:checked+label {
	background: red;
	border-color: red;
}

p {
	font-weight: 900;
	margin-top: 16px;
}


/* fin radio buttons */

@media (min-width:1126px) {
	.divAllAnswers {
		display: flex;
		align-items: flex-start;
	}
}

@media(max-width:1125px) {
	.labelCJ p {
		font-size: 25px;
		margin: 5px 0 !important;
	}

	.labelCJ.smallLabel p {
		font-size: 20px !important;
	}

	.textQuestion {
		font-size: 25px !important;
	}

	.textQuestion.correcta {
		font-size: 22px !important;
	}

	.textRespuesta {
		font-size: 40px !important;
	}

	.textRespuesta2 {
		font-size: 30px !important;
	}

	.textRespuesta2.smallText {
		font-size: 25px !important;
	}

	.bigTitle {
		font-size: 80px !important;
	}

	.divAnswer,
	.divAnswer2 {
		display: block;
		width: 100%;
	}
}

@media(max-width:767px) {
	.textGreen {
		font-size: 20px;
	}

	.textGreenBig {
		font-size: 30px;
	}

	.imgBullets {
		float: none;
		margin-bottom: 20px;
	}

	.rowBullets {
		padding-right: 0px;
	}

	.textWhite {
		font-size: 18px;
	}

	.ulpresentacion {
		font-size: 18px;
	}

	#imgPresentacion {
		max-width: 500px;
		float: none;
		margin-bottom: 30px;
	}

	.colImgPr {
		margin-left: 0px;
		margin-bottom: 0px;
	}

	.bigTitle {
		font-size: 40px !important;
		writing-mode: horizontal-tb;
		transform: none;
		text-align: left;
	}

	.divQuestion {
		margin-right: 0%;
		margin-top: 10px;
	}

	.rowCorrectaCJ {
		margin-top: 0px;
	}

	.textRespuesta2 {
		font-size: 25px !important;
	}

	.textRespuesta2.smallText {
		font-size: 20px !important;
	}

	.rowResumen img {
		float: none;
	}

	.rowResumen .textliResumen {
		text-align: center;
	}

	.rowResumen {
		padding: 50px 20px !important;
	}

	.spaceCJ {
		margin-bottom: 30px !important;
	}

	.progress {
		width: 100% !important;
	}

}

@media(min-width:768px) and (max-width:1024px) {
	.textGreen {
		font-size: 25px;
	}

	.textGreenBig {
		font-size: 40px;
	}

	.textWhite {
		font-size: 20px;
	}

	.ulpresentacion {
		font-size: 20px;
	}

	#imgPresentacion {
		max-width: 500px;
		float: none;
		margin-bottom: 30px;
	}

	.colImgPr {
		margin-left: 0px;
		margin-bottom: 0px;
	}

	.divQuestion {
		/*margin-right: 25%;*/
	}

	.progress {
		width: 100% !important;
	}
}


/**** nuevo email ****/
.main {
	padding-top: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.input-plus {
	display: flex;
}

.inputs-set {
	border: none;
	overflow-y: scroll;
	height: 125px;
}

.email-input__w {
	display: flex;
	align-items: center;
	margin-bottom: 4px;
}

.input-field {
	padding: 12px 40px;
	width: 100%;
	height: 43px;
	background: #EBF2FA;
	border-radius: 20px;
	border: none;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	text-align: left;
	letter-spacing: 0.2px;
	color: #142e51;
	display: block;
	margin: 0 0 5px 0;
}

.btn-submit,
.btn-add-input,
.btn-del-input {
	border: none;
	padding: 8px 12px;
}

.btn-submit {
	background-color: rgb(152, 247, 199);
}

.btn-add-input {
	margin-right: 4px;
	margin-left: 4px;
	margin-top: -5px;
	background: #171C8E;
	color: #EBF2FA;
	padding: 5px 10px !important;
	border-radius: 4px;
}

.btn-del-input {
	margin-right: 4px;
	margin-left: 4px;
	margin-top: -5px;
	background: #142e51;
	color: #EBF2FA;
	padding: 5px 12px !important;
	border-radius: 4px;
}

/**** End nuevo email ****/
/**** Tabs ****/
.nav-tabs {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: none !important;
	margin-bottom: 40px !important;
}

@media (max-width:934px) {
	.nav-tabs {
		display: block !important;
	}

	.nav-tabs li {
		margin: 45px !important;
	}
}

.nav-tabs li {
	padding: 0 20px;
}

.nav-tabs li .active {
	background: #171C8E !important;
	border: 2px solid rgba(255, 255, 255, 0.3) !important;
	box-shadow: -4px -2px 16px #FFFFFF, 4px 2px 16px rgba(95, 157, 231, 0.48);
	border-radius: 32px;
	margin-top: 20px;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	text-align: center;
	letter-spacing: 0.2px;
	color: #EBF2FA;
}

.nav-tabs li a {
	background: #E5EDF5;
	border: 2px solid #171C8E !important;
	box-shadow: -4px -2px 16px #FFFFFF, 4px 2px 16px rgba(95, 157, 231, 0.48);
	border-radius: 32px !important;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px !important;
	text-align: center;
	letter-spacing: 0.2px;
	color: #171C8E;
	padding: 11px 40px 12px 40px;
}

.nav-tabs li a:hover {
	background: #171C8E !important;
	border: 2px solid rgba(255, 255, 255, 0.3) !important;
	box-shadow: -4px -2px 16px #FFFFFF, 4px 2px 16px rgba(95, 157, 231, 0.48);
	border-radius: 32px;
	margin-top: 20px;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	text-align: center;
	letter-spacing: 0.2px;
	color: #EBF2FA;
}

/**** End Tabs ****/

/**** Checks solicitar pruebas ****/
.rowChecks {
	padding-top: 40px;
}

/* The container */
#formLoginUser .labelFormLogin {
	display: block;
	position: relative;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 10px;
	line-height: 125%;
	color: #142e51;
	margin-bottom: 15px;
	padding-left: 35px;
	width: 100%;
	max-width: 435px;
	text-align: left;
}

#formLoginUser .labelFormLogin a {
	font-family: 'ArticulatCF-ExtraBold';
	font-style: normal;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 10px;
	line-height: 125%;
	color: #142e51;
	margin-bottom: 15px;
}

#formLoginUser .checkreq {
	font-size: 11px !important;
}

/* Hide the browser's default checkbox */
#formLoginUser .labelFormLogin input {
	display: none;
}

/* Create a custom checkbox */
#formLoginUser .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-image: url();
	background-position: center;
	background-repeat: no-repeat;
	background-size: 57px 53px;
}

#formLoginUser .labelFormLogin input~.checkmark {
	height: 25px;
	width: 25px;
	background-image: url(../images/check_login_off.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 25px 25px;
}

/* When the checkbox is checked */
#formLoginUser .labelFormLogin input:checked~.checkmark {
	height: 25px;
	width: 25px;
	background-image: url(../images/check_login_on.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 25px 25px;
}

/** end checks **/

@media (min-width: 1440px) {
	.container {
		width: 1440px !important;
		max-width: 1440px !important;
	}
}

/* Home */
.bodyHome {
	background-image: url(../images/bgcontainer.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
}

.mainContainer {
	padding-top: 60px;
	padding-bottom: 200px;
}

.logoHome {
	max-width: 180px;
	margin-bottom: 24px !important;
}

a {
	text-decoration: none !important;
}

.textName {
	font-family: 'Poppins', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 12px;
	line-height: 14px;
	color: #EBF2FA;
	z-index: 10;
	text-align: center;
	margin-top: -15%;
}

.textInfo {
	font-family: 'Poppins', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 23px;
	letter-spacing: 0.225px;
	color: #142e51;
	text-align: center;
	margin: 50px 0;
}

.titleHome {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 38px;
	color: #171C8E;
	margin-bottom: 24px !important;
}

.rowTitle {
	display: flex;
	align-items: center;
}

.lineSlider {
	max-width: 67%;
}

/* .rowSlide{width: 80% !important;padding-top:4%;} */
.space {
	height: 20%;
}

.imgPacMenu {
	max-width: 178px;
}

/* Escenario */
.mainContEscenario {
	/* margin-top:90px;
	margin-bottom:90px; */
	background: rgba(229, 237, 245, 0.9);
	/* border: 6px solid rgba(255, 255, 255, 0.3);
	box-shadow: 0px 74px 130px -25px rgba(13, 22, 146, 0.15);
	border-radius: 30px; */
}

.rowmainEscenario {
	min-height: 900px;
}

.rowSlideEscenario {
	padding-right: 40px;
	padding-left: 40px;
}

.rowSlideEscenario2 {
	padding-right: 10px;
	padding-left: 40px;
}

.colMenuEscenario {
	padding-top: 20px;
	padding-bottom: 35px;
	width: 10%;
}

.colEscenario {
	background: #EBF2FA;
	border: 1px solid rgba(255, 255, 255, 0.3);
	box-shadow: -4px -2px 16px #FFFFFF, 4px 2px 16px rgba(95, 157, 231, 0.48);
	/* border-bottom-right-radius:30px;
	border-top-right-radius:30px; */
	padding: 60px 0px 40px 0px;
	width: 90%;
}

.rowBack {
	padding-right: 40px;
	padding-left: 40px;
}

.textBack {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 21px;
	letter-spacing: 0.225px;
	color: #142e51;
	margin-left: 10px;
	margin-top: -3px;
	margin-bottom: 0px;
	padding-left: 10px;
}

.imgBack {
	float: left;
}

.colTime {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-top: -7px;
}

.textTime {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: 0.225px;
	color: #171C8E;
	margin-bottom: 0px !important;
	margin-right: 24px;
	background: #EBF2FA;
	box-shadow: -4px -2px 16px #FFFFFF, 4px 2px 16px rgba(95, 157, 231, 0.48);
	border-radius: 80px;
	padding: 8px 16px;
}

.imgStar {
	margin-right: 16px;
}

.textStar {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: 0.225px;
	color: #142e51;
	margin-bottom: 0px !important;
}

.rowProgressBar {
	padding-top: 20px;
	padding-left: 40px;
	padding-right: 40px;
}

.space2 {
	height: 60px;
}

#logoCrashSlider2 {
	max-width: 100px;
}

.btnMenu {
	cursor: pointer;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	max-width: 106px;
	max-height: 103px;
	width: 100%;
	height: 100%;
}

.btnMenufocus {
	cursor: pointer;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	max-width: 106px;
	max-height: 103px;
	width: 100%;
	height: 100%;
}

.redDot {
	margin-top: 15px;
	margin-right: -60px;
}

#btnDespacho {
	margin-top: -30px;
}

@media(min-width:992px) and (max-width:1199px) {
	.btnMenu {
		max-width: 72px;
		max-height: 70px;
	}

	.redDot {
		margin-top: 5px;
		margin-right: -40px;
	}

	#btnDespacho {
		margin-top: -20px;
	}
}

.btnMenufocus,
.btnMenu:focus,
.btnMenu:focus-visible,
.btnMenu:visited {
	outline: none;
	outline: 0;
	border-width: 0px !important;
	box-shadow: none !important;
}

#btnHome {
	background-image: url(../images/btn-home-off.png);
}

/* #btnHome:focus{background-image: url(../images/btn-home-on.png);} */
#btnHome.btnMenufocus {
	background-image: url(../images/btn-home-on.png) !important;
}

#btnRanking.btnMenu {
	background-image: url(../images/btn-ranking-off.png);
}

/* #btnRanking:focus{background-image: url(../images/btn-ranking-on.png);} */
#btnRanking.btnMenufocus {
	background-image: url(../images/btn-ranking-on.png) !important;
}

#btnDespacho {
	background-image: url(../images/btn-despacho-off.png);
}

/* #btnDespacho:focus{background-image: url(../images/btn-despacho-on.png);} */
#btnDespacho.btnMenufocus {
	background-image: url(../images/btn-despacho-on.png);
}

#btnGuias {
	background-image: url(../images/btn-guias-off.png);
}

/* #btnGuias:focus{background-image: url(../images/btn-guias-on.png);} */
#btnGuias.btnMenufocus {
	background-image: url(../images/btn-guias-on.png);
}

#btnBiblio {
	background-image: url(../images/btn-biblio-off.png);
}

/* #btnBiblio:focus{background-image: url(../images/btn-biblio-on.png);} */
#btnBiblio.btnMenufocus {
	background-image: url(../images/btn-biblio-on.png);
}

#btnHistorial {
	background-image: url(../images/btn-history-off.png);
}

/* #btnHistorial:focus{background-image: url(../images/btn-history-on.png);} */
#btnHistorial.btnMenufocus {
	background-image: url(../images/btn-history-on.png);
}

#btnSalir {
	background-image: url(../images/btn-salir-off.png);
}

/* #btnSalir:focus{background-image: url(../images/btn-salir-on.png);} */
#btnSalir.btnMenufocus {
	background-image: url(../images/btn-salir-on.png);
}

#redDot {}

.btnsubMenu {
	cursor: pointer !important;
	width: 100% !important;
	min-height: 56px;
	height: 64px !important;
	background: #EBF2FA !important;
	border: 2px solid rgba(255, 255, 255, 0.3) !important;
	box-shadow: -4px -2px 16px #FFFFFF, 4px 2px 16px rgba(95, 157, 231, 0.48) !important;
	border-radius: 16px !important;
	margin-bottom: 16px;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	text-align: center;
	letter-spacing: 0.225px;
	color: #142e51;
}

.btnsubMenu:hover {
	color: #142e51;
}

.btnsubMenu.btnfocus {
	cursor: pointer !important;
	width: 100% !important;
	height: 64px !important;
	background: #FF8100 !important;
	color: #EBF2FA;
}

.btnsubMenu:focus,
.btnsubMenu:focus-visible,
.btnsubMenu:visited {
	outline: none;
	outline: 0;
	box-shadow: none !important;
}

.rowTab {
	display: none;
}

.rowTabHome {
	display: flex;
}

.hide {
	display: none;
}

.show {
	display: flex;
}

.colPrimera {
	padding: 10px 30px 0 30px !important;
	width: 46%;
}

.colPrimera.slide2 {
	width: 46%;
}

.colPrimera.slide5 {
	width: 73%;
}

.colSegunda {
	padding: 10px 0 0 0 !important;
	width: 23%;
}

.colSegunda.slide2 {
	width: 23%;
}

.colSegunda.slide5 {
	width: 27%;
	padding: 10px 20px 0 0 !important;
}

.colTercera {
	width: 29%;
	padding: 10px 10px 0 30px !important;
}

.colTercera.slide2 {
	width: 29%;
	margin-top: 5%;
}

/* .colTercera.slide2 > .row > .col-12{padding-right: 0px !important;} */

.colInfoPaciente {
	background: #E5EDF5;
	border: 2px solid rgba(255, 255, 255, 0.3);
	box-shadow: inset -4px -2px 8px #FFFFFF, inset 4px 2px 8px rgba(95, 157, 231, 0.48);
	border-radius: 16px;
	/* min-height: 300px; */
	padding: 27px 30px;
	margin-bottom: 25px;
	overflow-y: scroll;
	height: 250px;
}

.slide2 .colInfoPaciente {
	overflow-y: scroll;
	height: 346px;
}

.slide5 .colInfoPaciente {
	overflow-y: scroll;
	height: 500px;
}

.textInfoPaciente {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: 0.225px;
	color: #142e51;
	display: inline-block;
	margin-right: 20px;
}

.textInfoPaciente span {
	font-weight: 700;
}

.divprofile {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.slide5 .divprofile {
	margin-bottom: 40px;
}

#slideConclusiones .divprofile {
	align-items: flex-end;
}

/* #slideConclusiones .textInfoPaciente, #slideConclusiones .textInfoPaciente span{display: flex !important;align-items: flex-start; justify-content: flex-end;} */
#slideConclusiones .namePaciente {
	margin-left: 24px;
}

#slideConclusiones .textTratam,
#slideConclusiones .textTratam span {
	display: block;
}

#slideConclusiones .textTratam {
	margin-top: 0px;
}

.namePaciente {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-size: 30px;
	line-height: 35px;
	letter-spacing: 0.225px;
	color: #142e51;
	padding-right: 20px;
}

.profilePaciente {
	border-radius: 12px;
	border: 3px solid rgba(255, 255, 255, 0.3);
	box-shadow: -4px -2px 8px #FFFFFF, 4px 2px 8px rgba(95, 157, 231, 0.48);
	max-width: 80px;
}

.profilePaciente.slide5 {
	max-width: 128px;
}

.titleHistorial {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 21px;
	letter-spacing: 0.225px;
	color: #142e51;
	margin-bottom: 8px !important;
	margin-top: 20px;
}

.textHistorial {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 125%;
	letter-spacing: 0.225px;
	color: #142e51;
}

textHistorial.strong {
	font-weight: 700;
}

.rowInfoPaciente {
	padding: 0px 15px 20px 0px;
}

.divInfoPaciente {
	background: #EBF2FA;
	border: 2px solid rgba(255, 255, 255, 0.3);
	box-shadow: -4px -2px 16px #FFFFFF, 4px 2px 16px rgba(95, 157, 231, 0.48);
	border-radius: 16px;
	padding: 15px 20px;
	margin-top: 15px;
}

.divInfoPaciente.justify {
	display: flex;
	justify-content: space-between;
}

.divInfoPaciente.divAltura {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4px 20px;
}

.divInfoPaciente.scroll {
	overflow-y: scroll;
	height: 160px;
}

.divInfoPaciente.scrollEnfPrevias {
	overflow-y: scroll;
	height: 160px;
}

.divInfoPaciente.scrollVidaPersonal {
	overflow-y: scroll;
	height: 160px;
}

.divInfoPaciente.scrollAntFamiliares {
	overflow-y: scroll;
	height: 160px;
}

.divInfoPaciente.scrollAceptacion {
	overflow-y: scroll;
	height: 160px;
}

.divInfoPaciente.scrollInfoOtras {
	overflow-y: scroll;
	height: 160px;
}

.divInfoPaciente.scrollInfoMedicamentos {
	overflow-y: scroll;
	height: 160px;
}

.divInfoDiagnostico {
	background: #EBF2FA;
	border: 2px solid rgba(255, 255, 255, 0.3);
	box-shadow: -4px -2px 16px #FFFFFF, 4px 2px 16px rgba(95, 157, 231, 0.48);
	border-radius: 20px 0px 0px 20px;
	padding: 15px 20px;
	margin-top: 10px;
	margin-right: 20px;
}

.divInfoDiagnostico.slide2 {
	margin-top: 0px;
	margin-right: 0px;
}

/* .colInfoAntecedentes{padding: 0px !important;} */
.textInfoAntecedentes {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: 0.225px;
	color: #142e51;
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 0px !important;
}

.textInfoAntecedentes span {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700 !important;
	font-size: 20px;
	line-height: 23px;
	letter-spacing: 0.225px;
	color: #142e51;
	display: inline-block;
}

.textInfoAntecedentes2 {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: 0.225px;
	color: #142e51;
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 10px !important;
}

textInfoAntecedentes3 {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.225px;
	color: #142e51;
}

.textInfoAntecedentes4 {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.225px;
	color: #142e51;
	margin-top: 15px;
	margin-left: 30px;
}

.textInfoAntecedentes4 strong {
	font-weight: 700;
}

.textInfoAntecedentes4::before {
	content: url(../images/bullet.png);
	float: left;
	margin-top: -12px !important;
	margin-left: -40px;
}

.customUl {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.225px;
	color: #142e51;
	list-style: none;
	padding: 0px !important;
	margin-left: -10px;
	margin-bottom: 0px !important;
}

/* .customUl strong{font-weight: 700;} */
.customUl>li {
	margin-top: 15px;
	min-height: 20px;
	max-width: 100%;
	min-width: 100%;
}

.customUl>li::before {
	content: url(../images/bullet.png);
	float: left;
	margin-top: -12px !important;
}

.customUl.inLine {
	display: flex;
	flex-wrap: wrap;
}

.customUl.inLine>li {
	max-width: 40%;
	min-width: 40%;
	margin-left: 40px;
}

.customUl.inLine>li::before {
	margin-left: -40px;
}

@media(min-width:992px) and (max-width:1200px) {
	.customUl.inLine>li {
		min-width: 100%;
	}
}

.customUl.inLine.fullwidht>li {
	display: inline-flex;
	max-width: 100%;
	min-width: 100%;
}

.customUl2 {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.225px;
	color: #142e51;
	list-style: none;
	padding-top: 0px;
	padding-bottom: 0px;
}

.customUl2>li {
	margin: 5px 0;

}

.customUl2>li::before {
	content: '·';
	float: left;
	margin-right: 5px;
}

.textAntFamiliares {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 125%;
	letter-spacing: 0.225px;
	color: #142e51;
	margin-bottom: 0px;
	margin-top: 10px;
}

.divBody {
	background: #EBF2FA;
	box-shadow: -4px -2px 16px #FFFFFF, 4px 2px 16px rgba(95, 157, 231, 0.48);
	border-radius: 16px;
}

.imgBody {
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
}

.divTextBody {
	padding: 20px 20px;
	max-height: 150px;
	overflow-y: scroll;
}

.titleBody {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: 0.225px;
	color: #142e51;
	text-align: left;
}

.textBody {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 125%;
	color: #142e51;
	text-align: left;
	margin-bottom: 0px;
}

/******* Slider Home ********/
.swiperHome {
	/* width: 600px;
	min-height: 560px; */
}

.swiperHome .swiper-button-next {
	content: url(../images/arrow-right-slider.png);
	height: 88px !important;
	width: 88px !important;
	top: 145px !important;
}

.swiperHome .swiper-button-prev {
	content: url(../images/arrow-left-slider.png);
	height: 88px !important;
	width: 88px !important;
	top: 145px !important;
}

.swiperHome .swiper-slide {
	display: flex;
	justify-content: center;
}

/******* Slider Escenario ********/
.rowSwiper {
	padding-top: 20px;
	/* height: 600px;
	overflow-y: scroll; */
}

.swiperEscenario .swiper-slide {
	padding-bottom: 30px;
}

.swiperEscenario .swiper-button-next {
	top: calc(100% - 30px);
	right: 60px;
	width: 240px !important;
	height: 43px !important;
}

.swiperEscenario .swiper-button-next::after {
	content: 'Siguiente';
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	text-align: center;
	letter-spacing: 0.2px;
	color: #EBF2FA;
	padding: 12px 40px;
	background: #171C8E;
	border: 2px solid rgba(255, 255, 255, 0.3);
	box-shadow: -4px -2px 16px #FFFFFF, 4px 2px 16px rgba(95, 157, 231, 0.48);
	border-radius: 32px;
	width: 240px !important;
	height: 43px !important;
}

.swiperEscenario .swiper-button-prev {
	top: calc(100% - 30px);
	left: 60px;
	width: 240px !important;
	height: 43px !important;
}

.swiperEscenario .swiper-button-prev::after {
	content: 'Anterior';
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	text-align: center;
	letter-spacing: 0.2px;
	color: #EBF2FA;
	padding: 12px 40px;
	background: #171C8E;
	border: 2px solid rgba(255, 255, 255, 0.3);
	box-shadow: -4px -2px 16px #FFFFFF, 4px 2px 16px rgba(95, 157, 231, 0.48);
	border-radius: 32px;
	width: 240px !important;
	height: 43px !important;
}

/**** Checks solicitar pruebas ****/
.divChecks {
	overflow-y: scroll;
	height: 180px;
	margin-left: -20px;
	padding: 30px 20px;
}

.btnSolicitar,
.btnSolicitarTratamiento {
	width: 168px;
	height: 43px;
	background: #E5EDF5;
	border: 2px solid #171C8E;
	box-shadow: -4px -2px 16px #FFFFFF, 4px 2px 16px rgba(95, 157, 231, 0.48);
	border-radius: 32px;
	left: 100px;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	text-align: center;
	letter-spacing: 0.2px;
	color: #171C8E;
	padding: 11px 40px 12px 40px;
	margin-top: 30px;
}

.btnSolicitar:hover,
.btnSolicitarTratamiento:hover {
	color: #171C8E !important;
}

.btnSolicitar:disabled {
	background: #A1C1EB;
	border: 2px solid rgba(255, 255, 255, 0.3);
	box-shadow: -4px -2px 16px #FFFFFF, 4px 2px 16px rgba(95, 157, 231, 0.48);
	border-radius: 20px;
}

.btnSolicitar:focus,
.btnSolicitar:focus-visible,
.btnSolicitarTratamiento:focus,
.btnSolicitarTratamiento:focus-visible {
	outline: none;
	outline: 0;
	box-shadow: -4px -2px 16px #FFFFFF, 4px 2px 16px rgba(95, 157, 231, 0.48);
}

/* The container */
.labelForm {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-family: 'ArticulatCF-Normal';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.2em;
	color: #30414D;
	margin-bottom: 15px;
	padding-top: 3px;
}

.labelForm a {
	font-family: 'ArticulatCF-ExtraBold';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.2em;
	color: #30414D;
	margin-bottom: 15px;
}

.checkreq {
	font-size: 11px !important;
}

/* Hide the browser's default checkbox */
.labelForm input {
	display: none;
}

.labelForm {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	color: #142e51;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 53px;
	width: 57px;
	background-image: url();
	background-position: center;
	background-repeat: no-repeat;
	background-size: 57px 53px;
}

.labelForm input~.checkmark {
	height: 53px;
	width: 57px;
	background-image: url(../images/check-off.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 57px 53px;
	margin-left: -20px;
	margin-top: -17px;
}

/* When the checkbox is checked */
.labelForm input:checked~.checkmark {
	height: 53px;
	width: 57px;
	background-image: url(../images/check-on.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 57px 53px;
}

/* Style the checkmark/indicator */
.labelForm .checkmark:after {}


/** end checks **/

/** Despacho **/
.rowDespacho {
	padding: 0px 40px 30px 40px;
}

.titleDespacho {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	letter-spacing: 0.225px;
	color: #171C8E;
	margin: 20px 0;
}

.colPruebas {
	overflow-y: scroll;
	height: 600px;
	padding-top: 30px;
}

.divPrueba {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	padding: 15px 0;
}

.divPrueba.disabled p,
.divPrueba.disabled button {
	color: #142e51 !important;
	opacity: 1 !important;
}

@media(min-width:992px) {
	.divPrueba {
		width: 40%;
	}
}


.divinfoPrueba {
	margin-left: 16px;
	margin-right: 20px;
	width: 250px;
}

.imgPrueba {
	border-radius: 20px;
	max-width: 60px;
}

.titlePrueba {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 21px;
	letter-spacing: 0.225px;
	color: #171C8E;
	margin-bottom: 8px !important;
}

.datePrueba {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 125%;
	color: #171C8E;
	margin-bottom: 0px;
}

.btnVerPrueba,
.btnVerPrueba:hover {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 21px;
	letter-spacing: 0.225px;
	text-decoration-line: underline;
	color: #171C8E;
	text-decoration: underline;
	background: transparent !important;
	border: none !important;
	float: right;
}

.btnModalSolicitar,
.btnModalSolicitar:hover {
	padding: 11px 40px 13px 40px;
	margin-bottom: 20px;
	background: #171C8E;
	border: 2px solid rgba(255, 255, 255, 0.3);
	box-shadow: -4px -2px 16px #FFFFFF, 4px 2px 16px rgba(95, 157, 231, 0.48);
	border-radius: 20px;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	letter-spacing: 0.2px;
	color: #EBF2FA;
}

.btnModalSolicitar:focus,
.btnModalSolicitar:focus-visible {
	outline: 0 !important;
	box-shadow: 0 0 0 0 rgba(0, 123, 255, .25) !important;
}

.btnVerPrueba:focus,
.btnVerPrueba:focus-visible {
	border: none !important;
	outline: 0 !important;
	border-image-width: 0px !important;
	box-shadow: 0 0 0 0 rgba(0, 123, 255, .25) !important;
}

/** End Despacho **/
/** Historial **/
.rowHistorial {
	padding: 0px 40px 30px 40px;
}

.colHistorial {
	overflow-y: scroll;
	height: 600px;
	padding-top: 30px;
}

/** End Historial **/

/** Biblio **/
.rowBiblio {
	padding: 0px 40px 30px 40px;
	overflow-y: scroll;
	height: 900px;
}

.titleBiblio {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	letter-spacing: 0.225px;
	color: #171C8E;
	margin: 20px 0;
	padding-bottom: 40px;
}

.customOl {
	max-width: 837px;
	counter-reset: my-awesome-counter;
	list-style: none;
	padding-left: 40px;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 125%;
	color: #171C8E;
}

.customOl li {
	margin: 0;
	counter-increment: my-awesome-counter;
	position: relative;
	padding-left: 10px;
}

.customOl a {
	color: #171C8E !important;
}

hr.hrOl {
	border-top: 1px solid #A1C1EB;
	border-bottom: none;
	border-right: none;
	border-left: none;
	margin: 25px 0 25px -40px;
}

.customOl li::before {
	content: counter(my-awesome-counter);
	color: #171C8E;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 23px;
	letter-spacing: 0.225px;
	position: absolute;
	--size: 32px;
	left: calc(-1 * var(--size) - 10px);
	line-height: var(--size);
	width: var(--size);
	height: var(--size);
	top: 0;
	background: #E5EDF5;
	border-radius: 50%;
	text-align: center;
	box-shadow: -4px -2px 16px #FFFFFF, 4px 2px 16px rgba(95, 157, 231, 0.48);
	margin-top: -7px;
}

.customUl.biblio {
	max-width: 837px;
	list-style: none;
	padding-left: 40px;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 125%;
	color: #171C8E;
}

.customUl.biblio a {
	color: #171C8E;
	text-decoration: none;
}

/* .customUl strong{font-weight: 700;} */
.customUl.biblio a>li {
	padding-right: 40px;
	margin-top: 15px;
	min-height: 20px;
	max-width: 100%;
	min-width: 100%;
	margin-left: 40px;
}

.customUl.biblio a>li::before {
	content: url(../images/bullet.png);
	float: left;
	margin-top: -8px !important;
	margin-left: -40px;
	margin-right: 20px;
}

.customUl.biblio .hrOl {
	margin-left: 0 !important;
}

.textAvisoBiblio {
	font-family: 'Poppins', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 125%;
	color: #142e51;
	text-align: left;
	padding: 40px 0px;

}

/** End Biblio **/

/** Ranking **/
.rowRanking {
	padding: 0px 40px 30px 40px;
}

.titleRanking {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	letter-spacing: 0.225px;
	color: #171C8E;
	margin: 20px 0;
	padding-bottom: 40px;
}

.colRanking {
	overflow-y: scroll;
	height: 600px;
	padding-top: 20px;
}

/* .divRanking{
	display: flex;
	justify-content:
} */
.divRanking li {
	display: inline !important;
}

.divRanking .colTime {
	margin-top: -20px;
}

/** End Ranking **/
/** Informacion Hospitalaria **/
.rowInfoHosp {
	padding: 30px 40px 30px 40px;
}

.titleInfoHosp {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	letter-spacing: 0.225px;
	color: #171C8E;
	margin: 20px 0;
	padding-bottom: 20px;
}

.btnInfoHosp,
.btnInfoHosp:visited {
	width: 100%;
	background: #FFFFFF;
	box-shadow: -4px -2px 16px #FFFFFF, 4px 2px 16px rgba(95, 157, 231, 0.48);
	border-radius: 16px;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 21px;
	letter-spacing: 0.225px;
	color: #142e51;
	text-align: left;
	padding: 17px 24px 15px 24px;
	margin-bottom: 0px !important;
	margin-top: 20px;
}

.btnInfoHosp::after {
	content: url(../images/lupa.png);
	width: 28px;
	height: 28px;
	float: right;
	margin-top: -6px;
}

.btnInfoHosp:hover {
	color: #142e51;
}

.btnInfoHosp:focus,
.btnInfoHosp:focus-visible {
	outline: none;
	outline: 0;
	box-shadow: -4px -2px 16px #FFFFFF, 4px 2px 16px rgba(95, 157, 231, 0.48);
}

/** acordeon **/
.accordion-item {
	margin: 20px 0 !important;
	background: transparent !important;
	border-radius: 16px;
	border: none !important;
}

.accordion-button,
.accordion-button:hover {
	width: 100%;
	background: #E5EDF5 !important;
	box-shadow: inset -4px -2px 8px #FFFFFF, inset 4px 2px 8px rgba(95, 157, 231, 0.48) !important;
	border: none !important;
	border-radius: 16px !important;
	font-family: 'Poppins' !important;
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 21px;
	letter-spacing: 0.225px;
	color: #171C8E !important;
	text-align: left;
	padding: 17px 24px 15px 24px;
	margin-bottom: 0px !important;
}

.accordion-button.collapsed,
.accordion-button.collapsed:hover {
	width: 100%;
	background: #FFFFFF !important;
	box-shadow: -4px -2px 16px #FFFFFF, 4px 2px 16px rgba(95, 157, 231, 0.48) !important;
	border: none !important;
	border-radius: 16px !important;
	font-family: 'Poppins' !important;
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 21px;
	letter-spacing: 0.225px;
	color: #142e51 !important;
	text-align: left;
	padding: 17px 24px 15px 24px;
	margin-bottom: 0px !important;
}

.accordion-button:focus,
.accordion-button:focus-visible {
	outline: none !important;
	outline: 0 !important;
	box-shadow: inset -4px -2px 8px #FFFFFF, inset 4px 2px 8px rgba(95, 157, 231, 0.48);
	border: none !important;
}

.accordion-button.collapsed:focus,
.accordion-button.collapsed:focus-visible {
	outline: none !important;
	outline: 0 !important;
	box-shadow: -4px -2px 16px #FFFFFF, 4px 2px 16px rgba(95, 157, 231, 0.48) !important;
	border: none !important;
}

.accordion-button::after {
	background-image: url('../images/arrow-open.png') !important;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	transform: rotate(0deg) !important;
}

.accordion-button.collapsed::after {
	background-image: url('../images/arrow-close.png') !important;
	background-size: 20px 20px;
	background-repeat: no-repeat;
}

.accordion-collapse {
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

.accordion-body {
	border: none !important;
	box-shadow: none !important;
}

/** end acordeon **/

/** End Informacion Hospitalaria **/

/** Modal  **/
.modal {
	background: rgba(229, 237, 245, 0.75);
	backdrop-filter: blur(12px) !important;
	-webkit-backdrop-filter: blur(12px) !important;
}

.modal-content {
	background-color: transparent !important;
	border: none !important;
}

.modal-header {
	border: none !important;
}

.modal-body {
	background: #EBF2FA !important;
	box-shadow: 0px 74px 130px -25px rgba(13, 22, 146, 0.15) !important;
	border-radius: 20px !important;
}

.modal-title {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	letter-spacing: 0.225px;
	color: #171C8E;
	margin-left: 15px;
	margin-top: 10px;
	text-align: left;
}

#modalSeguimiento .modal-title {
	margin-bottom: 32px !important;
}

#modalPrueba .modal-header,
#modalHistorial .modal-header,
#modalInfoHosp .modal-header {
	padding: 0px !important;
	margin-bottom: -15px;
	z-index: 9999;
}

.divPinza {
	width: 100%;
}

#imgPinza {
	max-width: 70px;
}

@media(min-width:992px) {

	#modalPrueba .modal-header,
	#modalHistorial .modal-header,
	#modalInfoHosp .modal-header {
		padding: 0px !important;
		margin-bottom: -30px;
		z-index: 9999;
	}

	#imgPinza {
		max-width: 178px;
	}

	#modalPrueba .modal-title,
	#modalHistorial .modal-title,
	#modalInfoHosp .modal-title {
		margin-top: 30px;
	}
}

.divImgModalPrueba {
	padding: 32px 15px;
	border-radius: 8px;
	overflow-y: scroll;
	height: 600px;
}

.btn-secondary {
	padding: 11px 40px 13px 40px;
	margin-top: 40px;
	margin-bottom: 10px;
	width: 168px;
	height: 41px;
	background: #171C8E;
	border: 2px solid rgba(255, 255, 255, 0.3);
	box-shadow: -4px -2px 16px #FFFFFF, 4px 2px 16px rgba(95, 157, 231, 0.48);
	border-radius: 20px;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	letter-spacing: 0.2px;
	color: #EBF2FA;
}

.btn-secondary:hover {
	padding: 11px 40px 13px 40px;
	margin-top: 40px;
	margin-bottom: 10px;
	width: 168px;
	height: 41px;
	background: #171C8E !important;
	border: 2px solid rgba(255, 255, 255, 0.3);
	box-shadow: -4px -2px 16px #FFFFFF, 4px 2px 16px rgba(95, 157, 231, 0.48);
	border-radius: 20px;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	letter-spacing: 0.2px;
	color: #EBF2FA;
}

.btnCloseModal {
	background-image: url(../images/closemodal.png);
	background-size: 30px 30px;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	left: 101%;
	top: 45px;
	opacity: 1 !important;
}

.btnCloseModal:focus,
.btnCloseModal:focus-visible,
.btnCloseModal:visited {
	outline: none;
	outline: 0;
}

.btn-secondary:focus,
.btn-secondary:focus-visible,
.btn-secondary:visited {
	outline: none;
	outline: 0;
	background: #171C8E !important;
	border: 2px solid rgba(255, 255, 255, 0.3);
	box-shadow: -4px -2px 16px #FFFFFF, 4px 2px 16px rgba(95, 157, 231, 0.48);
}

.divModalTratamiento {
	background-color: #ffffff;
	border-radius: 8px;
	padding: 24px;
}

#modalTratamiento .modal-body {
	padding: 20px 32px !important;
}

.textModalBlue {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: 0.225px;
	color: #171C8E;
	text-align: left;
}

.textModal {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 125%;
	color: #142e51;
	text-align: left;
}

.textModal strong {
	font-weight: 700;
}

.textModalRef {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 125%;
	color: #142e51;
	text-align: left;
	margin-bottom: 0px !important;
}

hr.lineRef {
	border-top: 1px solid #A1C1EB;
	border-bottom: none;
	border-right: none;
	border-left: none;
	margin: 30px 0;
}

.ulModal {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
	text-align: left;
	letter-spacing: 0.225px;
	color: #171C8E;
	list-style: none;
	padding: 0px !important;
	padding-bottom: 30px !important;
	margin-left: -10px;
	margin-bottom: 0px !important;

}

.ulModal li {
	margin-top: 7px;
	min-height: 20px;
	padding-top: 10px !important;
	margin-left: 40px;
}

.ulModal li::before {
	content: url(../images/bullet.png);
	float: left;
	margin-top: -12px !important;
	margin-left: -40px;
}


/** End Modal **/



/** footer **/
.footer {
	background-color: #213F4C;
	width: 100%;
	color: white;
	text-align: center;
	padding: 20px;
}


@media(min-width:991px) {
	.footer .col-12 {
		min-height: 80px;
		display: flex;
		align-items: center;
	}
}