/* Scrollbar Colors */
#root .ng-scrollbar-thumb {
    background-color: var(--sb-thumb-color);
    transition: var(--sb-thumb-transition)
}

#root .ng-scrollbar-wrapper>scrollbar-x.scrollbar-control>.ng-scrollbar-track {
    height: var(--sb-width);
}

#root [_nghost-qya-c98] > .ng-scrollbar-wrapper[deactivated=false][visibility=hover][_ngcontent-qya-c98] > .scrollbar-control[_ngcontent-qya-c98] {
    transition-delay: 0s;
}

/* Match Tracker Loader Mobile */
#root .mobile .match-tracker .m-loader {
    position: relative;
    height: 250px;
}

#root .mobile .match-tracker .betradar-widget-v3 .m-loader {
    position: relative;
    height: 371px;
}

/* Odds Selection */
/* widget_sports_coupon */
/* ln 212  */
#root .mouse app-sports-coupon .market-drop-down-heading {
    cursor: pointer;
}

/* ln 625 */
#root app-sports-coupon .match-market {
    margin-left: unset;
}

/* ln 726 */
#root .match-market.opt-2 .match-odd,#root .match-market.opt-2 .market-special,#root app-sports-coupon .match-market.opt-2 app-special-switch {
    max-width: unset;
}

/* ln 803 */
#root app-sports-coupon .match-odd:not(.odd-locked) .odds-selection-default.odds-bet-slip-selected .odd {
    background-color: var(--o-primary-c);
}

#root .match-odd:not(.odd-locked) .odds-selection-default.odds-bet-slip-selected .odd,#root .outright-competitor.bet-slip-selected,#root .mouse .odds-bet-slip-selected:hover .odd,#root .mouse .outright-competitor.bet-slip-selected:hover .odd {
    /* color: var(--o-blue-a); */
    /* color: var(--c-s-white-e); */
    /* font-weight: 600; */
}

/* Coupon + Carousel Odds Slection */
#root app-sports-coupon .match-market .match-odd {
    /* height: calc(100% - 2px); */
}

#root app-sports-coupon.compact .match-market .match-odd {
    border-right: 1px solid var(--c-o2i)
}

#root app-sports-coupon.compact .match-market .match-odd:last-child {
    border-right: none
}

#root app-sports-coupon .match-markets-wrapper {
    align-self: stretch;
}

#root app-sports-coupon .match-odd:not(.odd-locked) .odds-selection-default.odds-bet-slip-selected .odd {
    /* background-color: #0002; */
    /* box-shadow: inset 0 4px 8px #0004; */
}

#root app-sports-coupon .match-market-wrapper {
    column-gap: 1px;
    height: 100%;
    z-index: 0;
}

#root app-sports-coupon .match-odd:not(.odd-locked) .odds-selection-default.odds-bet-slip-selected .odd {
    /* background-color: var(--o-primary); */
    /* box-shadow: inset 0 0px 13px 0px #0001; */
    /* border-radius: 0; */
    /* color: var(--o-blue-a); */
    font-weight: 700;
}

#root app-sports-coupon.carousel-content .match-market {
    width: 100%;
    border-left: 0;
    padding-left: 0;
}

#root app-sports-coupon.carousel-content .match-markets-wrapper .odd {
    border-radius: 0px;
    height: auto;
    line-height: 40px;
}

#root app-sports-coupon.carousel-content .match-markets-wrapper .odd-locked::before {
    color: var(--c-s-white)
}

#root #mainDiv app-sports-coupon.carousel-content .match-markets-wrapper .odd span.mobile-outcome {
    opacity: 0.6;
}

#root #mainDiv app-sports-coupon.carousel-content .match-markets-wrapper .odds-bet-slip-selected .odd span.mobile-outcome {
    font-weight: 500;
    /* opacity: 0.8; */
    color: var(--aw-text-carousel-selected);
}

/* Coupon Breadcrumbs */
#root .view-page-live-match .content-top, #root .view-page-sports-match .content-top {
    background-color: var(--a-teal-dark);
    /* box-shadow: none; */
}

/* #root .desktop.view-page-live-match .content-top, #root .desktop.view-page-sports-match .content-top {
    border-radius: var(--r-t)
} */
#root .ui-overlaypanel.breadcrumbs-dd.more-righty#root .ui-overlaypanel.breadcrumbs-dd.more-righty {
    z-index: 1000;
}

/* base ln 528 */
/* Bring Tracker down instead? */
#root .content-top {
    z-index: 0;
    /* flex: 1 1 0%; */
    max-width: 100%;
    flex: 0 0 100%;
}

/* SHOULD BE :BEFORE */
.page-breadcrumb .menu li:not(:first-child):before, ul.match-breadcrumbs li:not(:first-child):before {
    content: ">";
    transform: translateX(-10px);
    opacity: .4;
    font-size: .8em;
}

.page-breadcrumb .menu li:after, ul.match-breadcrumbs li:after {
    display: none
}

/* Close Button Breadcrumb DDL */
.pi, .fa {
    font-family: 'BIF';
    font: normal normal normal 21px/1 'BIF';
}

.fa-chevron-down:before {
    content: " ar-down";
    display: block;
    width: 24px;
}

body .ui-button:enabled:focus {
    box-shadow: unset;
}

