﻿.oddsTable .event, .oddsTable .time, .oddsTitle-accent > div, .oddsTitle > div {
    box-sizing: border-box
}

.live-a, .live-b, .normal-a, .normal-b, .oddsTitle, .oddsTitle-accent {
    width: 100%;
    display: table;
    border-collapse: separate
}

    .oddsTable .event, .oddsTable .time, .oddsTitle-accent > div, .oddsTitle > div {
        padding: 4px;
        display: table-cell;
        vertical-align: middle
    }

.oddsBet {
    border-radius: 3px;
    display: inline-block;
    position: relative;
    padding: 0 1px;
    text-align: right;
    cursor: pointer
}

.text-center.oddsBet {
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.oddsBet:hover {
    background: #fff;
    color: #01122b
}

.underdog.oddsBet, .underdog.oddsBet .oddsBet {
    color: #b53f39 !important
}

.oddsBet.indicatorDown, .oddsBet.indicatorDown-a, .oddsBet.indicatorUp, .oddsBet.indicatorUp-a {
    background: #ffaf96
}

    .oddsBet.indicatorDown-a:hover, .oddsBet.indicatorDown:hover, .oddsBet.indicatorUp-a:hover, .oddsBet.indicatorUp:hover {
        background: #ffc2b0
    }

.notification_info .time .timeInfo .timePlaying, .oddsTable .time .timeInfo .timePlaying, .recommend_card .info .time .timeInfo .timePlaying {
    font-weight: 700;
    white-space: nowrap;
    display: block;
    color: #000 !important;
}

    .notification_info .time .timeInfo .timePlaying > span, .oddsTable .time .timeInfo .timePlaying > span, .recommend_card .info .time .timeInfo .timePlaying > span {
        display: block;
        text-align: center
    }

    .notification_info .time .timeInfo .timePlaying.primary, .oddsTable .time .timeInfo .timePlaying.primary, .recommend_card .info .time .timeInfo .timePlaying.primary {
        color: #2556b3
    }

.notification_info .time .score, .oddsTable .time .score, .recommend_card .info .time .score {
    margin-bottom: .167em
}

    .notification_info .time .score > span, .oddsTable .time .score > span, .recommend_card .info .time .score > span {
        color: #b53f39;
        font-weight: 700;
        text-align: center
    }

        .notification_info .time .score > span + span, .oddsTable .time .score > span + span, .recommend_card .info .time .score > span + span {
            margin-left: .15em
        }

        .notification_info .time .score > span:first-child, .oddsTable .time .score > span:first-child, .recommend_card .info .time .score > span:first-child {
            text-align: right
        }

        .notification_info .time .score > span:last-child, .oddsTable .time .score > span:last-child, .recommend_card .info .time .score > span:last-child {
            text-align: left
        }

.oddsTable .event .team .name {
    color: #01122b;
    font-weight: 700
}

.oddsTable .event .team .accent.name {
    color: #b53f39
}

.oddsTable .event .team .primary.name {
    color: #2556b3
}

.oddsTable .event .team .red.name {
    color: #b53f39
}

.notification_info .time .happen, .oddsTable .time .happen, .recommend_card .info .time .happen {
    color: #b53f39;
    text-align: center
}

.notification_info .time .liveHappen.happen, .oddsTable .time .liveHappen.happen, .recommend_card .info .time .liveHappen.happen {
    cursor: default;
    margin: 0 auto;
    min-width: 39px;
    max-width: 60px;
    display: table;
    border: 1px solid
}

@media screen and (min-width: 0\0) {
    .notification_info .time .liveHappen.happen, .oddsTable .time .liveHappen.happen, .recommend_card .info .time .liveHappen.happen {
        min-width: 36px !important;
        max-width: 61px !important
    }
}

.notification_info .time .liveHappen.happen b, .oddsTable .time .liveHappen.happen b, .recommend_card .info .time .liveHappen.happen b {
    font-weight: 400;
    padding: 0 3px
}

font[color=red] {
    color: #b53f39 !important
}

.text-overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

label {
    display: block;
    cursor: pointer;
    position: relative;
    padding-left: 1.467em;
    min-height: 1.5em
}

    label input[type=checkbox] {
        display: none;
        color: #545454
    }

    label input[type=radio] {
        display: none;
        color: #545454
    }

    label.primary {
        color: #5574a7
    }

[class*=numberBall]:first-child > span::before {
    content: ""
}

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.5);
    z-index: 38
}

[class*=heading-] + [class*=filterBlock] {
    border-radius: 0
}

