/* Added by Stan 09.06.21 */

/* Header */

#root .mobile .header .header-links-left{
    flex: 0 1 50px
}
#root .mobile .header .header-links-center{
    flex: 0 1 120px
}
#root .mobile .header .header-links-right{
    position: relative
}
#root .mobile .header .header-links-right > app-widget-host{
    justify-content: flex-end;
    padding-right: 5px
}
.mobile .header .logo {
    left: 0;
    margin-left: 0;
    position: relative;
    top: 0;
    display: flex;
    align-items: center;
    width: 100%
}
.mobile .header .logo img{
    height: auto
}
.mobile .header .user{
    opacity: 1
}
.mobile .header .user-account{
    position: relative;
    top: 0;
    right: 0;
    width: auto;
    height: auto;
    background: none;
}
#root .header .user .account-info.link app-content-block > div{
    align-items: center;
    flex-direction: column;
    justify-content: center;
    display: flex;
    height: 100%;
    min-width: 50px
}
#root .header .user .account-info.link app-content-block > div:before{
    content: '';
    display: flex;
    width: 24px;
    height: 24px;
    margin: 0 auto;
    background-image: url(/v1.43/r/images/site/icons/User.svg);
    background-size: 24px 35px;
    background-repeat: no-repeat
}
.mobile .header .user-account .account-info.link data-view{
    position: relative;
    margin: 0;
    height: auto
}
#root .header .user .account-info.link{
    width: auto;
    line-height: normal
}
#root .mobile .header .header-links-right .my-bets{
    position: relative;
    left: 0;
    margin: 0;
    width: auto;
    height: auto;
    top: 0;
    display: flex
}
#root .mobile .header .header-links-right .my-bets .image{
    align-items: center;
    display: flex
}
.mobile .header .my-bets.link .openbets-counter{
    margin-left: -10px;
    margin-top: 12px
}
.mobile .header .user-account .deposit-link{
    display: flex;
    align-items: center
}
.mobile .header .user-account .deposit-link > div{
    background: #18a460;
    color: #fff;
    font-size: 13px;
    height: 35px;
    line-height: 35px;
    cursor: pointer;
    border-radius: 2px;
    padding: 0 10px;
    margin: 0 5px
}
@media only screen and (max-width: 359px){
    #root .mobile .header .header-links-center {
        flex: 0 1 100px
    }
}
#root.show .mobile .header .user-account{
    top: 0
}
#root .account-info app-widget-host app-content-block:nth-child(3),
#root.show .account-info app-widget-host app-content-block:nth-child(2){
    display: block
}

/* Left Navigation */

#root .mobile .mobile-navigation-view-left .navigation{
    margin-top: 50px
}
#root .mobile .navigation-menu{
    height: 45px;
    background-color: var(--c-primary-c);
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px
}
#root .mobile .navigation-menu .navigation-menu-item.sports,
#root.user-menu .mobile .navigation .navigation-menu-item.user{
    background-color: #47a3ea;
    color: var(--c-white-e)
}
#root .mobile .navigation .navigation-menu-item.user,
#root.user-menu .mobile .navigation .navigation-menu-item.sports{
    background-color: var(--c-primary);
    color: var(--c-white)
}
#root .mobile .mobile-navigation-view-left .navigation .container-sports{
    border-top: 0
}
#root .mobile .mobile-navigation-view-left .navigation .home-shortcut-row .featured-leagues-header,
#root .mobile .mobile-navigation-view-left .navigation .home-shortcut-row-live,
#root .mobile .mobile-navigation-view-left .navigation .home-shortcut-row-today,
#root .mobile .mobile-navigation-view-left .navigation .nav-sports-header{
    font-size: 16px
}
.mobile .container-user .nav-user-menu{
    margin: 10px 0;
}
.mobile .container-user .nav-user-menu .deposit-link,
.mobile .optional-deposit-button .deposit-link{
    background: #18a460;
    border: 0;
    color: #fff;
    font-size: 14px;
    height: 40px;
    letter-spacing: .015em;
    width: 100%;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 8px;
    border-radius: 2px
}
.mobile .container-user .nav-user-menu .deposit-link.withdraw-link{
    background: var(--c-primary)
}


/* Optional Footer Deposit Button */

.mobile .optional-deposit-button > app-widget-host{
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 95;
    padding: 10px;
    background-color: var(--c-primary-c)
}
.mobile .optional-deposit-button .deposit-link{
    margin-bottom: 0
}
/* Live Page */

#root .mobile .events-wrapper > app-subscribe-to-alternative{
    display: none
}

#root .mobile .events-wrapper app-inline-sports-filter{
    max-width: 100%!important
}