/* flex */
.scoreboard_modal .modal_content .d_flex {
    display: flex;
    align-items: center;
}

.scoreboard_modal .modal_content {
    max-width: 600px;
    height: 90vh;
}

.scoreboard_modal .modal_content .content {
    padding: 0;
}

/* modal max-height */
.scoreboard_modal .modal_top_wrapper {
    height: auto;
}

.scoreboard_modal .match_modal_content {
    padding: 0 25px 20px;
    height: auto;
    max-height: calc(90vh - 290px);
    overflow-y: auto;
}

.scoreboard_modal .modal_head,
.scoreboard_modal .modal_head .top_wrap,
.scoreboard_modal .modal_head .top_wrap .ball_game,
.scoreboard_modal .modal_head .top_wrap .country {
    display: flex;
    align-items: center;
}

.scoreboard_modal .modal_head {
    border-bottom: var(--border);
    padding: 20px;
}

.scoreboard_modal .ball_game .gray {
    max-width: 20px;
    transform: scaleX(-1);
}

.scoreboard_modal .top_wrap .country {
    margin-left: 1rem;
}

.scoreboard_modal .top_wrap .country img {
    max-width: 32px;
}

.scoreboard_modal .top_wrap .country p {
    margin-left: 0.5rem;
    color: var(--primaryColor);
    font-weight: bold;
}

.scoreboard_modal .modal_content .match_results {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 1.5rem;
    border-bottom: var(--border);
}

.scoreboard_modal .match_results .match_date {
    display: flex;
    align-items: center;
    color: #a1a1a1;
}

.scoreboard_modal .match_results .match_date .fa-clock {
    font-size: 14px;
    margin-right: 0.5rem;
}

.scoreboard_modal .match_results .match_score {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.match_results .match_score .sport_team_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.85rem;
    border: var(--border);
    border-radius: 10px;
    grid-area: image;
}

.match_results .match_score .sport_team_wrap>img {
    height: 60px;
    width: 60px;
}

.match_results .match_score .sport_team_wrap p {
    font-size: 14px;
    color: #666666;
    font-weight: bold;
    margin-top: 0.5rem;
}

.match_results .match_score .star_collect .star_icon {
    font-size: 20px;
    color: #a7a7a7;
}

.match_score .left_wrap {
    --spacer: 17px;
    --margin-homeAway: 0 5px 0 0;
    display: grid;
    grid-template:
        ". myTeams . image . serve ." max-content
        "name name name name name name name" max-content
        "rank rank rank rank rank rank rank";
    grid-template-rows: max-content max-content max-content;
    grid-template-columns: 1fr 32px var(--spacer, 1fr) min-content var(--spacer, 1fr) 32px 1fr;
    justify-content: center;
}

.match_score .right_wrap {
    --spacer: 17px;
    --margin-homeAway: 0 0 0 5px;
    display: grid;
    grid-template:
        " . serve . image . myTeams . " max-content
        " name name name name name name name " max-content
        " rank rank rank rank rank rank rank " max-content / 1fr 32px var(--spacer, 1fr) min-content var(--spacer, 1fr) 32px 1fr;
    justify-content: center;
}

.scoreboard_modal .left_wrap .star_collect,
.scoreboard_modal .right_wrap .star_collect {
    align-items: center;
    align-self: center;
    border-radius: 50%;
    display: flex;
    grid-area: myTeams;
    height: 32px;
    justify-content: center;
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
    width: 32px;
    z-index: 1;
}

.scoreboard_modal .match_score .blank {
    align-self: center;
    grid-area: serve;
    justify-self: center;
}

.scoreboard_modal .match_score .match_team_name {
    font-size: 14px;
    grid-area: name;
    padding-top: 5px;
    text-align: center;
}

.scoreboard_modal .match_score_wrap {
    flex: 0 0 150px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    height: 105px;
    position: relative;
}

