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

div[class*=mobile] .body > app-widget-host {
    flex-direction: column;
    background-color: var(--body-footer-color);
}

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(--body-footer-color);
    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;
    display: 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: 150px;
}
#root .mobile .header .logo-img{
    width: auto;
}
#root .mobile .header .logo-section{
    max-width: min-content
}
#root .mobile .header .logo-img > img{
    min-width: 100px
}
div[class*=mobile] .header .logo-img > img {
    max-width: 100%;
    height: auto;
}

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%
}
.mobile .header .lang .ui-dropdown .ui-dropdown-trigger{
    display: none
}
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.190/r/images/site/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;
    background: hsla(163, 25%, 19%, 1);
    
}
#root .search-dropdown li#p-highlighted-option{
    background-color: var(--primary-divider-color);
}
.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;
     display: none
}
.sports-search-modal > app-widget-host {
    display:flex;
    align-items:center;
}
.sports-search-modal .search-text {
    /* width:13px; */
}

.mobile .header-search{
     background: hsla(0deg, 1%, 16%, 1);
    background: linear-gradient(0deg, hsla(180, 1%, 16%, 1) 0%, hsla(166, 100%, 16%, 1) 100%);
    background: -moz-linear-gradient(0deg, hsla(180, 1%, 16%, 1) 0%, hsla(166, 100%, 16%, 1) 100%);
    background: -webkit-linear-gradient(0deg, hsla(180, 1%, 16%, 1) 0%, hsla(166, 100%, 16%, 1) 100%);
}
.mobile .header-search span.ui-autocomplete{
    display: flex;
    padding: 8px 0;
    justify-content: center
}
body#root div[class*=mobile] .header-search .ui-autocomplete .ui-autocomplete-input{
    width: 80%;
    margin: 0 auto;
    background: hsla(164, 15%, 25%, 1);
    background: linear-gradient(0deg, hsla(164, 15%, 25%, 1) 20%, hsla(168, 36%, 23%, 1) 100%);
    background: -moz-linear-gradient(0deg, hsla(164, 15%, 25%, 1) 20%, hsla(168, 36%, 23%, 1) 100%);
    background: -webkit-linear-gradient(0deg, hsla(164, 15%, 25%, 1) 20%, hsla(168, 36%, 23%, 1) 100%);
    border: 0;
    border-radius: 20px
}

.header-search .ui-autocomplete .ui-autocomplete-panel{
    top: 42px!important;
    left: 0!important;
}

/*****************************
      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-background);
    height: 63px;
    display: flex;
    position: relative;
}

.fixed-menu .betslip.tab > app-widget-host {
    padding: 8px;
    align-items: center;
    justify-content: center
}

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

/*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-img:before {
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    width: 25px;
    height: 25px
}
.fixed-menu .menu .tab-img:before {
    background-image: url(/v1.5604/r/images/site/bar/menu.png)
}
body:has(.bottom-modal-navigation) .fixed-menu .menu .tab-img:before {
    background-image: url(/v1.5604/r/images/site/bar/menu.png)
}
.fixed-menu .betslip .tab-img:before {
    background-image: url(/v1.5604/r/images/site/bar/betslip.png)
}
.active-bottom-modal-betslip-menu .fixed-menu .betslip .tab-img:before {
    background-image: url(/v1.5604/r/images/site/bar/betslip.png)
}
.fixed-menu .home .tab-img:before {
    background-image: url(/v1.5604/r/images/site/bar/homebutton.png)
}
.home-active .fixed-menu .home .tab-img:before {
    background-image: url(/v1.5604/r/images/site/bar/homebutton.png)
}
.fixed-menu .open-bets .open-bets-img:before {
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    width: 25px;
    height: 25px;
    background-image: url(/v1.5604/r/images/site/menu/checkbetslip.png)
}
.view-page-bet-open  .fixed-menu .open-bets .open-bets-img:before {
    background-image: url(/v1.5604/r/images/site/menu/checkbetslip.png)

}
.fixed-menu .account-page .tab-img:before {
    background-image: url(/v1.5604/r/images/site/bar/user.png)
}
[class*="view-page-account"] .fixed-menu .account-page .tab-img:before{
    background-image: url(/v1.5604/r/images/site/bar/user.png)
}

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

.fixed-menu .title {
    color: var(--body-footer-color); 
    font-size: 15px
}

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(--primary-info-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    top: 5px;
    right: 15px;
    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(--body-footer-color);
    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(--body-footer-color);
    border-radius:20px;
    height:28px;
    color:var(--color-white);
}
.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-jackpot {
    position:relative;
}
.header-top-menu li.cms-menu-jackpot::before {
    content:"NEW";
    position:absolute;
    top:-2px;
    right:-20px;
    font-size:8px;
    line-height:8px;
    padding:2px 4px;
    background-color:var(--primary-info-color);
    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: hsla(0deg, 1%, 16%, 1);
    background: linear-gradient(0deg, hsla(180, 1%, 16%, 1) 0%, hsla(166, 100%, 16%, 1) 100%);
    background: -moz-linear-gradient(0deg, hsla(180, 1%, 16%, 1) 0%, hsla(166, 100%, 16%, 1) 100%);
    background: -webkit-linear-gradient(0deg, hsla(180, 1%, 16%, 1) 0%, hsla(166, 100%, 16%, 1) 100%);

}


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

.header-bottom-menu .tab {
    text-align: center;
    flex: 1;
    padding: 0 10px
}

.header-bottom-menu .tab:not(:last-child) {
    flex: 1;
    padding: 0 10px
}
.header-bottom-menu .tab.e-sports {
    margin-right:0px;
    background-image:none
}
.header-bottom-menu .tab .title {
    white-space: nowrap;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
}

.header-bottom-menu .tab > app-widget-host {
    justify-content: center;
    align-items: center;
    height: 100%;
}
.header-bottom-menu .tab .title,
.header-bottom-menu app-widget-host::before{
    color: var(--c-primary);
}
.header-bottom-menu .tab-soccer app-widget-host::before {
    font-family: 'BIF';
    font-size: 20px;
    content: "\e9f3";
    margin-bottom: 10px;
}

.header-bottom-menu .today app-widget-host::before {
    font-family: 'BIF';
    font-size: 20px;
    content: "\e924";
    margin-bottom: 10px;
}

.header-bottom-menu .live app-widget-host::before {
    font-family: 'BIF';
    font-size: 20px;
    content: "\e956";
    margin-bottom: 10px;
   
}
.view-page-app .header-bottom-menu .live app-widget-host::before{
    display: none
}
 @media only screen and (max-width: 1000px){
 .header-bottom-menu .live app-widget-host::before{
     display: none
 }
 }

.header-bottom-menu app-widget-host .kiron app-widget-host::before { 
    font-family: 'BIF';
    font-size: 20px;
    content: "\ea62";
    margin-bottom: 10px;
}

.header-bottom-menu app-widget-host .aviator app-widget-host::before { 
    font-family: 'BIF';
    font-size: 20px;
    content: "\ea62";
    margin-bottom: 10px;
}

.header-bottom-menu app-widget-host .e-sports app-widget-host::before { 
    font-family: 'BIF';
    font-size: 20px;
    content: "\ea62";
    margin-bottom: 10px;
}

/* .header-bottom-menu .predict4me app-widget-host::before {
    font-family: 'BIF';
    font-size: 20px;
    content: "\e9f3";
    margin-bottom: 10px;
} */

