/*#@charset "UTF-8";*/
/* +++++++++++++++++++++++++++++++++++++++++ */
body, div {
  font-size: 13px;
}

.fa-comments {
  color: blue;
}

.icons {
  border-right: 1px solid gray; 
  padding-left: 10px; 
  padding-right: 10px;
}
.icons:hover, .icons:active {
  background-color: #C9D8F3;
}

.icons:active {
  filter: grayscale(100%);
}
.textActivo {
//  box-shadow: 1px 1px 7px 1px;
}
/* +++++++++++++++++++++++++++++++++++++++++ */
#areaYPregunta {
  height: 100%;
  top: 1%;
  border: 0px solid black;
  padding: 5px;
}
/* +++++++++++++++++++++++++++++++++++++++++ */
#materias {
/*  top: 11%;*/
  position: absolute;
  height: 90%;
  overflow: auto;
}
/* +++++++++++++++++++++++++++++++++++++++++ */
.trMaterias {
  background-color: white;
}
/* +++++++++++++++++++++++++++++++++++++++++ */
.trMaterias:hover {
  background-color: #FFFFBB;
}
/* +++++++++++++++++++++++++++++++++++++++++ */
#botones {
  width: 100%;
  left: 0%;
/*  position: absolute;
  top: 91%;*/
  height: 9%;
  text-align: center;
  border-top: 0px solid;
}
/* +++++++++++++++++++++++++++++++++++++++++ */
#areaYPregunta, #materias, #botones {
/*  position: absolute;*/
  width: 100%;
  left: 0%;
}
/* +++++++++++++++++++++++++++++++++++++++++ */
#instrucciones {
  position: absolute;
  width: 100%;
  left: 0%;
  margin: 0 auto;
  height: 100%;
  top: 0%;
  background-color: white;
  border: 2px solid #001D68;
}
/* +++++++++++++++++++++++++++++++++++++++++ */
#headerCloseCortina {
  position: absolute;
  width: 96%;
  left: 2%;
  height: 6%;
  top: 1%;
  border-bottom: 1px solid;
  text-align: center;
}
/* +++++++++++++++++++++++++++++++++++++++++ */
#contenidoInstrucciones {
  position: absolute;
  width: 96%;
  left: 2%;
  height: 70%;
  top: 6%;
  overflow: auto;
}
/* +++++++++++++++++++++++++++++++++++++++++ */
.divPermisosSA {
  width: 100%;
/*  top-padding: 3px;*/
/*  bottom-padding: 3px;*/
}
/* +++++++++++++++++++++++++++++++++++++++++ */
.divPermisosSA:hover, .divPermisosSA:active {
  cursor: pointer;
  background-color: gray;
  color: white;
}
/* +++++++++++++++++++++++++++++++++++++++++ */
#tablaMaterias {
  width: 100%;
  height: 75%;
/*  background-color: blue;*/
}
/* +++++++++++++++++++++++++++++++++++++++++ */
#tablaMaterias img {
  width: 24px;
  height: 24px;
}
/* +++++++++++++++++++++++++++++++++++++++++ */
.divSuperiorAdmin {
/*  position: absolute;*/
  width: 100%;
  left: 0%;
  margin: 0 auto;
  height: 10%;
  z-index: 2;
  border: 0px solid blue;
}
/* +++++++++++++++++++++++++++++++++++++++++ */
.divInferiorAdmin {
/*  position: absolute;
  width: 100%;
  left: 0%;
//  height: 73%;
  
//  height: 85%;
//  top: 20%;
  overflow: auto; 
  z-index: 2;
  margin: 0 auto;
  text-align: center;
*/
}
/* +++++++++++++++++++++++++++++++++++++++++ */
.hijo1DivInferiorAdmin {
  width: 99.8%;
  left: 0%;
  height: 52px;
  text-align: center;
  border: 1px solid;
  overflow: hidden;
}
/* +++++++++++++++++++++++++++++++++++++++++ */
.hijo2DivInferiorAdmin {
  width: 99%;
  height: 52px;
  text-align: center;
  overflow: hidden;
  border: 1px solid;
}
/* +++++++++++++++++++++++++++++++++++++++++ */
.textPreguntas {
  width: 100%;  
  border: 0px solid;
}
/* +++++++++++++++++++++++++++++++++++++++++ */
.bigSelect {
  width: 100%;
}
/* +++++++++++++++++++++++++++++++++++++++++ */
#opcionesFiltros {
  position: absolute; 
  border: 1px solid gray; 
  background-color: white; 
  width: 60%;
  left: 20%;
  height: auto; 
  padding: 4px; 
  visibility: hidden; 
  z-index: 200;
}
/* +++++++++++++++++++++++++++++++++++++++++ */
.divCursos {
  width: 49.5%; 
  height: 80%; 
  position: absolute; 
/*  overflow: auto; */
  border: 1px solid gray;
/*
  border-left: 1px solid gray;
  border-bottom: 1px solid gray;
  border-right: 1px solid gray;
*/
}
/* +++++++++++++++++++++++++++++++++++++++++ */
.divListaCursos {
  width: 200%; 
/*  border-bottom: 1px solid gray; */
  padding: 2px; 
  text-align: left;
}
/* +++++++++++++++++++++++++++++++++++++++++ */
.divFiltrosCursosMatrizEmpleados {
  width: auto; 
  height: 200px; 
  overflow-y: auto; 
  border: 1px solid; 
  position: absolute; 
  background-color: white; 
  border: 1px solid #C7C7C7; 
  border-radius: 1px; 
  background-color: white;
  float: right;
  padding: 5px;
}
/* +++++++++++++++++++++++++++++++++++++++++ */
.divAgendaCurso {
  width: 100%; 
  height: auto; 
  top: 1px; 
  text-align: center;
  border-bottom: 1px solid gray;
}
/* +++++++++++++++++++++++++++++++++++++++++ */
#divRevision {
  position: absolute; 
  width: 100%; 
  left: 0%; 
  overflow: auto;   
  border-bottom: 2px solid gray; 
  text-align: center;
}
/* +++++++++++++++++++++++++++++++++++++++++ */
.textRotated {
  /* Safari */
  -webkit-transform: rotate(-90deg);
  
  /* Firefox */
  -moz-transform: rotate(-90deg);
  
  /* IE */
  -ms-transform: rotate(-90deg);
  
  /* Opera */
  -o-transform: rotate(-90deg);
 
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
/* +++++++++++++++++++++++++++++++++++++++++ */
.login {
 position: fixed; 
  z-index: 200; 
  height: auto; 
  width: 50%;  
  left: 25%; 
  top: 25%; 
  border: 1px solid;
  border-radius: 10px;
  background-color: white; 
  padding: 10px;
  visibility: hidden;
  text-align: center;
}
/* +++++++++++++++++++++++++++++++++++++++++ */
.table-condensed{
  font-size: 13px;
  padding: 5px;
}
/* +++++++++++++++++++++++++++++++++++++++++ */
.navbar {
  min-height: 30px;
  font-size: 12px;
  width: 100%;
}
/* +++++++++++++++++++++++++++++++++++++++++ */
.blink_me {
  animation: blinker 2s linear infinite;
}
/* +++++++++++++++++++++++++++++++++++++++++ */
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
/* +++++++++++++++++++++++++++++++++++++++++ */
#graficaResultados {
  border-left: 1px solid #dee2e6; 
  border-bottom: 1px solid #dee2e6; 
  border-right: 1px solid #dee2e6;
}