/*colores
 *========
 *azul-fondo: #2196f3;
 *azul: #64b5f6;
 *azul-claro: #5bc0de;
 *rojo:#d9534f;
 *verde: 	#5cb85c;
 *bg-verde: #dff0d8;
 *naranja:
 *rojo-fuerte: #F44336
 *verde-fuerte:#8BC34A
 *naranja-fuerte:#FFC107
 *azul-fuerte:#03A9F4
 *
 *
 *Z-index
 *=======
 *normal: 0;
 *menu-fixed y pie: 1000 (nada puede ser más alto)
 *contenidoetapa, contenidoalumno: 50
 *image-hover-wrapper: 80
 *tablasflotantes izq y der: 100
 *flotantes (ul con opciones): 500
*/

*{
    font-family:'Roboto',sans-serif;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html{
    padding: 0 !important;
    width: 100%;
}

html, body{
    height: 100%;
}

/*Helpers propios*/
.voffset { margin-top: 2px; }
.voffset1 { margin-top: 5px; }
.voffset2 { margin-top: 10px; }
.voffset3 { margin-top: 15px; }
.voffset4 { margin-top: 30px; }
.voffset5 { margin-top: 40px; }
.voffset6 { margin-top: 60px; }
.voffset7 { margin-top: 80px; }
.voffset8 { margin-top: 100px; }
.voffset9 { margin-top: 150px; }
.primera-may{ text-transform: capitalize; }
.badget-aviso{background-color: #FA3E3E;}
.verde-claro{color:#8BC34A;}
.gris-claro{color:#CCC;}
.naranja-claro{color:#FF9800;}
.rojo-fuerte{color: #f44336;}

/*Login*/

#bodylogin{
    display: table;
    margin: 0;
    padding: 0;
    width: 100%;
    min-width: 100%;
    height: 100%;
    min-height: 100%;
    background: url(../images/nc.jpg) #000 no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
}

#zonalogo{
    margin-top: 8rem;
    display: table-cell;
    height: 200px;
}

#logo{
    width: 100%;
    height: 100%;
    background: url(../images/Educole-cabecera250.png) no-repeat;
    background-size: contain;
}

#nombrecole{
    color: #fff;
    font-family: 'Quicksand', sans-serif;
    font-weight: 900;
    font-size: 2.5rem;
    text-align: right;
    line-height: 2.6rem;
}

#nombretitular{
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
    font-size: 1.5rem;
    text-align: right;
    line-height: 2.5rem;
}

#nombretitularimg{
    background: red;
    height:10px;
    background: url(../images/acerca_blanco_300.png) no-repeat right;
    background-size: contain;
    margin-top: 5px;
    margin-right: 0;
}

#formulario{
    margin-top: 4rem;
    border: 1px solid #aaa;
    padding: 2rem;
    background-color: rgba(0,0,0,0.6);
    border-radius: 1rem;
}

#formulario .formulario-heading{
    color: #aaa;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 1rem;
    text-align: center;
    border-bottom: 1px solid #999;
    padding-bottom: 1rem;
}

/*Cabecera*/

#cabecera{
    width: 100%;
    /*background: #2196f3;*/
    background: #1f4fa3;
    color: #fff;
    height: 65px;
    border-bottom: 1px solid #1f4fa3;
    overflow: hidden;
    margin:0;
    padding: 0 3rem;
}

.cab-logo{
    height: 60px;
    margin: 5px;
    padding:0;
}
.scrollable{
    width: 100%;
    height: 250px;
    overflow-y: auto;
}

#cab-header-tit{
    font-size: 30px;
    text-align: right;
    padding-right: 15px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 900;
}


#cab-header-subtit{
    font-size: 18px;
    position: relative;
    text-align: right;
    top: -8px;
    font-family: 'Montserrat', sans-serif;
    padding-right: 15px;
}

#cab-header-subtit-img{
    height:16px;
    background: url(../images/acerca_blanco_300.png) no-repeat right;
    background-size: contain;
    margin-right: 0;
}

/*navbar*/

.menu-fixed {
	position:fixed;
	z-index:1000;
	top:0;
	width:100% !important;
	box-shadow:0px 4px 3px rgba(0,0,0,.5);
}

.navbar-custom {
    /*background-color: #1976d2;
    border: 0 solid #1976d2;*/
    background-color: #2196f3;
    border: 0 solid #2196f3;
    border-radius: 0;
    padding: 0;
    height: 51px!important;
}

.navbar-custom .navbar-brand {
  color: #ffffff;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
    color: #e6e6e6;
    background-color: transparent;
}

.navbar-custom .navbar-text {
    color: #ffffff;
}

.navbar-custom .navbar-nav{  
  position: relative;
  top: -1px;
}

.navbar-custom .navbar-nav > li > a {
    color: #ffffff;
    /*padding-top: 14px;*/
    /*padding-bottom: 14px;*/
    padding: 0 15px;
    line-height: 50px;
    vertical-align: middle;
    height: 50px;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
    color: #bbdefb;
    background-color: transparent;
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
    color: #e3f2fd;
    background-color: #1565c0;
}
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
}
.navbar-custom .navbar-toggle {
    border-color: #dddddd;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-custom .navbar-toggle .icon-bar {
    background-color: #cccccc;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
    border-color: #0a3880;
}
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #e3f2fd;
    border-bottom-color: #e3f2fd;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
    background-color: #0b3982;
    color: #e3f2fd;
}
.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
    border-top-color: #1565c0;
    border-bottom-color: #1565c0;
}
.navbar-custom .navbar-nav > .dropdown > a .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.navbar-custom .navbar-toggle{
    background-color: transparent;
    border-color: #fff;
}

.navbar-custom .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-custom .dropdown a:hover{
    background-color: #90caf9;
}

.navbar-custom .dropdown .menurol{
    color: #90caf9;
     padding: 3px 0px;
}

.navbar-custom .dropdown .menurol span{
    color: #90caf9;
    padding: 3px 1px;
}

.navbar-custom .dropdown .nomenurol span{
    float: left;
}

.navbar-custom .navbar-toggle:hover{
    background-color:  #f9a825;
}

.naranja{
    background-color: #f9a825;
}
.btn-abajo-fondo{
    background-color:  #fff;
    border-color:  #1565c0;
}

.btn-abajo-lineas{
    background-color:  #1565c0;
}

.btn-arriba-fondo{
    background-color: transparent;
    border-color: #fff;
}

.btn-arriba-lineas{
    background-color: #fff;
}

/*menu colapsado*/

.navbar-collapse.collapse.in .open .dropdown-toggle{
  background-color: transparent;
}

#educole-navbar-collapse{
    height: auto!important;
    padding: 0;
    margin-right: -30px; /*corrige el padding del div.fluid*/
    margin-left: -30px; /*corrige el padding del div.fluid*/
}

.navbar-collapse.collapse.in div{
    margin: 0;
}

.navbar-collapse.collapse.in ul{
    border: 0;
    padding: 0;
    margin: 0;
}

.navbar-collapse.collapse.in ul > li{
  background-color: #2196f3;
  border-bottom: 1px solid #1565c0;
}

.navbar-collapse.collapse.in ul > li:first-child{
  box-shadow: inset 0px 11px 8px -10px #1565c0;;
}

.navbar-collapse.collapse.in li:hover{
  background-color: #1565c0;
}

.navbar-collapse.collapse.in li a{
  color: #e3f2fd;
}

.navbar-collapse.collapse.in  li a .caret{
  margin-left: 1rem;
  color: #fff;
}

.navbar-collapse.collapse.in > li  span,
.navbar-collapse.collapse.in > li  .glyphicon,
.navbar-collapse.collapse.in > li .fa{
    color: #fff;
}

.navbar-collapse.collapse.in li span,
.navbar-collapse.collapse.in li .glyphicon,
.navbar-collapse.collapse.in li .fa{
    margin-right: 1rem;
}

.navbar-collapse.collapse.in li ul{
    background-color: #fff;
    border-radius: 0;
}

.navbar-collapse.collapse.in .divider{
    display: none;
}

.navbar-collapse.collapse.in li ul li{
    background: #fff;
    height: 50px;
    border-bottom: 1px solid #aaa;
}

.navbar-collapse.collapse.in li ul li a{
    padding-top: 0;
    padding-bottom: 0;
    line-height: 50px;
    color: #aaa;
}


::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.navbar-collapse.collapse.in li ul li:hover{
    background: #ddd;
}

.navbar-collapse.collapse.in li ul li:hover a,
.navbar-collapse.collapse.in li ul li:hover a i,
.navbar-collapse.collapse.in li ul li:hover a span{
    color: #777!important;
}

.navbar-collapse.collapse.in  li.open a .caret,
.navbar-collapse.collapse.in  li.open a:hover .caret,
.navbar-collapse.collapse.in  li.open a:focus .caret{
   border-top-color: #e3f2fd;
   border-bottom-color: #e3f2fd;
}

.navbar-collapse.collapsing *{
  visibility: collapse;
  visibility: hidden;
}

/*menu de la derecha*/
.navbar-custom .navbar-link {
  color: #ffffff;
}

.navbar-custom .navbar-link:hover {
  color: #1565c0;
}

.navbar-custom-user{
    width: 100%;
    float: right;
    top: 0px !important;
}

.navbar-custom .fotopmenu{
    float:left;
    height: 40px;
    width: 40px;
    /*margin-right: 1rem;*/
    margin-top: 5px;
    border-radius: 2rem;
}

.navbar-custom .badget-incfot{
    position: absolute;
    left: 0px;
    top: 25px;
    padding: 2px 5px;
}

.navbar-custom .badget-menu{
    margin-left: 1rem;
    color: #fff!important;
}

.navbar-custom-user > li{
    width: calc(100% - 40px);
}

.navbar-custom-user > li > ul{
    min-width: calc(100% - 40px);
} 

.navbar-custom-user > li > a{
    padding: 1px;
    text-align: center;
}

.navbar-custom .hijos{
    display: table;
}

.navbar-custom .hijos .foto,
.navbar-custom .hijos .nombre{
    display: table-cell;
    vertical-align: middle;
    padding:0 0.5rem;
}

.navbar-custom .hijos .fotoalmenu{
    height: 35px;
    border-radius: 2rem;
}

.navbar-custom  .listahijos{
    margin-left:2rem;
}

.navbar-custom  .hijosenlista{
  padding: 0;
}

.navbar-custom  .hijosenlista li:nth-child(odd){
    background-color: #efefef;
}

.navbar-custom  .hijosenlista li a{
    width: 100%;
    padding: 3px;
    text-align: left;
}

.navbar-custom  .hijosenlista li a span.foto{
    width: fit-content;
}

.navbar-custom  .hijosenlista li a span.nombre{
    width: 100%;
    text-align: left;
    color: #1565c0;
}
  
/*menu de la derecha colapsado*/

/*Usuario*/

.navbar-collapse.collapse.in div:nth-child(3){
    top: -1px;
}

.navbar-collapse.collapse.in .navbar-custom-user{
    width: 100%;
    margin: 0 auto !important;
    padding: 0!important;
    float: none;
    position: relative;
}


.navbar-collapse.collapse.in .navbar-custom-user > li{
    width: 100%;
    background: #2196f3 url("../images/educole_blanco_36.png") 1.2rem center no-repeat;
    background-size: 18px 18px;
}

.navbar-collapse.collapse.in .navbar-custom-user > li:hover,
.navbar-collapse.collapse.in .navbar-custom-user > .open{
    background-color: #1565c0;
    background-image: url('../images/Educole-pie38.png');
    background-repeat: no-repeat;
    background-position: 1.1rem 1.5rem;
    background-size: 20px 20px;
}

.navbar-collapse.collapse.in .navbar-custom-user > li > a{
   margin-left: 3rem;
}

.navbar-collapse.collapse.in .navbar-custom-user li a{
   text-align: left;
}

.navbar-collapse.collapse.in .navbar-custom-user li ul li{
     width: 100%;
}

.navbar-collapse.collapse.in .navbar-custom-user li ul li,
.navbar-collapse.collapse.in .navbar-custom-user .roles{
    padding: 2px;
}

.navbar-collapse.collapse.in .navbar-custom-user .roles{
    width: 100%;
    background-color: #f9a825;
    border-bottom: 1px solid #604113!important;
}



.navbar-collapse.collapse.in .navbar-custom-user .roles a{
    color: #fff;
    font-weight: bold;
}

.navbar-collapse.collapse.in .navbar-custom-user .roles:hover a{
    color: #604113!important;
}

.navbar-collapse.collapse.in .navbar-custom-user .roles a:before{
    
    content: "rol";
    color: #f9a825;
    margin-right: 1rem;
    padding: 0.1rem 0.5rem;
    background: #fff;
    font-size: 0.8rem;
    font-weight: bold;
    border-radius: 100px;
    position: relative;
    top: -2px;
}

.navbar-collapse.collapse.in .navbar-custom-user .menurol{
   display: none;
   background-color: #F9EBB3;
   padding: 2px;
   font-weight: bold;
   color: #d9534f;
}

.navbar-collapse.collapse.in .navbar-custom-user .menurol span{
   display: none;
}

.navbar-collapse.collapse.in .navbar-custom-user li.salir{
   background-color: #e53935;
}

.navbar-collapse.collapse.in .navbar-custom-user li.salir a{
   /*background-color: #EA9593;*/
   color: #fff;
}

.navbar-collapse.collapse.in .navbar-custom-user li.salir:hover{
   background-color: #B7504E;
}

.navbar-collapse.collapse.in .fotopmenu{
    display: none;
    visibility: hidden;
}

.navbar-collapse.collapse.in .hijos{
    padding: 0 1.5rem!important;
    display: block;
}

.navbar-collapse.collapse.in .hijos *{
    display: inline-block;
}

.navbar-collapse.collapse.in .hijos .nombre{
    margin-top: 0;
}

.navbar .dropdown-menu span,
.navbar .dropdown-menu i{
  color: #90caf9;
}

.navbar .dropdown-menu a:hover span,
.navbar .dropdown-menu a:hover i{
    color: #fff;
}

/* Cambio menu container-fluid*/
.container-fluid{
  position: absolute;
  width: 100%;  
  z-index: 1000;
}



/***************************
**********container*********
****************************/

.container{
    margin-bottom: 8rem;
    height: 100%;
    min-height: 100%;
}

.container:after{
    margin-bottom: 8rem;
}

#b_solicitud_padres{
    white-space: normal!important;
}

/*avisos*/
#avisos{
    margin: 1rem auto;
}

#avisos li{
    margin-left: 2rem;
}

/*paneles botones*/

.panel-botones {
    margin-right: 1rem;
    padding: 5px;
    text-align: right;
}

.panel-botones a{
    margin: 2px;
}

/*paneles prales*/

.panelpral{
    border: 1px solid #aaa;
    border-radius: 10px;
    margin-top: 0.3rem;
    margin-bottom: 1rem;
    padding: 2px;
}

.panelpral h4,
.panelpral .panelhijos
{
    margin: 0;
    padding: 0.5rem 1rem;
    display: block;
    background-color: #BABFC6;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-size: 1.5rem;
    font-family: 'Roboto';
    font-weight: bold;
    color: #fff;
}

.panelpral .panelhijos
{
    background-color:#8BC34A;
    position: relative;
}

.panelpral .panelhijos .nia{
    font-size: 1.3rem;
    font-weight: 100;
    display: block;
    margin: 0 auto;
}

.panelpral .panelhijos .contador{
    font-size: 1.5rem;
    position: absolute;
    top: 25%;
    right: 2%;
}

.panelpral h4:hover{
    background-color: #aaa;
    cursor: pointer;
}

/*paneles padres*/

.panelpralhijos{
  cursor: pointer;
}

.panelpralhijos:hover{
  cursor: pointer;
  background-color: #F0F4C3;
  box-shadow: 2px 2px 3px #666;
}

.panelpralhijos:hover h3{
  color: #FFFFCC;
}


.panelpralhijos .panelinfo{
  display: table;
  width: 100%;
}

.panelpralhijos .zonaizq{
  display: table-cell;
  float: left;
  width: 20%;
  height: 100%;
  background: transparent;
}

.panelpralhijos .zonader{
  float:left;
  padding: 1%;
  width: 78%;
}

.panelpralhijos img{
    vertical-align: middle;
    width: 100%;
    border-bottom-left-radius: 1rem;
}

.panelpralhijos .tutor,
.panelpralhijos .cotutor{
    padding: 0.3rem 1rem;
    margin: 0.2rem 1rem 0.2rem 0;
    line-height: 1.4rem;
}

.panelpralhijos .titut{
    font-size: 1rem;
    color: #bbb;
}

.panelpralhijos .tutor div,
.panelpralhijos .cotutor div{
    font-size: 1.5rem;
    color: #666;
}

.panelpralhijos .tutor a,
.panelpralhijos .cotutor a{
    font-size: 1.1rem;
}


/*listas en paneles prales (tablas más abajo)*/

.panelpral ul{
    list-style: none;
    padding:0;
    margin: 1rem;
}

.asigprofe ul .listaasig{
    position: relative;
    display: table;
    width: 100%;
    background-color: transparent;
    margin-top: 8px;
}

.asigprofe ul .listaasig .apg{
    position: relative;
    display: table;
    width: 100%;
    height:6rem;
    max-height: 6rem;
    border: 2px solid #fff;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    font-size: 1.2rem;
    color: #000;
    box-shadow: 2px 2px 2px #eee;
}

.asigprofe ul .listaasig .asigprofegrupo{
    font-family: 'arial';
    font-weight: bold;
    padding: 0;
}

.asigprofe ul .listaasig .apg:hover{
    background-color: #FFF67A;
    border: 2px solid #888;
    box-shadow: 3px 3px 4px #ccc;
}

.asigprofe .textoasignatura{
    display: table-cell;
    width: 85%;
    height: 100%;
    vertical-align: middle;
}

.asigprofe .botonera{
    display: table-cell;
    width: 15%;
    height: 100%;
}

.asigprofe .menu_asig_profe{
    position: relative;
    background: transparent;
    height:100%;
    line-height: 6rem;
    vertical-align: middle;
}

.asigprofe .menu_asig_profe .boton_map{
    display: inline-block;
    width: 3rem;
    height: 3rem;
    text-align: center;
    font-size: 1.8rem;
    margin: 0;
    border-radius:3rem;
    vertical-align: middle;
    cursor:pointer;
}

.asigprofe .menu_asig_profe .boton_map:hover{
   text-decoration: none;
   text-shadow: -1px -1px 0.5px rgba(150, 150, 150, 1);
   margin-top: 2px;
   margin-left: 2px;
}

.asigprofe .menu_asig_profe .boton_map i{
    display: block;
    font-size: 2rem;
}

.asigprofe .cajabotones{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    border: 2px solid #fff;
    padding: 0rem;
    background-color: rgba(0,0,0,0.6);
    text-align: center;
    text-decoration: none;
    font-size: 1.2rem;
}

.asigprofe .cajabotones ul{  
    display: table;
    margin: 0 auto;
    height: 100%;
}

.asigprofe .cajabotones ul>li{
    display: table-cell;
    width: 5.5rem;
    height: 100%;
}

.asigprofe .cajabotones ul>li>a{
    display: block;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 3rem;
    padding: 0rem;
    font-size: 2.7rem;
    font-family: Roboto;
    font-weight: bolder;
    text-align: center;
    margin: 20% auto;
    background-color: transparent;
    color: #fff;    
}

.asigprofe .cajabotones ul>li>a:hover{
    text-decoration: none;
}

.asigprofe .cajabotones .btnnotas{
    background-color: #4caf50;
    color: #1b5e20;
}

.asigprofe .cajabotones .btnnotas:hover{
    background-color: #1b5e20;
    color: #4caf50;
}

.asigprofe .cajabotones .btnausencias{
    background-color: #f44336;
    color: #b71c1c;
}

.asigprofe .cajabotones .btnausencias:hover{
    background-color: #b71c1c;
    color: #f44336;
}

.asigprofe .cajabotones .btncalificaciones{
    background-color: #03A9F4;
    color: #01579B;
}

.asigprofe .cajabotones .btncalificaciones:hover{
    background-color: #01579B;
    color: #03A9F4;
}

.asigprofe .cajabotones .btndisciplina{
    background-color: #ffeb3b;
    color: #f57f17;
    padding-left: 1px;
}

.asigprofe .cajabotones .btndisciplina:hover{
    background-color: #f57f17;
    color: #ffeb3b;
}

.asigprofe .cajabotones .btntareas{
    background-color: #793d91;
    color: #f57f17;
    padding-left: 1px;
}

.asigprofe .cajabotones .btntareas:hover{
    background-color: #6a168c;
    color: #ffeb3b;
}

.colorines{
    margin: 1rem;
}

.colorines label{
    font-size: 1rem;
    line-height: 2.5rem;
    overflow: hidden;
}

.gruposprofe a{
  display: block;
  margin: 1rem;
  padding: 1rem;
  text-align: center;
  text-decoration: none;
  background-color: #fff4a4;
  border-radius: 5px;
  font-size: 1.1rem;
  font-weight: bold;
}

.gruposprofe a{
  display: block;
  margin: 0.5rem 1rem;
  padding: 1rem;
  text-align: center;
  text-decoration: none;
  background-color: #FEFFBB;
  color: #7f803c;
  border: 1px solid #7f803c;
  border-radius: 5px;
  font-size: 1.1rem;
  font-weight: bold;
}

.gruposprofe a:hover{
  background-color: #fff4a4;
  /*color: #FEFFBB;*/
  
}
/*tablas*/
.table thead{
    display: table-header-group;
    background: #bbdefb;
    font-weight: bold;
}

.table thead th{
    vertical-align:bottom;
    border-bottom:2px solid #eceeef;
}

.table thead th:hover{
    cursor: pointer;
    color: #1565c0;
}

.table .thsubcab th{
    background: #bbdefb;
}

.fila:hover, .filasig:hover{
    cursor: pointer;
    background-color: #eee !important;
}

.curso .asigpadre{
  color: #666;
}

.curso .asighija{
    text-indent: 1rem;
}


.tablapag{
    min-height: 4rem;
}

/*tablas altura fija*/

.peque-tabla tbody {
    display: block;
    height: 300px;
    overflow-y: auto;
}

/*tablas horario*/
.contenedor_horario{
    margin: 1rem;
}

.plantilla_select label{
    color: #aaa;
    background-color: transparent;
    height: 3rem;
    line-height: 3rem;
    vertical-align: middle;
    font-size: 1.5rem;
    margin-top: 1rem;
    margin-left: 1rem;
}
.plantilla_select select{
    width: 60%!important;
    margin-top: 1rem;
}

.horario, .horariop{
    width: 100%;
    border-spacing: 4px;
    border-collapse: separate;
}

.horario th, .horariop th{
    font-size: 1rem;
    text-align: center;
    background-color: #9FAECE;
    width: 18%;
    color: #fff;
}

.horario th:first-child, .horariop th:first-child{
    width: 10%;
}

.horario .rango, .horariop .rango{
    font-size: 0.95rem;
    text-align: center;
    background-color: #9FAECE;
    color: #fff;
}

.horario .vacio{
    /*border: 5px solid #fff;*/
    border-radius:5px;
    background-color: #eee;
}

.horario .vacio:not(.patio){
    height: 6rem;
}

.horario .info{
     overflow: hidden;
}

.horario .info .horasigcurso, .horariop .info .horasigcurso{
     height: 6rem;
     border-radius: 5px;
     background-color: #FCFCB5;
     border: 1px solid #ccc;
     font-size:  1.2rem;
     text-align: center;
     padding-top: 1rem;
}

.horario .info .horasigcurso .horcomp{
    display: table-cell;
    color: #ff6f00;
    font-weight: bold;
    height: auto;
    width: 100%;
    vertical-align: middle;
}

.horario .patio .horasigcurso{
    background-color:  #ddd!important;
}

.horario .info .horasigcurso .horcurso, .horariop .info .horasigcurso .horcurso{
    /*color: #23608E;*/
    font-weight: bold;
    line-height: 1.1;
}

.horario .letraspeq{
    font-size: 0.8rem!important;
    line-height: 0.9;
}


.horario .patio{
     background-color: #ddd;
     color: #666;
     height: 3rem;
}

.horariop .libre{
    border: 1px solid transparent;
    background-color: #EEFFE5;
    border-radius: 1rem;
    height: 4rem;
    cursor: pointer;
    text-align: center;
}

.horariop .libre span{
    font-size: 3rem;
    color:#EEFFE5;
    margin: 0 auto;
}

.horariop .libre:hover span{
    color:#CDE5C0;
}
.horariop .ocupada{
    border: 1px solid transparent;
    background-color: #C2D9ED;
    border-radius: 1rem;
    height: 4rem;
    font-size: 1.2rem;
    text-align: center;
    cursor: pointer;
    color: #5D90BA;
}

.horariop .ocupada span{
    display: none;
    font-size: 3rem;
    color: #5D90BA;
    margin: 0 auto;
}

.horariop .ocupada:hover .ocultar{
    display: none;
}

.horariop .ocupada:hover span{
    display: inline-block;
}

.horariop .patio{
    background-color:#FFFDDB;
}

.horariop .bloqueada{
    border: 1px solid #e9e9e9;
    background-color: #efefef;
    border-radius: 1rem;
    color: #999;
    height: 4rem;
    font-size: 1.2rem;
    text-align: center;
}

.horario-alumnos  .info{
    padding:0;
}

.rowhorarioalumno{
  padding: 1rem;
}

.rowhorarioalumno > div{
  overflow: auto;
}

.contenedor_horario{
  border: 1px solid #ddd;
}

.horario-alumnos  .horasigcurso{
    padding:0.5rem 0!important;
    margin: 0;
}

.horario-alumnos  .horasigalum{
    padding:0;
    margin: 0;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    vertical-align: middle;
    line-height: 1.2rem;
    font-size: 1.1rem;
    font-family: monospace;
    overflow: hidden;
    text-overflow: ellipsis;
}

.horario-alumnos .letraspeq{
    font-size: 7px!important;
}

/*plantillas horarios*/

.plantitit{
    padding: 1rem;
}

.plantillahorariotit{
    font-size: 1rem;
    padding: 0.5rem;
}

.plantillahorario{
     line-height: 4rem;
    vertical-align: middle;
}

.nombre_plantilla{
    font-weight: bold;
}

.fechas_plantilla{
    line-height: 2rem;
    font-size: medium;
    font-family: monospace;
}

.nsesiones_plantilla{
    text-align: center;
}

.plantilla{
    border: 1px solid #ddd;
    padding: 1rem 2rem 0 2rem;
    margin-bottom: 1rem;
    border-radius: 1rem;
}

.plantilla .btn{
    margin-left: 1rem;
    margin-bottom: 0.2rem;
}

.etapashorarios .panel-heading{
    background-color: #eee;
}

.etapashorarios .panel-body .row{
    border: 1px dotted #ddd;
    background-color: #fafafa;
    margin: 0.2rem;
    padding: 0.2rem;
}
.tabsplantillas{
    padding-top: 2rem;
}

.cbplantillas{
    border: 1px solid #ddd;
    border-radius: 0.5rem;
    padding: 0rem 0.3rem;
    margin: 0 !important;
    background-color: #eee;
}

.cbplantillas label{
    font-weight: normal;
}

.cbplantillas input[type='checkbox']{
    margin: 0 0.5rem;
    padding: 0;
    float: right;
    border: none;
}

/*cabecera-notas (y ausencias, tareas...)*/

.cabecera-notas{
    position: relative;
    text-align: center;
}

