#root{
    height: auto
}
.block-menu {
    width: 100%;
    margin: 10px 0
}

#root .block-menu app-widget-host {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

#root .mobile .nav-sport-name {
    font-weight: 600;
    font-size: 1rem;
}

#root .block-menu.horizontal app-widget-host {
    flex-wrap: nowrap;
    overflow: auto;
    max-width: 100vw;
    align-items: flex-start;
    justify-content: flex-start;
    overflow-y: hidden;
}

#root .block-menu.horizontal {
    width: 100%;
    overflow: hidden;
}

.block-menu .block {
    width: 30vw;
    height: 18vw;
    max-width: 40vw;
    min-width: 20vw;
    max-height: 100px;
    background: linear-gradient(200deg, var(--c-primary-c), var(--c-primary));
    margin: 4px;
    border-radius: 2px;
}

#root .block-menu .block app-widget-host {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

#root .block-menu .block .block-text,
#root .block-menu .block .block-image {
    width: 100%;
    height: 70%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#root .block-menu .block .block-text {
    height: 30%;
    background-color: var(--c-primary)
}

#root .block-menu .block .block-image {
    /* border-bottom: 1px solid var(--c-shade-b); */
    /* position: relative; */
}

#root .block-menu .block .block-image img {
    max-height: 35px    
}
#root .block-menu .block.payments .block-image img {
    max-height: 60px
}
#root .block-menu .block.easygames .block-image img {
    height: 35px    
}
#root .block-menu .block .block-image::before {
    content: "";
    position: absolute;
    width: 40px;
    height: 5px;
    background-color: var(--c-primary-c);
    border-radius: 50%;
    opacity: 0.7;
    bottom: 10%;
    filter: blur(2px)
}

#root .markets-match-live-info-wrapper div {
    padding: unset;
}

#root .markets-match-header .live-title {
    margin-bottom: 2px;
}

#root .match-page .markets-match-header .match-date-and-time .match-minute {
    padding-left: 10px;
}

#root .desktop .content .home-live-block .events-sport-coupon-title:before,
#root .mobile .content .events-sport-coupon-title:before {
    background-image: url(/v2.26/r/images/site/icons/Live_Icon_FFFFFF.svg);
}

#root .desktop .content .home-livebooked-block .events-sport-coupon-title:before {
    background-image: url(/v2.26/r/images/site/icons/Going_Live_White.svg);
    /* transform: rotate(180deg); */
}

#root .desktop .content .home-highlights-block .events-sport-coupon-title:before {
    background-image: url(/v2.26/r/images/site/icons/Highlights_White.svg);
}

.soccer:not(.events-category-flag):not(.match-page-country-flag),
.icon-sport.soccer,
#root .sport-soccer .markets-match-header .live-match-score-title.live-title::before {
    background-image: url("/v2.26/r/images/site/icons/sport_soccer.png");
}

.basketball:not(.events-category-flag):not(.match-page-country-flag),
.international-basket,
.icon-sport.basketball,
#root .sport-basketball .markets-match-header .live-match-score-title.live-title::before {
    background-image: url("/v2.26/r/images/site/icons/sport_basketball.png");
}

.tennis:not(.events-category-flag):not(.match-page-country-flag),
.sport-icon.atp,
.icon-sport.tennis,
#root .sport-tennis .markets-match-header .live-match-score-title.live-title::before {
    background-image: url("/v2.26/r/images/site/icons/sport_tennis.png");
}

.ice-hockey:not(.events-category-flag):not(.match-page-country-flag),
.icon-sport.ice-hockey,
#root .sport-ice-hockey .markets-match-header .live-match-score-title.live-title::before {
    background-image: url("/v2.26/r/images/site/icons/sport_ice_hockey.png");
}

.volleyball:not(.events-category-flag):not(.match-page-country-flag),
.icon-sport.volleyball,
#root .sport-volleyball .markets-match-header .live-match-score-title.live-title::before {
    background-image: url("/v2.26/r/images/site/icons/sport_volleyball.png");
}

.american-football:not(.events-category-flag):not(.match-page-country-flag),
.icon-sport.american-football,
#root .sport-american-football .markets-match-header .live-match-score-title.live-title::before {
    background-image: url("/v2.26/r/images/site/icons/sport_american_football.png");
}

.handball:not(.events-category-flag):not(.match-page-country-flag),
.icon-sport.handball,
#root .sport-handball .markets-match-header .live-match-score-title.live-title::before {
    background-image: url("/v2.26/r/images/site/icons/sport_handball.png");
}

.cricket:not(.events-category-flag):not(.match-page-country-flag),
.icon-sport.cricket,
#root .sport-cricket .markets-match-header .live-match-score-title.live-title::before {
    background-image: url("/v2.26/r/images/site/icons/sport_cricket.png");
}

.badminton:not(.events-category-flag):not(.match-page-country-flag),
.icon-sport.badminton,
#root .sport-badminton .markets-match-header .live-match-score-title.live-title::before {
    background-image: url("/v2.26/r/images/site/icons/badminton.png");
}

.futsal:not(.events-category-flag):not(.match-page-country-flag),
.icon-sport.futsal,
#root .sport-futsal .markets-match-header .live-match-score-title.live-title::before {
    background-image: url("/v2.26/r/images/site/icons/sport_futsal.png");
}

