/*For Main*/
.desktop .home-live-block .tournament-header-wrapper .toggle-button{
    order: 1;
    height: 24px;
    width: 24px;
}

.desktop .home-live-block .tournament-header-wrapper .toggle-button:after{
    content: "";
    background-image: url(/v1.1046/r/images/cybet/icons/arrow-down.svg);
    background-position: center;
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    transition: all .3s ease-in-out
}

.desktop .home-live-block .tournament-header-wrapper .toggle-button.expanded:after {
    transform: rotate(180deg);
}

.desktop .home-live-block .tournament-header-wrapper app-market-headings-container {
    margin-right: 18px;
}


/***************************************
---------- TABLE OF CONTENT -------------

# General
# Header
# Login/Register forms
# Home
    * Home Carousel
    * Upcoming live events slider
# Filters 
# Sports Coupon
    * Light Sports Coupon
    * Live Sports Coupon
    * Upcoming Sports Coupon
# Sports Page
# Sports Select Page
# Match Page
# Live Match Page 
# Live Calendar Page
# Internal User Pages
    * Internal Mobile Left Menu
    * Internal Header
    * Bet History
    * Responsible Gaming
    * Upload Documents
    * Contact Us
# Footer    
# Footer Bottom Menu
# Search
# Navigation
# Promotions
# Content 
# Android & IOS
# Betslip Counter
# Betslip / My Bets

***************************************/
/***************************************
# General
***************************************/

.mobile .site {
    margin-top: 64px;
    margin-bottom: 53px;
    display: block;
    width: 100vw;
    /*overflow-x: hidden;*/
    min-height: calc(100vh - 117px) ; 
    background-color:var(--c-primary-c);
    -webkit-overflow-scrolling: touch;
    
}
.mobile .site.content-page {
    background-color:var(--c-background)
}
.mobile .site.sports-match-page {
    background-color:var(--c-background)
}
body .mobile .body > app-widget-host {
    width: 100vw;
    /* overflow: hidden */
}

.mobile .beto-back-button a {
    color: var(--c-black);
    height: 32px;
    
}

.mobile .beto-back-button a:before {
    background-image: url(/v1.1046/r/images/cybet/icons/arrow-down-dark.svg);
    transform: rotate(90deg);
}

.app-body {
    position: relative
}

.mobile app-scroll-top .scroll-top {
    display: none;
    position: fixed;
    bottom: 106px;
    right: 10px;
    z-index: 9; 
    font-size: 0;
    min-width: 30px;
    min-height: 30px;
    width: unset;
    border-radius: 50%;
    margin-right: 0;
}
.mobile.os-ios app-scroll-top .scroll-top {
    transform: translate3d(0, 0, 0);
    will-change: transform
}
.mobile app-scroll-top .scroll-top.show-scroll{
    display: block
}
.mobile app-load{
    position: relative
}

/***************************************
# Header
***************************************/
.mobile .header {
    width: 100vw;
    height: 64px;
    z-index: 1001;
}

.mobile .header > app-widget-host {
    padding: 0
}

.mobile .header .logo.link {
    position: relative;
    margin: 0;
    left: unset;
    top: unset;
    margin-left: 10px;
    margin-top: 4px
}

.mobile .header .logo img {
    width: 80px
}

.mobile .header .header-menu-item, .mobile .header .lang-selector {
    margin: 0
}

.mobile .header .lang-selector {
    display: none
}

.mobile .header .loginbutton button, .mobile .header .register button {
    height: 30px;
    font-size: 11px;
    padding: 0 10px;
    width: 80px;
}

.mobile .signin .login.column, 
.mobile .signin app-register.register-form, 
.mobile .signin app-forgot-password.forgot-password {
    padding: 10px;
}

.mobile .signin .register-container {
    margin:10px;
}
.mobile .signin .register-container app-register.register-form {
    padding:0px;
}
.signin .login.column  {
    position:relative;
}
.signin .login.column .beto-login-with-biometrics {
   position:absolute;
    bottom:25px;
    width:calc(100% - 40px);
}
.signin .login.column .beto-login-with-biometrics button {
    margin-top:5px;
}
.mobile .header .account-info {
    margin-right: 10px
}

.mobile .header .user-account .dropdown-content {
    position: fixed;
    top: 64px;
    width: 100vw;
    right: 0;
    left: 0
}

.mobile .header .user-account .unread-icon {
    width: 20px;
    height: 20px
}

.mobile .header .user-account .logout-button {
    color: var(--c-primary);
    opacity: .7
}

.mobile .header .header-right {
    flex: 0 0 calc(100% - 120px);
}

.mobile .header .header-right > app-widget-host > .user-guest {
    width: 100%;
    display: flex;
}

.mobile .header .header-right > app-widget-host > .user-guest > app-widget-host {
    justify-content: flex-end
}

.mobile .header .header-right .user-guest .register {
    /* margin-left: auto; */
}

@media only screen and (max-width: 359px) {
    .mobile .header .header-icon {
        width: 25px;
        height: 25px;
    }

    .mobile .header .logo img {
        width: 70px
    }

    .mobile .header .loginbutton button, .mobile .header .register button {
        padding: 0 7px
    }
}


#root.contactus-dropdown .mobile .header .header-menu-item .dropdown-content, 
#root.contactus-dropdown .mobile .header .mask-overlay.c-dropdown > app-widget-host, 
#root.account-dropdown .mobile .header .mask-overlay.a-dropdown > app-widget-host, 
#root.contactus-dropdown-guest .mobile .header .header-menu-item .dropdown-content{
    display: none
}
#root.contactus-dropdown-mobile .header .header-menu-item .dropdown-content, 
#root.contactus-dropdown-mobile .header .mask-overlay.c-dropdown > app-widget-host, 
#root.account-dropdown-mobile .header .mask-overlay.a-dropdown > app-widget-host{
    display: block!important
}

/***************************************
# Login/Register forms
***************************************/
body .mobile .desktop-register-popup.ui-dialog {
    left: unset!important;
    transform: unset!important;
    top: 64px!important;
    display: block!important;
    min-width: unset;
    width: 100%!important
}

.mobile .generic-form .form-row:not(.checkbox-wrapper) {
    flex-direction: column
}

/* body .mobile .desktop-register-popup.ui-dialog .ui-dialog-content {
    max-height: 100vh
} */

.mobile .signin .register-form .reset-next-buttons-wrapper button {
    width: unset;
    min-width: 100px;
}
.register-banners > app-widget-host{
    gap: 10px;
    margin-top: -50px;
    margin-bottom: 50px
}

.lang-en .register-banner:not(.en),
.register-banner.en {
    display: none;    
}
.lang-en .register-banner.en {
    display: block;
}
.register-banners img{
     max-width: 100%;
}

/***************************************
# Home
***************************************/
/* Home Carousel */
.mobile .coupon-carousel {
    width: 100%
}

.mobile .coupon-carousel .carousel-scrollable {
    padding: 0
}

#root .mobile .coupon-carousel .events-item-wrapper {
    width: 280px;
    height: 157px;
    border-radius: 8px;
    flex-wrap: nowrap
}
.mobile .coupon-carousel.teams-with-flags .events-item-wrapper {
    height: 165px;
    background-size: 100% 100%;
}
.mobile .coupon-carousel.teams-with-flags .events-item-wrapper .match-market-wrapper{
    padding:0;
}
.mobile .coupon-carousel .sports-coupon .closed .match-schedule, 
.mobile .coupon-carousel .events-item-wrapper .match-info .match-type {
    margin-top: 5px;
    flex-direction: row
}
.mobile .coupon-carousel .events-item-wrapper .match-info .enhancedOdds{
    top: 4px
}

.mobile .coupon-carousel .events-item-wrapper .match-info .match-teams {
    height: 100%
}
.mobile .coupon-carousel .events-item-wrapper .match-info .match-teams .match-notes-text{
    bottom: unset;
    top: 50%;
    transform: translate(-50%,-100%)
}
.mobile .coupon-carousel .events-item-wrapper .match-info .match-first-leg{
    top: 50%;
    transform: translate(-50%,-50%)
}

.mobile .coupon-carousel .events-tournament-content .match-info .match-teams .match-team-separator {
    margin: 0
}

.mobile .coupon-carousel .match-markets-wrapper, .mobile .coupon-carousel app-sports-coupon .match-market {
    height: 40px;
    min-height: 40px;
    border: 0
}

.mobile .coupon-carousel app-sports-coupon .match-market .match-market-wrapper {
    border-top: 0
}
#root .mobile .coupon-carousel app-sports-coupon .match-market .match-market-wrapper .match-odd{
    background-color: rgb(33, 33, 33, .7);
}
.mobile .coupon-carousel app-sports-coupon:not(.coupon-light) .events-tournament-wrapper {
    background: var(--c-primary-c)
}

/* Home Menu */
.home-menu-holder{
  
    position: relative
}
.home-menu ul,
.home-menu > app-widget-host{
    background-color: var(--c-primary-c);
    margin: 0;
    padding: 5px;
    display: flex;
    align-items: center;
    overflow-x: auto;
}
.home-menu ul li,
.home-menu > app-widget-host .today-coupon-mobile{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 0 0 calc(25% - 4px);
    margin: 0 2px;
    background-color: var(--c-primary-b);
    border-radius: var(--r-b)
    
}
#root .hidden {
    display:none;
}
#root .match-page .hidden {
    display:flex;
}
#root .live-match-page .match-page .match-date-and-time.hidden{
    display: none
}
/* .home-menu > app-widget-host .today-coupon-mobile > app-widget-host .menu-link{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 4px;
    position: relative
} */
.home-menu ul li a:before,
.home-menu > app-widget-host .today-coupon-mobile > app-widget-host .menu-link > app-widget-host::before {
    content:"";
    width: 24px;
    height: 24px;
    background-size: contain;
    margin: 1px 0 3px;
    display: block
}
.home-menu ul.menu li a.menu-link,
.home-menu > app-widget-host .today-coupon-mobile > app-widget-host .menu-link{
    background-color: transparent;
    color: var(--c-white-e);
    font-size: 12px;
    white-space: nowrap;
    width: 100%;
    flex-direction: column;
    align-items: center;
    z-index: 1;
    padding: 4px;
    position: relative
}
.home-menu > app-widget-host .today-coupon-mobile > app-widget-host .menu-link > app-widget-host{
    display: flex;
    flex-direction: column;
    align-items: center
}
.home-menu-holder .local-time{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 14px;
    color: var(--c-emphasis);
    font-size: 10px;
    font-weight: bold;
    width: 100%;
    text-align: center
}
.home-menu .today-coupon-mobile.today > app-widget-host .menu-link > app-widget-host:before{
    background-image: url(/v1.1046/r/images/cybet/icons/empty-calendar-icon-white.svg);
}
.menu.home-menu .today-coupon-mobile.featured > app-widget-host .menu-link > app-widget-host:before{
    background-image: url(/v1.1046/r/images/cybet/icons/icon_Medal.svg);
}
.menu.home-menu .today-coupon-mobile.fifa-club-world-cup-tab > app-widget-host .menu-link > app-widget-host:before{
    background-image: url(/v1.197/r/images/site/icons/club_world_cup_2.png);
}
.menu.home-menu .today-coupon-mobile.betbuilder > app-widget-host .menu-link > app-widget-host:before{
    background-image: url(/v1.1046/r/images/site/icons/sports-light.svg);
}
.menu.home-menu .today-coupon-mobile.outrights > app-widget-host .menu-link > app-widget-host:before{
    background-image: url(/v1.1046/r/images/cybet/icons/icon_outrights_winner-white.svg);
}
.menu.home-menu .today-coupon-mobile.olympics > app-widget-host .menu-link > app-widget-host:before{
    background-image: url(/v1.148/r/images/cybet/sport/icons/Olympics_icon.png);
}
.menu.home-menu .today-coupon-mobile.copa-america > app-widget-host .menu-link > app-widget-host:before{
    background-image: url(/v1.128/r/images/cybet/copa/Copa_America_2024_Logo.png);
}
.menu.home-menu .today-coupon-mobile.cybets > app-widget-host .menu-link > app-widget-host:before{
    background-image: url(/v1.165/r/images/cybet/sport/icons/specialbets.png);
}

/* Upcoming live events slider */
.mobile .upcoming-events {
    padding: 1px 0;
    background-color: var(--c-black-e)
}

.mobile .upcoming-events .events-sport-coupon-title {
    background-color: var(--c-primary-b);
    padding: 0 10px
}

.mobile .upcoming-events .events-item-wrapper {
    flex: 1 1 150px;
    width: 150px;
    max-width: 150px;
    overflow: hidden;
}

.mobile .upcoming-events .events-tournament-content .match-info .match-teams > div {
    overflow: hidden;
    max-width: 130px
}

.mobile .upcoming-events .events-item-wrapper .match-info .match-type .match-sport-icon {
    left: 36%
}

.mobile .upcoming-events .leftsidebar-menu-item {
    right: 0px;
    padding: 0;   
    opacity: .6;
    top: 9px
}

.mobile .upcoming-events .leftsidebar-menu-item > app-widget-host {
    padding-left: 8px
}

.mobile .bonus-carousel .slideshow-container {
    height: calc(100vw /3.19)!important;
}
.mobile .bonus-carousel .slideshow-container a{
    background-size: 101%!important;
}
.mobile.lang-el .bonus-carousel .bonus-carousel-en, .mobile.lang-en .bonus-carousel .bonus-carousel-el {
    display: none
}

/* Upcoming live events Tournament Name */
.mobile .home-page .upcoming-matches .events-item-wrapper .match-markets-wrapper {
    padding-bottom: 20px
}

/***************************************
# Filters
***************************************/
.mobile .sports-filter {
    height: auto;   
    margin-bottom: unset;
    /*padding: 0*/
}
.mobile .home-live-block .sports-filter{
    /*padding-bottom: 10px*/
}

.mobile .sports-filter li {
    flex-direction: column;
    /*  width: 70px; */
    /*  flex: 0 0 70px; */
    height: auto;
    margin: 0;
    background-color: transparent;
    transition: all .3s ease-in-out
}
#root .mobile .sports-filter li.selected{
    background-color: transparent;
}
.mobile .sports-filter li:after{
    content: "";
    background-color: transparent;
    height: 4px;
    border-radius: 10px;
    width: 100%
}

.mobile .sports-filter li.selected:after{
    background-color: var(--c-emphasis)
}
.mobile .sports-filter .icon-sport{
    margin: 0;
   
}

.mobile .sports-filter li span:not(.icon-sport):not(.matches-counter) {
    font-size: 11px;
    display: block;
    /* width: 60px; */
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden    
}

.mobile .sports-filter li span.matches-counter {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(25%);   
    padding: 0px;
    margin: 0;
    background-color: transparent    
}
.mobile .coupon-light .sports-filter li span.matches-counter{
    background-color: transparent;
    color: var(--c-black-e)
}

.mobile .content .home-live-block .events-sport-coupon-title {
    display: none
}

.mobile .coupon-options .beto-filter-dates, .mobile .coupon-options .beto-sort-by {
    justify-content: flex-end;
    background-color: var(--c-primary-d)
}

.mobile .sports-select-page .sports-market-filter {
    width: 100%;
    margin: 0;
    background-color: var(--c-white-e)
}

