* {
    -webkit-tap-highlight-color: transparent !important;
}

body.theme-dark {
    --color-01: #ffffff;
    --color-02: #f7f7f7;
    --color-03: #ececec;
    --color-04: #c5c5c5;
    --color-05: #9e9e9e;
    --color-06: #7f8698;
    --color-07: #676f81;
    --color-08: #525c6e;
    --color-09: #3d4658;
    --color-10: #0b1422;
    --color-11: #293243;
    --color-black: #000000;
    --color-lay: #f9abbb;
    --color-back: #63b7f9;
    --color-orange: #e79777;
    --color-orange-dark: #bf4c3a;
    --color-red: #ff1b43;
    --color-green: #347907;
}

:root {
    --color-stats-1: #525c6e;
    --color-stats-2: #bf4c3a;
}

.root {
    background: #303641;
}

    .root .info .content2 h1 {
        background-color: #000;
    }

    .root .row.warn {
        color: #f0f0f1;
    }

    .root .info .title {
        display: inline-block;
        max-width: 94%;
        line-height: 28px;
        padding: 0 10px;
        background-color: #000;
    }

    .root .btnLogout {
        color: #f0f0f1;
    }

.nuxt-progress {
    background-color: var(--color-10);
}

/*#region app.css */

/*#region globals*/

body {
    background-color: #0b1422;
}

.btn_reject {
    color: var(--color-03);
    background-color: var(--color-06);
}

.btn_confirm {
    color: var(--color-02);
    background-color: var(--color-09);
}

.btn_disabled {
    color: var(--color-05);
    background-color: var(--color-07);
}

/*#endregion*/

.overlay {
    background-color: rgba(0, 0, 0, 0.7);
}

.invert {
    -webkit-filter: invert(1);
    filter: invert(1);
}

.site .blur {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
}

/*#region matchID */
.site .content .contentMain > .event.prematchEvent {
    padding: 5px 0;
}

.matchID {
    color: var(--color-02);
    background: var(--color-07);
}

.matchID_inner .vs {
    color: var(--color-04);
}

.matchID_inner .goals {
    background-color: var(--color-06);
}

.matchID_inner .matchDate {
    background-color: var(--color-08);
}

/*#endregion */

/*#region liveCenter */

.liveCenter .stats {
    background-color: var(--color-09);
}

    .liveCenter .stats .charts h2 {
        color: var(--color-4);
    }

/*#endregion*/

/*#region momentum*/
.momentum {
    background-color: var(--color-09);
}

    .momentum .row .info_summary {
        color: #b7b7b7;
    }

    .momentum .row .time {
        color: var(--color-04);
    }

.TopNavContainer {
    background: var(--color-11);
}

    .TopNavContainer .StatButtons_Button {
        color: var(--color-04);
    }

    .TopNavContainer .StatButtons_Button-active {
        border-bottom: 1px solid var(--color-orange-dark);
    }
/*#endregion*/

/*#region betslip*/
.betslip .row.bg {
    background-color: var(--color-09);
}

.betslip .row .confirmation {
    color: var(--color-01);
    background: var(--color-orange-dark);
}

.mobile .betslip .matches {
    max-height: calc(var(--rvh) - 444px);
    overflow: auto;
}

    .mobile .betslip .matches.numPadHidden {
        max-height: calc(var(--rvh) - 279px);
    }

    .mobile .betslip .matches.lower {
        max-height: calc(var(--rvh) - 479px);
    }

    .mobile .betslip .matches.numPadHidden.lower {
        max-height: calc(var(--rvh) - 314px);
    }

    .mobile .betslip .matches.sys {
        max-height: calc(var(--rvh) - 462px);
    }

        .mobile .betslip .matches.sys.lower {
            max-height: calc(var(--rvh) - 497px);
        }

        .mobile .betslip .matches.sys.numPadHidden {
            max-height: calc(var(--rvh) - 297px);
        }

            .mobile .betslip .matches.sys.numPadHidden.lower {
                max-height: calc(var(--rvh) - 332px);
            }

/*2 Tabs*/
.betslip .tabs .tab {
    color: var(--color-01);
    background: var(--color-08);
}

    .betslip .tabs .tab.active {
        background: var(--color-orange);
    }

    .betslip .tabs .tab span b {
        font-size: 11px;
        border-radius: 999px;
        background-color: var(--color-09);
    }

/*#region Bet Slip Tab*/

/*3 BetType Tabs*/
.betslip .betTabs li {
    width: 25%;
}

    .betslip .betTabs li a {
        color: var(--color-03);
        background-color: var(--color-07);
        border-right: 1px solid var(--color-06);
    }

    .betslip .betTabs li.active::after {
        background: var(--color-orange);
    }

    .betslip .betTabs li.disabled a {
        color: var(--color-05);
        background: var(--color-04);
    }

/*Selections*/

.betslip .matches li {
    color: var(--color-09);
}

    .betslip .matches li.disabled {
        color: var(--color-06);
        background-color: var(--color-04) !important;
        border-bottom: 1px solid var(--color-05) !important;
    }

.betslip .matches .left .vs {
    color: var(--color-08);
}

.betslip .matches .right .oddsRmv:active {
    background-color: var(--color-orange);
}

.bankers {
    padding: 0 2px;
    color: var(--color-01);
    background-color: var(--color-08);
}

    .bankers:active {
        background-color: var(--color-orange);
    }

    .bankers.selected {
        background-color: var(--color-orange-dark);
    }

.betslip .matches .right .oddVal {
    padding: 0 2px;
    color: var(--color-01);
    background-color: var(--color-09);
}

.betslip .matches li.disabled .right .oddVal {
    color: var(--color-08);
    background-color: var(--color-05);
}

.betslip .acceptOdds input[type="checkbox"] + label:before {
    border: 0.1em solid var(--color-10);
}

.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-01);
}

.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 .icon {
    color: var(--color-01);
    background-color: var(--color-09);
}

    .betslip .icon:active {
        background-color: var(--color-orange);
    }

.betslip .stake {
    color: var(--color-10);
    border: 1px solid var(--color-08);
}

    .betslip .stake:disabled {
        -webkit-text-fill-color: var(--color-10);
    }

.betslip .numpad .buttons .button .inner {
    color: var(--color-09);
    background-color: var(--color-01);
    border: 1px solid var(--color-04);
}

.betslip .buttons .button:active .inner {
    color: var(--color-01);
    background-color: var(--color-orange);
    border: 1px solid var(--color-orange);
}

.betslip .buttons .button.disabled .inner {
    color: var(--color-05);
    background-color: var(--color-07);
}

.betslip .betStopped .wrapper_in {
    color: var(--color-01);
    border: 2px solid var(--color-orange);
}

/*#endregion*/

/*#region My Bets Tab*/

.myBets {
    color: var(--color-09);
    background-color: var(--color-02);
}

    .myBets .bet {
        border-top: 1px solid var(--color-04);
    }

        .myBets .bet:first-of-type {
            border-top: 0;
        }

        .myBets .bet li {
            border-bottom: 1px dotted var(--color-05);
        }

    .myBets:not(.topwinners) .bet li:nth-last-child(2) {
        border-bottom: 0;
    }

    .myBets .bet .row {
        flex-wrap: wrap;
    }

        .myBets .bet .row .game .tick.tick-won {
            background: var(--color-green);
        }

        .myBets .bet .row .game .tick.tick-half-won {
            background: var(--color-green);
            background: linear-gradient( -45deg, var(--color-green), var(--color-green) 49%, var(--color-08) 51%, var(--color-08) );
        }

        .myBets .bet .row .game .tick.tick-void {
            background: var(--color-08);
        }

        .myBets .bet .row .game .tick.tick-half-lose {
            background: var(--color-08);
            background: linear-gradient( 135deg, var(--color-08), var(--color-08) 49%, var(--color-orange-dark) 51%, var(--color-orange-dark) );
        }

        .myBets .bet .row .game .tick.tick-lose {
            background: var(--color-orange-dark);
        }

        .myBets .bet .row .game .tick.tick-canceled {
            background: #738297;
        }

        .myBets .bet .row .event .name .vs {
            color: var(--color-06);
        }

        .myBets .bet .row .info .time {
            color: var(--color-green);
        }

        .myBets .bet .row .info .result {
            color: var(--color-black);
        }

        .myBets .bet .row .cashout span {
            border: 1px solid;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -o-box-sizing: border-box;
            box-sizing: border-box;
            cursor: pointer;
            overflow: hidden;
            padding: 3px;
            position: relative;
            right: 0;
            -ms-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: var(--color-orange-dark);
            background-color: var(--color-03);
        }

        .myBets .bet .row .cashout:active span {
            color: var(--color-03);
            background-color: var(--color-orange-dark);
        }

    .myBets .bet .summary {
        background: var(--color-04);
    }

        .myBets .bet .summary.lay {
            border-top: 3px solid var(--color-lay);
        }

        .myBets .bet .summary .ticket-type {
            background: var(--color-05);
        }

            .myBets .bet .summary .ticket-type .tooltipText {
                color: var(--color-01);
                background-color: var(--color-08);
            }

                .myBets .bet .summary .ticket-type .tooltipText::after {
                    border-color: transparent var(--color-08) transparent transparent;
                }

    .myBets .bet .left {
        border-right: 1px dashed var(--color-05);
    }

    .myBets .bet .bet-return {
        color: var(--color-orange-dark);
    }

/*#endregion*/

/*#endregion*/

/*#region sports */
.leagues .matchs {
    color: var(--color-09);
    background: var(--color-02);
}

    .leagues .matchs ul li:last-child {
        border-bottom: 0;
    }

.leagues .eventsList-date {
    color: var(--color-03);
    background: var(--color-08);
}

.leagues .matchs ul li,
.leagues .matchs > .event {
    border-bottom: 1px solid var(--color-04);
}

.leagues .matchs .matchInfo a {
    color: var(--color-10);
}

.leagues .matchs .matchInfo .others {
    color: var(--color-07);
}

/*#endregion */

/*#region sportMenu*/

.sportMenu .sportIcon .icon.selected,
.sportMenu .sportIcon.active .icon {
    background-color: var(--color-orange);
}

.sportMenu .sportIcon .icon {
    background: var(--color-01);
}

.sportMenu .sportIcon .name {
    height: 14px;
    font-size: 12px;
    color: var(--color-01);
}

    .sportMenu .sportIcon .icon.skeleton-loader-slider-cube,
    .sportMenu .sportIcon .name.skeleton-loader-text,
    .mobile .leagues .sp-header.skeleton-loader {
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.1));
    }

/*#endregion*/

/*#region Sports Icons*/

.site .sp {
    filter: invert(19%) sepia(9%) saturate(1762%) hue-rotate(181deg) brightness(91%) contrast(94%);
}

    .site .sp.inverse {
        filter: invert(1);
    }

/*#endregion*/

/*#region Casino Page*/

.casino .category {
    background-color: var(--color-09);
}

    .casino .category .btn {
        color: var(--color-01);
    }

    .casino .category .separator {
        background-color: var(--color-08);
    }

    .casino .category .btn.active {
        color: var(--color-orange);
    }

    .casino .category .searchBox {
        background-color: var(--color-02);
    }

        .casino .category .searchBox .searchText {
            background-color: var(--color-01);
        }

.casino .group {
    background-color: var(--color-09);
}

    .casino .group .games .game .name {
        background-color: var(--color-08);
    }

    .casino .group .games .game:active .name {
        background-color: var(--color-orange);
    }

/*#endregion*/

/*#region mch-groups*/

.mch-groups {
    color: var(--color-09);
    background: var(--color-01);
}

    .mch-groups .mch-group.selected {
        color: var(--color-orange-dark);
    }

    .mch-groups .mch-group::after {
        background-color: var(--color-07);
    }

