an*/*****************************
          General
******************************/
div[class*=mobile] .body {
    margin-top: 54px;
}

div[class*=mobile] .body > app-widget-host {
    flex-direction: column;
}

div[class*=mobile] .body.header-menu {
    /* margin-top: 54px; */
    max-width: 100vw;
    /* overflow: hidden; */
}

div[class*=mobile] .back {
    display: flex;
    align-items: center;
    height: 100%;
    /* text-transform: uppercase; */
}

/*div[class*=mobile] .back .back-button:before{
    content: "";
    background-image: url(/v1.01/r/images/primebet/icons/back-arrow-yellow.svg);
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    align-items: center;
    background-position: center center;
    background-size: contain;
    margin-right: 3px
}*/
div[class*=mobile] .user-balance-row .real-money > app-widget-host {
    justify-content: center;
    padding-right: 5px;
    flex-direction: column;
    align-items: flex-start
}

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

/*****************************
      Mobile Header
******************************/
div[class*=mobile] .header {
    height: 56px;
    background-color: var(--c-emphasis-b);
    max-width: var(--site-max-width);
    left: 50%;
    /* transform: translate(-50%, 0); */
    position: unset;
    width: 100%;
    z-index: 100;
    /* top: 0px; */
}

div[class*=mobile] .header > app-widget-host {
    flex-direction: row;
    align-items: center;
    height: 56px;
    /* -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: 10px;
}

div[class*=mobile] .header > app-widget-host > span {
    display: none
}

div[class*=mobile] .header .telegram-link {
    margin-right: auto;
    margin-left: auto;
    min-width: 23px;
    width:23px;
    pointer-events:none;
}

div[class*=mobile] .header .telegram-link img {
    width: 100%;
    height: auto;
    opacity:0;
}

body.active-mobile-navigation-view div[class*=mobile] .header {
    position: unset
}

body.active-mobile-navigation-view div[class*=mobile] .body {
    margin-top: 0
}

div[class*=mobile] .header .login {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 12px;
    /* width: 50px; */
    justify-content: center;
    /* white-space: nowrap; */
    /* margin-right: 10px; */
}

div[class*=mobile] .header .login-section.guest .login {
    margin-right: 10px;
}

div[class*=mobile] .header .login:not(.login-text).link {
    width: 30px;
}

div[class*=mobile] .header .logo-img {
    display: flex;
    align-items: center;
    width: 100px;
}

div[class*=mobile] .header .logo-img > img {
    max-width: 100%;
    /* height: 56px; */
}

div[class*=mobile] .header .login > img {
    width: 50px;
    height: 30px;
    /* padding-bottom: 3px; */
}

div[class*=mobile] .other-links {
    flex: 1
}

div[class*=mobile] .other-links > app-widget-host {
    justify-content: flex-end
}

div[class*=mobile] .header .lang .ui-dropdown .ui-dropdown-trigger {
    height: 100%
}

div[class*=mobile] .header .lang .filter-language label > span {
    display: none
}

div[class*=mobile] .login-text {
    color: var(--c-white);
}

#root .search-popup {
    top: 0!important
}

div[class*=mobile] .search-label {
    display: none
}

div[class*=mobile] .search input {
    width: 100%
}

div[class*=mobile] .header div[class*=mobile]-menu-link > app-widget-host {
    align-items: center;
    justify-content: center;
    color: var(--c-black-e);
    text-transform: uppercase;
    font-size: 12px;
    /* padding-left: 10px; */
}

div[class*=mobile] .header div[class*=mobile]-menu-link > app-widget-host .navigation-title {
    color: var(--c-black-e)
}

div[class*=mobile] .ui-dialog-resizable.search-popup .ui-dialog-content {
    overflow: unset;
    padding: 20px 10px
}

body#root  div[class*=mobile] .ui-autocomplete .ui-autocomplete-input {
    width: 100%;
    border-radius: 20px;
    border: 1px solid var(--c-white-e);
    background-color: var(--c-transparent);
    color: var(--c-text-light);
    text-indent:30px;
    background-image:url(/v1.121/r/images/accessbet/icons/search_accessbet.svg);
    background-size:20px;
    background-repeat:no-repeat;
    background-position:10px 50%
}
body#root  div[class*=mobile] .ui-autocomplete .ui-autocomplete-input::placeholder {
    color:var(--c-white)
}
body div[class*=mobile] .search-popup .ui-autocomplete-panel {
    border-radius: var(--r-border-radius-big);
    border: 1px solid var(--c-background-header);
    background-color: var(--c-background-primary)
}

body div[class*=mobile] .search-popup .ui-autocomplete-panel::-webkit-scrollbar-track {
    border-radius: var(--r-border-radius-big);
}
.header .sports-search-block {
  
    display:none;
}
body .header .sports-search-block .ui-autocomplete-panel {
    width:60vw;
    
}
.sports-search-modal {
     margin:0 auto;
      height:24px; 
     max-width: 24px;
     width: 100%;
    
     background-image:url(/v1.133/r/images/accessbet/icons/search_accessbet.svg);
     background-position:center;
     background-repeat:no-repeat;
     background-size:20px;
     padding:8px;
     
     /* color:white; */
     font-size:10px;
    
     border-radius:40px
}
.sports-search-modal > app-widget-host {
    display:flex;
    align-items:center;
}
.sports-search-modal .search-text {
    /* width:13px; */
}
/*****************************
      Top & Bottom Menus
******************************/
.fixed-menu {
    position: fixed;
    width: 100%;
    margin-top: 60px;
    border-bottom: 1px solid var(--c-emphasis-c);
    height: 60px;
    z-index: 89;
    background: var(--c-diagonal-gradient);
    box-shadow: -7px -1px 8px 1px #333;
    z-index: 102;
    max-width: var(--site-max-width)
}

.fixed-menu .tab, .merge-fixed-menu {
    width: 100%;
    background-color: var(--c-primary-d);
    height: 63px;
    display: flex;
    position: relative;
}

.fixed-menu .betslip.tab > app-widget-host {
    justify-content: flex-start;
    padding: 8px
}

.fixed-menu .betslip.tab > app-widget-host img {
    width: 32px;
    height: 32px;
}

/*div[class*=mobile] .homepage .fixed-menu .tab.highlights, div[class*=mobile] .today .fixed-menu .tab.today, div[class*=mobile] .outrights-page .fixed-menu .tab.outrights, div[class*=mobile] .casino .fixed-menu .tab.casino, div[class*=mobile] .home-active .fixed-menu .tab.home, div[class*=mobile] .sports-select-page .fixed-menu .tab.sport, div[class*=mobile] .sports-page .fixed-menu .tab.sport, div[class*=mobile] .sports-match-page .fixed-menu .tab.sport, div[class*=mobile] .live-page .fixed-menu .tab.live, div[class*=mobile] .live-match-page .fixed-menu .tab.live, div[class*=mobile] .virtuals .fixed-menu .tab.virtuals, div[class*=mobile] .lottery-page .fixed-menu .tab.lottery, div[class*=mobile] .jackpot-page .fixed-menu .tab.jackpot {
    height: 65px;
    margin-top: -5px;
    background-color: var(--c-primary-b);
    border: 2px solid var(--c-emphasis-b);
    border-bottom: 0;
    border-top-left-radius: var(--r-lg);
    border-top-right-radius: var(--r-lg);
    padding: 0 5px;
    box-shadow: var(--bs-primary-b)
}*/
.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: 23px;
    height:23px;
}
.fixed-menu .predict-4-me.tab  img {
    width:70px;
    height:auto;
    filter: unset;
}
.fixed-menu .tab img {
    filter: saturate(0) brightness(200%)
}


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

.fixed-menu .title {
    color: var(--c-white-e);
    font-size: 10px
}

div[class*=mobile] .homepage .fixed-menu .tab .highlights-img.blue, div[class*=mobile] .today .fixed-menu .tab .today-img.blue, div[class*=mobile] .outrights-page .fixed-menu .tab .outrights-img.blue, div[class*=mobile] .casino .fixed-menu .tab .casino-img.blue, div[class*=mobile] .home-active .fixed-menu .tab .home-img.blue, div[class*=mobile] .sports-select-page .fixed-menu .tab .sport-img.blue, div[class*=mobile] .sports-page .fixed-menu .tab .sport-img.blue, div[class*=mobile] .sports-match-page .fixed-menu .tab .sport-img.blue, div[class*=mobile] .live-page .fixed-menu .tab .live-img.blue, div[class*=mobile] .live-match-page .fixed-menu .tab .live-img.blue, div[class*=mobile] .lottery-page .fixed-menu .tab .lottery-img.blue, div[class*=mobile] .jackpot-page .fixed-menu .tab .jackpot-img.blue {
    display: block;
    filter: invert(21%) sepia(98%) saturate(7492%) hue-rotate(264deg) brightness(96%) contrast(112%)
}

div[class*=mobile] .homepage .fixed-menu .tab .highlights-img.light, div[class*=mobile] .today .fixed-menu .tab .today-img.light, div[class*=mobile] .outrights-page .fixed-menu .tab .outrights-img.light, div[class*=mobile] .casino .fixed-menu .tab .casino-img.light, div[class*=mobile] .home-active .fixed-menu.bottom .tab .home-img.light, div[class*=mobile] .sports-select-page .fixed-menu .tab .sport-img.light, div[class*=mobile] .sports-page .fixed-menu.bottom .tab .sport-img.light, div[class*=mobile] .sports-match-page .fixed-menu .tab .sport-img.light, div[class*=mobile] .live-page .fixed-menu .tab .live-img.light, div[class*=mobile] .live-match-page .fixed-menu .tab .live-img.light, div[class*=mobile] .lottery-page .fixed-menu .tab .lottery-img.light, div[class*=mobile] .jackpot-page .fixed-menu .tab .jackpot-img.light {
    display: none
}

div[class*=mobile] .homepage .fixed-menu .tab .highlights-title.title, div[class*=mobile] .today .fixed-menu .today-title.title, div[class*=mobile] .outrights-page .fixed-menu .outrights-title.title, div[class*=mobile] .casino .fixed-menu .casino-title.title, div[class*=mobile] .home-active .fixed-menu .tab .home-title.title, div[class*=mobile] .sports-select-page .fixed-menu .tab .sport-title.title, div[class*=mobile] .sports-page .fixed-menu .tab .sport-title.title, div[class*=mobile] .sports-match-page .fixed-menu .tab .sport-title.title, div[class*=mobile] .live-page .fixed-menu .tab .live-title.title, div[class*=mobile] .live-match-page .fixed-menu .tab .live-title.title, div[class*=mobile] .lottery-page .fixed-menu .tab .lottery-title.title, div[class*=mobile] .jackpot-page .fixed-menu .tab .jackpot-title.title {
    color: var(--c-white-e)
}

.fixed-menu .tab .bets-number {
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: var(--c-emphasis-c);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    top: 5px;
    right: 5px;
    font-size: 10px
}

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

.fixed-menu.bottom {
    bottom: 0;
    margin: 0;
    border-top: 1px solid var(--c-primary-d);
    border-bottom: 0;
    box-shadow: unset;
    transition:bottom 0.4s ease
}
.scroll-down .fixed-menu.bottom {
    bottom:-100%;
}
app-block.header-menu:not(.body) {
    background-color: var(--c-primary-d);
    color: var(--c-white);
   
}
.sticky-menu app-block.header-menu:not(.body){
     position: sticky; 
    top: 0px;
    z-index:10;
}
.header-top-menu {
    width: 100%;
    height: 36px;
}

.header-top-menu ul {
    padding: 0px;
    margin: 0px;
    height: 100%;
    padding: 0px 14px;
    justify-content: space-between;
}

#root div[class*=mobile] .header-top-menu ul.menu li {
    height: 100%;
    width: unset;
    display:flex;
    align-items:center;
    /* justify-content: center; */
    /* flex: 1; */
}
#root .header-top-menu ul.menu li a.active {
    padding:5px 8px;
    background-color:var(--c-blue-c);
    border-radius:20px;
    height:28px;
}
.header-top-menu > app-widget-host {
    display: flex;
    flex-direction: row;
}

.header-top-menu li span {
    font-size: 14px;
    text-transform: uppercase;
}
.header-top-menu li.cms-menu-games {
    position:relative;
}
.header-top-menu li.cms-menu-games::before {
    content:"NEW";
    position:absolute;
    top:-2px;
    right:-10px;
    font-size:8px;
    line-height:8px;
    padding:2px 4px;
    background-color:var(--c-emphasis-c);
    color:var(--c-black);
    z-index:111;
    font-weight:bold;
    border-radius:4px;
    border-bottom-left-radius:0px;
}
.mobile-large .header-top-menu li.cms-menu-jackpot::before {
    z-index:11;
}
.header-bottom-menu {
    width: 100%;
    background-color: var(--c-blue-d);
}

.header-bottom-menu > app-widget-host {
    display: flex;
    flex-direction: row;
    height: 61px;
    overflow: auto;
    padding: 0px 15px;
    /* justify-content: center; */
}

.header-bottom-menu .tab {
    /* flex: 1 1 25%; */
    font-size: 15px;
    text-align: center;
    width:25vw
}

.header-bottom-menu .tab:not(:last-child) {
    margin-right: 40px;
}
.header-bottom-menu .tab.e-sports {
    margin-right:0px;
    background-image:none;
}
.header-bottom-menu .tab .title {
    white-space: nowrap
}

.header-bottom-menu .tab > app-widget-host {
    justify-content: center;
    align-items: center;
    height: 100%;
}

.header-bottom-menu .tab .tab-image {
    width: 24px;
    height: 24px;
    margin-bottom: 5px
}

.header-bottom-menu .tab .tab-image img {
    width: 100%;
    height: auto
}

.sports-select-page .header-bottom-menu {
    display: none;
}

.sports-select-page .header-top-menu {
    margin: 15px 0px
}

.view-page-sports-match .header-bottom-menu {
    display: none
}

/*****************************
   Mobile Right Navigation
******************************/
#root div[class*=mobile]-navigation-view {
    box-sizing: border-box;
    border-top: 3px solid var(--c-text-e);
    position: fixed !important;
    height: 100%!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: 100vw!important;
    right: -100vw!important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: var(--c-primary-c);
    -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;
}

div[class*=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 div[class*=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
}

div[class*=mobile] app-load > app-widget-host {
    background-color: var(--c-background-body);
}

div[class*=mobile] .header div[class*=mobile]-menu-link {
    position: unset;
    /* height: 100%; */
    opacity: 1;
    display: flex;
    /* flex: 0 0 10%; */
    margin: 0 auto;
}

div[class*=mobile] .header div[class*=mobile]-nav-menu > app-widget-host {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: auto
}

div[class*=mobile] .header .logo-section {
    /* flex: 0 0 40%; */
}

div[class*=mobile] .header .logo-section > app-widget-host {
    justify-content: flex-start
}

div[class*=mobile] .header .login-section, div[class*=mobile] .header .login-section.guest {
    /* flex: 0 0 40%; */
}

div[class*=mobile] .header .login-section > app-widget-host {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    /* padding-right: 10px; */
}

div[class*=mobile] .header .login-section-column > app-widget-host {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
}

div[class*=mobile] .user-log > app-widget-host {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

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

.register-column .register {
    padding: 7px 12px;
    padding-right: 11px;
    background-color: var(--c-emphasis-c);
    border-radius: var(--r-lg);
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 5px;
    color: var(--c-black);
}

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

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

div[class*=mobile] .internal-content .language {
    margin-top: 20px
}

div[class*=mobile] .filter-language p-dropdown .ui-dropdown {
    width: 100%;
    border: 0
}

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

body div[class*=mobile]-navigation-view .ui-dialog-content {
    background-color: var(--c-background);
    border: 0;
}

.navigation-content .filter-language .ui-dropdown, body .navigation-content .filter-language .ui-dropdown .ui-dropdown-trigger, body div[class*=mobile] .my-profile-tabs .ui-dropdown .ui-dropdown-trigger {
    background-color: var(--c-background);
    color: var(--c-text-primary);
}

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

div[class*=mobile] .account .filter-language {
    max-width: 264px;
    margin: 0 auto
}

div[class*=mobile] .account .filter-language > span {
    display: none
}

#root div[class*=mobile] .account .filter-language label {
    color: var(--c-text-input);
}

div[class*=mobile] .account .filter-language li {
    display: flex;
    align-items: center
}

#root div[class*=mobile] .account .filter-language label span, div[class*=mobile] .account .filter-language li span {
    padding: 0 5px;
}

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

div[class*=mobile] .header-navigation .login-button, .user-balance-info .deposit.button, .support-button a {
    color: var(--c-black-e);
}

.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.01/r/images/tipster/language.svg")
}

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

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

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

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

.header .lang .filter-language .filter-language-name, div[class*=mobile] .left-nav-footer .filter-language .filter-language-name {
    display: none
}

div[class*=mobile] .filter-language img {
    width: 25px;
    height: 16px
}

div[class*=mobile] .left-nav-footer .filter-language label > span {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-left: 5px;
    font-size: 14px;
    line-height: 18px;
    color: var(--c-black-e)
}

.left-nav-footer .footer-social-img app-image img {
    max-width: 20px
}

/*****************************
     Mobile Register Form
******************************/
div[class*=mobile] .register-modal {
    background-color: var(--c-primary-b);
    height: 100vh;
    min-height: 100%
}

div[class*=mobile] .register-modal > app-widget-host {
}

div[class*=mobile] .register-form-wrapper form > div > div {
    margin: 0 auto;
    padding: 0px;
}

div[class*=mobile] .register-form-wrapper .generic-form .form-row {
    flex-direction: column;
    align-items: flex-start;
    /* max-width: 264px; */
}
div[class*=mobile] .register-form-wrapper .generic-form .form-row.register-form-errors {
    max-width:400px;
    margin:0 auto;
    padding:15px;
}
div[class*=mobile] .register-form-wrapper .form-row label {
    justify-content: flex-start;
    color: var(--c-white);
    font-size: 12px;
}

div[class*=mobile] .reset-next-buttons-wrapper {
    padding-bottom: 20px;
    max-width: 214px;
    margin-left: auto;
}

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

div[class*=mobile] .reset-next-buttons-wrapper .button-reset-register {
    height: 100%;
    background-color: var(--c-background-login-button);
    max-width: 100%;
    margin-right: 10px
}

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

div[class*=mobile] .reset-register-confirm {
    display: flex;
    flex: 0 0 50%
}

div[class*=mobile] .reset-register-confirm {
    position: absolute;
    bottom: 100%;
    transform: translateY(-100%);
    color: var(--c-black-e)
}

div[class*=mobile] .register-login-section > app-widget-host {
    flex-direction: row;
    color: var(--c-black-e);
    font-size: 16px;
    justify-content: center;
    margin-bottom: 30px;
}

div[class*=mobile] .register-login-section > app-widget-host .login-button {
    font-weight: bold;
    margin-left: 5px;
    color: var(--c-black-e);
}

div[class*=mobile] .register-form-wrapper .form-row .form-element-wrapper input {
    background-color: var(--c-white-e);
    /* border-bottom: 1px solid var(--c-emphasis); */
    border-radius: 5px;
    color: var(--c-black-e);
    width: 100%;
    /* border:1px solid var(--c-tint); */
    height:46px;
    text-indent:10px;
}

div[class*=mobile] .register-form-wrapper .form-row .form-element-wrapper input::placeholder {
    color: var(--c-text-primary);
    opacity: .6
}

div[class*=mobile] app-date-field .form-element-wrapper ngx-combo-datepicker {
    width: 100%;
    max-width: 100%
}

div[class*=mobile] .form-element-wrapper select {
    background-color: var(--c-blue-d);
    color: var(--c-text-primary);
    border-bottom: 1px solid var(--c-border-sport-coupon);
    border-radius: 0
}

div[class*=mobile] .form-element-wrapper select option {
    background-color: var(--c-background-input);
    color: var(--c-text-input)
}

div[class*=mobile] .register-form-wrapper .generic-form .checkbox-wrapper {
    flex-direction: row
}

#root div[class*=mobile] .generic-form tel-input p-dropdown {
    /* border-bottom: 1px solid var(--c-border-sport-coupon); */
    margin: 0;
    border-radius: 0;
    background-color: white;
}

#root div[class*=mobile] tel-input .ui-dropdown {
    /* background-color: transparent; */
    border: 0;
}

div[class*=mobile] .register-form-wrapper .form-row tel-input label {
    justify-content: center;
    background-color: var(--c-white-e);
    color: var(--c-black-e);
}

