/* /Pages/ChatBot.razor.rz.scp.css */
/* CONTENEDOR DEL CHAT */
.contenedor-chat[b-erqt2508ux] {
    height: 67vh !important;
    max-height: 67vh !important;
    overflow-y: auto !important;
    border-radius: 10px !important;
    display: flex-w !important;
    flex-direction: column !important;
    flex-wrap: nowrap;
    border: var(--input-border);
}

    /* MENSAJES DE USUARIO Y BOT */
    .contenedor-chat .msj-usuario[b-erqt2508ux],
    .contenedor-chat .msj-bot[b-erqt2508ux] {
        max-width: 70% !important;
        width: auto;
        margin: 8px 0 !important;
        padding: 12px !important;
        border-radius: 10px !important;
        word-wrap: break-word !important;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
        font-size: 0.95rem !important;
        line-height: 1.4 !important;
    }

    /* MENSAJE DE USUARIO */
    .contenedor-chat .msj-usuario[b-erqt2508ux] {
        background: var(--dash-card-background) !important;
        align-self: flex-end !important;
        text-align: justify !important;
        color: var(--text-color) !important;
        border: none !important;
    }

    /* MENSAJE DE BOT */
    .contenedor-chat .msj-bot[b-erqt2508ux] {
        background: var(--dash-card-background) !important;
        align-self: flex-start !important;
        text-align: justify !important;
        color: var(--text-color) !important;
        border: none !important;
    }
.Bot[b-erqt2508ux] {
    color: var(--second-title-color);
}
.Usuario[b-erqt2508ux] {
    color: var(--primary-color);
}
/* FLECHAS DE MENSAJE */
.msj-usuario[b-erqt2508ux]::after,
.msj-bot[b-erqt2508ux]::after {
    content: "" !important;
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    border-style: solid !important;
}

/* FLECHA DE USUARIO */
.msj-usuario[b-erqt2508ux]::after {
    border-width: 10px 10px 10px 0 !important;
    border-color: transparent #7CE7E5 transparent transparent !important;
    top: 10px !important;
    right: -10px !important;
}

/* FLECHA DE BOT */
.msj-bot[b-erqt2508ux]::after {
    border-width: 10px 0 10px 10px !important;
    border-color: transparent transparent transparent #95b8ff !important;
    top: 10px !important;
    left: -10px !important;
}

.loader[b-erqt2508ux] {
    width: 5vh !important;
    aspect-ratio: 2 !important;
    --_g: no-repeat radial-gradient(circle closest-side, #000 90%, #0000) !important;
    background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50% !important;
    background-size: calc(100%/3) 50% !important;
    animation: l3-b-erqt2508ux 1s infinite linear !important;
    position: relative !important;
    word-wrap: break-word !important;
}

@keyframes l3-b-erqt2508ux {
    20% {
        background-position: 0% 0%, 50% 50%, 100% 50%
    }

    40% {
        background-position: 0% 100%, 50% 0%, 100% 50%
    }

    60% {
        background-position: 0% 50%, 50% 100%, 100% 0%
    }

    80% {
        background-position: 0% 50%, 50% 50%, 100% 100%
    }
}


/*.msj-bot {
    background-color: #e0f7fa !important;
    color: #006064 !important;
    padding: 10px !important;
    border-radius: 15px;
    max-width: 80% !important;
    margin: 5px 0 !important;
    align-self: flex-start !important;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1) !important;
}
*/
/* /Pages/NBuscador.razor.rz.scp.css */
/*------------------------------------*/
/*        FORMULARIO BUSCADOR         */
/*------------------------------------*/
[b-2hhx6uv402] .theme {
    right: 26%;
    top: initial;
}

.titulo-search[b-2hhx6uv402] {
    z-index: 1;
    overflow: visible;
    position: inherit;
    font-family: var(--font-Poppins);
    font-weight: 700;
    font-size: 50px;
    animation: fluido 5s ease-in-out infinite;
    background: var(--tittle-gradient-color);
    background-size: 200%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.slick-list.draggable[b-2hhx6uv402]{
    padding-bottom: 2rem!important;
    padding-top: 2rem!important;
}

.cont-buscador[b-2hhx6uv402] {
    text-align: center;
}

.cont-bar[b-2hhx6uv402] {
    margin-left: 63px;
    flex-direction: column !important;
    justify-content: end !important;
    align-items: end !important;
}

.search-bar[b-2hhx6uv402] {
    justify-content: end !important;
}

    .search-bar .input[b-2hhx6uv402] {
        padding-left: 26px;
    }

.btn-clean[b-2hhx6uv402] {
    position: absolute;
    right: 5px;
    z-index: 1;
    border: none;
    background: transparent;
    padding: .3rem;
    opacity: 0;
    color: var(--text-color);
    font-size: 16px;
    border: none;
    transition; .3s;
}

.btn-clean.focus[b-2hhx6uv402] {
    opacity: 1;
}

    .btn-clean:focus[b-2hhx6uv402] {
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        line-height: none;
        box-shadow: none;
        outline: none;
        box-shadow: none;
        border: none;
    }
/*------------------------------------*/
/*               CARRUSEL             */
/*------------------------------------*/
#card-inicial[b-2hhx6uv402] {
    display: none!important
}
.cont-item-card[b-2hhx6uv402] {
    margin: 10px !important;
}

.body .item-card[b-2hhx6uv402] {
    border-radius: var(--card-border-radius);
    background: var(--element-background);
    box-shadow: var(--card-sm-shadow);
    width: 206.42px;
    height: 250px;
    padding: 5px;
    margin: auto;
    display: grid;
    align-content: center;
}

.body.dark-theme .item-card[b-2hhx6uv402] {
    background: var(--card-background);

}
.item-card.card-focus[b-2hhx6uv402] {
    background: var(--card-focus-background);
    box-shadow: var(--card-focus-shadow);
}
.body.dark-theme .item-card.card-focus[b-2hhx6uv402] {
    background: var(--card-focus-background);
    box-shadow: var(--card-focus-shadow);
}


.item-card:hover[b-2hhx6uv402] {
    box-shadow: var(--card-sm-inner-shadow);
}

.item-card.card-focus:hover[b-2hhx6uv402] {
    box-shadow: var(--card-focus-shadow);
}
.card-titulo[b-2hhx6uv402] {
    margin-top: 3% !important;
    font-size: 14px;
    color: var(--title-color);
    font-weight: 900;
    letter-spacing: 2px;
}

.card-content[b-2hhx6uv402] {
    color: var(--text-color);
    font-size: 12px;
    margin-bottom: 5px;
    font-weight: 600;
}

span.button-info[b-2hhx6uv402] {
    display: block;
    padding: 4px;
    margin: 5px auto;
    width: 137.5px;
    height: 30px;
    font-size: 13px;
    border-radius: var(--button-small-border-radius);
}

.button-info:hover[b-2hhx6uv402] {
    color: var(--button-text-color);
    text-decoration: none;
}

.button-info:focus[b-2hhx6uv402] {
    color: var(--secondary-900);
}

/*****ASP.NET funcionmiento*/
.access-button[b-2hhx6uv402] {
    bottom: 12%;
    right: 18%;
    z-index: 1;
    padding: 10px;
    border-radius: var(--button-border-radius);
}

.card-content .info[b-2hhx6uv402] {
    margin-top: 3% !important;
}

.imgBx[b-2hhx6uv402] {
    position: relative !important;
    text-align: center !important;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

    .imgBx img[b-2hhx6uv402] {
        margin-top: 5%;
        max-width: 75px;
    }


.a.button.button-info.acceder[b-2hhx6uv402] {
    visibility: collapse;
}

.a.button.button-info.anioFiscal[b-2hhx6uv402] {
    visibility: visible;
}

/*------------------------------------*/
/*    Alerta Años Fiscales            */
/*------------------------------------*/

.chip[b-2hhx6uv402] {
    position: relative;
    padding: .5rem;
    height: 2.5rem;
    border-radius: .5rem;
    box-shadow: 0.3rem 0.3rem 0.6rem var(--shadow-drk), -0.2rem -0.2rem 0.5rem var(--shadow-lght);
}
    .chip p[b-2hhx6uv402] {
        text-align: left;
        margin-left: .5rem;
        margin-bottom: 0;
        font-size: 12px;
        align-self: center;
       
    }
    .chip .chip__icon[b-2hhx6uv402]{
        whidth: 4.5rem;
        color: var(--title-color);
    }
        .chip .chip__icon i[b-2hhx6uv402], .chip .chip__close i[b-2hhx6uv402]{
            font-size: 1.7rem;
        }
    .chip .chip__close[b-2hhx6uv402] {
        position: absolute;
        display: flex;
        right: 0;
        top: 0;
        margin: .5rem;
        color: var(--text-color-lght);
        cursor: pointer;
    }
        .busqueda-bar__1[b-2hhx6uv402], .busqueda-bar__2[b-2hhx6uv402]{
            transition: .5s opacity;
            position: absolute;
            left: -100%;
            z-index: -1;
            opacity: 0;
        }
        .active-bar[b-2hhx6uv402]{
            position: relative;
            left: 0;
            opacity: 1;
            z-index: 1;
        }

.icon-search[b-2hhx6uv402] {
    position: absolute;
    left: 0;
    padding: .5rem;
    font-size: 16px;
}
.btn-clean[b-2hhx6uv402], .icon-search[b-2hhx6uv402] {
    vertical-align: middle;
}





/* /Pages/NLogin.razor.rz.scp.css */
[b-y4h658jhqc] .theme {
    top: 5rem;
    right: -28rem;
}

/*div TEMPORIZADORA LOGIN */
@keyframes countdown-b-y4h658jhqc {
    0% {
        width: 100%;
    }

    100% {
        width: 0%;
    }
}

/*-------------------------------*/
/*       LOGIN FORMULARIO        */
/*-------------------------------*/

/*Cambios Andrea 05/01/2023*/
body.dark-theme input[b-y4h658jhqc] {
    color-scheme: dark;
}

/*****/
.cont-login[b-y4h658jhqc] {
    padding: 40px 20px;
    /* border-radius: var(--card-border-radius);
  background: transparent;
  box-shadow: var(--card-shadow); */
    text-align: center;
    overflow: hidden;
}

    /* TÍTULO */
    .cont-login .text[b-y4h658jhqc] {
        font-weight: 600;
/*        margin-bottom: 35px;
*/
        font-size: var(--font-xl);
    }

.titulo-login[b-y4h658jhqc] {
    background: var(--title-color);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: var(--font-Poppins);
    font-weight: 700;
    font-size: var(--biggest-font-size);
    margin-bottom: 20px;
}


/*para ocultar el botoón de ver password que el navegador tiene por default*/
#txtContrasenia[b-y4h658jhqc]::-ms-reveal,
#txtContrasenia[b-y4h658jhqc]::-ms-clear {
    display: none;
    color: none;
    visibility: none;
}

.input-pass[b-y4h658jhqc] {
    position: absolute;
    right: 2px;
    z-index: 1;
}

    .input-pass:focus[b-y4h658jhqc] {
        border: 1px solid transparent !important;
        line-height: none !important;
        box-shadow: none !important;
    }

.span-pass[b-y4h658jhqc] {
    color: var(--text-color);
}

/* LOGIN-FORM */
.form-login[b-y4h658jhqc] {
    position: relative;
    transition: opacity 0s;
    /*    margin: initial;
    top: initial;
    right: initial;
    bottom: initial;
    left: initial;
    width: initial;
    height: inherit;
*/ z-index: 4;
}

/*CAPTCHA FORM*/
.form-captcha[b-y4h658jhqc] {
    position: absolute;
    opacity: 0;
    transition: opacity 1s;
    visibility: visible;
    align-items: center;
}

.field label[b-y4h658jhqc] {
    position: absolute;
    top: 50%;
    left: 4em;
    pointer-events: none;
    color: var(--text-color);
    transform: translateY(-50%);
    font-size: var(--font-sm);
}

.forgot-pass[b-y4h658jhqc] {
    text-align: left;
    margin: 10px 0 10px 5px;
}

    .forgot-pass a[b-y4h658jhqc] {
        font-size: var(--smaller-font-size);
        text-decoration: none;
        color: var(--secondary-900);
    }

    .forgot-pass:hover a[b-y4h658jhqc] {
        text-decoration: underline;
        color: var(--primary-800);
    }

/*------------------------------------*/
/*        CAPTCHA FORMULARIO          */
/*------------------------------------*/

#field-captcha input[b-y4h658jhqc] {
    width: 50% !important;
    padding: 0 !important;
    text-align: center !important;
}

#field-captcha[b-y4h658jhqc] {
    margin-top: 5px;
    align-items: center;
    position: center;
}

.field-captcha[b-y4h658jhqc] {
    color: var(--text-color);
    font-size: var(--smaller-font-size);
}

/*div TEMPORIZADORA */
.timer[b-y4h658jhqc] {
    height: 1.3vh;
    width: 100%;
    position: center;
    border: none;
    border-radius: 25px;
    overflow: hidden;
    box-shadow: var(--button-shadow);
    margin: 20px 0 10px 0;
}

.bar[b-y4h658jhqc] {
    position: center;
    width: 100%;
    height: 100%;
    animation-delay: 1.51s;
    background: var(--primary-color);
}

#play-animation[b-y4h658jhqc] {
    animation: countdown-b-y4h658jhqc 15s linear infinite;
}

/*------------------------------------*/
/*                 RELOJ              */
/*------------------------------------*/

.grid[b-y4h658jhqc] {
    display: grid;
}

.clock__container[b-y4h658jhqc] {
    grid-template-rows: 1fr max-content;
}

.clock__circle[b-y4h658jhqc] {
    position: relative;
    width: 140px;
    height: 140px;
    box-shadow: var(--button-shadow);
    border-radius: 50%;
    justify-self: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.clock__content[b-y4h658jhqc] {
    align-self: baseline;
    row-gap: 3.5rem;
}

.clock__twelve[b-y4h658jhqc],
.clock__three[b-y4h658jhqc],
.clock__six[b-y4h658jhqc],
.clock__nine[b-y4h658jhqc] {
    position: absolute;
    width: 0.8rem;
    height: 3px;
    background-color: var(--primary-400);
}

.clock__twelve[b-y4h658jhqc],
.clock__six[b-y4h658jhqc] {
    transform: translateX(-50%) rotate(90deg);
}

.clock__twelve[b-y4h658jhqc] {
    top: 1rem;
    left: 50%;
}

.clock__three[b-y4h658jhqc] {
    top: 50%;
    right: 0.75rem;
}

.clock__six[b-y4h658jhqc] {
    bottom: 1rem;
    left: 50%;
}

.clock__nine[b-y4h658jhqc] {
    left: 0.75rem;
    top: 50%;
}

.clock__one[b-y4h658jhqc],
.clock__two[b-y4h658jhqc],
.clock__four[b-y4h658jhqc],
.clock__five[b-y4h658jhqc],
.clock__seven[b-y4h658jhqc],
.clock__eight[b-y4h658jhqc],
.clock__ten[b-y4h658jhqc],
.clock__eleven[b-y4h658jhqc] {
    position: absolute;
    width: 0.5rem;
    height: 2px;
    background-color: var(--secondary-600);
}

.clock__one[b-y4h658jhqc],
.clock__seven[b-y4h658jhqc] {
    transform: translateX(-50%) rotate(-45deg);
}

.clock__two[b-y4h658jhqc],
.clock__eight[b-y4h658jhqc] {
    transform: translateX(-90%) rotate(-30deg);
}

.clock__four[b-y4h658jhqc],
.clock__ten[b-y4h658jhqc] {
    transform: translateX(-90%) rotate(-165deg);
}

.clock__five[b-y4h658jhqc],
.clock__eleven[b-y4h658jhqc] {
    transform: translateX(-50%) rotate(-120deg);
}

.clock__one[b-y4h658jhqc] {
    top: 1.25rem;
    right: 2.1rem;
}

.clock__two[b-y4h658jhqc] {
    top: 2.7rem;
    right: 0.6rem;
}

.clock__four[b-y4h658jhqc] {
    bottom: 2.7rem;
    right: 0.6rem;
}

.clock__five[b-y4h658jhqc] {
    bottom: 1.3rem;
    left: 71%;
}

.clock__seven[b-y4h658jhqc] {
    bottom: 1.6rem;
    left: 30%;
}

.clock__eight[b-y4h658jhqc] {
    bottom: 2.7rem;
    left: 1.6rem;
}

.clock__ten[b-y4h658jhqc] {
    top: 2.7rem;
    left: 1.6rem;
}

.clock__eleven[b-y4h658jhqc] {
    top: 1.25rem;
    left: 2.6rem;
}

/* MANECILLAS  */
.clock__rounder[b-y4h658jhqc] {
    width: 0.75rem;
    height: 0.75rem;
    background: var(--secondary-400);
    border-radius: 50%;
    border: 2px solid var(--secondary-color);
    z-index: 4;
}

.clock__hour[b-y4h658jhqc],
.clock__minutes[b-y4h658jhqc],
.clock__seconds[b-y4h658jhqc] {
    position: absolute;
    display: flex;
    justify-content: center;
}

.clock__hour[b-y4h658jhqc] {
    width: 80px;
    height: 80px;
}

    .clock__hour[b-y4h658jhqc]::before {
        content: "";
        position: absolute;
        background-color: var(--primary-color);
        width: 0.4rem;
        height: 3rem;
        border-radius: 0.75rem;
        z-index: 3;
    }

.clock__minutes[b-y4h658jhqc] {
    width: 120px;
    height: 120px;
}

    .clock__minutes[b-y4h658jhqc]::before {
        content: "";
        position: absolute;
        background-color: var(--secondary-500);
        width: 0.2rem;
        height: 4rem;
        border-radius: 0.75rem;
        z-index: 2;
    }

.clock__seconds[b-y4h658jhqc] {
    width: 130px;
    height: 130px;
}

    .clock__seconds[b-y4h658jhqc]::before {
        content: "";
        position: absolute;
        background-color: var(--secondary-400);
        width: 0.122em;
        height: 4rem;
        border-radius: 0.75rem;
        z-index: 0;
    }



/*RELOJ 2*/
#txtContador[b-y4h658jhqc] {
    width: 20%;
    padding: 0;
    text-align: center;
    align-items: center;
    box-shadow: var(--input-shadow);
}

.reloj[b-y4h658jhqc] {
    padding: 20px;
}

.clock[b-y4h658jhqc] {
    position: relative;
    width: 225px;
    height: 225px;
    border-radius: 50%;
    box-shadow: var(--button-shadow);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    margin-top: 15px;
}

    .clock[b-y4h658jhqc]::before {
        content: '';
        position: absolute;
        width: 4px;
        height: 4px;
        border: 3px solid #fff;
        border-radius: 50%;
        z-index: 00000;
    }

    .clock span[b-y4h658jhqc] {
        position: absolute;
        inset: 10px;
        color: var(--secondary-500);
        text-align: center;
        transform: rotate(calc(30deg * var(--i)));
    }

        .clock span b[b-y4h658jhqc] {
            font-size: 1em;
            font-weight: 600;
            display: inline-block;
            transform: rotate(calc( var(--i)));
        }

.circle[b-y4h658jhqc] {
    position: absolute;
    width: 150px;
    height: 150px;
    border: 2px solid var(--primary-200);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    z-index: 10;
}

    .circle i[b-y4h658jhqc] {
        position: absolute;
        width: 3px;
        height: 50%;
        background: var(--clr);
        opacity: 0.75;
        transform-origin: bottom;
        transform: scaleY(0.5);
    }

    .circle:nth-child(1) i[b-y4h658jhqc] {
        width: 1px;
    }

    .circle:nth-child(3) i[b-y4h658jhqc] {
        width: 3px;
    }

.circle2[b-y4h658jhqc] {
    width: 120px;
    height: 120px;
    z-index: 9;
}

.circle3[b-y4h658jhqc] {
    width: 90px;
    height: 90px;
    z-index: 8;
}

.circle[b-y4h658jhqc]::before {
    content: '';
    position: absolute;
    top: -4.25px;
    width: 7.5px;
    height: 7.5px;
    border-radius: 50%;
    background: var(--clr);
    box-shadow: 0 0 20px var(--clr), 0 0 60px var(--clr);
}


.input_hr[b-y4h658jhqc] {
    margin-bottom: 20px;
    display: flex;
    padding: 5px 10px;
    border: 1px;
    border-radius: 40px;
    text-align: center;
    color: var(--clr);
}

.txt_label[b-y4h658jhqc] {
    font-size: 15px;
    text-align: center;
}

#btnAcceso[b-y4h658jhqc] {
    margin-bottom: 10px;
}

.reloj__twelve[b-y4h658jhqc],
.reloj__three[b-y4h658jhqc],
.reloj__six[b-y4h658jhqc],
.reloj__nine[b-y4h658jhqc] {
    position: absolute;
    color: var(--primary-400) !important;
}

.progress[b-y4h658jhqc] {
    height: 4px;
    border-radius: 20px;
    overflow: visible;
    position: relative;
    visibility: hidden;
}

@-webkit-keyframes animate-positive {
    0% {
        width: 100%;
    }
}

@keyframes animate-positive-b-y4h658jhqc {
    0% {
        width: 100%;
    }
}

/*.slogan {
    padding-bottom: 2rem;
    font-size: 1.2rem;
    font-family: var(--font-Rubik-Sans);*/
    /*    color: var(--secondary-color);
*/
    /*animation: fluido 5s ease-in-out infinite;
    background: linear-gradient( 45deg, #136c6a 0%, #546bbd 35%, #8152a3 100% );
    background-size: 200%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}*/

/*.slogan {
    padding-bottom: 2rem;
    font-size: 1.2rem;
    font-family: var(--font-Rubik-Sans);
    animation: fluido2 5s ease-in-out infinite;
    background: linear-gradient(45deg, #136c6a, #546bbd, #8152a3);
    background-size: 300%;*/ /* Ampliado para que recorra todas las letras */
    /*background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}*/

/*.slogan {
    padding-bottom: 2rem;
    font-size: 1.2rem;
    font-family: var(--font-Rubik-Sans);
    animation: fluido2 5s ease-in-out infinite;
    background: linear-gradient(45deg, #2c49ab, #a0a0a0, #ffffff, #a0a0a0, #2c49ab);
    background-size: 400%;*/ /* Aumentado para resaltar el efecto de destello */
    /*background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}*/

/*.slogan {
    padding-bottom: 2rem;
    font-size: 1.2rem;
    font-family: var(--font-Rubik-Sans);
    animation: fluido2 5s ease-in-out forwards infinite;
    background: linear-gradient(45deg, #2c49ab, #a0a0a0, #ffffff, #a0a0a0, #2c49ab);
    background-size: 400%;*/ /* Aumentado para resaltar el efecto de destello */
    /*background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}*/

.slogan[b-y4h658jhqc] {
    padding-bottom: 2rem;
    font-size: 1.2rem;
    font-family: var(--font-Poppins);
    animation: fluido2 5s ease-in-out forwards infinite;
    background: linear-gradient(45deg, var(--title-color), var(--title-color), #d4d4d4, var(--title-color), var(--title-color));
    background-size: 400%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.avisos[b-y4h658jhqc]{
/*    position: absolute;
    bottom: 1rem; 
*/    font-size: 13px;
}

.avisos p[b-y4h658jhqc]{
    color: var(--text-color);
}

.avisos a[b-y4h658jhqc]{
    color: var(--primary-color);    
}

.logo[b-y4h658jhqc]{
    height:148px;
    width:auto;
    margin-bottom:30px;
}

.logo-mex[b-y4h658jhqc] {
    height: 7vh;
    width: auto;
    margin-top: 6vh;
    margin-bottom: 2vh;
}
/* /Pages/razor_NCalculoNomina/NPeriodosAnuales.razor.rz.scp.css */
table td:first-child[b-jybd942rm5],
table th:first-child[b-jybd942rm5] {
    width: 30% !important;
}
/* /Pages/razor_NColaborador/N05_AltaColaborador.razor.rz.scp.css */


[b-pp820bk35z] .btn-datos-biom {
    width: 35px;
    height: 35px;
    font-size: 22px;
    background: var(--button-background);
    border: none;
    outline: none;
    cursor: pointer;
    color: var(--button-text-color);
    box-shadow: var(--button-shadow);
    border-radius: 30%;
}

    [b-pp820bk35z] .btn-datos-biom:disabled {
        background: var(--secondary-900);
    }





/*card colaborador*/
/*****************FORMULARIO FOTOGRAFÍA*********************/
[b-pp820bk35z] .card-glass {
    position: relative;
    overflow: hidden;
    padding: 1rem 0;
    background-color: var(--fondo);
    height: 270px;
    /* border: 1px solid blue; */
    margin: 30px 0px 20px 0px;
    z-index: 5;
}

/*    .card-glass img {
        max-width: 100%;
        height: auto;
    }
*/
[b-pp820bk35z] .card-glass__container {
    display: block;
}

[b-pp820bk35z] .card-glass__glass {
    /* position: relative; */
    overflow: hidden;
    text-align: center;
    padding: 0 2.5rem;
    transition: all 0.3s ease-in-out 0s;
    background: var(--card-glass);
    box-shadow: var(--card-glass-shadow);
    border-radius: 1.5rem;
    /* backdrop-filter: blur(25px) saturate(200%);
  -webkit-backdrop-filter: blur(25px) saturate(200%); */
    /* border: 1px solid green; */
    height: 270px;
    align-items: center;
}

/*    .card-glass__glass .statistic-wrap {
        margin-top: 15px;
    }
*/
[b-pp820bk35z] .card-glass__img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 2px solid #f4f4fb;
    margin-bottom: 1rem;
}

[b-pp820bk35z] .card-glass__data {
    margin-bottom: 1.5rem;
}

[b-pp820bk35z] .card-glass__title {
    font-size: var(--h3-font-size);
    color: var(--texto-glass);
    font-weight: 600;
    margin-bottom: 0.25rem;
}

[b-pp820bk35z] .card-glass__profession {
    font-size: var(--small-font-size);
    color: var(--text-color);
    font-weight: 500;
}

[b-pp820bk35z] input.card-glass__button {
    border-radius: 25px;
    outline: none !important;
    border: 1px solid transparent !important;
    width: 200px;
    overflow: hidden;
}

    [b-pp820bk35z] input.card-glass__button::before {
        outline: none !important;
        border: 1px solid transparent !important;
        content: "      Incorporar imagen de colaborador                      .";
        display: inline-block;
        /* height: 20px; */
        background: var(--background-theme);
        padding: 0.75rem 0;
        color: var(--texto-glass);
        font-weight: 500;
        /* transition: 0.4s; */
        cursor: pointer;
        text-align: center;
    }

    [b-pp820bk35z] input.card-glass__button::after {
        display: none;
    }

    [b-pp820bk35z] input.card-glass__button:hover {
        outline: none !important;
        /* border: 1px solid transparent !important; */
        content: "Incorporar imagen de colaborador";
        background: var(--background-elements);
        color: var(--texto-glass);
        box-shadow: 4px 3px 8px var(--shadow-dk), -2px -1px 8px var(--shadow-lg);
    }



[b-pp820bk35z] .card-glass__social {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
}

[b-pp820bk35z] .card-glass__link {
    display: block;
    color: var(--text-color);
    margin: 1rem 0;
    transform: translateX(-5rem);
    font-size: 1.25rem;
}

    [b-pp820bk35z] .card-glass__link:nth-child(1) {
        /* transition-property: transform; */
        transition: 0.2s;
    }

    [b-pp820bk35z] .card-glass__link:nth-child(2) {
        /* transition-property: transform; */
        transition: 0.5s;
    }

    [b-pp820bk35z] .card-glass__link:nth-child(3) {
        /* transition-property: transform; */
        transition: 0.7s;
    }

[b-pp820bk35z] .card-glass__glass:hover .card-glass__link {
    transform: translateX(-.3rem);
}

[b-pp820bk35z] .card-glass__circle {
    position: absolute;
    width: 100px;
    height: 100px;
    background: linear-gradient(130deg, rgb(77, 73, 191), rgb(255, 255, 255));
    border-radius: 50%;
}

[b-pp820bk35z] .card-glass__circle1 {
    top: 25px;
    left: -25px;
    z-index: 1;
}

[b-pp820bk35z] .card-glass__circle2 {
    /* bottom: 0%; */
    right: -25px;
    z-index: 2;
    background: linear-gradient(130deg, rgb(5, 218, 242), rgb(255, 255, 255));
}

@media (max-width: 767px) {
    [b-pp820bk35z] .card-glass__circle {
        width: 110px;
        height: 110px;
    }

    [b-pp820bk35z] .card-glass__circle1 {
        top: 120px;
        left: 80px;
    }

    [b-pp820bk35z] .card-glass__circle2 {
        top: 25px;
        right: 50px;
    }
}

/*========== MEDIA QUERIES ==========*/

@media screen and (min-width: 768px) {
    [b-pp820bk35z] .bd-container {
        margin-left: auto;
        margin-right: auto;
    }

    [b-pp820bk35z] .card-glass {
        padding: 0;
    }

    [b-pp820bk35z] .card-glass__container {
        height: 50vh;
        align-content: center;
    }

    [b-pp820bk35z] .card-glass__circle1 {
        left: 5%;
        top: 12%;
    }

    [b-pp820bk35z] .card-glass__circle2 {
        right: 8%;
        bottom: 15%;
    }
}



[b-pp820bk35z] .nano {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    [b-pp820bk35z] .nano > .nano-content,
    [b-pp820bk35z] .nano > .nano-pane {
        /* position:absolute; */
        right: 0;
        top: 0;
        bottom: 0;
    }

    [b-pp820bk35z] .nano > .nano-content {
        overflow: hidden;
        left: 0;
    }

        [b-pp820bk35z] .nano > .nano-content:focus {
            outline: none;
        }

        [b-pp820bk35z] .nano > .nano-content::-webkit-scrollbar {
            display: none;
        }

[b-pp820bk35z] .has-scrollbar > .nano-content::-webkit-scrollbar {
    display: block;
}

[b-pp820bk35z] .nano > .nano-pane {
    background: rgba(0, 0, 0, 0.25);
    width: 10px;
    visibility: hidden\9;
    /* opacity: 0.01; */
    transition: 0.2s;
    border-radius: 5px;
}

    [b-pp820bk35z] .nano > .nano-pane > .nano-slider {
        background: #444;
        background: rgba(0, 0, 0, 0.5);
        position: relative;
        margin: 0 1px;
        border-radius: 3px;
    }

[b-pp820bk35z] .nano-pane.active,
[b-pp820bk35z] .nano-pane.flashed,
[b-pp820bk35z] .nano:hover > .nano-pane {
    visibility: visible\9;
    opacity: 0.99;
}



[b-pp820bk35z] .mhn-news-app {
    height: 100%;
    width: 100%;
    max-width: 370px;
    max-height: 565px;
    overflow: hidden;
    position: fixed;
    left: 50%;
    margin-left: -185px;
}

    [b-pp820bk35z] .mhn-news-app > .header {
        height: 50px;
        position: relative;
        padding: 15px 10px;
        background: #395373;
        text-align: center;
    }

        [b-pp820bk35z] .mhn-news-app > .header a {
            color: #95b1d3;
        }

        [b-pp820bk35z] .mhn-news-app > .header .title {
            font-weight: 500;
            display: inline-block;
        }

[b-pp820bk35z] .category {
    width: inherit;
    overflow: hidden;
    position: relative;
}

    [b-pp820bk35z] .category .statistic-wrap,
    [b-pp820bk35z] .category .statistic-wrap .head {
        text-align: center;
    }

    [b-pp820bk35z] .category .statistic-wrap {
        transition: all 0.3s ease-in-out 0s;
    }

    [b-pp820bk35z] .category.active .statistic-wrap {
        padding-right: 20px;
    }

    [b-pp820bk35z] .category.active .card-glass__glass {
        padding-left: 14px;
    }

    [b-pp820bk35z] .category .statistic-wrap .head {
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 30px;
    }

    [b-pp820bk35z] .category .statistic-wrap .statistic {
        margin: 0 10px;
        display: inline-block;
        text-transform: uppercase;
    }

        [b-pp820bk35z] .category .statistic-wrap .statistic .count {
            font-size: 14px;
            font-weight: 700;
        }

        [b-pp820bk35z] .category .statistic-wrap .statistic .title {
            font-size: 12px;
            font-weight: 500;
        }

    [b-pp820bk35z] .category .links-wrap {
        top: 50%;
        width: 200px;
        height: 200px;
        right: -100px;
        border-radius: 50%;
        position: absolute;
        margin-top: -100px;
        z-index: 6;
    }

        [b-pp820bk35z] .category .links-wrap .toggle {
            top: 60%;
            z-index: 2;
            color: #eee;
            right: 105px;
            width: 25px;
            height: 50px;
            cursor: pointer;
            font-size: 24px;
            padding-left: 4px;
            /* text-align: center; */
            align-content: center;
            position: inherit;
            margin-top: -25px;
            line-height: 50px;
            background: var(--primary-400);
            border-radius: 50px 0 0 50px;
            font-family: "boxicons";
            animation: aumentar-b-pp820bk35z 3s ease-in-out infinite;
            transition: width .3s;
        }


@keyframes aumentar-b-pp820bk35z {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

[b-pp820bk35z] .category .links-wrap .toggle .fa:before {
    content: "\ea4";
}

[b-pp820bk35z] .category.active .links-wrap .toggle .fa:before {
    content: "\ea50";
}

[b-pp820bk35z] .category .links-wrap .links {
    left: 0;
    width: inherit;
    height: inherit;
    position: inherit;
    border-radius: inherit;
    transition: transition 0.4s ease-in-out 0s;
}

    [b-pp820bk35z] .category .links-wrap .links:before,
    [b-pp820bk35z] .category .links-wrap .links:after {
        width: 100px;
        height: 100px;
        transition: inherit;
        background: rgba(0, 0, 0, 0.2);
    }

    [b-pp820bk35z] .category .links-wrap .links:before {
        top: -100px;
        border-radius: 100px 0 0 0;
    }

    [b-pp820bk35z] .category .links-wrap .links:after {
        bottom: -100px;
        border-radius: 0 0 0 100px;
    }

[b-pp820bk35z] .category.active .links-wrap .links:before {
    top: 0;
}

[b-pp820bk35z] .category.active .links-wrap .links:after {
    bottom: 0;
}


/*cambios 03/02/2022 Lizeth*/
/*cambios 18/02/2022 Andrea*/
[b-pp820bk35z] .category .links div {
    top: 60%;
    z-index: 1;
    right: 50px;
    width: 33px;
    height: 33px;
    margin-top: -21px;
    text-align: left;
    position: absolute;
    display: inline-block;
    transform: translate(0, 0) scale(0) rotate(360deg);
    transition: all 0.4s ease-in-out 0s;
}

    [b-pp820bk35z] .category .links div button {
        font-size: 20px;
    }

[b-pp820bk35z] .category.active .links div {
    right: 80px;
}

[b-pp820bk35z] .category.active .links-wrap .links div:nth-child(1) {
    transform: translate(-40px, -50px) scale(1) rotate(0deg);
}

[b-pp820bk35z] .category.active .links-wrap .links div:nth-child(2) {
    transform: translate(-70px, 0px) scale(1) rotate(0deg);
}

[b-pp820bk35z] .category.active .links-wrap .links div:nth-child(3) {
    transform: translate(-40px, 50px) scale(1) rotate(0deg);
}

/*.nano .preview img {
    width: 80px !important;
    height: 80px;
}*/

[b-pp820bk35z] .nano .preview img.card-glass__img {
    background: url("https://th.bing.com/th/id/OIP.ZT-Tw8tYy38htqch69vsGQAAAA?pid=ImgDet&rs=1") no-repeat;
    background-size: cover;
    background-position: center;
}

    [b-pp820bk35z] .nano .preview img.card-glass__img.M {
        background: url("../../img/mujer.gif") no-repeat;
        background-size: cover;
        background-position: center;
    }

    [b-pp820bk35z] .nano .preview img.card-glass__img.H {
        background: url("../../img/hombre.gif") no-repeat;
        background-size: cover;
        background-position: center;
    }

/*.nano .preview img.card-glass__img {
        object-fit: cover;
    }*/

[b-pp820bk35z] .table .acciones .button.btn-icon-xs:nth-child(1) {
    z-index: 3;
}

[b-pp820bk35z] .table .acciones .button.btn-icon-xs:nth-child(3) {
    z-index: 1;
}

[b-pp820bk35z] .table .acciones .btn-file input {
    height: 20px;
    width: 20px;
}

[b-pp820bk35z] .table .acciones .file-span {
    z-index: 2;
    font-weight: 600;
    text-align: center;
}


.btn-aletra[b-pp820bk35z] {
    animation: parpadeo-b-pp820bk35z 1s ease-in-out 0s 4 forwards;
    font-weight: bold;
}

@keyframes parpadeo-b-pp820bk35z {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }
}

}
/* /Pages/razor_NColaborador/NBitacoraAnual.razor.rz.scp.css */

[b-dtivz9utj5] .rz-scheduler .rz-scheduler-nav,
[b-dtivz9utj5] .rz-view-header,
[b-dtivz9utj5] .rz-month .rz-slots .rz-slot:nth-child(1),
[b-dtivz9utj5] .rz-month .rz-slots .rz-slot:nth-child(40),
[b-dtivz9utj5] .rz-scheduler {
    background: var(--dash-card-background);
}

    [b-dtivz9utj5] .rz-scheduler .rz-scheduler-nav,
    [b-dtivz9utj5] .rz-view-header,
    [b-dtivz9utj5] .rz-month .rz-slots .rz-slot {
        background: var(--dash-card-background);
    }

        [b-dtivz9utj5] .rz-month .rz-slots .rz-slot.rz-other-month {
            background: var(--theme-background);
        }


[b-dtivz9utj5] .rz-month .rz-slot, [b-dtivz9utj5] .rz-slot {
    border-top: 1px solid var(--calendar-border-color);
    border-left: 1px solid var(--calendar-border-color);
}

[b-dtivz9utj5] .rz-view-header {
    border-bottom: 1px solid var(--calendar-border-color);
}

[b-dtivz9utj5] .rz-month .rz-slot:first-child {
    border-right: 1px solid var(--calendar-border-color);
}

[b-dtivz9utj5] .rz-scheduler-nav .rz-scheduler-nav-title {
    color: var(--primary-color);
    font-family: var(--font-Poppins);
    text-transform: capitalize;
    font-size: 1.6rem;
}

[b-dtivz9utj5] .rz-stack,
[b-dtivz9utj5] .rz-scheduler-nav,
[b-dtivz9utj5] .rz-scheduler {
    border: 0px;
    color: var(--text-color)
}

[b-dtivz9utj5] .rz-month .rz-slots .rz-slot:nth-child(1) .rz-slot-header,
[b-dtivz9utj5] .rz-month .rz-slots .rz-slot:nth-child(40) .rz-slot-header,
[b-dtivz9utj5] .rz-view-header {
    color: var(--secondary-color);
    font-family: var(--font-Rubik-Sans)
}



[b-dtivz9utj5] .rz-button, [b-dtivz9utj5] .rz-button:hover,
[b-dtivz9utj5] button:not(.rz-state-disabled):hover:not(:active),
[b-dtivz9utj5] .rz-scheduler-nav-views .rz-button.rz-primary.rz-state-active {
    background: var(--button-background);
    border: none;
    outline: none;
    cursor: pointer;
    color: var(--button-text-color);
    box-shadow: var(--button-shadow);
    text-decoration: none;
    align-items: center;
    letter-spacing: .5px;
    word-spacing: 2px;
    font-weight: 600;
    transition: transform .2s ease-in;
}


[b-dtivz9utj5] .rz-scheduler-nav-views .rz-button.rz-state-active:focus-visible {
    color: var(--button-text-color) !important;
}

/*Cambios Eder 15112024*/
[b-dtivz9utj5] .rz-event-content {
    color: var(--secondary-color) !important;
    font-family: var(--font-Rubik-Sans) !important;
}


[b-dtivz9utj5] .rz-button.rz-shade-default {
    background: var(--element-background);
    border: 2px solid var(--secondary-color);
    outline: none;
    cursor: pointer;
    text-decoration: none;
    align-items: center;
    letter-spacing: .5px;
    word-spacing: 2px;
    color: var(--secondary-color);
    box-shadow: var(--button-shadow);
    font-weight: 600;
    padding: 5 15px;
    transition: transform .1s ease-in;
}


.rz-button:active[b-dtivz9utj5] {
    box-shadow: none !important;
}




[b-dtivz9utj5] .rz-button:hover {
    transform: scale(1.045);
    -webkit-transform: scale(1.045);
    -moz-transform: scale(1.045);
    -ms-transform: scale(1.045);
}
/*Cambios Eder 15112024*/
.rz-dialog[b-dtivz9utj5] {
    background: var(--element-background) !important;
}

[b-dtivz9utj5] .rz-button:active, [b-dtivz9utj5] .rz-button:focus-visible {
    border: none;
    outline: 0;
    color: var(--button-focus-text-color) !important;
    /*second-color*/
    background: var(--button-active-background);
    box-shadow: var(--button-inner-shadow) !important;
}

/*color de iconos*/
[b-dtivz9utj5] .rz-scheduler-nav-views .rz-button.rz-primary.rz-state-active i {
    color: var(--button-text-color);
}

.button:active i[b-dtivz9utj5] {
    color: var(--button-active-text-color) !important;
}

/*segundo estilo*/
[b-dtivz9utj5] rz-scheduler-nav-views .rz-button {
    background: var(--element-background);
    border: 2px solid var(--secondary-color);
    outline: none;
    cursor: pointer;
    text-decoration: none;
    align-items: center;
    letter-spacing: .5px;
    word-spacing: 2px;
    color: var(--secondary-color);
    box-shadow: var(--button-shadow);
    font-weight: 600;
    padding: 5 15px;
    transition: transform .1s ease-in;
}

.button-line:active[b-dtivz9utj5] {
    outline: 0;
    /*second-color*/
    box-shadow: var(--button-inner-shadow);
}

/*color de iconos*/
[b-dtivz9utj5] rz-scheduler-nav-views .rz-button {
    color: var(--secondary-color);
}

[b-dtivz9utj5] rz-scheduler-nav-views .rz-button {
    color: var(--secondary-color);
}

.activity-calendar[b-dtivz9utj5]  .rz-scheduler {
    width: 78%;
    transition: width .3s ease;
}

.activity-calendar.activity-list-hidden[b-dtivz9utj5]  .rz-scheduler {
    width: 98%
}




.activity-list[b-dtivz9utj5] {
    width: 22%;
    height: 700px;
    padding-top: .7rem;
    overflow: scroll;
    background: var(--dash-card-background)
}


.activity-list[b-dtivz9utj5], activity-details[b-dtivz9utj5], .activity-color[b-dtivz9utj5] {
    transition: width .3s ease;
    transition: height .3s ease;
}

.activity-calendar.activity-list-hidden .activity-list[b-dtivz9utj5] {
    width: 3%;
    overflow: hidden;
}

.activity-list .activity-color[b-dtivz9utj5] {
    width: .7rem;
    margin-right: .5rem;
}

.activity-calendar.activity-list-hidden .activity-list .activity-color[b-dtivz9utj5] {
    margin-right: 0rem;
}

.activity-calendar .activity-list .activity-details p[b-dtivz9utj5] {
    margin: 0;
    margin-bottom: .6rem;
    margin-right: .6rem;
}

.activity-calendar .activity-list .activity-details p[b-dtivz9utj5] {
    font-family: var(--font-Poppins);
    font-size: 12px;
}

.activity-calendar.activity-list-hidden .activity-list .activity-details[b-dtivz9utj5] {
    width: 0px;
    height: 4rem;
    overflow: hidden;
}


/*background de las actividades*/

.activity-color.eve1[b-dtivz9utj5] {
    background: var(--planeacion-eve1-background);
}

.activity-color.eve2[b-dtivz9utj5] {
    background: var(--planeacion-eve2-background);
}

.activity-color.eve3[b-dtivz9utj5] {
    background: var(--planeacion-eve3-background);
}

.activity-color.eve4[b-dtivz9utj5] {
    background: var(--planeacion-eve4-background);
}

.activity-color.eve5[b-dtivz9utj5] {
    background: var(--planeacion-eve5-background);
}

.activity-color.eve6[b-dtivz9utj5] {
    background: var(--planeacion-eve6-background);
}

.activity-color.eve7[b-dtivz9utj5] {
    background: var(--planeacion-eve7-background);
}

.activity-color.eve8[b-dtivz9utj5] {
    background: var(--planeacion-eve8-background);
}

.activity-color.eve9[b-dtivz9utj5] {
    background: var(--planeacion-eve9-background);
}
.activity-color.eve10[b-dtivz9utj5] {
    background: var(--planeacion-eve10-background);
}
.activity-color.eve11[b-dtivz9utj5] {
    background: var(--planeacion-eve11-background);
}
.activity-color.eve12[b-dtivz9utj5] {
    background: var(--planeacion-eve12-background);
}
.activity-color.eve13[b-dtivz9utj5] {
    background: var(--planeacion-eve13-background);
}
.activity-color.eve14[b-dtivz9utj5] {
    background: var(--planeacion-eve14-background);
}
.activity-color.eve15[b-dtivz9utj5] {
    background: var(--planeacion-eve15-background);
}
.activity-color.eve16[b-dtivz9utj5] {
    background: var(--planeacion-eve16-background);
}
.activity-color.eve17[b-dtivz9utj5] {
    background: var(--planeacion-eve17-background);
}
.activity-color.eve18[b-dtivz9utj5] {
    background: var(--planeacion-eve18-background);
}

#wrapper .cont-accion-menu[b-dtivz9utj5] {
    transition: all 0.3s ease-in-out;
    right: 16rem;
}

