.fechaInvalida a {
  background-color: #d74325 !important;
  color: #f1f1f1 !important;
  border-radius: 50% !important;
}

.fechaValida a {
  background-color: #084717 !important;
  color: #f1f1f1 !important;
  font-size: 1.2em !important;
  font-weight:bold !important;
  padding: 0px;
  border-radius: 50% !important;
}



.gritter-center{
position:absolute;
left:10px;
top:10px;
}

.mycheck{ 
	transform: scale(1);
	margin-left: 50px;
	 } 

.imgRedonda {
    width:35px;
    height:35px;
    border-radius:150px;
    margin-top: 5px;
}

.et {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: bold;

}



  

label.error{
    background: #ff2828 center left 2px no-repeat; 
    border: 2px solid #804040;
    border-radius: 5px;
    box-shadow: 5px 5px 5px #333;
    color: #ffffff;
    font-weight: bold;
    display: none;
    font-size: 1em;
    padding: 5px 5px 5px 5px;
    max-width: 6000px;
    position: absolute; 
    z-index: 100; 
}


input.error{
  background: #fff0f4; 
  color: #c51244;
  border: 1px solid #c51244 !important; 
}


@font-face {font-family: Girassol;src: url("../fonts/Girassol-Regular.ttf");}

@font-face { font-family: PermanentMarker;src: url("../fonts/PermanentMarker-Regular.ttf");}

@font-face {font-family: Amaranth;src: url("../fonts/Amaranth-Regular.ttf");}
  
@font-face { font-family: AmaranthB; src: url("../fonts/Amaranth-Bold.ttf");}

@font-face {font-family: Roboto-Black; src: url("../fonts/Roboto-Black.ttf");}

@font-face {font-family: Roboto-Bold; src: url("../fonts/Roboto-Bold.ttf");}

@font-face {font-family: Roboto-Light; src: url("../fonts/Roboto-Light.ttf");}

@font-face {font-family: Roboto-Regular; src: url("../fonts/Roboto-Regular.ttf");}


.fontAmaranth {font-family: 'Amaranth';}
.fontAmaranthB {font-family: 'AmaranthB';}     
.fontRobotoBk {font-family: 'Roboto-Black';}   
.fontRobotoB {font-family: 'Roboto-Bold';}   
.fontRobotoL {font-family: 'Roboto-Light';}   
.fontRoboto {font-family: 'Roboto-Regular';}   

    



/*=====================================PARA LAS FORMULA MATEMATICAS =============================*/

.dblarrow {
  font-size: 125%;
  top: -0.4ex;
  margin: 0 2px;
}
.dblarrow:after {
  content:"\2190";
  position: absolute;
  left: 0;
  top: 0.5ex;
}

/*=====================================PARA LAS FICHAS DE LOS ALUMNOS=============================*/
.ma_principal {
  height:100px; 
  border:0px solid #CFCFCF; 
  margin:10px; 
  padding:0px;
  width: 100%;
}

.ma_lineaH {
  height:100%; 
  width:5px;
  border:0px;
  background-color: #0E02BF; 
  margin:0px; 
  display: inline-block;
}

.ma_foto{
  text-align: left;
  margin:0px; 
  padding: 0px;
  display: inline-block;
}

.ma_fotoRec{
  text-align: left;
  margin:0px; 
  padding: 0px;
  display: inline-block;
}


.ma_datos{
  text-align: left;
  margin:0px; 
  padding: 0px;
  display: inline-block;
  height: 100%;
  word-wrap: break-word;
}

.ma_foto{
    width: 70px;
    height: 70px;
    border: 2px solid darkgray;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-size: 100% auto;
}

.ma_foto:hover{

  border: 3px solid darkorange;
 
}

.ma_fotoRec{
  width: 80px;
  height: 90px;
  border: 2px solid darkgray;
  background-repeat: no-repeat;
  background-position: 50%;
  border-radius: 5%;
  background-size: 100% auto;
}

.ma_fotoRec:hover{
  border: 3px solid darkorange;
}



.ma_popover{
   width: 350px;
}




