: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("../icons/subtract-left.svg");
  --tab-subtract-right: url("../icons/subtract-right.svg");
  --modal-bg: #fff;
  --modal-bg-aside: #fff;
  --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;
}

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("../icons/subtract-left-dark.svg");
  --tab-subtract-right: url("../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;
  /* --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: #43434399;
  --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: #252525;
  --asset-profile-header: #292929;
  --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;
}