.vgame-tab-wrapper {
    margin-top: 10px;
}

.vgame-tab-wrapper .vgame-thumb {
    background-image: var(--pattern-bg);
    padding: 5px 10px;
    border-radius: 10px;
    background-color: var(--bg-color1);
    text-align: center;
    color: var(--text-color3);
    width: 130px;
    flex-shrink: 0;
    border: 2px solid var(--vgame-border-color);
    box-shadow: 0px 0px 5px var(--vgame-box-shadow);
}

.vgame-tab-wrapper .vgame-thumb img {
    width: 80%;
    margin: 0 auto;
}

.vgame-tab-wrapper .vgame-thumb .game-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    font-size: 12px;
    margin-top: -3px;
}

.vgame-tab-wrapper .vgame-thumb .count-down .time-label{
    border-radius: 10px;
    background-color: var(--bg-transparent2);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 2px 5px;
    margin-top: 3px;
}

.vgame-tab-wrapper .vgame-thumb .count-down .live{
    border-radius: 10px;
    background-color: var(--bg-color11);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 2px 5px;
    margin-top: 3px;
    color: var(--text-color2);
}

.vgame-tab-wrapper .vgame-thumb.active {
    background-image: var(--pattern-bg1);
    background-color: var(--theme-color1);
}
.vgame-tab-wrapper .vgame-thumb.active .count-down .time-label{
    background-color: var(--bg-transparent);
}
.vgame-tab-wrapper .vgame-thumb.active .game-name {
    color: var(--text-color2);
}
.vgame .video-wrapper{
    top:50px;
    z-index: 2;
    position: sticky;
    background-color: var(--body-bg);
    padding-top: 10px;
}
.vgame .video-container {
    background-size: cover;
    background-position: bottom;
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
}
.vgame .video-container.sports-cock-fight {
    background-image: url("../images/vgame/video-bg/video-bg-cock-fight.png");
}
.vgame .video-container.sports-mario {
    background-image: url("../images/vgame/video-bg/video-bg-mario.png");
}
.vgame .video-container.sports-naruto {
    background-image: url("../images/vgame/video-bg/video-bg-naruto.png");
}

.vgame .video-container.sports-52 {
    background-image: url("../images/vgame/video-bg/video-bg-dragonball.png");
}

.vgame .video-container.sports-51 {
    background-image: url("../images/vgame/video-bg/video-bg-marble-survival.png");
}

.vgame .video-container.sports-50 {
    background-image: url("../images/vgame/video-bg/video-bg-marble-clash.png");
}

.vgame .video-container.sports-49 {
    background-image: url("../images/vgame/video-bg/video-bg-marble-run.png");
}

.vgame .video-container.sports-47 {
    background-image: url("../images/vgame/video-bg/video-bg-tk8.png");
}

.vgame .video-container.sports-46 {
    background-image: url("../images/vgame/video-bg/video-bg-sw.png");
}

.vgame .video-container.sports-45 {
    background-image: url("../images/vgame/video-bg/video-bg-gh.png");
}

.vgame .video-container.sports-44 {
    background-image: url("../images/vgame/video-bg/video-bg-mk.png");
}

.vgame .video-container.sports-43 {
    background-image: url("../images/vgame/video-bg/video-bg-kof.png");
}

.vgame .video-container.sports-42 {
    background-image: url("../images/vgame/video-bg/video-bg-ufc.png");
}

.vgame .video-container.sports-41 {
    background-image: url("../images/vgame/video-bg/video-bg-sf.png");
}

.vgame .video-container iframe {
    width: 100%;
    max-width: 500px;
    height: 220px;
    padding: 0;
    margin: 0 auto;
    vertical-align: top;
}

.vgame .video-container img {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

/*game match card*/
.game-ongoing-wrapper {
    margin-top: 10px;
}

.vgame .m-card {
    border-radius: 10px;
    overflow: hidden;
    background-color: var(--bg-color10);
    border: 1px solid var(--line1);
}

.vgame .m-card-header .live {
    border-radius: 7px;
    background-color: var(--theme-color3);
    padding: 3px 5px;
    color: var(--text-color-b);
}

.vgame .m-card-header .date {
    border-radius: 7px;
    box-shadow: 0 0 2px var(--box-shadow1);
    padding: 3px 5px;
}

.vgame .m-card-header .right {
    display: flex;
    align-items: center;
    gap: 5px;
}

.vgame .m-card-header .count-down {
    color: var(--text-color5);
    background-color: var(--bg-color1);
    padding: 3px 5px;
    border-radius: 7px;
    box-shadow: 0 0 2px var(--box-shadow1);
}

.vgame .m-card-header .icon {
    width: 20px;
}

.vgame .card-body .card-item {
    padding: 7px;
    position: relative;
    background-color: var(--bg-color10);
}

.vgame .card-body .card-item .card-wrap {
    background-color: var(--bg-color1);
    border-radius: 10px;
}

.vgame .btn-wrapper {
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin: 5px;
}

.vgame .btn-collapse,
.vgame .btn-result {
    padding: 0px 5px;
    border-radius: 5px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-color1);
    background: var(--bg-color1);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    line-height: normal;
    margin: 0px 2px;
    font-size: 0.8rem;
    height: 25px;
    width: 25px;
}

