.menu-horizontal .menu-inner {
    justify-content: center;
    align-items: center;
}

.sidebar_main {
    position: sticky;
    height: fit-content;
    top: 64px;
    z-index: 1;
}

#Ingredient_Table_wrapper .dt-row .col-sm-12,
div.dataTables_wrapper .dt-row .col-sm-12 {
    overflow: auto;
}

.irs--flat .irs-bar, .irs-from,  .irs-to
{
    background-color: #7367f0 !important;
}

.irs-line,
.irs-from,
.irs-to,
.irs-bar,
.irs-slider,
.irs-shadow,
.irs-handle {
    cursor: pointer !important;
}


.layout-horizontal .bg-menu-theme .menu-inner>.menu-item {
    margin: .625rem 0;
}

.layout-menu-fixed .layout-horizontal .layout-page .menu-horizontal,
.layout-menu-fixed-offcanvas .layout-horizontal .layout-page .menu-horizontal {
    position: fixed;
}

.layout-menu-fixed .layout-horizontal .layout-page .menu-horizontal+[class*=container-],
.layout-menu-fixed-offcanvas .layout-horizontal .layout-page .menu-horizontal+[class*=container-] {
    padding-top: 4.8rem !important;
}

/* div.dataTables_wrapper div.dataTables_filter input {
    padding-left: 0;
    padding-right: 0;
} */
.menu-horizontal .menu-inner {
    flex-wrap: wrap;
}

.customer-avatar-list {
    justify-content: center;
    gap: 10px;
}

table.dataTable thead th.dt-checkboxes-select-all {
    text-align: left;
}

div.dataTables_wrapper div.dataTables_filter input {
    display: flex;
}

.layout-menu-fixed .layout-horizontal .layout-page .menu-horizontal {
    box-shadow: unset;
}

div.dataTables_wrapper div.dataTables_filter label {
    display: flex;
    justify-content: end;
    align-items: center;
}

.back_btn {
    background: gray;
}

.overlay.open {
    background: #4b465c;
    content: '';
    display: block;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1090;
    opacity: .5;
    cursor: pointer;
}

.navbar-brand.app-brand.demo,
li.nav-item.navbar-dropdown.dropdown-user.dropdown.menu-item.ms-auto {
    z-index: 10;
}
.twologobrand {
    z-index: 10;
    width: 10% !important;
    margin-left: 57px;
}
.layout-overlay {
    z-index: 999;
}

.filter-title,
.form-check {
    margin-bottom: 10px;
}

.datatables-products td.sorting_1 {
    padding-left: 0;
}

.datatables-products .product-name {
    gap: 10px;
}

.layout-menu-fixed .layout-horizontal .layout-page .menu-horizontal+[class*=container-],
.layout-menu-fixed-offcanvas .layout-horizontal .layout-page .menu-horizontal+[class*=container-] {
    padding-top: 15px !important;
}

/* .datatables-products th.sorting.sorting_asc {
    padding-left: 0;
} */

.tab-content div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-link {
    line-height: 1;
    min-width: 2.38155rem;
    padding: .745rem;
    margin-left: .25rem;
}

.light-style div.dataTables_wrapper div.dataTables_info {
    padding-bottom: 15px;
}

.Product_Table_wrapper .table:not(.table-dark) thead:not(.table-dark) th {
    color: #5d596c;
    line-height: 11px;
}

.header_main.container-xxl {
    max-width: 100%;
}

.layout-navbar .navbar-dropdown.dropdown-user .dropdown-menu {
    right: 0;
}

.header_main .app-brand-text.demo {
    margin-left: 0 !important;
}

.img_upload {
    width: 100%;
    max-width: 50%;
}

table#Product_Table thead th {
    line-height: 12px;
}