#wrapper.fullwidth-right .cont-accion-menu[b-dtivz9utj5]{
    right: 2px;
}

/* /Pages/razor_NColaborador/NDirectorioColaborador.razor.rz.scp.css */
.lienzo-directorio[b-lsgwom2d2w]{
    height:65vh !important;
}


@keyframes float-b-lsgwom2d2w {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

@keyframes pulse-b-lsgwom2d2w {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }
}

.sector[b-lsgwom2d2w] {
    cursor: pointer;
    transition: all 0.3s ease;
}

    .sector:hover[b-lsgwom2d2w] {
        filter: brightness(1.2) drop-shadow(0 0 15px rgba(255, 255, 255, 0.5));
    }

.stats-panel[b-lsgwom2d2w] {
    align-items: center !important;
    justify-content: center !important; 
    display: flex;
    flex-direction: column;
}
/* Nuevo diseño de tarjeta de empleado */
.employee-card[b-lsgwom2d2w] {
    background: var(--dash-card-background) !important;
    border-radius: var(--card-border-radius) !important;
    transition: all 0.3s ease;
    border: none !important;
    box-shadow: var(--button-shadow);
}

    .employee-card:hover[b-lsgwom2d2w] {
        transform: translateY(-5px);
        box-shadow: var(--button-shadow) !important;
    }

    .employee-card .card-header[b-lsgwom2d2w] {
        background: var(--dash-card-background) !important;
        border-radius: var(--card-border-radius) var(--card-border-radius) 0 0 !important;
    }

.avatar-img[b-lsgwom2d2w] {
    object-fit: cover;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.employee-id[b-lsgwom2d2w] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.detail-label[b-lsgwom2d2w] {
    letter-spacing: 0.5px;
}

.highlight[b-lsgwom2d2w] {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 700 !important;
}
/* /Pages/razor_NColaborador/NEmisionDocumento.razor.rz.scp.css */

.bi1[b-wy09z0ehk6] {
    font-size: 18px !important;
    padding: 5px !important;
    margin-right: 8px !important;
}

.bi-robot[b-wy09z0ehk6] {
    width: 30px !important;
    height: 32px !important;
    border-radius: var(--button-sm-border-radius) !important;
}
/*Formato Para Textos largos*/
.card-front__heading[b-wy09z0ehk6] {
    text-align: center;
    font-size: 16px;
    font-family: var(--font-Roboto);
    margin-top: .25rem;
    color: var(--secondary-600);
    background-color: var(--dash-card-background);
}
/* Formato Para Textos Medianos */
.card-front__heading1[b-wy09z0ehk6] {
    text-align: center;
    font-size: 16px;
    font-family: var(--font-Roboto);
    margin-top: .25rem;
    height: 15vh;
    color: var(--secondary-600);
    background-color: var(--dash-card-background);
}
/*Formato para texto Corto*/
.card-front__heading2[b-wy09z0ehk6] {
    text-align: center;
    font-size: 16px;
    font-family: var(--font-Roboto);
    margin-top: .25rem;
    height: 10vh;
    color: var(--secondary-600);
    background-color: var(--dash-card-background);
}
/* Main heading for inside page (Caja del titulo superior)*/
.inside-page__heading[b-wy09z0ehk6] {
    padding-bottom: 1rem;
    width: 100%;
    background-color: var(--dash-card-background);
}

.inside-page__text[b-wy09z0ehk6] {
    background-color: var(--dash-card-background);
}
/* For both inside page's main heading and 'view me' text on card front cover */
.inside-page__heading[b-wy09z0ehk6],
.card-front__text-view[b-wy09z0ehk6] {
    font-size: 14px;
    font-family: var(--font-Roboto);
    font-weight: 800;
    margin-top: .2rem;
    background-color: var(--dash-card-background);
    color: var(--primary-color);
}

.card-front__icon[b-wy09z0ehk6] {
    font-size: 3vw;
    height: 3.25rem;
    margin-top: -.5rem;
    width: 3.25rem;
    background-color: var(--dash-card-background);
}
/* Container to hold all cards in one place(Bordes exteriores) */
.card-area[b-wy09z0ehk6] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1rem;
    justify-content: center;
    align-items: center;
}
/* Area to hold an individual card */
.card-section[b-wy09z0ehk6] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
}
/* A container to hold the flip card and the inside page */
.card[b-wy09z0ehk6] {
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
    background: var(--theme-background);
    height: 10rem;
    position: relative;
    transition: all 1s ease;
    width: 10rem;
    border: none;
}
/* Flip card - covering both the front and inside front page */
/* An outer container to hold the flip card. This excludes the inside page */
.flip-card[b-wy09z0ehk6] {
    height: 10rem;
    perspective: 100rem;
    position: absolute;
    right: 0;
    transition: all 1s ease;
    visibility: hidden;
    width: 10rem;
    z-index: 100;
}
    /* The outer container's visibility is set to hidden. This is to make everything within the container NOT set to hidden  */
    /* This is done so content in the inside page can be selected */
    .flip-card > *[b-wy09z0ehk6] {
        visibility: visible;
    }
/* An inner container to hold the flip card. This excludes the inside page */
/*Formato de cuando hace flip es la cara izquierda*/
.flip-card__container[b-wy09z0ehk6] {
    height: 100%;
    position: absolute;
    right: 0;
    transform-origin: left;
    transform-style: preserve-3d;
    transition: all 1s ease;
    width: 100%;
    background-color: var(--dash-card-background);
}

.card-front[b-wy09z0ehk6],
.card-back[b-wy09z0ehk6] {
    backface-visibility: hidden;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
/* Styling for the front side of the flip card */
/*CAMBIA EL COLOR DE FONDO DEL CONTENEDOR*/
.card-front[b-wy09z0ehk6] {
    height: 10rem;
    width: 10rem;
    background-color: var(--dash-card-background);
}
/* Front side's top section */
.card-front__tp[b-wy09z0ehk6] {
    align-items: center;
    clip-path: polygon(0 0, 100% 0, 100% 90%, 57% 90%, 50% 100%, 43% 90%, 0 90%);
    display: flex;
    flex-direction: column;
    height: 7rem;
    justify-content: center;
}
/*CAMBIA EL COLOR DE FONDO DE LA TARJETA DE TIPO CARTAS*/
.card-front__tp2[b-wy09z0ehk6] {
    align-items: center;
    clip-path: polygon(0 0, 100% 0, 100% 90%, 57% 90%, 50% 100%, 43% 90%, 0 90%);
    display: flex;
    flex-direction: column;
    height: 7rem;
    justify-content: center;
    background: var(--card-front);
}
/*CAMBIA EL COLOR DE FONDO DE LA TARJETA DE TIPO CONTRATOS*/
.card-front__tp3[b-wy09z0ehk6] {
    align-items: center;
    clip-path: polygon(0 0, 100% 0, 100% 90%, 57% 90%, 50% 100%, 43% 90%, 0 90%);
    display: flex;
    flex-direction: column;
    height: 12rem;
    justify-content: center;
    background: var(--card-front-contract);
}
/*CAMBIA EL COLOR DE FONDO DE LA PARTE DE LA SECCIÓN "VER" */
.card-front__bt1[b-wy09z0ehk6] {
    align-items: center;
    display: flex;
    height: 3rem;
    justify-content: center;
    background-color: var(--dash-card-background);
}

.card-front__bt[b-wy09z0ehk6] {
    align-items: center;
    display: flex;
    height: 3rem;
    justify-content: center;
    background-color: var(--dash-card-background);
}
/* Styling for the back side of the flip card */
.card-back[b-wy09z0ehk6] {
    transform: rotateY(180deg);
    background-color: var(--dash-card-background);
}
/* Specifically targeting the <video> element */
.video__container[b-wy09z0ehk6] {
    clip-path: polygon(0% 0%, 100% 0%, 90% 50%, 100% 100%, 0% 100%);
    height: auto;
    min-height: 100%;
    object-fit: cover;
    width: 100%;
}
/* Inside page */
.inside-page[b-wy09z0ehk6] {
    height: 100%;
    position: absolute;
    right: 0;
    transition: all 1s ease;
    width: 10rem;
    z-index: 1;
    background-color: var(--dash-card-background);
}
/*Agrega bordes en la parte de la cara donde viene la infromacion*/
.inside-page__container[b-wy09z0ehk6] {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    text-align: center;
    width: 100%;
    background-color: var(--dash-card-background);
}
/* Functionality ====================================*/
/* This is to keep the card centered (within its container) when opened */
.card:hover[b-wy09z0ehk6] {
    box-shadow: -.1rem 1.7rem 6.6rem -3.2rem var(--dk-gray-100);
    width: 20rem;
}
    /* When the card is hovered, the flip card container will rotate */
    .card:hover .flip-card__container[b-wy09z0ehk6] {
        transform: rotateY(-180deg);
    }
/* Ajuste del contenedor de opciones */
.options-container[b-wy09z0ehk6] {
    position: absolute;
    bottom: 10px; /* Ajusta la distancia desde la parte inferior */
    left: 0;
    right: -210px;
    display: flex;
    flex-direction: column;
    align-items: center; /* Centra horizontalmente los botones */
    justify-content: flex-end; /* Alinea los botones en la parte inferior */
    gap: 0.3rem; /* Espacio entre los botones */
    z-index: 2; /* Asegura que los botones estén encima del video */
    visibility: hidden; /* Oculta los elementos inicialmente */
    background-color: transparent;
}
/* Estilo del título h1 */
.options-title[b-wy09z0ehk6] {
    font-size: 12.1px; /* Ajusta el tamaño del texto */
    font-family: var(--font-Roboto);
    color: var(--dk-gray-1000); /* Ajusta el color del texto */
    margin: 0 0 0.5rem 0; /* Ajusta el margen inferior para separar del primer botón */
}
/* Muestra los elementos cuando la tarjeta está volteada */
.card:hover .options-container[b-wy09z0ehk6] {
    visibility: visible;
}

.card-fcartas[b-wy09z0ehk6] {
    background-color: var(--fila2);
}

.card-fcartas2[b-wy09z0ehk6] {
    background-color: var(--fila2);
}

.tooltip1[b-wy09z0ehk6] {
    position: relative; /* Necesario para posicionar el texto del tooltip */
    display: inline-block; /* Mantiene los botones en línea */
}
    /* Estilos del Tooltip */
    .tooltip1 .tooltip-text1[b-wy09z0ehk6] {
        visibility: hidden; /* El tooltip es invisible por defecto */
        width: auto; /* Ancho del tooltip */
        background-color: var(--dk-gray-100); /* Color de fondo del tooltip */
        color: #050303; /* Color del texto */
        text-align: center; /* Centra el texto */
        border-radius: 5px; /* Bordes redondeados */
        padding: 5px; /* Espaciado dentro del tooltip */
        position: absolute;
        z-index: 1; /* Asegura que el tooltip esté sobre otros elementos */
        bottom: 125%; /* Mueve el tooltip por encima del botón */
        left: 50%; /* Centra el tooltip horizontalmente */
        transform: translateX(-50%); /* Ajusta el centro del tooltip */
        opacity: 0; /* Transparente por defecto */
        transition: opacity 0.3s; /* Suaviza la transición de la opacidad */
        font-size: 12px; /* Tamaño de fuente del tooltip */
    }
    /* Mostrar el Tooltip al pasar el ratón */
    .tooltip1:hover .tooltip-text1[b-wy09z0ehk6] {
        visibility: visible; /* Muestra el tooltip al pasar el ratón */
        opacity: 1; /* Cambia la opacidad para hacer visible el tooltip */
    }
/* /Pages/razor_NColaborador/razor_NAltaColaborador/razor_Adicionales/DatosBiometricos.razor.rz.scp.css */
/*Datos biometricos*/

/*Cambios 11/02/2022 Lizeth*/
.file-select-firma[b-6fa0ovb540]::before {
    background: var(--button-background);
    color: var(--button-text-color);
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    white-space: nowrap;
    content: 'Importar';
}

.file-select-firma-focus[b-6fa0ovb540]::before {
    white-space: nowrap;
    content: 'Importar';
}






.canvas-firma[b-6fa0ovb540] {
    width: 100%;
    height: 160px;
    background-color: transparent;
    box-shadow: var(--card-sm-inner-shadow);
    border-radius: 25px;
}

audio[b-6fa0ovb540] {
    width: 65%;
    height: 25px;
}


.signature-pad[b-6fa0ovb540] {
    width: 90%;
    height: 8%;
}

/*audio*/

.recorder[b-6fa0ovb540] {
    display: inline-block;
    text-align: center;
}

.record_btn[b-6fa0ovb540] {
    background: var(--button-background);
    border: none;
    outline: none;
    color: var(--button-text-color);
    box-shadow: var(--button-shadow);
}

.record_btn-rec[b-6fa0ovb540] {
    /*reemplazar por botón sm*/
    width: 35px;
    height: 35px;
    font-size: 25px;
}

.label-rec[b-6fa0ovb540] {
    width: 5px;
}

.record_btn:active[b-6fa0ovb540] {
    background: #f5f5f5;
}

.record_btn[b-6fa0ovb540]:after {
}



.record_btn[disabled][b-6fa0ovb540]:after {
    color: #ccc;
}

.record_btn[disabled]:hover[b-6fa0ovb540] {
    transition: 0.15s linear;
    transform: none;
}

.record_btn:disabled[b-6fa0ovb540] {
    background: var(--secondary-900);
}

.recording[b-6fa0ovb540] {
    animation: recording-b-6fa0ovb540 2s infinite ease-in-out;
    position: relative;
}

    .recording[b-6fa0ovb540]:before {
        content: '';
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0px;
        height: 0px;
        margin: 0px;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.05);
        animation: recording_before-b-6fa0ovb540 2s infinite ease-in-out;
    }

@keyframes recording-b-6fa0ovb540 {
    from {
        transform: scale(1.1);
    }

    50% {
        transform: none;
    }

    to {
        transform: scale(1.1);
    }
}

@keyframes recording_before-b-6fa0ovb540 {
    80% {
        width: 200px;
        height: 200px;
        margin: -100px;
        opacity: 0;
    }

    to {
        opacity: 0;
    }
}

.record_canvas[b-6fa0ovb540] {
    width: 60px;
    height: 100px;
    display: inline-block;
}

.txt_btn[b-6fa0ovb540] {
    color: #000;
    text-decoration: none;
    transition: 0.15s linear;
    animation: text_btn 0.3s ease-in-out;
}

/*firma dib/exp*/
#dibujar-firma.ocultar[b-6fa0ovb540] {
    display: none;
}

#exp-firma.ocultar[b-6fa0ovb540] {
    display: none;
}




.desactivar[b-6fa0ovb540] {
    display: none;
}

audio[b-6fa0ovb540] {
    height: 30px;
}


/*cambios 10/03/2022 Lizeth*/

.wrapper-seccion[b-6fa0ovb540] {
    box-shadow: var(--card-shadow);
    border-radius: 30px;
}

.canvas-audio[b-6fa0ovb540] {
    width: 100%;
    height: 35px;
    border-radius: 13px;
    background-color: #00a8c1;
}


audio[b-6fa0ovb540] {
    width: 80%;
    border-radius: 0;
    height: 25px;
}

    audio[b-6fa0ovb540]::-webkit-media-controls-panel {
        background-color: var(--secondary-600);
    }

    audio[b-6fa0ovb540]::-webkit-media-controls-volume-slider {
        background-color: var(--secondary-500);
        border-radius: 25px;
        padding-left: 8px;
        padding-right: 8px;
    }

/*cambios 30/03/2022 Lizeth*/
input[type=range][b-6fa0ovb540]::-webkit-slider-thumb {
    background: linear-gradient(to top, #82b1c6 0%, #b2c4e2 74%);
}

input[type=range][b-6fa0ovb540]::-webkit-slider-runnable-track {
    background-color: var(--secondary-600);
}
/* /Pages/razor_NColaborador/razor_NAltaColaborador/razor_Adicionales/ElevatorSpeech.razor.rz.scp.css */
.card-configuracion[b-od2bhaezsq] {
    border-radius: var(--card-border-radius);
    /*   box-shadow: var(--little-card-shadow);*/
}

.more-options[b-od2bhaezsq],
.form-colab[b-od2bhaezsq] {
    transition: opacity 1s;
}

.btnCerrarES[b-od2bhaezsq] {
    font-size: 16px;
}

.more-options[b-od2bhaezsq] {
    opacity: 0;
    z-index: -2;
    left: -2000px;
    position: absolute;
}

.form-colab[b-od2bhaezsq] {
    opacity: 1;
    left: 0;
    z-index: 10;
}

    .form-colab.hidden[b-od2bhaezsq] {
        opacity: 0;
        z-index: -2;
        left: -2000px;
        position: absolute;
    }

.more-options.active[b-od2bhaezsq] {
    background: var(--background-card-elevatorActive);
    left: -2%;
    opacity: 1;
    z-index: 1;
    position: absolute;
    /*    background-color: #fbf9ed;
*/ border-radius: 15px;
    /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/
    padding: 2rem !important;
    margin: 2.5rem auto;
    min-height: 101%;
    top: -3%;
    width: 101%;
}

/*Elevator Speech*/
.desactivar[b-od2bhaezsq] {
    display: none;
}

/*FRECUENCIA*/
/*cambios 04/04/2022*/
#frecuencia-barras[b-od2bhaezsq] {
    display: table;
    position: relative;
    width: 100%;
    height: 60px;
    margin: 0px auto;
}

.barra[b-od2bhaezsq] {
    position: absolute;
    width: 15px;
    height: 20px;
    border-radius: 30px;
    margin: auto;
    top: 0;
    bottom: 0;
    transition: all 0.2s;
}

.form-control-sdpr[b-od2bhaezsq] {
    font-size: 18px;
}



.barra:first-child[b-od2bhaezsq] {
    background: var(--secondary-600);
}

.barra:nth-child(2)[b-od2bhaezsq] {
    background: var(--secondary-300);
    left: 35px;
}

.barra:nth-child(3)[b-od2bhaezsq] {
    background: var(--secondary-700);
    left: 60px;
}

.barra:nth-child(4)[b-od2bhaezsq] {
    background: var(--secondary-600);
    left: 85px;
}

.barra:nth-child(5)[b-od2bhaezsq] {
    background: var(--secondary-300);
    left: 110px;
}

.barra:nth-child(6)[b-od2bhaezsq] {
    background: var(--secondary-700);
    left: 135px;
}

.barra:nth-child(7)[b-od2bhaezsq] {
    background: var(--secondary-600);
    left: 160px;
}

.barra:nth-child(9)[b-od2bhaezsq] {
    background: var(--secondary-300);
    left: 185px;
}

.barra:nth-child(10)[b-od2bhaezsq] {
    background: var(--secondary-600);
    left: 210px;
}

.barra:nth-child(11)[b-od2bhaezsq] {
    background: var(--secondary-700);
    left: 235px;
}

.barra:nth-child(12)[b-od2bhaezsq] {
    background: var(--secondary-300);
    left: 260px;
}

.barra:nth-child(13)[b-od2bhaezsq] {
    background: var(--secondary-600);
    left: 285px;
}

.barra:nth-child(14)[b-od2bhaezsq] {
    background: var(--secondary-700);
    left: 310px;
}

.barra:nth-child(15)[b-od2bhaezsq] {
    background: var(--secondary-300);
    left: 335px;
}

.barra:nth-child(16)[b-od2bhaezsq] {
    background: var(--secondary-600);
    left: 360px;
}

.barra:nth-child(17)[b-od2bhaezsq] {
    background: var(--secondary-700);
    left: 385px;
}


@keyframes sound-1-b-od2bhaezsq {
    0% {
        height: 50px;
        border-radius: 30px;
    }

    10% {
        height: 40px;
        border-radius: 30px;
    }

    20% {
        height: 30px;
        border-radius: 30px;
    }

    25% {
        height: 20px;
        border-radius: 30px;
    }

    30% {
        height: 50px;
        border-radius: 30px;
    }

    40% {
        height: 25px;
        border-radius: 30px;
    }

    50% {
        height: 40px;
        border-radius: 30px;
    }

    60% {
        height: 20px;
        border-radius: 30px;
    }

    70% {
        height: 15px;
        border-radius: 30px;
    }

    80% {
        height: 25px;
        border-radius: 30px;
    }

    85% {
        height: 30px;
        border-radius: 30px;
    }

    90% {
        height: 40px;
        border-radius: 30px;
    }

    95% {
        height: 15px;
        border-radius: 30px;
    }

    100% {
        height: 50px;
        border-radius: 30px;
    }
}

@keyframes sound-2-b-od2bhaezsq {
    0% {
        height: 35px;
        border-radius: 30px;
    }

    20% {
        height: 25px;
        border-radius: 30px;
    }

    30% {
        height: 35px;
        border-radius: 30px;
    }

    40% {
        height: 25px;
        border-radius: 30px;
    }

    50% {
        height: 20px;
        border-radius: 30px;
    }

    60% {
        height: 15px;
        border-radius: 30px;
    }

    70% {
        height: 30px;
        border-radius: 30px;
    }

    80% {
        height: 35px;
        border-radius: 30px;
    }

    90% {
        height: 10px;
        border-radius: 30px;
    }

    100% {
        height: 25px;
        border-radius: 30px;
    }
}

/*Range*/
input[type = range][b-od2bhaezsq]::-webkit-slider-thumb {
    background: linear-gradient(to top, #82b1c6 0%, #b2c4e2 74%);
}

input[type = range][b-od2bhaezsq]::-webkit-slider-runnable-track {
    background-color: var(--secondary-600);
}


/*--------------------------------------Cards----------------------------------------------------*/
.card-principal-001[b-od2bhaezsq] {
    background: var(--background-card-elevator);
    border-radius: 15px;
    padding: 2rem;
    margin: 1.5rem auto;
    min-height: 450px;
    position: relative;
}

.speech-content-001[b-od2bhaezsq] {
    background: var(--background-speech-elevator);
    border-radius: 12px;
    padding: 1.5rem;
    margin: 1rem 0;
    min-height: 200px;
}

.config-panel-001[b-od2bhaezsq] {
    background: var(--background-config-elevator);
    border-radius: 12px;
    padding: 1.5rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 1rem;
    display: none;
    animation: fadeIn-001 0.3s ease;
}

    .config-panel-001.active[b-od2bhaezsq] {
        display: block;
    }

.controls-card-001[b-od2bhaezsq] {
    background: var(--background-controls-elevator);
    border-radius: 10px;
    padding: 1rem;
    margin-top: 1rem;
}

.form-range-001[b-od2bhaezsq] {
    height: 6px;
    border-radius: 3px;
    background: var(--form-range-bg-elevator);
}

    .form-range-001[b-od2bhaezsq]::-webkit-slider-thumb {
        background: var(--form-range-thumb-elevator);
        width: 16px;
        height: 16px;
    }

.form-select-001[b-od2bhaezsq] {
    background-color: var(--form-select-bg-elevator);
    border: 1px solid var(--form-select-border-elevator);
    border-radius: 6px;
    padding: 0.5rem;
    width: 100%;
    color: var(--text-primary-elevator);
}

.control-group-001[b-od2bhaezsq] {
    /*    background: var(--background-card-elevator);
*/ margin-bottom: 1.2rem;
    width: 100%;
    margin-left: 31%;
}

.control-label-001[b-od2bhaezsq] {
    color: var(--text-primary-elevator);
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

.speech-configuracion-card[b-od2bhaezsq] {
    background: var(--background-card-elevator);
    border-radius: 12px;
    padding: 20px;
    max-width: 500px;
}

.speech-text-001[b-od2bhaezsq] {
    font-size: 1.1rem;
    line-height: 1.6;
    color: var(--text-primary-elevator);
}

.text-style-002[b-od2bhaezsq] {
    font-size: 15px;
    font-family: 'Roboto';
    color: var(--text-title-elevator);
}

.titulo-001[b-od2bhaezsq] {
    font-size: 25px;
    font-family: var(--font-Poppins);
    color: var(--second-title-color);
}

.seleccion-003[b-od2bhaezsq] {
    font-size: 12px;
    font-family: 'Roboto';
    background: var(--barra-color);
}

.ent-003[b-od2bhaezsq] {
    font-size: 12px;
    font-family: 'Roboto';
    color: var(--text-secondary-Elevator);
}

.vel-002[b-od2bhaezsq] {
    font-size: 12px;
    font-family: 'Roboto';
    color: var(--text-secondary-Elevator);
}

.vol-001[b-od2bhaezsq] {
    font-size: 12px;
    font-family: 'Roboto';
    color: var(--text-secondary-Elevator);
}

.voz-002[b-od2bhaezsq] {
    font-size: 12px;
    font-family: 'Roboto';
    color: var(--text-secondary-Elevator);
}

.conf-001[b-od2bhaezsq] {
    font-size: 20px;
    font-family: 'Roboto';
    color: var(--second-title-colorelevator);
}

.rest-001[b-od2bhaezsq] {
    background: var(--button-background);
    border: none;
    outline: none;
    cursor: pointer;
    color: var(--button-text-color);
    box-shadow: var(--button-shadow);
    text-decoration: none;
    align-items: center;
    letter-spacing: .5px;
    word-spacing: 2px;
    font-weight: 600;
    transition: transform .2s ease-in;
}
/* /Pages/razor_NColaborador/razor_NAltaColaborador/razor_Adicionales/LineaTiempo.razor.rz.scp.css */
/********Linea del Tiempo********/

#modulo-timeline .carrusel .item-tm[b-yw1gqekayn] {
    justify-content: center !important;
    align-items: center !important;
    width: 208px !important;
    height: 350px !important;
    margin-left: -5px !important;
}

#modulo-timeline .timeline[b-yw1gqekayn] {
    position: absolute;
    margin-top: 16.7rem;
    margin-left: 3%;
    width: 90.5%;
    height: 13px;
    background: #00a7c1e5;
    border-radius: 3px;
}