.vgame .btn-collapse.open-all {
    background: var(--arrow-bg);
}

.vgame .btn-collapse.close-all {
    background: var(--theme-color3);
    color: var(--text-color3);
}

.vgame .section {
    border-bottom: 1px solid var(--line2);
}

.vgame .section:last-child {
    border-bottom: 0;
}

.vgame .odds-group {
    border-left: 0;
    padding: 7px;
    align-items: flex-end;
}

.vgame .odds-group .col{
    width: 100%;
}
.vgame .odds-group .col div{
    gap: 5px;
}
.vgame .odd-box {
    justify-content: center;
}

.vgame .odd-box.inactive {
    justify-content: center;
}

.vgame .m-label-betype {
    text-align: center;
    color: var(--text-color9);
    text-align: center;
    font-size: clamp(10px, 3vw, 12px);
    flex: 1;
    line-height: clamp(10px, 3vw, 12px);
}

.vgame .winners-market,
.vgame .best-market {
    padding-top: 10px;
}

.vgame .winners-market .m-label-top,
.vgame .best-market .m-label-top {
    font-size: 14px;
    display: flex;
    justify-content: center;
    gap: 5px;
    margin-bottom: 5px;
}

.vgame .winners-market .m-label-top img {
    width: 20px;
}
.vgame .m-card-header {
    position: relative;
    z-index: 1;
    top: 0;
    border: 0;
}

/*fight game*/
.fight-game .m-card-header {
    position: relative;
    z-index: 1;
    top: 0;
    border: 0;
}

.vgame .m-card-header-wrapper.collapsed .m-card-header{
    background-color: var(--bg-color1);
    color: var(--text-color1);
}
.vgame .m-card-header-wrapper.collapsed .m-card-header .icon.active{
    display: none;
}
.vgame .m-card-header-wrapper.collapsed .m-card-header .icon.inactive{
    display:block;
}
.fight-game .mainmarket-item-match {
    margin: 7px;
    display: flex;
    color: var(--text-color3);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 5px var(--box-shadow1);
}

.fight-game .mainmarket-item-match .characters {
    width: 45px;
}

.fight-game .mainmarket-item-match .team1,
.fight-game .mainmarket-item-match .team2 {
    flex-grow: 1;
    height: 45px;
    display: flex;
    align-items: center;
    width: 50%;
    font-size: 13px;
    line-height: 14px; 
}

.fight-game .mainmarket-item-match .team1 {
    background: var(--bg-home-team);
    flex-direction: row-reverse;
    text-align: right;
    padding-left: 10px;
}

.fight-game .mainmarket-item-match .team2 {
    background: var(--bg-away-team);
    padding-right: 10px;
}

.fight-game .mainmarket-item-match .vs {
    width: 30px;
    height: 45px;
    display: flex;
    align-items: center;
    padding: 5px;
    position: relative;
}

.fight-game .odds-wrapper {
    padding: 10px;
    border-top: 1px solid var(--line2);
}
.fight-game .odds-wrapper:only-child,
.fight-game .odds-wrapper:first-child {
   border-top: 0;
}
.fight-game .odds-group {
    display: flex;
    gap: 5px;
    flex: 1;
    padding-left: 5px;
    align-items: flex-start;
}

.fight-game .odd-box {
    justify-content: space-between;
}

/*racing game*/

.racing-game .team-name {
    width: 40%;
    display: flex;
    align-items: center;
    gap: 5px;

}

.racing-game .team-name .icon {
    width: 25px;
}

.racing-game .m-label-betype {
    color: var(--text-color3);
    opacity: 0.5;
    text-align: center;
    font-size: clamp(10px, 3vw, 12px);
    flex: 1;
    line-height: clamp(10px, 3vw, 12px);
}

.racing-game .normal-market .m-label-betype {
    margin-bottom: 0;
}

.racing-game .normal-market .odds-group {
    display: block;
}

.racing-game .normal-market .odds-group .row {
    padding: 10px 0;
    border-bottom: 1px solid var(--line2);
    width: 100%;
}

.racing-game .normal-market .odds-group .row:last-child {
    border-bottom: 0;
}

.racing-game .normal-market .odds-group .row span {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-shrink: 0;
}

