:root {
    --colorGris: #d7d7d7;
    --colorVerde: #027d31;
    --colorVerdeFuerte: #025221;
    --colorVerdeLigero:#4ab673;
    --colorVerdeLigeroUl:#cdf4dc;
    --colorNaranja: #bda000;
    --colorNaranjaLigero: #f6f0d0;
    --colorAzul: #0671d8;
    --colorGrisOscuro: #4c4d4e;
    --colorAzulOscuro: #044c91;
    --colorRojo: #910404;
    --colorRojoLigero: #fadada;
    --colorAzulLigero: #d0e6fb;
}


@font-face {
    font-family: normal;
    src: url(../fonts/Lato-Regular.ttf);
}
@font-face {
    font-family: tituloPrincipal;
    src: url(../fonts/CalligraphyFLF.ttf);
}
@font-face {
    font-family: titulo;
    src: url(../fonts/Lato-BoldItalic.ttf);
}
@font-face {
    font-family: negra;
    src: url(../fonts/Lato-Bold.ttf);
}
@font-face {
    font-family: ligera;
    src: url(../fonts/Lato-Light.ttf);
}
@font-face {
    font-family: italica;
    src: url(../fonts/Lato-Italic.ttf);
}

*{
    padding:0;
    margin:0;
    font-family: normal;
    
}
body{
    position:relative;
    background:var(--colorGris);
}
.loginInicio{
    position:fixed;
    width:100%;
    height:100%;
    background: url(../images/fondo.png);
    background-position: cover;
    background-size:100% 100%;
    background-repeat: no-repeat;
    
}
.loginUsuario{
    background:rgb(0,0,0,.7);
    position:relative;
    width:280px;
    left:10%;
    height:100vh;
}
.loginUsuarioB{
    position:absolute;
    width:100%;
    top:0;
    height: 200px;
    text-align: center;
    bottom:0;
    margin:auto;
    color:#FFF;
    
}
.conteLogos{
    position:fixed;
    top:5px;
    left:50px;
}
.logoPrinG{
    height:40px;
    width:auto;
    margin-right:10px;
}
.cerrarLog{
    position:absolute;
    right:50px;
    top:calc(100vh - 45px);
    height:40px;
    width:auto;
    cursor:pointer;
}
.tituloGrlSitio{
    left:0;
    right:0;
    margin:auto;
    width:200px;
    margin-top:5px;
    font-size: 18px;
    font-family: negra;
    color:var(--colorAzul);
}
.VentanaGeneral{
    position:fixed;
    height:calc(100vh - 150px);
    width:calc(100% - 100px);
    left: 50px;
    top:75px;
}
.btnPanel{
    display:inline-block;
    cursor:pointer;
    width:200px;
    line-height: 2;
    font-size: 15px;
    font-family: negra;
    text-align: center;
    padding:10px;
    background:#FFF;
    border-radius:5px;
    color:#000;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    margin:10px;
}
#colVve{
    background: var(--colorVerdeLigeroUl);
}
.iconPanel{
    max-width:90%;
    height: 100px;
    width:auto;
}
.errorFormulario{
    background:var(--colorRojo);
    color:#FFF;
    padding:5px;
    font-size: 10px;
    font-family: negra;
}
.botonLogin{
    background:var(--colorAzul);
    width:calc(100% - 10px);
    padding:5px;
    text-align: center;
    margin-top:20px;
    color:#FFF;
    border:none;
    cursor:pointer;
}
.loginInputConte{
    width:calc(100% - 10px);
    padding:5px;
    text-align: left;
    line-height: 1.8;
}
.loginInput{
    width:calc(100% - 10px);
    padding:5px;
    border:none;
}
.logoGrl2{
    
    position:absolute;
    width: 70px;
    height:auto;
    top:10px;
    right:10px;
}
.loginInput:focus{
    outline:none;
}
.logoGrl{
    width:50%;
    height:auto;
    margin-left:25%;
    margin-top:10%;
}
.details{
    background:#FFF;
    position:fixed;
    width:calc(60% - 100px);
    left:50px;
    top:50px;
    height: 60vh;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    overflow-y: auto;
}
.detailMen{
    position:fixed;
    width:calc(60% - 100px);
    left:50px;
    top:20px;
    height: 30px;
    text-align: right;
}
.lintkMas{
    text-decoration: none;
    color:var(--colorVerde);
    font-size:25px;
    font-family: negra;
    cursor:pointer;
    
}
.lintkFil{
    text-decoration: none;
    color:var(--colorNaranja);
    font-size:12px;
    font-family: negra;
    height:100%;
    vertical-align: middle;
}
.officersMen{
    position:fixed;
    width:calc(20% - 50px);
    left:calc(60% + 0px);
    top:20px;
    height: 30px;
    text-align: right;
}
.officers{
    
    background:#FFF;
    position:fixed;
    width:calc(20% - 50px) ;
    left:calc(60% + 0px);
    top:50px;
    height: 60vh;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    overflow-y: auto;
}
.cargandoDiv{
    width:50px;
    height:50px;
    position:absolute;
    top:calc(50% - 25px);
    left:calc(50% - 25px);
}
.apparatusMen{
    position:fixed;
    width:calc(20% - 50px) ;
    left:calc(80% + 0px);
    top:calc(60vh + 70px);
    height: 30px;
    text-align: right;
}
.apparatus{
    
    background:#FFF;
    position:fixed;
    width:calc(20% - 50px) ;
    left:calc(80% + 0px);
    top:calc(60vh + 100px);
    height: calc(40vh - 150px);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    overflow-y: auto;
}
.tasksMen{
    position:fixed;
    width:calc(20% - 50px) ;
    left:calc(80% + 0px);
    top:calc(30vh + 45px);
    height: 30px;
    text-align: right;
}
.tasks{
    background:#FFF;
    position:fixed;
    width:calc(20% - 50px) ;
    left:calc(80% + 0px);
    top:calc(30vh + 75px);
    height: calc(30vh - 25px);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    overflow-y: auto;
}
.shTasksMen{
    position:fixed;
    width:calc(20% - 50px) ;
    left:calc(80% + 0px);
    top:20px;
    height: 30px;
    text-align: right;
}
.shTasks{
    background:#FFF;
    position:fixed;
    width:calc(20% - 50px) ;
    left:calc(80% + 0px);
    top:50px;
    height: calc(30vh - 25px);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    overflow-y: auto;
}
.notesMen{
    position:fixed;
    width:calc(100% - 100px);
    left:50px;
    top:calc(60vh + 70px);
    height: 30px;
    text-align: right;
}
.notes{
    background:#FFF;
    position:fixed;
    width:calc(80% - 100px);
    left:50px;
    top:calc(60vh + 100px);
    height: calc(40vh - 150px);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    overflow-y: auto;
}
.notesTote{
    background:#FFF;
    position:fixed;
    width:calc(100% - 100px);
    left:50px;
    top:calc(60vh + 100px);
    height: calc(40vh - 150px);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    overflow-y: auto;
}
.notes2{
    width:calc(100% - 100px);
    height: 150px;
    
}
.botones{
    position:fixed;
    bottom:10px;
    right:50px;
    width:calc(100% - 100px);
    text-align: right;
}