.match_score_wrap .game_score {
    margin-top: 2.5rem;
}

.match_score_wrap .game_score p {
    font-size: 20px;
    color: #3a3a3a;
    font-weight: bold;
    margin: 0 1rem;
}

.match_score_wrap .game_score .score_block {
    padding: 0.35rem 0.75rem;
    background: #f7f6fb;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
}

.match_score_wrap .game_score .score_block>p {
    margin: 0;
}

.match_score_wrap .game_state {
    position: absolute;
    bottom: 0;
    padding: 0.5rem 1rem;
    border-radius: 10rem;
    background: #f2f2f2;
}

.match_score_wrap .game_state p {
    font-size: 13px;
    color: #969696;
    text-transform: capitalize;
}

.match_score_wrap .game_state .fa-circle-check {
    font-size: 13px;
    color: var(--primaryColor);
    margin-right: 0.35rem;
}

/* tab */
.scoreboard_modal .sport_league_filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.scoreboard_modal .sport_league_tab {
    display: flex;
    align-items: center;
}

.scoreboard_modal .sport_league_tab>.match_tab_item {
    padding: 0.55rem 1rem;
    background: #fff;
    color: #000;
    cursor: pointer;
    border-radius: 5px;
    margin-right: 0.75rem;
    border: 1px solid #DBDBDB;
}

.scoreboard_modal .sport_league_tab>.match_tab_item.active {
    background: #8D24EC;
    color: #fff;
}

.scoreboard_modal .sport_league_tab>.match_tab_item:last-child {
    margin-right: 0;
}

.scoreboard_modal .sport_league_tab>.match_tab_item>p {
    text-transform: uppercase;
}

/* half */
.scoreboard_modal .half_wrap .half_head {
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E2E2E2;
    font-weight: bold;
}

.scoreboard_modal .half_wrap .half_head>p {
    font-size: 14px;
    color: #000;
}

.scoreboard_modal .half_content .half_table {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: var(--border);
    background: #F9F9F9;

}

.scoreboard_modal .half_content .half_table:last-child {
    border-bottom: none;
}

.half_table .table_left,
.half_table .table_right {
    display: flex;
    align-items: center;
}

.half_table .td {
    font-size: 14px;
    color: #797979;
    padding: 15px 8px;
}

.half_table .td p {
    font-weight: bold;
}

.half_table .td p>span {
    font-weight: 500;
}

.half_table .goal_box,
.half_table .card_wrap {
    padding: 6px;
    border: var(--border);
    border-radius: 6px;
}

.half_table .table_left .goal_box>img {
    max-width: 15px;
    margin-right: 0.35rem;
}

.half_table .table_right .goal_box>img {
    max-width: 15px;
    margin-left: 0.35rem;
}

.half_table .card_wrap .yellow_card {
    display: flex;
    align-items: center;
    justify-content: center;
}

.half_table .card_wrap .yellow_card>img {
    max-width: 100%;
}

/* Stats page */
.scoreboard_modal .sport_league_filter {
    padding: 20px 25px;
}

.sport_league_filter .soccer_select {
    border-color: #ccc;
    border-radius: 5px;
    color: #858585;
    padding: 0.5rem 1rem;
}

/* Progress bar */
.scoreboard_modal .progress_bar_chart {
    margin-top: 1.5rem;
}

.scoreboard_modal .score_progress_bar {
    margin-bottom: 1rem;
}

.scoreboard_modal .score_progress_bar:last-child {
    margin-bottom: 0;
}

.score_progress_bar .top_text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.35rem;
    font-weight: bold;
}

.score_progress_bar .percentage_wrap {
    display: flex;
    align-items: center;
}

.score_progress_bar .percentage_bar {
    width: 100%;
    display: flex;
    align-items: center;
    background: #D9D9D9;
    margin: 0 1px;
    border-radius: 4px;
}

.score_progress_bar .percentage_bar.left {
    justify-content: flex-end;
}

