@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200;0,6..12,300;0,6..12,400;0,6..12,500;0,6..12,600;1,6..12,200;1,6..12,400;1,6..12,500&display=swap');

.Toastify__toast-body, html {
    font-family: Nunito Sans, cursive !important;
}

:root{
    --accent: 234, 209, 136;
    --oc-1: 234, 209, 136;
    --oc-2: 234, 209, 136;
    --cssgradient: linear-gradient(90deg, rgba(240,216,140,1) 0%, rgba(156,120,81,1) 50%);
    --cssgradientbottomtop: linear-gradient(0deg, rgba(240,216,140,1) 0%, rgba(156,120,81,1) 50%);
    --cssgradientblacktotop: linear-gradient(to top, rgba(48,48,50,1) 0%, rgba(26,26,27,1) 50%);
    --cssgradientblacktobottom: linear-gradient(to bottom, rgba(48,48,50,1) 0%, rgba(26,26,27,1) 50%);

    --menu: 34 35 34 !important;
    --menu-gradient: linear-gradient(to top, rgba(48,48,50,1) 0%, rgba(26,26,27,1) 50%) !important;


    --b: 20 20 20 !important;
    --b-gradient: linear-gradient(to top, rgba(48,48,50,1) 0%, rgba(26,26,27,1) 50%) !important;


    --hero: 173 134 8 !important;
    --hero-gradient: linear-gradient(90deg, rgba(240,216,140,1) 0%, rgba(156,120,81,1) 50%) !important;
}
html{
  background: rgb(48, 48, 50) !important;
}
body,
.layout-header-holder-bc,
.multi-select-label-bc{
    background: rgba(var(--b-gradient), 1) !important;
}
.nav-content-bc,
.nav-content-bc .nav-menu-container .nav-menu-sub {
    background: rgba(var(--menu-gradient), 1);
}
.left-menu-container .second-tabs-bc .tab-bc.active,
.casino-horizontal-sl-list-bc .horizontal-sl-item-bc.active,
.bs-number-button-bc:active {
    background: rgba(var(--hero-gradient), 1) !important;
}
@media all and (hover: hover) {
    .nav-menu-container.header-navigation:first-child .nav-menu > li:hover > .nav-menu-item {
        background: rgba(var(--menu-gradient), 1);
    }
    .left-menu-container .second-tabs-bc .tab-bc:hover,
    .casino-horizontal-sl-list-bc .horizontal-sl-item-bc:hover {
        background: rgba(var(--hero-gradient), 1) !important;
    }
}


  
body{
    background-image:url('/assets/background.jpg') !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-attachment: fixed !important;
}

.promotionsArticleThumbnail-bc {
    border-radius: 100px 0px 100px 0px !important;
}
.promotions-article-title {
    display: none !important;
}
.crypto-currency-data {
    display: none !important;
}
.sdr-item-bc:before {
    background: transparent !important;
}
.ftr-payments-row-img-bc {
    background: transparent !important;
    border-radius: 9px !important;
}

.market-odd-bc:not(.not-boosted-odd) {
   color: #ffff !important;
   font-weight: bold;
}

.market-bc:hover {
  background: #ebcb7b !important;
  color: #310b0b !important;
}

.market-bc.active {
    color: #ffff !important;
    background: #ebcb7b!important,1);  
}

.header-user-nav .nav-menu-sub {
    background: #1a1a1b;
}

.ftr-payments-row-img-bc {
    width: 150px !important;
    height: 35px !important;
    margin: 5px !important;
    padding: 0px !important;
}

.entrance-popup-bc {
    position: relative;
    background: #181818;
}

.header-user-nav .nav-menu-sub {
    background: #1a1a1b;
}

btn.a-color {
    color: rgba(var(--oc-1-sc), 1);
    background: var(--cssgradient) !important;
}

.nav-content-bc, .nav-content-bc .nav-menu-container .nav-menu-sub {
    background: #3d3d3e !important;
    border-radius: 5px;
}

.promotion-details-container {
    display: flex;
    padding: 15px;
    height: 100%;
    background: linear-gradient(to top, rgba(48,48,50,1) 0%, rgba(26,26,27,1) 50%) !important;
}

.overlay-header {
    display: flex;
    align-items: center;
    height: 49px;
    line-height: 49px;
    padding: 0 10px;
    background: linear-gradient(to top, rgba(48,48,50,1) 0%, rgba(26,26,27,1) 50%) !important;
    color: #1b1a1a;
    font-size: 16px;
    font-weight: 500;
}

.market-odd-bc:not(.not-boosted-odd) {
    color: #ffff;
}

.sport-search-result-body-bc .sg-body-bc {
    background: #232324;
}

.left-menu-container .second-tabs-bc .tab-bc:hover, .left-menu-container .second-tabs-bc .tab-bc.active {
    color: #fff !important;
}

.casino-title-search .sport-search-bc, [dir=ltr] .casino-slots .accordion-title .sport-search-bc {
    left: 0;
    right: auto;
    background: #494a4c;
}

.header-custom-buttons a[class*=promotions], .hdr-user-bc a[class*=promotions] {
    background: #e7cd86;
    transition: var(--default-transition-duration);
}