/**/
.vgame .team-group {
    border-radius: 5px;
    display: flex;
    align-items: center;
    padding: 5px 10px;
    gap: 5px;
}

.vgame .team-group .icon {
    width: 22px;
}

.vgame .team-group.yellow-team {
    background: rgb(251 238 28);
    background: linear-gradient(90deg, rgb(251 238 28) 0%, rgba(255, 0, 0, 0) 100%);
    color: #000000;

}

.vgame .team-group.blue-team {
    background: rgb(1, 113, 255);
    background: linear-gradient(90deg, rgba(1, 113, 255, 1) 0%, rgba(1, 113, 255, 0) 100%);
    color: #fff;
}

.vgame .team-group.red-team {
    background: rgb(255 34 34);
    background: linear-gradient(90deg, rgb(255 34 34) 0%, rgba(255, 34, 34, 0) 100%);
    color: #ffffff;
}

.vgame .team-group.green-team {
    background: rgb(126, 216, 87);
    background: linear-gradient(90deg, rgba(126, 216, 87, 1) 0%, rgba(126, 216, 87, 0) 100%);
    color: #000000;
}


/*marble clash*/
.marble-clash .winners-market .m-label-top {
    text-align: left;
    align-items: center;
    flex: 1;
    padding-right: 10px;
}

.marble-clash .winners-market .col {
    border-left: 1px solid var(--line2);
    padding-left: 10px;
}

.marble-clash .normal-market .m-label-top {
    padding-top: 5px;
    font-size: 14px;
    display: flex;
    gap: 5px;
    margin-bottom: 5px;
    justify-content: center;
}

/*marble survival*/
.marble-survival .normal-market .odds-group {
    gap: 10px;
}

.marble-survival .normal-market .odds-group .col {
    border-right: 1px solid var(--line2);
    padding-right: 10px;
}

.marble-survival .normal-market .odds-group .col:last-child {
    border-right: 0;
    padding-right: 0px;
}

.marble-survival .normal-market .m-label-betype {
    opacity: 1;
    display: flex;
    gap: 5px;
    align-items: center;
    margin-bottom: 5px;
    text-align: left;
    flex-direction: column;
}

.marble-survival .normal-market .m-label-betype img {
    width: 20px;
}

.marble-survival .normal-market .odd-box-wrapper:first-child .m-label-betype {
    justify-content: center;
}

@media only screen and (min-width: 390px) {
    .marble-survival .normal-market .m-label-betype {
        flex-direction: row;
    }
}

/*marble rafting*/
.marble-rafting .normal-market .odds-group {
    gap: 10px;
    flex-direction: column;
}

.marble-rafting .normal-market .odds-group .col {
    flex: 1;
    width: 100%;
}

@media only screen and (min-width: 390px) {
    .marble-rafting .normal-market .odds-group {
        flex-direction: row;
    }

    .marble-rafting .normal-market .odds-group .col:last-child {
        border-left: 1px solid var(--line2);
        padding-left: 10px;
    }

    .marble-rafting .normal-market .odds-group .row .col:last-child {
        border-left: 0;
        padding-left: 0;
    }
}


/*page result*/

.vgame-result {
    background-color: var(--body-bg);
    color: var(--text-color1);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 2;
    overflow: auto;

}
.vgame-result-content {
    padding: 15px;
    max-width: 1200px;
    margin: 0 auto;
}

.vgame-result .vgame-headline {
    padding: 0.5rem;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    background-color: var(--bg-header);
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: space-between;
}

.vgame-result .game-icon {
    width: 25px;
    margin-right: 10px;
}

.vgame-result .game-name{
    font-size: 16px;
    color: var(--text-color2);
}

.vgame-result table.responsive-table {
    border-radius: 10px;
    overflow: hidden;
}

.vgame-result table.responsive-table th {
    background: var(--bg-color2);
    color: var(--text-color3);
    padding: 8px 15px;
    text-align: center;
}
.vgame-result .result{
  /* width: 18px; */
  height: 18px;
  color:var(--text-color2);
  line-height: 18px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 30px;
  display: block;
  text-align: center;
  margin: 0 auto;
}
.vgame-result .result.red{
    background-color: #ff2222;
}
.vgame-result .result.blue{
    background-color:#38b5fe;
}
.vgame-result table.responsive-table td {
    padding: 8px 15px;
    text-align: center;
    background-color: var(--bg-color1);
    color: var(--text-color1);
}

.vgame-result table.responsive-table tr {
    padding: 8px 15px;
    border-bottom: 1px solid var(--line2);
}
.vgame-result .back-btn{
    border:1px solid var(--text-color2);
    color: var(--text-color2);
}

