/* /Components/BdpAspectSelector.razor.rz.scp.css */
.selector[b-zezgucgjah] {
    background : var(--primary-5);
    border-radius : 8px;
    max-height : 3rem;
}

.pageInIframe .appearance-type-selector[b-zezgucgjah] {
    margin-top: 24px;
}
/* /Components/BdpCardListAppearance.razor.rz.scp.css */
.card-appearance[b-zydehhko3q] {
    width: 203.2px;
    height: 183px;
    border-radius: 24px;
    border: 3px solid var(--gray-10);
}

.card-appearance:hover[b-zydehhko3q] {
    border-color : var(--primary-100);
}
/* /Components/BdpCardOnlyDescription.razor.rz.scp.css */
.card-only-description[b-zphjm0kxql] {
    width: 258px;
    height: 80px;
    border: 1px solid var(--gray-20);
    padding: 16px 24px 16px 24px;
    border-radius: 8px;
    background-color: var(--white);
}

.no-border[b-zphjm0kxql] {
    border-color : var(--white);
}

.is-higher[b-zphjm0kxql] {
    height : 120px;
    width : 100%;
}

@media (max-width : 300px) {
    .card-only-description[b-zphjm0kxql] {
        width: 230px;
    }
}

.card-only-description:hover[b-zphjm0kxql] {
    border-color: var(--primary-100);
    border-width: 2px;
}

.card-only-description:hover > span > span[b-zphjm0kxql]  > svg > path {
    fill: white;
}
/* /Components/BdpColorPicker.razor.rz.scp.css */
/*Invalidamos el css del syncfusion*/
[b-dt923bctiz] .e-colorpicker-container {
    position: absolute;
    visibility: hidden;
}

