/*CUSTOM CSS*/
.pad-2 {
    padding: 0px 2px;
}

.fatturato, .parzialmenteFatturato, .scontrinata, .venduto {
    background: #3498db !important;
    color: #fff !important;
}

.confermato, .parziale, .inRevisione {
    background: #f39c12 !important;
    color: #fff !important;
}

.completato, .accettata, .libero {
    background: #5cb85c !important;
    color: #fff !important;
}

.insospeso, .carrello {
    background: #f39c12 !important;
    color: #fff !important;
}

.lavorazione, .validata, .prenotato {
    background: #5bc0de !important;
    color: #fff !important;
}

.preparazione {
    background: #337ab7 !important;
    color: #fff !important;
}

.parzialmentePagato, .pagato, .chiuso {
    background: #252525 !important;
    color: #fff !important;
}

.interna {
    background: #FF8C00 !important;
    color: #fff !important;
}

.cancellato, .annullata {
    background: #d9534f !important;
    color: #fff !important;
}

.tavoli {
    display: flex;
    flex-wrap: wrap;
}

.tavolo {
    padding: 0.46875rem;
    margin: 0;
    height: 100%;
    width: 25%;
    flex: 0 0 25%;
}

.tavolo-nome {
    text-align: center;
    padding: 15px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    transition: all .1s linear;
}

.tavolo-info-container {
    height: 100%;
    background: var(--bs-component-disabled-bg);
    padding: 2px 5px;
    display: flex;
    align-items: center;
}

.tavolo-info-row {
    margin: 0 -1px 0 0;
    color: var(--bs-component-color);
    display: flex;
}

.tavolo-info-col {
    width: 50%;
    padding: 1px 1px 0 0;
    margin: 0 auto;
    flex: 0 0 50%;
}
.widget-header2 {
    /* margin: -20px -20px 0; */
    padding: 15px 20px;
    border-radius: 5px 5px 0 0;
    position: relative;
}

