@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");
:root {
    --primary-color: #1e41db;
    --primary30-color: #bbc6f4;
    --primary25-color: #c7cff6;
    --primary20-color: #d2d9f8;
    --primary15-color: #dde3fa;
    --primary10-color: #e8ecfb;
    --primary08-color: #edf0fc;
    --primary05-color: #f4f5fd;
    --primary03-color: #f8f9fe;
    --secondary-color: #060923;
    --secondary30-color: #b4b5bd;
    --secondary25-color: #c1c1c8;
    --secondary20-color: #cdced3;
    --secondary15-color: #dadade;
    --secondary10-color: #e6e6e9;
    --secondary08-color: #ebebed;
    --secondary05-color: #f3f3f4;
    --secondary03-color: #f8f8f8;
    --tertiary-color: #43cf37;
    --tertiary08-color: #f0fbef;
    --red-color: #ff404b;
    --red05-color: #fff5f6;
    --red08-color: #fff0f1;
    --hover-color: #1630a3;
    --hover-red-color: #bd2d34;
    --black-color: #151515;
    --black333-color: #333333;
    --black444-color: #444444;
    --black555-color: #555555;
    --black777-color: #777777;
    --black888-color: #888888;
    --white-color: #ffffff;
    --body-color: #f0f0f0;
    --running-bg-color: #DDECFD;
    --running-color: #195487;
    --bill-given-bg-color: #d9ffe1;
    --bill-given-color: #1a672a;
    --reserved-bg-color: #FBF3E0;
    --reserved-color: #6d5416;
    --font-size-14px: 14px;
    --line-height: 1.25;
    --activeEffect: scale(0.9);
    --boxShadow: 0px 8px 16px 0px rgb(0 0 0 / 15%);
    --transition: all 150ms ease-in-out;
    --ffOutfit: "Outfit", sans-serif;
}

*,
::after,
::before {
    box-sizing: border-box;
    letter-spacing: 0.4px;
}

body {
    margin: 0;
    padding: 0;
    font-size: var(--font-size-14px);
    font-weight: 400;
    font-family: var(--ffOutfit);
    background-color: var(--body-color);
}

a,
button {
    text-decoration: none;
    outline: none;
    transition: var(--transition);
}

a {
    color: var(--primary-color);
}

form {
    margin-bottom: 0;
}

input,
select,
textarea {
    width: 100%;
    outline: none;
    transition: var(--transition);
}

img {
    max-width: 100%;
    transition: var(--transition);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 400;
}

p {
    font-size: var(--font-size-14px);
    line-height: var(--line-height);
    color: var(--black-color);
}

p:last-child {
    margin-bottom: 0;
}

sub {
    bottom: 0.55px;
}

::selection {
    background-color: var(--secondary-color);
    color: var(--white-color);
}

textarea:is(:-webkit-autofill,
:autofill),
input:is(:-webkit-autofill,
:autofill) {
    transition: none;
    box-shadow: 0 0 0 300px var(--white-color) inset !important;
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path d="M945.81 876.16c8.96 9.6 14.08 21.76 14.08 35.2 0 13.44-5.12 24.96-14.08 34.56-9.6 8.96-21.76 14.08-34.56 14.08-13.44 0-25.6-5.12-34.56-14.08L511.894 581.76l-364.16 364.16c-4.48 4.48-10.24 7.68-16 10.24-5.76 2.56-12.16 3.84-18.56 3.84-10.24 0-19.2-2.56-27.52-8.32-7.68-5.12-14.08-12.8-17.92-21.76-3.84-8.96-4.48-19.2-2.56-28.16 1.92-9.6 6.4-18.56 12.8-25.6L442.133 512 77.973 147.84c-6.4-7.04-10.88-16-12.8-25.6-1.92-8.96-1.28-19.2 2.56-28.16s10.24-16.64 17.92-21.76c8.32-5.76 17.28-8.32 27.52-8.32 6.4 0 12.8 1.28 18.56 3.84 5.76 2.56 11.52 5.76 16 10.24l364.16 364.16L876.69 78.08C885.65 69.12 897.81 64 911.25 64c13.44 0 24.96 5.12 34.56 14.08 8.96 9.6 14.08 21.76 14.08 34.56 0 13.44-5.12 25.6-14.08 35.2L581.655 512 945.81 876.16z" fill="%23ff404b" /></svg>');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--font-size-14px);
    width: var(--font-size-14px);
    height: var(--font-size-14px);
    cursor: pointer;
    margin-left: 8px;
}

i[class="bb-icon"],
i[class^="bb-icon-"],
i[class*=" bb-icon-"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

[class="bb-icon"],
[class^="bb-icon-"],
[class*=" bb-icon-"],
[class="bb-icon"]::before,
[class^="bb-icon-"]::before,
[class*=" bb-icon-"]::before {
    vertical-align: middle;
}

i.bb-icon-veg {
    color: #0f8a65;
}

i.bb-icon-nonveg {
    color: #e43b4f;
}

i.bb-icon-egg {
    color: #FFA500;
}

i.bb-icon-whatsapp {
    color: #25D366;
}

input:disabled,
.flatpickr-input:disabled {
    cursor: not-allowed;
}

.spinner-grow-sm {
    --bs-spinner-width: var(--font-size-14px);
    --bs-spinner-height: var(--font-size-14px);
}

.fade {
    transition-duration: 50ms;
}

.row {
    margin-inline: -7.5px;
}

.row>* {
    padding-inline: 7.5px;
}

.bb-form-control[type="file"] {
    padding-top: 15px;
    cursor: pointer;
}

.bb-form-control[type="file"]::file-selector-button {
    cursor: pointer;
    background-color: var(--primary08-color);
    border: none;
    border-radius: 4px;
    color: var(--primary-color);
    padding: 3px 10px;
    margin-right: 10px;
    font-size: calc(var(--font-size-14px) - 2px);
}

.bb-hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.bb-scrollspy-nav.scrollable .scroll-arrow:active,
.pos-billing-item-card:not(.out-of-stock-card):active,
.pos-billing-order-collapse-btn:active,
.pos-billing-bill-btn-row>*:active,
.pos-billing-order-btn-row>*:active,
.back-btn:active,
.bb-sidebar-open-btn:active,
.bb-select-dropdown-btn-row>*:active,
.view-all-btn:active,
.wmy-group label:active,
.forgot-text:active,
.bb-header-icon-row>*:active,
.offcanvas-header .offcanvas-btn-close:active,
button.bb-circle-badge:active,
a.bb-circle-badge:active,
.bb-small-btn:active,
.bb-btn:active,
.bb-scrollspy-link:active,
.bb-tabs .nav-tabs .nav-link:active,
.bb-file-upload-view-card.removing,
.bb-file-upload-view-card.adding,
.bb-datatable-action-row>*:active,
button.bb-status:active,
a.bb-status:active,
.active-effect:active {
    transform: var(--activeEffect);
}

.bb-form-switch-input:focus-visible,
.bb-btn.bb-btn-text:focus-visible,
.bb-form-checkbox-input:focus-visible,
.bb-small-btn:focus-visible,
.bb-btn:focus-visible {
    outline: 1px solid var(--secondary-color);
    outline-offset: 2px;
}

.bb-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: var(--font-size-14px);
    font-weight: 400;
    line-height: 1;
    text-transform: capitalize;
    background-color: var(--primary-color);
    color: var(--white-color);
    border: 1px solid transparent;
    padding: 9px 20px;
    border-radius: 4px;
    min-width: 100px;
    min-height: 40px;
}

.bb-btn.text-none {
    text-transform: none;
}

.bb-btn-secondary {
    background-color: var(--secondary-color);
}

.bb-btn:hover {
    background-color: var(--hover-color);
}

.bb-btn.bb-btn-red {
    background-color: var(--red-color);
    border-color: var(--red-color);
}

.bb-btn.bb-btn-red:hover {
    background-color: var(--hover-red-color);
}

.bb-btn-border {
    background-color: transparent;
    border-color: currentColor;
    color: var(--primary-color);
}

.bb-btn-secondary-border {
    background-color: transparent;
    border-color: currentColor;
    color: var(--secondary-color);
}

.bb-btn-border.bb-btn-red {
    background-color: transparent;
    color: var(--red-color);
}

.bb-btn-secondary-border:hover,
.bb-btn-border.bb-btn-red:hover,
.bb-btn-border:hover {
    background-color: transparent;
    border-color: currentColor;
    color: var(--secondary-color);
}

.bb-btn.bb-btn-text {
    padding: 0;
    min-width: auto;
    background-color: transparent;
    border-radius: 0px;
    border: none;
    color: var(--primary-color);
    min-height: auto;
}

.bb-btn.bb-btn-text:hover {
    background-color: transparent;
    color: var(--secondary-color);
}

.bb-btn:disabled {
    pointer-events: none;
    opacity: .5;
}

.bb-btn>i {
    font-size: calc(var(--font-size-14px) - 2px);
}

.bb-small-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    font-size: calc(var(--font-size-14px) + 4px);
    line-height: 1;
    border-radius: 4px;
    background-color: transparent;
    color: var(--primary-color);
    border: none;
    padding: 0;
}

.bb-delete-btn {
    color: var(--red-color);
}

.bb-small-btn:hover {
    background-color: transparent;
    color: var(--hover-color);
}

.bb-delete-btn:hover {
    color: var(--hover-red-color);
}

table.dataTable input.dt-select-checkbox,
.bb-form-checkbox-input {
    appearance: none;
    -moz-appearance: none;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    background-color: transparent;
    border-radius: 2px;
    border: 1px solid var(--primary-color);
    margin: 0;
    background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.7211 1.96136C11.3499 1.58959 10.747 1.58982 10.3752 1.96136L4.31744 8.01936L1.62503 5.32696C1.25325 4.95518 0.650609 4.95518 0.278832 5.32696C-0.0929441 5.69874 -0.0929441 6.30138 0.278832 6.67316L3.6442 10.0385C3.82997 10.2243 4.07356 10.3174 4.31718 10.3174C4.5608 10.3174 4.80462 10.2245 4.99039 10.0385L11.7211 3.30753C12.093 2.93601 12.093 2.33312 11.7211 1.96136Z" fill="white"/></svg>');
    background-size: 0;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    transition: var(--transition);
    vertical-align: middle;
}

[type="radio"].bb-form-checkbox-input {
    border-radius: 50%;
    background-image: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="9" height="9" rx="4.5" fill="%231E41DB"/></svg>');
}

table.dataTable input.dt-select-checkbox:checked,
.bb-form-checkbox-input:checked {
    background-color: var(--primary-color);
    background-size: 10px;
}

table.dataTable input.dt-select-checkbox:checked.animate-checkbox,
.bb-form-checkbox-input:checked.animate-checkbox {
    animation: bbCheckboxAnimation 0.6s ease;
}

[type="radio"].bb-form-checkbox-input:checked {
    background-color: transparent;
}

.bb-form-label.black-color,
.bb-form-switch-input:checked+.bb-form-label,
.bb-form-checkbox-input:checked+.bb-form-label {
    color: var(--black-color);
}

.bb-form-switch .bb-form-label.cursor-default,
.bb-form-checkbox .bb-form-label.cursor-default {
    cursor: default;
}

.bb-form-checkbox-input:disabled,
.bb-form-checkbox .bb-form-label.disabled {
    opacity: .3;
    cursor: not-allowed;
}

@keyframes bbCheckboxAnimation {
    from {
        transform: scale(1);
    }
    30% {
        transform: scale(1.25);
    }
    40% {
        transform: scale(0.75);
    }
    50% {
        transform: scale(1.15);
    }
    65% {
        transform: scale(0.95);
    }
    75% {
        transform: scale(1.05);
    }
    to {
        transform: scale(1);
    }
}

.bb-form-switch-input {
    appearance: none;
    -moz-appearance: none;
    width: 35px;
    height: 20px;
    border-radius: 100px;
    background-color: var(--secondary20-color);
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="16" height="16" rx="8" fill="white"/></svg>');
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: left 2px center;
    cursor: pointer;
    transition-duration: 100ms;
}

.bb-form-switch-input:checked {
    background-color: var(--primary-color);
    background-position: right 2px center;
}

.bb-form-switch-input:disabled+.bb-form-label {
    cursor: not-allowed;
}

.bb-form-switch .bb-form-label,
.bb-form-checkbox .bb-form-label {
    padding: 0;
    margin: 0;
    cursor: pointer;
    user-select: none;
    background-color: transparent;
}

.bb-form-switch .bb-form-label+*,
.bb-form-checkbox .bb-form-label+* {
    margin-top: 0;
}

.bb-scrollspy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
}

.bb-scrollspy>* {
    width: 100%;
}

.bb-scrollspy-nav {
    position: sticky;
    top: -1px;
    z-index: 11;
}

.bb-scrollspy-nav.scrollable {
    background-color: var(--body-color);
    display: flex;
    align-items: center;
    gap: 5px;
}

