@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.bundle.scp.css';
@import '_content/VCloud-ConsoleComponents/VCloud-ConsoleComponents.85ki2urobw.bundle.scp.css';

/* /Pages/ChangePassword.razor.rz.scp.css */

@font-face {
    font-family: 'Bungee Inline', sans-serif;
    src: url('fonts/BungeeInline-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
/************************ Reset ***************************/
*[b-6lb6z5zal9] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/********************* CSS ***************************/
html[b-6lb6z5zal9], .loginMain[b-6lb6z5zal9] {
    height: 100%;
    font-family: "Rubik", sans-serif;
}

.loginMain[b-6lb6z5zal9] {
    background-image: url(/IMGPRUEBA/backgroudGradient.svg);
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

.loginContainer[b-6lb6z5zal9] {
    display: flex;
    background: rgba(58, 56, 56, 0.558);
    width: 720px;
    height: 620px;
    box-shadow: 4px 4px 15px #0000004D;
    align-items: stretch;
    justify-content: center;
}

.formLogin[b-6lb6z5zal9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.logoLogin[b-6lb6z5zal9] {
    display: flex;
    width: 100%;
    height: 251px;
    justify-content: center;
    background: #32323280;
}

.inputLogin[b-6lb6z5zal9] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    margin-top: 20px;
    width: 390px;
    gap: 1rem;
}

.inputWithIcon[b-6lb6z5zal9] {
    position: relative;
    display: flex;
    align-items: center;
}

    .inputWithIcon input[b-6lb6z5zal9] {
        padding-left: 30px;
        padding-right: 30px;
        width: 100%;
        height: 45px;
        background: white;
        border-radius: 4px;
        opacity: 0.8;
        color: rgba(0, 0, 0, 0.382);
    }

    .inputWithIcon .icon-left[b-6lb6z5zal9],
    .inputWithIcon .icon-left-Password[b-6lb6z5zal9],
    .inputWithIcon .icon-right[b-6lb6z5zal9] {
        position: absolute;
        width: 20px;
        height: 20px;
        background-size: cover;
    }

    .inputWithIcon .icon-left[b-6lb6z5zal9] {
        left: 10px;
        background-image: url(/IMGPRUEBA/user.svg);
    }

    .inputWithIcon .icon-left-Password[b-6lb6z5zal9] {
        left: 10px;
        background-image: url(/IMGPRUEBA/password.svg);
    }

    .inputWithIcon .icon-right[b-6lb6z5zal9] {
        right: 10px;
    }

.titleLogin[b-6lb6z5zal9] {
    color: #ECEFF1;
    text-align: center;
    font-size: 18px;
    font-weight: 450;
}

.checkRecovery[b-6lb6z5zal9] {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #ECEFF1;
}

    .checkRecovery input[type="checkbox"][b-6lb6z5zal9] {
        margin-right: 5px;
    }

.extras[b-6lb6z5zal9] {
    display: flex;
    align-items: center;
    color: white;
}

    .extras .icon-advertencia[b-6lb6z5zal9] {
        width: 20px;
        height: 20px;
        background-image: url(/IMGPRUEBA/Advertencia.svg);
        background-size: cover;
        margin-right: 5px;
        filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(180deg) brightness(200%) contrast(100%);
    }

    .extras p[b-6lb6z5zal9] {
        color: #ECEFF1;
        font-size: 16px;
        text-decoration: none;
    }

    .extras a:hover[b-6lb6z5zal9] {
        text-decoration: underline;
    }

.buttonLogin p[b-6lb6z5zal9] {
    text-decoration: none;
}

button[b-6lb6z5zal9] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 45px;
    background-color: #14749E;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    text-decoration: none;
}

    button:hover[b-6lb6z5zal9] {
        background-color: #0056b3;
    }
/* /Pages/Login.razor.rz.scp.css */

@font-face {
    font-family: 'Bungee Inline', sans-serif;
    src: url('fonts/BungeeInline-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
/************************ Reset ***************************/
*[b-yaovq7lb46] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/********************* CSS ***************************/
html[b-yaovq7lb46], .loginMain[b-yaovq7lb46] {
    height: 100%;
    font-family: "Rubik", sans-serif;
}

.loginMain[b-yaovq7lb46] {
    background-image: url(/IMGPRUEBA/backgroudGradient.svg);
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

.loginContainer[b-yaovq7lb46] {
    display: flex;
    background: rgba(58, 56, 56, 0.558);
    width: 720px;
    height: 620px;
    box-shadow: 4px 4px 15px #0000004D;
    align-items: stretch;
    justify-content: center;
}

.formLogin[b-yaovq7lb46] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.logoLogin[b-yaovq7lb46] {
    display: flex;
    width: 100%;
    height: 251px;
    justify-content: center;
    background: #32323280;
}

.inputLogin[b-yaovq7lb46] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    margin-top: 20px;
    width: 390px;
    gap: 1rem;
}

.inputWithIcon[b-yaovq7lb46] {
    position: relative;
    display: flex;
    align-items: center;
}

    .inputWithIcon input[b-yaovq7lb46] {
        padding-left: 30px;
        padding-right: 30px;
        width: 100%;
        height: 45px;
        background: white;
        border-radius: 4px;
        opacity: 0.8;
        color: rgba(0, 0, 0, 0.382);
    }

    .inputWithIcon .icon-left[b-yaovq7lb46],
    .inputWithIcon .icon-left-Password[b-yaovq7lb46],
    .inputWithIcon .icon-right[b-yaovq7lb46] {
        position: absolute;
        width: 20px;
        height: 20px;
        background-size: cover;
    }

    .inputWithIcon .icon-left[b-yaovq7lb46] {
        left: 10px;
        background-image: url(/IMGPRUEBA/user.svg);
    }

    .inputWithIcon .icon-left-Password[b-yaovq7lb46] {
        left: 10px;
        background-image: url(/IMGPRUEBA/password.svg);
    }

    .inputWithIcon .icon-right[b-yaovq7lb46] {
        right: 10px;
    }

.titleLogin[b-yaovq7lb46] {
    color: #ECEFF1;
    text-align: center;
    font-size: 18px;
    font-weight: 450;
}

.checkRecovery[b-yaovq7lb46] {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #ECEFF1;
}

    .checkRecovery input[type="checkbox"][b-yaovq7lb46] {
        margin-right: 5px;
    }

.extras[b-yaovq7lb46] {
    display: flex;
    align-items: center;
    color: white;
}

    .extras .icon-advertencia[b-yaovq7lb46] {
        width: 20px;
        height: 20px;
        background-image: url(/IMGPRUEBA/Advertencia.svg);
        background-size: cover;
        margin-right: 5px;
        filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(180deg) brightness(200%) contrast(100%);
    }

    .extras p[b-yaovq7lb46] {
        color: #ECEFF1;
        font-size: 16px;
        text-decoration: none;
    }

        .extras a:hover[b-yaovq7lb46] {
            text-decoration: underline;
        }

.buttonLogin p[b-yaovq7lb46] {
    text-decoration: none;
}

button[b-yaovq7lb46] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 45px;
    background-color: #14749E;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    text-decoration: none;
}

    button:hover[b-yaovq7lb46] {
        background-color: #0056b3;
    }
/* /Pages/Orders/Historico.razor.rz.scp.css */
/* /Pages/Reports/AllByFilterReport.razor.rz.scp.css */
[b-hiyg70wi1t] .quickgrid {
    color: gray;
    font-size: 0.90rem;
    width:100%;
}

.grid[b-hiyg70wi1t] {
    box-shadow: 0px 10px 20px 2px rgba(20, 20, 20, 0.3);
}

[b-hiyg70wi1t] tr:nth-child(even) {
    background-color: rgba(255,255,255,10);
    border-radius: 6px;
    border-color: lightsteelblue;
}

.titulo-reporte[b-hiyg70wi1t] {
    width: 50%;
}
[b-hiyg70wi1t] .number{
    text-align:end;
}

[b-hiyg70wi1t] .paginator {
    padding-left: 0.5rem;
    min-width: 3126.030px;
    width: 3159.160px;
}
.container_total[b-hiyg70wi1t] {
    width: 3170px;
    min-width: 3126.030px;
    text-align: end;
}
tr[b-hiyg70wi1t][b-hiyg70wi1t] {
    min-width: 3126.030px;
    max-width: 3159.160px;
    --col-gap: 1rem;
    display: flex;
    margin-left: auto;
    gap: 0.5rem;
    align-items: center;
    justify-content: flex-end;
    padding-left:55vw
}
.totalOrderGross[b-hiyg70wi1t] {

}
.totalOrderDisc[b-hiyg70wi1t] {
    margin-left: 1vw;
}
.totalOrderVou[b-hiyg70wi1t] {
    margin-left: 5.3vw;
}
.totalOrderComi[b-hiyg70wi1t] {
    margin-left: 1.5vw;
}
.totalFranch[b-hiyg70wi1t] {
    margin-left: 3vw;
}
.totalTick[b-hiyg70wi1t] {
    margin-left:3vw;
    margin-right: 21.5vw;
}
.totalArtUnitP[b-hiyg70wi1t] {
    margin-right: 1vw;
}
.totalArtGross[b-hiyg70wi1t] {
    margin-right: 2vw;
}
.totalArtDisc[b-hiyg70wi1t] {
    margin-right: 4vw;
}
.totalArtComi[b-hiyg70wi1t] {
    margin-right: 1vw;
}
@media (max-width: 3126.030px) {
    tr[b-hiyg70wi1t][b-hiyg70wi1t] {
        padding-left: 1080px;
    }
    .totalOrderDisc[b-hiyg70wi1t] {
        margin-left: 70.200px;
    }

    .totalOrderVou[b-hiyg70wi1t] {
        margin-left: 20.760px;
    }

    .totalOrderComi[b-hiyg70wi1t] {
        margin-left: 40.800px;
    }

    .totalFranch[b-hiyg70wi1t] {
        margin-left: 57.600px;
    }
    .totalTick[b-hiyg70wi1t] {
        margin-left: 10px;
        margin-right: 423.800px; /* Establece un padding diferente para pantallas más pequeñas */
    }
    .totalArtUnitP[b-hiyg70wi1t] {
        margin-right: 8.200px;
    }

    .totalArtGross[b-hiyg70wi1t] {
        margin-right: 38.400px;
    }

    .totalArtDisc[b-hiyg70wi1t] {
        margin-right: 36.800px;
    }

    .totalArtComi[b-hiyg70wi1t] {
        margin-right: 19.200px;
    }
}




/* /Pages/Reports/CancelledReport.razor.rz.scp.css */
[b-qqff54fmqh] .quickgrid {
    color: gray;
    font-size: 0.90rem;
    width: 100%;
}

.grid[b-qqff54fmqh] {
    box-shadow: 0px 10px 20px 2px rgba(20, 20, 20, 0.3);
}

[b-qqff54fmqh] tr:nth-child(even) {
    background-color: rgba(255,255,255,10);
    border-radius: 6px;
    border-color: lightsteelblue;
}

.titulo-reporte[b-qqff54fmqh] {
    width: 75%;
}

[b-qqff54fmqh] tr:nth-child(odd) {
    background-color: rgba(230,235,235,10);
    border-radius: 6px;
    border-color: lightsteelblue;
}
[b-qqff54fmqh] .paginator {
    padding-left: 0.5rem;
    width: 100%;
    min-width: 1218.690px;
}
.container_total[b-qqff54fmqh] {
    min-width: 1218.690px;
    width: 100%;
}
tr[b-qqff54fmqh][b-qqff54fmqh] {
    min-width: 1218.690px;
    --col-gap: 1rem;
    display: flex;
    margin-left: auto;
    gap: 0.5rem;
    align-items: center;
    padding-left: 54vw;
    
}
.totalGross[b-qqff54fmqh] {
    margin-right:2.5vw;
}
.totalDisc[b-qqff54fmqh] {
    margin-right: 5vw;
}
.totalVou[b-qqff54fmqh] {
    margin-right: 3.5vw;
}
.totalNet[b-qqff54fmqh] {
    margin-right: 1.5vw;
}
.totalSales[b-qqff54fmqh] {
    padding-right:1vw;
}
@media (max-width: 1252px) {
    tr[b-qqff54fmqh][b-qqff54fmqh] {
        padding-left: 690.150px; /* Establece un padding diferente para pantallas más pequeñas */
    }
}
/* /Pages/Reports/ClosedReport.razor.rz.scp.css */
[b-c2pxykysba] .quickgrid {
    color: gray;
    font-size: 0.90rem;
    width: 100%;
}

.grid[b-c2pxykysba] {
    box-shadow: 0px 10px 20px 2px rgba(20, 20, 20, 0.3);
}

[b-c2pxykysba] tr:nth-child(even) {
    background-color: rgba(255,255,255,10);
    border-radius: 6px;
    border-color: lightsteelblue;
}

.titulo-reporte[b-c2pxykysba] {
    width: 75%;
}

[b-c2pxykysba] .paginator {
    padding-left: 0.5rem;
    width: 100%;
    min-width: 1585.470px;
}
.container-total[b-c2pxykysba] {
    min-width: 1653.880px;
}
tr[b-c2pxykysba][b-c2pxykysba] {
    min-width: 1653.880px;
    --col-gap: 1rem;
    display: flex;
    margin-left: auto;
    gap: 0.5rem;
    align-items: center;
    justify-content: flex-end;
    padding-left: 56vw;
}
.totalOrderGross[b-c2pxykysba] {
    margin-right: 3.5vw;
}
.totalOrderDisc[b-c2pxykysba] {
    margin-right: 5vw;
}
.totalOrderVou[b-c2pxykysba] {
    margin-right: 3vw;
}
.totalCommValue[b-c2pxykysba] {
    margin-right: 30px;
}
.totalNet[b-c2pxykysba] {
    margin-right: 10px;

}
.totalSales[b-c2pxykysba] {
    margin-left: 30px;
    margin-right:20px;
}
@media (max-width: 1653.880px) {
    tr[b-c2pxykysba][b-c2pxykysba] {
        padding-left: 910.240px; /* Establece un padding diferente para pantallas más pequeñas */
    }
}
/* /Pages/Reports/ConsolidatedSalesReport.razor.rz.scp.css */
[b-k878rakpi2] .quickgrid {
    color: gray;
    font-size: 0.90rem;
    width: 100%;
}

.grid[b-k878rakpi2] {
    box-shadow: 0px 10px 20px 2px rgba(20, 20, 20, 0.3);
}

[b-k878rakpi2] tr:nth-child(even) {
    background-color: rgba(255,255,255,10);
    border-radius: 6px;
    border-color: lightsteelblue;
}

.titulo-reporte[b-k878rakpi2] {
    width: 75%;
}

[b-k878rakpi2] tr:nth-child(odd) {
    background-color: rgba(230,235,235,10);
    border-radius: 6px;
    border-color: lightsteelblue;
}

[b-k878rakpi2] .paginator {
    padding-left: 0.5rem;
    width: 100%;
    min-width: 1717.170px;
}
.container_total[b-k878rakpi2] {
    min-width: 1717.170px;
}
tr[b-k878rakpi2][b-k878rakpi2] {
    min-width: 1717.170px;
    --col-gap: 1rem;
    display: flex;
    margin-left: auto;
    gap: 0.5rem;
    align-items: center;
    justify-content: flex-end;
    padding-left: 56.8vw;
}
.totalGross[b-k878rakpi2] {
    margin-right: 5px;
}
.totalDisc[b-k878rakpi2] {
    margin-right: 25px;
}
.totalVou[b-k878rakpi2] {
    margin-right: 20px;
}
.totalCommVal[b-k878rakpi2] {

}
.totalNet[b-k878rakpi2] {
    margin-right: 10px;
}
.totalSales[b-k878rakpi2] {

}
@media (max-width: 1717.170px) {
    tr[b-k878rakpi2][b-k878rakpi2] {
        padding-left: 996.840px; /* Establece un padding diferente para pantallas más pequeñas */
    }
}
/* /Pages/Reports/SalesReport.razor.rz.scp.css */
[b-rg364xk7jg] .quickgrid {
    color: gray;
    font-size: 0.90rem;
    width: 100%;
    text-align: center;
}
.grid[b-rg364xk7jg] {
    box-shadow: 0px 10px 20px 2px rgba(20, 20, 20, 0.3);
}
[b-rg364xk7jg] tr:nth-child(even) {
    background-color: rgba(255,255,255,10);
    border-radius: 6px;
    border-color: lightsteelblue;
}
.titulo-reporte[b-rg364xk7jg] {
    width: 75%;
}
[b-rg364xk7jg] tr:nth-child(odd) {
    background-color: rgba(230,235,235,10);
    border-radius: 6px;
    border-color: lightsteelblue;
}
[b-rg364xk7jg] .paginator {
    padding-left: 0.5rem;
}
/* /Pages/Tables/Tables.razor.rz.scp.css */
.contenedor[b-thzmwzqhez] {
    border: 1px solid #000000;
}

.flotante[b-thzmwzqhez] {
    display: none;
    position: absolute;
    width: 185px;
    height: 115px;
    background: rgba(200,200,200,1);
    color: white;
    text-align: center;
    padding-top: 10px; /* Ajustar según el contenido */
    z-index: 100;
}

.contenedor:hover .flotante[b-thzmwzqhez] {
    display: block;
}

.separador-ellipse[b-thzmwzqhez] {
    border: 1px solid #000000;
    background-color: black;
    border-radius: 50%;
    position: absolute;
    text-align: center;
}

.separador[b-thzmwzqhez] {
    border: 1px solid #000000;
    background-color: black;
    position: absolute;
    text-align: center;
}

.mesa[b-thzmwzqhez] {
    border: 1px solid #000000;
    position: absolute;
    text-align: center;
}

.mesa-ellipse[b-thzmwzqhez] {
    border: 1px solid #000000;
    border-radius: 50%;
    position: absolute;
    text-align: center;
}

.con-pedido[b-thzmwzqhez] {
    background-color: pink;
}

.sin-pedido[b-thzmwzqhez] {
    background-color: lime;
}

.mesa-pos[b-thzmwzqhez] {
    display: flex;
    position: absolute;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    border-radius: 8px;
    border: 1px solid #ccc;
    background-color: var(--bright-blue);
}
/* /Pages/Tables/TablesDesign.razor.rz.scp.css */

.flotante[b-3alxbjcb9b] {
    display: none;
    position: absolute;
    width: 185px;
    height: 115px;
    background: rgba(200,200,200,1);
    color: white;
    text-align: center;
    padding-top: 10px; /* Ajustar según el contenido */
    z-index: 100;
}

.contenedor:hover .flotante[b-3alxbjcb9b] {
    display: block;
}

.separador-ellipse[b-3alxbjcb9b] {
    position: absolute;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    border-radius: 50%;
    background-color: black;
}

.separador[b-3alxbjcb9b] {
    position: absolute;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    border-radius: 8px;
    background-color: black;
}

.mesa[b-3alxbjcb9b] {
    display: flex;
    position: absolute;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    border-radius: 8px;
    border: 1px solid #ccc;
}

.mesa-ellipse[b-3alxbjcb9b] {
    display: flex;
    position: absolute;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    border-radius: 50%;
    border: 1px solid #ccc;
}

.mesa-pos[b-3alxbjcb9b] {
    display: flex;
    position: absolute;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    border-radius: 8px;
    border: 1px solid #ccc;
    background-color: var(--bright-blue);
}

.con-pedido[b-3alxbjcb9b] {
    background-color: yellow;
}

.sin-pedido[b-3alxbjcb9b] {
    background-color: var(--grayish-blue);
}

/*ESTILOS REDJAR*/

#root[b-3alxbjcb9b] {
    width: 100%;
    height: 100%;
}

*[b-3alxbjcb9b] {
    margin: 0;
    padding: 0;
}

:root[b-3alxbjcb9b] {
    /********************* Colores *****************************/
    --green-mint: #5FD15F;
    --soft-blue: #A5BBCC;
    --light-blue: #90ADC4;
    --dark-blue: #14749E;
    --deep-blue: #1F7EA8;
    --bright-blue: #1EA0D9;
    --grayish-green: #5C8778;
    --teal-green: #5CB5AB;
    --dark-gray-semi-transparent: #32323280;
    --dark-gray: #323232;
    --slate-gray: #37474F;
    --grayish-blue: #7B868B;
    --light-gray: #C2C2C2;
    --pale-gray: #DEE0E2;
    --light-gray-blue: #ECEFF1;
    --white: #FFFFFF;
    /******************* Typography ***************************/
    --primary-font: "Rubik";
    --secondary-font: "";
    --primary-font-size: 24px;
    --secondary-font-size: 16px;
    /********************* Buttons ***************************/
    --button-background-color: var(--dark-blue);
    --button-text-color: white;
    --button-border: 1px solid var(--grayish-blue);
    --button-padding: 10px 20px;
    --button-border-radius: 5px;
    /********************* Shadow ***************************/

    --shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    --shadow-hover: 0 8px 16px rgba(0, 0, 0, 0.2);
}
.navContainer[b-3alxbjcb9b] {
    display: flex;
    padding-left: 3rem;
    margin-top: 3rem;
    padding-right: 3rem;
    justify-content: space-between;
}

.navRestaurant ul[b-3alxbjcb9b] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-around;
    gap: 1rem;
    cursor: pointer;
}

.navRestaurant li[b-3alxbjcb9b] {
    padding: 14px 44px;
    font-weight: bold;
    color: var(--light-gray);
}

    .navRestaurant li.selected[b-3alxbjcb9b] {
        border-radius: 4px 4px 0 0;
        background: var( --light-gray-blue);
        color: var(--grayish-blue);
        font-weight: bold;
        font-weight: bold;
    }

.dataTitle[b-3alxbjcb9b] {
    display: flex;
    gap: 1rem;
}

    .dataTitle h4[b-3alxbjcb9b] {
        color: var(--grayish-blue);
        font-size: 1.5rem;
        font-weight: bold;
    }

.refresh[b-3alxbjcb9b] {
    display: flex;
    flex-direction: row;
    height: 2rem;
    width: 5rem;
}

.MesasContainer[b-3alxbjcb9b] {
    padding: 0 3rem 0px 3rem;
}

.mesasContent[b-3alxbjcb9b] {
    width: 100%;
    border-radius: 0 24px 24px 24px;
    height: 45rem;
    background: var( --light-gray-blue);
}

.salon-container[b-3alxbjcb9b] {
    width: 80vw;
    height: 80vh;
    position: relative;
}

/* mesas fijas */

.TablesContainer[b-3alxbjcb9b] {
    position:relative;
    padding: 0 3rem 0px 3rem;
    width: 99%;
    height: 65%;
}

.tablesContent[b-3alxbjcb9b] {
    position: relative;
    width: 100%;
    border-radius: 0 24px 24px 24px;
    height: 100%;
    background: var( --light-gray-blue);
    padding: 1rem;
}

.layout-container[b-3alxbjcb9b] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    gap: 20px;
    width: 100%;
    height: 100%;
}

.column[b-3alxbjcb9b] {
    display: flex;
    gap: 20px;
    flex-direction: column;
    justify-content: space-between;
}


.yellow[b-3alxbjcb9b] {
    background-color: #F1E557 !important;
}

.red[b-3alxbjcb9b] {
    background-color: #EE6347 !important;
}

.green[b-3alxbjcb9b] {
    background-color: #5CB5AB !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .top-row[b-yl5orfeon3], article[b-yl5orfeon3] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}