/*POS TABLE CSS*/
:root, [data-bs-theme=light] {
    --bs-app-theme: #00acac;
    --bs-app-theme-rgb: 0,172,172;
    --bs-app-theme-color: #FFFFFF;
    --bs-app-theme-color-rgb: 255,255,255;
    --bs-app-theme-hover: #008181;
    --bs-app-theme-hover-border-color: #008181;
    --bs-app-theme-hover-color: #FFFFFF;
    --bs-app-theme-active: #008181;
    --bs-app-theme-active-border-color: #008181;
    --bs-app-theme-active-color: #FFFFFF;
    --bs-app-theme-disabled: #40c1c1;
    --bs-app-theme-disabled-border-color: #40c1c1;
    --bs-app-theme-disabled-color: #FFFFFF;
    --bs-border-color: #ced4da;
    --bs-border-color-rgb: 206,212,218;
    --bs-app-header-bg: #FFFFFF;
    --bs-app-header-bg-rgb: 255,255,255;
    --bs-app-header-color: #20252a;
    --bs-app-header-color-rgb: 32,37,42;
    --bs-app-header-input-bg: #f2f3f4;
    --bs-app-header-input-border: #f2f3f4;
    --bs-app-header-mobile-divider-bg: #edf0f2;
    --bs-app-header-divider-bg: #dee2e6;
    --bs-app-sidebar-bg: #FFFFFF;
    --bs-app-sidebar-bg-rgb: 255,255,255;
    --bs-app-sidebar-bg-transparent: url(images/cover-sidebar.jpg);
    --bs-app-sidebar-profile-bg: #20252a;
    --bs-app-sidebar-profile-bg-rgb: 32,37,42;
    --bs-app-sidebar-profile-color: #FFFFFF;
    --bs-app-sidebar-profile-color-rgb: 255,255,255;
    --bs-app-sidebar-component-color: #2d353c;
    --bs-app-sidebar-component-color-rgb: 45,53,60;
    --bs-app-sidebar-component-active-bg: #f0f2f4;
    --bs-app-sidebar-component-active-color: #20252a;
    --bs-app-sidebar-menu-header-color: #adb5bd;
    --bs-app-sidebar-menu-divider-bg: #dee2e6;
    --bs-app-sidebar-menu-icon-color: inherit;
    --bs-app-sidebar-menu-badge-bg: #dee2e6;
    --bs-app-sidebar-menu-badge-color: #2d353c;
    --bs-app-sidebar-menu-badge-font-weight: 700;
    --bs-app-sidebar-menu-link-color: #6c757d;
    --bs-app-sidebar-menu-link-hover-color: #20252a;
    --bs-app-sidebar-menu-link-font-weight: 600;
    --bs-app-sidebar-menu-submenu-bg: none;
    --bs-app-sidebar-menu-submenu-link-color: #6c757d;
    --bs-app-sidebar-menu-submenu-link-hover-color: #20252a;
    --bs-app-sidebar-menu-submenu-link-font-weight: 600;
    --bs-app-sidebar-menu-grid-bg: #dee2e6;
    --bs-app-sidebar-menu-grid-border-width: 2px;
    --bs-app-sidebar-menu-grid-border-color: #dee2e6;
    --bs-app-sidebar-grid-border-color: #dee2e6;
    --bs-app-sidebar-minify-btn-bg: #e9ecef;
    --bs-app-sidebar-minify-btn-hover-bg: #ced4da;
    --bs-app-sidebar-float-submenu-bg: #f8f9fa;
    --bs-app-sidebar-float-submenu-grid-border-color: #dee2e6;
    --bs-app-top-menu-bg: #FFFFFF;
    --bs-app-top-menu-link-color: rgba(32, 37, 42, 0.6);
    --bs-app-top-menu-link-font-weight: 600;
    --bs-app-top-menu-link-hover-color: #20252a;
    --bs-app-top-menu-link-hover-bg: none;
    --bs-app-top-menu-link-active-color: #20252a;
    --bs-app-top-menu-link-active-bg: none;
    --bs-app-top-menu-menu-badge-bg: #e9ecef;
    --bs-app-top-menu-menu-badge-color: #20252a;
    --bs-app-top-menu-menu-badge-font-weight: 600;
    --bs-app-top-menu-menu-submenu-bg: #f8f9fa;
    --bs-app-top-menu-menu-submenu-submenu-bg: rgba(0, 0, 0, 0.1);
    --bs-app-top-menu-control-link-bg: #FFFFFF;
    --bs-app-top-menu-control-link-color: rgba(32, 37, 42, 0.6);
    --bs-app-top-menu-control-link-hover-bg: #FFFFFF;
    --bs-app-top-menu-control-link-hover-color: #20252a;
    --bs-app-login-bg-cover: url(images/bg-login.png);
    --bs-component-bg: #FFFFFF;
    --bs-component-bg-rgb: 255,255,255;
    --bs-component-secondary-bg: #dee2e6;
    --bs-component-secondary-bg-rgb: 222,226,230;
    --bs-component-tertiary-bg: #adb5bd;
    --bs-component-tertiary-bg-rgb: 173,181,189;
    --bs-component-dropdown-bg: #FFFFFF;
    --bs-component-dropdown-bg-rgb: 255,255,255;
    --bs-component-dropdown-hover-bg: #eff1f3;
    --bs-component-dropdown-hover-bg-rgb: 239,241,243;
    --bs-component-dropdown-border-color: #ced4da;
    --bs-component-dropdown-border-color-rgb: 206,212,218;
    --bs-component-modal-bg: #FFFFFF;
    --bs-component-modal-bg-rgb: 255,255,255;
    --bs-component-modal-border-color: #ced4da;
    --bs-component-modal-border-color-rgb: 206,212,218;
    --bs-component-secondary-bg: #dee2e6;
    --bs-component-color: #20252a;
    --bs-component-color-rgb: 32,37,42;
    --bs-component-border-color: #ced4da;
    --bs-component-border-color-rgb: 206,212,218;
    --bs-component-active-bg: #348fe2;
    --bs-component-active-bg-rgb: 52,143,226;
    --bs-component-active-color: #FFFFFF;
    --bs-component-active-color-rgb: 255,255,255;
    --bs-component-hover-bg: #eff1f3;
    --bs-component-hover-color: #20252a;
    --bs-component-hover-border-color: #ced4da;
    --bs-component-focus-border-color: #67abe9;
    --bs-component-disabled-bg: #e9ecef;
    --bs-component-disabled-color: #adb5bd;
    --bs-component-disabled-border-color: #ced4da;
    --bs-component-table-border-color: #ced4da;
    --bs-component-table-separator-color: currentColor;
    --bs-default-bg-subtle: #f8f9fa;
    --bs-default-text-emphasis: #464748;
    --bs-default-border-subtle: #f8f9fa;
    --bs-primary-bg-subtle: #c2ddf6;
    --bs-primary-text-emphasis: #102b44;
    --bs-primary-border-subtle: #c2ddf6;
    --bs-secondary-bg-subtle: #d3d6d8;
    --bs-secondary-text-emphasis: #202326;
    --bs-secondary-border-subtle: #d3d6d8;
    --bs-success-bg-subtle: #b3e6e6;
    --bs-success-text-emphasis: #003434;
    --bs-success-border-subtle: #b3e6e6;
    --bs-info-bg-subtle: #c8e9f3;
    --bs-info-text-emphasis: #163740;
    --bs-info-border-subtle: #c8e9f3;
    --bs-warning-bg-subtle: #fce1ba;
    --bs-warning-text-emphasis: #4a2f08;
    --bs-warning-border-subtle: #fce1ba;
    --bs-danger-bg-subtle: #ffcecd;
    --bs-danger-text-emphasis: #4d1b1a;
    --bs-danger-border-subtle: #ffcecd;
    --bs-light-bg-subtle: #fbfbfc;
    --bs-light-text-emphasis: #494949;
    --bs-light-border-subtle: #fbfbfc;
    --bs-dark-bg-subtle: #c0c2c5;
    --bs-dark-text-emphasis: #0e1012;
    --bs-dark-border-subtle: #c0c2c5;
    --bs-inverse-bg-subtle: #c0c2c5;
    --bs-inverse-text-emphasis: #0e1012;
    --bs-inverse-border-subtle: #c0c2c5;
    --bs-blue-bg-subtle: #c2ddf6;
    --bs-blue-text-emphasis: #102b44;
    --bs-blue-border-subtle: #c2ddf6;
    --bs-indigo-bg-subtle: #dbcbf5;
    --bs-indigo-text-emphasis: #291943;
    --bs-indigo-border-subtle: #dbcbf5;
    --bs-purple-bg-subtle: #d5d8e9;
    --bs-purple-text-emphasis: #222537;
    --bs-purple-border-subtle: #d5d8e9;
    --bs-pink-bg-subtle: #fecce0;
    --bs-pink-text-emphasis: #4b1a2d;
    --bs-pink-border-subtle: #fecce0;
    --bs-red-bg-subtle: #ffcecd;
    --bs-red-text-emphasis: #4d1b1a;
    --bs-red-border-subtle: #ffcecd;
    --bs-orange-bg-subtle: #fce1ba;
    --bs-orange-text-emphasis: #4a2f08;
    --bs-orange-border-subtle: #fce1ba;
    --bs-yellow-bg-subtle: #fff4b3;
    --bs-yellow-text-emphasis: #4d4100;
    --bs-yellow-border-subtle: #fff4b3;
    --bs-green-bg-subtle: #c2e5c2;
    --bs-green-text-emphasis: #0f330f;
    --bs-green-border-subtle: #c2e5c2;
    --bs-teal-bg-subtle: #b3e6e6;
    --bs-teal-text-emphasis: #003434;
    --bs-teal-border-subtle: #b3e6e6;
    --bs-lime-bg-subtle: #deefc9;
    --bs-lime-text-emphasis: #2b3d17;
    --bs-lime-border-subtle: #deefc9;
    --bs-cyan-bg-subtle: #c8e9f3;
    --bs-cyan-text-emphasis: #163740;
    --bs-cyan-border-subtle: #c8e9f3;
    --bs-white-bg-subtle: white;
    --bs-white-text-emphasis: #4d4d4d;
    --bs-white-border-subtle: white;
    --bs-gray-bg-subtle: #d3d6d8;
    --bs-gray-text-emphasis: #202326;
    --bs-gray-border-subtle: #d3d6d8;
    --bs-gray-dark-bg-subtle: #c0c2c5;
    --bs-gray-dark-text-emphasis: #0e1012;
    --bs-gray-dark-border-subtle: #c0c2c5;
    --bs-muted-bg-subtle: #e6e9eb;
    --bs-muted-text-emphasis: #343639;
    --bs-muted-border-subtle: #e6e9eb;
    --bs-black-bg-subtle: #b3b3b3;
    --bs-black-text-emphasis: black;
    --bs-black-border-subtle: #b3b3b3;
    --bs-silver-bg-subtle: #e9edef;
    --bs-silver-text-emphasis: #373a3c;
    --bs-silver-border-subtle: #e9edef;
    --bs-gray-100-bg-subtle: #fdfdfe;
    --bs-gray-100-text-emphasis: #4a4b4b;
    --bs-gray-100-border-subtle: #fdfdfe;
    --bs-gray-200-bg-subtle: #f8f9fa;
    --bs-gray-200-text-emphasis: #464748;
    --bs-gray-200-border-subtle: #f8f9fa;
    --bs-gray-300-bg-subtle: #f5f6f8;
    --bs-gray-300-text-emphasis: #434445;
    --bs-gray-300-border-subtle: #f5f6f8;
    --bs-gray-400-bg-subtle: #f0f2f4;
    --bs-gray-400-text-emphasis: #3e4041;
    --bs-gray-400-border-subtle: #f0f2f4;
    --bs-gray-500-bg-subtle: #e6e9eb;
    --bs-gray-500-text-emphasis: #343639;
    --bs-gray-500-border-subtle: #e6e9eb;
    --bs-gray-600-bg-subtle: #d3d6d8;
    --bs-gray-600-text-emphasis: #202326;
    --bs-gray-600-border-subtle: #d3d6d8;
    --bs-gray-700-bg-subtle: #c8cbcd;
    --bs-gray-700-text-emphasis: #16181a;
    --bs-gray-700-border-subtle: #c8cbcd;
    --bs-gray-800-bg-subtle: #c0c2c5;
    --bs-gray-800-text-emphasis: #0e1012;
    --bs-gray-800-border-subtle: #c0c2c5;
    --bs-gray-900-bg-subtle: #bcbebf;
    --bs-gray-900-text-emphasis: #0a0b0d;
    --bs-gray-900-border-subtle: #bcbebf;
    --bs-default: #e9ecef;
    --bs-primary: #348fe2;
    --bs-secondary: #6c757d;
    --bs-success: #00acac;
    --bs-info: #49b6d6;
    --bs-warning: #f59c1a;
    --bs-danger: #ff5b57;
    --bs-light: #f2f3f4;
    --bs-dark: #2d353c;
    --bs-inverse: #2d353c;
    --bs-blue: #348fe2;
    --bs-indigo: #8753de;
    --bs-purple: #727cb6;
    --bs-pink: #fb5597;
    --bs-red: #ff5b57;
    --bs-orange: #f59c1a;
    --bs-yellow: #ffd900;
    --bs-green: #32a932;
    --bs-teal: #00acac;
    --bs-lime: #90ca4b;
    --bs-cyan: #49b6d6;
    --bs-white: #FFFFFF;
    --bs-gray: #6c757d;
    --bs-gray-dark: #2d353c;
    --bs-muted: #adb5bd;
    --bs-black: #000000;
    --bs-silver: #b6c2c9;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #2d353c;
    --bs-gray-900: #20252a;
    --bs-default-rgb: 233,236,239;
    --bs-primary-rgb: 52,143,226;
    --bs-secondary-rgb: 108,117,125;
    --bs-success-rgb: 0,172,172;
    --bs-info-rgb: 73,182,214;
    --bs-warning-rgb: 245,156,26;
    --bs-danger-rgb: 255,91,87;
    --bs-light-rgb: 242,243,244;
    --bs-dark-rgb: 45,53,60;
    --bs-inverse-rgb: 45,53,60;
    --bs-blue-rgb: 52,143,226;
    --bs-indigo-rgb: 135,83,222;
    --bs-purple-rgb: 114,124,182;
    --bs-pink-rgb: 251,85,151;
    --bs-red-rgb: 255,91,87;
    --bs-orange-rgb: 245,156,26;
    --bs-yellow-rgb: 255,217,0;
    --bs-green-rgb: 50,169,50;
    --bs-teal-rgb: 0,172,172;
    --bs-lime-rgb: 144,202,75;
    --bs-cyan-rgb: 73,182,214;
    --bs-white-rgb: 255,255,255;
    --bs-gray-rgb: 108,117,125;
    --bs-gray-dark-rgb: 45,53,60;
    --bs-muted-rgb: 173,181,189;
    --bs-black-rgb: 0,0,0;
    --bs-silver-rgb: 182,194,201;
    --bs-gray-100-rgb: 248,249,250;
    --bs-gray-200-rgb: 233,236,239;
    --bs-gray-300-rgb: 222,226,230;
    --bs-gray-400-rgb: 206,212,218;
    --bs-gray-500-rgb: 173,181,189;
    --bs-gray-600-rgb: 108,117,125;
    --bs-gray-700-rgb: 73,80,87;
    --bs-gray-800-rgb: 45,53,60;
    --bs-gray-900-rgb: 32,37,42;
    --bs-primary-text-emphasis: #15395a;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #004545;
    --bs-info-text-emphasis: #1d4956;
    --bs-warning-text-emphasis: #623e0a;
    --bs-danger-text-emphasis: #662423;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #d6e9f9;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #cceeee;
    --bs-info-bg-subtle: #dbf0f7;
    --bs-warning-bg-subtle: #fdebd1;
    --bs-danger-bg-subtle: #ffdedd;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #aed2f3;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #99dede;
    --bs-info-border-subtle: #b6e2ef;
    --bs-warning-border-subtle: #fbd7a3;
    --bs-danger-border-subtle: #ffbdbc;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-font-sans-serif: "Open Sans",sans-serif;
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 0.75rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #2d353c;
    --bs-body-color-rgb: 45,53,60;
    --bs-body-bg: #dee2e6;
    --bs-body-bg-rgb: 222,226,230;
    --bs-emphasis-color: #000000;
    --bs-emphasis-color-rgb: 0,0,0;
    --bs-secondary-color: rgba(45, 53, 60, 0.75);
    --bs-secondary-color-rgb: 45,53,60;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233,236,239;
    --bs-tertiary-color: rgba(45, 53, 60, 0.5);
    --bs-tertiary-color-rgb: 45,53,60;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248,249,250;
    --bs-heading-color: inherit;
    --bs-link-color: #348fe2;
    --bs-link-color-rgb: 52,143,226;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #2a72b5;
    --bs-link-hover-color-rgb: 42,114,181;
    --bs-code-color: #f90a69;
    --bs-highlight-bg: #fff7cc;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #ced4da;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 4px;
    --bs-border-radius-sm: 3px;
    --bs-border-radius-lg: 6px;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(52, 143, 226, 0.25);
    --bs-form-valid-color: #00acac;
    --bs-form-valid-border-color: #00acac;
    --bs-form-invalid-color: #ff5b57;
    --bs-form-invalid-border-color: #ff5b57;
}