.co_foto{
  text-align: left;
  margin:0px; 
  padding: 0px;
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  border: 1px solid darkgray;
  margin-bottom: 10px;
}


/*=================================BARRAS VERTICALES =========================================*/

.sigeaFrame {
SCROLLBAR-FACE-COLOR:#6699CC;
SCROLLBAR-HIGHLIGHT-COLOR: #6699CC;
SCROLLBAR-SHADOW-COLOR: #6699CC;
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
SCROLLBAR-ARROW-COLOR: #FFFFFF;
SCROLLBAR-TRACK-COLOR: #E3E3E3;
SCROLLBAR-DARKSHADOW-COLOR: #000000;
}

.sigeaPrin {
  /*Estilos estándar experimentales (Principalmente Firefox)*/
  scrollbar-color: rgba(0, 0, 0, .5) rgba(0, 0, 0, 0);
  scrollbar-width: thin;
}

.sigeaPrin::-webkit-scrollbar {
  -webkit-appearance: none;
}

.sigeaPrin::-webkit-scrollbar:vertical {
  width:10px;
}

.sigeaPrin::-webkit-scrollbar-button:increment,.contenedor::-webkit-scrollbar-button {
  display: none;
} 

.sigeaPrin::-webkit-scrollbar:horizontal {
  height: 10px;
}

.sigeaPrin::-webkit-scrollbar-thumb {
  background-color: #23b3df;
  border-radius: 20px;
  border: 2px solid #5789bb;
}

.sigeaPrin::-webkit-scrollbar-track {
  border-radius: 10px;  
}

/*==============================================*/
.sigeaPrin2 {
  scrollbar-color: rgba(133, 7, 218, 0.5) rgba(0, 0, 0, 0);
  scrollbar-width: thin;
}

/* Estilos adicionales para WebKit (Chrome, Safari) */
.sigeaPrin2::-webkit-scrollbar-thumb {
  background-color: #2bd647;
  border-radius: 20px;
  border: 2px solid #5fbb57;
}

.sigeaPrin2::-webkit-scrollbar-track {
  border-radius: 10px;  
}



/*============otros estilos de barras===========================*/

.sigeaPrin7::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	border-radius: 10px;
}

.sigeaPrin7::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.sigeaPrin7::-webkit-scrollbar-thumb
{
	border-radius: 10px;
  background-color: #0b0d83;
  border-radius: 20px;
  border: 2px solid #28223f;
}




/*============================INDICADORES ==============================*/
.indNumero {
  color:#0C0868; 
  font-size:45px; 
  margin:0px; 
  padding:0px;
}
.indVertical {
  color:#0C0868; 
  font-size:10px; 
  margin:0px; 
  padding:0px; 
  writing-mode: vertical-lr;
}
.centrarVertical {
  display: flex; 
  align-items: center;
}


.indDescrip {
  padding:0px;
  margin:0px;
  font-size:8px; 
  line-height :10px;
}



/*================MENU LATERAL ============================== */
.sticky-container{ 
  padding:0px; 
  margin:0px; 
  position:fixed; 
  left:200px;
  bottom: 0 !importante;
  bottom: -1px;
  height: 40px;
  z-index: 1100; 
}

/*.sticky-container:hover{ right:-135px;}*/
.sticky li{
  padding-left:3px;
  padding-right:3px;
  list-style-type: none;
  display:inline;
  background-color: transparent;
  color: #efefef;
  height: 43px;
  cursor: pointer;
}

.sticky i:hover{color:rgb(7, 85, 59); }
.sticky i{color:rgb(20, 12, 63); }




/*================ PARA LAS GUIAS LINEAL============================== */

.ginumero {
  width: 10%;
  height: 100px;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  background: rgb(41, 24, 114);
  color:white;
  font-size: 50px;
  font-family: 'RobotoB';
  text-align: center;
  display: inline-block;
  align-items: center;
  justify-content: center;
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear;
}


.gicontenido {
  width: 75%;
  height: 100px;
  padding: 3px;
  margin: 0px;
  overflow: auto;
  background: rgb(255, 255, 255);
  font-size: 20px;
  display: inline-block;
  text-align: Justify;
  align-items: center;
  justify-content: center;
  -webkit-box-shadow: 0px 2px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 2px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 2px 0px rgba(0,0,0,0.2);
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear;
}


