body {
    background-color:transparent;
    font-family:"Inter",sans-serif !important;
}
.row {
    margin-bottom:0px;/*ref line    3640 style.css makes cart row too tall*/
}
#divCartContainer .row {
    min-height:3rem;
}
.header {
    background: url(/images/Rectangle.png), lightgray -603px -1853.459px / 144.213% 1332.377% no-repeat;
    z-index: 0;
    height: 100px !important;
    margin-top: -24px;

}
.header-title {
    display:none;
}
.header-fixed {
    padding-top :11px;
}
/*.theme-dark *{
    transition: all .6s ease-in;
}*/
#btnShowNotifications,
#btnShowUploadTransactions,
#btnResetIndexDB,
#btnShowMoreButtonOptions,
#btnLockScreen,
#btnSetting,
#btnOtherLanguage {
    border-width: 0px !important;
    color: #fff !important;
}
#btnBack {
    border-width: 0px !important;
}
#btnOtherLanguage
{
    
}
#btnHome {
    display: none;
}
#TotalAmount {
    /*max-width : calc(100% -3em);*/
}
[data-toggle-theme] {
    border-width: 0px !important;
    color: #fff !important;
}
[toggle-switch] {
    border-width: 0px !important;
    color: #000;
    font-family: Inter;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.032rem;
}
.theme-dark [toggle-switch] {
    color: #fff !important;
    background: #344159;
}
/*.toggle:focus > .toggle-group > .btn, .toggle:hover > .toggle-group > .btn*/
.toggle:focus {
    //color: var(--bs-btn-hover-color);
    background-color: var(--aq-color-dark-front) !important;
    border-color: var(--aq-color-dark-front) !important;
}
.toggle-group > .btn, .toggle:hover > .toggle-group > .btn {
    color: var(--bs-btn-hover-color);
    background-color: var(--aq-color-purple-deep) !important;
    border-color: var(--aq-color-purple-deep) !important;
}
.toggle-group .toggle-on {
    background-color:red !important;
}
.toggle > .toggle-group > .toggle-on,
.theme-dark .toggle > .toggle-group > .toggle-on {
    background-color: var(--aq-color-success-deep) !important;
}
.toggle > .toggle-group > .toggle-off {
    background-color: var(--aq-color-dark-front) !important;
}
/*.theme-dark span:not(.badge):not(.text) {
    background-color: var(--aq-color-success-deep) !important;
}*/
.aqui-sub-header {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    height: calc(100vh - (50px + (env(safe-area-inset-top))*0.8) - (65px + (env(safe-area-inset-bottom))*1.1)) !important;
    position: relative;
    top: -79px; /*was -90 pre desgin*/
}
.wrapper-left,
.wrapper-left-bottom {
    background-color: transparent !important;
    border-width: 0px;
    height: calc(100vh - 212px);
    height: calc(100vh - 124px) !important;
}
.left-dd {
    border-top-left-radius: 20px;
    background-color: aliceblue;
}
#page {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
/*Layout*/
.wrapper-left,
.wrapper-left-bottom {
    top:0px !important;
}
.left-dd1 {
    position:relative;
}
.wrapper-categories {
    margin:0.625em;
    border-radius: 20px;
    /*background-color: pink !important;*/
    width: 25%;
    height: calc(100% - 8px);
    border-radius: 1.25rem;
    border-width:0px;
    background: rgba(101, 70, 189, 0.10) !important;
    backdrop-filter: blur(50px);
}
.wrapper-kds-filters {
   /* margin: 0.625em !important  ;*/
    border-radius: 20px;
    /*background-color: pink !important;*/
    /*width: 25%;*/
    height: calc(100% - 8px);
    border-radius: 1.25rem;
    border-width: 0px;
    background: rgba(101, 70, 189, 0.10) !important;
    backdrop-filter: blur(50px);
}
.theme-dark .wrapper-kds-filters {
    background: #202C43 !important;
    
}
    .theme-dark .wrapper-kds-filters a {
        color: #F3F3F3;
        font-family: Inter;
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        /*line-height: normal;*/
        letter-spacing: 0.032rem;
    }
    .theme-dark .wrapper-kds-filters svgicon {
fill:#fff;
    }
    .theme-dark .wrapper-kds-filters path {
        fill: #fff;
    }
