/* /Pages/Brands/Settings/Components/BrandSettings.razor.rz.scp.css */
.brand-options[b-ruf30x4jps] {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(auto-fit, 350px);
    grid-template-rows: 300px;
}

.brand-options > *[b-ruf30x4jps] {
    width: 100%;
    height: 100%;
}
/* /Pages/Brands/Settings/Components/DeviceSettings.razor.rz.scp.css */
.manage-revision[b-arw04z7spa] {
    margin-top: 0.3rem;
    margin-left: 0.3rem;
    height: 1rem;
}

.menu-item-container[b-arw04z7spa] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
/* /Pages/Brands/Settings/Components/DeviceTypeSettings.razor.rz.scp.css */
.deviceType-options[b-iydjq114zo] {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(auto-fit, 350px);
    grid-template-rows: 300px;
}

.deviceType-options > *[b-iydjq114zo] {
    width: 100%;
    height: 100%;
}
/* /Pages/Brands/Settings/Components/StoreSettings.razor.rz.scp.css */
.store-options[b-q556797qiq] {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(auto-fit, 350px);
    grid-template-rows: 300px;
}

.store-options > *[b-q556797qiq] {
    width: 100%;
    height: 100%;
}
/* /Pages/Dashboard/Component/AreaChart.razor.rz.scp.css */
.co-chart-wrapper[b-o9i5llqsdp] {
    position: relative;
    height: auto;
}