/*#endregion*/

/*#region gameType*/

.gameType li {
    color: var(--color-09);
}

    .gameType li:not(.expanded) {
        border-bottom: 1px solid var(--color-07);
    }

    .gameType li .bet-type {
        color: var(--color-01);
        background: var(--color-08);
    }

    .gameType li.expanded .bet-type {
        /*border-bottom: 1px solid var(--color-04);*/
    }

/*#endregion*/

/*#region bets display-grid fixed width*/
.bets .col2,
.bets .col3 {
    display: grid !important;
    column-gap: 5px !important;
    row-gap: 5px;
    padding-top: 5px;
}

.eventsList-date .bets .col2,
.eventsList-date .bets .col3 {
    row-gap: 0;
    padding: 0;
}

.bets .col3 {
    grid-template-columns: 1fr 1fr 1fr !important;
}

.event .bets .col2 {
    grid-template-columns: repeat(auto-fit, minmax(49%, 1fr)) !important;
}

.event .bets .col3 {
    grid-template-columns: repeat(auto-fit,minmax(32%,1fr)) !important;
}

.bets .col3 .bet,
.bets .col2 .bet {
    width: 100%;
}

.bets .col2 {
    grid-template-columns: 1fr 1fr !important;
}

.site .event .gameType li {
    display: flex;
    flex-direction: column;
}

.event .bets,
.gameGroup .bets,
.mobile .bets {
    padding: 0 5px;
}

.gameType li .bets .bet {
    background: var(--color-02);
}

.bets .col1 .bet {
    padding: 5px 5px 0 5px;
}

    .bets .col1 .bet:last-child {
        padding: 5px;
    }

.bets .bet:not(.skeleton-loader) a {
    background-color: var(--color-01);
    border: 1px solid var(--color-04);
}

.bets .bet a:not(.disabled).selected {
    background-color: var(--color-orange);
    border: 1px solid var(--color-orange);
}

.bets .bet .outcome {
    color: var(--color-08);
}

.bets .bet .price {
    color: var(--color-black);
}

/*Odds Change*/

.bets .bet .oddsChange.up .price {
    color: var(--color-green);
}

.bets .bet .oddsChange.down .price {
    color: var(--color-red);
}

/*#endregion*/

.mobile .leagues .matchs {
    padding: 0;
}

/*#region event */
.event .competition {
    background: var(--color-08);
}

    .event .competition .icon {
        -webkit-filter: invert(1);
        -moz-filter: invert(1);
        -ms-filter: invert(1);
        -o-filter: invert(1);
        filter: invert(1);
    }

        .event .competition .icon:not(.disabled):active {
            background-color: var(--color-orange);
        }

    .event .competition .competitionName {
        border-left: 1px solid var(--color-07);
        border-right: 1px solid var(--color-07);
    }

/*Event Switcher*/

.event .EventSwitsher_overlay {
    background-color: rgba(0, 0, 0, 0.7);
}

.event .EventSwitcher_List {
    background-color: var(--color-03);
}

.event .EventSwitcher_Competition {
    background: var(--color-06);
}

.event .EventSwitcher_Event {
    border-bottom: 1px solid var(--color-04);
}

    .event .EventSwitcher_Event.active:before {
        background-color: var(--color-orange-dark);
    }

    .event .EventSwitcher_Event:hover:before {
        background-color: var(--color-orange);
    }

.event .EventSwitcher_Game .date {
    color: var(--color-07);
}

.event .EventSwitcher_Game .gameItems_item .home,
.event .EventSwitcher_Game .gameItems_item .away {
    color: var(--color-09);
}

.event .EventSwitcher_Game .gameItems_item .res {
    color: var(--color-green);
}

/*#endregion*/

/*#region score-board*/
.prematchEvent .score-board .inner-prematch .vs {
    display: none;
}
/*#endregion*/

/*#region liveCasino */

.liveCasino .txt {
    color: var(--color-10);
}

    .liveCasino .txt.white {
        color: var(--color-01);
    }

    .liveCasino .txt h2 {
        color: var(--color-orange);
    }

    .liveCasino .txt .btn {
        color: var(--color-01);
        background-color: var(--color-orange-dark);
    }

        .liveCasino .txt .btn:hover {
            color: var(--color-10);
            background-color: var(--color-01);
        }

        .liveCasino .txt .btn.white {
            color: var(--color-orange-dark);
            background-color: var(--color-01);
        }

            .liveCasino .txt .btn.white:hover {
                color: var(--color-01);
                background-color: var(--color-11);
            }

.liveCasino .VueCarousel-dot:hover {
    background-color: var(--color-orange) !important;
}

/*header*/

.liveCasino .header .title .count {
    color: var(--color-05);
}

.liveCasino .header .actions .sort li {
    color: var(--color-black);
    background: var(--color-01);
}

    .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-01);
            background-color: var(--color-06);
        }

        .liveCasino .header .actions .sort li ul li.active:before {
            border-left: 3px solid var(--color-orange-dark);
        }

.liveCasino .header .actions .btn_view_all {
    color: var(--color-01);
    background-color: var(--color-orange-dark);
}

    .liveCasino .header .actions .btn_view_all:hover {
        color: var(--color-orange-dark);
        background-color: var(--color-01);
    }

/*cards*/

.liveCasino .cards .card .inner a {
    background: var(--color-11);
}

    .liveCasino .cards .card .inner a .overlay {
        background-color: rgba(191, 76, 58, 0.8);
    }

    .liveCasino .cards .card .inner a .game_table {
        color: var(--color-01);
        background: var(--color-orange);
    }

    .liveCasino .cards .card .inner a .game_name {
        color: var(--color-01);
    }

.casinoBanner .inner .button {
    color: var(--color-white);
    background-color: var(--color-red);
    opacity: 0.8;
}

    .casinoBanner .inner .button:hover,
    .casinoBanner .inner .button:active {
        opacity: 1;
    }

/*#endregion*/

/*#region Forms Page (login-register)*/
.forms.login {
    padding: 0;
    color: var(--color-01);
    background-color: #293243;
}

.forms {
    padding: 10px;
    color: var(--color-10);
    background-color: var(--color-02);
}

    .forms .sectionTitle {
        border-bottom: 1px solid var(--color-04);
    }

    .forms.login .fields .icon {
        width: 35px;
        height: 35px;
        background-color: var(--color-09);
    }

        .forms.login .fields .icon img {
            margin: 8px auto;
            filter: invert(1);
        }

    .forms.login .fields input {
        border: 1px solid var(--color-10);
    }

    .forms .fields input,
    .forms .fields select {
        color: var(--color-10);
        border: 1px solid var(--color-04);
    }

        .forms .fields input[type="checkbox"] + label:before {
            border: 0.1em solid var(--color-10);
        }

        .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-01);
        }

        .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 {
        width: 100%;
        border-radius: 0;
    }

        .forms .fields .buttons input:active {
            color: var(--color-01);
            background-color: var(--color-orange-dark);
        }

    .forms .fields .buttons .login {
        background-color: var(--color-orange);
        border: 1px solid var(--color-orange-dark);
    }

    .forms .fields .buttons .cancel {
        background-color: var(--color-01);
    }

    .forms .fields .footerLinks a {
        color: var(--color-08);
    }

/*#endregion */

/*#region user*/

.user .removeBonus {
    height: 20px;
    border: none;
    color: #333333;
    background-color: var(--color-orange);
}

.user input.bonusAdd {
    color: var(--color-orange-dark);
    border: 1px solid var(--color-orange-dark);
}

    .user input.bonusAdd:hover {
        color: var(--color-03);
        background: var(--color-orange-dark);
        border: 1px solid var(--color-orange-dark);
    }
/*filters*/
.user .filters input,
.user .filters select,
.__row_filters .v-select .vs__dropdown-menu {
    color: var(--color-10);
    background-color: var(--color-01);
}

    .user .filters button.submit,
    .user .filters input[type="submit"] {
        color: var(--color-orange-dark);
        background-color: var(--color-01);
    }

        .user .filters button.submit:active,
        .user .filters input[type="submit"]:active {
            color: var(--color-01);
            background-color: var(--color-orange-dark);
        }

        .user .filters button.submit.search {
            color: var(--color-01);
            background-color: var(--color-orange);
        }

            .user .filters button.submit.search:active,
            .site .user .filters button.submit.search:hover {
                background-color: var(--color-orange-dark);
            }

/*self-exclusion*/
.self-exclusion .exclusion-container {
    background-color: #c5c5c5;
}

.self-exclusion .radioElement {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: var(--color-09);
}

    .self-exclusion .radioElement:hover {
        border-color: var(--color-10);
        box-shadow: 0 0 15px rgba(4, 109, 246, 0.25);
    }

.self-exclusion button.submit {
    color: var(--color-01);
    background-color: var(--color-orange);
    border: 1px solid var(--color-orange);
}

    .self-exclusion button.submit:active,
    .self-exclusion button.submit:hover {
        color: var(--color-01);
        background-color: var(--color-orange-dark);
        border-color: var(--color-orange-dark);
    }

/*profile*/
.user .balance .fields .row,
.user .profile .fields .row {
    border-bottom: 1px dashed var(--color-04);
}

.user .forms.password .fields input {
    border-radius: 2px;
}

    .user .forms.password .fields input.login {
        color: var(--color-01);
        background-color: var(--color-orange);
    }

        .site .user .forms.password .fields input.login:hover,
        .user .forms.password .fields input.login:active {
            background-color: var(--color-orange-dark);
        }

.dialog .settings .option select {
    border: 1px solid rgb(197 197 197);
    border-radius: 2px;
}

/*table*/
.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_header {
    background-color: var(--color-09);
}

    .user .table_header .btn:hover {
        background-color: var(--color-orange-dark);
    }

.user .table_subheader {
    background-color: var(--color-08);
}

.user .table-responsive table tr th {
    border-right: 1px solid var(--color-07);
}

.user .table-responsive .table-bordered td {
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    border-right: 1px solid var(--color-03);
}

    .user .table-responsive table tr th:last-child,
    .user .table-responsive .table-bordered td:last-child {
        border-right: 0;
    }

.user .table-responsive table:not(.summary) .ticket:hover td {
    border-color: #dbdada;
}

.user ._anchor {
    color: #333;
}

.user .table_body {
    color: var(--color-10);
    background-color: var(--color-02);
}

    .user .table_body span {
        border-right: 1px solid var(--color-03);
    }

    .user .table_body .ticket {
        border-bottom: 1px solid var(--color-03);
    }

        .user .table_body .ticket:nth-child(odd) {
            background-color: var(--color-01);
        }

.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 {
    background: var(--color-lay);
}

.user .ticket i.back,
.user .ticket .ticket_preview i.back {
    background: var(--color-back);
}

.user .ticket_details {
    background-color: var(--color-01);
    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-03);
        }

/*#region support*/
.resolutions {
    background-color: #1a253a;
}

    .resolutions ._header {
        background-color: #293243;
    }

    .resolutions .user-container {
        color: rgba(255, 255, 255, 0.9);
    }

    .resolutions .wrapper {
        background: #0b142240;
    }

.site .resolutions {
    color: rgb(17, 17, 17);
    background-color: #1a253a;
}

.mobile .resolutions,
.resolutions.mobile {
    color: rgb(17, 17, 17);
    background-color: #1a253a;
}

.resolutions .user.support_tickets {
    background: #ffffff;
}

    .resolutions .user.support_tickets .table_header {
        color: var(--color-01)
    }

.resolutions._mobile .support_tickets .filters input[type="text"] {
    color: #adb4c2;
    background: rgb(36 44 57);
}