.mobile .sports-page-filter.v-dark .sports-group-by {
    height: 30px;
    position: unset;
    
}
.mobile:has(.inline-categories-filter) .sports-page-filter.v-dark .sports-group-by,
.mobile:has(.inline-tournaments-filter) .sports-page-filter.v-dark .sports-group-by{
    display: none

}
.mobile:has(.events-sport-wrapper.live-part) .sports-page-filter.v-dark .sports-group-by{
    display: flex
}
body .mobile .body .options-row > app-widget-host {
    flex-direction: row;
    justify-content: center;
}

.mobile .options-row.v-dark .sports-page-filter, .mobile .options-row.v-dark {
    background-color: var(--c-primary-e);
}

.mobile .options-row.v-dark .beto-back-button a {
    color: var(--c-white)
}
.mobile .live-page .options-row.v-dark .beto-back-button a{
    display: none
}
.mobile .options-row.v-dark .beto-back-button a:before {
    background-image: url(/v1.1046/r/images/cybet/icons/arrow-down.svg);
}
.mobile .options-row .outrights-button{
    margin: 4px 0 0 auto
}
.mobile .options-row .outrights-button + .sports-page-filter{
    margin: unset
}
.mobile .dates-list-block {
    padding: 5px 0
}

.mobile .dates-list-block .dates-list-content li {
    border: 1px solid var(--c-primary-d)
}



/***************************************
# Sports Coupon
***************************************/
.mobile .coupon-breadcrumbs .sport-breadcrumbs {
    overflow-x: auto
}

.mobile .coupon-breadcrumbs .sport-breadcrumbs li {
    white-space: nowrap
}

.mobile .coupon-breadcrumbs ul {
    height: 36px
}

.mobile app-sports-coupon.coupon-light .tournament-header-wrapper {
    height: 36px;
    padding: 0
}

.mobile app-sports-coupon .tournament-header-wrapper .toggle-button:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background-size: contain;
    opacity: .7;
    transition: all .3s ease-in-out
}
.mobile app-sports-coupon .tournament-header-wrapper .toggle-button.expanded:after {
    transform: translateY(-50%) rotate(-180deg);
}
.mobile app-sports-coupon .tournament-header-wrapper .toggle-button:after {
    background-image: url(/v1.1046/r/images/cybet/icons/arrow-down.svg);
}
.mobile app-sports-coupon.coupon-light .tournament-header-wrapper .toggle-button:after {
    background-image: url(/v1.1046/r/images/cybet/icons/arrow-down-dark.svg);
}
.mobile app-sports-coupon:not(.coupon-light) .events-tournament-wrapper {
    background: var(--c-primary-b)
}
.mobile app-sports-coupon:not(.coupon-light) .tournament-header-wrapper {
    background-color: var(--c-primary-c);
    padding-top: 5px;
    padding-bottom: 5px
}
.mobile .events-tournament-header .events-category-tournament-names{
    max-width: calc(100vw - 90px);
    width: calc(100vw - 90px);
    min-width: calc(100vw - 90px);
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    white-space: nowrap;
    margin-bottom: -5px
}
.mobile app-sports-coupon .match-market .match-market-wrapper {
    padding: 8px;
    border-top: 0
}
.mobile .m-has-special {

}
.mobile .m-has-special div.match-market-wrapper{
 /*   flex-wrap: wrap; */
}
.mobile .m-has-special  span.match-market-wrapper{

}
#root .mobile .m-has-special app-market-selection-compact{
    flex: 1 1 calc(33.333333% - 8px);
    margin: 4px
}
.mobile .m-has-special  app-market-selection-compact .odds-selection-default{

}
.mobile .events-tournaments-wrapper .market-special{
        align-self: center
}
.mobile app-sports-coupon .odds-selection-default .mobile-outcome {
    color: var(--c-white);
    font-size: 11px
}
.mobile .markets-placeholder-wrapper {
    width: 100%
}
#root .mobile .match-odd {
    height: 32px
}
.mobile .match-markets-wrapper .match-odd.odd-locked:last-child {
    margin-right: 0
}
.mobile .events-tournament-content .match-info .match-teams > div {
    max-width: 200px
}
.mobile .events-tournament-content .events-item-wrapper.match-sport-tennis .match-info .match-teams > div, .mobile .events-tournament-content .events-item-wrapper.match-sport-volleyball .match-info .match-teams > div, .mobile .events-tournament-content .events-item-wrapper.match-sport-table-tennis .match-info .match-teams > div {
    max-width: 160px
}
.mobile .events-item-wrapper .match-links .match-favorite {   
    width: 16px;
    height: 16px;
    position: unset;
    border: 0
}
.mobile .events-item-wrapper .match-links .match-more-markets{
    display: flex;    
    top: 55px
}
.mobile .coupon-light .events-item-wrapper .has-first-leg + .match-markets-wrapper + .match-links .match-more-markets{
      top: 65px
}
.mobile .coupon-light .events-sport-wrapper .events-item-wrapper .match-links {
    top: 0;
    display: flex;
    flex-direction: column;
    min-height: 48px;
}
.mobile .coupon-light .events-sport-wrapper:not(.live-part) .events-item-wrapper .match-links .match-favorite {
    order: 0;
  /*  margin-left: 10px; */
    margin: 0
}
.mobile .coupon-light .events-sport-wrapper:not(.live-part) .events-item-wrapper .match-links .match-statistics {
    display: block
}
.mobile .coupon-light .events-sport-wrapper:not(.live-part) .events-item-wrapper .match-info .has-bet-builder {
    padding-bottom: 25px
}
.mobile .coupon-light .events-sport-wrapper:not(.live-part) .is-live-booked {
    transform: unset;
    right: 0
}
.mobile .coupon-light .events-sport-wrapper:not(.live-part) .enhancedOdds{
    right: 0;
    transform: unset
}
.mobile .coupon-light .events-sport-wrapper:not(.live-part) .is-live-booked + .enhancedOdds{
    right: 25px;
}
.mobile .events-sport-wrapper .has-under-percent-margin{
    right: 0px;
    top: 3px;
    transform: unset
}
.mobile .coupon-carousel .events-sport-wrapper .has-under-percent-margin{
    top: 8px;
    right: 30px
}
.mobile .sports-coupon .match-schedule{
    width: fit-content
}
.mobile app-sports-coupon:not(.carousel-content):not(.coupon-light) .match-schedule .match-code {
    left: -41px;
    bottom: 7px
}
.mobile .events-item-wrapper .match-schedule .match-period{
    display: none
}

.mobile .coupon-carousel .match-market .coupon-market-name {
    display: none
}

body .mobile .sports-coupon .match-market.market-columns-long .match-market-wrapper {
    flex-wrap: wrap;
    position: relative;
    justify-content: flex-end
}
.mobile .sports-coupon .match-market-wrapper.no-market-selections{
    margin-top: 32px
}

body .mobile .sports-coupon .match-market.market-columns-long.m-has-special .match-market-wrapper,
body .mobile .sports-coupon .match-market .match-market-wrapper:has(.market-special) {
    padding-left: 60px
}
body .mobile .sports-coupon .match-market .match-market-wrapper:has(.alternative-market-special){
    padding-left: 0;
}
#root .mobile .sports-coupon .match-market.market-columns-long .match-market-wrapper .match-odd {
    /* min-width: calc(33.333333% - 8px); */
    /* max-width: calc(33.333333% - 8px); */
    flex: 1 1 calc(33.333333% - 8px);
    margin-bottom: 5px;
    min-width: auto
}

#root .mobile .sports-coupon .match-market.market-columns-long .match-market-wrapper .match-odd:last-child {
    margin-right: 4px;
    /* min-width: 33.333333%; */
    /*  max-width: 33.333333%; */
    flex: 1 1 calc(33.333333% - 8px)
}

#root .mobile .sports-coupon .match-market.market-columns-long .match-market-wrapper .match-odd.odd-locked, .mobile .match-markets-wrapper .match-odd.odd-locked {
    background-size: 20px;
    background-color: var(--c-primary-e);
    margin-right: 4px
}

#root .mobile .sports-coupon .match-market.market-columns-long .match-market-wrapper .market-special, #root .mobile .sports-coupon .match-market.market-columns-long .match-market-wrapper app-special-switch {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

#root .mobile .sports-coupon .match-market.market-columns-long .match-market-wrapper .market-special ~ .match-odd {
    /* min-width: calc(50% - 26px); */
    /* max-width: calc(50% - 26px); */
    flex: 1 1 calc(50% - 8px);
}

#root .mobile .sports-coupon .match-market.market-columns-long .match-market-wrapper .market-special ~ .match-odd:nth-child(even) {
    /*  margin-left: 52px */
}

#root .mobile .match-market.market-columns-long .match-odd:last-child .odds-selection-default {
    margin-right: 5px
}

#root .mobile .home-page .match-market.market-columns-long .match-odd:last-child .odds-selection-default {
    margin-right: 0
}

#root .mobile .sports-coupon .match-market .match-market-wrapper .match-odd .odd {
    align-items: center;
    padding: 0;
    justify-content: space-between
}
#root .mobile .coupon-carousel .sports-coupon .match-market .match-market-wrapper .match-odd .odd{
    flex-direction: row;
    justify-content: space-between
}

#root .mobile .sports-coupon .match-market .match-market-wrapper .match-odd .odd .mobile-outcome {
    padding-right: 4px;
    line-height: 11px;
    margin: 0;
    display: block;
    white-space: nowrap
}

/* Light Sports Coupon */
#root .mobile .events-sport-header {
    padding: 0 4px 0 0;
    top: 64px
    
}
#root .mobile .coupon-light .events-sport-header {
    height:45px;
    overflow: hidden;
    border-bottom: solid 4px var(--c-primary-d);
}
.mobile app-sports-coupon.coupon-light .odds-selection-default .mobile-outcome {
    color: var(--c-shade-b)
}

.mobile app-sports-coupon.coupon-light .match-market .match-market-wrapper {
    border-top: 1px solid var(--c-primary-d)
}

.mobile .coupon-light .events-item-wrapper {
    border-bottom: solid 3px var(--c-primary-d)
}
.mobile .coupon-light .events-sport-wrapper .events-item-wrapper{
    border-bottom: solid 4px var(--c-primary-d);
}    
/*.mobile .upcoming-matches .home-livebooked-block.coupon-light .by-date-header-wrapper .event-date-break-wrapper-new,*/
.mobile .top-matches app-sports-coupon.coupon-light .events-sport-wrapper:not(.live-part) .by-date-header-wrapper{
    display: none
}
.mobile .upcoming-matches .home-livebooked-block.coupon-light .events-tournament-wrapper:not(:last-child),
.mobile .top-matches .home-livebooked-block.coupon-light .events-tournament-wrapper{
  /*  padding-bottom: 35px */
}

.mobile .coupon-light .events-wrapper {
    flex-wrap: unset;
    flex-direction: column
}

.mobile .coupon-light .events-wrapper app-inline-sports-filter {
    max-width: 100%
}

.mobile .coupon-light .events-item-wrapper .match-info .match-teams {
    font-size: 12px;
    font-weight: bold;
    color: var(--c-black)
}

.mobile .coupon-light .item-info-wrapper {
    margin: 0
}

.mobile .coupon-light .sports-coupon .events-break-wrapper {
    padding: 0 0 10px 0;
}

#root .mobile .coupon-light .sports-coupon .match-market.market-columns-long .match-market-wrapper .match-odd.odd-locked,
 .mobile .coupon-light .match-markets-wrapper .match-odd.odd-locked {
    background-color: var(--c-primary-d);
    /*background-image: url(/v1.1046/r/images/cybet/icons/odds-locked-2b2b2b.svg) */
}

.mobile .coupon-light .timerange-title {
    color: var(--c-primary);
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px
}

.mobile .coupon-light .match-market .coupon-market-name {
    color: var(--c-black)
}

.nobile .coupon-light .events-sport-wrapper:not(.live-part) .has-live-stream{
    right: 5px;
    top: 5px
}
.mobile .scored-goal-text{
    left: 45px;
    width: calc(100% - 125px);
}


.mobile .events-category-tournament-names{
    max-width: calc(100% - 66px);
    overflow: hidden
}
.mobile .inline-categories-filter .events-category-tournament-names{
    overflow: unset;

}
#root .mobile .events-category-tournament-names .events-tournament-name{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}
/* Live Sports Coupon */
.mobile .home-live-block .match-live-tracker {
    display: none
}

.mobile .home-live-block .match-statistics {
    display: block;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(6deg) brightness(105%) contrast(101%);
  
}

.mobile .home-live-block .events-tournament-wrapper {
    color: var(--c-white-e)
}