.btnAddOtr{
    background:var(--colorVerdeFuerte);
    display:inline-block;
    color:#FFF;
    width:auto;
    margin:5px;
    padding:5px;
    padding-right: 15px;
    padding-left: 15px;
    text-align: center;
    cursor:pointer;
    border:none;
    font-size:12px;
}
.btnAddOtrJ{
    background:var(--colorRojo);
    display:inline-block;
    color:#FFF;
    width:auto;
    margin:5px;
    padding:5px;
    padding-right: 15px;
    padding-left: 15px;
    text-align: center;
    cursor:pointer;
    border:none;
    font-size:12px;
}
.btnAddOtrCanc{
    background:var(--colorRojo);
    display:inline-block;
    color:#FFF;
    width:auto;
    margin:5px;
    padding:5px;
    text-align: center;
    cursor:pointer;
    border:none;
    font-size:12px;
}
.timerDetailGrl{
    display:inline-block;
    width:160px;
    position:relative;
    margin-right: 15px;
}
.btnCustomerERT{
    padding:5px;
    font-size:12px;
    background:var(--colorGris);
    cursor:pointer;
}
.btnCustomer{
    padding:5px;
    font-size:12px;
    background:var(--colorGris);
    cursor:pointer;
}
.timerIco{
    height:15px;
    position:absolute;;
    width:auto;
    top:5px;
    background:#FFF;
    left:15px;
    z-index: 9999999999;
}
#minutosDetaili{
    height:25px;
    padding:5px;
    padding-left: 20px;
    text-align: right;
    width:calc(100% - 80px);
    margin-right: 10px;
}
#minutosDetaili:focus{
    outline:none;
}
.minutosDetaili{
    height:25px;
    padding:5px;
    padding-left: 20px;
    text-align: right;
    width:calc(100% - 80px);
    margin-right: 10px;
}
.minutosDetaili:focus{
    outline:none;
}
.tbl{
    width:100%;
}
table th {
    position: -webkit-sticky; 
    position: sticky;
    top: 0;
    z-index: 1; 
    padding:5px;
    font-family: negra;
    font-size:14px;
    background:var(--colorAzul);
    color:#FFF;
    text-align: left;
}
#col1{
    width:80px;
    text-align: center;
}
#col100m200{
    width:20px;
    text-align: center;
}
#col100m2{
    width:calc(100% - 180px);
}
.tbl td {
    background:#FFF;
}
#vaCM{
    vertical-align: middle;
    text-align: center;
    padding:5px;
    color:var(--colorGrisOscuro);
    font-size:13px;
}
#vaCMBG{
    vertical-align: middle;
    text-align: center;
    padding:5px;
    color:var(--colorGrisOscuro);
    font-size:13px;
    background: var(--colorRojoLigero);
}
#vaCMBG2{
    vertical-align: middle;
    text-align: center;
    padding:5px;
    color:var(--colorGrisOscuro);
    font-size:13px;
    background: var(--colorNaranjaLigero);
}
#vaM{
    vertical-align: middle;
    padding:5px;
    font-size:14px;
    line-height: 1.3;
}
#vaMBG{
    vertical-align: middle;
    padding:5px;
    font-size:14px;
    line-height: 1.3;
    background: var(--colorRojoLigero);
}
#vaMBG2{
    vertical-align: middle;
    padding:5px;
    font-size:14px;
    line-height: 1.3;
    background: var(--colorNaranjaLigero);
}
#detailS{
    color:var(--colorAzulOscuro);
    font-family: negra;
}
#bldgS{
    color:var(--colorGrisOscuro);
    font-size:13px;
}
#tipoOff{
    color:var(--colorGrisOscuro);
    font-size:10px;
}
#officersA{
    color:var(--colorGrisOscuro);
    font-size:12px;
}
#asker{
    color:var(--colorAzul);
    font-size:13px;
    text-decoration: underline;
    cursor:pointer;
}
#officerD{
    color:var(--colorAzulOscuro);
    font-family: negra;
    font-size:13px;
}
#notesD{
    color:var(--colorAzulOscuro);
    font-family: negra;
    font-size:13px;
}

#col1S{
    width:80px;
    text-align: center;
}
#col100m1{
    width:calc(100% - 80px);
}
#col100m1Z{
    width:calc(100% - 160px);
}
#col1SR{
    width:40px;
}
#officerBadge{
    font-size:12px;
    color:var(--colorAzulOscuro);
}
#officerName{
    font-size:11px;
    color:var(--colorAzul);
    cursor:pointer;
    text-decoration: underline
}
#timesS{
    font-size: 10px;
    color:var(--colorGrisOscuro);
}
#statusOf1{
    font-size: 11px;
    color:var(--colorVerde);
}
#statusOf2{
    font-size: 11px;
    color:var(--colorNaranja);
}
#statusOf3{
    font-size: 11px;
    color:var(--colorRojo);
}
.statusOf1{
    font-size: 12px;
    color:#FFF;
    background:var(--colorVerde);
}
.statusOf2{
    font-size: 12px;
    color:#FFF;
    background:var(--colorNaranja);
}
.statusOf3{
    font-size: 12px;
    color:#FFF;
    background:var(--colorRojo);
}
#estaNeg{
    font-size: 11px;
}
#estaNor{
    font-family: negra;
    font-size: 11px;
    color:var(--colorAzulOscuro);
}
.conteInputFijo{
    position:relative;
    width: calc(100% - 10px);
    height:calc(100% - 10px);
    padding:5px;
}
.conteInputFijo2{
    position:relative;
    width: calc(100% - 10px);
    height:100px;
    padding:5px;
}
.labelFijo{
    position: absolute;
    color:var(--colorAzul);
}
.txareaFijo{
    position:absolute;
    display:inline-block;
    width: calc(100% - 0px);
    height:calc(100% - 0px);
    top:0;
    left:0;
    padding:5px;
    padding-left: 60px;
}
.txareaFijo:focus{
    outline:none;
}

.conteModal{
    background:rgba(0,0,0,.3);
    position:fixed;
    width:100%;
    height: 100vh;
    z-index: 99999999999999999;
    display:none;
}
.conteModalERT{
    background:rgba(169,0,0,.3);
    position:fixed;
    width:100%;
    height: 100vh;
    z-index: 99999999999999999;
    display:none;
    top:0;
}
.ventanaModal{
    width: 20%;
    height:100vh;
    top:0;
    right:0;
    -webkit-box-shadow: -2px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -2px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: -2px 0px 5px 0px rgba(0,0,0,0.75);
    position:absolute;
    z-index: 999999999999999999999;
    background:#FFF;
}
.ventanaModalERT{
    width: 90%;
    height:90%;
    top:5%;
    left:5%;
    position:relative;
    z-index: 999999999999999999999;
    overflow-y: auto;
}
.v1nDD1{
    width: 90%;
    height:90%;
    top:5%;
    left:5%;
    -webkit-box-shadow: -2px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -2px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: -2px 0px 5px 0px rgba(0,0,0,0.75);
    position:relative;
    z-index: 999999999999999999999;
    overflow-y: auto;
}
.ventanaModalP1{
    
    width: 25%;
    height:55%;
    margin-top:5%;
    left:5%;
    -webkit-box-shadow: -2px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -2px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: -2px 0px 5px 0px rgba(0,0,0,0.75);
    position:absolute;
    z-index: 99999999999999999999999;
    overflow-y: auto;
    background:#FFF;
}
.ventanaModalP2{
    
    width: 25%;
    height:55%;
    margin-top:5%;
    left:38%;
    -webkit-box-shadow: -2px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -2px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: -2px 0px 5px 0px rgba(0,0,0,0.75);
    position:absolute;
    z-index: 99999999999999999999999;
    overflow-y: auto;
    background:#FFF;
}
.ventanaModalP3{
    
    width: 25%;
    height:55%;
    margin-top:5%;
    left:71%;
    -webkit-box-shadow: -2px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -2px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: -2px 0px 5px 0px rgba(0,0,0,0.75);
    position:absolute;
    z-index: 99999999999999999999999;
    overflow-y: auto;
    background:#FFF;
}
.cerrarModal{
    background:var(--colorRojo);
    color:#FFF;
    cursor:pointer;
    text-decoration: none;
    position:absolute;
    top:0;
    right:0;
    padding:5px;
}
.textoRelaMod{
    line-height: 1.3;
    padding:5px;
    font-size: 12px;
    height:100vh;
    overflow-y: auto;
}
.textoRelaModP1{
    line-height: 1.3;
    padding:5px;
    font-size: 12px;
    height:calc(100% - 10px);
    overflow-y: auto;
}
.tituloModal{
    color:var(--colorAzulOscuro);
    font-family: negra;
    font-size:14px;
}
.textoModal{
    
    margin-top:10px;
    line-height: 1.6;
}
.btnMinI{
    display:inline-block;
    width:18px;
    padding:5px;
    margin:5px;
    background:var(--colorNaranja);
    color:#FFF;
    text-align:center;
    cursor:pointer;
}
.btnMinF{
    display:inline-block;
    width:18px;
    padding:5px;
    margin:5px;
    background:var(--colorNaranja);
    color:#FFF;
    text-align:center;
    cursor:pointer;
}
.btnHoraI{
    display:inline-block;
    width:18px;
    padding:5px;
    margin:5px;
    background:var(--colorNaranja);
    color:#FFF;
    text-align:center;
    cursor:pointer;
}
.btnHoraF{
    display:inline-block;
    width:18px;
    padding:5px;
    margin:5px;
    background:var(--colorNaranja);
    color:#FFF;
    text-align:center;
    cursor:pointer;
}
#btnHora{
    background:var(--colorVerde);
}
.fantasma{
    border:0px;
    cursor:default;
    color:var(--colorGrisOscuro);
}

.fantasma:focus{
    outline:none;
}