.gisubtitulo {
  color:rgba(0, 0, 0, 0.856);
  font-size: 0.8em;
  line-height:normal;
  font-weight:lighter;
  font-family: 'Roboto';
}

.gititulo {
  color:rgba(23, 5, 53, 0.712);
  font-size: 1em;
  text-align: left;
  line-height:normal;
  font-weight: bold;
  font-family: 'Amaranth';
  line-height:normal;
}

.giimagen {
  width: 10%;
  height: 100px;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  background: rgb(255, 255, 255);
  color:white;
  font-size: 50px;
  text-align: center;
  display: inline-block;
  align-items: center;
  justify-content: center;
  
}


/*=========================================INFO CIRCULAR ==============================*/
.giimagenCirI {
  position:relative;
  top:5px;
  left: 5px;
  width: 100px;
  height: 100px;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear;
}


.giimagenCirPeqI {
  position:relative;
  top:-65px;
  left: 85px;
  width: 40px;
  height: 40px;
  background-color: white;
  border:#CFCFCF 2px;
  padding: 0px;
  font-size: 30px;
  font-weight: bold;
  margin: 0px;
  overflow: hidden;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear;
}




.giimagenCirD {
  width: 100px;
  height: 100px;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear;
}


.giimagenCirPeqD {
  position:relative;
  top:-65px;
  left: -20px;
  width: 40px;
  height: 40px;
  background-color: white;
  border:#CFCFCF 2px;
  padding: 0px;
  font-size: 30px;
  font-weight: bold;
  margin: 0px;
  overflow: hidden;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear;
}


.line1 {
  width: 112px;
  height: 47px;
  border-bottom: 3px dotted rgba(70, 60, 60, 0.527);
  -webkit-transform:
      translateY(-20px)
      translateX(5px)
      rotate(45deg); 
  position: relative;
  top:-180px;
  left:-95px;
  /* top: -20px; */
}

.line2 {
  width: 210px;
  height: 47px;
  border-bottom: 3px dotted rgba(70, 60, 60, 0.527);
  -webkit-transform:
      translateY(-20px)
      translateX(5px)
      rotate(315deg); 
  position: relative;
  top:-20px;
  left:-165px;
  /* top: -20px; */
}





.gicuadro {
  width: 100%;
  height: 250px;
  padding: 3px;
  margin: 0px;
  font-size: 20px;
  overflow:auto;
  display: inline-block;
  text-align: center;
  align-items: center;
  justify-content: center;
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear;
  line-height:0vw;
}




.ginumeroCuad {
  position:relative;
  top:-230px;
  left: 10px;
  width: 40px;
  height: 40px;
  background-color: white;
  border:#CFCFCF 2px;
  padding: 0px;
  font-size: 30px;
  font-weight: bold;
  margin: 0px;
  overflow: hidden;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}





.giconttitulo {
  font-size: 20px;
  line-height:0vw;
  padding: 0px;
  margin: 0px;
}




.gicuadrolin {
  width: 100%;
  height: 200px;
  padding: 15px;
  margin: 0px;
  font-size: 30px;
}



/*=============================================info con lineas========*/


.giCuad_1I {
  width: 100%;
  height: 200px;
  padding: 20px;
  margin-left:10px;
  font-size: 25px;
  overflow-x:hidden;
  overflow-y:auto;
  display: inline-block;
  text-align: left;
  align-items: center;
  justify-content: center;
}

.giCuad_1D {
  width: 100%;
  height: 200px;
  padding: 20px;
  margin-left:50px;
  margin-right:50px;
  font-size: 25px;
  overflow-x:hidden;
  overflow-y:auto;
  display: inline-block;
  text-align: left;
  align-items: center;
  justify-content: center;
}


.giCuadPeq_1 {
  position:relative;
  width: 40px;
  height: 40px;
  background-color: white;
  border:#CFCFCF 2px;
  padding: 0px;
  top:-250px;
  font-size: 25px;
  font-weight: bold;
  margin: 0px;
  overflow: hidden;
  text-align: center;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear;
  z-index: 2;
}



