ss/***************************************
---------- TABLE OF CONTENT -------------

# Main Left Sidebar
# Main Left Sidebar Responsive
# Live Left Sidebar
# Right Sidebar
# User Pages Left Sidebar
# User Pages Right Sidebar
# Content Pages Left Sidebar

***************************************/
/***************************************
         Main Left Sidebar
***************************************/
.left-sidebar .navigation {
    width: 100%
}

.hide-small-width {
    display: none
}

.today-coupon > app-widget-host, .left-sidebar .hides-sidebar > app-widget-host {
    align-items: center;
    background-color: var(--c-background);
    cursor: pointer;
    display: flex;
    height: 36px;
    justify-content: flex-start;
    margin-bottom: 4px;
    flex-direction: row
}
.today-coupon.fifa-club-world-cup-coupon > app-widget-host{
    background-color: var(--c-black-e);
    color: var(--c-white-e)
}
.today-coupon .local-time {
    font-size: 10px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 4px;
    left: 0;
    top: 0;
    height: 36px;
    width: 36px;
    /*text-align: center;
    top: calc(50% + 2px);
    transform: translateY(-50%);*/
    font-weight: bold;
    color: var(--c-emphasis-c);
}
.os-mac .today-coupon .local-time{
    left: 1px;
    top: -1px
}

.today-coupon > app-widget-host:hover, .left-sidebar .hides-sidebar > app-widget-host:hover {
    background-color: var(--c-shade);
    color: var(--c-primary)
}

.antepost .left-sidebar .today-coupon.antepost-btn > app-widget-host, .sports-today .left-sidebar .today-coupon.today-btn > app-widget-host, .odds-on-coupon .left-sidebar .today-coupon.bbuilder-btn > app-widget-host, .sports-highlights .left-sidebar .today-coupon.highlights-btn > app-widget-host, .sports-select-page .left-sidebar .today-coupon.sports-select-btn > app-widget-host {
    background-color: var(--c-primary-d);
}

.today-coupon > app-widget-host::before, .hides-sidebar > app-widget-host::before {
    content: "";
    width: 36px;
    min-width: 36px;
    height: 34px;
    background-position: center;
    background-size: 18px;
    background-repeat: no-repeat;
    opacity: .8
}

.hides-sidebar > app-widget-host::before {
    background-image: url(/v1.1046/r/images/cybet/icons/icon_expand_collapse_sidebar.svg)
}

.today-coupon.bbuilder-btn > app-widget-host::before {
    background-image: url(/v1.1046/r/images/site/icons/sports-dark.svg)
}

.today-coupon.today-btn > app-widget-host::before {
    background-image: url(/v1.1046/r/images/cybet/icons/empty-calendar-icon.svg)
}

.today-coupon.antepost-btn > app-widget-host::before {
    background-image: url(/v1.1046/r/images/cybet/icons/icon_outrights_winner.svg)
}

.today-coupon.highlights-btn > app-widget-host::before {
    background-image: url(/v1.1046/r/images/cybet/icons/icon-Medal-dark.svg)
}


.today-coupon.sports-select-coupon.sports-select-btn > app-widget-host::before {
    background-image: url(/v1.1046/r/images/cybet/icons/all-fixtures.png);
    background-size: 25px
}
.today-coupon.fifa-club-world-cup-btn > app-widget-host::before{
    background-image: url(/v1.184/r/images/site/icons/newlogo_FIFA2025.png)
}
.today-coupon.olympics-btn > app-widget-host::before {
    background-image: url(/v1.147/r/images/cybet/sport/icons/Olympics_icon.png);
    background-size: 25px;
    margin-bottom: 3px;
}
.today-coupon.copa-america-btn > app-widget-host::before {
    background-image: url(/v1.139/r/images/cybet/copa/Copa_America_2024_Logo.png);
    background-size: 25px;
}
.today-coupon.eurovision-btn > app-widget-host::before,
.today-coupon.antepot-coupon.sports-select-btn > app-widget-host::before{
     background-image: url(/v1.125/r/images/cybet/icons/eurovision.png);
}

.today-coupon.motorsport-link > app-widget-host::before {
    background-image: url(/v1.1046/r/images/cybet/icons/formula-1.png);
    background-size: 24px;
    background-position: center center;
    background-repeat: no-repeat;
}

.today-coupon.motorcycle-racing-link > app-widget-host::before {
    background-image: url(/v1.1046/r/images/cybet/icons/moto-gp.png);
    background-size: 24px;
    background-position: center center;
    background-repeat: no-repeat;
}
.today-coupon.cybets-btn > app-widget-host::before {
    background-image: url(/v1.165/r/images/cybet/sport/icons/specialbets.png);
    background-size: 18px;
    background-position: center center;
    background-repeat: no-repeat;
}

.today-coupon:hover > app-widget-host::before, .hides-sidebar:hover > app-widget-host::before {
    opacity: 1
}

#root.hide .today-coupon div:not(.filter-time), #root.hide .left-sidebar:not(.live-match-side-coupon) .nav-sport:hover .nav-sport-selector, #root.hide .left-sidebar:not(.live-match-side-coupon) .hides-sidebar-text {
    display: none
}

#root.hide .today-coupon > app-widget-host, #root.hide .left-sidebar:not(.live-match-side-coupon) .hides-sidebar > app-widget-host {
    justify-content: center
}

.left-sidebar .sports-featured-block {
    margin-bottom: 4px
}

.left-sidebar .featured-leagues-header {
    position: relative;
    box-shadow: none;
    background-color: var(--c-background);
    justify-content: center;
    color: var(--c-black-e);
    font-size: 14px;
    text-transform: uppercase;
    border-top: 1px solid var(--c-shade)
}

#root.hide .left-sidebar:not(.live-match-side-coupon) .featured-leagues-header > div {
    display: none
}

.left-sidebar .featured-leagues-header .featured-leagues-title {
    padding: 0 8px;
    white-space: nowrap
}

.left-sidebar .featured-leagues-header .featured-leagues-toggle {
    margin-left: auto
}

.left-sidebar .nav-sport, .desktop .nav-sport:hover {
    color: var(--c-primary)
}

.left-sidebar .nav-sports-header {
    background: var(--c-background);
    color: var(--c-black-e);
    text-transform: uppercase;
    font-weight: bold;
    border-top: 1px solid var(--c-shade);
    border-bottom: 0;
}

.left-sidebar .sports-menu .navbar-toggle {
    margin-left: auto
}

.left-sidebar .sports-menu .navbar-toggle:after, .left-sidebar .featured-leagues-header .featured-leagues-toggle:after {
    content: "";
    background-image: url(/v1.1046/r/images/cybet/icons/arrow-down-dark.svg);
    background-position: center;
    transition: all .3s;
}

.left-sidebar .featured-leagues-content {
    background-color: var(--c-background)
}

.left-sidebar .featured-leagues-content .featured-league {
    display: flex;
    align-items: center;
    position: relative
}
.left-sidebar .featured-leagues-content .featured-league:has(.fifa-club-world-cup){
    display: none
}
.featured-leagues-content .featured-league a:hover {
    color: var(--c-primary);
    background-color: var(--c-shade)
}

#root.hide .left-sidebar:not(.live-match-side-coupon) .nav-sports-header {
    justify-content: center
}

#root.hide .left-sidebar:not(.live-match-side-coupon) .nav-sports-header {
    display: none
}

.left-sidebar .nav-sports-header .nav-sports-title {
    padding: 0 8px
}

.left-sidebar .sports-featured li a {
    color: var(--c-primary);
    width: 100%;
    height: 100%
}

#root.hide .left-sidebar:not(.live-match-side-coupon) .sports-featured li a span {
    display: none
}

#root.hide .left-sidebar:not(.live-match-side-coupon) .sports-featured li a {
    display: flex;
    justify-content: center
}

#root.hide .left-sidebar:not(.live-match-side-coupon) .sports-featured li a .featured-league-category {
    display: flex;
    margin: 0
}

.left-sidebar .sports-featured .featured-league span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[class*='europe>-champions-league'] {
    background-image: url(/v1.1046/r/images/cybet/icons/europe.svg);
    /*filter: invert(50%) sepia(83%) saturate(890%) hue-rotate(345deg) brightness(95%) contrast(97%);*/
}

[class*='europe->-uefa-europa-league'] {
    background-image: url(/v1.1046/r/images/cybet/icons/europe.svg);
}

[class*='europe>-europa-conference-league'] {
    background-image: url(/v1.1046/r/images/cybet/icons/europe.svg);
}

.sports-featured li a .featured-league-category.roland-garros, 
.sports-featured li a .featured-league-category.uefa-nations-league, 
.sports-featured li a .featured-league-category.atp, .sports-featured li a 
.featured-league-category.africa-cup-of-nations,
.sports-featured li a .featured-league-category.wta, 
.sports-featured li a .featured-league-category.wta-125k,
.sports-featured li a .featured-league-category.challenger {
    background-image: url(/v1.184/r/images/site/icons/Tennis-Roland-Garros.png);
     background-size:auto 11px !important;
    border-radius: 50%;
    border: 1px solid var(--c-shade)
}


.sports-featured li a .featured-league-category.challenger,
#root .sports-featured li a .featured-league-category.australian-open,
#root li a .featured-league-category.australian-open,
#root .outrights-coupon .events-category-flag.tennis.australian-open,
.match-league-australian-open .default-sport.tennis.atp.australian-open,
.match-league-australian-open .default-sport.tennis.wta.australian-open,
.match-league-australian-open .default-sport.tennis.atp,
.match-league-australian-open .default-sport.tennis.wta,
.tournament-50142 .default-flag.default-sport.tennis.wta,
.tournament-50141 .default-flag.default-sport.tennis.atp{
    background-image: url(/v1.1046/r/images/site/icons/ao.png);
}
.sports-featured li a .featured-league-category.atp{
    background-image: url(/v1.125/r/images/site/icons/atp.png)
}
.sports-featured li a .featured-league-category.atp.roland-garros,
.sports-featured li a .featured-league-category.wta.roland-garros,
.sports-coupon .default-flag.events-category-flag.roland-garros,
.sports-coupon .tournament-37186 .default-flag.events-category-flag,
.sports-coupon .tournament-37221 .default-flag.events-category-flag,
.tournament-french-open .default-flag.default-sport.tennis.wta,
.tournament-french-open .default-flag.default-sport.tennis.atp{
    background-color:white;
    background-image: url(/v1.184/r/images/site/icons/Tennis-Roland-Garros.png);
    background-size:auto 11px !important;
   
}
.sports-featured li a .featured-league-category.atp.monte-carlo-masters,
.sports-featured li a .featured-league-category.wta.monte-carlo-masters{
     background-image: url(/v1.179/r/images/site/icons/Monte_Carlo_Masters.png)
}
.sports-featured li a .featured-league-category.atp.queens-club,
.default-sport.tennis.atp.queens-club,
.tournament-queens-club .default-sport.tennis.atp,
.search-featured-leagues li a .featured-league-category.atp.queens-club{
     background-image: url(/v1.184/r/images/site/icons/Queens_club_tennis.png)
}

