* {
    -webkit-tap-highlight-color: transparent !important;
}

body.theme-green-light {
    --color-01: #ffffff;
    --color-02: #f7f7f7;
    --color-03: #ececec;
    --color-04: #c5c5c5;
    --color-05: #9e9e9e;
    --color-06: #7f8698;
    --color-07: #676f81;
    --color-08: #525c6e;
    --color-11: #293243;
    --color-blue: #023a75;
    --color-blue-dark: #052b53;
    --color-gold: #f6a201;
    --color-text: #333333;
    --color-white: #ffffff;
    --color-black: #000000;
    --color-grey: #e0dfdf;
    --color-grey-light: #ededed;
    --color-red: #ff1b43;
    --color-green: #347907;
    --color-orange-dark: #bf4c3a;
    --color-lay: #f9abbb;
    --color-back: #63b7f9;
    --color-green-light: #14805e;
    --color-green-dark: #074633;
    --color-yellow: #ffdf1b;
    --color-button: rgb(255, 204, 0);
    --color-button-hover: rgb(240 194 10);
    --color-text-highlighted: #af780f;
}

:root {
    --color-stats-1: #14805e;
    --color-stats-2: #ffdf1b;
}

.root {
    background: #3d3d3d;
}

    .root .info .content2 h1 {
        background-color: #023a75;
    }

    .root .info .content2 img {
        width: 100%;
    }

    .root .title {
        color: #bbbbbb;
    }

    .root .info .title {
        width: 80%;
        height: 30px;
        line-height: 30px;
        padding-left: 10px;
        color: #333333;
        border-bottom: 2px solid #14805e;
    }

    .root .btn {
        color: #333;
        background-color: #fc0;
    }

    .root.terms .btn {
        color: #333;
        background-color: #fc0;
    }

    .root .btnLogout {
        color: #ffffff;
    }

.nuxt-progress {
    background-color: var(--color-green-light);
}

/*#region app.css */

/*#region globals*/

body {
    background-color: #474747;
}

.btn_reject {
    color: rgb(255, 204, 0);
    background-color: transparent;
    border: 1px solid rgb(255, 204, 0);
}

.btn_confirm {
    color: #333;
    background-color: var(--color-button);
}

.btn_disabled {
    color: var(--color-05);
    background-color: var(--color-07);
}

/*#endregion*/

/*#region matchID */

.liveCenter .matchID {
    color: #e4e4e4;
    background: #383838;
}

.site .matchID_inner {
    color: var(--color-white);
}

.site .matchID_info_down {
    color: #12e096;
}

.mobile .matchID_inner .matchDate {
    background-color: #494545;
    color: #12e096;
}

.matchID_inner .vs {
    color: #ffdf1b;
}

.matchID_inner .goals {
    font-weight: 700;
    color: #ffdf1b;
    background-color: #494545;
    border-bottom: 1px solid #383838;
    text-shadow: 0 2px 2px rgb(0 0 0 / 40%), 0 5px 5px rgb(0 0 0 / 10%), 0 10px 10px rgb(0 0 0 / 10%);
}

.matchID_inner .matchDate {
    background-color: #494545 !important;
}

/*#endregion */

/*#region liveCenter */
.liveCenter .stats {
    background-color: #383838;
    color: #ddd;
}

    .liveCenter .stats .col {
        line-height: 35px;
    }

.liveCenter .pitch .state .info .text span.team {
    color: #12e096;
}

.liveCenter .pitch .state .info .text span.action {
    color: #f0f0f0;
}

.mobile .liveCenter .stats .col60 {
    font-size: 11px;
}

.mobile .liveCenter .stats .col {
    line-height: unset;
}

.mobile .liveCenter .stats .charts h2 {
    font-size: 11px;
    font-weight: normal;
}

.mobile .liveCenter {
    background-color: #383838;
}

    .mobile .liveCenter .stats .inner > .row {
        border-bottom: 1px solid #464545;
    }

/*#region momentum*/
.momentum {
    background-color: #383838 !important;
    color: #ddd;
}

    .momentum .row .info_summary {
        color: #bbb;
    }

    .momentum .row .time {
        color: #666666;
    }
/*#endregion*/

/*#endregion*/

/*#region betslip*/
.betslip .row.bg {
    background-color: var(--color-text);
}

.betslip .row .confirmation {
    color: var(--color-white);
    background: #9c6906;
}

.mobile .betslip .matches {
    max-height: calc(var(--rvh) - 444px);
    overflow: auto;
}

    .mobile .betslip .matches.numPadHidden {
        max-height: calc(var(--rvh) - 279px);
    }

    .mobile .betslip .matches.lower {
        max-height: calc(var(--rvh) - 479px);
    }

    .mobile .betslip .matches.numPadHidden.lower {
        max-height: calc(var(--rvh) - 314px);
    }

    .mobile .betslip .matches.sys {
        max-height: calc(var(--rvh) - 462px);
    }

        .mobile .betslip .matches.sys.lower {
            max-height: calc(var(--rvh) - 497px);
        }

        .mobile .betslip .matches.sys.numPadHidden {
            max-height: calc(var(--rvh) - 297px);
        }

            .mobile .betslip .matches.sys.numPadHidden.lower {
                max-height: calc(var(--rvh) - 332px);
            }

/*2 Tabs*/
.betslip .tabs .tab {
    color: var(--color-white);
    background: var(--color-green-light);
}

    .betslip .tabs .tab.active {
        background: var(--color-green-dark);
    }

    .betslip .tabs .tab span b {
        border-radius: 3px;
        color: #000000;
        background-color: var(--color-grey-light);
    }

.site .betslip .betslipContainer {
    /* background: var(--color-grey-light); */
}

    .site .betslip .betslipContainer .matches {
        margin-top: 5px;
    }

/*#region Bet Slip Tab*/
/*3 BetType Tabs*/
.betslip .betTabs li {
    width: 33.33%;
}

    .betslip .betTabs li a {
        font-size: 13px;
        color: #333333;
        background-color: var(--color-white);
    }

    .betslip .betTabs li.active a {
        font-weight: 700;
    }

    .betslip .betTabs li.active::after {
        background: var(--color-yellow);
    }

    .betslip .betTabs li.disabled a {
        color: var(--color-05);
        background: var(--color-04);
    }

/*Selections*/

.betslip .matches li {
    color: var(--color-text);
}

    .betslip .matches li.disabled {
        color: var(--color-06);
        background-color: var(--color-04) !important;
        border-bottom: 1px solid var(--color-05) !important;
    }

.betslip .matches .left .vs {
    color: var(--color-08);
}

.betslip .matches .right .oddsRmv:active {
    background-color: var(--color-gold);
}

.bankers {
    color: var(--color-white);
    background-color: var(--color-green-light);
}

    .bankers:active {
        background-color: var(--color-gold);
    }

    .bankers.selected {
        background-color: var(--color-gold);
    }

.betslip .matches .right .oddVal {
    color: var(--color-white);
    background-color: #074633;
}

.betslip .matches li.disabled .right .oddVal {
    color: var(--color-08);
    background-color: var(--color-05);
}

.betslip .summary {
    color: #000;
    background: #efefef;
}

.betslip .acceptOdds input[type="checkbox"] + label:before {
    border: 0.1em solid var(--color-blue);
}

.betslip .acceptOdds input[type="checkbox"].selected + label:before,
.betslip .acceptOdds input[type="checkbox"]:checked + label:before {
    background-color: #3cb371;
    border-color: #3cb371;
    color: var(--color-white);
}

.betslip .acceptOdds input[type="checkbox"]:disabled + label:before {
    border-color: var(--color-02);
}

.betslip .acceptOdds input[type="checkbox"]:checked:disabled + label:before {
    background-color: #bfb;
    border-color: #bfb;
}

.betslip .header .icon {
    background-color: transparent;
}

.betslip .icon {
    color: var(--color-white);
    background-color: var(--color-text);
}

    .betslip .icon:active {
        background-color: var(--color-gold);
    }

.betslip .stake {
    color: var(--color-blue);
    border: 1px solid var(--color-08);
}

    .betslip .stake:disabled {
        -webkit-text-fill-color: var(--color-blue);
    }

.betslip .numpad .buttons .button .inner {
    color: var(--color-text);
    background-color: var(--color-white);
    border: 1px solid var(--color-04);
}

.betslip .buttons .button:active .inner {
    color: #333333;
    background-color: var(--color-button-hover);
    border: 1px solid var(--color-button-hover);
}

.betslip .buttons .button.disabled .inner {
    color: var(--color-05);
    background-color: var(--color-07);
}

.betslip .betStopped .wrapper_in {
    color: var(--color-white);
    border: 2px solid var(--color-gold);
}

.green-text {
    color: #a4ffa4;
}

/*#endregion*/

/*#region My Bets Tab*/

.myBets {
    color: var(--color-text);
    background-color: var(--color-02);
}

    .myBets .bet {
        background: var(--color-white);
        border: 1px solid var(--color-04);
    }

        .myBets .bet li {
            border-bottom: 1px dotted var(--color-05);
        }

        .myBets .bet .row .game .tick.tick-won {
            background: var(--color-green);
        }

        .myBets .bet .row .game .tick.tick-half-won {
            background: var(--color-green);
            background: linear-gradient( -45deg, var(--color-green), var(--color-green) 49%, var(--color-08) 51%, var(--color-08) );
        }

        .myBets .bet .row .game .tick.tick-void {
            background: var(--color-08);
        }

        .myBets .bet .row .game .tick.tick-half-lose {
            background: var(--color-08);
            background: linear-gradient( 135deg, var(--color-08), var(--color-08) 49%, var(--color-orange-dark) 51%, var(--color-orange-dark) );
        }

        .myBets .bet .row .game .tick.tick-lose {
            background: var(--color-orange-dark);
        }

        .myBets .bet .row .game .tick.tick-canceled {
            background: #738297;
        }

        .myBets .bet .row .event .name .vs {
            color: var(--color-06);
        }

        .myBets .bet .row .info .time {
            color: var(--color-green);
        }

        .myBets .bet .row .info .result {
            color: var(--color-black);
        }

        .myBets .bet .row .cashout:active span {
            color: var(--color-white);
            background-color: var(--color-gold);
        }

        .myBets .bet .summary {
            background: var(--color-grey-light);
        }

            .myBets .bet .summary.lay {
                border-top: 3px solid var(--color-lay);
            }

            .myBets .bet .summary .ticket-type {
                background: #9e9e9e63;
            }

                .myBets .bet .summary .ticket-type .tooltipText {
                    color: var(--color-white);
                    background-color: var(--color-green-dark);
                }

                    .myBets .bet .summary .ticket-type .tooltipText::after {
                        border-color: transparent var(--color-green-dark) transparent transparent;
                    }

        .myBets .bet .left {
            border-right: 1px dashed var(--color-05);
        }

        .myBets .bet .bet-return {
            color: #c38206;
        }

/*#endregion*/

/*#endregion*/

/*#region sports */
.leagues .matchs {
    color: #333333;
    background: #666;
}

.mobile .leagues .league.expanded,
.mobile .live .leagues .league {
    border-bottom: 1px solid #d4d1d1;
}

.mobile .leagues .matchs .matchInfo .teams {
    line-height: 18px;
}

.mobile .leagues .matchs .matchInfo .others {
    padding-top: 2px;
    font-size: 11px;
}

.mobile .leagues .matchs .matchInfo {
    padding: 6px;
}

.leagues .eventsList-date {
    height: 22px;
    font-size: 12px;
    color: #545454;
    background-color: #a7a7a7;
}

.leagues .matchs ul li,
.leagues .matchs > .event {
    border-bottom: 1px solid #757575;
}

.leagues .matchs .matchInfo a {
    font-weight: normal;
    color: #ddd;
}

.leagues .matchs .matchInfo .others {
    color: #ddd;
}

.mobile .leagues .liTou .matchs .matchInfo .teams {
    font-weight: normal;
    font-size: 12px;
}
/*#endregion */

/*#region sportMenu*/
.sportMenuContainer {
    height: 50px;
}

.mobile .sportMenu .sportIcon {
    padding: 2.5px 5px;
    width: 60px;
}

.sportMenu .sportIcon .icon {
    height: 30px;
    border-radius: unset;
}

    .sportMenu .sportIcon .icon .sp {
        filter: invert(40%) sepia(138%) saturate(5754%) hue-rotate(205deg) brightness(60%) contrast(80%);
    }

.mobile .sportMenu .sportIcon .icon .sp {
    top: 2px;
    font-size: 30px;
}

.sp {
    background-size: 16em 3em;
    filter: unset !important;
}

    .sp.sp-1 {
        filter: invert(40%) sepia(138%) saturate(0) hue-rotate(59deg) brightness(130%) contrast(80%) !important;
    }

.sportMenu .sportIcon .icon.selected,
.sportMenu .sportIcon.selected .name {
    color: var(--color-yellow);
}

.sportMenu .sportIcon.selected .icon span.star {
    filter: invert(40%) sepia(258%) saturate(600%) hue-rotate(105deg) brightness(200%) contrast(60%) !important;
}

.mobile .sportMenu .sportIcon .name {
    margin: 2px 0;
}

.sportMenu .sportIcon .name {
    font-size: 11px;
    color: #bbb;
}
/*#endregion*/

/*#region Casino Page*/

.casino .category {
    background-color: var(--color-text);
}

    .casino .category .btn {
        color: var(--color-white);
    }

    .casino .category .separator {
        background-color: var(--color-08);
    }

    .casino .category .btn.active {
        color: var(--color-gold);
    }

    .casino .category .searchBox {
        background-color: var(--color-02);
    }

        .casino .category .searchBox .searchText {
            background-color: var(--color-white);
        }

.casino .group {
    background-color: var(--color-text);
}

    .casino .group .games .game .name {
        background-color: var(--color-08);
    }

    .casino .group .games .game:active .name {
        background-color: var(--color-gold);
    }

/*#endregion*/

/*#region mch-groups*/

.mch-groups {
    color: var(--color-text);
    background: var(--color-white);
}

    .mch-groups .mch-group.selected {
        color: var(--color-yellow);
    }

    .mch-groups .mch-group::after {
        background-color: #bbb;
    }

/*#endregion*/

/*#region gameType*/

.gameType li {
    color: var(--color-text);
}

    .gameType li:not(.expanded) {
        border-bottom: 1px solid rgb(25 96 74);
    }

    .gameType li .bet-type {
        color: #ddd;
        background-color: #14805e;
    }

    .gameType li.expanded .bet-type {
        /*border-bottom: 1px solid var(--color-04);*/
    }

/*#endregion*/

/*#region bets*/
.mobile .bets .bet a {
    background-color: #585858;
    border-left: 1px solid #666;
}

.mobile .event .bets .bet a {
    border-bottom: 1px solid #737373;
}

.bets .bet a:not(.disabled).selected {
    background-color: #e4e4e4 !important;
}

    .bets .bet a:not(.disabled).selected .outcome {
        color: #14805e;
    }

    .bets .bet a:not(.disabled).selected .price {
        color: #14805e;
    }

.site .sports .event.prematchEvent .bets .bet a:not(.disabled).selected,
.site .inPlay .event.liveEvent .bets .bet a:not(.disabled).selected {
    border: none !important;
}