/* Upcoming Sports Coupon */
.mobile .top-matches .coupon-light .events-sport-wrapper:not(.live-part) .events-item-wrapper:first-child,
.mobile .upcoming-matches .coupon-light .events-sport-wrapper:not(.live-part) .events-item-wrapper:first-child,
.mobile .upcoming-matches .events-item-wrapper:not(:first-child),
.mobile .top-matches .events-item-wrapper:not(:first-child){
    margin-top: 30px
}
.mobile .upcoming-matches .match-info .match-type,
.mobile .top-matches .match-info .match-type{
    height: auto;
    display: flex;
    position: absolute;
    top: -27px;
    align-items: center;
    font-size: 12px;
    padding: 5px 5px;
    left: 0;
    width: 100%;
    border-bottom: 1px solid var(--c-shade);
    min-width: 100vw
}
.mobile .upcoming-matches .match-info .match-type .match-sport,
.mobile .top-matches .match-info .match-type .match-sport{
    display: none
}
.mobile .upcoming-matches .match-info .match-type .match-category,
.mobile .top-matches .match-info .match-type .match-category{
    margin: 0 10px;
        white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.mobile .upcoming-matches .match-info .match-type .match-category:after,
.mobile .top-matches .match-info .match-type .match-category:after{
    content: "-";
    margin-left: 10px
}
.mobile .upcoming-matches .match-info .match-type .match-tournament,
.mobile .top-matches .match-info .match-type .match-tournament{
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.mobile .home-page .upcoming-matches .events-item-wrapper .match-markets-wrapper,
.mobile .top-matches .upcoming-matches .events-item-wrapper .match-markets-wrapper{
    padding-bottom: 0
}

/***************************************
# Sports Page
***************************************/

.mobile .sports-match-page .enhancedOdds{
   left: 10px
}
.mobile.betbuilder-enabled .sports-match-page .enhancedOdds{
    top: 70px
}
.mobile .enhancedOdds + .sports-match-wrapper .markets-content-wrapper .market-group-header{
    padding-left: 35px
}
@media screen and (max-width: 416px){
    .mobile.lang-el.betbuilder-enabled .sports-match-page .enhancedOdds{
        top: 87px;
    }   

}
@media screen and (max-width: 352px){
    .mobile.betbuilder-enabled .sports-match-page .enhancedOdds{
        top: 87px;
    }
}


.mobile app-dates-filter-coupon.beto-filter-dates {
    max-width: 100%
}

.mobile .beto-match-breadcrumbs li, .mobile .sport-breadcrumbs li {
    color: var(--c-black)
}

.mobile .beto-match-breadcrumbs li:last-child, .mobile .sport-breadcrumbs li:last-child {
    color: var(--c-black-e)
}

.mobile .sport-breadcrumbs li:last-child:after, .mobile .beto-match-breadcrumbs .match-breadcrumbs > li:last-child:after {
    display: none
}
.mobile .match-markets-wrapper{
     border-top: 1px solid var(--c-shade-b)
}
.mobile app-sports-coupon .match-market {
    flex-direction: column;
    min-height: 81px;
    justify-content: flex-end
}
.mobile .match-market .coupon-market-name {
    display: flex;
    padding: 8px;
    font-size: 12px;
    color: var(--c-white-e)
}
.mobile .sports-page app-sports-coupon.coupon-light .match-market .match-market-wrapper {
    border: 0;    
    align-items: center
}

/* body .mobile select.market-switch-list-dd {
    min-width: auto;
    max-width: 100%;
    width: 100%
} */

.mobile .sports-page .events-sport-header .market-drop-down-heading {
    display: none
}

.mobile .events-sport-header > .market-drop-down-heading {
    display: none
}
.mobile app-dates-filter-coupon.beto-filter-dates{
    width: 100%
}

/***************************************
# Sports Select Page
***************************************/
.mobile .nav-featured-select-all {
    margin-right: 10px;
}

.mobile .content .nav-sport-panel > div:nth-child(odd), .mobile .content .nav-sport-panel > div {
    margin-right: 0;
    flex: 0 1 100%
}

.mobile .nav-sport-panel .nav-category-wrapper.nav-additional {
    display: none
}

.mobile .market-switch-list-wrapper {
    margin-bottom: 2px;
    margin-top: 10px
}
.mobile .sports-menu .nav-favorites-header,
.mobile .sports-menu .nav-favorites-panel{
    color: var(--c-white-e);
}
.mobile .sports-menu .nav-favorites-header .nav-favorites-select-all,
.mobile .sports-menu .nav-favorites-header .nav-favorites-remove-all{
    display: none
}
.mobile .sports-menu .nav-favorites-header .nav-favorites-toggle{
    background-image: url(/v1.1046/r/images/cybet/icons/arrow-down-dark.svg);
    transform: rotate(0);
    transition: all .3s;
    background-color: transparent;
}
.mobile .sports-menu .nav-favorites-header.expanded .nav-favorites-toggle{
    transform: rotate(180deg)
}
.mobile .sports-menu .nav-favorites-panel .default-flag,
.mobile .sports-menu .nav-favorites-panel .default-sport{
    display: none
}
.mobile .nav-favorites-wrapper .nav-favorites-header{
    padding: 6px
}
/***************************************
# Match Page
***************************************/

.mobile .sports-match-page .match-tracker .tracker {
    border-bottom: 1px solid #a6a6a6
}
.mobile .sports-match-page .show-hide-component.tracker:before{
    background-image: url(/v1.1046/r/images/site/icons/MatchTracker-Off-dark.svg)
}
.mobile .sports-match-page .show-hide-component.tracker:after{
    color: var(--c-primary)
}
.mobile .sports-match-page .toggle-all-expanded {
    background-color: transparent;
    top: -83px;
}

/* .mobile .sports-match-page .match-market-group .market-groups {
    border-bottom: 3px solid var(--c-primary-d);
} */

.mobile .sports-match-wrapper .match-markets-wrapper {
    margin: 0;
    border: 0
}

.mobile .beto-match-breadcrumbs li.teams {
    display: none
}

.mobile .match-market-group .market-groups .fancy-scrollbar {
   
}

#root .mobile .sports-match-wrapper .match-markets-wrapper .market-content .match-odd .odd-outcome {
    opacity: .7;
    font-size: 11px;
    line-height: 1;
    font-weight: normal
}

.mobile .sports-match-page .sports-match-header-wrapper {
    padding-top: 15px;
    height: 125px
}

.mobile .sports-match-page .sports-match-header-wrapper .match-header-content-wrapper {
    width: 90%
}

.live-match-page .market-group .market-special, .sports-match-page .market-group .market-special {
    padding-left: 5px;
    font-weight:bold
}

.mobile.view-page-sports-select app-scroll-top .scroll-top {
    display: none
}
.mobile .markets-match-header .match-statistics{
    margin: 0
}


/***************************************
# Live Match Page
***************************************/

.mobile .live-page .beto-back-button{
    background-color: var(--c-primary-c);
    width: 100%
}
#root .mobile .live-page .sports-page-filter{
    position: absolute;
    top: 173px;
    z-index: 11;
    margin: 0;
    left: unset;
    right: 145px;
    background-color: transparent
}
#root .mobile .live-page:has(.inline-tournaments-filter) .sports-page-filter,
#root .mobile .live-page:has(.inline-categories-filter) .sports-page-filter{
    top: 227px;
}
#root .mobile .live-page:has(.inline-tournaments-filter:empty) .sports-page-filter,
#root .mobile .live-page:has(.inline-categories-filter:empty) .sports-page-filter{
    top: 173px;
}
.mobile .live-page .sports-page-filter ul li{
    padding: 5px;
    height: 26px
}
.mobile .live-page .sports-page-filter ul li a{
    width: 16px;
    height: 16px;
    background-size: 16px
}
.mobile .site.live-match-page, .mobile .site.live-page {
    background-color: var(--c-primary-c)
}

.mobile .site.live-match-page .beto-match-breadcrumbs li {
    color: var(--c-white)
}

.mobile .sports-match-header-wrapper.sport-soccer {
    height: 125px
}

.mobile .sports-match-header-wrapper {
    padding-top: 35px
}

#root .mobile .sports-match-wrapper .match-markets-wrapper .market-content .match-odd {
    flex: 1 1 calc(33.333333% - 4px)
}

#root .mobile .site:not(.live-match-page) .sports-match-wrapper .match-markets-wrapper .market-content .match-odd.odd-locked {
    background-color: var(--c-primary-d);
    height: 100%
}


.mobile .sports-match-header-wrapper:not(.sport-soccer) .live-match-score-wrapper {
    top: 50px;
}
.mobile .sport-soccer .markets-match-live-info-wrapper app-goals {
    top: 45px
}
.mobile .markets-match-live-info-wrapper .live-match-set-scores .live-set:last-child {
    /* top:45px; */
}
.mobile .betradar-widget-v3 {
    color: var(--c-primary-d)
}

/* Alex: Temporarily disabled this on 02/01/2024
.mobile .betradar-widget-v3 .sr-bb svg:not(:root) {
    fill: var(--c-primary-d)
}
*/

.mobile .betradar-widget-v3 .sr-bb div {
    border-color: var(--c-tint-b)
}
.mobile .betradar-widget-v3 .sr-bb .sr-lmt-plus__footer-wrapper{
    min-height: 40px
}
.mobile .betradar-widget-v3 .sr-bb .sr-lmt-plus__expand-wrapper{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 40px
}
.mobile .betradar-widget-v3 .sr-bb .sr-lmt-plus__expand-wrapper svg{
    order: 1;
    flex: 1 1 100%;
    height: 16px;
    margin: 2px 0
}
/* .mobile .beto-live-match-tracker > app-tracker-streamer-toolbar:before{
    content: "";
    display: flex;
    margin: 0 auto;
    width: 24px;
    height: 24px;
    color: transparent;
    background: url(/v1.1046/r/images/cybet/icons/arrow-down.svg) center center no-repeat;
    background-size: contain;
    padding-top: 10px;
} */
.mobile .show-hide-component.tracker{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 0;
    font-size: 0;
}
.mobile .betradar-widget-v3 .sr-bb .sr-lmt-plus__expand-wrapper:before,
.mobile .show-hide-component.tracker:before {
    content: "";
    display: flex;
    margin: 0;
    order: 2;
    width: 18px;
    height: 18px;
    color: transparent;
    background: url(/v1.1046/r/images/cybet/icons/MatchTracker-Off.svg) center center no-repeat;
    background-size: contain;
}
#root .mobile .show-hide-component{
    height: auto;
}
.mobile .betradar-widget-v3 .sr-bb .sr-lmt-plus__expand-wrapper:after,
.mobile .show-hide-component.tracker:after{
    content: "Match Tracker";
    display: flex;
    order: 3;
    margin-left: 5px;
    font-size: 14px;
    color: var(--c-white-e);
    line-height: 15px;
    font-weight: bold;
}
.mobile.view-page-sports-match .show-hide-component.tracker:after{
    content: "Match Info";
}
.mobile.view-page-live-match .show-hide-component.tracker:after{
    content: "Match Tracker";
}
.mobile .sr-bb .sr-lmt-plus__expand-wrapper.srm-is-collapsed{
    -webkit-transform: unset;
    transform: unset
}
.mobile .sr-bb .sr-lmt-plus__expand-wrapper{
    -webkit-transform: unset;
    transform: unset
}
.mobile .sr-bb .sr-lmt-plus__expand-wrapper.srm-is-collapsed > svg{
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
.mobile .sr-bb .sr-lmt-plus__expand-wrapper > svg{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.mobile .sports-match-header-wrapper:not(.sport-soccer) .live-match-servers {
    /* min-width: 100%; */
    padding: 0 15px;
    top:47px;
}
.live-match-page .markets-match-header .markets-match-data .table-tennis ~ .match-statistics,
.live-match-page .markets-match-header .markets-match-data .tennis ~ .match-statistics,
.live-match-page .markets-match-header .markets-match-data .basketball ~ .match-statistics,
.live-match-page .markets-match-header .markets-match-data .match-statistics{
    /* top:45px; */
}
/* .mobile .live-match-page .markets-match-header .markets-match-data .soccer ~ .match-statistics{
    top: 72px
} */
.mobile .match-market-filter-wrapper input{
    width: 100%
}
.betbuilder-offered .match-market-filter-wrapper input{
    width: calc(100% - 40px)    
}

#root .mobile .match-page .betbuilder-toggle{
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    height: 0;
    width: 100%;
    position: relative
}
#root .mobile .match-page .betbuilder-toggle .toggle-switch-container{
    position: absolute;
    top: -44px;
    right: 8px;
    height: 28px
}
#root .mobile .match-page .betbuilder-toggle .toggle-switch-text{
    display: none
}
#root .mobile .match-page .betbuilder-toggle .toggle-switch .slider:before{
    z-index: 2
}
#root .mobile .match-page .betbuilder-toggle .slider:after{
    content: 'BB';
    position: absolute;
    top: 7px;
    right: 13px;
    font-weight: bold;
    color: var(--c-primary);
    transition: all .5s;
    z-index: 1
}
#root .mobile .match-page .betbuilder-toggle .toggle-switch input:checked + .slider:after{
    transform: translateX(-19px)
}
#root .mobile.betbuilder-offered .match-market-group{
    width: calc(100% - 74px)
}
#root .mobile .match-market-group{
    width: calc(100% - 50px);
}
/* #root #mainDiv.mobile:not(.betbuilder-enabled) .match-market-group{
    width: 100%
} */
.mobile .sports-match-wrapper .toggle-all-expanded{
    background-color: unset;
    top: -36px
}
.mobile.betbuilder-offered .sports-match-wrapper .toggle-all-expanded{
    top: -73px;
}
.mobile .live-match-tracker-other,
body.large .mobile .live-match-tracker-other {
    min-height: 255px;
}
/***************************************
# Live Calendar Page
***************************************/

.mobile .live-calendar-page .coupon-light .events-sport-wrapper .is-live-booked {
    border: 0
}
.mobile .live-calendar-page .coupon-light .events-sport-wrapper .events-item-wrapper .match-links .match-favorite{
        margin-left: 0
}
.mobile .live-calendar-page .events-item-wrapper .match-info .match-type {
    /* left: 90px */
}

.mobile .live-calendar-page .events-item-wrapper .match-info .match-teams {
    flex-direction: column;
    align-items: flex-start;   
}

.mobile .live-calendar-page .match-team-separator {
    display: none
}

.mobile .live-calendar-page .match-tournament, .mobile .live-calendar-page .match-category {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: calc(calc(100vw - 121px) / 2)
}

.mobile .live-calendar-page .events-tournaments-wrapper .events-tournament-header {
    margin: 5px 8px;
}

.mobile .coupon-light .events-tournaments-wrapper .events-tournament-header .events-category-flag, .mobile .live-calendar-page .coupon-light .events-tournaments-wrapper .events-category-tournament-names .events-category-name {
    display: flex
}

.mobile .live-calendar-page app-sports-coupon.coupon-light .tournament-header-wrapper:after {
    display: none
}

.mobile .live-calendar-page app-sports-coupon.coupon-light .tournament-header-wrapper .toggle-button {
    width: 32px;
    height: 32px;
    background-image: url(/v1.1046/r/images/cybet/icons/arrow-down-dark.svg);
    background-size: contain;
    opacity: .7;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: auto
}

.mobile .live-calendar-page app-sports-coupon.coupon-light app-market-headings-container {
    display: none
}

/***************************************
# Internal User Pages
***************************************/
/* Internal Mobile Left Menu */
.mobile .internal-user-page .account-content-page {
    height: 100%
}

.mobile .internal-user-page .content {
    /*    height: unset; */
    /*   overflow-y: initial; */
    /* height: calc(100vh - 92px); */
    background-color:var(--c-background)
}

#root .internal-left-menu-show {
    top: 0!important;
    left: 0!important;
    width: 280px!important;
    max-width: 280px!important
}

#root .internal-left-menu-show .ui-dialog-content {
    background-color: var(--c-primary-b);
    height: 100vh!important;
    border: none;
    overflow-x: hidden;
    background-color: var(--c-white-e);
    padding: 0;
}

.mobile .internal-left-sidebar .internal-logo {
    display: flex;
    justify-content: center
}

.mobile .internal-left-sidebar .internal-logo img {
    width: 108px
}

#root .mobile .internal-left-sidebar {
    min-width: 200px;
    max-width: 200px
}

.mobile .internal-left-sidebar .internal-title {
    font-size: 16px
}

.mobile .internal-left-sidebar .internal-title:before {
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.mobile .internal-left-sidebar .internal-title > div, .mobile .internal-left-sidebar .internal-title > .logout-button {
    font-size: 16px;
    justify-content: flex-start;
    padding-left: 40px
}

.mobile .internal-left-sidebar .internal-sidebar-link {
    position: unset;
    display: flex
}

.mobile .transactions, .mobile .history, .mobile .profile, .mobile .personaldata, .mobile .promotion, .mobile .contactus {
    max-height: 100%
}

/* Internal Mobile Left Menu  Light Design*/
body .internal-left-menu-show.ui-dialog .ui-dialog-titlebar {
    background-color: var(--c-white-e);
    color: var(--c-primary)
}

body .internal-left-menu-show.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
    color: var(--c-primary)
}

.internal-left-sidebar.light-design .internal-title {
    padding-left: 5px;
    background-color: var(--c-primary-d);
    color: var(--c-primary)!important
}

.internal-left-sidebar.light-design .internal-title .logout-button {
    color: var(--c-primary)
}

.mobile .internal-left-sidebar.light-design .internal-title > div, .mobile .internal-left-sidebar.light-design .internal-title > .logout-button {
    padding: 5px 0 5px 40px;
    align-items: center;
    margin: 0
}

.mobile .internal-left-sidebar.light-design .internal-title:before {
    left: 10px
}

.internal-left-sidebar.light-design .internal-sidebar-link li {
    color: var(--c-primary);
    text-indent: 40px
}

.internal-left-sidebar.light-design .internal-title:before {
    width: 20px;
    height: 20px
}

.internal-left-sidebar.light-design .transactions-title:before {
    background-image: url("/v1.1046/r/images/cybet/icons/credit-cart-dark.svg")!important
}

.internal-left-sidebar.light-design .history-title:before {
    background-image: url("/v1.1046/r/images/cybet/icons/history-dark.svg")!important
}

