/*****************************
          General
******************************/
#root .mobile .ui-dialog {
    left: 0!important;
    width: 100%!important;
    max-width: unset;
}
.mobile .ui-dialog-resizable.search-popup .ui-dialog-content {
    overflow: unset;
    padding: 20px 10px
}
#root .mobile .ui-dialog.betslip-check-view {
    transform: translate(0, -50%)!important;
}

.mobile .body {
    margin: 0;
    margin-top: 54px;
    max-width: 100%;
    /* margin: 0; */
}

.mobile .body.header-menu {
    margin: 0;
    margin-top: 54px;
    max-width: 100vw;
    /*overflow:hidden*/
}

.mobile .back {
    display: flex;
    align-items: center;
    height: 25px;
    text-transform: uppercase;
    z-index: 10;
    position: sticky;
    top: 59px;
    max-width: 56px;
}
.mobile .account .back {
    top: 0
}
.mobile .user-balance-row .real-money > app-widget-host {
    justify-content: center;
    padding-right: 5px;
    flex-direction: column;
    align-items: flex-start
}

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

.mobile .user-balance-row .internal-available-rollover {
    width: 100%;
    padding-bottom: 15px
}

.mobile .user-balance-row .internal-available-rollover > app-widget-host {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    max-width: 50%;
    margin-left: auto;
    padding-top: 15px;
    border-left: 1px solid var(--c-emphasis-b);
    margin-right: .1px
}

.mobile .user-balance-row .internal-available-rollover .title-user-data {
    flex: 1 1 100%;
    display: flex;
    justify-content: flex-end;
}

.mobile .user-balance-row .internal-available-rollover .internal-available-rollover-current {
    display: flex
}

.mobile .user-balance-row .internal-available-rollover .internal-available-rollover-current:after {
    content: "/";
        margin-left: 5px
}

.mobile .main-coupon-v1 .match-markets-wrapper {
    flex: 1
}

/*****************************
      Mobile Header
******************************/
.mobile .header {
    height: 54px;
    }

.mobile .header > app-widget-host {
    flex-direction: row;
    align-items: center;
    height: 54px;
    /*  -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;
        /* border-radius: var(--r-border-radius-big); */
}

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

body.active-mobile-navigation-view .mobile .header {
    position: unset
}

body.active-mobile-navigation-view .mobile .body {
    margin-top: 0
}

.mobile .header .login {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 12px;
    min-width: 50px;
    padding:0 5px;
    height: 35px;
    justify-content: flex-end;
        font-weight: bold;
    border-radius: var(--r-border-radius-medium)
}

.mobile .header .guest .login {
    justify-content: center;
}

.mobile .header .login-section:not(.guest) .login {
    height: 28px
}

.mobile .header app-content-block.login {
    }

.mobile .header .logo-img {
    display: flex;
    align-items: center;
    /* margin-left: 10px */
}

.mobile .header .logo-img > img {
    height: 40px;
    width: 160px;
}

.mobile .header .login > img {
    width: 32px;
    height: 28px;
    padding-bottom: 2px;
}

.mobile .other-links {
    flex: 1
}

.mobile .other-links > app-widget-host {
    justify-content: flex-end
}

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

.mobile .header .lang .filter-language label > span {
    display: none
}

.mobile .login-text {
    text-transform: uppercase;
    font-size: 12px;
    padding-left: 10px
}
.mobile .register-moda .login-text{
    font-weight: bold;
    font-size: 16px;
    text-transform: capitalize

}
.mobile .header .mobile-menu-link > app-widget-host .navigation-title {
        padding: 20px 10px
}

#root .search-popup{
    top: 0 !important;
}
body .mobile .ui-autocomplete .ui-autocomplete-input {
    width: 100%;
    border-radius: var(--r-border-radius-big);
    border: 1px solid var(--c-emphasis-b)!important;
    }

body .mobile .ui-autocomplete .ui-autocomplete-input::placeholder {
        opacity: .8
}

body .mobile .search-popup .close-page-button {
    position: absolute;
    right: 40px;
    top: 24px;
    z-index: 1;
}

body .mobile .search-popup .close-page-button > a {
    font-size: 0;
    background-image: url(/v1.025/r/images/site/icons/close-666666.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 30px;
    height: 30px;
    display: block
}

body .mobile .search-popup .sports-search-block input {
    width: calc(100% - 70px)
}

body .mobile .search-popup .ui-autocomplete-panel {
    border-radius: var(--r-border-radius-big);
    border: 1px solid var(--c-background-header);
        max-height: 50vh!important;
}

body .mobile .search-popup .ui-autocomplete-panel::-webkit-scrollbar-track {
    border-radius: var(--r-border-radius-big);
}

.mobile .homepage .sports-search input {
        border-radius: 0
}

.mobile .homepage .sports-search input::placeholder {
        border-radius: var(--r-border-radius-medium);
    padding: 0 10px;
    height: 38px;
        font-weight: bold
}

.mobile .homepage .home-today {
}

.mobile .generic-form .form-row.username-row .form-element-wrapper::before{
    left: 0;
    top: 0;
    font-size: 16px
}
.mobile .generic-form .form-row.username-row .form-element-wrapper input{
    text-indent: 70px;
}
.mobile .download-app{
    border-radius: var(--r-border-radius-big);
}
/*****************************
      Top & Bottom Menus
******************************/
.fixed-menu {
    position: fixed;
    width: 100%;
    /* padding: 9px 0; */
    margin-top: 54px;
    border-bottom: 1px solid var(--c-border-sport-coupon);
    height: 60px;
    z-index: 89;
    background-color: var(--c-emphasis-a);
    box-shadow: -7px -1px 8px 1px #333
}
.fixed-menu.bottom {
    bottom: 0;
    margin: 0;
    border-bottom: 0;
}
.os-ios .fixed-menu {
    /* height: 80px; */
}

.fixed-menu .tab, .merge-fixed-menu {
    width: 100%;
    height: 100%;
}

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

.merge-fixed-menu > app-widget-host {
    flex-direction: row;
    height: 100%;
}

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

.fixed-menu .tab img {
    width: 42px;
    height: 32px;
    object-fit: cover
}

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

.fixed-menu .title {
        font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
}

.mobile .homepage .fixed-menu .tab .highlights-img.blue, .mobile .today .fixed-menu .tab .today-img.blue, .mobile .outrights-page .fixed-menu .tab .outrights-img.blue, .mobile .casino .fixed-menu .tab .casino-img.blue, .mobile .home-active .fixed-menu .tab .home-img.blue, .mobile .sports-select-page .fixed-menu .tab .sport-img.blue, .mobile .sports-page .fixed-menu .tab .sport-img.blue, .mobile .sports-match-page .fixed-menu .tab .sport-img.blue, .mobile .live-page .fixed-menu .tab .live-img.blue, .mobile .live-match-page .fixed-menu .tab .live-img.blue, .mobile .lottery-page .fixed-menu .tab .lottery-img.blue, .mobile .casino-active .fixed-menu .tab .jackpot-img.blue {
    display: block;
    /* filter: invert(27%) sepia(95%) saturate(6798%) hue-rotate(344deg) brightness(79%) contrast(110%); */
}

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

.mobile .homepage .fixed-menu .tab .highlights-title.title, .mobile .today .fixed-menu .today-title.title, .mobile .outrights-page .fixed-menu .outrights-title.title, .mobile .casino .fixed-menu .casino-title.title, .mobile .home-active .fixed-menu .tab .home-title.title, .mobile .sports-select-page .fixed-menu .tab .sport-title.title, .mobile .sports-page .fixed-menu .tab .sport-title.title, .mobile .sports-match-page .fixed-menu .tab .sport-title.title, .mobile .live-page .fixed-menu .tab .live-title.title, .mobile .live-match-page .fixed-menu .tab .live-title.title, .mobile .lottery-page .fixed-menu .tab .lottery-title.title, .mobile .casino-active .fixed-menu .tab .jackpot-title.title {
        margin: 0;
    /* border-top: 1px solid var(--c-border-sport-coupon); */
    border-bottom: 0
}

.fixed-menu.bottom > app-widget-host {
    justify-content: center;
    height: 100%;
}

.mobile .fixed-menu .openbets-counter {
    top: 3px;
    right: 8px;
    width: 20px;
    height: 20px;
    font-size: 11px;
}

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

/*****************************
   Mobile Right Navigation
******************************/
#root .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;
        -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

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

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

.mobile app-load > app-widget-host {
        height: 100%;
    opacity: 1;
    display: flex;
    flex: 0 0 15%
}

.mobile .header .link > app-widget-host {
    align-items: center;
    justify-content: center;
    height: 100%;
}

.mobile-navigation-left-link{
     margin-left: 15px
}
.mobile .header .mobile-nav-menu > app-widget-host {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: auto
}
.mobile .header .mobile-nav-menu img{
        max-width: 40px;
    object-fit: cover;
}
.mobile .header .search {
    display: flex;
    /* flex: 1 1 10%; */
}

.mobile .header .search img {
    width: 100%;
    max-width: 24px;
}

.mobile .header .search .title > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
            text-transform: uppercase
}

.mobile .header .search .title > div:before {
    content: "";
    background-image: url(/v2.07/r/images/Dukabet/icons/search-white.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    width: 24px;
    height: 24px;
    margin-bottom: 3px
}

.mobile .header .logo-section {
    flex: 0 1 30%;
}

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

.mobile .header .login-section, .mobile .header .login-section.guest {
}

.mobile .header .login-section.guest, .mobile .header .login-section {
    max-width: 90px;
}

.mobile .header .login-section > app-widget-host {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 15px;
}

.mobile .header .deposit-link {
    margin-right: 5px;
    padding: 0 10px
}

.mobile .header .full-ballance {
    font-size: 10px;
    line-height: 2px;
    text-align: right;
    margin-bottom: 4px;
}

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

.mobile .header .login-section:not(.guest) .login-section-column > app-widget-host {
    max-height: 90%;
}

.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: column;
    justify-content: center;
    align-items: center
}

.title-navigation, .header-mobile app-content-block.title-navigation {
    display: flex;
    align-items: center;
    height: 40px;
    font-size: 18px;
        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
}

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

.mobile .filter-language p-dropdown .ui-dropdown {
    width: 100%;
    border: 0;
    /* min-height: 42px; */
}

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

.navigation-content .filter-language .ui-dropdown, body .navigation-content .filter-language .ui-dropdown .ui-dropdown-trigger, body .mobile .my-profile-tabs .ui-dropdown .ui-dropdown-trigger {
        }

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

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

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

#root .mobile .account .filter-language label {
    }

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

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

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

.user-balance-info .withdraw .deposit.button {
    border: 2px solid var(--c-emphasis-b);
    background-color: transparent;
    color: var(--c-emphasis-b)
}

.mobile .header-navigation .login-button, .user-balance-info .deposit.button, .support-button a {
    }

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

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

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

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

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

/*****************************
   Mobile Left Navigation
******************************/
.mobile-navigation-view-left {
    height: 100%
}

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

.mobile-navigation-view-left.ui-dialog .ui-dialog-content {
    height: calc(100% - 54px);
    padding: 0
}

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

.mobile-navigation-view-left.ui-dialog .ui-dialog-content > div, .mobile-navigation-view-left.ui-dialog .ui-dialog-content div app-widget-host, .mobile-navigation-view-left.ui-dialog .ui-dialog-content div app-block.header-navigation, .mobile-navigation-view-left.ui-dialog .ui-dialog-content div app-block.left-navigation-content {
    height: 100%;
}

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