/*****************************
     Mobile Login
*****************************/
.header-mobile {
    background: var(--c-primary-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 {
    font-size: 16px;
    color: var(--c-white-e);
    font-size: 13px;
    height: 100%;
    display: flex;
    align-items: center;
    text-transform: uppercase
}

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

div[class*=mobile] .login-modal-body {
    background-color: var(--c-background);
    height: 100vh
}

div[class*=mobile] .login-modal-body > app-widget-host {
    height: 100%
}

div[class*=mobile] .login-modal-body .login-form > div {
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
    max-width: 420px
}

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

div[class*=mobile] .generic-form .form-row .form-element-wrapper {
    width: 100%
}

div[class*=mobile] .login-modal-body .login-form > div input {
    font-size: 16px;
    line-height: 30px;
    border: 0;
    background-color: var(--c-primary);
    border-bottom: 1px solid var( --c-border-sport-coupon);
    color: var( --c-black);
    border-radius: 0;
}

div[class*=mobile] .login-modal-body .login-modal-body .login-form {
    padding-top: 30px;
    padding: 0px 30px
}

div[class*=mobile] .login-modal-body .login-modal-body .login-form iu-button {
    padding: 0 30px
}

div[class*=mobile] .generic-form .form-row.username-row, div[class*=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%;
}

div[class*=mobile] .generic-form .form-row input {
    /* border-radius: 0; */
    align-items: unset;
    justify-content: center;
    width:100%;
}

div[class*=mobile] .generic-form.login-form .form-row {
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 30px;
}

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

/*****************************
      Forgot Password
*****************************/
div[class*=mobile] .register-modal .forgot-content {
    font-size: 18px;
    padding: 20px 20px 0;
    line-height: 20px
}

div[class*=mobile] .forgot-menu #forgotpass .form-row {
    flex-direction: row;
    flex-wrap:wrap;
    padding-bottom: 25px;
    /* padding: 0 20px 20px; */
}

div[class*=mobile] .forgot-menu #forgotpass label {
    justify-content: flex-start;
    min-width: unset;
    max-height: 38px;
    padding: 0 10px;
    margin-bottom: 0px;
}
.forgot-password-header {
    font-size:25px;
    line-height:1;
    font-weight:500;
    margin-top:50px
}
.forgot-password .body .change-password-image {
    max-width:96px;
    margin:0 auto;
}
.forgot-password .body .change-password {
    text-align:center;
}
.forgot-password .body .change-password-image,
.forgot-password .body .change-password{
    display:none;
}
.expireduser .forgot-password .body .change-password-image,
#root.expireduser .forgot-password .body .change-password{
    display:block;
}
.expireduser .forgot-password .form-label {
    display:none;
}
.expireduser .forgot-password .body .forgot-password-header,
.expireduser .forgot-password .body .forgot-content{
    display:none;
}
div[class*=mobile] .forgot-content {
    /* padding:0 20px; */
    margin:20px 0px;
    color:#868CAF;
}
div[class*=mobile] .forgot-menu #forgotpass input {
    color:var(--c-black-e);
    text-indent:10px;
    min-width: 200px;
}
div[class*=mobile] .register-modal .forgot-menu .form-element-wrapper input {
    background-color: transparent;
    border-bottom: 1px solid var(--c-border-sport-coupon);
    border-radius: 0;
    color: var(--c-text-primary);
    max-width: 100%;
    height: 100%
}

div[class*=mobile] .forgotpass > app-widget-host {
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding: 20px 0; */
}

.password-success-image {
    width:96px;
    margin:0 auto;
}
.password-success-header{
     font-size:25px;
    line-height:1;
    font-weight:500;
    margin-top:20px;
    text-align:center;
}
.password-success-content {
     margin:20px 0px;
    color:#868CAF;
    text-align:center;
}
.go-to-login {
    max-width:260px;
    background-color:var(--c-emphasis-c);
    color:var(--c-black-e);
    font-weight:700;
    width:100%;
    padding:8px;
    min-height:41px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto;
    border-radius:40px;
    margin-top:40px;
}
/* Virtuals Page */
div[class*=mobile] .virtual .body {
    /* margin-top: 150px; */
}

div[class*=mobile] .virtual .body .virtual-page {
    display: flex;
    width: 100%
}

/*****************************
       Sports Coupon
******************************/
div[class*=mobile] .main-coupon-v1 {
    /* padding: 0 10px; */
    background-color: var(--c-background);
    /* font-family:'AvenirNextLTPro'; */
}

div[class*=mobile] .sports-page-coupon .sports-coupon {
    padding: 0px;
}

div[class*=mobile] .sports-page-coupon .sports-coupon .events-sport-header + div {
    /* padding:0 10px; */
}

div[class*=mobile] .main-coupon-v1 .sports-coupon .events-item-wrapper {
    /* border-radius: 8px; */
    border-bottom: 1px solid var(--c-primary-b);
    flex-wrap: wrap;
    width: 100%;
    /* overflow: hidden; */
}

div[class*=mobile] .main-coupon-v1 .sports-coupon app-events-list > app-breaks-events .events-tournament-content {
    padding: 0
}

div[class*=mobile] .main-coupon-v1 .sports-coupon app-market-headings-container {
    /* display: none; */
    display: flex;
    padding-right: 0px;
    justify-content: flex-end;
    /* width: 150px; */
    flex: unset;
    margin-left: auto;
}

div[class*=mobile] .main-coupon-v1 .sports-coupon .events-tournament-header {
    width: auto;
    margin-right: auto;
}

div[class*=mobile] .main-coupon-v1 .sports-coupon .tournament-header-wrapper {
    padding: 5px 12px;
    align-items: center;
    /* display: none; */
}

div[class*=mobile] .main-coupon-v1 .events-category-flag {
    display: none;
}

div[class*=mobile] .main-coupon-v1 .sports-coupon .sort-by-League .events-sport-content:first-child .tournament-header-wrapper {
    display: flex;
    /* background-color:var(--c-primary); */
    padding: 5px 12px;
    padding-right: 5px;
}

div[class*=mobile] .main-coupon-v1 .sports-coupon .sort-by-League .tournament-header-wrapper .events-tournament-header {
    /* display:none; */
}

div[class*=mobile] .main-coupon-v1 .sports-coupon .sort-by-League .tournament-header-wrapper .tournament-favorite {
    display: none;
}

div[class*=mobile] .main-coupon-v1 .sports-coupon .tournament-header-wrapper .toggle-button, div[class*=mobile] .nav-sport .nav-sport-toggle {
    background-image: url("/v1.01/r/images/site/icons/Arrow_Down.svg");
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    order: -1;
    margin-right: 5px;
    filter: invert(1);
}

div[class*=mobile] .main-coupon-v1 .sports-coupon .tournament-header-wrapper .toggle-button.expanded, div[class*=mobile] .nav-sport.active .nav-sport-toggle {
    transform: rotate(180deg)
}
div[class*=mobile] .main-coupon-v1 .sports-coupon .tournament-header-wrapper .toggle-button.expanded {
    /* margin-left:5px; */
    /* margin-right:0px; */
}
div[class*=mobile] .main-coupon-v1 .sports-coupon .tournament-header-wrapper .toggle-button {
    /* margin-left: auto; */
}

div[class*=mobile] .main-coupon-v1 .sports-coupon .events-category-tournament-names {
    text-transform: capitalize;
    /* align-items: center; */
}

div[class*=mobile] .main-coupon-v1 .sports-coupon .item-info-wrapper {
    /* max-width: calc(100% - 176px); */
    /* min-width: auto; */
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    width: 40%;
    flex:1;
    min-width: unset;
}

div[class*=mobile] .main-coupon-v1 .sports-coupon.medium .item-info-wrapper {
    /* max-width: calc(100% - 352px); */
}

div[class*=mobile] .main-coupon-v1 .sports-coupon .item-info-wrapper .match-type {
    display: none;
    height: auto;
    margin-bottom: 8px;
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 10px
}

div[class*=mobile] .main-coupon-v1 .sports-coupon .item-info-wrapper .match-type .match-category::after {
    content: "-";
    margin: 0px 2px;
}

div[class*=mobile] .main-coupon-v1 .sports-coupon .item-info-wrapper .match-type .match-tournament {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div[class*=mobile] .main-coupon-v1 .sports-coupon .item-info-wrapper .match-type .match-sport-icon, div[class*=mobile] .main-coupon-v1 .sports-coupon .item-info-wrapper .match-type .events-category-flag, div[class*=mobile] .main-coupon-v1 .sports-coupon .item-info-wrapper .match-type .match-sport {
    display: none
}

div[class*=mobile] .main-coupon-v1 .sports-coupon .item-info-wrapper .match-info {
    flex-direction: column;
    /* padding-right: 5px; */
    /* width: 90%; */
    /* width: unset; */
    /* flex: 1; */
    height: 100%;
    padding-top: 10px;
    padding-bottom: 15px;
    position: relative;
}

div[class*=mobile] .beto-sports-coupon .sports-coupon .match-info .match-schedule {
    width: auto;
    height: auto;
    margin-right: 0;
    /* margin-top: 4px; */
    margin-bottom: 8px;
    order: -1;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

div[class*=mobile] .beto-sports-coupon .sports-coupon .match-info .match-schedule .match-locked {
    display: none
}

div[class*=mobile] .main-coupon-v1 .sports-coupon .item-info-wrapper .match-live-info {
    /* padding:0px 5px; */
    /* width: 10%; */
}

div[class*=mobile] .beto-sports-coupon .sports-coupon .item-info-wrapper .match-live-info .match-score-server-set-wrapper > div:not(.match-score) {
    display: none
}

div[class*=mobile] .beto-sports-coupon .sports-coupon .item-info-wrapper .match-live-info > div:not(.match-score-server-set-wrapper) {
    display: none
}

div[class*=mobile] .beto-sports-coupon .sports-coupon .item-info-wrapper .match-live-info .match-score {
    font-weight: bold;
    color: var(--c-green);
}

div[class*=mobile] .beto-sports-coupon .sports-coupon .item-info-wrapper .match-live-info .match-score .match-score-separator {
    display: none
}

div[class*=mobile] .beto-sports-coupon .sports-coupon .match-info .match-schedule .match-date, div[class*=mobile] .live-page .main-coupon-v1 .sports-coupon .item-info-wrapper .match-info .match-live {
    margin: 0;
    /* padding: 5px 7px; */
    border-bottom-left-radius: 5px;
    color: var(--c-text-primary);
    background-color: var(--c-background-header-menu)
}

div[class*=mobile] .beto-sports-coupon .sports-coupon .match-info .match-schedule .match-date {
    color: #585858;
    white-space: nowrap;
    order: -1;
}

div[class*=mobile] .beto-sports-coupon .sports-coupon .events-item-wrapper .match-schedule .match-progress {
    display: flex;
    order: 3;
    font-size: 11px;
    color: var(--c-green)
}

div[class*=mobile] .main-coupon-v1 .sports-coupon .match-info .match-schedule .match-time, div[class*=mobile] .live-page .main-coupon-v1 .sports-coupon .item-info-wrapper .match-info .match-progress {
    padding: 0px 10px;
    border-bottom-right-radius: 5px;
    background-color: var(--c-background-odds)
}

div[class*=mobile] .main-coupon-v1 .sports-coupon .match-info .match-schedule .match-time {
    order: -1;
    color: #585858;
}

div[class*=mobile] .main-coupon-v1 .sports-coupon .match-info {
    width: calc(100% - 36px);
}

div[class*=mobile] .beto-sports-coupon .sports-coupon .match-info .match-schedule .match-code {
    /* padding-left: 5px; */
    width: auto;
    margin-right: 10px;
    color: #585858;
}

div[class*=mobile] .main-coupon-v1 .sports-coupon .match-info .match-teams {
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
    margin-top: auto;
    /* margin-bottom: 12px; */
    /* font-family: 'Roboto Condensed', sans-serif; */
}

div[class*=mobile] .main-coupon-v1 .sports-coupon .match-info .match-teams > div {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    font-weight: normal;
    font-size: 15px;
    line-height: 16px;
}

div[class*=mobile] .main-coupon-v1 .sports-coupon .match-links {
    right: 10px;
    top: 10px; 
    left: auto;
    height: auto;
    /* padding: 5px; */
    bottom: unset;
    position: absolute;
    display: flex;
    justify-content: flex-end;
    max-width: 150px;
    margin-bottom: unset;
}

div[class*=mobile] .main-coupon-v1 .sports-coupon .match-links .match-favorite, div[class*=mobile] .main-coupon-v1 .sports-coupon .match-links .match-statistics {
    /* margin: 0 10px; */
    order: unset
}
div[class*=mobile] .main-coupon-v1 .sports-coupon .match-links .match-favorite.favorite {
    background-image:url(/v1.164/r/images/accessbet/icons/Star_On_Acc.svg)
}
div[class*=mobile] .main-coupon-v1 .sports-coupon .match-links .match-more-markets {
    margin: 0;
    min-width: unset;
    width: auto;
    font-size: 13px;
    line-height: 16px;
    color: var(--c-text-market);
    order: 3;
    font-size: 10px;
    /* margin-left: 15px; */
}

div[class*=mobile] .main-coupon-v1 .sports-coupon .match-links .match-more-markets::after {
    content: "\203A";
    font-size: 20px;
    line-height: 13px;
    height: 15px;
    padding-bottom: 0px;
    margin-left: 3px
}

body div[class*=mobile] .sports-coupon .markets-header-wrapper {
    display: flex;
    pointer-events: none;
}

body div[class*=mobile] .sports-coupon .sort-by-Date .markets-header-wrapper:empty {
    height: 34px;
}

.match-live-tracker {
    /* filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%); */
    background-image: url(/v1.072/r/images/accessbet/icons/soccer-field.png);
    height: 18px;
    order: 2;
    margin-right: 15px;
    margin-left: 0px;
    display:none;
}

body div[class*=mobile] .sports-coupon .match-markets-wrapper {
    /* width: 176px; */
    /* flex: unset; */
}

body div[class*=mobile] .sports-coupon.medium .match-markets-wrapper {
    /* width:352px; */
}

body div[class*=mobile] .sports-coupon .match-markets-wrapper {
    flex-basis: unset;
    padding: 35px 0 10px;
    align-items: flex-end;
    order: 3;
    flex: unset;
    width: auto;
    max-width: 60%;
}

body div[class*=mobile] .main-coupon-v1 .sports-coupon .match-markets-wrapper .match-market {
    padding: 0;
    /* width: 176px; */
}

div[class*=mobile] .main-coupon-v1 .sports-coupon .match-market .coupon-market-name {
    display: none
}

body div[class*=mobile] .main-coupon-v1 .sports-coupon .match-markets-wrapper .match-market .match-market-wrapper:not(.no-market-selections) {
    flex: 0;
    text-align: right;
}

body .sports-coupon.small .match-markets-wrapper .match-market .match-market-wrapper {
    justify-content: flex-end
}

.markets-placeholder-wrapper {
    justify-content: flex-end;
    /* width: 100%; */
}

div[class*=mobile] .main-coupon-v1 .match-markets-wrapper .match-odd.odd-locked {
    border: 0
}

body div[class*=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 div[class*=mobile] .main-coupon-v1 .sports-coupon .match-markets-wrapper .match-market .match-odd .odd .mobile-outcome{
    display:none;
}

body div[class*=mobile] .main-coupon-v1 .sports-coupon .match-markets-wrapper .match-market .match-odd .odd div[class*=mobile]-outcome {
    color: var(--c-text-market);
    opacity: .8;
    font-size: 11px;
    padding-bottom: 3px;
    margin: 0 auto;
    display: none;
}

body div[class*=mobile] .main-coupon-v1 .sports-coupon .match-markets-wrapper .match-market .match-odd .odds-bet-slip-selected .odd div[class*=mobile]-outcome {
    color: var(--c-text-primary)
}

.main-coupon-v1 .events-sport-wrapper .events-sport-header {
    background-color: transparent;
    margin-top: 15px;
    padding: 0;
    justify-content: flex-end;
    color: var(--c-black-e);
}

div[class*=mobile] .main-coupon-v1 .has-bet-builder {
    position: absolute;
    right: 138px;
    top: 4px
}

div[class*=mobile] .bet-builder .main-coupon-v1 .has-bet-builder {
    right: 90px
}

div[class*=mobile] .match-carousel .has-bet-builder {
    position: absolute;
    right: 15px;
    top: 50px
}

div[class*=mobile] .events-sport-wrapper .events-sport-header {
    height: 0px;
    margin-bottom: 10px;
    padding-right: 12px;
}

div[class*=mobile] .events-sport-coupon-title {
    margin-top: 15px
}

div[class*=mobile] .homepage .sports-coupon .by-date-header-wrapper {
    /* display: none; */
}

div[class*=mobile] .main-coupon-v1 .markets-header-wrapper .market-header {
    /* width: 176px; */
}

div[class*=mobile] .main-coupon-v1 .markets-header-wrapper .market-type-selection {
    /* width: unset; */
    /* flex: 1; */
}

div[class*=mobile] .main-coupon-v1 .markets-header-wrapper .market-type-selection:last-child {
    /* margin-right:0px; */
}

/*****************************
         Home Page
******************************/
div[class*=mobile] .carousel .slideshow-container {
    height: 100%!important
}

.main-content-mobile {
    display: flex;
    /* width:var(--responsive-width); */
    background-color: var(--c-primary-d);
    position: relative;
}
.bet-added .mobile.view-page-predict4me .main-content-mobile {
    padding-bottom:50px;
}
.view-page-live .main-content-mobile {
    background-color:var(--c-background);
}
div[class*=mobile] .match-carousel-block .events-sport-wrapper .ng-trigger-fadeInOut {
    display: flex
}

div[class*=mobile] .banner {
    height: calc(100vw / 2.33);
    width: 100%;
    display: flex
}

div[class*=mobile] .banner .register-button, div[class*=mobile] .forgotpass > app-widget-host button, div[class*=mobile] .responsible-gaming-info button {
    margin: 15px auto;
    font-size: 0.9em;
    color: var(--c-white-e);
    background: var(--c-green);
    padding: 10px 20px;
    width: 100%;
    display: flex;
    justify-content: center;
    max-width: 150px;
    border-radius: var(--r-lg)
}

div[class*=mobile] .forgotpass > app-widget-host button {
    background-color: transparent;
    color: var(--c-white);
    font-size: 13px;
}

div[class*=mobile] .login-modal-body .login-form > ui-button button {
    display: flex;
    justify-content: center;
    text-transform: uppercase;
    max-width: 264px;
    margin: 0 auto;
}

div[class*=mobile] .button-submit-login {
    width: 100%
}

div[class*=mobile] .button-submit-login .button-label {
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
}

div[class*=mobile] .header-navigation .registerbutton button {
    max-width: 264px;
    margin: 0 auto;
    display: flex;
    width: 100%;
    justify-content: center;
    text-transform: uppercase;
    background: var(--c-diagonal-gradient);
    border-radius: var(--r-md);
    padding: 10px 20px;
    color: var(--c-black-e);
}

div[class*=mobile] .registration-bonus > app-widget-host {
    flex-direction: row;
    justify-content: center;
    font-size: 26px;
    line-height: 42px;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 0px 0px 6px rgba(0, 0, 0, .6);
}

div[class*=mobile] .registration-bonus .main-color {
    color: var(--c-text-primary);
    margin-right: 6px
}

div[class*=mobile] .registration-bonus .bonus-color {
    color: var(--c-text-special-market)
}

div[class*=mobile] .banner .register-button {
    width: auto;
    text-transform: uppercase;
    color: var(--c-text-header);
    font-weight: bold;
}

/* Match Carousel */
#root .match-carousel .events-sport-header, #root .match-carousel .events-tournaments-wrapper .events-tournament-header, #root .match-carousel .markets-header-wrapper, #root .match-carousel .by-date-header-wrapper {
    display: none
}

#root .match-carousel .events-break-wrapper {
    display: flex;
}

#root .match-carousel app-events-list {
    display: flex;
    overflow-y: hidden
}
#root .match-carousel .carousel-scrollable {
    overflow:hidden;
}
#root .match-carousel .carousel-scrollable > app-widget-host {
    display:flex;
    flex-direction:row;
    overflow-x:auto;
}
#root .match-carousel .carousel-scrollable app-events-list {
    overflow:unset;
}
#root .match-carousel app-events-list::-webkit-scrollbar-track {
    background-color: var(--c-primary-d)
}

#root .match-carousel app-events-list::-webkit-scrollbar-thumb {
    background-color: var(--c-emphasis-c)
}

#root .match-carousel .events-tournament-content {
    display: flex;
    /* padding:3px 5px; */
    padding-right: 0px;
    background-color: var(--c-primary-d)
}

#root .match-carousel .events-tournament-content .events-tournament-wrapper {
    display: flex;
}

#root .match-carousel .events-tournament-content .events-tournament-wrapper .events-item-wrapper {
    width: 226px;
    padding-bottom: 15px;
    border-radius: 3px;
    /* background-color: var(--c-background-betslip); */
    margin: 5px 0px;
    margin-right: 5px;
    position: relative;
    overflow: hidden;
    background: var(--c-blue-d);
    color: var(--c-whitee);
}

#root .match-carousel .match-info {
    display: flex;
    flex-wrap: wrap;
    padding: 8px 15px;
    padding-left: 5px;
    padding-bottom: 0px;
}

#root .match-carousel .match-schedule {
    display: flex;
    justify-content: flex-end;
    flex: 1 1 50%;
    order: 2;
    width: 100%;
    margin: 0;
    align-items: center;
    color: var(--c-text-odds-active);
    padding-left: 5px;
    z-index: 1
}

#root .match-carousel .match-schedule > div {
    padding-left: 5px;
    font-size: 8px;
    font-style: italic;
    color: var(--c-text-light);
}

#root .match-carousel .match-schedule .match-code, #root .match-carousel .match-schedule .match-total-markets {
    display: none
}

#root .match-carousel .match-type {
    display: flex;
    flex: 1 1 50%;
    order: 1;
    height: 100%;
    align-items: center;
    color: var(--c-text-light);
    padding-right: 5px;
    font-size: 8px;
}

#root .match-carousel .match-type .match-sport, #root .match-carousel .match-type .match-category {
    display: none
}

#root .match-carousel .match-type .match-tournament {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

#root .match-carousel .match-type .events-category-flag {
    margin: 0 5px 0px 0px;
    background-repeat: no-repeat;
    height: 14px;
    width: 18px;
    background-size: 20px 18px;
    background-position: center;
    border: 1px solid var(--c-shade-b)
}

#root .match-carousel .match-type .events-category-flag.europe {
    background-image: url(/v1.01/r/images/site/international-clubs.svg);
    background-size: cover;
    background-position: center center
}

#root .match-carousel .match-statistics, #root .match-carousel .match-favorite {
    width: 15px;
    height: 15px;
    background-size: 15px;
}

#root .match-carousel .match-teams {
    flex: 1 1 100%;
    order: 3;
    overflow: hidden;
    color: var(--c-white-e);
    margin-top: 8px;
    font-size: 11px;
    font-weight: 500;
}

#root .match-carousel .match-teams > div {
    padding: 2px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 11px;
}

#root .match-carousel .match-market {
    display: none
}

#root .match-carousel .match-market.market-0 {
    display: block
}

#root .match-carousel .match-market .match-market-wrapper {
    display: flex;
    padding: 0 5px
}

#root .match-carousel .match-market .match-market-wrapper.no-market-selections .match-odd {
    min-height: 35px;
}

