#screenloader {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    background-color: #FFFFFF;
}

#crgongietorri {
    position: absolute;
    font-size: 60px;
    width: 100%;
    z-index: 1000;
    color: #383C48;
    bottom: 100;
    text-align: center;
}

#crglogo {
    margin-top: -25px;
    bottom: -20;
    font-size: 50px;
    position: absolute;
    z-index: 1000;
    text-align: center;
    width: 100%;
}

#crgengine {
    height: 80px;
    width: 80px;
    padding-top: 10px;
    margin: auto;
    z-index: 1000;
    text-align: center;
    color: #383C48;
    font-size: 20px;
    margin-top: 20%;
}

.row.barraBuscaCab {
    border: 1px solid var(--borde);
    margin-bottom: 20px;
    border-radius: 20px;
    text-align: center;
}

.row.barraBuscaCab>div {
    padding: 7px;
    border-radius: 20px;
    cursor: pointer;
}

.row.barraBuscaCab>div.selected {
    background: var(--colorPrincipal);
    color: white;
}

#buscadorGen {
    padding: 7px;
    border: 1px solid var(--borde);
}

#crgengine .fa-spin {
    -webkit-animation: fa-spin 5s infinite linear;
    animation: fa-spin 5s infinite linear;
}

#crgengine li {
    height: 80px;
    width: 80px;
    padding: 20px;
    background-color: black;
    margin: auto;
    z-index: 1000;
    text-align: center;
    color: white;
    background-color: #383C48;
}

#menuLateral {
    height: 100%;
    width: 250px;
    position: fixed;
    z-index: 40;
    transition: 0.5s;
    overflow: hidden;
}

#menuLateral:hover {
    overflow: auto;
}

.menupt-txt {
    float: left;
    margin-left: 30px;
    margin-top: -15px;
}

#menuLateral .logo {
    height: 60px;
    width: 250px;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    background-color: #2D323E;
    position: fixed;
    color: white;
    text-align: center;
    font-size: 40px;
    padding: 10px;
    padding-top: 15px;

    background-size: 240px 70px;
    background-repeat: no-repeat;
    transition: 0.5s;
}

#sarVersion {
    position: fixed;
    bottom: 5px;
    right: 5px;
    font-size: 12px;
}

#vrsVersion {
    font-size: 12px;
    padding-right: 5px;
    text-align: right;
    width: 100%;
    color: var(--colorTextoClaro);
    margin-top: 5px;
    cursor: pointer;
}

#vrsVersion span {
    color: var(--colorInteraccion);
    margin-right: 10px;
}

#chrdsck_vrs {
    font-size: 12px;
    padding-right: 5px;
    text-align: center;
    color: var(--colorInteraccion)
}

.tarPendi {
    padding: 8px;
    background-color: white;
    margin-bottom: 10px;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
}

.tarPendi p {
    color: white;
    font-size: var(--p-2);
}

.tarPendi .razonVerMas {
    padding-left: 70px;
    display: none;
    font-size: var(--p-2);
    padding-top: 10px;
    padding-bottom: 10px;
}

.btnmini {
    background-color: var(--colorFondoClaro);
    padding: 3px;
    font-size: var(--p-2);
    border-radius: 10px;
    border: 1px solid var(--colorInteraccion);
    color: var(--colorInteraccion);
    margin-left: auto;
    margin-right: 0px;
    display: block;
    width: 95px;
    text-align: center;
    cursor: pointer;
}

.btnmini:hover {
    background-color: var(--colorInteraccion);
    color: white;
}

@media(max-width:994px) {
    #menuLateral {
        width: 35px;
        overflow: hidden;
    }

    #menuLateral .menupt-txt {
        display: none;
    }

    #menuLateral:hover {
        width: 250px;
        overflow: auto;
    }

    #menuLateral .logo {
        width: 35px;
        transition: 0.5s;
    }

    #menuLateral:hover .logo {
        width: 250px;
    }
}

#barraSuperior {
    height: 60px;
    position: fixed;
    width: calc(100vw - 60px);
    z-index: 50;
    transition: .3s;
    filter: blur(0px);
    margin-left: 50px;
    justify-content: flex-end;
    top: 20px;
    right: 27px;
    display: none;
}

#barraSuperior #barraSuperior_inn {
    margin-left: auto !important;
    margin-right: auto;
    display: flex;
    width: 100vw;
    justify-content: flex-end;
    transition: .3s;
    max-width: 100%;
    height: 50px;
}

#barraSuperior.iskMenVista_3 #barraSuperior_inn {
    width: calc(100vw - 60px);
    width: 100vw;
    max-width: 1200px;
}

#menuMovil {
    display: none;
}

#menuMovil img {
    height: 40px;
    width: 40px;
}

#masivAltera {
    text-align: right;
}

@media(max-width:763px) {
    #menuMovil {
        height: 40px;
        box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
        background-color: #2D323E;
        position: fixed;
        width: 100%;
        z-index: 40;
        text-align: right;
        padding: 0px;
    }

    #menuLateral {
        width: 100%;
        height: 100%;
    }
}

#barratitulos {
    height: auto;
    min-height: 80px;
    width: 100%;
    background: var(--colorFondo);
    overflow: hidden;
    padding: 20px;
    padding: 10px;
    transition: 0.5s;
    margin-bottom: 0px;
}

#barratitulosfnd {
    width: 100%;
}

#barratitulosfnd h1 {
    margin-bottom: 0.3em;
    /* display: inline; */
    align-items: center;
    min-height: 50px;
    max-height: 250px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 2em;
    margin-bottom: 0px;
    min-height: 35px;
}

#barratitulosfnd h1>* {
    height: 20px;
    margin-right: 10px;
    margin-left: 20px;
}

#barratitulosfnd h1>*:first-child {
    margin: 0px;
    margin-right: 10px;
}

#barratitulosfnd h1>hitz {
    height: auto;
}

#barratitulosfnd h1>i {
    font-size: 30px;
    height: 30px;
}

#barratitulos .titulo {
    font-size: 60px;
    font-weight: bold;
    color: #FFFFFF;
    height: 150px;
    line-height: 50px;
    overflow: hidden;
}

#barratitulos .titulosb {
    font-size: 40px;
    font-weight: bold;
    color: #FFFFFF;
}

#contenido {
    position: relative;
    transition: 1s;
    margin-left: 50px;
    transition: .3s;
    height: 100vh;
    overflow: auto;
    overflow-x: hidden;
    filter: blur(0px);
    background-color: var(--colorFondo);
    margin-left: 50px;
    transition: .3s;
}

#contenido.menu2 {}

.mn-titu-lvl:hover {
    cursor: pointer;
}

.mn-titu-lvl1 .flechaAbajo {
    float: right;
    font-size: 12px;
}

.mn-titu-lvl2 .flechaAbajo {
    float: right;
    font-size: 8px;
}

.bloque {
    padding: 20px;
    background-clip: padding-box;
    margin: 10px 0px 20px 0px;
    background-color: var(--colorFondoClaro);
    border-radius: 5px;
}

.bloque.blqFormu {
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 20px;
}

.iskMenVista_3 .bloque.blqFormu {
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 10px;
}

.bloque .titulo {
    font-size: 25px;
    color: var(--izenbu-kolore);
    margin-bottom: 20px;
}

#menusup-cntsb {
    display: flex;
}

.iragar_bkimg {
    background-size: contain;
    background-position: right top;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    max-height: 150px;
    min-height: 80px;
    max-width: 100%;
    min-width: 250px;
}

#iragarPanta {
    display: none;
    position: fixed;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.6);
    height: 100vh;
    width: 100vw;
    justify-content: center;
    align-items: center;
}

#iragarPanta .iragarPanta_box {
    max-width: 80vw;
    max-height: calc(80vh + 20px);
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

#iragarPanta .iragarPanta_box .iragarBox {
    background-color: #FFF;
}

#iragarPanta .iragarPanta_box .iragar_bkimg {
    max-width: 80vw;
    max-height: 80vh;
}

.iragarPanta_box #iragaritxi {
    font-size: 10px;
    color: white;
    text-align: center;
    padding-top: 10px;
}

@media(max-width:763px) {
    #menuLateral {
        width: 100%;
        display: none;
    }

    #menuLateral:hover {
        width: 100%;
    }

    #menuLateral:active {
        width: 100%;
    }

    #menu-cnt {
        width: 100%;
    }

    #menu-cnt:hover {
        width: 100%;
    }

    #menu-cnt:active {
        width: 100%;
    }
}

#menusup-cntsb div {
    padding: 10px;
    padding-top: 9px;
    padding-left: 25px;
    padding-right: 25px;
    min-height: 41px;
    font-size: 18px;
    font-size: var(--h3);
    font-weight: bold;
    cursor: pointer;
    text-transform: capitalize;
    display: flex;
    align-items: end;
}

#menusup-cntsb div:hover {
    color: var(--colorInteraccion);
}

#menusup-cntsb div.selected {
    color: var(--colorPrincipal);
    border-bottom: 5px solid var(--colorPrincipal);
}

#menusuptbl-cntsb .colencab {
    color: black;
    font-size: 18px;
    height: 40px;
    padding-left: 0px;
    padding-top: 11px;
}

#menusup-versb {
    all: inherit;
    text-align: center;
    display: none;
    padding: 10px;
    cursor: pointer;
}

#menusup-sb {
    /* background-color: var(--colorFondoClaro); */
    height: 45px;
    min-height: 41px;
    max-height: 45px;
    border-bottom: 5px solid var(--bordeClaro);
    /* overflow: hidden; */
    display: flex;
    margin-right: 0px;
    margin-top: 20px;
    margin-bottom: 30px;
}

#menusup-sb .selected {
    color: var(--colorPrincipal);
    font-weight: bold;
}

@media(max-width:763px) {
    #menusup-versb {
        display: block;
        height: 40px;
    }

    #menusup-cntsb {
        display: none;
        text-align: center;
    }

    #menusup-cntsb div {
        float: none;
        background-color: var(--colorFondoClaro);
        border-bottom: 0px solid var(--colorFondoClaro);
        border-left: 10px solid var(--colorFondoClaro);
    }

    #menusup-sb {
        height: auto;
        border: 0px solid white;
    }
}

.blqCulto {
    display: none;
    padding-top: 10px;
}

.mostrado {
    display: block;
    padding: 5px;
    margin: 5px;
}

.cgris {
    color: grey;
}

.cnegro {
    color: black;
}

.camarillo {
    color: #FFCC00;
}

.cverde {
    color: #3BAF2A;
}

.crojo {
    color: #FF0000;
}

.cazul {
    color: #1E90FF;
}

.fgris {
    background-color: grey;
}

.fnegro {
    background-color: black;
}

.famarillo {
    background-color: #FFCC00;
}

.fverde {
    background-color: #3BAF2A;
}

.frojo {
    background-color: #FF0000;
}

.fazul {
    background-color: #1E90FF;
}

.barraFn {
    height: 5px;
    margin-top: 10px;
}

.barraFnRll {
    background-color: white;
    opacity: 0.5;
    height: 5px;
    width: 100%;
    float: right;
    transition: 1s;
}

.mnblqcnte {
    overflow: hidden;
}

#crgbarra {
    position: absolute;
    width: 100%;
    height: 5px;
}

#crgBrint {
    height: 100%;
    width: 1%;
    background-color: #2D323E;
    transition: 0.5s;
}

.tooltip>.tooltip-inner {
    background-color: #EEEEEE;
    color: #000000;
    border: 1px solid #CCCCCC;
    padding: 15px;
    font-size: 15px;
    border-bottom: 5px solid #CCCCCC;
}

.tooltip.bottom>.tooltip-arrow {
    border-bottom: 5px solid #CCCCCC;
}


/* Tooltip on top */

.tooltip.top>.tooltip-arrow {
    border-top: 5px solid #CCCCCC;
    ;
}


/* Tooltip on bottom */

.tooltip.bottom>.tooltip-arrow {
    border-bottom: 5px solid #CCCCCC;
    ;
}


/* Tooltip on left */

.tooltip.left>.tooltip-arrow {
    border-left: 5px solid #CCCCCC;
    ;
}


/* Tooltip on right */

.tooltip.right>.tooltip-arrow {
    border-right: 5px solid #CCCCCC;
    ;
}

#bilatuTaula {
    width: 2px;
    margin: 12px;
    transition: 0.5s;
    float: right;
    text-align: right;
    font-style: italic;
    background-color: #2D323E;
    color: white;
    cursor: pointer;
    border: 0px solid white;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: center center;
    padding-right: 25px;
}

#bilatuTaula:focus {
    width: 60%;
    background-color: white;
    color: #333333;
    cursor: auto;
    background-position: center right;
    padding-right: 30px;
}

.coverchartbar {
    transition: 1s;
}

.DayCalen:hover {
    background-color: #85ba4b;
    color: white;
    cursor: pointer;
}

.saretazorua {
    height: 100%;
    width: 100%;
}

.saretamobil {
    height: 100%;
    width: 100%;
    font-weight: bold;
    font-size: 16px;
    color: white;
    text-align: center;
}

.saretazorua {
    height: 100%;
    width: 100%;
}

.saretamobil {
    height: 100%;
    width: 100%;
}

.mahiensareta {
    float: left;
    border: 1px dotted #DDDDDD;
}

.mahaikarratua {
    width: 100%;
    height: 100%;
    background-color: #993300;
}

.mahaiborobilla {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-color: #993300;
}

.mahaizirkergora {
    width: 100%;
    height: 100%;
    background-color: #993300;
    border-radius: 100% 100% 0px 0px;
}

.mahaizirkerbehera {
    width: 100%;
    height: 100%;
    background-color: #993300;
    border-radius: 0px 100% 100% 0px;
}

.mahaizirkerdiezkerra {
    width: 100%;
    height: 100%;
    background-color: #993300;
    border-radius: 0px 100% 100% 0px;
}

.mahaizirkerdieskubia {
    width: 100%;
    height: 100%;
    background-color: #993300;
    border-radius: 100% 0px 0px 100%;
}

.mahaizirkerdiezkerra {
    width: 100%;
    height: 100%;
    background-color: #993300;
    border-radius: 0px 100% 100% 0px;
}

.mahaizirkerdieskubia {
    width: 100%;
    height: 100%;
    background-color: #993300;
    border-radius: 100% 0px 0px 100%;
}

.mahailaurgezke {
    width: 100%;
    height: 100%;
    background-color: #993300;
    border-radius: 0px 100% 0px 0px;
}

.mahailaurgesku {
    width: 100%;
    height: 100%;
    background-color: #993300;
    border-radius: 0px 0px 100% 0px;
}

.mahailaurbesku {
    width: 100%;
    height: 100%;
    background-color: #993300;
    border-radius: 0px 0px 0px 100%;
}

.mahailaurbezker {
    width: 100%;
    height: 100%;
    background-color: #993300;
    border-radius: 100% 0px 0px 0px;
}

.aulkiagora {
    width: 85% !important;
    height: 85% !important;
    background-color: #993300;
    border: 1px solid #771100;
    border-top: 5px solid #771100;
    border-radius: 0px 0px 5px 5px;
    margin: 5%;
    margin-left: auto;
    margin-right: auto;
}

.aulkiabehera {
    width: 85% !important;
    height: 85% !important;
    background-color: #993300;
    border: 1px solid #771100;
    border-bottom: 5px solid #771100;
    border-radius: 5px 5px 0px 0px;
    margin: 5%;
    margin-left: auto;
    margin-right: auto;
}

.aulkiaezker {
    width: 85% !important;
    height: 85% !important;
    background-color: #993300;
    border: 1px solid #771100;
    border-left: 5px solid #771100;
    border-radius: 0px 5px 5px 0px;
    margin: 5%;
    margin-left: auto;
    margin-right: auto;
}

.aulkiaeskub {
    width: 85% !important;
    height: 85% !important;
    background-color: #993300;
    border: 1px solid #771100;
    border-right: 5px solid #771100;
    border-radius: 5px 0px 0px 5px;
    margin: 5%;
    margin-left: auto;
    margin-right: auto;
}

.landarea {
    width: 75% !important;
    height: 75% !important;
    background-color: #009933;
    border: 10px dotted #007711;
    border-radius: 100%;
    margin: 5%;
    margin-left: auto;
    margin-right: auto;
}

.paretagoian {
    height: 100%;
    width: 100%;
    border-top: 5px solid black;
}

.paretabehean {
    height: 100%;
    width: 100%;
    border-bottom: 5px solid black;
}