#root .home-highlights ul.sports-filter li,
#root .live-match-coupon ul.sports-filter li{
    background-image: url(/v2.26/r/live.png);
    background-repeat: no-repeat;
    background-position: 29px 6px;
    background-size: 34px;
    display: inline-block;    
    min-width: 75px !important;
    border-top: 4px solid var(--c-shade);
    border-left: 4px solid var(--c-shade);
    border-right: 4px solid var(--c-shade);
}
#root .sports-filter li{
    border-top: 4px solid var(--c-shade);
    border-left: 4px solid var(--c-shade);
    border-right: 4px solid var(--c-shade)
}
#root .home-highlights .sports-filter li.selected,
#root .sports-filter li.selected {
    border-top: 4px solid var(--c-emphasis);
}


#root .desktop .other-matches .ui-overlaypanel {
    max-height: calc(50vh - 108px);
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

#root .breadcrumbs-dd .ui-overlaypanel-content {
    max-height: calc(50vh - 108px);
    min-height: unset;
    background-color: transparent;
    border: unset
}

#root .desktop .match-breadcrumbs {
    background-color: var(--c-primary);
    z-index: 11;
    width: unset;
}

#root .match-breadcrumbs .match-info {
    width: 40%;
    flex-direction: column;
    justify-content: flex-end
}

#root .match-breadcrumbs .match-time,
#root .match-breadcrumbs .match-date {
    display: flex;
    align-items: center;
    font-size: 14px;
    justify-content: flex-end;
}

#root .match-breadcrumbs .match-time {
    order: -1
}

#root .match-breadcrumbs ul,
#root .desktop .match-breadcrumbs,
.beto-match-breadcrumbs,
#root .coupon-breadcrumbs ul {
    display: flex;
    padding-left: 10px;
    padding-right: 10px;
}

.beto-match-breadcrumbs {
    align-items: center
}

#root .match-breadcrumbs .other-matches-wrapper {
    flex-direction: column;
    overflow: auto;
    /* height: 100%; */
    background: var(--c-primary-b);
    box-shadow: 2px 2px 5px var(--c-shade);
    z-index: 160;
    overflow: hidden;
}

#root .match-breadcrumbs ul li {
    height: 100%;
}

#root .match-breadcrumbs ul li,
#root .coupon-breadcrumbs ul li {
    padding: 0px 5px;
    display: inherit;
    align-items: center;
    /* position: relative; */
    color: var(--c-white);
}

#root .match-breadcrumbs .other-match {
    flex-direction: column;
    height: 40px;
    flex-wrap: wrap;
    align-items: flex-start;
}

.breadcrumbs-dd .ui-overlaypanel-content {
    min-height: unset;
    padding: unset!important;
    max-height: calc(100vh - 108px);
    overflow: auto;
}

#root .other-match .match-label-container {
    width: 60%;
    display: flex;
    flex-direction: column;
}

#root .match-breadcrumbs .live-score {
    overflow: visible;
    color: var(--c-white);
    flex-basis: 110px;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-left: auto;
}

#root .match-breadcrumbs .other-match .match-progress {
    width: 100%;
    max-width: 20%;
    order: -1;
}

.match-breadcrumbs .other-matches a,
.match-breadcrumbs .other-matches span {
    overflow: hidden;
}

#root .match-breadcrumbs .other-match .match-period {
    display: none;
}

.search-result-type {
    display: none;
}

.search-result .search-match-type {
    align-items: center;
    display: flex;
    position: relative;
}

.search-result .search-match-tournament-category {
    display: flex;
    font-size: 11px;
}

.search-match-tournament:before {
    content: "• ";
}

.search-match-code {
    display: none;
}

#root .search-result .search-match-type .default-sport {
    width: 12px;
    height: 12px;
    margin-bottom: -8px;
    margin-right: -8px;
    z-index: 2;
    display: block;
    background-size: contain !important;
    position: absolute;
}

.search-result .search-match-sport {
    display: none;
}

.search-match-name {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
}

.search-match-data .default-sport {
    display: none;
}

.search-match-info {
    display: flex;
    font-size: 11px;
    flex-wrap: nowrap;
    white-space: nowrap;
    min-width: 0;
    flex-shrink: 0;
    order: 1;
    margin-left: 6px;
}

.search-result .search-match-date {
    white-space: nowrap;
    margin-right: 4px;
}

.search-match-category {
    margin: 0 4px;
}

#root .desktop .body .outer .content {
    overflow: unset;
    max-height: unset;
    height: 100%;
}

#root .desktop .body .outer .content.content-text {
    height: calc(100vh - 137px)
}


/*====================================================================================*/


/*                                     LOADER                                         */


/*====================================================================================*/

body .content-loader:before {
    display: none;
}

body .content-loader:after,
body .content-loader:not(:required):after {
    display: none;
}

.loader-container {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: var(--c-primary-c);
    top: 0;
    left: 0;
    display: none!important
}

.loader-container .loader-logo {
    position: absolute;
    max-width: 240px;
    min-width: 120px;
    width: 100%;
    top: 30%;
    left: 50%;
    transform: translate(-50%);
}

.loader-container .loader-gif {
    position: absolute;
    max-width: 100px;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
}


/*====================================================================================*/

#root .desktop .header .user .account-info.link data-view {
    white-space: nowrap
}

#root .betslip-notifications button.close-notification,
#root .betslip-notifications button.reload-selections {
    align-items: center;
}

