@import '_content/JUtils.Web/JUtils.Web.df9nlxcae4.bundle.scp.css';
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.25o87uqmvr.bundle.scp.css';

/* /Pages/DashboardPage.razor.rz.scp.css */
.dash[b-lbxcqogdn1] {
    --color: green;
    display: flex;
    flex-direction: row;
    min-width: 300px;
    border-radius: 15px;
    background-color: var(--color);
    overflow: hidden;
    border: none;
    padding: 0px
}

.active.dash[b-lbxcqogdn1] {
    outline: var(--dark) 3px solid;
}

.dash-icon[b-lbxcqogdn1] {
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 7px;
    height: 100%;
}

    .dash-icon > svg[b-lbxcqogdn1] {
        width: 30px;
        height: 30px;
        color: white;
    }

.dash-info[b-lbxcqogdn1] {
    padding: 5px 14px;
}

    .dash-info > .title[b-lbxcqogdn1] {
        font-size: 1em;
        font-weight: 600;
        text-align: start;
    }

    .dash-info > .price[b-lbxcqogdn1] {
        font-size: 1.2em;
        text-align : start;
    }
/* /Pages/InvenotryCountPage.razor.rz.scp.css */
.inv-alert[b-9ifwqvjl1y] {
    background-color: var(--PrimaryDarkColor);
    color: white;
    font-size: 1.1em;
    padding-inline: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    margin-left: auto;
}


/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .inv-alert[b-9ifwqvjl1y] {
        margin-left: 0px;
        flex-grow: 1;
        padding-block: 10px;
    }
}
/* /Pages/OrderPage.razor.rz.scp.css */

.product-selector[b-4eal89msmj] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px; 
}
/* /Pages/OrdersPage.razor.rz.scp.css */
.step.primary[b-dfgv6k6ur3] {
    --color: var(--PrimaryColor);
}

.step.green[b-dfgv6k6ur3] {
    --color: green;
}

.step.cancel[b-dfgv6k6ur3] {
    --color: red;
}

.step.primary[b-dfgv6k6ur3]::before {
    content: '' !important;
}

.step.green[b-dfgv6k6ur3]::before {
    content: '' !important;
}

.step.cancel[b-dfgv6k6ur3]::before {
    content: '' !important;
}

.steps[b-dfgv6k6ur3] {
    --size: 70px;
    display: flex;
    flex-direction: column;
    padding: 20px;
}


.step[b-dfgv6k6ur3] {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 315px;
    padding-left: 20px;
    height: var(--size);
}

    .step:hover[b-dfgv6k6ur3] {
        background-color: color-mix(in srgb, var(--color), transparent 80%);
    }


    .step + .step[b-dfgv6k6ur3]::after,
    .step[b-dfgv6k6ur3]::before {
        content: ' ';
        position: absolute;
        left: 0px;
        top: calc(var(--size) * -0.5);
        height: var(--size);
        background-color: var(--color);
        width: 2px;
    }

    .step[b-dfgv6k6ur3]::before {
        --r: 20px;
        height: var(--r);
        width: var(--r);
        left: calc(var(--r)* -0.5 + 1px);
        top: 50%;
        border-radius: 50%;
        transform: translateY(-50%);
        z-index: 4;
        font-family: 'icon';
        color: white;
        font-size: 12px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.step-header[b-dfgv6k6ur3] {
    flex-grow: 1;
}

    .step-header > *:first-child[b-dfgv6k6ur3] {
        font-weight: bold;
        font-size: 1.2em;
    }

    .step-header > *:last-child[b-dfgv6k6ur3] {
        font-size: 0.9em;
        opacity: 0.8;
    }


.step-date[b-dfgv6k6ur3] {
    opacity: 0.8;
    font-size: 0.8em;
}
/* /Pages/RateCashier.razor.rz.scp.css */
.rate-container[b-527vvv1h1w] {
    position: fixed;
    background-color: var(--DarkColor);
    inset: 0px;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .rate-container > *[b-527vvv1h1w] {
        background-color: white;
        border-radius: 8px;
        padding: 16px;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }


.rate-items[b-527vvv1h1w] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 0;
}

    .rate-items > *[b-527vvv1h1w] {
        font-family: 'iconBold';
        font-size: 40px;
        background-color: transparent;
        border: none;
        color: var(--LightColor);
        padding: 0px;
    }

    .rate-items > .active[b-527vvv1h1w] {
        color: #FFCB61;
    }