.paretaezkerrean {
    height: 100%;
    width: 100%;
    border-left: 5px solid black;
}

.paretaeskubian {
    height: 100%;
    width: 100%;
    border-right: 5px solid black;
}

.lehioagoian {
    height: 100%;
    width: 100%;
    border-top: 3px solid #ccffff;
}

.lehioabehean {
    height: 100%;
    width: 100%;
    border-bottom: 3px solid #ccffff;
}

.lehioaezkerra {
    height: 100%;
    width: 100%;
    border-left: 3px solid #ccffff;
}

.lehioaeskubi {
    height: 100%;
    width: 100%;
    border-right: 3px solid #ccffff;
}

.ateagoian {
    height: 100%;
    width: 100%;
    border-top: 3px solid #993300;
}

.ateabehean {
    height: 100%;
    width: 100%;
    border-bottom: 3px solid #993300;
}

.ateaezkerrean {
    height: 100%;
    width: 100%;
    border-right: 3px solid #993300;
}

.ateaeskubian {
    height: 100%;
    width: 100%;
    border-top: 3px solid #993300;
}

.zorutxuria {
    height: 100%;
    width: 100%;
    background-color: #FFFFFF;
}

.zorubeltza {
    height: 100%;
    width: 100%;
    background-color: #000000;
}

.zorugrisa {
    height: 100%;
    width: 100%;
    background-color: #DDDDDD;
}

.zorumarroia {
    height: 100%;
    width: 100%;
    background-color: #ffcc66;
}

.zoruurdina {
    height: 100%;
    width: 100%;
    background-color: #66ccff;
}

.zoruberdea {
    height: 100%;
    width: 100%;
    background-color: #ccff99;
}

.zoruberdea {
    height: 100%;
    width: 100%;
    background-color: #ccff99;
}

.zoruhoria {
    height: 100%;
    width: 100%;
    background-color: #ffffcc;
}

.zorugorria {
    height: 100%;
    width: 100%;
    background-color: #ffcccc;
}

#ezartzekoznb {
    color: white;
    background-color: #2D323E;
    border-radius: 50%;
    padding: 5px;
    padding-top: 9px;
    font-size: 15px;
    font-weight: bold;
    height: 35px;
    width: 35px;
    text-align: center;
    overflow: hidden;
}

#mahaiakLehioa {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    top: 0;
    display: none;
}

#mahaiakfondo {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #999999;
    opacity: 0.8;
}

#mahaiaklehioaitxi {
    float: right;
    padding: 20px;
    font-size: 35px;
    color: black;
    cursor: pointer;
}

.mahaiakkaxazentratu {
    position: absolute;
    width: 75%;
    height: 75%;
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 20px;
}

.gorputzReserCalendario {
    font-weight: bold;
    border-bottom: 4px solid white;
    color: #555555;
    overflow: hidden;
    height: 350px;
    background-color: #FFFFFF;
    width: 85%;
    margin-top: -47px;
    position: absolute;
}

.eguthotelburua {
    padding: 10px;
    border-bottom: 3px solid #95D254;
    height: 46px;
    position: fixed;
    width: 100%;
    background-color: #FFFFFF;
}

.gelaErreLista {
    border-bottom: 1px solid #CCCCCC;
    padding: 10px;
    cursor: pointer;
    transition: 0.5s;
    font-size: 12px;
    border-right: 3px solid #95D254;
}

.gelaErreLista span {
    font-size: 18px;
}

#gelalista {
    margin-top: 46px;
}

#erreserb {
    margin-top: 46px;
    overflow-y: auto;
}

#gelak {
    overflow: hidden;
}

#erreslength {
    overflow: hidden;
}

.toreservr {
    background-color: #FF8888;
}

.forotaldeblokea {
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
    margin-bottom: 20px;
}

.forotaldeorokorra {
    padding: 10px;
    color: white;
    background-color: #95D254;
    margin: 0px;
}

#foroengorputza {
    padding: 40px;
    padding-top: 70px;
}

.subforotituloa {
    font-weight: bold;
    color: #95D254;
    font-size: 18px;
}

.subforotaldeblokea {
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.subforotaldeblokea:hover {
    background-color: #F5F5F5;
    cursor: pointer;
}

.forotitulonagusia {
    font-size: 20px;
    font-weight: bold;
}

.forozentratu {
    text-align: center;
}

.foronagazkenargitara {
    color: #95D254;
    font-weight: bold;
}

.mzkerabil {
    height: 100%;
    border-right: 2px solid #95D254;
    background-color: #FFFFFF;
    overflow: auto;
    width: 20%;
    float: left;
    overflow-x: hidden;
}

#mezblkuikusi {
    width: 79%;
    margin-left: 20%;
    padding-top: 10px;
}

.mzkmezuak {
    height: 100%;
    height: 90%;
    overflow: auto;
}

#mezutaldeak {
    margin-top: 52px;
}

#mezubidali {
    height: 150px;
    max-height: 150px;
    min-height: 150px;
}

#mezuikusi {
    display: none;
    overflow: auto;
}

.msgErabilprofile {
    padding: 10px;
    height: 60px;
    transition: 1s;
    cursor: pointer;
    width: 130%;
}

.msgErabilimg {
    height: 38px;
    width: 38px;
    float: left;
    padding: 3px;
    font-size: 25px;
    text-align: center;
}

.msgErabilizena {
    margin-left: 45px;
    font-size: 20px;
    width: 80%;
    overflow: hidden;
    height: 40px;
    margin-top: 5px;
}

.separachat {
    border-top: 2px solid #95D254;
    width: 130%;
}

#msgbidali {
    width: 80px;
    background-color: #CCCCCC;
    padding: 15px;
    border-radius: 5px;
    text-align: center;
    color: white;
    font-size: 30px;
    display: none;
    float: right;
    height: 150px;
    padding-top: 60px;
}

.chatcloud {
    background-color: #F5F5F5;
    max-width: 60%;
    margin-bottom: 20px;
    border-radius: 5px;
    padding: 10px;
}

.chatenviado {
    margin-left: 40%;
    text-align: right;
}

@media(max-width:900px) {
    .chatcloud {
        max-width: 90%;
    }

    .chatenviado {
        margin-left: 10%;
    }
}

.chatenviado .msgdatosmsg {
    font-size: 10px;
    float: left;
}

.chatrecibido .msgdatosmsg {
    font-size: 10px;
    float: right;
}

.nogblhover:hover {
    cursor: pointer;
}

#msgtosend {
    height: 100px;
    max-height: 100px;
    min-height: 100%;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    border: 0px solid white;
}

.msgBildabox {
    border: 1px solid #CCC;
    background-color: #EEE;
    padding: 10px;
}

.btnchatsend {
    height: 60px;
    width: 60px;
    margin: auto;
    border-radius: 100%;
    font-size: 30px;
    background: rgba(83, 66, 137, 1);
    ;
    text-align: center;
    padding: 10px;
    margin: auto;
    margin-top: 25px;
    color: white;
    cursor: pointer;
    transition: 0.5s;
}

.chattxtbox {
    margin-right: 100px;
}

.mezuinbox {
    border: 1px solid #cccccc;
    border-radius: 5px 5px 0px 0px;
    border-bottom: 0px solid white;
    padding: 10px;
    max-height: 450px;
    overflow-x: hidden;
}

.separaacccallab {
    float: left;
    width: 180px;
    height: 50px;
    overflow: hidden;
    padding: 15px;
    font-size: 12px;
}

#despantberandutzea {
    height: 50px;
    border: 1px solid #AAAAAA;
    padding: 10px;
    font-size: 25px;
    border-radius: 3px;
    text-align: right;
}

#esperaCover {
    background-color: #222222;
    opacity: 0.7;
    position: fixed;
    z-index: 8990;
    width: 100%;
    height: 100%;
    transition: 1s;
    display: none;
}

#pantaEspera {
    position: absolute;
    z-index: 8999;
    width: 400px;
    margin: auto;
    padding: 40px 40px 40px 40px;
    background-color: white;
    height: 125px;
    transition: 1s;
    overflow: hidden;
    border-top: 10px solid #7c989c;
    display: none;
}

#conectionchecked {
    color: white;
    margin-top: -10px;
    margin-left: 20px;
    margin-bottom: 15px;
}

#menucoverBi {
    background-color: #222222;
    opacity: 0.7;
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    display: none;
    transition: 0.5s;
}

.menuoptBi {
    border-bottom: 1px solid #DDDDDD;
    padding: 15px;
    font-size: 20px;
    width: 450px;
    cursor: pointer;
}

#menunomenpr {
    font-size: 15px;
    font-style: italic;
    margin-left: 80px;
    height: 40px;
    margin-top: 40px;
    overflow: hidden;
    width: 175px;
}

.iragarkia {
    height: 100px;
    margin-top: -15px;
    background-size: auto 100%;
    background-position: center right;
    background-repeat: no-repeat;
}

.iragarkiaMobile {
    height: 40px;
    margin-top: -12px;
    background-size: auto 100%;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.iragarkibox {
    width: 450px;
    height: 90px;
    margin: auto;
    margin-top: 25px;
    cursor: pointer;
    float: right;
    max-width: 100%;
    transition: 1s;
}

@media(max-width:940px) {
    .iragarkibox {
        width: 400px !important;
        height: 80px !important;
        float: none !important;
    }
}

@media(max-width:840px) {
    .iragarkibox {
        width: 350px !important;
        height: 70px !important;
        float: none !important;
    }
}

@media(max-width:740px) {
    .iragarkibox {
        position: fixed !important;
        bottom: 0 !important;
        z-index: 99 !important;
        width: 100% !important;
        right: 0px !important;
        height: 60px !important;
    }
}

#itxaronErlojua {
    font-size: 55px;
    text-align: center;
    padding: 40px;
    font-weight: bold;
    height: 150px;
    padding-top: 10px;
}

.itxaronIragarkia {
    width: 320px;
    height: 100px;
    background-position: center bottom;
    margin: auto;
    background-size: 100% auto;
}

.itxaronIragarkia .iragarkibox {
    width: 320px;
    height: 67px;
    float: none;
    margin: auto;
}

.btnmenu {
    transition: 1s;
    cursor: pointer;
    float: left;
    width: 33.3%;
}

.btnmenu:hover {
    color: #85ba4b;
}

#resultagentbusq {
    height: 100px;
    border: 1px solid #CCCCCC;
    padding: 10px;
}

#busqpordni .kalkutekla {
    font-size: 20px;
}

#btnmovil {
    font-size: 40px !important;
    text-align: right !important;
    padding: 10px !important;
    color: white !important;
    display: none !important;
    padding: 10px;
    width: 25px;
    float: right;
    margin-right: 30px;
}

#barraSuperior #spbtn {
    display: flex;
    padding-top: 21px;
    flex-wrap: wrap;
}

@media(max-width:750px) {
    #barraSuperior #btnmovil {
        display: flex !important;
        background-color: var(--colorInteraccion) !important;
        color: white;
        margin-right: 0px;
        width: 60px;
        height: 60px;
        border-radius: 100%;
        align-content: center;
        justify-content: center;
        margin-top: 25px;
        margin-bottom: 10px;
        cursor: pointer;
        display: none;
    }

    .noMenu {
        display: none !important;
    }

    .mzkerabil {
        width: 100%;
    }

    #mezblkuikusi {
        width: 100%;
        margin-left: 0%;
    }
}

.btnmovil {
    font-size: 25px;
    border-bottom: 1px solid #CCCCCC;
}

.btnmovil:hover {
    color: white;
    background-color: #85ba4b;
}

.pantinf_barracnt {
    background-color: #85ba4b;
    transition: 5s;
    height: 30px;
    width: 0px;
}

.msgwriter {
    margin-right: 100px;
}

.colxestados {
    height: 250px;
}

.colxestados:hover {
    overflow: auto;
}

.sellanglehio {
    padding: 5px;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    border-bottom: 1px solid #CCCCCC;
}

.sellanglehio:hover {
    background-color: var(--colorInteraccion);
}

.eskalatu75 {
    -ms-zoom: 0.75;
    -moz-transform: scale(0.75);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.75);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.75);
    -webkit-transform-origin: 0 0;
}

.eskalatu50 {
    -ms-zoom: 0.50;
    -moz-transform: scale(0.50);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.50);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.50);
    -webkit-transform-origin: 0 0;
}

.eskalatu33 {
    -ms-zoom: 0.33;
    -moz-transform: scale(0.33);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.33);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.33);
    -webkit-transform-origin: 0 0;
}

.eskalatu20 {
    -ms-zoom: 0.2;
    -moz-transform: scale(0.2);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.2);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.2);
    -webkit-transform-origin: 0 0;
}

#menuAtala {
    height: 100vh;
    position: fixed;
    z-index: 500;
    overflow: hidden;
}

#menuAtalain {
    height: 100vh;
}

#menucover {
    background-color: rgba(255, 255, 255, 0);
    height: 100vh;
    width: calc(100vw - 250px);
    margin-left: 250px;
}

.parpaconf {
    color: #333250;
}


.onhovred:hover {
    color: red;
    cursor: pointer;
}

#savingicon {
    position: fixed;
    bottom: 0px;
    left: 0px;
    padding: 10px;
    background-color: #383C48;
    text-align: center;
    height: 60px;
    width: 60px;
    font-size: 8px;
    z-index: 99;
    overflow: hidden;
    color: #333333;
    display: none;
    transition: 1s;
}

#savingicon i {
    font-size: 25px;
}

.input-group-addon:first-child {
    border-radius: 0px !important;
}

.taulanbilatubtn {
    border: 1px solid var(--borde);
    background-color: var(--colorFondoClaro);
    color: var(--colorTexto);
    height: 36px;
}

.ikninterf {
    font-size: 30px;
    margin-bottom: 15px;
    color: var(--colorTexto);
}

.btninttxu:hover .ikninterf {
    color: var(--colorFondo);
}

.marginboot {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#menusuptbl-cntsb {
    height: 35px;
    font-size: 18px;
    color: var(--colorTexto);
    ;
    overflow: hidden;
}

.submenuErrMovil {
    margin-left: 35px;
    margin-right: 35px;
    background-color: var(--colorFondoClaro);
    ;
    padding: 10px;
    cursor: pointer;
    border: 1px solid var(--borde);
    border-top: 0px solid var(--colorFondoClaro);
    ;
}

#menufrmmovil {
    display: none;
}

.taskctabs {
    position: relative;
    height: 21px;
    font-size: var(--p-2);
    text-align: right;
    display: flex;
    align-items: center;
}

.hilabFlexbot {
    display: flex;
    margin-bottom: -5px;
    margin-right: -5px;
    margin-left: -5px;
    padding: 0px 5px;
    border-top: 1px solid var(--borde);
    background: var(--colorFondo);
}

#cnt-tabla-cnt {
    background-color: var(--colorFondoClaro);
    margin-left: 35px;
    margin-right: 35px;
    overflow: hidden;
    box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
}

.sellatmen {
    border-right: 5px solid var(--colorFondoClaro);
    ;
    ;
}

.mn-blq-lvl2 .sellatmen {
    border-right: 5px solid var(--borde);
}

#menustetsbIcon {
    float: right;
    width: 20px;
    height: 20px;
    font-size: 20px;
    font-size: 18px;
    margin-top: -34px;
    margin-right: 9px;
}

#scrumbread {
    color: var(--colorTexto);
    font-size: 13px;
    height: auto;
}

#cont-prin {
    height: 100vh;
    color: var(--colorTexto);
    transition: .3s;
    width: 100%;
}

#cont-prin.navSideBar {
    width: calc(100% - 320px);
}

#scrumbread i {
    color: var(--colorPrincipal);
    margin-left: 5px;
    margin-right: 5px;
}

.separaLaburpen {
    color: var(--borde);
}

.avatarIcon {
    float: left;
    width: 28px;
    height: 28px;
    padding: 2.5px;
    border: 2px solid #333;
    border-radius: 100%;
    text-align: center;
    margin-right: 4px;
    background: rgb(200, 200, 200.8);
    font-size: 16px;
    color: white;
}

#pdfdoksalk div {
    box-sizing: content-box !important;
    overflow: hidden;
}

.input-group input[type="color"] {
    height: 28px;
}

.elipsis_1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.elipsis_2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.elipsis_3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.elipsis_4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.elipsis_5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.menutpIkon {
    font-size: 19px;
    margin-left: 10px;
    margin-right: 10px;
    transition: 0.3s;
    cursor: pointer;
    position: relative;
    color: var(--colorTexto);
    opacity: .8;
}

