/* Base color beneath the transparent market-header SVG. */
:root {
    --market-head-bg: #c0d6ed;
    --market-head-live-bg: #fad8cc;
    --market-head-virtual-bg: #d2cbff;
    --market-head-expanded-bg: #d8eafd;
}

.color7 {
    --market-head-bg: #c0d6ed;
    --market-head-live-bg: #fad8cc;
    --market-head-virtual-bg: #d2cbff;
    --market-head-expanded-bg: #E7EFFD;
}

/* Default header colors; theme variables are inherited from the body. */
:where(.accordion-all-leagues) .card-header,
.bg-normal-head,
.bg-more-head,
:where(.highlight-content) .league-name,
.select-league-title,
:where(.tournament .room-league-wrapper) .room-league {
    background-color: var(--market-head-bg);
}

.bg-normal-head.virtual {
    background-color: var(--market-head-virtual-bg);
}

.bg-normal-head.live,
.bg-normal-head.live.virtual,
.is-live .bg-more-head {
    background-color: var(--market-head-live-bg);
}

.highlight-content .league-name[aria-expanded="true"] {
    background-color: var(--market-head-expanded-bg);
}

body.color7 {
    background: #E3E3E3;
}

.color7 .text-blue,
.color7 .tournament .text-dkblue {
    color: #003697;
}
.color7 .content-center{
	padding-top: 22px;
}
.color7.no-header .content-center{
	padding-top: 0px;
}
.color7 #toolbar,
.color7 .tournament .header{
    height: 55px;
    background-image: none;
     display: block;
    /* position: sticky; */
}

.color7 .tournament .header{
    height: 35px;
    display: flex;
    justify-content: flex-end;
}

/* .color7 .tournament .content-center,
.color7 .tournament-tab-content .tab-content{
	height:calc( 100vh - 79px );
} */
.color7.no-header #toolbar{
    display: none;
}

.color7 #toolbar .userpart{
    width: 100%;
    justify-content: end;
    height: 34px;
}

.color7 .modal-common .modal-header,
.color7 header .ng-result .topbar {
    background: #003697;
}

.color7 .modal-common .modal-content .setting .list-group-item.active{
    background: #f1f1f1;
}

.color7 .modal-common .modal-content .setting .list-group-item.active:before{
    color: #003697;
}

.color7 .snap-content{
    background: none;
}

.color7 .select-header{
    background: #D1D9E1;
    overflow: hidden !important;
}

.color7 #search-modal .searchbar{
    background-color: #003697;
    border-bottom: 1px rgba(255,255,255,0.2) solid;
}

.color7 #search-modal .input-group .cancel{
    border-left: 1px rgba(255,255,255,0.2) solid;
}

.color7 #search-modal .search-result{
    background: #E3E3E3;
}

.color7 .remember .checkmark,
.color7 .remember:hover input~.checkmark{
    border: 1px solid #003697;
}

.color7 .remember input:checked~.checkmark {
    background-color: #003697;
    border: 1px solid #003697;
    border-radius: 3px;
}

.color7 .remember .blue{
    color:#003697;
}

.color7 .btn-main{
    background-color: #003697;
    border-color: #003697;
}

.color7 .dropdown-btn {
    color: #000;
}

/*lobby*/
.color7 .lobby .lobby-title {
    color: rgba(255,255,255,0.8);
    background: rgb(0,54,151);
    background: linear-gradient(90deg, rgba(0,54,151,1) 0%, rgba(0,54,151,1) 48%, rgba(0,54,151,0) 100%);
}

.color7 .lobby .caption{
    background-color: #003697;
}

.color7 .notification-wrapper{
    background-color: #003697;
    position: fixed;
    width: 100%;
}

.color7 .swiper-container-lobby-thumb{
    background-image: url(../images/lobby_thumb_bg.jpg);
}

/*function bar*/

.color7 .headline-bar{
    color: #000;
}

.color7 .prematch-outright ul li a span{
    background-color: #959595;
}

.color7 .prematch-outright ul li a.active span{
    background-color: #fff;
}

.color7 .live-upcoming-hours ul li a, 
.color7 .bets-wrap ul li a,
.color7 .prematch-outright ul li a{
    color: #000;
}

.color7 .scrolling-wrapper .category .sport-name, 
.color7 .category-fixed .sport-name{
    color: #000;
}

.color7 .scrolling-wrapper .category.active, 
.color7 .category-fixed{
    background-color: #003697;
}

.color7 .scrolling-wrapper .category.active .sport-name{
    color: #fff;
}

.color7 .function-bar{
    background-color: #b5c1c9;
}

.color7 .filter-result .input-group-text{
    background-color: #003697;
}

.color7 .result-dropdown-group .dropdown-resultsport,
.color7 .result-dropdown-group{
    background-color: #dbe4ec;
}