body .touch .ui-overlaypanel .ui-overlaypanel-close {
    background-color: var(--c-o2i);
    right: -22px!important;
    left: unset!important;
    top: 0;
}

body .mouse .ui-overlaypanel .ui-overlaypanel-close:hover {
    background-color: var(--c-o);
}

/* Match Market Groups */
#root app-sports-match-market-groups {
    z-index: 2;
    position: relative;
    width:100%;;
    flex:1;
    
}
#root app-sports-match-market-groups .ng-scroll-content > div {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    gap: 8px;
}
#root .desktop app-sports-match-market-groups {
    padding: 0;
}

/* Left-Sidebar Live */
.body .left-sidebar-live .floating-container {
    box-shadow: var(--x-s);
}

.events-sport-name {
    text-transform: capitalize;
    color: var(--c-f);
}

.compact .tournament-header-wrapper {
    /* box-shadow: var(--x-d-t); */
    /* background-color: var(--o-primary-a); */
}



/* Match Info Tags */
.match-info .has-live-stream, .match-info .is-live-booked {
    text-align: center;
    line-height: 21px;
    display: inline-block;
}

#root .sports-coupon.large .match-info {
    /* flex-direction: row; */
    /* flex-wrap: wrap; */
}

/* Button Spinner */
@keyframes rotating-ball {
    0% {
        rotate: 0deg;
    }

    /*     50% {
        rotate: 180deg
    } */
    100% {
        rotate: 180deg;
    }
}

/* @keyframes side-to-side {
    0% {
        left: -5px;
    }

    50% {
        left: calc(100% - 20px);
    }

    100% {
        left: -5px;
    }
} */
/* Remove default spinner styles */
button .ui-progress-spinner-svg {
    height: auto;
    line-height: 20px;
    -webkit-animation: bounce 0.4s alternate cubic-bezier( .5, 0.05, 1, .5) infinite, side-to-side 10s infinite linear;
    -webkit-animation: bounce 0.4s alternate cubic-bezier( .5, 0.05, 1, .5) infinite;
    bottom: 0;
    /*     -webkit-animation-name: bounce;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: cubic-bezier( .5, 0.05, 1, .5);
    -webkit-animation-iteration-count: infinite; */
}

button .fa-spinner {
    position: absolute;
    left: calc(50% - 10px);
    /* margin: 0 5px; */
    /* z-index: 12; */
}

button .fa-spin, button .ui-progress-spinner {
    height: auto;
    line-height: 20px;
    -webkit-animation: bounce 0.4s alternate cubic-bezier( .5, 0.05, 1, .5) infinite, side-to-side 10s infinite linear;
    -webkit-animation: bounce 0.4s alternate cubic-bezier( .5, 0.05, 1, .5) infinite;
    bottom: 0;
    /*     -webkit-animation-name: bounce;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: cubic-bezier( .5, 0.05, 1, .5);
    -webkit-animation-iteration-count: infinite; */
    width: unset!important;
    height: unset!important;
}

button .ui-progress-spinner {
    bottom: -14px;
}

button .fa-spin::before, button .ui-progress-spinner::before {
    font: var(--icon-font);
    content: " opap_basketball";
    font-size: 20px;
    /*     position: absolute; */
    width: 20px;
    /* background-color: #000; */
    min-width: 20px;
    height: 20px;
    text-align: center;
    justify-content: center;
    align-items: center;
    animation: rotating-ball 2s infinite linear;
    /*     left: -10px; */
    display: inline-flex;
    color: var(--c-s-white);
    padding: 0;
}

button .ui-progress-spinner-circl, button .ui-progress-spinner-svg {
    /* display: none; */
}

.mobile-betslip button .ui-progress-spinner-circl, .mobile-betslip button .ui-progress-spinner-svg, .betslip button .ui-progress-spinner-circl, .betslip button .ui-progress-spinner-svg {
    display: none;
}

.pending-login .button-submit-login .button-label {
    display: none;
}

/* Biometrics Loader */
#root button.login-with-biometrics:disabled {
    color: var(--o-green-a);
    /* background-color: var(--c-o1i); */
}

.bio-login-wrapper .login-with-biometrics .fa-spinner {
    position: absolute;
    -webkit-animation: unset;
    left: 4px;
    top: 4px;
}

.bio-login-wrapper .login-with-biometrics .fa-spinner:before {
    -webkit-animation: bio-scan 3s linear infinite;
    content: " sc-fingerprint";
    color: var(--c-s-white-s);
    color: #0006;
    font-family: BIF;
    font-size: 42px;
    width: 42px;
    height: 42px;
}

.theme-light .bio-login-wrapper .login-with-biometrics .fa-spinner:before {
    color: #fff6;
}

@keyframes bio-scan {
    0% {
        clip-path: polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)
    }

    25% {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)
    }

    50% {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)
    }

    75% {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)
    }

    100% {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)
    }
}

@keyframes bio-scan {
    0% {
        clip-path: polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)
    }

    12.5% {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)
    }

    25% {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)
    }

    37.5% {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)
    }

    50% {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)
    }

    62.5% {
        clip-path: polygon(50% 50%,100% 0,100% 0,100% 100%,0 100%,0 0)
    }

    75% {
        clip-path: polygon(50% 50%,100% 100%,100% 100%,100% 100%,0 100%,0 0)
    }

    87.5% {
        clip-path: polygon(50% 50%,0 100%,0 100%,0 100%,0 100%,0 0)
    }

    100% {
        clip-path: polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)
    }
}