.mobile-navigation-view-left .sports-search .search-dropdown input {
    width: 100%;
    display: flex;
    /* background-color: var(--c-background-betslip); */
    border: 0;
    border-radius: 0;
    height: 42px;
    background-size: 24px;
    /* background-image: url(/v2.07/r/images/site/icons/Search-grey.svg); */
    background-position: 8px center;
    background-repeat: no-repeat;
    text-indent: 9px;
        width: 100%;
    border-radius: var(--r-border-radius-big);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    text-transform: uppercase;
    font-weight: bold;
        font-size: 13px;
}

.mobile-navigation-view-left .sports-search .search-dropdown input::placeholder {
    }

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

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

.left-navigation-content .menu-column {
    padding: 20px 8px;
    height: 100%;
}

.left-navigation-content .tab {
    position: relative;
        border-radius: var(--r-border-radius-big);
    height: 42px;
    /* overflow: hidden; */
    margin-bottom: 10px;
    background-color: var(--c-background-b)
}

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

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

.left-navigation-content .tab .title {
    padding: 0 15px;
    text-transform: uppercase;
    font-weight: bold
}

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

.left-navigation-content .tab.sports-search:after {
    display: none
}

.left-navigation-content .tab app-image {
    display: flex;
    align-items: center;
    height: 100%;
    min-width: 55px;
    justify-content: center;
    border-radius: var(--r-border-radius-big);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    overflow: hidden;
    background-color: var(--c-emphasis-b)
}

.left-navigation-content .tab app-image img {
    width: 40px;
}

.left-navigation-content .tab.voucher-code {
    /* margin-bottom:42px; */
    height: auto;
    min-height: 42px;
}

.left-navigation-content .aviator.tab app-image img {
    width: 45px
}

.left-navigation-content .betgames.tab app-image img {
    height: 50px;
    object-fit: cover;
}

form.voucher-form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

form.voucher-form .api-form-wrapper {
    flex: 1;
    order: -2
}

form.voucher-form .form-row {
    padding: 0px
}

form.voucher-form .api-form-errors {
    /* position:absolute; */
    /* transform: translate(0, 100%); */
    /* width: calc(100% - 55px); */
    height: auto!important;
}

app-api-form.voucher-form {
    width: 100%;
    height: 100%;
}

app-api-form.voucher-form * {
    height: 100%;
}

.desktop .promo-voucher {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
}

#root app-api-form.voucher-form .form-element-wrapper {
    display: flex;
    flex-direction: row;
}

#root app-api-form.voucher-form .form-element-wrapper input {
    width: 100%;
    border: 0;
    /* border-radius:0; */
        text-indent: 10px;
    max-width: unset;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
#root .header-navigation app-api-form.voucher-form .form-element-wrapper input{
    background-color: var(--c-background-b);
}
#root app-api-form.voucher-form .form-element-wrapper input::placeholder {
    text-transform: uppercase;
    font-weight: bold;
    text-indent: 10px;
}

form.voucher-form ui-button {
    order: -1;
}

form.voucher-form ui-button button {
    text-transform: uppercase;
    border-top-right-radius: var(--r-border-radius-big);
    border-bottom-right-radius: var(--r-border-radius-big);
    font-weight: bold;
    color: var(--c-white);
    background-color: var(--c-emphasis-b)
}

#root form.voucher-form .api-form-wrapper label {
    display: none;
}

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

.mobile .left-nav-footer > app-widget-host {
    display: flex;
    height: 100%;
    align-items: center;
        flex-direction: row;
    justify-content: center;
    padding: 0 10px
}

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

.mobile .footer-logo {
    text-align: center;
        top: 0;
        min-height: 22px;
    height: auto;
}

.mobile .left-navigation-content .filter-language label > span {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-left: 5px;
    font-size: 14px;
    line-height: 18px;
        filter: invert(27%) sepia(95%) saturate(6798%) hue-rotate(344deg) brightness(79%) contrast(110%);
}

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

.left-nav-footer .footer-social-img app-image.footer-social-youtube img {
    max-width: 30px;
    margin-top: -5px;
    margin-left: -5px;
}

/*****************************
     Mobile Register Form
******************************/
.mobile .register-modal {
        height: 100vh;
    min-height: 100%
}

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

.mobile .register-form-wrapper form > div > div {
    margin: 0 auto;
}

.mobile .register-form-wrapper .generic-form .form-row {
    flex-direction: column;
    align-items: flex-start
}

.mobile .register-form-wrapper .form-row label {
    padding-bottom: 8px;
    justify-content: flex-start;
    color: var(--c-black);
        /* max-width: 264px; */
}

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

.mobile .reset-next-buttons-wrapper .button-reset-register {
    height: 100%;
        max-width: 100%;
    margin-right: 10px
}

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

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

.mobile .reset-register-confirm {
    /* position: absolute; */
    bottom: 100%;
    /* transform: translateY(-100%); */
            font-size: 16px;
    justify-content: center;
    margin-bottom: 30px;
}
.mobile .register-login-section > app-widget-host {
    flex-direction: row;
    color: var(--c-emphasis-b);
    font-size: 16px;
    justify-content: center;
    margin-bottom: 30px;
}
.mobile .register-login-section > app-widget-host .login-button {
    font-weight: bold;
    margin-left: 5px;
    }

.mobile .register-form-wrapper .form-row .form-element-wrapper input {
    /* background-color: transparent; */
    /* border-bottom: 1px solid var(--c-border-sport-coupon); */
    /* border-radius: 0; */
        width: 100%
}

.mobile .register-form-wrapper .form-row .form-element-wrapper input::placeholder {
        opacity: .6
}

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

.mobile .form-element-wrapper select {
            /* border-bottom: 1px solid var(--c-border-sport-coupon); */
    border-radius: var(--r-border-radius-medium);
}

.mobile .form-element-wrapper select option {
        color: var(--c-text-input)
}

.mobile .register-form-wrapper .generic-form .checkbox-wrapper {
    flex-direction: row
}

#root .mobile .generic-form tel-input p-dropdown {
    /* border-bottom: 1px solid var(--c-border-sport-coupon); */
    /* margin: 0; */
    border-radius: 0;
}

#root .mobile tel-input .ui-dropdown {
        border: 0
}
.header-mobile {
    border-bottom: 1px solid var(--c-emphasis-b);
    padding: 0 20px;
    height: 60px;
    display: flex;
    background: var(--c-gradient-purple-purple)

}
.mobile .header-mobile .back{
    height: auto;
    position: unset
}
.mobile .register-form-wrapper .form-row tel-input label {
    justify-content: center;
    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;
    font-size: 13px;
    height: 100%;
    display: flex;
    color: var(--c-white);
    align-items: center;
    text-transform: uppercase
}

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

.mobile .login-modal-body {
        height: 100vh;
    color:var(--c-black);
}

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

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

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

.mobile .generic-form .form-row .form-element-wrapper {
    width: 100%
}

.mobile .login-modal-body .username-row .form-element-wrapper {
    position: relative
}

.mobile .login-modal-body .login-form > div input, .mobile .forgot-password-block div input {
    font-size: 16px;
    line-height: 30px;
    border: 0;
    background-color: var(--c-background-b);
    /* border-bottom: 1px solid var(--c-border-sport-coupon); */
    /* border-radius: 0; */
}

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

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

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

.mobile .generic-form .form-row input {
            /* border-bottom: 1px solid var(--c-border); */
    border-radius: 0;
        border-radius: var(--r-border-radius-medium);
    align-items: unset;
    justify-content: center
}

input::-webkit-input-placeholder, input:-ms-input-placeholder, input::placeholder {
    }

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

.mobile .forgot-menu #forgotpass .form-row {
    flex-direction: column;
    padding: 20px;
}
.mobile forgot-password-form-success{
    color: var(--c-black);
    text-align: center;
    margin-top: 50px;
    display: block
}
.mobile .forgot-menu #forgotpass label {
    justify-content: flex-start;
    padding: 8px;
    color: var(--c-black)
}

.mobile .forgot-menu #forgotpass .form-element-wrapper:after {
    font-size: 18px;
        transform: translateY(-60%);
}

.mobile .forgot-menu #forgotpass input {
    height: 32px;
    text-indent: 62px;
    font-size: 16px;
}
.signin .forgot-password .form-label:after,
.mobile #forgotpass label:after{
    content: "+256";
    background-image: url(/v1.025/r/images/site/icons/Flag_of_Uganda.svg.png);
    flex: 1 1 100%;
    background-position: 0px 2px;
    background-size: 17px;
    background-repeat: no-repeat;
    text-indent: 20px;
    display: flex;
    align-items: center;
    position: absolute;
    top: 60px;
    z-index: 11;
    font-size: 16px;
}
.signin .forgot-password .form-label:after{
    top: 32px;    
    left: 60px
}
.mobile .register-modal .forgot-menu .form-element-wrapper input {
        max-width: 100%;
    height: 100%
}

.mobile .forgotpass > app-widget-host {
    display: flex;
    align-items: center;
    justify-content: center;
        padding: 20px 0
}

