html{height:100%; overflow-x: hidden !important;}
body {
       font-family: 'Manrope', sans-serif;
        font-size: 14px;
        color:#7E97B8;
        margin: 0;
        padding: 0;
		top: 0px;
		left: 0px;
		background: #ffffff;
		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;
}
}



/**** Typography ****/
@import url('https://fonts.googleapis.com/css2?family=Manrope: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'); 

@font-face {
	font-family:FontAwesomeRegular400;
	src: url(../fonts/FontAwesome5Brands-Regular-400.otf);
  }
@font-face {
	font-family: FontAwesomeRegularFree400;
	src: url(../fonts/FontAwesome5Free-Regular-400.otf);
  }
@font-face {
	font-family: FontAwesomeSolid900;
	src: url(../fonts/FontAwesome5Free-Solid-900.otf);}

	

/******* HoLEP  ********/
.smalltitleLoginHLP{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	line-height: 1.2em;
	text-align: center;
	color: #92CEC1;
}
.smalltitleLoginHLP.mentor{color:#003457;}
.titleLoginHLP{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 800;
	font-size: 32px;
	line-height: 1.1em;
	text-align: center;
	color: #003457;
}
.titleLoginHLP span{color: #92CEC1;}
.mediumtitleLoginHLP{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 800;
	font-size: 20px;
	line-height: 1.2em;
	text-align: center;
	color: #003457;
	padding:60px 0px 60px 0px;
}
.textLoginHLP{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 700;
	font-size: 13px;
	line-height: 1.4em;
	text-align: center;
	color: #B1B1B1;
	margin-bottom:30px;
}
.textLoginHLP a{color:#003457; text-decoration: underline !important;}
.rowLogin{
	padding:15% 5% 10% 5%;
	height: 80vh;
}

.containerFooter{padding:60px 40px;}
.rowFooter{display: flex; align-items: flex-start;justify-content: flex-start;}
/* .logoFooterLeft{width: 100%; max-width: 145px;}
.logoFooterRight{width: 100%; max-width: 140px;} */


.rowLoginBack{
	padding:0px 30px;
}
.imgBack{width: 100%;max-width: 62px;}  
.rowLogout{padding:20px 10px 40px 10px;}
.rowVisitasHLP{padding-top:20px; padding-bottom: 40px;}
.colVisitasHLP{margin:10px 0;}
.btnVisitaHLP{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 700;
	font-size: 13px;
	line-height: 1.2em;
	text-align: center;
	color: #B1B1B1;
	padding: 12px 40px 13px 40px;
	background-color: #E6E6E6;
	border: 1px solid #B1B1B1;
	border-radius: 8px;
	width: 100%;
	max-width: 240px !important;
	height: 43px !important;
}
.btnVisitaHLP:hover{
	color: #FFBF72;
	background: rgba(255, 191, 114, 0.27);
	border: 1px solid #FFBF72;
}
.btnVisitaHLP:focus, .btnVisitaHLP:focus-visible{
	outline: none;
	outline:0;
	box-shadow:none !important;
	color: #FFBF72;
	background: rgba(255, 191, 114, 0.27);
	border: 1px solid #FFBF72;
}
.btnOpinionHLP{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 700;
	font-size: 13px;
	line-height: 1.2em;
	text-align: center;
	color: #E6E6E6;
	padding: 12px 40px 13px 40px;
	background-color: #B1B1B1;
	border: 1px solid #B1B1B1;
	border-radius: 25px;
	width: 100%;
	max-width: 240px !important;
	height: 43px !important;
}
.btnOpinionHLP:hover{
	color: #ffffff;
	background: #003457;
	border: 1px solid #003457;
}
.btnOpinionHLP:focus, .btnOpinionHLP:focus-visible{
	outline: none;
	outline:0;
	box-shadow:none !important;
	color: #ffffff;
	background: #003457;
	border: 1px solid #003457;
}
.btnCertHLP{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 700;
	font-size: 13px;
	line-height: 1.2em;
	text-align: center;
	color: #ffffff;
	padding: 12px 40px 13px 40px;
	background-color: #B1B1B1;
	border: 1px solid #B1B1B1;
	border-radius: 25px;
	width: 100%;
	max-width: 240px !important;
	height: 43px !important;
}
.btnCertHLP:hover{
	color: #ffffff;
	background: #003457;
	border: 1px solid #003457;
}
.btnCertHLP:focus, .btnCertHLP:focus-visible{
	outline: none;
	outline:0;
	box-shadow:none !important;
	color: #ffffff;
	background: #003457;
	border: 1px solid #003457;
}

/******* Informe HoLEP  ********/
#formInforme {max-width: 800px !important;}
.rowGreenInf{
	background-color: rgba(146, 206, 193, 0.07);
	padding:25px 20px 45px 20px;
}
.rowBlueInf{
	background-color: rgba(0, 52, 87, 0.07);
	padding:25px 20px 45px 20px;
}
.rowInfLastRow{
	padding:40px 20px 0px 20px;
}
.divAvisoInf{
	background-color: rgba(146, 206, 193, 0.25);
	border-radius: 14px;
	border:1px solid #92CEC1;
	max-width: 500px;
	padding:20px 30px;
}
.textAvisoInf{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 500;
	font-size: 10px;
	line-height: 1.4em;
	text-align: center;
	color: #003457;
	margin-bottom: 0px;
}
.textAvisoInf span{color:#92CEC1;}
.divtitleGreenInf{	
	max-width: 500px;
	padding:40px 40px 20px 40px;
}
.titleGreenInf{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 800;
	font-size: 14px;
	line-height: 1.4em;
	text-align: center;
	color: #92CEC1;
}
.questInf{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.4em;
	text-align: center;
	color: #003457;
	margin-bottom: 20px;
	padding:0px 15% 20px 15%;

}
#formInforme .labelFormInforme {
	display: inline;
	position: relative;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 700;
	font-size: 13px;
	line-height: 125%;
	color: #ffffff;
	margin-bottom: 0px !important;
	width: 100%;
	max-width: 280px;
	text-align: center;
	margin-right: 65px;
  }
/* Hide the browser's default checkbox */
#formInforme .labelFormInforme input {
	display: none;
	
  }

  /* Create a custom checkbox */
  #formInforme .checkmark {
	position: absolute;
	top: 0;
	left: 0; 
	width: 53px;
	height: 37px;
	padding-top:10px;
	border-radius: 29px;
  }
  
  #formInforme .labelFormInforme input ~ .checkmark{
	background-color: #003457;
	/* padding:20px 30px; */
	color: #ffffff;
  }
  /* When the checkbox is checked */
  #formInforme .labelFormInforme input:checked ~ .checkmark {
	background-color: #92CEC1;
	/* padding:15px 30px; */
  }
  