.color7 .parlay-dropdown-filter-menu li a.active, 
.color7 .parlay-dropdown-filter-menu li a.active:active, 
.color7 .parlay-dropdown-filter-menu li a.active:visited, 
.color7 .parlay-dropdown-filter-menu li a.active:hover {
    background-color: #003697;
    color: #fff !important;
    position: relative;
}
.color7 .btn-collapse, 
.color7 .btn-league, 
.color7 .btn-favorite,
.color7 .btn-tv-match,
.color7 .no-data .btn-start-betting,
.color7 .filter-result .btn-result,
.color7 .btn-parlay-early{
    background: #003697;
}

.color7 .parlay-dropdown-filter-menu li.close {
    border: 1px solid #0000002d;
    color: #000;
}

.color7 .btn-collapse.close-all,
.color7 .btn-tv-match.active{
    background: #fff;
}

.color7 .swith-market-btn {
    background: #8598A7;
}

.color7 .live-upcoming-hours ul li a.active,
.color7 .bets-wrap ul li a.active,
.color7 .match-detail-function-tab li a.active{
    background-color: #fff;
    border-bottom: 2px #003697 solid;
    color: #000;
}

.color7 .match-detail-function-tab li a{
    color: #000;
}

.color7 ul.early-dropdown-menu li {
    border-bottom: 1px rgba(255,255,255,0.3) solid;
}

.color7 .dropdown-select-league .dropdown-item{
    color: #000 !important;
}

.color7 .scrolling-wrapper, 
.color7 .scrolling-wrapper-flexbox{
    background-color: #D1D9E1;
}

.color7 .accordion-all-leagues .card-header {
    background-image: url(../images/market-head-bg-mobile.svg);
    background-color: var(--market-head-bg);
}

.color7 .bg-normal-head.virtual {
    background-color: var(--market-head-virtual-bg);
}

.color7 .bg-normal-head.live, 
.color7 .bg-normal-head.live.virtual,
.color7 .is-live .bg-more-head {
    background-image: url(../images/market-head-bg-mobile.svg);
    background-color: var(--market-head-live-bg);
}


.color7 .euro-view .match-info {
    display: flex;
    padding: 5px;
    background-color: #FEFEFE;
}
.color7 .league-card a.active .match-info-team-name,
.color7 .league-card a .match-info-team-name {
    color: #000;
}
.color7 .league-card a.active .match-info-team-name.team02,
.color7 .league-card a .match-info-team-name.team02 {
    color: #c0371b;
}
.color7 .euro-view .match.live .match-info{
    background-color: #FEF5F2;
}
.color7 .league-card a .match-info.live{
    background-color: #FBE7DE;
}

.color7 .match-info-date,
.color7 .league-card a .match-info-date, 
.color7 .league-card a .match-info-score{
    background-color: #F8F8F8;
    color: #000;
}


.color7 .morebet-nav ul li:last-child{
    background: #003697;
}

.color7 .morebet-back a{
    background: #003697;
    color: #fff;
}

.color7 .match-marketgroup-content.live .odd, 
.color7 .is-live .odd {
    background-color: #F6DFD8;
}

.color7 .match-marketgroup-content.live .odd-point, 
.color7 .is-live .odd-point {
    background-color: #F4D1C5;
}

.color7 .league-number{
    background-color: #8598A7;
}

.color7 #selected-league{
    background-color: #003697
}

.color7 .screen-btn:before, 
.color7 .screen-btn.show:before {
    color: #000;
}
.color7 .function-bar .nav-pills .nav-link{
    color: #000;
    background-color: #fff;
}

.color7 .function-bar .nav-pills .nav-link.active, 
.color7 .nav-pills .show > .nav-link{
    background-color: #f9d040;
}

.color7 .select-header .btn-select, 
.color7 .select-header .btn-deselect, 
.color7 .select-header .btn-done,
.color7 .select-header .btn-deselect-all,
.color7 .selector-odd .bet-type-odds .odds,
.color7 .footer-slip .btn-add-selection,
.color7 .select-header .btn-select-all{
    background-color: #003697;
}

/*bet slip*/

.color7 .parlay-slip-header{
    color: #000;
}

.color7 .parlay-slip-header .remove-all {
    border: 1px rgba(0,0,0,0.3) solid;
}

.color7 .bet-type,
.color7 .statement-wrap .header{
    background-color:#E7EFFD !important
}

.color7 .stake-info-wrapper{
    background-image: url(../images/lobby_thumb_bg.jpg);
}

.color7 .bet-league {
    background: rgb(0,54,151);
    background: linear-gradient(90deg, rgba(0,54,151,1) 0%, rgba(0,54,151,1) 48%, rgba(0,54,151,0) 100%);
}