[data-bs-theme=dark] {
    --bs-body-bg: #161a1d;
    --bs-body-color: #dee2e6;
    --bs-dark: #f8f9fa;
    --bs-dark-rgb: 248,249,250;
    --bs-light: #20252a;
    --bs-light-rgb: 32,37,42;
    --bs-border-color: #6c757d;
    --bs-app-header-bg: #262d33;
    --bs-app-header-color: #FFFFFF;
    --bs-app-header-input-bg: #1b1f24;
    --bs-app-header-input-border: #1b1f24;
    --bs-app-header-divider-bg: #495057;
    --bs-app-header-mobile-divider-bg: #20252a;
    --bs-app-sidebar-bg: #2d353c;
    --bs-app-sidebar-bg-rgb: 45,53,60;
    --bs-app-sidebar-profile-bg: #20252a;
    --bs-app-sidebar-profile-bg-rgb: 32,37,42;
    --bs-app-sidebar-profile-color: #FFFFFF;
    --bs-app-sidebar-profile-color-rgb: 255,255,255;
    --bs-app-sidebar-component-color: #FFFFFF;
    --bs-app-sidebar-component-color-rgb: 255,255,255;
    --bs-app-sidebar-component-active-bg: #20252a;
    --bs-app-sidebar-component-active-color: #FFFFFF;
    --bs-app-sidebar-menu-header-color: rgba(255, 255, 255, 0.45);
    --bs-app-sidebar-menu-divider-bg: #20252a;
    --bs-app-sidebar-menu-icon-color: inherit;
    --bs-app-sidebar-menu-badge-bg: #20252a;
    --bs-app-sidebar-menu-badge-color: #FFFFFF;
    --bs-app-sidebar-menu-badge-font-weight: 400;
    --bs-app-sidebar-menu-link-font-weight: 400;
    --bs-app-sidebar-menu-link-color: rgba(255, 255, 255, 0.6);
    --bs-app-sidebar-menu-link-hover-color: #FFFFFF;
    --bs-app-sidebar-menu-submenu-bg: none;
    --bs-app-sidebar-menu-submenu-link-color: rgba(255, 255, 255, 0.45);
    --bs-app-sidebar-menu-submenu-link-hover-color: #FFFFFF;
    --bs-app-sidebar-menu-submenu-link-font-weight: 400;
    --bs-app-sidebar-menu-grid-bg: #20252a;
    --bs-app-sidebar-menu-grid-border-width: 1px;
    --bs-app-sidebar-menu-grid-border-color: rgba(255, 255, 255, 0.6);
    --bs-app-sidebar-grid-border-color: #3d4852;
    --bs-app-sidebar-float-submenu-bg: #20252a;
    --bs-app-sidebar-float-submenu-grid-border-color: #2d353c;
    --bs-app-sidebar-minify-btn-bg: #242b30;
    --bs-app-sidebar-minify-btn-hover-bg: #20252a;
    --bs-app-top-menu-bg: #20252a;
    --bs-app-top-menu-link-color: rgba(255, 255, 255, 0.6);
    --bs-app-top-menu-link-font-weight: 400;
    --bs-app-top-menu-link-hover-color: #FFFFFF;
    --bs-app-top-menu-link-hover-bg: none;
    --bs-app-top-menu-link-active-color: #FFFFFF;
    --bs-app-top-menu-link-active-bg: none;
    --bs-app-top-menu-menu-badge-bg: #495057;
    --bs-app-top-menu-menu-badge-color: #e9ecef;
    --bs-app-top-menu-menu-badge-font-weight: 600;
    --bs-app-top-menu-menu-submenu-bg: #2d353c;
    --bs-app-top-menu-menu-submenu-submenu-bg: rgba(0, 0, 0, 0.2);
    --bs-app-top-menu-control-link-bg: #2d353c;
    --bs-app-top-menu-control-link-color: rgba(255, 255, 255, 0.6);
    --bs-app-top-menu-control-link-hover-bg: #242b30;
    --bs-app-top-menu-control-link-hover-color: #FFFFFF;
    --bs-app-login-bg-cover: url(images/bg-login-dark-mode.png);
    --bs-component-bg: #2d353c;
    --bs-component-bg-rgb: 45,53,60;
    --bs-component-secondary-bg: #495057;
    --bs-component-secondary-bg-rgb: 73,80,87;
    --bs-component-tertiary-bg: #6c757d;
    --bs-component-tertiary-bg-rgb: 108,117,125;
    --bs-component-color: #FFFFFF;
    --bs-component-color-rgb: 255,255,255;
    --bs-component-border-color: #495057;
    --bs-component-border-color-rgb: 73,80,87;
    --bs-component-hover-bg: #4d5359;
    --bs-component-hover-color: #FFFFFF;
    --bs-component-hover-border-color: rgba(222, 226, 230, 0.125);
    --bs-component-disabled-bg: #495057;
    --bs-component-disabled-border-color: #495057;
    --bs-component-disabled-color: #6c757d;
    --bs-component-dropdown-bg: #495057;
    --bs-component-dropdown-bg-rgb: 73,80,87;
    --bs-component-dropdown-hover-bg: #6c757d;
    --bs-component-dropdown-hover-bg-rgb: 108,117,125;
    --bs-component-dropdown-border-color: #6c757d;
    --bs-component-dropdown-border-color-rgb: 108,117,125;
    --bs-component-modal-bg: #495057;
    --bs-component-modal-bg-rgb: 73,80,87;
    --bs-component-modal-border-color: #6c757d;
    --bs-component-modal-border-color-rgb: 108,117,125;
    --bs-component-secondary-bg: #495057;
    --bs-component-table-border-color: #495057;
    --bs-component-table-separator-color: #adb5bd;
    --bs-default-bg-subtle: #2f2f30;
    --bs-default-text-emphasis: #f2f4f5;
    --bs-default-border-subtle: #2f2f30;
    --bs-primary-bg-subtle: #0a1d2d;
    --bs-primary-text-emphasis: #85bcee;
    --bs-primary-border-subtle: #0a1d2d;
    --bs-secondary-bg-subtle: #161719;
    --bs-secondary-text-emphasis: #a7acb1;
    --bs-secondary-border-subtle: #161719;
    --bs-success-bg-subtle: #002222;
    --bs-success-text-emphasis: #66cdcd;
    --bs-success-border-subtle: #002222;
    --bs-info-bg-subtle: #0f242b;
    --bs-info-text-emphasis: #92d3e6;
    --bs-info-border-subtle: #0f242b;
    --bs-warning-bg-subtle: #311f05;
    --bs-warning-text-emphasis: #f9c476;
    --bs-warning-border-subtle: #311f05;
    --bs-danger-bg-subtle: #331211;
    --bs-danger-text-emphasis: #ff9d9a;
    --bs-danger-border-subtle: #331211;
    --bs-light-bg-subtle: #303131;
    --bs-light-text-emphasis: #f7f8f8;
    --bs-light-border-subtle: #303131;
    --bs-dark-bg-subtle: #090b0c;
    --bs-dark-text-emphasis: #81868a;
    --bs-dark-border-subtle: #090b0c;
    --bs-inverse-bg-subtle: #090b0c;
    --bs-inverse-text-emphasis: #81868a;
    --bs-inverse-border-subtle: #090b0c;
    --bs-blue-bg-subtle: #0a1d2d;
    --bs-blue-text-emphasis: #85bcee;
    --bs-blue-border-subtle: #0a1d2d;
    --bs-indigo-bg-subtle: #1b112c;
    --bs-indigo-text-emphasis: #b798eb;
    --bs-indigo-border-subtle: #1b112c;
    --bs-purple-bg-subtle: #171924;
    --bs-purple-text-emphasis: #aab0d3;
    --bs-purple-border-subtle: #171924;
    --bs-pink-bg-subtle: #32111e;
    --bs-pink-text-emphasis: #fd99c1;
    --bs-pink-border-subtle: #32111e;
    --bs-red-bg-subtle: #331211;
    --bs-red-text-emphasis: #ff9d9a;
    --bs-red-border-subtle: #331211;
    --bs-orange-bg-subtle: #311f05;
    --bs-orange-text-emphasis: #f9c476;
    --bs-orange-border-subtle: #311f05;
    --bs-yellow-bg-subtle: #332b00;
    --bs-yellow-text-emphasis: #ffe866;
    --bs-yellow-border-subtle: #332b00;
    --bs-green-bg-subtle: #0a220a;
    --bs-green-text-emphasis: #84cb84;
    --bs-green-border-subtle: #0a220a;
    --bs-teal-bg-subtle: #002222;
    --bs-teal-text-emphasis: #66cdcd;
    --bs-teal-border-subtle: #002222;
    --bs-lime-bg-subtle: #1d280f;
    --bs-lime-text-emphasis: #bcdf93;
    --bs-lime-border-subtle: #1d280f;
    --bs-cyan-bg-subtle: #0f242b;
    --bs-cyan-text-emphasis: #92d3e6;
    --bs-cyan-border-subtle: #0f242b;
    --bs-white-bg-subtle: #333333;
    --bs-white-text-emphasis: white;
    --bs-white-border-subtle: #333333;
    --bs-gray-bg-subtle: #161719;
    --bs-gray-text-emphasis: #a7acb1;
    --bs-gray-border-subtle: #161719;
    --bs-gray-dark-bg-subtle: #090b0c;
    --bs-gray-dark-text-emphasis: #81868a;
    --bs-gray-dark-border-subtle: #090b0c;
    --bs-muted-bg-subtle: #232426;
    --bs-muted-text-emphasis: #ced3d7;
    --bs-muted-border-subtle: #232426;
    --bs-black-bg-subtle: black;
    --bs-black-text-emphasis: #666666;
    --bs-black-border-subtle: black;
    --bs-silver-bg-subtle: #242728;
    --bs-silver-text-emphasis: #d3dadf;
    --bs-silver-border-subtle: #242728;
    --bs-gray-100-bg-subtle: #323232;
    --bs-gray-100-text-emphasis: #fbfbfc;
    --bs-gray-100-border-subtle: #323232;
    --bs-gray-200-bg-subtle: #2f2f30;
    --bs-gray-200-text-emphasis: #f2f4f5;
    --bs-gray-200-border-subtle: #2f2f30;
    --bs-gray-300-bg-subtle: #2c2d2e;
    --bs-gray-300-text-emphasis: #ebeef0;
    --bs-gray-300-border-subtle: #2c2d2e;
    --bs-gray-400-bg-subtle: #292a2c;
    --bs-gray-400-text-emphasis: #e2e5e9;
    --bs-gray-400-border-subtle: #292a2c;
    --bs-gray-500-bg-subtle: #232426;
    --bs-gray-500-text-emphasis: #ced3d7;
    --bs-gray-500-border-subtle: #232426;
    --bs-gray-600-bg-subtle: #161719;
    --bs-gray-600-text-emphasis: #a7acb1;
    --bs-gray-600-border-subtle: #161719;
    --bs-gray-700-bg-subtle: #0f1011;
    --bs-gray-700-text-emphasis: #92969a;
    --bs-gray-700-border-subtle: #0f1011;
    --bs-gray-800-bg-subtle: #090b0c;
    --bs-gray-800-text-emphasis: #81868a;
    --bs-gray-800-border-subtle: #090b0c;
    --bs-gray-900-bg-subtle: #060708;
    --bs-gray-900-text-emphasis: #797c7f;
    --bs-gray-900-border-subtle: #060708
}

    [data-bs-theme=dark] .table {
        --bs-table-striped-bg: rgba(73, 80, 87, 0.7);
        --bs-table-active-color: var(--bs-component-color);
        --bs-table-active-bg: $gray-700;
        --bs-table-hover-color: var(--bs-component-color);
        --bs-table-hover-bg: rgba(73, 80, 87, 0.85)
    }

    [data-bs-theme=dark] .bg-dark, [data-bs-theme=dark] .bg-white {
        --bs-bg-opacity: .25
    }

    [data-bs-theme=dark] .text-dark {
        --bs-text-opacity: .5;
        color: rgba(var(--bs-white-rgb),var(--bs-text-opacity)) !important
    }

    [data-bs-theme=dark] .btn-dark, [data-bs-theme=dark] .btn-white {
        border-color: transparent;
        background-color: #495057;
        color: #fff
    }

        [data-bs-theme=dark] .btn-dark.active, [data-bs-theme=dark] .btn-dark:focus, [data-bs-theme=dark] .btn-dark:hover, [data-bs-theme=dark] .btn-white.active, [data-bs-theme=dark] .btn-white:focus, [data-bs-theme=dark] .btn-white:hover {
            background-color: #6c757d;
            border-color: transparent;
            color: #fff
        }

    [data-bs-theme=dark] .btn-outline-default, [data-bs-theme=dark] .btn-outline-inverse {
        color: #6c757d;
        border-color: #6c757d
    }

        [data-bs-theme=dark] .btn-outline-default.active, [data-bs-theme=dark] .btn-outline-default:focus, [data-bs-theme=dark] .btn-outline-default:hover, [data-bs-theme=dark] .btn-outline-inverse.active, [data-bs-theme=dark] .btn-outline-inverse:focus, [data-bs-theme=dark] .btn-outline-inverse:hover {
            background-color: #6c757d;
            color: #fff !important
        }

    [data-bs-theme=dark] .btn-default {
        background: #6c757d;
        border-color: #6c757d;
        color: #fff
    }

        [data-bs-theme=dark] .btn-default.active, [data-bs-theme=dark] .btn-default:focus, [data-bs-theme=dark] .btn-default:hover {
            background: #495057;
            border-color: #495057;
            color: #fff
        }

    [data-bs-theme=dark] .btn-group > .btn-white + .btn-white {
        border-left-color: #6c757d
    }

