#root.show-recent-tickets .tabbed-betslip-menu-item.ticket-tab {
    color: var(--c-f);
}

#root.collapse .right-sidebar.collapsible {
    min-width: var(--c-r-collapsed-sidebar-min);
    max-width: var(--c-r-collapsed-sidebar-max);
}

#root.collapse .right-sidebar.collapsible .content-expanded {
    display: none ;
}

#root:not(.collapse) .right-sidebar.collapsible .content-collapsed {
    display: none;
}

#root:not(.show-recent-tickets) app-block.ticket-tab {
    display: none;
}

#root.show-recent-tickets .betslip.betslip-tab {
    display: none;
}

#root.show-recent-tickets app-block.ticket-tab {
    display: flex;
}

#root:not(.forgot-password) .ui-dialog.login-popup .forgot-password, #root:not(.forgot-password) .ui-dialog.login-view .forgot-password, #root:not(.forgot-password) .ui-dialog.login-modal .forgot-password {
    display: none;
}

#root:not(.forgot-password) .ui-dialog.login-popup .login, #root:not(.forgot-password) .ui-dialog.login-modal .login {
    display: flex;
}

#root.forgot-password .ui-dialog.login-popup .forgot-password, #root.forgot-password .ui-dialog.login-modal .forgot-password {
    display: flex;
}

#root.forgot-password .ui-dialog.login-popup .login, #root.forgot-password .ui-dialog.login-view .login, #root.forgot-password .ui-dialog.login-modal .login {
    display: none;
}

#root:not(.ticket-settled) .ticket-tab-menu-item.open {
    color: var(--o-blue-a)
}

#root:not(.ticket-settled) .bet-history.settled {
    display: none;
}

#root.ticket-settled .ticket-tab-menu-item.settled {
    /* background-color: var(--o-primary); */
    color: var(--o-blue-a)
}

#root.ticket-settled .bet-history.open {
    display: none;
}

#root:not(.show-balance) .mobile .table .row:not(.row-balance):not(.row-net-balance) {
    display: none;
}

#root:not(.show-balance) .mobile .table .hide-balance {
    display: none
}

#root.show-balance .mobile .table .show-balance {
    display: none
}

#root.show-balance .mobile .table .row:not(.row-balance) {
    display: flex;
}

#root .mobile .content .user-menu .menu-list-item:not(.tile) {
    display: none;
    padding: 12px 12px 12px 40px;
}

#root.transactions-open .mobile .content .user-menu .left-user-account-menu-item.transactions div, #root.profile-open .mobile .content .user-menu .left-user-account-menu-item.profile div, #root.bethistory-open .mobile .content .user-menu .left-user-account-menu-item.bethistory div, #root.messages-open .mobile .content .user-menu .left-user-account-menu-item.messages div {
    /* background-color: var(--o-blue-c); */
    margin-bottom: 0px;
    font-size: 1.1rem;
}

#root.transactions-open .mobile .user-menu .menu-group.transactions, #root.profile-open .mobile .content .user-menu .menu-group.profile, #root.bethistory-open .mobile .content .user-menu .menu-group.bethistory {
    /* background-color: var(--o-primary); */
    /* border-radius: 18px; */
}

#root.transactions-open .mobile .user-menu .menu-group.transactions div::after, #root.profile-open .mobile .content .user-menu .menu-group.profile div::after, #root.bethistory-open .mobile .content .user-menu .menu-group.bethistory div::after, #root.messages-open .mobile .content .user-menu .menu-group.messages div::after {
    transform: rotate(0deg)
}

#root.transactions-open .mobile .user-menu .menu-list-item.menu-list-item-wallet, #root.profile-open .mobile .user-menu .menu-list-item.menu-list-item-profile, #root.bethistory-open .mobile .user-menu .menu-list-item.menu-list-item-history, #root.messages-open .mobile .user-menu:not(.quick-actions) .menu-list-item.menu-list-item-messages {
    font-size: 1rem;
    display: flex;
    /* background-color:var(--o-primary-b); */
    width: 100%;
    line-height: 16px;
}

#root .payments-tab-container app-widget-host .payments-tab.deposits {
    /* background: linear-gradient(to top,var(--o-green-b), var(--o-primary)); */
    /* color: var(--o-primary-b); */
}

#root.withdrawals .payments-tab-container app-widget-host .payments-tab.withdrawals {
    /* background: linear-gradient(to top,var(--o-blue-b), var(--o-primary) ); */
    /* color: var(--o-primary-b); */
}

#root:not(.withdrawals) .payments-tab-container app-widget-host .payments-tab.withdrawals, #root.withdrawals .payments-tab-container app-widget-host .payments-tab.deposits {
    box-shadow: unset;
    background: unset;
}

#root:not(.withdrawals) .payments-menu-item.withdrawals, #root.withdrawals .payments-menu-item.deposits {
    display: none
}