.conteOfOnSh{
    max-height:100px;
    overflow-y: auto;
    margin-top:10px;
    
}
.conteOfOnShTotales{
    max-height:90%;
    overflow-y: auto;
    margin-top:10px;
    
}
.postsSelect{
    line-height:1.3;
    background:var(--colorGris);
    font-size:13px;
    margin-top:3px;
    margin-bottom: 3px;
    padding:5px;
    cursor:pointer;
}
.postsSelect2{
    line-height:1.3;
    background:var(--colorGris);
    font-size:13px;
    margin-top:3px;
    margin-bottom: 3px;
    padding:5px;
    cursor:pointer;
}
.postsSelect3{
    line-height:1.3;
    background:var(--colorGris);
    font-size:13px;
    margin-top:3px;
    margin-bottom: 3px;
    padding:5px;
    cursor:pointer;
}
.postsSelect4{
    line-height:1.3;
    background:var(--colorGris);
    font-size:13px;
    margin-top:3px;
    margin-bottom: 3px;
    padding:5px;
    cursor:pointer;
}
.postsSelect5{
    line-height:1.3;
    background:var(--colorGris);
    font-size:13px;
    margin-top:3px;
    margin-bottom: 3px;
    padding:5px;
    cursor:pointer;
}
.postsSelect6{
    line-height:1.3;
    background:var(--colorGris);
    font-size:13px;
    margin-top:3px;
    margin-bottom: 3px;
    padding:5px;
    cursor:pointer;
}
.postsSelect2ZK{
    line-height:1.3;
    background:var(--colorGris);
    font-size:13px;
    margin-top:3px;
    margin-bottom: 3px;
    padding:5px;
    cursor:pointer;
}
.buildingDetailSel{
    line-height:1.3;
    background:var(--colorGris);
    font-size:13px;
    margin-top:3px;
    margin-bottom: 3px;
    padding:5px;
    cursor:pointer;
}
.officerSelect{
    line-height:1.3;
    background:var(--colorGris);
    font-size:13px;
    margin-top:3px;
    margin-bottom: 3px;
    padding:5px;
    cursor:pointer;
}
.officerSelectZK{
    line-height:1.3;
    background:var(--colorGris);
    font-size:13px;
    margin-top:3px;
    margin-bottom: 3px;
    padding:5px;
    cursor:pointer;
}
.buscarModal{
    width:calc(100% - 10px);
    padding:5px;
    font-size: 12px;
    margin-top:5px;
}
.buscarModal::placeholder{
    color:var(--colorGrisOscuro);
}
.buscarModal:focus{
    outline:none;
}
#officerSelect{
    background:var(--colorVerde);
    color:#FFF;
}
.colNN{
    color:var(--colorNaranja);
}
.ocuOpus{
    display:none;
}
.lliinnk{
    text-decoration:underline;
    color:var(--colorAzul);
    cursor:pointer;
}
.btnAdd{
    background:var(--colorVerdeFuerte);
    display:inline-block;
    color:#FFF;
    width:calc(50% - 15px);
    margin:5px;
    padding:5px;
    text-align: center;
    cursor:pointer;
    border:none;
}
.btnAddC{
    background:var(--colorVerde);
    display:inline-block;
    color:#FFF;
    width:calc(50% - 15px);
    margin:5px;
    padding:5px;
    text-align: center;
    cursor:pointer;
    border:none;
    margin-bottom: 20px;
}
#btnOffOnShift{
    display:none;
}
#btnOffOnShiftB{
    display:none;
}

.btnTipoOfSh{
    display:inline-block;
    padding:5px;
    font-size:10px;
    margin-bottom: 5px;
    cursor:pointer;
    margin:5px;
}
.btnTipoOfSh2{
    display:inline-block;
    padding:5px;
    font-size:10px;
    margin-bottom: 5px;
    cursor:pointer;
    margin:5px;
}
.btnTipoOfSh3{
    display:inline-block;
    padding:5px;
    font-size:10px;
    margin-bottom: 5px;
    cursor:pointer;
    margin:5px;
}
.btnTipoOfSh4{
    display:inline-block;
    padding:5px;
    font-size:10px;
    margin-bottom: 5px;
    cursor:pointer;
    margin:5px;
}
.btnTipoOfSh5{
    display:inline-block;
    padding:5px;
    font-size:10px;
    margin-bottom: 5px;
    cursor:pointer;
    margin:5px;
}
#bgAva{
    color:var(--colorVerde);
    background:var(--colorVerdeLigeroUl);
    border:1px solid var(--colorVerde);
}
#bgLas{
    color:var(--colorNaranja);
    border:1px solid var(--colorNaranja);
}
#bgUna{
    color:var(--colorRojo);
    border:1px solid var(--colorRojo);
}

.resActua{
    position:fixed;
    background:var(--colorVerde);
    font-size:12px;
    font-family: negra;
    color:#FFF;
    top:0;
    right:calc(50% - 100px);
    text-align: center;
    width:200px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
    z-index: 9999999999999999999999999999999;
    padding:5px;
}

.tituloUsr{
    color:var(--colorAzulOscuro);
    font-family: negra;
    font-size: 14px;
}
#colBllu{
    color:var(--colorAzul);
}
.inputClient{
    display:inline-block;
    padding:5px;
    margin:5px;
    font-size: 12px;
    width:calc(50% - 25px);
    vertical-align: top;
    line-height: 1.7;
}
.inputClientB{
    display:inline-block;
    padding:5px;
    margin:5px;
    font-size: 12px;
    width:calc(100% - 25px);
    vertical-align: top;
    line-height: 1.7;
}
.inputCustom{
    width:calc(100% - 7px);
    padding:3px;
    font-size: 11px;
}
.inputCustom:focus{
    outline:none;
}
.empresaSele{
    display:inline-block;
    width:auto;
    padding:5px;
    padding-top:2px;
    padding-bottom:2px;
    background:var(--colorAzulLigero);
    color:var(--colorAzul);
    border:2px solid var(--colorAzul);
    margin: 5px;
    cursor:pointer;
}
.empresaSeleB{
    display:inline-block;
    width:auto;
    padding:5px;
    padding-top:2px;
    padding-bottom:2px;
    background:var(--colorAzulLigero);
    color:var(--colorAzul);
    border:2px solid var(--colorAzul);
    margin: 5px;
    cursor:pointer;
}
#empresaSele{
    background:var(--colorAzul);
    color:#FFF;
}
.linkNolink{
    color:var(--colorAzul);
    text-decoration: underline;
    cursor:pointer;
}
.afirmativoBtn{
    display:inline-block;
    background:var(--colorVerde);
    padding:3px;
    padding-left: 10px;
    padding-right: 10px;
    font-size:11px;
    cursor:pointer;
    margin:5px;
    color:#FFF;
}
.negativoBtn{
    display:inline-block;
    background:var(--colorRojo);
    padding:3px;
    padding-left: 10px;
    padding-right: 10px;
    font-size:11px;
    cursor:pointer;
    margin:5px;
    color:#FFF;
}
.whoNotClear{
    line-height: 2;
    margin-top:10px;
    display:none;
}
.tblClearOff{
    display:table;
    width:100%;
}
.tdOffClear{
    display:table-cell;
}
.tdOffClearRes{
    
    width: 100px;
    display:table-cell;
    text-align: right;
}
.separaLinea{
    height:1px;
    background:var(--colorAzul);
    border:none;
}

.numeroDetailPre{
    color:var(--colorGrisOscuro);
    font-size: 13px;
}
.TituloUsuarios{
    font-size:15px;
    color:var(--colorAzul);
    font-family: negra;
    position:fixed;
    height:50px;
    top:60px;
    left:50px;
    width:calc(100% - 100px);
}
.aliDerTop{
    top:15px;
    right:50px;
    position:fixed;
}
.aliDerBot{
    bottom:15px;
    right:50px;
    position:fixed;
}
.btnLink{
    background:var(--colorVerde);
    text-decoration: none;
    color:#FFF;
    cursor:pointer;
    padding:5px;
    font-family: negra;
    font-size:12px;
}
.buscadorInput{
    background:#f2f2ed;
    padding:5px;
    position:fixed;
    top: 100px;
    width:calc(100% - 110px);
    left:50px;
    transition:1s;
    border:none;
}
.buscadorInput:focus{
    outline:none;
    background:#FFF;
}
.tablaUsuarios{
    background:#FFF;
    position:fixed;
    overflow-y: auto;
    height:calc(100vh - 200px);
    width:calc(100% - 100px);
    top:150px;
    left:50px;
}
.tablaActivityLog{
    background:#FFF;
    position:fixed;
    overflow-y: auto;
    height:calc(100vh - 250px);
    width:calc(100% - 100px);
    top:200px;
    left:50px;
}