.text-gray-600 {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-gray-600-rgb),var(--bs-text-opacity)) !important;
}

@media (min-width: 1200px) {
    .display-5 {
        font-size: 3rem;
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2;
}

.align-items-center {
    align-items: center !important;
}

img, svg {
    vertical-align: middle;
}

.flex-1 {
    flex: 1;
}

.text-theme {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-app-theme-rgb),var(--bs-text-opacity));
}

.pe-1 {
    padding-right: 0.234375rem !important;
}

.fs-13px {
    font-size: 13px !important;
}

.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: .875rem;
    border-radius: 6px;
}

.form-control {
    display: block;
    width: 100%;
    padding: 0.4375rem 0.75rem;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.5;
    color: var(--bs-component-color);
    background-color: var(--bs-component-bg);
    background-clip: padding-box;
    border: 1px solid var(--bs-component-border-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 4px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

    .form-control::-webkit-datetime-edit {
        display: block;
        padding: 0;
    }

.w-200px {
    width: 200px !important;
}

.fs-24px {
    font-size: 24px !important;
}

.mb-1 {
    margin-bottom: 0.234375rem !important;
}

@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        --bs-modal-width: 800px;
    }
}
.border-0 {
    border: 0 !important;
}
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: #333;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: 6px;
    outline: 0;
}
.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 0.9375rem;
}
.modal-dialog {
    position: relative;
    width: auto;
    pointer-events: none;
}
@media (min-width: 768px) {
    .modal-dialog {
        width: 900px;
        margin: 30px auto;
        max-width: 900px !important;
    }
}
.fw-bold {
    font-weight: 600 !important;
}
.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.4375rem 0.75rem;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.5;
    color: var(--bs-component-color);
    text-align: center;
    white-space: nowrap;
    background-color: rgba(var(--bs-component-border-color-rgb),1);
    border: 1px solid var(--bs-component-border-color);
    border-radius: 4px;
}
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.w-100px {
    width: 100px !important;
}

.pos {
    --bs-pos-sidebar-bg: #FFFFFF;
    --bs-pos-sidebar-header-bg: #2d353c;
    --bs-pos-sidebar-header-color: #FFFFFF;
    --bs-pos-sidebar-header-back-btn-bg: #495057;
    --bs-pos-sidebar-header-nav-link-bg: #e9ecef;
    --bs-pos-sidebar-header-nav-link-color: #6c757d;
    --bs-pos-sidebar-header-nav-link-active-bg: #FFFFFF;
    --bs-pos-sidebar-header-nav-link-active-color: #20252a;
    --bs-pos-sidebar-footer-bg: #495057;
    --bs-pos-sidebar-footer-color: #f8f9fa;
    --bs-pos-sidebar-product-border-color: #e9ecef;
    --bs-pos-sidebar-product-confirmation-bg: rgba(255, 255, 255, 0.95);
    background: #dee2e6;
}

