@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.bundle.scp.css';
@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.g0t05e93zu.bundle.scp.css';

/* /Components/Pages/BancosPages/Entidades/ConciliacionBancariaPage/ConciliacionBancariaMovimientosPage.razor.rz.scp.css */
/*-----------------------------------------------------------------------------------------
to center columns in the MudDataGrid 
-----------------------------------------------------------------------------------------*/
.center-cell[b-gu22xoquti] {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* /Components/Pages/BancosPages/Entidades/ConciliacionBancariaPage/ConciliacionBancariaPage.razor.rz.scp.css */

/*-----------------------------------------------------------------------------------------
to center the MudDataGrid's column's header
-----------------------------------------------------------------------------------------*/
.center-header .mud-table-cell-content[b-ksetlzg56p] {
    margin: 0 auto; /* forces the inner span to center */
    text-align: center; /* centers text inside */
    font-weight: bold; /* optional */
}

.center-cell[b-ksetlzg56p] {
    text-align: center;
}

.right-header .mud-table-cell-content[b-ksetlzg56p] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    font-weight: bold;
}

.right-cell[b-ksetlzg56p] {
    text-align: right;
}

/*-----------------------------------------------------------------------------------------
to make the page be aware of the side-bar; and adjust its width accordingly
-----------------------------------------------------------------------------------------*/
.main-content[b-ksetlzg56p] {
    width: calc(100% - 140px);
}

/*para aplicar estilo al editMode (*, |, x)  al principio de cada row - cuando el EditModel existe (puede ser null)  */
[b-ksetlzg56p] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

[b-ksetlzg56p] .editMode_2 {
    font-size: medium;
    font-weight: bold;
    color: firebrick;
}

[b-ksetlzg56p] .editMode_3 {
    font-size: medium;
    font-weight: bold;
    color: darkred;
}
/* /Components/Pages/BancosPages/Entidades/FacturaDigital/FacturaDigitalPage.razor.rz.scp.css */
/* /Components/Pages/BancosPages/Entidades/FacturasComponent/ConvertirMSWord.razor.rz.scp.css */

[b-2n0c3kzzqu] .quickgrid {
    font-family: 'Helvetica', 'Times New Roman', serif;
    color: black;
    font-size: 10px;
}

    [b-2n0c3kzzqu] .quickgrid .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        font-weight: bold;
        text-transform: none;
        color: #FFFFFF;
    }

    [b-2n0c3kzzqu] .quickgrid .sort-indicator {
        color: #FFFFFF;
    }

    [b-2n0c3kzzqu] .quickgrid button.col-title:hover, [b-2n0c3kzzqu] .quickgrid .col-options-button:hover {
        background-color: #5049DD;
        color: #FFFFFF;
    }

    [b-2n0c3kzzqu] .quickgrid button.col-title:active, [b-2n0c3kzzqu] .quickgrid .col-options-button:active {
        background-color: lightslategray;
        color: #FFFFFF;
    }

/* Fix height and enable scrolling */
.grid[b-2n0c3kzzqu] {
    height: 25rem;
    overflow-y: auto;
}

    .grid[b-2n0c3kzzqu]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-2n0c3kzzqu] thead {
    position: sticky;
    top: 0;
    background-color: #6D7AE0;
    outline: 1px solid gray;
    z-index: 1;
    color: #FFFFFF;
}

[b-2n0c3kzzqu] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
}

/* For virtualized grids, it's essential that all rows have the same known height */
/* Subtle stripe (zebra) effect */
[b-2n0c3kzzqu] tr:nth-child(even) {
    background: #F5F5F5;
}

[b-2n0c3kzzqu] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    /* Background color of hovered row */
    [b-2n0c3kzzqu] tr:hover {
        background: #EDECFE;
    }

/* we don't want the header to change background color when hovered (only for regular rows) */
[b-2n0c3kzzqu] thead:hover tr {
    background: #6D7AE0;
}

/*::deep .quickgrid[theme=default] > thead > tr > th .myClass {
    width: 450px;
}*/

/* Assign default width to country name column */
/*::deep thead .myClass col-title-text {
    width: 475px;
}*/

/* to assign a width to specific columns*/
[b-2n0c3kzzqu] th._100px > div.col-header-content > div.col-title > div.col-title-text {
    width: 100px;
}

[b-2n0c3kzzqu] th._175px > div.col-header-content > div.col-title > div.col-title-text {
    width: 120px;
}

[b-2n0c3kzzqu] th._65px > div.col-header-content > div.col-title > div.col-title-text {
    width: 65px;
}

[b-2n0c3kzzqu] th._75px > div.col-header-content > div.col-title > div.col-title-text {
    width: 75px;
}

[b-2n0c3kzzqu] th._85px > div.col-header-content > div.col-title > div.col-title-text {
    width: 85px;
}

/* cuando la columna es Sortable el div se cambia por un button */
[b-2n0c3kzzqu] th._85px > div.col-header-content > button.col-title > div.col-title-text {
    width: 85px;
}
/* /Components/Pages/BancosPages/Entidades/FacturasComponent/Details.razor.rz.scp.css */
/*-----------------------------------------------------------------------------------------
styles for the fluent ui grid 
-----------------------------------------------------------------------------------------*/
[b-j87n6ekdxm] fluent-data-grid-cell {
    font-size: 10px;
}

[b-j87n6ekdxm] fluent-data-grid-cell div.col-title-text {
    font-size: 10px;
}

/*-----------------------------------------------------------------------------------------
to style a beautiful and pretty small table 
-----------------------------------------------------------------------------------------*/
table.small-pretty-table[b-j87n6ekdxm] {
    border-collapse: separate;
    border-spacing: 0;
    font-family: arial, sans-serif;
    font-size: 10px;
    width: 90%;
}

table.small-pretty-table tr:first-child[b-j87n6ekdxm] {
    background: #CFECFE;
}

table.small-pretty-table td[b-j87n6ekdxm], table.small-pretty-table th[b-j87n6ekdxm] {
    border: solid 1px lightgray;
    border-style: none solid solid none;
    padding: 3px;
    text-align: center;
}

table.small-pretty-table tr:first-child td:first-child[b-j87n6ekdxm] {
    border-top-left-radius: 10px;
}

table.small-pretty-table tr:first-child td:last-child[b-j87n6ekdxm] {
    border-top-right-radius: 10px;
}

table.small-pretty-table tr:last-child td:first-child[b-j87n6ekdxm] {
    border-bottom-left-radius: 10px;
}

table.small-pretty-table tr:last-child td:last-child[b-j87n6ekdxm] {
    border-bottom-right-radius: 10px;
}

table.small-pretty-table tr:first-child td[b-j87n6ekdxm] {
    border-top-style: solid;
}

table.small-pretty-table tr td:first-child[b-j87n6ekdxm] {
    border-left-style: solid;
}

table.small-pretty-table tr:first-child th:first-child[b-j87n6ekdxm] {
    border-top-left-radius: 10px;
}

table.small-pretty-table tr:first-child th:last-child[b-j87n6ekdxm] {
    border-top-right-radius: 10px;
}