#root ul.match-breadcrumbs {
    width: calc(100% - 85px);
}

.mobile .home .nav-sports.only-link .nav-sport-wrapper {
    display: flex;
    flex-direction: column;
    user-select: none;
    width: calc(33% - 4px);
    height: 25vw;
    max-height: 100px;
    margin: 2px;
    border-radius: 2px;
}

#root .mobile .home .nav-sports.only-link .nav-sport-wrapper .nav-sport {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: 0 0 100%;
    flex-direction: column;
    position: relative;
    align-items: center;
    justify-content: center;
    border-bottom: unset;
    padding: unset;
    background: linear-gradient(45deg, var(--c-primary-c), var(--c-primary));
    border-right: 4px solid var(--c-primary-b);
    border-bottom: 4px solid var(--c-primary-b);
    border-left: 4px solid var(--c-shade-b);
    border-top: 4px solid var(--c-shade-b);
    overflow: hidden;
}

#root .mobile .home .nav-sports.only-link .nav-sport-counter.nav-counter {
    position: absolute;
    top: 0px;
    right: 0px;
    margin: unset;
    padding: unset;
    padding: 4px;
    background-color: var(--c-emphasis-b);
    color: var(--c-white-e);
    box-shadow: 2px 2px 3px var(--c-shade-b);
    border-bottom-left-radius: 10px;
    border-right: 1px solid var(--c-tint-b);
}

#root .mobile .home .nav-sports.only-link {
    flex-wrap: wrap;
    display: flex;
    margin: 0 auto;
    background-color: transparent;
    overflow: unset
}

#root .mobile .home .nav-sports.only-link .nav-sport-wrapper .nav-sport-name {
    padding-left: unset;
    margin-top: 8px
}

#root .mobile .home .nav-sports.only-link .nav-sport-wrapper .nav-sport-icon {}

#root .mobile app-label-value[mydescription="Password"] .element.value {
    display: flex;
    align-items: center;
    position: relative;
}

#root .mobile app-label-value[mydescription="Password"] .element.value .required-inline-field {
    position: absolute;
    right: -10px;
}

#root .mobile app-set-value {
    width: 50%;
}

#root .mobile app-set-value input {
    width: 100%;
}

#root .mobile .element.label {
    width: 50%;
}

#root .tab-grid {
    background-color: var(--c-primary-c);
    max-width
}

#root .tab-grid>app-widget-host {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /* column-count: 4; */
}

#root .tab-grid-column {
    width: calc(50% - 6px);
    min-width: 250px;
    /* max-width: 400px; */
    margin: 3px;
    flex-grow: 1;
}

#root .user-page-content .deposit-link.withdraw-link {
    margin-bottom: unset;
}

#root .mobile .tab-grid-column {
    min-width: 100%;
    margin: unset;
}

#root .tab-grid .block {
    width: 100%;
    /* margin: 3px; */
    /* float:left; */
}

#root .tab-grid .block>app-widget-host {
    height: auto;
    display: flex;
    background-color: var(--c-primary-b);
    flex-direction: row;
    flex-wrap: wrap;
}

#root .tab-grid .column-1 .block>app-widget-host {
    justify-content: flex-end
}

#root .tab-grid .sub-blocks {
    width: 100%;
}

#root .tab-grid .sub-blocks>app-widget-host {
    height: auto;
    display: flex;
    background-color: var(--c-primary-d);
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.block-header {
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    background-color: var(--c-primary);
    position: relative;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.block-header div {
    margin-left: 5px;
    padding: 0 5px;
}

.block-header div::before {
    /* content:""; */
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-position: center center;
}

.block.transactions .block-header div::before {
    background-image: url(/v2.26/r/images/user/account/Wallet.svg);
}

.block.transactions .block-header div::before {
    background-image: url(/v2.26/r/images/user/account/Wallet.svg);
}

.sub-block {
    flex-grow: 1;
    width: calc(33% - 8px);
    background: linear-gradient(100deg, var(--c-primary-d), var(--c-primary-c));
    padding-bottom: calc(33% - 8px);
    position: relative;
    margin: 4px;
    float: left;
    height: 0;
    cursor: pointer;
}

.desktop .sub-block:hover {
    background: linear-gradient(100deg, var(--c-primary-d), var(--c-primary));
}

.sub-block-inside {
    position: absolute;
    width: 100%;
    height: 100%;
}

.sub-block-inside>app-widget-host {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.sub-block-inside .icon {
    height: 50%;
}

.sub-block-inside .icon>app-widget-host {
    width: 50%;
    height: 100%;
    border-right: 1px solid var(--c-tint);
    border-bottom: 1px solid var(--c-tint);
    border-bottom-right-radius: 30px;
    background-size: 60% 60%;
    background-repeat: no-repeat;
    background-position: center center
}

.desktop .sub-block:hover .sub-block-inside .icon>app-widget-host {
    border-bottom: 1px solid var(--c-tint-b);
}

.sub-block-inside .text {
    height: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
    padding: 0 8px;
}

.sub-block.new-message .icon>app-widget-host {
    background-image: url(/v2.26/r/images/site/icons/new_message.svg);
}

.sub-block.message-inbox .icon>app-widget-host {
    background-image: url(/v2.26/r/images/site/icons/inbox.svg);
}

.sub-block.balance .icon>app-widget-host {
    background-image: url(/v2.26/r/images/site/icons/wallet.svg);
}

.sub-block.account-statement .icon>app-widget-host {
    background-image: url(/v2.26/r/images/site/icons/account_statement.svg);
}

.sub-block.deposit-history .icon>app-widget-host {
    background-image: url(/v2.26/r/images/site/icons/deposit.svg);
}

.sub-block.withdraw-history .icon>app-widget-host {
    background-image: url(/v2.26/r/images/site/icons/withdraw.svg);
}

.sub-block.profile-details .icon>app-widget-host {
    background-image: url(/v2.26/r/images/site/icons/profile.svg);
}

.sub-block.documents .icon>app-widget-host {
    background-image: url(/v2.26/r/images/site/icons/documents.svg);
}

.sub-block.change-password .icon>app-widget-host {
    background-image: url(/v2.26/r/images/site/icons/password.svg);
}

.sub-block.betting-history .icon>app-widget-host {
    background-image: url(/v2.26/r/images/site/icons/bettinghistory.svg);
}

.sub-block.responsible-gaming .icon>app-widget-host {
    background-image: url(/v2.26/r/images/site/icons/responsible_gaming.svg);
}

.sub-block.settings .icon>app-widget-host {
    background-image: url(/v2.26/r/images/site/icons/settings.svg);
}

.user-overview {
    width: 100%
}

.user-overview app-widget-host {
    flex-direction: column;
}

#root .user-upper>app-widget-host {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 5px;
    background-color: var(--c-primary)
}

#root .user-funds * {
    color: var(--c-white)
}