@media (min-width: 992px) {
    .pos.pos-with-menu {
        padding-left: 10rem
    }
}

@media (max-width: 991.98px) {
    .pos.pos-with-menu {
        padding-top: 100px
    }
}

@media (min-width: 992px) {
    .pos.pos-with-sidebar {
        padding-right: 22.5rem
    }
}

.pos.pos-with-header {
    padding-top: 50px
}

@media (min-width: 992px) {
    .pos.pos-with-header.pos-with-sidebar {
        padding-right: 20.625rem
    }
}

@media (min-width: 992px) {
    .pos.pos-with-header.pos-with-sidebar .pos-sidebar {
        top: 50px;
        height: calc(100% - 50px);
        margin: 0;
        border-radius: 0;
        border-top: none;
        border-bottom: none;
        border-right: none
    }
}

.pos.pos-with-header.pos-with-sidebar .pos-sidebar .pos-sidebar-footer, .pos.pos-with-header.pos-with-sidebar .pos-sidebar .pos-sidebar-header {
    border-radius: 0
}

@media (min-width: 992px) {
    .pos {
        height: 100%;
        display: flex
    }
}

.pos .pos-menu {
    position: fixed;
    top: 0;
    z-index: 10
}

@media (min-width: 992px) {
    .pos .pos-menu {
        display: flex;
        width: 10rem;
        flex-direction: column;
        bottom: 0;
        left: 0;
        padding-left: .9375rem
    }
}

@media (max-width: 991.98px) {
    .pos .pos-menu {
        background: var(--bs-pos-bg);
        left: 0;
        right: 0;
        bottom: auto;
        border-bottom: 1px solid var(--bs-border-color)
    }
}

.pos .pos-menu .logo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .9375rem
}

@media (max-width: 991.98px) {
    .pos .pos-menu .logo {
        display: flex;
        padding: .46875rem .9375rem
    }
}

.pos .pos-menu .logo a {
    display: block;
    text-decoration: none;
    color: inherit
}

@media (max-width: 991.98px) {
    .pos .pos-menu .logo a {
        display: flex
    }
}

.pos .pos-menu .logo .logo-img {
    text-align: center;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.25rem
}

@media (max-width: 991.98px) {
    .pos .pos-menu .logo .logo-img {
        height: 30px;
        font-size: 1.125rem;
        margin-right: .46875rem
    }
}

.pos .pos-menu .logo .logo-text {
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: .234375rem
}

.pos .pos-menu .logo img {
    max-width: 100%;
    max-height: 100%
}

.pos .pos-menu .nav-container {
    flex: 1
}

@media (min-width: 992px) {
    .pos .pos-menu .nav-container {
        overflow: hidden;
        padding: 0
    }
}

.pos .pos-menu .nav.nav-tabs {
    margin: 0;
    padding: 0;
    display: block;
    border: 0
}

@media (max-width: 991.98px) {
    .pos .pos-menu .nav.nav-tabs {
        display: flex;
        flex-wrap: nowrap;
        padding: 0 .9375rem;
        overflow: scroll;
        border-top: 1px solid var(--bs-border-color)
    }
}

.pos .pos-menu .nav.nav-tabs .nav-item {
    padding: .328125rem .9375rem
}

@media (max-width: 991.98px) {
    .pos .pos-menu .nav.nav-tabs .nav-item {
        padding: .46875rem 0
    }

        .pos .pos-menu .nav.nav-tabs .nav-item + .nav-item {
            margin-left: .46875rem
        }
}

.pos .pos-menu .nav.nav-tabs .nav-item .nav-link {
    position: relative;
    padding: .703125rem;
    white-space: nowrap;
    text-align: center;
    color: var(--bs-component-color);
    font-size: .75rem;
    font-weight: 500;
    border-radius: 6px;
    background: var(--bs-component-bg)
}

@media (max-width: 991.98px) {
    .pos .pos-menu .nav.nav-tabs .nav-item .nav-link {
        display: flex;
        align-items: center;
        padding: .46875rem .9375rem;
        border-radius: 4px
    }
}

.pos .pos-menu .nav.nav-tabs .nav-item .nav-link .nav-icon {
    display: block;
    margin: 0 auto;
    font-size: 24px;
    color: rgba(var(--bs-component-color-rgb),.25)
}

@media (max-width: 991.98px) {
    .pos .pos-menu .nav.nav-tabs .nav-item .nav-link .nav-icon {
        font-size: .9rem;
        margin: 0;
        margin-right: .46875rem
    }
}

.pos .pos-menu .nav.nav-tabs .nav-item .nav-link .nav-text {
    font-weight: 600
}

.pos .pos-menu .nav.nav-tabs .nav-item .nav-link:hover .nav-icon {
    color: rgba(var(--bs-component-color-rgb),.75)
}

.pos .pos-menu .nav.nav-tabs .nav-item .nav-link.active {
    color: var(--bs-component-bg);
    background: var(--bs-component-color)
}

    .pos .pos-menu .nav.nav-tabs .nav-item .nav-link.active .nav-icon {
        color: inherit
    }

.pos .pos-content {
    flex: 1
}

    .pos .pos-content .pos-content-container {
        padding: .9375rem
    }

.pos .product-row {
    padding: 0;
    margin: -.703125rem;
    display: flex;
    flex-wrap: wrap
}

    .pos .product-row .product-container {
        padding: .703125rem;
        width: 100%
    }

@media (min-width: 576px) {
    .pos .product-row .product-container {
        width: 50%
    }
}

@media (min-width: 768px) {
    .pos .product-row .product-container {
        width: 33.33%
    }
}

@media (min-width: 992px) {
    .pos .product-row .product-container {
        width: 50%
    }
}

@media (min-width: 1200px) {
    .pos .product-row .product-container {
        width: 33.33%
    }
}

@media (min-width: 1800px) {
    .pos .product-row .product-container {
        width: 25%
    }
}

.pos .product-row .product-container .product {
    height: 100%
}

.pos .product {
    background: var(--bs-component-bg);
    color: var(--bs-component-color);
    display: block;
    margin: 0;
    text-decoration: none;
    overflow: hidden;
    position: relative;
    border-radius: 6px;
    transition: all .2s linear;
    display: flex;
    flex-direction: column
}

    .pos .product:hover {
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)
    }

    .pos .product .img {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        min-height: 180px;
        transition: all .2s linear
    }

    .pos .product .text {
        flex: 1;
        display: flex;
        flex-direction: column;
        padding: .703125rem .9375rem
    }

        .pos .product .text .title {
            font-size: .875rem;
            font-weight: 600;
            color: var(--bs-component-color);
            margin: 0 0 2px
        }

        .pos .product .text .desc {
            color: #adb5bd;
            font-weight: 600;
            margin: 0 0 .9375rem;
            line-height: 1.4;
            flex: 1
        }

        .pos .product .text .price {
            margin: 0;
            font-weight: 600;
            color: var(--bs-component-color);
            font-size: .875rem
        }

    .pos .product.not-available {
        cursor: not-allowed;
        box-shadow: none !important
    }

        .pos .product.not-available .img, .pos .product.not-available .text {
            opacity: .65
        }

        .pos .product.not-available .not-available-text {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            min-height: 180px;
            background: rgba(73,80,87,.75);
            color: #fff;
            font-size: 1.5rem;
            display: flex;
            align-items: center;
            justify-content: center
        }

.pos .pos-task-row .pos-task {
    border-bottom: 1px solid var(--bs-component-border-color)
}

@media (min-width: 768px) {
    .pos .pos-task-row .pos-task {
        display: flex
    }
}

.pos .pos-task-row .pos-task .pos-task-info {
    width: 30%;
    padding: 25px;
    text-align: right
}

@media (max-width: 767.98px) {
    .pos .pos-task-row .pos-task .pos-task-info {
        width: auto;
        position: relative;
        text-align: left
    }
}

.pos .pos-task-row .pos-task .pos-task-info .table-no {
    font-size: 24px
}

.pos .pos-task-row .pos-task .pos-task-info .order-type {
    font-size: 14px
}

.pos .pos-task-row .pos-task .pos-task-info .order-no {
    margin-bottom: 5px
}

.pos .pos-task-row .pos-task .pos-task-info .time-pass {
    font-size: 16px;
    font-weight: 600;
    margin-top: 25px
}

@media (max-width: 767.98px) {
    .pos .pos-task-row .pos-task .pos-task-info .time-pass {
        position: absolute;
        top: 0;
        margin: 0;
        padding: 25px;
        right: 0
    }
}

.pos .pos-task-row .pos-task .pos-task-body {
    padding: 25px;
    flex: 1;
    border-left: 1px solid var(--bs-component-border-color)
}