table.small-pretty-table tr:last-child th:first-child[b-j87n6ekdxm] {
    border-bottom-left-radius: 10px;
}

table.small-pretty-table tr:last-child th:last-child[b-j87n6ekdxm] {
    border-bottom-right-radius: 10px;
}

table.small-pretty-table tr:first-child th[b-j87n6ekdxm] {
    border-top-style: solid;
}

table.small-pretty-table tr th:first-child[b-j87n6ekdxm] {
    border-left-style: solid;
}

/*-----------------------------------------------------------------------------------------
to style a beautiful and pretty *not* small table 
-----------------------------------------------------------------------------------------*/
table.pretty-table[b-j87n6ekdxm] {
    border-collapse: separate;
    border-spacing: 0;
    font-family: arial, sans-serif;
    font-size: 12px;
    width: 85%;
}

table.pretty-table tr:first-child[b-j87n6ekdxm] {
    background: #CFECFE;
}

table.pretty-table td[b-j87n6ekdxm], table.pretty-table th[b-j87n6ekdxm] {
    border: solid 1px lightgray;
    border-style: none solid solid none;
    padding: 3px;
    text-align: center;
}

table.pretty-table tr:first-child td:first-child[b-j87n6ekdxm] {
    border-top-left-radius: 10px;
}

table.pretty-table tr:first-child td:last-child[b-j87n6ekdxm] {
    border-top-right-radius: 10px;
}

table.pretty-table tr:last-child td:first-child[b-j87n6ekdxm] {
    border-bottom-left-radius: 10px;
}

table.pretty-table tr:last-child td:last-child[b-j87n6ekdxm] {
    border-bottom-right-radius: 10px;
}

table.pretty-table tr:first-child td[b-j87n6ekdxm] {
    border-top-style: solid;
}

table.pretty-table tr td:first-child[b-j87n6ekdxm] {
    border-left-style: solid;
}

table.pretty-table tr:first-child th:first-child[b-j87n6ekdxm] {
    border-top-left-radius: 10px;
}

table.pretty-table tr:first-child th:last-child[b-j87n6ekdxm] {
    border-top-right-radius: 10px;
}

table.pretty-table tr:last-child th:first-child[b-j87n6ekdxm] {
    border-bottom-left-radius: 10px;
}

table.pretty-table tr:last-child th:last-child[b-j87n6ekdxm] {
    border-bottom-right-radius: 10px;
}

table.pretty-table tr:first-child th[b-j87n6ekdxm] {
    border-top-style: solid;
}

table.pretty-table tr th:first-child[b-j87n6ekdxm] {
    border-left-style: solid;
}
/* /Components/Pages/BancosPages/Entidades/FacturasComponent/List.razor.rz.scp.css */

/*-----------------------------------------------------------------------------------------
styles for the fluent ui grid 
-----------------------------------------------------------------------------------------*/
[b-v2po2rlhng] fluent-data-grid-cell {
    font-size: 12px;
}

[b-v2po2rlhng] fluent-data-grid-cell div.col-title-text {
    font-size: 12px;
}

/*para aplicar estilo al editMode (*, |, x)  al principio de cada row - cuando el EditModel existe (puede ser null)  */
[b-v2po2rlhng] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

[b-v2po2rlhng] .editMode_2 {
    font-size: medium;
    font-weight: bold;
    color: firebrick;
}

[b-v2po2rlhng] .editMode_3 {
    font-size: medium;
    font-weight: bold;
    color: darkred;
}
/* /Components/Pages/BancosPages/Entidades/MovimientosBancarios/Filtro.razor.rz.scp.css */
body[b-rb0p8hurcz] {
}
/* /Components/Pages/BancosPages/Entidades/PreFacturaPage/PreFacturaComponent.razor.rz.scp.css */
/*-----------------------------------------------------------------------------------------
styles for the fluent ui grid 
-----------------------------------------------------------------------------------------*/
[b-rgax1r97bx] fluent-data-grid-cell {
    font-size: small;
}

[b-rgax1r97bx] fluent-data-grid-cell div.col-title-text {
    font-size: small;
}

/*para aplicar estilo al editMode (*, |, x)  al principio de cada row - cuando el EditModel existe (puede ser null)  */
[b-rgax1r97bx] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

[b-rgax1r97bx] .editMode_2 {
    font-size: medium;
    font-weight: bold;
    color: firebrick;
}

[b-rgax1r97bx] .editMode_3 {
    font-size: medium;
    font-weight: bold;
    color: darkred;
}
/* /Components/Pages/BancosPages/Tablas/Companias/CargaRapida.razor.rz.scp.css */
.sr-only[b-ka8ymolinn] {
    width: 0;
    height: 0;
    overflow: hidden;
}

.input-label[b-ka8ymolinn] {
    padding: 8px;
    background-color: lightgray;
    color: black;
    border-radius: 6px;
    border: 1px solid gray;
    cursor: pointer;
    width: 350px;
    text-align: center;
}

[b-ka8ymolinn] .quickgrid {
    font-family: 'Helvetica', 'Times New Roman', serif;
    color: black;
    font-size: 10px;
}

    [b-ka8ymolinn] .quickgrid .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        font-weight: bold;
        text-transform: none;
        color: #FFFFFF;
    }

    [b-ka8ymolinn] .quickgrid .sort-indicator {
        color: #FFFFFF;
    }

    [b-ka8ymolinn] .quickgrid button.col-title:hover, [b-ka8ymolinn] .quickgrid .col-options-button:hover {
        background-color: #5049DD;
        color: #FFFFFF;
    }

    [b-ka8ymolinn] .quickgrid button.col-title:active, [b-ka8ymolinn] .quickgrid .col-options-button:active {
        background-color: lightslategray;
        color: #FFFFFF;
    }

/* Fix height and enable scrolling */
.grid[b-ka8ymolinn] {
    height: 25rem;
    overflow-y: auto;
}

    .grid[b-ka8ymolinn]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-ka8ymolinn] thead {
    position: sticky;
    top: 0;
    background-color: #6D7AE0;
    outline: 1px solid gray;
    z-index: 1;
    color: #FFFFFF;
}

[b-ka8ymolinn] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
}

/* For virtualized grids, it's essential that all rows have the same known height */
/* Subtle stripe (zebra) effect */
[b-ka8ymolinn] tr:nth-child(even) {
    background: #F5F5F5;
}

[b-ka8ymolinn] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    /* Background color of hovered row */
    [b-ka8ymolinn] tr:hover {
        background: #EDECFE;
    }

/* we don't want the header to change background color when hovered (only for regular rows) */
[b-ka8ymolinn] thead:hover tr {
    background: #6D7AE0;
}

/*::deep .quickgrid[theme=default] > thead > tr > th .myClass {
    width: 450px;
}*/

/* Assign default width to country name column */
/*::deep thead .myClass col-title-text {
    width: 475px;
}*/

/* para alinear los encabezados - ahora solo se alinea el contenido */
[b-ka8ymolinn] th._align-header-center > div.col-header-content > div.col-title > div.col-title-text {
    text-align: center;
}