.theme-dark .kds-card {
    background: #344159 !important;
}
.wrapper-kds-cards {
    width: calc(100vw - 200px - 15px - .625em - .625em);
    top: 200px;
}
.wrapper-middle {
    /*width:73% !important;*/ /*issue at 1024*/
    width: calc(75% - 1.625em) !important;
    height: 100%;
    border-width: 0px;
}
.wrapper {
    /*margin:4px;*/
    height: calc(100% - 20px);
}
.wrapper .wrapper-top {
    border-width:0px;
}
.cart-wrapper-container {
    border-width: 0px;
}
.wrapper {
    border-radius: 1rem;
    backdrop-filter: blur(50px);
}
.wrapper-top {
    background: #E4E0EF;
    backdrop-filter: blur(50px);
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}
.wrapper-top-cart {
    border-bottom-width:0px;
}
.wrapper-bottom {
    border-bottom-width: 0px !important;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
}
.wrapper-bottom-totals {
    background: #fcfcfc !important;
    border-top: 2px solid rgba(0, 0, 0, 0.19);
}
/*Gradient Button*/
.bg-magenta-dark {
    border-radius: 0.625rem;
    background: linear-gradient(51deg, #6546BD 0%, #EE3F97 100%);
    background: var(--aq-color-purple-deep) !important;
}
#divCategoryView > a.is-selected {
    border-width: 0px;
    background: linear-gradient(51deg, #6546BD 0%, #EE3F97 100%);
    /*margin: 4px;*/
    margin-right: -10px;
    border-radius: .625rem;
    color: #fff;
}
.list-custom-small {
    line-height:52px;
    font-size:0.875rem;
    font-weight:600;
    
}
    .list-custom-small a {
        border-width: 0px;
        
        color: #000;
        font-family: Inter;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 600;
        
        letter-spacing: 0.0125rem;
    }
    .list-custom-small a i:last-child {
        float: right;
        font-size: 14px;
        opacity: 1.0;
        padding-right: 5px;
        
    }
        .list-custom-small a.is-selected {
            font-size: 1rem;
        }
        .list-custom-small i {
            line-height: 52px;
        }


#divKDSFilters a.is-selected {
    border-width: 0px;
    background: linear-gradient(51deg, #6546BD 0%, #EE3F97 100%);
    /*margin: 4px;*/
    /*margin-right: -10px;*/
    border-radius: .625rem;
    color: #fff;
    margin-left: -5px;
    padding-left: 5px;
}

.tabfilters a.is-selected {
    border-width: 0px;
    background: linear-gradient(51deg, #6546BD 0%, #EE3F97 100%);
    /*margin: 4px;*/
    /*margin-right: -10px;*/
    border-radius: .625rem;
    color: #fff;
    margin-left: -5px;
    padding-left: 5px;
}

#divKDSSortFilters a.is-selected {
    border-width: 0px;
    background: linear-gradient(51deg, #6546BD 0%, #EE3F97 100%);
    /*margin: 4px;*/
    /*margin-right: -10px;*/
    border-radius: .625rem;
    color: #fff;
    margin-left: -5px;
    padding-left: 5px;
}

#divCategoryView {
    height: calc(100vh - 188px) !important;
}
#footer-bar {
    min-height: 55px;
    height: calc(25px + (env(safe-area-inset-bottom))*1.1);
    margin: .25rem;
    margin: .45rem;
    margin-bottom: 10px !important;
    border-radius: 1rem;
    background: rgba(101, 70, 189, 0.10) !important;
    backdrop-filter: blur(50px);
    font-size: .875rem !important;
    margin-bottom: 0px !important;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
    #footer-bar a {
        padding-top: 0px;
        font-size: .875rem !important;
    }
        #footer-bar a.active-nav {
            background: linear-gradient(51deg, #6546BD 0%, #EE3F97 100%);
            margin: 6px;
            max-width:160px;
            /*    margin-right: -10px;
*/ border-radius: .625rem;
            color: #fff;
        }