@media (max-width: 767.98px) {
    .pos .pos-task-row .pos-task .pos-task-body {
        border-left: none;
        padding-top: 0
    }
}

.pos .pos-task-row .pos-task .pos-task-body .pos-task-completed {
    font-size: 16px;
    line-height: 36px
}

@media (max-width: 767.98px) {
    .pos .pos-task-row .pos-task .pos-task-body .pos-task-completed {
        border-top: 1px solid var(--bs-component-border-color);
        margin-top: -10px;
        padding-top: 10px
    }
}

.pos .pos-task-row .pos-task .pos-task-body .pos-task-product-row {
    margin: 0 -10px -20px;
    display: flex;
    flex-wrap: wrap
}

    .pos .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product {
        width: 25%;
        margin-bottom: 20px;
        padding-left: 10px;
        padding-right: 10px;
        flex: 0 0 25%;
        display: flex;
        flex-direction: column
    }

@media (max-width: 991.98px) {
    .pos .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product {
        width: 33.33%;
        flex: 0 0 33.33%
    }
}

@media (max-width: 575.98px) {
    .pos .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product {
        width: 100%;
        flex: 0 0 100%
    }
}

.pos .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-img {
    padding-top: 75%;
    position: relative;
    margin-bottom: 10px
}

    .pos .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-img .cover {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 6px
    }

    .pos .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-img .caption {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(108,117,125,.75);
        color: #fff;
        font-size: 24px;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center
    }

.pos .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-info {
    display: flex;
    flex: 1
}

    .pos .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-info .info {
        flex: 1
    }

        .pos .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-info .info .title {
            font-size: 16px;
            font-weight: 600
        }

            .pos .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-info .info .title + .desc {
                padding-top: 3px
            }

        .pos .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-info .info .desc {
            font-size: .75rem;
            font-weight: 600;
            color: rgba(var(--bs-component-color-rgb),.5)
        }

    .pos .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-info .qty {
        font-size: 18px;
        font-weight: 600
    }

.pos .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-action {
    padding-top: 10px
}

    .pos .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-action .btn {
        display: block;
        font-weight: 600;
        font-size: 14px
    }

        .pos .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-action .btn + .btn {
            margin-top: 10px
        }

.pos .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product.completed .pos-task-product-info {
    opacity: .75
}

.pos .pos-sidebar {
    width: calc(22.5rem - 1.875rem);
    height: 100%;
    display: flex;
    flex-direction: column;
    flex: 0 0 22.5rem;
    background: var(--bs-pos-sidebar-bg);
    color: var(--bs-body-color)
}

@media (min-width: 992px) {
    .pos .pos-sidebar {
        position: fixed;
        top: 0;
        bottom: 0;
        height: calc(100% - 1.875rem);
        margin: .9375rem;
        border-radius: 6px;
        right: 0
    }
}

@media (max-width: 991.98px) {
    .pos .pos-sidebar {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: auto;
        z-index: 1021;
        display: none
    }
}

.pos .pos-sidebar .pos-sidebar-header {
    padding: .703125rem .9375rem;
    background: var(--bs-pos-sidebar-header-bg);
    color: var(--bs-pos-sidebar-header-color);
    position: relative;
    display: flex;
    align-items: center
}

@media (min-width: 992px) {
    .pos .pos-sidebar .pos-sidebar-header {
        border-radius: 6px 6px 0 0
    }
}

.pos .pos-sidebar .pos-sidebar-header .back-btn {
    width: 44px;
    margin-top: -.703125rem;
    margin-bottom: -.703125rem;
    height: 44px;
    border: none;
    background: var(--bs-pos-sidebar-header-back-btn-bg);
    display: none;
    margin-left: -.9375rem;
    margin-right: .9375rem
}

@media (max-width: 991.98px) {
    .pos .pos-sidebar .pos-sidebar-header .back-btn {
        display: block
    }
}

.pos .pos-sidebar .pos-sidebar-header .back-btn .btn {
    color: #fff;
    padding: 0;
    width: 100%;
    height: 100%
}

    .pos .pos-sidebar .pos-sidebar-header .back-btn .btn svg {
        width: 20px
    }

.pos .pos-sidebar .pos-sidebar-header .icon img {
    height: 30px
}

.pos .pos-sidebar .pos-sidebar-header .icon i {
    font-size: 1.125rem;
    margin: -10px 0;
    display: block;
    opacity: .5
}

.pos .pos-sidebar .pos-sidebar-header .icon + .title {
    padding-left: .703125rem
}

.pos .pos-sidebar .pos-sidebar-header .title {
    font-size: 14px;
    font-weight: 600;
    flex: 1
}

.pos .pos-sidebar .pos-sidebar-header .order {
    display: block;
    font-size: 12px;
    background: var(--bs-app-theme);
    color: var(--bs-app-theme-color);
    padding: 2px 6px;
    border-radius: 4px
}

.pos .pos-sidebar .pos-sidebar-nav .nav.nav-tabs {
    padding: 0
}

    .pos .pos-sidebar .pos-sidebar-nav .nav.nav-tabs .nav-item {
        padding: 0
    }

        .pos .pos-sidebar .pos-sidebar-nav .nav.nav-tabs .nav-item .nav-link {
            padding: 12px 15px;
            font-size: 13px;
            background: var(--bs-pos-sidebar-header-nav-link-bg);
            color: var(--bs-pos-sidebar-header-nav-link-color);
            border: none;
            border-radius: 0
        }

            .pos .pos-sidebar .pos-sidebar-nav .nav.nav-tabs .nav-item .nav-link.active {
                color: var(--bs-pos-sidebar-header-nav-link-active-color);
                background: var(--bs-pos-sidebar-header-nav-link-active-bg)
            }

.pos .pos-sidebar .pos-sidebar-body {
    padding: 0;
    margin: 0;
    overflow: scroll;
    flex: 1
}

    .pos .pos-sidebar .pos-sidebar-body .pos-table {
        padding: 0 1.265625rem
    }

        .pos .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row {
            padding: 1.265625rem 0;
            margin: 0;
            position: relative
        }

            .pos .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row + .pos-table-row {
                border-top: 1px solid var(--bs-pos-sidebar-product-border-color)
            }

            .pos .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div {
                padding: 0
            }

                .pos .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .input-group.qty {
                    width: 85px;
                    margin-top: 10px;
                    align-items: center
                }

                    .pos .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .input-group.qty .form-control {
                        margin: 0;
                        background: 0 0;
                        border: 0;
                        padding: 0;
                        text-align: center;
                        line-height: 1;
                        height: 26px;
                        font-weight: 600
                    }

                    .pos .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .input-group.qty .btn {
                        padding: 0;
                        border: none;
                        width: 26px;
                        height: 26px;
                        display: flex;
                        align-items: center;
                        justify-content: center
                    }

                .pos .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .price {
                    font-size: .875rem;
                    font-weight: 600
                }

                .pos .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div.total-price {
                    font-size: .875rem;
                    font-weight: 600;
                    text-align: right
                }

                .pos .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div a {
                    display: inline-block
                }

                .pos .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .pos-product-thumb {
                    display: flex
                }

                    .pos .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .pos-product-thumb .img {
                        width: 60px;
                        height: 60px;
                        background-size: cover;
                        background-position: center;
                        background-repeat: no-repeat;
                        border-radius: 6px
                    }

                        .pos .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .pos-product-thumb .img + .info {
                            flex: 1;
                            padding-left: 15px
                        }

                    .pos .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .pos-product-thumb .info {
                        flex: 1
                    }

                        .pos .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .pos-product-thumb .info .title {
                            font-weight: 600;
                            font-size: 14px
                        }

                        .pos .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .pos-product-thumb .info .single-price {
                            font-weight: 600;
                            color: var(--bs-component-color)
                        }

            .pos .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row .pos-remove-confirmation {
                position: absolute;
                top: .46875rem;
                left: -.65625rem;
                right: -.65625rem;
                bottom: .46875rem;
                max-width: initial;
                width: auto;
                border-radius: var(--bs-border-radius-lg);
                background: var(--bs-pos-sidebar-product-confirmation-bg);
                font-size: .875rem;
                font-weight: 600;
                z-index: 10;
                padding: 1.265625rem;
                display: flex;
                align-items: center
            }

.pos .pos-sidebar .pos-sidebar-footer {
    background: var(--bs-pos-sidebar-footer-bg);
    color: var(--bs-pos-sidebar-footer-color);
    position: relative;
    overflow: hidden;
    padding: .9375rem .9375rem
}

@media (min-width: 992px) {
    .pos .pos-sidebar .pos-sidebar-footer {
        border-radius: 0 0 6px 6px
    }
}

