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

:root {
  --color-rojo-cgb:			#BE1E2D;
  --color-rojo-tx-cgb:		#BE1E2DBF;
  --color-azul-cgb:			#002561;
  --color-azul-tx-cgb:		#002561BF;
  --color-azul-tx30-cgb:	#0025614D;
  --color-verde-cgb:		#006838;
  --color-verde-tx-cgb:		#006838BF;
  --color-amarillo-cgb:		#F7CB15;
  --color-amarillo-tx-cgb:	#F7CB15BF;
  --color-bordes-cgb:		#424242;
  --color-fondo-cgb:		#F5F5F5;
  --color-texto-cgb:		#2D2D2C;
  --color-font-placeholder: #58585AB3;
  --color-link-externo:		#424242;
  --color-fondo-contenedor:	#EDECEB;
  --color-gris-innactivo:	grey;
  /* --color-fondo-contenedor:	salmon; */
}

input:focus, select:focus, textarea:focus {
	box-shadow: 0 0 5px salmon;
	/* border: 2px solid salmon; */
}

input[type=submit]:focus {
	box-shadow: none;
	/* border: 2px solid salmon; */
}

div.buttonAdmisiones, .buttonAdmisiones  {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	display: inline-block;
    padding: 1em;
	color: white;
	background-color: var(--color-azul-cgb);
	border-radius: 0.5em;
	box-shadow: 2.5px 2.5px 5px var(--color-bordes-cgb);
	cursor: pointer;
}

div.buttonAdmisionesIndex, .buttonAdmisionesIndex  {
	fill: var(--color-rojo-cgb);
	color: var(--color-rojo-cgb);
	background-color: rgba(0, 0, 0, 0);
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: var(--color-rojo-cgb);
	border-radius: 0px 0px 0px 0px;
	font-size: 1.6vw;
	padding: 15px 30px;
	box-shadow: none;
	text-decoration: none;
	box-sizing: border-box;
	cursor: pointer;
	font-weight: 900;
	text-transform: uppercase;
}

div.buttonAdmisionesIndexOver, .buttonAdmisionesIndexOver  {
	fill: var(--color-rojo-cgb);
	background-color: var(--color-rojo-cgb);
	color: white;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: var(--color-rojo-cgb);
	border-radius: 0px 0px 0px 0px;
	font-size: 1.6vw;
	padding: 15px 30px;
	box-shadow: none;
	text-decoration: none;
	box-sizing: border-box;
	cursor: pointer;
	font-weight: 900;
	text-transform: uppercase;
}

div.admisionesCeldaTextoIndex, .admisionesCeldaTextoIndex  {
	max-height:	130px;
	display:	flex;
	text-align:	justify;
	overflow-y:	auto;
	overflow-x:	hidden;
	padding:	1em;
}

div.buttonAdmisionesMed, .buttonAdmisionesMed  {
	fill: var(--color-verde-cgb);
	color: var(--color-verde-cgb);
	background-color: rgba(0, 0, 0, 0);
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: var(--color-verde-cgb);
	border-radius: 0px 0px 0px 0px;
	font-size: 16px;
	padding: 15px 30px;
	box-shadow: none;
	text-decoration: none;
	box-sizing: border-box;
	cursor: pointer;
	font-weight: 900;
	text-transform: uppercase;
	clear: both;
}

div.buttonAdmisionesMedRefussed, .buttonAdmisionesMedRefussed  {
	fill: var(--color-gris-innactivo);
	color: var(--color-gris-innactivo);
	background-color: rgba(0, 0, 0, 0);
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: var(--color-gris-innactivo);
	border-radius: 0px 0px 0px 0px;
	font-size: 16px;
	padding: 15px 30px;
	box-shadow: none;
	text-decoration: none;
	box-sizing: border-box;
	cursor: not-allowed;
	font-weight: 900;
	text-transform: uppercase;
	clear: both;
}

div.buttonAdmisionesMedOver, .buttonAdmisionesMedOver  {
	fill: white;
	color: white;
	background-color: var(--color-verde-cgb);
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: var(--color-verde-cgb);
	border-radius: 0px 0px 0px 0px;
	font-size: 16px;
	padding: 15px 30px;
	box-shadow: none;
	text-decoration: none;
	box-sizing: border-box;
	cursor: pointer;
	font-weight: 900;
	text-transform: uppercase;
}

div.buttonRefusedAdmisiones, .buttonRefusedAdmisiones  {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	display: inline-block;
    padding: 1em;
	color: white;
	background-color: Grey;
	border-radius: 0.5em;
	box-shadow: 2.5px 2.5px 5px var(--color-bordes-cgb);
	cursor: pointer;
}

div.buttonRefusedAdmisionesMed, .buttonRefusedAdmisionesMed  {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	display: inline-block;
    padding: 0.5em;
	color: white;
	background-color: Grey;
	border-radius: 0.5em;
	box-shadow: 2.5px 2.5px 5px var(--color-bordes-cgb);
	cursor: pointer;
}


.EncabezadoAdmisiones {
	background-size:100% auto;
	background-repeat: no-repeat;
	background-color: var(--color-fondo-cgb);
	font-family: 'Roboto', sans-serif;
	border-style: none;
	padding: 5px;
	border-radius: 0;
	box-shadow: none;
	font-size: 2.1vw;
	/* font-weight: 200; */
	text-align: left;
	width: 100%;
	/* height: 100vh; */
	height: 40vh;
	min-height: 200px;
	/* font-size: 7rem; */
	font-weight: 600;
	/* clear: both; */
	/* border: 1.5px solid blue; */
}