.site .bets .bet .outcome,
.site .bets .bet .price {
    height: 40px;
    line-height: 40px;
}

.site .liveEvent .bets .bet a.disabled .price {
    height: 40px;
    line-height: 40px;
    margin: 0 10px 0 -10px;
}

.site .bets .bet.noOutcome .disabled .price {
    margin: 8px 0;
}

.site .sports .event.prematchEvent .bets .bet a,
.site .inPlay .event.liveEvent .bets .bet a {
    height: 45px;
    line-height: 45px;
    background-color: #585858;
    border-left: 1px solid #666;
}

.bets .col2 .bet:nth-child(even) a {
    border-right: 1px solid #666;
}

.bets .col3 .bet:nth-child(3n + 3) a {
    border-right: 1px solid #666;
}

.site .event.prematchEvent .bets .bet a,
.site .inPlay .event.liveEvent .bets .bet a {
    border-bottom: 1px solid #737373;
}

.bets .bet .outcome {
    font-size: 13px;
    color: #ddd;
}

.bets .bet .price {
    color: var(--color-yellow);
    font-size: 13px;
    font-weight: normal;
}

/*Odds Change*/

.bets .bet .oddsChange.up .price {
    color: #52ca03 !important;
}

.bets .bet .oddsChange.down .price {
    color: #ff4a4a !important;
}

/*#endregion*/

/*#region event */

.event .competition {
    color: var(--color-white);
    background: #074633;
}

    .event .competition .icon {
        filter: invert(40%) sepia(258%) saturate(600%) hue-rotate(105deg) brightness(200%) contrast(60%);
    }

    .event .competition .competitionName .arrow {
        filter: invert(40%) sepia(258%) saturate(600%) hue-rotate(105deg) brightness(200%) contrast(60%) !important;
    }

    .event .competition .icon:not(.disabled):active {
        background-color: var(--color-button-hover);
    }

    .event .competition .competitionName {
        border-left: 1px solid #0e5942;
        border-right: 1px solid #0e5942;
    }

/*Event Switcher*/

.event .EventSwitsher_overlay {
    background: rgb(20 20 20 / 50%);
}

.event .EventSwitcher_List {
    background-color: var(--color-white);
}

.event .EventSwitcher_Competition {
    background: #ededed;
}

.event .EventSwitcher_Event {
    border-bottom: 1px solid var(--color-04);
}

    .event .EventSwitcher_Event.active:before {
        background-color: var(--color-yellow);
    }

    .event .EventSwitcher_Event:hover:before {
        background-color: #f6a20169;
    }

.event .EventSwitcher_Game .date {
    color: var(--color-07);
}

.event .EventSwitcher_Game .gameItems_item .home,
.event .EventSwitcher_Game .gameItems_item .away {
    color: var(--color-text);
}

.event .EventSwitcher_Game .gameItems_item .res {
    color: var(--color-green);
}

/*#endregion*/

/*#region score-board*/
.prematchEvent .score-board .inner-prematch .vs {
    display: none;
}
/*#endregion*/

.overlay {
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
    background: rgba(0, 0, 0, 0.65);
}

.invert {
    -webkit-filter: invert(40%);
    filter: invert(40%);
}

.site .blur {
    -webkit-filter: blur(0.1px);
    -moz-filter: blur(0.1px);
    -ms-filter: blur(0.1px);
    filter: blur(0.1px);
}

/*#region liveCasino */
.liveCasino .cards {
    background: var(--color-grey-light);
}

.liveCasino .txt {
    color: var(--color-blue);
}

    .liveCasino .txt.white {
        color: var(--color-white);
    }

    .liveCasino .txt h2 {
        color: var(--color-gold);
    }

    .liveCasino .txt .btn {
        color: var(--color-white);
        background-color: var(--color-gold);
    }

        .liveCasino .txt .btn:hover {
            color: var(--color-blue);
            background-color: var(--color-white);
        }

        .liveCasino .txt .btn.white {
            color: var(--color-gold);
            background-color: var(--color-white);
        }

            .liveCasino .txt .btn.white:hover {
                color: var(--color-white);
                background-color: var(--color-11);
            }

.liveCasino .VueCarousel-dot:hover {
    background-color: var(--color-gold) !important;
}

/*header*/

.liveCasino .header .title .count {
    color: var(--color-05);
}

.liveCasino .header .actions .sort li {
    color: var(--color-black);
    background: var(--color-white);
}

    .liveCasino .header .actions .sort li ul li {
        border-top: 1px solid var(--color-03);
    }

        .liveCasino .header .actions .sort li ul li:hover {
            color: var(--color-white);
            background-color: var(--color-06);
        }

        .liveCasino .header .actions .sort li ul li.active:before {
            border-left: 3px solid var(--color-gold);
        }

.liveCasino .header .actions .btn_view_all {
    color: var(--color-white);
    background-color: var(--color-gold);
}

    .liveCasino .header .actions .btn_view_all:hover {
        color: var(--color-gold);
        background-color: var(--color-white);
    }

/*cards*/

.liveCasino .cards .card .inner a {
    background: var(--color-11);
}

    .liveCasino .cards .card .inner a .overlay {
        background-color: rgb(246 162 1 / 38%);
    }

    .liveCasino .cards .card .inner a .game_table {
        color: var(--color-white);
        background: var(--color-gold);
    }

    .liveCasino .cards .card .inner a .game_name {
        color: var(--color-white);
    }

.casinoBanner .inner .button {
    color: var(--color-white);
    background-color: var(--color-red);
    opacity: 0.8;
}

    .casinoBanner .inner .button:hover,
    .casinoBanner .inner .button:active {
        opacity: 1;
    }

/*#endregion*/

/*#region Forms Page (login-register)*/

.forms {
    padding: 10px;
    color: #333333;
    background-color: var(--color-white);
}

.login.forms {
    padding: 0;
}

.site .wideLogin .dialog_content {
    position: relative;
    width: auto;
    max-width: 500px;
    margin: auto;
    top: 200px;
}

.site .dialog_content .login.forms .buttons {
    background: var(--color-grey-light);
}

.site .dialog_content .login.forms .buttons {
    padding: 0;
}

.forms .sectionTitle {
    border-bottom: 1px solid var(--color-04);
}

.forms.login .fields .icon {
    width: 33px;
    height: 33px;
    background-color: var(--color-white);
    border: 1px solid #333;
    border-right: none !important;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

    .forms.login .fields .icon img {
        margin: 7px auto;
        filter: invert(40%);
    }

.forms.login .fields input {
    border: 1px solid #333333;
    border-left: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.forms .fields input,
.forms .fields select {
    color: #333333;
    border: 1px solid var(--color-04);
}

    .forms .fields input[type="checkbox"] + label:before {
        border: 0.1em solid var(--color-blue);
    }

    .forms .fields input[type="checkbox"].selected + label:before,
    .forms .fields input[type="checkbox"]:checked + label:before {
        background-color: #3cb371;
        border-color: #3cb371;
        color: var(--color-white);
    }

    .forms .fields input[type="checkbox"]:disabled + label:before {
        border-color: var(--color-02);
    }

    .forms .fields input[type="checkbox"]:checked:disabled + label:before {
        background-color: #bfb;
        border-color: #bfb;
    }

.forms .fields .buttons input {
    min-width: 150px;
    height: 35px;
    line-height: 35px;
}

    .forms .fields .buttons input:hover,
    .forms .fields .buttons input:active {
        background-color: var(--color-button-hover);
    }

.mobile .content .btn.ticketHistory:hover,
.mobile .content .btn.ticketHistory:active {
    background-color: var(--color-button-hover);
}

    .mobile .content .btn.ticketHistory:hover span img,
    .mobile .content .btn.ticketHistory:active span img {
        filter: invert(95%);
    }

.forms .fields .buttons .login {
    width: 50%;
    font-weight: 700;
    color: #333;
    background-color: var(--color-button);
    border: 1px solid transparent;
}

.forms .fields .buttons .cancel {
    font-weight: bold;
    color: #333;
    background-color: #c5c5c5;
}

    .forms .fields .buttons .cancel:active,
    .forms .fields .buttons .cancel:hover {
        background-color: #bbb7b7;
    }

.forms .fields .footerLinks a {
    font-style: normal;
    color: #333333;
    font-weight: 700;
    font-size: 13px;
    text-decoration: none;
}

/*#endregion */

.site .settings .option select,
.mobile .settings .option select {
    color: #333333;
    border: 1px solid var(--color-04);
}

/*#region user*/
.bonusBar {
    background-color: #14805e54 !important;
}

.user .removeBonus {
    height: 20px;
    border: none;
    color: #333;
    background-color: rgb(255 42 0 / 59%);
    border-radius: 3px;
    cursor: pointer;
}

.user .bonusBar .bonusLabel {
    color: #078f07;
}

.user input.bonusAdd {
    font-weight: 700;
    color: var(--color-button);
    background-color: transparent;
    border: 1px solid var(--color-button);
}

    .user input.bonusAdd:hover {
        color: #333;
        background: var(--color-button-hover);
        border: 1px solid var(--color-button-hover);
    }

/*filters*/
.user .filters input,
.user .filters button,
.user .filters select,
.__row_filters .dropdown-toggle,
.__row_filters .v-select .vs__dropdown-menu,
.__row_filters .v-select .vs__dropdown-toggle {
    color: #333333;
    background-color: var(--color-white);
    border: 1px solid #ccc;
}

    .user .filters button.submit,
    .user .filters input[type="submit"] {
        font-weight: 700;
        color: #333333;
        background-color: var(--color-button);
        border-color: var(--color-button);
    }

        .user .filters button.submit:active,
        .user .filters input[type="submit"]:active,
        .site .user .filters button.submit:hover,
        .site .user .filters input[type="submit"]:hover {
            background-color: var(--color-button-hover);
            border-color: var(--color-button-hover);
        }

/*profile*/
.mobile .user {
    color: var(--color-white);
}

.user .balance .fields .row,
.user .profile .fields .row {
    border-bottom: 1px dashed var(--color-04);
}

    .user .profile .fields .row.buttons {
        margin-bottom: 0;
        padding: 10px 0;
        text-align: center;
    }

.user .profile.forms {
    margin: 10px 0;
    padding: 20px;
}

.site .dialog_body .documents.forms {
    margin: 10px 0;
    padding: 20px;
    font-size: 14px;
}

.site .user .forms.balance,
.site .user .forms.profile,
.site .user .forms.password,
.site .user .forms.preferences,
.site .user .forms.documents,
.site .user .forms.self-exclusion {
    margin: 10px;
}

.user .forms.password .fields input.login {
    font-weight: 700;
    color: #333333;
    background-color: var(--color-button);
    border-color: var(--color-button);
}

    .site .user .forms.password .fields input.login:hover,
    .user .forms.password .fields input.login:active {
        background-color: var(--color-button-hover);
        border-color: var(--color-button-hover);
    }

/*table*/

.user .table .red,
.user .fields .red {
    color: #dc2626;
}

c

.user .table .blue,
.user .fields .blue {
    color: #0891b2;
}

.user .table .green,
.user .fields .green {
    color: #65a30d;
}

.user .table.balance .table_header {
    margin-bottom: 20px;
    padding: 5px 0;
    font-size: 14px;
    line-height: unset;
    text-indent: unset;
    border-bottom: 1px solid var(--color-04);
    color: #333333;
    background-color: var(--color-white);
}

.user .table_header {
    color: var(--color-white);
    background-color: #074633;
}

    .user .table_header .btn {
        background-color: var(--color-white);
    }

        .user .table_header .btn.excel {
            background-color: #074633;
        }

            .user .table_header .btn.excel img {
                filter: invert(1);
            }

        .user .table_header .btn:hover {
            background-color: var(--color-button-hover);
        }

.daterangepicker .ranges li.active {
    background-color: #074633 !important;
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    border-color: #2a425b !important;
}

.user .m-auto {
    line-height: 25px !important;
    height: 25px;
}

.user .table_subheader {
    color: var(--color-white);
    background-color: #14805e;
    border-right: 1px solid #14805e;
    border-left: 1px solid #14805e;
}

.user .table_body {
    color: #333;
    background-color: var(--color-white);
}

    .user .table_body span {
        border-right: 1px solid var(--color-03);
        word-break: break-word;
    }

    .user .table_body .ticket {
        border-bottom: 1px solid var(--color-03);
    }

        .user .table_body .ticket:nth-child(odd) {
            background-color: var(--color-white);
        }

.user .table-responsive tfoot {
    background-color: #e3e3e3;
}

.user .summary .table_body .row {
    border-bottom: 1px solid var(--color-03);
}

.user .table:not(.summary) .ticket_preview > .row:hover {
    background-color: var(--color-03);
}

.user .ticket .ticket_preview i.lay {
    background: var(--color-lay);
}

.user .ticket .ticket_preview i.back {
    background: var(--color-back);
    display: none;
}

.user .ticket_details {
    background-color: #0000000a;
}

    .user .ticket_details .recap {
        border-top: 1px solid var(--color-04);
    }

    .user .ticket_details .selections {
        border-top: 1px solid var(--color-04);
    }

        .user .ticket_details .selections .selection,
        .user .table-expand .selections .selection {
            border-bottom: 1px solid var(--color-03);
        }

.user .expanded .selections .selection {
    border-bottom: 1px solid var(--color-03);
}

.user .ticket_details .recap > .row {
    border-bottom: 1px dotted var(--color-04);
}

    .user .ticket_details .recap > .row > .col:nth-child(odd) {
        border-right: 1px dotted var(--color-04);
    }

/*self-exclusion*/
.self-exclusion .exclusion-container {
    background-color: #e6e7e8;
}

.self-exclusion .radioElement {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #333333;
}

    .self-exclusion .radioElement:hover {
        border-color: #f6a201;
        box-shadow: 0 0 15px rgb(246 162 1 / 25%);
    }

.self-exclusion button.submit {
    font-weight: 700;
    color: #333333;
    background-color: var(--color-button);
    border-color: var(--color-button);
}

    .self-exclusion button.submit:active,
    .self-exclusion button.submit:hover {
        background-color: var(--color-button-hover);
        border-color: var(--color-button-hover);
    }

.self-exclusion .inputRadio:checked ~ .circle-radio:before {
    background: var(--color-gold) !important;
}

/*#region support*/
.resolutions ._header {
    background-color: var(--color-green-light);
}

.resolutions .user-container {
    color: var(--color-white);
}

.resolutions .wrapper {
    background: #5b5b5bb3;
}

.resolutions .support_tickets .filters select,
.resolutions .support_tickets .filters .datepickbox input {
    color: rgb(17, 17, 17);
    background: rgb(0 0 0 / 10%);
    border: 1px solid #ccc;
}

.resolutions .support_tickets .table-responsive table tr th {
    border-right: 1px solid #189870;
}

.resolutions._mobile .menu-item::before {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background: var(--color-yellow);
    position: absolute;
    bottom: 0;
    left: 50%;
    transition: width 0.24s, left 0.24s;
}

.resolutions._mobile
.menu-item.nuxt-link-exact-active.nuxt-link-active::before {
    left: 0;
    width: 100%;
}

.resolutions .user-info img,
.resolutions .home-btn svg,
.resolutions .logout-btn svg {
    filter: invert(1);
}

.resolutions .logout-btn:hover svg,
.resolutions .home-btn:hover svg {
    -webkit-filter: invert(.8);
    filter: invert(.8);
}
/*
/*#endregion*/

/*messages*/

.user .messages .table_body .row {
    border-bottom: 1px solid var(--color-04);
}

.user .messages .row .col.button a:active {
    background-color: var(--color-gold);
}

/*password*/

.user .password.forms .fields .title {
    border-bottom: 1px dashed var(--color-04);
}

.user .password.forms .fields .check.success::before {
    color: var(--color-green);
}

.user .password.forms .fields .check.danger::before {
    color: var(--color-red);
}

/*#endregion */

/*#region dialog */

.dialog .header {
    color: #444;
    background-color: #f0f0f0;
    border-bottom: 1px solid #c7c7c7;
}

    .dialog .header .icon {
        border-left: 1px solid #c7c7c7;
    }

        .dialog .header .icon img {
            margin: 14px;
            height: 12px;
            filter: invert(0.2);
        }

        .dialog .header .icon:active {
            background-color: #052b535c;
        }

.dialog .myBets .cashout {
    background: var(--color-03);
    border: 1px solid var(--color-04);
}

    .dialog .myBets .cashout .cashoutMessage {
        color: var(--color-07);
    }

    .dialog .myBets .cashout .cashoutAmount {
        color: var(--color-green);
    }

        .dialog .myBets .cashout .cashoutAmount span {
            color: var(--color-07);
        }

.dialog .myBets .cashoutButtons .btn:not(.btn_disabled):active {
    background-color: var(--color-button-hover);
}

.dialog .myBets .cashoutButtons .btn_disabled {
    color: var(--color-05);
    background-color: var(--color-04);
}

/*#endregion */

/*#region banking */

.banking .option table {
    border: 1px solid var(--color-04);
}

    .banking .option table tr:nth-child(odd) {
        background: var(--color-04);
    }

.banking .option .buttons .button input {
    color: var(--color-text);
    background-color: var(--color-white);
    border: 1px solid var(--color-04);
}

.banking .option .buttons .button .inner {
    color: var(--color-text);
    background-color: var(--color-white);
    border: 1px solid var(--color-04);
}

.banking .option .buttons .button:active .inner {
    color: var(--color-white);
    background-color: var(--color-gold);
    border: 1px solid var(--color-gold);
}

.banking .option .buttons .button .inner.submit {
    color: var(--color-gold);
    background: var(--color-02);
}

    .banking .option .buttons .button .inner.submit:hover,
    .banking .option .buttons .button .inner.submit:active {
        border: 1px solid;
        color: var(--color-white);
        background: var(--color-gold);
    }

.banking .question {
    background: var(--color-04);
}

/*#endregion */

/*#region signup*/
.signup .input_div .input {
    font-weight: 600;
    border-color: var(--input-border);
    color: #748194;
}

    .signup .input_div .input::placeholder {
        font-weight: 400;
        color: #748194;
    }

    .signup .input_div .input:focus-visible,
    .signup ._langs select:focus-visible {
        box-shadow: none;
        border-color: var(--color-button);
        outline: 1px solid var(--color-button) !important;
    }

    .signup .input_div .input:-webkit-autofill {
        background-color: transparent !important;
        -webkit-box-shadow: 0 0 0px 1000px var(--color-white) inset !important;
        -webkit-text-fill-color: #748194 !important;
        caret-color: #748194 !important;
    }

.signup ._langs select {
    color: #748194;
    background: var(--color-white);
    border-color: var(--input-border);
}

.signup .actions .action-button {
    font-weight: 600;
}

    .signup .actions .action-button.next {
        color: #333333;
        background-color: var(--color-button);
    }

        .signup .actions .action-button.next:hover,
        .signup .actions .action-button.next:active {
            background: var(--color-button-hover);
        }

    .signup .actions .action-button.previous {
        color: rgba(255, 255, 255, 0.9);
        background: hsl(216deg 17.54% 22.35%);
    }

@media (hover: hover) {
    .signup .actions .action-button.previous:hover {
        background: hsl(216deg 7.25% 40.59%);
    }
}

.signup center a {
    color: #748194;
}

    .signup center a:hover,
    .signup center a:active,
    .forms .footerLinks a:hover,
    .forms .footerLinks a:active {
        color: var(--color-blue-dark) !important;
    }
/*#endregion*/

/*#region switch connect*/
.switch-connect-wrapper .connect-text {
    color: #748194;
}

    .switch-connect-wrapper .connect-text:before,
    .switch-connect-wrapper .connect-text:after {
        background: #748194;
    }

.switch-connect-wrapper .connect-button .btn {
    color: rgba(255, 255, 255, 0.9);
    background: hsl(216deg 17.54% 22.35%);
}

    .switch-connect-wrapper .connect-button .btn:focus {
        background: hsl(216deg 17.54% 22.35%);
    }

@media (hover: hover) {
    .switch-connect-wrapper .connect-button .btn:hover {
        background: hsl(216deg 7.25% 40.59%);
    }
}
/*#endregion*/

/*#endregion */

/*#region mobile.css */

/*#region globals */
.mobile {
    color: var(--color-text);
    background-color: #404040;
}

    .mobile .offline-ui {
        background: var(--color-gold);
    }

    .mobile .mainHeader .menu .page .logo img {
        height: 40px;
    }

    .mobile .mainHeader .menu .page:after {
        content: "";
        position: absolute;
        display: block;
        width: 0;
        height: 2px;
        top: 48px;
        bottom: 0;
        left: 50%;
        background: var(--color-yellow);
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
        transition: width .48s, left .48s;
    }

    .mobile .mainHeader .menu .page.selected:after {
        left: calc(50% - 15px);
        width: 30px;
    }

    .mobile .mainHeader .menu .page.indent-35.selected:after {
        left: calc(50% - 0px);
    }

    .mobile .mainHeader .links {
        background: #404040;
        box-shadow: 0 10px 10px #1a1a1a;
    }

    .mobile .footer_links li a img {
        filter: invert(40%);
    }

    .mobile .footer_payments a,
    .site .footer_payments .item img {
        filter: invert(50%);
    }

    .mobile .leagues .liTou .matchs .matchInfo .teams {
        font-weight: bold;
        font-size: 13px;
    }

    .mobile .event .competition .competitionName .arrow {
        filter: invert(1);
    }

    .mobile .bets .bet a {
        height: 66px;
        line-height: 66px;
    }

    .mobile .bets .bet .outcome {
        height: 36px;
        line-height: 36px;
        font-size: 12px;
    }

    .mobile .bets .bet .price {
        line-height: 18px;
    }

    .mobile .content .btn.ticketHistory {
        margin: 15px auto 0;
        width: 60%;
        height: 35px;
        line-height: 35px;
        text-indent: 0;
        border-radius: 5px;
    }

        .mobile .content .btn.ticketHistory span img {
            margin-left: 5px;
            height: 12px;
            -webkit-filter: invert(25%);
            filter: invert(25%);
            vertical-align: middle;
        }

    .mobile .live .leagues .league {
        font-size: 12px;
        height: 22px;
        line-height: 22px;
    }

    .mobile .home .carousel .VueCarousel-pagination {
        width: initial;
    }

    .mobile .home .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .mobile .home .row .col {
            position: relative;
            padding-right: 15px;
            padding-left: 15px;
            width: 100%;
        }

            .mobile .home .row .col:first-of-type {
                margin-top: 0 !important;
            }

    .mobile .home .homeItems {
        padding-bottom: 15px;
        padding: 10px;
        background: linear-gradient(0deg, rgb(2 58 117) 0%, rgba(0, 20, 36, 0) 80%);
        border-bottom-right-radius: 70px;
        border-bottom-left-radius: 70px;
    }

    .mobile .homeItems .innerContent {
        padding-bottom: 15px;
        background: linear-gradient(0deg, rgb(2 58 117) 0%, rgba(0, 20, 36, 0) 80%);
        border-bottom-left-radius: 60px;
        border-bottom-right-radius: 60px;
        overflow: hidden;
    }

    .mobile .homeItems img {
        position: absolute;
        display: block;
        left: 0;
        right: 0;
        top: 0;
        margin: 0 auto;
        margin-top: 30px;
        width: 90%;
    }

    .mobile .homeItems .innerContent img {
        width: 210px;
        -webkit-mask-image: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)) );
        mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    }

    .mobile .homeItems h1 {
        position: relative;
        margin-top: 100px;
        font-size: 22px;
        font-weight: 900;
        text-align: center;
        color: #fff;
    }

    .mobile .homeItems a {
        position: relative;
        display: block;
        margin: 0 auto;
        margin-top: 20px;
        width: 100px;
        height: 50px;
        color: #ffffff;
        background-color: var(--color-gold);
        text-align: center;
        line-height: 50px;
        border-radius: 50px;
    }