.sports-featured li a .featured-league-category.atp-halle,
.default-sport.tennis.atp-halle,
.tournament-atp-halle .default-sport.tennis.atp,
.search-featured-leagues li a .featured-league-category.atp-halle{
     background-image: url(/v1.184/r/images/site/icons/ATPHalle.png)
}

.sports-featured li a .featured-league-category.wimbledon{
    background-image: url(/v1.190/r/images/site/icons/Wimbledon_new.png );
}

.sports-featured li a .featured-league-category.wta-125k {
    background-image: url(/v1.1046/r/images/site/icons/wta.png);
}
#root .sports-featured li a .featured-league-category.wta-world-tour-finals:not(.roland-garros):not(.australian-open),
#root li a .featured-league-category.wta-world-tour-finals:not(.roland-garros),

#root .sports-featured li a .featured-league-category.miami-open,
.default-sport.tennis.atp.miami-open,
.search-result .default-flag.atp.miami-open,
.default-sport.tennis.wta.miami-open, 
.search-result .default-flag.wta.miami-open,
.tournament-miami-open .default-sport.tennis.atp,
.tournament-miami-open .search-result .default-flag,
.tournament-miami-open .default-sport.tennis.wta, 
.tournament-miami-open .search-result .default-flag,
#root li a .featured-league-category.atp.miami-open,
#root li a .featured-league-category.wta.miami-open{
    background-image: url(/v1.125/r/images/cybet/icons/Miami_Open_presented_by_Itau_logo.png);
}
.sports-featured li a .featured-league-category.us-open:not(.roland-garros):not(.australian-open){
    background-image: url(/v1.162/r/images/cybet/icons/US-open.png);

}
.sports-featured li a .featured-league-category.wta:not(.roland-garros):not(.australian-open), 
li a .featured-league-category.wta:not(.roland-garros){
    background-image: url(/v1.162/r/images/site/icons/wta.png);

}
.site .left-sidebar .sports-featured li a .featured-league-category.bnp-paribas-open{
     background-image: url(/v1.179/r/images/site/icons/BNP_ParibasOpen_IndianWells.png)
}
.site .left-sidebar .sports-featured li a .featured-league-category.mutua-madrid-open{
     background-image: url(/v1.179/r/images/site/icons/mutua_madrid_open.png)
}
#root li a .featured-league-category.italian-open{
     background-image: url(/v1.181/r/images/site/icons/Rome_open.png);
    background-image: url(/v1.181/r/images/site/icons/Rome_open.png);
	background-color:white;
	background-size:auto 100%!important;
}

.sports-featured li a .featured-league-category.uefa-nations-league,
app-sports-coupon .tournament-header-wrapper .events-category-flag.uefa-nations-league,
[class*="match-league-EUR"] .international,
[class*="tourn-EUR"],
.match-league-uefanl .international{
    background-image: url(/v1.162/r/r/images/cybet/icons/nations_league2.png);
    border: 1px solid var(--c-shade-b);
    background-size: 19px !important;
    height: 13px !important;
    width: 19px
}

.sports-featured li a .featured-league-category.africa-cup-of-nations ,
.tourn-AFCONQ,
.africa-cup-of-nations,
[class*="match-league-ANCG"] .international{
    background-image: url(/v1.1046/r/images/site/icons/caf.png);
}

.left-sidebar .sports-featured li a .featured-league-category, .left-sidebar .nav-favorites-wrapper .nav-favorites-panel .nav-favorite .default-flag, .default-flag, .default-sport:not(.sport-icon), .mobile .navigation li a .featured-league-category {
    background-size: 19px!important;
    height: 13px!important;
    width: 18px;
    border: 1px solid var(--c-shade-b);
    border-radius: 2px;
    margin-top: auto;
    margin-bottom: auto;
    background-repeat: no-repeat;
    background-position: center center
}
#root .entertainment.eurovision{
    background-image: url(/v1.125/r/images/cybet/icons/eurovision.png);
    background-size: contain !important;
}

.left-sidebar .sports-featured li a .featured-league-category {
    margin-top: 7px
}
.sports-featured li a .featured-league-category.olympic-games ~ .featured-league-sportcode {
    display:none;
}
.left-sidebar .sports-featured .featured-league-sport {
    display: none
}

.left-sidebar .sports-featured .featured-league-sportcode, .left-sidebar .nav-favorites-panel .default-sport {
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    order: -1;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 20px;
    background-size: 14px;
    top: 10px;
}

.left-sidebar .sports-featured .featured-league-name {
    padding: 0 5px 0 10px
}

.left-sidebar .sports-menu .nav-sport {
    position: relative;
    padding: 4px 12px 4px 0px;
    display: flex;
    flex: 0 0 100%;
    align-items: center;
    cursor: pointer;
    min-height: 36px;
    border: 0;
    background-color: var(--c-background)
}

.left-sidebar .sports-menu .nav-sport.active {
    background-color: var(--c-primary-d)
}

#root.hide .left-sidebar:not(.live-match-side-coupon) .sports-menu .nav-sport {
    justify-content: center;
    padding: 0
}

#root.hide .left-sidebar:not(.live-match-side-coupon) .sports-menu .nav-sport > div {
    display: none
}

#root.hide .left-sidebar:not(.live-match-side-coupon) .sports-menu .nav-sport .nav-sport-icon {
    display: flex
}

.left-sidebar .nav-sport-wrapper .nav-sport-counter, .left-sidebar .nav-sport-wrapper .navbar-section-counter, .left-sidebar .nav-favorites-panel .nav-favorite-counter, .left-sidebar .nav-favorites-wrapper .nav-favorites-counter {
    margin-left: auto;
    font-size: 11px;
    min-width: 18px;
    text-align: right;
    font-style: italic
}

.left-sidebar .nav-tournament .nav-tournament-selector, #root .left-sidebar .nav-category .nav-category-selector, #root .left-sidebar .nav-sport-selector {
    opacity: .8;
    border: 1px solid var(--c-shade-b);
    min-width: 18px;
    min-height: 18px;
    margin: 0 0 0 10px;
    background-image: none;
    background-size: cover
}

.left-sidebar .nav-tournament .nav-tournament-selector.checked, #root .left-sidebar .nav-category.checked .nav-category-selector, #root .left-sidebar .nav-sport.partially-checked .nav-sport-selector, #root .left-sidebar .nav-sport.checked .nav-sport-selector {
    background-image: url(/v1.1046/r/images/cybet/icons/icon-check-dark.svg);
    opacity: 1
}

.left-sidebar .nav-sport .nav-sport-toggle, .left-sidebar .sports-menu .nav-sport.active .nav-sport-toggle {
    background: url(/v1.1046/r/images/cybet/icons/arrow-down-dark.svg) center center no-repeat;
    display: flex;
    position: absolute;
    right: 0;
    height: 36px;
    width: 36px;
    left: auto;
}

.left-sidebar .sports-menu .nav-sport.active .nav-sport-toggle {
    background-color: transparent;
    transform: rotate(180deg)
}

.left-sidebar .nav-sport .nav-sport-name {
    flex: 1;
    height: 28px;
    align-items: center;
    display: flex
}

#root .left-sidebar .sports-menu .nav-sport-selector, #root .left-sidebar .sports-menu .nav-sport-selector {
    margin-right: 30px
}

/*.left-sidebar .nav-sport .nav-sport-counter{
    transition: .3s
}
.left-sidebar .nav-sport:hover .nav-sport-counter,
.left-sidebar .sports-menu .nav-sport.active .nav-sport-counter,{
    margin-right: 30px
}*/
.left-sidebar .default-sport, .left-sidebar .default-sport-icon {
    height: 20px;
    width: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.left-sidebar .nav-category.active {
    color: var(--c-primary);
    box-shadow: none
}

.left-sidebar .nav-favorites-wrapper {
    font-weight: bold;
    color: var(--c-white-e)
}

.left-sidebar .nav-favorites-wrapper .nav-favorites-header {
    position: relative
}

.left-sidebar .nav-favorites-wrapper .nav-favorites-header:hover {
    background-color: var(--c-shade);
}

.left-sidebar .nav-favorites-wrapper .nav-favorites-header .nav-favorites-toggle {
    background: url(/v1.1046/r/images/cybet/icons/arrow-down-dark.svg) center center no-repeat;
    display: flex;
    position: absolute;
    right: 0;
    height: 36px;
    width: 36px;
    left: auto;
    transition: all .3s
}

.left-sidebar .nav-favorites-wrapper .nav-favorites-header.expanded .nav-favorites-toggle {
    background-color: transparent;
    transform: rotate(180deg)
}

.left-sidebar .nav-favorites-wrapper .nav-favorites-header .nav-favorites-counter {
    margin-right: 30px
}

.left-sidebar .nav-favorites-wrapper .nav-favorites-header .nav-favorites-selector {
    display: none
}

.left-sidebar .nav-favorites-wrapper .nav-favorites-header .nav-favorites-name {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}

.left-sidebar .nav-favorites-header.expanded .nav-favorites-name {
}

.left-sidebar .nav-favorites-wrapper .nav-favorite-name .nav-favorite-tournament {
    padding: 0 5px 0 10px;
}

.left-sidebar .nav-favorites-wrapper .nav-favorites-panel .default-sport {
    left: 41px;
    top: 12px;
}

.left-sidebar .nav-favorites-wrapper .nav-favorites-panel .nav-favorite {
    flex: 1 1 100%;
    min-height: 36px;
    height: 100%;
    position: relative
}

.left-sidebar .nav-favorites-wrapper .nav-favorites-panel .nav-favorite:hover {
    background-color: var(--c-shade-b);
    font-weight: bold;
}

/* .left-sidebar .nav-favorites-wrapper .nav-favorites-panel .nav-favorite .default-flag{
    display: none
} */
.left-sidebar .nav-favorites-wrapper .nav-favorites-panel .nav-favorite .nav-favorite-name:hover {
}

.left-sidebar .nav-sport-wrapper {
    display: flex;
    flex-wrap: wrap;
    background-color: var(--c-primary-d)
}

.left-sidebar .nav-sport-wrapper .nav-sport:hover {
    background-color: var(--c-shade)
}

.left-sidebar .nav-sports .nav-sport-wrapper .nav-sport-panel {
    display: flex;
    flex: 1 1 100%;
    flex-direction: column;
    /* max-height: 500px;
    overflow-y: auto; */
}

#root.hide .left-sidebar:not(.live-match-side-coupon) .nav-sports .nav-sport-wrapper .nav-sport-panel {
    display: none
}