/* to assign a width to specific columns*/
[b-ka8ymolinn] th._10px > div.col-header-content > div.col-title > div.col-title-text {
    width: 10px;
}

[b-ka8ymolinn] th._20px > div.col-header-content > div.col-title > div.col-title-text {
    width: 20px;
}

[b-ka8ymolinn] th._100px > div.col-header-content > div.col-title > div.col-title-text {
    width: 100px;
}

[b-ka8ymolinn] th._150px > div.col-header-content > div.col-title > div.col-title-text {
    width: 150px;
}

[b-ka8ymolinn] th._175px > div.col-header-content > div.col-title > div.col-title-text {
    width: 175px;
}

[b-ka8ymolinn] th._200px > div.col-header-content > div.col-title > div.col-title-text {
    width: 200px;
}

[b-ka8ymolinn] th._250px > div.col-header-content > div.col-title > div.col-title-text {
    width: 250px;
}

[b-ka8ymolinn] th._300px > div.col-header-content > div.col-title > div.col-title-text {
    width: 300px;
}

[b-ka8ymolinn] th._500px > div.col-header-content > div.col-title > div.col-title-text {
    width: 500px;
}

[b-ka8ymolinn] th._65px > div.col-header-content > div.col-title > div.col-title-text {
    width: 65px;
}

[b-ka8ymolinn] th._85px > div.col-header-content > div.col-title > div.col-title-text {
    width: 85px;
}

/* cuando la columna es Sortable el div se cambia por un button */
[b-ka8ymolinn] th._85px > div.col-header-content > button.col-title > div.col-title-text {
    width: 85px;
}

[b-ka8ymolinn] th._150px > div.col-header-content > button.col-title > div.col-title-text {
    width: 150px;
}

/*para aplicar estilo al editMode (*, |, x)  al principio de cada row - cuando el EditModel existe (puede ser null)  */
[b-ka8ymolinn] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

[b-ka8ymolinn] .editMode_2 {
    font-size: medium;
    font-weight: bold;
    color: firebrick;
}

[b-ka8ymolinn] .editMode_3 {
    font-size: medium;
    font-weight: bold;
    color: darkred;
}

/* /Components/Pages/BancosPages/Tablas/Companias/Filtro.razor.rz.scp.css */
[b-svva5c32bx] .quickgrid {
    font-family: 'Helvetica', 'Times New Roman', serif;
    color: black;
    font-size: smaller;
}

[b-svva5c32bx] .quickgrid .col-title {
    gap: 0.4rem; /* Separate the sort indicator from title text */
    font-weight: bold;
    text-transform: none;
    color: #FFFFFF;
}

[b-svva5c32bx] .quickgrid .sort-indicator {
    color: #FFFFFF;
}

[b-svva5c32bx] .quickgrid button.col-title:hover, [b-svva5c32bx] .quickgrid .col-options-button:hover {
    background-color: #5049DD;
    color: #FFFFFF;
}

[b-svva5c32bx] .quickgrid button.col-title:active, [b-svva5c32bx] .quickgrid .col-options-button:active {
    background-color: lightslategray;
    color: #FFFFFF;
}

/* Fix height and enable scrolling */
.grid[b-svva5c32bx] {
    height: 25rem;
    overflow-y: auto;
}

.grid[b-svva5c32bx]  table {
    min-width: 100%;
}

/* Sticky header while scrolling */
[b-svva5c32bx] thead {
    position: sticky;
    top: 0;
    background-color: #6D7AE0;
    outline: 1px solid gray;
    z-index: 1;
    color: #FFFFFF;
}

[b-svva5c32bx] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
}

/* For virtualized grids, it's essential that all rows have the same known height */
/* Subtle stripe (zebra) effect */
[b-svva5c32bx] tr:nth-child(even) {
    background: #F5F5F5;
}

[b-svva5c32bx] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    /* Background color of hovered row */
    [b-svva5c32bx] tr:hover {
        background: #EDECFE;
    }

/* we don't want the header to change background color when hovered (only for regular rows) */
[b-svva5c32bx] thead:hover tr {
    background: #6D7AE0;
}

/*::deep .quickgrid[theme=default] > thead > tr > th .myClass {
    width: 450px;
}*/

/* Assign default width to country name column */
/*::deep thead .myClass col-title-text {
    width: 475px;
}*/

/* para alinear los encabezados - ahora solo se alinea el contenido */
[b-svva5c32bx] th._align-header-center > div.col-header-content > div.col-title > div.col-title-text {
    text-align: center;
}

/* to assign a width to specific columns*/
[b-svva5c32bx] th._10px > div.col-header-content > div.col-title > div.col-title-text {
    width: 10px;
}

[b-svva5c32bx] th._20px > div.col-header-content > div.col-title > div.col-title-text {
    width: 20px;
}

[b-svva5c32bx] th._100px > div.col-header-content > div.col-title > div.col-title-text {
    width: 100px;
}

[b-svva5c32bx] th._150px > div.col-header-content > div.col-title > div.col-title-text {
    width: 150px;
}

[b-svva5c32bx] th._175px > div.col-header-content > div.col-title > div.col-title-text {
    width: 175px;
}

[b-svva5c32bx] th._200px > div.col-header-content > div.col-title > div.col-title-text {
    width: 200px;
}

[b-svva5c32bx] th._250px > div.col-header-content > div.col-title > div.col-title-text {
    width: 250px;
}

[b-svva5c32bx] th._300px > div.col-header-content > div.col-title > div.col-title-text {
    width: 300px;
}

[b-svva5c32bx] th._500px > div.col-header-content > div.col-title > div.col-title-text {
    width: 500px;
}

[b-svva5c32bx] th._65px > div.col-header-content > div.col-title > div.col-title-text {
    width: 65px;
}

[b-svva5c32bx] th._85px > div.col-header-content > div.col-title > div.col-title-text {
    width: 85px;
}

/* cuando la columna es Sortable el div se cambia por un button */
[b-svva5c32bx] th._85px > div.col-header-content > button.col-title > div.col-title-text {
    width: 85px;
}

[b-svva5c32bx] th._150px > div.col-header-content > button.col-title > div.col-title-text {
    width: 150px;
}

/*para aplicar estilo al editMode (*, |, x)  al principio de cada row - cuando el EditModel existe (puede ser null)  */
[b-svva5c32bx] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

[b-svva5c32bx] .editMode_2 {
    font-size: medium;
    font-weight: bold;
    color: firebrick;
}

