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

/* /Components/Layout/CultureSelector.razor.rz.scp.css */

/* this is a copied from web code to style a select html tag */
.select-dropdown[b-szdgk6pr3d],
.select-dropdown *[b-szdgk6pr3d] {
    margin: 0;
    padding: 0;
    position: relative;
    box-sizing: border-box;
}

.select-dropdown[b-szdgk6pr3d] {
    position: relative;
    background-color: #E6E6E6;
    border-radius: 4px;
}

.select-dropdown select[b-szdgk6pr3d] {
    font-size: small;
    font-weight: normal;
    max-width: 100%;
    padding: 0 24px 0 10px;
    border: none;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.select-dropdown select:active[b-szdgk6pr3d], .select-dropdown select:focus[b-szdgk6pr3d] {
    outline: none;
    box-shadow: none;
}

.select-dropdown[b-szdgk6pr3d]:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 8px;
    width: 0;
    height: 0;
    margin-top: -2px;
    border-top: 5px solid #aaa;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}
/* /Components/Pages/Administracion/UserManagement.razor.rz.scp.css */

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

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

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

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

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

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

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

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

[b-rys8i2arur] 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-rys8i2arur] tr:nth-child(even) {
    background: #F5F5F5;
}

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

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

/* we don't want the header to change background color when hovered (only for regular rows) */
[b-rys8i2arur] 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-rys8i2arur] th._100px > div.col-header-content > div.col-title > div.col-title-text {
    width: 100px;
}

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

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

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

[b-rys8i2arur] 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-rys8i2arur] th._85px > div.col-header-content > button.col-title > div.col-title-text {
    width: 85px;
}

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

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

[b-rys8i2arur] form.editForm fluent-text-field {
    font-size: 12px;
}
/* /Components/Pages/Cobranzas/CuotasComponent/Filtro.razor.rz.scp.css */

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

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

[b-5w9spuq7e3] .editMode_3 {
    font-size: medium;
    font-weight: bold;
    color: darkred;
}
/* /Components/Pages/Cobranzas/RemesasComponent/Filtro.razor.rz.scp.css */

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

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

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

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

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

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

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

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

[b-t3tj58d6ew] 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-t3tj58d6ew] tr:nth-child(even) {
    background: #F5F5F5;
}

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

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

/* we don't want the header to change background color when hovered (only for regular rows) */
[b-t3tj58d6ew] 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-t3tj58d6ew] 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-t3tj58d6ew] th._10px > div.col-header-content > div.col-title > div.col-title-text {
    width: 10px;
}

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

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

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

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

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

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

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

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

[b-t3tj58d6ew] 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-t3tj58d6ew] th._85px > div.col-header-content > button.col-title > div.col-title-text {
    width: 85px;
}

[b-t3tj58d6ew] 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-t3tj58d6ew] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

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

[b-t3tj58d6ew] .editMode_3 {
    font-size: medium;
    font-weight: bold;
    color: darkred;
}
/* /Components/Pages/Cobranzas/RemesasComponent/MostrarCuotasAsociadas.razor.rz.scp.css */
/*-----------------------------------------------------------------------------------------
styles for the fluent ui grid 
-----------------------------------------------------------------------------------------*/
[b-j1xmlpnao3] fluent-data-grid-cell {
    font-size: small;
}

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

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

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

table.small-pretty-table td[b-j1xmlpnao3], table.small-pretty-table th[b-j1xmlpnao3] {
    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-j1xmlpnao3] {
    border-top-left-radius: 10px;
}

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

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

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

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

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

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

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

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

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

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

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

/*-----------------------------------------------------------------------------------------
to style a beautiful and pretty *not* small table 

-----------------------------------------------------------------------------------------*/
table.pretty-table[b-j1xmlpnao3] {
    border-collapse: separate;
    border-spacing: 0;
    font-family: arial, sans-serif;
    font-size: 12px;
    width: 85%;
}

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

table.pretty-table td[b-j1xmlpnao3], table.pretty-table th[b-j1xmlpnao3] {
    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-j1xmlpnao3] {
    border-top-left-radius: 10px;
}

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

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

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

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

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

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

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

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

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

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

