/*Class-based logic goes here*/

/*Toggle button*/
.toggle-amount {
    min-width:30px;
    height:25px;
    background-color:var(--c-tint-b);
    border-radius:2px;
    background-image:url(/v1.011/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.011/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;
    justify-content: center;
    /* padding:5px; */
    min-width:50px;
    height:50px;
    /* height:32px; */
    border-radius:var(--r);
    background-color:var(--c-site-shade-5);
    /* margin-left:5px; */
    /* margin-right:30px; */
}
.hides-sidebar .icon {
    width:24px;
    height:24px;
    
    /* margin-right:5px; */
   
    background-image:url(/v1.011/r/images/in2bet/icons/closesidebar.svg)
}
#root.hide-sidebar .hides-sidebar {
    width:17px;
    min-width:17px;
}
#root.hide-sidebar .hides-sidebar .icon {
    background-image:url(/v1.011/r/images/in2bet/icons/opensidebar.svg);
    margin-right:unset;
    background-repeat:no-repeat;
    background-position:center;
}
#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 .featured-leagues-title {
    display:none;
    overflow:hidden;
    white-space:nowrap;
}

#root.hide-sidebar .left-sidebar.collapsible .dates-list-header {
   padding:8px;
}
#root.hide-sidebar .left-sidebar.collapsible .nav-sports-header .nav-sports-title{
    display:none;
}

#root.hide-sidebar .left-sidebar.collapsible .nav-sport {
    text-align:center;
    justify-content:center;
}
#root.hide-sidebar .left-sidebar.collapsible .nav-sport .nav-sport-name {
    visibility:hidden;
    padding:0px;
    width:0px;
}
#root.hide-sidebar .left-sidebar.collapsible .nav-sport .nav-sport-icon {
    margin:unset;
}
#root.hide-sidebar .left-sidebar.collapsible .sidebar-link {
    justify-content:center;
}
#root.hide-sidebar .left-sidebar.collapsible .sidebar-link .icon {
    margin:0;
}
#root.hide-sidebar .left-sidebar.collapsible .sidebar-link-text {
    display:none;
}
#root.hide-sidebar .left-sidebar.collapsible .section-title {
    display:none;
}
#root.hide-sidebar .left-sidebar.collapsible .beto-markets-filter {
    display:none;
}
#root.hide-sidebar .left-sidebar.collapsible .sidebar-heading {
    display:none;
}
#root.hide-sidebar .left-sidebar.collapsible .featured-league-name {
    display:none;
}
#root.hide-sidebar .left-sidebar.collapsible .featured-league-category {
    margin-right:0px;
}
#root.hide-sidebar .left-sidebar.collapsible .featured-league a{
    padding:6px;
    justify-content:center;
}
#root.hide-sidebar .left-sidebar.collapsible .featured-leagues-header {
    display:none;
}
#root.hide-sidebar .left-sidebar.collapsible .sidebar-menu-links .sidebar-link > app-widget-host {
    padding:6px;
}
#root:not(.tabbed-betslip-bethistory) .menu-items .betslip-panel-menu-item.betslip {
    /* border-bottom:4px solid var(--c-emphasis); */
    /* color:var(--c-emphasis); */
    background-color:var(--c-accent-color);
    color:var(--c-text-light-e)
}
#root:not(.tabbed-betslip-bethistory) .menu-items .betslip-panel-menu-item.betslip .betslip-clear button::before {
    filter: saturate(0) invert(1) brightness(10);
}
#root.tabbed-betslip-bethistory  .menu-items .betslip-panel-menu-item.bet-history {
   background-color:var(--c-accent-color);
    color:var(--c-text-light-e)
}
#root .tabbed-betslip-container.menu-items .tabbed-betslip-wrapper {
    display:flex;
}
#root .tabbed-betslip-container.menu-items .bet-history-wrapper {
    display:none
}

#root.tabbed-betslip-bethistory .tabbed-betslip-container.menu-items .bet-history-wrapper{
    display:flex;
}
#root.tabbed-betslip-bethistory .tabbed-betslip-container.menu-items .tabbed-betslip-wrapper{
    display:none;
}
#root  .bet-history-wrapper .bet-history{
    display:none;
}
#root:not(.show-settled-bets)  .bet-history-wrapper .bet-history.open {
    display:flex;
}
#root.show-settled-bets  .bet-history-wrapper .bet-history.settled {
    display:flex;
}
#root:not(.show-settled-bets)  .bet-history-wrapper  .bet-history-menu-item.open-bets,
#root.show-settled-bets  .bet-history-wrapper  .bet-history-menu-item.settled-bets{
    background-color:var(--c-background-white);
    opacity:1;
    border-bottom:2px solid var(--c-dark-blue)
}

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

#root.show-login .login-popup .register-container,
#root.show-register .login-popup .login-container,
#root.show-login .login-popup app-forgot-password,
#root.show-register .login-popup app-forgot-password,
#root.show-forgot-password .login-popup .register-container,
#root.show-forgot-password .login-popup .login-container,
#root.show-forgot-password .content-register .login-modal,
#root:not(.show-forgot-password)  .content-register  app-forgot-password{
    display:none;
}
#root .login-popup .signup-menu-item {
    border-bottom:5px solid var(--c-off-white)
}
#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-accent-color);
    background-color:var(--c-background-white)
}

#root .ct-live-0 app-sports-coupon.live:not(.coupon-billboard),
#root .ct-live-0 .goto.live {
    display:none;
}