.resolutions .support_tickets .filters input[type="submit"] {
    border: 1px solid;
    font-weight: 700;
}

.resolutions._pc .support_tickets .filters input[type="submit"]:hover {
    color: var(--color-03);
    background: var(--color-orange-dark);
}

.resolutions .support_tickets .filters select {
    color: rgb(17, 17, 17);
    background: rgb(0 0 0 / 10%);
}

.resolutions .support_tickets .table_body .ticket {
    border-bottom: 1px solid #c7c7c7;
    border-left: 1px solid #c7c7c7;
    border-right: 1px solid #c7c7c7;
}

.resolutions .support_tickets .table-responsive table tr th {
    background: #e5e5e5;
    border-right: 1px solid #c3c2c2;
}

.resolutions .user .table_subheader {
    color: rgb(17, 17, 17);
    border-left: 1px solid #c7c7c7;
    border-right: 1px solid #c7c7c7;
}

.resolutions .user .table_body {
    background: #ffffff;
}

.resolutions._mobile .menu-item.nuxt-link-exact-active.nuxt-link-active {
    color: var(--color-orange-dark);
}

.dispute_button svg {
    fill: var(--color-orange-dark);
    background: var(--color-03);
}

.site .dispute_button:hover svg,
.user .dispute_button:active svg {
    background: #ded5d5;
}

.resolutions .user-info img,
.resolutions .home-btn svg,
.resolutions .logout-btn svg {
    -webkit-filter: invert(0.8);
    filter: invert(0.8);
}

.resolutions .logout-btn:hover svg,
.resolutions .home-btn:hover svg {
    -webkit-filter: invert(1);
    filter: invert(1);
}
/*#endregion*/

.user .table_body tr {
    border-bottom: 1px solid var(--color-03);
}

.user .expanded .selections .selection {
    border-bottom: 1px solid var(--color-03);
}

.user .ticket_details .recap > .row {
    border-bottom: 1px dotted var(--color-04);
}

    .user .ticket_details .recap > .row > .col:nth-child(odd) {
        border-right: 1px dotted var(--color-04);
    }

/*#region pagination*/
.pagination {
    background: #242c39;
}

    .pagination .perPage {
        color: var(--color-01);
    }

        .pagination .perPage b,
        .pagination ul li a {
            color: var(--color-orange);
        }

    .pagination ul li.active,
    .pagination ul li:not(.disabled):hover,
    .pagination ul li:active {
        background: rgba(0, 0, 0, 0.2);
    }
/*#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-orange-dark);
}

/*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 {
    background-color: var(--color-09);
}

    .dialog .header .icon {
        border-left: 1px solid var(--color-08);
    }

        .dialog .header .icon:active {
            background-color: var(--color-08);
        }

.dialog .myBets .cashout {
    background: var(--color-03);
}

    .dialog .myBets .cashout .cashoutMessage {
        color: var(--color-07);
    }

    .dialog .myBets .cashout .cashoutAmount {
        color: var(--color-green);
    }

        .dialog .myBets .cashout .cashoutAmount span {
            color: var(--color-07);
        }

.dialog .myBets .cashoutButtons .btn:not(.btn_disabled):active {
    color: var(--color-01);
    background-color: var(--color-orange);
}

.dialog .myBets .cashoutButtons .btn_disabled {
    color: var(--color-05);
    background-color: var(--color-04);
}

/*#endregion */

/*#region modal*/
.modal .bg-primary-dark {
    background-color: #4b5563 !important;
}
/*endregion*/

/*#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% !important;
    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: 70%;
    max-width: 70%;
    height: 8px !important;
    -webkit-margin-start: 5px !important;
    margin-inline-start: 5px !important;
}

/*#region mobile.css */

/*#region globals */
.mobile {
    color: var(--color-01);
    background-color: var(--color-10);
}

    .mobile .offline-ui {
        background: var(--color-orange-dark);
    }

    .mobile .mainHeader .menu .page .logo img {
        height: auto;
    }

    .mobile .footer_links li a img {
        filter: invert(100%);
    }

    .mobile .bets .bet a {
        height: 45px;
    }

    .mobile .match-row .bets .bet .odds.skeleton-loader-flag {
        height: 45px;
    }

    .mobile .bets .bet .outcome {
        line-height: 26px;
    }

    .mobile .bets .bet .price {
        /*line-height: 16px;*/
    }

    .mobile .content .btn.ticketHistory {
        margin: 10px auto 0;
        width: 80%;
        height: 45px;
        line-height: 45px;
        color: var(--color-01);
        background-color: var(--color-09);
        border-radius: 3px;
    }

        .mobile .content .btn.ticketHistory span img {
            margin-left: 5px;
            height: 14px;
            -webkit-filter: invert(1);
            filter: invert(1);
            vertical-align: middle;
        }

    .mobile .settings .option {
        padding: 20px 0;
        border-bottom: 1px solid var(--color-08);
    }

        .mobile .settings .option select {
            width: 50%;
            border: 1px solid var(--color-04);
        }
    /*#endregion */

    /*#region header*/
    .mobile .mainHeader {
        background: var(--color-09);
    }

        .mobile .mainHeader .menu .page {
            color: var(--color-01);
        }

            .mobile .mainHeader .menu .page:active,
            .mobile .mainHeader .menu .page.selected {
                color: var(--color-orange);
            }

        .mobile .mainHeader .menu ._subButton.nuxt-link-active {
            color: var(--color-orange);
        }

        .mobile .mainHeader .menu .myBetsCounter {
            color: #ffffff;
            background-color: var(--color-orange-dark);
        }

        .mobile .mainHeader .menu .selected .myBetsCounter {
            background-color: var(--color-orange);
        }

        .mobile .mainHeader .links {
            background: var(--color-10);
        }

            .mobile .mainHeader .links a {
                color: var(--color-01);
                background-color: var(--color-08);
            }

                .mobile .mainHeader .links a:active {
                    background-color: var(--color-orange-dark);
                }

                .mobile .mainHeader .links a.selected::before {
                    border-left-color: var(--color-10);
                }

.fill-brand {
    fill: var(--color-01);
}

.mobile .mainHeader .links a._anchor_member {
    background-image: radial-gradient(50.75% 170.25% at 87.06% 148.55%, rgb(61 70 88) 0%, rgba(35, 238, 136, 0) 100%);
}

    .mobile .mainHeader .links a._anchor_member span {
        font-size: 12px;
        color: var(--color-orange);
    }
/*#endregion */

/*#region nav_top_menu*/
.nav_top_menu ._lines span {
    background-color: var(--color-orange);
}
/*#endregion*/

/*#region footer*/
.mobile .footer_links li a {
    color: var(--color-01);
}

.mobile .footer_text {
    color: var(--color-01);
}

.mobile .footer a {
    color: var(--color-orange);
}

.mobile .footer .footerDevider {
    background-color: var(--color-11);
}
/*#endregion */

.mobile .leagues .liTou {
    border-bottom: 1px solid var(--color-07);
}

    .mobile .leagues .liTou .league .more {
        filter: invert(.9);
    }

.mobile .leagues .league {
    color: var(--color-03);
    background-color: var(--color-08);
}

.mobile .liveCenter {
    background-color: var(--color-03);
}

    .mobile .liveCenter .stats .inner > .row {
        border-bottom: 1px solid var(--color-08);
    }

.liveCenter .pitch .state .info .text span.action {
    color: var(--color-01);
}
/*#endregion */

.mobile .gameType li {
    background-color: var(--color-02);
}

/*#region betslip*/
.mobile .betslipCont {
    background-color: rgba(0,0,0,.4);
    top: 0;
    left: 0;
    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-11);
    }

    .mobile .betslip .matches li {
        background-color: var(--color-03);
        border-bottom: 1px solid var(--color-04);
    }

    .mobile .betslip .summary {
        border-top: 1px solid var(--color-04);
    }

    .mobile .betslip .buttons .button .btnReuse {
        color: var(--color-03);
        background-color: var(--color-06);
    }

        .mobile .betslip .buttons .button .btnReuse:active {
            color: var(--color-01);
            background-color: var(--color-orange);
        }

    .mobile .betslip .buttons .button .btnDone {
        color: var(--color-02);
        background-color: var(--color-09);
    }

        .mobile .betslip .buttons .button .btnDone:active {
            color: var(--color-01);
            background-color: var(--color-orange);
        }

.mobile .betslipFooter .button {
    color: var(--color-02);
    background-color: var(--color-orange-dark);
}

    .mobile .betslipFooter .button .number {
        background: var(--color-10);
    }
/*#endregion */

.mobile .mch-groups {
    color: var(--color-09);
    background: var(--color-01);
}

/*#region Sports Page*/
.mobile .leagues .sp-header {
    background: var(--color-09);
}

.mobile .leagues .banner {
    background: var(--color-09);
    height: 40px;
    line-height: 40px;
}

.mobile .leagues .sp-header .sortGames {
    border-right: 1px solid var(--color-08);
}

    .mobile .leagues .sp-header .sortGames:active {
        background-color: var(--color-orange);
        border-right: 1px solid var(--color-orange);
    }

.mobile .leagues .sp-header .icon-topTours, .mobile .leagues .sp-header .icon-topLeagues {
    width: 40px;
    height: 40px;
    border-right: 1px solid rgba(201, 166, 166, 0.16863);
}

    .mobile .leagues .sp-header .icon-topLeagues i {
        top: -1px !important;
        padding: 2px 5px !important;
        background-size: 80% !important;
        -webkit-filter: invert(1);
        filter: invert(1);
    }

    .mobile .leagues .sp-header .icon-topTours .sp.sp0 {
        position: relative;
        top: -1px;
        padding: 9px 5px;
        background-position: 6px 3px;
        background-size: 23em 6em;
        font-size: 22px;
        filter: invert(1);
        width: 30px;
    }
/*#endregion*/

/*#region Live*/
.mobile .live .leagues .league {
    font-size: 10px;
    color: var(--color-03);
    background-color: var(--color-08);
}

.mobile .live .leagues .matchs {
    padding: 0;
}

.mobile .live .leagues .liTou .matchs .goals {
    color: var(--color-green);
}

.mobile .live .leagues .matchs .goals {
    width: 10%;
    float: left;
    padding: 5px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    color: var(--color-green);
}

    .mobile .live .leagues .matchs .goals > div {
        font-size: 13px;
        font-weight: 700;
        line-height: 15px;
    }

.mobile .live .floating-game-groups {
    width: 50%;
    color: hsla(0,0%,100%,.6);
}

.mobile .live .match-row .bets {
    width: 50%;
}
/*#endregion*/

/*#region Home Page*/
.mobile .home .highlights {
    background: var(--color-11);
}

    .mobile .home .highlights .leagues .league {
        border-bottom: 1px dashed var(--color-05);
    }

    .mobile .home .highlights .leagues .matchs .matchInfo {
        border-bottom: 1px dashed var(--color-05);
    }

    .mobile .home .highlights .fixture {
        min-width: 220px;
    }

    .mobile .home .highlights .leagues .league {
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
    }

    .mobile .home .highlights .leagues .matchs {
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px;
    }

    .mobile .home .highlights .leagues .match-row {
        display: block;
        margin: 0;
        border-radius: 0;
        border-bottom: 0;
    }

        .mobile .home .highlights .leagues .match-row .teams {
            padding: 5px 10px;
            background: #f7f7f7;
            border-bottom: 1px dashed var(--color-05);
        }

    .mobile .home .highlights .leagues .bets {
        background: #f7f7f7;
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px;
    }

        .mobile .home .highlights .leagues .bets .col3 .bet {
            max-width: 65px;
        }

        .mobile .home .highlights .leagues .bets .col2 .bet {
            max-width: 100px;
        }