table.pretty-table tr th:first-child[b-j1xmlpnao3] {
    border-left-style: solid;
}
/* /Components/Pages/Cobranzas/RemesasComponent/Remesa.razor.rz.scp.css */


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

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

table.small-pretty-table td[b-4mcwv44amq], table.small-pretty-table th[b-4mcwv44amq] {
    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-4mcwv44amq] {
    border-top-left-radius: 10px;
}

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

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

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

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

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

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

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

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

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

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

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

/*-----------------------------------------------------------------------------------------
to style a beautiful and pretty *not* small table 

-----------------------------------------------------------------------------------------*/
table.pretty-table[b-4mcwv44amq] {
    border-collapse: separate;
    border-spacing: 0;
    font-family: arial, sans-serif;
    font-size: 12px;
    width: 85%;
}

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

    table.pretty-table td[b-4mcwv44amq], table.pretty-table th[b-4mcwv44amq] {
        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-4mcwv44amq] {
        border-top-left-radius: 10px;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

[b-4mcwv44amq] .editMode_3 {
    font-size: medium;
    font-weight: bold;
    color: darkred;
}
/* /Components/Pages/Cobranzas/RemesasComponent/RemesaAsociarPagos.razor.rz.scp.css */

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

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

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

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

    table.small-pretty-table td[b-rjdmxlupyr], table.small-pretty-table th[b-rjdmxlupyr] {
        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-rjdmxlupyr] {
        border-top-left-radius: 10px;
    }

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

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

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

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

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

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

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

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

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

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

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



/*-----------------------------------------------------------------------------------------
to style a beautiful and pretty *not* small table 

-----------------------------------------------------------------------------------------*/
table.pretty-table[b-rjdmxlupyr] {
    border-collapse: separate;
    border-spacing: 0;
    font-family: arial, sans-serif;
    font-size: 12px;
    width: 85%;
}

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

    table.pretty-table td[b-rjdmxlupyr], table.pretty-table th[b-rjdmxlupyr] {
        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-rjdmxlupyr] {
        border-top-left-radius: 10px;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

[b-rjdmxlupyr] .editMode_3 {
    font-size: medium;
    font-weight: bold;
    color: darkred;
}
/* /Components/Pages/Consultas/Cobranzas/CuotasCobradasPagadas/Filtro.razor.rz.scp.css */
/*-----------------------------------------------------------------------------------------
styles for the fluent ui grid 
-----------------------------------------------------------------------------------------*/
[b-ahjmsvmef6] fluent-data-grid-cell {
    font-size: small;
}

[b-ahjmsvmef6] fluent-data-grid-cell div.col-title-text {
    font-size: small;
}
/* /Components/Pages/Consultas/Emision/EmisionPorCobertura/Filtro.razor.rz.scp.css */
[b-7vqamyetgs] .fluent-data-grid {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

/*para ajustar el alto del header row en el FluentDataGrid*/
[b-7vqamyetgs] table .fluent-data-grid thead tr .fluent-data-grid-row {
    height: 35px;
}

/* para apalicar el mismo estilo a los encabezados que permitem ordenar (sort) */
[b-7vqamyetgs] .fluent-data-grid .col-sort-button .col-title-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

/* para agregar el zebra style en el grid  */
table .fluent-data-grid tr .fluent-data-grid-row :nth-child(even)[b-7vqamyetgs] {
    background: #F5F5F5;
}

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

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

[b-7vqamyetgs] .editMode_3 {
    font-size: medium;
    font-weight: bold;
    color: darkred;
}
/* /Components/Pages/Consultas/Emision/General/Filtro.razor.rz.scp.css */

[b-penwzhyhyg] .fluent-data-grid {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

/*para ajustar el alto del header row en el FluentDataGrid*/
[b-penwzhyhyg] table .fluent-data-grid thead tr .fluent-data-grid-row {
    height: 35px;
}

/* para apalicar el mismo estilo a los encabezados que permitem ordenar (sort) */
[b-penwzhyhyg] .fluent-data-grid .col-sort-button .col-title-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

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

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

[b-penwzhyhyg] .editMode_3 {
    font-size: medium;
    font-weight: bold;
    color: darkred;
}
/* /Components/Pages/Consultas/Emision/Siniestros/Details.razor.rz.scp.css */
/*-----------------------------------------------------------------------------------------
to style a beautiful and pretty small table 
-----------------------------------------------------------------------------------------*/
table.small-pretty-table[b-e32ifvh5ch] {
    border-collapse: separate;
    border-spacing: 0;
    font-family: arial, sans-serif;
    font-size: 10px;
    width: 90%;
}

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

    table.small-pretty-table td[b-e32ifvh5ch], table.small-pretty-table th[b-e32ifvh5ch] {
        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-e32ifvh5ch] {
        border-top-left-radius: 10px;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    table.pretty-table td[b-e32ifvh5ch], table.pretty-table th[b-e32ifvh5ch] {
        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-e32ifvh5ch] {
        border-top-left-radius: 10px;
    }

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

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

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

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

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

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

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

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

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

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

    table.pretty-table tr th:first-child[b-e32ifvh5ch] {
        border-left-style: solid;
    }
/* /Components/Pages/Consultas/Emision/Siniestros/Filtro.razor.rz.scp.css */
/* para agregar el zebra style en el grid  */
table .fluent-data-grid tr .fluent-data-grid-row :nth-child(even)[b-nde4hr7wde] {
    background: #F5F5F5;
}
/* /Components/Pages/Entidades/Cotizaciones/DetailPage.razor.rz.scp.css */
/*para aplicar estilo al editMode (*, |, x)  al principio de cada row - cuando el EditModel existe (puede ser null)  */
[b-aus5go0mnx] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

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

[b-aus5go0mnx] .editMode_3 {
    font-size: medium;
    font-weight: bold;
    color: darkred;
}
/* /Components/Pages/Entidades/Cotizaciones/DetailPage_Companias.razor.rz.scp.css */
/*para aplicar estilo al editMode (*, |, x)  al principio de cada row - cuando el EditModel existe (puede ser null)  */
[b-x3iv8a43mr] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

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

[b-x3iv8a43mr] .editMode_3 {
    font-size: medium;
    font-weight: bold;
    color: darkred;
}
/* /Components/Pages/Entidades/Cotizaciones/DetailPage_TRI.razor.rz.scp.css */
/*para aplicar estilo al editMode (*, |, x)  al principio de cada row - cuando el EditModel existe (puede ser null)  */
[b-dovdfm3q8q] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

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

[b-dovdfm3q8q] .editMode_3 {
    font-size: medium;
    font-weight: bold;
    color: darkred;
}
/* /Components/Pages/Entidades/FlotasPage/FlotaCuotasPage.razor.rz.scp.css */
/*para aplicar estilo al editMode (*, |, x)  al principio de cada row - cuando el EditModel existe (puede ser null)  */
[b-ifduzgzhyt] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

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

[b-ifduzgzhyt] .editMode_3 {
    font-size: medium;
    font-weight: bold;
    color: darkred;
}
/* /Components/Pages/Entidades/FlotasPage/FlotasPage.razor.rz.scp.css */
/*para aplicar estilo al editMode (*, |, x)  al principio de cada row - cuando el EditModel existe (puede ser null)  */
[b-s21o6dhcb3] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

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

[b-s21o6dhcb3] .editMode_3 {
    font-size: medium;
    font-weight: bold;
    color: darkred;
}
/* /Components/Pages/Entidades/Riesgos/Filtro.razor.rz.scp.css */

[b-cg79uazkpy] .fluent-data-grid {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

/*para ajustar el alto del header row en el FluentDataGrid*/
[b-cg79uazkpy] table .fluent-data-grid thead tr .fluent-data-grid-row {
    height: 35px;
}

/* para apalicar el mismo estilo a los encabezados que permitem ordenar (sort) */ 
[b-cg79uazkpy] .fluent-data-grid .col-sort-button .col-title-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

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

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

[b-cg79uazkpy] .editMode_3 {
    font-size: medium;
    font-weight: bold;
    color: darkred;
}
/* /Components/Pages/Entidades/Riesgos/RiesgoCuotas.razor.rz.scp.css */
[b-r30v2uhgld] .fluent-data-grid {
    font-family: 'Segoe UI Variable', 'Segoe UI', sans-serif;
    font-size: 14px;
}

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

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

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

/*===========================================================*/
/* this is to style the editForm (label's size) */
[b-r30v2uhgld] form.editForm label.fluent-input-label {
    font-size: 12px;
    font-weight: 500;
}

[b-r30v2uhgld] form.editForm fluent-text-field {
    font-size: 12px;
}
/* /Components/Pages/Entidades/Riesgos/RiesgoProrrataPage.razor.rz.scp.css */
[b-3b20to4qyu] .fluent-data-grid {
    font-family: 'Segoe UI Variable', 'Segoe UI', sans-serif;
    font-size: 14px;
}
/* /Components/Pages/Entidades/Riesgos/RiesgosCoberturasPage.razor.rz.scp.css */
[b-6sj6izdbqr] .fluent-data-grid {
    font-family: 'Segoe UI Variable', 'Segoe UI', sans-serif;
    font-size: 14px;
}

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

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

[b-6sj6izdbqr] .editMode_3 {
    font-size: medium;
    font-weight: bold;
    color: darkred;
}
/* /Components/Pages/Entidades/Riesgos/RiesgosCoberturasPage2.razor.rz.scp.css */
/*para aplicar estilo al editMode (*, |, x)  al principio de cada row - cuando el EditModel existe (puede ser null)  */
[b-m9xq86ngk2] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

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

[b-m9xq86ngk2] .editMode_3 {
    font-size: medium;
    font-weight: bold;
    color: darkred;
}
/* /Components/Pages/Entidades/Riesgos/RiesgosCompaniasPage.razor.rz.scp.css */
[b-3eu9ako2z6] .fluent-data-grid {
    font-family: 'Segoe UI Variable', 'Segoe UI', sans-serif;
    font-size: 14px;
}

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

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

[b-3eu9ako2z6] .editMode_3 {
    font-size: medium;
    font-weight: bold;
    color: darkred;
}
/* /Components/Pages/Entidades/Riesgos/RiesgosPrimas.razor.rz.scp.css */
[b-gpe7yk1euu] .fluent-data-grid {
    font-family: 'Segoe UI Variable', 'Segoe UI', sans-serif;
    font-size: 14px;
}

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

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

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

/*===========================================================*/
/* this is to style the editForm (label's size) */
[b-gpe7yk1euu] form.editForm label.fluent-input-label {
    font-size: 12px;
    font-weight: 500; 
}

[b-gpe7yk1euu] form.editForm fluent-text-field {
    font-size: 12px;
}
/* /Components/Pages/Entidades/Riesgos/RiesgosPrimas2.razor.rz.scp.css */
/*para aplicar estilo al editMode (*, |, x)  al principio de cada row - cuando el EditModel existe (puede ser null)  */
[b-zxnn2plj6o] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

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

[b-zxnn2plj6o] .editMode_3 {
    font-size: medium;
    font-weight: bold;
    color: darkred;
}
/* /Components/Pages/Entidades/SiniestrosPage/Filtro.razor.rz.scp.css */
/*-----------------------------------------------------------------------------------------
styles for the fluent ui grid 
-----------------------------------------------------------------------------------------*/
[b-8uuy5pw97k] fluent-data-grid-cell {
    font-size: small;
}

[b-8uuy5pw97k] fluent-data-grid-cell div.col-title-text {
    font-size: small;
}
/* /Components/Pages/Entidades/SiniestrosPage/SiniestroCuotasPage.razor.rz.scp.css */
/*para aplicar estilo al editMode (*, |, x)  al principio de cada row - cuando el EditModel existe (puede ser null)  */
[b-k1f1df366l] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

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

[b-k1f1df366l] .editMode_3 {
    font-size: medium;
    font-weight: bold;
    color: darkred;
}
/* /Components/Pages/Entidades/SiniestrosPage/SiniestrosCoberturasPage.razor.rz.scp.css */
/*para aplicar estilo al editMode (*, |, x)  al principio de cada row - cuando el EditModel existe (puede ser null)  */
[b-rnk8myin8q] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

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

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

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

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

    table.pretty-table td[b-rnk8myin8q], table.pretty-table th[b-rnk8myin8q] {
        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-rnk8myin8q] {
        border-top-left-radius: 10px;
    }

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

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

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

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

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

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

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

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

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

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

    table.pretty-table tr th:first-child[b-rnk8myin8q] {
        border-left-style: solid;
    }
/* /Components/Pages/Entidades/SiniestrosPage/SiniestrosMovimientosPage.razor.rz.scp.css */
/*para aplicar estilo al editMode (*, |, x)  al principio de cada row - cuando el EditModel existe (puede ser null)  */
[b-3cb97dr343] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

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

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

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

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

    table.pretty-table td[b-3cb97dr343], table.pretty-table th[b-3cb97dr343] {
        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-3cb97dr343] {
        border-top-left-radius: 10px;
    }

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

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

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

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

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

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

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

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

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

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

    table.pretty-table tr th:first-child[b-3cb97dr343] {
        border-left-style: solid;
    }
/* /Components/Pages/Entidades/SiniestrosPage/SiniestrosNuevo.razor.rz.scp.css */
/*-----------------------------------------------------------------------------------------
styles for the fluent ui grid 
-----------------------------------------------------------------------------------------*/
[b-d4ztqry9ej] fluent-data-grid-cell {
    font-size: small;
}

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

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

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

    table.small-pretty-table td[b-d4ztqry9ej], table.small-pretty-table th[b-d4ztqry9ej] {
        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-d4ztqry9ej] {
        border-top-left-radius: 10px;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    table.pretty-table td[b-d4ztqry9ej], table.pretty-table th[b-d4ztqry9ej] {
        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-d4ztqry9ej] {
        border-top-left-radius: 10px;
    }

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

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

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

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

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

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

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

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

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

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

    table.pretty-table tr th:first-child[b-d4ztqry9ej] {
        border-left-style: solid;
    }
/* /Components/Pages/Entidades/SiniestrosPage/SiniestrosPage.razor.rz.scp.css */
/*-----------------------------------------------------------------------------------------
styles for the fluent ui grid 
-----------------------------------------------------------------------------------------*/
[b-49fb6syg7d] fluent-data-grid-cell {
    font-size: small;
}

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

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

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

table.small-pretty-table td[b-49fb6syg7d], table.small-pretty-table th[b-49fb6syg7d] {
    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-49fb6syg7d] {
    border-top-left-radius: 10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

table.pretty-table td[b-49fb6syg7d], table.pretty-table th[b-49fb6syg7d] {
    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-49fb6syg7d] {
    border-top-left-radius: 10px;
}

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

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

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

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

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

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

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

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

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

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

table.pretty-table tr th:first-child[b-49fb6syg7d] {
    border-left-style: solid;
}
/* /Components/Pages/GeneralPages/DocumentosPage/DocumentosPage.razor.rz.scp.css */
/*para aplicar estilo al editMode (*, |, x)  al principio de cada row - cuando el EditModel existe (puede ser null)  */
[b-2443c5j1af] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

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

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

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

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

    table.pretty-table td[b-2443c5j1af], table.pretty-table th[b-2443c5j1af] {
        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-2443c5j1af] {
        border-top-left-radius: 10px;
    }

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

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

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

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

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

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

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

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

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

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

    table.pretty-table tr th:first-child[b-2443c5j1af] {
        border-left-style: solid;
    }
/* /Components/Pages/GeneralPages/DocWordFromTemplate/DocWordDesdePlantilla.razor.rz.scp.css */
/*para aplicar estilo al editMode (*, |, x)  al principio de cada row - cuando el EditModel existe (puede ser null)  */
[b-5cn3i25vu4] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

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

[b-5cn3i25vu4] .editMode_3 {
    font-size: medium;
    font-weight: bold;
    color: darkred;
}
/* /Components/Pages/GeneralPages/SeleccionarCia/SeleccionarCia.razor.rz.scp.css */

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

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

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

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

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

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

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

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

[b-96mk9c7js0] 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-96mk9c7js0] tr:nth-child(even) {
    background: #F5F5F5;
}

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

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

/* we don't want the header to change background color when hovered (only for regular rows) */
[b-96mk9c7js0] 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-96mk9c7js0] th._100px > div.col-header-content > div.col-title > div.col-title-text {
    width: 100px;
}

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

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

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

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

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

[b-96mk9c7js0] 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-96mk9c7js0] th._85px > div.col-header-content > button.col-title > div.col-title-text {
    width: 85px;
}

[b-96mk9c7js0] 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-qfkdd0ejw3] {
    font-family: 'Helvetica', 'Times New Roman', serif;
    color: white;
    font-size: 13px;
}

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

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

/* selected link */
a:active[b-qfkdd0ejw3] {
    font-family: 'Helvetica', 'Times New Roman', serif;
    color: white;
    font-size: 13px;
    font-style: italic;
}
/* /Components/Pages/Tablas/Aeropuertos/AeropuertosPage.razor.rz.scp.css */
/*para aplicar estilo al editMode (*, |, x)  al principio de cada row - cuando el EditModel existe (puede ser null)  */
[b-iwifd4tryn] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

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

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

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

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

[b-jif0gnk7pf] .editMode_3 {
    font-size: medium;
    font-weight: bold;
    color: darkred;
}
/* /Components/Pages/Tablas/BancosComponent/BancosPage.razor.rz.scp.css */

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

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

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

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

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

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

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

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

[b-z3hjcrg3zn] 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-z3hjcrg3zn] tr:nth-child(even) {
    background: #F5F5F5;
}

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

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

/* we don't want the header to change background color when hovered (only for regular rows) */
[b-z3hjcrg3zn] 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-z3hjcrg3zn] 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-z3hjcrg3zn] th._10px > div.col-header-content > div.col-title > div.col-title-text {
    width: 10px;
}

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

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

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

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

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

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

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

[b-z3hjcrg3zn] 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-z3hjcrg3zn] th._85px > div.col-header-content > button.col-title > div.col-title-text {
    width: 85px;
}

