:root {
    --BgFormMain: #F2F2F2;
    --ShCont: 0px 4px 23px 1px rgb(150 150 150 / 50%);
    --ClBtn: dimgrey;
    --BgFormM2: #f3f3f3;
    --BgTr2n: #E0E0E0;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    border-width: 0;
    line-height: 1.1;
    list-style: none;
    text-decoration: none;
    outline-style: none;
    font-family: 'Muli', sans-serif;
}

div.popempres {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.5);
    justify-content: center;
    align-items: center;
    z-index: 40;
}

div.conempre {
    position: relative;
    display: block;
    padding: 20px;
    border-radius: 10px;
    background: #FFFFFF;
}

div.tituld {
    position: relative;
    display: block;
    text-align: center;
    font-size: 24px;
    margin-bottom: 22px;
    text-transform: uppercase;
}

div.comde {
    width: 100%;
    display: block;
    margin: auto;
    position: relative;
}

span.cubretodo {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 12;
    opacity: .3;
}

div.butts {
    width: 100%;
    margin: 10px auto;
    text-align: center;
    position: relative;
}

div.cajdesdd {
    width: 100%;
    display: inline-block;
    left: 0px;
    position: relative;
}

div.tilfes {
    width: 50%;
    position: relative;
    display: block;
    bottom: 0;
}

div.cajdesdd div.freds.diferen {
    display: inline-flex;
    width: 32%;
    box-sizing: border-box;
}

span.sepag {
    position: relative;
    display: block;
    content: '';
    margin: 20px auto;
    width: 76%;
    height: 2px;
    background: linear-gradient( 90deg, rgba(255,255,255,0) 0%,rgba(200,200,200,1) 50%, rgba(255,255,255,0) 100%);
}

body, html {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 100vh;
}

div.body-content.container1 {
    max-height: calc(100% - 6.5em);
    min-height: calc(100% - 6.5em);
}

div.body-content {
    position: relative;
    display: flex;
    width: 100%;
    max-height: 100%;
    min-height: 100%;
    overflow: hidden;
    font-size: 10px;
    box-sizing: border-box;
}

div.render {
    width: calc(100% - 7.8em);
    margin-left: 7.8em;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    max-height: 100%;
    min-height: 100%;
    padding: 2em;
    box-sizing: border-box;
    overflow: auto;
}

div.nuevomen {
    display: flex;
    position: relative;
    background: #EDEDED;
    height: 100%;
    cursor: pointer;
    z-index: 20;
    transition: all 0.5s ease-in-out;
}

.layoutInactivo .genermnud::-webkit-scrollbar {
    background: none;
    width: 4px;
}

.layoutInactivo .genermnud::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 20px;
}

div.seguncomenunu {
    padding: 1em;
    position: relative;
    transition: all 0.5s ease-in-out;
}

div.nuevomen.layoutInactivo div.seguncomenunu {
    max-width: 5.8em;
}

div.nuevomen.layoutActivo div.seguncomenunu {
    max-width: 31em;
}

div.infuused {
    position: relative;
    overflow: hidden;
    object-fit: contain;
    display: flex;
    flex-direction: column;
    gap: 0.8em;
    margin-left: 1em;
    min-width: 15em;
}

div.genermnud {
    overflow-y: auto;
    overflow-x: hidden;
    scroll-behavior: smooth;
    height: calc(100% - 15em);
}

    div.genermnud .menuorins:last-child {
        height: 8em;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

div.contemdesple div.pading {
    width: 100%;
}

enunu {
    width: calc(85% - 1px);
    position: relative;
    display: block;
    padding: 0px 14px;
    vertical-align: top;
    top: 8%;
}

div.menuorins {
    display: block;
    position: relative;
    box-sizing: border-box;
}

div.immegern {
    min-width: 5.5em;
    max-width: 5.5em;
    min-height: 4.5em;
    max-height: 4.5em;
    padding: 0.9em;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border: 1px solid #FFF;
    border-radius: 10px;
    box-sizing: border-box;
}

    div.immegern img {
        object-fit: cover;
        max-width: 100%;
        max-height: 100%;
        position: relative;
        filter: invert(1);
        box-sizing: border-box;
    }

div.imuserd img {
    box-sizing: border-box;
    object-fit: cover;
    max-width: 100%;
    position: relative;
}

div.imuserd {
    min-width: 80%;
    max-width: 80%;
    max-height: 10.5em;
    min-height: 10.5em;
    padding: 0.9em;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #FFF;
    border-radius: 10px;
    box-sizing: border-box;
}

div.divgre label {
    font-size: 15px;
}

div.regress.off {
    display: none;
}

div.temde {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-left: 1em;
    overflow: hidden;
    min-width: 20em;
}

div.divgre {
    max-width: 15em;
    font-size: 1.4em;
}

div.usuarfij {
    border-bottom: 0.35em solid #000000;
    height: 15em;
    display: flex;
    box-sizing: border-box;
    align-items: center;
    overflow: hidden;
    width: 100%;
    flex-direction: column;
}

/*div.nuevomen.layoutInactivo div.seguncomenunu div.usuarfij {
    min-height: 0px;
    max-height: 0px;
    opacity: 0;
}

div.nuevomen.layoutInactivo div.seguncomenunu div.genermnud {
    height: 100%;
}*/

div.nuevomen.layoutInactivo div.seguncomenunu div.usuarfij {
    flex-direction: row;
    height: 7em;
}

div.nuevomen.layoutInactivo div.seguncomenunu div.usuarfij div.imuserd {
    min-width: 5.5em;
    max-width: 5.5em;
    max-height: 4.5em;
    min-height: 4.5em;
}

div.nuevomen.layoutInactivo div.seguncomenunu div.genermnud {
    height: calc(100% - 7em);
}



div.crearCargForm div.bgtfd {
    width: 100%;
    display: flex;
    position: relative;
    box-sizing: border-box;
    margin: 0;
}

div.comicontx {
    display: flex;
    padding: 7px 0px;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #000000;
    height: 8em;
    box-sizing: border-box;
    overflow: hidden;
}

div.contemdesple {
    width: 100%;
    display: flex;
    height: 0;
    position: relative;
    overflow: hidden;
    transition: .5s;
}


div.imfosserd {
    width: 100%;
    display: block;
    text-align: center;
    height: 100%;
}

    div.imfosserd img {
        width: 100%;
        margin: auto;
        text-align: center;
        position: relative;
        height: 100%;
        display: flex;
        justify-content: center;
    }

div.logooneb {
    width: 100%;
    height: 5.5em;
    position: relative;
    box-sizing: border-box;
}

header.header {
    height: 6.5em;
    width: 100%;
    position: fixed;
    background: #FFFF;
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    align-items: center;
    padding: 0.5em 3em;
    z-index: 999;
    top: 4em;
    font-size: 10px;
    box-sizing: border-box;
}

div.casita {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

div.irte {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

    div.irte i {
        font-size: 3.4em;
    }

div.botonesa {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    position: relative;
    gap: 0.4em;
    box-sizing: border-box;
}

div.divun {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5em;
    gap: 0.3em;
}

div.conimlonf {
    height: 100%;
    z-index: 1;
    width: 50%;
    box-sizing: border-box;
}

div.logooneb div.conimlonf img {
    object-fit: cover;
    max-width: 100%;
    height: 5.5em;
    padding: 0 5px;
    display: block;
    cursor: pointer;
}

    div.logooneb div.conimlonf img.icnmovilnew {
        display: none;
    }

span.textf {
    font-size: 1.7em;
    vertical-align: middle;
    position: relative;
    font-weight: bold;
    margin: auto 0.5em;
}

div.menuher {
    width: 100%;
    display: flex;
    position: relative;
    height: 100%;
    text-align: right;
    justify-content: right;
}

div.cjmcom {
    display: block;
    position: absolute;
    width: 223px;
    background: rgba(203, 153, 4, .9);
    right: 1%;
    height: 0px;
    overflow: hidden;
}

div.cjminm {
    width: 100%;
    display: flex;
    margin: 11px auto;
    position: relative;
    color: #FFFFFF;
    overflow: hidden;
}

div.texdp {
    width: 80%;
    margin: auto;
    position: relative;
    display: inline-block;
    text-align: left;
}

div.herma {
    width: 40%;
    display: contents;
    position: relative;
    margin: auto;
}

    div.herma img {
        object-fit: cover;
        max-width: calc(100% - 10px);
        max-height: 42px;
        display: block;
    }

div.padfre {
    padding: 15px;
}

div.mehm {
    width: 10%;
    position: relative;
    height: 100%;
    cursor: pointer;
    display: none;
    transition: .3s;
    box-sizing: border-box;
    border-radius: 8px;
}

div.slider div.sliderItem div.contemFor img {
    object-fit: cover;
    object-position: center;
    max-width: 100%;
    min-width: 100%;
    max-height: 100%;
    min-height: 100%;
    position: relative;
}

div.immenus {
    cursor: pointer;
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 0.2em;
    box-sizing: border-box;
}

div.confmop {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    padding: 1em 2em;
    box-sizing: border-box;
    position: relative;
    text-align: right;
}

div.ingre {
    width: 35em;
    position: relative;
    height: 100%;
    cursor: pointer;
    display: grid;
    align-items: center;
    justify-content: center;
    grid-template-columns: 5em 1fr;
    transition: .3s;
}

div.buttun {
    width: 100%;
    height: 100%;
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
}

button.nuebot {
    width: 100%;
    height: 100%;
    padding: 0.6em;
    position: relative;
    background-color: rgba(203, 153, 4);
    color: #FFFF;
    font-size: 1.6em;
    box-sizing: border-box;
    cursor: pointer;
}

div.mehm:hover, div.mehm.Activo {
    background: rgba(203, 153, 4, 19.9);
    transition: .3s;
}

    div.mehm:hover div.linea1, div.mehm:hover div.linea2, div.mehm:hover div.linea3, div.mehm.Activo div.linea1, div.mehm.Activo div.linea2, div.mehm.Activo div.linea3 {
        background-color: #FFFF;
        transition: .3s;
    }

div.linea1, div.linea2, div.linea3 {
    position: absolute;
    width: calc(100% - 6px);
    height: 2px;
    background-color: rgba(203, 153, 4);
    transition: all 0.4s ease;
    box-sizing: border-box;
}

    div.linea1:nth-child(1) {
        margin-top: -2.5em;
    }

    div.linea3:nth-last-child(1) {
        margin-bottom: -2.5em;
    }

div.element {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 110px;
    overflow: hidden;
    width: 550px;
}

    div.element.cambioColorPreHeader {
        position: absolute;
        right: 0;
        z-index: 0;
    }

span.transicionColor {
    transform: rotate(0deg);
    margin: 0 8px;
    left: -190px;
}

    span.transicionColor, span.transicionColor > span, span.transicionColor > span:after {
        content: '';
        width: 20px;
        height: 20px;
        background: rgba(0, 0, 0, .0);
        position: relative;
        transition: .4s;
    }

        span.transicionColor > span.elementLeft {
            position: absolute;
            right: -40px;
        }

            span.transicionColor > span.elementLeft:after {
                position: absolute;
                right: -40px;
            }

        span.transicionColor > span.elementRight {
            position: absolute;
            bottom: -40px;
            left: 0;
        }

            span.transicionColor > span.elementRight:after {
                position: absolute;
                bottom: -40px;
                left: 0;
            }

div.drgefd.jhugygt div.freds {
    position: relative;
    display: block;
    margin: 0;
    width: 100%;
    text-align: center;
    grid-column: 1 / span 3;
    box-sizing: border-box;
    margin-top: 1em;
}

span.transicionColor.linea1 {
    background: rgba(255, 255, 255, .0);
    z-index: 1;
}

    span.transicionColor.linea1 > span {
        background: rgba(255, 255, 255, .0);
    }

        span.transicionColor.linea1 > span:after {
            background: rgba(255, 255, 255, .1);
            animation: opacitiColor 4s infinite;
        }

span.transicionColor.linea2 {
    background: rgba(255, 255, 255, .1);
    animation: opacitiColor 3.8s infinite;
    z-index: 2;
}

    span.transicionColor.linea2 > span {
        background: rgba(255, 255, 255, .2);
        animation: opacitiColorDos 3.6s infinite;
    }

        span.transicionColor.linea2 > span:after {
            background: rgba(255, 255, 255, .4);
            animation: opacitiColorTres 3.4s infinite;
        }

span.transicionColor.linea3 {
    background: rgba(255, 255, 255, .4);
    animation: opacitiColorTres 3.2s infinite;
    z-index: 3;
}

    span.transicionColor.linea3 > span {
        background: rgba(255, 255, 255, .6);
        animation: opacitiColorCuatro 3s infinite;
    }

        span.transicionColor.linea3 > span:after {
            background: rgba(255, 255, 255, .8);
            animation: opacitiColorCinco 2.8s infinite;
        }

span.transicionColor.linea4 {
    background: rgba(255, 255, 255, .8);
    animation: opacitiColorCinco 2.5s infinite;
    z-index: 4;
}

    span.transicionColor.linea4 > span {
        background: rgba(255, 255, 255, 1);
    }

        span.transicionColor.linea4 > span:after {
            background: rgba(255, 255, 255, 1);
        }

div.hook {
    width: 100%;
    position: fixed;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0.7em 3em;
    z-index: 1000;
    font-size: 10px;
    box-sizing: border-box;
}

span.transicionColor.linea5 {
    background: rgba(255, 255, 255, .8);
    animation: opacitiColorCinco 2.2s infinite;
    z-index: 4;
}

div.jcadc {
    display: flex;
    gap: 2em;
    color: #FFFFFF;
    position: relative;
}

a.dedd {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 1.1em;
}

div.miniimgg {
    display: flex;
    align-items: center;
    justify-content: center;
}

span.transicionColor.linea5 > span {
    background: rgba(255, 255, 255, 1);
}

    span.transicionColor.linea5 > span:after {
        background: rgba(255, 255, 255, 1);
    }

span.transicionColor.linea6 {
    background: rgba(255, 255, 255, .8);
    animation: opacitiColorCinco 1.8s infinite;
    z-index: 4;
}

    span.transicionColor.linea6 > span {
        background: rgba(255, 255, 255, 1);
    }

        span.transicionColor.linea6 > span:after {
            background: rgba(255, 255, 255, 1);
        }

span.transicionColor:nth-child(4):after {
    content: '';
    background: rgba(255, 255, 255, 1);
    position: absolute;
    width: 410px;
    height: 172px;
    transform: rotate(45deg);
    bottom: -231px;
    right: -351px;
}

span.transicionColor:nth-child(1):after {
    content: '';
    background: linear-gradient(90deg, rgba(21, 128, 64, 0) 10%,rgba(21, 128, 64, 0) 50%);
    position: absolute;
    width: 620px;
    height: 172px;
    transform: rotate(45deg);
    bottom: -305px;
    right: -528px;
}

div.dupp {
    transform: rotate( 720deg);
    width: calc(100% - 1px);
    display: block;
    margin: auto;
    position: absolute;
    top: 3.5em;
    left: 4em;
    z-index: 999;
}

    div.dupp.dos {
        bottom: 1.1em;
        left: 5.6em;
    }

    div.dupp.tres {
        bottom: -0.9em;
        left: 7em;
    }

    div.dupp.cuatro {
        top: 9.7em;
        left: 5.7em;
    }

div.cotrdess {
    width: 55%;
    display: grid;
    position: relative;
    grid-template-columns: 20em 1fr;
    box-sizing: border-box;
}

    div.cotrdess.cotrdessPr {
        width: 100%;
        display: flex;
    }

div.occt, div.occtimg {
    width: 55%;
    display: none;
    position: relative;
}

#occt .cotrdess {
    width: 100%
}

    #occt .cotrdess input {
        height: 2em;
        padding: 1px;
        border: 1px solid transparent;
        margin-top: 0.5em;
    }

div.cotrdess input.selec.color.txx {
    width: 100%;
}

div.cotrdess label {
    width: 100%;
    font-size: 1.4em;
    font-weight: 500;
    align-self: center;
    position: relative;
    display: flex;
    text-align: left;
}

#occtimg div.cotrdess {
    width: 100%;
}

    #occtimg div.cotrdess #divContendorImagene {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

.cominvsd {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 10em;
    gap: 1em;
    overflow: hidden;
}

form.empressaa div.cotrdess input, form.empressaa div.cotrdess select {
    width: 100%;
    position: relative;
    display: flex;
    height: auto;
    border: 1px solid rgba(150,150,150,.5);
    border-radius: 5px;
    justify-content: center;
    font-size: 1.4em;
    padding: 0.5em;
    box-sizing: border-box;
}

form.empressaa div.cotrdess #check, form.empressaa div.cotrdess #checkimg {
    width: 1.5em;
}

div.element.cambioColorHeader {
    transform: rotate( 360deg);
    position: absolute;
    bottom: 0;
    left: -14em;
    width: 20em;
    height: 6.6em;
    z-index: 9999999;
}

div.comminipl {
    position: relative;
    width: 100%;
    height: 100%;
}

div.element.cambioColorHeader span.transicionColor {
    left: 0.5em;
    margin: 0 0.1em;
}

    div.element.cambioColorHeader span.transicionColor, div.element.cambioColorHeader span.transicionColor > span, div.element.cambioColorHeader span.transicionColor > span:after {
        content: '';
        width: 2.8em;
        height: 2.8em;
        position: relative;
        transition: .8s;
        clip-path: polygon(50% 0, 100% 20%, 100% 80%, 50% 100%, 0 80%, 0 20%);
    }

        div.element.cambioColorHeader span.transicionColor > span.elementLeft {
            position: absolute;
            clip-path: polygon(50% 0, 100% 20%, 100% 80%, 50% 100%, 0 80%, 0 20%);
            right: 4.8em;
        }

            div.element.cambioColorHeader span.transicionColor > span.elementLeft:after {
                position: absolute;
                right: -2.6px;
            }

        div.element.cambioColorHeader span.transicionColor > span.elementRight {
            position: absolute;
            bottom: -2.4em;
            left: 1.1em;
        }

            div.element.cambioColorHeader span.transicionColor > span.elementRight:after {
                position: absolute;
                bottom: -26px;
                left: 0;
            }

        div.element.cambioColorHeader span.transicionColor:nth-child(4):after {
            content: '';
            background: rgba(0, 129, 57, 0);
            position: absolute;
            width: 0px;
            height: 0px;
            transform: rotate(0deg);
            bottom: 0px;
            right: 0px;
        }

div.comderf {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    padding-left: 0;
    font-size: 10px;
    box-sizing: border-box;
}

div.rgp {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    gap: 1em;
    box-sizing: border-box;
}

div.prg {
    display: flex;
    padding: 0.5em;
    gap: 1em;
}

div.menuvistsr {
    width: calc(19% - 1px);
    display: flex;
    position: fixed;
    background: #EDEDED;
    height: 100%;
    padding: 20px 0px;
    cursor: pointer;
    z-index: 20;
}

div.comregres {
    width: 100%;
    margin: 15px auto;
    text-align: right;
    position: relative;
}

div.combutsdfs {
    width: calc(100% - 1px);
    margin: auto;
    text-align: right;
}

button.color {
    width: calc(49% - 1px);
    display: inline-block;
    margin: auto;
    justify-content: center;
    position: relative;
    border: 1px solid #FFF;
    border-radius: 20px;
    cursor: pointer;
    padding: 12px;
}

div.contemimg {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background: url(../Img/Mesa-de-escritorio.png);
    background-size: cover;
}

div.contemFor {
    position: relative;
    display: grid;
    grid-template-columns: 15em 1fr;
    background: #cb990499;
    border-radius: 4.5em;
    box-shadow: 0 8px 11px 5px rgb(10 20 30 / 85%);
    width: 55em;
    height: 20em;
    box-sizing: border-box;
    border: 0.7em solid #ffffffc9;
}

div.contemimg div.contemFor h1 {
    position: relative;
    display: block;
    text-transform: uppercase;
    margin: 20px 0;
    text-align: center;
}

div.contemimg div.contemFor form input.selec {
    position: relative;
    display: block;
    width: calc(100% - 20px);
    border-radius: 5px;
    margin: 15px 0;
}

div.opfresd {
    display: none;
    position: relative;
    margin: auto;
    width: 100%;
}