.mobile .forgot-menu {
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.mobile .forgot-menu .change-password-wrapper .form-row {
    flex-direction: column;
}

.mobile .forgot-menu .change-password-wrapper .form-row label {
    }

.mobile .forgot-menu .change-password-wrapper .form-row input {
    height: 32px;
    padding: 5px 0;
}

/* Virtuals Page */
.mobile .virtual .body {
    margin-top: 54px
}

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

.mobile .virtual-page iframe {
    /*  height: 1366px */ 
    height: 100%;
    min-height: calc(100vh - 114px);
}
.mobile.view-page-virtuals .virtual-page iframe {
    position:fixed;
    min-height:unset;
    top:54px;
    height:calc(100% - calc(54px + 60px))
}
/*****************************
       Sports Coupon
******************************/
.mobile .main-coupon-v1 {
    /*  padding: 0 10px */
}

.mobile .main-coupon-v1 .events-sport-content {
    padding: 0 10px
}

.mobile .main-coupon-v1 .sports-coupon.small .events-item-wrapper {
    border-radius: 8px;
    /* position: relative; */
}

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

.mobile .main-coupon-v1 .sports-coupon.small app-market-headings-container {
    display: none
}

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

.mobile .main-coupon-v1 .sports-coupon.small .tournament-header-wrapper {
    padding: 10px
}

.mobile .main-coupon-v1 .sports-coupon.small .tournament-header-wrapper .tournament-favorite {
    display: none
}

.mobile .main-coupon-v1 .sports-coupon.small .tournament-header-wrapper .toggle-button, .mobile .nav-sport .nav-sport-toggle {
    background-image: url("/v2.07/r/images/site/icons/Arrow_Down.svg");
    width: 16px;
    height: 13px;
    background-repeat: no-repeat;
    background-position: center center;
    order: 4;
    margin-right: 5px
}

.mobile .main-coupon-v1 .sports-coupon.small .tournament-header-wrapper .toggle-button.expanded {
    transform: rotate(180deg)
}

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

.mobile .main-coupon-v1 .sports-coupon.small .events-category-tournament-names {
    text-transform: capitalize;
    align-items: center
}

.mobile .main-coupon-v1 .sports-coupon.small .item-info-wrapper {
    /* max-width: calc(100% - 150px); */
    /*  min-width: auto; */
    padding: 0;
    margin: 0
}

.mobile .main-coupon-v1 .sports-coupon.small .item-info-wrapper .match-info {
    flex: 1 1 100%;
    overflow: hidden;
    position : relative
}

.mobile .main-coupon-v1 .sports-coupon.small .match-info .match-schedule {
    width: auto;
    height: auto;
    /* margin-bottom: 10px; */
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    width: 50px;
    min-width: auto;
    /* margin-right: 8px; */
    flex: unset;
    min-height: 48px;
    align-items: center;


}

.mobile .main-coupon-v1 .sports-coupon.small .match-info .match-category {
    display: none
}

.mobile .main-coupon-v1 .sports-coupon.small .match-info .match-schedule .match-date, 
.mobile .live-page .main-coupon-v1 .sports-coupon.small .item-info-wrapper .match-info .match-live {
    margin: 0;
    padding: 0 7px;
    border-bottom-left-radius: 5px
}

.mobile .main-coupon-v1 .sports-coupon.small .match-info .match-schedule .match-date {
    white-space: nowrap;
    width: 100%;
    text-align: center;
    /* position: absolute; */
   /* bottom: 0; */
    /* left: calc(50% - 30px); */
    /* transform: translateX(-50%); */
}

.mobile .main-coupon-v1 .sports-coupon.small .events-item-wrapper .match-schedule .match-progress, .mobile .main-coupon-v1 .sports-coupon.small .events-item-wrapper .match-schedule .match-progress .match-minute {
    /* display: flex; */
}

.mobile .main-coupon-v1 .sports-coupon.small .events-item-wrapper .match-schedule .match-progress .match-minute {
    margin: 0 5px;
    }

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

.mobile .main-coupon-v1 .sports-coupon.small .match-info .match-schedule .match-time, .mobile .live-page .main-coupon-v1 .sports-coupon.small .item-info-wrapper .match-info .match-progress {
    padding: 0 10px;
    border-bottom-right-radius: 5px
}

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

.mobile .main-coupon-v1 .sports-coupon.small .match-info .match-schedule .match-code {
    letter-spacing: -0.75px;
}

.mobile .main-coupon-v1 .sports-coupon.small .match-info .match-teams {
    font-size: 13px;
    line-height: 16px;
    /* font-weight: normal; */
    /* margin-bottom: 12px; */
    justify-content: center;
    /* display: flex; */
    flex-direction: row
}

.mobile .main-coupon-v1 .sports-coupon.small .match-info .match-teams > div {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    /* flex: 1; */
    /* width: calc(50% - 35px); */
    /* max-width: 100%; */
    text-align: center;
}

.mobile .main-coupon-v1 .sports-coupon.small .match-links {
    right: 56px;
    top: 10px;
    left: auto;
    height: auto;
    padding: 0;
    bottom: unset;
    position: absolute;
    /* order: 4; */
    /* flex: 0 0 64px; */
    /* flex-wrap: wrap; */
    align-items: center;
    margin: 0
}

.mobile .main-coupon-v1 .sports-coupon.small .match-links .match-favorite, .mobile .main-coupon-v1 .sports-coupon.small .match-links .match-statistics {
    flex: 0 0 50%;
    margin: 0;
    text-align: center;
    order: unset;
    /* display: none; */
}

.mobile .main-coupon-v1 .item-info-wrapper .match-info .is-live-booked {
    display: none
}

.mobile .main-coupon-v1 .sports-coupon.small .match-links .match-more-markets {
    /* flex: 0 0 100%; */
    /* margin: 0; */
    text-align: center;
    /* min-width: 46px; */
    font-size: 13px;
    line-height: 16px;
        justify-content: center;
    /* position: absolute; */
    order: 4;
    position: relative;
    /* top: -17px; */
    right: 0px;
}
.mobile .main-coupon-v1 .sports-coupon.small .match-is-live .match-links .match-more-markets {
    position:unset;
    line-height: 13px;
    height: 15px;
    padding-bottom: 0px;
    margin-left: 3px
}

body .mobile .sports-coupon.small .match-markets-wrapper {
    flex-basis: unset;
    /* width: 150px; */
    padding: 5px 0 0 0;
    /* align-items: flex-end; */
    flex: 1 1 100%
}

body .mobile .sports-coupon.small .match-markets-wrapper app-l-cpn-market-alternatives {
    width: 100%
}

body .mobile .sports-coupon.small .match-markets-wrapper app-light-coupon-market-alternatives {
    width: 100%
}

body .mobile .main-coupon-v1 .sports-coupon.small .match-markets-wrapper .match-market {
    padding: 0
}

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

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

.mobile app-market-template {
    width: 100%
}

.mobile app-market-template .template-row-wrapper {
    width: 100%
}

.mobile app-market-template .template-row-wrapper .item-cell {
    width: 100%
}

.mobile app-market-template .template-row-wrapper .item-cell.empty-cell {
    display: none
}

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

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

body .mobile .main-coupon-v1 .sports-coupon.small .match-markets-wrapper .match-market .match-odd .odd .mobile-outcome {
        opacity: .8;
    font-size: 11px;
    padding-bottom: 3px;
    margin: 0 auto
}
#root .mobile .odds-not-offered .mobile-outcome{
    display: none
}
body .mobile .main-coupon-v1 .sports-coupon.small .match-markets-wrapper .match-market .match-odd .odds-bet-slip-selected .odd .mobile-outcome {
        margin-top: -5px;
    padding: 0;
    justify-content: flex-end
}

.mobile .main-coupon-v1 .has-bet-builder {
    position: absolute;
    right: 138px;
    top: 4px
}
.main-coupon-v1 .match-live-info .match-score-server-set-wrapper .match-server{
    display:none
}
.mobile .bet-builder .main-coupon-v1 .has-bet-builder {
    right: 90px
}

.mobile .match-carousel .has-bet-builder {
    position: absolute;
    right: 15px;
    top: 50px
}

.mobile .sports-page app-markets-switch-list {
    display: block;
    position: sticky;
    top: 136px;
    z-index: 2
}

.mobile .sports-page .toggle-filters app-markets-switch-list {
    top: 293px;
}

.market-switch-list-items {
    display: flex;
    overflow: auto;
    overflow-y: hidden;
    margin: 0 5px 40px 5px;
    gap: 5px
}

.market-switch-list-items li {
    white-space: nowrap;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 20px;
    margin: 5px 0;
    border-radius: var(--r-border-radius-big);
    font-weight: bold;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid var(--c-emphasis-c);
    color: var(--c-black)
}
.market-switch-list-items li:hover{
    background-color: var(--c-emphasis-c);
    color: var(--c-white)
}

.market-switch-list-items li.selected {
    background-color: var(--c-emphasis-c);
    color: var(--c-white);
    min-width: 43px
}

app-special-switch .market-special-switch {
    display: flex;
    height: 100%;
    align-items: center
}
app-special-switch{
    min-width: 50px;
    border: 1px solid var(--c-emphasis-c);
    border-radius: 6px 0px 0 6px;
}
app-special-switch .market-special-switch select {
    border: 0;
    height: 100%;
    border-top-left-radius: var(--r-border-radius-medium);
    border-bottom-left-radius: var(--r-border-radius-medium);
    border-radius: 6px 0px 0 6px
}

app-special-switch .market-special-switch select option {
}

.mobile .main-coupon-v1 .events-wrapper {
    display: flex;
    flex-direction: column;
}

.mobile .sports-filter > li {
}

.mobile .sports-filter .icon-sport {
    height: 20px;
    width: 20px
}

.mobile .inline-sports-filter {
    position: sticky;
    top: 54px;
    z-index: 2;
        position: sticky;
    top: 87px;
    z-index: 2;
        position: sticky;
    top: 186px;
    z-index: 1;
    }

.toggle-filters .mobile .homepage .market-switch-list-items, .mobile .homepage .market-switch-list-items {
    top: 130px
}

.mobile .sports-match-page .info-header {
    top: 110px
}

.mobile .sports-match-page .match-page .info-header {
    top: 54px;
    padding-left: 64px;
    margin-bottom: 0px;
    width: 100%;
    padding-bottom: 5px;
    margin-top: -30px;
}

app-l-cpn-by-tourn .tournament-favorite {
    display: none;
}

app-l-cpn-by-tourn app-l-cpn-heading-tourn-mrk-label {
    margin-left: auto
}

/*****************************
         Home Page
******************************/
.mobile .carousel .slideshow-container {
    /* height: 100%!important; */
}
.mobile .carousel .slideshow-container a{
    height: calc(100vw / 4)
}

.main-content-mobile {
    display: flex;
    width: 100%;
        position: relative
}

.mobile .match-carousel-block .events-sport-wrapper .ng-trigger-fadeInOut {
    display: flex
}

.mobile .banner {
    /* height: calc(100vw / 3); */3); */
width: 100%;
    display: flex
}

.mobile .carousel > slideshow {
    width: 100%;
    height: 100%
}
.slideshow-container {
    position: relative;
    height: auto!important;
    width: 100%;
    padding-bottom: 40%;
}
.mobile .slideshow-container{
    padding-bottom:25%
}
.mobile .banner .register-button, .mobile .forgotpass > app-widget-host button, .mobile .responsible-gaming-info button {
    margin: 15px auto;
    font-size: 18px;
            padding: 10px 20px;
    width: 100%;
    display: flex;
    justify-content: center;
    max-width: 261px
}

.mobile .home-carousel .sports-coupon .events-item-wrapper > .item-info-wrapper {
    height: unset;
    /* padding-top: 25px; */
    display: unset;
}

.mobile .home-carousel .sports-coupon .match-info .match-schedule > div {
    font-size: 12px;
    right: -42px;
    top: -30px;
}

.mobile .home-carousel .sports-coupon .match-market-wrapper .match-odd {
    height: 30px;
    min-width: 45px
}

.mobile .forgotpass > app-widget-host button {
            width: 100%;
    justify-content: center;
    text-transform: uppercase;
            border-radius: var(--r-border-radius-big);
    max-width: 264px;
    margin: 0 auto;
}

.mobile .button-submit-login {
    width: 100%;
    max-width: 100%;
    background-color: var(--c-emphasis-c);
    color: var(--c-white);
    border: 1px solid
}
.mobile .button-submit-login.login-with-biometrics {
    margin:0 auto;
    margin-top:10px;
    max-width:264px;
}
.mobile .login-modal-body .login-form > ui-button button, 
.mobile .forgot-password-block ui-button button {
    display: flex;
    width: 100%;
    justify-content: center;
    text-transform: uppercase;
    background-color: transparent;
    color: var(--c-white);
    border-radius: var(--r-border-radius-big);
    max-width: 264px;
    margin: 0 auto;
    border: 1px solid;
    background-color: var(--c-emphasis-c);
}
.mobile .button-submit-login .button-label, 
.mobile .forgot-password-block .button-label {
    width: 100%
}

.mobile .header-navigation .registerbutton button {
    max-width: 264px;
    margin: 0 auto;
    display: flex;
    width: 100%;
    justify-content: center;
    text-transform: uppercase;
    border-radius: var(--r-border-radius-big);
    padding: 10px 020px;
    justify-content: center;
    font-size: 13px;
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: bold;
    background-color: var(--c-emphasis-d);
    color: var(--c-white);
    border: 1px solid
}

.mobile .registration-bonus .main-color {
        margin-right: 6px
}

.mobile .registration-bonus .bonus-color {
        text-transform: uppercase;
        font-weight: bold;
}

.mobile .show-all-events > div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px auto 0;
        max-width: 140px;
    border-radius: var(--r-border-radius-small);
    padding: 7px 15px;
}

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

#root .match-carousel app-events-list {
    display: flex;
    overflow-y: hidden
}

#root .match-carousel .events-tournament-content {
    display: flex;
    padding: 7px;
    }

#root .match-carousel .events-tournament-content .events-tournament-wrapper .events-item-wrapper {
    min-width: 250px;
    padding-bottom: 10px;
    border-radius: var(--r-border-radius-big);
        margin-right: 5px;
    position: relative;
    overflow: hidden
}