.internal-left-sidebar.light-design .profile-title:before {
    background-image: url("/v1.1046/r/images/cybet/icons/profile-dark.svg")!important
}

.internal-left-sidebar.light-design .personaldata-title:before {
    background-image: url("/v1.1046/r/images/cybet/icons/identification-dark.svg")!important
}

.internal-left-sidebar.light-design .promotion-title:before {
    background-image: url("/v1.1046/r/images/cybet/icons/promotion-dark.svg")!important
}

.internal-left-sidebar.light-design .contactus-title:before {
    background-image: url("/v1.1046/r/images/cybet/icons/contact-dark.svg")!important
}

.internal-left-sidebar.light-design .logout-title:before {
    background-image: url(/v1.1046/r/images/cybet/icons/icon-logout.svg)!important
}

.mobile .light-design .transactions, .mobile .light-design .history, .mobile .light-design .profile, .mobile .light-design .personaldata, .mobile .light-design .promotion, .mobile .light-design .contactus {
    max-height: 100% !important
}

@media only screen and (max-width: 1100px) {
    .internal-left-sidebar.light-design .internal-sidebar-link ul {
        background-color: var(--c-white-e)
    }

    .internal-left-sidebar .internal-sidebar-menu, .internal-left-sidebar.light-design .internal-sidebar-link li {
        padding: 0;
    }
}

/* Internal Header */
.mobile .site.internal-user-page {
    margin-top: 0;
    position: relative;
    overflow: unset;
    min-height:100vh;
    margin-bottom: 0px;
}

.internal-header {
    display: flex;
    position: sticky;
    top: 0;
    background-color: var(--c-white-e);
    z-index: 4
}

#root .internal-header > app-widget-host {
    display: flex;
   
    flex-direction: column
}

#root .internal-header .internal-header-top > app-widget-host {
    display: flex;
    align-items: center;
    height: 50px;
    box-shadow: 0 3px 8px rgb(0 0 0 / 15%);
    padding: 8px
}

.internal-header .internal-left-menu .internal-menu-icon img {
    height: 20px
}

.internal-header .internal-header-unread-messages {
    margin-left: auto;
    padding: 0 8px
}

.internal-header .internal-header-unread-messages > app-widget-host {
    display: flex
}

.internal-header .internal-header-unread-messages .unread-icon {
    background-image: url(/v1.1046/r/images/cybet/icons/icon_email.png);
    width: 30px;
    height: 30px;
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer
}

.internal-header .internal-header-close {
    font-size: 18px;
    font-weight: bold;
    border-left: 1px solid var(--c-primary);
    height: 100%;
    display: flex;
    align-items: center;
    width: 50px;
    justify-content: center
}
.internal-header .internal-header-close > div{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}
.internal-header .balance-info > app-widget-host {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px
}

.internal-header .balance-info data-view {
    font-weight: bold;
    display: flex;
    align-items: center
}

.internal-header .balance-info data-view:before {
    content: "";
    /* background-image: url("/v1.1046/r/images/cybet/icons/redo.svg"); */
    /*  width: 20px; */
    /*  height: 20px; */
    display: block;
    background-size: cover;
    margin-right: 5px
}

.internal-header .balance-info data-view:after {
    content: "";
    background-image: url("/v1.1046/r/images/cybet/icons/arrow-down-dark.svg");
    width: 20px;
    height: 20px;
    display: block;
    padding-bottom: 6px
}

.internal-header .balance-info .deposite-button {
    background-color: var(--c-green);
    color: var(--c-white-e);
}

.internal-header .balance-info .deposite-button > div {
    padding: 10px 20px
}

.internal-header .internal-sidebar-menu {
    transition: all .3s;
    display: flex
}

.internal-header .internal-sidebar-menu > app-widget-host {
    display: flex;
    flex-direction: column
}

.internal-header .internal-sidebar-menu .internal-title {
    font-size: 20px;
    padding: 8px
}

.internal-header .internal-sidebar-menu .internal-user-balance {
    border-bottom: 1px solid var(--c-primary);
}

.internal-header .internal-sidebar-menu .internal-user-balance data-view {
    font-size: 16px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    padding: 8px
}

.internal-header .internal-sidebar-menu .internal-user-balance data-view:before {
    /* content: "Balance"; */
}

.internal-header .internal-sidebar-menu .internal-user-balance-options {
    padding: 8px
}

.internal-header .internal-sidebar-menu .internal-user-balance-options data-view {
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    opacity: .7;
    padding: 8px 0
}

.internal-header .internal-sidebar-menu .internal-user-balance-options .internal-available-betting data-view:before {
    /* content: "Available for Betting"; */
    font-weight: normal
}

.internal-header .internal-sidebar-menu .internal-user-balance-options .internal-available-withdrawal data-view:before {
    /* content: "Available for Withdrawal"; */
    font-weight: normal
}

.internal-header .internal-sidebar-menu .internal-user-balance-options .column-reservedwithdraw {
    padding: 0
}

.internal-header .internal-sidebar-menu .internal-user-balance-options .internal-available-withdrawalcancel data-view:before {
    /* content: "Reserved to Withdraw"; */
    font-weight: normal;
    font-size: 14px
}

.internal-header .internal-sidebar-menu .internal-user-balance-options .internal-available-bonus data-view:before {
    /* content: "Available for Bonus"; */
    font-weight: normal;
    font-size: 14px
}

.internal-header .internal-sidebar-menu .internal-available-rollover .internal-available-rollover-current data-view:before {
    /* content: "Roll Over"; */
    font-weight: normal;
    font-size: 14px
}

.internal-header .internal-sidebar-menu .internal-available-rollover .internal-available-rollover-target data-view:before {
    content: "/";
    padding: 0 5px
}

#root:not(.mobile-bet) .internal-header .internal-sidebar-menu {
    display: flex;
    height: 0;
    overflow: hidden;
    transition: all .3s
}

.mobile .internal-header-bottom {
    padding: 0 8px
}

.mobile .internal-header-bottom > app-widget-host {
    display: flex;
    flex-direction: column
}

#root.mobile-bet .internal-header .internal-sidebar-menu {
    height: 100%;
    transition: all .3s;
}

/* Internal Deposit And Withdraw */

.mobile .internal-user-page .internal-content-title {
    z-index: 4;
    position: fixed;
    left: 60px;
    padding: 15px 5px 15px 0px;
    font-size: 16px;
    top: 0
}

.mobile .internal-user-page .internal-content-box {
    /* height: calc(100vh - 102px); */
    height: 100%;
    margin: 0;
}
.mobile .internal-user-page .internal-content-box{
    margin-bottom: 60px
}
.mobile-bet .mobile .internal-user-page .internal-content-box {
    height: calc(100vh - 362px);
}

.mobile .internal-user-page .internal-deposit-container .internal-deposit-methods, .mobile .internal-user-page .internal-withdraw-container .internal-withdraw-methods {
    flex: 0 0 calc(100% - 16px)
}
.mobile .internal-withdraw-container .payment-method-wrapper .payment-logo{
    padding-bottom: 20px
}
.mobile .payment-method-wrapper .withdrawal > div,
body .mobile .payment-method-wrapper select{
    width: 100%
}
.mobile .payment-method .payment-form .generic-form .form-row .form-label{
    width: 100%
}

/* Bet History */

.mobile .internal-user-page .settled-bets .history-header .history-filter > p-dropdown, .mobile .internal-user-page .settled-bets .history-header .history-from .ui-calendar-w-btn, .mobile .internal-user-page .settled-bets .history-header .history-to .ui-calendar-w-btn {
    width: 250px;
    max-width: 250px
}

.mobile .internal-user-page .history-bet-wrapper > .history-bet-header > div {
    border: 0;
    padding: 0;
    font-size: 12px;
    height: 50px
}
.mobile .internal-user-page  .history-bet-wrapper > .history-bet-header .history-bet-toggle{
    right: 0px;
    background-size: 28px;
    background-position: calc(100% - 8px) center;
    width: 100%;
    height: 100%;
}
#root .mobile .internal-user-page .history-bet-header > .history-bet-date-time-id {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    font-size: 12px;
    /* padding-right: 40px; */
}
.mobile .internal-user-page .history-bet-header .history-bet-date-time-id .history-bet-date, .mobile .internal-user-page .history-bet-header .history-bet-date-time-id .history-bet-time {
    /* flex: 1 1 auto; */
    text-align: right;
    display:
    flex;
    align-items:
    center;
}
.mobile .internal-user-page .history-bet-header .history-bet-date-time-id .history-bet-id {
    flex: 1 1 25%;
    flex-direction: row;
    height: auto;
    border: 0;
    align-items:
    center;
    justify-content: center;
    position:
    absolute;
    right:0px;
    width:25%;
    height:50px;
    padding-bottom: 0;
    padding-right:35px
}
.mobile .internal-user-page .history-bet-wrapper.won > div.history-bet-footer > div.history-bet-winnings span:last-child,
.mobile .internal-user-page .history-bet-wrapper.Won-Cashout> div.history-bet-footer > div.history-bet-winnings span:last-child {
    display:block
}
.mobile .internal-user-page .history-bet-wrapper.won-cashout > div.history-bet-footer > div.history-bet-winnings span:last-child {
    display:block
}
.mobile .internal-user-page .history-bet-wrapper.lost > div.history-bet-footer > div.history-bet-possible-winnings span:last-child,
.mobile .internal-user-page .history-bet-wrapper.open > div.history-bet-footer > div.history-bet-possible-winnings span:last-child{
    display: block;
    /* margin-top:15px; */
    text-align: right
}
#root .mobile .internal-user-page .history-bet-wrapper > .history-bet-content .history-bet-match-wrapper .match-and-time, #root .mobile .internal-user-page .history-bet-wrapper > .history-bet-content .history-bet-match-wrapper .match-date-code-wrapper {
    font-size: 10px;
    margin-top:auto
}

#root .mobile .internal-user-page .history-bet-wrapper > .history-bet-content .history-bet-match-details .match-date-code-wrapper:after {
    margin: 0;
    padding: 0 0 0 8px;
}
#root .mobile .internal-user-page .history-bet-wrapper > .history-bet-content .history-bet-match-wrapper .selection-and-odds {
    padding: 0;
    font-size: 12px
}
.mobile .internal-user-page .history-bet-wrapper > .history-systems-wrapper {
    /* display: none; */
}
.mobile .internal-user-page .history-bet-wrapper > .history-bet-footer {
    font-size: 12px;
    /* padding-right:25px; 
    border-left: 1px solid var(--c-shade);*/
    border-right: 1px solid var(--c-shade);
    border-bottom: 1px solid var(--c-shade);
}
#root .mobile .internal-user-page .history-bet-wrapper.expanded > div.history-bet-footer {
    height:33px;
    padding-right:25px;;
}
.mobile .internal-user-page .statement-header-wrapper .statement-from .ui-calendar-w-btn, .mobile .internal-user-page .statement-header-wrapper .statement-to .ui-calendar-w-btn {
    width: 250px;
    max-width: 250px
}
.mobile .history-bet-match-wrapper app-bet-match{
    margin-right: 2rem;
}
.mobile .internal-user-page .history-selection-info{
    position: unset;
    transform: unset;
    flex: 1 1 100%
}
.mobile .internal-user-page .history-bet-wrapper > .history-bet-content .selection-and-odds .history-bet-odds{
    font-weight: bold
}
#root .mobile .history-bet-match-wrapper app-bet-match .match-date-code-wrapper{
    margin-right: 0
}
.mobile .internal-user-page .history-bet-wrapper.open > .history-bet-content .selection-and-odds .history-bet-odds,
#root .mobile .history-bet-wrapper.open .history-bet-match-wrapper app-bet-match .match-date-code-wrapper,
#root .mobile .internal-user-page .history-bet-wrapper.expanded.open > div.history-bet-footer{
    padding-right: 0;
    margin-right: 0
}
#root .mobile .internal-user-page .history-bet-wrapper > .history-bet-content .history-bet-match-wrapper .match-and-time{
    flex-direction: row;
    position: unset;
    flex: 1 1 60%
}
#root .mobile .internal-user-page .history-bet-wrapper > .history-bet-content .history-bet-match-wrapper .match-date-code-wrapper{
    flex-direction: row-reverse;
    justify-content: flex-start;
    position: unset;
    flex: 1 1 40%
}
#root .mobile .history-bet-match-wrapper .match-date-code-wrapper .betslip-match-code {
    padding-left: 8px;
}
#root .mobile .internal-user-page .history-bet-wrapper > .history-bet-content .history-bet-match-details .match-date-code-wrapper:after{
    right: -1.9rem
}
.mobile .internal-user-page .history-bet-wrapper > .history-bet-footer > .history-bet-possible-winnings{
    justify-content: flex-end
}
.mobile .internal-user-page .history-bet-wrapper > .history-bet-header .history-bet-info:after,
.mobile .internal-user-page .history-bet-wrapper > .history-bet-header .history-bet-info:after,
.mobile .internal-user-page .history-bet-wrapper > .history-bet-header .history-bet-info:after{
    display: none
}
.mobile .internal-user-page .history-bet-wrapper > div:not(.history-actions-wrapper):after{
    content: "";
    display: flex;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}
.mobile .internal-user-page .history-bet-wrapper.open > div:after{
    border-left: 7px solid var(--c-primary)
}
.mobile .internal-user-page .history-bet-wrapper.won-cashout:after,
.mobile .internal-user-page .history-bet-wrapper.Won-Cashout:after {
    border-left: 7px solid var(--c-emphasis);
}
.mobile .internal-user-page  .history-bet-wrapper.won > div:not(.history-bet-content):not(.history-systems-wrapper):after{
    background-color:var(--c-green);
    border:unset;
}
.mobile .internal-user-page  .history-bet-wrapper.lost > div:not(.history-bet-content):not(.history-systems-wrapper):after {
    background-color:var(--c-red);
    border:unset;
}
.mobile .internal-user-page  .history-bet-wrapper.Won-Cashout > div:not(.history-bet-content):not(.history-systems-wrapper):after{
   background-color:var(--c-emphasis);
    border:unset;
}
.mobile .internal-user-page .history-bet-wrapper > div:not(.history-actions-wrapper){
    position: relative;
    overflow: hidden
}
.mobile .internal-user-page .history-bet-wrapper > .history-bet-header{
    padding-left: 7px
}
.mobile .internal-user-page .history-bet-wrapper > div.history-bet-footer > div.history-bet-winnings span:first-child{
    display: block
}
.mobile .internal-user-page .history-bet-wrapper > .history-bet-footer > div.history-bet-winnings{
    justify-content: flex-end;
    font-weight: bold
}
.mobile .mobile-my-bets-modal.ui-dialog .ui-dialog-content{
    padding-bottom:80px
}
.mobile.os-ios .mobile-my-bets-modal.ui-dialog .ui-dialog-content{
    padding-bottom: 100px
}
#root .mobile .internal-user-page  .history-bet-wrapper {
    /* background-color:unset; */
    border-radius: 15px;
    border: 0;
}
#root .mobile .internal-user-page  .history-bet-wrapper.product-outrights .history-bet-reload {
    display:none;
}
.mobile .internal-user-page  .settled-bets .history-header .history-filter > p-dropdown, .mobile .internal-user-page  .settled-bets .history-header .history-from .ui-calendar-w-btn, .mobile .internal-user-page  .settled-bets .history-header .history-to .ui-calendar-w-btn {
    width: 250px;
    max-width: 250px
}
.mobile .internal-user-page  .history-bet-wrapper > .history-bet-header {
    flex-wrap:wrap;
    flex-direction:row;
}
.mobile .internal-user-page  .history-bet-wrapper > .history-bet-header > div {
    border: 0;
    padding: 0;
    font-size: 12px;
    flex: unset;
    flex-direction: row;
    height: unset;
    width: unset;
}
.mobile .internal-user-page  .history-bet-wrapper > .history-bet-header > div.history-bet-info {
    order:-1;
    width: calc(100% - 146px);
    justify-content: flex-start;
    margin-bottom: 4px;
    color:var(--c-text-2)
}
.mobile .internal-user-page  .history-bet-wrapper > .history-bet-header > div.history-bet-stake {
    order: 5;
    width:50%;
    justify-content: flex-end;
}
.mobile .internal-user-page  .history-bet-wrapper > .history-bet-header > div.history-bet-status {
    display:none;
}
.mobile .internal-user-page  .history-bet-wrapper > .history-bet-header > div.history-bet-date {
    order:0;
}
.mobile .internal-user-page  .history-bet-wrapper > .history-bet-header > div.history-bet-time {
    order:1;
}