@keyframes spinCircle-rotate {
    0% {
        transform: rotate(0);
        opacity: 1
    }

    45% {
        transform: rotate(225deg);
        opacity: 1;
        animation-timing-function: ease-out
    }

    60% {
        transform: rotate(360deg);
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

.msg {
    position: fixed;
    -webkit-backface-visibility: hidden;
    padding: 0 2em;
    border-radius: 3px;
    width: 35em;
    margin: 0 auto;
    left: 0;
    right: 0;
    box-shadow: 0 0 .2rem 0 rgba(0,0,0,.8);
    z-index: 30;
    color: #fff;
    font-size: 1.2em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

    .msg .icon-confirm {
        font-size: 4em;
        margin: 0 .4em
    }

        .msg .icon-confirm::before {
            display: block;
            position: relative;
            top: .02em
        }

    .msg.center .icon-confirm {
        margin-left: 0
    }

    .msg.success {
        background: linear-gradient(to bottom,#5dad00 0,#48a200 100%);
        background: -webkit-linear-gradient(bottom,#48a200 0,#5dad00 100%)
    }

    .msg.top {
        top: 3px
    }

    .msg.active {
        top: 40%
    }

[class^=empty-page__pic] {
    position: absolute
}

    [class^=empty-page__pic] svg {
        width: 100%;
        height: 100%
    }

.js-bet-name {
    color: #b53f39
}

    .js-bet-name em {
        font-style: normal;
        color: #000;
        opacity: .75
    }

.oddsBet {
    color: #01122b;
    font-weight: 700;
    min-height: 1.5em;
    vertical-align: top;
    padding-right: .7em
}

    .oddsBet:hover {
        color: #01122b
    }

    .oddsBet::before {
        content: "";
        position: absolute;
        right: -.1em
    }

    .oddsBet.text-center {
        padding-right: 1px
    }

.indicatorDown-a::before, .indicatorDown::before, .indicatorUp-a::before, .indicatorUp::before {
    transform: scale(1,1.5)
}

.indicatorUp-a::before, .indicatorUp::before {
    content: ""
}

.indicatorDown-a::before, .indicatorDown::before {
    content: ""
}

.indicatorDown::before, .indicatorUp-a::before {
    color: red
}

.indicatorDown-a::before, .indicatorUp::before {
    color: #5dad00
}

.smallBtn, .smallBtn-text {
    height: 16px;
    font-size: 1.1em
}

    .smallBtn-text::before, .smallBtn::before {
        font-size: 1.14em;
        position: relative;
        line-height: 1
    }

    .smallBtn + .smallBtn, .smallBtn + .smallBtn-text, .smallBtn-text + .smallBtn, .smallBtn-text + .smallBtn-text {
        margin-left: .167em
    }

.primary.smallBtn, .primary.smallBtn-text {
    background: #5574a7;
    color: #fff !important
}

    .primary.smallBtn-text:hover, .primary.smallBtn:hover {
        background: #768fb9
    }

.accent.smallBtn, .accent.smallBtn-text {
    background: #b53f39;
    color: #fff
}

    .accent.smallBtn-text:hover, .accent.smallBtn:hover {
        background: #ca5d57
    }

.accent.hot.smallBtn-text:hover, .accent.hot.smallBtn:hover, .accent.icon-live.smallBtn-text:hover, .accent.icon-live.smallBtn:hover {
    background: #b53f39
}

.outline.smallBtn, .outline.smallBtn-text {
    background-color: transparent;
    border: 1px solid #5574a7;
    color: #5574a7
}

    .outline.smallBtn-text:hover, .outline.smallBtn:hover {
        background: #7591c1;
        border: 1px solid #7591c1;
        color: #fff
    }

.flexible.smallBtn, .flexible.smallBtn-text {
    width: auto
}

.smallBtn {
    width: 16px;
    padding: 0;
    font-weight: 400
}

    .smallBtn.icon-new {
        background: #ffd330;
        color: #73483e;
        padding: 0 .3em;
        transform: scale(.9);
        font-weight: 700;
        white-space: nowrap
    }

.smallBtn-text {
    min-width: 3em;
    padding: 0 .3em;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: .75rem;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 0\0) {
    .smallBtn-text:not([class*=icon-]) {
        -ms-flex-align: baseline;
        align-items: baseline;
        line-height: 1.4
    }

    [lang=ch] .smallBtn-text:not([class*=icon-]), [lang=cs] .smallBtn-text:not([class*=icon-]), [lang=zhcn] .smallBtn-text:not([class*=icon-]) {
        line-height: 1.6
    }

    [lang=ch] .smallBtn-text[class*=icon-], [lang=cs] .smallBtn-text[class*=icon-], [lang=zhcn] .smallBtn-text[class*=icon-] {
        -ms-flex-align: center;
        align-items: center;
        line-height: .875
    }
}

.smallBtn-text::before {
    margin-left: -.3em;
    margin-right: -.05em;
    font-size: inherit;
    line-height: 1
}

.smallBtn-text.hot {
    min-width: auto;
    margin-left: 0
}

.language {
    width: 12.083em
}

    .language:hover {
        background: #7c7c7c;
        color: #fff;
        border-color: #7c7c7c
    }

.data {
    text-align: center;
    background: linear-gradient(to bottom,#44679f 0,#35507b 100%);
    background: -webkit-linear-gradient(bottom,#35507b 0,#44679f 100%);
    margin-left: 4px;
    padding: 0 4px;
    height: 22px;
    box-sizing: border-box;
    border: 1px solid #44679f;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .data::before {
        display: inline-block;
        font-size: 14px;
        font-weight: 400;
        line-height: 1
    }

    .data:hover {
        background-image: none;
        background-color: #4c73b1
    }

    .data .data-text {
        margin: 0 4px
    }

.filter {
    float: left;
    border-radius: 3px;
    padding: .15em .5em;
    color: #545454;
    border: 1px solid #cdcdcd;
    min-height: 1.5em;
    background: #ececec;
    margin: 0
}

    .filter:hover {
        background: #fff
    }

    .filter div::before, .filter::before {
        font-size: 1em;
        transform: scale(1.5);
        line-height: 1;
        float: left;
        padding: .25em .5em
    }

    .filter + .filter {
        margin-left: .25em
    }

    .filter.icon-refresh::before {
        transform: scale(1.4)
    }

    .filter.block-center {
        width: 100%;
        margin: 0;
        text-align: center;
        box-sizing: border-box
    }

        .filter.block-center::before {
            float: none;
            display: inline-block;
            transform: translate(0,0) scale(1.5)
        }

.oddsTable .filter.block-center {
    border-radius: 0;
    border-width: 0 0 1px;
    float: none
}

.filter.primary {
    background-color: #5574a7;
    color: #fff;
    font-weight: 700
}

.filter.active {
    color: #fff;
    background: #5574a7
}

.filter.active-live {
    color: #b53f39;
    background: #ffddd2
}

@keyframes playConnect {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-819px)
    }
}

.form {
    background: #fff;
    color: #545454;
    border: 1px solid #cdcdcd;
    min-height: 1.5em
}

    .form.btn {
        background: #fff
    }

        .form.btn::before {
            line-height: 1.7em
        }

    .form.input-accent {
        background: #ffccbc;
        background: #ffccbc;
        color: #9c0000;
        border: 1px solid #9c0000
    }

    .form.input-inline {
        float: none;
        display: inline-block
    }

.search .form {
    cursor: default
}

input.form {
    cursor: text
}

.trigger.toggle, .trigger.toggle-accent, .trigger.toggle-primary {
    border-right: 1px solid transparent
}

.icon-open.trigger.toggle-accent::before, .icon-open.trigger.toggle-primary::before, .icon-open.trigger.toggle::before {
    content: "";
    font-family: iconFont !important;
    margin-left: 0
}

.icon-close.trigger.toggle-accent::before, .icon-close.trigger.toggle-primary::before, .icon-close.trigger.toggle::before {
    content: "";
    font-family: iconFont !important;
    margin-left: 0
}

.trigger {
    margin: 0;
    padding: 0;
    width: 2em;
    height: auto;
    border-radius: 0;
    color: #7c7c7c;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

    .trigger::before {
        font-size: 2em;
        line-height: 1
    }

.league .trigger {
    margin-left: 0;
    margin-right: .25em
}

.trigger.toggle {
    background: linear-gradient(to bottom,#cdcdcd 0,#bbb 100%);
    background: -webkit-linear-gradient(bottom,#bbb 0,#cdcdcd 100%);
    border-right-color: #a3a3a3;
    color: rgba(0,0,0,.9)
}

    .trigger.toggle:hover {
        background: linear-gradient(to bottom,#d5d5d5 0,#c3c3c3 100%);
        background: -webkit-linear-gradient(bottom,#c3c3c3 0,#d5d5d5 100%)
    }

.trigger.toggle-primary {
    background: linear-gradient(to bottom,#5574a7 0,#5574a7 100%);
    background: -webkit-linear-gradient(bottom,#5574a7 0,#5574a7 100%);
    border-right-color: #3b5174;
    color: rgba(255,255,255,.6)
}

    .trigger.toggle-primary:hover {
        background: linear-gradient(to bottom,#6582b1 0,#6582b1 100%);
        background: -webkit-linear-gradient(bottom,#6582b1 0,#6582b1 100%)
    }

.trigger.toggle-accent {
    background: linear-gradient(to bottom,#ca5d57 0,#b53f39 100%);
    background: -webkit-linear-gradient(bottom,#b53f39 0,#ca5d57 100%);
    border-right-color: #7b2b27;
    color: rgba(255,255,255,.6)
}

    .trigger.toggle-accent:hover {
        background: linear-gradient(to bottom,#d06f6a 0,#c44a44 100%);
        background: -webkit-linear-gradient(bottom,#c44a44 0,#d06f6a 100%)
    }

.oddsTitleWrap > .trigger {
    position: absolute;
    top: 0;
    bottom: 0
}

@keyframes flash {
    50%,from,to {
        opacity: 1
    }

    25%,75% {
        opacity: .5
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.oddsTable .time {
    vertical-align: top
}

.oddsTable .event {
    padding-left: .25em;
    padding-right: .25em
}

    .oddsTable .event .team {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .oddsTable .event .team + .team {
            margin-top: .167em
        }

        .oddsTable .event .team .name {
            -ms-flex: 1;
            flex: 1
        }

        .oddsTable .event .team .extra {
            -ms-flex: 1;
            flex: 1;
            color: #2e2e2e;
            font-weight: 700
        }

        .oddsTable .event .team .name-pointer {
            cursor: pointer
        }

        .oddsTable .event .team .text {
            display: inline
        }

        .oddsTable .event .team .card {
            display: inline-block;
            padding: 0 .3em;
            margin-left: .25em;
            background: #b53f39;
            color: #fff;
            border-radius: 3px;
            transform: rotate(15deg) scale(.7)
        }

.oddsTitleWrap {
    position: relative
}

.oddsTitle, .oddsTitle-accent {
    height: 22px;
    border-style: solid;
    border-width: 0 0 1px
}

.oddsTable .oddsTitle .time + .event, .oddsTable .oddsTitle-accent .time + .event {
    padding-left: 2.5em
}

.oddsTable .oddsTitle .time, .oddsTable .oddsTitle-accent .time {
    display: none
}

.oddsTable.hdpou-e .oddsTitle .time, .oddsTable.hdpou-e .oddsTitle-accent .time {
    display: table-cell;
    width: 6.4em;
    max-width: 6.4em
}

.oddsTitle-accent > div, .oddsTitle > div {
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-top: 4px !important;
    padding-bottom: 4px !important
}

    .oddsTitle-accent > div + div, .oddsTitle > div + div {
        border-left: 1px solid
    }

.oddsTitle {
    background: #5574a7;
    border-color: #5574a7
}

    .oddsTitle > div + div {
        border-color: #3b5174
    }

.oddsTitle-accent {
    background: #b53f39;
    border-color: #b53f39
}

    .oddsTitle-accent > div + div {
        border-color: #7b2b27
    }

.league {
    display: -ms-flexbox;
    display: flex;
    background: #b1b1b1;
    border-bottom: 1px solid #a3a3a3
}

    .league:hover {
        background: #b9b9b9
    }

    .league .leagueName {
        -ms-flex: 1 0 0;
        flex: 1 0 0;
        -ms-flex-item-align: center;
        align-self: center;
        padding: 0 .15em;
        color: #000;
        font-weight: 700;
        cursor: pointer
    }

        .league .leagueName .accent {
            color: #b53f39
        }

        .league .leagueName .label-accent {
            background: #b53f39;
            color: #fff;
            padding: 0 .3em;
            border-radius: 3px;
            margin: 0 .25em
        }

.live-a, .live-b, .normal-a, .normal-b {
    border: 1px solid;
    height: 1px
}

    .live-a:hover, .live-b:hover, .normal-a:hover, .normal-b:hover {
        background: #f5eeb8
    }

    .live-a .multiOdds + .multiOdds, .live-b .multiOdds + .multiOdds, .normal-a .multiOdds + .multiOdds, .normal-b .multiOdds + .multiOdds {
        border-top: 1px solid
    }

    .live-a .time, .live-b .time, .normal-a .time, .normal-b .time {
        border-right: 1px solid
    }

    .hdpou-a .live-a .multiOdds > div:nth-of-type(5), .hdpou-a .live-b .multiOdds > div:nth-of-type(5), .hdpou-a .normal-a .multiOdds > div:nth-of-type(5), .hdpou-a .normal-b .multiOdds > div:nth-of-type(5), .hdpou-g .live-a .multiOdds > div:nth-of-type(4), .hdpou-g .live-b .multiOdds > div:nth-of-type(4), .hdpou-g .normal-a .multiOdds > div:nth-of-type(4), .hdpou-g .normal-b .multiOdds > div:nth-of-type(4), .live-a .event + div, .live-a .time, .live-b .event + div, .live-b .time, .normal-a .event + div, .normal-a .time, .normal-b .event + div, .normal-b .time, .sport164 .live-a > div, .sport164 .live-b > div, .sport164 .normal-a > div, .sport164 .normal-b > div {
        border-left: 1px solid
    }

.oddsTable .live-a > div:first-child, .oddsTable .live-b > div:first-child, .oddsTable .normal-a > div:first-child, .oddsTable .normal-b > div:first-child {
    border-left: 0
}

.live-a {
    background: #ffccbc;
    border-color: #cea193
}

    .hdpou-a .live-a .multiOdds > div:nth-of-type(5), .hdpou-g .live-a .multiOdds > div:nth-of-type(4), .live-a .event + div, .live-a .multiOdds + .multiOdds, .live-a .time, .sport164 .live-a > div {
        border-color: #cea193
    }

.live-b {
    background: #ffddd2;
    border-color: #cea193
}

    .hdpou-a .live-b .multiOdds > div:nth-of-type(5), .hdpou-g .live-b .multiOdds > div:nth-of-type(4), .live-b .event + div, .live-b .multiOdds + .multiOdds, .live-b .time, .sport164 .live-b > div {
        border-color: #cea193
    }

.normal-a {
    background: #c6d4f1;
    border-color: #bbb
}

    .hdpou-a .normal-a .multiOdds > div:nth-of-type(5), .hdpou-g .normal-a .multiOdds > div:nth-of-type(4), .normal-a .event + div, .normal-a .multiOdds + .multiOdds, .normal-a .time, .sport164 .normal-a > div {
        border-color: #bbb
    }

.normal-b {
    background: #e4e4e4;
    border-color: #bbb
}

    .hdpou-a .normal-b .multiOdds > div:nth-of-type(5), .hdpou-g .normal-b .multiOdds > div:nth-of-type(4), .normal-b .event + div, .normal-b .multiOdds + .multiOdds, .normal-b .time, .sport164 .normal-b > div {
        border-color: #bbb
    }

.betArea {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

    .betArea .oddsBet {
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .betArea .txt {
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        display: inline-block;
        margin-left: auto;
        margin-right: .3rem;
        text-align: right;
        min-height: 1.5em;
        color: #2e2e2e;
        width: 3.8em
    }

        .betArea .txt .underdog {
            color: #b53f39
        }

    .betArea + .betArea {
        margin-top: .167em
    }

.icon {
    width: 16px;
    height: 16px;
    border-radius: 3px
}

    .icon.accent {
        background: #b53f39
    }

    .icon.live {
        width: 2.25em
    }

.oddsTable .matchArea {
    line-height: 1.5
}

.live-a ~ .liveScore {
    background: #ffccbc;
    border-color: #cea193
}

.live-a + .live-a {
    border-top: 0
}

.live-b ~ .liveScore {
    background: #ffddd2;
    border-color: #cea193
}

.live-b + .live-b {
    border-top: 0
}

.normal-a ~ .liveScore {
    background: #c6d4f1;
    border-bottom-color: #bbb
}

.normal-a + .normal-a {
    border-top: 0
}

.normal-b ~ .liveScore {
    background: #e4e4e4;
    border-bottom-color: #bbb
}

.normal-b + .normal-b {
    border-top: 0
}

.liveScore {
    position: relative;
    overflow: hidden;
    padding: .833em;
    background: #c6d4f1;
    border-bottom: 1px solid #bbb
}

.liveScore_container {
    display: table;
    position: relative;
    width: 100%;
    text-align: center;
    color: #fff;
    background: #625d5d;
    border-radius: 3px;
    line-height: 1.8
}

    .liveScore_container .content, .liveScore_container .title {
        display: table-row-group
    }

    .liveScore_container .event-name, .liveScore_container .score, .liveScore_container .status {
        display: table-cell;
        padding: .125rem;
        vertical-align: middle
    }

    .liveScore_container .status {
        width: 2em
    }

    .liveScore_container .event-name {
        width: 44%;
        text-align: left
    }

        .liveScore_container .event-name > span {
            display: inline-block;
            width: 100%;
            vertical-align: middle;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .liveScore_container .event-name .group {
            display: inline-block;
            text-align: right;
            margin-left: -4px
        }

    .liveScore_container .score {
        width: auto;
        white-space: nowrap
    }

    .liveScore_container li:last-child:not(:nth-child(-n+8)) {
        width: 10%
    }

    .liveScore_container ul.content .event-name {
        font-weight: 700
    }

        .liveScore_container ul.content .event-name .group {
            width: 35%
        }

        .liveScore_container ul.content .event-name > span:nth-last-child(2) {
            width: 60%
        }

    .liveScore_container ul.title {
        border-radius: inherit
    }

        .liveScore_container ul.title li {
            background: #574a4a
        }

            .liveScore_container ul.title li:first-child {
                border-top-left-radius: inherit
            }

            .liveScore_container ul.title li:last-child {
                border-top-right-radius: inherit
            }

        .liveScore_container ul.title .score {
            font-weight: 400;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .liveScore_container ul.title .event-name div {
            display: inline-block;
            margin-right: 1em
        }

            .liveScore_container ul.title .event-name div:first-child {
                margin-right: 3em
            }

        .liveScore_container ul.title .event-name span {
            display: inline
        }

            .liveScore_container ul.title .event-name span + span {
                margin-left: .25rem
            }

.liveScore {
    border-left: 1px solid;
    border-right: 1px solid
}

    .liveScore [class*=icon] {
        display: inline-block;
        vertical-align: middle;
        background: #ececec;
        border-radius: 2px
    }

        .liveScore [class*=icon]::before {
            display: inline-block;
            font-size: 1rem;
            width: 1em;
            height: 1em;
            line-height: 1
        }

.team-color + .team-name {
    padding-left: 1.5em
}

.icon-browser-opera {
    background-position: 0 80%
}

[class^=poker-] {
    padding: .18em .5em;
    margin: .5em
}

[class^=howtouse] .smallBtn {
    cursor: default
}

    [class^=howtouse] .smallBtn:hover {
        background: #ffd330
    }

[data-oddsbet=add-bg] [class="oddsBet underdog"], [data-oddsbet=add-bg] [class=oddsBet] {
    background-color: rgba(255,255,255,.4)
}

    [data-oddsbet=add-bg] [class="oddsBet underdog"]:hover, [data-oddsbet=add-bg] [class=oddsBet]:hover {
        background-color: #fff
    }

.sport2.oddsTable .time .score {
    margin-bottom: .4em;
    margin-top: .4em;
    border-radius: 26px;
    border: 1px solid #b53f39;
    line-height: 1.5em
}

.language {
    margin-left: .5em
}

.data.icon-phone {
    position: relative;
    overflow: visible
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .header-search-input {
        -ms-flex: 1;
        flex: 1
    }
}

@keyframes oddsChangeColor-transparent {
    0% {
        background: #ffaf96
    }

    70% {
        background: #ffaf96
    }

    71% {
        background: 0 0
    }

    100% {
        background: 0 0
    }
}

@keyframes oddsChangeColor-quickBet {
    0% {
        background: #ffaf96
    }

    70% {
        background: #ffaf96
    }

    71% {
        background: #fff
    }

    100% {
        background: #fff
    }
}

@keyframes oddsChangeColor-betSlip {
    0% {
        background: #ffaf96
    }

    70% {
        background: #ffaf96
    }

    71% {
        background: #ececec
    }

    100% {
        background: #ececec
    }
}

@keyframes oddsChangeColor-betSlipLive {
    0% {
        background: #ffaf96
    }

    70% {
        background: #ffaf96
    }

    71% {
        background: #fce7d7
    }

    100% {
        background: #fce7d7
    }
}

@keyframes FadeInOut {
    0% {
        transform: translateY(-100%);
        opacity: 0
    }

    5% {
        transform: translateY(0);
        opacity: 1
    }

    90% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes rotate {
    to {
        transform: rotate(360deg)
    }
}

@keyframes rotateScale {
    0% {
        transform: rotate(0) scale(1.3)
    }

    100% {
        transform: rotate(360deg) scale(1.3)
    }
}

@keyframes rotateScale-large {
    0% {
        transform: rotate(0) scale(1.4)
    }

    100% {
        transform: rotate(360deg) scale(1.4)
    }
}

@keyframes loading-a {
    0% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(.3);
        opacity: .2
    }
}

.oddsTable .info, .oddsTable .no, .oddsTable .odds {
    box-sizing: border-box;
    padding: 4px;
    display: table-cell;
    vertical-align: middle
}

[class*=bgBtn-] {
    width: 55px;
    height: 55px
}

.icon-clear::before {
    content: ""
}

.icon-close::before {
    content: ""
}

.icon-link::before {
    content: ""
}

.icon-info::before {
    content: ""
}

.icon-live::before {
    content: "";
    font-family: iconFont !important;
    margin-right: 0;
    margin-left: 0;
    width: auto
}

.icon-refresh::before {
    content: ""
}

.icon-search::before {
    content: ""
}

.icon-news::before {
    content: ""
}

.icon-phone::before {
    content: ""
}

.icon-earth::before {
    content: ""
}

.icon-lock::before {
    content: ""
}

.icon-edit::before {
    content: ""
}

.icon-confirm::before {
    content: ""
}

.icon-filter::before {
    content: ""
}

.icon-android::before {
    content: ""
}

.oddsTable {
    font-family: Tahoma,Arial,pmingliu,"新細明體";
    position: relative
}

@keyframes playHC {
    from {
        background-position: 0
    }

    to {
        background-position: -4230px
    }
}

@keyframes play {
    from {
        background-position: 0
    }

    to {
        background-position: -2820px
    }

    from {
        background-position: 0
    }

    to {
        background-position: -2820px
    }
}

.oddsTable .multiOdds {
    display: table;
    table-layout: fixed;
    width: 100%
}

    .oddsTable .multiOdds > div {
        vertical-align: top
    }

    .oddsTable .multiOdds.fullHeight {
        height: 100%
    }

.oddsTitleWrap {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    overflow: hidden
}

    .oddsTitleWrap + .leagueGroup .league {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

.sport164 .oddsTitle {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.leagueGroup {
    margin-bottom: 1px
}

    .leagueGroup .oddsContent .matchArea:last-child > div:last-child {
        margin-bottom: 0
    }

    .leagueGroup .league {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        min-height: 26px
    }

        .leagueGroup .league .trigger.toggle {
            border-top-left-radius: 3px
        }

.league + .oddsContent .matchArea:first-child > div:first-child, .oddsTitle + .oddsContent .matchArea:first-child > div:first-child, .oddsTitle-accent + .oddsContent .matchArea:first-child > div:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 0
}

.matchArea > div {
    box-sizing: border-box
}

    .matchArea > div:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .matchArea > div:last-child {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        margin-bottom: 1px
    }

.sport180 + div .oddsTable {
    margin-bottom: 1px
}

.oddsTable {
    margin-bottom: 5px
}

    .oddsTable:last-child {
        margin-bottom: 0
    }

    .oddsTable.sport2 .time {
        width: 6.4em;
        max-width: 6.4em
    }

html[lang=ch] .oddsTable .timeInfo .timePlaying, html[lang=cs] .oddsTable .timeInfo .timePlaying, html[lang=zhcn] .oddsTable .timeInfo .timePlaying {
    white-space: normal
}

    html[lang=ch] .oddsTable .timeInfo .timePlaying .minute, html[lang=cs] .oddsTable .timeInfo .timePlaying .minute, html[lang=zhcn] .oddsTable .timeInfo .timePlaying .minute {
        font-size: 12px;
        display: block;
        bottom: 0;
        line-height: 1.5
    }

.oddsTable .time {
    width: 6.4em;
    max-width: 6.4em;
    text-align: center;
    vertical-align: top
}

    .oddsTable .time .smallBtn, .oddsTable .time .smallBtn-text {
        float: none;
        cursor: default
    }

    .oddsTable .time .binding {
        word-spacing: 0;
        color: #1e1e1e;
    }

        .oddsTable .time .binding font[color=red] {
            display: inline
        }

.oddsTable .normal-a .time, .oddsTable .normal-b .time, .oddsTable.hdpou-e .live-a .time, .oddsTable.hdpou-e .live-b .time, .oddsTable.hdpou-e .normal-a .time, .oddsTable.hdpou-e .normal-b .time, html:lang(vn) .oddsTable .normal-a .time, html:lang(vn) .oddsTable .normal-b .time {
    width: 6.4em;
    max-width: 6.4em
}

.oddsTable .no {
    width: 5%;
    text-align: center
}

.oddsTable .info {
    width: 5%
}

.oddsTable .odds {
    width: 8.6em;
    max-width: 8.6em;
    text-align: center;
    padding-left: .15em;
    padding-right: .15em
}

    .oddsTable .odds.subtxt {
        width: 8.6em;
        max-width: 8.6em
    }

.oddsTable .matchArea .odds.subtxt {
    text-align: right
}

.oddsTable .txt {
    width: 3.8em
}

.oddsTable .oddsBet {
    min-width: 3.3em
}

.hdpou-a {
    min-width: 710px;
    font-size: 11px
}

html:lang(ch) .hdpou-a, html:lang(cs) .hdpou-a, html:lang(zhcn) .hdpou-a {
    min-width: 860px
}

.hdpou-a.extra-a .oddsBet {
    min-width: 2.7em
}

.hdpou-a.extra-a .odds.subtxt {
    width: 7em;
    max-width: 7em
}

html:lang(ch) .hdpou-a.extra-a .odds.subtxt, html:lang(cs) .hdpou-a.extra-a .odds.subtxt, html:lang(zhcn) .hdpou-a.extra-a .odds.subtxt {
    width: 7em;
    max-width: 7em
}

.hdpou-a.extra-a .odds.subtxt .txt {
    width: 3em;
    max-width: 3em
}

.hdpou-a.extra-b .oddsBet {
    min-width: 2.7em
}

.hdpou-a.extra-b .odds {
    width: 7em;
    max-width: 7em
}

    .hdpou-a.extra-b .odds.subtxt {
        width: 7em;
        max-width: 7em
    }

        .hdpou-a.extra-b .odds.subtxt .txt {
            width: 3em;
            max-width: 3em
        }

html:lang(ch) .hdpou-a .odds, html:lang(cs) .hdpou-a .odds, html:lang(zhcn) .hdpou-a .odds {
    width: 7em;
    max-width: 7em
}

    html:lang(ch) .hdpou-a .odds.subtxt, html:lang(cs) .hdpou-a .odds.subtxt, html:lang(zhcn) .hdpou-a .odds.subtxt {
        width: 8.6em;
        max-width: 8.6em
    }

.hdpou-b {
    min-width: 810px
}

    .hdpou-b .odds {
        width: 5em;
        max-width: 5em
    }

    .hdpou-b.extra-a .odds {
        width: 8.6em;
        max-width: 8.6em
    }

.hdpou-c {
    min-width: 810px
}

    .hdpou-c .odds {
        width: 5em;
        max-width: 5em
    }

.hdpou-d .odds {
    width: 8.6em;
    max-width: 8.6em
}

    .hdpou-d .odds.subtxt {
        width: 8.6em;
        max-width: 8.6em
    }

.manyOdds {
    display: table;
    table-layout: fixed;
    width: 100%
}

#mobile .box {
    padding: 1rem .5rem
}

#mobile #odds-wrapper.box {
    padding-top: 0
}

#mobile .select-leagues {
    padding: 1em 0
}

#mobile .hdpou-a {
    min-width: 320px;
    font-size: 12px
}

#mobile .league {
    border-bottom: none
}

#mobile .leagueGroup .league {
    border-radius: unset
}

#mobile .league .leagueName {
    padding: 3px 5px
}

#mobile .commatch_list {
    display: flex;
    border-top: 1px solid #bbb
}

#mobile .oddsTable {
    margin-bottom: 0
}

    #mobile .oddsTable .matchArea {
        padding-bottom: 15px
    }

    #mobile .oddsTable .odds {
        width: 5.45em;
        max-width: 7em
    }

    #mobile .oddsTable .multiOdds .odds {
        padding: 2px
    }

    #mobile .oddsTable .bgc-normal-a .odds .betArea {
        border: 1px solid #94a9d5
    }

    #mobile .oddsTable .bgc-live-a .odds .betArea {
        border: 1px solid #ecad99
    }

    #mobile .oddsTable .odds .betArea {
        border: 1px solid #b6b6b6;
        border-radius: .5em;
        display: block;
        min-height: 2.6em
    }

        #mobile .oddsTable .odds .betArea + .betArea {
            margin-top: .3em
        }

    #mobile .oddsTable .odds.odds-empty .betArea {
        border-color: transparent
    }

#mobile .oddsBet.indicatorDown, #mobile .oddsBet.indicatorDown-a, #mobile .oddsBet.indicatorUp, #mobile .oddsBet.indicatorUp-a {
    border-radius: .5em
}

#mobile .com-info-fixed {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-content: stretch
}

    #mobile .com-info-fixed .match-team-info {
        border-top: 1px solid #bbb;
        display: flex;
        justify-content: space-around
    }

    #mobile .com-info-fixed .team {
        height: 40px;
        margin-top: 5px;
        margin-left: 5px;
        display: table;
        vertical-align: middle
    }

        #mobile .com-info-fixed .team .name {
            display: table-cell;
            vertical-align: middle;
            color: #1e1e1e;
        }

        #mobile .com-info-fixed .team span {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            margin-right: auto;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            font-weight: 700
        }

        #mobile .com-info-fixed .team .card {
            display: inline-block;
            padding: 0 .3em;
            margin-left: .25em;
            background: #b53f39;
            color: #fff;
            border-radius: 3px;
            transform: rotate(15deg) scale(.7)
        }

    #mobile .com-info-fixed .odd-title {
        line-height: 32px;
        font-size: 12px;
        background-color: #5574a7;
        color: #ebebeb;
        text-align: center;
    }

        #mobile .com-info-fixed .odd-title .event {
            padding-left: 5px;
            padding-right: 5px;
            display: inline-block !important
        }

            #mobile .com-info-fixed .odd-title .event .score {
                letter-spacing: 4px;
                display: inline-block
            }

            #mobile .com-info-fixed .odd-title .event .timeInfo {
                display: inline-block;
                margin-left: 5px
            }