/** end checks **/

/******* Encuesta HoLEP  ********/
#formEncuesta {max-width: 800px !important;}

#formEncuesta .labelFormEncuesta {
	display: inline;
	position: relative;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 500;
	font-size: 11px;
	line-height: 125%;
	color: #003457;
	margin-bottom: 15px;
	padding-right: 30px;
	width: 100%;
	max-width: 280px;
	text-align: left;
  }
.colOpt1{
	display: inline-flex;
}
.divRowOpt1{display: flex; align-items: flex-end;width: 100%;margin-bottom: 10px;}

.rowGreen{
	background-color: rgba(146, 206, 193, 0.07);
	padding:25px 20px 35px 20px;
}
.rowGreen.lastRow{
	padding:25px 20px 25px 20px;
}
.rowBlue{
	background-color: rgba(0, 52, 87, 0.07);
	padding:25px 20px 35px 20px;
}
.questGreen{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 700;
	font-size: 11px;
	line-height: 1.3em;
	color: #92CEC1;
	text-align: left;
}
.questGreen span{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.3em;
	color: #003457;
	text-align: left;
}
.questBlue{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 700;
	font-size: 11px;
	line-height: 1.3em;
	color: #003457;
	text-align: left;
}
.customOlHLP{padding: 20px !important;margin-bottom: 5px !important;}
.textEncuesta{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 500;
	font-size: 10px;
	line-height: 1.2em;
	color: #003457;
	text-align: left;
	margin-bottom: 0px !important;
}
.numberEncuesta{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.2em;
	color: #003457;
	text-align: left;
	margin-left: 5px;
}
.colQuestWNumber{
	margin-top:-5px;
	margin-bottom: 15px;
}
.textareaHLP{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 700;
	font-size: 13px;
	line-height: 1.2em;
	color: #003457;
	text-align: left;
	border-radius:12px !important;
	border-color:#92CEC1 !important;
	width: 80%;
	padding:10px;
	
}
.textareaHLP:focus, .textareaHLP:focus-visible{
	outline: none;
	outline:0;
	box-shadow:none !important;
}
.textareaHLP::placeholder{color: #B1B1B1;}


.btnEnviarEncuesta,.btnEnviarEncuesta:hover{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 700;
	font-size: 13px;
	line-height: 1.2em;
	text-align: center;
	color: #ffffff;
	padding: 12px 40px 13px 40px;
	background-color: #003457;
	border: 1px solid #003457;
	border-radius: 25px;
	width: 100%;
	max-width: 240px !important;
	height: 43px !important;
	margin:40px 0;
}
.btnEnviarEncuesta:focus, .btnEnviarEncuesta:focus-visible{
	outline: none;
	outline:0;
	box-shadow:none !important;
	color: #ffffff;
	background: #003457;
	border: 1px solid #003457;
}

/* Hide the browser's default checkbox */
#formEncuesta .labelFormEncuesta input {
	display: none;
  }