.mobile .home .live .header {
    color: var(--color-01);
    background-color: var(--color-orange-dark);
}

    .mobile .home .live .header .text .count {
        background: var(--color-10);
    }

.mobile .home .live .footer {
    color: var(--color-01);
    background-color: var(--color-09);
}
/*#endregion*/

.mobile .infoPage {
    color: var(--color-09);
    background-color: var(--color-02);
}

.mobile .register .fields .confirmation a {
    color: var(--color-orange-dark);
}

/*#region dialog*/
.mobile .dialog.dBetslip .header .number {
    background: var(--color-10);
}
/*#endregion*/

/*#endregion */

/*#region site/Styles.css */
/*#region globals*/
.site {
    color: var(--color-01);
    background-color: var(--color-10);
}

    .site a, .site input {
        color: var(--color-orange);
    }

    .site .body .content {
        background: rgba(11, 20, 35, 0.7);
    }
    /*#endregion*/

    /*#region header*/
    .site .header .wrap {
        background-color: #293243;
    }

    .site .header .headerTop .loginBlock .announcement img {
        -webkit-filter: invert(0.8);
        filter: invert(0.8);
    }

    .site .header .headerMiddle .navigation {
        padding-left: 220px;
    }
    /* headerTop */
    .site .header .headerTop .loginBlock .lostPass {
        color: var(--color-01);
    }

        .site .header .headerTop .loginBlock .lostPass:hover {
            color: var(--color-orange);
        }

    .site .header .headerTop .loginBlock input.txtUsername, .site .header .headerTop .loginBlock input.txtPassword {
        color: var(--color-05);
    }

    .site .header .headerTop .loginBlock .loginButton {
        min-width: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 15px;
        color: var(--color-01);
        background: var(--color-07);
    }
    /*loggedIn*/
    .site .header .headerTop .loginBlock > * {
        color: var(--color-01);
    }

    .site .header .headerTop .loginBlock .registerButton, .site .header .headerTop .loginBlock .depositButton {
        color: var(--color-orange);
    }

    .site .header .headerTop .loginBlock .headerNavDivider {
        background: var(--color-07);
    }

    .site .header .headerTop .loginBlock .orangeText {
        color: var(--color-orange);
    }

    .site .header .headerTop .loginBlock .announcement .msgBox {
        background-color: var(--color-orange);
    }

    .site .header .headerTop .loginBlock > .userAccount li a {
        color: var(--color-01);
    }

    .site .header .headerTop .loginBlock > .userAccount span:after {
        border-top-color: #ffffff;
    }
    /* first level */
    .site .header .headerTop .loginBlock > .userAccount > ul > li:hover > a, .site .header .headerTop .loginBlock > .userAccount > ul:not(:hover) > li.active > a {
        color: #ffffff;
        background: #676f81;
    }

    .site .header .headerTop .loginBlock > .userAccount > ul > li:hover span:after, .site .header .headerTop .loginBlock > .userAccount > ul:not(:hover) > li.active span:after {
        border-top-color: #ffffff;
    }
    /* second level */
    .site .header .headerTop .loginBlock > .userAccount li ul a {
        color: var(--color-09);
        background-color: var(--color-02);
        border-bottom: 1px solid var(--color-04);
    }

        .site .header .headerTop .loginBlock > .userAccount li ul a:hover {
            color: var(--color-01);
            background: var(--color-07);
        }
    /*headerMiddle*/
    .site .header .headerMiddle .navigation .navLink {
        color: var(--color-01);
    }

        .site .header .headerMiddle .navigation .navLink:hover, .site .header .headerMiddle .navigation .navLink.selected {
            color: var(--color-orange);
        }

    .site .header .headerMiddle .langSelector span:after {
        border-top-color: rgba(21, 37, 83, 0.7);
    }
    /*#region langSelector and themeSelector*/
    .site .header .headerMiddle .langSelector {
        position: absolute;
        top: 14px;
        right: 0;
    }

    .site .header .fixed .headerMiddle .langSelector, .site .header .fixed .headerMiddle .themeSelector {
        top: 0;
    }

    .site .header .headerMiddle .langSelector > a, .site .header .headerMiddle .themeSelector > a {
        display: none;
    }

    .site .header .headerMiddle .langSelector ul li, .site .header .headerMiddle .themeSelector ul li {
        position: relative;
        z-index: 10;
        list-style: none;
    }

    .site .header .headerMiddle .langSelector li a, .site .header .headerMiddle .themeSelector li a {
        display: block;
    }

    .site .header .headerMiddle .langSelector span {
        display: inline-block;
        text-align: left;
        padding: 0 5px;
    }

        .site .header .headerMiddle .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 .headerMiddle .langSelector > ul, .site .header .headerMiddle .themeSelector > ul {
        height: 100%;
        display: inline-block;
        vertical-align: middle;
    }

        .site .header .headerMiddle .langSelector > ul > li > a, .site .header .headerMiddle .themeSelector > ul > li > a {
            height: 100%;
            padding: 0 10px;
            font-size: 12px;
            line-height: 27px;
            text-align: center;
            cursor: pointer;
        }

        .site .header .headerMiddle .themeSelector > ul > li > a {
            padding: 0;
        }

        .site .header .headerMiddle .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 .headerMiddle .langSelector li ul, .site .header .headerMiddle .themeSelector li ul {
        position: absolute;
        top: 100%;
        right: 0;
    }

        .site .header .headerMiddle .langSelector li ul.otherDates {
            right: 0;
        }

        .site .header .headerMiddle .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 .headerMiddle .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 .headerMiddle .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-01);
        background: var(--color-07);
    }
    /* second level */
    .site .header .headerMiddle .langSelector li ul li a {
        color: var(--color-09);
        background-color: var(--color-02);
        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-01);
        background: var(--color-07);
    }
    /*Header Bottom*/
    .site .header .headerBottom {
        background: var(--color-01);
    }

        .site .header .headerBottom a, .site .header .headerBottom .btn {
            color: var(--color-10);
        }

        .site .header .headerBottom .headerNavDivider {
            border-left: 1px solid var(--color-07);
        }
        /* OddsMode Menu */
        .site .header .headerBottom .optionSelector span:after {
            border-top-color: var(--color-01);
        }
        /* second level */
        .site .header .headerBottom .optionSelector li ul li a {
            color: var(--color-09);
            border-bottom: 1px solid var(--color-03);
            background-color: var(--color-02);
        }

        .site .header .headerBottom .optionSelector li ul a:hover, .site .header .headerBottom .optionSelector li ul a.sel {
            color: var(--color-01);
            background: var(--color-09);
        }
    /*#endregion*/

    /*#region content*/
    .site .content .contentMain .noMoreActive {
        color: var(--color-10);
        background: var(--color-01);
    }

        .site .content .contentMain .noMoreActive .btn {
            color: var(--color-04);
            background: var(--color-10);
        }

            .site .content .contentMain .noMoreActive .btn:hover {
                color: var(--color-03);
                background: var(--color-orange-dark);
            }

    .site .content .contentMain > .sports .leagues {
        background: rgba(11, 20, 35, 0.7);
    }
/*#endregion*/

/*#region slides*/
.VueCarousel-slide .play-now {
    bottom: 25px;
    border-radius: 50px;
    color: var(--color-01);
    background: var(--color-orange);
    border: 1px solid var(--color-orange);
    box-shadow: 0 5px 10px #000;
}

    .VueCarousel-slide .play-now:hover {
        background: var(--color-orange-dark);
        border: 1px solid var(--color-orange-dark);
    }

.mobile .home .carousel .VueCarousel-slide {
    position: relative;
}
/*#endregion*/

/*#region sports */
.site .sports .header_asian {
    color: var(--color-01);
    background: var(--color-09);
}

    .site .sports .header_asian.day-header {
        line-height: 25px;
    }

    .site .sports .header_asian .menu-item:nth-child(even) {
        background: var(--color-08);
    }

    .site .sports .header_asian .bottomBorder.bottomSport {
        background: var(--color-09);
    }

    .site .sports .header_asian .bottomBorder.bottomMarket {
        background: var(--color-08);
    }

/*cont*/
.site .sports .cont {
    color: var(--color-09);
    background: var(--color-01);
}

    .site .sports .cont .topTours-banner {
        padding-left: 0;
    }

        .site .sports .cont .topTours-banner .name {
            text-indent: 0;
        }

.site ._sports_ {
    width: 25px;
    height: 20px;
    background-size: 20px;
    filter: invert(1);
}

._infos_ {
    width: 24px;
    height: 17px;
    background-size: 17px;
    filter: invert(.8);
}

.site .topTours-banner i.highlights {
    position: relative;
    top: 0;
    display: inline-block;
    padding: 4px;
    width: 1em;
    height: 1em !important;
    font-size: 22px;
    background-image: url(/images/sports_sprite.svg);
    background-position: 7px -5px;
    background-size: 16em 5em;
    filter: invert(1);
}

.site .sports .banner,
.site .sports .cont .topTours-banner {
    color: var(--color-01);
    background: var(--color-09);
}

.site .banner .sp.live {
    animation: pulsegreen 1s infinite;
    background: none;
    filter: none;
}

.site .sports .icon-topTours i {
    position: relative;
    top: 0px;
    padding: 4px;
    width: 1em;
    background-position: 7px -5px;
    background-size: 16em 5em;
    filter: invert(1);
}

.site .sports .cont ul li a {
    color: var(--color-09);
    border-bottom: 1px solid var(--color-03);
}

    .site .sports .cont ul li a.selected, .site .sports .cont ul li.sel a {
        color: var(--color-orange-dark);
    }

.site .sports .cont ul li.disabled a {
    background: var(--color-04);
    border-bottom: 1px solid var(--color-05);
}

.site .sports .cont .count {
    color: var(--color-06);
}

    .site .sports .cont .count.live {
        color: var(--color-green);
    }
/*sportsList*/
.site .sports .cont .sportsList > li > a {
    height: 29px;
    line-height: 29px;
}
/*categoriesList*/
.site .sports .cont .categoriesList > li > a {
    line-height: 26px;
    background: var(--color-02);
    border-bottom: 1px solid var(--color-03);
}
/*tournamentsList*/
.site .sports .cont .tournamentsList a {
    line-height: 12px;
    background: var(--color-04);
    border-bottom: 1px solid var(--color-05);
}

.site .sports .cont .tournamentsList li:last-child a {
    border-bottom: 0;
}

.site .highlightsContainer h2,
.site h4 {
    margin: 0 5px 5px;
}

    .site .highlightsContainer h2 .header,
    .site h4 .header {
        color: var(--color-orange);
    }

    .site .highlightsContainer h2 .noEvents {
        color: var(--color-10);
        background-color: var(--color-01);
    }

.site .sports + .sports {
    border-top: 1px solid var(--color-10);
}

.site .leagues .sp-header {
    background-color: var(--color-11);
}

.site .leagues .close:hover {
    background-color: var(--color-08);
}

.site .leagues .liTou {
    border-bottom: 1px solid var(--color-11);
}

.site .leagues .league {
    color: var(--color-01);
    background-color: var(--color-09);
}

.site .leagues .matchInfo .timeScore {
    border-right: 1px solid var(--color-03);
}

    .site .leagues .matchInfo .timeScore .time.green {
        color: var(--color-green);
    }

    .site .leagues .matchInfo .timeScore .minute {
        color: var(--color-green);
    }

.site .leagues .matchInfo .score > span {
    color: var(--color-orange-dark);
}

.site .leagues .matchInfo .event:hover .teams {
    color: var(--color-orange-dark);
}