#mobile .oddsContent {
    flex-grow: 1
}

    #mobile .oddsContent .matchArea > div:last-child {
        border-radius: unset
    }

.leagueGroup .oddsContent #mobile .matchArea:last-child > div:last-child {
    border-radius: unset
}

#mobile .live-a:hover, #mobile .live-b:hover, #mobile .normal-a:hover, #mobile .normal-b:hover {
    background-color: inherit
}

#mobile .odds-empty .oddsBet:hover {
    background-color: inherit
}

#mobile .oddsBet:hover, #mobile .oddsTable .multiOdds .market-live-a:hover, #mobile .oddsTable .multiOdds .market-live-b:hover, #mobile .oddsTable .multiOdds .market-normal-a:hover, #mobile .oddsTable .multiOdds .market-normal-b:hover {
    background: #ededed;
    border-radius: .5em
}

#mobile .oddsContent .odd-title {
    display: flex;
    justify-content: space-evenly;
    font-size: 11px;
    background-color: #5574a7;
    color: #ebebeb;
    line-height: 16px
}

#mobile .oddsTable .odd-title .odds {
    width: 5.6em
}

#mobile .oddsContent .matchArea > div {
    border: none;
    border-top: 1px solid #bbb;
    border-bottom: none;
    border-left: none;
    border-right: none
}