.header-bottom-menu .open-bets app-widget-host::before {
    font-family: 'BIF';
    font-size: 20px;
    content: "\e947";
    margin-bottom: 10px;
    
}

.header-bottom-menu .menu app-widget-host::before {
    font-family: 'BIF';
    font-size: 20px;
    content: "\e932";
    margin-bottom: 10px;
}

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

.header-bottom-menu .tab .tab-image img {
    width: 100%;
    height: auto;
    display: none; 
}
.header-bottom-menu .tab .tab-image{
    display: none
}
@media only screen and (max-width: 1000px){
    .header-bottom-menu .tab .tab-image img,
    .header-bottom-menu .tab .tab-image{

        
        
    }
}


.header-bottom-menu .ucl .tab-image {
    display: block;
    width: 20px;
    height: 20px;
    margin-bottom: 10px;
}

.header-bottom-menu .epl .tab-image {
    display: block;
    width: 20px;
    height: 20px;
    margin-bottom: 10px;
}

.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(--primary-info-color);
    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 Left Navigation
******************************/

.mobile .navigation .sports-sidebar{
    display: block
}
.mobile .navigation .sports-sidebar .league-select-page{
    width: inherit
}
.mobile .navigation .league-select-page form{
    /* border-radius: 20px; */
    overflow: hidden;
    background-color: var(--c-background)
}
#root .mobile .sports-select-page .nav-featured-toggle{
    filter: unset
}
.mobile .navigation .navbar-sports-filter-wrapper ul{
    max-width: 100%;
    background-color: var(--primary-divider-color);
    display: none
}
.mobile .navigation .sports-sidebar .league-select-page .nav-sport{
    width: 100%;
    top: -5px;
    display: none !important
}
.mobile .navigation .sports-sidebar .league-select-go{
    top: 50px;
    display: none
}
.mobile .navigation .league-select-page form .nav-tournament{
    height: auto;
    min-height: 40px
}
.mobile .navigation .league-select-page form .nav-tournament-name{
    font-size: 12px;
    font-weight: normal
}
.mobile .navigation .league-select-page form .nav-category-name{
    font-size: 12px;
    line-height: 1;
    font-weight: bold;
    color: var(--c-primary)
}
.mobile .sports-select-page .navbar-section-counter{
    color: var(--c-primary)
}
/*****************************
     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;
}

.form-row:has(.password) .form-element-error-wrapper:nth-last-child(2){
}

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);
    padding-left: 35px;
    width: 100%;
    background-image: url(/v1.5604/r/images/site/icons/Flag_of_Guinea-Bissau.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 10px center
}

/*****************************
     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] .generic-form .form-row .form-element-wrapper .field-hint{
    margin-top: 5px
}
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%;
    color: var(--c-black-e)
}

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

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(--primary-divider-color);
    /* font-family:'AvenirNextLTPro'; */
}
.mobile .sort-by-container + .beto-sports-coupon, 
.mobile .dark-container + .beto-sports-coupon{
   margin-top: -85px; 
}
.mobile.view-page-sports-query .sort-by-container + .beto-sports-coupon{
    margin-top: 0
}
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 hsla(0, 0%, 100%, .1);
    flex-wrap: wrap;
    width: 100%;
    /* overflow: hidden; */
}
#root .mobile .main-coupon-v1 .sports-coupon .events-item-wrapper{
    padding: 0;
    min-height: 80px;
}
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: 20px;
    justify-content: flex-end;
    /* width: 150px; */
    flex: unset;
    margin-left: auto;
}

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

div[class*=mobile] .main-coupon-v1 .sports-coupon .tournament-header-wrapper {
    padding: 5px 12px;
    align-items: center;
    /* display: none; */
}
#root .mobile .main-coupon-v1 .sports-coupon .tournament-header-wrapper{
    background-color: #454545;
    padding: 0 10px;
    top: 10px
}
.mobile .main-coupon-v1 .events-category-tournament-names .events-category-name{
    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;
    border-radius: 12px 12px 0 0;
}

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;
}
#root .mobile .main-coupon-v1 .sports-coupon .item-info-wrapper{
    position: relative;
    flex: 1 1 60%;
    padding-left: 10px;
    align-items: baseline
}