.footer-bar-6 .active-nav em {
    display:none;
}
.footer-bar-6 span {
    font-size: .875rem !important;
    font-size: 1rem !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
    vertical-align: middle;
}
#divCategoryView {
    overflow-y: auto;
}
.total-amount-div {
    border-radius: 1.25rem;
    background: #D5E7FF !important;
    margin: .5rem !important;
    color: #366097 !important;
    font-weight: 700;
    font-size: 1.5rem;
    width: calc(50% - 2rem) !important;
}
.aqui-btn {
    line-height: 1.125rem !important; /*TOO SMALL*/
    line-height: 1.375rem !important;
    border-radius: 0.625rem !important;
    border-width: 0px;
    cursor: pointer;
    font-size: 1rem !important;
    color: #FFF;
    font-family: Inter;
    font-size: 1rem !important;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.032rem;
}
.aqui-btn-color-primary {
    background: #4B89DC !important;
    color:#fff;
}

.aqui-btn-color-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.aqui-btn-info {
    
    border: 1px solid rgba(101, 70, 189, 0.45);
    background: #FFF;
}
.aqui-app-bg-light {
    background:#FBFBFB;
}
/*bootstrap select overrides*/
.bootstrap-select > .dropdown-toggle, .bs-searchbox .form-control {
    line-height: 1.125rem !important;
    border-radius: 0.625rem !important;
    vertical-align:middle;
}
.bootstrap-select .dropdown-toggle .filter-option {
    line-height: 1.125rem;
    display:contents;
    vertical-align: auto;
    align-items: center;
    justify-content: center;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    background: linear-gradient(51deg, #6546BD 0%, #EE3F97 100%);
}
.product-card:active {
    border-color: #EE3F97;
}
/*Option Buttons*/
.aqui-OptionSmall-btn {
    width: 8.0rem;
    height: 8.0rem;
    flex-shrink: 0;
    cursor: pointer;
}
.aqui-Option-btn {
    width: 12.0rem;
    height: 12.0rem;
    flex-shrink: 0;
    cursor:pointer;
}
.aqui-Option-btn-primary, .aqui-Option-btn-primary:hover {
    border-radius: 1.75rem;
    border: 1px solid #C8C8C8;
    background: #E2F4F6
}
.aqui-Option-btn-success, .aqui-Option-btn-success:hover {
    border-radius: 1.75rem;
    border: 1px solid #C8C8C8;
    background: #E8F6E2;
}
.aqui-Option-btn-info, .aqui-Option-btn-info:hover {
    border-radius: 1.75rem;
    border: 1px solid #C8C8C8;
    background: #F3F3F3;
}
.aqui-Option-btn-danger, .aqui-Option-btn-danger:hover {
    border-radius: 1.75rem;
    border: 1px solid #C8C8C8;
    background: #FFEAEB;
}
aqui-option-btn label,
.aqui-option-btn-label {
    color: #000 !important;
    font-family: Inter;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.032rem;
    cursor:pointer;
}
.theme-dark .aqui-Option-btn-primary,
.theme-dark .aqui-Option-btn-primary label {
    border-radius: 1.75rem;
    /*border: 1px solid #C8C8C8;*/
    background: transparent;
    background: #7887ab;
    color: #fff !important;
}

.theme-dark .aqui-Option-btn-success,
.theme-dark .aqui-Option-btn-success label {
    border-radius: 1.75rem;
    /*border: 1px solid #C8C8C8;*/
    background: transparent;
    background: #88cc88;
    color: #fff !important;
}

.theme-dark .aqui-Option-btn-info,
.theme-dark .aqui-Option-btn-info label {
    border-radius: 1.75rem;
    /*border: 1px solid #C8C8C8;*/
    background: transparent;
    background: #c8c8c8;
    color: #fff !important;
}

.theme-dark .aqui-Option-btn-danger,
.theme-dark .aqui-Option-btn-danger label {
    border-radius: 1.75rem;
    /*border: 1px solid #C8C8C8;*/
    background: transparent;
    background: #ffaaaa;
    color: #fff !important;
}
.kds-bg-danger {
    border-top: 4px solid;
    border-top-color: var(--aq-color-highlight);
}
.kds-bg-success {
    border-top: 4px solid;
    border-top-color: var(--aq-color-success);
}
.kds-card-footer{
/*    position:absolute;
    bottom:0px;
    height:50px;*/
}
.kds-item {
    color: #000;
    font-family: Inter;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.032rem;
  /*  margin-left:.5rem !important;
    margin-right:.5rem !important;*/
}
.kds-card-heading-text-bold {
    color: #000;
    font-family: Inter;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.032rem;
}
.kds-card-heading-text {
    color: rgba(0, 0, 0, 0.70);
    font-family: Inter;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.032rem;
}
.kds-card-header{
    padding:.5rem;
}
.theme-dark .kds-item-options {
    color:#fff;
}
.guest-list-item .guest-title {
    color: #000;
    font-family: Inter;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.search-dd {
    display: flex;
    width: 22.9375rem;
    height: 3.25rem;
    padding: 0.30706rem 0.39475rem 0.30706rem 1.71063rem;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    border-radius: 0.75rem !important;
    background: rgba(46, 23, 92, 0.07);
    backdrop-filter: blur(14.035785675048828px);
}
/*.w-50{

}*/
/**/
/*Dark Theme Overrides*/
.theme-dark .wrapper-left-bottom, .theme-dark .wrapper-middle, .theme-dark .left-dd, .theme-dark #divProductView, .theme-dark .wrapper-top, .theme-dark .wrapper-top2,
.theme-dark .wrapper-bottom, .theme-dark .wrapper-left-top, .theme-dark .tab-controls a:not(.no-click), .theme-dark .datepicker-main, .theme-dark .datepicker-header, .theme-dark .datepicker-controls {
    background-color: #171f31 !important;
}
.theme-dark h1, .theme-dark h2, .theme-dark h3, .theme-dark h4, .theme-dark h5, .theme-dark h6, .theme-dark #footer-bar a i, .theme-dark #footer-bar a span .theme-dark p strong, .theme-dark .nav-link {
    color: #fff /*#77b7fd;*/ !important
}
.theme-dark .accordion-btn, .theme-dark .menu .nav-title, .theme-dark .menu .nav a i, .theme-dark .menu .nav a span, .theme-dark .menu .nav .active-nav i, .theme-dark .menu .nav .active-nav span, .theme-dark .header .header-icon, .theme-dark .header .header-title, .theme-dark .search-header .fa-search, .theme-dark .color-theme, .theme-dark .countdown div, .theme-dark .list-group i:last-child, .theme-dark .search-icon-list a, .theme-dark .fac label, .theme-dark .pagination a, .theme-dark .accordion-style-2 a, .theme-dark input, .theme-dark .contact-form i, .theme-dark .demo-icon-font article, .theme-dark [data-tab], .theme-dark span:not(.badge):not(.text), .theme-dark .profile-2 .profile-stats a, .theme-dark .vcard-field *, .theme-dark .search-header input, .theme-dark .footer .footer-title, .theme-dark .sidebar-section-heading, .theme-dark .prev-button, .theme-dark .next-button, .theme-dark .view-switch, .theme-dark today-button {
    color:#fff !important;
}
.theme-dark .form-control:focus:not([type=search]), .theme-dark .form-control:not(.bs-searchbox.form-control) {
    color:#fff !important;
}
.theme-dark, .theme-dark .page-bg, .theme-dark #page {
    background: #171f31;
}
    .theme-dark .aqui-app-bg-light {
        background: #171f31;
    }

    .theme-dark th, .theme-dark .menu, .theme-dark .header, .theme-dark .polaroid-effect, .theme-dark .timeline-item-content, .theme-dark .tab-controls, .theme-dark #footer-bar, .theme-dark .menu .form-style label, .theme-dark .menu .form-floating-style label, .theme-dark .menu .form-border-bottom label, .theme-dark .timeline-item-content-full, .theme-dark span:not(.badge):not(.text), .theme-dark .bootstrap-select .dropdown-menu li a, .theme-dark .bootstrap-select > .dropdown-toggle.bs-placeholder, .theme-dark .bootstrap-select .dropdown-menu li, .theme-dark .bootstrap-select .no-results, .theme-dark .form-control, .theme-dark .dropdown-menu, .theme-dark .guest-time-box, .theme-dark .guest-action-box, .theme-dark .grid-headerSpanned, .theme-dark .grid-header, .theme-dark .grid-entry, .theme-dark .timebox, .theme-dark .sidebar-section-heading, .theme-dark .choices__list--dropdown {
        background: #202C43 !important;
    }
    .theme-dark .wrapper-categories {
        background:#202c43 !important;
    }
    .theme-dark .wrapper-top {
        background: #202c43 !important;
    }
    .theme-dark .wrapper-top-cart {
        background: #202c43 !important;
    }
    .theme-dark #divCartContainer {
        background: #202c43 !important;
    }
    .theme-dark .wrapper-bottom-totals {
        background: #202c43 !important;
        border-top: 2px solid rgba(255, 255, 255, 0.19);
    }
    .theme-dark .wrapper-bottom {
        background: #202c43 !important;
        border-bottom-width:0px !important;
    }
    .theme-dark .product-card {
        background-color: #202c43 !important;
        color: #fff !important;
        border: 1px solid rgba(255, 255, 255, 0.25);
        border-radius: 1.25rem;
        font-size: 1rem;
        font-weight: 600;
    }
    .theme-dark p {
        color: #fff !important;
    }
    .theme-dark .modal-header {
        background: #0E1525;
        border-bottom-width: 0px;
        padding: .5rem .5rem;
        --bs-modal-header-padding: .5rem .5rem;
    }
