@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';

/* /Layout/Empresas/MasSaben/MasSabenMenu.razor.rz.scp.css */
/* General sidebar styles */
.sidebar[b-ltg2pxwigb] {
    position: fixed;
    height: 100%;
    width: 250px;
    top: 0;
    background: var(--sidebar-primary-color);
    transition: var(--tran-03);
    z-index: 10;
}
    .sidebar.close[b-ltg2pxwigb] {
        width: 80px;
    }
    .sidebar.close .toggle[b-ltg2pxwigb] {
        transform: translateY(-50%) rotate(0deg);
    }

    .sidebar.open .text[b-ltg2pxwigb] {
        visibility: visible;
    }

    .sidebar.close .text[b-ltg2pxwigb] {
        display: none !important;
    }

.poppins-regular[b-ltg2pxwigb] {
    color: #B4B4B4;
}

.massaben[b-ltg2pxwigb] {
    font-weight: 500;
    font-size: 1.2rem;
}

.sidebar header .toggle[b-ltg2pxwigb] {
    position: absolute;
    top: 25px;
    right: -13px;
    transform: translateY(-50%) rotate(180deg);
    height: 25px;
    width: 25px;
    background: var(--primary-color);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    cursor: pointer;
    transition: var(--tran-03);
}
/*====Seccion Menu====*/
.sidebar .menu-bar[b-ltg2pxwigb] {
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100% - 60px);
}

.nav-link[b-ltg2pxwigb]{
    flex-wrap: nowrap;
}

.sidebar li[b-ltg2pxwigb] {
    margin-top: 5px;
    padding: 5px;
    border-radius: 5px;
    min-height: 37px;
    display: flex;
    align-items: center;
}

.nav-text[b-ltg2pxwigb]{
    font-size: 15px;
}

li .icon[b-ltg2pxwigb] {
    color: #CDCDCD;
    margin-right: 5px;
    display: flex;
    justify-content: center;
    /*Sidebar 70px*/
    min-width: 35px;
}
.sidebar li a[b-ltg2pxwigb] {
    text-decoration: none;
    list-style: none;
    border-radius: 6px;
    color: #B4B4B4;
    width: 100%;
    transition: var(--tran-03);
    display: flex;
    align-items: center;
}
.sidebar li:hover[b-ltg2pxwigb] {
    border-left: 3px solid blue;
    background: #07215A;
}


body.dark .sidebar li a:hover .icon[b-ltg2pxwigb],
body.dark .sidebar li a:hover .text[b-ltg2pxwigb] {
    color: var(--text-color);
}


/*Home*/
.menu-toggle[b-ltg2pxwigb] {
    font-size: 25px;
    display: flex;
    border: solid 2px;
    width: 37px;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    
}

.home[b-ltg2pxwigb] {
    position: relative;
    left: 250px;
    width: calc(100% - 250px);
    height: 100vh;
    background-color: var(--body-color);
    transition: var(--tran-03);
    overflow-x: hidden;
}

    .home.full-width[b-ltg2pxwigb] {
        left: 80px;
        width: calc(100% - 80px);
    }


/* Top bar for mobile */
.topbar-massaben[b-ltg2pxwigb] {
    align-items: center;
    justify-content: space-between;
    background-color: var(--sidebar-primary-color);
    color: var(--sidebar-text-color-primary);
    padding: 10px 15px;
    height: 55px;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 10;
    display:none !important;
}

/* Small screens adjustments */
/*MD = 168 PX BOOSTRAP*/
@media (max-width: 770px) {
    .topbar-massaben[b-ltg2pxwigb] {
        display: block !important;
    }
    .sidebar[b-ltg2pxwigb] {
        opacity: 0;
        transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
        transform: translateX(-100%);
    }

        .sidebar.visible[b-ltg2pxwigb] {
            transform: translateX(0);
            opacity: 1;
            z-index: 11;
        }

    .home[b-ltg2pxwigb] {
        left: 0;
        width: 100%;
    }

        .home.full-width[b-ltg2pxwigb] {
            left: 0px;
            width: calc(100%);
        }
}

