/*****************************
          General
******************************/
app-widget-host > span {
    display: none
}

.mobile .body {
    margin-top: var(--mobile-header);
    /* min-height:calc(100vh - calc(var(--mobile-header) + var(--bottom-nav))); */
}

.mobile .body.header-menu {
    margin-top: 120px;
    max-width: 100vw;
    overflow: hidden
}

.mobile .back {
    display: flex;
    align-items: center;
    height: 100%;
    text-transform: uppercase
}

.mobile .back > a {
    color: var(--c-white);
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase
}

.mobile .user-page-content {
    background-color: transparent;
}

.mobile .user-top-page-content {
    background-color: var(--c-background)
}

.mobile .user-top-page-content .back-button {
    font-size: 0
}

.mobile .back .back-button:before {
    text-transform: none
}

/*****************************
      Mobile Header
******************************/
.mobile .header {
    height: var(--mobile-header);
    background-color: var(--c-background-b)
}

.mobile .header > app-widget-host {
    flex-direction: row;
    height: var(--mobile-header);
    background-color: var(--c-background-b);
    -webkit-transform: translateX(0) translateX(env(safe-area-inset-right, 0))!important;
    -ms-transform: translateX(0) translateX(env(safe-area-inset-right, 0))!important;
    transform: translateX(0) translateX(env(safe-area-inset-right, 0))!important;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    padding: 0 20px;
    box-shadow: 0px 4px 4px var(--s-grey-25)
}

.active-mobile-navigation-view .mobile .header > app-widget-host {
    flex-direction: row;
    height: 60px;
    -webkit-transform: translateX(0) translateX(env(safe-area-inset-left, 0))!important;
    -ms-transform: translateX(0) translateX(env(safe-area-inset-left, 0))!important;
    transform: translateX(0) translateX(env(safe-area-inset-left, 0))!important;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.mobile .header > app-widget-host > span {
    display: none
}

body.active-mobile-navigation-view .mobile .header, body.active-mobile-navigation-view-left .mobile .header {
    /*   position: unset */
}

body.active-mobile-navigation-view .mobile .body, body.active-mobile-navigation-view-left .mobile .body {
    /*   margin-top: 0 */
}

.mobile .header .guest .login, .mobile .header .guest .register {
    display: flex;
    align-items: center;
    font: var(--t-title);
    justify-content: center;
    color: var(--c-text);
    background-color: var(--c-grey-4);
    border-radius: 25px;
    padding: 8px 10px;
    white-space: nowrap;
}
.mobile.view-page-login .header .guest .login,
.mobile.view-page-register .header .guest .register{
    color: var(--c-white);
    background-color: var(--c-emphasis-c);
}

.mobile .header .logo-img {
    display: flex;
    align-items: center;
    max-width: 123px;
}

.mobile .header .logo-img > img {
    height: auto;
    width: 100%;
}

.header .login > img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    padding: 4px;
    background-color: var(--c-black)
}

.header .login.account-icon:before {
    content: "";
    background-image: url(/v2.238/r/images/wazaa/icons/user-icon.svg);
    background-size: 32px;
    background-repeat: no-repeat;
    display: inline-flex;
    max-width: 36px;
    min-width: 32px;
    width: 32px;
    position: absolute;
    height: 32px;
    min-height: 32px;
    font-size: 32px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    pointer-events: none;
    min-width: unset;
    background-color: var(--c-background-b);
    overflow: hidden;
    right: 0;
    top: 0;
    color: var(--c-additional);    
   
}

.theme-dark .header .login.account-icon:before {
    color: var(--c-w-b);
    background-image: url(/v2.238/r/images/wazza/icons/user-icon-6.svg);
    
   
  
}

.desktop .header .login.account-icon:before {
    top: unset
}

.mobile .header .lang .ui-dropdown .ui-dropdown-trigger {
    height: 100%
}

.mobile .login-text {
    color: var(--c-white)
}

.mobile .header .mobile-menu-link {
    position: unset;
    height: 100%;
    opacity: 1;
    display: flex;
    flex: 0 0 70px;
    width: fit-content
}

.mobile .header .mobile-menu-link > app-widget-host {
    align-items: center;
    color: var(--c-white);
    text-transform: capitalize;
    font-size: 12px;
    padding-left: 10px
}

.mobile .header .mobile-nav-menu > app-widget-host {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: auto;
    font-weight: 600
}

.mobile .header .navigation-image.menu-logo img {
    width: 100%;
    height: 50px;
}

.mobile .header .logo-section {
    /* flex: 0 0 45% */
}

.mobile .header .logo-section > app-widget-host {
    justify-content: center
}

.mobile .header .full-ballance {
    font-size: 12px;
    line-height: 12px;
    color: var(--c-text);
}

.mobile .header .full-ballance .beto-content-block {
    padding: 0 5px 0 0px;
    font: var(--t-title);
    color: var(--c-text)
}

.mobile .navigation-image img {
    width: 100%;
    height: 24px
}

.mobile .header .under-user-balance, .mobile .header .under-user-balance:empty + .bonus-cta {
    margin-: 0 auto;
    padding: 0
}

.mobile .account-page .body .under-user-balance, .mobile .account-page .body .under-user-balance:empty + .bonus-cta {
    margin-left: auto;
    padding: 0px 20px;
}

.mobile .header .bonus-cta-token img {
    max-height: 35px;
}

.mobile .token-count {
    right: 5px;
    color: var(--c-text)
}

.mobile .header .token-count {
    bottom: 10px;
    right: 2px
}

/*****************************
      Top & Bottom Menus
******************************/
.fixed-menu {
    position: fixed;
    width: 100%;
    height: var(--bottom-nav);
    z-index: 91;
    bottom: -1px;
    background-color: var(--c-background-e);
    border-top: 1px solid var(--c-emphasis-c);
    /*box-shadow: -7px -1px 8px 1px #333*/
}

.fixed-menu .tab, .merge-fixed-menu {
    width: 100%;
    background-color: transparent;
    height: 54px;
    display: flex;
    position: relative
}

.merge-fixed-menu > app-widget-host {
    flex-direction: row
}

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

.fixed-menu .tab img {
    width: 25px;
    height: 25px
}
.live-page .fixed-menu .live.tab img{
 /*   filter: invert(1); */
}

.fixed-menu .home.tab img {
    width: 50px;
    height: 50px;
}

.fixed-menu .tab .blue {
    display: none
}

.fixed-menu .title {
    color: var(--c-white);
    font-size: 12px;
    font-size: 10px;
    line-height: 10px;
    text-transform: capitalize;
    text-align: center;
    /* font-weight: 600; */
}
.login-tab .bet-open-title button{
    background-color: transparent;
    color: var(--c-white);
    font-size: 10px;
    line-height: 10px;
    text-transform: capitalize;
    text-align: center;
}
.live-page .fixed-menu .live.tab .title{
    /*color: var(--c-black) */
}

.fixed-menu .openbets-counter {
    background-color: var(--c-white);
    color: var(--c-black);
    border-radius: 50%;
    min-width: 20px;
    min-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 5px;
    right: 14px;
    font-size: 11px;
    border: 1px solid var(--c-background-b)
}

.fixed-menu .openbets-counter .openbets-counter-name {
    display: none
}

.mobile .homepage .fixed-menu .tab .highlights-img.blue, .mobile .today .fixed-menu .tab .today-img.blue, .mobile .outrights-page .fixed-menu .tab .outrights-img.blue, .mobile .casino .fixed-menu .tab .casino-img.blue, .mobile .home-active .fixed-menu .tab .home-img.blue, .mobile .homepage .fixed-menu .tab .home-img.blue, .mobile .sports-select-page .fixed-menu.bottom .tab .sport-img.blue, .mobile .sports-page .fixed-menu .tab .sport-img.blue, .mobile .sports-match-page .fixed-menu.bottom .tab .sport-img.blue, .mobile .live-page .fixed-menu.bottom .tab .live-img.blue, .mobile .live-match-page .fixed-menu.bottom .tab .live-img.blue, .mobile .virtuals .fixed-menu .tab .virtuals-img.blue, .mobile .lottery-page .fixed-menu .tab .lottery-img.blue, .mobile .jackpot-page .fixed-menu .tab .jackpot-img.blue {
    display: block
}

.mobile .home-active .fixed-menu .tab .home-img.blue {
}

.mobile .live-page .fixed-menu.bottom .tab .live-img.blue {
    filter: invert(1);
}

.theme-dark .mobile .live-page .fixed-menu.bottom .tab .live-img.blue {
    filter: unset
}

.mobile .homepage .fixed-menu .tab .highlights-img.light, .mobile .today .fixed-menu .tab .today-img.light, .mobile .outrights-page .fixed-menu .tab .outrights-img.light, .mobile .casino .fixed-menu .tab .casino-img.light, .mobile .home-active .fixed-menu .tab .home-img.light, .mobile .homepage .fixed-menu .tab .home-img.light, .mobile .sports-select-page .fixed-menu .tab .sport-img.light, .mobile .sports-page .fixed-menu .tab .sport-img.light, .mobile .sports-match-page .fixed-menu .tab .sport-img.light, .mobile .live-page .fixed-menu .tab .live-img.light, .mobile .live-match-page .fixed-menu .tab .live-img.light, .mobile .virtuals .fixed-menu .tab .virtuals-img.light, .mobile .lottery-page .fixed-menu .tab .lottery-img.light, .mobile .jackpot-page .fixed-menu .tab .jackpot-img.light {
}

.mobile .homepage .fixed-menu .tab.highlights, .mobile .today .fixed-menu .tab.today, .mobile .outrights-page .fixed-menu .tab.outrights, .mobile .casino .fixed-menu .tab.casino, .mobile .home-active .fixed-menu .tab.home, .mobile .homepage .fixed-menu .tab.home, .mobile .sports-select-page .fixed-menu .tab.sport, .mobile .sports-page .fixed-menu .tab.sport, .mobile .sports-match-page .fixed-menu .tab.sport, .mobile .live-page .fixed-menu .tab.live, .mobile .live-match-page .fixed-menu .tab.live, .mobile .virtuals .fixed-menu .tab.virtuals, .mobile .lottery-page .fixed-menu .tab.lottery, .mobile .jackpot-page .fixed-menu .tab.jackpot {
        height: 65px;
    margin-top: -5px;
    /* background-color: #f2f3f4; */
    /* border: 2px solid var(--c-emphasis-c); */
    border-bottom: 0;
    border-top-left-radius: var(--r-border-radius-big);
    border-top-right-radius: var(--r-border-radius-big);
    padding: 0 5px;
    z-index: 1;
    /* border: 1px solid var(--c-black); */
}

.mobile .fixed-menu .tab.home {
    height: 65px;
    margin-top: -5px;
    background-color: #f2f3f4;
    border: 2px solid var(--c-background-e);
    border-bottom: 0;
    border-top-left-radius: var(--r-border-radius-big);
    border-top-right-radius: var(--r-border-radius-big);
    padding: 0 5px;
    z-index: 1
}

.theme-light .mobile .fixed-menu .tab.home, .theme-light .mobile .home-active .fixed-menu .tab.home {
    background-color: #f2f3f4;
}

.theme-auto .mobile .fixed-menu .tab.home, .theme-auto .mobile .home-active .fixed-menu .tab.home, .theme-dark .mobile .fixed-menu .tab.home, .theme-dark .mobile .home-active .fixed-menu .tab.home {
    background-color: var(--c-emphasis-c) ;
}

.mobile .lobby .fixed-menu .tab.home {
    border: 0
}

.theme-dark .mobile .home-active .fixed-menu .home-title {
    filter: unset
}

.theme-dark .mobile .home-active .fixed-menu .tab.home .home-img {
    filter: unset
}

/*****************************
   Mobile Right Navigation
******************************/
#root .mobile-navigation-view, #root .mobile-navigation-view-left {
    box-sizing: border-box;
    border-top: 3px solid var(--c-text-e);
    position: fixed !important;
    height: calc(100% - (var(--mobile-header) + var(--bottom-nav)))!important;
    top: var(--mobile-header)!important;
    border-radius: 0;
    -webkit-transform: translateX(0) translateX(env(safe-area-inset-right, 0))!important;
    -ms-transform: translateX(0) translateX(env(safe-area-inset-right, 0))!important;
    transform: translateX(0) translateX(env(safe-area-inset-right, 0))!important;
    width: 80%!important;
    right: -80%!important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: transparent;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    z-index: 80!important;
    box-shadow: unset;
}

.active-mobile-navigation-view-left .ui-dialog-mask {
    z-index: 79!important;
    background-color: var(--c-tint);
}

.active-mobile-navigation-view-left .ui-dialog-mask.ui-dialog-mask-scrollblocker {
    z-index: 78!important;
    display: none
}

.mobile app-load {
    right: 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.active-mobile-navigation-view .mobile app-load, .active-mobile-navigation-view-left .mobile app-load {
    z-index: 1011;
    /* position: absolute; */
    right: 100vw;
    width: 100vw;
    overflow: hidden;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.mobile app-load > app-widget-host {
    background-color: var(--c-background)
}

.mobile .header .login-section-wrapper > app-widget-host {
    flex-direction: row;
    align-items: center;
    gap: 10px
}

.user-action-row > app-widget-host {
    flex-direction: row;
    align-items: center;
    background-color: #f9f9f9;
    border-radius: 25px;
    padding: 0 0 0 12px;
    position: relative;
    justify-content: flex-end
}

.user-action-row > app-widget-host {
    background-color: var(--c-grey-4)
}

.header .login-section-wrapper .deposit-link {
    height: 32px;
    font: var(--t-title);
    padding: 4px 40px 4px 12px;
    border-radius: 25px;
    color: var(--c-text);
    display: flex;
    align-items: center;
    box-shadow: -1px 0px 1px var(--s-black-25)
}
.theme-dark .header .login-section-wrapper .deposit-link{
    background-color: var(--c-background-b);
}

.header .login-section > app-widget-host {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative
}

.header .login-section .test-vibration {
    position: absolute;
    width: 50px;
    height: 100%;
}

.header .login-section .test-vibration button {
    background-color: transparent;
    width: 100%;
    height: 50px;
    border: 0
}

.user-log > app-widget-host {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.mobile .header .login-section, .mobile .header .login-section.guest {
    flex: 0 0 30%
}

.mobile .header .login-section.guest > app-widget-host {
    flex-direction: row
}

.mobile .header .user-action-row .login-section {
    flex: unset;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    width: 32px;
    height: 32px
}

.mobile .header .user-action-row .login-section .login {
    width: fit-content;
    margin: 0;
    display: block;
    height: 32px;
    width: 32px;
}

.title-navigation, .header-mobile app-content-block.title-navigation {
    display: flex;
    align-items: center;
    height: 40px;
    font-size: 14px;
    color: var(--c-white);
    text-transform: capitalize;
    text-align: center;
    line-height: 20px;
    margin: 0 auto;
}

.navigation-content .logo, .login-modal-body .logo-img {
    display: flex;
    justify-content: center;
    margin: 50px 0
}

.mobile .internal-content .language {
    margin-top: 20px
}

.navigation-content .tab {
    font-size: 18px;
    line-height: 30px;
    border-bottom: 1px solid var(--c-border-sport-coupon);
    color: var(--c-primary)
}

body .mobile-navigation-view .ui-dialog-content {
    background-color: var(--c-background);
    border: 0;
    padding: 20px 20px
}

.theme-dark body .mobile-navigation-view .ui-dialog-content {
    background-color: var(--c-background)
}

.navigation-content .filter-language .ui-dropdown, body .navigation-content .filter-language .ui-dropdown .ui-dropdown-trigger, body .mobile .my-profile-tabs .ui-dropdown .ui-dropdown-trigger {
    background-color: var(--c-background);
    color: var(--c-primary);
}

.navigation-content .filter-language .ui-dropdown-trigger-icon, .mobile .my-profile-tabs .filter-language .ui-dropdown-trigger-icon {
    transform: rotate(-90deg)
}

.mobile .account .filter-language {
    max-width: 264px;
    margin: 0 auto
}

.mobile .account .filter-language > span {
    display: none
}

#root .mobile .account .filter-language .ui-dropdown, #root .mobile .account .filter-language .ui-dropdown-trigger {
    background-color: transparent;
}

#root .mobile .account .filter-language label img, #root .mobile .account .filter-language p-dropdownitem img {
    max-width: 100px;
    height: 50px
}

.mobile .account .filter-language li {
    display: flex;
    align-items: center
}

#root .mobile .account .filter-language label span, .mobile .account .filter-language li span {
    padding: 0 5px;
}

.mobile .filter-language p-dropdown .ui-dropdown {
    width: 100%
}

.header-navigation .login-button, .user-balance-info .deposit.button, .support-button {
    display: flex;
    justify-content: center;
    color: var(--c-white);
    font-size: 18px;
    background-color: var(--c-green);
    height: 40px;
    align-items: center;
    border-radius: 8px;
    margin-top: 30px;
}

.support-button {
    max-width: fit-content;
    padding: 10px 12px;
    cursor: pointer
}

.navigation-content .tab:before {
    content: "";
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center center
}

.navigation-content .tab:after {
    content: "";
    width: 30px;
    height: 13px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: auto
}

.navigation-content .language:before {
    background-image: url("/v1.233/r/images/tipster/language.svg")
}

.navigation-content .contact:before {
    background-image: url("/v1.233/r/images/tipster/contact.svg")
}

.navigation-content .information:before {
    background-image: url("/v1.233/r/images/tipster/info.svg")
}

.navigation-content .contact:after {
    background-image: url("/v1.233/r/images/megabet/arrow-right.svg")
}

.navigation-content .information:after {
    background-image: url("/v1.233/r/images/megabet/arrow-right.svg")
}

/*****************************
   Mobile Left Navigation
******************************/
#root .mobile-navigation-view-left .ui-dialog-title {
    background-image: url(/v1.233/r/images/wazza/icons/Wazaa_Logo_BW-theme-01.svg);
    width: 100%;
    height: 25px;
    font-size: 0;
    display: flex;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.mobile-navigation-view-left .header-navigation > app-widget-host {
    position: relative;
    /* height: calc(100vh - 60px); */
}

.os-ios .mobile-navigation-view-left .header-navigation > app-widget-host {
    height: calc(100vh - 140px)
}