#mobile .oddsTable .multiOdds {
    display: flex;
    justify-content: space-evenly;
    font-size: 12px;
    border: none
}

    #mobile .oddsTable .multiOdds + .multiOdds {
        margin-top: 2px
    }

    #mobile .oddsTable .multiOdds .market-live-a {
        background-color: #ffccbc;
        border-radius: 5px
    }

    #mobile .oddsTable .multiOdds .market-live-b {
        background-color: #ffd7cb;
        border-radius: 5px
    }

    #mobile .oddsTable .multiOdds .market-normal-a {
        background-color: #c6d4f1;
        border-radius: 5px
    }

    #mobile .oddsTable .multiOdds .market-normal-b {
        background-color: #abc2f1;
        border-radius: 5px
    }

#mobile .oddsBet.market-live-a.indicatorUp, #mobile .oddsBet.market-live-b.indicatorUp, #mobile .oddsBet.market-live-a.indicatorDown, #mobile .oddsBet.market-live-b.indicatorDown, #mobile .oddsBet.market-normal-a.indicatorUp, #mobile .oddsBet.market-normal-b.indicatorUp, #mobile .oddsBet.market-normal-a.indicatorDown, #mobile .oddsBet.market-normal-b.indicatorDown {
    background: #ffaf96
}

#mobile .oddsTable .multiOdds .oddsBet {
    padding: 0;
    text-align: center;
    display: block;
    font-size: 14px
}

    #mobile .oddsTable .multiOdds .oddsBet::before {
        bottom: 0;
        right: -.15em
    }

    #mobile .oddsTable .multiOdds .oddsBet .txt {
        width: auto;
        text-align: center;
        display: block;
        margin: 0;
        font-weight: 400;
        font-size: 12px
    }