[b-z3hjcrg3zn] 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-z3hjcrg3zn] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

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

[b-z3hjcrg3zn] .editMode_3 {
    font-size: medium;
    font-weight: bold;
    color: darkred;
}
/* /Components/Pages/Tablas/BienesAseguradosPage/BienesAseguradosPage.razor.rz.scp.css */
/*para aplicar estilo al editMode (*, |, x)  al principio de cada row - cuando el EditModel existe (puede ser null)  */
[b-0d4bmv7p6j] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

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

[b-0d4bmv7p6j] .editMode_3 {
    font-size: medium;
    font-weight: bold;
    color: darkred;
}
/* /Components/Pages/Tablas/CiudadesPage/CiudadesPage.razor.rz.scp.css */
/*-----------------------------------------------------------------------------------------
styles for the fluent ui grid 
-----------------------------------------------------------------------------------------*/
[b-wziobucuhw] fluent-data-grid-cell {
    font-size: 12px;
}

[b-wziobucuhw] 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-wziobucuhw] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

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

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

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

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

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

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

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

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

/*===========================================================*/
/* this is to style the editForm (label's size) */
[b-a6t60bdz00] form.editForm label.fluent-input-label {
    font-size: 12px;
    font-weight: 500;
}

[b-a6t60bdz00] form.editForm fluent-text-field {
    font-size: 12px;
}