@media (max-width: 768px) {
    .mobile .homeItems .innerContent {
        padding-bottom: 60px !important;
    }
}

@media (max-width: 576px) {
    .mobile .homeItems .innerContent img {
        width: 65% !important;
    }

    .mobile .home .col {
        margin-top: 10px !important;
    }

        .mobile .home .col:last-of-type {
            margin-bottom: 30px;
        }
}

@media (min-width: 1200px) {
    .mobile .home .col {
        -ms-flex: 0 0 calc(25% - 30px);
        flex: 0 0 calc(25% - 30px);
        max-width: calc(25%-30px);
    }
}

.mobile .home .highlights .fixture {
    min-width: 250px;
}

.mobile .settings .option {
    padding: 15px 0;
}

    .mobile .settings .option select {
        width: 100%;
    }

/*#endregion */

/*#region header*/
.mobile .mainHeader {
    background: var(--color-green-light);
}

    .mobile .mainHeader .menu .page {
        color: var(--color-white);
    }

        .mobile .mainHeader .menu .page .userIcon {
            filter: invert(40%) sepia(258%) saturate(600%) hue-rotate(105deg) brightness(200%) contrast(60%);
        }

        .mobile .mainHeader .menu .page .myBetsCounter {
            color: #404040;
            background-color: var(--color-yellow);
        }

        .mobile .mainHeader .menu .page.selected .myBetsCounter {
            background-color: var(--color-yellow);
        }

    .mobile .mainHeader .links {
        background: #404040;
    }

        .mobile .mainHeader .links a {
            color: #a7a7a7;
            background-color: #333;
        }

            .mobile .mainHeader .links a:active {
                color: #333;
                background-color: var(--color-yellow);
            }

            .mobile .mainHeader .links a.selected {
                color: #e4e4e4 !important;
                background-color: #404040 !important;
            }

                .mobile .mainHeader .links a.selected::before {
                    border-left-color: #14805e;
                }

.fill-brand {
    fill: rgb(36 238 137 / 1);
}

.mobile .mainHeader .links a._anchor_member {
    background-image: radial-gradient(50.75% 170.25% at 87.06% 148.55%, rgba(35, 238, 136, 0.15) 0%, rgba(35, 238, 136, 0) 100%);
}

    .mobile .mainHeader .links a._anchor_member span {
        font-size: 12px;
        color: var(--color-yellow);
    }
/*#endregion */

/*#region nav_top_menu*/
.nav_top_menu ._lines span {
    background-color: #ffffff;
}
/*#endregion*/

/*#region footer*/
.mobile .footer hr {
    border-color: #666666;
}

.mobile .footer_games .tab .inner {
    background-color: #2a425b;
}

.mobile .footer_links li a {
    color: #bababa;
    font-size: 13px;
}

.mobile .footer_text {
    color: #333333;
}

.mobile .footer_links li a img {
    filter: invert(60%);
}
/*#endregion */

.mobile .home .homeItems {
    background: linear-gradient(0deg, rgb(20 128 94) 0%, rgba(0, 20, 36, 0) 80%);
}

.mobile .homeItems .innerContent {
    background: linear-gradient(0deg, rgb(20 128 94) 0%, rgba(0, 20, 36, 0) 80%);
}

.mobile .homeItems a {
    color: #404040;
    background-color: var(--color-yellow);
}

/*#region league list*/
.mobile .leagues .liTou > a.collapsed {
    border-bottom: 1px solid #757575;
}

.mobile .leagues .league {
    color: #545454;
    background-color: #a7a7a7;
}

    .mobile .leagues .league.expanded,
    .mobile .live .leagues .league {
        border: none;
    }
/*#endregion */

/*#region bets */
.mobile .gameType li {
    background-color: var(--color-02);
}

.gameType li .icons .star {
    filter: invert(1);
}
/*#endregion */

/*#region betslip*/
.mobile .betslipCont {
    background-color: rgba(0, 0, 0, 0.4);
    top: 0px;
    left: 0px;
    position: fixed;
    width: 100%;
    height: 100%;
    max-width: unset;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    -webkit-animation: unset;
    animation: unset;
    z-index: 500;
}

.mobile .betslip {
    position: absolute;
    bottom: 0;
    width: 100%;
}

    .mobile .betslip .betslipContainer {
        background: var(--color-grey-light);
    }

    .mobile .betslip .matches li {
        background-color: #ddd;
        border-bottom: solid 1px #c7c7c7;
    }

    .mobile .betslip .summary {
        border-top: 1px solid var(--color-04);
    }

    .mobile .betslip .buttons .button .btnReuse {
        color: rgb(255, 204, 0);
        background-color: transparent;
        border: 1px solid rgb(255, 204, 0);
    }

        .mobile .betslip .buttons .button .btnReuse:active {
            color: var(--color-white);
            background-color: var(--color-gold);
        }

    .mobile .betslip .buttons .button .btnDone {
        color: #333;
        background: var(--color-button);
    }

        .mobile .betslip .buttons .button .btnDone:active {
            background-color: var(--color-button-hover);
        }

.mobile .betslipFooter .button {
    color: #444;
    background-color: #f0f0f0;
}

    .mobile .betslipFooter .button .number {
        color: #fff;
        background: #14805e;
    }
/*#endregion */

/*#region myBets */
.mobile .content .btn.ticketHistory {
    font-weight: 700;
    color: #333;
    background-color: var(--color-button);
}

.mobile .dialog_content {
    background-color: #474747;
}

.mobile .dialog .close {
    right: -8px;
    top: -12px;
    border-radius: 3px;
    color: #333333;
    background-color: var(--color-button);
}
/*#endregion */

.mobile .matchID {
    color: #e4e4e4;
    background: #383838;
}

.mobile .burger-bar {
    background-color: var(--color-yellow) !important;
}

/*#region mch-groups*/
.mobile .mch-groups {
    color: #bbb;
    background: #474747;
    border-top: 1px solid #515151;
}
/*#endregion*/