#formEncuesta .labelFormEncuesta.wtext {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 500;
	font-size: 10px;
	line-height: 1.2em;
	color: #003457;
	text-align: left;
	padding-left: 30px !important;
  }
  #formEncuesta .labelFormEncuesta.wnumber {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 500;
	font-size: 10px;
	line-height: 1.2em;
	color: #003457;
	text-align: left;
  }
  #formEncuesta .labelFormEncuesta.wtext .checkmark{margin-top:-2px !important}
  #formEncuesta .labelFormEncuesta.wnumber .checkmark{margin-top:15px !important; margin-left: -5px;}

  /* Create a custom checkbox */
  #formEncuesta .checkmark {
	position: absolute;
	top: 0;
	left: 0; 
	height: 18px;
	width: 18px;
	background-image: url();
	background-position: center;
	background-repeat: no-repeat;
	background-size: 57px 53px;
  }
  
  #formEncuesta .labelFormEncuesta input ~ .checkmark{
	height: 18px;
	width: 18px;
	background-image: url(../images/check_login_off.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 18px 18px;
  }
  /* When the checkbox is checked */
  #formEncuesta .labelFormEncuesta input:checked ~ .checkmark {
	height: 18px;
	width: 18px;
	background-image: url(../images/check_login_on.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 18px 18px;
  }
  
/** end checks **/

/******* Inicio Mentor  ********/
.rowListado{padding-bottom:130px;padding-right: 30px;padding-left: 30px;}
.divListado{
	max-width: 500px;
	padding:30px;
	border:1px solid #003457;
	border-radius: 18px;
}
.titleLista{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 700;
	font-size: 11px;
	line-height: 1.2em;
	color: #003457;
	text-align: center;
	margin-bottom: 10px;
}
.ulListado{
	list-style: none;
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 700;
	font-size: 10px;
	line-height: 1.2em;
	color:#B1B1B1;
	padding:0px !important;
	text-align: left;
}
.ulListado a{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 700;
	font-size: 10px;
	line-height: 1.2em;
	color:#B1B1B1;
}
.ulListado li{
	border-bottom: 1px solid #B1B1B1;
	padding:20px 0;}


