:root {
  --width-lg: 1280px;
  --main-bg-color: #f6f7fa;
  --header-bg-color: #0C0D11;
  --header-mobile-nav-bg-color: #F1F2F5;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-blue: #02A1D3;
  --link-hover-color: #8ab902;
  --table-main-background: #FAFAFA;
  --table-border-color: #E7E7E7;
  --table-border-color-dark: #DADADA;
  --table-background-hover-color: #F4F4F4;
  --table-background-hover-submenu: #F8F8F9;
  --table-primary-background: #E8F0F5;
  --table-secondary-background: #FAF7EC;
  --table-gray-background: #F3F3F3;
  --table-skeleton-color: #F1F1F1;
  --marker-sucess: #C6DE63;
  --marker-warning: #DEC463;
  --marker-danger: #DE8863;
  --marker-info: #63AADE;
  --spinner-color: #02A1D3;
  --text-success-color: #3AAC4C;
  --tooltip-arrow-color: #E6E6E6;
  --dropdown-item-hover: #E7E8EC;
  --subscribe-btn-color: #92C53E;
  --subscribe-btn-color-hover: #a6de49;
  --subscribe-btn-color-focus: #84B238;
  --auth-checkbox-border: #5e6377;
  --auth-checkbox-background: #27ae60;
  --blue-btn-color-hover: #03C3FF;
  --blue-btn-color-focus: #0FA6D5;
  --user-dropdown-bg: #1F2024;
  --social-icons-bg: #2A2D30;
  --sibebar-select-bg-color: #CFCFCF;
  --checkbox-text-color: #151515;
  --grey-arrow: #74879B;
  --overlay-bg-color: #131517;
  --inactive-checkbox: #525050;
  --header-mobile-nav-click: #D9DADE;
  --button-border-color: #c5c5c5;

  --table-sec-background: #FAFAFA;
  --tabs-submenu-input-border: #E7E8EC;
  --table-purple-background: #ECE8F5;
  --table-green-background: #E9F5E8;
  --table-skeleton-modal-color: #FFFFFF;
  --table-skeleton-modal-border-color: #F2F2F2;
  --body-color: #000;
  --text-color: #000;
  --text-header-color: #fff;
  --input-bg: #fff;
  --custom-scroll-gradient: #fafafa;
  --custom-scroll-asset-gradient: #fff;
  --custom-scroll-sec: #aaa;
  --custom-scroll-track: #eee;
  --custom-scroll-border: #eeeeeee6;
  --tab-subtract-left: url("/img/icons/subtract-left.svg");
  --tab-subtract-right: url("/img/icons/subtract-right.svg");
  --modal-bg: #fff;
  --modal-bg-aside: #F5F5F5;
  --mobile-nav-bg: #F1F2F5;
  --button_hover: #ededed;
  --radio-bullet: #D2D2D2;
  --radio-bullet-hover: #000;
  --line-grey-color: #E6E6E6;
  --table-icons-border: #E7E8EC;
  --map-view-button: #fff;
  --map-view-active-button: #ccecf6;
  --map-description: #fff;
  --asset-profile-header: #fff;
  --asset-profile-sidebar: #fff;
  --asset-profile-main: #fff;
  --table-head-color: #f4f4f4;
  --tabs-hover-bg: transparent;
  --tabs-hover-border: #02A1D3;
  --mob-menu-backdrop: #F1F1F1;
  --ui-widget-bg: #fff;
  --acc-btn-hover: #E7E8EC;
  --acc-item-hover: #E7E8EC;
  --thead-scroll-gradient-prim: #1c1f2f14;
  --thead-scroll-gradient-sec: #22263900;
  --dark-light-gradient: #ffffff;
  --alerts-settings-odd-row: #f5f5f5;
  --alerts-settings-cell-text: #777880;
  --alerts-settings-button: #4343430D;
  --alerts-settings-select-options-bg: #f5f5f5;
  --alerts-settings-select-options-border: #cfcfcf;
  --alerts-settings-checkbox-bg: #E9E9E9;
  --alerts-settings-select-option-hover: #fff;
  --alerts-settings-table-border: #E6E6E6;
  --loader-bg: rgb(0 0 0 / 5%);
  --loader-spinner: #777;
  --alerts-settings-indicator: #E9E9E9;
  --alerts-settings-drag-bg: #aee0f1;
  --alerts-settings-drag-border: #00A4D8;
  --alerts-settings-header-button: #CFCFCF;
  --alerts-settings-header-button-d: #cfcfcf;
  --subscription-card-bg: #F1F2F5;
}