.mobile-navigation-view-left.ui-dialog .ui-dialog-content {
    /* min-height: calc(100vh - 60px); */
    padding: 0;
    height: 100%;
    background-color: transparent;
}

.menu-modal-left {
    /* height: calc(100vh - 120px); */
    /* overflow-x: hidden; */
    /* overflow-y: auto; */
}

.navigation-left-header-row > app-widget-host {
    flex-direction: row;
    align-items: center;
    padding: 10px 12px 0;
    gap: 10px
}

.navigation-left-header-row {
}

.navigation-left-header-row {
}

.mobile-navigation-view-left .sports-search .search-label {
    display: none;
}

.mobile-navigation-view-left .sports-search .search-dropdown input {
    width: 100%;
    display: flex;
    background-color: var(--c-background);
    border: 0;
    border-radius: 0;
    height: 50px;
    background-size: 24px;
    background-image: url(/v1.031/r/images/site/icons/Search-grey.svg);
    background-position: 8px center;
    background-repeat: no-repeat;
    text-indent: 34px;
    border-radius: var(--r-border-radius-big);
}

.mobile-navigation-view-left .sports-search .search-dropdown input::placeholder {
    color: var(--c-primary);
}

body .mobile-navigation-view-left .sports-search .ui-inputtext:enabled:hover:not(.ui-state-error) {
    width: 100%;
    color: var(--c-w-b)
}

body .mobile-navigation-view-left .sports-search .ui-autocomplete-panel {
    border-radius: 0
}

.search-popup {
    top: var(--mobile-header)!important;
    height: calc(100% - calc(var(--mobile-header) + var(--bottom-nav)));
    z-index: 80!important;
}

.active-search-popup .ui-dialog-mask {
    z-index: 79!important;
}

body .search-popup.ui-dialog .ui-dialog-content {
    height: 100%;
    background-color: var(--c-background);
    padding: 20px;
    /* height: calc(100vh - 120px); */
    /* background-color: transparent; */
}

.search-popup .close-page-button {
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin: 5px 0; */
    position: absolute;
    z-index: 1;
    right: 14px;
    border: 0;
    width: 52px;
    height: 48px;
}

.search-popup .close-page-button a {
    font-size: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
}

.search-popup .close-page-button a:before {
    content: "Cancel";
    color: var(--c-text);
    font: var(--t-title);
    font-weight: bold;
    /* font-size: 40px; */
    /* font-weight: bold; */
    /* color: var(--c-primary); */
    /* line-height: 42px; */
}

.search-popup .sports-search .search-wrapper {
    /* background-color: var(--c-background); */
}

.search-popup .search-wrapper > .search-label {
    display: none;
}

.search-popup .search-wrapper .ui-autocomplete.ui-widget {
    background-color: transparent;
    /* padding: 12px; */
    border-radius: 4px;
    width: 100%;
    text-align: left;
}

.search-popup .search-wrapper .ui-autocomplete input {
    height: 48px;
    width: calc(100% - 60px);
    display: inline-flex;
    background-size: 24px;
    background-image: url(/v2.028/r/images/wazaa/icons/search_icon_red.svg);
    background-position: 18px, 95%, center;
    background-repeat: no-repeat, no-repeat, repeat;
    text-indent: 48px;
    border: 1px solid var(--c-background-header);
    background-color: var(--c-background-b);
    color: var(--c-primary);
    border-radius: 30px;
}

.search-popup .search-wrapper .ui-autocomplete input::placeholder {
    color: var(--c-primary)
}

.search-popup .sports-search .search-wrapper .search-featured-leagues {
    margin-top: 10px;
}

.search-popup .sports-search .search-wrapper .featured-leagues-header {
    background-color: transparent;
    color: var(--c-text);
    padding: 0px;
    font: var(--t-mini);
    box-shadow: unset;
    pointer-events: none;
    height: 32px;
}

.search-popup .sports-search .search-wrapper .featured-leagues-content {
    background-color: transparent;
    n }

.search-popup .sports-search .search-wrapper .featured-leagues-header .featured-leagues-toggle {
    display: none;
}

#root .search-popup .sports-search .search-wrapper li {
    padding: 5px 0;
    height: auto;
    background-color: transparent;
    border-top:0px;
    border-radius:10px;
}
#root .search-popup .sports-search .search-wrapper li {
    color:var(--c-text);
    margin-bottom:4px;
    /* background-color:var(--c-background-b); */
}
#root .search-popup .sports-search .search-wrapper .ui-autocomplete-panel li  {
    background-color:var(--c-background-b);
}
#root .search-popup .sports-search .search-wrapper .search-match-name {
    padding-left:10px;
}
#root .search-popup .sports-search .search-wrapper .search-match-info {
    font:var(--t-title);
    padding-right:10px;
}
.search-popup .sports-search .search-wrapper .featured-leagues-content .featured-league a {
    color: var(--c-text);
    font: var(--t-title);
    padding: 0px;
}

.search-popup .sports-search .search-wrapper .featured-league-category {
    background-size: auto 30px;
    ; width: 30px;
    height: 30px;
    margin-left: 0px;
    border-radius: 50%;
    box-shadow: 0px 4px 4px var(--s-black-25);
    background-color: var(--c-background-b)
}

.search-popup .sports-search .search-wrapper .featured-league-sport {
    display: none
}

body .search-popup .ui-inputtext:enabled:focus:not(.ui-state-error) {
    width: calc(100% - 60px);
    /* border: 1px solid var(--c-background-header); */
}

body .search-popup .sports-search .ui-autocomplete-panel {
    max-height: calc(100vh - 220px) !important;
    top: 62px!important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border:0px;
    background-color:transparent;
    box-shadow:unset;
}

.left-navigation-content .menu-column {
    padding: 20px 12px
}

.left-navigation-content .menu-column > app-widget-host {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center
}

.left-navigation-content .tab {
    position: relative;
    background-color: var(--c-background-b);
    border-radius: var(--r-border-radius-big);
    min-height: 90px;
    overflow: hidden;
    flex: 0 0 calc(33.333333% - 8px);
    box-shadow: 3px -1px 3px rgb(0, 0, 0, .25)
}

.left-navigation-content .tab.ios, .left-navigation-content .tab.android {
    display: none
}

.os-ios .left-navigation-content .tab.ios, .os-android .left-navigation-content .tab.android {
    display: block
}

[class*="theme-"] .left-navigation-content .d-App-img {
    display: none
}

.theme-auto .os-android .d-App-img.dark, .theme-auto .os-ios .d-App-img.dark, .theme-dark .d-App-img.dark, .theme-light .d-App-img.light {
    display: flex
}

.left-navigation-content .tab > app-widget-host {
    flex-direction: column;
    align-items: center;
    height: 100%;
    z-index: 1
}

.left-navigation-content .tab:before {
    display: none
}

.left-navigation-content .tab .title {
    text-transform: capitalize;
    font-weight: bold;
    font-size: 10px;
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 4px;
    width: 100%
}

.left-navigation-content .tab:after {
    content: "\2794";
    height: 100%;
    position: absolute;
    top: 0;
    display: flex;
    right: 15px;
    align-items: center;
    justify-content: center;
    display: none
}

.left-navigation-content .tab app-image {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 15px;
    width: 100%;
    justify-content: center
}

.lang-en .left-navigation-content .tab app-image.live-img {
    display: flex
}

.left-navigation-content .tab app-image img {
    width: 50px;
    padding: 5px 0;
    height: 50px;
    object-fit: contain
}

.left-navigation-content .tab app-image.home-img img {
    width: 55px
}

.mobile .left-nav-footer .filter-language .ui-dropdown .ui-dropdown-panel {
    margin: 0;
    top: -100px!important
}

.mobile .left-nav-footer {
    /* position: absolute; */
    bottom: 0;
    width: 100%;
    height: 60px
}

.mobile .left-nav-footer .filter-language {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px
}

.mobile .left-nav-footer > app-widget-host {
    display: flex;
    height: 100%;
    background-color: var(--c-background-b);
    flex-direction: row;
    justify-content: space-between;
    padding: 0 10px
}

.mobile .left-nav-footer .box-label {
    margin-bottom: 5px;
    font-size: 12px;
    text-align: center
}

.mobile .left-nav-footer .footer-social-img > app-widget-host {
    flex-direction: row
}

.mobile .left-nav-footer .footer-social-img app-image {
    margin-right: 15px
}

.mobile .left-nav-footer .footer-social-img app-image img {
    width: 100%;
    height: 30px
}

.mobile .left-nav-footer .footer-social-img app-image:last-child {
    margin-right: 0
}

.mobile .left-nav-footer .filter-language label > span {
    color: var(--c-primary)
}

.mobile .left-nav-footer .filter-language .ui-dropdown .ui-dropdown-trigger {
    color: var(--c-primary);
    top: 0;
    display: flex;
    align-items: center;
    height: 100%;
    width: 2em
}

.mobile .left-nav-footer .filter-language .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon, .mobile .left-nav-footer .filter-odds .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon {
}

.mobile .footer .left-nav-footer .filter-language .ui-dropdown .ui-dropdown-label-container {
    display: unset;
}

.mobile .left-nav-footer .filter-language-name {
    font-size: 10px
}

.mobile .header-navigation .left-nav-footer .filter-language-name {
    display: none
}

.mobile .left-nav-footer .filter-language .ui-dropdown {
    min-width: 110px;
    max-width: 110px;
    display: inline-block;
}

.mobile .left-nav-footer .filter-language label span, .mobile .left-nav-footer .filter-language li span, .mobile .left-nav-footer .filter-language li {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.mobile .footer .left-nav-footer .filter-language label span {
    justify-content: flex-start;
}

.mobile .footer .left-nav-footer {
    height: auto;
}

.mobile .footer .left-nav-footer > app-widget-host {
    background-color: transparent;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
    padding: 0
}

.mobile .footer .left-nav-footer .box-label {
    display: none
}

.mobile .footer .left-nav-footer .filter-language .ui-dropdown .ui-dropdown-panel {
    position: unset;
    margin-top: 5px;
}

.mobile .beto-odds-format .filter-odds {
    gap: 5px
}

.mobile .beto-odds-format .filter-odds-name {
}

body .mobile .beto-odds-format .ui-dropdown {
    border: 0;
    background: transparent;
    min-width: 110px;
    max-width: 110px;
}

body .mobile .beto-odds-format .ui-dropdown .ui-dropdown-trigger {
    top: 0;
    display: flex;
    align-items: center;
    font-size: 11px;
    background-color: transparent;
}

.mobile .footer .beto-odds-format .filter-odds .ui-dropdown-panel {
    position: unset
}

.mobile .footer .beto-odds-format p-dropdown, .mobile .footer .filter-language p-dropdown {
    padding: 0;
    border-radius: var(--r-border-radius-medium);
}

.mobile .left-nav-footer .filter-language img {
    margin-left: 3px;
    width: 20px;
    height: 20px
}

.menu-section {
    background-color: var(--c-background-b);
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    margin-top: 4px;
    box-shadow: 0px 2px 4px var(--s-black-25);
    color: var(--c-text)
}

.menu-section-heading > app-widget-host {
    display: flex;
    flex-direction: row;
    min-height: 43px;
    align-items: center;
    padding: 0px 20px;
    font: var(--t-title-menu);
    font-weight: bold;
    border-top-right-radius: 30px;
}
.show-sports-items .sports .menu-section-heading .text,
.show-games-items .games .menu-section-heading .text,
.show-casino-items .casino .menu-section-heading .text,
.show-benefit-items .benefits .menu-section-heading .text{
    color: var(--c-emphasis-b);
}

.menu-section-heading .toggle {
    margin-left: auto;
    max-width: 30px;
}

.menu-section-heading .toggle img {
    width: 100%;
    height: auto;
}

.menu-section-item > app-widget-host {
    display: flex;
    flex-direction: row;
    min-height: 45px;
    align-items: center;
    padding: 0px 20px;
    font: var(--t-title);
    font-weight: bold;
}

.menu-section-item:not(:last-child) > app-widget-host {
    box-shadow: 0px 1px 1px var(--s-grey-2-25)
}

.menu-section-item .image {
    margin: 0px 10px;
}

.menu-section-item img {
    max-width: 28px;
    max-height: 28px;
    object-fit: cover
}

.menu-section-items {
    display: none;
}

.show-sports-items .menu-section.sports .menu-section-items, .show-games-items .menu-section.games .menu-section-items, .show-casino-items .menu-section.casino .menu-section-items, .show-benefit-items .menu-section.benefits .menu-section-items {
    display: block;
}

.show-sports-items .menu-section.sports .menu-section-heading > app-widget-host, .show-games-items .menu-section.games .menu-section-heading > app-widget-host, .show-casino-items .menu-section.casino .menu-section-heading > app-widget-host, .show-benefit-items .menu-section.benefits .menu-section-heading > app-widget-host {
    box-shadow: 0px 2px 4px var(--s-black-25);
}

/*****************************
     Mobile Register Form
******************************/
.mobile .register-container {
    margin: 0 auto;
}

.mobile .content.register-modal, .mobile .login-menu-register, .mobile .register-login-section {
    /* background-color: var(--c-white); */
}

.theme-dark .mobile .content.register-modal, .theme-dark .mobile .login-menu-register, .theme-dark .mobile .register-login-section {
    background-color: var(--c-background)
}

.mobile .register-form-wrapper h3, .mobile .login-title {
    color: var(--c-emphasis-c);
    display: none;
}

.mobile .register-form-wrapper input[type="text"] {
    background-color: transparent;
}

.mobile .register-modal {
    height: 100vh;
    min-height: 100%
}

.mobile .register-modal > app-widget-host {
}

.mobile .register-form-wrapper form > div > div {
    margin: 0 auto;
    padding: 0px;
    /* padding: 12px; */
    padding-bottom: 0;
    /* background-color: var(--c-white); */
}

.theme-dark .mobile .register-form-wrapper form > div > div {
   /* background-color: var(--c-background); */
}

.mobile .register-form-wrapper .generic-form .form-row {
    flex-direction: column;
    align-items: flex-start;
    max-width: 100%;
    margin: 0 auto;
    font: var(--t-title) /* background-color: var(--c-white); */ /* color: var(--c-black); */
}

.mobile .register-form-wrapper .generic-form .fld-password .form-row {
    position: relative;
}

.mobile .register-form-wrapper .generic-form .fld-password .form-row.empty-field .field-caption {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 42px;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    pointer-events: none;
}

.mobile .register-form-wrapper .generic-form .fld-currency .form-row {
    padding-bottom: 10px;
}

.mobile .register-form-wrapper .generic-form .fld-password .form-row.focused-field .field-caption, .mobile .register-form-wrapper .generic-form .fld-password .form-row:not(.empty-field) .field-caption {
    display: none
}

.theme-dark .mobile .register-form-wrapper .generic-form .form-row {
  /*  background-color: var(--c-background); */
    color: var(--c-white)
}

#root .mobile .generic-form .field-caption {
    color: var(--c-black)
}

.theme-dark #root .mobile .generic-form .field-caption {
    color: var(--c-white);
}

.mobile .form-row.register-form-errors:has(.form-element-error:empty) {
    padding: 0
}

.mobile .register-form-wrapper .form-row label {
    color: var(--c-black);
    justify-content: flex-start
}

.theme-dark .mobile .register-form-wrapper .form-row label {
    color: var(--c-white);
}

.mobile .reset-next-buttons-wrapper {
    margin-bottom: unset;
    padding-bottom: unset;
    margin-top: 20px;
    margin-bottom: 5px;
    /* max-width: 264px; */
}

.mobile.lang-fr .reset-next-buttons-wrapper {
}

.mobile. .reset-next-buttons-wrapper:has(.reset-register-confirm) {
    padding-top: 40px
}

body .mobile .register-modal .ui-button, .mobile .reset-next-buttons-wrapper .button-reset-register {
    display: flex;
    background-color: var(--c-green);
    color: var(--c-white);
    border: 0;
    width: 100%;
    justify-content: center;
    height: 40px;
    align-items: center;
    max-width: 261px;
    margin: 0 auto
}

.mobile .reset-next-buttons-wrapper .button-reset-register {
    height: 100%;
    background-color: var(--c-emphasis-c);
    color: var(--c-white);
    max-width: 100%;
    margin-right: 10px
}

.mobile .reset-next-buttons-wrapper [type=reset] {
    width: 100%;
    display: none
}

.mobile .reset-next-buttons-wrapper ui-button:first-child {
    margin-left: 0;
    justify-content: center
}

.mobile .button-reset-register-yes, .mobile .reset-next-buttons-wrapper .button-submit-register {
    background-color: var(--c-red);
    color: var(--c-text-light);
    max-width: 100%;
    font: var(--t-title-menu);
    border-radius: 30px;
    min-height: 50px;
}

.mobile .reset-register-confirm {
    display: flex;
    flex: 0 0 50%
}

.mobile .reset-register-confirm {
    position: absolute;
    bottom: 100%;
    transform: translateY(-100%);
    color: var(--c-background-login-button);
    top: -20px
}

.mobile .register-login-section > app-widget-host {
    flex-direction: row;
    font-size: 16px;
    justify-content: center;
    font: var(--t-title);
    margin-top: 4px;
    /* margin-bottom: 30px; */
}

.mobile .register-login-section > app-widget-host .login-button {
    font-weight: bold;
    margin-left: 5px;
    color: var(--c-emphasis-b)
}

.mobile .register-form-wrapper .form-row .form-element-wrapper input {
    width: 100%;
    min-height: 40px;
    border: 1px solid var(--c-emphasis-b);
    border-radius: 30px;
    background-color: var(--s-green-10);
    box-shadow: unset;
    padding: 0px 8px;
    max-height: 40px;
}

.mobile .register-form-wrapper .fld-telephone .form-row .form-element-wrapper input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0px;
}

.mobile .register-form-wrapper tel-input .ui-dropdown .ui-dropdown-label {
    min-height: 42px;
    color: var(--c-text);
    padding-left: 10px;
    background-image: unset;
    border: 0;
    height: 40px;
}

.mobile .register-form-wrapper .form-row .form-element-wrapper input::placeholder {
    color: var(--c-text);
    letter-spacing: 1px
}