#col1Usr{
    width:100px;
    text-align: left;
}
#col2Usr{
    width:calc(100% - 500px);
    text-align: left;
}
#col3Usr{
    width:150px;
    text-align: left;
}
#col4Usr{
    width:150px;
    text-align: left;
}
#col5Usr{
    width:100px;
    text-align: left;
}
#tdOfficerSel{
    vertical-align: middle;
    padding:5px;
    font-size:14px;
    line-height: 1.3;
    background: transparent;
}
.colorDif{
    border-bottom: 1px solid #000;
    padding:5px;
    text-align: center;
}
.linkUsuario{
    display: inline-block;
    padding:5px;
    padding-top:2px;
    padding-bottom: 2px;
    color:#FFF;
    margin-left: 5px;
    margin-right: 5px;
    text-decoration:none;
    background:var(--colorAzul);
    font-size: 12px;
    border-radius:2px;
}

.paginacion{
    color:#FFF;
    background:#1d84c0;
    padding:4px;
    margin:2px;
    text-decoration:none;
}
.paginacionL{
    color:#FFF;
    display:none;
    padding:4px;
    margin:2px;
    text-decoration:none;
}
#tablaUsuarios{
    display:none;
}

.agregarUsuario{
    position:fixed;
    overflow-y: auto;
    height:calc(100vh - 150px);
    width:calc(100% - 100px);
    top:100px;
    left:50px;
    
}
.conteInputUsr{
    display:inline-block;
    font-size:11px;
    margin:5px;
    padding:5px;
    width:200px;
    line-height: 1.8;
}
.inputUsuario{
    background:#FFF;
    width:calc(100% - 10px);
    padding:5px;
    font-size:12px;
    border:none;
    border-bottom: 2px solid var(--colorAzul);
}
.inputUsuario:focus{
    outline:none;
}
.inputUsuario:required{
    border-bottom: 2px solid var(--colorRojo);
}


/* Admon de permisos */
.seccionPermisos{
    margin:10px;
    width:250px;
    padding:10px;
    border:1px solid var(--colorNaranja);
    border-radius:5px;
    line-height:2.5;
    display:inline-block;
    vertical-align: top;
    background:#FFF;
    font-size:13px;
}

.desplegarPePe{
    display:inline-block;
    position:relative;
    cursor: pointer;
    color:#0a2bcb;
    font-size:15px;
    font-weight:bold;
    margin-top:-10px;
    margin-bottom: 15px;
    z-index: 9999999999999999999999999999999999;
    font-size:12px;
}
.mListadoPerm{
    display:none;
}

/* check boxes */

.labelCheck{
    display:inline-block;
    top:-8px;
    margin-left:5px;
    position:relative;
    cursor:pointer;
    font-size:12px;
}
.toggler-wrapper {
    display: inline-block;
    width: 35px;
    height: 20px;
    cursor: pointer;
    position: relative;
}

.toggler-wrapper input[type="checkbox"] {
    display: none;
}

.toggler-wrapper input[type="checkbox"]:checked+.toggler-slider {
    background-color: var(--colorVerde);
}

.toggler-wrapper .toggler-slider {
    background-color: #ccc;
    position: absolute;
    border-radius: 100px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.toggler-wrapper .toggler-knob {
    position: absolute;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}


/*Style 4*/

.toggler-wrapper.style-4 input[type="checkbox"]:checked+.toggler-slider .toggler-knob {
    left: calc(100% - 14px - 3px);
}

.toggler-wrapper.style-4 .toggler-knob {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    left: 0;
    top: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 6px rgba(74, 102, 123, 0.75);
    box-shadow: 0 2px 6px rgba(74, 102, 123, 0.75);
}

.submenu{
    position:fixed;
    width:200px;
    margin:auto;
    left:0;
    right:0;
    font-size:10px;
    padding:5px;
    text-align:center;
}
.opSubmenu{
    cursor:pointer;
    display:inline-block;
    margin-right:5px;
    margin-left:5px;
    color:#000;
}
.sumenuIcon{
    height:35px;
    width:auto;
}
#col1DB{
    width:calc(100% - 180px);
    text-align:left;
}
#col1DBZ{
    width:calc(100% - 30px);
    text-align:left;
}
#col2DB{
    width:160px;
    text-align:left;
}
#col3DB{
    width:20px;
    text-align:left;
}
.fantasmaBinarioT{
    border:none;
    background:#FFF;
    padding:5px;
    width:calc(100% - 10px);
    font-size:12px;
}
.fantasmaBinarioT:focus{
    border:1px solid var(--colorAzul);
    outline:none;
}
.fantasmaBinario{
    border:none;
    background:#FFF;
    padding:5px;
    width:50px;
    font-size:12px;
    text-align:center;
}
.fantasmaBinario:focus{
    border:1px solid var(--colorAzul);
    outline:none;
}
.eliminaX{
    color:var(--colorRojo);
    font-family: negra;
    font-size:12px;
    cursor:pointer;
}
#col1Act{
    width:200px;
}
#col2Act{
    width:calc(100% - 300px);
}
#col3Act{
    width:100px;
}
.buscadorInputB{
    background:#f2f2ed;
    padding:5px;
    position:fixed;
    top: 140px;
    width:150px;
    left:90px;
    transition:1s;
    border:none;
}
.buscadorInputB:focus{
    outline:none;
    background:#FFF;
}
.buscadorInputC{
    background:#f2f2ed;
    padding:5px;
    position:fixed;
    top: 140px;
    width:150px;
    left:300px;
    transition:1s;
    border:none;
}
.buscadorInputC:focus{
    outline:none;
    background:#FFF;
}
.timeFrameBusA{
    position:fixed;
    font-size:12px;
    top: 146px;
    width:40px;
    left:50px;
}
.timeFrameBusB{
    position:fixed;
    font-size:12px;
    top: 146px;
    width:30px;
    left:270px;
}
.timeFrameBusC{
    position:fixed;
    font-size:12px;
    top: 146px;
    width:100px;
    left:480px;
    cursor:pointer;
    color:var(--colorAzul);
    text-decoration:underline;
}
.buscadorInputB2{
    background:#f2f2ed;
    padding:5px;
    position:fixed;
    top: 100px;
    width:150px;
    left:90px;
    transition:1s;
    border:none;
}
.buscadorInputB2:focus{
    outline:none;
    background:#FFF;
}
.buscadorInputC2{
    background:#f2f2ed;
    padding:5px;
    position:fixed;
    top: 100px;
    width:150px;
    left:300px;
    transition:1s;
    border:none;
}
.buscadorInputC2:focus{
    outline:none;
    background:#FFF;
}
.timeFrameBusA2{
    position:fixed;
    font-size:12px;
    top: 106px;
    width:40px;
    left:50px;
}
.timeFrameBusB2{
    position:fixed;
    font-size:12px;
    top: 106px;
    width:30px;
    left:270px;
}
.timeFrameBusC2{
    position:fixed;
    font-size:12px;
    top: 106px;
    width:100px;
    left:480px;
    cursor:pointer;
    color:var(--colorAzul);
    text-decoration:underline;
}
.timeFrameBusC22{
    position:fixed;
    font-size:12px;
    top: 100px;
    width:150px;
    text-align: center;
    padding:5px;
    left:480px;
    cursor:pointer;
    background:var(--colorAzul);
    text-decoration:none;
    color:#FFF;
}

.tablaStatsLog{
    position:fixed;
    overflow-y: auto;
    height:calc(100vh - 200px);
    width:calc(100% - 100px);
    top:150px;
    left:50px;
    font-size: 12px;
}
.bannerEstadistica{
    width:100%;
    position:relative;
    margin-top:5px;
    margin-bottom:5px;
}
.tblEstadistica{
    display:inline-block;
    margin:5px;
    background:#FFF;
    width:350px;
    height:400px;
    overflow-y: auto;
    vertical-align: top;
}
.grafEstadistica{
    display:inline-block;
    margin:5px;
    background:#FFF;
    width:calc(100% - 380px);
    height:400px;
    vertical-align: top;
}
#col1Stat{
    width:calc(100% - 150px);
    font-size:12px;
}
#col2Stat{
    width:30px;
    font-size:12px;
    text-align: center;
}
#col3Stat{
    width:110px;
    font-size:12px;
    text-align: center;
}
.subRenglon{
    font-size:10px;
    color:var(--colorAzul);
}

/*Graficos*/