/* .left-sidebar .nav-sports .nav-sport-wrapper ::-webkit-scrollbar{
    background-color: var(--c-shade)
}
.left-sidebar .nav-sports .nav-sport-wrapper ::-webkit-scrollbar-thumb {
    background-color: var(--c-background);
    border: solid 1px var(--c-shade-b)
} */
.left-sidebar .nav-sports .nav-sport-wrapper .nav-sport-panel .nav-additional {
    display: none
}

.left-sidebar .nav-sports .nav-sport-wrapper .nav-sport-panel .nav-category {
    color: var(--c-primary);
    height: unset;
    display: flex;
    min-height: 40px;
    align-items: center;
    padding: 0 8px 0 10px;
    cursor: pointer
}

.left-sidebar .nav-sports .nav-sport-wrapper .nav-sport-panel .nav-category:hover {
    background-color: var(--c-shade-b);
    font-weight: bold
}

.left-sidebar .nav-sports .nav-sport-wrapper .nav-sport-panel .nav-category-panel {
    background-color: var(--c-background);
}

.left-sidebar .nav-category-wrapper .nav-category-panel .nav-tournament-wrapper {
    padding: 5px 0 5px 30px
}

.left-sidebar .nav-category-wrapper .nav-category-panel .nav-tournament-wrapper:hover {
    background-color: var(--c-shade-b);
}

.left-sidebar .cybeyt-element {
    /*position: absolute;
    top: calc(100vh - 250px);
    z-index: 0*/
    margin-top: 50px
}

.left-sidebar .cybeyt-element > img {
    max-width: 256px
}

.left-sidebar .sports-menu, .left-sidebar .sports-featured, .left-sidebar .today-coupon, .left-sidebar .hides-sidebar, .footer, .right-sidebar .tabbed-betslip-container, .right-sidebar .betslip-notifications-wrapper {
    z-index: 2;
    position: relative
}

.right-sidebar .right-sidebar-banners {
    padding: 10px 0
}

.right-sidebar .right-sidebar-banner {
    padding-bottom: 10px
}

.right-sidebar .right-sidebar-banner img {
    max-width: 100%;
    cursor: pointer
}

.right-sidebar .right-sidebar-banner img:hover {
    opacity: .7
}

.right-sidebar .cybeyt-element {
    /* position: absolute;
    top: calc(100vh - 490px);
    z-index: 0 */
    margin-top: 70px;
    text-align: center
}

.right-sidebar .cybeyt-element > img {
    max-width: 320px
}

.desktop.lang-en .right-sidebar .right-sidebar-banner:not(.en), .desktop .right-sidebar .right-sidebar-banner.en {
    display: none
}

.desktop.lang-en .right-sidebar .right-sidebar-banner.en {
    display: block
}
.tab-tag {
    font-size:12px;
    line-height:1;
    font-weight:bold;
    padding:2px 4px;
    background-color:#00eeff;
    border-radius:4px;
    display:flex;
    align-items:center;
    margin-left:4px;
    color:var(--c-black-e)
}
.today-coupon-mobile .tab-tag {
    position:absolute;
    left:50%;
    transform:translate(5px)
}

/***************************************
         Live Left Sidebar
***************************************/
.left-sidebar .favorites-sports-coupon .events-no-matches {
    margin: 0;
    transform: unset;
    padding: 15px;
    color: var(--c-white)
}

.leftsidebar-menu-item {
    background-color: var(--c-primary-c);
    color: var(--c-white-e);
    padding: 10px;
    font-size: 13px;
    display: flex;
    align-items: center;
    cursor: pointer
}

.leftsidebar-menu-item::before {
    content: "";
    height: 24px;
    width: 24px;
    background-image: url(/v1.1046/r/images/cybet/icons/icon-live-calendar-yellow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.leftsidebar-menu-item > app-widget-host {
    padding-left: 15px
}

.leftsidebar-menu-item .sidebar-title {
    text-transform: uppercase;
    line-height: 16px
}

.live-match-side-coupon .hides-sidebar > app-widget-host {
    color: var(--c-white);
    background-color: var(--c-primary-c)
}

.live-match-side-coupon .hides-sidebar > app-widget-host:hover {
    background-color: var(--c-primary-b);
    color: var(--c-white-e)
}

.live-match-side-coupon .hides-sidebar > app-widget-host::before {
    background-image: url(/v1.1046/r/images/cybet/icons/icon_expand_collapse_sidebar-white.svg)
}

#root .live-match-side-coupon .odds-selection-down-after, #root .live-match-side-coupon .odds-selection-up-after {
    display: none
}

/*.left-sidebar .live-sports-coupon{
    height: calc(100vh - 116px);
    overflow-y: auto
}*/
.live-match-page .right-sidebar {
    height: calc(100vh - 64px);
    overflow-y: auto;
    position: relative
}

#root .left-sidebar .events-sport-header {
    background-color: var(--c-black);
}

.left-sidebar .live-sports-coupon::-webkit-scrollbar {
    background-color: var(--c-primary-e)
}

.left-sidebar .live-sports-coupon::-webkit-scrollbar-thumb {
    background-color: var(--c-primary-b);
    border: solid 1px var(--c-shade-b)
}

.left-sidebar.live-match-side-coupon .favorites-sports-coupon {
    margin-bottom: 2px
}

.left-sidebar.live-match-side-coupon .events-wrapper {
    background-color: var(--c-primary-e)
}

.left-sidebar.live-match-side-coupon app-sports-coupon .tournament-header-wrapper {
    background-color: var(--c-primary-c)
}

.left-sidebar.live-match-side-coupon .events-tournaments-wrapper .events-tournament-content {
    background-color: var(--c-primary)
}

#root .left-sidebar.live-match-side-coupon .events-sport-header {
    padding-right: 8px;
    cursor: pointer;
    margin-bottom: 4px;
}

.live-match-side-coupon .events-sport-wrapper .events-sport-header .events-sport-name-wrapper .event-sport-counter {
    display: block
}

.left-sidebar.live-match-side-coupon app-market-headings-container {
    display: none
}

.left-sidebar.live-match-side-coupon .events-sport-coupon-title {
    align-items: center;
    background-color: var(--c-primary);
    box-sizing: border-box;
    color: var(--c-white-e);
    display: flex;
    font-weight: bold;
    height: 48px;
    letter-spacing: 0.015em;
    width: 100%;
    padding: 0 13px
}

.left-sidebar.live-match-side-coupon .events-sport-coupon-title.no-matches, .left-sidebar.live-match-side-coupon .events-sport-coupon-title.no-matches + app-auto-pagination + .events-no-matches {
    /*display: none */
}

.left-sidebar.live-match-side-coupon .events-tournament-header .events-category-tournament-names .events-tournament-name {
    width: 218px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.left-sidebar.live-match-side-coupon .events-sport-coupon-title:before {
    display: block;
    width: 20px;
    height: 25px;
    content: url(/v1.1046/r/images/cybet/icons/Star-On.svg);
    background-position: center;
    margin-right: 5px
}

.left-sidebar.live-match-side-coupon .toggle-button {
    display: flex;
    margin-left: auto;
}

.left-sidebar.live-match-side-coupon .toggle-button:after {
    content: "";
    height: 20px;
    width: 20px;
    background-image: url(/v1.1046/r/images/cybet/icons/arrow-down.svg);
    background-position: bottom;
    background-size: 20px 20px;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    -ms-transition: -ms-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
}

.left-sidebar.live-match-side-coupon .toggle-button.expanded:after {
    content: "";
    transform: rotate(180deg)
}

.left-sidebar.live-match-side-coupon .events-item-wrapper {
    height: 100%;
}

.left-sidebar.live-match-side-coupon .events-item-wrapper.selected-match {
    background-color: var(--c-emphasis-d);
    border-right: 2px solid var(--c-emphasis)
}

.left-sidebar.live-match-side-coupon .events-item-wrapper:not(:last-child) {
    border-bottom: 4px solid var(--c-primary-c)
}

#root .left-sidebar.live-match-side-coupon .item-info-wrapper {
    width: 100%;
    flex: unset;
    padding: 5px 8px 0 0;
    margin: 0;
    align-items: flex-start
}

.left-sidebar.live-match-side-coupon .events-item-wrapper .match-links .match-favorite {
    background-image: url(/v1.1046/r/images/cybet/icons/Star-Off-white.svg);
    opacity: .7
}

.left-sidebar.live-match-side-coupon .events-item-wrapper .match-links .match-favorite:hover {
    opacity: 1
}

.left-sidebar.live-match-side-coupon .events-item-wrapper .match-links .match-favorite.favorite {
    background-image: url(/v1.1046/r/images/cybet/icons/Star-On.svg);
    background-position: top
}

.left-sidebar.live-match-side-coupon .item-info-wrapper .match-info {
    flex: 1 1 100%;
    overflow: hidden;
    position: unset;
    flex-wrap: wrap
}

.left-sidebar.live-match-side-coupon .item-info-wrapper .match-info .match-schedule {
    height: auto;
    width: auto;
    border: 0;
    font-size: 11px;
    color: rgb(255 255 255 / 45%);
    flex: 0 0 100%;
    order: 3;
    flex-direction: row-reverse;
    justify-content: flex-end
}

.left-sidebar app-sports-coupon:not(.carousel-content):not(.coupon-light) .match-schedule .match-code {
    position: unset;
    margin-right: 5px;
    width: 40px
}

.left-sidebar.live-match-side-coupon .events-item-wrapper .match-info .match-teams {
    padding-left: 57px;
    font-weight: normal;
    font-size: 12px;
    padding-bottom: 0
}