.ImagenPasoAdmisiones {
	background-size: 100% auto;
	background-repeat: no-repeat;
	display: flex;
	background-color: var(--color-fondo-cgb);
	font-family: 'Roboto', sans-serif;
	border-style: none;
	width: 100%;
	height: 100%;
}

.separadorHAdmisiones {
	width: 100%;
	height: 10px;
	background-color:White;
	clear: both;
	margin:0;
}

.separadorVAdmisiones {
	float: left;
	width: 4%;
	height: 400px;
	background-color:White;
}

.contenedorMasterPasoAdmisiones {
	overflow:hidden;
	height:568px;
	width:100%;
	background-color: var(--color-fondo-cgb);
	/* border: 1.5px solid blue; */
	float: left;
}

.contenedorFooterPasoAdmisiones {
	overflow:hidden;
	height:100px;
	width:100%;
	background-color: var(--color-fondo-cgb);
	/* border: 1.5px solid blue; */
	padding: 5%;
	float: left;
}

.contenedorExternoPasoAdmisiones {
	height:100%;
	width: 50%;
	padding-right: 100px;
	padding-left: 100px;
	padding-top: 5%;
	padding-bottom: 5%;
	/* border: 2px solid red; */
}

.contenedorExternoImagenAdmisiones {
	height:100%;
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	/* border: 2px solid orange; */
}

.contenedorInternoPasoAdmisiones {
	height: 50%;
}

.contenedorInterno1PasoAdmisiones {
	text-align: left;
	height: 24px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.barraTituloPasoAdmisiones {
	background-color: var(--color-rojo-cgb);
	height: 8px;
	width: 55px;
	margin: 0;
}

.tituloPasoAdmisiones {
	color: var(--color-azul-cgb);
	font-family: 'Roboto', Sans-serif;
	font-size: 3.2rem;
	font-weight: 900;
	text-transform: uppercase;
	line-height: 1.2em;
	text-align: left;
	padding-bottom: 15px;
	/* border: 2px solid blue; */
}

.contenedor-barra-banner-exterior {
	padding-top: 7vh;
	float: left;
	height: 83vh;
	width: 10vw;
	/* border: 2px solid orange; */
}

.barra-banner-exterior {
	content:"";
	display:block;
	width:100%;
	height:1px;
	background-color:white;
	position:relative;
	/* border: 2px solid green;	 */
}

.barra-banner {
	content:"";
	display:block;
	width:11%;
	height:1px;
	background-color:white;
	left:0;
	top:65%;
	position:relative;
	/* border: 2px solid green;	 */
}

.logo-colegio-banner {
	width: 39%;
	height: 10vh;
	left: 13%;
	position:relative;
	/* border: 2px solid red; */
}

.logo-externo {
	width: auto;
	height: 100%;
}

.logo-colegio-banner-externo {
	width: 60vw;
	height: 17vh;
	position:relative;
	padding-left: 5vw;
	padding-top: 4vh;
	display: flex;
	justify-content: center;
	align-items: center;
	/* border: 2px solid red; */
}

.contenedor-encabezado-externo {
	height: 54vh;
	/* border: 2px solid yellow; */
}

.tituloAdmisiones {
	color: #FFFFFF;
    font-family: "Roboto", Sans-serif;
    font-size: 4.3rem;
    font-weight: 600;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.96);
	/* float: left; */
	left:2%;
	top:10%;
	position:relative;
	max-width: 60vw;
	clear: right;
	/* border: 2px solid blue; */
}

.titulo-admisiones-exterior {
	color: #FFFFFF;
    font-family: "Roboto", Sans-serif;
    font-size: 3.3vw;
	line-height: 1.1;
    font-weight: 600;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.96);
	/* float: left; */
	position:relative;
	width: 50vw;
	height: auto;
	clear: right;
	/* border: 2px solid blue; */
}

.titulo-colegio-exterior {
	color: #FFFFFF;
    font-family: 'Times New Roman', Times, serif;
    font-size: 2.5vw;
	line-height: 1.1;
    font-weight: 600;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.96);
	/* float: left; */
	position:relative;
	width: 50vw;
	height: auto;
	clear: right;
	padding-left: 2vw;
	padding-right: 2vw;
	/* border: 2px solid blue; */
}

.parrafo-admisiones-exterior {
	padding-top: 1vh;
	padding-bottom: 1vh;
	color: #FFFFFF;
    font-family: "Roboto", Sans-serif;
    font-size: 1.2vw;
    font-weight: 600;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.96);
	/* float: left; */
	position:relative;
	width: 50vw;
	height: auto;
	clear: right;
	/* border: 2px solid blue; */
}

a.link-portal-exterior:link, a.link-portal-exterior:visited, a.link-portal-exterior:hover, a.link-portal-exterior:active {
	padding-top: 1vh;
	padding-bottom: 1vh;
	color: var(--color-link-externo);
    font-family: "Roboto", Sans-serif;
    font-size: 1.3vw;
    font-weight: 600;
    text-shadow: none;
	border: 1px solid #de0e0e00;
	/* float: left; */
}