/*#region Sports Page*/
.mobile .leagues .sp-header {
    display: flex;
    align-items: center;
    height: 31px;
    line-height: 31px;
    color: var(--color-white);
    background: #25765c;
}

    .mobile .leagues .sp-header .sortGames {
        width: 31px;
        height: 31px;
        border-right: 1px solid #c9a6a62b;
    }

        .mobile .leagues .sp-header .sortGames:active {
            background-color: var(--color-yellow);
            border-right: 1px solid var(--color-yellow);
        }

        .mobile .leagues .sp-header .sortGames img {
            padding: 7px;
            width: 32px;
            height: 32px;
        }

    .mobile .leagues .sp-header .name {
        line-height: 31px;
    }

    .mobile .leagues .sp-header .icon-topTours,
    .mobile .leagues .sp-header .icon-topLeagues,
    .mobile .leagues .sp-header .icon-tournament {
        width: 31px;
        height: 31px;
        border-right: 1px solid rgba(201, 166, 166, 0.16863);
    }

        .mobile .leagues .sp-header .icon-topLeagues i,
        .mobile .leagues .sp-header .icon-tournament i {
            top: -1px;
            padding: 7.5px;
            background-position: 7px 6px;
            margin-left: 0px;
            background-size: 60%;
            -webkit-filter: invert(1) !important;
            filter: invert(1) !important;
        }

        .mobile .leagues .sp-header .icon-topTours .sp.sp0 {
            position: relative;
            top: -1px;
            padding: 7.5px;
            width: 16px;
            background-position: 6px 1px;
            background-size: 25em 5em;
            filter: invert(1) !important;
        }

.mobile .leagues .liTou .league .more {
    opacity: 0.4;
}

/*#region Live*/
.mobile .live .match-row.live.clearfix > div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.mobile .match-row .info-content.score-content {
    width: 26.5px;
}

.mobile .live .match-row .teams {
    width: calc(45% - 26.5px);
}

.mobile .live .leagues > div:first-child {
    border-bottom: 1px solid #0f6644;
}

.mobile .live .leagues .league {
    height: 12px;
    line-height: 12px;
    font-size: 12px;
    color: #545454;
    background: #a7a7a7;
}

.mobile .live .leagues .liTou .matchs .goals {
    color: var(--color-yellow);
}
/*#endregion*/

/*#region Home Page*/

/*highlights*/

.mobile .home .highlights {
    background: #2932430f;
}

    .mobile .home .highlights .leagues .league {
        padding: 7px 10px;
        height: 15px;
        line-height: 15px;
        font-size: 12px;
        color: var(--color-white);
        background: var(--color-blue);
    }

    .mobile .home .highlights .leagues .matchs .matchInfo {
        border-bottom: 1px dashed var(--color-05);
    }

/*live*/

.mobile .home .live .header {
    color: var(--color-white);
    background-color: var(--color-gold);
}

    .mobile .home .live .header .text .count {
        background: var(--color-blue);
    }

.mobile .home .live .footer {
    color: var(--color-white);
    background-color: var(--color-text);
}

/*#endregion*/

/*#region Setting Page*/
.mobile .settings .option {
    border-bottom: 1px dashed var(--color-04);
}

.mobile .settings:not(.hi_lo .settings) {
    margin: 10px 0;
    padding: 20px;
}

.mobile .settings:not(.hi_lo .settings) {
    text-align: center;
    color: #333333;
    background-color: var(--color-white);
}