.left-sidebar.live-match-side-coupon .events-item-wrapper .match-info .match-teams {
}

.left-sidebar.live-match-side-coupon .events-item-wrapper .match-info .match-first-leg,
.left-sidebar.live-match-side-coupon .events-item-wrapper .match-info .match-aggr{
    position: unset;
    padding-left: 57px;
}

#root .left-sidebar.live-match-side-coupon .match-live-info {
    margin: 0;
    min-width: 75px;
    justify-content: flex-end
}

.left-sidebar.live-match-side-coupon .match-live-info .match-score-server-set-wrapper {
    justify-content: flex-end;
    align-items: flex-start
}

.left-sidebar .match-live-info .match-cards {
    display: flex;
    max-height: 40px;
    padding: 0
}

.left-sidebar .match-live-info .match-cards .yellow-cards {
    padding: 0
}

.left-sidebar .match-live-info .match-cards .red-cards {
    display: flex;
    padding: 0
}

.left-sidebar.live-match-side-coupon .match-live-info .match-score {
    margin-right: 4px
}

.left-sidebar.live-match-side-coupon .match-live-info .match-set-scores {
    margin-right: 4px;
    margin-left: 0
}

#root .left-sidebar.live-match-side-coupon .match-links {
    order: 2;
    min-height: 2px;
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 75px
}

.left-sidebar.live-match-side-coupon .events-item-wrapper .match-links .match-favorite {
    top: 10px;
}

.left-sidebar.live-match-side-coupon .events-item-wrapper .match-links .match-statistics {
    display: block;
    background-image: url(/v1.1046/r/images/cybet/icons/tracker-stats-white.svg);
    background-size: 13px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: .8;
    height: 18px;
    margin: 0;
    display: none
}

.left-sidebar.live-match-side-coupon .events-tournament-wrapper .match-links .match-live-tracker {
    background-size: 16px;
    opacity: .5;
    margin-left: auto;
    margin-right: 10px;
    position: absolute;
    top: 40px;
    right: 0
}

.left-sidebar.live-match-side-coupon .events-tournament-wrapper .match-links .match-live-tracker:hover {
    opacity: 1
}

.left-sidebar.live-match-side-coupon .events-tournament-wrapper .match-links.tracker-visible .match-live-tracker {
    background-image: url("/v1.1046/r/images/cybet/icons/MatchTracker-On.svg");
    opacity: .8
}

.left-sidebar.live-match-side-coupon .events-tournament-wrapper .match-links .match-more-markets, .left-sidebar.live-match-side-coupon .events-tournament-wrapper .match-links .match-min-comb {
    width: auto;
    display: none
}

.left-sidebar.live-match-side-coupon app-sports-coupon .match-markets-wrapper {
    border-top: 1px solid var(--c-shade-b);
    padding: 5px 0
}

.left-sidebar.live-match-side-coupon app-sports-coupon .match-market {
    height: 32px;
    margin-bottom: 4px
}

.left-sidebar.live-match-side-coupon app-sports-coupon .match-market .match-market-wrapper {
    border: 0
}

.desktop .left-sidebar.live-match-side-coupon app-sports-coupon .match-market .match-market-wrapper {
    flex-wrap: unset;
    padding: 0
}

#root .desktop .left-sidebar.live-match-side-coupon app-sports-coupon .match-market .match-market-wrapper .match-odd {
    min-width: 52px;
}

.left-sidebar.live-match-side-coupon .odds-selection-default {
    padding: 0 5px;
    border-bottom: 1px solid var(--c-tint)
}

#root .left-sidebar.live-match-side-coupon .odds-selection-default:hover {
    border-bottom: 1px solid var(--c-tint)
}

.left-sidebar.live-match-side-coupon .odds-selection-default .odd {
    justify-content: space-between;
    display: flex;
    width: 100%;
}

.left-sidebar.live-match-side-coupon .match-market span {
    color: var(--c-emphasis);
    font-weight: bold;
    flex-direction: row
}

.left-sidebar.live-match-side-coupon .match-market .odds-bet-slip-selected span {
    color: var(--c-white)
}

#root .left-sidebar.live-match-side-coupon .match-market .mobile-outcome {
    display: flex;
    color: var(--c-white);
    font-weight: normal
}

.left-sidebar.live-match-side-coupon .match-progress {
    margin-left: 8px
}

/***************************************
           Right Sidebar
***************************************/
/* Tabs */
.body .sidebar-tabs > app-widget-host, .body .mybets-tabs > app-widget-host {
    flex-direction: row;
}

.my-bet-history .sidebar-tabs {
    position: relative
}

#root .right-sidebar .sidebar-my-bets-title, #root .right-sidebar .sidebar-betslip-title, #root .right-sidebar .mybets-open-tab, #root .right-sidebar .mybets-stellted-tab {
    height: 38px;
    background: var(--c-primary-d);
    position: relative;
    display: flex;
    flex: 1;
    justify-content: center;
    font-size: 12px;
    line-height: 38px;
    font-weight: 400;
    color: var(--c-primary);
    text-transform: uppercase;
    cursor: pointer;
    border-bottom: 3px solid transparent
}

#root .right-sidebar .sidebar-my-bets-title > div, #root .right-sidebar .sidebar-betslip-title > div, #root .right-sidebar .mybets-open-tab > div, #root .right-sidebar .mybets-stellted-tab > div {
    width: 100%;
    text-align: center
}

#root .right-sidebar .sidebar-my-bets-title:hover, #root .right-sidebar .sidebar-betslip-title:hover, #root .right-sidebar .mybets-open-tab:hover, #root .right-sidebar .mybets-stellted-tab:hover {
    background: var(--c-shade)
}

#root:not(.mybets-tab) .right-sidebar .sidebar-betslip-title, #root.mybets-tab .right-sidebar .sidebar-my-bets-title, #root.mybets-tab.bet-added .right-sidebar .sidebar-betslip-title {
    font-weight: bold;
    border-bottom: 3px solid var(--c-primary-b)
}

#root.mybets-tab.bet-added .right-sidebar .sidebar-my-bets-title, #root.mybets-tab.mybets-settled .right-sidebar .mybets-open-tab {
    font-weight: normal;
    border-color: transparent
}

#root.mybets-tab .right-sidebar .betslip-container, #root .right-sidebar .my-bets-container, #root.mybets-tab.bet-added .right-sidebar .my-bets-container, #root.mybets-tab.mybets-settled .right-sidebar .bethistory-open, #root.mybets-tab:not(.mybets-settled) .right-sidebar .bethistory-settled {
    display: none
}

#root.mybets-tab .right-sidebar .my-bets-container, #root.mybets-tab.bet-added .right-sidebar .betslip-container, #root.mybets-tab:not(.mybets-settled) .right-sidebar .bethistory-open, #root.mybets-tab.mybets-settled .right-sidebar .bethistory-settled {
    display: flex
}

.add-betslip-counter {
    position: absolute;
    right: 37px;
    top: 7px
}

.add-betslip-counter .empty-betslip {
    padding: 0
}

.add-betslip-counter .bets-number {
    font-size: 11px;
    background-color: var(--c-emphasis);
    width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    line-height: 1.6;
    font-weight: bold;
    padding-top: 3px;
}

.add-betslip-counter .openbets-counter-name {
    display: none
}

/* Expand/Collapse Sidebar */
#root.large .desktop .body .right-sidebar {
    flex: 1 0 500px;
    min-width: 500px;
    max-width: 600px;
}

#root .desktop .right-sidebar .sidebar-content .match-tracker-toggle {
    width: 100%;
    background: var(--c-primary-e)
}


#root .desktop[class*="view-page-sports"] .right-sidebar .sidebar-content .match-tracker-toggle,
#root .desktop.view-page-odds-on-coupon .right-sidebar .sidebar-content .match-tracker-toggle{ 
    display: none
}
#root .desktop .right-sidebar .sidebar-content .match-tracker-toggle > app-widget-host {
    height: 40px;
    display: flex;
    align-items: center;
    flex-direction: row;
}

/* #root .desktop.view-page-live-match .right-sidebar .sidebar-content .match-tracker-toggle,
#root .desktop.view-page-live .right-sidebar .sidebar-content .match-tracker-toggle{
    background: var(--c-primary-e)
} */
#root .desktop .right-sidebar .match-tracker-toggle .max-icon {
    width: 28px;
    height: 28px;
    /* background-image: url(/v1.1046/r/images/cybet/icons/icon-expand-dark.svg); */
    background-image: url(/v1.1046/r/images/cybet/icons/icon-expand-white.svg);
    transform: rotate(90deg);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 5px;
    cursor: pointer
}

/* #root .desktop.view-page-live-match .right-sidebar .match-tracker-toggle .max-icon,
#root .desktop.view-page-live .right-sidebar .match-tracker-toggle .max-icon{
    background-image: url(/v1.1046/r/images/cybet/icons/icon-expand-white.svg);
} */
#root.large .desktop .right-sidebar .match-tracker-toggle .max-icon {
    /*  background-image: url(/v1.1046/r/images/cybet/icons/icon-collapse-dark.svg) */
    background-image: url(/v1.1046/r/images/cybet/icons/icon-collapse-white2.svg);
}

/* #root.large .desktop.view-page-live-match .right-sidebar .match-tracker-toggle .max-icon,
#root.large .desktop.view-page-live .right-sidebar .match-tracker-toggle .max-icon{
    background-image: url(/v1.1046/r/images/cybet/icons/icon-collapse-white2.svg);
} */
#root .desktop.device-desktop .right-sidebar .match-tracker-toggle .max-icon:hover {
    opacity: .75
}