.mobile app-date-field .form-element-wrapper ngx-combo-datepicker {
    width: 100%;
    max-width: 100%
}

.mobile .form-element-wrapper select {
    border-bottom: 1px solid var(--c-emphasis-c);
    border-radius: var(--r-border-radius-medium);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    min-height: 42px
}

.mobile .form-element-wrapper select {
    border: 1px solid var(--c-emphasis-b);
    border-radius: 30px;
    ; min-height: 42px;
    box-shadow: unset;
    background-color: var(--s-green-10);
    text-indent: 8px;
}

.mobile .form-element-wrapper select option {
    background-color: var(--c-background-d);
    color: var(--c-black)
}

.register-form-wrapper .generic-form .fld-acceptterms {
}

.mobile .register-form-wrapper .generic-form .checkbox-wrapper {
    flex-direction: row;
    padding-bottom: 0;
    justify-content: flex-start;
}

.mobile .register-form-wrapper .generic-form .checkbox-wrapper p-checkbox {
    margin-right: 8px;
}

.mobile .register-form-wrapper .generic-form .checkbox-wrapper .field-label {
    text-align: left;
    font: var(--t-mini)
}

#root .mobile .generic-form tel-input p-dropdown {
    min-height: 40px;
    margin: 0;
    border: 1px solid var(--c-emphasis-b);
    border-right: var(--r-border-radius-medium);
    border-radius: 30px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
    height: 40px
}

#root .mobile tel-input .ui-dropdown {
    background-color: transparent;
    border: 0
}

.mobile .register-form-wrapper .form-row tel-input label {
    justify-content: center;
    background-color: var(--s-green-10);
    color: var(--c-black);
    border-radius: 0
}

#root .mobile tel-input .ui-dropdown .ui-dropdown-clear-icon {
    display: none
}

/*****************************
     Mobile Login
*****************************/
body .mobile-navigation-view .ui-dialog-content {
    background-color: var(--c-white)
}

.header-mobile {
    background-color: var(--c-emphasis-c);
    border-bottom: 1px solid var(--c-emphasis-c);
    padding: 0 20px;
    height: 60px;
    display: flex
}

.header-mobile > app-widget-host, .deposit-content-header > app-widget-host, .deposit-method-merge > app-widget-host {
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.header-mobile app-back-button a, .header-mobile app-content-block, .transactions .user-balance-row app-content-block {
    color: var(--c-white);
    font-size: 16px;
    font-size: 16px;
    height: 100%;
    display: flex;
    align-items: center;
    text-transform: uppercase
}

.header-mobile .title-navigation {
    border: 0
}

.mobile .login-modal-body {
    height: 100vh
}

.mobile .login-modal-body > app-widget-host {
    height: 100%
}

#root .mobile .login-modal-body .login-form > div {
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
    padding: 0
}

.mobile .login-modal-body .login-form > div label {
    font-size: 13px;
    line-height: 30px;
    width: 100%;
    color: var(--c-black)
}

.theme-dark .mobile .login-modal-body .login-form > div label {
    color: var(--c-w-b);
}

#root .mobile .login-modal-body .login-form .username-row, #root .mobile .login-modal-body .login-form .password-row {
    margin: 0 auto 12px
}

.mobile .login-modal-body .login-form .username-row label, .mobile .login-modal-body .login-form .password-row label {
    display: none
}

.mobile .login-modal-body .login-form .username-row input {
    border-radius: 0 8px 8px 0
}

.mobile .login-modal-body .login-form .password-row input {
    text-align: center;
    border-radius: var(--r-border-radius-medium)
}

.mobile .generic-form .form-row .form-element-wrapper {
    width: 100%;
    position: relative;
    overflow: hidden
}

.mobile .generic-form .fld-currency .form-element-wrapper {
    position: relative
}

.mobile .generic-form .fld-currency .form-element-wrapper:after {
    content: "";
    /*   background-image: url(/v1.233/r/images/betomall/icons/black/arrow-down-black.svg); */
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    top: 9px;
}

.mobile .login-modal-body .login-form > div input {
    font-size: 16px;
    line-height: 30px;
    border-radius: 0;
    width: 100%;
    background-color: var(--c-white);
    border: 1px solid var(--c-emphasis-d);
    box-shadow: none;
    min-height: 42px
}

.mobile .login-modal-body .login-form > div input:focus, .mobile .login-modal-body .login-form > div input:valid, .mobile .login-modal-body .login-form > div input.ng-dirty, .mobile .login-modal-body .login-form > div input.ng-touched, .mobile .login-modal-body .login-form > div input.ng-valid {
    background-color: var(--c-white)
}

.mobile .login-modal-body .login-form > div input::placeholder {
    color: var(--c-black);
    font-size: 13px;
    opacity: .6
}

.mobile .login-modal-body .login-modal-body .login-form {
    padding-top: 30px
}

.mobile .login-modal-body .login-modal-body .login-form iu-button {
    padding: 0 30px
}

.mobile .generic-form .form-row.username-row, .mobile .generic-form .form-row.password-row {
    justify-content: flex-start;
    align-items: flex-start;
    height: 62px;
    margin-bottom: 30px;
    flex-direction: column;
    height: 100%;
    padding: 0 15px;
    max-width: 300px
}

.mobile .generic-form .form-row.username-row .form-element-wrapper::before {
    height: 40px;
    margin: 0;
    border-radius: 30px 0 0 30px;
    border: 1px solid var(--c-emphasis-b);
    border-right: 0;
    background-color: var(--s-green-10);
    background-image: none;
    padding-left: 10px;
    box-shadow: none;
    width: 20px;
    color: var(--c-text);
    font: var(--t-title)
}

.mobile .generic-form .form-row input {
    border: 0;
    border-bottom: 1px solid var(--c-background-e);
    border-radius: var(--r-border-radius-medium);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    color: var(--c-text);
    background-color: var(--c-background-d);
    align-items: unset;
    justify-content: center;
}

input::-webkit-input-placeholder, input:-ms-input-placeholder, input::placeholder {
    color: var(--c-text);
}

.mobile .keep-me-row, .mobile .remember-me-row {
    justify-content: flex-start;
    align-items: center;
    gap: 10px
}

.mobile .keep-me-row .form-element-wrapper, #root .mobile .remember-me-row .form-element-wrapper {
    order: -1;
    width: auto;
    flex: unset
}

#root .mobile .keep-me-row input[type="checkbox"], #root .mobile .remember-me-row input[type="checkbox"] {
    min-height: auto;
    line-height: 1l width: 16px;
    height: 16px
}

.register-row-wrap > app-widget-host {
    gap: 20px;
    align-items: center;
    justify-content: center
}

.register-row-wrap .register-string {
    margin-right: 8px
}

/*****************************
      Forgot Password
*****************************/
.mobile .register-modal .forgot-content {
    /*  font-size: 18px; */
    padding: 15px 20px ;
    /*  line-height: 20px */
}

.mobile .forgot-menu {
    margin: 0
}

.mobile .forgot-menu #forgotpass .form-row {
    flex-direction: column;
    padding: 0 20px 20px;
    gap: 8px;
    position: relative
}

.mobile .forgot-menu #forgotpass label {
    justify-content: flex-start;
    position: absolute;
    z-index: 1;
    color: var(--c-black);
    font-size: 11px;
    left: 25px;
}

.mobile .register-modal .forgot-menu .form-element-wrapper input {
    background-color: transparent;
    border-bottom: 1px solid var(--c-emphasis-c);
    border-radius: 0;
    color: var(--c-black);
    max-width: 100%;
    width: 230px;
    min-height: 32px;
    height: 100%
}

.forgot-menu #forgotpass > div {
    display: block;
    width: 100%
}

.mobile .forgot-menu #forgotpass input {
    width: 100%;
    border-radius: var(--r-border-radius-small);
    border: 0;
    height: 38px;
    padding-top: 10px;
    color: var(--c-text);
    border-bottom: 2px solid var(--c-emphasis-c);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: var(--c-white)
}

.mobile .forgotpass > app-widget-host {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--c-text);
    padding: 20px 0
}

.mobile .button-submit-forgot-password {
    /* margin: 0 20px; */
}

.mobile .register-modal .forgot-content, .mobile .register-modal .forgot-title, .mobile .register-row-wrap .register-string {
    color: var(--c-text);
}

/*****************************
       Sports Coupon
******************************/
.mobile .market-switch-list-items {
    display: flex;
    overflow-y: hidden;
    overflow-x: auto;
    position: sticky;
    top: 86px;
    z-index: 10;
    background-color: var(--c-background);
}

.mobile .market-switch-list-items li {
    height: 31px;
    margin: 3px 0;
    cursor: default
}

.mobile .market-switch-list-items::-webkit-scrollbar {
    display: none
}

.mobile .top-championships .inline-sports-filter.count-inline-sports-1 + .events-break-wrapper .market-switch-list-items {
    top: 60px;
}

.main-coupon-v1 .timerange-title {
    display: none
}

.mobile .main-coupon-v1 .events-sport-wrapper .events-sport-header {
    display: flex;
    padding-right: 20px;
    margin-top: 0px;
    background-color: var(--c-background-b);
    z-index: 11;
    top:var(--mobile-header);
    top:107px;
    position:sticky
}

.mobile .sports-page-controls ~ .beto-sports-coupon .events-sport-wrapper .events-sport-header {
    /* position:sticky; */
    top: 156px;    
     transform: translateY(-52px); 
    order:-1;
     margin-left: auto;
    margin-bottom: -48px;
    flex:1;
    max-width:130px
}
body:has(app-inline-show-odds-under) .mobile .sports-page-controls ~ .beto-sports-coupon .events-sport-wrapper .events-sport-header{
    top: 230px;
    transform: translateY(-126px);
}

.mobile .sports-page-controls ~ .beto-sports-coupon .events-sport-wrapper .events-sport-content-parent {
    /* margin-top: -56px; */
    width:100%;
}



.mobile .main-coupon-v1 .sports-coupon .events-item-wrapper {
    flex-wrap: nowrap;
    padding: 0 20px;
    border-radius: 0px;
    box-shadow: 0px 0px 10px rgb(160 160 160 / 25%);
    background-color: transparent;
}

.mobile .main-coupon-v1 .sports-coupon app-events-list > app-breaks-events .events-tournament-content {
    padding: 0
}

.mobile .main-coupon-v1 .sports-coupon app-market-headings-container {
    /* display: none; */
    padding: 0px;
    width: 100%;
    flex: unset;
    margin-bottom: 10px;
    order: -1;
    position: relative;
}

.mobile .main-coupon-v1 .sports-coupon app-market-headings-container::before {
    width: calc(100% + 40px);
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    left: -20px;
    bottom: 0px;
    background-color: var(--c-grey-1);
}

.mobile .main-coupon-v1 .sports-coupon .events-tournament-content .events-tournament-wrapper:not(:first-of-type) app-market-headings-container {
    display: none;
}

.mobile .main-coupon-v1 .sports-coupon app-market-headings-container .markets-header-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
}

.mobile .main-coupon-v1 .sports-coupon app-market-headings-container .markets-header-wrapper::before {
    content: "Teams";
    font: var(--t-mini-title);
    margin: 0 auto 2px 0;

}

.mobile .main-coupon-v1 .sports-coupon .events-tournament-header {
    width: auto
}

.mobile .main-coupon-v1 .sports-coupon .tournament-header-wrapper {
    padding: 6px 20px;
    flex-wrap: wrap;
    flex-direction: row;
}

.mobile .main-coupon-v1 .markets-header-wrapper .market-header {
    gap: 0px;
    margin-left: auto
}

.mobile .main-coupon-v1 .markets-header-wrapper .market-type-selection {
    width: var(--odd-width);
}

.mobile .main-coupon-v1 .markets-header-wrapper .market-type-selection:not(:last-of-type) {
    margin-right: var(--odd-margin);
}

.mobile .main-coupon-v1 .sports-coupon .tournament-header-wrapper .events-category-flag {
    margin-left: 0px;
    background-size: 20px auto;
   /* border-radius: 50%; */
    order: 2;
    width: 20px;
    height: 20px;
}

.mobile .main-coupon-v1 .sports-coupon .tournament-header-wrapper .toggle-button, .mobile .nav-sport .nav-sport-toggle, .mobile .nav-featured-header .nav-featured-toggle, .mobile .nav-favorites-subwrapper .nav-favorites-header .nav-favorites-toggle {
    background-image: url("/v1.233/r/images/betomall/icons/black/arrow-down-black.svg");
    width: 16px;
    min-width: 16px;
    height: 13px;
    background-repeat: no-repeat;
    background-position: center center;
    order: 4;
    margin-right: 5px
}

.mobile .nav-featured-header .nav-featured-counter {
    display: block;
    margin-right: 8px;
    display: none
}

.mobile .nav-featured-panel .nav-feature-counter {
    order: 3;
    margin-left: auto;
}

.mobile .nav-featured-panel .nav-feature-favorite {
    background-image: url(/v1.233/r/images/bestbet/icon/star-gray.svg);
    background-size: contain;
}

.mobile .nav-featured-panel .favorite .nav-feature-favorite, .mobile .nav-favorites-wrapper .nav-favorite-icon {
    background-image: url(/v1.233/r/images/bestbet/icon/star-full-gray.svg);
    background-size: contain;
}

.theme-dark .mobile .main-coupon-v1 .sports-coupon .tournament-header-wrapper .toggle-button, .theme-dark .mobile .nav-sport .nav-sport-toggle, .theme-dark .mobile .nav-featured-header .nav-featured-toggle, .theme-dark .mobile .nav-favorites-subwrapper .nav-favorites-header .nav-favorites-toggle {
    filter: invert(1);
}

.mobile .nav-favorites-subwrapper .nav-favorites-header .nav-favorites-toggle {
    transform: rotate(0deg)
}

.mobile .nav-featured-header .nav-featured-toggle {
    border-radius: 0;
    background-color: transparent
}

.mobile .main-coupon-v1 {
    color: var(--c-text);
    width:100%;
}

.mobile .sports-page-controls ~ .beto-sports-coupon,
.mobile .sports-page-controls ~ .beto-sports-coupon .sports-coupon,
.mobile .sports-page-controls ~ .beto-sports-coupon .events-wrapper,
.mobile .sports-page-controls ~ .beto-sports-coupon .events-break-wrapper,
.mobile .sports-page-controls ~ .beto-sports-coupon .events-sport-wrapper{
    /* margin-top:-32px; */
   /* display:contents; */
}

.mobile .main-coupon-v1 .sports-coupon .tournament-header-wrapper .toggle-button.expanded, .mobile .nav-sport.active .nav-sport-toggle, .mobile .nav-featured-header.expanded .nav-featured-toggle, .mobile .nav-favorites-header.expanded .nav-favorites-toggle {
    transform: rotate(180deg)
}

.mobile .main-coupon-v1 .sports-coupon .tournament-header-wrapper .toggle-button {
    margin-left: auto
}

.mobile .main-coupon-v1 .sports-coupon .events-category-tournament-names {
    text-transform: capitalize;
    align-items: center;
    width: calc(100% - 25px);
    order: 3;
    font: var(--t-mini);
}

.mobile .main-coupon-v1 .sports-coupon .events-category-name {
    padding: 0 2px;
}

.mobile .main-coupon-v1 .sports-coupon .item-info-wrapper {
    overflow: hidden;
    min-width: auto;
    padding: 0;
    padding: 10px 0;
    margin: 0;
    flex: unset;
    /* width:unset; */
    /* max-width: calc(100% - 220px); */
}

.mobile .main-coupon-v1 .sports-coupon .match-sport-tennis .item-info-wrapper, .mobile .main-coupon-v1 .sports-coupon .match-sport-volleyball .item-info-wrapper {
    max-width: calc(100% - 100px);
}

.odd-format-fractional .mobile .main-coupon-v1 .sports-coupon .item-info-wrapper {
    max-width: calc(100% - 220px)
}

.mobile .main-coupon-v1 .sports-coupon .item-info-wrapper .match-info {
    flex-direction: row;
    flex-wrap: wrap;
    width: inherit;
    overflow: unset;
    padding-right: 10px;
}

.main-coupon-v1 .match-info .is-live-booked {
    position: absolute;
    left: calc(100% - 15px);
    top: 0px;
    height: 16px;
    display: flex;
    align-items: center
}

.main-coupon-v1 .match-sport-tennis .match-info .is-live-booked, .main-coupon-v1 .match-sport-volleyball .match-info .is-live-booked {
    left: calc(100% - 65px)
}

@media only screen and (max-width: 1300px) {
    .desktop .main-coupon-v1 .match-info .match-schedule:before, .desktop .main-coupon-v1 .match-info .is-live-booked {
        top: 8px;
        transform: translateY(-50%);
    }

    .main-coupon-v1 [class*="srl"] .match-schedule:befor {
        right: -30px
    }

    .main-coupon-v1 .match-info .is-live-booked {
        top: 50%;
        transform: translateY(-50%);
        left: calc(100% - 25px)
    }
}

@media only screen and (max-width: 651px) {
    body .main-coupon-v1 [class*="srl"] .match-schedule:before {
        font: var(--t-mini);
        font-weight: bold;
        text-transform: lowercase;
        line-height: 11px;

    }

    .main-coupon-v1 .match-info .is-live-booked {
        top: 4px;
        transform: unset;
        left: calc(100% + 90px);
    }

    .main-coupon-v1 .match-sport-tennis .match-info .is-live-booked, .main-coupon-v1 .match-sport-volleyball .match-info .is-live-booked {
        left: calc(100% - 50px)
    }
}

.odd-format-fractional .main-coupon-v1 .match-info .is-live-booked {
    left: calc(100% - -5px)
}

.main-coupon-v1 .match-info .is-live-booked:before, .main-coupon-v1 [class*="srl"] .match-schedule:before {
    font-size: 11px;
    line-height: 1;
    color: var(--c-emphasis-b);
    content: "CO";
    display: flex;
    align-items: center;
    border-radius: 2px;
    padding: 0 3px 1px;
    font-family: system-ui;
    font-weight: bold
}

.main-coupon-v1 [class*="srl"] .match-schedule:before {
    position: absolute;
    right: 0;
    left: 63px;
}

.mobile .main-coupon-v1 .match-info .is-live-booked {
    position: unset;
    margin-bottom: 10px;
}