/******* Certificado HoLEP  ********/
.textCertificado{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.2em;
	color: #0A3B61;
}
.textCertificado2{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 400;
	font-size: 10px;
	line-height: 1.2em;
	color: #0A3B61;
	margin-bottom: 0px;
}
.textCertificado3{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.2em;
	color: #0A3B61;
	margin-bottom: 0px;
}
.textCertificado4{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 400;
	font-size: 7px;
	line-height: 1.2em;
	color: #0A3B61;
	margin-bottom: 0px;
	text-align: left;
}
.logoCertif{
	/* width: 100%;
	max-width: 167px; */
	padding-bottom: 40px;
}

.colCert{padding-bottom: 20px;}
.colLogos{
	/* display: flex;
    justify-content: center; */
}
.logofooterCer{
	width: 100%;
	max-width: 150px;
}
.containerFooterCertif{padding:30px 40px 60px 40px;}
.containerCertificado{padding-top:10vh;}

.containerPDF{padding: 40px 20px;}

.btnDownCert,.btnDownCert:hover{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 700;
	font-size: 13px;
	line-height: 1.2em;
	text-align: center;
	color: #ffffff;
	padding: 7px 80px 8px 80px;
	background-color: #003457;
	border: 1px solid #003457;
	border-radius: 25px;
	width: 100%;
	max-width: 250px !important;
	height: 37px !important;
	margin:40px 0;
}
.btnDownCert:focus, .btnDownCert:focus-visible{
	outline: none;
	outline:0;
	box-shadow:none !important;
	color: #ffffff;
	background: #003457;
	border: 1px solid #003457;
}

/******* Admin hoelp  ********/

.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: 'Manrope';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.2em;
	letter-spacing: 0.225px; 
	color: #142e51;
}
.table_component {
	overflow: scroll;
	max-height: 60vh; 
 }
 #myTable{max-height: 70vh;} 

.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 tr{}
.table_component td {
    border: 1px solid #dededf;
    background-color: #ffffff;
    color: #000000;
	font-weight: 500;
    padding: 5px;
	word-wrap: break-word;
}
.table_component .textWhite{
    border: 1px solid #dededf;
    background-color: #ffffff;
    color: #ffffff;
	font-weight: 700;
    padding: 5px;
	word-wrap: break-word;
	text-align: center;
}


/******* Custom  ********/