.mobile .internal-user-page  .history-bet-wrapper.expanded > .history-bet-header .history-bet-toggle {
    background-position: 8px center;
}
#root .mobile .internal-user-page  .history-bet-header > .history-bet-date-time-id {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    font-size: 12px;
    order: 4;
    width: 50%;
    /* padding-right: 40px; */
}
.mobile .internal-user-page  .history-bet-header .history-bet-date-time-id .history-bet-date, .mobile .internal-user-page  .history-bet-header .history-bet-date-time-id .history-bet-time {
    flex: unset;
    text-align: right;
    display:
    flex;
    align-items:
    center;
}
.mobile .internal-user-page  .history-bet-header .history-bet-date-time-id .history-bet-date {
    flex:1;
    position: absolute;
    top: 8px;
    right: 74px;
    width:70px;
    color:var(--c-text-2)
}
.mobile .internal-user-page  .history-bet-header .history-bet-date-time-id .history-bet-date::after {
    content:"-";
    display:block;
    margin:0px 2px;
}
.mobile .internal-user-page  .history-bet-header .history-bet-date-time-id .history-bet-time {
    position:absolute;
    top: 8px;
    right:40px;
    width:34px;
    color:var(--c-text-2)
}
.mobile .internal-user-page  .history-bet-header .history-bet-date-time-id .history-bet-id {
    flex: unset;
    flex-direction: row;
    height: auto;
    border: 0;
    align-items:
    center;
    justify-content: center;
    /* position:
    absolute; */
    /* width: calc(50% - 24px); */
    right:0px;
    /* width:25%; */
    width: unset;
    height: unset;
    padding-bottom: 0;
    order: 3;
    position: unset;
    padding-right: unset;
}
.mobile .internal-user-page  .history-bet-header .history-bet-date-time-id .history-bet-id-copy {
    order:4;
    position: relative;
    z-index: 1;
    margin-left:4px;
}
.mobile .internal-user-page  .history-bet-header .history-bet-date-time-id .history-bet-id-copy-notify {
    position:absolute;
    top:0;
    right:0;
    transform:translate(100%,-50%);
    font-size:0px;
    
}
.mobile .internal-user-page  .history-bet-header .history-bet-date-time-id .history-bet-id-copy-notify::before {
    content:"Copied!";
    font-size:12px;
    z-index:2;
    background-color:var(--c-emphasis);
    padding:2px 5px;
    border-radius:5px;
    border-bottom-left-radius:0px;
}
.mobile .internal-user-page  .history-bet-header .history-bet-date-time-id .history-bet-id-copy input{
    width: 20px;
    height: 20px;
    border:0;
    color:transparent;
    background-image:url(/v1.160/r/images/cybet/icons/copyIDCybet.svg);
    background-repeat:no-repeat;
    background-size:14px;
    background-position:center;
    background-color:transparent;
    padding: 0px;
}
.mobile .internal-user-page  .history-bet-wrapper.won > div.history-bet-footer > div.history-bet-winnings span:last-child,
.mobile .internal-user-page  .history-bet-wrapper.Won-Cashout> div.history-bet-footer > div.history-bet-winnings span:last-child {
    display:block
}
.mobile .internal-user-page  .history-bet-wrapper.won-cashout > div.history-bet-footer > div.history-bet-winnings span:last-child {
    display:block
}
.mobile .internal-user-page  .history-bet-wrapper.lost > div.history-bet-footer > div.history-bet-possible-winnings span:last-child,
.mobile .internal-user-page  .history-bet-wrapper.open > div.history-bet-footer > div.history-bet-possible-winnings span:last-child{
    display: block;
    /* margin-top:15px; */
    text-align: right
}

.mobile .internal-user-page  .history-bet-wrapper.open > div.history-bet-footer > div.history-bet-possible-winnings span:first-child {
    color:var(--c-text-2)
}
#root .mobile .internal-user-page  .history-bet-wrapper > .history-bet-content .history-bet-match-wrapper .match-and-time, #root .mobile .internal-user-page  .history-bet-wrapper > .history-bet-content .history-bet-match-wrapper .match-date-code-wrapper {
    font-size: 10px;
    margin-top:auto
}

#root .mobile .internal-user-page  .history-bet-wrapper > .history-bet-content .history-bet-match-details .match-date-code-wrapper:after {
    margin: 0;
    padding: 0 0 0 8px;
    display: none;
}
#root .mobile .internal-user-page  .history-bet-wrapper > .history-bet-content .history-bet-match-wrapper .selection-and-odds {
    padding: 0;
    font-size: 12px;
    order: -1;
}
#root .mobile .internal-user-page  .history-bet-wrapper > .history-bet-content .history-bet-match-wrapper .market-name {
    color:var(--c-text-1);
    font-style:italic;
}
.mobile .internal-user-page  .history-bet-wrapper > .history-systems-wrapper {
    /* display: none; */
}
.mobile .internal-user-page  .history-bet-wrapper > .history-bet-footer {
    font-size: 12px;
    /* padding-right:25px; 
    border-left: 1px solid var(--c-shade);*/
    border-right: 1px solid var(--c-shade);
    border-bottom: 1px solid var(--c-shade);
    border-left: 1px solid var(--c-shade);
    position:relative;
}
.mobile .internal-user-page  .history-bet-wrapper > .history-bet-footer::before {
    width:calc(100% - 12px);
    left:50%;
    content:"";
    position:absolute;
    top:0;
    height:1px;
    background-color:var(--c-shade);
    transform:translate(-50%,0%);
}
.mobile .internal-user-page  .history-bet-wrapper:not(.open) > .history-bet-footer,
.mobile .internal-user-page  .history-bet-wrapper:not(.expanded) > .history-bet-footer{
    border-bottom-left-radius: 15px;
    border-bottom-right-radius:15px;
}
#root .mobile .internal-user-page  .history-bet-wrapper.expanded > .history-actions-wrapper {
    padding:10px;
    border:1px solid var(--c-shade);
    border-top:0px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius:15px;
    flex-direction:row;
    flex-wrap:wrap;
    height:auto;
    max-height:unset;
    background: transparent;
    position:relative;
}
#root .mobile .internal-user-page  .history-bet-wrapper.expanded.has-bet-builder > .history-actions-wrapper {
    /* padding:0px; */
    /* border: 0; */
}
.mobile .internal-user-page  .history-bet-wrapper .history-actions-wrapper .history-bet-action.history-bet-cashout {
    border-radius:15px;
    min-height:42px;
    order:-1;
    width: 100%;
    flex: unset;
}
.mobile .internal-user-page  .history-bet-wrapper .history-actions-wrapper .history-bet-action.history-bet-confirm {
    width:calc(50% - 5px);
    flex:unset;
    order:-1;
    border-radius:15px;
    margin-left:5px;
    margin-top:30px;
}
#root .mobile .internal-user-page  .history-bet-wrapper .history-actions-wrapper .history-bet-action.history-bet-cancel {
    width:calc(50% - 5px);
    flex:unset;
    order:0;
    margin-bottom:0;
    border-radius:15px;
    margin-right:5px;
    margin-top:30px;
}
#root .mobile .internal-user-page .history-bet-wrapper.expanded .history-actions-wrapper .history-bet-action.history-bet-cancel::before {
    content:"Available Cashout amount";
    position:absolute;
    left:0;
    top:5px;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    height:30px;
    color:var(--c-black-e);
    font-size:12px;
}

.mobile .internal-user-page  .history-bet-wrapper .history-actions-wrapper .history-bet-action.history-bet-reload {
    max-width:100px;
    border:1px solid black;
    margin-top:8px;
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    order:3;
    margin-left:40px;
}
.mobile .internal-user-page  .history-bet-wrapper .history-actions-wrapper .history-bet-action.history-bet-reload::after {
    content:"";
    width:24px;
    height:24px;
    display:block;
    background-image:url(/v1.160/r/images/cybet/icons/Horizontal_switch.svg);
    background-position:center;
    background-size:18px;
    background-repeat:no-repeat;
}
#root .mobile .internal-user-page  .history-bet-wrapper.expanded > div.history-bet-footer {
    height:33px;
    
}
#root .mobile .internal-user-page  .history-bet-wrapper.expanded.has-bet-builder > div.history-bet-footer {
    /* border-bottom-left-radius:15px; */
    /* border-bottom-right-radius:15px; */
}
.mobile .internal-user-page  .statement-header-wrapper .statement-from .ui-calendar-w-btn, .mobile .internal-user-page  .statement-header-wrapper .statement-to .ui-calendar-w-btn {
    width: 250px;
    max-width: 250px
}
.mobile .internal-user-page  .history-bet-match-wrapper app-bet-match{
     margin-right: 0rem; 
}
.mobile .internal-user-page  .history-selection-info{
    position: unset;
    transform: unset;
    flex: 1 1 100%
}
.mobile .internal-user-page  .history-bet-wrapper > .history-bet-content .selection-and-odds .history-bet-odds{
    font-weight: bold;
    display:flex;
    flex-direction:row;
}
.mobile .internal-user-page  .history-bet-wrapper > .history-bet-content  .selection-and-odds .history-bet-odds:after {
    content:"";
    width:16px;
    height:16px;
    order:-1;
     background-size:14px;
    background-repeat:no-repeat;
    background-position:center;
    margin-right:5px;
}
.mobile .internal-user-page  .history-bet-wrapper > .history-bet-content .won .selection-and-odds .history-bet-odds:after {
    background-image:url(/v1.160/r/images/cybet/icons/won.svg);
   
}
.mobile .internal-user-page  .history-bet-wrapper > .history-bet-content .lost .selection-and-odds .history-bet-odds:after {
    background-image:url(/v1.160/r/images/cybet/icons/lost.svg);
   
}
#root .mobile .history-bet-match-wrapper app-bet-match .match-date-code-wrapper{
    margin-right: 0
}
.mobile .internal-user-page  .history-bet-wrapper.open > .history-bet-content .selection-and-odds .history-bet-odds,
#root .mobile .history-bet-wrapper.open .history-bet-match-wrapper app-bet-match .match-date-code-wrapper,
#root .mobile .internal-user-page  .history-bet-wrapper.expanded.open > div.history-bet-footer{
    padding-right: 0;
    margin-right: 0
}
#root .mobile .internal-user-page  .history-bet-wrapper > .history-bet-content .history-bet-match-wrapper .match-and-time{
    flex-direction: row;
    position: unset;
    flex: 1 1 60%
}
#root .mobile .internal-user-page  .history-bet-wrapper > .history-bet-content .history-bet-match-wrapper .match-date-code-wrapper{
    flex-direction: row-reverse;
    justify-content: flex-start;
    position: unset;
    flex: 1 1 40%;
    color: var(--c-text-1);/;
}
#root .mobile .history-bet-match-wrapper .match-date-code-wrapper .betslip-match-code {
    padding-left: 8px;
}
#root .mobile .internal-user-page  .history-bet-wrapper > .history-bet-content .history-bet-match-details .match-date-code-wrapper:after{
    right: -1.9rem
}
.mobile .internal-user-page  .history-bet-wrapper > .history-bet-footer > .history-bet-possible-winnings{
    justify-content: flex-end
}
.mobile .internal-user-page  .history-bet-wrapper > .history-bet-header .history-bet-info:after,
.mobile .internal-user-page  .history-bet-wrapper > .history-bet-header .history-bet-info:after,
.mobile .internal-user-page  .history-bet-wrapper > .history-bet-header .history-bet-info:after{
    display: none
}
.mobile .internal-user-page  .history-bet-wrapper > div:not(.history-actions-wrapper).history-bet-header:after{
    content: "";
    display: flex;
    height: 70%;
    position: absolute;
    width:2px;
    left: 9px;
    top: 50%;
    transform:translate(0%, -50%);
    border-radius:5px;
}
.mobile .internal-user-page  .history-bet-wrapper.open > div:after{
    background-color:var(--c-primary);
    border:unset;
}
.mobile .internal-user-page  .history-bet-wrapper.won-cashout:after,
.mobile .internal-user-page  .history-bet-wrapper.Won-Cashout:after {
    background-color:var(--c-emphasis);
    border:unset;
}


.mobile .internal-user-page  .history-bet-wrapper.Won-Cashout > div:not(.history-bet-content):not(.history-systems-wrapper):after{
   background-color:var(--c-emphasis);
    border:unset;
}
.mobile .internal-user-page  .history-bet-wrapper > div:not(.history-actions-wrapper){
    position: relative;
    overflow: hidden;
    /* border-left: 1px solid var(--c-shade-b); */
}
.mobile .internal-user-page  .history-bet-wrapper > .history-bet-header{
    padding:8px 0px;
    padding-left: 18px;
    padding-right: 40px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    border-left: 1px solid var(--c-shade-b);
    border-bottom: 0;
}
.mobile .internal-user-page  .history-bet-wrapper > div.history-bet-footer > div.history-bet-winnings span:first-child{
    display: block
}
.mobile .internal-user-page  .history-bet-wrapper > .history-bet-footer > div.history-bet-winnings{
    justify-content: flex-end;
    font-weight: bold
}
.mobile .mobile-my-bets-modal.ui-dialog .ui-dialog-content{
    padding-bottom:80px
}
.mobile.os-ios .mobile-my-bets-modal.ui-dialog .ui-dialog-content{
    padding-bottom: 100px
}
.mobile .internal-user-page  .betbuilder-match [class^="history-selection-info-"] {
   padding:5px 8px;
   padding-left:18px;
   position:relative;
   top: unset;
}
.mobile .internal-user-page  .betbuilder-match [class^="history-selection-info-"]::before {
    content:"";
    width:3px;
    height:3px;
    background-color:var(--c-emphasis);
    position:absolute;
    border:1px solid black;
    border-radius:50%;
    left:8px;
    top:50%;
    transform:translate(0%,-50%);
}
.mobile .internal-user-page  .betbuilder-match [class^="history-selection-info-"]::after {
    content:"";
    width:1px;
    height:50%;
    background-color:var(--c-emphasis);
    position:absolute;
   
   border-bottom:0px;
    left:10px;
    top:0%;
    transform:translate(0%,-50%);
}
.mobile .internal-user-page  .betbuilder-match [class^="history-selection-info-"]:first-child::after {
   
     content:"";
    width:1px;
    height:50%;
    background-color:var(--c-emphasis);
    position:absolute;
   
   border-bottom:0px;
    left:10px;
    top:50%;
    transform:translate(0%,50%);
}
.mobile .internal-user-page  .history-bet-wrapper .history-bet-content .history-combine-info .combine-type {
    order:-1;
}
#root .mobile .internal-user-page  .history-bet-wrapper.expanded .history-bet-match-wrapper app-bet-match [class^="history-selection-info-"] .selection-and-odds .history-bet-selection {
    margin-right:8px;
}

