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

/* /Components/ImportStatusOverview/ImportStatusOverview.razor.rz.scp.css */
[b-utgxsklm0k]{
    .grid-container{
        display:grid;
        grid-template-columns:repeat(3, minmax(0, 1fr));
        gap: 1rem;
        justify-content:center;
        margin-top: 1.5rem;
        >div{
            display: flex;
            flex-direction: column;
            gap: .25rem;
            text-align: center;
            >div{
                display: grid;
                place-content: center;
                >*{
                    grid-column: 1;
                    grid-row: 1;
                    margin: auto !important;
                }
            }
        }
    }
    .grid-counters[b-utgxsklm0k]{
        display:grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1rem;
        margin-top: 1.5rem;
        >div{
            text-align: center;
            >div{
                display: flex;
                gap: .5rem;
                margin: .25rem auto 0;
                width: fit-content;
            }
        }
    }
    .inav-card[b-utgxsklm0k]{
        height: auto;
        padding: calc(var(--design-unit) * 5px);
        background: var(--neutral-layer-floating);
        color: var(--neutral-foreground-rest);
        border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-layer-rest);
        border-radius: calc(var(--layer-corner-radius) * 1px);
        box-shadow: var(--elevation-shadow-card-rest);
    }
    .inav-card .control[b-utgxsklm0k]{
        background: var(--neutral-layer-floating);
    }
}
/* /Components/NSight/NSightClientPanel.razor.rz.scp.css */
[b-4xstz8dri4].nsight-client-panel{
    max-height: 100%;
    overflow: hidden auto;
}
/* /Components/NSight/NSightOverview.razor.rz.scp.css */
[b-byn8078d62]{
    .grid-container{
        display:grid;
        grid-template-columns:repeat(3, minmax(0, 1fr));
        gap: 1rem;
        justify-content:center;
        margin-top: 1.5rem;
        >div{
            display: flex;
            flex-direction: column;
            gap: .25rem;
            text-align: center;
            >div{
                display: grid;
                place-content: center;
                >*{
                    grid-column: 1;
                    grid-row: 1;
                    margin: auto !important;
                }
            }
        }
    }
    .grid-counters[b-byn8078d62]{
        display:grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1rem;
        margin-top: 1.5rem;
        >div{
            text-align: center;
            >div{
                display: flex;
                gap: .5rem;
                margin: .25rem auto 0;
                width: fit-content;
            }
        }
    }
}
/* /Components/NSight/NSightPanel.razor.rz.scp.css */
[b-le4rbjcyuk].nsight-panel{
    display: flex;
    flex-direction: column;
    flex: 1;
    max-height: 100%;
    overflow: hidden auto;
}
[b-le4rbjcyuk]{
    .panel-toolbar{
        display: flex;
        gap: 1rem;
        margin-bottom: 1rem;
    }
    .space[b-le4rbjcyuk]{
        flex: 1;
    }
    .grid-container[b-le4rbjcyuk]{
        display: flex;
        flex-direction: column;
        flex: 1;
        min-height: 0;
        overflow: auto;
    }
}
/* /Components/Panels/ImportsPanel.razor.rz.scp.css */
[b-yy4o0no5yi] .grid-footer{
    position:fixed; bottom:0px; padding-top:0px; background:var(--neutral-layer-1); width:90%; height:60px; z-index:1000; border-top:solid 1px #eee
}

[b-yy4o0no5yi] .grid-container{
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    overflow: auto;
}

[b-yy4o0no5yi] .sticky-footer{
    position: sticky;
    bottom: 0;
    order: 2;
    padding-top: 0;
    border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);
}

[b-yy4o0no5yi] .sticky-footer .total-cell{
    padding-right: 20px;
}

[b-yy4o0no5yi] .sticky-footer fluent-data-grid-cell{
    background: var(--fill-color);
    font-weight:600;
}

[b-yy4o0no5yi] .sticky-footer .total-cell{
    display: flex;
    justify-content: flex-end;
    gap: .75rem;
}

[b-yy4o0no5yi] .panel-header{
    position: fixed;
    top: 0px;
    padding-top: 16px;
    background: var(--neutral-layer-1);
    width: 100%;
    height: 60px;
    z-index: 1000
}