.submit-link-portal-exterior {
	padding-top: 1vh;
	padding-bottom: 1vh;
	color: var(--color-link-externo);
    font-family: "Roboto", Sans-serif;
    font-size: 1.3vw;
    font-weight: 600;
    text-shadow: none;
	border: 1px solid #de0e0e00;
	background-color: inherit;
	cursor: pointer;
}

.submit-link-portal-exterior:hover {
  text-decoration: underline;
}
.contenedorInterno3PasoAdmisiones {
	/* height: 22%; */
	color: var(--color-texto-cgb);
	font-family: "Roboto", Sans-serif;
	font-size: 21px;
	font-weight: 400;
	text-align: justify;
	padding-bottom: 20px;
	/* background-color: lightsalmon; */
	/* border: 2px solid yellow; */
}

.contenedorInterno4PasoAdmisiones {
	display: flex;
	justify-content: center;
	align-items: center;
}

.contenedorInternoFooterAdmisiones {
	text-align: center;
}

.contenedorInterno5PasoAdmisiones {
	/* height: 9%;  */
	/* background-color: salmon; */
	/* border: 2px solid orange; */
}

.ErrorFormaAdmisiones {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	padding: 1em;
	border: 1px solid var(--color-bordes-cgb);
	border-radius: 0.5em;
	border-radius: 0.5em;
	box-shadow: 2px 2px 2px var(--color-bordes-cgb);
	background-color: var(--color-rojo-cgb);
	color: white;
	/* font-weight: bold; */
	text-align: left;
}

.ErrorcampoFormaAdmisiones {
	font-family: 'Roboto', sans-serif;
	font-size: 10px;
	font-style:	italic;
	padding: 0.5em;
	border-radius: 0.5em;
	box-shadow: 1px 1px 1px grey;
	background-color: var(--color-rojo-cgb);
	color: black;
	/* font-weight: bold; */
	text-align: left;
	/* border: 2px solid grey; */
}

.ExitoFormaAdmisiones {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	padding: 1em;
	border: 1px solid var(--color-bordes-cgb);
	border-radius: 0.5em;
	box-shadow: 2px 2px 2px var(--color-bordes-cgb);
	background-color: var(--color-verde-cgb);
	color: white;
	/* font-weight: bold; */
	text-align: left;
}