/*SCROLL*/
.sidebar .menu-bar[b-ltg2pxwigb]::-webkit-scrollbar {
    width: 2px;
}

.sidebar .menu-bar[b-ltg2pxwigb]::-webkit-scrollbar-thumb {
    background-color: #3481F4;
    border-radius: 10px;
    background-clip: content-box;
}

/* /Layout/Empresas/MasSaben/MasSabenMenuComprobantes.razor.rz.scp.css */
.navbar[b-6bmw1wiuq4] {
    position: sticky;
    top: 0;
    z-index: 9;
    height: 50px;
    background: white;
}

.navbar-nav[b-6bmw1wiuq4] {
    display: flex;
    min-width: max-content;
    font-size: 0.9rem;
}

    .navbar-nav .nav-item[b-6bmw1wiuq4] {
        flex: 0 0 auto;
    }

[b-6bmw1wiuq4] .nav-link {
    white-space: nowrap;
    height: 100%;
    padding: 0 5px;
    display: flex;
    align-items: center;
}

.nav-item.selected[b-6bmw1wiuq4] {
    border-bottom: 2px solid blue;
}




/*Configuracion de scroll*/
/* Estilo para navegadores basados en WebKit (Chrome, Edge, Safari) */
.scroll-container[b-6bmw1wiuq4]::-webkit-scrollbar {
    height: 4px; /* Grosor más fino */
}

.scroll-container[b-6bmw1wiuq4]::-webkit-scrollbar-track {
    background: transparent; /* Para que no se vea el fondo */
}

.scroll-container[b-6bmw1wiuq4]::-webkit-scrollbar-thumb {
    background: rgba(128, 128, 128, 0.4); /* Gris suave y semi-transparente */
    border-radius: 10px; /* Bordes redondeados */
}

    .scroll-container[b-6bmw1wiuq4]::-webkit-scrollbar-thumb:hover {
        background: rgba(128, 128, 128, 0.6); /* Un poco más visible al pasar el mouse */
    }

@media (max-width: 768px) {
    .scroll-container[b-6bmw1wiuq4]{
        justify-content: start;
    }
    .navbar[b-6bmw1wiuq4] {
        top: 55px;
    }
}
/* /Layout/Empresas/MasSaben/MasSabenMenuComprobantesRecibidos.razor.rz.scp.css */
.top-bar[b-6bqtsxz5ql]{
    position:sticky;
    top: 50px;
    background: white;
    z-index: 9;
}
.content[b-6bqtsxz5ql]{
    z-index: 1;
}

[b-6bqtsxz5ql] .nav-item {
    border-left: 1px solid #D4D4D4;
}
.nav-item.selected[b-6bqtsxz5ql] {
    border-bottom: 2px solid blue;
}

@media (max-width: 991px) {
    .Button-Menu[b-6bqtsxz5ql] {
        width: 100%;
    }
    .top-bar[b-6bqtsxz5ql] {
        top: 50px;
    }
    :: deep .nav-item[b-6bqtsxz5ql] {
        border-left: 0;
        border-bottom: 1px solid #D4D4D4;
    }
}
@media (max-width: 770px) {
    .top-bar[b-6bqtsxz5ql] {
        top: 105.5px;
    }
}
/* /Layout/Loadings/Circle_porcentaje.razor.rz.scp.css */
.circle-container[b-966c24r0d2] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.circle[b-966c24r0d2] {
    position: relative;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    overflow: hidden;
    transform: rotate(-45deg); /* Rota para empezar en la parte superior */
}