#root .match-carousel .match-info {
    display: flex;
    flex-wrap: wrap;
    padding: 15px
}

#root .match-carousel .match-schedule {
    display: flex;
    justify-content: flex-end;
    flex: 1 1 50%;
    order: 2;
    width: 100%;
    margin: 0;
    align-items: center;
        padding-left: 5px;
}

#root .match-carousel .match-schedule > div {
    padding-left: 5px;
}

#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;
        padding-right: 5px
}

#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: 16px;
    width: 16px
}

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

#root .match-carousel .match-teams {
    flex: 1 1 100%;
    order: 3;
    overflow: hidden;
        margin-top: 15px
}

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

#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 15px
}

#root .match-carousel .match-market .match-odd {
    margin-right: 5px;
    width: 100%;
    overflow: hidden
}

#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;
                display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    line-height: 14px;
    font-weight: bold
}

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

#root .match-carousel .match-market .odds-selection-default.odds-bet-slip-selected .odd .mobile-outcome {
        height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: -25px;
    top: -5px;
    opacity: .1
}

.mobile .mobile-top-link > app-widget-host {
    flex-direction: row;
    overflow-x: auto
}

.mobile-top-link-check {
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 5px;
        border-radius: var(--r-border-radius-medium);
    height: 51px;
    max-width: 60px;
}

.mobile-top-link-check .bet-check-title {
    white-space: nowrap;
    font-size: 8px;
    font-weight: bold;
        background: var(--c-background-betslip-betting-header);
    text-transform: uppercase;
    padding: 0 5px;
    border-radius: var(--r-border-radius-medium);
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.mobile-top-link-check .bet-check-img > img {
    height: 25px;
    width: 25px;
    display: flex;
    margin: 5px auto;
}

#root .bet-check-modal .bet-check {
    margin-top: 0
}

#root .bet-check-modal {
    transform: translate(0, -50%)!important;
    top: 50%!important
}

#root .mobile .homepage .mobile-top-link ul {
    justify-content: center
}

#root .mobile .homepage .mobile-top-link li {
    height: 100%;
    border-radius: var(--r-border-radius-medium);
    margin: 5px;
    min-width: 60px;
    width: auto;
    overflow: hidden;
}

#root .mobile .homepage .mobile-top-link li a {
    flex-direction: column;
    padding: 0;
}

#root .homepage .mobile-top-link li a:before {
    content: "";
    width: 25px;
    height: 25px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 5px
}

#root .mobile-top-link li:nth-child(1) a:before {
    background-image: url(/v2.07/r/images/in2bet/icons/highlights-light.svg)
}

#root .mobile-top-link li:nth-child(2) a:before {
    background-image: url(/v2.07/r/images/BOA/icons/aviator-new.png);
    width: 45px
}

#root .mobile-top-link li:nth-child(3) a:before {
    background-image: url(/v2.07/r/images/IG/icons/casino-white.svg)
}

#root .mobile-top-link li:nth-child(4) a:before {
    background-image: url(/v2.07/r/images/BOA/icons/slot-light.svg)
}

#root .mobile-top-link li:nth-child(5) a:before {
    background-image: url(/v2.07/r/images/BOA/icons/betgames.svg);
    background-size: 45px;
    backgound-position: center
}

#root .mobile-top-link li:nth-child(6) a:before {
    background-image: url(/v1.11/r/images/bestbet/icon/virtuals-icon.png);
}

#root .mobile-top-link li:nth-child(7) a:before {
    background-image: url(/v2.07/r/images/bestbet/icon/jackpot-icon.png);
}

#root .mobile-top-link li:nth-child(8) a:before {
    background-image: url(/v2.07/r/images/in2bet/icons/antepost-light.svg)
}

#root .mobile-top-link li:nth-child(9) a:before {
    background-image: url()
}

#root .mobile-top-link li:nth-child(10) a:before {
    background-image: url()
}

#root .homepage .mobile-top-link li a span {
            font-size: 8px;
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
    text-align: center;
    padding: 0 5px
}

.mobile .featured-leagues-header, .mobile .featured-league .featured-league-sport, .mobile .featured-league .featured-league-category {
    display: none
}

#root .mobile .featured-leagues-content {
    flex-direction: row;
    margin: 5px 0;
    overflow-x: auto;
    padding-bottom: 2px;
    gap: 5px;
    background-color: transparent
}

.mobile .featured-league {
    height: auto
}

.mobile .featured-league > a {
    flex-direction: column;
    text-transform: uppercase;
            padding: 5px;
    margin: 0 5px;
    border-radius: var(--r-border-radius-small);
    min-width: 140px;
    max-width: 140px;
    height: 100%;
    font-weight: bold;
    font-size: 11px;
    border-bottom: 3px solid var(--c-background-betslip-betting-header);
    justify-content: center
}

.mobile .section-title {
    text-align: unset;
    font-size: 15px;
    padding: 12px;
}

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

.mobile .sports-filter .matches-counter {
    left: 15px;
    top: 0;
    font-size: 11px
}

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

.mobile .outrights-page .events-sport-wrapper .events-category-header-outrights {
    padding: 10px;
        justify-content: flex-end;
    width: 100%;
    padding: 10px;
        /* border-bottom: 1px solid var(--c-border-sport-coupon); */
    align-items: center;
    position: sticky;
    top: 54px;
    z-index: 2
}
.mobile .league-select-go {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding: 10px;
    align-items: center;
    position: sticky;
    top: 54px;
    z-index: 2;
    background-color: var(--c-background-a)
}
.mobile .league-select-go .min-selections-error {
        display: block;
    flex-wrap: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    padding-right: 5px
}

.mobile .league-select-go button {
    height: 36px;
    margin: 0;
    width: 90px;
    border-radius: var(--r-border-radius-medium)
}

.mobile .nav-sports.nav-sports-page button.nav-submit-button {
    font-weight: bold;
    order: 2;
    color: var(--c-white);
    border: 1px solid;
    background-color: var(--c-emphasis-c)
}

.mobile .nav-sports.nav-sports-page button.nav-reset-button {
    font-weight: bold;
    order: 1;
    margin-right: 10px;
    color: var(--c-emphasis-b);
    border: 1px solid
}

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

.mobile .nav-featured-toggle {
    background-image: url(/v1.025/r/images/site/icons/arrow-right-black.svg);
    background-size: 6px;
}

.mobile .nav-featured-header.expanded .nav-featured-toggle {
}

.mobile .nav-favorite {
    padding: 0 8px;
    margin: 0 5px;
    margin-bottom: 5px;
        border-radius: var(--r-border-radius-medium);
}

.mobile .nav-favorites-wrapper .nav-favorites-subwrapper .nav-favorites-header .nav-favorites-toggle {
    background: rgba(0, 0, 0, .2) url(/v1.025/r/images/site/icons/arrow-right-black.svg) center center no-repeat;
    min-height: 24px;
    min-width: 24px;
    height: 24px;
    border-radius: 50%;
    /* margin: 0; */
    background-image: url(/v1.025/r/images/site/icons/arrow-right-black.svg);
    background-size: 6px;
}

.mobile .nav-favorites-panel {
    display: none;
}

.mobile .expanded + .nav-favorites-panel {
    display: flex;
    flex-direction: column;
}

.mobile .nav-favorites-wrapper .nav-favorites-header {
    padding: 10px;
    padding-right: 5px;
}

.mobile .nav-favorites-wrapper .nav-favorites-header:hover, .mobile .nav-favorites-wrapper .nav-favorites-header.expanded div {
    }

.mobile .nav-favorite-name {
    width: 100%;
}

.mobile .nav-favorites-name {
    width: 100%;
}

.mobile .nav-featured-icon {
    margin: 0 4px
}

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

.mobile .nav-featured-wrapper, .mobile .nav-favorites-wrapper {
    margin: 5px;
}

.mobile .nav-favorites-wrapper {
    font-size: 13px;
    background: var(--c-background-primary);
    border-radius: var(--r-border-radius-medium);
}

.mobile .nav-featured-subwrapper {
        border-radius: var(--r-border-radius-medium)
}

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

.mobile .nav-featured-header, 
.mobile .nav-feature, 
.mobile .nav-sport, 
.mobile .nav-category, 
.mobile .nav-tournament {
    display: flex;
    width: 100%;
    height: 42px;
    align-items: center;
    padding: 0 5px;
    box-shadow: unset;
    color: var(--c-black)
}

.mobile .nav-featured-header {
    }

#root .nav-sport + .nav-sport-panel.hide-sport-panel {
    display: none;
}

.mobile .nav-sports .nav-sport-wrapper .nav-sport-panel {
        display: flex;
    flex-direction: column;
}

.mobile .nav-category-panel .nav-tournament, .mobile .nav-featured-panel .nav-feature {
        border-radius: var(--r-border-radius-medium)
}

.mobile .nav-featured-panel .nav-feature {
    margin: 0 3px;
    width: calc(100% - 10px);
    /* background-color: var(--c-black); */
}

.mobile .nav-category-panel .nav-tournament-wrapper {
    margin: 5px;
    background: transparent;
}

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

.mobile .nav-sport {
    border-radius: var(--r-border-radius-medium)
}

.mobile .nav-sport.active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.mobile .nav-sport .nav-sport-name{
    width: 100%
}
.mobile .nav-sport .sport_checkbox, .mobile .nav-category .category_checkbox {
    order: 3;
    margin-left: auto;
    margin-right: 14px
}

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

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

.mobile .nav-category .nav-category-name {
    order: 2
}

.mobile .nav-category-wrapper {
    /* background-color:transparent; */
    margin: 5px;
    margin-top: 0;
    border-radius: var(--r-border-radius-medium);
}

.mobile .sports-select-page .nav-category-wrapper .nav-category {
    position: relative;
        border-radius: var(--r-border-radius-medium)
}

.mobile .sports-select-page .nav-category-wrapper:not(:last-child) .nav-category.active, .mobile .sports-select-page .nav-category-wrapper:only-child .nav-category.active {
    margin-bottom: 0;
}

.mobile .sports-select-page .nav-category-wrapper .nav-category.active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.mobile .nav-sports .nav-sport-wrapper .nav-sport-panel .nav-category-wrapper .nav-category-panel {
    /* margin:5px; */
    margin-top: 0;
}

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

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

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

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

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

.mobile .nav-tournament .tournament_checkbox {
    margin-left: auto;
    margin-right: 34px
}

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

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

.mobile .coupon-breadcrumbs {
    position: sticky;
    top: 88px;
    z-index: 2;
    background-color: var(--c-background-a)
}

.toggle-filters .mobile .coupon-breadcrumbs {
    top: 260px;
}

.toggle-filters .mobile .sports-page .coupon-breadcrumbs {
    top: 226px;
}

.mobile ul.sport-breadcrumbs {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0;
    margin: 0 10px;
        align-items: center;
    height: 43px
}

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

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

.mobile ul.sport-breadcrumbs > li .br-name {
    font-size: 10px;
    text-transform: uppercase;
    padding: 6px 10px;
    background-color: var(--c-emphasis-b);
    color: var(--c-white)
}

.mobile .info-header ul.sport-breadcrumbs > li:before, .mobile .info-header ul.match-breadcrumbs > li:before {
    content: "";
    border-top: 13px solid var(--c-background-primary);
    border-bottom: 13px solid var(--c-background-primary);
    margin: 0
}

.mobile ul.sport-breadcrumbs > li:after, 
.mobile .info-header ul.match-breadcrumbs > li:after {
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 13px solid var(--c-emphasis-b)
}