#root .mobile .main-coupon-v1 .sports-coupon .item-info-wrapper:before{
    content: "";
    border-right: 1px solid hsla(0, 0%, 100%, .1);
    position: absolute;
    height: calc(100% - 10px);
    top: 50%;
    transform: translateY(-50%);
    right: 0

}

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;
}
#root .mobile .main-coupon-v1 .sports-coupon .item-info-wrapper .match-info{
    flex-direction: column-reverse;
    padding: 5px 0
}
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;
}
#root .mobile .beto-sports-coupon .sports-coupon .match-info .match-schedule{
    padding-left: 20px;
    margin: 0
}
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%; */
}
#root .mobile .main-coupon-v1 .sports-coupon .item-info-wrapper .match-live-info{
    margin: 0;
    width: 100%;
    justify-content: flex-end;
    margin-right: 5px
}
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);
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-family: 'Roboto', 'Arial', sans-serif
}

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 {

    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-emphasis-c)
}
#root .mobile .beto-sports-coupon .sports-coupon .events-item-wrapper .match-schedule .match-progress{
    white-space: nowrap;
}

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;
}

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: var(--c-emphasis);
    font-family: 'Roboto', 'Arial', sans-serif;
}
#root .mobile .beto-sports-coupon .sports-coupon .match-info .match-schedule .match-code{
    position: absolute;
    right: 0;
    bottom: 5px;
    margin-right: 5px
}
#root .mobile .beto-sports-coupon .sports-coupon .live-part .match-info .match-schedule .match-code{
    top: unset
}
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; */
}

#root .mobile .main-coupon-v1 .sports-coupon .match-info .match-teams{
    margin-top: 0;
    margin-bottom: 5px
}
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: 13px;
    line-height: 16px;
}
.mobile .main-coupon-v1 .match-info .match-schedule .match-date,
.mobile .main-coupon-v1 .match-info .match-schedule .match-time,
.mobile .main-coupon-v1 .match-info .match-schedule .match-code{
    font-size: 10px
}    
#root .mobile .main-coupon-v1 .sports-coupon .match-info .match-teams > div {
    font-size: 13px;
    line-height: 25px;
    margin: 0
}

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;
}
#root .mobile .main-coupon-v1 .sports-coupon .match-links {
    position: unset
}
#root .mobile .main-coupon-v1 .sports-coupon .match-links .match-favorite{
    position: absolute;
    left: 5px;
    top: 20px;
    display: none
}
#root .mobile .main-coupon-v1 .sports-coupon .match-links .match-statistics{
    position: absolute;
    left: 11px;
    margin: 0;
    bottom: 8px;
    width: 14px;
    height: 14px;
    background-color: var(--c-text-light);
    -webkit-mask-image: url(/v1.5604/r/images/accessbet/icons/ion_stats-chart.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-image: url(/v1.5604/r/images/accessbet/icons/ion_stats-chart.png);
    background-image: unset
}

#root .mobile .main-coupon-v1 .sports-coupon .match-links .match-more-markets{
    position: absolute;
    left: 105px;
    bottom: 5px;
   
}
#root .mobile .main-coupon-v1 .sports-coupon .live-part .match-links .match-more-markets{
     display: none
}
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.190/r/images/site/icons/star-on-yellow.svg);
    background-size: contain
}
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;
    font-family: 'Roboto', 'Arial', sans-serif;
}

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;
    font-family: 'Roboto', 'Arial', sans-serif;
}
body div[class*=mobile] .sports-coupon .sort-by-Date .markets-header-wrapper,
app-l-cpn-heading-tourn-mrk-label{
    max-width: 40%;
        width: 100%;
    margin-left: auto
}
body div[class*=mobile] .sports-coupon .live-part .markets-header-wrapper{
    max-width: 100%
}

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; */
}
#root .mobile .sports-coupon .match-markets-wrapper{
    align-items: center;
    padding: 5px 0;
    flex: 1 1 40%;
}

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; */
}
#root .mobile .main-coupon-v1 .sports-coupon .match-markets-wrapper .match-market{
    width: 100%
}
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
}
body .mobile .sports-coupon.small .match-markets-wrapper .match-market .match-market-wrapper{
    padding: 0 5px
}
.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%;
    font-size: 12px;
    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;
    font-family: 'Roboto', 'Arial', sans-serif
}
#root .mobile .main-coupon-v1 .match-markets-wrapper .match-odd .odds-selection-default{
    color: var(--c-emphasis-c)
}
#root .mobile .main-coupon-v1 .match-markets-wrapper .match-odd .odds-selection-default.odds-bet-slip-selected{
    color: var(--c-black-e)
}
#root .mobile .main-coupon-v1 .sports-coupon .match-markets-wrapper .match-market .match-odd .odd{
    font-size: 12px;
    padding: 0    
}
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 {
    border-radius: 12px 12px 0 0 
}
.mobile .main-coupon-v1 .sort-by-Date .by-date-header-wrapper{
    min-height: 35px
}    
.mobile .main-coupon-v1 .sort-by-Date .event-date-break-wrapper-new{
    display: flex;   
    position: absolute;
    z-index: 11;
    font-size: 13px;
    left: 10px;
    top: -20px;
    color: var(--c-primary);
    width: calc(100% - 20px);
    border-radius: 15px;
}
div[class*=mobile] .main-coupon-v1 .markets-header-wrapper .market-header {
    padding-right: 10px;
}
#root .mobile .main-coupon-v1 .markets-header-wrapper .market-header{
    padding-right: 0;
    width: 100%
}
div[class*=mobile] .main-coupon-v1 .markets-header-wrapper .market-type-selection {
    /* width: unset; */
    /* flex: 1; */
}
#root .mobile .main-coupon-v1 .markets-header-wrapper .market-type-selection.mt-special,
#root .mobile .main-coupon-v1 .markets-header-wrapper .market-type-selection{
    width: unset;
    flex: 1;
    margin: 0
}

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;
    position: relative;
    background-color: var(--primary-divider-color);
}
.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: linear-gradient(0deg, #080e16 0%, hsla(166, 100%, 16%, 1) 100%);
    color: var(--c-whitee);
    min-height: 124px;
    height: 124px
}