#mobile .flex-container {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-content: stretch;
    align-items: center;
    background: #c6d4f1
}

#mobile .flex-child {
    width: 200px;
    order: 0;
    flex: 0 1 auto;
    align-self: flex-start
}

#mobile .slick-dots {
    bottom: 9px
}

    #mobile .slick-dots li {
        width: 12px;
        height: 12px;
        margin: 0
    }

        #mobile .slick-dots li button {
            width: 8px;
            height: 8px
        }

            #mobile .slick-dots li button:before {
                width: 8px;
                height: 8px;
                font-size: 25px;
                color: #000
            }

        #mobile .slick-dots li.slick-active button:before {
            opacity: .75;
            color: #5574a7
        }

#mobile .bgc-normal-a {
    background: #c6d4f1
}

#mobile .bgc-normal-b {
    background: #e4e4e4
}

#mobile .bgc-live-a {
    background: #ffccbc
}

#mobile .bgc-live-b {
    background: #ffddd2
}

#mobile .search-team {
    height: 36px
}

#mobile .slick-slide {
    height: auto
}

#mobile .count-event {
    margin: -5px 0 10px;
    text-align: right;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px
}

    #mobile .count-event .right {
        text-align: right;
        font-size: 12px
    }

    #mobile .count-event .score-link {
        margin-left: 5px
    }