[b-svva5c32bx] .editMode_3 {
    font-size: medium;
    font-weight: bold;
    color: darkred;
}
/* /Components/Pages/BancosPages/Tablas/DefinicionCuentasContablesPage/DefinicionCuentasContablesPage.razor.rz.scp.css */
/*-----------------------------------------------------------------------------------------
to center columns in the MudDataGrid 
-----------------------------------------------------------------------------------------*/
.center-cell[b-rydj6g6kbl] {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*-----------------------------------------------------------------------------------------
to make the page content be aware of the side-bar
-----------------------------------------------------------------------------------------*/
.main-content[b-rydj6g6kbl] {
    width: calc(100% - 140px);
}

/*para aplicar estilo al editMode (*, |, x)  al principio de cada row - cuando el EditModel existe (puede ser null)  */
[b-rydj6g6kbl] .editMode_1 {
    font-size: medium;
    font-weight: normal;
    color: darkblue;
}

[b-rydj6g6kbl] .editMode_2 {
    font-size: medium;
    font-weight: normal;
    color: firebrick;
}

[b-rydj6g6kbl] .editMode_3 {
    font-size: medium;
    font-weight: normal;
    color: darkred;
}
/* /Components/Pages/ContabPages/Consultas/CuentasContables/Filtro.razor.rz.scp.css */

/* Subtle stripe (zebra) effect */
[b-a6yqpgfqh3] tr:nth-child(even) {
    background: #F5F5F5;
}

/*para aplicar estilo al editMode (*, |, x)  al principio de cada row - cuando el EditModel existe (puede ser null)  */
[b-a6yqpgfqh3] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

[b-a6yqpgfqh3] .editMode_2 {
    font-size: medium;
    font-weight: bold;
    color: firebrick;
}

[b-a6yqpgfqh3] .editMode_3 {
    font-size: medium;
    font-weight: bold;
    color: darkred;
}
/* /Components/Pages/ContabPages/Consultas/CuentasYMovimientosSummary/Filtro.razor.rz.scp.css */
.center-cell[b-kla9egmhvp] {
    text-align: center;
}

.left-cell[b-kla9egmhvp] {
    text-align: left;
}

.right-cell[b-kla9egmhvp] {
    text-align: right;
}
/* /Components/Pages/ContabPages/Consultas/SaldosContables/List.razor.rz.scp.css */
/*-----------------------------------------------------------------------------------------
to center the MudDataGrid's column's header
-----------------------------------------------------------------------------------------*/
.center-header .mud-table-cell-content[b-aur55i9yao] {
    margin: 0 auto; /* forces the inner span to center */
    text-align: center; /* centers text inside */
    font-weight: bold; /* optional */
}

.center-cell[b-aur55i9yao] {
    text-align: center;
}

.right-header .mud-table-cell-content[b-aur55i9yao] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    font-weight: bold;
}

.right-cell[b-aur55i9yao] {
    text-align: right;
}

/*-----------------------------------------------------------------------------------------
to make the page be aware of the side-bar; and adjust its width accordingly
-----------------------------------------------------------------------------------------*/
.main-content[b-aur55i9yao] {
    width: 1400px;
}

/*-----------------------------------------------------------------------------------------
to remove shadow and ripple effects from MudButtons
-----------------------------------------------------------------------------------------*/
/* Target only the custom class */ 
.no-shadow-icon:focus[b-aur55i9yao], .no-shadow-icon:active[b-aur55i9yao] {
    box-shadow: none !important;
}

/* Optional: remove ripple effect too */
.no-shadow-icon .mud-ripple[b-aur55i9yao] {
    display: none !important;
}

/* Target the icon button inside only this menu */ 
.no-shadow-menu .mud-icon-button:focus[b-aur55i9yao], .no-shadow-menu .mud-icon-button:active[b-aur55i9yao] {
    box-shadow: none !important;
}
/* Optional: remove ripple effect too */

.no-shadow-menu .mud-icon-button .mud-ripple[b-aur55i9yao] {
    display: none !important;
}
/* /Components/Pages/ContabPages/Entidades/Asientos/ConvertirAsientoContable.razor.rz.scp.css */


[b-mx25j47lkc] .quickgrid {
    font-family: 'Helvetica', 'Times New Roman', serif;
    color: black;
    font-size: 10px;
}

    [b-mx25j47lkc] .quickgrid .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        font-weight: bold;
        text-transform: none;
        color: #FFFFFF;
    }

    [b-mx25j47lkc] .quickgrid .sort-indicator {
        color: #FFFFFF;
    }

    [b-mx25j47lkc] .quickgrid button.col-title:hover, [b-mx25j47lkc] .quickgrid .col-options-button:hover {
        background-color: #5049DD;
        color: #FFFFFF;
    }

    [b-mx25j47lkc] .quickgrid button.col-title:active, [b-mx25j47lkc] .quickgrid .col-options-button:active {
        background-color: lightslategray;
        color: #FFFFFF;
    }

/* Fix height and enable scrolling */
.grid[b-mx25j47lkc] {
    height: 25rem;
    overflow-y: auto;
}

    .grid[b-mx25j47lkc]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-mx25j47lkc] thead {
    position: sticky;
    top: 0;
    background-color: #6D7AE0;
    outline: 1px solid gray;
    z-index: 1;
    color: #FFFFFF;
}

[b-mx25j47lkc] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
}

/* For virtualized grids, it's essential that all rows have the same known height */
/* Subtle stripe (zebra) effect */
[b-mx25j47lkc] tr:nth-child(even) {
    background: #F5F5F5;
}

[b-mx25j47lkc] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    /* Background color of hovered row */
    [b-mx25j47lkc] tr:hover {
        background: #EDECFE;
    }

/* we don't want the header to change background color when hovered (only for regular rows) */
[b-mx25j47lkc] thead:hover tr {
    background: #6D7AE0;
}

/*::deep .quickgrid[theme=default] > thead > tr > th .myClass {
    width: 450px;
}*/

/* Assign default width to country name column */
/*::deep thead .myClass col-title-text {
    width: 475px;
}*/

/* para alinear los encabezados - ahora solo se alinea el contenido */
[b-mx25j47lkc] th._align-header-center > div.col-header-content > div.col-title > div.col-title-text {
    text-align: center;
}

[b-mx25j47lkc] th._align-header-right > div.col-header-content > div.col-title > div.col-title-text {
    text-align: right;
}


/* to assign a width to specific columns*/
[b-mx25j47lkc] th._10px > div.col-header-content > div.col-title > div.col-title-text {
    width: 10px;
}

[b-mx25j47lkc] th._20px > div.col-header-content > div.col-title > div.col-title-text {
    width: 20px;
}

[b-mx25j47lkc] th._100px > div.col-header-content > div.col-title > div.col-title-text {
    width: 100px;
}

[b-mx25j47lkc] th._150px > div.col-header-content > div.col-title > div.col-title-text {
    width: 150px;
}

[b-mx25j47lkc] th._175px > div.col-header-content > div.col-title > div.col-title-text {
    width: 175px;
}

[b-mx25j47lkc] th._250px > div.col-header-content > div.col-title > div.col-title-text {
    width: 250px;
}

[b-mx25j47lkc] th._500px > div.col-header-content > div.col-title > div.col-title-text {
    width: 500px;
}

[b-mx25j47lkc] th._65px > div.col-header-content > div.col-title > div.col-title-text {
    width: 65px;
}

[b-mx25j47lkc] th._85px > div.col-header-content > div.col-title > div.col-title-text {
    width: 85px;
}