.site .leagues .matchInfo .event .vs {
    color: var(--color-07);
}

.site .leagues .matchInfo .icons .live-center.selected,
.site .leagues .matchInfo .icons .live_stream.selected {
    -webkit-filter: invert(13%) sepia(19%) saturate(6392%) hue-rotate(20deg) brightness(95%) contrast(91%);
    filter: invert(13%) sepia(19%) saturate(6392%) hue-rotate(20deg) brightness(95%) contrast(91%);
}

.upcoming-header {
    color: var(--color-orange);
    text-transform: capitalize;
}

.more-upcoming {
    color: #ececec;
    background-color: #7f86986b;
    border-top: 1px solid #7f86986b;
}

    .more-upcoming:active {
        color: var(--color-01);
        background-color: var(--color-orange);
        border-top: 1px solid var(--color-orange);
    }
/*#region daterange */
.site .sports .range {
    margin: 5px;
    color: var(--color-01);
}

    .site .sports .range .range-box .left {
        background-color: var(--color-09);
    }

    .site .sports .range .range-box .center {
        background-color: var(--color-08);
    }

    .site .sports .range .range-box .right {
        background-color: var(--color-09);
    }

    .site .sports .range .range-box > div:not(.center):hover {
        background-color: var(--color-orange-dark);
    }

    .site .sports .range .inner {
        top: 25px;
    }

        .site .sports .range .inner.left {
            left: 0;
        }

        .site .sports .range .inner.right {
            right: 0;
        }

        .site .sports .range .inner .item {
            background-color: var(--color-08);
        }

            .site .sports .range .inner .item + .item {
                border-top: 1px solid var(--color-07);
            }

            .site .sports .range .inner .item:hover {
                background-color: var(--color-orange-dark);
            }
/*#endregion */
/*#endregion*/

/*#region days-markets-filters*/
.days-markets-filters .market-filter .form-control-filter {
    background: rgba(255, 255, 255, 0.05);
}

.days-markets-filters .market-options,
.days-markets-filters .day-options {
    background: rgb(19 29 44);
}

.days-markets-filters .sortGames {
    border-right: 1px solid rgba(255, 255, 255, .1);
}

.site .time-filter {
    box-shadow: 1px 0 0 0 rgba(11, 20, 35, 0.7);
}

.time-filter .cur-ne {
    color: var(--color-orange);
}

.day-options .eventsCounter {
    color: var(--color-04);
}

.day-options .disabled p,
.day-options .disabled .eventsCounter {
    color: var(--color-07) !important;
}

.days-markets-filters .form-control-label,
.mobile .days-markets-filters .form-control-select,
.site .leagues .close,
.mobile .leagues .sp-header .close {
    color: #bbbbbb;
}
/*#endregion*/

/*#region sportMenu*/
.site .sportMenuContainer {
    background: #29324394;
}

.site .sportMenu .sportIcon {
    border-right: 1px solid var(--color-09);
}

    .site .sportMenu .sportIcon:first-of-type {
        /*border-left: 1px solid var(--color-09);*/
    }

    .site .sportMenu .sportIcon.active {
        background-color: var(--color-orange);
    }

    .site .sportMenu .sportIcon .icon .sp {
        filter: invert(1);
    }

    .site .sportMenu .sportIcon .icon .star .count {
        color: var(--color-10);
    }

    .site .sportMenu .sportIcon.selected .name {
        color: var(--color-10);
    }

    .site .sportMenu .sportIcon.selected .icon .sp, .site .sportMenu .sportIcon.selected .icon .star {
        filter: invert(0);
    }

/*Streaming*/
.site .s_streaming .icon .streaming {
    -webkit-filter: invert(1);
    filter: invert(1);
}

    .site .s_streaming .icon .streaming .count {
        top: 0;
        right: -20px;
        color: var(--color-01);
        -webkit-filter: invert(1);
        filter: invert(1);
    }

.mobile .s_streaming .icon .streaming .count {
    top: -3px;
    right: -13px;
    color: #000;
}
/*#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-orange) !important;
}

.site .VueCarousel-dot:focus, .home .VueCarousel-dot:focus {
    outline: 1px solid #ffffff;
}

.carousel-slides .slide-info .slide-news {
    background: var(--color-09);
}

    .carousel-slides .slide-info .slide-news:after {
        border-color: var(--color-09) transparent transparent transparent;
    }

    .carousel-slides .slide-info .slide-news .time {
        color: var(--color-orange);
    }

.carousel-slides .slide-info .slide-odds .odds {
    color: hsla(0,0%,100%,.7);
    background: hsla(0,0%,100%,.2);
}


    .carousel-slides .slide-info .slide-odds .odds .price {
        color: var(--color-orange);
    }

.site .slide-info .slide-odds .odds.selected,
.site .slide-info .slide-odds .odds:hover {
    color: var(--color-01);
    background: var(--color-orange);
}

    .site .slide-info .slide-odds .odds.selected .price,
    .site .slide-info .slide-odds .odds:hover .price {
        color: var(--color-01);
    }
/*#endregion*/

/*#region carousel-slides mobile*/
.mobile .VueCarousel-slide .slide-info .slide-odds .odds:hover,
.mobile .VueCarousel-slide .slide-info .slide-odds .odds.selected {
    background: var(--color-orange);
}

    .mobile .VueCarousel-slide .slide-info .slide-odds .odds.selected .outcome,
    .mobile .VueCarousel-slide .slide-info .slide-odds .odds.selected .price,
    .mobile .VueCarousel-slide .slide-info .slide-odds .odds:hover .outcome,
    .mobile .VueCarousel-slide .slide-info .slide-odds .odds:hover .price {
        color: var(--color-01);
    }
/*#endregion*/

.site .match-row .bets .bet .odds .outcome {
    height: 15px;
    line-height: 15px;
    color: var(--color-08);
}

.site .match-row .bets .bet .odds .price {
    height: 15px;
    line-height: 15px !important;
    min-height: 15px;
}

/*#region matchID */
.site .event .matchID_inner {
    background-color: var(--color-11);
}

.site .matchID_teams {
    color: var(--color-01);
    background-color: var(--color-09);
}

.site .matchID_info_inner {
    color: var(--color-01);
    background-color: var(--color-07);
}

.site .matchID_info_up {
    border-bottom: 1px solid var(--color-09);
}

    .site .matchID_info_up > span {
        text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4), 0 5px 5px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1);
    }

.site .matchID_info_up_result {
    color: var(--color-orange);
}

.site .matchID .matchDate {
    background-color: var(--color-09);
}
/*#endregion */

/*#region mch-groups */
.site .mch-groups {
    background: var(--color-03);
}
/*#endregion */

/*#region bets */
.bets .bet a {
    border-radius: 3px;
}

.site .gameType {
    background: var(--color-01);
}

.site .liTou .bets .bet a {
    border-right: 1px solid var(--color-04);
}

.site .liTou .others {
    color: var(--color-10);
}

    .site .liTou .others .stats-link {
        -webkit-filter: invert(13%) sepia(19%) saturate(6392%) hue-rotate(211deg) brightness(95%) contrast(91%);
        filter: invert(13%) sepia(19%) saturate(6392%) hue-rotate(211deg) brightness(95%) contrast(91%);
    }

        .site .liTou .others .stats-link:hover {
            -webkit-filter: invert(30%) sepia(90%) saturate(774%) hue-rotate(330deg) brightness(100%) contrast(86%);
            filter: invert(30%) sepia(90%) saturate(774%) hue-rotate(330deg) brightness(100%) contrast(86%);
        }
/*#endregion */

/*#region liveCenter*/
.site .liveCenter .stats .inner > .row {
    border-bottom: 1px solid var(--color-08);
}
/*#endregion */

/*#region betslip*/
.site .betslip .matches li {
    background-color: var(--color-01);
    border-bottom: 1px solid var(--color-03);
}

.site .betslip .matches .left .team, .site .betslip .matches .left .pick {
    color: var(--color-10);
}

.site .betslip .matches .disabled .left .pick, .site .betslip .matches .disabled .left .team {
    color: var(--color-06);
}

.site .betslip .buttons .button .btnReuse {
    color: var(--color-orange);
    border: 1px solid var(--color-orange);
}

    .site .betslip .buttons .button .btnReuse:hover {
        color: var(--color-01);
        background: var(--color-orange-dark);
        border: 1px solid var(--color-orange-dark);
    }

.site .betslip .buttons .button .btnDone {
    color: var(--color-03);
    border: 1px solid var(--color-03);
}

    .site .betslip .buttons .button .btnDone:hover {
        color: var(--color-09);
        background: var(--color-03);
    }

.betslip .buttons .button .btnPrintCopy {
    color: var(--color-03);
    border: 1px solid var(--color-03);
}

    .betslip .buttons .button .btnPrintCopy:hover {
        color: var(--color-09);
        background: var(--color-03);
    }

.green-text {
    color: #a4ffa4;
}
/*#endregion */

/*#region contentRight */

/*#region sideBlock */
.site .sideBlock .sideBlockHead {
    color: var(--color-01);
    background: var(--color-09);
}

    .site .sideBlock .sideBlockHead.lcHead .mini-field {
        width: 26px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 63px;
        background: hsla(0,0%,100%,.1);
        border-radius: 4px;
        font-size: 18px;
        cursor: pointer;
        transition: color .24s,background .24s;
        right: 10px;
        top: 5px;
        position: absolute;
        filter: brightness(2);
    }

        .site .sideBlock .sideBlockHead.lcHead .mini-field .live-center {
            background-image: url(/images/icons/lc.svg?v=1);
        }

        .site .sideBlock .sideBlockHead.lcHead .mini-field .live_stream,
        .site .sideBlock .sideBlockHead.lcHead .mini-field .live-center {
            filter: invert(.3);
        }

        .site .sideBlock .sideBlockHead.lcHead .mini-field.active {
            filter: brightness(5);
        }

        .site .sideBlock .sideBlockHead.lcHead .mini-field.second {
            right: 42px;
        }

        .site .sideBlock .sideBlockHead.lcHead .mini-field.third {
            right: 74px;
        }

.site .sideBlock .sideBlockBody, .site .sideBlock .sideBlockFooter {
    color: var(--color-10);
    background: var(--color-02);
}

.site .contentLeft .sideBlock .sideBlockBody ul li a {
    color: var(--color-10);
}

.site .contentLeft .sideBlock .sideBlockBody ul li.selected a {
    color: var(--color-orange-dark);
}
/*#endregion */

/*#region topWinner*/
.site .topWinner .row {
    border-bottom: 1px solid var(--color-03);
}

    .site .topWinner .row span {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        font-size: 11px;
        padding: 0 5px;
    }

    .site .topWinner .row.bold {
        color: var(--color-orange-dark);
    }

    .site .topWinner .row:not(.bold):hover span {
        color: var(--color-orange-dark);
    }

.site .top-winner-container .row .top-winner-arrow img {
    height: 20px;
    opacity: .4;
}

.collapsible-top-winner {
    background: #f2f2f2;
}

._styles-module-bet {
    color: #828282;
    border-bottom: 1px solid #e6e7e8;
}

._styles-module-bet-market,
._styles-module-bet-quote {
    color: var(--color-10);
}

._styles-module-bet ._styles-module-popup-font {
    color: #5e656e;
}

._styles-module-bet ._styles-module-bet-placed {
    color: var(--color-09);
}
/*#endregion */

/*#region promoContainer */
.site .promoContainer .VueCarousel-pagination--top-overlay .VueCarousel-dot-container .VueCarousel-dot:hover {
    background-color: var(--color-orange) !important;
}