#root .match-carousel .match-market .match-market-wrapper .match-odd.odd-locked {
    background-image: url(/v1.101/r/images/bestbet/icons/odd-locked-white.svg)
}

#root .match-carousel .match-market .match-odd {
    margin-right: 5px;
    width: 100%;
    overflow: hidden;
    border-radius: 6px;
    background-color: var(--c-blue-c);
}

#root .match-carousel .match-market .match-odd:first-child {
    /* border-top-left-radius: 6px; */
    /* border-bottom-left-radius: 6px; */
}

#root .match-carousel .match-market .match-odd:last-child {
    margin-right: 0;
    /* border-top-right-radius: 6px; */
    /* border-bottom-right-radius: 6px; */
}

#root .match-carousel .match-market .odds-selection-default {
    display: flex;
    color: var(--c-text-light);
    /* background-color: var(--c-blue-c); */
    min-height: 35px
}

#root .match-carousel .match-market .odds-selection-default.odds-bet-slip-selected {
    background: var(--c-emphasis-c);
    color: var(--c-black-e);
}

#root .match-carousel .match-market .odds-selection-default .odd {
    padding: 5px 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    line-height: 14px;
    font-weight: 600;
    font-size: 10px;
}

#root .match-carousel .match-market .odds-selection-default .odd .mobile-outcome {
    font-weight: normal;
    display: flex;
}

#root .match-carousel .match-market .odd-locked .odds-selection-default .odd .mobile-outcome {
    display: none;
}

#root .match-carousel .match-market .odds-selection-default.odds-bet-slip-selected .odd .mobile-outcome {
    color: var(--c-text-market)
}

body .match-carousel .sports-coupon .match-markets-wrapper .match-market .match-odd .odd .mobile-outcome {
    margin: unset
}

#root .match-carousel .match-links {
    display: none;
}

.match-carousel .match-type .match-sport-icon:not(.events-category-flag):not(.match-page-country-flag) {
    width: 100px;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: -25px;
    top: -5px;
    opacity: .5;
    display: none;
}

#root .match-carousel .match-is-live .match-period, #root .match-carousel .match-is-live .match-locked {
    display: none;
}

#root .match-carousel .match-is-live .item-info-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

#root .match-carousel .match-is-live .match-info {
    order: 0;
    /* padding-top: 20px; */
    width: 70%;
    /* padding: 0px; */
}

#root .match-carousel .match-is-live .match-live-info {
    order: 3;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 30%;
    min-width: 50px;
    margin-bottom: 0;
    margin-right: 0px;
}

#root .match-carousel .match-is-live .match-type {
    height: unset;
}

#root .match-carousel .match-is-live .match-info .match-schedule {
    display: none;
}

#root .match-carousel .match-is-live .match-live-info > div:not(.match-score-server-set-wrapper):not(.match-progress) {
    display: none;
}

#root .match-carousel .match-is-live .match-live-info .match-score-server-set-wrapper {
    order: 1;
    padding: 2px;
    padding-right: 60px;
}

#root .match-carousel .match-is-live .match-live-info .match-score-server-set-wrapper .match-score-separator {
    display: none;
}

#root .match-carousel .match-is-live .match-live-info .match-score-server-set-wrapper .match-score > div {
    padding: 2px 0px;
    font-size: 8px;
    color: var(--c-green);
}

#root .match-carousel .match-is-live .match-live-info .match-progress {
    padding: 8px;
    color: var(--c-green);
    /* font-style:italic; */
    font-size: 8px;
    display: flex;
    justify-content: flex-end;
}

#root .match-carousel .match-is-live .match-live-info .match-progress .match-minute::before {
    content: "Live";
    margin-right: 5px;
    font-style: italic;
}

#root .match-carousel .match-is-live .match-links {
    display: flex;
    position: absolute;
    right: 5px;
    bottom: 74px;
    width: 60px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}

#root .match-carousel .match-is-live .match-links .match-live-tracker, #root .match-carousel .match-is-live .match-links .match-more-markets {
    display: none;
}

.match-statistics {
    background-image: url(/v1.072/r/images/accessbet/icons/ion_stats-chart.png);
    /* display:none; */
}

/*****************************
    Sports Outrights Page
*****************************/


.mobile .outrights-page .events-sport-wrapper .match-info,
.mobile .outrights-page .events-sport-wrapper .match-type{
    flex-wrap: wrap
}


div[class*=mobile] .outrights-page .sports-filter {
    max-width: 100%;
    margin-left: 0;
    padding: 0 5px;
    margin-top: 15px
}

div[class*=mobile] .sports-filter .matches-counter {
    right: 0px;
}

div[class*=mobile] .sports-filter li.selected .matches-counter {
    color: var(--c-black)
}

div[class*=mobile] .outrights-page .events-sport-wrapper .events-sport-header {
    padding: 0;
    height: auto
}

div[class*=mobile] .outrights-page .events-sport-wrapper .events-category-header-outrights {
    padding: 10px;
    color: var(--c-text-primary)
}

div[class*=mobile] .outrights-page .events-category-header-outrights .toggle-button {
    margin-right: 5px
}

div[class*=mobile] .outrights-page .outright-markets .outright-competitor {
    flex: 100%
}
div[class*=mobile] .outrights-page .events-tournament-content .events-tournament-wrapper > app-breaks-events-item {
    border-radius: 8px
}

div[class*=mobile] .outrights-page .events-sport-wrapper .events-sport-header .allow-expand-everything {
    margin-right: 12px
}

div[class*=mobile] .outrights-page .outright-markets .outright-odd {
    font-weight: bold
}

/*****************************
    Sports Select Page
*****************************/
div[class*=mobile] .nav-sports-header, div[class*=mobile] .nav-featured-select-all, div[class*=mobile] .nav-featured-remove-all, div[class*=mobile] .nav-sport-select-all, div[class*=mobile] .nav-sport-remove-all {
    display: none;
}

div[class*=mobile] .league-select-page .nav-sport-counter {
    display: none;
}

div[class*=mobile] .league-select-go {
    display: flex;
    justify-content: flex-start;
    /* width: 100%; */
    /* padding: 10px; */
    align-items: center;
    /* order: 2; */
    background-color: var(--c-primary-d);
    flex: 1;
    position: sticky;
    top: 113px;
    z-index: 11;
    padding-left: 15px;
    padding-bottom: 17px;
    padding-top: 17px;
}

div[class*=mobile] .league-select-go.has-selections span {
    color: var(--c-white)
}

div[class*=mobile] .league-select-go .min-selections-error {
    color: var(--c-white);
    /* display: block; */
    flex-wrap: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    order: 3;
}

div[class*=mobile] .league-select-go button, .sports-sidebar .league-select-go button {
    /* height: 36px; */
    margin: 0;
    /* width: 90px; */
}

div[class*=mobile] .nav-sports.nav-sports-page button.nav-submit-button, .sports-sidebar .league-select-go button.nav-submit-button {
    /* order: 2; */
    height: 26px;
    background-color: var(--c-blue-d);
    color: #484D68;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}

div[class*=mobile] .nav-sports.nav-sports-page button.nav-reset-button, .sports-sidebar .league-select-go button.nav-reset-button {
    order: 1;
    width: 38px;
    height: 26px;
    font-size: 0px;
    margin-right: 5px;
    background-color: var(--c-blue-d);
    background-image: url(/v1.074/r/images/accessbet/icons/ei_trash.svg);
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 5px;
    border-radius: 2px;
}

div[class*=mobile] .league-select-go .nav-submit-go {
    margin-right: 5px;
    /* color: var(--c-w); */
    /* height: 24px; */
}

.league-select-go .nav-submit-go {
    font-size: 0px;
}

.league-select-go .nav-submit-go::before {
    content: "Display";
    font-size: 10px;
}

#root .league-select-go.has-options .nav-submit-button {
    background-color: var(--c-emphasis-c)
}

#root .league-select-go.has-options .nav-reset-button {
    background-color: var(--c-blue-c);
    background-image: url(/v1.111/r/images/accessbet/icons/ei_trash_white.svg);
}

.league-select-go.has-options .nav-submit-go::before, .league-select-go.has-options .nav-submit-number {
    color: var(--c-black-e)
}

.league-select-go .nav-submit-number {
    font-size: 10px;
}

.league-select-go .nav-submit-number::after {
    content: "Selections";
    margin-left: 5px;
}

div[class*=mobile] .nav-featured-toggle {
    transform: rotate(0deg)
}

div[class*=mobile] .nav-featured-header.expanded .nav-featured-toggle {
    /* transform: rotate(180deg); */
}

div[class*=mobile] .nav-favorites-wrapper .nav-favorites-header, div[class*=mobile] .nav-featured-wrapper .nav-featured-header {
    /* padding: 10px; */
    padding: 0px 18px;
}

div[class*=mobile] .nav-featured-icon {
    margin: 0 4px
}

div[class*=mobile] .nav-featured-name {
    padding: 0;
    text-transform: uppercase;
}

#root .nav-favorites-name {
    margin-right: auto;
    font-size: 11px;
    /* font-weight:500; */
    text-transform: uppercase;
    color: var(--c-black-e);
    font-weight:bold;
}

div[class*=mobile] .nav-featured-counter {
    display: block;
    order: 4;
}

#root .nav-sports-header + .nav-sports {
    background-color: var(--c-background);
    display: flex;
    flex-direction: column;
}

div[class*=mobile] .nav-featured-wrapper {
    margin-bottom: 30px;
    width: 100%;
    position: relative;
}

div[class*=mobile] .nav-featured-wrapper::after {
    content: "";
    position: absolute;
    width: 40%;
    height: 2px;
    bottom: -15px;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: var(--c-blue-d)
}

div[class*=mobile] .nav-featured-subwrapper {
    background: var(--c-white-e);
    color: var(--c-white-e);
}

div[class*=mobile] .nav-favorites-subwrapper {
    background: var(--c-white-e);
    color: var(--c-black-e);
}

.nav-sport-wrapper {
    /* border-bottom:1px solid var(--c-shade); */
    background-color: transparent;
}

.league-select-page .nav-sport-wrapper {
    display: contents;
}

.league-select-page .nav-sport-panel input, .league-select-page .nav-favorites-wrapper input, .league-select-page .nav-featured-wrapper input {
    appearance: none;
    width: 18px;
    height: 18px;
    border: 1px solid var(--c-text-light);
    background-color: #c4c4c4;
    border-radius: 2px;
    order: 3;
}

#root .league-select-page .nav-sport-panel input:checked, 
#root .league-select-page .nav-favorites-wrapper input:checked, 
#root .league-select-page .nav-featured-wrapper input:checked {
    background-color: var(--c-emphasis-c)!important;
    border: 1px solid var(--c-emphasis-c)!important;
    background-image: url(/v1.091/r/images/accessbet/icons/ba-tick_black.svg);
    background-size: 18px;
    background-position: center;
}

div[class*=mobile] .nav-featured-panel {
    flex-direction: column
}

div[class*=mobile] .nav-featured-header, div[class*=mobile] .nav-feature, div[class*=mobile] .nav-sport, div[class*=mobile] .nav-category, div[class*=mobile] .nav-tournament, div[class*=mobile] .nav-favorites-header, div[class*=mobile] .nav-favorite {
    display: flex;
    width: 100%;
    min-height: 35px;
    background: transparent;
    /* border-bottom: 1px solid var(--c-tint); */
    /* border-top: 1px solid var(--c-shade); */
    color: var(--c-black-e);
    align-items: center;
    padding: 0 5px;
    font-size: 15px;
    line-height: 12px;
    box-shadow:unset;
    font-weight:bold;
    border: 0;
}

div[class*=mobile] .nav-favorites-panel, div[class*=mobile] .nav-featured-panel, div[class*=mobile] .nav-category-panel {
    padding: 8px;
    padding-top: 0px;
    background-color: var(--c-white-e);
}
div[class*=mobile] .nav-favorites-header:not(.expanded) ~ .nav-favorites-panel {
    display:none;
}
.hide-category-panel {
    display: none;
}

.nav-favorites-panel .nav-favorite-icon {
    margin-left: 0px;
    background: url(/v1.195/r/images/accessbet/icons/Star_On_Acc.svg) center center no-repeat;
}

.nav-feature.favorite .nav-feature-favorite {
    background-image: url("../assets/themes/betomall/images/icons/navbar/star-on.svg")
}

.nav-tournament:not(.favorite) .nav-tournament-favorite, .nav-feature:not(.favorite) .nav-feature-favorite {
    /* filter: saturate(0); */
    background: url(/v1.195/r/images/accessbet/icons/Star-On-Black.svg) center center no-repeat;
}
.nav-feature .nav-feature-favorite {
      margin-left: 0px;
}
div[class*=mobile] .nav-favorite .default-flag, div[class*=mobile] .nav-favorite .default-sport {
    display: none;
}

div[class*=mobile] .nav-featured-header .category_checkbox {
    padding-right: 0px;
    margin: 0px;
}

.league-select-page form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background-color: var(--c-background);
}

.league-select-page .nav-sport {
    /* flex:1; */
    width: auto;
    order: -1;
}

.league-select-page .nav-sport .nav-sport-select-all {
    display: flex;
    background-color: transparent;
    margin-right: 15px;
    margin-left: 20px;
    padding: 0;
    font-size: 10px;
    /* min-height: 46px; */
}
.league-select-page .nav-sport app-navbar-panel-head {
    display:flex;
    align-items:center;;
}
#root .league-select-page .nav-sport .sport_checkbox {
    margin-right: auto;
    /* margin-left:5px; */
    width: 20px;
    height: 20px;
}

.league-select-page .nav-sport-name, .league-select-page .nav-sport-icon, .league-select-page .nav-sport-toggle {
    display: none;
}

.league-select-page .nav-sport-panel {
    width: 100%;
}

div[class*=mobile] .nav-category-panel .nav-tournament, div[class*=mobile] .nav-featured-panel .nav-feature, div[class*=mobile] .nav-favorites-panel .nav-favorite {
    background-color: var(--c-background);
    /* margin:2px; */
    margin-bottom: 3px;
    padding-right: 24px;
    position: relative;
    /* width: calc(100% - 4px); */
}

div[class*=mobile] .nav-category-panel .nav-tournament::before, div[class*=mobile] .nav-featured-panel .nav-feature::before, div[class*=mobile] .nav-favorites-panel .nav-favorite::before {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0%, -50%) ;
    filter: invert(1);
    background-image: url(/v1.111/r/images/accessbet/icons/ant-design_caret-left-outlined_grey.svg);
    background-size: 12px;
    background-position: center;
}

.nav-feature-name, .nav-tournament-name, .nav-favorite-name {
    width: calc(100% - 110px);
    margin: 0px;
    color: var(--c-black-e);
    font-size: 15px;
    line-height:1;
}

div[class*=mobile] .nav-feature-counter {
    display: block;
}

div[class*=mobile] .nav-sport, div[class*=mobile] .nav-category {
    background-color: var(--c-primary-d);
    color: var(--c-white-e)
}

div[class*=mobile] .league-select-page .nav-sport {
    position: sticky;
    top: 113px;
    z-index: 11;
    padding: 0px;
    padding-bottom: 17px;
    padding-top: 17px;
    height: auto;
    width: unset;
}

.sports-sidebar .league-select-page .nav-sport.active, .sports-sidebar .league-select-page .nav-favorites-header, .sports-sidebar .league-select-page .nav-featured-header {
    display: flex!important;
}

.sports-sidebar .league-select-page .nav-featured-header {
    width: 100%;
}

.sports-sidebar .nav-favorites-panel-head, .nav-favorites-remove-all, .nav-favorites-select-all, .sports-sidebar .nav-sport-panel-head, .sports-sidebar .nav-featured-panel-head {
    display: none
}

div[class*=mobile] .nav-category {
    background-color: var(--c-white-e);
    color:var(--c-black-e)
}

div[class*=mobile] .nav-feature div[class*=mobile] .nav-category:not(.active) {
    margin-bottom: 2px;
}

div[class*=mobile] .nav-sport .sport_checkbox, div[class*=mobile] .nav-category .category_checkbox {
    order: 3;
    margin-left: auto;
    margin-right: 0px
}

div[class*=mobile] .nav-category .nav-category-icon, div[class*=mobile] .nav-tournament .nav-tournament-icon {
    margin: 0 15px 0 4px
}

div[class*=mobile] .nav-tournament .nav-tournament-icon {
    display: none;
}

div[class*=mobile] .nav-category .nav-category-icon {
    order: 1
}

div[class*=mobile] .sports-select-page .default-flag {
    width: 21px;
    height: 15px;
    background-size: 26px 20px;
    background-position: center;
    /* border-radius: 2px; */
}

div[class*=mobile] .nav-category .nav-category-name {
    order: 2;
    text-transform: uppercase;
    font-weight: 400;
   
}

div[class*=mobile] .nav-feature-name {
    padding-left: 0px;
}

div[class*=mobile] .sports-select-page .nav-category-wrapper .nav-category {
    position: relative;
    padding: 0 18px;
}

.sports-select-page .nav-category-wrapper .nav-category:not(.active) {
    margin-bottom: 2px;
}

div[class*=mobile] .sports-select-page .nav-category-wrapper .nav-category.active .nav-category-toggle, div[class*=mobile] .sports-select-page .expanded .nav-featured-toggle, #root div[class*=mobile] .sports-select-page .expanded .nav-favorites-toggle {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

div[class*=mobile] .sports-select-page .nav-category-wrapper .nav-category .nav-category-toggle, div[class*=mobile] .sports-select-page .nav-featured-toggle, #root div[class*=mobile] .sports-select-page .nav-favorites-toggle {
    content: "";
    width: 16px;
    height: 16px;
    background: transparent;
    background-image: url(/v1.091/r/images/accessbet/icons/ant-design_caret-left-outlined.svg);
    background-size: 16px;
    filter: invert(0);
    transition: all 100ms ease;
    transform: rotate(-90deg);
    order: 5;
    margin-right: 5px;
    margin-left: 0;
    border-radius: 0;
}

div[class*=mobile] .nav-sports .nav-category button {
    order: 5;
    padding: 6px 10px
}

div[class*=mobile] .nav-sports .nav-category button .nav-category-go {
    margin-right: 5px
}

div[class*=mobile] .nav-sports .nav-tournament-favorite {
    /* display: none; */
}

div[class*=mobile] .nav-tournament .tournament_checkbox, div[class*=mobile] .nav-favorite .tournament_checkbox, div[class*=mobile] .nav-featured .tournament_checkbox, div[class*=mobile] .nav-feature .tournament_checkbox {
    margin-left: auto;
    margin-right: 2px;
}


div[class*=mobile] .sports-select-page .navbar-section-counter,
div[class*=mobile] .sports-select-page .nav-feature-counter,
div[class*=mobile] .sports-select-page .nav-featured-counter,
div[class*=mobile] .sports-select-page .nav-tournament-counter{
    order: 4;
    width: 35px;
    text-align: right;
    margin-right: 10px;
    font-size: 12px;
}

div[class*=mobile] .sports-select-page .nav-tournament-wrapper .nav-tournament .nav-tournament-counter, div[class*=mobile] .sports-select-page .nav-favorite .nav-favorite-counter, div[class*=mobile] .sports-select-page .nav-feature .nav-feature-counter {
    margin-right: 15px;
}

div[class*=mobile] .sports-select-page .nav-favorites-header input {
    margin: 0px
}

.nav-sports .nav-favorites-header:not(.expanded) + .nav-favorites-panel {
    height: 0;
    visibility: hidden;
    padding: 0;
}

.nav-sports .nav-sport-wrapper .nav-sport-panel .nav-category-wrapper .nav-category-panel.hide-category-panel {
    display: none;
}
.nav-tournament.favorite .nav-tournament-favorite {
    background: url(/v1.195/r/images/accessbet/icons/Star_On_Acc.svg) center center no-repeat;
}
#root .sports-page-filter {
    position:sticky;
    top:0px;
    z-index:22;
}
#root .sports-page-filter .nav-sports {
    display: flex;
    overflow-x: auto;
    background-color: var(--c-primary-d);
    flex-direction: row;
    border-radius: 0px;
}

#root .sports-page-filter .nav-sports::-webkit-scrollbar {
    /* display: none; */
}

.sports-page-filter .nav-sport-wrapper {
    margin: 2px;
}

#root .sports-page-filter .nav-sport, .navbar-sports-filter-wrapper ul li {
    flex-direction: column;
    padding: 15px 10px;
    height: unset;
    background-color: var(--c-blue-d);
    color: var(--c-white-e);
    position: relative;
    height: 63px;
    justify-content: center;
    border-radius: var(--r-md);
    min-width: 68px;
    display: flex;
    align-items: center;
    margin-right: 5px;
    margin-bottom: 5px;
}

#root .sports-page-filter .nav-sport.active, .navbar-sports-filter-wrapper ul li.selected {
    background-color: var(--c-green)
}

.sports-page-filter .nav-sport .nav-sport-icon , .navbar-sports-filter-wrapper ul li .icon-sport {
    filter: invert(0);
    width: 24px;
    height: 24px;
    background-size: 24px;
    margin-bottom: 6px
}

.sports-page-filter .nav-sport .nav-sport-toggle {
    display: none;
}

.sports-page-filter .nav-sport .nav-sport-name, .navbar-sports-filter-wrapper ul li span:not(.icon-sport):not(.navbar-sports-counter) {
    font-size: 10px;
    line-height: 1;
    text-align: center;
    /* white-space:nowrap; */
}

.sports-page-filter .nav-sport .nav-sport-counter, .navbar-sports-filter-wrapper ul li .navbar-sports-counter {
    position: absolute;
    top: 4px;
    left: 50%;
    transform: translate(calc(-50% + 20px),0%);
    font-size: 9px;
}

.sports-time-filter-container {
    background-color: var(--c-primary-d);
    color: var(--c-white);
    position: sticky;
    top: 68px;
    z-index: 22;
}

.sports-time-filter-container .filter-schedule {
    padding: 0px;
    overflow: auto;
    /* width: 80%; */
    flex-wrap: nowrap;
}

.sports-time-filter-container > app-widget-host {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 17px;
    padding-right: 16px;
}