.mobile ul.sport-breadcrumbs > li:before {
    border-top: 14px solid var(--c-emphasis-b);
    border-bottom: 14px solid var(--c-emphasis-b);
}

.mobile .info-header ul.match-breadcrumbs > li:before {
    border-top: 13px solid var(--c-emphasis-b);
    border-bottom: 13px solid var(--c-emphasis-b);
}

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

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

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

.mobile .nav-sports-header, 
.mobile .nav-featured-select-all, 
.mobile .nav-featured-remove-all, 
.mobile .nav-sport-select-all, 
.mobile .nav-sport-remove-all {
    display: none;
}
.mobile .page-filters-button .filter-icon > img {
    height: 25px;
    width: 25px;
    filter: invert(27%) sepia(95%) saturate(6798%) hue-rotate(344deg) brightness(79%) contrast(110%);
}
body.toggle-filters .mobile .sports-page-controls {
    max-height: 225px;
    position: sticky;
    top: 87px;
    z-index: 2;
    background-color: var(--c-background-a);
    color: var(--c-black)
}
.mobile .sports-page-controls {
    width: 100%;
    margin: 0;
    padding: 0 10px 0;
    max-height: 0;
    overflow: hidden;
}

.mobile .sports-page-controls > app-widget-host {
    flex-direction: column;
    justify-content: unset
}

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

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

.mobile .sports-page-controls .sports-page-filter {
    flex: 1;
    display: flex;
    justify-content: flex-start
}

.mobile .sports-page-controls .page-filter {
    flex: 1
}

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

.mobile .sports-page-controls .page-filter-label {
    min-width: 80px
}

.mobile .sports-page-controls app-dates-filter-coupon {
}

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

body .mobile .sports-page-controls ul li > span {
    white-space: nowrap
}
.mobile app-l-cpn-odds-less-than {
    order: -1;
    position: sticky;
    top: 186px;
    z-index: 1;
    background-color: var(--c-background-a);
    color: var(--c-black)
}
.mobile app-l-cpn-odds-less-than .show-less-than-wrapper, .mobile app-inline-show-odds-under .show-less-than-wrapper {
    display: none;
    align-items: center;
    padding: 0 10px
}

body.toggle-filters .mobile app-l-cpn-odds-less-than .show-less-than-wrapper, body.toggle-filters .mobile app-inline-show-odds-under .show-less-than-wrapper {
    display: flex
}

.mobile app-l-cpn-odds-less-than .show-less-than-label, .mobile app-inline-show-odds-under .show-less-than-label {
    padding-bottom: 5px;
        font-weight: 600;
    font-size: 11px;
    white-space: nowrap;
    text-transform: uppercase;
    min-width: 80px
}

.mobile app-l-cpn-odds-less-than ul, .mobile app-inline-show-odds-under ul {
    display: flex;
    overflow: auto
}

.mobile app-l-cpn-odds-less-than ul li, 
.mobile app-inline-show-odds-under ul li {
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-width: 70px;
    background-color: var(--c-white);
    border-radius: var(--r-border-radius-medium);
    box-shadow: 1px 1px 5px rgb(0 0 0 / 10%);
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
    white-space: nowrap;
    margin-bottom: 5px;
    margin-right: 5px
}

.mobile app-inline-show-odds-under ul li.selected-item-lt, 
.mobile app-l-cpn-odds-less-than ul li.selected-item-lt {
    background-color: var(--c-emphasis-c);
    color: var(--c-white);
    align-items: center;
    justify-content: space-between
}

/*****************************
          Match Page
******************************/
.mobile .single-match-info .markets-match-header {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    /* padding: 0 10px; */
    flex-wrap: wrap;
    left: 0;
    min-width: 100%;
    max-width: 100%;
    }

.mobile .single-match-info .match-date-and-time {
    margin-left: 0;
    opacity: .8;
    font-weight: normal
}

.mobile .single-match-info .match-date-and-time, .mobile .single-match-info .match-date-and-time {
    line-height: 20px;
    width: 100%;
}

.mobile .single-match-info .markets-match-data .markets-match-code:before {
    content: "#";
    margin: 0
}

.mobile .single-match-info .match-time {
    font-weight: normal
}

.mobile .single-match-info .markets-match-data, .mobile .single-match-info .match-date-and-time, .mobile .single-match-info .match-time {
    font-size: 13px;
}

.mobile .single-match-info .markets-match-data {
    margin-left: auto;
    opacity: .8;
    font-weight: normal
}

.mobile .live-match-page .match-page > app-widget-host > .beto-match-breadcrumbs {
    /*  position: fixed; */
    /*  top: 60px; */
    z-index: 2;
    /*  width: calc(100% - 70px); */
    right: 0;
    height: 46px;
    padding-left: 10px;
    padding-top: 5px
}

.active-mobile-navigation-view .mobile .live-match-page .match-page > app-widget-host > .beto-match-breadcrumbs {
    position: unset
}

.mobile .live-match-page .beto-match-breadcrumbs {
    order: 0;
}
.mobile .live-match-page .info-header-custom{
    position: sticky;
    top: 54px;
    z-index: 3;
    background-color: var(--c-white)
}
.mobile .live-match-page .info-header-custom > app-widget-host{
    flex-direction: row
}
.mobile .live-match-page .info-header-custom .beto-match-breadcrumbs {
    /*     z-index: 10; */
    width: calc(100% - 70px);
    padding: 0 10px;
}

.mobile .live-match-page .info-header-custom .other-matches-overlay.dd-expanded {
    position: absolute;
    height: calc(100vh - 300px);
    overflow-y: scroll;
    z-index: 1000;
    left: 0;
    width: 100%;
}

.mobile .live-match-page .other-matches-wrapper {
}

.mobile .live-match-page ul.match-breadcrumbs {
    margin: 0
}

.active-mobile-navigation-view .mobile .beto-match-header.single-match-info {
    display: none
}


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

.mobile .beto-match-header.single-match-info {
    display: flex;
    width: 100%;
    height: 70px;
    z-index: 1;
    position: sticky;
    top: 60px;
    right: 0px
}
.mobile .beto-match-header.single-match-info .sports-match-header-wrapper{
    width: inherit
}
.mobile .single-match-info .markets-match-name {
    font-size: 13px;
    display: flex;
    position: relative;
    align-items: center;
    width: 100%;
    margin-top: 0;
    justify-content: center;
    max-width: 100%;
}

.mobile .single-match-info .markets-match-name .markets-team-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mobile .single-match-info .markets-match-name .markets-team-name:first-child {
    margin-right: 0;
    min-width: 100px;
    padding-right: 15px;
    text-align: left;
    /* position: relative; */
}

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

.mobile .single-match-info .markets-match-name .markets-team-name:last-child {
    min-width: 100px;
    padding-left: 15px
}

.mobile .match-market-search {
    position: unset
}

.mobile .match-market-group button {
    /*padding: 0 20px;*/
    width: auto;
    margin-bottom: 2px;
}

.match-market-group button {
    height: 25px;
    line-height: 25px
}

.mobile .match-market-group button span {
    white-space: nowrap
}

.mobile .match-market-group .market-groups {
    flex-wrap: nowrap;
    overflow-y: auto
}

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

/* Mobile Back button and Breadcrumbs  */
.mobile ul.match-breadcrumbs > li.sport-br:after, 
.mobile ul.match-breadcrumbs > li.category-br:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 13px solid var(--c-emphasis-b);
    margin: 0
}

.mobile .info-header {
    display: block;
    top: 60px;
    z-index: 3;
    padding-top: 5px;
    position: sticky;
    top: 54px;
    background-color: var(--c-background-a);
    color: var(--c-primary)
}

.mobile .info-header > app-widget-host {
    display: flex;
    flex-direction: row;
}

.mobile .live-match-page .info-header > app-widget-host, .mobile .sports-match-page .info-header > app-widget-host {
    flex-direction: column;
}

.mobile .info-header.back, .mobile .info-header-custom .back {
    min-width: 50px;
    height: 50px;
    justify-content: flex-start;
    z-index: 2;
    position: unset;
    }

.mobile .info-header .back {
    margin-left: 5px
}

.mobile .info-header-custom .back a:before, 
.mobile .info-header .back-button:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 13px solid var(--c-background-a);
    border-bottom: 13px solid var(--c-background-a);
    border-right: 13px solid var(--c-emphasis-b);
    margin: 0;
    transform: unset;
    padding: 0;
}

.mobile .info-header .back a, .mobile .info-header-custom .back a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    padding-left: 0;
    height: 26px;
    border-top-right-radius: var(--r-border-radius-medium);
    border-bottom-right-radius: var(--r-border-radius-medium);
    font-size: 11px;
    font-weight: bold;
    text-indent: 5px;
    background-color: var(--c-emphasis-b);
    color: var(--c-white)
}

.mobile .info-header .match-info {
    /* overflow: hidden; */
}

.mobile .info-header .match-info {
    order: unset;
    display: flex;
    flex: 1;
}

.mobile .info-header ul.sport-breadcrumbs, .mobile .info-header ul.match-breadcrumbs {
    margin-bottom: 0;
    white-space: nowrap;
    flex-wrap: nowrap;
    height: 26px;
    overflow-x: auto;
    /* margin: 0 10px; */
    width: 100%;
    /* overflow-y: hidden; */
}

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

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

.mobile ul.sport-breadcrumbs::-webkit-scrollbar, .mobile ul.match-breadcrumbs::-webkit-scrollbar {
    display: none
}

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

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

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

.mobile .info-header ul.match-breadcrumbs li a .br-name {
        font-size: 10px;
    text-transform: uppercase;
        padding: 6px 10px;
    box-shadow: 1px 1px 5px rgb(0 0 0 / 10%);
    height: 28px;
    font-weight: bold
}

.mobile .info-header ul.match-breadcrumbs li.sport-br a .br-name {
    border-top-left-radius: var(--r-border-radius-medium);
    border-bottom-left-radius: var(--r-border-radius-medium);
}

.mobile .correct_score .market-correct-score, .mobile .correct_score_short .market-correct-score, .mobile .correct_score_other .market-correct-score {
    flex: 1
}

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

body .mobile  .sports-coupon.small .match-is-live .match-links {
    top:8px;
    right: 53px;
    left: unset;
    /* width: auto; */
    flex: unset;
}

.mobile .live-page .main-coupon-v1 .match-links .match-more-markets {
    line-height: 18px;
    width: auto;
    margin-right: 0;
        font-size: 16px
}

.mobile .live-page .main-coupon-v1 .item-info-wrapper {
    min-width: auto;
    max-width: 100%
}
body .mobile .sports-coupon.small .events-sport-wrapper .events-item-wrapper.match-is-live .item-info-wrapper {
    position:relative;
}
body .mobile .sports-coupon.small .events-sport-wrapper .events-item-wrapper.match-is-live .item-info-wrapper > .match-live-info {

    width:100%;
    bottom:0px;
}
body .mobile .sports-coupon.small .events-sport-wrapper .events-item-wrapper.match-is-live .item-info-wrapper .match-schedule{
    justify-content:center!important;
    width:unset!important;
    order: 4;
    width: 40px!important;
}
.mobile .main-coupon-v1 .sports-coupon.small .match-info .match-teams > div.match-team-separator {
    display:none
}
body .mobile .sports-coupon.small .events-sport-wrapper .events-item-wrapper.match-is-live .item-info-wrapper .match-schedule .match-progress {
    display:flex;
    text-align: center;
}
body .mobile  .sports-coupon.small .events-sport-wrapper .events-item-wrapper.match-is-live .item-info-wrapper > .match-live-info {
    align-items: center;
    margin-bottom: 0;
    justify-content: center;
}
body .mobile  .sports-coupon.small .events-sport-wrapper .events-item-wrapper.match-is-live .item-info-wrapper > .match-live-info .match-progress {
    display:none;
}
body .mobile  .sports-coupon.small .events-sport-wrapper .events-item-wrapper.match-is-live .item-info-wrapper > .match-live-info .match-score-server-set-wrapper {
    margin:0;
}
.mobile .live-page .main-coupon-v1 .sports-coupon.small .match-live-info .match-progress, .mobile .live-page .main-coupon-v1 .match-info .match-period, .mobile .live-page .main-coupon-v1 .match-links .match-live-tracker {
    display: none
}

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