/* Sports-Coupon 1203 - Favorite */
#root .mobile app-sports-coupon .match-favorite, #root .mobile app-sports-coupon .match-statistics {
    min-width: 20px;
    padding: 0;
}

#root .mobile app-sports-coupon .match-favorite:before , #root .mobile app-sports-coupon .match-statistics:before {
    font-size: 18px;
}

/* Sports-coupon 766 */
#root app-sports-coupon .match-links {
    margin-right: unset;
    /* margin-left: 4px; */
}

/* base 758 */
#root .bottom-navbar {
    background-color: #292e31;
}

/* Sports-Coupon 1531 temp */
#root .mobile app-sports-coupon.carousel-content .has-live-stream {
    display: none;
}

#root .bottom-navbar .navbar-item.my-bets .openbets-counter {
    background-color: unset;
}

#root .bottom-navbar .navbar-item.my-bets .openbets-counter .bets-number-container, .ticket-tab-menu .openbets-counter {
    width: 16px;
    height: 16px;
    background-color: var(--aw-action);
    color: var(--c-s-white);
    text-align: center;
    line-height: 16px;
    border-radius: 50%;
    pointer-events: none;
}

/* Spinners */
.auto-coupon-pagination {
    width: 100%
}

/******************************** Overrides 25-11-22 ******************************/
/*********** Keyframes for Button Loader ************/
@-webkit-keyframes bounce {
    from {
        -webkit-transform: translate3d(0px, -20px, 0);
        transform: translate3d(0px, -20px, 0) ;
    }

    to {
        -webkit-transform: translate3d(0, 0px, 0);
        transform: translate3d(0px, 0px, 0);
    }
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

/************ Main Menu Button *************/
#root .header-menu .header-menu-item {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.2rem;
    letter-spacing: 0.6px;
    color:  var(--aw-text-light);
    /* border-bottom: 4px solid var(--aw-teal-dark); */
}
#root .header-menu-item.promotions,
#root .header-menu-item.search {
    color: var(--aw-text-light);
    flex: 0 0 auto;
    /* margin-right: 8px; */
    min-width: 60px;
}

#root .header-menu-item.promotions > div {
    /* padding-left:0; */
    /* display: none; */
    font-size: 0;
}

#root .header-menu-item.promotions:before {
    /* background-color: var(--o-blue-a); */
    width: 32px;
    height: 32px;
    border-radius: var(--r-d2);
    color: var(--aw-text-light);
    padding: 0;
    line-height: 32px;
    /* box-shadow: var(--x-surface-c); */
    /* background-image: var(--g-0); */
    position: absolute;
    pointer-events: none;
    font-weight: 400;
}

/************ Selection Buttons ************/
#root .mouse app-sports-coupon .odds-selection-default .odd:hover {
    background-color: unset;
}
#root .mouse app-sports-coupon.live .odds-selection-default .odd:hover {
    background-color: unset;
}

#root .mouse app-sports-coupon .events-item-wrapper:hover {
    background-color: var(--aw-betslip-selection);
}
#root .mouse app-sports-coupon.live .events-item-wrapper:hover {
    background-color: var(--aw-betslip-acca);
}

/******************************* Betslip *******************************/
#root .tabbed-betslip-menu .betslip-tab .betslip-counter {
    /* background-color: var(--c-o1); */
    /* box-shadow: var(--x-outline); */
    padding: 0px 32px 0px 9px;
    border-radius: var(--r-d2);
    position: absolute;
    right: 12px;
    display: flex;
    top: 17px;
    line-height: 26px;
    text-align: left;
    min-width: 42px;
    align-items: flex-start;
    height: 36px;
    justify-content: flex-start;
    pointer-events: none;
    z-index: -1;
}

#root .mouse .tabbed-betslip-menu .betslip-tab .betslip-clear:hover div {
    /* background-color: var(--o-orange); */
}

#root .mouse .tabbed-betslip-menu .betslip-tab .betslip-clear div {
    position: relative;
    border-radius: var(--r);
    transition: .2s;
    width: 100%;
    z-index: 20;
}

#root:not(.bet-added) .tabbed-betslip-menu .betslip-tab .betslip-counter {
    padding-right: 32px;
    min-width: 26px;
}

#root .tabbed-betslip-menu .betslip-tab .betslip-clear {
    width: 48px;
    height: 36px;
    justify-content: flex-start;
    align-items: center;
    display: inline-flex;
    border-radius: var(--r-d2);
}

#root .mobile .tabbed-betslip-menu .betslip-tab .betslip-clear {
    width: 46px;
}

#root .mouse .tabbed-betslip-menu .betslip-tab .betslip-clear:hover {
    background-color: var(--c-o);
}

#root.show-recent-tickets .tabbed-betslip-menu .tabbed-betslip-menu-item.ticket-tab {
    background-color: var(--a-teal-dark);
    color: var(--c-s-white);
}

#root.show-recent-tickets .tabbed-betslip-menu .tabbed-betslip-menu-item.betslip-tab {
    background-color: var(--c-o1i);
}