/* cuando la columna es Sortable el div se cambia por un button */
[b-mx25j47lkc] th._85px > div.col-header-content > button.col-title > div.col-title-text {
    width: 85px;
}

/*para aplicar estilo al editMode (*, |, x)  al principio de cada row - cuando el EditModel existe (puede ser null)  */
[b-mx25j47lkc] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

[b-mx25j47lkc] .editMode_2 {
    font-size: medium;
    font-weight: bold;
    color: firebrick;
}

[b-mx25j47lkc] .editMode_3 {
    font-size: medium;
    font-weight: bold;
    color: darkred;
}

[b-mx25j47lkc] .font_bold {
    font-weight: bold;
}

[b-mx25j47lkc] form.editForm fluent-number-field.font_bold input.control {
    font-weight: bold;
}

/*===========================================================*/
/* this is to style the editForm */
[b-mx25j47lkc] form.editForm label.fluent-input-label {
    font-size: small;
}

[b-mx25j47lkc] form.editForm fluent-checkbox span {
    font-size: small;
}

[b-mx25j47lkc] form.editForm fluent-text-field {
    font-size: small;
}

/* /Components/Pages/ContabPages/Entidades/Asientos/Details.razor.rz.scp.css */


[b-pptfebn78h] .quickgrid {
    font-family: 'Helvetica', 'Times New Roman', serif;
    color: black;
    font-size: smaller;
}

[b-pptfebn78h] .quickgrid .col-title {
    gap: 0.4rem; /* Separate the sort indicator from title text */
    font-weight: bold;
    text-transform: none;
    color: #FFFFFF;
}

[b-pptfebn78h] .quickgrid .sort-indicator {
    color: #FFFFFF;
}

[b-pptfebn78h] .quickgrid button.col-title:hover, [b-pptfebn78h] .quickgrid .col-options-button:hover {
    background-color: #5049DD;
    color: #FFFFFF;
}

[b-pptfebn78h] .quickgrid button.col-title:active, [b-pptfebn78h] .quickgrid .col-options-button:active {
    background-color: lightslategray;
    color: #FFFFFF;
}

/* Fix height and enable scrolling */
.grid[b-pptfebn78h] {
    height: 25rem;
    overflow-y: auto;
}

    .grid[b-pptfebn78h]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-pptfebn78h] thead {
    position: sticky;
    top: 0;
    background-color: #6D7AE0;
    outline: 1px solid gray;
    z-index: 1;
    color: #FFFFFF;
}

[b-pptfebn78h] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
}

/* For virtualized grids, it's essential that all rows have the same known height */
/* Subtle stripe (zebra) effect */
[b-pptfebn78h] tr:nth-child(even) {
    background: #F5F5F5;
}

[b-pptfebn78h] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    /* Background color of hovered row */
    [b-pptfebn78h] tr:hover {
        background: #EDECFE;
    }

/* we don't want the header to change background color when hovered (only for regular rows) */
[b-pptfebn78h] thead:hover tr {
    background: #6D7AE0;
}

/*::deep .quickgrid[theme=default] > thead > tr > th .myClass {
    width: 450px;
}*/

/* Assign default width to country name column */
/*::deep thead .myClass col-title-text {
    width: 475px;
}*/

/* para alinear los encabezados - ahora solo se alinea el contenido */
[b-pptfebn78h] th._align-header-center > div.col-header-content > div.col-title > div.col-title-text {
    text-align: center;
}


/* to assign a width to specific columns*/
[b-pptfebn78h] th._10px > div.col-header-content > div.col-title > div.col-title-text {
    width: 10px;
}

[b-pptfebn78h] th._20px > div.col-header-content > div.col-title > div.col-title-text {
    width: 20px;
}

[b-pptfebn78h] th._100px > div.col-header-content > div.col-title > div.col-title-text {
    width: 100px;
}

[b-pptfebn78h] th._150px > div.col-header-content > div.col-title > div.col-title-text {
    width: 150px;
}

[b-pptfebn78h] th._175px > div.col-header-content > div.col-title > div.col-title-text {
    width: 175px;
}

[b-pptfebn78h] th._250px > div.col-header-content > div.col-title > div.col-title-text {
    width: 250px;
}

[b-pptfebn78h] th._500px > div.col-header-content > div.col-title > div.col-title-text {
    width: 500px;
}

[b-pptfebn78h] th._65px > div.col-header-content > div.col-title > div.col-title-text {
    width: 65px;
}

[b-pptfebn78h] th._85px > div.col-header-content > div.col-title > div.col-title-text {
    width: 85px;
}

/* cuando la columna es Sortable el div se cambia por un button */
[b-pptfebn78h] th._85px > div.col-header-content > button.col-title > div.col-title-text {
    width: 85px;
}

[b-pptfebn78h] th._150px > div.col-header-content > button.col-title > div.col-title-text {
    width: 150px;
}

/*para aplicar estilo al editMode (*, |, x)  al principio de cada row - cuando el EditModel existe (puede ser null)  */
[b-pptfebn78h] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

[b-pptfebn78h] .editMode_2 {
    font-size: medium;
    font-weight: bold;
    color: firebrick;
}

[b-pptfebn78h] .editMode_3 {
    font-size: medium;
    font-weight: bold;
    color: darkred;
}

/* para aplicar estilo al fluent dialog */
[b-pptfebn78h] > fluent-dialog::part(control) {
    --dialog-width: 300px;
    --dialog-height: 350px;
    padding: 2rem !important;
}
/* /Components/Pages/ContabPages/Entidades/Asientos/Filtro.razor.rz.scp.css */


[b-xwcr39fqfo] .quickgrid {
    font-family: 'Helvetica', 'Times New Roman', serif;
    color: black;
    font-size: smaller;
}

[b-xwcr39fqfo] .quickgrid .col-title {
    gap: 0.4rem; /* Separate the sort indicator from title text */
    font-weight: bold;
    text-transform: none;
    color: #FFFFFF;
}

[b-xwcr39fqfo] .quickgrid .sort-indicator {
    color: #FFFFFF;
}

[b-xwcr39fqfo] .quickgrid button.col-title:hover, [b-xwcr39fqfo] .quickgrid .col-options-button:hover {
    background-color: #5049DD;
    color: #FFFFFF;
}

[b-xwcr39fqfo] .quickgrid button.col-title:active, [b-xwcr39fqfo] .quickgrid .col-options-button:active {
    background-color: lightslategray;
    color: #FFFFFF;
}

/* Fix height and enable scrolling */
.grid[b-xwcr39fqfo] {
    height: 25rem;
    overflow-y: auto;
}

    .grid[b-xwcr39fqfo]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-xwcr39fqfo] thead {
    position: sticky;
    top: 0;
    background-color: #6D7AE0;
    outline: 1px solid gray;
    z-index: 1;
    color: #FFFFFF;
}

[b-xwcr39fqfo] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
}

/* For virtualized grids, it's essential that all rows have the same known height */
/* Subtle stripe (zebra) effect */
[b-xwcr39fqfo] tr:nth-child(even) {
    background: #F5F5F5;
}