/* Responsible Gaming */

.mobile .internal-user-page .responsible-gaming-info app-label-value input {
    min-width: 250px
}
.mobile .internal-user-page .new-metra .dropdown-container button,
.mobile .internal-user-page .new-metra .dropdown-container .values-container{
    width: 250px
}
.mobile .internal-user-page .responsible-gaming-info button {
    min-width: 130px
}

.mobile .internal-user-page .responsible-gaming-info .dropdown-input, #root .mobile .internal-user-page .responsible-gaming-info .input-amount {
    max-width: 250px
}

.mobile .internal-user-page .responsible-gaming-info app-self-suspension .label-value-container .required-inline-field {
    left: -5px
}

.mobile .internal-user-page .responsible-gaming-info .access-limits-tabs-header, .mobile .internal-user-page .responsible-gaming-info .access-limits-tabs-rows > div, .mobile .internal-user-page .responsible-gaming-info .access-limits-tabs-footer > div {
    font-size: 11px
}

.mobile .internal-user-page .responsible-gaming-info .access-limits-tabs-header .hours-tab-header {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}
.mobile .internal-user-page .internal-content-box.content-box > div{
     padding: 20px
}

/* BetBuilder history bets fixes */

.mobile .internal-user-page [class^="history-selection-info-"]{
    position: unset;
    width: 100%;
    flex: 1 1 100%
}
.mobile .internal-user-page .history-bet-wrapper > .history-bet-content .history-bet-match-wrapper [class^="history-selection-info-"] .selection-and-odds .history-bet-odds{
    margin-left: 0
}
#root .mobile .history-bet-wrapper.expanded .history-bet-match-wrapper [class^="history-selection-info-"] .market-name{
    width: 100%;
    margin-right: auto
}
#root .mobile .history-bet-wrapper.expanded .history-bet-match-wrapper app-bet-match [class^="history-selection-info-"] .selection-and-odds .history-bet-selection{
    white-space: nowrap
}
.mobile .history-bet-wrapper .history-bet-content .history-bet-match-wrapper [class^="history-selection-info-"] ~ .history-match-info{
    padding-top: 10px
}

/* Upload Documents */
#root.uploaded-documents .mobile .internal-user-page .profile-document-list .list-info .info-element:before {
    content: attr(data-column);
    font-weight: bold
}

.mobile .internal-user-page .profile-document-list .documents-list .list-header {
    display: none
}

.mobile .internal-user-page .profile-document-list .documents-list .list-info {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-bottom: 1px solid var(--c-shade-b)
}

.mobile .internal-user-page .profile-document-list .documents-list .list-info .info-element {
    display: flex;
    justify-content: space-between;
    padding-bottom: 8px;
    text-align: right;
}

/* Contact Us */
.mobile .internal-user-page .internal-contact-container .internal-contact-methods {
    flex: 0 0 calc(100% - 16px);
}

#root .mobile .internal-user-page .user-new-message-inbox thead th {
    font-size: 12px;
    padding: 5px 3px;
    text-align: center
}

#root .mobile .internal-user-page .user-new-message-inbox .ui-selectable-row td {
    padding: 3px;
    font-size: 12px;
    text-align: center
}

/* Account Page */
.mobile .account-page .internal-left-menu.link, .mobile .account-page .internal-left-sidebar .internal-logo {
    display: none
}

.mobile .account-page .internal-left-sidebar .internal-sidebar-menu {
    padding: 0
}

#root .mobile .account-page .internal-left-sidebar {
    min-width: 100%;
    max-width: 100%;
    background-color: var(--c-white-e);
    height: 100%;
    z-index: unset
}

#root.transactions .mobile .account-page .transactions-title, #root.history .mobile .account-page .history-title, #root.profile .mobile .account-page .profile-title, #root.personaldata .mobile .account-page .personaldata-title, #root.promotion .mobile .account-page .promotion-title, #root.contactus .mobile .account-page .contactus-title {
    color: var(--c-primary)
}

.mobile .account-page .internal-left-sidebar .internal-sidebar-link ul {
    background-color: var(--c-white-e);
    color: var(--c-primary);
    width: 100%;
    padding-left: 50px
}

.mobile .account-page .internal-left-sidebar .internal-title > div, .mobile .account-page .internal-left-sidebar .internal-title .logout-button {
    padding: 7px 0px 7px 45px;
    margin: 0
}

.mobile .account-page .internal-left-sidebar .internal-sidebar-link li, .mobile .account-page .internal-left-sidebar .internal-title, .mobile .account-page .internal-left-sidebar .internal-title .logout-button {
    color: var(--c-primary)
}

.mobile .account-page .internal-left-sidebar .internal-title, .mobile .account-page .internal-left-sidebar .internal-title .logout-button {
    background-color: var(--c-primary-d)
}

.mobile .account-page .internal-left-sidebar .internal-title::before {
    margin-left: 8px
}

.mobile .account-page .internal-left-sidebar .internal-sidebar-link li {
    padding: 0
}

#root .mobile .account-page .internal-sidebar-link {
    max-height: 100%!important
}

.mobile .account-page .internal-left-sidebar .internal-title::before {
    width: 20px;
    height: 20px
}

#root.transactions .mobile .account-page .transactions-title::before, .mobile .account-page .internal-left-sidebar .transactions-title::before {
    background-image: url("/v1.1046/r/images/cybet/icons/credit-cart-dark.svg")
}

#root.history .mobile .account-page .history-title::before, .mobile .account-page .internal-left-sidebar .history-title::before {
    background-image: url("/v1.1046/r/images/cybet/icons/history-dark.svg")
}

#root.profile .mobile .account-page .profile-title::before, .mobile .account-page .internal-left-sidebar .profile-title::before {
    background-image: url("/v1.1046/r/images/cybet/icons/profile-dark.svg")
}

#root.contactus .mobile .account-page .contactus-title::before, .mobile .account-page .internal-left-sidebar .contactus-title::before {
    background-image: url("/v1.1046/r/images/cybet/icons/contact-dark.svg")
}

#root.contactus .mobile .account-page .promotion-title::before, .mobile .account-page .internal-left-sidebar .promotion-title::before {
    background-image: url("/v1.1046/r/images/cybet/icons/promotion-dark.svg")
}

.mobile .account-page .internal-left-sidebar .logout-title::before {
    background-image: url(/v1.1046/r/images/cybet/icons/icon-logout.svg);
    z-index: 2
}

[class*='view-page-account-'] app-scroll-top, .view-page-account app-scroll-top {
    display: none
}

.internal-user-page .profile-info .user-profile-wrapper #edit-personal-details .checkbox-wrapper span.ui-chkbox-icon {
    padding: 0
}

/* Deposit/Witdraw Pages */

.mobile .payment-method .payment-form,
.mobile .payment-method .payment-form .generic-form{
    width: 100%;
}
.mobile .payment-method .payment-form .generic-form .form-row input{
    width: 100%;
}
.mobile .internal-deposit-container .beto-back-button,
.mobile .internal-withdraw-container .beto-back-button{
    padding: 0 15px;
    background-color: var(--c-primary-d);
    width: 100%;
    font-size: 14px
}
.mobile .internal-deposit-container .beto-back-button a,
.mobile .internal-withdraw-container .beto-back-button a{
    line-height: 21px;
}
.mobile .payment-method-wrapper > app-widget-host{
    width: 95%
}
#root .mobile .internal-header .internal-header-top > app-widget-host{
    width: 100%;
    justify-content: space-between;
}

/***************************************
# Footer
***************************************/
.mobile .footer {
    padding-bottom: 70px;
    z-index: 1;
}

.mobile .footer .footer-top {
    padding: 0 
}

.mobile .footer .footer-top .footer-logo {
    padding-bottom: 15px
}

.mobile .footer .footer-top .footer-logo > img {
    max-width: 80px;
}

.mobile .footer .footer-top .footer-language {
    display: flex;
    padding-bottom: 15px
}

body .mobile .footer .lang-selector .ui-dropdown {
    width: 130px;
    display: flex;
    margin: 0 auto;
    background-color: var(--c-primary-c);
    padding: 12px 8px;
    border-radius: 3px
}

.mobile .footer .lang-selector label img {
    border-radius: 0;
    width: 24px;
    height: 17px
}

.mobile .footer .lang-selector label span {
    display: flex;
    color: var(--c-white-e)
}

#root .mobile .footer .lang-selector .ui-dropdown-trigger {
    display: flex;
    background-color: transparent;
    color: var(--c-white-e)
}

#root .mobile .footer .lang-selector .ui-dropdown-trigger .ui-dropdown-trigger-icon {
    margin-left: -0.8em
}

#root .mobile .footer .lang-selector .ui-dropdown-panel {
    width: 130px;
    border-radius: 0
}

.mobile .footer .footer-top .footer-mobile-app {
    display: flex
}

.mobile .footer .footer-top .footer-mobile-app > app-widget-host {
    display: flex;
    justify-content: center;    
    flex-direction: column
}

body .footer .mobile-app-block > app-widget-host {
    display: flex;
    height: 100%;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap
}

.footer .footer-mobile-app .mobile-app-logo {
    display: flex;
    margin: 0 10px;
    cursor: pointer;
    order: 1;
}
.footer .server-time-holder{
    color: var(--c-white);
    padding: 0 10px;
    min-width: 128px;
    font-weight: 600;
    order: 0;
    flex: 1 1 100%;
    padding-bottom: 20px
    
}
.desktop .footer .server-time-holder{
    padding-bottom: 25px
}
.footer .server-time-holder .filter-time{
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer .server-time-holder .filter-time:before{
    content: "Server Time:";
    padding-right: 3px
}
.lang-el .footer .server-time-holder .filter-time:before{
    content: "Ώρα Σέρβερ:";
}
.desktop .server-time-holder{
    margin-left: auto;
    font-weight: 600
}
#root .mobile.os-ios .mobile-app-logo.android, #root .mobile.os-android .mobile-app-logo.ios {
    display: none
}

.footer .footer-mobile-app .mobile-app-logo img {
    max-width: 120px;
    max-height: 39px
}

.mobile .footer .footer-middle {
}
.footer-middle .footer-links .footer-link .footer-title{
    margin: 20px 0;
}
.footer-middle .footer-links .footer-link .footer-menu {
    display: block;
    color: var(--c-white);
    padding: 4px 0px;
}
#root .footer-middle .footer-links .footer-link .footer-menu > div{
    text-transform: capitalize
}
.mobile .footer .footer-middle .footer-links .footer-link {
    flex: 0 0 50%;
    justify-content: flex-start;
    padding: 5px
}

.lang-el .footer .footer-middle .footer-links .footer-link .footer-title {
    text-transform: capitalize
}

#root .footer .footer-bottom .footer-legal-links > app-widget-host {
    padding-bottom: 0
}

.mobile .footer .footer-bottom .footer-legal-link img {
    max-width: 100px
}

.bookbet-checker .bookbet-heading {
    display: flex;
    text-align: center;
    color: var(--c-white);
    padding-top: 10px
}

.bookbet-checker .betslip-check-form > form {
    padding: 10px 0 20px
}
.mobile .bookbet-checker{
    min-width: unset
}

/***************************************
# Footer Bottom Menu
***************************************/
.mobile .fixed-menu {
    position: fixed;
    bottom: 0;
    background-color: var(--c-primary-d);
    width: 100%;
    z-index: 3;
    padding: 8px 0 8px;
    box-shadow: 0px -1px 9px -3px var(--c-black)
}

.mobile .fixed-menu, .fixed-menu-box > app-widget-host, .fixed-menu-box .tab app-image {
    display: flex
}

.mobile .fixed-menu .fixed-menu-row {
    flex: 1 1 20%;
}

.mobile .fixed-menu .fixed-menu-row ul {
    margin: 0;
    align-items: center;
    height: 100%
}

.mobile .fixed-menu .fixed-menu-row ul li {
    flex: 1;
    overflow: hidden;
    text-align: center
}

#root .mobile .fixed-menu .fixed-menu-row ul li a {
    color: var(--c-primary);
    font-weight: bold;
    font-size: 10px;
    flex: 1;
    opacity: .54;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: unset;
    padding: 0
}

#root .mobile .fixed-menu .fixed-menu-row ul li a:before {
    content: "";
    width: 20px;
    height: 20px;
    background-size: cover;
}

.mobile .fixed-menu .fixed-menu-row ul li:first-child a:before {
    background-image: url("/v1.1046/r/images/site/icons/icon-live-calendar-grey.svg");
    filter: hue-rotate(100deg) saturate(0);


}

.mobile .fixed-menu .fixed-menu-row ul li:nth-child(2) a:before {
    background-image: url("/v1.1046/r/images/cybet/icons/t-shirt-fm.svg")
}

.mobile .fixed-menu .fixed-menu-row ul li:nth-child(3) a:before {
    background-image: url("/v1.1046/r/images/cybet/icons/list-fm.svg")
}

#root .mobile .fixed-menu .fixed-menu-row ul li a span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%
}

.fixed-menu-box .tab {
    flex: 1 1 20%;
    overflow: hidden;
    text-align: center;
    position: relative
}

.fixed-menu-box .tab > app-widget-host {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: .54
}

.fixed-menu-box .tab app-image img {
    max-width: 100%;
    height: 20px;
}

.fixed-menu-box .tab .title {
    font-weight: bold;
    font-size: 10px;
    width: 100%
}

.fixed-menu-box .tab .title > div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
#root .mobile .fixed-menu-box .fixed-menu-row ul li a, 
#root .mobile .search.tab > app-widget-host, 
.mobile  .fixed-menu-box .sport.tab > app-widget-host, 
.mobile .fixed-menu-box .home.tab > app-widget-host,
.mobile .my-bets > app-widget-host{
    position: relative;
  /*  border-top: 3px solid transparent; */
   /* padding-top: 6px */
}

#root .mobile .fixed-menu-box .fixed-menu-row ul li a.active, 
#root.active-search-popup .mobile .search.tab > app-widget-host, 
.mobile .navigation .fixed-menu-box .sport.tab > app-widget-host, 
.mobile .home-page .fixed-menu-box .home.tab > app-widget-host {
    opacity: 1;
   /* border-top: 3px solid var(--c-primary);    */
}
#root .mobile .fixed-menu-box .fixed-menu-row ul li a.active:after, 
#root.active-search-popup .mobile .search.tab > app-widget-host:after, 
.mobile .navigation .fixed-menu-box .sport.tab > app-widget-host:after, 
.mobile .home-page .fixed-menu-box .home.tab > app-widget-host:after {
    content: "";
   /* border-top: 4px solid var(--c-primary); */
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    top: 0;
}

.fixed-menu-box .tab .mobile-betslip-open-counter-icon {
    position: absolute;
    right: 10px;
    top: 0px;
}