#root .tabbed-betslip-menu .tabbed-betslip-menu-item.ticket-tab {
    position: absolute;
    border-radius: var(--r) 0 0 0;
    border-right: 1px solid var(--c-o1i);
    overflow: hidden;
    /* background-color: var(--c-o1i); */
    box-shadow:  unset;
    /* display: none; */
}
#root .mobile .tabbed-betslip-menu .tabbed-betslip-menu-item.ticket-tab {
    display: none;
}

#root .tabbed-betslip-menu .tabbed-betslip-menu-item.ticket-tab div {
    justify-content: center;
    width: 50px;
}

/*************** Dates Filter ****************/
#root app-dates-filter-coupon ul li {
    /* border: var(--aw-chip-border); */
    /* background-color:  var(--aw-chip-background); */
    /* border-radius: 20px; */
    /* min-width: 70px; */
    /* width: auto; */
    /* padding: 0 4px; */
}

/******************** Chip Styles ***********************/
.home-link.todays-coupon {
    background-color: var(--o-green-a);
    color: var(--o-primary);
}

.home-link.todays-coupon .icon:before {
    color: var(--o-primary);
}

/***************** Football Today *******************/
#root .view-page-sports-football-today .sports-coupon .events-sport-header .sport-icon {
    display: none
}

#root .view-page-sports-football-today .sports-coupon .events-sport-coupon-title {
    width: 100%
}

#root .view-page-sports-football-today .sports-coupon .events-sport-wrapper .events-sport-header {
    height: 52px;
    margin-top: -52px;
}

/*********  Expand Right Sidebar  *********/
app-block.expand-right-sidebar, app-block.collapse-sidebar {
    position: absolute;
    left: 2px;
    top: 0px;
    z-index: 3;
    height: var(--s-button-h-xl);
    width: 40px;
    border-right: 1px solid var(--c-o1i);
    align-items: center;
    justify-content: center;
}

app-block.collapse-sidebar {
    position: relative
}

.mouse app-block.expand-right-sidebar:hover {
    background-image: var(--g-1);
    color: var(--c-f);
}

.desktop app-tracker-streamer-toolbar {
    order: unset;
}

#root .desktop .right-sidebar app-live-match-stream .show-hide-component, #root .desktop .right-sidebar app-live-match-tracker .show-hide-component {
    background-color: var(--o-primary-b);
    background-image: unset;
    box-shadow: var(--x-surface-b), var(--x-d-b3);
    color: var(--c-f);
}

#root .desktop .right-sidebar :is(app-live-match-tracker, app-live-match-stream) .show-hide-component:before {
    width: 24px;
    height: 24px;
    font-family: BIF;
    content: " bet-tracker";
    color: var(--c-f);
    font: var(--icon-font);
    margin-right: 4px;
}

#root .desktop .right-sidebar :is(app-live-match-tracker, app-live-match-stream) .show-hide-component:after {
    content: " ar-left-small";
    width: 24px;
    height: 24px;
    font: var(--icon-font);
    display: inline-block;
    transform: rotate( 0deg );
    width: 24px;
    min-width: 24px;
    text-align: left;
}

#root .desktop .right-sidebar :is(app-live-match-tracker, app-live-match-stream) .show-hide-component.visible:after {
    content: " ar-left-small";
    width: 24px;
    height: 24px;
    font: var(--icon-font);
    display: inline-block;
    transform: rotate( -90deg );
    width: 24px;
    min-width: 24px;
    text-align: left;
}

#root .desktop .right-sidebar app-live-match-stream .show-hide-component:before {
    content: "bet-tv-play";
}

#root .desktop .right-sidebar app-live-match-stream, #root .desktop .right-sidebar app-live-match-tracker {
    border-radius: var(--r);
    overflow: hidden;
    margin-bottom: 0;
    cursor: pointer;
    z-index: 2;
}

#root .desktop .right-sidebar app-live-match-stream:has(app-tracker-streamer-toolbar), #root .desktop .right-sidebar app-live-match-tracker:has(app-tracker-streamer-toolbar) {
    margin: 0px 0 8px 2px;
    background: var(--o-primary-a);
    width: calc(100% - 2px);
}

#root .desktop .expand-right-sidebar .text {
    display: none;
}

#root .desktop .expand-right-sidebar .icon:before, #root .desktop .collapse-sidebar .icon::before {
    font-size: 20px
}

#root .desktop:not(.view-page-live, .view-page-live-match) .right-sidebar app-live-match-stream, #root .desktop:not(.view-page-live, .view-page-live-match) .right-sidebar app-live-match-tracker {
    /* display: none */
}

/* Search Market Groups */
.beto-match-market-filter {
    order: -1;
    display: inline-flex;
    width: auto;
    /* flex: 1 1 auto; */
    /* min-width: 89px; */
    margin-left: 8px;
}

.beto-match-market-filter:not(.market-search-active) input {
    cursor: pointer;
}

.match-market-filter-wrapper {
    border: var(--aw-chip-border);
    background-color: var(--aw-chip-background);
    border-radius: 20px;
    flex-wrap: nowrap;
    display: inline-flex;
    /* background-color: var(--c-o3i); */
    box-sizing: border-box;
    /* margin: 0 4px; */
    min-width: auto;
    height: 32px;
    /* flex: 1 1 100%; */
}

.market-search-active .match-market-filter-wrapper {
    border: var(--aw-chip-border-selected);
    background-color: var(--aw-chip-background-selected);
}