#root .user-lower {
    background-color: var(--c-primary-b)
}

#root .user-lower app-widget-host {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}

#root .user-lower .user-funds>app-widget-host {

}
#root .user-lower .user-funds>app-widget-host > app-block{
    flex: 1 1 50%
}
#root .user-actions,
#root .user-funds {
    width: 48%;
    min-width: 180px;
    flex: 1;
    padding: 5px;
}

#root .user-actions app-widget-host,
#root .user-funds app-block app-widget-host {
    display: flex;
    flex-direction: column;
}

#root .user-funds app-block app-widget-host {
    justify-content: flex-start;
    align-items: flex-start
}

.sub-block .text {
    font-size: 0.9em;
}

.sub-block .text div {
    position: relative;
}

.sub-block .text div::before {
    content: "";
    height: 1px;
    width: 100%;
    background: linear-gradient(to left, var(--c-primary), transparent);
    display: flex;
    bottom: -5px;
    position: absolute;
    right: -8px;
}

.desktop .sub-block:hover .text div::before {
    background: linear-gradient(to left, var(--c-emphasis), transparent);
}

.toggle-amount-mobile {
    margin-left: auto;
}

.desktop .unread-messages {
    margin-left: auto;
}

.unread-messages {
    width: 30px;
    height: 24px;
    margin-left: 5px;
    background-image: url(/v2.26/r/images/user/account/Message.svg);
    background-repeat: no-repeat;
    position: relative;
}

.unread-messages data-view {
    width: 15px;
    height: 15px;
    background-color: red;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 10px;
    position: absolute;
    right: 0px;
    top: -2px
}

.unread-messages data-view:empty {
    display: none;
}

.widget-container {
    display: none;
}

#root .user-page-header {
    background: linear-gradient(to bottom, var(--c-primary-c), var(--c-primary-b))
}

#root .user-page-header {
    position: relative;
}

#root .user-page-header div::before {
    content: "";
    position: absolute;
    width: 90%;
    height: 2px;
    background: linear-gradient(to left, transparent, var(--c-primary), transparent);
    left: 50%;
    transform: translate(-50%);
    bottom: 0px;
}

#root .user-page-section {
    background-color: var(--c-primary-b);
    padding: 10px;
}

#root app-send-message textarea {
    min-height: 120px;
    background-color: var(--c-tint);
    color: var(--c-white)
}

#root .mobile .user-page-content {
    padding: 16px;
}

.tab-menu .tab-menu-item-header {
    padding: 10px;
    background: linear-gradient(to bottom, var(--c-primary-c), var(--c-primary-d))
}

.tab-menu .tab {
    padding: 10px 20px;
    background-color: var(--c-primary-b);
    cursor: pointer;
}

#root .user-page-content .back {
    padding: unset;
}

#root .mobile .navigation-menu {
    height: 45px;
    background-color: var(--c-primary-c)
}

#root .mobile .navigation-menu>app-widget-host {
    display: flex;
    flex-direction: row;
    height: 100%;
    width: 100%:
}

#root .mobile .navigation-menu .navigation-menu-item{
    display: flex;
    background-color: var(--c-primary-b);
    flex: 1 1 50%
}
#root .mobile .navigation-menu .navigation-menu-item > div{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 8px;
}
#root .mobile .navigation-menu .navigation-menu-item.sports,
#root.user-menu .navigation .navigation-menu-item.user {
    background-color: var(--c-primary)
}

#root .navigation .container-user,
#root.user-menu .navigation .container-sports {
    display: none;
}

#root .navigation .container-sports,
#root.user-menu .navigation .container-user {
    display: flex;
}

#root.user-menu .navigation .navigation-menu-item.sports,
#root .navigation .navigation-menu-item.user {
    background-color: var(--c-primary-c)
}