.mobile .main-coupon-v1.coupon-dark .item-info-wrapper {
    padding-right: 5px;
    flex-wrap: wrap;
}

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

.mobile .sports-filter {
    /* margin-top: 0px; */
    height: 60px;
    margin-bottom: 8px;
    padding-left: 10px;
}

.mobile .live-page .main-coupon-v1 .sports-coupon.small .match-live-info .match-score-server-set-wrapper {
    margin-right: 10px;
    margin-left: 10px;
    display : flex
}

.mobile .live-page .main-coupon-v1 .sports-coupon.small .match-live-info .match-score-server-set-wrapper > div {
    margin-left: 3px;
    align-items: center;
}

body .mobile  .events-sport-wrapper .events-item-wrapper.match-is-live .item-info-wrapper > .match-live-info .match-score-home,
body .mobile  .events-sport-wrapper .events-item-wrapper.match-is-live .item-info-wrapper > .match-live-info .game-score-home{
    margin: 0;
    display:flex;
    align-items:center;
    font-size:16px;
    font-weight: bold;
    height: auto;
}
body .mobile  .events-sport-wrapper .events-item-wrapper.match-is-live .item-info-wrapper > .match-live-info .match-score-away,
body .mobile  .events-sport-wrapper .events-item-wrapper.match-is-live .item-info-wrapper > .match-live-info .game-score-away{
    display:flex;
    align-items:center;
    font-size: 16px;
    font-weight: bold;
    height:auto;
}
body .mobile  .events-sport-wrapper .events-item-wrapper.match-is-live .item-info-wrapper > .match-live-info .game-score-home {
    margin:0 5px;
}
body .mobile  .events-sport-wrapper .events-item-wrapper.match-is-live .item-info-wrapper > .match-live-info .game-score-away {
    margin-right:5px;
}
body .mobile  .events-sport-wrapper .events-item-wrapper.match-is-live .item-info-wrapper > .match-live-info .set-score-home,
body .mobile  .events-sport-wrapper .events-item-wrapper.match-is-live .item-info-wrapper > .match-live-info .set-score-away{
    height:auto;
    font-weight:bold;
    font-size:16px;
    display:flex;
    align-items:center;
}
.mobile .main-coupon-v1 .match-sport-tennis .match-live-info .match-game-scores-wrapper {
    padding:0px;
}
.mobile .main-coupon-v1 .sports-coupon.small .match-markets-wrapper .match-odd {
    width: 48px;
    height: 40px
}

.mobile .main-coupon-v1 .sports-coupon.small .match-markets-wrapper .match-odd.market-special {
    width: 30px;
    height: 41px;
    flex: unset
}

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

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

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

.mobile .live-page .main-coupon-v1 .sports-coupon.small .match-sport-tennis .match-live-info .match-score-server-set-wrapper .match-score, .mobile .live-page .main-coupon-v1 .sports-coupon.small .match-sport-volleyball .match-live-info .match-score-server-set-wrapper .match-score {
    background: unset;
        border-radius: 0;
    line-height: unset;
}

.mobile .live-page .main-coupon-v1 .sports-coupon.small .match-sport-tennis .match-live-info .match-score-server-set-wrapper > div, .mobile .live-page .main-coupon-v1 .sports-coupon.small .match-sport-volleyball .match-live-info .match-score-server-set-wrapper > div {
    margin: 0
}

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

.mobile ul.match-breadcrumbs > li.teams {
    flex-direction: column;
    font-size: 16px;
    line-height: 21px;
    margin: 15px 50px 0 70px;
    align-items: flex-start;
        font-weight: bold;
    margin: 5px 0;
}

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

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

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

#root .mobile .match-tracker {
    /*  position:sticky; */
    top: 63px;
    z-index: 1;
    transform-origin: top right;
    transition: 0.25s;
    /* margin-top: -42px; */
    margin-bottom: 0;
    }

.match-tracker .sr-lmt-plus__footer-wrapper {
    display: none
}

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

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

.mobile .match-lmt-sticky {
    position: sticky;
    top: 205px;
    z-index: 1;
    padding-bottom: 15px;
    }

.mobile .sr-error__container {
    display: none
}

.match-tracker .live-match-tracker, .match-tracker .live-match-statistics {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.match-tracker .iframe-container {
    /*  position: relative; */
    /*  padding-top: 67%; */
}

.mobile .match-market-group {
    padding: 5px 15px;
    z-index: 1;
    margin: 0;
    /* min-height: 41px; */
}

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

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

.mobile .markets-content-wrapper .odd-outcome {
    line-height: 16px
}

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

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

.mobile .live-match-page .info-header {
    z-index: 2;
    padding-bottom: 5px;
    padding-left: 10px;
    position: sticky;
    top: 106px;
    background-color: var(--c-white)
}

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

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

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

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

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

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

.mobile .casino-content {
    margin: 0
}

.mobile .casino-filter {
    margin: 0 30px
}

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

.mobile .brands-menu .casino-menu li {
    border-radius: var(--r-border-radius-medium);
    border: solid 1px var(--c-background-betslip);
    display: block;
    margin-bottom: 8px;
        }

.mobile .brands-menu .casino-menu li span {
    }

.lobby-message {
    text-align: center;
    }

#root .mobile .casino-page .game-image {
    height: 100%;
    aspect-ratio: 4 / 3;
}

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

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

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

.user-balance-info {
    color: var(--c-black);
    padding: 30px 20px;
    border-bottom: 1px solid var(--c-emphasis-b)
}

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

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

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

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

.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;
    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, 
.user-balance-row .internal-available-rollover .title-user-data {
    font-size: 14px;
    color: var(--c-black)
}

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

.user-balance-info .user-deposit-button.withdraw {
    margin-top: 5px
}

.user-balance-info .deposit.button {
    height: 45px;
    margin-top: 10px;
    max-width: 264px;
    margin: 0 auto;
    width: 100%;
    background-color: var(--c-emphasis-b);
    color: var(--c-white)
}

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

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

.mobile .my-profile-tabs .content-tab {
    font-size: 17px;
    padding-left: 10px;
    display: flex;
    width: 100%;
    height: 40px;
    align-items: center;
    color: var(--c-emphasis-d);
    border-bottom: 1px solid
}

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

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

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

.mobile .my-profile-tab img {
    display: flex;
    height: 20px;
    width: 20px;
    filter: invert(39%) sepia(10%) saturate(2833%) hue-rotate(232deg) brightness(91%) contrast(87%)
}

.mobile .filter-language label, body .mobile .filter-language .ui-dropdown .ui-dropdown-trigger {
    display: flex;
    border-radius: 0;
    justify-content: center;
    align-items: center;
    min-height: 42px;
}

.mobile .left-nav-footer .filter-language .ui-dropdown, .mobile .filter-language label {
        margin: 0;
    max-width: 100%
}

.mobile .filter-language .ui-dropdown-items .ui-dropdown-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile .filter-language .ui-dropdown-items .ui-dropdown-item span {
    margin-left: 5px;
    min-width: 50px;
}

.mobile .my-profile-tabs .content-tab:after {
    content: "";
    width: 30px;
    height: 13px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: auto;
    background-image: url("/v1.025/r/images/site/icons/arrow-right-black.svg");
    filter: invert(39%) sepia(10%) saturate(2833%) hue-rotate(232deg) brightness(91%) contrast(87%)
}

/* Transactions Page */
.mobile .internal-content {
    max-width: unset;
    margin: 15px
}

.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 {
        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;
        align-items: center;
    height: 46px;
    font-size: 14px
}

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

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

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

body .mobile .account .ui-table .ui-table-tbody>tr {
    border: 0px solid var(--c-border);
    display: block;
    margin-bottom: 10px;
    border-radius: var(--r-border-radius-medium);
    overflow: hidden;
}

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

.mobile .transactions .internal-content {
    margin: 0
}

.mobile .transaction-header {
    margin: 2px 0 35px;
}

#root .mobile .transaction-header > app-widget-host {
    width: 100%;
}

#root .mobile .transaction-header .deposit-history-header, #root .mobile .transaction-header .withdraw-history-header {
    width: 50%;
    min-width: unset;
    margin: 0;
    border-radius: 0;
    border-radius: 12px;
}

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

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

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

/* Bonus Page */
.mobile .bonus-header, .mobile .activated-tex, .mobile .contact-header, .mobile .contact-text, .mobile .deposit-header {
    display: flex;
    align-items: center;
    height: 100%;
    margin: 0;
    font-size: 13px;
        line-height: 22px;
    justify-content: center;
}

.mobile .bonus-container > app-widget-host {
    flex-direction: column
}

.mobile .bonus-content > app-widget-host {
    padding: 10px 5px
}

.mobile .bonus-box {
    margin: 0;
    padding: 15px 0;
}

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

.mobile .bonus-box .bonus-up > div {
    margin: 0
}

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

.bonus-page .header-mobile {
    position: fixed;
    width: 100%;
    z-index: 1
}

.mobile .bonus-image {
    height: calc(calc(100vw - 0px) / 2.33);
    background: linear-gradient(to bottom, transparent,var(--c-text-special-market));
}

.mobile .bonus-register .bonus-image, .mobile .bonus-protection .bonus-image, .mobile .bonus-deposit .bonus-image, .mobile .bonus-accumulator .bonus-image {
    display: none
}

.mobile .bonus-content .content-box {
    padding: 15px 0
}

.mobile .bonus-content .content-title:before {
    width: 50px;
    height: 50px;
    font-size: 30px
}

.mobile .bonus-content .content-title {
    margin-bottom: 10px
}

.mobile .bonus-teps {
    margin-top: 54px
}

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

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

.mobile .change-password .form-row .form-element-wrapper {
    align-items: center;
    padding: 20px 0
}