.cabecera-notas h3{
    color: #2196F3;
    margin-top:0;
}

.cabecera-notas h4{
    color: #5CB85C;
}

.botones-cabecera{
    position: absolute;
    width: 200px;
    right: 0;
    top: 0;
    font-size: 3rem;
}

/*tabla notas asignatura*/
.notas_tit{
    display: block;
    width: 100%;
    text-align: center;
}

.notas_tit:hover{
    text-decoration: none;
    color: #666;
}

.tabla-notas{
    width: auto;
    margin: 0 auto;
}

.tabla-notas thead{
    font-size: 1rem;
}

.tabla-notas td{
    padding: 0!important;
    margin: 0!important;
    vertical-align: middle!important;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.tabla-notas td.nombre span.pendientes{
    color: #aaa;
    padding-left: 1rem;
    cursor: pointer;
    position: relative;
}

.tabla-notas td.nombre span.pendientes:hover{
    color: #f44336;
}

.tabla-notas .flotpend,
.tabla-notas .flotpend:hover{
    z-index: 100;
    background: #fffde7;
    border: 1px solid #f57f17;
    position: absolute;
    left: 99%;
    top: -2%;
    padding: 5px;
    width: auto;
    color: #795548;
    font-size: 1.3rem;
    border-radius: 0.5rem;
    box-shadow: 2px 2px 3px #999;
}

.tabla-notas .flotpend table{
    border-spacing: 3px;
    border-collapse: separate;
}

.tabla-notas .flotpend table td{
    border-color: transparent; 
}

.tabla-notas .flotpend .fbcaja{
    width: 4rem;
    text-align: center;
    
}

.tabla-notas .flotpend .suspendido{
   color: red;
}

.tabla-notas .flotpend .aprobado{
   color: green;
}

.tabla-notas td:not(.nombre), .tabla-notas th:not(.nombre){
    width: 45px;
    text-align: center;
    cursor: pointer;
}


.tabla-notas td.not-ini,
.tabla-notas td.eva,
.tabla-notas td.not-fin,
.tabla-notas td.not-ext{
    border-left: 2px solid #ddd;
}

.tabla-notas .notas{
    background: transparent;
    border: 1px solid transparent;
    color: #333;
    width: 45px;
    padding: 5px;
    text-align: center;
    /*font-weight: 600;*/
}

.tabla-notas .notas:focus{
    background: #fafabb;
    border-radius: 0.2px;
}

.tabla-notas .vacio{
     color: #333;
}

.tabla-notas .susp{
     color: #DD0000;
}

.tabla-notas td.nombre{
    padding-left: 1rem!important;
    padding-right: 1rem!important;
}

.tabla-notas input{
    cursor: pointer;
}

.tabla-notas select{
    padding-left: 0 !important;
    background: url('../images/flechitabajo.png') 90% no-repeat !important;
    background-size: 7px!important;
}

.resalta_nombre{
    color: #2196f3;
}

.resalta_celda_oscura{
   /* background-color: #FCF9DE!important;*/
    background-color: #FFFCE5!important;
}

.resalta_celda_clara{
    background-color: #FFFCE5!important;
}

.nota_aprobada{
    color: #333 !important;
}

.nota_suspendida{
    color: #CE0C0C !important;
}
 /*tabla notas por ítems*/
.tabla-notas-items td.nombre{
    text-align: left;
    padding-left: 1rem!important;
    padding-right: 1rem!important;
     color: #28587A;
}

.tabla-notas-items tr.itemindiv td{
    background-color: #f0f4c3;
}

.tabla-notas-items tr.itemindiv:nth-child(even) td{
    background-color: #f9fbe7;
}

.tabla-notas-items .itemeva{
    width: 12rem!important;
    padding-left: 1rem!important;
    padding-right: 1rem!important;
}

.tabla-notas-items th.itemeva{
    padding: 1px 5px!important;
    font-size: 12px;
    line-height: 1.5;
}

.tabla-notas-items .itemeva select{
    text-align: center!important;
    text-align-last: center; text-align: center;
    -ms-text-align-last: center;
    -moz-text-align-last: center; text-align-last: center;
}

.tabla-notas-items .item{
    width: auto!important;
    font-family: monospace;
    padding-left: 1rem!important;
    padding-right: 1rem!important;
    text-align: left!important;
}

.tabla-notas-items .itemeva .noitem{
    display: block;
    width: auto!important;
    font-family: monospace;
    line-height: 3.4rem;
}

.tabla-notas-items tr.filabotact td{
  border: none;
  height: 40px;
}

.resalta_nombre_items{
  color: #2196f3!important;
}


/*tablas info admin*/
.infoadmin{
    margin-bottom: 0;
}


.infoadmin thead,
.infoadmin thead:hover,
.infoadmin thead th:hover{
    background-color: #fdfdfd;
    color:#aaa;
    cursor: pointer;
}

.infoadmin th:not(.descripcion){
    text-align: right;
    padding-right: 3rem;
}

.infoadmin td:not(.descripcion){
    text-align: right;
    padding-right: 3rem;
    color: #666;
}

.infoadmin .text-cursos{
    color: #428bca!important;    
}

/*tabla comportamientos*/

.tablacomp{
    margin:0;
}

.tablacomp thead{
    background: #ddd;
    border: 1px solid #bbb;
}

.tablacomp th:first-child{
    width: 90%!important;
}

.tablacomp th:last-child{
    width: 10%;
}

.tablacomp th div.flechica{
    margin: 0;
    padding: 0;
    text-align: center;
}

.tablacomp tbody tr td{
    vertical-align: middle !important;
    font-family: monospace;
}

/*tabla ausencias*/
.tablaausencias tbody tr td{
    vertical-align: middle !important;
    font-family: monospace;
}

.tablaausencias td.color span{
    display: inline-block;
    text-align: center;
    height: 30px;
    width: 30px;
    padding: 0;
    font-weight: bold;
    line-height: 33px;
    border-radius: 30px;
}

/*tablas asistencia/nodriza, notas tutoria*/
.dispositivosxs,
.dispositivossm{
  text-align: center;
  padding: 2rem;
}


.dispositivosxs .glyphicon,
.dispositivossm .glyphicon{
  font-size: 10rem;
  color: #AD4341;
}

.asistencianodriza .tablascontainer{
    position: relative;
    padding: 0;
    box-shadow: 2px 0 2px #ddd;
}

.asistencianodriza .table thead th:hover{
    cursor: auto;
    color: #333;
}

.asistencianodriza #tabla_izq{
    position: relative;
    float:left;
    z-index: 105;
}

.asistencianodriza #tabla_cen{
    overflow: hidden;
    float:left;
    overflow-x: scroll;
}

.asistencianodriza #tabla_der{
    position: relative;
    float:right;
    z-index: 100;
}

.asistencianodriza .table{
    margin-bottom: 0;
}

.asistencianodriza #tabla_izq{
    box-shadow: 2px 0px 6px -1px #999 !important;
}

.asistencianodriza #tabla_der{
    box-shadow: -8px 2px 11px -1px rgba(207,207,207,0.75);
    position: relative;  
}

.asistencianodriza #tabla_cen table{
    width: 100%;
}

.asistencianodriza  table thead th{
    height: 7rem;
    max-height: 7rem;
    vertical-align: middle;
    padding: 0 8px;
}

.asistencianodriza #tabla_cen table th{
    position: relative;
    font-family: monospace;
    font-weight: normal;
    text-align: center;
    border-right: 1px solid #bbb;
}

.asistencianodriza #tabla_cen table td{
    margin: 0;
    padding: 3px;
}

.asistencianodriza #tabla_izq .noeducole{
    background-color: #e64a19;
    color: #fff;
    cursor: help;
}

.asistencianodriza  #tabla_cen th:nth-child(even){
    background-color: #A8D2F4;
}

.asistencianodriza  #tabla_cen th.hija:nth-child(odd){
    background-color: #bbbffa;
}

.asistencianodriza  #tabla_cen th.hija:nth-child(even){
    background-color: #a9adf5;
}

.asistencianodriza  #tabla_cen th.padre_evaluable{
    background-color: #cba9f5;
}

.asistencianodriza  #tabla_cen th.padre_noevaluable{
    background-color: #ccc;
}


.asistencianodriza  #tabla_cen th:last-child{
    background-color: #BBDEFB;
}

.asistencianodriza #tabla_cen table th.fecha{
    cursor: pointer;
}

.asistencianodriza #tabla_cen table th.fecha:hover div{
    display: block;
}

.asistencianodriza #tabla_cen table td{
    border-right: 1px solid #eee;
    text-align: center;
}

.asistencianodriza #tabla_cen table td.fecha{
    width: 100px;
}


.asistencianodriza #tabla_cen table th.fecha .dia{
    color: #666;
}

.asistencianodriza #tabla_cen table th.fecha .fc{
    color: #000;
    font-weight: bold;
}

.asistencianodriza #tabla_cen table th.fecha .hora{
    font-size: 1.2rem;
    font-stretch: condensed;
    color: #678084;
    white-space: nowrap;
}

#flotante_aus{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 500;
}

#flotante_aus ul{
    margin: 0;
    padding: 0;
    display: inline-block;
    background: #fff;
    list-style: none;
    text-transform: uppercase;
    font-stretch: extra-condensed;
    color: #666;
    font-size: 1rem;
    border-top: 1px solid #B70000;
    box-shadow: 2px 2px 8px #aaa;
}

#flotante_aus ul li{
    border-left: 1px solid #B70000;
    border-right: 1px solid #B70000;
    border-bottom:  1px solid #B70000;
    padding: 0.7rem;
    cursor: pointer;
}

#flotante_aus ul li:hover{
    background-color: #efefef;
    color: #000;
}

#flotante_resumen{
    display: none;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 500;
    background-image: url("../images/tooltip-right.svg");
    background-size: 100% 100%;
    width:400px;
    height: 160px;
    color: #eee;
}

#flotante_resumen .alumno{
    margin: 1rem 3rem 1rem 1rem;
    font-weight: bold;
    border-bottom: 1px solid #aaa;
    /*font-size: small;*/
}

#flotante_resumen table{
    margin: 0 3rem 1rem 2rem;
    padding: 0;
    border-collapse: collapse;
    /*font-size: small;*/
    
}

#flotante_resumen table thead th{
    color: #ccc;
    border-bottom: 1px solid #aaa;
    height: 20px!important;
    margin: 0;
    padding: 1px 18px;
    text-align: center; 
}

#flotante_resumen table thead th:first-child{
    color: #aaa;
    text-align: right;
    font-style: italic;
    padding-right: 0;
}

#flotante_resumen table tbody td{
    border-bottom: 1px solid #888;
    padding: 1px 3px;
    text-align: center; 
}

#flotante_resumen table tbody td:first-child{
    text-align: left; 
}

.flotante_eliminacolumna{
    display: none;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    padding-top: 20%;
    background: rgba(0,0,0,0.5);
}

.th-giasist{
    text-align: center;
}

.giasist{
    margin:-6px 0;
    color: #7D7F9B;
    padding: 6px;
    font-size: 2.5rem;
    background: #fff;
    border:2px solid #7D7F9B;
    border-radius: 4rem;
}

.giasist:hover{
    color: #666;
    background: #FDFFE2;
    border:2px solid #666;
    cursor: pointer;
}

.colorinesausencias{
    cursor: pointer;
    margin: 0;
    padding: 0;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: bottom;
    font-weight: bold;
}

.botonesaus{
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid #ddd;
}

.circul_aus,
.circul_padre,
.circul_aus_gif{
    display: inline-block;
    cursor: pointer;
    margin: 0;
    padding: 0;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: bottom;
    font-size: 1.3rem;
    font-weight: bold;
}

.circul_padre{
    cursor: help;
}

.circul_aus_gif{
    background: #ddd url(../images/loading.gif) center center;
    background-size: cover;
}

.brillo{
    box-shadow: 0px 0px 3px 1px #ffbb00;
}

.btn-resumen{
    margin:0;
    color: #fff;
    background-color: #5BC0DE;
    border-radius: 5px;
    border: 1px solid #5BB3CC;
    padding: 2px 4px;
    /*font-size: small;*/
}

.btn-resumen:hover,
.btn-resumen:focus{
    text-decoration: none;
    color: #fff;
    background-color: #5BB3CC;
}

#m_columna-ausencia .aviso,
#m_nuevo-comportamiento .aviso{
    color: #594C4C;
    background-color: #FCFFE2;
    padding: 6px 12px;
    margin: 3rem;
    font-size: 14px;
    line-height: 1.42857143;
    text-align: center;
    font-family: monospace;
    text-rendering: optimizeLegibility;
    border: 1px dashed #aaa;
}

#m_columna-ausencia  #sesiones_ausencias{
    text-align: center;
}


#m_columna-ausencia  #sesiones_ausencias .sesion{
    display: inline-block;
    color: #fff;
    font-weight: bold;
    font-size: 1.7rem;
    margin: 0.5rem;
    padding: 0.3rem 0.5rem;
    background-color: #5bc0de;
    border-radius: 0.2rem;
    text-align: center;
    cursor: pointer;
}

#m_columna-ausencia  #sesiones_ausencias  .sesion div{
    background-color: #fff;
    border-radius: 0.2rem;
    font-size: 1.2rem;
    color: #666;
    margin: 0.5rem 0.5rem;
    padding: 0.3rem;
}

#m_columna-ausencia  #sesiones_ausencias .sesion:hover{
    background-color: #397484;
    box-shadow: 0px 0px 15px -2px #666;
}

/*Disciplina*/
.comportamientosnodriza .tablascontainer{
    position: relative;
    padding: 0;
    box-shadow: 2px 0 2px #ddd;
}

.comportamientosnodriza .table thead th:hover{
    cursor: auto;
    color: #333;
}

.comportamientosnodriza #tabla_izq{
    position: relative;
    float:left;
    z-index: 100;
}

.comportamientosnodriza #tabla_cen{
    white-space:nowrap; 
    overflow: hidden;
    float:left;
    overflow-x: scroll;
}

.comportamientosnodriza .table{
    margin-bottom: 0;
}

.comportamientosnodriza #tabla_izq{
    box-shadow: 2px 0px 6px -1px #999;
}

.comportamientosnodriza #tabla_cen table .col_mas{
    width: 51px;
    text-align: center;
    padding: 0;
}

.comportamientosnodriza table td{
    height: 55px;
    padding: 0 4px !important;
    vertical-align: middle!important;
}

.comportamientosnodriza #tabla_cen table .nuevocomp{
    display: inline-block;
    background-color: transparent;
    border: 1px dashed #ccc;
    color: #ccc;
    border-radius: 3px;
    padding: 10px;
    font-size: 23px;
    margin: 0px 2px;
    text-align: center;
    cursor: pointer;
    top:0px;
    z-index: 0;
}

.comportamientosnodriza #tabla_cen table .nuevocomp:hover{
    color: #C62828;
    border-color: #C62828;
}

.comportamientosnodriza .compalum{
    display: inline-block;
    background-color: #ddd;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 2px;
    margin: 0 1px;
    text-align: center;
    cursor: pointer;
}

.comportamientosnodriza .leida{
    background-color: #00BCD4;
}

.comportamientosnodriza .compalum:hover{
    background-color: #666;
}

.comportamientosnodriza .compalum_fecha{
    font-size: 10px;
    color: #666;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 1px 3px;
}

.comportamientosnodriza .compalum_fecha .hora{
    font-size: 8px;
    color: #FF8F00;
}

.comportamientosnodriza .compalum_tipo{
    display: inline-block;
    background-color: #ccc;
    font-size: 10px;
    font-weight: bold;
    padding: 1px;
    width: 16px;
    margin: 1px;
    color: #fff;
    border-radius: 12px;
    cursor: help;
}

.selectorsesiones {
    text-align: center;
}

.selectorsesiones .sesion{
    display: inline-block;
    color: #fff;
    font-weight: bold;
    font-size: 1.7rem;
    margin: 0.5rem;
    padding: 0.3rem 0.5rem;
    background-color: #ddd;
    border-radius: 0.2rem;
    text-align: center;
    cursor: pointer;  
}

.selectorsesiones .sesionactiva{
    background-color: #5bc0de;
}

.selectorsesiones .bloqueada{
    cursor: not-allowed;
    color: #E57373;
    background-color: #EF9A9A;
}

.selectorsesiones > .sesionactiva:hover{
    background-color: #0D47A1;
}

.editarcomportamiento .areainfo .fechahora{
    text-align: center;
    color:#2196F3;
}

.editarcomportamiento .areainfo .fechahora span{
    display: inline-block;
    font-size: 2rem;
    text-align: center;
    padding: 5px 10px;
    border-radius: 0.4rem;
}

.editarcomportamiento .areainfo .fechahora span.hora{
    color: #fff;
    background-color:#2196F3;
}

.editarcomportamiento .areainfo .notificaciones{
    text-align: center;
}

.editarcomportamiento .areainfo .notificaciones span{
    display: inline-block;
    font-size: 3rem;
    text-align: center;
    padding: 5px 10px;
}

.editarcomportamiento .areainfo .notificaciones span.recibido{
    font-size: 2rem;
    padding: 5px;
    vertical-align:top;
    color: #aaa;
}

.editarcomportamiento .areainfo .notificaciones .casilla{
    cursor: pointer;
}

.editarcomportamiento .panel{
   border: 1px solid #CFD8DC;
}

.editarcomportamiento .panel-heading{
   background-color: #CFD8DC;
   color: #607D8B;
   font-weight: bolder;
}

.editarcomportamiento .amons{
  border: 1px solid #ddd;
  margin: 5px 0;
  padding: 5px 5px 10px 5px;
  background-color: #ECEFF1;
}

.editarcomportamiento .amons .btneliminar{
  text-align: center;
  padding-top: 2rem;
  vertical-align: middle;
}

.editarcomportamiento .amons .actualizado{
  font-family: Roboto condensed;
  font-size: 1rem;
  text-align: right;
  padding-right: 1rem;
  float: right;
}

/*Notas tutoria*/

.notastutnodriza #tabla_cen th {
    margin: 0;
    padding: 0;
    vertical-align: bottom;
    border-left: 2px solid #aaa!important;
    min-width: 5rem;
    
}

.notastutnodriza #tabla_cen th.thitem {
    cursor: help;
    vertical-align: middle;
    height: 1.5rem;
    line-height: 1.5rem;
}
.notastutnodriza #tabla_cen th.thitemdesc {
    cursor: help;
    vertical-align: bottom!important;
    padding: 0.5rem;
    margin: 0;
    text-align: center;
    font-size: 0.8rem;
    line-height: 1rem;
    min-width: 6rem;
    width: 6rem;
    max-width: 6rem;
    text-overflow: ellipsis!important;
    overflow: hidden;
    word-wrap: break-word!important;
}

.notastutnodriza .minimo{
  font-weight: bold!important;
  color: #D60ED6!important;
}

.notastutnodriza #tabla_cen th.verde{
  background-color: #defabb;
}

.notastutnodriza #tabla_cen th.verde:nth-child(even){
    background-color: #d3f5a9;
   
}

.notastutnodriza #tabla_cen tr:nth-child(odd) td.tdverde{
    background-color: #f2f9f2;
}

.notastutnodriza #tabla_cen  tr:nth-child(even) td.tdverde{
    background-color: #FEFFFE; 
}

.notastutnodriza #tabla_der th{
    background-color: #defabb;
}



.notastutnodriza #tabla_cen th:not(.thitem) div:first-child{
    height: 4.4rem;
    margin-top:  1rem;
    vertical-align: middle;
    font-family: Roboto;
    font-weight: bold;
    color: #666;
}

.notastutnodriza #tabla_cen th .evaasig{
    margin: 0;
    border-top: 1px solid #666;
    display: table;
    table-layout: fixed;
    width: 100%;
    text-align: center;
}

.notastutnodriza #tabla_cen th .evaasig span{
    display: table-cell;
    font-size: 1rem;
}

.notastutnodriza #tabla_izq td,
.notastutnodriza #tabla_cen td,
.notastutnodriza #tabla_der td{
    height: 4rem;
    vertical-align: middle;
}

.notastutnodriza #tabla_cen .sinnota{
    background-color: #eee;
}

.notastutnodriza #tabla_cen .nota,
.notastutnodriza #tabla_cen .sinnota{
    border-left: 2px solid #aaa!important;
}

.notastutnodriza #tabla_cen tr:nth-child(odd) td.act,
.notastutnodriza #tabla_cen tr:nth-child(odd) td.recsub,
.notastutnodriza #tabla_cen tr:nth-child(odd) td.rec,
.notastutnodriza #tabla_cen tr:nth-child(odd) td.sub{
    background-color: #E6EAED;
}

.notastutnodriza #tabla_cen tr:nth-child(even) td.act,
.notastutnodriza #tabla_cen tr:nth-child(even) td.recsub,
.notastutnodriza #tabla_cen tr:nth-child(even) td.rec,
.notastutnodriza #tabla_cen tr:nth-child(even) td.sub{
    background-color: #F2F2F2;
}

.notastutnodriza #tabla_cen tr:nth-child(odd) td.hija{
    background-color: #e9e9f2;
}

.notastutnodriza #tabla_cen tr:nth-child(odd) td.hija:not(.nota){
    background-color: #e0daee;
}

.notastutnodriza #tabla_cen tr:nth-child(even) td.hija{
    background-color: #f2f2ff;
}

.notastutnodriza #tabla_cen tr:nth-child(even) td.hija:not(.nota){
    background-color: #edebef;
}

.notastutnodriza #tabla_cen tr:nth-child(odd) td.hija:not(.nota){
    background-color: #e0daee;
}

.notastutnodriza #tabla_cen tr:nth-child(odd) td.padre_noevaluable{
    background-color: #d9d9d9;
}

.notastutnodriza #tabla_cen tr:nth-child(odd) td.padre_noevaluable:not(.nota){
    background-color: #c9c9c9;
}

.notastutnodriza #tabla_cen tr:nth-child(even) td.padre_noevaluable{
    background-color: #eee;
}

.notastutnodriza #tabla_cen tr:nth-child(even) td.padre_noevaluable:not(.nota){
    background-color: #ddd;
}

.notastutnodriza #tabla_cen tr:nth-child(odd) td.padre_evaluable{
    background-color: #e9d9d9;
}

.notastutnodriza #tabla_cen tr:nth-child(odd) td.padre_evaluable:not(.nota){
    background-color: #d9c9c9;
}

.notastutnodriza #tabla_cen tr:nth-child(even) td.padre_evaluable{
    background-color: #fee;
}

.notastutnodriza #tabla_cen tr:nth-child(even) td.padre_evaluable:not(.nota){
    background-color: #edd;
}


.notastutnodriza #tabla_der td{
    text-align: center;
    color: #c27132;
}

.notastutnodriza #tabla_der th.suspensos,
.notastutnodriza #tabla_izq .suspensosasignatura{
    background-color: #fad8bb;
    color: #E8863C;
}

.notastutnodriza #tabla_cen .suspensosasignatura{
    color: #c27132;
    border-right: 1px solid #aaa;
    cursor: help;
}

.notastutnodriza #tabla_cen .suspensosasignatura:nth-child(odd){
    background-color: #fff;
}

.calculando{
    background: url('../images/loading.gif') center center;
    background-size: contain;
    color: transparent!important;
}

.notastutnodriza .btn{
  margin-top: 1rem;
}

.notamediagrupo{
  width: auto;
  margin: 0 auto;
}

/*Comentarios en notas tutoría*/
.notastutnodriza #comentarios{
  display: none;
  position: absolute;
  z-index: 101;
  width: 70%;
  height:100%;
  background: #ddd;
  border: 1px solid #999;
  overflow: scroll;
}

.notastutnodriza .nombrealumno:hover{
  color: #1F7A8C!important;
  cursor: pointer;
}

.flechacomentarios{
  background: url("../images/flecha_com.png") no-repeat;
  background-size: 100% 100%;
}

.notastutnodriza .comhead{
  color: #1F7A8C;
  display: grid;
  grid-template-columns: 12fr 1fr;
  padding: 0 1rem 0 2rem;
  margin: 1rem;
  font-size: 2rem;
  border-bottom: 2px solid #1F7A8C;
} 

.notastutnodriza .comhead .combtn{
  background-color: #ef271b;
  display: block;
  border: 1px solid #bd2018;
  border-radius: 6px;
  cursor: pointer;
  text-align: center;
  margin: 0 5px;
  color: #fff;
  position: relative;
  top: -5px;
  padding-top: 3px;
}

.notastutnodriza .comhead .combtn:hover{
  background-color: #bd2018;
  color: #aaa;
}

.notastutnodriza .bloqasig{
  padding: 0.5rem 1rem;
  color: #022b3a;
}

.notastutnodriza .comasig{
  background: #eee;
  color: #333;
  font-size: 1rem;
  font-family: monospace;
  border: 1px dashed #333;
  border-radius: 2px;
  padding: 0.5rem;
  min-height: 2.5rem;
}



/*calificaciones*/
#m_nueva-calificacion form{
  margin: 2rem;
}

#m_nueva-calificacion form .recu{
  border: 1px solid #aaa;
  padding: 1rem;
  border-radius: 0.5rem;
}

.calificacionesnodriza .tablascontainer{
    position: relative;
    padding: 0;
    box-shadow: 2px 0 2px #ddd;
}

.calificacionesnodriza .table thead th:hover{
    cursor: auto;
    color: #333;
}

.calificacionesnodriza #tabla_izq{
    position: relative;
    float:left;
    z-index: 102;
}

.calificacionesnodriza #tabla_cen{
    overflow: hidden;
    float:left;
    overflow-x: scroll;
}

.calificacionesnodriza #tabla_der{
    position: relative;
    float:right;
    z-index: 100;
}

.calificacionesnodriza .table{
    margin-bottom: 0;
}

.calificacionesnodriza #tabla_izq{
    box-shadow: 2px 0px 6px -1px #999 !important;
}

.calificacionesnodriza #tabla_der{
    box-shadow: -8px 2px 11px -1px rgba(207,207,207,0.75);
    position: relative;  
}

.calificacionesnodriza #tabla_cen table{
    width: 100%;
}


.calificacionesnodriza table thead th {
    height: 9rem;
    max-height: 9rem;
    vertical-align: middle;
}

.calificacionesnodriza #tabla_cen table{
    table-layout: fixed;
    
}

.calificacionesnodriza #tabla_cen table th.calif{
    width: 100px;
    padding: 0;
    margin: 0;
    text-align: center;
    overflow: hidden;
    border-right: 1px solid #A7B7C9;
}


.calificacionesnodriza #tabla_cen table th:nth-child(2n){
	background-color: #A8D2F4;
}

.calificacionesnodriza #tabla_cen table th.calif .titulo{
    display: block;
    display: -webkit-box;
    font-size: 1.3rem;
    line-height: 1.5rem;
    -webkit-line-clamp:4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 6.4rem;
    padding: 0.2rem;
    font-weight: 600;
}

.calificacionesnodriza #tabla_cen table th.calif .info{
    display: table;
    height: 1.6rem;
    width: 96%;
    margin: 2%;
    background-color: #a8c7e0;
    border-radius: 0.2rem;
    color: #fff;
}

.calificacionesnodriza #tabla_cen table th.calif:nth-child(2n) .info{
    background-color: #97bddb;
}

.calificacionesnodriza #tabla_cen table th.padre .info,
.calificacionesnodriza #tabla_cen table th.padre:nth-child(2n) .info{
    background-color: #a4a0ad;
}

.calificacionesnodriza #tabla_cen table th.hija .info{
    background-color: #b1c795;
}