#root .mobile .fixed-menu-box .fixed-menu-row ul li a.active:before, 
#root.active-search-popup .mobile .search.tab > app-widget-host img, 
.mobile .navigation .fixed-menu-box .sport.tab > app-widget-host img, 
.mobile .home-page .fixed-menu-box .home.tab > app-widget-host img{
    filter: invert(67%) sepia(71%) saturate(547%) hue-rotate(349deg) brightness(103%) contrast(101%);
}
#root .mobile .fixed-menu-box .fixed-menu-row ul li a.active .menu-label, 
#root.active-search-popup .mobile .search.tab > app-widget-host .search-title, 
.mobile .navigation .fixed-menu-box .sport.tab > app-widget-host .sport-title, 
.mobile .home-page .fixed-menu-box .home.tab > app-widget-host .home-title{
    color: var(--c-emphasis)
}

.fixed-menu-box .tab .mobile-betslip-open-counter-icon .bets-number {
        font-size: 11px;
    font-weight: bold;
    background-color: var(--c-emphasis);
    width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    padding-top: 3px;
}

.fixed-menu-box .tab .mobile-betslip-open-counter-icon .openbets-counter-name {
    display: none
}



/* Test New Mobile menu Design */

.mobile .test-page .fixed-menu {
    background: linear-gradient(to top, #000000 -1%, #747474 100%);
    border-top: 1px solid #ECEDF1
}
.test-page .fixed-menu-box .tab > app-widget-host,
#root .mobile .test-page  .fixed-menu .fixed-menu-row ul li a{
    opacity: 1
}
.mobile .test-page .fixed-menu .fixed-menu-row ul li:first-child a:before{
    background-image: url(/v1.197/r/images/site/icons/icon-live-calendar-ECEDF1.svg)
}
.test-page .fixed-menu-box .tab .title,
#root .mobile .test-page .fixed-menu .fixed-menu-row ul li a{
    color: #ECEDF1
}

.home-page.test-page .home-menu-img,
.test-page .home-menu-img.active{
    display: none
}
.home-page.test-page .home-menu-img.active {
    display: flex
}
#root .home-page.test-page .home-menu-img.active img{
    filter: unset
}



/***************************************
# Search
***************************************/
.mobile .search-popup .ui-autocomplete .ui-autocomplete-panel{
    max-width: 100%;
    max-height: calc(100vh - 220px)!important
}
.mobile .search-popup .ui-autocomplete .ui-autocomplete-panel ul > li {
    height: 100%;
}
.mobile .search-popup .search-featured-leagues{
    max-width: 100%;
    max-height: calc(100vh - 220px)!important;
    overflow-y: auto;
    }
.mobile .search-popup .search-result.search-match-wrapper{
   flex-direction: column-reverse;
    align-items: flex-start
}
.mobile .search-popup .search-result .search-match-type{
    max-width: 100%
}
.mobile .search-popup .search-result.search-match-wrapper .search-match-type .search-match-tournament-category{
   max-width: 100%
}
.mobile .search-popup .search-result.search-match-wrapper .search-match-type .search-match-tournament{
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mobile .search-popup .search-result.search-tournament-wrapper .search-match-type, .mobile .search-popup .search-result.search-category-wrapper .search-match-type {
    padding-left: 0
}

.mobile .search-popup .search-result .search-match-data {
   position: unset;
   width: 100%
}

.mobile .search-popup .search-result .search-match-data .default-sport {
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
}
.mobile .search-popup .search-result .search-match-data .default-sport:before{
    height: 66px;
}

.mobile .search-popup .search-result .search-match-data .search-match-info {
    order: 1;
}

.mobile .search-result .search-match-date {
    padding-right: 5px;
}

.mobile .search-popup .search-result .search-match-data .search-match-name {
    font-size: 12px;
    max-width: calc(100vw - 110px);
}

.mobile .search-popup .search-result.search-tournament-wrapper .search-match-type .default-sport,
.mobile .search-popup .search-result.search-category-wrapper .search-match-type .default-sport {
   border: 0
}
.mobile .search-popup .search-result.search-tournament-wrapper .search-match-type .default-sport:before,
.mobile .search-popup .search-result.search-category-wrapper .search-match-type .default-sport:before {
    margin-left: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 58px
}
.mobile.landscape .mobile-navigation-view-right {
    left: 0!important;
    width: 100%!important
}

.mobile-navigation-view-right {
    top: 64px!important
}

.mobile-navigation-view-right > div {
    transition-property: width;
    transition-duration: 0.3s;
    transition-timing-function: linear;
    transition-delay: 0.1s
}

body .mobile-navigation-view-right > .ui-dialog-content {
    height: calc(100vh - 110px)!important;
    overflow-y: scroll;
    background-color: var(--c-background);
    padding: 0
}

#root.ui-overflow-hidden app-modal .outer-hide-modal-overlay p-dialog .mobile-navigation-view-right > div {
    width: 100%;
    border-radius: 0
}

#root app-modal .outer-hide-modal-overlay p-dialog .mobile-navigation-view-right > div {
    width: 0
}

.mobile-navigation-view-right > div {
    transition-property: width, left
}

#root.ui-overflow-hidden app-modal .outer-hide-modal-overlay p-dialog .mobile-navigation-view-right > div {
    left: 0px
}

#root app-modal .outer-hide-modal-overlay p-dialog .mobile-navigation-view-right > div {
    left: 100%
}

/***************************************
# Navigation Content
***************************************/
.mobile .nav-sports-page .nav-sport-wrapper .nav-sport .nav-sport-toggle:before {
    display: none
}

.mobile .nav-sport.active + .nav-sport-panel .nav-category-wrapper:first-child::before {
    display: none
}

.mobile .nav-sport-wrapper .nav-sport input {
    margin-right: 12px
}

.mobile .nav-category input {
    order: 0
}

.mobile .nav-category-wrapper .nav-tournament-wrapper .nav-tournament {
    padding: 0
}

.mobile .nav-category-wrapper .nav-tournament-wrapper .nav-tournament input {
    margin: 0;
    margin-left: auto;
    order: 0
}

.mobile .navigation-body {
    display: flex;
    background-color:var(--c-background)
}
.mobile .navigation-body > app-widget-host{
     margin-bottom: 72px;
     margin-top: 64px
}

.mobile .navigation-mobile-app {
    display: none
}

.mobile .navigation-title {
    padding: 8px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    color: var(--c-primary);
    background-color: var(--c-primary-d);
    height: 65px;
    display: flex;
    align-items: center
}
.mobile .bet-caterories-menu .today-btn{
    position: relative
}
.mobile .navigation .featured-leagues-header {
    background-color: var(--c-primary-d);
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    color: var(--c-primary)
}

.mobile .navigation .featured-leagues-header .featured-leagues-toggle:after {
    content: "";
    background-image: url("/v1.1046/r/images/cybet/icons/arrow-down-dark.svg");
}

.mobile .navigation .featured-leagues-content {
    background-color: var(--c-white)
}

#root .mobile .navigation .featured-leagues-content .featured-league a {
    color: unset;
    display: flex;
    height: 100%;
    align-items: center
}

#root .mobile .navigation .featured-leagues-content .featured-league {
    color: var(--c-primary);
    position: relative
}
#root .mobile .navigation .featured-leagues-content .featured-league:has(.fifa-club-world-cup){
    display: none
}

.mobile .navigation li a .featured-league-category {
    margin-right: 0;
    background-size: contain
}

.mobile .navigation .sports-featured .featured-league-name {
    padding: 0 5px 0 10px
}

.mobile .navigation .featured-leagues-content .featured-league-sportcode {
    width: 14px;
    height: 14px;
    order: -1;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    background-size: 14px;
    left: 19px;
    top: 12px;
}

.mobile .navigation .featured-leagues-content .featured-league-sport {
    display: none
}

.mobile .navigation .nav-sports-header {
    background-color: var(--c-primary-d);
    color: var(--c-primary);
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 0;
    border-bottom: 0
}

.mobile .navigation .nav-sports-header .navbar-toggle:after {
    content: "";
    background-image: url("/v1.1046/r/images/cybet/icons/arrow-down-dark.svg")
}

.mobile .navigation .nav-sport-wrapper .nav-sport {
    background-color: var(--c-white-e);
    color: var(--c-primary);
    align-items: center;
    padding: 6px
}

.mobile .navigation .nav-sport-wrapper .nav-sport .nav-sport-toggle:after {
    content: "";
    background-image: url("/v1.1046/r/images/cybet/icons/arrow-down-dark.svg");
    width: 24px;
    height: 24px
}

.mobile .navigation .nav-sport-wrapper .nav-sport.active .nav-sport-toggle:after {
    transform: rotate(180deg)
}

.mobile .navigation .nav-sport-wrapper .nav-sport .nav-sport-name {
    display: flex;
    width: 100%;
    height: 100%
}

.mobile .navigation .nav-sport-panel .nav-category-wrapper .nav-category {
    display: flex;
    align-items: center;
    padding: 8px;
    background-color: var(--c-primary-d);
    color: var(--c-primary);
    border-bottom: 1px solid var(--c-tint-b);
    margin-bottom: 0
}

.mobile .navigation .nav-sport-panel .nav-tournament-wrapper {
    padding: 0 8px;
    border-bottom: 1px solid var(--c-tint-b);
    background-color: var(--c-shade-b)
}

.mobile .navigation .nav-sport-panel .navbar-section-counter {
    margin-left: auto
}

.mobile .navigation-promotions-link {
    display: none
}

.mobile .navigation-promotions-link .navigation-title:after {
    content: "*Terms & Conditions Apply";
    padding-left: 8px;
    opacity: .7;
    text-transform: capitalize;
    font-weight: normal
}

.mobile .navigation-promotions-box {
    display: flex;
    background-color: var(--c-primary);
    margin: 8px;
    border-radius: 8px
}

.mobile .navigation-promotions-box > app-widget-host {
    display: flex;
    align-items: center;
    padding: 8px
}

.mobile .navigation-promotions-box .navigation-promotions-image img {
    max-width: 100%;
    height: 40px
}

.mobile .navigation-promotions-box .navigation-promotion-text {
    padding: 0 8px;
    color: var(--c-white-e)
}

.mobile .navigation-promotions-box .navigation-promotion-text:after {
    content: "Amazing daily and weekly offers";
    opacity: .7;
    text-transform: capitalize;
    font-size: 11px
}

.mobile .navigation .mobile-app-block {
    display: flex;
    margin: 8px;
}

.mobile .navigation .mobile-app-block > app-widget-host {
    display: flex;
    align-items: center
}

.mobile .navigation .mobile-app-block .mobile-app-logo {
    padding: 4px;
    border-radius: 4px
}

.mobile .navigation .mobile-app-block .mobile-app-logo img {
    max-width: 100%;
    height: 32px
}

.mobile .navigation .mobile-app-block .navigations-app-text {
    color: var(--c-primary);
    font-weight: bold;
    font-size: 12px;
    padding-left: 8px
}

.mobile .navigation-actions-box {
    display: none
}

.mobile .navigation-actions-box .navigation-action {
    display: flex;
    align-items: center;
    padding-bottom: 10px
}

.mobile .navigation-actions-box .navigation-action.logout-title button {
    background-color: unset;
    border: 0;
    padding: 0;
    color: var(--c-primary);
    font-size: 14px;
    width: 100%;
    text-align: left
}

.mobile .navigation-actions-box .navigation-action:before {
    content: "";
    display: flex;
    width: 24px;
    height: 24px;
    background-size: cover;
    align-items: center;
    margin: 0 8px
}

.mobile .navigation-actions-box .navigation-action.settings-title:before {
    background-image: url("/v1.1046/r/images/cybet/icons/settings.svg")
}

.mobile .navigation-actions-box .navigation-action.my-account-title:before {
    background-image: url("/v1.1046/r/images/cybet/icons/user-filled.svg");
    width: 20px;
    height: 20px
}

.mobile .navigation-actions-box .navigation-action.logout-title:before {
    background-image: url("/v1.1046/r/images/cybet/icons/icon-logout.svg")
}

.mobile .navigation-body .login {
    padding: 0 8px;
    display: none
}

.mobile .navigation-body .login button {
    background-color: var(--c-emphasis);
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    padding: 7px
}

.mobile .additional-outrights-link > app-widget-host{
    padding: 0 8px
}

/***************************************
# Promotions Page
***************************************/
html:lang(en) .mobile .lang-el, html:lang(el) .mobile .lang-en {
    display: none;
}

.mobile .promotion-page .promotion-page-box {
    height: 100%;
    max-width: 90%;
}

.mobile .promotion-page .promotion-page-content .promo-box {
    flex: 0 0 calc(100% - 12px)
}

/***************************************
# Content Page
***************************************/
.mobile .left-sidebar{
    height: 0;
    flex: unset
}
.mobile .content-page.contact-us .internal-contact-methods {
    flex: 0 0 calc(100% - 16px);
}
.mobile .content-page.cookie-policy-page .content-page-box-section div > table{
    border: 0
}
#root .mobile .cookie-policy-page tbody tr:first-child{
    display: none
}
.mobile .cookie-policy-page tbody tr{
    display: flex;
    flex-direction: column
}
.mobile .content-page.cookie-policy-page .content-page-box-section div > table > tbody > tr > td{
    width: 100%!important;    
    display: flex;
    justify-content: flex-start;
    border: 0
}
.mobile .cookie-policy-page tbody td:before{
    content: attr(data-celllook);
    white-space: nowrap;
    font-weight: bold;
    margin: 10px 10px 10px 0;
    font-size: 16px;
    line-height: 20px;
}
.mobile .cookie-policy-page tbody td p {
    text-align: left;
    margin: 10px 0;
}
/***************************************
#   Android & IOS
***************************************/
#root .download-app > app-widget-host {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
    flex-wrap: wrap;
    flex-direction: row
}

#root .download-app > app-widget-host > app-image {
    margin: 0 10px
}

.download-app .link-group-header {
    flex: 1 1 100%;
    justify-content: center;
    display: flex;
    color: var(--c-primary);
    padding-bottom: 20px
}

#root .download-app > app-widget-host > span {
    display: none
}

.download-app .download-android, .download-app .download-ios {
    display: flex;
    justify-content: center;
    cursor: pointer
}

.download-app .download-android img, .download-app .download-ios img {
    width: 120px;
    background-repeat: no-repeat;
    background-position: center center
}

.mobile-app-ios {
    background-color: var(--c-white-e);
    padding: 0 15px
}

.mobile-app-ios .title, .mobile-app-ios .sub-title {
    color: var(--c-primary)
}

.desktop .mobile-app-ios > div {
    max-width: 760px;
    margin: 0 auto
}

.mobile-app-ios .warning {
    color: red;
    background-color: transparent
}

.mobile-app-ios .warning span {
    font-weight: bold
}

.mobile-app-ios .step {
    margin-bottom: 15px
}

