/*
* Styles for dark theme
*/

:root {
--main-bg-color: #48575e;
--secondary-bg-color: #364147;
--tertiary-bg-color: #364147;
--quaternary-bg-color: #414e55;
--image-bg-color: #ffffff;
--main-color: #f7f8fa;
--secondary-color: #96d200;
--tertiary-color: #cacfd2;
--quaternary-color: #9dadb4;
--attention-color: #fa4f2a;
--link-color: #9fd8fb;
--seconday-link-color: #ef5635;
--disabled-color: rgba(0, 0, 0, 0.8);
--seconday-disabled-color: rgba(255, 255, 255, 0.42);
--tertiary-disabled-color: rgba(255, 255, 255, 0.32);
--link-disabled-color: var(--tertiary-disabled-color);
--hover-color: rgba(0, 0, 0, 0.08);
--seconday-hover-color: rgba(255, 255, 255, 0.08);
--tertiary-hover-color: rgba(0, 0, 0, 0.12);
--error-color: #fa4f2a;
--info-color: #96d200;
--warning-color: #efc45a;
--event-color: #6b6859;
--win-color: #48b863;
--draw-color: #efc45a;
--loss-color: #e42a48;
--win-bg-color: #236448;
--draw-bg-color: #8d7f37;
--loss-bg-color: #703838;

--nav-bg-color: #141414;
--nav-bg-hover-color: var(--seconday-hover-color);
--nav-hover-color: #ffffff;
--nav-border-color: var(--seconday-hover-color);
--nav-link-color: #f5f5f7;
--nav-title-color: #dfe4ea;
--nav-filter: invert(95%);
--nav-filter-hover-color: var(--hover-color);

--date-nav-bg-color: var(--secondary-bg-color);
--date-nav-border-color: var(--quaternary-bg-color);
--date-nav-btn-color: var(--nav-bg-color);
--date-nav-btn-hover-color: var(--hover-color);
--date-nav-filter: invert(95%);
--date-nav-disabled-filter: invert(22%) sepia(31%) saturate(270%) hue-rotate(157deg) brightness(93%) contrast(89%);

--header-color: var(--secondary-bg-color);
--footer-color: var(--secondary-bg-color);
--footer-cp-color: var(--tertiary-color);
--footer-link-color: var(--link-color);
--footer-notice-color: #fb6443;
--footer-notice-link-color: var(--seconday-link-color);

--settings-screen-disabled-color: var(--disabled-color);
--settings-bg-header-color: var(--tertiary-bg-color);
--settings-bg-header-hover-color: var(--tertiary-hover-color);
--settings-header-color: var(--main-color);
--settings-bg-color: var(--main-bg-color);
--settings-label-color: var(--main-color);
--settings-link-color: var(--link-color);
--settings-hover-color: var(--tertiary-hover-color);
--settings-positive-color: var(--info-color);
--settings-negative-color: var(--error-color);
--settings-select-filter: invert(82%) sepia(8%) saturate(1295%) hue-rotate(175deg) brightness(105%) contrast(98%);
--settings-link-filter: invert(82%) sepia(8%) saturate(1295%) hue-rotate(175deg) brightness(105%) contrast(98%);
--settings-bg-header-filter: invert(85%) sepia(14%) saturate(245%) hue-rotate(154deg) brightness(82%) contrast(80%);
--settings-positive-filter: invert(79%) sepia(64%) saturate(907%) hue-rotate(23deg) brightness(87%) contrast(101%);
--settings-negative-filter: invert(47%) sepia(100%) saturate(3914%) hue-rotate(346deg) brightness(101%) contrast(96%);

--game-title-bg-color: var(--secondary-bg-color);
--game-title-color: var(--secondary-color);
--game-secondary-color: var(--tertiary-color);
--game-bg-color: var(--quaternary-bg-color);
--game-odds-color: var(--tertiary-color);
--game-odds-secondary-color: var(--tertiary-color);
--game-border-color: rgba(255, 255, 255, 0.04);
--game-hover-color: var(--seconday-hover-color);
--game-live-color: var(--attention-color);
--game-event-color: var(--event-color);
--game-psp-color: var(--event-color);
--game-selected-color: var(--event-color);
--game-box-shadow: 0 0 3px 3px rgba(255, 255, 255, 0.04);

--tip-win-color: var(--info-color);
--tip-loss-color: var(--error-color);
--tip-nobet-color: var(--draw-color);
--tip-psp-color: var(--quaternary-color);
--balance-positive-color: var(--info-color);
--balance-negative-color: var(--error-color);

--facts-bg-color: var(--quaternary-bg-color);
--facts-hover-color: var(--seconday-hover-color);

--expand-filter: invert(95%);
--expand-btn-hover-color: var(--hover-color);

--form-game-hover-color: var(--hover-color);
--form-game-filter-0: invert(85%) sepia(7%) saturate(735%) hue-rotate(176deg) brightness(108%) contrast(98%);
--form-game-filter-1: invert(71%) sepia(9%) saturate(1261%) hue-rotate(159deg) brightness(86%) contrast(89%);
--form-game-filter-2: invert(45%) sepia(36%) saturate(326%) hue-rotate(158deg) brightness(93%) contrast(95%);

--stp01: #6c8d7a;
--stp02: #538066;
--stp03: #7ea7c2;
--stp04: #a1bfd3;
--stp05: #c75349;
--stp06: #bf9d6b;
--stp07: #7da3bc;
--stp08: #8ca4b4;
--stp09: #819897;
--stp10: #80aaa8;
--stp11: #659a97;

--logo-filter: invert(79%) sepia(64%) saturate(907%) hue-rotate(23deg) brightness(87%) contrast(101%);
--logo-light-filter: invert(100%) sepia(73%) saturate(801%) hue-rotate(177deg) brightness(102%) contrast(84%);
--logo-origin-filter: invert(92%) sepia(7%) saturate(140%) hue-rotate(159deg) brightness(91%) contrast(87%);

--form-button-color: #f7f8fa;
--form-button-bg-color: #699300;
--form-button-hover-color: #709d00;
--form-button-disabled-color: #d3dbc0;
--form-button-bg-disabled-color: #a5b57e;
--form-focus-color: #96d200;
--form-border: 1px solid rgba(255, 255, 255, 0.32);
--form-shadow: 0 1px 2px 0 rgba(255, 255, 255, 0.32);
--form-placeholder-color: var(--quaternary-color);
--form-error-color: #b0857d;
--form-checkbox-filter: hue-rotate(-142deg) brightness(128%) contrast(92%);
--form-checkbox-bg-color: var(--image-bg-color);
--form-checkbox-border-color: var(--form-placeholder-color);
--form-checkbox-border-hover-color: var(--form-button-hover-color);
--form-checkbox-bg-disabled-color: var(--quaternary-bg-color);
--form-checkbox-border-disabled-color: var(--tertiary-bg-color);
--form-checkbox-disabled-color: var(--seconday-disabled-color);
--form-checkbox-disabled-filter: invert(48%) sepia(56%) hue-rotate(157deg);
--slider-bg-color: var(--tertiary-bg-color);
--slider-button-color: var(--form-button-bg-color);
--slider-button-hover-color: var(--form-button-hover-color);
--slider-bg-disabled-color: var(--quaternary-bg-color);
--slider-button-disabled-color: var(--tertiary-bg-color);
--close-button-filter: invert(100%);
--bet-button-bg-color: var(--seconday-link-color);
--bet-button-color: var(--form-button-color);
--bet-button-hover-color: var(--attention-color);

--avatar-filter: invert(89%) sepia(11%) saturate(92%) hue-rotate(159deg) brightness(93%) contrast(88%);
--avatar-admsys-filter: invert(84%) sepia(4%) saturate(202%) hue-rotate(169deg) brightness(96%) contrast(88%);
--avatar-admsys-filter-2: invert(48%) sepia(54%) saturate(5628%) hue-rotate(345deg) brightness(99%) contrast(97%);
--avatar-bg-color: unset;

--ranking-filter: invert(70%) sepia(95%) saturate(969%) hue-rotate(2deg) brightness(108%) contrast(102%);

--profile-nav-bg-color: var(--quaternary-bg-color);
--profile-nav-link-color: #fb6443;
--profile-ro-color: #fb6443;
--profile-cancel-color: #fb6443;
--profile-cancel-bg-color: var(--quaternary-bg-color);
--profile-cancel-hover-color: var(--tertiary-hover-color);
--profile-delimiter-color: rgba(255, 255, 255, 0.12);
--profile-disabled-color: var(--tertiary-color);
--profile-nav-hover-color: var(--tertiary-hover-color);
--profile-nav-filter: invert(95%);
--profile-label-color: var(--main-color);
--profile-link-color: var(--link-color);
--profile-msg-color: var(--attention-color);
--profile-hover-color: var(--tertiary-hover-color);
--profile-link-filter: invert(82%) sepia(8%) saturate(1295%) hue-rotate(175deg) brightness(105%) contrast(98%);

--profile-country-bg-color: var(--quaternary-bg-color);
--profile-country-header-bg-color: #272f33;
--profile-country-selected-color: #3b464d;
--profile-country-hover-color: #313b40;
--profile-country-bg-header-filter: invert(85%) sepia(14%) saturate(245%) hue-rotate(154deg) brightness(82%) contrast(80%);
--profile-country-link-color: var(--link-color);

--sort-disabled-color: var(--tertiary-disabled-color);
--sort-disabled-filter: invert(46%) sepia(17%) saturate(242%) hue-rotate(155deg) brightness(91%) contrast(96%);

--img-button-hover-color: var(--hover-color);
--img-button-filter: invert(84%) sepia(5%) saturate(4018%) hue-rotate(175deg) brightness(102%) contrast(97%);

--profile-msg-secondary: var(--tertiary-color);
--profile-msg-tertiary: var(--quaternary-color);
--profile-msg-indicator: invert(95%) sepia(5%) saturate(197%) hue-rotate(158deg) brightness(89%) contrast(87%);
--profile-chat-color: var(--main-color);
--profile-chat-time-color: var(--quaternary-color);
--profile-chat-user-bg-color: #538066;
--profile-chat-other-bg-color: var(--tertiary-bg-color);
--profile-chat-conv-bg-color: var(--tertiary-bg-color);
--profile-chat-button: invert(100%) sepia(3%) saturate(4570%) hue-rotate(178deg) brightness(100%) contrast(96%);
--profile-chat-system-color: var(--attention-color);
--profile-chat-admin-color: var(--attention-color);
--profile-chat-empty-color: var(--attention-color);
--profile-chat-indicator-filter: invert(87%) sepia(43%) saturate(668%) hue-rotate(61deg) brightness(101%) contrast(101%);
}


img[src="/svg/tipsomatic.svg"] {
filter: var(--logo-filter);
}


img[src^="/images/countries/"] {
filter: grayscale(30%);
}

img[src^="/images/tournaments/"] {
filter: grayscale(30%);
}

img[src^="/images/teams/"] {
filter: grayscale(50%) brightness(102%) contrast(98%);
}


img[src^="/images/bookmakers/"] {
filter: grayscale(30%);
}

img[src^="/images/bookmakers/unibet.svg"] {
filter: grayscale(0%);
}

img[src^="/images/bookmakers/1xbet.svg"] {
filter: grayscale(0%) brightness(120%);
}

img[src^="/images/bookmakers/bet-at-home.svg"] {
filter: grayscale(0%) invert(25%) sepia(5%) saturate(300%) brightness(120%) contrast(120%);
}