#mobile .banner .banner-image img {
    max-height: 40px
}

#mobile .com-info-fixed .team.assessPreMatch {
    margin-top: 10px
}

#mobile .assessPreMatch .assessPreMatchLink {
    display: inline-block;
    margin-left: 0
}

#mobile .odds-empty.default-height1x2 .betArea {
    height: 39px
}

.mobileAssessPreMatchLinkContent {
    font-size: 14px;
    min-width: 200px
}

    .mobileAssessPreMatchLinkContent ul {
        margin: 0;
        padding: 0
    }

    .mobileAssessPreMatchLinkContent h4 {
        margin: 0 0 10px;
        font-size: 16px
    }

    .mobileAssessPreMatchLinkContent p {
        margin: 10px 0
    }

    .mobileAssessPreMatchLinkContent .eventName {
        font-size: 16px;
        font-weight: 700
    }

    .mobileAssessPreMatchLinkContent ul li {
        margin: 5px 0
    }

        .mobileAssessPreMatchLinkContent ul li span {
            display: inline-block;
            margin-right: 5px
        }

        .mobileAssessPreMatchLinkContent ul li a {
            color: #00E;
            font-weight: 400
        }

.react-responsive-modal-closeButton {
    top: 5px !important;
    right: 5px !important
}

#desktop {
    position: relative;
}
    /*#desktop.loading::before {
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(255,255,255,0.7);
    top:0;left:0;
    z-index:1050;
    content:'';
}*/
    #desktop .result-page {
        min-width: 710px
    }

.result-page .header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

    .result-page .header h3 {
        margin: 0;
        display: inline-block;
        font-size: 15px
    }

.result-page .search-team {
    margin-top: 1rem !important;
    margin-bottom: .5rem !important
}

@media only screen and (min-width: 48em) {
    .result-page .search-team {
        margin-top: 1rem !important;
        margin-bottom: .5rem !important
    }
}

#mobile .result-page .search-team {
    margin-top: 1rem;
    margin-bottom: .5rem
}

.result-page-content {
    margin-top: 10px
}

    .result-page-content .score-title {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        background-color: #5574a7;
        color: #fbfbfb;
        padding: 5px 4px
    }

    .result-page-content .time {
        width: 45px
    }

    .result-page-content .score {
        width: 75px
    }

    .result-page-content .match {
        width: calc(100% - 120px)
    }

.result-table .league {
    align-items: center;
    display: flex;
    background: #b1b1b1;
    padding: 5px 4px
}

    .result-table .league .league-name {
        color: #000;
        font-weight: 700
    }

.result-table .event {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 4px;
    background: #e4e4e4;
    line-height: 1.4rem;
    border-top: 1px solid #ccc
}

    .result-table .event .match {
        font-weight: 400
    }

        .result-table .event .match .team {
            display: flex;
            align-items: center
        }

#desktop .result-table .event .match .team {
    display: flex;
    align-items: center
}

