:root body[data-theme="light"], .bodyLightTemp {
    --bg-main:#f2f5fa;
    --bg-main-2:#fff;
    --bg-main-2a:#fff;
    --bg-main-3:#2e83bc;
    --bg-main-4:#48a2d6;
    --bg-main-5:#dcf8c6;
    --bg-main-6:#34b7f1;
    --bg-accent:#2e83bc;
    --bg-accent-2:rgba(44, 159, 67, 1.0);
    --bg-accent-3:#33d766;
    --bg-accent-4:#dcf8c6;
    --bg-accent-5:#5bb736;
    --bg-accent-6:#ece5dd;
    --header-background:#7eaf54;
    --header-text:#e0e3e6;
    --text-primary:#000000;
    --text-subhead:#75787a;
    --text-secondary:#919499;
    --text-comonbody:#525f7f;
    --text-tertiary:#abaeb3;
    --text-button-day:#4d4d4d;
    --link-color:#3498db;
    --link-hover:#398dc5;
    --button-primary-bg:#2e83bc;
    --button-primary-bg:#ffffff;
    --button-secondary-fg:#2e83bc;
    --button-success:#3ecf8e;
    --button-stop:#e33d47;
    --button-white:#fff;
    --field-background:#f2f3f5;
    --field-border:#d8d8d8;
    --icon-default:#48a2d6;
    --icon-medium:#919499;
    --icon-secondary:#abaeb2;
    --icon-tertiary:#c5c8cd;
}

:root body[data-theme="dark"], .bodyDarkTemp {
    --bg-main:#20232b;
    --bg-main-2:#252a34;
    --bg-main-2a:#313844;
    --bg-main-3:#313844;
    --bg-main-4:#3b3f41;
    --bg-main-5:#454648;
    --bg-main-6:#34b7f1;
    --bg-accent:#2e83bc;
    --bg-accent-2:rgba(44, 159, 67, 1.0);
    --bg-accent-3:#33d766;
    --bg-accent-4:#dcf8c6;
    --bg-accent-5:#5bb736;
    --bg-accent-6:#ece5dd;
    --header-background:#313844;
    --header-text:#fff;
    --text-primary:#e1e3e6;
    --text-subhead:#919499;
    --text-secondary:#76787b;
    --text-comonbody:#d9fcff;
    --text-tertiary:#5d5f61;
    --text-button-day:#cccccc;
    --link-color:#3498db;
    --link-hover:#398dc5;
    --button-primary-bg:#313844;
    --button-primary-fg:#20232b;
    --button-secondary-bg:#454647;
    --button-secondary-fg:#e1e3e7;
    --button-success:#3ecf8e;
    --button-stop:#fc545c;
    --button-white:#fff;
    --field-background:#383e48;
    --field-border:#343435;
    --icon-default:#48a2d6;
    --icon-medium:#919499;
    --icon-secondary:#76787b;
    --icon-tertiary:#454647;
}


