alumnos/css/secciones/horarios.css

/* 
    Created on : Feb 16, 2023, 8:18:52 AM
    Author     : Ale
*/
.horario > thead > tr { background: var(--primary); color: var(--white); text-align: center; border: 0;}
.horario tr { height: 30px; max-height: 30px; }
.horario td { height: 30px; max-height: 30px; padding: 0; margin: 0; border: 1px solid var(--mainColor-25);  /*border-left: 2px solid var(--white) !important; border-right: 2px solid var(--white) !important; border-bottom: 1px solid var(--light);*/ }
.horaGral { font-family: 'indivisa-text-bold'; text-align: center; vertical-align: middle !important; background: var(--gray-25); }
.cuadro { width: 24px; height: 24px; }
.clase { background: var(--light); }
.atencion { background: #76D9C7; }
.gestion { background: #EBEB88; }
.bloque > div { overflow-y: auto;  padding: 0.75em; border: 1px solid var(--mainColor); cursor: default; }
.bloque > div > p { margin-bottom: 0.5rem; }
.bloque > div > .hora  { font-size: 0.75em; }
.clase > div > .materia { font-family: 'indivisa-text-bold'; color: var(--azul1); }
.clase > div > .grupo { font-family: 'indivisa-text-bold'; }
.clase > div > .profesor { font-size: 0.75em; font-family: 'indivisa-text-italic'; color: var(--azul2); }
.tabla-submaterias td { vertical-align: middle; }
ul { margin: 0; padding: 0; list-style: none; }
ul li.pendiente:before { font-family: 'ingfont'; content: '\e935'; padding: 0 0.5em; }
ul li.profesor:before { font-family: 'ingfont'; content: '\e90d'; padding: 0 0.5em; }
.dia0 { width: 9%; }
.dia1, .dia2, .dia3, .dia4, .dia5, .dia6 { width: 15%; }
.oculto { display: none !important; }
.prev, .next { color: var(--white); padding: 0.75em 0.5em; font-size: 1.5em; background: var(--azul2); position: relative; margin: 0 0.5em; cursor: pointer; }
.prev > span, .next > span { display: flex; justify-content: center; align-items: center; }
.prev:hover, .next:hover { opacity: 0.5; }
.prev:after { background: var(--azul2); content: ""; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; transform-origin: bottom left; -ms-transform: skew(-20deg, 0deg); -webkit-transform: skew(-20deg, 0deg); transform: skew(-20deg, 0deg); }
.next:after { background: var(--azul2); content: ""; position:absolute; display: block; width: 100%; height: 100%; top: 0; right: 0; z-index: -1; transform-origin: top right; -ms-transform: skew(-20deg, 0deg); -webkit-transform: skew(-20deg, 0deg); transform: skew(-20deg, 0deg); }
.prev > span:before { -webkit-transform: rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); transform: rotate(90deg); }
.next > span:before { -webkit-transform: rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg); transform: rotate(-90deg); }
.inactivo { color: var(--white) !important; background: var(--gray) !important; }
.inactivo:hover { opacity: 1 !important; cursor: default !important; }
.inactivo:after { background: var(--gray) !important; }
.table.extras > thead { background: var(--azul2); color: var(--white); text-align: center; font-family: 'indivisa-text-bold'; }
.table.extras > tbody > tr:nth-child(even) { background: var(--mainColor-25); }
@media (max-width: 768px){
    .dia0 { width: 17.5%; }
    .dia1, .dia2, .dia3, .dia4, .dia5, .dia6 { width: 27.5%; }
}
@media (max-width: 576px){
    .dia0 { width: 20%; }
    .dia1, .dia2, .dia3, .dia4, .dia5, .dia6 { width: 40%; }
}
@media (max-width: 375px){
    .dia0 { width: 25%; }
    .dia1, .dia2, .dia3, .dia4, .dia5, .dia6 { width: 75%; }
}