.Titulo1FormaAdmisiones {
	font-family: 'Roboto', sans-serif;
	padding: 1em;
	border: 1px solid var(--color-bordes-cgb);
	border-radius: 0.5em;
	box-shadow: 2px 2px 2px var(--color-bordes-cgb);
	background-color: rgb(220, 220, 220);
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

.Titulo2FormaAdmisiones {
	font-family: 'Roboto', sans-serif;
	padding: 1em;
	border: 1px solid var(--color-bordes-cgb);
	border-radius: 0.5em;
	box-shadow: 2px 2px 2px var(--color-bordes-cgb);
	background-color: rgb(220, 220, 220);
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

.Titulo3FormaAdmisiones {
	font-family: 'Roboto', sans-serif;
	padding: 1em;
	border: 1px solid var(--color-bordes-cgb);
	border-radius: 0.5em;
	box-shadow: 2px 2px 2px var(--color-bordes-cgb);
	background-color: rgb(220, 220, 220);
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.Titulo3FormaAdmisionesNowrap {
	font-family: 'Roboto', sans-serif;
	padding: 1em;
	border: 1px solid var(--color-bordes-cgb);
	border-radius: 0.5em;
	box-shadow: 2px 2px 2px var(--color-bordes-cgb);
	background-color: rgb(220, 220, 220);
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
}

.IconoCirculoAdmisiones {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	height: 3em;
	width: 3em;
	/* display: inline-block; */
    padding: 1em;
	color: white;
	background-color: var(--color-azul-cgb);
	box-shadow: 2.5px 2.5px 5px var(--color-bordes-cgb);
	/* cursor: pointer; */
	border-radius: 0.5em;
	text-align: center;
}

.WarningCampoFormaAdmisiones {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	padding: 1em;
	border: 1px solid var(--color-bordes-cgb);
	border-radius: 0.5em;
	box-shadow: 2px 2px 2px var(--color-bordes-cgb);
	background-color: yellow;
	color: white;
	text-align: left;
}

.SuccessCampoFormaAdmisiones {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	padding: 1em;
	border: 1px solid var(--color-bordes-cgb);
	border-radius: 0.5em;
	box-shadow: 2px 2px 2px var(--color-bordes-cgb);
	background-color: var(--color-verde-cgb);
	color: white;
	text-align: left;
}

.InfoCampoFormaAdmisiones {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	padding: 1em;
	border: 1px solid var(--color-bordes-cgb);
	border-radius: 0.5em;
	box-shadow: 2px 2px 2px var(--color-bordes-cgb);
	/* background-color: green; */
	color: white;
	text-align: left;
}

.WarningCampoFormaAdmisiones {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	padding: 1em;
	border: 1px solid var(--color-bordes-cgb);
	border-radius: 0.5em;
	box-shadow: 2px 2px 2px var(--color-bordes-cgb);
	background-color: yellow;
	color: white;
	text-align: left;
}

.TablaExternaFormaAdmisiones {
	font-family: 'Roboto', sans-serif;
	padding: 4px;
	border-radius: 0.5em;
	box-shadow: 2.5px 2.5px 5px var(--color-bordes-cgb);
	max-width:	100%;
}

.fieldrequired-admisiones {
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	color: var(--color-rojo-cgb);
}


.window-modal {
	/* padding: 2em; */
	border-radius: 0;
	color: var(--color-bordes-cgb);
	text-align: left;
	background: white;
	/* min-height: 50vh; */
	height: auto;
	top: 1vh;
	left: 1vw;
	z-index: 101;
}

.window-modal-content {
	padding: 1em;
	border-radius: 0;
	/* min-height: 50vh; */
	/* max-height: 60vh; */
}

.modal-error {
	border: 8px solid var(--color-rojo-cgb);
}

.modal-success {
	border: 8px solid var(--color-verde-cgb);
}

.modal-warning {
	border: 8px solid var(--color-amarillo-cgb);
}

.window-modal-titulo {
	border:none;
	border-radius: 0;
	text-align: center;
}

.window-modal-buttonset {
	border: 0px solid;
	padding: 1em;
}

.color-back-modal {
	background-color: var(--color-bordes-cgb);
	opacity:0.7;
}

.font-modal-error {
	font-family: 'Roboto', sans-serif;
	font-size: 1.5vw;
    font-style : italic;
	color: var(--color-rojo-cgb);
	/* max-height: 70vh; */
}

.font-modal-warning {
	font-family: 'Roboto', sans-serif;
	font-size: 1.5vw;
    font-style : italic;
	color: var(--color-amarillo-cgb);
}

.font-modal-success {
	font-family: 'Roboto', sans-serif;
	font-size: 1.5vw;
    font-style : italic;
	color: var(--color-verde-cgb);
}

.font-modal {
	font-family: 'Roboto', sans-serif;
	font-size: 1.5vw;
    font-style : italic;
	color: var(--color-bordes-cgb);
}


.CeldaIzqAdmisiones {
	font-family: 'Roboto', sans-serif;
	float: left;
	max-width: 45%;
}

.CeldaDerAdmisiones {
	font-family: 'Roboto', sans-serif;
	float: right;
	max-width: 45%;
}

.edit-campos, textarea.edit-campos  {
	font-family: 'Roboto', sans-serif;
	border-radius: 0;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid grey;
    vertical-align: middle;
	font-size: 1.5vw;
    font-weight: 500;
	/* height: 25px; */
	color: var(--color-verde-cgb);
}

.edit-campos-sin-alto, textarea.edit-campos-sin-alto {
	font-family: 'Roboto', sans-serif;
	border-radius: 0;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid grey;
	font-size: 1.5vw;
    font-weight: 500;
	color: var(--color-verde-cgb);
}

.linkAdmisiones  {
	font-family: 'Roboto', sans-serif;
	color: var(--color-azul-cgb);
	text-decoration: underline;
	cursor:	pointer;
}

.ocultar {
	font-family: 'Roboto', sans-serif;
	display:	none;
	visibility:	hidden;
}

.mostrar {
	font-family: 'Roboto', sans-serif;
	display:	block;
	visibility:	visible;
}

/* div {
	border-color: blue;
	border-width: 2px;
	border-style: solid;
}
 */

.left-portal {
	font-family: 'Roboto', sans-serif;
	float: left;
	width: 51%;
}

.main-portal {
	font-family: 'Roboto', sans-serif;
	width: 100%;
	clear: both;
	overflow:auto;
}

.right-portal {
	font-family: 'Roboto', sans-serif;
	float: right;
	width: 49%;
}

.leftPortalButton {
	font-family: 'Roboto', sans-serif;
	padding:	1em;
	float:		left;
	width:		50%;
	display: 	flex;
	justify-content: left;
}

.rightPortalButton {
	font-family: 'Roboto', sans-serif;
	padding:	1em;
	float: left;
	width: 50%;
	display: flex;
	justify-content: right;
}

.centerButton {
	font-family: 'Roboto', sans-serif;
	padding:	1em;
	width: 100%;
	display: flex;
	justify-content: center;
}

.centerNota {
	font-family: 'Roboto', sans-serif;
	padding:	0.5em;
	width: 100%;
	display: flex;
	justify-content: center;
	text-align: center;
}

* {
	font-family: 'Roboto', sans-serif;
	box-sizing: border-box;
}

input.edit-campos::placeholder, input.edit-campos-sin-alto::placeholder {
	font-family: 'Roboto', sans-serif;
	color:		var(--color-rojo-tx-cgb);
	font-size:	1.2vw;
	font-style:	italic;
}

.subir{
	font-family: 'Roboto', sans-serif;
    padding: 5px 10px;
    background: var(--color-rojo-cgb);
    color:#fff;
    border:0px solid #fff;
}

.subir:hover{
	font-family: 'Roboto', sans-serif;
    color:#fff;
    background: var(--color-amarillo-cgb);
}

.ListaDocumentosCargados {
	font-family: 'Roboto', sans-serif;
	float:		right;
	height:		80px;
	overflow-x: auto;
	padding: 	1em;
	border-radius: 0.5em;
	border: 0.1px solid;
	/* box-shadow: 2.5px 2.5px 5px var(--color-bordes-cgb); */
	max-width:	100% ;
}

.celda-label-admisiones {
	font-family: 'Roboto', sans-serif;
	clear:right;
    font-weight: 500;
	text-align: left;
	font-size: 1.5vw;
	color: var(--color-azul-cgb);
}

.CeldaLabelAdmisionesLeft {
	font-family: 'Roboto', sans-serif;
    font-weight: 500;
	float:left;
	padding: 1em;
	width: 100%;
	text-align: right;
	font-size: 1.5vw;
}

.celda-dato-admisiones {
	clear:right;
	width: 100%;
	text-align: left;
	font-size: 1.5vw;
    font-weight: 500;
	padding-top: 0.5em;
	color: var(--color-verde-tx-cgb);
}

.CeldaDatoAdmisionesConceptoFinal {
	padding: 1em;
	width: 50%;
	text-align: center;
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	box-shadow: 2px 2px 2px var(--color-bordes-cgb);
	border-radius: 0.5em;
}

.Bueno {
	background-color: green;
	color: white;
}

.Malo {
	background-color: red;
	color: white;
}

.TablasAdmisionesCampoEspecial {
	border-collapse: collapse;
	border: 0.1px solid;
	border-radius: 0.5em;
}

table.TablasAdmisionesCampoEspecial td{
	padding: 0.5em;
}

.CeldaLabelTablasAdmisionesCampoEspecial {
	background-color: Gainsboro;
	font-weight: bold;
	padding: 1em;
}

#div_select select {
	width:100%;
}

#div_select select:focus {
	width:auto;
}

input.InputTablasCamposEspeciales {
  width: 100%;
  min-width: 50px;
}

.TextAreaTablasCamposEspeciales {
  width: 100%;
  height: 100%;
}

.login_main_message_admisiones {
	font-family: 'Roboto', sans-serif;
	text-align: center;
	max-width: 570px;
	margin-bottom: 10px;
	padding: 1em;
	background-color: rgba(255, 255, 255, 0.75);
}

.login_main_message_admisiones .error {
	font-family: 'Roboto', sans-serif;
	border: 1px solid #caa;
	padding: 10px;
}

.titulo-azul {
	color: var(--color-azul-cgb);
	font-weight: 900;
	text-transform: uppercase;
	font-size: 3.2vw;
}

.titulo-rojo {
	color: var(--color-rojo-cgb);
	font-weight: 900;
	text-transform: uppercase;
	font-size: 2.5vw;
}

.sub-titulo-azul {
	color: var(--color-azul-cgb);
	font-weight: 900;
	text-transform: uppercase;
	font-size: 2vw;
	text-align: left;
}

.sub-titulo-rojo {
	color: var(--color-rojo-cgb);
	font-weight: 900;
	text-transform: uppercase;
	font-size: 2vw;
	text-align: left;
}

.parrafo-formulario {
	color: var(--color-texto-cgb);
	font-size: 1.5vw;
	font-weight: 400;
	text-align: justify;
}

.parrafo-legal-formulario {
	color: var(--color-texto-cgb);
	font-size: 1vw;
	font-weight: 400;
	line-height: 100%;
}

.contenedor-titulo-formulario {
	font-family: 'Roboto', sans-serif;
	border-style: none;
	border-radius: 0;
	box-shadow: none;
	width: 100%;
	clear: both;
	/* border: 2px solid red; */
}

.contenedor-cuerpo-formulario {
	width: 100%;
	padding-left: 2em;
	padding-right: 2em;
	clear: both;
	/* border: 2px solid red; */
}

.container-campo-especial {
	padding: 2em;
	/* border: 2px solid magenta; */
}

.celda-dato {
	padding: 2vw;
	height: 25vh;
	overflow-x: auto;
}

.boton-volver {
	clear: both;
	display: flex;
	justify-content: center;
	align-items: center;
}

.boton-derecha {
	clear: both;
}

.margen-lateral {
	padding-left: 2vw;
	padding-right: 2vw;
}

.margen-top-bottom {
	padding-top: 2em;
	padding-bottom: 2em;
}

.celda-dato-textarea {
	padding: 2vw;
	height: auto;
}

.recuadro-entre-secciones {
	/* border: 8px solid var(--color-rojo-cgb); */
	border: 8px solid white;
	background-color: var(--color-fondo-contenedor);
}

.btn-ayuda {
	height: 2vw;
	/* float: left; */
	cursor: pointer;
}

.img-ayuda {
	height: 70vh;
}

.img-ayuda-off {
	height: 0vh;
}

.bodylogin-portal {
	background-size: contain;
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background: #f0f0f0;
	/* display: table; */
    position: absolute;
    height: 100%;
    width: 100%;
}

.login-table-portal {
    max-width: 20vw;
	position: relative;
	clear: right;
}

.login-tag-input {
	background-color: rgba(256, 256, 256, .7);
	overflow: hidden;
	height: 6vh;
}

.login-tag-input-display {
	overflow: hidden;
	height: 6vh;
}

.login-tag-input-accion {
	background-color: var(--color-azul-cgb);
	overflow: hidden;
	height: 6vh;
}

.login-tag-contiene-input {
	padding-top: 1vh;
	padding-bottom: 1vh;
}

.login-tag-ico-input {
	width: 20%;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	/* border: 2px solid green; */
}

.login-captcha-input {
	width:100%;
	height: 100%;
}

.login-tag-refreshcapcha-input {
	width: 10%;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	/* border: 2px solid green; */
}

.login-tag-capcha-input {
	width: 20%;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	/* border: 2px solid green; */
}

.login-input-capcha {
	width: 70%;
	height: 100%;
	float: left;
	display: flex;
	justify-content: left;
	/* align-items: center;	 */
	/* border: 2px solid green; */
}

.login-input-field {
	width: 80%;
	height: 100%;
	float: left;
	display: flex;
	justify-content: left;
	/* align-items: center;	 */
	/* border: 2px solid green; */
}

.login-input {
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	font-size: 1.3vw;
}

.login-input-accion {
	width: 100%;
	height: 100%;
	float: left;
	display: flex;
	justify-content: left;
	/* align-items: center;	 */
	/* border: 2px solid green; */
}

.login-icono-input {
	height: 80%;
    display: block;
}

input.login-input::placeholder, input.login-input-capcha::placeholder  {
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	font-size: 1.3vw;
	color:		var(--color-font-placeholder);
}

.login-input input#button_registroinicial, .login-input input#button_ingresar, .login-input input#button_reasignarpassword, .login-input input#button_reasignarpass, .login-input input#button_completarregistro {
	width:	100%;
	text-align: center;
}