/* Expand/Collapse Match Tracker */
.desktop .sidebar-content app-tracker-streamer-toolbar {
    position: relative;
    position: absolute;
    right: 0;
    top: 0px;
    height: 40px;
   
}
#root .desktop .show-hide-component.tracker{
    display: flex;
        align-items: center;
    height: 100%;
    gap: 5px;
    padding: 5px;    
    font-size: 0;
    cursor: pointer
}
.desktop .show-hide-component.tracker:before{
    content: "";
    background-image: url(/v1.125/r/images/cybet/icons/MatchTracker-Off.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px
}
.desktop .show-hide-component.tracker:after{
     content: "";
    background-image: url(/v1.125/r/images/cybet/icons/arrow-down.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;   
    transition: all .3s;
     transform: rotate(180deg);
}

.desktop .show-hide-component.tracker.hidden:after{
       transform: rotate(0deg);
}






.desktop .beto-live-match-tracker > app-tracker-streamer-toolbar:before {
    content: "";
    display: flex;
    margin: 0;
    order: 2;
    width: 22px;
    height: 22px;
    color: transparent;
    background: url(/v1.011/r/images/cybet/icons/MatchTracker-Off.svg) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: -31px;
    right: 45px;
    cursor: pointer
}

.desktop .beto-live-match-tracker > app-tracker-streamer-toolbar .show-hide-component, .desktop .beto-live-match-stream > app-tracker-streamer-toolbar .show-hide-component {
    font-size: 0;
    line-height: 0;
    display: block
}

.desktop .beto-live-match-tracker > app-tracker-streamer-toolbar .show-hide-component:before, .desktop .beto-live-match-stream > app-tracker-streamer-toolbar .show-hide-component:before {
    content: "";
    display: flex;
    margin: 0 auto;
    width: 24px;
    height: 24px;
    color: transparent;
    background: url(/v1.011/r/images/cybet/icons/arrow-down.svg) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: -32px;
    right: 10px;
    transform: rotate(180deg);
    transition: all .3s;
    cursor: pointer
}

.desktop .beto-live-match-tracker > app-tracker-streamer-toolbar .show-hide-component.hidden:before {
    transform: rotate(0);
}

.streamer.hidden {
    display: block
}

.match-streamer app-window-tabs, .match-tracker app-window-tabs {
    position: relative;
    width: 100%;
    display: block;
}



#lmtContainer:has(app-window-tabs .livetracker-tabs) .show-hide-component.tracker:before{
    display: none
}
.desktop .window-tabs.livestreamer-tabs, .desktop .window-tabs.livetracker-tabs {
    position: absolute;
    top: -32px;
    right: 44px;
    color: white;
    width: auto;
}

.desktop .window-tabs.livestreamer-tabs .window-tab, .desktop .window-tabs.livetracker-tabs .window-tab {
    font-size: 0;
    width: 22px;
    height: 22px;
}

.desktop .window-tabs.livestreamer-tabs .window-tab.livestreamer-tab, .desktop .window-tabs.livetracker-tabs .window-tab.livetracker-tab {
    background-image: url(/v1.1049/r/images/site/icons/live-streaming-icon.png);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
}

.desktop .window-tabs.livestreamer-tabs .window-tab.livestreamer-tab:last-child, .desktop .window-tabs.livetracker-tabs .window-tab.livetracker-tab:last-child {
    background-image: url(/v1.011/r/images/cybet/icons/MatchTracker-Off.svg);
}

.desktop .window-tabs.livestreamer-tabs .window-tab.livestreamer-tab:first-child, .desktop .window-tabs.livetracker-tabs .window-tab.livetracker-tab:first-child {
    margin-right: 14px;
}
#root .sravvpl_wrapper.sravvpl_theme_0, #root .sravvpl_wrapper.sravvpl_theme_0 {
    width: 100%!important;
    position: relative;
    overflow: hidden;
    height: 0 !important;
    padding-top: 56.25%;
}
/* .desktop:not(.view-page-live-match):not(.view-page-live) .beto-live-match-tracker > app-tracker-streamer-toolbar .show-hide-component:before,
.desktop:not(.view-page-live-match):not(.view-page-live) .beto-live-match-tracker > app-tracker-streamer-toolbar:before{
    filter: invert(1)
} */
/* Betslip */
#root .betslip-container .multiple-container .multiple-wrapper .multiple-odds {
    text-align: right
}

.sidebar-content {
    max-height: unset
}

#root .tabbed-betslip-content .my-bet-history {
    display: block
}

.desktop .tabbed-betslip-content .my-bet-history .mybets-tabs {
    background-color: var(--c-primary-d);
    padding: 5px 3px 0
}

.desktop .tabbed-betslip-content .my-bet-history .mybets-tabs > app-widget-host {
    border-radius: 20px;
    border: 1px solid var(--c-shade-b);
    overflow: hidden;
}

.desktop .tabbed-betslip-content .my-bet-history .mybets-tabs .mybets-open-tab, .desktop .tabbed-betslip-content .my-bet-history .mybets-tabs .mybets-stellted-tab {
    border-radius: 20px;
    overflow: hidden;
}

#root.mybets-tab .desktop .right-sidebar .mybets-open-tab, #root.mybets-tab.mybets-settled .desktop .right-sidebar .mybets-stellted-tab {
    background: var(--c-primary);
    color: var(--c-white-e);
}

#root.mybets-tab.mybets-settled .desktop .right-sidebar .mybets-open-tab {
    background: unset;
    color: unset
}

#root .betslip-notifications button.close-notification, #root .betslip-notifications button.reload-selections {
    line-height: 40px
}

#root .betslip-container .systems-rows-container .system-selections {
    justify-content: space-between
}

#root .betslip-container .systems-rows-container .system-selections .systems-selections {
    max-width: calc(100% - 200px)
}

#root .betslip-container .systems-rows-container .system-selections .systems-selections .system-element {
    margin: auto 0
}

#root .betslip-container .systems-rows-container .system-selections .systems-selections > span {
    line-height: 24px
}

#root .header-titles-container .multiple-lines {
    height: 20px!important
}

#root .betslip-container .multiple-container .multiple-wrapper .multiple-lines {
    text-align: left
}

#root .betslip-container .multiple-container .multiple-wrapper .multiple-type .block-value {
    padding-left: 6px
}

#root .header-titles-container .system-lines {
    width: 32px;
    left: auto;
    right: 160px;
    height: 20px!important
}

#root .header-titles-container .multiple-odds, #root .header-titles-container .system-odds {
    width: 70px
}

#root .betslip-container .systems-rows-container .system-selection-data > div.amount-input {
    display: flex;
    align-items: center
}

#root .betslip-container .systems-rows-container .system-selection-data .system-lines {
    flex: 0
}

#root .betslip-container .systems-rows-container .system-selection-data .system-lines-wrapper {
    height: 30px;
    line-height: 20px
}

#root .betslip-container .systems-rows-container .system-selection-data .system-odds {
    width: 70px;
    text-align: right;
    margin-right: 9px
}

#root .betslip-bets-container .groups-container .group-details-container {
    flex-wrap: nowrap;
    justify-content: space-between;
}

#root .desktop:not(.view-page-live-match) .betslip-bets-container .groups-container .group-details-container .selections {
    max-width: 150px;
    flex: 1
}

#root .betslip-bets-container .groups-container .group-details-container .group-details-wrapper {
    width: auto;
    flex: 1
}

#root .betslip-bets-container .groups-container .group-details-container .group-details-wrapper .selection-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex: 1;
    justify-content: space-between;
    margin-right: 5px;
    padding: 0;
    height: fit-content
}

#root .betslip-bets-container .groups-container .group-details-container .group-details-wrapper .group-lines {
    line-height: 25px;
    height: 20px;
    flex: 0;
    text-align: right
}

#root .betslip-container .group-system-lines {
    align-items: center;
    display: flex;
    flex: unset;
    flex-direction: row;
}

#root .betslip-bets-container .groups-container .group-details-container .group-details-wrapper .selection-info .value-block.group-lines {
    line-height: normal;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 30px
}

#root .betslip-bets-container .groups-container .group-details-container .group-details-wrapper .selection-info .value-block.group-odds .group-odds-wrapper {
    justify-content: center
}

#root .betslip-bets-container .groups-container .group-details-container .group-details-wrapper .selection-info .value-block.group-odds .group-odds-wrapper .block-value {
    margin: 0
}

#root .betslip-bets-container .groups-container .group-odds {
    display: flex
}

#root .group-odds-wrapper {
    margin: 0
}

#root .betslip-bets-container .all-groups-container .selection-data {
    flex: 1;
    justify-content: flex-end;
    padding: 0
}

#root .betslip-bets-container .all-groups-container .selection-data .selection-info {
    display: flex;
    color: var(--c-white);
    margin-right: 5px;
    align-items: center;
    height: min-content;
    flex: 1;
    justify-content: space-between;
}

.history-systems-wrapper .history-system-wrapper > div.history-system-type, .history-bet-wrapper .history-bet-footer > div.history-bet-odds, .bet-infos-title-wrapper {
    display: none
}

.bet-infos-content {
    border-top: 1px solid #4c4b4b;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px
}

.live-page .cybeyt-element {
    display: none
}

/* My Bets */
.right-sidebar .my-bet-history .history-content-wrapper {
    padding: 5px;
    background-color: var(--c-primary-d)
}

.right-sidebar .my-bet-history .history-bet-wrapper {
    background-color: var(--c-background);
    margin-bottom: 10px;
    border: 2px solid var(--c-primary);
    border-radius: 20px;
    overflow: hidden;
    color: var(--c-primary);
    font-weight: 500
}

.right-sidebar .my-bet-history .history-bet-wrapper:not(.expanded) .history-bet-match-details [class^="history-selection-info"], .right-sidebar .my-bet-history .history-bet-wrapper:not(.expanded) .history-bet-match-details .history-combine-info {
    display: none;
}

.right-sidebar .my-bet-history .history-bet-header {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--c-shade-b);
    padding-left: 8px;
    font0size: 12px
}

