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

body.theme-hobi {
    --color-02: #f7f7f7;
    --color-03: #ececec;
    --color-04: #c5c5c5;
    --color-05: #9e9e9e;
    --color-06: #7f8698;
    --color-07: #676f81;
    --color-08: #525c6e;
    --color-09: #5b5b5bb3;
    --color-10: #585858;
    --color-11: #293243;
    --color-blue: #023a75;
    --color-blue-dark: #052b53;
    --color-gold: #f6a201;
    --color-text: #333333;
    --color-white: #ffffff;
    --color-white-07p: hsla(0,0%,100%,.07);
    --color-white-10p: hsla(0,0%,100%,.1);
    --color-white-15p: hsla(0,0%,100%,.15);
    --color-white-30p: hsla(0,0%,100%,.3);
    --color-white-50p: hsla(0,0%,100%,.5);
    --color-white-75p: hsla(0,0%,100%,.75);
    --color-black: #000000;
    --color-grey: #e0dfdf;
    --color-red: #ff1b43;
    --color-green: #347907;
    --color-green1: #126e51;
    --color-orange-dark: #bf4c3a;
    --color-lay: #f9abbb;
    --color-back: #63b7f9;
    --color-green-light: #126e51;
    --color-green-dark: #074633;
    --color-yellow: #ffde00;
    --color-button: var(--color-yellow);
    --color-button-hover: rgb(240 194 10);
    --color-text-highlighted: #af780f;
    --color-primary: #126e51;
    --color-primary-dark: #074936;
    --color-primary-light: #00ffb6;
    --color-primary-over: #26ffbe;
    --color-secondary: #282828;
    --color-secondary-light: #383838;
    --body-background: var(--color-secondary);
    --background-secondary: linear-gradient(160deg,#364D3C 0%, var(--color-secondary-light) 300px);
    --site-header-bottom-background: var(--color-text);
    --color-grey1: #1f1f1f;
    /*Buttons*/
    --button-primary-background: var(--color-primary);
    --button-primary-color: var(--color-02);
    --button-secondary-background: var(--color-secondary);
    --button-secondary-color: rgb(255, 204, 0);
    --button-submit-background: #24e6a8;
    --button-submit-background-hover: #26edae;
    /*Border*/
    --border-secondary: #545454;
    /*Input*/
    --input-background: #373737;
    --input-border: hsl(0deg 0% 37.25%);
    /*Modals*/
    --modal-header-background: var(--color-secondary-light);
    --modal-header-color: var(--color-white);
    /*Filters*/
    --filter-icons-green: invert(40%) sepia(258%) saturate(600%) hue-rotate(105deg) brightness(200%) contrast(60%);
    --filter-icons-grey: invert(40%) sepia(138%) saturate(0) hue-rotate(59deg) brightness(130%) contrast(80%);
    --filter-sport-icons: invert(40%) sepia(138%) saturate(5754%) hue-rotate(205deg) brightness(60%) contrast(80%);
    --filter-icons-orange: invert(40%) sepia(258%) saturate(600%) hue-rotate(346deg) brightness(200%) contrast(60%);
}

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

.root {
    background-color: var(--color-secondary-light);
}

    .root .info .content2 h1 {
        background-color: var(--color-blue);
    }

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

    .root .title {
        color: var(--color-05);
    }

    .root .info .title {
        width: 80%;
        height: 30px;
        line-height: 30px;
        padding-left: 10px;
        color: var(--color-text);
        border-bottom: 2px solid var(--color-stats-1);
    }

    .root .btn {
        color: var(--color-text);
        background-color: var(--color-yellow);
    }

    .root.terms .btn {
        color: var(--color-text);
        background-color: var(--color-yellow);
    }

    .root .btnLogout {
        color: var(--color-white);
    }

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

/*#region app.css */

/*#region globals*/

body, .site {
    font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Tahoma,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Open Sans,sans-serif;
    background-color: var(--body-background);
}

.btn_reject {
    color: var(--button-secondary-color);
    background-color: var(--button-secondary-background);
}

    .btn_reject:hover,
    .btn_reject:active {
        background-color: #282828a3;
    }

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

    .btn_confirm:hover,
    .btn_confirm:active {
        background-color: #189970;
    }

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

.btn_bookBet {
    color: #111;
    background-color: #e6bc48;
}

    .btn_bookBet:hover,
    .btn_bookBet:active {
        background-color: #d0a93e;
    }

/*#endregion*/

/*#region matchID */

.liveCenter .matchID {
    background: #282828;
    border-bottom: 1px solid hsla(0,0%,100%,.1);
}

    .liveCenter .matchID .home {
        background: initial;
    }

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

.site .matchID_info_down {
    display: flex;
    color: var(--color-primary-light);
}

.matchID_inner .matchDate {
    background-color: var(--color-09);
    color: var(--color-primary-light);
}

.matchID_inner .vs {
    color: var(--color-yellow);
    text-transform: lowercase;
}

.matchID_inner .goals {
    font-weight: 700;
    color: var(--color-yellow);
    background-color: var(--color-09);
    border-bottom: 1px solid var(--color-secondary-light);
    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%);
}

/*#endregion */

/*#region liveCenter */
.liveCenter {
    background: #0e0e0e52;
}

.mobile .liveCenter .pitch {
    margin: 0 auto;
}

.liveCenter .stats {
    background-color: var(--color-secondary-light);
    color: var(--color-04);
}

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

.liveCenter .pitch .state .info .text span.team {
    color: var(--color-primary-light);
}

.liveCenter .pitch .state .info .text span.action {
    color: var(--color-02);
}

.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 .stats .inner > .row {
    border-bottom: 1px solid var(--color-09);
}

/*#region momentum*/
.momentum {
    background-color: var(--color-secondary-light) !important;
    color: var(--color-04);
}

    .momentum .row .info_summary {
        color: var(--color-04);
    }

    .momentum .row .time {
        color: var(--color-05);
    }
/*#endregion*/

/*#endregion*/

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

.betslip .row .confirmation {
    margin: 0 5px;
    color: var(--color-white);
    background: var(--color-white-10p);
}

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

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

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

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

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

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

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

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

    .mobile .betslip .matches::before {
        background-image: linear-gradient(0deg,hsla(0,0%,6%,0),#3f3d3d);
        content: "";
        height: 14px;
        left: 0;
        pointer-events: none;
        position: absolute;
        width: 100%;
        z-index: 1;
        top: 35px;
    }

.mobile .betslip .summary:before {
    background-image: linear-gradient(180deg,hsla(0,0%,6%,0),#3f3d3d);
    content: "";
    height: 10px;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 1;
    top: -10px;
}

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

    .betslip .tabs .tab {
        color: var(--color-white);
    }

        .betslip .tabs .tab.active {
            background: var(--color-white-07p);
        }

        .betslip .tabs .tab span b {
            border-radius: 3px;
            color: var(--color-white);
            height: 20px;
            background-color: var(--color-white-10p);
            padding: 0 5px;
        }

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

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

    .betslip .betTabs li a {
        line-height: 35px;
        font-size: 13px;
        color: var(--color-white);
        background-color: var(--color-white-15p);
    }

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

    .betslip .betTabs li::after {
        content: "";
        display: block;
        width: 0;
        height: 1px !important;
        background: var(--color-yellow);
        position: absolute;
        bottom: 0;
        left: 50%;
        transition: width .24s,left .24s;
    }

    .betslip .betTabs li.active:after {
        left: 0;
        width: 100%;
    }

/*Selections*/

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

    .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-03);
}

.betslip .matches .right .oddsRmv {
    padding-right: 0;
    filter: invert(1);
}

    .betslip .matches .right .oddsRmv:active {
        filter: invert(1);
    }

.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 {
    text-align: right;
    color: var(--color-yellow);
}

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

.betslip .summary {
    color: var(--color-white);
    background: var(--color-white-10p);
}

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

.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 {
    height: 30px !important;
    margin-right: 5px;
    color: rgba(255,255,255,.8);
    background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 4px;
}

    .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.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);
}

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

    .myBets .bet {
        min-height: 100px;
        background: var(--color-white-15p);
        color: var(--color-white);
    }

        .myBets .bet ._member {
            color: var(--button-secondary-color);
        }

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

        .myBets .bet .row .game {
            font-weight: initial;
        }

            .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 {
            font-weight: initial;
        }

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


        .myBets .bet .row .info {
            color: var(--color-white-50p);
        }

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

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

        .myBets .bet .summary {
            margin-top: 5px;
            background-color: var(--color-white-07p);
        }

            .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 .bet-return {
            color: var(--color-primary-light);
        }

/*#endregion*/

/*#endregion*/

/*#region betslip -> 1stopbet*/
.mobile .betslipCont.onestopbet .betslip {
    bottom: 58px;
}

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

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

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

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

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

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

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

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

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

    .mobile .onestopbet .betslip .matches.sys.lower {
        max-height: calc(var(--rvh) - 565px);
    }
/*#endregion*/

/*#region sports */
.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: var(--color-11);
    background-color: var(--color-05);
}

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

.leagues .matchs .matchInfo a {
    font-weight: normal;
    color: var(--color-04);
}

.leagues .matchs .matchInfo .others {
    color: var(--color-04);
}

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

/*#region days-markets-filters*/
.leagues .sp-header {
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, .1);
}

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

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

.site .time-filter {
    box-shadow: 1px 0 0 0 rgba(255, 255, 255, .1);
}

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

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

.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*/
.sportMenuContainer {
    height: 77px;
}

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

.mobile .sportMenu .sportIcon {
    position: relative;
}

    .site .sportMenu .sportIcon .icon .sp,
    .mobile .sportMenu .sportIcon .icon .sp {
        font-size: 30px;
        opacity: .8;
    }

.site .sportMenu .sportIcon.active .icon .sp,
.site .sportMenu .sportIcon:hover .icon .sp {
    opacity: 1;
}

.mobile .sportMenu .sportIcon.active .icon .sp {
    opacity: 1;
}

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

    .sp.sp-1 {
        filter: invert(1) !important;
    }

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

.sportMenu .sportIcon.selected .icon span.star {
    filter: var(--filter-icons-green) !important;
}

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

.sportMenu .sportIcon .name {
    height: 14px;
    font-size: 12px;
    color: var(--color-04);
}

/*Streaming*/
.s_streaming .icon .streaming {
    -webkit-filter: var(--filter-icons-green);
    filter: var(--filter-icons-green);
}

    .s_streaming .icon .streaming .count {
        top: -7px;
        right: -14px;
        color: #33cc97;
        -webkit-filter: var(--filter-icons-green);
        filter: var(--filter-icons-green);
    }

/*#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 .mch-group {
    position: relative;
    padding: 5px 10px;
}

    .mch-groups .mch-group:before {
        content: "";
        position: absolute;
        display: block;
        left: 50%;
        bottom: 0;
        width: 0;
        height: 1px;
        background: color(display-p3 .157 1 .733);
        transition: width .24s,left .24s;
    }

.site .mch-groups .mch-group:before {
    top: 27px;
}

.mobile .mch-groups .mch-group:before {
    top: 29px;
}

.mch-groups .mch-group.selected:before {
    left: 0;
    width: 100%;
}

.mobile .mch-groups .mch-group {
    font-weight: 300;
    font-size: 15px;
}

.mch-groups .mch-group::after {
    content: unset;
}

/*#endregion*/

/*#region gameType*/

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

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

        .gameType li:not(.expanded):last-of-type {
            border-bottom: 2px solid rgb(76 76 76);
        }

    .gameType li .bet-type {
        padding: 10px;
        color: #fff;
        background-color: rgb(40 40 40);
        transition: background-color .4s cubic-bezier(0,.26,0,1);
        cursor: pointer;
    }

        .gameType li .bet-type .bet-name {
            font-size: 13px;
        }

        .gameType li .bet-type:hover {
            color: color(display-p3 .157 1 .733);
        }

    .gameType li .icons {
        display: flex;
        align-items: center;
        height: 28px;
    }

.site .event .bets .bet a:not(.disabled):not(.selected):hover {
    background-color: rgb(86 86 86) !important;
}

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

    .bets .bet a:not(.disabled).selected .outcome {
        color: var(--color-grey1);
    }


    .bets .bet a:not(.disabled).selected .price {
        color: var(--color-green1);
    }
/*#endregion*/

/*#region bets*/
.mobile .bets .bet a {
    background-color: none;
}

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

.site .bets .bet a.odds:hover,
.site .liTou .bets .bet a:hover {
    background-color: var(--color-09);
}

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

.site .event .bets .bet:nth-child(2n+1) .odds,
.mobile .event .bets .bet:nth-child(2n+1) .odds {
    border-left: none;
}

.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;
}

.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: #303030;
}

.site .event.prematchEvent .bets .bet a,
.site .event .bets .bet a {
    border-bottom: 1px solid #4c4c4c;
}

.event .bets .col2 .bet:nth-child(2n+1) .odds {
    border-right: 1px solid #4c4c4c;
}

