/*    @copyright Copyright © paul bengoa, www.bawi.cl   */
*{
  --verde:rgb(74, 173, 53);--verde5:rgba(74, 173, 53,0.5);
  --amarillo:rgba(215,223,33,1);--amarillo5:rgba(215,223,33,0.5);
  --naranjo:rgba(241,89,42,1);--amarillo5:rgba(241,89,42,0.5);
  --rojo:rgba(232, 61, 65,1);--rojo5:rgba(232, 61, 65,0.5);
  --gris:rgba(228, 224, 225,1);--gris5:rgba(228, 224, 225,0.5);
  --negro:rgba(47, 47, 47, 1);
  --texto:rgba(65, 65, 65, 1);
  --blanco:rgba(255,255,255,1);--blanco5:rgba(255,255,255,0.5);--blanco7:rgba(255,255,255,0.7);
  --negro:rgba(0,0,0,1);--negro5:rgba(0,0,0,0.5);--negro7:rgba(0,0,0,0.7);
  --gris:rgba(236,236,236,1);
  --azul:rgba(10,87,159, 1);--azul8:rgba(10,87,159,0.8);--azul5:rgba(10,87,159,0.5);
  --login:rgba(84,127,133,1);--login8:rgba(84,127,133,0.8);--login5:rgba(84,127,133,0.5);
  --btmenucolor:rgba(94,96,99,1);
  --tit-head:rgba(236,236,236,1);/* rgba(241, 243, 246,1)*/
  --panel:rgb(230, 230, 230);
  --btsolid:rgb(216,211,207);
  --btconte:rgb(236,237,231);
  --btrad:0.35rem;
  --rad-input:0.35vw;
  --btradm:1.35vw;
  --radm-input:1.35vw;
  --menu-sep:rgba(250,249,250,1);
  --bt-v-h:rgb(78, 77, 76);/*#4e4d4c*/
  --bt-v-ac:rgb(228, 224, 225); /*#e4dfe0*/
  --bt-menu:rgba(244,243,244,0.5);/*#f4f3f4   anterior  rgb(228, 225, 227)*/
  --bt-submenu:rgba(244,243,244,1);
  --bt-menu-h:rgb(78, 77, 76);/*#4e4d4c*/
  --bt-menu-ac:rgb(228, 224, 225); /*#e4dfe0*/
  --bt-shadow:rgba(0,0,0,0.78);
  --fonfo:rgb(244, 243, 244);/*#f4f3f4*/
  --fondo-login1:rgb(184,182,183);/*#b8b6b7*/
  --fondo-login2:rgb(228,223,224);
  --input:rgb(228, 224, 225); /*#e4dfe0*/
  --outline:rgb(244, 243, 244);
  --switch:rgb(184, 182, 183);/*#b8b6b7*/
  --swt-rad:0.2rem;
  --pie-graf:rgb(166,168,164);
  --trip1:rgb(216,211,207);
  --trip0:rgb(244,242,240);

-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
span{ -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;  }
/********************************************************/
body{background-color:var(--blanco);background-size:cover;background-repeat: no-repeat;background-position:top;background-attachment: fixed;color:var(--texto)!important;font-family: "Roboto","Open Sans","Libre Baskerville","Palatino Linotype", "Book Antiqua","Lucida Sans Unicode", "Lucida Grande", sans-serif !important;font-size: 12px !important;width:calc(100vw);height:100dvh;margin:0;padding:0;}
/********************************************************/
.error,.loading{margin:auto;background-color:var(--blanco);text-align:center; position:absolute;top:50%;left: 50%;margin-right: -50%;transform:translate(-50%, -50%);padding:1.5vw;border-radius: 0.8vw;}
.sombra{box-shadow: 0 3px 5px 0 rgba(0,0,0,.26), 0 3px 10px 0 rgba(0,0,0,.22);}
.sombra2{box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.dib{display: inline-block;}.db{display:block;}.dif{display: inline-flex;}.df{display:flex;}
.fw{flex-wrap: wrap;}.text-center{text-align: center;}.scroll{overflow-y: auto;}
.va-center{align-items: center;}.ha-center{justify-content: center;}
/************************   ********************************/
#inicial {background-image:url("https://intranet.stic.cl/images/layout/fondologin1.jpg");background-origin: content-box;background-size:cover;}
#inicial {width:calc(100vw);height:100%;display:block;margin-top:0px;position:fixed;background-repeat: no-repeat;background-position: center;}
#inicial .container{width:calc(100vw);height:100%;display:flex;justify-content:center;align-items:center;margin-top:0px;position:fixed;}
/********************************************************/
/************************ celulares y tablets ********************************/
/********************************************************/
/************************ ********* ********************************/
@media screen and (orientation: portrait) and (max-width:799px)
{
  #inicial .container{display: flex;flex-direction: column;justify-content:center;align-items:center;}
}
/********************************************************/
@media screen and (orientation: portrait) and (max-width:479px)
{
  .error,.loading{padding:5.5vw;border-radius:2.8vw;}
  #inicial .container{display: flex;flex-direction: column;justify-content:center;align-items:center;}
}
/********************************************************/