#root .match-market-filter-wrapper input.search-markets {
    display: inline-flex;
    width: 28px;
    border-radius: 20px;
    flex: 1 1 100%;
    padding-left: 28px;
    margin-left: -28px;
    min-width: 28px;
    max-width: 180px;
    font-size: 0;
    width: 0;
    min-height: unset;
}

#root .match-market-filter.market-search-active input.search-markets {
    /* width: 160px; */
    padding-right: 30px;
    margin-right: 0px;
    width: auto;
    font-size: 12px;
    font:  var(--aw-text-betslip-odds);
}
#root .match-market-filter.market-search-active input.search-markets::placeholder {
    /* font-size: 0px; */
    
}
#root .mobile .match-market-filter.market-search-active input.search-markets {
    min-height:28px;
}
#root .match-market-filter-wrapper:before {
    display: inline-block;
    width: 24px;
    height: 24px;
    padding: 2px;
    content: "app-search";
    font: var(--icon-font);
    justify-content: center;
    align-items: center;
    pointer-events: none;
}

#root .beto-match-market-filter input {
}

#root .market-filter-group-container app-sports-match-market-groups {
    margin: 0;
}

#root .market-filter-group-container {
    flex: 1 0 100%;
    overflow-x: auto;
    gap: 8px;
    /* position: relative; */
    margin: 8px 0;
    height: 36px;
    align-items: center;
}
#root .market-filter-group-container>app-widget-host>*:not(.widget-content-placeholder, .clear-markets) {
    margin-left: 4px;
    display: inline-flex;
    align-items: center;
}

#root .mobile .market-filter-group-container {
}

#root .match-market-filter.market-search-active + .clear-markets + .match-market-group .market-groups ui-button .button-active {
}

/* Clear Input */
#root .match-market-filter:not(.market-search-active) + .clear-markets {
    display: none
}

#root .market-filter-group-container .clear-markets {
    margin-right: 0px;
    margin-left: -37px;
    order: -1;
}

#root .market-filter-group-container .clear-markets .clear-markets {
}

#root .market-filter-group-container .clear-markets button {
    background-color: unset;
    font-size: 0;
    padding: 0;
    height: 32px;
}

#root .market-filter-group-container .clear-markets button:before {
    display: inline-flex;
    width: 24px;
    height: 24px;
    content: " nt-error-i";
    font-family: 'BIF';
    font-size: 24px;
    text-align: center;
    align-items: center;
    color: var(--c-f-d);
}

#root .mouse .market-filter-group-container .clear-markets button:hover:before {
    color: var(--c-f-s);
}

#root .mouse .market-filter-group-container .clear-markets button:active:before {
    color: var(--c-f-d);
}

/*  */
/**************** Tiled Featured *******************/
.desktop .left-sidebar .floating-container {
    /* row-gap: 8px; */
}

.desktop .left-sidebar .floating-container > app-widget-host > span {
    display: none;
}

.desktop .left-sidebar .featured-items, .navigation-sport-section .featured-items {
    overflow: unset;
    order: 0;
    display: inline-flex;
    gap: 10px;
    flex-wrap: wrap;
}

#root .desktop .left-sidebar .featured-items .featured-item, #root .navigation-sport-section .featured-items .featured-item {
    padding: 8px 8px;
    align-items: end;
    /* justify-content: start; */
    border-radius: var(--r-d2);
    /* box-shadow: var(--x-outline); */
    min-height: 40px;
    min-width: 40%;
    height: auto;
    /* box-shadow: var(--x-surface-c), inset 0 0 40px 10px #0003; */
    width: auto;
    /* flex-direction: row; */
    flex: 1 1 100%;
    align-items: center;
    /* flex-wrap: wrap; */
    color: var(--aw-emphasis);
    /* background-blend-mode: luminosity; */
    /* background-position: top right; */
    /* background-size: 80px; */
    /* background-repeat: no-repeat; */
    position: relative;
    /* background-color: var(--aw-cyan-grey); */
    /* border:  1px solid var(--aw-emphasis); */
}

#root .desktop .left-sidebar .featured-items .featured-item.bet-builder, #root .navigation-sport-section .featured-items .featured-item.bet-builder {
    background-image: url(/v1.08/r/images/site/banners/featured/Betbuilder.webp);
    background-color: var(--f-betbuilder);
}

#root .desktop .left-sidebar .featured-items .featured-item.outrights, #root .navigation-sport-section .featured-items .featured-item.outrights {
    /* background-image: url(/v1.08/r/images/site/banners/featured/Outrights.webp); */
    /* background-color: var(--f-outrights); */
    /* background-size: 66px; */
}

#root .desktop .left-sidebar .featured-items .featured-item.livestream, #root .navigation-sport-section .featured-items .featured-item.livestream {
    /* background-image: url("/v1.08/r/images/site/banners/featured/Livestreaming.webp"); */
    /* background-color: var(--f-livestream); */
    /* background-size: 71px; */
}

#root .desktop .left-sidebar .featured-items .featured-item.promotions, #root .navigation-sport-section .featured-items .featured-item.promotions {
    /* background-image: url(/v1.08/r/images/site/banners/featured/Bonus.webp); */
    /* background-color: var(--f-promotions); */
    /* color: var(--c-s-black); */
}