#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-favorite{
    background-image: url(/v1.190/r/images/site/icons/star-yellow-outline-new.svg);
}
#root .match-carousel .match-favorite.favorite{
    background-image: url(/v1.190/r/images/site/icons/star-yellow-full-new.svg);
}
#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.190/r/images/site/icons/odd-locked-white.svg);
    filter: unset
}

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

#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;
    font-family: 'Roboto', 'Arial', sans-serif;
}

#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;
    font-family: 'Roboto', 'Arial', sans-serif
}
#root .match-carousel .match-is-live .match-live-info .match-score-server-set-wrapper .match-score{
    gap: 0
}

#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-white-e);
    background-color: unset
}

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

#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; */
}
#root .mobile .beto-featured-leagues{
    padding: 0
}
#root .mobile .beto-featured-leagues::after{
      background-color: transparent;
}
#root .mobile .beto-featured-leagues .featured-leagues-content{
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 8px;
    border-bottom: 1px solid var(--c-white-e)
}
#root .mobile .featured-league > a {
        flex-direction: column;
    text-transform: uppercase;
    padding: 5px;
    margin: 0 5px;
    font-weight: bold;
    font-size: 11px;
    justify-content: center;
    color: var(--c-primary);
    min-width: 80px;
    position: relative;
    text-align: center;
    min-height: 40px;
    height : auto

}
#root .mobile .featured-league > a .featured-league-category {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    margin: 0 0 10px 0;
    width: 80px
}
#root .mobile .featured-league > a .featured-league-name{
    display: none
}

#root .mobile li.featured-league > a {
    border-radius: 25px 15px 4px 25px;
}
#root .mobile .featured-leagues-header,
#root .mobile .featured-league .featured-league-sport {
    display: none;
}

/*****************************
    Sports Outrights Page
*****************************/
div[class*=mobile] .outrights-page .sports-filter {

    max-width: 100%;
    margin-left: 0;
    padding: 0 5px;
    margin-top: 15px;
    background-color: var(--c-green)
}

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-panel{
    background-color: hsla(0, 0%, 100%, .07)
}
div[class*=mobile] .outrights-page .events-sport-wrapper .events-sport-header {
    padding: 0 10px;
    height: auto;
    color: var(--c-white-e);
    background-color: hsla(0, 0%, 100%, .07)
}

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

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%;
    cursor: pointer
}
div[class*=mobile] .outrights-page .outright-markets .outright-competitor:hover{
    background-color: hsla(0, 0%, 100%, .15)
}
div[class*=mobile] .outrights-page .outright-markets .outright-competitor.bet-slip-selected:hover{
    background: var(--c-emphasis-c)
}
div[class*=mobile] .outrights-page .events-tournament-content {
    padding: 0 10px
}

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 {
   
}

div[class*=mobile] .outrights-page .outright-markets .outright-odd {
    color: var(--c-emphasis-c);
    font-weight: normal
}
div[class*=mobile] .outrights-page .outright-markets .bet-slip-selected .outright-odd{
    color: var(--c-black-e)
}
/*****************************
    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: 1;
    background-color: var(--primary-divider-color);
    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 {
     height: 26px;
    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;
    height: 26px;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 5px;
    border-radius: 2px;
    background-color: var(--dark-green-color);
    color: var(--c-white);

}

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: transparent;
    color: var(--color-white);
    border: 1px solid var(--dark-green-color)
}

#root .league-select-go.has-options .nav-reset-button {
    background-color: transparent;
    border: 1px solid var(--dark-green-color);
    background-image: url(/v1.5604/r/images/site/icons/mdi_trash.svg);
}
#root .live-match-page .league-select-go.has-options .nav-reset-button{
    background-image: unset;
}

.league-select-go.has-options .nav-submit-go::before, .league-select-go.has-options .nav-submit-number {
}

.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 {
    gap: 5px;
    padding: 0px 8px;
}

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

div[class*=mobile] .nav-featured-name {
    padding: 0;
    text-transform: uppercase;
}
.mobile .nav-featured-name {
  
    color: var(--c-black-e)
}

#root .nav-favorites-name {  
    font-size: 11px; 
    text-transform: uppercase;
    font-weight:bold;
}

div[class*=mobile] .nav-featured-counter {
    display: block;
    order: 4;
}
.mobile .nav-featured-counter {
 
    color: var(--c-black-e)
}

#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;
    order: 2;
}

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-green)
}

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

div[class*=mobile] .nav-favorites-subwrapper {
   
}

.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-emphasis-c);
    background-color: var(--primary-info-color);
    border-radius: 2px;
    order: 3;
    max-width: 18px;
    max-height: 18px;
    min-width: 18px;
    min-height: 18px
}

#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(--primary-success-color)!important;
    border: 1px solid var(--c-text-light)!important;
    background-image: url(/v1.091/r/images/accessbet/icons/ba-tick_black.svg);
    background-size: 18px;
    background-position: center;
    background-image: url(/v1.190/r/images/site/icons/tick-black.svg);
}

div[class*=mobile] .nav-featured-panel {
    flex-direction: column
}
div[class*=mobile] .nav-featured-panel .nav-feature-icon{
    display: flex
}
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%;
    height: 35px;
    background: transparent;
    /* border-bottom: 1px solid var(--c-tint); */
    /* border-top: 1px solid var(--c-shade); */
    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(--primary-divider-color)
}
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;
    background-size: contain
}

.nav-feature.favorite .nav-feature-favorite {
    background-image: url("/v1.190/r/images/site/icons/star-black-full.svg")
}

.nav-tournament:not(.favorite) .nav-tournament-favorite, 
.nav-feature:not(.favorite) .nav-feature-favorite {  
    
}
.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(--primary-divider-color)
}

.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:none;
    align-items:center;;
}
.league-select-page .soccer-wrapper .nav-sport app-navbar-panel-head{
    display: flex
}
#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;
}
.nav-sport + .nav-sport-panel.hide-sport-panel{
   
}
.league-select-page .nav-sport-panel {
    width: 100%;
    order: 3;
}