.container-tm[b-yw1gqekayn] {
    float: left;
    max-width: 200px;
    width: 100%;
    height: 11rem;
    position: relative;
    text-align: center;
    margin: 0 2rem;
}

    .container-tm .div-evento[b-yw1gqekayn] {
        margin-top: 16.5rem;
        position: absolute;
        width: 1.2rem;
        height: 1.2rem;
        background: #0094a7e7;
        left: 50%;
        margin-left: -0.6rem;
        border-radius: 100%;
        box-sizing: border-box;
        background-clip: content-box;
        box-shadow: var(--card-sm-shadow);
        -moz-transition: height 0.2s linear, width 0.2s linear, margin 0.2s linear, background-color 0.3s ease-out;
        -o-transition: height 0.2s linear, width 0.2s linear, margin 0.2s linear, background-color 0.3s ease-out;
        -webkit-transition: height 0.2s linear, width 0.2s linear, margin 0.2s linear, background-color 0.3s ease-out;
        transition: height 0.2s linear, width 0.2s linear, margin 0.2s linear, background-color 0.3s ease-out;
    }


    .container-tm:hover .div-evento[b-yw1gqekayn] {
        width: 1.8rem;
        height: 1.8rem;
        margin-left: -0.89rem;
        top: -2.5px;
        background-color: #00a7c1ff;
    }

    .container-tm:hover .card-evento[b-yw1gqekayn] {
        margin-top: 7rem;
    }


.card-evento[b-yw1gqekayn] {
    z-index: 2;
    position: relative;
    background: linear-gradient( 94deg, #00a7c15f 0%, #0094a73c 35%, #009f8f1c 100%);
    background-color: #0094a73c;
    margin-top: 85px;
    width: 100%;
    height: 70%;
    padding: 0.4rem 0.8rem 0.8rem;
    border-radius: 10px;
    box-shadow: var(--card-sm-shadow);
    -moz-transition: margin-top 0.2s linear, background-color 0.2s linear, border-bottom 0.2s linear;
    -o-transition: margin-top 0.2s linear, background-color 0.2s linear, border-bottom 0.2s linear;
    -webkit-transition: margin-top 0.2s linear, background-color 0.2s linear, border-bottom 0.2s linear;
    transition: margin-top 0.2s linear, background-color 0.2s linear, border-bottom 0.2s linear;
}

    .card-evento .fecha-evento[b-yw1gqekayn] {
        text-transform: uppercase;
        font-family: var(--font-Poppins);
        text-align: center;
        letter-spacing: 1.2px;
        font-weight: bolder;
        font-size: 13px;
        margin-top: 5px;
        display: inline-block;
        border-bottom: 1.7px solid var(--text-color);
    }

.fecha-evento .input-fecha[b-yw1gqekayn] {
    border: none;
    background: transparent;
    width: 100px;
}

.card-evento .titulo-evento[b-yw1gqekayn] {
    font-size: 13px;
}

.card-evento .detalle[b-yw1gqekayn] {
    margin-top: 7px;
    font-size: 14px;
    color: var(--text-color);
}

#timeline[b-yw1gqekayn] {
    margin: 20px;
    width: 100%;
    height: 400px;
    /*    border: 1px solid #ccc;*/
    overflow-x: auto;
}

.body.dark-theme .event-label[b-yw1gqekayn] {
    color: #D0D0D0EC;
}

.body.dark-theme .event-detail[b-yw1gqekayn] {
    color: #D0D0D0EC;
}

.body.dark-theme.event-date[b-yw1gqekayn] {
    color: #D0D0D0EC;
}

.lineaTiempo[b-yw1gqekayn] {
    width: max-content;
}

.x-axis path[b-yw1gqekayn],
.x-axis line[b-yw1gqekayn] {
    stroke: #a40c80;
}

.x-axis text[b-yw1gqekayn] {
    font-family: var(--font-Poppins);
    color: var(--primary-color);
    font-size: 12px;
    fill: #666;
}

.sAccion:hover[b-yw1gqekayn] {
    fill: #45a049;
    cursor: pointer;
}

.sAccion-label[b-yw1gqekayn],
.iAnio-label[b-yw1gqekayn] {
    font-family: var(--font-Poppins);
    pointer-events: none;
}

.sAccion-label[b-yw1gqekayn] {
    font-weight: bold;
}

@media screen and (max-width:1145px) {
    #modulo-timeline .timeline[b-yw1gqekayn] {
        margin-left: 2.2%;
    }

    .container-tm[b-yw1gqekayn] {
        width: 70%;
        max-width: 220px;
        height: 13rem;
    }

    .card-evento[b-yw1gqekayn] {
        margin-top: 75px;
    }
}

@media screen and (max-width:885px) {
    .container-tm[b-yw1gqekayn] {
        width: 100%;
    }
}
/* /Pages/razor_NConfiguracion/razor_NDefinicionConcepto/NDefinicionConcepto5.razor.rz.scp.css */



/*CARD DE CONSULTA*/
.card-titulo[b-2umf2um23n] {
    font-size: 25px;
    font-weight: bold;
    font-family: "Poppins", sans-serif;
    color: white;
    text-align: center;
}


.card-front__text[b-2umf2um23n] {
    font-weight: bold;
    font-family: "Poppins", sans-serif;
    color: white;
    font-size: 20px;
}


.card-area[b-2umf2um23n] {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: space-evenly;
    padding: 1rem;
}

.card-section[b-2umf2um23n] {
    overflow: hidden;
    align-items: center;
    display: flex;
    height: 80vh;
    justify-content: center;
    width: 100%;
}


.card__consulta[b-2umf2um23n] {
    background-color: rgba(0,0,0, .05);
    box-shadow: -.1rem 1.7rem 6.6rem -3.2rem rgba(0,0,0,0.5);
    height: 95%;
    position: relative;
    transition: all 1s ease;
    border: 1px solid #ffffff00;
    width: 35vw;
}

.flip-card[b-2umf2um23n] {
    height: 85vh;
    perspective: 100rem;
    position: absolute;
    right: 0;
    transition: all 1s ease;
    visibility: hidden;
    width: 35vw;
    z-index: 100;
}

    .flip-card > *[b-2umf2um23n] {
        visibility: visible;
    }

.flip-card__container[b-2umf2um23n] {
    height: 100%;
    position: absolute;
    right: 0;
    transform-origin: left;
    transform-style: preserve-3d;
    transition: all 1s ease;
    width: 100%;
}

.card-front[b-2umf2um23n],
.card-back-Consulta[b-2umf2um23n] {
    backface-visibility: hidden;
    height: 89.15%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.card-front[b-2umf2um23n] {
    height: 75vh;
    width: 35vw;
    border: 1px solid #fafbfa05;
}

.card-front__tp[b-2umf2um23n] {
    align-items: center;
    clip-path: polygon(0 0, 100% 0, 100% 90%, 57% 90%, 50% 100%, 43% 90%, 0 90%);
    display: flex;
    flex-direction: column;
    height: 80%;
    justify-content: center;
    padding: .75rem;
}

.card-front__bt[b-2umf2um23n] {
    margin-top: 10px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.card-back-Consulta[b-2umf2um23n] {
    transform: rotateY(180deg);
    z-index: -100;
}


.inside-page_Consulta[b-2umf2um23n] {
    height: 100%;
    padding: 1rem;
    position: absolute;
    right: 0;
    transition: all 1s ease;
    width: 35vw;
    z-index: 1;
}

.inside-page__container[b-2umf2um23n] {
    padding: 0 50px 95px 50px;
    align-items: center;
    flex-direction: column;
    height: 95%;
    /*text-align: center;*/
    width: 100%;
}

/*.body {
    background: #E4EBF6;
}*/

.icon-container[b-2umf2um23n] {
    display: inline-block;
    border: 5px solid #e7eaf5;
    border-radius: 50%;
    padding: 30px;
}

.third-card[b-2umf2um23n] {
    position: relative;
    margin-top: 4rem;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 100;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1s ease, transform 1s ease;
}

    .third-card .dataTables_wrapper[b-2umf2um23n] {
        width: 90% !important;
    }

    .third-card.animated[b-2umf2um23n] {
        opacity: 1;
        transform: translateY(0);
    }

.card-open[b-2umf2um23n] {
    box-shadow: -.1rem 1.7rem 6.6rem -3.2rem rgba(0,0,0,0.75);
    border: 1px solid #fafbfa05;
    width: 70vw;
}

.card__consulta.card-open .flip-card__container[b-2umf2um23n] {
    transform: rotateY(-180deg);
}



/*Colores*/
/*morado1*/
.card1_front[b-2umf2um23n] {
    background: var(--card1_front);
    /* background: linear-gradient(122deg, #5888be 0%, #546bbd 50%, #7386c8 100%);*/
}

.card1_back[b-2umf2um23n] {
    /*background: linear-gradient(232deg, rgb(207 228 255 / 26%) 0%, rgb(198 207 224) 50%, rgb(111 135 211 / 45%) 100%);*/
    background: var(--card1_back);
}

.card1_inside[b-2umf2um23n] {
    /*background: linear-gradient(117deg, rgb(207 228 255 / 26%) 0%, rgb(198 207 224) 50%, rgb(111 135 211 / 45%) 100%);*/
    background: var(--card1_inside);
}

/*azul*/
.card2_front[b-2umf2um23n] {
    /* background: linear-gradient(122deg, rgb(159 209 236)0%, rgb(64 172 206) 50%, rgb(102 179 204) 100%);*/
    background: var(--card2_front);
}

.card2_back[b-2umf2um23n] {
    /*background: linear-gradient(44deg, #7db6e694 0%, #a4c8e7d3 50%, #eef4ff33 100%);*/
    background: var(--card2_back);
}

.card2_inside[b-2umf2um23n] {
    /*background: linear-gradient(44deg, #7db6e694 0%, #a4c8e7d3 50%, #eef4ff33 100%);*/
    background: var(--card2_inside);
}

/*verde*/
.card3_front[b-2umf2um23n] {
    /*background: linear-gradient(122deg, #89d4cd 1%, #27a599e0 50%, #4DB6AC 100%);*/
    background: var(--card3_front);
}

.card3_back[b-2umf2um23n] {
    /*background: linear-gradient(262deg, #bcdddc8c 0%, #b6d6d4b0 50%, #96cad3 100%);*/
    background: var(--card3_back);
}

.card3_inside[b-2umf2um23n] {
    /*background: linear-gradient(82deg, #bcdddc8c 0%, #b6d6d4b0 50%, #96cad3 100%);*/
    background: var(--card3_inside);
}

/*morado2*/
.card4_front[b-2umf2um23n] {
    /*background: linear-gradient(122deg, #5e35b157 0%, rgb(154 144 199) 50%, #825ac291 100%);*/
    background: var(--card4_front);
}

.card4_back[b-2umf2um23n] {
    /*background: linear-gradient(88deg, #ac93ea52 0%, #d3cfdd69 50%, #c9c0de5c 100%);*/
    background: var(--card4_back);
}

.card4_inside[b-2umf2um23n] {
    /*background: linear-gradient(267deg, #ac93ea52 0%, #d3cfdd69 50%, #c9c0de5c 100%);*/
    background: var(--card4_inside);
}


.card-section.Parcal .card-open[b-2umf2um23n] {
    width: 80vw;
}

.card-section.Parcal .flip-card[b-2umf2um23n] {
    width: 40vw;
}

.card-section.Parcal .inside-page_Consulta[b-2umf2um23n] {
    width: 40vw;
}

.card-section.Parcal .card_front .card-front__tp.card1_front[b-2umf2um23n] {
    width: 40vw;
}

/*Naranja*/
.card5_front[b-2umf2um23n] {
    background: linear-gradient(122deg, rgb(255, 165, 0, 0.10) 0%, rgb(254, 167, 61, 0.30) 50%, rgb(253, 132, 88, 0.30) 100%);
    /*background: var(--card3_front);*/
}

.card5_back[b-2umf2um23n] {
    background: linear-gradient(267deg, rgb(255, 165, 0, 0.05) 0%, rgb(249, 178, 92, 0.23) 50%, rgb(248, 134, 56, 0.30) 100%);
    /*background: var(--card3_front);*/
    /* background: var(--card3_back);*/
}

.card5_inside[b-2umf2um23n] {
    background: linear-gradient(88deg, rgb(255, 165, 0, 0.05) 0%, rgb(249, 178, 92, 0.23) 50%, rgb(248, 134, 56, 0.30) 100%);
    /*background: var(--card3_inside);*/
}


.body.dark-theme .card__consulta button[b-2umf2um23n] {
    box-shadow: none !important;
}

/* /Pages/razor_NEmpresa/NAsignacionPuesto.razor.rz.scp.css */

.AsignacionPuestoCarrusel .slick-prev[b-bvi0q2m8bq], .AsignacionPuestoCarrusel .slick-next[b-bvi0q2m8bq] {
    width: 30px;
    height: 30px;
}

    .AsignacionPuestoCarrusel .slick-prev[b-bvi0q2m8bq]:before {
        background-size: 17px 17px;
        width: 17px;
        height: 17px;
    }

#dash-long .slick-prev[b-bvi0q2m8bq]::before, #dash-long .slick-next[b-bvi0q2m8bq]::before {
    background-size: 30px 30px !important;
    width: 30px !important;
    height: 30px !important;
}

.bi[b-bvi0q2m8bq]{
    font-size:18px;
    padding:5px;
    margin: 3px;
}

#dash-long .slick-prev[b-bvi0q2m8bq] {
    left: -12px !important;
}
/* /Pages/razor_NEmpresa/NOrganigrama.razor.rz.scp.css */
#tree[b-06pkx2zmzt] {
    background: none !important;
}

[data-n-id~="1"][b-06pkx2zmzt] {
    fill: transparent !important;
}
#tree svg[b-06pkx2zmzt] {
    height: 500px!important;
}

[data-n-id] circle[b-06pkx2zmzt] {
    stroke: var(--primary-color);
}
/*//INDEX//*/

/* /Pages/razor_NGestionUsuarios/NVisualizacionPermisos.razor.rz.scp.css */
body[b-lswpkp5yi8] {
}
/* /Pages/razor_NGestionUsuarios/razor_NAltaUsuario/NAccesoModulo.razor.rz.scp.css */
@keyframes rotate90-b-0tipf7ece1 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(90deg);
    }
}

.rotate[b-0tipf7ece1] {
    animation: rotate90-b-0tipf7ece1 0.5s forwards;
}

.lbl-opcion[b-0tipf7ece1]{
    font-size: 13px;
}

.lbl-modulo-disabled[b-0tipf7ece1] {
    color: gray;
    cursor: not-allowed;
}


.lbl-modulo[b-0tipf7ece1] {
    font-size: 13px;
    cursor: pointer;
    position: relative;
}

    .lbl-modulo[b-0tipf7ece1]::after {
        content: "";
        position: absolute;
        width: 0;
        height: 2px;
        display: block;
        margin-top: 5px;
        right: 0;
        background: currentColor;
        transition: width 0.3s ease;
        -webkit-transition: width 0.3s ease;
    }

    .lbl-modulo:hover[b-0tipf7ece1]::after {
        width: 100%;
        left: 0;
        background: currentColor;
    }

.lbl-modulo-selected[b-0tipf7ece1] {
    color: var(--title-section-color)
}


.icono-flecha[b-0tipf7ece1] {
    font-size: 15px;
}

.pantalla-completa[b-0tipf7ece1] {
    height: 100vh;
    width: 100vw;
}
/* /Pages/razor_NGestionUsuarios/razor_NAltaUsuario/NRegistro.razor.rz.scp.css */
.form-check-input[b-1arjbm2m7g] {
    cursor: pointer;
}

.bi[b-1arjbm2m7g]{
    font-size: 15px;
}
/* /Pages/razor_NIncidenciaPago/CapturaRapida.razor.rz.scp.css */
[b-kjggt73u9t] .badge.rounded-pill.colaborador-estado {
    font-size: 12px !important;
}

    [b-kjggt73u9t] .badge.rounded-pill.colaborador-estado.activo {
        background: var(--dash-carrusel-card-AltaAnual-icon-background);
    }

    [b-kjggt73u9t] .badge.rounded-pill.colaborador-estado.inactivo {
        background: var(--dash-carrusel-card-BajaAnual-icon-background);
    }
/* /Pages/razor_NIncidenciaPago/MovimientoAcumulable.razor.rz.scp.css */
[b-13ll7x3e5h] .badge.rounded-pill.colaborador-estado {
    font-size: 12px !important;
}

    [b-13ll7x3e5h] .badge.rounded-pill.colaborador-estado.activo {
        background: var(--dash-carrusel-card-AltaAnual-icon-background);
    }

    [b-13ll7x3e5h] .badge.rounded-pill.colaborador-estado.inactivo {
        background: var(--dash-carrusel-card-BajaAnual-icon-background);
    }
/* /Pages/razor_NIncidenciaPago/MovimientoFijo.razor.rz.scp.css */
[b-oce8bi6fz3] .badge.rounded-pill.colaborador-estado {
    font-size: 12px !important;
}

    [b-oce8bi6fz3] .badge.rounded-pill.colaborador-estado.activo {
        background: var(--dash-carrusel-card-AltaAnual-icon-background);
    }

    [b-oce8bi6fz3] .badge.rounded-pill.colaborador-estado.inactivo {
        background: var(--dash-carrusel-card-BajaAnual-icon-background);
    }
/* /Pages/razor_NIncidenciaPago/MovimientoVariable.razor.rz.scp.css */
[b-3iej4iym5v] .badge.rounded-pill.colaborador-estado {
    font-size: 12px !important;
}

    [b-3iej4iym5v] .badge.rounded-pill.colaborador-estado.activo {
        background: var(--dash-carrusel-card-AltaAnual-icon-background);
    }

    [b-3iej4iym5v] .badge.rounded-pill.colaborador-estado.inactivo {
        background: var(--dash-carrusel-card-BajaAnual-icon-background);
    }
/* /Pages/razor_NLeyAplicable/NCuotaIMSS.razor.rz.scp.css */
/*CARRUSEL*/
.CuotasImssCarrousel .slick-prev[b-sdhmr8jhb0], .CuotasImssCarrousel .slick-next[b-sdhmr8jhb0] {
    width: 30px;
    height: 30px;
}
    .CuotasImssCarrousel .slick-prev[b-sdhmr8jhb0]:before {
        background-size: 17px 17px;
        width: 17px;
        height: 17px;
    }

#dash-long .slick-prev[b-sdhmr8jhb0]::before, #dash-long .slick-next[b-sdhmr8jhb0]::before {
    background-size: 30px 30px !important;
    width: 30px !important;
    height: 30px !important;
}
/* /Pages/razor_NPlaneacion/AddAppointmentPage.razor.rz.scp.css */
[b-i4kpanwkd8] .rz-inputtext {
    background: var( --input-background);
}

.rz-dialog[b-i4kpanwkd8], .rz-dialog-titlebar[b-i4kpanwkd8] {
    background-color: var(--dash-card-background);
}

[b-i4kpanwkd8] .rz-dialog, [b-i4kpanwkd8] .rz-dialog-titlebar {
    background-color: var(--dash-card-background);
}

[b-i4kpanwkd8] .rz-dialog-title {
    color: var(--title-color);
    font-family: var(--font-Poppins);
}

[b-i4kpanwkd8] .rz-button, [b-i4kpanwkd8] .rz-button:hover,
[b-i4kpanwkd8] button:not(.rz-state-disabled):hover:not(:active),
[b-i4kpanwkd8] .rz-scheduler-nav-views .rz-button.rz-primary.rz-state-active {
    background: var(--button-background);
    border: none;
    outline: none;
    cursor: pointer;
    color: var(--button-text-color);
    box-shadow: var(--button-shadow);
    text-decoration: none;
    align-items: center;
    letter-spacing: .5px;
    word-spacing: 2px;
    font-weight: 600;
    transition: transform .2s ease-in;
}

button-line btn-icon-sm button-circle[b-i4kpanwkd8]
 .rz-dialog-titlebar-close {
    background: var(--element-background);
    border: 2px solid var(--secondary-color);
    outline: none;
    cursor: pointer;
    text-decoration: none;
    align-items: center;
    letter-spacing: .5px;
    word-spacing: 2px;
    color: var(--secondary-color);
    box-shadow: var(--button-shadow);
    font-weight: 600;
    padding: 5 15px;
    transition: transform .1s ease-in;
    width: 25px;
    height: 25px;
    font-size: 15px;
    border-radius: var(--button-circle-border-radius) !important;
}
/* /Pages/razor_NPlaneacion/NPlaneacionActividad.razor.rz.scp.css */

[b-f34riablt7] .rz-scheduler .rz-scheduler-nav,
[b-f34riablt7] .rz-view-header,
[b-f34riablt7] .rz-month .rz-slots .rz-slot:nth-child(1),
[b-f34riablt7] .rz-month .rz-slots .rz-slot:nth-child(40),
[b-f34riablt7] .rz-scheduler {
    background: var(--dash-card-background);
}

[b-f34riablt7] .rz-scheduler .rz-scheduler-nav,
[b-f34riablt7] .rz-view-header, 
[b-f34riablt7] .rz-month .rz-slots .rz-slot{
    background: var(--dash-card-background);
}
    [b-f34riablt7] .rz-month .rz-slots .rz-slot.rz-other-month {
        background: var(--theme-background);
    }


[b-f34riablt7] .rz-month .rz-slot, [b-f34riablt7] .rz-slot {
    border-top: 1px solid var(--calendar-border-color);
    border-left: 1px solid var(--calendar-border-color);
}
[b-f34riablt7] .rz-view-header {
    border-bottom: 1px solid var(--calendar-border-color);
}

[b-f34riablt7] .rz-month .rz-slot:first-child {
    border-right: 1px solid var(--calendar-border-color);
}

    [b-f34riablt7] .rz-scheduler-nav .rz-scheduler-nav-title {
    color: var(--primary-color);
    font-family: var(--font-Poppins);
    text-transform: capitalize;
    font-size: 1.6rem;
    }
[b-f34riablt7] .rz-stack,
[b-f34riablt7] .rz-scheduler-nav,
[b-f34riablt7] .rz-scheduler {
    border: 0px;
    color: var(--text-color)
}

[b-f34riablt7] .rz-month .rz-slots .rz-slot:nth-child(1) .rz-slot-header,
[b-f34riablt7] .rz-month .rz-slots .rz-slot:nth-child(40) .rz-slot-header,
[b-f34riablt7] .rz-view-header {
    color: var(--secondary-color);
    font-family: var(--font-Rubik-Sans)
}



[b-f34riablt7] .rz-button, [b-f34riablt7] .rz-button:hover,
[b-f34riablt7] button:not(.rz-state-disabled):hover:not(:active),
[b-f34riablt7] .rz-scheduler-nav-views .rz-button.rz-primary.rz-state-active {
    background: var(--button-background);
    border: none;
    outline: none;
    cursor: pointer;
    color: var(--button-text-color);
    box-shadow: var(--button-shadow);
    text-decoration: none;
    align-items: center;
    letter-spacing: .5px;
    word-spacing: 2px;
    font-weight: 600;
    transition: transform .2s ease-in;
}
[b-f34riablt7]+
 .rz-scheduler-nav-views .rz-button.rz-state-active:focus-visible {
    color: var(--button-text-color)!important;
}




[b-f34riablt7] .rz-button.rz-shade-default {
    background: var(--element-background);
    border: 2px solid var(--secondary-color);
    outline: none;
    cursor: pointer;
    text-decoration: none;
    align-items: center;
    letter-spacing: .5px;
    word-spacing: 2px;
    color: var(--secondary-color);
    box-shadow: var(--button-shadow);
    font-weight: 600;
    padding: 5 15px;
    transition: transform .1s ease-in;
}


.rz-button:active[b-f34riablt7]{
    box-shadow: none!important;
}




[b-f34riablt7] .rz-button:hover {
    transform: scale(1.045);
    -webkit-transform: scale(1.045);
    -moz-transform: scale(1.045);
    -ms-transform: scale(1.045);
}

[b-f34riablt7] .rz-button:active, [b-f34riablt7] .rz-button:focus-visible {
    border: none;
    outline: 0;
    color: var(--button-focus-text-color) !important;
    /*second-color*/
    background: var(--button-active-background);
    box-shadow: var(--button-inner-shadow) !important;
}

/*color de iconos*/
[b-f34riablt7] .rz-scheduler-nav-views .rz-button.rz-primary.rz-state-active i {
    color: var(--button-text-color);
}

.button:active i[b-f34riablt7] {
    color: var(--button-active-text-color)!important;
}

/*segundo estilo*/
[b-f34riablt7] rz-scheduler-nav-views .rz-button {
    background: var(--element-background);
    border: 2px solid var(--secondary-color);
    outline: none;
    cursor: pointer;
    text-decoration: none;
    align-items: center;
    letter-spacing: .5px;
    word-spacing: 2px;
    color: var(--secondary-color);
    box-shadow: var(--button-shadow);
    font-weight: 600;
    padding: 5 15px;
    transition: transform .1s ease-in;
}

    .button-line:active[b-f34riablt7] {
        outline: 0;
        /*second-color*/
        box-shadow: var(--button-inner-shadow);
    }

    /*color de iconos*/
[b-f34riablt7] rz-scheduler-nav-views .rz-button {
    color: var(--secondary-color);
}

[b-f34riablt7] rz-scheduler-nav-views .rz-button {
    color: var(--secondary-color);
}

.activity-calendar[b-f34riablt7]  .rz-scheduler {
    width: 78%;
    transition: width .3s ease;
}

.activity-calendar.activity-list-hidden[b-f34riablt7]  .rz-scheduler {
    width: 98%
}




.activity-list[b-f34riablt7] {
    width: 22%;
    height: 700px;
    padding-top: .7rem;
    overflow: scroll;
    background: var(--dash-card-background)
}


.activity-list[b-f34riablt7], activity-details[b-f34riablt7], .activity-color[b-f34riablt7] {
    transition: width .3s ease;
    transition: height .3s ease;
}

.activity-calendar.activity-list-hidden .activity-list[b-f34riablt7]{
    width:3%;
    overflow: hidden;
}

.activity-list .activity-color[b-f34riablt7]{
    width: .7rem;
    margin-right: .5rem;
}

.activity-calendar.activity-list-hidden .activity-list .activity-color[b-f34riablt7] {
    margin-right: 0rem;
}

.activity-calendar .activity-list .activity-details p[b-f34riablt7]{
    margin: 0;
    margin-bottom: .6rem;
    margin-right: .6rem;
}

.activity-calendar .activity-list .activity-details p[b-f34riablt7] {
    font-family: var(--font-Poppins);
    font-size: 12px;    
    
}

    .activity-calendar.activity-list-hidden .activity-list .activity-details[b-f34riablt7] {
    width: 0px;
    height: 4rem;
    overflow: hidden;
}


/*background de las actividades*/

.activity-color.act1[b-f34riablt7] {
    background: var(--planeacion-act1-background);
}
.activity-color.act2[b-f34riablt7] {
    background: var(--planeacion-act2-background);
}
.activity-color.act3[b-f34riablt7] {
    background: var(--planeacion-act3-background);
}
.activity-color.act4[b-f34riablt7] {
    background: var(--planeacion-act4-background);
}
.activity-color.act5[b-f34riablt7] {
    background: var(--planeacion-act5-background);
}
.activity-color.act6[b-f34riablt7] {
    background: var(--planeacion-act6-background);
}
.activity-color.act7[b-f34riablt7] {
    background: var(--planeacion-act7-background);
}
.activity-color.act8[b-f34riablt7] {
    background: var(--planeacion-act8-background);
}
.activity-color.act9[b-f34riablt7] {
    background: var(--planeacion-act9-background);
}
/* /Pages/razor_NPlaneacion/NPlaneacionEvento.razor.rz.scp.css */

[b-08up8mwkt4] .rz-scheduler .rz-scheduler-nav,
[b-08up8mwkt4] .rz-view-header,
[b-08up8mwkt4] .rz-month .rz-slots .rz-slot:nth-child(1),
[b-08up8mwkt4] .rz-month .rz-slots .rz-slot:nth-child(40),
[b-08up8mwkt4] .rz-scheduler {
    background: var(--dash-card-background);
}

    [b-08up8mwkt4] .rz-scheduler .rz-scheduler-nav,
    [b-08up8mwkt4] .rz-view-header,
    [b-08up8mwkt4] .rz-month .rz-slots .rz-slot {
        background: var(--dash-card-background);
    }

        [b-08up8mwkt4] .rz-month .rz-slots .rz-slot.rz-other-month {
            background: var(--theme-background);
        }


[b-08up8mwkt4] .rz-month .rz-slot, [b-08up8mwkt4] .rz-slot {
    border-top: 1px solid var(--calendar-border-color);
    border-left: 1px solid var(--calendar-border-color);
}

[b-08up8mwkt4] .rz-view-header {
    border-bottom: 1px solid var(--calendar-border-color);
}

[b-08up8mwkt4] .rz-month .rz-slot:first-child {
    border-right: 1px solid var(--calendar-border-color);
}

[b-08up8mwkt4] .rz-scheduler-nav .rz-scheduler-nav-title {
    color: var(--primary-color);
    font-family: var(--font-Poppins);
    text-transform: capitalize;
    font-size: 1.6rem;
}

[b-08up8mwkt4] .rz-stack,
[b-08up8mwkt4] .rz-scheduler-nav,
[b-08up8mwkt4] .rz-scheduler {
    border: 0px;
    color: var(--text-color)
}

[b-08up8mwkt4] .rz-month .rz-slots .rz-slot:nth-child(1) .rz-slot-header,
[b-08up8mwkt4] .rz-month .rz-slots .rz-slot:nth-child(40) .rz-slot-header,
[b-08up8mwkt4] .rz-view-header {
    color: var(--secondary-color);
    font-family: var(--font-Rubik-Sans)
}



[b-08up8mwkt4] .rz-button, [b-08up8mwkt4] .rz-button:hover,
[b-08up8mwkt4] button:not(.rz-state-disabled):hover:not(:active),
[b-08up8mwkt4] .rz-scheduler-nav-views .rz-button.rz-primary.rz-state-active {
    background: var(--button-background);
    border: none;
    outline: none;
    cursor: pointer;
    color: var(--button-text-color);
    box-shadow: var(--button-shadow);
    text-decoration: none;
    align-items: center;
    letter-spacing: .5px;
    word-spacing: 2px;
    font-weight: 600;
    transition: transform .2s ease-in;
}

[b-08up8mwkt4]+
 .rz-scheduler-nav-views .rz-button.rz-state-active:focus-visible {
    color: var(--button-text-color) !important;
}




[b-08up8mwkt4] .rz-button.rz-shade-default {
    background: var(--element-background);
    border: 2px solid var(--secondary-color);
    outline: none;
    cursor: pointer;
    text-decoration: none;
    align-items: center;
    letter-spacing: .5px;
    word-spacing: 2px;
    color: var(--secondary-color);
    box-shadow: var(--button-shadow);
    font-weight: 600;
    padding: 5 15px;
    transition: transform .1s ease-in;
}


.rz-button:active[b-08up8mwkt4] {
    box-shadow: none !important;
}




[b-08up8mwkt4] .rz-button:hover {
    transform: scale(1.045);
    -webkit-transform: scale(1.045);
    -moz-transform: scale(1.045);
    -ms-transform: scale(1.045);
}

[b-08up8mwkt4] .rz-button:active, [b-08up8mwkt4] .rz-button:focus-visible {
    border: none;
    outline: 0;
    color: var(--button-focus-text-color) !important;
    /*second-color*/
    background: var(--button-active-background);
    box-shadow: var(--button-inner-shadow) !important;
}

/*color de iconos*/
[b-08up8mwkt4] .rz-scheduler-nav-views .rz-button.rz-primary.rz-state-active i {
    color: var(--button-text-color);
}

.button:active i[b-08up8mwkt4] {
    color: var(--button-active-text-color) !important;
}

/*segundo estilo*/
[b-08up8mwkt4] rz-scheduler-nav-views .rz-button {
    background: var(--element-background);
    border: 2px solid var(--secondary-color);
    outline: none;
    cursor: pointer;
    text-decoration: none;
    align-items: center;
    letter-spacing: .5px;
    word-spacing: 2px;
    color: var(--secondary-color);
    box-shadow: var(--button-shadow);
    font-weight: 600;
    padding: 5 15px;
    transition: transform .1s ease-in;
}

.button-line:active[b-08up8mwkt4] {
    outline: 0;
    /*second-color*/
    box-shadow: var(--button-inner-shadow);
}

/*color de iconos*/
[b-08up8mwkt4] rz-scheduler-nav-views .rz-button {
    color: var(--secondary-color);
}

[b-08up8mwkt4] rz-scheduler-nav-views .rz-button {
    color: var(--secondary-color);
}

.activity-calendar[b-08up8mwkt4]  .rz-scheduler {
    width: 78%;
    transition: width .3s ease;
}

.activity-calendar.activity-list-hidden[b-08up8mwkt4]  .rz-scheduler {
    width: 98%
}




.activity-list[b-08up8mwkt4] {
    width: 22%;
    height: 700px;
    padding-top: .7rem;
    overflow: scroll;
    background: var(--dash-card-background)
}


.activity-list[b-08up8mwkt4], activity-details[b-08up8mwkt4], .activity-color[b-08up8mwkt4] {
    transition: width .3s ease;
    transition: height .3s ease;
}

.activity-calendar.activity-list-hidden .activity-list[b-08up8mwkt4] {
    width: 3%;
    overflow: hidden;
}

.activity-list .activity-color[b-08up8mwkt4] {
    width: .7rem;
    margin-right: .5rem;
}

.activity-calendar.activity-list-hidden .activity-list .activity-color[b-08up8mwkt4] {
    margin-right: 0rem;
}

.activity-calendar .activity-list .activity-details p[b-08up8mwkt4] {
    margin: 0;
    margin-bottom: .6rem;
    margin-right: .6rem;
}

.activity-calendar .activity-list .activity-details p[b-08up8mwkt4] {
    font-family: var(--font-Poppins);
    font-size: 12px;
}

.activity-calendar.activity-list-hidden .activity-list .activity-details[b-08up8mwkt4] {
    width: 0px;
    height: 4rem;
    overflow: hidden;
}


/*background de las actividades*/

.activity-color.eve6[b-08up8mwkt4] {
    background: var(--planeacion-eve6-background);
}

.activity-color.eve7[b-08up8mwkt4] {
    background: var(--planeacion-eve7-background);
}

.activity-color.eve8[b-08up8mwkt4] {
    background: var(--planeacion-eve8-background);
}







.activity-color.eve1[b-08up8mwkt4] {
    background: var(--planeacion-eve1-background);
}

.activity-color.eve2[b-08up8mwkt4] {
    background: var(--planeacion-eve2-background);
}

.activity-color.eve3[b-08up8mwkt4] {
    background: var(--planeacion-eve3-background);
}

.activity-color.eve4[b-08up8mwkt4] {
    background: var(--planeacion-eve4-background);
}

.activity-color.eve5[b-08up8mwkt4] {
    background: var(--planeacion-eve5-background);
}

.activity-color.eve6[b-08up8mwkt4] {
    background: var(--planeacion-eve6-background);
}

.activity-color.eve7[b-08up8mwkt4] {
    background: var(--planeacion-eve7-background);
}

.activity-color.eve8[b-08up8mwkt4] {
    background: var(--planeacion-eve8-background);
}

.activity-color.eve9[b-08up8mwkt4] {
    background: var(--planeacion-eve9-background);
}

.activity-color.eve10[b-08up8mwkt4] {
    background: var(--planeacion-eve10-background);
}

.activity-color.eve11[b-08up8mwkt4] {
    background: var(--planeacion-eve11-background);
}

.activity-color.eve12[b-08up8mwkt4] {
    background: var(--planeacion-eve12-background);
}

.activity-color.eve13[b-08up8mwkt4] {
    background: var(--planeacion-eve13-background);
}

.activity-color.eve14[b-08up8mwkt4] {
    background: var(--planeacion-eve14-background);
}

.activity-color.eve15[b-08up8mwkt4] {
    background: var(--planeacion-eve15-background);
}

.activity-color.eve16[b-08up8mwkt4] {
    background: var(--planeacion-eve16-background);
}

.activity-color.eve17[b-08up8mwkt4] {
    background: var(--planeacion-eve17-background);
}

.activity-color.eve18[b-08up8mwkt4] {
    background: var(--planeacion-eve18-background);
}
/* /Pages/razor_NRegistro/NRegistro.razor.rz.scp.css */
/*para ocultar el botoón de ver password que el navegador tiene por default*/
#txtContrasenia[b-mnfglmq8ty]::-ms-reveal,
#txtContrasenia[b-mnfglmq8ty]::-ms-clear {
    display: none;
    color: none;
    visibility: none;
}