[b-yy4o0no5yi] .title-container{
    display: flex;
    justify-content: space-between;
    width: 93.5%;
}

[b-yy4o0no5yi] .loading-container{
    width: 100%;
    height: 80vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

[b-yy4o0no5yi] .panel-body{
    display: flex;
    flex-direction:column;
    gap: 1rem;
    height: calc(100vh - 132px);
    position: relative;
}

[b-yy4o0no5yi] .panel-toolbar{
    background: var(--neutral-layer-1);
    display: flex;
    justify-content: space-between;
}

[b-yy4o0no5yi] .panel-toolbar .column-left{
    display: grid;
    grid-template-columns: 1fr 300px 64px auto auto;
    justify-content: center;
    align-items: center;
}
[b-yy4o0no5yi] .panel-toolbar .column-right{
    display: flex;
    justify-content: center;
    align-items: center;
}
/* /Components/Panels/TimeTrackingDetailsPanel.razor.rz.scp.css */
.dot[b-tfn9bcml4f] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #3498db; /* Color azul (puedes cambiarlo) */
}
/* /Components/SemaphoreStatus/SemaphoreStatus.razor.rz.scp.css */
.container[b-y4q33btk4p] {
    padding: 8px 16px;
    display: flex;
    flex-direction: column;
    /*height: var(--card-height, 100%);*/
    width: auto;
    box-sizing: border-box;
    /*background: var(--fill-color);*/
    color: var(--neutral-foreground-rest);
    border: 1px solid var(--neutral-stroke-active);
    border-radius: calc(var(--layer-corner-radius)* 1px);
    box-shadow: var(--elevation-shadow-card-rest);
}

.container .nav-card[b-y4q33btk4p]{
    display:flex; 
    justify-content: space-between;
    align-items: center;
    padding-bottom: 8px;
    gap: 16px;
}

.container .content[b-y4q33btk4p] {
    display: flex;
    gap: 16px; /* Espaciado entre columnas */
    /*padding: 8px;*/
}

.grid-semaphore[b-y4q33btk4p]{
    min-height: auto;
    width:100%;
}

.item[b-y4q33btk4p] {
    display: flex;
    justify-content: flex-end;
    align-items: center; /* Alineación vertical */
    gap: 8px; /* Espacio entre dot y texto */
    cursor:pointer;
}

.dot[b-y4q33btk4p] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #3498db; /* Color azul (puedes cambiarlo) */
}

/* Estilos para el texto */
.today[b-y4q33btk4p], .latests[b-y4q33btk4p] {
    font-size: 16px;
}

@keyframes spin-b-y4q33btk4p {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 50%;
    }

    100% {
        opacity: 100%;
    }
}

.loader[b-y4q33btk4p] {
    animation: spin-b-y4q33btk4p 2s linear infinite;
}



.spt[b-y4q33btk4p]{
    margin-top: 8px;
}
/* /Components/SplashScreen/SplashScreen.razor.rz.scp.css */
.my-splash[b-j2u3v1hun9] {
    font-family: var(--body-font);
    -webkit-font-smoothing: antialiased;
    background-color: white;
    color: rgb(73, 72, 71);
    --accent-fill-rest: #d3d3d3;
    user-select: none;
}

    .my-splash h1[b-j2u3v1hun9] {
        font-size: 32px;
        font-weight: 600;
        margin-top: 40px;
        line-height: 40px;
        margin: 40px 0px 0px 0px;
        user-select: none;
    }

    .my-splash h2[b-j2u3v1hun9] {
        font-size: 24px;
        font-weight: 400;
        line-height: 32px;
        margin: 24px 0px 50px 0px;
        user-select: none;
    }

    .my-splash h3[b-j2u3v1hun9] {
        font-size: 12px;
        font-weight: 300;
        margin: 0px;
        user-select: none;
    }

    .my-splash p[b-j2u3v1hun9] {
        user-select: none;
    }

    .my-splash .icon[b-j2u3v1hun9] {
        width: 256px;
        margin: 20px 0px 0px 0px;
    }
}