.pos .pos-sidebar .pos-order {
    padding: 1.40625rem;
    position: relative;
    display: flex
}

    .pos .pos-sidebar .pos-order .pos-order-product {
        display: flex;
        flex: 1
    }

        .pos .pos-sidebar .pos-order .pos-order-product .img {
            width: 72px;
            height: 72px;
            background-position: center;
            background-size: cover
        }

        .pos .pos-sidebar .pos-order .pos-order-product > * + * {
            margin-left: .9375rem
        }

    .pos .pos-sidebar .pos-order > * + * {
        margin-left: .9375rem
    }

    .pos .pos-sidebar .pos-order .pos-order-confirmation {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 10;
        background: rgba(var(--bs-body-bg-rgb),.97);
        padding: .9375rem;
        margin: 0
    }

        .pos .pos-sidebar .pos-order .pos-order-confirmation > * {
            position: relative
        }

        .pos .pos-sidebar .pos-order .pos-order-confirmation .btn {
            min-width: 60px
        }

    .pos .pos-sidebar .pos-order + .pos-order {
        border-top: 1px solid var(--bs-border-color)
    }

.pos .pos-header {
    background: var(--bs-component-bg);
    padding: .61875rem 1.640625rem;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1020;
    height: 50px;
    display: flex;
    align-items: center
}

    .pos .pos-header .logo, .pos .pos-header .nav, .pos .pos-header .time {
        width: 33.33%
    }

@media (max-width: 767.98px) {
    .pos .pos-header .logo, .pos .pos-header .nav, .pos .pos-header .time {
        width: 50%
    }
}

.pos .pos-header .logo {
    display: flex
}

    .pos .pos-header .logo > a, .pos .pos-header .logo > div {
        text-align: center;
        color: var(--bs-component-color);
        text-decoration: none;
        display: flex;
        align-items: center
    }

        .pos .pos-header .logo > a .logo-img img, .pos .pos-header .logo > div .logo-img img {
            height: 32px
        }

.dark-mode .pos .pos-header .logo > a .logo-img img, .dark-mode .pos .pos-header .logo > div .logo-img img {
    filter: invert(1)
}

.pos .pos-header .logo > a .logo-text, .pos .pos-header .logo > div .logo-text {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    margin-left: 15px
}

.pos .pos-header .time {
    font-weight: 600;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 767.98px) {
    .pos .pos-header .time {
        display: none
    }
}

.pos .pos-header .nav {
    align-items: center;
    justify-content: flex-end
}

    .pos .pos-header .nav .nav-item .nav-link {
        padding: .3121875rem .9375rem
    }

@media (max-width: 767.98px) {
    .pos .pos-header .nav .nav-item .nav-link {
        padding: .3121875rem .61875rem
    }
}

.pos .pos-header .nav .nav-item .nav-link .nav-icon {
    margin: -1px 0;
    height: 20px;
    font-size: 20px;
    color: var(--bs-component-color);
    display: flex;
    align-items: center;
    justify-content: center
}

.pos .pos-header .nav .nav-item .nav-link:focus, .pos .pos-header .nav .nav-item .nav-link:hover {
    opacity: .75
}

.pos .pos-table-booking {
    display: block;
    margin-bottom: 1.171875rem;
    text-decoration: none
}

    .pos .pos-table-booking .pos-table-booking-container {
        background: #2d353c;
        color: #fff;
        border-radius: 6px;
        transition: box-shadow .1s linear
    }

        .pos .pos-table-booking .pos-table-booking-container:hover {
            box-shadow: 0 0 0 5px rgba(45,53,60,.5)
        }

        .pos .pos-table-booking .pos-table-booking-container .pos-table-booking-header {
            padding: .9375rem
        }

            .pos .pos-table-booking .pos-table-booking-container .pos-table-booking-header .title {
                font-weight: 600;
                color: #adb5bd
            }

            .pos .pos-table-booking .pos-table-booking-container .pos-table-booking-header .no {
                font-size: 2.1875rem;
                font-weight: 600
            }

            .pos .pos-table-booking .pos-table-booking-container .pos-table-booking-header .desc {
                font-weight: 600;
                color: #adb5bd
            }

        .pos .pos-table-booking .pos-table-booking-container .pos-table-booking-body {
            background: #495057;
            border-bottom-left-radius: 6px;
            border-bottom-right-radius: 6px
        }

            .pos .pos-table-booking .pos-table-booking-container .pos-table-booking-body .booking {
                font-size: .6875rem;
                padding: .3121875rem .9375rem;
                display: flex
            }

                .pos .pos-table-booking .pos-table-booking-container .pos-table-booking-body .booking .time {
                    width: 60px;
                    font-weight: 600;
                    color: #dee2e6
                }

                .pos .pos-table-booking .pos-table-booking-container .pos-table-booking-body .booking .info {
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    flex: 1
                }

                .pos .pos-table-booking .pos-table-booking-container .pos-table-booking-body .booking .status {
                    font-size: 6px;
                    color: #adb5bd;
                    display: flex;
                    align-items: center;
                    padding-left: .9375rem
                }

                    .pos .pos-table-booking .pos-table-booking-container .pos-table-booking-body .booking .status.upcoming {
                        color: #f59c1a
                    }

                    .pos .pos-table-booking .pos-table-booking-container .pos-table-booking-body .booking .status.in-progress {
                        color: #00acac
                    }

                .pos .pos-table-booking .pos-table-booking-container .pos-table-booking-body .booking.highlight {
                    background: #2d353c
                }

                .pos .pos-table-booking .pos-table-booking-container .pos-table-booking-body .booking + .booking {
                    border-top: 1px solid #2d353c
                }

.pos .pos-table-row {
    margin: -.46875rem;
    display: flex;
    flex-wrap: wrap
}

    .pos .pos-table-row .pos-table {
        padding: .46875rem;
        margin: 0;
        height: 100%;
        width: 25%;
        flex: 0 0 25%
    }

@media (max-width: 1199.98px) {
    .pos .pos-table-row .pos-table {
        width: 33.33%;
        flex: 0 0 33.33%
    }
}

@media (max-width: 767.98px) {
    .pos .pos-table-row .pos-table {
        width: 50%;
        flex: 0 0 50%
    }
}

.pos .pos-table-row .pos-table .pos-table-container {
    background: var(--bs-component-bg);
    color: var(--bs-component-color);
    display: block;
    height: 100%;
    text-decoration: none;
    font-weight: 600;
    position: relative;
    transition: all .1s linear;
    border-radius: 6px;
    overflow: hidden
}

    .pos .pos-table-row .pos-table .pos-table-container .pos-table-status {
        position: absolute;
        top: 5px;
        right: 5px;
        background: var(--bs-component-bg);
        width: 8px;
        height: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%
    }

        .pos .pos-table-row .pos-table .pos-table-container .pos-table-status i {
            font-size: 8px
        }

    .pos .pos-table-row .pos-table .pos-table-container .pos-table-name {
        text-align: center;
        padding: 15px;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        transition: all .1s linear
    }

        .pos .pos-table-row .pos-table .pos-table-container .pos-table-name .name {
            font-size: .875rem
        }

        .pos .pos-table-row .pos-table .pos-table-container .pos-table-name .no {
            font-size: 32px;
            margin-bottom: -4px
        }

        .pos .pos-table-row .pos-table .pos-table-container .pos-table-name .order {
            opacity: .5
        }

        .pos .pos-table-row .pos-table .pos-table-container .pos-table-name > * {
            padding: 0
        }

    .pos .pos-table-row .pos-table .pos-table-container .pos-table-info-row {
        margin: 0 -1px 0 0;
        color: var(--bs-component-color);
        display: flex
    }

        .pos .pos-table-row .pos-table .pos-table-container .pos-table-info-row .pos-table-info-col {
            width: 50%;
            padding: 1px 1px 0 0;
            margin: 0 auto;
            flex: 0 0 50%
        }

            .pos .pos-table-row .pos-table .pos-table-container .pos-table-info-row .pos-table-info-col .pos-table-info-container {
                height: 100%;
                background: var(--bs-component-disabled-bg);
                padding: 2px 5px;
                display: flex;
                align-items: center
            }

        .pos .pos-table-row .pos-table .pos-table-container .pos-table-info-row .icon {
            width: 24px;
            height: 24px;
            display: flex;
            align-items: center;
            justify-content: center
        }

            .pos .pos-table-row .pos-table .pos-table-container .pos-table-info-row .icon + .text {
                margin-left: 2px
            }

        .pos .pos-table-row .pos-table .pos-table-container .pos-table-info-row .text {
            font-weight: 600;
            flex: 1
        }

        .pos .pos-table-row .pos-table .pos-table-container .pos-table-info-row + .pos-table-col-info {
            border-top: 1px solid #f8f9fa
        }

    .pos .pos-table-row .pos-table .pos-table-container + .pos-table-col {
        border-left: 1px solid #f8f9fa
    }

.pos .pos-table-row .pos-table.selected:not(.disabled) .pos-table-container:before {
    content: "";
    position: absolute;
    top: 0;
    border: 20px solid var(--bs-app-theme);
    border-bottom-color: transparent;
    left: 0;
    border-right-color: transparent
}