.giLinea_1 {
  position:relative;
  height: 5px;
  border:#CFCFCF 2px;
  padding: 0px;
  top:-270px;
  margin: 0px;
  overflow: hidden;
  z-index: 1;
}


.giLineaV_1 {
  width: 250px;
  height: 47px;
  border-bottom: 5px dotted rgba(70, 60, 60, 0.527);
  -webkit-transform:
      translateY(-0px)
      translateX(0px)
      rotate(90deg); 
  position: relative;
  top:-150px;
  /* top: -20px; */
}



/*==============================LINEAL SIN CUADROS========================================*/


.ginumeroLSC {
  width: 4vw;
  height: 4vw;
  padding: 2px;
  margin: 2px;
  border-radius: 50%;
  overflow: hidden;
  background: rgb(41, 24, 114);
  color:white;
  font-size: 2vw;
  font-family: 'RobotoB';
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear;
}


.gicontenidoLSC {
  width: 65%;
  height: 100px;
  padding: 3px;
  margin: 0px;
  overflow: auto;
  font-size: 20px;
  display: inline-block;
  text-align: Justify;
  align-items: center;
  justify-content: center;
}

.giimagenLSC {
  width: 5vw;
  height: 5vw;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  font-size: 50px;
  text-align: center;
  display: inline-block;
  align-items: center;
}


/*=============================================nUMEROS ENLAZADOS OR LINEAS VERTICALES========*/


.giCuadro_LIE {
  width: 100%;
  height: 200px;
  padding: 20px;
  border-radius: 10px;
  margin-left:10px;
  font-size: 25px;
  overflow-x:hidden;
  overflow-y:auto;
  display: inline-block;
  text-align: left;
  align-items: center;
  justify-content: center;
  z-index: 3;
}

.giCuadPeq_LIE {
  width: 50px;
  height: 50px;
  border-radius: 5px;
  padding: 3px;
  font-size: 20px;
  overflow-x:hidden;
  overflow-y:auto;
  display: flex;
  text-align: left;
  align-items: center;
  justify-content: center;
  background-color: blanchedalmond;
}


.contNum_LIE {

  height: 200px;
  display: flex; 
  text-align: center;
  align-items: center; 
  justify-content: center;
  z-index: 2;
}

.giLineaV_LIE {

  width: 50px;
  height: 250px;
  border-left: 5px dotted rgba(70, 60, 60, 0.527);
  position: absolute;
  top:10px;
  z-index: -1;
  /* top: -20px; */
}


.giLineaH_LIE {
  height: 10px;
  border-top: 5px dotted rgba(70, 60, 60, 0.527);
  position: absolute;
  top:10px;
  z-index: -1;
  /* top: -20px; */
}
/*===========================INFO IMÁGENES GRANDES===========================================*/

.giimagen_LIIM {
  height: 90px;
  width: 100%;
  border-radius: 10px;
  border: 2px solid rgba(0, 0, 0, 0.089);
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  background: rgb(255, 255, 255);
  color:white;
  font-size: 50px;
  text-align: center;
  display: inline-block;
  align-items: center;
  justify-content: center;
}


.imagen_grande {
  height: 100%;

  border-radius: 10px;
  border: 10px solid rgba(0, 0, 0, 0.089);
 
  
}


.ginumero_LIIM {
  width: 40px;
  height: 100px;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  background: rgb(41, 24, 114);
  color:white;
  font-size: 50px;
  font-family: 'RobotoB';
  text-align: center;
  display: inline-block;
  align-items: center;
  justify-content: center;
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear;
}



.gicontenido_LIIM {
  width: 90%;
  height: 100px;
  padding: 3px;
  margin: 0px;
  overflow: auto;
  background: rgb(255, 255, 255);
  font-size: 20px;
  display: inline-block;
  text-align: Justify;
  align-items: center;
  justify-content: center;
  border-bottom:dashed  1px rgba(0, 0.1, 0, 0.1);
}