#root .label-value-container label,
#root .label-value-container app-set-value,
#root .label-value-container .element.value {
    display: flex;
    align-items: center;
    flex-direction: row;
}

#root .label-value-container app-set-value {
    justify-content: flex-end
}

#root .responsible-gaming-info .window-tab {
    padding: 5px;
}

#root .responsible-gaming-info .secondary-tab .tab-selected {
    background-color: var(--c-primary)
}

#root .responsible-gaming-info .secondary-tab {
    background-color: var(--c-primary-c)
}

app-num-pad {
    width: 100%;
}

.desktop app-amount-limits div {
    padding-top: 0px;
}

#root app-time {
    display: flex;
    align-items: center;
    margin-right: 5px;
    font-size: 12px;
}

#root .back {
    padding: 0px;
}

.account-statement {
    /* display: flex; */
    justify-content: unset;
}

#root .user-page-note {
    margin-top: unset;
}

.thread-message-header {
    padding: 12px;
    background: linear-gradient(to top, var(--c-primary-b), var(--c-primary-c))
}

.thread-message {
    padding: 20px;
    background-color: var(--c-shade-b)
}

.history-filter .ui-dropdown-label-container {
    width: 100%;
}

#root .history-filter .ui-dropdown,
#root .history-filter .ui-dropdown-label-container label {
    height: 28px;
}

#root .history-filter .ui-dropdown-label-container label {
    display: flex;
    align-items: center;
}

.history-show {
    text-align: right
}

#root .user-page-content .deposit-methods.deposit-methods-table .deposit-method:not(.deposit-method-header) {
    background-color: var(--c-primary);
    width: calc(50% - 8px);
    min-width: 250px;
    flex: 1;
    margin: 4px;
}

#root .bet-container .bet-actions .bet-remove {
    background-image: url(/v2.26/r/images/site/icons/close_black.svg)
}

#root #mainDiv.ct-highlights-0 .home-highlights-block {
    display: none;
}

#root .user-page-content .deposit-methods-table .deposit-method .deposit-method-label::before {
    /* content: ""; */
    height: 45px;
    display: flex;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100px;
}

#root .user-page-content .deposit-methods-table>app-widget-host {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

#root .user-page-content .deposit-methods-table .deposit-method>app-widget-host,
#root .user-page-content .deposit-methods-table .deposit-method {
    display: flex;
    height: unset;
    flex-direction: column;
    background-image: unset;
    border-radius: 10px;
}

#root .user-page-content .deposit-methods-table .deposit-method .deposit-method-cell {
    height: unset;
    line-height: unset;
    width: 100%;
    height: 100%;
    min-height: 30px;
    display: flex;
    align-items: center;
}

#root .user-page-content .deposit-methods-table .deposit-method .deposit-method-cell.paylink {
    justify-content: flex-end;
    padding: 0 10px;
    background-color: var(--c-primary-c);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#root .user-page-content .deposit-methods-table .deposit-method .deposit-method-cell app-widget-host {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 100%;
    align-items: center;
    padding: 0 10px;
}

#root .user-page-content .deposit-methods-table .deposit-method .deposit-method-label {
    padding-top: unset;
    min-height: 50px;
    background-color: var(--c-primary-c);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#root .content.site-text {
    color: var(---c-white-e);
}

#root .toggle-all-expanded {
    display: flex;
    background-color: var(--c-primary);
    font-size: 0px;
    justify-content: center;
    color: var(--c-white)
}

#root .toggle-all-expanded::before {
    content: attr(title);
    font-size: 14px;
    padding: 5px;
}

#root app-menu.content-menu ul {
    display: flex;
    flex-direction: column;
    margin: unset;
}

#root app-menu.content-menu ul li a {
    background-color: var(--c-primary-b)
}

#root app-menu.content-menu ul li a.active {
    background-color: var(--c-primary)
}

#root app-menu.content-menu ul li span {
    display: flex;
}

#root .footer .link-column app-widget-host {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

#root .footer .link-column .link-heading div {
    font-size: 16px;
    font-weight: bold;
}

#root .footer .links>app-widget-host {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.openbets-counter-name {
    display: none;
}

#root .betslip-check-form {
    padding: 5px;
}

#root .betslip-check-form form {
    display: flex;
}

#root .betslip-check-form-input {
    width: 80%;
}

#root .betslip-check-form-button {
    width: 20%;
}

#root .betslip-check-form-input input {
    width: 100%;
}

#root .mobile .betslip-check-view.ui-dialog {
    height: calc(100vh - 54px);
    overflow: hidden;
    top: 54px!important
}

#root .mobile .betslip-check-view.ui-dialog .ui-dialog-content {
    height: 100%;
}
#root .betslip-container .betslip-totals .value-block-wrapper,
#root .mobile-betslip-view .value-block-wrapper{
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 5px 0;
    justify-content: space-between
}
#root .betslip-container .betslip-totals .value-block-wrapper.query-lines-wrapper,
#root .mobile-betslip-view .value-block-wrapper.query-lines-wrapper,
#root .betslip-container .betslip-totals .value-block.query-payouttax,
#root .mobile-betslip-view .value-block.query-payouttax{
   border-bottom: 1px solid var(--c-tint-b)
}
#root .mobile-betslip-view .value-block.query-payoutaftertax label{
    font-weigdt: bold
}
#root .betslip-container .betslip-totals .block-label{
    margin-bottom: 0;
    line-height: 14px
}
#root .header-links-top {
    height: 25px;
    width: 100%;
    background-color: var(--c-primary-d);
    border-bottom: 1px solid var(--c-primary-c)
}