.pos .pos-table-row .pos-table.selected:not(.disabled) .pos-table-container:after {
    content: "\f00c";
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    color: var(--bs-app-theme-color);
    font-size: 14px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Font Awesome\ 6 Free,Font Awesome\ 6 Pro,FontAwesome !important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto
}

.pos .pos-table-row .pos-table.disabled .pos-table-container {
    cursor: not-allowed;
    color: rgba(var(--bs-component-color-rgb),.35)
}

    .pos .pos-table-row .pos-table.disabled .pos-table-container .pos-table-status {
        background: var(--bs-component-disabled-bg)
    }

    .pos .pos-table-row .pos-table.disabled .pos-table-container .pos-table-info-row {
        opacity: .25
    }

.pos .pos-table-row .pos-table.available .pos-table-container {
    cursor: not-allowed
}

    .pos .pos-table-row .pos-table.available .pos-table-container .pos-table-status {
        background: var(--bs-app-theme)
    }

    .pos .pos-table-row .pos-table.available .pos-table-container .pos-table-info-row {
        color: transparent
    }

.pos .pos-table-row .pos-table.in-use .pos-table-container .pos-table-status {
    background: var(--bs-warning)
}

.pos .pos-stock-product {
    height: 100%;
    padding: .46875rem
}

    .pos .pos-stock-product .pos-stock-product-container {
        background: var(--bs-component-bg);
        height: 100%;
        overflow: hidden;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
        border-radius: 6px
    }

        .pos .pos-stock-product .pos-stock-product-container .product {
            height: 100%;
            display: flex;
            flex-direction: column
        }

            .pos .pos-stock-product .pos-stock-product-container .product .product-img .img {
                padding-top: 75%;
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat
            }

@media (max-width: 767.98px) {
    .pos .pos-stock-product .pos-stock-product-container .product .product-img .img {
        padding-top: 56.25%
    }
}

.pos .pos-stock-product .pos-stock-product-container .product .product-info {
    padding: .9375rem 1.171875rem;
    flex: 1
}

    .pos .pos-stock-product .pos-stock-product-container .product .product-info .title {
        font-size: .875rem;
        font-weight: 600
    }

    .pos .pos-stock-product .pos-stock-product-container .product .product-info .desc {
        color: rgba(var(--bs-component-color-rgb),.5);
        margin-bottom: .9375rem
    }

.pos .pos-stock-product .pos-stock-product-container .product .product-option {
    margin: 0 0 .3121875rem
}

    .pos .pos-stock-product .pos-stock-product-container .product .product-option .option {
        padding: 0;
        flex: 1;
        display: flex;
        align-items: center
    }

        .pos .pos-stock-product .pos-stock-product-container .product .product-option .option .option-label {
            font-weight: 600;
            width: 90px;
            padding-right: .61875rem
        }

        .pos .pos-stock-product .pos-stock-product-container .product .product-option .option .option-input {
            flex: 1
        }

            .pos .pos-stock-product .pos-stock-product-container .product .product-option .option .option-input .form-control {
                padding: .234375rem .61875rem
            }

            .pos .pos-stock-product .pos-stock-product-container .product .product-option .option .option-input .form-switch .form-check-input:checked {
                background-color: #00acac;
                border-color: #00acac
            }

        .pos .pos-stock-product .pos-stock-product-container .product .product-option .option + .option {
            padding-top: .9375rem
        }

.pos .pos-stock-product .pos-stock-product-container .product .product-action {
    display: flex
}

    .pos .pos-stock-product .pos-stock-product-container .product .product-action .btn {
        padding: .703125rem 0;
        flex: 1;
        border-radius: 0
    }

@media (max-width: 991.98px) {
    .pos.pos-sidebar-mobile-toggled .pos-sidebar {
        display: flex
    }
}

[data-bs-theme=dark], [data-bs-theme=dark] .pos {
    --bs-pos-sidebar-bg: #2d353c;
    --bs-pos-sidebar-header-bg: #495057;
    --bs-pos-sidebar-header-color: #FFFFFF;
    --bs-pos-sidebar-header-back-btn-bg: #495057;
    --bs-pos-sidebar-header-nav-link-bg: #20252a;
    --bs-pos-sidebar-header-nav-link-color: #6c757d;
    --bs-pos-sidebar-header-nav-link-active-bg: #2d353c;
    --bs-pos-sidebar-header-nav-link-active-color: #FFFFFF;
    --bs-pos-sidebar-footer-bg: #495057;
    --bs-pos-sidebar-footer-color: #FFFFFF;
    --bs-pos-sidebar-product-border-color: #6c757d;
    --bs-pos-sidebar-product-confirmation-bg: rgba(45, 53, 60, 0.95)
}

.pos-mobile-sidebar-toggler {
    position: fixed;
    bottom: 60px;
    right: 12px;
    z-index: 1020;
    background: var(--bs-component-color);
    padding: 10px;
    width: 60px;
    height: 60px;
    text-decoration: none;
    color: var(--bs-component-bg);
    display: none;
    border-radius: 50px;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
    align-items: center;
    justify-content: center
}

@media (max-width: 991.98px) {
    .pos-mobile-sidebar-toggler {
        display: flex
    }
}

.pos-mobile-sidebar-toggler:hover {
    color: #6c757d
}

.pos-mobile-sidebar-toggler .img {
    width: 32px;
    height: 32px;
    display: block;
    margin: 0 auto
}

.pos-mobile-sidebar-toggler .badge {
    position: absolute;
    right: 0;
    top: 0;
    background-color: var(--bs-app-theme);
    color: var(--bs-app-theme-color);
    width: 20px;
    height: 20px;
    font-size: .875rem;
    font-weight: 600;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px
}

.modal.modal-pos .close {
    position: absolute;
    top: 25px;
    z-index: 10;
    right: 25px
}

@media (min-width: 992px) {
    .modal.modal-pos .modal-pos-product {
        display: flex
    }

        .modal.modal-pos .modal-pos-product .modal-pos-product-img, .modal.modal-pos .modal-pos-product .modal-pos-product-info {
            width: 50%;
            max-width: 50%;
            flex: 0 0 50%
        }
}

@media (min-width: 992px) {
    .modal.modal-pos .modal-pos-product .modal-pos-product-img {
        padding-right: .9375rem
    }
}

@media (max-width: 991.98px) {
    .modal.modal-pos .modal-pos-product .modal-pos-product-img {
        padding-bottom: 0
    }
}

.modal.modal-pos .modal-pos-product .modal-pos-product-img .img {
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 250px;
    border-radius: var(--bs-border-radius-lg)
}

@media (min-width: 992px) {
    .modal.modal-pos .modal-pos-product .modal-pos-product-img .img {
        min-height: 300px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
}

@media (max-width: 991.98px) {
    .modal.modal-pos .modal-pos-product .modal-pos-product-img .img {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
}

.modal.modal-pos .modal-pos-product .modal-pos-product-info {
    padding: 1.40625rem
}

@media (min-width: 992px) {
    .modal.modal-pos .modal-pos-product .modal-pos-product-info {
        padding-left: .9375rem
    }
}

.modal.modal-pos .modal-pos-product .modal-pos-product-info .option-list {
    margin: -.3121875rem;
    padding: .3121875rem 0;
    display: flex;
    flex-wrap: wrap
}

    .modal.modal-pos .modal-pos-product .modal-pos-product-info .option-list .option {
        width: 33.33%;
        max-width: 33.33%;
        padding: .3121875rem;
        flex: 0 0 33.33%
    }

        .modal.modal-pos .modal-pos-product .modal-pos-product-info .option-list .option .option-input {
            display: none
        }

            .modal.modal-pos .modal-pos-product .modal-pos-product-info .option-list .option .option-input:checked + .option-label {
                color: var(--bs-body-color);
                border: 2px solid var(--bs-body-color);
                padding: 9px 7px
            }

                .modal.modal-pos .modal-pos-product .modal-pos-product-info .option-list .option .option-input:checked + .option-label .option-text {
                    color: var(--bs-body-color)
                }

        .modal.modal-pos .modal-pos-product .modal-pos-product-info .option-list .option .option-label {
            border: 1px solid var(--bs-border-color);
            padding: 10px 8px;
            height: 100%;
            border-radius: var(--bs-border-radius-lg);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center
        }

            .modal.modal-pos .modal-pos-product .modal-pos-product-info .option-list .option .option-label .option-text {
                display: block;
                line-height: 1.2;
                font-weight: 600;
                color: rgba(var(--bs-body-color-rgb),.5);
                text-align: center
            }

            .modal.modal-pos .modal-pos-product .modal-pos-product-info .option-list .option .option-label .option-price {
                font-weight: 600;
                margin-top: .234375rem;
                line-height: 1.2;
                font-size: .875rem
            }
.modal-booking .status.upcoming {
    color: #f59c1a;
}
.modal-booking .status.in-progress {
    color: #00acac;
}

.disp-scroll {
    overflow: auto;
    max-height: 80vh;
}
.bb {
    border-bottom: 1px solid #ddd;
}