.calificacionesnodriza #tabla_cen table th.hija:nth-child(2n) .info{
    background-color: #a8c286;
}


.calificacionesnodriza #tabla_cen table th.calif .info .status,
.calificacionesnodriza #tabla_cen table th.calif .info .pondera{
    display: table-cell;
    height: 2rem;
    line-height: 2rem;
    vertical-align: middle;
    float: left;
    font-size: 1.5rem;
    text-align: center;
    width: 50%;
    
}

.calificacionesnodriza #tabla_cen table th.padre .info .pondera{
    color: #ddd;
}

.calificacionesnodriza #tabla_cen table th.calif .info .status span.publico{
  color: #03A9F4;
}

.calificacionesnodriza #tabla_cen table th.calif .info .status span.privado{
  color: #F44336;
}

.calificacionesnodriza #tabla_cen table tr td.calif{
    text-align: center;
    border-right: 1px solid #ddd;
}

.calificacionesnodriza #tabla_cen table th.padre{
    background-color: #c8c3d4;
}

.calificacionesnodriza #tabla_cen table tr:nth-child(odd) td.padre{
    background-color: #e0daee;
}

.calificacionesnodriza #tabla_cen table tr:nth-child(even) td.padre{
    background-color: #f2f2ff; 
}

.calificacionesnodriza #tabla_cen table th.hija{
  background-color: #defabb;
}

.calificacionesnodriza #tabla_cen table  th.hija:nth-child(even){
    background-color: #d3f5a9;
   
}

.calificacionesnodriza #tabla_cen table tr:nth-child(odd) td.hija{
    background-color: #f2f9f2;
}

.calificacionesnodriza #tabla_cen table tr:nth-child(even) td.hija{
    background-color: #FEFFFE; 
}

.calificacionesnodriza #tabla_cen table tr:nth-child(odd) td:nth-child(even).hija{
    background-color: #DEEDDE;
}

.calificacionesnodriza #tabla_cen table tr:nth-child(even) td:nth-child(even).hija{
    background-color: #F4F9F4; 
}

.calificacionesnodriza #tabla_der table tr td{
    text-align: center;
    font-weight: bold;
    color: #999;
}

.calificacionesnodriza #tabla_der .ponderacion_suspendida{
   color: #DD9B77;
}

.calificacionesnodriza #tabla_der .ponderacion_aprobada{
   color: #999;
   
}

.selcolumna{
    cursor: pointer;
    background-color: #FFFFCC!important;
    color: #7C7C68!important;
}

.calificacionnodriza h3{
    margin: 0.5rem auto;
    padding: 0.5rem;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.calificacionnodriza .hijas{
    color: #999;
    margin: 0.5rem;
    padding: 0;
    list-style: none;
    text-align: center;
    font-size: 1.2rem;
}

.calificacionnodriza #opcionescalif .btn{
    position: relative;
    background-color: #fff;
    z-index: 100;
}

.calificacionnodriza .divmc{
    border-radius: 0.5rem;
    border: 1px solid #bbb;
    position: relative;
    top: -10px;
}


.calificacionnodriza .modificarcalificacion{
    display: table;
    table-layout: auto;
    width: 100%;
    padding: 1rem;
}

.calificacionnodriza .modificarcalificacion .divflecha{
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    width: 10%;
    background-color: #eee;
    border-top-left-radius: 0.4rem;
    border-bottom-left-radius: 0.4rem;
}

.calificacionnodriza .modificarcalificacion .divresto{
    padding-left: 1rem;
}

.calificacionnodriza .bvolver{
  font-size: 5rem;
  color:#2196F3;
}

.calificacionnodriza .bvolver:hover{
  color:#1976D2;
}


.calificacionnodriza .titulo{
  text-align: left;
}

.calificacionnodriza .labelcont{
  font-size: 1rem;
  font-family: monospace;
  margin-top: 0;
}

.calificacionnodriza .labelcont{
  font-size: 1rem;
  font-family: monospace;
  margin-top: 0;
}

.calificacionnodriza .labeltit{
  margin-top: 1rem;
}

.calificacionnodriza #titulo{
  font-size: 1.8rem;
}

.calificacionnodriza .divfecha{
    width: 100%;
    height: 5.2rem;
    margin: 1rem auto;
    text-align: center;
    position: relative;
}

.calificacionnodriza .divfecha label{
    display: inline-block;
    text-align: right;
    padding-right: 1rem;
}

.calificacionnodriza .cajafecha{
    display: inline-block;
    width: 12rem;
}

.calificacionnodriza .divfecha .labelcont,
.calificacionnodriza .labelder{
    display: inline-block;
    font-family: monospace;
    position: absolute;
}

.calificacionnodriza .cajafecha input{
    text-align: center;
}

.calificacionnodriza .cajaponderacion{
    width: 7rem;
    height: 3rem;
    display: inline-block;
}

.calificacionnodriza #ponderacion{
    width: 7rem!important;
}

.calificacionnodriza .labelpon{
    padding-right: 1rem;
}

.calificacionnodriza .contlabelpub{
  width: 40%;
  margin-left: 40%;
}

.calificacionnodriza .cajapublica{
    float:left;
    display: block;
}

.calificacionnodriza .cajapublica label{
   width: 0;
}

.calificacionnodriza  .labelpub{
    padding-right: 2rem;
    float:left;
    width: 6rem;
}

.calificacionnodriza  .avisopub{
    padding-left: 6rem;
    float:left;
}

.calificacionnodriza #calificacionpadre_id{
    width: 100%;
}

.calificacionnodriza .tablacalificacion{
    padding-top: 1rem;
}

.calificacionnodriza .tablacalificacion table{
    border: 1px solid #ddd;
}

.calificacionnodriza td.notas{
    padding: 0!important;
    margin: 0!important;
    vertical-align: middle!important;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.calificacionnodriza td.notas input{
    background: transparent;
    border: 1px solid transparent;
    color: #333;
    width: 45px;
    padding: 5px;
    text-align: center;
    cursor: pointer;
}

.calificacionnodriza td input[type=checkbox]{
   margin: 0;
}

.calificacionnodriza td .oculto{
    display:none;
}

.calificacionnodriza td input[type="text"]:disabled{
    cursor: not-allowed;
}

/*notas calificación*/
.tablacalificacion table{
  width: auto;
  margin: 0 auto;
}

/*promoción de alumnos*/
.tutopromo h1{
  text-align: center;
}

.tutopromo table{
  width: auto;
  margin: 0 auto;
}

.tutopromo table.promotabla > thead > tr >th{
  background-color: #e6ee9c;
}

.tutopromo table td{
  vertical-align: middle!important;
  padding: 1px 8px!important;
}

.tutopromo table.promotabla > tbody > tr:nth-child(odd) > td{
  background-color: #f9fbe7;
}

.tutopromo .promociona{
   position: absolute;
   right: 10%;
   width: auto!important;
   background-color: #fff8e1;
   border-collapse: separate;
   border: 2px solid #337ab7;
   border-radius: 0.5rem;
   font-size: 1.1rem;
   padding: 1rem;
   box-shadow: 2px 2px 8px #aaa;
   z-index: 100;
}

.tutopromo .promociona tr td{
    border-bottom: 1px solid #ffd54f;
}

.tutopromo .promociona .ntpr{
    text-align: center;
    /*font-weight: bold;*/
}

.tutopromo .promociona .ntprapro{
    color: #689f38;
}

.tutopromo .promociona .ntprsusp{
    color: #f44336;
}

.tutopromo .promociona .asigpend{
   color: #f44336;
}

.tutopromo .promociona .asigpadre{
   color: #9c27b0;
}

.tutopromo .promociona .asighija{
   color: #ba68c8;
}

/*Formulario*/
#f-subir-img{
    text-align: center;
}

#f-subir-img #imagen-selec{
    display: none;
}

#f-subir-img #imprev{
    float: none;
    clear:both;
    margin: 0.5rem auto;
}

#f-subir-img #imagen-previa{
    width: 100%;
    max-width: 100%; /* This rule is very important, please do not ignore this! */
}

#mensaje{
    display: block;
    color: #f44336;
    margin: 1rem;
}

#f-subir-img .botones{
    margin: 0 auto;
    width: 500px;
    height: 2rem;
}

#f-subir-img #aceptar-subir{
    margin-top: 0;
    float: left;
}

#f-subir-img #cancelar-subir{
    margin-top: 0;
    float: right;
}


/*perfil de usuario*/

.panel-perfil{
    margin-top: 60px;
}

#fotoperfil{
    margin-top: -50px;
    background-color: #fff;
    width: 100px;
    height: 100px;
    box-shadow: 0px 0px 3px grey;
    cursor: pointer;
    border-radius: 10rem;
}

#f-perfil{
    position: initial;
    width: 100px;
    height: 100px;
    background: url("../images/default/profile_hover.png") no-repeat center center;
    background-size: cover;
    border-radius: 10rem;
}

.panel-perfil .btn,
.solicitudpadres .btn{
  margin-bottom: 10px;
}

/**Foto de perfil del alumno**/
.image-hover-wrapper {
  position: relative;
}

.image-hover-wrapper a {
  display: inline-block;
  letter-spacing: normal;
  line-height: initial;
  margin: 0;
  position: relative;
  width: 80%;
  top: 2px;
  left: 2px;
}

.image-hover-wrapper a img {
  float: left;
  overflow: hidden;
  width: 100%;
}

.image-hover-wrapper a .image-hover-wrapper-reveal {
  background-color: rgba(0, 0, 0, 0.5);
  color: #fefefe;
  display: inline;
  height: 100%;
  margin-left: -100%;
  opacity: 0;
  position: absolute;
  border-radius: 4px;
  width: 100%;
  z-index: 80;
  transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-delay: 0.25s;
}

.image-hover-wrapper a .image-hover-wrapper-reveal:hover {
  opacity: 1;
  transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.image-hover-wrapper a .image-hover-wrapper-reveal:hover p {
  opacity: 1;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-delay: 0.25s;
}

.image-hover-wrapper a .image-hover-wrapper-reveal p {
  bottom: 0;
  display: block;
  opacity: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/**Sigue**/

.pref_nombre{
    margin-top: 1rem;
    text-align: center;
    font-size: 2rem;
    color: #2196f3;
}

.pref_email{
    text-align: center;
    font-size: 1.5rem;
    margin-bottom: 2rem;
    color: #f9a825;
}

/**Importación instalación inicial**/

.idioma-install{
    border-radius: 0.5rem;
    border: 1px solid #eee;
    margin: 2rem;
    padding: 2rem;
}

.fs-form-instalar fieldset{
    border: 1px solid #5bc0de;
    border-radius: 50px;
    height: 50px;
    padding: 5px;
    margin: 5px;
    background: #fff; 
}

.fs-form-instalar fieldset:disabled{
    border: 1px solid #bbb;
    background: #eee;
}

.fs-form-instalar fieldset .numero{
     height: 38px;
     background: #5bc0de;
     font-family: arial;
     font-weight: 900;
     color: #fff;
     font-size: 25px;
     border-radius: 100px;
     text-align: center;
}

.fs-form-instalar fieldset:disabled .numero{
    background: #bbb;
}

.fs-form-instalar fieldset .control-label{
    color: #428bca;
}

.fs-form-instalar fieldset:disabled .control-label{
    color: #999;
}
 
.fs-instalar{
    display: none !important;
}



.fs-form-instalar .fs-label{
   /* background: #5cb85c;*/
    background-size: contain;
}

/**Importar desde aplicación**/
#f-import{
    padding: 2rem;
}


#f-import #file-selec{
    display: none;
}

#f-import .input-group{
    margin: 15px auto;
    text-align: center;
}

#f-import .cargando{
    text-align: center;
}

#f-import .cargando img{
    height: 80px;
}

.dmc{
    text-align: left;
    padding: 0;
    width: 45%;
}

.dmc ul{
    list-style: none;
    padding: 0;
}

.dmc ul li{
    list-style: none;
    padding: 0;
    color: #666;
}

.dm{
   padding-right: 0.5rem;
   color: #e00;
}

/*profesor*/
.ficha .well{
    margin-top: 1rem;
    padding: 0;
}

.ficha .well img{
    /*height: 10rem;*/
    position: relative;
    margin-top:0;
    border-radius: 4px;
}

.ficha .well .nombre{
    margin-top: 3rem;
    min-height: 2rem;
    line-height: 2rem;
    font-size: 2rem;
    text-align: center;
}

.ficha .well .candado{
    margin-top: 3rem;
}

.ficha .well .candado li{
    cursor: pointer;
}

.ficha .well .roles{
    height: 2rem;
    line-height: 2rem;
    font-size: 1.5rem;
    color: #f0ad4e;
    text-align: center;
    margin-bottom: 1rem;
}

.f-personalizado,
.f-personalizado-hojatut{
    padding: 2rem;
    margin-bottom: 2rem;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.f-personalizado-hojatut{
    border-radius: 0.5rem;
    border: 1px solid #ccc;
}

.htjefeorienta .f-personalizado-hojatut{
  border: none;
}

.f-personalizado .form-group{
    position: relative;
}


.f-personalizado .labelcont{
    height:2rem;
    text-align: right;
    padding-right: 2rem;
}

.f-personalizado .labeltutoria{
    text-align: left!important;
}

.f-personalizado-hojatut .labelcont{
    height:2rem;
    text-align: left;
    padding-left: 0rem;
    /*visibility: hidden;*/
}

.f-personalizado-hojatut .form-group2{
    margin-bottom: 0;
}

.f-personalizado-hojatut .labelcont_r{
    text-align: right;
    padding-right: 2rem;
}

.f-personalizado-hojatut .infoculta{
    display: none;
}

.f-personalizado-hojatut .zona{
    background: #fff;
    background: linear-gradient(#fafafa 75%, #efefef);
    width: 97%;
    margin: 0 auto;
    height: 50px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 2px;
}

.f-personalizado-hojatut .zonacal{
    background: linear-gradient(#fafafa 75%, #efefef);
    width: 100%;
    margin: 1rem auto 0rem auto;
    height: 50px;
    padding: 10px;
    border: 1px solid #ffab40;
    border: 1px solid #ddd;
    border-radius: 2px;
    margin-top: 0;
}

.f-personalizado-hojatut .conmutador{
    width: 48px;
    height: 28px;
    border: 1px solid transparent;
    border-radius: 300px;
    float: left;
    cursor: pointer;
}

.f-personalizado-hojatut .conmutador .palanca{
    position: relative;
    top:-1px;
    width: 27px;
    height: 27px;
    border-radius: 30px;
    background-color: #fff;
    box-shadow: 1px 1px 3px #666;
}

.f-personalizado-hojatut .on{
    background-color: #4caf50;
    transition: all 0.8s ease;
}

.f-personalizado-hojatut .on .palanca{
    left:21px;
    transition: all 0.5s ease;
}

.f-personalizado-hojatut .off{
    background-color: #ccc;
    transition: all 0.8s ease;
}

.f-personalizado-hojatut .off .palanca{
    left:-1px;
    transition: all 0.5s ease;
}

.f-personalizado-hojatut .zona .tzona,
.f-personalizado-hojatut .zonacal .tzona
{
    float: left;
    font-size: 1.8rem;
    text-align: left;
    padding-left: 1rem;
    padding-top: 2px;
    font-family: Roboto;
    color: #666;
}

.f-personalizado-hojatut .zonacal .tzona{
    width: 80%;
}

.f-personalizado-hojatut .infoculta{
    padding:1rem;
  
}

.f-personalizado .fnotify,
.f-personalizado-hojatut .fnotify{
    font-family: Roboto condensed;
    font-size: 1rem;
}

.f-personalizado label{
    font-weight: 600;
}

.f-personalizado input[type="text"]:disabled {
    width: 100%;
}

.botones-anchos{
    width: 100%;
}

.paddingtop{
    padding-top: 1.5rem;
}

.f-conbordes{
    border: 1px solid #ddd;
    border-radius: 0.5rem;
    padding-bottom: 1rem;
}

.f-conbordes .f-personalizado{
    border: none;
    border-radius: 0;
    margin: 0;
}

.f-conbordes .btn{
    margin: 1.5rem;
}

.f-personalizado-hojatut h5{
    width: 80%;
    margin: 0 auto;
    color: #aaa;
    text-align: center;
    text-transform: capitalize;
    border-bottom: 1px solid #aaa;
    margin-top: 1rem;
    margin-bottom: 2rem;
    font-family: Roboto condensed;
}

/*tabla profesores*/

.page-header{
    margin-top: 20px;
    display: inline;
}

.totalregistros{
    margin-top: 20px;
    float: right;
    color: #879FC1;
}

/*tablas modales con muchos datos*/
.modal .table-container{
    height: 400px;
    overflow: auto;
}

/**/

#f-tablabuscar button{
    background-color: #337ab7;
    color: #fff;
}

#f-tablabuscar button:hover{
    background-color: #1A5382;
}

#f-tablabuscar input{
    text-transform:uppercase;
    color: #555;
}

#f-tablabuscar input::-moz-placeholder{
    text-transform: lowercase;
}

#f-tablabuscar input:-moz-placeholder{
    text-transform: lowercase;
}

#f-tablabuscar input:-webkit-placeholder{
    text-transform: lowercase;
}

#f-tablabuscar input:-ms-placeholder{
    text-transform: lowercase;
}

/*avisos ausencias guardias*/

.aviusguar .hora{
  margin-left: 1rem;
  color:#843E3C;
}

.avisarguardias{
  border: 1px solid #ddd;
  background-color: #F2FAFC;
}

.avisarguardias h3{
  padding: 0.2rem 1rem;
  background-color: #5bc0de;
  color: #fff;
  margin: 0.2rem;
  /*border-radius: 1rem;*/
}

.avisarguardias h4{
  padding: 0.2rem 0.2rem 0.2rem 2rem;
  background-color: #B0E4F2;
  color: #fff;
  /*border-bottom: 1px solid #5bc0de;*/
  margin: 0.2rem;
}

.avisarguardias .alumnosavisaguardias{
  list-style: none;
}

.avisarguardias .alumnosavisaguardias>li{
  display: table;
  width: 95%;
  background-color: #fff;
  margin: 1rem;
  padding: 0.2rem;
}

.avisarguardias .alumnosavisaguardias>li div{
  float: left;
  display: table-cell;
  vertical-align: middle;
}

.avisarguardias .alumnosavisaguardias>li div:first-child{
  width: 40%;
  font-size: 2rem;
  color:#d9534f;
}

.avisarguardias .alumnosavisaguardias>li div:last-child ul{
  list-style: none;
  color: #666;
}

.avisarguardias .alumnosavisaguardias>li div:last-child ul .info{
  font-family: Arial;
  font-weight: bold;
  color: #000;
}

.avisarguardias .alumnosavisaguardias>li div:last-child .infotel{
  font-family: Arial;
  font-weight: bold;
  font-size: 2rem;
}

.aviusguar .selectoralumnos{
  padding: 2rem;
  border: 1px solid #ddd;
  background-color: #F2FAFC;
}

.aviusguar .selectoralumnos select{
  background-color: #fff!important;
  color:#d9534f;
  font-size: 1.8rem;
}

#marcarausencia .btn span{
  font-size: 3rem!important;
}

.asignaturasalumno .nombre{
    margin-top: 3rem;
    min-height: 2rem;
    line-height: 3rem;
    font-size: 3rem;
    text-align: center;
}

.asignaturasalumno .matricula{
    height: 2rem;
    line-height: 2.5rem;
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 1rem;
}

.asignaturasalumno .matricula a{
    color: #f0ad4e;
}

.asignaturasalumno .matricula a:hover{
    text-decoration: none;
    font-weight: bold;
    color: #f0ad4e;
}
/*
 *Drag and drop
 */

#dd,
#ddetapas,
#ddcircularetapas,
#ddalumnos,
#ddreunionalumnos,
#ddasigalums,
#ddsalidaprofes,
#ddasignaturasalumno{
    display: table;
    width: 100%;
}

.ddtot,
.ddsel,
.ddetapas,
.ddtotetapa,
.ddseletapa,
.ddsmalumnos,
.ddmatalumnos,
.ddsmasigalumnos,
.ddsmreualumnos,
.ddreualumnos,
.ddmatasigalumnos,
.ddsalprofes,
.ddsinsalidaprofes,
.ddetapasdestino
{
    position: relative;
    margin: 0 auto;
    border: 1px dashed #428bca;
    padding: 0.5rem;
    background-color: #fafafa;
    position: relative;
}

#dd-matriculables,
#dd-asigsalumno{
    border: 1px solid #2196f3;
    padding: 0  0.5rem 0.5rem 0.5rem;
    margin: 0.5rem;
    width:48%;
}

.tot-panel,
.sel-panel{
    border: 1px dashed #999;
}

.ddtit{
    margin: 0.3rem auto;
    padding: 0.5rem;
    background-color: #ddd;
    color: #fff;
    font-family:'Roboto',sans-serif;
    text-align: center;
    text-transform: uppercase;
    font-weight: 300;
}

.sel-tit{
     background-color: #428bca;
}

.caja, .caja-al{
    position: relative;
    border: 1px dashed transparent;
    height: 40px;
    margin: 0.5rem;
    background-color: #fff;
    padding:0;
    color: #eee;
    font-size: 30px;
    text-align: center;
}

.contenido, .contenidoetapa, .contenidoalumno,
.contenidociclo, .contenidocurso, .contenidogrupo,
.contenidotutoria, .contenidoparalelo,
.contenidoasigsalumno{
    position: relative;
    top: 0;
    left: 0;
    cursor: move;
    border: 1px solid #aaa;
    height: 38px;
    background-color: #efefff;
    color: #666;
    font-size: 16px;
    line-height: 38px;
    font-family:'Roboto',sans-serif;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    z-index: 50;
}

.caja-al{
    height: 30px;
    margin: 0.2rem;
    font-size: 20px;
}

.contenidoalumno, .contenidoetapa, .contenidociclo,
.contenidocurso, .contenidogrupo, .contenidotutoria,
.contenidoparalelo, .contenidoasigsalumno{
    height: 28px;
    font-size: 12px;
    line-height: 28px;
    text-align: left;
    padding-left: 2rem;
}

.tot-caja .tot-contenido, .tot-contenido-etapa, .tot-contenido-alumno,
.tot-contenido-ciclo, .tot-contenido-curso, .tot-contenido-grupo,
.tot-contenido-tutoria, .tot-contenido-paralelo, .tot-contenido-salidaprofe{
    background-color: #fff;
    color: #999;
}

#ddetapas .contenidoetapas{
    border: 1px solid #666;
    color: #999;
    height: 100%;
    font-size: 2rem;
    font-weight: bold;
    padding:0;
    line-height: 4rem;
}

#btn-matri-bloque,
#btn-desmatri-bloque{
    font-size: 1.4rem;
    padding: 0.2rem;
    line-height: 1.4rem;
    font-weight: bold;
    margin-left: 1rem;
    margin-right: 1rem;
}


.circularnueva .paneldd,
.salidanueva .paneldd,
.salidamodificar .paneldd{
    display:flex!important;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.circularnueva .paneldd > div > div:last-child,
.salidanueva .paneldd > div > div:last-child,
.salidamodificar .paneldd > div > div:last-child{
    display: block;
    height: calc(100% - 32px);
}

/*Lista cursos-asignaturas*/

.asigpan h3{
    text-align: center;
    color: #bbdefb;
}

#listasig .listaasig{
    list-style: none;
    padding: 0;
    margin: 0;
    border: 0;
}

#listasig .listaasig li{
    /*width: 100%;*/
    padding: 0.2rem;
    margin: 0.3rem;
    border-radius: 0.2rem;
}

#listasig .listaasig li span{
    display: block;
    padding: 1rem;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

#listasig .etapas li{
    background-color:#428bca; 
}

#listasig .etapas li:hover{
    background-color:#276BA3; 
}

#listasig .modalidades li{
    background-color:#d9534f;
}
#listasig .modalidades li:hover{
    background-color:#A02220;
}

#listasig .cursos li{
    background-color:#5bc0de ;
}

#listasig .cursos li:hover{
    background-color:#288CA8;
}

#listasig .grupos li{
    background-color:#5cb85c;
}

#listasig .grupos li:hover{
    background-color:#2A842A;
}


/*Asignaturas curso*/
#asigcurso .navcurso{
    font-size: 1.7rem;
    text-align: left;
    color: #428bca;
    color: red;
    margin-bottom: 1rem;
}

#asigcurso .botonera{
    text-align: right;
}

#asigcurso .btn{
    margin: 0.2rem;
}

#asigcurso .btn-breadcrumb .btn{
    margin: 0;
}

#asigcurso .titulos{
    width: 100%;
    text-align: center;
    margin-bottom: 2rem;
}

#asigcurso #selectorasig{
    display: table;
    margin: 0 auto;
    width: 100%;
}

#asigcurso .titulos .glyphicon{
    display: table-cell;
    font-size: 3rem;
    padding: 1rem;
    color: #ddd;
    background-color: #f9f9f9;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

#asigcurso .titulos .glyphiconder{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

#asigcurso .titulos .glyphicon:hover{
    color: #666;
    background-color:  #ddd;
}

#asigcurso .titulos p{
    display: table-cell;
    width: 100%;
    margin:0;
    vertical-align: middle;
    padding: 0 1rem;
    position: relative;
    top:1px;
    border-top: 2px solid #f9f9f9;  
    border-bottom: 2px solid #f9f9f9;
    font-size: 2.2rem;
    color: #666;
}

#asigcurso .panel{
    background-color: #f9f9f9;
    padding: 2rem;
    box-shadow: 1px 1px 2px #b9b9b9;
    border-radius: 1rem;
    text-align: center;
}


#asigcurso .panel h4{
    background-color: #5cb85c;
    color: #f9f9f9;
    padding: 1rem;
    border: 1px solid #5bc0de;
    border-radius: 1rem;
}

#asigcurso .panel .alumno{
    width: 80%;
    margin: 0.2rem auto;
    padding: 0.2rem 2rem;
    text-align: left;
    color: #666;
    background-color: #fff;
    border: 1px solid #666;
}

#asigcurso .panel .profesor, #asigcurso .panel .sesiones{
    color: #666;
    font-size: 1.1rem;
}


#asigcurso .panel .profesor span{
    color: #f0ad4e;
    font-weight: bold;
    font-size: 1.5rem;
}

#asigcurso .panel .sesion{
    display: inline-block;
    color: #fff;
    font-weight: bold;
    font-size: 1.5rem;
    margin: 0.1rem;
    padding: 0.3rem 0.5rem;
    /*background-color: #b9b9b9;*/
    background-color:  	#5bc0de;
    border-radius: 0.2rem;
}

#asigcurso .panel .sesion span{
    display: inline-block;
    position: relative;
    top: -2px;
    background-color: #fff;
    border-radius: 0.2rem;
    font-size: 0.9rem;
    color: #666;
    margin: 0.2rem 0.5rem;
    padding: 0.2rem;
}

#asigcurso .panel .sinalumnos{
    display: block;
    padding: 2rem;
    color: #f0ad4e;
    font-size: 2rem;
}

#asigcurso .panel .sinalumnos span{
    display: block;
    padding: 2rem;
    color: #B9B9B9;
    font-size: 15rem;
}

#asigcurso .panel .noseimparte span{
    display: block;
    padding: 1rem;
    color: #fff;
    font-size: 5rem;
}

#asigcurso .asigdesdoblada{
    background-color: #fefefa;
}

#asigcurso .asigdesdoblada .profesor{
    font-size: 2rem;
}