html[theme=dark] {
  --main-bg-color: #292929;
  --color-white: #333;
  --table-main-background: #43434399;
  --table-sec-background: #404040;
  --dropdown-item-hover: #252525;
  --body-color: #fff;
  --text-color: #fff;
  --sibebar-select-bg-color: #cfcfcf40;
  --input-bg: transparent;
  --custom-scroll-gradient: #3c3c3c;
  --custom-scroll-asset-gradient: #333;
  --checkbox-text-color: #fff;
  --inactive-checkbox: #fff;
  --tooltip-arrow-color: #E6E6E60D;
  --tab-subtract-left: url("/img/icons/subtract-left-dark.svg");
  --tab-subtract-right: url("/img/icons/subtract-right-dark.svg");
  --table-background-hover-submenu: #333;
  --table-gray-background: #454545;
  --table-purple-background: #C9B0FF33;
  --table-green-background: #AAFBA433;
  --table-primary-background: #DEC4631A;
  --table-secondary-background: #63AADE1A;
  --table-background-hover-color: #43434399;
  --table-head-color: #555555;
  --modal-bg: #333;
  --modal-bg-aside: #262626;
  --mobile-nav-bg: #262626;
  /* --button_hover: #000; */
  --button_hover: #E6E6E60D;
  --radio-bullet: #FFFFFF33;
  --radio-bullet-hover: #fff;
  --line-grey-color: #EEEEEE1F;
  --header-mobile-nav-bg-color: #43434399;
  --auth-checkbox-border: #fff;
  --overlay-bg-color: #131517;
  --custom-scroll-sec: #6f6f6f;
  --table-border-color: #EEEEEE1F;
  --table-icons-border: #7B7B7B;
  --tabs-submenu-input-border: #7B7B7B;
  --table-skeleton-color: #43434399;
  --table-skeleton-modal-color: #434343;
  --table-skeleton-modal-border-color: #EEEEEE0D;
  --map-view-button: #333;
  --map-view-active-button: #ccecf6;
  --map-description: #333;
  --custom-scroll-track: #333;
  --custom-scroll-border: #3f3f3f;
  --asset-profile-header: #333333;
  --asset-profile-sidebar: #333333;
  --asset-profile-main: #333333;
  /* --tabs-hover-bg: #E7E8EC;
    --tabs-hover-border: transparent; */
  --tabs-hover-bg: transparent;
  --tabs-hover-border: #02A1D3;
  --mob-menu-backdrop: #292929;
  --table-border-color-dark: #EEEEEE1F;
  --ui-widget-bg: #252525;
  --acc-btn-hover: #333;
  --acc-item-hover: #43434399;
  --thead-scroll-gradient-prim: #0c0d1445;
  --thead-scroll-gradient-sec: #22263900;
  --dark-light-gradient: #333333;
  --alerts-settings-odd-row: #404040;
  --alerts-settings-cell-text: #aaa;
  --alerts-settings-button: #3D3D3D;
  --alerts-settings-button-text: #fff;
  --loader-bg: rgb(0 0 0 / 31%);
  --loader-spinner: #fff;
  --alerts-settings-select-options-bg: #434343;
  --alerts-settings-select-options-border: #CFCFCF40;
  --alerts-settings-checkbox-bg: #666666;
  --alerts-settings-select-option-hover: #555555;
  --alerts-settings-table-border: #EEEEEE1F;
  --alerts-settings-indicator: #545454;
  --alerts-settings-drag-bg: #245767;
  --alerts-settings-drag-border: #00A4D8;
  --alerts-settings-header-button: #5E6377;
  --alerts-settings-header-button-d: #7B7B7B;
  --subscription-card-bg: #434343;
}