.desktop .sports-time-filter-container > app-widget-host {
    flex-wrap: wrap;
}

.main-content-mobile .sports-time-filter-container > app-widget-host {
    padding-bottom: 0px
}

.sports-time-filter-container .sports-time-filter {
    flex: 1;
    width: 100%;
    overflow: hidden;
}

.sports-time-filter-container .sports-time-filter span {
    flex: 1;
    border-radius: var(--r-lg);
    height: 28px;
    font-size: 13px;
    background-color: var(--c-blue-d);
    border: 0;
    margin-left: 13px;
    min-width: 32px;
}

.sports-time-filter-container .sports-time-filter span.selected {
    background-color: var(--c-green);
    color: var(--c-white-e)
}

.sports-time-filter-container .sports-time-filter-label {
    padding-right: 19px;
    display: flex;
    font-size: 11px;
}

.sports-time-filter-container .sports-time-filter-label::before {
    content: "";
    width: 13px;
    height: 13px;
    display: flex;
    background-image: url(/v1.091/r/images/accessbet/icons/ic_baseline-upcoming.svg);
    margin-right: 4px;
}

.desktop .sports-time-filter-container .sports-time-filter-label {
    width: 100%;
    padding: 5px;
}
#root div[class*=mobile] .nav-tournament-wrapper .nav-category{
    padding-right: 24px;
    background-color: var(--c-background);
}
.theme-dark #root div[class*=mobile] .nav-tournament-wrapper .nav-category{
    background-color: var(--c-blue-c);
}
div[class*=mobile] .nav-tournament-wrapper .nav-category .nav-category-toggle{
    position: absolute;
    right: 10px;
    display: none
}
div[class*=mobile] .nav-tournament-wrapper .nav-category .nav-category-toggle{

}
div[class*=mobile] .nav-tournament-wrapper .nav-category .navbar-section-counter{
    text-align: center;
    position: absolute;
    right: 25px;
    margin: 0
}
div[class*=mobile] .nav-tournament-wrapper .nav-category .nav-category-name{
    margin-right: 25px;
    font-size: 15px;   
    margin-right: 2px;
    line-height: 1;
    font-weight: bold;
    width: calc(100% - 110px);
}
div[class*=mobile] .nav-tournament-wrapper .nav-category .empty-nav-category-selector{
    position: absolute;
    right: 75px;
    border: 1px solid var(--c-text-light);
    background-color: #c4c4c4;
    width: 18px;
    height: 18px;
}
.theme-dark div[class*=mobile] .nav-tournament-wrapper .nav-category .empty-nav-category-selector{
background-color: var(--c-blue-d);
}

/*****************************
         Sports Page
******************************/
div[class*=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
}

div[class*=mobile] ul.sport-breadcrumbs > li {
    font-size: 18px
}

div[class*=mobile] ul.sport-breadcrumbs > li .br-name {
    color: var(--c-text-primary);
    font-size: 14px;
    text-transform: uppercase;
    background-color: var(--c-primary)
}

div[class*=mobile] ul.sport-breadcrumbs > li:before {
    border-top: 18px solid var(--c-primary);
    border-bottom: 18px solid var(--c-primary)
}

div[class*=mobile] ul.sport-breadcrumbs > li:last-child .br-name {
    background-color: var(--c-emphasis)
}

div[class*=mobile] ul.sport-breadcrumbs > li:last-child:before {
    border-top: 18px solid var(--c-emphasis);
    border-bottom: 18px solid var(--c-emphasis)
}

div[class*=mobile] .page-filters-button {
    flex: 1
}

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

div[class*=mobile] ul.sport-breadcrumbs > li:last-child:after {
    border-left: 18px solid var(--c-emphasis)
}

div[class*=mobile] .page-filters-button .filter-label {
    color: var(--c-black-e);
    padding-right: 8px;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase
}

div[class*=mobile] .page-filters-button .filter-icon > img {
    height: 25px;
    width: 25px;
    filter: invert(1);
}

div[class*=mobile] .sports-page-controls {
    width: 100%;
    margin: 0;
    padding: 50px 10px 0;
    max-height: 0;
    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
}

body.toggle-filters div[class*=mobile] .sports-page-controls {
    max-height: 200px;
}

div[class*=mobile] .sports-page-controls > app-widget-host {
    flex-direction: column;
    justify-content: unset
}

div[class*=mobile] .sports-page-controls .page-sort-by {
    width: 100%
}

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

div[class*=mobile] .sports-page-controls .sports-page-filter {
    flex: 1;
    display: flex;
    justify-content: flex-end
}

div[class*=mobile] .sports-page-controls .page-filter {
    flex: 1
}

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

div[class*=mobile] .sports-page-controls .page-filter-label {
    min-width: 80px
}

div[class*=mobile] .sports-page-controls .dates-filter {
    max-width: calc(100vw - 100px);
    overflow-x: auto;
    overflow-y: hidden
}

body div[class*=mobile] .sports-page-controls ul li > span {
    white-space: nowrap
}

/*****************************
          Match Page
******************************/
div[class*=mobile] .single-match-info .markets-match-header {
    flex-direction: column;
    align-items: flex-start;
    /* margin-top: 20px; */
}

div[class*=mobile] .single-match-info .match-date-and-time {
    /* margin-left: 0; */
    /* color:#9DA1AB; */
    /* order: 3; */
}

div[class*=mobile] .single-match-info .match-date-and-time, div[class*=mobile] .single-match-info .match-date-and-time {
    line-height: 20px
}

div[class*=mobile] .single-match-info .markets-match-data .markets-match-code:before {
    content: "Game Code:";
}

div[class*=mobile] .single-match-info .match-time {
    color: #9DA1AB
}

div[class*=mobile] .single-match-info .markets-match-name {
    font-size: 15px;
    display: flex;
    position: relative;
    /* align-items: center; */
    width: 100%;
    line-height: 18px;
}

div[class*=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; */
}

div[class*=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
}

div[class*=mobile] .single-match-info .markets-match-name .markets-team-name:last-child {
    flex: 0 1 50%;
    /* padding-left: 15px; */
}

div[class*=mobile] .match-market-group button {
    /*padding: 0 20px;*/
    width: auto;
    /* margin-bottom: 5px; */
}

div[class*=mobile] .match-market-group button span {
    white-space: nowrap
}

div[class*=mobile] .match-market-group .market-groups {
    flex-wrap: nowrap;
    overflow-y: auto
}

div[class*=mobile] .markets-content-wrapper .match-markets-wrapper .market-group {
    flex-direction: column
}

/* Mobile Back button and Breadcrumbs  */
.info-header > app-widget-host {
    display: flex;
    flex-direction: row;
    background-color: var(--c-blue-d);
    position: relative;
}

.match-page .info-header > app-widget-host {
    padding-right: 30px;
}

div[class*=mobile] .sports-page .info-header > app-widget-host {
    position: absolute;
    top: 0
}

div[class*=mobile] .sports-page-coupon .events-sport-header + div{
    /* z-index: 1; */
    /* margin-top:-20px; */
}

div[class*=mobile] .sports-page-coupon .market-heading {
    display: none;
}

div[class*=mobile] .info-header .back {
    min-width: 35px;
    height: 35px;
    border-right: 2px solid var(--c-background-body);
    justify-content: center;
    z-index: 2;
    top: 0
}

div[class*=mobile] .info-header .back a {
    display: flex;
    flex-direction: column;
    align-items: center
}

div[class*=mobile] .info-header .beto-match-breadcrumbs.match-info {
    overflow: hidden;
    /* overflow-x: auto; */
    display: flex;
    align-items: center;
    /* position: relative; */
    padding-right: 32px;
    z-index: 99;
}
#root .info-header .other-matches-pregame-wrapper .other-match {
    display:flex;
    flex-direction:column;
    padding:5px 10px;
    border-bottom:1px solid var(--c-primary-b);
    margin-bottom:8px;
}
.info-header .other-matches-pregame-wrapper .other-match .match-info {
    /* display: none; */
    display:flex;
    flex-direction:row;
    order:-1;
   margin-bottom:5px;
}
.info-header .other-matches-pregame-wrapper .other-match .match-info div {
     color:#585858;
    font-size:10px;
    margin-right:5px;
}
.info-header .other-match:not(:last-child) {
    margin-bottom: 18px;
}

.info-header .other-match .match-label-team-1::after {
    /* content: "vs"; */
}
.info-header .other-match .match-label-container {
    display:flex;
    flex-direction:column;
}
body#root .info-header .ui-button-text {
    padding: 5px
}

div[class*=mobile] .info-header ul.sport-breadcrumbs, #root .info-header ul.match-breadcrumbs {
    margin-bottom: 0;
    white-space: nowrap;
    flex-wrap: nowrap;
    justify-content: flex-start;
    height: 35px;
    overflow-x: auto;
    /* margin-left:10px; */
}

div[class*=mobile] .info-header ul.match-breadcrumbs {
    /* margin-right:35px; */
}

div[class*=mobile] ul.match-breadcrumbs > li, div[class*=mobile] ul.sport-breadcrumbs > li {
    margin-right: 5px;
}

div[class*=mobile] ul.match-breadcrumbs > li:first-child {
    margin-left: 0px;
}

div[class*=mobile] ul.sport-breadcrumbs::-webkit-scrollbar, div[class*=mobile] ul.match-breadcrumbs::-webkit-scrollbar {
    display: none
}

div[class*=mobile] .info-header li.teams {
    display: none
}

div[class*=mobile] .live-match-page .info-header ul.match-breadcrumbs li.sport-br, div[class*=mobile] .live-match-page .info-header ul.match-breadcrumbs li.category-br, div[class*=mobile] .live-match-page .info-header ul.match-breadcrumbs li.tournament-br {
    display: flex
}

/*****************************
        Live Page
*****************************/
div[class*=mobile] .live-page .events-sport-wrapper .events-sport-header .events-sport-name-wrapper {
    margin-left: 15px
}

body div[class*=mobile] .live-page .sports-coupon .match-links {
    order: 0;
    position: absolute;
    right: 10px;
    bottom: unset
}

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

div[class*=mobile] .live-page .main-coupon-v1 .item-info-wrapper {
    /* min-width: auto; */
    /* max-width: 100%; */
}

body div[class*=mobile] .live-page .sports-coupon .events-sport-wrapper .events-item-wrapper .item-info-wrapper > .match-live-info {
    align-items: flex-end
}

div[class*=mobile] .live-page .main-coupon-v1 .sports-coupon .match-live-info .match-progress, div[class*=mobile] .live-page .main-coupon-v1 .match-info .match-period, div[class*=mobile] .live-page .main-coupon-v1 .match-links .match-live-tracker {
    display: none
}

div[class*=mobile] .live-page .main-coupon-v1 .match-info .match-minute {
    display: block;
    white-space: nowrap
}

div[class*=mobile] .events-sport-wrapper .events-item-wrapper .item-info-wrapper > .match-live-info {
    /* margin-bottom: 12px; */
    /* font-size: 14px; */
    /* line-height: 16px; */
    display: flex;
    /* align-items: flex-end; */
    justify-content: center;
    margin-left: auto;
    margin-right: 15px;
    margin-bottom: 15px;
    margin-top: auto;
}

div[class*=mobile] .sports-filter::-webkit-scrollbar {
    opacity: 0;
    display: none;
}

div[class*=mobile] .sports-filter {
    /* margin-top: 10px; */
    padding: 0px 8px;
    /* padding-top: 5px; */
    width: 100%;
    /* font-family:'AvenirNextLTPro'; */
}

#root .dark .sports-filter {
    background-color: var(--c-primary-d);
    padding-top: 15px;
}

div[class*=mobile] .live-page .main-coupon-v1 .sports-coupon .match-live-info .match-score-server-set-wrapper {
    margin-right: 10px;
    margin-left: 10px
}

body div[class*=mobile] .main-coupon-v1 .sports-coupon .match-markets-wrapper .match-odd {
    width: 65px;
    height: 40px;
    border-radius: 2px;
    flex: unset;
}

div[class*=mobile] .main-coupon-v1 .match-markets-wrapper .match-odd:last-child {
    margin-right: 0
}

div[class*=mobile] .main-coupon-v1 .match-links .match-statistics {
    /* opacity: .5; */
}

div[class*=mobile] .live-page .main-coupon-v1 .match-sport-tennis .match-live-info .match-set-scores, div[class*=mobile] .live-page .main-coupon-v1 .match-sport-volleyball .match-live-info .match-set-scores {
    display: none
}

div[class*=mobile] .live-page .main-coupon-v1 .match-sport-tennis .match-live-info .match-score-server-set-wrapper .match-score, div[class*=mobile] .live-page .main-coupon-v1 .match-sport-volleyball .match-live-info .match-score-server-set-wrapper .match-score {
    background: unset;
    color: var(--c-text-special-market);
    border-radius: 0
}

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

div[class*=mobile] ul.match-breadcrumbs > li.teams {
    flex-direction: column;
    font-size: 16px;
    line-height: 21px;
    margin: 15px 50px 0 70px;
    align-items: flex-start;
}

div[class*=mobile] ul.match-breadcrumbs > li.teams .first-team:after {
    display: none
}

div[class*=mobile] .live-match-page .other-matches.other-live-matches button {
    /* top: -51px; */
    /* right: 10px; */
}

div[class*=mobile] .live-match-page .iframe-container {
    height: 0;
    padding-bottom: 68.25%;
    /* 16:9 */
    position: relative;
}

div[class*=mobile] .live-match-page .iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#root div[class*=mobile] .match-tracker {
    position: sticky;
    top: 74px;
    z-index: 98;
    transform-origin: top right;
    transition: 0.25s
}

#root div[class*=mobile] .match-tracker.tiny-tracker {
    transform: scale(0.5);
    backface-visibility: hidden;
}

#root div[class*=mobile] app-content-block.tiny-tracker {
    display: none
}

div[class*=mobile] .live-match-page .live-match-tracker, div[class*=mobile] .live-match-page .live-match-statistics {
    height: calc(100vw / 1.88);
}

div[class*=mobile] .live-match-page .live-match-tracker {
    /* min-height: 264px; */
}

div[class*=mobile] .match-market-group {
    /* padding: 0 15px; */
    /* margin-top: 10px; */
   
    min-height: 38px;
}
div.mobile .match-market-group {
     position: sticky;
    top: 38px;
    z-index: 21;
}
div[class*=mobile] .main-coupon-v1 .sports-coupon .markets-content-wrapper .match-odd {
    min-height: 44px
}

div[class*=mobile] .main-coupon-v1 .sports-coupon .markets-content-wrapper .odd-outcome {
    line-height: 15px;
}

div[class*=mobile] .markets-content-wrapper .odd-outcome {
    line-height: 16px
}

div[class*=mobile] .markets-content-wrapper .odds-selection-default {
    flex-wrap: wrap
}

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

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

/*****************************
        Casino Page
*****************************/
div[class*=mobile] .casino-page > app-widget-host {
    flex-direction: column;
}

div[class*=mobile] .casino-page-top {
    width: 100%
}

#root div[class*=mobile] .casino-shortcuts-tabs {
    flex-direction: row;
    overflow: scroll;
    justify-content: flex-start
}

div[class*=mobile] .casino-shortcuts-tabs::-webkit-scrollbar {
    display: none
}

div[class*=mobile] .casino-shortcuts {
    margin: 30px
}

#root div[class*=mobile] .casino-shortcuts-tabs .window-tab.casino-shortcut-tab {
    margin: 0 10px
}

div[class*=mobile] .casino-content {
    margin: 0
}

div[class*=mobile] .casino-filter {
    margin: 0 30px;
}

div[class*=mobile] .casino-shortcuts {
    margin: 10px 15px
}

.casino-lobby-page.category-game.casino .casino-showcase-container .games{
    flex-wrap: wrap;
    gap: 8px
}
#root .casino-lobby-page.category-game.casino .casino-container .games .game{
        margin: 0;
        flex: 0 0 calc(33.333333% - 6px)
}
.casino-lobby-page .header-bottom-menu{
    display: none
}

.mobile .casino-custom-tabs > app-widget-host::-webkit-scrollbar{
    display: block
}

/*****************************
     Internal User Pages
*****************************/
/* My Profile */
.close-home {
    font-weight: bold
}

.internal-content thead, div[class*=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, div[class*=mobile] .register-form-wrapper h2, div[class*=mobile] .form-pages, .navigation-content .filter-language img, div[class*=mobile] .documents-list .list-header .header-element {
    display: none
}

div[class*=mobile] app-block.account {
    background-color: var(--c-background-body);
    min-height: 100vh;
    color:var(--c-white-e);
    
    /* height: 100%; */
}
div.mobile app-block.account.main-content-mobile  {
    padding-bottom:45px;
}
div[class*=mobile] .account > app-widget-host {
    height:100%;
}
.user-balance-info {
    padding: 30px 20px
}

.user-balance-column app-content-block {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--c-black-e);
    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);
}

.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-black-e);
    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)
}

div[class*=mobile] .my-profile-tab > app-widget-host {
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid var(--c-tint);
    height: 50px
}

div[class*=mobile] .my-profile-tabs .content-tab {
    color: var(--c-black-e);
    font-size: 17px;
    padding-left: 10px;
    display: flex;
    width: 100%;
    height: 40px;
    align-items: center
}

div[class*=mobile] .my-profile-tabs .logout {
    border: 0
}

div[class*=mobile] .my-profile-tabs .filter-language label > span {
    font-size: 11px
}

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

div[class*=mobile] .my-profile-tab img {
    display: flex;
    height: 20px;
    width: 20px;
    filter: invert(1);
}

div[class*=mobile] .filter-language label, body div[class*=mobile] .filter-language .ui-dropdown .ui-dropdown-trigger {
    display: flex;
    border-radius: 0
}

div[class*=mobile] .left-nav-footer .filter-language .ui-dropdown, div[class*=mobile] .filter-language label {
    background-color: transparent;
    margin: 0;
    max-width: 100%
}

div[class*=mobile] .my-profile-tabs .content-tab:after {
    content: "";
    width: 30px;
    height: 13px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: auto;
    filter: invert(1);
    background-image: url("/v1.01/r/images/megabet/arrow-right.svg")
}

/* Transactions Page */
div[class*=mobile] .internal-content {
    max-width: unset;
    margin: 15px
}

div[class*=mobile] .internal-content.full-width-page {
    max-width: unset;
}

.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-text-primary)
}

.transaction-header > app-widget-host {
    flex-direction: row;
    justify-content: center
}

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 {
    display: block;
    color: var(--c-black-e)
}

body:not(.add-withdraw-history) .deposit-history-header, .add-deposit-history .deposit-history-header, .add-withdraw-history .withdraw-history-header {
    color: var(--c-black-e)
}

div[class*=mobile] .deposit-history-header, div[class*=mobile] .withdraw-history-header {
    display: flex;
    align-items: center;
    height: 46px;
    font-size: 14px
}

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

div[class*=mobile] .internal-content table td::before, #root .site-text table td::before {
    content: attr(data-column)
}

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

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

body div[class*=mobile] .ui-table .ui-table-tbody>tr>td {
    border-bottom: 0
}

div[class*=mobile] .transactions .internal-content {
    margin: 0
}

div[class*=mobile] .transaction-header {
    margin: 2px 0 35px;
}

#root div[class*=mobile] .transaction-header > app-widget-host {
    width: 100%;
}

#root div[class*=mobile] .transaction-header .deposit-history-header, #root div[class*=mobile] .transaction-header .withdraw-history-header {
    width: 50%;
    min-width: unset;
    margin: 0;
    border-radius: 0;
}

#root .transaction-header .deposit-history-header > div, #root .transaction-header .withdraw-history-header > div {
    width: 100%;
    font-size: 12px
}

#root:not(.add-deposit-history) div[class*=mobile] .transaction-header .deposit-history-header > div, #root.add-deposit-history div[class*=mobile] .transaction-header .deposit-history-header > div, #root.add-withdraw-history div[class*=mobile] .transaction-header .withdraw-history-header > div {
    border-radius: 0;
    width: 100%
}

div[class*=mobile] .deposit-history-box, div[class*=mobile] .withdraw-history-box {
    margin: 0 10px 30px
}

/* Bonus Page */
div[class*=mobile] .bonus-header, div[class*=mobile] .activated-tex, div[class*=mobile] .contact-header, div[class*=mobile] .contact-text, div[class*=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
}

div[class*=mobile] .bonus-container > app-widget-host {
    flex-direction: column
}

div[class*=mobile] .bonus-content > app-widget-host {
    padding: 10px 15px
}

div[class*=mobile] .bonus-box {
    margin: 0;
    padding: 15px 0;
}

div[class*=mobile] .bonus-box .bonus-percent > div, div[class*=mobile] .bonus-box div {
    font-size: 18px;
    height: 30px;
    padding: 0 20px
}

div[class*=mobile] .bonus-box .bonus-up > div {
    margin: 0
}

div[class*=mobile] .bonus-box .bonus-button > div {
    display: inline-block;
    font-size: 18px;
    line-height: 30px;
    margin: 10px 0 0 20px
}

div[class*=mobile] .bonus-box.bonus-4 {
    display: none
}

div[class*=mobile] .bonus-image {
    height: calc(calc(100vw - 0px) / 2.33);
}

div[class*=mobile] .bonus-image img {
    width: 100%
}

div[class*=mobile] .bonus-content .content-box {
    padding: 15px 0
}

div[class*=mobile] .bonus-content .content-title:before {
    width: 50px;
    height: 50px;
    font-size: 30px
}

div[class*=mobile] .bonus-content .content-title {
    margin-bottom: 10px
}

/* Change Password */