#asigcurso .asigdesdoblada .profesor span{
    font-size: 2.2rem!important;
}

#asigcurso .asigdesdoblada .sesiones .sesion{
    font-size: 2rem!important;
}

#asigcurso .asigdesdoblada .sesiones .sesion span{
    font-size: 1.2rem!important;
}

#asigcurso .asigdesdoblada .panel{
    margin-top: 2rem;
}

/*Asignaturas grupo*/
#f-asignatura-alumnos{
    border:0;
    position: relative;
    top: -8rem;
}

#asiggrupo .avisodesdoblada{
    color: #fff;
    background-color: #87D7ED;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-left: 10px;
    font-family: 'Roboto',sans-serif;
    text-rendering: optimizeLegibility;
}

#asiggrupo .botonera{
    text-align: right;
    height: 5rem;
}

#asiggrupo .titulos{
    width: 100%;
    text-align: center;
    margin-top: 1rem;
}

#asiggrupo #selectorasig{
    display: table;
    margin: 0 auto 1rem auto;    
}

#asiggrupo .titulos .glyphicon{
    display: table-cell;
    font-size: 3rem;
    padding: 1rem;
    color: #ddd;
    background-color: #f9f9f9;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

#asiggrupo .titulos .glyphiconder{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

#asiggrupo .titulos .glyphicon:hover{
    color: #666;
    background-color:  #ddd;
}

#asiggrupo .titulos p{
    width:100%;
    display: table-cell;
    margin:0;
    vertical-align: middle;
    padding: 0 1rem;
    position: relative;
    top:1px;
    border-top: 2px solid #f9f9f9;  
    border-bottom: 2px solid #f9f9f9;
    font-size: 2.2rem;
    color: #666;
}

#asiggrupo .titulos p span{
    margin-left: 1rem;
    font-size: 1.5rem;
    color: #aaa;
}

#asiggrupo .labelcont{
    height: 2rem;
    font-size: 1rem;
    text-align: right;
    padding-right: 15rem;
}

#asiggrupo .sesiones_panel{
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    padding: 1rem;
    cursor: pointer;
    text-align: center;
}

#asiggrupo .sesiones_panel:hover{
   background-color: #e9e9e9;
}

#asiggrupo .sesiones_izq{
    display: table-cell;
    vertical-align: top;
}


#asiggrupo .sesiones_izq div{
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
}


#asiggrupo .sesiones_izq div:last-child{
    font-size: 4rem;
    padding-top:0;
}

#asiggrupo .sesiones_der{
    display: table-cell;
    text-align: center;
}

#asiggrupo .sesiones_der .sesion, #asiggrupo .sesiones_der .sinasignar{
    float: left;
    color: #fff;
    font-weight: bold;
    font-size: 1.7rem;
    margin: 0.5rem;
    padding: 0.3rem 0.5rem;
    background-color: #5bc0de;
    border-radius: 0.2rem;
    text-align: center;
}

#asiggrupo .sesiones_der .sinasignar{
    font-size: 1.6rem;
    background-color: #FFEA77;
}

#asiggrupo .sesiones_der .sesion div{
    background-color: #fff;
    border-radius: 0.2rem;
    font-size: 1.2rem;
    color: #666;
    margin: 0.5rem 0.5rem;
    padding: 0.3rem;
}

#asiggrupo .sesiones_der .sinasignar span{
    font-size: 3rem;
}

/*Sesiones de asignaturas*/
#csesiones a.btn{
    position: absolute;
    font-size: 3rem;
    margin: 2rem 1.2rem;
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
}

#csesiones .tit{
    border: 1px solid #eee;
    border-radius: 2rem;
    background: #f9f9f9;
    text-align: center;
    margin-bottom: 1rem;
}

#csesiones .tit h4{
    text-align: center;
}


#csesiones .boxnumber .control-group input[type=number]{
    margin-top: 1rem;   
    width: 30%!important;
}

#csesiones .boxnumber .control-group #sesiones{
   font-size: 2.5rem;
}

#csesiones .boxnumber .control-group .a-na{
    text-align: right;
    font-size: 1.6rem;
}

#csesiones .boxnumber .control-group .a-na span{
    font-size: 2.5rem;
    margin: 0.5rem;
}

#csesiones .boxnumber .control-group div .asignadas{
    color:  #58A7BC;
}

#csesiones .boxnumber .control-group div .noasignadas{
    color: #d9534f;
}

#csesiones #sinhorario{
    text-align: center;
    color: #999;
    font-size: 2rem;
    padding: 3rem;
    font-weight: bold;
}

/*ficha hijo*/

.fichahijo{
    padding: 0;
}

.fichahijo .wellhijo{
    margin: 0;
    margin-bottom: 0;
    border: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 1px solid #ddd;
}

.fichahijo .fotohijo{
    width: 100%;
    border-radius: 1rem;
    border: 1px solid #ddd;
}

.fichahijo h3{
    margin-top:0;
    color: #666;
    border-bottom: 2px solid #666;
}

.fichahijo h3 .nia{
    float: right;
    font-size: 1.5rem;
    line-height: 2.5rem;
    padding-top:0.5rem;
    color: #bf360c;
}

.fichahijo .contenedorhijo{
    display: table;
    table-layout: fixed;
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
}

.fichahijo .menuizq{
    display: table-cell;
    border-right: 1px solid #ddd;
    padding: 0;
    margin: 0;
    vertical-align: top;
    width: 25%;
    height: 100%;
    background: #FAFAFA url('../images/Educole_transparente.png') center bottom no-repeat;
    background-size: cover;
}

.fichahijo #contenidoh{
    display: table-cell;
    width: 75%;
    height: 100%;
    margin: 0;
    padding: 0;
    vertical-align: top;
    padding: 3rem 0;
    overflow: hidden;
}

.fichahijo .cargando{
    display: table;
    width: 100%;
    height: 100%;
    background: url(../images/loading.gif) center center no-repeat;
    background-size: 25%;
}

.fichahijo .error{
    display: table;
    width: 100%;
    height: 100%;
    background: url(../images/alerta.png) center center no-repeat;
    background-size: 25%;
}

.fichahijo #desplazator{
    display: none;
    width:0;
    height: 0;
}

.fichahijo .menuizq ul{
    list-style: none;
    padding: 0;
    margin:0;
}

.fichahijo .menuizq ul li{
    margin: 0;
    padding: 0;
    background-color: #f7f7f7;
}

.fichahijo .menuizq ul li a{
    display: block;
    margin: 0;
    padding: 1rem;
    font-size: 1.5rem;
    border-bottom: 1px solid #ddd;
    color: #666;
}

.fichahijo .menuizq ul li a:hover,
.fichahijo .menuizq ul li a:active,
.fichahijo .menuizq ul li a:focus{
    text-decoration: none;
    background-color: #e5e5e5;
    cursor: pointer;
}

.fichahijo .menuizq ul li ul.sublista li{
    background-color: #ccc;
}

.fichahijo .menuizq ul li ul.sublista li a{
    text-indent:  1.2rem;
    color: #000;
}

.fichahijo .menuizq ul li ul.sublista li a span{
    text-indent: 0;
}

.fichahijo .menuizq ul li ul.sublista li a:hover,
.fichahijo .menuizq ul li ul.sublista li a:active,
.fichahijo .menuizq ul li ul.sublista li a:focus{
    background-color: #666;
    color: #e5e5e5;
}

.fichahijo .ftutor {
    padding-left: 0.3rem;
    border: 1px solid #EDE6C7;
    border-radius: 1rem;
    width: 90%;
    margin: 2rem auto;
}

.fichahijo .ftutor .fotoprofe{
    width: 20%;
    margin: 0.5rem;
    float:left;
    border: 1px solid #ddd;
    border-radius: 1rem;
}

.fichahijo .ftutor h5,
.fichahijo .ftutor h6{
    margin: 0.5rem;
}

.fichahijo .asignaturas{
    width: 95%;
    margin: 0 auto;
}

.fichahijo .asignaturas h4{
    margin: 1rem auto;
}

.fichahijo .asignaturas .asignatura{
    padding: 0.5rem;
    margin: 1rem;
    border: 1px solid #2196f3;
}

.fichahijo .asignaturas .fotoprofe{
    width: 10%;
    margin-right: 1rem;
    float:left;
}

.fichahijo .asignaturas .resto{
    width: 90%;
    left: 1rem;
}

.fichahijo .asignaturas .fotoprofe img{
    width: 100%;
    border: 1px solid #ddd;
}

.fichahijo .asignaturas h5{
   font-weight: bolder;
   margin: 0.3rem;
   color: #E59C1D;
   /*border-bottom: 1px solid #DDB137;*/
   padding-left: 2rem;
}

.fichahijo .asignaturas h6{  
   margin: 0.3rem;
}

.fichahijo .asignaturas a{  
   display: block;
   margin: 0.2rem;
   font-size: 1rem;
}

.fichahijo .pendientes h3{
    text-align: center;
    color: #999;
    border: none;
}

.fichahijo .pendientes .asignatura{
    /*background-color: #ffebee;*/
    border:1px solid #ef6c00;
    
}

.fichahijo .pendientes h5{
   color: #ef6c00;
}

.fichahijo .pendientes h6{
    padding-left: 2rem;
    color:#1e88e5;
}

.fichahijo .noavisos{
  width: 90%;
  background-color: #dff0d8;
  border-radius: 0.5rem;
  text-align: center;
  font-family: Roboto;
  padding: 2rem;
  color: #7B8C74;
  margin: 2rem auto;
}

.fichahijo .resumennotificacion{
  border: 1px solid #ddd;
  border-radius: 0.2rem;
  font-family: Roboto;
  list-style: none;
  display: table;
  width: 80%;
  margin: 1rem auto;
  border-collapse: collapse;
}

.fichahijo .resumennotificacion:hover{
  background-color: #FCFCEA;
  cursor: pointer;
}

.fichahijo .resumennotificacion h5{
  background-color: #039be5;
  font-size: 2rem;
  margin: 0.2rem;
  padding: 0.2rem 1rem;
  color: #fff;
}

.fichahijo .resumennotificacion li,
.fichahijo .notificacionesausencias li{
  display: table-row;
  padding: 2rem;
  border-bottom: 1px solid #ddd;
}

.fichahijo .resumennotificacion span{
  display: table-cell;
  padding: 0.3rem 1rem;
  font-weight: bolder;
}

.fichahijo .resumennotificacion span.fecha,
.fichahijo .notificacionesausencias span.fecha{
  display: inline-block;
  color:#666;
}

.fichahijo .resumennotificacion span.hora,
.fichahijo .notificacionesausencias span.hora{
  display: inline-block;
  color:#666;
  border: 1px solid #ddd;
  padding: 0.1rem;
  margin: 0.5rem;
  background-color: rgba(255,255,0,0.1);
  font-family: monospace;
  font-size: 1.1rem;
  color: #933F3F;
  border-radius: 0.2rem;
}

.fichahijo .resumennotificacion span.tipo,
.fichahijo .notificacionesausencias span.tipo{
  display: inline-block;
}

.fichahijo .resumennotificacion span.texto,
.fichahijo .notificacionesausencias span.texto{
  display: inline-block;
  margin-left: 2rem;
  font-family: 'Roboto', sans-serif;
  color: #F57F17;
}

.fichahijo .resumennotificacion .fechatarea,
.fichahijo .notificacionesausencias .fechatarea{
  color: #fff;
  background-color:#ddd;
  font-weight: bold;
  margin: 2px;
  line-height: 2rem;
  padding: 1.5px;
  font-size: 1.7rem;
}

.fichahijo .resumennotificacion .textotarea p{
  margin-bottom: 0;
}

.fichahijo .resumennotificacion .textotarea span{
  width: 100%;
}


.fichahijo .notificaciontareas ul{
  width: 100%!important;  
}

.fichahijo .tarea{
  display: flex;
  padding: 1%;
  margin: 1%;
  border: 1px solid #aaa;
  border-radius: 5px;
  height: auto;
  background-color: #fafafa;
}

.fichahijo .tarea_fecha{
  width: 15%;
  min-width: 15%;
  max-width: 15%;
  float: left;
}

.fichahijo .tarea_fecha_info{
  width: 80%;
  min-width: 80%;
  max-width: 80%;
  float: right;
}

.fichahijo .tarea_fecha_cal{
  margin: 1%;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 2px 2px 3px #ccc;
  font-weight: bold;
  font-family: arial;
  text-align: center;
}

.fichahijo .tarea_fecha_cal_mes{
  background-color: #f44336;
  color:#fff;
}

.fichahijo .tarea_fecha_cal_dia{
  color:#999;
}

.fichahijo .tarea_fecha_cal_dia_num{
  font-size: 4rem;
  line-height: 4rem;
}

.fichahijo .tarea_info{
  width: 83%;
}

.fichahijo .tarea_info .ausenciali{
  display: block!important;
  margin: 1%;
  padding: 1%;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color:#fff;
}

.fichahijo .tarea_info .ausenciali .extendida{
  background-color: #fff;
}

.fichahijo .tarea_info .ausenciali .extendida span{
  display: block;
  margin: 0;
  padding: 0 1rem;
}

.fichahijo .tarea_info .ausenciali .extendida span.sesion{
  color: #d9534f;
  font-family: monospace;
  font-size: 0.8rem;
}

.fichahijo .tarea_info .ausenciali.leida{
  background-color:#f9f9f9;
}

.fichahijo .tarea_info .asignatura,
.fichahijo .tarea_info .titulo{
  display: block!important;
  padding:0;
  margin:0;
  color: #E59C1D;
}

.fichahijo .tarea_info .titulo{
  color: #31708f;
}

.fichahijo .resumennotificacion span.glyphicon{
  float: left;
  font-size: 1.2rem;
  vertical-align: middle;
  line-height: initial;
}

.fichahijo .resumenaus span.glyphicon{
  display: inline-block;
  margin-left: 3rem;
  color: #F44336;
}

.fichahijo .resumennotificacion span.text-info{
  float:left;
}

.fichahijo .resumennotificacion span.notifemail,
.fichahijo .notificacionesausencias span.notifemail{
  display: block;
  float: right;
  font-size: 1.2rem;
  color: #EF9A9A;
}

.fichahijo .resumendis span.notifemail{
   display: table-cell;
   width: auto;
}


.fichahijo .notificacionesausencias{
  margin: 0 2rem;
}

.fichahijo .notificacionesausencias ul{
  display: table;
  font-family: Roboto;
  list-style: none;
  border-collapse: collapse;
  width: 90%;
}

.fichahijo .notificacionesausencias h4{
  font-size: 2.2rem;
  text-indent: 1rem;
  color: #546e7a;
}

.fichahijo .notificacionesausencias li{
  border-bottom: 1px solid #5bc0de;
  cursor: pointer;
  width: 100%;
}

.fichahijo .notificacionesausencias li.leida{
  background-color: #eee;
}

.noleida{
  font-weight: bolder;
}

.leida{
  font-weight: normal;
}

.seleccionada{
  background-color: #607D8B!important;
}

.fechaseleccionada{
  color: #fff!important;
  font-weight: bold;
  margin-left: 2rem;
}

.fichahijo .notificacionesausencias .resumen{
  padding: 1%;
}

.fichahijo .notificacionesausencias span{
  display: table-cell;
  padding: 0.3rem 0.2rem;
}

.fichahijo .notificacionesausencias span.tipo1{
  color: #F0A51D; 
}

.fichahijo .notificacionesausencias span.tipo2{
  color: #d9534f;
}

.fichahijo .notificacionesausencias span.tipo3{
  color: #2196f3;
}

.fichahijo .notificacionesausencias span.tipo4{
  color:#5cb85c;
}

.fichahijo .notificacionesausencias .extendida{
  display: none;
}

.fichahijo .notificacionesausencias .extendida ul{
  display: block;
  width: 100%;
  float:left;
}

.fichahijo .notificacionesausencias .extendida ul li{
  border: none;
}

.fichahijo .notificacionesausencias .extendida .botonjus{
  display: block;
  float: right;
  text-align: center;
  width: 25%;
  margin: 1% 5%;
}

.fichahijo .notificacionesausencias .extendida .justificar{
  clear: both;
  display: none;
  width: 90%;
  margin: 1rem auto;
}

.fichahijo .notificacionesausencias .extendida .justificar textarea{
  padding: 1rem;
  width: 100%;
  resize: none;
  margin: 1rem;
}

.fichahijo .notificacionesausencias .extendida .juspadre{
  background-color: #FFECB3;
}


.fichahijo .notificacionesausencias .extendida .rollojus{
  clear: both;
  display: block;
  width: 90%;
  margin: 1rem auto;
  border: 1px solid #ddd;
  border-radius: 0.4rem;
  background-color: #FFF8E1;
  font-family: monospace;
  color: #333;
  padding: 1rem;
}

.fichahijo .notificacionesausencias .extendida .jpor{
  text-align: right;
  font-size: 1.5rem;
  color: #F99136; 
}

.fichahijo .notificacionesausencias table{
  margin: 1rem;
  border-collapse: collapse;
  width: 90%;
}

.fichahijo .notificacionesausencias tr{
  border: 3px solid #eee;
}

.fichahijo .notificacionesausencias td{
  padding: 0.5rem;
}

.fichahijo .notificacionesausencias tr td:first-child{
  /* text-align: right; */
  color: #999;
  font-family: monospace;
  font-size: 1.1rem;
  width: 40%;
  min-width: 40%;
  max-width: 40%;
}

.fichahijo .notificacionesausencias tr td:last-child{
  text-align: left;
  color: #666;
  width: 100%;
  background-color: #fff;
}

.fichahijo .notificacionesausencias .reunion_botones{
  padding: 2rem;  
}

.fichahijo .notificacionesausencias .reunion_botones a{
  width: 40%;
  margin:0 5%;
  white-space:normal;
}

.fichahijo .notificacionesausencias .reunion_botones div{
  width: 40%;
  margin:0 2.5%;
  padding: 2.5%;
  white-space:normal;
  text-align: center;
  font-family: monospace;
  color: #666;
  border: 1px dashed #f00;
  background-color: #FFEAEA;
  display: inline-block;
  min-height: 5rem;
}

.fichahijo .notificacionesausencias .reunion_botones div.confirm{
  background-color: #EFFFE0;
  border: 1px dashed #50DB1E;
}

.fichahijo .notificacionesausencias .textocircular{
  padding: 2rem;
  background-color: #fff;
  margin: 1rem;
  font-size: 1.2rem;
}

.fichahijo .notificacionesausencias .textocircular img{
    max-width: 100%!important;
    height: auto!important;
}

.fichahijo .notificacionesausencias .btn-circular{
  margin: 0.4rem 1rem;
}

.fichahijo .notificacionesausencias .botontarea{
  height: 32px;
}

.fichahijo .notificacionesausencias .adjuntos{
  margin: 2%;
  background-color: #CFD8DC;
  border-radius: 0.4rem;
  display: table;
  width: 96%;
}

.fichahijo .notificacionesausencias .adjuntos h5{
  margin-left: 2rem;
  color: #fff;
}

.fichahijo .notificacionesausencias .adjuntos ul{
  margin-left: 1rem;
  list-style: circle!important;
  display: table-row;
  margin-bottom: 1rem;
}

.fichahijo .notificacionesausencias .adjuntos ul li a{
  color: #F06292;
}

.fichahijo .notificacionesausencias .adjuntos ul li a:hover{
  text-decoration: underline;
}


.fichahijo .notificacionesausencias .extendidaaus ul{
  display: table;
  background: #fff;
  border: 1px solid #ccc;
  margin: 1%;
  width: 98%;
}

.fichahijo .notificacionesausencias .extendidaaus ul li{
  border-bottom: 1px solid #eee;
  padding: 1%;
  text-align: left;
  text-indent: 3rem;
}

.fichahijo .notificacionesausencias .extendidaaus ul.disciplina li{
  display: block;
  text-align: left;
  text-indent: 0;
  padding: 1rem 2rem; 
}

.fichahijo .notificacionesausencias .extendidaaus ul.disciplina li span{
  display: inline;
  color: #263238;
  font-weight: bold;
}

.fichahijo .notificacionesausencias .extendidaaus ul.disciplina li span.amondesc{
  color: #607D8B;
  font-weight: normal;
  padding-left: 1rem;
}

.fichahijo .notificacionesausencias .extendidaaus ul.disciplina li span.amonprof{
  color: #26A69A;
  font-weight: normal;
  
}

.fichahijo .resumendis{
  display: table;
  width: 100%;
  text-align: left;
}

.fichahijo .resumendis div{
  display: table-cell;
  padding: 0.3rem 1rem;
  font-weight: bold;
}

.fichahijo .leida .resumendis div{
  font-weight: normal;
}

.fichahijo .resumendis .fechadis{
  color:#666;
  width: auto;
}

.fichahijo .resumendis .textodis{
  color: #F57F17;
  width: 80%;
}

.fichahijo .seleccionada .fechadis{
  color: #FFF; 
}

.fichahijo .autorizar{
    margin: 1rem;
    padding: 1rem;
    border: 1px solid #aaa;
    border-radius: 0.4rem;
    background-color: #ddd;
    position: relative;
    display: block;
}

.fichahijo .autorizar .autmsg{
    text-align: left;
    font-family: monospace;
    font-size: 1.1rem;
    width: 55%;
}

.fichahijo .autorizar .autorizsal{
    float: right;
    width: 40%;
    margin: 0!important;
}

.fichahijo .autorizar .separar{
    clear: both;
}

.fichahijo .autorizar textarea{
    clear: both;
    padding: 1rem;
    width: 95%;
    resize: none;
    margin: 1rem;
}

.fichahijo .autorizar .btnact{
    margin: 0 auto;
}

.fichahijo .autorizar .actualizada{
    position: absolute;
    top: 90%;
    left: 80%;
    text-align: right;
    font-family: monospace;
    font-size: 1rem;
    
}

/*boletines*/
.fichahijo  .listaboletines{
  width: 100%!important;
}

.fichahijo .boletinpadres{
  background-color: #fff;
  display: block;
  width: 100%;
  border: 1px solid #E59C1D;
  padding: 0.5rem;
  font-size: 1rem;
  font-weight: normal;
}

.fichahijo .boletinpadres .cabecera small{
  font-size: 8px;
}

.fichahijo .boletinpadres h3{
  font-size: 2rem;
  border: none;
  margin: 0;
  padding: 0;
}

.fichahijo .boletinpadres .cabecera p{
  font-size: 0.8rem;
  margin: 0;
  padding: 0;
}

.fichahijo .boletinpadres h2{
  font-size: 1.7rem;
  margin-top: 0;
}

.fichahijo .boletinpadres .panel-body{
  padding: 0.5rem;
  background-color: #eee;
  font-size: 1rem;
  margin-top: 0;
}

.fichahijo .boletinpadres .panel-body p{
  font-size: 1.2rem;
  margin-top: 0;
}

.fichahijo .boletinpadres .notas .col{
  padding: 0;
  margin: 0;
}

.fichahijo .boletinpadres .notas h5{
  margin: 0;
  font-size: 1.1rem;
}

.fichahijo .boletinpadres table{
  border-collapse: collapse;
}

.fichahijo .boletinpadres .notas .panelizq table{  
  width: 90%!important;
  margin: 0 0 0 1.2rem;
}

.fichahijo .boletinpadres .notas .table th,
.fichahijo .boletinpadres .notas .table td{
  padding:0.2rem;
  margin: 0;
  background-color: #fff;
  color: #000;
}

.fichahijo .boletinpadres .notas .panelizq table tr{
  border: none;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}

.fichahijo .boletinpadres .notas .panelizq table tr td{
  display: inline-block;
  border: none;
}

.fichahijo .boletinpadres .notas .panelizq table td.sinactitud{
  width: 15%;
  text-align: center;
}

.fichahijo .boletinpadres .notas .panelizq table td.conactitud{
  width: 8%;
  text-align: center;
}

.fichahijo .boletinpadres .notas .panelizq table tr td:first-child{ 
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}

.fichahijo .boletinpadres .notas .panelder table{
  table-layout: fixed;
  margin: 0;
}

.fichahijo .boletinpadres .notas .cuadriculada tr,
.fichahijo .boletinpadres .cuadriculada tr{
  border:none;
}

.fichahijo .boletinpadres .notas .cuadriculada td,
.fichahijo .boletinpadres .notas .cuadriculada th,
.fichahijo .boletinpadres .cuadriculada th{
  text-align: center;
  background-color: #eee;
}

.fichahijo .boletinpadres .notas .panelder table td.nota{
  background-color: #fff;
}

.fichahijo .boletinpadres .notas tr{
  height: 22px;
}

.fichahijo .boletinpadres table.cuadriculada th,
.fichahijo .boletinpadres table.cuadriculada td{
    border: 1px solid #ddd;
}

.fichahijo .boletinpadres table.cuadriculada th:hover{
  color: #333;
  font-weight: normal;
}


.fichahijo .boletinpadres .histasig{
  display:none!important;
}

.fichahijo .boletinpadres .smb{
  margin-bottom:0;
}

.fichahijo .boletinpadres .smt{
  margin-top:0;
}

.fichahijo .boletinpadres .titems tr td:first-child{
    width: 90%;
    text-align: left;
}

.fichahijo .boletinpadres .titems tr td:last-child{
    text-align: center;
}


.fichahijo .boletinpadres  .titems:after{
  text-align: center;
}

.fichahijo .boletinpadres .pendientes{
    width: 90%;
    margin: 1rem auto;
}

.fichahijo .boletinpadres .pendientes tr{
    border: none;
}

.fichahijo .boletinpadres .pendientes td{
    white-space: nowrap;
}

.fichahijo .boletinpadres .pendientes td:first-child{
    text-align: left;
}

/*calificaciones*/
.fichahijo .calificaciones,
.fichahijo .calificaciones div{
    width: 100%!important;
}

.fichahijo .calificaciones .botonera{
    display: flex;
    justify-content: space-around;
    width: 100%;
}

.fichahijo .calificaciones .btn-eval{
    color:  #607D8B;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.fichahijo .calificaciones .botonera .activo{
   background-color: #607D8B;
   color: #fff;
}

.fichahijo .calificaciones .asignaturaseval{
  background-color: #ECEFF1;
  border-left: 1px solid #C6CDD1;
  border-right: 1px solid #C6CDD1;
  border-bottom: 1px solid #C6CDD1;
  border-bottom-left-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
  padding: 1rem;
}

.fichahijo .calificaciones .asignatura{
  margin-bottom: 1rem;
  padding: 1rem;
  background-color: #CFD8DC;
  border: 1px solid #607D8B;
  cursor: pointer;
}

.fichahijo .calificaciones .asignatura .nombre {
  font-weight: bold;
}

.fichahijo .calificaciones .asignatura .badgeasig {
  display: inline-block;
  background-color: red;
  color: #fff;
  text-align: center;
  padding: 0;
  font-size: 12px;
  line-height: 18px;
  vertical-align: middle;
  height: 18px;
  padding: 0 7px;
  border-radius: 10px;
  margin-left: 1rem;
}


.fichahijo .calificaciones .asignatura table{
  table-layout: auto;
  width: 100%!important;
  border-collapse: collapse;
  border: none;
  margin: 0;
  padding: 0;
  background-color: #CFD8DC;
} 

.fichahijo .calificaciones .asignatura tr{
  background-color: #fff;
  border-bottom: 2px solid #CFD8DC;
  border: 2px solid #CFD8DC;
}

.fichahijo .calificaciones .asignatura tr.calpadre,
.fichahijo .calificaciones .asignatura tr.calhija{
  border: 2px solid #7986cb;
  
}