.event .bets .col2 .bet:nth-last-child(-n+2) .odds {
    border-bottom: none;
}

.event .bets .col3 .bet:nth-child(3n+2) .odds {
    border-left: 1px solid #4c4c4c;
    border-right: 1px solid #4c4c4c;
}

.event .bets .col3 .bet:nth-last-child(-n+3) .odds {
    border-bottom: none;
}

.bets .bet .outcome {
    font-size: 13px;
    color: var(--color-04);
}

.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.liveEvent,
.event.prematchEvent {
    background-image: linear-gradient(rgba(12,22,20,.1),transparent 20px),radial-gradient(122% 370px at center -220px,#009969 0,transparent 100%),linear-gradient(to right bottom,#0c1614,#084436);
}

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

.site .event .competition .competitionName {
    margin-left: 30px;
    line-height: 30px;
    font-size: 12px;
    color: hsla(0,0%,100%,.8);
}

.site .event .competition .icon {
    width: 30px;
    height: 30px;
    filter: var(--filter-icons-green);
}

.event.liveEvent .live-center {
    filter: brightness(2);
}

.event .competition .icon.btnBack {
    filter: var(--filter-icons-green);
}

.event .competition .competitionName .arrow {
    filter: var(--filter-icons-green) !important;
}

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

.event .star {
    -webkit-filter: var(--filter-icons-grey) !important;
    filter: var(--filter-icons-grey) !important;
}

    .event .star:hover {
        -webkit-filter: var(--filter-icons-orange) !important;
        filter: var(--filter-icons-orange) !important;
    }
/*Event Switcher*/
.event .EventSwitsher_overlay {
    background: rgb(20 20 20 / 50%);
}

.event .EventSwitcher_List {
    background: linear-gradient(90deg, var(--color-secondary) 0, var(--color-primary) 50%, var(--color-secondary) 100%);
}

.event .EventSwitcher_Competition {
    background: var(--color-white-07p);
    color: var(--color-white-75p);
}

.event .EventSwitcher_Event:not(:last-child) {
    border-bottom: 1px solid var(--color-white-15p);
}

.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-primary-light);
}

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


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

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

/*#endregion*/

/*#region score-board*/
.site .score-board {
    margin-bottom: 0;
}

.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-03);
}

.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);
    }

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

.mobile .casinoBanner .inner .button {
    color: #222;
    background-color: #28ffbb;
    padding: 0 15px;
    letter-spacing: -.58px;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    cursor: pointer;
    font-family: FuturaPtDemi;
    margin-bottom: 10px;
    margin-top: 10px;
}

.casinoBanner .inner {
    background: #33333373;
}

.slots .casinoBanner {
    -webkit-mask: -webkit-gradient(linear,left top,left bottom,color-stop(0,black),color-stop(.35,black),color-stop(.5,black),color-stop(.65,black),color-stop(1,transparent));
}

.site .casinoBanner .inner {
    position: absolute;
    display: block;
    top: inherit;
    left: 0;
    bottom: 0;
    padding: 0 20px 20px;
    width: 100%;
    background-image: none;
    box-sizing: border-box;
}

.mobile .slots .casinoBanner {
    min-height: 200px;
}

    .mobile .slots .casinoBanner img {
        min-height: 200px !important;
    }

.mobile .slots .group .games {
    grid-gap: 10px;
    padding: 12px;
}

.mobile .casinoBanner .inner {
    position: absolute;
    display: block;
    top: inherit;
    left: 0;
    bottom: 0;
    padding: 10px;
    width: 100%;
    background-image: none;
    box-sizing: border-box;
}

.site .casinoBanner .inner .text {
    color: #99ffdf;
    font-size: 28px;
    line-height: 43px;
    font-family: FuturaPTDemi;
    font-weight: 400;
    text-align: left;
    letter-spacing: -.46px;
    background: linear-gradient(to right,#99ffdf,#fff,#28ffbb,#fff,#28ffbb);
    background-size: 200% auto;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: animated-banner__title-roll 4s linear infinite;
}

.mobile .casinoBanner .inner .text {
    color: #99ffdf;
}

.site .casinoBanner .inner .title {
    text-align: left;
    font-size: 15px;
    color: #fff;
}

.site .casinoBanner .inner .button {
    display: inline-block;
    margin-bottom: 25px;
    padding: 0 15px;
    min-width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    font-family: FuturaPtDemi;
    color: #222;
    background: #28ffbb;
    border-radius: 10px;
    letter-spacing: -.58px;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    cursor: pointer;
}

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

/*#endregion*/

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

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

.login.forms {
    background-color: transparent;
    padding: 0;
}

    .login.forms .submit-errors {
        margin-bottom: 24px;
    }

    .login.forms .input-area {
        padding: 0;
    }

        .login.forms .input-area .fields {
            padding: 0;
        }

    .login.forms .fields input {
        height: 40px;
    }

    .login.forms .input-area .fields .buttons button,
    .login.forms .input-area .fields .buttons input {
        height: 50px;
    }

    .login.forms .input-area .fields .buttons {
        padding: 0;
        background: transparent;
    }

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

.site .wideLogin .dialog_content {
    position: relative;
    margin: auto;
    top: 200px;
    width: auto;
    max-width: 435px;
    background: var(--background-secondary);
}

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

.forms.login .fields .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 48px;
    background-color: var(--input-background);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border: 1px solid var(--input-border);
    border-right: 0;
}

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

.forms.login .fields input {
    padding: 10px 10px 10px 0;
    height: 50px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-weight: 600;
    color: hsla(0, 0%, 100%, .8);
    background: var(--input-background);
    border: 1px solid var(--input-border);
    border-left: 0;
}

    .forms.login .fields input[type=text],
    .forms.login .fields input[type=password] {
        text-indent: 5px;
    }

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

    .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 button,
.forms .fields .buttons input {
    min-width: 150px;
    height: 34px;
    line-height: 34px;
}

    .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);
}

.forms .fields .buttons .login {
    width: 100%;
    margin: 0;
    font-weight: 700;
    color: #000;
    background-color: var(--button-submit-background);
    border-radius: 4px;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    cursor: pointer;
}

.forms .fields .buttons .cancel {
    font-weight: bold;
    color: var(--color-text);
    background-color: #c5c5c5;
}

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

.forms .footerLinks a {
    height: 20px;
    line-height: 20px;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #ffffff;
    text-decoration: none;
}

    .forms .footerLinks a:hover {
        text-decoration: underline;
    }

/*#endregion */

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

/*#region user*/
.user .bonusBar {
    background-color: #14805e91 !important;
    box-shadow: 0 0 10px hsl(0deg 0% 0% / 20%);
}

.user .removeBonus {
    height: 20px;
    border: none;
    color: var(--color-text);
    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-text);
    background-color: var(--color-button);
    border: 1px solid var(--color-button);
}

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

.dispute_button svg {
    opacity: 0.6;
    fill: #074633;
}

.dispute_button:hover svg {
    opacity: 0.8;
}

.site .user ._anchor:hover,
.user ._anchor:active {
    color: var(--color-green-light);
}

/*filters*/
.user .filters input,
.user .filters select,
.__row_filters .dropdown-toggle,
.__row_filters .v-select .vs__dropdown-menu,
.__row_filters .v-select .vs__dropdown-toggle {
    color: var(--color-text);
    background-color: var(--color-white);
}

    .user .filters button.submit,
    .user .filters input[type="submit"] {
        line-height: 20px;
        font-weight: 600;
        color: var(--color-text);
        background-color: var(--color-button);
        border: 1px solid var(--color-button);
    }

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

.__row_filters .flatpickr-day.selected {
    background: #126e51;
    border-color: #126e51;
}

.__row_filters .dropdown-item.active {
    color: var(--color-white);
    background-color: var(--button-primary-background);
}
/*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;
    }

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

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

.user .forms.password .fields input.login {
    font-weight: 600;
    color: var(--color-text);
    background-color: var(--color-button);
    border: 1px solid var(--color-button);
    cursor: pointer;
}

    .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);
    }

.user .forms.balance {
    color: var(--color-text);
    background-color: var(--color-white);
}

/*table*/

.user .filters {
    color: #ffffff;
    background: rgba(255, 255, 255, .05);
}

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

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

.user ._anchor {
    color: #333;
}

.user .table-responsive table tr th {
    border-right: 1px solid hsl(161.9deg 21.29% 49.34% / 54%);
}

.user .table-responsive .table-bordered td {
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    border-right: 1px solid #cbcaca;
}

    .user .table-responsive table tr th:last-child,
    .user .table-responsive .table-bordered td:last-child {
        border-right: 0;
    }

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

.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: var(--color-text);
    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: var(--color-stats-1);
}

.user .table_body {
    color: var(--color-text);
    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 .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 i.lay,
.user .ticket .ticket_preview i.lay {
    display: none;
}

.user .ticket i.back,
.user .ticket .ticket_preview i.back {
    display: none;
}

.user .ticket_details {
    background-color: #0000000a;
    box-shadow: inset 0 0 5px 1px #a3a3a3;
}

    .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-04);
        }

.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: 600;
    color: var(--color-text);
    background-color: var(--color-button);
    border: 1px solid 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 pagination*/
.pagination {
    background: rgba(255, 255, 255, 0.1);
}

    .pagination .perPage {
        color: var(--color-white);
    }

        .pagination .perPage b,
        .pagination ul li a {
            color: var(--color-yellow);
        }

    .pagination ul li.active,
    .pagination ul li:not(.disabled):hover,
    .pagination ul li:active {
        background: rgba(0, 0, 0, 0.2);
    }
/*#endregion*/

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

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

.resolutions .wrapper {
    background: rgba(255,255,255,.07);
}

.resolutions .support_tickets .filters {
    color: rgb(17, 17, 17);
}

    .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: #f3ce04;
    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 .support_tickets .table_subheader {
    border-right: 1px solid #14805e;
    border-left: 1px solid #14805e;
}

.resolutions .support_tickets .table-responsive .table-bordered td:first-child {
    border-left: 1px solid #dee2e6;
}

.resolutions .support_tickets .table-responsive .table-bordered td:last-child {
    border-right: 1px solid #dee2e6;
}

.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: var(--modal-header-color);
    background-color: #126e51;
}

.login.dialog .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    height: 40px;
    border: 0;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}

    .login.dialog .header .title {
        font-size: 15px;
        text-indent: 10px;
    }

    .login.dialog .header .icon {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .login.dialog .header .icon img {
            filter: invert(.9);
        }

.dialog .header .icon img {
    margin: 14px;
    height: 12px;
}

.dialog:not(.login.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-primary);
    }

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

.dialog .myBets .cashoutButtons .btn:not(.btn_disabled):active {
    background-color: var(--color-primary-dark);
    color: var(--color-white);
}

.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(--button-primary-color);
    background: var(--button-primary-background);
}

    .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 */

/*#endregion */

/*#region mobile.css */

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

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

    .mobile .mainHeader .menu .page.logo img {
        padding: 5px;
    }

    .mobile .footer {
        padding-top: 0;
    }

    .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: 76px;
        line-height: 76px;
    }

    .mobile .event .bets .bet a {
        height: 50px;
        line-height: 50px;
        background-color: #303030;
    }

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

    .mobile .content .btn.ticketHistory {
        margin: 15px auto 15px;
        width: 50%;
        height: 35px;
        line-height: 35px;
        border-radius: 2px;
    }

        .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 .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: var(--color-white);
    }

    .mobile .homeItems a {
        position: relative;
        display: block;
        margin: 0 auto;
        margin-top: 20px;
        width: 100px;
        height: 50px;
        color: var(--color-white);
        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 .home .highlights .fixture .leagues {
        background-color: hsl(0deg 0% 27.45%);
        border-radius: 4px;
    }

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

/*#endregion */

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

    .mobile .mainHeader .menu .page {
        color: #e4e4e4;
    }

        .mobile .mainHeader .menu .page span {
            font-weight: 300;
        }

        .mobile .mainHeader .menu .page .userIcon {
            filter: var(--filter-icons-green);
        }

    .mobile .mainHeader .menu .myBetsCounter {
        color: var(--color-yellow);
        box-shadow: -1px -1px 7px 0 #2b2b2b;
    }

    .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;
    }

.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);
    }

.mobile .mainHeader .links a {
    color: var(--color-05);
    background-color: var(--color-text);
}

    .mobile .mainHeader .links a:active {
        color: var(--color-text);
        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: var(--color-stats-1);
        }
/*#endregion */

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