.site .promoContainer .sideBlockBody .txt h3 {
    color: var(--color-orange-dark);
}

.site .promoContainer .sideBlockBody .txt .separator {
    background-color: var(--color-orange-dark);
}

.site .promoContainer .sideBlockBody .txt .button {
    color: var(--color-orange-dark);
    background: var(--color-03);
    border: 1px solid var(--color-orange-dark);
}

    .site .promoContainer .sideBlockBody .txt .button:hover {
        color: var(--color-03);
        background: var(--color-orange-dark);
    }

.site .promoContainer .VueCarousel-pagination.VueCarousel-pagination--top-overlay {
    top: -30px !important;
    padding-right: 10px;
    height: 30px;
}
/*#endregion */

/*#region quickBet */
.site .quickBet .sideBlockContent .quickButtons {
    border-bottom: 1px solid var(--color-04);
}

.site .quickBet .quickButtons span.num_right {
    color: var(--color-09);
}

.site .quickBet .quickStake ul li a {
    color: var(--color-03);
    background: var(--color-09);
}

    .site .quickBet .quickStake ul li a span:after {
        border-top-color: #dde4fe;
    }

.site .quickBet .quickStake li ul li:last-child a {
    border-bottom: 1px solid var(--color-04);
}

.site .quickBet .quickStake li ul a {
    color: var(--color-08);
    border-top: 1px solid var(--color-01);
    border-bottom: 1px solid var(--color-03);
    background-color: var(--color-02);
}

    .site .quickBet .quickStake li ul a:hover {
        background: #676f81;
        color: #dde4fe;
    }

.site .quickBet .quickBet {
    color: var(--color-orange-dark);
    background: var(--color-03);
}

    .site .quickBet .quickBet:hover {
        color: var(--color-03);
        background: var(--color-orange-dark);
    }

    .site .quickBet .quickBet:active, .site .quickBet .quickBet.active {
        -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.3);
        box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.3);
    }
/*#endregion */

/*#endregion */

/*#region dialog */
.site .dialog_body {
    margin-top: 10px;
}

.site .dialog .close {
    right: 0;
    top: 0;
}

.mobile .dialog .close {
    right: -5px;
    top: -5px;
}

.site .dialog_content,
.site .modal .modal-body {
    top: 119px;
    padding: 10px;
    background-color: var(--color-10);
}

.mobile .dialog_content {
    padding: 10px;
    background-color: var(--color-10);
}

.site .wide2 .dialog_content,
.site .wide2.modal-content .modal-body {
    left: 248px;
    right: 368px;
}

/*#region modal*/
.site .modal .modal-body .block,
.mobile .modal .modal-body .block {
    color: var(--color-10);
    background-color: var(--color-02);
}

.modal .modal-body .number-buttons button {
    color: var(--color-09);
    background-color: var(--color-01);
    border: 1px solid var(--color-04);
}

.modal .block-content .number-buttons button:active {
    color: var(--color-01) !important;
    background-color: var(--color-orange) !important;
    border-color: var(--color-orange) !important;
}

.__row_filters button.btn-alt-primary {
    color: white;
    background-color: #387478;
}

    .site .__row_filters button.btn-alt-primary:hover,
    .__row_filters button.btn-alt-primary:active {
        background-color: #418c91;
    }
/*#endregion*/

.site .dialog .menu .item {
    color: var(--color-01);
    background: var(--color-09);
    border-left: 1px solid var(--color-10);
}

    .site .dialog .menu .item .inner:hover, .site .dialog .menu .item.selected {
        background: var(--color-07);
    }

    .site .dialog .menu .item > ul li {
        background: var(--color-02);
        border-top: 1px solid var(--color-04);
    }

        .site .dialog .menu .item > ul li a {
            color: var(--color-10);
        }

        .site .dialog .menu .item > ul li:hover {
            color: var(--color-01);
            background: var(--color-08);
            border-top: 1px solid var(--color-08);
        }

            .site .dialog .menu .item > ul li:hover a {
                color: var(--color-01);
            }

.site .dialog .close, .mobile .dialog .close {
    background-color: var(--color-07);
}

    .site .dialog .close:hover, .mobile .dialog .close:hover {
        background-color: var(--color-orange);
    }

.site .dialog_body .innerModal {
    background: rgba(255, 255, 255, 0.1);
}

.site .dialog iframe.bg_white {
    background: var(--color-01);
}

.mobile .dialog iframe.bg_white {
    background: var(--color-01);
}

.site .dialog_content .buttons, .mobile .dialog_content .buttons {
    background: var(--color-01);
}

    .site .dialog_content .buttons .btn, .mobile .dialog_content .buttons .btn {
        color: var(--color-06);
        background-color: var(--color-09);
    }

        .site .dialog_content .buttons .btn:hover, .mobile .dialog_content .buttons .btn:hover {
            color: var(--color-01);
            background-color: var(--color-orange-dark);
        }
/*#endregion */

/*#region infoPage */
.site .infoPage {
    color: var(--color-09);
}

.site .infoPage_left .sideBlock .sideBlockBody ul li a {
    color: var(--color-10);
}

.site .infoPage_left .sideBlock .sideBlockBody ul li.selected a {
    color: var(--color-orange-dark);
}

.site .infoPage .title {
    color: var(--color-01);
    background: var(--color-09);
}

.site .infoPage .content2 {
    background: var(--color-02);
}

    .site .infoPage .content2 a {
        color: var(--color-orange-dark);
    }

    .site .infoPage .content2 .right {
        border: 1px solid var(--color-04);
    }

    .site .infoPage .content2 .div ul li a {
        color: var(--color-08);
    }
/*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 */
.footer .footer_icons {
    padding: 10px 0;
}

.site .footer {
    background-color: var(--color-10);
}

.site .footer_links li a {
    color: var(--color-01);
}

.site .footer_text {
    color: var(--color-01);
}

.site .footer .footerDevider {
    background-color: var(--color-11);
}

.site .footer .footerLinks ul li {
    color: var(--color-01);
}

    .site .footer .footerLinks ul li a {
        color: #dde4fe;
        border-right: 1px solid var(--color-01);
    }

.site .footer .wrapper .div25 .inner .title {
    color: #dde4fe;
}

.site .footer .wrapper .div25 .inner li a {
    color: var(--color-01);
}

.site .footer .wrapper .paymentOptions {
    background-color: var(--color-11);
}

.site .footer #copyright {
    color: #dde4fe;
}
/*#endregion */

/*#region Home page */

/*carousel*/
.site .contentMain .carousel .slide-inner {
    background: var(--color-11);
}

.VueCarousel .VueCarousel-pagination .VueCarousel-dot-container {
    padding: 0 6px;
    background-color: color(srgb 0.286275 0.360784 0.419608 / 0.3);
    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-orange) !important;
}

.home .VueCarousel-wrapper {
    background: var(--color-10);
}
/*4 columns*/
.home .fourColumns {
    background-color: var(--color-11);
}

    .home .fourColumns .column .inner .register {
        color: var(--color-green);
    }

    .home .fourColumns .devider {
        background-color: var(--color-08);
    }
/*4 tabs*/
.home .tabs {
    background: var(--color-08);
}

    .home .tabs .tab a {
        color: var(--color-10);
        background: var(--color-02);
    }

    .home .tabs .tab .head {
        color: var(--color-orange-dark);
        border-bottom: 1px solid var(--color-10);
    }

    .home .tabs .tab .btn:hover img {
        filter: invert(32%) sepia(23%) saturate(6558%) hue-rotate(349deg) brightness(86%) contrast(69%);
    }

    .home .tabs .tab .btn:hover p {
        color: var(--color-orange-dark);
    }
/*#endregion */

/*#region settings*/
.site .settings {
    padding: 10px;
}

    .site .settings .option {
        border-bottom: 1px dashed var(--color-04);
    }

.user .settings .btn.ticketHistory {
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: var(--color-01);
    background-color: var(--color-orange);
}

.mobile .user .settings .btn.ticketHistory {
    margin-top: 24px;
}

.site .user .settings .btn.ticketHistory:hover,
.user .settings .btn.ticketHistory:active {
    background-color: var(--color-orange-dark);
}
/*#endregion*/

/*#endregion */

/*#region site/Live.css */
.inPlay .leagues .odd {
    background-color: var(--color-08);
}

.inPlay .leagues .even {
    background-color: var(--color-09);
}

.inPlay .leagues .gameGroup .bets {
    border-right: 1px solid var(--color-03);
}

.inPlay .leagues .gameGroup.hdp .marked span {
    height: 30px !important;
    line-height: 30px !important;
    border: 1px solid var(--color-04);
}

.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 var(--color-03);
}
/*#endregion */

/*#region container*/
.site .container.wide0,
.site .container.wide1,
.site .container.wide2 {
    background: #293243;
}

.site .container.bg-horseRacing {
    background-image: url(../../Images/bg3.jpg);
}

.site .container.bg-greyhound {
    background-image: url(../../Images/bg4.jpg);
}

.site .container.bg-liveRacing {
    background-image: url(../../Images/bg6.jpg);
}

.site .container.bg-slots {
    background: #293243;
}
/*#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-09);
        background: var(--color-01);
        border-bottom: 1px solid var(--color-03);
    }

        .asia .sports .cont .ul2 .ul1 li.sel {
            color: var(--color-01);
            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-01);
            background: var(--color-orange);
            border: 1px solid var(--color-orange);
        }

    .asia .sportsList .daysList {
        padding: 0;
        background: #ffffff;
    }

        .asia .sportsList .daysList li a {
            line-height: 26px;
            background: var(--color-02);
            border-bottom: 1px solid var(--color-03) !important;
            padding: 0 15px !important;
            color: var(--color-09) !important;
        }

.site .asia .sportsList .daysList li.sel a .name.asia {
    color: var(--color-orange-dark);
}

.asia .myBets_title {
    color: var(--color-01);
    background: var(--color-09);
}

    .asia .myBets_title .mybetsCount i {
        background-color: var(--color-08);
    }

.asia .myBets {
    background-color: var(--color-01);
}

    .asia .myBets .bet li.live {
        background-color: var(--color-live-1);
    }

    .asia .myBets .bet .odds span {
        color: var(--color-01);
        background: var(--color-09);
    }

    .asia .myBets .bet .event .name .vs {
        color: var(--color-07);
    }

    .asia .myBets .bet .cashout {
        color: var(--color-orange-dark);
        background: var(--color-03);
    }

        .asia .myBets .bet .cashout:hover {
            color: var(--color-03);
            background: var(--color-orange-dark);
        }

.asia .allTickets:hover {
    color: var(--color-orange);
}

.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-orange);
}
/*#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-01);
}

.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-01);
}

.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-10);
}

.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-09);
}

    .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-09);
}

.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-orange);
}

.asia .view1 .price.selected {
    color: var(--color-01);
    background-color: var(--color-prematch-5);
}
/*#endregion */

/*#region gameType */
.asia .view0 .gameType li .bet-type {
    color: var(--color-09);
    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-01);
    }

        .asia .mostPopular .event .score-time .time {
            background-color: var(--color-09);
        }

        .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: 6px 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: 6px 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);
}