.right-sidebar .history-bet-header .history-bet-toggle {
    width: 70px;
    height: 40px;
    background-image: url(/v1.1046/r/images/cybet/icons/arrow-down-dark.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: transform .3s ease-in-out;
    cursor: pointer;
    /* order: 4; */
}

.right-sidebar .history-bet-wrapper.expanded .history-bet-header .history-bet-toggle {
    transform: rotate(180deg);
    border-right: 0
}

.right-sidebar .history-bet-header .history-bet-info {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    align-items: center;
    /*   border-left: 1px solid var(--c-primary-d); */
    white-space: nowrap;
    margin-right: 8px;
}

.right-sidebar .history-bet-header .history-bet-info .history-bet-type {
    margin: 0 10px;
    margin-left: 12px;
    font-weight: bold
}

.right-sidebar .history-bet-header .history-bet-status {
    margin-left: auto;
    margin-right: 10px;
    /* display:none; */
    order: 9;
    font-size: 12px
}

.right-sidebar .history-bet-header .history-bet-status.lost {
    color: var(--c-red)
}

.right-sidebar .history-bet-header .history-bet-status.won, .right-sidebar .history-bet-header .history-bet-status.won-cashout {
    color: var(--c-green)
}

.right-sidebar .history-bet-header .history-bet-date-time-id {
    display: none;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    padding-right: 5px;
    font-size: 13px
}

.right-sidebar .history-bet-header .history-bet-date-time-id > div {
    display: none
}

.right-sidebar .history-bet-header .history-bet-date-time-id .history-bet-id {
    width: 100%;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    font-size: 12px
}

.right-sidebar .history-bet-header .history-bet-date-time-id .history-bet-id:before {
    content: "#";
    padding-right: 3px
}

.right-sidebar .history-bet-content .history-bet-match-wrapper {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    border-left: 3px solid var(--c-shade-b)
}

.right-sidebar .history-bet-content .history-bet-match-wrapper > app-bet-match {
    min-height: unset
}

.right-sidebar .history-bet-content .history-bet-match-details {
    /* background-color:var(--c-primary-b); */
    /* color:
    white; */
    border-bottom: 1px solid var(--c-shade-b);
    border-right: 1px solid var(--c-shade-b)
}

.right-sidebar .history-bet-content .lost .history-bet-match-wrapper {
    border-color: var(--c-red)
}

.right-sidebar .history-bet-content .won .history-bet-match-wrapper {
    border-color: var(--c-green)
}

.right-sidebar .history-bet-content .match-and-time {
    order: 4;
    flex: 1 1 100%;
    max-width: 100%;
    padding: 2px 8px 5px 8px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    /* border-bottom: 1px solid var(--c-primary-d); */
}

.history-bet-wrapper .history-bet-content .history-match-info {
    display: flex;
    flex: 1 1 100%;
    flex-wrap: wrap;
    overflow: hidden
}

.right-sidebar .history-bet-wrapper:not(.expanded) .history-bet-content .match-and-time {
    max-width: 100%;
}

.history-bet-match-wrapper .clickable {
    cursor: pointer
}

#root .right-sidebar .history-bet-content .match-date-code-wrapper {
    padding: 2px 5px 5px 8px;
    display: flex;
    flex-wrap: wrap;
    order: 4;
    max-width: 100%;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
    flex-direction: row-reverse;
}

#root .right-sidebar .history-bet-content .match-date-code-wrapper .betslip-match-code {
    margin-left: 5px;
    padding: 0
}

.right-sidebar .product-live.open .history-bet-content .match-date-code-wrapper .match-date {
    display: none;
}

.right-sidebar .history-bet-match-name {
    width: 100%;
    flex-wrap: wrap
}

.right-sidebar .match-competitors {
    display: flex;
    flex: 1;
    font-weight: bold
}

.right-sidebar .history-bet-match-wrapper app-bet-match .match-and-time .history-match-banker {
}

.right-sidebar .match-competitor {
    max-width: calc(50% - 5px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.right-sidebar .match-competitor.home {
    padding-right: 5px;
}

.right-sidebar .match-competitor.away {
    padding-left: 5px;
}

.right-sidebar .history-bet-content .match-and-time .history-bet-match-time {
    color: #848484
}

.right-sidebar .history-bet-content .market-name .bet-live-info {
    color: #9a9a9a
}

.right-sidebar .history-bet-content .selection-and-odds {
    order: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
    /* flex: 1 1 30%; */
    width: 100%;
}

.right-sidebar .history-bet-content .selection-and-odds .history-bet-odds {
    /* color: var(--c-emphasis); */
    font-weight: bold
}

#root .right-sidebar app-history .history-systems-wrapper .history-system-wrapper.history-bet-header {
    padding: 5px 8px;
    color: #9a9a9a;
    background-color: var(--c-primary);
    font-size: 0.9em;
}

#root .right-sidebar app-history .history-systems-wrapper {
    /* background-color:var(--c-primary); */
    /* color:
    var(--c-white); */
}

#root .right-sidebar app-history .history-systems-wrapper .history-system-wrapper, #root .right-sidebar app-history .history-systems-wrapper .history-system-wrapper.accumulator {
    display: flex;
    padding: 5px 8px;
    border-bottom: 1px solid var(--c-shade-b)
}

.right-sidebar .history-systems-wrapper .history-system-wrapper > div:not(:first-child) {
    flex: 1 1 25%
}

.right-sidebar .history-bet-footer {
    display: flex;
    flex-direction: column;
    padding: 5px 0px;
    /* background-color:var(--c-primary); */
    /* color:
    var(--c-white); */
}

.right-sidebar .history-bet-footer .history-bet-stake, .right-sidebar .history-bet-footer .history-bet-possible-winnings, .right-sidebar .history-bet-footer .history-bet-winnings, .right-sidebar .history-bet-footer .history-bet-possible-bonus {
    display: flex;
    justify-content: space-between;
    padding: 0 8px;
    line-height: 20px;
    width: 100%;
    font-weight: bold;
}

.right-sidebar .lost .history-bet-footer .history-bet-stake {
    background-color: #ff000040;
}

.right-sidebar .won .history-bet-footer .history-bet-stake {
    /*    background-color:var(--c-green-b);*/
}

.right-sidebar .history-bet-wrapper:not(.expanded) .history-bet-footer .history-bet-stake {
    width: 100%;
}

.right-sidebar .history-bet-footer .history-bet-winnings {
    background-color: var(--c-green-b);
}

.right-sidebar .history-bet-footer .history-bet-stake span:first-child, .right-sidebar .history-bet-footer .history-bet-possible-winnings span:first-child, .right-sidebar .history-bet-footer .history-bet-possible-bonus span:first-child {
    color: var(--c-primary)
}

.right-sidebar .history-bet-footer .history-bet-stake span:last-child, .right-sidebar .history-bet-footer .history-bet-possible-winnings span:last-child, .right-sidebar .history-bet-footer .history-bet-winnings span:last-child, .right-sidebar .history-bet-footer .history-bet-possible-bonus span:last-child {
    font-weight: bold
}

.right-sidebar .history-bet-footer .history-bet-stake span:last-child, .right-sidebar .history-bet-footer .history-bet-possible-winnings span:last-child {
    display: flex;
    align-items: flex-end;
}

.right-sidebar .history-bet-wrapper .bet-infos {
    display: none
}

.right-sidebar .history-bet-wrapper .history-actions-wrapper .history-bet-action {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--c-emphasis);
    padding: 10px 15px;
    text-transform: uppercase;
    font-weight: bold;
    color: var(--c-primary);
    border-radius: 0
}

.right-sidebar .history-bet-wrapper .history-actions-wrapper .history-bet-action:hover {
    border: solid 1px var(--c-tint)
}

#root .history-bet-wrapper .history-actions-wrapper .history-bet-confirm, #root .history-bet-wrapper .history-actions-wrapper .history-bet-cancel {
    color: var(--c-white-e);
    opacity: .8
}

#root .history-bet-wrapper .history-actions-wrapper .history-bet-confirm:hover, #root .history-bet-wrapper .history-actions-wrapper .history-bet-cancel:hover {
    opacity: 1
}

#root .history-bet-wrapper .history-actions-wrapper .history-bet-confirm {
    order: 2
}

#root .history-bet-wrapper .history-actions-wrapper .history-bet-cancel {
    margin-bottom: 10px;
    order: 1
}

#root .history-bet-wrapper .history-actions-wrapper {
    flex-direction: column;
    background-color: #fff;
}
#root .history-bet-wrapper.has-bet-builder .history-actions-wrapper .history-bet-cashout{
    display: none
}

.right-sidebar .history-bet-wrapper:not(.expanded) .history-bet-content .match-and-time .history-bet-match-time, #root .right-sidebar .history-bet-wrapper:not(.expanded) .history-bet-content .match-date-code-wrapper, .right-sidebar .history-bet-wrapper:not(.expanded) .history-bet-content .history-bet-match-details .market-name, .right-sidebar .history-bet-wrapper:not(.expanded) .history-systems-wrapper {
    display: none
}

.right-sidebar .history-bet-wrapper:not(.expanded) .history-bet-content .match-and-time {
    padding-top: 5px
}

.right-sidebar .history-bet-wrapper:not(.expanded) .history-bet-content .history-bet-match-wrapper {
    /* flex-wrap: nowrap; */
    align-items: center
}

.history-bet-header .history-bet-stake {
    display: none;
    flex-direction: column;
}

.history-bet-wrapper .history-bet-content .history-combine-info {
    width: 100%;
    padding: 5px 8px;
    display: flex;
    order: -1
}

.history-bet-wrapper .history-bet-content .history-combine-info .combine-type {
    font-size: 0;
    white-space: nowrap;
    display: flex
}

.history-bet-wrapper .history-bet-content .history-combine-info .combine-type:before {
    content: "Bet Builder";
    font-size: 12px;
    display: block;
}

.right-sidebar .history-bet-content .history-combine-info .selection-and-odds {
    justify-content: flex-end;
}

/* Bet Checker */
.bookbet-checker {
    min-width: 320px;
    max-width: 400px;
    margin: 0 auto;
}

.bookbet-checker .bookbet-title {
    background: var(--c-primary-d);
    position: relative;
    display: flex;
    flex: 1;
    justify-content: center;
    font-size: 12px;
    line-height: 38px;
    font-weight: 400;
    color: var(--c-primary);
    text-transform: uppercase;
    cursor: pointer
}

.bookbet-checker .betslip-check-form > form {
    display: flex;
    padding: 10px
}

.bookbet-checker .betslip-check-form .betslip-check-form-input {
    flex: 1
}

.bookbet-checker .betslip-check-form .betslip-check-form-input input {
    width: 100%;
    height: 34px;
    line-height: 34px
}

.bookbet-checker .betslip-check-form .betslip-check-form-button {
    display: flex;
    align-items: center;
    background-color: var(--c-emphasis);
    padding: 0 15px;
    height: 34px;
    text-transform: uppercase;
    font-weight: bold;
    color: var(--c-primary);
    cursor: pointer;
    margin-left: 10px;
}

/***************************************
       User Pages Left Sidebar
***************************************/
.internal-left-sidebar {
    background-color: var(--c-primary-b);
    height: calc(100vh - 64px);
    overflow-y: auto;
    min-width: 220px;
    max-width: 220px;
    z-index: 5
}

.internal-left-sidebar .internal-logo {
    margin: 20px auto;
}

