.color5{
    --body-bg:#1F2128;
    --bg-header:#383B44;
    --bg-footer:#383b4430;
    --bg-color1:#272a33;
    --bg-color2:#353740;
    --bg-color3:#383b44;
    --bg-color4:#383b44;
    --bg-color5:#383b44;
    --bg-color6:#f443368f;
    --bg-color7:#18191f;
    --bg-color8:#3D404A;
	--bg-color9:#ffffffdc;
	--bg-color10:#25272E;
    --bg-color11:#DF0000;
    --bg-color12:#3D404A;
    --bg-odd-box:#282A31;
    --bg-odd-box-selected:#484c5744;
    --bg-odd-value:#4c505c;
    --theme-color1: #bec2ce;
    --theme-color1-hover: #272930;
    --theme-color2: #1F2128;
    --theme-color3: #bec2ce;
    --side-nav-bg: #1f2128;
    --item-side-nav-bg: #202435;
    --footer-nav-bg: #ffffff;
    --text-color1: #ffffff;
    --text-color2: #ffffff;
    --text-color3: #ffffff;
    --text-color4:#9b9b9b;
    --text-color5:#ff3131;
    --text-color6:#FEDC00;
    --text-color7:#E6E6E6;
    --text-color8:#aebce5;
    --text-color9:#ffffff80;
    --text-color10:#FEDC00;
    --text-color-b:#000000;
    --text-reject:#ff4f4f;
    --text-confirm:#00e012;
    --text-waiting:#ff8400;
    --arrow-color1:#ffffff30;
    --arrow-color2:#ffffff30;
    --arrow-bg:#ffffff14;
    --arrow-bg2:rgba(255,255,255,0.1);
    --checkbox-icon:#000;
    --close-icon:rgba(255, 255, 255, 0.5);
    --box-shadow1:rgba(2, 3, 4, 0.6);
    --box-shadow2:rgba(141, 95, 19, 0.2);
    --box-shadow3:rgba(75, 187, 56, 0.2);
    --box-shadow4:rgba(0, 0, 0, 0.5);
    --mmo-color:#324f3f;
    --mmo-match-color:linear-gradient(90deg,rgba(0, 172, 63, 1) 1%, rgba(0, 172, 63, 0) 50%, rgba(0, 172, 63, 1) 100%);
    --live-match-color: linear-gradient(90deg,rgb(254, 233, 0) 1%, rgba(254, 233, 0, 0) 50%, rgb(254, 233, 0) 100%);
    --normal-match-color:none;
    --line1:rgba(255, 255, 255, 0.1);
    --line2:rgba(255, 255, 255, 0.1);
    --theme-line:#383B443e;
    --pattern-bg:url(../images/game-bg.png);
    --pattern-bg1:url(../images/game-bg.png);
    --match-bg:#fff;
    --odds-box-bg:#EAEAEA;
    --bs-border-width: 0px;
    --bs-box-shadow-sm: none;
	--bg-transparent:#0000002a;
    --bg-transparent2:#00000080;
	--bg-gradient:linear-gradient(90deg, #383B44 1%, #272930 100%);
    --odds-decrease:linear-gradient(90deg,#00000000 0%, #8e0000 79%, #00000000 100%);
    --odds-increase:linear-gradient(90deg,#00000000 0%, #016a27 79%, #00000000 100%);
    --color-mmo:#00AC3F;
    --bg-nav-active:linear-gradient(90deg, #4b505f 0%, rgb(43 47 60) 100%);
    --bg-title:linear-gradient(90deg, #FEDC00 0%, #fedc0000 100%);
    --bg-top:linear-gradient(90deg, rgb(43 47 60) 0%, #4b505f 100%);
    --text-muted: #64748b;
    --box-bg: #393b45;
    --accent: #ff9800;    
    /*tournament*/
	--bg-t-leauge:#E8ECF2;
	--text-green:#00EC59;
	--bg-entry-fee:#1F2437;
	--bg-tournament-detail-info:#383B44;

    /*vgame*/
    --bg-home-team:linear-gradient(90deg, rgb(28 32 49) 1%, rgb(35 44 82) 50%, rgba(40, 81, 187, 0) 100%);
    --bg-away-team:linear-gradient(90deg, rgba(255, 0, 0, 0) 0%, rgb(80 36 36) 50%, rgb(28 32 49) 100%);
    --vgame-box-shadow: rgba(255, 255, 255, 0.086);
    --vgame-border-color:#ffffff3d;

    --hue: 52;
    --primary100: hsl(var(--hue) 100% 90%);
    --primary300: hsl(var(--hue) 100% 70%);
    --primary500: hsl(var(--hue) 100% 50%);
    --primary900: hsl(var(--hue) 100% 20%);
    --trans-dur: 0.3s;
}

.color5 .header{
    display: none;
}
.color5 .header-api-site{
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: var(--bg-header);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 10px;
    border-radius: 0 0 10px 10px;
    color: #fff;
    z-index: 20;
}
.color5 .header-api-site .userpart {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.color5 .header-api-site .username-wrapper {
    display: flex;
    align-items: center;
    background: var(--theme-color2);
    border-radius: 30px;
    padding: 5px 10px;
    width: 100%;
    justify-content: center;
    max-width: 960px;
}

.color5 .header-api-site .username {
    min-width: 0; 
    border-right: 1px var(--line1) solid;
    padding-right: 5px;
    display: flex;
    align-items: center;
}

.color5 .header-api-site .username-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    min-width: 0;
    font-size: 12px;
}

.color5 .header-api-site .balance {
    text-transform: uppercase;
    white-space: nowrap;
    color: var(--theme-color3);
    padding-left: 5px;
    display: flex;
    align-items: center;
    font-weight: bold;
    flex-shrink: 0;
    font-size: 13px;
}

.color5 .header-api-site .balance .currency {
    color: var(--text-color2);
    opacity: 0.8;
    font-weight: bold;
    padding-right: 5px;
}

.color5 .scrolling-wrapper .category .sport-icon img,
.color5 .m-card-header.collapsed .icon.inactive img,
.color5 .all-market .dropdown-menu .dropdown-item .icon img,
.color5 .live-tv-page .btn-dropdown .icon,
.color5 .live-tv-page .dropdown-menu .dropdown-item .icon,
.color5 .betting-rules-item .icon,
.color5 .function-bar .btn-icon img,
.color5 .stake-info-wrapper .bet-type .icon,
.color5 .vgame .m-card-header .icon img,
.color5 .tournament .room-ranking-wrapper .user-icon,
.color5 .tournament .room-details-wrapper .details-icon,
.color5 #player-betslip-modal .modal-content .player-betslip-header .player-icon img,
.color5 .fight-game .m-card-header-wrapper.collapsed .m-card-header .icon.inactive,
.color5 .modal-bottom .allsport .list-group-item .icon,
.color5 .slot-game .loading-fail .icon,
.color5 .footer-nav .footer-single .footer-icon .custom-icon{
    filter: brightness(100);
}

.color5 .scrolling-wrapper .category.active .active img,
.color5 .tournament .nav.tournament-pills .nav-item .nav-link img,
.color5 .tab-nav2 ul li a.active img,
.color5 .footer-nav .footer-single.active .footer-icon .custom-icon{
    filter: brightness(0);
}

.color5 .function-bar .btn-icon img,
.color5 .all-market .tab-nav ul li a img{
    filter: brightness(100);
}

.color5 .tournament .join-now-wrapper .player i, 
.color5 .tournament .join-now-wrapper .player svg, 
.color5 .tournament .join-now-wrapper .player span,
.color5 .tournament .room-info-wrapper .user-total-points .points,
.color5 .footer-slip .payout-wrapper span{
    color: var(--theme-color3);
}

.color5 .scrolling-wrapper .category.active, 
.color5 .category-fixed{
    background-color: var(--theme-color3);
    color: #000;
}

.color5 .scrolling-wrapper .category.active .sport-name,
.color5 .tab-nav ul li a.active,
.color5 .tab-nav2 ul li a span,
.color5 .scrolling-wrapper .category.active .event-count,
.color5 .btn-continue,
.color5 .btn-retain-select,
.color5 .parlay-tools .btn-add-selection,
.color5 .more-market-tab-nav .tab-item.active,
.color5 .page-item.active .page-link,
.color5 .parlay-generator-button-container .button,
.color5 .datepicker table tr td.active.active,
.color5 .result-page .date-filter .btn-result,
.color5 .footer-nav .dropdown-menu.account-menu .btn-logout,
.color5 .highlight .tab-nav2 ul li a.active,
.color5 .tournament .nav.tournament-pills .nav-item .nav-link,
.color5 .tournament .room-info-wrapper .tab-button.active,
.color5 .tournament .select-day.active,
.color5 .tournament .select-day.active .select-day-wrapper .select-day-bottom，
.color5 .vgame-tab-wrapper .vgame-thumb.active .game-name,
.color5 .tab-nav2 ul li a.active,
.color5  .vgame-tab-wrapper .vgame-thumb.active .count-down,
.color5 .odd-box.selected .odd-point, 
.color5 .odd-box.selected .odd-point .ha, 
.color5 .odd-box.selected, 
.color5 .slot-filter-wrapper .slot-filter-list.active,
.color5 #search-modal .searchbar .btn-search{
    color: #000;
}
.color5 .tab-nav ul li a.active {
    background-color: var(--theme-color1);
}
.color5 .modal-betslip .modal-content {
    background-color:#24262d;
}
.color5 .m-card-header,
.color5 .stake-info-wrapper .bet-type,
.color5 .highlight-wrapper .league-name,
.color5 .vgame-tab-wrapper .vgame-thumb,
.color5 .tournament .room-wrapper .match-wrapper,
.color5 .tournament .room-league-wrapper .room-league,
.color5 .tournament .m-card-header.collapsed {
    background-color: var(--bg-header);

}
.color5 .market-group .m-card-match .match-time .score .scorebox{
    background-color: #fff;
    color: #000;
}
.color5 .m-card-odds,
.color5 .market-group .m-card-match,
.color5 .m-card-body .m-card-item .m-card-wrap {
    background-color: var(--bg-color7);
}
.color5 .league-card{
    background-color:var(--bg-color12);
}
.color5 .league-card.active,
.color5 .vgame-tab-wrapper .vgame-thumb.active,
.color5 .tournament .room-info-wrapper .tab-button.active{
    background-color: var(--theme-color1);
}
.color5 .vgame-tab-wrapper .vgame-thumb.active .game-name{
    color: #000;
}
.color5 .tournament .room-info-wrapper .tab-button{
    background-color: var(--bg-color7);
}

.color5 .tournament .room-result-wrapper .tournament-mybet-single .ranking-result {
    background: linear-gradient(90deg, var(--theme-color2) 0%, var(--bg-transparent) 70%);
}
.color5 .api-site-notice{
    display:block;
}

.color5 .no-info{
    opacity: 0.1;
}

.color5 .slot-thumb.active img{
    filter: brightness(0);
}
.color5 .slot-thumb img{
    height: 45px;
    filter: none;
}

.color5 .scrolling-wrapper .category.active .event-count{
    color: var(--text-color-b) !important;
}
.color5 .m-card-body .m-card-item .m-card-wrap{
    box-shadow: none;
}
.color5 .parlay-inner-layer {
    background-color: var(--bg-color3) !important;
}

.color5 .quick-btn.active{
    color: #000;
}
.color5 .odds-box:hover {
    background-color: #2d2e36;
    border: 1px solid #4d4f5c;
}
.color5 .layout2.m-card-item .function-bar .icon-btn.active{
    color: #000;
}
.color5 .paralay-selection-wrapper .left .selection-wrap span.selection{
    color: #000;
}
.color5 .footer-nav .dropdown-menu{
    left: 0% !important;
    transform:none !important;
}
.color5 .footer-nav .footer-single.active .footer-icon.worldcup .custom-icon,
.color5 .footer-nav .footer-single .footer-icon.worldcup .custom-icon{
    filter:none;
}

.color5 .tab-nav2 ul li a.active span {
    color: #fff;
}