@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
  :root {
    /*-- profile-popover --*/
    --profile-popover-box-shadow: 0 0 5px 0 #ccc;
    --profile-popover-bg: #fff;
    --profile-popover-bg-border: #fff;
    --profile-popover-text: #000;
    --profile-popover-border: #ccc;
    --profile-popover-icon-filter: invert(0%) sepia(0%) saturate(7472%)
      hue-rotate(174deg) brightness(101%) contrast(109%);
    --profile-popover-icon-filter-hover: brightness(0) saturate(100%)
      invert(13%) sepia(100%) saturate(6%) hue-rotate(33deg) brightness(97%)
      contrast(87%);

    --header-profile-arrow: invert(0%) brightness(0%);

    /*-- theme-popover --*/
    --theme-contract-attachments-add-bg: #0661cd;
    --theme-contract-attachments-filter: invert(100%) sepia(0%) saturate(0%)
      hue-rotate(93deg) brightness(103%) contrast(103%);
    --theme-contract-attachments-border: #fff;
    /*-- theme-popover --*/
    --theme-popover-bg: #fff;
    --theme-popover-box-shadow: 0 0 3px 3px #ccc;
    --theme-popover-box-border: none;
    --theme-select-tick-icon: brightness(0) saturate(100%) invert(28%) sepia(9%)
      saturate(2073%) hue-rotate(197deg) brightness(96%) contrast(95%);
    /*-- dashboard menu --*/
    --dashboard-menu-close-icon: invert(0%) brightness(0%);
    --dashboard-menu-close-icon-hover: invert(0%) brightness(0%);

    --change-background-color-start: #fff;
    --change-background-color-end: #efefef;
    /*-- release form --*/
    --release-cancel-button-bg: #fff;
    --release-cancel-button-bg-hover: #f7f7f7;
    --release-cancel-button-border: #000000a1;
    --release-cancel-button-border-hover: #000000a1;
    --release-cancel-button-text: #000;
    --release-cancel-button-text-hover: #000;

    /*-- step form --*/
    --commission-box-bg: #fff;
    --commission-box-border: #888;
    --commission-box-shadow: 0px -1px 4px 2px #cccccc2b;

    --commission-box-hr-strip-bg: #fff;
    --commission-box-hr-strip-text: #000;
    --commission-box-hr-strip-border: #000;

    --commission-box-button-show-bg: #fff;
    --commission-box-button-show-border: #000;
    --commission-box-button-show-text: #000;

    --commission-box-button-hide-bg: #fff;
    --commission-box-button-hide-border: #000;
    --commission-box-button-hide-text: #000;

    /*-- records dropdown --*/
    --records-dropdown-bg: #fff;
    --records-dropdown-bg-border: #fff;
    --records-dropdown-relative-bg: #fff !important;
    --records-dropdown-relative-bg-hover: #f2f3f7 !important;
    --records-dropdown-relative-text: #000 !important;
    --records-dropdown-relative-text-hover: #000 !important;

    /*-- table setting --*/
    --records-number-bg: #f3f3f3;
    --records-number-bg-text: #000;
    --records-number-bg-border: #e9e9e9;

    --records-number-counter-bg: #fff;
    --records-number-counter-border: #000000a1;

    --table-setting-show-text: #333;
    --table-setting-select-all-text: #000;

    --table-setting-label-bg: #fff;
    --table-setting-label-text: #000;
    --table-setting-label-border: #000000a1;

    --table-setting-check-bg: #fff;
    --table-setting-checked-bg: #000;
    --table-setting-check-bg-shadow: 0 0 3px #a9a9a9;

    /*-- sweet alert --*/
    --sweet-alert-bg-border: #fff;
    --sweet-alert-title: #000;
    --sweet-alert-subtitle: #545454;

    --sweet-alert-arrow-border: #c9dae1;
    --sweet-alert-arrow-text: #87adbd;

    --sweet-alert-cancel-button: #ffffff;
    --sweet-alert-cancel-button-hover: #f7f7f7;
    --sweet-alert-cancel-button-text: #000;
    --sweet-alert-cancel-button-text-hover: #000;
    --sweet-alert-cancel-button-border: #000;
    --sweet-alert-cancel-button-border-hover: #000;

    --sweet-alert-export-button: #000;
    --sweet-alert-export-button-hover: #404040;
    --sweet-alert-export-button-text: #fff;
    --sweet-alert-export-button-text-hover: #fff;
    --sweet-alert-export-button-border: #000;
    --sweet-alert-export-button-border-hover: #000;

    /*--workspace--*/
    --workspace-widget-bg: #f8f8f8;
    --workspace-widget-bg-shadow: 0px -2px 7px 5px #e3e3e3;
    --workspace-widget-border: #f8f8f8;

    --workspace-widget-bg-title: #000;
    --workspace-widget-bg-create-button-text: #fff;
    --workspace-widget-bg-create-button-text-hover: #fff;
    --workspace-widget-bg-create-button: #000;
    --workspace-widget-bg-create-button-hover: #404040;
    --workspace-widget-bg-create-button-border: #000;
    --workspace-widget-bg-create-button-border-hover: #404040;
    --workspace-widget-bg-close: invert(0%) brightness(0%);
    --workspace-widget-bg-close-hover: invert(25%) sepia(55%) saturate(6890%)
      hue-rotate(344deg) brightness(95%) contrast(101%);

    --workspace-widget-tab-title: #000;
    --workspace-secondary-border: #ccc;
    --workspace-select-tab-border: #000;
    --workspace-select-tab-icon: invert(0%) brightness(0%);

    --workspace-calendar-icon-bg: #f8f8f8;
    --workspace-calendar-icon-bg-hover: #f8f8f8;
    --workspace-calendar-icon-bg-border: #00000063;
    --workspace-calendar-icon-bg-border-hover: #f00;
    --workspace-calendar-icon-bg-img: invert(0%) brightness(0%);
    --workspace-calendar-icon-bg-img-hover: invert(25%) sepia(55%)
      saturate(6890%) hue-rotate(344deg) brightness(95%) contrast(101%);

    --workspace-workspace-tab-border: #acacac;
    --workspace-view-more: #000;
    --workspace-view-more-hover: #e21d24;

    --workspace-tab-dropdown-bg: #fff;
    --workspace-tab-dropdown-bg-border: #fff;
    --workspace-tab-dropdown-bg-shadow: 1px 0 9px 8px #cccccc7d;
    --workspace-tab-dropdown-bg-text: #000;
    --workspace-tab-dropdown-bg-text-hover: #f00;

    /*--color--*/
    --base-color-red: #f00;
    --base-color-yellow: #ffe600;
    --base-color-green: #008000;
    --base-color-blue: #0000ff;
    --base-color-orange: #ffa500;
    --base-color-dark: #000;
    --base-color-white: #fff;
    --base-color-light: #ccc;
    /*--commom--*/
    --primary-common-color: #000;
    --primary-white-color: #fff;
    --backgroundlight: #e7e4e43d;
    --select-tab-list: #fff;
    --tabslist-lead-info: #ffffff;
    --setting-label: #fff;
    --primary-color: #9c9c9c;
    --secondary-color: #fff;
    --primary-border-color: #000;
    --primary-light-color: #e9e9e9;
    /*-- table header right side btn--*/
    --table-header-button-bg: #fff;
    --table-header-button-bg-hover: #fff;
    --table-header-button-border: #00000063;
    --table-header-button-border-hover: #e21d24;
    --table-header-button-img: invert(0%) brightness(0%);
    --table-header-button-img-hover: invert(25%) sepia(55%) saturate(6890%)
      hue-rotate(344deg) brightness(95%) contrast(101%);

    --table-header-dropdown-menu-bg: #fff;
    --table-header-dropdown-menu-bg-shadow: 1px 0 9px 8px #cccccc7d;
    --table-header-dropdown-menu-bg-border: #fff;

    --table-header-dropdown-menu-list-text: #000;
    --table-header-dropdown-menu-list-text-hover: #e21d24;

    --table-header-dropdown-menu-list-icon-bg: none;
    --table-header-dropdown-menu-list-icon-bg-hover: none;

    --table-header-dropdown-menu-list-icon-border: #00000063;
    --table-header-dropdown-menu-list-icon-border-hover: #e21d24;
    --table-header-dropdown-menu-list-icon: invert(0%) brightness(0%);
    --table-header-dropdown-menu-list-icon-hover: invert(0%) brightness(0%);

    /*--table--*/
    --table-outer-bg: #fff;

    --table-pagination-arrow: invert(0%) brightness(0%);
    --table-pagination-arrow-hover: invert(25%) sepia(55%) saturate(6890%)
      hue-rotate(344deg) brightness(95%) contrast(101%);

    --table-outer-border: #000;
    --table-widget-inner-bg: #fff;
    --table-head-bg: #efefef;
    --table-head-text: #000;
    --table-body-cell-border: #cccccc80;
    --table-body-cell-bg-odd: #ffffff;
    --table-body-cell-bg-text-odd: #000;
    --table-body-cell-bg-even: #f8f8f8;
    --table-body-cell-bg-text-even: #000;
    --table-body-cell-more-text: #0056c5c9;
    --table-pagination-row-bg: #efefef;
    --table-action-icon-filter: invert(0%) brightness(0%);
    --table-action-icon-filter-hover: invert(25%) sepia(55%) saturate(6890%)
      hue-rotate(344deg) brightness(95%) contrast(101%);

    --table-info-bg: #fff;
    --table-info-text: #000;
    --table-info-box-shadow: rgb(0 0 0 / 20%);
    --table-info-bg-border: #e5e5e5;
    --table-info-tooltip-bg: rgb(255, 255, 255);
    --table-info-btn-border: #ccc;
    --table-pagination-box-shadow:
      0 0.46875rem 2.1875rem rgb(4 9 20 / 7%),
      0 0.9375rem 1.40625rem rgb(4 9 20 / 7%),
      0 0.25rem 0.53125rem rgb(4 9 20 / 7%),
      0 0.125rem 0.1875rem rgb(4 9 20 / 7%);

    --calendar-bg: #fff;
    --calendar-text: #000;
    --calendar-text-light: #000;
    --calendar-current-day-bg: #f00;
    --calendar-current-day-bg-text: #fff;
    --calendar-day-outside: #999;
    --calendar-day-button-bg-hover: #eee;
    --calendar-border: #ccc;

    --calendar-apply-button: #5cb85c;
    --calendar-apply-button-hover: #449d44;
    --calendar-apply-button-text: #ccc;
    --calendar-apply-button-text-hover: #fff;
    --calendar-apply-button-border: #5cb85c;
    --calendar-apply-button-border-hover: #5cb85c;

    --calendar-clear-button: #ccc;
    --calendar-clear-button-hover: #e6e6e6;
    --calendar-clear-button-text: #ccc;
    --calendar-clear-button-text-hover: #ccc;
    --calendar-clear-button-border: #000;

    --calendar-range-picker: #ebf4f8;

    --td-first: #ffffff;
    --td-second: #f8f8f8;
    --td-text: #000;
    --info-table: #fff;
    /*--table-check row--*/
    --table-row-check: #000;
    --table-row-check-shadow: #a9a9a9;
    --table-row-unchecked: #fff;

    /*--utility--*/
    --shortcut-utility-bg: #f8f8f8;
    --shortcut-utility-border: #e5e5e5;
    --shortcut-utility-border-hover: #e5e5e5;
    --shortcut-utility-shadow: 9px 0 12px 2px #e3e3e3;
    --shortcut-utility-text: #000;
    --shortcut-utility-text-hover: #000;
    --shortcut-utility-arrow-bg: #7f7f7f;
    --shortcut-utility-input-border: #000000a1;
    --shortcut-utility-country-list: #fff;
    --shortcut-utility-country-list-hover: #f2f3f7;
    --shortcut-utility-country-list-text: #fff;
    --shortcut-utility-country-list-text-hover: #000;
    --shortcut-utility-close-img: invert(0%) brightness(0%);
    --shortcut-utility-close-img-hover: invert(25%) sepia(55%) saturate(6890%)
      hue-rotate(344deg) brightness(95%) contrast(101%);

    --shortcut-utility-country-list-active-bg: #f2f3f7;
    --shortcut-utility-country-list-active-text: #000;

    --shortcut-utility-country-search-text: #555;
    --shortcut-utility-country-list-nomatch-bg: #f5f5f5;
    --shortcut-utility-country-list-nomatch-bg-hover: #f5f5f5;
    --shortcut-utility-country-list-nomatch-text: #555;
    --shortcut-utility-country-list-nomatch-text-hover: #555;

    --shortcut-utility-logo-text: #000;
    --shortcut-utility-logo-img: invert(0%) brightness(0%);
    /*--form--*/
    --validation-alert-text: #e7262b;
    --multiselect-select-bg: #fff;
    --multiselect-select-text: #000;
    --multiselect-select-text-hover: #000;
    --multiselect-select-option-hover: #f2f3f7;
    --multiselect-select-input-border: #000;
    --multiselect-select-border: rgba(0, 0, 0, 0.15);
    /*--modal--*/
    --modal-header-bg: #f7f7f7;
    --modal-bg: #ffffff;
    --modal-bg-border: #00000033;
    --modal-label: #000;
    --modal-input-bg: #fff;
    --modal-input-border: #000;
    --modal-input-text: #555;

    --modal-filter-master-search-img: invert(0%) brightness(0%);
    --modal-filter-master-search-img-hover: invert(25%) sepia(55%)
      saturate(6890%) hue-rotate(344deg) brightness(95%) contrast(101%);

    --modal-main-color: #000;
    --modal-header-color: #070505;
    --modal-hr-border: #e5e5e5;
    --modal-footer-btn: #000;

    --modal-close-icon: invert(0%) brightness(0%);
    --modal-close-icon-hover: invert(25%) sepia(55%) saturate(6890%)
      hue-rotate(344deg) brightness(95%) contrast(101%);

    --modal-primary-button-bg: #000;
    --modal-primary-button-bg-hover: #404040;
    --modal-primary-button-border: #000;
    --modal-primary-button-border-hover: #000;
    --modal-primary-button-text: #fff;
    --modal-primary-button-text-hover: #fff;

    --modal-secondary-button-reset-bg: #fff;
    --modal-secondary-button-reset-bg-hover: #fff;
    --modal-secondary-button-reset-border: #000;
    --modal-secondary-button-reset-border-hover: #e21d24;
    --modal-secondary-button-reset-border-filter: invert(0%) brightness(0%);
    --modal-secondary-button-reset-border-filter-hover: invert(25%) sepia(55%)
      saturate(6890%) hue-rotate(344deg) brightness(95%) contrast(101%);

    --modal-footer-reset-btn: #000;
    --modal-filter-reset: invert(0%) brightness(0%);
    --modal-text-color: #000;
    --modal-light-bg: rgba(0, 0, 0, 0.03);
    --modal-primary-btn-text: #000;
    /*--popup--*/
    --popup-bg: #fff;
    --popup-bg-text: #000;
    --popup-filter-img: invert(0%) brightness(0%);
    /*--menu--*/
    --dashboard-menu-bg: #fff;
    --dashboard-menu-text: #000;
    --dashboard-menu-text-hover: #f00;
    --dashboard-menu-subheader-text: #222222;
    --dashboard-menu-subheader-border: #d0d0d0;
    --dashboard-menu-input-bg: #fff;
    --dashboard-menu-input-border: #000000a1;
    --dashboard-menu-input-text: #000;
    --dashboard-menu-close-button: #000;
    --dashboard-menu-close-button-hover: #000;
    --dashboard-menu-input-placeholder: #222;

    --menu-bg: #fff;
    --menu-text: #000;
    --menu-color: #000;
    --menu-text-hover: #000;

    --dashboard-right-menu-text-heading: #999;
    --dashboard-right-menu-text-hover: #f00;
    --dashboard-right-menu-toggle-bg: #000;
    --dashboard-right-menu-toggle-switch-bg: #cccccc;
    --dashboard-right-menu-toggle-circle: #fff;
    --dashboard-right-menu-bg: #f8f8f8;
    --dashboard-right-menu-border: #cccccc73;
    --dashboard-right-menu-bookmark-icon: invert(0%) brightness(0%);
    --dashboard-right-menu-bookmark-icon-hover: invert(25%) sepia(55%)
      saturate(6890%) hue-rotate(344deg) brightness(95%) contrast(101%);
    --dashboard-overflow-scroll-bg: #c9c9c9;

    /*--horizontalMenu --*/
    --horizontal-menu-strip-bg: #262626;
    --horizontal-menu-strip-text: #fff;
    --horizontal-menu-card-bg: #3e3e3e;
    --horizontal-menu-card-border: #fff;
    --horizontal-menu-card-list-bg-hover: #fff;
    --horizontal-menu-card-list-text-hover: #000;
    --horizontal-menu-card-shadow: #ccc;
    --horizontal-menu-shortcut-toggle: #000;
    /*--drag-drop-menu --*/
    --drag-drop-menu-label: #f3f3f3;

    /*--footer--*/
    --footer-text: #000;
    --footer-utilities-text: #000;
    --footer-utilities-img: invert(0%) brightness(0%);

    /*--img filter--*/
    --img-filter-header: invert(0%) brightness(0%);

    --header-top-icon-img: invert(0%) brightness(0%);
    --header-top-icon-img-hover: invert(25%) sepia(55%) saturate(6890%)
      hue-rotate(344deg) brightness(95%) contrast(101%);

    --filter-icon: invert(0%) brightness(0%);
    --filter-icon-secondary: invert(0%) brightness(0%);
    --table-icon-info-bg: invert(0%) brightness(0%);
    /*--hover--*/
    --primary-color-hover: #555555;
    /*--scrollbar--*/
    --scrollbar-track: #c9c9c9;
    --scrollbar-thumb: #c9c9c9;
    /*--default--*/
    --background: 0 0% 100%;
    --foreground: 240 10% 3.9%;
    --card: 0 0% 100%;
    --card-foreground: 240 10% 3.9%;
    --popover: 0 0% 100%;
    --popover-foreground: 240 10% 3.9%;
    --primary: 240 5.9% 10%;
    --primary-foreground: 0 0% 98%;
    --secondary: 240 4.8% 95.9%;
    --secondary-foreground: 240 5.9% 10%;
    --muted: 240 4.8% 95.9%;
    --muted-foreground: 240 3.8% 46.1%;
    --accent: 240 4.8% 95.9%;
    --accent-foreground: 240 5.9% 10%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 0 0% 98%;
    --border: 240 5.9% 90%;
    --input: 240 5.9% 90%;
    --ring: 240 10% 3.9%;
    --chart-1: 12 76% 61%;
    --chart-2: 173 58% 39%;
    --chart-3: 197 37% 24%;
    --chart-4: 43 74% 66%;
    --chart-5: 27 87% 67%;
    --radius: 0.5rem;
    /*--skeleton--*/
    --skeleton-row: #efefef;
  }

  .graphite {
    /*--profile-popover--*/
    --profile-popover-box-shadow: 0 0 12px 2px #000000;
    --profile-popover-bg: #484848;
    --profile-popover-bg-border: #484848 !important;
    --profile-popover-text: #cfcfcf;
    --profile-popover-border: #000;
    --profile-popover-icon-filter: invert(89%) sepia(0%) saturate(151%)
      hue-rotate(157deg) brightness(100%) contrast(79%);
    --profile-popover-icon-filter-hover: brightness(0) saturate(100%)
      invert(70%) sepia(2%) saturate(12%) hue-rotate(8deg) brightness(99%)
      contrast(92%);

    --header-profile-arrow: invert(100%) sepia(0%) saturate(0%)
      hue-rotate(93deg) brightness(103%) contrast(103%);
    /*-- theme-popover --*/
    --theme-contract-attachments-add-bg: #0661cd;
    --theme-contract-attachments-filter: invert(100%) sepia(0%) saturate(0%)
      hue-rotate(93deg) brightness(103%) contrast(103%);
    --theme-contract-attachments-border: #fff;
    /*-- theme-popover --*/
    --theme-popover-bg: #cfcfcf;
    --theme-popover-box-shadow: 0 0 3px 3px #ccc;
    --theme-popover-box-border: none;
    --theme-select-tick-icon: brightness(0) saturate(100%) invert(78%)
      sepia(75%) saturate(1%) hue-rotate(31deg) brightness(95%) contrast(98%);
    /*-- dashboard menu --*/
    --dashboard-menu-close-icon: invert(0%) brightness(0%);
    --dashboard-menu-close-icon-hover: invert(0%) brightness(0%);

    --change-background-color-start: #b8b6b7;
    --change-background-color-end: #484848;
    /*-- release form --*/
    --release-cancel-button-bg: #b8b6b7;
    --release-cancel-button-bg-hover: #000;
    --release-cancel-button-border: #cfcfcf;
    --release-cancel-button-border-hover: #000;
    --release-cancel-button-text: #000;
    --release-cancel-button-text-hover: #fff;

    /*-- step form --*/
    --commission-box-bg: #fff;
    --commission-box-border: #888;
    --commission-box-shadow: 0px -1px 4px 2px #4e4e4ec2;

    --commission-box-hr-strip-bg: #4e4e4e;
    --commission-box-hr-strip-text: #fff;
    --commission-box-hr-strip-border: #fff;

    --commission-box-button-show-bg: #4e4e4e;
    --commission-box-button-show-border: #fff;
    --commission-box-button-show-text: #fff;

    --commission-box-button-hide-bg: #4e4e4e;
    --commission-box-button-hide-border: #fff;
    --commission-box-button-hide-text: #fff;

    /*-- records dropdown --*/
    --records-dropdown-bg: #b8b6b7;
    --records-dropdown-bg-border: #cfcfcf;
    --records-dropdown-relative-bg: #b8b6b7 !important;
    --records-dropdown-relative-bg-hover: #4e4e4e !important;
    --records-dropdown-relative-text: #000 !important;
    --records-dropdown-relative-text-hover: #ffffff !important;
    /*-- table setting --*/
    --records-number-bg: #4e4e4e;
    --records-number-bg-text: #fff;
    --records-number-bg-border: #fff;

    --records-number-counter-bg: #cfcfcf;
    --records-number-counter-border: #000000a1;

    --table-setting-show-text: #cfcfcf;
    --table-setting-select-all-text: #ffffff;

    --table-setting-label-bg: #4e4e4e;
    --table-setting-label-text: #ffffff;
    --table-setting-label-border: #ffffff;

    --table-setting-check-bg: #fff;
    --table-setting-checked-bg: #000;
    --table-setting-check-bg-shadow: 0px 0px 4px 0px #000;
    /*-- sweet alert --*/
    --sweet-alert-bg-border: #fff;
    --sweet-alert-title: #fff;
    --sweet-alert-subtitle: #fff;

    --sweet-alert-arrow-border: #fff;
    --sweet-alert-arrow-text: #fff;

    --sweet-alert-cancel-button: #4e4e4e;
    --sweet-alert-cancel-button-hover: #4e4e4e;
    --sweet-alert-cancel-button-text: #fff;
    --sweet-alert-cancel-button-text-hover: #fff;
    --sweet-alert-cancel-button-border: #cfcfcf;
    --sweet-alert-cancel-button-border-hover: #000;

    --sweet-alert-export-button: #000;
    --sweet-alert-export-button-hover: #4e4e4e;
    --sweet-alert-export-button-text: #fff;
    --sweet-alert-export-button-text-hover: #fff;
    --sweet-alert-export-button-border: #000;
    --sweet-alert-export-button-border-hover: #fff;
    /*--workspace--*/
    --workspace-widget-bg: #484848;
    --workspace-widget-bg-shadow: 0 0 12px 2px #000000;
    --workspace-widget-border: #484848;

    --workspace-widget-bg-title: #cfcfcf;

    --workspace-widget-bg-create-button-text: #fff;
    --workspace-widget-bg-create-button-text-hover: #000;
    --workspace-widget-bg-create-button: #000;
    --workspace-widget-bg-create-button-hover: #b8b6b7;
    --workspace-widget-bg-create-button-border: #000;
    --workspace-widget-bg-create-button-border-hover: #cfcfcf;
    --workspace-widget-bg-close: invert(89%) sepia(0%) saturate(151%)
      hue-rotate(157deg) brightness(100%) contrast(79%);
    --workspace-widget-bg-close-hover: invert(89%) sepia(0%) saturate(151%)
      hue-rotate(157deg) brightness(100%) contrast(79%);

    --workspace-widget-tab-title: #ffffff;
    --workspace-secondary-border: #ccc;
    --workspace-select-tab-border: #000;
    --workspace-select-tab-icon: invert(99%) sepia(1%) saturate(82%)
      hue-rotate(216deg) brightness(117%) contrast(100%);

    --workspace-calendar-icon-bg: #f8f8f8;
    --workspace-calendar-icon-bg-hover: #f8f8f8;
    --workspace-calendar-icon-bg-border: #00000063;
    --workspace-calendar-icon-bg-border-hover: #f00;
    --workspace-calendar-icon-bg-img: invert(0%) brightness(0%);
    --workspace-calendar-icon-bg-img-hover: invert(25%) sepia(55%)
      saturate(6890%) hue-rotate(344deg) brightness(95%) contrast(101%);

    --workspace-workspace-tab-border: #acacac;
    --workspace-view-more: #cfcfcf;
    --workspace-view-more-hover: #ffffff;

    --workspace-tab-dropdown-bg: #b8b6b7;
    --workspace-tab-dropdown-bg-border: #cfcfcf;
    --workspace-tab-dropdown-bg-shadow: none;
    --workspace-tab-dropdown-bg-text: #000;
    --workspace-tab-dropdown-bg-text-hover: #ffffff;

    /*--color--*/
    --base-color-red: #f00;
    --base-color-yellow: #ffe600;
    --base-color-green: #008000;
    --base-color-blue: #0000ff;
    --base-color-orange: #ffa500;
    --base-color-dark: #000;
    --base-color-white: #fff;
    --base-color-light: #ccc;
    /*--commom--*/
    --primary-common-color: #000;
    --primary-white-color: #fff;
    --primary-color: #fff;
    --primary-color-hover: #b2b2b2;
    --secondary-color: #4e4e4e;
    --primary-border-color: #fff;
    --primary-light-color: rgba(0, 0, 0, 0.1);
    --setting-label: #5c5c5c;
    --info-table: #fff;
    --select-tab-list: #4e4e4e;
    --backgroundlight: #b8b6b7;
    --background: #4e4e4e;
    --tabslist-lead-info: #eceaeb;
    /*-- table header right side btn--*/
    --table-header-button-bg: #cfcfcf;
    --table-header-button-bg-hover: #cfcfcf;
    --table-header-button-border: #cfcfcf;
    --table-header-button-border-hover: #4e4e4e;
    --table-header-button-img: invert(0%) brightness(0%);
    --table-header-button-img-hover: brightness(0) saturate(100%) invert(29%)
      sepia(19%) saturate(21%) hue-rotate(314deg) brightness(94%) contrast(98%);

    --table-header-dropdown-menu-bg: #b8b6b7;
    --table-header-dropdown-menu-bg-shadow: none;
    --table-header-dropdown-menu-bg-border: #000;

    --table-header-dropdown-menu-list-text: #4e4e4e;
    --table-header-dropdown-menu-list-text-hover: #ffffff;

    --table-header-dropdown-menu-list-icon-bg: none;
    --table-header-dropdown-menu-list-icon-bg-hover: #4e4e4e;

    --table-header-dropdown-menu-list-icon-border: #000;
    --table-header-dropdown-menu-list-icon-border-hover: #000;
    --table-header-dropdown-menu-list-icon: invert(0%) brightness(0%);
    --table-header-dropdown-menu-list-icon-hover: invert(100%) sepia(0%)
      saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);

    /*--table--*/
    --table-pagination-row-bg: #4e4e4e;

    --table-pagination-arrow: invert(0%) sepia(0%) saturate(7%)
      hue-rotate(220deg) brightness(105%) contrast(100%);
    --table-pagination-arrow-hover: invert(0%) sepia(0%) saturate(7%)
      hue-rotate(220deg) brightness(105%) contrast(100%);

    --table-outer-bg: #b8b6b7;
    --table-outer-border: #000;
    --table-head-bg: #4e4e4e;
    --table-head-text: #ffffff;
    --table-body-cell-border: #6f6f6f;
    --table-body-cell-bg-odd: #cfcfcf;
    --table-body-cell-bg-text-odd: #000;
    --table-body-cell-bg-even: #eceaeb;
    --table-body-cell-bg-text-even: #000;
    --table-body-cell-more-text: #4e4e4e;
    --table-widget-inner-bg: #4e4e4e;
    --table-action-icon-filter: invert(0%) brightness(0%);
    --table-action-icon-filter-hover: invert(0%) brightness(0%);

    --table-info-bg: #cfcfcf;
    --table-info-text: #000;
    --table-info-box-shadow: rgb(0 0 0 / 20%);
    --table-info-bg-border: #e5e5e5;
    --table-info-tooltip-bg: #cfcfcf;
    --table-info-btn-border: #ccc;
    --table-pagination-box-shadow:
      0 0.46875rem 2.1875rem rgb(4 9 20 / 7%),
      0 0.9375rem 1.40625rem rgb(4 9 20 / 7%),
      0 0.25rem 0.53125rem rgb(4 9 20 / 7%),
      0 0.125rem 0.1875rem rgb(4 9 20 / 7%);

    --calendar-bg: #cfcfcf;
    --calendar-text: #000;
    --calendar-text-light: #000;
    --calendar-current-day-bg: #f00;
    --calendar-current-day-bg-text: #fff;
    --calendar-day-outside: #999;
    --calendar-day-button-bg-hover: #eee;
    --calendar-border: #ccc;

    --calendar-apply-button: #5cb85c;
    --calendar-apply-button-hover: #449d44;
    --calendar-apply-button-text: #ccc;
    --calendar-apply-button-text-hover: #fff;
    --calendar-apply-button-border: #5cb85c;
    --calendar-apply-button-border-hover: #5cb85c;

    --calendar-clear-button: #ccc;
    --calendar-clear-button-hover: #cfcfcf;
    --calendar-clear-button-text: #ccc;
    --calendar-clear-button-text-hover: #ccc;
    --calendar-clear-button-border: #000;

    --calendar-range-picker: #ebf4f8;

    --table-head: #4e4e4e;
    --table-head-color: #fff;
    --td-first: #cfcfcf;
    --td-second: #eceaeb;
    --td-text: #000;
    /*--table-check row--*/
    --table-row-check: #000;
    --table-row-check-shadow: #000;
    --table-row-unchecked: #fff;
    /*--utility--*/
    --shortcut-utility-bg: #b8b6b7;
    --shortcut-utility-border: #e5e5e5;
    --shortcut-utility-border-hover: #e5e5e5;
    --shortcut-utility-shadow: 0 0 12px 2px #000000;
    --shortcut-utility-text: #000;
    --shortcut-utility-text-hover: #000;
    --shortcut-utility-arrow-bg: #4e4e4e;
    --shortcut-utility-close-img: invert(0%) brightness(0%);
    --shortcut-utility-close-img-hover: invert(0%) brightness(0%);
    --shortcut-utility-country-list-text: #fff;
    --shortcut-utility-country-list-text-hover: #ffffff;
    --shortcut-utility-input-border: #cfcfcf;
    --shortcut-utility-country-list: #fff;
    --shortcut-utility-country-list-hover: #4e4e4e;

    --shortcut-utility-logo-text: #000;
    --shortcut-utility-logo-img: invert(0%) brightness(0%);

    --shortcut-utility-country-list-active-bg: #cfcfcf;
    --shortcut-utility-country-list-active-text: #000000;

    --shortcut-utility-country-search-text: #000000;
    --shortcut-utility-country-list-nomatch-bg: #f5f5f5;
    --shortcut-utility-country-list-nomatch-bg-hover: #b8b6b7;
    --shortcut-utility-country-list-nomatch-text: #555;
    --shortcut-utility-country-list-nomatch-text-hover: #555;
    /*--form--*/
    --validation-alert-text: #ffc4c6;
    --multiselect-select-bg: #cfcfcf;
    --multiselect-select-text: #000;
    --multiselect-select-text-hover: #fff;
    --multiselect-select-option-hover: #4e4e4e;
    --multiselect-select-input-border: #222;
    --multiselect-select-border: rgba(0, 0, 0, 0.15);

    /*--modal--*/
    --modal-header-bg: #414141;
    --modal-bg: #4e4e4e;
    --modal-bg-border: #e6e6e659;
    --modal-label: #cfcfcf;
    --modal-input-bg: #cfcfcf;
    --modal-input-border: #cfcfcf;
    --modal-input-text: #555;

    --modal-filter-master-search-img: invert(0%) sepia(0%) saturate(7%)
      hue-rotate(220deg) brightness(105%) contrast(100%);
    --modal-filter-master-search-img-hover: invert(0%) sepia(0%) saturate(7%)
      hue-rotate(220deg) brightness(105%) contrast(100%);

    --modal-main-color: #000;
    --modal-header-color: #fff;
    --modal-text-color: #000;
    --modal-hr-border: #e6e6e659;

    --modal-close-icon: invert(89%) sepia(0%) saturate(151%) hue-rotate(157deg)
      brightness(100%) contrast(79%);
    --modal-close-icon-hover: invert(89%) sepia(0%) saturate(151%)
      hue-rotate(157deg) brightness(100%) contrast(79%);

    --modal-primary-button-bg: #000;
    --modal-primary-button-bg-hover: #b8b6b7;
    --modal-primary-button-border: #000;
    --modal-primary-button-border-hover: #cfcfcf;
    --modal-primary-button-text: #fff;
    --modal-primary-button-text-hover: #000;

    --modal-secondary-button-reset-bg: #656565;
    --modal-secondary-button-reset-bg-hover: #656565;
    --modal-secondary-button-reset-border: #cfcfcf;
    --modal-secondary-button-reset-border-hover: #000;
    --modal-secondary-button-reset-border-filter: invert(89%) sepia(0%)
      saturate(151%) hue-rotate(157deg) brightness(100%) contrast(79%);
    --modal-secondary-button-reset-border-filter-hover: invert(0%)
      brightness(0%);

    --modal-footer-btn: #000;
    --modal-footer-reset-btn: #fff;
    --modal-filter-reset: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg)
      brightness(103%) contrast(103%);
    --menu-text-hover: #ccc;
    --modal-light-bg: rgba(0, 0, 0, 0.03);
    --modal-primary-btn-text: #fff;

    --dashboard-right-menu-text-heading: #999;
    --dashboard-right-menu-text-hover: #b8b6b7;
    --dashboard-right-menu-toggle-bg: #000;
    --dashboard-right-menu-toggle-switch-bg: #000;
    --dashboard-right-menu-toggle-circle: #fff;
    --dashboard-right-menu-bg: #f8f8f8;
    --dashboard-right-menu-border: #cccccc73;
    --dashboard-right-menu-bookmark-icon: invert(89%) sepia(0%) saturate(151%)
      hue-rotate(157deg) brightness(100%) contrast(79%);
    --dashboard-right-menu-bookmark-icon-hover: invert(0%) brightness(0%);
    --dashboard-overflow-scroll-bg: #c9c9c9;

    /*--popup--*/
    --popup-bg: #616060;
    --popup-bg-text: #fff;
    --popup-filter-img: brightness(0) saturate(100%) invert(99%) sepia(5%)
      saturate(958%) hue-rotate(228deg) brightness(116%) contrast(100%);
    /*--menu--*/
    --dashboard-menu-bg: #b8b6b7;
    --dashboard-menu-text: #000;
    --dashboard-menu-text-hover: #fff;
    --dashboard-menu-subheader-text: #222222;
    --dashboard-menu-subheader-border: #d0d0d0;
    --dashboard-menu-input-bg: #cfcfcf;
    --dashboard-menu-input-border: #000000a1;
    --dashboard-menu-input-text: #555;
    --dashboard-menu-close-button: #000;
    --dashboard-menu-close-button-hover: #222;
    --dashboard-menu-input-placeholder: #222;

    --menu-sheet-bg: #616060;
    --menu-text: #fff;
    --menu-bg: #b8b6b7;
    --menu-color: #fff;

    /*--horizontalMenu --*/
    --horizontal-menu-strip-bg: #f8f8f8;
    --horizontal-menu-strip-text: #000;
    --horizontal-menu-card-bg: #efefef;
    --horizontal-menu-card-border: #efefef;
    --horizontal-menu-card-list-bg-hover: #fff;
    --horizontal-menu-card-list-text-hover: #000;
    --horizontal-menu-card-shadow: #00000038;
    --horizontal-menu-shortcut-toggle: #4e4e4e;

    /*--drag-drop-menu --*/
    --drag-drop-menu-label: #b8b6b72b;

    /*--footer--*/
    --footer-text: #000;
    --footer-utilities-text: #000;
    --footer-utilities-img: invert(0%) brightness(0%);
    /*--scrollbar--*/
    --scrollbar-track: #666;
    --scrollbar-thumb: #fff;
    /*--filter--*/
    --img-filter-header: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg)
      brightness(103%) contrast(103%);

    --header-top-icon-img: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg)
      brightness(103%) contrast(103%);
    --header-top-icon-img-hover: invert(100%) sepia(0%) saturate(0%)
      hue-rotate(93deg) brightness(103%) contrast(103%);

    --filter-icon: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg)
      brightness(103%) contrast(103%);
    --filter-icon-secondary: invert(0%) brightness(0%);
    --table-icon-info-bg: invert(0%) brightness(0%);
    /*--default--*/
    --foreground: 0 0% 98%;
    --card: 240 10% 3.9%;
    --card-foreground: 0 0% 98%;
    --popover: 240 10% 3.9%;
    --popover-foreground: 0 0% 98%;
    --primary: 0 0% 98%;
    --primary-foreground: 240 5.9% 10%;
    --secondary: 240 3.7% 15.9%;
    --secondary-foreground: 0 0% 98%;
    --muted: 240 3.7% 15.9%;
    --muted-foreground: 240 5% 64.9%;
    --accent: 240 3.7% 15.9%;
    --accent-foreground: 0 0% 98%;
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 0 0% 98%;
    --border: 240 3.7% 15.9%;
    --input: 240 3.7% 15.9%;
    --ring: 240 4.9% 83.9%;
    --chart-1: 220 70% 50%;
    --chart-2: 160 60% 45%;
    --chart-3: 30 80% 55%;
    --chart-4: 280 65% 60%;
    --chart-5: 340 75% 55%;
    /*--skeleton--*/
    --skeleton-row: #cfcfcf;
  }

  .sapphire {
    /*--profile-popover--*/
    --profile-popover-box-shadow: 0 0 12px 2px #0a1930 !important;
    --profile-popover-bg: #28344a !important;
    --profile-popover-bg-border: #28344a !important;
    --profile-popover-text: #cfcfcf;
    --profile-popover-border: #000;
    --profile-popover-icon-filter: invert(89%) sepia(0%) saturate(151%)
      hue-rotate(157deg) brightness(100%) contrast(79%);
    --profile-popover-icon-filter-hover: brightness(0) saturate(100%)
      invert(82%) sepia(0%) saturate(3464%) hue-rotate(104deg) brightness(83%)
      contrast(88%);
    --header-profile-arrow: invert(75%) sepia(54%) saturate(4641%)
      hue-rotate(117deg) brightness(92%) contrast(97%);
    --theme-contract-attachments-add-bg: #0661cd;
    --theme-contract-attachments-filter: invert(100%) sepia(0%) saturate(0%)
      hue-rotate(93deg) brightness(103%) contrast(103%);
    --theme-contract-attachments-border: #fff;
    /*-- theme-popover --*/
    --theme-popover-bg: #cfcfcf;
    --theme-popover-box-shadow: 0 0 3px 3px #ccc;
    --theme-popover-box-border: none;
    --theme-select-tick-icon: brightness(0) saturate(100%) invert(97%)
      sepia(17%) saturate(557%) hue-rotate(176deg) brightness(90%) contrast(88%);
    /*-- dashboard menu --*/
    --dashboard-menu-close-icon: invert(1);
    --dashboard-menu-close-icon-hover: brightness(0) saturate(100%) invert(94%)
      sepia(7%) saturate(137%) hue-rotate(179deg) brightness(87%) contrast(96%);

    --change-background-color-start: #0a1930;
    --change-background-color-end: #28344a;
    /*-- release form --*/
    --release-cancel-button-bg: #0a1930;
    --release-cancel-button-bg-hover: #0a1930;
    --release-cancel-button-border: #fff;
    --release-cancel-button-border-hover: #00976c;
    --release-cancel-button-text: #fff;
    --release-cancel-button-text-hover: #04c991;
    /*-- step form --*/
    --commission-box-bg: #fff;
    --commission-box-border: #888;
    --commission-box-shadow: 0px -1px 4px 2px #0a1930d4;

    --commission-box-hr-strip-bg: #0a1930;
    --commission-box-hr-strip-text: #fff;
    --commission-box-hr-strip-border: #fff;

    --commission-box-button-show-bg: #0a1930;
    --commission-box-button-show-border: #fff;
    --commission-box-button-show-text: #fff;

    --commission-box-button-hide-bg: #0a1930;
    --commission-box-button-hide-border: #fff;
    --commission-box-button-hide-text: #fff;
    /*-- records dropdown --*/
    --records-dropdown-bg: #172b46;
    --records-dropdown-bg-border: #cfcfcf;
    --records-dropdown-relative-bg: #172b46 !important;
    --records-dropdown-relative-bg-hover: #20334d !important;
    --records-dropdown-relative-text: #cfcfcf !important;
    --records-dropdown-relative-text-hover: #cfcfcf !important;
    /*-- table setting --*/
    --records-number-bg: #0a1930;
    --records-number-bg-text: #fff;
    --records-number-bg-border: #fff;

    --records-number-counter-bg: #cfcfcf;
    --records-number-counter-border: #000000a1;

    --table-setting-show-text: #cfcfcf;
    --table-setting-select-all-text: #cfcfcf;

    --table-setting-label-bg: #0a1930;
    --table-setting-label-text: #ffffff;
    --table-setting-label-border: #ffffff;

    --table-setting-check-bg: #cfcfcf;
    --table-setting-checked-bg: #00976c;
    --table-setting-check-bg-shadow: 0 0 3px #a9a9a9;
    /*-- sweet alert --*/
    --sweet-alert-bg-border: #fff;
    --sweet-alert-title: #cfcfcf;
    --sweet-alert-subtitle: #cfcfcf;

    --sweet-alert-arrow-border: #c9dae1;
    --sweet-alert-arrow-text: #87adbd;

    --sweet-alert-cancel-button: #0a1930;
    --sweet-alert-cancel-button-hover: #0a1930;
    --sweet-alert-cancel-button-text: #cfcfcf;
    --sweet-alert-cancel-button-text-hover: #00976c;
    --sweet-alert-cancel-button-border: #cfcfcf;
    --sweet-alert-cancel-button-border-hover: #00976c;

    --sweet-alert-export-button: #00976c;
    --sweet-alert-export-button-hover: #07b684;
    --sweet-alert-export-button-text: #fff;
    --sweet-alert-export-button-text-hover: #cfcfcf;
    --sweet-alert-export-button-border: #00976c;
    --sweet-alert-export-button-border-hover: #07b684;
    /*--color--*/
    --base-color-red: #f00;
    --base-color-yellow: #ffe600;
    --base-color-green: #008000;
    --base-color-blue: #0000ff;
    --base-color-orange: #ffa500;
    --base-color-dark: #000;
    --base-color-white: #fff;
    --base-color-light: #ccc;

    /*--workspace--*/
    --workspace-widget-bg: #28344a;
    --workspace-widget-bg-shadow: 0 0 12px 2px #000000;
    --workspace-widget-border: #28344a;

    --workspace-widget-bg-title: #cfcfcf;

    --workspace-widget-bg-create-button-text: #fff;
    --workspace-widget-bg-create-button-text-hover: #fff;
    --workspace-widget-bg-create-button: #00976c;
    --workspace-widget-bg-create-button-hover: #07b684;
    --workspace-widget-bg-create-button-border: #00976c;
    --workspace-widget-bg-create-button-border-hover: #07b684;
    --workspace-widget-bg-close: invert(89%) sepia(0%) saturate(151%)
      hue-rotate(157deg) brightness(100%) contrast(79%);
    --workspace-widget-bg-close-hover: invert(89%) sepia(0%) saturate(151%)
      hue-rotate(157deg) brightness(100%) contrast(79%);

    --workspace-widget-tab-title: #04c991;
    --workspace-secondary-border: #ccc;
    --workspace-select-tab-border: #00976c;
    --workspace-select-tab-icon: invert(37%) sepia(37%) saturate(5494%)
      hue-rotate(145deg) brightness(92%) contrast(101%);

    --workspace-calendar-icon-bg: #f8f8f8;
    --workspace-calendar-icon-bg-hover: #f8f8f8;
    --workspace-calendar-icon-bg-border: #00000063;
    --workspace-calendar-icon-bg-border-hover: #00976c;
    --workspace-calendar-icon-bg-img: invert(0%) brightness(0%);
    --workspace-calendar-icon-bg-img-hover: invert(37%) sepia(37%)
      saturate(5494%) hue-rotate(145deg) brightness(92%) contrast(101%);

    --workspace-workspace-tab-border: #acacac;
    --workspace-view-more: #cfcfcf;
    --workspace-view-more-hover: #00976c;

    --workspace-tab-dropdown-bg: #0a1930;
    --workspace-tab-dropdown-bg-border: #cfcfcf;
    --workspace-tab-dropdown-bg-shadow: none;
    --workspace-tab-dropdown-bg-text: #cfcfcf;
    --workspace-tab-dropdown-bg-text-hover: #04c991;

    /*--commom--*/
    --primary-common-color: #fff;
    --primary-white-color: #fff;
    --primary-color-hover: #b2b2b2;
    --secondary-color: #fff;
    --primary-color: #9c9c9c;
    --primary-border-color: #fff;
    --primary-light-color: #e4d9fb;
    --setting-label: #fff;
    --info-table: #fff;
    --select-tab-list: #f7f8fa;
    --backgroundlight: #0a1930;
    --background: #4e4e4e;
    --tabslist-lead-info: #eceaeb;
    --background: #172b46;
    /*-- table header right side btn--*/
    --table-header-button-bg: #cfcfcf;
    --table-header-button-bg-hover: #cfcfcf;
    --table-header-button-border: #cfcfcf;
    --table-header-button-border-hover: #00976c;
    --table-header-button-img: invert(0%) brightness(0%);
    --table-header-button-img-hover: invert(37%) sepia(37%) saturate(5494%)
      hue-rotate(145deg) brightness(92%) contrast(101%);

    --table-header-dropdown-menu-bg: #0a1930;
    --table-header-dropdown-menu-bg-shadow: none;
    --table-header-dropdown-menu-bg-border: #cfcfcf;

    --table-header-dropdown-menu-list-text: #cfcfcf;
    --table-header-dropdown-menu-list-text-hover: #04c991;

    --table-header-dropdown-menu-list-icon-bg: #0a1930;
    --table-header-dropdown-menu-list-icon-bg-hover: #0a1930;

    --table-header-dropdown-menu-list-icon-border: #cfcfcf;
    --table-header-dropdown-menu-list-icon-border-hover: #00976c;
    --table-header-dropdown-menu-list-icon: invert(89%) sepia(0%) saturate(151%)
      hue-rotate(157deg) brightness(100%) contrast(79%);
    --table-header-dropdown-menu-list-icon-hover: invert(37%) sepia(37%)
      saturate(5494%) hue-rotate(145deg) brightness(92%) contrast(101%);

    /*--table--*/
    --table-pagination-row-bg: #172b46;

    --table-pagination-arrow: invert(37%) sepia(37%) saturate(5494%)
      hue-rotate(145deg) brightness(92%) contrast(101%);
    --table-pagination-arrow-hover: invert(37%) sepia(37%) saturate(5494%)
      hue-rotate(145deg) brightness(92%) contrast(101%);

    --table-outer-bg: #0a1930;
    --table-outer-border: #cfcfcf;
    --table-head-bg: #172b46;
    --table-head-text: #cfcfcf;
    --table-body-cell-border: #6f6f6f;
    --table-body-cell-bg-odd: #455469;
    --table-body-cell-bg-text-odd: #cfcfcf;
    --table-body-cell-bg-even: #28344a;
    --table-body-cell-bg-text-even: #cfcfcf;
    --table-body-cell-more-text: #04c991;
    --table-widget-inner-bg: #0a1930;
    --table-action-icon-filter: invert(0%) brightness(0%);
    --table-action-icon-filter-hover: invert(37%) sepia(37%) saturate(5494%)
      hue-rotate(145deg) brightness(92%) contrast(101%);

    --table-info-bg: #cfcfcf;
    --table-info-text: #000;
    --table-info-box-shadow: rgb(0 0 0 / 20%);
    --table-info-bg-border: #e5e5e5;
    --table-info-tooltip-bg: #cfcfcf;
    --table-info-btn-border: #ccc;
    --table-pagination-box-shadow:
      0 0.46875rem 2.1875rem rgb(4 9 20 / 7%),
      0 0.9375rem 1.40625rem rgb(4 9 20 / 7%),
      0 0.25rem 0.53125rem rgb(4 9 20 / 7%),
      0 0.125rem 0.1875rem rgb(4 9 20 / 7%);

    --calendar-bg: #cfcfcf;
    --calendar-text: #000;
    --calendar-text-light: #000;
    --calendar-current-day-bg: #f00;
    --calendar-current-day-bg-text: #fff;
    --calendar-day-outside: #999;
    --calendar-day-button-bg-hover: #eee;
    --calendar-border: #ccc;

    --calendar-apply-button: #5cb85c;
    --calendar-apply-button-hover: #449d44;
    --calendar-apply-button-text: #ccc;
    --calendar-apply-button-text-hover: #fff;
    --calendar-apply-button-border: #5cb85c;
    --calendar-apply-button-border-hover: #5cb85c;

    --calendar-clear-button: #ccc;
    --calendar-clear-button-hover: #cfcfcf;
    --calendar-clear-button-text: #ccc;
    --calendar-clear-button-text-hover: #ccc;
    --calendar-clear-button-border: #000;

    --calendar-range-picker: #ebf4f8;

    --table-head: #172b46;
    --table-head-color: #fff;
    --td-first: #455469;
    --td-second: #28344a;
    --td-text: #fff;
    /*--table-check row--*/
    --table-row-check: #00976c;
    --table-row-check-shadow: #a9a9a9;
    --table-row-unchecked: #cfcfcf;
    /*--utility--*/
    --shortcut-utility-bg: #28344a;
    --shortcut-utility-border: #28344a;
    --shortcut-utility-border-hover: #28344a;
    --shortcut-utility-shadow: 0 0 12px 2px #0a1930;
    --shortcut-utility-text: #cfcfcf;
    --shortcut-utility-text-hover: #cfcfcf;
    --shortcut-utility-arrow-bg: #fff;
    --shortcut-utility-input-border: #cfcfcf;
    --shortcut-utility-country-list: #fff;
    --shortcut-utility-country-list-hover: #cfcfcf0d;
    --shortcut-utility-country-list-text: #fff;
    --shortcut-utility-country-list-text-hover: #fff;
    --shortcut-utility-close-img: invert(89%) sepia(0%) saturate(151%)
      hue-rotate(157deg) brightness(100%) contrast(79%);
    --shortcut-utility-close-img-hover: invert(37%) sepia(37%) saturate(5494%)
      hue-rotate(145deg) brightness(92%) contrast(101%);

    --shortcut-utility-logo-text: #04c991;
    --shortcut-utility-logo-img: invert(75%) sepia(54%) saturate(4641%)
      hue-rotate(117deg) brightness(92%) contrast(97%);

    --shortcut-utility-country-list-active-bg: #455469;
    --shortcut-utility-country-list-active-text: #cfcfcf;

    --shortcut-utility-country-search-text: #cfcfcf;
    --shortcut-utility-country-list-nomatch-bg: #f5f5f5;
    --shortcut-utility-country-list-nomatch-bg-hover: #303c51;
    --shortcut-utility-country-list-nomatch-text: #555;
    --shortcut-utility-country-list-nomatch-text-hover: #555;
    /*--form--*/
    --validation-alert-text: #ffc4c6;
    --multiselect-select-bg: #172b46;
    --multiselect-select-text: #fff;
    --multiselect-select-text-hover: #fff;
    --multiselect-select-option-hover: #cfcfcf0d;
    --multiselect-select-input-border: #fff;
    --multiselect-select-border: rgba(0, 0, 0, 0.15);

    /*--modal--*/
    --modal-text-color: #fff;
    --modal-input: rgba(0, 0, 0, 0);
    --modal-header-bg: #172b46;
    --modal-bg: #0a1930;
    --modal-bg-border: #e6e6e659;
    --modal-label: #cfcfcf;
    --modal-input-bg: #cfcfcf;
    --modal-input-border: #cfcfcf;
    --modal-input-text: #555;

    --modal-filter-master-search-img: invert(0%) brightness(0%);
    --modal-filter-master-search-img-hover: invert(37%) sepia(37%)
      saturate(5494%) hue-rotate(145deg) brightness(92%) contrast(101%);

    --modal-hr-border: #e6e6e659;

    --modal-close-icon: invert(89%) sepia(0%) saturate(151%) hue-rotate(157deg)
      brightness(100%) contrast(79%);
    --modal-close-icon-hover: invert(37%) sepia(37%) saturate(5494%)
      hue-rotate(145deg) brightness(92%) contrast(101%);

    --modal-primary-button-bg: #00976c;
    --modal-primary-button-bg-hover: #07b684;
    --modal-primary-button-border: #07b684;
    --modal-primary-button-border-hover: #00976c;
    --modal-primary-button-text: #000;
    --modal-primary-button-text-hover: #000;
    --modal-primary-button-text: #fff;
    --modal-primary-button-text-hover: #fff;

    --modal-secondary-button-reset-bg: #0a1930;
    --modal-secondary-button-reset-bg-hover: #fff;
    --modal-secondary-button-reset-border: #fff;
    --modal-secondary-button-reset-border-hover: #00976c;
    --modal-secondary-button-reset-border-filter: invert(89%) sepia(0%)
      saturate(151%) hue-rotate(157deg) brightness(100%) contrast(79%);
    --modal-secondary-button-reset-border-filter-hover: invert(37%) sepia(37%)
      saturate(5494%) hue-rotate(145deg) brightness(92%) contrast(101%);

    --modal-main-color: #e3edfc;
    --modal-header-color: #fff;
    --modal-footer-btn: #fff;
    --modal-footer-reset-btn: #fff;
    --modal-filter-reset: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg)
      brightness(103%) contrast(103%);
    --menu-text-hover: #172b46;
    --modal-light-bg: rgba(0, 0, 0, 0.03);
    --modal-primary-btn-text: #fff;

    --dashboard-right-menu-text-heading: #999;
    --dashboard-right-menu-text-hover: #04c991;
    --dashboard-right-menu-toggle-bg: #04c991;
    --dashboard-right-menu-toggle-switch-bg: #cfcfcf;
    --dashboard-right-menu-toggle-circle: #fff;
    --dashboard-right-menu-bg: #172b46;
    --dashboard-right-menu-border: #cccccc73;
    --dashboard-right-menu-bookmark-icon: invert(89%) sepia(0%) saturate(151%)
      hue-rotate(157deg) brightness(100%) contrast(79%);
    --dashboard-right-menu-bookmark-icon-hover: invert(37%) sepia(37%)
      saturate(5494%) hue-rotate(145deg) brightness(92%) contrast(101%);
    --dashboard-overflow-scroll-bg: #c9c9c9;

    /*--popup--*/
    --popup-bg: #fff;
    --popup-bg-text: #000;
    --popup-filter-img: invert(0%) brightness(0%);
    /*--menu--*/
    --dashboard-menu-bg: #0a1930;
    --dashboard-menu-text: #cfcfcf;
    --dashboard-menu-text-hover: #04c991;
    --dashboard-menu-subheader-text: #cfcfcf;
    --dashboard-menu-subheader-border: #d0d0d0;
    --dashboard-menu-input-bg: #fff;
    --dashboard-menu-input-border: #000000a1;
    --dashboard-menu-input-text: #000;
    --dashboard-menu-close-button: #fff;
    --dashboard-menu-close-button-hover: #ccc;
    --dashboard-menu-input-placeholder: #222;

    --menu-sheet-bg: #0a1930;
    --menu-text: #fff;
    --menu-bg: #b8b6b7;
    --menu-color: #fff;

    /*--horizontalMenu --*/
    --horizontal-menu-strip-bg: #ccc;
    --horizontal-menu-strip-text: #000;
    --horizontal-menu-card-bg: #efefef;
    --horizontal-menu-card-border: #efefef;
    --horizontal-menu-card-list-bg-hover: #04c991;
    --horizontal-menu-card-list-text-hover: #04c991;
    --horizontal-menu-card-shadow: #00000038;
    --horizontal-menu-shortcut-toggle: #04cc99;
    /*--drag-drop-menu --*/
    --drag-drop-menu-label: #455469;

    /*--footer--*/
    --footer-text: #cfcfcf;
    --footer-utilities-text: #04c991;
    --footer-utilities-img: invert(75%) sepia(54%) saturate(4641%)
      hue-rotate(117deg) brightness(92%) contrast(97%);
    /*--scrollbar--*/
    --scrollbar-track: #666;
    --scrollbar-thumb: #fff;
    /*--filter--*/
    --img-filter-header: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg)
      brightness(103%) contrast(103%);

    --header-top-icon-img: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg)
      brightness(103%) contrast(103%);
    --header-top-icon-img-hover: invert(37%) sepia(37%) saturate(5494%)
      hue-rotate(145deg) brightness(92%) contrast(101%);

    --filter-icon: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg)
      brightness(103%) contrast(103%);
    --filter-icon-secondary: invert(100%) sepia(0%) saturate(0%)
      hue-rotate(93deg) brightness(103%) contrast(103%);
    --table-icon-info-bg: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg)
      brightness(103%) contrast(103%);

    /*--default--*/
    --foreground: 240 10% 3.9%;
    --card: 0 0% 100%;
    --card-foreground: 240 10% 3.9%;
    --popover: 0 0% 100%;
    --popover-foreground: 240 10% 3.9%;
    --primary: 240 5.9% 10%;
    --primary-foreground: 0 0% 98%;
    --secondary: 240 4.8% 95.9%;
    --secondary-foreground: 240 5.9% 10%;
    --muted: 240 4.8% 95.9%;
    --muted-foreground: 240 3.8% 46.1%;
    --accent: 240 4.8% 95.9%;
    --accent-foreground: 240 5.9% 10%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 0 0% 98%;
    --border: 240 5.9% 90%;
    --input: 240 5.9% 90%;
    --ring: 240 10% 3.9%;
    --chart-1: 12 76% 61%;
    --chart-2: 173 58% 39%;
    --chart-3: 197 37% 24%;
    --chart-4: 43 74% 66%;
    --chart-5: 27 87% 67%;
    --radius: 0.5rem;
    /*--skeleton--*/
    --skeleton-row: #455469;
  }

  .lavender {
    /*--profile-popover--*/
    --profile-popover-box-shadow: 0 0 11px -3px #9662f8;
    --profile-popover-bg: #f7f8fa;
    --profile-popover-bg-border: #9662f8 !important;
    --profile-popover-text: #333;
    --profile-popover-border: #9662f8;
    --profile-popover-icon-filter: brightness(0) saturate(100%) invert(18%)
      sepia(38%) saturate(0%) hue-rotate(247deg) brightness(100%) contrast(102%);
    --profile-popover-icon-filter-hover: brightness(0) saturate(100%)
      invert(18%) sepia(38%) saturate(0%) hue-rotate(247deg) brightness(100%)
      contrast(102%);
    --header-profile-arrow: invert(100%) sepia(0%) saturate(0%)
      hue-rotate(93deg) brightness(103%) contrast(103%);
    --theme-contract-attachments-add-bg: #0661cd;
    --theme-contract-attachments-filter: invert(100%) sepia(0%) saturate(0%)
      hue-rotate(93deg) brightness(103%) contrast(103%);
    --theme-contract-attachments-border: #fff;
    /*-- theme-popover --*/
    --theme-popover-bg: #fff;
    --theme-popover-box-shadow: 0 0 3px 3px #ccc;
    --theme-popover-box-border: #9662f8;
    --theme-select-tick-icon: brightness(0) saturate(100%) invert(18%)
      sepia(35%) saturate(1895%) hue-rotate(218deg) brightness(91%)
      contrast(102%);
    /*-- dashboard menu --*/
    --dashboard-menu-close-icon: invert(0%) brightness(0%);
    --dashboard-menu-close-icon-hover: invert(0%) brightness(0%);

    --change-background-color-start: #efe8fe;
    --change-background-color-end: #efe8fe;
    /*-- release form --*/
    --release-cancel-button-bg: #9662f8;
    --release-cancel-button-bg-hover: #fff;
    --release-cancel-button-border: #9662f8;
    --release-cancel-button-border-hover: #9662f8;
    --release-cancel-button-text: #fff;
    --release-cancel-button-text-hover: #9662f8;
    /*-- step form --*/
    --commission-box-bg: #fff;
    --commission-box-border: #9662f8;
    --commission-box-shadow: none;

    --commission-box-hr-strip-bg: #efe8fe;
    --commission-box-hr-strip-text: #9662f8;
    --commission-box-hr-strip-border: #9662f8;

    --commission-box-button-show-bg: #efe8fe;
    --commission-box-button-show-border: #9662f8;
    --commission-box-button-show-text: #9662f8;

    --commission-box-button-hide-bg: #efe8fe;
    --commission-box-button-hide-border: #9662f8;
    --commission-box-button-hide-text: #9662f8;
    /*-- records dropdown --*/
    --records-dropdown-bg: #f7f8fa;
    --records-dropdown-bg-border: #9662f8;
    --records-dropdown-relative-bg: #f7f8fa !important;
    --records-dropdown-relative-bg-hover: #efe8fe !important;
    --records-dropdown-relative-text: #333 !important;
    --records-dropdown-relative-text-hover: #333 !important;
    /*-- table setting --*/
    --records-number-bg: #9662f8;
    --records-number-bg-text: #fff;
    --records-number-bg-border: #9662f8;

    --records-number-counter-bg: #fff;
    --records-number-counter-border: #9662f8;

    --table-setting-show-text: #333;
    --table-setting-select-all-text: #333;

    --table-setting-label-bg: #fff;
    --table-setting-label-text: #555;
    --table-setting-label-border: #9662f8;

    --table-setting-check-bg: #fff;
    --table-setting-checked-bg: #9662f8;
    --table-setting-check-bg-shadow: 0 0 3px #a9a9a9;
    /*-- sweet alert --*/
    --sweet-alert-bg-border: #efe8fe;
    --sweet-alert-title: #000;
    --sweet-alert-subtitle: #9662f8;

    --sweet-alert-arrow-border: #9662f8;
    --sweet-alert-arrow-text: #9662f8;

    --sweet-alert-cancel-button: #fff;
    --sweet-alert-cancel-button-hover: #9662f8;
    --sweet-alert-cancel-button-text: #000;
    --sweet-alert-cancel-button-text-hover: #fff;
    --sweet-alert-cancel-button-border: #9662f8;
    --sweet-alert-cancel-button-border-hover: #9662f8;

    --sweet-alert-export-button: #9662f8;
    --sweet-alert-export-button-hover: #fff;
    --sweet-alert-export-button-text: #fff;
    --sweet-alert-export-button-text-hover: #9662f8;
    --sweet-alert-export-button-border: #9662f8;
    --sweet-alert-export-button-border-hover: #9662f8;
    /*--color--*/
    --base-color-red: #f00;
    --base-color-yellow: #ffe600;
    --base-color-green: #008000;
    --base-color-blue: #0000ff;
    --base-color-orange: #ffa500;
    --base-color-dark: #000;
    --base-color-white: #fff;
    --base-color-light: #ccc;
    /*--workspace--*/
    --workspace-widget-bg: #efe8fe;
    --workspace-widget-bg-shadow: 0 0 10px -3px #9662f8;
    --workspace-widget-border: #9662f8;

    --workspace-widget-bg-title: #000;

    --workspace-widget-bg-create-button-text: #fff;
    --workspace-widget-bg-create-button-text-hover: #9662f8;
    --workspace-widget-bg-create-button: #9662f8;
    --workspace-widget-bg-create-button-hover: #fff;
    --workspace-widget-bg-create-button-border: #9662f8;
    --workspace-widget-bg-create-button-border-hover: #9662f8;
    --workspace-widget-bg-close: invert(0%) brightness(0%);
    --workspace-widget-bg-close-hover: invert(43%) sepia(29%) saturate(2469%)
      hue-rotate(229deg) brightness(98%) contrast(99%);

    --workspace-widget-tab-title: #333;
    --workspace-secondary-border: #9662f8;
    --workspace-select-tab-border: #000;
    --workspace-select-tab-icon: invert(0%) brightness(0%);

    --workspace-calendar-icon-bg: #efe8fe;
    --workspace-calendar-icon-bg-hover: #f8f8f8;
    --workspace-calendar-icon-bg-border: #9662f8;
    --workspace-calendar-icon-bg-border-hover: #9662f8;
    --workspace-calendar-icon-bg-img: invert(0%) brightness(0%);
    --workspace-calendar-icon-bg-img-hover: invert(43%) sepia(29%)
      saturate(2469%) hue-rotate(229deg) brightness(98%) contrast(99%);

    --workspace-workspace-tab-border: #acacac;
    --workspace-view-more: #000;
    --workspace-view-more-hover: #9662f8;

    --workspace-tab-dropdown-bg: #efe8fe;
    --workspace-tab-dropdown-bg-border: #9662f8;
    --workspace-tab-dropdown-bg-shadow: none;
    --workspace-tab-dropdown-bg-text: #000;
    --workspace-tab-dropdown-bg-text-hover: #9662f8;

    /*--commom--*/
    --primary-common-color: #000;
    --primary-white-color: #fff;
    --primary-color-hover: #b2b2b2;
    --secondary-color: #fff;
    --primary-color: #9c9c9c;
    --primary-border-color: #fff;
    --primary-light-color: #e4d9fb;
    --setting-label: #fff;
    --info-table: #fff;
    --select-tab-list: #f7f8fa;
    --backgroundlight: #efe8fe;
    --background: #4e4e4e;
    --tabslist-lead-info: #eceaeb;
    --background: #9662f8;
    /*-- table header right side btn--*/
    --table-header-button-bg: #fff;
    --table-header-button-bg-hover: #fff;
    --table-header-button-border: #00000063;
    --table-header-button-border-hover: #9662f8;
    --table-header-button-img: invert(0%) brightness(0%);
    --table-header-button-img-hover: invert(43%) sepia(29%) saturate(2469%)
      hue-rotate(229deg) brightness(98%) contrast(99%);

    --table-header-dropdown-menu-bg: #f7f8fa;
    --table-header-dropdown-menu-bg-shadow: 0 0 11px -3px #9662f8;
    --table-header-dropdown-menu-bg-border: #9662f8;

    --table-header-dropdown-menu-list-text: #000;
    --table-header-dropdown-menu-list-text-hover: #9662f8;

    --table-header-dropdown-menu-list-icon-bg: #f7f8fa;
    --table-header-dropdown-menu-list-icon-bg-hover: #f7f8fa;

    --table-header-dropdown-menu-list-icon-border: #00000063;
    --table-header-dropdown-menu-list-icon-border-hover: #9662f8;
    --table-header-dropdown-menu-list-icon: invert(0%) brightness(0%);
    --table-header-dropdown-menu-list-icon-hover: invert(43%) sepia(29%)
      saturate(2469%) hue-rotate(229deg) brightness(98%) contrast(99%);
    /*--table--*/
    --table-pagination-row-bg: #9662f8;

    --table-pagination-arrow: invert(0%) brightness(0%);
    --table-pagination-arrow-hover: invert(0%) brightness(0%);

    --table-outer-bg: #efe8fe;
    --table-outer-border: #9662f8;
    --table-head-bg: #9662f8;
    --table-head-text: #ffffff;
    --table-body-cell-border: #9662f8;
    --table-body-cell-bg-odd: #decdff;
    --table-body-cell-bg-text-odd: #000;
    --table-body-cell-bg-even: #f7f8fa;
    --table-body-cell-bg-text-even: #000;
    --table-body-cell-more-text: #9662f8;
    --table-widget-inner-bg: #efe8fe;
    --table-action-icon-filter: invert(0%) brightness(0%);
    --table-action-icon-filter-hover: invert(43%) sepia(29%) saturate(2469%)
      hue-rotate(229deg) brightness(98%) contrast(99%);

    --table-info-bg: #fff;
    --table-info-text: #000;
    --table-info-box-shadow: rgb(0 0 0 / 20%);
    --table-info-bg-border: #e5e5e5;
    --table-info-tooltip-bg: rgb(255, 255, 255);
    --table-info-btn-border: #ccc;
    --table-pagination-box-shadow:
      0 0.46875rem 2.1875rem rgb(4 9 20 / 7%),
      0 0.9375rem 1.40625rem rgb(4 9 20 / 7%),
      0 0.25rem 0.53125rem rgb(4 9 20 / 7%),
      0 0.125rem 0.1875rem rgb(4 9 20 / 7%);

    --calendar-bg: #f7f8fa;
    --calendar-text: #000;
    --calendar-text-light: #000;
    --calendar-current-day-bg: #9662f8;
    --calendar-current-day-bg-text: #fff;
    --calendar-day-outside: #999;
    --calendar-day-button-bg-hover: #eee;
    --calendar-border: #ccc;

    --calendar-apply-button: #9662f8;
    --calendar-apply-button-hover: #fff;
    --calendar-apply-button-text: #ccc;
    --calendar-apply-button-text-hover: #9662f8;
    --calendar-apply-button-border: #9662f8;
    --calendar-apply-button-border-hover: #9662f8;

    --calendar-clear-button: #ccc;
    --calendar-clear-button-hover: #f7f8fa;
    --calendar-clear-button-text: #ccc;
    --calendar-clear-button-text-hover: #ccc;
    --calendar-clear-button-border: #9662f8;

    --calendar-range-picker: #decdff;

    --table-head: #9662f8;
    --table-head-color: #fff;
    --td-first: #decdff;
    --td-second: #f7f8fa;
    --td-text: #000;
    /*--table-check row--*/
    --table-row-check: #9662f8;
    --table-row-check-shadow: #a9a9a9;
    --table-row-unchecked: #fff;
    /*--utility--*/
    --shortcut-utility-bg: #fff;
    --shortcut-utility-border: #9662f8;
    --shortcut-utility-border-hover: #9662f8;
    --shortcut-utility-shadow: 0 0 11px -3px #9662f8;
    --shortcut-utility-text: #000000;
    --shortcut-utility-text-hover: #000000;
    --shortcut-utility-arrow-bg: #666;
    --shortcut-utility-input-border: #cfcfcf;
    --shortcut-utility-country-list: #fff;
    --shortcut-utility-country-list-hover: #efe8fe;
    --shortcut-utility-country-list-text: #000;
    --shortcut-utility-country-list-text-hover: #cfcfcf;
    --shortcut-utility-close-img: invert(0%) brightness(0%);
    --shortcut-utility-close-img-hover: invert(0%) brightness(0%);

    --shortcut-utility-logo-text: #000;
    --shortcut-utility-logo-img: invert(0%) brightness(0%);

    --shortcut-utility-country-list-active-bg: #f7f8fa;
    --shortcut-utility-country-list-active-text: #cfcfcf;

    --shortcut-utility-country-search-text: #555;
    --shortcut-utility-country-list-nomatch-bg: #f5f5f5;
    --shortcut-utility-country-list-nomatch-bg-hover: #f5f5f5;
    --shortcut-utility-country-list-nomatch-text: #000;
    --shortcut-utility-country-list-nomatch-text-hover: #000;
    /*--form--*/
    --validation-alert-text: #e7262b;
    --multiselect-select-bg: #fff;
    --multiselect-select-text: #000;
    --multiselect-select-text-hover: #000;
    --multiselect-select-option-hover: #efe8fe;
    --multiselect-select-input-border: #000;
    --multiselect-select-border: #9662f8;
    /*--modal--*/
    --modal-text-color: #000;
    --modal-input: #fff;
    --modal-header-bg: #9662f8;
    --modal-bg: #efe8fe;
    --modal-bg-border: #00000033;
    --modal-label: #333;
    --modal-input-bg: #fff;
    --modal-input-border: #9662f8;
    --modal-input-text: #555;

    --modal-filter-master-search-img: invert(0%) brightness(0%);
    --modal-filter-master-search-img-hover: invert(0%) brightness(0%);

    --modal-hr-border: #9662f8;
    --modal-close-icon: invert(89%) sepia(0%) saturate(151%) hue-rotate(157deg)
      brightness(100%) contrast(79%);

    --modal-close-icon: invert(0%) brightness(0%);
    --modal-close-icon-hover: invert(0%) brightness(0%);

    --modal-primary-button-bg: #9662f8;
    --modal-primary-button-bg-hover: #fff;
    --modal-primary-button-border: #9662f8;
    --modal-primary-button-border-hover: #9662f8;
    --modal-primary-button-text: #fff;
    --modal-primary-button-text-hover: #9662f8;

    --modal-secondary-button-reset-bg: #f7f8fa;
    --modal-secondary-button-reset-bg-hover: #9662f8;
    --modal-secondary-button-reset-border: #9662f8;
    --modal-secondary-button-reset-border-hover: #9662f8;
    --modal-secondary-button-reset-border-filter: invert(0%) brightness(0%);
    --modal-secondary-button-reset-border-filter-hover: invert(99%) sepia(1%)
      saturate(82%) hue-rotate(216deg) brightness(117%) contrast(100%);

    --modal-main-color: #000;
    --modal-header-color: #000;
    --modal-footer-btn: #000;
    --modal-footer-reset-btn: #fff;
    --modal-filter-reset: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg)
      brightness(103%) contrast(103%);
    --menu-text-hover: #9662f8;
    --modal-light-bg: rgba(0, 0, 0, 0.03);
    --modal-primary-btn-text: #fff;

    --dashboard-right-menu-text-heading: #000;
    --dashboard-right-menu-text-hover: #000;
    --dashboard-right-menu-toggle-bg: #9662f8;
    --dashboard-right-menu-toggle-switch-bg: #ccc;
    --dashboard-right-menu-toggle-circle: #fff;
    --dashboard-right-menu-bg: #f7f8fa;
    --dashboard-right-menu-border: #cccccc73;
    --dashboard-right-menu-bookmark-icon: invert(0%) brightness(0%);
    --dashboard-right-menu-bookmark-icon-hover: invert(0%) brightness(0%);
    --dashboard-overflow-scroll-bg: #9662f8;

    /*--popup--*/
    --popup-bg: #fff;
    --popup-bg-text: #000;
    --popup-filter-img: invert(0%) brightness(0%);
    /*--menu--*/
    --dashboard-menu-bg: #efe8fe;
    --dashboard-menu-text: #000;
    --dashboard-menu-text-hover: #9662f8;
    --dashboard-menu-subheader-text: #000000;
    --dashboard-menu-subheader-border: #0000003b;
    --dashboard-menu-input-bg: #fff;
    --dashboard-menu-input-border: #000000a1;
    --dashboard-menu-input-text: #000;
    --dashboard-menu-close-button: #000;
    --dashboard-menu-close-button-hover: #222;
    --dashboard-menu-input-placeholder: #222;

    --menu-sheet-bg: #efe8fe;
    --menu-text: #000;
    --menu-bg: #b8b6b7;
    --menu-color: #fff;

    /*--horizontalMenu --*/
    --horizontal-menu-strip-bg: #decdff;
    --horizontal-menu-strip-text: #000;
    --horizontal-menu-card-bg: #efe8fe;
    --horizontal-menu-card-border: #fff;
    --horizontal-menu-card-list-bg-hover: #fff;
    --horizontal-menu-card-list-text-hover: #000;
    --horizontal-menu-card-shadow: #ccc;
    --horizontal-menu-shortcut-toggle: #9662f8;
    /*--drag-drop-menu --*/
    --drag-drop-menu-label: #decdff;

    /*--footer--*/
    --footer-text: #000;
    --footer-utilities-text: #000;
    --footer-utilities-img: invert(0%) brightness(0%);
    /*--scrollbar--*/
    --scrollbar-track: #666;
    --scrollbar-thumb: #fff;
    /*--filter--*/
    --img-filter-header: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg)
      brightness(103%) contrast(103%);

    --header-top-icon-img: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg)
      brightness(103%) contrast(103%);
    --header-top-icon-img-hover: invert(100%) sepia(0%) saturate(0%)
      hue-rotate(93deg) brightness(103%) contrast(103%);

    --filter-icon: invert(0%) brightness(0%);
    --filter-icon-secondary: invert(0%) brightness(0%);
    --table-icon-info-bg: invert(0%) brightness(0%);
    /*--default--*/
    --foreground: 240 10% 3.9%;
    --card: 0 0% 100%;
    --card-foreground: 240 10% 3.9%;
    --popover: 0 0% 100%;
    --popover-foreground: 240 10% 3.9%;
    --primary: 240 5.9% 10%;
    --primary-foreground: 0 0% 98%;
    --secondary: 240 4.8% 95.9%;
    --secondary-foreground: 240 5.9% 10%;
    --muted: 240 4.8% 95.9%;
    --muted-foreground: 240 3.8% 46.1%;
    --accent: 240 4.8% 95.9%;
    --accent-foreground: 240 5.9% 10%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 0 0% 98%;
    --border: 240 5.9% 90%;
    --input: 240 5.9% 90%;
    --ring: 240 10% 3.9%;
    --chart-1: 12 76% 61%;
    --chart-2: 173 58% 39%;
    --chart-3: 197 37% 24%;
    --chart-4: 43 74% 66%;
    --chart-5: 27 87% 67%;
    --radius: 0.5rem;
    /*--skeleton--*/
    --skeleton-row: #decdff;
  }
  .azure {
    /*--profile-popover--*/
    --profile-popover-box-shadow: 0 0 11px -3px #087096;
    --profile-popover-bg: #ecf9fe;
    --profile-popover-bg-border: #087096 !important;
    --profile-popover-text: #000;
    --profile-popover-border: #087096;
    --profile-popover-icon-filter: brightness(0) saturate(100%) invert(18%)
      sepia(38%) saturate(0%) hue-rotate(247deg) brightness(100%) contrast(102%);
    --profile-popover-icon-filter-hover: brightness(0) saturate(100%)
      invert(18%) sepia(38%) saturate(0%) hue-rotate(247deg) brightness(100%)
      contrast(102%);
    --header-profile-arrow: invert(100%) sepia(0%) saturate(0%)
      hue-rotate(93deg) brightness(103%) contrast(103%);
    --theme-contract-attachments-add-bg: #0661cd;
    --theme-contract-attachments-filter: invert(100%) sepia(0%) saturate(0%)
      hue-rotate(93deg) brightness(103%) contrast(103%);
    --theme-contract-attachments-border: #fff;
    /*-- theme-popover --*/
    --theme-popover-bg: #fff;
    --theme-popover-box-shadow: 0 0 3px 3px #ccc;
    --theme-popover-box-border: #087096;
    --theme-select-tick-icon: brightness(0) saturate(100%) invert(12%)
      sepia(72%) saturate(1326%) hue-rotate(195deg) brightness(94%)
      contrast(97%);
    /*-- dashboard menu --*/
    --dashboard-menu-close-icon: invert(0%) brightness(0%);
    --dashboard-menu-close-icon-hover: invert(0%) brightness(0%);

    --change-background-color-start: #c5edfc;
    --change-background-color-end: #c5edfc;
    /*-- release form --*/
    --release-cancel-button-bg: #087096;
    --release-cancel-button-bg-hover: #ecf9fe;
    --release-cancel-button-border: #087096;
    --release-cancel-button-border-hover: #087096;
    --release-cancel-button-text: #fff;
    --release-cancel-button-text-hover: #087096;
    /*-- step form --*/
    --commission-box-bg: #fff;
    --commission-box-border: #087096;
    --commission-box-shadow: none;

    --commission-box-hr-strip-bg: #c5edfc;
    --commission-box-hr-strip-text: #087096;
    --commission-box-hr-strip-border: #087096;

    --commission-box-button-show-bg: #c5edfc;
    --commission-box-button-show-border: #087096;
    --commission-box-button-show-text: #087096;

    --commission-box-button-hide-bg: #c5edfc;
    --commission-box-button-hide-border: #087096;
    --commission-box-button-hide-text: #087096;
    /*-- records dropdown --*/
    --records-dropdown-bg: #ecf9fe;
    --records-dropdown-bg-border: #087096;
    --records-dropdown-relative-bg: #ecf9fe !important;
    --records-dropdown-relative-bg-hover: #c5edfc !important;
    --records-dropdown-relative-text: #333 !important;
    --records-dropdown-relative-text-hover: #262626 !important;
    /*-- table setting --*/
    --records-number-bg: #087096;
    --records-number-bg-text: #fff;
    --records-number-bg-border: #087096;

    --records-number-counter-bg: #ecf9fe;
    --records-number-counter-border: #087096;

    --table-setting-show-text: #333;
    --table-setting-select-all-text: #333;

    --table-setting-label-bg: #ecf9fe;
    --table-setting-label-text: #555;
    --table-setting-label-border: #087096;

    --table-setting-check-bg: #fff;
    --table-setting-checked-bg: #087096;
    --table-setting-check-bg-shadow: 0 0 3px #a9a9a9;
    /*-- sweet alert --*/
    --sweet-alert-bg-border: #c5edfc;
    --sweet-alert-title: #000;
    --sweet-alert-subtitle: #087096;

    --sweet-alert-arrow-border: #087096;
    --sweet-alert-arrow-text: #087096;

    --sweet-alert-cancel-button: #fff;
    --sweet-alert-cancel-button-hover: #087096;
    --sweet-alert-cancel-button-text: #000;
    --sweet-alert-cancel-button-text-hover: #fff;
    --sweet-alert-cancel-button-border: #087096;
    --sweet-alert-cancel-button-border-hover: #087096;

    --sweet-alert-export-button: #087096;
    --sweet-alert-export-button-hover: #fff;
    --sweet-alert-export-button-text: #fff;
    --sweet-alert-export-button-text-hover: #087096;
    --sweet-alert-export-button-border: #087096;
    --sweet-alert-export-button-border-hover: #087096;
    /*--color--*/
    --base-color-red: #f00;
    --base-color-yellow: #ffe600;
    --base-color-green: #008000;
    --base-color-blue: #0000ff;
    --base-color-orange: #ffa500;
    --base-color-dark: #000;
    --base-color-white: #fff;
    --base-color-light: #ccc;
    /*--workspace--*/
    --workspace-widget-bg: #c5edfc;
    --workspace-widget-bg-shadow: 0 0 10px -3px #087096;
    --workspace-widget-border: #087096;

    --workspace-widget-bg-title: #000;

    --workspace-widget-bg-create-button-text: #fff;
    --workspace-widget-bg-create-button-text-hover: #087096;
    --workspace-widget-bg-create-button: #087096;
    --workspace-widget-bg-create-button-hover: #fff;
    --workspace-widget-bg-create-button-border: #087096;
    --workspace-widget-bg-create-button-border-hover: #087096;
    --workspace-widget-bg-close: invert(0%) brightness(0%);
    --workspace-widget-bg-close-hover: invert(26%) sepia(88%) saturate(1752%)
      hue-rotate(173deg) brightness(90%) contrast(94%);

    --workspace-widget-tab-title: #333;
    --workspace-secondary-border: #087096;
    --workspace-select-tab-border: #000;
    --workspace-select-tab-icon: invert(0%) brightness(0%);

    --workspace-calendar-icon-bg: #c5edfc;
    --workspace-calendar-icon-bg-hover: #f8f8f8;
    --workspace-calendar-icon-bg-border: #00000063;
    --workspace-calendar-icon-bg-border-hover: #00976c;
    --workspace-calendar-icon-bg-img: invert(0%) brightness(0%);
    --workspace-calendar-icon-bg-img-hover: invert(26%) sepia(88%)
      saturate(1752%) hue-rotate(173deg) brightness(90%) contrast(94%);

    --workspace-workspace-tab-border: #acacac;
    --workspace-view-more: #000;
    --workspace-view-more-hover: #087096;

    --workspace-tab-dropdown-bg: #c5edfc;
    --workspace-tab-dropdown-bg-border: #087096;
    --workspace-tab-dropdown-bg-shadow: none;
    --workspace-tab-dropdown-bg-text: #000;
    --workspace-tab-dropdown-bg-text-hover: #087096;

    /*--commom--*/
    --primary-common-color: #000;
    --primary-white-color: #fff;
    --primary-color-hover: #b2b2b2;
    --secondary-color: #fff;
    --primary-color: #9c9c9c;
    --primary-border-color: #fff;
    --primary-light-color: #e4d9fb;
    --setting-label: #fff;
    --info-table: #fff;
    --select-tab-list: #f7f8fa;
    --backgroundlight: #c5edfc;
    --background: #4e4e4e;
    --tabslist-lead-info: #eceaeb;
    --background: #0978a1;
    /*-- table header right side btn--*/
    --table-header-button-bg: #fff;
    --table-header-button-bg-hover: #fff;
    --table-header-button-border: #00000063;
    --table-header-button-border-hover: #087096;
    --table-header-button-img: invert(0%) brightness(0%);
    --table-header-button-img-hover: invert(26%) sepia(88%) saturate(1752%)
      hue-rotate(173deg) brightness(90%) contrast(94%);
    /*--form--*/
    --validation-alert-text: #e7262b;
    --multiselect-select-bg: #fff;
    --multiselect-select-text: #000;
    --multiselect-select-text-hover: #000;
    --multiselect-select-option-hover: #c5edfc;
    --multiselect-select-input-border: #000;
    --multiselect-select-border: #c5edfc;

    --table-header-dropdown-menu-bg: #ecf9fe;
    --table-header-dropdown-menu-bg-shadow: 0 0 11px -3px #087096;
    --table-header-dropdown-menu-bg-border: #087096;

    --table-header-dropdown-menu-list-text: #000;
    --table-header-dropdown-menu-list-text-hover: #087096;

    --table-header-dropdown-menu-list-icon-bg: #ecf9fe;
    --table-header-dropdown-menu-list-icon-bg-hover: #ecf9fe;

    --table-header-dropdown-menu-list-icon-border: #00000063;
    --table-header-dropdown-menu-list-icon-border-hover: #087096;
    --table-header-dropdown-menu-list-icon: invert(0%) brightness(0%);
    --table-header-dropdown-menu-list-icon-hover: invert(26%) sepia(88%)
      saturate(1752%) hue-rotate(173deg) brightness(90%) contrast(94%);
    /*--table--*/
    --table-pagination-row-bg: #087096;

    --table-pagination-arrow: invert(0%) brightness(0%);
    --table-pagination-arrow-hover: invert(0%) brightness(0%);

    --table-outer-bg: #c5edfc;
    --table-outer-border: #087096;
    --table-head-bg: #087096;
    --table-head-text: #ffffff;
    --table-body-cell-border: #087096;
    --table-body-cell-bg-odd: #ecf9fe;
    --table-body-cell-bg-text-odd: #000;
    --table-body-cell-bg-even: #ecf9fe;
    --table-body-cell-bg-text-even: #000;
    --table-body-cell-more-text: #087096;
    --table-widget-inner-bg: #c5edfc;
    --table-action-icon-filter: invert(0%) brightness(0%);
    --table-action-icon-filter-hover: invert(26%) sepia(88%) saturate(1752%)
      hue-rotate(173deg) brightness(90%) contrast(94%);

    --table-info-bg: #fff;
    --table-info-text: #000;
    --table-info-box-shadow: rgb(0 0 0 / 20%);
    --table-info-bg-border: #e5e5e5;
    --table-info-tooltip-bg: rgb(255, 255, 255);
    --table-info-btn-border: #ccc;
    --table-pagination-box-shadow:
      0 0.46875rem 2.1875rem rgb(4 9 20 / 7%),
      0 0.9375rem 1.40625rem rgb(4 9 20 / 7%),
      0 0.25rem 0.53125rem rgb(4 9 20 / 7%),
      0 0.125rem 0.1875rem rgb(4 9 20 / 7%);

    --calendar-bg: #ecf9fe;
    --calendar-text: #000;
    --calendar-text-light: #000;
    --calendar-current-day-bg: #087096;
    --calendar-current-day-bg-text: #fff;
    --calendar-day-outside: #999;
    --calendar-day-button-bg-hover: #eee;
    --calendar-border: #ccc;

    --calendar-apply-button: #087096;
    --calendar-apply-button-hover: #fff;
    --calendar-apply-button-text: #ccc;
    --calendar-apply-button-text-hover: #087096;
    --calendar-apply-button-border: #087096;
    --calendar-apply-button-border-hover: #087096;

    --calendar-clear-button: #ecf9fe;
    --calendar-clear-button-hover: #ecf9fe;
    --calendar-clear-button-text: #ccc;
    --calendar-clear-button-text-hover: #ccc;
    --calendar-clear-button-border: #087096;

    --calendar-range-picker: #c5edfc;

    --table-head: #0978a1;
    --table-head-color: #fff;
    --td-first: #ecf9fe;
    --td-second: #f9fcfd;
    --td-text: #000;
    /*--table-check row--*/
    --table-row-check: #087096;
    --table-row-check-shadow: #a9a9a9;
    --table-row-unchecked: #fff;
    /*--utility--*/
    --shortcut-utility-bg: #ecf9fe;
    --shortcut-utility-border: #087096;
    --shortcut-utility-border-hover: #087096;
    --shortcut-utility-shadow: 0 0 11px -3px #087096;
    --shortcut-utility-text: #000000;
    --shortcut-utility-text-hover: #000000;
    --shortcut-utility-arrow-bg: #666;
    --shortcut-utility-input-border: #cfcfcf;
    --shortcut-utility-country-list: #fff;
    --shortcut-utility-country-list-hover: none;
    --shortcut-utility-country-list-text: #cfcfcf;
    --shortcut-utility-country-list-text-hover: #cfcfcf;
    --shortcut-utility-close-img: invert(0%) brightness(0%);
    --shortcut-utility-close-img-hover: invert(0%) brightness(0%);
    --shortcut-utility-country-list-text-bg: #cfcfcf;

    --shortcut-utility-logo-text: #000;
    --shortcut-utility-logo-img: invert(0%) brightness(0%);

    --shortcut-utility-country-list-active-bg: #ecf9fe;
    --shortcut-utility-country-list-active-text: #cfcfcf;

    --shortcut-utility-country-search-text: #555;
    --shortcut-utility-country-list-nomatch-bg: #f5f5f5;
    --shortcut-utility-country-list-nomatch-bg-hover: #f5f5f5;
    --shortcut-utility-country-list-nomatch-text: #000;
    --shortcut-utility-country-list-nomatch-text-hover: #000;

    /*--modal--*/
    --modal-text-color: #000;
    --modal-input: #fff;
    --modal-header-bg: #0978a1;
    --modal-bg: #c5edfc;
    --modal-bg-border: #00000033;
    --modal-label: #333;
    --modal-input-bg: #fff;
    --modal-input-text: #555;

    --modal-filter-master-search-img: invert(0%) brightness(0%);
    --modal-filter-master-search-img-hover: invert(0%) brightness(0%);

    --modal-input-border: #087096;
    --modal-hr-border: #087096;

    --modal-close-icon: invert(0%) brightness(0%);
    --modal-close-icon-hover: invert(0%) brightness(0%);

    --modal-primary-button-bg: #087096;
    --modal-primary-button-bg-hover: #ecf9fe;
    --modal-primary-button-border: #ecf9fe;
    --modal-primary-button-border-hover: #087096;
    --modal-primary-button-text: #fff;
    --modal-primary-button-text-hover: #087096;

    --modal-secondary-button-reset-bg: #f7f8fa;
    --modal-secondary-button-reset-bg-hover: #087096;
    --modal-secondary-button-reset-border: #087096;
    --modal-secondary-button-reset-border-hover: #087096;
    --modal-secondary-button-reset-border-filter: invert(0%) brightness(0%);
    --modal-secondary-button-reset-border-filter-hover: invert(99%) sepia(1%)
      saturate(82%) hue-rotate(216deg) brightness(117%) contrast(100%);

    --modal-main-color: #000;
    --modal-header-color: #000;
    --modal-footer-btn: #000;
    --modal-footer-reset-btn: #fff;
    --modal-filter-reset: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg)
      brightness(103%) contrast(103%);
    --menu-text-hover: #0978a1;
    --modal-light-bg: rgba(0, 0, 0, 0.03);
    --modal-primary-btn-text: #fff;

    --dashboard-right-menu-text-heading: #000;
    --dashboard-right-menu-text-hover: #000;
    --dashboard-right-menu-toggle-bg: #087096;
    --dashboard-right-menu-toggle-switch-bg: #ccc;
    --dashboard-right-menu-toggle-circle: #fff;
    --dashboard-right-menu-bg: #ecf9fe;
    --dashboard-right-menu-border: #cccccc73;
    --dashboard-right-menu-bookmark-icon: invert(0%) brightness(0%);
    --dashboard-right-menu-bookmark-icon-hover: invert(0%) brightness(0%);
    --dashboard-overflow-scroll-bg: #087096;
    /*--popup--*/
    --popup-bg: #fff;
    --popup-bg-text: #000;
    --popup-filter-img: invert(0%) brightness(0%);
    /*--menu--*/
    --dashboard-menu-bg: #c5edfc;
    --dashboard-menu-text: #000;
    --dashboard-menu-text-hover: #087096;
    --dashboard-menu-subheader-text: #000000;
    --dashboard-menu-subheader-border: #0000003b;
    --dashboard-menu-input-bg: #fff;
    --dashboard-menu-input-border: #000000a1;
    --dashboard-menu-input-text: #000;
    --dashboard-menu-close-button: #000;
    --dashboard-menu-close-button-hover: #222;
    --dashboard-menu-input-placeholder: #222;

    --menu-sheet-bg: #ecf9fe;
    --menu-text: #000;
    --menu-bg: #b8b6b7;
    --menu-color: #fff;

    /*--horizontalMenu --*/
    --horizontal-menu-strip-bg: #ecf9fe;
    --horizontal-menu-strip-text: #000;
    --horizontal-menu-card-bg: #c5edfc;
    --horizontal-menu-card-border: #fff;
    --horizontal-menu-card-list-bg-hover: #fff;
    --horizontal-menu-card-list-text-hover: #000;
    --horizontal-menu-card-shadow: #ccc;
    --horizontal-menu-shortcut-toggle: #0978a1;
    /*--drag-drop-menu --*/
    --drag-drop-menu-label: #ecf9fe;

    /*--footer--*/
    --footer-text: #000;
    --footer-utilities-text: #000;
    --footer-utilities-img: invert(0%) brightness(0%);
    /*--scrollbar--*/
    --scrollbar-track: #666;
    --scrollbar-thumb: #fff;
    /*--filter--*/
    --img-filter-header: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg)
      brightness(103%) contrast(103%);

    --header-top-icon-img: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg)
      brightness(103%) contrast(103%);
    --header-top-icon-img-hover: invert(100%) sepia(0%) saturate(0%)
      hue-rotate(93deg) brightness(103%) contrast(103%);

    --filter-icon: invert(0%) brightness(0%);
    --filter-icon-secondary: invert(0%) brightness(0%);
    --table-icon-info-bg: invert(0%) brightness(0%);
    /*--default--*/
    --foreground: 240 10% 3.9%;
    --card: 0 0% 100%;
    --card-foreground: 240 10% 3.9%;
    --popover: 0 0% 100%;
    --popover-foreground: 240 10% 3.9%;
    --primary: 240 5.9% 10%;
    --primary-foreground: 0 0% 98%;
    --secondary: 240 4.8% 95.9%;
    --secondary-foreground: 240 5.9% 10%;
    --muted: 240 4.8% 95.9%;
    --muted-foreground: 240 3.8% 46.1%;
    --accent: 240 4.8% 95.9%;
    --accent-foreground: 240 5.9% 10%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 0 0% 98%;
    --border: 240 5.9% 90%;
    --input: 240 5.9% 90%;
    --ring: 240 10% 3.9%;
    --chart-1: 12 76% 61%;
    --chart-2: 173 58% 39%;
    --chart-3: 197 37% 24%;
    --chart-4: 43 74% 66%;
    --chart-5: 27 87% 67%;
    --radius: 0.5rem;
    /*--skeleton--*/
    --skeleton-row: #ecf9fe;
  }
  .dark {
    /*--profile-popover--*/
    --profile-popover-box-shadow: 5px 5px 5px 5px #000;
    --profile-popover-bg: #0e0e0e;
    --profile-popover-bg-border: #000;
    --profile-popover-text: #cfcfcf;
    --profile-popover-border: #ccc;
    --profile-popover-icon-filter: invert(89%) sepia(0%) saturate(151%)
      hue-rotate(157deg) brightness(100%) contrast(79%);
    --profile-popover-icon-filter-hover: brightness(0) saturate(100%)
      invert(82%) sepia(0%) saturate(3464%) hue-rotate(104deg) brightness(83%)
      contrast(88%);
    --header-profile-arrow: invert(89%) sepia(0%) saturate(151%)
      hue-rotate(157deg) brightness(100%) contrast(79%);
    --theme-contract-attachments-add-bg: #0661cd;
    --theme-contract-attachments-filter: invert(100%) sepia(0%) saturate(0%)
      hue-rotate(93deg) brightness(103%) contrast(103%);
    --theme-contract-attachments-border: #fff;
    /*-- theme-popover --*/
    --theme-popover-bg: #fff;
    --theme-popover-box-shadow: none !important;
    --theme-popover-box-border: none;
    --theme-select-tick-icon: brightness(0) saturate(100%) invert(96%) sepia(0%)
      saturate(128%) hue-rotate(247deg) brightness(84%) contrast(97%);
    /*-- dashboard menu --*/
    --dashboard-menu-close-icon: invert(89%) sepia(0%) saturate(151%)
      hue-rotate(157deg) brightness(100%) contrast(79%);
    --dashboard-menu-close-icon-hover: brightness(0) saturate(100%) invert(68%)
      sepia(10%) saturate(11%) hue-rotate(86deg) brightness(96%) contrast(89%);

    --change-background-color-start: #000;
    --change-background-color-end: #000;
    /*-- release form --*/
    --release-cancel-button-bg: #f7f7f7;
    --release-cancel-button-bg-hover: #f7f7f7;
    --release-cancel-button-border: #f7f7f7;
    --release-cancel-button-border-hover: #f7f7f7;
    --release-cancel-button-text: #000;
    --release-cancel-button-text-hover: #000;
    /*-- step form --*/
    --commission-box-bg: #fff;
    --commission-box-border: #fff;
    --commission-box-shadow: none;

    --commission-box-hr-strip-bg: #000;
    --commission-box-hr-strip-text: #fff;
    --commission-box-hr-strip-border: #fff;

    --commission-box-button-show-bg: #000;
    --commission-box-button-show-border: #fff;
    --commission-box-button-show-text: #fff;

    --commission-box-button-hide-bg: #000;
    --commission-box-button-hide-border: #fff;
    --commission-box-button-hide-text: #fff;
    /*-- records dropdown --*/
    --records-dropdown-bg: #fff;
    --records-dropdown-bg-border: #fff;
    --records-dropdown-relative-bg: #fff !important;
    --records-dropdown-relative-bg-hover: #f2f3f7 !important;
    --records-dropdown-relative-text: #333 !important;
    --records-dropdown-relative-text-hover: #333 !important;
    /*-- table setting --*/
    --records-number-bg: #000;
    --records-number-bg-text: #cfcfcf;
    --records-number-bg-border: #fff;

    --records-number-counter-bg: #fff;
    --records-number-counter-border: #000000a1;

    --table-setting-show-text: #cfcfcf;
    --table-setting-select-all-text: #cfcfcf;

    --table-setting-label-bg: #000;
    --table-setting-label-text: #cfcfcf;
    --table-setting-label-border: #cfcfcf;

    --table-setting-check-bg: #fff;
    --table-setting-checked-bg: #0e0e0e;
    --table-setting-check-bg-shadow: 0 0 3px #a9a9a9;
    /*-- sweet alert --*/
    --sweet-alert-bg-border: #cfcfcf;
    --sweet-alert-title: #cfcfcf;
    --sweet-alert-subtitle: #cfcfcf;

    --sweet-alert-arrow-border: #c9dae1;
    --sweet-alert-arrow-text: #87adbd;

    --sweet-alert-cancel-button: #0e0e0e;
    --sweet-alert-cancel-button-hover: #0e0e0e;
    --sweet-alert-cancel-button-text: #fff;
    --sweet-alert-cancel-button-text-hover: #fff;
    --sweet-alert-cancel-button-border: #cfcfcf;
    --sweet-alert-cancel-button-border-hover: #cfcfcf;

    --sweet-alert-export-button: #000;
    --sweet-alert-export-button-hover: #0e0e0e;
    --sweet-alert-export-button-text: #fff;
    --sweet-alert-export-button-text-hover: #fff;
    --sweet-alert-export-button-border: #cfcfcf;
    --sweet-alert-export-button-border-hover: #cfcfcf;

    /*--color--*/
    --base-color-red: #f00;
    --base-color-yellow: #ffe600;
    --base-color-green: #008000;
    --base-color-blue: #0000ff;
    --base-color-orange: #ffa500;
    --base-color-dark: #000;
    --base-color-white: #fff;
    --base-color-light: #ccc;
    /*--commom--*/
    --primary-common-color: #cfcfcf;
    --primary-white-color: #fff;
    --primary-color: #fff;
    --primary-color-hover: #b2b2b2;
    --secondary-color: #4e4e4e;
    --primary-border-color: #fff;
    --primary-light-color: rgba(0, 0, 0, 0.1);
    --setting-label: #5c5c5c;
    --info-table: #fff;
    --select-tab-list: #4e4e4e;
    --backgroundlight: #000;
    --background: #0e0e0e;
    --tabslist-lead-info: #eceaeb;
    /*--workspace--*/
    --workspace-widget-bg: #0e0e0e;
    --workspace-widget-bg-shadow: 0 0 12px 2px #000000;
    --workspace-widget-border: #0e0e0e;

    --workspace-widget-bg-title: #cfcfcf;

    --workspace-widget-bg-create-button-text: #fff;
    --workspace-widget-bg-create-button-text-hover: #fff;
    --workspace-widget-bg-create-button: #404040;
    --workspace-widget-bg-create-button-hover: #404040;
    --workspace-widget-bg-create-button-border: #ffffff70;
    --workspace-widget-bg-create-button-border-hover: #404040;
    --workspace-widget-bg-close: invert(89%) sepia(0%) saturate(151%)
      hue-rotate(157deg) brightness(100%) contrast(79%);
    --workspace-widget-bg-close-hover: invert(89%) sepia(0%) saturate(151%)
      hue-rotate(157deg) brightness(100%) contrast(79%);

    --workspace-widget-tab-title: #fff;
    --workspace-secondary-border: #ccc;
    --workspace-select-tab-border: #0e0e0e;
    --workspace-select-tab-icon: invert(89%) sepia(0%) saturate(151%)
      hue-rotate(157deg) brightness(100%) contrast(79%);

    --workspace-calendar-icon-bg: #ffffff;
    --workspace-calendar-icon-bg-hover: #ffffff;
    --workspace-calendar-icon-bg-border: #ffffff;
    --workspace-calendar-icon-bg-border-hover: #ffffff;
    --workspace-calendar-icon-bg-img: invert(0%) brightness(0%);
    --workspace-calendar-icon-bg-img-hover: invert(53%) sepia(58%)
      saturate(5275%) hue-rotate(197deg) brightness(99%) contrast(104%);

    --workspace-workspace-tab-border: #acacac;
    --workspace-view-more: #cfcfcf;
    --workspace-view-more-hover: #cfcfcf;

    --workspace-tab-dropdown-bg: #0e0e0e;
    --workspace-tab-dropdown-bg-border: #0e0e0e;
    --workspace-tab-dropdown-bg-shadow: -1px 1px 6px 2px #000 !important;
    --workspace-tab-dropdown-bg-text: #cfcfcf;
    --workspace-tab-dropdown-bg-text-hover: #fff;

    /*-- table header right side btn--*/
    --table-header-button-bg: #cfcfcf;
    --table-header-button-bg-hover: #cfcfcf;
    --table-header-button-border: #cfcfcf;
    --table-header-button-border-hover: #cfcfcf;
    --table-header-button-img: invert(0%) brightness(0%);
    --table-header-button-img-hover: invert(53%) sepia(58%) saturate(5275%)
      hue-rotate(197deg) brightness(99%) contrast(104%);

    --table-header-dropdown-menu-bg: #0e0e0e;
    --table-header-dropdown-menu-bg-shadow: none;
    --table-header-dropdown-menu-bg-border: #cfcfcf;

    --table-header-dropdown-menu-list-text: #cfcfcf;
    --table-header-dropdown-menu-list-text-hover: #cfcfcf;

    --table-header-dropdown-menu-list-icon-bg: #0e0e0e;
    --table-header-dropdown-menu-list-icon-bg-hover: #0e0e0e;

    --table-header-dropdown-menu-list-icon-border: #cfcfcf;
    --table-header-dropdown-menu-list-icon-border-hover: #cfcfcf;
    --table-header-dropdown-menu-list-icon: invert(89%) sepia(0%) saturate(151%)
      hue-rotate(157deg) brightness(100%) contrast(79%);
    --table-header-dropdown-menu-list-icon-hover: invert(89%) sepia(0%)
      saturate(151%) hue-rotate(157deg) brightness(100%) contrast(79%);
    /*--table--*/
    --table-pagination-row-bg: #0e0e0e;

    --table-pagination-arrow: invert(0%) brightness(0%);
    --table-pagination-arrow-hover: invert(53%) sepia(58%) saturate(5275%)
      hue-rotate(197deg) brightness(99%) contrast(104%);

    --table-outer-bg: #000000;
    --table-outer-border: #fff;
    --table-head-bg: #0e0e0e;
    --table-head-text: #cfcfcf;
    --table-body-cell-border: #6f6f6f;
    --table-body-cell-bg-odd: #000;
    --table-body-cell-bg-text-odd: #cfcfcf;
    --table-body-cell-bg-even: #0e0e0e;
    --table-body-cell-bg-text-even: #cfcfcf;
    --table-body-cell-more-text: #fff;
    --table-widget-inner-bg: #000000;
    --table-action-icon-filter: invert(0%) brightness(0%);
    --table-action-icon-filter-hover: invert(53%) sepia(58%) saturate(5275%)
      hue-rotate(197deg) brightness(99%) contrast(104%);

    --table-info-bg: #fff;
    --table-info-text: #000;
    --table-info-box-shadow: rgb(0 0 0 / 20%);
    --table-info-bg-border: #e5e5e5;
    --table-info-tooltip-bg: rgb(255, 255, 255);
    --table-info-btn-border: #ccc;
    --table-pagination-box-shadow:
      0 0.46875rem 2.1875rem rgb(4 9 20 / 7%),
      0 0.9375rem 1.40625rem rgb(4 9 20 / 7%),
      0 0.25rem 0.53125rem rgb(4 9 20 / 7%),
      0 0.125rem 0.1875rem rgb(4 9 20 / 7%);

    --calendar-bg: #fff;
    --calendar-text: #000;
    --calendar-text-light: #000;
    --calendar-current-day-bg: #f00;
    --calendar-current-day-bg-text: #fff;
    --calendar-day-outside: #999;
    --calendar-day-button-bg-hover: #eee;
    --calendar-border: #ccc;

    --calendar-apply-button: #5cb85c;
    --calendar-apply-button-hover: #449d44;
    --calendar-apply-button-text: #ccc;
    --calendar-apply-button-text-hover: #fff;
    --calendar-apply-button-border: #5cb85c;
    --calendar-apply-button-border-hover: #5cb85c;

    --calendar-clear-button: #ccc;
    --calendar-clear-button-hover: #e6e6e6;
    --calendar-clear-button-text: #ccc;
    --calendar-clear-button-text-hover: #ccc;
    --calendar-clear-button-border: #000;

    --calendar-range-picker: #ebf4f8;

    --table-head: #4e4e4e;
    --table-head-color: #fff;
    --td-first: #cfcfcf;
    --td-second: #eceaeb;
    --td-text: #000;
    /*--table-check row--*/
    --table-row-check: #0e0e0e;
    --table-row-check-shadow: #a9a9a9;
    --table-row-unchecked: #fff;
    /*--utility--*/
    --shortcut-utility-bg: #0e0e0e;
    --shortcut-utility-border: #0e0e0e;
    --shortcut-utility-border-hover: #0e0e0e;
    --shortcut-utility-shadow: 0 0 12px 2px #000;
    --shortcut-utility-text: #cfcfcf;
    --shortcut-utility-text-hover: #cfcfcf;
    --shortcut-utility-arrow-bg: #fff;
    --shortcut-utility-input-border: #cfcfcf;
    --shortcut-utility-country-list: #fff;
    --shortcut-utility-country-list-hover: none;
    --shortcut-utility-country-list-text: #cfcfcf;
    --shortcut-utility-country-list-text-hover: #cfcfcf;
    --shortcut-utility-close-img: invert(89%) sepia(0%) saturate(151%)
      hue-rotate(157deg) brightness(100%) contrast(79%);
    --shortcut-utility-close-img-hover: invert(53%) sepia(58%) saturate(5275%)
      hue-rotate(197deg) brightness(99%) contrast(104%);

    --shortcut-utility-logo-text: #fff;
    --shortcut-utility-logo-img: invert(89%) sepia(0%) saturate(151%)
      hue-rotate(157deg) brightness(100%) contrast(79%);

    --shortcut-utility-country-list-active-bg: #0e0e0e;
    --shortcut-utility-country-list-active-text: #cfcfcf;

    --shortcut-utility-country-search-text: #cfcfcf;
    --shortcut-utility-country-list-nomatch-bg: #f5f5f5;
    --shortcut-utility-country-list-nomatch-bg-hover: #f5f5f5;
    --shortcut-utility-country-list-nomatch-text: #000;
    --shortcut-utility-country-list-nomatch-text-hover: #000;
    /*--form--*/
    --validation-alert-text: #fff;
    --multiselect-select-bg: #fff;
    --multiselect-select-text: #000;
    --multiselect-select-text-hover: #000;
    --multiselect-select-option-hover: #f2f3f7;
    --multiselect-select-input-border: #000;
    --multiselect-select-border: rgba(0, 0, 0, 0.15);
    /*--modal--*/
    --modal-header-bg: #414141;
    --modal-bg: #000;
    --modal-bg-border: #e6e6e659;
    --modal-label: #cfcfcf;
    --modal-main-color: #000;
    --modal-header-color: #fff;
    --modal-text-color: #000;
    --modal-input: #fff;
    --modal-input-bg: #fff;
    --modal-input-text: #555;

    --modal-filter-master-search-img: invert(0%) brightness(0%);
    --modal-filter-master-search-img-hover: invert(53%) sepia(58%)
      saturate(5275%) hue-rotate(197deg) brightness(99%) contrast(104%);

    --modal-input-border: #000000a1;
    --modal-hr-border: #fff;

    --modal-close-icon: invert(89%) sepia(0%) saturate(151%) hue-rotate(157deg)
      brightness(100%) contrast(79%);
    --modal-close-icon-hover: invert(53%) sepia(58%) saturate(5275%)
      hue-rotate(197deg) brightness(99%) contrast(104%);

    --modal-primary-button-bg: #0e0e0e;
    --modal-primary-button-bg-hover: #404040;
    --modal-primary-button-border: #ffffff70;
    --modal-primary-button-border-hover: #404040;
    --modal-primary-button-text: #fff;
    --modal-primary-button-text-hover: #fff;

    --modal-secondary-button-reset-bg: #000;
    --modal-secondary-button-reset-bg-hover: #000;
    --modal-secondary-button-reset-border: #fff;
    --modal-secondary-button-reset-border-hover: #fff;
    --modal-secondary-button-reset-border-filter: invert(89%) sepia(0%)
      saturate(151%) hue-rotate(157deg) brightness(100%) contrast(79%);
    --modal-secondary-button-reset-border-filter-hover: invert(53%) sepia(58%)
      saturate(5275%) hue-rotate(197deg) brightness(99%) contrast(104%);

    --modal-footer-btn: #000;
    --modal-footer-reset-btn: #fff;
    --modal-filter-reset: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg)
      brightness(103%) contrast(103%);
    --menu-text-hover: #ccc;
    --modal-light-bg: rgba(0, 0, 0, 0.03);
    --modal-primary-btn-text: #fff;

    --dashboard-right-menu-text-heading: #999;
    --dashboard-right-menu-text-hover: #2487ff;
    --dashboard-right-menu-toggle-bg: #2487ff;
    --dashboard-right-menu-toggle-switch-bg: #cfcfcf;
    --dashboard-right-menu-toggle-circle: #fff;
    --dashboard-right-menu-bg: #0e0e0e;
    --dashboard-right-menu-border: #cccccc73;
    --dashboard-right-menu-bookmark-icon: invert(89%) sepia(0%) saturate(151%)
      hue-rotate(157deg) brightness(100%) contrast(79%);
    --dashboard-right-menu-bookmark-icon-hover: invert(53%) sepia(58%)
      saturate(5275%) hue-rotate(197deg) brightness(99%) contrast(104%);
    --dashboard-overflow-scroll-bg: #fff;
    /*--popup--*/
    --popup-bg: #616060;
    --popup-bg-text: #fff;
    --popup-filter-img: brightness(0) saturate(100%) invert(99%) sepia(5%)
      saturate(958%) hue-rotate(228deg) brightness(116%) contrast(100%);
    /*--menu--*/
    --dashboard-menu-bg: #000;
    --dashboard-menu-text: #cfcfcf;
    --dashboard-menu-text-hover: #2487ff;
    --dashboard-menu-subheader-text: #cfcfcf;
    --dashboard-menu-subheader-border: #d0d0d0;
    --dashboard-menu-input-bg: #fff;
    --dashboard-menu-input-border: #000000a1;
    --dashboard-menu-input-text: #000;
    --dashboard-menu-close-button: #fff;
    --dashboard-menu-close-button-hover: #ccc;
    --dashboard-menu-input-placeholder: #222;

    --menu-sheet-bg: #616060;
    --menu-text: #fff;
    --menu-bg: #b8b6b7;
    --menu-color: #fff;

    /*--horizontalMenu --*/
    --horizontal-menu-strip-bg: #fff;
    --horizontal-menu-strip-text: #000;
    --horizontal-menu-card-bg: #efefef;
    --horizontal-menu-card-border: #efefef;
    --horizontal-menu-card-list-bg-hover: #fff;
    --horizontal-menu-card-list-text-hover: #000;
    --horizontal-menu-card-shadow: #00000038;
    --horizontal-menu-shortcut-toggle: #000;
    /*--drag-drop-menu --*/
    --drag-drop-menu-label: #0e0e0e;

    /*--footer--*/
    --footer-text: #fff;
    --footer-utilities-text: #fff;
    --footer-utilities-img: invert(89%) sepia(0%) saturate(151%)
      hue-rotate(157deg) brightness(100%) contrast(79%);
    /*--scrollbar--*/
    --scrollbar-track: #666;
    --scrollbar-thumb: #fff;
    /*--filter--*/
    --img-filter-header: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg)
      brightness(103%) contrast(103%);

    --header-top-icon-img: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg)
      brightness(103%) contrast(103%);
    --header-top-icon-img-hover: invert(53%) sepia(58%) saturate(5275%)
      hue-rotate(197deg) brightness(99%) contrast(104%);

    --filter-icon: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg)
      brightness(103%) contrast(103%);
    --filter-icon-secondary: invert(0%) brightness(0%);
    --table-icon-info-bg: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg)
      brightness(103%) contrast(103%);
    /*--default--*/
    --foreground: 0 0% 98%;
    --card: 240 10% 3.9%;
    --card-foreground: 0 0% 98%;
    --popover: 240 10% 3.9%;
    --popover-foreground: 0 0% 98%;
    --primary: 0 0% 98%;
    --primary-foreground: 240 5.9% 10%;
    --secondary: 240 3.7% 15.9%;
    --secondary-foreground: 0 0% 98%;
    --muted: 240 3.7% 15.9%;
    --muted-foreground: 240 5% 64.9%;
    --accent: 240 3.7% 15.9%;
    --accent-foreground: 0 0% 98%;
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 0 0% 98%;
    --border: 240 3.7% 15.9%;
    --input: 240 3.7% 15.9%;
    --ring: 240 4.9% 83.9%;
    --chart-1: 220 70% 50%;
    --chart-2: 160 60% 45%;
    --chart-3: 30 80% 55%;
    --chart-4: 280 65% 60%;
    --chart-5: 340 75% 55%;
    /*--skeleton--*/
    --skeleton-row: #ccc;
  }
}
@layer base {
  * {
    @apply border-border outline-ring/50;
  }
  body {
    @apply bg-background text-foreground;
  }
}