[b-a6t60bdz00] form.editForm fluent-checkbox span {
    font-size: 12px;
}
/* /Components/Pages/Tablas/IndolesPage/IndolesPage.razor.rz.scp.css */
/*para aplicar estilo al editMode (*, |, x)  al principio de cada row - cuando el EditModel existe (puede ser null)  */
[b-zgkphhxkp1] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

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

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

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

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

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

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

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

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

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

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

[b-tk7canlzps] 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-tk7canlzps] tr:nth-child(even) {
    background: #F5F5F5;
}

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

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

/* we don't want the header to change background color when hovered (only for regular rows) */
[b-tk7canlzps] 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-tk7canlzps] 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-tk7canlzps] th._10px > div.col-header-content > div.col-title > div.col-title-text {
    width: 10px;
}

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

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

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

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

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

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

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

[b-tk7canlzps] 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-tk7canlzps] th._85px > div.col-header-content > button.col-title > div.col-title-text {
    width: 85px;
}

[b-tk7canlzps] 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-tk7canlzps] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

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

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

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

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

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

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

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

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

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

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

[b-tjztxeckdg] 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-tjztxeckdg] tr:nth-child(even) {
    background: #F5F5F5;
}

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

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

/* we don't want the header to change background color when hovered (only for regular rows) */
[b-tjztxeckdg] 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-tjztxeckdg] 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-tjztxeckdg] th._10px > div.col-header-content > div.col-title > div.col-title-text {
    width: 10px;
}

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

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

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

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

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

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

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

