.table-group {
    grid-template-columns: 43px 1fr repeat(8, max(48px));
}

.table-top-player {
    grid-template-columns: 43px 1fr 1fr repeat(3, 73px);
}

.table-ou {
    grid-template-columns: 50px 1fr repeat(4, 36px) 36px;
}

.table-corner {
    grid-template-columns: 46px 1fr repeat(4, 35px);
}

.table-league-ranking {
    grid-template-columns: 46px 1fr 102px repeat(8, 42px);
    overflow-x: auto;
}

.table-asian-ranking {
    grid-template-columns: 46px 1fr repeat(5, 53px);
}

.table-cupmatch {
    grid-template-columns: 62px 1fr 52px 1fr 52px 52px;
}

.table-league-ranking .cell:nth-child(2) {
    position: sticky;
    left: 0;
    z-index: 1;
}

.explaination,
.explaination-2 {
    font-size: 10px;
}

.table-ou .cell.group {
    grid-column: span 4;
    border-bottom: 1px solid #d4d4d4;
    display: flex;
    justify-content: center;
    align-items: center;
}

.table-ou .cell.sub {
    background-color: #320000;
    color: white;
    font-weight: normal;
    border-top: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.red {
    color: red;
    font-weight: bold;
}

.table-ou .header .rank,
.table-ou .header .team-header,
.table-ou .header .avg {
    grid-row: span 2;
    height: auto;
}

.filter-container {
    display: flex;
}

.cupleague_heading_container {
    display: flex;
    gap: 12px;
    align-items: center;
}

.cupleague_heading .title {
    color: var(--Monotone-1900, #0C0C0D);
    font-size: 16px;
    font-weight: 700;
}

.cupleague_subtitle {
    color: var(--Monotone-1700, #3A3A3D);
    font-size: 13px;
    font-weight: 600;
    margin-top: 10px;
}

.cupleague_menu {
    display: flex;
    gap: 4px;
    margin-top: 8px;
}

.explaination {
    background-color: #ffffff;
    padding: 8px;
    border-top: 1px solid rgb(230, 230, 230);
}

.explaination-2 {
    display: flex;
    padding: 8px;
    gap: 50px;
    background-color: #ffffff;
    border-top: 1px solid rgb(230, 230, 230);
}

.circle {
    background-color: #669019;
    border-radius: 8px;
    flex-shrink: 0;
    width: 7px;
    height: 7px;
}

.note {
    gap: 4px;
}

.circle--blue {
    background-color: #0d5aed;
}

.circle--red {
    background-color: #ee0b1a;
}

.circle--champions-league {
    background: var(--so-stt-123, #247F0B);
}

.circle--UEFA {
    background: var(--so-stt-45, #077F79);
}

.circle--down {
    background: var(--ver-02-xung-hng, #FA4D4E);
}

.row.tb-body .cell.point {
    font-weight: bold;
    color: #ee0b1a
}

.last-five-win {
    display: flex;
    gap: 4px
}

.row.tb-body .cell .team-name {
    font-weight: 700;
    width: 100%;
    text-align: start;
}

.table-asian-ranking .row.tb-body .cell.name {
    font-weight: 500;
}

.row.tb-body .cell.order.order--green {
    background: var(--so-stt-123, #247F0B);
    color: var(--Monotone-0, #FFF);
}

.row.tb-body .cell.order.order--blue {
    background: var(--so-stt-45, #077F79);
    color: var(--Monotone-0, #FFF);
}

.row.tb-body .cell.order.order--red {
    background: var(--so-stt-45, #FA4D4E);
    color: var(--Monotone-0, #FFF);
}

.cupleague-loading {
    margin-top: 9px;
}

.filter-tools-standing {
    margin-top: 10px;
    gap: 4px;
}

.table-grid .header.mobile {
    display: none;
}

.standing-menu.mobile {
    display: none;
}

.betting-table .header-mobile {
    display: none;
}

.table-cupmatch .tb-body .cell .time {
    display: flex;
    flex-direction: column;
    gap: 2px;
}


.table-cupmatch .cell {
    padding: 0 4px;
    height: 40px;
}


.table-cupmatch .cell .time .hour {
    font-weight: 600;
    color: var(--Monotone-1900, #0C0C0D);
}

@media screen and (max-width: 768px) {
    .table-league-ranking {
        grid-template-columns: 33px 1fr 80px repeat(6, 33px);
    }

    .table-asian-ranking {
        grid-template-columns: 33px 1fr repeat(5, 36px);
    }

    .table-top-player {
        grid-template-columns: 40px 1fr 1fr repeat(2, 52px) 33px;
    }

    .league-container td {
        font-size: 10px;
    }

    .betting-table .header {
        display: none;
    }

    .betting-table .header-mobile {
        display: table-row;
    }
    

    .betting-table td .handicap div, .betting-table td .overUnder div {
        font-weight: 600;
        gap: 30px;
    }

    .table-top-player .tb-body .cell {
        padding: 0 10px;
    }

    .table-top-player .header .cell {
        padding: 0;
    }

    .match-button-filter {
        width: auto;
        font-size: 11px;
        padding: 8px;
    }

    .table-league-ranking .row.header {
        display: none;
    }

    .mobile-hidden {
        display: none;
    }

    .table-league-ranking .row.header.mobile {
        display: contents;
    }

    .standing-menu {
        display: none;
    }

    #section-football .wap-table-content .head-title,
    .standing-menu.mobile {
        display: flex;
    }

    .standing-menu.mobile {
        margin-top: 15px;
    }

    .wap-table-content .head-title .head-title-content span {
        font-size: 12px;
    }

    .main-content {
        padding: 0 6px 84px;
    }

    .cupleague_heading_container {
        flex-direction: column;
    }

    .filter-container {
        width: 100%;
    }

    #wap-dropdown {
        width: 100%;
    }

    .cupleague_heading .title {
        align-self: flex-start;
        font-weight: 600;
        font-size: 14px;
    }
    .cupleague_subtitle {
        font-size: 12px;
    }

    .btn-sub-filter {
        width: 100%;
    }

    .table-grid .cell {
        font-size: 10px;
    }

    .table-league-ranking .tb-body .cell .team-name {
        font-weight: 600;
    }

    .sub-filter { 
        margin-top: 12px;
    }

    .row.tb-body .cell .team-name {
        font-weight: 600;
    }

    .header-mobile .th-1x2 {
        width: 38px;
    }

    #showRound {
        overflow-x: auto;
    }

    .table-cupmatch {
        display: none;
    }

    .betting-table td .handicap div:first-child,
    .betting-table td .overUnder div:first-child {
        min-width: 30px;
    }

    .betting-table th,
    .betting-table td {
        font-size: 10px !important;
    }

    .betting-table td .handicap,
    .betting-table td .overUnder {
        gap: 2px;
    }
}

@media screen and (max-width: 375px) {
    .match-button-filter {
        padding: 6px;
    }

    .table-group {
        overflow: auto;
    }
}