.input-pass[b-mnfglmq8ty] {
    position: absolute;
    right: 2px;
    z-index: 1;
}

    .input-pass:focus[b-mnfglmq8ty] {
        border: 1px solid transparent !important;
        line-height: none !important;
        box-shadow: none !important;
    }

.span-pass[b-mnfglmq8ty] {
    color: var(--text-color);
}


.title[b-mnfglmq8ty] {
    background: var(--title-color);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: var(--font-Poppins);
    font-weight: 700;
    font-size: var(--font-xl);
}

/* Generic */
.cont[b-mnfglmq8ty] {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    /* font-family: "Montserrat", sans-serif; */
    /* font-size: 12px; */
    /* background-color: #ecf0f3; */
    /* color: #a0a5a8; */
}

/**/
.main[b-mnfglmq8ty] {
    position: relative;
    width: 1000px;
/*    min-width: 1000px;
    min-height: 600px;
*/    
    min-width: 1200px;
    min-height: 650px;
    height: 600px;
    padding: 25px;
    /*    background-color: #ced3d9;*/
    /*     box-shadow: 10px 10px 10px #d1d9e6, -10px -10px 10px #f9f9f9; 
*/ border-radius: 12px;
    overflow: hidden;
}

@media (max-width: 1200px) {
    .main[b-mnfglmq8ty] {
        transform: scale(0.7);
    }
}

@media (max-width: 1000px) {
    .main[b-mnfglmq8ty] {
        transform: scale(0.6);
    }
}

@media (max-width: 800px) {
    .main[b-mnfglmq8ty] {
        transform: scale(0.5);
    }
}

@media (max-width: 600px) {
    .main[b-mnfglmq8ty] {
        transform: scale(0.4);
    }
}

.container[b-mnfglmq8ty] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    width: 800px;
    height: 100%;
    padding: 25px;
    background-color: #e3ecf8;
    transition: 1.25s;
}

.form[b-mnfglmq8ty] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.form__icon[b-mnfglmq8ty] {
    object-fit: contain;
    width: 30px;
    margin: 0 5px;
    opacity: 0.5;
    transition: 0.15s;
}

    .form__icon:hover[b-mnfglmq8ty] {
        opacity: 1;
        transition: 0.15s;
        cursor: pointer;
    }

.form__input[b-mnfglmq8ty] {
    width: 500px;
    height: 40px;
    margin: 10px 0;
    padding-left: 25px;
    font-size: 13px;
    letter-spacing: 0.15px;
    border: none;
    outline: none;
    transition: 0.25s ease;
    box-shadow: 2px 2px 4px #cdd5de, -2px -2px 4px #dce2e8;
}

    .form__input:focus[b-mnfglmq8ty] {
        box-shadow: inset 4px 4px 4px #d1d9e6, inset -4px -4px 4px #f9f9f9;
    }

.form__span[b-mnfglmq8ty] {
    margin-top: 30px;
    margin-bottom: 12px;
}

.form__link[b-mnfglmq8ty] {
    color: #181818;
    font-size: 15px;
    margin-top: 25px;
    border-bottom: 1px solid #a0a5a8;
    line-height: 2;
}

.title[b-mnfglmq8ty] {
    /* font-size: 34px; */
    /* font-weight: 700; */
/*    line-height: 3;
*/    /* color: #181818; */
}

.description[b-mnfglmq8ty] {
    font-size: 14px;
    letter-spacing: 0.25px;
    text-align: center;
    line-height: 1.6;
}

/*.button {
    width: 180px;
    height: 50px;
    margin-top: 30px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 1.15px;*/
    /* color: #f9f9f9; */
    /* box-shadow: 8px 8px 16px #d1d9e6, -8px -8px 16px #f9f9f9; */
    /*border: none;
    outline: none;
}*/

/**/
.a-container[b-mnfglmq8ty] {
    z-index: 100;
    left: calc(100% - 800px );
}

.b-container[b-mnfglmq8ty] {
    left: calc(100% - 800px );
    z-index: 0;
}

.switch[b-mnfglmq8ty] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 400px;
    padding: 50px;
    z-index: 200;
    transition: 1.25s;
    background-color: #c3d6ee;
    overflow: hidden;
    box-shadow: 4px 4px 10px #c0c4ca, -4px -4px 10px #dce2e8;
}

.switch__container[b-mnfglmq8ty] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: absolute;
    width: 400px;
    padding: 50px 55px;
    transition: 1.25s;
}

.switch__button[b-mnfglmq8ty] {
    cursor: pointer;
}

    .switch__button:hover[b-mnfglmq8ty] {
        box-shadow: 6px 6px 10px #d1d9e6, -6px -6px 10px #f9f9f9;
        transform: scale(0.985);
        transition: 0.25s;
    }

    .switch__button:active[b-mnfglmq8ty], .switch__button:focus[b-mnfglmq8ty] {
        box-shadow: 2px 2px 6px #d1d9e6, -2px -2px 6px #f9f9f9;
        transform: scale(0.97);
        transition: 0.25s;
    }

/**/
.is-txr[b-mnfglmq8ty] {
    left: calc(100% - 400px );
    transition: 1.25s;
    transform-origin: left;
}

.is-txl[b-mnfglmq8ty] {
    left: 0;
    transition: 1.25s;
    transform-origin: right;
}

.is-z200[b-mnfglmq8ty] {
    z-index: 200;
    transition: 1.25s;
}

.is-hidden[b-mnfglmq8ty] {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    transition: 1.25s;
}

.is-gx[b-mnfglmq8ty] {
    animation: is-gx-b-mnfglmq8ty 1.25s;
}

@keyframes is-gx-b-mnfglmq8ty {
    0%, 10%, 100% {
        width: 400px;
    }

    30%, 50% {
        width: 500px;
    }
}

.progress[b-mnfglmq8ty] {
    width: 15rem;
}

.field[b-mnfglmq8ty]{
    margin-bottom:0px;
}

.input-pass[b-mnfglmq8ty]{
    top: 13px;
}

.field input[type=password][b-mnfglmq8ty]{
    padding-right: 15px;
}


.titulo-registro[b-mnfglmq8ty] {
    background: var(--title-color);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: var(--font-Poppins);
    font-weight: 700;
    font-size: var(--biggest-font-size);
}





.cont-login[b-mnfglmq8ty] {
    padding: 40px 20px;
    /* border-radius: var(--card-border-radius);
  background: transparent;
  box-shadow: var(--card-shadow); */
    text-align: center;
    overflow: hidden;
}

    /* TÍTULO */
    .cont-login .text[b-mnfglmq8ty] {
        font-weight: 600;
        margin-bottom: 35px;
        font-size: var(--font-xl);
    }

.input-pass[b-mnfglmq8ty] {
    position: absolute;
    right: 2px;
    z-index: 1;
}

.field label[b-mnfglmq8ty] {
    position: absolute;
    top: 50%;
    left: 4em;
    pointer-events: none;
    color: var(--text-color);
    transform: translateY(-50%);
    font-size: var(--font-sm);
}
/* /Pages/razor_NServicioColaborador/NHistorialAsistencia.razor.rz.scp.css */
.bi-x-circle-fill[b-rnzm4fuyxh],
.bi-plus-circle-fill[b-rnzm4fuyxh] {
    font-size: 13.3px;
}

.bi-x-circle-fill[b-rnzm4fuyxh] {
    color: #D32F2F;
}

.bi-plus-circle-fill[b-rnzm4fuyxh] {
    color: #388E3C;
}

.plus-Azul[b-rnzm4fuyxh] {
    color: blue !important;
}



/*Estilos para el calendario de asistencia*/
.view-toggle[b-rnzm4fuyxh] {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    gap: 10px;
}

.toggle-btn[b-rnzm4fuyxh] {
    padding: 10px 20px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 500;
}

    .toggle-btn.active[b-rnzm4fuyxh] {
        background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
        color: white;
    }

    .toggle-btn:not(.active)[b-rnzm4fuyxh] {
        background: #f1f5f9;
        color: #64748b;
    }

/* Vista tabla */
.schedule-table[b-rnzm4fuyxh] {
    background: white;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    margin-bottom: 25px;
}