/* Inicio */
.bodyInicio, .bodyEncuesta{
	background: #ffffff;
	background-image: url('../images/bg_alumno.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left bottom;
}
.bodyInicioMentor,.bodyInforme{
	background: #ffffff;
	background-image: url('../images/bg_profesor.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left bottom;
}
.bodyCertificado{
	background: #ffffff;
	background-image: url('../images/bgCertificado.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right bottom;

}
.bodyInicio .container{padding: 0 5% !important;}

.rowInicio{padding:80px 0;}
.btnInicio{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	text-align: center;
	letter-spacing: 0.2px;
	color: #EBF2FA;
	padding: 11px 40px 13px 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: 100%;
	max-width: 240px !important;
	height: 43px !important;
	margin:10px 0;
}
.btnInicio:hover{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	text-align: center;
	letter-spacing: 0.2px;
	color: #EBF2FA;
	padding: 11px 40px 13px 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: 100%;
	max-width: 240px !important;
	height: 43px !important;
	margin:10px 0;
}
.btnInicio:focus, .btnInicio: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: 'Manrope';
	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: #7e97b8;
	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: 'Manrope';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	text-align: left;
	letter-spacing: 0.2px;
	color: #7E97B8;
}
.Quest:focus{outline:0px;}
.SendQuestion{
	margin:0px !important;
	margin-top: 10px !important;
	margin-right: 15px !important;
	border:none !important;
	border-radius: 12px;
	font-family: 'Manrope';
	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: #7e97b8;
	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: 'Manrope';
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 38px;
	text-align: center;
	color: #7E97B8;
	padding-bottom: 0px;
	padding-top: 30px;
}
.textLoginStr{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.225px; 
	color: #7E97B8;
}

.textLoginStr a{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.225px; 
	color: #7E97B8;
	text-decoration: underline !important;
}
.textAvisoStr{
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.225px; 
	color: #7E97B8;
	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: #7E97B8;
	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: 'Manrope';
		font-style: normal;
		font-weight: 400;
		font-size: 16px;
		line-height: 21px;
		letter-spacing: 0.225px;
		color: #7E97B8;
		display: block;
}
.rowFormStr .labelInputSmall{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 0.225px;
	color: #7E97B8;
	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: 'Manrope';
	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: 'Manrope';
	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: 'Manrope';
	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: 'Manrope';
	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: #7E97B8;
  }
  
  .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: 'Manrope';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 1em;
	letter-spacing: 0.225px;
	color: #7e97b8;
  }
  .custom-select:focus, .custom-select:focus-visible {
	outline: 0px !important; 
	color: #7e97b8;
	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: 'Manrope';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 125%;
	color: #7E97B8;
	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: 'Manrope';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 125%;
	color: #7E97B8;	
	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: #7E97B8;
	border:4px solid #ffffff;
	border-radius: 6px;
  }

#formregisterForStreaming .rowCheck{
	padding-top:20px;
  }
/** end checks **/  


/* Login Register */
.bodyLogin{
	background: #ffffff;
	background-image: url('../images/bg_acceso.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left bottom;
}
.titleLogin{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 38px;
	text-align: center;
	color: #7E97B8;
	padding-bottom: 50px;
}

.colLogoLogin{background-color: #E5EDF5;}
#imgLogoLogin{max-width: 320px;}
#imgLogoLoginMov{padding-bottom: 30px;padding-top:50px;}

@media (max-width:767px){
	.colLogoLogin{display: none !important;}
	#imgLogoLoginMov{padding-bottom: 30px;}
	.spaceRegister{padding-top:100%;display: block;}
}
@media (min-width:768px){
	#imgLogoLoginMov{display: none;}
	.spaceRegister{display: none;}
}
/* Login Register form */
.rowForm{padding-top:1px;padding-bottom: 10px;}
#formLoginUser .inputform{
	padding: 12px 20px;
	width: 100%;
	max-width: 280px; 
	height: 37px;
	background: #ffffff;
	border-radius: 12px;
	border: 1px solid #92CEC1;
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 700;
	font-size: 13px;
	line-height: 1.2em;
	text-align: left;
	color: #003457;
	display: block;
	margin:0 0 15px 0;
}
#formLoginUser select{
	padding: 8px 20px 12px 20px;
	width: 70%;
	max-width: 180px; 
	height: 37px;
	background: #E6E6E6;
	border-radius: 12px;
	border: 1px solid #B1B1B1;
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 500;
	font-size: 13px;
	line-height: 1.2em;
	text-align: left;
	color: #000000;
	display: block;
	margin:0 0 0 0;
}
#formLoginUser input:focus, #formLoginUser input:focus-visible, #formLoginUser select:focus,#formLoginUser select:focus-visible{
	outline: none;
	outline:0;
	box-shadow:none !important;
}
#formLoginUser input::placeholder, #formLoginUser select::placeholder{color: #B1B1B1;opacity: 1;}
.btnLogin{
	background: #003457;
	border-radius: 50px;
	padding: 11px 40px 13px 40px;
	border: none;
	margin-top:15px;
	margin-bottom:30px;
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 700;
	font-size: 13px;
	line-height: 1.2em;
	text-align: center;
	color: #dddddd;
	width: 100%;
	max-width: 280px;
	height: 37px;
}