.segment[b-966c24r0d2] {
    position: absolute;
    width: 50%;
    height: 50%;
    background-color: lightgray;
    transform-origin: 100% 100%;
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    transition: background-color 0.3s;
}

    .segment:nth-child(1)[b-966c24r0d2] {
        transform: rotate(0deg);
    }

    .segment:nth-child(2)[b-966c24r0d2] {
        transform: rotate(45deg);
    }

    .segment:nth-child(3)[b-966c24r0d2] {
        transform: rotate(90deg);
    }

    .segment:nth-child(4)[b-966c24r0d2] {
        transform: rotate(135deg);
    }

    .segment:nth-child(5)[b-966c24r0d2] {
        transform: rotate(180deg);
    }

    .segment:nth-child(6)[b-966c24r0d2] {
        transform: rotate(225deg);
    }

    .segment:nth-child(7)[b-966c24r0d2] {
        transform: rotate(270deg);
    }

    .segment:nth-child(8)[b-966c24r0d2] {
        transform: rotate(315deg);
    }

input[type="range"][b-966c24r0d2] {
    margin-top: 20px;
}
/* /Layout/Loadings/ProgressCircle.razor.rz.scp.css */
.container[b-up0pfej5vs] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px;
    background-color: #f8f9fa;
}

.progress-circle[b-up0pfej5vs] {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: conic-gradient(#4caf50 0% 75%, #e0e0e0 75% 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

    .progress-circle[b-up0pfej5vs]::before {
        content: '';
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background-color: #f8f9fa;
        position: absolute;
    }

.progress-text[b-up0pfej5vs] {
    position: absolute;
    font-size: 0.9rem;
    color: #333;
}
/* /Layout/Principal/Cuenta/Menucuenta.razor.rz.scp.css */
.nav-link-custom[b-yap5kegwsf] {
    text-decoration: none;
    color: black;
}

.layout-container[b-yap5kegwsf] {
    display: flex;
    height: 100vh;
    flex-direction: column;
}

/* Menú lateral */
.sidebar[b-yap5kegwsf] {
    width: 250px;
    background-color: #2c3e50;
    color: white;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    transform: translateX(-100%);
    z-index: 1000;
    transition: transform 0.3s ease-in-out;
}
.sidebar.expanded[b-yap5kegwsf] {
    transform: translateX(0);
}

/* Barra superior */
.top-bar[b-yap5kegwsf] {
    background-color: #34495e;
    color: white;
    padding: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    width: 100%;
    z-index: 2;
}

/* Botón del menú */
.top-bar button[b-yap5kegwsf] {
    background-color: transparent;
    border: none;
    color: white;
    font-size: 1.5rem;
}

/* Menú lateral */
.sidebar[b-yap5kegwsf] {
    width: 250px;
    background-color: #2c3e50;
    color: white;
    position: fixed;
    transform: translateX(-100%);
}

/* Estilo de cada ítem del menú */
.menu-items[b-yap5kegwsf] {
    padding: 0px;
    list-style-type: none;
    text-decoration-line: none;
}
    .menu-items li[b-yap5kegwsf] {
        position: relative;
        margin: 10px;
        border-radius: 5px;
        padding: 5px 10px;
        list-style-type: none;
    }    

    .menu-items li:hover[b-yap5kegwsf] {
        background: #253137;
    }

    .menu-items li.active[b-yap5kegwsf] {
        background: #253137;
    }

    .menu-items li .selector[b-yap5kegwsf] {
        display: none;
        position: absolute;
        background: blue;
        height: 70%;
        width: 4px;
        left: 0px;
        border-radius: 0px 20px 20px 0px;
    }
    .icon[b-yap5kegwsf]{
        margin-left: 10px;
        margin-right: 5px;
    }
/* Estilo de los iconos dentro de los ítems del menú */
.menu-items li .icon i[b-yap5kegwsf] {
    color: white;
    margin-left: 10px;
    transition: font-size 0.3s ease;
}

.menu-items li .menu-text[b-yap5kegwsf] {
    color: #CACACA;
    opacity: 1;
    margin-left: 10px;
    position: relative;
}


/* Contenido principal */
.main-content[b-yap5kegwsf] {
    transition: margin-left 0.3s ease-in-out;
    margin-top: 50px;
    margin-left: 0px;
    overflow-x: hidden;
}

/* En pantallas pequeñas*/
@media (max-width: 768px) {
    .sidebar[b-yap5kegwsf] {
        position: fixed; 
        width: 250px;
        height: 100%;
    }
}

/* En pantallas grandes, el menú lateral se coloca al costado */
@media (min-width: 769px) {
    .sidebar[b-yap5kegwsf] {
        position: fixed;
        width: 250px;
        height: 100vh;
    }
    .main-content.collapsed[b-yap5kegwsf] {
        margin-left: 250px;
    }
    .top-bar.expanded[b-yap5kegwsf] {
        transition: margin-left 0.3s ease-in-out;
        margin-left: 250px;
    }
        .top-bar.expanded .nombre-empresa[b-yap5kegwsf] {
            transition: margin-left 0.3s ease-in-out;
            margin-right: 250px;
        }
}
/* /Layout/Principal/MenuPrincipal.razor.rz.scp.css */
.nav-link[b-2pfmpgbx3u] {
    color: white;
    transition: color 0.1s ease, font-size 0.1s ease;
}

    .nav-link:hover[b-2pfmpgbx3u] {
        font-size: 1.1rem;
    }

    .nav-link:active[b-2pfmpgbx3u],
    .nav-link:focus[b-2pfmpgbx3u] {
        color: blue;
    }
.dropdown-item[b-2pfmpgbx3u] {
    border: 1px solid transparent;
    border-radius: 12px;
}
.dropdown-item:hover[b-2pfmpgbx3u] {
    border-color: var(--border-color);
}
.logo-slidebar[b-2pfmpgbx3u]{
    width: 100px;
}

@media(max-width: 991px) {
    .contenedor-principal[b-2pfmpgbx3u] {
        margin: 0px 5px;
    }
    .sidebar .offcanvas-header[b-2pfmpgbx3u] {
        padding: 5px 30px;
    }

    .pantallas-pequeñas[b-2pfmpgbx3u] {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    .dropdown .dropdown-menu[b-2pfmpgbx3u] {
        bottom: 100%;
        left: -120px;
        top: auto;
    }

    .offcanvas[b-2pfmpgbx3u] {
        transition: transform 0.5s ease-out;
    }

    .offcanvas-hide-left[b-2pfmpgbx3u] {
        transform: translateX(-100%);
    }
}
/* /Layout/Redireccionar.razor.rz.scp.css */
.contenedor[b-su6xiys030] {
    height: 100vh;
    padding: 30px;
}
.access-denied[b-su6xiys030] {
    width: 30rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: start;
    border-radius: 8px; 
}

.lock-icon[b-su6xiys030] {
    font-size: 60px;
    color: #dc3545;
    margin-bottom: 0;
}

.Error403[b-su6xiys030] {
    font-size: 30px;
    font-weight: bold;
    color: #dc3545;
    margin-bottom: 20px;
}

.message-title[b-su6xiys030] {
    font-size: 30px;
    font-weight: bold;
    color: #721c24;
    margin-bottom: 10px;
}

.message-text[b-su6xiys030] {
    font-size: 16px;
    color: var(--text-color);
    margin-bottom: 20px;
}
/* /Layout/RegistroUsuario.razor.rz.scp.css */
.imagen[b-z6ijrp7k2z] {
    width: 4rem;
    height: 4rem;
}

@media (max-width: 575px) {
    .container[b-z6ijrp7k2z] {
        width: 87%;
    }
}
/* /Mensajes/Alert.razor.rz.scp.css */
.color-themes[b-4fhdavd6u8] {
    --color-success-bg: #C4F1D4; /* Fondo verde un poco más fuerte */
    --color-success-border: #34C759; /* Verde vibrante */
    --color-success-text: #247141; /* Verde oscuro para texto */
    --color-success-btn-bg: #A8E7BF; /* Botón verde sutil */

    --color-warning-bg: #FFE3B5; /* Fondo naranja un poco más fuerte */
    --color-warning-border: #FFA726; /* Naranja cálido */
    --color-warning-text: #E65100; /* Naranja oscuro para texto */
    --color-warning-btn-bg: #FFD59A; /* Botón naranja sutil */

    --color-error-bg: #FFC1C6; /* Fondo rosado un poco más fuerte */
    --color-error-border: #FF3B30; /* Rojo intenso */
    --color-error-text: #D32F2F; /* Rojo oscuro para texto */
    --color-error-btn-bg: #FFACB3; /* Botón rojo sutil */

    --color-info-bg: #B9DFF8; /* Fondo azul un poco más fuerte */
    --color-info-border: #2196F3; /* Azul brillante */
    --color-info-text: #0D47A1; /* Azul oscuro para texto */
    --color-info-btn-bg: #9ACCEE; /* Botón azul sutil */
}


.alert[b-4fhdavd6u8] {
    padding: 5px 57px;
    width: 380px;
    min-height: 40px;
    position: fixed;
    top: 5px;
    right: -480px;
    border: none;
    border-radius: 4px;
    border-left: 8px solid;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    z-index: 50;
    transition: right 0.5s ease, opacity 0.5s ease;
    display: flex;
    align-items: center;
}

    .alert.showAlert[b-4fhdavd6u8] {
        right: 5px;
        opacity: 1;
        pointer-events: auto;
    }

    .alert.hideAlert[b-4fhdavd6u8] {
        background: red;
        right: -480px;
        opacity: 0;
        pointer-events: none;
    }

    .alert .icono[b-4fhdavd6u8] {
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 30px;
    }

    .alert .msg[b-4fhdavd6u8] {
        font-weight: 400;
        font-size: 15px;
        word-wrap: break-word;
    }

    .alert .close-btn[b-4fhdavd6u8] {
        height: 100%;
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        padding: 10px;
        cursor: pointer;
        font-size: 30px;
    }

    /* Success */
    .alert.success[b-4fhdavd6u8] {
        background: var(--color-success-bg);
        border-left-color: var(--color-success-border);
        color: var(--color-success-text);
    }

        .alert.success .close-btn[b-4fhdavd6u8] {
            background-color: var(--color-success-btn-bg);
            color: var(--color-success-text);
        }

        .alert.success .bi-check-circle-fill[b-4fhdavd6u8] {
            font-size: 25px;
            color: var(--color-success-border);
            position: absolute;
            left: 15px;
            top: 50%;
            transform: translateY(-50%);
        }

    /* Warning */
    .alert.warning[b-4fhdavd6u8] {
        background: var(--color-warning-bg);
        border-left-color: var(--color-warning-border);
        color: var(--color-warning-text);
    }

        .alert.warning .close-btn[b-4fhdavd6u8] {
            background-color: var(--color-warning-btn-bg);
            color: var(--color-warning-text);
        }

        .alert.warning .bi-exclamation-circle-fill[b-4fhdavd6u8] {
            font-size: 25px;
            color: var(--color-warning-border);
            position: absolute;
            left: 15px;
            top: 50%;
            transform: translateY(-50%);
        }

    /* Error */
    .alert.error[b-4fhdavd6u8] {
        background: var(--color-error-bg);
        border-left-color: var(--color-error-border);
        color: var(--color-error-text);
    }

        .alert.error .close-btn[b-4fhdavd6u8] {
            background-color: var(--color-error-btn-bg);
            color: var(--color-error-text);
        }

        .alert.error .bi-x-circle-fill[b-4fhdavd6u8] {
            font-size: 25px;
            color: var(--color-error-border);
            position: absolute;
            left: 15px;
            top: 50%;
            transform: translateY(-50%);
        }

    /* Info */
    .alert.info[b-4fhdavd6u8] {
        background: var(--color-info-bg);
        border-left-color: var(--color-info-border);
        color: var(--color-info-text);
    }

        .alert.info .close-btn[b-4fhdavd6u8] {
            background-color: var(--color-info-btn-bg);
            color: var(--color-info-text);
        }

        .alert.info .bi-info-circle-fill[b-4fhdavd6u8] {
            font-size: 25px;
            color: var(--color-info-border);
            position: absolute;
            left: 15px;
            top: 50%;
            transform: translateY(-50%);
        }
/* /Modal/Master/BoostrapModal.razor.rz.scp.css */
/* Animación de fade-in */
@keyframes fadeIn-b-4u2cyqpea5 {
    from {
        opacity: 0.5;
        transform: scale(0.95);
    }

    to {
        opacity: 1;
        transform: scale(1); 
    }
}

.modal-dialog[b-4u2cyqpea5] {
    animation: fadeIn-b-4u2cyqpea5 0.5s ease-out forwards;
}

.modal-content[b-4u2cyqpea5] {
    padding: 0;
    border: none;
}

.modal-header[b-4u2cyqpea5] {
    background: #EEEEEE;
}

.modal-title[b-4u2cyqpea5] {
    font-size: 1rem;
    font-weight: 600;
}
/* /Pages/login/Autenticacion.razor.rz.scp.css */
.container[b-vudr7ojo1t] {
    height: 100vh;
    width: 100%;
}

.contenedor[b-vudr7ojo1t] {
    max-width: 27rem;
    padding: 2rem;
}

.imagen[b-vudr7ojo1t] {
    width: 8rem;
    height: 8rem;
}

.container-correo[b-vudr7ojo1t] {
    background-color: #84F5AE;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
}

.container-correo-hijo[b-vudr7ojo1t] {
    background-color: #1ADB50;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
}

.icono[b-vudr7ojo1t] {
    font-size: 1rem;
    color: white;
}

.Suse[b-vudr7ojo1t] {
    font-weight: 600;
}

.correo[b-vudr7ojo1t] {
    background-color: #E8E8E8;
    border-radius: 20px;
    font-size: 0.9rem;
    display: inline-block;
    color: #8B8B8B;
    padding: 2px 15px;
}
/* /Pages/login/UpdatePassword.razor.rz.scp.css */
.container[b-m30w46skn2]{
    height: 100vh;
}
.card[b-m30w46skn2] {
    border: 0;
    overflow: hidden;
}
/* /Pages/PagesCuenta/EditarPerfil.razor.rz.scp.css */
.card[b-v37rv92tpe] {
    margin: 0 10px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    background: #361C8D;
}
    .card p[b-v37rv92tpe] {
        color: #E2E2E2;
    }
.card-personalizado[b-v37rv92tpe] {
    border-radius: 10px;
    margin: 10px;
    margin-top: 20px;
    padding: 10px;
    background: #F7F7F7;
    border: 1px solid #E2E2E2;
}

.row label[b-v37rv92tpe] {
    font-size: 15px;
}

.form-label[b-v37rv92tpe] {
    color: #444444;
}
/* /Pages/PagesCuenta/menuPerfil/Area.razor.rz.scp.css */
.title-area[b-mfc55mzfrb] {
    color: #361C8D;
    font-size: 18px;
}
.text-secundario[b-mfc55mzfrb] {
    font-size: 15px;
}

/* /Pages/PagesCuenta/Pagescuenta.razor.rz.scp.css */
.portada[b-g1d6fbwvjx] {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.editar-perfil[b-g1d6fbwvjx] {
    top: 240px;
    right: 20px;
    z-index: 1;
}
.btn-editar-perfil[b-g1d6fbwvjx] {
    border-radius: 20px;
    background: #34495E;
    color: white;
}

.foto-perfil[b-g1d6fbwvjx] {
    display: flex;
    justify-content: center;
    position: absolute;
    top: -120px;
    z-index: 2;
    width: 100%;
}
.imgperfil[b-g1d6fbwvjx] {
    border-radius: 50%;
    border: 3px solid #929292;
    object-fit: cover;
    width: 220px;
    height: 220px;
}
.nombre-descripción[b-g1d6fbwvjx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 100px;
}

.nombres[b-g1d6fbwvjx] {
    font-weight: bold;
    font-size: 28px;
}
.ocupacion[b-g1d6fbwvjx]{
    margin-top: -10px;
}
.descripcion[b-g1d6fbwvjx] {
    text-align: justify;
    font-size: 16px;
}
.btn-social[b-g1d6fbwvjx] {
    border-radius: 20px;
    background: #32CD32;
}
.icon[b-g1d6fbwvjx] {
    width: 24px;
    height: 24px;
}
.btn-menu[b-g1d6fbwvjx] {
    background: #EDEDEF;
    border-radius: 5px;
}
.content-perfil[b-g1d6fbwvjx]{
    margin-top: 10px;
}
.list-group-item[b-g1d6fbwvjx] {
    cursor: pointer; 
}
.list-group-item:hover[b-g1d6fbwvjx] {
    background-color: #f0f0f0;
}
/*css menu principal y subemenu*/
.sub-menu.active[b-g1d6fbwvjx]{
    display: block;
}
/* Pantallas pequeñas (teléfonos) */
@media (max-width: 576px) {
    .portada[b-g1d6fbwvjx] {
        height: 250px;
    }
    .editar-perfil[b-g1d6fbwvjx] {
        top: 40px;
    }
}


/* Pantallas medianas (tabletas) */
@media (min-width: 577px) and (max-width: 768px) {

}


/* Pantallas grandes (desktops) */
@media (min-width: 769px) {
    
}
/* /Pages/pagesEmpresas.razor.rz.scp.css */
body[b-17oet2834h] {
    font-family: "Roboto", sans-serif;
}
.card-img-top[b-17oet2834h] {
    height: 13rem;
    object-fit: cover;
}
.menu-buttons[b-17oet2834h] {
    background: #E7E7E7;
}
.titulo[b-17oet2834h] {
    color: #0B3251;
    font-size: 25px;
}
.descripcion[b-17oet2834h]{
    font-size: 14px;
}
.btn-icon[b-17oet2834h] {
    border: none;
    transition: transform 0.1s ease, background-color 0.1s ease;
    color: #253137;
    font-size: 19px;
}
    .btn-icon:hover[b-17oet2834h] {
        transform: scale(1.3);
        color: #0796E9;
    }
/* /Pages/PagesMasSaben/ComprobantesPago/MasSabenComprobantesDashboard.razor.rz.scp.css */
/*====HEADER====*/

.dropdown .dropdown-menu[b-0gjr6bsuoa] {
    cursor: pointer;
    background: #F5F5F5;
    font-size: 0.9rem;
}

.btn-informe[b-0gjr6bsuoa] {
    background: gold;
    color: var(--text-color2);
}

.btn-informe:active[b-0gjr6bsuoa] {
    border: 1px solid #FE8B00;
}

.input-group[b-0gjr6bsuoa]{
    z-index: 0;
}
.search-input[b-0gjr6bsuoa] {
    transition: border-color 0.6s ease;
    color: var(--text-color);
}

.search-input[b-0gjr6bsuoa]::placeholder {
    color: var(--placeholder-color);
}

.search-input:focus[b-0gjr6bsuoa] {
    border: 1px solid var(--focus-color);
}
/*====GRAFICOS====*/
.tile[b-0gjr6bsuoa] {
    font-size: 1.5rem;
}
.combobox-graficos[b-0gjr6bsuoa] {
    display: flex;
    justify-content: end;
    align-items: center;
}
    .form-select[b-0gjr6bsuoa] {
        width: auto;
    }

.grafico-lines canvas[b-0gjr6bsuoa] {
    width: 100%;
    height: 350px;
}

.title-montos[b-0gjr6bsuoa] {
    font-size: 14px;
}

/*====CARDS====*/
.card-header.item[b-0gjr6bsuoa] {
    color: #444444;
    font-size: 1.2rem;
    font-weight: 600;
}

.detalles-card[b-0gjr6bsuoa] {
    font-size: 1rem;
}
.conparation[b-0gjr6bsuoa] {
    height: 100px;
    position: relative;
}
.diferencia[b-0gjr6bsuoa] {
    color: #444444;
    border-top: 1px dashed #CDCDCD;
    font-size: 0.9rem;
}

/*CONTROLES BASICOS*/
hr[b-0gjr6bsuoa]{
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
    margin-top: 5px;
}
.card[b-0gjr6bsuoa] {
    border: 1px solid var(--border-color)
}

.selector[b-0gjr6bsuoa] {
    width: auto;
}

.lista-card[b-0gjr6bsuoa]{
    list-style-type: none;
    padding: 0;
}
.egreso-vs[b-0gjr6bsuoa] {
    color: #FF5733;
    font-size: 1.2rem;
}
.mes-vs[b-0gjr6bsuoa]{
    font-size: 0.9rem;
}


/*El estilo de la tabla
    esta en el archivo css enlazado 
    a la pagina
*/

/*====PAGINACIÓN=====*/
.page-link[b-0gjr6bsuoa] {
    cursor: pointer;
}
.page-item.disabled .page-link[b-0gjr6bsuoa] {
    cursor:not-allowed; 
}



@media (max-width: 950px) {
    /*===GRAFICOS====*/
    .tile[b-0gjr6bsuoa]{
        font-size: 1.2rem;
    }
    .title-montos[b-0gjr6bsuoa]{
        font-size: 12px;
    }
    .montos[b-0gjr6bsuoa]{
        font-size: 14px;
    }
}

@media (max-width: 768px){
    .contenedor-filtro[b-0gjr6bsuoa]{
        margin-top: 5px;
    }
    .combobox-graficos[b-0gjr6bsuoa] {
        margin-top: 10px;
    }
}

@media (max-width: 540px){
    .contenedor-filtro label[b-0gjr6bsuoa] {
        display: none;
    }
}
/* /Pages/PagesMasSaben/ComprobantesPago/MasSabenFacturasRecibidas.razor.rz.scp.css */
.btn-informe[b-hegg2pztcj] {
    background: gold;
    color: var(--text-color2);
}

    .btn-informe:active[b-hegg2pztcj] {
        border: 1px solid #FE8B00;
    }

.search-input[b-hegg2pztcj] {
    transition: border-color 0.6s ease;
    color: var(--text-color);
}
.card[b-hegg2pztcj]{
    overflow: hidden;
}

.dropdown-menu[b-hegg2pztcj] {
    font-size: 14px;
}
.dropdown-item[b-hegg2pztcj] {
    cursor: pointer;
}

.message-box[b-hegg2pztcj] {
    width: 200px;
    height: auto;
    position: absolute;
    top: 0;
    left: 220px;
    background: #F4F6F9;
    border-radius: 5px;
    padding: 5px;
    display: none;
    font-size: 13px;
    white-space: normal;
}
.dropdown-item:hover .message-box[b-hegg2pztcj] {
    display: inline;
}

/*====PAGINACIONS*/
.page-item[b-hegg2pztcj] {
    cursor: pointer;
}
/* /Pages/PagesMasSaben/ComprobantesPago/MasSabenRegistrosCompras.razor.rz.scp.css */
body[b-pjvt9gnyx1] {
}
.page-item[b-pjvt9gnyx1] {
    cursor: pointer;
}
.dropdown[b-pjvt9gnyx1] {
    border: 1px solid #8D8D8D;
    border-radius: 6px;
}
.dropdown-menu[b-pjvt9gnyx1]{
    z-index: 1;
}

.download-btn[b-pjvt9gnyx1] {
    border: none;
    font-size: 0.8rem;
    transition: transform 0.2s ease-in-out, background 0.2s ease-in-out;
}

    .download-btn:hover[b-pjvt9gnyx1] {
        background: #f0f0f0;
        transform: scale(1.1);
    }

    .download-btn:active[b-pjvt9gnyx1] {
        transform: scale(0.9);
    }

@media (max-width: 1150px) {
    .col-sm-12[b-pjvt9gnyx1] {
        margin-top: 8px;
        display: flex;
        justify-content: start !important;
        width: 100%;
    }
}