[data-bs-theme=light] {
    --bs-text-muted: #99A1B7;
    --bs-gray-100: #F9F9F9;
    --bs-gray-100-rgb: 249,249,249;
    --bs-gray-200: #F1F1F2;
    --bs-gray-200-rgb: 241,241,242;
    --bs-gray-300: #DBDFE9;
    --bs-gray-300-rgb: 219,223,233;
    --bs-gray-400: #B5B5C3;
    --bs-gray-400-rgb: 181,181,195;
    --bs-gray-500: #99A1B7;
    --bs-gray-500-rgb: 153,161,183;
    --bs-gray-600: #78829D;
    --bs-gray-600-rgb: 120,130,157;
    --bs-gray-700: #4B5675;
    --bs-gray-700-rgb: 75,86,117;
    --bs-gray-800: #99A1B7;
    --bs-gray-800-rgb: 37,47,74;
    --bs-gray-900: #071437;
    --bs-gray-900-rgb: 7,20,55;
    --bs-light: #F9F9F9;
    --bs-primary: #e9bc00;
    --bs-secondary: #DBDFE9;
    --bs-success: #568259;
    --bs-info: #7239ea;
    --bs-warning: #ffc700;
    --bs-danger: #FB3640;
    --bs-dark: #2E282A;
    --bs-primary-active: #f1bc00;
    --bs-secondary-active: #B5B5C3;
    --bs-light-active: #F1F1F2;
    --bs-success-active: #47be7d;
    --bs-info-active: #5014d0;
    --bs-warning-active: #f1bc00;
    --bs-danger-active: #d9214e;
    --bs-dark-active: #050f29;
    --bs-primary-light: #f1faff;
    --bs-secondary-light: #F9F9F9;
    --bs-success-light: #e8fff3;
    --bs-info-light: #f8f5ff;
    --bs-warning-light: #fff8dd;
    --bs-danger-light: #fff5f8;
    --bs-dark-light: #F1F1F2;
    --bs-primary-inverse: #ffffff;
    --bs-secondary-inverse: #4B5675;
    --bs-light-inverse: #78829D;
    --bs-success-inverse: #ffffff;
    --bs-info-inverse: #ffffff;
    --bs-warning-inverse: #ffffff;
    --bs-danger-inverse: #ffffff;
    --bs-dark-inverse: #ffffff;
    --bs-light-rgb: 249,249,249;
    --bs-primary-rgb: 31,193,177;
    --bs-secondary-rgb: 219,223,233;
    --bs-success-rgb: 86, 130, 89;
    --bs-info-rgb: 114,57,234;
    --bs-warning-rgb: 255,199,0;
    --bs-danger-rgb: 241,65,108;
    --bs-dark-rgb: 7,20,55;
    --bs-text-white: #ffffff;
    --bs-text-primary: #e9bc00;
    --bs-text-secondary: #DBDFE9;
    --bs-text-light: #F9F9F9;
    --bs-text-success: #50cd89;
    --bs-text-info: #7239ea;
    --bs-text-warning: #ffc700;
    --bs-text-danger: #f1416c;
    --bs-text-dark: #2E282A;
    --bs-text-muted: #99A1B7;
    --bs-text-gray-100: #F9F9F9;
    --bs-text-gray-200: #F1F1F2;
    --bs-text-gray-300: #DBDFE9;
    --bs-text-gray-400: #B5B5C3;
    --bs-text-gray-500: #99A1B7;
    --bs-text-gray-600: #78829D;
    --bs-text-gray-700: #4B5675;
    --bs-text-gray-800: #252F4A;
    --bs-text-gray-900: #071437;
    --bs-border-color: #F1F1F2;
    --bs-border-dashed-color: #DBDFE9;
    --bs-component-active-color: #ffffff;
    --bs-prismjs-btn-color-hover: #e9bc00;
    --bs-component-active-bg: #e9bc00;
    --bs-component-hover-color: #e9bc00;
    --bs-component-hover-bg: #F9F9F9;
    --bs-component-checked-color: #ffffff;
    --bs-component-checked-bg: #3E97FF;
    --bs-box-shadow-xs: 0 0.1rem 0.75rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1);
    --bs-input-bg: var(--bs-body-bg);
    --bs-input-color: var(--bs-gray-700);
    --bs-input-solid-color: var(--bs-gray-700);
    --bs-input-solid-bg: var(--bs-gray-100);
    --bs-input-solid-bg-focus: var(--bs-gray-200);
    --bs-input-solid-placeholder-color: var(--bs-gray-500);
    --bs-tooltip-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
    --bs-table-striped-bg: rgba(var(--bs-gray-100-rgb), 0.75);
    --bs-table-loading-message-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --bs-code-bg: #F1F3F8;
    --bs-code-box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
    --bs-code-color: #b93993;
    --bs-symbol-label-color: var(--bs-gray-800);
    --bs-symbol-label-bg: var(--bs-gray-100);
    --bs-symbol-border-color: rgba(var(--bs-body-bg), 0.5);
    --bs-bullet-bg-color: var(--bs-gray-400);
    --bs-scrolltop-opacity: 0;
    --bs-scrolltop-opacity-on: 0.3;
    --bs-scrolltop-opacity-hover: 1;
    --bs-scrolltop-box-shadow: var(--bs-box-shadow);
    --bs-scrolltop-bg-color: var(--bs-primary);
    --bs-scrolltop-bg-color-hover: var(--bs-primary);
    --bs-scrolltop-icon-color: var(--bs-primary-inverse);
    --bs-scrolltop-icon-color-hover: var(--bs-primary-inverse);
    --bs-drawer-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.05);
    --bs-drawer-bg-color: #ffffff;
    --bs-drawer-overlay-bg-color: rgba(0, 0, 0, 0.2);
    --bs-menu-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --bs-menu-dropdown-bg-color: var(--bs-body-bg);
    --bs-menu-heading-color: #99A1B7;
    --bs-menu-link-color-hover: #e9bc00;
    --bs-menu-link-color-show: #e9bc00;
    --bs-menu-link-color-here: #e9bc00;
    --bs-menu-link-color-active: #e9bc00;
    --bs-menu-link-bg-color-hover: #F9F9F9;
    --bs-menu-link-bg-color-show: #F9F9F9;
    --bs-menu-link-bg-color-here: #F9F9F9;
    --bs-menu-link-bg-color-active: #F9F9F9;
    --bs-scrollbar-color: #F1F1F2;
    --bs-scrollbar-hover-color: #DBDFE9;
    --bs-overlay-bg: rgba(0, 0, 0, 0.05);
    --bs-blockui-overlay-bg: rgba(0, 0, 0, 0.05);
    --bs-rating-color-default: #B5B5C3;
    --bs-rating-color-active: #FFAD0F;
    --bs-ribbon-label-box-shadow: 0px -1px 5px 0px rgba(7, 20, 55, 0.1);
    --bs-ribbon-label-bg: #3E97FF;
    --bs-ribbon-label-border-color: #0063d7;
    --bs-ribbon-clip-bg: #071437;
    --bs-engage-btn-bg: #ffffff;
    --bs-engage-btn-box-shadow: 0px 0px 22px #E0E0E0;
    --bs-engage-btn-border-color: #E8E8E8;
    --bs-engage-btn-color: #252F4A;
    --bs-engage-btn-icon-color: #78829D;
    --bs-engage-btn-color-active: #252F4A;
}
[data-bs-theme=dark] {
    --bs-body-bg: #181a1b;
    --bs-body-color: #d4d1cb;
    --bs-heading-color: #d4d1cb;
    --bs-text-muted: #b1aaa0;
    --bs-gray-100: #1b1e1f;
    --bs-gray-100-rgb: 27, 30, 31;
    --bs-gray-200: #202224;
    --bs-gray-200-rgb: 32, 34, 36;
    --bs-gray-300: #282c2d;
    --bs-gray-300-rgb: 40, 44, 45;
    --bs-gray-400: #3e4346;
    --bs-gray-400-rgb: 62, 67, 70;
    --bs-gray-500: #40475b;
    --bs-gray-500-rgb: 64, 71, 91;
    --bs-gray-600: #b1aaa0;
    --bs-gray-600-rgb: 80, 88, 111;
    --bs-gray-700: #b1aaa0;
    --bs-gray-700-rgb: 60, 69, 94;
    --bs-gray-800: #b1aaa0;
    --bs-gray-800-rgb: 30, 38, 59;
    --bs-gray-900: #06102c;
    --bs-gray-900-rgb: 6, 16, 44;
    --bs-light: #1b1e1f;
    --bs-primary: #e9bc00;
    --bs-secondary: #DBDFE9;
    --bs-success: #568259;
    --bs-info: #7239ea;
    --bs-warning: #ffc700;
    --bs-danger: #FB3640;
    --bs-dark: #2E282A;
    --bs-primary-active: #f1bc00;
    --bs-secondary-active: #B5B5C3;
    --bs-light-active: #F1F1F2;
    --bs-success-active: #47be7d;
    --bs-info-active: #5014d0;
    --bs-warning-active: #f1bc00;
    --bs-danger-active: #d9214e;
    --bs-dark-active: #050f29;
    --bs-primary-light: #172331;
    --bs-secondary-light: #363843;
    --bs-success-light: #1F212A;
    --bs-info-light: #272134;
    --bs-warning-light: #242320;
    --bs-danger-light: #302024;
    --bs-dark-light: #1E2027;
    --bs-light-light: #1F212A;
    --bs-primary-inverse: #ffffff;
    --bs-secondary-inverse: #fff8dd;
    --bs-light-inverse: #fff8dd;
    --bs-success-inverse: #ffffff;
    --bs-info-inverse: #ffffff;
    --bs-warning-inverse: #ffffff;
    --bs-danger-inverse: #ffffff;
    --bs-dark-inverse: #ffffff;
    --bs-light-rgb: 249,249,249;
    --bs-primary-rgb: 31,193,177;
    --bs-secondary-rgb: 219,223,233;
    --bs-success-rgb: 86, 130, 89;
    --bs-info-rgb: 114,57,234;
    --bs-warning-rgb: 255,199,0;
    --bs-danger-rgb: 241,65,108;
    --bs-dark-rgb: 7,20,55;
    --bs-text-white: #ffffff;
    --bs-text-primary: #e9bc00;
    --bs-text-secondary: #DBDFE9;
    --bs-text-light: #e4e2de;
    --bs-text-success: #50cd89;
    --bs-text-info: #7239ea;
    --bs-text-info: #7239ea;
    --bs-text-dark: #e8e6e3;
    --bs-text-warning: #ffc700;
    --bs-text-gray-100: #1b1b29;
    --bs-text-gray-200: #dfddd9;
    --bs-text-gray-300: #c6d1dc;
    --bs-text-gray-400: #beb8b0;
    --bs-text-gray-500: #b1aaa0;
    --bs-text-gray-600: #9e9689;
    --bs-text-gray-700: #aba499;
    --bs-text-gray-800: #b1aaa0;
    --bs-text-gray-900: #d4d1cb;
    --bs-border-color: #282c2d;
    --bs-border-dashed-color: #2d364a;
    --bs-app-sidebar-base-toggle-btn-bg-color: #1b1e1f;
    --bs-component-active-bg: #e9bc00;
    --bs-component-checked-color: #ffffff;
    --bs-component-checked-bg: #3E97FF;
    --bs-box-shadow-xs: 0 0.1rem 0.75rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1);
    --bs-input-bg: var(--bs-body-bg);
    --bs-input-color: var(--bs-gray-700);
    --bs-input-solid-color: var(--bs-gray-700);
    --bs-input-solid-bg: var(--bs-gray-100);
    --bs-input-solid-bg-focus: var(--bs-gray-200);
    --bs-input-solid-placeholder-color: var(--bs-gray-500);
    --bs-tooltip-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
    --bs-table-striped-bg: rgba(var(--bs-gray-100-rgb), 0.75);
    --bs-table-loading-message-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --bs-code-bg: #F1F3F8;
    --bs-code-box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
    --bs-code-color: #b93993;
    --bs-symbol-label-color: var(--bs-gray-800);
    --bs-symbol-label-bg: var(--bs-gray-100);
    --bs-symbol-border-color: rgba(var(--bs-body-bg), 0.5);
    --bs-bullet-bg-color: var(--bs-gray-400);
    --bs-scrolltop-opacity: 0;
    --bs-scrolltop-opacity-on: 0.3;
    --bs-scrolltop-opacity-hover: 1;
    --bs-scrolltop-box-shadow: var(--bs-box-shadow);
    --bs-scrolltop-bg-color: var(--bs-primary);
    --bs-scrolltop-bg-color-hover: var(--bs-primary);
    --bs-scrolltop-icon-color: var(--bs-primary-inverse);
    --bs-scrolltop-icon-color-hover: var(--bs-primary-inverse);
    --bs-drawer-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.05);
    --bs-drawer-bg-color: #ffffff;
    --bs-drawer-overlay-bg-color: rgba(0, 0, 0, 0.2);
    --bs-menu-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --bs-menu-dropdown-bg-color: var(--bs-body-bg);
    --bs-menu-heading-color: #99A1B7;
    --bs-menu-link-color-hover: #e9bc00;
    --bs-menu-link-color-show: #e9bc00;
    --bs-menu-link-color-here: #e9bc00;
    --bs-menu-link-color-active: #e9bc00;
    --bs-menu-link-bg-color-hover: #1b1e1f;
    --bs-menu-link-bg-color-show: #1b1e1f;
    --bs-menu-link-bg-color-here: #1b1e1f;
    --bs-menu-link-bg-color-active: #1b1e1f;
    --bs-scrollbar-color: #F1F1F2;
    --bs-scrollbar-hover-color: #DBDFE9;
    --bs-overlay-bg: rgba(0, 0, 0, 0.05);
    --bs-blockui-overlay-bg: rgba(0, 0, 0, 0.05);
    --bs-rating-color-default: #B5B5C3;
    --bs-rating-color-active: #FFAD0F;
    --bs-ribbon-label-box-shadow: 0px -1px 5px 0px rgba(7, 20, 55, 0.1);
    --bs-ribbon-label-bg: #3E97FF;
    --bs-ribbon-label-border-color: #0063d7;
    --bs-ribbon-clip-bg: #071437;
    --bs-engage-btn-bg: #ffffff;
    --bs-engage-btn-box-shadow: 0px 0px 22px #E0E0E0;
    --bs-engage-btn-border-color: #E8E8E8;
    --bs-engage-btn-color: #252F4A;
    --bs-engage-btn-icon-color: #78829D;
    --bs-engage-btn-color-active: #252F4A;
    --bs-component-active-color: #ffffff;
    --bs-component-hover-color: #e9bc00;
    --bs-component-hover-bg: #1b1e1f;
}