/*#region bottom-layout-navigation*/
.mobile .bottom-layout-navigation {
    background: var(--color-green-light);
}

    .mobile .bottom-layout-navigation::before {
        background-image: linear-gradient(180deg, hsla(0, 0%, 6%, 0), #141414);
    }

.m-navigation-container-bc {
    background: var(--color-secondary-light);
}

.hdr-nav-menu-holder-bc:after {
    background-image: linear-gradient(180deg, rgba(16, 16, 16, 0), #141414);
}
/*#endregion*/

/*#region footer*/
.mobile .footer hr {
    border-color: var(--color-05);
}

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

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

.mobile .footer_text {
    color: var(--color-05);
}

    .mobile .footer_text a {
        color: var(--color-02);
    }

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

/*#region footer-login*/
.footer-login {
    border-color: var(--border-secondary);
}

    .footer-login .contact_support {
        color: var(--button-secondary-color);
    }

        .footer-login .contact_support a {
            color: var(--button-secondary-color);
        }
/*#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: var(--color-white);
    background-color: var(--color-white-10p);
}

    .mobile .leagues .league.collapsed {
        border-bottom: 1px solid var(--color-white-10p);
    }

    .mobile .leagues .league.expanded,
    .mobile .live .leagues .league {
        border: none;
    }
/*#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-secondary-light);
    }

    .mobile .betslip .matches li {
        margin-bottom: 2px;
        background-color: var(--color-white-15p);
    }

.betslip .summary select {
    color: rgba(255,255,255,.8);
    background: rgb(91 91 91);
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 4px;
    height: 20px;
}

.mobile .betslip .buttons .button .btnReuse {
    color: rgb(255, 204, 0);
    background-color: var(--color-secondary);
    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: var(--color-text);
    background: var(--color-button);
}

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

.mobile .betslipFooter .button {
    color: #444;
    background-color: var(--color-02);
}

    .mobile .betslipFooter .button .number {
        color: var(--color-white);
        background: var(--color-stats-1);
    }

.betslip .row.row-stake {
    background: rgba(255,255,255,.05);
    border-radius: 4px;
}

    .betslip .row.row-stake .left {
        text-indent: 10px;
    }

.site .betslip .buttons .button .inner {
    height: 40px;
    line-height: 30px;
}

.mobile .betslip .row.row-stake {
    height: 40px;
}

    .mobile .betslip .row.row-stake .right {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-right: 5px;
    }

    .mobile .betslip .row.row-stake .icon {
        color: rgba(255,255,255,.8);
        border-radius: 4px;
        padding: 2px;
    }

    .mobile .betslip .row.row-stake .stake {
        margin: 0 2px;
        height: 34px !important;
    }

.mobile .betslip .buttons .button .inner.btn_reject,
.mobile .betslip .buttons .button .inner.btn_confirm,
.mobile .betslip .buttons .button .inner.btn_bookBet {
    height: 40px;
    line-height: 30px;
}
/*#endregion */

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

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

.mobile .dialog {
    /*background-color: var(--color-secondary);*/
}

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

.mobile .live-center-stats {
    background: #282828;
}

.mobile .matchID {
    color: var(--color-white);
    background: #282828;
    border-bottom: 1px solid hsla(0,0%,100%,.1);
}

.mobile .burger-bar {
    background-color: var(--color-02);
}

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

    .mobile .leagues .sp-header .sortGames {
        width: 40px;
        height: 40px;
        border-right: 1px solid hsla(0,0%,100%,.07);
    }

        .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: 10px;
            width: 40px;
            height: 40px;
        }

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

    .mobile .leagues .sp-header .icon-topTours,
    .mobile .leagues .sp-header .icon-topLeagues,
    .mobile .leagues .sp-header .icon-tournament {
        width: 40px;
        height: 40px;
        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;
    filter: invert(1);
}

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

.mobile .live .leagues .league {
    height: 12px;
    line-height: 12px;
    font-size: 12px;
    color: var(--color-white);
    background-color: var(--color-white-10p);
}

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

/*#region Home Page*/

/*highlights*/

.mobile .home .highlights .highlights_inner {
    background: #46464678;
}

.mobile .home .highlights .leagues .league {
    padding: 8px 10px;
    font-size: 12px;
    color: var(--modal-header-color);
    background: transparent;
}

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

.mobile .home .highlights .leagues .match-row .teams {
    width: 100%;
    padding: 5px 5px 5px 10px;
    background: transparent;
}

    .mobile .home .highlights .leagues .match-row .teams .team-row {
        min-height: 20px;
    }

        .mobile .home .highlights .leagues .match-row .teams .team-row span {
            line-height: 20px;
        }

    .mobile .home .highlights .leagues .match-row .teams .info-content {
        background: transparent;
    }

.mobile .home .highlights .leagues .bets {
    background: hsla(0,0%,100%,.05);
}

    .mobile .home .highlights .leagues .bets .odds {
        border: 0;
        height: 45px;
        line-height: 45px;
    }

    .mobile .home .highlights .leagues .bets .bet:first-of-type .odds {
        border-bottom-left-radius: 4px;
    }

    .mobile .home .highlights .leagues .bets .bet:last-of-type .odds {
        border-bottom-right-radius: 4px;
    }

    .mobile .home .highlights .leagues .bets .odds:active,
    .mobile .home .highlights .leagues .bets .odds:hover {
        background-color: var(--color-white-10p);
    }

    .mobile .home .highlights .leagues .bets .outcome {
        height: 21px;
        line-height: 21px;
        width: 100% !important;
    }

    .mobile .home .highlights .leagues .bets .price {
        line-height: 18px;
    }

    .mobile .home .highlights .leagues .bets .col3 .bet:nth-child(2) {
        border-left: 1px solid var(--color-white-15p);
        border-right: 1px solid var(--color-white-15p);
    }

    .mobile .home .highlights .leagues .bets .col2 .bet:first-child {
        border-right: 1px solid var(--color-white-15p);
    }

/*live*/
.mobile .home .live .header {
    color: #e4e4e4;
    background-color: #003d34;
}

    .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 {
    padding: 20px 0;
    border-bottom: 1px dashed var(--color-04);
}

    .mobile .settings .option select {
        width: 50%;
        color: var(--color-text);
        border: 1px solid var(--color-04);
        border-radius: 2px;
    }
/*#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-gold);
    }

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

.site .sportMenu .sportIcon .icon .star,
.site .leagues .matchInfo .event .star {
    filter: var(--filter-icons-grey);
}

.site .sportMenu .sportIcon.active .icon .star {
    filter: var(--filter-icons-orange);
}

/*#endregion*/

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

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

/*#endregion*/

/*#region dialog*/
.mobile .dialog.dBetslip .header {
    border-bottom: none;
}

    .mobile .dialog.dBetslip .header .number {
        color: var(--color-white);
        background: var(--color-white-10p);
    }
/*#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: var(--color-secondary);
    }
    /*#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 .headerTop .loginBlock .registerButton {
        margin: 5px 5px 5px 0px;
        height: 12px;
        line-height: 12px;
    }

    .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 .loginButton {
        min-width: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 15px;
        color: var(--color-text);
        background-color: var(--color-button);
    }

    .site .header .headerTop .loginBlock input.txtUsername,
    .site .header .headerTop .loginBlock input.txtPassword {
        color: #fff;
        caret-color: #fff;
        background-color: rgba(0,0,0,.2);
    }

    .site .header .headerTop .loginBlock input:-webkit-autofill {
        -webkit-text-fill-color: rgba(255,255,255,.9);
        box-shadow: 0 0 0 1000px #0e5841 inset;
    }

    .site .header .headerTop .loginBlock input::placeholder {
        color: color(display-p3 .157 1 .733);
    }

    /*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: var(--color-text);
    background-color: #ffcc00;
}

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

.site .header .headerTop .loginBlock > .userAccount span:after {
    border-top-color: var(--color-white);
}

.dialog .myBets .cashoutButtons .btn_reject {
    color: var(--color-text);
    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: var(--color-white);
    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: var(--color-white);
}

/* second level */
.site .header .headerTop .loginBlock > .userAccount li ul a {
    color: var(--color-text);
    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);
    font-size: 15px;
    font-weight: normal;
}

    .site .header .headerMiddle .navigation .navLink:hover {
        color: #26ffbe;
    }

.site .header .wrap .headerMiddle .navigation .navLink::after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 1px;
    top: 46px;
    bottom: 0;
    left: 50%;
    background: var(--color-yellow);
    transition: width .48s,left .48s;
}

.site .header .wrap .headerMiddle .navigation .navLink.selected::after {
    left: 0;
    width: 100%;
}

.site .header .wrap.fixed .headerMiddle .navigation .navLink:after {
    top: 18px;
}

.site .wide2 .header .wrap.fixed .headerMiddle .navigation .navLink:after {
    top: 19px;
}

.site .wide2 .header .wrap .headerMiddle .navigation .navLink:after {
    top: 46px;
}

.site .wide0 .header .wrap .headerMiddle .navigation .navLink:after {
    top: 43px;
}

.site .wide0 .header .wrap.fixed .headerMiddle .navigation .navLink:after {
    top: 26px;
}

.site .header .wrap.fixed .headerMiddle .navigation .navLink.selected {
    color: var(--color-primary-light);
}

.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: 25px;
        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: var(--site-header-bottom-background);
}

    .site .header .headerBottom a,
    .site .header .headerBottom .btn {
        display: flex;
        align-items: center;
        height: 25px;
        padding-top: 0;
        padding-bottom: 0;
        color: var(--color-04);
    }

        .site .header .headerBottom .btn span {
            margin-left: 5px;
        }

        .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 {
        margin: 5px 1px 5px 0;
        height: 15px;
        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: var(--color-text);
        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 pos*/
.pos .option-input {
    color: #333;
    background: transparent;
    border: 1px solid rgba(60,60,60,0.26);
}
/*#endregion*/

/*#region content*/
.site .content .contentMain > .event.prematchEvent {
    margin: 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);
        }

/*#region slides*/
.VueCarousel-slide .play-now {
    bottom: 25px;
    color: #26ffbe;
    background: rgba(0, 0, 0, .5);
    border: 1px solid rgba(38, 255, 190, 0.5);
}

    .VueCarousel-slide .play-now:hover {
        color: #9effe0;
        border: 1px solid #9effe0;
    }

.mobile .home .carousel .VueCarousel-slide {
    position: relative;
}
/*#endregion*/

/*#endregion*/

/*#region sports */
.site .sp {
    filter: var(--filter-sport-icons);
}

.site .sports .header_asian .bottomBorder.bottomSport,
.site .sports .header_asian .bottomBorder.bottomMarket {
    display: none;
}

.site .sports .header_asian {
    display: flex;
    justify-content: center;
    line-height: 34px;
    color: var(--color-white);
    background: var(--color-secondary-light);
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    box-shadow: inset 0 -2px 0 0 rgba(255,255,255,.05);
}

    .site .sports .header_asian .menu-item {
        position: relative;
        width: 100%;
    }

        .site .sports .header_asian .menu-item:before {
            content: "";
            display: block;
            width: 0;
            height: 1px;
            background: var(--color-yellow);
            position: absolute;
            bottom: 0;
            left: 50%;
            transition: width .48s,left .48s;
        }

        .site .sports .header_asian .menu-item.selected:before {
            left: 0;
            width: 100%;
            background: var(--color-yellow);
        }

        .site .sports .header_asian .menu-item.selected {
            background-color: var(--color-white-07p);
        }

        .site .sports .header_asian .menu-item:nth-child(even) {
            /*background: var(--color-primary);*/
        }

    .site .sports .header_asian .bottomBorder {
        border-top: 1px solid var(--color-white-50p);
        height: 0;
    }
/*cont*/

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

    .site .sports .cont .sportsList.hasDropdown a.hoverable {
        display: flex;
        align-items: center;
        height: 34px !important;
    }

    .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 .sportsList.hasDropdown .tournamentsList {
    padding: 5px;
    background: hsl(0deg 0% 27.06%);
    border-radius: 4px;
}

    .site .sportsList.hasDropdown .tournamentsList li {
        max-height: 34px;
        transition: all .24s;
    }

        .site .sportsList.hasDropdown .tournamentsList li:first-of-type a {
            margin-top: 0;
        }

    .site .sportsList.hasDropdown .tournamentsList a {
        height: 34px !important;
        margin-top: 2px;
        padding: 0 10px;
        cursor: pointer;
        transition: background .24s;
        border-radius: 4px;
        border: none;
        line-height: unset;
    }

@-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-primary-dark);
    }

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

.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;
        background: #454545;
        border-bottom: 1px solid #61616191;
    }

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

.site .sportsList.hasDropdown .categoriesList .category-li .category-anchor {
    margin-top: 0;
    height: 34px;
    padding: 0 5px 0 8px !important;
    cursor: pointer;
    transition: background .24s;
    border-radius: 4px;
    background: #454545;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: unset;
    border: unset;
}

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

.site .sportsList.hasDropdown .hoverable i.arrow {
    filter: invert(0);
}
/*sportsList*/
.site .sports .cont .sportsList > li > a {
    line-height: 28px;
}

.banner,
.site .deposit .banner-deposit {
    background-color: var(--color-secondary-light);
}

.mobile .banner {
    height: 35px;
}

.mobile .topTours .sports-list-container ul li a.league {
    padding: 6px 10px;
    border-bottom: none;
}

