html.is-web,
html.is-mobile {
    --b: 42, 42, 46 !important;
    --b-hover: 32, 32, 36 !important;
    --b-sc: 255, 255, 255 !important;
    --header: 32, 32, 36 !important;
    --header-hover: 22, 199, 46 !important;
    --header-sc: 255, 255, 255 !important;
    --menu: 36, 36, 40 !important;
    --menu-hover: 22, 199, 46 !important;
    --menu-sc: 255, 255, 255 !important;
    --tab-navigation: 32, 32, 36 !important;
    --tab-navigation-hover: 22, 199, 46 !important;
    --tab-navigation-sc: 255, 255, 255 !important;
    --hero: 22, 199, 46 !important;
    --hero-hover: 16, 153, 35 !important;
    --hero-sc: 255, 255, 255 !important;
    --brand: 22, 199, 46 !important;
    --brand-hover: 16, 153, 35 !important;
    --brand-sc: 255, 255, 255 !important;
    --gold: #1e1e22 !important;
}

html.is-web body,
html.is-mobile body {
    background-color: #2a2a2e !important;
    background-image: none !important;
}

html.is-web .layout-bc,
html.is-mobile .layout-bc,
html.is-web .layout-content-holder-bc,
html.is-mobile .layout-content-holder-bc {
    background: transparent !important;
}

html.is-web .header-bc,
html.is-web .hdr-main-content-bc,
html.is-mobile .header-bc,
html.is-mobile .hdr-main-content-bc,
html.is-mobile .hdr-navigation-scrollable-bc-holder,
html.is-mobile .hdr-navigation-scrollable-bc {
    background: #202024 !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35) !important;
}

html.is-web .nav-menu-container.header-navigation:first-child {
    background: rgba(36, 36, 40, 0.95) !important;
    border-top: 1px solid #4a4a50 !important;
}

html.is-web #root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li > a,
html.is-mobile .hdr-navigation-link-bc {
    background: #2a2a2e !important;
    border-right: 1px solid #4a4a50 !important;
    border-color: #4a4a50 !important;
}

html.is-web .nav-menu-item span,
html.is-mobile .hdr-navigation-link-bc .nav-menu-title {
    background: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: #ffffff !important;
    color: #ffffff !important;
}

html.is-web .nav-menu>li>.nav-menu-item.active,
html.is-web .nav-menu>li>.nav-menu-item:hover,
html.is-mobile .nav-menu>li>.nav-menu-item.active,
html.is-mobile .nav-menu>li>.nav-menu-item:hover {
    color: #16c72e !important;
}

html.is-web .nav-menu-container.header-navigation:first-child .nav-menu>li:hover>.nav-menu-item,
html.is-web .nav-menu-container.header-navigation:first-child .nav-menu-other:hover>.nav-menu-item {
    color: #16c72e !important;
    background: #1e1e22 !important;
    box-shadow: inset 0 -2px #16c72e !important;
}

html.is-web button:not(.generic-search-btn, .generic-search-close-btn),
html.is-mobile button:not(.generic-search-btn, .tab-nav-item-bc),
html.is-web .btn,
html.is-mobile .btn,
html.is-web .e-p-section-title-bc,
html.is-mobile .e-p-section-title-bc {
    background: #1e1e22 !important;
    color: #ffffff !important;
    border: 1px solid #5a5a60 !important;
    -webkit-text-fill-color: #ffffff !important;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease !important;
}

html.is-web button:not(.generic-search-btn, .generic-search-close-btn):hover,
html.is-web button:not(.generic-search-btn, .generic-search-close-btn):active,
html.is-mobile button:not(.generic-search-btn, .tab-nav-item-bc):hover,
html.is-mobile button:not(.generic-search-btn, .tab-nav-item-bc):active,
html.is-web .btn:hover,
html.is-web .btn:active,
html.is-web .btn:focus-visible,
html.is-mobile .btn:hover,
html.is-mobile .btn:active,
html.is-mobile .btn:focus-visible,
html.is-web .e-p-section-title-bc:hover,
html.is-mobile .e-p-section-title-bc:hover {
    background: #16c72e !important;
    border-color: #16c72e !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 0 0 1px rgba(22, 199, 46, 0.35) !important;
}

html.is-web .btn.register,
html.is-web .btn.sign-in,
html.is-mobile .btn.register,
html.is-mobile .btn.sign-in,
html.is-mobile .header-bc .hdr-user-bc .btn.sign-in,
html.is-mobile .header-bc .hdr-user-bc .btn.register {
    background: #1a1a1e !important;
    color: #ffffff !important;
    border: 1px solid #5a5a60 !important;
    -webkit-text-fill-color: #ffffff !important;
}

html.is-web .btn.register:hover,
html.is-web .btn.register:active,
html.is-web .btn.sign-in:hover,
html.is-web .btn.sign-in:active,
html.is-mobile .btn.register:hover,
html.is-mobile .btn.register:active,
html.is-mobile .btn.sign-in:hover,
html.is-mobile .btn.sign-in:active {
    background: #16c72e !important;
    border-color: #16c72e !important;
    color: #ffffff !important;
}

html.is-mobile .tab-navigation-w-bc {
    background: #202024 !important;
    border: 2px solid #4a4a50 !important;
    border-bottom: none !important;
    box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.45) !important;
}

html.is-mobile .tab-navigation-w-bc .tab-nav-icon-bc,
html.is-mobile .tab-navigation-w-bc .tab-nav-title-bc,
html.is-mobile #root > div.layout-navigation-holder-bc > div > .tab-nav-item-bc .tab-nav-title-bc,
html.is-mobile #root > div.layout-navigation-holder-bc > div > .tab-nav-item-bc:not([href="/tr/casino/slots"]) > .tab-nav-icon-bc {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: none !important;
}