.fichahijo .calificaciones .asignatura tr.calpadre td{
  background-color: #7986cb;
  color: #fff;
}

.fichahijo .calificaciones .asignatura tr.calhija td{
  background-color: #e8eaf6;
}

.fichahijo .calificaciones .asignatura td{
  width: auto!important;
}

.fichahijo .calificaciones .asignatura td.caltitulo{
  width: 100%!important;
}

.fichahijo .calificaciones .asignatura td.calnota{
  font-size: 1.6rem;
  color: #4CAF50;
  text-align: right;
  font-weight: bold;
  background-color: transparent;
}

.fichahijo .calificaciones .asignatura td.suspendida{
  color: #F44336;
}

.fichahijo .calificaciones .vacia{
  color: #37474F;
  font-family: monospace;
  text-align: center;
  padding: 1rem;
}

/*salidas*/
.fichahijo .tabla_salidas{
  width: 96%!important;
}

.fichahijo .btn-comedor{
  background: #FA3E3E;
  color: #fff;
  font-size: 1.8rem;
  text-transform: uppercase;
  margin: 1rem auto;
  width: 40%;
  padding: 1rem;
  border: 1px solid #A02220;
  border-radius: 8px;
  text-align: center;
  cursor: pointer;
}

.fichahijo #btn-reservar{
  display: block;
  background: #4CAF50;
  border: 1px solid #004D40; 
}

.fichahijo #btn-alergias:hover{
  background: #A02220;
}

.fichahijo #btn-reservar:hover{
  text-decoration: none;
  background: #004D40;
}

.fichahijo .contalerg{
  display: grid;
  margin: 1rem;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: center;
  gap: 1rem;
}

.fichahijo .contalerg div{
  border: 1px solid #aaa;
  font-family: 'Courier New', Courier, monospace;
  background: transparent; 
  color: #aaa;
  padding: 1rem;
  width: 100%;
  text-align: center;
  cursor: pointer;
}

.fichahijo .contalerg div:hover{
  background: #efefef;
  color: #666;
}

.fichahijo .contalerg div.alsel{
  background: #01579B;
  color: #fff;
}

/*Hoja de tutoría*/
.alumnostutoria table{
    background: #eee;
    padding: 2rem!important;
    border-radius: 1rem;
    border-spacing: 0 1px;
    border-collapse: separate;
    width:auto;
    margin: 0 auto;
}

.alumnostutoria table tbody tr{
    border-collapse: separate;
    border-bottom: 2px solid red!important;
    border-radius: 1rem;
    padding: 1rem!important;
}

.alumnostutoria table tbody tr td{
    padding: 1rem;
}


.alumnostutoria table tr.propio:hover{
    cursor: pointer;
    background-color: #ccc;
}

.alumnostutoria table tr.propio:hover .alumno{
    color: #4C6E93;
}

.alumnostutoria .alumno{
   font-size: 1.4rem;
   color: #2196f3;
   font-weight: bolder;
}

.alumnostutoria .alumno .puntaco{
    display:inline-block;
    width: 3rem;
    text-align: right;
    color: #aaa;
    margin-right: 0.5rem;
}

.alumnostutoria td.cotutor{
    padding: 0!important; 
}

.alumnostutoria .btn-disabled{
    visibility: hidden;
}

.alumnostutoria .selectprofes{
    width: 88%;
    float:left;
    position: relative;
    top: -0.8rem;
}

.alumnostutoria .selectprofes select{
    background-color: #fafafa!important;
    font-size: 1.2rem;
    color: #666!important;
}

.alumnostutoria .btn{
    position: relative;
    top: -0.8rem;
    width: 11%;    
    float:right;
    margin-left: 1%;
    text-align: center;
    padding: 0.6rem; 
}

.alumnostutoria th{
    padding: 0.6rem 2rem;
    color: #fff;
    background-color: #2196f3;
    text-align: center;
}


.hojatutoria,
.notasitems{
    text-align: center;
}

.hojatutoria h4 a{
    display: inline-block;
    color: #5cb85c;
    padding: 1rem;
    border-radius: 1rem;
}

.hojatutoria h4 a:hover{
    text-decoration: none;
    background-color: rgba(92,184,92,0.3);
}

.hojatutoria .selectoralumno,
.notasitems .selectoralitem{
    display: table;
    margin: 0 auto;
}

.hojatutoria .selectoralumno .nombre,
.notasitems .selectoralitem .nombre{
    display: table-cell;
    width: 100%;
    border-bottom: 1px solid #fafafa;
    font-size: 3rem;
    padding: 0;
    color: #2196f3;
    background-color: #fdfdfd;
}

.hojatutoria .btn-ht{
    margin-bottom:4px;
    white-space: normal;
    font-size: 1.2rem;
    color: #999;
    padding: 6px;
    height: 4.2rem;
    min-height: 4.2rem; 
    background-color: #F9FBE7;  
}

.hojatutoria .btn-ht:hover{
    background-color: #EDE7F6;
}

.hojatutoria .active{
    color: #333;
    background-color: #EDE7F6;
}

.hojatutoria .enconstruccion p{
    font-size: 3rem;
    line-height: 3rem;
    margin: 0;
    text-transform: uppercase;
    font-weight: bolder;
    color: #ddd;
    text-align: center;
}

.hojatutoria .enconstruccion div{
    width: 80%;
    height: 3rem;
    margin:0 auto;
    background: repeating-linear-gradient(45deg,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0) 10px,rgba(220, 220, 220, 1) 10px,rgba(220, 220, 220, 1) 20px);
}

.notasitems .item .nombre{
    font-size: 1.7rem;
    font-family: monospace;
    color: #333;
    background-color: #FCF6E0;
    vertical-align: middle;
}

.notasitems .minimo{
  font-weight: bold!important;
  color: #D60ED6!important;
}


.hojatutoria .selectoralumno .glyphicon,
.notasitems .selectoralitem .glyphicon{
    display: table-cell;
    font-size: 3rem;
    padding: 1rem;
    color: #ddd;
    background-color: #f1f1f1;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    cursor: pointer;
}

.hojatutoria .selectoralumno .glyphiconder,
.notasitems .selectoralitem .glyphiconder{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}



.hojatutoria .selectoralumno .glyphicon:hover,
.notasitems .selectoralitem .glyphicon:hover{
    text-decoration: none;
    color: #666;
    background-color:  #ddd;
}

#asigcurso .titulos p{
    display: table-cell;
    margin:0;
    vertical-align: middle;
    padding: 0 1rem;
    position: relative;
    top:1px;
    border-top: 2px solid #f9f9f9;  
    border-bottom: 2px solid #f9f9f9;
    font-size: 2.2rem;
    color: #666;
}

.hojatutoria #selector_flotante{
    position: fixed;
    bottom: 50px;
    right: 0;
    padding: 2rem;
    box-shadow: 2px 2px 5px #666;
    width: 60%;
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
    background-color: rgba(0,0,0,0.3);
    z-index: 99;
}

.hojatutoria #selector_flotante .selectoralumno .nombre{
    border-bottom: 1px solid #fafafa;
    font-size: 1.5rem;
    padding: 0;
    color: #2196f3;
    background-color: #fdfdfd;
    opacity: 0.7;
    font-weight: bold;
}

.hojatutoria #selector_flotante .selectoralumno .glyphicon{
    top: 0px;
    font-size: 1.5rem;
    padding: 1rem;
    background-color: rgba(36, 154, 181, 0.3);
}

.hojatutoria #cargandohojatutoria{
  width: auto;
  height: 100%;
  min-height: 100%;
  background: url("../images/loading.gif") no-repeat center;
  padding: 2rem;
  margin-bottom: 2rem;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  /*background-size: contain;*/
}

.hojatutoria .pagos{
  padding: 1rem;
  margin: 2rem;
  border: 1px solid #ccc;
  border-radius: 1rem;
  text-align: center;
}

.hojatutoria .pagos div{
  display: inline-block;
  margin: 0 2rem;
}

.hojatutoria .pagos div span{
    display: inline-block;
    border: 1px solid #aaa;
    padding: 1rem;
    font-size: 2rem;
    border-radius: 0.4rem;
    margin-left: 1rem;
}

.hojatutoria .educole{
    width: 3rem;
    height: 3rem;
    font-size: 2rem;
    padding: 0;
    border: 1px solid #ccc;
    float: left;
    margin-left: 0.5rem;
    border-radius: 0.5rem;
    cursor: default;
    color: #fff;
}

.hojatutoria .educole-noregistro{
    background-color: #ccc;
}

.hojatutoria .educole-ok{
    background-color: #5cb85c;
}

.hojatutoria .educole-lock{
    background-color: #d9534f;
    font-size: 1rem;
    line-height: 3rem;
}

.hojatutoria .mailpadres{
    text-align: left;
    margin-bottom: 1rem;
    margin-top: -1rem;
}

.hojatutoria .mailpadres span{
    color: #aaa;
}

.hojatutoria .hermanos{
  list-style: none;
}

.hojatutoria .hermanos li{
  font-size: 1.8rem;
  color: #2196f3;
  font-weight: bold;
  margin-bottom: 1rem;
}

.hojatutoria .hermanos li span.grupoher{
  font-size: 1.5rem;
  font-family: monospace;
  color: #5cb85c;
}

.hojatutoria .hermanos li span.etapaher{
  font-size: 1.5rem;
  font-family: monospace;
  color:#d9534f;
}

.hojatutoria .padres_separados{
  font-size: 1.5rem;
  font-weight: bold;
  width: 50%;
  padding: 1rem;
  margin: 0.5rem auto;
  border: 1px solid #ddd;
  border-radius: 1rem;
}

.hojatutoria .padres_separados div{
  display: inline-block;
}

.hojatutoria .padres_separados .sliderpt{
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 0.9rem;
}

.hojatutoria .textoacuerdo{
  background-color: #fffde7;
  border: 1px solid #f57f17;
  padding: 1rem;
  font-family: monospace;
  text-align: left;
  border-radius: 0.5rem;
  margin: 0.5rem 3rem;
}

.hojatutoria .resumennotas{
  border: 1px solid #C0CA33;
}

.hojatutoria .resumennotas thead{
  background: #F0F4C3;
}

.hojatutoria .resumennotas thead th{
  cursor: default;
  color:  #C0CA33;
  height: 2rem;
}

.hojatutoria .resumennotas thead th:hover{
  color:  #C0CA33;
}

.hojatutoria .pendientes{
  width: auto;
  margin: 2rem auto;
  border: 1px solid  #F57F17;
}

.hojatutoria .pendientes thead{
  background: #FFF9C4;
}

.hojatutoria .pendientes thead th{
  color:  #F57F17;
  margin-left: 1rem;
  margin-right: 1rem;
}

.hojatutoria .pendientes td{
  vertical-align: middle;
}

.hojatutoria .pendientes input{
  width: 4rem;
  text-align: center;
  cursor: pointer;
}

.hojatutoria .htable{
   width: 70%;
   min-width: 70%;
   max-width: 70%;
   margin:1rem auto;
   border: 1px solid #8e24aa;
}



.hojatutoria .htable th{
    background: #e1bee7;
    color: #8e24aa;
    height: 2rem;
    padding:1rem;
    
}

.hojatutoria .htable th .hcurso{
    color: #fff;
}

.hojatutoria .htable td{
    border-bottom: 1px solid #e1bee7;
    padding:0.5rem;
}

.hojatutoria .htable td:first-child{
    text-align: left;
}

.hojatutoria .htable tbody tr:last-child td{
  border-bottom: 1px solid #8e24aa;
}

.hojatutoria .htable tr.hpendiente td{
    background-color: #ffebee;
    color: #b71c1c;
}

.hojatutoria .btn-imprimir{
    color: #0d47a1;
    /*background-color: #fffde7;*/
}

.hojatutoria .calificaciones .asignaturaseval{
  color: #FF8F00;
  background-color: #F0F4C3;
  border: 1px solid #C6CDD1;
  border-bottom-left-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
  padding: 1rem;
}

.hojatutoria .calificaciones .asignaturaseval .eval{
    border:1px solid #FFC107;
    background: #FFECB3;
    font-size: 1.7rem;
    font-weight: bold;
    margin-bottom: 1rem;
    padding: 0.4rem;
}
.hojatutoria .calificaciones .asignatura{
  margin-bottom: 1rem;
  padding: 1rem;
  background-color: #CFD8DC;
  border: 1px solid #607D8B;
  color: #FF5722;
  color: #607D8B;
  font-weight: bold;
}

.hojatutoria .calificaciones .asignatura table{
  table-layout: auto;
  width: 100%!important;
  border-collapse: collapse;
  border: none;
  margin: 0;
  padding: 0;
  background-color: #CFD8DC;
} 

.hojatutoria .calificaciones .asignatura tr{
  background-color: #fff;
  border-bottom: 2px solid #CFD8DC;
  border: 2px solid #CFD8DC;
  text-align: left;
  font-weight: normal;
}


.hojatutoria .calificaciones .asignatura tr.calpadre,
.hojatutoria .calificaciones .asignatura tr.calhija{
  /*border: 1px solid #7986cb;*/
  border: 2px solid #CFD8DC;
  
}

.hojatutoria .calificaciones .asignatura tr.calpadre td{
  background-color: #e8eaf6;
  color: #999;
}

.hojatutoria .calificaciones .asignatura tr.calhija td{
  background-color: #fff;
}

.hojatutoria .calificaciones .asignatura td{
  width: auto!important;
  padding: 0.2rem 1rem;
  color: #333;
}

.hojatutoria .calificaciones .asignatura td.caltitulo{
  width: 100%!important;
}

.hojatutoria .calificaciones .asignatura td.calnota{
  font-size: 1.6rem;
  color: #4CAF50;
  text-align: right;
  font-weight: bold;
  background-color: transparent;
}

.hojatutoria .calificaciones .asignatura td.suspendida{
  color: #F44336;
}

.hojatutoria .ausencias .eval{
    background-color: #78909C;
    color: #fff;
    border-radius: 0.5rem;
    margin: 0.2rem;
    padding: 0.3rem;
}

.hojatutoria .ausencias .dia,
.hojatutoria .ausencias .dia > div{
    border: 1px solid #ccc;
    border-radius: 0.5rem;
    margin: 0.2rem;
    padding: 0.3rem;
}

.hojatutoria .ausencias .dia{
    display: flex;
    overflow-y: hidden;
    overflow-x: auto;
    vertical-align: middle;
    background: #F0F4C3;
    height: 145px;
    padding: 0 0 0.5rem 0;
}


.hojatutoria .ausencias .dia > div{
    float: left;
    width: 100px;
    max-width: 100px;
    height: 100%;
}

.hojatutoria .ausencias .dia .infofecha .diasemana{
    color: #F57F17;
    font-family: monospace;
    font-size: 10px;
}

.hojatutoria .ausencias .dia .infofecha{
    width: 60px;
    max-width:60px;
    /*background: #FDD835;*/
    background: #DCE775;
}

.hojatutoria .ausencias .dia .infofecha .fecha{
    color: #827717;
    font-size: 20px;
    font-weight: bold;
}

.hojatutoria .ausencias .dia .botonjus{
    width: 80px;
    max-width:80px;
    background: transparent;
    border: none;
    padding-top: 30px;
}

.hojatutoria .ausencias .dia .nodriza{
    background-color: #fff;
    color: #607D8B;
}

.hojatutoria .ausencias .dia .botonjus{
    width: 100px;
}

.hojatutoria .ausencias .dia .botonjus a{
    display: block; 
    text-align: center;
    background-color: #E53935;
    color: #fff;
    font-size: 1.1rem;
    padding: 0.5rem;
    border: 1px solid #B71C1C;
    border-radius: 0.4rem;
    text-decoration: none;
}

.hojatutoria .ausencias .dia .botonjus a:hover{
    
    background-color: #B71C1C;
}

.hojatutoria .ausencias .dia .nodriza .hora{
    
    border:1px solid #CFD8DC;
    font-size: 12px;
    font-stretch: condensed;
    white-space:nowrap;
    border-radius: 0.5rem;
    margin: 0.2rem;
    padding: 0.3rem;
}

.hojatutoria .ausencias .dia .nodriza .asignatura{
    background-color:#CFD8DC;
    font-size: 12px;
    border-radius: 0.5rem;
    margin: 0.2rem;
    padding: 0.3rem;
    height: 40px;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;  
}

.hojatutoria .ausencias .dia .nodriza .profesor{
    font-size: 10px;
    max-height: 20px;
    font-stretch: condensed;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;  
}

.hojatutoria .ausencias .dia .nodriza .circulo{
    font-size: 15px;
    padding:3px;
    width: 30px;
    height: 30px;
    font-weight: bold;
    color: #fff;
    border-radius: 5rem;
    text-align: center;
    margin: 6px auto;
}

.hojatutoria .ausencias .dia .ausencia{
    background-color: #FF8A80;
    color: #B71C1C;
    position: relative;
   /* border-color: #D50000;*/
}

.hojatutoria .ausencias .dia .retraso{
    background-color: #D1C4E9;
    color: #311B92;
}

.hojatutoria .ausencias .dia .ausenciajus{
    background-color: #FFF59D;
    color: #FF6F00;
}

.hojatutoria .ausencias .dia .retrasojus{
    background-color: #BBDEFB;
    color: #0D47A1;
}

.hojatutoria .ausencias .dia .ausencia .hora{
    border-color: #D50000;
}

.hojatutoria .ausencias .dia .ausenciajus .hora{
    border-color: #FF6F00;
}

.hojatutoria .ausencias .dia .retraso .hora{
    border-color: #311B92;
}

.hojatutoria .ausencias .dia .retrasojus .hora{
    border-color: #0D47A1;
}

.hojatutoria .ausencias .dia .ausencia .asignatura{
    background-color: #D50000;
    color: #fff;
}

.hojatutoria .ausencias .dia .ausenciajus .asignatura{
    background-color: #FF6F00;
    color: #fff;
}

.hojatutoria .ausencias .dia .retraso .asignatura{
    background-color: #311B92;
    color: #fff;
}

.hojatutoria .ausencias .dia .retrasojus .asignatura{
    background-color: #0D47A1;
    color: #fff;
}

.hojatutoria .ausencias .dia .ausenciajuspadre{
    border: 3px solid #FF6F00;
    cursor: pointer;
}

.hojatutoria .ausencias .dia .ausenciajuspadre:hover{
    background-color: #FFF176;
}

.hojatutoria .ausencias .dia .ausencia .ausload{
    position: absolute;
    top: 0;
    left: 0;
    display: table;
    width: 100%;
    height: 100%;
    background: #000;
    border-radius: 0.4rem;
    background: #000 url("../images/loading.gif") no-repeat center;
    background-size: 70%;
    opacity: 0.4;
}

.hojatutoria .amonestaciones .filtros{
    padding: 0 1rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-end;
}

.hojatutoria .amonestaciones .filtro{
   padding: 0 2rem;
   text-align: left;
}

.hojatutoria .amonestaciones .imprimir{
   padding: 2rem;
   align-self: center;
}

.hojatutoria .amonestaciones .filtro label{
   font-weight: normal;
   color: #aaa;
}

.hojatutoria .amonestaciones .informeamon{
    text-align: left;
    padding: 1rem;
}

.hojatutoria .amonestaciones .cabecera{
    background: #F0F4C3;
    border: 1px solid #C0CA33;
    border-top-right-radius: 0.4rem;
    border-top-left-radius: 0.4rem;
    padding: 0.7rem;
    font-size: 1.4rem;
}

.hojatutoria .amonestaciones .detalle{
    border: 1px solid #C0CA33;
    border-top: none;
    border-bottom-right-radius: 0.4rem;
    border-bottom-left-radius: 0.4rem;
    padding: 1rem 3rem;
}

.hojatutoria .amonestaciones .cabecera .fecha{
    display: inline-block;
    color: #827717;
    font-weight: bold;
}

.hojatutoria .amonestaciones .cabecera .sesion{
    display: inline-block;
    margin: 0 5px;
    padding: 2px;
    border: 1px solid #827717;
    border-radius: 4px;
    font-size: 1rem;
    color: #827717;
}

.hojatutoria .amonestaciones .cabecera .asignatura{
    color: #004D40;
}

.hojatutoria .amonestaciones .cabecera .profesor{
    color:#EF6C00;
    margin-left: 5px;
}

.hojatutoria .amonestaciones .cabecera .glyphicon{
    background-color: #fff;
    padding: 4px;
    border: 1px solid #C0CA33;
    border-radius: 4px;
    margin-right: 2px;
}

.hojatutoria .amonestaciones .cabecera .recibido{
    color: #827717;
    font-size: 1rem;
    padding-top: 5px;
}

.hojatutoria .amonestaciones .cabecera .casilla{
    background-color: transparent;
    margin: 0 2px;
    border: none;
    border-radius: 0;
    margin-right: 2px;
    color: #827717;
}

.hojatutoria .infoht{
    font-family: 'Roboto condensed';
    background: #9FA8DA;
    color: #fff;
    padding: 1rem;
    border-radius: 0.4rem;
}

.hojatutoria .amonestaciones .detalle li{
    padding: 0.2rem 0;
}

.hojatutoria .amonestaciones .detalle li span{
    color: #546E7A;
}

.hojatutoria .amonestaciones .detalle li span.descripcion{
    color: #78909C;
    padding-left: 1rem;
}

.hojatutoria .reuniones table{
    width: 98%;
    margin: 5px auto;
    border: 1px solid #e65100;
    background-color: #ffe0b2;
    padding: 1rem;
    border-collapse: separate;
    border-radius: 5px;
}

.hojatutoria .reuniones table td{
    border: 5px solid transparent;
}

.hojatutoria .reuniones table .fecha{
    color: #e65100;
    font-weight: bold;
    width: 5%;
    max-width: 5%;
    font-size:1.5rem;
    padding: 0 0.25rem;
    vertical-align: middle;
}

.hojatutoria .reuniones table .hora{
    width: 5%;
    max-width: 5%;
}

.hojatutoria .reuniones table .hora span{
    color: #e65100;
    font-weight: normal;
    font-size:1rem;
    padding: 0.5rem;
    background: #fff;
    border-radius:5px;
}

.hojatutoria .reuniones table .descripcion{
    color: #e65100;
    font-family: monospace;
    font-size:1.5rem;
    padding: 0 1rem;
    text-align: left;
}

.hojatutoria .reuniones table .asistent{
    color: #616161;
    padding-left: 1rem;
}


.hojatutoria .reuniones table .btnacta{
    width: 5%;
    max-width: 5%;
}

.hojatutoria .reuniones table .padres p{
    margin: 0;
    padding: 0.2rem 0.1rem;
    line-height: 1rem;
}

.hojatutoria .reuniones table tr.acta td{
    border: 10px solid #ffe0b2;
    border-radius: 5px;
}

.hojatutoria .reuniones table tr.acta td.sinboton{
    background-color: #fff;
}

.hojatutoria .reuniones table tr.acta td.sinboton .creadapor{
    color: #999;
}

.hojatutoria .reuniones table tr.acta td .btnacta{
    border-bottom: 10px solid #ffe0b2;
    text-align: right;
}

.hojatutoria .reuniones table tr.acta td .divacta{
    border-radius: 5px;
    background-color: transparent;
}

.hojatutoria .reuniones table tr.acta .labelacta{
    text-align: left!important;
}

.hojatutoria .reuniones table tr.acta .labelcontacta{
    text-align: right;
}

.hojatutoria .reuniones table tr.acta textarea{
    resize:vertical;
}


.hojatutoria .reuniones table tr.acta .creadapor{
   color: #616161;
}

/*reuniones padres*/
.reunionespadres td{
   vertical-align: middle!important;
}

.reunionespadres .pulgares_reuniones{
  position: relative;
}

.reunionespadres .pulgares_reuniones div{
  font-size: 14px;
  font-weight: bold;
  color: #3c763d;
  position: absolute;
  width: 110%;
  margin: 1px auto;
  top: 14px;
}

.reunionespadres .pulgares_reuniones div.verde{
  color: #8bc34a;
}

.reunionespadres .pulgares_reuniones div.rojo{
  color: #f44336;
  top: 6px;
}

.reunionespadres .pulgares_reuniones .glyphicon{
  font-size: 40px;
}

.reunionespadres .pulgares_reuniones .glyphicon-thumbs-up {
  color: #8bc34a;
}

.reunionespadres .pulgares_reuniones .glyphicon-thumbs-down {
  color: #f44336;
}


.reunionespadres .numinfo{
  font-size: 14px;
  font-weight: bold;
  color: #286090;
} 

.reunionespadres .page-header h3{
  margin:0;
  padding: 0;
}

.reunionespadres .filtro{
  background: #e0f2f1;
  color: #4db6ac;
  font-size: 1rem;
  padding: 0.5rem;
  width: 60%;
  margin: 0.5rem auto;
  border-radius: 0.5rem;
}

.reunionespadres .filtro select{
  background-color: #fff!important;
  font-size: 1rem;
}

.reunionespadres .filtro input{
  font-size: 1rem;
}


/*herramientas jefe de estudios*/

.herramientas{
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
}

.herramienta{
    position: relative;
    width: 150px;
    height: 150px;
    background-color: #aaa;
    border-radius: 1rem;
    box-shadow: 0 1px 2px #999;
    cursor: pointer;
    transition: box-shadow .25s;
    color: #fff;
    margin: 20px;
}

.herramienta:hover{
    background-color: #999;
    box-shadow: 0 1px 10px #999;
    color: #fff;
}

.herramienta .hicon span{
    font-size: 65px;
    margin: 20px 20px 5px 20px;
}

.herramienta .htext{
    margin: 5px 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.hinforme{
    background-color: #f44336;
}

.hinforme:hover{
    background-color: #e53935;
}

.hpromo{
    background-color: #cddc39; 
}

.hpromo:hover{
    background-color: #c0ca33; 
}

.ppromo{
    background-color: #00bcd4; 
}

.ppromo:hover{
    background-color: #00acc1; 
}

.hausencias{
    background-color: #ff9800; 
}

.hausencias:hover{
    background-color: #fb8c00; 
}

.herramientas .boletines{
    background-color: #00897b; 
}

.herramientas .boletines:hover{
    background-color: #00695c; 
}

.herramientas .horarios{
  background-color: #673ab7;
}

.herramientas .horarios:hover{
  background-color: #512da8;
}

.herramientas .fichajes{
  background-color: #4caf50;
}

.herramientas .fichajes:hover{
  background-color: #388e3c;
}

.herramientas .incidencias{
  background-color: #f9a825;
}

.herramientas .incidencias:hover{
  background-color: #f57f17 ;
}

.herramientas .infoalumnos{
  background-color: #37474f;
}

.herramientas .infoalumnos:hover{
  background-color: #263238 ;
}

.herramientas .infaus{
  background-color: #f44336; 
}

.herramientas .infaus:hover{
  background-color: #e53935; 
}

.herramientas .calificaciones{
  background-color: #E03E5C; 
}

.herramientas .calificaciones:hover{
  background-color: #C11F3D; 
}



.loading{
  display: none;
  position: absolute;
  width: 150px;
  height: 150px;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.3);
  /*background: rgba(0,0,0,0.3) url('../images/cargando_flecha.gif') no-repeat center center;
  background-size: contain;*/
  border-radius: 1rem;
}

.loading{
  font-size: 80px;
  padding-top: 35px;
  color: rgba(255,255,255,0.7);
}


.notasflex{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}
    
.notasjefe,
.promojefe{
    background-color: #4db6ac;
    margin: 2rem;
    padding: 0.2rem;
    border-radius: 1rem;
    box-shadow: 2px 2px 5px #999;
    border-collapse: separate;
    min-width: 20%;
    height: auto;
}