label.btnActCarg.exd {
    width: 100%;
    text-align: center;
    display: flex;
    position: relative;
    justify-content: center;
    left: 0;
    margin: 0;
    top: 0;
    box-sizing: border-box;
    font-size: 1.4em;
}

.cominvsd span#urlimge {
    width: 100%;
    box-sizing: border-box;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    display: inline-block;
    position: relative;
    word-break: break-all;
    font-size: 1.3em;
    top: 0;
}

div.imlogrr.empress {
    position: relative;
    display: flex;
    align-items: center;
    background: linear-gradient( -90deg, rgba(2,0,36,0) 0%, rgba(255,255,255,1) 100%);
    right: 0%;
    text-align: left;
}

    div.imlogrr.empress .ContIMGBackGround {
        display: none;
    }

    div.imlogrr.empress img {
        object-fit: cover;
        max-width: 100%;
        max-height: 5.5em;
        padding: 0 5px;
        display: block;
        position: relative;
        left: 3%;
    }

div.emoresss label {
    position: relative;
    display: block;
    font-weight: 700;
    max-width: 250px;
    padding: 0 10px;
    font-size: 13px;
    width: 100%;
}

div.emoresss {
    position: relative;
    display: flex;
    width: 81%;
    justify-content: center;
    right: 7%;
}

div.contempop {
    position: relative;
    display: block;
    padding: 20px;
    border-radius: 10px;
    background: #FFFFFF;
    width: 30%;
}

span.corculo.btn.btn1 {
    border: none;
    padding: 0px;
    height: 35px;
    width: 40px;
    color: rgba(49,53,57,.5);
    left: -4%;
    z-index: 1004;
    text-align: center;
    top: 8px;
    margin: auto;
}

div.contemUsuario.simulde span.corculo.btn.btn1 {
    border: none;
    padding: 0px;
    height: 35px;
    width: 40px;
    color: rgba(49,53,57,.5);
    left: -1%;
    z-index: 999;
    text-align: center;
    margin: auto;
}

div.contemimg div.contemFor form {
    position: relative;
    display: block;
}

input.btnn.btningre {
    position: relative;
    display: block;
    width: auto;
    padding: 0.5em 2em;
    margin: 0;
    border-radius: 8px;
    box-shadow: 6px 5px 24px #666666;
    font-family: Arial;
    color: #fafafa;
    font-size: 1.6em;
}

div.buttonPopUp {
    position: absolute;
    display: flex;
    width: 4em;
    height: 4em;
    top: -1em;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #E0E0E0;
    right: -1em;
}

    div.buttonPopUp i {
        font-size: 1.5em;
    }

div.popupagrgar {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.5);
    justify-content: center;
    align-items: center;
    z-index: 64;
}

div.popupedtr {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.5);
    justify-content: center;
    align-items: center;
    z-index: 64;
}

div.popupUsuEdt {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.5);
    justify-content: center;
    align-items: center;
    z-index: 64;
}

div.contempop.gtfrd {
    width: 50%;
    margin: auto;
}

div.contempop.edtr {
    width: 70em;
    margin: 0;
    box-sizing: border-box;
    font-size: 10px;
}

div.contempop.usuEdtr {
    width: 70em;
    margin: auto;
    font-size: 10px;
    box-sizing: border-box;
}

form#formulariodosedtr {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2em;
    margin: 2em;
    box-sizing: border-box;
}

div.tablsEdtn {
    display: flex;
    justify-content: center;
    margin: 10px auto;
    max-height: 30em;
    overflow: auto;
}

div.tblAgncs {
    width: 40%;
}

table.tbleEdt {
    margin: auto;
    justify-content: center;
    position: relative;
    display: table;
    width: 100%;
}

    table.tbleEdt thead.hddEdt {
        background: transparent;
        color: #FFFFFF;
        padding: 10px 0;
        position: relative;
        display: table-header-group;
        width: 100%;
    }

button.addPrnpl {
    font-size: 16px;
    margin: 0px 5px;
    cursor: pointer;
    color: #31D40C;
}

button.strctPrnpl {
    font-size: 16px;
    margin: 0px 5px;
    cursor: pointer;
    color: #FF1D35;
}

tbody.bdyEdt {
    margin: 0;
    max-height: 35em;
    position: relative;
    display: table-row-group;
    width: 100%;
    overflow: hidden;
}

tr.edtRw {
    word-break: break-word;
    width: 100%;
    text-align: center;
    position: relative;
    display: table-row;
    align-items: center;
    padding: 5px;
}

    tr.edtRw:nth-child(2n) {
        background: var(--BgTr2n);
    }

div.comd {
    width: calc(80% - 1px);
    margin: auto;
    position: relative;
}

div.cotress input.selec.hgf {
    width: calc(14% - 20px);
    display: inline-block;
    position: relative;
    overflow: hidden;
    top: 10px;
}

div.slider {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    font-size: 10px;
    min-height: 100vh;
    max-height: 100vh;
}

div.sliderItem {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    transition: .5s;
}

div.slider div.sliderItem .comtencaji {
    position: relative;
    max-width: 100%;
    min-width: 100%;
    max-height: 100%;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

div.slider div.sliderItem img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
}

div.comderdf {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    margin: 0;
    top: 0;
    box-sizing: border-box;
}

div.principal {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

div.menudesliza {
    position: relative;
    display: flex;
    text-align: center;
    margin: 2em auto;
    box-sizing: border-box;
    text-transform: uppercase;
    width: 90%;
}

div.menudes {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5em 2em;
    box-sizing: border-box;
    background: #E5E5E5;
    cursor: pointer;
    color: #666666;
    clip-path: polygon(90% 0%, 100% 50%, 90% 100%, 0% 100%, 10% 50%, 0% 0%);
    transition: .5s;
}

    div.menudes label {
        font-size: 1.4em;
        position: relative;
        display: block;
        padding: 0px;
        cursor: pointer;
        z-index: 3;
        font-weight: bolder;
    }

div.vistas {
    position: relative;
    display: -webkit-box;
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-size: 10px;
}

div.comderfPrsnl div.vistas.ajustabl {
    width: 100%;
    min-height: calc(100% - 11.653em);
    max-height: calc(100% - 11.653em);
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden;
}

div.cajitas {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    right: 0;
    padding: 2em;
    margin: 0;
    background: var(--BgFormMain);
    border-radius: 10px;
    overflow-y: auto;
    transition: .5s;
    box-sizing: border-box;
}

div.crearOficForm {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, 1fr);
    gap: 2em;
    align-items: center;
    justify-content: center;
    text-align: left;
    margin-top: 3em;
}

div.formDeduccnewcont div.contform1 div.comform {
    flex-direction: column;
    display: flex;
    gap: 2em;
}

div.drgefd {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    justify-content: center;
    gap: 1em;
    width: 100%;
    box-sizing: border-box;
}

div.ytfdsss.contnewnom .formDeduccnewcont #contf2 form#FrmPagos .comform div.drgefd, div.ytfdsss.contnewnom .formDeduccnewcont #contf3 form#FrmPagos .comform div.drgefd {
    grid-template-columns: 1fr 2em 1fr 2em 1fr;
}

    div.ytfdsss.contnewnom .formDeduccnewcont #contf2 form#FrmPagos .comform div.drgefd:nth-child(3), div.ytfdsss.contnewnom .formDeduccnewcont #contf3 form#FrmPagos .comform div.drgefd:nth-child(3) {
        grid-template-columns: 1fr;
    }

div.vistas div.cajitas:nth-child(3) form .comform div.drgefd, div.vistas div.cajitas:nth-child(4) form .comform div.drgefd {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 1em;
    width: 100%;
    box-sizing: border-box;
}

div.drgefd.ggfdfs {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
}

div.freds {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: self-start;
    justify-content: center;
    box-sizing: border-box;
}

    div.freds div.bkAcct {
        display: flex;
        gap: 1em;
        padding: 0.4em;
    }

div.comform div.drgefd div.freds label {
    font-size: 1.3em
}

div.comform div.drgefd div.freds input, div.comform div.drgefd div.freds select {
    position: relative;
    display: flex;
    padding: 0.3em;
    font-size: 1.4em;
    width: 100%;
    height: auto;
    border: 1px solid rgba(150,150,150,.5);
    border-radius: 5px;
    justify-content: center;
    box-sizing: border-box;
}

div.btreds {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
}

    div.btreds.oct {
        width: 100%;
        display: none;
        margin: 0;
        text-align: center;
        position: relative;
        align-self: flex-end;
    }

div.usref {
    width: 100%;
    position: relative;
    display: block;
    box-sizing: border-box;
}

div.txdeerrf {
    text-align: left;
}

    div.txdeerrf label {
        font-size: 1.3em;
    }

        div.txdeerrf label.blck {
            font-weight: bold;
        }

span.sep {
    position: relative;
    display: block;
    content: '';
    width: 100%;
    height: 3px;
    background: #ED7920;
    margin: 10px 0;
    border-radius: 50px;
}

div.sUBTIL {
    width: 100%;
    position: relative;
    font-size: 1.6em;
    font-weight: bold;
    margin-top: 1.5em;
}

table.tddxsxs {
    background-color: #ffffff;
    position: relative;
    display: table;
    width: 100%;
}

thead.ffreedsed {
    position: relative;
    display: table-header-group;
    width: 100%;
}

tr.tredrt {
    position: relative;
    align-items: center;
    background: #C0C0C0;
    display: table-row;
}

    tr.tredrt th {
        width: 15em;
        color: #ffffff;
        font-size: 1.4em;
        padding: 0.3em 0.2em;
    }

div.drgefd.ggfdfs div.freds {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin: 0;
}

tbody.sddrftfg {
    position: relative;
    display: table-row-group;
    width: 100%;
}

tr.awedfe {
    position: relative;
    display: table-row;
    align-items: center;
    padding: 5px;
}

    tr.awedfe:nth-child(2n) {
        background: var(--BgTr2n);
    }

    tr.awedfe td {
        width: auto;
        text-align: center;
        font-size: 1.4em;
        word-break: break-all;
        padding: 0.2em;
    }

div.titulounive {
    position: relative;
    width: 100%;
    padding: 0em 8em 1em 8em;
    border-bottom: 2px solid silver;
    display: block;
    text-align: center;
    text-transform: uppercase;
    box-sizing: border-box;
}

    div.titulounive label {
        font-size: 2.3em;
    }

div.teeerg {
    position: relative;
    display: block;
    text-align: center;
    width: 100%;
    margin: 2em 0em;
    text-transform: uppercase;
    box-sizing: border-box;
}

div.comderfPrsnl div.vistas.ajustabl div.cajitas.dirmind div.teeerg {
    margin: 1em 0em;
}

div.teeerg label {
    font-size: 2em;
}

div.vistas div.cajitas form {
    display: flex;
    flex-direction: column;
    gap: 1em;
    padding: 2em 0em;
    box-sizing: border-box;
}

    div.vistas div.cajitas form .comform {
        display: grid;
        grid-template-rows: repeat(5, 15fr);
        gap: 1em;
        box-sizing: border-box;
    }

div.vistas div.cajitas:nth-child(2) form .comform, div.vistas div.cajitas:nth-child(3) form .comform, div.vistas div.cajitas:nth-child(4) form .comform, div.vistas div.cajitas:nth-child(7) form .comform, div.vistas div.cajitas:nth-child(8) form .comform {
    display: flex;
    flex-direction: column;
    gap: 1em;
    box-sizing: border-box;
}

div.contemFor h1 {
    position: relative;
    display: block;
    padding: 0.5em 3em;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    color: #FFFFFF;
}

form#logg input.selec {
    position: relative;
    display: block;
    width: 100%;
    border-radius: 5px;
    font-size: 1.5em;
    padding: 0.4em;
    height: auto;
    box-sizing: border-box;
}

form#logg {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 1em;
}

div.nvoOficForm.ades {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: self-start;
    gap: 0.5em;
    width: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.creaOficTitle {
    width: 100%;
    font-size: 1.4em;
}

.nuevoOficCampo {
    width: 100%;
    box-sizing: border-box;
}

div.nuevoOficCampo input.selec, div.nuevoOficCampo select.selec {
    position: relative;
    display: flex;
    padding: 0.3em;
    font-size: 1.5em;
    width: 100%;
    height: auto;
    border: 1px solid rgba(150,150,150,.5);
    border-radius: 5px;
    justify-content: center;
    box-sizing: border-box;
}

div.nvoOficForm.hyutg {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

div.nvoOficForm div.creaOficTitle div.nuevoOficCampo select.selec {
    font-size: 1.0715em;
}

div.popedid {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.5);
    justify-content: center;
    align-items: center;
    z-index: 100;
    font-size: 10px;
}

div.popblac {
    position: relative;
    display: block;
    padding: 2em;
    border-radius: 10px;
    background: #FFFFFF;
    width: 60em;
}

div.bytrr {
    width: 100%;
    text-align: center;
    margin: 10px auto;
}

div.cmpds.desdrr div.crearOficForm {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
    align-items: center;
    justify-content: center;
    text-align: left;
}

div.contTipoabeja {
    width: calc(90% - 1px);
    height: auto;
    position: absolute;
    margin: auto 97px;
    z-index: 20;
    display: -webkit-box;
    min-height: 80%;
    overflow: hidden;
}

div.franjaabeja {
    width: 13%;
    position: relative;
    display: flex;
    justify-content: flex-start;
}

div.contemfran {
    width: 1000%;
    position: relative;
    display: -webkit-box;
    justify-content: flex-start;
}

div.exaabejita {
    width: 300px;
    background: rgb(0, 0, 0, 10);
    height: 300px;
    top: 0;
    left: 0;
    position: relative;
    display: inline-flex;
    text-align: center;
    padding: 20px;
    justify-content: center;
    align-items: center;
    margin: 0px -1px;
    z-index: 2;
    transition: .5s;
    cursor: pointer;
    border-radius: 50%;
}

div.contemUsuario.simulde div.emoresss {
    position: relative;
    display: flex;
    width: 81%;
    justify-content: center;
    right: -13%;
}

div.tablaConsultOfic table {
    position: relative;
    display: block;
    box-sizing: border-box;
    overflow-x: auto;
    background-color: #ffffff;
}

    div.tablaConsultOfic table thead {
        position: relative;
        display: table-header-group;
        width: 100%;
        box-sizing: border-box;
    }

        div.tablaConsultOfic table thead tr {
            position: relative;
            display: table-row;
            align-items: center;
            padding: 0;
            background: #C0C0C0;
        }

            div.tablaConsultOfic table thead tr th {
                color: #ffffff;
                text-align: center;
                box-sizing: border-box;
                padding: 0.3em;
                font-size: 1.4em;
                padding: 0.3em 0.2em;
            }

                div.tablaConsultOfic table thead tr th.wdth0 {
                    min-width: 8em;
                    max-width: 8em;
                }

                div.tablaConsultOfic table thead tr th.wdth1 {
                    min-width: 6em;
                    max-width: 6em;
                }

                div.tablaConsultOfic table thead tr th.wdth2 {
                    min-width: 12em;
                    max-width: 12em;
                }

                div.tablaConsultOfic table thead tr th.wdth3 {
                    min-width: 15em;
                    max-width: 15em;
                }

.btnActCarg {
    background: dimgrey;
    color: #FFFFFF;
    padding: 0.5em 1em;
    cursor: pointer;
    border-radius: 5px;
    transition: 0.5s;
}

div.tablaConsultOfic table tbody {
    position: relative;
    width: 100%;
    display: table-row-group;
    font-size: 1em;
    overflow-y: visible;
}

    div.tablaConsultOfic table tbody tr td {
        width: auto;
        text-align: center;
        font-size: 1.4em;
        word-break: break-all;
        padding: 0.2em;
    }

    div.tablaConsultOfic table tbody tr:nth-child(2n) {
        background: #d2cece;
    }

    div.tablaConsultOfic table tbody tr {
        position: relative;
        display: table-row;
        align-items: center;
        padding: 0;
        text-align: center;
    }

div.buttonCrearOfic {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
    position: relative;
    grid-column: 1 / span 3;
}

    div.buttonCrearOfic button.btnActCarg {
        padding: 0.5em 2em;
    }

div.tablaConsultOfic {
    position: relative;
    display: flex;
    min-width: 100%;
    max-width: 100%;
    overflow: hidden;
    margin: 1em 0em;
    box-sizing: border-box;
}

span.sombrapanal {
    width: 300px;
    background: rgb(0, 0, 0, .2 );
    height: 300px;
    position: absolute;
    display: none;
    content: '';
    text-align: center;
    padding: 20px;
    justify-content: center;
    align-items: center;
    margin: 0px -1px;
    top: 21px;
    left: 21px;
    z-index: 1;
    border-radius: 50%;
}

div.contemsonvbrabe {
    width: 400px;
    height: auto;
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 10px;
    justify-content: center;
    align-items: center;
    right: 0px;
    transition: .4s;
}

div.flecha.derec {
    width: auto;
    display: block;
    right: 0%;
    text-align: right;
    position: absolute;
    font-size: 3em;
    top: 47%;
    cursor: pointer;
    z-index: 25;
}

div.flecha.izsa {
    width: auto;
    display: block;
    left: -1px;
    text-align: left;
    position: absolute;
    font-size: 3em;
    top: 47%;
    cursor: pointer;
    z-index: 25;
}

div.rghtArrw {
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 2em;
    text-align: right;
    position: absolute;
    top: 2em;
    cursor: pointer;
    z-index: 25;
}

    div.rghtArrw span i, div.lftArrw span i {
        font-size: 1.6em;
    }

div.lftArrw {
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 2em;
    text-align: right;
    position: absolute;
    top: 2em;
    cursor: pointer;
    z-index: 2;
}

div.infopanal {
    width: 200px;
    height: 200px;
    margin: auto;
    text-align: center;
    position: relative;
    display: block;
    color: #ffff;
}

span.itemabeji img {
    width: 100PX;
    height: 100PX;
    object-fit: contain;
    filter: invert(1);
}

div.iconopanal {
    width: 70%;
    height: 70%;
    position: relative;
    display: block;
    margin: auto;
    border-radius: 50%;
    text-align: center;
}

span.itemabeji {
    width: 50%;
    height: 50%;
    text-align: center;
    position: relative;
    top: 10px;
    font-size: 74px;
}

div.textpanal {
    width: 100%;
    margin: 10px auto;
    text-align: center;
    position: relative;
    display: block;
    font-size: 1.5em;
}

span.miibolico img {
    width: 2.3em;
    height: 2.3em;
    object-fit: contain;
}

div.panalescondido {
    display: block;
    width: calc(100% - 94px);
    left: 11%;
    position: absolute;
    height: 0px;
    max-height: 599px;
    overflow: hidden;
    top: 185px;
    background: rgb(0, 0, 0, .8);
    z-index: 1;
    opacity: .9;
    transition: .8s;
    border-radius: 0px 0px 152px 150px;
}

div.hghgrf {
    overflow-y: scroll;
    overflow-x: hidden;
}

div.centrarr {
    width: 100%;
    height: 100%;
    margin: auto;
    text-align: center;
    align-items: center;
    position: relative;
}

div.comlist {
    width: 100%;
    display: block;
    margin: auto;
    position: relative;
}

div.minisubmenu {
    width: 100%;
    height: 4.5em;
    display: flex;
    margin: auto;
    position: relative;
    justify-content: flex-start;
    align-items: center;
    overflow: initial;
    transition: .5s;
    box-sizing: border-box;
}

div.menuvistsr div.minisubmenu {
    border-bottom: 1px solid #000000;
}

div.contendis div.defggyy div.comfor {
    border-radius: 3px;
    cursor: pointer;
    width: 100%;
    margin: auto;
    text-align: center;
    background: transparent;
    position: relative;
    box-shadow: 0px 0px 0px transparent;
    overflow-y: auto;
    padding: 0px;
}

    div.contendis div.defggyy div.comfor.activo {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        gap: 2em;
    }

div.defggyy div.comfor.emprs.activo .empressaa {
    width: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 1em;
    box-sizing: border-box;
}

div.supertitul {
    position: relative;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 2.3em;
    text-transform: uppercase;
}

div.comfor.carg.activo div.tablaConsultCarg table {
    background-color: #FFFFFF;
    border-radius: 5px;
    width: 90%;
    box-sizing: border-box;
    position: relative;
    display: table;
}

    div.comfor.carg.activo div.tablaConsultCarg table thead {
        font-weight: bold;
        position: relative;
        display: table-header-group;
        width: 100%;
    }

        div.comfor.carg.activo div.tablaConsultCarg table thead tr {
            border-bottom: 1px solid #000000;
            position: relative;
            display: table-row;
            align-items: center;
            padding: 10px;
            background: #C0C0C0;
        }

            div.comfor.carg.activo div.tablaConsultCarg table thead tr td {
                width: 15em;
                color: #ffffff;
                font-size: 1.4em;
                padding: 0.3em 0.2em;
                text-align: center;
            }

    div.comfor.carg.activo div.tablaConsultCarg table tbody {
        position: relative;
        display: table-row-group;
        width: 100%;
    }

        div.comfor.carg.activo div.tablaConsultCarg table tbody tr {
            border-bottom: 1px solid #000000;
            position: relative;
            display: table-row;
            align-items: center;
            padding: 5px;
            cursor: pointer;
        }

            div.comfor.carg.activo div.tablaConsultCarg table tbody tr td {
                width: auto;
                text-align: center;
                font-size: 1.4em;
                word-break: break-all;
                padding: 0.2em;
            }

div.minisubmenu:hover div.txxconted {
    left: 6%;
    transition: .8s;
}

div.bolcillo {
    cursor: pointer;
    width: 4.5em;
    height: 4.5em;
    padding: 0.5em;
    transition: .8s;
    z-index: 5;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
}

span.miibolico {
    text-align: center;
    display: block;
    overflow: hidden;
}

div.txxconted {
    width: calc(0% - 1px);
    display: flex;
    right: 45%;
    font-size: 0px;
    text-align: center;
    margin: auto;
    position: relative;
    transition: .8s;
    width: calc(80% - 1px);
    font-size: 15px;
    right: -2%;
    transition: .8s;
}

div.tilr {
    position: relative;
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 1em;
    border-bottom: 2px solid silver;
    text-align: center;
    text-transform: uppercase;
}

    div.tilr label {
        font-size: 2.5em;
    }

div.cajitas div.desgf div.contemtb {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    gap: 2em;
    width: 100%;
    padding: 2em 12em;
}

div.comted {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: center;
    box-sizing: border-box;
}

div.hrem {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    margin: 0;
    box-sizing: border-box;
}

    div.hrem label {
        font-size: 1.4em;
    }

    div.hrem input {
        position: relative;
        display: flex;
        padding: 0.3em;
        font-size: 1.5em;
        width: 100%;
        height: auto;
        border: 1px solid rgba(150,150,150,.5);
        border-radius: 5px;
        justify-content: center;
        box-sizing: border-box;
    }

div.confrs {
    width: 100%;
    margin: 0;
    position: relative;
    display: grid;
    justify-content: center;
    align-items: center;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
    box-sizing: border-box;
}

table.tblder {
    background-color: white;
    position: relative;
    display: table;
    width: 100%;
}

thead.cdfes {
    position: relative;
    display: table-header-group;
    width: 100%;
}

tr.trfes {
    position: relative;
    display: table-row;
    align-items: center;
    padding: 10px;
    background: #C0C0C0;
}

    tr.trfes th {
        width: 15em;
        color: #ffffff;
        font-size: 1.4em;
        padding: 0.3em 0.2em;
    }

tbody.cubre {
    position: relative;
    display: table-row-group;
    width: 100%;
}

    tbody.cubre tr.swssdx:nth-child(2n) {
        background: var(--BgTr2n);
    }

tr.swssdx {
    position: relative;
    display: table-row;
    align-items: center;
    padding: 5px;
}

tbody.cubre tr.swssdx td {
    width: auto;
    text-align: center;
    font-size: 1.4em;
    word-break: break-all;
    padding: 0.2em;
}

div.botonerr {
    width: 100%;
    height: 8em;
    max-height: 8em;
    position: absolute;
    margin: 0;
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1em;
    background: #E5E5E5;
    bottom: 0;
    padding: 1.5em;
    box-shadow: 2px 0px 10px rgb(0 0 0 / 68%);
    box-sizing: border-box;
}

    div.botonerr.off {
        display: none;
    }

div.padss div.compd {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    gap: 2em;
    padding: 0em 2em;
}

div.minibotor {
    width: auto;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    text-align: center;
    box-sizing: border-box;
}

div.imprem {
    display: block;
    margin: 20px auto;
    text-align: center;
    width: 80%;
}

div.comlisttr {
    width: calc(13% - 1px);
    display: block;
    margin: auto;
    position: fixed;
    top: 66px;
    left: 5px;
    z-index: 999;
}

div.minisubmenu.usuarar {
    width: 100%;
    display: block;
    height: 174px;
    margin: auto;
    position: relative;
    justify-content: flex-start;
    overflow: initial;
}

div.exaabejita.menupagunn {
    width: 210PX;
    height: 210px;
}

    div.exaabejita.menupagunn div.infopanal {
        width: 150px;
        height: 150px;
    }

    div.exaabejita.menupagunn span.itemabeji {
        font-size: 52px;
    }

div.usuar {
    width: 50px;
    height: 50px;
    transition: .8s;
    z-index: 5;
    display: flex;
    justify-content: flex-start;
}

div.usuarr {
    width: calc(20% - 1px);
    display: flex;
    position: fixed;
    bottom: 5px;
    left: 5px;
    opacity: .9;
    background: rgb(0, 0, 0, .3);
    padding: 15px;
    border-top-right-radius: 19px;
    border-top-left-radius: 19px;
    border-bottom-right-radius: 19px;
    border-bottom-left-radius: 19px;
    z-index: 88;
}

div.volver span.miibolico img {
    width: 29px;
    height: 35PX;
    object-fit: contain;
    cursor: pointer;
}

div.freesw {
    display: block;
    width: calc(80% - 1px);
    color: #ffff;
    font-size: 15px;
    text-align: center;
    margin: auto;
    position: relative;
    transition: .8s;
}



div.usduasr {
    display: block;
    position: relative;
    margin: 5px auto;
    font-size: 1.4em;
    max-width: 15em;
    text-align: center;
}

div.desplee {
    WIDTH: 96%;
    display: block;
    position: relative;
    height: auto;
    transition: .8s;
    opacity: .9;
    background: rgb(0, 0, 0, .5);
    overflow: auto;
    margin: auto;
    top: -130px;
    border-radius: 0px 0px 152px 150px;
}

div.pad {
    padding-top: 117px;
    padding-bottom: 80px;
}

div.COMTNENOTR {
    width: calc(90% - 1px);
    margin: auto;
    top: 0;
    position: relative;
    max-height: 382px;
    overflow-y: scroll;
}

    div.COMTNENOTR::-webkit-scrollbar {
        display: none;
    }

tr.trcuerpDepend.tipGruponominal td {
    position: relative;
    display: inline-block;
    padding: 0;
    width: calc(49% - -12px);
    margin: 5px auto;
    text-align: center;
}

div.minimi.emprs.activo {
    width: 100%;
    display: flex;
    margin: auto;
    position: relative;
    justify-content: flex-start;
}

div.comlisttr {
    width: calc(13% - 1px);
    display: block;
    margin: auto;
    position: fixed;
    top: 8%;
    left: 29px;
    z-index: 999;
    color: #FFFF;
    text-align: center;
}

#spanconfir {
    cursor: pointer;
    height: 25px;
    position: relative;
    right: -3px;
    width: 25px;
    z-index: 10;
    align-items: center;
    text-align: center;
    top: 6px;
}