.table-header[b-rnzm4fuyxh] {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    color: white;
    padding: 15px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

.attendance-grid[b-rnzm4fuyxh] {
    display: grid;
    grid-template-columns: 120px repeat(6, 1fr) 100px;
    gap: 1px;
    background: #e2e8f0;
    padding: 1px;
}

.grid-header[b-rnzm4fuyxh] {
    background: #3b82f6;
    color: white;
    padding: 12px 8px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.grid-cell[b-rnzm4fuyxh] {
    background: white;
    padding: 12px 8px;
    text-align: center;
    font-size: 11px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 45px;
    border-bottom: 1px solid #f1f5f9;
}

    .grid-cell:hover[b-rnzm4fuyxh] {
        background: #f0f9ff;
        transform: scale(1.02);
    }

.date-cell[b-rnzm4fuyxh] {
    background: #f8fafc;
    font-weight: 600;
    color: #374151;
}

.time-cell[b-rnzm4fuyxh] {
    color: #059669;
    font-weight: 500;
}

.no-record[b-rnzm4fuyxh] {
    color: #ef4444;
    font-style: italic;
    opacity: 0.7;
}

.hours-worked[b-rnzm4fuyxh] {
    background: linear-gradient(135deg, #10b981, #059669);
    color: white;
    font-weight: bold;
    border-radius: 8px;
    margin: 2px;
}

/* ✅ Vista calendario horizontal por días del mes */
.calendar-container-table[b-rnzm4fuyxh] {
    background: #e4ebf6;
    /*padding: 15px;*/
    border-radius: 10px;
    overflow-x: auto;
    border: 1px solid #dbeafe;
}
/* Día del mes y nombre del día */
.nombre-dia[b-rnzm4fuyxh] {
    font-size: 0.75rem;
    color: #555;
    margin-top: 2px;
}

.calendar-header[b-rnzm4fuyxh] {
    background: linear-gradient(317deg, #537bed 0%, #92b1df 100%);
    color: #212529;
    padding: 3px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 3px 6px 0 0;
    margin-bottom: 9px;
    width: 49%;
    margin-left: 30%;
}

.calendar-nav[b-rnzm4fuyxh] {
    background: none;
    border: none;
    color: white;
    font-size: 18px;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 5px;
    transition: background 0.3s ease;
}

    .calendar-nav:hover[b-rnzm4fuyxh] {
        background: rgba(255, 255, 255, 0.2);
    }

.calendar-table[b-rnzm4fuyxh] {
    display: flex;
    flex-direction: column;
    font-size: 11px;
    min-width: fit-content;
}

.calendar-row[b-rnzm4fuyxh] {
    display: flex;
    flex-direction: row;
    min-height: 40px;
}

.calendar-cell[b-rnzm4fuyxh] {
    min-width: 63px;
    padding: 6px;
    text-align: center;
    border: 1px solid #e5e7eb;
    background: #fff;
    font-size: 12px;
    word-wrap: break-word;
    position: relative;
}

    .calendar-cell.day-header[b-rnzm4fuyxh] {
        background: #e0e7ff;
        font-weight: bold;
        color: #1e3a8a;
    }

    .calendar-cell.row-label[b-rnzm4fuyxh] {
        min-width: 120px;
        font-weight: bold;
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    /* Resaltar días del período seleccionado */
    .calendar-cell.periodo-destacado[b-rnzm4fuyxh] {
        background: linear-gradient(135deg, #fbbf24, #f59e0b);
        color: #92400e;
        font-weight: bold;
        box-shadow: 0 2px 4px rgba(245, 158, 11, 0.3);
        border: 2px solid #546bbd;
    }

    .calendar-cell.dia-periodo[b-rnzm4fuyxh] {
        background: linear-gradient(135deg, #e1bcf3, #e7bede);
        color: #000;
        font-weight: bold;
        border: 2px solid #5f5ba7;
    }

.label-header[b-rnzm4fuyxh] {
    background: #c7d2fe;
    color: #111827;
    margin-left: 58px;
}

.entrada-label[b-rnzm4fuyxh] {
    background: #7890e1;
}

.salida-label[b-rnzm4fuyxh] {
    background: #a5b4fc;
}

.horas-label[b-rnzm4fuyxh] {
    background: #546bbd;
}

.calendar-cell.entrada[b-rnzm4fuyxh] {
    background: #f3f4f6;
    color: #111827;
}

.calendar-cell.salida[b-rnzm4fuyxh] {
    background: #f3f4f6;
    color: #111827;
}

.calendar-cell.horas[b-rnzm4fuyxh] {
    background: #fdf4ff;
    color: #4b5563;
}

/* Estados (opcional si quieres usar colores por puntualidad) */
.status-complete[b-rnzm4fuyxh] {
    background: #bbf7d0;
}

.status-incomplete[b-rnzm4fuyxh] {
    background: #fef9c3;
}

.status-overtime[b-rnzm4fuyxh] {
    background: #c7d2fe;
}

.status-no-work[b-rnzm4fuyxh] {
    background: #f1f5f9;
}

.summary[b-rnzm4fuyxh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-top: 25px;
}

.summary-card[b-rnzm4fuyxh] {
    background: #fff;
    padding: 7px;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease;
    position: relative;
    overflow: hidden;
}

    .summary-card[b-rnzm4fuyxh]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: linear-gradient(90deg, #667eea, #764ba2);
    }

    .summary-card:hover[b-rnzm4fuyxh] {
        transform: translateY(-8px);
        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
    }

    .summary-card .label[b-rnzm4fuyxh] {
        color: #374151;
        font-size: 12px;
        font-weight: 500;
        margin-bottom: 8px;
        letter-spacing: 0.5px;
    }

    .summary-card .value[b-rnzm4fuyxh] {
        color: #111827;
        font-size: 24px;
        font-weight: bold;
    }

.total-hours[b-rnzm4fuyxh]::before {
    background: linear-gradient(90deg, #4ade80, #22c55e);
}

.period-hours[b-rnzm4fuyxh]::before {
    background: linear-gradient(90deg, #f59e0b, #d97706);
}

.days-worked[b-rnzm4fuyxh]::before {
    background: linear-gradient(90deg, #3b82f6, #1d4ed8);
}

.incomplete-days[b-rnzm4fuyxh]::before {
    background: linear-gradient(90deg, #ef4444, #dc2626);
}

.overtime-days[b-rnzm4fuyxh]::before {
    background: linear-gradient(90deg, #f59e0b, #d97706);
}
/* Horas por semana */
.calendar-cell row-label horas-semana[b-rnzm4fuyxh] {
    font-weight: bold;
    background-color: #f0f4ff;
}

.horas-semana-label[b-rnzm4fuyxh] {
    font-weight: bold;
    background-color: #648bcf;
    text-align: center;
}
/* /Pages/razor_NServicioColaborador/NIncapacidad.razor.rz.scp.css */
.bxs-circle[b-2nmasanf21] {
    font-size: 17px;
}

.plus-Azul[b-2nmasanf21] {
    color: blue !important;
}

.plus-Rojo[b-2nmasanf21] {
    color: red !important;
}

.plus-Verde[b-2nmasanf21] {
    color: green !important;
}

.plus-Naranja[b-2nmasanf21] {
    color: orange !important;
}

.button-option-pressed[b-2nmasanf21] {
    cursor: pointer;
    text-decoration: none;
    align-items: center;
    letter-spacing: .5px;
    word-spacing: 2px;
    font-weight: 600;
    transition: transform .2s ease-in;
    border: none;
    outline: 0;
    color: var(--button-focus-text-color) !important;
    background: var(--button-focus-background);
    box-shadow: var(--button-inner-shadow) !important;
}

.font-width-seleccionar-mes[b-2nmasanf21] {
    width: 160px;
}
/* /Pages/razor_NServicioColaborador/NSolicitudInasistencia.razor.rz.scp.css */
.bxs-circle[b-arqcdtykxe] {
    font-size: 17px;
}

.plus-Azul[b-arqcdtykxe] {
    color: blue !important;
}

.plus-Rojo[b-arqcdtykxe] {
    color: red !important;
}

.plus-Verde[b-arqcdtykxe] {
    color: green !important;
}

.plus-Naranja[b-arqcdtykxe] {
    color: orange !important;
}

.button-option-pressed[b-arqcdtykxe] {
    cursor: pointer;
    text-decoration: none;
    align-items: center;
    letter-spacing: .5px;
    word-spacing: 2px;
    font-weight: 600;
    transition: transform .2s ease-in;
    border: none;
    outline: 0;
    color: var(--button-focus-text-color) !important;
    background: var(--button-focus-background);
    box-shadow: var(--button-inner-shadow) !important;
}

.font-width-seleccionar-mes[b-arqcdtykxe] {
    width: 160px;
}
/* /Pages/razor_NServicioColaborador/NSolicitudVacaciones.razor.rz.scp.css */
.bxs-circle[b-rtisk9500m] {
    font-size: 17px;
}

.plus-Azul[b-rtisk9500m] {
    color: blue !important;
}

.plus-Rojo[b-rtisk9500m] {
    color: red !important;
}

.plus-Verde[b-rtisk9500m] {
    color: green !important;
}

.plus-Naranja[b-rtisk9500m] {
    color: orange !important;
}

.button-option-pressed[b-rtisk9500m] {
    cursor: pointer;
    text-decoration: none;
    align-items: center;
    letter-spacing: .5px;
    word-spacing: 2px;
    font-weight: 600;
    transition: transform .2s ease-in;
    border: none;
    outline: 0;
    color: var(--button-focus-text-color) !important;
    background: var(--button-focus-background);
    box-shadow: var(--button-inner-shadow) !important;
}

.font-width-seleccionar-mes[b-rtisk9500m]{
    width: 160px;
}
/* /Shared/Componentes/BotonInputFileMenuLateral.razor.rz.scp.css */
.accion-menu-item.item-rep[b-plx23545iz] {
    transition: all 0.2s;
}

    .accion-menu-item.item-rep label[b-plx23545iz],
    .accion-menu-item.item-rep button[b-plx23545iz] {
        transition: all 0.2s;
    }

    .accion-menu-item.item-rep.generando-rep[b-plx23545iz] {
        transform: translateY(-6px) !important;
        z-index: 3;
    }

        .accion-menu-item.item-rep.generando-rep labe[b-plx23545iz],
        .accion-menu-item.item-rep.generando-rep button[b-plx23545iz] {
            background: var(--primary-color);
            cursor: not-allowed;
        }

            .accion-menu-item.item-rep.generando-rep label:active[b-plx23545iz],
            .accion-menu-item.item-rep.generando-rep button:active[b-plx23545iz] {
                pointer-events: none;
            }

            .accion-menu-item.item-rep.generando-rep label i[b-plx23545iz],
            .accion-menu-item.item-rep.generando-rep button i[b-plx23545iz] {
                display: inline-block;
                animation: girar-derecha-b-plx23545iz 2s linear infinite;
            }

@keyframes girar-derecha-b-plx23545iz {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.rotating[b-plx23545iz] {
    animation: rotate 2s linear infinite;
}
/* /Shared/Componentes/BotonLateral_TimbradoNomina.razor.rz.scp.css */
.accion-menu-item.item-rep[b-y4g9k1kht0] {
    transition: all 0.2s;
}

    .accion-menu-item.item-rep button[b-y4g9k1kht0] {
        transition: all 0.2s;
    }

    .accion-menu-item.item-rep.generando-rep[b-y4g9k1kht0] {
        /*    right: 50px;*/
        /*top: -256px;*/
        transform: translateY(-6px) !important;
        z-index: 3;
    }

        .accion-menu-item.item-rep.generando-rep button[b-y4g9k1kht0] {
            background: var(--primary-color);
            cursor: not-allowed;
        }

            .accion-menu-item.item-rep.generando-rep button:active[b-y4g9k1kht0] {
                pointer-events: none;
            }

            .accion-menu-item.item-rep.generando-rep button i[b-y4g9k1kht0] {
                animation: girar-derecha-b-y4g9k1kht0 2s linear infinite;
            }


@keyframes girar-derecha-b-y4g9k1kht0 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
/* /Shared/Componentes/BotonProcesoMenuLateral.razor.rz.scp.css */
.accion-menu-item.item-rep[b-p4dvn67b89] {
    transition: all 0.2s;
}

    .accion-menu-item.item-rep button[b-p4dvn67b89] {
        transition: all 0.2s;
    }

    .accion-menu-item.item-rep.generando-rep[b-p4dvn67b89] {
        /*    right: 50px;*/
        /*top: -256px;*/
        transform: translateY(-6px) !important;
        z-index: 3;
    }

        .accion-menu-item.item-rep.generando-rep button[b-p4dvn67b89] {
            background: var(--primary-color);
            cursor: not-allowed;
        }

            .accion-menu-item.item-rep.generando-rep button:active[b-p4dvn67b89] {
                pointer-events: none;
            }

            .accion-menu-item.item-rep.generando-rep button i[b-p4dvn67b89] {
                animation: girar-derecha-b-p4dvn67b89 2s linear infinite;
            }


@keyframes girar-derecha-b-p4dvn67b89 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* /Shared/Componentes/BotonProcesoProlongado.razor.rz.scp.css */
.button.generar-proceso[b-73h2pv2406] {
    transition: all 0.2s;
}


.button.generar-proceso[b-73h2pv2406] {
    background: var(--primary-color);
    cursor: not-allowed;
}

.button.generar-proceso:active[b-73h2pv2406] {
    pointer-events: none;
}

    .button.generar-proceso i[b-73h2pv2406] {
        animation: girar-derecha-proceso-b-73h2pv2406 2s linear infinite;
        display: inline-block; /* Crucial */
    }


.button.btn-disabled[b-73h2pv2406],
.button:disabled[b-73h2pv2406]{
    color: var(--button-text-color) !important;
}

@keyframes girar-derecha-proceso-b-73h2pv2406 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
/* /Shared/Componentes/Breadcrumb.razor.rz.scp.css */
/*-------------------------------*/
/*Título principal Breadcrumbs   */
/*-------------------------------*/



.navbar-brand[b-ct0y6bl8yl], .navbar-brand-right[b-ct0y6bl8yl]{
    position: relative;
    font-size: 16px;
    font-family: var(--font-Poppins);
    color: var(--second-title-color);
    z-index: -100000000 !important;
}

    .navbar-brand.dash[b-ct0y6bl8yl], .navbar-brand-right.dash[b-ct0y6bl8yl] {
        color: var(--dash-breadcrumb-text-color);
    }

.breadcrumb[b-ct0y6bl8yl] {
    z-index: -1 !important;
}

.breadcrumb-item[b-ct0y6bl8yl] {
    color: var(--text-color)
}

    .breadcrumb-item.active[b-ct0y6bl8yl] {
        color: var(--primary-color);
        font-weight: bold;
    }

        .breadcrumb-item.active[b-ct0y6bl8yl]::before {
            color: var(--text-color)
        }

.breadcrumb-item-right[b-ct0y6bl8yl] {
    color: var(--text-color);
    font-family: var(--font-Rubik-Sans);
    font-size: .8rem;
    text-align: end;
    opacity: .5;
}

/* /Shared/Componentes/Breadcrumb_Estadistica.razor.rz.scp.css */
/*-------------------------------*/
/*Título principal Breadcrumbs   */
/*-------------------------------*/



.navbar-brand[b-f5t7420xn3], .navbar-brand-right[b-f5t7420xn3]{
    position: relative;
    font-size: 16px;
    font-family: var(--font-Poppins);
    color: var(--second-title-color);
    z-index: -100000000 !important;
}

    .navbar-brand.dash[b-f5t7420xn3], .navbar-brand-right.dash[b-f5t7420xn3] {
        color: var(--dash-breadcrumb-text-color);
    }

.breadcrumb[b-f5t7420xn3] {
    z-index: -1 !important;
}

.breadcrumb-item[b-f5t7420xn3] {
    color: var(--text-color)
}

    .breadcrumb-item.active[b-f5t7420xn3] {
        color: var(--primary-color);
        font-weight: bold;
    }

        .breadcrumb-item.active[b-f5t7420xn3]::before {
            color: var(--text-color)
        }

.breadcrumb-item-right[b-f5t7420xn3] {
    color: var(--text-color);
    font-family: var(--font-Rubik-Sans);
    font-size: .8rem;
    text-align: end;
    opacity: .5;
}



.dash-card[b-f5t7420xn3] {
    min-width: 195px;
}


.dash-card.antiguedad .dash-carrusel-item-numero span[b-f5t7420xn3] {
    font-size: 14px;
}
/* /Shared/Componentes/Loading.razor.rz.scp.css */


.accordion-nav.vertical .cont-accordion .accslide[b-8nxxhq4i9e] {
    overflow: hidden !important;
}

.form-load[b-8nxxhq4i9e] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10rem;
}

/*OPCION 1*/
.load-1[b-8nxxhq4i9e] {
    width:130px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2rem;
}

.pulse-bubble[b-8nxxhq4i9e] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: var(--primary-400);
}

.pulse-bubble:nth-child(1)[b-8nxxhq4i9e] {
    animation: loading-1-b-8nxxhq4i9e .4s ease 0s infinite alternate;
}

.pulse-bubble:nth-child(2)[b-8nxxhq4i9e] {
    animation: loading-1-b-8nxxhq4i9e .4s ease .2s infinite alternate;
}

.pulse-bubble:nth-child(3)[b-8nxxhq4i9e] {
    animation: loading-1-b-8nxxhq4i9e .4s ease .4s infinite alternate;
}
.pulse-bubble:nth-child(4)[b-8nxxhq4i9e] {
    animation: loading-1-b-8nxxhq4i9e .4s ease .6s infinite alternate;
}
.pulse-bubble:nth-child(5)[b-8nxxhq4i9e] {
    animation: loading-1-b-8nxxhq4i9e .4s ease .8s infinite alternate;
}
@keyframes loading-1-b-8nxxhq4i9e {
    from {
        opacity: 1;
        transform: scale(1);
    }

    to {
        opacity: .45;
        transform: scale(.75);
    }
}



/*Opcion 2*/

.spinner[b-8nxxhq4i9e] {
    position: relative;
    width: 70px;
    height: 70px;
    margin: 0 auto;
}

.bubble-1[b-8nxxhq4i9e],
.bubble-2[b-8nxxhq4i9e] {
    position: absolute;
    top: 0;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-color: var(--secondary-500);
}

.bubble-2[b-8nxxhq4i9e] {
    top: auto;
    bottom: 0;
}

.load-2 .spinner[b-8nxxhq4i9e] {
    animation: loading-2-1-b-8nxxhq4i9e 2s linear infinite;
}

.load-2 .bubble-1[b-8nxxhq4i9e],
.load-2 .bubble-2[b-8nxxhq4i9e] {
    animation: loading-2-2-b-8nxxhq4i9e 2s ease-in-out infinite;
}

.load-2 .bubble-2[b-8nxxhq4i9e] {
    animation-delay: -1s;
}

@keyframes loading-2-1-b-8nxxhq4i9e {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes loading-2-2-b-8nxxhq4i9e {
    0%, 100% {
        transform: scale(0);
    }

    50% {
        transform: scale(1);
    }
}

/*Opción 3*/
.load-3 .ball-holder[b-8nxxhq4i9e] {
    animation: loading-3-b-8nxxhq4i9e 1.5s linear infinite;
}

.ring-2[b-8nxxhq4i9e] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 90px;
    height: 90px;
    margin: 0 auto;
    border: 4px solid var(--primary-500);
    border-radius: 100%;
}

.ball-holder[b-8nxxhq4i9e] {
    position: absolute;
    width: 24px;
    height: 57px;
    left: 29.5px;
    top: 15px;
}

.ball[b-8nxxhq4i9e] {
    position: absolute;
    top: -22px;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background: var(--primary-400);
}

@keyframes loading-3-b-8nxxhq4i9e {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*Opción 4*/
.load-4[b-8nxxhq4i9e] {
    margin-top: 3rem;
    min-height: 100vh;
    transition: .2s background linear;
}

.load-4 .loading[b-8nxxhq4i9e] {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.load-4 .loading .ring[b-8nxxhq4i9e] {
    position: relative;
    width: 70px;
    height: 70px;
    margin: -20px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top: 3px solid var(--ring-background);
    animation: loading-4-1-b-8nxxhq4i9e 4s linear infinite;
}

.load-4 .loading .ring:nth-child(1)[b-8nxxhq4i9e] {
    position: relative;
    width: 70px;
    height: 70px;
    margin: -20px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top: 3px solid var(--ring-background);
    animation: loading-4-1-b-8nxxhq4i9e 4s linear infinite;
}

.load-4 .loading .ring:nth-child(1)[b-8nxxhq4i9e] {
    position: relative;
    width: 70px;
    height: 70px;
    margin: -20px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top: 3px solid var(--ring-background);
    animation: loading-4-1-b-8nxxhq4i9e 4s linear infinite;
}

@keyframes loading-4-1-b-8nxxhq4i9e {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.load-4 .loading .ring[b-8nxxhq4i9e]::before {
    content: '';
    position: absolute;
    top: 5px;
    right: 2px;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background: var(--ring-background);
    box-shadow: 0 0 0 5px var(--ring-shadow-1), 0 0 0 10px var(--ring-shadow-2), 0 0 20px var(--ring-background), 0 0 25px var(--ring-background);
}

.load-4 .loading .ring:nth-child(2)[b-8nxxhq4i9e] {
    animation: loading-4-2-b-8nxxhq4i9e 4s linear infinite;
    animation-delay: -1s;
    border-left: 3px solid var(--ring-2-background);
    border-top: 3px solid transparent;
}

@keyframes loading-4-2-b-8nxxhq4i9e {
    0% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.load-4 .loading .ring:nth-child(2)[b-8nxxhq4i9e]::before {
    content: '';
    position: absolute;
    top: initial;
    bottom: 5px;
    left: 2px;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background: var(--ring-2-background);
    box-shadow: 0 0 0 5px var(--ring-2-shadow-1), 0 0 0 10px var(--ring-2-shadow-2), 0 0 20px var(--ring-2-background), 0 0 25px var(--ring-2-background);
}


.load-4 .loading .ring:nth-child(3)[b-8nxxhq4i9e] {
    animation: loading-4-2-b-8nxxhq4i9e 4s linear infinite;
    animation-delay: -3s;
    position: absolute;
    top: -30.66px;
    border-top: 3px solid transparent;
    border-left: 3px solid var(--ring-3-background);
}



.load-4 .loading .ring:nth-child(3)[b-8nxxhq4i9e]::before {
    content: '';
    position: absolute;
    top: initial;
    bottom: 5px;
    left: 2px;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background: var(--ring-3-background);
    box-shadow: 0 0 0 5px var(--ring-3-shadow-1), 0 0 0 10px var(--ring-3-shadow-2), 0 0 20px var(--ring-3-background), 0 0 25px var(--ring-3-background);
}


/*Opcion 5*/

/* /Shared/Componentes/SidebarMenuPermisos.razor.rz.scp.css */
/*-------------------------------*/
/*      MAIN MENÚ SIDEBAR        */
/*-------------------------------*/
.sidebar[b-vb21mup10v] {
    border-radius: 5% 0% 0% 5%;
    background-color: var(--sidebar-background);
    width: var(--sidebar-width);
    max-height: 100%;
    transition: all 0.3s ease-in-out;
    transform: translateX(0);
    right: 0px;
    top: 0px;
    position: fixed;
}

    .sidebar .sidebar-cont[b-vb21mup10v] {
        width: 100%;
        position: relative;
        overflow-y: auto;
        height: 100%;
        padding-bottom: 65px;
        border: 1ps xolid red;
    }

body.dark-theme .sidebar[b-vb21mup10v] {
    border-radius: 5% 0% 0% 5%;
}

.sidebar .sidebar-cont .close-aside[b-vb21mup10v] {
    /* position: absolute; */
    top: 7px;
    right: 7px;
    cursor: pointer;
    color: #eee;
}

.sidebar .sidebar-cont .sidebar-header[b-vb21mup10v] {
    box-shadow: -4.7px 0 5px var(--shadow-drk);
}

    .sidebar .sidebar-cont .sidebar-header h5 a[b-vb21mup10v] {
        color: var(--text-color);
    }

    .sidebar .sidebar-cont .sidebar-header p[b-vb21mup10v] {
        color: var(--text-color-lght);
        font-size: 0.825rem;
    }

.sidebar .sidebar-cont .categorias > ul > li.opc[b-vb21mup10v] {
    padding: 0.7rem;
    position: relative;
    border-radius: var(--sidebar-li-border-radius);
    transition: 1;
    z-index: 1;
}
    .sidebar .sidebar-cont .categorias > ul > li.opc[b-vb21mup10v]::before {
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: var(--sidebar-li-border-radius);
        z-index: -1;
        transition: opacity 0.5s linear;
        opacity: 0;
    }
    .sidebar .sidebar-cont .categorias ul > li > a[b-vb21mup10v] {
    color: var(--text-color);
    text-decoration: none;
    cursor: pointer;
}

.sidebar .sidebar-cont .categorias ul > li > i[b-vb21mup10v] {
    font-size: 18px;
    margin-left: .8rem;
    color: var(--text-color);
}

.sidebar .sidebar-cont .categorias ul > li.has-dropdown > .opc-cont p[b-vb21mup10v]:after,
.sidebar .sidebar-cont .categorias ul > li.has-dropdown > .sub[b-vb21mup10v]:after {
    content: "\ea4a";
    font-family: boxicons;
    font-size: 1rem;
    line-height: 1.8;
    float: right;
    transition: all 0.3s ease-in-out;
    position: absolute;
}


/*cambios 28/01/2022 Lizeth*/
/*cambios 13/05/2022 Andreea*/

.sidebar .sidebar-cont .categorias > ul > li:hover i[b-vb21mup10v],
.sidebar .sidebar-cont .categorias > ul > li:hover a[b-vb21mup10v],
.sidebar .sidebar-cont .categorias > ul > li.has-dropdown:hover > .opc-cont[b-vb21mup10v]:after,
.sidebar .sidebar-cont .categorias > ul > li.has-dropdown:hover > a[b-vb21mup10v]:after {
    color: var(--sidebar-i-text-color);
}

/*Cambios 27/01/2022 Andrea*/
/*-------------------------------*/
/*      SIDEBAR Contenedor de opciones*/
/*-------------------------------*/
/*cambios 28/01/2022 Lizeth*/

.sidebar .opc-cont[b-vb21mup10v] {
    padding-left: 15px;
    width: 100%;
    text-align: start;
    cursor: pointer;
}

/* SIDEBAR INDIVIDUAL HOVER COLORS */
/*Cambios 18/1/2024 Eder Joel Calzada Espinosa Cambios en los nombres de las variables y
    en el orden de los colores para que todos estén ordenados
   16-07-2024 adición de más colores en las opciones, hasta la opción 30 en caso de existir
*/
/*HOVER*/
.sidebar .sidebar-cont .categorias > ul > li.opc:hover[b-vb21mup10v]::before {
    opacity: 1;
}

.sidebar .sidebar-cont .categorias > ul > li.opc:nth-child(1)[b-vb21mup10v]::before,
.sidebar .sidebar-cont .categorias > ul > li.opc.active:nth-child(1)[b-vb21mup10v],
.sidebar .sidebar-cont .categorias > ul > li.opc:nth-child(8)[b-vb21mup10v]::before,
.sidebar .sidebar-cont .categorias > ul > li.opc.active:nth-child(8)[b-vb21mup10v],
.sidebar .sidebar-cont .categorias > ul > li.opc:nth-child(15)[b-vb21mup10v]::before,
.sidebar .sidebar-cont .categorias > ul > li.opc.active:nth-child(15)[b-vb21mup10v],
.sidebar .sidebar-cont .categorias > ul > li.opc:nth-child(22)[b-vb21mup10v]::before,
.sidebar .sidebar-cont .categorias > ul > li.opc.active:nth-child(22)[b-vb21mup10v],
.sidebar .sidebar-cont .categorias > ul > li.opc:nth-child(29)[b-vb21mup10v]::before,
.sidebar .sidebar-cont .categorias > ul > li.opc.active:nth-child(29)[b-vb21mup10v] {
    background: var(--sidebarc1-li-background);
}

.sidebar .sidebar-cont .categorias ul > li.opc:nth-child(1) .sidebar-dropdown > li > a:hover[b-vb21mup10v],
.sidebar .sidebar-cont .categorias ul > li.opc:nth-child(8) .sidebar-dropdown > li > a:hover[b-vb21mup10v],
.sidebar .sidebar-cont .categorias ul > li.opc:nth-child(15) .sidebar-dropdown > li > a:hover[b-vb21mup10v],
.sidebar .sidebar-cont .categorias ul > li.opc:nth-child(22) .sidebar-dropdown > li > a:hover[b-vb21mup10v],
.sidebar .sidebar-cont .categorias ul > li.opc:nth-child(29) .sidebar-dropdown > li > a:hover[b-vb21mup10v] {
    background: var(--sidebarc1-dropdown-a-hover-background);
}

/**2**/
.sidebar .sidebar-cont .categorias > ul > li.opc:nth-child(2)[b-vb21mup10v]::before,
.sidebar .sidebar-cont .categorias > ul > li.opc.active:nth-child(2)[b-vb21mup10v],
.sidebar .sidebar-cont .categorias > ul > li.opc:nth-child(9)[b-vb21mup10v]::before,
.sidebar .sidebar-cont .categorias > ul > li.opc.active:nth-child(9)[b-vb21mup10v],
.sidebar .sidebar-cont .categorias > ul > li.opc:nth-child(16)[b-vb21mup10v]::before,
.sidebar .sidebar-cont .categorias > ul > li.opc.active:nth-child(16)[b-vb21mup10v],
.sidebar .sidebar-cont .categorias > ul > li.opc:nth-child(23)[b-vb21mup10v]::before,
.sidebar .sidebar-cont .categorias > ul > li.opc.active:nth-child(23)[b-vb21mup10v],
.sidebar .sidebar-cont .categorias > ul > li.opc:nth-child(30)[b-vb21mup10v]::before,
.sidebar .sidebar-cont .categorias > ul > li.opc.active:nth-child(30)[b-vb21mup10v]{
    background: var(--sidebarc2-li-background);
}

.sidebar .sidebar-cont .categorias ul > li.opc:nth-child(2) .sidebar-dropdown > li > a:hover[b-vb21mup10v],
.sidebar .sidebar-cont .categorias ul > li.opc:nth-child(9) .sidebar-dropdown > li > a:hover[b-vb21mup10v],
.sidebar .sidebar-cont .categorias ul > li.opc:nth-child(16) .sidebar-dropdown > li > a:hover[b-vb21mup10v],
.sidebar .sidebar-cont .categorias ul > li.opc:nth-child(23) .sidebar-dropdown > li > a:hover[b-vb21mup10v],
.sidebar .sidebar-cont .categorias ul > li.opc:nth-child(30) .sidebar-dropdown > li > a:hover[b-vb21mup10v]{
    background: var(--sidebarc2-dropdown-a-hover-background);
}
/*Cambios 22/12/2022 Andrea*/
/**3**/
.sidebar .sidebar-cont .categorias > ul > li.opc:nth-child(3)[b-vb21mup10v]::before,
.sidebar .sidebar-cont .categorias > ul > li.opc.active:nth-child(3)[b-vb21mup10v],
.sidebar .sidebar-cont .categorias > ul > li.opc:nth-child(10)[b-vb21mup10v]::before,
.sidebar .sidebar-cont .categorias > ul > li.opc.active:nth-child(10)[b-vb21mup10v],
.sidebar .sidebar-cont .categorias > ul > li.opc:nth-child(17)[b-vb21mup10v]::before,
.sidebar .sidebar-cont .categorias > ul > li.opc.active:nth-child(17)[b-vb21mup10v],
.sidebar .sidebar-cont .categorias > ul > li.opc:nth-child(24)[b-vb21mup10v]::before,
.sidebar .sidebar-cont .categorias > ul > li.opc.active:nth-child(24)[b-vb21mup10v] {
    background: var(--sidebarc3-li-background);
}

/*Cambios 22/12/2022 Andrea*/
.sidebar .sidebar-cont .categorias ul > li.opc:nth-child(3) .sidebar-dropdown > li > a:hover[b-vb21mup10v],
.sidebar .sidebar-cont .categorias ul > li.opc:nth-child(10) .sidebar-dropdown > li > a:hover[b-vb21mup10v],
.sidebar .sidebar-cont .categorias ul > li.opc:nth-child(17) .sidebar-dropdown > li > a:hover[b-vb21mup10v],
.sidebar .sidebar-cont .categorias ul > li.opc:nth-child(24) .sidebar-dropdown > li > a:hover[b-vb21mup10v]{
    background: var(--sidebarc3-dropdown-a-hover-background);
}

/**4**/
.sidebar .sidebar-cont .categorias > ul > li.opc:nth-child(4)[b-vb21mup10v]::before,
.sidebar .sidebar-cont .categorias > ul > li.opc.active:nth-child(4)[b-vb21mup10v],
.sidebar .sidebar-cont .categorias > ul > li.opc:nth-child(11)[b-vb21mup10v]::before,
.sidebar .sidebar-cont .categorias > ul > li.opc.active:nth-child(11)[b-vb21mup10v],
.sidebar .sidebar-cont .categorias > ul > li.opc:nth-child(18)[b-vb21mup10v]::before,
.sidebar .sidebar-cont .categorias > ul > li.opc.active:nth-child(18)[b-vb21mup10v],
.sidebar .sidebar-cont .categorias > ul > li.opc:nth-child(25)[b-vb21mup10v]::before,
.sidebar .sidebar-cont .categorias > ul > li.opc.active:nth-child(25)[b-vb21mup10v]
{
    background: var(--sidebarc4-li-background);
}

.sidebar .sidebar-cont .categorias ul > li.opc:nth-child(4) .sidebar-dropdown > li > a:hover[b-vb21mup10v],
.sidebar .sidebar-cont .categorias ul > li.opc:nth-child(11) .sidebar-dropdown > li > a:hover[b-vb21mup10v],
.sidebar .sidebar-cont .categorias ul > li.opc:nth-child(18) .sidebar-dropdown > li > a:hover[b-vb21mup10v],
.sidebar .sidebar-cont .categorias ul > li.opc:nth-child(25) .sidebar-dropdown > li > a:hover[b-vb21mup10v]
{
    background: var(--sidebarc4-dropdown-a-hover-background);
}

/*Cambios 17/01/2022 Lizeth*/
/**5**/
.sidebar .sidebar-cont .categorias > ul > li.opc:nth-child(5)[b-vb21mup10v]::before,
.sidebar .sidebar-cont .categorias > ul > li.opc.active:nth-child(5)[b-vb21mup10v],
.sidebar .sidebar-cont .categorias > ul > li.opc:nth-child(12)[b-vb21mup10v]::before,
.sidebar .sidebar-cont .categorias > ul > li.opc.active:nth-child(12)[b-vb21mup10v],
.sidebar .sidebar-cont .categorias > ul > li.opc:nth-child(18)[b-vb21mup10v]::before,
.sidebar .sidebar-cont .categorias > ul > li.opc.active:nth-child(18)[b-vb21mup10v],
.sidebar .sidebar-cont .categorias > ul > li.opc:nth-child(26)[b-vb21mup10v]::before,
.sidebar .sidebar-cont .categorias > ul > li.opc.active:nth-child(26)[b-vb21mup10v]
{
    background: var(--sidebarc5-li-background);
}

/*Cambios 18/01/2022 Lizeth*/
.sidebar .sidebar-cont .categorias ul > li.opc:nth-child(5) .sidebar-dropdown > li > a:hover[b-vb21mup10v],
.sidebar .sidebar-cont .categorias ul > li.opc:nth-child(12) .sidebar-dropdown > li > a:hover[b-vb21mup10v],
.sidebar .sidebar-cont .categorias ul > li.opc:nth-child(18) .sidebar-dropdown > li > a:hover[b-vb21mup10v],
.sidebar .sidebar-cont .categorias ul > li.opc:nth-child(26) .sidebar-dropdown > li > a:hover[b-vb21mup10v]
{
    background: var(--sidebarc5-dropdown-a-hover-background);
}

/**6**/
.sidebar .sidebar-cont .categorias > ul > li.opc:nth-child(6)[b-vb21mup10v]::before,
.sidebar .sidebar-cont .categorias > ul > li.opc.active:nth-child(6)[b-vb21mup10v],
.sidebar .sidebar-cont .categorias > ul > li.opc:nth-child(13)[b-vb21mup10v]::before,
.sidebar .sidebar-cont .categorias > ul > li.opc.active:nth-child(13)[b-vb21mup10v],
.sidebar .sidebar-cont .categorias > ul > li.opc:nth-child(20)[b-vb21mup10v]::before,
.sidebar .sidebar-cont .categorias > ul > li.opc.active:nth-child(20)[b-vb21mup10v],
.sidebar .sidebar-cont .categorias > ul > li.opc:nth-child(27)[b-vb21mup10v]::before,
.sidebar .sidebar-cont .categorias > ul > li.opc.active:nth-child(27)[b-vb21mup10v]
{
    background: var(--sidebarc6-li-background);
}

/*Cambios 18/01/2022 Lizeth*/
.sidebar .sidebar-cont .categorias ul > li.opc:nth-child(6) .sidebar-dropdown > li > a:hover[b-vb21mup10v],
.sidebar .sidebar-cont .categorias ul > li.opc:nth-child(13) .sidebar-dropdown > li > a:hover[b-vb21mup10v],
.sidebar .sidebar-cont .categorias ul > li.opc:nth-child(20) .sidebar-dropdown > li > a:hover[b-vb21mup10v],
.sidebar .sidebar-cont .categorias ul > li.opc:nth-child(27) .sidebar-dropdown > li > a:hover[b-vb21mup10v]
{
    background: var(--sidebarc6-dropdown-a-hover-background);
}

/**7**/
/*Cambios 21/01/2022 Andrea*/

.sidebar .sidebar-cont .categorias > ul > li.opc:nth-child(7)[b-vb21mup10v]::before,
.sidebar .sidebar-cont .categorias > ul > li.opc.active:nth-child(7)[b-vb21mup10v],
.sidebar .sidebar-cont .categorias > ul > li.opc:nth-child(14)[b-vb21mup10v]::before,
.sidebar .sidebar-cont .categorias > ul > li.opc.active:nth-child(14)[b-vb21mup10v],
.sidebar .sidebar-cont .categorias > ul > li.opc:nth-child(21)[b-vb21mup10v]::before,
.sidebar .sidebar-cont .categorias > ul > li.opc.active:nth-child(21)[b-vb21mup10v],
.sidebar .sidebar-cont .categorias > ul > li.opc:nth-child(28)[b-vb21mup10v]::before,
.sidebar .sidebar-cont .categorias > ul > li.opc.active:nth-child(28)[b-vb21mup10v]

{
    background: var(--sidebarc7-li-background);
}

.sidebar .sidebar-cont .categorias ul > li.opc.opc:nth-child(7) .sidebar-dropdown > li > a:hover[b-vb21mup10v],
.sidebar .sidebar-cont .categorias ul > li.opc.opc:nth-child(14) .sidebar-dropdown > li > a:hover[b-vb21mup10v],
.sidebar .sidebar-cont .categorias ul > li.opc.opc:nth-child(21) .sidebar-dropdown > li > a:hover[b-vb21mup10v],
.sidebar .sidebar-cont .categorias ul > li.opc.opc:nth-child(28) .sidebar-dropdown > li > a:hover[b-vb21mup10v]
{
    background: var(--sidebarc7-dropdown-a-hover-background);
}

.sidebar .sidebar-cont .categorias ul > li.opc .sidebar-dropdown > li:hover[b-vb21mup10v],
{
    transition: all 2s;
}

.sidebar .sidebar-cont .categorias ul > li[b-vb21mup10v] {
    padding-left: 0;
    padding-right: 0;
    transition: all 2s;
} 

    /*cambios Andrea 21/04/2022*/
    /*cambios 13/05/2022 Andrea*/
    .sidebar .sidebar-cont .categorias ul .opened > .opc-cont p[b-vb21mup10v]:after,
    .sidebar .sidebar-cont .categorias ul > li.has-dropdown .sidebar-dropdown .has-dropdown.opened .sub[b-vb21mup10v]:after {
        transform: rotate(-90deg);
    }

/* Start dropdown menu */
.sidebar .sidebar-cont .categorias ul .sidebar-dropdown[b-vb21mup10v] {
    padding-top: 10px;
    padding-left: 0px;
    width: 100%;
    display: none;
}

    .sidebar .sidebar-cont .categorias ul .sidebar-dropdown.active[b-vb21mup10v] {
        display: block;
    }

    /*cambios 21/01/2022 Andrea*/
    /*cambios 13/05/2022 Andrea*/
    .sidebar .sidebar-cont .categorias ul .sidebar-dropdown > li > a[b-vb21mup10v],
    .sidebar .sidebar-cont .categorias ul .sidebar-dropdown .has-dropdown .sub[b-vb21mup10v] {
        font-size: 14px;
        padding: 0.3rem 0px 0.3rem 30px;
        display: block;
        border-radius: var(--sidebar-li-border-radius);
        cursor: pointer;
    }

    .sidebar .sidebar-cont .categorias ul .sidebar-dropdown > .has-dropdown > .sidebar-dropdown > li a[b-vb21mup10v] {
        padding-left: 3.5rem;
    }


/* End dropdown menu */

/* SIDEBAR AND NAV-MENU SHOW */

.show-sidebar[b-vb21mup10v] {
    transform: translateX(270px);
    position: fixed;
}

.nav-menu[b-vb21mup10v] {
    position: absolute;
    right: 0;
    transform: translateX(-8px);
    transition: all 0.3s ease-in-out;
}

.nav-menu-show[b-vb21mup10v] {
    /* wtfnigga */
    transform: translateX(-20px);
}

@media (max-width: 767px) {
    .sidebar ul > li[b-vb21mup10v] {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .sidebar .search[b-vb21mup10v] {
        padding: 10px 0 10px 30px;
    }
}


/*-------------------------------*/
/*      SIDEBAR BUSCADOR POR VOZ      */
/*-------------------------------*/
/*.sidebar .search-panel .btn-search {
    top: 5px;
}

.search-panel .search-bar .input {
    padding-right: 53px;
}*/

/* Button styles */

/*.busqueda-voz-cont {
    position: absolute;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    z-index: -1000;
}*/

    .busqueda-voz-cont.active[b-vb21mup10v] {
        position: relative;
        opacity: 1;
        z-index: 1;
    }

.busqueda-voz[b-vb21mup10v] {
    position: relative;
    height: 8em;
}


.card-voice[b-vb21mup10v] {
    height: 100%;
    left: 0;
    position: absolute;
    transition: all 0.3s cubic-bezier(.5, .2, .43, 1.33);
    width: 100%;
    opacity: 0;
    transform: rotateZ(20deg);
    bottom: -100%;
}

    .card-voice.show[b-vb21mup10v] {
        transform: rotateZ(0deg);
        bottom: 5%;
        opacity: 1;
    }

/* .card-voice.hide{
  transform: rotateZ(20deg);
  bottom: -100%;

} */

.close[b-vb21mup10v] {
    color: #aaa;
    cursor: pointer;
    height: 1em;
    opacity: 1;
    position: absolute;
    right: 0.5em;
    top: 0.5em;
    width: 1em;
    z-index: 10;
}



/* ANIMATIONS */

.card-voice.hide[b-vb21mup10v] {
    -webkit-animation: drop-card 5s forwards cubic-bezier(.54, -0.38, .34, 1.42);
    animation: drop-card-b-vb21mup10v .5s forwards cubic-bezier(.54, -0.38, .34, 1.42);
}

/* Animations */

@-webkit-keyframes drop-card {
    100% {
        bottom: -100%;
        transform: rotateZ(20deg);
        opacity: 0;
    }
}

@keyframes drop-card-b-vb21mup10v {
    100% {
        bottom: -100%;
        transform: rotateZ(20deg);
        opacity: 0;
    }
}

@-webkit-keyframes view-card {
    100% {
        bottom: 0;
        transform: rotateZ(0deg);
        opacity: 1;
    }
}

@keyframes view-card-b-vb21mup10v {
    100% {
        bottom: 0;
        transform: rotateZ(0deg);
        opacity: 1;
    }
}


/*  PLAY BUTTON  */
.circle[b-vb21mup10v] {
    width: 100%;
    height: 100%;
    justify-self: center;
    border-radius: 1rem;
    display: grid;
    grid-template-rows: 1fr;
    justify-items: center;
    -webkit-box-align: center;
    align-items: center;
}

.circle__btn[b-vb21mup10v] {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
    width: 4.5rem;
    height: 4.5rem;
    display: -webkit-box;
    display: flex;
    margin: .6rem;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 50%;
    font-size: 3.2rem;
    color: var(--secondary-color);
    z-index: 300;
    background: var(--sidebar-background);
    box-shadow: 0.3rem 0.3rem 0.6rem var(--shadow-drk), -0.2rem -0.2rem 0.5rem var(--shadow-lght);
    cursor: pointer;
    position: relative;
}

    .circle__btn.shadow[b-vb21mup10v] {
        box-shadow: inset 0.2rem 0.2rem 0.5rem var(--shadow-drk), inset -0.2rem -0.2rem 0.5rem var(--shadow-lght);
        background: var(--secondary-color);
        color: var(--sidebar-background);
    }

    .circle__btn .play[b-vb21mup10v] {
        position: absolute;
        opacity: 0;
        -webkit-transition: all .2s linear;
        transition: all .2s linear;
    }

        .circle__btn .play.visibility[b-vb21mup10v] {
            opacity: 1;
        }

    .circle__btn .pause[b-vb21mup10v] {
        position: absolute;
        -webkit-transition: all .2s linear;
        transition: all .2s linear;
    }

        .circle__btn .pause.visibility[b-vb21mup10v] {
            opacity: 0;
        }

.circle__back-1[b-vb21mup10v],
.circle__back-2[b-vb21mup10v] {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    -webkit-filter: blur(1px);
    filter: blur(1px);
    z-index: 100;
}

.circle__back-1[b-vb21mup10v] {
    box-shadow: 0.4rem 0.4rem 0.8rem var(--shadow-drk), -0.4rem -0.4rem 0.8rem var(--shadow-lght);
    background: -webkit-gradient(linear, left top, right bottom, from(var(--shadow-drk)), to(var(--shadow-lght)));
    background: linear-gradient(to bottom right, var(--shadow-drk) 0%, var(--shadow-lght) 100%);
    -webkit-animation: waves 4s linear infinite;
    animation: waves-b-vb21mup10v 4s linear infinite;
}

    .circle__back-1.paused[b-vb21mup10v] {
        -webkit-animation-play-state: paused;
        animation-play-state: paused;
    }

.circle__back-2[b-vb21mup10v] {
    box-shadow: 0.4rem 0.4rem 0.8rem var(--shadow-drk), -0.4rem -0.4rem 0.8rem var(--shadow-lght);
    -webkit-animation: waves 4s linear 2s infinite;
    animation: waves-b-vb21mup10v 4s linear 2s infinite;
}

    .circle__back-2.paused[b-vb21mup10v] {
        -webkit-animation-play-state: paused;
        animation-play-state: paused;
    }


@-webkit-keyframes waves {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
}

@keyframes waves-b-vb21mup10v {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
}

/*-------------------------------*/
/*      SIDEBAR FOOTER MENU      */
/*-------------------------------*/
.sidebar-footer[b-vb21mup10v] {
    position: absolute;
    width: 100%;
    bottom: 0;
    display: flex;
    height: 6%;
    background: var(--sidebar-footer-background);
    border-radius: var(--sidebar-li-border-radius);
    z-index: 1;
}

@media (max-height: 600px) {
    .sidebar-footer[b-vb21mup10v] {
        height: 7%;
    }

    .sign-out-panel[b-vb21mup10v] {
        bottom: 6%;
    }
}

@media (max-height: 625px) {

    .card-formulario[b-vb21mup10v],
    .form-container[b-vb21mup10v],
    .cont-planeacion[b-vb21mup10v] {
        overflow-y: scroll !important;
    }

    /* .cont-formulario {
    padding-right: 8px;
  } */
    .cont-accion-menu[b-vb21mup10v] {
        width: 150px;
    }

        .cont-accion-menu.large[b-vb21mup10v] {
            overflow-y: scroll;
        }
}

.footer-opcion[b-vb21mup10v] {
    flex-grow: 1;
    text-align: center;
    height: 100%;
    width: 50px;
    line-height: 40px;
    position: relative;
    z-index: 1;
}

.sidebar-footer .footer-opcion > a[b-vb21mup10v] {
    /* flex-grow: 1;
  text-align: center;
  height: 100%;
  width: 50px;
  line-height: 40px;
  position: relative; */
    color: var(--text-color);
    width: 100% !important;
    height: 100%;
}

.sidebar-footer .footer-opcion button[b-vb21mup10v] {
    line-height: 10px;
    border-radius: 6px;
    width: 90%;
    height: 80%;
    color: var(--text-color);
    background: transparent;
    border: none;
    font-size: 18px;
}

    .sidebar-footer .footer-opcion button:focus[b-vb21mup10v] {
        outline: 3px solid var(--secondary-color);
    }

/* .sidebar-footer .footer-opcion > a:hover {

} */
.sidebar-footer > a > i[b-vb21mup10v] {
    width: 100%;
    height: 100%;
}

.sidebar-footer > a .notification[b-vb21mup10v] {
    position: absolute;
    top: 0;
}



/*TOOLTIPS*/
.tooltip[b-vb21mup10v] {
    position: absolute;
    top: 0;
    font-size: 14px;
    background-color: #ffffff;
    color: #ffffff;
    padding: 5px 8px;
    border-radius: 5px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    opacity: 0;
    text-align: center;
    pointer-events: none;
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    z-index: 1000;
}

    .tooltip[b-vb21mup10v]::before {
        position: absolute;
        content: "";
        height: 8px;
        width: 8px;
        background-color: #ffffff;
        bottom: -5px;
        left: 50%;
        transform: translate(-50%) rotate(45deg);
        transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        z-index: 1001;
    }

.footer-opcion:hover .tooltip[b-vb21mup10v] {
    top: -45px;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/****ORIENTACIÓN DE TOOLTIPS PERSONALIZADA POR CADA OPCIÓN******/
.sidebar-footer .footer-opcion:nth-child(1):hover .tooltip[b-vb21mup10v],
.sidebar-footer .footer-opcion:nth-child(4):hover .tooltip[b-vb21mup10v] {
    top: -60px;
}

.sidebar-footer .footer-opcion:nth-child(3):hover .tooltip[b-vb21mup10v] {
    transform: translateX(-20%);
}

/****BORDE REDONDEADO EN ESQUINA INFERIOR IZQUIERDA DEL PRIMER CONTENEDOR****/
.footer-opcion:nth-child(1)[b-vb21mup10v] {
    border-radius: var(--sidebar-li-border-radius);
}

.footer-opcion:hover a[b-vb21mup10v],
.footer-opcion:hover .tooltip[b-vb21mup10v] {
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
}

    .footer-opcion:hover .tooltip[b-vb21mup10v],
    .footer-opcion:hover .tooltip[b-vb21mup10v]::before {
        background-color: var(--sidebar-tooltip-background);
        color: var(--text-color);
    }

.indicator[b-vb21mup10v] {
    position: absolute;
    height: 100%;
    width: 62px;
    background: transparent;
    line-height: 40px;
    border-radius: 10px;
    transition: 0.5s;
}

.footer-opcion:nth-child(1):hover ~ .indicator[b-vb21mup10v] {
    background: #f53b57ab;
    box-shadow: 0px -2px 25px #f53b5799;
    transform: translateX(calc(62px * 0));
}

.footer-opcion:nth-child(2):hover ~ .indicator[b-vb21mup10v] {
    background: #ea03ffab;
    box-shadow: 0px -2px 25px #ea03ff99;
    transform: translateX(calc(62px * 1));
}

.footer-opcion:nth-child(3):hover ~ .indicator[b-vb21mup10v] {
    background: #4047ffab;
    box-shadow: 0px -2px 25px #4047ff99;
    transform: translateX(calc(62px * 2));
}

.footer-opcion:nth-child(4):hover ~ .indicator[b-vb21mup10v] {
    transform: translateX(calc(62px * 3));
    background: #0fac50b8;
    box-shadow: 0px -2px 25px #0fac5099;
}


.sign-out-panel[b-vb21mup10v] {
    position: absolute;
    width: 100%;
    bottom: 0;
    display: flex;
    height: 23%;
    background-color: var(--sidebar-footer-background);
    z-index: 2;
    border-radius: var(--sidebar-li-border-radius);
    font-size: 14px;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
}

    .sign-out-panel label[b-vb21mup10v] {
        color: var(--primary-color);
        font-weight: bold;
    }

    .sign-out-panel.active[b-vb21mup10v] {
        transform: translateX(0);
    }

/*-------------------------------*/
/*      CERAR SESIÓN BOTÓN       */
/*-------------------------------*/

.sign-out[b-vb21mup10v] {
    position: relative;
    width: 100%;
    height: 40px;
    text-align: center;
}

.sign-out-button[b-vb21mup10v] {
/*    color: var(--button-sign-out-color);
*/    
    font-size: 14px;
    font-weight: 700;
}



.dropdown-menu[b-vb21mup10v] {
    position: absolute;
    top: auto;
    margin: 5px;
    bottom: 100%; /* Para que aparezca arriba */
    right: 10px; /* Ajusta este valor según tu diseño */
    background-color: var(--theme-background);
    border-radius: 10px;
    font-size: 15px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); /* Sombra solo en la parte derecha e inferior */
    z-index: 9999; /* Ajusta este valor para que esté por encima de todo */
    overflow-wrap: break-word;
}

.opcion-1[b-vb21mup10v], .opcion-2[b-vb21mup10v], .opcion-3[b-vb21mup10v], .opcion-4[b-vb21mup10v], .opcion-5[b-vb21mup10v] {
    color: var(--text-color);
    overflow-wrap: break-word;
    border-radius: var(--card-border-radius);
    cursor: pointer;
}

    .opcion-1:hover[b-vb21mup10v] {
        padding: 5px;
        background: var(--sidebarc1-li-background) !important;
    }

    .opcion-2:hover[b-vb21mup10v] {
        padding: 5px;
        background: var(--sidebarc2-li-background) !important;
    }
    
    .opcion-3:hover[b-vb21mup10v] {
        padding: 5px;
        background: var(--sidebarc3-li-background) !important;
    }

    .opcion-4:hover[b-vb21mup10v] {
        padding: 5px;
        background: var(--sidebarc4-li-background) !important;
    }

    .opcion-5:hover[b-vb21mup10v] {
        padding: 5px;
        background: var(--sidebarc5-li-background) !important;
    }

.dropdown-item[b-vb21mup10v] {
    margin: 0px 0;
    background: var(--theme-background) !important;
}


.hidden-opc[b-vb21mup10v]{
    opacity: .4;
}


/* /Shared/Consulta/CardConsulta.razor.rz.scp.css */



/*CARD DE CONSULTA*/
.card-titulo[b-mbk5ryc12w] {
    font-size: 25px;
    font-weight: bold;
    font-family: "Poppins", sans-serif;
    color: white;
    text-align: center;
}


.card-front__text[b-mbk5ryc12w] {
    font-weight: bold;
    font-family: "Poppins", sans-serif;
    color: white;
    font-size: 20px;
}


.card-area[b-mbk5ryc12w] {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: space-evenly;
    padding: 1rem;
}

.card-section[b-mbk5ryc12w] {
    overflow: hidden;
    align-items: center;
    display: flex;
    height: 80vh;
    justify-content: center;
    width: 100%;
}


.card__consulta[b-mbk5ryc12w] {
    background-color: rgba(0,0,0, .05);
    box-shadow: -.1rem 1.7rem 6.6rem -3.2rem rgba(0,0,0,0.5);
    height: 95%;
    position: relative;
    transition: all 1s ease;
    border: 1px solid #ffffff00;
    width: 35vw;
}

.flip-card[b-mbk5ryc12w] {
    height: 85vh;
    perspective: 100rem;
    position: absolute;
    right: 0;
    transition: all 1s ease;
    visibility: hidden;
    width: 35vw;
    z-index: 100;
}

.flip-card > *[b-mbk5ryc12w] {
    visibility: visible;
}

.flip-card__container[b-mbk5ryc12w] {
    height: 100%;
    position: absolute;
    right: 0;
    transform-origin: left;
    transform-style: preserve-3d;
    transition: all 1s ease;
    width: 100%;
}

.card-front[b-mbk5ryc12w],
.card-back-Consulta[b-mbk5ryc12w] {
    backface-visibility: hidden;
    height: 89.15%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.card-front[b-mbk5ryc12w] {
    height: 75vh;
    width: 35vw;
    border: 1px solid #fafbfa05;
}

.card-front__tp[b-mbk5ryc12w] {
    align-items: center;
    clip-path: polygon(0 0, 100% 0, 100% 90%, 57% 90%, 50% 100%, 43% 90%, 0 90%);
    display: flex;
    flex-direction: column;
    height: 80%;
    justify-content: center;
    padding: .75rem;
}

.card-front__bt[b-mbk5ryc12w] {
    margin-top:10px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.card-back-Consulta[b-mbk5ryc12w] {
    transform: rotateY(180deg);
    z-index: -100;
}


.inside-page_Consulta[b-mbk5ryc12w] {
    height: 100%;
    padding: 1rem;
    position: absolute;
    right: 0;
    transition: all 1s ease;
    width: 35vw;
    z-index: 1;
}

.inside-page__container[b-mbk5ryc12w] {
    padding: 0 50px 95px 50px;
    align-items: center;
    flex-direction: column;
    height: 95%;
    /*text-align: center;*/
    width: 100%;
}

/*.body {
    background: #E4EBF6;
}*/

.icon-container[b-mbk5ryc12w] {
    display: inline-block;
    border: 5px solid #e7eaf5;
    border-radius: 50%;
    padding: 30px;
}

.third-card[b-mbk5ryc12w] {
    position: relative;
    margin-top: 4rem;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 100;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1s ease, transform 1s ease;
}

.third-card .dataTables_wrapper[b-mbk5ryc12w] {
    width: 90% !important;
}

.third-card.animated[b-mbk5ryc12w] {
    opacity: 1;
    transform: translateY(0);
}

.card-open[b-mbk5ryc12w] {
    box-shadow: -.1rem 1.7rem 6.6rem -3.2rem rgba(0,0,0,0.75);
    border: 1px solid #fafbfa05;
    width: 70vw;
}

.card__consulta.card-open .flip-card__container[b-mbk5ryc12w] {
    transform: rotateY(-180deg);
}



/*Colores*/
/*morado1*/
.card1_front[b-mbk5ryc12w] {
    background: var(--card1_front);
    /* background: linear-gradient(122deg, #5888be 0%, #546bbd 50%, #7386c8 100%);*/
}
.card1_back[b-mbk5ryc12w] {
    /*background: linear-gradient(232deg, rgb(207 228 255 / 26%) 0%, rgb(198 207 224) 50%, rgb(111 135 211 / 45%) 100%);*/
    background: var(--card1_back);
}

.card1_inside[b-mbk5ryc12w] {
    /*background: linear-gradient(117deg, rgb(207 228 255 / 26%) 0%, rgb(198 207 224) 50%, rgb(111 135 211 / 45%) 100%);*/
    background: var(--card1_inside);
}

/*azul*/
.card2_front[b-mbk5ryc12w] 
{
   /* background: linear-gradient(122deg, rgb(159 209 236)0%, rgb(64 172 206) 50%, rgb(102 179 204) 100%);*/
   background: var(--card2_front);
}

.card2_back[b-mbk5ryc12w] 
{
    /*background: linear-gradient(44deg, #7db6e694 0%, #a4c8e7d3 50%, #eef4ff33 100%);*/
    background: var(--card2_back);
}

.card2_inside[b-mbk5ryc12w] 
{
    /*background: linear-gradient(44deg, #7db6e694 0%, #a4c8e7d3 50%, #eef4ff33 100%);*/
    background: var(--card2_inside);
}

/*verde*/
.card3_front[b-mbk5ryc12w] {
    /*background: linear-gradient(122deg, #89d4cd 1%, #27a599e0 50%, #4DB6AC 100%);*/
    background: var(--card3_front);
}

.card3_back[b-mbk5ryc12w] {
    /*background: linear-gradient(262deg, #bcdddc8c 0%, #b6d6d4b0 50%, #96cad3 100%);*/
    background: var(--card3_back);
}

.card3_inside[b-mbk5ryc12w] {
    /*background: linear-gradient(82deg, #bcdddc8c 0%, #b6d6d4b0 50%, #96cad3 100%);*/
    background: var(--card3_inside);
}

/*morado2*/
.card4_front[b-mbk5ryc12w] {
    /*background: linear-gradient(122deg, #5e35b157 0%, rgb(154 144 199) 50%, #825ac291 100%);*/
    background: var(--card4_front);
}

.card4_back[b-mbk5ryc12w] {
    /*background: linear-gradient(88deg, #ac93ea52 0%, #d3cfdd69 50%, #c9c0de5c 100%);*/
    background: var(--card4_back);
}

.card4_inside[b-mbk5ryc12w] {
    /*background: linear-gradient(267deg, #ac93ea52 0%, #d3cfdd69 50%, #c9c0de5c 100%);*/
    background: var(--card4_inside);
}


.card-section.Parcal .card-open[b-mbk5ryc12w] {
    width: 80vw;
}

.card-section.Parcal .flip-card[b-mbk5ryc12w] {
    width: 40vw;
}

.card-section.Parcal .inside-page_Consulta[b-mbk5ryc12w]
{
    width: 40vw;
}

.card-section.Parcal .card_front .card-front__tp.card1_front[b-mbk5ryc12w] {
    width: 40vw;
}

/*Naranja*/
.card5_front[b-mbk5ryc12w] {
    background: linear-gradient(122deg, rgb(255, 165, 0, 0.10) 0%, rgb(254, 167, 61, 0.30) 50%, rgb(253, 132, 88, 0.30) 100%);
    /*background: var(--card3_front);*/
}

.card5_back[b-mbk5ryc12w] {
    background: linear-gradient(267deg, rgb(255, 165, 0, 0.05) 0%, rgb(249, 178, 92, 0.23) 50%, rgb(248, 134, 56, 0.30) 100%);
    /*background: var(--card3_front);*/
    /* background: var(--card3_back);*/
}

.card5_inside[b-mbk5ryc12w] {
    background: linear-gradient(88deg, rgb(255, 165, 0, 0.05) 0%, rgb(249, 178, 92, 0.23) 50%, rgb(248, 134, 56, 0.30) 100%);
    /*background: var(--card3_inside);*/
}


.body.dark-theme .card__consulta button[b-mbk5ryc12w] {
    box-shadow: none !important;
}
/* /Shared/Consulta/Consulta_Colaborador.razor.rz.scp.css */
.bi-dash-circle-fill[b-ckxnjs3zdk],
.bi-check-circle-fill[b-ckxnjs3zdk] {
    font-size: 13.3px;
}

.bi-dash-circle-fill[b-ckxnjs3zdk] {
    color: #D32F2F !important;
}

.bi-check-circle-fill[b-ckxnjs3zdk] {
    color: #388E3C !important;
}
/* /Shared/Consulta/Consulta_Empresa.razor.rz.scp.css */
.bi-dash-circle-fill[b-djcwt0igc3],
.bi-check-circle-fill[b-djcwt0igc3] {
    font-size: 13.3px;
}

.bi-dash-circle-fill[b-djcwt0igc3] {
    color: #D32F2F!important;
}

.bi-check-circle-fill[b-djcwt0igc3] {
    color: #388E3C!important;
}
/* /Shared/Layout/AccessLayout.razor.rz.scp.css */
.body[b-k4mr6im6jz] {
    background: var(--theme-background);
    /* PONER TEXT ALIGN EN CADA MÓDULO INDEPENDIENTE */
    font-family: var(--font-Roboto);
    height: 100%;
    color: var(--text-color);
    overflow: hidden;
    transition: .2s background linear;
}
/* /Shared/Layout/MainLayout.razor.rz.scp.css */

.body[b-ppj4haj1p4] {
    background: var(--theme-background);
    /* PONER TEXT ALIGN EN CADA MÓDULO INDEPENDIENTE */
    font-family: var(--font-Roboto);
    height: 100%;
    color: var(--text-color);
    overflow: hidden;
    transition: .2s background linear;
}
/*BotButton*/
.botButton[b-ppj4haj1p4] {
    border-radius: 50%;
    position: fixed;
    bottom: 0;
    right: 50%;
    margin-bottom: 5px;
    background: var(--primary-color);
    width: 50px;
    height: 50px;
    padding: 6px;
    display: flex;<
    align-items: center;
    justify-content: center;
    z-index: 5;
}
.botButton a[b-ppj4haj1p4]{
    border-radius: 50%;
    color: var(--white-color);
    width: 50px;
    height: 50px;
    font-size: 30px;
    padding: 6px;
}
/*-------------------------------*/
/*   TOOLTIPS SECUNDADRIOS        */
/*-------------------------------*/
/* START TOOLTIP STYLES */
[b-ppj4haj1p4] [tooltip] {
    position: absolute;
}

    [b-ppj4haj1p4] [tooltip][flow^="right-hm"] {
        position: absolute;
        /* opinion 1 */
    }

    [b-ppj4haj1p4] [tooltip][flow^="right-ac"],
    [b-ppj4haj1p4] [tooltip][flow^="left-ac"],
    [b-ppj4haj1p4] [tooltip].relat {
        position: relative;
        /* opinion 1 */
    }


    /* Applies to all tooltips */
    [b-ppj4haj1p4] [tooltip]::before,
    [b-ppj4haj1p4] [tooltip]::after {
        text-transform: none;
        /* opinion 2 */
        font-size: 14px;
        /* opinion 3 */
        line-height: 1;
        user-select: none;
        pointer-events: none;
        position: absolute;
        display: none;
        opacity: 0;
    }

    [b-ppj4haj1p4] [tooltip].tooltip-sm::before,
    [b-ppj4haj1p4] [tooltip].tooltip-sm::after {
        font-size: 10px;
    }

    [b-ppj4haj1p4] [tooltip]::before {
        content: "";
        border: 5px solid transparent;
        /* opinion 4 */
        z-index: 1001;
        /* absurdity 1 */
    }

    [b-ppj4haj1p4] [tooltip]::after {
        content: attr(tooltip);
        /* magic! */
        /* most of the rest of this is opinion */
        text-align: center;
        /*
    Let the content set the size of the tooltips
    but this will also keep them from being obnoxious
    */
        min-width: 3em;
        max-width: 30m;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 1ch 1.5ch;
        border-radius: 0.3ch;
        box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
        background: var(--sidebar-tooltip-background);
        color: var(--text-color);
    }

    /* Make the tooltips respond to hover */
    [b-ppj4haj1p4] [tooltip]:hover::before,
    [b-ppj4haj1p4] [tooltip]:hover::after {
        display: block;
    }

/* don't show empty tooltips */
[b-ppj4haj1p4] [tooltip=""]::before,
[b-ppj4haj1p4] [tooltip=""]::after {
    display: none !important;
}
, 
[b-ppj4haj1p4] [tooltip]:not([flow])::before,
[b-ppj4haj1p4] [tooltip][flow^="up"]::before {
    bottom: 125%;
    border-bottom-width: 0;
    border-top-color: var(--sidebar-tooltip-background);
}

[b-ppj4haj1p4] [tooltip]:not([flow])::after,
[b-ppj4haj1p4] [tooltip][flow^="up"]::after {
    bottom: calc(100% + 15px);
}

[b-ppj4haj1p4] [tooltip]:not([flow])::before,
[b-ppj4haj1p4] [tooltip]:not([flow])::after,
[b-ppj4haj1p4] [tooltip][flow^="up"]::before,
[b-ppj4haj1p4] [tooltip][flow^="up"]::after {
    left: 50%;
    transform: translate(-50%, -0.5em);
}

/* FLOW: DOWN */
[b-ppj4haj1p4] [tooltip][flow^="down"]::before {
    top: 100%;
    border-top-width: 0;
    border-bottom-color: var(--sidebar-tooltip-background);
}

[b-ppj4haj1p4] [tooltip][flow^="down"]::after {
    top: calc(100% + 5px);
}

[b-ppj4haj1p4] [tooltip][flow^="down"]::before,
[b-ppj4haj1p4] [tooltip][flow^="down"]::after {
    left: 50%;
    transform: translate(-50%, 0.5em);
}

/* FLOW: LEFT */
[b-ppj4haj1p4] [tooltip][flow^="left"]::before {
    top: 50%;
    border-right-width: 0;
    border-left-color: var(--sidebar-tooltip-background);
    left: calc(0em - 5px);
    transform: translate(-0.5em, -50%);
}

[b-ppj4haj1p4] [tooltip][flow^="left"]::after {
    top: 50%;
    right: calc(100% + 5px);
    transform: translate(-0.5em, -50%);
}

/* FLOW: RIGHT */
[b-ppj4haj1p4] [tooltip][flow^="right"]::before {
    top: 50%;
    border-left-width: 0;
    border-right-color: var(--sidebar-tooltip-background);
    right: calc(0em - 5px);
    transform: translate(0.5em, -50%);
    position: absolute;
    z-index: 12000;
}

[b-ppj4haj1p4] [tooltip][flow^="right"]::after {
    top: 50%;
    left: calc(100% + 5px);
    transform: translate(0.5em, -50%);
}

[b-ppj4haj1p4] [tooltip][flow^="right-hm"]::before {
    top: 50%;
    border-left-width: 0;
    border-right-color: var(--sidebar-tooltip-background);
    right: calc(0em - 30px);
    transform: translate(0.5em, -50%);
}

[b-ppj4haj1p4] [tooltip][flow^="right-hm"]::after {
    top: 50%;
    left: calc(100% + 30px);
    transform: translate(0.5em, -50%);
    direction: ltr;
}

[b-ppj4haj1p4] [tooltip][flow^="right-ac"]::before {
    top: 5%;
    border-left-width: 0;
    border-right-color: var(--sidebar-tooltip-background);
    right: calc(0em - 5px);
    transform: translate(0.5em, -50%);
    position: absolute;
}

[b-ppj4haj1p4] [tooltip][flow^="right-ac"]::after {
    top: 5%;
    left: calc(100% + 5px);
    transform: translate(0.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert-b-ppj4haj1p4 {
    to {
        opacity: 0.9;
        transform: translate(-50%, 0);
    }
}

@keyframes tooltips-horz-b-ppj4haj1p4 {
    to {
        opacity: 0.9;
        transform: translate(0, -50%);
    }
}

/* FX All The Things */
[b-ppj4haj1p4] [tooltip]:not([flow]):hover::before,
[b-ppj4haj1p4] [tooltip]:not([flow]):hover::after,
[b-ppj4haj1p4] [tooltip][flow^="up"]:hover::before,
[b-ppj4haj1p4] [tooltip][flow^="up"]:hover::after,
[b-ppj4haj1p4] [tooltip][flow^="down"]:hover::before,
[b-ppj4haj1p4] [tooltip][flow^="down"]:hover::after {
    animation: tooltips-vert-b-ppj4haj1p4 300ms ease-out forwards;
}

[b-ppj4haj1p4] [tooltip][flow^="left"]:hover::before,
[b-ppj4haj1p4] [tooltip][flow^="left"]:hover::after,
[b-ppj4haj1p4] [tooltip][flow^="right"]:hover::before,
[b-ppj4haj1p4] [tooltip][flow^="right"]:hover::after,
[b-ppj4haj1p4] [tooltip][flow^="right-hm"]:hover::before,
[b-ppj4haj1p4] [tooltip][flow^="right-hm"]:hover::after,
[b-ppj4haj1p4] [tooltip][flow^="right-ac"]:hover::before,
[b-ppj4haj1p4] [tooltip][flow^="right-ac"]:hover::after {
    animation: tooltips-horz-b-ppj4haj1p4 300ms ease-out forwards;
}


[b-ppj4haj1p4] .item-rep.generando-rep [tooltip][flow^="left"]::before,
[b-ppj4haj1p4] .item-rep.generando-rep [tooltip][flow^="left"]::after,
[b-ppj4haj1p4] [tooltip].estatico.relat[flow^="left"]::before,
[b-ppj4haj1p4] [tooltip].estatico.relat[flow^="left"]::after,
[b-ppj4haj1p4] [tooltip].estatico.relat[flow^="right"]::before,
[b-ppj4haj1p4] [tooltip].estatico.relat[flow^="right"]::after,
[b-ppj4haj1p4] [tooltip].estatico.relat[flow^="up"]::before,
[b-ppj4haj1p4] [tooltip].estatico.relat[flow^="up"]::after,
[b-ppj4haj1p4] [tooltip].estatico.relat[flow^="down"]::before,
[b-ppj4haj1p4] [tooltip].estatico.relat[flow^="down"]::after
{
    display: block !important;
    opacity: 0.9;
    transform: translate(0, -50%);
    pointer-events: none;
}

/*---------------------*/
/*      SADPER         */
/*---------------------*/
.titulo-sadper[b-ppj4haj1p4] {
    font-family: var(--font-Poppins);
    font-weight: 700;
    font-size: var(--font-sm);
    animation: fluido 5s ease-in-out infinite;
    background: var(--tittle-gradient-color);
    background-size: 200%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    cursor: pointer;
}

.nav-item[b-ppj4haj1p4]  .theme {
    margin: 23px 115px 0px 0px;
    position: relative;
    top: 0;
    right: 0;
    margin: 0px 15px 0 30px;
}
/*-------------------------------*/
/*             NAVBAR            */
/*-------------------------------*/
#navbarMain[b-ppj4haj1p4] {
    position: sticky;
    top: 0;
    margin-bottom: 5px;
    background: #E4EBF6;
    height: 46px;
    z-index: 10;
}

.body.dark-theme #navbarMain[b-ppj4haj1p4] {
    background: #0a192f;
}

    #navbarMain.hidden[b-ppj4haj1p4] {
        display: none;
    }

    #navbarMain .dropdown-menu[b-ppj4haj1p4] {
        right: auto;
        left: 0;
    }

/*VERSION*/
.version-info[b-ppj4haj1p4] {
    opacity: 0.5;
    font-size: 12px;
    padding-top: 2px;
    font-family: var(--font-Roboto);
}

/**BARRA DE BÚSQUEDA*/

/*------------------------------------*/
/*    Panel de búsqueda SIDEBAR       */
/*------------------------------------*/
#navbarMain .search-bar[b-ppj4haj1p4] {
    position: relative;
}

#navbarMain .btn-remove-search[b-ppj4haj1p4],
#navbarMain .btn-search-voice[b-ppj4haj1p4] {
    position: absolute;
    width: 24px;
    border: none;
    background: transparent;
    box-shadow: none;
    color: var(--text-color);
    top: 30%;
    z-index: 1;
    transition: all .3s ease;
}

#navbarMain .btn-search-voice[b-ppj4haj1p4] {
    left: calc(100% - 30px);
    font-size: 15px;
    line-height: 1.7;
    opacity: 1;
}

#navbarMain .btn-search[b-ppj4haj1p4] {
    color: var(--text-color);
    font-size: 16px;
    border: none;
    color: var(--text-color-lght)
}

/*cambios Andrea 15/02/2022*/
#navbarMain .btn-remove-search[b-ppj4haj1p4] {
    left: calc(100% - 53px);
    font-size: 20px;
    line-height: 0;
    /*    opacity: 0;
*/ border-right: 1px solid var(--text-color-lght)
}

    #navbarMain .btn-remove-search.active[b-ppj4haj1p4] {
        opacity: 1;
    }

#navbarMain .btn-search-voice.active[b-ppj4haj1p4] {
    opacity: 0;
}

#navbarMain .btn-search:focus[b-ppj4haj1p4],
#navbarMain .btn-remove-search:focus[b-ppj4haj1p4],
#navbarMain .btn-search-voice:focus[b-ppj4haj1p4] {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    line-height: none;
    box-shadow: none;
    outline: none;
    box-shadow: none;
    border: none;
}


#navbarMain .navbar-nav.nav-menu li.search-bar .icon-search[b-ppj4haj1p4] {
    position: absolute;
    display: flex;
    left: 0;
    height: 28px;
    padding: .5rem;
    align-items: center;
}

#navbarMain .navbar-nav.nav-menu li.search-bar input[b-ppj4haj1p4] {
    padding: 0 50px 0 30px;
    outline: none;
    border: none;
    font-size: 12px;
    background: var(--navbar-buscador-background);
    color: var(--text-color);
    border-radius: var(--input-soft-border-radius);
    width: 12rem;
    transition: width 0.25s ease-out
}
    /*    #navbarMain .navbar-nav.nav-menu li.search-bar input:focus{
        width: 25rem;
    }
*/ #navbarMain .navbar-nav.nav-menu li.search-bar input:focus[b-ppj4haj1p4] {
        box-shadow: var(--input-shadow);
    }

#navbarMain .navbar-nav.nav-menu li.nav-item:nth-child(2)[b-ppj4haj1p4] {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0px;
    cursor: pointer;
}

#navbarMain .navbar-nav.nav-menu li.nav-item:nth-child(3)[b-ppj4haj1p4] {
    color: var(--navbar-icon-color);
    display: flex;
    align-items: center;
    padding: 0px;
    cursor: pointer;
    font-size: 28px;
}

#navbarMain .navbar-nav > li li.nav-item:nth-child(3) > i[b-ppj4haj1p4] {
    /*        height: 20px;
        width: 20px;
*/
}

#navbarMain .navbar-nav > li.nav-item:nth-child(3):hover[b-ppj4haj1p4] {
    color: var(--primary-color);
}

#navbarMain .navbar-brand[b-ppj4haj1p4] {
    line-height: 55px;
    padding: 0;
}

    #navbarMain .navbar-brand:focus[b-ppj4haj1p4],
    #navbarMain .navbar-brand:hover[b-ppj4haj1p4] {
        color: #fff;
    }