.promojefe{
    background-color: #ba68c8;
}

.notasjefe td,
.notasjefe th,
.promojefe th{
    padding: 0.5rem 2rem;
    text-align: center;
    height: 30px;
}

.notasjefe th,
.promojefe th{
    background-color: #00897b;
    color: #fff;
    border-top-left-radius: 0.7rem;
    border-top-right-radius: 0.7rem;
}

.promojefe th{
    background-color: #8e24aa;
}

.notasjefe td{
    background-color: #fff;
    text-align: center;
}

.notasjefe tr:nth-child(odd) td{
    background-color: #e0f2f1; 
}

.notasjefe tr:last-child td{
    border-bottom-left-radius: 0.7rem;
    border-bottom-right-radius: 0.7rem;
}

.notasjefe td a{
    font-weight: bold;
    color: #00897b;;
    text-decoration: none;
}

.notasjefe td a:hover{
    color: #004d40;
}

.promojefe td{
    background-color: #fff;
    text-align: center;
    padding: 0.1rem 0.3rem;
    font-weight: bold;
}

.promojefe td:first-child{
    text-align: left;
    color: #8e24aa;
    font-weight: normal;
}

.promojefe .curso td{
    background-color: #ce93d8;
    color: #fff;
}

.promojefe tr:last-child td:first-child{
    border-bottom-left-radius: 0.7rem;
}

.promojefe tr:last-child td:last-child{
    border-bottom-right-radius: 0.7rem;
}

.promojefe tr:nth-child(odd):not(.curso) td{
    background-color: #f3e5f5;
}

.promojefe tr:hover:not(.curso) td{
    background-color: #ba68c8;
    cursor: pointer;
    color: #fff;
}

.promojefe tr td span{
    background-color: #fff;
    padding: 0.1rem;
    font-size: 1rem;
    border-radius: 0.2rem;
}

.promojefe .promo,
.promojefe tr td span.glyphicon-arrow-up{
    color: #4caf50;
}

.promojefe .nopromo,
.promojefe tr td span.glyphicon-arrow-down{
    color: #ef5350;
}

.pendientesjefe{
    background-color: #ff9800;
    margin: 2rem;
    padding: 1rem;
    border-radius: 1rem;
    box-shadow: 2px 2px 5px #999;
    border-collapse: separate;
    width: auto;
}

.pendientesjefe td{
    background-color: #fff;
    padding: 0.5rem;
    border-bottom: 1px solid  #ff9800;
}

.pendientesjefe tr:first-child td{
    border-top-left-radius: 0.7rem;
    border-top-right-radius: 0.7rem;
}

.pendientesjefe tr:last-child td:first-child{
    border-bottom-left-radius: 0.7rem;
}

.pendientesjefe tr:last-child td:last-child{
    border-bottom-right-radius: 0.7rem;
}

.pendientesjefe td.grupo{
    background-color: #e65100;
    color:#fff;
    font-weight: bold;
    text-align: center;
}

.pendientesjefe td.asignatura{
    color:   #e65100;
}

.pendientesjefe td.asignatura table{
    margin-left: 1rem;
    width: 100%;
    margin: 0;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    border-collapse: separate;
    background-color: green;
}

.pendientesjefe td.asignatura table tr td{
    border-bottom: 1px solid transparent!important;
    border-radius: 0!important;
}

.pendientesjefe td.asignatura table tr:nth-child(even) td{
    background-color: #fff3e0;
    
}

.pendientesjefe td ol{
    color: #aaa; 
}

.pendientesjefe td li span.alnombre{
    color: #000; 
}

.pendientesjefe td li span.algrupo{
    color:  #e65100;
}



.ausenciasjefe{
    width: 100%;
    border-collapse: separate;
}

.ausenciasjefe thead{
    border: 1px solid #5e35b1;
}

.ausenciasjefe th{
    font-size: 1rem;
    text-align: center;
    vertical-align: middle;
}

.ausenciasjefe th{
    background: #b39ddb;
}

.ausenciasjefe th:nth-child(odd){
    background: #d1c4e9;
}

.ausenciasjefe td{
    padding: 0.1rem;
    border-bottom: 1px solid #aaa;
    font-size: 1.3rem;
}

.ausenciasjefe td:first-child{
    border-bottom: none;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
}

.ausenciasjefe td:last-child{
    border-right: 1px solid #aaa;
}

.ausenciasjefe tr:last-child td:first-child{
    border-right: none;
    border-left: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    text-align: right;
    font-size:1.1rem;
    font-weight: bold;
}

.ausenciasjefe td.ultima{
    border-left: 1px solid #aaa;
    border-bottom: none;
    border-right: none;
}

.ausenciasjefe td.tot,
.ausenciasjefe td.jus,
.ausenciasjefe td.sin{
    width: 2.7%;
    text-align: center;
    font-size: 1.1rem;
}

.ausenciasjefe td.tot{
    border-left: 1px solid #666;
    font-weight: bold; 
}

.ausenciasjefe tbody tr:last-child td:first-child:not(.ultima){
    border-bottom:1px solid #aaa!important;
    border-right:1px solid #aaa!important;
}

.ausenciasjefe .etapa1{
    background-color: #fff8e1;
}

.ausenciasjefe .etapa2{
    background-color: #e8eaf6;
}

.ausenciasjefe .etapa3{
    background-color:#f1f8e9;
}

.ausenciasjefe .etapa4{
    background-color: #ffebee;
}

.boletinesjefe{
    border-collapse: separate;
    margin: 1rem;
}

.boletinesjefe th{
    color: #fff;
    background-color: #e53935;
    padding: 0.2rem;
    text-align: center;
}

.boletinesjefe td{
  border-bottom: 1px solid #e53935;
  padding:0.2rem;
  text-align: center;
  width:10%;
}

.boletinesjefe td:first-child{
  text-align: left;
  width: 50%;
  word-wrap: break-word;
}

.boletinesjefe tr:nth-child(even){
  background-color: #ffebee;
}

.boletinesjefe td:nth-child(even){
  background-color: #ffebee;
}

.boletinesjefe tr:nth-child(even) td:nth-child(even){
  background-color: #ffcdd2;
}

.horariosjefe #botonerahorjefe{
  display: flex;
  width: 80%;
  margin: 2rem auto;
  justify-content: space-around;
}

.horariosjefe #botonerahorjefe a{
  width: 23%;
}


.horariosjefe .sellabel{
  display: inline-block;
}

.horariosjefe #selplantilla{
  display: inline-block;
  width: 80%;
}

.horariosjefe #selplantilla{
  display: inline-block;
  width: 80%;
}

.horariosjefe #cargador{
  margin-top: 2rem;  
}

.horariosjefe .horario-global{
  width: 50%;
  float: left;
}


.horariosjefe .horario-global .vacio:not(.patio){
  height: 4rem;
}

.horariosjefe .horario-global .vacio:not(.patio):hover{
  cursor: pointer;
  background-color: #78839C;
}

.horariosjefe #ocupacion{
  width: 50%;
  float: right;
}

.horariosjefe #ocupacion .complementarias,
.horariosjefe #ocupacion .ordinarias,
.horariosjefe #ocupacion .especial{
  border: 1px solid #ddd;
  padding:2px;
  margin-bottom: 1rem;
  display:table;
  width: 100%;
}

.horariosjefe #ocupacion .datos{
  display: table-row;
  background-color: #f0f4c3; 
}

.horariosjefe #ocupacion .datos span{
  display: table-cell;
}

.horariosjefe #ocupacion .datos:nth-child(even) span{
  background-color: #f9fbe7; 
}

.horariosjefe #ocupacion .datos span.grupo{
  width: 10%;
  text-align: left;
  padding: 2px;
  color: #e65100;
  
}

.horariosjefe #ocupacion .datos span.profe{
  color: #3e2723;
  font-weight: bold;
  width: 40%;
}

.horariosjefe #ocupacion .datos span.asignatura{
  color: #004d40;
}

.horariosjefe #ocupacion .nonodrizas,
.horariosjefe #ocupacion .info{
  padding: 3rem;
  font-size: 4rem;
  text-align:center;
  color:  #e0f2f1;
}

.horariosjefe #leyendacomp{
  display: flex;
  justify-content: center;
  align-content: space-between;
  flex-wrap: wrap;
}


.horariosjefe #leyendacomp .filtro{
  flex-grow: 1;
  text-align: center;
  margin: 15px;
  padding: 15px;
  color: #fff;
  font-size: 20px;
  border-radius: 5px;
  cursor: pointer;
}

.horariosjefe #leyendacomp .filtro *{
  cursor: pointer;
}

.horariosjefe #leyendacomp input[type="checkbox"]{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  background: #fff;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  position: relative;
  top: 2px;
}

.horariosjefe #leyendacomp input:checked{
  background-color: #fff;
}

.horariosjefe #leyendacomp input:checked:after{
  font-family: arial;
  font-weight: bold;
  /*content: "\00d7";*/
  content: "+";
  color:#666;
  position: absolute;
  left: 3px;
  top: -5px;
  font-size: 33px;
}

.horariosjefe #horcomp{
  border:1px solid #ddd;
  padding: 2px;
}

.horariosjefe #horcomp th,
.horariosjefe #horcomp td.rango{
  font-size: 1.5rem!important;
}

.horariosjefe #horcomp td.lleno{
  border: 1px solid #ddd;
  border-radius: 5px;
  text-align: center;
  font-weight: bold;
}

.horariosjefe #selectorgrupos select{
    width: auto;
    margin: 0 auto;
    font-size: 2rem;
    line-height: 1.8rem;
    font-weight: bold;
    color: #4caf50;
    text-align: center;
    padding-left: 2rem;
    padding-right: 3rem;
    margin-bottom: 2rem;
}

.horariosjefe #horgrupo{
  border:1px solid #ddd;
  padding: 2px;
}

.horariosjefe #horgrupo th,
.horariosjefe #horgrupo td.rango{
  font-size: 1.5rem!important;
}

.horariosjefe #horgrupo td{
  text-align: center;
}

.horariosjefe #horgrupo td div.profe{
  color: #1976d2;
  font-weight: bold;
}

.horariosjefe #horgrupo td div.asignatura{
  color: #ef6c00;
  font-size:0.8rem;
}

.horariosjefe #horprofe th,
.horariosjefe #horprofe td.rango{
  font-size: 1.5rem!important;
}

.horariosjefe #horprofe .horasigcurso{
  background-color: #FEFFBB!important;
  color: #7f803c!important;
}

.horariosjefe #horprofe .comp{
  background-color: #fff!important;
  color: #7f803c!important;
  display: flex;
  align-items: center;
  padding: 0;
}

.horariostutoria  #horgrupo td div.profe{
  color: #ef6c00;
  font-size: 0.8rem;
  font-weight: 100;
}

.horariostutoria #horgrupo td div.asignatura{
  color: #1976d2;
  font-weight: bold;
  font-size: 1.3rem;
}


table.infaus{
  border:1px solid #aaa;
  width:90%;
  margin: 10px auto;
}

table.infaus th{
  border:1px solid #aaa;
  border-bottom: 2px solid #aaa;
  padding: 5px;
  background-color: #efefef;
  color:#666;
}

table.infaus th:nth-child(2){
  width: 120px;
}

table.infaus th:nth-child(4){
  width: 150px;
}

table.infoaus tr{
  display: block;
}

table.infaus td{
  background-color: #fefefe;
}

table.infaus td.fecha{
  padding: 5px;
  border-bottom:1px solid #aaa;
  width: 15%;
  vertical-align: top;
}

table.infaus > tbody > tr:nth-child(even) td{
  background-color: #fafafa;
}

table.infaus table{
  border:0;
  width:100%;
}

table.infaus table td{
  border-bottom: 1px solid #aaa;
  border-left: 1px solid #aaa;
  padding: 5px;
}

table.infaus table td:first-child{
  width: 120px;
  text-align: center;
}

table.infaus table td:last-child{
  width: 150px;
}
  
.tituloausalum{
  display: inline-block;
  width: 90%;
}  
  
.imprimirausalum{
  width: 60px;
  height: 60px;
  display: inline-block;
  background-color: #039be5;
  border-radius: 10px;
  font-size: 40px;
  padding: 10px;
  color: #fff;
  border: 1px solid #039be5;
  cursor: pointer;
}

.imprimirausalum:hover{
   background-color: #29b6f6;
}

.espera{
    text-align: center;
}

.espera span{
  font-size: 20rem;
  color: #fff;
  background-color: #aaa;
  border-radius: 2rem;
  padding: 2rem;
  margin: 2rem;
}

.infoaljefe{
  width: 100%;
}

.infoaljefe .ia_grupos{
  width: 50%;
  margin: 2rem auto;
  display: flex;
  flex-direction: row;
}

.infoaljefe .ia_grupos label{
  color: #aaa;
  margin-right: 2rem;
}

.infoaljefe .ia_grupos select{
  color: #ff9800;
  font-size: 1.5rem;
  font-weight: bold;
}

.infoaljefe .ia_aluminfo{
  display: flex;
  flex-direction: row;
  position: absolute;
  width: 95%;
  margin: 0 2.4%;
}

.infoaljefe .ia_alumnos{
  width: 30%;
}

.infoaljefe .ia_alumnos li{
  list-style: none;
  border: 1px solid #1e88e5;
  padding: 3px;
  color: #1e88e5 ;
  margin: 3px;
  cursor: pointer;
}

.infoaljefe .ia_alumnos li:hover{
  background-color: #ffff8d;
}

.infoaljefe .ia_info{
  width: 100%;
  position: relative;
}


.infoaljefe .ia_info .info{
  border: 2px solid #1e88e5;
  border-radius: 2rem;
}

.infoaljefe .ia_info .info .nombre{
  color: #64b5f6;
  font-size: 2.5rem;
  font-weight: bold;
  padding: 1rem;
  text-align: center;
}

.infoaljefe .ia_info .info .tutor{
  font-size: 1.1rem;
  color: #fff;
  background-color: #64b5f6;
  font-weight: bold;
  padding: 1rem;
  text-align: center;
}


.infoaljefe .ia_info .info .filainfo{
  padding: 0.5rem 2rem;
  text-align: center;
}

.infoaljefe .ia_info .info .filainfo .etiqueta{
  color: #666;
}

.infoaljefe .ia_info .info .filainfo .dato{
  color: #ff9800;
  padding-left: 0.5rem;
  font-weight: bold;
}

.infoaljefe .ia_info .info .familia{
  background-color: #efefef;
  margin: 1rem 2rem;
  padding: 1rem;
  border-radius: 1.5rem;
}

.infoaljefe .ia_info .info .familia .padre,
.infoaljefe .ia_info .info .familia .hermanos{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.infoaljefe .ia_info .info .familia .etiqueta{
  color: #666;
  text-transform: capitalize;
  width: 10%;
}

.infoaljefe .ia_info .info .familia .padre .dato{
  color: #64b5f6;
  padding: 0 1rem;
  font-weight: bold;
}

.infoaljefe .ia_info .info .familia .padre .email{
  padding: 0 1rem;
  font-weight: bold;
  cursor: help;
}

.infoaljefe .ia_info .info .familia .padre .educoleok{
  color: #66bb6a;
}

.infoaljefe .ia_info .info .familia .padre .educoleko{
  color: #ef5350;
}

.infoaljefe .ia_info .info .familia .padre .educolemed{
  color: #ffd600;
}

.infoaljefe .ia_info .info .familia .hermanos .etiqueta{
  color: #666;
  text-transform: capitalize;
  width: auto;
}

.infoaljefe .ia_info .info .familia .hermanos .dato{
  color: #81d4fa;
  font-weight: bold;
  padding-left: 2rem;
  list-style: none;
}

.infoaljefe .ia_info .info .familia .hermanos .curso{
  color: #ffcc80;
}

.infdisciplinajefe{
  text-align: center;
}

.infdisciplinajefe .form-group{
  width: 50%;
  margin: 0 auto;
}

.infdisciplinajefe #btn-informe{
  margin-top: 2rem;
}

/*Incidencias*/
.incidenciasadmin .encabezado{
    border: 1px solid #aaa;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding-top: 3px;
    background-color: #fffde7; 
}

.incidenciasadmin .encabezadoub{
    background-color: #f9fbe7; 
}

.incidenciasadmin .encabezado h3{
    margin: 5px;
}

.incidenciasadmin #f-nuevo-ti,
.incidenciasadmin #f-nueva-ub{
    display: table-cell;
    background-color: #fff9c4;
    padding-top: 2rem!important;
}

.incidenciasadmin #f-nueva-ub{
    background-color: #f0f4c3;
}
.incidenciasadmin .ultima{
    margin-bottom: 1rem!important;
}


.incidenciasadmin #literal{
    color: #666;
    font-weight: bolder;
    text-transform: uppercase;
}

.incidenciasadmin #cp_incidencias{
  width: 34px;
  height: 34px;
  cursor: pointer;
  background-color: #666;
  color: #666;
  border: 1px solid #aaa;
  border-radius: 5px;
  margin-left: 1rem;
}

.incidenciasadmin #cp_incidencias:hover{
   border: 1px solid #f00;
}

.incidenciasadmin .table{
    border: 1px solid #aaa;
    border-top: none;
}

.incidenciasadmin .table tr:first-child td{
    border-top: none;
}

.incidenciasadmin .table td{
    vertical-align: middle;
    font-size: 1.5rem;
}

.incidenciasadmin .table .estrecha{
    width: 6%;
    font-weight: bolder;
}

.incidenciasadminuser .adduser{
    display: table;
    border: 1px solid #aaa;
    background-color: #eee;
    border-radius: 5px;
    margin: 1rem;
    padding: 1rem;
}

.incidenciasadminuser .adduser select{
    background-color: #fff!important;
}

.incidenciasadminuser .table{
    width: 50%;
    margin: 0 auto;
}

.incidenciasuser .encabezado{
    border-bottom: 1px solid #ef6c00;
    padding: 5px;
    vertical-align: bottom;
}

.incidenciasuser .encabezado h3{
    color: #e65100;
    margin: 0;
}

.incidenciasuser .encabezado form{
    border:1px solid #ffe0b2;
    display: table;
    width: 100%;
    background-color: #fff3e0;
    margin-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.incidenciasuser .encabezado form h4{
   color:  #ffb74d;
   text-align: center;
}

.incidenciasuser .encabezado form select{
   background-color:  #ffffff!important;
}

.incidenciasuser .encabezado form textarea {
	resize: none;
  height: 12rem;
}

.incidenciasuser .nav-tabs{
   margin-top: 1rem;
}

.incidenciasuser #lipendientes.active a,
.incidenciasuser #lipendientes.active a:focus{
    background-color: #ede7f6;
    color: #827717;
}

.incidenciasuser #liresueltas.active a,
.incidenciasuser #liresueltas.active a:focus{
    background-color: #f0f4c3;
    color: #827717;
}

.incidenciasuser .tab-content{
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom-left-radius: 5px;
    background-color: #f0f4c3;
}

.incidenciasuser .tab-content > div{
    padding: 2rem;
}

.incidenciasuser .tab-content #pendientes{
    background-color: #ede7f6;
}

.incidencias td{
    background-color: #fff;
    border-bottom: 1px solid transparent;
}

.incidencias tr.resumen{
    cursor: pointer;
}

.incidencias td.fecha,
.incidencias td.literal{
    width: 5%;
    text-align: center;
}

.incidencias td.fecha{
    color: #999;
}

.incidenciasuser .thpendientes,
.incidenciasuser .thpendientes:hover{
    background-color: #b39ddb;
    color: #ede7f6;
}

.incidenciasuser .thresueltas,
.incidenciasuser .thresueltas:hover{
    background-color: #9e9d24;
    color: #f9fbe7;
}

.incidenciasuser .thpendientes th:hover{
    color: #ede7f6;
    cursor: auto;
}

.incidenciasuser .thresueltas th:hover{
    color: #f9fbe7;
    cursor: auto;
}

.incidenciasuser .descripcion td div{
    border: 1px solid #eee;
    background-color: #fffde7;
    padding: 1rem;
    color: #999;
    border-radius: 1rem;
}

.incidenciasuser .descripcion td{
    border-bottom: 1px solid #fbc02d;
}

.incidenciasuser .descresuelta td div{
    border: 1px solid #eee;
    background-color: #fff;
    padding: 1rem;
    margin: 0.3rem;
    color: #999;
    border-radius: 0.5rem;
}

.incidenciasuser .descresuelta .tit{
    border: none;
    padding: 0;
    margin: 0.3rem;
    color: #827717;
    font-weight: bold;
    font-size: 1rem;
    background-color: transparent;
}

.incidenciasuser .descresuelta .solucion{
    background-color: #fffde7;
}

.incidenciasuser .descresuelta .piesol{
    border: none;
    padding: 0;
    margin: 0.3rem;
    border-radius: 0;
    background-color: transparent;
}

.incidenciasuser .descresuelta .dato{
    font-size: 1rem;
    font-weight: bold;
}

.incidenciasresp .tipoincidencia{
    border-radius: 0.5rem; 
    padding: 0.3rem;
    background-color: #eee;
    margin-bottom: 2rem;
}

.incidenciasresp .tipoincidencia h2{
    font-size: 2rem;
    padding: 0.3rem;
    margin: 0;
    text-align: center;
    color: #fff;
}

.incidenciasresp .tipoincidencia table{
    width: 100%;
    border-collapse: separate;
    padding: 1rem;
    border: 1px solid  #f57f17;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    margin-bottom: 1rem;
    background-color: #fff9c4;
}

.incidenciasresp .tipoincidencia table.resueltas{
    border: 1px solid  #33691e;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    margin-bottom: 1rem;
    background-color: #f1f8e9;
}

.incidenciasresp .tipoincidencia table caption{
    background-color: #f57f17;
    color: #fff9c4;
    font-weight: bold;
    padding: 0.2rem 1rem;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.incidenciasresp .tipoincidencia table.resueltas caption{
    background-color: #33691e;
    color: #f1f8e9;
}

.incidenciasresp .tipoincidencia table th{
    color: #f57f17;
    font-size: 1rem;
}

.incidenciasresp .tipoincidencia table.resueltas th{
    color: #33691e;
}

.incidenciasresp .tipoincidencia table.resueltas tbody{
    display: block;
    width: 100%;
    max-height: 200px;
    overflow: auto;
}

.incidenciasresp .tipoincidencia  table.resueltas tbody tr,
.incidenciasresp .tipoincidencia  table.resueltas thead{
    display:table;
    width:100%;
    table-layout:fixed;/* even columns width , fix width of table too*/
}

.incidenciasresp .tipoincidencia table td{
    background-color: #fff;
    padding: 0.3rem;
}

.incidenciasresp .tipoincidencia table tr.resumen td{
    border-top: 3px solid #fff9c4;
    font-size: 1.3rem;
    cursor: pointer;
}

.incidenciasresp .tipoincidencia table.resueltas tr.resumen td{
    border-top: 3px solid #f1f8e9;
}

.incidenciasresp .tipoincidencia table td:first-child,
.incidenciasresp .tipoincidencia table thead th:first-child{
    color: #666;
    width: 10%;
}

.incidenciasresp .tipoincidencia table td:nth-child(2),
.incidenciasresp .tipoincidencia table thead th:nth-child(2){
    color: #00b0ff;
    width: 20%;
}

.incidenciasresp .tipoincidencia table td:nth-child(3){
    color: #f50057;
    width: 10%;
}

.incidenciasresp .tipoincidencia table .noresuelta  td:last-child{
    color: #e53935;
    width: 2%;
}

.incidenciasresp .tipoincidencia textarea {
    resize: none;
    height: 10rem;
    width: 99%;
}

.incidenciasresp .tipoincidencia .solucion{
    background-color: #fff;
    border: 1px dashed #999;
    margin: 0.5rem;
    padding: 0.5rem;
}

.incidenciasresp .tipoincidencia .pieresp{
    text-align: right;
    font-style: italic;
    font-size: 1.3rem;
}

/*nss*/
#nss .panelnssuser{
  padding: 1rem;
  margin: 1rem;
  border: 1px solid #F0B800;
  border-radius: 1rem;
  background-color: #fff8e1;
}

#nss .ibnssuser{
  margin: 0 auto;
  width: 30%;
}

#nss #cargando{
  width: 100%;
  height: 200px;
  background: url("../images/loading.gif") no-repeat center;
}

#nss .panelnnss{
  border:1px solid #6290c8;
}

#nss .panelnuevonss{
  margin: 1rem 0;
  padding: 1rem;
  border:1px solid #6290c8;
}

#nss .infonss{
  background-color: #ffecb3;
  padding: 0.5rem;
  margin: 1rem 10%;
}

#nss .infonss span{
  font-family: monospace;
}

#nss .respuesta{
  display: inline;
  text-align: left;
  font-size: 1rem;
  font-family: monospace;
  font-weight: bold;
}

#nss .grupogrupo .grupo{
  display: inline-block;
  margin: 0.5rem;
  padding: 0.5rem;
  width: 30%;
  background-color: #fff;
  color: #7C1A24;
  border: 1px dashed #db5461;
}

#nss .lista{
  margin: 0 auto;
  text-align: center;
  width: 80%;
}

#nss .listanssuser{
  display: inline-block;
  margin: 0.2rem auto;
  padding: 0.5rem;
  width: 70%;
  background-color: #fff;
  color: #355238;
  border: 1px solid #6D9F71;
  border-radius: 9px;
}

#nss .listanssuser:hover{
  color: #fff;
  background-color: #355238;
  text-decoration: none;
}

#nss .botonera{
  text-align: center;
}

#nss #seladdgroup{
  display: inline-block;
  width: 50%;
  background-color: #fff!important;
  color: #633;
}

#nss .btn-addgroup{
  display: inline-block;
  margin-left: 5px;
}

#nss .resetpasswd #selgroup{
  background-color: #fff!important;
  text-align: center;
}

#nss .resetpasswd #respuesta{
  color: #333;
  font-size: 2rem;
  font-family: monospace;
  text-align: center;
}

/*Cashdidactic*/
.cd_icon_menu{
  position: relative;
  top: 1px;
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color:#90caf9;
  mask-image: url("../images/cd.svg");
  mask-size: cover;
  -webkit-mask-image: url("../images/cd.svg");
  -webkit-mask-size: cover;
  margin-right: 0 !important;
}

.dropdown-menu li:hover .cd_icon_menu{
  background-color:#fff;
}

.cdadmin{
  display: flex;
  width: 100%;
  height: 50rem;
}

.cdadmin div.botonera{
  flex-grow: 1;
  width: 40%;
  padding: 3rem;
}

.cdadmin div.respuesta{
  flex-grow: 1;
  flex-shrink:1;
  background-color: #333;
  color: #eee;
  border: 0.5rem solid #999;
  border-radius: 1rem;
  box-shadow: 2px 2px 4px #333;
  padding: 3rem;
  font-family: monospace;
  overflow: auto;
  width: 60%;
}

.cdadmin div.respuesta .info{
  color: #cccccc;
}


.cdadmin div.respuesta .ok{
  color: #33ff33;
}

.cdadmin div.respuesta .error{
  color: #ff3333;
}

/*salidas*/
#divnumplazos{
  padding-left: 3rem;
}

#divnumplazos span{
  font-weight: bold;
}

.plazos{
  display: table;
  table-layout: fixed;
  width: 100%;
  max-width: 100%;
  background-color: #efefef;
  margin: 0.5rem 1rem 0 1rem;
  border-radius: 0.2rem;
}