input.imm {
    width: 100%;
    position: relative;
    font-size: 1.5em;
    padding: 0.4em;
    box-sizing: border-box;
}

div.selec.conm #spanhom {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5em;
}

div.comf form.actualiza .contcmb label {
    font-size: 1.4em;
    font-weight: 500;
}

div.selec.conm {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 3em;
    width: 100%;
    border: 1px solid rgba(150,150,150,.5);
    border-radius: 5px;
    justify-content: center;
    background: #FFFF;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

    div.selec.conm .form-clear {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.4em;
    }

div.menulaterall {
    position: relative;
    display: flex;
    width: 100%;
    z-index: 8;
    align-items: center;
    box-sizing: border-box;
}

div.menulateral.izquierdo {
    margin: 5px;
    z-index: 9;
}

div.cajacontenbonto {
    display: flex;
    margin: auto;
    height: 100%;
    box-sizing: border-box;
    gap: 2em;
}

div.botones {
    position: relative;
    display: flex;
    background: rgba(203, 153, 4, .6);
    cursor: pointer;
    width: 20em;
    height: 20em;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 45px;
    transition: .4s;
}

div.minibotor.ajfrd {
    width: auto;
    display: inline-block;
    text-align: right;
    position: relative;
    right: 0;
    justify-content: space-between;
    padding-right: 0;
    box-sizing: border-box;
    margin-left: auto;
    border: 2px solid silver;
    padding: 1em;
    border-radius: 10px;
}

div.despd {
    width: auto;
    position: relative;
    margin: auto;
    text-align: right;
    display: inline-block;
    box-sizing: border-box;
    font-size: 2em;
    margin-left: 1em;
}

div.imgcmenus {
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
}

div.cnimetex {
    width: 100%;
    position: absolute;
    display: block;
    font-size: 2.4em;
    font-weight: bold;
    color: #FFFFFF;
    bottom: -2em;
    text-align: center;
}

div.comminfor {
    position: relative;
    display: block;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

span.concir {
    width: 28px;
    height: 28px;
    position: relative;
    display: flex;
    background: #FFFFFF;
    border-radius: 50%;
    margin: auto;
    justify-content: center;
    align-items: center;
    color: rgba(10, 20, 30, .9);
    transition: .3s;
}

div.botones div.comminfor div.cnimetex p.trf {
    position: relative;
    display: block;
    font-size: 11px;
    color: #FFFFFF;
    margin: 2px 6px;
}

div.botones:hover {
    background: rgba(203, 153, 4, 19.9);
    transition: .3s;
}

div.slider div.sliderItem div.comminfor div.imgcmenus img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

header.hederAdmi {
    position: relative;
    display: grid;
    grid-template-columns: 35em 1fr 35em;
    box-sizing: border-box;
    width: 100%;
    height: 6.5em;
    font-size: 10px;
    box-shadow: 0px 2px 5px rgb(10 10 10 / 50%);
    justify-content: space-between;
    z-index: 999999999;
    transition: .5s;
    overflow: hidden;
}

div.comtenIm {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    margin: auto;
    padding: 5px;
}

div.ContenedorImgLog {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 15px;
    box-sizing: border-box;
    overflow: visible;
    gap: 0.3em;
}

div.ContSpanLayoutInt {
    display: flex;
    align-items: end;
    flex-direction: column;
    padding: 0.5em 1em;
    background: #2e2e2ead;
    border-radius: 0.8em;
}

    div.ContSpanLayoutInt span {
        white-space: nowrap;
    }

        div.ContSpanLayoutInt span:nth-child(1) {
            color: silver;
            font-weight: 500;
        }

        div.ContSpanLayoutInt span:nth-child(2) {
            color: white;
            font-weight: 600;
            font-size: 1.2em;
        }

        div.ContSpanLayoutInt span:nth-child(3) {
            color: silver;
            font-weight: 500;
        }

        div.ContSpanLayoutInt span:nth-child(4) {
            color: white;
            font-weight: 600;
            font-size: 1.2em;
        }

div.comtenIm img {
    width: auto;
    height: 100%;
    object-fit: contain;
}

div.contemUsuario {
    position: relative;
    display: block;
    left: -9em;
}

div.contem {
    position: relative;
    display: flex;
    margin: 0 10px;
    align-items: center;
}

div.contemIcono {
    display: flex;
    margin: 5px;
    align-items: center;
}

div.Contenedorheder {
    position: relative;
    display: flex;
}

div.contmMenuHamb {
    position: relative;
    display: none;
    height: 100%;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    transition: .4s;
    width: 66px;
}

span.corculo {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFFFFF;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    color: rgba(49,53,57,.5);
}

div.contemtex {
    position: relative;
    display: block;
    width: 100%;
}

    div.contemtex label {
        position: relative;
        display: block;
        font-weight: 700;
        color: #FFFFFF;
        max-width: 180px;
        padding: 0 10px;
        font-size: 15px;
    }

div.contmMenuHamb span {
    position: relative;
    display: flex;
    color: #FFFFFF;
    margin: 0 10px;
    font-size: 25px;
}

header.hederAdmi {
    background-color: rgb(10 10 10 / 76%);
}

div.contmmenuocultt {
    position: absolute;
    display: block;
    right: 1px;
    top: 66px;
    background: rgba(49,53,57,.5);
    border-radius: 0 0 10px 10px;
    height: 0px;
    overflow: hidden;
    transition: .5s;
    z-index: 1;
}

div.ContemItem {
    position: relative;
    width: 200px;
    margin: auto;
    cursor: pointer;
}

div.miniconm {
    width: 100%;
    position: relative;
    overflow: hidden;
}

    div.miniconm.agenem {
        font-weight: 900;
    }

div.ContemItem a {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: flex-end;
    transition: .4s;
    padding: 5px 0;
}

    div.ContemItem a p.Contemtextt {
        position: relative;
        display: flex;
        color: #FFFFFF;
        vertical-align: middle;
        align-items: center;
        transition: .4s;
    }

    div.ContemItem a span {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 25px;
        height: 25px;
        margin: 0 10px;
        background: #FFFFFF;
        border-radius: 50%;
        font-size: 16px;
        transition: .4s;
    }

        div.ContemItem a span i.fas.fa-sign-in-alt {
            color: #313539;
            transition: .4s;
        }

div.padf {
    padding: 10px;
    position: relative;
    margin: auto;
}

div.contmMenuHamb:hover {
    cursor: pointer;
    background: rgba(49,53,57,.5);
    transition: .5s;
}

div.contemMenuExpan {
    width: calc(23% - 1px);
    display: block;
    position: fixed;
    margin: 10px auto;
    margin-left: 23px;
    padding-top: 30px;
}

div.texcontbor {
    position: relative;
    display: block;
    right: 15px;
    text-transform: uppercase;
    font-size: 17px;
    padding: 5px 25px;
    border: 1px solid rgba(49,53,57,.5);
    border-radius: 30px;
    cursor: pointer;
    background: rgba(49,53,57,.5);
    color: #FFFF;
    margin: 2px auto;
    transition: .4s;
}

    div.texcontbor:hover {
        background: #333;
    }

div.moficable {
    position: relative;
    display: block;
    right: 0px;
    top: -1px;
    background: rgba(49,53,57,.5);
    border-radius: 0 0 10px 10px;
    height: 0px;
    overflow: hidden;
    transition: .5s;
    z-index: -2;
    left: 3px;
    width: calc(100% - 35px);
}

div.ajustr {
    overflow: hidden;
    padding: 7px;
}

div.itemcontens {
    position: relative;
    margin: auto;
    width: auto;
    cursor: pointer;
    display: flex;
}

    div.itemcontens p.expp {
        position: relative;
        display: flex;
        color: #FFFFFF;
        vertical-align: middle;
        align-items: center;
        transition: .4s;
    }

span.icc {
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    margin: 0 10px;
    background: #FFFFFF;
    border-radius: 50%;
    font-size: 14px;
    transition: .4s;
    color: black;
}

div.itemcontens:hover {
    background: rgba(50,50,50,.3);
    transition: .4s;
    border-radius: 5px;
}

div.itemcontens a {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: left;
    transition: .4s;
    padding: 5px 0;
    cursor: pointer;
    text-decoration: none;
}

div.menuGrand {
    width: auto;
    margin: auto;
    position: relative;
    z-index: 0;
}

div.texcontbor.usuar {
    display: flex;
}

    div.texcontbor.usuar span.corculo {
        width: 26px;
        height: 23px;
        margin: auto;
        margin-left: 0px;
        margin-right: 9px;
    }

    div.texcontbor.usuar label {
        margin: auto 0px;
    }

div.cotrdess.cmodw {
    display: block;
}

div.ocultoss {
    display: none;
}

.btn {
    color: #0099CC;
    background: transparent;
    border: 2px solid #0099CC;
    border-radius: 6px;
    border: none;
    color: white;
    padding: 10px;
    text-align: center;
    display: inline-block;
    font-size: 15px;
    margin: 4px 2px;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    cursor: pointer;
    text-decoration: none;
    font-weight: bolder;
    text-transform: uppercase;
}

.btn1 {
    background-color: var(--ClBtn);
    color: white;
    border: 2px solid #DF8511;
}

    .btn1:hover {
        background-color: #DF8511;
        color: white;
    }

.btnn:hover {
    background: #DF8511;
    background-image: -webkit-linear-gradient(top, #DF8511, #F88D05);
    background-image: -moz-linear-gradient(top, #2079b0, #eb94d0);
    background-image: -o-linear-gradient(top, #2079b0, #eb94d0);
    background-image: linear-gradient(to bottom, #DF8511, #F88D05);
    text-decoration: none;
}

.btnn {
    cursor: pointer;
    background: #F88D05;
    padding: 7px;
    border-radius: 6px;
    background-image: -webkit-linear-gradient(top, #F88D05, #DF8511);
    background-image: -moz-linear-gradient(top, #eb94d0, #2079b0);
    background-image: -o-linear-gradient(top, #eb94d0, #2079b0);
    background-image: linear-gradient(to bottom, #F88D05, #DF8511);
    -moz-border-radius: 8px;
    border-radius: 5px;
    -webkit-box-shadow: 6px 5px 24px #666666;
    -moz-box-shadow: 6px 5px 24px #666666;
    box-shadow: 6px 5px 24px #666666;
    font-family: Arial;
    color: #fafafa;
    padding: 19px;
    text-decoration: none;
}

div.contemUsuario.simulde label#lblNombreEmpresa {
    font-size: 14px;
    width: calc(100% - 1px);
}

.incc {
    background-color: white;
    color: black;
    border: 2px solid rgba(10, 10, 10, 0.4);
}

    .incc:hover {
        background: rgba(10, 10, 10, 0.7);
        color: white;
    }

div.contMenu {
    position: relative;
    display: none;
    height: 100%;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    transition: .4s;
    width: 66px;
}

div.btnMenu {
    position: relative;
    display: flex;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    transition: .4s;
    width: 66px;
}

div.hiddenMenu {
    position: absolute;
    display: block;
    right: 0;
    background: rgb(49, 53, 57, .9);
    top: 66px;
    border-radius: 0 0 10px 10px;
    height: 0;
    overflow: hidden;
    max-height: 550px;
    transition: .5s;
    z-index: 1;
}

span.iconMenu {
    position: relative;
    display: flex;
    width: 80px;
    height: 68px;
    margin: 0 10px;
}

    span.iconMenu img {
        width: 40PX;
        height: 40PX;
        object-fit: contain;
        filter: invert(0);
        position: relative;
        bottom: -14px;
    }

div.menuContainer {
    padding: 20px 10px;
}

div.menuItem {
    position: relative;
    width: 200px;
    margin: auto;
    cursor: pointer;
    display: flex;
}

div.contMenu div.btnMenu:hover, div.contMenu div.btnMenu.activo {
    background: rgb(49, 53, 57, .5);
}

div.paginacion {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: center;
    z-index: 3;
    margin: 0 0 1em 0
}

    div.paginacion ul.paginas {
        position: relative;
        display: inline-flex;
        padding: 10px 20px 30px;
    }

        div.paginacion ul.paginas li.pagActual {
            position: relative;
            display: block;
            padding: 5px 8px;
            margin: 0 5px;
            font-size: 14px;
            border-radius: 5px;
            border: solid 1px #000000;
            box-shadow: inset -1px 1px 3px -1px rgb(0 0 0 / 50%);
        }

            div.paginacion ul.paginas li.pagActual input {
                position: relative;
                display: block;
                color: #000000;
                width: 30px;
                text-align: center;
                background: transparent;
            }

        div.paginacion ul.paginas li.numPagina {
            position: relative;
            display: block;
            padding: 5px 8px;
            cursor: pointer;
            color: rgba(100,100,100,.9);
            font-size: 14px;
            border: solid 1px rgba(200,200,200,.9);
            border-radius: 5px;
            transition: .4s;
        }

        div.paginacion ul.paginas label {
            position: relative;
            display: flex;
            padding: 5px 3px;
        }

select.selec, input.selec, textarea.selec {
    position: relative;
    display: flex;
    padding:;
    width: calc(100% - 35px);
    height: 30px;
    border: 1px solid rgba(150,150,150,.5);
    border-radius: 5px;
    justify-content: center;
}

div.condofrom {
    position: relative;
    display: block;
    width: calc(99% - 1px);
    justify-content: center;
    margin: auto;
    overflow: hidden;
}

div.comfared {
    display: block;
    margin: auto;
    max-height: 600px;
    overflow-y: scroll;
    width: calc(90% - 1px);
    position: relative;
    overflow: hidden;
    z-index: 1;
    background: #eeeeee;
    vertical-align: top;
    box-shadow: -3px 2px 6px rgb(150 150 150 / 50%);
    padding: 20px;
}

div.comf {
    width: 55em;
    font-size: 10px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background: var(--BgFormMain);
    vertical-align: top;
    box-shadow: var(--ShCont);
    padding: 2em;
}

div.compa {
    width: 100%;
    height: 100%;
    margin: 0;
    justify-content: center;
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
    background: #eeeeee;
    vertical-align: top;
    box-shadow: -3px 2px 6px rgb(150 150 150 / 50%);
    padding: 2em;
    box-sizing: border-box;
}

div.tilud {
    position: relative;
    display: block;
    text-align: center;
    font-size: 2em;
    padding-bottom: 0.4em;
    width: 100%;
    text-transform: uppercase;
    border-bottom: 2px solid silver;
}

div.comf .actualiza {
    margin-top: 1em;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: 1.5em;
}

div.contendssa {
    width: calc(90% - 1px);
    display: block;
    margin: 15px auto;
    justify-content: center;
}

div.cotress {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0;
    position: relative;
    box-sizing: border-box;
}

    div.cotress label {
        font-size: 1.4em;
    }

form#formulariodosedtr div.cotress input, form#formulariodosedtr div.cotress select {
    position: relative;
    display: flex;
    padding: 0.3em;
    font-size: 1.5em;
    width: 100%;
    height: auto;
    border: 1px solid rgba(150,150,150,.5);
    border-radius: 5px;
    justify-content: center;
    box-sizing: border-box;
}

div.combotrf {
    width: calc(80% - 1px);
    display: block;
    position: relative;
    margin: 15px auto;
    text-align: center;
}

button.btnn.naranaja.cdsdseeer {
    width: auto;
    text-align: center;
    margin: auto;
    padding: 10px;
    font-size: 15px;
}

div.texcontbor.Activo {
    background: #333;
}

div.com.IGUA {
    width: 50%;
    box-sizing: border-box;
    display: flex;
    position: relative;
}

div.com {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

div.contcmb {
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
}

div.contgh {
    width: 50%;
    display: block;
    text-align: center;
    box-sizing: border-box;
}

div.popup {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.5);
    justify-content: center;
    align-items: center;
    z-index: 100;
}

div.reds {
    width: calc(100% - 1px);
    margin: 10px auto;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
}

div.jnkjnl {
    margin: auto 35px;
}

img#imglogo {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

footer.comtemfooter {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 1em;
    font-size: 10px;
    background: #111519;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s;
    z-index: 9;
    box-sizing: border-box;
}

ul.maps {
    position: relative;
    display: block;
    text-transform: uppercase;
    transition: .4s;
    color: #FFFF;
}

div.resd {
    text-transform: uppercase;
    margin: 1em;
    transition: .4s;
    color: #FFFF;
    display: inline-flex;
    position: relative;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    gap: 0.5em;
}

ul.maps il {
    color: #717579;
    font-size: 1.6em;
    display: block;
    position: relative;
    transition-delay: .2s;
    transition: .4s;
    cursor: pointer;
    text-align: center;
}

    ul.maps il:hover {
        color: #FFFFFF;
        background: #3B5998;
        transition: .4s;
    }

div.IGUA.contmContacto {
    width: 25%;
    box-sizing: border-box;
}

div.IGUA.Redes {
    width: 25%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

div.IGUA .contd {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0em;
}

div.comoreds {
    display: inline-flex;
    position: relative;
    width: 2em;
    height: 2em;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    cursor: pointer;
    color: #717579;
    transition: .4s;
    font-size: 3em;
}

    div.comoreds:hover {
        color: #FFFFFF;
        background: #3B5998;
        transition: .4s;
    }

label.txs {
    position: relative;
    font-size: 2em;
    font-weight: bold;
}

div.cajdse {
    width: 100%;
    position: relative;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    color: #717579;
    box-sizing: border-box;
}

a.fees:hover {
    color: #FFFFFF;
    background: #3B5998;
    transition: .4s;
}

a.fees {
    text-decoration: none;
    color: #717579;
    cursor: pointer;
    font-size: 1.5em;
    padding: 0.2em;
}

div.comtnfooot {
    width: 100%;
    display: flex;
    position: relative;
    padding: 3.5em;
    box-sizing: border-box;
}

a.Iredes {
    color: #717579;
}

a.comps {
    text-decoration: none;
    color: #717579;
    margin: 5px auto;
    cursor: pointer;
    padding: 5px;
}

span.Flechiss {
    width: 12em;
    display: flex;
    top: -3em;
    position: absolute;
    right: 1em;
    color: #FFFF;
    background: #111519;
    text-align: center;
    border-radius: 20px 20px 0px 0px;
    height: 3em;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: .4s;
    z-index: 2;
}

    span.Flechiss i {
        font-size: 2em;
    }

div.commly {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background: url(../img/2400x1600-que-es-la-inversión-tematica.jpg);
    background-size: cover;
}

div.contemUsuario.simulde {
    width: 50%;
    margin: 1em 0;
    display: inline-flex;
    position: relative;
    box-sizing: border-box;
}

div.comfor.carg div.crearCargForm {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
    align-items: flex-end;
    justify-content: center;
    text-align: left;
    box-sizing: border-box;
    margin: 1em 0;
}

div.crearCargForm div.nvoCargForm {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    margin: 0;
}

    div.crearCargForm div.nvoCargForm .creaCargTitle span {
        font-size: 1.3em;
    }

    div.crearCargForm div.nvoCargForm input {
        position: relative;
        display: flex;
        padding: 0.3em;
        font-size: 1.5em;
        width: 100%;
        height: auto;
        border: 1px solid rgba(150,150,150,.5);
        border-radius: 5px;
        justify-content: center;
        box-sizing: border-box;
    }

div.comfor.carg.activo div.tablaConsultCarg {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: center;
    margin: 0;
    box-sizing: border-box;
}

div.cajid {
    width: 90%;
    display: flex;
    gap: 1em;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
}

div.cajdes {
    width: 50%;
    box-sizing: border-box;
    margin: 1em auto;
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: flex-end;
}

    div.cajdes label {
        font-size: 1.4em;
    }

    div.cajdes input {
        position: relative;
        display: flex;
        padding: 0.3em;
        font-size: 1.5em;
        width: 100%;
        height: auto;
        border: 1px solid rgba(150,150,150,.5);
        border-radius: 5px;
        justify-content: center;
        box-sizing: border-box;
    }

    div.cajdes.asde {
        flex-direction: row-reverse;
        justify-content: flex-end;
        align-items: flex-end;
    }

table.comptbdee {
    background-color: #ffffff;
    margin: auto;
    justify-content: center;
    position: relative;
    display: table;
    width: 100%;
}

thead.thedtvlcd {
    background: transparent;
    color: #FFFFFF;
    padding: 10px 0;
    position: relative;
    display: table-header-group;
    width: 100%;
}

tr.trthedvl {
    position: relative;
    display: table-row;
    align-items: center;
    padding: 10px;
    background: #C0C0C0;
}

thead.thedtvlcd tr.trthedvl th {
    text-align: center;
    width: 15em;
    color: #ffffff;
    font-size: 1.4em;
    padding: 0.3em 0.2em;
}

tbody.cuerpotbfr {
    margin: 0;
    max-height: 35em;
    position: relative;
    display: table-row-group;
    width: 100%;
    overflow: hidden;
}

tr.trtbodycer {
    word-break: break-word;
    width: 100%;
    text-align: center;
    position: relative;
    display: table-row;
    align-items: center;
    padding: 5px;
}

tbody.cuerpotbfr tr.trtbodycer td {
    position: relative;
    margin: 0px auto;
    width: auto;
    text-align: center;
    font-size: 1.4em;
    word-break: break-all;
    padding: 0.2em;
}

div.compa div.compt {
    margin-top: 1em;
}

td.tdoculto {
    position: relative;
    display: block !important;
    width: 100% !important;
    height: 0;
    overflow: hidden;
    transition: .5s;
}

div.butdesp, div.butagre {
    width: 100%;
    display: block;
    position: relative;
    margin: 0px auto;
    text-align: center;
    left: 0;
    box-sizing: border-box;
}

td.tdoculto .activo {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    transition: .5s;
}

div.contendocc {
    position: relative;
    display: block;
    width: 100%;
    margin: auto;
}

table.tsbladoss {
    width: 50%;
    height: 100%;
    overflow: hidden;
    display: inline-block;
    margin: 1em auto;
    justify-content: center;
    position: relative;
    vertical-align: top;
    box-sizing: border-box;
}

div.trfes {
    position: relative;
    display: block;
    text-align: center;
    font-size: 35px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

thead.thtablados {
    background: rgba(10, 10, 10, 0.2);
    color: #FFFFFF;
    width: 100%;
    display: block;
}

tr.trtbldos {
    position: relative;
    display: flex;
    width: 100%;
    padding: 0.7em 0;
    align-items: center;
}

    tr.trtbldos th {
        position: relative;
        display: inline-block;
        width: 100%;
        text-align: center;
        font-size: 1.3em;
    }

tbody.cuerptbldos {
    position: relative;
    display: block;
    width: 100%;
    max-height: 31em;
    margin: auto;
    overflow-y: auto;
    box-sizing: border-box;
}

tr.trtblsbody {
    position: relative;
    display: inline-block;
    padding: 0;
    word-break: break-word;
    width: 100%;
}

tbody.cuerptbldos tr.trtblsbody td {
    position: relative;
    display: block;
    padding: 0;
    width: 100%;
    padding: 0.6em 0px;
    font-size: 1.2em;
    text-align: justify;
}

    tbody.cuerptbldos tr.trtblsbody td i {
        margin: auto 5px;
    }

        tbody.cuerptbldos tr.trtblsbody td i.fas.fa-times.x {
            color: red;
        }

        tbody.cuerptbldos tr.trtblsbody td i.fas.fa-check.chulito {
            color: green;
        }

tr.trtblsbody:nth-child(2n) {
    background: var(--BgTr2n);
}

div.ajusds {
    width: calc(80% - 1px);
    margin: 10px auto;
    text-align: center;
    position: relative;
}

div.popAgrep {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.5);
    justify-content: center;
    align-items: center;
    z-index: 35;
}

div.blnfres {
    position: relative;
    display: block;
    padding: 2em;
    border-radius: 10px;
    background: #FFFFFF;
    width: 65em;
    font-size: 10px;
    box-sizing: border-box;
}

div.nombrreols {
    width: 100%;
    display: block;
    position: relative;
    margin: 1em auto;
    box-sizing: border-box;
}

    div.nombrreols label {
        font-weight: bold;
        font-size: 18px;
    }

div.txnorol span {
    font-weight: 200;
    font-size: 17px;
}

div.ajudteed {
    width: 100%;
    margin: 15px auto;
    text-align: center;
}

div.tblsalarios {
    width: calc(80% - 1px);
    display: block;
    margin: 10px auto;
    text-align: center;
}

table.tbladSalario {
    width: 100%;
    display: block;
    margin: auto;
    justify-content: center;
    position: relative;
}

tr.trthsalario {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
}

thead.thtblsalario {
    background: rgba(10, 10, 10, 0.2);
    color: #FFFFFF;
    padding: 10px 0;
    width: 100%;
    display: block;
}

tr.trthsalario th {
    position: relative;
    display: inline-block;
    width: 50%;
    text-align: center;
}

tbody.tbdysalar {
    position: relative;
    display: block;
    width: 100%;
    margin: auto;
    max-height: 400px;
    overflow-y: auto;
}

tr.saltr {
    position: relative;
    display: inline-block;
    padding: 0;
    word-break: break-word;
    width: 100%;
}

    tr.saltr td {
        position: relative;
        display: inline-block;
        padding: 0;
        width: calc(33% - 1px);
        margin: 5px auto;
        text-align: center;
    }

button.retird {
    color: red;
    font-size: 17px;
    padding: 5px;
    margin: 10px auto;
}

div.comfedbtn {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    div.comfedbtn .btnActCarg {
        background: var(--ClBtn);
        color: #FFFFFF;
        padding: 0.5em;
        font-size: 1.5em;
        cursor: pointer;
        border-radius: 5px;
        transition: 0.5s;
        margin-top: 0.5em;
        width: 13em;
    }

.btnActCarg:hover {
    transition: 0.5s;
    background: #A6ACAF;
}

tr.trtbodycer:nth-child(2n) {
    background: var(--BgTr2n);
}

div.volver {
    position: absolute;
    display: block;
    background: red;
    top: 0px;
    width: 20%;
    height: 50px;
    left: -10%;
    z-index: 999999;
    border-radius: 50%;
}

    div.volver span.miibolico img {
        width: 29px;
        height: 24PX;
        object-fit: contain;
        cursor: pointer;
    }

div.cnsltUsu {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin: 15px auto;
}

div.usuNom {
    margin: auto 15px;
    width: 40%;
}

div.usuBttn {
    margin: 0px auto 0px 0px;
}

div.usuTble {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: center;
    margin: 1em;
    box-sizing: border-box;
}

table.tbleCrtUsu {
    background-color: #ffffff;
    margin: auto;
    justify-content: center;
    position: relative;
    display: table;
    width: 100%;
}

thead.tbleHdd {
    background: transparent;
    color: #FFFFFF;
    padding: 10px 0;
    position: relative;
    display: table-header-group;
    width: 100%;
}

tr.hddRw {
    position: relative;
    display: table-row;
    align-items: center;
    padding: 10px;
    background: #C0C0C0;
}

    tr.hddRw th {
        text-align: center;
        width: 15em;
        color: #ffffff;
        font-size: 1.4em;
        padding: 0.3em 0.2em;
    }

tbody.tbleBdy {
    margin: 0;
    max-height: 35em;
    position: relative;
    display: table-row-group;
    width: 100%;
    overflow: hidden;
}

tr.bdyRw {
    word-break: break-word;
    width: 100%;
    text-align: center;
    position: relative;
    display: table-row;
    align-items: center;
    padding: 5px;
}

    tr.bdyRw td {
        position: relative;
        margin: 0px auto;
        width: auto;
        text-align: center;
        font-size: 1.4em;
        word-break: break-all;
        padding: 0.2em;
    }

tr.edtRw td {
    position: relative;
    margin: 0px auto;
    width: auto;
    text-align: center;
    font-size: 1.4em;
    word-break: break-all;
    padding: 0.2em;
}

div.nomContainer.topcondewtr {
    top: 12%;
    width: calc(80% - 1px);
    margin: auto;
}

div.uyred.jhgfsaw {
    position: relative;
    display: flex;
    justify-content: flex-start;
}

div.apartr {
    display: flex;
    position: relative;
    font-weight: 600;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    padding: 15px;
    background-color: #696969;
    color: #FFFFFF;
    border-radius: 5px 5px 0px 0px;
    margin: 0px 7px 0px 0px;
    cursor: pointer;
}

    div.apartr.activo {
        background-color: #F5F5F5;
        color: #000000;
        z-index: 2;
        border-left: 1px solid;
        border-top: 1px solid;
        border-right: 1px solid;
        padding-top: 10px;
        top: 1px;
    }

div.nmjutfg {
    position: relative;
    padding: 10px;
    border-radius: 0px 10px 10px;
    box-shadow: 2px 5px 5px rgb(0 0 0 / 50%);
    display: block;
    z-index: 1;
    border: 1px solid;
    background-color: #F5F5F5;
}

div.contenofre {
    width: 90%;
    display: none;
    margin: 10px auto;
    position: relative;
}

    div.contenofre.Activo {
        display: block;
    }

div.comnajust {
    width: 100%;
    display: block;
    margin: auto;
    position: relative;
}

div.jitascj {
    width: calc(49% - 1px);
    display: inline-block;
    margin: 10px auto;
    position: relative;
}

div.buttpo {
    width: 100%;
    margin: 10px auto;
    position: relative;
    text-align: center;
}

table.tblibrznas {
    position: relative;
    display: block;
    width: 100%;
    margin: 35px auto;
    border: 1px solid;
    border-radius: 5px;
    box-shadow: 2px 5px 5px rgb(0 0 0 / 50%);
    background-color: #F5F5F5;
}

thead.thdlibranz {
    position: relative;
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    border-bottom: 1px solid;
}

tr.libranzathd {
    position: relative;
    display: block;
}

    tr.libranzathd th {
        position: relative;
        display: inline-block;
        padding: 10px;
        width: calc(14% - 21px);
        text-align: center;
    }

tbody.cuerppfr {
    position: relative;
    display: block;
    font-size: 16px;
}

tr.gtrfvpoo {
    position: relative;
    display: block;
}

    tr.gtrfvpoo td {
        position: relative;
        display: inline-block;
        padding: 10px;
        width: calc(14% - 21px);
        text-align: center;
    }

div.toortgh, div.drrrfds {
    width: calc(49% - 1px);
    display: inline-block;
    margin: auto;
    position: relative;
}

div.titullibr {
    position: relative;
    display: block;
    text-align: center;
    font-size: 15px;
    margin-bottom: 22px;
    text-transform: uppercase;
    border-bottom: 1px solid;
    padding: 10px;
}

div.pufft {
    width: 100%;
    display: block;
    margin: auto;
    position: relative;
}

div.yoptt {
    width: calc(49% - 1px);
    display: inline-block;
    margin: 10px auto;
    position: relative;
}

tr.gtrfvpoo.mber td {
    position: relative;
    display: inline-block;
    padding: 10px;
    width: calc(14% - -3px);
    text-align: center;
}

thead.thdlibranz.emberd tr.libranzathd.embe th {
    width: calc(14% - -1px);
}

div.consp div.ttleNomina.teeerg {
    border-bottom: 2px solid silver;
    padding: 0em 8em 1em 8em;
    position: relative;
    display: block;
    text-align: center;
    width: 100%;
    margin: 0em;
    text-transform: uppercase;
    box-sizing: border-box;
}

    div.consp div.ttleNomina.teeerg label {
        font-size: 2.3em;
    }

div.joipesss {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2em;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    margin: 0;
    width: 100%;
}

div.nomContainer {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    right: 0%;
    padding: 2em;
    margin: 0px;
    background: var(--BgFormMain);
    border-radius: 10px;
    overflow: auto;
    transition: .5s;
    box-sizing: border-box;
}

    div.nomContainer.pequeño {
        max-height: calc(100% - 10em);
    }

.nomContainer.containerSecnd.pequeño div.comrr div.cajitss #formGrupoNomina {
    gap: 0.5em;
}

    .nomContainer.containerSecnd.pequeño div.comrr div.cajitss #formGrupoNomina div.ygdfff {
        margin: 0px;
        box-sizing: border-box;
    }

div.varios div.nomContainer:nth-child(1) form {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2em;
}

div.varios div.nomContainer form {
    width: 100%;
    display: flex;
    gap: 2em;
    flex-direction: column;
    box-sizing: border-box;
}

div.nomContainer div.teeerg.ttleNomina {
    margin: 0em 0em 1em 0em;
}

div.formDeduccnewcont div#contfVinc1 form#FrmPagos2, div.formDeduccnewcont div#contfVinc2 form#FrmPagos2 {
    gap: 0em;
}

div.varios {
    position: relative;
    display: -webkit-box;
    width: 100%;
    height: calc(100% - 5em);
    box-sizing: border-box;
    overflow: hidden;
}

div.hkjhdddd {
    width: 100%;
    margin: 0;
    box-sizing: border-box;
}

    div.hkjhdddd label {
        font-size: 1.3em;
    }

    div.hkjhdddd select.selec, div.hkjhdddd input.selec {
        position: relative;
        display: flex;
        padding: 0.3em;
        font-size: 1.4em;
        width: 100%;
        height: auto;
        border: 1px solid rgba(150,150,150,.5);
        border-radius: 5px;
        justify-content: center;
        box-sizing: border-box;
    }

div.rdioBttn {
    margin-top: 10px;
    margin-bottom: 6px;
}

div.okppjjj {
    position: relative;
    display: flex;
    justify-content: center;
    margin: 0;
    grid-column: 1 / span 2;
}

    div.okppjjj button {
        font-size: 1.5em;
    }

form .comdesas {
    grid-column: 1 / span 2;
    box-sizing: border-box;
    width: 100%;
}

div.cajdesdd div.freds.diferen label {
    margin-top: 0.2em;
}

div.comderdf div.NominasCont {
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin: 0;
    top: 0;
    box-sizing: border-box;
    font-size: 10px;
}

div.navRute.doss {
    position: relative;
    display: inline-block;
    margin: 14px auto;
    width: 200px;
}

div.navRute {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0em 0em 1em 0em;
    width: 100%;
    max-height: 4em;
    min-height: 4em;
    justify-content: left;
    box-sizing: border-box;
}

button.butrer {
    background: transparent;
    font-size: 1.5em;
    font-weight: bold;
    color: #FFFF;
    width: auto;
    height: 100%;
    margin: 0;
    display: inline-block;
    justify-content: center;
    position: relative;
    border: 1px solid #FFF;
    border-radius: 20px;
    cursor: pointer;
    padding: 0em 1em;
}

div.regress {
    width: 15em;
    height: 4em;
    display: inline-block;
    box-sizing: border-box;
}

div.ojduff {
    font-weight: 600;
    cursor: pointer;
    margin: 0em 0.5em;
    position: relative;
}

    div.ojduff span {
        font-size: 1.4em;
    }

    div.ojduff.nwNom {
        display: none;
    }

    div.ojduff.noved {
        display: none;
    }

    div.ojduff.nomHor {
        display: none;
    }

div.erbfff {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 2px solid;
    border-radius: 6px;
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
    font-weight: 700;
    cursor: pointer;
    left: 0;
}

button.desplBttn {
    margin: 0;
    width: 1.3em;
    height: 1.3em;
    border-radius: 45px;
    font-size: 1.6em;
    background-color: #ffc04d;
    cursor: pointer;
    box-sizing: border-box;
}

div.gydsdsss {
    margin: 0;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
}

table.tblNom {
    background-color: #FFFFFF;
    border-radius: 5px;
    width: 90%;
    box-sizing: border-box;
    position: relative;
    display: table;
}

thead.cbzaTbl {
    font-weight: bold;
    position: relative;
    display: table-header-group;
    width: 100%;
}

tbody#TbNominas {
    position: relative;
    display: table-row-group;
    width: 100%;
}

tr.odhsss th {
    width: 15em;
    color: #ffffff;
    font-size: 1.4em;
    padding: 0.3em 0.2em;
    text-align: center;
}

tr.odhsss td {
    width: auto;
    text-align: center;
    font-size: 1.4em;
    word-break: break-all;
    padding: 0.2em;
}

tbody.trtrrr tr.odhsss td:first-child {
    text-align: left;
    font-size: 1.5em;
}

thead.cbzaTbl tr.odhsss {
    border-bottom: 1px solid #000000;
    position: relative;
    display: table-row;
    align-items: center;
    padding: 10px;
    background: #C0C0C0;
}

tbody.trtrrr tr.odhsss {
    border-bottom: 1px solid #000000;
    position: relative;
    display: table-row;
    align-items: center;
    padding: 5px;
    cursor: pointer;
}

    tbody.trtrrr tr.odhsss:nth-child(2n) {
        background: var(--BgTr2n);
    }

span.nominState {
    color: #1FAB0C;
}

span.nominStateRed {
    color: #E72724;
}

div.tfhsdsss {
    width: 100%;
    box-sizing: border-box;
}

    div.tfhsdsss input {
        position: relative;
        display: flex;
        padding: 0.3em;
        font-size: 1.4em;
        width: 100%;
        height: auto;
        border: 1px solid rgba(150,150,150,.5);
        border-radius: 5px;
        justify-content: center;
        box-sizing: border-box;
    }

div.ygdfff {
    margin: 0px;
}

div.nominTbl {
    height: 0px;
    overflow: hidden;
    transition: .5s;
    max-height: 25em;
    box-sizing: border-box;
    overflow: hidden;
}

div.tpeState {
    position: relative;
    align-items: center;
    color: #1FAB0C;
    text-align: right;
}

div.vfrd {
    width: 32%;
    position: relative;
    margin: auto;
    display: inline-block;
    font-size: 1.5em;
    box-sizing: border-box;
}

label.fygdf {
    margin: 0px 3px;
}

div.nomStatefrst {
    display: flex;
    align-items: center;
    justify-content: left;
    width: 15%;
}

div.clrState {
    color: #1FAB0C;
}

div.tpeName {
    margin: 0px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%;
}

div.vfrd.rih {
    width: 4%;
    box-sizing: border-box;
    text-align: right;
    display: flex;
    justify-content: center;
    align-items: center;
}

div.nameSrch {
    margin: 0.5em auto;
    display: grid;
    grid-template-columns: 18em 1fr;
    width: 90%;
    align-items: center;
    box-sizing: border-box;
    gap: 1em;
}

    div.nameSrch div.ydgsyyy {
        position: relative;
        left: 0;
        text-align: left;
        box-sizing: border-box;
    }

        div.nameSrch div.ydgsyyy span {
            font-weight: 600;
            font-size: 1.4em;
        }

div.tblSize {
    margin: 0;
    box-sizing: border-box;
    display: block;
    max-height: 25em;
    width: 100%;
}

div.laTbltaEsa {
    position: relative;
    display: block;
    width: 100%;
    max-height: 18.5em;
    margin: 0px auto;
}

table.ihfddd {
    position: relative;
    display: block;
    width: 95%;
    background-color: #ffffff;
    margin: 0px auto;
}

thead.tblHead {
    position: relative;
    display: block;
    width: 100%;
}

tr.bnvvv {
    position: relative;
    display: block;
    align-items: center;
    padding: 10px;
    background: #C0C0C0;
    box-sizing: border-box;
}

tbody.ghgddd tr.dxdddd:nth-child(2n) {
    background: var(--BgTr2n)
}

tr.bnvvv th {
    width: 12%;
    color: #ffffff;
    display: inline-block;
    box-sizing: border-box;
    font-size: 1.3em;
}

    tr.bnvvv th:last-child {
        width: 14%;
    }

    tr.bnvvv th.compltNmbr {
        width: calc(24%);
    }

div.ojiss {
    width: 20%;
    position: relative;
    display: inline-block;
    margin: auto;
    cursor: pointer;
}

thead.tblHeader tr td.r {
    width: 6%;
    text-align: center;
}

tbody.tblbody tr td.ojot {
    width: 5%;
    text-align: center;
}

tbody.ghgddd {
    position: relative;
    display: block;
    width: 100%;
    max-height: 15em;
    overflow: auto;
}

div.cobrs, div.wssss, div.wss, div.wsews, div.wstrs, div.wstrs {
    position: relative;
    display: block;
    padding: 2em;
    max-height: 50em;
    border-radius: 10px;
    background: #FFFFFF;
    width: 90em;
    box-sizing: border-box;
    font-size: 10px;
    overflow-y: auto;
}

div.pop.uon, div.pop.vacremun, div.gd, div.ogd, div.ogp, div.gre, div.ogdp, div.pogdp, div.pp.kj {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    justify-content: center;
    align-items: center;
    z-index: 100;
    background: rgba(0, 0, 0, 0.5);
}

thead.pgvppoooy tr td {
    width: 15em;
    position: relative;
    display: table-cell;
    padding: 0.9em;
    text-align: center;
    color: white;
}

tbody.upuyttt {
    position: relative;
    display: table-row-group;
    font-size: 1.4em;
}

    tbody.upuyttt tr {
        position: relative;
        display: table-row;
        border-bottom: 1px solid;
    }

        tbody.upuyttt tr:nth-child(2n) {
            background: var(--BgTr2n)
        }

        tbody.upuyttt tr td {
            position: relative;
            display: table-cell;
            padding: 10px;
            width: 15em;
            text-align: center;
        }

div.pophor {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    justify-content: center;
    align-items: center;
    z-index: 100;
    background: rgba(0, 0, 0, 0.5);
}

div.blnacopop {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 1em;
    padding: 2em;
    border-radius: 1em;
    background: #FFFFFF;
    width: 70em;
    font-size: 10px;
    box-sizing: border-box;
}

div.pp.kj tbody.upuyttt tr.ttlItm td {
    width: calc(50% - 26px);
}

thead.pgvppoooy tr {
    position: relative;
    display: table-row;
}

thead.pgvppoooy {
    position: relative;
    display: table-header-group;
    font-size: 1.45em;
    font-weight: 600;
    color: #000000;
    border-bottom: 1px solid;
}

div.titulll {
    position: relative;
    display: block;
    text-align: center;
    font-size: 1.6em;
    margin-bottom: 1em;
    text-transform: uppercase;
}

table.tbltytrrfs {
    position: relative;
    display: table;
    width: 100%;
    margin: 1em auto;
    border: 1px solid;
    border-radius: 5px;
    box-shadow: 2px 5px 5px rgb(0 0 0 / 50%);
    background-color: #F5F5F5;
    box-sizing: border-box;
}

thead.pppoooy {
    position: relative;
    display: table-header-group;
    font-size: 1.45em;
    font-weight: 600;
    color: #000000;
    border-bottom: 1px solid;
}

    thead.pppoooy tr {
        position: relative;
        display: table-row;
    }

        thead.pppoooy tr td {
            position: relative;
            display: table-cell;
            padding: 10px;
            width: 15em;
            text-align: center;
            color: white;
            box-sizing: border-box;
        }

tbody.upouyttt {
    position: relative;
    display: table-row-group;
    font-size: 1.4em;
}

    tbody.upouyttt tr {
        position: relative;
        display: table-row;
        border-bottom: 1px solid;
    }

        tbody.upouyttt tr:nth-child(2n) {
            background: var(--BgTr2n)
        }

        tbody.upouyttt tr td {
            position: relative;
            display: table-cell;
            padding: 0.6em;
            box-sizing: border-box;
            width: auto;
            text-align: center;
        }

div.butt {
    width: 100%;
    position: relative;
    display: inline-block;
    margin: auto;
    text-align: center;
}

div.render.sinmenuddd div.cmdt div.butt {
    width: 100%;
    position: relative;
    display: flex;
    margin: 0;
    text-align: center;
    gap: 2em;
    justify-content: center;
    align-items: center;
}

div.btrd {
    width: auto;
    position: relative;
    display: flex;
    margin: 0;
}

    div.btrd button.btnActCarg {
        width: 9em;
    }

tr.dxdddd {
    position: relative;
    display: block;
    align-items: center;
    padding: 5px;
}

    tr.dxdddd td {
        width: 12%;
        text-align: center;
        display: inline-block;
        box-sizing: border-box;
        font-size: 1.3em;
    }

        tr.dxdddd td:last-child {
            width: 14%;
        }

        tr.dxdddd td.compltNmbr {
            width: calc(24%);
            text-align: left;
            font-size: 1.4em;
        }

        tr.dxdddd td.aprovechik {
            width: calc(2% - -29px);
        }

div.uyfbuuu {
    margin: 20px 0px;
    position: relative;
    font-weight: 600;
}

div.usvgddd {
    position: relative;
    display: flex;
    margin: 0em 1em;
    gap: 1em;
    box-sizing: border-box;
}

div.fdtsttt {
    margin: 0px 5px;
}

div.usvgddd button.btnActCarg {
    font-size: 1.5em;
    background: dimgrey;
    color: #FFFFFF;
    padding: 0.5em 1em;
    width: 8em;
    cursor: pointer;
    border-radius: 5px;
    transition: 0.5s;
}

button.btnActCarg.contnewnom {
    font-size: 20px;
}

div.ytfdsss {
    margin: 0 auto;
    width: 90%;
    box-sizing: border-box;
}

    div.ytfdsss.ingrss {
        display: block;
    }

    div.ytfdsss.ddccns {
        display: none;
    }

div.tsfdsss {
    position: relative;
    display: flex;
    justify-content: flex-start;
}

div.rrsdsds {
    display: flex;
    position: relative;
    font-weight: 600;
    justify-content: center;
    align-items: center;
    font-size: 1.2em;
    padding: 0.7em;
    background-color: #696969;
    color: #FFFFFF;
    border-radius: 5px 5px 0px 0px;
    margin: 0px 7px 0px 0px;
    cursor: pointer;
}

    div.rrsdsds.activo {
        background-color: var(--BgFormM2);
        color: #000000;
        z-index: 2;
        border-left: 1px solid;
        border-top: 1px solid;
        border-right: 1px solid;
        padding-top: 0.8em;
        top: 1px;
    }

div.pestNomin {
    display: flex;
    position: relative;
    font-weight: 600;
    justify-content: center;
    align-items: center;
    font-size: 1.2em;
    padding: 0.7em;
    background-color: #696969;
    color: #FFFFFF;
    border-radius: 5px 5px 0px 0px;
    margin: 0px 7px 0px 0px;
    cursor: pointer;
}

    div.pestNomin.activo {
        background-color: var(--BgFormM2);
        color: #000000;
        z-index: 2;
        border-left: 1px solid;
        border-top: 1px solid;
        border-right: 1px solid;
        padding-top: 0.8em;
        top: 1px;
    }

div.rdsfddd {
    position: relative;
    padding: 2em;
    border-radius: 0px 10px 10px;
    box-shadow: 2px 5px 5px rgb(0 0 0 / 50%);
    display: block;
    z-index: 1;
    border: 1px solid;
    background-color: var(--BgFormM2);
    box-sizing: border-box;
}

    div.rdsfddd.scndhhnn {
        display: none;
    }

    div.rdsfddd.trcrhhnn {
        display: none;
    }

    div.rdsfddd.crthhnn {
        display: none;
    }

    div.rdsfddd.qunthhnn {
        display: none;
    }

    div.rdsfddd.sxthhnn {
        display: none;
    }

div.rdsfdddingNoSal {
    display: none;
}

div.formDeducc {
    position: relative;
    padding: 10px;
    border-radius: 0px 10px 10px;
    box-shadow: 2px 5px 5px rgb(0 0 0 / 50%);
    display: block;
    z-index: 1;
    border: 1px solid;
    background-color: #F5F5F5;
}

    div.formDeducc.otrasDeducc {
        display: none;
    }

    div.formDeducc.licNoRemun {
        display: none;
    }

div.grsdsss {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 1em;
    gap: 2em;
    box-sizing: border-box;
}

div.lkjjjj {
    position: relative;
    display: block;
    width: 500px;
    text-align: center;
}

    div.lkjjjj.yfgduuu {
        border-bottom: 1px solid;
    }

input.selec.bhbsss {
    width: 65%;
    left: 15%;
}

button.btnActCarg.hjhjjjj {
    font-size: 1.5em;
    margin: auto;
}

div.ysdssss {
    width: 33%;
    box-sizing: border-box;
}

    div.ysdssss label {
        font-size: 1.4em;
    }

    div.ysdssss input, div.ysdssss select {
        position: relative;
        display: flex;
        padding: 0.3em;
        font-size: 1.4em;
        width: 100%;
        height: auto;
        border: 1px solid rgba(150,150,150,.5);
        border-radius: 5px;
        justify-content: center;
        box-sizing: border-box;
    }

div.invsbl {
    display: none
}

div.nonextnte {
    display: none;
}

div.ygfgddd {
    position: relative;
    display: flex;
    justify-content: center;
    margin: 15px;
}

div.vgta {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    margin: 1em;
    width: 33%;
}

div.ytfsss {
    display: flex;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
}

div.ygfgddd div.vgta div.ytfsss.pcclo {
    font-size: 1.4em;
    font-weight: 600;
    justify-content: flex-start;
}

div.ygfgddd div.vgta div.ytfsss select, div.ygfgddd div.vgta div.ytfsss input {
    position: relative;
    display: flex;
    padding: 0.3em;
    font-size: 1.4em;
    width: 100%;
    height: auto;
    border: 1px solid rgba(150,150,150,.5);
    border-radius: 5px;
    justify-content: center;
    box-sizing: border-box;
}

button.btnActCarg.novedadDtl {
    margin: 0px 0px 0px 5px;
}

div.contPrme {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    right: 0;
    padding: 2em;
    margin: 0;
    background: #E5E5E5;
    border-radius: 10px;
    transition: .5s;
    box-sizing: border-box;
}

div.novInfo {
    position: relative;
    display: flex;
    margin: 2em auto;
    width: 100%;
    justify-content: center;
    box-sizing: border-box;
}

div.render.sinmenuddd div.contPrme div.novInfo {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2em;
    margin: 2em auto;
    width: 100%;
    justify-content: center;
    box-sizing: border-box;
}

    div.render.sinmenuddd div.contPrme div.novInfo div.infoCont {
        position: relative;
        display: block;
        text-align: center;
        background-color: #FFFFFF;
        margin: 0;
        border-radius: 5px;
        padding: 1em;
        box-shadow: 2px 5px 5px rgb(0 0 0 / 50%);
        width: 100%;
        box-sizing: border-box;
    }

div.infoCont {
    position: relative;
    display: block;
    text-align: center;
    background-color: #FFFFFF;
    margin: 0px 20px;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 2px 5px 5px rgb(0 0 0 / 50%);
    width: 353px;
}

div.prmttl {
    font-size: 2.4em;
    font-weight: bold;
    margin: 0.5em 0px;
}

div.render.sinmenuddd div.contPrme div.novInfo div.infoCont div.textinfo {
    font-size: 1.5em;
    margin: 10px auto;
}

div.textinfo {
    font-size: 14px;
    margin: 10px auto;
}

div.allInfo {
    position: relative;
    display: block;
    padding: 2em;
    box-sizing: border-box;
}

div.dtlNov {
    position: relative;
    border-bottom: 2px solid silver;
    padding: 0em 0em 1em 0em;
    margin-bottom: 1em;
    box-sizing: border-box;
}

    div.dtlNov label {
        font-size: 1.6em;
    }

        div.dtlNov label:first-child {
            font-weight: bold;
        }

.nomContainer.containerFrth div.labelJse {
    margin-bottom: 1em;
}

    .nomContainer.containerFrth div.labelJse label {
        font-size: 1.3em;
    }

div.ItemTtl {
    position: relative;
    font-size: 2em;
    font-weight: 600;
    margin-bottom: 0.5em;
}

div.contPrme div.allInfo form table {
    font-size: 1.4em;
}

table.tblCont {
    position: relative;
    display: block;
    width: 100%;
    background-color: #FFFFFF;
    border: 1px solid;
    border-radius: 5px;
    margin-bottom: 20px;
    box-shadow: 2px 5px 5px rgb(0 0 0 / 50%);
}

thead.tblHeader {
    position: relative;
    display: flex;
    font-weight: 600;
    border-bottom: 1px solid;
}

    thead.tblHeader tr {
        position: relative;
        display: flex;
        width: 100%;
    }

        thead.tblHeader tr td {
            position: relative;
            padding: 10px;
            width: 50%;
        }

tbody.tblbody {
    position: relative;
    display: block;
}

    tbody.tblbody tr {
        position: relative;
        display: flex;
        border-bottom: 1px solid;
    }

        tbody.tblbody tr td {
            position: relative;
            display: block;
            padding: 10px;
            width: 50%;
        }

td.rightItm {
    text-align: right;
}

thead.scndTblHeader {
    position: relative;
    display: flex;
    font-weight: 600;
    border-bottom: 1px solid;
}

    thead.scndTblHeader tr {
        position: relative;
        display: block;
        width: 100%;
    }

        thead.scndTblHeader tr td {
            position: relative;
            display: inline-block;
            padding: 10px;
            width: calc(25% - 24px);
            text-align: center;
        }

            thead.scndTblHeader tr td.itmRight {
                text-align: right;
            }

            thead.scndTblHeader tr td.leftItm {
                text-align: left;
            }

tbody.scndTblBody {
    position: relative;
    display: block;
}

    tbody.scndTblBody tr {
        position: relative;
        display: flex;
        width: 100%;
        border-bottom: 1px solid;
    }

        tbody.scndTblBody tr td {
            position: relative;
            padding: 10px;
            width: 25%;
            text-align: center;
        }

            tbody.scndTblBody tr td.itmRight {
                text-align: right;
            }

tr.ttlItm {
    position: relative;
    display: flex;
    justify-content: space-between;
    font-weight: 600;
    background-color: #E0E0E0;
}

td.leftItm {
    position: relative;
    display: flex;
    text-align: left;
}

div.vcnsTblta {
    position: relative;
    display: block;
    width: 100%;
    box-sizing: border-box;
}

table.tblts {
    position: relative;
    display: table;
    width: 100%;
    margin: 2em auto;
    border: 1px solid;
    border-radius: 5px;
    background-color: #ffffff;
    box-sizing: border-box;
}

thead.tbltsCbza {
    position: relative;
    display: table-header-group;
    font-weight: 600;
    color: #000000;
    border-bottom: 1px solid;
}

    thead.tbltsCbza tr {
        position: relative;
        display: table-row;
        align-items: center;
        padding: 10px;
        background: #C0C0C0;
    }

        thead.tbltsCbza tr td {
            text-align: center;
            width: 15em;
            color: #ffffff;
            font-size: 1.4em;
            padding: 0.3em 0.2em;
        }

tbody.tbltsCrpo {
    position: relative;
    display: table-row-group;
    width: 100%;
}

    tbody.tbltsCrpo tr {
        position: relative;
        display: table-row;
        align-items: center;
        padding: 5px;
    }

        tbody.tbltsCrpo tr td {
            width: auto;
            text-align: center;
            font-size: 1.4em;
            word-break: break-all;
            padding: 0.2em;
        }

        tbody.tbltsCrpo tr:nth-child(2n) {
            background: var(--BgTr2n);
        }

tr.jhgjkoik:nth-child(2n) {
    background: var(--BgTr2n);
}

span.dlteNov {
    color: #C80000;
}

thead.tbltsCbzados {
    font-weight: 600;
    color: #000000;
    border-bottom: 1px solid;
    position: relative;
    display: table-header-group;
    width: 100%;
}

    thead.tbltsCbzados tr {
        position: relative;
        display: table-row;
        align-items: center;
        padding: 10px;
        background: #C0C0C0;
    }

        thead.tbltsCbzados tr td {
            text-align: center;
            width: 15em;
            color: #ffffff;
            font-size: 1.4em;
            padding: 0.3em 0.2em;
        }

tbody.tbltsCrpodos {
    position: relative;
    display: table-row-group;
    width: 100%;
}

    tbody.tbltsCrpodos tr {
        position: relative;
        display: table-row;
        align-items: center;
        padding: 5px;
    }

        tbody.tbltsCrpodos tr:nth-child(2n) {
            background: var(--BgTr2n);
        }

        tbody.tbltsCrpodos tr td {
            width: auto;
            text-align: center;
            font-size: 1.4em;
            word-break: break-all;
            padding: 0.2em;
        }

thead.tbltsCbzatrs {
    border-bottom: 1px solid;
    font-weight: bold;
    width: 100%;
    position: relative;
    display: table-header-group;
}

    thead.tbltsCbzatrs tr {
        position: relative;
        display: table-row;
        align-items: center;
        border-bottom: 1px solid #000000;
        padding: 10px;
        cursor: pointer;
        text-align: center;
    }

        thead.tbltsCbzatrs tr td {
            width: 15em;
            color: #ffffff;
            font-size: 1.4em;
            padding: 0.3em 0.2em;
            position: sticky;
            top: 0;
            z-index: 2;
        }

tbody.tbltsCrpotrs {
    position: relative;
    display: table-row-group;
    width: 100%;
}

    tbody.tbltsCrpotrs tr {
        border-bottom: 1px solid #000000;
        position: relative;
        display: table-row;
        align-items: center;
        padding: 5px;
    }

        tbody.tbltsCrpotrs tr:nth-child(2n) {
            background: var(--BgTr2n);
        }

        tbody.tbltsCrpotrs tr td {
            width: auto;
            text-align: center;
            font-size: 1.4em;
            word-break: break-word;
            padding: 0.2em;
        }

div.weekDays {
    display: block;
    position: relative;
    overflow: auto;
    height: auto;
}

div.nomContainer.containerFrth form div.weekDays {
    display: block;
    position: relative;
    overflow: auto;
    height: auto;
    width: 100%;
}

    div.nomContainer.containerFrth form div.weekDays div.sttusItem {
        grid-template-columns: 1fr 1fr 1fr 5em;
        padding: 0.4em;
    }

form div.tipHor {
    display: flex;
    justify-content: center;
    align-items: center;
}

    form div.tipHor div.freds label {
        font-size: 1.2em;
    }

    form div.tipHor div.freds input, form div.tipHor div.freds select {
        position: relative;
        display: flex;
        padding: 0.4em;
        width: 100%;
        height: auto;
        border: 1px solid rgba(150,150,150,.5);
        border-radius: 5px;
        justify-content: center;
        font-size: 1.4em;
        box-sizing: border-box;
    }

div.dayItem {
    position: relative;
    display: block;
    margin: 0;
    border: 2px solid;
    border-radius: 6px;
    width: 100%;
    left: 0;
    box-sizing: border-box;
    overflow: hidden;
    background: #F5F5F5;
    margin-bottom: 0.5em;
}

div.expandBttn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2em;
    width: 2em;
    border-radius: 45px;
    font-size: 1.6em;
    background-color: #B3B3B3;
    z-index: 2;
    box-shadow: 2px 4px 2px rgb(0 0 0 / 50%);
    color: #FFFFFF;
    cursor: pointer;
}

div.altrExtdbl {
    height: 0px;
    transition: .5s;
}

div.trnDtil {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: space-around;
    align-items: center;
    margin: 0.5em auto;
    box-sizing: border-box;
}

div.trnTme {
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 0.5em;
    width: 35%;
}

div.tittlHor {
    position: relative;
    display: block;
    margin: 0.5em auto;
    font-weight: bold;
}

    div.tittlHor label, div.hourItm label {
        font-size: 1.3em;
    }

div.hourItm {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    box-sizing: border-box;
}

    div.hourItm select {
        position: relative;
        display: flex;
        padding: 0.3em;
        font-size: 1.5em;
        width: 100%;
        height: auto;
        border: 1px solid rgba(150,150,150,.5);
        border-radius: 5px;
        justify-content: center;
        box-sizing: border-box;
    }

div.horBttns {
    position: relative;
    display: flex;
    justify-content: center;
    margin: 20px auto;
}

div.btnsEstos {
    margin: auto 40px;
}

div.horDate {
    position: relative;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

    div.horDate span {
        font-size: 1.2em;
    }

div.dayCheck {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
}

    div.dayCheck label {
        font-size: 1.2em;
    }

div.sttusItem {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 3em;
    gap: 0.5em;
    font-weight: bold;
    padding: 0.5em;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}

.comfor.carg.activo {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow-y: auto;
}

input.dayRadio {
    margin: auto 5px;
}

div.SttsyDemas {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
}

span.clorStte {
    color: #ab0c0c;
    font-size: 1.2em;
}

span.clorTest {
    color: #E72724;
}

div.horDiv > span {
    position: relative;
    display: block;
    content: '';
    width: 100%;
    height: 2px;
    background: #000000;
}

div.trnDiv > span {
    position: relative;
    display: block;
    content: '';
    width: 3px;
    height: 110px;
    background: linear-gradient( 0deg, rgba(229,229,229,1) 0%, rgba(0,0,0,1) 40%, rgba(0,0,0,1) 60%, rgba(229,229,229,1) 100%);
    top: 14%;
}

div.txtHor {
    position: relative;
    display: flex;
    justify-content: center;
    margin: 9px auto;
}

div.btnsEstos.nomAct {
    display: none;
}

div.btnsEstos.nomGard {
    display: none;
}

div.dewwe.usduasr {
    width: 50%;
    margin: auto;
    position: relative;
    display: inline-block;
}

div#DivPopupHorario {
    width: 100%;
    max-height: 30em;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    display: block;
    gap: 0.5em;
    box-sizing: border-box;
}

div.comtbl {
    width: auto;
    margin: auto;
    position: relative;
    display: block;
}

    div.comtbl.ajusred {
        width: 80%;
    }

i.fa.fa-refresh {
    color: #FFFF;
    position: relative;
    top: 11px;
}

div.butimpr {
    width: 80%;
    margin: auto;
    text-align: center;
    position: relative;
}

div.ferdfd {
    position: relative;
    display: flex;
    justify-content: flex-start;
    gap: 1em;
}

div.sdaeded.apsee.jhgfv {
    display: none;
}

.Activ {
    color: #000000;
    z-index: 2;
    border-left: 1px solid;
    border-top: 1px solid;
    border-right: 1px solid;
    padding-top: 10px;
    top: 0px;
}

div.comdesas div.cdesf.apsee.gf {
    position: relative;
    padding: 3em;
    border-radius: 0px 10px 10px;
    box-shadow: 2px 5px 5px rgb(0 0 0 / 50%);
    z-index: 1;
    border: 1px solid;
    background: var(--BgFormM2);
}

div.comdesas div.sdaeded.apsee.jhgfv {
    position: relative;
    padding: 3em;
    border-radius: 0px 10px 10px;
    box-shadow: 2px 5px 5px rgb(0 0 0 / 50%);
    z-index: 1;
    border: 1px solid;
    background: var(--BgFormM2);
}

div.ode {
    display: flex;
    position: relative;
    font-weight: 600;
    justify-content: center;
    align-items: center;
    font-size: 1.6em;
    padding: 15px;
    background-color: #696969;
    color: #FFFFFF;
    border-radius: 5px 5px 0px 0px;
    margin: 0;
    cursor: pointer;
    box-sizing: border-box;
    top: 1px;
    width: 7em;
}

    div.ode.Activ {
        background: var(--BgFormM2);
        color: #000000;
        z-index: 5;
        border-left: 1px solid;
        border-top: 1px solid;
        border-right: 1px solid;
        padding: 0.8em;
        width: 7em;
        box-sizing: border-box;
        top: 1px;
    }

div.retrds {
    width: 100%;
    margin: 2em 0em;
    position: relative;
    display: block;
    box-sizing: border-box;
    border: 2px solid #ffffff;
}

table.tgyi {
    background-color: #FFFFFF;
    border-radius: 5px;
    width: 100%;
    display: block;
    position: relative;
    box-sizing: border-box;
}

thead.kkokko {
    font-weight: bold;
    width: 100%;
    position: relative;
    display: block;
    box-sizing: border-box;
}

tr.uhjuhj {
    position: relative;
    display: flex;
    padding: 0em;
    cursor: pointer;
    box-sizing: border-box;
}

    tr.uhjuhj th {
        position: relative;
        display: inline-flex;
        padding: 0.7em 0.1em;
        font-size: 1.4em;
        height: 3em;
        text-align: center;
        justify-content: center;
        align-items: center;
        width: 8%;
        box-sizing: border-box;
        border-right: 1px solid #ffffff;
        word-break: break-word;
        color: #ffffff;
    }

        tr.uhjuhj th:nth-child(1) {
            width: 15%;
        }

        tr.uhjuhj th:nth-child(10) {
            width: 15%;
        }

        tr.uhjuhj th:nth-child(11) {
            width: 6%;
        }

tbody.hyuijn {
    width: 100%;
    position: relative;
    display: block;
    box-sizing: border-box;
}

tr.jhgjkoik {
    position: relative;
    display: block;
    padding: 0px;
    cursor: pointer;
    box-sizing: border-box;
}

    tr.jhgjkoik td {
        border-left: 1px solid #ffffff;
        position: relative;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        margin: 0;
        height: auto;
        font-size: 1.3em;
        text-align: center;
        width: 8%;
        padding: 0.7em 0.2em;
    }

        tr.jhgjkoik td:nth-child(10) {
            width: 15%;
        }

        tr.jhgjkoik td.occ {
            position: relative !important;
            display: block !important;
            width: 100% !important;
            height: 0;
            overflow: hidden;
            transition: .5s;
            box-sizing: border-box;
            padding: 0;
        }

        tr.jhgjkoik td button {
            background: dimgrey;
            color: #FFFFFF;
            padding: 0;
            max-width: 2.5em;
            width: 2.5em;
            height: 2.2em;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            border-radius: 5px;
            transition: 0.5s;
        }

        tr.jhgjkoik td .padss .compd .minibotor button {
            background: dimgrey;
            color: #FFFFFF;
            padding: 0;
            max-width: 10em;
            width: 10em;
            height: 2em;
            display: flex;
            font-size: 1em;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            border-radius: 5px;
            transition: 0.5s;
        }

div#DivBarraVlNomina div.minibotor button.btnActCarg {
    background: dimgrey;
    color: #FFFFFF;
    padding: 0;
    max-width: 10em;
    width: 10em;
    height: 2.5em;
    display: flex;
    font-size: 1.3em;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 5px;
    transition: 0.5s;
}

tr.jhgjkoik td.pomnys button {
    border-radius: 45px;
    height: 2.5em;
}

div.padss {
    width: 100%;
    margin: 20px auto;
    display: block;
    position: relative;
    box-sizing: border-box;
}

div.herm {
    width: 49%;
    margin: auto;
    display: inline-block;
    position: relative;
}

div.minibotor.gggt.hggd {
    width: 40%;
    display: grid;
    grid-template-columns: 12em 1fr;
    gap: 0.5em;
    position: relative;
    box-sizing: border-box;
    margin-left: auto;
}

    div.minibotor.gggt.hggd div.herm {
        width: 100%;
        margin: 0;
        display: inline-block;
        position: relative;
        box-sizing: border-box;
    }

        div.minibotor.gggt.hggd div.herm label {
            font-size: 1.4em;
            font-weight: 600;
        }

        div.minibotor.gggt.hggd div.herm input {
            position: relative;
            display: flex;
            padding: 0.3em;
            font-size: 1.4em;
            width: 100%;
            height: auto;
            border: 1px solid rgba(150,150,150,.5);
            border-radius: 5px;
            justify-content: center;
            box-sizing: border-box;
            text-align: center;
        }

.retirad {
    display: none;
}

div.popoddagred {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    justify-content: center;
    align-items: center;
    z-index: 100;
    background: rgba(0, 0, 0, 0.5);
}

div.combtrls {
    position: relative;
    display: block;
    padding: 2em;
    border-radius: 1em;
    background: #FFFFFF;
    width: 65em;
    font-size: 10px;
}

table.gfdssADX {
    position: relative;
    background-color: #faf9f9;
    border-radius: 5px;
    width: 100%;
    display: table;
    box-sizing: border-box;
    box-shadow: 2px 5px 5px rgb(0 0 0 / 50%);
}

thead.SZDX {
    font-weight: bold;
    width: 100%;
    position: relative;
    display: table-header-group;
}

tr.sad {
    position: relative;
    display: table-row;
    align-items: center;
    border-bottom: 1px solid #000000;
    padding: 10px;
    cursor: pointer;
    text-align: center;
}

    tr.sad th {
        width: 15em;
        color: #ffffff;
        font-size: 1.4em;
        padding: 0.3em 0.2em;
    }

tbody.adfrfrf {
    position: relative;
    display: table-row-group;
    width: 100%;
}

tr.asefergs {
    border-bottom: 1px solid #000000;
    position: relative;
    display: table-row;
    align-items: center;
    padding: 5px;
}

tbody.adfrfrf tr.asefergs:nth-child(2n) {
    background: #bcbcbc;
}

tr.asefergs td {
    width: auto;
    text-align: center;
    font-size: 1.4em;
    word-break: break-all;
    padding: 0.2em;
}

tr.sad th.olmjkm i {
    font-size: 1.6em;
}

input.selec.dftgvdsfva {
    height: 1.2em;
    margin: auto;
    text-align: center;
    display: inline-block;
}

tr.asefergs td.olmjkm {
    text-align: center;
    margin: auto;
    position: relative;
}

div.buttr {
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    gap: 1em;
}

div.texss {
    margin: 1em auto;
    text-align: center;
    position: relative;
    font-size: 1.5em;
}

div.SUBTRE {
    margin: 1em auto;
    position: relative;
    text-align: center;
}

    div.SUBTRE span {
        font-size: 2em;
    }

div.popoddagred div.combtrls div.tabl {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1em;
}

div.popelimin {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.5);
    justify-content: center;
    align-items: center;
    z-index: 100;
}

tr.jhgjkoik td.pomnys {
    width: 6%;
}

tr.jhgjkoik td.compltNmbr {
    width: 15%;
    text-align: start;
}

div.libranzz {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.5);
    justify-content: center;
    align-items: center;
    z-index: 100;
}

div.EMVERRR {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.5);
    justify-content: center;
    align-items: center;
    z-index: 100;
}

div.EXEPLANT {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.5);
    justify-content: center;
    align-items: center;
    z-index: 100;
}