.change-password .form-row .change-password-form-success {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

.mobile .responsible-gaming-info .label-value-container input {
        border-bottom: 1px solid var(--c-border-sport-coupon);
    border-radius: 0;
    height: 25px;
        width: 100%;
    max-width: unset;
}

.mobile .element.value select {
            width: 100%;
    border-bottom: 1px solid var(--c-border-sport-coupon);
    border-radius: 0
}

.mobile .element.value select option {
        height: 10px
}

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

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

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

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

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

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

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

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

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

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

.mobile .deposit-description {
    border-bottom: 0;
}

.mobile .deposit-method-merge {
    display: flex;
    align-items: center;
    height: 60px;
    border-bottom: 1px solid var(--c-border)
}

.mobile .deposit-method-merge .deposit-img > img {
    max-height: 25px;
    max-width: 100px
}

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

.mobile .right-sidebar-sub-title {
        text-align: left
}

.mobile .payment-method .form-row {
    flex-direction: column
}

.mobile.view-page-account-deposit-mobilepay .payment-method .generic-form .form-row input[name="telephone"], .mobile.view-page-account-withdraw-mobilepay .payment-method .generic-form .form-row input[name="telephone"] {
    /* opacity: 0.5; */
}

.payment-method .generic-form .fld-amount .form-row .form-element-wrapper {
    position: relative
}

.payment-method .generic-form .fld-amount .form-row .form-element-wrapper:after {
    content: "UGX";
    position: absolute;
    top: 20px;
    transform: translateY(-50%);
    left: 5px;
    color: var(--c-text-primary)
}

.mobile .payment-method .generic-form .fld-amount .form-row .form-element-wrapper:after {
    /* color: var(--c-text-header); */
}

.mobile .payment-method .generic-form .form-row input {
    }

.payment-method .generic-form .fld-amount .form-row input {
    text-indent: 30px
}

.mobile .payment-method ui-button .button-submit-payment {
    height: 32px;
    border-radius: var(--r-border-radius-medium);
            padding: 0 10px;
    width: 100%
}

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

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

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

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

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

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

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

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

/* Bets History*/
.mobile .history-filter, .mobile .history-from, .mobile .history-to {
    flex-direction: column;
    align-items: flex-start
}

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

.mobile .history-from input, .mobile .history-to input {
    max-width: 211px
}

.mobile .history-bet-header .history-bet-toggle {
    /* margin: 0; */
}

.mobile .history-bet-footer {
    flex-direction: column;
    font-size: 13px;
    padding: 0;
}

.mobile .history-bet-footer .history-bet-stake, .mobile .history-bet-footer .history-bet-possible-winnings, .mobile .history-bet-footer .history-bet-odds, .mobile .history-bet-footer .history-bet-possible-bonus {
    display: flex;
    justify-content: space-between;
    padding-right: 10px
}

.mobile .history-bet-match-wrapper {
    /* margin: 10px; */
    font-size: 13px
}

.mobile .history-bet-date-time-id div {
    padding-right: 10px
}

.mobile .history-bet-info {
    flex-direction: row;
    font-size: 13px;
}
.history-systems-wrapper{
    padding: 0 10px;
    border-bottom: 1px solid var(--c-shade)
}
.mobile .history-bet-info, .mobile .history-bet-date-time-id, .mobile .history-bet-content, .mobile .bet-infos-title-wrapper, .mobile .bet-infos-title-wrapper .bet-infos-toggle, .mobile .history-bet-status.won, .mobile .history-bet-status.lost, .mobile .history-bet-status.open, #root .mobile app-history .history-systems-wrapper .history-system-wrapper.history-bet-header, .mobile .history-system-wrapper, .history-bet-status.cancelled {
    font-size: 13px;
}

.mobile .history-bet-date-time-id {
    flex-direction: row;
    width: 100%;
    padding-left: 45px
}

/* Persolan Details*/
.mobile .profile-info .generic-form .form-row {
    flex-direction: column
}

.mobile .profile-info .form-element-wrapper > input, .mobile .change-password .form-element-wrapper > input, .mobile .profile-info .form-element-wrapper ngx-combo-datepicker select {
    /* border-bottom: 1px solid var(--c-border); */
    /* border-radius: 0; */
        /* color: var(--c-text-primary); */
}

body .ui-button.ui-button-icon-only {
    border: 1px solid var(--c-background-sidebar-menu);
}

.ui-button-icon-only .ui-button-icon-left {
        border-    border-left: 1px solid var(--c-text-primary);
}

#root .account .change-password label {
    color: var(--c-emphasis-b)
}

.mobile .change-password .form-element-wrapper > input {
    /* padding: 0; */
}

.mobile .profile-info .generic-form .checkbox-wrapper {
    flex-direction: row
}

.mobile .profile-info ui-button .button-submit-profile-form {
    width: 264px;
    margin: 0 auto
}

.mobile .history-bet-wrapper .history-actions-wrapper .history-bet-reprint, #root .mobile .history-bet-wrapper .history-actions-wrapper .history-bet-confirm, .mobile .history-bet-wrapper .history-actions-wrapper .history-bet-cashout, #root .mobile .history-bet-wrapper .history-actions-wrapper .history-bet-cancel {
    max-width: 150px;
    margin: 0 5px
}

.mobile .profile-info {
    max-width: 350px;
    margin: 0 auto
}

.mobile .user-dara .user-name-wrap > app-widget-host,
.mobile .user-dara .user-id-wrap > app-widget-host{
    flex-direction: column
}

/*****************************
           Footer
*****************************/
.mobile .footer {
    /* margin-top: 30px; */
    z-index: 3
}

.mobile .footer > app-widget-host {
    margin-bottom: 56px
}

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

.mobile .footer-payment {
    padding: 10px 20px
}

.mobile .footer-payment app-widget-host {
    height: 100%;
    margin: 0;
    flex-wrap: wrap
}

.mobile .footer-payment app-widget-host app-image {
    flex: unset;
    display: flex;
    margin: 0 10px
}

.mobile .footer-payment app-widget-host app-image > img {
    max-width: 100%
}

.mobile .footer-payment .right-sidebar-title {
    text-transform: uppercase;
        justify-content: center;
    font-weight: bold;
    margin: 10px 0
}

.mobile .footer-payment .right-sidebar-sub-title {
        text-align: center
}

.mobile .footer-payment .paybill-numbers .right-sidebar-text {
    text-align: center
}

.mobile .footer-payment .customer-care .contact-number {
    height: 50px;
    margin-bottom: 10px
}

.mobile .customer-care .contact-number .right-sidebar-text p {
    margin: 0
}

.mobile .customer-care .contact-number .right-sidebar-text p a:hover, .mobile .customer-care .contact-number .right-sidebar-text p a:active {
    }

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

.mobile .footer-social {
    height: 170px;
    padding-bottom: 20px;
        padding: 30px;
}

.mobile .footer-links .license {
    padding: 0
}

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

#root .mobile .footer-links .links > app-widget-host {
    flex-wrap: wrap;
    justify-content: flex-start
}

.mobile .footer-links .link-group {
    flex: 0 0 100%;
    padding: 40px 5px 0 5px;
}

.mobile .footer-social .footer-logo img {
    max-width: 100%;
    max-height: 60px
}
.mobile .user-dara > app-widget-host{
    max-width: 264px;
    margin: 0 auto 8px
}
/*****************************
     Contact Pages
******************************/
body .mobile .ui-dialog .ui-dialog-titlebar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 54px;
}

body .mobile .ui-dialog .ui-dialog-titlebar > span {
    margin: 0 auto
}

.mobile .ui-dialog .ui-dialog-titlebar-icon span {
    }

.mobile .content-page {
    margin: 0;
    padding: 20px
}

.mobile .about-sub-menu .sub-menu-title, .mobile .about-sub-menu .sub-menu-title-content, .mobile .instruction-help .sub-title, .mobile .contact .contact-title, .mobile .contact .contact-sub-title, .mobile .toggle-menu .bet-type-title {
    font-size: 16px
}

.mobile .about-sub-menu .sub-menu-image, .mobile .image-box img, .mobile .contact .contact-img {
    width: 40px;
    height: 40px;
    min-width: 40px;
    margin-right: 20px
}

.mobile .contact .contact-header > app-widget-host {
    flex-direction: row
}

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

.mobile .merge-box {
    width: 100%;
}

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

.mobile .about-us-menu > ul > li, .mobile .bet-type-menu > ul > li {
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 20px;
    height: 100%;
    margin-right: 20px;
    padding-bottom: 10px
}

.mobile .holder-boxes > app-widget-host {
    flex-direction: column
}

.mobile .about-us-menu .menu .menu-link:hover, .mobile .about-us-menu .menu .menu-link.active, .mobile .bet-type-menu .menu .menu-link:hover, .mobile .bet-type-menu .menu .menu-link.active {
            border-radius: var(--r-border-radius-big);
    padding: 5px 15px
}

/***********************
       Betslip
***********************/
body .mobile .active-mobile-betslip-view .ui-widget-overlay {
        min-width: 100%;
    max-width: 100%
}

body .mobile .ui-dialog.mobile-betslip-view .beto-betslip-notifications.betslip-notifications-wrapper {
    bottom: 0;
    z-index: 1000;
    position: fixed;
    right: 0;
    left: 0
}

.mobile .betslip-container .place-bet, .mobile .betslip .confirm-bet-wrapper .confirm-form-group .confirm-bet, .mobile .quickbetslip .confirm-bet-wrapper .confirm-bet {
    min-height: 40px;
    margin-top: 0
}

#root .quickbetslip.link, .mobile .quickbet-notifications-wrapper {
    position: fixed;
    bottom: 60px;
    width: 100%;
    height: auto;
    z-index: 90;
        border-top: 1px solid var(--c-border-sport-coupon)
}

#root .mobile.os-ios .quickbetslip.link, .mobile.os-ios .quickbet-notifications-wrapper {
    /* bottom: 80px; */
}

#root .quickbetslip.link .betslip-shortcut-container {
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    display: flex;
    padding: 10px 20px;
    height: 60px;
    align-items: center;
    background-color: var(--c-emphasis-c)
}

#root .quickbetslip.link .betslip-shortcut-container .betslip-title {
    flex: 1;
    display: flex;
    justify-content: left;
    align-items: center
}

.mobile .quick-container {
        flex-wrap: wrap;
        margin: 0;
    font-size: 13px;
    padding: 5px 20px
}

.mobile .quick-container .confirm-details-wrapper .value-block .block-label {
        text-transform: uppercase;
    font-size: 11px
}

.mobile .quick-container .confirm-details-wrapper .value-block.bet-odds, .mobile .quick-container .confirm-details-wrapper .value-block.bet-stake {
    text-align: right
}

.mobile .quick-container .confirm-details-wrapper .value-block .value-block-wrapper.bet-stake-wrapper {
    flex-direction: column;
    margin: 0
}

.mobile .quick-container .confirm-details-wrapper .value-block .block-value {
    font-weight: bold
}

.mobile .quick-container .confirm-bet-wrapper {
    padding-top: 15px
}

.mobile .quick-container .confirm-bet-wrapper button.cancel-bet {
            align-items: center;
        font-size: 14px;
    font-weight: 600;
    padding: 20px 20px 10px;
    height: 60px
}

#root .quickbetslip.link .quick-container .title-container .market-selection, #root .quickbetslip.link .quick-container .title-container .bet-odds {
    line-height: 21px;
        right: 10px;
    top: 5px;
    font-size: 0
}

#root .quickbetslip.link .quick-container .title-container .betslip-clear:before {
    content: "x";
    font-size: 16px;
        flex-wrap: wrap;
    justify-content: space-between;
    height: auto
}

#root .quickbetslip.link .quick-container .place-bet {
    font-weight: bold;
    text-transform: uppercase;
    line-height: 18px;
    max-width: 50%;
    order: 2;
    font-size: 15px;
            flex: 0 0 40%;
    margin: 0 5% 20px;
    padding: 7px;
    border: 1px solid var(--c-background-betslip-button-bet);
    border-radius: var(--r-border-radius-medium)
}

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

#root .quickbetslip.link .quick-container .place-bet-wrapper .winnings {
    width: 100%;
    order: 0;
    padding: 5px 0 15px;
    text-align: center;
        font-size: 14px;
}

#root .quickbetslip.link .quick-container .place-bet-wrapper .bet-stake-wrapper {
    order: 1;
    background: var(--c-background-body);
    flex: 0 0 40%;
    margin: 0 5% 20px;
    padding: 7px;
    border: 1px solid var(--c-text-footer-bottom-help-titel);
    border-radius: var(--r-border-radius-medium);
}