.menutpIkon:hover {
    color: var(--colorInteraccion);
    opacity: 1;
}

.dts_loading {
    font-size: 75px;
    color: var(--colorSecundario);
    margin-bottom: 50px;
    padding-top: 50px;
    margin-top: 50px;
}

.ezdagorecds p {
    margin-bottom: 20px;
}

.ezdagorecds {
    text-align: center;
    max-width: 90vw;
    width: 450px;
    margin: auto;
    margin-top: 100px;
    margin-bottom: 150px;
}

.ezdagorecds .api_cargaSynDts_barra {
    max-width: 100%;
}

.ezdagorecds div>i {
    color: var(--colorPrincipal)
}

#cnt-tabla .ezdagorecds h3,
.ezdagorecds h3 {
    color: var(--colorTexto) !important;
}

.blqkclasgoi {
    width: 250px;
    padding: 0px 10px 0px 10px;
    height: 45px;
}

.blqkclasgoi.frm_input_group select {
    margin-bottom: 0px;
    ;
}

.slectag19 {
    padding: 3px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    font-size: 12px;
    display: inline-block;
    max-height: 32px;
    overflow: hidden;
    font-size: 11px;
    padding-left: 15px !important;
}

.slectag19::after {
    content: '';
    background-color: var(--colorFondo);
    height: calc(100% + 6px);
    width: calc(100% + 6px);
    position: absolute;
    opacity: .09;
    top: 0px;
    left: 0px;
}

.slectag19.sltag19_gris {
    border: 1px solid transparent;
    color: #d2c3c8;
}

.slectag19.sltag19_normal {
    color: var(--colorSecundario);
}

.slectag19.sltag19_secuncol {
    color: var(--colorSecundario);
}

.slectag19.sltag19_secuncol::before {
    background-color: var(--colorSecundario);
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_secuncol::after {
    background-color: var(--colorSecundario);
}

.slectag19.sltag19_secuncol_b {
    color: var(--colorPrincipal);
}

.slectag19.sltag19_secuncol_b>.fnd19 {
    background-color: var(--colorPrincipal);
    height: 100%;
    width: 100%;
    position: absolute;
}

.slectag19.sltag19_secuncol_b::after {
    display: none;
}

.slectag19.sltag19_roj {
    color: var(--colorError);
}

.slectag19.sltag19_roj::after {
    background-color: var(--colorError);

}

.slectag19.sltag19_gris {
    color: var(--colorTextoClaroTris);
}

.slectag19.sltag19_gris::after {
    display: none;
}

.slectag19.sltag19_gris::before {
    background-color: var(--colorTextoClaroTris);
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_naran {
    color: rgba(227, 106, 25);
}

.slectag19.sltag19_naran::after {
    background-color: rgba(227, 106, 25);
}

.slectag19.sltag19_naran::before {
    background-color: rgba(227, 106, 25);
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_amari {
    color: #BB8800;
}

.slectag19.sltag19_amari::after {
    background-color: var(--colorWarning);
}

.slectag19.sltag19_amari::before {
    background-color: #BB8800;
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_pista {
    color: var(--colorSucess);
}

.slectag19.sltag19_pista::after {
    background-color: rgba(189, 235, 52);
}

.slectag19.sltag19_verde {
    color: var(--colorSucess);
}

.slectag19.sltag19_pista::before {
    background-color: var(--colorSucess);
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_verde::after {
    background-color: var(--colorSucess);
}

.slectag19.sltag19_verde::before {
    background-color: var(--colorSucess);
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_roj::before {
    background-color: var(--colorError);
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_naran::before {
    background-color: rgba(227, 106, 25);
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_amari::before {
    background-color: var(--colorWarning);
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_pista::before {
    background-color: rgba(189, 235, 52);
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_verde::before {
    background-color: var(--colorSucess);
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_azul {
    color: var(--colorInfo);
}

.slectag19.sltag19_azul::before {
    background-color: var(--colorInfo);
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_azul::after {
    background-color: var(--colorInfo);
}

.slectag19.sltag19_0::after {
    opacity: 0;
}

.slectag19.sltag19_10::after {
    opacity: .03;
}

.slectag19.sltag19_20::after {
    opacity: .06;
}

.slectag19.sltag19_30::after {
    opacity: .09;
}

.slectag19.sltag19_40::after {
    opacity: .12;
}

.slectag19.sltag19_50::after {
    opacity: .15;
}

.slectag19.sltag19_60::after {
    opacity: .18;
}

.slectag19.sltag19_70::after {
    opacity: .21;
}

.slectag19.sltag19_80::after {
    opacity: .24;
}

.slectag19.sltag19_90::after {
    opacity: .27;
}

.slectag19.sltag19_100::after {
    opacity: .3;
}

.slectag19.sltag19_selc.sltag19s_0 {
    color: #c70039;
}

.slectag19.sltag19_selc.sltag19s_0::after {
    background-color: #c70039;
}

.slectag19.sltag19_selc.sltag19s_1 {
    color: #ff5733;
}

.slectag19.sltag19_selc.sltag19s_1::after {
    background-color: #ff5733;
}

.slectag19.sltag19_selc.sltag19s_2 {
    color: #ff8d1a;
}

.slectag19.sltag19_selc.sltag19s_2::after {
    background-color: #ff8d1a;
}

.slectag19.sltag19_selc.sltag19s_3 {
    color: #ffc300;
}

.slectag19.sltag19_selc.sltag19s_3::after {
    background-color: #ffc300;
}

.slectag19.sltag19_selc.sltag19s_4 {
    color: #eddd53;
}

.slectag19.sltag19_selc.sltag19s_4::after {
    background-color: #eddd53;
}

.slectag19.sltag19_selc.sltag19s_5 {
    color: #add45c;
}

.slectag19.sltag19_selc.sltag19s_5::after {
    background-color: #add45c;
}

.slectag19.sltag19_selc.sltag19s_6 {
    color: #57c785;
}

.slectag19.sltag19_selc.sltag19s_6::after {
    background-color: #57c785;
}

.slectag19.sltag19_selc.sltag19s_7 {
    color: #00baad;
}

.slectag19.sltag19_selc.sltag19s_7::after {
    background-color: #00baad;
}

.slectag19.sltag19_selc.sltag19s_8 {
    color: #00baad;
}

.slectag19.sltag19_selc.sltag19s_8::after {
    background-color: #00baad;
}

.slectag19.sltag19_selc.sltag19s_9 {
    color: #2a7b9b;
}

.slectag19.sltag19_selc.sltag19s_9::after {
    background-color: #2a7b9b;
}

.slectag19.sltag19_selc.sltag19s_10 {
    color: #3d3d6b;
}

.slectag19.sltag19_selc.sltag19s_10::after {
    background-color: #3d3d6b;
}

.slectag19.sltag19_selc.sltag19s_11 {
    color: #511849;
}

.slectag19.sltag19_selc.sltag19s_11::after {
    background-color: #511849;
}

.slectag19.sltag19_selc.sltag19s_12 {
    color: #900c3f;
}

.slectag19.sltag19_selc.sltag19s_12::after {
    background-color: #900c3f;
}

.slectag19.sltag19_selc.sltag19s_0::before {
    background-color: #c70039;
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_selc.sltag19s_1::before {
    background-color: #ff5733;
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_selc.sltag19s_2::before {
    background-color: #ff8d1a;
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_selc.sltag19s_3::before {
    background-color: #ffc300;
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_selc.sltag19s_4::before {
    background-color: #eddd53;
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_selc.sltag19s_5::before {
    background-color: #add45c;
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_selc.sltag19s_6::before {
    background-color: #57c785;
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_selc.sltag19s_7::before {
    background-color: #00baad;
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_selc.sltag19s_8::before {
    background-color: #00baad;
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_selc.sltag19s_9::before {
    background-color: #2a7b9b;
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_selc.sltag19s_10::before {
    background-color: #3d3d6b;
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_selc.sltag19s_11::before {
    background-color: #511849;
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_selc.sltag19s_12::before {
    background-color: #900c3f;
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

#bilaGoibu .bilakGoibuInput {
    width: calc(100% - 130px)
}

#bilaGoibu .bilakGoibuInputBtn {
    width: 130px;
}

#bilaGoibu #botonBusqueda.boton.secundario {
    margin: 0px;
}

.filtrosLaterales {
    padding-left: 30px;
    padding-top: 20px;
}

.filtrosLaterales input,
.filtrosLaterales select {
    margin-bottom: 0px;
}

.filtrosLaterales .boton {
    margin-top: 0px;
}

.bloqueFiltros_filtros {
    width: 300px;
}

.bloqueFiltros_contenido {
    width: calc(100% - 300px);
}

@media(max-width:850px) {
    #bilaGoibu .bilakGoibuInput {
        width: 100%
    }

    #bilaGoibu .bilakGoibuInputBtn {
        width: 10%;
    }

    #bilaGoibu #botonBusqueda.boton.secundario {
        margin-left: auto;
        margin-right: 0px;
    }
}

@media(max-width:800px) {
    .bloqueFiltros_filtros {
        width: 100%;
    }

    .bloqueFiltros_contenido {
        width: 100%;
    }

    .filtrosLaterales {
        padding: 10px;
        padding-bottom: 20px;
        background-clip: padding-box;
        margin: 10px 0px 20px 0px;
        background-color: var(--colorFondoClaro);
        border: 1px solid var(--bordeClaro);
        border-radius: 10px;
        margin-left: 20px;
        margin-top: 10px;
        margin-right: 20px;
    }
}

@media(max-width:650px) {
    #barraSuperior {
        display: none
    }

    #menuEnMobile #rightInMobile .btn_pri_0 {
        margin-top: 0px;
        padding: 0px;
        height: 35px;
    }
    #menuEnMobile #rightInMobile .btn_pri_0 span {
        font-size: var(--p-2);
        margin-left: 5px;
    }

    #menuEnMobile #rightInMobile .boton {
        margin-top: 0px;
        padding: 0px;
        height: 35px;
    }

    #barraSuperior {
        flex-direction: column-reverse;
        height: auto;
        display: none
    }

    #barraSuperior .alinder {
        flex-direction: row;
        height: auto;
    }

    #barraSuperior #spbtn {
        flex-direction: row;
    }

    #barraSuperior {
        display: none;
    }

    #barraSuperior #mentop .boton i,
    #barraSuperior #spbtn .boton i {
        margin: 0px;
    }

    .alinizq {
        height: auto !important;
    }

    #barraSuperior .boton,
    #barraSuperior .menutpIkon {
        margin: auto;
        margin-top: 10px !important;
        width: auto;
    }

    #barraSuperior #spbtn {
        margin-left: 0px;
        margin-top: 0px;
        padding-top: 0px;
    }

    #barraSuperior .menutpIkon {
        padding: 7.5px;
        background-color: #FFF;
        border: 1px solid var(--borde);
        border-radius: 100%;
        font-size: 20px;
        display: flex;
        align-content: center;
        justify-content: center;
        width: 40px;
        margin-right: 10px;
    }

    #barraSuperior .boton.terciario {
        padding: 7.5px;
        background-color: #FFF;
        border: 1px solid var(--colorInteraccion);
        border-radius: 100%;
        font-size: 20px;
        display: flex;
        align-content: center;
        justify-content: center;
        width: 40px;
        padding: 19px;
        height: 30px;
    }

    #barraSuperior #mentop {
        width: 57px;
        height: auto;
    }

    #barraSuperior {
        height: auto !important;
    }

    #contenido {
        margin-left: 0px;
        padding-top: 0px;
        top: 40px;
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
    }
}

@media(max-width:650px) {
    #barratitulos {
        height: auto;
        color: var(--colorSecundario);
        padding: 10px 10px 0px 10px;
    }

    .bloque.blqFormu {
        padding: 20px 5px 20px 5px;
    }

    .bloque.blqFormu {
        margin-left: 10px;
        margin-right: 10px;
        padding-bottom: 40px;
    }

    .deskribAukeFrm {
        display: inline;
        overflow: hidden;
    }

    #scrumbread {
        height: auto;
    }

    #app-nagusia {
        height: 100vh;
    }
}

#txtOpinionOnboard {
    border: 1px solid var(--borde);
    width: 100%;
    height: 250px;
}

#zendhaSplashPowered {
    color: white !important;
    font-size: 12px;
}

.menutpIkon .ntf {
    position: absolute;
    top: -3px;
    right: -3px;
    background-color: var(--colorInteraccion);
    font-size: 12px;
    width: 15px;
    text-align: center;
    height: 15px;
    padding-top: 1.5px;
    border-radius: 100%;
}

.tarPendi {
    width: 250px;
    height: 150px;
    margin-right: 20px;
    background: rgb(229, 0, 102);
    background: -moz-linear-gradient(140deg, rgba(229, 0, 102, 1) 0%, rgba(161, 0, 61, 1) 100%);
    background: -webkit-linear-gradient(140deg, rgba(229, 0, 102, 1) 0%, rgba(161, 0, 61, 1) 100%);
    background: linear-gradient(140deg, rgba(229, 0, 102, 1) 0%, rgba(161, 0, 61, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#e50066", endColorstr="#a1003d", GradientType=1);
    color: white;
    border-radius: 10px;
}

.nxtSteps_home {
    height: 200px;
    width: 100%;
    overflow: hidden;
    overflow-y: hidden;
    margin-left: 15px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.nxtSteps_home_tit {
    margin-left: 30px;
    margin-bottom: 20px;
}

.nxtSteps_home:hover {
    overflow-x: auto;
}

@media(max-width:1080px) {
    .nxtSteps_home {
        overflow-x: auto;
    }
}

.positHelbuk {
    position: relative;
}

.positHelbuk {
    position: relative;
    min-height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

#helburuChart {
    margin-top: 30px;
    display: none;
}

.positHelbuk_dts {
    text-align: center;
}

.percnt {
    font-size: var(--h2);
    color: var(--colorSecundario);
}

.percnt_alc {
    font-size: var(--p-2);
    color: var(--colorTextoClaro);
}

.zebakname {
    margin-bottom: 15px;
}

.positHelbuk_chart {
    position: absolute;
}

#api_cargaSynDts_barra {
    max-width: 450px;
    width: 70vw;
    height: 20px;
    border: 1px solid var(--borde);
    margin-top: 5px;
    overflow: hidden;
    margin: auto;
    margin-top: 5px;
    margin-bottom: 10px;
    position: relative;
    border-radius: 10px;
    max-width: 100%;
}

#api_cargaSynDts_barra>#api_cargaSynDts_barra_int {
    height: 20px;
    transition: .5s;
    transition-delay: 0s;
    background-color: var(--colorInteraccion);
    border-radius: 10px;
    width: 0%;
}

#api_cargaSynDts_barra>#api_cargaSynDts_barra_prc {
    width: 100%;
    text-align: center;
    position: absolute;
    font-size: 12px;
    margin-top: 3px;
}

.posDotsTbl {
    position: absolute;
    display: flex;
    right: 20px;
}

.barraDotFinanzas {
    position: absolute;
    display: flex;
    right: 20px;
}

.tblDots {
    border-radius: 100%;
    height: 10px;
    width: 10px;
    margin-right: 5px;
    position: relative;
}

.etikekol {
    position: absolute;
    right: 2px;
    padding: 3px;
    font-size: 10px;
    border-radius: 3px;
    top: 2px;
    z-index: 600;
    display: none
}

.tblDots:hover .etikekol {
    display: block;
}

.tblDots .etikekol.alwayshow {
    display: block;
    top: -6px;
    right: -19px;
}

.tblFIlaMain {
    position: relative;
}

.polizaRec {
    display: flex;
    padding: 7px;
    background-color: var(--colorFondo);
    margin-bottom: 20px;
    border-radius: 10px;
}

.blqBoxPoliza {
    padding: 3px;
    border-radius: 7.5px;
    border: 1px solid var(--borde);
    background-color: var(--colorFondoClaro);
    margin-right: 5px;
    min-width: 70px;
}

#blqBoxPoliza_con {
    display: flex;
    margin-right: 5px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.polizaSimbol {
    font-size: 25px;
}

.poliz_ikonres {
    padding-top: 5px;
    padding-right: 5px;
}

.blqBoxPoliza_con_edit {
    position: absolute;
    background-color: rgb(255, 255, 255, 0.5);
    width: 100%;
    height: 100%;
    top: 0px;
    width: 100%;
    padding: 3px;
    display: none;
    left: 5px;
    border: 1px solid var(--borde);
    border-radius: 5px;
    overflow: hidden;
    color: var(--colorInteraccion);
}

