.oddsLive,.oddsStatis,.oddsData,.oddsDataPer {
    display: flex;
    flex-wrap: wrap;
    background: #f6f8ff;
    border-radius: 12px;
    border: 2px solid rgba(200,211,255,1);
    width: 100%
}

.oddsTabLive__content,.oddsData__content,.oddsDataPer__content {
    background-color: var(--odd-bg-color-modal);
    font-weight: 400;
    padding: 10px;
    width: 100%;
    border-radius: 12px
}

.oddsTabLive__notfound {
    padding: 20px 0
}

.oddsTabLive__note {
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 1px 4px var(--odd-box-shadow-bookmarker-color);
    display: grid;
    grid-template-columns: repeat(4,1fr);
    background-color: var(--odd-bg-bookmaker-bg-color)
}

.oddsTabLive__note__children {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    padding: 5px 0
}

.oddsStatis,.oddsDataPer {
    margin-top: 10px
}

.oddsStatis__content {
    background-color: var(--odd-bg-color-modal);
    font-weight: 400;
    padding: 10px;
    width: 100%;
    border-radius: 12px
}

.oddsStatis__content__children {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 10px
}

.oddsStatis__group {
    display: flex;
    flex-direction: row;
    position: relative;
    width: 100%;
    justify-content: flex-start;
    align-items: center
}

.oddsStatis__num {
    font-weight: 700;
    width: 40px
}

.oddsStatis__group_score {
    position: absolute;
    height: 10px
}

.oddsHome .oddsStatis__group_score {
    background: var(--odd-home-score-bg-color-modal);
    right: 0
}

.oddsHome .oddsStatis__num {
    text-align: left
}

.oddsAway .oddsStatis__group_score {
    background: var(--odd-away-score-bg-color-modal)
}

.oddsAway .oddsStatis__num {
    text-align: right
}

.oddsStatis__group_total {
    width: 100%;
    background-color: #d9d9d9;
    height: 10px
}

.oddsAway .oddsStatis__group_total.oddsStatis__group_total__full {
    background-color: #f90
}

.oddsHome .oddsStatis__group_total.oddsStatis__group_total__full {
    background-color: #23309d
}

.oddsLoadingModal {
    text-align: center
}

.oddsEventBox {
    padding: 10px
}

.oddsEventBox__item {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0 26px 15px 0;
    position: relative;
    width: 100%
}

.oddsEventBox__item:last-child {
    padding-bottom: 0;
    margin-bottom: 0
}

.oddsEventBox .oddsEventBox__item__team.away .oddsEventBox__item__team__text:before {
    border: 6px solid transparent;
    border-right-color: #fff;
    content: "";
    height: 0;
    left: -12px;
    position: absolute;
    width: 0;
    top: 40%
}

.oddsEventBox .oddsEventBox__item__team {
    flex: 1
}

.oddsEventBox__item__time {
    width: 30px;
    align-items: center;
    background: #fff;
    border-radius: 13px;
    display: flex;
    height: 26px;
    justify-content: center;
    margin: 0 11px;
    padding: 0 5px;
    z-index: 2
}

.oddsEventBox__item:after {
    border: 1px dashed #d2d2d2;
    content: "";
    display: block;
    height: 100%;
    left: calc(50% - 15px);
    position: absolute;
    top: 0;
    width: 1px
}

.oddsEventBox__item__team__text {
    background: #fff;
    border-radius: 6px;
    color: #4e5162;
    font-size: 13px;
    font-weight: 400;
    padding: 10px 5px;
    position: relative;
    transition: all .3s
}

.oddsEventBox__item__team__text .oddsEventBox__item__team__box {
    align-items: center;
    display: flex
}

.oddsEventBox__item__team.home .oddsEventBox__item__team__text .oddsEventBox__item__team__box {
    flex-direction: row-reverse
}

.oddsEventBox__icon {
    height: 20px;
    margin: 0 5px
}

.oddsSimulation iframe {
    height: 570px;
    width: 100%
}

.dataMatchModalPopup__scorelive {
    font-size: 30px;
    font-weight: 700
}

.oddsTabData table,.oddsTabData th,.oddsTabData td {
    border: 2px solid #ededee;
    border-collapse: collapse
}

.oddsTabData table {
    width: 100%;
    background-color: #fff
}

.oddsTabData table th {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: #8b8b8b;
    background-color: #f8f8f8
}

.oddsTabData table td {
    padding: .5rem
}

.oddsTabData table td.warning {
    color: red
}

@media screen and (max-width: 768px) {
    .modal-left.open {
        width:95%;
        padding-bottom: 0;
        border-end-end-radius: 0;
        border-end-start-radius: 0;
        top: 15%
    }

    .contentTabModalPopup {
        border-radius: 0!important
    }

    .oddsSimulation iframe {
        height: 300px
    }

    .oddsTabLive__note {
        display: flex;
        flex-direction: column
    }

    .distribution {
        height: auto!important
    }

    .groundBox {
        width: 100%!important;
        background-repeat: no-repeat!important;
        height: auto!important
    }

    .reservePlayer {
        width: 100%!important
    }
}

@media screen and (max-width: 441px) {
    .oddsEventBox__item__time {
        padding:0
    }

    .groundBox {
        width: 100%!important;
        background-size: contain!important
    }

    .contentLineUp.lineup {
        padding: 5px
    }
}

@media screen and (max-width: 320px) {
    .identify-and-vip .gif-icon-vip img {
        width:30px
    }

    .bgTipAndVip svg {
        display: none
    }
}