#root .desktop app-language,
#root .desktop app-odds-format {
    position: unset;
    height: 25px;
}

#root .desktop .header-links-top .ui-dropdown {
    height: 25px;
    min-height: 25px;
}

#root .desktop .header-links-top .ui-dropdown-label {
    height: 25px;
    min-height: 25px;
    align-items: center;
    display: flex;
    background-color: transparent;
}

#root .desktop .header-links-top .ui-dropdown-label span {
    height: 25px;
    min-height: 25px;
    display: flex;
    align-items: center;
}

#root .desktop .header {
    height: 137px;
}

#root .header-links-top .ui-dropdown-label img,
#root .header-links-top .ui-dropdown-panel li img {
    margin: unset;
    height: 14px;
    width: 20px;
    margin-left: 5px;
}

#root .header-links-top .ui-dropdown-item span {
    padding-right: 5px;
}

#root .header-links-top .ui-dropdown-panel {
    border: 0;
    top: 25px !important;
    border-radius: 0 0 2px 2px;
    background-color: var(--c-paper);
    transform: unset !important;
}

#root .header-links-top .ui-dropdown-panel .ui-dropdown-items-wrapper li {
    height: 25px;
    display: flex;
    align-items: center;
}

#root .header-links-top .ui-dropdown-panel .ui-dropdown-items-wrapper li img {
    margin: unset;
    margin-left: 5px;
}

#root .desktop .header-links-top app-odds-format {
    margin-right: auto;
}

.mobile .header .user .login.link {
    width: unset;
    height: unset;
    background-image: unset;
    background-repeat: no-repeat;
    margin-top: 16px;
    margin-right: 5px;
}

.mobile .header .register.link {
    padding-right: 6px;
}

.mobile .header .user-guest {
    right: 5px;
    top: -2px
}

.mobile .header .logo {
    left: 48%
}

#root .mobile .register.link {
    background: var(--c-primary);
    border: var(--b-border);
    border-color: var(--c-tint);
    color: #ffffff;
    font-size: 14px;
    height: 40px;
    letter-spacing: 0.015em;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px
}

#root .site-text-content.image img {
    width: 100%;
    height: auto
}

#root .desktop .body .left-sidebar,
#root .desktop .body .right-sidebar,
#root .desktop .body .content {
    max-height: calc(100vh - 150px);
}

#root .desktop .body .keno-content,
#root .desktop .body .content-wrapper>app-widget-host>.content {
    max-height: unset;
    overflow: visible
}

@media screen and (max-width: 1380px) {
    #root .product-menu-overlay {
        display: none;
    }
    #root .header .product-bar .product-menu {
        display: flex!important;
    }
}

#root .desktop .header .product-bar {
    /* margin-left: 130px; */
    width: unset;
    flex: unset;
    position: relative;
}

#root .desktop .header .product-bar .product-menu {
    overflow: unset;
    margin-right: 24px;
}

#root .desktop .header .product-bar .product-menu ul {
    overflow: auto;
    flex-wrap: nowrap;
    flex: unset;
    width: calc(100%);
    scroll-behavior: smooth!important;
}

#root .button-content button {
    position: absolute;
    height: 100%;
    border: unset;
    top: 0px;
    background: var(--c-primary-c);
    z-index: 100;
    display: none;
}

#root .button-content button.next {
    right: 0;
    background: var(--c-primary-c);
}

#root .button-content button::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    ;
    top: 50%;
    left: 0px;
}

#root .button-content button.previous::before {
    background: url(/v2.26/r/images/site/icons/Arrow_Down.svg);
    background-position: center;
    transform: translate(0%, -50%) rotate(90deg);
}

#root .button-content button.next::before {
    background: url(/v2.26/r/images/site/icons/Arrow_Down.svg);
    background-position: center;
    transform: translate(0%, -50%) rotate(-90deg);
}

@media screen and (max-width: 1050px) {
    #root .button-content button {
        display: block
    }
    #root .desktop .header .product-bar .product-menu ul {
        margin-left: 5px;
    }
    #root .desktop .header .product-bar .product-menu ul li:first-of-type {
        margin-left: 24px;
    }
    #root .desktop .header .product-bar .product-menu ul li:last-of-type {
        /* margin-right: 100px; */
    }
    #root .desktop .header .product-bar .product-menu ul::before {
        content: "";
        position: absolute;
        left: 5px;
        height: 100%;
        width: 60px;
        background: linear-gradient(to left, transparent, var(--c-shade-b))
    }
    #root .desktop .header .product-bar .product-menu ul::after {
        content: "";
        position: absolute;
        right: 0px;
        height: 100%;
        width: 60px;
        background: linear-gradient(to right, transparent, var(--c-shade-b))
    }
}

.desktop .content-wrapper {
    width: 100%;
}

#root .desktop.view-page-jackpot .content iframe {
    min-height: 1200px;
}

body#root .login-panel-menu-item {
    transition: width 0.5s ease-out;
    cursor: pointer
}