#blqBoxPoliza_con:hover .blqBoxPoliza_con_edit {
    display: block;
}

.menutpIkon_helplab {
    display: none;
    position: absolute;
}

.menutpIkon_helplab_in {
    background-color: rgba(255, 255, 255, 0.5);
    /* display: none; */
    position: relative;
    font-size: 12px;
    min-width: 120px;
    border-radius: 5px;
    border: 1px solid var(--borde);
    top: 5px;
    padding: 3px;
    left: -9px;
    text-align: center;
    color: var(--colorTextoClaro);
}

.menutpIkon:hover .menutpIkon_helplab {
    display: block;
    z-index: 999;
}

.task_Tutorial .menu_opt_lvl2_icn,
.task_Tutorial .menu_opt_lvl2_tit {
    color: #e50066 !important;
}

.task_importante .menu_opt_lvl2_icn,
.task_importante .menu_opt_lvl2_tit {
    color: var(--colorError) !important;
}

.task_recoom .menu_opt_lvl2_icn,
.task_recoom .menu_opt_lvl2_tit {
    color: var(--colorWarningOscuro) !important;
}

.task_suger .menu_opt_lvl2_icn,
.task_suger .menu_opt_lvl2_tit {
    color: var(--colorInfoOscuro) !important;
}

.task_monitor .menu_opt_lvl2_icn,
.task_monitor .menu_opt_lvl2_tit {
    color: var(--colorSucessOscuro) !important;
}

.row.datosSub {
    font-size: var(--p-2);
    color: var(--colorTextoClaro) !important;
    margin-top: 5px;
}

#pdf_content_list_inner_contenido>.row>div {
    width: 100%;
}

#pdf_content_list_inner_contenido>.row .fullOnPdf {
    width: 95% !important;
    margin: auto;
}

#pdf_content_list_inner_contenido .imgGoiFrm .FormuGoiburu {
    display: none
}

#bilak38_app_vst_bilakOrokor {
    margin: auto;
    font-size: 1.35em;
    height: 35px !important;
}

#icn_app_vst_bilakOrokor {
    height: 45px;
    font-size: 26px;
}

#icnSHowMoreapp_vst_bilakOrokor {
    height: 45px;
}

#blq_app_vst_bilakOrokor {
    padding-right: 0px;
    margin: 0px;
}

#bilak_strukapp_vst_bilakOrokor {
    z-index: 999;
    position: relative;
    padding: 0px;
    border: 0px solid transparent;
    border-top: 1px solid var(--borde);
    top: 5px;
    width: calc(100% - 63px);
    left: 34px;
    overflow: auto;
    z-index: 600;
}

.ficha_err38 label {
    display: block;
    margin-top: 19px;
    color: var(--colorTextoClaro);
}

.filaTabla {
    border-bottom: 1px solid var(--bordeClaro);
    background-color: var(--colorFondoClaro);
    padding: 5px;
    cursor: pointer;
    min-height: 20px;
}

.Formutaula .filaTabla {
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    background: var(--colorFondo)
}

.filaTabla:nth-child(odd) {
    background: var(--colorFondoClaro)
}

.filaTabla .row .row>div {
    padding-bottom: 3px;
}

.filaTabla:hover {
    color: var(--colorInteraccion);
    background-color: var(--colorFondoOscuro);
}

#tiempo_espera {
    text-align: center;
}

#tiempo_espera i {
    color: var(--colorInteraccion)
}

#tosEnHone {
    font-size: 12px;
}

#tosEnHone p {
    font-size: 12px;
}

#tosEnHone span {
    font-weight: inherit;
}

.frm_input_group .filatblformu {
    border-bottom: 1px solid var(--borde);
    padding: 5px 10px 5px 10px;
}

.row.filatblformu .conSub40 {
    width: calc(100% - 10px);
    overflow: hidden;
}

#menu_path {
    text-transform: capitalize;
}

.circLang_con {
    position: relative;
}

.circLang {
    height: 20px;
    width: 20px;
    border: 1px solid var(--borde);
    border-radius: 100%;
    padding: 2px;
    text-align: center;
    font-size: 9px;
    padding-top: 4px;
    margin-top: -5px;
}

.circLang_lang {
    display: none;
    position: absolute;
    top: 28px;
    font-size: 10px;
    padding: 3px;
    background: var(--colorFondoClaro);
    border-radius: 5px;
    z-index: 99;
    min-width: 100px;
    text-align: left;
    padding-top: 6px;
}

.circLang_con:hover .circLang_lang {
    display: block;
    z-index: 99;
}

.circLang_con {
    position: relative;
    height: 20px;
    width: 20px;
    margin-left: -5px;
    border: 1px solid var(--borde);
    border-radius: 100%;
    padding-top: 3px;
    text-align: center;
    font-size: 8px;
    background-color: var(--colorFondoClaro);
}

.menutpIkon_helplab_in i {
    margin-right: 5px;
}

.ConteSubTitu {
    width: calc(40vw - 93px);
    color: var(--colorPrincipal);
    font-size: var(--h2);
    font-family: 'Titulos1';
    padding-top: 5px;
    height: 70px;
}

.ConteSubTitu hitz {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.barsup_botonera {
    width: 100%;
    justify-content: flex-end;
    display: flex;
}

#barraSuperior .ConteSubTitu {
    opacity: 0;
}

#barraSuperior.showBarraPrinted {
    background-color: var(--colorFondoClaro);
    height: auto;
    top: 0px;
    padding-top: 10px;
    width: calc(100vw);
    left: -14px;
}

#barraSuperior.showBarraPrinted .ConteSubTitu {
    opacity: 1;
}

#barraSuperior.showBarraPrinted #spbtn {
    padding-top: 0px;
}

#barraSuperior.showBarraPrinted .alinder .boton {
    margin-top: -20px;
    margin-right: 59px;
}

.iskMenVista_3#barraSuperior #mentop.alinder .boton {
    margin-right: 0px;
}

#barraSuperior #barraSuperior_subInn_headers {
    display: none;
}

#barraSuperior.showBarraPrinted #barraSuperior_subInn_headers {
    width: calc(100vw - 29px);
    overflow: hidden;
    margin-top: -40px;
    margin-left: -25px;
    background-color: var(--colorFondoClaro);
    display: block;
    padding-left: 27px;
    padding-right: 27px;
    padding-top: 20px;
    border-bottom: 1px solid var(--borde);
    display: none;
}

#barraSuperior.showBarraPrinted #barraSuperior_subInn_headers #menusuptbl-cntsb {
    height: auto;
    padding-left: 39px;
    padding-right: 39px;
}

#barraSuperior.showBarraPrinted #barraSuperior_subInn_headers #menusuptbl-cntsb .colencab {
    padding: 3px;
    height: auto;
    font-size: var(--p-2);
}

.conte_bilak_bex i {
    transition: .3s;
}

.conte_bilak_bex {
    width: 19px;
    transition: .3s;
    margin-top: 0px;
    overflow: hidden;
}

.conte_bilak_bex_int {
    width: 634px;
    display: flex;
    transition: .3s;
}

.conte_bilak_bex.hov_activ {
    width: 355px;
    height: 32px;
    margin-top: -7px;
    display: inline-block;
    display: flex;
    flex-wrap: wrap;
}

#bilakForm {
    padding: 7px;
    width: 244px;
}

.iskMenVista_3 .barsup_botonera {
    height: 32px;
    width: 50%;
    min-width: 300px;
}

#barraSuperior_inn .menutpIkon {
    width: auto;
    height: 25px;
}

#barraSuperior #mentop.alinder #btn_pri_0.boton {
    margin-bottom: 0px;
    ;
}

#barraSuperior_inn .menutpIkon .menutpIkon.hideIkonNav {
    width: 0px;
    display: none;
}

#barraSuperior .alinizq #spbtn .boton#botonBusqueda {
    padding: 3px !important;
    height: 31px;
    margin-top: 1px;
    margin-left: 6px;
}

#barraSuperior_inn .menutpIkon.hideIkonNav {
    width: 0px;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
}

#barraSuperior_inn .menutpIkon#btn_bilakIKon {
    width: auto;
    overflow: inherit;
}

.hov_activ .conte_bilak_bex_int {
    width: 248px;
    display: flex;
}

.conte_bilak_bex.hov_activ .conte_bilak_bex_int {
    background-color: var(--colorFondoClaro);
    border: 1px solid var(--borde);
    padding: 0px;
}

#barraSuperior .alinizq #spbtn .boton#botonBusqueda {
    display: none;
}

#barraSuperior .alinizq #spbtn .conte_bilak_bex.hov_activ .boton#botonBusqueda {
    display: block;
    padding-top: 7px !important;
    width: 100px;
}

.conte_bilak_bex.hov_activ .conte_bilak_bex_int i {
    margin: 6px;
}

#bilakForm {
    padding: 4px;
    width: 186px;
    margin-top: 0px;
}

#menusup-cntsb div {
    padding: 10px;
    padding-top: 9px;
    padding-left: 25px;
    padding-right: 25px;
    min-height: 41px;
    font-size: 18px;
    font-size: var(--h3);
    font-weight: bold;
    cursor: pointer;
    text-transform: capitalize;
    display: flex;
    align-items: end;
}

.iskvista_3 #menusup-sb {
    max-height: inherit;
    background-color: #e3e4e9;
    border: 1px solid var(--borde);
    border-radius: 5px;
    overflow: hidden;
    padding-left: 7px;
    padding-right: 7px;
    display: flex;
}

#menusup-cntsb div {
    font-size: 18px;
    font-size: var(--h3);
    font-weight: bold;
    cursor: pointer;
    text-transform: capitalize;
}

.iskvista_3 #menusup-cntsb div {
    padding-bottom: 10px;
    border-radius: 5px;
    font-size: 18px;
    font-size: var(--menu-size);
    font-weight: bold;
    cursor: pointer;
    text-transform: capitalize;
}

.iskMenVista_3 #barraSuperior_subInn_headers #menusup-cntsb {
    width: 100vw;
    max-width: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
    font-size: var(--p-1);
}

.iskMenVista_3 #barraSuperior_subInn_headers #menusup-cntsb div {
    font-size: 15px;
    padding: 5px 15px 5px 15px;
    min-height: 22px;
    margin-top: -5px;
    margin-bottom: 5px;
}

.iskMenVista_3 #barraSuperior_subInn_headers #menusup-cntsb div.selected {
    color: #fff;
    background-color: var(--colorPrincipal);
    font-weight: inherit;
    border: 0 solid transparent;
    height: 25px;
    border-radius: 5px;
}

#listaTarPendientes .menu_opt_lvl2_tit {}

#listaTarPendientes .men_opt_lvl2 {
    flex-wrap: wrap;
}

#listaTarPendientes .tpMod {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.emprePendientes {
    position: relative;
}

.MarckAsTarCheck {
    position: absolute;
    right: -150px;
    height: 24px;
    width: 150px;
    background-color: var(--colorFondo);
    bottom: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    transition: .3s;
    cursor: pointer;
    display: flex;
}

.emprePendientes:hover .MarckAsTarCheck {
    right: 0px;
}

.MarckAsTarCheck_flag {
    background-color: var(--colorInfo);
    color: var(--colorInfoOscuro);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    transition: .3;
    opacity: 0.7;
    font-size: 20px;
}

.MarckAsTarCheck_flag:hover {
    opacity: 1;
    font-size: 25px;
}

.MarckAsTarCheck_suc {
    background-color: #a2f0b5;
    color: var(--colorSucessOscuro);
    border: 1px solid var(--colorSucessClaro);
    ;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    transition: .3;
    opacity: 0.7;
    font-size: 20px;
    height: 25px;
    border-radius: 3px;
}

.MarckAsTarCheck_suc:hover {
    opacity: 1;

    background-color: var(--colorSucessClaro);
}

.MarckAsTarCheck_suc_err {
    background-color: #ffc1c0;
    color: var(--colorErrorOscuro);
    border: 1px solid var(--colorErrorClaro);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    transition: .3;
    opacity: 0.7;
    font-size: 20px;
    height: 25px;
    border-radius: 3px;
}

.MarckAsTarCheck_suc_err:hover {
    opacity: 1;
    background-color: var(--colorErrorClaro);
}

.bilaEstat99 .hov_activ #bilak38_app_vst_bilakOrokor {
    font-size: 1em;
    height: 20px !important;
    margin: auto;
    font-size: 1.35em;
    height: 35px !important;
    margin-left: 20px;
    margin-right: 20px;
    width: 764px;
}

.hov_activ .conte_bilak_bex_int {
    width: 248px;
    display: flex;
    flex-wrap: wrap;
}

.bilaEstat99 .conte_bilak_bex.hov_activ {
    width: 508px;
    height: 32px;
    margin-top: -7px;
    display: inline-block;
    display: flex;
    flex-wrap: wrap;
    overflow: inherit;
}

#barraSuperior_inn .menutpIkon#btn_bilakIKon.bilaEstat99 {
    width: auto;
}

.bilaEstat99 #bilak_strukapp_vst_bilakOrokor {
    max-height: 350px;
    overflow: auto;
    font-size: var(--p-1);
    color: var(--colorTexto);
    top: 0px;
}

.bilaEstat99 .conte_bilak_bex.hov_activ .blq2iconbusca {
    background-color: var(--colorFondo);
    padding: 10px;
    font-size: 20px;
    margin: 0px;
    border-right: 1px solid var(--borde);
}

.bilaEstat99 .conte_bilak_bex.hov_activ #icnSHowMoreapp_vst_bilakOrokor {
    background-color: var(--colorFondo);
    padding: 10px;
    font-size: 20px;
    margin: 0px;
    border-left: 1px solid var(--borde);
}

#listadodeBuscaGeneral .men_opt_lvl2 {
    flex-wrap: wrap;
    border-bottom: 1px solid var(--bordeClaro);
    margin: 0px;
    margin-left: 10px;
}

#listadodeBuscaGeneral .tpMod {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

#contenido.iskvista_updt .menusup-sb,
#contenido.iskvista_updt #menusup-sb {
    display: none;
}

#contenido.iskvista_updt #cont-prin {
    max-width: 1200px;
    width: 90vw;
    margin: auto;
}

@media(max-width:1000px) {
    .MarckAsTarCheck {
        right: 0px;
    }
}

.valioCanti {
    position: relative;
}

.valioCanti .valioCanti_int {
    display: none;
    position: absolute;
    top: 10px;
    left: -30px;
    font-size: 10px;
    width: 200px;
    background-color: var(--colorFondoClaro);
    border: 1px solid var(--borde);
    border-radius: 3px;
    text-align: left;
    padding: 3px;
}

.valioCanti:hover .valioCanti_int {
    display: block;
}

.btn_check_init {
    padding: 7px;
    margin: 5px;
    background-color: var(--colorSucessClaro);
    color: var(--colorSucessOscuro);
    border: 1px solid var(--colorSucessOscuro);
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    transition: .3s;
}

.btn_check_final {
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
}

.btn_check_final {
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    width: 90%;
    margin: auto;
}


.btn_check_final:hover,
.btn_check_init:hover {
    opacity: 0.8;
}

.breadnotHideathov {
    display: none;
}

.hideBloq3points {
    display: inline-block;
}

#menu_path:hover .breadnotHideathov {
    display: inline-block;
}

#menu_path:hover .hideBloq3points {
    display: none;
}

.tabl_caret {
    font-size: 12px;
    color: var(--colorTextoClaro);
    display: none;
    margin-left: 3px;
}

.colencab:hover .tabl_caret {
    display: inline-block;
    cursor: pointer;
}

.colencab:hover .tabl_caret:hover {
    color: var(--colorInteraccion);
    cursor: pointer
}

#box2searchscv_box {
    width: 100%;
    padding: 5px;
    padding-right: 5px;
    border: 1px solid var(--borde);
    margin-bottom: 7.5px;
    width: calc(100% - 40px);
    padding-right: 30px;
    font-family: "Cuerpo" !important;
    min-height: 23px;
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    font-size: var(--p-1);
    color: var(--colorTexto);
    background-color: var(--colorFondoClaro);
    border-radius: 5px;
    margin-top: 3px;
    max-width: calc(100% - 40px);
    width: 190px;
    border-radius: 3px 0px 0px 3px;
    border-right: 0px solid transparent;
    margin-bottom: 0px;
    max-height: 22px;
    overflow: hidden;
}