.slots.evolution {
    background: linear-gradient(45deg, #29324359, rgb(41 50 67));
}

.site .evolution .top-banner-action-button {
    position: absolute;
    right: 15px;
}

.slots.evolution .button {
    background-color: #e79777;
}

.slots .category {
    margin: 5px auto 0;
}

    .slots .category .main {
        background: #29324394;
    }

        .slots .category .main .btn:not(.searchBox) {
            border-right: 1px solid var(--color-08);
        }

    .slots .category .groups {
        background: var(--color-09);
    }

    .slots .category .btn {
        color: var(--color-01);
    }

        .slots .category .btn.active {
            color: var(--color-orange);
        }

    .slots .category .searchBox .searchText {
        color: var(--color-08);
        background: var(--color-01);
    }

.slots .VueCarousel-navigation {
    background: var(--color-08);
}

.slots .VueCarousel-navigation-button {
    background: var(--color-08);
    color: var(--color-02) !important;
}

    .slots .VueCarousel-navigation-button:hover {
        background: var(--color-orange);
    }

    .slots .VueCarousel-navigation-button:active {
        background: var(--color-orange-dark);
    }

.slots .VueCarousel-slide {
    border-right: 1px solid var(--color-08);
}

    .slots .VueCarousel-slide:first-of-type {
        border-left: 1px solid var(--color-08);
    }

.slots .group {
    margin-top: 0;
    background: var(--color-09);
}

    .slots .group .group-title {
        background: var(--color-11);
    }

    .slots .group .game {
        height: 184px;
    }

        .slots .group .game .name {
            background: var(--color-08);
        }

        .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-01);
            background: var(--color-11);
        }

            .slots .group .game .imgWrapper .game-overlay .pl_link:hover {
                background: var(--color-orange-dark);
            }

.slots .v-hl-svg {
    fill: var(--color-02) !important;
    background: var(--color-08) !important;
    box-shadow: unset !important;
}

.slots .v-hl-btn-between:hover .v-hl-svg {
    background: var(--color-orange) !important;
}

.slots .v-hl-btn-between:active .v-hl-svg {
    background: var(--color-orange-dark) !important;
}
/*#endregion */

/*#region providers*/
.site .swiperContainer {
    margin: 0 calc(0.33% + 4px);
}

.mobile .swiperContainer {
    margin: 0 7px;
}

.slots .group .games.empty {
    padding: 0 calc(0.33% + 4px) 10px !important;
    background: #131d2c;
}

.mobile .slots .group .games.empty {
    display: block;
    padding: 0 7px 10px !important;
    margin-top: 0 !important;
}

.slots .category {
    padding-bottom: 10px;
    background: #131d2c
}

.provider-chooser .horizontal-item:hover,
.provider-chooser .horizontal-item:active,
.provider-chooser .horizontal-item.active {
    color: #ffffff;
    background: var(--color-orange);
}

.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: var(--color-orange);
}

.category-tab-wrapper .variant-tabmenu:before {
    background: var(--color-orange);
}