#navbarMain > .container .navbar-brand[b-ppj4haj1p4],
#navbarMain > .container-fluid .navbar-brand[b-ppj4haj1p4] {
    margin: 0;
}

@media (max-width: 767px) {
    #navbarMain > .container-fluid .navbar-brand[b-ppj4haj1p4] {
        margin-left: 15px;
    }

    #navbarMain .navbar-nav > li > a[b-ppj4haj1p4] {
        padding-right: 0;
    }

    .navbar-nav[b-ppj4haj1p4] {
        margin: 0;
    }

    #navbarMain .navbar-form[b-ppj4haj1p4] {
        border: none;
    }
}

#navbarMain .navbar-nav > li > a[b-ppj4haj1p4] {
    float: right;
}

.dropdown-menu > li > a[b-ppj4haj1p4] {
    padding-top: 5px;
    padding-right: 5px;
}

#navbarMain .navbar-nav > li > a > i[b-ppj4haj1p4] {
    font-size: 18px;
}

#toggle-navbar[b-ppj4haj1p4] {
    width: 20%;
    height: 50px;
}


/*BUSCADOR*/
/*#navbarMain .field
*/
/* Start media query */

@media (max-width: 767px) {
    #wrapper[b-ppj4haj1p4] {
        margin: 0;
    }

    #navbarMain .navbar-toggle[b-ppj4haj1p4] {
        border: none;
        color: #eee;
        font-size: 18px;
    }
}


/*-------------------------------*/
/*            CONTENIDO          */
/*-------------------------------*/
#wrapper[b-ppj4haj1p4] {
    /* MARGEN MENU PRINCIPAL */
    margin-right: var(--sidebar-width);
    transition: margin-right 0.3s ease-in-out;
    /**/ /**/ /* MARGENMENU TAB */
    /*    overflow-x: hidden;
*/
}

    #wrapper.fullwidth-right[b-ppj4haj1p4] {
        margin-right: 0;
    }



/*********FORM CONTROLS**********/
/*para evitar que los label tengan cursor y realicen eventos clic*/
/*::deep .form-container .col-form-label {
    cursor: default !important;
    pointer-events: none;
}*/
/*estilos para cajas de texto, selects*/
/*::deep .form-control-sdpr {
    padding: 0 3px 0 3px !important;
    background: var( --input-background);
    box-shadow: var(--input-glass-shadow);
    border: var( --input-border);
    border-radius: var( --input-border-radius);
    color: var(--text-color);
    transition: border 0.2s ease-in-out;
    font-size: 12px;
    margin: 0px;
}



::deep .form-control-sdpr,
::deep .form-select-sdpr,
::deep .input-file input[type="file"] {
    min-height: calc(1.5em + 0.4rem + 1px);
}

::deep .form-select-sdpr {
    background: var( --input-background);
    box-shadow: var(--input-glass-shadow);
    border: var( --input-border);
    border-radius: var( --input-border-radius);
    color: var(--text-color);
    transition: border 0.2s ease-in-out;
    font-size: 12px;
    width: 100%;
    padding: 0 2px 0 2px !important;
}

    ::deep .form-select-sdpr option {
        background-color: var(--dash-card-background);
    }


::deep .form-control-sdpr:focus {
    background: var(--background-elements);
    box-shadow: none;
    border-bottom: var(--input-focus-border-bottom);
    outline: none;
}

::deep .form-select-sdpr:focus,
::deep .form-select-sdpr:checked {
    background-color: var(--background-theme);
    box-shadow: none;
    border-bottom: var( --input-focus-border-bottom);
    color: var(--text-color);
    outline: none;*/
}
/*checks y radios*/
[b-ppj4haj1p4] .form-check-input {
    border: 1px solid var(--input-color);
}

    [b-ppj4haj1p4] .form-check-input:focus {
        border-color: var(--input-color);
        box-shadow: 0 0 0 0.25rem rgb(74 170 214 / 25%);
    }

    [b-ppj4haj1p4] .form-check-input:checked {
        background-color: var(--input-color);
        border-color: var(--input-color);
    }

        [b-ppj4haj1p4] .form-check-input:checked ~ .form-check-label {
            border-bottom: 2px solid var(--input-color);
        }



/*Campos obligatorios*/

[b-ppj4haj1p4] .form-control-sdpr.required-info /*, .form-control-date.required-info*/, [b-ppj4haj1p4] .form-select-sdpr.required-info {
    border-bottom: var( --input-required-border-bottom);
}

    [b-ppj4haj1p4] .form-control-sdpr.required-info:focus,
    [b-ppj4haj1p4] .form-control-sdpr.required-info:focus,
    [b-ppj4haj1p4] .form-select-sdpr.required-info:focus {
        border: var(--input-required-border);
        border-bottom: 3px solid var(--input-required-color);
    }

[b-ppj4haj1p4] .form-check-input.required-info {
    border: var(--input-required-border);
}

    [b-ppj4haj1p4] .form-check-input.required-info:focus {
        border-color: var(--input-required-color);
        box-shadow: 0 0 0 0.25rem rgb(233 32 99 / 25%);
    }

    [b-ppj4haj1p4] .form-check-input.required-info:checked {
        background-color: var(--input-required-color);
        border-color: var(--input-required-color);
    }
/*checks y radios*/
[b-ppj4haj1p4] .form-check-input.required-info {
    border: 1px solid var(--input-required-color);
}

    [b-ppj4haj1p4] .form-check-input.required-info:focus {
        border-color: var(--input-required-color);
        box-shadow: 0 0 0 0.25rem rgb(246 247 156 / 25%);
    }

    [b-ppj4haj1p4] .form-check-input.required-info:checked {
        background-color: var(--input-required-color);
        border-color: var(--input-required-color);
    }

        [b-ppj4haj1p4] .form-check-input.required-info:checked ~ .form-check-label {
            border-bottom: 2px solid var(--input-required-color);
        }

/*checks y radios danger*/
[b-ppj4haj1p4] .form-check-input.danger-info {
    border: 1px solid var(--input-danger-color);
}

    [b-ppj4haj1p4] .form-check-input.danger-info:focus {
        border-color: var(--input-danger-color);
        box-shadow: 0 0 0 0.25rem rgb(246 247 156 / 25%);
    }

[b-ppj4haj1p4] .form-check-input.danger.info:checked {
    background-color: var(--input-danger-color);
    border-color: var(--input-danger-color);
}

[b-ppj4haj1p4] .form-check-input.danger-info:not(:checked) ~ .form-check-label {
    border-bottom: 2px solid var(--input-danger-color);
}

.body.dark-theme[b-ppj4haj1p4]  .form-check-input.required-info:checked[type=radio] {
    background-image: url("../img/radio-dk.png");
}

.body.dark-theme[b-ppj4haj1p4]  .form-check-input.required-info:checked[type=checkbox] {
    background-image: url("../img/check-dk-3.png");
}


/*campos que no se modifican*/

[b-ppj4haj1p4] .form-control-sdpr.disabled-info, [b-ppj4haj1p4] .form-select-sdpr.disabled-info {
    border: var(--input-disabled-border);
    background: var(--input-disabled-background);
    /* pointer-events: none; */
    cursor: not-allowed;
}

[b-ppj4haj1p4] .form-check-input.disabled-info:focus {
    border-color: var(--input-disabled-color);
    box-shadow: 0 0 0 0.25rem var(--input-disabled-color);
}

[b-ppj4haj1p4] .form-check-input.disabled-info {
    border: 1px solid var(--input-disabled-color);
}

    [b-ppj4haj1p4] .form-check-input.disabled-info:checked {
        background-color: var(--input-disabled-color);
        border-color: var(--input-disabled-color);
    }

        [b-ppj4haj1p4] .form-check-input.disabled-info:checked ~ .form-check-label {
            border-bottom: 2px solid var(--input-disabled-color);
        }



[b-ppj4haj1p4] .col-form-label:hover {
    background: transparent !important;
}

[b-ppj4haj1p4] .col-form-label,
[b-ppj4haj1p4] .form-check-label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

[b-ppj4haj1p4] .titulo-seccion {
    cursor: default !important;
    color: var(--title-section-color);
    font-weight: 600;
    font-size: 12px;
}

    [b-ppj4haj1p4] .titulo-seccion:hover {
        color: var(--title-section-color) !important;
    }
/*-------------------------------*/
/*Título principal Breadcrumbs   */
/*-------------------------------*/
[b-ppj4haj1p4] .navbar-brand {
    position: relative;
    font-size: 16px;
    font-family: var(--font-Poppins);
    color: var(--second-title-color);
    z-index: -100000000 !important;
}

[b-ppj4haj1p4] .breadcrumb {
    z-index: -1 !important;
}

[b-ppj4haj1p4] .breadcrumb-item {
    color: var(--text-color);
    font-size: var(--font-size-principal);
}

    [b-ppj4haj1p4] .breadcrumb-item.active {
        color: var(--primary-color);
        font-weight: bold;
    }

        [b-ppj4haj1p4] .breadcrumb-item.active::before {
            color: var(--text-color)
        }
/*CAMBIOS ANDREA 02/02/2022*/
/*-------------------------------*/
/*            TABBAR            */
/*-------------------------------*/
[b-ppj4haj1p4] .sdpr-nav-tab {
    position: relative;
    border-radius: 10px;
    background: var(--tab-bar-background);
}

    [b-ppj4haj1p4] .sdpr-nav-tab .nav-link {
        position: relative;
        text-align: center;
        overflow: hidden;
        padding: 0.1rem 0.2rem;
        border-radius: 10px;
        color: var(--tab-bar-text-color);
        z-index: 2;
        background: var(--tab-bar-nav-link-background);
    }

        [b-ppj4haj1p4] .sdpr-nav-tab .nav-link.active,
        [b-ppj4haj1p4] .sdpr-nav-tab .nav-link.active:hover {
            background: var(--tab-bar-focus-background);
            color: var(--tab-bar-focus-text-color);
        }

        [b-ppj4haj1p4] .sdpr-nav-tab .nav-link:hover {
            color: var(--secondary-color)
        }

[b-ppj4haj1p4] .nav-link b {
    position: absolute;
    bottom: 200px;
    transition: 0.3s ease all;
    opacity: 0;
}

[b-ppj4haj1p4] .nav-link i {
    position: relative;
    font-size: 13.5px;
    transition: 0.3s ease all;
    transition-delay: 0.2s;
}

[b-ppj4haj1p4] .sdpr-nav-tab .nav-link:hover span,
[b-ppj4haj1p4] .sdpr-nav-tab .nav-link.active span {
    opacity: 0;
    position: absolute;
}

[b-ppj4haj1p4] .sdpr-nav-tab .nav-link:hover b,
[b-ppj4haj1p4] .sdpr-nav-tab .nav-link.active b {
    bottom: 0;
    opacity: 1;
    position: relative;
}

[b-ppj4haj1p4] .sdpr-nav-tab .nav-link:hover i,
[b-ppj4haj1p4] .sdpr-nav-tab .nav-link.active i {
    left: -2%;
}


/*-------------------------------*/
/*          ACCORDION            */
/*-------------------------------*/
[b-ppj4haj1p4] .accordion-nav {
    list-style: none;
    padding: 0px;
}
    /* FORM */
    [b-ppj4haj1p4] .accordion-nav .cont-accordion .accordion-control {
        position: fixed;
        top: -9999px;
        left: -9999px;
    }

    [b-ppj4haj1p4] .accordion-nav .cont-accordion .accordion-etiqueta {
        /* text-indent: 15px; PARA TABULAR EL TEXTO
  overflow: hidden; */
        transition: width .3s ease-in-out;
        /**/ overflow: hidden;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        [b-ppj4haj1p4] .accordion-nav .cont-accordion .accordion-etiqueta .etiqueta-cont {
            font-size: 18px;
            font-weight: bold;
            display: block;
            width: 18px;
            height: 70vh;
            top: 0;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

    [b-ppj4haj1p4] .accordion-nav .cont-accordion label:hover,
    [b-ppj4haj1p4] .accordion-nav li > .cont-accordion input + .accordion-etiqueta:hover {
        cursor: pointer;
    }

    [b-ppj4haj1p4] .accordion-nav .cont-accordion .accslide {
        display: block;
        padding: 0;
        overflow: hidden;
        font-size: var(--font-size-principal);
    }

    [b-ppj4haj1p4] .accordion-nav .cont-accordion .accordion-control[type="radio"]:not(:checked) ~ .accordion-etiqueta {
        color: var(--accordion-text-color);
    }

        [b-ppj4haj1p4] .accordion-nav .cont-accordion .accordion-control[type="radio"]:not(:checked) ~ .accordion-etiqueta:hover {
            color: var(--accordion-hover-text-color) !important;
            font-weight: 600;
        }

    [b-ppj4haj1p4] .accordion-nav .cont-accordion .accordion-control[type="radio"] ~ .accordion-etiqueta:hover [tooltip] {
        opacity: 1;
        position: absolute;
        z-index: 12;
    }

    [b-ppj4haj1p4] .accordion-nav .cont-accordion .accordion-etiqueta:hover [tooltip] {
        position: absolute !important;
        z-index: 12;
    }

    [b-ppj4haj1p4] .accordion-nav .cont-accordion .accordion-control[type="radio"]:not(:checked) {
        visibility: hidden;
    }

    /*-------------------------------*/
    /*          ACCORDION vertical   */
    /*-------------------------------*/

    /* LIST */
    /*Cambios 2/06/2022 Andrea, para evitar que los paneles se vean bugueados*/
    [b-ppj4haj1p4] .accordion-nav.vertical li .accslide{
        transition: width .3s ease-in-out;
    }


    /*Cambios 31/01/2022 Andrea*/
    [b-ppj4haj1p4] .accordion-nav .cont-accordion .accordion-etiqueta.v .etiqueta-cont {
        font-weight: bold;
        display: block;
        height: 90%;
        writing-mode: vertical-rl;
        padding: 0 2px 0 0;
        margin: 0;
        width: 23px;
    }

    [b-ppj4haj1p4] .accordion-nav .cont-accordion .accordion-etiqueta .etiqueta-cont i {
        font-size: 18px;
    }

    /*Cambios 31/01/2022 Andrea*/

    [b-ppj4haj1p4] .accordion-nav .cont-accordion .accordion-etiqueta .etiqueta-cont .etiqueta-titulo {
        /*padding-top: 40px;*/
        width: 18px;
        font-size: 13px;
        word-spacing: 2px;
        letter-spacing: 1.5px;
        margin: 0px;
    }

    /*Etiqueta checkeada*/
    [b-ppj4haj1p4] .accordion-nav .cont-accordion .accordion-control[type="radio"]:checked ~ .accordion-etiqueta [tooltip]::before,
    [b-ppj4haj1p4] .accordion-nav .cont-accordion .accordion-control[type="radio"]:checked ~ .accordion-etiqueta [tooltip]::after {
        top: 30px;
    }

    [b-ppj4haj1p4] .accordion-nav.vertical .cont-accordion .accordion-etiqueta.opciones {
        padding-top: 10px;
        color: var(--accordion-text-color);
        font-weight: 600;
    }

    [b-ppj4haj1p4] .accordion-nav.vertical .cont-accordion .accordion-etiqueta.accordion-etiqueta.opciones [tooltip]::before,
    [b-ppj4haj1p4] .accordion-nav.vertical .cont-accordion .accordion-etiqueta.accordion-etiqueta.opciones [tooltip]::after {
        top: 20px;
    }
    /* SLIDES */
    [b-ppj4haj1p4] .accordion-nav.vertical .cont-accordion .accslide {
        height: 100%;
        width: 0px;
        float: left;
    }

    [b-ppj4haj1p4] .accordion-nav.vertical .cont-accordion .accordion-etiqueta {
        float: left;
        height: 70vh;
        width: 18px;
    }

    /*cambios 11/01/2022 Andrea*/

    /*para ocultar las etiquetas*/
    [b-ppj4haj1p4] .accordion-nav.vertical .li-accordion-v .cont-accordion .accordion-etiqueta.v.hidden {
        /*        transition: width 0.5s ease;
        transition-delay: .5s;
*/ width: 0px;
    }

    /*-------------------------------------*/
    /*  Personalización de etiquetas        */
    /*--------------------------------------*/

    [b-ppj4haj1p4] .accordion-nav.vertical li.li-1 .accordion-etiqueta .etiqueta-cont {
        padding-top: 20px;
    }

    [b-ppj4haj1p4] .accordion-nav.vertical li.li-1 .accordion-etiqueta [tooltip]::before,
    [b-ppj4haj1p4] .accordion-nav.vertical li.li-1 .accordion-etiqueta [tooltip]::after {
        top: 30px;
    }

    [b-ppj4haj1p4] .accordion-nav.vertical li.li-2 .accordion-etiqueta .etiqueta-cont {
        padding-top: 40px;
    }

    [b-ppj4haj1p4] .accordion-nav.vertical li.li-2 .accordion-etiqueta [tooltip]::before,
    [b-ppj4haj1p4] .accordion-nav.vertical li.li-2 .accordion-etiqueta [tooltip]::after {
        top: 50px;
    }

    [b-ppj4haj1p4] .accordion-nav.vertical li.li-3 .accordion-etiqueta .etiqueta-cont {
        padding-top: 60px;
    }

    [b-ppj4haj1p4] .accordion-nav.vertical li.li-3 .accordion-etiqueta [tooltip]::before,
    [b-ppj4haj1p4] .accordion-nav.vertical li.li-3 .accordion-etiqueta [tooltip]::after {
        top: 70px;
    }

    [b-ppj4haj1p4] .accordion-nav.vertical li.li-4 .accordion-etiqueta .etiqueta-cont {
        padding-top: 80px;
    }

    [b-ppj4haj1p4] .accordion-nav.vertical li.li-4 .accordion-etiqueta [tooltip]::before,
    [b-ppj4haj1p4] .accordion-nav.vertical li.li-4 .accordion-etiqueta [tooltip]::after {
        top: 90px;
    }

    [b-ppj4haj1p4] .accordion-nav.vertical li.li-5 .accordion-etiqueta .etiqueta-cont {
        padding-top: 100px;
    }

    [b-ppj4haj1p4] .accordion-nav.vertical li.li-5 .accordion-etiqueta [tooltip]::before,
    [b-ppj4haj1p4] .accordion-nav.vertical li.li-5 .accordion-etiqueta [tooltip]::after {
        top: 120px;
    }

    [b-ppj4haj1p4] .accordion-nav.vertical li.li-6 .accordion-etiqueta .etiqueta-cont {
        padding-top: 120px;
    }

    [b-ppj4haj1p4] .accordion-nav.vertical li.li-6 .accordion-etiqueta [tooltip]::before,
    [b-ppj4haj1p4] .accordion-nav.vertical li.li-6 .accordion-etiqueta [tooltip]::after {
        top: 140px;
    }

    [b-ppj4haj1p4] .accordion-nav.vertical li.li-7 .accordion-etiqueta .etiqueta-cont {
        padding-top: 140px;
    }

    [b-ppj4haj1p4] .accordion-nav.vertical li.li-7 .accordion-etiqueta [tooltip]::before,
    [b-ppj4haj1p4] .accordion-nav.vertical li.li-7 .accordion-etiqueta [tooltip]::after {
        top: 160px;
    }

    [b-ppj4haj1p4] .accordion-nav.vertical li.li-8 .accordion-etiqueta .etiqueta-cont {
        padding-top: 160px;
    }

    [b-ppj4haj1p4] .accordion-nav.vertical li.li-8 .accordion-etiqueta [tooltip]::before,
    [b-ppj4haj1p4] .accordion-nav.vertical li.li-8 .accordion-etiqueta [tooltip]::after {
        top: 180px;
    }

    [b-ppj4haj1p4] .accordion-nav.vertical li.li-9 .accordion-etiqueta .etiqueta-cont {
        padding-top: 180px;
    }

    [b-ppj4haj1p4] .accordion-nav.vertical li.li-9 .accordion-etiqueta [tooltip]::before,
    [b-ppj4haj1p4] .accordion-nav.vertical li.li-9 .accordion-etiqueta [tooltip]::after {
        top: 200px;
    }    
    
    [b-ppj4haj1p4] .accordion-nav.vertical li.li-9 .accordion-etiqueta [tooltip]::after {
        top: 220px;
    }

    [b-ppj4haj1p4] .accordion-nav.vertical li.li-10 .accordion-etiqueta .etiqueta-cont {
        padding-top: 200px;
    }

    [b-ppj4haj1p4] .accordion-nav.vertical li:nth-child(10) .accordion-etiqueta [tooltip]::before,
    [b-ppj4haj1p4] .accordion-nav.vertical li.li-10 .accordion-etiqueta [tooltip]::after {
        top: 220px;
    }

    [b-ppj4haj1p4] .accordion-nav.vertical li.li-11 .accordion-etiqueta .etiqueta-cont {
        padding-top: 220px;
    }

    [b-ppj4haj1p4] .accordion-nav.vertical li.li-11 .accordion-etiqueta [tooltip]::before,
    [b-ppj4haj1p4] .accordion-nav.vertical li.li-11 .accordion-etiqueta [tooltip]::after {
        top: 240px;
    }

    [b-ppj4haj1p4] .accordion-nav.vertical li.li-12 .accordion-etiqueta .etiqueta-cont {
        padding-top: 240px;
    }

    [b-ppj4haj1p4] .accordion-nav.vertical li.li-12 .accordion-etiqueta [tooltip]::before,
    [b-ppj4haj1p4] .accordion-nav.vertical li.li-12 .accordion-etiqueta [tooltip]::after {
        top: 260px;
    }

    [b-ppj4haj1p4] .accordion-nav.vertical li.li-13 .accordion-etiqueta .etiqueta-cont {
        padding-top: 260px;
    }

    [b-ppj4haj1p4] .accordion-nav.vertical li.li-13 .accordion-etiqueta [tooltip]::before,
    [b-ppj4haj1p4] .accordion-nav.vertical li.li-13 .accordion-etiqueta [tooltip]::after {
        top: 280px;
    }
/*-------------------------------*/
/*        NAV FORMULARIO       */
/*-------------------------------*/
[b-ppj4haj1p4] .nav-form {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    /* border: 1px solid green; */
}


/*-------------------------------*/
/*        MENU ACCION       */
/*-------------------------------*/
/*contenedor*/
[b-ppj4haj1p4] .cont-accion-menu {
    position: absolute;
    padding-left: 0;
    height: 40px;
    width: 40px;
    margin: 0px 0 0 2.5px;
    right: 2px;
    top: 3px;
    z-index: 10;
    align-items: end;
    overflow: visible;
}

/*nav*/
[b-ppj4haj1p4] .accion-menu {
    position: absolute;
    right: 40px;
    height: 100%;
    box-sizing: border-box;
    font-size: 20px;
    text-align: left;
}

/*contenedores de los botones*/
[b-ppj4haj1p4] .accion-menu-item {
    position: absolute;
    line-height: 40px;
    transform: translate3d(0, 0, 0);
    transition: transform ease-out 200ms;
    z-index: 1;
    align-items: center;
}

/*input*/
[b-ppj4haj1p4] .accion-menu-open {
    display: none;
}

/*Label del input, botón que abre*/
[b-ppj4haj1p4] .accion-menu-open-button {
    border-radius: 5px;
    width: 33px;
    height: 33px;
    position: absolute;
    line-height: 30px;
    transform: translate3d(0, 0, 0);
    transition: transform ease-out 200ms;
    left: 15px;
    background: var(--sidebar-footer-background);
    color: var(--text-color);
}

[b-ppj4haj1p4] .hamburger {
    height: 3px;
    background: var(--text-color);
    display: block;
    position: absolute;
    top: 50%;
    margin-left: 2px;
    margin-top: -1.5px;
    left: 3px;
    transition: 0.5s;
}

[b-ppj4haj1p4] .hamburger-1 {
    width: 15px;
    transform: translate3d(0, -8px, 0);
}

[b-ppj4haj1p4] .hamburger-2 {
    width: 20px;
    transform: translate3d(0, 0, 0);
}

[b-ppj4haj1p4] .hamburger-3 {
    width: 8px;
    transform: translate3d(0, 8px, 0);
}

/*::deep .cont-accion-menu.form-top {
    top: -70px;
}
*/
/*FUNCIONAMIENTO*/
/*para que las tres líneas se muestren como tache cuando el menú estpe activo*/
[b-ppj4haj1p4] .accion-menu-open:checked + .accion-menu-open-button .hamburger-1 {
    transform: translate3d(0, 0, 0) rotate(45deg);
    width: 20px;
}

[b-ppj4haj1p4] .accion-menu-open:checked + .accion-menu-open-button .hamburger-2 {
    transform: translate3d(0, 0, 0) scale(0.1, 1);
}

[b-ppj4haj1p4] .accion-menu-open:checked + .accion-menu-open-button .hamburger-3 {
    transform: translate3d(0, 0, 0) rotate(-45deg);
    width: 20px;
}

/*mostrando los botones cuando el menú estpe activo*/
[b-ppj4haj1p4] .accion-menu-open:checked + .accion-menu-open-button {
    transition-timing-function: linear;
    transition-duration: 200ms;
    transform: scale(0.8, 0.8) translate3d(0, 0, 0);
}

[b-ppj4haj1p4] .accion-menu-open:checked + .cont-accion-menu.large {
    overflow-y: auto;
}

[b-ppj4haj1p4] .accion-menu-open:checked ~ .accion-menu-item {
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

    [b-ppj4haj1p4] .accion-menu-open:checked ~ .accion-menu-item:nth-child(3) {
        transition-duration: 190ms;
        transform: translate3d(0, 42px, 0);
    }

    [b-ppj4haj1p4] .accion-menu-open:checked ~ .accion-menu-item:nth-child(4) {
        transition-duration: 290ms;
        transform: translate3d(0, 84px, 0);
    }

    [b-ppj4haj1p4] .accion-menu-open:checked ~ .accion-menu-item:nth-child(5) {
        transition-duration: 390ms;
        transform: translate3d(0, 126px, 0);
    }

    [b-ppj4haj1p4] .accion-menu-open:checked ~ .accion-menu-item:nth-child(6) {
        transition-duration: 490ms;
        transform: translate3d(0, 168px, 0);
    }

    [b-ppj4haj1p4] .accion-menu-open:checked ~ .accion-menu-item:nth-child(7) {
        transition-duration: 590ms;
        transform: translate3d(0, 210px, 0);
    }

    [b-ppj4haj1p4] .accion-menu-open:checked ~ .accion-menu-item:nth-child(8) {
        transition-duration: 690ms;
        transform: translate3d(0, 252px, 0);
    }

    [b-ppj4haj1p4] .accion-menu-open:checked ~ .accion-menu-item:nth-child(9) {
        transition-duration: 790ms;
        transform: translate3d(0, 294px, 0);
    }

    [b-ppj4haj1p4] .accion-menu-open:checked ~ .accion-menu-item:nth-child(10) {
        transition-duration: 890ms;
        transform: translate3d(0, 336px, 0);
    }

    [b-ppj4haj1p4] .accion-menu-open:checked ~ .accion-menu-item:nth-child(11) {
        transition-duration: 990ms;
        transform: translate3d(0, 378px, 0);
    }

    [b-ppj4haj1p4] .accion-menu-open:checked ~ .accion-menu-item:nth-child(12) {
        transition-duration: 1090ms;
        transform: translate3d(0, 420px, 0);
    }

    [b-ppj4haj1p4] .accion-menu-open:checked ~ .accion-menu-item:nth-child(13) {
        transition-duration: 1190ms;
        transform: translate3d(0, 462px, 0);
    }

    [b-ppj4haj1p4] .accion-menu-open:checked ~ .accion-menu-item:nth-child(14) {
        transition-duration: 1290ms;
        transform: translate3d(0, 504px, 0);
    }

    [b-ppj4haj1p4] .accion-menu-open:checked ~ .accion-menu-item:nth-child(15) {
        transition-duration: 1390ms;
        transform: translate3d(0, 546px, 0);
    }

[b-ppj4haj1p4] .accion-menu-open-button:hover {
    background: var(--secondary-300) !important;
    transform: scale(1.2, 1.2) translate3d(0, 0, 0) !important;
}

.body.dark-theme[b-ppj4haj1p4]  .accion-menu-open-button:hover {
    background: var(--secondary-700) !important;
}

[b-ppj4haj1p4] .accion-menu-item:nth-child(3) {
    transition-duration: 180ms;
}

[b-ppj4haj1p4] .accion-menu-item:nth-child(4) {
    transition-duration: 180ms;
}

[b-ppj4haj1p4] .accion-menu-item:nth-child(5) {
    transition-duration: 180ms;
}

[b-ppj4haj1p4] .accion-menu-item:nth-child(6) {
    transition-duration: 180ms;
}

[b-ppj4haj1p4] .accion-menu-open-button {
    z-index: 2;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-duration: 400ms;
    transform: scale(1.1, 1.1) translate3d(0, 0, 0);
    cursor: pointer;
    left: 1px;
}

/*quitar y poner sombra en los botones cuando el menú esté activo*/
[b-ppj4haj1p4] .cont-accion-menu .accion-menu-item .button {
    box-shadow: none;
}

[b-ppj4haj1p4] .cont-accion-menu.active .accion-menu-item .button {
    box-shadow: var(--button-shadow);
}

/*Funcionamiento de menús de acción, visualizarlos u ocultarlos*/
[b-ppj4haj1p4] .li-accordion-v.active .cont-accordion .accslide.v .cont-accion-menu,
display: block;[b-ppj4haj1p4]
}

[b-ppj4haj1p4] .li-accordion-v .cont-accordion .accslide.v .cont-accion-menu,
[b-ppj4haj1p4] .li-accordion-v .cont-accordion .accslide.v .container-fluid .accordion-nav.horizontal .li-accordion-h .cont-accordion .accslide.h .cont-accion-menu {
    display: none;
}

/*padding asignado a los formularios para mostrar el menú de acció */
[b-ppj4haj1p4] .MenuActive {
    padding-right: 50px;
}

/*padding asignado a los formularios para mostrar el menú de acció */
[b-ppj4haj1p4] .cont-formulario.principal {
    transition: padding-right 0.3s ease-in-out;
}

[b-ppj4haj1p4] .cont-accion-menu.active {
    height: 450px;
}


/******LISTA COINCIDENCIAS******/

#navbarMain .dropdown-menu[b-ppj4haj1p4] {
    overflow-y: scroll;
    min-height: 10rem;
    max-height: 20rem;
    height: auto;
    top: 45px;
    word-break: break-all;
    border: none;
    color: var(--accordion-text-color);
    background-color: var(--navbar-buscador-background);
    font-size: 14px;
}

#navbarMain .lista-coincidencias[b-ppj4haj1p4] {
    display: none;
}

    #navbarMain .lista-coincidencias.show[b-ppj4haj1p4] {
        display: block;
    }