.csvmarkvalue {
    font-size: 12px;
    background-color: var(--colorFondoClaro);
    padding: 3px;
    border-bottom: 1px solid var(--borde);
}

.listadoCsvCampos {
    border: 1px solid var(--borde);
}

.csvmarkvalue:hover {
    color: var(--colorInteraccion);
    cursor: pointer;
}

.iconShowMore_csv {
    width: 31px;
    background-color: var(--colorFondo);
    font-size: var(--p-2);
    padding: 5px;
    padding-top: 5px;
    text-align: center;
    padding-top: 9px;
    border: 1px solid var(--borde);
    margin-top: 3px;
    height: 35px;
}

.optSclted {
    font-size: 9px;
    padding-top: 9px;
    min-height: 19px;
}

.tprsVentaBotonera .menuswlopt {
    width: 100px;
    height: 77px;
    border: 1px solid var(--borde);
    padding: 10px;
    margin: 10px;
    font-size: var(--p-2);
}

.tprsVentaBotonera .menuswlopt i {
    font-size: 20px;
    margin-bottom: 10px;
}

#contentTpvResum {
    height: 476px;
    padding-right: 20px;
    overflow: auto;
}

#contentTpvResum h2 {
    margin-top: 30px;
}

#contentTpvResum h3 {
    color: var(--colorTextoOscuro);
    font-size: var(--h4);
}

#saldok_resumen {
    padding-left: 10px;
    padding-right: 10px;
}

.menuswlopt.selectbtn {
    background-color: var(--colorFondo);
    color: var(--colorPrincipal);
}

.menuswlopt.selectbtn:hover {
    color: var(--colorInteraccion);
}

#stp_deskrAviso {
    color: var(--colorError)
}

.menuswlopt.docInhab {
    opacity: 0.3;
    cursor: not-allowed;
}

.dts_boxUniqueInfo {
    background-color: var(--colorFondo);
    color: var(--colorTextoClaro);
    border: 1px solid var(--borde);
    width: 50px;
    top: -5px;
    right: -14px;
    position: relative;
    z-index: 50;
    margin-left: 5px;
}

.tblRowSupLvl_num .dts_boxUniqueInfo {
    right: 0px;
    left: 0px;
    top: 0px;
    background-color: transparent;
    color: var(--colorTexto);
    border: 1px solid transparent;
    width: 100%;
}

.tblRowSupLvl_num .dts_boxUniqueInfo:hover .dts_boxUniqueInfo_cont_hov {
    left: 0px;
    width: 200px;
}

.dts_boxUniqueInfo_cont_hov {
    display: none;
    position: absolute;
    width: 200px;
    bottom: 16px;
    ;
}

.dts_boxUniqueInfo:hover .dts_boxUniqueInfo_cont_hov {
    display: block;
    right: 0px;
    bottom: 0px;
    background-color: var(--colorFondo);
    padding: 3px;
    border: 1px solid var(--borde);
    width: auto;
    text-align: right;
}

.dts_boxUniqueInfo_cont_hov div {
    display: flex
}

.dts_boxUniqueInfo.alwayshow {
    display: block;
}

.checktest {
    width: 20px;
    border: 1px solid var(--borde);
    height: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    cursor: pointer;
}

.checktest_txt {
    width: calc(100% - 70px);
}

.checktest_int {
    text-align: center;
    transform: rotate(45deg);
    font-size: 24px;
    margin-top: -3px;
    opacity: 0;
    transition: .3s;
    cursor: pointer;
}

.tarpenrespSlct .checktest_int {
    opacity: 1;
}


/*.barVarCesaEsp:hover .barVarOutHov{
	display: none;
}
.barVarCesaEsp:hover .barVarOnHov{
	display: block;
}*/

#barratitulosfnd .row.encabSup {
    margin-bottom: 20px;
    margin-left: 20px;
    margin-top: 10px;
}

#tar_inicial_pendientes {
    max-height: inherit;
    background-color: #e3e4e9;
    border: 1px solid var(--borde);
    border-radius: 5px;
    padding-left: 7px;
    padding-right: 7px;
    margin-left: 10px;
    margin-right: 20px;
    background-color: var(--colorFondoClaro);
    margin-bottom: 30px;
}

.showBarraPrinted #barratitulosfnd .row.encabSup {
    margin-top: 0px;
    margin-bottom: 0px;
}

#masivAltera {
    margin-top: 7px;
}

.showBarraPrinted #masivAltera {
    margin-top: -5px;
}

.barsup_botonera {}

.tblFIlaMain.selectedRecord {
    background-color: var(--colorFondo);
    color: var(--colorInteraccion);
}

.sun-editor {
    max-width: 100%;
    width: 100%;
    min-width: 100%;
}

#barraSuperior .alinizq {
    height: 60px;
    transition: 0.5s;
    transition: 0.5s;
    min-width: 60px;
    display: flex;
    justify-content: flex-end;
}

#barratitulos #tbl_aireLats {
    display: none;
}

.barsup_botonera .boton {
    padding: 10px;
    margin-top: 0px;
    margin-left: 30px;
}

.btnSave {
    display: flex;
    position: relative;
}

.btnSave .btnSave_norm {
    background-color: var(--colorInteraccion);
    border-radius: 5px 0px 0px 5px;
    width: 100px;
    padding: 7px 10px 7px 10px;
    text-transform: uppercase;
    text-align: center;
    color: white;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: .3s;
}

.btnSave .btnSave_temp {
    width: 40px;
    background-color: var(--colorInteraccion);
    border-radius: 0px 5px 5px 0px;
    padding: 7px 0px 7px 0px;
    text-transform: uppercase;
    text-align: center;
    color: white;
    cursor: pointer;
    transition: .3s;
    position: relative;
}

.btnSave_temp_clic {
    position: absolute;
    font-size: 8px;
    right: 10px;
    bottom: 5px;
    background-color: var(--colorInteraccion);
    padding: 1px;
}

.btnSave .btnSave_norm:hover {
    opacity: 0.8;
}

.btnSave .btnSave_temp:hover {
    opacity: 0.8;
}

.btnSave .btnSave_norm:hover .menutpIkon_helplab {
    display: block;
    margin-top: 5px;
    right: 0px;
}

.btnSave_norm .menutpIkon_helplab {
    margin-top: 5px;
    right: 0px;
}

.btnSave .btnSave_temp:hover .menutpIkon_helplabm {
    display: block;
    margin-top: 5px;
}

.btnSave .btnSave_temp:hover .menutpIkon_helplab_in,
.btnSave .btnSave_norm:hover .menutpIkon_helplab_in,
.menutpIkon:hover .menutpIkon_helplab_in {
    display: block;
}

.btnSave .menutpIkon_helplab_in {
    color: var(--colorTextoClaro);
    text-transform: initial;
}

.buscadorInHome_icn {
    width: 150px;
}

#buscaInSelect {
    width: 150px;
    height: 44px;
    border-right: 1px solid var(--borde);
    background-color: var(--colorFondoClaro);
    text-align: center;
    border-radius: 20px 0px 0px 20px;
}

#menuValBikalk,
#menuValBikalkADORN {
    width: 100%;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid transparent;
    margin-top: 0px;
    display: block;
    height: 44px;
    padding-left: 20px;
}

.buscadorInHome_busc {
    width: calc(100% - 250px);
}

.buscadorInHome {
    width: 800px;
    max-width: 95vw;
    background-clip: padding-box;
    margin: auto;
    margin: 10px 0px 20px 0px;
    background-color: var(--colorFondoClaro);
    border-radius: 20px;
    display: flex;
    border-radius: 20px;
    transition: .3s;
    top: 0px;
    margin: auto;
}

.buscadorInHome_search {
    width: 110px;
}

.buscadorInHome_search .btnSearch {
    position: relative;
    padding: 15px 20px 15px 20px;
    max-width: 100%;
    width: 109px;
    background-color: var(--colorInteraccion);
    border: 1px solid var(--colorInteraccion);
    cursor: pointer;
    text-transform: uppercase;
    font-size: var(--p-2);
    overflow: hidden;
    color: var(--colorInteraccionCOntraste);
    border-radius: 20px;
    min-height: 15px;
    text-align: center;
    border-radius: 0px 20px 20px 0px;
}

.buscadorInHome_search .btnSearch:hover {
    opacity: 0.8;
}

body.searchActiv .buscadorInHome {
    position: relative;
    top: 0px;
    border-radius: 0px;
    z-index: 60;
    border: 1px solid var(--borde);
}

body.searchActiv .buscadorInHome .btnSearch {
    border-radius: 0px;
}

.buscadorInHome_con {
    position: relative;
    top: 0px;
    width: 100%;
    margin-bottom: 50px;
}

body.searchActiv .buscadorInHome_con {
    position: absolute;
    top: 0px;
}

#listadodeBuscaGeneral_con {
    display: none;
}

body.searchActiv #listadodeBuscaGeneral_con {
    display: block;
    background-color: var(--colorFondoClaro);
    width: 800px;
    max-width: 95vw;
    background-clip: padding-box;
    margin: auto;
    position: relative;
    top: -20px;
    padding-top: 20px;
    z-index: 50;
    border: 1px solid var(--borde);
    border-radius: 5px;
    max-height: 50vh;
    overflow: auto;
}

#listadodeBuscaGeneral_con #listadodeBuscaGeneral_con_flex {
    display: flex;
    flex-wrap: wrap;
    margin: 10px;
    max-height: 40vh;
}

.searchGlobFilter {
    padding-bottom: 10px;
    font-size: var(--p-2);
}

.titutSearchFlex_cant {
    width: 20px;
    text-align: center;
}

#listadodeBuscaGeneral_con #listadodeBuscaGeneral_con_flex #listadodeBuscaGeneral_cats {
    width: 220px;
    border-right: 1px solid var(--bordeClaro);
    max-height: 100%;
    overflow: auto;
    height: 40vh;
}

#listadodeBuscaGeneral_con #listadodeBuscaGeneral_con_flex #listadodeBuscaGeneral {
    width: calc(100% - 220px);
    max-height: 100%;
    overflow: auto;
    height: 40vh;
}

@media(max-width:750px) {
    #bilaGoibu {
        display: none;
    }
}

.titutSearchFlex {
    display: flex;
}

.titutSearchFlex_inc {
    width: 20px;
    color: var(--colorPrincipal);
}

.titutSearchFlex_nam {
    width: calc(100% - 60px);
}

.titutSearchFlex:hover>div {
    color: var(--colorInteraccion);
    cursor: pointer;
}

.titutSearchFlex {
    display: flex;
    align-items: center;
}

#buscaBanSalid_contenbox {
    position: absolute;
    width: 900px;
    left: calc(50vw - 450px);
    height: calc(40vh + 150px);
    z-index: 45;
}

#buscaBanSalid_contenbox #buscaBanSalid_bott {
    position: absolute;
    width: 200vw;
    left: 0px;
    bottom: 0px;
    height: 150px;
}

#buscaBanSalid_contenbox #buscaBanSalid_bottBis {
    display: none;
}

#buscaBanSalid_contenbox #buscaBanSalid_left {
    position: absolute;
    height: 200vw;
    left: 0px;
    top: -50vw;
    width: 50px;
}

#buscaBanSalid_contenbox #buscaBanSalid_right {
    position: absolute;
    height: 200vw;
    right: 0px;
    width: 50px;
}

.histo_encabe {
    border-bottom: 1px solid var(--borde);
    color: var(--colorTextoOscuro);
    padding-top: 15px;
    padding-bottom: 15px;
}

#histo_cuerpo .listadoHistorico_row {
    border-bottom: 1px solid var(--bordeClaro);
    padding-top: 10px;
    padding-bottom: 10px;
}

.recuautohide {
    display: none;
}

#histo_cuerpo .listadoHistorico_row:hover .recuautohide {
    display: block;
}

.slectag19.sltag19_selc.sltag19s_0 {
    color: #011d58;
    padding-left: 20px !important;
}

.slectag19.sltag19_selc.sltag19s_0::after {
    background-color: #011d58;
}