.login-table-portal input#button_registroinicial, .login-table-portal input#button_ingresar, .login-table-portal input#button_reasignarpassword, .login-table-portal input#button_reasignarpass, .login-table-portal input#button_completarregistro {
	width: 100%;
	border: none;
	background: none;
}

input.login-input:disabled {
	color: rgba(256, 256, 256, .3);
	cursor: not-allowed;
}

input.login-input#button_registroinicial:enabled, input.login-input#button_ingresar:enabled, input.login-input#button_reasignarpassword:enabled, input.login-input#button_reasignarpass:enabled, input.login-input#button_completarregistro:enabled  {
	color: rgba(256, 256, 256);
	cursor: pointer;
}

.login-table-portal input#emailregistro, .login-table-portal input#nombres, .login-table-portal input#apellidos, .login-table-portal input#telefono, .login-table-portal input#securitycode, .login-table-portal input#username, .login-table-portal input#password, .login-table-portal input#confpassword {
	width: 80%;
	border: none;
	background: none;
}

.login-table-portal input#emailregistro:focus, .login-table-portal input#nombres:focus, .login-table-portal input#apellidos:focus, .login-table-portal input#telefono:focus {
	/* outline: none !important; */
}

input.buttonAdmisionesMed#sm_next_page, input.buttonAdmisionesMedOver#sm_next_page {
	/* float:right; */
}