.score_progress_bar .percentage_bar .higher {
    height: 10px;
    background: #9370DB;
    border-radius: 4px;
}

.score_progress_bar .percentage_bar .lower {
    height: 10px;
    background: #666666;
    border-radius: 4px;
}

/* Progress bar */
.lineups_head,
.baseball_summary_wrap .summary_title {
    background: #E2E2E2;
    color: #000;
    font-weight: bold;
    padding: 0.65rem 1rem;
    text-align: center;
}

.lineups_head p,
.baseball_summary_wrap .summary_title p {
    text-transform: uppercase;
    font-weight: bold;
}

/* Page 3 */
.scoreboard_modal .lineups_block {
    margin-bottom: 2.5rem;
}

.scoreboard_modal .lineups_block:last-child {
    margin-bottom: 0;
}

.lineups_content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #F9F9F9;
    font-weight: bold;
}

.lineups_content .substituted {
    display: flex;
    align-items: center;
    padding: 1rem 0.5rem;
}

.lineups_content .substituted .substitute_top > p {
    width: 15px;
    font-weight: bold;
}

.lineups_content .substituted.right_wrap .substitute_top > p {
    text-align: end;
}

.lineups_content .substituted .img_wrap>img {
    max-width: 30px;
}

.substitute_top .country_block {
    display: flex;
    align-items: center;
    margin-left: 0.75rem;
}

.substitute_top .country_block>img {
    max-width: 23px;
    margin-right: 0.35rem;
}

.substitute_top .country_block>p {
    font-weight: bold;
}

.concatenation {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin-left: 0.75rem;
}

.concatenation .substitute_top:first-child {
    margin-bottom: 0.35rem;
}

.concatenation .substitute_top .change_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    border: var(--border);
    padding: 0.25rem;
    border-radius: 5px;
    margin-right: 0.5rem;
    background: #fff;
}

.concatenation .substitute_top .change_wrap>img {
    max-width: 14px;
}

.substituted.right_wrap .img_wrap,
.substituted.right_wrap .substitute_top .change_wrap {
    order: 2;
}

.substituted.right_wrap .substitute_top p {
    order: 1;
}

.substituted.right_wrap .concatenation .substitute_top .change_wrap {
    margin-left: 0.5rem;
    margin-right: 0;
}

.substituted.right_wrap .substitute_top .country_block {
    margin-left: 0;
    margin-right: 0.75rem;
}

.substituted.right_wrap .concatenation {
    margin-left: 0;
    margin-right: 0.75rem;
    align-items: flex-end;
}

.left_wrap .substitute_top .column_group {
    margin-left: 0.5rem;
}

.lineups_content .substitute_top .column_group {
    display: flex;
    align-items: center;
}

.lineups_content .substitute_top .column_group .column_wrap {
    margin-right: -0.55rem;
}

.lineups_content .substitute_top .column_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    border: var(--border);
    padding: 0.3rem;
    border-radius: 5px;
    margin-right: 0.5rem;
    background: #fff;
}

.substituted .substitute_top .column_wrap>img {
    max-width: 13px;
}

.substituted.right_wrap .substitute_top.startings p {
    order: 3;
}

.substituted.right_wrap .substitute_top.startings .country_block {
    order: 2;
    margin-left: 0.55rem;
}

.lineups_content.right_wrap .substitute_top.startings .column_group {
    order: 1;
}

.right_wrap .substitute_top .country_block>img {
    order: 2;
    margin-left: 0.35rem;
    margin-right: 0;
}

.substituted.right_wrap .substitute_top.startings .country_block>p {
    order: 1;
}

.right_wrap .substitute_top .column_group .column_wrap {
    margin-right: 0;
    margin-left: -0.55rem;
}

.modal_content .substitute_top.missing {
    align-items: flex-start;
    flex-direction: column;
}