.bb-scrollspy-nav.scrollable .scroll-arrow {
    background-color: var(--white-color);
    padding: 0;
    border: none;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    flex-shrink: 0;
    font-size: var(--font-size-14px);
    color: var(--primary-color);
}

.bb-scrollspy-nav.scrollable .scroll-arrow:hover {
    background-color: var(--primary-color);
    color: var(--white-color);
}

.bb-scrollspy-nav.scrollable .scroll-arrow.disable {
    opacity: .5;
    pointer-events: none;
}

.bb-scrollspy-nav ul {
    background-color: var(--white-color);
    display: flex;
    align-items: center;
    border-radius: 4px;
    overflow-x: auto;
    padding-left: 0;
    margin: 0;
    list-style-type: none;
    border-bottom: 1px solid var(--secondary10-color);
    flex-grow: 1;
}

.bb-tabs .nav-tabs {
    border-bottom-color: var(--secondary10-color);
    flex-wrap: nowrap;
    overflow-x: auto;
    border-radius: 8px 8px 0px 0px;
}

.bb-scrollspy-nav ul::-webkit-scrollbar,
.bb-tabs .nav-tabs::-webkit-scrollbar {
    display: none;
}

.bb-scrollspy-content {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.bb-scrollspy-link {
    display: flex;
    align-items: center;
}

.bb-scrollspy-link,
.bb-tabs .nav-tabs .nav-link {
    min-height: 49px;
    font-size: var(--font-size-14px);
    font-weight: 400;
    line-height: var(--line-height);
    text-align: center;
    padding: 8px 16px;
    color: var(--black333-color);
    position: relative;
    border: none;
    border-radius: 0px;
    white-space: nowrap;
    margin-bottom: 0;
    box-shadow: none;
    transition: var(--transition);
}

.bb-scrollspy-link:hover,
.bb-scrollspy-link.active,
.bb-tabs .nav-tabs .nav-link:hover,
.bb-tabs .nav-tabs .nav-link.active {
    color: var(--primary-color);
}

.bb-scrollspy-link:not(.active):focus {
    color: var(--black333-color);
}

.bb-tabs .nav-tabs .nav-link.active {
    pointer-events: none;
}

.bb-scrollspy-link::before,
.bb-tabs .nav-tabs .nav-link::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0%;
    height: 2px;
    background-color: transparent;
    transition: var(--transition);
}

.bb-scrollspy-link.active::before,
.bb-tabs .nav-tabs .nav-link.active::before {
    width: 100%;
    left: 0%;
    background-color: var(--primary-color);
}

.bb-scrollspy-link.disable,
.bb-tabs .nav-tabs .nav-link.disable {
    opacity: .5;
}

.bb-form-group {
    margin-bottom: 15px;
}

.bb-form-label {
    display: table;
    font-size: var(--font-size-14px);
    font-weight: 300;
    line-height: 1;
    color: var(--black555-color);
    background-color: var(--white-color);
    margin-inline: 10px;
    padding-inline: 5px;
    text-transform: capitalize;
    position: relative;
    z-index: 2;
}

.bb-form-label.bb-card-form-label {
    font-weight: 400;
    color: var(--black333-color);
    margin: 0;
    padding: 0;
    background-color: transparent;
}

.bb-form-label+* {
    margin-top: -7px;
}

.bb-form-label.bb-card-form-label+* {
    margin-top: 0;
}

.bb-form-control-card {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.ts-wrapper:focus-visible,
.ts-control:focus-visible,
.bb-form-control-card:focus-visible {
    outline: none;
}

.pn-form-control-card {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 15px;
    border: 1px solid var(--secondary20-color);
    border-radius: 4px;
    transition: var(--transition);
}

.bb-form-control-only.pn-form-control-card {
    padding: 0;
}

.pn-form-control-card.disabled {
    border-color: var(--secondary10-color);
    cursor: not-allowed;
}

.pn-form-control-card.disabled>.bb-form-control {
    cursor: not-allowed;
}

.pn-text {
    font-size: var(--font-size-14px);
    font-weight: 300;
    line-height: 1.3;
    color: var(--secondary-color);
    padding-inline: 15px;
    border-right: 1px solid var(--secondary20-color);
    transform: translateY(1px);
}

.pn-form-control-only .pn-text {
    transform: translateY(0);
}

.pn-form-control-card .bb-form-control {
    border: none;
    padding-left: 0;
    min-height: 48px;
}

input[type="number"].bb-number-input-js::-webkit-outer-spin-button,
input[type="number"].bb-number-input-js::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
    appearance: none;
}

.bb-select-css.single .ts-control {
    padding-block: 4px 1px;
}

.bb-form-control-only.bb-select-css.single .ts-control {
    padding-block: 4px;
}

.bb-select-css .ts-control>input {
    min-width: auto;
    width: auto;
    margin-inline: 0 !important;
}

.bb-select-css.has-items .ts-control>input {
    min-width: 1px !important;
}

.bb-select-css.multi.has-items .ts-control,
.bb-select-css .ts-control,
.bb-form-control {
    min-height: 50px;
    font-size: var(--font-size-14px);
    font-weight: 300;
    line-height: 1.3;
    color: var(--secondary-color);
    border-radius: 4px;
    border: 1px solid var(--secondary20-color);
    padding: 9.5px 15px 6.5px;
    background-color: var(--white-color);
    opacity: 1;
    display: flex;
    align-items: center;
}

textarea.bb-form-control {
    resize: none;
    height: 100px;
    padding-block: 15px;
    line-height: 1.5;
}

.bb-select-css .ts-control input {
    font-size: var(--font-size-14px);
    font-weight: 300;
    line-height: var(--line-height) !important;
}

.bb-form-control-only.multi.has-items .ts-control,
.bb-form-control-only .ts-control,
.bb-form-control-only {
    padding-block: 9.5px;
}

div.bb-form-control-only {
    padding: 4px 10px;
    line-height: 1.15;
}

.bb-select-css.bb-form-control-only {
    padding: 0;
}

.pn-form-control-card.focus,
.bb-select-css.multi.has-items.input-active .ts-control,
.bb-select-css.dropdown-active .ts-control,
.bb-form-control:focus {
    border-color: var(--secondary-color);
}

.bb-dropdown .bb-form-control {
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    width: 100%;
}

.bb-dropdown .bb-form-control i {
    font-size: calc(var(--font-size-14px) - 2px);
    color: var(--black777-color);
    transition: var(--transition);
}

.bb-dropdown .bb-form-control[aria-expanded="true"] i {
    transform: rotate(180deg);
    color: var(--black333-color);
}

.bb-select-css .ts-control {
    position: relative;
    padding-right: 35px !important;
}

.bb-select-css.bb-select-readonly .ts-control {
    pointer-events: none;
}

.bb-select-css.bb-select-readonly .ts-control,
.bb-select-css.disabled .ts-control {
    border-color: var(--secondary10-color);
    cursor: not-allowed !important;
}

.bb-select-css .ts-control::before {
    content: "\e04c";
    font-family: "billboox";
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    font-size: calc(var(--font-size-14px) - 2px);
    line-height: 1;
    color: var(--black777-color);
    transition: var(--transition);
}

.bb-select-css.bb-select-readonly .ts-control::before,
.bb-select-css.disabled .ts-control::before {
    content: "\e036";
    opacity: 0.6;
    font-size: var(--font-size-14px);
}

.bb-select-css.dropdown-active .ts-control::before {
    transform: translateY(-50%) rotate(180deg);
    color: var(--black333-color);
}

.ts-dropdown .optgroup:not(:last-child) {
    margin-bottom: 8px;
}

.ts-dropdown .optgroup-header {
    border-bottom: 1px solid var(--secondary08-color);
    padding: 7.5px 10px;
    font-weight: 500;
    color: var(--black-color);
    background-color: var(--white-color);
    font-size: var(--font-size-14px);
    position: sticky;
    top: -5px;
}

.bb-select-css.multi.has-items .ts-control {
    gap: 8px;
}

div.ts-wrapper.bb-select-css.multi .item {
    margin: 0;
    padding: 5px 8px !important;
    font-size: var(--font-size-14px);
    font-weight: 300;
    line-height: 1;
    color: var(--black-color);
    gap: 8px;
    display: flex;
    align-items: center;
    background-color: var(--primary05-color);
    border-radius: 3px;
}

.bb-select-css.multi .ts-control>div.active {
    background-color: var(--primary15-color);
}

div.ts-wrapper.bb-select-css.multi .item .remove {
    margin: 0;
    border: none;
    padding: 0;
    color: var(--primary-color);
    background-color: transparent;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12px;
    height: 12px;
}

div.ts-wrapper.bb-select-css.multi .item .remove i {
    margin-right: 0;
    line-height: 1;
    font-size: calc(var(--font-size-14px) - 4px);
}

div.ts-wrapper.bb-select-css.multi .item .remove:hover i {
    color: var(--hover-color);
}

.bb-dropdown .dropdown-menu,
.bb-select-css .ts-dropdown {
    overflow: hidden;
    border: 1px solid var(--secondary20-color);
    border-radius: 4px;
    box-shadow: var(--boxShadow);
    margin-top: 2px;
    padding: 0;
}

.bb-dropdown .dropdown-menu,
.bb-select-css .ts-dropdown-content {
    max-height: 250px;
    padding-block: 5px;
    overflow-y: auto;
}

.bb-select-dropdown-btn-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px;
    background-color: transparent;
    border-bottom: 1px solid var(--secondary10-color);
}

.bb-select-dropdown-btn-row>* {
    flex: 1 0 50px;
    border: none;
    border-radius: 3px;
    font-size: var(--font-size-14px);
    font-weight: 300;
    line-height: var(--line-height);
    color: var(--black-color);
    text-align: center;
    min-height: 32px;
    text-transform: capitalize;
    background-color: var(--primary10-color);
}

.bb-select-dropdown-btn-row>*:hover {
    background-color: var(--primary-color);
    color: var(--white-color);
}

.bb-dropdown .dropdown-item,
.bb-select-css .ts-dropdown .no-results,
.bb-select-css .ts-dropdown .create,
.bb-select-css .ts-control .item,
.bb-select-css .ts-dropdown .option {
    padding: 8px 15px;
    font-size: var(--font-size-14px);
    font-weight: 300;
    color: var(--black777-color);
    display: flex;
    align-items: center;
}

.bb-dropdown .dropdown-item {
    text-transform: capitalize;
}

.bb-select-css .ts-dropdown .create {
    background-color: var(--primary08-color) !important;
    gap: 5px;
    border-bottom: 1px solid var(--primary20-color);
}

.bb-select-css .ts-dropdown .create strong {
    font-weight: 600;
    color: var(--primary-color);
}

.bb-dropdown .dropdown-item:hover,
.bb-select-css .ts-dropdown .active {
    background-color: var(--primary05-color);
    color: var(--secondary-color);
}

.bb-select-css .ts-dropdown .selected {
    color: var(--primary-color);
}

.no-results,
.bb-select-css .ts-dropdown .no-results {
    color: var(--secondary-color);
    font-size: var(--font-size-14px);
    font-weight: 300;
    padding-block: 9.5px;
    text-transform: capitalize;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.bb-select-css .ts-dropdown .no-results {
    flex-direction: row;
    justify-content: flex-start;
    gap: 10px;
    padding-block: 15px;
}

.no-results img {
    width: 60px;
    object-fit: contain;
}

.bb-select-css .ts-dropdown .no-results img {
    width: 20px;
}

.no-results-with-loader,
.dt-empty .no-results {
    min-height: 180px;
}

.no-results-with-loader {
    background-image: url(../images/bb-loader.gif);
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: center;
}

.bb-empty-data-card {
    min-height: calc(100vh - 130px);
    padding: 20px;
}

.bb-empty-data-card>img {
    width: 85px;
}

.bb-empty-data-card>span {
    text-transform: none;
    font-size: calc(var(--font-size-14px) + 4px);
    margin-bottom: 20px;
    text-align: center;
    color: var(--black555-color);
}

.bb-empty-data-card>span>b {
    color: var(--black-color);
}

div.bb-form-control .bb-icon-veg,
div.bb-form-control .bb-icon-nonveg,
div.bb-form-control .bb-icon-egg,
.bb-select-css .ts-control .item i,
.bb-select-css .ts-dropdown .option i {
    margin-right: 8px;
    font-size: calc(var(--font-size-14px) - 2px);
}

.bb-select-css .ts-control .item {
    margin-right: 5px;
    padding: 0;
    color: var(--secondary-color);
    display: inline-flex;
    align-items: center;
}

.bb-select-span-css .ts-control .item {
    flex-direction: column;
    align-items: flex-start;
}

.bb-select-css .ts-dropdown [data-selectable] {
    display: block;
}

.bb-select-span-css .ts-dropdown [data-selectable] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    color: var(--black555-color);
}