.internal-left-sidebar .internal-logo img {
    width: 108px;
    height: auto
}

.internal-left-sidebar .internal-sidebar-menu {
    padding: 0 10px 0 20px
}

.internal-left-sidebar .internal-sidebar-links {
    position: relative
}

.internal-left-sidebar .internal-sidebar-links.personaldata-box {
    display: none
}

.internal-left-sidebar .internal-title {
    font-size: 16px;
    font-weight: bold;
    color: var(--c-white-e);
    cursor: pointer;
    display: flex;
    align-items: center;
    position: relative
}

.internal-left-sidebar .internal-title .logout-button {
    height: 100%;
    width: 100%;
    padding: 20px 0;
    padding-left: 40px;
    z-index: 1;
    background-color: transparent;
    border: 0;
    font-size: 16px;
    font-weight: bold;
    color: var(--c-white-e);
    cursor: pointer;
    display: flex;
    align-items: center;
    position: relative;
}

.internal-left-sidebar .internal-title:hover, .internal-left-sidebar .internal-title .logout-button:hover {
    color: var(--c-white)
}

.internal-left-sidebar .internal-title:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    margin-right: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0
}

.internal-left-sidebar .transactions-title:before {
    background-image: url("/v1.1046/r/images/cybet/icons/credit-cart-white.svg")
}

.internal-left-sidebar .history-title:before {
    background-image: url("/v1.1046/r/images/cybet/icons/history-white.svg")
}

.internal-left-sidebar .profile-title:before {
    background-image: url("/v1.1046/r/images/cybet/icons/profile-2-white.svg")
}

.internal-left-sidebar .personaldata-title:before {
    background-image: url("/v1.1046/r/images/cybet/icons/identification-white.svg")
}

.internal-left-sidebar .promotion-title:before {
    background-image: url("/v1.1046/r/images/cybet/icons/promotion-white.svg")
}

.internal-left-sidebar .contactus-title:before {
    background-image: url("/v1.1046/r/images/cybet/icons/contact-white.svg")
}

.internal-left-sidebar .logout-title:before {
    background-image: url("/v1.1046/r/images/cybet/icons/logout-white.svg")
}

/*#root.transactions .transactions-title:before,
.internal-left-sidebar .transactions-title:hover:before,
#root .account-deposit .transactions-title:before{
    background-image: url("/v1.1046/r/images/cybet/icons/credit-cart-yellow.svg")
}

#root.history .history-title:before,
.internal-left-sidebar .history-title:hover:before,
#root .my-bets .history-title:before{
    background-image: url("/v1.1046/r/images/cybet/icons/history-yellow.svg")
}

#root.profile .profile-title:before,
.internal-left-sidebar .profile-title:hover:before,
#root .account-edit-profile .profile-title:before{
    background-image: url("/v1.1046/r/images/cybet/icons/profile-2-yellow.svg")
}

#root.personaldata .personaldata-title:before,
.internal-left-sidebar .personaldata-title:hover:before{
    background-image: url("/v1.1046/r/images/cybet/icons/identification-yellow.svg")
}
.internal-left-sidebar .promotion-title:before{
    background-image: url("/v1.1046/r/images/cybet/icons/promotion-white.svg")
}
#root.promotion .promotion-title:before,
.internal-left-sidebar .promotion-title:hover:before,
#root .account-bonus .promotion-title:before{
    background-image: url("/v1.1046/r/images/cybet/icons/promotion-yellow.svg")
}

#root.contactus .contactus-title:before,
.internal-left-sidebar .contactus-title:hover:before,
#root .account-message .contactus-totle:before{
    background-image: url("/v1.1046/r/images/cybet/icons/contact-yellow.svg")
}
.internal-left-sidebar .logout-title:hover:before{
    background-image: url("/v1.1046/r/images/cybet/icons/logout-yellow.svg")
}
*/
.internal-left-sidebar .internal-title:after {
    content: "";
    width: 24px;
    height: 24px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(/v1.1046/r/images/cybet/icons/arrow-down.svg);
    position: absolute;
    right: 0;
    transition: transform .3s ease-in-out;
    top: 27%
}

#root.transactions .transactions-title:after, #root.history .history-title:after, #root.profile .profile-title:after, #root.promotion .promotion-title:after, #root.contactus .contactus-title:after {
    transform: rotate(180deg)
}

/*
#root.history .my-bets .history-title:after{
    transform: rotate(0deg)
}
*/
#root .withdraw-history-page .history-title:after, #root .bets-page .history-title:after, #root .deposit-history-page .history-title:after, #root .transactions-page .history-title:after {
    transform: rotate(180deg)
}

#root .deposit-page .transactions-title:after, #root .withdraw-page .transactions-title:after, #root .withdrawalcancellation-page .transactions-title:after {
    transform: rotate(180deg)
}

#root .edit-profile-page .profile-title:after, #root .security-page .profile-title:after, #root .protection-page .profile-title:after, #root .documents-page .profile-title:after {
    transform: rotate(180deg)
}

body:not(.transactions) .transactions, body:not(.history) .history, body:not(.profile) .profile, body:not(.personaldata) .personaldata, body:not(.promotion) .promotion, body:not(.contactus) .contactus {
    max-height: 0;
    overflow: hidden;
    transition: transform .3s ease-in-out
}

#root .withdraw-history-page .history, #root .bets-page .history, #root .deposit-history-page .history, #root .transactions-page .history, #root .deposit-page .transactions, #root .withdraw-page .transactions, #root .withdrawalcancellation-page .transactions, #root .edit-profile-page .profile, #root .security-page .profile, #root .protection-page .profile, #root .documents-page .profile, #root .message-page .contactus, #root .message-thread-page .contactus, #root .contactus-page .contactus {
    max-height: 100%;
    transition: transform .3s ease-in-out;
}

#root .withdraw-history-page .history-title, #root .bets-page .history-title, #root .deposit-history-page .history-title, #root .transactions-page .history-title, #root .deposit-page .transactions-title, #root .withdraw-page .transactions-title, #root .withdrawalcancellation-page .transactions-title, #root .edit-profile-page .profile-title, #root .security-page .profile-title, #root .protection-page .profile-title, #root .documents-page .profile-title, #root .message-page .contactus-title, #root .message-thread-page .contactus-title, #root .contactus-page .contactus-title {
    color: var(--c-emphasis);
}

#root .withdraw-history-page .history-title:before, #root .bets-page .history-title:before, #root .deposit-history-page .history-title:before, #root .transactions-page .history-title:before {
    background-image: url(/v1.1046/r/images/cybet/icons/history-yellow.svg);
}

#root .deposit-page .transactions-title:before, #root .withdraw-page .transactions-title:before, #root .withdrawalcancellation-page .transactions-title:before {
    background-image: url(/v1.1046/r/images/cybet/icons/credit-cart-yellow.svg);
}

#root .edit-profile-page .profile-title:before, #root .security-page .profile-title:before, #root .protection-page .profile-title:before, #root .documents-page .profile-title:before {
    background-image: url(/v1.1046/r/images/cybet/icons/profile-2-yellow.svg);
}

#root .message-page .contactus-title:before, #root .message-thread-page .contactus-title:before, #root .contactus-page .contactus-title:before {
    background-image: url(/v1.1046/r/images/cybet/icons/contact-yellow.svg);
}

/*
#root.history .withdraw-history-page .history-title:after,
#root.history .bets-page .history-title:after,
#root.history .deposit-history-page .history-title:after,
#root.history .transactions-page .history-title:after,
#root.transactions .deposit-page .transactions-title:after,
#root.transactions .withdraw-page .transactions-title:after,
#root.transactions .withdrawalcancellation-page .transactions-title:after,
#root.profile .edit-profile-page .profile-title:after,
#root.profile .security-page .profile-title:after,
#root.profile .protection-page .profile-title:after,
#root.profile .documents-page .profile-title:after,
#root.contactus .message-page .contactus-title:after,
#root.contactus .message-thread-page .contactus-title:after,
#root.contactus .contactus-page .contactus-title:after{
    transform: none
}
*/
.internal-left-sidebar .internal-title.logout-title:after {
    display: none
}

.internal-left-sidebar .internal-title > div {
    display: flex;
    height: 100%;
    width: 100%;
    padding: 20px 0;
    padding-left: 40px;
    align-items: center;
    z-index: 1
}

.internal-left-sidebar .internal-sidebar-link ul {
    flex-direction: column;
    margin-top: 0
}

.internal-left-sidebar .internal-sidebar-link li {
    color: var(--c-white-e);
    padding-bottom: 20px
}

.internal-left-sidebar .internal-sidebar-link li:hover {
    color: var(--c-emphasis)
}

.internal-left-sidebar .internal-sidebar-link a, .internal-left-sidebar .internal-sidebar-link a:hover, .internal-left-sidebar .internal-sidebar-link a.active {
    color: unset;
    background: unset
}

.internal-left-sidebar .internal-sidebar-link a.active {
    color: var(--c-emphasis)
}

.transactions, .history, .profile, .personaldata, .promotion, .contactus {
    max-height: 100%;
    transition: transform .3s ease-in-out
}

/*  #root .account-deposit .transactions,
#root .my-bets .history,
#root .account-edit-profile .profile,
#root .account-bonus .promotion,
#root .account-message .contactus,
#root .account-contactus .contactus{
    max-height: 100%;
    transition: transform .3s ease-in-out
}

#root.history .my-bets .history,
 #root.transactions .account-deposit .transactions,
 #root.contactus .account-message .contactus,
 #root.contactus .account-contactus .contactus{
     max-height: 0;
     overflow: hidden
 }

#root.transactions .transactions-title,
#root.history .history-title,
#root.profile .profile-title,
#root.personaldata .personaldata-title,
#root.promotion .promotion-title,
#root.contactus .contactus-title,
#root .account-deposit .transactions-title,
#root .my-bets .history-title,
#root .account-edit-profile .profile-title,
#root .account-bonus .promotion-title,
#root .account-message .contactus-title{
    color: var(--c-emphasis)
} */
/***************************************
       User Pages Right Sidebar
***************************************/
.betradar-widget-v3 .sr-lmt-plus-lmtpitch {
    color: var(--c-primary-d)
}

.internal-right-sidebar {
    height: calc(100vh - 129px);
    overflow-y: auto;
    min-width: 265px;
    max-width: 265px;
    background-color: var(--c-white-e);
    overflow-x: hidden;
    margin-bottom: 15px
}