/* Formato selector color */
.color-picker[b-dt923bctiz] {
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    width: 6.5rem;
    height: 6.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
/* /Components/BdpDialogSelectItems.razor.rz.scp.css */
.item-select-card[b-ihthrwqaci]  {
    min-width: 19rem;
    background-color: var(--primary-5);
    border-radius: 12px;
    height: 3.5rem;
}

.grid-container[b-ihthrwqaci] {
    max-height: 410px;
    overflow: auto;
}
/* /Components/BdpDocumentSection.razor.rz.scp.css */
.subsection[b-pkpx7at515] {
    height: 40px;
    background-color: var(--primary-20);
    border-radius: 8px 8px 0px 0px;
}
.section[b-pkpx7at515] {
    height: 40px;
    background-color: var(--primary-100);
    border-radius: 8px 8px 0px 0px;
}

.level[b-pkpx7at515] {
    background-color: white;
    border-radius: 64px;
    color: var(--primary-100);
    width: 20px;
    height: 20px;
}
/* /Components/BdpDropdownItem.razor.rz.scp.css */
/* Destacar el elemento activo en un dropdown (ej: el departamento actual del item cuando desplegamos el dropdown con todos los departamentos) */
.dropdwn-active-item[b-rsv4w5c7q1] {
    font-weight: bold;
}

/* Destacar un elemento del dropdown al hacer hover */
.dropdwn-item:hover[b-rsv4w5c7q1] {
    background: var(--primary-10);
}
/* /Components/BdpItemMenu.razor.rz.scp.css */
/*Estilo del dialogo de submenus*/
.submenu-list[b-0rfi8wine6] {
    position: absolute;
    background-color: var(--white);
    border: 0px;
    border-radius: 20px;
    padding: 16px 0px;
    width: 14rem;
    box-shadow: 0px 7px 24px 0px #74747440;
}

/*Estilo de un item del submenu*/
[b-0rfi8wine6] .submenu-item {
    text-decoration: none;
    display: flex;
    align-items: center;
    height: 2rem;
    width: 100%;
    margin: 2px 0px;
    padding: 5px 0px;
}

    /*Estilo de un item del submenu cuando se pasa el mouse por encima*/
    [b-0rfi8wine6] .submenu-item:hover {
        background: var(--primary-10);
        transition: background 0.3s ease-out;
    }

/*Texto del item del submenu que esta seleccionado*/
[b-0rfi8wine6] .active.submenu-item > span {
    font-weight: bold;
    font-size: 13px;
}

/*Estilo de un item del menu general*/
[b-0rfi8wine6] .menu-item {
    font-size: 13px;
    text-decoration: none;
    border-radius: 12px;
    height: 46px;
    transition: background 0.3s ease-out;
}

    /*Estilo del texto de un item del menu y del submenu*/
    [b-0rfi8wine6] .menu-item > span, [b-0rfi8wine6] .submenu-item > span {
        font-size: 13px;
        color: var(--black);
        white-space: nowrap;
    }

    [b-0rfi8wine6] .menu-item > div {
        width: 24px;
        height: 24px;
    }

    /*Estilo de un item del menu general cuando se pasa el mouse por encima*/
    [b-0rfi8wine6] .menu-item:hover {
        background: var(--primary-20);
    }

/*Item del menu que esta seleccionado*/
[b-0rfi8wine6] .active.menu-item {
    background: var(--primary-100);
}
    /*Texto del item del menu que esta seleccionado*/
    [b-0rfi8wine6] .active.menu-item > span {
        color: var(--white);
        font-weight: 600;
    }


.menu-item > div[b-0rfi8wine6] >  .stroke > rect, .menu-item > div[b-0rfi8wine6] >  .stroke > path, .menu-item > div[b-0rfi8wine6] >  .stroke > g > path, .menu-item:hover > div[b-0rfi8wine6] >  .stroke > rect, .menu-item:hover > div[b-0rfi8wine6] >  .stroke > path, .menu-item:hover > div[b-0rfi8wine6] >  .stroke > g > path {
    stroke: black;
    transition: stroke 0.3s ease-out;
}

.menu-item > div[b-0rfi8wine6] >  .fill > rect, .menu-item > div[b-0rfi8wine6] >  .fill > path, .menu-item > div[b-0rfi8wine6] >  .fill > g > path, .menu-item:hover > div[b-0rfi8wine6] >  .fill > rect, .menu-item:hover > div[b-0rfi8wine6] >  .fill > path, .menu-item:hover > div[b-0rfi8wine6] >  .stroke > g > path, .menu-item:hover > div[b-0rfi8wine6] >  .fill > g > path {
    fill: black;
    transition: fill 0.3s ease-out;
}

.active > div[b-0rfi8wine6] >  .stroke > path, .active > div[b-0rfi8wine6] >  .stroke > rect, .active > div[b-0rfi8wine6] >  .stroke > g > path, .active:hover > div[b-0rfi8wine6] >  .stroke > path, .active:hover > div[b-0rfi8wine6] >  .stroke > rect, .active:hover > div[b-0rfi8wine6] >  .stroke > g > path {
    stroke: white;
}

.active > div[b-0rfi8wine6] >  .fill > path, .active > div[b-0rfi8wine6] >  .fill > rect, .active > div[b-0rfi8wine6] >  .fill > g > path, .active:hover > div[b-0rfi8wine6] >  .fill > path, .active:hover > div[b-0rfi8wine6] >  .fill > rect, .active:hover > div[b-0rfi8wine6] >  .fill > g > path {
    fill: white;
}
/* /Components/BdpListFragmentItem.razor.rz.scp.css */
.list-fragment-item[b-bs69c1oaal] {
    background-color: white;
    align-items: center;
    width: 100%;
    border-radius: 12px;
    margin: 5px 0px;
    padding: 10px;
    border: 1px solid var(--gray-20)
}

.italic-font[b-bs69c1oaal] {
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    line-height: 20px;
}
/* /Components/BdpMenuDepartmentCollapse.razor.rz.scp.css */
.menu-department[b-wzowksqb8q] {
    border-radius: 12px;
    background: white;
}
/* /Components/BdpMenuItem.razor.rz.scp.css */
.menu-item[b-sgfy6nr14v] {
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border-radius: 12px;
}

.menu-item-list-pricerate[b-sgfy6nr14v] {
    padding: 6px 14px;
    border-radius: 6px;
    white-space: nowrap;
    color: black;
    background: var(--primary-5);
}
/* /Components/BdpPagination.razor.rz.scp.css */

.page[b-xvo7dw0y9t] {
    background-color: var(--white);
    color: var(--gray70)
}

.current-page[b-xvo7dw0y9t] {
    background-color: var(--primary-100);
    color: var(--white);
}

button[b-xvo7dw0y9t], button:hover[b-xvo7dw0y9t], button:focus[b-xvo7dw0y9t], button:active[b-xvo7dw0y9t] {
    text-decoration: none;
    color: black;
    box-shadow: 0 0 0 #000;
}

select[b-xvo7dw0y9t] {
    width: auto;
}

/*Formato del diseño de los botones de la paginación*/
.button-pagination[b-xvo7dw0y9t] {
    border-radius: 10px;
    border: 1px solid var(--gray-20);
    padding: 0.3rem 0.7rem 0.3rem 0.7rem;
    margin: 0.2rem;
}

.button-pagination-go[b-xvo7dw0y9t] {
    border-radius: 8px;
    background-color: var(--black);
    padding: 0.2rem 1.5rem 0.2rem 1.5rem;
}

/* /Components/BdpPdfViewer.razor.rz.scp.css */
.contenedor_de_contenedor_de_paginas[b-82b1h65dd6] {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    /*height: 100vh;*/
    background-color: #f4f4f4;
}

.pdf-container[b-82b1h65dd6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10px;
}

.pdf-container[b-82b1h65dd6]  canvas {
    max-width: 100%;
    height: auto; /* Mantener proporciones */
    border: 1px solid #ccc;
    margin: 5px;
}

.controls[b-82b1h65dd6] {
    margin: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

    .controls button[b-82b1h65dd6] {
        margin: 0 5px;
        cursor: pointer;
    }
/* /Components/BdpPopupFilters.razor.rz.scp.css */
.dual-range-slider[b-qvm3hrdttj] {
    position: relative;
    width: 100%;
    height: 20px;
    margin: 25px 0px;
}

    .dual-range-slider input[type="range"][b-qvm3hrdttj] {
        -webkit-appearance: none;
        appearance: none;
        width: 100%;
        height: 8px;
        background: transparent;
        position: absolute;
        pointer-events: none;
    }

        .dual-range-slider input[type="range"][b-qvm3hrdttj]::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            width: 35px;
            height: 35px;
            border-radius: 50%;
            background: #000000;
            pointer-events: all;
            cursor: pointer;
            outline: 2px solid #000000;
            border: 12px solid white;
            z-index: 1000;
        }

    .dual-range-slider .slider[b-qvm3hrdttj] {
        position: absolute;
        top: 50%;
        width: 100%;
        height: 3px;
        background: #dddddd;
        border-radius: 4px;
        transform: translateY(-50%);
    }

        .dual-range-slider .slider .range[b-qvm3hrdttj] {
            position: absolute;
            height: 100%;
            background: #000000;
            border-radius: inherit;
        }
/* /Components/BdpSellingZoneBackground.razor.rz.scp.css */
.slider[b-ltslujq12m] {
    -webkit-appearance: none;
    width: 100%;
    height: 10px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

    .slider:hover[b-ltslujq12m] {
        opacity: 1;
    }

    .slider[b-ltslujq12m]::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: var(--primary-dark);
        cursor: pointer;
    }


/* /Components/BdpSimplifiedDocumentSection.razor.rz.scp.css */
.document-section-container[b-ox1kc0m76c] {
    background: var(--primary-10);
    flex-grow: 1;
    border-radius: 16px;
    justify-content: space-between;
    align-items: center;
}
/* /Components/BdpSingleLinkedElement.razor.rz.scp.css */
.linked-item[b-6sx33n5fv8] {
    background-color: var(--primary-5);
    border-radius: 12px;
}
/* /Components/BdpTabsManager.razor.rz.scp.css */
.button-tab[b-gc654i3021] {
    border-radius: 60px;
    transition: background linear 0.2s;
}

    .button-tab:hover[b-gc654i3021] {
        background: var(--primary-dark) !important;
        color: var(--white);
    }

.section-tabs[b-gc654i3021] {
    border-radius: 60px;
    background: white;
}
/* /Components/Buttons/BdpCardButtonFormat.razor.rz.scp.css */
/*Formato de un boton del formato de apariencia de un boton*/
.appearance-format-button[b-e5agjgjdpb] {
    display: block;
    text-align: center;
    border: 1px solid var(--gray-20);
    border-radius: 8px;
    width: 4.6rem;
    margin: 0.2rem 0.2rem 0.2rem 0.2rem;
    height: 7.3rem;
}

    /*Formato de un boton del formato de apariencia de un boton cuando se pase por encima*/
    .appearance-format-button:hover[b-e5agjgjdpb] {
        border: 2px solid var(--gray-40);
    }

/*Esta clase hace referencia a un div con posición por encima del padre, para que lo cubra todo*/
.appearance-format-button-position[b-e5agjgjdpb] {
    position: absolute;
    width: 4.6rem;
    z-index: 20;
    height: 7.3rem;
}


.keypad-radiobutton-appearance[b-e5agjgjdpb] {
    width: 20px;
    height: 20px;
    accent-color: black;
    position: relative;
    z-index: 1;
}
/* /Components/Buttons/BdpGenericButton.razor.rz.scp.css */
.generic-button[b-ito83767r1] {
    background-color: transparent;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    border: 0px;
}

.generic-button-text:hover > div > div[b-ito83767r1] >  svg > path{
    fill: white !important;
}
/* /Components/Dialogs/AddDialogs/BdpRoomAddDialog.razor.rz.scp.css */
.bdp-table[b-tde3dkyng0]  {
    display: flex;
    align-items: center;
    background-color: var(--primary-100);
    color: white;
    border-radius: 8px;
    height: 30px;
}

.bdp-table:hover[b-tde3dkyng0]  {
    background-color: var(--primary-dark);
}
/* /Components/Dialogs/IdentifyEmployeeDialog.razor.rz.scp.css */
.numpad[b-v71bw10co3] {
    display: inline-block;
    user-select: none;
}

.numpad-row[b-v71bw10co3] {
    display: flex;
}

.numpad-btn[b-v71bw10co3] {
    width: 33%;
    height: 80px;
    margin: 3px;
    font-size: 24px;
    border: none;
    background-color: var(--primary-10);
    border-radius: 10px;
    cursor: pointer;
}

    .numpad-btn:hover[b-v71bw10co3] {
        background-color: #dbe5ff;
    }

    .numpad-btn.delete[b-v71bw10co3] {
        background-color: var(--red-10);
        color: red;
    }

        .numpad-btn.delete:hover[b-v71bw10co3] {
            background-color: #ffcccc;
        }
/* /Components/Dialogs/PageInModal.razor.rz.scp.css */
.iframe_container iframe[b-d8dyksslup] {
    width: 100%;
    min-height: 300px;
    /*border-radius: 0 0 20px 20px;*/
}

.loader_container[b-d8dyksslup] {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    background: white;
    padding-top: 60px;
    border-radius: 20px !important;
}

.loader_center_container[b-d8dyksslup] {
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

.loader_relative_container[b-d8dyksslup] {
    margin: 0 auto;
    position: relative;
}

    .loading-progress[b-d8dyksslup] {
        margin: 0 auto;
    }

.loading-progress-text[b-d8dyksslup] {
    top: calc(50% - 10px);
}
/* /Components/Dialogs/Toast.razor.rz.scp.css */
.cs-toast[b-5ke4wxqfxy] {
    display: none;
    padding: 1.5rem;
    z-index: 999;
    position: absolute;
    width: 25rem;
    bottom: 1rem;
    border-radius: 1rem;
    background-color: white;
    right: 35%;
}

.cs-toast-icon[b-5ke4wxqfxy] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 1rem;
}

.cs-toast-visible[b-5ke4wxqfxy] {
    display: flex;
    flex-direction: row;
    align-items: center;
    animation: fadein-b-5ke4wxqfxy 1.5s;
    box-shadow: 0px 4px 16px rgba(169, 169, 169, 0.25);
}

@keyframes fadein-b-5ke4wxqfxy {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
/* /Components/Dialogs/UserNotifier.razor.rz.scp.css */
.modal-dialog[b-mjww0qzd26] {
    margin-bottom: 0px;
}
/* /Components/Dialogs/UserPrompter.razor.rz.scp.css */
.modal-dialog[b-qcfz3ropuz] {
    margin-bottom: 0px;
}
/* /Components/Search/BdpSearchBar.razor.rz.scp.css */
/* Diseño barra de busqueda */
.search-bar[b-vgvczwo3w5] {
    box-sizing: border-box;
    background: var(--white);
    border-radius: 100px;
    height: 56px;
}
/* /Components/Search/BdpSearchBarRealTime.razor.rz.scp.css */
/* Diseño barra de busqueda */
.search-bar[b-kxy8p9sg6c] {
    box-sizing: border-box;
    background: var(--white);
    border-radius: 100px;
    height: 56px;
}
/* /Components/Search/BdpSearchDialog.razor.rz.scp.css */

/*Apariencia de cada una de las lineas que muestran los elementos*/
.search-element[b-uqxki05dvo] {
    display: flex;
    align-items: center;
    border-radius: 12px;
    padding: 8px 16px 8px 16px;
}
    /*Aspecto de la clase cuando el mouse se pase por encima*/
    .search-element:hover[b-uqxki05dvo] {
        background-color: var(--primary-10);
    }
/* /Pages/DocumentDesigner/DocumentDesignerDetail.razor.rz.scp.css */
.floating-options[b-yuyjep0kn8] {
    position: absolute;
    width: 370px;
    z-index: 100;
    box-shadow: 0px 0px 10px 0px rgba(57,118,249,0.20);
}
/* /Pages/Index.razor.rz.scp.css */
.base-container[b-6eev4xqgql] {
    background: var(--home-background);
}

.home-option:hover[b-6eev4xqgql] >  .stroke > rect, .home-option:hover[b-6eev4xqgql] >   .stroke > path, .home-option:hover[b-6eev4xqgql] >  .stroke > g > path {
    stroke: white !important;
}

.home-option:hover[b-6eev4xqgql] >  .fill > rect, .home-option:hover[b-6eev4xqgql] >  .fill > path, .home-option:hover[b-6eev4xqgql] >  .fill > g > path {
    fill: white;
}

.home-option[b-6eev4xqgql] >  .stroke > rect, .home-option[b-6eev4xqgql] >  .stroke > path, .home-option[b-6eev4xqgql] >  .stroke > g > path {
    stroke: var(--primary-100) !important;
}

.home-option[b-6eev4xqgql] >  .fill > rect, .home-option[b-6eev4xqgql] >  .fill > path, .home-option[b-6eev4xqgql] >  .fill > g > path {
    fill: var(--primary-100);
}

.home-option[b-6eev4xqgql] {
    background-color: white;
    border-radius: 28px;
    height: 210px;
    width: 210px
}

.home-option:hover[b-6eev4xqgql] {
    background-color: var(--primary-100);
    color: white;
}

@keyframes down-section-b-6eev4xqgql {
    0% {
        top: -170px;
    }

    100% {
        top: 0px;
    }
}
/* /Pages/Keypads/KeypadsDetail.razor.rz.scp.css */
/*Formato de un botton para añadir a la botonera por defecto*/
.keypad-button-default[b-oslc7l44hr] {
    font-size: 13px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--primary-10);
    text-align: center;
    border-radius: 16px;
    width: var(--SizeButtonx1);
    height: var(--SizeButtonx1);
    max-width: var(--SizeButtonx1);
    max-height: var(--SizeButtonx1);
    hyphens: auto;
}

    /*Cuando se pasa por encima de un boton que todavía no ha sido añaddo a la botonera*/
    .keypad-button-default[draggable=true]:hover[b-oslc7l44hr] {
        outline: 3px solid var(--gray-40);
    }

/*Formato de un botton de la botonera vacio*/
.keypad-button[b-oslc7l44hr] {
    font-size: 13px;
    text-align: center;
    border: 1px dashed var(--black);
    border-radius: 16px;
    min-width: var(--SizeButtonx1);
    min-height: var(--SizeButtonx1);
    font-weight: bold;
}

/*Formato de un botton de la botonera lleno*/
.keypad-button-full[b-oslc7l44hr] {
    font-weight: bold;
    align-items: center;
    background-color: var(--primary-10);
    text-align: center;
    border-radius: 16px;
    min-width: var(--SizeButtonx1);
    min-height: var(--SizeButtonx1);
    overflow: hidden; /* impide desbordamiento */
}
    /*Cuando se pase por encima de un boton lleno*/
    .keypad-button-full:hover[b-oslc7l44hr] {
        outline: 3px solid var(--gray-70);
    }

.button-text[b-oslc7l44hr] {
    display: block;
    text-align: center;
    hyphens: auto; /* Divide el texto en sílabas cuando es necesario */
    max-height: var(--SizeButtonx1);
}

/*Formato de un botton de la navegación entre tabs en botonera*/
.tab-button[b-oslc7l44hr] {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--lightGray);
    background-color: var(--white);
    border-radius: 45px;
    width: 2.8rem;
    height: 2.8rem;
}

    .tab-button:hover[b-oslc7l44hr] {
        background-color: var(--primary-dark) !important;
        color: white;
    }

        .tab-button:hover[b-oslc7l44hr] >  svg > path {
            fill: white;
        }