div[class*=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 */
div[class*=mobile] app-set-value {
    width: 100%
}

div[class*=mobile] app-wager-limits h3, div[class*=mobile] app-loss-limits h3, div[class*=mobile] app-deposit-limits h3, div[class*=mobile] app-access-limits h3, div[class*=mobile] .internal-content .section-title {
    display: flex;
    align-items: center;
    color: var(--c-white);
    font-size: 18px;
    margin: 0;
    height: 40px;
}

div[class*=mobile] app-wager-limits > div, div[class*=mobile] app-loss-limits > div, div[class*=mobile] app-deposit-limits > div {
    /* max-width: 264px; */
    margin: 0 auto
}

div[class*=mobile] app-access-limits {
    padding: 10px;
    display: block;
}

div[class*=mobile] app-access-limits > div {
    max-width: 100%;
    margin: 20px 0
}

app-access-limits > div:last-child {
    display: flex;
    flex-wrap: wrap;
}

div[class*=mobile] .element.value, #root div[class*=mobile] .account label, #root div[class*=mobile] .label-value-container input, #root div[class*=mobile] .affiliate-service h3 {
    /* max-width: 264px; */
}

div[class*=mobile] .banner .register-button, div[class*=mobile] .forgotpass > app-widget-host button, div[class*=mobile] .responsible-gaming-info button {
    /* border-radius: var(--r-md); */
}

div[class*=mobile] .forgotpass > app-widget-host button {
    margin: 20px 0px;
}

div[class*=mobile] app-wager-limits h3, div[class*=mobile] app-loss-limits h3, div[class*=mobile] app-deposit-limits h3, div[class*=mobile] app-access-limits h3 {
    max-width: 264px;
    margin: 0 auto;
    text-align: center;
    justify-content: center;
}

#root div[class*=mobile] .label-value-container {
    flex-direction: column;
    align-items: flex-start;
    /* max-width: 264px; */
    margin: 0 auto;
    height: auto;
    padding: 10px 15px;
}

div[class*=mobile] .label-value-container .element.label {
    display: flex;
    margin: 0;
    max-width: unset;
    height: unset;
    align-items: center;
    margin-bottom: 8px;
}

div[class*=mobile] .responsible-gaming-info .label-value-container input {
    background-color: transparent;
    border-bottom: 1px solid var(--c-border-sport-coupon);
    border-radius: 0;
    height: 40px;
    color: var(--c-text-primary);
    width: 100%;
    max-width: unset;
}

div[class*=mobile] .responsible-gaming-info .label-value-container input::placeholder {
    color: var(--c-tint-b)
}

div[class*=mobile] .element.value select {
    background-color: var(--c-blue-d);
    color: var(--c-white);
    width: 100%;
    /* border-bottom: 1px solid var(--c-emphasis); */
    border-radius: 0;
}

div[class*=mobile] .element.value select option {
    /* background-color: var(--c-primary); */
}

div[class*=mobile] .responsible-gaming-info .checkbox {
    width: 10px;
    height: 10px
}

div[class*=mobile] .access-limits-tabs-header > div, div[class*=mobile] .access-limits-tabs-rows > div, div[class*=mobile] .access-limits-tabs-footer > div {
    font-size: 12px
}

div[class*=mobile] .access-limits-tabs-header .hours-tab-header {
    font-size: 0
}

/* Documents */
div[class*=mobile] .documents-list {
    width: 100%;
}

.documents-list .documents-header {
    margin: 0px 15px;
    padding: 10px 5px;
    border-top: 1px solid var(--c-black);
    color: var(--c-white);
}

div[class*=mobile] .documents-type .upload-form app-set-value {
    max-width: 50%;
}

div[class*=mobile] .documents-list table tr {
    border: 1px solid var(--c-border);
    display: block;
    margin-bottom: 10px;
    /* display: none; */
}

div[class*=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;
}

div[class*=mobile] .files-group, div[class*=mobile] .upload-form {
    /* flex-direction: column; */
    align-items: center;
}

div[class*=mobile] .upload-form {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
}

div[class*=mobile] .profile-document-upload button.btn-submit {
    margin: 10px 0;
    width: calc(100% - 20px);
}

div[class*=mobile] .documents-type app-set-value {
    margin: 0;
}

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

div[class*=mobile] .deposit-description {
    border-bottom: 0;
}



div[class*=mobile] .deposit-method-merge .deposit-img > img {
    max-height: 25px;
    max-width: 100px
}

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

div[class*=mobile] .right-sidebar-sub-title {
    color: var(--c-black-e);
    text-align: left
}

div[class*=mobile] .payment-method .form-row {
    flex-direction: column;
}
div[class*=mobile] .payment-method .fld-amount .form-row{
    padding-bottom:0px;
}
div[class*=mobile] .payment-method .generic-form .form-row input {
    color:var(--c-black-e)
}
div[class*=mobile] .payment-method .generic-form .form-row select {
    background-color:var(--c-white-e);
    min-height:40px;
    border-radius: 4px;
}
div[class*=mobile] .payment-method ui-button .button-submit-payment {
    height: 43px;
    border-radius: 5px;
    background-color: var(--c-internal-user-background);
    color: var(--c-internal-user-text);
    padding: 0 10px;
    width: 100%;
    max-width:182px;
    font-size:15px;
    font-weight:500;
    margin:0 auto
}

/* Withdrawal */
div[class*=mobile] .withdrawal-page > app-widget-host {
    align-items: center
}

div[class*=mobile] .withdrawal-page .sub-title-text {
    margin: 15px 0 10px
}

div[class*=mobile] .withdrawal-page .deposit-instructions-header {
    width: 100%;
    justify-content: center
}

div[class*=mobile] .withdrawal-page .deposit-instructions-content {
    line-height: 1.4;
    text-align: center
}

div[class*=mobile] .withdrawal-page .rollover-left-amount {
    width: 100%
}

div[class*=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-text-primary)
}

div[class*=mobile] .withdrawal-page .rollover-left-amount > app-widget-host >span {
    display: none
}

div[class*=mobile] .withdrawal-page .rollover-amount > app-widget-host {
    display: flex;
    flex-direction: row
}

#root div[class*=mobile] .deposit-method-content > app-widget-host, #root div[class*=mobile] .withdraw-method-content > app-widget-host {
    flex-direction: column
}

div[class*=mobile] .deposit-method-content .button, div[class*=mobile] .withdraw-method-content .button {
    max-width: 250px;
    margin-bottom: 10px
}

/* Bets History*/
div[class*=mobile] .history-filter, div[class*=mobile] .history-from, div[class*=mobile] .history-to, div[class*=mobile] .history-show {
    /* flex-direction: column; */
    /* align-items: flex-start; */
}

div[class*=mobile] .history-filter .ui-dropdown {
    /* border: 1px solid var(--c-background-sidebar-menu); */
}

div[class*=mobile] .history-from input, div[class*=mobile] .history-to input {
    /* max-width: 211px; */
}

div[class*=mobile] .history-bet-header .history-bet-toggle {
    /* margin: 0; */
}

div[class*=mobile] .history-bet-footer, div[class*=mobile] .history-bet-date-time-id {
    /* flex-direction: column; */
    font-size: 13px;
}

div[class*=mobile] .history-bet-match-wrapper {
    /* margin: 0; */
    font-size: 13px
}

div[class*=mobile] .history-bet-date-time-id div {
    /* padding-right: 10px; */
}

#root .history-bet-info {
    flex-direction: row;
    font-size: 12px;
    color: var(--c-white-e);
    /* font-weight: bold; */
    flex: 1;
    /* padding: 0px 10px; */
    /* width: 80%; */
}

div[class*=mobile] .history-bet-info, div[class*=mobile] .history-bet-date-time-id, div[class*=mobile] .history-bet-content, div[class*=mobile] .bet-infos-title-wrapper, div[class*=mobile] .bet-infos-title-wrapper .bet-infos-toggle, div[class*=mobile] .history-bet-status.won, div[class*=mobile] .history-bet-status.lost, div[class*=mobile] .history-bet-status.open, #root div[class*=mobile] app-history .history-systems-wrapper .history-system-wrapper.history-bet-header, div[class*=mobile] .history-system-wrapper, .history-bet-status.cancelled {
    font-size: 12px;
}

div[class*=mobile] .history-bet-date-time-id {
    /* display: none; */
}

/* Persolan Details*/
div[class*=mobile] .profile-info .generic-form .form-row {
    flex-direction: column;
    padding: 10px 15px;
    padding-bottom: 8px;
}

div[class*=mobile] .profile-info .form-element-wrapper > input, div[class*=mobile] .change-password .form-element-wrapper > input, div[class*=mobile] .profile-info .form-element-wrapper ngx-combo-datepicker select {
    /* border-bottom: 1px solid var(--c-emphasis); */
    /* border-radius: 0; */
    /* background-color: transparent; */
    /* color: var(--c-black-e); */
}
div[class*=mobile] .profile-info .form-element-wrapper  input:disabled {
    color:var(--c-text-light);
    opacity:.6
}
body .ui-button.ui-button-icon-only {
    border: none;
}

#root .account .change-password label {
    /* color: var(--c-black-e); */
}



div[class*=mobile] .profile-info .generic-form .checkbox-wrapper {
    flex-direction: row
}

div[class*=mobile] .profile-info ui-button .button-submit-profile-form {
    width: 264px;
    margin: 0 auto
}

div[class*=mobile] .history-bet-wrapper .history-actions-wrapper .history-bet-reprint, #root div[class*=mobile] .history-bet-wrapper .history-actions-wrapper .history-bet-confirm, div[class*=mobile] .history-bet-wrapper .history-actions-wrapper .history-bet-cashout, #root div[class*=mobile] .history-bet-wrapper .history-actions-wrapper .history-bet-cancel {
    max-width: 120px;
    /* margin: 0 5px; */
}

div[class*=mobile] .profile-info {
    max-width: 700px;
    margin: 10px 5px
}

.statement-header-wrapper {
    display: flex;
    align-items: flex-end;
    margin: 10px 0px;
}

.statement-header-wrapper > div {
    width: calc(33.33% - 8px);
    margin: 4px;
    display: flex;
    flex-direction: column;
}

.statement-header-wrapper .ui-calendar {
    display: flex;
}

.statement-header-wrapper .ui-calendar input {
    width: 100%;
}

/*****************************
           Footer
*****************************/
div[class*=mobile] .footer {
    /* margin-top: 30px; */
    /* max-width:var(--site-max-width); */
    width: 100%;
    text-align: c;
}

div[class*=mobile] .footer > app-widget-host {
    background-color: var(--c-background);
    margin: 0 auto;
    margin-bottom: 56px;
    max-width: var(--site-max-width)
}

div[class*=mobile] .footer app-widget-host > span {
    display: none
}

div[class*=mobile] .footer-payment {
    padding: 10px 20px
}

div[class*=mobile] .footer-payment app-widget-host {
    height: 100%;
    margin: 0;
    flex-wrap: wrap
}

div[class*=mobile] .footer-payment app-widget-host app-image {
    flex: unset;
    display: flex;
    margin: 0 10px
}

div[class*=mobile] .footer-payment app-widget-host app-image > img {
    max-width: 100%
}

div[class*=mobile] .footer-payment .right-sidebar-title {
    text-transform: uppercase;
    background-color: transparent;
    justify-content: center;
    font-weight: bold;
    margin: 10px 0
}

div[class*=mobile] .footer-payment .right-sidebar-sub-title {
    background-color: transparent;
    text-align: center
}

div[class*=mobile] .footer-payment .paybill-numbers .right-sidebar-text {
    /*text-align: center*/
    flex: 1
}

div[class*=mobile] .footer-payment .customer-care .contact-number {
    height: 50px;
    margin-bottom: 10px
}

div[class*=mobile] .footer-text .footer-text-title > div {
    text-align: center;
    line-height: 20px;
    padding: 15px
}

div[class*=mobile] .footer-social {
    height: 170px;
    padding-bottom: 20px
}

div[class*=mobile] .footer-social > app-widget-host {
    flex-direction: column
}

div[class*=mobile] .footer-links > app-widget-host {
    flex-direction: column;
    padding: 30px;
}

div[class*=mobile] .footer-links .license {
    padding: 0
}

div[class*=mobile] .footer-links .links {
    padding: 0
}

div[class*=mobile] .footer-links .links > app-widget-host {
    flex-wrap: wrap;
    justify-content: flex-start
}

div[class*=mobile] .footer-links .link-group {
    flex: 0 0 50%;
    padding: 40px 5px 0 5px
}

div[class*=mobile] .footer-social .footer-logo img {
    max-width: 100%;
    max-height: 60px
}
div[class*=mobile] .footer .age-restriction-image img {
    min-width:33px
}

/*****************************
     Contact Pages
******************************/
body div[class*=mobile] .ui-dialog .ui-dialog-titlebar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: auto;
    position: relative;
    min-height: 40px;
}

body div[class*=mobile] .ui-dialog .ui-dialog-titlebar::before {
    content: "";
    width: 29px;
    height: 5px;
    position: absolute;
    background-color: var(--c-tint);
    left: 50%;
    transform: translate(-50%,0%);
    border-radius: var(--r-lg);
    top: 10px;
}

body div[class*=mobile] .ui-dialog .ui-dialog-titlebar > span {
    margin: 0 auto
}

div[class*=mobile] .ui-dialog .ui-dialog-titlebar-icon span {
    color: var(--c-white-e);
}

div[class*=mobile] .content-page {
    margin: 0;
    padding: 20px
}
div[class*=mobile] .content-page a {
    color:var(--c-emphasis-c)
}
div[class*=mobile] .about-sub-menu .sub-menu-title, div[class*=mobile] .about-sub-menu .sub-menu-title-content, div[class*=mobile] .instruction-help .sub-title, div[class*=mobile] .contact .contact-title, div[class*=mobile] .contact .contact-sub-title, div[class*=mobile] .toggle-menu .bet-type-title {
    font-size: 16px
}

div[class*=mobile] .about-sub-menu .sub-menu-image, div[class*=mobile] .image-box img, div[class*=mobile] .contact .contact-img {
    width: 40px;
    height: 40px;
    min-width: 40px;
    margin-right: 20px
}

div[class*=mobile] .contact .contact-header > app-widget-host {
    flex-direction: row
}

.contact .contact-options > app-widget-host {
    flex-direction: column
}

div[class*=mobile] .merge-box {
    width: 100%;
}

div[class*=mobile] .about-us-menu > ul, div[class*=mobile] .bet-type-menu > ul {
    overflow-x: scroll;
    white-space: nowrap;
    justify-content: flex-start
}

div[class*=mobile] .about-us-menu > ul > li, div[class*=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
}

div[class*=mobile] .holder-boxes > app-widget-host {
    flex-direction: column
}

div[class*=mobile] .about-us-menu .menu .menu-link:hover, div[class*=mobile] .about-us-menu .menu .menu-link.active, div[class*=mobile] .bet-type-menu .menu .menu-link:hover, div[class*=mobile] .bet-type-menu .menu .menu-link.active {
    background-color: var(--c-background-header);
    color: var(--c-text-header);
    border-radius: var(--r-border-radius-big);
    padding: 5px 15px
}

/***********************
       Betslip
***********************/
body div[class*=mobile] .active-mobile-betslip-view .ui-widget-overlay {
    background-color: rgb(23 26 43 / 63%)
}

div[class*=mobile] div[class*=mobile]-betslip-view .right-sidebar {
    width: 100%;
    min-width: 100%;
    max-width: 100%
}

body div[class*=mobile] .ui-dialogdiv[class*=mobile]-betslip-view .beto-betslip-notifications.betslip-notifications-wrapper {
    bottom: 0;
    z-index: 1000;
    position: fixed;
    right: 0;
    left: 0
}

div[class*=mobile] .betslip-container .place-bet, div[class*=mobile] .betslip .confirm-bet-wrapper .confirm-form-group .confirm-bet, div[class*=mobile] .quickbetslip .confirm-bet-wrapper .confirm-bet {
    min-height: 43px;
    margin-top: 0
}

#root .quickbetslip.link {
    /* border-top-left-radius:20px; */
    /* border-top-right-radius:20px; */
    overflow: hidden;
}

#root .quickbetslip.link, div[class*=mobile] .quickbet-notifications-wrapper {
    /* position: fixed; */
    bottom: 0px;
    width: 100%;
    height: auto;
    /* z-index: 200; */
    background-color: var(--c-primary-d);
    /* border-top: 1px solid var(--c-emphasis-b); */
    /* max-width: 400px; */
    left: 50%;
    /* transform: translate(-50% , 0); */
}

#root .quickbetslip.link .betslip-shortcut-container {
    color: var(--c-black-e);
    font-size: 15px;
    /* font-weight: bold; */
    text-transform: uppercase;
    display: flex;
    padding: 10px 15px;
    padding-right: 68px;
    height: 50px;
    background-color: var(--c-emphasis-c);
    position: fixed;
    bottom: 60px;
    z-index: 100;
    width: 100%;
    /* animation-name: move; */
    /* animation-duration: .5s; */
    transition: bottom 0.4s ease;
}
#root .account .quickbetslip.link .betslip-shortcut-container,
#root .no-footer-menu .quickbetslip.link .betslip-shortcut-container{
    bottom:0px;
}
.scroll-down #root .quickbetslip.link .betslip-shortcut-container {
    bottom:0px;
}
#root .quickbetslip.link .betslip-shortcut-container .betslip-title {
    flex: 1;
    display: flex;
    justify-content: left;
    align-items: center
}

div[class*=mobile] .quick-container {
    background-color: var(--c-blue-d);
    position: relative;
    padding-top: 35px;
    position: fixed;
    bottom: 0px;
    z-index: 200;
    width: 100%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    animation-name: movedesktop;
  animation-duration: .5s; 
}

div[class*=mobile] .quick-container::before {
    content: "";
    width: 29px;
    height: 5px;
    border-radius: var(--r-lg);
    position: absolute;
    background-color: var(--c-tint);
    top: 15px;
    transform: translate(-50%,0%);
    left: 50%;
}

div[class*=mobile] .quick-container .confirm-details-wrapper {
    display: flex;
    flex-wrap: wrap;
    color: var(--c-white-e)
}

div[class*=mobile] .quick-container .confirm-details-wrapper .value-block {
    flex: 0 0 100%;
    margin: 0;
    font-size: 13px;
    padding: 5px 10px
}

div[class*=mobile] .quick-container .confirm-details-wrapper .value-block .value-block-wrapper {
    display: flex;
    justify-content: space-between;
}

div[class*=mobile] .quick-container .confirm-details-wrapper .value-block .block-label {
    color: var(--c-text-light);
    text-transform: uppercase;
    font-size: 11px
}

div[class*=mobile] .quick-container .confirm-details-wrapper .value-block.bet-odds, div[class*=mobile] .quick-container .confirm-details-wrapper .value-block.bet-stake {
    text-align: right
}

div[class*=mobile] .quick-container .confirm-details-wrapper .value-block .value-block-wrapper.bet-stake-wrapper {
    /* flex-direction: column; */
    margin: 0
}

div[class*=mobile] .quick-container .confirm-details-wrapper .value-block .block-value {
    font-weight: bold
}

div[class*=mobile] .quick-container .confirm-bet-wrapper {
    padding-top: 15px;
    margin: 0 20px 20px;
    width: calc(100% - 40px);
}

div[class*=mobile] .quick-container .confirm-bet-wrapper button.cancel-bet {
    color: var(--c-black-e);
    background-color: var(--c-emphasis);
    font-size: 17px;
    font-weight: 500;
}

div[class*=mobile] .quick-container .bet-container {
    flex: 1
}

div[class*=mobile] .quick-container app-changed-odds {
    text-align: center
}

#root .quickbetslip.link .quick-container .title-container {
    display: flex;
    align-items: flex-start;
    color: var(--c-white);
    font-size: 0.9em;
    /* font-weight: 600; */
    padding: 20px 20px 10px;
    min-height: 60px
}

#root .quickbetslip.link .quick-container .title-container .market-selection, #root .quickbetslip.link .quick-container .title-container .bet-odds {
    line-height: 21px;
    color: var(--c-emphasis-c);
}

#root .quickbetslip.link .quick-container .title-container .bet-odds:before {
    content: "@ "
}

#root .quickbetslip.link .quick-container .title-container .betslip-clear {
    /* position: absolute; */
    right: 10px;
    top: 10px;
    font-size: 0;
    width: 24px;
    height: 24px;
    background-image: url(/v1.101/r/images/accessbet/icons/mdi_trash.svg);
    background-repeat: no-repeat;
    background-position: center;
}

#root .quickbetslip.link .quick-container .title-container .betslip-clear:before {
    /* content: "x"; */
    font-size: 16px;
    color: var(--c-background-login-button)
}
#root .quickbetslip.link .quick-container .title-container .quick-bet-close {
    position:absolute;
    top:0;
    height:35px;
    left:0px;
    width:100%;
    font-size: 0px;
    display:flex;
    align-items:center;
}
#root .quickbetslip.link .quick-container .title-container .quick-bet-close::before {
    display:block;
    content:"";
    width:20px;
    height:20px;
    background-image:url(/v1.125/r/images/accessbet/icons/ant-design_caret-left-outlined.svg);
    filter:invert(1);
    margin-left:auto;
    margin-right:10px;
}
#root .quickbetslip.link .quick-container .place-bet-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: auto;
    order: 2;
}

#root .quickbetslip.link .quick-container .place-bet, #root .quickbetslip.link .quick-container .book-bet {
    line-height: 16px;
    max-width: 50%;
    order: 2;
    font-size: 15px;
    color: var(--c-white-e);
    background: var(--c-green);
    /* flex: 0 0 40%; */
    /* padding: 13px; */
    /* border: 1px solid var(--c-emphasis); */
    border-radius: var(--r-lg);
    width: 100%;
    height: 43px;
    font-family: 'Roboto', Arial, sans-serif
}

#root .quickbetslip.link .quick-container .place-bet .place-bet-message {
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
}

#root .quickbetslip.link .quick-container .book-bet {
    order: 0;
    max-width: 30%;
    color: var(--c-green);
    background-color: var(--c-primary);
    margin-right: 10px;
    text-transform: uppercase;
    font-size: 17px;
}

#root .quickbetslip.link .quick-container .book-bet:disabled {
    opacity: .5;
}

#root .quickbetslip.link .quick-container .book-bet .book-disabled-reason {
    display: none
}

#root .quickbetslip.link .quick-container .place-bet {
    max-width: 70%;
}