.internal-right-sidebar .internal-hide-balance {
    background-color: var(--c-primary-d);
    padding: 8px
}

.internal-right-sidebar .internal-hide-balance .internal-hide-balance-box {
    cursor: pointer
}

.internal-right-sidebar .internal-hide-balance .internal-hide-balance-box > app-widget-host {
    flex-direction: row
}

.internal-right-sidebar .internal-hide-balance .internal-hide-balance-box .incognito-mode {
    display: flex;
    width: 100%;
    align-items: center;
    text-transform: uppercase;
    font-size: 12px
}

.internal-right-sidebar .internal-hide-balance .internal-hide-balance-box .incognito-mode:before {
    display: flex;
    background-image: url(/v1.1046/r/images/cybet/icons/icon-incognito.svg);
    content: '';
    height: 20px;
    width: 20px;
    background-position: center;
    background-size: contain;
    margin-right: 5px;
    opacity: .8
}

.internal-right-sidebar .internal-hide-balance .show-hide-ballance {
    border: 1px solid;
    width: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    position: relative;
}

.internal-right-sidebar .internal-hide-balance .show-hide-ballance:before {
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: var(--c-primary);
    margin: 0 3px;
    transition: all .3s;
    position: absolute;
}

#root.hide-balance .internal-right-sidebar .internal-hide-balance .show-hide-ballance:before {
    right: 0
}

.internal-right-sidebar .internal-title {
    font-size: 20px;
    line-height: 22px;
    padding: 8px
}

.internal-right-sidebar .internal-user-balance {
    padding: 8px;
    border-bottom: 1px solid var(--c-shade)
}

body .internal-sidebar-menu .data-view-text {
    font-weight: normal;
    font-size: 14px;
}

body .internal-sidebar-menu .internal-user-balance-options app-block:not(.column) > app-widget-host {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

body .internal-sidebar-menu .internal-user-balance-options app-block:not(.column) > app-widget-host app-content-block:not(.data-view-text) {
    margin-left: auto;
}

body .internal-sidebar-menu .internal-user-balance-options .internal-available-withdrawalcancel {
    width: 100%;
}

body .internal-sidebar-menu .internal-user-balance > app-widget-host {
    flex-direction: row;
    justify-content: space-between;
    display: flex;
    align-items: center;
}

.internal-right-sidebar > app-widget-host > app-block {
    width: 100%;
}

.internal-right-sidebar .internal-user-balance data-view {
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-size: 16px;
    font-weight: bold
}

.internal-right-sidebar .internal-user-balance data-view:before {
    /* content: "Balance"; */
    font-size: 16px
}

.internal-right-sidebar .internal-user-balance-options data-view {
    display: flex;
    justify-content: space-between;
    width: 100%;
    opacity: .7;
    font-weight: bold
}

.internal-right-sidebar .internal-available-betting, .internal-right-sidebar .internal-available-withdrawal, .internal-right-sidebar .internal-available-bonus, .internal-right-sidebar .internal-available-rollover {
    padding: 8px
}

.internal-right-sidebar .internal-available-betting data-view:before {
    /* content: "Available for Betting"; */
    font-weight: normal;
    font-size: 14px
}

.internal-right-sidebar .internal-available-withdrawal data-view:before {
    /* content: "Available for Withdrawal"; */
    font-weight: normal;
    font-size: 14px
}

body .internal-user-page .internal-user-balance-options .row-reservedwithdraw > app-widget-host {
    padding-bottom: 15px
}

.internal-right-sidebar .internal-available-withdrawalcancel {
    width: 100%
}

.internal-right-sidebar .internal-user-balance-options .internal-available-withdrawalcancel data-view:before {
    /* content: "Reserved to Withdraw"; */
    font-weight: normal;
    font-size: 14px
}

.internal-user-page .internal-user-balance-options .column-reservedwithdraw .button-undefined {
    width: 100%;
    background-color: var(--c-primary);
    font-size: 12px;
    font-weight: bold
}

.internal-right-sidebar .internal-available-bonus data-view:before {
    /* content: "Bonus"; */
    font-weight: normal;
    font-size: 14px
}

#root .internal-available-rollover > app-widget-host {
    flex-direction: row
}

.internal-available-rollover .internal-available-rollover-current {
    width: 100%
}

.mobile .internal-available-rollover > app-widget-host {
    display: flex
}

.mobile .internal-available-rollover-current {
    width: 100%
}

.internal-right-sidebar .internal-available-rollover .internal-available-rollover-current data-view:before {
    /* content: "Roll Over"; */
    font-weight: normal;
    font-size: 14px
}

.internal-available-rollover .internal-available-rollover-target data-view:before {
    content: "/";
    padding: 0 5px
}

#root.hide-balance .internal-right-sidebar .internal-user-balance data-view, #root.hide-balance .internal-right-sidebar .internal-user-balance-options data-view {
    font-size: 0
}

.internal-right-sidebar .internal-user-actions {
    padding: 20px 8px
}

.internal-right-sidebar .deposite-button, .internal-right-sidebar .withdraw-button, .payment-method .payment-form .button-submit-payment {
    background-color: var(--c-green);
    color: var(--c-white-e);
    font-size: 12px;
    font-weight: bold;
    margin-top: 8px;
    cursor: pointer
}

.internal-right-sidebar .withdraw-button {
    background-color: var(--c-primary)
}

.internal-right-sidebar .deposite-button:hover, .internal-right-sidebar .withdraw-button:hover, .internal-user-page .internal-user-balance-options .column-reservedwithdraw .button-undefined:hover, .payment-form .button-submit-payment:hover {
    opacity: .9
}

.internal-right-sidebar .deposite-button > div, .internal-right-sidebar .withdraw-button > div, .payment-form .button-submit-payment .button-label {
    display: flex;
    width: 100%;
    justify-content: center;
    padding: 10px
}

/***************************************
       Content Pages Left Sidebar
***************************************/
.content-page {
    display: contents
}

.content-page .content-page-language {
    display: flex;
    height: 100%;
    background-color: var(--c-primary-c);
    position: sticky;
    top: 0;
    z-index: 1
}

body .content-page .content-page-language .lang-selector .ui-dropdown {
    width: 130px;
    display: flex;
    background-color: var(--c-primary-c);
    padding: 12px 8px
}

.content-page .content-page-language .lang-selector label img {
    border-radius: 0;
    width: 24px;
    height: 17px
}

.content-page .content-page-language .lang-selector label span {
    display: flex;
    color: var(--c-white-e)
}

#root .content-page .content-page-language .lang-selector .ui-dropdown-trigger {
    display: flex;
    background-color: transparent;
    color: var(--c-white-e)
}

#root .content-page .content-page-language .ui-dropdown-trigger .ui-dropdown-trigger-icon {
    margin-left: -0.8em
}

#root .content-page .content-page-language.lang-selector .ui-dropdown-panel {
    width: 130px;
    border-radius: 0
}

.content-page .content-page-language > app-widget-host {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.content-page .server-time-holder {
    color: var(--c-white);
    padding-right: 30px
}

/* */
.left-sidebar-content {
    min-width: 200px;
    color: var(--c-white-e);
    background-color: var(--c-primary-b);
    height: calc(100vh - 41px);
    min-height: calc(100vh - 41px);
    overflow-x: hidden;
    overflow-y: auto
}
#root .content-page .left-sidebar-content {
        background-color: var(--c-primary-b);
}
.left-sidebar-content .sidebar-content ul {
    flex-direction: column;
    margin: 0
}

#root .left-sidebar-content .sidebar-content ul a {
    color: unset;
    background-color: unset;
    padding: 10px
}

#root .left-sidebar-content .sidebar-content ul a:hover {
    background: unset;
    color: unset
}

#root .left-sidebar-content .sidebar-content ul li {
    border-bottom: 1px solid var(--c-tint-b)
}

#root .left-sidebar-content .sidebar-content ul a.active, #root .left-sidebar-content .sidebar-content ul li:hover {
    background-color: var(--c-emphasis);
    color: var(--c-white-e)
}

.left-sidebar-content .blog-link {
    border-bottom: 1px solid var(--c-tint-b);
    cursor: pointer
}

.left-sidebar-content .blog-link:hover {
    background-color: var(--c-emphasis);
}

.left-sidebar-content .blog-link > div {
    padding: 10px;
    display: flex;
    align-items: center;
}

.content-page.safergambling-page .promotion-link {
    display: none
}

.contact-link, .promotion-link {
    cursor: pointer;
    border-bottom: 1px solid var(--c-tint-b)
}

.contact-link:hover, .contact-us .contact-link, .promotion-link:hover, .promotion-page .promotion-link {
    background-color: var(--c-emphasis);
    color: var(--c-white-e-);
}

.contact-link > div, .promotion-link > div {
    padding: 10px
}

.promotions-menu .promotions-menu-link ul {
    flex-direction: column;
    margin: 0;
    padding-left: 15px;
    transition: transform .3s ease-in-out
}

#root .promotions-menu .promotions-menu-link ul a:hover, #root .promotions-menu .promotions-menu-link ul a {
    background-color: unset;
    color: unset;
    padding: 10px
}

.promotions-menu .promotions-menu-link li {
    border-bottom: 1px solid var(--c-tint-b)
}

#root .promotions-menu .promotions-menu-link li:hover, #root .promotions-menu .promotions-menu-link li a.active {
    background-color: var(--c-emphasis);
    color: var(--c-white-e)
}

.promotions-menu .promotions-menu-link ul {
    height: 0;
    overflow: hidden
}

.promotions-menu:hover .promotions-menu-link ul, .promotion-page .promotions-menu .promotions-menu-link ul {
    height: 100%
}

.betslip-totals .bonus-wrapper {
    background-color: var(--c-emphasis);
    margin: 0 10px 10px;
    padding: 10px;
    font-size: 16px;
    color: var(--c-black-e);
    border-radius: 2px;
    text-align: center
}

.betslip-totals .bonus-wrapper.add-5-more, .betslip-totals .bonus-wrapper.add-4-more, .betslip-totals .bonus-wrapper.add-3-more {
    display: none
}

.betslip-totals .bonus-title {
    display: none;
    font-weight: bold;
    padding-bottom: 5px
}

#root .betslip-container .betslip-totals .bonus-message span {
    font-weight: normal;
    font-size: 14px;
    color: var(--c-black);
    text-align: center;
}