.bannerEstadisticaZ{
    border:1px solid #dcb301;
    overflow-x: auto;
    min-width: 100%;
    position:relative;
    height:400px;
}
.bannerEstadisticaB{
    position:absolute;
    height:100%;
    
}
.bannerEstadisticaC{
    position:absolute;
    height:100%;
    
}
.bannerEstadisticaD{
    position:absolute;
    height:100%;
    
}
.columnaEstadisticaY{
    width:100px;
    height:300px;
    position:absolute;
    top:15px;
    left:0;
    border-right:2px solid #2e3140;
    text-align: right;
    padding:10px;
}
.columnaEstadisticaX{
    border-top:2px solid #2e3140;
    position:absolute;
    left:120px;
    top:335px;
    width:calc(100% - 140px);
}
.valorAlto{
    position:absolute;
    left:0;
    top:0px;
    width:100px;
    text-align: right;
}
.valorBajo{
    position:absolute;
    left:0;
    bottom:0px;
    width:100px;
    text-align: right;
}
.valorMedio{
    position:absolute;
    left:0;
    bottom:150px;
    width:100px;
    text-align: right;
}
.lineaSuperior{
    position:absolute;
    height:1px;
    background:#7f8292;
    width:calc(100% - 140px);
    left:122px;
    top:25px;
    
}
.lineaMedio{
    position:absolute;
    height:1px;
    background:#7f8292;
    width:calc(100% - 140px);
    left:122px;
    top:175px;
    
}
.valorX{
    position:absolute;
    top:10px;
    text-align:center;
}
.puntero{
    position:absolute;
    
    left:200px;
    z-index: 999;
    text-align: center;
}
.bolita{
    border:1px solid #dcb301;
    font-size:12px;
    padding:2px;
    background:#dcb301;
    position:absolute
}
.bolita2{
    border:1px solid #dcb301;
    font-size:12px;
    padding:2px;
    background:#dcb301;
    position:absolute
}
svg{
    position:absolute;
}
#col1Cus{
    width:calc(25% - 10px);
}
#col2Cus{
    width:calc(25% - 10px);
}
#col3Cus{
    width:calc(25% - 10px);
}
#col4Cus{
    width: 30px;
    text-align:right;
}

.conteInputUsrB{
    display:inline-block;
    font-size:11px;
    margin:5px;
    padding:5px;
    width:50px;
    line-height: 1.8;
    text-align: center;
}
.inputCheckboxi{
    transform: scale(1.5);
    margin-bottom: 10px;
    cursor:pointer;
}
.btnPost{
 border:2px solid var(--colorAzulOscuro);
 background:#FFF;
 color:var(--colorAzulOscuro);
 display:inline-block;
 margin:5px;
 font-size:12px;
 padding:5px;
 cursor:pointer;
}
#btnPost{
    background:var(--colorAzulOscuro);
    color:#FFF;
}
.opcionHorario{
    
 border:2px solid var(--colorAzulOscuro);
 background:#FFF;
 color:var(--colorAzulOscuro);
 display:inline-block;
 margin:5px;
 font-size:12px;
 padding:5px;
 cursor:pointer;
}
#tbl100{
    width:100%;
    background:#FFF;
    margin-bottom: 20px;
}
#cronDescrip{
    line-height: 1.9;
    font-size:12px;
    width:calc(100% - 100px);
    padding:5px;
}
#cronBoton{
    line-height: 1.9;
    font-size:12px;
    width:80px;
    padding:5px;
}
.btnCron{
    background:var(--colorAzulOscuro);
    border:none;
    padding:5px;
    padding-left:10px;
    padding-right:10px;
    color:#FFF;
    text-decoration:none;
}
.totalArea{
    width:100%;
    height:100%;
    position:relative;
}
.oficialesPre{
    position:absolute;
    top:30px;
    left:0;
    width:45%;
    background:#FFF;
    height:calc(100% - 30px);
    overflow-y: auto;
}
.oficialesPreTotes{
    position:absolute;
    top:30px;
    left:0;
    width:100%;
    background:#FFF;
    height:calc(100% - 30px);
    overflow-y: auto;
}
.oficialesOn{
    position:absolute;
    top:30px;
    right:0;
    width:45%;
    background:#FFF;
    height:calc(100% - 30px);
    overflow-y: auto;
}
.ToficialesPre{
    color:var(--colorNaranja);
    position:absolute;
    font-family: negra;
    font-size:13px;
    top:0;
    left:0;
}
.ToficialesOn{
    color:var(--colorVerdeFuerte);
    position:absolute;
    font-family: negra;
    font-size:13px;
    top:0;
    left:55%;
}
.colDif{
    background:var(--colorNaranja);
}
.colDif2{
    background:var(--colorVerdeFuerte);
}
.icoBasura{
    width:20px;
    height:auto;
}

.tituloTask{
    color:var(--colorNaranja);
    position:absolute;
    font-family: negra;
    font-size:13px;
    top:0;
    left:0;
}
.valorTask{
    position:absolute;
    top:30px;
    left:0;
    width:30%;
    background:#FFF;
    height:calc(100% - 130px);
    overflow-y: auto;
}
.tituloOffTask{
    color:var(--colorNaranja);
    position:absolute;
    font-family: negra;
    font-size:13px;
    top:0;
    left:33%;
}
.valorOffTask{
    position:absolute;
    top:30px;
    left:33%;
    width:30%;
    background:#FFF;
    height:calc(100% - 130px);
    overflow-y: auto;
}
.tituloOnTask{
    color:var(--colorVerde);
    position:absolute;
    font-family: negra;
    font-size:13px;
    top:0;
    left:66%;
}
.valorOnTask{
    position:absolute;
    top:30px;
    left:66%;
    width:30%;
    background:#FFF;
    height:calc(100% - 30px);
    overflow-y: auto;
}
.valorResTask{
    position:absolute;
    top:calc(100% - 60px);
    left:0%;
    width:63%;
    overflow-y: auto;
}
.clNa{
    color:var(--colorNaranja);
}
.icoMiniatura{
    height:16px;
    width:auto;
    margin-right:5px;
}

.inputUsuarioTxtAr{
    background:#FFF;
    width:calc(100% - 10px);
    padding:5px;
    font-size:12px;
    border:none;
    border-bottom: 2px solid var(--colorAzul);
    transition:1s;
}
.inputUsuarioTxtAr:focus{
    outline:none;
    height:200px;
}
.ApparatusOOS{
    font-size:12px;
    background:#FFF;
    padding:5px;
    padding-right: 90px;
    margin-top:15px;
    margin-bottom:15px;
    line-height: 1.8;
    position:relative;
}
.marcaLigera{
    color:var(--colorGrisOscuro);
}
.fechaPub{
    color:var(--colorVerdeLigero);
}
.icoBasOOS{
    background:#046d10;
    width:20px;
    height:20px;
    padding:5px;
    position:absolute;
    right:40px;
    top:0;
    bottom:0;
    margin:auto;
    cursor:pointer;
}
.icoBasOOS2{
    background:#9e0505;
    width:20px;
    height:20px;
    padding:5px;
    position:absolute;
    right:5px;
    top:0;
    cursor:pointer;
    bottom:0;
    margin:auto;
}
.btnDOOS{
    border:2px solid var(--colorRojo);
    text-align:center;
    font-size:12px;
    font-family: negra;
    color:var(--colorRojo);
    padding:5px;
    padding-top: 2px;
    padding-bottom: 2px;
    cursor:pointer;
    margin-top:15px;
    margin-bottom: 15px;
}
.btnBOS{
    border:2px solid var(--colorVerdeFuerte);
    text-align:center;
    font-size:12px;
    font-family: negra;
    color:var(--colorVerdeFuerte);
    padding:5px;
    padding-top: 2px;
    padding-bottom: 2px;
    cursor:pointer;
    margin-top:15px;
    margin-bottom: 15px;
}
#btnBOS{
    background:var(--colorVerdeFuerte);
    color:#FFF;
}
.btnOD{
    border:2px solid var(--colorNaranja);
    text-align:center;
    font-size:12px;
    font-family: negra;
    color:var(--colorNaranja);
    padding:5px;
    padding-top: 2px;
    padding-bottom: 2px;
    cursor:pointer;
    margin-top:15px;
    margin-bottom: 15px;
}
.btnOD2{
    border:2px solid var(--colorNaranja);
    text-align:center;
    font-size:12px;
    font-family: negra;
    color:var(--colorNaranja);
    padding:5px;
    padding-top: 2px;
    padding-bottom: 2px;
    cursor:pointer;
    margin-top:15px;
    margin-bottom: 15px;
}
.btnOD3{
    border:2px solid var(--colorNaranja);
    text-align:center;
    font-size:12px;
    font-family: negra;
    color:var(--colorNaranja);
    padding:5px;
    padding-top: 2px;
    padding-bottom: 2px;
    cursor:pointer;
    margin-top:15px;
    margin-bottom: 15px;
}
.btnOD4{
    border:2px solid var(--colorNaranja);
    text-align:center;
    font-size:12px;
    font-family: negra;
    color:var(--colorNaranja);
    padding:5px;
    padding-top: 2px;
    padding-bottom: 2px;
    cursor:pointer;
    margin-top:15px;
    margin-bottom: 15px;
}
.btnOD1{
    border:2px solid var(--colorNaranja);
    text-align:center;
    font-size:12px;
    font-family: negra;
    color:var(--colorNaranja);
    padding:5px;
    padding-top: 2px;
    padding-bottom: 2px;
    cursor:pointer;
    margin-top:15px;
    margin-bottom: 15px;
}
#btnOD{
    background:var(--colorNaranja);
    color:#FFF;
}
.ERTLog{
    height:30px;
    width:30;
    margin-right:10px;
}
.draggable {
    position: absolute;
    cursor: grab;
    width: 35px;
    height: 35px;
    padding:10px;
    background:rgb(255,148,146,.8);
    color: #fff;
    text-align: center;
    border-radius: 50%;
    user-select: none;
    right:0;
    top:calc(50vh - 100px);
    z-index: 99999;
}