div[class*=mobile] .nav-category-panel .nav-tournament, div[class*=mobile] .nav-featured-panel .nav-feature, div[class*=mobile] .nav-favorites-panel .nav-favorite {
    /* 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%) ;    
    background-image: url(/v1.190/r/images/site/icons/arrow-right-black.svg);
    background-size: 12px;
    background-position: center;
    filter: invert(1)
}

.nav-feature-name, .nav-tournament-name, .nav-favorite-name {
    width: calc(100% - 110px);
    margin: 0px;
    font-size: 15px;
}
.nav-feature-name:hover, 
.nav-tournament-name:hover, 
.nav-favorite-name:hover {
   opacity: .8
}

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

div[class*=mobile] .nav-sport, div[class*=mobile] .nav-category {
    background-color: var(--primary-divider-color);
    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 .soccer-wrapper .nav-sport{
    display: flex !important

}

.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%;
    cursor: pointer 
}
.nav-feature{
    cursor: pointer
}

.mobile-large .sports-sidebar .league-select-page .nav-featured-header{
    gap: 0;
    padding: 0 18px
}

.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(--primary-divider-color)
}

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] .sports-select-page .default-flag.atp-wimbledon,
div[class*=mobile] .sports-select-page .default-flag.wta-wimbledon,
.featured-league-category.wta-wimbledon,
.featured-league-category.atp-wimbledon{
    background-image: url(/v1.5604/r/images/sport/icons/Wimbledon.svg);
        background-repeat: no-repeat;
    background-size: cover;
    height: 21px;
}
div[class*=mobile] .sports-select-page .default-flag.euro-women,
.featured-league-category.euro-women{
    background-image: url(/v1.5604/r/images/sport/icons/UEFA_Womens_Euro_2025_logo.svg);
        background-repeat: no-repeat;
    background-size: cover;
    height: 21px;
}

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;
}
.mobile .sports-select-page .nav-category-wrapper .nav-category:not(.active){
    background-color: var(--c-blue-d);
}
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)
}
.sports-sidebar .league-select-page .nav-featured-header
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.190/r/images/site/icons/arrow-right-black.svg);
    background-size: 16px;
    filter: invert(1);
    transition: all 100ms ease;   
    order: 5;
    margin-right: 5px;
    margin-left: 0;
    border-radius: 0;
    background-size: contain;
    background-repeat: no-repeat;
}

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;
    min-width: 35px;
    text-align: right;
    margin-right: 10px;
    font-size: 12px;
    font-family: 'Roboto', 'Arial', sans-serif
}

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;
    margin-left: auto
}

.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 {
}
#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(--primary-divider-color);
    flex-direction: row;
    border-radius: 0px;
}

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

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

#root .sports-page-filter .nav-sport, 
.navbar-sports-filter-wrapper ul li,
.mobile .sports-filter > li {
    flex-direction: column;
    padding: 15px 10px;
    height: unset;
    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;
    cursor:pointer;
}

#root .sports-page-filter .nav-sport .boxing::before {
    font-family: 'BIF';
    font-size: 24px;
    content: "\e9ed";
}

#root .sports-page-filter .nav-sport .mma::before {
    font-family: 'BIF';
    font-size: 24px;
    content: "\e9f8";
}

.navbar-sports-filter-wrapper ul li .boxing::before {
    font-family: 'BIF';
    font-size: 24px;
    content: "\e9ed";
}

.navbar-sports-filter-wrapper ul li .mma::before {
    font-family: 'BIF';
    font-size: 24px;
    content: "\e9f8";
}

.navbar-sports-filter-wrapper ul li .navbar-sports-featured::before {
    font-family: 'BIF';
    font-size: 24px;
    content: "\ea71";
    margin-left: 3px;
}

#root .sports-page-filter .nav-sport.active, .navbar-sports-filter-wrapper ul li.selected ,
.mobile .sports-filter > li.selected{
}

.sports-page-filter .nav-sport .nav-sport-icon , 
.navbar-sports-filter-wrapper ul li .icon-sport ,
.mobile .sports-filter > li .icon-sport{
    filter: invert(0);
    width: 24px;
    height: 24px;
    background-size: 24px;
   margin: 2px
}
.mobile .sports-filter > li .icon-sport{
    width: 28px;
    height: 28px;
    background-size: 28px
}
ul li.selected span:nth-child(2){
    border-bottom: 1px solid var(--body-footer-color);
    padding: 1px;
}


.navbar-sports-filter-wrapper ul li.navbar-favorite-filter .icon-sport{
    background-image: url(/v1.190/r/images/site/icons/star-black-full.svg);
    filter: invert(1);
    background-size: contain;
    background-repeat: no-repeat
}

.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),
.mobile .sports-filter > li span:not(.icon-sport):not(.navbar-sports-counter)  {
    font-size: 10px;
    line-height: 1;
    text-align: center;
    /* white-space:nowrap; */
}
mobile .sports-filter > li span:not(.icon-sport):not(.navbar-sports-counter){
    font-size: 16px
}
.sports-page-filter .nav-sport .nav-sport-counter, 
.navbar-sports-filter-wrapper ul li .navbar-sports-counter,
#root .mobile .sports-filter .matches-counter {
    position: absolute;
    top: 4px;
    left: 50%;
    transform: translate(calc(-50% + 20px),0%);
    font-size: 9px;
    font-family: 'Roboto', sans-serif
}

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

.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;
   background-color: var(--primary-divider-color)
}

.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;
    border: 0;
    margin-left: 13px;
    min-width: 32px;
    background-color: #244241;
    border: 1px solid #244241
}

.sports-time-filter-container .sports-time-filter span.selected {
        background-color: transparent;
    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.190/r/images/site/icons/ic_baseline-upcoming.svg);
    margin-right: 4px;
}

.desktop .sports-time-filter-container .sports-time-filter-label {
    width: 100%;
    padding: 5px;
}