/*===============================css pagina principal 16/02/2022 =================================*/
.redondo {
  display: inline-block;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

span.fb-inner {
  width: 40px;
  height: 40px;
}


.social-share {
  width: 72px;
  height: 54px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
}

.social-share.fb {
  padding-top: 10px;
  background-color: rgb(4, 4, 102);
}

.social-share:hover > span {
  top: -29px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.social-share:hover > .cta {
  bottom: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.cta {
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  padding: 6px 0;
  text-align: center;
  width: 72px;
  position: absolute;
  border-radius: 0 0 6px 6px;
  bottom: -60px;
  display: block;
  box-shadow: inset 0 1px 0 0 #ffffff, 0 -1px 0 0 rgba(0, 0, 0, 0.3);
  background-color: #e8e8e8;
  background-image: -webkit-linear-gradient(top left, #e8e8e8, #ffffff);
  background-image: -moz-linear-gradient(top left, #e8e8e8, #ffffff);
  background-image: -ms-linear-gradient(top left, #e8e8e8, #ffffff);
  background-image: -o-linear-gradient(top left, #e8e8e8, #ffffff);
  background-image: linear-gradient(top left, #e8e8e8, #ffffff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#ffffff', GradientType=0);;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.cta.fb {
  color: rgba(54, 93, 152, 0.99);
}


/*=================================00===============*/

.tooltipSigea {
  position: relative;
  display: inline-block;
}
.tooltipSigea .tooltiptextSigea {
  visibility: hidden;
  width: 300px;
  background-color: rgb(21, 3, 44);
  color: #fff;
  text-align: center;
  padding: 5px;
  border-radius: 6px;
  word-wrap: break-word;
  overflow: scroll;
  position: absolute;
  z-index: 1;
}

.tooltipSigea:hover .tooltiptextSigea {
  visibility: visible;
}


/*===============================*/

.tooltipSigea2 {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tooltipSigea2 .tooltiptextSigea2 {
  visibility: hidden;
  width: 300px;
  background-color: rgb(149, 197, 199);
  color: rgb(19, 1, 1);
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltipSigea2:hover .tooltiptextSigea2 {
  visibility: visible;
}



.tooltipSigea3 {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tooltipSigea3 .tooltiptextSigea3 {
  visibility: hidden;
  width: 100px;
  background-color: rgb(110, 201, 145);
  color: rgb(19, 1, 1);
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  font-weight: bold;
  font-family: 'Roboto-Bold';
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltipSigea3:hover .tooltiptextSigea3 {
  visibility: visible;
}



/*=================================AULAS =================================*/

.cuadroAula {
  width: 100%;
  height: 250px;
  padding: 0px;
  margin: 5px;
  overflow:auto;
  display: inline-block;
  text-align: center;
  align-items: center;
  justify-content: center;
  border: 1px rgb(191, 183, 183) solid;
  -webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.2);
  box-shadow:1px 1px 1px 1px rgba(0,0,0,0.2);
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear;
  line-height:0vw;
}

.titAula {
  width: 100%;
  height: 25px;
  padding-top: 10px;
  margin: 0px;
  overflow:auto;
  text-align: center;
  align-items: center;
  justify-content: center;
  background-color: #0C0868;
  font-size:16px;
  color:white;
}

/*=======================para las rubricas ===================================*/

.rubriNivel {
    width:100%; 
    color:#0b0986;
    height:100px;
    line-height: 1;
    margin:0px;
    padding: 2px;
    background-color:#E7F0F0;
    border:1px solid #21A8AF;
}

.rubriCrit {
  width:100%; 
  color:#0b0986;
  height:100px;
  line-height: 1;
  margin:0px;
  padding: 2px;
  background-color:#BFE0F7;
  border:1px solid #0489E6 ;
}



/*===========================================RADIOS===================================*/



.radioSigea {
  border: 0px;
  width: 100%;
  height: 2em;
  cursor:pointer;
}


/*========================IMPRIMIR DIAGRAMA DE GANTT=============================*/
@media print {
  body * {
      visibility: hidden;
  }
  #informacion, #informacion * {
      visibility: visible;
  }
  #informacion {
      position: absolute;
      left: 0;
      top: 0;
  }
}