.bb-select-span-css .ts-dropdown [data-selectable].selected,
.bb-select-span-css .ts-dropdown [data-selectable].active,
.bb-select-span-css .ts-dropdown [data-selectable]:hover {
    color: var(--black-color);
}

.bb-select-span-css .ts-control .item span,
.bb-select-span-css .ts-dropdown [data-selectable] span {
    text-transform: capitalize;
    font-size: calc(var(--font-size-14px) - 2px);
    color: var(--black888-color);
}

.bb-select-span-css .ts-control .item span b,
.bb-select-span-css .ts-dropdown [data-selectable] span b {
    font-weight: 400;
}

.bb-select-span-css .ts-control .item span b {
    color: var(--black-color);
}

.bb-select-span-css .ts-control .item span,
.bb-select-span-css .ts-dropdown [data-selectable].selected span,
.bb-select-span-css .ts-dropdown [data-selectable].active span,
.bb-select-span-css .ts-dropdown [data-selectable]:hover span {
    color: var(--black555-color);
}

.bb-select-css .ts-dropdown [data-selectable] .highlight {
    background-color: var(--primary15-color);
    color: var(--primary-color);
}

.bb-select-css .ts-control input::placeholder,
.bb-form-control::placeholder {
    text-transform: capitalize;
    opacity: 0.5;
}

.bb-form-control.bb-form-control-icon,
.bb-form-control-icon {
    padding-right: 40px;
}

.bb-form-icon {
    position: absolute;
    top: 18px;
    right: 15px;
    font-size: var(--font-size-14px);
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--black555-color);
    cursor: pointer;
}

.bb-form-icon.show-hide-password-btn {
    font-size: calc(var(--font-size-14px) + 2px);
}

div.bb-form-control-bg,
.bb-form-control-bg {
    padding-right: 40px;
    background-image: var(--formControlBg);
    background-size: var(--font-size-14px);
    background-position: right 15px center;
    background-repeat: no-repeat;
}

input:read-only.bb-form-control-bg:not(.flatpickr-input),
input:disabled.bb-form-control,
.pn-form-control-card.disable,
.bb-form-control-disable {
    --formControlBg: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 23.25C18.2058 23.25 23.25 18.2058 23.25 12C23.25 5.79419 18.2058 0.75 12 0.75C5.79419 0.75 0.75 5.79419 0.75 12C0.75 18.2058 5.79419 23.25 12 23.25ZM12 2.31977C17.3372 2.31977 21.6802 6.66279 21.6802 12C21.6802 17.3372 17.3372 21.6802 12 21.6802C6.66279 21.6802 2.31977 17.3372 2.31977 12C2.31977 6.66279 6.66279 2.31977 12 2.31977Z" fill="%23B4B5BD"/><path d="M19.4302 20.1104C19.629 20.1104 19.8279 20.0371 19.9848 19.8802C20.2883 19.5767 20.2883 19.0744 19.9848 18.7709L5.33368 4.11971C5.03019 3.81622 4.52787 3.81622 4.22438 4.11971C3.92089 4.42319 3.92089 4.92552 4.22438 5.22901L18.8755 19.8802C19.0325 20.0371 19.2314 20.1104 19.4302 20.1104Z" fill="%23B4B5BD"/></svg>');
    border-color: var(--secondary08-color);
}

input:read-only.bb-form-control-bg:not(.flatpickr-input) {
    cursor: not-allowed;
}

label.error,
.bb-form-control-text {
    display: block;
    font-size: calc(var(--font-size-14px) - 2px);
    font-weight: 300;
    line-height: var(--line-height);
    color: var(--black555-color);
    margin-top: 5px;
}

label.error {
    color: var(--red-color);
    order: 1;
}

label.error+.bb-form-control-text {
    order: 1;
}

div.error,
label.error:not(:empty)~.bb-select-css:not(.dropdown-active) .ts-control,
input.error {
    border-color: var(--red-color);
}

.bb-form-icon.bb-form-control-text {
    margin-top: 0;
    cursor: default;
    pointer-events: none;
    text-transform: capitalize;
    background-color: var(--white-color);
    padding-left: 5px;
}

.bb-datepicker-container .bb-form-control-bg {
    padding-right: 60px;
}

.bb-datepicker-clear-btn {
    position: absolute;
    top: 0;
    right: 40px;
    background-color: transparent;
    padding: 0;
    border: none;
    font-size: var(--font-size-14px);
    line-height: 1;
    color: var(--red-color);
    opacity: 0;
    visibility: hidden;
    transition: color 150ms ease-in-out;
    width: 14px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bb-datepicker-clear-btn>i {
    margin-top: 1px;
}

.bb-datepicker-clear-btn:hover {
    color: var(--hover-red-color);
}

.datepicker-active .bb-datepicker-clear-btn {
    visibility: visible;
    opacity: 1;
}

.bb-datepicker-js,
.bb-multiple-datepicker-js,
.bb-datetimepicker-js,
.bb-range-datepicker-js,
.bb-monthpicker-js {
    min-width: 215px;
    --formControlBg: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5" clip-path="url(%23clip0_1178_59578)"><path d="M11.5618 3.02779C11.4902 1.83792 10.4966 0.905712 9.29997 0.905712H8.71737V0.452856C8.71737 0.332751 8.66966 0.217565 8.58473 0.132638C8.49981 0.0477114 8.38462 0 8.26452 0C8.14441 0 8.02922 0.0477114 7.9443 0.132638C7.85937 0.217565 7.81166 0.332751 7.81166 0.452856V0.905712H4.18881V0.452856C4.18881 0.332751 4.1411 0.217565 4.05617 0.132638C3.97125 0.0477114 3.85606 0 3.73596 0C3.61585 0 3.50067 0.0477114 3.41574 0.132638C3.33081 0.217565 3.2831 0.332751 3.2831 0.452856V0.905712H2.7005C1.5036 0.905712 0.510038 1.83792 0.438714 3.02779C0.304442 5.26581 0.306933 7.53597 0.446186 9.77512C0.516831 10.9122 1.42775 11.8232 2.56487 11.8938C3.70448 11.9647 4.85225 12 6.00001 12C7.14755 12 8.29554 11.9647 9.43515 11.8938C10.5723 11.8232 11.4832 10.9122 11.5538 9.77512C11.6933 7.53711 11.6958 5.26717 11.5618 3.02779ZM10.6502 9.71897C10.6292 10.0492 10.4885 10.3604 10.2546 10.5943C10.0206 10.8283 9.70941 10.9689 9.37922 10.9899C7.13713 11.1292 4.86334 11.1292 2.62125 10.9899C2.29106 10.9689 1.97984 10.8283 1.74589 10.5943C1.51193 10.3604 1.3713 10.0492 1.35031 9.71897C1.24417 7.99094 1.22022 6.25885 1.27853 4.52856H10.7222C10.7792 6.25847 10.7573 7.99811 10.6502 9.71897ZM3.73596 2.71714C3.85606 2.71714 3.97125 2.66942 4.05617 2.5845C4.1411 2.49957 4.18881 2.38438 4.18881 2.26428V1.81142H7.81166V2.26428C7.81166 2.38438 7.85937 2.49957 7.9443 2.5845C8.02922 2.66942 8.14441 2.71714 8.26452 2.71714C8.38462 2.71714 8.49981 2.66942 8.58473 2.5845C8.66966 2.49957 8.71737 2.38438 8.71737 2.26428V1.81142H9.29997C10.0184 1.81142 10.6148 2.36957 10.6576 3.08191C10.6683 3.26169 10.6728 3.44261 10.6816 3.62285H1.31884C1.3279 3.44261 1.3322 3.26169 1.34284 3.08191C1.38563 2.36957 1.98182 1.81142 2.7005 1.81142H3.2831V2.26428C3.2831 2.38438 3.33081 2.49957 3.41574 2.5845C3.50067 2.66942 3.61585 2.71714 3.73596 2.71714Z" fill="%23555555"/><path d="M3.73556 7.24578C4.11071 7.24578 4.41484 6.94165 4.41484 6.56649C4.41484 6.19133 4.11071 5.88721 3.73556 5.88721C3.3604 5.88721 3.05627 6.19133 3.05627 6.56649C3.05627 6.94165 3.3604 7.24578 3.73556 7.24578Z" fill="%23555555"/><path d="M5.99984 7.24578C6.375 7.24578 6.67912 6.94165 6.67912 6.56649C6.67912 6.19133 6.375 5.88721 5.99984 5.88721C5.62468 5.88721 5.32056 6.19133 5.32056 6.56649C5.32056 6.94165 5.62468 7.24578 5.99984 7.24578Z" fill="%23555555"/><path d="M3.73556 9.51006C4.11071 9.51006 4.41484 9.20593 4.41484 8.83077C4.41484 8.45562 4.11071 8.15149 3.73556 8.15149C3.3604 8.15149 3.05627 8.45562 3.05627 8.83077C3.05627 9.20593 3.3604 9.51006 3.73556 9.51006Z" fill="%23555555"/><path d="M8.26412 7.24578C8.63928 7.24578 8.9434 6.94165 8.9434 6.56649C8.9434 6.19133 8.63928 5.88721 8.26412 5.88721C7.88896 5.88721 7.58484 6.19133 7.58484 6.56649C7.58484 6.94165 7.88896 7.24578 8.26412 7.24578Z" fill="%23555555"/><path d="M8.26412 9.51006C8.63928 9.51006 8.9434 9.20593 8.9434 8.83077C8.9434 8.45562 8.63928 8.15149 8.26412 8.15149C7.88896 8.15149 7.58484 8.45562 7.58484 8.83077C7.58484 9.20593 7.88896 9.51006 8.26412 9.51006Z" fill="%23555555"/><path d="M5.99984 9.51006C6.375 9.51006 6.67912 9.20593 6.67912 8.83077C6.67912 8.45562 6.375 8.15149 5.99984 8.15149C5.62468 8.15149 5.32056 8.45562 5.32056 8.83077C5.32056 9.20593 5.62468 9.51006 5.99984 9.51006Z" fill="%23555555"/></g><defs><clipPath id="clip0_1178_59578"><rect width="12" height="12" fill="white"/></clipPath></defs></svg>');
}

.bb-datetimepicker-js {
    --formControlBg: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.56987 3.43023C4.30289 3.43023 4.0815 3.20884 4.0815 2.94186V0.988372C4.0815 0.721395 4.30289 0.5 4.56987 0.5C4.83685 0.5 5.05824 0.721395 5.05824 0.988372V2.94186C5.05824 3.20884 4.83685 3.43023 4.56987 3.43023Z" fill="%23555555"/><path d="M9.77917 3.43023C9.5122 3.43023 9.2908 3.20884 9.2908 2.94186V0.988372C9.2908 0.721395 9.5122 0.5 9.77917 0.5C10.0461 0.5 10.2675 0.721395 10.2675 0.988372V2.94186C10.2675 3.20884 10.0461 3.43023 9.77917 3.43023Z" fill="%23555555"/><path d="M4.89545 9.12782C4.8108 9.12782 4.72615 9.1083 4.64801 9.07574C4.56335 9.04318 4.49173 8.99759 4.43312 8.93898C4.40707 8.90642 4.37452 8.87387 4.35498 8.84131C4.32894 8.80224 4.30941 8.76318 4.29638 8.72411C4.27685 8.68504 4.26383 8.64597 4.25731 8.6069C4.2508 8.56132 4.24429 8.51573 4.24429 8.47666C4.24429 8.30736 4.31591 8.13806 4.43312 8.01434C4.49173 7.95574 4.56335 7.91014 4.64801 7.87758C4.88242 7.7734 5.17546 7.83202 5.35778 8.01434C5.47499 8.13806 5.54661 8.30736 5.54661 8.47666C5.54661 8.51573 5.5401 8.56132 5.53359 8.6069C5.52708 8.64597 5.51405 8.68504 5.49452 8.72411C5.4815 8.76318 5.46196 8.80224 5.43592 8.84131C5.40987 8.87387 5.38383 8.90642 5.35778 8.93898C5.23406 9.05619 5.06475 9.12782 4.89545 9.12782Z" fill="%23555555"/><path d="M7.17452 9.12803C7.00522 9.12803 6.83591 9.0564 6.71219 8.93919C6.59498 8.81546 6.52336 8.65268 6.52336 8.47687C6.52336 8.39221 6.54289 8.30756 6.57545 8.22942C6.60801 8.15128 6.65359 8.07966 6.71219 8.01455C6.95312 7.77362 7.38941 7.77362 7.63685 8.01455C7.75406 8.13827 7.82568 8.30756 7.82568 8.47687C7.82568 8.51594 7.81917 8.56153 7.81266 8.60711C7.80615 8.64618 7.79312 8.68524 7.77359 8.72431C7.76057 8.76338 7.74103 8.80245 7.71499 8.84152C7.68894 8.87407 7.6629 8.90663 7.63685 8.93919C7.51313 9.0564 7.34382 9.12803 7.17452 9.12803Z" fill="%23555555"/><path d="M4.89545 11.4071C4.72615 11.4071 4.55684 11.3355 4.43312 11.2183C4.31591 11.0945 4.24429 10.9252 4.24429 10.7559C4.24429 10.6713 4.26382 10.5866 4.29638 10.5085C4.32894 10.4238 4.37452 10.3522 4.43312 10.2936C4.67405 10.0527 5.11685 10.0527 5.35778 10.2936C5.47499 10.4173 5.54661 10.5866 5.54661 10.7559C5.54661 10.9252 5.47499 11.0945 5.35778 11.2183C5.23406 11.3355 5.06475 11.4071 4.89545 11.4071Z" fill="%23555555"/><path d="M12.7094 6.09339H1.63964C1.37266 6.09339 1.15126 5.87199 1.15126 5.60501C1.15126 5.33804 1.37266 5.11664 1.63964 5.11664H12.7094C12.9764 5.11664 13.1978 5.33804 13.1978 5.60501C13.1978 5.87199 12.9764 6.09339 12.7094 6.09339Z" fill="%23555555"/><path d="M8.06661 14.5H4.56987C2.19313 14.5 0.825684 13.1326 0.825684 10.7558V5.22093C0.825684 2.84419 2.19313 1.47674 4.56987 1.47674H9.77917C12.1559 1.47674 13.5234 2.84419 13.5234 5.22093V8.15116C13.5234 8.41814 13.302 8.63953 13.035 8.63953C12.768 8.63953 12.5466 8.41814 12.5466 8.15116V5.22093C12.5466 3.3586 11.6415 2.45349 9.77917 2.45349H4.56987C2.70754 2.45349 1.80243 3.3586 1.80243 5.22093V10.7558C1.80243 12.6181 2.70754 13.5233 4.56987 13.5233H8.06661C8.33359 13.5233 8.55498 13.7447 8.55498 14.0116C8.55498 14.2786 8.33359 14.5 8.06661 14.5Z" fill="%23555555"/><path d="M11.4071 14.5C9.88103 14.5 8.63964 13.2586 8.63964 11.7326C8.63964 10.2065 9.88103 8.96512 11.4071 8.96512C12.9331 8.96512 14.1745 10.2065 14.1745 11.7326C14.1745 13.2586 12.9331 14.5 11.4071 14.5ZM11.4071 9.75581C10.3171 9.75581 9.43034 10.6426 9.43034 11.7326C9.43034 12.8225 10.3171 13.7093 11.4071 13.7093C12.4971 13.7093 13.3838 12.8225 13.3838 11.7326C13.3838 10.6426 12.4971 9.75581 11.4071 9.75581Z" fill="%23555555"/><path d="M12.1978 12.1279H11.4071C11.1886 12.1279 11.0117 11.951 11.0117 11.7326V10.9419C11.0117 10.7234 11.1886 10.5465 11.4071 10.5465C11.6255 10.5465 11.8024 10.7234 11.8024 10.9419V11.3372H12.1978C12.4162 11.3372 12.5931 11.5141 12.5931 11.7326C12.5931 11.951 12.4162 12.1279 12.1978 12.1279Z" fill="%23555555"/></svg>');
}

.bb-timepicker-js {
    --formControlBg: url('data:image/svg+xml,<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 12.3218C2.69023 12.3218 0 9.63155 0 6.32178C0 3.01201 2.69023 0.321777 6 0.321777C9.30977 0.321777 12 3.01201 12 6.32178C12 9.63155 9.30977 12.3218 6 12.3218ZM6 1.15899C3.15349 1.15899 0.837209 3.47527 0.837209 6.32178C0.837209 9.16829 3.15349 11.4846 6 11.4846C8.84651 11.4846 11.1628 9.16829 11.1628 6.32178C11.1628 3.47527 8.84651 1.15899 6 1.15899Z" fill="%23999999"/><path d="M8.07081 8.51525C7.99826 8.51525 7.9257 8.49851 7.85872 8.45386L6.12849 7.4213C5.69872 7.16456 5.38058 6.60083 5.38058 6.10409V3.81572C5.38058 3.58688 5.57035 3.39711 5.79919 3.39711C6.02802 3.39711 6.21779 3.58688 6.21779 3.81572V6.10409C6.21779 6.30502 6.38523 6.60083 6.55826 6.7013L8.28849 7.73386C8.48942 7.85107 8.55081 8.10781 8.43361 8.30874C8.34988 8.4427 8.21035 8.51525 8.07081 8.51525Z" fill="%23999999"/></svg>');
}

.flatpickr-wrapper {
    width: 100%;
}

.flatpickr-calendar {
    padding: 0;
    min-width: 300px;
    border: 1px solid var(--secondary20-color);
    border-radius: 4px;
    box-shadow: var(--boxShadow);
    background-color: var(--white-color);
    font-family: var(--ffOutfit);
    overflow: hidden;
}

.flatpickr-calendar.static.open,
.flatpickr-calendar.open {
    display: inline-flex;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 10px;
}

.flatpickr-calendar.custom-above {
    top: auto;
    bottom: calc(100% + 10px);
}

.bb-timepicker-js~.flatpickr-calendar.hasTime.open {
    padding-block: 10px;
}

.flatpickr-months {
    background-color: var(--secondary-color);
    padding: 12px 10px;
    border-radius: 0;
    border: none;
    position: relative;
}

.flatpickr-months .flatpickr-month {
    color: var(--white-color);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin: 0 30px;
    min-height: 24px;
    height: auto;
}

.flatpickr-current-month {
    padding: 0;
    height: auto;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    position: initial;
    justify-content: center;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    width: auto;
    background-color: transparent;
    border: 1px solid var(--secondary30-color);
    padding: 3px 25px 3px 8px;
    border-radius: 4px;
    color: var(--white-color);
    font-family: var(--ffOutfit);
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba(255, 255, 255, 0.7)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: right 8px center;
    margin: 0;
}

.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month .numInputWrapper {
    width: 70px;
}

.flatpickr-current-month .numInputWrapper {
    overflow: hidden;
    border: 1px solid var(--secondary30-color);
    padding: 3px 20px 3px 8px;
    border-radius: 4px;
    max-height: 26px;
}

.numInputWrapper:hover {
    background-color: transparent;
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover,
.flatpickr-current-month span.cur-month,
.flatpickr-current-month,
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.4;
    color: var(--white-color);
}

.flatpickr-current-month input.cur-year {
    line-height: 0;
    padding: 0;
    height: 14px;
    min-width: auto;
}

.numInputWrapper span,
.flatpickr-current-month .numInputWrapper>span {
    border-color: var(--secondary30-color);
    border-width: 0px 0px 0px 1px;
    opacity: 1;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
}

.flatpickr-current-month input.cur-year[disabled]~span {
    opacity: .3;
    cursor: default;
}

.numInputWrapper span {
    border-color: var(--secondary15-color);
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: rgba(0, 0, 0, 0.4);
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: rgba(0, 0, 0, 0.4);
}

.numInputWrapper span.arrowDown:after,
.numInputWrapper span.arrowUp:after {
    top: 50%;
    transform: translateY(-50%);
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
    width: 12px;
    height: 12px;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: rgb(255 255 255 / 60%);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: rgb(255 255 255 / 60%);
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background-color: transparent;
}

.flatpickr-current-month .flatpickr-monthDropdown-months option {
    color: var(--black-color);
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
    display: flex;
    opacity: 0.3;
    pointer-events: none;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-color: transparent;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    font-weight: 700;
    padding: 0;
    font-size: var(--font-size-14px);
    color: var(--white-color);
    opacity: 0.7;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
    left: 10px;
}

.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
    right: 10px;
}