.plazos .filaplazos{
  display: table-row;
  width: 100%;
  max-width: 100%;
}


.plazos .filaplazos div{
  display: table-cell;
  width: 2%;
  max-width: 2%;
  line-height: 3rem;
  vertical-align: middle;
  border-bottom: 1px solid #bbb;
}

.cabecera .filaplazos div{
  padding: 0.5rem 0.1rem;
  text-align: center!important;
  font-weight: bold;
  color:#31708f;
  border-bottom: 1px solid #31708f;
  line-height: 1.7rem;
  vertical-align: middle;
  background-color: #fff!important;
}

.plazos .filaplazos div:nth-child(even){
  background-color: #ddd;
}

.plazos .filaplazos div.info{
  width: 24.5%;
  max-width: 24.5%;
  padding: 0.2rem 0.5rem;
  text-align: center;
}

.plazos:not(.cabecera) .filaplazos div:not(.info){
  text-align: center!important;
  font-weight: bold;
  color:#31708f;
}

.plazos:not(.cabecera) .filaplazos div span{
  font-weight: bold;
  color:#aaa;
  font-size: 2rem;
}

.plazos .filaplazos div.info input{
  text-align: right;
  width: 80%;
  display: inline-block;
}

table.verplazos{
  text-align: center;
}

table.verplazos th{
  text-align: center;
  background: #ddd;
  color: #666;
  font-weight: normal;
  vertical-align: middle; 
}

table.verplazos th.precio{
  width: 15%;
}

table.verplazos td:not(:first-child){
  font-size: 1.6rem;
}

.titplazospadres{
  background-color: #eee!important;
  color: #999!important;
  font-family: monospace!important;
  font-size: 1.1rem!important;
  line-height: 1.1rem!important;
  padding: 0!important;
  text-align: center!important; 
}


.plazospadres{
   padding: 0!important;
   background: transparent!important;
}

.plazospadres table{
    margin: 0!important;
    border: 0!important;
    width: 100%;
}

.plazospadres table {
    margin: 0!important;
    width: 100%!important;
    text-align: center;
}

.plazospadres table thead{
    background-color: #eee;
}

.plazospadres table thead th{
    background-color: #eee;
    text-align: center;
    padding: 0 4px;
    vertical-align: bottom;
    line-height: 1.3rem;
    border-bottom: 2px solid #666;
    color: #666;
}

.plazospadres table thead th:hover{
    color: #666;
    cursor: default;
}

.plazospadres table thead th:not(:first-child){
    width: 23.8%;
}

.plazospadres table tbody td{
    text-align: center!important;
    background-color: #f9f9f9!important;
}

/*botones salidas*/

.botonerasalida {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.botonerasalida div{
    margin-bottom: 5px;
}

.btn-cd{
    padding: 4px;
    background-color: #124FA5;
}

.btn-cd:hover{
    background-color: #08316b;
}

.btn-cd .cd_icon{
  position: relative;
  display: inline-block;
  top: 5px;
  width: 30px;
  height: 30px;
  background-color:#ffdd2a;
  mask-image: url("../images/cd.svg");
  mask-size: cover;
  -webkit-mask-image: url("../images/cd.svg");
  -webkit-mask-size: cover;
  margin-right: 0 !important;
}

.btn-cd .caret{
  position: relative;
  top:-5px;
  color:#ffdd2a;
}

/* Avisos */
.cb-fp label {
  margin-right: 1rem;
  color: #333;
  font-weight: normal;
  cursor: pointer;
}

.cb-fp label:after {
  content: '';
  display: table;
  clear: both;
}

.cb-fp .cr {
  position: relative;
  border: 1px solid #a9a9a9;
  border-radius: .25em;
  width: 1.3em;
  height: 1.3em;
  float: left;
  margin-right: .5em;
}

.cb-fp .cr .cr-icon {
  position: absolute;
  font-size: .8em;
  line-height: 0;
  top: 50%;
  left: 15%;
}

.cb-fp label input[type="checkbox"] {
  display: none;
}

.cb-fp label input[type="checkbox"]+.cr>.cr-icon {
  opacity: 0;
}

.cb-fp label input[type="checkbox"]:checked+.cr>.cr-icon {
  opacity: 1;
  color: #fff;
}

.cb-fp label input[type="checkbox"] + .cr {
    background-color: #fff;
}

.cb-fp label input[type="checkbox"]:checked + .cr {
    background-color: #f57f17;
}

.avisonuevo .infoctrl{
    font-size:1rem;
    font-family: monospace;
}

.avisonuevo select.select_multiple{
    overflow:hidden;
    background-color:#fff!important;
}

.avisonuevo select.select_multiple option:checked{
    background: #f57f17 linear-gradient(0deg, #f57f17 0%, #f9a825 100%);
}

.avisonuevo select{
    background-color:#fff!important;
}

.avisonuevo .panelizq{
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-radius: 1rem;
    background: #eceff1;
}

.tostadora,
.avisoscerrados,
.avisosmios{
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.avisoscerrados,
.avisosmios{
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.m_padres .tostadora{
  justify-content: center;
}

.tostada{
  max-width: 36%;
  min-width: 30%; 
  overflow: hidden;
  font-size: 1.1rem;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  margin: 5px;
  box-shadow: 0 .25rem .75rem #efefef;
}

.avisoscerrados .tostada,
.avisosmios .tostada{
  max-width: 60%;
  min-width: 60%;
  font-size: 1.5rem;
}

.tostada-header{
  display: flex;
  align-items: center;
  padding: .25rem .75rem;
  color: #6c757d;
  background-color: #fcfcfc;
  border-bottom: 1px solid #eee;  
}

.tostada-header .nivel{
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 2.5px;
  margin-right: .75rem;
}

.tostada-header .titulo{
  font-weight: bolder;
  margin-right: .75rem;
}

.tostada-header .dc{
  margin-left:auto;
  max-width: 40%;
  display: flex;
  align-items: center;
}

.tostada-header .dias{
  margin-right: .75rem;
  font-size: 0.8rem;
}

.avisoscerrados .tostada-header .dias,
.avisosmios .tostada-header .dias{
  font-size: 1.1rem;
}


.tostada-header .cerraraviso,
.tostada-header .reabriraviso,
.tostada-header .eliminaraviso{
  appearance: none;
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #aaa;
}

.tostada-header .cerraraviso:hover{
  color: #000;
}

.tostada-header .reabriraviso:hover{
  color: #5cb85c;  
}

.tostada-header .eliminaraviso:hover{
  color: #F44336;  
}

.tostada-body{
  padding: 1rem 1rem 0 1rem;
  max-height: 7rem;
  overflow: auto;
  scrollbar-width: none; /*solo firefox*/
  mask-image: linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 85%, rgba(0,0,0,0) 100%);
  -webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 85%, rgba(0,0,0,0) 100%);
}

.tostada-body::-webkit-scrollbar { 
    display: none; /*chrome*/
}

.tostada-body .texto{
    padding-bottom: 0.8rem;
}

.tostada-body p{
  margin-bottom: 0.2rem;
}

.tostada-body p img{
  border-radius: 3px;
  border-bottom: 1rem;
}

.scrollespacio{
  height: 25px;
  width: 100%;
  background: yellow;
}

.tostada-footer{
  display: flex;
  align-items: center;
  color: #6c757d;
  margin: 0 .75rem;
  font-size: 1.1rem;
}

.tostada-footer .fechafin{
  max-width: 45%;
  color: #5cb85c;
}

.tostada-footer .alcance{
    margin-left:auto;
    max-width: 45%;
    color: #03A9F4;
}

.tostada-footer .creadopor{
    text-align: right;
    width: 100%;
    color: #03A9F4;
    color: #aaa;
    font-size: 0.7rem;
}

.tostada-footer .creadoporadmin{
    margin-left:auto;
    color: #aaa;
    font-size: 0.7rem;
}

/*Aula de educación especial*/
.aulaespecial .btn-asig{
  background-color: #ffb300;
  color: #fff;
}

.aulaespecial .btn-asig:hover{
  background-color: #ff6f00;
}

.aulaespecial .btn-sg{
  background-color: #7e57c2;
  color: #fff;
}

.aulaespecial .btn-sg:hover{
  background-color: #4527a0;
}

.ae-nombre{
  display: table-cell;
  height: 42px;
  vertical-align: middle;
  line-height: 2rem;
}

.ae_item_asig{
  padding: 1rem 2rem;
  margin: 0.5rem;
  background: #fff8e1;
  color: #ff6f00;
  border: 2px solid #ff6f00;
  font-weight: bold;
  font-size: 1.5rem;
  border-radius: 0.8rem;
}

.ae_item_asig span{
  display: block;
  font-style: italic;
  font-size: 1rem;
  color: #ff6d00;
  font-weight: 100;
}

.alert-sg{
  font-weight: normal;
  padding-left: 2rem;
  font-size: 1.2rem;
}

.ae_item{
  padding: 1rem 2rem;
  margin: 0.5rem;
  color: #4527a0;
  background-color: #ede7f6;
  border: 2px solid #4527a0;
  font-weight: bold;
  font-size: 1.5rem;
  border-radius: 0.8rem;
  cursor: pointer;
}

.ae_item:hover{
  background-color: #b39ddb;
}

.ae-alumnos{
  font-weight: normal;
  padding: 0;
  font-size: 1.2rem;
  text-align: right;
}

.aulaespecial .info{
  display: inline-block;
  padding: 5px;
  color: #fff;
  font-weight: bold;
  font-style: normal;
  text-align: center;
  border-radius:3px;
}

.aulaespecial .activo{
  background-color: #5cb85c;
}

.aulaespecial .inactivo{
  background-color: #aaa;
}

/*Complementarias*/

#tbcomplementarias{
  width: 100%;
  /*border: 1px solid #2e7d32;*/
  border-collapse: separate;
  padding: 0.5rem;
}

#tbcomplementarias th{
  background-color: #66bb6a;
  padding: 1rem;
  color: #fff;
  border-left: 1px solid #fff;
  box-shadow: 2px 2px 5px #999;
}

#tbcomplementarias  th:nth-child(2),
#tbcomplementarias  th:nth-child(3){
  width: 34%;
}

#tbcomplementarias  th:nth-child(4){
  width: 20%;
}

#tbcomplementarias tbody td{
  padding: 0;
  margin: 0;
}

#tbcomplementarias tbody td:not(.ed){
  text-align:center;
}

#tbcomplementarias tbody tr:nth-child(even) td{
  background-color: #e8f5e9;
}

#tbcomplementarias tbody td{
  position: relative;
  padding: 0;
  margin: 0;
  border: 1px solid #fff;
}

#tbcomplementarias tbody input{
  background-color: transparent;
  border: none;
  width: 100%;
  padding: 0.5rem;
  border: 1px solid transparent;
}

#tbcomplementarias tbody input:hover{
  border: 1px solid #bf360c;
  cursor: text;
}

#tbcomplementarias .infoactu{
  position: absolute;
  top: 10px;
  right:10px; 
  color:#66bb6a;
  font-size: 0.8rem;
  font-family: monospace;
}

#btnadd{
  float:left;
}

#insertar{
  float:right;
  width:calc(100% - 44px);
  background: #a5d6a7;
  padding: 2px;
}

#insertar > div{
  clear:both;
  width: 100%;
}

#insertar .titulo div{
  float:left;
  color:#388e3c;
  font-weight: bold;
}

#insertar div > *:nth-child(1),
#insertar div > *:nth-child(2){
  width: 35%;
}

#insertar div > *:nth-child(3){
  width: 22%;
}

.btncomplementarias{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.btncomplementarias .btn{
   flex-grow: 1!important;
   width:40%;
   padding:1rem;
   margin: 1rem;
}

#selectep{
  color: #31708f;
  font-size: 24px;
  height: auto;
  text-align: center;
}

#asignarcomp .horasigcurso{
  background-color: #FEFFBB!important;
  color: #7f803c!important;
}

/*#asignarcomp .vacio:not(.patio):hover{*/
#asignarcomp .vacio:hover{
  cursor: pointer;
  background-color: #9fa8da;
}

#asignarcomp .comp,
#horarioprofe .comp{
    display: table;
    width: 100%;
    padding-top:0;
    align-content: center;
}

#asignarcomp .patio .comp,
#horarioprofe .patio .comp{
    height: 3rem;
}

#asignarcomp .comp:hover{
    background-color: #c0ca33!important;
    color: #fff!important;
    cursor: pointer;
}

#asignarcomp .comp:hover div{
    color: #fff!important;
}

.cfloatlist{
  position: absolute;
  background-color: #fff;
  border: 1px solid #e65100;
  box-shadow: 2px 2px 4px #999;
  border-radius: 2px;
}

.cfloatlist ul{
  border:0;
  margin: 0;
  padding:0;
  list-style:none;
}
.cfloatlist ul li{
  padding:5px 20px;
  color: #e65100;
  border-bottom: 1px solid #e65100;
  cursor: pointer;
}

.cfloatlist ul li.eliminar{
  background-color: #e65100;
  color: #fff;
  text-align: right;
  border-bottom: 1px solid #e65100;  
}

.cfloatlist ul li:hover{
  background-color: #ffcc80;
}

.cfloatlist ul li.eliminar:hover{
  background-color: #333;
  color: #e65100;
  border-bottom: 1px solid #333;  
}

/*Fichaje*/

#fichaje{
  border: 1px solid transparent;
  position: fixed;
  top: calc(100% - 120px);
  left: calc(100% - 120px);
}

#fichaje #icono{
  width: 100px;
  height: 100px;
  position: relative;
  border-radius: 100px;
  background: url('../images/fichar.svg');
  background-color:rgba(0,0,0,0.2);
  background-size: 100px 100px;
  z-index: 10001;
}

#fichaje #icono:hover{
  cursor: pointer;
  background-color:rgba(205,220,57,1);
}

#fichaje #botonera{
  display: none;
  position: absolute;
  width: 500px;
  padding: 25px 25px 50px 25px;
  background-color: #fafafa;
  bottom: 50px;
  right: 50px;
  border: 5px solid #ffc107;
  border-radius: 15px;
  text-align: center;
  z-index: 10001;
}

#fichaje #botonera .btnes{
  display: flex;
  justify-content: center;
}

#fichaje #botonera h2{
  margin: 5px;
}

#fichaje #botonera .btnes .btn{
  width: 200px;
  margin:5px;
}

#fichaje .resp_fichaje{
  font-size: 2rem;
  color: #424242;
}

#fichaje .resp_fichaje div:first-child{
  color: #1b5e20;
}

#fichaje .resp_fichaje div:last-child{
  font-family: monospace;
  font-weight: bold;
}

#fichaje .btn-aceptar{
  margin-top: 3rem;
}

#fichaje ul.resumen{
  border: 1px solid #ffc107;
  background-color: #fff;
  color: #666;
  padding: 1rem 2rem 1rem 5rem;
  text-align: left;
  list-style:none;
}

#fichaje ul.resumen li{
    display: block;
    font-family: monospace;
    font-size: 1.7rem;
    line-height: 2rem;
    background: url('../images/fichar.svg') no-repeat 0 0.4rem;
    background-size: 1.2rem;
    padding-left: 1.8rem;   
}

#fichaje ul.resumen li.descanso{
    color: #999;   
}

#fichaje .selectoretapa{
  display: flex;
  flex-direction: row;
}

#fichaje .selectoretapa label{
  font-size: 1.3rem;
  line-height: 1.3rem;
  text-align: right;
  margin-right: 1rem;
}

#fichajepas{
  width: 50%;
  margin: 0 auto;
  border: 5px solid #ffc107;
  border-radius: 1rem;
  padding: 2rem;
  text-align: center;
}

#fichajepas .nojornada{
  color: #ffc107;
  font-family: monospace;
  font-weight: bold;
}

#fichajepas .btnes{
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
}

#fichajepas .btnes div{
  width: 70%;
  margin: 1rem;
}

#fichajepas .resumen{
  border: 1px solid #ffc107;
  background-color: #fffde7;
  width: 80%;
  margin:1rem auto;
  padding: 1rem 3rem;
  border-radius: 1rem;
  text-align: left;
  color: #f9a825;
  font-size: 1.7rem;
}

#fichajepas .resp_fichaje{
  color: #2196f3;
  font-size: 2rem;
}

#fichajepas .resp_fichaje div:last-child{
  color: #0d47a1;
  padding-bottom: 2rem;
}

.jornadalabo{
  display: flex;
  flex-direction: column;
}

.jornadalabo .dia{
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: 2px;
  padding: 2px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #FFF9C4;
}

.jornadalabo .dia .literal{
  display: flex;
  background-color: #757575;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #fff;
  width: 15%;  
}

.jornadalabo .dia .literal p{
  margin: auto;
  text-align: center;
  text-transform: uppercase;
}

.jornadalabo .dia .horario{
  width: 85%;
  margin: 0px 3px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.jornadalabo .dia .horario .jornada_panel{
  height: 8rem;
  width: 7rem;
  margin: 0px 2px;
  border: 1px solid #aaa;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}

.jornadalabo .dia .horario .jornada_add{
  background-color: #fff;
  border: 1px dashed #bdbdbd;
  color: #bdbdbd;
  cursor: pointer;
}

.jornadalabo .dia .horario .jornada_add:hover{
  color: #757575;
}

.jornadalabo .dia .horario .jornada_add span{
  font-size: 5rem;
  margin: auto;
}

.jornadalabo .dia .horario .jornada_add span:last-child{
  font-size: 1.5rem;
}

.jornadalabo .dia .horario .jornada_jornada{
  position: relative;
  background-color: #FBC02D;
  border: 1px dashed #BDBDBD;
  color: #fff;
}

.jornadalabo .dia .horario .jornada_descanso{
  background-color: #AFB42B;
}

.jornadalabo .dia .horario .jornada_jornada span{
  font-size: 1.3rem;
  margin: auto;
}

.jornadalabo .dia .horario .jornada_jornada span.hora{
  background: #fff;
  color:  #FBC02D;
  padding: 0.8rem 0.2rem;
  font-size: 1.9rem;
  font-weight: bold;
  margin: 1rem 0 0 1rem;
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.jornadalabo .dia .horario .jornada_jornada span.hora2{
  margin: 1rem 1rem 0 0;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.jornadalabo .dia .horario .jornada_descanso span.hora{
  color:  #AFB42B;
}

.jornadalabo .dia .horario .jornada_jornada .jornada_edit,
.jornadalabo .dia .horario .jornada_jornada .descanso_edit{
  display:none;
  position: absolute;
  top: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.4);
  border-radius: 5px;
}

.jornadalabo .dia .horario .jornada_jornada:hover .jornada_edit,
.jornadalabo .dia .horario .jornada_jornada:hover .descanso_edit{
  display:flex;
}

.jornadalabo .dia .horario .jornada_edit span,
.jornadalabo .dia .horario .descanso_edit span{
  font-size: 5rem;
}

.jornadaform h2.jornada{
   background-color: #FBC02D;
}

.jornadaform h2.descanso{
   background-color: #AFB42B;
}

.jornadaform .form-pas{
   background-color: #FFF9C4;
   border: 2px dashed #FBC02D;
   padding-bottom: 2rem;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
}

.jornadaform .form-pas-descanso{
   background-color: #F0F4C3;
   border: 2px dashed #AFB42B;
}

.jornadaform .descansos_previos{
  border:1px solid #AFB42B;
  margin: 1rem auto 0 auto;
  width: 80%;
  display: flex;
  color: #AFB42B;
  font-size: 2rem;
}

.jornadaform .descansos_previos div:first-child{
  width: 60%;
  text-align: center;
}

.jornadaform .descansos_previos div:last-child{
  display:flex;
  flex-direction: column;
}

.jornadaform .form-pas label{
   text-align: center;
}

.jornadaform .form-pas label.copia::after{
   margin-left: 20px;
}

.jornadaform .form-pas input{
   font-size: 2rem;
}

.jornadaform .form-pas .fgcopiar{
  font-weight: bold;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.jornadaform .form-pas .fgcopiar .material-switch{
  margin-top: 5px;
  margin-left: -20px;
}

.jornadaform .form-pas .alert{
  margin: 2rem 4rem;
}

#seluser{
  margin: 1rem auto;
  width: 375px;
  font-weight: bold;
}

#selectoremp,
#selectoretapa{
  margin-bottom: 1rem;
}

#navfichajes{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 375px;
  margin: 0 auto;
  padding: 0;
}

#navfichajes > div{
  padding: 0;
  height: 30px;
}

#navfichajes .navs{
  text-align: center;
  background-color: #ddd;
  color: #666;
  font-size: 25px;
  font-weight: bold;
  vertical-align: middle;
  border: 1px solid #bbb;
  cursor: pointer;
}

#navfichajes .anterior{
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

#navfichajes .posterior{
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

#navfichajes .navs:not(.disabled):hover{
  background-color: #aaa; 
}

#navfichajes .disabled{
  cursor:default;
  color: #ccc;
}


#navfichajes .mes{
  background: #fafafa;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 20px;
  color: #546e7a;
  width: 100%;
}

#tablafichajes{
  width: auto;
  margin: 0 auto;
  background: #fafafa;
  border:1px solid #eee;
  border-radius: 5px;
  margin-top: 5px;
}

#tablafichajes th,
#tablafichajes td{
  text-align: center;
  padding: 2px 20px;
}


#tablafichajes thead th{
  background-color: #666;
  color: #ddd;
  font-size: 1rem;
}

#tablafichajes tr td{
  border:1px solid #bbb;
  color:#666;
  font-family: monospace;
}

#tablafichajes tr td.dia{
  color:#999;
  text-align: left;
  padding: 2px 10px;
  font-weight: bold;
  font-family: 'Roboto';
}

#tablafichajes tr:nth-child(even) td{
   background-color: #efefef;
}

#tablafichajes tr.finde td{
  color: #ef9a9a;
  background-color: #ffebee;
}

#tablafichajes tr.finde:nth-child(even) td{
  background-color: #ffcdd2;
}


#tablafichajes tr.festivo td{
  color: #ce93d8;
  background-color: #f3e5f5;
}

#tablafichajes tr.festivo:nth-child(even) td{
  background-color: #e1bee7;
}

#tablafichajes tr .btn{
  position: relative;
}


#tablafichajes tr .btn > div{
  position: absolute;
  display: none;
  flex-direction: column;
  top: 0;
  left: 100%;
  background: #a5d6a7;
  color: #1b5e20;
  font-size: 1rem;
  border: 2px solid #81c784;
  border-radius: 5px;
  margin-left: 2px;
  
}

#tablafichajes tr .btn:hover > div{
  display: flex;
  cursor: crosshair;
}

#tablafichajes tr .btn div div.fila{
  display: flex;
  flex-direction: row;
}

#tablafichajes tr .btn div div.fila:first-child{
  background-color: #81c784;
  color: #fff;
}

#tablafichajes tr .btn div div.fila div{
  padding: 1px 10px;
  width: 50%;
}


.btn-imprfichajes{
  position: absolute;
  right: 0;
}

.btn-volverfichajes{
  position: absolute;
  left: 0;
}


.btn-imprfichajesusuario{
  margin-top: 20px;
}

/*banners zona padres*/
#confbanners .aviso_f5{
  color: orange!important;
  font-size: 1.5rem!important;
}

#confbanners .b_panel{
  width: 100%;
  border:1px solid #aaa;
  padding: 3px;
  border-radius: 10px;
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

#confbanners .b_cont{
  position: relative;
  cursor: pointer;
}

#confbanners .b_pos{
  display: flex;
  height: 2.5rem;
  color: #fff;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding: 0;
  margin:0;
}

#confbanners .activo{
  background-color: #e53935;
}

#confbanners .inactivo{
  background-color: #ccc;
}

#confbanners .b_pos_iz{
  width: 60%;
  display: flex;
}
#confbanners .b_pos_de{
  width: 40%;
  display: flex;
  justify-content: flex-end;
}

#confbanners .b_pos .b_num{
  display: block;
  height: 3rem;
  width: 1.9rem;
  margin: 0.3rem 2rem;
  font-size: 1.9rem;
  line-height: 1.9rem;
}

#confbanners .b_pos .b_mov{
  display: block;
  height: 2rem;
  width: 2.2rem;
  line-height: 1.9rem;
  padding: 0 0.1rem;
  margin: 0.3rem 0.2rem;
  font-size: 1.85rem;
  color: #666;
  background-color: #999;
  border: 1px solid #777;
  border-radius: 3px;
  cursor:pointer;
}

#confbanners .b_pos .b_mov:hover{
  color: #fff;
  background-color: #999;
}

#confbanners .b_pos .b_etapas{
  display: flex;
  padding-left: 3rem;
}

#confbanners .b_pos .b_etapas div{
  padding: 2px;
  margin: 5px 2px;
  font-size: 1rem;
  color: #ccc;
}


#confbanners .cb-activo-css input{
  visibility: hidden;
  appearance: none;
}

#confbanners .cb-activo-css{
	position: relative;
  left: -50px;
	margin-bottom: 30px;
	padding:4px 0 5px 50px;
	display: block;
  font-size: 1.2rem;
  font-weight: 100;
  font-family: monospace;
  color: #ccc;
}

#confbanners .cb-activo-css input + span{
    background: #f0f0f0;
    border:1px solid rgba(0,0,0,0.2);
    position: absolute; 
    left: 100px;
    top: 2px;
}

#confbanners .cb-activo-css input[type=checkbox ] + span{
	width: 34px;
	height: 20px;
	border-radius: 15px;
  cursor: pointer;
}

#confbanners .cb-activo-css input[type=checkbox] + span:before{
	content: '';
	width: 18px;
	height: 18px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	z-index: 1;
	transition: all 0.4s linear;
  transform:translate(0px,0);
	top: 0px;
	box-shadow: 3px 0 3px 0 rgba(0,0,0,0.2);
}

#confbanners .cb-activo-css  input[type=checkbox]:checked + span:before{
  transition: all 0.4s ease-in-out;
  transform:translate(14px,0);
	box-shadow: 3px 0 -3px 0 rgba(0,0,0,0.2);
}
 
#confbanners .cb-activo-css  input[type=checkbox]:checked + span{
 /*background: #35e544;*/
 background: #8bc34a;
}

#confbanners .b_img img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#confbanners .b_url{
  display: flex;
}

#confbanners .b_url span.lab{
  background-color: #8e24aa;
  color: #fff;
  text-align: center;
  border-bottom-left-radius: 6px;
  width: 10%;
  height: 2rem;
  line-height: 2rem;
  max-height: 2rem;
}

#confbanners .b_url span.link{
  background-color: #fff;
  color: #0d47a1;
  border-bottom-right-radius: 6px;
  width: 90%;
  padding-left: 1rem;
  height: 2rem!important;
  line-height: 2rem;
  max-height: 2rem;
  overflow: hidden;
}

#confbanners .b_click{
  display: none;
  position: absolute;
  top:0;
  left:0;
  height: 100%;
  width: 100%;
  background-color: rgba(0,0,0,0.7);
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
  border: 2px solid transparent;
  text-align: center;
  color: rgba(255,255,255,1);
  font-size: 3rem;
  font-weight: bold;
  text-transform: uppercase;
  vertical-align: middle;
  
}

#confbanners .b_cont:hover .b_click{
  display: flex;
  justify-content: center;
  align-items: center;
}

#confbanner #imprev{
  width: 100%;
  border:1px solid #aaa;
  border-radius: 5px;
  padding: 5px;
  cursor:pointer;
}

#confbanner #imprev img{
  width: 100%;
  
}

#confbanner #imprev:hover{
  background: #ddd;
}

