:root {
  --color-text1:#464965;/*Morado*/
  --color-text2:#77787b;/*Gris*/
  --color-lighttransp:rgba(255,255,255,0.3);
  --color-color1:#58b6e7;/*Cyan*/
  --color-color2:#007aad;/*Cyan oscuro*/
  --color-color3:#4863ae;/*Morado azulado*/
  --color-color4:#00377b;/*Morado azulado oscuro*/
  --color-color5:#7bc46e;/*Verde claro*/
  --color-color6:#008060;/*Verde oscuro*/
}

html{width:100%;height:100%}
body{width:100%;height:100%;padding:0;border-width:0;margin:0}

.puntero:hover{cursor:pointer}
.hover-claro:hover{color:#ffffff}

.fondo-deg{background:conic-gradient(from 330deg at 50% 50%,rgba(88,182,231,1)5%,rgba(0,122,173,1)20%,rgba(72,99,174,1)35%,rgba(0,55,123,1)50%,rgba(123,196,110,1)65%,rgba(0,128,96,1)80%,rgba(88,182,231,1)95%);background-repeat:no-repeat;background-size:cover}
.fondo-primario{background:var(--color-color4)!important;border-color:var(--color-color4)!important}
.fondo-morado{background:var(--color-color3)!important}
.fondo-morado-oscuro{background:#00377b}
.fondo-secundario{background:#007aad}
.fondo-terciario{background:#4863ae}
.fondo-oscuro{background:#2a3f54}
.fondo-claro{background:#ffffff}
.fondo-rojo{background:#ed5362}
.fondo-amarillo{background:#ffcb05}
.fondo-gris{background:#d4d3cf}
.fondo-gris-claro{background:#f7f7f7}
.fondo-primario2{background:#f7b731}
.fondo-feriado{background:#58857e}
.fondo-finsemana{background:#617585}

.borde-primario{border:2px solid #008060}
.borde-secundario{border:2px solid #007aad}
.borde-terciario{border:2px solid #4863ae}
.borde-oscuro{border:1px solid #2A3F54}
.borde-gris{border:1px solid #d4d3cf}
.borde-morado{border:1px solid var(--color-color3)}
.borde-0{border:0}

.texto-primario{color:#008060}
.texto-oscuro{color:var(--color-text1)}
.texto-claro{color:#ffffff}
.texto-gris{color:var(--color-text2)}
.texto-morado{color:var(--color-color3)}

.fondo-atras{z-index:0}
.fondo-adelante{z-index:3}

.hidden{display:none}

.contenido-centrado{display:flex;justify-content:center;align-items:center}
.altura-centrada{display:flex;align-items:center}

.pantalla-completa{position:absolute;top:0;left:0;right:0;bottom:0}

.alto-completo{height:100%}
.alto-10{height:10px}
.alto-16{height:16px}
.alto-18{height:18px}
.alto-20{height:20px}
.alto-25{height:25px}
.alto-30{height:30px}
.alto-40{height:40px}
.alto-50{height:50px}
.alto-60{height:60px}

.ancho-completo{width:100%}
.ancho-mitad{width:50%}
.ancho-18{width:18px}
.ancho-40{width:40px}
.ancho-100{width:100px}
.ancho-120{width:120px}
.ancho-200{width:200px}
.ancho-210{width:210px}
.ancho-250{width:250px}
.ancho-400{width:400px}

.margin-top-40{margin-top:40px}
.margin-top-30{margin-top:30px}
.margin-top-20{margin-top:20px}
.margin-top-10{margin-top:10px}
.margin-top-5{margin-top:5px}
.margin-top-3{margin-top:3px}
.margin-top-0{margin-top:0px}

.margin-bottom-20{margin-bottom:20px}
.margin-bottom-10{margin-bottom:10px}
.margin-left-40{margin-left:40px}
.margin-left-20{margin-left:20px}
.margin-left-10{margin-left:10px}
.margin-left-5{margin-left:5px}
.margin-right-40{margin-right:40px}
.margin-right-20{margin-right:20px}
.margin-right-10{margin-right:10px}
.margin-right-5{margin-right:5px}

.margin-footer{margin-top:-12px}

.pd-5{padding:5px}
.pd-10{padding:10px}
.pd-l-5{padding-left:5px}
.pd-l-10{padding-left:10px}
.pd-r-10{padding-right:10px}
.pd-t-5{padding-top:5px}
.pd-b-5{padding-bottom:5px}

.pos-relative{position:relative}
.pos-fixed{position:fixed;width:100%}

.display-block{display:block}
.display-inline{display:inline}

.float-left{float:left}
.float-right{float:right}

.lista-no-estilo{list-style:none}

.borde-sombra{box-shadow:0 1px 1px 1px rgba(0,0,0,0.8)}
.borde-sombra-fina{box-shadow:0 0.5px 0.5px 0.5px rgba(0,0,0,0.5)}
.borde-sombra-footer{box-shadow:0 -0.2px 0.2px 0.2px rgba(0,0,0,0.2)}
.radio-5{border-radius:5px 5px 5px 5px}

.flex-horizontal{display:flex;flex-direction:row;flex-grow:1;justify-content:space-evenly}
.flex-vertical{display:flex;flex-direction:column}
.flex-center{display:flex;justify-content:center;align-items:center}

.espacio-inferior{width:100%;height:25px}

#usu-login:focus,#pass-login:focus{border:1px solid #f7b731}

#content-login{width:800px;height:500px;background-color:var(--color-lighttransp);backdrop-filter:blur(5px);box-shadow:0 -2px 8px 0 rgba(0, 0, 0, 0.4)}
#mes-izquierda:active,#mes-derecha:active{color:#333333;background-color:#e6e6e6}
#mes-izquierda:active,#mes-derecha:active{background-color:#cccccc;background-image:none;box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)}
#btn-ver{height:15px;position:absolute;top:10px;right:5px;cursor:pointer}
.seccion-izq-login{height:500px;width:300px;position:absolute;top:0;left:0;padding:10px;background-color:var(--color-lighttransp)}
.img-log{width:250px}
.seccion-der-login{height:500px;width:500px;position:absolute;top:0;right:0;padding:30px}
.content-box2{border-radius:5px;background:var(--color-color4);border-color:var(--color-color3);border-width:1px;border-style:solid}
.block-pass{height:30px;margin-top:20px}
.inp-login{width:90%;display:block;margin-left:auto;margin-right:auto;padding:10px;border-radius:5px;border-color:var(--color-color4);border-width:1px;color:var(--color-color4)}

.x_panel2{width:100%;padding:10px 17px;display:inline-block;background:#f7f7f7;border:1px solid #f7f7f7;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;column-break-inside:avoid;opacity:1;transition:all .2s ease;margin-bottom:10px;position:relative;box-sizing:border-box}