:root {
  --SystemUI: Roboto, system-ui, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
    'Segoe UI Symbol';
  --SwipeHeight: 25px;
  --HeaderHeight: 45px;
  --FooterHeight: 58px;
  --RadiusSharp: 4px;
  --RadiusSmooth: 8px;
  --RadiusUltraSmooth: 10px;
  --GradientTabs: linear-gradient(180deg, #343542 0%, #272832 100%);
  --MainColorOutline: #444c5f;
  --MainColor: #3C4355;
  --footerbetsbg: #10c06c;
  --footerbetsiconbg: #414757;
  --footerbetsiconcolor: #ffffff;
  --PageBGColor: #e4e6e8;
  --betslipbg: #ffffff;
  --PageMainColor1: #ffffff;
  --PageMainColor2: #FBFBFB;
  --PageMainColor3: #292E3B;
  --HeaderTabBG: #f2f4f6;
  --Borders: #f2f4f5;
  --Borders2: #4a4c5b;
  --SoftBorders: #c0bebe;
  --SkeletonBG: #e0e0e0;
  --DivideBG: #F2F4F5;
  --IslandColor: #3a3b48;
  --OddsButtonBG: #e6e6e6;
  --DisabledBG: #9f9f9f;
  --OverlayBG: rgb(0 0 0 / 50%);
  --HeaderButtonHoverBG: #ebebeb;
  --ButtonGreen: #22b14c;
  --Red: #eb5757;
  --DarkRed: #fc005c;
  --ButtonBlack: #050506;
  --ErrorField: rgba(228, 103, 103, 0.15);
  --SoftRed: #ef4582;
  --SoftYellow: #d18c2c;
  --GreenNeon: #0CC06C;
  --GreenSuccess: #14a44d;
  --FontColorDefault: #333;
  --FontColor1: #333;
  --FontColor2: #444444;
  --FontColor3: #242424;
  --FontColor4: #fff;
  --FontColor5: #ffffffad;
  --FontColor6: #ffffff9e;
  --White: #1b1b1b;
  --White80: rgb(30 30 30 / 80%);
  --White20: rgb(58 58 58 / 20%);
  --LightGray: #333;
  --inputbg: #F7F7F7;
  --inputborder: #BABABA;
  --switchbg: #dddede;
  --betslipfooter: #f8f8f8;
  --betslipbody: #c4c4c4;
  --switchbuttonbg: #f6f8f9;
  --primgradient: linear-gradient(180deg, #0CC06C 0%, #0DA35D 100%);
  --oddsborder: #e0e4ea;
  --oddsvaluecolor: #3a7824;
  --pagebgcontrast: #f0ebeb;
  --tabscontrast: #e6e6e6;
}

.header {
background: linear-gradient(180deg, #3C4355 0%, #2A2F3C 100%);
}

.header .balance {
    color: var(--FontColor4);
}

.header .btn-menu {
    color: var(--FontColor4);
}

.submenu {
    background: var(--PageMainColor3);
}

.header__container:first-child {
    border-bottom: 1px solid #40485C;
}

.submenu__link.active {
    color: var(--FontColor4);
}

.submenu__link:after {
    background: var(--GreenNeon);
    height: 2px;
}

.submenu__link {
    color: var(--FontColor5);
}

.home-nav__link {
    color: var(--FontColor1);
}

.home-nav__text {
    color: var(--FontColor1);
}

.live-match-previews {
    box-shadow: 0 1px 6px #2d2d2d12 !important;
}

.home-nav__link { 
    box-shadow: 0 1px 6px #2d2d2d12 !important;
    border: 1px solid var(--DivideBG);
}

.btn-odds--active {
    background: linear-gradient(180deg, #3C4355 0%, #2A2F3C 100%);
    color: var(--FontColor4);

    .btn-odds__name {
        color: var(--FontColor4);
    }
    
}

.popup-user-menu__main-nav-ico {
    .text-white {
    color: var(--FontColor4) !important;
}
}

.popup-user-menu__account-nav-item {
    color: var(--FontColor1);
}

.popup-user-menu__balance-amount {
    color: var(--FontColor4) !important;
}

.popup-user-menu__balance-hint {
    color: var(--FontColor4) !important;
}

.match-previews__row {
    background: linear-gradient(180deg, #3C4355 0%, #2A2F3C 100%);
}

.live-match-previews__row {
    background: linear-gradient(180deg, #3C4355 0%, #2A2F3C 100%);
        .live-match-previews__title {
        color: var(--FontColor4) !important;
}
.live-match-previews__link {
        color: var(--FontColor5) !important;
;
}
}

.match-previews__title {
    color: var(--FontColor4) !important;
}

.match-previews__link {
    color: var(--FontColor4) !important;
}

.match-previews__btn-tab.active:after {
    background: var(--GreenNeon);
}

.popup-quick-menu__filter-tab.active {
    color: var(--FontColor4) !important;
}

.popup-quick-menu__categories-item {
    color: var(--FontColor1);
}

.header .btn-menu.active {
    color: var(--FontColor4) !important;
}

.page-prematch-filter__list-type__item {
    color: var(--FontColor1) !important;
}

.page-prematch-filter__list-type__item.active {
    color: var(--HeaderTabTextActive) !important;
}

.sport-filter__link.active, .sport-filter__btn.active {
    border-color: var(--GreenNeon);
}

.btn--primary {
    color: var(--FontColor4);
}

.input__inner {
    background-color: var(--inputbg);
    border: 1px solid var(--inputborder);
}

.footer-bets {
    background: var(--GradientTabs);
}

.footer-bets__badge {
    color: var(--footerbetsiconcolor);
    background: var(--footerbetsiconbg);
}

.betslip-panel__bet-types .tab-item-active {
    color: var(--FontColor4);
}

.rc-tabs--switch-menu .rc-tabs-nav-list {
    background-color: var(--switchbg);
}

.betslip__head {
    background: var(--betslipbg);
}

.betslip {
    background: var(--betslipbg);
}

.betslip__body {
    background: var(--betslipbody);
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: -12px;
    box-shadow: inset 0 0 8px #232b360f, inset 0 3px 3px -1px #232b361a;
}

[data-rsbs-has-header=false] [data-rsbs-header] {
    background: var(--betslipbg);
}

.betslip__foot {
    background: var(--betslipfooter);
}

.betslip-form__body {
    background: var(--betslipfooter);
    box-shadow: 0 -5px 25px #e3e3e3;
    border-top: 1px solid #e4e4e4;
    
}

.betslip-item {
    border: 1px solid #e0e4ea;
}

.betslip-item--posetive, .betslip-item--negative {
    background-color: var(--SoftYellow);
    border: 1px solid var(--SoftYellow);
}

.betslip-item--live {
    border-left: 4px solid var(--GreenNeon);
}

.input-amount__currency {
    border-left: 1px solid #b1b1b1;
}

.input-amount {
    border: 1px solid var(--SoftBorders);
    background-color: #dddede;
}

.betslip-form__btn-quick {
    border: 1px solid var(--SoftBorders);
    background-color: #dddede;
}

.betslip-panel__bet-types .tab-item {
    background-color: #dddede;
}

.betslip-panel__bet-types .tab-item-active {
    background: var(--MainColor);
}

.betslip-empty__title {
    color: var(--FontColor2);
}

.header .dropdown-menu-item {
    color: var(--FontColor2);
}

.tabs {
    background: var(--switchbg) !important;
}

.tabs .tab.active {
    color: var(--FontColor4) !important;
}

.page-user-settings__categories-item.active {
    color: var(--FontColor4);
}

.page-user-settings__categories-item {
    color: var(--FontColor6);
}

.page-user-settings__categories-item {
    border-right: 1px solid var(--Borders2);
}

.rc-switch:after {
    background-color: var(--switchbuttonbg);
}

.hcard-head {
    border-bottom: 1px dashed #c8cad5;
}

.user-account-summury .operation-type-select.select {
    border: 1px solid var(--SoftBorders);
}

.user-account-summury .form-line .input-date {
    border: 1px solid var(--SoftBorders);
}

.btn--primary {
    background: var(--primgradient);
    border: var(--GreenNeon)
}

.game-filter__btn.active {
    background: var(--primgradient);
    border: var(--GreenNeon);
    color: var(--FontColor4);
}

.game-filter__btn {
    color: var(--FontColor2);
    box-shadow: 0 0 4px var(--SoftBorders);
}

.btn-providers {
    border: 1px solid var(--SoftBorders);
}

.btn-search {
    border: 1px solid var(--SoftBorders);
}

.rc-checkbox .rc-checkbox-input:checked+.rc-checkbox-inner {
    border-color: var(--GreenNeon);
    background-color: var(--GreenNeon);
}

.rc-checkbox .rc-checkbox-inner {
    border: 1px solid var(--SoftBorders);
}

.page-casino-brand-games__filter {
    border: 1px solid var(--SoftBorders);
}

.market-filter__btn.active {
    background: var(--primgradient);
    border: var(--GreenNeon);

    .market-filter__title {
    color: var(--FontColor4);
}
}

.match-accordion {
    border: 1px solid var(--SoftBorders);
}

.page-live-matches .btn-settings.active {
    color: var(--FontColor4);
    .text-font-color-2 {
    color: var(--FontColor4) !important;
}
}

body > reach-portal > div > div:nth-child(2) > div:nth-child(1) {
    background: #f2f4f5;
}

.popup-choose__item.active {
    border: 1px solid var(--SoftBorders);
    box-shadow: 0 1px 6px #2d2d2d12 !important;
}

.match-accordion {
    background: #292e3b;
}

.match-accordion__title {
    color: var(--FontColor4);
    .text-font-color-2 {
    /* color: var(--FontColor5) !important; */
}
}

.btn-odds {
    border: 1px solid var(--oddsborder) !important;
}

.btn-odds--active {
    background: var(--primgradient);
    
.btn-odds__value {
    color: var(--FontColor4);
}
}

.match-filter__btn.active {
    background: var(--primgradient);
    color: var(--FontColor4);
.match-filter__title {
    color: var(--FontColor4);
}
}

.accordion-odds {
    background: var(--betslipbg);
    border: 1px solid #e0e4ea;
}


.btn-odds__value {
    color: var(--oddsvaluecolor);
}

.btn-odds {
    color: var(--FontColor2);
}

.accordion-odds__special-value {
    color: var(--FontColor3) !important;
    background: unset !important;
}

.match-filter__btn {
    border: 1px solid #e0e4ea;
}

.page-my-bets__categories-item.active {
    color: var(--FontColor4);
}

.page-my-bets__categories-item {
    color: var(--FontColor6);
    border-right: 1px solid #434453;
}
.my-bet-item {
    border: 1px solid var(--SoftBorders);
    box-shadow: 0px 0px 2px #0000003b;
}

.my-bet-item.lost .my-bet-item__badge {
    color: var(--FontColor5);
}

.my-bet-item__body {
    background-color: var(--pagebgcontrast);
    border-top: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
}

.match-previews__btn-tab {
    background: var(--tabscontrast);
}

.live-match-previews {
    box-shadow: 0px 1px 2px #00000033 !important;
}

.match-previews {
    box-shadow: 0px 1px 2px #00000033 !important;
}

.popup-quick-menu__filter-tab {
    box-shadow: 0 1px 6px #2d2d2d12 !important;
    border: 1px solid var(--DivideBG);
    background: white;
}

.footer {
    box-shadow: 0 0 25px #0000006b;
}

.popup-quick-menu {
    background: var(--PageBGColor);
}

.popup-user-menu {
    background: var(--PageBGColor);
}


.footer-bets__counter {
    color: var(--FontColor4)
}

.footer-bets__total {
    color: var(--FontColor5)
}

.event-ended__circle {
    background-color: #292e3b !important;
}

.match-filter__btn.active {
    .match-filter__subtitle {
    color: var(--FontColor5)
    }
}

.match-accordion__title {
    color: var(--White) !important;
}

.page-live-match-market__btn {
    color: #3c4355 !important;
}

.match-info__head>.match-info__text {
    color: var(--FontColor4) !important;
}

.match-info__time {
    background: var(--PageBGColor) !important;
}

.match-info .bb {
    border-bottom: 1px solid #cccccd !important;
}

.popup-match-list__item.active {
    background-color: #e3e0e0 !important;
}

.match-info__badge, .match-info__badge-outline {
    background-color: #ffffff !important;
}
.match-info__badge--win, .match-info__badge-outline--win {
    color: #39cb5b !important;
}

.betslip-empty__text {
    color: #4f4f4f !important;
}

.betslip-confirmation__title {
    color: #4f4f4f !important;
}

.page-login__head .page-login__title, .page-login__head .page-login__text {
    display: none;
}

.betslip-empty__text {
    color: #4f4f4f !important;
}

.betslip-confirmation__title {
    color: #4f4f4f !important;
}

.chat-message--from .chat-message__content {
    color: #333 !important;
}

.chat-message__content {
    color: white !important;
}

.chat-actions__actions .btn-disk {
    color: white !important;
}