/**** 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: 'Manrope';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	text-align: left;
	letter-spacing: 0.2px;
	color: #7E97B8;
	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: #7E97B8;
	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: 'Manrope';
	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: 'Manrope';
	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: 'Manrope';
	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;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 400;
	font-size: 8px;
	line-height: 125%;
	color: #B1B1B1;
	margin-bottom: 15px;
	padding-left: 30px;
	width: 100%;
	max-width: 280px;
	text-align: left;
  }
#formLoginUser .labelFormLogin a{
	font-family: 'ArticulatCF-ExtraBold';
	font-style: normal;
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 400;
	font-size: 10px;
	line-height: 125%;
	color: #7E97B8;	
	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: 18px;
	width: 18px;
	background-image: url();
	background-position: center;
	background-repeat: no-repeat;
	background-size: 57px 53px;
  }
  
  #formLoginUser .labelFormLogin input ~ .checkmark{
	height: 18px;
	width: 18px;
	background-image: url(../images/check_login_off.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 18px 18px;
  }
  /* When the checkbox is checked */
  #formLoginUser .labelFormLogin input:checked ~ .checkmark {
	height: 18px;
	width: 18px;
	background-image: url(../images/check_login_on.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 18px 18px;
  }
  
/** 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: 'Manrope', 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: 'Manrope', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 23px;
	letter-spacing: 0.225px;
	color: #7E97B8;
	text-align: center;
	margin:50px 0;
}
.titleHome{
	font-family: 'Manrope';
	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: 'Manrope';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 21px;
	letter-spacing: 0.225px;
	color: #7E97B8;
	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: 'Manrope';
	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: 'Manrope';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: 0.225px;
	color: #7E97B8;
	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: 'Manrope';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	text-align: center;
	letter-spacing: 0.225px;
	color: #7E97B8;
}
.btnsubMenu:hover{	color: #7E97B8;}
.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: 'Manrope';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: 0.225px;
	color: #7E97B8;
	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: 'Manrope';
	font-style: normal;
	font-weight: 700;
	font-size: 30px;
	line-height: 35px;
	letter-spacing: 0.225px;
	color: #7E97B8;
	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: 'Manrope';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 21px;
	letter-spacing: 0.225px;
	color: #7E97B8;
	margin-bottom: 8px !important;
	margin-top:20px;
}
.textHistorial{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 125%;
	letter-spacing: 0.225px;
	color: #7E97B8;
}
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: 'Manrope';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: 0.225px;
	color: #7E97B8;
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 0px !important;
}
.textInfoAntecedentes span{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 700 !important;
	font-size: 20px;
	line-height: 23px;
	letter-spacing: 0.225px;
	color: #7E97B8;
	display: inline-block;
}
.textInfoAntecedentes2{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: 0.225px;
	color: #7E97B8;
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 10px !important;
}
textInfoAntecedentes3{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.225px;
	color: #7E97B8;
}
.textInfoAntecedentes4{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.225px;
	color: #7E97B8;
	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: 'Manrope';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.225px;
	color: #7E97B8;
	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: 'Manrope';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.225px;
	color: #7E97B8;
	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: 'Manrope';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 125%;
	letter-spacing: 0.225px;
	color: #7E97B8;
	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: 'Manrope';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: 0.225px;
	color: #7E97B8;
	text-align: left;
}
.textBody{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 125%;
	color: #7E97B8;
	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: 'Manrope';
	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: 'Manrope';
	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: 'Manrope';
	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: 'Manrope';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	color: #7E97B8;
  }
  
  /* 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: 'Manrope';
	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:#7E97B8 !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: 'Manrope';
	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: 'Manrope';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 125%;
	color: #171C8E;
	margin-bottom: 0px;
}
.btnVerPrueba,.btnVerPrueba:hover{
	font-family: 'Manrope';
	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: 'Manrope';
	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: 'Manrope';
	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: 'Manrope';
	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: 'Manrope';
	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: 'Manrope';
	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: 'Manrope', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 125%;
	color: #7E97B8;
	text-align: left;
	padding:40px 0px;

}
/** End Biblio **/