[b-tjztxeckdg] 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-tjztxeckdg] th._85px > div.col-header-content > button.col-title > div.col-title-text {
    width: 85px;
}

[b-tjztxeckdg] 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-tjztxeckdg] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

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

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

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

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

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

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

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

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

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

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

[b-3bu1ezd34b] 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-3bu1ezd34b] tr:nth-child(even) {
    background: #F5F5F5;
}

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

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

/* we don't want the header to change background color when hovered (only for regular rows) */
[b-3bu1ezd34b] 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-3bu1ezd34b] 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-3bu1ezd34b] th._10px > div.col-header-content > div.col-title > div.col-title-text {
    width: 10px;
}

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

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

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

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

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

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

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

[b-3bu1ezd34b] 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-3bu1ezd34b] th._85px > div.col-header-content > button.col-title > div.col-title-text {
    width: 85px;
}

[b-3bu1ezd34b] 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-3bu1ezd34b] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

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

[b-3bu1ezd34b] .editMode_3 {
    font-size: medium;
    font-weight: bold;
    color: darkred;
}
/* /Components/Pages/Tablas/Paises/Paises.razor.rz.scp.css */

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

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

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

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

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

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

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

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

[b-u0u16cyhef] 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-u0u16cyhef] tr:nth-child(even) {
    background: #F5F5F5;
}

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

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