[b-xwcr39fqfo] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    /* Background color of hovered row */
    [b-xwcr39fqfo] tr:hover {
        background: #EDECFE;
    }

/* we don't want the header to change background color when hovered (only for regular rows) */
[b-xwcr39fqfo] thead:hover tr {
    background: #6D7AE0;
}

/*::deep .quickgrid[theme=default] > thead > tr > th .myClass {
    width: 450px;
}*/

/* Assign default width to country name column */
/*::deep thead .myClass col-title-text {
    width: 475px;
}*/

/* para alinear los encabezados - ahora solo se alinea el contenido */
[b-xwcr39fqfo] th._align-header-center > div.col-header-content > div.col-title > div.col-title-text {
    text-align: center;
}


/* to assign a width to specific columns*/
[b-xwcr39fqfo] th._10px > div.col-header-content > div.col-title > div.col-title-text {
    width: 10px;
}

[b-xwcr39fqfo] th._20px > div.col-header-content > div.col-title > div.col-title-text {
    width: 20px;
}

[b-xwcr39fqfo] th._100px > div.col-header-content > div.col-title > div.col-title-text {
    width: 100px;
}

[b-xwcr39fqfo] th._150px > div.col-header-content > div.col-title > div.col-title-text {
    width: 150px;
}

[b-xwcr39fqfo] th._175px > div.col-header-content > div.col-title > div.col-title-text {
    width: 175px;
}

[b-xwcr39fqfo] th._250px > div.col-header-content > div.col-title > div.col-title-text {
    width: 250px;
}

[b-xwcr39fqfo] th._500px > div.col-header-content > div.col-title > div.col-title-text {
    width: 500px;
}

[b-xwcr39fqfo] th._65px > div.col-header-content > div.col-title > div.col-title-text {
    width: 65px;
}

[b-xwcr39fqfo] th._85px > div.col-header-content > div.col-title > div.col-title-text {
    width: 85px;
}

/* cuando la columna es Sortable el div se cambia por un button */
[b-xwcr39fqfo] th._85px > div.col-header-content > button.col-title > div.col-title-text {
    width: 85px;
}

[b-xwcr39fqfo] th._150px > div.col-header-content > button.col-title > div.col-title-text {
    width: 150px;
}

/*para aplicar estilo al editMode (*, |, x)  al principio de cada row - cuando el EditModel existe (puede ser null)  */
[b-xwcr39fqfo] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

[b-xwcr39fqfo] .editMode_2 {
    font-size: medium;
    font-weight: bold;
    color: firebrick;
}

[b-xwcr39fqfo] .editMode_3 {
    font-size: medium;
    font-weight: bold;
    color: darkred;
}
/* /Components/Pages/ContabPages/Entidades/Asientos/ImportarAsientoContable.razor.rz.scp.css */

.sr-only[b-zloygrpg45] {
    width: 0;
    height: 0;
    overflow: hidden;
}

.input-label[b-zloygrpg45] {
    padding: 8px;
    background-color: lightgray;
    color: black;
    border-radius: 6px;
    border: 1px solid gray;
    cursor: pointer;
    width: 350px;
    text-align: center;
}
/* /Components/Pages/ContabPages/Entidades/Asientos/Partidas.razor.rz.scp.css */


[b-s0rxv8hw2h] .quickgrid {
    font-family: 'Helvetica', 'Times New Roman', serif;
    color: black;
    font-size: 10px;
}

[b-s0rxv8hw2h] .quickgrid .col-title {
    gap: 0.4rem; /* Separate the sort indicator from title text */
    font-weight: bold;
    text-transform: none;
    color: #FFFFFF;
}

[b-s0rxv8hw2h] .quickgrid .sort-indicator {
    color: #FFFFFF;
}

[b-s0rxv8hw2h] .quickgrid button.col-title:hover, [b-s0rxv8hw2h] .quickgrid .col-options-button:hover {
    background-color: #5049DD;
    color: #FFFFFF;
}

[b-s0rxv8hw2h] .quickgrid button.col-title:active, [b-s0rxv8hw2h] .quickgrid .col-options-button:active {
    background-color: lightslategray;
    color: #FFFFFF;
}

/* Fix height and enable scrolling */
.grid[b-s0rxv8hw2h] {
    height: 25rem;
    overflow-y: auto;
}

    .grid[b-s0rxv8hw2h]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-s0rxv8hw2h] thead {
    position: sticky;
    top: 0;
    background-color: #6D7AE0;
    outline: 1px solid gray;
    z-index: 1;
    color: #FFFFFF;
}

[b-s0rxv8hw2h] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
}

/* For virtualized grids, it's essential that all rows have the same known height */
/* Subtle stripe (zebra) effect */
[b-s0rxv8hw2h] tr:nth-child(even) {
    background: #F5F5F5;
}

[b-s0rxv8hw2h] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    /* Background color of hovered row */
    [b-s0rxv8hw2h] tr:hover {
        background: #EDECFE;
    }

/* we don't want the header to change background color when hovered (only for regular rows) */
[b-s0rxv8hw2h] thead:hover tr {
    background: #6D7AE0;
}

/*::deep .quickgrid[theme=default] > thead > tr > th .myClass {
    width: 450px;
}*/

/* Assign default width to country name column */
/*::deep thead .myClass col-title-text {
    width: 475px;
}*/

/* para alinear los encabezados - ahora solo se alinea el contenido */
[b-s0rxv8hw2h] th._align-header-center > div.col-header-content > div.col-title > div.col-title-text {
    text-align: center;
}


/* to assign a width to specific columns*/
[b-s0rxv8hw2h] th._10px > div.col-header-content > div.col-title > div.col-title-text {
    width: 10px;
}

[b-s0rxv8hw2h] th._20px > div.col-header-content > div.col-title > div.col-title-text {
    width: 20px;
}

[b-s0rxv8hw2h] th._100px > div.col-header-content > div.col-title > div.col-title-text {
    width: 100px;
}

[b-s0rxv8hw2h] th._150px > div.col-header-content > div.col-title > div.col-title-text {
    width: 150px;
}

[b-s0rxv8hw2h] th._175px > div.col-header-content > div.col-title > div.col-title-text {
    width: 175px;
}

[b-s0rxv8hw2h] th._250px > div.col-header-content > div.col-title > div.col-title-text {
    width: 250px;
}

[b-s0rxv8hw2h] th._500px > div.col-header-content > div.col-title > div.col-title-text {
    width: 500px;
}

[b-s0rxv8hw2h] th._65px > div.col-header-content > div.col-title > div.col-title-text {
    width: 65px;
}

[b-s0rxv8hw2h] th._85px > div.col-header-content > div.col-title > div.col-title-text {
    width: 85px;
}

/* cuando la columna es Sortable el div se cambia por un button */
[b-s0rxv8hw2h] th._85px > div.col-header-content > button.col-title > div.col-title-text {
    width: 85px;
}

[b-s0rxv8hw2h] th._150px > div.col-header-content > button.col-title > div.col-title-text {
    width: 150px;
}