div.contnewnom {
    position: relative;
    width: 90%;
    font-size: 1em;
}

    div.contnewnom .secmodulnew ul {
        display: flex;
        text-decoration: none;
        list-style: none;
    }

        div.contnewnom .secmodulnew ul li {
            font-weight: 600;
            padding: 10px;
            border-radius: 5px 5px 0px 0px;
            margin-right: 7px;
            cursor: pointer;
        }

            div.contnewnom .secmodulnew ul li.activado {
                background-color: #F5F5F5;
                color: #000000;
                font-size: 1.2em;
                z-index: 2;
                border-left: 1px solid;
                border-top: 1px solid;
                border-right: 1px solid;
                top: 0.07em;
                position: relative;
            }

            div.contnewnom .secmodulnew ul li.desactivado {
                background-color: #696969;
                color: #FFFFFF;
                font-size: 1.2em;
            }

div.contNewVinc {
    position: relative;
    box-sizing: border-box;
    margin-top: 2em;
    width: 90%;
    font-size: 1em;
}

    div.contNewVinc .secmodulnew ul {
        display: flex;
        text-decoration: none;
        list-style: none;
    }

        div.contNewVinc .secmodulnew ul li {
            font-weight: 600;
            padding: 10px;
            border-radius: 5px 5px 0px 0px;
            margin-right: 7px;
            cursor: pointer;
        }

            div.contNewVinc .secmodulnew ul li.activado {
                background-color: #F5F5F5;
                color: #000000;
                font-size: 1.2em;
                z-index: 2;
                border-left: 1px solid;
                border-top: 1px solid;
                border-right: 1px solid;
                top: 0.07em;
                position: relative;
            }

            div.contNewVinc .secmodulnew ul li.desactivado {
                background-color: #696969;
                color: #FFFFFF;
                font-size: 1.2em;
            }