/* we don't want the header to change background color when hovered (only for regular rows) */
[b-u0u16cyhef] 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-u0u16cyhef] 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-u0u16cyhef] th._10px > div.col-header-content > div.col-title > div.col-title-text {
    width: 10px;
}

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

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

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

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

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

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

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

[b-u0u16cyhef] 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-u0u16cyhef] th._85px > div.col-header-content > button.col-title > div.col-title-text {
    width: 85px;
}

[b-u0u16cyhef] 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-u0u16cyhef] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

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

[b-u0u16cyhef] .editMode_3 {
    font-size: medium;
    font-weight: bold;
    color: darkred;
}
/* /Components/Pages/Tablas/PlanesCoberturaPage/PlanesCoberturaPage.razor.rz.scp.css */
/*para aplicar estilo al editMode (*, |, x)  al principio de cada row - cuando el EditModel existe (puede ser null)  */
[b-yzjfbu4y1q] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

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

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

.link-style[b-yzjfbu4y1q] {
    cursor: pointer;
    color: #0000EE;
    font-weight: bold;
}

.link-style:hover[b-yzjfbu4y1q] {
    text-decoration: underline;
    font-style: italic;
}

/* /Components/Pages/Tablas/Ramos/Ramos.razor.rz.scp.css */

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

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

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

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

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

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

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

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