body#root.ui-overflow-hidden.login-menu-register .login-panel-menu-item:nth-child(2) {
    width: 70%;
    background-color: var(--c-primary-b);
    color: var(--c-white-e)
}

body#root.ui-overflow-hidden.login-menu-register .login-panel-menu-item:nth-child(3) {
    width: 30%;
    background-color: var(--c-primary-c);
    color: var(--c-white)
}

body#root.ui-overflow-hidden .login-panel-menu-item:nth-child(3) {
    width: 70%;
    background-color: var(--c-primary-b);
    color: var(--c-white-e)
}

body#root.ui-overflow-hidden .login-panel-menu-item:nth-child(2) {
    width: 30%;
    background-color: var(--c-primary-c);
    color: var(--c-white);
}

tel-input .ui-dropdown .ui-dropdown-trigger {
    display: none;
}

#root tel-input .ui-dropdown {
    height: 28px;
    line-height: 28px;
}

#root tel-input .ui-dropdown-label-container {
    width: 100%;
}

#root tel-input .ui-dropdown-label-container label {
    text-align: center;
}

#root form .form-row .form-element-error {
    padding: 5px;
}

p-checkbox {
    margin-right: 5px;
}

.reset-next-buttons-wrapper {
    display: flex;
    flex-direction: row;
}

.reset-next-buttons-wrapper ui-button {
    margin: 0 5px;
    width: 50%;
}

.reset-next-buttons-wrapper ui-button[type="submit"] {
    order: 2;
}

.reset-next-buttons-wrapper ui-button button {
    width: 100%;
}

.reset-next-buttons-wrapper ui-button button.button-reset-register {
    background-color: var(--c-primary-c);
    border: 1px solid var(--c-primary-d)
}

.register-form-errors {
    margin: unset;
    padding: unset;
    min-height: unset;
}

#root .checkbox-wrapper {
    display: flex;
    align-items: center;
    flex-direction: row;
}

#root .checkbox-wrapper .field-label {
    width: calc(100% - 45px);
    text-align: left;
}

#root .desktop app-modal .desktop-register-popup .ui-dialog-content.ui-widget-content>div {
    padding: 0 15px;
    width: 100%
}

#root .first-image-live .match-teams {
    height: unset;
}

#root .test-banner {
    position: relative;
    z-index: 150
}
#root .test-banner > img{
    object-fit: contain;
    width: 100%;
}
#root .block-menu .block .block-image {
    border-radius: 5px 5px 0 0;
}

#root .block-menu .block .block-text {
    border-radius: 0 0 5px 5px;
    color: #000 !important;
    font-weight: 600;
    font-size: .9rem;
}

#root .block-menu .block.today .block-image,
#root .block-menu .block.today .block-text {
    background-color: #5ecace;
}

#root .block-menu .block.slots .block-image,
#root .block-menu .block.slots .block-text {
    background-color: #ce5e5e;
}

#root .block-menu .block.bingo .block-image,
#root .block-menu .block.bingo .block-text,
#root .block-menu .block.aviator .block-image,
#root .block-menu .block.aviator .block-text {
    background-color: #bdce5e;
}

#root .block-menu .block.casino .block-image,
#root .block-menu .block.casino .block-text {
    background-color: #ce5ec2;
}

#root .block-menu .block.jackpot .block-image,
#root .block-menu .block.jackpot .block-text {
    background-color: #5ece68;
}

#root .block-menu .block.payments .block-image,
#root .block-menu .block.payments .block-text {
    background-color: #ceaa5e;
}

#root .block-menu .block.virtual .block-image,
#root .block-menu .block.virtual .block-text {
    background-color: #a5ce5e;
}

#root .block-menu .block.fixtures .block-image,
#root .block-menu .block.fixtures .block-text {
    background-color: #cc9966;
}

#root .block-menu .block.tv-games .block-image,
#root .block-menu .block.tv-games .block-text {
    background-color: #5eb0ce;
}

#root .block-menu .block.betgames .block-image,
#root .block-menu .block.betgames .block-text {
    background-color: #e41d1d;
}

#root .block-menu .block.keno .block-image,
#root .block-menu .block.keno .block-text {
    background-color: #ddc35f;
}

#root .block-menu .block.spinwin .block-image,
#root .block-menu .block.spinwin .block-text {
    background-color: #cea25e;
}

.mobile .navigation .beto-menu ul.menu {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.mobile .navigation .beto-menu ul.menu li{
    position: relative;
    flex: 1 1 50%;
    padding: 5px
}
.mobile .navigation .beto-menu ul.menu li a {
    background-color: var(--c-emphasis-b);
    display: flex;
    justify-content: center;
    padding: 10px 0;
    height: 50px;
    align-items: center;
    font-size: 14px;
    font-weight: 600
}

.hide {
    display: none !important;
}

#root .footer.mobile .links>app-widget-host,
#root .mobile .footer .links app-widget-host {
    width: 100vw !important;
}

#root .footer.mobile .link-column app-widget-host {
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

#root.mobile .nav-sport-wrapper .nav-sport .nav-sport-icon,
#root .default-sport-icon,
#root .mobile .sport-icon {
    background-size: 29px 29px !important;
    height: 30px !important;
    width: 30px !important;
}

#root .mobile .casino-container .game {
    min-height: 80px;
    max-width: 48%;
    min-width: 100px;
}

.mobile.portrait .casino-container .games {
    overflow-x: scroll;
    width: auto;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

#root .mobile .bingo-banner {
    display: block;
    padding: 10px;
}