.mobile .leagues .liTou .league .tName {
    display: block;
    width: calc(100% - 40px);
    padding: 0 30px 0 5px;
}

.mobile .topTours .sports-list-container .liTou .league .more {
    right: 6px;
}

.mobile .topTours .sports-list-container {
    padding: 0px 5px 5px;
    background: rgb(56, 56, 56);
}

    .mobile .topTours .sports-list-container ul li {
        margin-top: 2px;
    }

    .mobile .topTours .sports-list-container ul:first-of-type li:first-of-type {
        margin-top: 0;
    }

.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;
}

.deposit {
    background-color: var(--color-secondary-light);
}

    .deposit .column-container {
        color: var(--color-white);
    }

        .deposit .column-container .module-content-full {
            background: linear-gradient(180deg, var(--color-secondary), var(--color-secondary-light));
        }

    .deposit .module-content-container {
        background: unset;
    }

.mobile .deposit {
    position: relative !important;
    padding: 10px 0;
    overflow: hidden !important;
    background: linear-gradient(146deg,#000000,var(--color-secondary-light));
    background-color: var(--color-secondary-light);
    background-position: top center,top center !important;
    background-repeat: no-repeat,no-repeat !important;
}

    .mobile .deposit .number-buttons .number-button:active {
        color: var(--button-primary-color);
        background-color: var(--button-primary-background);
    }

.deposit .number-options .number-button:active,
.deposit .number-options .number-button:hover {
    color: var(--button-primary-color);
    background-color: var(--button-primary-background);
}

.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;
    border-bottom: 1px solid #dedede;
}

/*tournamentsList*/
.site .highlightsContainer {
    border-top: 1px solid var(--color-white-10p);
}

    .site .highlightsContainer h2,
    .site h4 {
        margin-bottom: 5px;
        background: linear-gradient(270deg,#282828 0,#383838);
    }

.site .bootstrap-iso h4 {
    margin-bottom: .5rem;
    background: none;
}

.site .highlightsContainer h2 .header,
.site h4 .header {
    padding: 0 10px;
    color: var(--color-white);
}

.site .highlightsContainer h2 .noEvents {
    color: var(--color-primary-light);
}

    .site .highlightsContainer h2 .noEvents img {
        filter: var(--filter-icons-green);
    }

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

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

.site .leagues .close {
    right: 0;
    top: 0;
    width: 30px;
    line-height: 30px;
    height: 100%;
}

    .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: var(--color-04);
    border-right: 1px solid var(--color-03);
}

    .site .leagues .matchInfo .timeScore .time.green {
        color: var(--color-04);
    }

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

.site .leagues .matchInfo .event .vs {
    color: var(--color-yellow) !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 {
    color: #e4e4e4;
    border-top: 1px solid var(--color-white-10p);
    text-transform: uppercase;
}

/* Football */
.upcomig_1 .upcoming-header {
    background-color: #1a362d;
}

    .upcomig_1 .upcoming-header svg {
        color: #33cc97;
    }

/* Basketball */
.upcomig_2 .upcoming-header {
    background-color: #412f09;
}

    .upcomig_2 .upcoming-header svg {
        color: #ffb000;
    }

/* Tennis */
.upcomig_3 .upcoming-header {
    background-color: #252f1a;
}

    .upcomig_3 .upcoming-header svg {
        color: #b8ff6e;
    }

/* Ice Hockey */
.upcomig_4 .upcoming-header {
    background-color: #17242d;
}

    .upcomig_4 .upcoming-header svg {
        color: #96bcd2;
    }

/* American Football */
.upcomig_5 .upcoming-header {
    background-color: #1e3d1b;
}

    .upcomig_5 .upcoming-header svg {
        color: #88ff7c;
    }

/* Baseball */
.upcomig_7 .upcoming-header {
    background-color: #3d271c;
}

    .upcomig_7 .upcoming-header svg {
        color: #ff9458;
    }

/* Volleyball */
.upcomig_8 .upcoming-header {
    background-color: #4e3417;
}

    .upcomig_8 .upcoming-header svg {
        color: #ffd682;
    }

/* Handball */
.upcomig_9 .upcoming-header {
    background-color: #1e3641;
}

    .upcomig_9 .upcoming-header svg {
        color: #48acde;
    }

/* Table Tennis */
.upcomig_19 .upcoming-header {
    background-color: #1e2a38;
}

    .upcomig_19 .upcoming-header svg {
        color: #72c2ff;
    }

.more-upcoming {
    color: #4acfa5;
    background: hsla(0,0%,100%,.07);
}

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

    .more-upcoming img {
        -webkit-filter: var(--filter-icons-green);
        filter: var(--filter-icons-green);
    }

.site .leagues .matchInfo .icons .live-center,
.mobile .leagues .matchs .matchInfo .live-center {
    filter: brightness(2);
}

    .site .leagues .matchInfo .icons .live-center.selected,
    .mobile .leagues .matchs .matchInfo .live-center.selected {
        -webkit-filter: var(--filter-icons-green);
        filter: var(--filter-icons-green);
    }

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

/*#region daterange */
.site .sports .range {
    padding: 10px 5px;
    color: var(--color-white);
    background: hsl(0deg 0% 65.35% / 7%);
}

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

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

.site .sports .range .range-box .left,
.site .sports .range .range-box .right {
    background-color: var(--button-primary-background);
}

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


.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 sportMenu*/
.site .sportMenuContainer,
.mobile .sportMenuContainer {
    margin-bottom: 0;
    height: 70px;
    background: #383838;
}

.mobile .sportMenu .sportIcon .icon {
    height: 40px;
}

.sportMenuContainer:before {
    background-color: hsla(0,0%,100%,.17);
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    transition: background-color .2s;
}

.mobile .home .sportMenuContainer {
    background: #333333;
    z-index: 1;
}

    .mobile .home .sportMenuContainer:before {
        background-color: #464646;
    }

.site .sportMenu .sportIcon {
    position: relative;
    width: 70px;
    padding: 11px 0px 10px 0;
}

.sportMenu .sportIcon:before {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background: #855800;
    position: absolute;
    bottom: 0;
    left: 50%;
    transition: width .24s,left .24s;
}

/*favourites*/
.sportMenu .sportIcon.s_star:before {
    background-color: #fff;
    filter: brightness(2);
}

/*football*/
.sportMenuContainer.bg-bar_1:before {
    background-color: #408058;
}

.sportMenu .sportIcon.s_1:before {
    background-color: #408058 !important;
    filter: brightness(2);
}

/*basketball*/
.sportMenuContainer.bg-bar_2:before {
    background-color: #855800;
}

.sportMenu .sportIcon.s_2:before {
    background-color: #855800 !important;
    filter: brightness(2);
}

/*tennis*/
.sportMenuContainer.bg-bar_3:before {
    background-color: #5C8037;
}

.sportMenu .sportIcon.s_3:before {
    background-color: #5C8037 !important;
    filter: brightness(2);
}

/*ice hockey*/
.sportMenu .sportIcon.s_4:before {
    background-color: #4B5E69;
    filter: brightness(2);
}

/*american football*/
.sportMenuContainer.bg-bar_5:before {
    background-color: #44803E;
}

.sportMenu .sportIcon.s_5:before {
    background-color: #44803E !important;
    filter: brightness(2);
}

/*baseball*/
.sportMenuContainer.bg-bar_7:before {
    background-color: #804A2C;
}

.sportMenu .sportIcon.s_7:before {
    background-color: #804A2C !important;
    filter: brightness(2);
}

/*volleyball*/
.sportMenuContainer.bg-bar_8:before {
    background-color: #8F6B41;
}

.sportMenu .sportIcon.s_8:before {
    background-color: #8F6B41 !important;
    filter: brightness(2);
}

/*handball*/
.sportMenuContainer.bg-bar_9:before {
    background-color: #24566F;
}

.sportMenu .sportIcon.s_9:before {
    background-color: #24566F !important;
    filter: brightness(2);
}

/*rugby union*/
.sportMenuContainer.bg-bar_10:before {
    background-color: #718040;
}

.sportMenu .sportIcon.s_10:before {
    background-color: #718040 !important;
    filter: brightness(2);
}

/*rugby league*/
.sportMenuContainer.bg-bar_11:before {
    background-color: #749651;
}

.sportMenu .sportIcon.s_11:before {
    background-color: #749651 !important;
    filter: brightness(2);
}

/*boxing*/
.sportMenuContainer.bg-bar_12:before {
    background-color: #4A6180;
}

.sportMenu .sportIcon.s_12:before {
    background-color: #4A6180 !important;
    filter: brightness(2);
}

/*cricket*/
.sportMenuContainer.bg-bar_13:before {
    background-color: #718040;
}

.sportMenu .sportIcon.s_13:before {
    background-color: #718040 !important;
    filter: brightness(2);
}

/*darts*/
.sportMenuContainer.bg-bar_15:before {
    background-color: #783E3A;
}

.sportMenu .sportIcon.s_15:before {
    background-color: #783E3A !important;
    filter: brightness(2);
}

/*snooker*/
.sportMenuContainer.bg-bar_17:before {
    background-color: #428055;
}

.sportMenu .sportIcon.s_17:before {
    background-color: #428055 !important;
    filter: brightness(2);
}

/*futsal*/
.sportMenuContainer.bg-bar_18:before {
    background-color: #3D6E91;
}

.sportMenu .sportIcon.s_18:before {
    background-color: #3D6E91 !important;
    filter: brightness(2);
}

/*table tennis*/
.sportMenuContainer.bg-bar_19:before {
    background-color: #396188;
}

.sportMenu .sportIcon.s_19:before {
    background-color: #396188 !important;
    filter: brightness(2);
}

/*badminton*/
.sportMenuContainer.bg-bar_20:before {
    background-color: #4C7D8B;
}

.sportMenu .sportIcon.s_20:before {
    background-color: #4C7D8B !important;
    filter: brightness(2);
}

/*e-sports*/
.sportMenuContainer.bg-bar_21:before {
    background-color: #737373;
}

.sportMenu .sportIcon.s_21:before {
    background-color: #737373 !important;
    filter: brightness(2);
}

/*water polo*/
.sportMenuContainer.bg-bar_22:before {
    background-color: #4576A1;
}

.sportMenu .sportIcon.s_22:before {
    background-color: #4576A1 !important;
    filter: brightness(2);
}

/*aussie rules*/
.sportMenuContainer.bg-bar_26:before {
    background-color: #558546;
}

.sportMenu .sportIcon.s_26:before {
    background-color: #558546 !important;
    filter: brightness(2);
}

/*beach volleyball*/
.sportMenuContainer.bg-bar_31:before {
    background-color: #8F6941;
}

.sportMenu .sportIcon.s_31:before {
    background-color: #8F6941 !important;
    filter: brightness(2);
}

.sportMenu .sportIcon.active:before {
    left: 0;
    width: 100%;
}

.mobile .sportMenu .sportIcon:before {
    top: 68px;
}

.sportMenu .sportIcon:hover .name,
.sportMenu .sportIcon.active .name {
    color: #fff;
    font-weight: bold;
}

.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);
}

.slots .star:hover,
.slots .star:active {
    -webkit-filter: var(--filter-icons-orange);
    filter: var(--filter-icons-orange);
}
/*#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 var(--color-white);
}

.carousel-slides .slide-info .slide-news {
    color: #ffffff;
    background: linear-gradient(90deg, #126e515e 0, #0d3227, #080a09);
}

    .carousel-slides .slide-info .slide-news:after {
        border-color: #050f11 transparent transparent transparent;
    }

    .carousel-slides .slide-info .slide-news .date {
        color: var(--color-gold);
    }

.carousel-slides .slide-info .slide-odds .odds {
    color: hsl(0deg 0% 100% / 79%);
    background: hsla(0, 0%, 100%, .3);
}

    .carousel-slides .slide-info .slide-odds .odds .price {
        color: var(--color-yellow);
    }

.site .slide-info .slide-odds .odds.selected,
.site .slide-info .slide-odds .odds:hover {
    color: var(--color-white);
    background: hsl(161.09deg 71.88% 25% / 56%);
}
/*#endregion*/

/*#region carousel-slides mobile*/
.mobile .VueCarousel-slide .slide-info .slide-odds .odds.selected {
    color: var(--color-white);
    background: hsl(161.09deg 71.88% 25% / 56%);
}

.mobile .VueCarousel-slide .slide-info .slide-odds .odds .price {
    color: var(--color-yellow);
}
/*#endregion*/

/*#region matchID */
.site .event .matchID_inner {
    background-color: transparent;
}

.site .matchID_teams {
    width: 100%;
    color: #fff;
    background-color: hsla(0,0%,100%,.07);
    border-radius: 0;
}

.site .matchID_info_inner {
    color: var(--color-03);
    background-color: hsla(8,26%,83%,.1);
}

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

    .site .matchID_info_up > span {
        color: #ffde00;
    }

.site .matchID_info_up_result {
    color: var(--color-yellow);
}
/*#endregion */