.draggable.dragging {
    cursor: grabbing;
}
.ERTActivo{
    display:none;
}
.draggable:hover .ERTActivo{
    display:inline-block;
    margin-top:10px;
    right:0;
    float:right;
    background:var(--colorGrisOscuro);
    min-width:150px;
    max-width: 600px;
    font-size:12px;
}
.newErtBtn{
    background:var(--colorRojo);
    padding:5px;
    padding-top:10px;
    padding-bottom: 10px;
    cursor:pointer;
    font-weight: bold;
    position:relative;
    z-index: 9999999999999999999999;
}
.ErtBtn{
    background:var(--colorRojoLigero);
    padding:5px;
    border-top:1px solid var(--colorRojo);
    padding-top:10px;
    padding-bottom: 10px;
    color:#000;
    cursor:pointer;
    position:relative;
    z-index: 9999999999999999999999;
}


.ventanaModalP2ERT{
    
    width: 25%;
    height:55%;
    margin-top:5%;
    left:38%;
    -webkit-box-shadow: -2px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -2px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: -2px 0px 5px 0px rgba(0,0,0,0.75);
    position:absolute;
    z-index: 99999999999999999999999;
    overflow-y: auto;
    background:#FFF;
}

.ventanaModalP1ERT{
    
    width: 25%;
    height:55%;
    margin-top:5%;
    left:5%;
    -webkit-box-shadow: -2px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -2px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: -2px 0px 5px 0px rgba(0,0,0,0.75);
    position:absolute;
    z-index: 99999999999999999999999;
    overflow-y: auto;
    background:#FFF;
}

.notesERT{
    background:#FFF;
    position:fixed;
    width:calc(60% - 00px);
    left:50px;
    top:calc(60vh + 100px);
    height: calc(40vh - 150px);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    overflow-y: auto;
}
.hojaEmergencia{
    background:#FFF;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    position:fixed;
    top:80px;
    left:50px;
    width: calc(100% - 100px);
    height:calc(60vh - 40px);
    padding:5px;
    font-size:13px;
    z-index: 999999;
}
.pestanasERT{
    position:fixed;
    top:56px;
    height:30px;
    width:calc(100% - 110px);
    left:55px;
    vertical-align: bottom;
    font-size:12px;
    z-index: 999999999;
}
.pestanaSec{
    background:#c2bdbd;
    display:inline-block;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding:5px;
    cursor:pointer;
    margin-right:2px;
    position:relative;
    z-index: -111;
}
#pCallInfo{
    background:#FFF;
    z-index: 999999999999999999;
}
#locationERT{
    display:none;
}
#affPartiesERT{
    display:none;
    overflow-y: auto;
}
#incidentCallERT{
    display:none;
}
#responseInfoERT{
    display:none;
}
#weatherInfoERT{
    display:none;
}
#outsideAgenERT{
    display:none;
}
#activitiesERT{
    display:none;
}
#checklistERT{
    display:none;
}
.btnTipoCallAzulERT{
    cursor:pointer;
    font-size:12px;
    padding:5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border:2px solid var(--colorAzul);
    color:var(--colorAzul);
    display:inline-block;
    margin:5px;
    margin-top: 10px;
}
#btnTipoCallAzulERT{
    background:var(--colorAzul);
    color:#FFF;
}
.btnTipoCallRojo1ERT{
    cursor:pointer;
    font-size:12px;
    padding:5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border:2px solid var(--colorRojo);
    color:var(--colorRojo);
    display:inline-block;
    margin:5px;
    margin-top: 10px;
}
#btnTipoCallRojo1ERT{
    background:var(--colorRojo);
    color:#FFF;
}
.btnTipoCallRojo2ERT{
    cursor:pointer;
    font-size:12px;
    padding:5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border:2px solid var(--colorRojo);
    color:var(--colorRojo);
    display:inline-block;
    margin:5px;
    margin-top: 10px;
}
#btnTipoCallRojo2ERT{
    background:var(--colorRojo);
    color:#FFF;
}
.btnTipoCallRojo3ERT{
    cursor:pointer;
    font-size:12px;
    padding:5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border:2px solid var(--colorRojo);
    color:var(--colorRojo);
    display:inline-block;
    margin:5px;
    margin-top: 10px;
}
#btnTipoCallRojo3ERT{
    background:var(--colorRojo);
    color:#FFF;
}
.btnTipoCallNaranjaERT{
    cursor:pointer;
    font-size:12px;
    padding:5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border:2px solid var(--colorNaranja);
    color:var(--colorNaranja);
    display:inline-block;
    margin:5px;
    margin-top: 10px;
}
#btnTipoCallNaranjaERT{
    background:var(--colorNaranja);
    color:#FFF;
}
.btnTipoCallVerde1ERT{
    cursor:pointer;
    font-size:12px;
    padding:5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border:2px solid var(--colorVerdeFuerte);
    color:var(--colorVerdeFuerte);
    display:inline-block;
    margin:5px;
    margin-top: 10px;
}
#btnTipoCallVerde1ERT{
    background:var(--colorVerdeFuerte);
    color:#FFF;
}
.btnTipoCallVerde2ERT{
    cursor:pointer;
    font-size:12px;
    padding:5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border:2px solid var(--colorVerdeFuerte);
    color:var(--colorVerdeFuerte);
    display:inline-block;
    margin:5px;
    margin-top: 10px;
}
#btnTipoCallVerde2ERT{
    background:var(--colorVerdeFuerte);
    color:#FFF;
}
.subIncidentCallERT{
    display:none;
}
fieldset{
    padding:5px;
    border:1px solid var(--colorRojo);
    background:#FFF;
    max-height: calc(100% - 100px);
    overflow-y: auto;
}
fieldset legend{
    margin:5px;
    padding-left: 5px;
    padding-right: 5px;
    color:var(--colorAzulOscuro);
}
#tipoERT{
    display:inline-block;
    vertical-align: top;
    width:calc(100% - 70px);
    margin:25px;
    margin-top:0;
    margin-bottom:5px;
}
#callerERT{
    display:inline-block;
    vertical-align: top;
    width:calc(50% - 70px);
    margin:25px;
    margin-top:0;
}
#locationFielfERT{
    display:inline-block;
    vertical-align: top;
    width:calc(50% - 70px);
    margin:25px;
    margin-top:0;
}
#affEmp{
    display:inline-block;
    vertical-align: top;
    width:calc(25% - 70px);
    margin:25px;
    margin-top:0;
    height:290px;
    position:relative;
}
#valMedicos{
    display:inline-block;
    vertical-align: top;
    width:300px;
    margin:25px;
    margin-top:0;
    height:140px;
    position:relative;
}
.valMedicosMasUno{
    display:inline-block;
    vertical-align: top;
    width:150px;
    margin:25px;
    margin-top:0;
    height:140px;
    position:relative;
    background:var(--colorVerdeFuerte);
    cursor:pointer;
    margin-top: 10px;
}
.masMayusB{
    position:absolute;
    width:100%;
    text-align: center;
    top:-0px;
    font-size:80px;
    font-weight: bold;
    color:#FFF;
}
.masMayusB2{
    position:absolute;
    width:100%;
    top:85px;
    text-align: center;
    font-size:20px;
    color:#FFF;
    bottom:25px;
}
.inputClientC{
    display:inline-block;
    padding:5px;
    margin:1px;
    font-size: 12px;
    width:135px;
    vertical-align: top;
    line-height: 1.7;
}
.inputClientD{
    display:inline-block;
    padding:5px;
    margin:1px;
    font-size: 12px;
    width:150px;
    vertical-align: top;
    line-height: 1.7;
}