.color7 .page-group .bet-slip.result .stake-info{
    border-top: 3px #c5c5c5 solid;
}

.color7 .statement-wrap .statement-col:nth-child(odd){
    background-color: #f1f1f1;
}

.color7 .statement-wrap .statement-col{
    background-color: #f7f7f7;
}

.color7 .paralay-selection-wrapper{
    background-color: #003697;
}

.color7 .keyboard .button-tap {
    background-color: #b3bbc1;
    border: 1px solid #F1F3F5;
}

.color7 .keyboard .add-stake{
    background-color: #788187;
}

.color7 .paralay-selection-wrapper .odds-wrap{
    background-color: #003697;
}

/*my bet*/

.color7 .filter-result, 
.color7 .filter-running,
.color7 .message-filter{
    background-color: #c0c9d1;
}

.color7 .opening-balance{
   background-color: #fff;
}

.color7 .statement-wrap .page-item.active .page-link{
    background-color: #003697;  
}

.color7 .statement-wrap .page-link{
    color: #000;
}

/*others*/
.color7 .message-filter{
    border-bottom: 1px rgba(255,255,255,0.2);
    border-top:1px rgba(255,255,255,0.2);
}

.color7 .message-filter input[type="date"]::-webkit-calendar-picker-indicator{
    color:#fff;
}

.color7 .contact .icon{
    color: #003697;
}

.color7 .page-group .page-item.disabled .page-link{
    /* color:rgba(255,255,255,0.7); */
}

.color7 .contact .fa-comment-dots, 
.color7 .contact .contact-info-icon{
    color:#0000007c;
}

/*footer*/

.color7 .footer-nav .footer-wrap .footer-single .footer-name{
    color:rgba(255,255,255,0.8);
}

.color7 .footer-nav .dropdown-menu,
.color7 .footer-nav .dropdown-menu.account-menu .footer-group{
    background:#204079;
}

.color7 .footer-nav .dropdown-menu.account-menu .btn-logout,
.color7 .footer-nav .dropdown-menu.account-menu .footer-group .footer-item{
    background-color: #38568b;
}

.color7 .footer-nav .dropdown-menu li a:hover, 
.color7 .footer-nav .dropdown-menu li a:active{
    background-color: #003697;
}

.color7 .footer-nav .dropdown-menu.account-menu .footer-group .footer-item .icon{
    color:#fff;
}
/*highlight*/

.color7 .page-tab ul li a.active{
    border-bottom: 2px #003697 solid;
}

.color7 .filter-highlight-group .weekly-filter-group{
    color: #000;
}

.color7 .filter-highlight-group .league-filter-group .league-filter .league-tab.active,
.color7 .filter-highlight-group .league-filter-group .all.active{
    background: #003697;
}
.color7 .highlight-content .league-name[aria-expanded="true"] {
    background-color: var(--market-head-expanded-bg);
}

.color7 .highlight-group .date-time{
    background-color: #e5e5e5;
    color: #373737;
}

.color7 .page-tab ul li a{
    color: #000;
}

.color7 .highlight-content .league-name {
    background-image: url(../images/market-head-bg-mobile.svg);
    background-color: var(--market-head-bg);
}

.color7 .highlight-function-bar{
    border-bottom: 1px rgba(0,0,0,0.1) solid;
}

/*parlay generator*/

.color7 .parlay-generator-button-container .button{
    background-color: #003697;
}

.color7 .match-list-container{
    background-color: #fdfeff;
}

.color7 .checkbox-container #new-switch.switch-wrap .switch input:checked + .slider,
.color7 .range-slider-process{
    background-color: #71c13a;
}

.color7 .range-slider-dot-handle{
    border: 3px solid #71c13a;
}

/*tournament*/
.color7 .tournament .scrolling-wrapper {
    background-color: #F1F1F1;
}

.color7 .page-link, .page-link:hover {
    color: #000;
}

.color7 .page-item.active .page-link{
    background-color: #003697;
}

.color7 .tournament .room-wrapper .match-wrapper {
    background-image: url(../images/tournament/match-bg.svg);
}

.color7 .tournament .room-container .join-now-wrapper{
    background: rgba(0,0,0,0.5);
}

.color7 ul li.nav-item .nav-link{
    background-color: #003697;
}

.color7 ul.tournament-pills {
    border-top: 2px #003697 solid;
}

.color7 .tournament .scrolling-wrapper .category span{
    color:#000;
}

.color7 .tournament .toolbar{
    background-color: #b5c1c9;
}

.color7 .tournament .room-info-wrapper{
    background-color: #003697;
}

.color7 .tournament .room-league-wrapper .room-league {
    background-image: url(../images/market-head-bg-mobile.svg);
    background-color: var(--market-head-bg);
}