.conGerVictInfo, .conGerVictInfo2, .conGerVictInfo3 {
    width: 100%;
    position: relative;
    margin-top: 2em;
}

.contModSelect, .contModSelect2, .contModSelect3 {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 5px;
    display: grid;
    gap: 5px;
    transition: all 0.3s ease-in-out;
    z-index: 50;
}

    .contModSelect.activador, .contModSelect2.activador {
        grid-template-columns: repeat(3, 1fr);
        opacity: 1;
        left: 0;
        position: relative;
        padding: 0;
        box-sizing: border-box;
        gap: 1em;
    }

    .contModSelect3.activador {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, 1fr);
        opacity: 1;
        left: 0;
        position: relative;
        align-items: center;
        gap: 1em;
        padding: 0;
        align-items: end;
        box-sizing: border-box;
    }

    .contModSelect.desactivador, .contModSelect2.desactivador, .contModSelect3.desactivador {
        opacity: 0;
        left: -100%;
    }

.lbContInt1 {
    grid-column: 1/ span 3;
}

.lbContInt2 {
    text-align: center;
    margin-right: 1em;
}

.ContFrendsInt#DivAñosMeseDias select {
    position: relative;
    display: flex;
    padding: 0.3em;
    font-size: 1.4em;
    width: calc(100% - 0.94em);
    height: auto;
    border: 1px solid rgba(150,150,150,.5);
    border-radius: 5px;
    justify-content: center;
    box-sizing: border-box;
}