:root {
    --bs-xs: 0;
    --bs-sm: 576px;
    --bs-md: 768px;
    --bs-lg: 992px;
    --bs-xl: 1200px;
    --bs-xxl: 1400px;
    --bs-scrollbar-size: 5px;
    --bs-scrollbar-overlay-size: 19px;
    --bs-scrollbar-overlay-space: 7px;
    --bs-white-bg-rgb: 255,255,255;
    --bs-black-bg-rgb: 0,0,0;
}
.symbol.symbol-lg-160px.symbol-fixed > img {
    object-fit: contain;
}
.symbol.symbol-100px > img {
    object-fit: contain;
}
.app-sidebar-menu .menu > .menu-item > .menu-link > .menu-title {
    font-size: 1.3rem;
}

.menu-item .menu-link {
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 0;
    flex: 0 0 100%;
    padding: 0.65rem 1.6rem;
    transition: none;
    outline: 0 !important;
}
.note-settings {
    margin: 2.5rem 0 1rem 0 !important;
}
.settings-input {
    width: 100%;
}
.settings-input input[type="color" i] {
width: 100%;
}
.show-img {
    margin: 0px 5px;
    padding: 4px 6px;
    background: #eee;
    color: black;
}
.tooltip .tooltip-inner {
    font-family: Cairo, "sans-serif" !important;
}
.hide {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
}

.product {
    cursor: pointer;
}
/* Add any necessary styling for the toggle button */
.toggle-details {
    margin-top: 10px;
}

.tagify .tagify__input{
    font-size:12px;
}

.daterangepicker {
    font-family: var(--bs-font-cairo);
}

/* Hide the arrows in WebKit browsers (Chrome, Safari) */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Hide the arrows in Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

/* Hide the arrows in Internet Explorer 10+ */
input[type="number"] {
    -ms-appearance: textfield;
}