:root body[data-theme="light"] {
    --bg-body: #fff;
    --bg-card: #fff;
    --p-comonbody:#525f7f;
    --bg-card_r: #fff;
    --bs-ContentSection-footer: #ecf1f4;
    --side-menu: #323232;
    --h-color: #323232;
    --s-color: #edeff0;
    --bg-head: #7eaf54;
    --bg-select: #fff;
    --bg-select-hover: #fff;
    --bg-select-color: #000;
    --bg-select-linear-gradient: linear-gradient(#FFF, #E6E6E6);
    --list-unstyled: #f7fafc;
    --spiner-lk: #1d3f72;
    --progress-value: #323232;
    --menu-auth: #56bca6;
    --important-amber:#fcf9e9;
    --amber-color:#323232;
    --user-bar-status:#909499;
    --amber-wait:#323232;
    --amber-wait-border:#fff;
    --important-amber-wait:#ddeaf1;
    --important-success:#f6fff5;
    --new-banner:hsla(0,0%,100%,0.2);
    --important-success-color:#323232;
    --important-neutral:#f7fafc;
    --downloadSpeed: #35363f;
    --globalNav-colorize:#525f7f;
    --logo-colorize:#065e55;
    --screen-phone:#F3F8FB;
    --screen-phone2:#E5EBF2;
    --check:url(/images/svg/check.svg);
    --common-UppercaseTitle:#323232;
    --head-green:#009688;

    --line-tarif:rgba(42,49,61,.16);
    --Background-tool:linear-gradient(90deg,#00978b,#b3e895);
    --name-color:#2a5885;
    --preloader:#666;

}

:root body[data-theme="dark"]{

    --bg-body: #1f232b;
    --bg-card: #252a34;
    --p-comonbody:#d9fcff;
    --bg-card_r: #313844;
    --bs-ContentSection-footer: #313844;
    --side-menu: #fff;
    --h-color: #fff;
    --s-color: #6b7c93;
    --bg-head: #313844;
    --bg-select: #313844;
    --bg-select-linear-gradient: linear-gradient(#252a34, #313844);
    --bg-select-color: #fff;
    --bg-select-hover: #323a46;
    --list-unstyled: #313844;
    --spiner-lk: #6b7c93;
    --progress-value: #fff;
    --menu-auth: #56bca6;
    --amber-p: #323232;
    --important-amber:#313844;
    --amber-color:#F5BE58;
    --user-bar-status:#909499;
    --amber-wait:#3297d3;
    --amber-wait-border:#3297d3;
    --important-amber-wait:#313844;
    --important-success:#313844;
    --new-banner:hsla(0,0%,100%,0.2);
    --important-success-color:#fff;
    --important-neutral:#313844;
    --downloadSpeed: #6b7c93;
    --globalNav-colorize:#fff;
    --logo-colorize:#fff;
    --screen-phone:#313844;
    --screen-phone2:#313844;

    --check:url(/images/svg/check_black.svg);
    --common-UppercaseTitle:#24b47e;
    --head-green:#313844;

    --line-tarif:rgba(207,215,223,.2);
    --Background-tool:linear-gradient(90deg,#1f232b,#313844);
    --name-color:#3498db;
    --preloader:#fff
}

.dark .dark\:bg-dark {
    --tw-bg-opacity:1;
    background-color:rgba(31, 35, 44,var(--tw-bg-opacity))
}
.dark .dark\:bg-dark-100 {
    --tw-bg-opacity:1;
    background-color:rgba(36, 42, 53,var(--tw-bg-opacity))
}
@media (min-width: 640px) {
    .dark  .sm\:bg-dark-100 {
        --tw-bg-opacity:1;
        background-color:rgba(36, 42, 53,var(--tw-bg-opacity))
    }}
.dark .dark\:hover\:bg-dark-100:hover {
    --tw-bg-opacity:1;
    background-color:rgba(31, 35, 44,var(--tw-bg-opacity))
}
.dark .dark\:hover\:bg-dark-50:hover {
    --tw-bg-opacity:1;
    background-color:rgba(48, 56, 69,var(--tw-bg-opacity))
}
.dark .dark\:hover\:text-gray-900:hover {
    --tw-bg-opacity:1;
    color:rgba(226, 226, 226,var(--tw-bg-opacity));
}
.dark .dark\:bg-dark-400 {
    --tw-bg-opacity:1;
    background-color:rgba(48, 56, 69,var(--tw-bg-opacity))
}
.dark .dark\:border-dark-100 {
    --tw-bg-opacity:1;
    border-color:rgba(30, 35, 44,var(--tw-bg-opacity))
}
.dark .dark\:border-dark-200 {
    --tw-bg-opacity:1;
    border-color:rgba(48, 56, 69,var(--tw-bg-opacity))
}
.dark .dark\:border-yellow-100 {
    border-color: rgba(241,180,76,.25);
}
.dark .dark\:border-red-100 {
    border-color: rgba(244,106,106,.45);
}
.dark .dark\:border-green-100 {
    border-color: rgba(52,195,143,.25);
}
.dark .dark\:border-blue-100 {
    border-color: rgba(80,165,241,.25);
}
.dark .dark\:text-dark-900 {
    --tw-bg-opacity:1;
    color:rgba(255, 255, 255,var(--tw-bg-opacity));
    fill:rgba(255, 255, 255,var(--tw-bg-opacity));
}
.dark .dark\:text-gray-700 {
    --tw-bg-opacity:1;
    color:rgba(226, 226, 226,var(--tw-bg-opacity));
    fill:rgba(226, 226, 226,var(--tw-bg-opacity));
}
.dark .dark\:color-dark-accent {
    color:var(--bg-accent)
}
.dark .dark\:color-dark-link {
    color:var(--link-color)
}
.dark .dark\:text-white {
    color:rgba(255, 255, 255,var(--tw-bg-opacity));
    --tw-bg-opacity:1;
}
.dark .dark\:text-gray-500 {
    color:rgba(156, 163, 175, 1)
}
.dark .dark\:display-none {
    display: none;
}
.map-invert{
    filter: var(--map-invert);
    -ms-filter: var(--map-invert);
    -webkit-filter: var(--map-invert);
    -moz-filter: var(--map-invert);
    -o-filter: var(--map-invert)}
.text-primary{
    color:var(--text-primary);
    fill:var(--text-primary);
}
.color-link {
    color:var(--link-color);
    fill:var(--link-color)
}
.color-base {
    color:var(--bg-accent)
}
.bg-accent {background-color: var(--bg-accent)}
.bg-gray-100 { --tw-bg-opacity: 1;
    background-color: var(--bg-gray-100)}
.bg-white { --tw-bg-opacity: 1;
    background-color: var(--bg-white)}