.ContFrendsInt {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

div.contModSelect3 div#DivFinalizacionContrato label {
    font-size: 1.3em;
}

div.contModSelect3 div#DivFinalizacionContrato input {
    position: relative;
    display: flex;
    padding: 0.3em;
    font-size: 1.4em;
    width: 100%;
    height: auto;
    border: 1px solid rgba(150,150,150,.5);
    border-radius: 5px;
    justify-content: center;
    box-sizing: border-box;
}

.ContFrendsInt::before {
    content: "Duración de Contrato";
    position: absolute;
    top: -10px;
    font-size: 1.3em;
}

.ContFrends {
    width: 100%;
    padding: 0px;
    display: flex;
    align-items: baseline;
    justify-content: end;
    flex-direction: column;
    box-sizing: border-box;
}

    .ContFrends label {
        font-size: 1.3em;
    }

    .ContFrends imput, .ContFrends select {
        position: relative;
        display: flex;
        padding: 0.3em;
        font-size: 1.4em;
        width: 100%;
        height: auto;
        border: 1px solid rgba(150,150,150,.5);
        border-radius: 5px;
        justify-content: center;
        box-sizing: border-box;
    }

.ContFrends2 {
    width: 100%;
    padding: 0px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    box-sizing: border-box;
}

    .ContFrends2 button.btnActCarg2 {
        background: dimgrey;
        color: #FFFFFF;
        padding: 0.4em 1em;
        font-size: 1.5em;
        cursor: pointer;
        border-radius: 5px;
        transition: 0.5s;
    }