.result-table .event .match .home {
    font-weight: 700
}

.result-table .event .match .team-name {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    white-space: nowrap
}

.result-table .event .score .score-content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 700
}

    .result-table .event .score .score-content .score-type {
        width: 30px
    }

    .result-table .event .score .score-content .score-number {
        width: calc(100% - 20px)
    }

.result-table .event .card {
    display: inline-block;
    padding: 0 .3em;
    margin-left: .25em;
    background: #b53f39;
    color: #fff;
    border-radius: 3px;
    transform: rotate(15deg) scale(0.7);
    font-weight: 400
}

#desktop .result-table .event .team-vs {
    display: inline-block;
    margin: 0 5px
}

.result-table .winner {
    position: relative;
    top: -2px
}

#mobile .result-table .winner {
    top: 0
}

.result-table .home .winner {
    margin-right: 2px
}

.result-table .away .winner {
    margin-left: 2px
}

#desktop .result-page-content .time, #desktop .result-table .league .league-name {
    padding-left: 5px;
    line-height: 16px
}

#desktop .result-page-content .score-title, #desktop .result-page-content .result-table .event {
    -webkit-box-flex: 1;
    flex: 1 0 0;
    -ms-flex: 1 0 0;
    -webkit-flex: 1 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 5px 0
}

#desktop .score-title .group, #desktop .event .group {
    -webkit-box-flex: 1;
    flex: 1 0 0;
    -ms-flex: 1 0 0;
    -webkit-flex: 1 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#desktop .score-title .half-time, #desktop .event .half-time {
    width: 40px;
    justify-content: center;
    display: flex
}

#desktop .score-title .group .score, #desktop .event .group .score {
    width: 45px;
    font-size: 12px;
    justify-content: center;
    display: flex
}

#desktop .event .group .score, #desktop .event .group .team {
    font-weight: 700
}

#desktop .score-title .group .team, #desktop .event .group .team {
    -webkit-box-flex: 1;
    flex: 1 0 0;
    -ms-flex: 1 0 0;
    -webkit-flex: 1 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#desktop .score-title .group .home, #desktop .event .group .home {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.test {
    display: flex;
    padding: 0 10px;
    align-items: center
}

code {
    font-family: source-code-pro,Menlo,Monaco,Consolas,'Courier New',monospace
}

.heading {
    margin: 0;
    width: 100%;
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    color: #333;
    text-align: left;
    line-height: 26px;
    text-transform: uppercase;
    padding-left: 27px;
    padding-bottom: 15px
}

    .heading.boder-bt {
        border-bottom: 1px solid #e3e3e3
    }

.bg_top {
    background: no-repeat center top;
    background-size: contain
}

.full-width {
    width: 100% !important;
    display: inline-block !important
}

.box-identify {
    width: 100%;
    display: inline-block;
    margin-top: 20px
}

.mt-0 {
    margin-top: 0 !important
}

#odds-wrapper a::after, #odds-wrapper a::before, #odds-wrapper button::after, #odds-wrapper button::before, #odds-wrapper div::after, #odds-wrapper div::before, #odds-wrapper form::after, #odds-wrapper form::before, #odds-wrapper h1::after, #odds-wrapper h1::before, #odds-wrapper h2::after, #odds-wrapper h2::before, #odds-wrapper h3::after, #odds-wrapper h3::before, #odds-wrapper h4::after, #odds-wrapper h4::before, #odds-wrapper h5::after, #odds-wrapper h5::before, #odds-wrapper h6::after, #odds-wrapper h6::before, #odds-wrapper label::after, #odds-wrapper label::before, #odds-wrapper li::after, #odds-wrapper li::before, #odds-wrapper p::after, #odds-wrapper p::before, #odds-wrapper span::after, #odds-wrapper span::before, #odds-wrapper ul::after, #odds-wrapper ul::before {
    font-family: iconFont
}

.box {
    padding: 1rem .5rem
}

.filter-days {
    padding: 1rem 0;
    margin-bottom: -1rem
}

#desktop .filter-days {
    padding: 1rem 0 0
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px
}

    .lds-ring div {
        box-sizing: border-box;
        display: block;
        position: absolute;
        width: 48px;
        height: 48px;
        margin: 8px;
        border: 4px solid #fff;
        border-radius: 50%;
        animation: lds-ring 1.2s cubic-bezier(0.5,0,0.5,1) infinite;
        border-color: #c1c1c1 transparent transparent
    }

        .lds-ring div:nth-child(1) {
            animation-delay: -.45s
        }

        .lds-ring div:nth-child(2) {
            animation-delay: -.3s
        }

        .lds-ring div:nth-child(3) {
            animation-delay: -.15s
        }

@keyframes lds-ring {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.basic-multi-select .select__control {
    box-shadow: none;
    border-color: #ddd
}

    .basic-multi-select .css-1pahdxg-control:hover, .basic-multi-select .select__menu:hover, .basic-multi-select .select__control:hover {
        border-color: #ddd
    }

    .basic-multi-select .select__control .select__placeholder {
        text-align: left !important
    }

.basic-multi-select .select__menu {
    text-align: left
}

@-webkit-keyframes blink {
    0%,100% {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

@-moz-keyframes blink {
    0%,100% {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

@-o-keyframes blink {
    0%,100% {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

@keyframes blink {
    0%,100% {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

.dot {
    -webkit-animation: blink 2s infinite;
    -moz-animation: blink 2s infinite;
    -o-animation: blink 2s infinite;
    animation: blink 2s infinite;
    background-color: #b53f39;
    border-radius: 50%;
    width: .5rem;
    height: .5rem;
    display: inline-block;
    animation: blink 2s infinite
}

.dot--basic {
    animation: blink 2s infinite
}

@media (prefers-reduced-motion: reduce) {
    .dot {
        animation: none
    }
}

.filter-block {
    font-size: 14px
}

.col-xs.search-team {
    margin-bottom: 1rem
}

    .col-xs.search-team .texteditor {
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 4px;
        position: relative;
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-tap-highlight-color: transparent;
        -webkit-text-size-adjust: none;
        -webkit-touch-callout: none;
        padding: 0;
        outline: 0;
        -webkit-print-color-adjust: exact
    }

        .col-xs.search-team .texteditor:hover {
            border-color: #ddd
        }

    .col-xs.search-team .texteditor-container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100%
    }

    .col-xs.search-team .texteditor-input-container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        position: relative;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        box-sizing: border-box
    }

    .col-xs.search-team .texteditor-input {
        margin: 0;
        padding: 0 0 0 9px;
        background: transparent;
        color: #333;
        font-size: 1em;
        border-radius: 4px;
        min-height: 34px;
        -webkit-appearance: none;
        width: 100%;
        height: 100%;
        outline: 0;
        border: 0;
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text
    }

    .col-xs.search-team .clear {
        padding: 0 5px;
        position: relative;
        top: 4px;
        cursor: pointer
    }

.radio-select-day {
    margin: 0;
    padding: 0;
    display: flex
}

    .radio-select-day li {
        display: flex;
        width: 70px;
        align-items: center
    }

        .radio-select-day li.current-day {
            width: 95px
        }

        .radio-select-day li input[type='radio'] {
            margin: 0;
            cursor: pointer;
            -ms-transform: scale(1.2);
            -webkit-transform: scale(1.2);
            transform: scale(1.2)
        }

        .radio-select-day li label {
            display: inline-block;
            padding-left: 8px
        }

@media only screen and (min-width: 75em) {
    .col-xs.search-team {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 64em) {
    .col-xs.search-team {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 48em) {
    .col-xs.search-team {
        margin-bottom: 0
    }
}

#desktop .oddsTable .time .timeInfo .timePlaying {
    font-size: 10px
}

.toast-custom .dx-toast-content {
    font-size: 12px
}

.toast-custom .dx-toast-icon {
    width: 20px;
    height: 20px
}

.team-name-red {
    color: #b53f39
}

#odds-wrapper .league .leagueName {
    align-items: center;
    display: flex
}

    #odds-wrapper .league .leagueName .leagueRanking {
        margin-left: 5px;
        padding: 5px 0;
        display: inline-block
    }

        #odds-wrapper .league .leagueName .leagueRanking img {
            display: inline !important;
            position: relative;
            top: -1px
        }

.leagueRanking img {
    display: inline !important
}

#desktop .count-event {
    margin: -5px 0 10px;
    text-align: right;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px
}

.count-event .match-result-link {
    text-decoration: none
}

.count-event .score-link {
    text-decoration: none;
    margin-left: .5rem
}

.btn-link {
    border: 1px solid #0075ff;
    color: #fbfbfb;
    background: #0075ff;
    padding: 2px 4px;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer
}

    .btn-link:hover {
        background: #005cc8
    }

.banner {
    text-align: center;
    padding: 2px 0
}

    .banner .banner-text {
        text-decoration: none;
        font-size: 12px;
        font-weight: 700;
        color: #b53f39;
        background: #ff0
    }

    .banner .banner-image img {
        max-height: 83px;
        max-width: 100%
    }

.assessPreMatchLink {
    margin-right: 2px
}

#desktop .assessPreMatchLinkContent {
    opacity: .85
}

    #desktop .assessPreMatchLinkContent ul {
        margin: 0;
        padding: 0
    }

        #desktop .assessPreMatchLinkContent ul li {
            margin: 5px 0
        }

            #desktop .assessPreMatchLinkContent ul li a {
                text-decoration: underline;
                color: #00E
            }

            #desktop .assessPreMatchLinkContent ul li span {
                display: inline-block;
                margin-right: 5px
            }

    #desktop .assessPreMatchLinkContent h4 {
        margin: 0
    }