.mobile .settings .option {
    line-height: 30px;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

    .mobile .settings .option select {
        color: #333333;
        border: 1px solid var(--color-04);
    }
/*#endregion*/

/*#region Info Pages*/

.mobile .infoPage {
    color: var(--color-text);
    background-color: var(--color-02);
}

    .mobile .infoPage .content2 img {
        width: 100%;
    }

    .mobile .infoPage .content2 h3 {
        font-size: 18px;
        font-weight: 500;
        padding: 10px 0 5px 0;
    }

    .mobile .infoPage .content2 .right {
        float: right;
        margin: 10px 0;
        padding: 5px;
        overflow: hidden;
    }

    .mobile .infoPage .content2 .right {
        border: 1px solid var(--color-04);
    }

    .mobile .infoPage .content2 h4 {
        margin: 20px 0 10px 0;
        font-size: 16px;
        font-weight: 500;
    }

    .mobile .infoPage .content2 a {
        color: var(--color-text-highlighted);
    }

    .mobile .infoPage .content2 p {
        font-size: 11px;
        text-align: justify;
    }

.site .sportMenu .sportIcon .icon .star,
.site .leagues .matchInfo .event .star {
    filter: invert(40%) sepia(138%) saturate(0) hue-rotate(59deg) brightness(130%) contrast(80%) !important;
}

.star {
    filter: invert(40%) sepia(258%) saturate(600%) hue-rotate(105deg) brightness(200%) contrast(60%) !important;
}
/*#endregion*/

/*#region Forms Page (login-register)*/

.mobile .register .fields .confirmation a {
    color: var(--color-gold);
}

/*#endregion*/

/*#region dialog*/
.mobile .dialog.dBetslip .header .number {
    color: #fff;
    background: #14805e;
}
/*#endregion*/

/*#endregion */

/*#endregion*/

/*#region site/Styles.css */

/*#region globals*/

.site {
    color: var(--color-text);
}

    .site a,
    .site input {
        color: var(--color-yellow);
    }

    .site .body .content {
        background: #5b5b5bb3;
    }

    .site .bg-slots .body .content {
        background: transparent;
    }
    /*#endregion*/

    /*#region header*/
    .site .header .wrap {
        background-color: var(--color-green-light);
        z-index: 10 !important;
    }

    .site .header .headerTop .loginBlock .announcement img {
        -webkit-filter: invert(1);
        filter: invert(1);
    }

    .site .header .headerMiddle .mainLogo img {
        height: 100%;
    }

    .site .header .headerMiddle .navigation {
        padding-left: 100px;
    }

    /* headerTop */
    .site .header .headerTop .loginBlock .lostPass {
        color: var(--color-white);
    }

        .site .header .headerTop .loginBlock .lostPass:hover {
            color: var(--color-gold);
        }

    .site .header .headerTop .loginBlock input.txtUsername,
    .site .header .headerTop .loginBlock input.txtPassword {
        color: var(--color-05);
    }

    .site .header .headerTop .loginBlock .loginButton {
        font-weight: 700;
        color: #333333;
        background-color: var(--color-button);
    }

    /*loggedIn*/
    .site .header .headerTop .loginBlock > * {
        color: var(--color-white);
    }

    .site .header .headerTop .loginBlock .depositButton {
        font-weight: 700;
        color: rgb(255, 204, 0);
    }

.approve_payment center a {
    color: rgba(0, 0, 0, 0.8);
}

.site .header .headerTop .loginBlock .headerNavDivider {
    background: #399b7c;
}

.site .header .headerTop .loginBlock .orangeText {
    color: var(--color-yellow);
}

.site .header .headerTop .loginBlock .announcement .msgBox {
    color: #333;
    background-color: #ffcc00;
}

.site .header .headerTop .loginBlock > .userAccount li a {
    color: var(--color-white);
}

.site .header .headerTop .loginBlock > .userAccount span:after {
    border-top-color: #ffffff;
}

.dialog .myBets .cashoutButtons .btn_reject {
    color: #333;
    background: #999;
    border: none;
}

/* first level */
.site .header .headerTop .loginBlock > .userAccount > ul > li:hover > a,
.site
.header
.headerTop
.loginBlock > .userAccount > ul:not(:hover) > li.active > a {
    color: #ffffff;
    background: var(--color-green-dark);
}

.site .header .headerTop .loginBlock > .userAccount > ul > li:hover span:after,
.site
.header
.headerTop
.loginBlock > .userAccount > ul:not(:hover) > li.active
span:after {
    border-top-color: #ffffff;
}

/* second level */
.site .header .headerTop .loginBlock > .userAccount li ul a {
    color: #333;
    background-color: var(--color-white);
    border-bottom: 1px solid var(--color-04);
}

    .site .header .headerTop .loginBlock > .userAccount li ul a:hover {
        color: var(--color-white);
        background: var(--color-green-dark);
    }
/*headerMiddle*/

.site .header .headerMiddle .navigation .navLink {
    color: var(--color-white);
}

    .site .header .headerMiddle .navigation .navLink:hover,
    .site .header .headerMiddle .navigation .navLink.selected {
        color: var(--color-yellow);
    }

.site .header .headerMiddle .langSelector span:after {
    border-top-color: rgba(21, 37, 83, 0.7);
}

/*#region langSelector and themeSelector*/
.site .header .fixed .headerBottom .langSelector,
.site .header .fixed .headerMiddle .themeSelector {
    top: 0;
}

.site .header .headerBottom .langSelector > a,
.site .header .headerMiddle .themeSelector > a {
    display: none;
}

.site .header .headerBottom .langSelector ul li,
.site .header .headerMiddle .themeSelector ul li {
    position: relative;
    z-index: 10;
    list-style: none;
}

.site .header .headerBottom .langSelector li a,
.site .header .headerMiddle .themeSelector li a {
    display: block;
}


.site .header .headerBottom .langSelector span {
    display: inline-block;
    text-align: left;
    padding: 0 5px;
}

    .site .header .headerBottom .langSelector span:after {
        width: 0;
        height: 0;
        border: 0.313em solid transparent;
        border-bottom: none;
        border-top-color: rgba(21, 37, 83, 0.7);
        content: "";
        vertical-align: middle;
        display: inline-block;
        position: relative;
        right: -0.313em;
    }

/* first level */

.site .header .headerBottom .langSelector > ul,
.site .header .headerMiddle .themeSelector > ul {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

    .site .header .headerBottom .langSelector > ul > li > a,
    .site .header .headerMiddle .themeSelector > ul > li > a {
        height: 100%;
        padding: 0 10px;
        font-size: 12px;
        line-height: 27px;
        text-align: center;
        cursor: pointer;
    }

    .site .header .headerMiddle .themeSelector > ul > li > a {
        padding: 0;
    }

    .site .header .headerBottom .langSelector > ul.time > li a,
    .site .header .headerMiddle .themeSelector > ul.time > li a {
        font-size: 10px;
        height: 25px;
        line-height: 25px;
    }

/* second level */

.site .header .headerBottom .langSelector li ul,
.site .header .headerMiddle .themeSelector li ul {
    position: absolute;
    top: 100%;
    right: 0;
}

    .site .header .headerBottom .langSelector li ul.otherDates {
        right: 0;
    }

    .site .header .headerBottom .langSelector li ul li a,
    .site .header .headerMiddle .themeSelector li ul li a {
        padding: 0 15px;
        line-height: 30px;
        height: 30px;
        cursor: pointer;
        white-space: nowrap;
    }

    .site .header .headerMiddle .themeSelector li ul li a {
        padding: 0;
        height: initial;
        line-height: initial;
    }

    .site .header .headerBottom .langSelector li ul span,
    .site .header .headerMiddle .themeSelector li ul span {
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

        .site .header .headerBottom .langSelector li ul span:after {
            display: none;
        }
/*#endregion*/

/* first level */
.site .header .headerMiddle .langSelector > ul > li:hover > a,
.site .header .headerMiddle .langSelector > ul:not(:hover) > li.active > a {
    color: var(--color-white);
    background: var(--color-blue-dark);
}

/* second level */
.site .header .headerMiddle .langSelector li ul li a {
    color: var(--color-text);
    background-color: var(--color-white);
    border-bottom: 1px solid var(--color-04);
}

.site .header .headerMiddle .langSelector li ul a:hover,
.site .header .headerMiddle .langSelector li ul a.sel {
    color: var(--color-white);
    background: var(--color-blue-dark);
}

/*Header Bottom*/
.site .header .headerBottom {
    background: #383737;
}

    .site .header .headerBottom a,
    .site .header .headerBottom .btn {
        color: #bbb;
    }

        .site .header .headerBottom .btn img,
        .site .header .headerBottom .btn svg {
            filter: invert(40%) sepia(138%) saturate(0) hue-rotate(59deg) brightness(130%) contrast(80%);
        }

    .site .header .headerBottom .optionSelector > ul > li > a img {
        filter: invert(40%) sepia(138%) saturate(0) hue-rotate(59deg) brightness(130%) contrast(80%);
    }

    .site .header .headerBottom .headerNavDivider {
        border-left: 1px solid #5f5a5a;
    }

    /* OddsMode Menu */
    .site .header .headerBottom .optionSelector span:after {
        border-top-color: var(--color-white);
    }

    /* second level */
    .site .header .headerBottom .optionSelector li ul li a {
        color: #333;
        border-bottom: 1px solid var(--color-03);
        background-color: var(--color-white);
    }

    .site .header .headerBottom .optionSelector li ul a:hover,
    .site .header .headerBottom .optionSelector li ul a.sel {
        color: var(--color-white);
        background: #383737;
    }
/*#endregion*/

/*#region content*/
.site .content .contentMain > .event.prematchEvent {
    padding: 5px 0;
}

.site .content .contentMain .noMoreActive {
    color: var(--color-blue);
    background: var(--color-white);
}

    .site .content .contentMain .noMoreActive .btn {
        color: var(--color-04);
        background: var(--color-blue);
    }

        .site .content .contentMain .noMoreActive .btn:hover {
            color: var(--color-03);
            background: var(--color-gold);
        }
/*#endregion*/

/*#region sports */
.site .sp {
    filter: invert(40%) sepia(138%) saturate(5754%) hue-rotate(205deg) brightness(60%) contrast(80%);
}

.site .sports .header_asian {
    margin-bottom: 5px;
    line-height: 30px;
    color: var(--color-white);
    background: var(--color-green-dark);
}

    .site .sports .header_asian .menu-item:nth-child(even) {
        background: var(--color-green-light);
    }

    .site .sports .header_asian .bottomBorder.bottomSport {
        background: var(--color-green-dark);
    }

    .site .sports .header_asian .bottomBorder.bottomMarket {
        background: var(--color-green-light);
    }
/*cont*/

.site .sports .cont {
    color: var(--color-text);
    background: #ededed;
}

    .site .sports .cont .sportsList.hasDropdown a.hoverable {
        height: 29px;
    }

    .site .sports .cont .sportsList > li > a .sp.live {
        transform: scale(1);
        background: rgba(51, 217, 178, 1);
        box-shadow: 0 0 0 0 rgb(51 217 178);
        animation: pulse-green 2s infinite;
    }

.site ._sports_ {
    width: 24px;
    height: 30px;
    background-size: 20px;
}

@-webkit-keyframes pulse-green {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(51, 217, 178, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(51, 217, 178, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(51, 217, 178, 0);
    }
}

@keyframes pulse-green {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(51, 217, 178, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(51, 217, 178, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(51, 217, 178, 0);
    }
}

.site .sports .icon-topTours i {
    position: relative;
    top: 0px;
    padding: 4px 5px;
    width: 20px;
    background-position: 7px -4px;
    background-size: 18em 4em;
    -webkit-filter: invert(1) !important;
    filter: invert(1) !important;
}

.site .sports .icon-topLeagues i {
    -webkit-filter: invert(1) !important;
    filter: invert(1) !important;
}

.site .sports .cont ul li a {
    color: var(--color-text);
    border-bottom: 1px solid #d5d5d5;
}

    .site .sports .cont ul li a.selected,
    .site .sports .cont ul li.sel a {
        color: var(--color-text-highlighted);
    }

.site .sports .cont ul li.disabled a {
    background: var(--color-04);
    border-bottom: 1px solid var(--color-05);
}

.site .sports .cont .count {
    color: #074633c4;
}

.site .sportsList.hasDropdown .hoverable .count,
.site .sportsList.hasDropdown .categoriesList .category-li .category-anchor .count {
    padding-right: 30px;
}

.site .sports .cont .count.live {
    color: var(--color-green);
}

.site .sportsList.hasDropdown .categoriesList {
    opacity: 1;
    pointer-events: auto;
    transition: .24s;
}

    .site .sportsList.hasDropdown .categoriesList .category-li {
        padding: 0 5px;
    }

.site .sports .cont .sportsList.hasDropdown > li > a .name {
    text-indent: 6px;
}

.site .sportsList.hasDropdown .categoriesList .category-li .category-anchor {
    margin-top: 0;
    padding: 0 5px 0 8px !important;
}

    .site .sportsList.hasDropdown .categoriesList .category-li .category-anchor .name {
        text-indent: 9px;
    }

    .site .sportsList.hasDropdown .hoverable i.arrow,
    .site .sportsList.hasDropdown .categoriesList .category-li .category-anchor i.arrow {
        filter: invert(0);
    }

/*sportsList*/
.site .sports .cont .sportsList > li > a {
    line-height: 28px;
}

.banner {
    background-color: var(--color-green-light);
}

    .banner .sp.live {
        transform: scale(1);
        background: rgba(51, 217, 178, 1);
        box-shadow: 0 0 0 0 rgb(51 217 178);
        animation: pulse-green 2s infinite;
    }

.in-play-banner:hover {
    background: rgba(9, 127, 24, 0.6);
    box-shadow: 0 0 8px 0 rgba(9, 127, 24, 0.6);
}

    .in-play-banner:hover .sp.live {
        background: rgb(4 206 38);
    }

/*categoriesList*/
.site .sports .cont .categoriesList > li > a {
    line-height: 32px;
    background: var(--color-grey-light);
    border-bottom: 1px solid #dedede;
}

/*tournamentsList*/
.site .sports .cont .tournamentsList a {
    height: 30px;
    line-height: 30px;
    color: #333333;
    border-top: 1px solid var(--color-white);
    border-bottom: 1px solid #dad8d8;
}

.site .highlightsContainer h2,
.site h4 {
    margin-bottom: 5px;
}

    .site .highlightsContainer h2 .header,
    .site h4 .header {
        padding: 0 10px;
        color: #ededed;
        background-color: var(--color-green-light);
    }

    .site .highlightsContainer h2 .noEvents {
        color: #4acfa5;
        background-color: var(--color-green-light);
    }

        .site .highlightsContainer h2 .noEvents img {
            filter: invert(40%) sepia(258%) saturate(600%) hue-rotate(105deg) brightness(200%) contrast(60%);
        }

.site .sports > .leagues .collapsed {
    border-bottom: 1px solid #19604a;
}

.site .sports:last-of-type > .leagues .collapsed {
    border-bottom: none;
}

.site .leagues .sp-header {
    font-size: 13px;
    color: #e4e4e4;
    background-color: var(--color-green-light);
}

.site .leagues .close:hover {
    color: var(--color-white);
    background-color: var(--color-green-dark);
}

.site .leagues .league {
    color: #e4e4e4;
    background-color: var(--color-green-light);
}

.site .leagues .liTou > a.collapsed {
    border-bottom: 1px solid rgb(25 96 74) !important;
}

.site .leagues .matchInfo .timeScore {
    padding-right: 5px;
    color: #bbb;
    border-right: 1px solid var(--color-03);
}

    .site .leagues .matchInfo .timeScore .time.green {
        color: #bbb;
    }

    .site .leagues .matchInfo .timeScore .minute {
        color: #4dbd94;
    }

.site .leagues .matchInfo .event .vs {
    color: #e7ba04ed !important;
}

.site .leagues .matchInfo .score > span {
    font-weight: 700;
    color: var(--color-yellow);
}

.site .leagues .matchInfo .event:hover .teams {
    color: var(--color-yellow);
}

.site .leagues .matchInfo .event .vs {
    color: var(--color-07);
}

.upcoming-header {
    display: flex;
    margin: 16px 0 0 0;
    padding-left: 16px;
    height: 40px;
    align-items: center;
    color: #545454;
    background-color: #a7a7a7;
}

.more-upcoming {
    width: 20%;
    margin: 10px auto;
    border-radius: 3px;
    white-space: nowrap;
    text-align: center;
    position: relative;
    touch-action: manipulation;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4acfa5;
    border: 1px solid #4acfa5;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    cursor: pointer;
}

    .more-upcoming:active {
        color: var(--color-green-light);
        border: 1px solid var(--color-green-light);
    }

.mobile .tournament.leagues .sp-header {
    color: var(--color-white);
    background: #074633;
}

/*#region daterange */
.site .sports .range {
    padding: 10px 5px;
    color: var(--color-white);
    background: var(--color-grey-light);
}

.site .sports .cont p {
    display: none;
    background: var(--color-grey-light);
}

.site .sports .cont hr.custom-hr {
    display: none;
}

.site .sports .range .range-box .left {
    background-color: var(--color-blue-dark);
}

.site .sports .range .range-box .center {
    font-size: 12px;
    font-weight: 700;
    color: #333;
    border: 1px solid var(--color-blue);
}

.site .sports .range .range-box .right {
    background-color: var(--color-blue-dark);
}

.site .sports .range .range-box > div:not(.center):hover {
    background-color: var(--color-gold);
}

.site .sports .range .inner {
    top: 36px;
}

    .site .sports .range .inner.left {
        left: 5px;
    }

    .site .sports .range .inner.right {
        right: 5px;
    }

    .site .sports .range .inner .item {
        background-color: var(--color-blue);
    }

        .site .sports .range .inner .item + .item {
            border-top: 1px solid var(--color-07);
        }

        .site .sports .range .inner .item:hover {
            background-color: var(--color-gold);
        }
/*#endregion */

/*#endregion*/

/*#region days-markets-filters*/
.days-markets-filters .market-filter .form-control-filter {
    background: rgba(255, 255, 255, 0.05);
}

.days-markets-filters .market-options,
.days-markets-filters .day-options {
    background: #545454;
}

.days-markets-filters .sortGames {
    border-right: 1px solid rgba(255, 255, 255, .1);
}

.site .time-filter {
    box-shadow: 1px 0 0 0 #545454;
}

.time-filter .cur-ne {
    color: var(--color-yellow);
}

.day-options .eventsCounter {
    color: #ddd;
}

.day-options .disabled p,
.day-options .disabled .eventsCounter {
    color: #a5a1a1 !important;
}

.ui-bar-controls,
.days-markets-filters .form-control-label,
.mobile .days-markets-filters .form-control-select,
.site .leagues .close,
.mobile .leagues .sp-header .close {
    color: var(--color-04)
}
/*#endregion*/

/*#region sportMenu*/
.site .sportMenuContainer {
    height: 54px;
    background: #404040;
}

.site .sportMenu .sportIcon {
    width: 60px;
    padding: 4px;
}

.sportMenu .sportIcon.active .name {
    color: #4acfa5;
}

.site .sportMenu .sportIcon .icon .star .count {
    color: var(--color-blue);
}

.site .sportMenu .sportIcon.selected .icon .sp,
.site .sportMenu .sportIcon.selected .icon .star {
    filter: invert(0);
}
/*#endregion*/

/*#region slider */
.site button.VueCarousel-dot:hover button,
.site button.VueCarousel-dot.VueCarousel-dot--active,
.home button.VueCarousel-dot.VueCarousel-dot--active {
    background-color: var(--color-button-hover) !important;
}

.site .VueCarousel-dot:focus,
.home .VueCarousel-dot:focus {
    outline: 1px solid #ffffff;
}

.site .contentMain .slide-info .slide-news {
    background: var(--color-text);
}

    .site .contentMain .slide-info .slide-news:after {
        border-color: var(--color-text) transparent transparent transparent;
    }

    .site .contentMain .slide-info .slide-news .time {
        color: var(--color-gold);
    }

.site .contentMain .slide-info .slide-odds .odds {
    color: var(--color-blue);
    background: var(--color-03);
}

.site .slide-info .slide-odds .odds.selected,
.site .slide-info .slide-odds .odds:hover {
    color: var(--color-white);
    background: var(--color-text);
}
/*#endregion*/

/*#region matchID */
.site .event .matchID_inner {
    background-color: rgb(102 102 102);
}

.site .matchID_teams {
    color: #ededed;
    background-color: #313131;
}

.site .matchID_info_inner {
    color: #ededed;
    background-color: #222222;
}

.site .matchID_info_up {
    border-bottom: 1px solid #313131;
}

    .site .matchID_info_up > span {
        text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4), 0 5px 5px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1);
    }

.site .matchID_info_up_result {
    color: var(--color-yellow);
}

.site .matchID .matchDate {
    color: #12e096;
}
/*#endregion */

/*#region mch-groups */
.site .mch-groups {
    color: #bbb;
    background: #474747;
}
/*#endregion */

/*#region bets */
.bets .bet {
    padding: 0;
}

.site .liTou .bets .bet a {
    height: 40px;
    line-height: 40px;
    background-color: #585858;
}

.site .bets .bet .aggregate .outcome {
    line-height: 40px;
}

.site .liTou .bets .bet a .price,
.site .liTou .bets .bet a.disabled .price {
    line-height: 40px !important;
}

.liveEvent .bets .bet a.disabled .price {
    height: 40px;
    line-height: 40px;
}

.site .bets .bet.noOutcome .disabled .price {
    margin: 8px 0;
}

.site .liTou .others {
    color: #ddd;
}

    .site .liTou .others .stats-link {
        -webkit-filter: invert(60%) sepia(55%) saturate(0) hue-rotate(55deg) brightness(90%) contrast(80%);
        filter: invert(60%) sepia(55%) saturate(0) hue-rotate(55deg) brightness(90%) contrast(80%);
    }

        .site .liTou .others .stats-link:hover {
            -webkit-filter: invert(52%) sepia(259%) saturate(774%) hue-rotate(19deg) brightness(121%) contrast(86%);
            filter: invert(52%) sepia(259%) saturate(774%) hue-rotate(19deg) brightness(121%) contrast(86%);
        }
/*#endregion */

/*#region liveCenter*/
.site .liveCenter .stats .inner > .row {
    border-bottom: 1px solid #464545;
}

.wide0 .asia .liveCenter .stats .charts > div,
.wide1 .asia .liveCenter .stats .charts > div {
    border-bottom: 1px solid var(--color-08);
}
/*#endregion */

/*#region betslip*/
.site .betslip .matches li {
    background-color: var(--color-white);
    border-bottom: 1px solid var(--color-03);
}

.site .betslip .matches .left .team,
.site .betslip .matches .left .pick {
    color: var(--color-text);
}

.site .betslip .matches .disabled .left .pick,
.site .betslip .matches .disabled .left .team {
    color: var(--color-06);
}

.site .betslip .buttons .button .btnReuse {
    color: var(--color-button);
    border: 1px solid var(--color-button);
}

    .site .betslip .buttons .button .btnReuse:hover {
        color: #333;
        background: var(--color-button-hover);
        border: 1px solid var(--color-button-hover);
    }

.betslip .buttons .button .btnPrintCopy {
    color: var(--color-button);
    border: 1px solid var(--color-button);
}

    .betslip .buttons .button .btnPrintCopy:hover {
        color: #333;
        background: var(--color-button-hover);
        border: 1px solid var(--color-button-hover);
    }

.message-box.ticket-accepted {
    color: var(--color-white);
}

.site .betslip .buttons .button .btnDone {
    color: #333;
    background: var(--color-button);
}

    .site .betslip .buttons .button .btnDone:hover {
        background-color: var(--color-button-hover);
        border: 1px solid var(--color-button-hover);
    }
/*#endregion */

/*#region contentRight */

/*#region sideBlock */
.site .sideBlock .sideBlockHead {
    font-weight: bold;
    color: var(--color-white);
    background: var(--color-green-light);
}

    .site .sideBlock .sideBlockHead.lcHead .mini-field {
        display: none;
    }

.TopNavContainer {
    background: #313131 !important;
}

    .TopNavContainer .StatButtons_Button {
        color: #bbbbbb !important;
    }

    .TopNavContainer .StatButtons_Button-active {
        border-bottom: 2px solid var(--color-button-hover) !important;
    }

.site .sideBlock .sideBlockBody,
.site .sideBlock .sideBlockFooter {
    color: #333333;
    background: #ededed;
}

.site .infoPage_left .sideBlock .sideBlockBody {
    color: #333333;
    background: #ededed;
}

.site .contentLeft .sideBlock .sideBlockBody {
    background: #ededed;
}

    .site .contentLeft .sideBlock .sideBlockBody ul li a {
        font-size: 12px;
        color: #333333;
    }
/*#endregion */

/*#region topWinner*/
.site .topWinner .row {
    height: 25px !important;
    line-height: 25px !important;
    border-bottom: 1px solid #e0dfdf;
}

    .site .topWinner .row:not(.bold):hover span {
        color: var(--color-gold);
    }
/*#endregion */

/*#region promoContainer */
.site
.promoContainer
.VueCarousel-pagination--top-overlay
.VueCarousel-dot-container
.VueCarousel-dot:hover {
    background-color: var(--color-gold) !important;
}

.site .promoContainer .sideBlockBody .txt h3 {
    color: var(--color-gold);
}

.site .promoContainer .sideBlockBody .txt .separator {
    background-color: var(--color-gold);
}

.site .promoContainer .sideBlockBody .txt .button {
    color: var(--color-gold);
    background: var(--color-grey-light);
    border: 1px solid var(--color-gold);
}

    .site .promoContainer .sideBlockBody .txt .button:hover {
        color: var(--color-03);
        background: var(--color-gold);
    }

.site .promoContainer .VueCarousel-pagination.VueCarousel-pagination--top-overlay {
    top: -30px !important;
    padding-right: 10px;
    height: 30px;
}
/*#endregion */

/*#region quickBet */
.site .quickBet .sideBlockContent .quickButtons {
    position: relative;
    padding: 5px 0;
    color: #333333;
    margin: 5px 0;
    background: #ffffff;
    border-radius: 3px;
    height: 40px;
    line-height: 20px;
}

.site .quickBet .quickButtons span.num_right {
    color: var(--color-text);
}
/*Quick Stake Button*/

.site .quickBet .quickStake > ul > li > a {
    color: rgb(119 98 14);
    background-color: transparent !important;
    border: 1px solid rgb(119 98 14) !important;
    border-radius: 3px;
}

.site .quickBet .quickStake span:after {
    border-top-color: rgb(119 98 14);
}

/* second level */
.site .quickBet .quickStake li ul li:last-child a {
    border-bottom: 1px solid var(--color-04);
}

.site .quickBet .quickStake li ul a {
    color: #333;
    border-top: 1px solid var(--color-white);
    border-bottom: 1px solid var(--color-03);
    background-color: var(--color-02);
}

    .site .quickBet .quickStake li ul a:hover {
        color: var(--color-yellow);
    }

/*Quick Bet Button*/
.site .quickBet .quickBet {
    color: #333333;
    background: var(--color-button);
    border: none;
    border-radius: 3px;
}

    .site .quickBet .quickBet:hover {
        background: var(--color-button-hover);
    }
/*#endregion */

/*#endregion */

/*#region dialog */
.site .dialog .close {
    right: -12px;
    top: -12px;
    border-radius: 3px;
}

.site .dialog .modalbox-title {
    padding: 10px;
    font-size: 13px;
    color: var(--color-white);
    background: #2a425b;
}

.site .dialog_content,
.site .modal .modal-body {
    top: 120px;
    background-color: var(--color-grey-light);
}

.site .wide2 .dialog_content,
.site .wide2.modal-content .modal-body {
    left: 250px;
    right: 370px;
}

.site .dialog .menu .item {
    font-weight: bold;
    color: #333333;
    border-left: 1px solid var(--color-grey-light);
    background-color: var(--color-white);
}

    .site .dialog .menu .item .inner:hover,
    .site .dialog .menu .item.selected {
        color: #fff;
        background: var(--color-green-light);
    }

    .site .dialog .menu .item > ul li {
        background: var(--color-white);
        border-top: 1px solid #ededed;
    }

        .site .dialog .menu .item > ul li a {
            color: #333;
        }

        .site .dialog .menu .item > ul li:hover {
            color: #ffffff;
            background: var(--color-green-light);
            border-top: 1px solid #ededed;
        }

            .site .dialog .menu .item > ul li:hover a {
                color: var(--color-white);
            }

.site .dialog .close {
    color: #333333;
    background-color: var(--color-button);
}

    .site .dialog .close:hover {
        background-color: var(--color-button-hover);
    }

.site .dialog_body .innerModal {
    background: rgba(255, 255, 255, 0.1);
}

.site .dialog iframe.bg_white {
    background: var(--color-white);
}

.site .dialog_content .buttons {
    background: var(--color-white);
}

    .site .dialog_content .buttons .btn {
        font-weight: 700;
        color: #333;
        background-color: var(--color-button);
        border: 1px solid transparent;
    }

        .site .dialog_content .buttons .btn:hover {
            background-color: var(--color-button-hover);
        }

        .site .dialog_content .buttons .btn.cancel {
            font-weight: bold;
            color: #333;
            background-color: #c5c5c5;
        }

            .site .dialog_content .buttons .btn.cancel:hover {
                background-color: #bbb7b7;
            }
/*#endregion */

/*#region infoPage */
.site .infoPage {
    color: var(--color-text);
}

.site .infoPage_left .sideBlock .sideBlockBody ul li a {
    font-size: 12px;
    color: #333333;
}

.site .infoPage_left .sideBlock .sideBlockBody ul li.selected a {
    color: var(--color-text-highlighted);
}

.site .infoPage .title {
    font-size: 12px;
    font-weight: 700;
    color: var(--color-white);
    background: var(--color-green-light);
}

.site .infoPage .content2 {
    background: #ededed;
}

    .site .infoPage .content2 a {
        color: var(--color-gold);
    }

    .site .infoPage .content2 .right {
        border: 1px solid var(--color-04);
    }

    .site .infoPage .content2 .div ul li a {
        color: var(--color-08);
    }

    .site .infoPage .content2 .div.bettingRules h2:hover {
        color: var(--color-button-hover);
    }
/*tabela e payments*/

.site .infoPage .main_wrapper {
    border: 1px solid var(--color-04);
}

    .site .infoPage .main_wrapper .paymentsTableHeader {
        color: var(--color-black);
    }

    .site .infoPage .main_wrapper .paymentsCell + .paymentsCell {
        border-top: 1px solid var(--color-03);
    }

    .site .infoPage .main_wrapper .paymentsCell:not(:last-child) {
        border-right: 1px solid var(--color-03);
    }

    .site .infoPage .main_wrapper .paymentsCell.paymentDetails {
        color: var(--color-black);
    }

/*#endregion */

/*#region footer */
.site .footer {
    color: #bababa;
    background-color: #383737;
}

.site .footer_text {
    color: #333333;
}

.site .footer_links li a {
    color: #bababa;
}

.site .footer_text {
    color: #bababa;
}

.site .footer .footerDevider {
    background-color: #c7c7c7;
}

.site .footer .footerLinks ul li a {
    color: #bababa;
    border-right: 1px solid #c7c7c7;
}

    .site .footer .footerLinks ul li a.sel {
        color: var(--color-yellow);
    }

.site .footer .wrapper .div25 .inner .title {
    color: #dde4fe;
}

.site .footer .wrapper .div25 .inner li a {
    color: var(--color-white);
}

.site .footer .wrapper .paymentOptions {
    background-color: var(--color-11);
}

.site .footer #copyright {
    color: #dde4fe;
}
/*#endregion */

/*#region Home page */

/*carousel*/
.site .contentMain .carousel .slide-inner {
    background: #2a425b;
}

.VueCarousel .VueCarousel-pagination .VueCarousel-dot-container {
    padding: 0 6px;
    background-color: color(srgb 0.286275 0.360784 0.419608 / 0.2);
    border-radius: 8px;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}

    .VueCarousel .VueCarousel-pagination .VueCarousel-dot-container .VueCarousel-dot {
        margin-bottom: 0 !important;
        outline: 0;
        padding: 5px !important;
        width: 6px !important;
        height: 6px !important;
        background-color: color(srgb 1 1 1 / 0.9);
        opacity: 1;
    }

.home .VueCarousel .VueCarousel-dot:hover button {
    background-color: var(--color-gold) !important;
}

.home .VueCarousel-wrapper {
    background: var(--color-green-light);
}

/*4 columns*/
.home .fourColumns {
    background-color: var(--color-green-dark);
}

    .home .fourColumns .column .inner .register {
        color: #fc0;
    }

    .home .fourColumns .column .inner h1 {
        color: var(--color-button);
    }

    .home .fourColumns .devider {
        background-color: rgb(4 93 65);
    }

/*4 tabs*/
.home .tabs {
    background: rgb(4 93 65);
}

    .home .tabs .tab a {
        color: #333333;
        background: var(--color-02);
    }

    .home .tabs .tab .head {
        color: var(--color-button-hover);
        border-bottom: 1px solid #c7c7c7;
    }

    .home .tabs .tab .btn:hover img {
        filter: invert(52%) sepia(259%) saturate(774%) hue-rotate(16deg) brightness(121%) contrast(86%);
    }

    .home .tabs .tab .btn:hover p {
        color: var(--color-button-hover);
    }
/*#endregion */

.site .sports .cont .tournamentsList a {
    background: #f3f3f3;
    color: #000;
    border-top: 1px solid var(--color-white);
    border-bottom: 1px solid #dad8d8;
}

/*#region settings*/
.site .settings:not(.hi_lo .settings) {
    color: #333333;
    background-color: var(--color-white);
}

.site .settings .option {
    border-bottom: 1px dashed var(--color-04);
}

.site .settings .btn.ticketHistory {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
}

.user .settings .btn.ticketHistory {
    font-weight: 700;
    color: #333333;
    background-color: var(--color-button);
    border-color: var(--color-button);
}

    .site .user .settings .btn.ticketHistory:hover,
    .user .settings .btn.ticketHistory:active {
        background-color: var(--color-button-hover);
        border-color: var(--color-button-hover);
    }

.home .fourColumns .column .inner {
    color: var(--color-white);
}
/*#endregion*/

/*#endregion */

/*#region site/Live.css */
.inPlay .leagues .odd {
    color: #ededed;
    background-color: #0e6449;
}

.inPlay .leagues .even {
    color: #ededed;
    background-color: var(--color-green-dark);
}

.site .inPlay .liTou .bets .bet a.disabled,
.site .sports .liTou .bets .bet a.disabled {
    padding: 2px 0;
}

.site .inPlay .liTou .others .moreBets {
    margin: 3px 0;
}

.site .inPlay .leagues .gameGroup.hdp .marked span {
    border-radius: 0;
}

.site .match-row .half-content {
    background: #666;
}

.site .inPlay .leagues .matchs ul li.parent {
    border-bottom: 1px solid hsl(0deg 0% 53% / 74%);
}

.site .inPlay .leagues .gameGroup .bets .odds.disabled .price {
    height: 28px;
}

.site .inPlay .leagues .gameGroup.hdp .marked span {
    margin: 5px;
}

.inPlay .leagues .gameGroup.hdp .marked {
    background: #474747;
}

    .inPlay .leagues .gameGroup.hdp .marked span {
        color: #ededed;
    }

.inPlay .leagues .matchs ul li.parent {
    border-bottom: 1px solid var(--color-03);
}

.inPlay .leagues .matchs ul li:nth-child(2n) {
    background: initial;
}

.inPlay .leagues .matchs :not(.eventsList-date) .matchInfo {
    /* border-right: 1px solid #dedede; */
}

/*#endregion */

/*#region site/Asian.css */

.asia {
    --color-live-1: #ffeadf;
    --color-live-2: #ffe2cf;
    --color-live-3: #f5ac7f;
    --color-live-4: #da7148;
    --color-live-5: #bf7356;
    --color-live-6: #a95636;
    --color-prematch-1: #e2e2e2;
    --color-prematch-2: #f8f7f8;
    --color-prematch-3: #959bab;
    --color-prematch-4: #676f81;
    --color-prematch-5: #3d4658;
    --color-prematch-6: #293243;
}

    /*#region contentLeft*/

    .asia .sports .cont .ul2 li {
        border-bottom: 1px solid var(--color-03);
    }

        .asia .sports .cont .ul2 li a:hover,
        .asia .sports .cont .ul2 li.sel a {
            color: var(--color-black);
        }

        .asia .sports .cont .ul2 li a .no {
            color: var(--color-06);
            background: var(--color-03);
            border: 1px solid var(--color-04);
        }

    .asia .sports .cont .ul2 .ul1 li {
        color: var(--color-text);
        background: var(--color-white);
        border-bottom: 1px solid var(--color-03);
    }

        .asia .sports .cont .ul2 .ul1 li.sel {
            color: var(--color-white);
            background: var(--color-06);
        }

    .asia .sports .cont .ul2 .ul1 .no {
        color: var(--color-07);
        background: var(--color-03);
        border: 1px solid var(--color-04);
    }

        .asia .sports .cont .ul2 .ul1 .no.live {
            color: var(--color-white);
            background: var(--color-gold);
            border: 1px solid var(--color-gold);
        }

    .asia .myBets_title {
        color: var(--color-white);
        background: var(--color-text);
    }

        .asia .myBets_title .mybetsCount i {
            background-color: var(--color-08);
        }

    .asia .myBets {
        background-color: var(--color-white);
    }

        .asia .myBets .bet li.live {
            background-color: var(--color-live-1);
        }

        .asia .myBets .bet .odds span {
            color: var(--color-white);
            background: var(--color-text);
        }

        .asia .myBets .bet .event .name .vs {
            color: var(--color-07);
        }

        .asia .myBets .bet .cashout {
            color: var(--color-gold);
            background: var(--color-03);
        }

            .asia .myBets .bet .cashout:hover {
                color: var(--color-03);
                background: var(--color-gold);
            }

    .asia .allTickets:hover {
        color: var(--color-gold);
    }

    .asia .betslip .matches li.live {
        background-color: var(--color-live-1);
        border-bottom: 1px solid var(--color-live-2);
    }

    .asia .betslip .matches li.lay {
        background-color: var(--color-lay);
        border-bottom: 1px solid var(--color-gold);
    }

    /*#endregion */

    /*#region contentMain*/

    .asia .view0 .title {
        background: var(--color-live-2);
    }

    .asia .view1 .title {
        background: var(--color-prematch-2);
    }

    .asia .view .title .name span {
        color: #011625;
    }

    .asia .view0 .title .lblRefreshCounter {
        color: var(--color-live-4);
    }

    .asia .view1 .title .lblRefreshCounter {
        color: var(--color-prematch-4);
    }

    .asia .view0 .title .lblRefreshCounter:hover {
        color: #e06535;
    }

    .asia .view1 .title .lblRefreshCounter:hover {
        color: var(--color-prematch-6);
    }

    .asia .view .matches-header {
        color: var(--color-white);
    }

    .asia .view0 .matches-header {
        background-color: var(--color-live-6);
    }

    .asia .view1 .matches-header {
        background-color: var(--color-prematch-6);
    }

    .asia .view0.doubleline .matches-header > div {
        border-right: 1px solid var(--color-live-5);
    }

    .asia .view1.doubleline .matches-header > div {
        border-right: 1px solid #3d4657;
    }

    .asia .view0.doubleline .fullwidth:first-child {
        border-bottom: 1px solid #bf7256;
    }

    .asia .view1.doubleline .fullwidth:first-child {
        border-bottom: 1px solid #3d4657;
    }

    .asia .view0.doubleline .w40.hdp {
        background-color: var(--color-live-5);
    }

    .asia .view1.doubleline .w40.hdp {
        background-color: var(--color-prematch-5);
    }

    .asia .view0 .matches-header .hd:nth-child(3n + 3) .name {
        background-color: var(--color-live-5);
    }

    .asia .view1 .matches-header .hd:nth-child(3n + 3) .name {
        background-color: var(--color-prematch-5);
    }

    .asia .view .league {
        color: var(--color-white);
    }

    .asia .view0 .league {
        background: var(--color-live-4);
    }

    .asia .view1 .league {
        background: var(--color-prematch-4);
    }

    .asia .view0 .league.corners {
        background: var(--color-live-3);
    }

    .asia .view1 .league.corners {
        background: var(--color-prematch-3);
    }

    .asia .view0 .event-area {
        border-bottom: 1px solid #ecd2c4;
    }

    .asia .view1 .event-area {
        border-bottom: 1px solid #d4d4d4;
    }

    .asia .view .row {
        color: var(--color-blue);
    }

    .asia .view0 .row {
        background-color: var(--color-live-2);
    }

        .asia .view0 .row:hover {
            background-color: #fbeee7;
        }

            .asia .view0 .row:hover .hd .hdp {
                /*background-color: #fbeee7;*/
            }

    .asia .view1 .row {
        background-color: var(--color-prematch-2);
    }

    .asia .view1 .event-area.even .row {
        background-color: #ebebeb;
    }

    .asia .view1 .row:hover {
        background-color: #f9f1d0 !important;
    }

    .asia .view0.doubleline .ftWrapper,
    .asia .view0.doubleline .htWrapper {
        border-right: 1px solid var(--color-live-3);
    }

.contentMain .view.view1.doubleline .ftWrapper,
.contentMain .view.view1.doubleline .htWrapper {
    border-right: 1px solid var(--color-04);
}

.asia .view .row .time {
    color: var(--color-text);
}

    .asia .view .row .time span.blue {
        color: blue;
    }

    .asia .view .row .time span.red {
        color: #c34414;
    }

.asia .view .row .event .sk_cont .sk.red {
    color: #c34414;
}

.asia .view .row .event .sk_cont .sk.blue {
    color: var(--color-text);
}

.asia .view .row .event .sk_cont .sk.black {
    color: var(--color-07);
}

.asia .view0 .row .bright {
    border-right: 1px solid var(--color-live-3);
}

.asia .view1 .row .bright {
    border-right: 1px solid var(--color-prematch-3);
}

.asia .view0 .row .hd .hdp {
    background-color: var(--color-live-1);
}

.asia .view1 .row .hd .hdp {
    background-color: var(--color-prematch-1);
}

.asia .view0 .price.selected {
    background-color: var(--color-gold);
}

.asia .view1 .price.selected {
    color: var(--color-white);
    background-color: var(--color-prematch-5);
}

/*#endregion */

/*#region gameType */

.asia .view0 .gameType li .bet-type {
    color: var(--color-text);
    background: var(--color-live-3);
}

/*#endregion */

/*#region contentRight*/

.asia .mostPopular .event {
    border-bottom: 1px solid var(--color-02);
}

    .asia .mostPopular .event .score-time {
        color: var(--color-white);
    }

        .asia .mostPopular .event .score-time .time {
            background-color: var(--color-text);
        }

        .asia .mostPopular .event .score-time .score {
            background-color: var(--color-08);
        }

    .asia .mostPopular .event .teams .inner .teamName.red {
        color: #c34414;
    }

/*#endregion */

.view.doubleline .up0 {
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 8px solid #028502;
}

.view.doubleline .down0 {
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-top: 8px solid #f02;
}

.view:not(.doubleline) .up0 {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #028502;
}

.view:not(.doubleline) .down0 {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #ff0022;
}

/*#endregion */

/*#region site/Slots.css */
.slots .category .main {
    background: #222222;
}

    .slots .category .main .btn:not(.searchBox) {
        border-right: 1px solid #303030;
    }

.slots .category .groups {
    background: rgb(49 49 49);
}

.slots .category .btn {
    color: #ededed;
}

    .slots .category .btn.active {
        color: #00f3b1;
    }

.slots .category .searchBox .searchText {
    color: var(--color-08);
    background: var(--color-white);
}

.slots .VueCarousel-navigation {
    background: var(--color-08);
}

.slots .VueCarousel-navigation-button {
    background: #3e546a;
    color: var(--color-02) !important;
}

    .slots .VueCarousel-navigation-button:hover {
        background: var(--color-yellow);
    }

    .slots .VueCarousel-navigation-button:active {
        background: #e6cb25;
    }

.slots .VueCarousel-slide {
    border-right: 1px solid #424141;
}

    .slots .VueCarousel-slide:first-of-type {
        border-left: 1px solid #424141;
    }

.slots .group {
    margin-top: 0;
    background: #303030;
}

    .slots .group .group-title {
        background: var(--color-11);
    }

.slots .star {
    filter: invert(1);
}

.slots .group .game .name {
    font-weight: 700;
    color: #ccc;
    background: #222222;
}

.slots .group .game .imgWrapper:hover .game-overlay {
    background: rgba(0, 0, 0, 0.5);
}

.slots .group .game .imgWrapper .game-overlay .pl_link {
    color: var(--color-white);
    background: var(--color-green-light);
}

.slots .group .game {
    height: 184px;
}

    .slots .group .game .imgWrapper .game-overlay .pl_link:hover {
        color: #333333;
        background: var(--color-button-hover);
    }

.slots .v-hl-svg {
    fill: var(--color-white) !important;
    background: #767676 !important;
    box-shadow: unset !important;
}

.slots .v-hl-btn-between:hover .v-hl-svg {
    background: var(--color-green-light) !important;
}

.slots .v-hl-btn-between:active .v-hl-svg {
    background: var(--color-green-dark) !important;
}

/*#endregion */

/*#region providers*/
.site .swiperContainer {
    margin: 0 calc(0.33% + 4px);
}

.site .slots .group .games.empty {
    padding: 10px calc(0.33% + 4px) !important;
}

.mobile .swiperContainer {
    margin: 0 7px;
}

.mobile .slots .group .games.empty {
    padding: 10px 7px !important;
    margin-top: 0 !important;
}

.slots .category {
    background: #222222;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    margin-bottom: 10px;
}

.provider-chooser .horizontal-item:hover,
.provider-chooser .horizontal-item:active,
.provider-chooser .horizontal-item.active {
    color: var(--color-black);
    background: rgb(255, 204, 0);
}

.category-tab-wrapper .variant-tabmenu.active .svg-icon-category,
.category-tab-wrapper .variant-tabmenu.active span,
.category-tab-wrapper .variant-tabmenu:hover .svg-icon-category,
.category-tab-wrapper .variant-tabmenu:hover span {
    color: rgb(255, 204, 0);
}

.category-tab-wrapper .variant-tabmenu:before {
    background: rgb(255, 204, 0);
}

.small_arrow._left::before {
    background: -moz-linear-gradient( left, #222222 0%, transparent 100% );
    background: -webkit-linear-gradient( left, #222222 0%, transparent 100% );
    background: linear-gradient( to right, #222222 0%, transparent 100% );
}

.small_arrow._right::after {
    background: -moz-linear-gradient( right, #222222 0%, transparent 100% );
    background: -webkit-linear-gradient( right, #222222 0%, transparent 100% );
    background: linear-gradient(to left, #222222 0%, transparent 100%);
}

.slots .games.empty .message-box.message-info {
    color: rgba(255, 255, 255, 0.5);
    background: hsla(0,0%,100%,.07);
}
/*#endregion*/

/*#region bingo-games*/
.slots {
    box-shadow: 0 15px 25px #333;
}

    .slots.bingo-games {
        background: #202021;
        padding: 20px;
    }

.mobile .bingo-games.slots .group .games {
    padding: 12px;
}

.bingo-games.slots .group .games .game {
    height: 212px;
}

.bingo-games.slots .group .game .imgWrapper img {
    height: 182px;
}

.bingo-games .bingo-banner {
    margin-bottom: 20px;
}

    .bingo-games .bingo-banner .banner-img img {
        right: 0 !important;
    }

.mobile .bingo-games.slots .group .games .game {
    height: 147px;
}

.mobile .bingo-games.slots .group .game .imgWrapper img {
    height: 117px;
}
/*#endregion*/

.slots._casino {
    background: #202021;
}

.slots .group .games {
    box-shadow: inset 0 -3px 16px hsl(0deg 0% 0.78%);
}

.site .slots .group .games {
    padding: 12px !important
}

/*#region jackpots*/
.jackpots-row .jackpots-wrapper:before,
.jackpots-content-holder > .jackpots-wrapper:before {
    background-image: url(/images/jackpots/jackpots-banner.png?v=1), radial-gradient(circle at 56% 100%, rgb(20 128 94 / 70%), rgba(0, 0, 0, 0.7) 100%);
}
/*#endregion*/

/*#region keno*/
.keno .bg-keno {
    background-image: url(../../images/keno/keno.png);
}

.keno .bg-racingDogs {
    background-image: url(../../images/keno/racingDogs.png);
}

.keno .bg-fireKeno {
    background-image: url(../../images/keno/fireKeno.png);
}

.keno .bg-bingo {
    background-image: url(../../images/keno/bingo.png);
}

.keno .button {
    background-color: #28ffbb;
    color: #222 !important;
}

.animated-banner__background-line:before,
.animated-banner__background-line:after {
    background-image: linear-gradient(to bottom,#28ffbb,#28d5ff);
    box-shadow: 0 0 10px #28ffbb;
}

.site .keno .top-banner-text-container {
    margin-top: -240px;
}

.site .keno .top-banner-text-container {
    padding-bottom: 150px;
}

.site .animated-banner__background-half {
    height: 70%;
}
/*#endregion*/

/*#region documents*/
.documents .upload-group {
    border: 1px solid #d9d9d9;
}

.documents .left {
    background: var(--color-grey-light);
}

.documents .iconD {
    filter: invert(40%) sepia(138%) saturate(0) hue-rotate(59deg) brightness(90%) contrast(80%);
}

.documents .right h2 {
    color: #333;
}

.documents .right .input-wrap {
    border: 1px solid #9a9a9a;
}

.documents .right input[type="button"] {
    width: 100px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    font-weight: 700;
    color: #333333;
    background-color: var(--color-button);
    border-color: var(--color-button);
    cursor: pointer;
}

    .documents .right input[type="button"]:hover,
    .documents .right input[type="button"]:active {
        background-color: var(--color-button-hover);
        border-color: var(--color-button-hover);
    }
/*#endregion*/

/*#region search panel*/
.site .search-panel .dialog_content {
    background-color: #474747;
}

.search-panel-header {
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

    .search-panel-header header {
        color: var(--color-green-light);
    }

    .search-panel-header input {
        color: #000 !important;
        background: #fff;
        border: none
    }

.search-panel .search-input .icon-title img {
    filter: invert(40%) sepia(258%) saturate(600%) hue-rotate(105deg) brightness(200%) contrast(60%);
}

.search-panel .search-input .icon-title:hover img {
    filter: invert(52%) sepia(259%) saturate(774%) hue-rotate(337deg) brightness(121%) contrast(86%);
}

.search-panel-header .filters-wrapper-list .filter-list.selected {
    color: var(--color-gold);
}

.search-panel-header .filters-wrapper-list .filter-list:hover {
    color: var(--color-gold);
}

.search-panel-header .filters-wrapper .divider {
    background: #828282;
}

.search-panel-content .section .panel-leagues .tour-info {
    color: #dddddd;
}

.search-panel-content:not(.search-panel-content.loading) {
    background: #605f5f;
}

.search-panel-content .section {
    background: #666666;
    border-bottom: 1px solid #474747;
}

    .search-panel-content .section .teams {
        color: #dddddd;
    }

        .search-panel-content .section .teams .vs {
            color: #e7ba04ed;
        }

    .search-panel-content .section .description {
        color: #dddddd;
    }

        .search-panel-content .section .description .date {
            color: #bbbbbb;
        }

            .search-panel-content .section .description .date .time {
                color: #4dbd94;
            }

    .search-panel-content .section .bets {
        padding: 5px 10px 0 10px;
    }

.search-panel .bet a {
    background-color: #585858;
    border-right: 1px solid #666666;
}

.search-panel .bet:last-of-type a {
    border-right: none !important;
}

.mobile .search-panel .bets .bet a {
    height: 40px;
    line-height: 40px;
}

.search-panel .bet a .outcome,
.search-panel .bet a .price {
    height: 20px !important;
    line-height: 20px !important;
}

.search-panel-content .noResult-header {
    color: #afa8a8;
}

.search-panel-content .noResult-description {
    color: #dddddd;
}

.search-panel-content .section .description .result span {
    color: var(--color-yellow);
}

.search-panel em {
    color: #4acfa5;
    background: #14805e;
}
/*#endregion*/

/*#region search-member*/
.search-member .search-input {
    color: hsla(0,0%,100%,.8);
    background: #074633;
}

    .search-member .search-input input {
        border: none;
        color: hsla(0, 0%, 100%, .8) !important;
        background: #074633;
    }

    .search-member .search-input .icon-title img {
        filter: var(--filter-icons-green);
    }

    .search-member .search-input .icon-title:hover img {
        filter: invert(52%) sepia(259%) saturate(774%) hue-rotate(337deg) brightness(121%) contrast(86%);
    }
/*#endregion*/

/*#region new orientation*/
.events-date-filter-container {
    height: 22px;
    font-size: 12px;
    color: #545454;
    background-color: #a7a7a7;
}

.match-segment {
    border-bottom: 1px solid #757575;
}

.leagues .matchs .tour-events-container .match-segment:hover .match-row .teams .team-row .team-info {
    color: var(--color-yellow);
}

.site .match-row {
    margin-bottom: 0;
    min-height: 40px;
}

    .site .match-row .info-content,
    .site .match-row .teams,
    .site .match-row .info-more {
        background: #666666 !important;
    }

        .site .match-row .info-content:after {
            background: #ececec;
            height: 30px;
            top: 5px;
        }

.site .inPlay .match-row .info-content.score-content:after {
    top: 5px;
}

.inPlay .leagues .match-row .gameGroup.hdp .marked span {
    height: 47px;
    line-height: 47px;
}

.site .match-row .info-content .time,
.site .match-row .info-content .score {
    font-size: 11px;
    font-weight: 700;
}

.site .match-row .info-content .time {
    color: #bbb;
}

    .site .match-row .info-content .time .minute {
        color: #4dbd94;
    }

.site .match-row .info-content .score {
    color: var(--color-yellow);
}

.site .match-row .info-more .info-line .info-markets-count {
    color: #ddd;
}

.site .match-row .teams .team-row .team-info {
    line-height: 15px;
    font-size: 12px;
    font-weight: 700;
    color: #ddd;
}

.site .match-row .info-more .info-line:last-child {
    margin-top: 5px;
}

.site .match-row .teams .team-row {
    min-height: 15px;
}

    .site .match-row .teams .team-row .team-info {
        line-height: 15px;
    }

.site .match-row .info-more .info-line:last-child {
    margin-top: 0;
}

.site .match-row .info-more .info-line span:last-child {
    -webkit-margin-end: 2px;
    margin-right: 2px;
}

.site .match-row .teams {
    padding-left: 10px;
}

.site .match-row .info-more div.result {
    min-height: 15px;
    align-items: center;
    display: flex;
    overflow: hidden;
    width: 100%;
    justify-content: flex-end;
}

    .site .match-row .info-more div.result span {
        padding: 2px;
        min-width: 15px;
        height: 15px;
        line-height: 15px;
        font-size: 13px;
        font-weight: 700;
        text-align: center;
        color: var(--color-yellow);
    }

.site .match-row .info-more .info-line {
    min-height: 19px;
}

.site .match-row .score {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .site .match-row .score div {
        display: flex;
        height: 25px;
        min-width: 17px;
        align-items: center;
    }

        .site .match-row .score div span {
            text-align: center;
            height: 16px;
            line-height: 17px;
            border-radius: 1px;
            background-color: hsla(0,0%,100%,.1);
            padding: 2px 4px;
            width: 100%;
            font-size: 13px;
            color: #fff;
            font-weight: 700;
            white-space: nowrap;
        }

.site .match-row .info-content-sidebar {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 12px;
    margin-top: 2px;
    overflow: hidden;
}

.site .match-row .bets .bet .odds {
    height: 57px;
}

.site .match-row .info-content-sidebar .info-markets-count {
    font-size: 11px;
    color: #ddd;
}

.site .match-row .info-content-sidebar .time {
    color: #bbb;
}

    .site .match-row .info-content-sidebar .time .minute {
        color: #4dbd94;
    }

.site .match-row .info-more .live-center,
.mobile .match-row .info-more .live-center {
    -webkit-filter: invert(40%) sepia(138%) saturate(0) hue-rotate(59deg) brightness(130%) contrast(80%);
    filter: invert(40%) sepia(138%) saturate(0) hue-rotate(59deg) brightness(130%) contrast(80%);
}

    .site .match-row .info-more .live-center.selected,
    .mobile .match-row .info-more .live-center.selected {
        -webkit-filter: invert(40%) sepia(258%) saturate(600%) hue-rotate(105deg) brightness(200%) contrast(60%);
        filter: invert(40%) sepia(258%) saturate(600%) hue-rotate(105deg) brightness(200%) contrast(60%);
    }

.site .match-row .info-more .star {
    -webkit-filter: invert(40%) sepia(138%) saturate(0) hue-rotate(59deg) brightness(130%) contrast(80%) !important;
    filter: invert(40%) sepia(138%) saturate(0) hue-rotate(59deg) brightness(130%) contrast(80%) !important;
}

.site .betslip .tabs {
    height: 30px;
    line-height: 30px;
}

.myBets .bet .row .cashout span {
    background-color: transparent;
    color: rgb(255, 204, 0);
    border: 1px solid rgb(255, 204, 0);
    padding: 3px;
}

.mobile .topTours .sports-list-container .liTou .league .more {
    opacity: 0.4;
    filter: invert(0);
}

/*#region top tournament*/
.site .topTours .topTours-banner i.arrow {
    filter: invert(1);
}

.site .topTours i.arrow {
    filter: invert(0);
}
/*#endregion*/

/*#region quick bet*/
.site .sideBlock.quickBet .sideBlockBody {
    background: #ededed;
}

.bet-selections-list .bet-selection-item {
    background: #ffffff;
}

    .bet-selections-list .bet-selection-item .odds {
        font-size: 12px;
        font-weight: 700;
        color: var(--color-text);
    }

    .bet-selections-list .bet-selection-item .selection-container .info-row .winner {
        font-size: 12px;
    }
/*#endregion*/
[class*="skeleton-loader"] {
    display: inline-flex;
    background: linear-gradient( 90deg, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.1) );
    background-size: 200%;
    border-radius: 4px;
    -webkit-animation: an-skeleton-loader 1s linear infinite;
    animation: an-skeleton-loader 1s linear infinite;
    pointer-events: none;
}

.skeleton-loader-text {
    width: 60%;
    max-width: 60%;
    height: 8px;
    -webkit-margin-start: 5px !important;
    margin-inline-start: 5px !important;
}

/*#region mobile*/
.mobile .leagues .matchs,
.mobile .live .leagues .matchs {
    padding: 0;
}

.mobile .match-row {
    margin-bottom: 0;
}

    .mobile .match-row .info-content i.chronometer,
    .mobile .match-row .info-content-sidebar i.chronometer {
        display: none;
    }

    .mobile .match-row .info-content,
    .mobile .match-row .teams,
    .mobile .match-row .info-more,
    .mobile .match-row .info-content.score-content {
        background: #666;
    }

    .mobile .match-row .info-markets-count {
        color: #ddd;
    }

    .mobile .match-row .teams .team-row span {
        font-size: 13px;
        font-weight: bold;
        color: #ddd;
    }

.match-row .teams .team-row .team-info .rc {
    display: inline-block;
    height: 10px;
    margin-left: 5px;
}

.mobile .match-row .info-content .score {
    font-size: 13px;
    color: var(--color-yellow);
}

.mobile .match-row .info-content {
    order: 2;
}

.mobile .live .match-row .info-content.score-content {
    flex-direction: row-reverse;
}

.mobile .match-row .teams {
    order: 1;
}

.mobile .match-row .bets {
    order: 3;
}

.mobile .match-row .info-content-sidebar {
    justify-content: flex-start;
}

    .mobile .match-row .info-content-sidebar .stats-link {
        margin: 0 20px;
    }

.mobile .match-row .teams .team-row span {
    line-height: 15px;
}

.mobile .match-row .teams {
    -webkit-padding-start: 5px;
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    padding: 5px 10px 5px 5px;
    width: 40%;
}

.mobile .match-row .info-more {
    padding-right: 5px;
    width: 5%;
}

.mobile .live .match-row .info-more {
    width: 10%;
}

.mobile .match-row .bets {
    width: 55%;
}

    .mobile .match-row .bets > div {
        display: block;
    }

    .mobile .match-row .bets .col1 .bet,
    .mobile .match-row .bets .col2 .bet,
    .mobile .match-row .bets .col3 .bet {
        -webkit-margin-start: 0;
        margin-left: 0;
        flex-shrink: 0;
    }

    .mobile .match-row .bets .col1 .bet {
        width: 100%;
    }

    .mobile .match-row .bets .col2 .bet {
        width: 50%;
    }

    .mobile .match-row .bets .col3 .bet {
        width: 33.33%;
    }
/*#endregion*/

/*#region number-buttons*/
.betslip .summary .number-buttons .number-button.i-1 {
    font-size: 15px;
    font-weight: 500;
    color: rgba(0,0,0,.7);
    background: rgba(0,0,0,.15);
}

.betslip .summary .number-buttons .number-button.i-2 {
    padding: 0 2px;
    font-size: 14px;
    color: rgba(0,0,0,.8);
    background: rgba(0,0,0,.1);
    box-sizing: border-box;
}

.betslip .summary .number-buttons .number-button:active {
    color: var(--color-white) !important;
    background-color: var(--color-button) !important;
}
/*#endregion*/

.betslip .buttons .button .inner {
    height: 30px;
    line-height: 20px;
}

/*#endregion*/

/*#region widths*/
.inPlay .leagues .sp-header .matchInfo.w-40 {
    width: 40% !important;
}

.inPlay .contentLeft .leagues .sp-header .matchInfo {
    width: 100% !important;
}

.site .match-row.vertical .teams {
    width: calc(55% - 90px);
}

.site .match-row .info-more {
    width: 60px;
}

.site .match-row .half-content {
    width: calc(40% - 90px);
}

.site .inPlay .match-row .teams {
    width: calc(40% - 80px);
}

    .site .inPlay .match-row .teams.teams-sidebar {
        width: calc(100% - 80px);
    }

.site .match-row .teams {
    padding-top: 5px;
    padding-bottom: 5px;
}

.events-date-filter-container .market-filter-cell {
    width: 45%;
}

.mobile .match-row .info-content,
.mobile .match-row .teams,
.mobile .match-row .info-more,
.mobile .match-row .info-content.score-content {
    background: #666666 !important;
}

.site .match-row .bets .col1 .bet {
    width: 100%;
}

.site .match-row .bets .col2 .bet {
    width: 50%;
}

.site .match-row .bets .col3 .bet {
    width: 33.33%;
}

.mobile .slots .group .games {
    grid-gap: 10px;
    padding: 10px 7px 10px;
}
/*#endregion*/

/*#region lc sports */
.site .leagues .matchInfo .icons .live-center,
.mobile .match-row .live-center {
    filter: invert(40%) sepia(138%) saturate(0) hue-rotate(59deg) brightness(130%) contrast(80%);
}

    .site .leagues .matchInfo .icons .live-center.selected,
    .mobile .match-row .live-center.selected {
        -webkit-filter: invert(40%) sepia(258%) saturate(600%) hue-rotate(105deg) brightness(200%) contrast(60%);
        filter: invert(40%) sepia(258%) saturate(600%) hue-rotate(105deg) brightness(200%) contrast(60%);
    }

/* Football */
.sp_1 .live-center {
    background-image: url(/images/icons/lc.svg) !important;
}

/* Basketball */
.sp_2 .live-center {
    background-image: url(/images/icons/lc_basketball.svg) !important;
}

/* Tennis */
.sp_3 .live-center {
    background-image: url(/images/icons/lc_tennis.svg) !important;
}

/* Ice Hockey */
.sp_4 .live-center {
    background-image: url(/images/icons/lc_ice_hockey.svg) !important;
}

/* American Football */
.sp_5 .live-center {
    background-image: url(/images/icons/lc_american_football.svg) !important;
}

/* Baseball */
.sp_7 .live-center {
    background-image: url(/images/icons/lc_baseball.svg) !important;
}

/* Volleyball */
.sp_8 .live-center {
    background-image: url(/images/icons/lc_volleyball.svg) !important;
}

/* Handball */
.sp_9 .live-center {
    background-image: url(/images/icons/lc_handball.svg) !important;
}

/* Table Tennis */
.sp_19 .live-center {
    background-image: url(/images/icons/lc_table_tennis.svg) !important;
}
/*#endregion*/

/*#region terms*/
body.root {
    background-color: #3d3d3d;
}

.root .logo {
    background: #14805e;
}

.root .logo-caret:after {
    border-color: #14805e transparent transparent;
}

.root .row.warn,
.root .title {
    color: #bbb;
}

.root .info > div {
    background: #ededed;
}

.root .info .title {
    width: 80%;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    color: #333;
    border-bottom: 2px solid #14805e;
}

.root .info .content2 a {
    color: #af780f;
}

.root .btnLogout {
    color: #fff;
}

.root .btn,
.root.terms .btn {
    color: #333;
    background-color: #fc0;
}
/*#endregion*/

/*#region set new password*/
.root .row {
    margin-top: 10px;
}

.root input[type=password],
.root input[type=text] {
    margin: 5px 0;
    padding: 12px 20px;
    font-size: 16px;
    color: #000;
    background: #ffffff;
    border: 1px solid #F6F7F9;
    outline: none;
}

.root.passNew .row.warn {
    font-size: 11px;
}

.root.passNew .btn {
    color: rgb(0,0,0);
}
/*#endregion*/

.floating-game-groups {
    color: hsla(0,0%,0%,.3);
}

/*#region results */
body.results-page {
    color: #333333;
    background-color: #545454;
}

.results-page #headerTop .menu {
    color: #ffffff;
    background: #074633;
    border-left: 1px solid #10523e;
}

    .results-page #headerTop .menu:first-of-type {
        border-left: none;
    }

    .results-page #headerTop .menu:hover,
    .results-page #headerTop .menuActive {
        color: #ffdf1b;
    }

.results-page table tbody tr:first-of-type td {
    color: #bbb;
    background-color: #14805e;
}

.results-page .tr_even {
    background-color: #ededed;
}

.results-page #resultDiv .ContentTable .ResultLeagueRow {
    border: 1px solid #dedede;
}

    .results-page #resultDiv .ContentTable .ResultLeagueRow td {
        color: #212121;
        background-color: #e0dfdf;
    }

.results-page #headerBottom .yellowButton {
    font-weight: 700;
    color: #333333;
    background: #fc0;
    border: 0;
    outline: 0;
    cursor: pointer;
    border-radius: 2px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    box-sizing: border-box;
}

    .results-page #headerBottom .yellowButton:hover {
        background-color: #f0c20a;
    }

.results-page .parent {
    padding-right: 5px !important;
}
/*#endregion*/

/*#region bootstrap sidebar*/
.mobile .bootstrap-iso .title {
    width: calc(100% - 20px);
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 2px solid var(--color-green-light);
}

.mobile .bootstrap-iso .sidebar span {
    padding-left: 10px;
}

.site .bootstrap-iso .sidebar {
    background: #ededed;
}

    .site .bootstrap-iso .sidebar .nav-link {
        color: #333333;
        line-height: 14px;
        border-bottom: 1px solid #c5c5c5;
    }

    .site .bootstrap-iso .sidebar span {
        padding-left: 10px;
        height: 30px;
        font-size: 12px !important;
        font-weight: 700;
        color: var(--color-white);
        background: var(--color-green-light);
    }

    .site .bootstrap-iso .sidebar .nav-item:hover > .nav-link,
    .site .bootstrap-iso .sidebar .nav-item.active > .nav-link {
        color: var(--color-text-highlighted) !important;
    }

.burger-bar {
    background-color: #ffffff !important;
}
/*#endregion*/

/*#region dropdowns*/
.site
.header
.headerTop
.loginBlock > .userAccount
.nav-menu-sub
.nav-menu-item {
    cursor: pointer;
    height: 25px;
    line-height: 25px;
    min-width: 90px;
    white-space: nowrap;
}
/*#endregion*/

/*#region widget*/
.mobile .footer_games {
    padding: 0;
}

    .mobile .footer_games .tab .inner {
        background-color: #000000;
    }

    .mobile .footer_games .tab .title {
        color: var(--color-white);
        background-color: var(--color-green-light);
    }
/*#endregion*/

/*#region daterange-picker */
.site .vue-daterange-picker {
    color: #333333;
}

    .site .vue-daterange-picker .daterangepicker .calendars {
        color: var(--color-08);
    }

    .site .vue-daterange-picker .daterangepicker .drp-buttons .btn.btn-success {
        color: var(--color-white);
        background-color: var(--color-green);
        border-color: var(--color-green);
    }

        .site
        .vue-daterange-picker
        .daterangepicker
        .drp-buttons
        .btn.btn-success:hover {
            background-color: #218838;
            border-color: #1e7e34;
        }
/*#endregion */

/*#region ticketShare*/
.ticketShare {
    padding: 10px 0;
    color: var(--color-text);
    background-color: #404040;
}

    .ticketShare .goHome {
        color: #333333;
        background-color: var(--color-button);
    }

        .ticketShare .goHome:hover,
        .ticketShare .goHome:active {
            background-color: var(--color-button-hover);
        }
/*#endregion*/

/*#region message-box*/
.message-box.message-danger {
    color: #790502;
    background: #fa5d5ddb;
}

.message-box.message-success {
    color: var(--color-white);
    background: var(--color-green);
}

.message-box.message-info {
    color: var(--color-text);
    background: #ffffff;
}
/*#endregion*/

/*#region moveToTop */
.moveToTop {
    background-color: var(--color-green-light);
}

    .moveToTop:hover {
        background-color: var(--color-green-dark);
    }
/*#endregion */

/*#region error */
.error {
    color: #333333;
    background: #2932430f;
}

.error_text h1 {
    color: #bbb;
}

.error_text h2 {
    color: #ddd;
}

    .error_text h2 a {
        color: var(--color-yellow);
    }

.error .gears .gear,
.error .gears .gear:after,
.error .gears .gear .bar {
    background: var(--color-green-light);
}

    .error .gears .gear:after {
        border: 5px solid var(--color-yellow);
    }

    .error .gears .gear:before,
    .error .gears .gear .bar:before {
        background: var(--color-03);
    }
/*#endregion */

/*#region alertify*/
.alertify-notifier .ajs-message {
    color: var(--color-white);
    background: var(--color-green);
}
/*#endregion*/

/*#region scrollbar */
body::-webkit-scrollbar,
.EventSwitcher_Container::-webkit-scrollbar,
.site .checkScroll::-webkit-scrollbar,
.site .search-panel-content::-webkit-scrollbar {
    width: 15px;
    border-left: 1px solid #333;
}

body::-webkit-scrollbar-track,
.EventSwitcher_Container::-webkit-scrollbar-track,
.site .checkScroll::-webkit-scrollbar-track,
.site .search-panel-content::-webkit-scrollbar-track {
    background-color: #505050;
    border: none;
}

body::-webkit-scrollbar-thumb,
.EventSwitcher_Container::-webkit-scrollbar-thumb,
.site .checkScroll::-webkit-scrollbar-thumb,
.site .search-panel-content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(156, 156, 156, 0.5);
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    background-clip: content-box;
    cursor: pointer;
}
/*#endregion */

/*#region keyframes*/
@-webkit-keyframes oddsUp {
    from {
        background-color: var(--color-text);
    }

    to {
        background-color: var(--color-green);
    }
}

@keyframes oddsUp {
    from {
        background-color: var(--color-text);
    }

    to {
        background-color: var(--color-green);
    }
}

@-webkit-keyframes oddsDown {
    from {
        background-color: var(--color-text);
    }

    to {
        background-color: var(--color-red);
    }
}

@keyframes oddsDown {
    from {
        background-color: var(--color-text);
    }

    to {
        background-color: var(--color-red);
    }
}

/*#endregion*/