[b-m9q0298awa] 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-m9q0298awa] tr:nth-child(even) {
    background: #F5F5F5;
}

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

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

/* we don't want the header to change background color when hovered (only for regular rows) */
[b-m9q0298awa] 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-m9q0298awa] 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-m9q0298awa] th._10px > div.col-header-content > div.col-title > div.col-title-text {
    width: 10px;
}

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

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

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

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

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

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

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

[b-m9q0298awa] 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-m9q0298awa] th._85px > div.col-header-content > button.col-title > div.col-title-text {
    width: 85px;
}

[b-m9q0298awa] 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-m9q0298awa] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

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

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

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

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

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

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

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

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

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

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

[b-2aa1k86g48] 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-2aa1k86g48] tr:nth-child(even) {
    background: #F5F5F5;
}

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

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

/* we don't want the header to change background color when hovered (only for regular rows) */
[b-2aa1k86g48] 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-2aa1k86g48] 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-2aa1k86g48] th._10px > div.col-header-content > div.col-title > div.col-title-text {
    width: 10px;
}

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

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

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

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

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

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

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

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

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

[b-2aa1k86g48] 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-2aa1k86g48] th._85px > div.col-header-content > button.col-title > div.col-title-text {
    width: 85px;
}

[b-2aa1k86g48] 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-2aa1k86g48] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

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

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