/*****************************
         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;
    background: hsla(0deg, 1%, 16%, 1);
    background: linear-gradient(0deg, hsla(180, 1%, 16%, 1) 0%, hsla(166, 100%, 16%, 1) 100%);
    background: -moz-linear-gradient(0deg, hsla(180, 1%, 16%, 1) 0%, hsla(166, 100%, 16%, 1) 100%);
    background: -webkit-linear-gradient(0deg, hsla(180, 1%, 16%, 1) 0%, hsla(166, 100%, 16%, 1) 100%);
    /* 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(--primary-divider-color);
    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; */
    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: var(--c-emphasis);
    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
*****************************/


.mobile .main-coupon-v1 .events-tournament-header{
    width: 60%
}    
#root .mobile .main-coupon-v1 app-market-headings-container{
    width: 40%;
    padding: 0
}

.sort-by-Date{

}
.mobile .main-coupon-v1 .sort-by-Date .live-part .by-date-header-wrapper{
     min-height: auto;

    max-height: 24px;
}
.mobile .sort-by-Date .live-part .markets-header-wrapper{
    padding: 0
}
#root .mobile .main-coupon-v1 .sports-coupon .sort-by-Date .live-part .tournament-header-wrapper,
#root .mobile .main-coupon-v1 .sports-coupon .sort-by-League .live-part .tournament-header-wrapper .events-tournament-header{
    display: none

}

.mobile .live-page .sort-by-container + .beto-sports-coupon{
    margin-top: 0
}
.mobile .live-page .sports-filter > li .icon-sport{
    background-size: contain;
}

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 {
    
}

#root .mobile  .sports-filter::-webkit-scrollbar {
    opacity: 0;
    display: none;
}
div[class*=mobile] .sports-filter {
    background: hsla(160, 10%, 18%, 1);
    background: linear-gradient(90deg, hsla(160, 10%, 18%, 1) 0%, hsla(160, 18%, 19%, 1) 100%);
    background: -moz-linear-gradient(90deg, hsla(160, 10%, 18%, 1) 0%, hsla(160, 18%, 19%, 1) 100%);
    background: -webkit-linear-gradient(90deg, hsla(160, 10%, 18%, 1) 0%, hsla(160, 18%, 19%, 1) 100%);
    /* margin-top: 10px; */
    padding: 0px 8px;
    /* padding-top: 5px; */
    width: 100%;
    padding-top: 15px;
    /* font-family:'AvenirNextLTPro'; */
}


#root .dark .sports-filter {
    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
}
#root .mobile .live-page .main-coupon-v1 .sports-coupon .match-live-info .match-score-server-set-wrapper{
    margin-right: 0
}

body div[class*=mobile] .main-coupon-v1 .sports-coupon .match-markets-wrapper .match-odd {
    width: 65px;
    height: 40px;
    /* border-radius: 2px; */
    flex: unset
}
#root .mobile .main-coupon-v1 .match-markets-wrapper .market-special,
#root .mobile .main-coupon-v1 .match-markets-wrapper .match-odd.market-special,
#root .mobile .main-coupon-v1 .sports-coupon .match-markets-wrapper .match-odd{
    width: unset;
    flex: 1
}
body div[class*=mobile] .main-coupon-v1 .sports-coupon .match-markets-wrapper .match-odd:hover{
     background-color: hsla(0, 0%, 100%, .15);   
}

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 {
    
}
div.mobile .match-market-group {
     position: sticky;
    top: 45px;
    z-index: 21;
    background-color: var(--primary-divider-color)
}
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
}
#root .mobile .markets-content-wrapper .odd-outcome{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
#root .mobile .markets-content-wrapper .corners_away .odd-outcome,
#root .mobile .markets-content-wrapper .market-correct-score .odd-outcome{
    font-size: 13px
}
div[class*=mobile] .markets-content-wrapper .odds-selection-default {
    flex-wrap: wrap;
    padding: 0 10px;
    font-family: 'Roboto', 'Arial', sans-serif
}
#root .mobile .markets-content-wrapper .odds-selection-default{
    flex-wrap: nowrap
}
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
}

/*****************************
     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 {
    color: var(--c-white);
    width: 100%;
    /* border-bottom: 1px solid var(--c-emphasis); */
    border-radius: 0;
    background-color: var(--c-green);
}

div[class*=mobile] .element.value select option {
   
}

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: 46px;
    border-radius: 50px;
    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-black-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;
    margin: 0 auto
}

.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
*****************************/
.mobile .footer .logo img{
    max-width: 215px
}
div[class*=mobile] .footer {
    /* margin-top: 30px; */
    /* max-width:var(--site-max-width); */
    width: 100%;
    background-color: var(--primary-divider-color);
}

div[class*=mobile] .footer > app-widget-host {
    background-color: #E6ECE5;
    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
}

/*****************************
     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(--primary-info-color);
    position: fixed;
    bottom: 60px;
    z-index: 100;
    width: 100%;
    /* animation-name: move; */
    /* animation-duration: .5s; */
    transition: bottom 0.4s ease;
    font-family: 'Roboto', sans-serif;
}
#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: hsla(160, 10%, 18%, 1);
    background: linear-gradient(90deg, hsla(160, 10%, 18%, 1) 0%, hsla(160, 18%, 19%, 1) 100%);
    background: -moz-linear-gradient(90deg, hsla(160, 10%, 18%, 1) 0%, hsla(160, 18%, 19%, 1) 100%);
    background: -webkit-linear-gradient(90deg, hsla(160, 10%, 18%, 1) 0%, hsla(160, 18%, 19%, 1) 100%);
    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);
    padding-top: 20px;
}

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 .bet-container .bet-group {
    margin: 10px 0;
    color: var(--c-black);
    font-size: 15px;
}
div[class*=mobile] .quick-container .bet-container .bet-group .description{
    display: block;
    margin-bottom: 4px
}
div[class*=mobile] .quick-container app-changed-odds {
    text-align: center
}