/*para aplicar estilo al editMode (*, |, x)  al principio de cada row - cuando el EditModel existe (puede ser null)  */
[b-s0rxv8hw2h] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

[b-s0rxv8hw2h] .editMode_2 {
    font-size: medium;
    font-weight: bold;
    color: firebrick;
}

[b-s0rxv8hw2h] .editMode_3 {
    font-size: medium;
    font-weight: bold;
    color: darkred;
}

[b-s0rxv8hw2h] .font_bold {
    font-weight: bold;
}

[b-s0rxv8hw2h] form.editForm fluent-number-field.font_bold input.control {
    font-weight: bold;
}

/*===========================================================*/
/* this is to style the editForm */
/*::deep form.editForm > div > label.fluent-input-label {
    font-size: 12px;
}*/

/*::deep form.editForm fluent-number-field .font_bold {
    font-size: 12px;
}*/
/* /Components/Pages/ContabPages/Tablas/CuentasContablesPage/CuentasContablesPage.razor.rz.scp.css */
/* to style the select file link */
.sr-only[b-0x4ng8a5g3] {
    width: 0;
    height: 0;
    overflow: hidden;
}

.input-label[b-0x4ng8a5g3] {
    padding: 8px;
    background-color: lightgray;
    color: black;
    border-radius: 6px;
    border: 1px solid gray;
    cursor: pointer;
    width: 280px;
    text-align: center;
}

/*para aplicar estilo al editMode (*, |, x)  al principio de cada row - cuando el EditModel existe (puede ser null)  */
[b-0x4ng8a5g3] .editMode_1 {
    font-size: medium;
    font-weight: normal;
    color: darkblue;
}

[b-0x4ng8a5g3] .editMode_2 {
    font-size: medium;
    font-weight: normal;
    color: firebrick;
}

[b-0x4ng8a5g3] .editMode_3 {
    font-size: medium;
    font-weight: normal;
    color: darkred;
}
/* /Components/Pages/ContabPages/Tablas/CuentasContablesPage/CuentasContablesPage2.razor.rz.scp.css */
/* to style the select file link */
.sr-only[b-8ks5rxxzti] {
    width: 0;
    height: 0;
    overflow: hidden;
}

.input-label[b-8ks5rxxzti] {
    padding: 8px;
    background-color: lightgray;
    color: black;
    border-radius: 6px;
    border: 1px solid gray;
    cursor: pointer;
    width: 280px;
    text-align: center;
}

/*para aplicar estilo al editMode (*, |, x)  al principio de cada row - cuando el EditModel existe (puede ser null)  */
[b-8ks5rxxzti] .editMode_1 {
    font-size: medium;
    font-weight: normal;
    color: darkblue;
}

[b-8ks5rxxzti] .editMode_2 {
    font-size: medium;
    font-weight: normal;
    color: firebrick;
}

[b-8ks5rxxzti] .editMode_3 {
    font-size: medium;
    font-weight: normal;
    color: darkred;
}
/* /Components/Pages/ContabPages/Tablas/FC_CategoriasPage/FC_CategoriasPage.razor.rz.scp.css */
/*-----------------------------------------------------------------------------------------
styles for the fluent ui grid 
-----------------------------------------------------------------------------------------*/
[b-r1s7s6uptf] fluent-data-grid-cell {
    font-size: 12px;
}

    [b-r1s7s6uptf] fluent-data-grid-cell div.col-title-text {
        font-size: 12px;
    }

/*para aplicar estilo al editMode (*, |, x)  al principio de cada row - cuando el EditModel existe (puede ser null)  */
[b-r1s7s6uptf] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

[b-r1s7s6uptf] .editMode_2 {
    font-size: medium;
    font-weight: bold;
    color: firebrick;
}

[b-r1s7s6uptf] .editMode_3 {
    font-size: medium;
    font-weight: bold;
    color: darkred;
}
/* /Components/Pages/ContabPages/Tablas/FC_CuentasContables_Config/FC_CuentasContables_ConfigPage.razor.rz.scp.css */
/*-----------------------------------------------------------------------------------------
styles for the fluent ui grid 
-----------------------------------------------------------------------------------------*/
[b-ucade9hkiq] fluent-data-grid-cell {
    font-size: 10px;
}

    [b-ucade9hkiq] fluent-data-grid-cell div.col-title-text {
        font-size: 12px;
    }

/*para aplicar estilo al editMode (*, |, x)  al principio de cada row - cuando el EditModel existe (puede ser null)  */
[b-ucade9hkiq] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

[b-ucade9hkiq] .editMode_2 {
    font-size: medium;
    font-weight: bold;
    color: firebrick;
}

[b-ucade9hkiq] .editMode_3 {
    font-size: medium;
    font-weight: bold;
    color: darkred;
}
/* /Components/Pages/GeneralesPages/SeleccionarCiaContab/SeleccionarCiaContab.razor.rz.scp.css */


[b-h26108oxev] .quickgrid {
    font-family: 'Helvetica', 'Times New Roman', serif;
    color: black;
    font-size: small;
    width: 60%;
}

[b-h26108oxev] .quickgrid .col-title {
    gap: 0.4rem; /* Separate the sort indicator from title text */
    font-weight: bold;
    text-transform: none;
    color: #FFFFFF;
}

[b-h26108oxev] .quickgrid .sort-indicator {
    color: #FFFFFF;
}

[b-h26108oxev] .quickgrid button.col-title:hover, [b-h26108oxev] .quickgrid .col-options-button:hover {
    background-color: #5049DD;
    color: #FFFFFF;
}

[b-h26108oxev] .quickgrid button.col-title:active, [b-h26108oxev] .quickgrid .col-options-button:active {
    background-color: lightslategray;
    color: #FFFFFF;
}

/* Fix height and enable scrolling */
.grid[b-h26108oxev] {
    height: 25rem;
    overflow-y: auto;
}

    .grid[b-h26108oxev]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-h26108oxev] thead {
    position: sticky;
    top: 0;
    background-color: #6D7AE0;
    outline: 1px solid gray;
    z-index: 1;
    color: #FFFFFF;
}

[b-h26108oxev] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
}

/* For virtualized grids, it's essential that all rows have the same known height */
/* Subtle stripe (zebra) effect */
[b-h26108oxev] tr:nth-child(even) {
    background: #F5F5F5;
}

[b-h26108oxev] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    /* Background color of hovered row */
    [b-h26108oxev] tr:hover {
        background: #EDECFE;
    }

/* we don't want the header to change background color when hovered (only for regular rows) */
[b-h26108oxev] thead:hover tr {
    background: #6D7AE0;
}

/*::deep .quickgrid[theme=default] > thead > tr > th .myClass {
    width: 450px;
}*/

/* Assign default width to country name column */
/*::deep thead .myClass col-title-text {
    width: 475px;
}*/

/* to assign a width to specific columns*/
[b-h26108oxev] th._100px > div.col-header-content > div.col-title > div.col-title-text {
    width: 100px;
}

[b-h26108oxev] th._150px > div.col-header-content > div.col-title > div.col-title-text {
    width: 150px;
}