.tooltip-container {
    --tooltipbackground: #fff;
    --tooltipborder: silver;
    background-color: var(--tooltipBackground);
    border-radius: 3px;
    border: 1px solid var(--tooltipBorder);
    box-shadow: 0 2px 4px rgba(0,0,0,0.18);
    color: #000;
    display: flex;
    flex-direction: column;
    padding: .4rem;
    transition: opacity .3s;
    z-index: 9999
}

    .tooltip-container[data-popper-interactive='false'] {
        pointer-events: none
    }

.tooltip-arrow {
    height: 1rem;
    position: absolute;
    width: 1rem;
    pointer-events: none
}

    .tooltip-arrow::before {
        border-style: solid;
        content: '';
        display: block;
        height: 0;
        margin: auto;
        width: 0
    }

    .tooltip-arrow::after {
        border-style: solid;
        content: '';
        display: block;
        height: 0;
        margin: auto;
        position: absolute;
        width: 0
    }

.tooltip-container[data-popper-placement*='bottom'] .tooltip-arrow {
    left: 0;
    margin-top: -.4rem;
    top: 0
}

    .tooltip-container[data-popper-placement*='bottom'] .tooltip-arrow::before {
        border-color: transparent transparent var(--tooltipBorder);
        border-width: 0 .5rem .4rem;
        position: absolute;
        top: -1px
    }

    .tooltip-container[data-popper-placement*='bottom'] .tooltip-arrow::after {
        border-color: transparent transparent var(--tooltipBackground);
        border-width: 0 .5rem .4rem
    }

.tooltip-container[data-popper-placement*='top'] .tooltip-arrow {
    bottom: 0;
    left: 0;
    margin-bottom: -1rem
}

    .tooltip-container[data-popper-placement*='top'] .tooltip-arrow::before {
        border-color: var(--tooltipBorder) transparent transparent;
        border-width: .4rem .5rem 0;
        position: absolute;
        top: 1px
    }

    .tooltip-container[data-popper-placement*='top'] .tooltip-arrow::after {
        border-color: var(--tooltipBackground) transparent transparent;
        border-width: .4rem .5rem 0
    }

.tooltip-container[data-popper-placement*='right'] .tooltip-arrow {
    left: 0;
    margin-left: -.7rem
}

    .tooltip-container[data-popper-placement*='right'] .tooltip-arrow::before {
        border-color: transparent var(--tooltipBorder) transparent transparent;
        border-width: .5rem .4rem .5rem 0
    }

    .tooltip-container[data-popper-placement*='right'] .tooltip-arrow::after {
        border-color: transparent var(--tooltipBackground) transparent transparent;
        border-width: .5rem .4rem .5rem 0;
        left: 6px;
        top: 0
    }

.tooltip-container[data-popper-placement*='left'] .tooltip-arrow {
    margin-right: -.7rem;
    right: 0
}

    .tooltip-container[data-popper-placement*='left'] .tooltip-arrow::before {
        border-color: transparent transparent transparent var(--tooltipBorder);
        border-width: .5rem 0 .5rem .4em
    }

    .tooltip-container[data-popper-placement*='left'] .tooltip-arrow::after {
        border-color: transparent transparent transparent var(--tooltipBackground);
        border-width: .5rem 0 .5rem .4em;
        left: 3px;
        top: 0
    }

.react-responsive-modal-root {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000
}

.react-responsive-modal-overlay {
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1
}

.react-responsive-modal-container {
    height: 100%;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: center
}

.react-responsive-modal-containerCenter:after {
    width: 0;
    height: 100%;
    content: '';
    display: inline-block;
    vertical-align: middle
}

.react-responsive-modal-modal {
    max-width: 800px;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    background: #fff;
    box-shadow: 0 12px 15px 0 rgba(0,0,0,0.25);
    margin: 1.2rem;
    padding: 1.2rem;
    position: relative;
    overflow-y: auto
}

.react-responsive-modal-closeButton {
    position: absolute;
    top: 14px;
    right: 14px;
    border: none;
    padding: 0;
    cursor: pointer;
    background-color: transparent;
    display: flex
}

@keyframes react-responsive-modal-overlay-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes react-responsive-modal-overlay-out {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes react-responsive-modal-modal-in {
    0% {
        transform: scale(0.96);
        opacity: 0
    }

    100% {
        transform: scale(100%);
        opacity: 1
    }
}

@keyframes react-responsive-modal-modal-out {
    0% {
        transform: scale(100%);
        opacity: 1
    }

    100% {
        transform: scale(0.96);
        opacity: 0
    }
}

.loading .oddsTable .odds .oddsBet {
    background: #fff;
    color: #01122b
}


.oddsContent {
    border-radius: 0 !important
}

#mobile .slick-track {
    width: 100% !important;
}

    #mobile .slick-track .slick-slide {
        width: 100% !important;
    }

#mobile .commatch_list {
    flex-direction: column !important;
}

#mobile .flex-container {
    width: 100% !important;
}

#mobile .flex-child {
    width: 100% !important
}

#mobile .slick-dots {
    display: none !important;
}