@media (max-width: 1199px) {
    .tab-content .app-email .app-email-sidebar.open {
        left: 0;
        transition: left .3s;
        height: 100%;
        overflow: auto;
        z-index: 99999;
        padding: 0;
        left: 0;
        height: 100%;
        background: #fff;
    }

    .layout-horizontal .app-email .app-email-sidebar.open .email-filters {
        height: 100%;
        background: #fff;
        padding: 10px;
    }

    .tab-content .app-email .app-email-sidebar {
        position: fixed;
        top: 0;
        width: 16.25rem;
        transition: left .3s;
        height: 100%;
        left: calc(-1*(100% - 54px));
        top: 0 !important;
        background: #fff;
    }
}

@media (max-width: 991.98px) {
    .menu-inner {
        flex-wrap: wrap;
    }

    .menu-horizontal {
        display: block;
    }

    .layout-horizontal .bg-menu-theme .logo {
        width: 100%;
    }

    .logout.menu-item.ms-auto.me-3.mt-3 {
        position: absolute;
        right: 20px;
        top: 0px;
    }

    #customer_history_table_wrapper div#customer_history_table_length,
    #customer_allergens_table_wrapper .customer_allergens_table_length {
        width: 100%;
        text-align: center;
    }

    #customer_history_table_wrapper .col-sm-12.col-md-6,
    #customer_allergens_table_wrapper .col-sm-12.col-md-6 {
        width: 100%;
        justify-content: center;
    }

    #customer_history_table_wrapper .dataTables_wrapper .row,
    #customer_allergens_table_wrapper .dataTables_wrapper .row {
        justify-content: center;
    }

    #customer_history_table_wrapper.dataTables_wrapper div.dataTables_length{
        text-align: center;
    }

    #customer_history_table_wrapper.dataTables_wrapper div.dataTables_filter label,
    #customer_allergens_table_wrapper.dataTables_wrapper div.dataTables_filter label {
        justify-content: center;
    }

    ul#customerPills {
        justify-content: center;
        gap: 10px;
    }


}

@media (max-width: 767px) {
    .sidebar_main.open {
        height: 100%;
        background: #fff;
    }

    .sidebar_main .card {
        box-shadow: none;
    }

    .sidebar_main {
        position: fixed;
        top: 0;
        width: 16.25rem;
        transition: left .3s;
        height: 100%;
        left: calc(-1*(100% - 54px));
        top: 0 !important;
    }

    div.dataTables_wrapper div.dataTables_filter label {
        justify-content: center;
    }

    .sidebar_main.open {
        transition: left .3s;
        height: 100%;
        overflow: auto;
        z-index: 1090;
        padding: 0;
        left: 0;
    }

    .page_container .row.custome_view {
        flex-direction: column-reverse;
        gap: 10px;
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        flex-wrap: wrap;
        row-gap: 7px;
    }
}

@media (max-width: 575px) {
    .img_upload {
        width: 100%;
        max-width: 100%;
    }
}

.bg-label-light-green {
    background-color: #d4edda;
    color: #155724;
}

.bg-label-pink {
    background-color: #ffc0cb !important;
    color: #d63384 !important;
}

.bg-label-light-red {
    background-color: #f8d7da !important;
    color: #721c24 !important;
}

.bg-label-orange {
    background-color: #ffcc80 !important;
    color: #e65100 !important;
}

/*
.toast-green {
    background-color: #28a745 !important;
    color: #fff !important;
}
.toast-green .toast-message {
    color: #fff !important;
}
.toast-green .toast-close-button {
    color: #fff !important;
} */

.swal-title-small {
    font-size: 5px;
}


.avatar-preview {
    width: 100px;
    height: 100px;
    position: relative;
    /* border-radius: 100%; */
    /* border: 6px solid #F8F8F8; */
    /* box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1); */
    > div {
        width: 100%;
        height: 100%;
        /* border-radius: 100%; */
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
}

.search-selected-item{
    font-size: .8125rem;
    border-radius: .25rem;
    padding: .395rem .625rem;
    font-weight: 600;
    color: #7367f0;
    background-color: rgba(115,103,240,.16)
}

.remove-selected-item{
    color: #7367f0 !important;
    cursor: pointer;
    font-size: 1.1rem;
    opacity: 0.5;
}
.btn-login {
    color: #fff !important;
    background-color: #7367f0 !important;
    border-color: #7367f0 !important;
}