#root .desktop .left-sidebar .featured-items .featured-item.euro-2024, #root .navigation-sport-section .featured-items .featured-item.euro-2024 {
    background-image: url(/v1.08/r/images/site/Euro24_Online_LSB_3.webp);
    background-size: cover;
    background-position: center center;
    background-blend-mode: unset
}

#root .desktop .left-sidebar .featured-items .featured-item.suggestions {
    background-color: var(--f-suggested);
    background-image: url("/v1.182/r/images/site/banners/featured/Suggested_Final4.webp");
    /* background-blend-mode: hard-light; */
    background-size: 73px;
    background-position: right 4px top -8px;
}

#root .mobile .navigation-sport-section .featured-items .featured-item.euro-2024 {
    background-image: url(/v1.08/r/images/site/Euro24_Small_4.webp);
}

#root .desktop .left-sidebar .featured-items .featured-item.olympics-2024, #root .navigation-sport-section .featured-items .featured-item.olympics-2024 {
    background-image: url(/v1.08/r/images/site/banners/Olympics_Small.webp);
    background-size: cover;
    background-position: center center;
    background-blend-mode: unset
}

#root .mobile .navigation-sport-section .featured-items .featured-item.olympics-2024 {
    background-image: url(/v1.08/r/images/site/banners/Olympics_Online_LSB.webp);
    background-size: cover;
    background-position: center;
    background-blend-mode: unset;
    display: flex;
}

#root .mobile .navigation-sport-section .featured-items .featured-item.olympics-2024 .text, #root .desktop .left-sidebar .featured-items .featured-item.olympics-2024 .text, #root .navigation-sport-section .featured-items .featured-item.olympics-2024 .text {
    height: 60px;
    min-width: 100%;
    color: transparent;
}

#root .desktop .left-sidebar .featured-items .featured-item.copaamerica-2024, #root .navigation-sport-section .featured-items .featured-item.copaamerica-2024 {
    background-image: url(/v1.08/r/images/site/Copa24_Online_LSB.webp);
    background-size: cover;
    background-position: center;
    background-blend-mode: unset;
    display: flex;
}

#root :has(.left-sidebar, .navigation-sport-section) .featured-items .euro-2024>app-widget-host, #root :has(.left-sidebar, .navigation-sport-section) .featured-items .copaamerica-2024>app-widget-host {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#root :has(.left-sidebar, .navigation-sport-section) .featured-items .copaamerica-2024 .text, #root :has(.left-sidebar, .navigation-sport-section) .featured-items .copaamerica-2024 .icon {
    display: none
}

#root :has(.left-sidebar, .navigation-sport-section) .featured-items .euro-2024 .text, #root :has(.left-sidebar, .navigation-sport-section) .featured-items .euro-2024 .icon {
    display: none
}

#root .mouse.desktop .left-sidebar .featured-items .featured-item:hover {
}

#root .desktop .left-sidebar .featured-items .featured-item .featured-item-chip {
    order: -1;
    flex: 1 1 100%;
    position: absolute;
    top: 6px;
    left: 6px;
}

#root.collapse-left-sidebar .desktop .left-sidebar .featured-items .featured-item {
    background-image: none;
    min-height: 40px;
    min-width: 40px;
}

@media screen and (max-width: 1140px) {
    #root:not(.expand-left-sidebar) .tablet .left-sidebar .featured-items .featured-item, #root:not(.expand-left-sidebar) .desktop .left-sidebar .featured-items .featured-item {
        background-image: unset;
        min-height: 40px;
        min-width: 40px;
    }
}

#root .left-sidebar app-featured-leagues, #root .favorites-viewer-container, #root .navigation-sport-section app-featured-leagues {
    margin-bottom: 10px;
    border: 1px solid var(--aw-primary);
    border-radius: var(--r-d2);
}
/* RED CARDS in Coupon Event */
#root app-sports-coupon .match-live-info .match-cards :is(.red-cards, .yellow-cards) {
    padding: 2px 0 3px;
}

#root app-sports-coupon .match-sport-soccer .match-live-info .match-cards :is(.match-red-cards-away, .match-red-cards-home, .match-yellow-cards-away, .match-yellow-cards-home) {
    font-size: 0.8rem;
    text-align: center;
    /* width: 7px; */
    padding: 0 4px;
    height: 13px;
    line-height: 14px;
    border-radius: 2px;
    font-weight: 500;
    display: block;
    margin-right: 4px;
}

#root app-sports-coupon .match-live-info .match-cards :is(.match-red-cards-away, .match-red-cards-home) {
    background-color: var(--o-red-b);
    color: var(--c-s-white);
    /* margin-left:4px; */
}

#root app-sports-coupon .match-live-info .match-cards :is(.match-yellow-cards-away, .match-yellow-cards-home) {
    background-color: var(--o-yellow);
    color: var(--c-s-black);
}

#root app-sports-coupon .match-sport-soccer .match-live-info .match-cards :is(.match-red-cards-away, .match-yellow-cards-away) {
    margin-top: auto;
}

#root app-sports-coupon .match-sport-soccer .match-live-info .match-cards :is(.match-red-cards-home, .match-yellow-cards-home) {
    margin-bottom: auto;
}

/* Streamer/Tracker Styling */
#root .mobile app-live-match-stream, #root .mobile app-live-match-tracker {
    background-color: var(--o-blue-d);
    border-radius: var(--r-b);
    background-image: var(--g-2i);
    overflow: hidden;
    background-color: var(--c-o2i);
}