.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
    background-color: transparent;
    color: var(--white-color);
    opacity: 1;
}

.flatpickr-time {
    margin: 10px 0 0px;
}

.flatpickr-innerContainer,
.flatpickr-rContainer,
.flatpickr-days,
.dayContainer {
    width: 100%;
    min-width: initial;
}

.flatpickr-rContainer {
    border: 1px solid var(--secondary10-color);
    border-radius: 4px;
    margin-inline: 10px;
}

.flatpickr-days {
    padding: 4px 5px 5px;
}

.flatpickr-weekdays {
    padding-inline: 5px;
    height: auto;
    border-bottom: 1px solid var(--secondary08-color);
}

.flatpickr-weekdaycontainer,
.dayContainer {
    gap: 3px 5px;
}

span.flatpickr-weekday,
.flatpickr-day {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: var(--font-size-14px);
    font-weight: 300;
    line-height: 150%;
    color: var(--black-color);
    background-color: transparent;
    border: none;
    border-radius: 4px;
    flex-basis: initial;
}

span.flatpickr-weekday {
    font-weight: 500;
}

.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-monthSelect-month.today,
.flatpickr-day.today.inRange,
.flatpickr-day.today {
    background-color: var(--primary-color);
    color: var(--white-color);
}

.flatpickr-monthSelect-month.today:focus,
.flatpickr-monthSelect-month.today:hover,
.flatpickr-monthSelect-month:hover,
.flatpickr-day.today:hover,
.flatpickr-day.today:focus,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover {
    background-color: var(--secondary08-color);
    color: var(--black-color);
}

.flatpickr-monthSelect-month.endRange,
.flatpickr-monthSelect-month.selected,
.flatpickr-monthSelect-month.startRange,
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background-color: var(--secondary-color);
    color: var(--white-color);
}

.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
    color: #afafaf;
}

.flatpickr-calendar:before,
.flatpickr-calendar:after {
    display: none;
}

.flatpickr-calendar.hasTime .flatpickr-time {
    gap: 5px;
    border: none;
    height: auto;
    max-height: none;
    margin: 0 10px;
    order: 1;
    line-height: 1;
}

.flatpickr-time:after {
    display: none;
}

.flatpickr-time .flatpickr-am-pm,
.flatpickr-time .numInputWrapper {
    border: 1px solid var(--secondary08-color);
    border-radius: 4px;
    overflow: hidden;
    background-color: var(--secondary03-color);
    height: 34px;
}

.flatpickr-time .flatpickr-am-pm {
    margin-left: 5px;
    line-height: 34px;
    font-size: var(--font-size-14px);
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
    border-radius: 4px 0 0 4px;
}

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
    border-radius: 0 4px 4px 0;
}

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
    border-radius: 4px;
}

.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)) {
    box-shadow: -10px 0 0 var(--secondary-color);
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.inRange {
    --fpBoxShadow: var(--secondary05-color);
    border-radius: 0;
    box-shadow: -6px 0 0 var(--fpBoxShadow), 6px 0 0 var(--fpBoxShadow);
    background-color: var(--fpBoxShadow);
}

.flatpickr-monthSelect-months {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin: 10px 0 0;
}

.flatpickr-monthSelect-month {
    width: auto;
    flex: 1 0 80px;
    border: 1px solid var(--secondary10-color);
}

.flatpickr-monthSelect-month.endRange,
.flatpickr-monthSelect-month.selected,
.flatpickr-monthSelect-month.startRange {
    border-color: var(--primary-color);
}

.monthpicker-container .flatpickr-current-month .numInputWrapper {
    padding-inline: 5px;
}

.monthpicker-container .flatpickr-current-month .numInputWrapper>input {
    text-align: center;
}

.monthpicker-container .flatpickr-current-month .numInputWrapper>span {
    display: none;
}

.flatpickr-custom-container {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.flatpickr-custom-input {
    margin-inline: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.flatpickr-custom-input input.bb-form-control {
    min-height: 34px;
    padding: 5px 10px;
    flex: 1 0 40%;
}

.flatpickr-custom-button-row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-inline: 10px;
}

.flatpickr-custom-button-row>* {
    flex: 1 0 70px;
    font-size: calc(var(--font-size-14px) - 2px);
    font-weight: 300;
    color: var(--primary-color);
    border: none;
    background-color: var(--primary10-color);
    padding: 0;
    border-radius: 2px;
    padding-block: 3px;
    line-height: 1.5;
}

.flatpickr-custom-button-row>*:hover {
    background-color: var(--primary-color);
    color: var(--white-color);
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    background-color: transparent;
    cursor: default;
    color: rgba(57, 57, 57, 0.15);
    text-decoration: line-through;
}

.flatpickr-time input.flatpickr-second,
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-hour {
    font-weight: 400;
    font-size: var(--font-size-14px);
    color: var(--black-color);
    padding-right: 18px;
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
    background-color: var(--secondary08-color);
}

.bb-form-checkbox-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7.5px 15px;
    margin-bottom: 10px;
}

.bb-customisable-row,
.bb-form-switch,
.bb-form-checkbox {
    display: flex;
    align-items: center;
    gap: 6px;
}

.bb-flex-card .bb-form-switch,
.bb-form-checkbox-row .bb-form-switch {
    flex-direction: row-reverse;
}

table.dataTable input.dt-select-checkbox:indeterminate:after,
table.dataTable input.dt-select-checkbox:checked:after {
    display: none;
}

table.dataTable>tbody>tr.selected input.dt-select-checkbox:checked {
    border: none;
}

.bb-modal-action .modal-dialog {
    max-width: 400px;
}

.bb-modal-action.fade,
.bb-modal-action.modal.fade .modal-dialog {
    transition-duration: 100ms;
}

.bb-modal-action .modal-content {
    border: none;
    border-radius: 8px;
    box-shadow: var(--boxShadow);
}

.bb-modal-action .modal-body {
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}

.bb-modal-action .modal-body>aside {
    font-size: calc(var(--font-size-14px) + 6px);
    font-weight: 500;
    line-height: var(--line-height);
    text-align: center;
    color: var(--black-color);
    text-transform: capitalize;
}

.bb-modal-action .modal-body>aside>b {
    font-weight: 500;
}

.bb-modal-action .modal-body>aside>span {
    display: block;
    text-transform: none;
    font-size: calc(var(--font-size-14px) + 2px);
    font-weight: 300;
    color: var(--black555-color);
    margin-top: 5px;
}

.bb-modal-action .modal-body>aside>span>b {
    color: var(--black-color);
}

.bb-modal-action-btn-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}