#root .quickbetslip.link .quick-container .title-container {
    display: flex;
    font-size: 0.9em;
    padding: 10px 15px 10px;
    min-height: 60px;
    align-items: center;
    position: relative;
    background-color: var(--c-primary);
    margin-bottom: 12px
}

#root .quickbetslip.link .quick-container .title-container .market-selection, #root .quickbetslip.link .quick-container .title-container .bet-odds {
    line-height: 21px;
}
#root .quickbetslip.link .quick-container .title-container .market-selection{
    color: #4a4a4a;
    font-size: 14px
}
#root .quickbetslip.link .quick-container .title-container .bet-odds {
    color: var(--c-primary);
    font-weight: bold;
    position: absolute;
    bottom: -30px;
    font-size: 13px;
    left: 5px
}
#root .quickbetslip.link .quick-container .title-container .bet-odds:before {
    content: "Odds:";
    color: var(--c-text-light);
    font-weight: 400
}

#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.190/r/images/site/icons/mdi_trash.svg);
    background-repeat: no-repeat;
    background-position: center;
    order: -1;
    margin-right: 8px;
}

#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-direction: column;
    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(--primary-divider-color);
    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: calc(70% - 10px);
}

.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 20px;
    text-align: center;
    color: var(--c-white-e);
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between
}
#root .quickbetslip.link .quick-container .place-bet.place-free-bet {
    width: 100%;
    background-color: var(--c-emphasis-c);
    color: var(--c-black);
    font-weight: bold;
    max-width: 100%;
    flex: 1 1 100%;
    margin: 12px 0 0;
}
#root .quickbetslip.link .quick-container .place-bet-wrapper .winnings .winnings-amount{
    color: var(--c-white-e);
    font-size: 12px;
    font-weight: bold
}

#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%;
    padding: 20px;
    flex-wrap: wrap;
}

#root .quickbetslip.link .quick-container .place-bet-wrapper .bet-stake-wrapper {
    order: 1;
    background: transparent;
    ; flex: 0 0 30%;
    margin: 0 20px 20px;
    border-radius: var(--r-sm);
    min-height: 30px;
    position: relative;
    font-weight: bold;
    max-width: 134px;
    margin-left: auto;
    width: 100%
}

#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;
    display: none
}

#root .quickbetslip.link .quick-container .place-bet-wrapper .bet-stake-wrapper .currency {
    font-size: 1.1em;
    line-height: 2;
    color: var(--c-black-e);
    display: flex;
    background-color: var(--c-primary-b);
    padding: 0 5px;
    align-items: center;
    margin-top: 5px
}

#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(--primary-divider-color)
}

.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;
    width: 100%;
    background-color: var(--primary-divider-color);
    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: hsla(163, 18%, 19%, 1);
    background: linear-gradient(90deg, hsla(163, 18%, 19%, 1) 0%, hsla(163, 25%, 19%, 1) 100%);
    background: -moz-linear-gradient(90deg, hsla(163, 18%, 19%, 1) 0%, hsla(163, 25%, 19%, 1) 100%);
    background: -webkit-linear-gradient(90deg, hsla(163, 18%, 19%, 1) 0%, hsla(163, 25%, 19%, 1) 100%);
    padding: 2.5px;
    padding-top: 4px
}

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

#root .num-pad-container .elements {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    height: auto;
    flex: 0 0 71%;
    /* display: contents; */
}
#root .num-pad-container .elements.other{
    display: flex;
    flex-direction: column;
    flex: 0 0 29%;
    position: relative
}

#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 {
  
}
#root .num-pad-container .elements .element,
#root .num-pad-bold.elements .element {
        flex: 0 0 calc(20% - 5px);
    width: auto;
    margin: 2.5px;
    border: 1px solid var(--c-blue-d);
    padding: 6px 0;
    font-size: 13px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    height: 40px;
    background-color: var(--c-primary-b);
    color: var(--c-black-e)
}

#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(20% - 5px);
    flex: unset
}

#root .num-pad-container .elements.other .element {
    width: calc(50% - 5px);
    flex: unset;
    color: var(--color-white)
}
#root .num-pad-container .elements.other .button-0 {
    position: absolute;
    bottom: 0;
    left: calc(-100% + 6px);
    color: var(--c-black-e);
    transform: translateX(100%)
}
#root .num-pad-container .elements.other .button-point{
    color: var(--c-black-e);
    order: 1
}
#root .num-pad-container .elements.other .button-backspase{
    order: 3;
    background-image: url(/v1.5604/r/images/site/icons/backspace-light.svg);
    font-size: 0;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--primary-divider-color)
}
#root .num-pad-container .elements.other .button-enter{
    order: 2;
    position: absolute;
    bottom: 0;
    right: 0;
    height: calc(100% - 5px);
    background-color: var(--primary-divider-color);
    font-size: 0  
   
}
#root .num-pad-container .elements.other .button-enter:before{
    content: "OK";
    font-size: 16px
}
#root .quickbetslip .num-pad-container .elements.other .element {
    width: calc(50% - 5px)
}





#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(--body-footer-color);
    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;
    background: -webkit-linear-gradient(0deg, hsla(180, 1%, 16%, 1) 0%, hsla(166, 100%, 16%, 1) 100%);
}

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);
    color: var(--c-primary);
    font-weight: bold;
    border-bottom: 1px solid
}

.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;
    padding-top: 20px
}
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: -1;
    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); */
    display: none;
}

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-blue-d);
    height: auto;
    font-weight: bold;
    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 {
    margin-bottom: 0px;
    padding: 30px 5px 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: 60%;
        /* height: auto; */
        max-height: 56px;
    }
}

@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: 10px 4px;
    padding-top: 7px;
    position: sticky;
    top: -1px;
    z-index: 22;
    background: hsla(163, 18%, 19%, 1);
    background: linear-gradient(90deg, hsla(163, 18%, 19%, 1) 0%, hsla(163, 25%, 19%, 1) 100%);
    background: -moz-linear-gradient(90deg, hsla(163, 18%, 19%, 1) 0%, hsla(163, 25%, 19%, 1) 100%);
    background: -webkit-linear-gradient(90deg, hsla(163, 18%, 19%, 1) 0%, hsla(163, 25%, 19%, 1) 100%);
}