.lista-coincidencias .dropdown-header.modulo[b-ppj4haj1p4] {
    font-size: 16px !important;
    padding-left: .5rem !important;
    color: var(--title-color) !important;
    font-weight: bold;
}

.lista-coincidencias .dropdown-header.submodulo[b-ppj4haj1p4] {
    color: var(--second-title-color) !important;
    font-weight: bold;
}

.lista-coincidencias .dropdown-header.submodulo[b-ppj4haj1p4],
.lista-coincidencias .dropdown-item.submodulo[b-ppj4haj1p4] {
    font-size: 14px !important;
    padding-left: 1rem !important;
    color: var(--text-color);
}

.lista-coincidencias .dropdown-item.subopcion[b-ppj4haj1p4] {
    font-size: 12px !important;
    padding-left: 1.5rem !important;
    color: var(--text-color-lght);
}

    .lista-coincidencias .dropdown-item.submodulo:hover[b-ppj4haj1p4],
    .lista-coincidencias .dropdown-item.subopcion:hover[b-ppj4haj1p4] {
        background: var(--navbar-buscador-opcion-background-hover);
    }

.dropdown-item.link[b-ppj4haj1p4] {
    cursor: pointer;
}

.dropdown-item:active[b-ppj4haj1p4] {
    background: none !important;
}

.dropdown-item.link:active[b-ppj4haj1p4] {
    background: var(--primary-200) !important;
}

.menu-button[b-ppj4haj1p4] {
    width: 25px;
    height: 35px;
    margin: 0 30px 0 15px;
}

/*Servicios al colaborador*/

[b-ppj4haj1p4] .transition-show {
    opacity: 1;
    transition: opacity 4s;
}

[b-ppj4haj1p4] .transition-hide {
    opacity: 0;
}

[b-ppj4haj1p4] .table .form-check-custom {
    display: block;
    min-height: none;
    padding-left: 1.5em;
    margin-bottom: 0.125rem;
}


/***********************************ALERTA COLABORADOR ESTADO*******************************/
[b-ppj4haj1p4] .badge.rounded-pill.colaborador-estado {
    font-size: 12px !important;
}

    [b-ppj4haj1p4] .badge.rounded-pill.colaborador-estado.activo {
        background: var(--dash-carrusel-card-AltaAnual-icon-background);
    }

    [b-ppj4haj1p4] .badge.rounded-pill.colaborador-estado.inactivo {
        background: var(--dash-carrusel-card-BajaAnual-icon-background);
    }

[b-ppj4haj1p4] .input-config-vacio {
    background: var(--input-background-color-config);
    border-color: var(--input-border-color-config);
}


/*PILLS TIPO DE NÓMINA*/
[b-ppj4haj1p4] .tipo-nom.badge.rounded-pill {
    font-size: 12px;
}

    [b-ppj4haj1p4] .tipo-nom.badge.rounded-pill.ORD {
        background-color: #1565C0;
    }

    [b-ppj4haj1p4] .tipo-nom.badge.rounded-pill.CNF {
        background-color: #546E7A;
    }

    [b-ppj4haj1p4] .tipo-nom.badge.rounded-pill.ASL {
        background-color: #00796B;
    }

    [b-ppj4haj1p4] .tipo-nom.badge.rounded-pill.SND {
        background-color: #880E4F;
    }

    [b-ppj4haj1p4] .tipo-nom.badge.rounded-pill.NSD {
        background-color: #7B1FA2;
    }


.slogan[b-ppj4haj1p4] {
    padding-bottom: 2rem;
    font-size: 1.2rem;
    font-family: var(--font-Poppins);
    animation: fluido2 5s ease-in-out forwards infinite;
    background: linear-gradient(45deg, var(--title-color), var(--title-color), #d4d4d4, var(--title-color), var(--title-color));
    background-size: 400%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


/* /Shared/NCalculoNomina/NCancelarMultiplesCFDI.razor.rz.scp.css */
.scroll-box[b-2pmvx1gxrx] {
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid;
    color: transparent;
    border-radius: 6px;
    padding: 10px;
    background-color: transparent;
}

    .scroll-box[b-2pmvx1gxrx]::-webkit-scrollbar {
        width: 8px;
    }

    .scroll-box[b-2pmvx1gxrx]::-webkit-scrollbar-thumb {
        background: var( --scroll-background);
        border-radius: 4px;
    }

.msg-icon[b-2pmvx1gxrx] {
    font-size: 1.2rem;
    margin-right: 8px;
}

.message-divider[b-2pmvx1gxrx] {
    border: none;
    margin: 0.5rem 0;
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--primary-200) !important
}

.strong-text[b-2pmvx1gxrx] {
    color: var(--text-color);
    font-size: var(--font-xs);
}


.animate-fade-in[b-2pmvx1gxrx] {
    animation: fadeIn 0.5s ease-in;
}
/* /Shared/NCalculoNomina/NEnvioWebCFDITimbrados.razor.rz.scp.css */
.scroll-box[b-wwkdt2a8q7] {
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid;
    color: transparent;
    border-radius: 6px;
    padding: 10px;
    background-color: transparent;
}

    .scroll-box[b-wwkdt2a8q7]::-webkit-scrollbar {
        width: 8px;
    }

    .scroll-box[b-wwkdt2a8q7]::-webkit-scrollbar-thumb {
        background: var( --scroll-background);
        border-radius: 4px;
    }

.msg-icon[b-wwkdt2a8q7] {
    font-size: 1.2rem;
    margin-right: 8px;
}

.message-divider[b-wwkdt2a8q7] {
    border: none;
    margin: 0.5rem 0;
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--primary-200) !important
}

.strong-text[b-wwkdt2a8q7] {
    color: var(--text-color);
    font-size: var(--font-xs);
}


.animate-fade-in[b-wwkdt2a8q7] {
    animation: fadeIn 0.5s ease-in;
}
/* /Shared/NCalculoNomina/OpcionesNomina.razor.rz.scp.css */
.bi-dash-circle-fill[b-ch73i49wq5],
.bi-check-circle-fill[b-ch73i49wq5],
.bi-exclamation-circle-fill[b-ch73i49wq5] {
    font-size: 13.3px;
}

.bi-dash-circle-fill[b-ch73i49wq5] {
    color: #D32F2F !important;
}

.bi-check-circle-fill[b-ch73i49wq5] {
    color: #388E3C !important;
}

.bi-exclamation-circle-fill[b-ch73i49wq5] {
    color: #ffd800 !important;
}



/* Estilos para la respuesta de los CFDI Timbrados y no Timbrados */
.scroll-box[b-ch73i49wq5] {
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid;
    color: transparent;
    border-radius: 6px;
    padding: 10px;
    background-color: transparent;
}

    .scroll-box[b-ch73i49wq5]::-webkit-scrollbar {
        width: 8px;
    }

    .scroll-box[b-ch73i49wq5]::-webkit-scrollbar-thumb {
        background: var( --scroll-background);
        border-radius: 4px;
    }

.msg-icon[b-ch73i49wq5] {
    font-size: 1.2rem;
    margin-right: 8px;
}

.message-divider[b-ch73i49wq5] {
    border: none;
    margin: 0.5rem 0;
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--primary-200) !important
}

.strong-text[b-ch73i49wq5] {
    color: var(--text-color);
    font-size: var(--font-xs);
}
 