.mobile .main-coupon-v1 .match-info .is-live-booked:before {
    font: var(--t-mini);
    font-weight: bold;
    text-transform: lowercase;
    line-height: 11px;
}

.mobile .live-page .main-coupon-v1 .sports-coupon .match-info {
    width: calc(100% - 36px);
}

.mobile .main-coupon-v1 .sports-coupon .match-info .match-schedule {
    width: auto;
    height: auto;
    margin-right: 0;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.mobile .main-coupon-v1 .events-item-wrapper .match-schedule .match-code {
    display: none;
}

.mobile .main-coupon-v1 .sports-coupon .match-info .match-schedule .match-date, .mobile .live-page .main-coupon-v1 .sports-coupon .item-info-wrapper .match-info .match-live {
    margin: 0;
    border-bottom-left-radius: 5px;
    /* color: var(--c-emphasis-c); */
}

.mobile .main-coupon-v1 .sports-coupon .match-info .match-schedule .match-date {
    /* color: var(--c-additional); */
    font: var(--t-mini)
}

.mobile .live-page .main-coupon-v1 .sports-coupon .item-info-wrapper .match-info .match-live {
    font-weight: bold;
    background-color: transparent;
    padding-left: 0;
    text-transform: capitalize
}

.mobile .main-coupon-v1 .sports-coupon .events-item-wrapper .match-schedule .match-progress {
    display: flex
}

.mobile .main-coupon-v1 .sports-coupon .match-info .match-schedule .match-time, .mobile .live-page .main-coupon-v1 .sports-coupon .item-info-wrapper .match-info .match-progress {
    font: var(--t-mini)
}

.mobile .main-coupon-v1 .sports-coupon .match-info .match-teams {
    font-size: 13px;
    line-height: 16px;
    font-weight: normal;
    padding-left: 0;
    width: 100%;
    min-width: unset
}

.mobile .main-coupon-v1 .sports-coupon .match-info .match-teams > div {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    font: var(--t-mini-title);
    line-height: 1.3
}

.mobile .main-coupon-v1 .sports-coupon .live-part .match-info .match-teams > div {
    max-width: calc(100% - 5px)
}

#root .mobile .main-coupon-v1 .sports-coupon .match-links {
    position: absolute;
    right: 20px;
    top: 3px;
    left: auto;
    height: auto;
    padding: 5px 0px;
    width: auto
}

.match-statistics {
    background: url(/v2.025/r/images/wazza/icons/ion_stats-chart.png) center center no-repeat;
}

.mobile .main-coupon-v1 .sports-coupon .match-links .match-favorite, .mobile .main-coupon-v1 .sports-coupon .match-links .match-statistics {
    order: unset;
    height: 10px;
    width: 10px;
    background-size: 10px;
    margin: 0
}

.mobile .main-coupon-v1 .sports-coupon .match-links .match-more-markets {
    margin: 0;
    line-height: 1;
    margin-top: 2px;
    text-align: right;
    font: var(--t-mini);
    display: flex;
    align-items: center;
    width: auto;
    min-width: fit-content
}

.mobile .main-coupon-v1 .sports-coupon .match-links .match-more-markets::after {
    content: "\203A";
    font-size: 20px;
    line-height: 9px;
    height: 11px;
    padding-bottom: 0px;
    margin-left: 3px;
    margin-bottom: 2px;
}

body#root .mobile .sports-coupon .match-markets-wrapper {
    flex-basis: auto;
    /* width: 200px; */
    padding: 35px 0 10px 0;
    margin-left: auto;
    gap: 0px;
}

body#root .mobile .opt-5 {
    width: calc((var(--odd-width) * 5) + var(--odd-margin) * 4);
    flex: unset;
}

body#root .mobile .opt-4 {
    width: calc((var(--odd-width) * 4) + var(--odd-margin) * 3);
    flex: unset;
}

body#root .mobile .opt-3 {
    width: calc((var(--odd-width) * 3) + var(--odd-margin) * 2);
    flex: unset;
}

body#root .mobile .opt-2 {
    width: calc((var(--odd-width) * 2) + var(--odd-margin) * 1);
    flex: unset;
}

#root .mobile .events-sport-header .market-drop-down-heading {
    max-width: 130px;
}

#root .mobile .events-sport-header .market-drop-down-heading select {
    background-color: var(--c-background-c);
    border: 0;
    border-radius: 30px;
    box-shadow: 0px 2px 2px var(--s-black-25);
    color: var(--c-text)
}

body.odd-format-fractional .mobile .sports-coupon .match-markets-wrapper {
    width: 220px
}

.mobile .home-carousel .sports-coupon .events-item-wrapper {
    width: 260px;
    background-position: unset;
    flex-wrap: nowrap;
    /* color: var(--c-primary); */
    /* background: linear-gradient(to right, var(--c-background-b) 21%, var(--c-background-b) 50%, var(--c-emphasis-c) 100%); */
    /* animation: gradient-animation 5s ease infinite; */
    /* background-size: 500% 500%   */
}

.mobile .home-carousel .sports-coupon .match-teams {
    /* border-top: 1px solid var(--c-emphasis-c); */
}

.mobile .lang-en .main-banner-carousel.lang-en, .mobile .lang-fr .main-banner-carousel.lang-fr {
    margin-top: -10px;
    margin-bottom: 0;
}

.mobile .main-banner-carousel .slideshow-container {
    border-radius: 0;
}

body .mobile .main-coupon-v1 .sports-coupon .match-markets-wrapper .match-market {
    padding: 0;
    gap: 0px;
    justify-content: flex-end;
}

.mobile .main-coupon-v1 .sports-coupon .match-market .coupon-market-name {
    display: none
}

body .mobile .main-coupon-v1 .sports-coupon .match-markets-wrapper .match-market .match-market-wrapper {
    gap: 0px;
    justify-content: flex-end;
}

body .mobile .main-coupon-v1 .sports-coupon .match-markets-wrapper .match-market .match-market-wrapper:not(.no-market-selections) {
    flex: 0
}

.mobile .main-coupon-v1 .match-markets-wrapper .match-odd.odd-locked {
    border: 0
}

body .mobile .main-coupon-v1 .sports-coupon .match-markets-wrapper .match-market .match-odd .odd {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    line-height: 14px;
    -webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -ms-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out
}

body .mobile .main-coupon-v1 .sports-coupon .match-markets-wrapper .match-market .match-odd .odd .mobile-outcome {
    font-size: 11px;
    padding-bottom: 3px;
    margin: 0 auto;
    display: none;
}

body .mobile .main-coupon-v1 .sports-coupon .match-markets-wrapper .match-market .match-odd .odds-bet-slip-selected .odd .mobile-outcome {
    color: var(--c-white)
}

/*****************************
         Home Page
******************************/
.mobile.lang-en .main-banner-carousel.lang-en, .mobile.lang-fr .main-banner-carousel.lang-fr {
    margin-top: 0px;
    margin-bottom: 0
}

.main-content-mobile {
    display: flex;
    width: 100%;
    background-color: var(--c-background);
    position: relative
}

.mobile .banner {
    background-image: url(/v1.233/r/images/tipster/tipster_banner_en.svg);
    height: calc(100vw / 2.58);
    width: 100%;
    display: flex;
    align-items: flex-end;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.mobile .banner .register-button, .mobile .forgotpass > app-widget-host button, .mobile .responsible-gaming-info button {
    margin: 15px auto;
    font-size: 18px;
    color: var(--c-white);
    background-color: var(--c-green);
    padding: 10px 20px;
    width: 100%;
    display: flex;
    justify-content: center;
    max-width: 261px
}

.mobile .responsible-gaming-info button, .mobile .responsible-gaming-info button {
    background-color: var(--c-green);
    color: var(--c-white)
}

.mobile .responsible-gaming-info button.btn-clear-all, .mobile .responsible-gaming-info button.btn-reset-values {
    background-color: var(--c-emphasis-c);
    color: var(--c-white)
}

.mobile .forgotpass > app-widget-host button {
    background-color: transparent;
    color: var(--c-primary)
}

.mobile .login-modal-body .login-form > ui-button button {
    display: flex;
    width: 100%;
    justify-content: center;
    text-transform: uppercase;
    background-color: var(--c-emphasis-b);
    color: var(--c-white);
    border-radius: var(--r-border-radius-big);
    max-width: 264px;
    margin: 0 auto
}

.mobile .button-submit-login {
    width: 100%
}

.mobile .button-submit-login .button-label {
    border-radius: var(--r-border-radius-medium)
}

.mobile .header-navigation .registerbutton button {
    max-width: 264px;
    margin: 0 auto;
    display: flex;
    width: 100%;
    justify-content: center;
    text-transform: uppercase;
    background-color: var(--c-emphasis-d);
    border-radius: 12px;
    color: var(--c-white);
    font-weight: bold;
    padding: 10px 20px;
    min-width: 150px
}

.mobile .banner .register-button {
    width: auto;
    border-radius: 8px
}

.mobile .homepage .featured-leagues-header {
    display: none
}

.mobile .homepage .featured-leagues-content {
    background-color: transparent;
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    padding: 0 8px 10px;
    gap: 10px
}

.mobile .homepage .featured-leagues-content .featured-league {
    height: 100%
}

.mobile .homepage .featured-leagues-content .featured-league a {
    background-color: var(--c-background-b);
    color: var(--c-primary-d);
    border-radius: 15px;
    font-weight: bold;
    position: relative;
    min-height: 32px;
    padding: 5px 9px 5px 4px
}

.mobile .homepage .featured-leagues-content .featured-league a:hover {
    color: var(--c-primary-d)
}

.mobile .homepage .featured-leagues-content .featured-league .featured-league-category {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    left: 0;
    margin: 0;
    margin-right: 12px;
    background-size: 30px
}

.mobile .homepage .featured-leagues-content .featured-league .featured-league-category.ligue-1, .mobile .homepage .featured-leagues-content .featured-league .featured-league-category.bundesliga, .mobile .homepage .featured-leagues-content .featured-league .featured-league-category.germany, .mobile .homepage .featured-leagues-content .featured-league .featured-league-category.international, .mobile .homepage .featured-leagues-content .featured-league .featured-league-category.international-clubs, .mobile .homepage .featured-leagues-content .featured-league .featured-league-category.international-youth {
    background-size: contain;
}

.mobile .homepage .featured-leagues-content .featured-league .featured-league-category.international-clubs.uefa-champions-league, .mobile .homepage .featured-leagues-content .featured-league .featured-league-category.international-clubs.uefa-europa-league, .mobile .homepage .featured-leagues-content .featured-league .featured-league-category.international-clubs.uefa-europa-conference-league {
    background-size: contain;
}

.mobile .fl-premier-league {
    background-image: url(/v1.233/r/images/wazza/pl-main-logo.png);
}

.mobile .primera-division {
    background-image: url(/v1.233/r/images/wazza/la-liga-logo.svg);
}

.mobile .bundesliga {
    background-image: url(/v1.233/r/images/wazza/bundesliga-logo.svg);
}

.mobile .serie-a {
    background-image: url(/v1.233/r/images/wazza/SerieA-logo.png);
}

.mobile .ligue-1 {
    background-image: url(/v1.233/r/images/wazza/Ligue-1-logo.png);
}

.mobile .fl-nba {
    background-image: url(/v1.233/r/images/wazza/NBA.png);
}

.mobile .homepage .featured-leagues-content .featured-league .featured-league-name {
    white-space: nowrap;
}

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

.sportscoupon-menu-wrapper {
    margin-top: 20px;
}

.sportscoupon-menu-wrapper > app-widget-host {
    display: flex;
    flex-direction: row;
    padding: 0;
    background-color: var(--c-background-b);
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    overflow: hidden;
}

.sportscoupon-menu-wrapper .tabbed-menu {
    width: 100%;
    padding: 0 20px
}

.sportscoupon-menu-wrapper .sportscoupon-menu-items {
    display: flex;
    width: 100%;
    /* border: 1px solid var(--c-emphasis-c); */
    /* border-radius: var(--r-border-radius-big); */
}

.sportscoupon-menu-wrapper .sportscoupon-menu-items> app-widget-host {
    flex-direction: row;
}

.sportscoupon-menu-wrapper .sportscoupon-menu-item {
    display: flex;
    align-items: center;
    flex: 1;
    gap: 5px;
    justify-content: center
}

.sportscoupon-menu-wrapper .sportscoupon-menu-item > app-widget-host {
    flex-direction: row;
    gap: 5px;
    justify-content: center
}

.sportscoupon-menu-wrapper .sportscoupon-menu-item > app-widget-host .sportscoupon-menu-item-text {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--c-text);
    font: var(--t-mini-title);
    min-height: 32px
}

.sportscoupon-menu-wrapper .sportscoupon-menu-item a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--c-text);
    font-weight: bold;
    font-size: 10px
}

.sportscoupon-menu-wrapper .sportscoupon-menu-item-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 20px;
    height: 20px;
    display: block
}

.sportscoupon-menu-wrapper .sportscoupon-today .sportscoupon-menu-item-image {
    background-image: url(/v1.233/r/images/wazza/icons/Today_Icon.png);
    display: none
}

.sportscoupon-menu-wrapper .sportscoupon-live .sportscoupon-menu-item-image {
    background-image: url(/v1.233/r/images/wazza/icons/Live_Icon.png);
    display: none
}

.sportscoupon-menu-wrapper .sportscoupon-highlights .sportscoupon-menu-item-image {
    background-image: url(/v1.233/r/images/wazza/icons/Popular_Icon.png);
    display: none
}

.sportscoupon-menu-wrapper .sportscoupon-menu-item-image {
    display: none
}

.zoom-page .coupon-breadcrumbs {
    display: none
}

.view-page-home-today .sportscoupon-menu-wrapper .sportscoupon-today , .view-page-home-live .sportscoupon-menu-wrapper .sportscoupon-live , .view-page-home-highlights .sportscoupon-menu-wrapper .sportscoupon-highlights, .home-active .sportscoupon-menu-wrapper .sportscoupon-highlights, .view-page-home-upcoming .sportscoupon-menu-wrapper .sportscoupon-upcoming, .view-page-sports-zoom .sportscoupon-menu-wrapper .sportscoupon-zoom {
    color: var(--c-text-light);
    background-color: var(--c-green);
    /* border-radius: 20px; */
}

.view-page-home-today .sportscoupon-menu-wrapper .sportscoupon-today {
}

.view-page-home-live .sportscoupon-menu-wrapper .sportscoupon-live {
}

.view-page-home-today .sportscoupon-menu-wrapper .sportscoupon-today .sportscoupon-menu-item-text , .view-page-home-live .sportscoupon-menu-wrapper .sportscoupon-live .sportscoupon-menu-item-text , .view-page-home-highlights .sportscoupon-menu-wrapper .sportscoupon-highlights .sportscoupon-menu-item-text , .home-active .sportscoupon-menu-wrapper .sportscoupon-highlights .sportscoupon-menu-item-text, .view-page-home-upcoming .sportscoupon-menu-wrapper .sportscoupon-upcoming .sportscoupon-menu-item-text, .view-page-sports-zoom .sportscoupon-menu-wrapper .sportscoupon-zoom .sportscoupon-menu-item-text {
    color: var(--c-white)
}

.view-page-home-today .sportscoupon-menu-wrapper .sportscoupon-today a, .view-page-home-live .sportscoupon-menu-wrapper .sportscoupon-live a, .view-page-home-highlights .sportscoupon-menu-wrapper .sportscoupon-highlights a, .home-active .sportscoupon-menu-wrapper .sportscoupon-highlights a, .view-page-sports-zoom .sportscoupon-menu-wrapper .sportscoupon-zoom a {
    color: var(--c-white)
}

.mobile .homepage .sports-page-controls > app-widget-host {
    margin: 0
}

.mobile .homepage .sports-page-controls .page-sort-by > app-widget-host {
    height: auto
}

.homepage .by-date-header-wrapper {
    display: none
}

.homepage .home-carousel .events-sport-wrapper > .events-sport-header + div {
    display: flex;
    gap: 5px
}

.homepage .home-carousel .events-tournament-content {
    display: flex;
    gap: 5px
}

body .sports-page-controls {
    /*  margin-bottom: 5px; */
    width: calc(100% - 130px);
    top: var(--mobile-header);
   /* position: sticky; */
    /* height: 48px; */
    top: 60px;
    /* transition: unset; */
    z-index: 12;
    order: -1;
    /* margin-top: 32px; */
    background-color: var(--c-background-b);
    display: block;
    transform: translateY(48px);
    padding: 10px 0;
}
body .mobile .sports-page-controls{
    width: calc(100% - 130px);
    position: sticky;
    height: 48px;
    top: 57px;
    z-index: 12;
    background-color: var(--c-background-b);
    display: block;
    transform: translateY(48px);
    order: unset;
    display: flex;
    align-items: center;
}
body .mobile .sports-select-page .sports-page-controls{
    transform: unset;
    width: 100%;
}
body .mobile .sports-select-page .sports-page-controls.below > app-widget-host{
    padding: 0 20px;
}
body .mobile .sports-page-controls.date-filter-wrap{
    width: 100%;
    transform: unset;
    position: unset;
    display: flex;
    align-items: center;
    height: auto
}
body .mobile .sports-page-controls.date-filter-wrap > app-widget-host{
    margin: 0
}
body .homepage .section-title {
    text-align: left;
    padding: 0;
    line-height: 25px;
}

.homepage .sports-page-controls ul {
    background-color: var(--c-primary-b);
    border-radius: 20px;
    box-shadow: unset
}

body .homepage .sports-page-controls ul li {
    margin: 0;
    height: auto
}

body .homepage .sports-page-controls ul li > a {
    min-width: 35px;
    height: 30px;
    color: var(--c-white);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    box-shadow: none;
    text-transform: capitalize
}

body .homepage .sports-page-controls ul li.groupByDay > a {
    /* background-image: url(/v1.233/r/images/wazza/icons/time-FFFFFF.svg); */
}

body .homepage .sports-page-controls ul li.sortByLeague > a {
    /* background-image: url(/v1.233/r/images/wazza/icons/cup-FFFFFF.svg); */
}