.btnActCarg2 {
    background: dimgrey;
    color: #FFFFFF;
    padding: 5px 10px;
    font-size: 14px;
    cursor: pointer;
    border-radius: 5px;
    transition: 0.5s;
}

.contModDateContr {
    width: 100%;
    height: 150px;
    background: blue;
    padding: 10px;
}

div.formDeduccnewcont {
    overflow: hidden;
    position: relative;
    padding: 15px;
    border-radius: 0px 10px 10px;
    box-shadow: 2px 5px 5px rgb(0 0 0 / 50%);
    display: block;
    z-index: 1;
    border: 1px solid;
    background-color: #F5F5F5;
    transition: all 0.5s ease-in-out;
}

.formDeduccnewcont .contform1 {
    width: 100%;
    transition: all 0.5s ease-in-out;
}

    .formDeduccnewcont .contform1.activado {
        visibility: visible;
        opacity: 1;
        top: 0px;
        position: relative;
        z-index: 2;
    }

    .formDeduccnewcont .contform1.desactivado {
        visibility: hidden;
        opacity: 0;
        top: -70px;
        position: absolute;
        z-index: 1;
    }

.cajaprueba2 {
    width: 100%;
    height: 300px;
    background: blue;
}

.cajaprueba3 {
    width: 100%;
    height: 300px;
    background: green;
}

.bkAcct.chkcontnew {
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 5px;
    margin-top: 5px;
}

tr.tredrt2 {
    position: relative;
    display: flex;
    align-items: center;
    padding: 10px;
    background: #C0C0C0;
}

    tr.tredrt2 th {
        width: 50%;
        color: black;
    }

table.tblagsal {
    width: 100%;
    font-size: 1em;
    position: relative;
    background-color: #ffffff;
}

    table.tblagsal th {
        color: #ffffff;
        padding: 0.5em;
        font-size: 1.3em;
    }

    table.tblagsal tbody#TbPagoNew tr:nth-child(2n) {
        background: var(--BgTr2n);
    }

    table.tblagsal td {
        font-size: 1.3em;
        padding: 0.4em;
        text-align: center;
    }

.theadmini {
    min-width: 25px;
    max-width: 25px;
}

.theadmiddle {
    min-width: 50px;
    max-width: 50px;
}

.theadbig {
    min-width: 90px;
    max-width: 90px;
}

.icntbpagnew {
    display: flex;
    justify-content: center;
    align-items: center;
}

.singnovtl {
    font-size: 1.7em;
    font-weight: 600;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: end;
    padding: 0.1em 0em;
    box-sizing: border-box;
}

div.ytfdsss.contnewnom .formDeduccnewcont #contf2 form#FrmPagos .comform div.drgefd:nth-child(3) .txtareaobs, div.ytfdsss.contnewnom .formDeduccnewcont #contf3 form#FrmPagos .comform div.drgefd:nth-child(3) .txtareaobs {
    width: 80%;
    max-width: 80%;
    min-height: 4em;
    max-height: 4em;
    margin: 0em auto;
    border: 1px solid rgba(150,150,150,.5);
    border-radius: 5px;
}

div.ytfdsss.contnewnom .formDeduccnewcont #contf2 form#FrmPagos, div.ytfdsss.contnewnom .formDeduccnewcont #contf3 form#FrmPagos, div.ytfdsss.contnewnom .formDeduccnewcont #contf4 form#FrmPagos {
    gap: 0em;
}

table.tblagsal tbody tr:nth-child(2n) {
    background: var(--BgTr2n)
}

select#SelSalaTip2 {
    width: 88%;
}

div.menucelddd {
    display: flex;
    position: absolute;
    height: 100%;
    cursor: pointer;
    z-index: 20;
    top: 0px;
    box-shadow: 7px 0px 36px 0px rgba(0,0,0,0.75);
}

.btnMenuLayoutMain {
    width: 5em;
    height: 5em;
    background: #2c2c2ccc;
    position: absolute;
    right: -5em;
    display: none;
    transition: all 0.5s ease-in-out;
}

div.expds {
    width: 49px;
    padding: 5px;
    height: 4%;
    position: absolute;
    display: table;
    font-size: 27px;
    text-align: center;
    background: #EDEDED;
    border-bottom-right-radius: 20px;
}

div.render div.comderf div.contendis {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow-y: auto;
    z-index: 1;
    background: var(--BgFormMain);
    box-shadow: var(--ShCont);
    right: 0;
}

    div.render div.comderf div.contendis div.defggyy {
        position: relative;
        display: flex;
        justify-content: center;
        padding: 2em;
        width: 100%;
        box-sizing: border-box;
    }

div.render.sinmenuddd {
    width: 100%;
    margin-left: 0px;
    flex-direction: column;
}

    div.render.sinmenuddd div.comderf {
        overflow-y: auto;
    }

.comfor.depende.activo div.comdese {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2em;
    margin: 0;
    position: relative;
    box-sizing: border-box;
}

    .comfor.depende.activo div.comdese div.dgfvdr {
        width: 100%;
        margin: 1em 0 0 0;
        position: relative;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1em;
        align-items: flex-end;
        justify-content: center;
        text-align: left;
        box-sizing: border-box;
    }

        .comfor.depende.activo div.comdese div.dgfvdr div.cmodes {
            position: relative;
            display: block;
            width: 100%;
            padding: 0;
            box-sizing: border-box;
            margin: 0;
        }

            .comfor.depende.activo div.comdese div.dgfvdr div.cmodes label {
                font-size: 1.3em;
            }

            .comfor.depende.activo div.comdese div.dgfvdr div.cmodes input {
                position: relative;
                display: flex;
                padding: 0.3em;
                font-size: 1.5em;
                width: 100%;
                height: auto;
                border: 1px solid rgba(150,150,150,.5);
                border-radius: 5px;
                justify-content: center;
                box-sizing: border-box;
            }

        .comfor.depende.activo div.comdese div.dgfvdr .bgtfd {
            width: 100%;
            display: flex;
            position: relative;
            box-sizing: border-box;
            margin: 0;
        }

    .comfor.depende.activo div.comdese div.comtbl.ajusred {
        position: relative;
        display: flex;
        width: 100%;
        justify-content: center;
        margin: 0;
        box-sizing: border-box;
    }

        .comfor.depende.activo div.comdese div.comtbl.ajusred table.trbDep {
            background-color: #FFFFFF;
            border-radius: 5px;
            width: 90%;
            box-sizing: border-box;
            position: relative;
            display: table;
            margin: auto;
            justify-content: center;
        }

        .comfor.depende.activo div.comdese div.comtbl.ajusred thead.thdeDepnd {
            font-weight: bold;
            position: relative;
            display: table-row-group;
            width: 100%;
            background: rgba(10, 10, 10, 0.2);
            color: #FFFFFF;
            padding: 10px 0;
        }

        .comfor.depende.activo div.comdese div.comtbl.ajusred tr.trDependth {
            border-bottom: 1px solid #000000;
            position: relative;
            display: table-row;
            align-items: center;
            padding: 10px;
            background: #C0C0C0;
            margin: 0;
        }

            .comfor.depende.activo div.comdese div.comtbl.ajusred tr.trDependth th {
                width: 15em;
                color: #ffffff;
                font-size: 1.4em;
                padding: 0.3em 0.2em;
                text-align: center;
                display: table-cell;
                position: relative;
            }

        .comfor.depende.activo div.comdese div.comtbl.ajusred tbody.cuerpotbDpend {
            margin: auto;
            max-height: max-content;
            overflow-y: auto;
            position: relative;
            display: table-row-group;
            width: 100%;
        }

        .comfor.depende.activo div.comdese div.comtbl.ajusred tr.trcuerpDepend {
            word-break: break-word;
            width: 100%;
            border-bottom: 1px solid #000000;
            position: relative;
            display: table-row;
            align-items: center;
            padding: 5px;
            cursor: pointer;
        }

            .comfor.depende.activo div.comdese div.comtbl.ajusred tr.trcuerpDepend td {
                width: auto;
                text-align: center;
                font-size: 1.4em;
                word-break: break-all;
                padding: 0.2em;
                position: relative;
                display: table-cell;
            }

div.cajitas div.dgfvdr {
    width: 100%;
    margin: 1em 0 0 0;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
    align-items: flex-end;
    justify-content: center;
    text-align: left;
    box-sizing: border-box;
}

.comfor.tipContrato.activo div.comdese, .comfor.tipSalario.activo div.comdese {
    width: 100%;
    display: block;
    margin: auto;
    position: relative;
    box-sizing: border-box;
}

    .comfor.tipContrato.activo div.comdese div.dgfvdr, .comfor.tipSalario.activo div.comdese div.dgfvdr {
        grid-template-columns: 1fr 1fr 1fr;
        width: 90%;
        margin: 1em auto;
    }

        .comfor.tipContrato.activo div.comdese div.dgfvdr div.cmodes, .comfor.tipSalario.activo div.comdese div.dgfvdr div.cmodes {
            width: 100%;
            box-sizing: border-box;
            margin: 0 auto;
            display: block;
            position: initial;
            text-align: left;
            grid-column: 1 / span 3;
        }

        .comfor.tipContrato.activo div.comdese div.dgfvdr label, .comfor.tipSalario.activo div.comdese div.dgfvdr label {
            font-size: 1.3em;
        }

        .comfor.tipContrato.activo div.comdese div.dgfvdr div.comtres, .comfor.tipSalario.activo div.comdese div.dgfvdr div.cjfred {
            width: 100%;
            box-sizing: border-box;
            display: flex;
            position: relative;
            justify-content: center;
            align-items: center;
            margin: 10px auto;
            text-align: left;
        }

            .comfor.tipContrato.activo div.comdese div.dgfvdr div.comtres div.txdse, .comfor.tipSalario.activo div.comdese div.dgfvdr div.cjfred div.litx {
                width: auto;
                display: inline-block;
                margin: 0;
                position: relative;
                box-sizing: border-box;
            }

            .comfor.tipContrato.activo div.comdese div.dgfvdr div.comtres div.chdesi, .comfor.tipSalario.activo div.comdese div.dgfvdr div.cjfred div.cheds {
                width: auto;
                margin: 0em 1em;
                display: inline-block;
                text-align: center;
            }

        .comfor.tipContrato.activo div.comdese div.dgfvdr div.bgtfd.desdffe {
            width: 100%;
            box-sizing: border-box;
            display: flex;
            justify-content: center;
            margin: 0;
            grid-column: 1 / span 3;
        }

    .comfor.tipContrato.activo div.comdese div.comtbl {
        position: relative;
        display: flex;
        width: 100%;
        justify-content: center;
        margin: 0;
        box-sizing: border-box;
    }

div.comdese div.comtbl table.trbDep {
    background-color: #FFFFFF;
    border-radius: 5px;
    width: 90%;
    box-sizing: border-box;
    position: relative;
    display: table;
    margin: auto;
    justify-content: center;
}

    div.comdese div.comtbl table.trbDep thead.thdeDepnd {
        font-weight: bold;
        position: relative;
        display: table-row-group;
        width: 100%;
        background: rgba(10, 10, 10, 0.2);
        color: #FFFFFF;
        padding: 10px 0;
    }

    div.comdese div.comtbl table.trbDep tr.trDependth {
        border-bottom: 1px solid #000000;
        position: relative;
        display: table-row;
        align-items: center;
        padding: 10px;
        background: #C0C0C0;
        margin: 0;
    }

        div.comdese div.comtbl table.trbDep tr.trDependth th {
            width: 15em;
            color: #ffffff;
            font-size: 1.4em;
            padding: 0.3em 0.2em;
            text-align: center;
            display: table-cell;
            position: relative;
        }

    div.comdese div.comtbl table.trbDep tbody.cuerpotbDpend {
        margin: auto;
        max-height: max-content;
        overflow-y: auto;
        position: relative;
        display: table-row-group;
        width: 100%;
        height: auto;
    }

    div.comdese div.comtbl table.trbDep tr.trcuerpDepend {
        word-break: break-word;
        width: 100%;
        border-bottom: 1px solid #000000;
        position: relative;
        display: table-row;
        align-items: center;
        padding: 5px;
        cursor: pointer;
    }

        div.comdese div.comtbl table.trbDep tr.trcuerpDepend td {
            width: auto;
            text-align: center;
            font-size: 1.4em;
            word-break: break-all;
            padding: 0.2em;
            position: relative;
            display: table-cell;
        }

div.cajitas div.dgfvdr div.cmodes label {
    font-size: 1.3em;
}

div.cajitas div.dgfvdr div.cmodes select, div.cajitas div.dgfvdr div.cmodes input {
    position: relative;
    display: flex;
    padding: 0.3em;
    font-size: 1.5em;
    width: 100%;
    height: auto;
    border: 1px solid rgba(150,150,150,.5);
    border-radius: 5px;
    justify-content: center;
    box-sizing: border-box;
}

div.cajitas div.dgfvdr div.hhgth {
    width: 100%;
    box-sizing: border-box;
    margin: 1em 0;
    display: inline-flex;
    position: relative;
    left: 0;
    justify-content: center;
    grid-column: 1 / span 2;
}

div.cajitas .comfor.tipSalario.activo div.dgfvdr div.hhgth {
    grid-column: 1 / span 3;
}

div.principal div.cajitas div.comtbl {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: center;
    margin: 0;
    box-sizing: border-box;
}

    div.principal div.cajitas div.comtbl table.trbDep {
        background-color: #FFFFFF;
        border-radius: 5px;
        width: 90%;
        box-sizing: border-box;
        position: relative;
        display: table;
        margin: auto;
        justify-content: center;
    }

        div.principal div.cajitas div.comtbl table.trbDep thead.thdeDepnd {
            font-weight: bold;
            position: relative;
            display: table-row-group;
            width: 100%;
            background: rgba(10, 10, 10, 0.2);
            color: #FFFFFF;
            padding: 10px 0;
        }

            div.principal div.cajitas div.comtbl table.trbDep thead.thdeDepnd tr {
                border-bottom: 1px solid #000000;
                position: relative;
                display: table-row;
                align-items: center;
                padding: 10px;
                background: #C0C0C0;
                margin: 0;
            }

        div.principal div.cajitas div.comtbl table.trbDep thead tr.trDependth th {
            width: 15em;
            color: #ffffff;
            font-size: 1.4em;
            padding: 0.3em 0.2em;
            text-align: center;
            display: table-cell;
            position: relative;
        }

        div.principal div.cajitas div.comtbl table.trbDep tbody.cuerpotbDpend {
            margin: auto;
            max-height: max-content;
            overflow-y: auto;
            position: relative;
            display: table-row-group;
            width: 100%;
        }

        div.principal div.cajitas div.comtbl table.trbDep tbody tr.trDependth {
            word-break: break-word;
            width: 100%;
            border-bottom: 1px solid #000000;
            position: relative;
            display: table-row;
            align-items: center;
            padding: 5px;
            cursor: pointer;
        }

            div.principal div.cajitas div.comtbl table.trbDep tbody tr.trDependth th {
                width: auto;
                text-align: center;
                font-size: 1.4em;
                word-break: break-all;
                padding: 0.2em;
                position: relative;
                display: table-cell;
                font-weight: 500;
            }

div.comdese div.comtbl table.trbDep tr.trcuerpDepend td div.cheds.desxde {
    width: 100%;
    display: inline-block;
    position: relative;
    margin: 0;
    text-align: center;
}

div.comptdetr {
    width: 100%;
    height: 35em;
    overflow: hidden;
    display: flex;
    gap: 1em;
    box-sizing: border-box;
}

div.crearUsu {
    width: 100%;
    height: 100%;
    margin: 0;
    justify-content: center;
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
    background: #eeeeee;
    vertical-align: top;
    box-shadow: -3px 2px 6px rgb(150 150 150 / 50%);
    padding: 2em;
    box-sizing: border-box;
}

    div.crearUsu div.creaUsuForm {
        margin-bottom: 1em;
        position: relative;
        display: block;
        text-align: center;
        font-size: 2em;
        padding-bottom: 0.4em;
        width: 100%;
        text-transform: uppercase;
        border-bottom: 2px solid silver;
    }

    div.crearUsu div.consultUsu {
        width: 100%;
        max-height: 85%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 1em;
    }

        div.crearUsu div.consultUsu div.cnsltUsu {
            position: relative;
            display: grid;
            grid-template-columns: 1fr 10em 15em;
            gap: 1em;
            justify-content: center;
            align-items: flex-end;
            margin: 0px;
            width: 75%;
            box-sizing: border-box;
        }

            div.crearUsu div.consultUsu div.cnsltUsu div.usuNom {
                margin: 0;
                width: 100%;
                box-sizing: border-box;
                display: flex;
                flex-direction: column;
            }

                div.crearUsu div.consultUsu div.cnsltUsu div.usuNom label {
                    font-size: 1.4em;
                }

                div.crearUsu div.consultUsu div.cnsltUsu div.usuNom input {
                    position: relative;
                    display: flex;
                    padding: 0.3em;
                    font-size: 1.4em;
                    width: 100%;
                    height: auto;
                    border: 1px solid rgba(150,150,150,.5);
                    border-radius: 5px;
                    justify-content: center;
                    box-sizing: border-box;
                }

tr.bdyRw:nth-child(2n) {
    background: var(--BgTr2n);
}

/*******************Reportes de incapacidad************************/

.empresa-nombre {
    position: relative;
    display: flex;
    margin: 5px 0;
    font-size: 2.5em;
    font-weight: 600;
}

.reporte-opciones {
    position: relative;
    display: flex;
    width: 98%;
    background: #FFFFFF;
    padding: 20px 15px;
    margin: 15px auto;
    align-items: end;
    border-radius: 6px;
}

.reporte-resumen {
    position: relative;
    display: block;
    max-height: 45em;
    overflow: auto;
}

label.titulo-reporte {
    font-size: 1.3em;
    font-weight: 600;
    color: #738494;
}

.opcion-cont {
    position: relative;
    display: block;
    width: 33%;
}

    .opcion-cont label {
        color: #738494;
        font-weight: 600;
    }

    .opcion-cont.flex {
        display: flex;
        justify-content: end;
        align-items: center;
        margin-right: 30px;
    }

.select-cont {
    position: relative;
    display: block;
    width: 33%;
    margin: 0 15px;
}

    .select-cont label {
        color: #738494;
        font-weight: 600;
        margin-left: 10px;
    }