.place-disabled-preset {
    line-height: 1;
    display: block;
    text-align: center;
    font-size: 10px;
}

#root .quickbetslip.link .quick-container .place-bet-wrapper .winnings {
    /* width: 100%; */
    order: 2;
    padding: 5px 20px 15px;
    text-align: center;
    color: var(--c-white-e);
    font-size: 14px;
    display: flex;
    align-items: center;
}

#root .quickbetslip.link .quick-container .place-bet-wrapper .winnings .winnings-description {
    margin-right: 5px;
}

#root .quickbetslip.link .quick-container .place-bet-wrapper .quick-bet-actions {
    order: 3;
    display: flex;
    width: 100%;
    margin: 0 20px 20px;
}
#root .quickbetslip.link .quick-container .place-bet-wrapper.has-free-bet .quick-bet-actions {
    flex-wrap:wrap;
}
#root .quickbetslip.link .quick-container .place-bet-wrapper.has-free-bet .quick-bet-actions .place-free-bet {
    width:100%;
    order:-1;
    max-width:unset;
    margin-bottom:10px;
}
#root .quickbetslip.link .quick-container .place-bet-wrapper.has-free-bet .quick-bet-actions .place-free-bet.place-free-bet-disabled {
    background-color: #373C5C;
}
#root .quickbetslip.link .quick-container .place-bet-wrapper.has-free-bet .quick-bet-actions .place-free-bet.place-free-bet-disabled span {
    color:var(--c-text-light)
}
#root .quickbetslip.link .quick-container .place-bet-wrapper.has-free-bet .quick-bet-actions .place-free-bet.place-free-bet-disabled .place-bet-message {
    margin-bottom:4px;
    display:block;
}
#root .quickbetslip.link .quick-container .place-bet-wrapper.has-free-bet .quick-bet-actions .place-bet:not(.place-free-bet) {
    width:calc(70% - 10px);
}
#root .quickbetslip.link .quick-container .place-bet-wrapper .bet-stake-wrapper {
    order: 1;
    background: transparent;
    ; flex: 0 0 30%;
    margin: 0 20px 20px;
    border: 1px solid var(--c-blue-c);
    border-radius: var(--r-sm);
    min-height: 30px;
    position: relative;
}

#root .quickbetslip.link .quick-container .place-bet-wrapper .bet-stake-wrapper .stake {
    font-size: 6px;
    line-height: 6px;
    /* line-height: 13px; */
    color: var(--c-emphasis);
    /* display: block; */
    padding: 1px;
    background-color: var(--c-green);
    width: 21px;
    display: block;
    text-align: center;
    border: 0;
    position: absolute;
}

#root .quickbetslip.link .quick-container .place-bet-wrapper .bet-stake-wrapper .currency {
    font-size: 1.1em;
    line-height: 2;
    color: var(--c-white-e);
    display: block;
}

#root .quickbetslip.link .quick-container .place-bet-wrapper .bet-stake-wrapper .currency::first-letter {
    padding: 5px;
    background-color: var(--c-green);
    color: var(--c-white-e);
    margin-right: 5px
}

#root .betslip-title .betslip-arrow {
    display: none
}

body .ui-dialogdiv[class*=mobile]-betslip-view .ui-dialog-content {
    border: 0 !important
}

#root div[class*=mobile] .betslip-title .betslip-arrow {
    display: block;
    width: 32px;
    height: 32px;
    font-size: 0;
    color: var(--c-black);
    background: url(/v1.01/r/images/site/icons/Arrow_Down.svg) left center no-repeat;
    background-size: contain;
    right: 7px;
    top: 7px
}

#root .quickbetslip.link .betslip-shortcut-container .betslip-odds, .quick-container .bet-odds {
    /* color: var(--c-black-e); */
    margin: auto 4px;
    font-weight: 500;
}

#root .quickbetslip.link .betslip-shortcut-container .betslip-clear {
    display: none
}
#root .quickbetslip.link .betslip-shortcut-container .quick-bet-close {
    position:absolute;
    top:0px;
    left:0px;
    height:100%;
    width:100%;
    font-size:0px;
   display:flex;
    align-items:center;
}
#root .quickbetslip.link .betslip-shortcut-container .quick-bet-close::before {
    content:"";
    width:20px;
    height:20px;
    background-image:url(/v1.125/r/images/accessbet/icons/ant-design_caret-left-outlined.svg);
    display:block;
    margin-left:auto;
    margin-right:10px;
}
#root .quickbetslip.link .betslip-shortcut-container .betslip-arrow {
    opacity: 1;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/v1.091/r/images/accessbet/icons/ant-design_caret-left-outlined.svg);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: calc(100% - 18px) 50%;
    font-size: 0;
}

#root div[class*=mobile] .betslip-container {
    padding: 0;
    height: auto;
    /* max-height: calc(100vh - 60px); */
    /* overflow-y: auto; */
    /* position: fixed; */
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 1000;
    max-width: unset;
    /* box-shadow: 0 -1px 10px 1px rgb(0 0 0 / 63%); */
}

#root div[class*=mobile] .betslip-container::-webkit-scrollbar {
    display: none
}

#root .betslip-title .betslip-arrow {
    margin: 0;
    top: 2px;
    width: 32px;
    height: 32px;
    right: 10px;
    position: absolute;
    background-size: contain
}

#root div[class*=mobile] .betslip-title .betslip-counter {
    margin: 0 9px;
    text-align: center;
    color: var(--c-black);
    background-color: var(--c-primary);
    border-radius: 26px;
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    order: 1;
    width: 29px;
    height: 29px;
    font-size: 15px;
    /* line-height: 26px; */
}

#root div[class*=mobile] .betslip-title .betslip-counter::before {
    /* content:"("; */
}

#root div[class*=mobile] .betslip-title .betslip-counter::after {
    /* content:")"; */
}

#root div[class*=mobile] .betslip-container .betslip-title .betslip-counter {
    /* display: none; */
    width: unset;
    height: unset;
    font-size: 12px;
    background-color: unset;
    color: var(--c-white-e);
    margin: 0 5px;
}

#root div[class*=mobile] .betslip-container .betslip-title .betslip-counter::before {
    content: "("
}

#root div[class*=mobile] .betslip-container .betslip-title .betslip-counter::after {
    content: ")"
}

div[class*=mobile] .betslip .betslip-title::before {
    /* border-radius: 0; */
    content: "";
    width: 29px;
    height: 5px;
    position: absolute;
    background-color: var(--c-tint-b);
    top: 8px;
    border-radius: var(--r-lg)
}

div[class*=mobile] .betslip .betslip-bets-container {
    background-color: var(--c-primary-d)
}

.betslip .betslip-bets-container .systems-container {
    background-color: var(--c-blue-d);
    /* padding:5px; */
}

div[class*=mobile] .betslip .betslip-bets-container .header-titles-container {
    flex: unset;
    justify-content: center;
}

div[class*=mobile] .betslip .betslip-bets-container .multiple-wrapper {
    flex: unset;
    /* margin-left: auto; */
    width: 100%;
    background-color: var(--c-blue-d);
    padding: 0px 15px;
}

div[class*=mobile] .betslip .betslip-bets-container .multiple-container, div[class*=mobile] .betslip .betslip-bets-container .system-container {
    flex-wrap: wrap
}

div[class*=mobile] .betslip .betslip-bets-container .header-titles-container > span.multiple-stake {
    margin-top: 15px;
    display: none;
}

div[class*=mobile] .betslip .betslip-events-wrapper .bet-container .bet-actions > app-bet-event-actions {
    bottom: 19px
}

/* Numpad */
#root app-num-pad {
    min-width: 100%;
    order: 4;
    flex: 100%
}

#root .num-pad-container {
    width: 100%;
    height: auto;
    /* margin-bottom: 10px; */
    display: flex;
    flex-wrap: wrap;
    flex-direction: revert;
    position: relative;
    background-color: var(--c-primary-d);
    padding: 2.5px;
    padding-top: 4px
}

#root .num-pad-container app-stake-presets {
    width: 100%;
}

#root .num-pad-container .elements {
    display: flex;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
    height: auto;
    /* display: contents; */
}

#root .num-pad-container .elements.control .button-enter {
    order: 13;
    /* position:absolute; */
    right: 0px;
    /* height: 64px; */
    display: flex;
    align-items: center;
    top: 34px;
}

#root .num-pad-container .elements.numbers, #root .num-pad-container .elements.other, #root .num-pad-container .elements.control {
    /* display:contents; */
}

#root .num-pad-container .betslip-container .elements {
    flex-wrap: nowrap;
}

#root .num-pad-container .elements.presets .preset-currency, #root .num-pad-container .elements.presets .preset-sign {
    display: none;
}

#root .num-pad-container .elements.presets .element {
    font-size: 10px;
}

#root .num-pad-container .elements .element {
    flex: 0 0 calc(20% - 5px);
    width: auto;
    margin: 2.5px;
    border-radius: 0;
    background-color: var(--c-blue-d);
    border: 1px solid var(--c-blue-d);
    padding: 6px 0;
    font-size: 18px;
    font-weight: normal;
    color: var(--c-text-light);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    height: 40px;
}

#root .num-pad-container .elements.control .element {
    /* flex: 0 0 calc(50% - 48px); */
    width: calc(50% - 5px);
    flex: unset;
}

#root .num-pad-container .elements.numbers .element {
    width: calc(33.333% - 5px);
    flex: unset;
}

#root .num-pad-container .elements.other .element {
    width: calc(33.333% - 5px);
    flex: unset;
}

#root .quickbetslip .num-pad-container .elements.other .element {
    width: calc(50% - 5px)
}

#root .elements.other .button-backspase {
    order: 2;
    font-size: 0px;
    background-image: url(/v1.098/r/images/accessbet/icons/material-symbols_backspace.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #081021;
    border: 0;
}

#root .elements.other .button-enter {
    order: -1;
    background-color: #081021;
    border: 0;
    color:transparent;
    background-image:url(/v1.141/r/images/accessbet/icons/material-symbols_check.svg);
    background-repeat:no-repeat;
    background-position:center;
}

#root .num-pad-container .elements.control .button-cancel {
    /* margin-right:calc(14.28% - 4px); */
}

#root div[class*=mobile] .betslip-container .systems-container .num-pad-container, #root div[class*=mobile] .betslip-container .multiple-container .num-pad-container {
    margin-top: 0
}

div[class*=mobile] .quickbet-notifications-wrapper {
    background-color: var(--c-background-primary);
    border-top: 1px solid var(--c-background-betslip-betting-body)
}

div[class*=mobile] .betslip-notifications:not(.betslip-booking-notifications) {
    padding: 10px;
    color: var(--c-white);
    position: fixed;
    bottom: 0px;
    background-color: var(--c-primary-d);
    width: 100%;
    top:unset;
    border-top-left-radius: var(--r-lg);
    border-top-right-radius: var(--r-lg);
    z-index: 104;
    height: auto;
    display: block;
    left: 0px;
    animation-name: move;
    animation-duration: 1s;
}

div[class*=mobile] .betslip-notifications.success {
    /* background-color: var(--c-background-betslip-button-bet); */
}

div[class*=mobile] .betslip-notifications.other {
    background-color: var(--c-background-header)
}

div[class*=mobile] .betslip-notifications.error {
    background-color: var(--c-primary-d);
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-top: 1px solid var(--c-border-sport-coupon)
}

div[class*=mobile] .betslip-notifications.success.betslip-booking {
    background-color: var(--c-background-primary);
    border-top: 1px solid var(--c-background-betslip-betting-body)
}

div[class*=mobile] .betslip-notifications .bet-messages {
    display: flex;
    text-align: center;
    margin-bottom: 20px;
    justify-content: center;
    align-items: center;
    flex-direction:row;
    flex-wrap:wrap;
}

.betslip-notifications .bet-messages .bet-success {
    font-size: 25px;
    font-weight: 500;
    color: var(--c-white-e)
}

.betslip-notifications .bet-messages .bet-success::after {
    content: "";
    width: 80px;
    height: 80px;
    display: block;
    background-image: url(/v1.099/r/images/accessbet/icons/icon-park-solid_success.svg);
    margin: 15px auto;
}

.betslip-notifications .bet-items {
    display: none;
}

.betslip-notifications .system-totals {
    display: none;
}

.betslip-notifications .betslip-totals {
    display: flex;
    flex-direction: column;
    padding: 0px 36px;
}

.betslip-notifications .betslip-totals .value-block {
    width: 100%;
    margin-bottom: 15px;
}

.betslip-notifications .betslip-totals .value-block-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 13px;
    color: var(--c-text-light);
}

.betslip-notifications .betslip-totals .value-block-wrapper .block-value {
    color: var(--c-white-e)
}

div[class*=mobile] .betslip-notifications .bet-messages .bet-reference {
    color: var(--c-emphasis-c);
    font-size: 30px;
    display: flex;
    font-weight: 500;
}
div[class*=mobile] .betslip-notifications .bet-messages .action-copy {
    font-size:0px;
    width:24px;
    height:24px;
    background-color:transparent;
    background-image:url(/v1.141/r/images/accessbet/icons/ph_copy.svg);
    background-repeat:no-repeat;
    background-position:center;
    margin:0 4px;
}
div[class*=mobile] .betslip-notifications .bet-messages-actions {
    display: flex;
    justify-content: center;
    flex-direction: row;
    height: auto;
    width: 100%;
}

div[class*=mobile] .betslip-notifications.betslip-booking-notifications .bet-messages-actions {
    order: 0;
    flex-direction: row;
    justify-content: flex-end;
    padding-top: 0px;
    position: relative;
}

div[class*=mobile] .betslip-notifications.betslip-booking-notifications .bet-messages-actions::before {
    content: "";
    position: absolute;
    width: 29px;
    height: 5px;
    border-radius: var(--r-lg);
    background-color: var(--c-tint-b);
    left: 50%;
    transform: translate(-50%, 0%);
    top: 10px;
}

.betslip-notifications app-betslip-book {
    order: 1
}

div[class*=mobile] .betslip-notifications .bet-book {
    text-align: center;
    margin-bottom: 20px
}

div[class*=mobile] .betslip-notifications .bet-book .bet-book-code {
    display: flex;
    flex-direction: column;
    /* margin-bottom: 15px; */
    /* padding-bottom: 15px; */
    /* background-color: var(--c-blue-d); */
}

div[class*=mobile] .betslip-notifications .bet-book .bet-book-code .code-value {
    font-size: 30px;
    line-height: 40px;
    color: var(--c-emphasis-c);
    font-weight: 500;
}

div[class*=mobile] .betslip-notifications .bet-messages-actions .reload-selections, div[class*=mobile] .betslip-notifications .bet-messages-actions .reload-selections {
    color: var(--c-white-e);
    flex: unset;
    ; width: 100%;
    max-width: 285px;
    text-transform: uppercase;
    /* margin-right: 5%; */
    /* margin-bottom: 10px; */
    border-radius: var(--r-lg);
    background-color: var(--c-green);
    height: auto;
    padding: 15px 0
}

div[class*=mobile] .betslip-notifications.betslip-booking-notifications .bet-messages-actions .reload-selections {
    color: var(--c-white-e);
    /* margin: 0 0 10px; */
    display: none;
}

div[class*=mobile] .betslip-notifications .bet-messages-actions .close-notification, div[class*=mobile] .booking-notifications-wrapper .bet-messages-actions .close-notification {
    color: var(--c-text-betslip-button-bet);
    background-color: var(--c-blue-c);
    flex: 0 0 45%;
    margin-left: 5%;
    margin-bottom: 10px;
    border-radius: var(--r-lg);
    border: 1px solid var(--c-background-betslip);
    height: auto;
    padding: 15px 0
}

div[class*=mobile] .betslip-notifications .bet-messages-actions .close-notification {
    border: 1px solid var(--c-text-primary);
    /* margin: 0; */
    color: var(--c-text-primary);
    flex: unset;
    background-color: transparent;
    width: 24px;
    height: 24px;
    background-image: url(/v1.099/r/images/accessbet/icons/material-symbols_close_white.svg);
    color: transparent;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 8px;
    right: 8px;
}

div[class*=mobile] .booking-notifications-wrapper .bet-messages-actions .close-notification {
    color: var(--c-black-e);
    flex: unset;
    background-color: transparent;
    width: 24px;
    height: 24px;
    background-image: url(/v1.099/r/images/accessbet/icons/material-symbols_close_white.svg);
    color: transparent;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
}

div[class*=mobile] .booking-notifications-wrapper .betslip-notifications .bet-messages {
    display: none;
    margin-bottom: 0px;
    padding: 5px;
    justify-content: center;
    flex-direction: column;
    border-bottom: 1px solid var(--c-text-betslip-betting-header)
}

div[class*=mobile] .booking-notifications-wrapper .betslip-notifications .bet-messages .book-success {
    text-align: center;
    width: 100%;
    line-height: 20px;
    font-weight: bold;
    font-size: 14px;
    color: var(--c-white);
}

#root div[class*=mobile] .booking-notifications-wrapper #print-section > div:not(.bet-book-code) {
    /* display: none; */
}
.betbook-open,.betnotifopen {
    /* max-height:100vh; */
    overflow:hidden;
}
/***************************************
         Mobile Check Ticket
***************************************/
div[class*=mobile]-navigation-view-left .bet-check form {
    flex-direction: row-reverse
}

div[class*=mobile]-navigation-view-left .bet-check form input {
    height: 50px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 0 15px;
    text-transform: uppercase;
    font-weight: bold;
    color: var(--c-black-e);
    background-color: var(--c-primary-b);
}

div[class*=mobile]-navigation-view-left .bet-check form input::placeholder {
    color: var(--c-text-primary)
}

div[class*=mobile]-navigation-view-left .bet-check .betslip-check-form-button {
    height: 50px;
    margin: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    min-width: 65px;
    text-transform: uppercase;
    font-weight: bold;
}

/***************************************
            Mobile 404 Page
****************************************/
div[class*=mobile] .top-404 {
    margin-top: 15px
}

div[class*=mobile] .title-404 {
    font-size: 60px;
    line-height: 70px
}

div[class*=mobile] .subtitle-404 {
    font-size: 18px;
    line-height: 16px
}

div[class*=mobile] .container-404 {
    width: 219px;
    height: 220px
}

div[class*=mobile] .bottom-404 {
    margin-top: -10px
}

div[class*=mobile] .text-404 {
    font-size: 12px
}

div[class*=mobile] .buttons-404 > app-widget-host {
    margin-top: 15px
}



@media screen and (min-width: 799px) {
    div[class*=mobile] .live-match-page .live-match-tracker {
        height: calc(100vw / 2.16)
    }
}



@media screen and (max-width: 480px) {
    div[class*=mobile].portrait .casino-container .games .game {
        /* flex: 1 1 100%; */
    }

    div[class*=mobile].landscape .casino-container .games .game {
        flex: 0 0 calc(50% - 8px)
    }
}

@media screen and (max-width: 360px) {
    div[class*=mobile] .header .logo-img > img {
        max-width: 100%;
        height: auto;
        max-height: 50px
    }
}

@media screen and (max-width: 320px) {
    #root .num-pad-container .elements .element {
        flex: 1 1 calc(33.333333% - 35px)
    }

    div[class*=mobile].landscape .casino-container .games .game {
        flex: 1 1 100%
    }
}

/*  Fixes  */
div[class*=mobile] .match-is-live .match-live {
    margin: 0;
    /* padding: 5px 7px; */
    border-bottom-left-radius: 5px;
    background-color: var(--c-background-header-menu);
    color: var(--c-green);
    order: 2;
    text-transform: capitalize;
    /* margin:0 5px; */
    animation: color_change 1s infinite alternate;
    /* display: none; */
    font-size: 11px;
}

div[class*=mobile] .homepage .main-coupon-v1.live .match-progress {
    /* padding: 5px 10px; */
    border-bottom-right-radius: 5px;
    background-color: var(--c-background-odds)
}

div[class*=mobile] .beto-sports-coupon .match-is-live .match-period {
    display: none
}

.left-navigation-content .menu-column ul li:first-child {
    display: none !important
}

div[class*=mobile] .live-match-page ul.match-breadcrumbs > li:first-child {
    margin-left: 0
}

body div[class*=mobile] .ui-dialog.betslip-check-view {
    top: unset!important;
    bottom: 0;
    left: 50%!important;
    transform: translateX(-50%)!important;
}

/*
*******************************
Product Menu
*******************************
*/
.product-menu {
    padding: 0px 4px;
    padding-top: 7px;
    background-color: var(--c-blue-d);
    position: sticky;
    top: -1px;
    z-index: 21;
    /* font-family:'AvenirNextLTPro'; */
}

#root .product-menu ul.menu li {
    background-color: transparent;
    /* padding:2px; */
    margin: 0px 4px;
    min-height: 28px;
    font-size: 0.8em;
    overflow: hidden;
    height: unset;
    color: var(--c-black);
    width: 50%;
}

#root .product-menu ul.menu li span {
    font-size: 15px;
    color: var(--c-text-light);
    font-weight: 500;
    text-transform: uppercase;
}

#root .product-menu ul.menu li a {
    padding: 0px;
}

#root .product-menu ul.menu li a.active,
#root .product-menu.live-active ul.menu li.cms-menu-live a {
    /* background-color:var(--c-green); */
    border-bottom: 2px solid var(--c-emphasis-c);
}

#root .product-menu ul.menu li a.active span,
#root .product-menu.live-active ul.menu li.cms-menu-live a span {
    color: var(--c-emphasis-c);
    font-size: 15px;
}

.bets-number-container.empty-betslip {
    padding: 0;
}

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

.ui-dialog[class*="bottom-modal"], .betslip-check-view {
    bottom: 60px!important;
    top: unset!important;
    left: 50%!important;
    transform: translate(-50%, 0)!important;
    max-width: var(--site-max-width)!important;
    width: 100%;
    position: fixed;
}

body .ui-dialog[class*="bottom-modal"] .ui-dialog-titlebar, 
.ui-dialog.betslip-check-view .ui-dialog-titlebar,
.ui-dialog.api-form-message-modal .ui-dialog-titlebar,
.ui-dialog.login-view .ui-dialog-titlebar{
    background-color: var(--c-primary-d);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 8px;
}