.btn.a-color {
    color: rgba(var(--oc-1-sc), 1);
    background: #e7cd86;
    transition: background var(--default-transition-duration);
}

.market-bc:hover {
    color: #282c38;
    background: #e3c425 !important;
}

.casino-horizontal-sl-list-bc .horizontal-sl-item-bc.active, .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.active {
    color: rgba(var(--hero-sc), 1);
    background: #ead188 !important;
}

.u-i-p-c-body-bc {
    display: flex;
    height: 100%;
    background: linear-gradient(to top, rgba(48, 48, 50, 1) 0%, rgba(26, 26, 27, 1) 50%) !important;
}

.nav-menu-container.header-navigation:nth-child(2) {
    background:var(--cssgradientblacktotop)!important;
    border-radius: 4px;
}

.bs-inputs-bc {
    padding: 10px var(--padding-page-aside);
    background: #676769;
}

.market-odd-bc {
    color: #f4f4f4;!important;
    font-weight: bold;
}

.market-bc.active {
    font-weight: bold!important;
    background: #ebcb7b!important;
}
.nav-menu-container .nav-menu-sub .nav-menu-item.active, .nav-menu-container .nav-menu-sub .nav-menu-item:hover:before {
    background: #ebcb7b!important;
}

.btn.register {
    background: #ebcb7b!important;
    font-weight: bold!important;
}

.market-bc:hover {
    color: #ffff !important;
    background: #ebcb7b !important;
    font-weight: bold !important;
}

.bs-bet-i-b-coefficient-bc.c-2 {
    color: #ebcb7b!important;
}

.bs-bet-i-b-amount-bc {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    white-space: nowrap;
    font-weight: 700;
    color: #ebcb7b;
}

.quickBetMsgWrapper-bc {
    border-radius: 4px;
    background: #535660;
}

.bs-f-header-bc .second-tabs-bc .tab-bc:not(:only-child).active, .bs-f-header-bc .second-tabs-bc .tab-bc:not(:only-child):hover {
    background: #ebcb7b!important;
}
.product-banner-info-bc:before {
    background: transparent!important;
}

/*custom*/
.header-bc{
    padding: 0 !important;
    background: #232324;
}

.hdr-main-content-bc{
    padding: 0 30px!important;
    background: var(--cssgradientblacktotop) !important;
}

.nav-content-bc{
    background: var(--cssgradientblacktotop) !important;
}

.hdr-time-bc{
    background: var(--cssgradient) !important;
    border-radius: 10px !important;
}

.layout-footer-holder-bc {
    background: #232324;
    padding-inline-start: 10px;
    padding-inline-end: 5px;
}

.hdr-toggle-button-bc{
    background: var(--cssgradient) !important;
    border-radius: 10px !important;
}

.compact-mode:after, .compact-mode:before, .smartPanel-bc:before{
    all:unset !important;
}

.hdr-user-bc .register{
    background: var(--cssgradient) !important;
    border-radius: 50px 10px !important;
    padding: 0 20px !important;
}

.hdr-user-bc .sign-in{
    background: var(--cssgradient) !important;
    border-radius: 50px 10px !important;
    padding: 0 20px !important;
    color: black !important;
}

[class^="bc-i-"]:before {
    background: var(--cssgradient) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.nav-menu-item span {
    background: var(--cssgradient) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item.active, .nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item.active{
    background: #ebcb7b24 !important;
    border-radius: 0 0 20px 20px !important;
    color: #000000!important;
}

.nav-menu-container.header-navigation:nth-child(2) .nav-menu-other>.nav-menu-item.active, .nav-menu-container.header-navigation:nth-child(2) .nav-menu-other>.nav-menu-item:hover, .nav-menu-container.header-navigation:nth-child(2) .nav-menu>li .nav-menu-item.active, .nav-menu-container.header-navigation:nth-child(2) .nav-menu>li .nav-menu-item:hover{
    box-shadow: inset 0 -2px 0 0 var(--cssgradient);
    background: #ebcb7b24 !important;
    border-radius: 0 0 20px 20px !important;
    color: #000000!important;
    padding: 0 10px !important;
}

.sport-search-result-bc {
    position: absolute;
    top: 36px;
    left: 0;
    right: 0;
    background: #1a1a1b;
    z-index: 99;
    will-change: scroll-position;
    overflow-x: hidden;
    overflow-y: auto;
  
.layout-header-holder-bc .header-bc .nav-content-bc .nav-content-menu .header-navigation ul a[href="/tr/promotions"] {
    position: fixed !important;
    border-radius: 50px 0 0 0 !important;
    background: var(--cssgradient) !important;
    padding: 0.4rem 1rem !important;
    right: 0 !important;
}

a[href="/tr/promotions"] span, a[href="/tr/promotions"] i:before  {
    background: unset !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: unset !important;
}

/*.upcoming-games, .prematch-page-bc, .ftr-g-content-bc{
display:none !important;
}*/

#comm100-float-button-01010000-0000-0000-0000-008e000396f5-2 div{
right:0 !important;
bottom: -5px !important;
}

.market-odd-bc:not(.not-boosted-odd){
  color: rgba(var(--toastify-color-light), 1) !important;
}