#confbanner .cbs-etapas{
  display: flex;
  justify-content: space-between;
  position: relative;
  left: -5rem;
}

#confbanner .cbs-etapas .cb-etapa input{
  visibility: hidden;
  appearance: none;
}

#confbanner .cbs-etapas .cb-etapa{
	position: relative;
  height: 3rem;
  margin-left: 0px;
	margin-bottom: 30px;
	padding:4px 0 5px 70px;
	display: block;
  font-size: 1.5rem;
  font-weight: 100;
  color: #31708f;
}

#confbanner .cbs-etapas .cb-etapa input + span{
    background: #f0f0f0;
    border:1px solid rgba(0,0,0,0.2);
    position: absolute; 
    left: 100px;
    top: 2px;
}

#confbanner .cbs-etapas .cb-etapa input[type=checkbox ] + span{
	width: 34px;
	height: 20px;
	border-radius: 15px;
  cursor: pointer;
}

#confbanner .cbs-etapas .cb-etapa input[type=checkbox] + span:before{
	content: '';
	width: 18px;
	height: 18px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	z-index: 1;
	transition: all 0.4s linear;
  transform:translate(0px,0);
	top: 0px;
	box-shadow: 3px 0 3px 0 rgba(0,0,0,0.2);
}

#confbanner .cbs-etapas .cb-etapa input[type=checkbox]:checked + span:before{
  transition: all 0.4s ease-in-out;
  transform:translate(14px,0);
	box-shadow: 3px 0 -3px 0 rgba(0,0,0,0.2);
}
 
#confbanner .cbs-etapas .cb-etapa  input[type=checkbox]:checked + span{
 /*background: #35e544;*/
 background: #8bc34a;
}


/*spinners de inputbox en mozilla*/

input[type=number] {
  appearance:textfield;
  -moz-appearance:textfield;
  width: 15%!important;
}

input[type=number].salidaplazos {
  appearance:textfield;
  -moz-appearance:textfield;
  width: 5rem!important;
}

input[type="number"]:hover,
input[type="number"]:focus {
  appearance: number-input;
  -moz-appearance: number-input;
}

/*selects*/
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('../images/flechabajo.png') right no-repeat!important;
    background-size: contain !important;
    padding-right: 20px;
    cursor: pointer;
}

select.select_multiple{
    background: none!important;
}

/*****************
 *foooter
 ***************/

.pie{
    position:fixed;
    bottom: 0;
    width: 100%;
    height: 40px;
    background-color: #E2E2E2;
    box-shadow:0px -4px 3px rgba(0,0,0,.2);
    z-index: 1000;
    margin: 0;
}


.pie .edu{
    line-height: 40px;
    vertical-align: middle;
    font-family: Roboto;
    text-transform: uppercase;
    font-weight: bolder;
    color: #fff;
    font-size: 35px;
    text-shadow: #aaa 2px 3px 2px;
}

.pie .cole{
    line-height: 30px;
    vertical-align: middle;
    font-family: monospace;
    font-size: 20px;
    color: #fff;
    font-size: 30px;
    text-shadow: #999 2px 3px 2px;
}

.pie .datoscole{
    float: right;
    text-align: right;
    padding-right: 3rem;
    color: #428bca;
}

.pie .datoscole p{
    padding-top: 3px;
    margin:0;
    line-height: 10px;
    font-size: 10px;
}

div.vistoboletin{
  cursor: help;
}

.fichaalumno .asiglista:hover{
  cursor: pointer;
}

.fichaalumno .asiglista:hover tr td{ 
  background-color:#fff8e1;
}

.fichaalumno .asiglista:hover tr:nth-child(odd) td{ 
  background-color:#ffe082;
}

/*Banners info padres*/

.banner_padres{
  display:block;
  text-align:center;
  margin-bottom: 1rem;
  margin-top: 1rem;
  overflow:hidden;
  border: none;
  border-radius: 1rem;
  /*background-color: red;*/
  z-index: 1;
}

.banner_padres_img{
  width:100%;
}

.banner_padres:hover{
  box-shadow: 2px 2px 5px #999;
}

.banner_padres:hover .banner_padres_img{
  opacity: 0.67;
}

/*Mensaje bloqueo padres*/

.msg-bloqueo-padres{
  text-align: center;
  font-size: 3rem;
  line-height: 4rem;
  font-weight: bold;
  font-family: 'Roboto';
  color: orange;
  border: 5px solid #4682B4;
  padding: 3rem;
  margin: 3rem 0;
  border-radius: 2rem;
}

/*paneles alumnos*/

.m_alumnos{
  /* display: flex;*/
  width: 100%;
  margin: 0;
}

.m_alumnos .panelpralal{
  width: 100%;
  border: 0!important;
  padding: 0;
  text-align: center;
}

.m_alumnos .panelpralal #al_matr{
  color: #ff4081;
  font-family: 'Roboto';
  font-weight: bold;
  font-size: 1.5rem;
}

#terminal{
  width: 100%;
  height: 60vh;
  min-height: 60vh;
  border: 5px solid orange;
  border-radius: 10px;
  overflow: hidden;
  overflow-y: scroll;
}

/** Barras de progreso **/
.info-progres{
  font-size: 1rem;
  color: #aaa;
  font-family: 'Courier New', Courier, monospace;
  margin-top: 50px;
}

.barra-progreso{
  height: 24px;
  border: 1px solid #999;
  margin: 0 20px 10px 20px;
  position: relative;
  border-radius: 3px;
}

.barra-progreso .barra{
  position: absolute;
  top: 2px;
  left: 2px;
  height: 18px;
  background-color: #AED581;
  border-radius: 2px;
}

.barra-progreso .porcentaje{
  position: absolute;
  top: 3px;
  left: 47%;
  font-family: Roboto;
  font-size: 12px;
  font-weight: bold;
}

/*Orientación*/
.panelorienta{
  border: 1px solid #999;
  border-radius: 16px;
  margin: 2rem auto;
  padding: 1rem;
}

.panelorienta h3{
  color: #7c1a24;
  padding: 0;
  text-align:center;
}


.panelorienta .form-check input[type=radio]{
  border: 0px;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}

.panelorienta .form-check label{
  font-size: 2.5rem;
  padding: 0 5rem 0 1rem;
  cursor: pointer;
}

/************************
Tabla informe ausencias
***********************/
#informe #conttablaaus{
  border:1px solid #666;
  border-radius: 5px;
  height: 500px;
  width: 100%;
  margin: 20px auto;
  overflow: scroll;
  scrollbar-color: #666 #aaa;
  scrollbar-width: auto;
  background-color: #fafafa;
  text-align: center;
}

#informe #conttablaaus table{
  width: auto;
  table-layout:auto;
  background-color: #fff;
  margin: 5px auto;
}

#informepdf table{
  width: 100%;
  table-layout:auto;
  background-color: #fff;
  margin: 15px auto;
  text-align: center;
}

#informe #conttablaaus td,
#informepdf table td{
  border: 1px solid #aaa;
  white-space: nowrap;
  font-family: 'Courier New', Courier, monospace;
  font-size: 12px;
  padding:2px;
}

#informe #conttablaaus th{
  border: 1px solid #aaa;
  white-space: nowrap;
  font-family: 'Courier New', Courier, monospace;
  font-size: 14px;
  color: #666;
  padding:10px;
  background-color: #ddd;
  font-weight: normal;
}

#informe #conttablaaus th:first-child{
  border-right: 1px solid transparent;
}

#informe #conttablaaus th:last-child{
  border-left: 1px solid transparent;
  text-align: right;
}

#informe #conttablaaus td.asigs,
#informepdf table td.asigs{
  cursor: pointer;
}


#informe #conttablaaus td.sesiones,
#informepdf table td.sesiones{
  width: auto;
  vertical-align: bottom;
  text-align: right;
  font-weight: bold;
}

#informe #conttablaaus td.asigs,
#informe #conttablaaus td.infoa,
#informepdf table td.asigs,
#informepdf table td.infoa{
  text-align: center;
  vertical-align: middle;
}

#informe #conttablaaus td.asigs div:last-child,
#informe #conttablaaus td.infoa div:last-child:not(.nobold),
#informepdf table td.asigs div:last-child,
#informepdf table td.infoa div:last-child:not(.nobold){
  font-weight: bold;
}

#informe #conttablaaus tr.cabecera td,
#informepdf table tr.cabecera td{
  text-align: center;
  vertical-align: middle;
}

#informe #conttablaaus tr.cabecera td.jus,
#informepdf table tr.cabecera td.jus{
  padding-left: 0.6rem;
  padding-right: 0.6rem;
}

#informe #conttablaaus tr.cabecera td.nombre,
#informepdf table tr.cabecera td.nombre{
  text-align: left;
  font-weight: bold;
}

#informe #conttablaaus tr.alumno td,
#informepdf table  tr.alumno td{
  font-family: Roboto;
}

#informe #conttablaaus tr.alumno td:first-child,
#informepdf table tr.alumno td:first-child{
  width: auto;
  text-align: left;
  padding-left: 0.5rem;
}

#informepdf .leyenda{
  width: 100%;
}

#informepdf .leyenda td{
  padding: 2px 5px;
  font-family: 'Courier New', Courier, monospace;
  font-size:8px;
  border:none;
  text-align: left;
}

#informepdf .titinforme{
  padding-top:10px;
  padding-bottom: 0px;
  font-size: 18px;
  color: #999;
  font-weight: bold;
  text-align: center;
}

#pieasistencia{
  border-top: 1px solid #000;
}

#pieasistencia table{
  font-size: 12px;
  width: 100%;
  padding: 0;
  margin: 0;
}

#pieasistencia table tr td:last-child{
  text-align: right;
}

#informe .rangoal{
   text-align: left;
   background-color: #eee;
   padding-left: 1rem;

}

#informe #conttablaaus thead.alumno{
  border: 1px solid #aaa;
}

#informe #conttablaaus thead.alumno th{
  border: 0px solid #aaa;
  background-color: #fff;
  height: auto;
}

#informepdf td.nombreal{
  font-size: 16px;
}

#informepdf .rangoal{
  text-align: left;
  vertical-align: middle;
  padding-left:2rem;
}

/**Sanear BDD**/
.sanearbdd #respuesta .madresdesdobladas{
  display: grid;
  grid-template-columns: 3fr 1fr 3fr 1fr;
  align-items: stretch;
}

.sanearbdd #respuesta .madresdesdobladas div{
  border: 1px solid #bf360c;
  padding: 5px;
}

.sanearbdd #respuesta .madresdesdobladas .chead{
  background-color: #FA3E3E;
  color: #FFF;
}

.sanearbdd #respuesta .madresdesdobladas .ccenter{
  text-align: center;
}

.sanearbdd #respuesta .madresdesdobladas div a{
  padding: 1px 15px;
}

.sanearbdd #respuesta .alumnoaa{
  list-style: none;
  padding-left: 2rem;
  margin-bottom:6px;
  border-bottom: 1px solid #00897b;
}

.sanearbdd #respuesta .alumnoaa a.btn{
  margin-right: 1rem;
}

/*Completar comentarios de evaluación */
#contenedorcom{
  position: static;
}

#selectorcomentarios{
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background-color: #00000099;
  display: grid;
  align-items: center;
  justify-items: center;
  z-index: 1000;
  position: fixed;
  overflow: auto;
}

#selectorcomentarios .caja{
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: min-content auto;
  border: 1px solid #022b3a;
  border-radius: 6px;
  padding: 0.5rem;
  background-color: #eee;
  width: 60%;
  height: auto;
  text-align: center;
  font-size: 1.2rem;
  color:#01579B; 
}

#selectorcomentarios .caja > div:first-child{
  display: grid;
  grid-template-columns: auto min-content ;
  padding: 0.5rem;
  width: auto;
  height: min-content;
  text-align: center;
  align-items: center;
  margin: 0;
}

#selectorcomentarios .caja > div:first-child h1{
  font-size: 2rem;
  color: #666;
  margin: 0;
}

#selectorcomentarios .caja > div:first-child a{
  display: block;
  font-size: 1.5rem;
}

#selectorcomentarios .caja ul{
  list-style: none;
  padding: 0;
  margin: 0;
}

#selectorcomentarios .caja ul > li{
  border: 1px solid #022b3a;
  cursor: pointer;
  display: grid;
  grid-template-columns: 1fr 5fr 1fr;
  margin: 0.5rem;
  background-color: #fff;
}

#selectorcomentarios .caja ul > li:hover{
  background-color: #01579B;
  color: #fff;
}

#selectorcomentarios .caja ul > li .nombre{ 
  padding: 0.5rem 0.5rem; 
  font-size: 1.6rem;
  font-weight: bold;
}

#selectorcomentarios .caja ul > li .slidercontainer{
  display: grid;
  grid-template-columns: 4fr 1fr;
  align-items: center;
}

#selectorcomentarios .caja ul > li .slidercontainer .slider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 90%; /* Full-width */
  height: 10px; /* Specified height */
  background: #d3d3d3; /* Grey background */
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
  border-radius: 2rem;
}

/* Mouse-over effects */
#selectorcomentarios .caja ul > li .slidercontainer .slider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

#selectorcomentarios .caja ul > li .slidercontainer .slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 15px; /* Set a specific slider handle width */
  height: 15px; /* Slider handle height */
  background:#4caf50; /* Green background */
  cursor: pointer; /* Cursor on hover */
  border-radius: 2rem;
}

#selectorcomentarios .caja ul > li .slidercontainer .slider::-moz-range-thumb {
  width: 15px; /* Set a specific slider handle width */
  height: 15px; /* Slider handle height */
  background:#4caf50; /* Green background */
  cursor: pointer; /* Cursor on hover */
  border-radius: 2rem;
}



#selectorcomentarios .caja ul > li .slidercontainer .porcentajecontainer{
  margin-right:12px;
  color: #fff;
}


#selectorcomentarios .caja ul > div.comentarios{
  display: none;
  background-color: transparent;
  border: 1px solid #022b3a;
  margin: -0.5rem 0.5rem 0.5rem 0.5rem;
  padding: 0.5rem 1rem;
}

#selectorcomentarios .caja ul > div.comentarios:hover{
  background-color: transparent;
}

#selectorcomentarios .caja ul > div.comentarios > .coment{
  display: block;
  margin: 1px;
  padding: 2px 1rem;
  text-align: left;
  border: 1px dashed #c27132;
  color: #022b3a;
  background-color: #ffd;
  cursor: pointer;
}

#selectorcomentarios .caja ul > div.comentarios > .coment:hover{
  background-color: #ff9;
}


/*******************************
 **** Diseño media queries *****
 *******************************/

/* Large desktops and laptops */
@media (min-width: 1200px) {
    
}


/* Portrait tablets and medium desktops */
@media (min-width: 909px) and (max-width: 1199px) {
   .navbar-custom-user{
        top: -1px!important;
    }
    
    .f-personalizado-hojatut .zonacal .tzona{
        width: 70%;
    }
    
    .tostada{
      max-width: 32.5%;
      min-width: 30%; 
    }
    
    .avisoscerrados .tostada,
    .avisosmios .tostada{
      max-width: 80%;
      min-width: 80%;
    }

    #horarioprofe .horario .info .horasigcurso,
    .asigprofe .textoasignatura{
      font-size: 0.9rem!important; 
    } 
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 909px){
    .navbar-nav{
      font-size: 1rem;
    }
    
    .navbar-custom-user > li,
    .navbar-custom-user > li > ul{
        width: 100%;
    }
    
    .navbar-custom-user{
        top: -1px;
    }    
  
    #cab-header-tit{
        font-size: 25px;
        padding-right: 15px;
    }
    
    #cab-header-subtit{
        font-size: 15px;
        top: -8px;
        padding-right: 15px;
    }
    
    .pie{
        position: relative; 
    }
    
    #bodylogin{
        background-position: center right;
    }
    
    #zonalogo{
        display: block;
        width: 100%;
        height: auto;
        padding-bottom: 1rem;
        text-align: center;
        margin-top: 0;
    }
    
    #logo{
        margin-top: 1rem;
        height: 180px;
        background-position: center;
    }
    
    #nombrecole,
    #nombretitular{
      text-align: center;
    }
    
    #nombretitularimg{
      background-position: center;
    }
    
    #formulario{
        margin-top: 2rem;
    }
    
    .hojatutoria #selector_flotante{
        position: fixed;
        bottom: 0;
        padding: 0.5rem;
        width: 100%;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        z-index: 99;
    }
    
    .hojatutoria #selector_flotante .selectoralumno .nombre{
        font-size: 1rem;
        padding: 0;
    }
    
    .hojatutoria #selector_flotante .selectoralumno .glyphicon{
        font-size: 1rem;
        padding: 1rem;
    }
    
    .f-personalizado-hojatut .zonacal .tzona{
        width: 70%;
    }

    .nav .fotopmenu{
      display:none;
    }
    
    .tostada{
      max-width: 48%;
      min-width: 48%; 
    }
    
    .avisoscerrados .tostada,
    .avisosmios .tostada{
      max-width: 80%;
      min-width: 80%;
    }
    
    #fichajepas{
      width: 70%;
    }

    #horarioprofe .horario .info .horasigcurso,
    .asigprofe .textoasignatura{
      font-size: 0.9rem!important; 
    }
}

/* Landscape phones and portrait tablets */
@media (max-width: 768px) {
    #cabecera{
        height: 60px;
        padding: 0 0.3rem;
    }
    
    #cabecera img{
        padding:0;
        margin: 5px;
        height: 50px;
    }
    #cab-header-tit{
        font-size: 25px;
        padding-right: 15px;
        padding-top: 4px;
    }
    
    #cab-header-subtit{
        font-size: 10px;
        top: -4px;
        padding-right: 4px;
    }
    
    #cab-header-subtit-img{
        height:13px; 
    }
    
    .navbar{
      margin-bottom: 0;
    }
    
    
    
    .f-personalizado .labelcont{
        position: absolute;
        width: 100%;
    }
    
    #asigcurso .titulos p{
        font-size: 1.5rem;
    }
    
    .pie{
        position: relative;
    }
    
    #zonalogo{
        width: 100%;
        height: auto;
        margin-top: 10px;
        padding-bottom: 0rem;
        text-align: center;
        display: block;
    }
    
    #logo{
        width: 100%!;
        height: 100px;
        background-size: contain;
        background-position: center;
    }
    
    #formulario{
        margin-top: 1rem;
    }

    #nombrecole{
        width: 100%;
        font-size: 2rem;
        text-align: center;
    }
    #nombretitular{
        width: 100%;
        font-size: 1rem;
        text-align: center;
    }
    
    #nombretitularimg{
      background-position: center;
    }
    
    .hojatutoria .selectoralumno .nombre{
        font-size: 2rem;
    }
    
    .hojatutoria #selector_flotante{
        position: fixed;
        bottom: 0;
        padding: 0.5rem;
        width: 100%;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        z-index: 99;
    }
    
    .hojatutoria #selector_flotante .selectoralumno .nombre{
        font-size: 1rem;
        padding: 0;
    }
    
    .hojatutoria #selector_flotante .selectoralumno .glyphicon{
        font-size: 1rem;
        padding: 1rem;
    }
    
    .fichainfoper .nombre{
      margin:0 5px 20px 5px!important;
      margin-bottom: 10px;
    }
    
    .hojatutoria .btn-ht{
      font-size: 1rem;  
    }
    
    .badget-incfot{
        display: none;
    }
    
    /*padres*/
    
    #continfopadre{
      padding:0;
    }

    .fichahijo .menuizq{
      display: block;
      position: absolute;
      top: 0;
      left: -50%;
      width: 50%;
      z-index: 900;
      box-shadow: 3px 0px 3px 0px #aaa;
      opacity: 0.95;
    }
    
    .fichahijo #desplazator{
      display: block;
      position: absolute;
      width: 3.5rem;
      height: 4rem;
      right: -3.5rem;
      font-size: 3rem;
      background: #eee;
      color: #aaa;
      z-index: 10;
      cursor: pointer;
      border-top-right-radius: 1.2rem;
      border-bottom-right-radius: 1.2rem;
      box-shadow: 3px 0px 3px 0px #aaa;
    }
    
    .fichahijo #desplazator:hover,
    .fichahijo #desplazator:focus,
    .fichahijo #desplazator:active
    {
      cursor:pointer;
      color: #666;
    }
    
    
    .fichahijo #contenidoh{
      width: 100%;
    }
    
    .f-personalizado-hojatut .zonacal .tzona{
      width: 70%;
    }
    
   /* .calificacionnodriza #ponderacion{
      width: 100%!important;
    }*/
   
   .tostada{
      max-width: 48%;
      min-width: 48%; 
    }
    
    .avisoscerrados .tostada,
    .avisosmios .tostada{
      max-width: 80%;
      min-width: 80%;
    }
    
    /*fichajes*/
    #fichajepas{
      width: 80%;
    }
    
    #navfichajes{
      margin-top: 2rem;
    }
    
    #seluser{
      width: 80%;
    }
    
  .btn-imprfichajes{
    position: relative;
    float: right;
    margin: 10px;
  }
  
  .btn-volverfichajes{
    position: relative;
    float: left;
    margin: 10px;
  }

}

/*titulo cabecera*/
@media (max-width: 604px) {
    #cab-header-tit{
      font-size: 23px;
    }
    
  #cab-header-subtit-img{
      height: 10px;
  }
  
  .f-personalizado-hojatut .zonacal .tzona{
      width: 60%;
  }
  
    #seluser{
      width: 90%;
    }
}

@media (max-width: 560px) {
    #cab-header-tit{
      font-size: 20px;
    }
    
    #fichaje{
      top: calc(100% - 100px);
      left: calc(100% - 100px);
    }
    
    #fichaje #icono{
      width: 80px;
      height: 80px;
      border-radius: 90px;
      background-size: 80px 80px;
    }
    
    #fichaje #botonera{
      width: 400px;
      padding: 15px 15px 30px 15px;
      bottom: 40px;
      right: 40px;
    }
    
    #fichaje .btn-aceptar{
      margin-top: 2rem;
    }
    
     /*fichajes*/
    #fichajepas{
      width: 99%;
    }
    
    #seluser{
      width: 90%;
    }
    
    #tablafichajes th,
    #tablafichajes td{
      padding: 2px 5px;
    }
}


/* Portrait phones and smaller */
@media (max-width: 489px) {
    #cab-header-tit{
        margin-top: 4px;
        font-size: 18px;
        padding-right: 15px;
        padding-top: 4px;
    }
    
    #cab-header-subtit{
        font-size: 8px;
        top: 0px;
        padding-right: 4px;
    }
    
    #cab-header-subtit-img{
        height:8px; 
    }
    
    #tabs .nav-tabs li a{
        height: 3rem;
        font-size: 0.9rem;
    }
    
    .botones-anchos h4{
        font-size: 1.3rem;

    }

    #dd .ddtit{
        font-size: 1rem;
    }
    
    #dd .caja{
        font-size: 15px;
    }
    
    #dd .contenido{
        font-size: 10px;
        line-height: 38px;
        font-weight: 500;
    }
    
    .numerico .control-group{
        border-bottom: 1px dashed #eee;
        margin-bottom: 2px;
    }
    
    .numerico .numerico-text{
         font-size: 1rem;
    }
    
    input[type=number] {
        width: 30%!important;
    }
    #asigcurso .titulos p{
        font-size: 1rem;
    }
    
    .pie{
        position: relative; 
    }
    
    #bodylogin{
        background-position: center right;
    }
    
    #zonalogo{
        margin-top: 1rem;
        display: block;
        width: 100%;
        height: auto;
        padding-bottom: 1rem;
        text-align: center;
    }

    #logo{
        width: 100%;
        height: 100px;
        /*width: 100px;*/
        background-size: contain;
        background-position: center;
    }
    
    #formulario{
        margin-top: 1rem;
    }

    #nombrecole{
        width: 100%;
        font-size: 2rem;
        text-align: center;
    }
    #nombretitular{
        width: 100%;
        font-size: 1rem;
        text-align: center;
    }
    
    .hojatutoria #selector_flotante{
        position: fixed;
        bottom: 0;
        padding: 0.5rem;
        width: 100%;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        z-index: 99;
    }
    
    .hojatutoria #selector_flotante .selectoralumno .nombre{
        font-size: 1rem;
        padding: 0;
    }
    
    .hojatutoria #selector_flotante .selectoralumno .glyphicon{
        font-size: 1rem;
        padding: 1rem;
    }
    
    
    
    .horario-alumnos  .horasigalum{
        line-height: 1rem;
        font-size: 0.8rem;
    }
    
    .panelpralhijos .zonaizq{
      display: none;
    }
    
    .panelpralhijos .panelinfo,
    .panelpralhijos .zonader{
      width: 100%;
    }
    
    .fichahijo .boletinpadres .notas h5{
      margin: 0;
      font-size: 1rem;
    }
    
    .fichahijo .boletinpadres .notas .col,
    .fichahijo .boletinpadres .observaciones .col{
      clear:both!important;
    }
    
    .fichahijo .boletinpadres .panelizq,
    .fichahijo .boletinpadres .panelder,
    .fichahijo .boletinpadres .observaciones .col{
      width: 100%;
      text-align: center;
    }
    
    .fichahijo .boletinpadres .table{
      margin: 1rem auto!important;
    }
    
    .incidencias td{
      font-size: 0.6rem;
    }
    
    
    .fichahijo .tarea_fecha_cal{
      font-size: 0.6rem;
      width: auto;
    }

    .fichahijo .tarea_fecha_cal_dia_num{
      font-size: 3rem;
      line-height: 2.5rem;
    }
    
    .fichahijo .tarea_fecha_cal_dia_lit{
      font-weight: normal;
    }
    
     /*fichajes*/
     #fichajepas{
      margin-top: 2rem;
    }
   
    #fichajepas .resumen{
      width: 99%;
      font-size: 1.5rem;
    }
    
    #tablafichajes th,
    #tablafichajes td{
      padding: 2px 2px;
    }
}

@media (max-width: 445px) {
    #cab-header{
      padding-top: 1rem;  
    }
    
    #cab-header-tit{
        font-size: 15px;
        line-height: 15px;
    }
  
    #cab-header-subtit-img{
        height:8px; 
    }
    
    .tostada{
      max-width: 90%;
      min-width: 90%; 
    }
    
    .avisoscerrados .tostada,
    .avisosmios .tostada{
      max-width: 90%;
      min-width: 90%;
      font-size: 1rem;
    }
    
    #fichaje{
      top: calc(100% - 100px);
      left: calc(100% - 100px);
    }
    
    #fichaje #botonera{
      width: 300px;
      padding: 10px 10px 20px 10px;
      bottom: 40px;
      right: 40px;
    }
    
    #fichaje h2{
      font-size: 25px;
    }
    
    #fichaje #botonera .btnes .btn{
      width: 150px;
      margin:5px;
      font-size: 1.3rem;
    }
    
    #fichaje .btn-aceptar{
      margin-top: 1rem;
    }
    
    #navfichajes{
      width: 275px;
    }
    
    #tablafichajes th,
    #tablafichajes td{
      padding: 2px 2px;
    }
}

@media screen and (max-height: 300px) {
    .navbar-collapse.collapse.in{
      height: 200px;
      overflow-y: auto;
    }
    
    .tostada{
      max-width: 90%;
      min-width: 90%; 
    }
    
    .avisoscerrados .tostada,
    .avisosmios .tostada{
      max-width: 90%;
      min-width: 90%;
    }
    
    #tablafichajes th,
    #tablafichajes td{
      padding: 2px 2px;
    }
}