[b-h26108oxev] th._175px > div.col-header-content > div.col-title > div.col-title-text {
    width: 175px;
}

[b-h26108oxev] th._250px > div.col-header-content > div.col-title > div.col-title-text {
    width: 250px;
}

[b-h26108oxev] th._500px > div.col-header-content > div.col-title > div.col-title-text {
    width: 500px;
}

[b-h26108oxev] th._65px > div.col-header-content > div.col-title > div.col-title-text {
    width: 65px;
}

[b-h26108oxev] th._85px > div.col-header-content > div.col-title > div.col-title-text {
    width: 85px;
}

/* cuando la columna es Sortable el div se cambia por un button */
[b-h26108oxev] th._85px > div.col-header-content > button.col-title > div.col-title-text {
    width: 85px;
}

[b-h26108oxev] th._150px > div.col-header-content > button.col-title > div.col-title-text {
    width: 150px;
}
/* /Components/Pages/LoginDisplay.razor.rz.scp.css */
/* unvisited link */
a:link[b-ced1o79r2b] {
    font-family: 'Helvetica', 'Times New Roman', serif;
    color: white;
    font-size: 13px;
}

/* visited link */
a:visited[b-ced1o79r2b] {
    font-family: 'Helvetica', 'Times New Roman', serif;
    color: white;
    font-size: 13px;
}

/* mouse over link */
a:hover[b-ced1o79r2b] {
    font-family: 'Helvetica', 'Times New Roman', serif;
    color: white;
    font-size: 13px;
    font-style: italic; 
}

/* selected link */
a:active[b-ced1o79r2b] {
    font-family: 'Helvetica', 'Times New Roman', serif;
    color: white;
    font-size: 13px;
    font-style: italic;
}



/* /Components/Pages/Utilities/Contab/NumeracionCorregir/CorregirNumeracionPage.razor.rz.scp.css */
/*-----------------------------------------------------------------------------------------
styles for the fluent ui grid 
-----------------------------------------------------------------------------------------*/
[b-kn4jm5153u] fluent-data-grid-cell {
    font-size: small;
}

[b-kn4jm5153u] fluent-data-grid-cell div.col-title-text {
    font-size: small;
}
/* /Components/Pages/Utilities/Generales/UploadWordTemplate.razor.rz.scp.css */
.sr-only[b-kos1steirt] {
    width: 0;
    height: 0;
    overflow: hidden;
}

.input-label[b-kos1steirt] {
    padding: 8px;
    background-color: lightgray;
    color: black;
    border-radius: 6px;
    border: 1px solid gray;
    cursor: pointer;
    width: 280px;
    text-align: center;
}

[b-kos1steirt] .quickgrid {
    font-family: 'Helvetica', 'Times New Roman', serif;
    color: black;
    font-size: smaller;
}

    [b-kos1steirt] .quickgrid .col-title {
        gap: 0.4rem; /* Separate the sort indicator from title text */
        font-weight: bold;
        text-transform: none;
        color: #FFFFFF;
    }

    [b-kos1steirt] .quickgrid .sort-indicator {
        color: #FFFFFF;
    }

    [b-kos1steirt] .quickgrid button.col-title:hover, [b-kos1steirt] .quickgrid .col-options-button:hover {
        background-color: #5049DD;
        color: #FFFFFF;
    }

    [b-kos1steirt] .quickgrid button.col-title:active, [b-kos1steirt] .quickgrid .col-options-button:active {
        background-color: lightslategray;
        color: #FFFFFF;
    }

/* Fix height and enable scrolling */
.grid[b-kos1steirt] {
    height: 25rem;
    overflow-y: auto;
}

    .grid[b-kos1steirt]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-kos1steirt] thead {
    position: sticky;
    top: 0;
    background-color: #6D7AE0;
    outline: 1px solid gray;
    z-index: 1;
    color: #FFFFFF;
}

[b-kos1steirt] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
}

/* For virtualized grids, it's essential that all rows have the same known height */
/* Subtle stripe (zebra) effect */
[b-kos1steirt] tr:nth-child(even) {
    background: #F5F5F5;
}

[b-kos1steirt] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

    /* Background color of hovered row */
    [b-kos1steirt] tr:hover {
        background: #EDECFE;
    }

/* we don't want the header to change background color when hovered (only for regular rows) */
[b-kos1steirt] thead:hover tr {
    background: #6D7AE0;
}

/*::deep .quickgrid[theme=default] > thead > tr > th .myClass {
    width: 450px;
}*/

/* Assign default width to country name column */
/*::deep thead .myClass col-title-text {
    width: 475px;
}*/

/* para alinear los encabezados - ahora solo se alinea el contenido */
[b-kos1steirt] th._align-header-center > div.col-header-content > div.col-title > div.col-title-text {
    text-align: center;
}


/* to assign a width to specific columns*/
[b-kos1steirt] th._10px > div.col-header-content > div.col-title > div.col-title-text {
    width: 10px;
}

[b-kos1steirt] th._20px > div.col-header-content > div.col-title > div.col-title-text {
    width: 20px;
}

[b-kos1steirt] th._35px > div.col-header-content > div.col-title > div.col-title-text {
    width: 35px;
}

[b-kos1steirt] th._50px > div.col-header-content > div.col-title > div.col-title-text {
    width: 50px;
}

[b-kos1steirt] th._75px > div.col-header-content > div.col-title > div.col-title-text {
    width: 75px;
}

[b-kos1steirt] th._100px > div.col-header-content > div.col-title > div.col-title-text {
    width: 100px;
}

[b-kos1steirt] th._150px > div.col-header-content > div.col-title > div.col-title-text {
    width: 150px;
}

[b-kos1steirt] th._175px > div.col-header-content > div.col-title > div.col-title-text {
    width: 175px;
}

[b-kos1steirt] th._250px > div.col-header-content > div.col-title > div.col-title-text {
    width: 250px;
}

[b-kos1steirt] th._350px > div.col-header-content > div.col-title > div.col-title-text {
    width: 350px;
}

[b-kos1steirt] th._500px > div.col-header-content > div.col-title > div.col-title-text {
    width: 500px;
}

[b-kos1steirt] th._65px > div.col-header-content > div.col-title > div.col-title-text {
    width: 65px;
}

[b-kos1steirt] th._85px > div.col-header-content > div.col-title > div.col-title-text {
    width: 85px;
}

/* cuando la columna es Sortable el div se cambia por un button */
[b-kos1steirt] th._85px > div.col-header-content > button.col-title > div.col-title-text {
    width: 85px;
}

[b-kos1steirt] th._150px > div.col-header-content > button.col-title > div.col-title-text {
    width: 150px;
}

/*para aplicar estilo al editMode (*, |, x)  al principio de cada row - cuando el EditModel existe (puede ser null)  */
[b-kos1steirt] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

[b-kos1steirt] .editMode_2 {
    font-size: medium;
    font-weight: bold;
    color: firebrick;
}

[b-kos1steirt] .editMode_3 {
    font-size: medium;
    font-weight: bold;
    color: darkred;
}