.vgame-result .team1{
    background: rgb(218 229 255);
}
.vgame-result .team2{
    background: rgb(255 234 234);
}
.ball-yellow {
    background: #fbee1c;
    box-shadow: inset 0 0 6px #00000088, 0 0 1px #ffffff88;
    font-weight: 600;
    text-shadow: 0 0 3px #ffffff;
}
.ball-blue {
    background: #007bff;
    box-shadow: inset 0 0 6px #00000088, 0 0 1px #ffffff88;
}
.ball-under {
    background: #009E9E;
    box-shadow: inset 0 0 6px #00000088, 0 0 1px #ffffff88;
}
.ball-over {
    background: #FF8B60;
    box-shadow: inset 0 0 6px #00000088, 0 0 1px #ffffff88;
}
.ball-even {
    background: #6667AB;
    box-shadow: inset 0 0 6px #00000088, 0 0 1px #ffffff88;
}
.ball-odd {
    background: #FBB871;
    box-shadow: inset 0 0 6px #00000088, 0 0 1px #ffffff88;
}
.bg-warning {
    background-color: #ffc107 !important;
}
.bg-info {
    background-color: #17a2b8 !important;
}
.bg-secondary {
    background-color: #6c757d !important;
}

@media (max-width: 768px) {
    .vgame-result table.responsive-table {
        display: block;
        width: 100%;
    }

    .vgame-result table.responsive-table thead {
        display: none;
    }

    .vgame-result table.responsive-table tbody {
        display: block;
        background-color: inherit;
    }

    .vgame-result table.responsive-table tr {
        display: block;
        width: 100%;
        margin-bottom: 10px;
        border: 1px solid var(--line2);
        border-radius: 10px;
        background: var(--bg-color1);
        overflow: hidden;
    }

    .vgame-result table.responsive-table td {
        display: flex;
        width: 100%;
        padding: 5px 10px;
        text-align: left;
        border: none;
        border-bottom: 1px solid var(--line2);
        gap: 5px;
        justify-content: space-between;
    }

    .vgame-result table.responsive-table td:last-child {
        border-bottom: none;
    }

    .vgame-result table.responsive-table td::before {
        content: attr(data-label);
        font-weight: bold;
        display: block;
        margin-bottom: 4px;
        color: var(--text-color1);
    }
    .vgame-result .result{
        margin: 0;
    }
}

/*mario*/
.fight-game.mario .mainmarket-item-match .characters {
    width: 32px;
}
.fight-game.mario .mainmarket-item-match .team1 .characters.c1{
    margin-left: -15px;
}
.fight-game.mario .mainmarket-item-match .team2 .characters.c2{
    margin-left: -15px;
}
.fight-game.mario .team-group.team1 {
    box-shadow: 0 0 5px var(--box-shadow1);
    background: var(--bg-home-team);
    margin-bottom: 10px;
}
.fight-game.mario .team-group.team2 {
    box-shadow: 0 0 5px var(--box-shadow1);
    background: var(--bg-away-team);
    margin-bottom: 10px;
}
.fight-game.mario .team-group.team1 img,
.fight-game.mario .team-group.team2 img{
    width: 35px;
}
.fight-game.mario .winners-market{
    padding-top: 0;
}
.fight-game.mario .winners-market .odds-group,
.fight-game.mario .best-market .odds-group  {
    gap: 10px;
    flex-direction: column;
}
.fight-game.mario .odds-group{
    border-left:0;
    padding: 7px;
}
.fight-game.mario .odd-box{
    justify-content: center;
}


@media only screen and (min-width: 390px) {
    .fight-game.mario .winners-market .odds-group .col:last-child,
    .fight-game.mario .best-market .odds-group .col:last-child{
        border-left: 1px solid var(--line2);
        padding-left: 10px;
    }
    .fight-game.mario .winners-market .odds-group .row .col:last-child,
    .fight-game.mario .best-market .odds-group .row .col:last-child {
        border-left: 0;
        padding-left: 0;
    }
    .fight-game.mario .winners-market .odds-group,
    .fight-game.mario .best-market .odds-group {
        flex-direction:row;
    }
}

/*cock fight*/
.fight-game.cock-fight .odd-box {
    justify-content: center;
}
.fight-game.cock-fight .odds-group{
    border-left:0;
    padding: 7px;
}
.fight-game.cock-fight .winners-market .odds-group{
    gap: 10px;
    flex-direction: column;
}
@media only screen and (min-width: 390px) {
    .fight-game.mario .winners-market .odds-group{
        flex-direction: row;
    }
    .fight-game.cock-fight .winners-market .odds-group .col:last-child{
        border-left: 1px solid var(--line2);
        padding-left: 10px;
    }
    .fight-game.cock-fight .winners-market .odds-group .row .col:last-child{
        border-left: 0;
        padding-left: 0;
    }
    .fight-game.cock-fight .winners-market .odds-group{
        flex-direction:row;
    }
}