.bb-modal-action-btn-row>* {
    flex: 1 0 100px;
}

.bb-offcanvas.offcanvas {
    transition-duration: 100ms;
    border: none;
    width: 500px;
    margin: 10px;
    border-radius: 8px;
}

.bb-600-offcanvas.offcanvas {
    width: 600px;
}

.bb-700-offcanvas.offcanvas {
    width: 700px;
}

.bb-800-offcanvas.offcanvas {
    width: 800px;
}

.bb-900-offcanvas.offcanvas {
    width: 900px;
}

.bb-offcanvas.offcanvas-start {
    left: -20px;
}

.bb-offcanvas.offcanvas-start.show {
    left: 0;
}

.bb-offcanvas.offcanvas-end {
    right: -40px;
}

.bb-offcanvas.offcanvas-end.show {
    right: 0;
}

.modal-backdrop {
    background-color: transparent;
}

.bb-modal-action,
.offcanvas-backdrop {
    background-color: rgb(0 0 0 / 50%);
    backdrop-filter: blur(1px);
}

.offcanvas-backdrop.show {
    opacity: 1;
}

.offcanvas-header {
    border-bottom: 1px solid var(--secondary10-color);
    padding: 14.5px 20px;
    gap: 10px;
}

.offcanvas-title {
    font-size: calc(var(--font-size-14px) + 4px);
    font-weight: 500;
    line-height: var(--line-height);
    color: var(--black-color);
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 8px;
}

.offcanvas-title.text-none {
    text-transform: none;
}

.offcanvas-title .red-color {
    color: var(--red-color);
}

.offcanvas-header .offcanvas-btn-close {
    padding: 0;
    margin: 0 0 0 auto;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(var(--font-size-14px) + 2px);
    color: var(--black-color);
    padding: 0;
    border: none;
    background-color: transparent;
    opacity: 0.7;
}

.offcanvas-header .offcanvas-btn-close:hover {
    opacity: 1;
}

.offcanvas-body {
    padding: 20px;
}

.offcanvas-footer {
    padding: 14.5px 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    border-top: 1px solid var(--secondary10-color);
    width: 100%;
}

.offcanvas-footer>* {
    flex: 1 0 100px;
}

.tooltip {
    --bs-tooltip-bg: var(--secondary-color);
    --bs-tooltip-opacity: 1;
    --bs-tooltip-arrow-width: 6px;
    --bs-tooltip-arrow-height: 3px;
}

.tooltip-inner {
    color: var(--white-color);
    font-size: 12px;
    border-radius: 4px;
    box-shadow: var(--boxShadow);
    font-weight: 400;
    font-family: var(--ffOutfit);
    text-transform: capitalize;
    border: 1px solid var(--secondary08-color);
    padding: 3px 8px;
}

.bb-card {
    border-radius: 8px;
    background-color: var(--white-color);
    border: 1px solid var(--secondary10-color);
}

.bb-card-has-footer {
    padding-bottom: 10px;
}

.bb-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    min-height: 50px;
    padding: 10px 20px;
    border-bottom: 1px solid var(--secondary10-color);
}

.bb-card-header-sticky {
    position: sticky;
    top: -1px;
    z-index: 3;
    background-color: var(--white-color);
    border-radius: 8px 8px 0 0;
}

.offcanvas-body .bb-card-header-sticky {
    top: -21px;
}

.bb-card-header-bg {
    background-color: var(--secondary03-color);
    border-radius: 8px 8px 0 0;
}

.bb-card-title {
    font-size: calc(var(--font-size-14px) + 2px);
    font-weight: 500;
    line-height: var(--line-height);
    color: var(--black-color);
    text-transform: capitalize;
    margin-bottom: 0;
}

.bb-card-title.text-none {
    text-transform: none;
}

.bb-card-header .bb-form-checkbox-row {
    margin-bottom: 0;
}

.bb-accordion .accordion-body,
.bb-card-body {
    padding: 20px;
}