.modal_content .right_wrap .substitute_top.missing {
    align-items: flex-end;
}

.modal_content .substitute_top.missing p.small_text {
    font-size: 10px;
    color: #8e8e8e;
}

.substituted.left_wrap .substitute_top.missing .country_block {
    margin-left: 0;
}

.substituted.right_wrap .substitute_top.missing .country_block {
    margin-left: 0;
    margin-right: 0;
}

/* baseball */
.baseball_summary_wrap .summary_title {
    text-align: start;
}

.baseball_summary_wrap {
    width: 100%;
}

.baseball_summary_table {
    width: 100%;
}

.baseball_summary_table .th,
.baseball_summary_table .tr {
    width: 100%;
    display: flex;
    align-items: center;
}

.baseball_summary_table .th {
    border-bottom: var(--border);
}

.baseball_summary_table .th>.td,
.baseball_summary_table .tr>.td {
    text-align: center;
    color: #999;
}

.baseball_summary_table .th>.td,
.baseball_summary_table .tr>.td {
    padding: 0.75rem;
}

.baseball_summary_table .th>.td:not(:first-child),
.baseball_summary_table .tr>.td:not(:first-child),
.summary_score_table .tbody .td:not(:first-child) {
    flex: 1;
}

.baseball_summary_table .th .td:first-child,
.baseball_summary_table .tr .td:first-child {
    text-align: start;
    width: 30%;
}

.baseball_summary_table .tr .td:first-child {
    color: #000;
}

.baseball_summary_table .tr>.td>p.score_text,
.baseball_summary_table .tr>.td>p.remind {
    color: #000;
    font-weight: bold;
}

.match_modal_content .table_text_wrap {
    margin-top: 1rem;
    text-align: end;
}

/* baseball data table */
.match_modal_content .data_table_wrap {
    margin-bottom: 1.25rem;
}

.baseball_data_table>.thead>.tr {
    display: flex;
    align-items: center;
    background: #f4efff;
    border-radius: 5px;
}

.baseball_data_table .tr>.th {
    text-align: center;
    padding: 0.65rem;
}

.baseball_data_table .tr>.td {
    text-align: center;
    padding: 1rem 0.65rem;
    font-size: 12px;
}

.baseball_data_table .tr>.th>p {
    font-size: 12px;
    text-transform: uppercase;
    color: var(--primaryColor);
}

.baseball_data_table .tr>.th:first-child,
.baseball_data_table .tr>.td:first-child {
    text-align: start;
    width: 40%;
}

.baseball_data_table .tr>.th:not(:first-child),
.baseball_data_table .tr>.td:not(:first-child) {
    flex: 0 8%;
}

.baseball_data_table .tr>.th:nth-of-type(2),
.baseball_data_table .tr>.td:nth-of-type(2) {
    flex: 0 12%;
}

.baseball_data_table .tr>.th>.btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: transparent;
    padding: 0.35rem 0.5rem;
    color: var(--primaryColor);
}

.baseball_data_table .tr>.th>.btn>.fa-caret-up,
.baseball_data_table .tr>.th>.btn>.fa-caret-down {
    font-size: 12px;
    margin-left: 0.5rem;
}

.baseball_data_table>.tbody>.tr {
    border-bottom: var(--border);
}

.baseball_data_table>.tbody>.tr:last-child {
    border-bottom: none;
}

.baseball_data_table>.tbody>.tr {
    display: flex;
    align-items: center;
}

.baseball_data_table .tr>.td>.pitcher {
    display: flex;
    align-items: center;
    font-weight: bold;
}

.baseball_data_table .tr>.td>.pitcher>img {
    max-width: 22px;
    margin-right: 0.5rem;
}

.baseball_data_table .tr>.td>p {
    text-transform: uppercase;
}

/* basketball */
.lineups_head.basketball {
    text-align: start;
}

.baseball_summary_wrap {
    margin-bottom: 1.5rem;
}