:root {
    --odd-white-color: #fff;
    --odd-white-color-header: #fff;
    --odd-white-color-border: #fff;
    --odd-black-color: #000000;
    --odd-orange-color: #ff6600;
    --odd-red-color: #ff3400;
    --odd-bg-bookmaker-color: #5706f9;
    --odd-live-bg-color: #ffdfca;
    --odd-contentTab-gray-color: #acb8d4;
    --odd-bodyTableOdds-color: #dfc8b8;
    --odd-bg-color-odds: #f1f1f1;
    --odd-box-shadow-color: #00000029;
    --search-dropdown-league-icon-color: #fff;
    --odd-white-color-btn-bet: #fff;
    --bg-color-btn-bet: #ff9900;
    --odd-white-color-btn-bet-live: #fff;
    --bg-color-btn-bet-live: red;
    --border-color-btn-bet-live: red;
    --bg-color-btn-identify-live: #01b243;
    --border-color-btn-identify-live: #06d001;
    --color-btn-identify-live: #fff;
    --border-color-btn-bet: #ffc100;
    --odd-white-color-btn-bet-hover: #fff;
    --bg-color-btn-bet-hover: #bb2b07;
    --odd-bg-color-leagues-filter: #d6d8dc;
    --odd-bg-color-leagues-filter-active: #393b3d;
    --odd-border-color-search-and-dropdown: #2c3cc3;
    --odd-color-filter-date: #464646;
    --odd-color-filter-odds-name-ns: #2b3f6d;
    --odd-activeTab-live-bg-hover: #f9d4b9;
    --odd-activeTab-bg: #c6d0e8;
    --odd-activeTab-bg-hover: #bcc5dc;
    --odd-contentTab-bg: #f8cbad;
    --odd-contentTab-gray-bg: #acb8d4;
    --odd-halfMatch-color: #2d2d2d;
    --odd-header-bg: #ea6517;
    --odd-header-match-bg: #ef7f3c;
    --odd-header-betBtn-bg: #ff3401;
    --odd-leagueName-bg: #fff;
    --odd-pink-bg: #ff0a09;
    --odd-header-bg-table: linear-gradient(45deg, #3e69ff 0%, #3e69ff 28.2%, #23309d 28.2%, #23309d 100%);
    --odd-primary-color: #23309d;
    --odd-secondary-color: #ff9900;
    --odd-skeleton-bg: #f9d4b9;
    --odd-hover-active-bg: #ffe2d1;
    --odd-betOrder-bg-hover: #96aee5;
    --odd-hover-active-leagues-bg: var(--odd-primary-color);
    --odd-itemOddsTab-color: #606060;
    --odd-itemOddsTab-dot-color: #ccc;
    --odd-itemOddsTab-dot-active-color: #333;
    --odd-splash-color: #64d1ff;
    --odd-matchOdds-border-color-none: #acb8d4;
    --odd-font-size-body: 13px;
    --odd-padding-page-odds: 30px 12px;
    --odd-max-width-odds: 1200px;
    --odd-shadow-list-select: 0px 8px 16px 0px rgba(0, 0, 0, .2);
    --odd-width-search-and-dropdown: 50%;
    --odd-padding-dropdown: 5px 0 5px 10px;
    --odd-list-filter-padding: 5px 10px;
    --odd-border-radius-filter-date: 8px;
    --odd-min-width-filter-date: 52px;
    --odd-bg-color-filter-odds-name: transparent;
    --odd-padding-filter-odds-name: 9px 5px;
    --odd-border-filter-odds-name: 8px;
    --odd-padding-filter-bookmaker-name: 9px 10px;
    --odd-border-filter-bookmaker-name: 8px;
    --odd-min-width-filter-bookmaker-name: 100px;
    --odd-min-width-filter-odd-name: 140px;
    --odd-font-size-title-bookmaker: 15px;
    --odd-bg-color-filter-bookmaker-name: #2c3cc3;
    --odd-color-leagues-filter: var(--odd-black-color);
    --odd-color-leagues-filter-active: var(--odd-white-color);
    --odd-bg-color-input-search-and-dropdown: var(--odd-white-color);
    --odd-color-search-and-dropdown: var(--odd-black-color);
    --odd-bg-color-live-filter: #ff9900;
    --odd-color-live-filter: var(--odd-white-color);
    --odd-bg-color-filter-date: var(--odd-white-color);
    --odd-color-filter-odds-name: #2c3cc3;
    --odd-time-match-color: var(--odd-orange-color);
    --odd-result-match-color: var(--odd-orange-color);
    --odd-color-prefix-odds-name: #2c3cc3;
    --odd-color-teaminfo-odds-name: var(--odd-black-color);
    --bg-odd-color-filter-odds-name: var(--odd-white-color);
    --odd-color-filter-odds-name-hover: var(--odd-white-color);
    --bg-odd-color-filter-odds-name-hover: var(--odd-orange-color);
    --odd-color-filter-bookmaker-name: var(--odd-white-color);
    --odd-bg-color-instructPopup-name: #2c3cc3;
    --odd-color-filter-instructPopup-name: var(--odd-white-color);
    --odd-bg-color-instructPopup-name-hover: var(--odd-white-color);
    --odd-color-filter-instructPopup-name-hover: var(--odd-orange-color);
    --odd-search-icon-color: #2c3cc3;
    --odd-search-dropdown-league-icon-color: #2c3cc3;
    --odd-bg-bookmaker-bg-color: var(--odd-white-color);
    --odd-box-shadow-bookmarker-color: var(--odd-box-shadow-color);
    --odd-border-color-filter-odds-name: 1px solid #2c3cc3;
    --odd-border-color-filter-instructPopup-name: 1px solid #2c3cc3;
    --odd-border-color-filter-bookmaker-name: 1px solid #2c3cc3;
    --odd-padding-filter-instructPopup-name: 9px 8px;
    --odd-border-filter-instructPopup-name: 8px;
    --odd-min-width-filter-instructPopup-name: 100px;
    --odd-font-size-title-instructPopup: 15px;
    --odd-activeTab-live-bg: var(--odd-live-bg-color);
    --odd-contentTab-live-bg: #fbede2;
    --odd-contentTab-gray-border: var(--odd-contentTab-gray-color);
    --odd-bodyTableOdds-border: 1px solid var(--odd-bodyTableOdds-color);
    --odd-bodyTableOdds-border-2: 1px solid var(--odd-contentTab-gray-color);
    --odd-bodyTableOdds-border-hover: 1px solid var(--odd-white-color);
    --odd-bodyTableOdds-gray-border: 1px solid var(--odd-bodyTableOdds-color);
    --odd-bodyTableOdds-gray-border-2: 1px solid var(--odd-contentTab-gray-color);
    --odd-slider-dot-color: #ffaf7b 0% 0% no-repeat padding-box;
    --odd-border-bookmarker: 1px solid #dbdbdb;
    --odd-item-bookmarker-active-bg: #5706f9 0% 0% no-repeat padding-box;
    --odd-betOrder-bg: #fbede2 0% 0% no-repeat padding-box;
    --odd-betOrder-active-bg: #fbede2 0% 0% no-repeat padding-box;
    --odd-bgimage-pink-bg: linear-gradient(90deg, #ff0a09, #ff0a09);
    --odd-matchOdds-border-color: var(--odd-bodyTableOdds-color);
    --odd-matchOdds-border-color-hover: var(--odd-white-color);
    --bg-color-leagues-name-live: #fff6d9;
    --odds-color-live-minus: #ff6600;
    --odd-color-value: #8b8b8b;
    --bg-total-tips: #f23333;
    --color-total-tips: #fff;
    --odd-color-tab-name: #ff9900;
    --odd-color-tab-odds-name: #ff9900;
    --odd-hover-btn-listdata: #ff9900;
    --odd-color-hover-btn-listdata: #000;
    --odd-bg-color-modal: #f6f8ff;
    --odd-home-score-bg-color-modal: linear-gradient(45deg, #d9d9d9 10%, var(--odd-primary-color) 0%, var(--odd-primary-color) 0%, var(--odd-primary-color) 100%);
    --odd-away-score-bg-color-modal: linear-gradient(315deg, #d9d9d9 10%, var(--odd-secondary-color) 0%, var(--odd-secondary-color) 0%, var(--odd-secondary-color) 100%)
}

.loadAllButtonOdds>* {
    width: max-content;
    margin: 10px auto
}

.ftTableOdds .bottomFt .oddData.odds-good {
    position: relative;
    background: url("data:image/svg+xml,%3csvg%20width='61'%20height='87'%20viewBox='0%200%2061%2087'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M30.1797%2086.7109C13.6111%2086.7109%200.179688%2073.2793%200.179688%2056.7109C0.179688%2048.0957%203.81113%2040.3289%209.62685%2034.8573C14.9958%2029.8059%2028.1797%2020.709%2026.1797%200.710938C50.1797%2016.7109%2062.1797%2032.7109%2038.1797%2056.7109C42.1797%2056.7109%2048.1797%2056.7109%2058.1797%2046.8293C59.2585%2049.9237%2060.1797%2053.2489%2060.1797%2056.7109C60.1797%2073.2793%2046.7481%2086.7109%2030.1797%2086.7109Z'%20fill='%23FFC54C'/%3e%3c/svg%3e"),#ffd16b;
    background-repeat: no-repeat;
    background-position: 100% 100%
}

.ftTableOdds .bottomFt .oddData.odds-good:after {
    content: "";
    background-color: #ffc54c;
    width: 100%;
    height: 30px;
    position: absolute;
    bottom: 0;
    left: 0
}

.itemOddsData .matchOdds {
    padding-bottom: 5px
}

.ftTableOdds .bottomFt .oddData>.bgTipAndVip {
    background: transparent;
    color: #fff;
    z-index: 1;
    display: flex;
    gap: 2px;
    align-items: center
}

.ftTableOdds .bottomFt .oddData>.bgTipAndVip {
    color: #c8131a;
    display: flex;
    align-items: center;
    gap: 2px;
    justify-content: center
}

.ftTableOdds .bottomFt .oddData>.odds.goodsOddsChild {
    background: #ffb4af;
    color: #000
}

.ftTableOdds .bottomFt .oddData>.odds.goodsOddsChild .oddsColor {
    color: #000
}

.ftTableOdds .bottomFt .oddData>.odds.goodsOddsFirst {
    background: #d1fee3;
    color: #000
}

.ftTableOdds .bottomFt .oddData>.odds.goodsOddsFirst .oddsColor {
    color: #000
}

.embed-odds-bookmarker {
    font-size: var(--odd-font-size-body);
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box
}

.embed-odds-bookmarker table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

.embed-odds-bookmarker td,th {
    border-style: solid
}

.embed-odds-bookmarker .table {
    display: table
}

.embed-odds-bookmarker .odds-w-full {
    width: 100%
}

.embed-odds-bookmarker .odds-h-full {
    height: 100%
}

.embed-odds-bookmarker .odds-flex {
    display: flex
}

.embed-odds-bookmarker .odds-flex-col {
    flex-direction: column
}

.embed-odds-bookmarker .odds-flex-wrap {
    flex-wrap: wrap
}

.embed-odds-bookmarker .odds-flex-nowrap {
    flex-wrap: nowrap
}

.embed-odds-bookmarker .odds-items-center {
    align-items: center
}

.embed-odds-bookmarker .odds-items-start {
    align-items: start
}

.embed-odds-bookmarker .odds-items-flex-end {
    align-items: flex-end
}

.embed-odds-bookmarker .odds-justify-end {
    justify-content: flex-end
}

.embed-odds-bookmarker .odds-justify-start {
    justify-content: flex-start
}

.embed-odds-bookmarker .odds-justify-center {
    justify-content: center
}

.embed-odds-bookmarker .odds-flex-row {
    flex-direction: row
}

.embed-odds-bookmarker .odds-justify-between {
    justify-content: space-between
}

.embed-odds-bookmarker .odds-text-center {
    text-align: center
}

.embed-odds-bookmarker .odds-text-left {
    text-align: left
}

.embed-odds-bookmarker .odds-mx-auto {
    margin: 0 auto
}

.embed-odds-bookmarker .odds-m-auto {
    margin: auto
}

.embed-odds-bookmarker .odds-cursor-pointer {
    cursor: pointer
}

.embed-odds-bookmarker .odds-relative {
    position: relative
}

.embed-odds-bookmarker .odds-absolute {
    position: absolute
}

.embed-odds-bookmarker .odds-fixed {
    position: fixed
}

.embed-odds-bookmarker .odds-t-0 {
    top: 0
}

.embed-odds-bookmarker .odds-r-0 {
    right: 0
}

.embed-odds-bookmarker .odds-b-0 {
    bottom: 0
}

.embed-odds-bookmarker .odds-l-0 {
    left: 0
}

.embed-odds-bookmarker .odds-m-0 {
    margin: 0
}

.embed-odds-bookmarker .odds-p-0 {
    padding: 0
}

.embed-odds-bookmarker .odds-p-10 {
    padding: 10px
}

.embed-odds-bookmarker input[type=text]::placeholder {
    color: var(--odd-color-search-and-dropdown)
}

.embed-odds-bookmarker .odds-user-none {
    -webkit-user-select: none;
    user-select: none
}

.embed-odds-bookmarker .odds-overflow-hidden {
    overflow: hidden
}

.embed-odds-bookmarker .odds-overflow-auto {
    overflow: auto
}

.embed-odds-bookmarker .odds-gap-5 {
    gap: 5px
}

.embed-odds-bookmarker .odds-gap-10 {
    gap: 10px
}

.embed-odds-bookmarker .odds-gap-12 {
    gap: 12px
}

.embed-odds-bookmarker .odds-list-style-none {
    list-style: none
}

.embed-odds-bookmarker .odds-font-bold {
    font-weight: 700
}

.embed-odds-bookmarker .headTableOdds .odds-font-bold {
    font-weight: 400
}

.embed-odds-bookmarker .odds-font-italic {
    font-style: italic
}

.backgroundOddsPage {
    background-color: var(--odd-bg-color-odds);
    padding: var(--odd-padding-page-odds)
}

.headOdds {
    max-width: var(--odd-max-width-odds)
}

.leaguesFilterActive {
    background-color: var(--odd-bg-color-leagues-filter-active);
    color: var(--odd-color-leagues-filter-active)
}

.leaguesFilter {
    background-color: var(--odd-bg-color-leagues-filter);
    color: var(--odd-color-leagues-filter)
}

.listLeaguesFilter>* {
    cursor: pointer;
    padding: 8px 12px;
    border-radius: 8px;
    -webkit-user-select: none;
    user-select: none
}

.searchAndDropdownLeagues>* {
    display: flex;
    position: relative;
    width: var(--odd-width-search-and-dropdown);
    color: var(--odd-color-search-and-dropdown)
}

.searchInput,.DropdownLeagues {
    padding: 8px;
    background: var(--odd-bg-color-input-search-and-dropdown);
    box-shadow: unset;
    border: 1px solid var(--odd-border-color-search-and-dropdown);
    height: auto!important
}

.DropdownLeagues {
    -webkit-user-select: none;
    user-select: none
}

.searchInput {
    outline-offset: unset;
    outline: unset;
    padding-right: 30px;
    height: auto
}

.searchIcon {
    width: 30px;
    color: var(--odd-search-icon-color)
}

.DropdownLeagues .arrowIcon {
    color: var(--odd-search-dropdown-league-icon-color);
    width: 20px;
    height: 20px
}

.filterOdds {
    gap: 5px
}

.searchAndDropdownLeagues .listLeagues,.listOddsFilter,.listBookmaker {
    top: 40px;
    background: var(--odd-bg-bookmaker-bg-color);
    box-shadow: 0 3px 6px var(--odd-box-shadow-bookmarker-color);
    z-index: 9
}

.listOddsFilter>li {
    padding: 7px 10px
}

.listOddsFilter>li:hover {
    background-color: var(--odd-color-filter-odds-name);
    color: var(--odd-white-color)
}

.listOddsFilter>li.filterOddsActive {
    background-color: var(--odd-color-filter-odds-name);
    color: var(--odd-white-color)
}

.searchAndDropdownLeagues .listLeagues {
    box-shadow: var(--odd-shadow-list-select);
    max-height: 200px
}

.searchAndDropdownLeagues .listLeagues li:hover,.searchAndDropdownLeagues .listLeagues li.active {
    background-color: var(--odd-hover-active-leagues-bg);
    color: #fff
}

.searchAndDropdownLeagues .listLeagues li {
    padding: 5px
}

.searchAndDropdownLeagues .listLeagues::-webkit-scrollbar {
    width: 10px
}

.searchAndDropdownLeagues .listLeagues::-webkit-scrollbar-track {
    background: var(--odd-bg-color-odds)
}

.searchAndDropdownLeagues .listLeagues::-webkit-scrollbar-thumb {
    background: #888
}

.searchAndDropdownLeagues .listLeagues::-webkit-scrollbar-thumb:hover {
    background: #555
}

.filterDateAndBookmaker {
    gap: 15px
}

.listFilterDate>* {
    padding: var(--odd-list-filter-padding);
    border-radius: var(--odd-border-radius-filter-date);
    background-color: var(--odd-bg-color-filter-date);
    color: var(--odd-color-filter-date);
    min-width: var(--odd-min-width-filter-date);
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: center
}

.listFilterDate .liveFilter {
    background-color: var(--odd-bg-color-live-filter);
    color: var(--odd-color-live-filter);
    padding: 5px 10px 5px 30px
}

.listFilterDate .dateFilter.active,.listFilterDate .dateFilter:hover {
    background-color: var(--odd-bg-color-leagues-filter-active);
    color: var(--odd-color-live-filter)
}

.listFilterDate {
    width: calc(100% - 425px)
}

.filterOddsAndBookmaker .filterOdds .nameOdds {
    background-color: var(--odd-bg-color-filter-odds-name);
    color: var(--odd-color-filter-odds-name);
    padding: var(--odd-padding-filter-odds-name);
    border-radius: var(--odd-border-filter-odds-name);
    min-width: var(--odd-min-width-filter-odd-name);
    border: var(--odd-border-color-filter-odds-name)
}

.filterOddsAndBookmaker .filterOdds .nameOdds:before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px;
    transform: translate(-100%) rotate(50deg);
    transform-origin: top left;
    transition: all .35s;
    background-color: var(--odd-color-filter-odds-name);
    z-index: -1;
    content: ""
}

.filterOddsAndBookmaker .filterOdds .nameOdds:hover {
    color: var(--odd-white-color)
}

.filterOddsAndBookmaker .filterOdds .nameOdds:hover:before {
    transform: translate(0)
}

.filterOddsAndBookmaker .filterOdds .nameOdds:hover path {
    fill: var(--odd-white-color)
}

.filterOddsAndBookmaker .filterBookmaker .nameBookmaker {
    background-color: var(--odd-bg-color-filter-bookmaker-name);
    color: var(--odd-color-filter-bookmaker-name);
    padding: var(--odd-padding-filter-bookmaker-name);
    border-radius: var(--odd-border-filter-bookmaker-name);
    min-width: var(--odd-min-width-filter-bookmaker-name);
    border: var(--odd-border-color-filter-bookmaker-name)
}

.filterOddsAndBookmaker .filterBookmaker .nameBookmaker:hover {
    background-color: var(--odd-color-filter-bookmaker-name);
    color: var(--odd-bg-color-filter-bookmaker-name)
}

.filterOddsAndBookmaker .filterBookmaker .bookmarkerItem {
    background-color: var(--odd-color-filter-bookmaker-name);
    color: var(--odd-bg-color-filter-bookmaker-name);
    border-radius: var(--odd-border-filter-bookmaker-name);
    border: var(--odd-border-color-filter-bookmaker-name)
}

.filterOddsAndBookmaker .filterBookmaker .bookmarkerItem:hover,.filterOddsAndBookmaker .filterBookmaker .bookmarkerItem.active {
    background-color: var(--odd-bg-color-filter-bookmaker-name);
    color: var(--odd-color-filter-bookmaker-name)
}

.filterOddsAndBookmaker .filterBookmaker .nameBookmaker:hover path {
    fill: var(--odd-bg-color-filter-bookmaker-name)
}

.instructPopup {
    background-color: var(--odd-bg-color-instructPopup-name);
    color: var(--odd-color-filter-instructPopup-name);
    padding: var(--odd-padding-filter-instructPopup-name);
    border-radius: var(--odd-border-filter-instructPopup-name);
    min-width: var(--odd-min-width-filter-bookmaker-name);
    border: var(--odd-border-color-filter-instructPopup-name)
}

.instructPopup:hover {
    background-color: var(--odd-bg-color-instructPopup-name-hover);
    color: var(--odd-primary-color)
}

.instructPopup .instruct {
    color: var(--odd-color-filter-odds-name);
    background: var(--bg-odd-color-filter-odds-name);
    width: 22px;
    border-radius: 360px;
    height: 22px
}

.instructPopup:hover .instruct {
    color: var(--odd-color-filter-odds-name-hover);
    background: var(--odd-primary-color)
}

.instructDiv {
    top: 15%;
    height: fit-content;
    background: var(--odd-white-color);
    max-width: 800px;
    z-index: 9
}

.filterBookmaker .listBookmaker {
    padding: 15px 0;
    background: var(--odd-white-color);
    box-shadow: 0 0 25px #0003;
    border-radius: 8px;
    min-width: 300px;
    left: unset;
    top: 45px;
    gap: 15px;
    margin: 0
}

.itemBookmaker>* {
    width: calc(50% - 17px);
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    border: 1px solid #e6e6e6;
    padding: 5px 0
}

.itemBookmaker {
    gap: 15px;
    padding: 10px;
    border-top: var(--odd-border-bookmarker)
}

.itemBookmaker .active {
    background: var(--odd-item-bookmarker-active-bg);
    color: var(--odd-white-color)
}

.titleBookmaker {
    font-size: var(--odd-font-size-title-bookmaker)
}

.headTableOdds {
    background: var(--odd-header-bg-table);
    color: var(--odd-white-color-header);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.headTableOdds.stickyHead {
    position: sticky;
    top: 0;
    z-index: 2
}

.headTableOdds .bottomFt>* {
    border: 0;
    border-right: 1px solid #fff;
    border-left: 0
}

.headTableOdds .bottomFt>*:last-child {
    border-right: 0
}

.headTableOdds .timeTableOdds {
    border-top-left-radius: 8px
}

.headTableOdds>* {
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid var(--odd-white-color-border);
    border-top: 0;
    border-bottom: 0
}

.ftTableOdds {
    width: 35%
}

.btnBet {
    width: calc((70% / 6) * 1 - 1px);
    padding: 10px 0
}

.bgLive .data-button {
    color: var(--odd-secondary-color);
    border-color: var(--odd-secondary-color);
    background-color: transparent
}

.bgLive .data-button:hover {
    background-color: var(--odd-secondary-color);
    color: #fff
}

.data-button {
    background: transparent;
    border: 1px solid var(--odd-primary-color);
    padding: 7px 10px;
    border-radius: 8px;
    font-weight: 700;
    color: var(--odd-primary-color);
    cursor: pointer;
    margin: auto
}

.data-button:hover {
    background: var(--odd-primary-color);
    color: var(--odd-white-color)
}

.bgLive .ftTableOdds .data-button {
    border: 1px solid var(--odd-secondary-color);
    color: var(--odd-secondary-color)
}

.bgLive .ftTableOdds .data-button:hover {
    background: var(--odd-secondary-color);
    color: var(--odd-white-color)
}

.ftTableOdds>* {
    width: 100%;
    text-align: center
}

.ftTableOdds>*:last-child {
    border-top: 0
}

.ftTableOdds .headFt {
    border-top: 0;
    padding: 5px 0
}

.ftTableOdds .bottomFt {
    border-bottom: 0
}

.favourite {
    padding: 0
}

.favourite.active {
    background-color: var(--odd-bg-color-leagues-filter-active)
}

.headTableOdds .timeTableOdds {
    width: 10%
}

.timeTableOdds {
    width: 10%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.timeTableOdds .time {
    min-width: 34px
}

.itemOddsData.bgLive .timeMatch {
    padding-left: 10px
}

.timeTableOdds .halfMatch {
    width: 100%
}

.matchOdds {
    width: 20%
}

.starIcon {
    width: 30px;
    display: flex;
    align-items: start;
    justify-content: center
}

.starAndStatus {
    width: calc(100% - 30px);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start
}

.starIcon div {
    padding: 2px
}

.oddsListData>.itemOddsData .bodyTableOdds .starIcon,.oddsListData>.itemOddsData.bgLive .bodyTableOdds .starIcon,.oddsListData>.itemOddsData.bgLive:hover .bodyTableOdds .starIcon {
    border-right: 0
}

.starIcon>* {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.matchOdds>* {
    padding-left: 10px
}

.matchOdds.listIcon {
    padding: 10px 0;
    width: 20%;
    display: flex
}

.bottomFt>* {
    width: calc(100% / 3)
}

.betOrder {
    width: calc((70% / 6) * 5 + 1px);
    padding-bottom: 10px;
    padding-top: 10px
}

.contentOrder svg {
    transform: rotate(270deg)
}

.contentOrder.active svg {
    transform: rotate(90deg)
}

.betOrder>* {
    border-top: 0;
    clip-path: polygon(0 0,100% 0,90% 100%,10% 100%);
    width: 250px;
    margin: auto;
    padding: 5px;
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.itemOddsData.bgLive .bottomFt>*,.oddsListData .bottomFt>* {
    padding: 0 3px
}

.viewBetDiv>*:nth-child(2),.viewBetDiv>*:nth-child(3),.viewBetDiv>*:nth-child(4) {
    border-right: 0;
    border-left: 0
}

.oddsListData .btnBet {
    display: flex;
    align-items: center
}

.leaguesName {
    color: var(--odd-halfMatch-color);
    padding: 5px 5px 5px 10px;
    background: var(--odd-leagueName-bg);
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400
}

.leaguesName .arrowIcon,.titleLeagues .arrowIcon {
    transition: .2s
}

.leaguesName .logo,.titleLeagues .logo {
    width: 15px;
    height: 15px
}

.leaguesName.active .arrowIcon,.titleLeagues.active .arrowIcon {
    transform: rotate(90deg)
}

.oddsListData>.itemOddsData,.oddsListData>.itemOddsData .listItemTabOdds .activeTab:after {
    background: var(--odd-hover-active-bg)
}

.oddsListData>.itemOddsData:hover,.oddsListData>.itemOddsData:hover .listItemTabOdds .activeTab:after {
    background: var(--odd-activeTab-bg-hover)
}

.oddsListData>.itemOddsData.bgLive:hover {
    background: var(--odd-activeTab-live-bg-hover)
}

.oddsListData>.itemOddsData,.oddsListData .leaguesName,.headTableOdds.stickyHead {
    box-shadow: 0 0 2px #0000001f,0 1px 2px #0000003d;
    margin-bottom: 5px
}

.oddsListData.title_live .leaguesName {
    background: var(--bg-color-leagues-name-live)
}

.oddsListData.title_live .leaguesName span {
    line-height: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px
}

.oddsListData>.itemOddsData.bgLive,.oddsListData>.itemOddsData.bgLive .listItemTabOdds .activeTab:after {
    background: var(--odd-activeTab-live-bg)
}

.oddsListData>.itemOddsData.bgLive:hover,.oddsListData>.itemOddsData.bgLive:hover .listItemTabOdds .activeTab:after {
    background: var(--odd-activeTab-live-bg-hover)
}

.oddsListData>.itemOddsData,.oddsListData>.itemOddsData .listItemTabOdds .activeTab:after {
    background: var(--odd-activeTab-bg)
}

.oddsListData>.itemOddsData .contentTab {
    background: var(--odd-contentTab-bg);
    border: 1px solid var(--odd-contentTab-bg)
}

.oddsListData>.itemOddsData.bgLive .contentTab {
    background: var(--odd-contentTab-live-bg);
    border: 1px solid var(--odd-contentTab-live-bg)
}

.oddsListData>.itemOddsData:hover>* {
    border-right-color: var(--odd-white-color)
}

.oddsListData>.itemOddsData:hover .carouselOdds {
    border-left-color: var(--odd-white-color)
}

.oddsListData>.itemOddsData:not(.bgLive) .carouselOdds {
    border-bottom: var(--odd-bodyTableOdds-gray-border-2)
}

.oddsListData>.itemOddsData:not(.bgLive):hover .carouselOdds {
    border-left-color: var(--odd-white-color)
}

.oddsListData>.itemOddsData .betOrder>* {
    background: var(--odd-betOrder-bg)
}

.oddsListData>.itemOddsData:hover .betOrder>* {
    background: var(--odd-betOrder-bg-hover)
}

.oddsListData>.itemOddsData.bgLive .betOrder>* {
    background: var(--odd-betOrder-active-bg);
    transition: .3s
}

.oddsListData>.itemOddsData.bgLive .betOrder>*:hover {
    background: var(--odd-hover-btn-listdata);
    color: var(--odd-color-hover-btn-listdata)
}

.oddsListData>.itemOddsData .betOrder>* {
    background: var(--odd-contentTab-gray-bg) 0% 0% no-repeat padding-box
}

.oddsListData>.itemOddsData.bgLive .bodyTableOdds .listIcon a {
    height: 20px
}

.oddsListData>.itemOddsData .bodyTableOdds>*,.ftTableOdds .bottomFt .oddData {
    border-right: var(--odd-bodyTableOdds-border-2)
}

.oddsListData>.itemOddsData.bgLive .bodyTableOdds>*,.itemOddsData.bgLive .ftTableOdds .bottomFt .oddData {
    border-right: var(--odd-bodyTableOdds-border)
}

.itemOddsData.bgLive .bodyTableOdds:first-child {
    border-top: var(--odd-bodyTableOdds-border)
}

.itemOddsData.bgLive:hover .bodyTableOdds:first-child {
    border-top: var(--odd-bodyTableOdds-border-hover)
}

.oddsListData>.itemOddsData.bgLive .bodyTableOdds>*:first-child {
    border-left: 0
}

.itemOddsData.bgLive .ftTableOdds .bottomFt .oddData:last-child,.oddsListData>.itemOddsData.bgLive .bodyTableOdds>*:last-child,.oddsListData>.itemOddsData.bgLive:hover .bodyTableOdds>*:last-child {
    border-right: 0
}

.oddsListData>.itemOddsData.bgLive:hover .bodyTableOdds>*,.itemOddsData.bgLive:hover .ftTableOdds .bottomFt .oddData {
    border-right: var(--odd-bodyTableOdds-border-hover)
}

.oddsListData>.itemOddsData.bgLive .bodyTableOdds>* {
    border-bottom: var(--odd-bodyTableOdds-border)
}

.oddsListData>.itemOddsData .bodyTableOdds>* {
    border-bottom: var(--odd-bodyTableOdds-border-2)
}

.oddsListData>.itemOddsData:hover .bodyTableOdds>* {
    border-bottom: var(--odd-bodyTableOdds-border-hover)
}

.itemOddsData:hover .bodyTableOdds>*,.itemOddsData:hover .ftTableOdds .bottomFt .oddData {
    border-right: var(--odd-bodyTableOdds-border-hover)
}

.itemOddsData:hover .ftTableOdds .bottomFt .oddData:last-child {
    border-right: 0
}

.ftTableOdds .bottomFt .oddData:last-child {
    border-right: 0
}

.clockIconClass {
    background: transparent!important
}

.clockIconClass svg {
    width: 25px!important;
    margin: auto;
    opacity: .3
}

.bodyTableOdds>* {
    font-weight: 700
}

.bodyTableOdds>*>* {
    padding-top: 5px;
    padding-bottom: 5px
}

.bodyTableOdds>*>.bottomFt {
    padding: 0
}

.timeMatch {
    color: var(--odd-time-match-color)
}

.resultsMatch {
    color: var(--odd-result-match-color)
}

.halfMatch {
    color: var(--odd-halfMatch-color)
}

.oddsColor {
    color: var(--odd-color-value)
}

.colorStyleNumber {
    color: #e93d3d
}

.bottomFt>*:last-child,.headTableOdds>*:last-child {
    border-right: 0
}

.headTableOdds .ftTableOdds .bottomFt>* {
    border-right: 1px solid var(--odd-white-color);
    border-top: 1px solid var(--odd-white-color);
    border-bottom: 0
}

.headTableOdds .ftTableOdds .bottomFt>*:first-child {
    border-left: 0
}

.headTableOdds .ftTableOdds .bottomFt>*:last-child {
    border-right: 0
}

.oddsPrefix {
    color: var(--odd-color-prefix-odds-name)
}

.teamInfo {
    color: var(--odd-color-teaminfo-odds-name)
}

.bodyTableOdds .teamInfo,.bodyTableOdds .oddsPrefix {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.bodyTableOdds .teamInfo:hover,.bodyTableOdds .oddsPrefix:hover {
    color: #bb3e3e
}

.bgLive .aBtnBet {
    color: var(--odd-white-color-btn-bet-live);
    background: var(--bg-color-btn-bet-live);
    border: var(--border-color-btn-bet-live)
}

.btn-identify {
    color: var(--color-btn-identify-live);
    background: var(--bg-color-btn-identify-live);
    border: var(--border-color-btn-identify-live);
    height: max-content;
    width: max-content;
    padding: 5px 15px;
    border-radius: 8px;
    transition: .3s;
    text-decoration: unset;
    position: relative
}

.gif-icon-vip {
    display: flex;
    align-items: center
}

.btn-identify:hover {
    background-color: #fff;
    color: var(--bg-color-btn-identify-live)
}

a.btn-identify svg {
    position: absolute;
    top: -10px;
    right: -10px
}

.aBtnBet {
    color: var(--odd-white-color-btn-bet);
    height: max-content;
    width: max-content;
    padding: 5px 15px;
    border-radius: 8px;
    transition: .3s;
    text-decoration: unset;
    background: var(--bg-color-btn-bet);
    margin-left: 5px;
    border: var(--border-color-btn-bet)
}

.headingInstruct {
    background: #0000008a;
    color: var(--odd-white-color);
    text-transform: uppercase
}

body:has(.activeInstruct) {
    margin: 0;
    height: 100%;
    overflow: hidden
}

body.activeInstruct:after {
    content: "";
    background: #0000005e;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 8
}

.ftTableOdds .bottomFt .oddData .odds:hover .oddsColor,.ftTableOdds .bottomFt .oddData .odds:hover .colorStyleNumber {
    color: var(--odd-white-color)
}

.ftTableOdds .bottomFt .oddData .odds:hover {
    background: var(--odd-primary-color);
    color: var(--odd-white-color);
    cursor: pointer
}

.aBtnBet:hover {
    background: var(--bg-color-btn-bet-hover);
    color: var(--odd-white-color-btn-bet-hover)
}

.listItemTabOdds {
    border-color: var(--odd-color-filter-odds-name);
    border-style: solid;
    border: 0;
    z-index: 0
}

.listItemTabOdds:after {
    content: "";
    height: 1px;
    border-bottom: 1px solid;
    border-color: var(--odd-color-tab-odds-name);
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    right: 0;
    z-index: -1
}

.listItemTabOdds>* {
    background: var(--odd-color-filter-odds-name);
    padding: 5px 10px;
    color: var(--odd-white-color);
    border: 1px solid var(--odd-color-tab-name);
    border-radius: 8px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    font-weight: 700
}

.listTabOdds {
    padding: 15px 15px 30px
}

.contentTab {
    padding: 10px;
    border-radius: 6px
}

.contentTab .oddData {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 5px;
    gap: 5px;
    font-weight: 700;
    width: 120px
}

.itemOddsTabContent {
    gap: 15px
}

.contentTab .oddData .odds {
    background: var(--odd-white-color);
    padding: 3px;
    border-radius: 4px
}

.itemTab>* {
    width: calc((100% / 11) - 10px)
}

.titleTab {
    color: var(--odd-color-leagues-filter);
    padding-bottom: 5px;
    font-size: 15px
}

.filterOddsAndBookmaker {
    width: 425px;
    z-index: 8
}

.titleTab.active {
    border-bottom: 1px solid var(--odd-contentTab-gray-border)
}

.titleTab .arrowIcon svg {
    color: var(--odd-color-leagues-filter)
}

.titleTab.active .arrowIcon {
    transform: rotate(90deg)
}

.itemOddsTab {
    display: flex;
    flex-direction: column;
    gap: 5px
}

.itemOddsTab .oddsItem {
    background: var(--odd-white-color);
    color: var(--odd-black-color);
    border-radius: 6px
}

.itemOddsTab>* {
    color: var(--odd-itemOddsTab-color);
    text-align: center;
    padding: 5px 0;
    font-weight: 400
}

.listItemTabOdds .activeTab {
    border-radius: 4px 4px 0 0;
    background: #f90;
    color: var(--odd-black-color);
    border-bottom: 0
}

.slider {
    transition: transform .5s ease;
    border: none;
    gap: 5px
}

.slide {
    flex: 0 0 auto
}

.carouselOddDots {
    margin: 5px 0
}

.dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--odd-itemOddsTab-dot-color);
    margin: 0 5px
}

.dot.active {
    background-color: var(--odd-itemOddsTab-dot-active-color)
}

.pinkBg {
    background-color: var(--odd-pink-bg)!important;
    background-image: var(--odd-bgimage-pink-bg);
    border: 1px solid var(--odd-white-color)
}

.intro-banner-vdo-play-btn {
    height: 10px;
    width: 10px;
    left: 10px;
    border-radius: 100px;
    z-index: 1
}

.intro-banner-vdo-play-btn i {
    line-height: 56px;
    font-size: 30px
}

.intro-banner-vdo-play-btn .ripple {
    width: 40px;
    height: 40px;
    z-index: -1;
    left: 50%;
    top: 50%;
    opacity: 0;
    margin: -20px 0 0 -20px;
    border-radius: 100px;
    -webkit-animation: ripple 1.8s infinite;
    animation: ripple 1.8s infinite
}

.ftTableOdds .bottomFt .oddData {
    justify-content: flex-start
}

.ftTableOdds .bottomFt .oddData svg#Layer_1 {
    width: 15px
}

.ftTableOdds .bottomFt .oddData {
    padding: 5px;
    gap: 10px;
    font-weight: 700
}

.ftTableOdds .bottomFt .oddData>* {
    display: flex;
    justify-content: space-between;
    background: var(--odd-white-color);
    padding: 5px 3px;
    border-radius: 4px;
    z-index: 1
}

.ftTableOdds .bottomFt .oddData:nth-child(3) .odds {
    justify-content: flex-end;
    align-items: center;
    gap: 3px
}

.ftTableOdds .odds>* {
    display: flex;
    align-items: center;
    gap: 3px
}

.ftTableOdds .odds>.oddsColor {
    font-size: .75em
}

.bodyTableOdds .ftTableOdds .bottomFt {
    border: 0
}

span.liveMinus {
    color: var(--odds-color-live-minus);
    transition: color .5s ease-in-out;
    animation: blink 1s infinite;
    font-size: 20px;
    position: relative;
    left: -2px
}

@keyframes blink {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes ripple {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ripple {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        opacity: .1
    }

    30% {
        opacity: .8
    }

    to {
        opacity: .1
    }
}

.intro-banner-vdo-play-btn .ripple:nth-child(2) {
    animation-delay: .3s;
    -webkit-animation-delay: .3s
}

.intro-banner-vdo-play-btn .ripple:nth-child(3) {
    animation-delay: .6s;
    -webkit-animation-delay: .6s
}

.skeleton-box {
    background-color: var(--odd-skeleton-bg);
    height: 100px;
    padding: 0!important
}

.skeleton-box:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translate(-100%);
    background-image: linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);
    -webkit-animation: shimmer 2s infinite;
    animation: shimmer 2s infinite;
    content: ""
}

@-webkit-keyframes shimmer {
    to {
        transform: translate(100%)
    }
}

@keyframes shimmer {
    to {
        transform: translate(100%)
    }
}

.notFoundMatch {
    text-align: center;
    padding: 10px 0;
    background: var(--odd-activeTab-live-bg)
}

.adsBanner {
    text-align: center
}

.adsBanner ins {
    margin: auto
}

.adsBanner ins img {
    width: 100%;
    max-width: 100%
}

.searchAndDropdownLeagues>* input {
    margin-bottom: 0
}

.identify-and-vip {
    display: flex;
    gap: 10px
}

.gif-icon-vip img {
    width: 40px
}

.modal-left {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    width: 800px;
    background: #f2f2f2;
    transition: transform .3s ease-out;
    z-index: 9;
    padding: 0 0 20px;
    border-radius: 12px;
    overflow: hidden;
    left: 0;
    margin: auto
}

.modalHeadData {
    position: sticky;
    top: 0;
    z-index: 9;
    height: 240px
}

.modalTop:after {
    content: "";
    background: #11184fb3;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.modal-left.open {
    z-index: 99999999;
    max-height: 800px
}

.modalBackdrop.open {
    position: fixed;
    z-index: 9999999;
    top: 0;
    bottom: 0;
    right: 0;
    left: -1000px;
    width: 1000%;
    height: 10000vh;
    background: #11184fb3
}

.time-modal {
    color: #fff;
    font-size: 30px;
    margin-top: 8px
}

.status-modal {
    background-color: #e93d3d;
    color: #fff;
    font-size: 14px;
    width: max-content;
    border-radius: 12px;
    padding: 2px 12px
}

.date-modal {
    color: #fff;
    font-size: 12px;
    line-height: 16px
}

.dataHomeModalPopup img,.dataAwayModalPopup img {
    width: 50px;
    height: 50px;
    margin-right: 10px
}

.arrow-icon-odds {
    width: 8px;
    height: 8px;
    display: flex
}

.arrow-icon-odds.arrow-up {
    background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='6'%20height='4.8'%20viewBox='0%200%206%204.8'%3e%3cpath%20d='M3,0%20L6,4.8%20H0%20Z'%20fill='%2346a452'%3e%3c/path%3e%3c/svg%3e");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.arrow-icon-odds.arrow-down {
    background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='6'%20height='4.8'%20viewBox='0%200%206%204.8'%3e%3cpath%20d='M3,0%20L6,4.8%20H0%20Z'%20transform='translate(6%204.8)%20rotate(180)'%20fill='%23f33e3e'%3e%3c/path%3e%3c/svg%3e");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.modalTop {
    background: url(./bgTop.jpg);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #fff;
    min-height: 200px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat
}

.InfoMatchModalPopup {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2
}

.leaguesModalPopup {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 34px;
    justify-content: center;
    z-index: 2;
    position: relative;
    background-color: #2c3cc399
}

.leaguesModalPopup img {
    width: 20px;
    height: 20px;
    object-fit: contain
}

.InfoMatchModalPopup {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.dataHomeModalPopup,.dataAwayModalPopup {
    cursor: pointer;
    margin-top: 30px;
    width: calc(50% - 100px)
}

.dataMatchModalPopup {
    width: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 15px
}

.dataHomeModalPopup img,.dataAwayModalPopup img {
    height: 60px;
    margin: 0 auto;
    width: 60px
}

.nameTeamPopup {
    font-size: 12px;
    font-weight: 700;
    line-height: 24px;
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tabModalPopup {
    width: 100%;
    overflow: auto
}

.listItemModalPopup {
    min-width: 436px;
    gap: 16px;
    justify-content: start;
    width: 100%
}

.listItemModalPopup {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: center;
    font-weight: 700;
    color: #444a64;
    cursor: pointer;
    font-size: 14px;
    line-height: 40px;
    background: #ededee
}

.contentTabModalPopup {
    background: #fff;
    border-radius: 12px;
    overflow: auto;
    height: calc(100% - 240px);
    width: 100%
}

.chillContentTabModalPopup {
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 30px
}

.titleModalLineUp {
    align-items: center;
    background-color: #c8d3ff;
    border-radius: 10px 10px 0 0;
    display: flex;
    height: 34px;
    justify-content: space-between;
    position: relative;
    color: #1d2530;
    font-size: 15px;
    padding: 7px 15px;
    width: 100%
}

.titleModalLineUp:after {
    content: "";
    width: 8px;
    height: 32px;
    position: absolute;
    left: 0;
    right: 0;
    background: #2c3cc3;
    border-radius: 0 8px 8px 0
}

.tabModalPopup .itemTabModalPopup:hover,.tabModalPopup .itemTabModalPopup.active {
    color: #2c3cc3
}

.distribution {
    background-color: #359556;
    border-radius: 0 0 10px 10px;
    height: 940px;
    overflow: hidden;
    width: 100%
}

.groundBox {
    background: url(./lineupBg.png);
    background-size: cover;
    display: flex;
    flex-direction: column;
    height: 928px;
    justify-content: space-between;
    margin: 6px auto;
    width: 374px
}

.groupLineUps {
    height: calc(100% - 80px)
}

.groupHead {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 12px;
    line-height: 40px;
    padding: 0 13px;
    gap: 10px
}

.groupHead img {
    width: 24px;
    height: 24px;
    object-fit: contain
}

.groupHead>* {
    display: flex;
    align-items: center;
    gap: 10px
}

.chillContentTabModalPopup::-webkit-scrollbar-track {
    border-radius: 3px
}

.chillContentTabModalPopup::-webkit-scrollbar {
    background-color: #fff;
    height: 6px;
    width: 6px
}

.chillContentTabModalPopup::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 6px #ccc
}

.firstNumberContainer {
    height: 70px;
    width: 100%
}

.avatarMain {
    border: 1px solid #d0f6d1;
    border-radius: 50%;
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    width: 100%;
    padding: 2px
}

.boxAvatarMain {
    height: 45px;
    margin: 0 auto;
    position: relative;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.restNumbersContainer {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: calc(100% - 70px);
    justify-content: space-between;
    padding: 20px 0
}

.boxItem4 {
    margin: 0 auto;
    width: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff
}

.avatar {
    border: 1px solid #d0f6d1;
    border-radius: 50%;
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    width: 100%
}

.teamHome,.teamGuest {
    height: 50%;
    width: 100%;
    display: flex;
    flex-direction: column
}

.playBoxLineups {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0;
    width: 100%
}

span.namePlayerLineUp {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #fff;
    display: -webkit-box;
    font-size: 10px;
    font-weight: 700;
    line-height: 12px;
    margin-top: 3px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    width: 60px
}

span.namePlayerLineUp span {
    color: #b9d4b4;
    margin-right: 3px
}

.lineupDivTotal {
    display: flex;
    flex-wrap: wrap;
    background: #f6f8ff;
    border-radius: 12px;
    border: 2px solid rgba(200,211,255,1)
}

.lineupDivTotal.no-content>* {
    width: 100%
}

.reservePlayer {
    width: calc(50% - 10px)
}

.modal-left::-webkit-scrollbar {
    width: 4px
}

.contentLineUp.lineup {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 20px;
    flex-direction: row
}

.contentLineUp {
    width: 100%;
    padding: 12px;
    display: flex;
    gap: 10px;
    flex-direction: column
}

.ListItemReserve {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.itemReservePlayer {
    background: #fff;
    border: 1px solid rgba(200,211,255,1);
    border-radius: 8px;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px
}

.numberItemReservePlayer {
    width: 30px
}

.BoxAvatarItemReservePlayer {
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.BoxAvatarItemReservePlayer img {
    width: 48px;
    height: 48px;
    border-radius: 360px;
    background: #aeaeae
}

.pointItemReservePlayer {
    width: 35px;
    background: #61c845;
    border-radius: 16px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: auto
}

.PositionItemReserve {
    color: #98989b;
    font-size: 12px;
    font-weight: 400
}

.homeReserve img {
    width: 24px;
    height: 24px;
    object-fit: contain
}

.homeReserve {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 30px;
    padding: 10px 0;
    font-size: 16px;
    color: #11184f
}

.pointPlayerLineUp {
    background: #feae0f;
    border: 1px solid #fff;
    border-radius: 8px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    height: 15px;
    line-height: 13px;
    position: absolute;
    right: calc(50% - 35px);
    text-align: center;
    top: 3px;
    width: 25px;
    z-index: 3
}

.countdownTimePopup {
    background: #fff3;
    border-radius: 11px;
    font-size: 14px;
    font-weight: 600;
    height: 22px;
    line-height: 22px;
    margin: 5px auto;
    padding: 0 12px;
    width: -moz-max-content;
    width: max-content
}

.closeModalData {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    position: absolute;
    top: 5px;
    right: 15px;
    z-index: 9;
    background: #c8d3ff;
    height: 24px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0
}

.headerH2H {
    display: flex;
    gap: 10px;
    padding: 10px 0;
    justify-content: flex-end
}

.headerH2H>* {
    background: gray;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.headerH2H>*:hover,.headerH2H>.bgActiveBtn {
    background-color: #2c3cc3
}

.WLTableH2h>*,.AHTableH2h>*,.OUTableH2h>* {
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    border-radius: 4px;
    margin: auto
}

.bgColorWin {
    color: #fff;
    background: #40bb8c
}

.bgColorDraw {
    color: #fff;
    background: #f90
}

.bgColorLost {
    color: #fff;
    background: #e93d3d
}

.logoH2h {
    width: 50px
}

.bodyH2h {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap
}

.backgroundHeadTableH2h {
    display: flex;
    width: 100%;
    justify-content: space-between;
    font-weight: 400;
    flex-wrap: wrap;
    background-color: #fff
}

.backgroundHeadTableH2h>* {
    padding: 5px;
    border: 1px solid #ededee;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center
}

.backgroundHeadTableH2h.headingH2H {
    background: #e7ecff
}

.WLTableH2h,.AHTableH2h,.OUTableH2h {
    width: 30px;
    text-align: center
}

.HTTableH2h {
    width: 80px
}

.dateTableH2h {
    width: 100px
}

.goalTableH2h {
    width: 80px;
    text-align: center
}

.colorTableH2h.backgroundTableH2h {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 5px
}

.percentH2H {
    width: calc(100% - 120px);
    display: flex;
    flex-direction: column;
    gap: 20px
}

.headBoxPercentH2h {
    justify-content: space-between;
    display: flex
}

.bodyBoxPercentH2h {
    display: flex;
    position: relative
}

.bodyBoxPercentH2h>* {
    height: 16px
}

.bgColorH2h2Home {
    background: #40bb8c;
    position: absolute;
    left: 0;
    top: 0
}

.bgColorH2h2Away {
    background: #e93d3d;
    width: 100%
}

.bgColorH2h2HomeDraw {
    background: #f09b57;
    position: absolute
}

.homeTableH2h {
    flex: 1 1 0%;
    gap: 10px;
    font-weight: 700
}

.avatarMain .avatar img {
    width: 100%;
    object-fit: contain
}

* {
    -webkit-tap-highlight-color: transparent
}

.btn-identify {
    display: none!important
}

.boxStatistic {
    display: flex;
    gap: 10px;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.boxStatistic>* {
    width: calc(50% - 10px)
}

.headBoxPercentH2hData {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    flex-direction: row;
    justify-content: space-between
}

.headBoxPercentH2hData .H2hDataFirst {
    width: calc(50% - 60px)
}

.BGH2hDataFirst {
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d9d9d9;
    border-radius: 20px;
    padding: 5px 0
}

.headBoxPercentH2hData .H2hDataFirst:nth-child(3) {
    display: flex;
    justify-content: end
}

.bgColorH2h2Away.border-statistic,.bgColorH2h2Home.border-statistic {
    border-radius: 12px
}

.bodyH2h {
    font-size: 12px
}

.tableStatistic {
    display: flex;
    width: 100%;
    gap: 10px;
    flex-direction: column
}

.tableStatistic>* {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.ColumnTableStatistic .LeaguesTableStatistic {
    width: 100px;
    text-align: left
}

.ColumnTableStatistic {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px
}

.ColumnTableStatistic .NameTableStatistic {
    width: calc(100% - 470px);
    text-align: left
}

.ColumnTableStatistic>* {
    width: 80px;
    text-align: center
}

.ColumnTableStatistic.headTableStatistic {
    background: #ededee
}

.itemTableStatistic {
    background: #fff;
    border: 1px solid #ededee
}

.TBTableStatistic>*>*,.DHPTableStatistic>*>*,.TXTableStatistic>*>* {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto
}

.nameTeamStatistic {
    font-size: 16px;
    font-weight: 700
}

.ColumnTableStatistic .NameTableStatistic .boldname {
    font-weight: 700
}

.oddsStatis__content.tips {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.username_tips {
    font-weight: 700;
    font-size: 14px;
    color: #1f2e91;
    gap: 10px;
    align-items: center;
    display: flex
}

.content_tips {
    font-size: 12px
}

.imageUserIcon {
    width: 30px;
    height: 30px;
    border-radius: 360px;
    background: #2c3cc3;
    display: flex;
    align-items: center;
    justify-content: center
}

.title_tips {
    font-size: 16px;
    font-weight: 700
}

.listTips {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: #fff;
    border-radius: 8px;
    padding: 12px;
    box-shadow: 0 0 1px #0000001f,0 1px 1px #0000003d
}

.table_odds_tips {
    display: flex;
    align-items: center;
    gap: 10px
}

.table_odds_tips>* {
    width: 33%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #f0f0f0;
    border-radius: 4px;
    border: 1px solid #2c3cc3;
    padding: 0
}

.item_table_odds_tips.background_active_tips>* {
    color: #2c3cc3;
    font-weight: 700
}

.table_odds_tips>* .label_odds_tips {
    font-weight: 700;
    padding-bottom: 5px
}

.table_odds_tips>*>* {
    width: 100%;
    text-align: center;
    font-size: 12px
}

.name_chose_value {
    font-weight: 700;
    color: #2c3cc3;
    font-size: 14px
}

.TeamInfoModal {
    display: flex
}

.BoxInfoTeamLeft {
    width: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #d9d9d9;
    border-right: 0
}

.BoxInfoTeamRight {
    width: calc(100% - 210px);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    border: 1px solid #d9d9d9;
    border-left: 0
}

.itemInfoTeamRight {
    width: 50%;
    display: flex;
    font-size: 12px
}

.itemInfoTeamRight .headingItemInfoTeamRight {
    background-color: #fff6d9;
    width: 150px;
    display: flex;
    border-right: 0!important;
    border-bottom: 0!important
}

.BottomItemInfoTeamRight {
    width: calc(100% - 150px);
    border-right: 0!important;
    border-bottom: 0!important
}

.NameTeamInfo {
    font-size: 12px
}

.itemInfoTeamRight>* {
    border: 1px solid #d9d9d9;
    color: #000;
    padding: .5rem .25rem;
    display: flex;
    align-items: center
}

.itemInfoTeamRight:first-child>* {
    border-top: 0
}

.itemInfoTeamRight:nth-child(2)>* {
    border-top: 0!important
}

.bgColorTeamActive,.bgColorNotActive:hover {
    background-color: #f7b016;
    color: #000;
    padding: 5px;
    border-radius: 4px
}

a.linkWebsite:hover {
    color: red
}

.bgColorNotActive {
    background-color: #ededee;
    color: #8b8b8b
}

.listtabTeam {
    display: flex;
    gap: 10px;
    flex-wrap: wrap
}

.listtabTeam>* {
    padding: 5px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    user-select: none
}

.modal-left.modalTeam.open {
    max-width: 1000px;
    width: 100%
}

.headingDataTeamBOx {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--odd-primary-color);
    padding: 5px 8px;
    color: #fff
}

.filterNameDataLeagues.rightItem .listFilterLeagues {
    left: unset;
    right: 0
}

.noDataTeam {
    text-align: center;
    color: red
}

.NoDataModal {
    text-align: center
}

.filterHeading {
    display: flex;
    gap: 10px
}

.titleHeading {
    color: #fff;
    font-weight: 700;
    justify-content: center
}

.dataTeamBox {
    display: flex;
    flex-direction: column
}

.contentAttackSumaryData {
    display: flex;
    text-align: center
}

.contentAttackSumaryData>* {
    width: 12.5%
}

.contentAttackSumaryData>*>.bgColorDataTeam {
    background: #ededee;
    height: 30px;
    font-weight: 700;
    border: 1px solid #d9d9d9
}

.contentAttackSumaryData>*>* {
    border: 1px solid #d9d9d9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    border-top: 0;
    background-color: #fff;
    height: 30px
}

.tabModalPopupTeam,.modalTopTeam {
    padding: 12px 12px 0;
    display: flex;
    flex-direction: column;
    gap: 30px;
    background: #fff
}

.filterNameDataLeagues {
    position: relative
}

.listFilterLeagues {
    position: absolute;
    z-index: 1;
    display: flex;
    flex-direction: column;
    width: max-content;
    top: 35px;
    padding: 5px 0;
    overflow-y: auto;
    max-height: 150px;
    background: #23319e;
    left: 0;
    min-width: 260px
}

.nameFilterLeagues {
    min-width: 250px
}

.headingDataTeamBOx>* {
    width: 33%;
    display: flex;
    align-items: center
}

.itemFilterLeagues {
    color: #fff;
    border-bottom: 1px solid #fff;
    padding: 5px;
    cursor: pointer
}

.itemFilterLeagues:hover {
    color: #23319e;
    border-bottom: 1px solid #23319e;
    background-color: #fff
}

.nameFilterLeagues {
    background: #fff;
    color: #000;
    border-radius: 4px;
    padding: 5px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.filterNameDataLeagues.rightItem {
    justify-content: flex-end
}

.nameFilterLeagues svg {
    transform: rotate(90deg)
}

.filterHeading {
    justify-content: flex-end
}

.titleHeading {
    justify-content: center
}

.filterHeading>* {
    cursor: pointer
}

.dataAttackTeamHead {
    display: grid;
    grid-template-columns: repeat(12,minmax(0,1fr))
}

.ErrorData,.cardColor,.ballControl,.kickTheBall,.timeData,.scoreDAta,.LeagueData {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-column: span 1 / span 1;
    text-align: center
}

.HomeData {
    grid-column: span 2 / span 2;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.dataAttackTeamHead>* {
    border: 1px solid #d9d9d9;
    border-right: 0;
    border-bottom: 0
}

.LeagueData.bgColorLeagues {
    color: #fff
}

.dataAttackTeamHead>*:last-child {
    border-right: 1px solid #d9d9d9
}

.dataAttackTeamHead:last-child>* {
    border-bottom: 1px solid #d9d9d9
}

.dataAttackTeamBox {
    font-size: 12px
}

.modalHeadDataTeam {
    height: 180px;
    margin-bottom: 10px
}

.contentTabModalPopup.Team {
    height: calc(100% - 190px)
}

.modal-left.modalTeam.open {
    background: #fff
}

.closeModalData.team {
    background: #23319e
}

.itemPagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px
}

.itemPagination .bgColorPagination {
    width: 40px;
    background: #ededee;
    color: #000;
    padding: 5px;
    border-radius: 4px;
    text-align: center;
    cursor: pointer
}

.bgColorPagination.leftClick svg {
    transform: rotate(180deg)
}

.curentPage svg {
    transform: rotate(90deg)
}

.centerPagination .curentPage {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 5px;
    border: 1px solid #d9d9d9;
    width: 50px;
    cursor: pointer;
    position: relative
}

.divPagination {
    margin-top: 12px
}

.totalPage {
    position: absolute;
    bottom: 100%;
    border: 1px solid #d9d9d9;
    background-color: #f9f9f9;
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
    overflow: auto;
    max-height: 200px;
    left: 0;
    right: 0;
    z-index: 9
}

.divBoxTeamLeaguesFT {
    display: grid;
    grid-template-columns: repeat(14,minmax(0,1fr))
}

.divBoxTeamLeaguesFT>* {
    border: 1px solid #d9d9d9;
    padding: 4px;
    text-align: center;
    border-right: 0;
    border-bottom: 0
}

.divBoxTeamLeaguesFT>*:last-child {
    border-right: 1px solid #d9d9d9
}

.divBoxTeamLeaguesFT:last-child>* {
    border-bottom: 1px solid #d9d9d9
}

.numberTeamLeaguesFT.winnerBg {
    background-color: #ffdedd
}

.numberTeamLeaguesFT.drawBg {
    background-color: #ffeacb
}

.numberTeamLeaguesFT.lostBg {
    background-color: #f0ffd1
}

.numberTeamLeaguesFT.bgBB {
    background: #e3f7ff
}

.numberTeamLeaguesFT.bgPoint {
    background: #e3eaff
}

.divLoadingTeam {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    height: 100%
}

.divLoadingTeam.loadingData {
    height: auto
}

@keyframes rotation_odds_loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.divBoxTeamLeaguesFT.gird13 {
    grid-template-columns: repeat(13,minmax(0,1fr))
}

.divBoxTeamLeaguesFT.gird17 {
    grid-template-columns: repeat(17,minmax(0,1fr))
}

.divBoxTeamLeaguesFT.gird9 {
    grid-template-columns: repeat(9,minmax(0,1fr))
}

.dataLeaguesTeam .headingDataTeamBOx {
    text-align: center;
    justify-content: center;
    font-weight: 700
}

.boldNameTeam {
    font-weight: 700
}

.dataLeaguesTeam>* {
    margin-bottom: 12px
}

.filterCupTeam {
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    position: relative;
    border: 1px solid #d9d9d9
}

.titleFilterCupTeam {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 10px
}

.listFilterCupTeam {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    width: 100px;
    display: flex;
    flex-direction: column;
    background: #ededee;
    padding: 4px;
    gap: 10px
}

.odds-col-span-3 {
    grid-column: span 3 / span 3
}

.odds-col-span-2 {
    grid-column: span 2 / span 2
}

.odds-col-span-1 {
    grid-column: span 1 / span 1
}

.itemResults {
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto
}

a.btn-keovip {
    background: #23309d;
    color: #fff;
    width: max-content;
    border-radius: 4px;
    padding: 5px;
    text-decoration: unset
}

a.btn-keovip:hover {
    background: red
}

.box-goal-popup {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    font-size: 16px;
    padding: 5px 0
}

.modal-left.modalGoal .closeModalData.team {
    background: red;
    right: 5px;
    top: 7px
}

.team-goal-popup img {
    object-fit: contain
}

.team-goal-popup {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 30px;
    color: #23319e;
    width: calc(50% - 60px);
    font-weight: 700
}

.team-goal-popup.away-popup {
    justify-content: flex-start
}

.goal-modal {
    width: 100px;
    font-size: 20px;
    color: red;
    text-align: center;
    font-weight: 700
}

.modal-left.modalGoal {
    height: max-content;
    padding-bottom: 0;
    border-radius: 0;
    top: 30%;
    margin: 0 auto;
    box-shadow: 0 0 2px #0000001f,0 1px 2px #0000003d
}

.title-modalGoal {
    width: 100%;
    text-align: center;
    padding: 5px;
    background: #23319e;
    color: #fff;
    font-size: 20px
}

.item-box-news-odds {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    border-bottom: 1px solid #8f8f8f;
    padding-bottom: 5px
}

.item-box-news-odds:last-child {
    border-bottom: 0
}

.oddsData__content.box-news-content {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.box-image-new-odds {
    width: 200px
}

.box-title-description-odds {
    width: calc(100% - 210px);
    display: flex;
    flex-direction: column;
    gap: 5px
}

.title-news-odds {
    font-weight: 700;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis
}

.description-news-odds {
    font-size: 13px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 1200px) {
    .matchOdds.listIcon {
        width:20%;
        flex-flow: wrap;
        row-gap: 10px
    }
}

@media (max-width: 1024px) {
    .btn-identify {
        padding:5px
    }

    .bodyTableOdds .data-button {
        font-size: 12px
    }

    .bodyTableOdds .data-button {
        padding: 2px
    }
}

@media (max-width: 769px) {
    .goal-modal {
        font-size:12px;
        width: 50px
    }

    .team-goal-popup img {
        width: 20px
    }

    .title-modalGoal {
        font-size: 14px
    }

    .modal-left.modalGoal .closeModalData.team {
        top: 3px
    }

    .team-goal-popup {
        font-size: 12px;
        width: calc(50% - 35px);
        gap: 10px
    }

    .data-button {
        margin: 0
    }

    .bgLive .data-button {
        border: 1px solid var(--odd-primary-color);
        color: var(--odd-primary-color)
    }

    .embed-odds-bookmarker a.aBtnBet {
        width: max-content
    }

    .itemOddsData.bgLive .aBtnBet {
        margin-bottom: 10px
    }

    .itemOddsData:hover .bodyTableOdds>*,.itemOddsData:hover .ftTableOdds .bottomFt .oddData,.oddsListData>.itemOddsData.bgLive .bodyTableOdds>*,.itemOddsData.bgLive .ftTableOdds .bottomFt .oddData,.oddsListData>.itemOddsData .bodyTableOdds>*,.ftTableOdds .bottomFt .oddData,.oddsListData>.itemOddsData.bgLive:hover .bodyTableOdds>*,.itemOddsData.bgLive:hover .ftTableOdds .bottomFt .oddData {
        border: 0
    }

    .btn-identify {
        margin-left: 0;
        padding-left: 10px!important
    }

    .matchOdds>* {
        padding-left: 0;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .timeTableOdds {
        width: 10%
    }

    .clockIconClass {
        margin: unset
    }

    .itemOddsTabContent.csItem {
        flex-direction: column
    }

    .itemOddsTabContent.csItem .contentTab {
        align-items: start;
        justify-content: start;
        display: flex;
        flex-direction: column
    }

    .itemTab>* {
        width: calc((100% / 6) - 10px)
    }

    :root {
        --odd-padding-page-odds: 30px 8px;
        --odd-font-size-body: 12px;
        --odd-list-filter-padding: 5px;
        --odd-min-width-filter-date: unset
    }

    .embed-odds-bookmarker {
        font-size: var(--odd-font-size-body)
    }

    .searchAndDropdownLeagues {
        flex-direction: column
    }

    .listFilterDate {
        display: flex;
        gap: 3px;
        flex-wrap: wrap;
        font-size: 10px;
        width: 100%
    }

    .searchAndDropdownLeagues>* {
        width: 100%;
        height: 38px
    }

    .filterDateAndBookmaker {
        flex-direction: column
    }

    .filterOddsAndBookmaker .filterBookmaker .nameBookmaker,.filterOddsAndBookmaker .filterOdds .nameOdds {
        justify-content: space-between;
        padding: 10px;
        min-width: auto;
        flex: 1
    }

    .filterOddsAndBookmaker {
        width: 100%
    }

    .filterOddsAndBookmaker>* {
        width: 50%
    }

    .filterOddsAndBookmaker .instructPopup {
        display: none
    }

    .listLeaguesFilter>* {
        padding: 5px
    }

    .intro-banner-vdo-play-btn {
        height: 5px;
        width: 5px
    }

    .listFilterDate .liveFilter {
        padding: 8px 8px 8px 20px
    }

    .intro-banner-vdo-play-btn .ripple {
        width: 20px;
        height: 20px;
        margin: -11px 0 0 -11px
    }

    .titleBet {
        background: var(--odd-header-bg-table);
        color: var(--odd-white-color);
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        padding: 0 0 0 15px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .titleBet .titleIcon {
        display: flex;
        align-items: center;
        gap: 20px
    }

    .titleBet .instructPopup {
        padding: 5px 15px;
        border: none;
        border-radius: 0;
        background: transparent
    }

    .titleBet .instructPopup .instruct {
        padding: 5px;
        border: none;
        width: 15px;
        height: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        font-weight: 700
    }

    .instructDiv {
        width: 80%!important
    }

    .titleLeagues {
        background: var(--odd-leagueName-bg);
        padding: 5px 15px;
        display: flex;
        gap: 20px;
        align-items: center
    }

    .titleBet svg {
        width: 8px;
        color: var(--odd-white-color);
        transform: rotate(90deg)
    }

    .titleLeagues svg {
        width: 8px;
        color: var(--odd-black-color)
    }

    .oddsMobile {
        display: flex
    }

    .timeTableOdds {
        width: 38px;
        min-width: 38px;
        text-align: center
    }

    .ftTableOdds {
        width: 60%
    }

    .ftTableOdds .bottomFt .oddData .titleOdds {
        color: var(--odd-color-filter-odds-name-ns);
        padding: 0;
        background: transparent;
        width: 100%;
        display: flex;
        font-weight: 400;
        justify-content: center
    }

    .bgLive .ftTableOdds .bottomFt .oddData .titleOdds {
        color: var(--odd-color-filter-odds-name)
    }

    .ftTableOdds .bottomFt .oddData .odds {
        min-width: 50px;
        width: 90%
    }

    .ftTableOdds .bottomFt .oddData .odds svg {
        width: 4px
    }

    .matchOdds.skeleton-box {
        border-right: 1px solid var(--odd-matchOdds-border-color)
    }

    .matchOdds {
        width: 100%;
        min-width: calc(40% - 38px);
        border-right: 1px solid var(--odd-matchOdds-border-color-none);
        padding: 5px 0
    }

    .bottomFt {
        border: 0
    }

    .tableMobileOdds .itemMatch {
        width: 100%;
        display: flex;
        flex-direction: column
    }

    .bottomFt>* {
        border: 0
    }

    .oddDataFull {
        width: calc(100% - 33.3333%);
        display: flex;
        justify-content: space-between;
        column-gap: 5px;
        flex-wrap: wrap;
        padding: 5px
    }

    .ftTableOdds .bottomFt .oddDataFull .oddData {
        padding: 0;
        width: calc(50% - 3px)
    }

    .betOrderBtn {
        width: 100%;
        background: var(--odd-betOrder-bg);
        border: 1px solid var(--odd-matchOdds-border-color);
        border-radius: 2px;
        letter-spacing: 0px;
        color: var(--odd-black-color);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer
    }

    .ftTableOdds .bottomFt .oddData .odds-item-data {
        gap: 5px;
        flex-direction: column;
        background: transparent
    }

    .ftTableOdds .bottomFt .oddData .odds-item-data.odds-good {
        position: relative;
        background: url("data:image/svg+xml,%3csvg%20width='61'%20height='87'%20viewBox='0%200%2061%2087'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M30.1797%2086.7109C13.6111%2086.7109%200.179688%2073.2793%200.179688%2056.7109C0.179688%2048.0957%203.81113%2040.3289%209.62685%2034.8573C14.9958%2029.8059%2028.1797%2020.709%2026.1797%200.710938C50.1797%2016.7109%2062.1797%2032.7109%2038.1797%2056.7109C42.1797%2056.7109%2048.1797%2056.7109%2058.1797%2046.8293C59.2585%2049.9237%2060.1797%2053.2489%2060.1797%2056.7109C60.1797%2073.2793%2046.7481%2086.7109%2030.1797%2086.7109Z'%20fill='%23FFC54C'/%3e%3c/svg%3e"),#ffd16b;
        background-repeat: no-repeat;
        background-position: 100% 100%
    }

    .ftTableOdds .bottomFt .oddData .odds-item-data.odds-good .bgTipAndVip {
        color: #c8131a;
        display: flex;
        align-items: center;
        gap: 2px;
        justify-content: center;
        background: transparent;
        font-size: 10px
    }

    .oddsListData .bottomFt>* {
        padding: 0 5px 0 0
    }

    .ftTableOdds .bottomFt .oddData .odds-item-data>* {
        display: flex;
        justify-content: space-between;
        background: var(--odd-white-color);
        padding: 5px 1px;
        border-radius: 4px;
        z-index: 1
    }

    .ftTableOdds.btn-bottom-table {
        gap: 5px;
        display: flex;
        justify-content: center;
        padding: 5px
    }

    .ftTableOdds .data-button {
        width: 70px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 8px;
        padding: 3px;
        margin-left: auto;
        margin-right: 0;
        border: 1px solid var(--odd-primary-color);
        color: var(--odd-primary-color);
        font-size: 10px
    }

    .bgLive .ftTableOdds .data-button {
        border: 1px solid var(--odd-secondary-color);
        color: var(--odd-secondary-color)
    }

    .ftTableOdds .bottomFt .oddData .odds-item-data .goodsOddsChild {
        background: #ffb4af;
        color: #000
    }

    .ftTableOdds .bottomFt .oddData .odds-item-data .goodsOddsChild .oddsColor {
        color: #000
    }

    .ftTableOdds .bottomFt .oddData .odds-item-data .goodsOddsFirst {
        background: #d1fee3;
        color: #000
    }

    .ftTableOdds .bottomFt .oddData .odds-item-data .goodsOddsFirst .oddsColor {
        color: #000
    }

    .ftTableOdds {
        display: flex;
        transition: transform .5s ease
    }

    .carouselOdds {
        display: flex;
        overflow: hidden
    }

    .carouselOddDots {
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        cursor: pointer
    }

    .carouselOddDots .dot {
        width: 5px;
        height: 5px;
        background: var(--odd-slider-dot-color);
        border-radius: 50%
    }

    .carouselOddDots .dot.active {
        background: var(--odd-color-filter-odds-name) 0% 0% no-repeat padding-box
    }

    .liveOddsData {
        width: 40%;
        border-right: var(--odd-bodyTableOdds-gray-border);
        border-top: 0;
        border-left: 0;
        padding: 5px
    }

    .oddsListDataNormal .liveOddsData {
        border-right: var(--odd-bodyTableOdds-border-2)
    }

    .liveOddsData>* {
        width: 100%;
        display: flex;
        gap: 5px
    }

    .liveOddsData .timeTableOdds {
        height: 30px;
        font-size: 12px;
        flex-direction: column;
        align-content: flex-start
    }

    .timeTableOdds .halfMatch {
        width: auto
    }

    .oddsMobile>.timeTableOdds {
        border-right: 1px solid var(--odd-matchOdds-border-color-none)
    }

    .oddsMobile:hover>.timeTableOdds,.oddsMobile:hover>.matchOdds {
        border-right-color: var(--odd-white-color)
    }

    .liveOddsData .matchOdds {
        flex-direction: column;
        border: 0;
        gap: 5px
    }

    .ftTableOdds .bottomFt .oddData.right-1x2 .odds {
        justify-content: flex-end
    }

    .oddsListData .titleLeagues,.headOdds .titleBet {
        box-shadow: 0 0 2px #0000001f,0 1px 2px #0000003d;
        margin-bottom: 5px;
        position: relative
    }

    .slide .bottomFt .oddData {
        padding: 0 5px 0 0
    }

    .betnow-mb {
        border-top: var(--odd-bodyTableOdds-gray-border);
        border-bottom: var(--odd-bodyTableOdds-gray-border);
        padding-top: 10px;
        display: flex;
        justify-content: center
    }

    .liveOddsData .starIcon {
        text-align: left;
        align-items: center;
        display: flex;
        justify-content: center
    }

    .oddsMobile>* {
        border-bottom: var(--odd-bodyTableOdds-gray-border);
        padding: 5px
    }

    .oddsListDataNormal .oddsMobile>* {
        border-bottom: var(--odd-bodyTableOdds-border-2)
    }

    .itemOddsData.bgLive .timeMatch {
        padding-left: 5px
    }

    .liveOddsData .starIcon {
        width: 20px
    }

    .TeamInfoModal {
        flex-direction: column
    }

    .TeamInfoModal>* {
        width: 100%
    }

    .modalHeadDataTeam {
        height: max-content
    }

    .BoxInfoTeamRight>* {
        width: 100%
    }

    .listtabTeam {
        width: auto
    }

    .modal-left.modalTeam.open,.AttackSumaryData {
        overflow: auto
    }

    .contentAttackSumaryData {
        min-width: 800px
    }

    .dataAttackTeam {
        overflow: auto
    }

    .dataAttackTeamBox {
        min-width: 1000px
    }

    .headingDataTeamBOx>* {
        width: 100%;
        justify-content: center
    }

    .headingDataTeamBOx {
        flex-direction: column;
        gap: 10px
    }

    .contentTabModalPopup.Team {
        height: auto
    }

    .minMobileTable {
        min-width: 1000px
    }

    .overFlowMobileTable {
        overflow: auto
    }

    .headingDataTeamBOx>*>* {
        width: 100%
    }
}

@container (max-width: 769px) {
    .embed-odds-bookmarker a.aBtnBet {
        width: max-content
    }

    .itemOddsData.bgLive .aBtnBet {
        margin-bottom: 10px
    }

    .itemOddsData:hover .bodyTableOdds>*,.itemOddsData:hover .ftTableOdds .bottomFt .oddData,.oddsListData>.itemOddsData.bgLive .bodyTableOdds>*,.itemOddsData.bgLive .ftTableOdds .bottomFt .oddData,.oddsListData>.itemOddsData .bodyTableOdds>*,.ftTableOdds .bottomFt .oddData,.oddsListData>.itemOddsData.bgLive:hover .bodyTableOdds>*,.itemOddsData.bgLive:hover .ftTableOdds .bottomFt .oddData {
        border: 0
    }

    .btn-identify {
        margin-left: 0;
        padding-left: 10px!important
    }

    .matchOdds>* {
        padding-left: 0
    }

    .timeTableOdds {
        width: 10%
    }

    .clockIconClass {
        margin: unset
    }

    .itemOddsTabContent.csItem {
        flex-direction: column
    }

    .itemOddsTabContent.csItem .contentTab {
        align-items: start;
        justify-content: start;
        display: flex;
        flex-direction: column
    }

    .itemTab>* {
        width: calc((100% / 6) - 10px)
    }

    :root {
        --odd-padding-page-odds: 30px 8px;
        --odd-font-size-body: 10px;
        --odd-list-filter-padding: 5px;
        --odd-min-width-filter-date: unset
    }

    .embed-odds-bookmarker {
        font-size: var(--odd-font-size-body)
    }

    .searchAndDropdownLeagues {
        flex-direction: column
    }

    .listFilterDate {
        display: flex;
        gap: 3px;
        flex-wrap: wrap;
        font-size: 10px;
        width: 100%
    }

    .searchAndDropdownLeagues>* {
        width: 100%;
        height: 38px
    }

    .filterDateAndBookmaker {
        flex-direction: column
    }

    .filterOddsAndBookmaker .filterBookmaker .nameBookmaker,.filterOddsAndBookmaker .filterOdds .nameOdds {
        justify-content: space-between;
        padding: 10px;
        min-width: auto;
        flex: 1
    }

    .filterOddsAndBookmaker {
        width: 100%
    }

    .filterOddsAndBookmaker>* {
        width: 50%
    }

    .filterOddsAndBookmaker .instructPopup {
        display: none
    }

    .listLeaguesFilter>* {
        padding: 5px
    }

    .intro-banner-vdo-play-btn {
        height: 5px;
        width: 5px
    }

    .listFilterDate .liveFilter {
        padding: 8px 8px 8px 20px
    }

    .intro-banner-vdo-play-btn .ripple {
        width: 20px;
        height: 20px;
        margin: -11px 0 0 -11px
    }

    .titleBet {
        background: var(--odd-header-bg-table);
        color: var(--odd-white-color);
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        padding: 0 0 0 15px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .titleBet .titleIcon {
        display: flex;
        align-items: center;
        gap: 20px
    }

    .titleBet .instructPopup {
        padding: 5px 15px;
        border: none;
        border-radius: 0
    }

    .titleBet .instructPopup .instruct {
        padding: 5px;
        border: none;
        width: 15px;
        height: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        font-weight: 700
    }

    .instructDiv {
        width: 80%!important
    }

    .titleLeagues {
        background: var(--odd-leagueName-bg);
        padding: 5px 15px;
        display: flex;
        gap: 20px;
        align-items: center
    }

    .titleBet svg {
        width: 8px;
        color: var(--odd-white-color);
        transform: rotate(90deg)
    }

    .titleLeagues svg {
        width: 8px;
        color: var(--odd-black-color)
    }

    .oddsMobile {
        display: flex
    }

    .timeTableOdds {
        width: 38px;
        min-width: 38px;
        text-align: center
    }

    .ftTableOdds {
        width: 60%
    }

    .ftTableOdds .bottomFt .oddData .titleOdds {
        color: var(--odd-color-filter-odds-name-ns);
        padding: 0;
        background: transparent;
        width: 100%;
        display: flex;
        font-weight: 400;
        justify-content: center
    }

    .bgLive .ftTableOdds .bottomFt .oddData .titleOdds {
        color: var(--odd-color-filter-odds-name)
    }

    .ftTableOdds .bottomFt .oddData .odds {
        min-width: 50px;
        width: 90%
    }

    .ftTableOdds .bottomFt .oddData .odds svg {
        width: 4px
    }

    .matchOdds.skeleton-box {
        border-right: 1px solid var(--odd-matchOdds-border-color)
    }

    .matchOdds {
        width: 100%;
        min-width: calc(40% - 38px);
        border-right: 1px solid var(--odd-matchOdds-border-color-none);
        padding: 5px 0
    }

    .bottomFt {
        border: 0
    }

    .tableMobileOdds .itemMatch {
        width: 100%;
        display: flex;
        flex-direction: column
    }

    .bottomFt>* {
        border: 0
    }

    .oddDataFull {
        width: calc(100% - 33.3333%);
        display: flex;
        justify-content: space-between;
        column-gap: 5px;
        flex-wrap: wrap;
        padding: 5px
    }

    .ftTableOdds .bottomFt .oddDataFull .oddData {
        padding: 0;
        width: calc(50% - 3px)
    }

    .betOrderBtn {
        width: calc(100% - 80px);
        background: var(--odd-betOrder-bg);
        border: 1px solid var(--odd-matchOdds-border-color);
        border-radius: 2px;
        letter-spacing: 0px;
        color: var(--odd-black-color);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer
    }

    .ftTableOdds .bottomFt .oddData .odds-item-data {
        gap: 5px;
        flex-direction: column;
        background: transparent
    }

    .ftTableOdds .bottomFt .oddData .odds-item-data.odds-good {
        position: relative;
        background: url("data:image/svg+xml,%3csvg%20width='61'%20height='87'%20viewBox='0%200%2061%2087'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M30.1797%2086.7109C13.6111%2086.7109%200.179688%2073.2793%200.179688%2056.7109C0.179688%2048.0957%203.81113%2040.3289%209.62685%2034.8573C14.9958%2029.8059%2028.1797%2020.709%2026.1797%200.710938C50.1797%2016.7109%2062.1797%2032.7109%2038.1797%2056.7109C42.1797%2056.7109%2048.1797%2056.7109%2058.1797%2046.8293C59.2585%2049.9237%2060.1797%2053.2489%2060.1797%2056.7109C60.1797%2073.2793%2046.7481%2086.7109%2030.1797%2086.7109Z'%20fill='%23FFC54C'/%3e%3c/svg%3e"),#ffd16b;
        background-repeat: no-repeat;
        background-position: 100% 100%
    }

    .ftTableOdds .bottomFt .oddData .odds-item-data.odds-good .bgTipAndVip {
        color: #c8131a;
        display: flex;
        align-items: center;
        gap: 2px;
        justify-content: center;
        background: transparent;
        font-size: 10px
    }

    .oddsListData .bottomFt>* {
        padding: 0 5px 0 0
    }

    .ftTableOdds .bottomFt .oddData .odds-item-data>* {
        display: flex;
        justify-content: space-between;
        background: var(--odd-white-color);
        padding: 5px 1px;
        border-radius: 4px;
        z-index: 1
    }

    .ftTableOdds.btn-bottom-table {
        gap: 5px;
        display: flex;
        justify-content: center;
        padding: 5px
    }

    .ftTableOdds .data-button {
        width: 70px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 8px;
        padding: 3px;
        margin-left: auto;
        margin-right: 0;
        border: 1px solid var(--odd-primary-color);
        color: var(--odd-primary-color)
    }

    .bgLive .ftTableOdds .data-button {
        border: 1px solid var(--odd-secondary-color);
        color: var(--odd-secondary-color)
    }

    .ftTableOdds .bottomFt .oddData .odds-item-data .goodsOddsChild {
        background: #ffb4af;
        color: #000
    }

    .ftTableOdds .bottomFt .oddData .odds-item-data .goodsOddsChild .oddsColor {
        color: #000
    }

    .ftTableOdds .bottomFt .oddData .odds-item-data .goodsOddsFirst {
        background: #d1fee3;
        color: #000
    }

    .ftTableOdds .bottomFt .oddData .odds-item-data .goodsOddsFirst .oddsColor {
        color: #000
    }

    .ftTableOdds {
        display: flex;
        transition: transform .5s ease
    }

    .carouselOdds {
        display: flex;
        overflow: hidden
    }

    .carouselOddDots {
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        cursor: pointer
    }

    .carouselOddDots .dot {
        width: 5px;
        height: 5px;
        background: var(--odd-slider-dot-color);
        border-radius: 50%
    }

    .carouselOddDots .dot.active {
        background: var(--odd-color-filter-odds-name) 0% 0% no-repeat padding-box
    }

    .liveOddsData {
        width: 40%;
        border-right: var(--odd-bodyTableOdds-gray-border);
        border-top: 0;
        border-left: 0;
        padding: 5px
    }

    .liveOddsData>* {
        width: 100%;
        display: flex;
        gap: 5px
    }

    .liveOddsData .timeTableOdds {
        height: 30px;
        font-size: 12px;
        flex-direction: column;
        align-content: flex-start
    }

    .timeTableOdds .halfMatch {
        width: auto
    }

    .oddsMobile>.timeTableOdds {
        border-right: 1px solid var(--odd-matchOdds-border-color-none)
    }

    .oddsMobile:hover>.timeTableOdds,.oddsMobile:hover>.matchOdds {
        border-right-color: var(--odd-white-color)
    }

    .liveOddsData .matchOdds {
        flex-direction: column;
        border: 0;
        gap: 5px
    }

    .ftTableOdds .bottomFt .oddData.right-1x2 .odds {
        justify-content: flex-end
    }

    .oddsListData .titleLeagues,.headOdds .titleBet {
        box-shadow: 0 0 2px #0000001f,0 1px 2px #0000003d;
        margin-bottom: 5px;
        position: relative
    }

    .slide .bottomFt .oddData {
        padding: 0 5px 0 0
    }

    .betnow-mb {
        border-top: var(--odd-bodyTableOdds-gray-border);
        border-bottom: var(--odd-bodyTableOdds-gray-border);
        padding-top: 10px;
        display: flex;
        justify-content: center
    }

    .liveOddsData .starIcon {
        text-align: left;
        align-items: center;
        display: flex;
        justify-content: center
    }

    .oddsMobile>* {
        border-bottom: var(--odd-bodyTableOdds-gray-border);
        padding: 5px
    }

    .oddsListDataNormal .oddsMobile>* {
        border-bottom: var(--odd-bodyTableOdds-border-2)
    }

    .itemOddsData.bgLive .timeMatch {
        padding-left: 5px
    }

    .liveOddsData .starIcon {
        width: 20px
    }
}

@media (max-width: 567px) {
    .listItemModalPopup {
        min-width:436px;
        gap: 16px;
        justify-content: start;
        width: 100%;
        padding: 0 10px
    }

    .listItemModalPopup .itemTabModalPopup {
        text-wrap: nowrap;
        padding: 0 5px
    }

    .headBoxPercentH2hData {
        flex-direction: column
    }

    .headBoxPercentH2hData>*,.headBoxPercentH2hData .H2hDataFirst {
        width: 100%;
        justify-content: center!important;
        align-items: center!important
    }

    .H2hDataFirst {
        text-align: center
    }

    .boxStatistic {
        flex-direction: column
    }

    .boxStatistic>* {
        width: 100%
    }

    .ColumnTableStatistic>* {
        width: 40px
    }

    .ColumnTableStatistic .LeaguesTableStatistic {
        width: 60px
    }

    .ColumnTableStatistic .NameTableStatistic {
        width: calc(100% - 200px)
    }

    .ColumnTableStatistic {
        gap: 5px
    }

    .itemTab>* {
        width: calc(25% - 10px)
    }

    .starIcon {
        padding: 0;
        margin: auto;
        text-align: center;
        display: block
    }

    .ftTableOdds .bottomFt .oddData.right-1x2>div:nth-child(2) {
        margin-top: 4px
    }

    .ftTableOdds .bottomFt .oddData {
        gap: 5px
    }

    .ftTableOdds .bottomFt .oddData .odds-item-data.odds-good .bgTipAndVip {
        padding: 1px;
        gap: 1px
    }

    .dateTableH2h {
        width: 20%
    }

    .goalTableH2h,.HTTableH2h {
        width: 10%
    }

    .WLTableH2h,.AHTableH2h,.OUTableH2h {
        width: 8%
    }

    .backgroundHeadTableH2h>* {
        padding: 2px
    }
}

@media (max-width: 567px) {
    .headerH2H {
        justify-content:center
    }

    .contentLineUp,.listTips,.oddsStatis__content {
        padding: 5px
    }

    .itemTab>* {
        width: calc(25% - 10px)
    }

    .starIcon {
        padding: 0;
        margin: auto;
        text-align: center;
        display: block
    }

    .ftTableOdds .bottomFt .oddData.right-1x2>div:nth-child(2) {
        margin-top: 4px
    }

    .ftTableOdds .bottomFt .oddData {
        gap: 5px
    }

    .ftTableOdds .bottomFt .oddData .odds-item-data.odds-good .bgTipAndVip {
        padding: 1px;
        gap: 1px
    }

    .dateTableH2h {
        width: 20%
    }

    .goalTableH2h,.HTTableH2h {
        width: 10%
    }

    .WLTableH2h,.AHTableH2h,.OUTableH2h {
        width: 8%
    }

    .backgroundHeadTableH2h>* {
        padding: 2px
    }

    .dataHomeModalPopup img,.dataAwayModalPopup img {
        width: 40px;
        height: 40px
    }

    .InfoMatchModalPopup {
        padding: 0 10px
    }

    .WLTableH2h>*,.AHTableH2h>*,.OUTableH2h>* {
        width: 16px;
        height: 16px
    }

    .ftTableOdds .bottomFt .oddData>* {
        font-size: 10px
    }
}

@media (max-width: 375px) {
    .itemTab>* {
        width:calc((100% / 3) - 10px)
    }

    .searchAndDropdownLeagues>* input {
        font-size: 11px
    }

    .ftTableOdds .bottomFt .oddData>* {
        font-size: 9px
    }
}

@media (max-width: 320px) {
    .ColumnTableStatistic {
        gap:0
    }

    :root {
        --odd-padding-page-odds: 30px 8px;
        --odd-font-size-body: 10px;
        --odd-list-fiter-padding: 5px;
        --odd-min-width-filter-date: unset
    }

    .oddsListData .bottomFt>* {
        padding: 0 2px
    }

    .ftTableOdds .bottomFt .oddData .odds {
        min-width: unset
    }

    .liveOddsData {
        width: 35%
    }

    .liveOddsData .timeTableOdds {
        font-size: 11px;
        gap: 2px
    }

    .bgTipAndVip {
        font-size: 8px!important
    }

    .ftTableOdds .data-button {
        width: max-content
    }

    .data-button {
        padding: 2px
    }
}