.keypad-tab[b-oslc7l44hr] {
    border-collapse: separate;
    border-spacing: 0.4rem;
    table-layout: fixed;
}

.width-section-tab[b-oslc7l44hr] {
    max-width: 15rem;
    min-width: 15rem;
}
/* /Pages/MenuOptions.razor.rz.scp.css */
.menu-option[b-x6hdwcb5jy] {
    background-color: white;
    border-radius: 40px;
    padding: 40px !important;
    width: 356px;
    height: 228px;
}

    .menu-option:hover[b-x6hdwcb5jy] {
        background-color: var(--primary-100);
        color: white;
    }

        .menu-option:hover > .menu-option-image[b-x6hdwcb5jy] {
            background-color: white;
        }

            .menu-option:hover > .menu-option-image[b-x6hdwcb5jy] >  svg > path {
                stroke: var(--primary-100);
                transition: stroke 0.3s ease-out;
            }

            .menu-option:hover > .menu-option-image[b-x6hdwcb5jy] >  svg > g > path {
                stroke: var(--primary-100);
                transition: stroke 0.3s ease-out;
            }

            .menu-option:hover > .menu-option-image[b-x6hdwcb5jy] >  svg > g > rect {
                fill: var(--primary-100);
                transition: stroke 0.3s ease-out;
            }

        .menu-option:hover > div > div[b-x6hdwcb5jy] >  svg > path {
            stroke: white;
        }

        .menu-option:hover > div > .menu-option-arrow[b-x6hdwcb5jy] {
            text-align: end;
        }