.color7 .tournament .room-info-wrapper .tab-button{
    color: #000;
}

.color7 .tournament-betslip-room{
    color:#000;
}

.color7 .tournament-room-close a{
    background-color: rgba(0,0,0,0.3);
}

.color7 .tournament-betslip-wrapper ul li.nav-item .nav-link.active {
    color: #ffffff;
}

.color7 .tournament-mybet-title{
    background: rgb(0,54,151);
    background: linear-gradient(90deg, rgba(0,54,151,1) 0%, rgba(0,54,151,1) 48%, rgba(0,54,151,0) 100%);
}

.color7 .tournament-mybet-single,
.color7 #player-betslip-modal .modal-content .player-betslip{
    background-image: url(../images/lobby_thumb_bg_api.jpg);
}

.color7 .select-league-title {
    background-image: url(../images/market-head-bg-mobile.svg);
    background-color: var(--market-head-bg);
}

.color7 .tournament-mybet ul li.nav-item .nav-link {
    color: #000;
    background-color: #DCE4EC;
    border-bottom: 2px solid #DCE4EC;
}

.color7 .tournament-mybet ul li.nav-item .nav-link.active {
    color: #000 !important;
    background-color: #fff;
    border-bottom: 2px solid #003697;
}

.color7 .room-details-wrapper .room-details-group .title,
.color7  #player-betslip-modal .modal-content .player-betslip-header .player-info .text,
.color7 .select-day .select-day-bottom{
    color: #003697;
}

.color7 .room-details-wrapper .details-icon{
    filter: brightness(0%);
    opacity: 0.5;
}

.color7 .room-details-wrapper .room-details-group .text{
    color:#000;
}

.color7 #player-betslip-modal .modal-content .player-betslip-header{
    background-color: #003697;
}

.color7 #player-betslip-modal .modal-content .player-betslip-header .player-info .icon{
    color: rgba(0,0,0,0.5);
}

.color7 .room-bottom{
    background-color: #b5c1c9;
}

.color7 .room-rate-input .form-control{
    color: #000;
}

.color7 .user-betlist{
    background-image: url(../images/lobby_thumb_bg_api.jpg);
}

.color7 .tournament .match-info{
    background-color: transparent;
}

.color7 .user-betlist .title, 
.color7 .result-total .title{
    color: rgba(0,0,0,0.8);
}

.color7 .tournament-betslip-footer{
    border-top: 2px #003697 solid;
}

.color7 .tournament-betslip-footer .note,
.color7 .tournament-betslip-btn .input-group .input-group-text{
    background-color: #003697;
}

.color7 .tournament-table-entry{
    color: #000;
}

/* added by meiking */
.color7 #toolbar {
    background-color: #003697;
}
.color7 .floating-nav a.home {
    background-color: #003697;
    border-color: #003697;
}
.color7 .footer-nav .dropdown-menu li a.active {
    background-color: #003697;
}
.color7 .tournament .header {
    background-color: #003697;
}
.color7 .tournament ul li.nav-item .nav-link {
    background-color: #003697;
}
.color7 .message-filter .btn-result {
    background-color: #003697;
}
.color7 .footer-nav {
    background-color: #003697;
    background-image: none;
}
/**/
.color7 .team-black{
    color: #000;
}
.color7 .team-red{
    color: #b53f39;
}
.color7 .more-number {
    background-color: #B95030;
}
.color7 .btn-parlay-early.active, 
.color7 .btn-parlay.active {
    color: #000000;
    border: none;
    background: #f9d040;
}
.color7 .tournament ul.tournament-pills {
    border-top: 2px #ffffff18 solid;
}
.color7 .tournament .scrolling-wrapper .category.active{
    color: #000000;
    background-color: #F6C344;
}
.color7 .tournament .snap-content {
    background-color: #E3E3E3;
    background-image:none;
    background-size: 100%;
    background-repeat: no-repeat;
}
.color7 .tournament .scrolling-wrapper .category{
    color: #000000;
}
.color7 .tournament ul.tournament-pills{
    position: fixed;
    width: 100%;
}

.color7 #timeMachine .modal-header{
    background-image:none;
    background-color: #003697;
}

.color7 .quick-btn.active{
    background-color: #003697;
    border-color: #003697;
}

.color7 .odds-box:hover {
    background-color: #00369715;
    border: 1px solid #003697a7;
    transform: translateY(-2px);
}
.color7 .icon-function.active{
    filter: brightness(0) saturate(100%) invert(49.0852%) sepia(66.3464%) saturate(2530.2398%) hue-rotate(194.1813deg) brightness(55.8133%) contrast(158.5414%);
}
.color7 .tournament .tournament-headline{
    background-color: #204079;
}