/* 21/11 - DiS */


#root .mobile .body {
    margin-top: 54px /* height of mobile header;;; */;
}
#root .mobile .login-modal .body {
    margin-top: 0
}
#root .mobile .login-modal .body .padding{
    padding: 0
}

.mobile form > div {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap:  wrap;
    justify-content: center;
}
.mobile form > div > div {
    
width: 100%;
}

/*  */
#root .mobile  .content {
   /* padding: 24px 36px; */
   min-height: calc(100vh - 54px) !important;
}

#root .content .match-page {
     /* background-color: var(--c-paper); */
}

#root .mobile.view-page-forgotpassword,
#root .mobile.view-page-login,
#root .mobile.view-page-register,
#root .mobile.view-page-match,
#root .mobile.view-page-live-match {
    /* background-color: var(--c-paper); */
}

#root .content.antepost.runners {
    background-color: var(--c-paper)
}

#root .mobile .footer {
    overflow:hidden;
    background-color: transparent;
}
#root .mobile .footer > app-widget-host {
    padding-bottom:var(--v-sticky-menu-height)
}
#root.bet-added .mobile .footer > app-widget-host {
    padding-bottom:calc(var(--v-sticky-menu-height) + 57px)
}
/* Sticky Headers Mobile */
#root .mobile .antepost .events-tournament-header,
#root .mobile .events-tournament-header,
#root .mobile app-market-headings-container,
#root .mobile .sort-by-Date .events-tournaments-wrapper .event-date-break-wrapper-new
 {
    position: sticky;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    top: 54px;
    z-index: 1;
}
/*  */

#root .mobile .match-stream > app-window-tabs,
#root .mobile .match-tracker  app-window-tabs {
    top: 0;
    left: 32px;
    height: 32px;
    /* position: absolute; */
    width: 100%;
   
}

#root .mobile .match-stream > app-window-tabs .window-tabs,
#root .mobile .match-tracker  app-window-tabs .window-tabs {
    /* height: 36px; */
    background-color: var(--c-primary);
     border-top:2px solid var(--c-primary-b);
    
    /* border-width: 0 1px; */
}

#root .mobile .match-stream > app-window-tabs .window-tab,
#root .mobile .match-tracker  app-window-tabs .window-tab {
    margin: auto 0;
    line-height: 28px;
    height: 100%;
}

#root .mobile .match-stream > app-window-tabs .window-tab.tab-selected, #root .mobile .match-tracker  app-window-tabs .window-tab.tab-selected {
    color: var(--c-white-e);
    /* border-top: 0; */
    background-color: var(--c-emphasis);
    box-shadow: inset 0 0 2px 0 #0002;
    pointer-events: none;
    border-radius: 10px;
}


#root .mobile .content.user-page-content .payment-method {
    height: auto;
}
#root .mobile .content.user-page-content .payment-method {
    margin-left:5px!important;
    margin-right:5px!important;
}
#root .mobile .content.user-page-content .payment-method .payment-form .generic-form {
    margin:0 39px; 
}
#root .mobile .content.user-page-content .payment-frame {
    height: calc(100vh - 200px);
    border: 1px solid var(--c-shade-b);
    border-radius: 4px;
    overflow: hidden
}

#root .mobile.view-page-user-deposit-paysafecard .content.user-page-content .payment-frame {
    height: 620px;
}

#root .mobile.view-page-user-deposit-skrill .content.user-page-content .payment-frame {
    height: 650px;

}

#root .mobile.view-page-user-deposit-creditcard .content.user-page-content .payment-frame {
    height: 1000px;
}