/** Ranking **/
.rowRanking{padding: 0px 40px 30px 40px;}
.titleRanking{
	font-family: 'Manrope';
	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: 'Manrope';
	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: 'Manrope';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 21px;
	letter-spacing: 0.225px;
	color: #7E97B8;
	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: #7E97B8;
}
.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: 'Manrope' !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: 'Manrope' !important;
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 21px;
	letter-spacing: 0.225px;
	color: #7E97B8 !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(0, 52, 86, 0.5);
	backdrop-filter: blur(12px) !important;
	-webkit-backdrop-filter: blur(12px) !important;
}
.modal-content{
	background-color: #ffffff !important;
	border:1px solid #B1B1B1 !important;
	border-radius: 20px !important;
	padding:0px;
}
.modal-header{
	border:none !important;
	padding-top:8px;
	padding-bottom: 8px;}
.modal-body{
	font-family: 'Manrope' !important;
	font-style: normal;
	font-weight: 700;
	font-size: 13px;
	line-height: 1.2em;
	color:#ffffff;
	padding-right: 40px !important;
	padding-left: 40px !important;
}
.modal-footer{
	border: none !important;
	justify-content: center;
	padding-top:0px !important;
	padding-bottom:30px !important;
}
.feedback{
	background-color: #92CEC1;
	border-radius: 29px;
	padding: 10px 20px;
	display: flex;
  	justify-content: space-between;
	align-items: center !important;
}
.feedback label{margin-bottom: 0px !important;line-height: 1em !important;}
.inputDate[value]{
	font-family: 'Manrope' !important;
	font-style: normal;
	font-weight: 700;
	font-size: 13px;
	line-height: 1em;
	color:#ffffff;  
	border:none !important;
	background-color: #92CEC1 !important;
	opacity: 1 !important; 
}
.inputDate:focus, .inputDate:focus-visible{
	outline: none;
	outline:0;
} 
hr.modalhr {
	border-top: 1px solid #B1B1B1;
	width: 200px;
	margin-bottom: 20px;
  }
.btnGuardarModal,.btnGuardarModal:hover,.btnGuardarModal:active {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 700;
	font-size: 13px;
	line-height: 1.2em;
	text-align: center;
	padding: 8px 40px 10px 40px;
	color: #ffffff;
	background: #003457;
	border: 1px solid #003457;
	border-radius: 25px;
	width: 100%;
	max-width: 150px !important;
}
.btnAceptarModal:focus, .btnAceptarModal:focus-visible{
	outline: none !important;
	outline:0 !important;
	color: #ffffff !important;
	background: #003457 !important;
	border: 1px solid #003457 !important;
}
.btnAceptarModal,.btnAceptarModal:hover,.btnAceptarModal:active {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 700;
	font-size: 13px;
	line-height: 1.2em;
	text-align: center;
	padding: 8px 40px 10px 40px;
	color: #ffffff;
	background: #003457;
	border: 1px solid #003457;
	border-radius: 25px;
	width: 100%;
	max-width: 200px !important;
}
.btnAceptarModal:focus, .btnAceptarModal:focus-visible{
	outline: none !important;
	outline:0 !important;
	color: #ffffff !important;
	background: #003457 !important;
	border: 1px solid #003457 !important;
}
.modal-title{
	font-family: 'Manrope';
	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: 'Manrope';
	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: 'Manrope';
	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: 'Manrope';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: 0.225px;
	color: #171C8E;
	text-align: left;
}
.textModal{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 125%;
	color: #7E97B8;
	text-align: left;
}
.textModal strong{font-weight: 700;}
.textModalRef{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 125%;
	color: #7E97B8;
	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: 'Manrope';
	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;}
}