.mobile-app-ios .steps .step-header {
    display: flex;
    align-items: center;
    height: 44px;
    background-color: var(--c-primary);
    color: var(--c-white-e);
    padding: 0 15px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.mobile-app-ios .steps .step-header .step-number {
    background-color: var(--c-emphasis);
    color: var(--c-white-e);
    border-radius: 12px;
    padding: 5px;
    margin-right: 15px;
    font-size: 16px;
    width: 24px;
    height: 24px;
    text-align: center
}

.mobile-app-ios .steps .step-header .step-title {
    font-weight: bold;
    font-size: 16px
}

.mobile-app-ios .steps .step-info {
    padding: 15px;
    background-color: var(--c-primary-e);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    color: var(--c-white-e)
}

.mobile-app-ios .steps .step-info .step-description {
    color: var(--c-white-e)
}

.mobile-app-ios .steps .step-info > a {
    display: flex
}

.mobile-app-ios .steps .step-info .image {
    padding: 15px
}

.mobile-app-ios .steps .step-info .image img {
    width: 100%;
    background-repeat: no-repeat
}

.mobile-app-ios .steps .step-note {
    margin-bottom: 15px;
    color: var(--c-primaty)
}

.mobile-app-ios .steps .step-note span {
    font-weight: bold
}

/***************************************
#      Betslip Counter
***************************************/
/***************************************
#         Betslip / My Bets
***************************************/
.mobile-my-bets-modal.ui-dialog {
    top: 64px!important;
    z-index: 91!important;
    height: 100%;
    display: flex;
    flex-direction: column;
    
}
.mobile-my-bets-modal.ui-dialog .ui-dialog-titlebar-icon span {
    font-size:24px;
}
body .mobile-my-bets-modal.ui-dialog .ui-dialog-titlebar-icon {
    margin-left:auto;
}
.mobile-my-bets-modal.ui-dialog .ui-dialog-titlebar {
    display:flex;
    flex-direction:row;
    align-items:center;
    padding:0.8em
}
.mobile.os-ios .mobile-my-bets-modal.ui-dialog{
    position: relative;
    bottom: 0;
    left: 0!important;
    position: fixed;
    right: 0;
   
}
.mobile.os-ios .mobile-my-bets-modal.ui-dialog .ui-dialog-content{
    position: absolute; 
    max-height: calc(100vh - env(safe-area-inset-bottom));   
    overflow-x: hidden;
}
.mobile-my-bets-modal.ui-dialog .ui-dialog-content {
    /* height: calc(100vh - 111px);
    min-height: calc(100vh - 111px); */
    border: transparent;
    box-shadow: unset;
    display: block;
    overflow-y: auto;
    height: calc(100vh - 111px);
}
.os-ios .mobile-my-bets-modal.ui-dialog .ui-dialog-content{
    margin-top: 46px;
    height: calc(100vh - 111px);
    min-height: calc(100vh - 111px);
}

.active-mobile-betslip-opened .mobile .my-bets-container {
    display: none;
}

.active-mobile-betslip-opened.mybets-tab .mobile .my-bets-container {
    display: block
}



.mobile-sidebar-tabs > app-widget-host, .mobile .mybets-tabs > app-widget-host {
    display: flex
}

.mobile-sidebar-tabs .sidebar-betslip-title, .mobile-sidebar-tabs .add-betslip-counter-wrraper, .mobile .mybets-tabs .mybets-open-tab, .mobile .mybets-tabs .mybets-stellted-tab {
    display: flex;
    flex: 1 1 50%;
    justify-content: center;
    align-items: center;
    height: 38px;
    background: var(--c-primary-d);
    position: relative;
    display: flex;
    flex: 1;
    font-size: 12px;
    line-height: 38px;
    font-weight: 400;
    color: var(--c-primary);
    text-transform: uppercase;
    border-bottom: 3px solid transparent;
}
.mobile .mybets-tabs {
    box-shadow:-1px -1px 2px var(--c-shade-b), 1px 1px 2px var(--c-shade-b);
    border-radius:15px;
    display:block;
    margin-bottom:5px;
}
#root .mobile .mybets-tabs .mybets-open-tab,#root .mobile .mybets-tabs .mybets-stellted-tab {
    background:transparent;
    border-bottom:0;
}
.mobile-sidebar-tabs .sidebar-betslip-title > div, .mobile-sidebar-tabs .add-betslip-counter-wrraper .sidebar-my-bets-title , .mobile-sidebar-tabs .add-betslip-counter-wrraper .sidebar-my-bets-title > div {
    width: 100%;
    text-align: center;
}

.mobile .mybets-tabs .mybets-open-tab > div, .mobile .mybets-tabs .mybets-stellted-tab > div {
    width: 100%;
    text-align: center;
}

.mobile-sidebar-tabs .add-betslip-counter-wrraper > app-widget-host {
    display: flex;
    flex: 1 1 50%;
    justify-content: center;
    align-items: center;
    position: relative;
}

.mobile .sidebar-betslip-title, .mybets-tab .mobile-sidebar-tabs .add-betslip-counter-wrraper, .mobile .mybets-tabs .mybets-open-tab, .mybets-settled .mobile .mybets-tabs .mybets-stellted-tab {
    font-weight: bold;
    border-bottom: 3px solid var(--c-primary-b);
}
#root:not(.mybets-settled)  .mobile .mybets-tabs .mybets-open-tab,#root.mybets-settled .mobile .mybets-tabs .mybets-stellted-tab {
     background-color:var(--c-primary-b);
    color:var(--c-white);
    border-radius:15px;
 }
.mybets-tab .mobile .sidebar-betslip-title, .mybets-settled .mobile .mybets-tabs .mybets-open-tab {
    font-weight: 400;
    border-bottom: 3px solid transparent;
}

.mybets-settled .mobile .bethistory-open, .mobile .bethistory-settled {
    display: none
}

.mybets-settled .mobile .bethistory-settled {
    display: block
}

.mobile .mobile-my-bets-modal .internal-user-page .profile-info {
    padding: 0
}

.mobile .tabbed-betslip-content .guest-my-bets {
    width: 100%;
    display: flex;
    min-height: 50vh;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.mobile .tabbed-betslip-content .guest-my-bets .guest-info {
    text-align: center;
}

.mobile .tabbed-betslip-content .guest-my-bets .login {
    margin-top: 50px;
    display: block;
}

.mobile .tabbed-betslip-content .guest-my-bets .login button {
    width: 100%;
    padding: 0 15px;
}

.mobile .tabbed-betslip-content .guest-my-bets .login button .button-label {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--c-green);
    color: var(--c-white-e);
    font-size: 16px;
    font-weight: bold;
    min-height: 38px;
}

.quick-container .title-container {
    display: flex;
    padding: 8px;
    background-color: var(--c-background);
    align-items:center;
    padding-top:12px;
}

.quick-container .place-bet-wrapper {
    display: none;
}

.title-group.betslip-clear {
    background: url(/v1.1046/r/images/cybet/icons/icon_Trash_Can.svg) center center no-repeat;
    background-size: 24px;
    font-size: 0px;
    width: 24px;
    height: 24px;
}

.mobile .quickbet-overlay {
    position: absolute;
    width: calc(100% - 35px);
    height: 100%;
    z-index: 100;
}

.quickbet-overlay > app-widget-host {
    width: 100%;
    height: 100%;
    display: flex;
}

.betslip-shortcut-container {
    display: flex;
    background-color: var(--c-background);
    padding: 5px;
    align-items: center;
}

.betslip-shortcut-container .title-group.betslip-odds {
    color: var(--c-black);
    margin: 0 5px
}
.mobile .sports-match-header-wrapper:not(.sport-soccer) .live-match-game-score {
    top:48px;
}
.mobile .sports-match-header-wrapper.sport-ice-hockey .live-match-score{
    top: 55px
}
.mobile .history-bet-wrapper .history-bet-content .history-match-info{
        padding: 0 8px;
}
.mobile .history-bet-match-wrapper app-bet-match .match-and-time .history-bet-match-name{
    font-size: 11px;
}

.mobile .history-bet-wrapper .history-bet-content .history-combine-info{
    width: 100%;
    padding: 0 8px;
    display: flex;
}
#root .mobile .history-bet-wrapper.expanded .history-bet-match-wrapper app-bet-match .selection-and-odds .history-bet-selection{
    margin-right: 0
}
#root .betslip-notifications.betslip-booking .bet-book .action-copy,
#root .mobile .betslip-notifications.betslip-booking-notifications .bet-book .action-copy,
#root .mobile .booking-notifications-wrapper .bet-book .action-copy,
.mobile .betslip-notifications.betslip-booking-notifications .bet-book .action-share,
.mobile .betslip-notifications.betslip-booking-notifications .bet-book .action-print{
    margin-bottom: 15px
}

/* Statistics page */


#app-body.app-body,
.mobile.view-page-sports-livescores, 
.mobile.view-page-sports-match-statistics, 
.mobile.view-page-sports-livescores app-load, 
.mobile.view-page-sports-match-statistics app-load, 
.mobile.view-page-sports-livescores app-load > app-widget-host, 
.mobile.view-page-sports-match-statistics app-load > app-widget-host, 
.mobile.view-page-sports-livescores app-live-scores, 
.mobile.view-page-sports-match-statistics app-sports-match-statistics, 
.mobile.view-page-sports-livescores .site, 
.mobile.view-page-sports-match-statistics .site, 
.mobile.view-page-sports-livescores .site > app-widget-host, 
.mobile.view-page-sports-match-statistics .site > app-widget-host, 
.mobile.view-page-sports-livescores .iframe.live-scores, 
.mobile.view-page-sports-match-statistics .iframe.match-statistics-iframe, 
.mobile.view-page-sports-livescores #livescore-iframe, 
.mobile.view-page-sports-match-statistics #statistics-iframe{
    display: block;
    height: 100%;
    margin: 0
}

.statistics-page .back-button{
    background-color: var(--c-emphasis);
    font-size: 16px;
    font-weight: bold;
    height:36px;
    position:fixed;
    top:0px;
    width:100%;
    left:0px;
    display:flex!important;
}
.statistics-page .match-statistics-iframe{
    position:fixed;
    width:100%;
    height:calc(100% - 36px);
    top:36px;
    left:0px;
}
.statistics-page .match-statistics-iframe iframe {
    position:absolute;
    width:100%;
    height:100%;
}
.mobile .beto-filter-dates::-webkit-scrollbar,
.mobile .coupon-light ::-webkit-scrollbar{
    display: none
}

.mobile .show-less-than-wrapper{
    display: flex;
    align-items: center;
    position: unset;
    justify-content: flex-end;
    padding-right: 0.5rem
}
.mobile .sports-highlights .show-less-than-wrapper{
    padding-top: 10px
}
.mobile .odds-on-coupon .options-row .sports-market-filter{
    max-width: calc(100% - 35px);
    overflow-x: auto
}

.mobile .match-streamer .window-tabs .window-tab,
.mobile .match-tracker .window-tabs .window-tab{
    color:var(--c-white);
    min-height:35px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.mobile .match-streamer .window-tabs .window-tab::before,
.mobile .match-tracker .window-tabs .window-tab::before{
    content:"";
    display:flex;
    width:22px;
    height:22px;
    margin-right:5px;
    background-repeat:no-repeat;
    background-size:22px;
    background-position:center;
    opacity:0.7
}
.mobile .match-streamer .window-tabs .window-tab:first-child::before,
.mobile .match-tracker .window-tabs .window-tab:first-child::before{
    background-image:url(/v1.1049/r/images/site/icons/live-streaming-icon.png);
    background-position:top center;
}
.mobile .match-streamer .window-tabs .window-tab:last-child::before,
.mobile .match-tracker .window-tabs .window-tab:last-child::before{
    background-image:url(/v1.011/r/images/cybet/icons/MatchTracker-Off.svg);
    background-size:20px;
    background-position:top center;
}
.mobile .match-tracker .window-tabs .window-tab.tab-selected,
.mobile .match-streamer .window-tabs .window-tab.tab-selected{
    color:var(--c-white-e)
}
.mobile .match-tracker .window-tabs .window-tab.tab-selected::before,
.mobile .match-streamer .window-tabs .window-tab.tab-selected::before{
    opacity:1
}
.mobile .show-hide-component {
    /* width:35px; */
    height:35px;
    /* font-size:0px; */
    background-image:url(/v1.1049/r/images/cybet/icons/arrow-down.svg);
    background-repeat:no-repeat;
    background-position:right;
    margin-left:auto;
    color:var(--c-white-e);
    display:flex;
    align-items:center;
    justify-content:center;
}
.mobile app-tracker-streamer-toolbar {
    min-height:35px;
    display:block;
}

/* app icons fix */
.mobile-app .mobile-app-block {
    display: none;
}

.mobile-app .footer .beto-betslip-check{
    display: none
}

/* .mobile-app .betslip-check-scanner .scan-betslip{
    margin-top: 10px
}

.mobile:not(.mobile-app) .app-only{
    display: none
}

.mobile:not(.mobile-app) .footer-middle .footer-links .footer-link .footer-menu.app-only{
    display: none
} */


/* mobile BB fix */

body .mobile .body .content .match-page app-widget-host {
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 100%;
}
.mobile .match-page-header {
    display: flex;
    width: 100%;
}
body .mobile .body .content .match-page .match-page-header > app-widget-host {
    flex-wrap: nowrap;
}
.mobile .sports-match-page .beto-match-breadcrumbs ul {
    flex: 1;
}
.mobile .match-page app-sports-match-header {
    flex: unset;
    width: 100%;
}
.mobile .match-page .match-market-search {
    width: 100%;
}
#root .mobile .match-market-group {
    flex: unset;
    width: calc(100% - 50px);
    
}
.mobile .match-page .match-markets {
    width: 100%;
}
#root .mobile .match-page .betbuilder-toggle {
    height: auto;
    width: auto;
}
#root .mobile .match-page .betbuilder-toggle .toggle-switch-container {
    position: initial;
}
#root .mobile .match-page .betbuilder-toggle .toggle-switch-container .toggle-switch {
    width: 70px;
}
.mobile .match-page .betbuilder-toggle:empty + .match-markets .sports-match-wrapper .toggle-all-expanded {
    /*top: -40px;*/
}
.mobile .match-page app-live-match-stream,
.mobile .match-page app-live-match-tracker {
    width: 100%;
}
.mobile .match-page app-live-match-stream app-tracker-streamer-toolbar{
    
}
.mobile .match-page app-live-match-stream app-tracker-streamer-toolbar .streamer{
    margin: 0;
    min-height: 35px;
}

/***************************************
#        Euro 2024
***************************************/


#root .mobile .beto-league-standings.league-table-card{
    padding: 2px 8px
}
.mobile .euro-24-league{
    width: 280px;
    min-width: 280px
}
.mobile .euro-24-league-img > img{
    max-width: 280px
}

.mobile .mobile-app-info {
    color: aliceblue;
    text-align: center;
}

.new-app-wrapper {
    width:100%;
    background-color:var(--c-primary-d)
}
.new-app-wrapper > app-widget-host {
    display:flex;
    flex-direction:row;
    align-items:center;
    flex-wrap:wrap;
    background-color:var(--c-primary-d);
    padding:20px 12px;
}
.new-app-wrapper .new-app-message {
    flex:1;
}
.new-app-wrapper .new-app-title div {
    font-weight:bold;
    font-size:20px;
    padding-bottom: 8px;
}

.new-app-wrapper .new-app-reason div {
    
}
.new-app-wrapper .download-new-app a{
    max-width:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:32px;
    background-color:var(--c-emphasis);
    color:var(--c-primary);
    font-size:12px;
    border-radius:5px;
    padding:0px 12px;
    margin-left:auto;
}
.mobile .internal-account-statement,
.mobile .internal-account-statement form{
    display:contents;
}
.mobile .internal-account-statement form > div {
    padding:10px;
}
.mobile .internal-account-statement form .statement-header-wrapper {
    order:-1;
}
.mobile .account-content-page .total-net-balance {
    order:0
}
.mobile .internal-account-statement form .statement-content {
    order:2;
}
.mobile .player-protection-btn {
    margin-top:0px;
}
.mobile .show-less-than-wrapper-1{
    max-width: 90%;
    margin: 0 auto
}