.bb-card-flex-body {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.bb-card-hr {
    margin-block: 20px;
    width: 100%;
    height: 1px;
    background-color: var(--secondary10-color);
}

.bb-card-footer {
    padding: 10px 20px;
    position: sticky;
    bottom: 0;
    z-index: 3;
    background-color: var(--white-color);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.bb-table {
    border: 1px solid var(--secondary08-color);
    border-radius: 8px;
}

.bb-table .table {
    margin-bottom: 0;
    width: 100%;
}

.bb-table .table tr th,
.bb-table .table tr td {
    height: 50px;
    border-bottom: 1px solid var(--secondary08-color);
}

.bb-table .table tr th {
    background-color: var(--secondary03-color);
}

.bb-icon-drag,
.bb-datatable .table tr td .bb-icon-drag {
    font-size: calc(var(--font-size-14px) + 2px);
    cursor: grab;
}

.bb-icon-drag.bb-drag-disabled,
.bb-datatable .table tr td .bb-drag-disabled {
    cursor: default;
    opacity: 0.3;
}

.bb-table .table tr:last-child td {
    border-bottom: none;
}

.bb-table-flex-text {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 6px 12px;
    margin: 0;
}

.bb-table-flex-text i {
    font-size: calc(var(--font-size-14px) - 2px);
    margin-top: 5px;
}

.bb-table-flex-text>span:not(.bb-circle-badge) {
    flex: 1 0 85%;
}

.bb-table-flex-text>p {
    width: 100%;
    font-size: calc(var(--font-size-14px) - 2px);
    font-weight: 300;
    line-height: var(--line-height);
    color: var(--black888-color);
}

.bb-datatable {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 0 0 8px 8px;
}

.table> :not(caption)>*>* {
    box-shadow: none;
    background-color: transparent;
}

.bb-datatable .table tr {
    transition: var(--transition);
    transition-property: box-shadow;
}

.bb-datatable .table tr.selected,
.bb-datatable .table tr:hover {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 1;
    transform: translateY(0);
}

table.fixedHeader-floating>thead>tr>th,
table.fixedHeader-floating>thead>tr>td,
.bb-table .table tr th,
.bb-table .table tr td,
table.dataTable>tbody>tr>td,
.bb-datatable .table tr th,
.bb-datatable .table tr td {
    font-size: var(--font-size-14px);
    font-weight: 300;
    line-height: 1.45;
    text-align: left;
    color: var(--black444-color);
    padding: 10px 20px;
    vertical-align: middle;
    background-color: var(--white-color);
}

.offcanvas-body .bb-table .table tr td sub {
    bottom: 0;
}

.bb-table .table tr.bb-total-tr td {
    font-weight: 500;
    color: var(--black-color);
}

.bb-datatable .table tr td.sorting_1 {
    color: var(--black-color);
    font-weight: 400;
}

table.fixedHeader-floating>thead>tr>td.red-color,
.bb-table .table tr td.red-color,
table.dataTable>tbody>tr>td.red-color,
.bb-datatable .table tr td.red-color {
    color: var(--red-color);
}

table.fixedHeader-floating>thead>tr>td.green-color,
.bb-table .table tr td.green-color,
table.dataTable>tbody>tr>td.green-color,
.bb-datatable .table tr td.green-color {
    color: var(--tertiary-color);
}

table.fixedHeader-floating>thead>tr>th,
table.fixedHeader-floating>thead>tr>td,
table.dataTable>tbody>tr>td,
.bb-datatable .table tr th,
.bb-datatable .table tr td {
    height: 64px;
    border: none;
}

.bb-offcanvas table.fixedHeader-floating>thead>tr>th,
.bb-offcanvas table.fixedHeader-floating>thead>tr>td,
.bb-offcanvas table.dataTable>tbody>tr>td,
.bb-offcanvas .bb-datatable .table tr th,
.bb-offcanvas .bb-datatable .table tr td {
    height: 60px;
}

table.dataTable>tbody>tr>td>*,
.bb-datatable .table tr th>* {
    vertical-align: middle;
}

div.dt-processing,
.bb-datatable-footer,
.bb-card div.dt-container.dt-empty-footer tbody>tr:last-child>*,
table.dataTable>tbody>tr>td,
.bb-datatable .table tr th,
.bb-datatable .table tr td,
table.dataTable>tbody>tr:first-child>* {
    border-top: 4px solid var(--body-color);
}

.bb-offcanvas .bb-datatable-footer,
.bb-offcanvas .bb-card div.dt-container.dt-empty-footer tbody>tr:last-child>*,
.bb-offcanvas table.dataTable>tbody>tr>td,
.bb-offcanvas .bb-datatable .table tr th,
.bb-offcanvas .bb-datatable .table tr td,
.bb-offcanvas table.dataTable>tbody>tr:first-child>* {
    border-top-width: 1px;
}

table.fixedHeader-floating>thead>tr>th,
table.fixedHeader-floating>thead>tr>td,
.bb-table .table tr th,
.bb-datatable .table tr th {
    font-size: var(--font-size-14px);
    font-weight: 500;
    color: var(--black-color);
    text-transform: capitalize;
    white-space: nowrap;
    outline: none !important;
}

.bb-offcanvas .bb-table .table tr th {
    background-color: var(--secondary03-color);
}

.bb-datatable-sticky {
    position: sticky;
    right: 0;
    background-color: var(--white-color) !important;
}

.bb-drag-card .bb-datatable-sticky,
table.dataTable>tbody>tr.bb-drag-card td {
    background-color: var(--secondary08-color) !important;
}

.bb-offcanvas table.fixedHeader-floating>thead>tr>th,
.bb-offcanvas table.fixedHeader-floating>thead>tr>td,
.bb-offcanvas .bb-datatable .table tr th {
    background-color: var(--primary03-color);
}

table.fixedHeader-floating>thead>tr>th,
table.fixedHeader-floating>thead>tr>td {
    border-bottom: 4px solid var(--body-color);
}

table.dataTable th.dt-type-numeric,
table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date {
    text-align: left;
}

table.dataTable>tbody>tr>td.datatable-small-column,
.bb-datatable .table tr .datatable-small-column {
    width: 60px !important;
    text-align: center;
}

table.dataTable>tbody>tr>td.datatable-medium-column,
.bb-datatable .table tr .datatable-medium-column {
    width: 8%;
}

.bb-datatable span.dt-column-order {
    display: flex;
    align-items: center;
    justify-content: center;
}

table.dataTable thead>tr>th.dt-orderable-asc:hover,
table.dataTable thead>tr>th.dt-orderable-desc:hover,
table.dataTable thead>tr>td.dt-orderable-asc:hover,
table.dataTable thead>tr>td.dt-orderable-desc:hover {
    outline: none;
}

table.dataTable thead>tr>th.dt-orderable-asc,
table.dataTable thead>tr>th.dt-orderable-desc,
table.dataTable thead>tr>th.dt-ordering-asc,
table.dataTable thead>tr>th.dt-ordering-desc,
table.dataTable thead>tr>td.dt-orderable-asc,
table.dataTable thead>tr>td.dt-orderable-desc,
table.dataTable thead>tr>td.dt-ordering-asc,
table.dataTable thead>tr>td.dt-ordering-desc {
    padding-right: 35px;
}

table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order,
table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order,
table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order,
table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order {
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after {
    font-family: "billboox";
    color: var(--primary10-color);
    opacity: 1;
    position: initial;
    font-size: calc(var(--font-size-14px) - 2px);
    line-height: 1;
}

table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:before {
    content: "\e05d";
}

table.dataTable thead>tr>th.dt-type-numeric.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-type-numeric.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-type-numeric.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-type-numeric.dt-ordering-desc span.dt-column-order:before {
    content: "\e05f";
}

table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after {
    content: "\e000";
}

table.dataTable thead>tr>th.dt-type-numeric.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-type-numeric.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-type-numeric.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-type-numeric.dt-ordering-desc span.dt-column-order:after {
    content: "\e05e";
}

table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:before {
    display: block;
}

table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:before {
    display: none;
}

table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after {
    display: none;
}

table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after {
    display: block;
}

table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before {
    color: var(--primary-color);
}

div.dt-container.dt-empty-footer .dt-scroll-body,
div.dt-container.dt-empty-footer tbody>tr:last-child>*,
div.dt-container.dt-empty-footer .dt-scroll-body tbody>tr:last-child>* {
    border-bottom: none;
}

table.dataTable>tbody>tr.selected>* {
    box-shadow: none;
    color: var(--black-color);
}

table.dataTable>tbody>tr.selected a {
    color: var(--primary-color);
}

.bb-datatable-action-row {
    display: flex;
    align-items: center;
    gap: 6px;
}

.bb-datatable-action-row>* {
    padding: 0;
    background-color: transparent;
    border: none;
    font-size: calc(var(--font-size-14px) + 4px);
    line-height: 1;
    color: var(--primary-color);
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.disable-btn,
.disable-btn-cursor-not-allowed,
.disable-action-row>*:not(.not-disable-btn) {
    pointer-events: none;
    opacity: .3;
}

.disable-btn-cursor-not-allowed {
    pointer-events: all;
    cursor: not-allowed;
}

.bb-datatable-action-row>*:hover {
    color: var(--hover-color);
}

.bb-datatable-action-row>*.red-color {
    color: var(--red-color);
}

.bb-datatable-action-row>*.red-color:hover {
    color: var(--hover-red-color);
}

.platfrom-image {
    aspect-ratio: 1;
    max-width: 34px;
    object-fit: contain;
}

.bb-view-card-data .platfrom-image {
    max-width: 20px;
    margin-top: -5px;
    transform: translateY(1.5px);
}

.bb-datatable-header {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    padding: 20px;
}

.bb-datatable-header>* {
    flex-shrink: 0;
    min-height: 40px;
}

.bb-datatable-header>.bb-form-control-card {
    width: auto;
    flex-basis: 125px;
}

.bb-datatable-header>.bb-form-control-card .bb-select-css .ts-control {
    min-height: 40px;
}

.bb-datatable-header .bb-form-control {
    min-height: 40px;
}

.bb-form-control.bb-datatable-search-input {
    flex: 1 0 115px;
    background-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><path d="M6.37818 12.6743C2.88137 12.6743 0.0410156 9.83399 0.0410156 6.33717C0.0410156 2.84035 2.88137 0 6.37818 0C9.875 0 12.7154 2.84035 12.7154 6.33717C12.7154 9.83399 9.875 12.6743 6.37818 12.6743ZM6.37818 0.974949C3.42084 0.974949 1.01596 3.37982 1.01596 6.33717C1.01596 9.29451 3.42084 11.6994 6.37818 11.6994C9.33553 11.6994 11.7404 9.29451 11.7404 6.33717C11.7404 3.37982 9.33553 0.974949 6.37818 0.974949Z" fill="%23060923"/><path d="M12.332 14C12.28 14 12.228 13.9935 12.1825 13.987C11.8771 13.948 11.3246 13.74 11.0126 12.8106C10.8501 12.3231 10.9086 11.8356 11.1751 11.4651C11.4416 11.0947 11.8901 10.8867 12.4035 10.8867C13.0665 10.8867 13.5865 11.1401 13.8205 11.5886C14.0544 12.0371 13.9894 12.6091 13.619 13.1615C13.1575 13.857 12.657 14 12.332 14ZM11.9421 12.5051C12.0526 12.8431 12.2085 13.0121 12.3125 13.0251C12.4165 13.0381 12.6115 12.9146 12.813 12.6221C13.0015 12.3426 13.0145 12.1411 12.969 12.0501C12.9235 11.9591 12.7415 11.8616 12.4035 11.8616C12.202 11.8616 12.0526 11.9266 11.9681 12.0371C11.8901 12.1476 11.8771 12.3166 11.9421 12.5051Z" fill="%23060923"/></g></svg>');
    padding-inline: 40px 15px;
    background-position: left 15px center;
}

.bb-datatable-header .bb-datepicker-container {
    flex-basis: 255px;
}

.bb-datatable-header .bb-datepicker-container .bb-datepicker-clear-btn {
    height: 40px;
}

.bb-datatable-header>.bb-badge b sub {
    bottom: 0;
}

.bb-datatable-header .bb-dropdown {
    flex-basis: 100px;
}

.bb-datatable-header .bb-dropdown .red-color {
    color: var(--red-color);
}

.bb-datatable-footer {
    padding: 24px 20px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
    position: sticky;
    bottom: 0;
    z-index: 1;
    background-color: var(--white-color);
    border-radius: 0 0 8px 8px;
}

.bb-offcanvas .bb-datatable-footer {
    bottom: -20px;
}

.bb-datatable-length {
    display: flex;
    align-items: center;
    gap: 10px;
}

.bb-datatable-length span {
    font-size: var(--font-size-14px);
    font-weight: 300;
    line-height: var(--line-height);
    color: var(--black555-color);
}

.bb-datatable-length span strong {
    font-weight: 500;
    color: var(--black-color);
    margin-inline: 2px;
}

.bb-datatable-length .bb-form-control-only .ts-control {
    min-height: auto;
    padding: 5px 25px 5px 10px !important;
    min-width: 70px;
}

.bb-datatable-length .bb-select-css .ts-control .item {
    padding: 0;
}

.bb-datatable-length .bb-select-css .ts-control::before {
    right: 10px;
}

.bb-datatable-length .bb-select-css.has-items .ts-control>input {
    display: none !important;
}

.ts-dropdown-up {
    top: auto;
    bottom: 100%;
    margin-block: 0 2px;
}

.dt-paging nav {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 0;
}

.dt-paging nav::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 90px);
    height: 100%;
    border-radius: 100px;
    background-color: var(--primary08-color);
    z-index: -1;
}

.bb-datatable-footer .dt-paging nav .dt-paging-button.previous,
.bb-datatable-footer .dt-paging nav .dt-paging-button.next {
    display: none;
}

.bb-datatable-footer .dt-paging nav .dt-paging-button.first {
    margin-right: 5px;
}

.bb-datatable-footer .dt-paging nav .dt-paging-button.last {
    margin-left: 5px;
}

.bb-datatable-footer .dt-paging nav button.dt-paging-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    border-radius: 100px;
    font-size: var(--font-size-14px);
    font-weight: 400;
    line-height: var(--line-height);
    color: var(--black555-color);
    border: none !important;
    background-image: none !important;
}

.bb-datatable-footer .dt-paging nav .dt-paging-button.first,
.bb-datatable-footer .dt-paging nav .dt-paging-button.last {
    font-size: calc(var(--font-size-14px) - 2px);
    background-color: var(--primary08-color);
}

.bb-datatable-footer .dt-paging nav .dt-paging-button.disabled.first,
.bb-datatable-footer .dt-paging nav .dt-paging-button.disabled.last {
    background-color: var(--primary08-color);
    opacity: 0.5;
}

.bb-datatable-footer .dt-paging nav button.dt-paging-button:active,
.bb-datatable-footer .dt-paging nav button.dt-paging-button:hover {
    color: var(--primary-color) !important;
    box-shadow: none;
    background-color: var(--primary08-color);
}

.bb-datatable-footer .dt-paging nav button.dt-paging-button.current:hover,
.bb-datatable-footer .dt-paging nav button.dt-paging-button.current {
    border: none;
    background-color: var(--primary-color);
    color: var(--white-color) !important;
}

.fixedHeader-floating {
    transition: none !important;
}

div.dt-processing {
    width: 100%;
    height: 100%;
    background-color: var(--white-color);
    left: 0;
    top: 0;
    border-radius: 0 0 8px 8px;
    margin: 0;
}

div.dt-processing>div:last-child {
    height: 100%;
    margin-block: 0;
    background-image: url(../images/bb-loader.gif);
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: center;
}

div.dt-processing>div:last-child>div {
    display: none;
}

.bb-accordion {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.bb-accordion .accordion-item {
    border-radius: 8px;
    border: none;
}

.bb-accordion .accordion-header {
    position: relative;
}

.bb-accordion .accordion-header-sticky {
    position: sticky;
    top: 0px;
    z-index: 3;
}

.bb-accordion .accordion-button {
    border: 1px solid var(--secondary10-color);
    font-size: calc(var(--font-size-14px) + 2px);
    font-weight: 500;
    line-height: var(--line-height);
    color: var(--black-color);
    box-shadow: none;
    transition: var(--transition);
    border-radius: 8px;
    padding: 15px 80px 15px 20px;
    gap: 10px;
}

.accordion-item:first-of-type>.accordion-header .accordion-button {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.bb-accordion .accordion-button[aria-expanded="true"] {
    border-color: var(--primary30-color);
    background-color: var(--primary05-color);
    border-radius: 8px 8px 0 0;
}

.bb-accordion .accordion-button::after {
    display: none;
}

.bb-accordion .accordion-button>i {
    font-size: var(--font-size-14px);
    margin-top: 1px;
    transition: var(--transition);
}

.bb-accordion .accordion-button[aria-expanded="true"]>i {
    transform: rotate(180deg);
}

.bb-accordion .accordion-header .bb-datatable-action-row {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    gap: 10px;
}

.bb-accordion .accordion-header .bb-datatable-action-row button:disabled {
    pointer-events: none;
    opacity: 0.3;
}

.bb-accordion .accordion-body {
    border: 1px solid var(--primary30-color);
    border-top: none;
    border-radius: 0 0 8px 8px;
}

.bb-sidebar {
    background-color: var(--secondary-color);
    width: 240px;
    z-index: 9;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    height: 100dvh;
    border-radius: 0px 20px 20px 0px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.bb-logo {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 70px;
    padding-inline: 25px;
    width: 100%;
}

.bb-sidebar-list {
    overflow: auto;
    list-style-type: none;
    padding: 5px 15px 15px 10px;
    margin: 0;
    width: 100%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.bb-sidebar-link,
.bb-sidebar-collapse li a {
    width: 100%;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    color: var(--white-color);
    font-weight: 300;
    font-size: var(--font-size-14px);
    line-height: var(--line-height);
    position: relative;
    background-color: transparent;
    border: none;
}

.bb-sidebar-link {
    gap: 12px;
    opacity: 0.7;
    padding: 12px 15px;
    border-radius: 8px;
    z-index: 1;
}

.bb-sidebar-link i:first-child {
    font-size: calc(var(--font-size-14px) + 2px);
}

.bb-sidebar-link::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
    width: 4px;
    height: 20px;
    background-color: var(--primary-color);
    border-radius: 0 8px 8px 0;
    transition: var(--transition);
    display: none;
}

.bb-sidebar-link[aria-expanded="true"],
.bb-sidebar-link:hover {
    background-color: #0D1545;
    opacity: 1;
}

.bb-sidebar .active .bb-sidebar-link {
    background-color: #1b255d;
    opacity: 1;
}

.bb-sidebar .active .bb-sidebar-link::before {
    display: block;
}

.bb-sidebar-link .collapse-chevron {
    margin-left: auto;
    font-size: calc(var(--font-size-14px) - 4px);
    transition: var(--transition);
}

.bb-sidebar-link[aria-expanded="true"] .collapse-chevron {
    transform: rotate(90deg);
}

.bb-sidebar-collapse {
    padding-left: 22px;
    display: flex;
    flex-direction: column;
    list-style-type: none;
    transition-duration: 250ms;
}

.bb-sidebar-collapse li:first-child {
    padding-top: 8px;
}

.bb-sidebar-collapse li a {
    gap: 5px;
    line-height: 1;
    opacity: 0.6;
    padding: 8px 10px 8px 21.5px;
}

.bb-sidebar-collapse li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    transform: translateY(-50%);
    width: 13px;
    height: 33px;
    border-radius: 0 0 0 4px;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: var(--secondary30-color);
}

.bb-sidebar-collapse li.active a,
.bb-sidebar-collapse li a:hover {
    opacity: 1;
}

.bb-sidebar-collapse li.active a::before {
    border-color: var(--white-color);
}

.logout-list {
    flex-shrink: 0;
    margin-top: auto;
    padding: 15px 15px 15px 10px;
    width: 100%;
}

.bb-container {
    width: calc(100% - 240px);
    margin-left: 240px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.bb-container>* {
    width: 100%;
}

.bb-header {
    padding: 18px 20px;
    background-color: var(--white-color);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.bb-pos-header {
    padding: 0;
    background-color: transparent;
    border-radius: 0px;
}

.bb-header-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.bb-header-left .back-btn {
    width: 16px;
    height: 16px;
    font-size: var(--font-size-14px);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    background-color: transparent;
    border: none;
}

.bb-header-left .back-btn:hover {
    color: var(--hover-color);
}

.bb-header-title {
    font-size: 20px;
    font-weight: 500;
    line-height: var(--line-height);
    text-align: left;
    color: var(--black-color);
    text-transform: capitalize;
    margin: 0;
}

.bb-header-right {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.bb-profile-card {
    display: flex;
    align-items: center;
    gap: 8px;
}

.bb-profile-card p {
    font-size: var(--font-size-14px);
    color: var(--black333-color);
    margin: 0;
    line-height: 1;
}

.bb-profile-card i {
    font-size: calc(var(--font-size-14px) + 2px);
}

.bb-header-right .bb-badge-primary {
    padding-block: 8.25px;
}

.bb-header-icon-row {
    display: flex;
    align-items: center;
    gap: 20px;
}

.bb-header-icon-row>* {
    position: relative;
    padding: 0;
    border: none;
    background-color: transparent;
    font-size: 20px;
    line-height: 1;
    color: var(--secondary-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

.bb-sidebar-close-btn,
.bb-sidebar-open-btn {
    display: none;
}

.flex-offcanvas-body {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.document-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.document-list li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: var(--font-size-14px);
    font-weight: 300;
    line-height: 1;
    color: var(--black333-color);
    padding: 15px;
    text-transform: capitalize;
    border: 1px solid var(--primary10-color);
    border-radius: 4px;
}

.document-list li a:hover {
    color: var(--primary-color);
    border-color: var(--primary-color);
}

.document-list li a i {
    font-size: calc(var(--font-size-14px) - 2px);
    opacity: 0.6;
}

.document-list li a:hover i {
    opacity: 1;
}

.billboox-link-row {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.billboox-link-card {
    border: 1px solid var(--secondary10-color);
    border-radius: 8px;
    padding: 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
}

.billboox-link-card:hover {
    border-color: var(--secondary-color);
}

.billboox-link-image {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.billboox-link-data {
    width: calc(100% - 130px);
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.billboox-link-data>aside {
    font-size: calc(var(--font-size-14px) + 2px);
    font-weight: 600;
    line-height: var(--line-height);
    color: var(--black-color);
    text-transform: capitalize;
}

.billboox-link-data>p {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.4;
    color: var(--black555-color);
    margin-bottom: 10px;
}

.billboox-link-data>span {
    font-size: 12px;
    font-weight: 400;
    line-height: var(--line-height);
    color: var(--primary-color);
    text-transform: capitalize;
}

.off-import-btn {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    font-size: var(--font-size-14px);
    font-weight: 400;
    line-height: var(--line-height);
    color: var(--black-color);
    padding: 15px 20px 15px 15px;
    border-radius: 8px;
    background-color: var(--primary05-color);
    width: 100%;
    border: none;
    text-transform: capitalize;
}

.off-import-btn:hover {
    background-color: var(--primary10-color);
}

.off-import-btn img {
    width: 25px;
}

.off-import-btn p {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.off-import-btn p span {
    font-size: calc(var(--font-size-14px) - 2px);
    color: var(--black555-color);
    font-weight: 300;
    text-transform: none;
}

.off-import-btn i {
    margin-left: auto;
    color: var(--primary-color);
    font-size: calc(var(--font-size-14px) + 2px);
}

.bb-file-upload-card {
    position: relative;
    z-index: 0;
}

.bb-file-upload-card input {
    display: none;
}

.bb-file-upload-card label {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 8px;
    border: 1px dashed var(--secondary20-color);
    min-height: 150px;
    cursor: pointer;
    font-size: var(--font-size-14px);
    font-weight: 300;
    line-height: var(--line-height);
    text-align: center;
    color: var(--black777-color);
    padding-bottom: 46px;
}

.bb-file-upload-card label:hover,
.bb-file-upload-card.dragging label {
    border-color: var(--secondary-color);
    color: var(--black-color);
}

.bb-file-upload-card label i {
    font-size: 20px;
}

.bb-file-upload-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: -46px;
    padding: 15px;
    border-top: 1px dashed var(--secondary20-color);
    position: relative;
    z-index: -1;
}

.bb-file-upload-card label:hover+.bb-file-upload-info,
.bb-file-upload-card.dragging label+.bb-file-upload-info {
    border-top-color: var(--secondary-color);
}

.bb-file-upload-info p {
    font-size: calc(var(--font-size-14px) - 2px);
    line-height: var(--line-height);
    font-weight: 300;
    color: var(--black555-color);
    text-transform: capitalize;
    margin-bottom: 0;
    min-width: 70px;
}

.bb-file-upload-info p:last-child {
    text-align: right;
}

.bb-file-upload-info p span {
    font-weight: 400;
    color: var(--black-color);
    text-transform: none;
}

.bb-file-upload-view-row {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
}

.bb-file-upload-view-row:empty {
    margin-top: 0;
}

.bb-file-upload-alert {
    width: 100%;
    padding: 15px;
    background-color: var(--primary08-color);
    font-size: var(--font-size-14px);
    font-weight: 300;
    line-height: var(--line-height);
    border-radius: 8px;
    order: -1;
    color: var(--black555-color);
}

.bb-file-upload-alert span {
    font-weight: 400;
    word-break: break-all;
}

.bb-file-upload-alert span:last-child {
    word-break: initial;
}

.bb-file-upload-alert.secondary-color {
    background-color: var(--secondary08-color);
}

.bb-file-upload-alert.red-color {
    background-color: var(--red08-color);
}

.bb-file-upload-alert.primary-color span {
    color: var(--primary-color);
}

.bb-file-upload-alert.secondary-color span {
    color: var(--secondary-color);
}

.bb-file-upload-alert.red-color span {
    color: var(--red-color);
}

.bb-file-upload-view-card {
    display: flex;
    align-items: center;
    gap: 15px;
    background-color: var(--secondary05-color);
    padding: 10px;
    border-radius: 8px;
    opacity: 1;
    transform: scale(1);
    transition: var(--transition);
}

.bb-file-upload-view-card.removing,
.bb-file-upload-view-card.adding {
    opacity: 0;
}

.bb-file-upload-view-card.removing {
    animation: bbFadeOut 150ms ease forwards;
}

@keyframes bbFadeOut {
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(0.9);
    }
}

.bb-file-upload-preview {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 8px;
    background-color: var(--white-color);
    border: 1px solid var(--secondary08-color);
    flex-shrink: 0;
}

.bb-file-upload-preview>* {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.bb-file-upload-data {
    flex: 1 0 60px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.bb-file-upload-data aside {
    font-size: var(--font-size-14px);
    font-weight: 300;
    line-height: var(--line-height);
    color: var(--black-color);
    word-break: break-all;
}

.bb-file-upload-data p {
    font-size: calc(var(--font-size-14px) - 2px);
    line-height: 1;
    font-weight: 300;
    color: var(--black555-color);
    margin: 0;
}

.bb-file-upload-view-card .bb-datatable-action-row {
    gap: 2px;
}

.bb-file-upload-view-card .bb-datatable-action-row>* {
    font-size: var(--font-size-14px);
}

.bb-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 77px;
    background-color: var(--secondary03-color);
    color: var(--black555-color);
    border: none;
    font-size: calc(var(--font-size-14px) - 2px);
    font-weight: 400;
    line-height: var(--line-height);
    padding: 4px 12px;
    border-radius: 100px;
    text-transform: capitalize;
    white-space: nowrap;
}

.bb-status.medium {
    min-width: 65px;
}

.bb-status.small {
    min-width: 56px;
}

a.bb-status.small,
button.bb-status.small {
    background-color: var(--primary05-color);
    color: var(--primary-color);
}

a.bb-status.small:hover,
button.bb-status.small:hover {
    background-color: var(--primary15-color);
}

.running-status {
    color: var(--running-color);
    background-color: var(--running-bg-color);
}

.bill-given-status {
    color: var(--bill-given-color);
    background-color: var(--bill-given-bg-color);
}

.reserved-status {
    color: var(--reserved-color);
    background-color: var(--reserved-bg-color);
}

.use-status,
.expired-status,
.unpaid-status,
.canceled-status {
    color: #9A2929;
    background-color: #FFEFEF;
}

.disabled-status {
    background-color: var(--secondary05-color);
    color: var(--black888-color);
}

.date-status {
    background-color: var(--secondary05-color);
    color: var(--black333-color);
}

.half-day-status,
.return-status,
.cash-status {
    background-color: #EFF1FF;
    color: #495C9D;
}

.earn-status,
.days-status,
.stock-return-status,
.paid-status,
.online-status {
    color: #4A8B44;
    background-color: #EBFBEA;
}

.full-day-status,
.carry-status,
.purchase-status,
.partial-status,
.card-status {
    background-color: #FAF4E8;
    color: #82641F;
}

.part-status {
    background-color: #F8F0FB;
    color: #82438C;
}

.bb-status.mw-30 {
    min-width: 30px;
    padding-inline: 0px;
}

.bb-status i {
    font-size: calc(var(--font-size-14px) - 4px);
}

.bb-form-control-text.bb-form-control-text-btn,
button.bb-status.bb-value-btn-js {
    pointer-events: all;
    cursor: pointer;
    min-width: auto;
    font-weight: 400;
    padding-inline: 10px;
    top: 13.5px;
}

.bb-badge {
    font-size: var(--font-size-14px);
    font-weight: 300;
    line-height: var(--line-height);
    color: var(--black555-color);
    background-color: var(--secondary05-color);
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    white-space: nowrap;
    text-transform: capitalize;
    padding: 11.25px 15px;
}

.bb-badge-primary {
    background-color: var(--primary05-color);
}

.bb-badge>b {
    font-weight: 500;
    color: var(--secondary-color);
}

.bb-badge-primary>b {
    color: var(--primary-color);
}

.bb-circle-badge {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: var(--black555-color);
    color: var(--white-color);
    font-size: 10px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0;
    border: none;
    cursor: default;
}

.bb-table-flex-text .bb-circle-badge {
    margin-top: 3px;
}

.musttry-badge {
    background-color: #947cff;
}

.jain-badge {
    background-color: #ffa969;
}

.spicy-badge {
    background-color: #ff6577;
}

.new-badge {
    background-color: #93d339;
}

.renew-badge {
    background-color: #ff7f50;
}

.kitchen-status,
.kitchen-badge {
    background-color: #ffdac7;
    color: var(--black-color);
}

.captain-status,
.captain-badge {
    background-color: #d6deff;
    color: var(--black-color);
}

.inventory-status,
.inventory-badge {
    background-color: #ffe6bb;
    color: var(--black-color);
}

.whatsapp-status,
.whatsapp-badge {
    background-color: #c4edbc;
    color: var(--black-color);
}

.bb-flex-group,
.bb-flex-row {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.bb-flex-group>* {
    width: 100%;
}

.bb-flex-card {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}

.bb-flex-card.bb-drag-card {
    outline: 1px solid var(--secondary-color);
    outline-offset: 4px;
    border-radius: 2px;
}

.bb-flex-card>* {
    flex: 0 0 135px;
    margin-bottom: 0;
}

.bb-flex-card>.bb-form-checkbox-input,
.bb-flex-card>.bb-icon-drag,
.bb-flex-card .bb-form-switch,
.bb-flex-card .bb-small-btn {
    flex-basis: auto;
    flex-grow: 0;
    margin-top: 15px;
}

.bb-flex-card>.bb-form-checkbox-input {
    margin-top: 17px;
}

.bb-flex-card>.bb-icon-drag {
    font-size: calc(var(--font-size-14px) + 2px);
    color: var(--black-color);
    line-height: 1;
}

.bb-view-card {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
    padding: 15px;
    border: 1px solid var(--secondary10-color);
    border-radius: 8px;
}

.bb-card-body .bb-view-card {
    padding: 0;
    border: none;
    border-radius: 0px;
}

.bb-view-card-data {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 4px;
}

.bb-view-card-data-bdtc {
    flex-wrap: nowrap;
}

.bb-view-card-data>* {
    font-weight: 300;
    font-size: var(--font-size-14px);
    line-height: var(--line-height);
    margin-bottom: 0;
}

.bb-total-card-data {
    padding-top: 15px;
    border-top: 1px solid var(--secondary10-color);
}

.bb-total-card-data>* {
    font-size: calc(var(--font-size-14px) + 2px);
}

.bb-view-card-data>p>button,
.bb-view-card-data>p {
    text-align: left;
    width: 135px;
    text-transform: capitalize;
    color: var(--black777-color);
    font-weight: 300;
}

.bb-view-card-data-bdtc>p {
    width: auto;
}

.bb-view-card-data>p>button {
    width: auto;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    background-color: transparent;
    border: none;
    text-transform: capitalize;
}

.bb-view-card-data>p>button i {
    color: var(--primary-color);
    margin-top: 1px;
}

.bb-view-card-data>aside {
    text-align: right;
    color: var(--black333-color);
    flex: 1 0 100px;
}

.bb-view-card-data>aside .bb-circle-badge {
    margin-top: 1px;
}

.bb-view-card-data>aside>.bb-status {
    min-width: auto;
}

.bb-view-card-data>aside.red-color {
    color: var(--red-color) !important;
}

.bb-view-card-data>aside.green-color {
    color: var(--tertiary-color) !important;
}

.bb-total-card .bb-total-card-data>aside {
    font-size: calc(var(--font-size-14px) + 4px);
    font-weight: 500;
}

.bb-badge-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}

.bb-badge-row .bb-badge {
    flex: 1 0 50px;
    flex-direction: column;
    padding: 10px 5px;
    text-align: center;
}

.bb-badge-row .bb-badge b sub {
    bottom: -0.5px;
}

.iziToast-capsule .iziToast:after {
    display: none;
}

.iziToast-capsule .iziToast.iziToast-color-red,
.iziToast-capsule .iziToast.iziToast-color-orange,
.iziToast-capsule .iziToast.iziToast-color-yellow,
.iziToast-capsule .iziToast.iziToast-color-blue,
.iziToast-capsule .iziToast.iziToast-color-green,
.iziToast-capsule .iziToast {
    background-color: var(--white-color);
}

.iziToast-capsule .iziToast {
    opacity: 1;
    box-shadow: 0 10px 20px rgb(0 0 0 / 25%);
    border-radius: 8px;
    overflow: hidden;
    font-family: var(--ffOutfit);
    width: 350px;
    max-width: 100%;
    padding: 8px 40px 13px 10px;
    margin-right: 5px;
}

.iziToast-capsule .iziToast>.iziToast-body .iziToast-icon {
    display: none;
}

.iziToast-capsule .iziToast>.iziToast-body {
    padding: 0 !important;
    margin: 0;
    flex-direction: column;
    width: 100%;
}

.iziToast-capsule .iziToast>.iziToast-body .iziToast-texts {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    width: 100%;
    padding-left: 15px;
    position: relative;
    padding: 10px 0px 10px 20px;
}

.iziToast-capsule .iziToast>.iziToast-body .iziToast-texts::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 4px;
    border-radius: 100px;
    background-color: var(--secondary20-color);
}

.iziToast-capsule .iziToast.iziToast-color-red>.iziToast-body .iziToast-texts::before {
    background-color: var(--red-color);
}

.iziToast-capsule .iziToast.iziToast-color-orange>.iziToast-body .iziToast-texts::before {
    background-color: #fcb602;
}

.iziToast-capsule .iziToast.iziToast-color-yellow>.iziToast-body .iziToast-texts::before {
    background-color: #fcef02;
}

.iziToast-capsule .iziToast.iziToast-color-blue>.iziToast-body .iziToast-texts::before {
    background-color: var(--primary-color);
}

.iziToast-capsule .iziToast.iziToast-color-green>.iziToast-body .iziToast-texts::before {
    background-color: var(--tertiary-color);
}

.iziToast-capsule .iziToast>.iziToast-body .iziToast-texts>strong {
    font-weight: 400;
    margin: 0 !important;
    text-transform: capitalize;
    font-size: calc(var(--font-size-14px) + 2px);
    color: var(--black333-color);
}

.iziToast-capsule .iziToast.iziToast-color-red>.iziToast-body .iziToast-texts>strong {
    color: var(--red-color);
}

.iziToast-capsule .iziToast.iziToast-color-orange>.iziToast-body .iziToast-texts>strong {
    color: #fcb602;
}

.iziToast-capsule .iziToast.iziToast-color-yellow>.iziToast-body .iziToast-texts>strong {
    color: #fcef02;
}

.iziToast-capsule .iziToast.iziToast-color-blue>.iziToast-body .iziToast-texts>strong {
    color: var(--primary-color);
}

.iziToast-capsule .iziToast.iziToast-color-green>.iziToast-body .iziToast-texts>strong {
    color: var(--tertiary-color);
}

.iziToast-capsule .iziToast>.iziToast-body .iziToast-texts>p {
    margin: 0;
    text-transform: capitalize;
    color: var(--black555-color);
    font-size: var(--font-size-14px);
    line-height: 1.35;
    font-weight: 300;
}

.iziToast-capsule .iziToast.bb-toast-undo>.iziToast-body .iziToast-texts>p {
    font-weight: 200;
}

.iziToast-capsule .iziToast>.iziToast-body .iziToast-texts>p b {
    color: var(--black-color);
    font-weight: 400;
    text-transform: none;
}

.iziToast-capsule .iziToast>.iziToast-close {
    background-image: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
}

.iziToast-capsule .iziToast>.iziToast-close::before {
    content: "\e046";
    font-family: "billboox";
    font-size: 12px;
    line-height: 1.1;
    color: var(--black-color);
    margin-right: 4px;
}

.iziToast-capsule .iziToast.bb-toast-undo>.iziToast-close::before {
    margin-right: 0;
    font-size: calc(var(--font-size-14px) - 4px);
    font-weight: 600;
}

.iziToast-capsule .iziToast.bb-toast-undo>.iziToast-close:hover::before {
    color: var(--secondary-color);
}

.iziToast-capsule .iziToast>.iziToast-progressbar {
    background-color: var(--secondary10-color);
}

.iziToast-capsule .iziToast>.iziToast-progressbar>div {
    background: var(--secondary30-color);
    border-radius: 0;
    height: 3px;
}

.iziToast-capsule .iziToast.bb-toast-undo {
    background-color: var(--secondary-color);
    display: inline-flex;
    align-items: center;
    gap: 15px;
    border-radius: 100px;
    min-height: auto;
    padding: 5px 8px;
    margin: 0 0 5px;
    box-shadow: 0 10px 20px rgb(0 0 0 / 25%);
}

.iziToast-capsule .iziToast.bb-toast-undo>.iziToast-close {
    order: -1;
    position: initial;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    background-color: var(--white-color);
    border-radius: 100px;
    opacity: 1;
}

.iziToast-capsule .iziToast.bb-toast-undo>.iziToast-close:hover {
    background-color: var(--secondary20-color);
}

.iziToast-capsule .iziToast.bb-toast-undo>.iziToast-body {
    width: 100%;
    padding-left: 33px;
    align-items: center;
    display: flex;
    flex-direction: row;
}

.iziToast-capsule .iziToast.bb-toast-undo>.iziToast-body .iziToast-texts {
    padding: 0;
}

.iziToast-capsule .iziToast.bb-toast-undo>.iziToast-body .iziToast-texts::before,
.iziToast-capsule .iziToast.bb-toast-undo>.iziToast-body .iziToast-texts>strong {
    display: none;
}

.iziToast-capsule .iziToast.bb-toast-undo>.iziToast-body .iziToast-texts>p {
    color: var(--secondary10-color);
}

.iziToast-capsule .iziToast.bb-toast-undo>.iziToast-body .iziToast-texts>p b {
    color: var(--white-color);
}

.iziToast-capsule .iziToast.bb-toast-undo>.iziToast-body .iziToast-buttons {
    margin: 0;
}

.iziToast-capsule .iziToast.bb-toast-undo>.iziToast-body .iziToast-buttons .iziToast-buttons-child {
    opacity: 1;
    font-size: calc(var(--font-size-14px) - 2px);
    font-weight: 400;
    line-height: var(--line-height);
    color: var(--white-color);
    padding: 7.5px 12px 7.5px 15px;
    background-color: var(--primary-color);
    border-radius: 100px;
    border: none;
    margin: 0;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

.iziToast-capsule .iziToast.bb-toast-undo>.iziToast-body .iziToast-buttons .iziToast-buttons-child:hover {
    background-color: var(--hover-color);
}

.iziToast-capsule .iziToast.bb-toast-undo>.iziToast-progressbar {
    background-color: transparent;
    height: 100%;
    z-index: -1;
}

.iziToast-capsule .iziToast.bb-toast-undo>.iziToast-progressbar>div {
    background-color: rgb(255 255 255 / 10%);
    height: 100%;
}

.bb-video-grid {
    --videoWidth: 300px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--videoWidth), 1fr));
    gap: 20px;
}

.bb-video-card {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.bb-video-data {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16/9;
    border-radius: 4px;
    border: 1px solid var(--secondary10-color);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
}

.bb-video-data:hover {
    border-color: var(--secondary-color);
}

.bb-video-thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bb-video-time-badge {
    position: absolute;
    right: 5px;
    bottom: 5px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.15;
    color: var(--white-color);
    padding: 2px 4px;
    border-radius: 4px;
    background-color: var(--black333-color);
}

.bb-video-play-btn {
    position: absolute;
    transform: scale(0);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--primary-color);
    color: var(--white-color);
    font-size: 20px;
    border: none;
}

.bb-video-data:hover .bb-video-play-btn {
    transform: scale(1);
}

.bb-video-title {
    margin: 0;
    font-size: var(--font-size-14px);
    line-height: var(--line-height);
    text-transform: capitalize;
    font-weight: 300;
}

.glightbox-clean .gclose,
.glightbox-clean .gnext,
.glightbox-clean .gprev {
    width: 40px;
    height: 40px;
    background-color: rgb(255 255 255 / 10%);
    padding: 0;
    border-radius: 0px;
}

.glightbox-clean .gclose {
    right: 0;
    top: 0;
}

.glightbox-clean .gnext {
    right: 0;
}

.glightbox-clean .gprev {
    left: 0;
}

.glightbox-clean .gclose:hover,
.glightbox-clean .gnext:hover,
.glightbox-clean .gprev:hover {
    background-color: rgb(255 255 255 / 30%);
}

.glightbox-clean .gclose svg,
.glightbox-clean .gnext svg,
.glightbox-clean .gprev svg {
    width: 18px;
}

.glightbox-mobile .goverlay,
.goverlay {
    background-color: rgb(0 0 0 / 60%);
    backdrop-filter: blur(3px);
}

.glightbox-clean .gslide-media {
    box-shadow: none;
}

.bb-key-span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: var(--font-size-14px);
    font-weight: 400;
    line-height: var(--line-height);
    padding: 8px 10px;
    background-color: var(--secondary05-color);
    color: var(--secondary-color);
    border-radius: 4px;
}

.bb-key-span i {
    font-size: 12px;
}

.bb-key-span>span {
    font-weight: 300;
}

.bb-count-card {
    flex-shrink: 0;
    width: 70px;
    height: 24px;
    border-radius: 100px;
    display: flex;
    padding: 2px;
    background-color: var(--primary10-color);
    overflow: hidden;
}

.bb-count-card.disabled {
    opacity: .3;
    pointer-events: none;
}

.bb-count-card>p {
    height: 100%;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    border-radius: 50%;
    background-color: var(--white-color);
    color: var(--primary-color);
    font-size: calc(var(--font-size-14px) - 4px);
    flex-shrink: 0;
    cursor: pointer;
    z-index: 1;
    transition: var(--transition);
}

.bb-count-card>p:hover {
    color: var(--white-color);
    background-color: var(--primary-color);
}

.bb-count-card>input {
    flex: 1 1 0;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0;
    text-align: center;
    font-size: calc(var(--font-size-14px) - 2px);
    font-weight: 400;
    line-height: 1.2;
    color: var(--black-color);
}

.bb-count-card>input:focus,
.bb-count-card>input:hover {
    border-color: var(--primary30-color);
}

.not-support-body {
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.not-support-body .login-logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.not-support-card {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.not-support-card>img {
    aspect-ratio: 1;
    object-fit: contain;
    width: 140px;
}

.not-support-card>aside {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.not-support-card>aside>p {
    font-weight: 700;
    font-size: calc(var(--font-size-14px) * 2);
    line-height: var(--line-height);
    color: var(--secondary-color);
    text-transform: capitalize;
    margin: 0px;
}

.not-support-card>aside>span {
    font-weight: 300;
    font-size: calc(var(--font-size-14px) + 4px);
    line-height: calc(var(--line-height) + 0.15);
    color: var(--black555-color);
}

.not-support-card>aside>span>b {
    font-weight: 400;
    color: var(--black333-color);
}

.ui-menu.ui-widget.ui-widget-content {
    width: 100% !important;
    top: 100% !important;
    left: 0 !important;
    border: 1px solid var(--secondary20-color);
    border-radius: 4px;
    box-shadow: var(--boxShadow);
    margin-top: 2px;
    padding: 5px 0;
    font-family: var(--ffOutfit);
    overflow-x: hidden;
}

.ui-menu.ui-widget .ui-menu-item {
    display: flex;
}

.ui-menu.ui-widget .ui-menu-item-wrapper {
    padding: 8px;
    font-size: var(--font-size-14px);
    font-weight: 300;
    color: var(--black777-color);
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    background: var(--white-color);
    border: none;
    margin: 0;
    overflow: hidden;
}

.ui-menu.ui-widget .ui-menu-item-wrapper.ui-state-active,
.ui-menu.ui-widget .ui-menu-item-wrapper:hover {
    background-color: var(--primary05-color);
    color: var(--secondary-color);
}