.basketball_summary {
    margin-bottom: 1.25rem;
}

.summary_score_table .tbody>.tr {
    display: flex;
    align-items: center;
}

.summary_score_table .tbody .td {
    text-align: center;
    padding: 0.75rem;
}

.summary_score_table .tbody .td:first-child {
    text-align: start;
    width: 60%;
}

.summary_score_table .tbody .td>p.score,
.summary_score_table .tbody .td>p.win {
    font-weight: bold;
}

.basketball_score_table {
    overflow-x: auto;
    width: 100%;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    table-layout: fixed;
}

.basketball_score_table table {
    width: max-content;
    border-collapse: collapse;
    position: relative;
}

.basketball_score_table th,
.basketball_score_table td {
    border: 1px solid #e9e9e9;
    padding: 10px 15px;
    text-align: center;
}

.basketball_score_table th {
    border: none;
    background-color: #f2f2f2;
}

.basketball_score_table tr {
    display: flex;
}

.basketball_score_table th {
    flex: 1;
    border: none;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
}

.basketball_score_table td {
    flex: 1;
    background-color: #fff;
    border: none;
    border-bottom: var(--border);
}

.basketball_score_table th:first-child {
    width: 200px;
    box-shadow: 3px 0 4px 0 rgba(218, 218, 218, 0.7);
}

.basketball_score_table th:first-child,
.basketball_score_table td:first-child {
    flex: 0 120px;
    position: sticky;
    left: 0;
    background-color: #f2f2f2;
    border-left: none;
    text-align: start;
    box-shadow: 3px 0 4px 0 rgba(218, 218, 218, 0.7);
}

.basketball_score_table th:last-child,
.basketball_score_table td:last-child {
    border-right: none;
}

.basketball_score_table th:not(:first-child),
.basketball_score_table td:not(:first-child) {
    min-width: 80px;
}

.basketball_score_table tbody td > .team_wrap {
    display: flex;
    align-items: center;
}

.basketball_score_table tbody td > .team_wrap > img {
    max-width: 25px;
    margin-right: 0.65rem;
}

.history_score_wrap {
    padding: 1.25rem;

}

.history_score_wrap,
.history_score_wrap .total_ratio {
    display: flex;
    align-items: center;
    justify-content: center;
}

