: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-sec-background: #FAFAFA;

    --table-border-color: #E7E7E7;

    --table-border-color-dark: #DADADA;

    --table-border-color-main: 1px solid #E7E7E7;

    --table-background-hover-color: #F4F4F4;

    --table-background-hover-submenu: #F8F8F9;

    --tabs-submenu-input-border: #E7E8EC;

    --table-primary-background: #E8F0F5;

    --table-secondary-background: #FAF7EC;

    --table-gray-background: #F3F3F3;

    --table-purple-background: #ECE8F5;

    --table-green-background: #E9F5E8;

    --table-skeleton-color: #F1F1F1;

    --table-skeleton-modal-color: #FFFFFF;

    --table-skeleton-modal-border-color: #F2F2F2;

    --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;
    
    --body-color: #000;

    --text-color: #000;

    --text-header-color: #fff;

    --input-bg: #fff;

    --custom-scroll-gradient: #fafafa;

    --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;

    --tabs-hover-bg: transparent;

    --tabs-hover-border: #02A1D3;

    --thead-scroll-gradient-prim: #1c1f2f14;

    --thead-scroll-gradient-sec: #22263900;

    --ui-widget-bg: #fff;

    --acc-btn-hover: #E7E8EC;

    --tippy-shadow: #1e213073;

    --color-menu-active: #fff;

    --custom-thead-height: 100%;
}

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;
    --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: #2a2a2a;
    --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: #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;
    /* --tabs-hover-bg: #E7E8EC;
    --tabs-hover-border: transparent; */
    --tabs-hover-bg: transparent;
    --tabs-hover-border: #02A1D3;
    --thead-scroll-gradient-prim: #0c0d1445;
    --thead-scroll-gradient-sec: #22263900;
    --table-border-color-dark: #EEEEEE1F;
    --table-border-color-main: none;
    --ui-widget-bg: #252525;
    --acc-btn-hover: #333;
    --tippy-shadow: #191b26a6;
    --color-menu-active: #7B7B7B;
}