.slectag19.sltag19_selc.sltag19s_0::before {
    background-color: #011d58;
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_selc.sltag19s_1 {
    color: #074624;
    padding-left: 20px !important;
}

.slectag19.sltag19_selc.sltag19s_1::after {
    background-color: #074624;
}

.slectag19.sltag19_selc.sltag19s_1::before {
    background-color: #074624;
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_selc.sltag19s_2 {
    color: #461f7a;
    padding-left: 20px !important;
}

.slectag19.sltag19_selc.sltag19s_2::after {
    background-color: #461f7a;
}

.slectag19.sltag19_selc.sltag19s_2::before {
    background-color: #461f7a;
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_selc.sltag19s_3 {
    color: #7a1f3a;
    padding-left: 20px !important;
}

.slectag19.sltag19_selc.sltag19s_3::after {
    background-color: #7a1f3a;
}

.slectag19.sltag19_selc.sltag19s_3::before {
    background-color: #7a1f3a;
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_selc.sltag19s_4 {
    color: #992400;
    padding-left: 20px !important;
}

.slectag19.sltag19_selc.sltag19s_4::after {
    background-color: #992400;
}

.slectag19.sltag19_selc.sltag19s_4::before {
    background-color: #992400;
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_selc.sltag19s_5 {
    color: #915208;
    padding-left: 20px !important;
}

.slectag19.sltag19_selc.sltag19s_5::after {
    background-color: #915208;
}

.slectag19.sltag19_selc.sltag19s_5::before {
    background-color: #915208;
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_selc.sltag19s_6 {
    color: #198079;
    padding-left: 20px !important;
}

.slectag19.sltag19_selc.sltag19s_6::after {
    background-color: #198079;
}

.slectag19.sltag19_selc.sltag19s_6::before {
    background-color: #198079;
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_selc.sltag19s_7 {
    color: #34a478;
    padding-left: 20px !important;
}

.slectag19.sltag19_selc.sltag19s_7::after {
    background-color: #34a478;
}

.slectag19.sltag19_selc.sltag19s_7::before {
    background-color: #34a478;
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_selc.sltag19s_8 {
    color: #0d5bf2;
    padding-left: 20px !important;
}

.slectag19.sltag19_selc.sltag19s_8::after {
    background-color: #0d5bf2;
}

.slectag19.sltag19_selc.sltag19s_8::before {
    background-color: #0d5bf2;
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_selc.sltag19s_9 {
    color: #7633cc;
    padding-left: 20px !important;
}

.slectag19.sltag19_selc.sltag19s_9::after {
    background-color: #7633cc;
}

.slectag19.sltag19_selc.sltag19s_9::before {
    background-color: #7633cc;
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_selc.sltag19s_10 {
    color: #ff6333;
    padding-left: 20px !important;
}

.slectag19.sltag19_selc.sltag19s_10::after {
    background-color: #ff6333;
}

.slectag19.sltag19_selc.sltag19s_10::before {
    background-color: #ff6333;
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_selc.sltag19s_11 {
    color: #d9265c;
    padding-left: 20px !important;
}

.slectag19.sltag19_selc.sltag19s_11::after {
    background-color: #d9265c;
}

.slectag19.sltag19_selc.sltag19s_11::before {
    background-color: #d9265c;
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_selc.sltag19s_12 {
    color: #f2890d;
    padding-left: 20px !important;
}

.slectag19.sltag19_selc.sltag19s_12::after {
    background-color: #f2890d;
}

.slectag19.sltag19_selc.sltag19s_12::before {
    background-color: #f2890d;
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_selc.sltag19s_13 {
    color: #43a9a2;
    padding-left: 20px !important;
}

.slectag19.sltag19_selc.sltag19s_13::after {
    background-color: #43a9a2;
}

.slectag19.sltag19_selc.sltag19s_13::before {
    background-color: #43a9a2;
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_selc.sltag19s_14 {
    color: #34a478;
    padding-left: 20px !important;
}

.slectag19.sltag19_selc.sltag19s_14::after {
    background-color: #34a478;
}

.slectag19.sltag19_selc.sltag19s_14::before {
    background-color: #34a478;
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_selc.sltag19s_15 {
    color: #467ee9;
    padding-left: 20px !important;
}

.slectag19.sltag19_selc.sltag19s_15::after {
    background-color: #467ee9;
}

.slectag19.sltag19_selc.sltag19s_15::before {
    background-color: #467ee9;
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_selc.sltag19s_16 {
    color: #8b58ce;
    padding-left: 20px !important;
}

.slectag19.sltag19_selc.sltag19s_16::after {
    background-color: #8b58ce;
}

.slectag19.sltag19_selc.sltag19s_16::before {
    background-color: #8b58ce;
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_selc.sltag19s_17 {
    color: #fc8a66;
    padding-left: 20px !important;
}

.slectag19.sltag19_selc.sltag19s_17::after {
    background-color: #fc8a66;
}

.slectag19.sltag19_selc.sltag19s_17::before {
    background-color: #fc8a66;
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_selc.sltag19s_18 {
    color: #d76286;
    padding-left: 20px !important;
}

.slectag19.sltag19_selc.sltag19s_18::after {
    background-color: #d76286;
}

.slectag19.sltag19_selc.sltag19s_18::before {
    background-color: #d76286;
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.slectag19.sltag19_selc.sltag19s_19 {
    color: #e9a75a;
    padding-left: 20px !important;
}

.slectag19.sltag19_selc.sltag19s_19::after {
    background-color: #e9a75a;
}

.slectag19.sltag19_selc.sltag19s_19::before {
    background-color: #e9a75a;
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

#encabezWithId .tblRowSupLvl_num {
    width: 70px;
    text-align: center;
}

#encabezWithId .tblRowSupLvl_txt {
    width: calc(100% - 70px);
}

.conpaCursor {
    position: absolute;
    height: 20px;
    transition: .5s;
    padding-top: 5px;
    padding-left: 5px;
    width: 61px;
    display: flex;
    z-index: 99;
}

#conpaIdCursos {
    width: 1px;
    height: 1px;
    position: absolute;
}

.conpaCursor:hover {
    display: none;
}

.labAtBox {
    border-radius: 30px;
    font-size: 9px;
    height: 16px;
    text-align: center;
    padding-top: 3px;
    margin-top: 1px;
    width: 180px;
    margin-left: 5px;
    overflow: hidden;
    position: relative;
}

.labAtBox_bkc {
    background-color: var(--colorPrincipal);
    opacity: .5;
    position: absolute;
    top: 0px;
    height: 100px;
    width: 100%;
    z-index: 51;
    opacity: 0.15;
}

.labAtBox_inc {
    position: relative;
    z-index: 62;
}

.conpaCursor i {
    position: absolute;
    top: 14px;
    color: var(--colorTexto);
}

#actvUsers {
    position: relative;
    width: 120px;
}

.enboxFiltrosFast_tag {}

.enboxFiltrosFast .enboxFiltrosFast_tag {
    min-width: 50px;
    padding: 5px;
    border-radius: 5px;
    background-color: var(--colorFondoClaro);
    font-family: Titulos1;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 25px;
    padding-right: 25px;
}

.enboxFiltrosFast .enboxFiltrosFast_tag:hover {
    color: var(--colorInteraccion);
}

.enboxFiltrosFast .enboxFiltrosFast_tag.notAllowed {
    opacity: 0.5;
    cursor: not-allowed;
}

.enboxFiltrosFast .enboxFiltrosFast_tag.notAllowed:hover {
    background-color: var(--borde);
    border: 1px solid var(--borde);
    color: var(--colorTexto)
}

.enboxFiltrosFast_help {
    background-color: rgba(255, 255, 255, 0.8);
    position: relative;
    font-size: 12px;
    min-width: 120px;
    border-radius: 5px;
    border: 1px solid var(--borde);
    top: 6px;
    padding: 3px;
    right: -10px;
    left: 9px;
    text-align: center;
    color: var(--colorTextoClaro);
    position: absolute;
    display: none;
    z-index: 99;
    font-size: var(--p-2)
}

.enboxFiltrosFast_tag:hover .enboxFiltrosFast_help {
    display: block;
}

.enboxFiltrosFast_help_cont {
    position: relative;
}

.enboxFiltrosFast .enboxFiltrosFast_tag.selected {
    background-color: var(--colorPrincipal);
    color: #fff;
    background-color: var(--colorPrincipal);
    font-weight: inherit;
    border: 0 solid transparent;
    border-radius: 5px;
}

.enboxgoi_cant {
    font-size: 10px;
    background-color: var(--colorFondo);
    padding: 3px;
    border-radius: 20px;
    color: var(--colorTextoOscuro);
    margin-top: 0px;
    display: inline-block;
    margin-left: 15px;
    min-width: 29px;
    height: 15px;
    text-align: center;
}

.enboxgoi_lab {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.enboxgoi_lab_txt {
    overflow: hidden;
    height: 18px;
}

.enboxgoi_lab_txt_in {
    font-size: var(--menu-size);
}

.kanbanEncab .enboxgoi_lab_txt_in {
    font-size: var(--p-2);
}

.barCompras10032_conta {}

.barCompras10032 {
    max-width: 250px;
    width: 100%;
    border-radius: 2px;
    width: 100%;
    height: 13px;
    overflow: hidden;
    padding: 0px;
    position: Relative;
    margin-top: 3px;
    background-color: var(--colorFondo);
    border: 1px solid var(--borde);
}

.barCompras10032_int {
    position: relative;
}

.barCompras10032_itxt {
    position: absolute;
    top: 0px;
    font-size: 10px;
    width: 100%;
    text-align: center;
    font-size: 8px;
    margin-top: 2px;
}

.barCompras10032_intBar {
    border-radius: 2px;
    width: 13.469827586206897%;
    background-color: var(--colorSucessClaro);
    border: 1px solid var(--colorSucessClaro);
    height: 13px;
    margin-top: -1px;
    margin-left: -1px;
}

.slectag24 {
    padding: 3px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    font-size: 12px;
    display: inline-block;
    max-height: 32px;
    overflow: hidden;
    font-size: 11px;
    padding-left: 15px !important;
    border: 1px solid var(--borde);
}


/*En borrador*/

.sltag24_borrador {
    color: rgba(50, 50, 50);
    background-color: rgba(50, 50, 50, 0.1);
    border: 1px solid rgba(50, 50, 50);
}

.sltag24_borrador::after {
    background-color: rgba(50, 50, 50);
}

.sltag24_borrador::before {
    background-color: rgba(50, 50, 50);
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}


/*Pendiente*/

.sltag24_pendie {
    color: rgba(227, 106, 25);
    border: 1px solid rgba(227, 106, 25);
    background-color: rgba(227, 106, 25, 0.1);
}

.sltag24_pendie::after {
    background-color: rgba(227, 106, 25);
}

.sltag24_pendie::before {
    background-color: rgba(227, 106, 25);
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}


/*Sin iniciar*/

.sltag24_sinini {
    color: #BB8800;
    border: 1px solid #BB8800;
    background-color: rgba(187, 136, 0, 0.1);
}

.sltag24_sinini::after {
    background-color: var(--colorWarning);
}

.sltag24_sinini::before {
    background-color: #BB8800;
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}


/*En proceso*/

.sltag24_enproc {
    color: #57c785;
    border: 1px solid #57c785;
    background-color: rgba(87, 199, 133, 0.1);
}

.sltag24_enproc::after {
    color: #57c785;
}

.sltag24_enproc::before {
    background-color: #57c785;
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}


/*En verifica*/

.sltag124_verif {
    color: var(--colorInfo);
    border: 1px solid var(--colorInfo);
    background-color: rgba(56, 101, 163, 0.1);
}

.sltag124_verif::after {
    color: var(--colorInfo);
}

.sltag124_verif::before {
    background-color: var(--colorInfo);
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}


/*Completado*/

.sltag124_compl {
    color: var(--colorSucess);
    border: 1px solid var(--colorSucess);
    background-color: rgba(100, 163, 56, 0.1);
}

.sltag124_compl::after {
    color: var(--colorSucess);
}

.sltag124_compl::before {
    background-color: var(--colorSucess);
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}


/*Cabcelado*/

.sltag124_cancel {
    color: var(--colorError);
    border: 1px solid var(--colorError);
    background-color: rgb(224, 59, 36, 0.1);
}

.sltag124_cancel::before {
    background-color: var(--colorError);
    content: "";
    width: 7px;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    opacity: .7;
    top: 5px;
}

.sltag124_cancel::after {
    color: var(--colorError);
}

.egoerNavState {
    display: flex;
    margin-bottom: 20px;
    text-align: center;
    justify-content: center;
}

.egoerNavState_bxt {
    margin: 10px;
    padding-top: 10px;
    width: 120px;
    border: 1px solid var(--borde);
    padding-bottom: 10px;
    cursor: pointer;
}

.egoerNavState .egoBoxSt_icon {
    font-size: 20px;
    margin-bottom: 10px;
}

.egoerNavState .egoBoxSt_lab {
    font-size: var(--p-2);
    justify-content: center;
}

.egoerNavState_bxt:hover {
    background-color: var(--colorFondoClaro);
}

.egonav_1.egoerNavState_bxt {
    border: 1px solid rgba(227, 106, 25);
    color: rgba(227, 106, 25);
}

.egonav_2.egoerNavState_bxt {
    border: 1px solid #BB8800;
    color: #BB8800;
}

.egonav_3.egoerNavState_bxt {
    border: 1px solid #57c785;
    color: #57c785;
}

.egonav_4.egoerNavState_bxt {
    border: 1px solid var(--colorInfo);
    color: var(--colorInfo);
}

.egonav_5.egoerNavState_bxt {
    border: 1px solid var(--colorSucess);
    color: var(--colorSucess);
}

.egonav_6.egoerNavState_bxt {
    border: 1px solid var(--colorError);
    color: var(--colorError);
}

#taskPend_implemen {
    margin-top: 30px;
}

#taskPend_implemen .filatblformu {
    padding-top: 10px;
    padding-bottom: 10px;
}

select,
option {
    min-width: 60px;
}

.btnboxMenIk {
    width: calc(33% - 20px);
    border: 1px solid var(--borde);
    padding: 10px;
    text-align: center;
    margin: 10px;
}

.btnboxMenIk:hover {
    border: 1px solid var(--colorInteraccion);
    color: var(--colorInteraccion);
}

.btnboxMenIk_ikon {
    font-size: 30px;
    margin-bottom: 10px;
}

@media(max-width:750px) {
    .iskvista_0 .enboxFiltrosFast {
        display: none;
    }

    .iskvista_0 #menusup-versb {
        width: 100%;
        font-size: var(--h4);
        color: var(--colorInteraccion);
        background-color: var(--borde);
        border-radius: 0px;
    }

    .iskvista_0 #menusup-cntsb {
        display: none;
        text-align: center;
    }

    .iskvista_0 #menusup-cntsb div {
        float: none;
        background-color: var(--colorFondoClaro);
        border-bottom: 0px solid var(--colorFondoClaro);
        border-left: 10px solid var(--colorFondoClaro);
    }

    .iskvista_0 #menusup-cntsb {
        align-items: center;
        justify-content: center;
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .iskvista_0 #menusup-cntsb {
        flex-wrap: wrap;
    }

    .iskvista_0 #menusup-cntsb div {
        padding-bottom: 10px;
        border-radius: 5px;
        min-height: 30px;
        font-size: var(--p-1);
        color: var(--colorTexto);
        font-family: cuerpo;
    }

    .iskvista_0 #menusup-cntsb div {
        padding-bottom: 10px;
        border-radius: 5px;
        min-height: 30px;
        font-size: var(--h4);
    }

    .iskvista_0 #menusup-cntsb div.selected {
        color: #fff;
        background-color: var(--colorPrincipal);
        font-weight: inherit;
        border: 0 solid transparent;
    }

    .btnSave_temp_clic {
        position: absolute;
        font-size: 8px;
        right: 10px;
        top: 16px;
        background-color: var(--colorInteraccion);
        padding: 1px;
    }

    .btnSave {
        height: 30px;
    }

    #listadodeBuscaGeneral_con #listadodeBuscaGeneral_con_flex #listadodeBuscaGeneral_cats {
        width: 100%;
        max-height: 200px;
        border-right: 1px solid var(--bordeClaro);
        max-height: 100%;
        overflow: auto;
        display: none;
    }

    #listadodeBuscaGeneral_con #listadodeBuscaGeneral_con_flex #listadodeBuscaGeneral {
        width: 100%;
        max-height: calc(100vw - 300px);
        overflow: auto;
        height: 100%;
    }

    body.searchActiv #listadodeBuscaGeneral_con {
        display: block;
        background-color: var(--colorFondoClaro);
        width: 800px;
        max-width: 95vw;
        background-clip: padding-box;
        margin: auto;
        position: relative;
        top: -20px;
        padding-top: 20px;
        z-index: 50;
        border: 1px solid var(--borde);
        border-radius: 5px;
        max-height: 50vh;
        overflow: auto;
        max-height: 70vh;
        height: 85vh;
    }

    #listadodeBuscaGeneral_con #listadodeBuscaGeneral_con_flex {
        max-height: 90vh;
    }

    #buscaBanSalid_contenbox {
        position: absolute;
        width: 100vw;
        left: 0px;
        height: 100vh;
        z-index: 45;
    }

    #buscaBanSalid_contenbox #buscaBanSalid_bottBis {
        position: absolute;
        width: 160px;
        left: calc(50vw - 80px);
        bottom: 20vw;
        height: 35px;
        display: block;
        cursor: pointer;
        text-align: center;
        z-index: 99999;
        background-color: var(--colorFondoClaro);
        border-radius: 10px;
        border: 1px solid var(--colorInteraccion);
        color: var(--colorInteraccion);
        padding: 10px;
    }

    .btnboxMenIk {
        width: calc(50% - 20px);
    }

    #contentTpvResum {
        min-height: 600px;
    }

    .FormuGoiburu {
        font-size: var(--p1);
    }
}

#encabezWithId {
    width: calc(100% - 30px);
}

.chgen_chatWindow {
    margin: 10px;
    background-color: var(--colorFondoClaro);
    border: 1px solid var(--borde);
}

.chgen_chatWindow_head {
    padding: 5px;
    border-bottom: 1px solid var(--borde);
}

.chgen_chatWindow_mensaje {
    padding: 5px;
    border-top: 1px solid var(--borde);
}

.chgen_chatWindow_mensaje_btn_int {
    border: 1px solid var(--colorInteraccion);
    color: var(--colorInteraccion);
    padding: 5px;
    border-radius: 5px;
    width: 95px;
    text-align: center;
    margin-top: 3px;
    margin-left: 5px;
}

.chgen_chatWindow_mensaje_btn_int:hover {
    background-color: var(--colorInteraccion);
    color: white;
    cursor: pointer;
}

.chgen_chatWindow_mensaje_text {
    width: calc(100% - 100px);
}

.chgen_chatWindow_mensaje_text textarea {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: 40px;
    min-height: 40px;
    max-height: 40px;
    border: 1px solid var(--borde);
}

.chgen_cargobot {
    font-size: var(--p-2);
    color: var(--colorTextoClaro);
}

.cchgen_hatWindow_connect {
    border-radius: 100%;
    height: 15px;
    width: 15px;
    background-color: var(--colorSucess);
    margin-right: 15px;
    ;

}

.chgen_chatWindow_nombre {
    width: calc(100% - 75px)
}

.cchgen_hatWindow_bttasigned {
    width: 30px;
    height: 30px;
    margin-left: 15px;
    border-radius: 100%;
    background-color: #888;
    background-size: cover;
}

.chat-bubble {
    background-color: var(--colorFondo);
    border: 1px solid var(--borde);
    color: white;
    padding: 8px;
    border-radius: 20px;
    position: relative;
    max-width: 300px;
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 20px;
    width: 90%;
    margin-left: 10%;
    font-size: 12px;
    color: var(--colorTexto);
    word-wrap: break-word;
}

.chat-bubble-sent {
    background-color: var(--colorPrincipal);
    color: white;
    padding: 8px;
    border-radius: 20px;
    position: relative;
    max-width: 300px;
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 20px;
    width: 90%;
    font-size: 12px;
    word-wrap: break-word;
}

.chgen_chatWindow_cuerpo {
    height: 300px;
    overflow: auto;
    padding: 10px;
}

.dtsnamEmisor {
    font-size: 10px;
}

.chtghnamEmisor {
    font-size: 10px;
    margin-bottom: 10px;
    ;
}

.suge2aplic {
    padding: 3px;
    border: 1px solid var(--borde);
    font-size: var(--p-2);
    background-color: var(--colorFondo);
    border-radius: 10px;
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 3px;
}

.suge2aplic:hover {
    color: var(--colorInteraccion);
    cursor: pointer;
    border: 1px solid var(--colorInteraccion);
}

.chgen_suge_msgs {
    min-height: 24px;
    padding-top: 7px;
}

