/*Class-based logic goes here*/

/*Toggle button*/
.toggle-amount {
    min-width:30px;
    height:25px;
    background-color:var(--c-shade);
    border-radius:2px;
    background-image:url(/v1.071/r/images/site/icons/Show.svg);
    background-size:30px;
    background-position:center;
    background-repeat:no-repeat;
}
#root.hide-funds .toggle-amount {
     background-image:url(/v1.071/r/images/site/icons/Hide.svg);
}
#root.hide-funds .header data-view[value="user.balance.total"] {
    display:none
}

/*Hide Sidebar*/
.hides-sidebar {
    height:100%;
    display:flex;
    align-items:center;
    padding:5px;
    height:32px;
    background-color:var(--c-shade-b);
    margin-left:5px;
    margin-right:30px;
}
.hides-sidebar .icon {
    width:24px;
    height:24px;
    margin-right:5px;
    background-image:url(/v1.071/r/images/site/icons/Size-I.svg)
}

#root.hide-sidebar .hides-sidebar .icon {
    background-image:url(/v1.071/r/images/site/icons/Size.svg);
    margin-right:unset;
}
#root.hide-sidebar .hides-sidebar .sidebar-info{
    display:none;
}
#root.hide-sidebar .left-sidebar.collapsible {
    max-width: var(--c-l-collapsed-sidebar-max) ;
    min-width: var(--c-l-collapsed-sidebar-min);
}
#root.hide-sidebar .left-sidebar.collapsible .dates-list-content,
#root.hide-sidebar .left-sidebar.collapsible .featured-leagues-header {
    display:none;
}

#root.hide-sidebar .left-sidebar.collapsible .dates-list-header {
   padding:8px;
}
#root.hide-sidebar .left-sidebar.collapsible .nav-sports-header {
    display:none;
}
#root.hide-sidebar .left-sidebar.collapsible .nav-sport-wrapper:first-child {
    border-top:1px solid var(--c-primary)
}
#root.hide-sidebar .left-sidebar.collapsible .nav-sport .nav-sport-name {
    visibility:hidden;
}
#root.hide-sidebar .left-sidebar.collapsible .nav-sport .nav-sport-icon {
    margin:unset;
}
#root .tabbed-betslip-container .tabbed-betslip-wrapper {
    display:flex;
}
#root .tabbed-betslip-container .bet-history-wrapper {
    display:none
}

#root.tabbed-betslip-bethistory .tabbed-betslip-container .bet-history-wrapper{
    display:flex;
}
#root.tabbed-betslip-bethistory .tabbed-betslip-container .tabbed-betslip-wrapper{
    display:none;
}

#root.show-login .login-popup app-block.login,
#root.show-register .login-popup .register-form,
#root.show-forgot-password .login-popup app-forgot-password {
    display:flex;
}

#root.show-login .login-popup .register-form,
#root.show-register .login-popup app-block.login,
#root.show-login .login-popup app-forgot-password,
#root.show-register .login-popup app-forgot-password,
#root.show-forgot-password .login-popup .register-form,
#root.show-forgot-password .login-popup app-block.login {
    display:none;
}
#root .login-popup .signup-menu-item {
    border-bottom:5px solid var(--c-primary)
}
#root.show-login .login-popup .signup-menu-item.login,
#root.show-register .login-popup .signup-menu-item.register,
#root.show-forgot-password .login-popup .signup-menu-item.login {
    border-bottom:5px solid var(--c-primary-b)
}