body .homepage .sports-page-controls ul li.sortBySelected > a {
    background-color: var(--c-emphasis-b);
    border-radius: 20px;
}

.mobile .slideshow-container {
    height: calc(100vw / 1.8)!important
}

.mobile.lang-fr .slideshow-container {
    height: calc(100vw / 2.5)!important
}

/* Old Style */

body .sports-page-controls.old-contols{
    position: unset;
    width: 100%;
    transform: unset;
    order: unset;
    padding: 10px 0
}
.sports-page-controls.old-contols:has(.sports-market-filter){
    max-height: 220px;
    
}
body.toggle-filters .sports-page-controls.old-contols{
    max-height: 0;
    padding: 0
    
}
.mobile .sports-page-controls.old-contols > app-widget-host{
    align-items: flex-start;
}
.sports-page-controls.old-contols .page-filter-label{
    padding-bottom: 0;
}
.mobile .sports-page-controls.old-contols .dates-filter{
    margin-left: 10px;
    max-width: calc(100vw - 110px);
}

.mobile .sports-page-controls.old-contols .sports-page-filter{
    width: auto
}

/*****************************
    Sports Outrights Page
*****************************/
.mobile .outrights-page .sports-filter {
    max-width: 100%;
    margin-left: 0;
    padding: 0 5px;
    margin-top: 15px
}

.mobile .outrights-page .events-sport-wrapper .events-sport-header {
    padding: 0 10px
}

.mobile .outrights-page .events-sport-wrapper .events-category-header-outrights {
    padding: 10px;
}

.mobile .outrights-page .events-category-header-outrights .toggle-button {
    margin-right: 15px
}

.mobile .outrights-page .outright-markets .outright-competitor {
    flex: 100%
}

.mobile .outrights-page .events-tournament-content {
    padding: 0 10px
}

.mobile .outrights-page .events-tournament-content .events-tournament-wrapper > app-breaks-events-item {
    border-radius: 8px
}

.mobile .outrights-page .events-sport-wrapper .events-sport-header .allow-expand-everything {
    margin-right: 12px
}

.mobile .outrights-page .outright-markets .outright-odd {
    font-weight: bold
}

/*****************************
    Sports Select Page
*****************************/
app-nav.league-select-page-filter {
    width:100%;
    display:block;
    overflow:hidden;
    padding: 0 20px
}

#root .league-select-page-filter .only-link {
    display: flex;
    overflow: hidden;
    overflow-x: auto;
    display: flex;
    padding: 0;
    gap: 8px;
       background-color: var(--c-background-c);
    border-radius: 20px;
    width: 100%;
}

#root .league-select-page-filter .only-link::-webkit-scrollbar {
    display: none
}

.league-select-page-filter .nav-sport-wrapper {
    background-color: transparent;
}

.league-select-page-filter .nav-sport-wrapper .nav-sport {
    background-color: transparent;
    min-width: fit-content;
    height: 36px;
    flex-direction: row;
    gap: 4px;
    border-radius: 20px;
    margin: 0;
    border: 2px solid transparent;
    box-shadow: unset;
    padding-right: 12px;
    align-items: center
}

.league-select-page-filter .nav-sport-wrapper .nav-sport.active {
    margin-right: 4px;
    background-color: var(--c-b-w);
    border: 2px solid var(--c-emphasis-c)
}

.league-select-page-filter .nav-sport-wrapper .nav-sport .nav-sport-toggle, .league-select-page-filter .nav-sport-wrapper .nav-sport .nav-sport-counter {
    display: none
}

.league-select-page-filter .nav-sport-wrapper .nav-sport .nav-sport-name {
    white-space: nowrap;
}

.league-select-page-filter .nav-sport-wrapper .nav-sport .nav-sport-icon {
    height: 25px;
    width: 25px;
    position: unset;
    background-size: contain;
    margin: 0;
    filter: contrast(0.5)
}

.league-select-page-filter .nav-sport-wrapper .nav-sport.active .nav-sport-icon {
    filter: unset;
}

.mobile .sports-select-page .sports-market-filter {
}

.mobile .sports-select-page .navigation {
    position: relative;
    width: 100%;
}

.mobile .navigation .sports-market-filter {
    max-width: max-content;
    padding: 8px 0;
    width: 100%;
}

.mobile .navigation .filter-schedule .filter-schedule-item {
    ; border: 1px solid var(--c-background-e);
    font-size: 10px
}

.mobile .navigation .filter-schedule .filter-schedule-item:first-child {
    margin-left: 4px;
}

.mobile .navigation .filter-schedule .filter-schedule-item:last-child {
    margin-left: 0;
    order: -1
}

.mobile .navigation .filter-schedule .filter-schedule-item.selected {
    background-color: var(--c-emphasis-c);
    color: var(--c-white);
}

.mobile .nav-sports-header, .mobile .nav-featured-select-all, .mobile .nav-featured-remove-all, .mobile .league-select-page .nav-sport-wrapper .nav-sport .nav-sport-icon, .mobile .league-select-page .nav-sport-wrapper .nav-sport .nav-sport-counter, .mobile .league-select-page .nav-sport-wrapper .nav-sport .sport_checkbox {
    display: none
}

.mobile .league-select-page .nav-sport-wrapper .nav-sport .nav-sport-name {
    width: 100%;
    font-size: 16px;
    font-weight: bold
}

app-navbar-panel-head {
    display: flex;
    gap: 15px
}

.mobile .nav-sport-wrapper .nav-sport .nav-sport-remove-all, .mobile .nav-sport-wrapper .nav-sport .nav-sport-select-all {
    white-space: nowrap;
    padding: 0;
    background-color: transparent;
    margin-right: 10px
}

.mobile .league-select-go {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding: 10px;
    align-items: center;
    max-width: 250px;
    margin-left: auto;
    position: fixed;
    left: 50%;
    transform: translate(-50%);
    bottom: 70px;
    z-index: -1
}

.mobile .nav-sports-page .league-select-go.has-options {
    z-index: 1;
}

.mobile .league-select-go .min-selections-error, .no-history-records, .statement-content .ui-table-tbody > tr > td:not(.ng-star-inserted), .withdraw-history-box .ui-table-tbody > tr > td:not(.ng-star-inserted) {
    color: var(--c-primary);
    flex-wrap: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    text-align: center !important;
    background-color: var(--c-shade);
    border-radius: var(--r-border-radius-small);
    padding: 12px 0;
    box-shadow: inset 0 2px 0 rgb(255 255 255 / 6%), 0 0 1px 1px rgb(0 0 0 / 8%);
    font-size: 14px !important
}

.mobile .league-select-go button {
    height: 36px;
    margin: 0;
    width: 90px
}

.mobile .nav-sports.nav-sports-page button.nav-submit-button {
    background-color: var(--c-green);
    color: var(--c-w-b);
    font-weight: bold;
    border-top-left-radius: var(--r-border-radius-big);
    border-bottom-left-radius: var(--r-border-radius-big);
}

.mobile .nav-sports.nav-sports-page button.nav-reset-button {
    background-color: var(--c-emphasis-c);
    color: var(--c-white);
    font-weight: bold;
    border-top-right-radius: var(--r-border-radius-big);
    border-bottom-right-radius: var(--r-border-radius-big)
}

.mobile .league-select-go .nav-submit-go {
    margin-right: 5px
}

.mobile .nav-featured-toggle {
    transform: rotate(0deg)
}

.mobile .league-select-page .nav-featured-header {
    padding: 0
}

.mobile .league-select-page .nav-featured-header .category_checkbox, .mobile .league-select-page .tournament_checkbox {
    order: -1;
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px
}

.mobile .league-select-page .nav-featured-header .nav-featured-name, .mobile .league-select-page .nav-feature-name {
    margin: 0;
    width: 100%
}

.mobile .league-select-page .nav-featured-go-button, .mobile .league-select-page .nav-category-go-button {
    display: none
}

.mobile .league-select-page .nav-feature-favorite {
    order: 4
}

.mobile .nav-favorites-wrapper .nav-favorites-header {
    background-color: var(--c-background-b);
    border-bottom: 1px solid var(--c-background-footer-middle);
    color: var(--c-primary);
    font-size: 14px
}

.mobile .nav-favorites-wrapper .nav-favorites-header .nav-favorites-name {
    color: var(--c-primary);
    width: 100%
}

.mobile .nav-favorites-wrapper .nav-favorites-header .nav-favorites-counter {
    display: none
}

.mobile .nav-favorites-wrapper .nav-favorites-header .category_checkbox {
    order: -1;
    width: 24px;
    min-width: 24px;
    height: 24px;
    min-height: 24px;
    margin: 0 15px 0 4px
}

.mobile .nav-favorites-wrapper .nav-favorites-header .nav-favorites-go-button {
    display: none
}

.mobile .nav-favorites-wrapper .nav-favorites-header .nav-favorites-select-all {
    margin-left: auto
}

.mobile .nav-favorites-wrapper .nav-favorites-header > div {
    padding-right: 10px;
    white-space: nowrap
}

.mobile .nav-favorites-wrapper .nav-favorites-header > div:last-child {
    padding-right: 0
}

.mobile .nav-favorites-wrapper .nav-favorites-header + .nav-favorites-panel {
    display: none
}

.mobile .nav-favorites-wrapper .nav-favorites-header.expanded + .nav-favorites-panel {
    display: block
}

.mobile .nav-favorites-wrapper .nav-favorites-panel .nav-favorite {
    padding-right: 10px;
    background-color: var(--c-background-c);
    color: var(--c-primary);
    font-weight: normal;
    border-bottom: 1px solid var(--c-shade);
    border-radius: 0;
    margin: 0;
    box-shadow: none;
    font-size: 13px
}

.mobile .nav-featured-icon {
    margin: 0 15px 0 4px;
    background-image: url(/v1.233/r/images/wazza/icons/internationals-new-icon.png);
    background-size: contain;
    min-width: 24px;
    min-height: 24px
}

.mobile .nav-featured-name {
    padding: 0
}

.mobile .nav-featured-panel {
    flex-direction: column
}

.mobile .nav-featured-header, .mobile .nav-feature, .mobile .nav-sport, .mobile .nav-category, .mobile .nav-tournament {
    display: flex;
    width: 100%;
    height: 42px;
    background-color: var(--c-background);
    border-bottom: 1px solid var(--c-emphasis-c);
    color: var(--c-primary);
    align-items: center;
    padding: 0 5px
}

.mobile .nav-category-panel .nav-tournament, .mobile .nav-featured-panel .nav-feature {
    background-color: var(--c-background-b);
}

.mobile .nav-sport, .mobile .nav-category {
}

.mobile .nav-sport .sport_checkbox, .mobile .nav-category .category_checkbox {
    order: 0;
    width: 24px;
    min-width: 24px;
    height: 24px;
    min-height: 24px;
}

.mobile .nav-category .nav-category-icon, .mobile .nav-tournament .nav-tournament-icon {
    margin: 0 15px 0 4px
}

.mobile .nav-category .nav-category-icon {
    order: 1
}

.mobile .nav-category .nav-category-name {
    order: 2;
    width: 100%
}

.mobile .sports-select-page .nav-sport-counter {
    margin-left: auto;
    margin-right: 8px
}

.mobile .nav-category .nav-category-counter {
    order: 3;
    margin-left: auto;
    margin-right: 8px
}

.mobile .sports-select-page .nav-category-wrapper .nav-category {
    position: relative;
    padding: 0 10px 0 5px
}

.mobile .sports-select-page .nav-category-wrapper .nav-category .navbar-section-counter {
    order: 10
}

.mobile .sports-select-page .nav-category-wrapper .nav-category.active .nav-category-toggle {
    -webkit-transform: translate3d(0, 0%, 0) rotate(-45deg);
    transform: translate3d(0, 0%, 0) rotate(-45deg)
}

.mobile .sports-select-page .nav-category-wrapper .nav-category .nav-category-toggle {
    content: "";
    width: 10px;
    height: 10px;
    background: transparent;
    border-top: 2px solid var(--c-text-primary);
    border-right: 2px solid var(--c-text-primary);
    transition: all 100ms ease;
    -webkit-transform: translate3d(0, -50%, 0) rotate(135deg);
    transform: translate3d(0, -50%, 0) rotate(135deg);
    order: 4;
    margin-right: 5px;
    min-width: 10px;
    min-height: 10px;
}

.mobile .nav-sports .nav-category button {
    order: 5;
    padding: 6px 10px
}

.mobile .nav-sports .nav-category button .nav-category-go {
    margin-right: 5px
}

.mobile .nav-sports .nav-tournament-favorite {
    display: none
}

.mobile .nav-tournament .tournament_checkbox {
}

.nav-sports .nav-sport-wrapper .nav-sport-panel .nav-category-wrapper .nav-category-panel.hide-category-panel {
    height: 0;
    visibility: hidden
}

.mobile .nav-tournament .nav-tournament-counter {
    margin-left: auto;
    margin-right: 8px
}

.mobile .nav-category-wrapper .nav-category-panel {
    display: flex;
    flex-wrap: wrap;
    background-color: var(--c-background-c)
}

.mobile .nav-category-wrapper .nav-category-panel .nav-tournament-wrapper {
    flex: 1 1 50%;
    width: 50%;
    background: unset;
    box-shadow: var(--bs-);
    background-color: var(--c-background-b)
}

.mobile .nav-category-wrapper .nav-category-panel .nav-tournament-wrapper:nth-child(odd) {
    border-right: 1px solid var(--c-background-footer-middle);
}

.mobile .nav-category-wrapper .nav-category-panel .nav-tournament-wrapper .nav-tournament {
    height: 100%;
    min-height: 50px;
    padding: 4px 0;
}

.mobile .nav-category-wrapper .nav-category-panel .nav-tournament-wrapper .nav-tournament .nav-tournament-icon {
    display: none
}

.mobile .nav-category-wrapper .nav-category-panel .nav-tournament-wrapper .nav-tournament .tournament_checkbox {
    margin-right: 8px
}

.mobile .nav-category-wrapper .nav-category-panel .nav-tournament-wrapper .nav-tournament .nav-tournament-favorite {
    background-image: url(/v1.233/r/images/bestbet/icon/star-gray.svg);
    background-size: contain;
    order: 4;
    display: block
}

.mobile .nav-category-wrapper .nav-category-panel .nav-tournament-wrapper .nav-tournament label {
    width: 100%
}

.mobile .nav-category-wrapper .nav-category-panel .nav-tournament-wrapper .nav-tournament.favorite .nav-tournament-favorite {
    background-image: url(/v1.233/r/images/bestbet/icon/star-full-gray.svg);
    background-size: contain;
}

/*****************************
         Sports Page
******************************/
.mobile .coupon-wrapper {
    padding: 0;
    /* position: relative; */
}

.mobile .coupon-wrapper > app-widget-host {
    position: relative;
    padding: 0;
    flex-direction:row;
    flex-wrap:wrap;
    /* padding-top: 8px; */
    box-shadow: unset;
    border-radius: 0px;
}

.mobile ul.sport-breadcrumbs {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0;
    margin: 8px 0;
    background-color: transparent;
    align-items: center;
    padding-bottom: 5px;
    height: 49px
}

.mobile ul.sport-breadcrumbs > li {
    font-size: 18px
}

.mobile ul.sport-breadcrumbs > li:after {
}

.mobile ul.sport-breadcrumbs > li:before {
    border-top: 19px solid var(--c-background);
    border-bottom: 18px solid var(--c-background);
}

.mobile ul.sport-breadcrumbs > li:last-child:before {
    border-top: 19px solid var(--c-emphasis-c);
    border-bottom: 18px solid var(--c-emphasis-c)
}

.mobile ul.sport-breadcrumbs > li .br-name {
}

.page-filters-button {
    flex: 1
}

.mobile .page-filters-button {
    flex: unset
}

.page-filters-button > app-widget-host {
    flex-direction: row;
    height: 100%;
    justify-content: flex-end;
    align-items: center;
    padding-right: 10px
}

.page-filters-button .filter-label {
    padding-right: 8px;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase
}

.page-filters-button .filter-icon > img {
    height: 25px;
    width: 25px
}

.sports-page-controls {
    max-height: 200px;
    width: 100%;
    overflow: hidden;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out.mobile .coupon-wrapper > app-widget-host
}

.mobile .sports-page-controls > app-widget-host {
    display: flex;
    align-items: center;
    justify-content: unset;
    padding:0px;
    padding-left:20px;
}



.mobile .sports-page-controls.row > app-widget-host {
    flex-direction: row;
    height: 100%;
    
}

body.toggle-filters .sports-page-controls {
     margin: 0; 
    max-height: 0; 
}
body.toggle-filters .sports-page-controls.below{
    max-height: unset;
}

.mobile .sports-page-controls .page-sort-by {
    width: 100%
}

.mobile .sports-page-controls .page-sort-by > app-widget-host {
    flex-direction: row;
    width: 100%;
    height: 50px;
    align-items: center
}

.mobile .sports-page-controls .sports-page-filter {
    /* flex: 1; */
    display: flex;
    justify-content: flex-end;
    width:40%;
}
.mobile .sports-page-controls .sports-page-filter > div {
    width:100%;
}
.mobile .sports-page-controls .sports-page-filter select {
    background-color: var(--c-background-c);
    border: 0;
    border-radius: 30px;
    box-shadow: 0px 2px 2px var(--s-black-25);
    color: var(--c-text);
    min-height:30px;
    text-indent:8px;
}
.mobile .sports-page-controls .featured-leagues-dropdown{
    width:60%;
    margin-right:10px;
}


.mobile .sports-page-controls .featured-leagues-dropdown select {
     background-color: var(--c-background-c);     
    border: 0;
    border-radius: 30px;
    box-shadow: 0px 2px 2px var(--s-black-25);
    color: var(--c-text);
    min-height:30px;
    height: 100%;
    text-indent:8px;
}

#root .mobile.os-ios .events-sport-header .market-drop-down-heading select,
.mobile.os-ios .sports-page-controls .sports-page-filter select,
.mobile.os-ios .sports-page-controls .featured-leagues-dropdown select {
    min-height: 30px;
    max-height: 30px;
    height: 30px;
}