.co-no-data-overlay[b-o9i5llqsdp] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 1.25rem;
    color: var(--Colour-Gray-Scale-grey-2, #464646);
    font-family: Roboto-Regular;
    font-size: 1rem;
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid #464646;
    border-radius: 5px;
    z-index: 2;
}
/* /Pages/Index.razor.rz.scp.css */
[b-n5mhm1al6a] {    
    min-height: 100%
}    

    [b-n5mhm1al6a] .co-dashboard-page-heading {
        display: flex;
        padding: var(--Spacing-system-spacing-md, 24px) var(--Spacing-system-spacing-xs, 16px);
        justify-content: space-between;
        align-items: flex-start;
        align-self: stretch;
        border-bottom: 1px solid var(--Borders-default, #F1F5F9);
        background: var(--Colour-Base-White, #FFF);
        color: var(--On-Surfaces-on-surface-main-full-emphasis, #272B32);
        font-family: Roboto-Regular;
        font-size: 1.25rem;
        line-height: 1.5rem;
    }

    [b-n5mhm1al6a] .co-dashboard-chart-container {
        display: grid;
        grid-template-areas: "summary summary summary"
            "chart1 chart2 chart3";
        grid-template-columns: 1fr 1fr 1fr;
        gap: 1rem;        
    }

        [b-n5mhm1al6a] .co-dashboard-chart-container.no-sales-channel {
            grid-template-areas: "summary summary summary summary"
                "chart1 chart1 chart3 chart3";
            grid-template-columns: 1fr 1fr 1fr 1fr;
        }

    [b-n5mhm1al6a] .co-border-radius-md {
        border-radius: 0.5rem !important;
    }

    [b-n5mhm1al6a] .co-chart-summary-container {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        grid-area: summary;
        border-radius: 0.5rem;
    }

    [b-n5mhm1al6a] .co-chart-summary-header {
        color: var(--On-Surfaces-on-surface-main-high-emphasis, #333);
        font-family: Roboto;
        font-size: 1rem;
        line-height: 1.5rem;
        grid-area: summaryHeader;
        padding: 0.5rem 1.5rem;
        background: #FFF;
    }

    [b-n5mhm1al6a] .co-chart-summary-section {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-area: summarySesction;
        gap: 1rem;
    }

    [b-n5mhm1al6a] .co-chart-summary-divider {
        grid-area: sum-div;
        width: 1px;
        height: 80px;
        background: var(--Borders-default, #F1F5F9);
    }

    [b-n5mhm1al6a] .co-chart-container-1 {
        grid-area: chart1;
    }

    [b-n5mhm1al6a] .co-chart-container-2 {
        grid-area: chart2;
    }

    [b-n5mhm1al6a] .co-chart-container-3 {
        grid-area: chart3;
    }

    [b-n5mhm1al6a] .co-chart-container {
        background-color: #ffffff;
        padding: 1.5rem;
        border-radius: 0.5rem;
    }

    [b-n5mhm1al6a] .co-dashboard-chart-tooltip {
        display: flex;
        padding: 1rem;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 10.222px;
        border: 1px solid var(--Borders-default, #F1F5F9);
        background: var(--Colour-Base-White, #FFF);
        box-shadow: 0px 2.556px 5.111px 0px rgba(0, 0, 0, 0.04);
    }

        [b-n5mhm1al6a] .co-dashboard-chart-tooltip .co-chart-date {
            font-family: Roboto-Regular;
            font-size: 0.75rem;
            line-height: normal;
            text-transform: uppercase;
            color: var(--Gray-400, #7A7A7A);
        }

        [b-n5mhm1al6a] .co-dashboard-chart-tooltip .co-chart-div-amount-growth {
            display: flex;
            align-items: center;
            gap: 7.667px;
        }

        [b-n5mhm1al6a] .co-dashboard-chart-tooltip .co-chart-amount {
            font-family: Roboto;
            font-size: 1.25rem;
            line-height: 1.5rem;
            color: var(--Base-Black, #242424);
        }

        [b-n5mhm1al6a] .co-dashboard-chart-tooltip .co-chart-growth {
            font-family: Roboto-Regular;
            font-size: 1rem;
            line-height: 1.5rem;
            color: var(--Colour-Brand-Colours-green, #5D9B00);
        }

        [b-n5mhm1al6a] .co-dashboard-chart-tooltip .co-chart-growth-low {
            background: rgba(214, 40, 40, 0.10) !important;
            color: var(--Colour-Brand-Colours-Red, #D62828) !important;
        }

        [b-n5mhm1al6a] .co-dashboard-chart-tooltip .co-chart-div-growth {
            display: flex;
            padding: var(--Spacing-02, 4px) 8px;
            justify-content: center;
            align-items: center;
            gap: 0.5rem;
            border-radius: 0.5rem;
            background: rgba(93, 155, 0, 0.10);
        }

    [b-n5mhm1al6a] .co-chart-heading-text {
        color: var(--Colour-Gray-Scale-grey-2, #464646);
        font-family: Roboto-Regular;
        font-size: 1rem;
        line-height: 1.5rem;
        margin-bottom: 1rem;
    }

    [b-n5mhm1al6a] .co-chart-widget {
        padding: 1rem 1.5rem;
    }

    [b-n5mhm1al6a] .co-widget-heading-text {
        color: var(--Colour-Gray-Scale-grey-2, #464646);
        font-family: Roboto-Regular;
        font-size: 1rem;
        line-height: 1.5rem;
        margin-bottom: 0.75rem;
    }

    [b-n5mhm1al6a] .co-widget-heading-amount-container {
        display: flex;
        gap: 0.75rem;
    }

    [b-n5mhm1al6a] .co-widget-heading-amount {
        color: var(--On-Surfaces-on-bg-full-emphasis, #272B32);
        font-family: Roboto-Regular;
        font-size: 1.75rem;
        line-height: 2rem;
    }

    [b-n5mhm1al6a] .co-widget-grow-percentage {
        display: flex;
        padding: var(--Spacing-02, 4px) 8px;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
        border-radius: 0.5rem;
        background: rgba(93, 155, 0, 0.10);
        color: var(--Colour-Brand-Colours-green, #5D9B00);
        font-family: Roboto-Regular;
        font-size: 1rem;
        line-height: 1.5rem;
    }

    [b-n5mhm1al6a] .co-widget-grow-percentage-negative {
        background: rgba(214, 40, 40, 0.10);
        color: var(--Colour-Brand-Colours-Red, #D62828);
    }


    [b-n5mhm1al6a] .co-chart-summary3-container .co-divider-border {
        display: none;
    }

    [b-n5mhm1al6a] .co-divider-border {
        height: 5rem;
        width: 2px;
        align-self: center;
        background: var(--Borders-default, #F1F5F9);
    }

    /*::deep .co-dashboard-chart-tab {
    }*/

        /*::deep .co-dashboard-chart-tab .k-tabstrip-item {
            min-width: 12.5rem;
        }*/

            /*::deep .co-dashboard-chart-tab .k-tabstrip-item span {
                color: var(--Colour-Gray-Scale-grey-1, #333);
                font-family: Roboto-Regular;
                font-size: 14px;
                line-height: 18px;
                justify-content: center;
            }*/

        /*::deep .co-dashboard-chart-tab .k-active .k-link {
            border-bottom: 0.125rem solid var(--Surfaces-primary-primary, #006CA5);
            font-family: 'Roboto-Regular';
        }*/

        /*::deep .co-dashboard-chart-tab .k-tabstrip-items {
            height: 3.25rem;
        }*/

    [b-n5mhm1al6a] .co-notification-dash-chart {
        z-index: 2;
    }

        [b-n5mhm1al6a] .co-notification-dash-chart .k-notification-info {
            border-radius: 4px;
            background-color: #103A5A;
            box-shadow: 0px 8px 12px -2px rgba(0, 0, 0, 0.08);
            color: #FEFEFE;
            font-family: 'Roboto';
            font-size: 16px;
            line-height: 140%;
        }

@media screen and (max-width: 576.98px) {
    [b-n5mhm1al6a] .k-notification-group.co-notification-dash-chart {
        left: 0 !important;
        transform: translateX(0%) !important;
        padding: 0 .5rem !important;
        display: flex;
        width: 100%;
    }

        [b-n5mhm1al6a] .k-notification-group.co-notification-dash-chart .k-notification {
            min-width: 100%;
        }
}

@media (max-width: 991.98px) {
    [b-n5mhm1al6a] .co-dashboard-chart-container {
        display: flex;
        flex-direction: column;
    }

    [b-n5mhm1al6a] .co-chart-summary2-container .co-widget-heading-amount-container,
    [b-n5mhm1al6a] .co-chart-summary3-container .co-widget-heading-amount-container {
        display: inline-block;
    }

        [b-n5mhm1al6a] .co-chart-summary2-container .co-widget-heading-amount-container .co-widget-heading-amount,
        [b-n5mhm1al6a] .co-chart-summary3-container .co-widget-heading-amount-container .co-widget-heading-amount {
            margin-bottom: 0.5rem;
        }

    [b-n5mhm1al6a] .co-widget-heading-text {
        margin-bottom: 0.5rem;
    }

    [b-n5mhm1al6a] .co-chart-summary2-container .card-body,
    [b-n5mhm1al6a] .co-chart-summary3-container .card-body {
        flex-grow: 0;
    }

    [b-n5mhm1al6a] .co-dashboard-page-heading,
    [b-n5mhm1al6a] .co-chart-summary-header,
    [b-n5mhm1al6a] .co-divider-border {
        display: none;
    }

    [b-n5mhm1al6a] .co-chart-summary1-container {
        grid-column: 1 / 3;
    }

    [b-n5mhm1al6a] .co-chart-summary-section {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.5rem;
    }

    [b-n5mhm1al6a] .co-dashboard-chart-tab .k-tabstrip-content {
        padding: 0 1rem;
    }

    [b-n5mhm1al6a] .co-chart-summary-container {
        padding: 0;
    }

    [b-n5mhm1al6a] .co-dashboard-chart-tab .k-tabstrip-content,
    [b-n5mhm1al6a] .co-dashboard-chart-container,
    [b-n5mhm1al6a] .co-dashboard-chart-tab .co-chart-summary-container,
    [b-n5mhm1al6a] .co-dashboard-chart-tab .co-chart-summary-section {
        background: transparent;
    }

    [b-n5mhm1al6a] .co-dashboard-chart-tab .k-tabstrip-item {
        min-width: 10.625rem;
    }

    [b-n5mhm1al6a] .co-dashboard-chart-tab .k-tabstrip-items-wrapper.k-hstack {
        margin-bottom: 1rem;
    }

    [b-n5mhm1al6a] .co-dashboard-chart-tab .k-tabstrip-items {
        height: 3rem;
    }
}

[b-n5mhm1al6a] .k-tabstrip-items-wrapper .k-active .k-link {
    border-bottom: 0.063rem solid var(--surfaces-primary-primary) !important;   
    color: #3089CE !important;
}

[b-n5mhm1al6a] .k-tabstrip-items-wrapper .k-active.co-option-item-tab .k-link {
    border-bottom: 0.063rem solid #9908B0 !important;   
    color: #9908B0 !important;
}

[b-n5mhm1al6a] .co-dashboard-chart-tab.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item:active:hover .k-link {
    background-color: #FFFFFF !important;
}

[b-n5mhm1al6a] .co-dashboard-chart-tab.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-active:hover .k-link {
    background-color: #FFFFFF !important;
}
/* /Pages/MenuManagement/Master/MasterItems.razor.rz.scp.css */
.manage-revision[b-4us2tyw254] {
    margin-top: 0.3rem;
    margin-left: 0.3rem;
    height: 1rem;
}

.menu-item-container[b-4us2tyw254] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
/* /Pages/MenuManagement/MenuItemCategories.razor.rz.scp.css */

.menu-category-image[b-5ok05n55cs] {
    display: flex;
    justify-content: center;
    width: 100%;
}

.menu-category-image > img[b-5ok05n55cs] {
    width: 50px;
    height: 80px;
}
/* /Pages/MenuManagement/Revision/EditRevision/Components/RevisionGridView.razor.rz.scp.css */
.loader-container[b-ej336ezngu] {
    text-align: center;
    width: 150px;
    display: inline-table;
    padding-top: 10px;
    padding-bottom: 10px;
}
/* /Pages/MenuManagement/Revision/EditRevision/EditRevision.razor.rz.scp.css */
.manage-revision[b-in8ehdjuu9] {
    margin-top: 0.3rem;
    margin-left: 0.3rem;
    height: 1rem;
}

.menu-item-container[b-in8ehdjuu9] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
/* /Pages/MenuManagement/Revision/RevisionManagement/Components/RevisionDetailItem.razor.rz.scp.css */
.manage-revision[b-olvaztuplo] {
    margin-top: 0.3rem;
    margin-left: 0.3rem;
    height: 1rem;
}

.menu-item-container[b-olvaztuplo] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
/* /Pages/MenuManagement/Revision/RevisionManagement/Components/RevisionDetails.razor.rz.scp.css */
.main-container[b-xmvdrlgr6u] {
    margin: 0;
    display: grid;
    gap: 0.25rem;
}

.item-container[b-xmvdrlgr6u] {
    margin: 0;
    display: grid;
    gap: 0.25rem;
    grid-template-areas: "label value";
    grid-template-columns: 180px auto;
}

.item-label[b-xmvdrlgr6u] {
    grid-area: label;
}

.item-value[b-xmvdrlgr6u] {
    grid-area: value;
}
/* /Pages/MenuManagement/Revision/RevisionManagement/Components/ScheduledActivations.razor.rz.scp.css */
.main-container[b-32c5g2e7yx] {
    margin: 0;
    height: 100%;
    display: grid;
    gap: 0.25rem;
    grid-template-areas: "grid menu";
    grid-template-columns: auto 280px;
}

.main-grid[b-32c5g2e7yx] {
    grid-area: grid;
}

.main-menu[b-32c5g2e7yx] {
    grid-area: menu;
}

@media (max-width: 1099.5px) {
    .main-container[b-32c5g2e7yx] {
        grid-template-areas: "grid"
                             "menu";
        grid-template-columns: auto;
    }
}


.manage-revision[b-32c5g2e7yx] {
    margin-top: 0.3rem;
    margin-left: 0.3rem;
    height: 1rem;
}

.menu-item-container[b-32c5g2e7yx] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
/* /Pages/MenuManagement/Revision/RevisionManagement/Components/SelectMenuRevision.razor.rz.scp.css */
.main-container[b-ky44mdvvvf] {
    margin: 0;
    height: 100%;
    display: grid;
    gap: 0.25rem;
    grid-template-areas: "grid menu";
    grid-template-columns: auto 280px;
}

.main-grid[b-ky44mdvvvf] {
    grid-area: grid;
}

.main-menu[b-ky44mdvvvf] {
    grid-area: menu;
}

@media (max-width: 1099.5px) {
    .main-container[b-ky44mdvvvf] {
        grid-template-areas: "grid" 
                             "menu";
        grid-template-columns: auto;
    }   
}



.manage-revision[b-ky44mdvvvf] {
    margin-top: 0.3rem;
    margin-left: 0.3rem;
    height: 1rem;
}

.menu-item-container[b-ky44mdvvvf] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.masterItemListItem[b-ky44mdvvvf] {
    font-weight: bold;
}

.approvedItem[b-ky44mdvvvf] {
    color: green;
}

.archivedItem[b-ky44mdvvvf] {
    color: silver;
}
/* /Pages/MenuManagement/Revision/RevisionManagement/RevisionManagement.razor.rz.scp.css */
.manage-revision[b-d04hp8zrla] {
    margin-top: 0.3rem;
    margin-left: 0.3rem;
    height: 1rem;
}

.menu-item-container[b-d04hp8zrla] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
/* /Pages/MenuManagement/Shared/BulkActions.razor.rz.scp.css */
/* /Pages/MenuManagement/Shared/MenuItemGridEditor.razor.rz.scp.css */
/* /Pages/MenuManagement/V2/Components/AdjustPrices/CoAdjustPrices.razor.rz.scp.css */
.co-adjust-prices-item[b-3kljy8kbw6] {
    border-bottom: 1px solid var(--Borders-Line-02, #E4E4E4);
    color: var(--text-icons-medium-emphasis, #8C8E90);
    font-family: Roboto;
    font-size: 14px;    
}
.co-adjust-prices-heading[b-3kljy8kbw6] {
    color: var(--text-icons-full-emphasis, #272B32);
    font-family: Roboto;
    font-size: 16px;   
}
.card[b-3kljy8kbw6]  .co-adjust-price-item-filter {
    color: var(--text-icons-low-emphasis, #B7B9BB);
    font-family: Roboto;
    font-size: 16px;   
}
.co-adjust-price-item-filter.k-input.k-input-solid[b-3kljy8kbw6],
.co-adjust-item-dropdown[b-3kljy8kbw6]  .k-dropdownlist,
.co-adjust-item-dropdown[b-3kljy8kbw6]  .k-numerictextbox,
.co-adjust-item-dropdown[b-3kljy8kbw6]  .k-combobox {
    border-radius: var(--Radius-X-Sml, 4px);
    border: 1px solid var(--Borders-Line-02, #E4E4E4);
    background: var(--Surfaces-input-bg, #F8F8F8);
}
    .card[b-3kljy8kbw6]  .co-adjust-price-item-filter .k-button,
    .card[b-3kljy8kbw6]  .co-adjust-price-item-filter .k-button:hover.k-button-solid-base,
    .co-adjust-item-dropdown[b-3kljy8kbw6]  .k-combobox .k-button {
        border-left-color: #E4E4E4 !important;
        background: var(--Surfaces-input-bg, #F8F8F8) !important;
        color: #272B32;
    }

.card[b-3kljy8kbw6]  .textbox-container {
    position: relative;
    display: inline-block;
}
.card[b-3kljy8kbw6]  .percent-textbox {
    padding-right: 30px;
}
.card[b-3kljy8kbw6]  .percent-icon {
    position: absolute;
    right: 34px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #666768;
}
.co-adjust-item-dropdown[b-3kljy8kbw6]  .k-spin-button {
    display: none
}
.co-category-form-button[b-3kljy8kbw6]  .co-adjust-price-button.k-button.k-button-solid-base,
.co-category-form-button[b-3kljy8kbw6]  .co-adjust-price-button.k-button:hover.k-button-solid-base {
    background-color: var(--Surfaces-input-bg, #fffff) !important;
    color: #666768;
}
.card[b-3kljy8kbw6]  .co-adjust-price-category-hover:hover {
    cursor: pointer;
}
/* /Pages/MenuManagement/V2/Components/Category/CoCategoryForm.razor.rz.scp.css */
.co-category-group-button[b-2si243rzkf]  .k-button.k-button-solid-base {
    background-color: transparent !important;
    color: #7A7372;
}

.co-category-group-add-button[b-2si243rzkf]  .k-button.k-button-solid-base {
    background-color: transparent !important;
    color: #272B32;
    font-family: 'Roboto';
    font-size: 1rem;
}

.co-category-form[b-2si243rzkf]  .k-input-solid .k-input-inner {
    border-color: #E4E4E4 !important;
    color: #6C757D !important;    
    font-family: 'Roboto-Regular';
    font-size: 14px;
}

.co-category-form[b-2si243rzkf]  .k-label {
    color: var(--On-Surfaces-on-surface-main-high-emphasis, #666768);
    font-family: 'Roboto-Regular';
    font-size: 14px;
}

.co-category-form[b-2si243rzkf]  .co-custom-placeholder .k-input-inner::placeholder,
.co-category-form[b-2si243rzkf]  .co-custom-placeholder.k-textarea .k-input-inner::placeholder, .k-input[b-2si243rzkf]::placeholder,
.co-add-category-text[b-2si243rzkf]  .co-custom-placeholder .k-input-inner::placeholder {
    color: #B7B9BB !important;
    font-size: 0.875rem !important;
    font-family: 'Roboto-Regular';
}

.co-category-form[b-2si243rzkf]  .k-textarea {
    min-height: 48px;
}

    .co-category-form[b-2si243rzkf]  .k-textarea .k-input-inner {
        color: #6C757D !important;
        background-color: #F8F8F8 !important;
        font-family: 'Roboto-Regular';
    }

.co-category-form-button[b-2si243rzkf]  .co-category-form-save-button {
    border-radius: var(--Radius-X-Sml, 4px);
    background: var(--Surfaces-primary, #3089CE);
    border-color: #3089CE;
}

.co-category-group-add-button[b-2si243rzkf] {
    background-color: #ffffff;
}

.co-category-form[b-2si243rzkf]  .k-dropdownlist {
    font-size: 1rem;
}

.co-add-category-text[b-2si243rzkf]  .k-input .k-input-inner {
    color: #272B32;
    font-family: 'Roboto-Regular';
    font-size: 1rem;
}

.co-category-form[b-2si243rzkf]  .co-food-prep-placeholder .k-input-inner::placeholder {
    color: #6C757D !important;
    font-family: 'Roboto-Regular';
    font-size: 16px;
}
.co-category-form[b-2si243rzkf]  .co-numeric-padding .k-input-inner {
    padding: 8px;
}

.co-category-form[b-2si243rzkf]  .k-dropdownlist {
    font-family: 'Roboto-Regular';
    font-size: 14px;
}

[b-2si243rzkf] .co-category-col-3-prices label {
    width: auto !important;
}

[b-2si243rzkf] .co-item-center {
    align-items: center;
}

@media (min-width: 1763px) {
    [b-2si243rzkf] .co-category-col-3-prices .co-category-group-selector-lbl {
        width: 15.6em !important;
    }
}

@media (min-width: 1300px) {
    [b-2si243rzkf] .co-category-col-3-prices .k-grid-cols-3 {
        grid-template-columns: 400px 210px 1fr !important;
    }
}
@media (min-width: 1300px) and (max-width: 1762.98px) {
    [b-2si243rzkf] .co-category-col-3-prices .co-category-group-selector-lbl {
        width: 14.2em !important
    }
}
/* /Pages/MenuManagement/V2/Components/Category/KebabMenu/CoCategoryKebabMenu.razor.rz.scp.css */
.co-popup[b-t47joegi20]  .k-animation-container:before {
    content: "";
    width: 13px;
    height: 13px;
    transform: rotate(45deg);
    box-shadow: 0 1px 14px rgba(0,0,0,.2);
    background: #fff;
    position: absolute;
}

.co-popup[b-t47joegi20]  .k-animation-container {
    overflow: unset;
}

.co-popup[b-t47joegi20]  .k-child-animation-container {
    position: relative;
    z-index: 998;
}
.co-category-group-button[b-t47joegi20]  .k-button-clear-base:focus::after,
.co-category-group-button[b-t47joegi20]  .k-button-clear-base.k-focus::after,
.co-category-group-button[b-t47joegi20]  .k-button-clear-base:active::after,
.co-menu-toggle-button[b-t47joegi20]  .k-button-clear-base:focus::after,
.co-menu-toggle-button[b-t47joegi20]  .k-button-clear-base.k-focus::after,
.co-menu-toggle-button[b-t47joegi20]  .k-button-clear-base:active::after {
    opacity: 0 !important;
}

.card[b-t47joegi20]  .co-category-menu-popup-button,
.card[b-t47joegi20]  .co-category-menu-popup-button .k-icon {
    color: var(--text-icons-high-emphasis, #666768) !important;
    font-family: 'Roboto';
    font-size: 16px;
    flex-direction: unset;
    background-color: #FFFFFF !important;
    box-shadow: none;
}
  

.card[b-t47joegi20]  .co-category-panel-bar .k-panelbar-content :has(.co-category-days-grid) {
    background-color: #ffffff;
}

.card[b-t47joegi20]  .co-category-panel-bar.k-panelbar > .k-panelbar-header > .k-link,
.card[b-t47joegi20]  .co-category-panel-bar.k-panelbar > .k-panelbar-header > .k-link.k-selected {
    background-color: #FFFFFF;
    color: var(--text-icons-full-emphasis, #272B32);
    border-bottom: 1px solid var(--Borders-Line-02, #E4E4E4);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

    .card[b-t47joegi20]  .co-category-panel-bar.k-panelbar > .k-panelbar-header > .k-link.k-focus {
        box-shadow: none !important;
    }

    .card[b-t47joegi20]  .co-category-panel-bar.k-panelbar > .k-panelbar-header > .k-link .k-panelbar-item-text {
        font-family: "Roboto-Regular";
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
    }

.card[b-t47joegi20]  .co-category-panel-bar.k-panelbar > .k-panelbar-header {
    border-style: none;
}

.card[b-t47joegi20]  .co-category-panel-bar {
    border: none;
}

    .card[b-t47joegi20]  .co-category-panel-bar.k-panelbar > .k-panelbar-header > .k-link .k-icon {
        color: #8C8E90;
    }

    .card[b-t47joegi20]  .co-category-panel-bar.k-panelbar > .k-panelbar-header > .k-link > .k-animation-container {
        padding: var(--border-radius, 8px) 0px;
    }

        .card[b-t47joegi20]  .co-category-panel-bar.k-panelbar > .k-panelbar-header > .k-link > .k-animation-container .k-child-animation-container .k-panelbar-content {
            padding: 8px 16px;
            gap: 16px;
            display: flex;
        }

.co-kebab-menu-popup[b-t47joegi20] {
    max-height: 312px;
    overflow-y: auto;
}

.co-item-category-group[b-t47joegi20] {
    background-color: #FFFFFF;
}

.co-menu-toggle-button[b-t47joegi20]  .k-button {
    color: #7A7372 !important;
    padding: 0 6px !important;
}

.co-item-category-group[b-t47joegi20]  .co-visible-time-picker.k-input.k-input-solid {
    border-radius: 0px 4px 4px 0px;
    background: var(--Colour-Gray-Scale-grey-7, #F8F8F8);
    border-color: transparent;
    color: #272B32;
    box-shadow: none;
}
    .co-item-category-group[b-t47joegi20]  .co-visible-time-picker.k-input.k-input-solid .k-button:hover.k-button-solid-base,
    .co-item-category-group[b-t47joegi20]  .co-visible-time-picker.k-input.k-input-solid .k-button.k-button-solid-base {
        background-color: var(--Colour-Gray-Scale-grey-7, #F8F8F8) !important;
        border-color: none;
        color: #272B32;
    }

.co-manage-category-group[b-t47joegi20]  .k-input.k-input-solid {
    border-radius: 4px;
    background: var(--Colour-Gray-Scale-grey-7, #F8F8F8) !important;
    color: var(--text-icons-full-emphasis, #272B32) !important;
    border: none;
    box-shadow: none;
}

.co-manage-category-group[b-t47joegi20]  .k-button-icon {
    color: var(--text-icons-full-emphasis, #272B32) !important;
}
/* /Pages/MenuManagement/V2/Components/CategoryMenuItem/CoCategoryItemForm.razor.rz.scp.css */
.co-item-management-grid[b-zxwhhag6l3]  .k-table-thead {
    color: var(--text-icons-full-emphasis, #3A3A3A);
    font-family: 'Roboto';
    font-size: 16px;
}

.co-item-management-grid[b-zxwhhag6l3]  .k-grid .k-grid-container .k-grid-content .k-grid-table .k-master-row > td {
    color: var(--text-icons-medium-emphasis, #8B8B8B);
    font-family: 'Roboto-Regular';
    font-size: 16px;
}

.co-menu-category-items[b-zxwhhag6l3]  .co-custom-placeholder .k-input-inner::placeholder,
.co-menu-category-items[b-zxwhhag6l3]  .co-custom-placeholder.k-textarea .k-input-inner::placeholder, .k-input[b-zxwhhag6l3]::placeholder {
    color: #B7B9BB !important;
    font-size: 0.875rem !important;
    font-family: 'Roboto-Regular';
}

.co-menu-category-items[b-zxwhhag6l3]  .k-multiselect {
    max-height: max-content !important;
}

.co-menu-category-items[b-zxwhhag6l3]  .k-input-solid .k-input-inner {
    border-color: #E4E4E4 !important;
    color: #6C757D !important;    
    font-family: 'Roboto-Regular';
    font-size: 14px;
}

.co-menu-category-items[b-zxwhhag6l3]  .co-food-prep-placeholder .k-input-inner::placeholder {
    color: #6C757D !important;
    font-family: 'Roboto-Regular';
    font-size: 16px;
}

.co-menu-category-items[b-zxwhhag6l3]  .k-label {
    font-family: 'Roboto-Regular';
}

.co-menu-category-items[b-zxwhhag6l3]  .k-numerictextbox .k-input-spinner .k-button {
    padding: 0 !important;
}

.co-menu-category-items[b-zxwhhag6l3]  .k-numerictextbox k-input-inner {
    padding: .5px !important;
}

.co-item-numeric-text[b-zxwhhag6l3]  .k-input {
    min-width: 70px !important;
}
[b-zxwhhag6l3] .co-menu-item-col-3-prices label {
    width: auto !important;
}

@media (min-width: 1763px) {
    [b-zxwhhag6l3] .co-menu-item-col-3-prices label.co-display-price {
        width: 18.2em !important;
    }
}

@media (min-width: 1300px) {
    [b-zxwhhag6l3] .co-menu-item-col-3-prices .k-grid-cols-3 {
        grid-template-columns: 272px 365px 190px !important;
    }
}

@media (min-width: 1300px) and (max-width: 1762.98px) {
    [b-zxwhhag6l3] .co-menu-item-col-3-prices label.co-display-price {
        width: 17.5em !important;
    }
}
[b-zxwhhag6l3] .co-tax-selector {
    display: flex;
    gap: 1.5rem;
    flex-grow: 1;
}
/* /Pages/MenuManagement/V2/Components/ItemAction/CoItemAction.razor.rz.scp.css */
.co-category-group-button[b-ah0idevaak]  .co-category-menu-popup-button {
    background-color: #ffffff !important;
    color: #666768;
    font-family: 'Roboto';
    font-size: 16px;
    box-shadow: none;
    justify-content: center !important;
}
/* /Pages/MenuManagement/V2/Components/KebabMenu/Activation/CoKebabMenuActivation.razor.rz.scp.css */
.co-popup[b-69zpd9px1p]  .k-animation-container:before {
    content: "";
    width: 13px;
    height: 13px;
    transform: rotate(45deg);
    box-shadow: 0 1px 14px rgba(0,0,0,.2);
    background: #fff;
    position: absolute;
}

.co-popup[b-69zpd9px1p]  .k-animation-container {
    overflow: unset;
}

.co-popup[b-69zpd9px1p]  .k-child-animation-container {
    position: relative;
    z-index: 998;
}

.card[b-69zpd9px1p]  .co-category-calendar .k-calendar-header {
    padding: .5rem 1rem;
    background: #F8F8F8;
    color: var(--text-icons-full-emphasis, #272B32);
    min-width: 100%;
}

.card[b-69zpd9px1p]  .co-category-calendar .k-calendar-view {
    width: 100%;
}

.card[b-69zpd9px1p]  .co-category-calendar .k-calendar-header .co-category-group-button {
    display: contents;
}

.card[b-69zpd9px1p]  .co-category-calendar {
    width: 100%;
    border: none;
    background-color: #FFFFFF;
}

    .card[b-69zpd9px1p]  .co-category-calendar.k-calendar .k-calendar-td.k-selected:hover .k-link,
    .card[b-69zpd9px1p]  .co-category-calendar.k-calendar .k-calendar-td.k-selected .k-link {
        background: var(--Surfaces-Primary-02, #006CA5);
        border-radius: var(--Radius-Sml, 8px);
        box-shadow:none;
    }

.co-category-group-button .k-button-clear-base:focus[b-69zpd9px1p]::after,
.co-category-group-button .k-button-clear-base.k-focus[b-69zpd9px1p]::after,
.co-category-group-button .k-button-clear-base:active[b-69zpd9px1p]::after {
    opacity: 0 !important;
}

.co-category-menu-popup-button[b-69zpd9px1p],
.co-category-menu-popup-button .k-icon[b-69zpd9px1p] {
    color: var(--text-icons-high-emphasis, #666768);
    font-family: Roboto;
    font-size: 16px;
    line-height: 24px;
}

.co-visible-time-label[b-69zpd9px1p] {
    padding-left: 8px;
    border-radius: 4px 0px 0px 4px;
    background: var(--text-icons-x-low-emphasis, #CCCFCF);
    color: var(--text-icons-full-emphasis, #272B32);
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.card[b-69zpd9px1p]  .co-visible-time-picker.k-input.k-input-solid {
    border-radius: 0px 4px 4px 0px;
    background: var(--Colour-Gray-Scale-grey-7, #F8F8F8);
    border-color: transparent;
    color: #272B32;
}

    .card[b-69zpd9px1p]  .co-visible-time-picker.k-input.k-input-solid .k-button.k-button-solid-base {
        border: none;
    }

    .card[b-69zpd9px1p]  .co-visible-time-picker.k-input.k-input-solid .k-button:hover.k-button-solid-base {
        background-color: var(--Colour-Gray-Scale-grey-7, #F8F8F8) !important;
        border-color: none;
        color: #272B32;
    }

.card[b-69zpd9px1p]  .k-calendar .k-calendar-th {
    color: #272B32;
}
/* /Pages/MenuManagement/V2/Components/KebabMenu/Availability/CoKebabMenuAvailability.razor.rz.scp.css */
.co-popup[b-7j8ot33udu]  .k-animation-container:before {
    content: "";
    width: 13px;
    height: 13px;
    transform: rotate(45deg);
    box-shadow: 0 1px 14px rgba(0,0,0,.2);
    background: #fff;
    position: absolute;
}

.co-popup[b-7j8ot33udu]  .k-animation-container {
    overflow: unset;
}

.co-popup[b-7j8ot33udu]  .k-child-animation-container {
    position: relative;
    z-index: 998;
}

.card[b-7j8ot33udu]  .co-category-calendar .k-calendar-header {
    padding: .5rem 1rem;
    background: var(--text-icons-x-low-emphasis, #CCCFCF);
    color: var(--text-icons-full-emphasis, #272B32);
    min-width: 100%;
}

.card[b-7j8ot33udu]  .co-category-calendar .k-calendar-view {
    width: 100%;
}

.card[b-7j8ot33udu]  .co-category-calendar .k-calendar-header .co-category-group-button {
    display: contents;
}

.card[b-7j8ot33udu]  .co-category-calendar {
    width: 100%;
    border: none;
    background-color: #FFFFFF;
}

    .card[b-7j8ot33udu]  .co-category-calendar.k-calendar .k-calendar-td.k-selected:hover .k-link {
        background: var(--Surfaces-Primary-02, #006CA5);
        border-radius: var(--Radius-Sml, 8px);
    }

.co-category-group-button .k-button-clear-base:focus[b-7j8ot33udu]::after,
.co-category-group-button .k-button-clear-base.k-focus[b-7j8ot33udu]::after,
.co-category-group-button .k-button-clear-base:active[b-7j8ot33udu]::after {
    opacity: 0 !important;
}

.co-category-menu-popup-button[b-7j8ot33udu],
.co-category-menu-popup-button .k-icon[b-7j8ot33udu] {
    color: var(--text-icons-high-emphasis, #666768);
    font-family: Roboto;
    font-size: 16px;
    line-height: 24px;
}

.co-visible-time-label[b-7j8ot33udu] {
    padding-left: 8px;
    border-radius: 4px 0px 0px 4px;
    background: var(--text-icons-x-low-emphasis, #CCCFCF);
    color: var(--text-icons-full-emphasis, #272B32);
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.card[b-7j8ot33udu]  .co-visible-time-picker.k-input.k-input-solid {
    border-radius: 0px 4px 4px 0px;
    background: var(--Colour-Gray-Scale-grey-7, #F8F8F8);
    border-color: transparent;
    color: #272B32;
}

    .card[b-7j8ot33udu]  .co-visible-time-picker.k-input.k-input-solid .k-button.k-button-solid-base {
        border: none;
    }

    .card[b-7j8ot33udu]  .co-visible-time-picker.k-input.k-input-solid .k-button:hover.k-button-solid-base {
        background-color: var(--Colour-Gray-Scale-grey-7, #F8F8F8) !important;
        border-color: none;
        color: #272B32;
    }
/* /Pages/MenuManagement/V2/Components/KebabMenu/CoMenuItemKebabMenu.razor.rz.scp.css */
.co-popup[b-tog8tube4f]  .k-animation-container:before {
    content: "";
    width: 13px;
    height: 13px;
    transform: rotate(45deg);
    box-shadow: 0 1px 14px rgba(0,0,0,.2);
    background: #fff;
    position: absolute;
}

.co-popup[b-tog8tube4f]  .k-animation-container {
    overflow: unset;
}

.co-popup[b-tog8tube4f]  .k-child-animation-container {
    position: relative;
    z-index: 998;
}

.card[b-tog8tube4f]  .co-category-calendar .k-calendar-header {
    padding: .5rem 1rem;
    background: var(--text-icons-x-low-emphasis, #CCCFCF);
    color: var(--text-icons-full-emphasis, #272B32);
    min-width: 100%;
}

.card[b-tog8tube4f]  .co-category-calendar .k-calendar-view {
    width: 100%;
}

.card[b-tog8tube4f]  .co-category-calendar .k-calendar-header .co-category-group-button {
    display: contents;
}

.card[b-tog8tube4f]  .co-category-calendar {
    width: 100%;
    border: none;
    background-color: #FFFFFF;
}

    .card[b-tog8tube4f]  .co-category-calendar.k-calendar .k-calendar-td.k-selected:hover .k-link {
        background: var(--Surfaces-Primary-02, #006CA5);
        border-radius: var(--Radius-Sml, 8px);
    }

.co-category-group-button[b-tog8tube4f]  .k-button-clear-base:focus::after,
.co-category-group-button[b-tog8tube4f]  .k-button-clear-base.k-focus::after,
.co-category-group-button[b-tog8tube4f]  .k-button-clear-base:active::after,
.co-menu-toggle-button[b-tog8tube4f]  .k-button-clear-base:focus::after,
.co-menu-toggle-button[b-tog8tube4f]  .k-button-clear-base.k-focus::after,
.co-menu-toggle-button[b-tog8tube4f]  .k-button-clear-base:active::after {
    opacity: 0 !important;
}

.card[b-tog8tube4f]  .co-category-menu-popup-button,
.card[b-tog8tube4f]  .co-category-menu-popup-button .k-icon {
    color: var(--text-icons-high-emphasis, #666768) !important;
    font-family: 'Roboto';
    font-size: 16px;
    flex-direction: unset;
    background-color: #FFFFFF !important;
    box-shadow: none;
}

.co-visible-time-label[b-tog8tube4f] {
    padding-left: 8px;
    border-radius: 4px 0px 0px 4px;
    background: var(--text-icons-x-low-emphasis, #CCCFCF);
    color: var(--text-icons-full-emphasis, #272B32);
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.card[b-tog8tube4f]  .co-visible-time-picker.k-input.k-input-solid {
    border-radius: 0px 4px 4px 0px;
    background: var(--Colour-Gray-Scale-grey-7, #F8F8F8);
    border-color: transparent;
    color: #272B32;
}

    .card[b-tog8tube4f]  .co-visible-time-picker.k-input.k-input-solid .k-button.k-button-solid-base {
        border: none;
    }

    .card[b-tog8tube4f]  .co-visible-time-picker.k-input.k-input-solid .k-button:hover.k-button-solid-base {
        background-color: var(--Colour-Gray-Scale-grey-7, #F8F8F8) !important;
        border-color: none;
        color: #272B32 !important;
    }

.card[b-tog8tube4f]  .co-category-panel-bar .k-panelbar-content :has(.co-category-days-grid) {
    background-color: #ffffff;
}

.card[b-tog8tube4f]  .co-category-panel-bar.k-panelbar > .k-panelbar-header > .k-link,
.card[b-tog8tube4f]  .co-category-panel-bar.k-panelbar > .k-panelbar-header > .k-link.k-selected {
    background-color: #FFFFFF;
    color: var(--text-icons-full-emphasis, #272B32);
    border-bottom: 1px solid var(--Borders-Line-02, #E4E4E4);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

    .card[b-tog8tube4f]  .co-category-panel-bar.k-panelbar > .k-panelbar-header > .k-link.k-focus {
        box-shadow: none !important;
    }

    .card[b-tog8tube4f]  .co-category-panel-bar.k-panelbar > .k-panelbar-header > .k-link .k-panelbar-item-text {
        font-family: "Roboto-Regular";
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
    }

.card[b-tog8tube4f]  .co-category-panel-bar.k-panelbar > .k-panelbar-header {
    border-style: none;
}

.card[b-tog8tube4f]  .co-category-panel-bar {
    border: none;
}

    .card[b-tog8tube4f]  .co-category-panel-bar.k-panelbar > .k-panelbar-header > .k-link .k-icon {
        color: #8C8E90;
    }

    .card[b-tog8tube4f]  .co-category-panel-bar.k-panelbar > .k-panelbar-header > .k-link > .k-animation-container {
        padding: var(--border-radius, 8px) 0px;
    }

        .card[b-tog8tube4f]  .co-category-panel-bar.k-panelbar > .k-panelbar-header > .k-link > .k-animation-container .k-child-animation-container .k-panelbar-content {
            padding: 8px 16px;
            gap: 16px;
            display: flex;
        }

.co-kebab-menu-popup[b-tog8tube4f] {
    max-height: 312px;
    overflow-y: auto;
}

.co-item-category-group[b-tog8tube4f] {
    background-color: #FFFFFF;
}

.co-menu-toggle-button[b-tog8tube4f]  .k-button {
    color: #7A7372 !important;
    padding: 0 6px !important;
}

.co-item-category-group[b-tog8tube4f]  .co-visible-time-picker.k-input.k-input-solid {
    border-radius: 0px 4px 4px 0px;
    background: var(--Colour-Gray-Scale-grey-7, #F8F8F8);
    border-color: transparent;
    color: #272B32;
    box-shadow: none;
}

    .co-item-category-group[b-tog8tube4f]  .co-visible-time-picker.k-input.k-input-solid .k-button.k-button-solid-base {
        border: none;
    }

    .co-item-category-group[b-tog8tube4f]  .co-visible-time-picker.k-input.k-input-solid .k-button.k-button-solid-base,
    .co-item-category-group[b-tog8tube4f]  .co-visible-time-picker.k-input.k-input-solid .k-button:hover.k-button-solid-base {
        background-color: var(--Colour-Gray-Scale-grey-7, #F8F8F8) !important;
        border-color: none;
        color: #272B32;
    }

.co-manage-category-group[b-tog8tube4f]  .k-input.k-input-solid {
    border-radius: 4px;
    background: var(--Colour-Gray-Scale-grey-7, #F8F8F8) !important;
    color: var(--text-icons-full-emphasis, #272B32) !important;
    border: none;
    box-shadow: none;
}

.co-manage-category-group[b-tog8tube4f]  .k-button-icon {
    color: var(--text-icons-full-emphasis, #272B32) !important;
}

.co-manage-category-group[b-tog8tube4f]  .k-input.k-input-solid .k-input-inner,
.co-item-category-group[b-tog8tube4f]  .co-visible-time-picker .k-input-inner {
    font-family: 'Roboto';
}
/* /Pages/MenuManagement/V2/Components/KebabMenu/ItemSettings/CoAllergenForm.razor.rz.scp.css */
.co-allergen-form[b-0q0rsncdip]  .k-form-buttons {
    margin-top: 1rem;
}

.co-category-form-button[b-0q0rsncdip]  .co-category-form-save-button.k-button.k-button-solid-base,
.co-category-form-button[b-0q0rsncdip]  .co-category-form-save-button.k-button:hover.k-button-solid-base {
    background: var(--Surfaces-primary, #3089CE) !important;
    
}

.co-category-form-button[b-0q0rsncdip]  .co-category-form-save-button.k-button .k-button-text {
    color: #F8F8F8;
}

.co-category-form-button[b-0q0rsncdip]  .k-button,
.co-category-form-button[b-0q0rsncdip]  .k-button:hover.k-button-solid-base {
    padding: var(--Spacing-Sml, 8px) 32px;
    background-color: transparent !important;
    font-family: Roboto;
    font-size: 16px;
    line-height: 22px;
    color: #666768;
    border-color: #E4E4E4 !important;
}

    .co-category-form-button[b-0q0rsncdip]  .k-button .k-button-text {
        padding: 0 32px;
    }


.co-category-form-button[b-0q0rsncdip]  .co-category-form-save-button.k-button {
    border-radius: var(--Radius-X-Sml, 4px);
    border-color: var(--Surfaces-primary, #3089CE) !important;
    background: var(--Surfaces-primary, #3089CE) !important;
}

.co-variant-form-input[b-0q0rsncdip]  .k-textbox.k-input {
    border-radius: var(--Radius-X-Sml, 4px);
    border: 1px solid var(--Borders-Line-1, #E4E4E4);
    background: var(--Surfaces-input-bg, #F3F3F3);
    color: var(--On-Surfaces-on-surface-main-low-emphasis, #B7B9BB);
}

.co-variant-form-input[b-0q0rsncdip]  .k-label.k-form-label {
    color: var(--On-Surfaces-on-surface-main-high-emphasis, #666768);
}
/* /Pages/MenuManagement/V2/Components/KebabMenu/ItemSettings/CoKebabMenuItemSetting.razor.rz.scp.css */
.co-item-setting-window .k-window-content[b-c55szyu4gs] {
    padding: 0;
    border-bottom: 1px solid var(--Borders-Line-02, #E4E4E4);
}

.co-deep::deep .co-category-panel-bar.k-panelbar > .k-expanded .k-selected[b-c55szyu4gs] {
    border-bottom: none !important;
}

.co-item-setting-window[b-c55szyu4gs] {
    background-color: #FFFFFF;
}

.co-deep::deep .co-category-panel-bar .k-panelbar-content :has(.co-category-days-grid)[b-c55szyu4gs] {
    background-color: #ffffff;
}

.co-deep::deep .co-item-setting-panel-bar.k-panelbar > .k-panelbar-header > .k-link.k-selected[b-c55szyu4gs] {
    padding-left: 2rem;
    padding-right: 2rem;
}

.co-category-days-grid[b-c55szyu4gs] {
    display: grid;
    grid-template-columns: auto auto;
    background-color: #ffffff;
}

.co-deep::deep .co-category-days-grid .grid-item[b-c55szyu4gs] {
    border: 1px solid var(--Borders-Line-01, #F1F5F9);
}

.co-deep::deep .co-item-setting-mark-item[b-c55szyu4gs] {
    border-bottom: 1px solid var(--Borders-Line-02, #E4E4E4);
    padding: 0px var(--Spacing-08, 32px) var(--Spacing-05, 16px) var(--Spacing-08, 32px);
}

.co-deep::deep .co-item-setting-mark-item[b-c55szyu4gs] {
    background-color: #FFFFFF;
}

.co-deep[b-c55szyu4gs]  .co-category-menu-popup-button,
.co-deep[b-c55szyu4gs]  .co-category-menu-popup-button .k-icon {
    color: var(--text-icons-high-emphasis, #666768);
    font-family: Roboto;
    font-size: 16px;
    line-height: 24px;
}

.co-deep[b-c55szyu4gs]  .co-item-setting-Ingredients {
    padding: 0px var(--Spacing-08, 32px) var(--Spacing-05, 16px) var(--Spacing-08, 32px) !important;
    background: #FFFFFF;
    border-bottom: 1px solid var(--Borders-Line-02, #E4E4E4);
}

    .co-deep[b-c55szyu4gs]  .co-item-setting-Ingredients .k-input.k-input-solid,
    .co-deep[b-c55szyu4gs]  .co-item-setting-nutritional-values .k-input.k-input-solid {
        border-radius: var(--Radius-X-Sml, 4px);
        border: 1px solid var(--Borders-Line-02, #E4E4E4);
        background: var(--Surfaces-input-bg-2, #F3F3F3);
        color: var(--text-icons-high-emphasis, #666768);
    }

.co-deep[b-c55szyu4gs]  .co-category-form .k-form .k-form-field .character-counter {
    justify-content: end;
}

.co-category-group-button .k-button-clear-base:focus[b-c55szyu4gs]::after,
.co-category-group-button .k-button-clear-base.k-focus[b-c55szyu4gs]::after,
.co-category-group-button .k-button-clear-base:active[b-c55szyu4gs]::after {
    opacity: 0 !important;
}

.co-category-form-button[b-c55szyu4gs]  .co-category-form-save-button.k-button.k-button-solid-base,
.co-category-form-button[b-c55szyu4gs]  .co-category-form-save-button.k-button:hover.k-button-solid-base {
    background: var(--Surfaces-primary, #3089CE) !important;
}

.co-category-form-button[b-c55szyu4gs]  .co-category-form-save-button.k-button .k-button-text {
    color: #F8F8F8;
}

.co-category-form-button[b-c55szyu4gs]  .k-button,
.co-category-form-button[b-c55szyu4gs]  .k-button:hover.k-button-solid-base {
    padding: var(--Spacing-Sml, 8px) 32px;
    background-color: #ffffff !important;
    font-family: Roboto;
    font-size: 16px;
    line-height: 22px;
    color: #666768;
}

    .co-category-form-button[b-c55szyu4gs]  .k-button .k-button-text {
        padding: 0 32px;
    }


.co-category-form-button[b-c55szyu4gs]  .co-category-form-save-button.k-button {
    border-radius: var(--Radius-X-Sml, 4px);
    border-color: var(--Surfaces-primary, #3089CE) !important;
    background: var(--Surfaces-primary, #3089CE) !important;
}

.co-deep[b-c55szyu4gs]  .co-visible-time-picker.k-input.k-input-solid {
    border-radius: 0px 4px 4px 0px;
    background: var(--Colour-Gray-Scale-grey-7, #F8F8F8);
    border-color: transparent;
    color: #272B32;
}

    .co-deep[b-c55szyu4gs]  .co-visible-time-picker.k-input.k-input-solid .k-button.k-button-solid-base {
        border: none;
    }

    .co-deep[b-c55szyu4gs]  .co-visible-time-picker.k-input.k-input-solid .k-button:hover.k-button-solid-base {
        background-color: var(--Colour-Gray-Scale-grey-7, #F8F8F8) !important;
        border-color: none;
        color: #272B32;
    }

.co-deep[b-c55szyu4gs]  .co-category-panel-bar .k-panelbar-content :has(.co-category-days-grid) {
    background-color: #ffffff;
}

.co-deep[b-c55szyu4gs]  .co-category-panel-bar.k-panelbar > .k-panelbar-header > .k-link,
.co-deep[b-c55szyu4gs]  .co-category-panel-bar.k-panelbar > .k-panelbar-header > .k-link.k-selected {
    background-color: #FFFFFF;
    color: var(--text-icons-full-emphasis, #272B32);
    border-bottom: 1px solid var(--Borders-Line-02, #E4E4E4);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

    .co-deep[b-c55szyu4gs]  .co-category-panel-bar.k-panelbar > .k-panelbar-header > .k-link.k-focus {
        box-shadow: none !important;
    }

    .co-deep[b-c55szyu4gs]  .co-category-panel-bar.k-panelbar > .k-panelbar-header > .k-link .k-panelbar-item-text {
        font-family: "Roboto-Regular";
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
    }

.co-deep[b-c55szyu4gs]  .co-category-panel-bar.k-panelbar > .k-panelbar-header {
    border-style: none;
}

.co-deep[b-c55szyu4gs]  .co-category-panel-bar {
    border: none;
}

    .co-deep[b-c55szyu4gs]  .co-category-panel-bar.k-panelbar > .k-panelbar-header > .k-link .k-icon {
        color: #8C8E90;
    }

    .co-deep[b-c55szyu4gs]  .co-category-panel-bar.k-panelbar > .k-panelbar-header > .k-link > .k-animation-container {
        padding: var(--border-radius, 8px) 0px;
    }

        .co-deep[b-c55szyu4gs]  .co-category-panel-bar.k-panelbar > .k-panelbar-header > .k-link > .k-animation-container .k-child-animation-container .k-panelbar-content {
            padding: 8px 16px;
            gap: 16px;
            display: flex;
        }

.co-deep[b-c55szyu4gs]  .co-category-numeric-value .k-numerictextbox .k-spin-button {
    display: none;
}
/* /Pages/MenuManagement/V2/Components/KebabMenu/Visibility/CoKebabMenuVisiblity.razor.rz.scp.css */
.co-popup[b-o1qwqrulv7]  .k-animation-container:before {
    content: "";
    width: 13px;
    height: 13px;
    transform: rotate(45deg);
    box-shadow: 0 1px 14px rgba(0,0,0,.2);
    background: #fff;
    position: absolute;
}

.co-popup[b-o1qwqrulv7]  .k-animation-container {
    overflow: unset;
}

.co-popup[b-o1qwqrulv7]  .k-child-animation-container {
    position: relative;
    z-index: 998;
}
.co-category-days-grid[b-o1qwqrulv7] {
    display: grid;
    grid-template-columns: auto auto;
}
/* /Pages/MenuManagement/V2/Components/MediaUploader/CoMenuMediaUploader.razor.rz.scp.css */
.co-file-uploader.k-window[b-fl2opo5e83] {
    background-color: #FFFFFF;
}

.co-file-uploader[b-fl2opo5e83]  .k-actions {
    border-top: 1px solid var(--Borders-Line-02, #E4E4E4);
    background: var(--Surfaces-surface-main, #FFF);
}

.co-menu-upload-section[b-fl2opo5e83],
.co-menu-images-section[b-fl2opo5e83] {
    gap: var(--Spacing-Lrg, 16px);
}

    .co-menu-upload-section[b-fl2opo5e83]  .k-dropzone-inner {
        background-color: var(--text-icons-white-full-emphasis, #F8F8F8);
        border-radius: var(--Radius-Sml, 8px);
        border: 1px dashed var(--Borders-Line-02, #E4E4E4);
    }

.co-uploader-header-text[b-fl2opo5e83] {
    color: var(--text-icons-full-emphasis, #272B32);
    font-family: Roboto;
    font-size: 14px;   
}

.co-option-text[b-fl2opo5e83] {
    color: var(--text-icons-high-emphasis, #666768);
    font-family: Roboto;
    font-size: 16px;   
}
.co-gallery-images[b-fl2opo5e83]  .k-card {
    max-height: 77px;
    max-width: 137px;
    min-width: 137px;
    min-height: 77px;
}
.co-gallery-images[b-fl2opo5e83] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 0.5rem;
    text-align: center;
}
.co-category-form-button .co-category-form-save-button.k-button .k-button-text[b-fl2opo5e83] {
    color: #F8F8F8;
}
.co-category-form-button[b-fl2opo5e83]  .co-category-form-save-button.k-button.k-button-solid-base,
.co-category-form-button[b-fl2opo5e83]  .co-category-form-save-button.k-button:hover.k-button-solid-base {
    background: var(--Surfaces-primary, #3089CE) !important;
}
.co-gallery-images[b-fl2opo5e83]  .co-selected-media {
    border: 1.5px solid #3089CE;
}
.co-gallery-images[b-fl2opo5e83]  .co-selected-media .image-container {
    border-radius: var(--Radius-Sml, 8px);
    border: 1.5px solid var(--Colour-Brand-Colours-primary, #3089CE);
}

.co-gallery-images[b-fl2opo5e83]  .co-item-image-preview {
    display: block;
    width: 100%;
    height: auto;
}
.co-gallery-images[b-fl2opo5e83]  .co-selected-media .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 137px;
    height: 77px;
    background: linear-gradient(0deg, rgba(48, 137, 206, 0.60) 0%, rgba(48, 137, 206, 0.60) 100%);
    z-index: 1;
    border-radius: var(--Radius-Sml, 8px);
    pointer-events: none;
}
.co-gallery-images[b-fl2opo5e83]  .co-selected-media .selected-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 24px;
    height: 24px;
}
  .co-gallery-images[b-fl2opo5e83]  .co-selected-media .selected-icon svg {
        width: 100%;
        height: 100%;
  }
.co-category-form-button[b-fl2opo5e83]  .k-button.k-button-solid-base {
    border-radius: 4px;
    border: 1px solid #F8F8F8 !important;
    background: #F8F8F8 !important;
    color: #272B32;
}
[b-fl2opo5e83] .k-window-actions {
    background-color: #FFFFFF;
}
.co-gallery-images[b-fl2opo5e83]  .remove-icon {
    position: absolute;
    top: 0;
    right: 0;  
    background-color: #F8F8F8;
    border-radius: 4px;
    padding: 2px 4px;
    cursor: pointer;
    font-size: 18px;
    display: none;
    z-index: 1;
}
.co-gallery-images[b-fl2opo5e83]  .image-container:hover .remove-icon {
    display: block;
}
.co-gallery-images[b-fl2opo5e83]  .remove-icon .k-svg-icon.k-icon-md{
    height: 24px;
    width: 24px;
}
.co-gallery-images[b-fl2opo5e83]  .co-image-display-container {
    position: relative;
    width: 137px;
    height: 77px;
}
.co-gallery-images[b-fl2opo5e83]  .co-image-display-backdrop {
    --_blur-distance: 2em;
    position: absolute;
    inset: calc(0 * var(--_blur-distance));
    object-fit: fill;
    filter: blur(var(--_blur-distance));
    width: 100%;
    height: 77px;
}
.co-gallery-images[b-fl2opo5e83]  .co-image-display-foreground {
    z-index: 1;
    object-fit: contain;
    width: 100%;
}
/* /Pages/MenuManagement/V2/Components/OptionItem/CoOptionItemAdd.razor.rz.scp.css */
.co-option-add-item[b-ga4ghb5eri]  .co-category-form-button .k-button:hover.k-button-solid-base {
    background-color: transparent !important;
    color: #666768;
}

.co-option-add-item[b-ga4ghb5eri]  .co-category-form-button .k-button .k-button-text {
    padding: 0;
}

.co-option-add-item.k-window[b-ga4ghb5eri] {
    background-color: #FFF
}

    .co-option-add-item.k-window .k-window-title[b-ga4ghb5eri] {
        justify-content: center;
    }

    .co-option-add-item.k-window .k-window-titlebar[b-ga4ghb5eri] {
        border-bottom: none;
    }

.co-option-add-item .k-window-actions[b-ga4ghb5eri] {
    padding: var(--Spacing-05, 16px) var(--Spacing-08, 32px);
    border: 1px solid var(--Borders-Line-02, #E4E4E4);
}

.co-option-add-item .k-window-content[b-ga4ghb5eri] {
    overflow: hidden !important;
}

.co-option-add-item .tb-icon-container[b-ga4ghb5eri] {
    position: relative;
}

    .co-option-add-item .tb-icon-container[b-ga4ghb5eri]  .k-icon {
        position: absolute;
        z-index: 1;
        left: 0.75em;
        top: 0.188rem
    }

    .co-option-add-item .tb-icon-container[b-ga4ghb5eri]  .k-textbox input,
    .k-floating-label-container.k-empty:not(.k-focus) .k-label[b-ga4ghb5eri] {
        padding-left: 2em;
    }

.co-option-item-list-hover[b-ga4ghb5eri] {
    display: none;
}

.co-option-select-item:hover .co-option-item-list-hover[b-ga4ghb5eri] {
    display: block;
}

.co-option-item-filter[b-ga4ghb5eri]  .k-textbox,
.co-option-item-filter[b-ga4ghb5eri]  .k-combobox {
    border-radius: 4px;
    border: 1px solid var(--Borders-Line-02, #E4E4E4);
    background: var(--Surfaces-input-bg, #F8F8F8);
}

    .co-option-item-filter[b-ga4ghb5eri]  .k-combobox .k-button {
        border-left: none;
    }

        .co-option-item-filter[b-ga4ghb5eri]  .k-combobox .k-button:hover.k-button-solid-base {
            background-color: var(--Surfaces-input-bg, #F8F8F8) !important;
            color: black;
            border: none
        }

.co-option-item-filter[b-ga4ghb5eri]  .k-input-inner {
    color: #3089CE;
}

.co-option-item-list[b-ga4ghb5eri] {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: .5rem 1rem;
}

.co-option-item-selected[b-ga4ghb5eri] {
    border-radius: 8px;
    background: var(--text-icons-primary-10, rgba(95, 158, 251, 0.10));
}

    .co-option-item-selected[b-ga4ghb5eri]  .co-option-select-item {
        color: var(--Surfaces-primary, #3089CE);
    }

.co-option-select-item[b-ga4ghb5eri] {
    color: var(--text-icons-high-emphasis, #666768);
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.co-category-form-button .co-category-form-save-button.k-button .k-button-text[b-ga4ghb5eri] {
    color: #F8F8F8;
}

.co-category-form-button[b-ga4ghb5eri]  .co-category-form-save-button.k-button.k-button-solid-base,
.co-category-form-button[b-ga4ghb5eri]  .co-category-form-save-button.k-button:hover.k-button-solid-base {
    background: var(--Surfaces-primary, #3089CE) !important;
}

.co-category-form-button[b-ga4ghb5eri]  .co-category-form-save-button.k-button {
    border-radius: var(--Radius-X-Sml, 4px);
    border-color: var(--Surfaces-primary, #3089CE) !important;
    background: var(--Surfaces-primary, #3089CE) !important;
}

.co-add-option-item-button.k-button[b-ga4ghb5eri] {
    display: grid;
    justify-content: center;
    align-items: center;
    width: 100%;
    grid-auto-flow: column;
    padding: .5rem 1rem !important;
    border: 1px dashed var(--Borders-Line-02, #E4E4E4) !important;
    color: var(--text-icons-primary, #3089CE);
    font-size: 16px;
    font-family: 'Roboto';
}

.co-category-form-button[b-ga4ghb5eri]  .k-button,
.co-category-form-button[b-ga4ghb5eri]  .k-button:hover.k-button-solid-base,
.co-menu-category-items[b-ga4ghb5eri]  .co-menu-category-form-button .k-button {
    padding: var(--Spacing-Sml, 8px) 32px;
    background-color: transparent !important;
    font-family: Roboto;
    font-size: 16px;
    line-height: 22px;
    color: #666768;
}

.co-category-form-button[b-ga4ghb5eri]  .co-category-form-save-button.k-button .k-button-text {
    color: #F8F8F8;
}
/* /Pages/MenuManagement/V2/Components/SortOrder/CoSortOrder.razor.rz.scp.css */
.co-category-sort-order[b-09kydjgf9o]  .co-scroll-list-container {
    max-height: calc(100vh - 207px);
    overflow-y: auto;
    overflow-x: auto;
    scroll-behavior: smooth;
    will-change: transform, opacity;
}

.co-category-sort-order[b-09kydjgf9o]  .co-menu-item-order-button,
.co-category-form-button[b-09kydjgf9o]  .co-menu-item-order-button {
    color: #7A7372 !important;
    background: #ffffff !important;
}
    .co-category-sort-order[b-09kydjgf9o]  .co-menu-item-order-button.k-button-clear-base:focus::after,
    .co-category-sort-order[b-09kydjgf9o]  .co-menu-item-order-button.k-button-clear-base.k-focus::after,
    .co-category-sort-order[b-09kydjgf9o]  .co-menu-item-order-button.k-button-clear-base:active::after {
        opacity: 0 !important;
    }

.co-category-sort-order[b-09kydjgf9o]  .co-scroll-list-container-item {
    max-height: calc(100vh - 550px);
    overflow-y: auto;
    overflow-x: auto;
    scroll-behavior: smooth;
    will-change: transform, opacity;
}
/* /Pages/MenuManagement/V2/Menus.razor.rz.scp.css */
.co-publish-menu-button.k-button.k-button-solid-base[b-gpwiks2gi0],
.co-publish-menu-button.k-button:hover.k-button-solid-base[b-gpwiks2gi0] {
    background: var(--Surfaces-primary, #3089CE) !important;
}

.co-publish-menu-button.k-button[b-gpwiks2gi0]  .k-button-text,
.co-category-form-button .co-category-form-save-button.k-button .k-button-text[b-gpwiks2gi0] {
    color: #F8F8F8;
}

.co-menu-management[b-gpwiks2gi0] {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: .5rem;
    background: #f8f9fa;
    min-height: calc(100vh - 160px)
}

    .co-menu-management[b-gpwiks2gi0]  .co-menu-variation-section,
    .co-menu-management[b-gpwiks2gi0]  .co-menu-category-section {
        background: #fff;
        border-radius: 0.5rem;
    }

    .co-menu-management[b-gpwiks2gi0]  .k-animation-container.telerik-blazor {
        z-index: 2;
    }

    .co-menu-management[b-gpwiks2gi0]  .co-menu-category-section .k-list-ul .k-list-item {
        flex-flow: column;
        padding: 0;
        border-bottom: 1px solid var(--Borders-Line-02, #E4E4E4);
    }

    .co-menu-management[b-gpwiks2gi0]  .k-animation-container .k-list-ul .k-list-item {
        border: 0;
        padding: 0 1rem;
    }

    .co-menu-management[b-gpwiks2gi0]  .k-list-ul .k-list-item .k-animation-container {
        width: 100%
    }

    .co-menu-management[b-gpwiks2gi0]  .k-animation-container .k-listbox .k-list-scroller {
        border: none;
        color: #333;
        background-color: transparent;
    }

    .co-menu-management[b-gpwiks2gi0]  .k-animation-container {
        background-color: #fff;
    }

.co-menu-category-section[b-gpwiks2gi0]  .co-section-body {
    max-height: calc(100vh - 232px);
    border-radius: .5rem;
}

.co-menu-category-section[b-gpwiks2gi0]  .co-section-header {
    padding: 1rem;
    border-bottom: 1px solid;
    border-bottom-color: #E4E4E4;
    height: 72px;
}

.co-menu-category-section[b-gpwiks2gi0]  .co-section-body .k-form .k-form-legend {
    display: none;
}

.co-menu-category-section[b-gpwiks2gi0]  .co-section-header .co-categories-heading {
    font-family: 'Roboto';
}

.co-menu-category-section[b-gpwiks2gi0]  .co-section-body .k-button:hover k-button-text {
    color: var(--text-icons-high-emphasis, #666768) !important;
}

.co-menu-category-section[b-gpwiks2gi0]  .co-section-header .k-button.k-button-solid-base,
.co-menu-category-section[b-gpwiks2gi0]  .co-section-header .k-button:hover.k-button-solid-base,
.co-menu-category-section[b-gpwiks2gi0]  .co-section-body .k-button.k-button-solid-base,
.co-menu-variation-section[b-gpwiks2gi0]  .k-button.k-button-solid-base,
.co-menu-variation-section[b-gpwiks2gi0]  .k-button:hover.k-button-solid-base {
    border-color: #E4E4E4 !important;
    background-color: transparent !important;
    color: var(--text-icons-high-emphasis, #666768);
}


.co-menu-category-section[b-gpwiks2gi0]  .co-section-header .k-button .k-button-icon {
    color: #8C8E90;
}

.co-menu-category-section[b-gpwiks2gi0]  .co-section-header .k-button:hover .k-button-icon {
    color: #fff;
}


.co-menu-category-section[b-gpwiks2gi0]  .co-section-header .k-button .k-button-text {
    color: #666768;
    font-family: 'Roboto';
    font-size: 16px;
}

.co-info-text[b-gpwiks2gi0] {
    color: var(--text-icons-low-emphasis, #B7B9BB);
    text-align: center;
    font-family: 'Roboto';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
}

.co-menu-variation-section[b-gpwiks2gi0]  .k-form .k-form-buttons {
    margin-top: 0.5rem;
}


.co-menu-variation-section[b-gpwiks2gi0]  .co-menu-variation-section-button {
    padding: 1rem;
}

    .co-menu-variation-section[b-gpwiks2gi0]  .co-menu-variation-section-button .k-button {
        width: 100%;
    }

.co-menu-variation-section[b-gpwiks2gi0]  .k-tabstrip-content.k-active,
.k-tabstrip > .k-content.k-active[b-gpwiks2gi0] {
    background-color: #fff;
    padding: 0;
}

.co-menu-variation-section[b-gpwiks2gi0]  .k-tabstrip .k-tabstrip-items {
    padding: 0 1rem;
    height: 4.5rem;
}

.co-menu-variation-section[b-gpwiks2gi0]  .k-list-item {
    display: flex;
    flex-flow: column;
}

.co-tab-strip[b-gpwiks2gi0]  .k-tabstrip-items-wrapper .k-active .k-link {
    border-bottom: 0.125rem solid var(--surfaces-primary-primary) !important;
    font-family: 'Roboto' !important;
    color: #3089CE !important;
}

.co-tab-strip[b-gpwiks2gi0]  .k-tabstrip-items-wrapper .k-link {
    font-size: 0.875rem !important;
    line-height: 1.125rem !important;
    color: var(--colour-gray-scale-grey-1) !important;
    font-family: 'Roboto' !important;
    justify-content: center !important;
}

.co-menu-variation-add-variant-button[b-gpwiks2gi0]  .k-button-text,
.co-menu-variation-add-variant-button[b-gpwiks2gi0]  .k-icon {
    color: var(--text-icons-high-emphasis, #666768);
}

[b-gpwiks2gi0] .co-selected-item.k-button,
.co-variant-header[b-gpwiks2gi0]  .co-variant-item.k-button {
    max-height: 24px;
    max-width: 40px;
}

[b-gpwiks2gi0] .co-item-card .co-item-card-body:hover .co-selected-item,
.co-variant-header[b-gpwiks2gi0]  .co-variant-header-hover:hover .co-variant-item {
    display: flex !important;
}

[b-gpwiks2gi0] .co-item-button {
    color: #666768;
}

.co-menu-management[b-gpwiks2gi0]  co-category-form-button .co-category-form-save-button.k-button.k-button-solid-base,
.co-menu-management[b-gpwiks2gi0]  .co-category-form-button .co-category-form-save-button.k-button:hover.k-button-solid-base {
    background: var(--Surfaces-primary, #3089CE) !important;
}

.co-menu-management[b-gpwiks2gi0]  .co-category-form-button .k-button,
.co-menu-management[b-gpwiks2gi0]  .co-category-form-button .k-button:hover.k-button-solid-base,
.co-menu-management[b-gpwiks2gi0]  .co-menu-category-items .co-menu-category-form-button .k-button {
    padding: var(--Spacing-Sml, 8px) 32px;
    background-color: transparent !important;
    font-family: 'Roboto';
    font-size: 16px;
    line-height: 22px;
    color: #666768;
}

.co-menu-management[b-gpwiks2gi0]  .co-category-form-button .co-category-form-save-button.k-button {
    border-radius: var(--Radius-X-Sml, 4px);
    border-color: var(--Surfaces-primary, #3089CE) !important;
    background: var(--Surfaces-primary, #3089CE) !important;
}

.co-section-body[b-gpwiks2gi0]  .co-category-header:hover .co-show-on-hover-category,
.co-section-body[b-gpwiks2gi0]  .co-category-header:hover .co-menu-items-show-button,
.co-menu-management[b-gpwiks2gi0]  .co-item-card:hover .co-show-on-hover-item .k-button,
.co-variant-header[b-gpwiks2gi0]  .k-list-ul .k-list-item:hover .co-show-on-hover-category {
    display: block;
}

.co-menu-management[b-gpwiks2gi0]  .co-item-image-preview {
    cursor: pointer;
}

.co-menu-management[b-gpwiks2gi0]  .co-header-text {
    color: var(--text-icons-full-emphasis, #272B32);
    font-family: 'Roboto';
    font-size: 18px;
    line-height: 24px;
}

    .co-menu-management[b-gpwiks2gi0]  .co-header-text .co-item-count {
        color: var(--text-icons-medium-emphasis, #8C8E90);
    }

[b-gpwiks2gi0] .co-category-description {
    color: var(--text-icons-medium-emphasis, #8C8E90);
    font-family: 'Roboto';
    font-size: 14px;
}

.co-menu-management[b-gpwiks2gi0]  .co-menu-toggle-button .k-button,
.co-menu-management[b-gpwiks2gi0]  .co-show-on-hover-item .k-button {
    color: #7A7372 !important;
    padding: 0 6px !important;
}

.co-menu-management[b-gpwiks2gi0]  .co-menu-toggle-button .k-button-clear-base:focus::after,
.co-menu-management[b-gpwiks2gi0]  .co-menu-toggle-button .k-button-clear-base.k-focus::after,
.co-menu-management[b-gpwiks2gi0]  .co-menu-toggle-button .k-button-clear-base:active::after,
.co-menu-management[b-gpwiks2gi0]  .co-show-on-hover-item .k-button-clear-base:focus::after,
.co-menu-management[b-gpwiks2gi0]  .co-show-on-hover-item .k-button-clear-base.k-focus::after,
.co-menu-management[b-gpwiks2gi0]  .co-show-on-hover-item .k-button-clear-base:active::after,
.co-menu-management[b-gpwiks2gi0]  .co-show-on-hover-item .k-button-clear-base:active::after,
.co-variant-header[b-gpwiks2gi0]  .co-item-button.k-button-clear-base:focus::after,
.co-variant-header[b-gpwiks2gi0]  .co-item-button.k-button-clear-base.k-focus::after,
.co-variant-header[b-gpwiks2gi0]  .co-item-button.k-button-clear-base:active::after,
.co-variant-header[b-gpwiks2gi0]  .co-category-group-button .k-button-clear-base:focus::after,
.co-variant-header[b-gpwiks2gi0]  .co-category-group-button .k-button-clear-base.k-focus::after,
.co-variant-header[b-gpwiks2gi0]  .co-category-group-button .k-button-clear-base:active::after {
    opacity: 0 !important;
}

.co-menu-management[b-gpwiks2gi0]  .co-show-on-hover-item .k-button.k-selected::before,
.co-menu-management[b-gpwiks2gi0]  .co-show-on-hover-item .k-button:hover::before,
.co-menu-management[b-gpwiks2gi0]  .co-show-on-hover-item .k-button:focus::after,
.co-menu-management[b-gpwiks2gi0]  .co-show-on-hover-item .k-button.k-focus::after,
.co-menu-management[b-gpwiks2gi0]  .co-show-on-hover-item .k-button:active::after,
.co-variant-header[b-gpwiks2gi0]  .co-variation-button.k-button-clear-base:focus::after,
.co-variant-header[b-gpwiks2gi0]  .co-variation-button.k-button-clear-base.k-focus::after,
.co-variant-header[b-gpwiks2gi0]  .co-variation-button.k-button-clear-base:active::after,
.co-section-body[b-gpwiks2gi0]  .co-variation-button.k-button-clear-base:focus::after,
.co-section-body[b-gpwiks2gi0]  .co-variation-button.k-button-clear-base.k-focus::after,
.co-section-body[b-gpwiks2gi0]  .co-variation-button.k-button-clear-base:active::after {
    opacity: 0 !important;
}

.co-menu-management[b-gpwiks2gi0]  .co-show-on-hover-item .k-icon.k-svg-icon {
    height: 24px !important;
    width: 24px !important;
}

[b-gpwiks2gi0] .co-header-text-food-prep {
    color: var(--Surfaces-primary-01, #5D9B00);
    font-family: 'Roboto';
    font-size: 14px;
    line-height: 18px;
}

[b-gpwiks2gi0] .co-item-card-items-section {
    display: grid !important;
    grid-template-columns: 85% 15%;
}

[b-gpwiks2gi0] .co-category-item-variation {
    width: fit-content;
    border-radius: 100px;
    border: 1px solid var(--Surfaces-primary, #3089CE);
    padding: .25rem .5rem .25rem .75rem;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    color: var(--Surfaces-primary, #3089CE);
    text-wrap: nowrap;
}

[b-gpwiks2gi0] .co-category-item-price {
    color: var(--text-icons-high-emphasis, #666768);
    font-family: 'Roboto';
    font-size: 16px;
    margin-bottom: 0 !important;
}

.co-menu-management[b-gpwiks2gi0]  .co-menu-category-items .k-form .k-label {
    color: #666768 !important;
    font-family: 'Roboto-Regular';
    font-size: 14px;
}

.co-menu-management[b-gpwiks2gi0]  .co-menu-category-items {
    padding: var(--Spacing-X-Lrg, 24px) var(--Spacing-Huge, 32px);
    background-color: #FAFAFA !important;
}

    .co-menu-management[b-gpwiks2gi0]  .co-menu-category-items .k-form .k-form-buttons {
        justify-content: end;
    }

        .co-menu-management[b-gpwiks2gi0]  .co-menu-category-items .k-form .k-form-buttons .co-menu-category-form-button {
            display: flex;
            gap: 1rem;
        }

        .co-menu-management[b-gpwiks2gi0]  .co-menu-category-items .k-form .k-form-buttons .co-menu-category-save-button {
            background-color: var(--Surfaces-primary, #3089CE) !important;
            color: #fff !important;
        }

        .co-menu-management[b-gpwiks2gi0]  .co-menu-category-items .k-form .k-form-buttons .co-menu-category-cancel-button {
            border-color: transparent !important;
            background-color: #F8F8F8 !important;
            padding: 0 2rem;
        }

    .co-menu-management[b-gpwiks2gi0]  .co-menu-category-items .k-form .k-form-field .character-counter {
        justify-content: end;
    }

.co-menu-category-section[b-gpwiks2gi0]  .co-section-body .co-menu-category-items .k-button:hover.k-button-solid-base,
.co-menu-category-section[b-gpwiks2gi0]  .co-section-body .co-menu-category-items .k-button.k-button-solid-base {
    /* padding: var(--Spacing-Sml, 8px) 32px !important;*/
    border-color: #E4E4E4 !important;
    background-color: #F8F8F8;
}

[b-gpwiks2gi0] .co-no-variation {
    width: 100%;
    color: var(--text-icons-medium-emphasis, #8C8E90);
    text-align: center;
    font-family: Roboto-Regular;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    display: flex;
    flex-direction: column;
    border: 1px dashed var(--Borders-Line-02, #E4E4E4);
    border-radius: .5rem;
}

.co-menu-category-cancel-button[b-gpwiks2gi0]  .k-button-text {
    padding: 0 2rem;
}

[b-gpwiks2gi0] .co-item-setting-window,
[b-gpwiks2gi0] .co-item-setting-mark-item,
[b-gpwiks2gi0] .co-item-category-group {
    background-color: #FFFFFF;
}

    [b-gpwiks2gi0] .co-item-setting-window .k-window-content {
        padding: 0;
        border-bottom: 1px solid var(--Borders-Line-02, #E4E4E4);
    }

    [b-gpwiks2gi0] .co-item-setting-window .k-panelbar > .k-expanded .k-selected {
        border-bottom: none !important;
    }

[b-gpwiks2gi0] .co-item-setting-panel-bar.k-panelbar > .k-panelbar-header > .k-link.k-selected {
    padding-left: 2rem;
    padding-right: 2rem;
}

.co-menu-management::deep .co-category-days-grid[b-gpwiks2gi0] {
    display: grid;
    grid-template-columns: auto auto;
}

    .co-menu-management[b-gpwiks2gi0]  .co-category-days-grid .grid-item {
        border: 1px solid var(--Borders-Line-01, #F1F5F9);
    }

[b-gpwiks2gi0] .co-item-setting-mark-item {
    border-bottom: 1px solid var(--Borders-Line-02, #E4E4E4);
    padding: 0px var(--Spacing-08, 32px) var(--Spacing-05, 16px) var(--Spacing-08, 32px);
}

[b-gpwiks2gi0] .co-item-setting-Ingredients {
    padding: 0px var(--Spacing-08, 32px) var(--Spacing-05, 16px) var(--Spacing-08, 32px) !important;
    background: #FFFFFF;
    border-bottom: 1px solid var(--Borders-Line-02, #E4E4E4);
}

    [b-gpwiks2gi0] .co-item-setting-Ingredients .k-input.k-input-solid,
    [b-gpwiks2gi0] .co-item-setting-nutritional-values .k-input.k-input-solid {
        border-radius: var(--Radius-X-Sml, 4px);
        border: 1px solid var(--Borders-Line-02, #E4E4E4);
        background: var(--Surfaces-input-bg-2, #F3F3F3);
        color: var(--text-icons-high-emphasis, #666768);
    }

[b-gpwiks2gi0] .co-file-uploader.k-window {
    background-color: #FFFFFF;
}

[b-gpwiks2gi0] .co-file-uploader .k-actions {
    border-top: 1px solid var(--Borders-Line-02, #E4E4E4);
    background: var(--Surfaces-surface-main, #FFF);
}



[b-gpwiks2gi0] .co-variant-form-input .k-textbox.k-input {
    border-radius: var(--Radius-X-Sml, 4px);
    border: 1px solid var(--Borders-Line-1, #E4E4E4);
    background: var(--Surfaces-input-bg, #F3F3F3);
    color: var(--On-Surfaces-on-surface-main-low-emphasis, #6C757D);
}

[b-gpwiks2gi0] .co-variant-form-input .k-label.k-form-label {
    color: var(--On-Surfaces-on-surface-main-high-emphasis, #666768);
}
[b-gpwiks2gi0] .co-item-card-container {
    background-color: #f8f8f8;
}
[b-gpwiks2gi0] .co-item-card {
    border-radius: var(--Radius-X-Sml, 4px);
    border: 1px solid var(--Borders-Line-02, #E4E4E4);
}

[b-gpwiks2gi0] .co-item-card-body .co-item-card-text,
[b-gpwiks2gi0] .co-item-card-body .co-selected-option-item-card-text {
    color: var(--text-icons-high-emphasis, #666768);
    font-family: 'Roboto';
    font-size: 16px;
    line-height: 24px;
}

[b-gpwiks2gi0] .co-item-card-body:hover {
    border-radius: var(--Radius-X-Sml, 4px);
    background: var(--Surfaces-input-bg, #F8F8F8);
}

    [b-gpwiks2gi0] .co-item-card-body:hover .co-item-card-text {
        color: var(--Surfaces-primary, #3089CE);
    }

    [b-gpwiks2gi0] .co-item-card-body:hover .co-selected-option-item-card-text {
        color: #9908B0;
    }

[b-gpwiks2gi0] .co-item-card-price {
    color: var(--text-icons-high-emphasis, #666768);
    font-family: 'Roboto';
    font-size: 16px;
    line-height: 24px;
}

[b-gpwiks2gi0] .co-option-item-numeric-text .k-numerictextbox {
    border-radius: var(--Radius-X-Sml, 4px);
    border: 1px solid var(--Borders-Line-01, #F1F5F9);
    background: var(--Surfaces-input-bg, #F8F8F8);
}

    [b-gpwiks2gi0] .co-option-item-numeric-text .k-numerictextbox .k-button {
        border-left: none;
    }

    [b-gpwiks2gi0] .co-option-item-numeric-text .k-numerictextbox .k-input-inner {
        color: var(--text-icons-low-emphasis, #B7B9BB);
    }

[b-gpwiks2gi0] .co-option-item-text {
    color: var(--text-icons-high-emphasis, #666768);
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2rem; /* 19.2px */
}

.co-menu-management[b-gpwiks2gi0]  .co-category-form-button .co-category-form-save-button.k-button .k-button-text {
    color: #F8F8F8;
}

.co-menu-management[b-gpwiks2gi0]  .co-add-option-item-button {
    display: grid;
    justify-content: center;
    align-items: center;
    width: 100%;
    grid-auto-flow: column;
    padding: .5rem 1rem !important;
    border: 1px dashed var(--Borders-Line-02, #E4E4E4) !important;
    color: var(--text-icons-primary, #3089CE);
    font-size: 16px;
    font-family: 'Roboto';
}

.co-menu-category-items .co-menu-category-form-button .k-button[b-gpwiks2gi0] {
    padding: var(--Spacing-Sml, 8px) 32px;
    background-color: transparent !important;
    font-family: v;
    font-size: 16px;
    line-height: 22px;
    color: #666768;
}

.co-adjust[b-gpwiks2gi0]  .k-animation-container {
    right: 156px;
}

.co-tooltip-edit[b-gpwiks2gi0] {
    color: var(--text-icons-full-emphasis, #272B32);
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    border: 1px solid #E4E4E4;
}

    .co-tooltip-edit[b-gpwiks2gi0]  .k-tooltip,
    .co-tooltip-edit[b-gpwiks2gi0]  .k-tooltip .k-callout {
        background-color: #ffffff;
    }

        .co-tooltip-edit[b-gpwiks2gi0]  .k-tooltip .k-callout {
            display: none;
        }

.co-adjust-menu-prices .card[b-gpwiks2gi0] {
    border: 1px solid #E4E4E4;
}

    .co-adjust-menu-prices .card .co-category-group-button[b-gpwiks2gi0] {
        border-bottom: 1px solid #E4E4E4;
    }

.co-menu-button[b-gpwiks2gi0]  .k-button.k-button-solid-base,
.co-menu-button[b-gpwiks2gi0]  .k-button:hover.k-button-solid-base {
    border-radius: var(--Radius-X-Sml, 4px) !important;
    border: 1px solid var(--Borders-Line-02, #E4E4E4) !important;
    background-color: #FFFFFF !important;
}

.co-menu-button[b-gpwiks2gi0]  .k-button .k-button-text,
.co-menu-button[b-gpwiks2gi0]  .k-button .k-button-icon {
    color: #666768;
}

.co-menu-button[b-gpwiks2gi0]  .co-publish-menu-button.k-button.k-button-solid-base {
    background-color: var(--Surfaces-primary, #3089CE) !important;
}

.co-menu-button[b-gpwiks2gi0]  .co-publish-menu-button .k-button-text {
    color: #ffffff;
}

.co-category-form-button[b-gpwiks2gi0]  .co-modal-reorder-button,
.co-category-form-button[b-gpwiks2gi0]  .co-modal-reorder-button.k-button:hover.k-button-solid-base {
    border-radius: 4px !important;
    border: 1px solid var(--buttons-secondary-border-secondary-button-border, #E4E7EB) !important;
    background: var(--buttons-secondary-secondary-button-bg, #E4E7EB) !important;
    color: #212529;
    font-family: 'Roboto';
    font-size: 16px;
}

[b-gpwiks2gi0] .co-variant-item-label {
    color: #006CA5;
    text-align: right;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 500;
}

[b-gpwiks2gi0] .co-option-item-label {
    color: #9908B0;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 500;
}

[b-gpwiks2gi0] .co-option-item-name {
    width: fit-content;
    border-radius: 100px;
    border: 1px solid #9908B0;
    padding: .25rem .5rem .25rem .75rem;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    color: #9908B0;
    text-wrap: nowrap;
}

.co-tab-strip[b-gpwiks2gi0]  .k-tabstrip-items-wrapper .k-active.co-option-item-tab .k-link {
    border-bottom: 0.125rem solid #9908B0 !important;
    font-family: 'Roboto' !important;
    color: #9908B0 !important;
}

.co-item-dropdown[b-gpwiks2gi0]  .k-dropdownlist {
    border-radius: var(--Radius-X-Sml, 4px);
    border: 1px solid var(--Borders-Line-02, #E4E4E4);
}

.co-item-dropdown[b-gpwiks2gi0]  .custom-dropdown-list .k-input-inner {
    display: none;
}

.input-group[b-gpwiks2gi0] {
    padding: 0;
    flex-flow: nowrap;
    width: 200px;
}

.input-group-prepend[b-gpwiks2gi0]  .dropdown-item:active {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}

.co-variant-header[b-gpwiks2gi0]  .co-variation-button,
.co-section-body[b-gpwiks2gi0]  .co-variation-button {
    color: #B7BAC3;
    font-family: 'Roboto';
    font-size: 16px;
    line-height: 22px;
}

.co-menu-item-reorder-header[b-gpwiks2gi0] {
    color: #272B32;
    font-family: 'Roboto';
    font-size: 20px;
}

.co-menu-item-reorder-text[b-gpwiks2gi0] {
    color: var(--base-text, #212529);
    font-family: 'Roboto';
    font-size: 16px;
}

[b-gpwiks2gi0] .w-90 {
    width: 90% !important;
}

.co-menu-management[b-gpwiks2gi0]  .k-button-solid-base:focus,
.co-menu-management[b-gpwiks2gi0]  .k-button-solid-base:focus-within,
.co-menu-management[b-gpwiks2gi0]  .k-form .k-form-field .k-picker-solid:focus,
.co-menu-management[b-gpwiks2gi0]  .k-picker-solid:focus-within,
.co-menu-management[b-gpwiks2gi0]  .k-input-solid:focus,
.co-menu-management[b-gpwiks2gi0]  .k-input-solid:focus-within,
.co-menu-button[b-gpwiks2gi0]  .k-button-solid-base:focus,
.co-menu-button[b-gpwiks2gi0]  .k-button-solid-base:focus-within {
    box-shadow: none !important;
}

.co-section-body[b-gpwiks2gi0]  .co-show-on-hover-category .k-icon,
.co-section-body[b-gpwiks2gi0]  .co-show-on-hover-item .k-icon {
    display: flex !important;
}

.co-tab-strip[b-gpwiks2gi0]  .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item:active:hover .k-link {
    background-color: #FFFFFF !important;
}

.co-tab-strip[b-gpwiks2gi0]  .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-active:hover .k-link {
    background-color: #FFFFFF !important;
}
.co-section-body[b-gpwiks2gi0]  .k-textarea {
    height: auto;
}

    .co-section-body[b-gpwiks2gi0]  .k-textarea .k-input-inner {
        color: #6C757D !important;
        background-color: #F8F8F8 !important;
        font-family: 'Roboto-Regular';
        font-size: 14px;
    }

.co-section-body[b-gpwiks2gi0]  .k-numerictextbox .k-input-spinner.k-spin-button .k-button.k-button-md {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
    border-left: none;
}

.co-variant-header[b-gpwiks2gi0]  .co-add-option-list-text {
    color: var(--text-icons-high-emphasis, #666768);
    font-family: 'Roboto';
    font-size: 16px;
}

.card[b-gpwiks2gi0]  .co-category-panel-bar .k-panelbar-content :has(.co-category-days-grid) {
    background-color: #ffffff;
}

.card[b-gpwiks2gi0]  .co-category-panel-bar.k-panelbar > .k-panelbar-header > .k-link,
.card[b-gpwiks2gi0]  .co-category-panel-bar.k-panelbar > .k-panelbar-header > .k-link.k-selected {
    border-bottom: 1px solid #E4E4E4;
}

    .card[b-gpwiks2gi0]  .co-category-panel-bar.k-panelbar > .k-panelbar-header > .k-link,
    .card[b-gpwiks2gi0]  .co-category-panel-bar.k-panelbar > .k-panelbar-header > .k-link.k-selected,
    .card[b-gpwiks2gi0]  .co-category-panel-bar.k-panelbar .k-panelbar-item.k-panelbar-header.k-level-0 .k-link .k-panelbar-item-text,
    .co-category-group-button[b-gpwiks2gi0]  .k-button {
        background-color: #FFFFFF;
        color: #212529;
        font-family: Roboto !important;
        font-size: 1rem !important;
        font-weight: 500 !important;
    }

        .card[b-gpwiks2gi0]  .co-category-panel-bar.k-panelbar > .k-panelbar-header > .k-link.k-focus {
            box-shadow: none !important;
        }

.card[b-gpwiks2gi0]  .co-category-panel-bar.k-panelbar > .k-panelbar-header {
    border-style: none;
}

.card[b-gpwiks2gi0]  .co-category-panel-bar {
    border: none;
}

    .card[b-gpwiks2gi0]  .co-category-panel-bar .k-animation-container {
        right: 0;
    }

    .card[b-gpwiks2gi0]  .co-category-panel-bar.k-panelbar .k-panelbar-item.k-panelbar-header.k-level-0.k-expanded .k-link:hover .k-icon.k-svg-icon.k-panelbar-toggle.k-panelbar-collapse {
        color: #212529;
    }

    .card[b-gpwiks2gi0]  .co-category-panel-bar.k-panelbar > .k-panelbar-header > .k-link {
        padding: .5rem 1.5rem;
    }

.co-category-publish[b-gpwiks2gi0] {
    color: #212529;
    font-size: 1rem;
}

.co-section-body[b-gpwiks2gi0]  .k-form-field .co-color-picker .k-input-inner {
    justify-content: start;
}

.co-section-body[b-gpwiks2gi0]  .k-form-field .k-colorpicker {
    max-width: 9.25rem;
    height: auto;
}

.co-section-body[b-gpwiks2gi0]  .co-responsive-form .k-form-legend {
    display: block !important;
    border: none;
    text-transform: none;
    font-family: "Roboto";
    font-size: 16px;
}

.co-section-body[b-gpwiks2gi0]  .co-responsive-form {
    border-top: 1px solid #E4E4E4 !important;
}

    .co-section-body[b-gpwiks2gi0]  .co-responsive-form .co-responsive-form-group .k-form-legend {
        display: none !important;
    }

.co-section-body[b-gpwiks2gi0]  .co-item-image-preview.co-image-display-container {
    position: relative;
    width: calc(3.5rem* 16 / 9);
    height: 3.5rem;
    min-width: calc(3.5rem* 16 / 9);
    overflow: hidden;
    border-radius: .3rem;
}

.co-section-body[b-gpwiks2gi0]  .co-item-image-preview.co-image-display-backdrop {
    --_blur-distance: .3rem;
    position: absolute;
    inset: 0;
    object-fit: fill;
    filter: blur(var(--_blur-distance));
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
}

.co-section-body[b-gpwiks2gi0]  .co-item-image-preview.co-image-display-foreground {
    z-index: 1;
    object-fit: contain;
    width: 100%;
}

.co-section-body[b-gpwiks2gi0]  .co-color-picker-size .k-colorpicker .k-input-inner {
    justify-content: start;
}

.co-item-dropdown[b-gpwiks2gi0]  .co-font-family-regular .k-button-text {
    font-family: 'Roboto-Regular' !important;
}

.input-group[b-gpwiks2gi0]  .co-reorder-drop-down {
    background-color: #FFFFFF;
    color: var(--text-icons-high-emphasis, #666768);
    font-size: 16px;
}

    .input-group[b-gpwiks2gi0]  .co-reorder-drop-down .k-button {
        border-left: none;
    }

        .input-group[b-gpwiks2gi0]  .co-reorder-drop-down .k-button .k-button-icon,
        .input-group[b-gpwiks2gi0]  .co-reorder-drop-down .k-button:hover .k-button-icon {
            color: #272B32 !important;
        }

[b-gpwiks2gi0] .co-button-show-on-hover .co-show-on-hover.k-button {
    display: none;
}

.co-variant-header[b-gpwiks2gi0] {
    max-height: calc(100vh - 299px);
    overflow-y: auto;
}

.co-section-body[b-gpwiks2gi0]  .co-item-add-button {
    color: #B7BAC3 !important;
}

.co-menu-management[b-gpwiks2gi0]  .co-hamburger-icon-size .k-icon.k-svg-icon {
    height: 18px !important;
    width: 18px !important;
}

.co-menu-category-section[b-gpwiks2gi0]  .co-scroll-list-container {
    max-height: calc(100vh - 232px);
    overflow-y: auto;
    overflow-x: auto;
    scroll-behavior: smooth;
    will-change: transform, opacity;
}

.co-menu-category-section[b-gpwiks2gi0]  .co-scroll-list-container-item {
    max-height: calc(100vh - 232px);
    overflow-y: auto;
    overflow-x: auto;
    scroll-behavior: smooth;
    will-change: transform, opacity;
}
.co-menu-variation-section[b-gpwiks2gi0]  .co-scroll-list-uncategorize-item {
    max-height: calc(100vh - 240px);
    overflow-y: auto;
    overflow-x: auto;
    scroll-behavior: smooth;
    will-change: transform, opacity;
}

.card[b-gpwiks2gi0]  .co-menu-item-panael-bar.k-panelbar .k-panelbar-item.k-panelbar-header.k-level-0 .k-link .k-panelbar-item-text,
.card[b-gpwiks2gi0]  .co-fw-normal,
.co-publish-fw-normal[b-gpwiks2gi0] {
    font-weight: 400 !important;
}

.co-section-body[b-gpwiks2gi0]  .co-color-picker-size .k-picker-solid {
    border-color: #E4E4E4 !important;
    color: #272B32 !important;
    background-color: #F8F8F8 !important;
}

.label-right-align[b-gpwiks2gi0] {
    width: 150px;
    text-align: right;
}

.co-publish-text-color[b-gpwiks2gi0] {
    color: #FF9D09;
}

[b-gpwiks2gi0] .co-menu-item-quick-update {
    display: flex;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

    [b-gpwiks2gi0] .co-menu-item-quick-update .co-prep-cost {
        width: 192px;
    }
    [b-gpwiks2gi0] .co-menu-item-quick-update .co-category-prep-cost {
        width: 65px;
    }
    [b-gpwiks2gi0] .co-menu-item-quick-update .co-item-color {
        width: 280px;
    }
    [b-gpwiks2gi0] .co-menu-item-quick-update .co-category-color {
        width: 310px;
    }
.co-menu-management[b-gpwiks2gi0]  .co-section-body .co-menu-management-form .co-item-prep-container .k-label {
    min-width: 8rem !important;
    width: 8rem !important;
    margin: 0;
    padding: 0;
}

.co-menu-management[b-gpwiks2gi0]  .co-section-body .co-menu-management-form .co-tax-selector .k-label {
    min-width: auto !important;
    width: auto !important;
    margin: 0;
    padding: 0;
}

.co-menu-management[b-gpwiks2gi0]  .co-section-body .co-menu-management-form .k-label {
    min-width: 11rem !important;
    width: 11rem !important;
}
.co-tab-strip[b-gpwiks2gi0]  .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item .k-link {
    font-size: 1rem !important;
}
@media (max-width: 1543px) {

    [b-gpwiks2gi0] .co-menu-item-quick-update .co-taxes-selectors {
        width: 365px;
    }
    [b-gpwiks2gi0] .co-menu-item-quick-update .co-category-selectors {
        width: 190px;
    }
    [b-gpwiks2gi0] .co-menu-item-quick-update .co-category-prep-cost {
        width: 70px;
    }
    [b-gpwiks2gi0] .co-menu-item-quick-update .co-taxes-selectors .co-custom-placeholder {
        width: 294px;
    }
}
@media (min-width: 1543.98px) {

    [b-gpwiks2gi0] .co-menu-item-quick-update .co-taxes-selectors {
        width: 365px;
    }
    [b-gpwiks2gi0] .co-menu-item-quick-update .co-category-selectors {
        width: 200px;
    }
}
@media (max-width: 1200px) {
    .co-tab-strip[b-gpwiks2gi0]  .k-tabstrip.k-tabstrip-top .k-tabstrip-items-wrapper.k-hstack .k-tabstrip-items.k-reset {
        height: auto;
    }
}
/* /Pages/Reports/Components/CoReportParameter.razor.rz.scp.css */
/* /Pages/StockManagement/Category/StocksCategory.razor.rz.scp.css */
.co-stock-form-button[b-cdosbrxkg5]  .co-modal-view-button.k-button {
    border-radius: 4px;
    border: 1px solid #E4E7EB;
    background: #E4E7EB !important;
    color: var(--base-text, #212529);
    font-family: "Roboto";
}
.co-stock-add-button[b-cdosbrxkg5] {
    background-color: #FEFEFE;
    padding: .5rem 1rem;
}
    .co-stock-add-button[b-cdosbrxkg5]  .k-button {
        background-color: #FEFEFE !important;
        color: #B7B9BB;
    }
.co-stock-delete-window-tittle[b-cdosbrxkg5] {
    color: #272B32;
    font-family: 'Roboto';
    font-size: 20px;
}
.co-stock-window-text[b-cdosbrxkg5] {
    color: var(--base-text, #212529);
    font-family: 'Roboto';
    font-size: 16px;
}
.co-stock-menu-grid[b-cdosbrxkg5]  .k-grid,
.co-stock-add-button[b-cdosbrxkg5] {
    border: 1px solid var(--Borders-Line-1, #E4E4E4);
    background: var(--Colour-Base-White, #FFF);
}
    .co-stock-menu-grid[b-cdosbrxkg5]  .k-grid .k-grid-toolbar {
        justify-content: left;
        border-bottom: 0;
        padding: 1rem;
        background: var(--Colour-Base-White, #FFF);
        border-radius: 8px;
    }
.co-stock-add-button[b-cdosbrxkg5] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.co-stock-menu-grid[b-cdosbrxkg5]  .k-grid .k-table-th,
.co-stock-menu-grid[b-cdosbrxkg5]  .k-grid .k-table-td {
    padding-left: 32px
}
.co-stock-menu-grid[b-cdosbrxkg5]  .k-grid .k-command-cell {
   justify-content:end;
   padding-right: 32px !important;
}
/* /Pages/StockManagement/MenuItemRecipes/Component/MenuItemStockItemForm.razor.rz.scp.css */
.co-stock-item-grid[b-qx13vt12qu]  .k-grid .k-grid-table .k-master-row.k-selected .k-table-td {
    background-color: var(--text-icons-primary-32, rgba(48, 137, 206, 0.32)) !important;
    color: var(--Surfaces-Secondary, #133651) !important;
}
.co-stock-item-form-input[b-qx13vt12qu]  .k-grid .k-button {
    background-color: transparent !important;
    color: #006CA5;
}
.co-stock-copy-button[b-qx13vt12qu]  .k-button {
    background-color: transparent !important;
    color: #494949;
}
.co-stock-item-form-input[b-qx13vt12qu]  .co-category-panel-bar .k-panelbar-content :has(.co-category-days-grid) {
    background-color: #ffffff;
}
.co-stock-item-form-input[b-qx13vt12qu]  .co-category-panel-bar.k-panelbar > .k-panelbar-header > .k-link,
.co-stock-item-form-input[b-qx13vt12qu]  .co-category-panel-bar.k-panelbar > .k-panelbar-header > .k-link.k-selected {
    background-color: #FFFFFF;
    color: #3A3A3A;
    border-top: 1px solid #E4E4E4;
    font-family: Roboto-Regular;
}
    .co-stock-item-form-input[b-qx13vt12qu]  .co-category-panel-bar.k-panelbar > .k-panelbar-header > .k-link.k-focus {
        box-shadow: none !important;
    }
.co-stock-item-form-input[b-qx13vt12qu]  .co-category-panel-bar.k-panelbar > .k-panelbar-header {
    border-style: none;
}
.co-stock-item-form-input[b-qx13vt12qu]  .co-category-panel-bar {
    border: none;
}    
.co-stock-item-form-input[b-qx13vt12qu]  .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-active {
    border: 1px solid #F1F5F9;
    background: #F3F3F3 !important;
    color: #272B32 !important;
    opacity: unset;
}
    .co-stock-item-form-input[b-qx13vt12qu]  .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-active .k-link {
        color: #272B32;
    }
.co-stock-item-form-input[b-qx13vt12qu]  .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item {
    color: #272B32;   
    border: 1px solid  #F1F5F9;
    opacity: 0.5;
}
.co-stock-item-form-input[b-qx13vt12qu]  .k-tabstrip-top > .k-tabstrip-items-wrapper{
    border-bottom :none;
}
.co-stock-item-form-input[b-qx13vt12qu]  .k-tabstrip .k-content{
    display:none !important;
}
.co-stock-item-form-input[b-qx13vt12qu]  .k-grid .k-toolbar.k-grid-toolbar{
    justify-content:space-between;
    align-items:center;
}
.co-stock-item-header[b-qx13vt12qu] {
    color:  #3A3A3A;    
    font-family: Roboto;
    font-size: 18px;   
}
.co-stock-item-form-label[b-qx13vt12qu] {
    color:  #494949;   
    font-family: Roboto;
    font-size: 14px;   
}
.co-stock-item-form-input[b-qx13vt12qu]  .k-grid .k-toolbar::before {
    content:unset;
}
.co-stock-item-form-grid[b-qx13vt12qu]  .k-grid .k-grid-table .k-table-row {
    cursor: default !important;
}
.co-scroll-list-container[b-qx13vt12qu] {
    max-height: calc(100vh - 583px);
    overflow-y: auto;
    overflow-x: auto;
    scroll-behavior: smooth;
    will-change: transform, opacity;
}
/* /Pages/StockManagement/MenuItemRecipes/MenuItemRecipes.razor.rz.scp.css */
   .tb-icon-container[b-622v3iey0s]  .k-input.k-input-solid {
        width: 383px;       
    }     
.co-item-recipe-button[b-622v3iey0s]  .k-button,
.co-item-recipe-button[b-622v3iey0s]  .k-button:hover {
    background-color: transparent;
    color: #272B32;
}
[b-622v3iey0s] .co-item-recipe-in-out-button {
    border-radius: var(--Radius-X-Sml, 4px);
    border: 1px solid var(--Borders-Line-01, #F1F5F9);
    opacity: 0.5;
}
.co-stock-item-tab[b-622v3iey0s]  .k-tabstrip-items-wrapper,
.co-stock-item-header[b-622v3iey0s] {
    background-color: #FFFFFF;
}
[b-622v3iey0s] .co-menu-items-stock-grid .k-grid .k-grid-table .k-master-row.k-selected .k-table-td {
    background-color: var(--text-icons-primary-32, rgba(48, 137, 206, 0.32)) !important;
    color: var(--Surfaces-Secondary, #133651) !important;
}
.co-tab-strip-item[b-622v3iey0s]  .co-stock-column-button .k-button {
   display:none;
}
.co-stock-item-dropdown-button[b-622v3iey0s]  .k-dropdownlist,
.co-stock-item-dropdown-button[b-622v3iey0s]  .k-combobox,
.co-stock-item-dropdown-button[b-622v3iey0s]  .k-combobox .k-button {
    background:  #ECECEC;
}
.co-tab-strip-item[b-622v3iey0s]  .co-stock-column-button {
    background-color: transparent !important;
    color: #272B32;
}
.co-tab-strip-item[b-622v3iey0s]  .k-input-inner{
    justify-content: center;
    gap:.5rem;
}
.co-stock-item-tab[b-622v3iey0s]  .k-dropdownlist .k-input-value-text {
    text-align: center;
    color: #272B32;
}
[b-622v3iey0s] .co-menu-items-stock-grid .k-grid .k-grid-table .k-table-row {
    cursor: default !important;
}
.label-right-align[b-622v3iey0s] {
    width: 171px;
    text-align: right;
}
.co-publish-fw-normal[b-622v3iey0s] {
    font-weight: 400 !important;
}
.co-publish-text-color[b-622v3iey0s] {
    color: #FF9D09;
}
/* /Pages/StockManagement/NameRecipe/Component/NamedRecipeItem.razor.rz.scp.css */
.co-named-add-ingredient[b-1alhdy3tcd]  .k-button {
    border: 1px dashed var(--text-icons-medium-emphasis, #8C8E90) !important;
    background-color: #F8F8F8 !important;
    color: #272B32;
    font-family: 'Roboto';
    font-size: 16px;
}
.co-named-recipe-numericbox[b-1alhdy3tcd]  .k-numerictextbox.k-input-solid {
    border: 1px solid var(--Borders-Line-1, #E4E4E4);
    color: #494949;
    font-family: 'Roboto';
    font-size: 16px;
}
    .co-named-recipe-numericbox[b-1alhdy3tcd]  .k-numerictextbox.k-input-solid .k-button.k-button-md {
        display: none;
    }
.co-stock-item-grid[b-1alhdy3tcd]  .k-grid .k-grid-table .k-master-row.k-selected .k-table-td {
    background-color: var(--text-icons-primary-32, rgba(48, 137, 206, 0.32)) !important;
    color: var(--Surfaces-Secondary, #133651) !important;
}
[b-1alhdy3tcd] .co-named-recipe-button .k-button {
    background-color: transparent !important;
    color: #494949;
}
/* /Pages/StockManagement/NameRecipe/Component/StockRecipeName.razor.rz.scp.css */
.co-named-recipe-header[b-mu71spmzpq] {
    border-bottom: 1px solid var(--Borders-Line-1, #E4E4E4);
    background: #F4F9FC;
    color: var(--text-icons-full-emphasis, #3A3A3A);
    font-family: 'Roboto';
    font-size: 16px;
}
[b-mu71spmzpq] .co-named-recipe-button .k-button {
    background-color: transparent !important;
    color: #494949;
}
.card-body[b-mu71spmzpq]  .k-animation-container {
    z-index: 0;
}
/* /Pages/StockManagement/NameRecipe/NamedRecipes.razor.rz.scp.css */
.co-named-recipe-add-button[b-yr3ounuiod]  .k-button-solid,
.co-named-recipe-add-button[b-yr3ounuiod]  .k-button:hover.k-button-solid-base {
    border: 1px dashed var(--text-icons-primary, #3089CE);
    color: var(--Surfaces-primary, #3089CE);
    font-family: 'Roboto';
    font-size: 16px;
    background-color: transparent !important;
}
.co-named-recipes[b-yr3ounuiod] {
    background: #FFFFFF;
}
.co-named-recipe-header[b-yr3ounuiod] {
    border-bottom: 1px solid var(--Borders-Line-1, #E4E4E4);
    background: #F8F8F8;
    color: var(--text-icons-full-emphasis, #3A3A3A);
    font-family: 'Roboto';
    font-size: 16px;
    margin-left: 0.063rem;
    margin-right: 0.063rem;
}
.card-body[b-yr3ounuiod]  .k-child-animation-container {
    background: #F8F8F8;
}
.co-named-recipe-animation[b-yr3ounuiod]  .k-animation-container{
    z-index: 0;
}
.co-named-recipes[b-yr3ounuiod]  .co-publish-button.k-button.k-button-solid-base {
    background-color: #3089CE !important;
    color: #ffffff;
    border: none;
}
.co-scroll-list-container[b-yr3ounuiod] {
    max-height: calc(100vh - 178px);
    overflow-y: auto;
    overflow-x: auto;
    scroll-behavior: smooth;
    will-change: transform, opacity;
}
/* /Pages/StockManagement/StockItem/StockItemForm.razor.rz.scp.css */
.co-form-bulk-cost[b-ce49o1x3uo] {
    background-color: #F5F9FD;
}
.co-stock-item-form-input[b-ce49o1x3uo]  .k-list-item.k-selected {
    background-color: #006ca5 !important;
}

.co-stock-item-form-numeric[b-ce49o1x3uo]  .k-numerictextbox .k-input-suffix-horizontal{
    padding: 5px;
}
.co-stock-item-form-numeric[b-ce49o1x3uo]  .k-numerictextbox  .k-input-separator{
    display: none;
}

.co-stock-item-form-input[b-ce49o1x3uo]  .k-form.k-form-horizontal .k-label {
    width: 10.5rem !important;
    min-width: 10.5rem !important;
    color: var(--text-icons-high-emphasis, #494949);
    font-weight: 400;
}

.co-stock-item-form-input[b-ce49o1x3uo]  .k-form-legend {
    border: none !important;
    color: var(--text-icons-full-emphasis, #3A3A3A);
    font-family: 'Roboto';
    font-size: 18px;
    text-transform: none !important;
    margin: 0;
}

.co-stock-item-form-input[b-ce49o1x3uo]  .k-form-fieldset {
    margin-top: 1rem;
}

.co-stock-item-form-input[b-ce49o1x3uo]  .co-stock-item-col-4 {
    margin-top: 0rem;
}

.co-stock-item-form-input[b-ce49o1x3uo]  .k-form.k-form-horizontal .co-stock-item-label {
    color: var(--text-icons-high-emphasis, #494949);
    font-weight: 400;
}

.co-stock-item-form-input[b-ce49o1x3uo]  .co-stock-item-col-4 .co-stock-item-pagination {
    justify-content: end;
}

@media (max-width: 1800px) {
    .co-stock-item-form-input[b-ce49o1x3uo]  .co-stock-item-col-4 .k-grid-cols-4 {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-areas:
            "null stock-item-pagination stock-item-pagination"
            "stock-item-name  stock-item-code  stock-item-active";
    }

    .co-stock-item-form-input[b-ce49o1x3uo]  .co-stock-item-col-4 .co-stock-item-name {
        grid-area: stock-item-name;
    }

    .co-stock-item-form-input[b-ce49o1x3uo]  .co-stock-item-col-4 .co-stock-item-code {
        grid-area: stock-item-code;
    }

    .co-stock-item-form-input[b-ce49o1x3uo]  .co-stock-item-col-4 .co-stock-item-active {
        grid-area: stock-item-active;
    }

    .co-stock-item-form-input[b-ce49o1x3uo]  .co-stock-item-col-4 .co-stock-item-pagination {
        grid-area: stock-item-pagination;
        justify-content: end;
    }
}
/* /Shared/Components/CoMessagePanel.razor.rz.scp.css */
.panel-close-button[b-bix15zodo0] {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.panel-close-button-warning[b-bix15zodo0] {
    color: black;
}

/* When moving the mouse over the close button */
.panel-close-button:hover[b-bix15zodo0] {
    color: black;
}

.panel-close-button-warning:hover[b-bix15zodo0] {
    color: white;
}

.infoPanel[b-bix15zodo0] {
    padding: 1rem;
    background-color: green;
    color: white;
    width: 100%;
}

.warningPanel[b-bix15zodo0] {
    padding: 1rem;
    background-color: yellow;
    color: black;
    width: 100%;
}

.errorPanel[b-bix15zodo0] {
    padding: 1rem;
    background-color: red;
    color: white;
    width: 100%;
}
/* /Shared/Components/GridComponents/CoDataKeyValueGrid.razor.rz.scp.css */
.gridColumn[b-ryjgmmbv9y] {
    display: flex;
    justify-content: center;
    width: 100%;
}
/* /Shared/Components/GridComponents/GridBooleanColumn.razor.rz.scp.css */
.gridColumn[b-mbpccvdqwl] {
    display: flex;
    justify-content: center;
    width: 100%;
}
/* /Shared/Components/GridComponents/GridFloatColumn.razor.rz.scp.css */
.gridColumn[b-35l5fsbb00] {
    display: flex;
    justify-content: end;
    width: 100%;
}
/* /Shared/Components/InfoMessage.razor.rz.scp.css */
.alert[b-8ia41nqai8] {
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 10px;
}

.alert-info[b-8ia41nqai8] {
    background-color: green;
    color: white;
}

.alert-warning[b-8ia41nqai8] {
    background-color: yellow;
    color: black;
}

.alert-error[b-8ia41nqai8] {
    background-color: red;
    color: white;
}


.closeBtn[b-8ia41nqai8] {
    margin-left: 15px;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.closebtn:hover[b-8ia41nqai8] {
    color: black;
}

.closeBtn-info[b-8ia41nqai8] {
    color: white;
}

.closeBtn-warning[b-8ia41nqai8] {
    color: black;
}

.closeBtn-error[b-8ia41nqai8] {
    color: white;
}
/* /Shared/Components/TextPromptModal.razor.rz.scp.css */
.textPromptDialogGrid[b-15xetigy9t] {
    display: grid;
    grid-template-columns: 350px;
    row-gap: 1em;
}
/* /Shared/Components/VersionChecker.razor.rz.scp.css */
.version-alert[b-vqpcg2kmku] {
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 1050;
    max-width: 450px;
} 
/* /Shared/Layouts/BasicLayout.razor.rz.scp.css */
.top-row[b-i5vmq7fvnv] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-i5vmq7fvnv] {
    font-size: 1.1rem;
}

.oi[b-i5vmq7fvnv] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-i5vmq7fvnv] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

.nav-item:first-of-type[b-i5vmq7fvnv] {
    padding-top: 1rem;
}

.nav-item:last-of-type[b-i5vmq7fvnv] {
    padding-bottom: 1rem;
}

.nav-item[b-i5vmq7fvnv]  a {
    color: #d7d7d7;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
}

.nav-item[b-i5vmq7fvnv]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-i5vmq7fvnv]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}