.small_arrow._left::before {
    background: -moz-linear-gradient( left, #131d2c 0%, transparent 100% );
    background: -webkit-linear-gradient( left, #131d2c 0%, transparent 100% );
    background: linear-gradient( to right, #131d2c 0%, transparent 100% );
}

.small_arrow._right::after {
    background: -moz-linear-gradient( right, #131d2c 0%, transparent 100% );
    background: -webkit-linear-gradient( right, #131d2c 0%, transparent 100% );
    background: linear-gradient(to left, #131d2c 0%, transparent 100%);
}

.slots .games.empty .message-box.message-info {
    color: rgba(255, 255, 255, 0.5);
    background: hsla(0,0%,100%,.07);
}
/*#endregion*/

/*#region jackpots*/
.jackpots-row .jackpots-wrapper:before,
.jackpots-content-holder > .jackpots-wrapper:before {
    background-image: url(/images/jackpots/jackpots-banner.png?v=1), radial-gradient(circle at 56% 100%, rgb(82 92 110 / 70%), rgba(0, 0, 0, 0.7) 100%);
}
/*#endregion*/

/*#region documents*/
.documents .upload-group {
    border: 1px solid var(--color-04);
}

.documents .left {
    background: var(--color-04);
}

.documents .iconD {
    filter: invert(27%) sepia(11%) saturate(1197%) hue-rotate(182deg) brightness(88%) contrast(87%);
}

.documents .right h2 {
    color: var(--color-09);
}

.documents .right .input-wrap {
    border: 1px solid var(--color-06);
}

.documents .right input[type="button"] {
    width: auto;
    height: auto;
    text-indent: 0;
    padding: 10px 20px;
    font-size: 0.8em;
    text-transform: uppercase;
    color: var(--color-01);
    background-color: var(--color-orange);
}

    .site .documents .right input[type="button"]:hover,
    .documents .right input[type="button"]:active {
        background: var(--color-orange-dark);
    }
/*#endregion*/

/*#region search panel*/
.search-panel-header {
    background: #ffffff;
}

    .search-panel-header header {
        color: var(--color-10);
    }

    .search-panel-header input {
        color: #000 !important;
        background: #ffffff;
        border: none;
    }

.search-panel .search-input .icon-title:hover img {
    filter: invert(30%) sepia(90%) saturate(774%) hue-rotate(330deg) brightness(100%) contrast(86%);
}

.search-panel-header .filters-wrapper-list .filter-list.selected {
    color: var(--color-orange);
}

.search-panel-header .filters-wrapper-list .filter-list:hover {
    color: var(--color-orange);
}

.search-panel-header .filters-wrapper .divider {
    background: #000;
}

.search-panel-content:not(.search-panel-content.loading) {
    background: #f7f7f7;
}

.search-panel-content .section {
    background: #f7f7f7;
    border-bottom: 1px solid #ced2da;
}

    .search-panel-content .section .teams {
        color: #0d2250;
    }

        .search-panel-content .section .teams .team {
            font-weight: bold;
        }

        .search-panel-content .section .teams .vs {
            color: #243c55;
        }

    .search-panel-content .section .description {
        color: #3d4658;
    }

        .search-panel-content .section .description .date {
            color: #3d4658;
        }

            .search-panel-content .section .description .date .time {
                color: #347907;
            }

    .search-panel-content .section .bets {
        padding: 0 10px;
    }

.search-panel .bet a .outcome, .search-panel .bet a .price {
    height: 20px !important;
    line-height: 20px !important;
    min-height: 20px !important;
}

.search-panel-content .noResult-header {
    color: #2e4068;
}

.search-panel-content .noResult-description {
    color: #7383a6;
}

.search-panel-content .section .description .result span {
    color: var(--color-orange-dark);
}

.search-panel em {
    color: firebrick;
    background: #e79777b0;
}
/*#endregion*/

/*#region search-member*/
.search-member .search-input {
    color: hsla(0,0%,100%,.8);
    background: var(--color-09);
}

    .search-member .search-input input {
        border: none;
        color: hsla(0, 0%, 100%, .8) !important;
        background: var(--color-09);
    }

    .search-member .search-input .icon-title img {
        filter: invert(1);
    }

    .search-member .search-input .icon-title:hover img {
        filter: invert(52%) sepia(259%) saturate(774%) hue-rotate(337deg) brightness(121%) contrast(86%);
    }
/*#endregion*/

/*#region sports-wide*/
.site .sports .cont hr.custom-hr {
    background-color: #d5d2d2;
}

.sports-wide {
    background-color: #fff;
}

    .sports-wide .sp-header {
        background-color: var(--color-11);
    }

    .sports-wide .close:hover {
        background-color: var(--color-08);
    }

    .sports-wide .odd-header {
        background-color: #fff;
    }

    .sports-wide .time-filter .inner {
        border: solid 1px #e0e0e0;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

        .sports-wide .time-filter .inner div {
            color: #000000de;
            background: white;
        }

            .sports-wide .time-filter .inner div.active {
                background-color: #e0e0e0;
            }

            .sports-wide .time-filter .inner div:hover {
                background: #f5f5f5;
            }

            .sports-wide .time-filter .inner div:not(:first-of-type) {
                border-left: solid 1px #e0e0e0;
            }

    .sports-wide .odd-header .odd-combo-row .combo-box select {
        border: 1px solid #d9d9d9;
    }

    .sports-wide .leagues .gameGroup .bets {
        border-right: 1px solid var(--color-03);
    }
/*#endregion*/

/*#region utils*/
.events-date-filter-container {
    color: var(--color-03);
    background: var(--color-08);
}

.inPlay .leagues .sp-header .matchInfo.w-40 {
    width: calc(40% - 50px);
}

.asia .view .other {
    background: var(--color-01);
}

.asia .view .row .event:hover .star {
    filter: invert(0);
}

    .asia .view .row .event:hover .star.fav:hover {
        filter: invert(1) !important;
    }

.bets .bet a.disabled .price {
    width: 12px;
}
/*#region site*/
.site .match-row {
    margin-bottom: 0;
    min-height: 40px;
    border-bottom: 1px solid var(--color-04);
    border-radius: 0;
}

.site .match-segment.parent .match-row {
    border-bottom: 1px solid var(--color-03);
}

.site .match-row .info-content-sidebar .chronometer {
    display: none;
}

.match-row .bets .bet .odds.empty {
    visibility: hidden;
}

.mobile .upcoming .match-row .teams {
    width: 100%;
}

.site .sportsList.hasDropdown .hoverable i.arrow {
    right: 10px;
    width: 8px;
    height: 8px;
    background-size: 100%;
    filter: invert(0);
    opacity: 1;
}

.site .sportsList.hasDropdown .categoriesList .category-li .category-anchor i.arrow {
    right: 10px;
    width: 8px;
    height: 8px;
    background-size: 100%;
    filter: invert(0);
    opacity: 1;
}
/*quick bets*/
.bet-selections-list .bet-selection-item {
    padding: 8px 5px 8px 5px;
    height: 2em;
    border-bottom: 1px solid var(--color-04);
}

    .bet-selections-list .bet-selection-item .odds {
        font-size: 12px;
        font-weight: 700;
        color: var(--color-09);
    }

    .bet-selections-list .bet-selection-item .selection-container .info-row .winner {
        font-size: 11px;
        font-weight: normal;
    }

    .bet-selections-list .bet-selection-item .selection-container .info-row .event-info {
        font-size: 11px;
        font-weight: 700;
    }

.site .search-icon-container {
    float: left;
    display: flex;
    align-items: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.site .betslip .tabs {
    height: 30px;
}

    .site .betslip .tabs .tab {
        height: 30px;
    }
/*quick bets*/
.site .sideBlock.quickBet .sideBlockFooter {
    padding: 10px 0 0 0;
}

.site .quickBet .quickStake {
    display: block;
    float: left;
    font-weight: 700;
    height: auto;
    position: relative;
}

    .site .quickBet .quickStake ul {
        padding: 0;
    }

        .site .quickBet .quickStake ul li {
            cursor: pointer;
            list-style: none;
            position: relative;
            z-index: 1;
        }

    .site .quickBet .quickStake > ul > li > a {
        font-size: 13px;
        height: 20px;
        line-height: 20px;
        text-align: right;
    }

    .site .quickBet .quickStake ul li a {
        display: block;
        padding: 1px 0;
        width: 60px;
    }

    .site .quickBet .quickStake span {
        display: block;
        font-size: 11px;
        padding: 0 9px;
        text-align: center;
    }

    .site .quickBet .quickStake ul li a.stake span:after {
        border: 0.313em solid transparent;
        border-bottom: none;
        content: "";
        display: inline-block;
        height: 0;
        position: relative;
        right: -5px;
        top: -1px;
        vertical-align: middle;
        width: 0;
    }

    .site .quickBet .quickStake ul li a.stake span:after {
        border-top-color: #dde4fe;
    }

    .site .quickBet .quickStake ul li:hover a {
        -webkit-text-decoration: none;
        text-decoration: none;
    }

    .site .quickBet .quickStake li ul {
        display: none;
        position: absolute;
        top: 100%;
    }

    .site .quickBet .quickStake li:hover ul {
        display: block;
        left: 0;
        right: 0;
    }

    .site .quickBet .quickStake li ul a {
        cursor: pointer;
        height: 20px;
        line-height: 20px;
        width: 60px;
    }

.site .quickBet .quickBet {
    border: 1px solid;
    float: right;
    font-size: 13px;
    font-weight: 700;
    line-height: 13px;
    overflow: hidden;
    padding: 3px 2%;
    text-align: center;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 55%;
}
/*#endregion*/

/*#region mobile*/
.mobile .match-row {
    margin-bottom: 0;
    border-bottom: 1px solid var(--color-04);
    border-radius: 0;
}

    .mobile .match-row .teams .team-row {
        min-height: 15px
    }

        .mobile .match-row .teams .team-row span {
            color: var(--color-10);
            line-height: 15px;
        }

    .mobile .match-row .info-content .chronometer {
        display: none;
    }

    .mobile .match-row .info-content .time {
        color: var(--color-07);
    }

    .mobile .match-row .bets {
        float: left;
        width: 55%;
    }

.mobile .leagues .banner.topTours-banner {
    padding: 0 10px 0 0;
}

    .mobile .leagues .banner.topTours-banner .name {
        border-left: 1px solid rgba(201, 166, 166, 0.16863);
    }

    .mobile .leagues .banner.topTours-banner i.highlights {
        position: relative;
        padding: 0 6px;
        background-position: 3px 2px;
        background-size: 24em 6em;
        font-size: 18px;
        filter: invert(1);
        width: 20px;
        height: 30px;
        background-image: url(/images/sports_sprite.svg);
        background-color: transparent;
    }

.betslip .summary {
    color: var(--color-09);
    background: var(--color-02);
}

    .betslip .summary .number-buttons {
        grid-gap: 5px;
    }

        .betslip .summary .number-buttons .number-button {
            color: var(--color-09);
            background-color: var(--color-01);
            border: 1px solid var(--color-04);
            border-radius: 2px;
            font-size: 16px;
            height: 33px;
            line-height: 33px;
            font-weight: 700;
        }

            .betslip .summary .number-buttons .number-button.i-2 {
                height: 33px;
                line-height: 33px;
            }

            .betslip .summary .number-buttons .number-button:active {
                color: var(--color-01);
                background-color: var(--color-orange);
                border: 1px solid var(--color-orange);
            }

.mobile .slots .group .games {
    grid-gap: 10px;
    padding: 10px 7px 0;
}

.mobile .topTours .sports-list-container .liTou .league .more {
    transform: rotate(90deg);
}
/*#endregion*/
/*#endregion*/

/*#region terms*/
body.root {
    background-color: #0b1422;
}

.root .logo {
    background: #373e4a;
}

.root .logo-caret:after {
    border-color: #373e4a transparent transparent;
}

.root .row.warn, .root .title {
    font-size: 11px;
    color: #f0f0f1;
}

.root .info > div {
    background: #f0f0f1;
}

.root .info .title {
    display: inline-block;
    max-width: 94%;
    line-height: 28px;
    padding: 0 10px;
    background-color: #000;
}

.root .info .content2 a {
    color: #333;
}
/*#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: 11px;
    background: #373e4a;
    border: 1px solid #373e4a;
    color: #fff;
}

.root.passNew .btn {
    color: rgb(0,0,0);
}
/*#endregion*/

/*#region payments */
.payments-methods .deposit {
    position: relative !important;
    background: var(--color-09);
    overflow: hidden !important;
}

    .payments-methods .deposit .btn_confirm {
        color: var(--color-01);
        background-color: #e79777;
    }

        .payments-methods .deposit .btn_confirm:hover {
            background-color: #fa9770;
        }

    .payments-methods .deposit .info_help_line {
        background: rgba(0, 0, 0, .1);
    }

        .payments-methods .deposit .info_help_line header {
            color: rgba(255, 255, 255, 0.8);
            border-bottom: 1px solid rgba(255, 255, 255, 0.8) !important;
        }

        .payments-methods .deposit .info_help_line p {
            color: rgba(255, 255, 255, 0.8);
        }

            .payments-methods .deposit .info_help_line p b {
                color: #e79777;
            }

.approve_payment center a {
    color: rgba(227, 227, 237, 1);
}

.payments-methods .heading .title {
    color: #ffffff;
}

.payments-methods ._select_title_ {
    color: rgba(255, 255, 255, 0.8);
}

.payments-methods .methods-selection li {
    color: #bbbbbb;
}

    .payments-methods .methods-selection li:hover,
    .payments-methods .methods-selection li:active {
        background: rgba(255, 255, 255, 0.2);
    }

.payments-methods .crypto-control .crypto-singleValue {
    color: #bbbbbb;
}

.payments-methods .crypto-control .dropdown-webkit {
    background: rgb(32 40 52);
}
/*#endregion*/

/*#region signup*/
.signup .card,
.mobile .dialog.login .dialog_content {
    color: var(--color-01);
    background-color: #293243;
}

.signup .step_title {
    color: var(--color-orange);
}

.signup ._langs select option {
    color: var(--color-01);
    background-color: #293243;
}

.signup .input_div .input,
.signup ._langs select {
    background: transparent;
    border: 1px solid rgb(218,220,224);
    -webkit-text-fill-color: var(--color-01);
}

    .signup .input_div .input:focus-visible,
    .signup ._langs select:focus-visible {
        outline: 1px solid var(--color-orange) !important;
        border-color: var(--color-orange);
    }

    .signup .input_div .input:-webkit-autofill,
    .signup .input_div .input:-webkit-autofill:focus {
        transition: background-color 0s 600000s, color 0s 600000s;
    }

    .signup .input_div .input:-webkit-autofill {
        background-color: transparent !important;
        -webkit-box-shadow: 0 0 0px 1000px #2f3743 inset !important;
        -webkit-text-fill-color: rgba(255,255,255,.9) !important;
        caret-color: rgba(255,255,255,.9) !important;
    }

.signup .action-button {
    color: white;
    background: var(--color-orange);
}

.signup .actions .action-button.previous {
    color: var(--color-01);
    background: var(--color-07);
}

    .signup .actions .action-button.previous:hover,
    .signup .actions .action-button.previous:active {
        background: var(--color-08);
    }

.signup .actions .action-button.next:hover,
.signup .actions .action-button.next:active {
    background-color: var(--color-orange-dark);
}

.signup .terms-action {
    color: var(--color-09) !important;
}

.signup .terms-anchor {
    color: var(--color-orange);
}

.signup center a {
    color: #a1a6ad;
}

    .signup center a:hover,
    .signup center a:active {
        color: var(--color-orange);
    }
/*#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*/
.results-page #headerTop .menu {
    background: #293243;
    border-left: 1px solid #0b1422;
    color: #ffffff;
}

    .results-page #headerTop .menu:hover,
    .results-page #headerTop .menuActive {
        background: #676F81;
        color: #fff;
    }

.results-page table {
    color: #ffffff;
    background: #3D4658;
}

.results-page #resultDiv .ContentTable .ResultLeagueRow {
    color: #FFF;
}

.results-page .tr_even {
    background-color: #EFEFEF;
}

.results-page #headerBottom .yellowButton {
    color: #ffffff;
    background: #676f81;
}

    .results-page #headerBottom .yellowButton:hover {
        background-color: #BABDC4;
        color: #011625;
    }
/*#endregion*/

/*#region bootstrap sidebar*/
.site .bootstrap-iso .sidebar {
    padding: 0 !important;
    background: #f7f7f7;
}

    .site .bootstrap-iso .sidebar .nav-link {
        color: var(--color-10);
        line-height: 14px;
        border-bottom: 1px solid #c5c5c5;
    }

    .site .bootstrap-iso .sidebar span {
        padding-left: 10px;
        height: 30px;
        font-size: 12px !important;
        font-weight: 700;
        color: var(--color-01);
        background: var(--color-09);
        border-bottom: 1px solid #550c17 !important
    }

    .site .bootstrap-iso .sidebar .nav-item:hover > .nav-link,
    .site .bootstrap-iso .sidebar .nav-item.active > .nav-link {
        color: var(--color-orange-dark) !important;
    }

.mobile .bootstrap-iso .sidebar span {
    padding-left: 10px;
}

.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;
}

.burger-bar {
    background-color: #ffffff !important;
}
/*#endregion*/

/*#region widget*/
.mobile .footer_games .tab .inner {
    background-color: var(--color-07);
}

.mobile .footer_games .tab .title {
    color: var(--color-01);
    background-color: var(--color-09);
}
/*#endregion*/

/*#region daterange-picker */
.site .vue-daterange-picker {
    color: var(--color-10);
}

    .site .vue-daterange-picker .daterangepicker .calendars {
        color: var(--color-08);
    }

    .site .vue-daterange-picker .daterangepicker .drp-buttons .btn.btn-success {
        color: var(--color-01);
        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 .goHome {
    color: var(--color-01);
    background-color: var(--color-orange-dark);
}

    .ticketShare .goHome:hover,
    .ticketShare .goHome:active {
        color: var(--color-10);
        background-color: var(--color-01);
    }
/*#endregion */

/*#region message-box*/
.message-box.message-danger {
    color: #790502;
    background: #ebccd1;
}

.message-box.message-success {
    color: var(--color-01);
    background: var(--color-green);
}

.message-box.message-info {
    color: var(--color-09);
    background: var(--color-02);
}
/*#endregion*/

/*#region moveToTop */
.moveToTop {
    background-color: var(--color-orange);
}

    .moveToTop:hover {
        background-color: var(--color-orange-dark);
    }
/*#endregion */

/*#region error */
.error {
    color: var(--color-01);
    background: var(--color-bg-2);
}

.error_text h1 {
    color: var(--color-01);
}

.error_text h2 {
    color: var(--color-03);
}

.error .gears .gear,
.error .gears .gear:after,
.error .gears .gear .bar {
    background: var(--color-10);
}

    .error .gears .gear:after {
        border: 5px solid var(--color-orange-dark);
    }

    .error .gears .gear:before,
    .error .gears .gear .bar:before {
        background: var(--color-03);
    }
/*#endregion */

/*#region scrollbar */
body::-webkit-scrollbar,
.EventSwitcher_Container::-webkit-scrollbar,
.site .checkScroll::-webkit-scrollbar {
    width: 16px;
    background-color: #2a3243;
}

body::-webkit-scrollbar-track,
.EventSwitcher_Container::-webkit-scrollbar-track,
.site .checkScroll::-webkit-scrollbar-track {
    border: 1px solid #000;
}

body::-webkit-scrollbar-thumb,
.EventSwitcher_Container::-webkit-scrollbar-thumb,
.search-panel-content::-webkit-scrollbar-thumb,
.site .checkScroll::-webkit-scrollbar-thumb {
    border: 4px solid transparent;
    background-color: #666e81;
    background-clip: content-box;
    border-radius: 19px;
}

.site .search-panel-content::-webkit-scrollbar {
    width: 12px;
    background-color: #f7f7f7;
}

.site .search-panel-content::-webkit-scrollbar-track {
    border: 1px solid #f7f7f7;
}
/*#endregion */

/*#region keyframes*/
@-webkit-keyframes oddsUp {
    from {
        background-color: var(--color-09);
    }

    to {
        background-color: var(--color-green);
    }
}

@keyframes oddsUp {
    from {
        background-color: var(--color-09);
    }

    to {
        background-color: var(--color-green);
    }
}

@-webkit-keyframes oddsDown {
    from {
        background-color: var(--color-09);
    }

    to {
        background-color: var(--color-red);
    }
}

@keyframes oddsDown {
    from {
        background-color: var(--color-09);
    }

    to {
        background-color: var(--color-red);
    }
}
/*#endregion*/