.mobile app-special-switch{
    width: var(--odd-width);
    height: var(--odd-height);
    font: var(--t-mini-title);
    margin-right: var(--odd-margin);
}
.mobile .market-special-switch select{
    border-radius: 20px;
    color: var(--c-white);
    min-height: 28px;
    height: 28px;
}
.mobile .sports-page-controls .page-filter {
    flex: 1;
    overflow: unset
}

.mobile .sports-page-controls .page-filter > app-widget-host {
    flex-direction: row;
    height: 50px;
    align-items: center
}

.mobile .sports-page-controls .page-filter-label {
    min-width: 60px;
    margin-bottom: 4px
}
.mobile test-page .sports-page-controls.row > app-widget-host{
    margin: 0
}
.mobile .sports-page-controls .dates-filter {
    max-width: calc(100vw - 100px);
    overflow-x: auto;
    overflow-y: hidden
}

body .mobile .sports-page-controls ul li > span {
    white-space: nowrap;
    box-shadow: none
}

.mobile .sports-market-filter {
    position: relative;
    max-width: calc(100% - 210px)
}

.mobile .sports-market-filter > app-widget-host {
    scroll-behavior: smooth;
    overflow-x: auto;
    scrollbar-width: none;
    border-radius: var(--r-border-radius-small);
    margin-bottom: 5px
}

.mobile .sports-market-filter .filter-schedule {
    padding: 0;
    background: #F0F5FA;
    background-color: transparent
}

.mobile .sports-market-filter .filter-schedule-item {
    min-width: 60px;
    height: 35px;
    box-shadow: rgb(0 0 0 / 20%) 0 1px 11px;
    border-radius: var(--r-border-radius-big);
    background-color: var(--c-background);
    border: 0;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    color: var(--c-primary);
}

.mobile .filter-schedule .filter-schedule-item.selected {
    background-color: var(--c-background-e);
    color: var(--c-white);
    border-color: transparent
}

/*****************************
          Match Page
******************************/
.mobile .main-coupon-v1 .by-date-header-wrapper .event-date-break-wrapper-new .date-without-time {
    padding: 5px 1px 5px 12px;
}

.mobile .single-match-info {
    margin: 0;
    padding: 0;
}

.mobile .single-match-info .markets-match-name .markets-team-name:first-child {
    margin-right: 0;
    flex: 0 1 50%;
    padding-right: 15px;
    text-align: right;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: center
}

.mobile .single-match-info .markets-match-name .markets-team-name:first-child:after {
    font-size: 17px;
    margin-left: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 5px;
    border-radius: 50px
}

#root .mobile .single-match-info .markets-match-name .markets-team-name:last-child {
    flex: 0 1 50%;
    padding-left: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
    padding-left: 10px
}

.mobile .match-market-group .market-groups::-webkit-scrollbar {
    display: none
}

.mobile .markets-content-wrapper .match-markets-wrapper .market-group {
    flex-direction: column;
    cursor: default;
}

/* Mobile Back button and Breadcrumbs  */
.mobile .back a:before {
    display: flex;
    align-items: center;
    width: 24px;
    height: 24px;
    content: " ar-left-big";
    font-size: 24px;
    font-family: BIF;
    padding: 2px;
    margin: 6px;
    border-radius: 50%;
    cursor: pointer;
    color: var(--c-primary);
    transform: rotate(0);
    border: 0;
}

.mobile .account-page .back:before {
    display: none
}

.mobile .live-match-page .beto-match-breadcrumbs {
    order: 0
}

.mobile .sports-page .info-header > app-widget-host {
    justify-content: space-between;
}

.mobile .sports-page-coupon {
    z-index: 1;
    width:100%;
}

.mobile .info-header > app-widget-host {
    justify-content: flex-start;
    padding: 0 12px
}
.mobile .info-header:has(.page-filters-button) > app-widget-host{
    flex-wrap: wrap;
    justify-content: space-between;
}
.main-content-mobile:has(.page-filters-button) .section-title{
    padding: 0;
    width: auto;
}
.mobile .info-header-row {
    width: 100%
}

.mobile .info-header-row > app-widget-host {
    display: flex;
    flex-direction: row;
    background-color: var(--c-background-b);
    position: relative;
}

.mobile .info-header .back, .mobile .info-header-row .back {
    min-width: fit-content;
    height: 40px;
    justify-content: center;
    z-index: 2;
    padding: 0;
    position: unset;
    color: var(--c-white);
    min-width: 60px;
}

.mobile .info-header .back:before, .mobile .info-header-row .back:before {
    transform: unset;
    padding: 0;
    margin: 0;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid var(--c-emphasis-c);
}

.mobile .info-header .back a, .mobile .info-header-row .back a {
    display: flex;
    /* align-items: center; */
    /* background-color: var(--c-emphasis-c); */
    /* height: 29px; */
    /* width: 100%; */
    /* padding: 0 10px; */
    /* color: var(--c-white); */
    font-size: 0;
}

#root .mobile .info-header .match-info {
    overflow: hidden;
    order: 0;
    width: 100%
}

.mobile ul.match-breadcrumbs {
    margin-bottom: 0
}

.mobile ul.match-breadcrumbs > li:first-child {
    margin: 0
}

.mobile .lang-fr ul.match-breadcrumbs > li:first-child {
    margin: 0
}

.mobile .info-header ul.sport-breadcrumbs, .mobile .info-header ul.match-breadcrumbs {
    margin-bottom: 0;
    white-space: nowrap;
    flex-wrap: nowrap;
    height: 50px;
    overflow-x: auto;
    margin: 0
}

.mobile ul.match-breadcrumbs > li {
    margin-right: 5px;
}

.mobile ul.match-breadcrumbs > li.sport-br:after, .mobile ul.match-breadcrumbs > li.category-br:after {
    margin-left: 5px;
    font-size: 20px;
    line-height: 10px;
    height: 14px
}

/* .mobile ul.sport-breadcrumbs::-webkit-scrollbar,*/
.mobile ul.match-breadcrumbs::-webkit-scrollbar, .mobile .sports-filter::-webkit-scrollbar {
    display: none
}

.mobile .info-header ul.match-breadcrumbs > li {
    font-size: 14px;
    display: flex;
    margin-right: -10px
}

.mobile .info-header ul.match-breadcrumbs > li a {
    height: 30px
}

.mobile .info-header ul.match-breadcrumbs > li.teams, .mobile .info-header ul.match-breadcrumbs > li.live-match-period-time {
    display: none
}

.mobile .info-header ul.match-breadcrumbs > li:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 15px solid var(--c-background-c);
    border-bottom: 15px solid var(--c-background-c);
    border-left: 15px solid transparent
}

.mobile .info-header ul.match-breadcrumbs > li:nth-last-child(2):before {
    border-top: 15px solid var(--c-emphasis-c);
    border-bottom: 15px solid var(--c-emphasis-c)
}

.mobile .info-header ul.match-breadcrumbs > li a span.br-name {
    padding: 5px;
    display: flex;
    align-items: center;
    height: 100%;
    background-color: var(--c-background-c);
    color: var(--c-primary);
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
}

.mobile .info-header ul.match-breadcrumbs > li:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid var(--c-background-c);
    margin: 0;
}

.mobile .info-header ul.match-breadcrumbs > li:nth-last-child(2) a span.br-name {
    background-color: var(--c-emphasis-c);
    color: var(--c-white)
}

.mobile .info-header ul.match-breadcrumbs > li:nth-last-child(2):after {
    border-left: 18px solid var(--c-emphasis-c)
}

.mobile .info-header li.teams {
    display: none
}

.mobile .live-match-page .info-header ul.match-breadcrumbs li.sport-br, .mobile .live-match-page .info-header ul.match-breadcrumbs li.category-br, .mobile .live-match-page .info-header ul.match-breadcrumbs li.tournament-br {
    display: flex
}

/*****************************
        Live Page
*****************************/
.mobile .live-page .main-coupon-v1 .events-sport-wrapper .events-sport-header, .mobile .outrights-page .events-sport-wrapper .events-sport-header {
    /* display: none; */
}

.mobile .live-page .events-sport-wrapper .events-sport-header .events-sport-name-wrapper {
    margin-left: 15px
}

body .mobile .live-page .sports-coupon .match-links {
    order: 0;
    position: absolute;
    right: 0;
    top: 5px;
    width: auto
}

.mobile .live-page .main-coupon-v1 .match-links .match-more-markets {
    line-height: 18px;
    width: auto;
    margin-right: 0;
    color: var(--c-text);
    /* font-size: 16px; */
}

.mobile .live-page .main-coupon-v1 .item-info-wrapper {
    min-width: auto;
    max-width: 100%
}

body .mobile .live-page .sports-coupon .events-sport-wrapper .events-item-wrapper .item-info-wrapper > .match-live-info {
    align-items: flex-end;
    min-width: unset
}

body.odd-format-fractional .mobile .live-page .sports-coupon .events-sport-wrapper .events-item-wrapper .item-info-wrapper > .match-live-info {
    min-width: auto
}

.mobile .live-page .main-coupon-v1 .sports-coupon .match-live-info .match-progress, .mobile .live-page .main-coupon-v1 .match-info .match-period, .mobile .live-page .main-coupon-v1 .match-links .match-live-tracker {
    display: none
}

.mobile .live-page .market-drop-down-heading {
    /* padding: 10px 0 0; */
}

.mobile .live-page .main-coupon-v1 .match-info .match-minute {
    display: block;
    white-space: nowrap
}

.mobile .live-page .events-sport-wrapper .events-item-wrapper .item-info-wrapper > .match-live-info {
    font-size: 14px;
    line-height: 16px;
    height: 100%
}

.mobile .sports-page-controls ~ .beto-sports-coupon .inline-sports-filter {
    transform: translateY(-44px);
    /* position: sticky; */
    top: 106px;
    width: 100%;
    padding: 10px 0;
}

.mobile .sports-page-controls ~ .beto-sports-coupon app-inline-show-odds-under {
     margin-top: 10px; 
    width:100%
}

.mobile .inline-sports-filter {
    z-index: 10;
    padding: 10px 0;
    display: flex;
    align-items: center;
    background: var(--c-background-b);
    border-radius: var(--r-border-radius-big);
    margin: 0 0px;
    /* height:48px; */
    position: sticky;
    width:100%;
    top:var(--mobile-header)
}

.mobile .inline-sports-filter ul {
    margin: 0 20px 0 20px;
    width:100%;
}

.mobile .sports-filter > li {
    cursor: default;
    height: 32px;
}

.mobile .sports-filter > li > span {
    max-width: auto;
    overflow: unset;
}

.mobile .sports-filter > li > .matches-counter {
    margin-left: 4px;
    font-weight: 400;
    font-size: .9em;
    /* margin-top: 2px; */
    opacity: .5
}

.mobile .sports-filter > li.selected .icon-sport + span {
    margin: 0;
}


.mobile .live-page .main-coupon-v1 .sports-coupon .match-live-info .match-score-server-set-wrapper {
    margin-right: 10px;
    margin-left: 10px;
    color: var(--c-emphasis-b)
}

.mobile .main-coupon-v1 .sports-coupon .match-markets-wrapper .match-odd {
    /*  width: 48px; */
    /* height: 40px; */
    width: var(--odd-width);
    height: var(--odd-height);
    border-radius: 20px;
    color: var(--c-text);
    font: var(--t-mini-title);
}

.mobile .main-coupon-v1 .sports-coupon .match-markets-wrapper .match-odd:not(:last-child) {
    margin-right: var(--odd-margin);
}

.odd-format-fractional .mobile .main-coupon-v1 .sports-coupon .match-markets-wrapper .match-odd {
    width: 71px
}

.mobile .main-coupon-v1 .match-markets-wrapper .match-odd:last-child {
    margin-right: 0
}

.mobile .main-coupon-v1 .match-links .match-statistics {
    opacity: .5
}

.mobile .live-page .main-coupon-v1 .match-sport-tennis .match-live-info .match-set-scores, .mobile .live-page .main-coupon-v1 .match-sport-volleyball .match-live-info .match-set-scores {
}

.mobile .live-page .main-coupon-v1 .match-sport-tennis .match-live-info .match-score-server-set-wrapper .match-score, .mobile .live-page .main-coupon-v1 .match-sport-volleyball .match-live-info .match-score-server-set-wrapper .match-score {
}

/*****************************
      Live Match Page
*****************************/
.mobile .live-match-page ul.match-breadcrumbs li.sport-br, .mobile .live-match-page ul.match-breadcrumbs li.category-br, .mobile .live-match-page ul.match-breadcrumbs li.tournament-br {
    display: none
}

.mobile ul.match-breadcrumbs > li.teams {
    flex-direction: column;
    font-size: 16px;
    line-height: 21px;
    margin: 0px 70px 0 10px;
    align-items: flex-start;
    color: var(--c-emphasis-c)
}

.mobile ul.match-breadcrumbs > li.teams .first-team:after {
    display: none
}

.mobile .live-match-page .other-matches.other-live-matches button {
    top: -40px;
    right: 10px
}

.mobile .live-match-page .iframe-container {
    display: block
}

#root .mobile .match-tracker {
    position: sticky;
    top: 89px;
    z-index: 80;
    transform-origin: top right;
    transition: 0.25s;
    width: 100%;
}

#root .mobile .match-tracker.tiny-tracker {
    transform: scale(0.5);
    backface-visibility: hidden
}

#root .mobile app-content-block.tiny-tracker {
    display: none
}

.mobile .live-match-page .live-match-tracker, .mobile .live-match-page .live-match-statistics {
    height: calc(100vw / 1.6)
}

.mobile .match-market-group {
    padding: 0 ;
    background-color: var(--c-background-c);
    border-radius: 20px
}

.mobile .match-market-group button {
    line-height: 27px;
    height: 30px;
}

.mobile .betconstruct-statistics {
    display: none
}

.mobile .markets-content-wrapper .odds-selection-default {
    flex-wrap: wrap
}

.mobile .main-coupon-v1 .sports-coupon .markets-content-wrapper .match-odd {
    min-height: 44px
}

.mobile .main-coupon-v1 .sports-coupon .markets-content-wrapper .odd-outcome, .mobile .markets-content-wrapper .odd-outcome {
    line-height: 15px
}

.moible .markets-content-wrapper .match-odd {
    padding: 0 10px
}

.mobile .markets-content-wrapper .market-group.goalscorer .odds-selection-default {
    flex-direction: column;
    align-items: flex-start;
    padding: 5px 0
}

.mobile .live-match-page .match-info-detailed .sports-match-header-wrapper {
    margin: 0
}

.mobile .live-match-page .match-info-detailed .markets-match-header {
    min-width: 100%;
    margin-bottom: 10px
}

#root .mobile .live-match-page .match-info-detailed .live-match-server-title {
    display: none
}

.mobile .live-match-page .match-info-detailed .live-match-server {
    flex: 1
}

.mobile .live-match-page .match-info-detailed .live-match-server > span, .mobile .live-match-page .match-info-detailed .live-match-server-title:before {
    content: "";
    background-color: var(--c-emphasis-c);
    width: 15px;
    height: 15px;
    display: flex;
    border-radius: 50%;
    border: 1px solid var(--c-shade);
    margin: 0 5px;
}

/*****************************
        Casino Page
*****************************/
.casino .slideshow-container {
    border-radius: var(--r-border-radius-small);
}

.mobile .casino-page > app-widget-host {
    flex-direction: column;
}

.mobile .casino-page-top {
    width: 100%
}

#root .mobile .casino-shortcuts-tabs {
    flex-direction: row;
    overflow: scroll;
    justify-content: flex-start
}

.mobile .casino-shortcuts-tabs::-webkit-scrollbar {
    display: none
}

.mobile .casino-shortcuts {
    margin: 30px
}

#root .mobile .casino-shortcuts-tabs .window-tab.casino-shortcut-tab {
    margin: 0 10px
}

.mobile .casino-content {
    margin: 0
}

.mobile .casino-filter {
    margin: 0 30px;
    background-color: transparent
}

.mobile .casino-shortcuts {
    margin: 10px 15px
}

.mobile .virtual .body .virtual-page {
    display: flex;
    width: 100%
}

.mobile .virtual .body {
    margin-top: 50px
}

.mobile .casino-container {
    flex-direction: column
}

.mobile .casino-container .brands-menu {
    max-height: 0;
    overflow: hidden;
    transition: all .3s;
    display: none
}

.mobile .ezugi .casino-container .brands-menu {
    display: block;
    max-height: max-content;
    padding-bottom: 25px;
}

.show-providers .mobile .casino-container .brands-menu {
    max-height: 999px;
}

.mobile .brands-menu app-casino-tabs {
    flex-direction: row;
    flex-wrap: wrap;
}

#root .mobile .casino-container .casino-tab-button {
    min-width: calc(50% - 4px);
}

.provider-button {
    padding: 12px;
}