select.select-reporte {
    position: relative;
    display: flex;
    padding: 10px;
    border: 1px solid #F2F5F9;
    border-radius: 10px;
    margin: 5px 0;
    background: #F8FAFC;
    width: 70%;
    cursor: pointer;
}

.total-reporte {
    position: relative;
    display: flex;
    align-items: baseline;
}

    .total-reporte span {
        font-size: 2.5em;
        font-weight: 800;
        position: relative;
        display: flex;
        margin-right: 5px;
    }

button.btn-verde {
    background: #059669;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 1.6em;
    padding: 10px 20px;
    border-radius: 5px;
    transition: .5s;
    cursor: pointer;
}

    button.btn-verde:hover {
        background: #13C28C;
    }

.tbleCont table {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #F8FAFC;
    border: 1px solid #E8EDF3;
    border-radius: 5px;
    border-collapse: collapse;
    height: fit-content;
}

    .tbleCont table thead {
        position: sticky;
        width: 100%;
        display: flex;
        font-weight: 600;
        color: #738494;
        top: 0;
        z-index: 2;
        background: #F8FAFC;
    }

        .tbleCont table thead tr {
            width: 100%;
            position: relative;
            display: flex;
        }

            .tbleCont table thead tr td {
                text-align: center;
                width: 15%;
                padding: 20px 0;
            }

    .tbleCont table tbody {
        position: relative;
        display: block;
        width: 100%;
    }

        .tbleCont table tbody tr {
            width: 100%;
            position: relative;
            display: flex;
            padding: 20px 0;
            background: #FFFFFF;
            margin-top: 4px;
        }

            .tbleCont table tbody tr td {
                position: relative;
                display: flex;
                width: 15%;
                justify-content: center;
                align-items: center;
            }

.tbleCont.nomina table thead tr td {
    width: 20%;
}

.tbleCont.nomina table tbody tr td {
    width: 20%;
}

td.chipTble.azul span {
    background-color: rgba(37, 99, 235, 0.15);
    color: #2563eb;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
}

td.chipTble.amarillo span {
    background-color: rgba(245, 158, 11, 0.18);
    color: #f59e0b;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
}

/*******************************************Responsive******************************************************/

/***********1920*****************/
@media screen and (max-width:1920px) {
    header .hederAdmi {
        font-size: 12px;
    }

    div.body-content {
        font-size: 12px;
    }

    div.hook {
        font-size: 12px;
    }

    header.header {
        font-size: 12px;
    }

    div.slider {
        font-size: 12px;
    }

    footer.comtemfooter {
        font-size: 12px;
    }

    div.comf {
        font-size: 12px;
    }

    div.comderf {
        font-size: 12px;
    }

    div.popedid {
        font-size: 12px;
    }

    div.vistas {
        font-size: 12px;
    }

    div.blnacopop {
        font-size: 12px;
    }

    div.combtrls {
        font-size: 12px;
    }

    div.comderdf div.NominasCont {
        font-size: 12px;
    }

    div.blnfres {
        font-size: 12px;
    }

    div.contempop.usuEdtr, div.contempop.edtr {
        font-size: 12px;
    }

    div.cobrs, div.wssss, div.wss, div.wsews, div.wstrs, div.wstrs {
        font-size: 12px;
    }
}

/***********1600*****************/
@media screen and (max-width:1600px) {
    header.hederAdmi {
        font-size: 11px;
    }

    div.body-content {
        font-size: 11px;
    }

    div.hook {
        font-size: 11px;
    }

    header.header {
        font-size: 11px;
    }

    div.slider {
        font-size: 11px;
    }

    footer.comtemfooter {
        font-size: 11px;
    }

    div.comf {
        font-size: 11px;
    }

    div.comderf {
        font-size: 11px;
    }

    div.tablaConsultOfic table tbody tr {
        font-size: 1em;
    }

    div.popedid {
        font-size: 11px;
    }

    div.vistas {
        font-size: 11px;
    }

    div.blnacopop {
        font-size: 11px;
    }

    div.combtrls {
        font-size: 11px;
    }

    div.comderdf div.NominasCont {
        font-size: 11px;
    }

    div.blnfres {
        font-size: 11px;
    }

    div.contempop.usuEdtr, div.contempop.edtr {
        font-size: 11px;
    }

    div.cobrs, div.wssss, div.wss, div.wsews, div.wstrs, div.wstrs {
        font-size: 11px;
    }

    .reporte-opciones {
        width: 97%;
    }

    .reporte-resumen {
        max-height: 30em;
    }
}

/***********1440*****************/
@media screen and (max-width:1440px) {
    header.hederAdmi {
        font-size: 10.5px;
    }

    div.body-content {
        font-size: 10.5px;
    }


    div.hook {
        font-size: 10.5px;
    }

    header.header {
        font-size: 10.5px;
    }

    div.slider {
        font-size: 10.5px;
    }

    footer.comtemfooter {
        font-size: 10.5px;
    }

    div.comf {
        font-size: 10.5px;
    }

    div.comderf {
        font-size: 10px;
    }

    div.popedid {
        font-size: 10px;
    }

    div.vistas {
        font-size: 10.5px;
    }

    div.blnacopop {
        font-size: 10.5px;
    }

    div.combtrls {
        font-size: 10.5px;
    }

    div.comderdf div.NominasCont {
        font-size: 10.5px;
    }

    div.blnfres {
        font-size: 10.5px;
    }

    div.contempop.usuEdtr, div.contempop.edtr {
        font-size: 10.5px;
    }

    div.cobrs, div.wssss, div.wss, div.wsews, div.wstrs, div.wstrs {
        font-size: 10px;
    }
}

/***********1370*****************/
@media screen and (max-width:1370px) {
    header.hederAdmi {
        font-size: 10px;
    }

    div.body-content {
        font-size: 10px;
    }

    div.hook {
        font-size: 10px;
    }

    header.header {
        font-size: 10px;
    }

    div.slider {
        font-size: 10px;
    }

    footer.comtemfooter {
        font-size: 10px;
    }

    div.comf {
        font-size: 10px;
    }

    div.comderf {
        font-size: 9.8px;
    }

    div.popedid {
        font-size: 10px;
    }

    div.vistas {
        font-size: 10px;
    }

    div.blnacopop {
        font-size: 10px;
    }

    div.combtrls {
        font-size: 10px;
    }

    div.comderdf div.NominasCont {
        font-size: 10px;
    }

    div.blnfres {
        font-size: 10px;
    }

    div.contempop.usuEdtr, div.contempop.edtr {
        font-size: 12px;
    }

    div.cobrs, div.wssss, div.wss, div.wsews, div.wstrs, div.wstrs {
        font-size: 10px;
    }
}

/***********1024*****************/
@media screen and (max-width:1024px) {
    header.hederAdmi {
        font-size: 9px;
    }

    div.body-content {
        font-size: 9px;
    }

    div.hook {
        font-size: 9px;
    }

    header.header {
        font-size: 9px;
    }

    div.slider {
        font-size: 9px;
    }

    footer.comtemfooter {
        font-size: 9px;
    }

    div.comf {
        font-size: 9px;
    }

    div.comderf {
        font-size: 8.8px;
    }

    div.popedid {
        font-size: 9px;
    }

    div.vistas {
        font-size: 9px;
    }

    div.blnacopop {
        font-size: 9px;
    }

    div.combtrls {
        font-size: 9px;
    }

    div.comderdf div.NominasCont {
        font-size: 9px;
    }

    tr.dxdddd td:last-child button.btnActCarg {
        padding: 0.3em 0.5em;
    }

    div.comdesas div.cdesf.apsee.gf, div.comdesas div.sdaeded.apsee.jhgfv {
        padding: 2em;
    }

    div.blnfres {
        font-size: 9px;
    }

    div.contempop.usuEdtr, div.contempop.edtr {
        font-size: 9px;
    }

    div.cobrs, div.wssss, div.wss, div.wsews, div.wstrs, div.wstrs {
        font-size: 9px;
    }
}

/***********800*****************/
@media screen and (max-width:800px) {
    header.hederAdmi {
        font-size: 8px;
    }

    div.body-content {
        font-size: 8px;
    }

    div.hook {
        font-size: 8px;
    }

    header.header {
        font-size: 8px;
    }

    div.slider {
        font-size: 9px;
    }

    footer.comtemfooter {
        font-size: 8px;
    }

    div.contemFor {
        width: 57em;
        height: 22em;
    }

    div.comf {
        font-size: 8px;
    }

    div.comderf {
        font-size: 8px;
    }

    div.popedid {
        font-size: 8px;
    }

    div.vistas {
        font-size: 8px;
    }

    div.blnacopop {
        font-size: 8px;
    }

    div.combtrls {
        font-size: 8px;
    }

    div.comderdf div.NominasCont {
        font-size: 8px;
    }

    tr.dxdddd td:last-child button.btnActCarg {
        padding: 0.3em 0.5em;
    }

    table.tblNom {
        width: 100%;
    }

    table.ihfddd {
        width: 100%;
    }

    div.comdesas div.cdesf.apsee.gf, div.comdesas div.sdaeded.apsee.jhgfv {
        padding: 2em;
    }

    div.blnfres {
        font-size: 8px;
    }

    div.contempop.usuEdtr, div.contempop.edtr {
        font-size: 8px;
    }

    div.cobrs, div.wssss, div.wss, div.wsews, div.wstrs, div.wstrs {
        font-size: 8px;
    }
}

/***********600px***************/
@media screen and (max-width:600px) {
    header.hederAdmi {
        font-size: 9px;
        grid-template-columns: 7.5em 1px 1fr;
    }

    div.body-content {
        font-size: 9px;
    }

    div.imlogrr.empress {
        max-height: 7.5em;
        max-width: 7.5em;
    }

        div.imlogrr.empress .ContIMGBackGround {
            display: block;
            padding: 0.5em;
            width: 200%;
            height: 100%;
            background: linear-gradient( -90deg, rgba(2,0,36,0) 0%, rgba(255,255,255,1) 100%);
            position: absolute;
            top: 0px;
            left: 0px;
        }

            div.imlogrr.empress .ContIMGBackGround .ContIMGBackGroundBee {
                width: 6.5em;
                height: 6.5em;
                background: url(../Img/icn_nifbee_Movil.png);
                background-size: contain;
                background-repeat: no-repeat;
                position: absolute;
                top: 0.5em;
                left: 0.5em;
            }

        div.imlogrr.empress img {
            display: none;
        }

    div.contemUsuario {
        left: 3em;
        z-index: 1;
    }

    div.ContenedorImgLog {
        padding-right: 0.5em;
        z-index: 2;
        width: 100%;
        overflow: hidden;
    }

    div.ContSpanLayoutInt {
        overflow: auto;
        overflow-wrap: revert;
    }

        div.ContSpanLayoutInt span {
            white-space: inherit;
        }

    .btnMenuLayoutMain {
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 10000000;
        border-radius: 0px 15px 15px 0px;
        border: 3px inset #fbbe00;
        transition: all 0.5s ease-in-out;
    }

        .btnMenuLayoutMain .contIntMenu {
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            width: 100%;
            height: 100%
        }

        .btnMenuLayoutMain .beeIcon {
            font-size: 3.8em;
            color: white;
            z-index: 1;
        }

        .btnMenuLayoutMain .arrowIcon {
            position: absolute;
            top: 0.1em;
            right: 0.1em;
            font-size: 1.5em;
            padding: 0.3em;
            background: black;
            color: white;
            z-index: 2;
            border-radius: 45px;
            transition: all 0.5s ease-in-out;
        }

    .nuevomen.layoutActivo .btnMenuLayoutMain .arrowIcon {
        transform: rotate(180deg);
    }

    .nuevomen.layoutActivo .btnMenuLayoutMain {
        right: 0.5em;
        top: 0.5em;
        border-radius: 15px 15px 15px 15px;
    }

    div.nuevomen.layoutActivo div.seguncomenunu {
        max-width: 100vw;
        min-width: 100vw;
        box-sizing: border-box;
    }

    div.nuevomen.layoutInactivo div.seguncomenunu {
        max-width: 0;
    }

    div.nuevomen.layoutInactivo div.seguncomenunu {
        padding: 0;
    }

    .comminipl .dupp .element span:nth-child(4), .comminipl .dupp .element span:nth-child(5), .comminipl .dupp .element span:nth-child(6) {
        display: none;
    }

    div.render {
        min-width: 100%;
        max-width: 100%;
        max-height: 100%;
        min-height: 100%;
        padding: 1em;
        margin-left: 0;
    }

    div.hook {
        padding: 0.5em 0.5em;
        font-size: 8px;
    }

    div.jcadc {
        gap: 1em;
    }

    div.divun {
        gap: 0;
        font-size: 1.3em;
    }

    header.header {
        font-size: 8px;
        padding: 0.5em 0.5em;
    }

    div.logooneb div.conimlonf img {
        display: none;
        object-fit: contain;
    }

        div.logooneb div.conimlonf img.icnmovilnew {
            display: block;
        }

    div.ingre {
        display: none;
    }

    div.mehm {
        display: block;
        width: 5.5em;
        height: 5.5em;
    }

    div.slider div.sliderItem .comtencaji {
        align-items: flex-end;
    }

    div.menulaterall {
        margin-bottom: 10vh;
    }

    div.cajacontenbonto {
        flex-direction: column;
    }

    div.botones {
        width: 17em;
        height: 17em;
    }

    div.cnimetex {
        top: 0.2em;
        color: #121111cc;
    }

    div.contemFor {
        width: 96vw;
        height: 32em;
        grid-template-columns: 1fr;
        grid-template-rows: 11em 1fr;
        border-radius: 2.5em;
        border: 0.5em solid #ffffffc9;
        align-items: center;
        justify-content: center;
    }

    div.slider div.sliderItem div.contemFor img {
        max-width: 11em;
        min-width: 11em;
        max-height: 11em;
        background: #453f3f80;
        min-height: 11em;
        border-radius: 66px;
        box-sizing: border-box;
        margin: 0px auto;
        position: relative;
    }

    div.confmop {
        padding: 0.5em 1em;
    }

    div.contemFor h1 {
        padding: 0.3em 3em;
        font-size: 3em;
    }

    form#logg input.selec {
        font-size: 1.9em;
    }

    input.imm {
        font-size: 1.9em;
    }

    input.btnn.btningre {
        font-size: 1.8em;
    }

    footer.comtemfooter {
        font-size: 9px;
    }

    div.comtnfooot {
        padding: 1em;
        flex-direction: column;
        gap: 2em;
    }

    div.IGUA.contmContacto {
        width: 100%;
        padding-bottom: 1em;
        border-bottom: 2px solid silver;
    }

    div.com {
        width: 100%;
        padding-bottom: 1em;
        border-bottom: 2px solid silver;
    }

    div.IGUA.Redes {
        width: 100%;
    }

    div.resd {
        margin: 0;
    }

    div.comoreds {
        width: 1.5em;
        height: 1.5em;
    }

    div.comf {
        width: 90vw;
        font-size: 8px;
        padding: 2em;
    }

    div.contcmb {
        width: 90%;
    }

    div.comderf {
        font-size: 9px;
    }

    div.contendis div.defggyy div.comfor.activo {
        gap: 1em;
    }

    div.supertitul {
        font-size: 2.5em;
    }

    div.tilud {
        font-size: 1.9em;
    }

    div.defggyy div.comfor.emprs.activo .empressaa {
        width: 100%;
    }

    div.cotrdess {
        width: 100%;
        grid-template-columns: 15em 1fr;
    }

    div.occt, div.occtimg {
        width: 100%;
    }

    div.hederAdmi.simul {
        height: auto;
    }

    div.crearOficForm {
        display: flex;
        flex-direction: column;
        gap: 1em;
        margin-top: 1em;
    }

    div.popblac {
        padding: 1em;
        width: 85vw;
        max-height: 70vh;
    }

    div.cmpds.desdrr div.crearOficForm {
        display: flex;
    }

    div.blnacopop {
        font-size: 9px;
    }

    div.cajitas div.desgf div.contemtb {
        padding: 2em 0em;
    }

    div.confrs {
        grid-template-columns: 1fr 9em;
    }

    div.cajitas {
        padding: 1em;
    }

    div.blnacopop {
        padding: 1em;
        width: 98vw;
    }

    div#DivPopupHorario {
        max-height: 35em;
    }

    div.sttusItem {
        grid-template-columns: 15vw 35vw 1fr 3em;
    }

    div.trnTme {
        width: 40%;
    }

    div.combtrls {
        padding: 1em;
        width: 94vw;
        font-size: 9px;
    }

    div.popoddagred div.combtrls div.tabl {
        gap: 3em;
    }

    #popoddagred .combtrls .buttonPopUp {
        width: 3.5em;
        height: 3.5em;
        top: 0em;
        border-radius: 12px;
        right: 0em;
    }

    div.comderfPrsnl div.vistas.ajustabl {
        min-height: calc(100% - 13em);
        max-height: calc(100% - 13em);
    }

    div.comderf.comderfPrsnl {
        width: 94vw;
        max-width: 94vw;
        overflow-x: hidden;
    }

    div.menudesliza {
        margin: 1em auto;
        width: 96%;
        max-width: 96%;
        overflow-x: auto;
    }

    div.menudes {
        width: 16em;
    }

    div.drgefd {
        grid-template-columns: repeat(1, 1fr);
    }

    div.vistas div.cajitas form {
        padding: 2em 2em;
    }

        div.vistas div.cajitas form .comform {
            grid-template-rows: repeat(4, 15fr);
        }

    div.vistas div.cajitas:nth-child(3) form .comform div.drgefd, div.vistas div.cajitas:nth-child(4) form .comform div.drgefd {
        flex-direction: column;
    }

    div.combtrls div.buttonPopUp {
        width: 3.5em;
        height: 3.5em;
        top: 0em;
        border-radius: 12px;
        right: 0em;
    }

    div.comfor.carg div.crearCargForm {
        grid-template-columns: 1fr;
    }

    div.comfor.carg.activo div.tablaConsultCarg table {
        width: 100%;
    }

    .comfor.depende.activo div.comdese div.dgfvdr {
        grid-template-columns: 1fr;
    }

    .comfor.depende.activo div.comdese div.comtbl.ajusred table.trbDep {
        width: 100%;
    }

    div.cajitas div.dgfvdr {
        grid-template-columns: 1fr;
    }

        div.cajitas div.dgfvdr div.hhgth {
            grid-column: 1;
        }

    div.principal div.cajitas div.comtbl table.trbDep {
        width: 100%;
    }

    div.comdese div.comtbl table.trbDep {
        width: 100%;
    }

        div.comdese div.comtbl table.trbDep tr.trcuerpDepend td button.btnActCarg {
            font-size: 0.85em;
        }

    div.blnfres {
        font-size: 8px;
    }

    div.compa div.cajid {
        width: 100%;
        flex-direction: column;
    }

    div.cajdes {
        width: 100%;
    }

    div.blnfres {
        width: 96vw;
    }

    div.comptdetr {
        max-height: 70vh;
    }

    div.contempop.usuEdtr, div.contempop.edtr {
        font-size: 9px;
    }

    div.crearUsu div.consultUsu div.cnsltUsu {
        grid-template-columns: 1fr;
        width: 100%;
    }

    div.usuTble {
        margin: 0em;
    }

    div.contempop.usuEdtr {
        width: 94vw;
    }

    form#formulariodosedtr {
        grid-template-columns: repeat(2, 1fr);
    }

    div.contempop.edtr {
        width: 94vw;
    }

    div.tblAgncs {
        width: 50%;
    }

    div.render.sinmenuddd div.comderf div.contPrme {
        padding: 1em;
    }

    div.render.sinmenuddd div.contPrme div.novInfo {
        grid-template-columns: 1fr;
        gap: 1em;
        margin: 0.5em auto;
    }

    div.prmttl {
        font-size: 2.2em;
        font-weight: bold;
        margin: 0.1em 0px;
    }

    div.render.sinmenuddd div.contPrme div.novInfo div.infoCont div.textinfo {
        font-size: 1.5em;
        margin: 0.5em auto;
    }

    div.allInfo {
        padding: 2em 0;
    }

    div.cobrs, div.wssss, div.wss, div.wsews, div.wstrs, div.wstrs {
        font-size: 9px;
        max-height: 80vh;
        width: 98vw;
    }
}