/*===========================================================*/
/* this is to style the editForm (label's size) */
[b-2aa1k86g48] form.editForm label.fluent-input-label {
    font-size: 12px;
    font-weight: 500;
}

[b-2aa1k86g48] form.editForm fluent-text-field {
    font-size: 12px;
}

[b-2aa1k86g48] form.editForm fluent-select slot slot {
    font-size: 12px;
}
/* /Components/Pages/Tablas/UbicacionesPage/UbicacionesPage.razor.rz.scp.css */
/*para aplicar estilo al editMode (*, |, x)  al principio de cada row - cuando el EditModel existe (puede ser null)  */
[b-bb00m2c5i0] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

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

[b-bb00m2c5i0] .editMode_3 {
    font-size: medium;
    font-weight: bold;
    color: darkred;
}
/* /Components/Pages/Utilities/RiesgosUploadFromExcel/RiesgosUploadFromExcel.razor.rz.scp.css */
.sr-only[b-8urxn6t7bp] {
    width: 0;
    height: 0;
    overflow: hidden;
}

.input-label[b-8urxn6t7bp] {
    padding: 8px;
    background-color: lightgray;
    color: black;
    border-radius: 6px;
    border: 1px solid gray;
    cursor: pointer;
    width: 500px;
    text-align: center;
}
/* /Components/Pages/Utilities/RiesgosUpload/RiesgosUploadCsv.razor.rz.scp.css */
.sr-only[b-dgb2uqzsqn] {
    width: 0;
    height: 0;
    overflow: hidden;
}

.input-label[b-dgb2uqzsqn] {
    padding: 8px;
    background-color: lightgray;
    color: black;
    border-radius: 6px;
    border: 1px solid gray; 
    cursor: pointer;
    width: 500px; 
    text-align: center; 
}
/* /Components/Pages/Utilities/UploadWordTemplates/UploadWordTemplate.razor.rz.scp.css */
.sr-only[b-2t6zyvdn9q] {
    width: 0;
    height: 0;
    overflow: hidden;
}

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

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

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

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

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

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

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

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

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

[b-2t6zyvdn9q] 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-2t6zyvdn9q] tr:nth-child(even) {
    background: #F5F5F5;
}

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

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

/* we don't want the header to change background color when hovered (only for regular rows) */
[b-2t6zyvdn9q] 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-2t6zyvdn9q] 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-2t6zyvdn9q] th._10px > div.col-header-content > div.col-title > div.col-title-text {
    width: 10px;
}

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

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

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

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

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

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

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

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

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

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

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

[b-2t6zyvdn9q] 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-2t6zyvdn9q] th._85px > div.col-header-content > button.col-title > div.col-title-text {
    width: 85px;
}

[b-2t6zyvdn9q] 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-2t6zyvdn9q] .editMode_1 {
    font-size: medium;
    font-weight: bold;
    color: darkblue;
}

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

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