input.buttonAdmisionesMed#sm_previous_page, input.buttonAdmisionesMedOver#sm_previous_page {
	float:left;
}

input.login-input#emailregistro:disabled, input.login-input#nombres:disabled, input.login-input#apellidos:disabled, input.login-input#telefono:disabled {
	color: var(--color-font-placeholder);
	cursor: zoom-in;
}

.contenedor-ppal-login {
	float:left;
	height:83vh;
	padding-left: 2vw;
	/* border: 2px solid blue; */
}

.show-password {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 15%;
}

.ico-show-password {
	max-width:100%;
	max-height:100%;
	width: auto;
	height: auto;
}

.dz-button {
	font-size: 2vw;
}

.eliminar-adjunto {
	width:	30px;
	color:	red;
	text-align:	center;
	cursor:	pointer;
	font-weight: bold;
}

.select-lang {
	float: right;
	position: fixed;
	right: 10vw;
	top: 10vh;
	display: flex;
	justify-content: center;
	align-items: center;
}

.icono-aspirantes {
	width: 5vh;
	align: center;
}

.link-aspirantes {
	display: flex;
	align-items: center;
	font-size: 2vh;
}

.separador-documentos {
	border: solid 2px red;
}


@media only screen and (max-width:1740px) {
	.ImagenPasoAdmisiones{
		background-size: auto 100%;
	}

	.EncabezadoAdmisiones {
		top: 50%;
		height: 40vh;
	}
}


@media only screen and (max-width:1370px) {
	.contenedorMasterPasoAdmisiones {
		height: 650px;
	}

	.ImagenPasoAdmisiones{
		background-size: auto 100%;
	}

	.tituloAdmisiones {
		left: 10px;
		font-size: 2em;
	}

	.barra-banner {
		top: 110px;
		width: 80px;;
	}

	.tituloPasoAdmisiones {
		font-size: 2em;
	}

	.contenedorExternoPasoAdmisiones {
		padding-right: 90px;
		padding-left: 90px;
		padding-top: 5%;
		padding-bottom: 5%;
	}

	.contenedorInterno3PasoAdmisiones {
		font-size: 1.5vw;
	}
}


@media only screen and (max-width:1024px) {
	.contenedorMasterPasoAdmisiones {
		height: 60vh;
	}

	.left-portal {
		width: 51%;
		float: left;
	}

	.main-portal {
		width: 100%;
		clear: both;
	}

	.right-portal {
		width: 49%;
	}

	.leftPortalButton {
		display: flex;
		justify-content: center;
	}

	.rightPortalButton {
		display: flex;
		justify-content: center;
	}


	.contenedorExternoPasoAdmisiones{
		width: 50%;
		height: 100%;
		padding: 5vw;
	}

	.contenedorExternoImagenAdmisiones{
		width: 50%;
		height: 100%;
	}

	.tituloPasoAdmisiones {
		text-align: center;
	}

	.contenedorInterno3PasoAdmisiones {
		font-size: 1.5vw;
	}

	.contenedorInterno4PasoAdmisiones {
		text-align: center;
	}

	.barraTituloPasoAdmisiones {
		margin: 0 auto;
	}

	.tituloAdmisiones {
		font-size: 3.2rem;
	}

	.ImagenPasoAdmisiones{
		background-size: auto 100%;
	}

	.celda-label-admisiones {
		font-size: 2vw;
	}

	.celda-dato-admisiones {
		font-size: 2vw;
	}

	.edit-campos, textarea.edit-campos, .edit-campos-sin-alto, textarea.edit-campos-sin-alto {
		font-size: 2vw;
	}

	.font-modal-warning {
		font-size: 2vw;
	}

	.font-modal-error {
		font-size: 2vw;
	}

	.dz-button {
		font-size: 2vw;
	}

	.window-modal {
		width: 60%;
	}
}