.inputVitals{
    width:80px;
    padding:3px;
    margin-left: 5px;
    font-size: 11px;
}
.inputVitals:focus{
    outline:none;
}
.tblVital{
    display:table;
    width:100%;
}
.trVital{
    display: table-row;
}
.tdVit1{
    display: table-cell;
    width:50px;
    vertical-align: middle;
}
.tdVit2{
    display: table-cell;
    width:calc(100% - 50px);
    vertical-align: middle;
    padding-top:3px;
    padding-bottom: 3px;
}
.tdVitB1{
    display: table-cell;
    width:calc(100% - 50px);
    vertical-align: middle;
}
.tdVitB2{
    display: table-cell;
    width:50px;
    vertical-align: middle;
    padding-top:3px;
    padding-bottom: 3px;
    text-align: center;
}
.tdVitB2Noti{
    display: table-cell;
    width:100%;
    vertical-align: middle;
    padding-top:3px;
    padding-bottom: 3px;
    text-align: center;
}
.tdVitB2 span{
    color:var(--colorAzul);
}
#lvlCons{
    display:inline-block;
    vertical-align: top;
    width:250px;
    margin:25px;
    margin-top:0;
    height:50px;
    position:relative;
}
#nCheckLLis{
    display:inline-block;
    vertical-align: top;
    width:calc(50% - 70px);
    margin:25px;
    margin-top:2px;
    margin-bottom:2px;
    height:50px;
    position:relative;
}
#respTimi{
    display:inline-block;
    vertical-align: top;
    width:150px;
    margin:25px;
    margin-top:0;
    height:200px;
    position:relative;
}
#respTimiNoti{
    display:inline-block;
    vertical-align: top;
    width:150px;
    margin:25px;
    margin-top:0;
    height:80px;
    position:relative;
}
#respTimiB{
    display:inline-block;
    vertical-align: top;
    width:150px;
    margin:25px;
    margin-top:0;
    height:220px;
    position:relative;
}
.weathhMasUno{
    display:inline-block;
    vertical-align: top;
    width:150px;
    margin:25px;
    margin-top:12px;
    height:220px;
    position:relative;
    background:var(--colorVerdeFuerte);
    cursor:pointer;
}
.radioForm{
    transform: scale(1.4);
    margin-right: 5px;
    margin-left: 10px;
    cursor:pointer;
}

.leyRadio{
    cursor:pointer;
}
.affEmpMasUno{
    display:inline-block;
    vertical-align: top;
    width:calc(25% - 70px);
    margin:25px;
    margin-top:12px;
    height:290px;
    position:relative;
    background:var(--colorVerdeFuerte);
    cursor:pointer;
}
.masMayus{
    position:absolute;
    width:100%;
    text-align: center;
    top:45px;
    font-size:100px;
    font-weight: bold;
    color:#FFF;
}
.masMayus2{
    position:absolute;
    width:100%;
    top:145px;
    text-align: center;
    font-size:20px;
    color:#FFF;
    bottom:25px;
}
.masMayusC{
    position:absolute;
    width:100%;
    text-align: center;
    top:25px;
    font-size:70px;
    font-weight: bold;
    color:#FFF;
}
.masMayusC2{
    position:absolute;
    width:100%;
    top:105px;
    text-align: center;
    font-size:20px;
    color:#FFF;
    bottom:25px;
}
.checkolov{
    transform:scale(1.5);
    cursor:pointer;
    margin-top:5px;
    margin-bottom:5px;
}
.checkolovA{
    transform:scale(1.5);
    cursor:pointer;
    margin-top:5px;
    margin-bottom:5px;
}
.checkolovB{
    transform:scale(1.5);
    cursor:pointer;
    margin-top:5px;
    margin-bottom:5px;
}
.checkolovC{
    transform:scale(1.5);
    cursor:pointer;
    margin-top:5px;
    margin-bottom:5px;
}
.checkolovD{
    transform:scale(1.5);
    cursor:pointer;
    margin-top:5px;
    margin-bottom:5px;
}
.checkolovE{
    transform:scale(1.5);
    cursor:pointer;
    margin-top:5px;
    margin-bottom:5px;
}
.checkolovF{
    transform:scale(1.5);
    cursor:pointer;
    margin-top:5px;
    margin-bottom:5px;
}
.checkolovG{
    transform:scale(1.5);
    cursor:pointer;
    margin-top:5px;
    margin-bottom:5px;
}
.checkolovH{
    transform:scale(1.5);
    cursor:pointer;
    margin-top:5px;
    margin-bottom:5px;
}
.checkolovI{
    transform:scale(1.5);
    cursor:pointer;
    margin-top:5px;
    margin-bottom:5px;
}
.checkolovJ{
    transform:scale(1.5);
    cursor:pointer;
    margin-top:5px;
    margin-bottom:5px;
}
.checkolovK{
    transform:scale(1.5);
    cursor:pointer;
    margin-top:5px;
    margin-bottom:5px;
}
.tblActiERT{
    display:table;
    width: 100%;
}
.tdActiERT1{
    padding:5px;
    width:50px;
    color:var(--colorAzul);
    display: table-cell;
}
.trActiERT{
    display: table-row;
}
.tdActiERT2{
    padding:5px;
    width:calc(100% - 60px);
    color:var(--colorAzul);
    display: table-cell;
}
.tdActiERT1 span{
    display:inline-block;
    width:25px;
}
.inputVitalsActi{
    width:100%;
    padding:3px;
    margin-left: 5px;
    font-size: 11px;
}
.inputVitalsActi:focus{
    outline:none;
}
.btnRegAcERT{
    background:var(--colorVerdeFuerte);
    cursor:pointer;
    font-size:12px;
    padding:2px;
    color:#FFF;
}
.CerrarErT{
    position:fixed; 
    bottom:5px;
    right:50px;
    height:40px;
    width:auto;
    cursor:pointer;
}
.conteFolder{
    display:inline-block;
    width:75px;
    margin:20px;
    font-size: 12px;
    color:var(--colorAzulOscuro);
    text-align:center;
    vertical-align: top;
    cursor:pointer;
}
.carpetaIco{
    width: 75px;
    height:auto;
}

.contenedorArchivos{
    background:#FFF;
    position:fixed;
    overflow-y: auto;
    height:calc(100vh - 150px);
    width:calc(100% - 100px);
    top:100px;
    left:50px;
    padding:0;
    padding-top:0;
    line-height: 1.8;
    font-size:13px;
}
.subMesCat{
    color:var(--colorAzul);
    text-decoration: underline;
    
}
.suusu{
    font-size:12px;
}
.fileIco{
    height:20px;
    width:auto;
    margin-left: 10px;
    margin-right: 10px;
}
.fileIcoB{
    height:50px;
    width:auto;
    margin-left: 10px;
    margin-right: 10px;
}