.provider-button > div {
    padding: 8px 12px;
    box-shadow: rgb(0 0 0 / 20%) 0 1px 11px;
    border-radius: var(--r-border-radius-medium);
    text-transform: uppercase;
    transition: all .3s;
    border: 0;
    margin: 0;
    background-color: var(--c-background-e);
    color: var(--c-white);
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.provider-button > div:after {
    content: "";
    background-image: url(/v1.233/r/images/site/arrow-right-dark-blue.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    transform: rotate(90deg);
    transition: all .3s;
}

.show-providers .provider-button > div:after {
    transform: rotate(270deg);
}

.mobile .casino-container .games .casino-group .casino-title:after {
    background-image: linear-gradient(90deg, #f32634, transparent, transparent, transparent, #f32634);
}

.mobile .virtual .casino-iframe .casino-lobby {
    width: 100vw
}

#root .mobile .casino-page .game-name {
    display: none
}

.casino .casino-main-menu ul li a span {
}

#root .mobile .lobby .lates-twinners tbody > tr:first-child, #root .mobile .lobby .lates-twinners tbody > tr:nth-child(2), #root .mobile .lobby .lates-twinners tbody > tr:nth-child(3) {
    padding-left: 68px;
    flex-direction: row;
    min-height: auto;
    background: linear-gradient(-22deg, rgba(234, 0, 67, 1) 21%, rgba(51, 51, 51, 1) 100%)
}

.mobile .lobby .lates-twinners tbody > tr:first-child:before, .mobile .lobby .lates-twinners tbody > tr:nth-child(2):before, .mobile .lobby .lates-twinners tbody > tr:nth-child(3):before {
    display: none
}

.mobile .lobby .lates-twinners tbody > tr:after {
    width: 36px;
    height: 36px;
    right: unset;
    left: 16px;
    top: 50%;
    transform: translateY(-50%)
}

/*****************************
     Internal User Pages
*****************************/
.mobile .login-modal-body .back .back-button, .mobile .register-modal .back .back-button, .mobile .account .back .back-button {
    color: white;
}

.mobile .register-modal .back .back-button {
    font-size: 0
}

.mobile .login-modal-body .back:before, .mobile .register-modal .back:before, .mobile .account .back:before {
    border: solid white;
    border-width: 0 2px 2px 0;
}

.mobile .account .back .back-button:before {
    font-size: 20px
}

.close-home {
    font-weight: bold
}

/* My Profile */
.internal-content thead, .mobile .my-profile-tabs .filter-language img, .user-balance-row span, .header-mobile > app-widget-host > span, .deposit-content-header > app-widget-host > span, .deposit-method-merge > app-widget-host > span, .mobile .register-form-wrapper h2, .mobile .form-pages, .navigation-content .filter-language img, .mobile .documents-list .list-header .header-element {
    display: none
}

.mobile .user-balance-row .real-money > app-widget-host {
    justify-content: center;
    padding-right: 5px;
    flex-direction: column;
    align-items: flex-start
}

.mobile .user-balance-row .bonus-money > app-widget-host {
    justify-content: center;
    padding-left: 5px;
    flex-direction: column;
    align-items: flex-end
}

.mobile .account {
    background-color: var(--c-background);
    min-height: 100vh;
    height: 100%
}

.user-balance-info {
    padding: 30px 20px
}

.user-balance-column app-content-block {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    height: 30px
}

.user-balance-column app-content-block:last-child {
    font-weight: normal;
    font-size: 48px;
    height: 100%;
    text-align: center;
    line-height: 50px;
}

.user-balance-row .real-money, .user-balance-row .bonus-money {
    flex: 1
}

.user-balance-row .real-money {
    border-right: 1px solid var(--c-emphasis-c)
}

.user-balance-row .bonus-money {
    border-left: 1px solid var(--c-emphasis-c)
}

.user-balance-row .bonus-money .points-container > app-widget-host {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.user-balance-row > app-widget-host, .user-balance-row .real-money > app-widget-host, .user-balance-row .bonus-money > app-widget-host {
    flex-direction: row;
    align-items: center;
    padding: 5px 0;
    justify-content: center
}

.user-balance-row .real-money > app-widget-host {
    justify-content: flex-end;
    padding-right: 5px
}

.user-balance-row .bonus-money > app-widget-host {
    justify-content: flex-start;
    padding-left: 5px
}

.user-balance-row .real-money app-content-block.text, .user-balance-row .bonus-money app-content-block.text {
    color: var(--c-primary);
    font-size: 14px
}

.user-balance-row .real-money app-content-block, .user-balance-row .bonus-money app-content-block {
    color: var(--c-emphasis-c);
    font-size: 14px;
    margin-left: 5px
}

.user-balance-info .deposit.button {
    height: 45px;
    margin-top: 10px;
    max-width: 264px;
    margin: 0 auto;
    width: 100%
}

.my-profile-tabs {
    padding: 20px;
    border-top: 1px solid var(--c-emphasis-c)
}

.mobile .my-profile-tab > app-widget-host {
    flex-direction: row;
    align-items: center;
    height: 50px
}

.mobile .my-profile-tabs .content-tab {
    font-size: 17px;
    padding-left: 10px;
    display: flex;
    width: 100%;
    height: 40px;
    align-items: center
}

.mobile .my-profile-tabs .logout {
    border: 0
}

.mobile .my-profile-tabs .filter-language label > span {
    font-size: 11px
}

.mobile .my-profile-tabs .logout-button {
    background-color: transparent;
    color: var(--c-primary);
    font-size: 17px;
    padding: 0;
    width: 100%;
    text-align: left;
    border: 0
}

.mobile .my-profile-tab img {
    display: flex;
    height: 20px;
    width: 20px
}

.mobile .filter-language label, body .mobile .filter-language .ui-dropdown .ui-dropdown-trigger {
    display: flex;
    border-radius: 0
}

.mobile .filter-language label {
    background-color: transparent;
    margin: 0;
    max-width: 100%
}

.mobile .my-profile-tabs .content-tab:after {
    content: "";
    width: 8px;
    height: 8px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: auto;
    transform: rotate(-45deg);
    border: 0px solid var(--c-emphasis-c);
    border-width: 0px 2px 2px 0
}

.mobile .account-page .hide-balance-wrap {
    display: block;
    margin-bottom: 12px;
    padding: 0px 20px;
    background-color: transparent;
    padding-top: 8px;
}

.mobile .account-page .hide-balance-button {
    padding: 4px 12px;
    font: var(--t-mini);
    background-color: var(--c-grey-4);
    border-radius: 20px;
    align-items: center;
    display: flex;
}

.mobile .account-page .hide-balance-button .show-hide-text {
    display: none;
    margin-right: 2px;
}

#root.hide-balance .mobile .hide-balance-button .show-hide-text.show-balance {
    display: block;
}

#root:not(.hide-balance) .mobile .hide-balance-button .show-hide-text.hide-balance {
    display: block;
}

.mobile .account-page .hide-balance-button:before {
    content: "";
    min-width: 15px;
    min-height: 15px;
    display: block;
    background-image: url(/v2.031/r/images/wazaa/icons/hide-balance-red.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.hide-balance .mobile .account-page .hide-balance-button:before {
    background-image: url(/v2.031/r/images/wazaa/icons/show-balance-red.svg);
}

/* Transactions Page */
.mobile .internal-content.full-width-page {
    max-width: unset;
}

.mobile .internal-content {
    max-width: unset;
    /* background-color: var(--c-background-b); */
    display: block;
}
.mobile .internal-content .generic-form{
    padding: 10px 20px;
}

.transactions .user-balance-row > app-widget-host {
    justify-content: space-between;
    border-bottom: 1px solid var(--c-border-sport-coupon);
    height: 46px
}

.transactions .user-balance-row .text {
    color: var(--c-primary)
}

body:not(.add-deposit-history) .deposit-history-box, body:not(.add-withdraw-history) .withdraw-history-box, .transaction-header > app-widget-host > span {
    display: none
}

/*body:not(.add-withdraw-history) .deposit-history-box,*/
.add-deposit-history .deposit-history-box, .add-withdraw-history .withdraw-history-box, .add-statement-history .statement-history-box, .add-bet-history .settled-history-box {
    display: block;
    color: var(--c-primary)
}

.mobile .deposit-history-header, .mobile .withdraw-history-header {
    display: flex;
    align-items: center;
    height: 40px;
    font-size: 14px
}

.mobile .internal-content table:not(.ui-datepicker-calendar) td, #root .mobile .site-text table:not(.ui-datepicker-calendar) td {
    display: block;
    font-size: .8em;
    text-align: right;
    min-height: 32px
}

.mobile .internal-content table td::before, #root .site-text table td::before {
    content: attr(data-column)
}

.mobile .internal-content table:not(.ui-datepicker-calendar) td::before, #root .mobile .site-text table:not(.ui-datepicker-calendar) td::before {
    float: left;
    font-weight: bold;
    text-transform: uppercase
}

body .mobile .account .ui-table .ui-table-tbody>tr {
    border: 1px solid var(--c-border);
    display: block;
    margin-bottom: 10px
}

body .mobile .ui-table .ui-table-tbody>tr>td {
    border-bottom: 0
}

.mobile .transactions .internal-content {
    margin: 0;
    padding: 0px;
}

.mobile .transaction-header {
    margin: 8px 0 35px;
    flex-wrap: wrap;
}

.mobile .transaction-header > app-widget-host {
    margin-top: 0
}

#root .mobile .transaction-header > app-widget-host {
    width: 100%;
    flex-wrap: wrap;
    gap: 8px;
}

#root .mobile .transaction-header .deposit-history-header, #root .mobile .transaction-header .withdraw-history-header {
}

#root .mobile .transaction-header .deposit-history-header, #root .mobile .transaction-header .withdraw-history-header, .mobile .transaction-header .statement-history-header, .mobile .transaction-header .bet-history-header {
    min-width: calc(50% - 8px);
    width: calc(50% - 8px);
    margin: 0;
}

#root:not(.add-deposit-history) .mobile .transaction-header .deposit-history-header > div, #root.add-deposit-history .mobile .transaction-header .deposit-history-header > div, #root.add-withdraw-history .mobile .transaction-header .withdraw-history-header > div {
    width: 100%
}

.mobile .statement-header-wrapper .statement-from, .mobile .statement-header-wrapper .statement-to {
    display: flex;
    flex-direction: column;
    width: 100%
}

.mobile .statement-header-wrapper .statement-from .ui-calendar-w-btn, .mobile .statement-header-wrapper .statement-to .ui-calendar-w-btn {
    width: 100%;
    display: flex
}

.mobile .statement-header-wrapper .statement-from .ui-calendar-w-btn input, .mobile .statement-header-wrapper .statement-to .ui-calendar-w-btn input {
    width: 100%
}

.mobile .statement-header-wrapper .statement-show {
    justify-content: flex-end;
    display: flex
}

.mobile .deposit-history-box, .mobile .withdraw-history-box, .mobile .statement-history-box, .mobile .settled-history-box {
    margin: 0 10px 30px
}


.deposit-rules-wrap{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 40px;
    gap: 31px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25)
}
.deposit-rules-wrap .deposit-rules{
}
.deposit-rules-wrap .deposit-rules-label{
    color: var(--c-w-b);
    font: var(--t-title);
    line-height: 1.3;
}
.deposit-rules-wrap .deposit-rules-limit{
    color: var(--c-emphasis-b);
    font: var(--t-title);
    font-weight: bold;
    line-height: 1.3;
}


/* Bonus Page */
.mobile .bonus-page .body {
    margin-top: 50px
}

.mobile .bonus-header, .mobile .activated-tex, .mobile .contact-header, .mobile .contact-text, .mobile .deposit-header {
    display: flex;
    align-items: center;
    height: 100%;
    margin: 0;
    font-size: 13px;
    color: var(--c-text-primary);
    line-height: 22px;
    margin-bottom: 10px
}

.mobile .bonus-content .section-title {
}

.mobile .bonus-container , .mobile .bonus-container > app-widget-host {
    flex-direction: column;
    padding: 20px 10px;
    background-color: var(--c-background-b)
}

.mobile .single-bonus-container .steps-title {
    font-size: 18px
}

.mobile .single-bonus-container .step-desctiption {
    flex-direction: column
}

.mobile .single-bonus-container .single-bonus-bottom-wrap > app-widget-host {
    align-items: center;
    gap: 10px;
    flex-wrap: wrap
}

.mobile .single-bonus-container .single-bonus-bottom-wrap .single-bonus-bottom {
    flex: 0 0 calc(50% - 10px)
}

/* Change Password */
.mobile .change-password {
    margin-top: 40px
}

.mobile .change-password .form-row {
    flex-direction: column;
    padding-bottom: 20px;
    max-width: 264px;
    margin: 0 auto
}

.mobile .change-password .form-label {
    font-size: 14px;
    font-weight: normal
}

.mobile .change-password .form-label {
    align-items: flex-end
}

.mobile .change-password .form-element-wrapper > input {
    font-size: 14px;
    background-color: var(--c-background-d);
    border-bottom: 1px solid var(--c-emphasis-c);
    border-radius: 0;
    height: 30px
}

.mobile .button-change-password {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 20px;
    align-items: center;
    height: 40px;
    max-width: 264px;
    margin: 0 auto
}

/* Responsible Gambling */
.mobile app-set-value {
    width: 100%
}

.mobile .responsible-gaming-info h3 {
    display: flex;
    align-items: center;
    color: var(--c-border-sport-coupon);
    font-size: 18px;
    margin: 0;
    height: 40px
}

.mobile app-wager-limits > div, .mobile app-loss-limits > div, .mobile app-deposit-limits > div {
    max-width: 264px;
    margin: 0 auto
}

.mobile app-access-limits > div {
    max-width: 100%;
    margin: 20px 0
}

.mobile .element.value, #root .mobile .account label, #root .mobile .label-value-container input, #root .mobile .affiliate-service h3 {
    max-width: 264px;
}

#root .mobile .account label {
    color: var(--c-primary)
}

.mobile .banner .register-button, .mobile .forgotpass > app-widget-host button, .mobile .responsible-gaming-info button {
    border-radius: var(--r-border-radius-medium)
}

.mobile app-wager-limits h3, .mobile app-loss-limits h3, .mobile app-deposit-limits h3, .mobile app-access-limits h3 {
    max-width: 264px;
    margin: 0 auto
}

#root .mobile .label-value-container {
    flex-direction: column;
    align-items: flex-start;
    max-width: 264px;
    margin: 0 auto;
    height: 100%
}

.mobile .label-value-container label {
    display: flex;
    margin: 0;
    max-width: unset;
    height: 40px;
    align-items: center
}

.mobile .responsible-gaming-info .label-value-container input {
    background-color: transparent;
    border-radius: 0;
    height: 38px;
    width: 100%;
    max-width: unset
}

.mobile .element.value select {
    background-color: var(--c-background-d);
    color: var(--c-black);
    width: 100%;
    border-radius: 0
}

.mobile .element.value select option {
}

.mobile .responsible-gaming-info .checkbox {
    width: 10px;
    height: 10px
}

.mobile .access-limits-tabs-header > div, .mobile .access-limits-tabs-rows > div, .mobile .access-limits-tabs-footer > div {
    font-size: 12px;
    justify-content: center
}

.mobile .responsible-gaming-info span.element.label {
    color: var(--c-primary);
    padding-bottom: 5px
}

.mobile .responsible-gaming-info input::placeholder {
    color: var(--c-black)
}

.mobile .access-limits-tabs-header .hours-tab-header {
    font-size: 0
}

/* Documents */
.mobile .documents-list {
    width: 100%
}

.mobile .documents-type app-set-value {
    max-width: 100%
}

.mobile .documents-list table tr {
    border: 1px solid var(--c-border);
    display: block;
    margin-bottom: 10px
}

.mobile .internal-content .documents-list table tr td {
    border: 1px solid var(--c-background-footer-middle);
    border-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px
}

.mobile .files-group, .mobile .upload-form {
    flex-direction: column;
    align-items: flex-start
}

.mobile .profile-document-upload button {
    margin: 10px 0
}

.mobile .documents-type app-set-value {
    margin: 0
}

/* Deposit */
.deposit-content-header > app-widget-host, .mobile .deposit-description {
    font-size: 16px;
    color: var(--c-primary);
    line-height: 50px;
    border-bottom: 1px solid var(--c-border-sport-coupon)
}

.mobile .internal-page-title {
    align-items: center;
    /* justify-content: center; */
    display: flex;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    /* text-transform: uppercase; */
    background: var(--c-background-betslip-title);
    margin: 15px 0px;
    color: var(--c-text);
    font: var(--t-title-menu);
    font-weight: bold;
    width: 100%;
    padding: 0px 20px;
}

.mobile .deposit-withdraw-methods {
    width: 100%
}

.mobile .deposit-withdraw-button {
    margin: 0 auto 15px auto
}

#root .mobile .deposit-withdraw-methods > app-widget-host {
    flex-direction: column
}

.mobile .right-sidebar-title {
    justify-content: flex-start;
    text-transform: capitalize;
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 25px
}

.mobile .right-sidebar-sub-title {
    color: #fff;
    text-align: left
}

.payment-method app-radio-field .form-row {
    flex-direction: column
}

.mobile app-radio-field .buttons-holder {
    gap: 0px;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 0px;
}

#root .mobile app-radio-field .buttons-holder .button {
    width: calc(33.33% - 8px);
}

#root .mobile app-radio-field .buttons-holder .button:not(:last-child) {
    margin-right: 8px;
}

#root .mobile app-radio-field .buttons-holder .button label:after {
    width: 100%;
    height: 0;
    padding-top: 30%;
    box-shadow: unset
}

#root .mobile app-radio-field .buttons-holder .button:has(#radio-button-mpesa) {
    display: none;
}

#root .mobile app-radio-field .buttons-holder .button label[for="radio-button-mpesa"]:after {
    display: none
}
.mobile .payment-method .generic-form .form-row .form-element-wrapper{
    position: relative
}
.mobile .payment-method .generic-form .form-row .form-element-wrapper:has(select):after{
   content: "";
    border: solid var(--c-grey-2);
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 10px;
    height: 10px;
    position: absolute;
    right: 13px;
    top: 7px
}
.mobile .payment-method .generic-form .form-row.focused-field .form-element-wrapper:has(select):after{
    top: 14px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
.mobile .payment-method .generic-form .form-row select{
    -webkit-appearance: none; 
    -moz-appearance: none;    
    appearance: none;       
    background: none
}


.mobile .payment-method .generic-form .form-row input, .mobile .payment-method .generic-form .form-row select {
    min-height: 42px;
    border: 0;
    color: var(--c-text);
    background-color: var(--c-background-b);
    border-radius: 30px;
    box-shadow: unset;
    border: 1px solid var(--c-grey-2);
    text-indent: 8px;
    flex: 1;
    width: 100%;
}
.theme-dark .mobile .payment-method .generic-form .form-row input, 
.theme-dark .mobile .payment-method .generic-form .form-row select {
 border: 1px solid var(--c-grey-4);
}
.mobile .payment-method ui-button .button-submit-payment {
    border-radius: 30px;
    background-color: var(--c-red);
    color: var(--c-text-light);
    width: 100%;
    font: var(--t-title-menu);
    padding: 10px 20px;
    min-height: 48px
}

.mobile .payment-method .generic-form .form-row {
    padding: 14px 0px;
}

.mobile .payment-method .generic-form [class*="fld-"]:not(:last-child):not(.fld-channel) {
    border-bottom: 1px solid var(--c-grey-2);
}

#root .mobile app-radio-field label.channel {
    padding: 12px 20px;
    max-width: 100%;
}

.mobile .payment-method .form-element-wrapper {
    min-width: unset;
}