html.is-mobile .tab-navigation-w-bc .tab-nav-item-bc:hover .tab-nav-icon-bc,
html.is-mobile .tab-navigation-w-bc .tab-nav-item-bc:hover .tab-nav-title-bc,
html.is-mobile .tab-navigation-w-bc .tab-nav-item-bc.active .tab-nav-icon-bc,
html.is-mobile .tab-navigation-w-bc .tab-nav-item-bc.active .tab-nav-title-bc {
    color: #16c72e !important;
    -webkit-text-fill-color: #16c72e !important;
}

html.is-mobile [dir="ltr"] .tab-navigation-w-bc .tab-nav-item-bc:not(.menu)::after {
    background: rgba(255, 255, 255, 0.15) !important;
}

html.is-web .header-user-nav .nav-menu-sub,
html.is-web .header-user-nav .nav-menu-sub-wallet {
    background: #202024 !important;
    border: 1px solid #4a4a50 !important;
}

html.is-web .header-user-nav .nav-menu-sub .nav-menu-item {
    background: #2a2a2e !important;
    border: 1px solid #4a4a50 !important;
}

html.is-web .header-user-nav .nav-menu-sub .nav-menu-item span,
html.is-web .header-user-nav .nav-menu-sub .nav-menu-item .checkbox-control-text-bc {
    -webkit-text-fill-color: #ffffff !important;
    color: #ffffff !important;
}

html.is-web .header-user-nav .nav-menu-sub .nav-menu-item > i {
    color: #ffffff !important;
}

html.is-web .header-user-nav .nav-menu-sub .nav-menu-item:hover,
html.is-web .header-user-nav .nav-menu-sub .nav-menu-item:focus-visible {
    background: #16c72e !important;
    border-color: #16c72e !important;
}

html.is-web .nav-menu-other>.nav-menu-item.active {
    background: #16c72e !important;
}

html.is-web .popup-holder-bc.user-profile-container > .popup-middleware-bc > .popup-inner-bc,
html.is-web .user-profile-container .user-profile-nav-header,
html.is-web .user-profile-container .user-profile-nav-list {
    background: #202024 !important;
    border-color: #4a4a50 !important;
}

html.is-web .user-profile-container .u-i-p-a-deposit-bc,
html.is-web .user-profile-container .u-i-p-a-withdraw-bc {
    background: #1e1e22 !important;
    border: 1px solid #5a5a60 !important;
    color: #ffffff !important;
}

html.is-web .user-profile-container .u-i-p-a-deposit-bc:hover,
html.is-web .user-profile-container .u-i-p-a-withdraw-bc:hover {
    background: #16c72e !important;
    border-color: #16c72e !important;
}

html.is-mobile .header-bc .hdr-user-bc .user-balance-dropdown .nav-menu-item,
html.is-mobile .header-bc .hdr-user-bc a[class*="promotions"],
html.is-mobile .header-bc .header-user-balance-container,
html.is-mobile .header-bc .header-user-balance-container:after {
    background: #2a2a2e !important;
    border-color: #5a5a60 !important;
}

html.is-mobile .header-bc .balanceAmount,
html.is-mobile .header-bc .hdr-user-info-texts-bc.ext-1,
html.is-mobile .header-bc .hdr-toggle-button-bc {
    color: #ffffff !important;
}

html.is-mobile .header-bc .hdr-user-avatar-icon-bc,
html.is-mobile .header-bc .logo-container .header-icon.bc-i-live-chat {
    color: #ffffff !important;
}

html.is-mobile .header-bc .hdr-user-avatar-icon-bc:hover,
html.is-mobile .header-bc .logo-container .header-icon.bc-i-live-chat:hover {
    color: #16c72e !important;
}

html.is-web .informative-widget-link .informative-widget-container span p a,
html.is-mobile .informative-widget-link .informative-widget-container span p a {
    color: #16c72e !important;
}

html.is-web .storiesWidgetListItem:not(.storiesItemSkeleton):not(.visited):before,
html.is-mobile .storiesWidgetListItem:not(.storiesItemSkeleton):not(.visited):before {
    background-image: linear-gradient(225deg, #16c72e, #0d7a1c) !important;
}

html.is-web #root > div.layout-header-holder-bc > header > div.hdr-main-content-bc > div.hdr-user-bc > .header-custom-buttons > a,
html.is-web .generic-search-btn:before,
html.is-web .generic-search-close-btn:before {
    background: #1e1e22 !important;
}

html.is-web #root > div.layout-header-holder-bc > header > div.hdr-main-content-bc > div.hdr-user-bc > .header-custom-buttons > a:hover {
    background: #16c72e !important;
}

html.is-mobile .singleStorySeeMoreBtn {
    background: #1e1e22 !important;
    color: #ffffff !important;
    border: 1px solid #5a5a60 !important;
}

html.is-mobile .singleStorySeeMoreBtn:hover,
html.is-mobile .singleStorySeeMoreBtn:active {
    background: #16c72e !important;
    border-color: #16c72e !important;
}

html.is-web .layout-content-holder-bc .promotion-horizontal-sl-list-bc,
html.is-mobile .layout-content-holder-bc .promotion-horizontal-sl-list-bc {
    border-bottom-color: #16c72e !important;
}

html.is-web .hdr-logo-bc,
html.is-mobile .hdr-logo-bc {
    animation: none !important;
    filter: none !important;
}