#root .quickbetslip.link .quick-container .place-bet-wrapper .bet-stake-wrapper .stake {
    font-size: 11px;
    line-height: 13px;
        display: block
}

#root .quickbetslip.link .quick-container .place-bet-wrapper .bet-stake-wrapper .currency {
    font-size: 22px;
    line-height: 1;
        width: 32px;
    height: 32px;
    font-size: 0;
        background: url(/v2.07/r/images/BOA/icons/close-red.svg) left center no-repeat;
    background-size: contain;
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translate(0%, -50%);
}

#root .quickbetslip.link .betslip-shortcut-container .betslip-odds, .quick-container .bet-odds {
        margin: auto 4px
}
#root .quickbetslip.link .betslip-shortcut-container .betslip-bonus-payout {
    margin-left:5px;
    font-size:14px;
}
#root .quickbetslip.link .betslip-shortcut-container .betslip-clear {
    display: none
}

#root .quickbetslip.link .betslip-shortcut-container .betslip-arrow {
    opacity: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 0
}

#root .mobile .betslip-container {
    padding: 0;
    height: auto;
    max-height: calc(100vh - 54px);
    height: 100%;
    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%);
    border-top-left-radius: var(--r-border-radius-big);
    border-top-right-radius: var(--r-border-radius-big);
}

#root .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 .mobile .betslip-title .betslip-counter {
    margin: 0 9px;
    text-align: center;
            border-radius: 26px;
    width: 26px;
    height: 26px;
    flex: 0 0 auto;
    display: block;
    order: 1;
    line-height: 26px
}

#root .mobile .betslip-container .betslip-title .betslip-counter {
    display: none
}

.mobile .betslip .betslip-title {
    /* border-radius: 0; */
}

.mobile .betslip .betslip-bets-container {
    background-color: var(--c-background-betslip)
}

.mobile .betslip .betslip-bets-container .header-titles-container {
    flex: unset
}

.mobile .betslip .betslip-bets-container .multiple-wrapper {
    /* flex: unset; */
    /* margin-left: auto; */
}

.mobile .betslip .betslip-bets-container .multiple-container, .mobile .betslip .betslip-bets-container .system-container {
    flex-wrap: wrap
}

.mobile .betslip .betslip-bets-container .header-titles-container > span.multiple-stake {
    margin-top: 15px
}

.mobile .betslip .betslip-events-wrapper .bet-container .bet-actions > app-bet-event-actions {
    bottom: 19px
}

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

#root .num-pad-container {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    z-index: 1000;
    left: 0;
}

#root .num-pad-container.on-top {
        border-radius: var(--r-border-radius-big);
    box-shadow: 2px 2px 4px #0000004f;
    overflow: hidden;
    padding-bottom: 5px;
    width: calc(100% - 10px);
    left: 5px;
}

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

#root .num-pad-container app-stake-presets {
    flex: 1 1 100%
}

#root .num-pad-container .elements.numbers {
    flex: 1 1 70%;
    justify-content: flex-start
}

#root .quick-container .num-pad-container .elements.numbers {
    flex: 1 1 80%
}

#root .num-pad-container .elements.other {
    flex: 1 1 30%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    position: relative;
}

#root .quick-container .num-pad-container .elements.other {
    grid-template-columns: repeat(1, 1fr);
    flex: 1 1 calc(20% - 5px);
    margin-right: 5px
}

#root .num-pad-container .elements.other .other-button.button-point {
    grid-column: 1 / 2;
    grid-row: 1;
}

#root .num-pad-container .elements.other .other-button.button-0 {
    position: absolute;
    bottom: 0;
    right: 100%;
    width: 42%
}

#root .quick-container .num-pad-container .elements.other .other-button.button-0 {
    right: 98%;
    width: 80%
}

#root .num-pad-container .elements.other .other-button.button-backspase {
    grid-column: 1 / 2;
    grid-row: 2;
    background-image: url(/v2.07/r/images/site/icons/backspace.svg);
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px
}

#root .num-pad-container .elements.other .other-button.button-enter {
    grid-column: 2 / 3;
    grid-row: 1 / 3;
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 0;
    margin-right: 5px;
}

#root .num-pad-container .elements.other .other-button.button-enter:before {
    content: "OK";
    font-size: 16px
}

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

#root .num-pad-container .elements.presets {
}

#root .num-pad-container .elements.presets > .preset-button {
    flex: 1;
    text-align: center;
    padding: 10px 0
}

#root .num-pad-container .elements.presets > .preset-button:last-child {
    margin-right: 5px
}

#root .num-pad-container .num-pad-container .elements.presets > .preset-button:last-child {
    margin-right: 5px
}

#root .num-pad-container .elements .element {
    flex: 0 0 calc(20% - 5px);
    width: auto;
    margin: 5px 0px 0 5px;
    border-radius: 0;
        border: 1px solid var( --c-background-betslip-betting-body);
    padding: 16px 0;
    font-size: 14px;
    font-weight: bold;
        height: auto;
    border-radius: var(--r-border-radius-medium)
}

#root .num-pad-container .elements.control .element {
    flex: 0 0 calc(50% - 48px)
}

#root .mobile .betslip-container .systems-container .num-pad-container, #root .mobile .betslip-container .multiple-container .num-pad-container {
    margin-top: 0
}

.mobile .quickbet-notifications-wrapper {
        border-top: 1px solid var(--c-background-betslip-betting-body)
}

.mobile .betslip-notifications {
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-top: 1px solid var(--c-emphasis-b);
    background-color: var(--c-background-b);
    color: var(--c-black)
}

.mobile .betslip-notifications.success.betslip-booking {
        border-top: 1px solid var(--c-background-betslip-betting-body)
}

.mobile .betslip-notifications .bet-messages {
    display: flex;
    text-align: center;
    margin-bottom: 20px
}

.mobile .betslip-notifications .bet-messages .bet-reference {
    margin-left: auto
}

.mobile .betslip-notifications .bet-messages-actions {
    display: flex;
    justify-content: center;
    gap: 5px;
    margin-bottom: 10px
}
.bet-messages-actions{
    padding-left: 10px;
    padding-right: 10px
}
.mobile .betslip-notifications .bet-book {
    text-align: center;
    margin-bottom: 20px
}

.betslip-notifications .bet-book .bet-book-actions {
    position: absolute;
    top: 150px;
    left: 0;
    width: 100%
}

.mobile .betslip-notifications .bet-book .bet-book-actions {
    top: 135px;
}

.mobile .betslip-notifications .bet-book .bet-book-code {
    display: flex;
    flex-direction: column;
}

.betslip-notifications .bet-book .bet-book-code {
    margin-bottom: 80px
}

.mobile .betslip-notifications .bet-book .bet-book-code .code-value {
    font-size: 24px;
    line-height: 40px;
            flex: 0 0 45%;
    margin-right: 5%;
    margin-bottom: 10px;
    border-radius: var(--r-border-radius-medium);
        height: auto;
    padding: 15px 0
}

.betslip-notifications .bet-messages-actions .reload-selections {
    border-radius: var(--r-border-radius-medium);
    margin-bottom: 0;
    background-color: var(--c-emphasis-c);
    color: var(--c-white);
    margin-bottom: 10px
}

.mobile .betslip-notifications .bet-messages-actions .close-notification, 
.mobile .booking-notifications-wrapper .bet-messages-actions .close-notification {
            flex: 0 0 45%;
    margin-left: 5%;
    margin-bottom: 10px;
    border-radius: var(--r-border-radius-medium);
    border: 1px solid var(--c-background-betslip);
    height: 48.8px;
    padding: 15px 0
}

.mobile .betslip-notifications .bet-messages-actions .close-notification {
    margin: 0;
    border-radius: var(--r-border-radius-medium);
    background-color: var(--c-emphasis-d);
    color: var(--c-white)
}

.mobile .booking-notifications-wrapper .betslip-notifications .bet-messages {
    display: flex;
    margin-bottom: 0px;
    padding: 5px;
    justify-content: center;
    border-bottom: 1px solid var(--c-text-betslip-betting-header);
}

/***************************************
         Mobile Check Ticket
***************************************/
.mobile-navigation-view-left .bet-check form {
    flex-direction: row-reverse
}

.mobile-navigation-view-left .bet-check form input {
    height: 50px;
    border-radius: var(--r-border-radius-big);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 0 15px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
    border-radius: var(--r-border-radius-big);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    text-transform: uppercase;
    font-weight: bold;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 35px;
    white-space: break-spaces;
    max-width: 100%;
    background-color: var(--c-background-b)
}

/***************************************
            Mobile 404 Page
****************************************/
.mobile .container-404-left{
    display: flex;
    justify-content: center;
}
.mobile .container-404-left img{
    max-width: 80%
}
.mobile .page-404 .container-404-title,
.mobile .page-404 .container-404-subtitle,
.mobile .page-404 .container-404-text,
.mobile .page-404 .custom-cutton-home{
    margin: 0 auto;
    text-align: center;
}
.mobile .page-404 .custom-cutton-home{
    margin-top: 50px
}
/***************************************
    Mobile Additional Responsiveness
***************************************/
@media screen and (max-width: 1050px) {
    .casino-container .games .game {
        flex: 0 0 calc(50% - 8px)
    }

    .mobile.landscape .casino-container .games .game {
        flex: 0 0 calc(25% - 8px)
    }
}

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

@media screen and (max-width: 742px) {
    .mobile.portrait .casino-container .games .game {
        flex: 0 0 calc(50% - 8px)
    }

    .mobile.landscape .casino-container .games .game {
        flex: 0 0 calc(33.3333% - 8px)
    }

    .mobile.portrait .casino-container .games .game {
        flex: 0 0 calc(50% - 8px);
    }

    .mobile.portrait .casino-container .games .game:nth-child(even) {
        margin-right: 0
    }
}

@media screen and (max-width: 480px) {
    .mobile.landscape .casino-container .games .game {
        flex: 0 0 calc(50% - 8px)
    }
}

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

    .mobile.landscape .casino-container .games .game {
        flex: 1 1 100%
    }
}

@media screen and (min-width: 420px) {
    .mobile .mobile-top-link > app-widget-host {
        /*        justify-content: center*/
    }
}

.mobile .support-button {
        height: unset
}

/* Performance test - SRG */
/*.live-page .main-coupon-v1 .item-info-wrapper .match-info .match-live {
    backface-visibility: hidden;
    perspective: 1000px;
    transform: translateZ(0);
    will-change: animation;
    will-change: animation;
    animation: color_change 1s infinite steps(5,end);
}
.odds-selection-default * {
    transform: translateZ(0);
    will-change: transform;
    will-change: animation;
}*/

.mobile .nav-sport-wrapper {
    margin: 5px;
    background-color: var(--c-white)
}

.mobile .nav-favorite-icon {
    background-image: url(/v2.07/r/images/red777/icons/favorite-on.svg);
    background-size: 20px;
    min-width: 20px
}

.nav-feature-favorite {
    background-image: url(/v2.07/r/images/red777/icons/favorite-off.svg);
}

.mobile .sports-page:has(.info-header) .inline-sports-filter, 
.mobile .live-page:has(.info-header) .inline-sports-filter {
    top: 87px;
    background-color: var(--c-background-a)
}

.toggle-filters .mobile .sports-page:has(.info-header) .inline-sports-filter {
    top: 227px;
    z-index: 1;
}

.toggle-filters .mobile .live-page:has(.info-header) .inline-sports-filter {
    top: 136px;
}

app-mobile-app {
    display: none;
}
.mobile .beto-language .ui-dropdown .ui-dropdown-panel {
    top:-70px!important
}