@media only screen and (max-width:850px) {
	.contenedorMasterPasoAdmisiones {
		height: 90vh;
	}

	.tituloAdmisiones {
		left: 15px;
		font-size: 3.5em;
	}

	.EncabezadoAdmisiones {
		top: 50%;
		height: 35vh;
	}

	.barra-banner {
		top: 57px;
		width: 12px;;
	}

	.tituloPasoAdmisiones {
		font-size: 3.6vw;
	}

	.contenedorExternoPasoAdmisiones {
		width: 100vw;
		height: 45vh;
		padding: 5vw;
	}

	.contenedorExternoImagenAdmisiones{
		width: 100vw;
		height: 45vh;
	}

	.ImagenPasoAdmisiones{
		background-size: auto 100%;
	}

	.contenedorInterno3PasoAdmisiones {
		font-size: 2.5vw;
	}

	div.buttonAdmisionesIndex, .buttonAdmisionesIndex {
		font-size: 3.6vw;
	}

	div.buttonAdmisionesIndexOver, .buttonAdmisionesIndexOver {
		font-size: 3.6vw;
	}

	.parrafo-legal-formulario {
		font-size: 1.5vw;
	}

	.celda-dato {
		height: auto;
	}

	.parrafo-formulario {
		font-size: 2.2vw;
	}

	.sub-titulo-azul {
		font-size: 2.5vw;
	}

	.sub-titulo-rojo {
		font-size: 2.5vw;
	}

	.celda-label-admisiones {
		font-size: 3vw;
	}

	.celda-dato-admisiones {
		font-size: 3vw;
	}

	.edit-campos, textarea.edit-campos, .edit-campos-sin-alto, textarea.edit-campos-sin-alto {
		font-size: 3vw;
	}

	.font-modal-warning {
		font-size: 3vw;
	}

	.font-modal-error {
		font-size: 3vw;
	}

	.dz-button {
		font-size: 3vw;
	}

	.logo-colegio-banner-externo {
		height: 15vh;
	}

	/* .logo-externo { */
		/* width: 13vw; */
	/* } */

	.titulo-colegio-exterior {
		font-size: 4vw;
	}

	.titulo-admisiones-exterior {
		width: 80vw;
		font-size: 7vw;
	}

	.parrafo-admisiones-exterior {
		width: 80vw;
		font-size: 3.5vw;
	}

	a.link-portal-exterior:link, a.link-portal-exterior:visited, a.link-portal-exterior:hover, a.link-portal-exterior:active {
		font-size: 3.5vw;
	}

	.submit-link-portal-exterior {
		font-size: 3.5vw;
	}

	.login-tag-input {
		width: 60vw;
		height: 8vh;
	}

	.login-tag-input-accion {
		width: 60vw;
		height: 8vh;
	}

	.login-input, input.login-input::placeholder, input.login-input-capcha::placeholder {
		font-size: 3vw;
	}

	.center {
		width: 60vw;
	}

	.window-modal {
		width: 80%;
	}

	div.buttonAdmisionesMed, .buttonAdmisionesMed, div.buttonAdmisionesMedOver, .buttonAdmisionesMedOver , div.buttonAdmisionesMedRefussed, .buttonAdmisionesMedRefussed {
		font-size: 2vw;
		margin-left: 0px;
	}
}


@media only screen and (max-width:850px) and (orientation: landscape) {
	.contenedorMasterPasoAdmisiones {
		height: 250vh;
	}

	.tituloAdmisiones {
		left: 15px;
		font-size: 3.5em;
	}

	.EncabezadoAdmisiones {
		top: 50%;
		height: 70vh;
	}

	.barra-banner {
		top: 57px;
		width: 12px;;
	}

	.tituloPasoAdmisiones {
		font-size: 3.6vw;
	}

	.contenedorExternoPasoAdmisiones {
		width: 100vw;
		height: 130vh;
		padding: 5vw;
	}

	.contenedorExternoImagenAdmisiones{
		width: 100vw;
		height: 120vh;
	}

	.ImagenPasoAdmisiones{
		background-size: 100% auto;
	}

	.contenedorInterno3PasoAdmisiones {
		font-size: 2.5vw;
	}

	div.buttonAdmisionesIndex, .buttonAdmisionesIndex {
		font-size: 3.6vw;
	}

	div.buttonAdmisionesIndexOver, .buttonAdmisionesIndexOver {
		font-size: 3.6vw;
	}

	.celda-label-admisiones {
		font-size: 3vw;
	}

	.celda-dato-admisiones {
		font-size: 3vw;
	}

	.edit-campos, textarea.edit-campos, .edit-campos-sin-alto, textarea.edit-campos-sin-alto {
		font-size: 3vw;
	}

	.font-modal-warning {
		font-size: 3vw;
	}

	.font-modal-error {
		font-size: 3vw;
	}

	.dz-button {
		font-size: 3vw;
	}

	.celda-dato {
		height: auto;
	}

	.parrafo-formulario {
		font-size: 2vw;
	}

	.parrafo-legal-formulario {
		font-size: 1.5vw;
	}

	.titulo-admisiones-exterior {
		font-size: 4vw;
	}

	.parrafo-admisiones-exterior {
		font-size: 2vw;
	}

	a.link-portal-exterior:link, a.link-portal-exterior:visited, a.link-portal-exterior:hover, a.link-portal-exterior:active {
		font-size: 2vw;
	}

	.submit-link-portal-exterior {
		font-size: 2vw;
	}


	.login-tag-input {
		width: 40vw;
		height: 10vh;
	}

	.login-tag-input-accion {
		width: 40vw;
		height: 10vh;
	}

	.login-input, input.login-input::placeholder, input.login-input-capcha::placeholder {
		font-size: 2.5vw;
	}

	.window-modal {
		width: 80%;
	}

	div.buttonAdmisionesMed, .buttonAdmisionesMed, div.buttonAdmisionesMedOver, .buttonAdmisionesMedOver , div.buttonAdmisionesMedRefussed, .buttonAdmisionesMedRefussed {
		font-size: 2vw;
	}
}