/*#region mch-groups */
.site .mch-groups {
    padding: 5px 0;
}

.mobile .mch-groups {
    padding: 5px 0;
}

.site .mch-groups,
.mobile .mch-groups {
    color: hsla(0,0%,100%,.8);
    background: transparent;
}
/*#endregion */

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

.site .liTou .bets .bet a {
    height: 70px;
    line-height: 70px;
}

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

.bets .bet .odds .outcome {
    font-size: 12px;
}

.site .match-row .bets .bet .odds.selected .outcome {
    color: var(--color-black);
}

.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: var(--color-04);
}

    .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*/
.betslip .matches .container {
    color: var(--color-white-50p);
}

.site .betslip .matches li {
    margin-bottom: 2px;
    background-color: var(--color-white-10p);
}

.betslip .matches .left .team,
.betslip .matches .left .pick {
    color: #ffffffc2;
    font-weight: initial;
}

.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: var(--color-text);
        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);
    background-color: var(--color-secondary);
}

    .betslip .buttons .button .btnPrintCopy:hover {
        color: var(--color-text);
        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: var(--color-text);
    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 ticket-search*/
.ticket-search .tabs {
    background: var(--color-secondary-light);
    border-bottom: 1px solid hsla(0, 0%, 100%, .14);
}

.ticket-search.payment .ticket-search-container {
    background-color: rgb(72 72 72);
}

.ticket-search.payment .search-button {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text);
    background: var(--color-button);
    border-radius: 4px;
}

    .ticket-search.payment .search-button:hover,
    .ticket-search.payment .search-button:active {
        background: var(--color-button-hover);
    }

.ticket-search.payment .ticket-search-container .search-number .icon-title,
.ticket-search.payment .ticket-search-container .search-code .icon-title {
    background: #5b5b5b;
}

    .ticket-search.payment .ticket-search-container .search-number .icon-title img,
    .ticket-search.payment .ticket-search-container .search-code .icon-title img {
        -webkit-filter: var(--filter-icons-grey);
        -moz-filter: var(--filter-icons-grey);
        -ms-filter: var(--filter-icons-grey);
        -o-filter: var(--filter-icons-grey);
        filter: var(--filter-icons-grey);
    }

.ticket-search.booked .ticket-search-container {
    background-color: rgb(72, 72, 72);
}

    .ticket-search.booked .ticket-search-container input {
        color: rgba(255, 255, 255, 0.8);
        background: #5b5b5b;
    }

    .ticket-search.booked .ticket-search-container .search-input .icon-title {
        background: #5b5b5b;
    }

        .ticket-search.booked .ticket-search-container .search-input .icon-title img {
            -webkit-filter: var(--filter-icons-grey);
            -moz-filter: var(--filter-icons-grey);
            -ms-filter: var(--filter-icons-grey);
            -o-filter: var(--filter-icons-grey);
            filter: var(--filter-icons-grey);
        }

        .ticket-search.booked .ticket-search-container .search-input .icon-title.go img {
            -webkit-filter: var(--filter-icons-orange);
            -moz-filter: var(--filter-icons-orange);
            -ms-filter: var(--filter-icons-orange);
            -o-filter: var(--filter-icons-orange);
            filter: var(--filter-icons-orange);
        }

        .ticket-search.booked .ticket-search-container .search-input .icon-title.go:hover,
        .ticket-search.booked .ticket-search-container .search-input .icon-title.go:active {
            background: #545454;
        }

.actions .btn.print {
    color: var(--button-primary-color);
    background-color: var(--button-primary-background);
}

    .actions .btn.print:hover,
    .actions .btn.print:active {
        background-color: #189970;
    }

.actions .btn.cancel {
    color: var(--button-secondary-color);
    background-color: var(--button-secondary-background);
}

    .actions .btn.cancel:hover,
    .actions .btn.cancel:active {
        background-color: rgb(40 40 40 / 81%);
    }

.mobile .ticket-search .tabs .tab {
    background: #074633;
}
/*#endregion*/

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

    .site .sideBlock .sideBlockHead.lcHead .mini-field span .live-center {
        -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 .sideBlock .sideBlockHead.lcHead .mini-field.active .live-center,
    .site .sideBlock .sideBlockHead.lcHead .mini-field.active .live_stream {
        -webkit-filter: var(--filter-icons-green) !important;
        filter: var(--filter-icons-green) !important;
    }

.TopNavContainer {
    background: #313131 !important;
}

    .TopNavContainer .StatButtons_Button {
        color: var(--color-05) !important;
    }

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

.site .sideBlock .sideBlockBody,
.site .sideBlock .sideBlockFooter {
    color: var(--color-text);
    background: var(--color-05);
}

    .site .sideBlock .sideBlockBody .empty-winners {
        box-shadow: none;
    }

.site .infoPage_left .sideBlock .sideBlockBody {
    color: var(--color-text);
    background: var(--color-03);
}

.site .contentLeft .sideBlock .sideBlockBody {
    background: var(--color-03);
}

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

/*#region topWinner*/
.site .sideBlock.topWinner .interval-container span {
    color: var(--color-04);
    background: var(--color-secondary);
}

    .site .sideBlock.topWinner .interval-container span:hover {
        color: var(--color-white);
        background-color: var(--color-secondary);
    }

    .site .sideBlock.topWinner .interval-container span.active {
        background-color: var(--color-button);
        color: var(--color-black);
    }

.site .topWinner .side-block-container {
    background: inherit;
}

.site .topWinner .side-block-container {
    color: var(--color-black)
}

    .site .topWinner .side-block-container .row .col {
        width: 100%;
        color: #f5f6f7;
    }

.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);
    }

.collapsible-top-winner {
    background: #46464666;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

._styles-module-bet {
    border-bottom: 1px solid #61616191;
}

._styles-module-bet-market,
._styles-module-bet-quote {
    color: var(--color-white);
}

._styles-module-bet ._styles-module-bet-placed {
    padding: 0 5px;
    color: rgba(255, 255, 255, .9);
    background: linear-gradient(96deg, #282828 0, #4a4a4a);
}

._styles-module-bet ._styles-module-popup-font {
    color: var(--color-04);
}

._styles-module-bet-footer {
    color: rgba(255, 255, 255, .9);
}

.site .top-winner-container .row .top-winner-arrow img {
    opacity: 0.4;
    -moz-filter: invert(1);
    -ms-filter: invert(1);
    -o-filter: invert(1);
    filter: invert(1);
}
/*#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-yellow);
}

.site .promoContainer .sideBlockBody .txt .button {
    height: 25px;
    color: var(--color-button);
    background: transparent;
    border: 1px solid var(--color-button);
    border-radius: 2px;
    height: 25px;
    display: flex;
    align-items: center;
    min-width: 100px;
    width: 50px;
    padding: 0;
    text-align: center;
    justify-content: center;
}

    .site .promoContainer .sideBlockBody .txt .button:hover {
        color: var(--color-button-hover);
        border: 1px solid var(--color-button-hover);
    }

.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: var(--color-text);
    margin: 5px 0;
    background: var(--color-white);
    border-radius: 3px;
    height: 40px;
    line-height: 20px;
}

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

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

/*#endregion */

/*#region dialog */
.dialog.cashout .myBets {
    background-color: var(--color-secondary);
}

.site .dialog .close {
    right: -5px;
    top: -5px;
    border-radius: 3px;
}

.site .dialog .modalbox-title {
    padding: 10px;
    font-size: 13px;
    color: var(--modal-header-color);
    background: var(--modal-header-background);
    border-bottom: 1px solid var(--color-white-50p);
}

.site .dialog_content,
.site .modal .modal-body {
    top: 100px;
    padding: 10px;
    background-color: var(--color-secondary);
}

    .site .modal .modal-body .block,
    .mobile .modal .modal-body .block {
        color: var(--color-text);
        background-color: var(--color-white);
    }

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

.site .dialog .menu .item {
    font-weight: bold;
    color: var(--color-text);
    border-left: 1px solid var(--color-03);
    background-color: var(--color-white);
    transition: all .5s ease-in-out;
}

    .site .dialog .menu .item:hover > ul {
        box-shadow: 0 5px 10px hsla(0, 0%, 0%, 0.2);
    }

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

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

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

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

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

.site .dialog .close {
    color: var(--color-text);
    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,
.mobile .dialog iframe.bg_white {
    background: var(--color-white);
}

.site .dialog_content .buttons,
.mobile .dialog_content .buttons {
    display: flex;
    justify-content: center;
    background: var(--color-white);
}

.mobile .dialog.login .dialog_content {
    margin: auto;
    max-width: 435px;
    padding: 10px;
    background: var(--background-secondary);
}

.site .dialog_content .buttons .btn,
.mobile .dialog_content .buttons .btn {
    margin: 0 3px;
    min-width: 50px;
    font-weight: 700;
    color: var(--color-text);
    background-color: var(--color-button);
    border: 1px solid transparent;
}

.dialog .dialog_content .buttons .btn.green {
    color: #ffffff;
    background-color: green;
}

.dialog .dialog_content .buttons .btn.disabled {
    cursor: not-allowed;
}

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

.site .dialog_content .buttons .btn.cancel,
.mobile .dialog_content .buttons .btn.cancel {
    font-weight: bold;
    color: var(--color-text);
    background-color: #c5c5c5;
}

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

/*#region modal*/
.modal .bg-primary-dark {
    background-color: var(--color-green-light) !important;
}

.modal .modal-body .note {
    color: var(--color-green-light);
}

.modal .block-content .number-buttons button:active {
    color: hsla(0, 0%, 100%, 0.9) !important;
    background-color: var(--color-green-light) !important;
    border-color: var(--color-green-light) !important;
}
/*endregion*/

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

.site .infoPage_left .sideBlock .sideBlockBody ul li a {
    font-size: 12px;
    color: var(--color-text);
}

.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-secondary-light);
}

.site .infoPage .content2 {
    background: var(--color-03);
}

    .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: #4444445e;
}

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

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

.site .footer_text {
    color: #bababa;
}

.site .footer .footerDevider {
    background-color: hsl(0deg 0% 100% / 9%);
}

.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 .footer_links {
    padding-bottom: 10px;
}

.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*/
.carousel-slides .slide-inner {
    background: #000000;
}

.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;
}

/*4 columns*/
.home .fourColumns {
    background: linear-gradient(119deg,#1b4d42,#153c34);
}

.home .tabs {
    background: #444444b3;
}

.home .fourColumns .column .inner .register {
    color: var(--color-yellow);
}

.home .fourColumns .column .inner h1 {
    font-size: 15px;
    font-weight: 700;
    color: color(display-p3 .157 1 .733);
    white-space: break-spaces;
}

.home .fourColumns .column .inner p {
    position: relative;
    padding-left: 17px;
    font-size: 12px;
    color: hsla(0,0%,100%,.6);
    text-align: justify;
}

    .home .fourColumns .column .inner p:before {
        position: absolute;
        top: 17px;
        left: 0;
        transform: translateY(-50%);
        content: " ";
        border: 1px solid #a7a7a7;
        border-radius: 7px;
        width: 7px;
        height: 7px;
    }

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

.home .tabs .tab a {
    padding: 8px;
    color: #f0f0f0;
    background: #282828;
    border-radius: 5px;
}

.home .tabs .tab .head {
    color: #58d7af;
}

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

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

/*#region settings*/
.site .settings {
    padding: 0 10px;
}

    .site .settings:not(.hi_lo .settings) {
        color: var(--color-text);
        background-color: var(--color-white);
    }

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

    .site .settings .btn.ticketHistory {
        margin-top: 15px;
        min-width: 150px;
        height: 30px;
        font-size: 14px;
        font-weight: 600;
        color: var(--color-text);
        background-color: var(--color-button);
        border: 1px solid var(--color-button);
        border-radius: 2px;
    }

        .site .settings .btn.ticketHistory:hover {
            background-color: var(--color-button-hover);
            border: 1px solid var(--color-button-hover);
        }

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

/*#endregion */

/*#region container*/
.site .container.bg-slots,
.site .container.bg-kenos,
.site .container.bg-tv-bet {
    background-image: url(../../Images/bg7.png);
}
/*#endregion*/

/*#region site/Live.css */
.inPlay .leagues .odd {
    color: var(--color-03);
    background-color: hsla(0,0%,100%,.1);
}

.inPlay .leagues .even {
    color: var(--color-03);
    background-color: hsla(0,0%,100%,.15)
}

.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;
}

.inPlay .leagues .gameGroup {
    color: var(--color-white-15p);
}

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

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

.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 {
    margin: 4px 0;
    background: #474747;
}

    .inPlay .leagues .gameGroup.hdp .marked span {
        color: var(--color-03);
    }

.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 */
.evolution .bg-roulette {
    background-image: url(../../Images/evolution/roulette.jpg);
}

.evolution .bg-blackjack {
    background-image: url(../../Images/evolution/blackjack.jpg);
}