.bqlHelpingSugerencia {
    padding: 20px;
    border-radius: 5px;
    border: 2px solid #a5e4d3;
    position: relative;
    background: #cefdeb;
    margin-left: 10px;
    margin-right: 10px;
    color: #222;
}

.bqlHelpingSugerencia .tacheItxi {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 30px;
    cursor: pointer;
    transform: rotate(45deg);
}

.bqlHelpingSugerencia p,
.bqlHelpingSugerencia h3,
.bqlHelpingSugerencia h2,
.bqlHelpingSugerencia h4 {
    --colorTextoOscuro: #222;
    color: #222;
}

.row_conEtique {
    width: 100%;
}

.row_conIcon {
    width: 300px;
    display: flex;
    flex-wrap: wrap;
    display: none;
}

@media(max-width:850px) {
    .row_conEtique {
        width: 100%;
    }

    .row_conIcon {
        width: 100%;
    }
}

.conic_int_icocon {
    width: 40px;
    position: relative;
    margin-right: 10px;
    margin-top: 10px;
    height: 40px;
    cursor: pointer;
}

.conic_int_icocon .conic_int {
    padding: 7.5px;
    text-align: center;
    background-color: var(--borde);
    border-radius: 5px;
    font-size: 18px;
    cursor: pointer;
}

.conic_int_icocon:hover .conic_int {
    color: var(--colorInteraccion);
    border: 1px solid var(--colorInteraccion);
}

.row_conIcon .conic_lab {
    background-color: rgba(255, 255, 255, 0.8);

    min-width: 120px;
    border-radius: 5px;
    /* border: 1px solid var(--borde); */
    bottom: 15px;
    padding: 3px;
    right: 7px;

    text-align: center;
    color: var(--colorTextoClaro);
    position: absolute;
    display: none;
    z-index: 99;
    font-size: var(--p-2);

    bottom: -16px;
}

.conic_int_icocon:hover .conic_lab {
    display: block;
}

.istabl #vstFtoUI0 {
    display: block;
}

.isdtset #vstFtoUI1 {
    display: block;
}

.issart #vstFtoUI2 {
    display: block;
}

.iskanbn #vstFtoUI3 {
    display: block;
}

.isgantt #vstFtoUI4 {
    display: block;
}

.isgantt .posDotsTbl {
    display: none;
}

.isproces #vstFtoUI5 {
    display: block;
}


.isproces #vstFtoUI5 {
    display: block;
}

.issart .barExternaProc {
    position: absolute;
    right: 21px;
    top: 14px;
    width: 120px;
}

.istabl #vstFtoUI0 .conic_int {
    display: block;
    color: white;
    background-color: var(--colorInteraccion);
}

.isdtset .barExternaProc,
.isgantt .barExternaProc {
    display: none
}

.isdtset #vstFtoUI1 .conic_int {
    display: block;
    color: white;
    background-color: var(--colorInteraccion);
}

.issart #vstFtoUI2 .conic_int {
    display: block;
    color: white;
    background-color: var(--colorInteraccion);
}

.iskanbn #vstFtoUI3 .conic_int {
    display: block;
    color: white;
    background-color: var(--colorInteraccion);
}

.isgantt #vstFtoUI4 .conic_int {
    display: block;
    color: white;
    background-color: var(--colorInteraccion);
}

.isproces #vstFtoUI5 .conic_int {
    display: block;
    color: white;
    background-color: var(--colorInteraccion);
}


#cnt-tabla.issart {
    display: flex;
    flex-wrap: wrap;
    background-color: transparent;
    margin-left: 0px;
    margin-right: 0px;
}

#cnt-tabla.issart .filaTabla {
    width: 25%;
    border: 0px solid transparent;
    background-color: transparent;
}

#cnt-tabla.issart .filaTabla>.row {
    background: var(--colorFondoClaro);
    padding: 7.5px;
    border-radius: 7px;
    border: 1px solid var(--borde);
    overflow: hidden;
    position: relative;
}

#app-nagusia.issart #menusup-sb {
    display: none;
}

#cnt-tabla.issart .filaTabla .tblRowSupLvl_txt .row .x6,
#cnt-tabla.issart .filaTabla .tblRowSupLvl_txt .row .x7,
#cnt-tabla.issart .filaTabla .tblRowSupLvl_txt .row .x8,
#cnt-tabla.issart .filaTabla .tblRowSupLvl_txt .row .x9,
#cnt-tabla.issart .filaTabla .tblRowSupLvl_txt .row .x10,
#cnt-tabla.issart .filaTabla .tblRowSupLvl_txt .row .x11,
#cnt-tabla.issart .filaTabla .tblRowSupLvl_txt .row .x12 {
    width: 100% !important;
    padding-bottom: 10px;
}

#cnt-tabla.issart .filaTabla .tblRowSupLvl_txt .row .x3,
#cnt-tabla.issart .filaTabla .tblRowSupLvl_txt .row .x4,
#cnt-tabla.issart .filaTabla .tblRowSupLvl_txt .row .x5 {
    width: 50% !important;
    padding-bottom: 10px;
}

#cnt-tabla.issart .filaTabla .tblRowSupLvl_txt .row .x1,
#cnt-tabla.issart .filaTabla .tblRowSupLvl_txt .row .x2 {
    width: 33% !important;
    padding-bottom: 10px;
}



#cnt-tabla.iskanbn .filaTabla .tblRowSupLvl_txt .row .x6,
#cnt-tabla.iskanbn .filaTabla .tblRowSupLvl_txt .row .x7,
#cnt-tabla.iskanbn .filaTabla .tblRowSupLvl_txt .row .x8,
#cnt-tabla.iskanbn .filaTabla .tblRowSupLvl_txt .row .x9,
#cnt-tabla.iskanbn .filaTabla .tblRowSupLvl_txt .row .x10,
#cnt-tabla.iskanbn .filaTabla .tblRowSupLvl_txt .row .x11,
#cnt-tabla.iskanbn .filaTabla .tblRowSupLvl_txt .row .x12 {
    width: 100% !important;
    padding-bottom: 10px;
}

#cnt-tabla.iskanbn .filaTabla .tblRowSupLvl_txt .row .x3,
#cnt-tabla.iskanbn .filaTabla .tblRowSupLvl_txt .row .x4,
#cnt-tabla.issart .filaTabla .tblRowSupLvl_txt .row .x5 {
    width: 50% !important;
    padding-bottom: 10px;
}

#cnt-tabla.iskanbn .filaTabla .tblRowSupLvl_txt .row .x1,
#cnt-tabla.iskanbn .filaTabla .tblRowSupLvl_txt .row .x2 {
    width: 33% !important;
    padding-bottom: 10px;
}

.dtsetcolumInbon {
    width: 100%;
    overflow: auto;
    height: 45px;
}

.dtsetcolumInbon_contenido {
    min-width: 8998px;
    display: flex;
}

.dtsetcolumInbon_contenido .blqBoxValDtst {
    width: 250px;
    height: 45px;
    overflow: hidden;
}

.dtsetcolumInbon_contenido .blqBoxValDtst .doubleTam {
    width: 500px;
}

.blqBoxValDtst label {
    display: none;
}

.dtsetcolumInbon {
    display: none;
}

#cnt-tabla.isdtset .tblConte {
    display: none;
}

#cnt-tabla.isdtset .dtsetcolumInbon {
    display: block;
}

#cnt-tabla.isdtset .langitblRow {
    display: none;
}

#cnt-tabla.isdtset {
    max-height: 60vh;
    overflow: auto;
}

#app-nagusia.isdtset .dtsetcolumInbon {
    display: block;
    overflow: hidden;
}

#app-nagusia.isdtset .dtsetcolumInbon#mainheadscroll {
    overflow: auto;
}

#app-nagusia.isdtset .tblRowSupLvl_num {
    display: none;
}

#app-nagusia.isdtset .tblRowSupLvl_txt {
    display: none;
}

.iskanbn .tblRowSupLvl_txt .row .x1,
.iskanbn .tblRowSupLvl_txt .row .x2 {
    width: 50% !important;
    padding-bottom: 10px;
    padding: 7px;

    padding-top: 0px;
    padding-bottom: 3px;
}

.iskanbn .tblRowSupLvl_txt .row .x3,
.iskanbn .tblRowSupLvl_txt .row .x4,
.iskanbn .tblRowSupLvl_txt .row .x7,
.iskanbn .tblRowSupLvl_txt .row .x8,
.iskanbn .tblRowSupLvl_txt .row .x9,
.iskanbn .tblRowSupLvl_txt .row .x10,
.iskanbn .tblRowSupLvl_txt .row .x11,
.iskanbn .tblRowSupLvl_txt .row .x12 {
    width: 100% !important;
    padding-bottom: 10px;
    padding: 7px;

    padding-top: 0px;
    padding-bottom: 3px;
}

.blqBoxValDtst .colencab {
    height: 26px;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 240px;
}

.blqBoxValDtst .frm_input_group .frm_specialinput {
    Width: calc(100% - 20px);
    padding-right: 0px;
}

#cnt-tabla.issart .tblConte {
    background-color: var(--colorFondoClaro);
    border: 1px solid var(--borde);
    border-radius: 10px;
}

.boxConteStateTable {
    width: 100%
}

.boxConteStateTable_std {
    display: none;
}




#cnt-tabla.isproces .egoerNavState .egoerNavState_bxt {
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px;
}

#cnt-tabla.isproces .egoerNavState .egoerNavState_bxt .egoBoxSt_icon {
    margin-bottom: 5px;
}


#cnt-tabla.isproces .boxConteStateTable {
    width: var(--col-3);
    position: relative;
}

#cnt-tabla.isproces .boxConteStateTable_std {
    width: calc(100% - var(--col-3));
    display: flex;
}

#cnt-tabla.isproces .filaTabla .tblRowSupLvl_txt .row .x6,
#cnt-tabla.isproces .filaTabla .tblRowSupLvl_txt .row .x7,
#cnt-tabla.isproces .filaTabla .tblRowSupLvl_txt .row .x8,
#cnt-tabla.isproces .filaTabla .tblRowSupLvl_txt .row .x9,
#cnt-tabla.isproces .filaTabla .tblRowSupLvl_txt .row .x10,
#cnt-tabla.isproces .filaTabla .tblRowSupLvl_txt .row .x11,
#cnt-tabla.isproces .filaTabla .tblRowSupLvl_txt .row .x12 {
    width: 100% !important;
    padding-bottom: 10px;
}

#cnt-tabla.isproces .filaTabla .tblRowSupLvl_txt .row .x3,
#cnt-tabla.isproces .filaTabla .tblRowSupLvl_txt .row .x4,
#cnt-tabla.isproces .filaTabla .tblRowSupLvl_txt .row .x5 {
    width: 50% !important;
    padding-bottom: 10px;
}

#cnt-tabla.isproces .filaTabla .tblRowSupLvl_txt .row .x1,
#cnt-tabla.isproces .filaTabla .tblRowSupLvl_txt .row .x2 {
    width: 33% !important;
    padding-bottom: 10px;
}

#cnt-tabla.isproces .filaTabla .tblRowSupLvl_txt .row .x1,
#cnt-tabla.isproces .filaTabla .tblRowSupLvl_txt .row .x2 {
    width: 33% !important;
    padding-bottom: 10px;
}

#cnt-tabla.isproces .tblRowSupLvl_num {
    display: none;
}

#cnt-tabla.isproces .tblRowSupLvl_txt {
    width: 100%;
}



#cnt-tabla.isgantt .tblRowSupLvl_num {
    display: none;
}

#cnt-tabla.isgantt .tblRowSupLvl_txt {
    width: 100%;
}




#cnt-tabla.isgantt .filaTabla .tblRowSupLvl_txt .row .x6,
#cnt-tabla.isgantt .filaTabla .tblRowSupLvl_txt .row .x7,
#cnt-tabla.isgantt .filaTabla .tblRowSupLvl_txt .row .x8,
#cnt-tabla.isgantt .filaTabla .tblRowSupLvl_txt .row .x9,
#cnt-tabla.isgantt .filaTabla .tblRowSupLvl_txt .row .x10,
#cnt-tabla.isgantt .filaTabla .tblRowSupLvl_txt .row .x11,
#cnt-tabla.isgantt .filaTabla .tblRowSupLvl_txt .row .x12 {
    width: 100% !important;
    padding-bottom: 10px;
}

#cnt-tabla.isgantt .filaTabla .tblRowSupLvl_txt .row .x3,
#cnt-tabla.isgantt .filaTabla .tblRowSupLvl_txt .row .x4,
#cnt-tabla.isgantt .filaTabla .tblRowSupLvl_txt .row .x5 {
    width: 50% !important;
    padding-bottom: 10px;
}

#cnt-tabla.isgantt .filaTabla .tblRowSupLvl_txt .row .x1,
#cnt-tabla.isgantt .filaTabla .tblRowSupLvl_txt .row .x2 {
    width: 33% !important;
    padding-bottom: 10px;
}

#cnt-tabla.isgantt .filaTabla .tblRowSupLvl_txt .row .x1,
#cnt-tabla.isgantt .filaTabla .tblRowSupLvl_txt .row .x2 {
    width: 33% !important;
    padding-bottom: 10px;
}

#cnt-tabla.isgantt .tblFIlaMain.filaTabla {
    display: flex;
}

#app-nagusia.isgantt .tblRowSupLvl_num,
#app-nagusia.isproces .tblRowSupLvl_num {
    display: none;
}

.boxConteStateTable_std_bx,
.boxConteStateTable_std_gntt {
    display: none;
}

#cnt-tabla.isproces .boxConteStateTable_std_bx {
    display: block;
    font-size: 12px;
}

#app-nagusia.isgantt .boxConteStateTable_std_gntt {
    display: block;
    position: relative;
    width: 100%;
}

#app-nagusia.isgantt .boxConteStateTable_std_gntt .boxConteStateTable_std_bar {
    position: relative;
    min-width: 50px;
    background-color: var(--colorPrincipal);
    height: 10px;
    border-radius: 5px;
    margin-top: 20px;
}

.boxConteStateTable_std_gntt_boxBars {
    display: none;
}

#app-nagusia.isgantt .boxConteStateTable_std_gntt_boxBars {
    /* display: block; */
    position: absolute;
    height: 114px;
    left: 0px;
    width: 100%;
    top: -25px;
    display: flex;
}

#app-nagusia.isgantt .boxConteStateTable_std_gntt_boxBars .boxSpacetblgntt {
    width: 10%;
    border-left: 1px dotted #AAA;
    height: 100%;
}

#tblGanttBars .boxSpacetblgntt {
    width: 10%;
    border-left: 1px dotted #AAA;
    height: 100%;
}

#app-nagusia.isgantt .tblFIlaMain.filaTabla.col_hasBarra {
    padding-left: 5px;
}

#app-nagusia.isgantt #encabezWithId {
    display: none;
}

#tblGanttBars_cnt,
#tblGanttBars {
    display: none;
}

.isgantt #tblGanttBars_cnt {
    width: 300px;
    height: 40px;
    overflow: hidden;
    display: block;
}

.isgantt #tblGanttBars {
    display: flex;
    margin-left: 16px;
    width: calc(100% - 380px);
}

.ftg_Init_dts {
    font-size: 12px;
    margin-left: -36px;
    padding: 3px;
    background-color: var(--colorFondoClaro);
}

.boxConteStateTable_std_bar_int {
    position: relative;
    top: -10px;
    width: 100%;
    background-color: var(--colorError);
    opacity: 0.2;
    height: 10px;
    display: none;
}

.issart .langitblRow {
    top: 10px;
    right: 20px
}

.issart .barLatTable {
    position: absolute;
    height: 150%;
    max-height: 200%;
    left: 4px;
}

.issart .barLatTable {
    position: absolute;
    height: 100%;
    max-height: 100%;
    left: 4px;
    border-radius: 20px;
}

.leadScoring {
    text-align: center;
    width: 50px;
    padding: 7.5px;
    margin: auto;
    border-radius: 7px;
    font-weight: bold;
    color: var(--colorTexto);
}

.leadScoring.ls_harderror {
    background-color: rgb(255, 0, 0, 0.4);
}

.leadScoring.ls_error {
    background-color: rgb(255, 85, 0, 0.4)
}

.leadScoring.ls_warn {
    background-color: rgb(255, 170, 0, 0.4);
}

.leadScoring.ls_info {
    background-color: rgb(200, 200, 0, 0.4);
}

.leadScoring.ls_isok {
    background-color: rgb(100, 255, 0, 0.4);
}