@media only screen and (max-width:500px) {
	.contenedorMasterPasoAdmisiones {
		height: 105vh;
	}

	.tituloAdmisiones {
		left: 15vw;
		font-size: 7vw;
	}

	.EncabezadoAdmisiones {
		top: 50%;
		height: 35vh;
		background-size: 100% auto;
	}

	.barra-banner {
		top: 57px;
		width: 12px;;
	}

	.tituloPasoAdmisiones {
		font-size: 6vw;
	}

	.contenedorExternoPasoAdmisiones {
		width: 100vw;
		height: 65vh;
		padding: 5vw;
	}

	.contenedorExternoImagenAdmisiones{
		width: 100vw;
		height: 40vh;
	}

	.ImagenPasoAdmisiones{
		background-size: 100% auto;
	}

	.contenedorInterno3PasoAdmisiones {
		font-size: 4vw;
	}

	div.buttonAdmisionesIndex, .buttonAdmisionesIndex {
		font-size: 5vw;
	}

	div.buttonAdmisionesIndexOver, .buttonAdmisionesIndexOver {
		font-size: 5vw;
	}

	.left-portal {
		width: 100%;
	}

	.right-portal {
		width: 100%;
	}

	.parrafo-legal-formulario {
		font-size: 3vw;
	}

	.sub-titulo-azul {
		font-size: 4vw;
	}

	.sub-titulo-rojo {
		font-size: 4vw;
	}

	.parrafo-formulario {
		font-size: 4vw;
	}

	.celda-label-admisiones {
		font-size: 5vw;
	}

	.celda-dato-admisiones {
		font-size: 5vw;
	}

	.edit-campos, textarea.edit-campos, .edit-campos-sin-alto, textarea.edit-campos-sin-alto {
		font-size: 5vw;
	}

	.font-modal-warning {
		font-size: 5vw;
	}

	.font-modal-error {
		font-size: 5vw;
	}

	.dz-button {
		font-size: 5vw;
	}

	.window-modal {
		width: 90%;
	}

	.celda-dato {
		height: 15vh;
		overflow-y: visible;
	}

	div.buttonAdmisionesMed, .buttonAdmisionesMed, div.buttonAdmisionesMedOver, .buttonAdmisionesMedOver, div.buttonAdmisionesMedRefussed, .buttonAdmisionesMedRefussed {
		font-size: 3vw;
		margin-left: 0px;
	}

	/* .logo-externo { */
		/* width: 20vw; */
		/* height: auto; */
	/* } */

	.titulo-colegio-exterior {
		font-size: 5.5vw;
	}

	.logo-colegio-banner-externo {
		width: 70vw;
	}

	.titulo-admisiones-exterior {
		width: 80vw;
		font-size: 7vw;
	}

	.parrafo-admisiones-exterior {
		width: 80vw;
		font-size: 3.5vw;
	}

	a.link-portal-exterior:link, a.link-portal-exterior:visited, a.link-portal-exterior:hover, a.link-portal-exterior:active {
		font-size: 3.5vw;
	}

	.submit-link-portal-exterior {
		font-size: 3.5vw;
	}

	.login-tag-input {
		width: 80vw;
	}

	.login-tag-input-accion {
		width: 80vw;
	}

	.login-input, input.login-input::placeholder, input.login-input-capcha::placeholder {
		font-size: 5vw;
	}
}

input.btn-admissions-verde {
    background-color: var(--color-verde-cgb);
	color: white;
	/* background-color: rgba(0, 0, 0, 0); */
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: var(--color-verde-cgb);
	border-radius: 0px 0px 0px 0px;
	font-size: 16px;
	padding: 15px 30px;
	box-shadow: none;
	text-decoration: none;
	box-sizing: border-box;
	cursor: pointer;
	font-weight: 900;
	text-transform: uppercase;
	clear: both;
}

.container-update-aspirante {
	display: flex;
}

#btn-pdf {
	border: none;
	color: var(--color-verde-tx-cgb);
}

.help-download-pdf {
	margin: 10px;
	text-transform: uppercase;
	font-weight: 900;
	color: var(--color-verde-tx-cgb);
}

.container-download-pdf {
	// background: salmon;
    display: flex;
    justify-content: center;
    align-items: center;	
}