app-live-match-stream app-tracker-streamer-toolbar {
    background-color: var(--o-blue-d)
}

.stream-error.not-allowed div {
    font-size: 13px;
    margin: 8px;
}

.stream-error.not-allowed .button-submit-login {
    padding: 10px 16px;
    margin-top: 8px;
    border-radius: var(--r-d2);
    border: 1px solid var(--o-blue-b);
    background-color: unset;
}

#root .mobile app-tracker-streamer-toolbar .show-hide-component:before, #root .mobile app-tracker-streamer-toolbar .tracker {
    color: var(--aw-text-light);
    background-color: var(--aw-teal-dark);
}

.betradar-widget-v3 +.float-element-button-container, .iframe-container +.float-element-button-container {
    z-index: 1;
}

app-login {
    width: 100%
}

/* Match-Live-Tracker Button in Open Bets */
.history-match-info .match-live-tracker {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    left: -31px;
    top: 25px;
}

.history-match-info .match-live-tracker.tracker-visible:before {
    color: var(--o-green-a);
}

.history-match-info .match-live-tracker:before {
    font-family: BIF;
    content: " bet-tracker";
    padding-right: 4px;
    display: inline-block;
    font-size: 24px;
    width: 24px;
    min-width: 24px;
    height: 24px;
    text-align: left;
    color: var(--c-f)
}

.history-content-wrapper app-live-match-tracker {
}

/*  */
app-auto-pagination {
    margin: 4px auto
}

app-auto-pagination:empty {
    display: none;
}

#root app-auto-pagination app-progress-spinner-small .lds-boa-dual-ring {
    background-color: unset;
}

/*  */
.ticket-tab-menu >app-widget-host {
    background-color: var(--c-o);
    /* border-radius: var(--r); */
    /* box-shadow: var(--x-surface-i); */
}

.ticket-tab-menu .openbets-counter {
    font-weight: 700;
    margin-left: 6px
}

.openbets-counter-name {
    display: none;
}

#root .bottom-navbar .navbar-item.my-bets .openbets-counter .no-open-bets {
    display: none;
}

.ticket-tab-menu-item-counter > * > * {
    display: inline-block
}

/*******  Login in Account/Bets  ********/
/* move loading icon in form */
#root .view-page-account-bets .generic-form .form-row .form-element-wrapper .icon-container {
    right: 6px;
    top: 4px;
}

.view-page-account-bets .register-content {
    width: 100%;
    padding-top: 0;
}

.view-page-account-bets :where(.login.column, .forgot-password.column) {
    padding: 16px;
    width: 100%;
}

#root:not(.forgot-password) .view-page-account-bets .forgot-password.column {
    display: none
}

#root.forgot-password .view-page-account-bets .login.column {
    display: none
}

.view-page-account-bets .register-content .heading {
    background-color: var(--o-primary-b);
    background-image: var(--g-1i);
    box-shadow: var(--x-s);
    border: 0;
    text-align: center;
    text-transform: uppercase;
    height: 56px;
    z-index: 1;
    display: flex;
    width: 100%;
    color: var(--c-f);
    font-size: 1.1em;
    line-height: 40px;
    padding: 8px 12px 8px 20px;
    margin-top: 0;
    justify-content: center;
    border-radius: var(--r-t);
}

#root .view-page-account-bets app-live-match-tracker {
    border-radius: var(--r);
    margin-top: 8px
}

.view-page-account-bets .m-loader {
    position: relative;
    height: 200px;
    max-height: unset;
}

.view-page-account-bets .m-loader .ui-progress-spinner {
    height: 100%
}

/* Stats / Live Score Pages */
.mobile.view-page-liveresults, .mobile.view-page-statistics {
    height: auto
}

body#root :is(.view-page-statistics.mobile, .view-page-liveresults.mobile) .content {
    flex-direction: column;
    /* flex: 1 1 100%; */
    display: block;
    height: 100%;
    max-height: fit-content;
    min-height: calc(100vh - 54px)!important;
}

body#root .mobile :where(.statistics-back, .live-results-back) {
    width: 100%;
    display: block;
    margin-bottom: 0;
}

.view-page-liveresults {
    height: 100vh;
    width: 100vw;
    position: absolute;
    top: 0;
    left: 0;
}

.device-mobile.view-page-liveresults iframe, .device-mobile.view-page-statistics iframe {
}

.device-mobile.view-page-liveresults .body, .device-mobile.view-page-liveresults .body .content, .device-mobile.view-page-statistics .body, .device-mobile.view-page-statistics .body .content {
    min-height: calc(100vh - 54px);
    margin-top: 0;
}

#root .device-mobile.view-page-liveresults .body app-widget-host {
    display: block;
    height: calc(100vh - 100px);
}

.mobile .iframe.live-scores {
    min-height: calc(100vh - 100px);
    background-color: var(--o-primary-b);
}

/* Match Page - Correct Score Market - Hide Unavailable Odds */
#root .view-page-live-match app-sports-match-markets .market-correct-score .odds-not-offered {
    display: none
}

/* Confirm Cashout - Progress Spinner - Remove SVG spinner */
.history-bet-confirm.cashout .ui-progress-spinner-svg {
    display: none
}

/*  Live Match Tracker Width Fix  */
.match-tracker #lmtContainer {
    width: 100%;
}