.menu-option-image[b-x6hdwcb5jy] {
    border-radius: 50%;
    background-color: var(--primary-100);
    width: 64px;
    height: 64px;
}

.container-menu-options[b-x6hdwcb5jy] {
    display: grid;
    grid-template-columns: auto;
    gap: 10px;
}

@media (min-width: 800px) and (max-width: 1100px) {
    .container-menu-options[b-x6hdwcb5jy] {
        grid-template-columns: auto auto;
    }
}

@media (min-width: 1101px) and (max-width: 1400px) {
    .container-menu-options[b-x6hdwcb5jy] {
        grid-template-columns: auto auto auto;
    }
}

@media (min-width: 1401px) {
    .container-menu-options[b-x6hdwcb5jy] {
        grid-template-columns: auto auto auto auto;
    }
}
/* /Pages/Reports/ReportsDetail.razor.rz.scp.css */
.container-report-and-filters[b-ypj6fg8ayw] {
    background: white;
    border-radius: 9px;
}

.report-title[b-ypj6fg8ayw] {
    text-align: center;
    margin: 0;
    background: white;
    padding: 10px;
    padding: 20px 0 10px 0;
}

.container-filters[b-ypj6fg8ayw] {}

.container-report[b-ypj6fg8ayw] {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
}

.report-filters[b-ypj6fg8ayw] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 10px;
}

    .report-filters .filter[b-ypj6fg8ayw] {
        border: 1px solid var(--gray-20);
        padding: 16px 24px 16px 24px;
        border-radius: 8px;
        background-color: var(--white);
        margin: 10px;
        min-height: 106px;
        width: 280px;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
    }

        .report-filters .filter .filter-title[b-ypj6fg8ayw] {
            display:block;
            margin-bottom: 5px;
            font-weight: 600;
        }