.mobile .payment-method {
    width: 100%;
    flex-direction: column;
    text-align: center;
    padding: 0px;
}

.mobile .payment-method .generic-form > div:first-of-type, .mobile .payment-method app-fields-page, .mobile .payment-method app-fields-page form, .mobile .payment-method app-fields-page form > div, .mobile .payment-method app-fields-page form > div > div, .mobile .payment-method app-fields-page form app-fields-section, .mobile .payment-method app-fields-page form app-fields-section > div {
    display: contents
}

.mobile .payment-method #deposit_mobile > div {
    justify-content: flex-start;
}

.mobile .payment-method #deposit_mobile .fld-channel {
    order: 6;
    margin-top: 30px;
  /*  box-shadow: 0px -2px 2px var(--s-grey-3-25); */
    padding: 0px;
}

.mobile .payment-method #deposit_mobile > div app-text-field {
    flex: 1;
}

.mobile .payment-method #deposit_mobile > div.fld-newtelephone .form-element-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
}

.mobile .payment-method #deposit_mobile > div.fld-newtelephone .form-element-wrapper::before {
    content: "+243";
    height: 40px;
    display: flex;
    align-items: center;
    border: 1px solid var(--c-grey-2);
    border-right: 0px;
    border-radius: 30px 0px 0px 30px;
    padding-left: 8px;
}
.theme-dark .mobile .payment-method #deposit_mobile > div.fld-newtelephone .form-element-wrapper::before{
    border: 1px solid var(--c-grey-4);
    border-right: 0px
}

.mobile .payment-method #deposit_mobile > div.fld-newtelephone .form-element-wrapper input {
    border-radius: 0px 30px 30px 0px;
    border-left: 0px;
    flex: 1;
    width: 100%;
}

.mobile .payment-method input {
    border-radius: 30px;
}

.mobile .payment-method .form-label {
    align-items: center;
    justify-content: start;
    text-align: left;
    font-size: 12px;
    font-weight: 500;
}

.mobile .payment-method .generic-form .fld-channel .form-row {
    padding: 0px;
}

.mobile .payment-method ui-button {
    margin: 0 20px;
    width: calc(100% - 40px);
}

/* Withdrawal */
.mobile .withdrawal-page > app-widget-host {
    align-items: center
}

.mobile .withdrawal-page .sub-title-text {
    margin: 15px 0 10px
}

.mobile .withdrawal-page .deposit-instructions-header {
    width: 100%;
    justify-content: center
}

.mobile .withdrawal-page .deposit-instructions-content {
    line-height: 1.4;
    text-align: center
}

.mobile .withdrawal-page .rollover-left-amount {
    width: 100%
}

.mobile .withdrawal-page .rollover-left-amount > app-widget-host {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    padding: 20px 5px 0;
    color: var(--c-primary)
}

.mobile .withdrawal-page .rollover-left-amount > app-widget-host >span {
    display: none
}

.mobile .withdrawal-page .rollover-amount > app-widget-host {
    display: flex;
    flex-direction: row
}

#root .mobile .deposit-method-content > app-widget-host, #root .mobile .withdraw-method-content > app-widget-host {
    flex-direction: column
}

.mobile .deposit-method-content .button, .mobile .withdraw-method-content .button {
    max-width: 250px;
    margin-bottom: 10px
}

/* Bets History*/
@media (max-width: 576px) {
    .history-header {
        flex-direction: column;
    }

    .history-filter {
        width: 100%
    }
}

.mobile .history-filter, .mobile .history-from, .mobile .history-to {
    flex-direction: column;
}

.mobile .history-filter .ui-dropdown {
    border: 1px solid var(--c-background-sidebar-menu)
}

.mobile .history-from, .mobile .history-to {
    padding: 0
}

.mobile .history-from .ui-calendar-w-btn, .mobile .history-to .ui-calendar-w-btn {
    display: flex
}

.mobile .history-from input, .mobile .history-to input {
    width: 100%
}

.mobile .history-show {
    margin-left: auto
}

body .ui-button:enabled:hover {
    border: 0;
    color: var(--c-white)
}

.mobile .history-bet-header .history-bet-toggle {
    margin: 0
}

.mobile .history-bet-date-time-id {
}

#root .mobile .history-bet-footer {
    flex-direction: column;
}

#root .mobile .history-bet-footer > div {
    justify-content: space-between;
}

.history-bet-footer .history-bet-winnings {
    color: var(--c-emphasis-b);
   /* background-color: var(--c-background-d); */
    border-radius: var(--r-border-radius-large);
   /* padding: 4px 8px; */
    font-weight: bold;
}

.mobile .history-bet-match-wrapper {
    font-size: 13px
}

.mobile .history-bet-info {
    flex-direction: row;
    font-size: 13px
}

.mobile .history-bet-info, .mobile .history-bet-date-time-id, .mobile .history-bet-content, .mobile .bet-infos-title-wrapper, .mobile .bet-infos-title-wrapper .bet-infos-toggle, .mobile .history-bet-status.won, .mobile .history-bet-status.lost, .mobile .history-bet-status.open, #root .mobile app-history .history-systems-wrapper .history-system-wrapper.history-bet-header, .mobile .history-system-wrapper, .history-bet-status.cancelled {
    font-size: 13px;
}

.mobile .history-bet-date-time-id {
}

.mobile .history-bet-status {
    margin-left: auto
}

.mobile .history-bet-wrapper .market-name {
    max-width: calc(100% - 60px)
}

.mobile .selection-and-odds {
    padding: 5px;
}

.mobile .window-tabs.history-status-tabs {
    overflow: auto;
    justify-content: flex-start;
    overflow-y: hidden;
    padding-bottom: 6px
}

.mobile .window-tabs.history-status-tabs .window-tab {
    flex: 0 0 auto
}

/* Persolan Details*/
.mobile .profile-info .generic-form .form-row {
    flex-direction: column
}

.mobile .profile-info .form-element-wrapper > input, .mobile .change-password .form-element-wrapper > input, .mobile .profile-info .form-element-wrapper ngx-combo-datepicker select {
    border-bottom: 1px solid var(--c-emphasis-c);
    border-radius: 0;
    background-color: var(--c-background-d);
    color: var(--c-black);
}

body .ui-button.ui-button-icon-only {
    border: 1px solid var(--c-green);
    color: var(--c-white)
}

#root .account .change-password label {
    color: var(--c-primary)
}

.mobile .change-password .form-element-wrapper > input {
    padding: 0
}

.mobile .profile-info .generic-form .checkbox-wrapper {
    flex-direction: row
}

.mobile .profile-info ui-button .button-submit-profile-form {
    width: 264px;
    margin: 0 auto
}

.mobile .history-bet-wrapper .history-actions-wrapper .history-bet-reprint, #root .mobile .history-bet-wrapper .history-actions-wrapper .history-bet-confirm, .mobile .history-bet-wrapper .history-actions-wrapper .history-bet-cashout, #root .mobile .history-bet-wrapper .history-actions-wrapper .history-bet-cancel {
    max-width: 150px;
    margin: 0 5px
}

.mobile .history-bet-wrapper .history-actions-wrapper .history-bet-cashout {
    flex: 1;
    padding: .5em;
    max-width: 264px
}

.mobile .profile-info {
    margin: 0
}

/*****************************
         #  Footer
*****************************/
.mobile .footer-wrapper {
    padding-bottom: 130px
}

.mobile .footer-wrapper .customer-service-wrapper {
    max-width: 350px
}

.mobile .footer-wrapper .menu-links > app-widget-host {
    gap: 0
}

.mobile .footer-wrapper .menu-links .menu-link {
    flex: 0 0 33.333333%;
    max-width: fit-content;
    font-size: 11px
}

.lang-fr .footer-wrapper .menu-links .menu-link:nth-child(3), .lang-en .footer-wrapper .menu-links .menu-link:nth-child(4) {
}

/*****************************
     Contact Pages
******************************/
body .mobile .ui-dialog .ui-dialog-titlebar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 48px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

body .mobile .ui-dialog.mobile-navigation-view-left .ui-dialog-titlebar {
    flex-direction: row-reverse
}

body .mobile .ui-dialog.mobile-navigation-view .ui-dialog-titlebar {
    justify-content: flex-start
}

body .mobile .ui-dialog .ui-dialog-titlebar > span {
    margin: 0 auto
}

body .mobile-navigation-view.ui-dialog .ui-dialog-title {
    font-weight: normal
}

body .mobile-navigation-view.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
    order: -1
}

.mobile .mobile-navigation-view-left.ui-dialog .ui-dialog-titlebar-icon span, .mobile .mobile-navigation-view.ui-dialog .ui-dialog-titlebar-icon span {
    display: flex;
    align-items: center;
}

.mobile .mobile-navigation-view-left.ui-dialog .ui-dialog-titlebar-icon span:before, .mobile .mobile-navigation-view.ui-dialog .ui-dialog-titlebar-icon span:before {
    content: "";
    border: solid white;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(135deg);
    margin-right: 5px;
}

.mobile .mobile-navigation-view-left.ui-dialog .ui-dialog-titlebar-icon span:after, .mobile .mobile-navigation-view.ui-dialog .ui-dialog-titlebar-icon span:after {
    content: "";
    color: white;
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
    font-family: 'Open Sans', 'Arial', sans-serif;
}

.lang-en.mobile .mobile-navigation-view-left.ui-dialog .ui-dialog-titlebar-icon span:after, .lang-en.mobile .mobile-navigation-view.ui-dialog .ui-dialog-titlebar-icon span:after {
    content: "Back";
}

.lang-fr.mobile .mobile-navigation-view.ui-dialog .ui-dialog-titlebar-icon span:after {
    content: "Retour";
}

.mobile .ui-dialog .ui-dialog-titlebar-icon span {
    color: var(--c-white);
    background-color: transparent
}

.mobile .content-page {
    margin: 0;
    padding: 20px
}

.mobile .about-sub-menu .sub-menu-title, .mobile .about-sub-menu .sub-menu-title-content, .mobile .instruction-help .sub-title, .mobile .contact .contact-title, .mobile .contact .contact-sub-title, .mobile .toggle-menu .bet-type-title {
    font-size: 16px
}

.mobile .about-sub-menu .sub-menu-image, .mobile .image-box img, .mobile .contact .contact-img {
    width: 40px;
    height: 40px;
    min-width: 40px;
    /* margin-right: 20px */
}

.mobile .contact .contact-header > app-widget-host {
    flex-direction: row
}

.contact .contact-options > app-widget-host {
    flex-direction: column
}

.mobile .merge-box {
    width: 100%;
}

.mobile .about-us-menu > ul, .mobile .bet-type-menu > ul {
    overflow-x: scroll;
    white-space: nowrap;
    justify-content: flex-start;
    gap: 15px;
}

.mobile .about-us-menu > ul > li, .mobile .bet-type-menu > ul > li {
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 20px;
    height: 100%;
    margin-right: 20px;
    padding-bottom: 10px
}

.mobile .holder-boxes > app-widget-host {
    flex-direction: column
}

.mobile .about-us-menu .menu .menu-link:hover, .mobile .about-us-menu .menu .menu-link.active, .mobile .bet-type-menu .menu .menu-link:hover, .mobile .bet-type-menu .menu .menu-link.active {
    background-color: var(--c-background-e);
    color: var(--c-white);
    border-radius: var(--r-border-radius-big);
    padding: 5px
}


/***************************************
         Mobile Check Ticket
***************************************/
.mobile .bet-check-modal {
    width: 90%!important;
    transform: translateX(-50%)!important;
    left: 50%!important;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
    border-radius: 30px;
}
body#root .ui-widget-overlay{
    background-color: rgba(255, 255, 255, .4);
}

.mobile .bet-check-modal .ui-dialog-content {
    padding: 12px 0px;
    background-color: var(--c-background-b)
}

.mobile .bet-check-modal .ui-dialog-content .bet-check {
    margin-top: unset;
}

.mobile .bet-check form {
    flex-direction: row;
    gap: 8px;
    padding: 0 16px
}

.mobile .bet-check form input {
    text-align: left;
    height: 42px;
    box-shadow: unset;
    border-radius: 0px;
    text-indent: 8px;
    padding: 0
}

.mobile .bet-check form input::placeholder {
    font: var(--t-title);
}

.mobile .bet-check .betslip-check-form-button {
    margin-right: 0;
    padding: 0;
    height: 42px;
    border-radius: 0px;
    box-shadow: unset;
    background-color: transparent;
    color: var(--c-green);
    font: var(--t-mini-title);
    /* min-width: 200px; */
}

.mobile-navigation-view-left .bet-check {
    flex: 1 1 100%
}

.mobile-navigation-view-left .bet-check form {
    flex-direction: row-reverse
}

.mobile-navigation-view-left .bet-check form input {
    height: 50px;
    border-radius: var(--r-border-radius-big);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 0 15px;
    text-transform: uppercase;
}

.mobile-navigation-view-left .bet-check .betslip-check-form-button {
    height: 50px;
    margin: 0;
    border-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: var(--c-emphasis-c);
    color: var(--c-white);
    min-width: fit-content;
    text-transform: uppercase;
    font-weight: bold
}

/***************************************
         Mobile Home Buttons
***************************************/
.home-btn-nav {
    padding: 14px 10px 9px;
}

.home-btn-nav > app-widget-host {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 6px;
}

.mobile .home-btn-nav > app-widget-host::-webkit-scrollbar, .mobile .featured-leagues-content::-webkit-scrollbar {
    display: none;
}

.home-btn-nav .home-btn {
    /* height: 100%; */
    /* max-height: 96px; */
    padding: 0px 10px;
    /* min-width: 73px; */
    margin-bottom: 0;
}

.home-btn-nav .home-btn:nth-child(4), .home-btn-nav .home-btn:last-child {
    /* padding-right:0; */
}

.home-btn-nav .home-btn > app-widget-host {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    /* border-radius: var(--r-border-radius-medium); */
    /* overflow: hidden; */
    /* box-shadow: 3px -1px 3px rgb(0, 0, 0, .25); */
    /* background-color: var(--c-background-b); */
    color: var(--c-black);
}

.home-btn-nav .home-btn-img {
    display: flex;
    height: 42px;
    ; width: 42px;
    display: flex;
    border-radius: 50%;
    background-color: var(--c-background-b);
    justify-content: center;
    align-items: center;
    box-shadow: 4px 4px 4px var(--s-grey-2-25);
    overflow: hidden

}

#root .lang-en .home-btn-nav .home-btn-img.live-img,
#root .lang-fr .home-btn-nav .home-btn-img.live-img {
    display: flex
}

.home-btn-nav .home-btn-img > img {
    width: 100%;
    height: 100%;
    max-width: 30px;
    max-height: 30px;
    object-fit: contain
}
.mobile .aviator .menu-section-heading{
    overflow: hidden;
}
.mobile .aviator .home-btn-img{
    position: relative
}
.mobile .aviator .home-btn-img:before{
    content: "";
    background-color: var(--c-shade);
    position: absolute;
    height: 5px;
    border-radius: 60%;
    bottom: 8px;
    width: calc(100% - 4px);
    left: 50%;
    transform: translateX(-50%);
    transition: all .3s ease-in-out;
    animation: shadowToggle 10s ease-in-out infinite

}
.mobile .aviator .home-btn-img > img,
.mobile .aviator .menu-section-heading .toggle img{
      animation: floatY 10s ease-in-out infinite;

}

@keyframes floatY {
  0%, 50% {
    transform: translateY(0px);
  }
  70% {
    transform: translateY(300px);
  }
  90% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0px);
  }
}

@keyframes shadowToggle {
  0%, 50% {
    width: 0;
  }
  70% {
    width: calc(100% - 4px);
  }
  90% {
    width: 0;
  }
  100% {
    width: 0;
  }
}


.home-btn-nav .home-btn-text {
    display: flex;
    height: 22px;
    min-height: 22px;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-transform: capitalize;
    font: var(--t-title);
    margin-top: 10px;
    color: var(--c-text)
}

.home-btn-nav .home-btn-text > div {
    text-align: center;
    line-height: 1
}

.home-btn-nav .home-btn-text.live-text > div {
    display: flex
}

.home-btn-nav .home-btn-text.live-text > div:after {
    content: "";
    height: 6px;
    width: 2.5px;
    margin-left: 3px;
    margin-top: 1px;
    background-color: var(--c-text-header-menu);
    -webkit-animation: blink 1s infinite alternate;
    -moz-animation: blink 1s infinite alternate;
    -ms-animation: blink 1s infinite alternate;
    -o-animation: blink 1s infinite alternate;
    animation: blink 1s infinite alternate
}

@-webkit-keyframes blink {
    from {
        background-color: transparent
    }

    to {
        background-color: var(--c-emphasis-c)
    }
}

@-moz-keyframes blink {
    from {
        background-color: transparent
    }

    to {
        background-color: var(--c-emphasis-c)
    }
}

@-ms-keyframes blink {
    from {
        background-color: transparent
    }

    to {
        background-color: var(--c-emphasis-c)
    }
}

@-o-keyframes blink {
    from {
        background-color: transparent
    }

    to {
        background-color: var(--c-emphasis-c)
    }
}

@keyframes blink {
    from {
        background-color: transparent
    }

    to {
        background-color: var(--c-emphasis-c)
    }
}

/***************************************
           Mobile Page 404
***************************************/
.mobile .page404 .body {
    margin-bottom: 0
}

.mobile .page-404 {
    border-radius: 0
}

.mobile .title-404 {
    background-size: cover;
    font-size: 60px;
    line-height: 60px;
    height: 350px
}

.mobile .sub-title-404 {
    font-size: 28px;
    line-height: 38px
}

.mobile .text-404 {
    font-size: 15px;
    line-height: 20px
}

/***************************************
    Mobile Additional Responsiveness
***************************************/
@media screen and (max-width: 1050px) {
}

@media screen and (min-width: 799px) {
    .mobile .live-match-page .live-match-tracker {
        height: calc(100vw / 1.6)
    }
}

@media screen and (max-width: 742px) {
}

@media screen and (max-width: 480px) {
}

@media screen and (max-width: 320px) {
    #root .num-pad-container .elements .element {
        flex: 1 1 calc(33.333333% - 35px)
    }

    .mobile.landscape .casino-container .games .game {
        flex: 1 1 100%
    }
}