.ui-dialog[class*="bottom-modal"] .ui-dialog-titlebar .ui-dialog-title, 
.ui-dialog.betslip-check-view .ui-dialog-titlebar .ui-dialog-title, 
.ui-dialog.login-view .ui-dialog-titlebar .ui-dialog-title {
    display: none;
}

body .ui-dialog[class*="bottom-modal"] .ui-dialog-titlebar .ui-dialog-titlebar-icon, 
.ui-dialog.betslip-check-view .ui-dialog-titlebar .ui-dialog-titlebar-icon,
.ui-dialog.api-form-message-modal .ui-dialog-titlebar .ui-dialog-titlebar-icon,
.ui-dialog.login-view .ui-dialog-titlebar .ui-dialog-titlebar-icon{
    color: var(--c-white);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(/v1.099/r/images/accessbet/icons/material-symbols_close_white.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
    position: absolute;
    left: 0px;
    margin: 0;
}

body .ui-dialog[class*="bottom-modal"] .ui-dialog-titlebar .ui-dialog-titlebar-icon > span, 
.ui-dialog.betslip-check-view .ui-dialog-titlebar .ui-dialog-titlebar-icon > span,
.ui-dialog.api-form-message-modal .ui-dialog-titlebar .ui-dialog-titlebar-icon > span,
.ui-dialog.login-view .ui-dialog-titlebar .ui-dialog-titlebar-icon > span {
    font-size: 1.5em;
    border: 1px solid var(--c-white);
    border-radius: 50%;
    background-color: transparent;
    line-height: 1;
    display: none;
}

body .ui-dialog[class*="bottom-modal"] .ui-dialog-content, 
.ui-dialog.betslip-check-view .ui-dialog-content,
.ui-dialog.api-form-message-modal .ui-dialog-content{
    background-color: var(--c-primary-d);
    color: var(--c-white);
    height: 100%;
    padding: 5px;
    height: calc(100% - 40px);
   
}
.ui-dialog.api-form-message-modal .ui-dialog-titlebar{
    border-top:1px solid var(--c-blue-c);
    border-left:1px solid var(--c-blue-c);
    border-right:1px solid var(--c-blue-c)
}
.ui-dialog.api-form-message-modal .ui-dialog-content {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
     border-bottom:1px solid var(--c-blue-c);
    border-left:1px solid var(--c-blue-c);
    border-right:1px solid var(--c-blue-c)
    
}
body .ui-dialog.bottom-modal-betslip {
    height: calc(100% );
    bottom:0px!important;
}

body .ui-dialog.bottom-modal-navigation {
    height: calc(100% - 60px);
    width: 75%!important;
    left: 0px!important;
    transform: none!important;
}

body .ui-dialog.bottom-modal-search {
    height: calc(100% - 116px);
    bottom: 60px;
}
.ui-dialog.bottom-modal-account {
    height: calc(100% - 116px);
}
body .ui-dialog.bottom-modal-account .ui-dialog-content {
    height:100%;
}
.ui-dialog.api-form-message-modal .ui-dialog-content {
    padding:20px;
}
body .ui-dialog.bottom-modal-betslip .ui-dialog-content {
    padding: 0px;
    height: 100%;
}

body.active-bottom-modal-betslip .ui-dialog.bottom-modal-betslip {
    display: block!important;
}

body .ui-dialog.bottom-modal-bet-book .ui-dialog-content {
    padding: 50px 30px;
}
body .ui-dialog.bottom-modal-bet-book .ui-dialog-content.keyboard-on,
body .ui-dialog.bottom-modal-check-ticket .ui-dialog-content.keyboard-on{
    padding-bottom:100px;
}
body .ui-dialog.bottom-modal-check-ticket .ui-dialog-content {
     padding: 50px 30px;
}
body .ui-dialog.bottom-modal-betslip-menu {
    bottom:-100%!important;
    
}

body.active-bottom-modal-betslip-menu .ui-dialog.bottom-modal-betslip-menu,
body.active-bottom-modal-bet-book .ui-dialog.bottom-modal-bet-book,
body.active-bottom-modal-check-ticket .ui-dialog.bottom-modal-check-ticket,
body.active-bottom-modal-theme-change .ui-dialog.bottom-modal-theme-change{
    bottom:0px!important;
   
    
}
body .ui-dialog.bottom-modal-betslip-menu > div,
body .ui-dialog.bottom-modal-betslip > div,
body .ui-dialog.bottom-modal-bet-book > div,
body .ui-dialog.bottom-modal-check-ticket > div{
    transform:translateY(100vh)!important;
  
}
body.ui-overflow-hidden .ui-dialog.bottom-modal-betslip-menu > div,
body.ui-overflow-hidden .ui-dialog.bottom-modal-betslip > div,
body.ui-overflow-hidden .ui-dialog.bottom-modal-bet-book > div,
body.ui-overflow-hidden .ui-dialog.bottom-modal-check-ticket > div{
    transform:translateY(0%)!important;
    transition: transform 0.5s ease
   
}
body .ui-dialog.bottom-modal-account > div {
    transform:translateX(100vw)
}
body .ui-dialog.bottom-modal-navigation > div {
    transform:translateX(-100vw)
}
body.ui-overflow-hidden .ui-dialog.bottom-modal-account > div {
     transform:translateX(0%)!important;
    transition: transform 0.5s ease
}
body.ui-overflow-hidden .ui-dialog.bottom-modal-navigation > div {
     transform:translateX(0%)!important;
    transition: transform 0.5s ease
}
body .ui-dialog.bottom-modal-navigation {
    /* left:calc((100vw - var(--site-max-width)) / 2)!important; */
    /* transform:none!important; */
}
.mobile-large .login-view.ui-dialog {
    top:50%!important;
    left:50%!important;
    transform:translate(-50%,-50%)!important;
    max-width:400px;
    width:100%;
}
.mobile .login-view.ui-dialog {
    bottom:0px!important;
    top:unset!important;
     left:50%!important;
    transform:translate(-50%,0%)!important;
}
.betslip-menu-item {
    width: 100%
}

.betslip-menu-item > app-widget-host {
    flex-direction: row;
    padding: 12px 8px;
    align-items: center;
    font-size: 12px;
}

.betslip-menu-item .icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--c-blue-c);
    border-radius: 50%;
    margin-right: 20px;
}

.betslip-menu-item .icon img {
    width: 15px;
    height: auto;
}

.betslip-menu-item .betslip-counter {
    margin-left: 5px;
}

.betslip-menu-item .betslip-counter .bets-number {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--c-emphasis-c);
    border-radius: 50%;
    color: var(--c-blue-b);
    font-size: 0.9em;
}

.ui-dialog-mask {
    z-index: -1!important;
    background-color:black;
}
.notif-dialog ~ .ui-dialog-mask{
    z-index:1000!important;
}
.bet-book-container> app-widget-host {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bet-book-container .beto-betslip-check {
    width: 100%;
}

.bet-book-container .beto-betslip-check form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bet-book-container .beto-betslip-check input {
    width: 100%;
    min-height: 48px;
    border-radius: var(--r-md);
    border: 0;
   text-indent:10px;
    border: 2px solid var(--c-tint);
    
}

.bet-book-container .beto-betslip-check input::placeholder {
   
}

.bet-book-container .bet-book-check-label {
    padding: 15px 0px;
    font-size: 0.9em;
    /* text-transform: uppercase; */
}

.bet-book-container .beto-betslip-check button {
    margin-top: 20px;
    min-height: 40px;
    border-radius: var(--r-lg);
    background-color: var(--c-tint);
    max-width: 60%;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    color: var(--c-tint-b);
    font-size:10px;
}
.bet-book-container .beto-betslip-check .ng-valid button {
    background-color:var(--c-green);
    color:var(--c-white-e)
}
div[class*=mobile] .navigation-link-group > app-widget-host {
    flex-direction: column
}

div[class*=mobile] .navigation-link-group .navigation-link {
    margin-bottom: 8px
}

div[class*=mobile] .navigation-link-group-header {
    font-size: 13px;
    text-transform: uppercase;
    color: var(--c-white-e);
    padding: 4px 16px
}

div[class*=mobile] .navigation-link-group .navigation-link > app-widget-host {
    flex-direction: row;
    background-color: transparent;
    padding: 12px 16px;
    align-items: center;
    height: 41px;
}

div[class*=mobile] .navigation-link-group .navigation-link .icon {
    margin-right: 16px;
    width: 20px;
    height: 20px;
}

div[class*=mobile] .navigation-link-group .navigation-link .text {
    color: var(--c-white-e);
    font-size: 13px;
}

div[class*=mobile] .login .body, div[class*=mobile] .register .body {
    margin-bottom: 0px;
    min-height: calc(100vh);
    background-color: var(--c-primary-d);
    color: var(--c-white-e)
}
div[class*=mobile] .login .body .generic-form input, div[class*=mobile] .register .body .generic-form input{
    color:var(--c-black)
}
div[class*=mobile] .login-header {
    text-align: center;
    font-weight: bold;
    color: var(--c-white-e);
    font-size: 30px;
    text-transform: uppercase;
    margin-top: 100px;
    margin-bottom: 40px;
    font-style: italic;
}

div[class*=mobile] .login .beto-login input {
    height: 40px;
    border-radius: var(--r-md);
    color: var(--c-black-e);
    text-indent: 35px;
    /* max-width: 320px; */
    /* width: 100%; */
    /* margin: 0 auto; */
}

div[class*=mobile] .login .beto-login input::placeholder {
    color: var(--c-shade-b);
    text-indent: 35px
}

div[class*=mobile] .login .beto-login .form-label {
    display: none
}

div[class*=mobile] .login .beto-login .button-submit-login {
    margin: 0 auto;
    font-weight: bold;
    max-width: 182px;
    font-family: 'Roboto';
    align-items: center;
    position:relative;
    /* height: 46px; */
}
div[class*=mobile] .login .beto-login .button-submit-login i {
    color:var(--c-black-e);
   position:absolute;
    right:10px;
    top:14px;
   
    margin:0px;
    
}
div[class*=mobile] .login .beto-login .password-row {
    position: relative;
}

div[class*=mobile] .login .beto-login input#password_l {
    padding-right: 35px;
}

div[class*=mobile] .login .beto-login .icon-show-pass-container {
    display: flex;
    position: absolute;
    top: 10px;
    right: 8px;
    background-image: url(/v1.076/r/images/accessbet/icons/bx_bx-show.svg);
    width: 24px;
    height: 24px;
    background-size: 24px
}

div[class*=mobile] .login .beto-login .icon-show-pass-container i {
    color: transparent;
    width: 100%;
}

.login .beto-login input[type="text"] ~ .icon-show-pass-container {
    background-image: url(/v1.076/r/images/accessbet/icons/mdi_hide.svg);
    filter: invert(1)
}

div[class*=mobile] .login .beto-login {
    padding: 0px 35px
}
div[class*=mobile]  .beto-login .keep-me-row {
    align-items:center;
    justify-content:center
}
div[class*=mobile]  .beto-login .keep-me-row .form-element-wrapper {
    order:-1;
    width:auto;
    flex:unset;
    margin-right:10px;
}
div[class*=mobile]  .beto-login .keep-me-row input {
    width:24px;
    height:24px;
    background-color:var(--c-blue-c);
    appearance:none;
}
div[class*=mobile]  .beto-login .keep-me-row input:checked {
    background-image:url(/v1.245/r/images/accessbet/icons/material-symbols_check.svg);
    background-size:20px;
    background-repeat:no-repeat;
    background-position:center;
}
.register-instead > app-widget-host {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    font-size: 12px;
    /* font-weight:bold; */
}

.register-instead > app-widget-host .register-link, .register-instead > app-widget-host .login-button {
    margin: 0 8px;
    color: var(--c-emphasis-c)
}

.error-row {
    margin: 10px 0px
}

.deposit-button {
    background-color: var(--c-green);
    padding: 8px 16px;
    border-radius: 3px;
    font-size: 12px;
    margin-right: 30px;
    color: var(--c-white-e);
}
.select-day .view-page-sports,
.select-sport .view-page-sports,
.select-region .view-page-sports,
.market-popup-open .view-page-sports,
.select-casino div[class*="view-page-casino"],
.select-casino div[class*="view-page-livecasino"],
.select-casino div[class*="view-page-virtuals"]{
    position:fixed;
    max-height:100%;
    width:100%;
    overflow:hidden;
}
.select-sport-region .nav-sport-selector {
    width: 24px;
    height: 24px;
    order: -1;
    background-color: var(--c-tint);
    margin-right: 20px;
    border-radius: 50%;
}

.select-filter-window {
    background-color: var(--c-primary-d);
    position: fixed;
    border-top-left-radius: var(--r-lg);
    border-top-right-radius: var(--r-lg);
    bottom: -100%;
    height: 80%;
    transition: bottom .5s ease;
    z-index: 1004;
    width: 100%;
    /* max-width: 400px; */
    left: 50%;
    transform: translate(-50%, 0%);
}

.select-sport-region-filter {
    display: none;
}

.view-page-sports .select-filter-window.select-day-filter {
}
.select-day .close-modal-overlay,
.select-sport .close-modal-overlay,
.select-region .close-modal-overlay,
.market-popup-open .close-modal-overlay,
.select-casino .close-modal-overlay{
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    background-color:var(--c-black);
    z-index:100;
}
.close-modal-overlay > app-widget-host {
    width:100%;
    height:100%;
}
.select-day .view-page-sports .select-filter-window.select-day-filter,
.select-casino  .select-filter-window.select-casino-filter{
    display: block;
    bottom: 0px;
    /* width: 100%; */
    overflow: hidden;
    /* left: 50%; */
    /* transform: translate(-50%, 0%); */
    /* max-width: 400px; */
    /* height: 60%; */
}

/*.select-sport .select-filter-window .region,
.select-region .select-filter-window .sport{
    display:none
}*/
.select-filter-header > app-widget-host {
    flex-direction: row;
    flex-wrap: wrap;
    padding: 10px 5px;
    justify-content: center;
}

.select-filter-header .select-filter-title {
    width: 100%;
    order: 2;
    color: var(--c-white);
    text-align: center
}

.select-filter-header .select-filter-close {
    /* margin-left: auto; */
    width: 100%;
}
.select-filter-header .select-filter-close > app-widget-host app-image {
    margin-left: auto;
   
}
.select-filter-header .select-filter-close > app-widget-host {
     position:relative;
    min-height:24px;
}
.select-filter-header .select-filter-close > app-widget-host::before {
   content: "";
    width: 29px;
    height: 5px;
    position: absolute;
    background-color: var(--c-tint-b);
    top: 8px;
    border-radius: var(--r-lg);
    left:50%;
    transform:translate(-50%,0%)
}
.select-filter-window .dates-filter {
    background-color: transparent;
    color: var(--c-white);
    padding: 0px 30px;
}

.select-filter-window .dates-filter li {
    padding: 10px;
}

.select-filter-window .dates-filter li.selected {
    background-color: transparent;
    color: var(--c-emphasis-c)
}

.select-filter-close:not(.date), .select-filter-title:not(.date) {
    display: none;
}
.select-casino .select-filter-title.providers,
.select-casino .select-filter-close.casino{
    display:block;
    color:var(--c-black);
    text-transform:uppercase;
    font-size:12px;
}
.select-casino .select-filter-close.casino {
    filter:invert(1)
}
@media screen and (max-width: 1023px) {
    #root .view-page-sports .sports-sidebar {
        bottom:-100%;
        transition: bottom .5s ease;
        position: fixed;
        display: block;
        height: 80%;
        z-index: 103;
        left: 50%;
        transform: translate(-50%, 0%);
        /* max-width: 400px; */
        width: 100%;
        background-color: var(--c-primary-d);
        /* height: 60%; */
        overflow: hidden;
        border-top-left-radius: var(--r-lg);
        border-top-right-radius: var(--r-lg);
    }
    #root .view-page-sports .sports-sidebar app-nav {
        display:none
    }
    #root.select-sport .view-page-sports .sports-sidebar app-nav,
    #root.select-region .view-page-sports .sports-sidebar app-nav{
        display:block
    }
    #root.select-sport .select-filter-close.sport, #root.select-sport .select-filter-title.sport, #root.select-region .select-filter-close.region, #root.select-region .select-filter-title.region {
        display: block;
        width: 100%;
    }

    #root.select-sport .view-page-sports .sports-sidebar, #root.select-region .view-page-sports .sports-sidebar {
        /* display: block; */
        bottom: 0;
    }

    #root.select-sport .sports-sidebar > app-widget-host, #root.select-region .sports-sidebar > app-widget-host {
        padding: 0px;
    }

    #root .sports-sidebar .sports-time-filter-container, #root.select-region .sports-sidebar .sports-time-filter-container {
        display: none;
    }

    #root.select-sport .sports-sidebar form {
        display: none;
    }

    #root.select-sport .sports-sidebar .navbar-sports-filter-wrapper ul {
        display: flex;
        flex-direction: column;
        background-color: transparent;
        padding: 0px 20px;
        overflow: auto;
    }

    #root.select-sport .sports-sidebar .navbar-sports-filter-wrapper ul li {
        display: flex;
        flex-direction: row;
        height: auto;
        justify-content: flex-start;
        background-color: transparent;
    }

    #root.select-sport .sports-sidebar .navbar-sports-filter-wrapper ul li::before {
        content: "";
        width: 18px;
        height: 18px;
        background-color: var(--c-blue-d);
        border-radius: 50%;
        margin-right: 25px;
    }

    #root.select-sport .sports-sidebar .navbar-sports-filter-wrapper ul li.selected::before {
        background-color: var(--c-emphasis-c);
        background-image: url(/v1.107/r/images/accessbet/icons/ba-tick_black.svg);
        background-size: 18px;
    }

    #root.select-sport .sports-sidebar .navbar-sports-filter-wrapper ul li .navbar-sports-counter {
        display: none;
    }

    #root.select-sport .sports-sidebar .navbar-sports-filter-wrapper ul li span:not(.icon-sport) {
        font-size: 15px;
        color: var(--c-text-light);
    }

    #root.select-sport .sports-sidebar .navbar-sports-filter-wrapper ul li .icon-sport {
        width: 16px;
        height: 16px;
        background-size: 16px;
        margin-bottom: 0;
        margin-right: 12px;
    }

    #root.select-sport .sports-sidebar app-nav, #root.select-region .sports-sidebar app-nav {
        height: calc(80vh - 64px);
        /* display: flex; */
        overflow: auto;
        width: 100%;
    }

    #root.select-region .sports-sidebar app-nav {
        height: calc(80vh - 124px);
    }

    #root.select-region .sports-sidebar .navbar-sports-filter-wrapper .navbar-sports-filter-tabs {
        display: none;
    }

    #root.select-region .sports-sidebar .nav-category, #root.select-region .sports-sidebar .nav-category-panel {
        background-color: transparent;
    }

    #root.select-region .sports-sidebar .nav-featured-subwrapper, #root.select-region .sports-sidebar .nav-featured-panel {
        background-color: transparent;
    }

    #root.select-region .sports-sidebar .nav-favorites-subwrapper, #root.select-region .sports-sidebar .nav-favorites-panel {
        background-color: transparent;
    }

    #root.select-region .sports-sidebar .nav-tournament {
        background-color: transparent;
    }

    #root.select-region .sports-sidebar .nav-feature {
        background-color: transparent;
    }

    #root.select-region .sports-sidebar .nav-favorite {
        background-color: transparent;
    }

    
    #root.select-region .sports-sidebar .nav-featured-counter,
    #root.select-region .sports-sidebar .navbar-section-counter,
    #root.select-region .sports-sidebar .nav-tournament-counter {
        display: none;
    }

    #root.select-region .sports-sidebar .nav-tournament::before, #root.select-region .sports-sidebar .nav-favorite::before, #root.select-region .sports-sidebar .nav-feature::before, #root.select-region .sports-sidebar .nav-category-toggle, #root.select-region .sports-sidebar .nav-featured-toggle, #root.select-region .sports-sidebar .nav-favorites-toggle {
        display: none!important;
    }

    #root.select-region .sports-sidebar .nav-tournament, #root.select-region .sports-sidebar .nav-favorite, #root.select-region .sports-sidebar .nav-feature {
        padding: 0px;
    }

    #root.select-region .sports-sidebar .nav-tournament-favorite, #root.select-region .sports-sidebar .nav-feature-favorite, #root.select-region .sports-sidebar .nav-favorite-icon, #root.select-region .sports-sidebar .nav-favorites-icon, #root.select-region .sports-sidebar .nav-category-icon {
        display: none;
    }

    #root.select-region .sports-sidebar .nav-tournament input, #root.select-region .sports-sidebar .nav-category input, #root.select-region .sports-sidebar .nav-feature input, #root.select-region .sports-sidebar .nav-featured-header input, #root.select-region .sports-sidebar .nav-favorite input, #root.select-region .sports-sidebar .nav-favorites-header input {
        min-width: 20px;
        height: 20px;
        border: 0px;
        border-radius: 50%;
        background-size: 20px;
        order: -1;
        margin-left: unset;
        margin-right: 8px;
        background-color:var(--c-blue-c)
    }
    #root.select-region .sports-sidebar .nav-category input,
    #root.select-region .sports-sidebar .nav-featured-header input{
        display:none;
    }
    #root.select-region .sports-sidebar .nav-category-wrapper, #root.select-region .sports-sidebar .nav-featured-subwrapper, #root.select-region .sports-sidebar .nav-favorites-subwrapper {
        display: flex;
        flex-direction: row;
        
        /* align-items: center; */
    }

    #root.select-region .sports-sidebar .nav-category, #root.select-region .sports-sidebar .nav-category-panel, #root.select-region .sports-sidebar .nav-featured-header, #root.select-region .sports-sidebar .nav-featured-panel, #root.select-region .sports-sidebar .nav-favorites-header, #root.select-region .sports-sidebar .nav-favorites-panel {
        width: 50%;
        padding-bottom: 0px;
        /* */
    }
 #root.select-region .sports-sidebar .nav-category.active ~ .nav-category-panel,
     #root.select-region .sports-sidebar .nav-featured-header.expanded ~ .nav-featured-panel{
      position: absolute;
      top: 74px;
      right:0;
      height: calc(100% - 130px);
      overflow: auto;
 }
    #root.select-region .sports-sidebar .nav-tournament-name, #root.select-region .sports-sidebar .nav-feature-name, #root.select-region .sports-sidebar .nav-favorite-name {
        width: 100%;
        color: var(--c-white-e);
    }

    #root.select-region .sports-sidebar .nav-favorites-header, #root.select-region .sports-sidebar .nav-featured-header, #root.select-region .sports-sidebar .nav-category {
        border-right: 1px solid var(--c-blue-d);
        height: auto;
        min-height: 35px;
        /* order: 1; */
        /* float: left; */
        color: var(--c-white-e);
        border-bottom: 0;
        margin-bottom: 0px;
    }
     #root.select-region .sports-sidebar .nav-favorites-header {
         display:none!important;
     }
    #root.select-region .sports-sidebar .nav-category,
    #root.select-region .sports-sidebar .nav-featured-header{
        padding-left:30px;
    }
     #root.select-region .sports-sidebar .nav-category > *,
    #root.select-region .sports-sidebar .nav-featured-header > *{
        pointer-events:none;
    }
    #root.select-region .sports-sidebar .nav-featured-icon {
        display: none;
    }

    #root.select-region .sports-sidebar .nav-sport.active {
        display: none!important;
    }

    #root.select-region .sports-sidebar .league-select-go {
        position: absolute;
        bottom: 0px;
        top: unset;
        width: 100%;
        margin: 0px;
        height: 60px;
        justify-content: center;
    }

    #root.select-region .sports-sidebar .league-select-go .nav-submit-go {
        font-size: 12px;
        font-weight: bold;
    }

    #root.select-region .sports-sidebar .league-select-go .nav-submit-button {
        height: 34px;
        max-width: 104px;
        width: 100%;
        color: var(--c-black);
        background-color: var(--c-emphasis-c);
        order: 3;
        border-radius: 15px;
    }

    #root.select-region .sports-sidebar .league-select-go .nav-reset-button {
        height: 34px;
        max-width: 104px;
        width: 100%;
        border-radius: 15px;
        background-color: var(--c-white-e);
        border: 1px solid var(--c-green);
        background-image: none;
        font-size: 12px;
        color: var(--c-green);
        font-weight: bold;
        text-transform: uppercase;
        s }

    #root.select-region .sports-sidebar .league-select-go .nav-submit-number {
        display: none;
    }

    #root.select-region .sports-sidebar .league-select-go .nav-submit-button span::before, #root.select-region .sports-sidebar .league-select-go .nav-submit-button span::after {
        display: none;
    }
    #root.select-region .sports-sidebar .nav-category-wrapper.has-selections .nav-category-name {
        color:var(--c-emphasis-c)
    }
    #root.select-region .sports-sidebar .nav-sport-panel {
       
        /* display:flex; */
        /* flex-direction:row; */
        /* flex-wrap:wrap; */
    }
    #root.select-region  .nav-featured-wrapper {
        margin-bottom:0px;
        position: unset;
    }
    #root.select-region  .nav-featured-wrapper::after {
        display:none;
    }
    #root.select-region .league-select-page form {
        background-color:var(--c-primary-d)
    }
    
}