.btn-cargar[b-ypj6fg8ayw] {
    width: calc(100% - 20px);
    margin: 0 10px;
}

.btn-mostrar-filtros[b-ypj6fg8ayw] {
    margin: 10px;
}
/* /Pages/Roles/RoleDetail.razor.rz.scp.css */
/* Cambia el color de fondo y texto del pill activo */
.nav-pills[b-vlxc579j1b] {
    color: var(--primary-100);
}

    .nav-pills :hover[b-vlxc579j1b] {
        color: var(--primary-dark);
    }

    .nav-pills .nav-link[b-vlxc579j1b] {
        border-radius: 60px;
    }

        .nav-pills .nav-link.active[b-vlxc579j1b] {
            background-color: var(--primary-100);
            color: white;
        }

        /* Cambia el color al pasar el ratón por encima */
        .nav-pills .nav-link:hover[b-vlxc579j1b] {
            background-color: var(--primary-dark);
            color: white;
        }

.groups-container[b-vlxc579j1b] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 16px;
}

.group-block[b-vlxc579j1b] {
    display: flex;
    flex-direction: column;
}

.group-columns[b-vlxc579j1b] {
    display: flex;
    gap: 0px 64px;
    flex-wrap: nowrap;
}

.group-column[b-vlxc579j1b] {
    flex: 1;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-xh37wtyyha] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-xh37wtyyha] {
    flex: 1;
}

.sidebar[b-xh37wtyyha] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-xh37wtyyha] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-xh37wtyyha]  a, .top-row[b-xh37wtyyha]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-xh37wtyyha]  a:hover, .top-row[b-xh37wtyyha]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-xh37wtyyha]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-xh37wtyyha] {
        display: none;
    }

    .top-row.auth[b-xh37wtyyha] {
        justify-content: space-between;
    }

    .top-row[b-xh37wtyyha]  a, .top-row[b-xh37wtyyha]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-xh37wtyyha] {
        flex-direction: row;
    }

    .sidebar[b-xh37wtyyha] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-xh37wtyyha] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-xh37wtyyha]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-xh37wtyyha] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-bmuz189lyt] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-bmuz189lyt] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-bmuz189lyt] {
    font-size: 1.1rem;
}

.oi[b-bmuz189lyt] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-bmuz189lyt] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-bmuz189lyt] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-bmuz189lyt] {
        padding-bottom: 1rem;
    }

    .nav-item[b-bmuz189lyt]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-bmuz189lyt]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-bmuz189lyt]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-bmuz189lyt] {
        display: none;
    }

    .collapse[b-bmuz189lyt] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-bmuz189lyt] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}