#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(--color-white);
    font-weight: 500;
    text-transform: uppercase;
}

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

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

#root .product-menu ul.menu li a.active span {
    color: var(--primary-info-color);
    font-size: 15px;
}

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

.betslip-counter-name {
   color: var(--body-footer-color);
   font-size: 15px
}
.betslip-menu-item .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: hsla(163, 25%, 19%, 1);
    background: linear-gradient(90deg, hsla(163, 25%, 19%, 1) 0%, hsla(163, 31%, 20%, 1) 100%);
    background: -moz-linear-gradient(90deg, hsla(163, 25%, 19%, 1) 0%, hsla(163, 31%, 20%, 1) 100%);
    background: -webkit-linear-gradient(90deg, hsla(163, 25%, 19%, 1) 0%, hsla(163, 31%, 20%, 1) 100%);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 8px;
}
body .bottom-modal-navigation.ui-dialog[class*="bottom-modal"]  .ui-dialog-titlebar{
    background: var(--c-background);
}

.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 div[class*=mobile] .bottom-modal-betslip-menu.ui-dialog .ui-dialog-titlebar{
    background: var(--c-background)
}
body .bottom-modal-betslip-menu.ui-dialog[class*="bottom-modal"] .ui-dialog-titlebar .ui-dialog-titlebar-icon,
body .bottom-modal-navigation.ui-dialog[class*="bottom-modal"] .ui-dialog-titlebar .ui-dialog-titlebar-icon{
    filter: invert(1);
}
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(--body-footer-color);
    color: var(--c-white);
    height: 100%;
    padding: 5px;
    height: calc(100% - 40px);
   
}
body .bottom-modal-navigation.ui-dialog[class*="bottom-modal"]  .ui-dialog-content{
    background: var(--c-background);
}
.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%;
    background: hsla(163, 25%, 19%, 1);
    background: linear-gradient(90deg, hsla(163, 25%, 19%, 1) 0%, hsla(163, 31%, 20%, 1) 100%);
    background: -moz-linear-gradient(90deg, hsla(163, 25%, 19%, 1) 0%, hsla(163, 31%, 20%, 1) 100%);
    background: -webkit-linear-gradient(90deg, hsla(163, 25%, 19%, 1) 0%, hsla(163, 31%, 20%, 1) 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-overflow-hidden .ui-dialog.bottom-modal-betslip-menu > div{
    background: var(--c-background);
}
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(--body-footer-color);
    border-radius: 50%;
    margin-right: 20px;
}

.betslip-menu-item .icon img {
    width: 15px;
    height: auto;
}
.betslip-menu-item .title{
    color: var(--c-black-e)
}

.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(--dark-green-color);
    max-width: 60%;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    color: var(--c-white);
    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
}
body#root div[class*=mobile] .header-search .ui-autocomplete .ui-autocomplete-input:before{
    content: ""
}
div[class*=mobile] .navigation-link-group .bet-book-container > app-widget-host{
    flex-direction: row;
    padding: 12px 16px
}
.mobile .navigation-link-group .bet-book-container .beto-betslip-check form{
    flex-direction: row;
}
.mobile .navigation-link-group .bet-book-container .beto-betslip-check button{
    margin-top: 0;
    min-height: 46px;
    max-width: 80px
}
div[class*=mobile] .navigation-link-group .bet-book-container{
    margin-bottom: 8px
}
div[class*=mobile] .navigation-link-group .bet-book-container .icon{
    margin-right: 16px;
    width: 20px;
    height: 20px
}

div[class*=mobile] .navigation-link-group-header {
    font-size: 13px;
    text-transform: uppercase;
    color: var(--c-black-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-black-e);
    font-size: 16px;
    cursor: pointer
}

div[class*=mobile] .login .body, div[class*=mobile] .register .body {
    margin-bottom: 0px;
    min-height: calc(100vh);
    background-color: var(--body-footer-color);
    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 {
    position: absolute;
    margin: 0;
    font-size: 0;
    top: 50%;
    transform: translateY(-50%);  
    left: 5px
}
div[class*=mobile] .login .beto-login .username-row .form-label:before{
    content: "";
    width: 24px;
    height: 24px;
    background-color: #000000;
    -webkit-mask-image: url(/v1.5604/r/images/site/icons/register_user.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-image: url(/v1.5604/r/images/site/icons/register_user.svg);
    mask-size: contain;    
    mask-repeat: no-repeat;
    mask-position: center;
}
div[class*=mobile] .login .beto-login .password-row .form-label:before{
    content: "";
    width: 24px;
    height: 24px;
    background-color: #000000;
    -webkit-mask-image: url(/v1.5604/r/images/site/icons/register_password.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-image: url(/v1.5604/r/images/site/icons/register_password.svg);
    
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
}

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.190/r/images/site/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.190/r/images/site/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(--primary-info-color);
}

.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);
}
.mobile .deposit-button{
    margin-right: 5px;
}
.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(--body-footer-color);
    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(--primary-info-color);
}

.dates-filter li:hover {
    background: rgba(0, 0, 0, 0.5);
    color: var(--primary-success-color); 
}

.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(--body-footer-color);
        /* 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;
    }navbar-sports-filter-wrapper ul li
    

    #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(--body-footer-color)
    }
    
}

.box-filter .sports-filter li {
    /* flex-direction: column; */
    /* padding: 8px; */
    /* min-width: 68px; */
    /* max-width: 68px; */
    /* height: 63px; */
    /* justify-content: center; */
    /* 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;
}

.box-filter .sports-filter {
    background-color: var(--primary-divider-color)  
}

.box-filter .sports-filter li.selected {
}

.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
}
.sport-link.live .matches-counter:before{
    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;
    cursor:pointer;
}
.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) {
}