.box-filter .sports-filter li {
    flex-direction: column;
    padding: 8px;
    min-width: 68px;
    max-width: 68px;
    height: 63px;
    justify-content: center;
    background-color: var(--c-blue-d);
    border-radius: var(--r-md);
    margin-top: 5px;
}

.box-filter .sports-filter li span {
    color: var(--c-white-e);
    white-space: normal;
    line-height: 11px;
    font-size: 11px;
    overflow: unset;
    text-align: center;
}

.box-filter .sports-filter li .icon-sport {
    margin-right: 2px;
    filter: saturate(0);
    width: 24px;
    height: 24px;
}

#root .box-filter .sports-filter .matches-counter {
    right: 5px;
    top: 2px;
    background-color: transparent;
    color: var(--c-white)
}

.box-filter .sports-filter {
    background-color: var(--c-primary-d);
    
}

.box-filter .sports-filter li.selected {
    background-color: var(--c-green)
}

.live-page .sports-filter {
    /* background-color: transparent; */
    padding-top: 10px;
}

div[class*=mobile].view-page-live .header-bottom-menu {
    display: none;
}

div[class*=mobile].view-page-sports-today .header-bottom-menu,
div[class*=mobile].view-page-sports-query .header-bottom-menu{
    display: none;
}

div[class*=mobile] .main-coupon-v1 .sports-coupon .events-item-wrapper.itm-has-tpl {
    flex-wrap: wrap;
}

div[class*=mobile] .main-coupon-v1 .sports-coupon .events-item-wrapper.itm-has-tpl .match-markets-wrapper {
    width: 100%;
    padding: 0;
    /* padding-bottom:10px; */
    padding-right: 5px;
    max-width: 100%;
}

div[class*=mobile] .main-coupon-v1 .sports-coupon .events-item-wrapper.itm-has-tpl app-l-cpn-market-alternatives {
    width: 100%;
}

.cls-tpl-mobiletemplate .template-rows-wrapper {
    display: flex;
    flex-direction: column
}

.cls-tpl-mobiletemplate .template-rows-wrapper .template-row-wrapper, .cls-tpl-mobiletemplate .template-rows-wrapper .template-row-wrapper .market-template-row {
    display: flex;
    width: 100%;
}
.mobile .market-code-12000 .cls-tpl-mobiletemplate .template-rows-wrapper .template-row-wrapper .market-template-row {
    flex-direction:column;
}
.mobile .market-code-12000 .cls-tpl-mobiletemplate .template-rows-wrapper .template-row-wrapper .market-template-row .item-cell:not(:last-child) {
    margin-right:0px;
}
.mobile .market-code-12102 .cls-tpl-mobiletemplatexl .template-rows-wrapper .template-row-wrapper .market-template-row {
    flex-direction:column;
}
.mobile .market-code-12102 .cls-tpl-mobiletemplatexl .template-rows-wrapper .template-row-wrapper .market-template-row .item-cell:not(:last-child) {
    margin-right:0px;
}
app-market-template {
    width: 100%;
}

.match-market-template {
    width: 100%;
}

.match-market-template .template-rows-wrapper .template-row-wrapper .market-template-row .item-cell:not(.empty-cell) {
    flex: 1;
    margin-bottom: 10px
}

.match-market-template .template-rows-wrapper .template-row-wrapper .market-template-row .item-cell:not(.empty-cell):not(:last-child) {
    margin-right: 10px
}

.match-market-template .template-rows-wrapper .template-row-wrapper .market-template-row .item-cell .match-odd {
    width: 100%;
}

body .match-market-template .template-rows-wrapper .template-row-wrapper .market-template-row .item-cell .match-odd .selection-opt-label {
    width: 50%;
    order: -1;
    font-weight: 400;
    font-size: 10px;
    line-height: 1;
    display:flex;
    align-items:center;
    justify-content:center;
}
body .match-market-template .template-rows-wrapper .template-row-wrapper .market-template-row .item-cell .match-odd.odd-locked .selection-opt-label {
    display:none;
}
body div[class*=mobile] .main-coupon-v1 .sports-coupon .match-markets-wrapper .match-market.market-tpl-cls-mobiletemplate {
    width: 100%;
}

body#root .match-market-template .template-rows-wrapper .template-row-wrapper .market-template-row .item-cell .match-odd .odd {
    width: 50%;
    flex: unset;
}

.template-rows-wrapper .template-row-wrapper .market-template-row .item-cell .locked-odd {
    padding: 0;
    border: 0;
    color: var(--c-blue);
    background-color: var(--c-emphasis);
    display: flex;
    font-size: 12px;
    font-weight: 600;
    line-height: 40px;
    text-align: center;
    width: 100%;
    height: 41px;
    margin-right: 3px;
    cursor: pointer;
    background-image: url(/v1.096/r/images/accessbet/icons/uil_lock.svg);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 6px;
}

.template-rows-wrapper .template-row-wrapper .market-template-row .item-cell .locked-odd .placeholder-optional-label {
    order: -1;
    width: 50%;
    text-align: center;
    display: none;
}

.template-rows-wrapper .template-row-wrapper .market-template-row .item-cell .locked-odd .empty-cell-locked {
    width: 50%;
    display: none;
}

.template-rows-wrapper .template-row-wrapper .market-template-row .item-cell .empty-cell {
    display: none;
}

.hide-on-small {
    display: none;
}

.multiple-specials-template-wrapper .cls-tpl-mobiletemplate .template-rows-wrapper {
    flex-direction: row;
    align-items: center;
}

.multiple-specials-template-wrapper .match-market-wrapper {
    display: flex;
    flex-direction: column;
}

.multiple-specials-template-wrapper .match-market-wrapper .special-value {
    height: 40px;
    display: flex;
    align-items: center;
    min-width: 70px;
    margin-bottom: 10px;
    justify-content: center;
}

.cls-head-tpl-mobiletemplate .mt-special {
    display: none;
}
.cls-tpl-mobiletemplatexl  .template-rows-wrapper {
    display:flex;
    flex-wrap:wrap;
    padding:0px;
}
.cls-tpl-mobiletemplatexl  .template-row-wrapper,
.cls-tpl-mobiletemplatexl  .market-template-row{
    display:contents
}
#root .cls-tpl-mobiletemplatexl.market-template--allanytime-correct-score .item-cell:not(.empty-cell),
#root .cls-tpl-mobiletemplatexl.market-plc-template--allanytime-correct-score .item-cell:not(.empty-cell),
#root .cls-tpl-mobiletemplatexl.market-template--all1x2-and-multigoal .item-cell:not(.empty-cell),
#root .cls-tpl-mobiletemplatexl.market-plc-template--all1x2-and-multigoal .item-cell:not(.empty-cell){
    width:calc(25% - 7.5px);
    flex:unset;
}
#root div[class*=mobile] .cls-tpl-mobiletemplatexl .item-cell .match-odd {
    width:100%;
}
#root .item-info-wrapper.market-code-201,
#root .item-info-wrapper.market-code-389,
#root .item-info-wrapper.market-code-235,
#root .item-info-wrapper.market-code-13502,
#root .item-info-wrapper.market-code-13503,
#root .item-info-wrapper.market-code-13504,
#root .item-info-wrapper.market-code-13505,
#root .item-info-wrapper.market-code-10198{
    width:100%;
}
#root .item-info-wrapper.market-code-201 ~ .match-markets-wrapper,
#root .item-info-wrapper.market-code-389 ~ .match-markets-wrapper,
#root .item-info-wrapper.market-code-235 ~ .match-markets-wrapper,
#root .item-info-wrapper.market-code-13502 ~ .match-markets-wrapper,
#root .item-info-wrapper.market-code-13503 ~ .match-markets-wrapper,
#root .item-info-wrapper.market-code-13504 ~ .match-markets-wrapper,
#root .item-info-wrapper.market-code-13505 ~ .match-markets-wrapper,
#root .item-info-wrapper.market-code-10198 ~ .match-markets-wrapper{
    width:100%;
    padding: 10px 0 10px;
    max-width: 100%;
}
#root .item-info-wrapper.market-code-201 ~ .match-markets-wrapper .match-market,
#root .item-info-wrapper.market-code-389 ~ .match-markets-wrapper .match-market,
#root .item-info-wrapper.market-code-235 ~ .match-markets-wrapper .match-market,
#root .item-info-wrapper.market-code-13502 ~ .match-markets-wrapper .match-market,
#root .item-info-wrapper.market-code-13503 ~ .match-markets-wrapper .match-market,
#root .item-info-wrapper.market-code-13504 ~ .match-markets-wrapper .match-market,
#root .item-info-wrapper.market-code-13505 ~ .match-markets-wrapper .match-market,
#root .item-info-wrapper.market-code-10198 ~ .match-markets-wrapper .match-market{
    width:100%;
}
#root .item-info-wrapper.market-code-201 ~ .match-markets-wrapper .match-market-wrapper,
#root .item-info-wrapper.market-code-389 ~ .match-markets-wrapper .match-market-wrapper,
#root .item-info-wrapper.market-code-235 ~ .match-markets-wrapper .match-market-wrapper,
#root .item-info-wrapper.market-code-13502 ~ .match-markets-wrapper .match-market-wrapper,
#root .item-info-wrapper.market-code-13503 ~ .match-markets-wrapper .match-market-wrapper,
#root .item-info-wrapper.market-code-13504 ~ .match-markets-wrapper .match-market-wrapper,
#root .item-info-wrapper.market-code-13505 ~ .match-markets-wrapper .match-market-wrapper,
#root .item-info-wrapper.market-code-10198 ~ .match-markets-wrapper .match-market-wrapper{
    flex-wrap:wrap;
}
#root .item-info-wrapper.market-code-201 ~ .match-markets-wrapper .match-market-wrapper .match-odd,
#root .item-info-wrapper.market-code-389 ~ .match-markets-wrapper .match-market-wrapper .match-odd,
#root .item-info-wrapper.market-code-235 ~ .match-markets-wrapper .match-market-wrapper .match-odd,
#root .item-info-wrapper.market-code-13502 ~ .match-markets-wrapper .match-market-wrapper .match-odd,
#root .item-info-wrapper.market-code-13503 ~ .match-markets-wrapper .match-market-wrapper .match-odd,
#root .item-info-wrapper.market-code-13504 ~ .match-markets-wrapper .match-market-wrapper .match-odd,
#root .item-info-wrapper.market-code-13505 ~ .match-markets-wrapper .match-market-wrapper .match-odd,
#root .item-info-wrapper.market-code-10198 ~ .match-markets-wrapper .match-market-wrapper .match-odd{
    width:calc(50% - 6px);
    margin-bottom:6px;
}
#root .item-info-wrapper.market-code-201 ~ .match-markets-wrapper .match-market-wrapper .match-odd:not(.odd-locked) .mobile-outcome,
#root .item-info-wrapper.market-code-389 ~ .match-markets-wrapper .match-market-wrapper .match-odd:not(.odd-locked) .mobile-outcome,
#root .item-info-wrapper.market-code-235 ~ .match-markets-wrapper .match-market-wrapper .match-odd:not(.odd-locked) .mobile-outcome,
#root .item-info-wrapper.market-code-13502 ~ .match-markets-wrapper .match-market-wrapper .match-odd:not(.odd-locked) .mobile-outcome,
#root .item-info-wrapper.market-code-13503 ~ .match-markets-wrapper .match-market-wrapper .match-odd:not(.odd-locked) .mobile-outcome,
#root .item-info-wrapper.market-code-13504 ~ .match-markets-wrapper .match-market-wrapper .match-odd:not(.odd-locked) .mobile-outcome,
#root .item-info-wrapper.market-code-13505 ~ .match-markets-wrapper .match-market-wrapper .match-odd:not(.odd-locked) .mobile-outcome,
#root .item-info-wrapper.market-code-10198 ~ .match-markets-wrapper .match-market-wrapper .match-odd:not(.odd-locked) .mobile-outcome{
    display:flex;
    margin:unset;
   margin-right:8px;
}
#root .item-info-wrapper.market-code-201 ~ .match-markets-wrapper .match-market-wrapper .match-odd .odd,
#root .item-info-wrapper.market-code-389 ~ .match-markets-wrapper .match-market-wrapper .match-odd .odd,
#root .item-info-wrapper.market-code-235 ~ .match-markets-wrapper .match-market-wrapper .match-odd .odd,
#root .item-info-wrapper.market-code-13502 ~ .match-markets-wrapper .match-market-wrapper .match-odd .odd,
#root .item-info-wrapper.market-code-13503 ~ .match-markets-wrapper .match-market-wrapper .match-odd .odd,
#root .item-info-wrapper.market-code-13504 ~ .match-markets-wrapper .match-market-wrapper .match-odd .odd,
#root .item-info-wrapper.market-code-13505 ~ .match-markets-wrapper .match-market-wrapper .match-odd .odd,
#root .item-info-wrapper.market-code-10198 ~ .match-markets-wrapper .match-market-wrapper .match-odd .odd{
    flex-direction:row;
}
.mt-type-389.market-header,
.mt-type-13502.market-header,
.mt-type-13503.market-header,
.mt-type-13504.market-header,
.mt-type-13505.market-header,
.mt-type-10198.market-header{
    display:none;
}
.forgot-password .body,
.password-success .body{
    padding:0 30px;
} 
#root .sport-link .sports-filter {
    height:100%;
    padding:0px;
}
.sport-link .sports-filter li .icon-sport {
    display:none
}
#root .sport-link .sports-filter li .matches-counter {
    position:unset;
    background-color:transparent;
    color: var(--c-text-light);
    font-size:12px;
    padding:0px;
    margin-left:5px;
}
#root .sport-link .sports-filter li span:not(.icon-sport):not(.matches-counter) {
    display:none;
}
#root .sport-link .sports-filter li .matches-counter::before {
    content:"(";
}
#root .sport-link .sports-filter li .matches-counter::after {
    content:")"
}
.ct-outrights-0 .sport-link.outrights {
    display:none;
}
.ct-live-0 .sport-link.live {
    display:none;
}
.sport-link {
    position:relative;
}
.sport-link .sports-filter li::before {
    position:absolute;
    top:0px;
    left:0px;
    height:100%;
    width:100%;
    content:"";
    z-index:1
}
.sport-link .sports-filter li {
    margin:0px;
    background-color:transparent;
    width:100%;
    height:100%;
    min-height:unset;
    position: unset;
}
.sport-link .sports-filter li:not(.selected) {
    display:none;
    
} 





#root .mobile .main-coupon-v1 .sports-coupon .match-sport-tennis .match-info {
    width: calc(100% - 85px);
}

#root .mobile .beto-sports-coupon:not(.match-carousel-block) .sports-coupon .events-sport-wrapper .match-sport-tennis.events-item-wrapper .item-info-wrapper > .match-live-info{
    margin-right: 10px;
    justify-content: right
}
#root .mobile .beto-sports-coupon:not(.match-carousel-block) .sports-coupon .events-sport-wrapper .match-sport-tennis.events-item-wrapper .item-info-wrapper > .match-live-info .match-score-server-set-wrapper{
    margin: 0;
    display: flex;
    flex-direction: row;
}
#root .mobile .beto-sports-coupon:not(.match-carousel-block) .events-sport-wrapper .match-sport-tennis.events-item-wrapper .item-info-wrapper > .match-live-info .match-game-score,
#root .mobile .beto-sports-coupon:not(.match-carousel-block) .events-sport-wrapper .match-sport-tennis.events-item-wrapper .item-info-wrapper > .match-live-info .match-set-scores{
    display: flex;
    text-align: center;
    padding: 3px 5px;
    flex-direction: column;
    gap: 4px
}
#root .mobile .beto-sports-coupon:not(.match-carousel-block) .events-sport-wrapper .match-sport-tennis.events-item-wrapper .item-info-wrapper > .match-live-info .match-game-score{
    order: 100
}


#root .mobile .beto-sports-coupon:not(.match-carousel-block) .events-sport-wrapper .match-sport-tennis.events-item-wrapper .item-info-wrapper > .match-live-info .match-score{
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 3px 5px
}
#root .mobile .beto-sports-coupon:not(.match-carousel-block) .events-sport-wrapper .match-sport-tennis.events-item-wrapper .item-info-wrapper > .match-live-info .match-score > div{
    margin: 0;
    background-color: var(--c-green);
    color: var(--c-primary);
    border-radius: 4px;
    padding: 1px 2px
}
#root .mobile .beto-sports-coupon:not(.match-carousel-block) .events-sport-wrapper .match-sport-tennis.events-item-wrapper .item-info-wrapper > .match-live-info .match-score:before{
    content: "S";
    color: var(--c-green);
    font-weight: bold;
    font-size: 15px;
    line-height: 13px;
}
#root .mobile .beto-sports-coupon:not(.match-carousel-block) .events-sport-wrapper .match-sport-tennis.events-item-wrapper .item-info-wrapper > .match-live-info .match-game-score:before{
    content: "P";
    color: var(--c-green);
    font-weight: bold;
    font-size: 15px;
    line-height: 13px;
}
#root .mobile .beto-sports-coupon:not(.match-carousel-block) .events-sport-wrapper .match-sport-tennis.events-item-wrapper .item-info-wrapper > .match-live-info .match-set-scores:before{
     content: "G";
     color: var(--c-green);
    font-weight: bold;
    font-size: 15px;
    line-height: 13px;        
}

#root .mobile .beto-sports-coupon:not(.match-carousel-block) .events-sport-wrapper .match-sport-tennis.events-item-wrapper .item-info-wrapper > .match-live-info .match-game-score .match-game-scores-wrapper{
     color: var(--c-green);
    font-weight: bold;
    font-size: 15px;
    line-height: 13px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
#root .mobile .beto-sports-coupon:not(.match-carousel-block) .events-sport-wrapper .match-sport-tennis.events-item-wrapper .item-info-wrapper > .match-live-info .match-game-score .match-game-scores-wrapper > div{
    padding: 1px 0
}
#root .mobile .beto-sports-coupon:not(.match-carousel-block) .events-sport-wrapper .match-sport-tennis.events-item-wrapper .item-info-wrapper > .match-live-info .match-set-scores .set-score{
     display: none
}
#root .mobile .beto-sports-coupon:not(.match-carousel-block) .events-sport-wrapper .match-sport-tennis.events-item-wrapper .item-info-wrapper > .match-live-info .match-set-scores .set-score:last-child{
     color: var(--c-green);
    font-weight: bold;
    font-size: 15px;
    line-height: 13px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 3px 5px
}
#root .mobile .events-sport-wrapper .match-sport-tennis.events-item-wrapper .item-info-wrapper > .match-live-info .match-set-scores .set-score:last-child > div{
}