.contenedorFillSCH{
    background:#FFF;
    position:fixed;
    overflow-y: auto;
    height:calc(100vh - 150px);
    width:250px;
    top:100px;
    left:50px;
    padding:0;
    padding-top:0;
    line-height: 1.8;
    font-size:13px;
}
.contenedorFillOff{
    background:#FFF;
    position:fixed;
    overflow-y: auto;
    height:calc(100vh - 150px);
    width:calc(100% - 400px);
    top:100px;
    left:350px;
    padding:0;
    padding-top:0;
    line-height: 1.8;
    font-size:13px;
}
.addOpenShift{
    border:2px solid var(--colorVerdeFuerte);
    border-radius:5px;
    padding:10px;
    margin:10px;
    display:inline-block;
    width:calc(100% - 45px);
    font-size:12px;
    color:var(--colorVerdeFuerte);
    background:var(--colorVerdeLigeroUl);
    cursor:pointer;
    font-weight: bold;
    text-align: center;
}
.OpenShiftDivi{
    border:2px solid var(--colorAzul);
    border-radius:5px;
    padding:10px;
    margin:10px;
    display:inline-block;
    width:calc(100% - 45px);
    font-size:12px;
    cursor:pointer;
    text-align: center;
}
.OpenShiftDivi b{
    font-weight: bold;
    color:var(--colorAzul);
}
.OpenShiftDivi i{
    color:var(--colorAzul);
}
#OpenShiftDivi{
    background: var(--colorAzulLigero);
}
.mostrarListaUsuario{
    display:none;
}
.btnBottonA{
    position:absolute;
    height: 45px;
    width: 65px;
    font-size:11px;
    top:calc(100vh - 50px);
    left:50px;
    text-align: center;
    cursor:pointer;
}
.iconBtnBot{
    height:30px;
    width:30px;
}
.btnBottonB{
    position:absolute;
    height: 45px;
    width: 85px;
    font-size:11px;
    top:calc(100vh - 50px);
    left:120px;
    text-align: center;
    cursor:pointer;
}
.btnBottonC{
    position:absolute;
    height: 45px;
    width: 85px;
    font-size:11px;
    top:calc(100vh - 50px);
    left:205px;
    text-align: center;
    cursor:pointer;
}
.agregarImpairment{
    display:none;
}
.agregarConfSpace{
    display: none;
}
.reportNewImpairmentBTN{
    border:1px solid var(--colorVerdeFuerte);
    cursor:pointer;
    text-align:center;
    padding:2px;
    font-size:12px;
    color:var(--colorVerdeFuerte);
    background:var(--colorVerdeLigeroUl);
}
.btnImpTourA{
    display:inline-block;
    padding:2px;
    margin:2px;
    font-size:11px;
    cursor:pointer;
    border:1px solid var(--colorRojo);
    color:var(--colorRojo);
}
#btnImpTourA{
    background:var(--colorRojoLigero);
}
.btnImpTourB{
    display:inline-block;
    padding:2px;
    margin:2px;
    font-size:11px;
    cursor:pointer;
    border:1px solid var(--colorNaranja);
    color:var(--colorNaranja);
}
#btnImpTourB{
    background:var(--colorNaranjaLigero);
}
.btnImpTourC{
    display:inline-block;
    padding:2px;
    margin:2px;
    font-size:11px;
    cursor:pointer;
    border:1px solid var(--colorVerde);
    color:var(--colorVerde);
}
#btnImpTourC{
    background:var(--colorVerdeLigeroUl);
}
.impairmentActivo1{
    border:1px solid var(--colorRojo);
    color:var(--colorRojo);
    padding:5px;
    margin:5px;
    cursor:pointer;
}
.impairmentActivo2{
    border:1px solid var(--colorNaranja);
    color:var(--colorNaranja);
    padding:5px;
    margin:5px;
    cursor:pointer;
}
.impairmentActivo3{
    border:1px solid var(--colorVerde);
    color:var(--colorVerde);
    padding:5px;
    margin:5px;
    cursor:pointer;
    
}
.toursReqCol{
    color:#000;
}
.editarImpairment{
    display:none;
}
.ConfSpaceActivo{
    border:1px solid var(--colorVerde);
    color:var(--colorVerde);
    padding:5px;
    margin:5px;
    cursor:pointer;
}
.icoBuscador{
    position:fixed;
    top:60px;
    right:10px;
    opacity: 1;
    width:40px;
    height: 40px;
    z-index: 999999999999;
    cursor:pointer;
}
#filtroMapa{
    z-index: 99999999999999;
}
#ventanaMapa{
    background:#FFF;
    width:calc(100% - 170px);
    left:75px;
    top:50px;
    height:auto;
    overflow-y: auto;
    padding:10px;
    position:absolute;
}
.range{
    display:inline-block;
	justify-content:center;
	align-items:left;
        width:100%;
        margin-bottom: 30px;
}
.range input{
	-webkit-appearance:none;
	width:400px;
	height:4px;
	border-radius:5px;
	background-color:#ba3950;
	outline:none;
        margin-top:15px;
        cursor:pointer;
}
.range input::-webkit-slider-thumb{
	-webkit-appearance:none;
	width:20px;
	height:20px;
	border-radius:50%;
	background-color:#a83348;
}
.range span{
	position:absolute;
	margin-left:14px;
	width:50px;
	height:30px;
	background-color:#222;
	color:#fff;
	border-radius:3px;
	text-align:center;
	line-height:30px;
}
.range span:before{
	content:'';
	position:absolute;
	border-right:9px solid transparent;
	border-left:9px solid transparent;
	border-bottom:12px solid #222;
	left:-10px;
	top:50%;
	transform:translateY(-50%) rotate(-90deg);
}
.btnFiltroMap{
    font-size:12px;
    border:2px solid var(--colorRojo);
    color:var(--colorRojo);
    margin:5px;
    padding:3px;
    padding-left:10px;
    padding-right:10px;
    cursor:pointer;
    display:inline-block;
    width:auto;
}
#btnFiltroMap{
    color:#FFF;
    background:var(--colorVerdeFuerte);
    border:2px solid var(--colorVerdeFuerte);   
}
.btnFiltroMap2{
    font-size:12px;
    border:2px solid var(--colorRojo);
    color:var(--colorRojo);
    margin:5px;
    padding:3px;
    padding-left:10px;
    padding-right:10px;
    cursor:pointer;
    display:inline-block;
    width:auto;
}
#btnFiltroMap2{
    color:#FFF;
    background:var(--colorVerdeFuerte);
    border:2px solid var(--colorVerdeFuerte);   
}
.btnFiltroMap3{
    font-size:12px;
    border:2px solid var(--colorRojo);
    color:var(--colorRojo);
    margin:5px;
    padding:3px;
    padding-left:10px;
    padding-right:10px;
    cursor:pointer;
    display:inline-block;
    width:auto;
}
#btnFiltroMap3{
    color:#FFF;
    background:var(--colorVerdeFuerte);
    border:2px solid var(--colorVerdeFuerte);   
}
.btnFiltroMap4{
    font-size:12px;
    border:2px solid var(--colorRojo);
    color:var(--colorRojo);
    margin:5px;
    padding:3px;
    padding-left:10px;
    padding-right:10px;
    cursor:pointer;
    display:inline-block;
    width:auto;
    vertical-align: top;
}
#btnFiltroMap4{
    color:#FFF;
    background:var(--colorVerdeFuerte);
    border:2px solid var(--colorVerdeFuerte);   
}
.btnFiltroMap5{
    font-size:12px;
    border:2px solid var(--colorRojo);
    color:var(--colorRojo);
    margin:5px;
    padding:3px;
    padding-left:10px;
    padding-right:10px;
    cursor:pointer;
    display:inline-block;
    width:auto;
}
#btnFiltroMap5{
    color:#FFF;
    background:var(--colorVerdeFuerte);
    border:2px solid var(--colorVerdeFuerte);   
}
.btnFiltroMap6{
    font-size:12px;
    border:2px solid var(--colorRojo);
    color:var(--colorRojo);
    margin:5px;
    padding:3px;
    padding-left:10px;
    padding-right:10px;
    cursor:pointer;
    display:inline-block;
    width:auto;
}
#btnFiltroMap6{
    color:#FFF;
    background:var(--colorVerdeFuerte);
    border:2px solid var(--colorVerdeFuerte);   
}
.conteFiltroMapBui{
    display:inline-block;
    vertical-align: top;
    width:190px;
    padding-top: 5px;
    display:none;
}
.conteFiltroMapTrack{
    display:inline-block;
    vertical-align: top;
    width:190px;
    padding-top: 5px;
    display:none;
}
#resFilMapBui{
    height:auto;
    max-height: 150px;
    overflow-y: auto;
}
.buscadorFiltroMapBui{
    border:1px solid var(--colorVerde);
    padding:5px;
    font-size:12px;
    width:calc(100% - 15px);
}
.buscadorFiltroMapBui:focus{
    outline:none;
}
.btnBuilFilMap{
    border:1px solid var(--colorNaranja);
    color:var(--colorNaranja);
    font-size:12px;
    padding:5px;
    margin-top:5px;
    width:calc(100% - 27px);
    cursor:pointer;
}
#btnBuilFilMap{
    background:var(--colorVerde);
    color:#FFF;
}
#resFilMapTrack{
    height:auto;
    max-height: 150px;
    overflow-y: auto;
}
.buscadorFiltroMapTrack{
    border:1px solid var(--colorVerde);
    padding:5px;
    font-size:12px;
    width:calc(100% - 15px);
}
.buscadorFiltroMapTrack:focus{
    outline:none;
}
.btnTackFilMap{
    border:1px solid var(--colorNaranja);
    color:var(--colorNaranja);
    font-size:12px;
    padding:5px;
    margin-top:5px;
    width:calc(100% - 27px);
    cursor:pointer;
}
#btnTackFilMap{
    background:var(--colorVerde);
    color:#FFF;
}

    .upload-container {
        position: relative;
    }
    .upload-container input {
        border: 1px solid #92b0b3;
        background: #f1f1f1;
        outline: 2px dashed #92b0b3;
        outline-offset: -10px;
        padding: 100px;
        text-align: center !important;
        width: calc(100% - 260px);
    }
    .upload-container input:hover {
        background: #ddd;
    }   
    .upload-container:before {
        position: absolute;
        bottom: 50px;
        left: 0;
        right:0;
        margin:auto;
        width:250px;
        content: " (or) Drag and Drop files here. ";
        color: #3f8188;
        font-weight: 900;
    }   
    .upload-btn {
        margin-left: 300px;
        padding: 7px 20px;
    }       
    
    
    
@font-face {
    font-family: firmaIta;
    src: url(../fonts/firma4.ttf);
}
@font-face {
    font-family: firmaItaBB;
    src: url(../fonts/firma3.ttf);
}
#inputUsuarioFirmaIta{
    font-family:firmaIta;
    color:#0a2bcb;
    font-size:50px;
}
#inputUsuarioFirmaItaB{
    font-family:firmaItaBB;
    color:#0a2bcb;
    font-size:50px;
}