#root:not(.withdrawals) .payments-menu-item.withdrawals .deposit-method .deposit-method-cell, #root.withdrawals .payments-menu-item.deposits .deposit-method .deposit-method-cell {
    display: none!important;
    margin: unset;
    border: unset;
}

#root:not(.user-menu-nav-open) .navigation-container .navigation-user-section {
    display: none;
}

#root.user-menu-nav-open .navigation-container .navigation-sport-section {
    display: none
}

#root:not(.user-menu-nav-open) .navigation-tab-menu-item.sports {
    color: var(--o-blue-a)
}

#root.user-menu-nav-open .navigation-tab-menu-item.user {
    color: var(--o-blue-a)
}

#root.hide .header data-view[value="user.balance.total"] {
    display: none;
}

#root .toggle-amount app-widget-host {
    justify-content: center;
}

#root .toggle-amount app-widget-host::before {
    font: var(--icon-font);
    /* font-family: 'BIF'; */
    pointer-events: none;
    display: inline-block;
    font-weight: normal;
    width: 24px;
    /* height: 40px; */
    color: var(--c-f)
}

/*  */
#root:not(.hide) .toggle-amount app-widget-host::before {
    content: " sc-eye-show-b";
    margin-left: 8px;
}

#root.hide .toggle-amount app-widget-host::before {
    content: " sc-eye-hide-b";
    margin-left: 8px;
}

#root .toggle-amount app-widget-host::after {
    content: "Hide Balance";
    font-size: 1em;
    display: inline-flex;
    flex: 1 1 100%;
    font-weight:500;
    font-size: 1.1rem;
    margin-left: 8px;
    color: var(--c-f);
}
#root.hide .toggle-amount app-widget-host::after {
    content:"Show Balance"
}

html[lang="el"] #root .toggle-amount app-widget-host::after {
    content: "Εμφάνιση / Απόκρυψη Ποσού";
    font-size: 1em;
}

#root .toggle-amount app-widget-host {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
}

#root .toggle-amount {
    background-color: var(--c-o2i);
    padding: 8px 14px 8px 10px;
    border-radius: var(--r);
    background-color: var(--c-o);
    /* margin-right: auto; */
    width: 100%;
    box-shadow: var(--x-surface-b);
}
#root .toggle-amount:active {
    background-color: var(--c-o1i);
    box-shadow: var(--x-surface-a)
}
#root .user-menu.quick-actions .toggle-amount {
    width:100%
}

#root.active-mobile-betslip-view .bottom-navbar .navbar-item.my-bets .hide-trigger {
    pointer-events: none;
}

#root .hide-trigger {
    z-index: 100;
    width: 50px;
    height: 20px;
    background-color: var(--o-primary-b);
    box-shadow: var(--x-surface-i);
    bottom: var(--c-bottom-navbar);
    position: fixed;
    justify-content: center;
    /* width:100%; */
    /* height:100%; */
    background-color: var(--c-o2i);
    left: 50%;
    transform: translate(-50%,0%);
    display: none;
}

.hide-trigger {
    display: none;
}

#root.quickbet-active .hide-trigger {
    /* display:block; */
    background-color: var(--o-primary-c);
}

#root .hide-trigger:not(.link) app-block::before {
    font-size: 20px;
    margin: 0px;
}

#root:not(.hide-betslip) .hide-trigger:not(.link) app-block.on {
    display: none;
}

#root.hide-betslip .hide-trigger:not(.link) .down {
    transform: rotate(180deg)
}

#root.hide-betslip .hide-trigger:not(.link) app-block.off {
    display: none
}

#root .bottom-navbar .hide-trigger.open-modal {
    display: block;
}

#root app-quick-bet {
    transition: bottom 0.2s ease;
}

#root.hide-betslip app-quick-bet {
    transition: bottom 0.2s ease;
}

#root app-quick-bet .quick-container, #root .betslip-shortcut-container {
    transition: background-color 0.2s ease
}

#root.hide-betslip app-quick-bet .quick-container, #root.hide-betslip .betslip-shortcut-container {
    background-color: var(--o-blue-b);
    transition: background-color 0.2s ease
}

#root.hide-betslip app-quick-bet {
    bottom: -68px;
}

#root.hide-betslip.shortcut-active app-quick-bet {
    bottom: 10px;
}

#root.hide-net-balance .row-net-balance .value {
    /*  display: none; */
}

#root .row-net-balance > app-widget-host::before {
    content: " sc-eye-show-b";
    font-size: 24px;
    font-family: BIF;
    pointer-events: none;
    max-width: 24px;
    height: 24px;
    width: 24px;
    min-width: 24px;
    text-align: left;
    margin-left: 6px;
    display: none;
}

#root.hide-net-balance .row-net-balance > app-widget-host::before {
    content: " sc-eye-hide-b";
}