.modal-header {
    background: #E4E0EF;
    backdrop-filter: blur(50px);
    border-bottom-width: 0px;
}
.theme-dark .modal-body {
    border-top-width: 0px;
    background: #202C43;
}
.theme-dark .modal-footer {
    border-top-width:0px;
    background: #202C43;
}
.product-name {
    font-size: 1rem;
    font-weight: 600;
    line-height: normal;
    
    letter-spacing: 0.032rem;
}

.cart-text-head {
    color: #00000087;
    font-family: Inter;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.0125rem;
    justify-content: start;
}
.cart-text-main {
    color: #000;
    font-family: Inter;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.0125rem;
    justify-content:start;
}
.theme-dark span:not(.badge):not(.text) {
    background-color: transparent !important;
}
.theme-dark .card{
    background-color:transparent;
}
.theme-dark .aqui-btn-info {
    border: 1px solid rgba(101, 70, 189, 0.45);
    background: transparent;
    cursor:pointer;
}
.theme-dark label {
    color:#fff;
}
.aqui-btn label {
    cursor: pointer;
}
/*Reservations*/
.sidebar {
    text-align: center;
    /* border-right: 1px solid var(--imv-app-border-light); */
    margin: .5rem;
    background: #435260;
    border-radius: 1.25rem;
    background: rgba(101, 70, 189, 0.10);
    backdrop-filter: blur(50px);
    height: calc(100% - 10px) !important;/*todo revisit*/
    border-width:0px !important;
}
.theme-dark .sidebar {
    background: var(--aq-color-dark-front2) !important;
}
.left-dd {
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 4;
    border-radius: 1.25rem;
    background-color: transparent !important;
    border-width: 0px !important;
}
#divTableGrid {
    position: relative;
    top: 50px;
}
.grid-stack {
    border-radius: 0.625rem;
    background: #F1F5FB;
    height: calc(100vh - 177px);/*todo revisit based on rem*/
}
.theme-dark .grid-stack {
    background: #202C43;
    border-radius: 0.625rem !important;
}
.timeline-nav-btn {
    /*    height: 32px !important;
    width:32px;
    line-height: 32px;
    color:var(--theme-primary);
    border-color: var(--theme-primary);
    border: 1px solid;
    cursor:pointer;
    border-radius:5px;
*/
    width: 10.375rem;
    padding: .375rem !important;
    flex-shrink: 0;
    border-radius: 0.625rem;
    border: 1px solid #6546BD;
    text-align: center;
    font-family: Inter;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.375rem;
    letter-spacing: 0.032rem;
    cursor: pointer;
}
.timeline-scroll-btn {
    width: 1.5rem;
    height: 1.5rem;
    /*transform: rotate(-90deg);*/
    flex-shrink: 0;
    border: 1px solid var(--aq-color-purple-deep);
    border-radius: .375rem;
    background: linear-gradient(51deg, #FB59E6 0%, #6546BD 100%) !important;
    color:#fff;
}

.timeline-nav-btn.is-active-btn {
    background: linear-gradient(51deg, #FB59E6 0%, #6546BD 100%) !important;
    background-color: red;
    border-width: 0px;
    color: #fff;
}
#layoutTabs .nav-link {
    color: #000;
    font-family: Inter;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.032rem;
}
.theme-dark #layoutTabs .nav-link {
    color:#fff;
}
}