.evolution .bg-baccarat {
    background-image: url(../../Images/evolution/baccarat.jpg);
}

.site .evolution .top-banner-text-container {
    padding-bottom: 40px;
}

.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: var(--color-03);
}

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

.slots .category .search-icon-container {
    display: flex;
    float: left;
    width: 40px;
    height: 40px;
    line-height: 40px;
    align-items: center;
    background-color: #3e3d3d;
}

.site .slots .category .searchBox {
    border-right: 1px solid #303030;
}

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

.slots .category .searchBox .filterGame {
    font-size: 13px;
    font-weight: 400;
    color: rgba(255,255,255,.7) !important;
    background: linear-gradient(268deg,#222222 0,#3e3d3d);
    letter-spacing: .5px;
}

.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: #222222;
}

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

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

.slots .group .game .imgWrapper {
    border-radius: 4px;
}

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

    .slots .group .game .name {
        top: -30px;
        font-weight: 600;
        color: #fff;
        background: rgba(11,20,34,.4);
        text-align: center;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        animation: casino-game-layer-label .4s forwards;
    }

    .slots .group .game .imgWrapper .game-box-shadow {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: inset 0 0 50px 20px rgba(0, 0, 0, 0.5);
    }

    .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 .imgWrapper .game-overlay .pl_link:hover {
            color: var(--color-text);
            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;
}

.mobile .slots .group .games.empty {
    padding: 10px 7px !important;
    margin-top: 0 !important;
}

.slots .category {
    padding-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);
}
/*#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: 182px;
}

.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: 117px;
}

.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), radial-gradient(circle at 56% 100%, rgb(18 110 81 / 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-03);
}

.documents .iconD {
    filter: invert(40%) sepia(138%) saturate(0) hue-rotate(59deg) brightness(90%) contrast(80%);
}

.documents .right h2 {
    color: var(--color-text);
}

.documents .right input[type="button"] {
    width: 100px;
    height: 30px;
    font-weight: 600 !important;
    color: var(--color-text);
    background: var(--color-button);
    border-radius: 2px !important;
    cursor: pointer;
}

    .documents .right input[type="button"]:hover,
    .documents .right input[type="button"]:active {
        background: var(--color-button-hover);
    }

.forms.documents .right .input-wrap {
    border: 1px solid #9a9a9a;
    border-radius: 2px;
}
/*#endregion*/

/*#region search panel*/
.site .search-panel .dialog_content {
    background-color: #474747;
}

.search-panel-header {
    background: #3e3e3e;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

    .search-panel-header header {
        color: #ffffff;
    }

    .search-panel-header input {
        color: hsla(0,0%,100%,.8) !important;
        background: #5b5b5b;
        border: none;
    }

.search-panel .search-input {
    color: hsla(0,0%,100%,.8);
    background: #5b5b5b;
    border: 1px solid hsla(0,0%,100%,.2);
}

    .search-panel .search-input .icon-title img {
        filter: var(--filter-icons-grey);
    }

    .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 {
    color: hsla(0,0%,100%,.8);
}

    .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 {
    margin-top: 0;
}

    .search-panel-content .section .panel-leagues .tour-info {
        color: var(--color-04);
    }

    .search-panel-content .section {
        background: hsl(0deg 0% 21.57%);
        border-bottom: 1px solid var(--color-white-10p);
    }

        .search-panel-content .section .teams {
            color: var(--color-white);
        }

            .search-panel-content .section .teams .vs {
                color: var(--color-yellow);
            }

        .search-panel-content .section .description {
            color: var(--color-04);
        }

            .search-panel-content .section .description .date {
                color: var(--color-05);
            }

                .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: #303030;
    border-right: 1px solid #4c4c4c;
}

.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: var(--color-05);
}

.search-panel-content .noResult-description {
    color: var(--color-05);
}

.search-panel-content .section .description .result span {
    color: var(--color-yellow);
}

.search-panel em {
    color: #4acfa5;
    background: var(--color-stats-1);
}
/*#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*/
.site .inPlay .match-row .info-content.score-content:after {
    top: 5px;
}

.inPlay .leagues .match-row .gameGroup.hdp .marked span {
    height: 52px;
    line-height: 52px;
}

.site .match-row .info-content:after {
    content: unset;
}

.site .match-row .info-content .time,
.site .match-row .info-content .score {
    font-size: 11px;
    font-weight: 700;
}

.site .match-row .teams {
    padding-left: 10px;
}

.inPlay .leagues .sp-header .matchInfo.w-40 {
    width: 40%;
}

.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 .info-more div.result {
    min-height: 25px;
    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: #fff;
        background: hsla(0,0%,100%,.1);
        border-radius: 1px;
    }

.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: 19px;
    margin-top: 0;
    overflow: hidden;
}

.site .match-row .info-content .time {
    color: var(--color-04);
}

    .site .match-row .info-content .time .minute {
        color: #4dbd94;
    }

.site .match-row .info-content .score {
    width: 22px;
    color: var(--color-yellow);
}

.site .match-row .info-more .info-line .info-markets-count {
    color: var(--color-04);
}

/*#region match-row*/
.events-date-filter-container {
    height: 22px;
    font-size: 12px;
    color: var(--color-11);
    background-color: var(--color-05);
}

    .events-date-filter-container .market-filter-cell {
        width: 45%;
        color: var(--color-white-15p);
    }

.site .match-row {
    margin-bottom: 0;
    min-height: 70px;
}

    .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%;
    }
/*#endregion*/

.match-row .teams .team-row .team-info .rc {
    display: inline-block;
    height: 10px;
    margin-left: 5px;
}



.site .match-row .teams .team-row {
    min-height: 20px;
}

    .site .match-row .teams .team-row .team-info {
        line-height: 20px;
        font-size: 13px;
        font-weight: 600;
        color: var(--color-white);
    }

.site .match-row .info-content-sidebar .time {
    color: var(--color-04);
}

    .site .match-row .info-content-sidebar .time .minute {
        color: #4dbd94;
    }

.site .match-row .info-content-sidebar .info-markets-count {
    font-size: 11px;
    color: #ccc;
}