.leadScoring.ls_good {
    background-color: rgb(0, 200, 0, 0.4);
}

.leadScoring.ls_perfect {
    background-color: rgb(0, 150, 0, 0.4);
}

.boxConteStateTable_std_Personal {
    display: none;
}

.boxConteStateTable_std_timeline {
    display: none;
}

.boxConteStateTable_std_bx {
    display: none;
}

.boxConteStateTable_std_timecount {
    display: none;
}

#cnt-tabla.isproces .boxConteStateTable {
    width: var(--col-3);
}

#cnt-tabla.isproces .boxConteStateTable_std {
    width: calc(100% - var(--col-3));
    display: flex;
    border-left: 1px solid var(--borde);
}

#cnt-tabla.isproces .boxConteStateTable_std_Personal {
    display: none;
    width: 120px;
    padding-top: 40px;
}

#cnt-tabla.isproces .boxConteStateTable_std_Personal .langitblRow {
    display: flex;
    height: 40px;
    position: relative;
    right: auto;
    top: 5px;
    left: 10px;
    width: calc(100% - 30px);
}

#cnt-tabla.isproces .boxConteStateTable_std_Personal .langitblRow .circLang {
    height: 30px;
    width: 30px;
    border: 1px solid var(--borde);
    border-radius: 100%;
    padding: 2px;
    text-align: center;
    font-size: 9px;
    padding-top: 4px;
    margin-top: -7.5px;
}

#cnt-tabla.isproces .boxConteStateTable_std_Personal .langitblRow .circLang_con {
    position: relative;
    height: 29px;
    width: 30px;
    margin-left: -5px;
    border: 1px solid var(--borde);
    border-radius: 100%;
    padding-top: 7px;
    text-align: center;
    font-size: 8px;
    background-color: var(--colorFondoClaro);
}

#cnt-tabla.isproces .boxConteStateTable_std_bx {
    display: block;
    width: 100px;
}

#cnt-tabla.isproces .boxConteStateTable_std_timecount {
    display: none;
    width: 100px;
    justify-content: center;
    padding-top: 56px;
}

#cnt-tabla.isproces .boxConteStateTable_std_gntt {
    display: block;
    width: var(--col-5);
    position: relative;
}

#cnt-tabla.isproces .tblFIlaMain.filaTabla {
    display: flex;
    padding: 0px;
}

#app-nagusia.isproces .boxConteStateTable_std_gntt_boxBars {
    /* display: block; */
    position: absolute;
    height: calc(100% + 11px);
    left: 0px;
    width: 100%;
    top: -5px;
    display: flex;
}

#app-nagusia.isproces .boxConteStateTable_std_gntt_boxBars .boxSpacetblgntt {
    width: 10%;
    border-left: 1px dotted #AAA;
    height: 100%;
    position: relative;
}

#cnt-tabla.isproces .boxConteStateTable_std_bx {
    display: block;
}

#app-nagusia.isproces .boxConteStateTable_std_gntt {
    display: block;
    position: relative;
    width: calc(100% - 116px);
    overflow: hidden;
}

#app-nagusia.isproces .boxConteStateTable_std_gntt .boxConteStateTable_std_bar {
    position: relative;
    min-width: 50px;
    background-color: var(--colorPrincipal);
    opacity: .5;
    height: 10px;
    border-radius: 5px;
    margin-top: 20px;
}

#app-nagusia.isproces .barExternaProc {
    right: auto;
    left: calc(var(--col-4));
    top: 7px;
    width: var(--col-2);
}

.stado24Proc {
    padding: 10px;
    text-align: center;
    background-color: var(--colorFondo);
    height: 100%;
    border-right: 1px solid var(--borde);
    display: flex;
    justify-content: center;
    align-items: center;
}

.stado24Proc.stado24Proc {}

.stado24Proc.pendiente {
    background-color: var(--colorInfoClaro);
    color: var(--colorInfoOscuro);
}

.stado24Proc.sin_iniciar {
    background-color: var(--colorWarningClaro);
    color: var(--colorWarningOscuro);
}

.stado24Proc.en_proceso {
    background-color: var(--colorInfoClaro);
    color: var(--colorInfoOscuro);
}

.stado24Proc.en_verif {
    background-color: var(--colorInfoClaro);
    color: var(--colorInfoOscuro);
}

.stado24Proc.finalizado {
    background-color: var(--colorSucessClaro);
    color: var(--colorErrorSuccess);
}

.stado24Proc.cancelado {
    background-color: var(--colorErrorClaro);
    color: var(--colorErrorOscuro);
}

.isproces #tblGanttBars_cnt {
    width: 80px;
    height: 40px;
    overflow: hidden;
    display: block;
    opacity: 0;
}

.isproces #tblGanttBars {
    display: flex;
    margin-left: 16px;
    width: calc(100% - var(--col-3) - 101px);
}

.isproces #encabezWithId {
    width: var(--col-3);
}


.aprendixIconTexto {
    width: calc(100% - 130px)
}

.aprendixIconApred {
    width: 100px;
    margin-left: 30px
}

@media(max-width:550px) {
    .row_conIcon {
        display: none;
    }
}

.hasMoreHelpingNeed {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    padding: 10px;
    background-color: #cefdeb;
    color: #333;
    border: 1px solid var(--colorSucessOscuro);
    border-radius: 10px;
    display: inline-block;
}

.downLaguntzCanti {
    background-color: var(--colorSucessClaro);
    border: 1px solid var(--colorSucessOscuro);
    border-radius: 100%;
    font-size: 8px;
    height: 13px;
    text-align: center;
    width: 13px;
    margin-top: -9px;
    margin-left: 11px;
    position: absolute;
    padding-top: 1px;
    opacity: 1;
    z-index: 1;
    animation-name: helpingAnimation;
    animation-duration: 1s;
}

#tpPagModT0 .blqminPag_icn,
#tpPagModT1 .blqminPag_icn,
#tpPagModT3 .blqminPag_icn {
    opacity: 0.6;
}

#tpPagModT0 {
    background-color: var(--colorSucessClaro);
    color: var(--colorSucessOscuro);
}

#tpPagModT0.slct {
    border: 1px solid var(--colorSucessOscuro)
}

#tpPagModT0.slct .blqminPag_icn {
    opacity: 1;
}

#tpPagModT1 {
    background-color: var(--colorWarningClaro);
    color: var(--colorWarningOscuro);
}

#tpPagModT1.slct {
    border: 1px solid var(--colorWarningOscuro)
}

#tpPagModT1.slct .blqminPag_icn {
    opacity: 1;
}

#tpPagModT3 {
    background-color: var(--colorErrorClaro);
    color: var(--colorErrorOscuro);
}

#tpPagModT3.slct {
    border: 1px solid var(--colorErrorOscuro)
}

#tpPagModT3.slct .blqminPag_icn {
    opacity: 1;
}

@keyframes helpingAnimation {
    from {
        background-color: red;
    }

    to {
        background-color: yellow;
    }
}



.indbund {
    display: flex;
    /* display: flex; */

    gap: 3px;
    flex-wrap: wrap;
}

.indbund>div {


    width: 118px;
    background: #e0e0e0;
    border-radius: 8px;
}

.indbund>div:only-child {
    width: 100%;
}

.indbund>.agenda-item:last-child:nth-child(odd) {
    width: 100%;
}

.btn_start_functi {
    padding: 3px;
    background-color: var(--colorSucessClaro);
    color: var(--colorSucessOscuro);
    border: 1px solid var(--colorSucessOscuro);
    width: 25px;
    height: 25px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    cursor: pointer;
}

.btn_pay_functi {
    padding: 3px;

    background-color: var(--colorInfoClaro);
    color: var(--colorInfoOscuro);
    border: 1px solid var(--colorInfoOscuro);
    width: 25px;
    height: 25px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    cursor: pointer;
}

.btn_start_functi:hover {
    color: var(--colorInteraccion);
    border: 1px solid var(--colorInteraccion);
}

.btn_pay_functi:hover {
    color: var(--colorInteraccion);
    border: 1px solid var(--colorInteraccion);
}

.hoverpendis:hover {
    background-color: var(--colorFondoOscuro);
}

#pdf_content_list_inner #pdf_content_list_inner_contenido {
    background-color: #FFF;
}

.ispdf {
    background-color: #FFF !important;
}

.dtsetcolumInbon_contenido .blqBoxValDtst.blqBoxValDtst.doubleTam {
    width: 500px;
}

.pagasor {
    padding: 20px;
}



#barraSuperior_desav {
    height: 30px;
    width: 50%;
    margin: auto;
    margin-bottom: 20px;
    border: 1px solid var(--borde);
    background-color: var(--colorFondoClaro);
    margin-top: 20px;
    border-radius: 15px;
    position: relative;
}

#barraSuperior_desav_cont {
    position: absolute;
    width: 0%;
    height: 100%;
    background-color: var(--colorSucessClaro);
    border-radius: 15px;
    top: 0px;
    transition: 1s;
}

#barraSuperior_desav_cont_descript {
    position: absolute;
    width: 100%;
    height: 100%;
    /*! background-color: red; */
    border-radius: 15px;
    top: 6px;
    text-align: center;
}

.avisoAsesorZCore {
    background-color: #e50066;
    color: #FFF;
    width: calc(100% - 20px);
    padding: 10px;
    border-radius: 10px;
    text-align: center;
    font-size: var(--h3);
    opacity: 1;
    transition: .5s;
    background-color: #e5006644;
    cursor: pointer;
    margin-bottom: 20px;

    border: 1px solid var(--colorSecundario);
}

.avisoAsesorZCore h3 {
    color: var(--colorInteraccion)
}

.avisoAsesorZCore p {
    color: var(--colorTextoOscuro);
}

.avisoAsesorZCore:hover {
    animation-name: "";
    background-color: #e5006633;
}

.avisoAsesorZCore:hover h3 {
    color: var(--colorInteraccion)
}

.avisoAsesorZCore:hover p {
    color: var(--colorTextoOscuro);
}

.avisoAsesorZCore i {
    font-size: 50px;
    margin-bottom: 10px;
    color: var(--colorPrincipal);
}

.menu_opt_lvl2_icn {
    width: 40px;
    font-size: 20px
}

.menutpIkon.slctbtn {
    color: var(--colorInteraccion);
}

#idBoxStatusChet {
    display: flex;
    width: calc(100% - 20px);
}

.labeinit_icn {
    font-size: 20px;
    margin-bottom: 5px;
}


.btn_check_final.is_red {
    background-color: var(--colorErrorClaro);
    color: var(--colorErrorOscuro);
    border: 1px solid var(--colorErrorOscuro);
}

.btn_check_final.is_yellow {

    background-color: var(--colorWarningClaro);
    color: var(--colorWarningOscuro);
    border: 1px solid var(--colorWarningOscuro);

}

.btn_check_final.is_yellow {

    background-color: var(--colorWarningClaro);
    color: var(--colorWarningOscuro);
    border: 1px solid var(--colorWarningOscuro);

}

.btn_check_final.is_info {

    background-color: var(--colorInfoClaro);
    color: var(--colorInfoOscuro);
    border: 1px solid var(--colorInfoOscuro);

}

@media(max-width:950px) {
    #bilaGoibu {
        display: none;
    }

    #rightInMobile .boton {
        margin-top: -4px;
        padding: 7px
    }
}

@media(max-width:750px) {
    #remvtaskhome {
        flex-direction: column-reverse;
    }

    #newHde {
        display: none;
    }

    #taskPend_capaci_proc {
        display: none;
    }
}

#cestaDoVank {
    display: none;
}

#timetrackRecord {
    width: 220px !important;
    height: 54px;
    margin-bottom: 10px;
}

#despliegueInfo #timetrack {
    border-radius: 5px;
}

.unidlab_tag {
    position: absolute;
    font-size: 10px;
    top: -14px;
    width: auto;
    text-align: left;
    display: none;
    background-color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    min-width: auto;
    border-radius: 5px;
    border: 1px solid var(--borde);
    width: 120px;
    padding: 3px;

}

.unidlab {
    position: relative;

}

.unidlab:hover .unidlab_tag {
    display: inline;
}

.row.filatblformu.interakt.hoverpendis .langitblRow {
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 100%;
}

.dobbox {
    height: 20px;
    border: 1px solid var(--borde);
    width: 20px;
    margin-left: 20px;
    border-radius: 100%;
}

.pagayudainit {
    height: calc(100% - 29px);
}

#drogpox {
    height: 20px;
    border: 1px solid var(--borde);
    background-color: var(--colorFondoClaro);
    border-radius: 15px;
}

#drogpox_bar {
    position: relative;
    width: 100%;
    height: 20px;
}

#ayuda_innbar {
    width: 50%;
    height: 18px;
    background-color: var(--colorSucessClaro);
    border-radius: 15px;
}

#ayuda_innbar_htm {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 0px;
    padding: 3px;
    font-size: var(--p-2);
}

.blqPdf table {
    width: 100%;
    table-layout: fixed;
}

#mgn_texto_libre table {
    width: 100%;
    table-layout: fixed;
    width: 100%;
}

#pdf_content_list_inner table {
    width: 100%;
    table-layout: fixed;
    width: 100%;
}

#a42print table {
    width: 100%;
    table-layout: fixed;
    width: 100%;
}

.filaReceta .nomMedicReceta {}

#a42print .ispdfaddon .filaReceta .nomMedicReceta,
#pdf_content_list_inner .ispdfaddon .filaReceta .nomMedicReceta,
#pdf_content_list_inner .ispdfaddon  .filaReceta .errMedKlickOpt,
#a42print .ispdfaddon .filaReceta .errMedKlickOpt {
    font-size: var(--p-2) !important;;
    color: var(--colorTextoOscuro) !important;
}


#a42print .notonpdf,
#pdf_content_list_inner .notonpdf {
    display: none;
}

#a42print .filaTabla,
#pdf_content_list_inner .filaTabla {
    font-size: var(--p-2);
}

#a42print .filaTabla p,
#pdf_content_list_inner .filaTabla p {
    font-size: var(--p-2);
}

#innbtnonNorecs .boton.btn-chico {
    margin-top: 40px;
    width: 260px;
    max-width: 90%;
    margin: auto;
    color: white;
    font-size: var(--p-1);
    margin-top: 40px;
}

#innbtnonNorecs .boton.btn-chico i {
    color: white;
    margin-right: 10px;
}
#modwinespec {
	background-color: var(--colorFondoClaro);
	padding: 10px;
    color: var(--colorTexto);
  box-shadow: 0 17px 50px 0 rgba(11,20,26,.19),0 12px 15px 0 rgba(11,20,26,.19);
  width: 1000px;
  max-width: 95vw;
  margin: auto;
  overflow: auto;
  height: calc(100vh - 50px);
  margin-top:0px;
}
#modwinespec .bloque.blqFormu {
	margin: 0px;
	padding: 0px;
}
#menuflotboxCerr {
	width: 1000px;
	max-width: 95vw;
	margin: auto;
	overflow: auto;
    margin-bottom: 0px;
}
#modwinespec #menusup-cntsb {
	flex-wrap: wrap;
}
#modwinespec #menusup-cntsb {
	align-items: center;
	padding-top: 7px;
	padding-bottom: 7px;
}


#modwinespec #menusup-sb {
	max-height: inherit;
	/* background-color: #e3e4e9; */
	border: 1px solid var(--borde);
	border-radius: 5px;
	overflow: hidden;
	padding-left: 7px;
	padding-right: 7px;
	margin-left: 20px;
	margin-right: 20px;
	background-color: var(--colorFondoClaro);
	margin-top: 0;
}
#modwinespec #menusup-cntsb div.selected{
    border-bottom: 0px;
    background-color: var(--colorPrincipal);
    color:var(--colorFondoClaro);
    border-radius:10px
}
#modwinespec #menusup-cntsb div {
	padding: 10px;
	padding-top: 9px;
	padding-left: 25px;
	padding-right: 25px;
	min-height: 34px;
	/* font-size: 18px; */
	font-size: var(--h3);
	font-weight: bold;
	cursor: pointer;
	text-transform: capitalize;
	display: flex;
	align-items: end;
}
#enc_atazalistadiag{
    display: flex;
    flex-wrap: wrap;
}
#diasDiagram{
    display: flex;
    flex-wrap: wrap;
    padding-top: 10px;
    padding-bottom: 10px;
}
.colboxtrhome{
    width:16.6%;
}
.iskvista_9 .onbotinfousr {
	display: block;
    margin-left: 0px;;
}
.screenLayer_box{

}