/* /Shared/NEstadistica/Estadistica_TotalColaboradores.razor.rz.scp.css */
/* /Shared/NReportes/R01_CA.razor.rz.scp.css */
body[b-96be3njnaf] {
}
/*flecha*/
.accion-menu-open:checked + .accion-menu-open-button .hamburger-1[b-96be3njnaf] {
    transform: translate3d(-4px, 4px, 0) rotate(38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-2[b-96be3njnaf] {
    transform: translate3d(0, 0, 0) !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-3[b-96be3njnaf] {
    transform: translate3d(-4px, -4px, 0) rotate(-38deg) scale(0.5, 1) !important;
    width: 20px !important;
}
/* /Shared/NReportes/R02_CAP.razor.rz.scp.css */
body[b-kjl70jzbnd] {
}

/*flecha*/
.accion-menu-open:checked + .accion-menu-open-button .hamburger-1[b-kjl70jzbnd] {
    transform: translate3d(-4px, 4px, 0) rotate(38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-2[b-kjl70jzbnd] {
    transform: translate3d(0, 0, 0) !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-3[b-kjl70jzbnd] {
    transform: translate3d(-4px, -4px, 0) rotate(-38deg) scale(0.5, 1) !important;
    width: 20px !important;
}
/* /Shared/NReportes/R03_CBP.razor.rz.scp.css */
body[b-x3cvwr3928] {
}

/*flecha*/
.accion-menu-open:checked + .accion-menu-open-button .hamburger-1[b-x3cvwr3928] {
    transform: translate3d(-4px, 4px, 0) rotate(38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-2[b-x3cvwr3928] {
    transform: translate3d(0, 0, 0) !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-3[b-x3cvwr3928] {
    transform: translate3d(-4px, -4px, 0) rotate(-38deg) scale(0.5, 1) !important;
    width: 20px !important;
}
/* /Shared/NReportes/R04_CISP.razor.rz.scp.css */
body[b-z4ri1sk8er] {
}

/*flecha*/
.accion-menu-open:checked + .accion-menu-open-button .hamburger-1[b-z4ri1sk8er] {
    transform: translate3d(-4px, 4px, 0) rotate(38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-2[b-z4ri1sk8er] {
    transform: translate3d(0, 0, 0) !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-3[b-z4ri1sk8er] {
    transform: translate3d(-4px, -4px, 0) rotate(-38deg) scale(0.5, 1) !important;
    width: 20px !important;
}
/* /Shared/NReportes/R05_CAA.razor.rz.scp.css */
body[b-n1gx9vob7z] {
}

/*flecha*/
.accion-menu-open:checked + .accion-menu-open-button .hamburger-1[b-n1gx9vob7z] {
    transform: translate3d(-4px, 4px, 0) rotate(38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-2[b-n1gx9vob7z] {
    transform: translate3d(0, 0, 0) !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-3[b-n1gx9vob7z] {
    transform: translate3d(-4px, -4px, 0) rotate(-38deg) scale(0.5, 1) !important;
    width: 20px !important;
}
/* /Shared/NReportes/R06_ACM.razor.rz.scp.css */
body[b-tl4mqgylo7] {
}

/*flecha*/
.accion-menu-open:checked + .accion-menu-open-button .hamburger-1[b-tl4mqgylo7] {
    transform: translate3d(-4px, 4px, 0) rotate(38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-2[b-tl4mqgylo7] {
    transform: translate3d(0, 0, 0) !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-3[b-tl4mqgylo7] {
    transform: translate3d(-4px, -4px, 0) rotate(-38deg) scale(0.5, 1) !important;
    width: 20px !important;
}
/* /Shared/NReportes/R07_SDI.razor.rz.scp.css */
body[b-30b8bsg8y2] {
}

/*flecha*/
.accion-menu-open:checked + .accion-menu-open-button .hamburger-1[b-30b8bsg8y2] {
    transform: translate3d(-4px, 4px, 0) rotate(38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-2[b-30b8bsg8y2] {
    transform: translate3d(0, 0, 0) !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-3[b-30b8bsg8y2] {
    transform: translate3d(-4px, -4px, 0) rotate(-38deg) scale(0.5, 1) !important;
    width: 20px !important;
}
/* /Shared/NReportes/R08_CI.razor.rz.scp.css */
body[b-9djdoj18ms] {
}

/*flecha*/
.accion-menu-open:checked + .accion-menu-open-button .hamburger-1[b-9djdoj18ms] {
    transform: translate3d(-4px, 4px, 0) rotate(38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-2[b-9djdoj18ms] {
    transform: translate3d(0, 0, 0) !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-3[b-9djdoj18ms] {
    transform: translate3d(-4px, -4px, 0) rotate(-38deg) scale(0.5, 1) !important;
    width: 20px !important;
}
/* /Shared/NReportes/R09_RMP.razor.rz.scp.css */
body[b-yskxpzsdkq] {
}

/*flecha*/
.accion-menu-open:checked + .accion-menu-open-button .hamburger-1[b-yskxpzsdkq] {
    transform: translate3d(-4px, 4px, 0) rotate(38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-2[b-yskxpzsdkq] {
    transform: translate3d(0, 0, 0) !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-3[b-yskxpzsdkq] {
    transform: translate3d(-4px, -4px, 0) rotate(-38deg) scale(0.5, 1) !important;
    width: 20px !important;
}
/* /Shared/NReportes/R10_MP.razor.rz.scp.css */
body[b-4d0i0al6c2] {
}

/*flecha*/
.accion-menu-open:checked + .accion-menu-open-button .hamburger-1[b-4d0i0al6c2] {
    transform: translate3d(-4px, 4px, 0) rotate(38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-2[b-4d0i0al6c2] {
    transform: translate3d(0, 0, 0) !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-3[b-4d0i0al6c2] {
    transform: translate3d(-4px, -4px, 0) rotate(-38deg) scale(0.5, 1) !important;
    width: 20px !important;
}
/* /Shared/NReportes/R11_PS.razor.rz.scp.css */
body[b-x34r2uir9l] {
}

/*flecha*/
.accion-menu-open:checked + .accion-menu-open-button .hamburger-1[b-x34r2uir9l] {
    transform: translate3d(-4px, 4px, 0) rotate(38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-2[b-x34r2uir9l] {
    transform: translate3d(0, 0, 0) !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-3[b-x34r2uir9l] {
    transform: translate3d(-4px, -4px, 0) rotate(-38deg) scale(0.5, 1) !important;
    width: 20px !important;
}
/* /Shared/NReportes/R12_CI.razor.rz.scp.css */
body[b-372xx39pwg] {
}

/*flecha*/
.accion-menu-open:checked + .accion-menu-open-button .hamburger-1[b-372xx39pwg] {
    transform: translate3d(-4px, 4px, 0) rotate(38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-2[b-372xx39pwg] {
    transform: translate3d(0, 0, 0) !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-3[b-372xx39pwg] {
    transform: translate3d(-4px, -4px, 0) rotate(-38deg) scale(0.5, 1) !important;
    width: 20px !important;
}
/* /Shared/NReportes/R13_VCM.razor.rz.scp.css */
body[b-q0f9urjxka] {
}

/*flecha*/
.accion-menu-open:checked + .accion-menu-open-button .hamburger-1[b-q0f9urjxka] {
    transform: translate3d(-4px, 4px, 0) rotate(38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-2[b-q0f9urjxka] {
    transform: translate3d(0, 0, 0) !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-3[b-q0f9urjxka] {
    transform: translate3d(-4px, -4px, 0) rotate(-38deg) scale(0.5, 1) !important;
    width: 20px !important;
}
/* /Shared/NReportes/R14_MF.razor.rz.scp.css */
body[b-yxgbiv0osz] {
}

/*flecha*/
.accion-menu-open:checked + .accion-menu-open-button .hamburger-1[b-yxgbiv0osz] {
    transform: translate3d(-4px, 4px, 0) rotate(38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-2[b-yxgbiv0osz] {
    transform: translate3d(0, 0, 0) !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-3[b-yxgbiv0osz] {
    transform: translate3d(-4px, -4px, 0) rotate(-38deg) scale(0.5, 1) !important;
    width: 20px !important;
}
/* /Shared/NReportes/R15_CP.razor.rz.scp.css */
body[b-gcawjz6ewo] {
}

/*flecha*/
.accion-menu-open:checked + .accion-menu-open-button .hamburger-1[b-gcawjz6ewo] {
    transform: translate3d(-4px, 4px, 0) rotate(38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-2[b-gcawjz6ewo] {
    transform: translate3d(0, 0, 0) !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-3[b-gcawjz6ewo] {
    transform: translate3d(-4px, -4px, 0) rotate(-38deg) scale(0.5, 1) !important;
    width: 20px !important;
}
/* /Shared/NReportes/R16_VNN.razor.rz.scp.css */
body[b-rw3q6cxf5a] {
}

/*flecha*/
.accion-menu-open:checked + .accion-menu-open-button .hamburger-1[b-rw3q6cxf5a] {
    transform: translate3d(-4px, 4px, 0) rotate(38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-2[b-rw3q6cxf5a] {
    transform: translate3d(0, 0, 0) !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-3[b-rw3q6cxf5a] {
    transform: translate3d(-4px, -4px, 0) rotate(-38deg) scale(0.5, 1) !important;
    width: 20px !important;
}
/* /Shared/NReportes/R17_RI.razor.rz.scp.css */
body[b-c1opjqiw61] {
}

/*flecha*/
.accion-menu-open:checked + .accion-menu-open-button .hamburger-1[b-c1opjqiw61] {
    transform: translate3d(-4px, 4px, 0) rotate(38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-2[b-c1opjqiw61] {
    transform: translate3d(0, 0, 0) !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-3[b-c1opjqiw61] {
    transform: translate3d(-4px, -4px, 0) rotate(-38deg) scale(0.5, 1) !important;
    width: 20px !important;
}
/* /Shared/NReportes/R18_TE.razor.rz.scp.css */
body[b-a8xo6rm4il] {
}

/*flecha*/
.accion-menu-open:checked + .accion-menu-open-button .hamburger-1[b-a8xo6rm4il] {
    transform: translate3d(-4px, 4px, 0) rotate(38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-2[b-a8xo6rm4il] {
    transform: translate3d(0, 0, 0) !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-3[b-a8xo6rm4il] {
    transform: translate3d(-4px, -4px, 0) rotate(-38deg) scale(0.5, 1) !important;
    width: 20px !important;
}
/* /Shared/NReportes/R19_ISPT.razor.rz.scp.css */
body[b-xcmxjlxo0o] {
}

/*flecha*/
.accion-menu-open:checked + .accion-menu-open-button .hamburger-1[b-xcmxjlxo0o] {
    transform: translate3d(-4px, 4px, 0) rotate(38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-2[b-xcmxjlxo0o] {
    transform: translate3d(0, 0, 0) !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-3[b-xcmxjlxo0o] {
    transform: translate3d(-4px, -4px, 0) rotate(-38deg) scale(0.5, 1) !important;
    width: 20px !important;
}
/* /Shared/NReportes/R20_IE.razor.rz.scp.css */
body[b-hmx2bcg3ni] {
}

/*flecha*/
.accion-menu-open:checked + .accion-menu-open-button .hamburger-1[b-hmx2bcg3ni] {
    transform: translate3d(-4px, 4px, 0) rotate(38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-2[b-hmx2bcg3ni] {
    transform: translate3d(0, 0, 0) !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-3[b-hmx2bcg3ni] {
    transform: translate3d(-4px, -4px, 0) rotate(-38deg) scale(0.5, 1) !important;
    width: 20px !important;
}
/* /Shared/NReportes/R21_DCA.razor.rz.scp.css */
body[b-3ik2anp768] {
}

/*flecha*/
.accion-menu-open:checked + .accion-menu-open-button .hamburger-1[b-3ik2anp768] {
    transform: translate3d(-4px, 4px, 0) rotate(38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-2[b-3ik2anp768] {
    transform: translate3d(0, 0, 0) !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-3[b-3ik2anp768] {
    transform: translate3d(-4px, -4px, 0) rotate(-38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

/* /Shared/NReportes/R22_PCA.razor.rz.scp.css */
body[b-5rb8e4676f] {
}

/*flecha*/
.accion-menu-open:checked + .accion-menu-open-button .hamburger-1[b-5rb8e4676f] {
    transform: translate3d(-4px, 4px, 0) rotate(38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-2[b-5rb8e4676f] {
    transform: translate3d(0, 0, 0) !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-3[b-5rb8e4676f] {
    transform: translate3d(-4px, -4px, 0) rotate(-38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

/* /Shared/NReportes/R23_PCA.razor.rz.scp.css */
body[b-2fyczll0n5] {
}

/*flecha*/
.accion-menu-open:checked + .accion-menu-open-button .hamburger-1[b-2fyczll0n5] {
    transform: translate3d(-4px, 4px, 0) rotate(38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-2[b-2fyczll0n5] {
    transform: translate3d(0, 0, 0) !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-3[b-2fyczll0n5] {
    transform: translate3d(-4px, -4px, 0) rotate(-38deg) scale(0.5, 1) !important;
    width: 20px !important;
}
/* /Shared/NReportes/R24_AMDP.razor.rz.scp.css */
body[b-p9p7vbdqaj] {
}

/*flecha*/
.accion-menu-open:checked + .accion-menu-open-button .hamburger-1[b-p9p7vbdqaj] {
    transform: translate3d(-4px, 4px, 0) rotate(38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-2[b-p9p7vbdqaj] {
    transform: translate3d(0, 0, 0) !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-3[b-p9p7vbdqaj] {
    transform: translate3d(-4px, -4px, 0) rotate(-38deg) scale(0.5, 1) !important;
    width: 20px !important;
}
/* /Shared/NReportes/R27_AGGPD.razor.rz.scp.css */
body[b-n0dj3a2j76] {
}

/*flecha*/
.accion-menu-open:checked + .accion-menu-open-button .hamburger-1[b-n0dj3a2j76] {
    transform: translate3d(-4px, 4px, 0) rotate(38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-2[b-n0dj3a2j76] {
    transform: translate3d(0, 0, 0) !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-3[b-n0dj3a2j76] {
    transform: translate3d(-4px, -4px, 0) rotate(-38deg) scale(0.5, 1) !important;
    width: 20px !important;
}
/* /Shared/NReportes/R28_ASR-SE.razor.rz.scp.css */
body[b-g9fgp2lkck] {
}

/*flecha*/
.accion-menu-open:checked + .accion-menu-open-button .hamburger-1[b-g9fgp2lkck] {
    transform: translate3d(-4px, 4px, 0) rotate(38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-2[b-g9fgp2lkck] {
    transform: translate3d(0, 0, 0) !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-3[b-g9fgp2lkck] {
    transform: translate3d(-4px, -4px, 0) rotate(-38deg) scale(0.5, 1) !important;
    width: 20px !important;
}
/* /Shared/NReportes/R29_AGEAISR.razor.rz.scp.css */
body[b-uhzgqbd1xf] {
}

/*flecha*/
.accion-menu-open:checked + .accion-menu-open-button .hamburger-1[b-uhzgqbd1xf] {
    transform: translate3d(-4px, 4px, 0) rotate(38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-2[b-uhzgqbd1xf] {
    transform: translate3d(0, 0, 0) !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-3[b-uhzgqbd1xf] {
    transform: translate3d(-4px, -4px, 0) rotate(-38deg) scale(0.5, 1) !important;
    width: 20px !important;
}
/* /Shared/NReportes/R30_FRF.razor.rz.scp.css */
body[b-5rl40wmd7u] {
}

/*flecha*/
.accion-menu-open:checked + .accion-menu-open-button .hamburger-1[b-5rl40wmd7u] {
    transform: translate3d(-4px, 4px, 0) rotate(38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-2[b-5rl40wmd7u] {
    transform: translate3d(0, 0, 0) !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-3[b-5rl40wmd7u] {
    transform: translate3d(-4px, -4px, 0) rotate(-38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

/* /Shared/NReportes/R31_RDC.razor.rz.scp.css */
body[b-uzan2bdo36] {
}

/*flecha*/
.accion-menu-open:checked + .accion-menu-open-button .hamburger-1[b-uzan2bdo36] {
    transform: translate3d(-4px, 4px, 0) rotate(38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-2[b-uzan2bdo36] {
    transform: translate3d(0, 0, 0) !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-3[b-uzan2bdo36] {
    transform: translate3d(-4px, -4px, 0) rotate(-38deg) scale(0.5, 1) !important;
    width: 20px !important;
}
/* /Shared/NReportes/R32_LNTA.razor.rz.scp.css */
body[b-216n1797f0] {
}

/*flecha*/
.accion-menu-open:checked + .accion-menu-open-button .hamburger-1[b-216n1797f0] {
    transform: translate3d(-4px, 4px, 0) rotate(38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-2[b-216n1797f0] {
    transform: translate3d(0, 0, 0) !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-3[b-216n1797f0] {
    transform: translate3d(-4px, -4px, 0) rotate(-38deg) scale(0.5, 1) !important;
    width: 20px !important;
}
/* /Shared/NReportes/R33_IST.razor.rz.scp.css */
body[b-dssf9wy1rk] {
}

/*flecha*/
.accion-menu-open:checked + .accion-menu-open-button .hamburger-1[b-dssf9wy1rk] {
    transform: translate3d(-4px, 4px, 0) rotate(38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-2[b-dssf9wy1rk] {
    transform: translate3d(0, 0, 0) !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-3[b-dssf9wy1rk] {
    transform: translate3d(-4px, -4px, 0) rotate(-38deg) scale(0.5, 1) !important;
    width: 20px !important;
}
/* /Shared/NReportes/R35_ITC.razor.rz.scp.css */
body[b-pwyr11uc8i] {
}

/*flecha*/
.accion-menu-open:checked + .accion-menu-open-button .hamburger-1[b-pwyr11uc8i] {
    transform: translate3d(-4px, 4px, 0) rotate(38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-2[b-pwyr11uc8i] {
    transform: translate3d(0, 0, 0) !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-3[b-pwyr11uc8i] {
    transform: translate3d(-4px, -4px, 0) rotate(-38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

/* /Shared/NReportes/R37_CMAC.razor.rz.scp.css */
body[b-mk3pg8fnm2] {
}

/*flecha*/
.accion-menu-open:checked + .accion-menu-open-button .hamburger-1[b-mk3pg8fnm2] {
    transform: translate3d(-4px, 4px, 0) rotate(38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-2[b-mk3pg8fnm2] {
    transform: translate3d(0, 0, 0) !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-3[b-mk3pg8fnm2] {
    transform: translate3d(-4px, -4px, 0) rotate(-38deg) scale(0.5, 1) !important;
    width: 20px !important;
}
/* /Shared/NReportes/razor_R34_ROA/R34.1_PIALP.razor.rz.scp.css */
body[b-tocrtjxvfr] {
}

/*flecha*/
.accion-menu-open:checked + .accion-menu-open-button .hamburger-1[b-tocrtjxvfr] {
    transform: translate3d(-4px, 4px, 0) rotate(38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-2[b-tocrtjxvfr] {
    transform: translate3d(0, 0, 0) !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-3[b-tocrtjxvfr] {
    transform: translate3d(-4px, -4px, 0) rotate(-38deg) scale(0.5, 1) !important;
    width: 20px !important;
}
/* /Shared/NReportes/razor_R34_ROA/R34.2_PMCB.razor.rz.scp.css */
body[b-rm1tk7qzba] {
}

/*flecha*/
.accion-menu-open:checked + .accion-menu-open-button .hamburger-1[b-rm1tk7qzba] {
    transform: translate3d(-4px, 4px, 0) rotate(38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-2[b-rm1tk7qzba] {
    transform: translate3d(0, 0, 0) !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-3[b-rm1tk7qzba] {
    transform: translate3d(-4px, -4px, 0) rotate(-38deg) scale(0.5, 1) !important;
    width: 20px !important;
}
/* /Shared/NReportes/razor_R34_ROA/R34.3_APPND.razor.rz.scp.css */
body[b-ovompaaq76] {
}

/*flecha*/
.accion-menu-open:checked + .accion-menu-open-button .hamburger-1[b-ovompaaq76] {
    transform: translate3d(-4px, 4px, 0) rotate(38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-2[b-ovompaaq76] {
    transform: translate3d(0, 0, 0) !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-3[b-ovompaaq76] {
    transform: translate3d(-4px, -4px, 0) rotate(-38deg) scale(0.5, 1) !important;
    width: 20px !important;
}
/* /Shared/NReportes/razor_R34_ROA/R34.4_MP.razor.rz.scp.css */
body[b-y7z9lihjee] {
}

/*flecha*/
.accion-menu-open:checked + .accion-menu-open-button .hamburger-1[b-y7z9lihjee] {
    transform: translate3d(-4px, 4px, 0) rotate(38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-2[b-y7z9lihjee] {
    transform: translate3d(0, 0, 0) !important;
}

.accion-menu-open:checked + .accion-menu-open-button .hamburger-3[b-y7z9lihjee] {
    transform: translate3d(-4px, -4px, 0) rotate(-38deg) scale(0.5, 1) !important;
    width: 20px !important;
}

/* /Shared/NTimbradoNomina/NCancelacionCFDIMultiple.razor.rz.scp.css */
/*CARD DE CONSULTA*/
.card-titulo[b-tusm0qrc5k] {
    font-size: 25px;
    font-weight: bold;
    font-family: "Poppins", sans-serif;
    color: white;
    text-align: center;
}


.card-front__text[b-tusm0qrc5k] {
    font-weight: bold;
    font-family: "Poppins", sans-serif;
    color: white;
    font-size: 20px;
}


.card-area[b-tusm0qrc5k] {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: space-evenly;
    padding: 1rem;
}

.card-section[b-tusm0qrc5k] {
    overflow: hidden;
    align-items: center;
    display: flex;
    height: 80vh;
    justify-content: center;
    width: 100%;
}


.card__consulta[b-tusm0qrc5k] {
    background-color: rgba(0,0,0, .05);
    box-shadow: -.1rem 1.7rem 6.6rem -3.2rem rgba(0,0,0,0.5);
    height: 95%;
    position: relative;
    transition: all 1s ease;
    border: 1px solid #ffffff00;
    width: 35vw;
}

.flip-card[b-tusm0qrc5k] {
    height: 85vh;
    perspective: 100rem;
    position: absolute;
    right: 0;
    transition: all 1s ease;
    visibility: hidden;
    width: 35vw;
    z-index: 100;
}

    .flip-card > *[b-tusm0qrc5k] {
        visibility: visible;
    }

.flip-card__container[b-tusm0qrc5k] {
    height: 100%;
    position: absolute;
    right: 0;
    transform-origin: left;
    transform-style: preserve-3d;
    transition: all 1s ease;
    width: 100%;
}

.card-front[b-tusm0qrc5k],
.card-back-Consulta[b-tusm0qrc5k] {
    backface-visibility: hidden;
    height: 89.15%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.card-front[b-tusm0qrc5k] {
    height: 75vh;
    width: 35vw;
    border: 1px solid #fafbfa05;
}

.card-front__tp[b-tusm0qrc5k] {
    align-items: center;
    clip-path: polygon(0 0, 100% 0, 100% 90%, 57% 90%, 50% 100%, 43% 90%, 0 90%);
    display: flex;
    flex-direction: column;
    height: 80%;
    justify-content: center;
    padding: .75rem;
}

.card-front__bt[b-tusm0qrc5k] {
    margin-top: 10px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.card-back-Consulta[b-tusm0qrc5k] {
    transform: rotateY(180deg);
    z-index: -100;
}


.inside-page_Consulta[b-tusm0qrc5k] {
    height: 100%;
    padding: 1rem;
    position: absolute;
    right: 0;
    transition: all 1s ease;
    width: 35vw;
    z-index: 1;
}

.inside-page__container[b-tusm0qrc5k] {
    padding: 0 50px 95px 50px;
    align-items: center;
    flex-direction: column;
    height: 95%;
    /*text-align: center;*/
    width: 100%;
}

/*.body {
    background: #E4EBF6;
}*/

.icon-container[b-tusm0qrc5k] {
    display: inline-block;
    border: 5px solid #e7eaf5;
    border-radius: 50%;
    padding: 30px;
}

.third-card[b-tusm0qrc5k] {
    position: relative;
    margin-top: 4rem;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 100;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1s ease, transform 1s ease;
}

    .third-card .dataTables_wrapper[b-tusm0qrc5k] {
        width: 90% !important;
    }

    .third-card.animated[b-tusm0qrc5k] {
        opacity: 1;
        transform: translateY(0);
    }

.card-open[b-tusm0qrc5k] {
    box-shadow: -.1rem 1.7rem 6.6rem -3.2rem rgba(0,0,0,0.75);
    border: 1px solid #fafbfa05;
    width: 70vw;
}

.card__consulta.card-open .flip-card__container[b-tusm0qrc5k] {
    transform: rotateY(-180deg);
}



/*Colores*/
/*morado1*/
.card1_front[b-tusm0qrc5k] {
    background: var(--card1_front);
    /* background: linear-gradient(122deg, #5888be 0%, #546bbd 50%, #7386c8 100%);*/
}

.card1_back[b-tusm0qrc5k] {
    /*background: linear-gradient(232deg, rgb(207 228 255 / 26%) 0%, rgb(198 207 224) 50%, rgb(111 135 211 / 45%) 100%);*/
    background: var(--card1_back);
}

.card1_inside[b-tusm0qrc5k] {
    /*background: linear-gradient(117deg, rgb(207 228 255 / 26%) 0%, rgb(198 207 224) 50%, rgb(111 135 211 / 45%) 100%);*/
    background: var(--card1_inside);
}

/*azul*/
.card2_front[b-tusm0qrc5k] {
    /* background: linear-gradient(122deg, rgb(159 209 236)0%, rgb(64 172 206) 50%, rgb(102 179 204) 100%);*/
    background: var(--card2_front);
}

.card2_back[b-tusm0qrc5k] {
    /*background: linear-gradient(44deg, #7db6e694 0%, #a4c8e7d3 50%, #eef4ff33 100%);*/
    background: var(--card2_back);
}

.card2_inside[b-tusm0qrc5k] {
    /*background: linear-gradient(44deg, #7db6e694 0%, #a4c8e7d3 50%, #eef4ff33 100%);*/
    background: var(--card2_inside);
}

/*verde*/
.card3_front[b-tusm0qrc5k] {
    /*background: linear-gradient(122deg, #89d4cd 1%, #27a599e0 50%, #4DB6AC 100%);*/
    background: var(--card3_front);
}

.card3_back[b-tusm0qrc5k] {
    /*background: linear-gradient(262deg, #bcdddc8c 0%, #b6d6d4b0 50%, #96cad3 100%);*/
    background: var(--card3_back);
}

.card3_inside[b-tusm0qrc5k] {
    /*background: linear-gradient(82deg, #bcdddc8c 0%, #b6d6d4b0 50%, #96cad3 100%);*/
    background: var(--card3_inside);
}

/*morado2*/
.card4_front[b-tusm0qrc5k] {
    /*background: linear-gradient(122deg, #5e35b157 0%, rgb(154 144 199) 50%, #825ac291 100%);*/
    background: var(--card4_front);
}

.card4_back[b-tusm0qrc5k] {
    /*background: linear-gradient(88deg, #ac93ea52 0%, #d3cfdd69 50%, #c9c0de5c 100%);*/
    background: var(--card4_back);
}

.card4_inside[b-tusm0qrc5k] {
    /*background: linear-gradient(267deg, #ac93ea52 0%, #d3cfdd69 50%, #c9c0de5c 100%);*/
    background: var(--card4_inside);
}


.card-section.Parcal .card-open[b-tusm0qrc5k] {
    width: 80vw;
}

.card-section.Parcal .flip-card[b-tusm0qrc5k] {
    width: 40vw;
}

.card-section.Parcal .inside-page_Consulta[b-tusm0qrc5k] {
    width: 40vw;
}

.card-section.Parcal .card_front .card-front__tp.card1_front[b-tusm0qrc5k] {
    width: 40vw;
}

/*Naranja*/
.card5_front[b-tusm0qrc5k] {
    background: linear-gradient(122deg, rgb(255, 165, 0, 0.10) 0%, rgb(254, 167, 61, 0.30) 50%, rgb(253, 132, 88, 0.30) 100%);
    /*background: var(--card3_front);*/
}

.card5_back[b-tusm0qrc5k] {
    background: linear-gradient(267deg, rgb(255, 165, 0, 0.05) 0%, rgb(249, 178, 92, 0.23) 50%, rgb(248, 134, 56, 0.30) 100%);
    /*background: var(--card3_front);*/
    /* background: var(--card3_back);*/
}

.card5_inside[b-tusm0qrc5k] {
    background: linear-gradient(88deg, rgb(255, 165, 0, 0.05) 0%, rgb(249, 178, 92, 0.23) 50%, rgb(248, 134, 56, 0.30) 100%);
    /*background: var(--card3_inside);*/
}


.body.dark-theme .card__consulta button[b-tusm0qrc5k] {
    box-shadow: none !important;
}


.bi-dash-circle-fill[b-tusm0qrc5k],
.bi-check-circle-fill[b-tusm0qrc5k],
.bi-exclamation-circle-fill[b-tusm0qrc5k] {
    font-size: 13.3px;
}

.bi-dash-circle-fill[b-tusm0qrc5k] {
    color: #D32F2F !important;
}

.bi-check-circle-fill[b-tusm0qrc5k] {
    color: #388E3C !important;
}

.bi-exclamation-circle-fill[b-tusm0qrc5k] {
    color: #ffd800 !important;
}


.scroll-box[b-tusm0qrc5k] {
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid;
    color: transparent;
    border-radius: 6px;
    padding: 10px;
    background-color: transparent;
}

    .scroll-box[b-tusm0qrc5k]::-webkit-scrollbar {
        width: 8px;
    }

    .scroll-box[b-tusm0qrc5k]::-webkit-scrollbar-thumb {
        background: var( --scroll-background);
        border-radius: 4px;
    }

.msg-icon[b-tusm0qrc5k] {
    font-size: 1.2rem;
    margin-right: 8px;
}

.message-divider[b-tusm0qrc5k] {
    border: none;
    margin: 0.5rem 0;
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--primary-200) !important
}

.strong-text[b-tusm0qrc5k] {
    color: var(--text-color);
    font-size: var(--font-xs);
}


.animate-fade-in[b-tusm0qrc5k] {
    animation: fadeIn 0.5s ease-in;
}
/* /Shared/NTimbradoNomina/NCancelacionCFDINomina.razor.rz.scp.css */
.card-titulo[b-3aog2o8h14] {
    font-size: 25px;
    font-weight: bold;
    font-family: "Poppins", sans-serif;
    color: white;
    text-align: center;
}


.card-front__text[b-3aog2o8h14] {
    font-weight: bold;
    font-family: "Poppins", sans-serif;
    color: white;
    font-size: 20px;
}


.card-area[b-3aog2o8h14] {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: space-evenly;
    padding: 1rem;
}

.card-section[b-3aog2o8h14] {
    overflow: hidden;
    align-items: center;
    display: flex;
    height: 80vh;
    justify-content: center;
    width: 100%;
}


.card__consulta[b-3aog2o8h14] {
    background-color: rgba(0,0,0, .05);
    box-shadow: -.1rem 1.7rem 6.6rem -3.2rem rgba(0,0,0,0.5);
    height: 95%;
    position: relative;
    transition: all 1s ease;
    border: 1px solid #ffffff00;
    width: 35vw;
}

.flip-card[b-3aog2o8h14] {
    height: 85vh;
    perspective: 100rem;
    position: absolute;
    right: 0;
    transition: all 1s ease;
    visibility: hidden;
    width: 35vw;
    z-index: 100;
}

    .flip-card > *[b-3aog2o8h14] {
        visibility: visible;
    }

.flip-card__container[b-3aog2o8h14] {
    height: 100%;
    position: absolute;
    right: 0;
    transform-origin: left;
    transform-style: preserve-3d;
    transition: all 1s ease;
    width: 100%;
}

.card-front[b-3aog2o8h14],
.card-back-Consulta[b-3aog2o8h14] {
    backface-visibility: hidden;
    height: 89.15%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.card-front[b-3aog2o8h14] {
    height: 75vh;
    width: 35vw;
    border: 1px solid #fafbfa05;
}

.card-front__tp[b-3aog2o8h14] {
    align-items: center;
    clip-path: polygon(0 0, 100% 0, 100% 90%, 57% 90%, 50% 100%, 43% 90%, 0 90%);
    display: flex;
    flex-direction: column;
    height: 80%;
    justify-content: center;
    padding: .75rem;
}

.card-front__bt[b-3aog2o8h14] {
    margin-top: 10px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.card-back-Consulta[b-3aog2o8h14] {
    transform: rotateY(180deg);
    z-index: -100;
}


.inside-page_Consulta[b-3aog2o8h14] {
    height: 100%;
    padding: 1rem;
    position: absolute;
    right: 0;
    transition: all 1s ease;
    width: 35vw;
    z-index: 1;
}

.inside-page__container[b-3aog2o8h14] {
    padding: 0 50px 95px 50px;
    align-items: center;
    flex-direction: column;
    height: 95%;
    /*text-align: center;*/
    width: 100%;
}

/*.body {
    background: #E4EBF6;
}*/

.icon-container[b-3aog2o8h14] {
    display: inline-block;
    border: 5px solid #e7eaf5;
    border-radius: 50%;
    padding: 30px;
}

.third-card[b-3aog2o8h14] {
    position: relative;
    margin-top: 4rem;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 100;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1s ease, transform 1s ease;
}

    .third-card .dataTables_wrapper[b-3aog2o8h14] {
        width: 90% !important;
    }

    .third-card.animated[b-3aog2o8h14] {
        opacity: 1;
        transform: translateY(0);
    }

.card-open[b-3aog2o8h14] {
    box-shadow: -.1rem 1.7rem 6.6rem -3.2rem rgba(0,0,0,0.75);
    border: 1px solid #fafbfa05;
    width: 70vw;
}

.card__consulta.card-open .flip-card__container[b-3aog2o8h14] {
    transform: rotateY(-180deg);
}



/*Colores*/
/*morado1*/
.card1_front[b-3aog2o8h14] {
    background: var(--card1_front);
    /* background: linear-gradient(122deg, #5888be 0%, #546bbd 50%, #7386c8 100%);*/
}

.card1_back[b-3aog2o8h14] {
    /*background: linear-gradient(232deg, rgb(207 228 255 / 26%) 0%, rgb(198 207 224) 50%, rgb(111 135 211 / 45%) 100%);*/
    background: var(--card1_back);
}

.card1_inside[b-3aog2o8h14] {
    /*background: linear-gradient(117deg, rgb(207 228 255 / 26%) 0%, rgb(198 207 224) 50%, rgb(111 135 211 / 45%) 100%);*/
    background: var(--card1_inside);
}

/*azul*/
.card2_front[b-3aog2o8h14] {
    /* background: linear-gradient(122deg, rgb(159 209 236)0%, rgb(64 172 206) 50%, rgb(102 179 204) 100%);*/
    background: var(--card2_front);
}

.card2_back[b-3aog2o8h14] {
    /*background: linear-gradient(44deg, #7db6e694 0%, #a4c8e7d3 50%, #eef4ff33 100%);*/
    background: var(--card2_back);
}

.card2_inside[b-3aog2o8h14] {
    /*background: linear-gradient(44deg, #7db6e694 0%, #a4c8e7d3 50%, #eef4ff33 100%);*/
    background: var(--card2_inside);
}

/*verde*/
.card3_front[b-3aog2o8h14] {
    /*background: linear-gradient(122deg, #89d4cd 1%, #27a599e0 50%, #4DB6AC 100%);*/
    background: var(--card3_front);
}

.card3_back[b-3aog2o8h14] {
    /*background: linear-gradient(262deg, #bcdddc8c 0%, #b6d6d4b0 50%, #96cad3 100%);*/
    background: var(--card3_back);
}

.card3_inside[b-3aog2o8h14] {
    /*background: linear-gradient(82deg, #bcdddc8c 0%, #b6d6d4b0 50%, #96cad3 100%);*/
    background: var(--card3_inside);
}

/*morado2*/
.card4_front[b-3aog2o8h14] {
    /*background: linear-gradient(122deg, #5e35b157 0%, rgb(154 144 199) 50%, #825ac291 100%);*/
    background: var(--card4_front);
}

.card4_back[b-3aog2o8h14] {
    /*background: linear-gradient(88deg, #ac93ea52 0%, #d3cfdd69 50%, #c9c0de5c 100%);*/
    background: var(--card4_back);
}

.card4_inside[b-3aog2o8h14] {
    /*background: linear-gradient(267deg, #ac93ea52 0%, #d3cfdd69 50%, #c9c0de5c 100%);*/
    background: var(--card4_inside);
}


.card-section.Parcal .card-open[b-3aog2o8h14] {
    width: 80vw;
}

.card-section.Parcal .flip-card[b-3aog2o8h14] {
    width: 40vw;
}

.card-section.Parcal .inside-page_Consulta[b-3aog2o8h14] {
    width: 40vw;
}

.card-section.Parcal .card_front .card-front__tp.card1_front[b-3aog2o8h14] {
    width: 40vw;
}

/*Naranja*/
.card5_front[b-3aog2o8h14] {
    background: linear-gradient(122deg, rgb(255, 165, 0, 0.10) 0%, rgb(254, 167, 61, 0.30) 50%, rgb(253, 132, 88, 0.30) 100%);
    /*background: var(--card3_front);*/
}

.card5_back[b-3aog2o8h14] {
    background: linear-gradient(267deg, rgb(255, 165, 0, 0.05) 0%, rgb(249, 178, 92, 0.23) 50%, rgb(248, 134, 56, 0.30) 100%);
    /*background: var(--card3_front);*/
    /* background: var(--card3_back);*/
}

.card5_inside[b-3aog2o8h14] {
    background: linear-gradient(88deg, rgb(255, 165, 0, 0.05) 0%, rgb(249, 178, 92, 0.23) 50%, rgb(248, 134, 56, 0.30) 100%);
    /*background: var(--card3_inside);*/
}


.body.dark-theme .card__consulta button[b-3aog2o8h14] {
    box-shadow: none !important;
}
/* /Shared/NTimbradoNomina/NEnvioWebCFDITimbrados.razor.rz.scp.css */
.card-titulo[b-qx50791mpm] {
    font-size: 25px;
    font-weight: bold;
    font-family: "Poppins", sans-serif;
    color: white;
    text-align: center;
}


.card-front__text[b-qx50791mpm] {
    font-weight: bold;
    font-family: "Poppins", sans-serif;
    color: white;
    font-size: 20px;
}


.card-area[b-qx50791mpm] {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: space-evenly;
    padding: 1rem;
}

.card-section[b-qx50791mpm] {
    overflow: hidden;
    align-items: center;
    display: flex;
    height: 80vh;
    justify-content: center;
    width: 100%;
}


.card__consulta[b-qx50791mpm] {
    background-color: rgba(0,0,0, .05);
    box-shadow: -.1rem 1.7rem 6.6rem -3.2rem rgba(0,0,0,0.5);
    height: 95%;
    position: relative;
    transition: all 1s ease;
    border: 1px solid #ffffff00;
    width: 35vw;
}

.flip-card[b-qx50791mpm] {
    height: 85vh;
    perspective: 100rem;
    position: absolute;
    right: 0;
    transition: all 1s ease;
    visibility: hidden;
    width: 35vw;
    z-index: 100;
}

    .flip-card > *[b-qx50791mpm] {
        visibility: visible;
    }

.flip-card__container[b-qx50791mpm] {
    height: 100%;
    position: absolute;
    right: 0;
    transform-origin: left;
    transform-style: preserve-3d;
    transition: all 1s ease;
    width: 100%;
}

.card-front[b-qx50791mpm],
.card-back-Consulta[b-qx50791mpm] {
    backface-visibility: hidden;
    height: 89.15%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.card-front[b-qx50791mpm] {
    height: 75vh;
    width: 35vw;
    border: 1px solid #fafbfa05;
}

.card-front__tp[b-qx50791mpm] {
    align-items: center;
    clip-path: polygon(0 0, 100% 0, 100% 90%, 57% 90%, 50% 100%, 43% 90%, 0 90%);
    display: flex;
    flex-direction: column;
    height: 80%;
    justify-content: center;
    padding: .75rem;
}

.card-front__bt[b-qx50791mpm] {
    margin-top: 10px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.card-back-Consulta[b-qx50791mpm] {
    transform: rotateY(180deg);
    z-index: -100;
}


.inside-page_Consulta[b-qx50791mpm] {
    height: 100%;
    padding: 1rem;
    position: absolute;
    right: 0;
    transition: all 1s ease;
    width: 35vw;
    z-index: 1;
}

.inside-page__container[b-qx50791mpm] {
    padding: 0 50px 95px 50px;
    align-items: center;
    flex-direction: column;
    height: 95%;
    /*text-align: center;*/
    width: 100%;
}

/*.body {
    background: #E4EBF6;
}*/

.icon-container[b-qx50791mpm] {
    display: inline-block;
    border: 5px solid #e7eaf5;
    border-radius: 50%;
    padding: 30px;
}

.third-card[b-qx50791mpm] {
    position: relative;
    margin-top: 4rem;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 100;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1s ease, transform 1s ease;
}

    .third-card .dataTables_wrapper[b-qx50791mpm] {
        width: 90% !important;
    }

    .third-card.animated[b-qx50791mpm] {
        opacity: 1;
        transform: translateY(0);
    }

.card-open[b-qx50791mpm] {
    box-shadow: -.1rem 1.7rem 6.6rem -3.2rem rgba(0,0,0,0.75);
    border: 1px solid #fafbfa05;
    width: 70vw;
}

.card__consulta.card-open .flip-card__container[b-qx50791mpm] {
    transform: rotateY(-180deg);
}



/*Colores*/
/*morado1*/
.card1_front[b-qx50791mpm] {
    background: var(--card1_front);
    /* background: linear-gradient(122deg, #5888be 0%, #546bbd 50%, #7386c8 100%);*/
}

.card1_back[b-qx50791mpm] {
    /*background: linear-gradient(232deg, rgb(207 228 255 / 26%) 0%, rgb(198 207 224) 50%, rgb(111 135 211 / 45%) 100%);*/
    background: var(--card1_back);
}

.card1_inside[b-qx50791mpm] {
    /*background: linear-gradient(117deg, rgb(207 228 255 / 26%) 0%, rgb(198 207 224) 50%, rgb(111 135 211 / 45%) 100%);*/
    background: var(--card1_inside);
}

/*azul*/
.card2_front[b-qx50791mpm] {
    /* background: linear-gradient(122deg, rgb(159 209 236)0%, rgb(64 172 206) 50%, rgb(102 179 204) 100%);*/
    background: var(--card2_front);
}

.card2_back[b-qx50791mpm] {
    /*background: linear-gradient(44deg, #7db6e694 0%, #a4c8e7d3 50%, #eef4ff33 100%);*/
    background: var(--card2_back);
}

.card2_inside[b-qx50791mpm] {
    /*background: linear-gradient(44deg, #7db6e694 0%, #a4c8e7d3 50%, #eef4ff33 100%);*/
    background: var(--card2_inside);
}

/*verde*/
.card3_front[b-qx50791mpm] {
    /*background: linear-gradient(122deg, #89d4cd 1%, #27a599e0 50%, #4DB6AC 100%);*/
    background: var(--card3_front);
}

.card3_back[b-qx50791mpm] {
    /*background: linear-gradient(262deg, #bcdddc8c 0%, #b6d6d4b0 50%, #96cad3 100%);*/
    background: var(--card3_back);
}

.card3_inside[b-qx50791mpm] {
    /*background: linear-gradient(82deg, #bcdddc8c 0%, #b6d6d4b0 50%, #96cad3 100%);*/
    background: var(--card3_inside);
}

/*morado2*/
.card4_front[b-qx50791mpm] {
    /*background: linear-gradient(122deg, #5e35b157 0%, rgb(154 144 199) 50%, #825ac291 100%);*/
    background: var(--card4_front);
}

.card4_back[b-qx50791mpm] {
    /*background: linear-gradient(88deg, #ac93ea52 0%, #d3cfdd69 50%, #c9c0de5c 100%);*/
    background: var(--card4_back);
}

.card4_inside[b-qx50791mpm] {
    /*background: linear-gradient(267deg, #ac93ea52 0%, #d3cfdd69 50%, #c9c0de5c 100%);*/
    background: var(--card4_inside);
}


.card-section.Parcal .card-open[b-qx50791mpm] {
    width: 80vw;
}

.card-section.Parcal .flip-card[b-qx50791mpm] {
    width: 40vw;
}

.card-section.Parcal .inside-page_Consulta[b-qx50791mpm] {
    width: 40vw;
}

.card-section.Parcal .card_front .card-front__tp.card1_front[b-qx50791mpm] {
    width: 40vw;
}

/*Naranja*/
.card5_front[b-qx50791mpm] {
    background: linear-gradient(122deg, rgb(255, 165, 0, 0.10) 0%, rgb(254, 167, 61, 0.30) 50%, rgb(253, 132, 88, 0.30) 100%);
    /*background: var(--card3_front);*/
}

.card5_back[b-qx50791mpm] {
    background: linear-gradient(267deg, rgb(255, 165, 0, 0.05) 0%, rgb(249, 178, 92, 0.23) 50%, rgb(248, 134, 56, 0.30) 100%);
    /*background: var(--card3_front);*/
    /* background: var(--card3_back);*/
}

.card5_inside[b-qx50791mpm] {
    background: linear-gradient(88deg, rgb(255, 165, 0, 0.05) 0%, rgb(249, 178, 92, 0.23) 50%, rgb(248, 134, 56, 0.30) 100%);
    /*background: var(--card3_inside);*/
}


.body.dark-theme .card__consulta button[b-qx50791mpm] {
    box-shadow: none !important;
}


.scroll-box[b-qx50791mpm] {
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid;
    color: transparent;
    border-radius: 6px;
    padding: 10px;
    background-color: transparent;
}

    .scroll-box[b-qx50791mpm]::-webkit-scrollbar {
        width: 8px;
    }

    .scroll-box[b-qx50791mpm]::-webkit-scrollbar-thumb {
        background: var( --scroll-background);
        border-radius: 4px;
    }

.msg-icon[b-qx50791mpm] {
    font-size: 1.2rem;
    margin-right: 8px;
}

.message-divider[b-qx50791mpm] {
    border: none;
    margin: 0.5rem 0;
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--primary-200) !important
}

.strong-text[b-qx50791mpm] {
    color: var(--text-color);
    font-size: var(--font-xs);
}


.animate-fade-in[b-qx50791mpm] {
    animation: fadeIn 0.5s ease-in;
}
/* /Shared/NTimbradoNomina/NTimbradoCFDINomina.razor.rz.scp.css */
/*CARD DE CONSULTA*/
.card-titulo[b-qurc6kfujj] {
    font-size: 25px;
    font-weight: bold;
    font-family: "Poppins", sans-serif;
    color: white;
    text-align: center;
}


.card-front__text[b-qurc6kfujj] {
    font-weight: bold;
    font-family: "Poppins", sans-serif;
    color: white;
    font-size: 20px;
}


.card-area[b-qurc6kfujj] {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: space-evenly;
    padding: 1rem;
}

.card-section[b-qurc6kfujj] {
    overflow: hidden;
    align-items: center;
    display: flex;
    height: 80vh;
    justify-content: center;
    width: 100%;
}


.card__consulta[b-qurc6kfujj] {
    background-color: rgba(0,0,0, .05);
    box-shadow: -.1rem 1.7rem 6.6rem -3.2rem rgba(0,0,0,0.5);
    height: 95%;
    position: relative;
    transition: all 1s ease;
    border: 1px solid #ffffff00;
    width: 35vw;
}

.flip-card[b-qurc6kfujj] {
    height: 85vh;
    perspective: 100rem;
    position: absolute;
    right: 0;
    transition: all 1s ease;
    visibility: hidden;
    width: 35vw;
    z-index: 100;
}

    .flip-card > *[b-qurc6kfujj] {
        visibility: visible;
    }

.flip-card__container[b-qurc6kfujj] {
    height: 100%;
    position: absolute;
    right: 0;
    transform-origin: left;
    transform-style: preserve-3d;
    transition: all 1s ease;
    width: 100%;
}

.card-front[b-qurc6kfujj],
.card-back-Consulta[b-qurc6kfujj] {
    backface-visibility: hidden;
    height: 89.15%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.card-front[b-qurc6kfujj] {
    height: 75vh;
    width: 35vw;
    border: 1px solid #fafbfa05;
}

.card-front__tp[b-qurc6kfujj] {
    align-items: center;
    clip-path: polygon(0 0, 100% 0, 100% 90%, 57% 90%, 50% 100%, 43% 90%, 0 90%);
    display: flex;
    flex-direction: column;
    height: 80%;
    justify-content: center;
    padding: .75rem;
}

.card-front__bt[b-qurc6kfujj] {
    margin-top: 10px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.card-back-Consulta[b-qurc6kfujj] {
    transform: rotateY(180deg);
    z-index: -100;
}


.inside-page_Consulta[b-qurc6kfujj] {
    height: 100%;
    padding: 1rem;
    position: absolute;
    right: 0;
    transition: all 1s ease;
    width: 35vw;
    z-index: 1;
}

.inside-page__container[b-qurc6kfujj] {
    padding: 0 50px 95px 50px;
    align-items: center;
    flex-direction: column;
    height: 95%;
    /*text-align: center;*/
    width: 100%;
}

/*.body {
    background: #E4EBF6;
}*/

.icon-container[b-qurc6kfujj] {
    display: inline-block;
    border: 5px solid #e7eaf5;
    border-radius: 50%;
    padding: 30px;
}

.third-card[b-qurc6kfujj] {
    position: relative;
    margin-top: 4rem;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 100;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1s ease, transform 1s ease;
}

    .third-card .dataTables_wrapper[b-qurc6kfujj] {
        width: 90% !important;
    }

    .third-card.animated[b-qurc6kfujj] {
        opacity: 1;
        transform: translateY(0);
    }

.card-open[b-qurc6kfujj] {
    box-shadow: -.1rem 1.7rem 6.6rem -3.2rem rgba(0,0,0,0.75);
    border: 1px solid #fafbfa05;
    width: 70vw;
}

.card__consulta.card-open .flip-card__container[b-qurc6kfujj] {
    transform: rotateY(-180deg);
}



/*Colores*/
/*morado1*/
.card1_front[b-qurc6kfujj] {
    background: var(--card1_front);
    /* background: linear-gradient(122deg, #5888be 0%, #546bbd 50%, #7386c8 100%);*/
}

.card1_back[b-qurc6kfujj] {
    /*background: linear-gradient(232deg, rgb(207 228 255 / 26%) 0%, rgb(198 207 224) 50%, rgb(111 135 211 / 45%) 100%);*/
    background: var(--card1_back);
}

.card1_inside[b-qurc6kfujj] {
    /*background: linear-gradient(117deg, rgb(207 228 255 / 26%) 0%, rgb(198 207 224) 50%, rgb(111 135 211 / 45%) 100%);*/
    background: var(--card1_inside);
}

/*azul*/
.card2_front[b-qurc6kfujj] {
    /* background: linear-gradient(122deg, rgb(159 209 236)0%, rgb(64 172 206) 50%, rgb(102 179 204) 100%);*/
    background: var(--card2_front);
}

.card2_back[b-qurc6kfujj] {
    /*background: linear-gradient(44deg, #7db6e694 0%, #a4c8e7d3 50%, #eef4ff33 100%);*/
    background: var(--card2_back);
}

.card2_inside[b-qurc6kfujj] {
    /*background: linear-gradient(44deg, #7db6e694 0%, #a4c8e7d3 50%, #eef4ff33 100%);*/
    background: var(--card2_inside);
}

/*verde*/
.card3_front[b-qurc6kfujj] {
    /*background: linear-gradient(122deg, #89d4cd 1%, #27a599e0 50%, #4DB6AC 100%);*/
    background: var(--card3_front);
}

.card3_back[b-qurc6kfujj] {
    /*background: linear-gradient(262deg, #bcdddc8c 0%, #b6d6d4b0 50%, #96cad3 100%);*/
    background: var(--card3_back);
}

.card3_inside[b-qurc6kfujj] {
    /*background: linear-gradient(82deg, #bcdddc8c 0%, #b6d6d4b0 50%, #96cad3 100%);*/
    background: var(--card3_inside);
}

/*morado2*/
.card4_front[b-qurc6kfujj] {
    /*background: linear-gradient(122deg, #5e35b157 0%, rgb(154 144 199) 50%, #825ac291 100%);*/
    background: var(--card4_front);
}

.card4_back[b-qurc6kfujj] {
    /*background: linear-gradient(88deg, #ac93ea52 0%, #d3cfdd69 50%, #c9c0de5c 100%);*/
    background: var(--card4_back);
}

.card4_inside[b-qurc6kfujj] {
    /*background: linear-gradient(267deg, #ac93ea52 0%, #d3cfdd69 50%, #c9c0de5c 100%);*/
    background: var(--card4_inside);
}


.card-section.Parcal .card-open[b-qurc6kfujj] {
    width: 80vw;
}

.card-section.Parcal .flip-card[b-qurc6kfujj] {
    width: 40vw;
}

.card-section.Parcal .inside-page_Consulta[b-qurc6kfujj] {
    width: 40vw;
}

.card-section.Parcal .card_front .card-front__tp.card1_front[b-qurc6kfujj] {
    width: 40vw;
}

/*Naranja*/
.card5_front[b-qurc6kfujj] {
    background: linear-gradient(122deg, rgb(255, 165, 0, 0.10) 0%, rgb(254, 167, 61, 0.30) 50%, rgb(253, 132, 88, 0.30) 100%);
    /*background: var(--card3_front);*/
}

.card5_back[b-qurc6kfujj] {
    background: linear-gradient(267deg, rgb(255, 165, 0, 0.05) 0%, rgb(249, 178, 92, 0.23) 50%, rgb(248, 134, 56, 0.30) 100%);
    /*background: var(--card3_front);*/
    /* background: var(--card3_back);*/
}

.card5_inside[b-qurc6kfujj] {
    background: linear-gradient(88deg, rgb(255, 165, 0, 0.05) 0%, rgb(249, 178, 92, 0.23) 50%, rgb(248, 134, 56, 0.30) 100%);
    /*background: var(--card3_inside);*/
}


.body.dark-theme .card__consulta button[b-qurc6kfujj] {
    box-shadow: none !important;
}


.bi-dash-circle-fill[b-qurc6kfujj],
.bi-check-circle-fill[b-qurc6kfujj],
.bi-exclamation-circle-fill[b-qurc6kfujj] {
    font-size: 13.3px;
}

.bi-dash-circle-fill[b-qurc6kfujj] {
    color: #D32F2F !important;
}

.bi-check-circle-fill[b-qurc6kfujj] {
    color: #388E3C !important;
}

.bi-exclamation-circle-fill[b-qurc6kfujj] {
    color: #ffd800 !important;
}



/* Estilos para la respuesta de los CFDI Timbrados y no Timbrados */
.scroll-box[b-qurc6kfujj] {
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid;
    color: transparent;
    border-radius: 6px;
    padding: 10px;
    background-color: transparent;
}

    .scroll-box[b-qurc6kfujj]::-webkit-scrollbar {
        width: 8px;
    }

    .scroll-box[b-qurc6kfujj]::-webkit-scrollbar-thumb {
        background: var( --scroll-background);
        border-radius: 4px;
    }

.msg-icon[b-qurc6kfujj] {
    font-size: 1.2rem;
    margin-right: 8px;
}

.message-divider[b-qurc6kfujj] {
    border: none;
    margin: 0.5rem 0;
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--primary-200) !important
}

.strong-text[b-qurc6kfujj] {
    color: var(--text-color);
    font-size: var(--font-xs);
}