.site .match-row .info-more .live-center,
.site .match-row .info-more .live_stream,
.mobile .match-row .info-content-sidebar .live_stream,
.mobile .match-row .info-more .live-center,
.mobile .match-row .info-content-sidebar .live-center,
.event.liveEvent .EventSwitcher_Game .live_stream {
    -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,
    .site .match-row .info-more .live_stream.selected,
    .mobile .match-row .info-more .live_stream.selected,
    .mobile .match-row .info-more .live-center.selected,
    .mobile .match-row .info-content-sidebar .live-center.selected,
    .event.liveEvent .EventSwitcher_Game .live_stream.selected {
        -webkit-filter: var(--filter-icons-green);
        filter: var(--filter-icons-green);
    }

.site .match-row .info-more .star {
    -webkit-filter: var(--filter-icons-grey);
    filter: var(--filter-icons-grey);
}

    .site .match-row .info-more .star:hover {
        -webkit-filter: var(--filter-icons-orange);
        filter: var(--filter-icons-orange);
    }

.match-row.vertical .bets .col2 .bet,
.site .match-row .bets .col1 .bet,
.site .match-row.vertical .bets .col3 .bet,
.events-date-filter-container .market-filter-cell .market-filter-info {
    -webkit-margin-start: 0 !important;
    margin-left: 0 !important;
}

.site .betslip .tabs {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid hsl(0deg 0% 100% / 14%);
}

.myBets .bet .row .cashout span {
    background-color: var(--button-primary-background);
    color: var(--button-primary-color);
    border-radius: 4px;
    padding: 5px 15px;
}

/*#region top tournament*/
.site .topTours .topTours-banner i.arrow {
    filter: invert(1);
}

.topTours .sports-list-container {
    padding: 0px 5px 5px;
    background: var(--color-secondary-light);
}
/*#endregion*/

/*#region quick bet*/
.bet-selections-list .bet-selection-item {
    background: var(--color-05);
    color: var(--color-black);
}

    .bet-selections-list .bet-selection-item .odds {
        font-size: 12px;
        font-weight: 400;
        color: var(--color-text);
    }

    .bet-selections-list .bet-selection-item .selection-container .info-row .winner {
        font-size: 13px;
        font-weight: 600;
    }
/*#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;
}

.skeleton-loader-title {
    -webkit-margin-start: 10px;
    height: 8px;
    margin-left: 10px;
    max-width: 50%;
    width: 50%;
}

/*#region mobile*/
.mobile .leagues .matchs,
.mobile .live .leagues .matchs {
    padding: 0;
}

.mobile .match-row {
    margin-bottom: 0;
}

    .mobile .match-row .info-content-sidebar {
        justify-content: flex-start;
    }

        .mobile .match-row .info-content i.chronometer,
        .mobile .match-row .info-content-sidebar i.chronometer {
            display: none;
        }

        .mobile .match-row .info-content .info-markets-count,
        .mobile .match-row .info-content-sidebar .info-markets-count,
        .site .builder-bet .match-row .info-content .info-markets-count {
            color: #ccc;
        }


    .mobile .match-row .teams .team-row {
        min-height: 25px;
    }

        .mobile .match-row .teams .team-row span {
            line-height: 25px;
            font-size: 13px;
            font-weight: bold;
            color: var(--color-04);
        }

    .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 .score {
    font-size: 13px;
    color: var(--color-yellow);
}

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

.mobile .match-row .teams {
    -webkit-padding-start: 5px;
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    padding: 5px;
    width: 40%;
}

.mobile .match-row.vertical .teams {
    padding: 5px;
}

.mobile .live .match-row.live.clearfix > div {
    box-sizing: border-box;
}

.mobile .sports .match-row .teams,
.mobile .topTours .match-row .teams,
.mobile .live .upcoming .match-row .teams {
    width: calc(45% - 10px);
}

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

.mobile .match-row .info-more {
    padding-right: 10px;
    width: 5%;
}

.mobile .live .match-row .info-more {
    width: 10%;
}

.mobile .match-row .bets {
    position: relative;
    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 multi-builder*/
.builder-page .banner {
    border-top: 1px solid var(--color-secondary);
}

.builder-bet .builder-bet-container {
    padding: 10px 5px;
    background: #282828;
}

    .builder-bet .builder-bet-container .range-filters .filter-date,
    .builder-bet .builder-bet-container .range-filters .filter-odds,
    .builder-bet .builder-bet-container .range-filters .filter-search {
        background: 0 0;
        border: 1px solid rgba(255,255,255,.6);
    }

.builder-bet .colourSportMenu .sportIcon.active,
.builder-bet .colourSportMenu .sportIcon:hover {
    background: rgba(255, 255, 255, 0.2);
}

.builder-bet .market-filter-container .market-filter .form-control-filter {
    box-shadow: 1px 0 0 0 #282828;
}

.builder-bet .market-options {
    background: #282828;
}

.builder-bet .market-filter-container .market-filter-cell .market-filter-info {
    box-shadow: -1px 0 0 0 #282828;
}

.builder-bet .match-row .info-content,
.builder-bet .match-row .teams,
.builder-bet .match-row .info-more {
    background: rgba(255, 255, 255, 0.1);
}

.builder-bet .match-row {
    margin-bottom: 2px;
}

.site .builder-bet .match-row .info-content .time {
    font-weight: normal;
}

.site .builder-bet .match-row .bets .bet .odds {
    height: 70px;
}

    .site .builder-bet .match-row .bets .bet .odds:not(.selected):hover {
        background-color: var(--color-white-50p);
    }

.site .builder-bet .match-row .bets .col2 .bet {
    width: 135px;
}

.site .builder-bet .match-row .bets .col3 .bet {
    width: 90px;
}

.builder-bet .bets .col3 .bet:nth-child(3n + 3) a,
.builder-bet .bets .col2 .bet:nth-child(even) a {
    border-right: 0;
}

.mobile .builder-bet {
    padding-top: 5px;
}

    .mobile .builder-bet .match-row .teams {
        -webkit-padding-start: 5px;
        align-content: center;
        background: hsla(0,0%,100%,.1) !important;
        display: flex;
        flex-wrap: wrap;
        overflow: hidden;
        padding-bottom: 5px;
        padding-left: 5px;
        padding-top: 5px;
        width: 100%;
    }

    .mobile .builder-bet .match-row .info-more {
        align-items: flex-end;
        background: hsla(0,0%,100%,.1);
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        justify-content: center;
        padding: 0 10px 0 0;
    }

.builder-bet .match-row .info-content {
    margin-top: 0;
    padding: 0;
    background: transparent;
}

.mobile .builder-bet .match-row .bets > div {
    display: flex;
}

.mobile .builder-bet .match-row .info-more,
.mobile .builder-bet .match-row .bets {
    width: auto;
}

    .mobile .builder-bet .match-row .bets > div:before {
        content: unset;
    }

.mobile .banner.builder-bet-banner i.arrow {
    transform: rotate(-90deg);
}
/*#endregion*/

/*#region number-buttons*/
.betslip .summary .number-buttons .number-button.i-1 {
    font-size: 15px;
    font-weight: 500;
    color: #a7a7a7;
    background: rgba(0,0,0,.15);
}

.betslip .summary .number-buttons .number-button.i-2 {
    padding: 0 2px;
    font-size: 14px;
    color: #a7a7a7;
    background: rgba(0,0,0,.25);
    box-sizing: border-box;
}

.betslip .summary .number-buttons .number-button:active {
    color: var(--color-white) !important;
    background-color: var(--color-gold) !important;
}

.betslip .summary .number-buttons img {
    filter: invert(.6);
}
/*#endregion*/

/*#endregion*/

/*#region lc sports */
.site .match-row .live-center,
.mobile .match-row .live-center {
    filter: invert(40%) sepia(138%) saturate(0) hue-rotate(59deg) brightness(130%) contrast(80%);
}

/* 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: var(--color-secondary-light);
}

.root .logo {
    background: var(--color-stats-1);
}

.root .logo-caret:after {
    border-color: var(--color-stats-1) transparent transparent;
}

.root .row.warn,
.root .title {
    color: var(--color-04);
}

.root .info > div {
    background: var(--color-03);
}

.root .info .title {
    width: 80%;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    color: var(--color-text);
    border-bottom: 2px solid var(--color-stats-1);
}

.root .info .content2 a {
    color: #af780f;
}

.root .btnLogout {
    color: var(--color-white);
}

.root .btn,
.root.terms .btn {
    color: var(--color-text);
    background-color: var(--color-yellow);
}
/*#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: var(--color-white);
    border: 1px solid #F6F7F9;
    outline: none;
}

.root.passNew .row.warn {
    font-size: 11px;
}

.root.passNew .btn {
    color: rgb(0,0,0);
}
/*#endregion*/

.site .header .headerMiddle {
    height: 40px;
}

    .site .header .headerMiddle .navigation {
        height: 30px;
    }

    .site .header .headerMiddle .mainLogo {
        bottom: 10px;
    }

.leagues {
    padding-bottom: 1px;
}

/*football*/
.site .contentLeft .sports .leagues.sp-1 .sp-header {
    border-top: 1px solid #408058;
}

/*basketball*/
.site .contentLeft .sports .leagues.sp-2 .sp-header {
    border-top: 1px solid #855800;
}

/*tennis*/
.site .contentLeft .sports .leagues.sp-3 .sp-header {
    border-top: 1px solid #5C8037;
}

/*ice hockey*/
.site .contentLeft .sports .leagues.sp-4 .sp-header {
    border-top: 1px solid #496778;
}

/*american football*/
.site .contentLeft .sports .leagues.sp-5 .sp-header {
    border-top: 1px solid #35713d;
}

/*baseball*/
.site .contentLeft .sports .leagues.sp-7 .sp-header {
    border-top: 1px solid #836859;
}

/*volleyball*/
.site .contentLeft .sports .leagues.sp-8 .sp-header {
    border-top: 1px solid #8F6B41;
}

/*handball*/
.site .contentLeft .sports .leagues.sp-9 .sp-header {
    border-top: 1px solid #24566F;
}

/*table tennis*/
.site .contentLeft .sports .leagues.sp-19 .sp-header {
    border-top: 1px solid #396188;
}

/*football*/
.leagues.sp-1,
.leagues.sp-1 .days-markets-filters .market-options,
.leagues.sp-1 .days-markets-filters .day-options {
    background-image: linear-gradient(160deg,#364D3C 0%, var(--color-secondary-light) 400px);
}

/*basketball*/
.leagues.sp-2,
.leagues.sp-2 .days-markets-filters .market-options,
.leagues.sp-2 .days-markets-filters .day-options {
    background-image: linear-gradient(160deg,#4D4432 0%, var(--color-secondary-light) 400px)
}

/*tennis*/
.leagues.sp-3,
.leagues.sp-3 .days-markets-filters .market-options,
.leagues.sp-3 .days-markets-filters .day-options {
    background-image: linear-gradient(160deg,#3F4D32 0%, var(--color-secondary-light) 400px);
}

/*ice hockey*/
.leagues.sp-4,
.leagues.sp-4 .days-markets-filters .market-options,
.leagues.sp-4 .days-markets-filters .day-options {
    background-image: linear-gradient(160deg,#36444D 0%, var(--color-secondary-light) 400px);
}

/*american football*/
.leagues.sp-5,
.leagues.sp-5 .days-markets-filters .market-options,
.leagues.sp-5 .days-markets-filters .day-options {
    background-image: linear-gradient(160deg,#344D31 0%, var(--color-secondary-light) 400px);
}

/*motor sport*/
.leagues.sp-6,
.leagues.sp-6 .days-markets-filters .market-options,
.leagues.sp-6 .days-markets-filters .day-options {
    background-image: linear-gradient(160deg,#4D2124 0%, var(--color-secondary-light) 400px);
}

/*baseball*/
.leagues.sp-7,
.days-markets-filters .market-options,
.days-markets-filters .day-options {
    background-image: linear-gradient(160deg,#4D3E36 0%, var(--color-secondary-light) 400px);
}

/*volleyball*/
.leagues.sp-8,
.leagues.sp-8 .days-markets-filters .market-options,
.leagues.sp-8 .days-markets-filters .day-options {
    background-image: linear-gradient(160deg,#4D4032 0%, var(--color-secondary-light) 400px);
}

/*handball*/
.leagues.sp-9,
.leagues.sp-9 .days-markets-filters .market-options,
.leagues.sp-9 .days-markets-filters .day-options {
    background-image: linear-gradient(160deg,#36454D 0%, var(--color-secondary-light) 400px);
}

/*rugby union*/
.leagues.sp-10,
.leagues.sp-10 .days-markets-filters .market-options,
.leagues.sp-10 .days-markets-filters .day-options {
    background-image: linear-gradient(160deg,#4F6637 0%, var(--color-secondary-light) 400px);
}

/*rugby league*/
.leagues.sp-11,
.leagues.sp-11 .days-markets-filters .market-options,
.leagues.sp-11 .days-markets-filters .day-options {
    background-image: linear-gradient(160deg,#4F6637 0%, var(--color-secondary-light) 400px);
}

/*boxing*/
.leagues.sp-12,
.leagues.sp-12 .days-markets-filters .market-options,
.leagues.sp-12 .days-markets-filters .day-options {
    background-image: linear-gradient(160deg,#363F4D 0%, var(--color-secondary-light) 400px);
}

/*cricket*/
.leagues.sp-13,
.leagues.sp-13 .days-markets-filters .market-options,
.leagues.sp-13 .days-markets-filters .day-options {
    background-image: linear-gradient(135deg,#474D36 0%, var(--color-secondary-light) 400px);
}

/*darts*/
.leagues.sp-15,
.leagues.sp-15 .days-markets-filters .market-options,
.leagues.sp-15 .days-markets-filters .day-options {
    background-image: linear-gradient(160deg, #4D2725 0%, var(--color-secondary-light) 400px);
}

/*golf*/
.leagues.sp-16,
.leagues.sp-16 .days-markets-filters .market-options,
.leagues.sp-16 .days-markets-filters .day-options {
    background-image: linear-gradient(160deg, #3D4D36 0%, var(--color-secondary-light) 400px);
}

/*snooker*/
.leagues.sp-17,
.leagues.sp-17 .days-markets-filters .market-options,
.leagues.sp-17 .days-markets-filters .day-options {
    background-image: linear-gradient(160deg, #274D33 0%, var(--color-secondary-light) 400px);
}

/*futsal*/
.leagues.sp-18,
.leagues.sp-18 .days-markets-filters .market-options,
.leagues.sp-18 .days-markets-filters .day-options {
    background-image: linear-gradient(160deg,#36434D 0%, var(--color-secondary-light) 400px);
}

/*table tennis*/
.leagues.sp-19,
.leagues.sp-19 .days-markets-filters .market-options,
.leagues.sp-19 .days-markets-filters .day-options {
    background-image: linear-gradient(135deg,#36414D 0%, var(--color-secondary-light) 400px);
}

/*badminton*/
.leagues.sp-20,
.leagues.sp-20 .days-markets-filters .market-options,
.leagues.sp-20 .days-markets-filters .day-options {
    background-image: linear-gradient(160deg, #36484D 0%, var(--color-secondary-light) 400px);
}

/*e-sports*/
.leagues.sp-21,
.leagues.sp-21 .days-markets-filters .market-options,
.leagues.sp-21 .days-markets-filters .day-options {
    background-image: linear-gradient(135deg,#4D4D4D 0%, var(--color-secondary-light) 400px)
}

/*water polo*/
.leagues.sp-22,
.leagues.sp-22 .days-markets-filters .market-options,
.leagues.sp-22 .days-markets-filters .day-options {
    background-image: linear-gradient(160deg, #36424D 0%, var(--color-secondary-light) 400px);
}

/*aussie rules*/
.leagues.sp-26,
.leagues.sp-26 .days-markets-filters .market-options,
.leagues.sp-26 .days-markets-filters .day-options {
    background-image: linear-gradient(160deg,#314D28 0%, var(--color-secondary-light) 400px);
}

/*gaelic football*/
.leagues.sp-29,
.leagues.sp-29 .days-markets-filters .market-options,
.leagues.sp-29 .days-markets-filters .day-options {
    background-image: linear-gradient(160deg, #4A4D37 0%, var(--color-secondary-light) 400px);
}

/*beach volleyball*/
.leagues.sp-31,
.leagues.sp-31 .days-markets-filters .market-options,
.leagues.sp-31 .days-markets-filters .day-options {
    background-image: linear-gradient(160deg, #4D4032 0%, var(--color-secondary-light) 400px);
}

/*netball*/
.leagues.sp-32,
.leagues.sp-32 .days-markets-filters .market-options,
.leagues.sp-32 .days-markets-filters .day-options {
    background-image: linear-gradient(160deg, #4D3B21 0%, var(--color-secondary-light) 400px);
}

/*lacrosse*/
.leagues.sp-33,
.leagues.sp-33 .days-markets-filters .market-options,
.leagues.sp-33 .days-markets-filters .day-options {
    background-image: linear-gradient(160deg, #464D2B 0%, var(--color-secondary-light) 400px);
}

/*horse racing*/
.leagues.sp-38,
.leagues.sp-38 .days-markets-filters .market-options,
.leagues.sp-38 .days-markets-filters .day-options {
    background-image: linear-gradient(160deg, #4D422E 0%, var(--color-secondary-light) 400px);
}

/*politics*/
.leagues.sp-41,
.leagues.sp-41 .days-markets-filters .market-options,
.leagues.sp-41 .days-markets-filters .day-options {
    background-image: linear-gradient(160deg, #17274D 0%, var(--color-secondary-light) 400px);
}

.site .sports .leagues .sp-header {
    background-color: transparent;
}

.site .sports .leagues .events-date-filter-container {
    background-color: var(--color-white-10p);
    color: var(--color-white);
}

.site .sports .leagues .match-row,
.mobile .leagues .match-row {
    border-radius: initial;
    border-top: 1px solid var(--color-white-10p);
}

    .site .sports .leagues .match-row:hover {
        background: none;
    }

    .site .sports .leagues .match-row .info-content {
        width: 80px;
    }

        .site .sports .leagues .match-row .info-content.score-content {
            width: 30px;
        }

.sports .leagues .match-row .info-content,
.sports .leagues .match-row .teams,
.sports .leagues .match-row .info-more,
.mobile .match-row .teams,
.mobile .match-row .info-more,
.mobile .match-row .info-content.score-content {
    background: none !important;
}

.site .sports .leagues .match-row .teams:hover .team-row span {
    color: color(display-p3 .157 1 .733);
}

.mobile .match-row .info-content .score div {
    display: flex;
    height: 25px;
    min-width: 17px;
    align-items: center;
}

    .site .sports .leagues .match-row .info-content .score div span,
    .mobile .match-row .info-content .score div span {
        width: 100%;
        height: 16px;
        line-height: 17px;
        padding: 2px 0;
        font-size: 13px;
        font-weight: 700;
        text-align: center;
        color: #fff;
        background: hsla(0,0%,100%,.1);
        border-radius: 1px;
    }

.site .sports .leagues .match-row .bets {
    position: relative;
}

    .site .sports .leagues .match-row .bets > div::before,
    .mobile .match-row .bets > div::before {
        background-color: var(--color-white-10p);
        bottom: 10px;
        content: "";
        left: -1px;
        position: absolute;
        top: 10px;
        width: 1px;
    }

.site .sports .leagues .match-row .gameGroup:last-of-type .bets > div::before {
    content: unset;
}

.site .sideBlock .sideBlockHead .title {
    font-weight: initial;
}

.site .sideBlock .sideBlockHead {
    background: var(--color-secondary-light);
    border-bottom: 1px solid hsl(0deg 0% 29.8% / 40%);
}

.site .sideBlock.promoContainer .sideBlockHead {
    border: none;
}

.site .sideBlock .sideBlockBody,
.site .sideBlock .sideBlockFooter {
    background: var(--color-secondary-light);
}

.site .sideBlock.promoContainer .sideBlockBody .sideBlockContent {
    background: hsla(0,0%,100%,.07);
}

.bet-selections-list .bet-selection-item {
    background: var(--color-white-07p);
}

.site .sideBlock .sideBlockBody,
.site .sideBlock .sideBlockFooter,
.bet-selections-list .bet-selection-item {
    color: var(--color-white);
}

    .bet-selections-list .bet-selection-item .selection-container .info-row .event-info {
        color: var(--color-04);
    }

    .bet-selections-list .bet-selection-item .odds {
        font-size: 14px;
        color: #FFBF39;
    }

.site .promoContainer .sideBlockBody .txt h3,
.site .promoContainer .sideBlockBody .txt .separator {
    color: var(--color-yellow);
}

.site .topWinner .winners-container .title-container span {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    color: var(--color-04);
}

.site .topWinner .winners-container .row .top-winner-amount {
    color: #FFBF39 !important;
}

.site .topWinner .winners-container .title-container span.label-stake {
    text-align: right;
}

.site .topWinner .winners-container .row {
    border: 0;
    padding: 10px 10px !important;
    background-color: var(--color-white-07p);
}

    .site .topWinner .winners-container .row:hover {
        background: hsla(0, 0%, 100%, 0.1);
    }

        .site .topWinner .winners-container .row:hover .top-winner-info p {
            background: #4c4c4c;
        }

    .site .topWinner .winners-container .row .top-winner-info > div {
        background-image: linear-gradient(164deg, transparent, #ffde00, transparent);
        width: 50px;
    }

    .site .topWinner .winners-container .row .top-winner-info p {
        top: -12px;
        background: #464646;
    }

.site .sports .cont {
    background: var(--color-secondary);
}

    .site .sports .cont .range .range-box .center {
        color: var(--color-white);
        border: 1px solid var(--color-white-10p);
    }

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

.site .sports .range .range-box .left, .site .sports .range .range-box .right {
    background-color: var(--color-secondary);
    font-weight: 700;
}

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

._infos_ {
    width: 24px;
    height: 17px;
    background-size: 17px;
    filter: invert(.8);
}

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

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

.site .sports .cont .sportsList li {
    background-color: var(--color-white-07p);
}

    .site .sports .cont .sportsList li a {
        color: var(--color-03);
        border-bottom-color: hsl(0deg 0% 100% / 7%);
    }

    .site .sports .cont .sportsList li:last-of-type a {
        border-bottom: 0;
    }

.site .sportsList.hasDropdown .hoverable i.arrow {
    filter: invert(1);
    opacity: .4;
}

.site .sports .cont ul li a {
    font-weight: initial;
}

    .site .sports .cont ul li a.selected,
    .site .sports .cont ul li.sel a {
        color: var(--color-white);
        font-weight: 700;
    }

.floating-game-groups {
    color: var(--color-white-15p);
}

.site .event .bets .col1 .bet .odds,
.site .event .bets .col2 .bet .odds,
.site .event .bets .col3 .bet .odds {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    text-align: center;
}

/*#region loader*/
.loader-spinner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 45px;
    height: 45px;
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-left: 2px solid #28ffbb;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-animation: bl-Spinner 0.6s linear infinite;
    -moz-animation: bl-Spinner 0.6s linear infinite;
    -ms-animation: bl-Spinner 0.6s linear infinite;
    -o-animation: bl-Spinner 0.6s linear infinite;
    animation: bl-Spinner 0.6s linear infinite;
}

@keyframes bl-Spinner {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
        -moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(0deg);
        -o-transform: translateX(-50%) translateY(-50%) rotate(0deg);
        transform: translateX(-50%) translateY(-50%) rotate(0deg);
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(360deg);
        -moz-transform: translateX(-50%) translateY(-50%) rotate(360deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(360deg);
        -o-transform: translateX(-50%) translateY(-50%) rotate(360deg);
        transform: translateX(-50%) translateY(-50%) rotate(360deg);
    }
}
/*#endregion*/

/*#region signup*/
.signup {
    background-color: var(--body-background);
}

    .signup .card {
        background: var(--background-secondary);
    }

    .signup h1.heading {
        color: #ffffff;
    }

    .signup .waiting-signup {
        color: var(--button-submit-background);
    }

    .signup .step_title {
        color: #999CA0;
    }

    .signup .input_div .input {
        font-weight: 600;
        background: var(--input-background);
        border-color: var(--input-border);
        color: hsla(0, 0%, 100%, .8);
    }

        .signup .input_div .input::placeholder {
            font-weight: 400;
            color: hsla(0, 0%, 100%, .8);
        }

        .signup .input_div .input:focus-visible,
        .signup ._langs select:focus-visible {
            box-shadow: none;
            outline: 1px solid #28ffbb !important;
        }

        .signup .input_div .input:-webkit-autofill {
            background-color: transparent !important;
            -webkit-box-shadow: 0 0 0px 1000px var(--input-background) inset !important;
            -webkit-text-fill-color: hsla(0, 0%, 100%, .8) !important;
            caret-color: hsla(0, 0%, 100%, .8) !important;
        }

    .signup ._langs select {
        color: hsla(0, 0%, 100%, .8);
        background: var(--input-background);
        border-color: var(--input-border);
    }

    .signup #mainContent {
        background: #ececec;
    }

    .signup input.error,
    .signup input.error:focus {
        outline: 1px solid #e58181;
    }

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

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

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

        .signup .actions .action-button.previous {
            color: var(--button-secondary-color);
            background-color: var(--button-secondary-background);
        }

            .signup .actions .action-button.previous:hover,
            .signup .actions .action-button.previous:active {
                background-color: #282828a3;
            }

    .signup .validationBox {
        background-color: #ff8888;
    }

    .signup center {
        color: #dddfe2;
    }

        .signup center a {
            color: #ffffff !important;
        }

            .signup center a:hover,
            .signup center a:active,
            .forms .footerLinks a:hover,
            .forms .footerLinks a:active {
                color: var(--button-secondary-color) !important;
            }

    .signup .cbx span:first-child {
        border: 1px solid #B9B8C3;
    }

        .signup .cbx span:first-child:before {
            background: #3cb371;
        }

    .signup .cbx span:last-child {
        color: #B9B8C3;
    }

    .signup .form-card .col div {
        color: #B9B8C3;
    }

    .signup .form-card a {
        color: var(--button-secondary-color);
    }

    .signup .colored-text {
        color: #B9B8C3;
    }
/*#endregion*/

/*#region switch connect*/
.switch-connect-wrapper .connect-text {
    color: rgba(255, 255, 255, 0.6);
}

    .switch-connect-wrapper .connect-text:before,
    .switch-connect-wrapper .connect-text:after {
        background: rgba(255, 255, 255, 0.1);
    }

.switch-connect-wrapper .connect-button .btn {
    color: rgba(255, 255, 255, 0.9);
    background: rgba(255, 255, 255, 0.15);
}

    .switch-connect-wrapper .connect-button .btn:focus {
        background: rgba(255, 255, 255, 0.15);
    }

@media (hover: hover) {
    .switch-connect-wrapper .connect-button .btn:hover {
        background: rgba(255, 255, 255, 0.35);
    }
}
/*#endregion*/

/*#region results */
body.results-page {
    color: var(--color-text);
    background-color: var(--body-background);
}

.results-page #headerTop .menu {
    color: var(--color-white);
    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: var(--color-yellow);
    }

.results-page table tbody tr:first-of-type td {
    color: var(--color-white);
    background-color: var(--color-green-light);
}

.results-page .moreOther {
    background: #313131;
}

.results-page .tr_even {
    background-color: var(--color-03);
}

.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: var(--color-text);
    background-color: var(--color-button);
    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;
}

.results-page .other .bg1 {
    color: var(--color-white);
    background-color: var(--color-green-light);
}

.results-page .other .col4 {
    border: 0.5px solid #313131;
}

.results-page .other .col5 {
    border: 0.5px solid #313131;
}
/*#endregion*/

/*#region bootstrap sidebar*/
.bootstrap-iso .navbar,
.bootstrap-iso .sidebar {
    background: var(--color-secondary-light);
}

    .bootstrap-iso .sidebar.show,
    .bootstrap-iso .sidebar.collapsing {
        z-index: 3 !important;
    }

    .bootstrap-iso .sidebar .nav-link {
        color: var(--color-02);
    }

.bootstrap-iso .border-bottom {
    border-bottom-color: hsl(0deg 0% 100% / 14%) !important;
}

.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;
    background-color: var(--color-secondary-light);
}

.site .bootstrap-iso .sidebar {
    padding: 0 !important;
    background: var(--color-secondary);
}

    .site .bootstrap-iso .sidebar .nav-link {
        background-color: var(--color-white-07p);
        color: var(--color-white);
        line-height: 14px;
        border-bottom: 1px solid var(--color-white-07p);
    }

    .site .bootstrap-iso .sidebar span {
        padding-left: 10px;
        height: 30px;
        font-size: 12px !important;
        font-weight: 700;
        color: var(--color-white);
        background: var(--color-secondary-light);
    }

    .site .bootstrap-iso .sidebar .nav-item:hover > .nav-link,
    .site .bootstrap-iso .sidebar .nav-item.active > .nav-link {
        color: var(--color-primary-light);
    }

.burger-bar {
    background-color: var(--color-white) !important;
}
/*#endregion*/

/*#region vue-range-slider*/
.vue-range-slider.slider-component .slider {
    background-color: #5c5c5c;
}

    .vue-range-slider.slider-component .slider .slider-dot {
        background-color: var(--color-yellow);
        box-shadow: 0 0 0 10px rgb(232 151 119 / 20%);
    }

    .vue-range-slider.slider-component .slider .slider-process {
        background-color: var(--color-yellow);
    }
/*#endregion*/

/*#region widget*/
.mobile .footer_games {
    padding: 0;
}

    .mobile .footer_games .tab .inner {
        height: 112px;
        background-color: var(--color-secondary-light);
    }

    .mobile .footer_games .tab .title {
        font-size: 13px;
        color: var(--modal-header-color);
        background-color: hsl(0deg 0% 8.63%);
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .mobile .footer_games .tab .flex {
        background: #161616;
        border-radius: 0;
    }
/*#endregion*/

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

    .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: 5px;
    color: var(--color-text);
    background-color: #404040;
}

    .ticketShare .logo img {
        width: 100px;
    }

    .ticketShare .goHome {
        margin: 20px auto 15px;
        max-width: 160px;
        height: 30px;
        line-height: 30px;
        font-size: 17px;
        color: var(--color-text);
        background-color: var(--color-button);
        border-radius: 4px;
    }

        .ticketShare .goHome:hover,
        .ticketShare .goHome:active {
            background-color: var(--color-button-hover);
        }
/*#endregion*/

/*#region message-box*/
.message-box.message-danger {
    color: #000000;
    background: #fa5d5ddb;
    border-radius: 3px;
}

.message-box.message-success {
    color: var(--color-white);
    background: var(--color-green);
}

.message-box.message-info {
    color: var(--color-white);
    background: var(--color-white-07p);
}

.site .dialog_body .message-box.message-info,
.mobile .table_body .message-box.message-info {
    color: var(--color-black);
}

.betslip .message-box.message-danger {
    display: flex;
    align-items: center;
    justify-content: space-around;
    color: rgba(255,255,255,.9);
    background: rgba(170,127,0,.2);
    border-radius: 4px;
}
/*#endregion*/

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

    .moveToTop:hover {
        background-color: var(--color-green-dark);
    }
/*#endregion */

/*#region error */
.error {
    color: var(--color-text);
    background: #2932430f;
}

.error_text h1 {
    color: var(--color-04);
}

.error_text h2 {
    color: var(--color-04);
}

    .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,
.site .checkScroll::-webkit-scrollbar,
.EventSwitcher_Container::-webkit-scrollbar,
.site .search-panel-content::-webkit-scrollbar {
    width: 13px;
    border-left: 1px solid var(--color-text);
}

body::-webkit-scrollbar-track,
.site .checkScroll::-webkit-scrollbar-track,
.EventSwitcher_Container::-webkit-scrollbar-track,
.site .search-panel-content::-webkit-scrollbar-track {
    background-color: #383838;
    border: none;
}

body::-webkit-scrollbar-thumb,
.site .checkScroll::-webkit-scrollbar-thumb,
.EventSwitcher_Container::-webkit-scrollbar-thumb,
.site .search-panel-content::-webkit-scrollbar-thumb {
    cursor: pointer;
    border-radius: 10px;
    background-color: hsla(0,0%,100%,.2);
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    background-clip: content-box;
}
/*#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);
    }
}

@-webkit-keyframes animated-banner__title-roll {
    100% {
        background-position: 200% center;
    }
}
/*#endregion*/