.history_score_wrap .border_wrap {
    padding: 0.05rem 0.5rem 0.35rem;
    border: var(--border);
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.history_score_wrap .green_block {
    flex: 0 45px;
}

.history_score_wrap .red_block {
    flex: 0 45px;
}

.history_score_wrap .total_ratio {
    flex: 0 90px;
    justify-content: center;
}

.history_score_wrap .total_ratio p {
    font-size: 15px;
    font-weight: bold;
}

.history_score_wrap .total_ratio p.mark {
    color: red;
}

.history_score_wrap .total_ratio span {
    font-size: 18px;
    color: #ccc;
    margin: 0 0.75rem;
}

.history_score_wrap .red_block p {
    color: #de3435;
}

.history_score_wrap .green_block p {
    color: #22cf16;
}

.circle-chart {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: conic-gradient(#C082FE 0% 75%, #ddd 75% 100%);
    display: block;
    margin: 0 auto;
}

.circle-chart::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60%;
    height: 60%;
    background: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.circle-chart span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1rem;
    font-weight: bold;
}
.lolMobileTable {
    width: 100%;
    border-collapse: collapse;
}
.lolMobileTable thead th {
    background: #F0F0F0;
    height: 36px;
    padding: 13px 12px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: black;
}
.lolMobileTable tbody td {
    background: white;
    padding: 8px 0;
    text-align: center;
    font-weight: bold;
    color: #616161;
    border-right: 1px dashed #EDEDED;
    width: 50%;
}
.lolMobileTable tbody td:last-child {
    border-right: none;
    
}
.timeBlock {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    color: #707070;
}
.teamkillBlock, .teamkillBlockContent{
    margin: 0 auto;
    width: 100%;
}
.teamkillBlock, .teamkillBlockContent,.teamkillLeftBlock, .teamkillRightBlock {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    color: #707070;
}
.homeTeamKill, .awayTeamKill {
    font-size: 20px;
    font-weight: bold;
    color: #707070;
    text-align: center;
}
.teamkillLeftBlock, .teamkillRightBlock {
    width: 40%;
    text-align: center;
}
.teamkillLeftBlock {
    justify-content: end;
}
.teamkillRightBlock {
    justify-content: start;
}
.teamkillLeftBlock > div, .teamkillRightBlock > div{
    margin: 0 3px;
}
.teamkillLeftBlock img,.teamkillRightBlock img {
    width: 30px;
}
.teamkillCentertBlock {
    font-size: 16px;
    font-weight: bold;
    color: #707070;
    margin: 0 5px;
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.homeTeamKill.active, .awayTeamKill.active {
    color: #8D24EC;
}

.banBlock, .banBlockContent {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    color: #707070;
}
.banBlockContent {
    margin: 0 auto;
    width: 100%;
}
.banBlockContent img{
    width: 30px;
    height: 30px;
    border-radius: 5px;
    padding: 2px;
}
.banLeftBlock{
    display: flex;
    justify-content: end;
    align-items: center;
}
.banCenterBlock{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #707070;
    font-weight: 500;
    margin: 0 5px;
}
.banRightBlock{
    display: flex;
    justify-content: start;
    align-items: center;
}

.firstDetailBlock, .firstDetailBlockContent{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #707070;
    width: 100%;
}
.firstDetailLeftBlock,.firstDetailRightBlock{
    padding: 12px 0;
    font-size: 12px;
    background: #F9F9F9;
    text-align: center;
    width: calc(50% - 2.5px);
}
.firstDetailCenterBlock{
    width: 5px;
}

.teamkillBlock,.banBlock,.firstDetailBlock{
    margin:8px auto;
    flex-wrap: wrap;
}
.firstDetailBlockContent p strong{
    margin-right: 3px;
}

.teamInfoBlock ,.teamInfoHeadBlock{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #707070;
    width: 100%;
    border-radius: 4px;
}
.teamInfoHeadLeftContent, .teamInfoHeadRightContent{
    padding: 6px 12px;
    font-size: 12px;
    background: #F0F0F0;
    display: flex;
    align-items: center;
    width: 50%;
    font-weight: bold;
}
.teamInfoHeadLeftContent{
    justify-content: start;
}
.teamInfoHeadRightContent{
    justify-content: end;
}

.teamInfoContentBlock,.teamInfoContentLeftBlock,.teamInfoContentRightBlock{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #707070;
    width: 100%;
    margin: 8px auto;
}
.teamInfoContentBlock{
    flex-wrap: wrap;
}
.teamInfoContentLeftBlock{
    justify-content: start;
    padding: 3px 6px;
    border-right: 1px dashed #EDEDED;
}
.teamInfoContentRightBlock{
    justify-content: end;
    padding: 3px 6px;
}
.teamInfoContentLeftPlayer,.teamInfoContentRightPlayer{
    text-align: left;
}
.teamInfoContentRightPlayer{
    text-align: right;
}
.teamInfoContentLeftPlayer div:first-child, .teamInfoContentRightPlayer div:first-child, .teamInfoContentLeftKDA div:first-child, .teamInfoContentRightKDA div:first-child{
    font-size: 10px;
}
.teamInfoContentLeftPlayer div:last-child, .teamInfoContentRightPlayer div:last-child, .teamInfoContentLeftKDA div:last-child, .teamInfoContentRightKDA div:last-child{
    font-size: 14px;
    font-weight: bold;
    color: #000;;
}
.teamInfoContentLeftImg,.teamInfoContentRightImg{
    width: 40px;
    height: 40px;
    margin: 0 5px;
}
.teamInfoContentLeftImg2,.teamInfoContentRightImg2{
    width: 26px;
    height: 26px;
    margin: 0 5px;
}
.teamInfoContentLeftKDA{
    text-align: right;
    flex: content;
}
.teamInfoContentRightKDA{
    text-align: left;
    flex: content;
}
/* star */
.star_bottom_table {
    margin-top: 2rem;
}
.star_bottom_table > .table_wrap {
    text-align: center;
    margin-bottom: 1.25rem;
}
.star_bottom_table > .table_wrap:last-child {
    margin-bottom: 0;
}
.star_bottom_table > .table_wrap > p {
    font-size: 14px;
    font-weight: bold;
    color: #707070;
    margin-bottom: 1rem;
}
.star_bottom_table > .table_wrap > .star_game_table {
    width: 100%;
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}
.table_wrap > .star_game_table > .star_game_table_td {
    flex: 1;
    background: #F3F3F3;
    text-align: center;
    padding: 15px;
}
.table_wrap > .star_game_table > .star_game_table_td.two {
    display: flex;
    align-items: center;
    justify-content: center;
}
.table_wrap > .star_game_table > .star_game_table_td > p {
    font-size: 14px;
    color: #333333;
    font-weight: bold;
}
.star_game_table_td.two > .last_record {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #AFAFAF;
    color: #fff;
    margin-right: 0.35rem;
}
.star_game_table_td.two > .last_record:last-child {
    margin-right: 0;
}
.star_game_table_td.two > .last_record.win {
    background: var(--primaryColor);
}
/* star table */
.match_modal_content > .mobile_star_map {
    margin-bottom: 1rem;
}
.match_modal_content > .mobile_star_map:last-child {
    margin-bottom: 0;
}
.match_modal_content > .mobile_star_map > .mobile_star_table {
    margin-bottom: 1.25rem;
}
.mobile_star_table > .mobile_star_table_th {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 15px;
    background: #F3F3F3;
    font-weight: bold;
}
.mobile_star_table > .mobile_star_time {
    display: flex;
    align-items: center;
    color: #9e9e9e;
    margin-bottom: 0.35rem;
}
.mobile_star_table > .mobile_star_time > .fa-clock {
    margin-right: 0.35rem;
}
.mobile_star_table > .mobile_star_table_th > img {
    width: 24px;
    height: 24px;
    margin-right: 0.5rem;
}
.mobile_star_table > .mobile_star_tbody {
    width: 100%;
    display: flex;
    align-items: center;
}
.mobile_star_table > .mobile_star_tbody > .mobile_star_table_td {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}
.mobile_star_tbody > .mobile_star_table_td > p {
    font-size: 16px;
    font-weight: bold;
    color: #707070;
}
.mobile_star_table_td > .tbodt_td_mark {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.55rem;
    color: #fff;
}
.mobile_star_table_td > .tbodt_td_mark.winner {
    background: var(--primaryColor);
}
.mobile_star_table_td > .tbodt_td_mark.lose {
    background: #AFAFAF;
}
.firstDetailBlockContent > .firstDetailLeftBlock > p.get_resource,
.firstDetailRightBlock > p.get_resource {
    color: #bbbbbb;
}



/* RWD */
@media only screen and (max-width: 640px) {
    .baseball_summary_wrap {
        overflow-x: auto;
    }

    .baseball_summary_wrap .summary_title,
    .baseball_summary_table {
        min-width: 640px;
    }
}

@media only screen and (max-width: 600px) {
    .match_score .left_wrap .star_collect,
    .match_score .right_wrap .star_collect {
        position: absolute;
    }

    .scoreboard_modal .match_score_wrap {
        flex: 0 0 auto;
    }

    .match_score_wrap .game_score p {
        font-size: 15px;
    }

    .match_results .match_score .sport_team_wrap > img {
        height: 35px;
        width: 35px;
    }

    .scoreboard_modal .match_score .match_team_name {
        word-wrap: break-word;
        max-width: 20vw;
        margin: 0 auto;
        font-size: 12px;
    }

    .match_score .left_wrap {
        position: relative;
        --spacer: 15px;
        grid-template-rows: max-content max-content max-content;
        grid-template-columns: 1fr 25px var(--spacer, 1fr) min-content var(--spacer, 1fr) 25px 1fr;
        justify-content: center;
    }
    
    .match_score .right_wrap {
        position: relative;
        --spacer: 15px;
        --margin-homeAway: 0 0 0 5px;
        display: grid;
        grid-template-areas:
            " . serve . image . myTeams ."
            " name name name name name name name"
            " rank rank rank rank rank rank rank";
        grid-template-rows: max-content max-content max-content;
        grid-template-columns: 1fr 25px var(--spacer, 1fr) min-content var(--spacer, 1fr) 25px 1fr;
        justify-content: center;
    }

    .scoreboard_modal .left_wrap .star_collect {
        top: -11px;
        left: 25px;
        background: #fff;
    }

    .match_results .match_score .star_collect .star_icon {
        font-size: 14px;
    }

    .scoreboard_modal .sport_league_filter {
        padding: 15px;
    }

    .scoreboard_modal .match_modal_content {
        padding: 0 15px 15px;
    }
}

@media only screen and (max-width: 556px) {
    .ball_game img {
        max-width: 18px;
    }

    .scoreboard_modal .top_wrap .country img {
        max-width: 22px;
    }

    .close {
        width: 24px;
        height: 24px;
        font-size: 14px;
    }

    .scoreboard_modal .modal_head {
        padding: 15px;
    }

    .scoreboard_modal .sport_league_filter {
        flex-direction: column;
    }

    .scoreboard_modal .sport_league_tab {
        width: 100%;
        justify-content: flex-start;
    }

    .scoreboard_modal .checkout_select {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        margin-top: 0.65rem;
    }

    .sport_league_filter .soccer_select {
        width: 50%;
    }
}

@media only screen and (max-width: 500px) {
    .table_wrap > .star_game_table > .star_game_table_td {
        padding: 12px 8px;
    }
}

@media only screen and (max-width: 450px) {
    .match_score  .left_wrap .star_collect,
    .match_score  .right_wrap .star_collect {
        width: 26px;
        height: 26px;
    }

    .match_score .left_wrap {
        --spacer: 15px;
        --margin-homeAway: 0 5px 0 0;
        display: grid;
        grid-template:
            ". myTeams . image . serve ."
            "name name name name name name name"
            "rank rank rank rank rank rank rank";
        grid-template-rows: max-content max-content max-content;
        grid-template-columns: 1fr 15px var(--spacer, 1fr) min-content var(--spacer, 1fr) 15px 1fr;
        justify-content: center;
    }
    
    .match_score .right_wrap {
        --spacer: 15px;
        --margin-homeAway: 0 0 0 5px;
        display: grid;
        grid-template:
            " . serve . image . myTeams ."
            " name name name name name name name"
            " rank rank rank rank rank rank rank";
        grid-template-rows: max-content max-content max-content;
        grid-template-columns: 1fr 15px var(--spacer, 1fr) min-content var(--spacer, 1fr) 15px 1fr;
        justify-content: center;
    }

    .scoreboard_modal .modal_head .top_wrap .country {
        max-width: 65%;
    }

    .scoreboard_modal .sport_league_tab>.match_tab_item {
        padding: 0.55rem 0.45rem;
    }

    .scoreboard_modal .match_modal_content {
        max-height: calc(90vh - 325px);
    }
}

@media only screen and (max-width: 380px) {
    .star_game_table_td.two > .last_record {
        width: 18px;
        height: 18px;
        font-size: 11px;
    }
}