/* Euro & Copa Coupon Flags & Style */
#root .desktop :has(app-sports-coupon.euro, app-sports-coupon.copa) .sports-coupon .events-sport-coupon-title {
    height: 120px;
    width: 100%;
    margin: 0;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    border-radius: var(--r-x2) var(--r-x2) 0 0;
    box-shadow: var(--x-surface);
}

#root .mobile :has(app-sports-coupon.euro, app-sports-coupon.copa) .sports-coupon .events-sport-coupon-title {
    /* height: 80px; */
}

#root .desktop app-sports-coupon.euro .sports-coupon .events-sport-coupon-title {
    background-image: url(/v1.08/r/images/site/Euro_Coupon_Header.webp);
    color: transparent;
}

#root app-sports-coupon.copa .sports-coupon .events-sport-coupon-title {
    background-image: url(/v1.08/r/images/site/Copa_Coupon_Header.webp)
}

#root .mobile .euro-image-container {
    background-image: url(/v1.08/r/images/site/Euro_Coupon_Header_Mobile.webp);
    background-size: 100%;
    background-position: center center;
}

#root .mobile .copa-image-container {
    background-image: url(/v1.08/r/images/site/Copa_Coupon_Header_Mobile.webp);
    background-size: cover;
    background-position: center center;
}

.euro-image-container div {
    /* display: none */
}

#root app-sports-coupon.euro .sports-coupon .events-sport-coupon-title:before {
    content: "";
    display: inline-block;
    height: 24px;
    width: 36px;
    background-image: url('/v1.08/r/images/site/flags/euro.svg');
    background-size: cover;
    margin: 0 8px 0 4px;
}

#root app-sports-coupon.copa .sports-coupon .events-sport-coupon-title:before {
    content: "";
    display: inline-block;
    height: 24px;
    width: 36px;
    background-image: url('/v1.08/r/images/site/flags/copa-america.svg');
    background-size: cover;
    margin: 0 8px 0 4px;
}

#root .league-select-page .nav-feature, #root .league-select-page .nav-category-panel .nav-tournament-wrapper {
    height: 60px;
}

.nav-sports-page .nav-feature .nav-feature-tournament {
    line-height: 20px;
    font-weight: 700;
    font-size: 15px
}

.nav-sports-page .nav-feature .nav-feature-category {
    opacity: 0.7
}

app-sports-coupon.euro.pregame .tournament-header-wrapper .events-category-flag, app-sports-coupon .tournament-header-wrapper .events-category-flag.tourn-EURA, app-sports-coupon .tournament-header-wrapper .events-category-flag.tourn-EURB, app-sports-coupon .tournament-header-wrapper .events-category-flag.tourn-EURC, app-sports-coupon .tournament-header-wrapper .events-category-flag.tourn-EURD, app-sports-coupon .tournament-header-wrapper .events-category-flag.tourn-EURE, app-sports-coupon .tournament-header-wrapper .events-category-flag.tourn-EURF {
    background-image: url('/v1.08/r/images/site/flags/Euro_Flag.svg')
}

app-sports-coupon.copa.pregame .tournament-header-wrapper .events-category-flag, app-sports-coupon .tournament-header-wrapper .events-category-flag.tourn-CAMA, app-sports-coupon .tournament-header-wrapper .events-category-flag.tourn-CAMB, app-sports-coupon .tournament-header-wrapper .events-category-flag.tourn-CAMC, app-sports-coupon .tournament-header-wrapper .events-category-flag.tourn-CAMD {
    background-image: url('/v1.08/r/images/site/flags/Copa_America_Flag.svg');
}


/* Account - Transaction History */
#root .user-page .transaction-tabs {
    min-height: 40px;
    max-height: 40px;
    /* padding: 0px 6px; */
    /* margin-bottom: 8px; */
    width: auto;
    display: inline-flex;
    justify-content: space-around;
    background-color: var(--o-primary-a);
    border-radius: var(--r-d2);
    box-shadow: var(--x-surface-i);
    flex: 1 1 100%;
    width: calc(100% - 32px);
    /* width: 100%; */
    max-width: 760px;
    margin: 16px auto 0;
    z-index: 2;
}

#root.transactions-open .mobile .user-page .transaction-tabs {
    margin: 16px 20px -14px;
}

#root .user-page .transaction-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    /* text-transform: uppercase; */
    margin: 0 auto;
    color: var(--c-f-s);
    line-height: 24px;
    flex: 1 1 50%;
}

#root.show-withdrawals .user-page .withdrawal-tab, #root:not(.show-withdrawals) .user-page .deposit-tab {
    background-color: var(--aw-action);
    border-radius: var(--r-d2);
    font-weight: bold;
    color: var(--c-s-white);
    /* border-bottom: 5px solid var(--o-blue-b); */
    /* box-shadow: var(--x-surface); */
}

#root .user-page .transaction-tab div {
    width: 100%;
    height: 100%;
    line-height: 40px;
    text-align: center
}

#root .user-page .transaction-content {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}

#root.show-withdrawals .user-page .deposit-history, #root:not(.show-withdrawals) .user-page .withdrawal-history {
    display: none
}

.transaction-content table {
    /* border-collapse: collapse; */
}

.transaction-content table > .ui-table-tbody > tr td:first-child {
    background-color: var(--c-o2i)
}