#layoutTabs .nav-link:active {
    font-weight: 600;
}
/*.theme-dark .modal-header .btn-close {
    color:#fff;
}*/
/*Fonts*/
font-1rem {
    font-size: 1rem;
}

/*Animated Tabs 1*/
.wrapper {
    text-align: center;
    margin: 5px auto;
}

.toggle-tabs {
    /*    font-size: 12px;
    padding: 0px;
    list-style: none;
    background: #fff;
    display: inline-block;
    border-radius: 50px;
    position: relative;
*/


    font-size: .875rem;
    /*line-height: 1rem;*/
    padding: 0px;
    background: #fff;
    background: rgba(101, 70, 189, 0.10);
    box-shadow: 0px 5px 20px rgba(0,0,0,0.1);
    display: inline-block;
    border-radius: 50px;
    position: relative;
    vertical-align: middle;
    justify-content: center;
    /*padding-top: 15px;
    padding-bottom: 15px;*/

}

.toggle-tabs a {
    text-decoration: none;
    color: #777 !important;/*todo make var  */
    text-transform: uppercase;
    /*padding: 10px 20px;*/
    padding: 1px 3px;
    display: inline-block;
    position: relative;
    z-index: 1;
    transition-duration: 0.6s;
}
    .toggle-tabs a.toggle-tab-light.active{
        color:white !important;
    }

    .toggle-tabs a.active {
        color: #fff !important;
    }

    .toggle-tabs a i {
        margin-right: 5px;
    }

    .toggle-tabs .selector {
        height: 25px;
        /*min-width:100px;*/
        display: inline-block;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 1;
        border-radius: 50px;
        transition-duration: 0.6s;
        transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
        background: #05abe0;
        /*background: linear-gradient(51deg, #6546BD 0%, #EE3F97 100%);*/
        background: -moz-linear-gradient(51deg, #EE3F97 0%,#6546BD 100%);
        background: -webkit-linear-gradient(51deg, #EE3F97 0%, #6546BD 100%);
        background: linear-gradient(51deg, #EE3F97 0%, #6546BD 100%);
        /*        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abe0', endColorstr='#8200f4',GradientType=1 );
*/
    }

/*End Animated tabs*/
/*Orders page Styles*/
.orders-card {
    border-radius: 15px;
}
/*End Orders page Styles*/
/*Utilities

*/
.w-45{
    width:45%;
}
/*Color Styles*/
.border-green-dark {
    border-color: var(--aq-color-success-deep) !important;
}
.bg-green-dark {
    background: var(--aq-color-success-deep) !important;
}
.color-aq-purple {
    color: var(--aq-color-purple-deep);
}
.aq-bg-color-secondary {
    border-radius: 0.5rem;
    background: rgba(217, 217, 217, 0.40);
    width: 1.6875rem;
    height: 1.6875rem;
    flex-shrink: 0;
    color: #000;
    font-family: Inter;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

/*  Custom Progress Bar */

.progress {
    background-color: #d8d8d8;
    border-radius: 20px;
    position: relative;
    margin: 15px 0;
    height: 30px;
    width: 300px;
}

.progress-done {
    background: linear-gradient(to left, #F2709C, #FF9472);
    box-shadow: 0 3px 3px -5px #F2709C, 0 2px 5px #F2709C;
    border-radius: 20px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 0;
    opacity: 0;
    transition: 1s ease 0.3s;
}


.toast-header-success  {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}

.toast-header-warning {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5;
}

.toast-header-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

.toast-header-info {
    color: #055160;
    background-color: #cff4fc;
    border-color: #b6effb;
}

.txtsaleprice {
    height: 29px;
    font-style: normal;
    font-weight: 700;
    text-align: right;
}

.liupcclass {
    border: 1px solid;
    padding: 3px;
    font-size: 12px;
    border-radius: 3px;
  
    color: #fbc13b;
    font-weight: 300;
    width:fit-content;
}
.licolorcode {
    float: left;
    border: 1px solid;
    padding: 3px;
    font-size: 12px;

  
    border-radius: 3px;
  
    color: #7DB11D;
    font-weight: 500;
    width: fit-content;
    margin-left:10px;
}
.liattributecart {
    float: left;
    border: 1px solid;
    padding: 3px;
    font-size: 12px;
    color: #8b96fd;
    border-radius: 3px;
    font-weight: 500;
    width: fit-content;
    margin-left: 10px;
}

.cartItemBorder {
    border-bottom: 2px solid #00000030;
    padding-bottom: 10px;
}
.cart-md-1 {
    flex: 0 0 12.5% !important; /* Adjust width based on your desired 1.5 units */
    max-width: 12.5% !important;
}
.pl-15 {
    padding-left: 15px;
}
.liitemdiscount {
    float: left;
    border: 1px solid;
    padding: 3px;
    font-size: 12px;
    border-radius: 3px;
    color: #0d6efd;
    font-weight: 500;
    width: fit-content;
    margin-left: 10px;
}
.button-icon {
    font-size: 50px;
}
:focus {
    outline: 2px solid #6610f2; /* Example: Add a blue outline */
    box-shadow: 0 0 5px rgba(0, 0, 255, 0.5); /* Example: Add a shadow */
    /*background-color: #f0f0f0;*/ /* Example: Change background color */
}

/*modal pop up zindexs  */
#modal-OrderSummary
{
    z-index:10000;
}
#modal-OpenLockUpScreen {
    z-index: 100000;
}




.nav-pills .nav-link.active, .nav-pills .show > .nav-link .selectedbutton {
    border-width: 0px;
    background: linear-gradient(51deg, #6546BD 0%, #EE3F97 100%);
    margin: 4px;
    margin-right: -5px;
    border-radius: .625rem;
    color: #fff;
    text-align: center;
}


.nav-pills .nav-link, .nav-pills .show > .nav-link .selectedbutton {
    border-width: 2px;
    border-color: black;
    background: #fff;
    margin: 4px;
    margin-right: -5px;
    border-radius: .625rem;
    color: #1f1f1f;
    text-align: center;
}

/*.nav-link .selectedbutton {
    border-width: 0px;
    background: linear-gradient(51deg, #6546BD 0%, #EE3F97 100%);*/
    /*margin: 4px;*/
    /*margin-right: 10px;
    border-radius: .625rem;
    color: #fff;
}*/


.scrollable-div {
   height:inherit;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
}

    /* Custom scrollbar for WebKit browsers */
    .scrollable-div::-webkit-scrollbar {
        width: 12px;
    }

    .scrollable-div::-webkit-scrollbar-thumb {
        background-color: #888; /* Scrollbar color */
        border-radius: 6px;
    }

        .scrollable-div::-webkit-scrollbar-thumb:hover {
            background-color: #555; /* Hover effect */
        }