#root .mobile .bingo-banner img {
    max-width: 100%;
}


/*#root .mobile .casino-shortcuts-tabs .casino-shortcut-tab:first-child{display:flex; order : 1;}*/

#root .mobile .casino-shortcuts-tabs .casino-shortcut-tab:last-child {
    order: 2;
}

#root .mobile .casino-shortcuts-tabs .casino-shortcut-tab:nth-child(2) {
    order: 3;
}

#root .mobile .casino-shortcuts-tabs .casino-shortcut-tab:nth-child(3) {
    order: 4;
    margin-right: 6px;
}

#root .casino-shortcuts-tabs .window-tab.casino-shortcut-tab {
    background: #233543;
    margin-left: 6px;
}

#root .casino-shortcuts-tabs .window-tab.casino-shortcut-tab.tab-selected {
    border: none;
    background: #47a3ea;
}

.number-element button.selected {
    background-color: #262b59;
}



/* Fixes Stan */

#root .match-schedule .match-live {
    display: block;
    animation: color_change 1s infinite alternate;
    color: var(--c-white-e);
    -webkit-animation: color_change 1s infinite alternate;
    -moz-animation: color_change 1s infinite alternate;
    -ms-animation: color_change 1s infinite alternate;
    -o-animation: color_change 1s infinite alternate;
    animation: color_change 1s infinite alternate;
}

@-webkit-keyframes color_change {
    from { color: var(--c-white-e) }
    to { color: var(--c-red) }
}
@-moz-keyframes color_change {
    from { color: var(--c-white-e) }
    to { color: var(--c-red) }
}
@-ms-keyframes color_change {
    from { color: var(--c-white-e) }
    to { color: var(--c-red) }
}
@-o-keyframes color_change {
    from { var(--c-white-e) }
    to { color: var(--c-red) }
}
@keyframes color_change {
    from { color: var(--c-white-e) }
    to { color: var(--c-red) }
}

#root .mobile .home-shortcut-item-program .date-item.date-selected{
    background-color: var(--c-emphasis-b)
}

#root .mobile .footer .links{
    padding: 30px 0 20px
}
#root .mobile-navigation-view-left{
    overflow-y: auto
}
#root .mobile-navigation-view-left .ui-dialog-content {
    height: calc(100% - 62px) !important
}
@media screen and (max-width: 800px) {
    .zopim{
        position: absolute!important;
        bottom: 370px!important;
        left: 50%!important;
        transform: translateX(-50%)!important;
        z-index: 94!important
    }
}
.twitter-feed > div{
    padding: 0 25px
}

/* Cancel Withdraw button */

#root .user-page-content .table .row > app-widget-host{
    align-items: center;
    height: 26px;
    margin-bottom: 12px
}
.desktop .cancel-withdraw{
    margin-right: 15px;
    margin-left: auto
}
#root .desktop .user-page-content .table .row.row-reservedwithdraw > app-widget-host{
    height: unset
}
#root .desktop .user-page-content .table .row.row-reservedwithdraw .value{
    width: auto
}
#root .user-page-content .cancel-withdraw button{
    background-color: var(--c-red);
    color: var(--c-white-e);
    padding: 5px 10px
}
#root .user-page-content .cancel-withdraw .confirm-api-button-wrapper ui-button{
    display: inline-flex;
    margin-top: 5px
}
#root .user-page-content .cancel-withdraw .confirm-api-button-wrapper button{
    padding: 5px 20px
}
#root .user-page-content .cancel-withdraw .confirm-api-button-wrapper button.button-confirm-yes{
    margin-right: 50px;
}
#root .mobile .user-page-content .table .row.row-reservedwithdraw{
    margin-bottom: 7px;
    height: unset
}
#root .mobile .user-page-content .table .row.row-cancelwithdraw > app-widget-host{
    display: flex;
    justify-content: center
}
#root .mobile .user-page-content .table .row.row-cancelwithdraw{
    height: unset
}


/* Deposit/Withdraw pages changes */

.deposit-withdraw-menu{
    margin: 20px 0
}
body .body .content .deposit-withdraw-menu > app-widget-host{
    flex-direction: row;
    align-items: center
}
.deposit-withdraw-menu .deposit-withdraw-btn{
    background-color: var(--c-primary-b);
    flex: 1 1 50%;
    cursor: pointer
}
.deposit-withdraw-menu .deposit-withdraw-btn.active{
    background-color: var(--c-primary)
}
.deposit-withdraw-menu .deposit-withdraw-btn > div{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px
}
#root .user-page-content.user-payment-content > app-widget-host {
    max-width: 720px!important
}
#root .user-page-content > app-widget-host > app-content-block,
#root .user-page-content > app-widget-host > app-block,
#root .user-page-content > app-widget-host > app-payment-form{
    margin-bottom: 10px
}
#root.show .account-info > app-widget-host app-content-block:first-child{
    display: none
}

.register-form-errors{
    background-color:  var(--c-primary-b)!important
}
.forgotpw .forgot-password-form .button-submit-forgot-password{
    background-color: var(--c-emphasis-b);
    border: 1px solid var(--c-emphasis-b);
    width: 100%;
    height: 31px
}
#root .generic-form input,
#root .generic-form .ui-inputtext{
    background-color: #42498a
}