:root {
  --headerBG: #000000;
  --menuBG: #ffc000;
  --menuText: #000;
  --menuActive: #c09000;
  --primary-color: #ffc000;
  --primary-light: #ffc000;
  --heading-color: #000000;
  --sideHover: #e6efd1;
  --tabActive: #000000;
  --tabBG:#000;

  --secondary-color: #222121;
  --bobyBG: #f0ece1;
  --white: #ffffff;
  --black-color: #000000;
  --playText: #000;
  --loginBtnColor: #e83523;
  --loginTextColor: #ffffff;
}

.skyexchange .top {
  background: var(--headerBG) !important;
  margin-bottom: 0 !important;
}


/* .d7-vvexch9-greenblack .entrance-title dd {
  background-color: var(--primary-light) !important;
} */

.skyexchange .menu-wrap {
  background-image: var(--menuBG) !important;
  box-shadow: inset 0 1px 0 0 rgb(255 255 255 / 25%) !important;
  border-top: 1px solid var(--menuActive);
  margin-bottom: 1px;
}

.login-wrap .fa-user {
  color: var(--white) !important;
}

.skyexchange .menu-wrap .menu .select,
.skyexchange .menu-wrap .setting-wrap .select,
.skyexchange .menu-wrap .setting-wrap .select {
  color: #fff !important;
  background: var(--menuActive) !important;
  /* background: transparent!important; */
  box-shadow: inset 0 1px 3px 0 transparent !important;
  /* opacity: 0.8; */
}

.skyexchange .menu-wrap .menu a:hover,
.skyexchange .menu-wrap .setting-wrap a:hover,
.skyexchange .menu-wrap .setting-wrap a:hover {
  background: var(--menuActive) !important;
  text-decoration: underline !important;
  /* opacity: 0.8; */
}


.skyexchange app-d4-betslip .slip-wrap.no-open-bet_slip h3 a {
  background-color: var(--head-gradientBG) !important;
  padding-left: 13px !important;
}

.skyexchange app-d4-betslip .slip-wrap.no-open-bet_slip h3 {
  padding-left: 0 !important;
}

html,
body.skyexchange {
  background-color: #eee !important;
}

.skyexchange .menu-list li {
  border-bottom-color: #d2d6e2 !important;
  padding: 2px 5px;
}

.skyexchange .menu-list li:hover {
  background-color: var(--sideHover) !important;
}

.skyexchange .menu-list a:hover {
  background-color: var(--sideHover) !important;
}

.skyexchange .menu-list li:hover .Go {
  background-position: 100% -2575px !important;
}

.skyexchange .time_zone span {
  color: rgba(0, 59, 3, 0.6) !important;
}


.skyexchange .path,
.skyexchange .game-highlight-wrap h3 {
  background: var(--heading-color) !important;
  color: #fff !important;
  margin: 0;
}


.skyexchange .menu-list .Go {
  background-position: 100% -2824px !important;
  width: 23px !important;
}

.skyexchange .menu-list .Go:hover,
.skyexchange .menu-list .Go.Go-skyEX-hover {
  background-position: 100% -2824px !important;
}

.skyexchange .marquee-box {
  background-image: linear-gradient(180deg, var(--black-color) 0%, var(--black-color) 100%) !important;
}

.skyexchange .scard-change {
  background-color: inherit !important;
}

.skyexchange .scoreboard-2 .score-header .detail-score .small-score-details {
  background: #000000 !important;
}

.skyexchange app-live-score .dropdown button {
  background-color: var(--black-color) !important;
  color: #fff !important;
}


.skyexchange .path .path-back {
  background-position: 0 -6775px !important;
}

.skyexchange .menu-list .select {
  background-color: var(--sideHover) !important;
}

.skyexchange .balance-custom-btn {
  background: var(--black-color) !important;
}


.skyexchange app-exposure-details .modal-content .table-header {
  background: var(--black-color) !important;
}


.skyexchange .tab .select {
  background-color: var(--tabActive) !important;
  color: #fff;
}


.skyexchange app-player-account-details .profile-panel .change-password-head-text {
  background: var(--tabActive) !important;
}

.skyexchange .login_to_go {
  background: var(--primary-color) !important;
}

.skyexchange .time_zone span {
  color: #000000 !important;
}


.skyexchange .game-wrap h3,
.skyexchange .game-highlight-wrap h3,
.skyexchange .game-wrap-horse h3 {
  background: var(--home-tabBG) !important;
}


.skyexchange .account-wrap ul .logout a {
  background-color: var(--black-color) !important;
}


.skyexchange .filter_by_page button {
  background: var(--black-color) !important;
}


.skyexchange app-player-account-details .btn-submit-payment {
  background: var(--black-color) !important;
  color: #fff !important;
}


/* .skyexchange .login-panel {
    color: #fff !important;
  } */
.skyexchange .menu li,
.skyexchange .setting-wrap li {
  border-right: 1px solid #303030 !important;
}

.skyexchange .menu a,
.skyexchange .setting-wrap a {
  color: var(--menuText) !important;
  font-weight: 700;
}

.header.full-wrap {
  padding: 10px 0 !important;
  height: auto !important;
  display: flex;
  justify-content: space-between;
}

.header .logoBox {
  margin: 0 10px 0 0 !important;
}

.flexRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.skyexchange .path a {
  color: var(--white) !important;
  font-weight: 700;
}

.kv-wrap {
  margin-bottom: 0 !important;
}

app-d4-market-dashboard .over-wrap {
  height: calc(100vh - 128px) !important
}

.in-play-container .game-wrap h3 {
  background: var(--heading-color) !important;
  font-size: 14px;
  font-weight: bold;
  line-height: 30px;
}

.skyexchange .account-wrap li.main-wallet {
  background-color: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.skyexchange .account-wrap a.a-wallet {
  background-color: transparent !important;
  box-shadow: none !important;
}

.skyexchange .account-wrap a {
  color: #fff !important;
}

.skyexchange .account-wrap .user-dropdown a {
  color: #000 !important;
}

.skyexchange .account-wrap .account {
  background-position: 0 -1375px !important;
}

.account-wrap .main-wallet span:first-of-type {
  opacity: inherit !important;
  font-weight: 700 !important;
}

.account-wrap .main-wallet #totalExposure {
  color: #ff0000;
}

.entrance-title {
  background: var(--headerBG) !important;
  border-bottom: 5px solid var(--primary-color) !important;
}

.entrance-title dd:after {
  background: var(--primary-color) !important
}

dl.entrance-title dd {
  color: var(--playText) !important;
}

ul.btn-wrap li.col-send a.btn-send {
  color: #fff !important;
}

ul.btn-wrap li.col-send a.btn-send:hover {
  color: #000 !important;
}

.account-wrap ul.user-dropdown li.logout a {
  color: #fff !important;
}

app-player-account-details .profile-panel .change-password-head-text {
  padding: 10px 15px !important;
}

/* .card-header h4{background: var(--tabActive); padding: 10px; color: #fff; width: 98.7%; margin: 15px 0 0; border-radius: 0 0 2px 2px;} */
div.filters div.befoclass {
  padding: 10px 10px 10px !important;
  background-color: #e0e6e6 !important;
  border: 1px solid #c8ced3;
  border-top: 2px solid var(--black-color);
  border-radius: 2px;
  border-bottom: 1px solid #7e97a7 !important;
}

div.filters div.befoclass .filter-type select {
  background: #fff !important;
}

div.filters div.befoclass div input#dateRange {
  background: #fff !important;
  opacity: inherit !important;
}

/* .balance-status{ padding:20px 15px; width: 99%!important; background:#FFF;} */
.ngx-datatable .visible {
  height: 100% !important;
}

app-bet-history .balance-status>ngx-datatable {
  margin: 9px 0 0;
}

app-player-profit-loss .balance-status>ngx-datatable {
  margin: 11px 0 0;
}

.befoclass select.dropdown-text {
  background: #fff !important;
}

app-d4-sidebar-profile .menu-list li {
  padding: 0 !important;
}

.filterTab {
  overflow: auto;
  overflow-y: hidden;
}

.tab-highlight,
.tab-markets {
  padding: 0 !important;
  background: var(--home-tabBG2) !important;
}

.tab-highlight a,
.tab-markets a {
  background: var(--tabActive) !important;
  width: 80px !important;
  border-radius: 10px !important;
  border: none !important;
  font-weight: 700;
}

.tab-highlight a.select,
.tab-markets a.select {
  background: #dddcd6 !important;
  border-bottom-color: #dddcd6 !important;
  border-radius: 7px 7px 0 0 !important;
}

.game-list-col {
  display: flex !important;
}

.game-list-col dt {
  display: flex;
  align-items: center;
}

.game-list-col dt a br {
  display: none !important;
}

.game-list-col dd a {
  padding: 5px 0 !important;
}

.game-list-col .game-list-time br {
  display: none !important;
}

.noevent {
  background: #fff;
  border: 1px solid #7e97a7;
  border-radius: 10px;
  color: #7e97a7;
  font-size: 20px;
  margin: 25px;
  text-align: center;
  padding: 15px;
}

.noevent p {
  display: none;
}

.noevent h2 {
  font-size: 24px;
  color: #7e97a7;
  border-bottom: 1px solid #e0e6e6;
  position: relative;
  padding: 0 0 10px;
  margin: 20px 0 40px;
  align-items: center;
  line-height: 1.5;
  display: flex;
  text-align: center;
  justify-content: center;
}

.noevent h2:before {
  content: "";
  width: 35px;
  height: 35px;
  margin-right: 10px;
  background: url('../images/icon-nodata.9375fcbd63e450aae2a2.svg') no-repeat;
}

.noevent h2:after {
  content: "Please add some markets from events.";
  color: #7e97a7;
  font-size: 20px;
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: -40px;
}

.browser-wrap {
  display: none;
}

.policy-link {
  width: 100% !important;
  padding-top: 15px !important;
}

.policy-link a {
  color: #000 !important;
  font-size: 14px;
  text-decoration: none !important;
}

.policy-link li:after {
  content: '|' !important;
}

.policy-link li:first-child:before {
  display: none;
}

.policy-link li:last-child:after {
  display: none;
}

.loader-cycle-disks:before {
  background-color: var(--black-color) !important;
}

.loader-cycle-disks:after {
  background-color: var(--primary-light) !important;
}

.evetns-tab .tab-button.active,
.evetns-tab .tab-button:hover {
  background: var(--black-color) !important;
}

.event-box {
  background: var(--black-color) !important;
  color: #fff !important;
  border-color: var(--black-color) !important;
}

.forget-div .forget-pass-text {
  color: #fff !important;
}


.login-popup-content {
  background: var(--primary-color) !important;
  background-size: cover;
  color: var(--sideHover);
  box-shadow: 5px 5px 5px #666;
}

.confirm-text {
  color: #fff;
  margin-bottom: 30px;
}

.confirm-button .btn-confirm {
  color: #000;
  background-color: #fff;
}

.skyexchange .account-wrap .a-wallet {
  background-color: var(--black-color) !important
}

.d7-table-wrapper ngx-datatable datatable-body {
  /* height: auto !important; */
  height: calc(100vh - 620px) !important
}

.d7-playfair9-darkgreen .path a {
  color: #fff !important;
}

.d7-45sports-bluered .menu a,
.d7-45sports-bluered .setting-wrap a {
  color: #fff !important;
}

/* ======= ORANGE THEME CHANGES ======== */
.d7-Theme-Tab.tab.gameTab li a.select {
  background: var(--menuBG) !important;
}

#inPlayTab {
  background: var(--tabActive) !important;
}

.login-wrap .btn-login {
  background: var(--loginBtnColor) !important;
  color: var(--loginTextColor) !important;
}

.tab-highlight li a {
  background: var(--tabBG) !important;
}



app-d7-casino-events .tab .select,
.skyexchange .tab .select {
  background: var(--menuBG) !important;
}
button.btn.btn-primary.otpBtn {
  background: var(--primary-color) !important;
}
app-player-signup .singpopup .box-text.resendotp .otptext {
  color: var(--primary-color) !important;
}

.seting_stake_box .closeSet
 {
  background: #a9a4a4!important;
}

.d7-betexch9-yellow .tab .select, .skyexchange .tab .select,.d7-sportzexch9-c21-yellow .tab .select, .skyexchange .tab .select {
  color: #000 !important
}
.d7-betexch9-yellow .skyexchange .path, .skyexchange .game-highlight-wrap h3, .d7-sportzexch9-c21-yellow .skyexchange .path, .skyexchange .game-highlight-wrap h3 {
  color: #000 !important

}
.d7-betexch9-yellow .inplaysection  .select, .d7-sportzexch9-c21-yellow .inplaysection  .select {
  color: #fff !important

}

.d7-demo15-gray .tab-highlight a{
  color: #000 !important

}
.d7-lordexch365-blue .menu .select{
  background: #1d2c36 !important;
}

.d7-lordexch365-blue .menu-wrap ul.menu li > a:hover, .d7-lordexch365-blue #gameHighlightWrap div h3, .skyexchange.d7-lordexch365-blue .login-panel {color: #fff !important;}
.d7-lordexch365-blue ul.tab.filterTab li a.select {background: var(--headerBG) !important;}
.d7-lordexch365-blue .entrance-title dd:after, .d7-lordexch365-blue .entrance-title dd {background: var(--menuBG) !important;}
.d7-lordexch365-blue .entrance-title dd::before {border-bottom: 37px solid var(--menuBG) !important;}
.d7-lordexch365-blue .entrance-title {border-bottom: 5px solid var(--menuBG) !important;}

/* ===== CSS CHANGES START ===== */
div#player-signup .singpopup .modal-content {
  background: var(--headerBG) !important;
}
div#player-signup .col-sm-12.username + .col-sm-12.text-center button {
  background: var(--primary-color) !important;
}
div#player-signup .singpopup .form-control {
  border: 1px solid #ffffff3d !important;
}

button.apl-btn.apl-btn-large.btn-login {
  background: var(--primary-color) !important;
}
.formddmain2 .login-panel.forgetInfopass {
  background: var(--headerBG) !important;
}

/* .d7-asia-orange .singpopup .signUpNew_icons, .d7-asia-orange .singpopup button.close, .d7-asia-orange .singpopup .ptext, 
.d7-asia-orange .signUpNew_whattsUp_title, .d7-asia-orange span.or-text {
  color: #fff !important;
} */


/* 
.d7-asia-orange .signUpNew_icons img {
  filter: inherit !important;
}
.d7-asia-orange .icon-login.forgetPassHeadin * {
  color: #fff;
}

.d7-asia-orange .forgetInfopass input, .d7-asia-orange .forgetInfopass input::placeholder, .d7-asia-orange .forgetInfopass select {
  color: #fff !important;
}
.d7-asia-orange .forgetInfopass .form-control {
  border-bottom: 1px solid #ffffff3d !important;
}
.d7-asia-orange .formddmain2 .login-panel.forgetInfopass button.close {
  color: #fff !important;
} */
/* ===== CSS CHANGES END ===== */
/* .d7-asia-orange .singpopup .modal-content{
  background: var(--headerBG) !important;
}
.d7-asia-orange .col-sm-12.username + .col-sm-12.text-center button{
  background: var(--primary-color) !important;
} */
/* .d7-asia-orange .singpopup .ptext{
  color: white;
} */



/* ======== COLOR CHANGES FOR WHITELABEL ========== */
/* .d7-goasia9-yellow .singpopup p.ptext, .d7-goasia9-yellow .signUpNew_icons, .d7-goasia9-yellow .signUpNew_whattsUp_title,
.d7-goasia9-yellow span.or-text, .d7-goasia9-yellow .singpopup  button.close span, .d7-goasia9-yellow .login-panel.forgetInfopass button.close {
  color: #fff !important;
}
.d7-goasia9-yellow .signUpNew_icons img{filter: inherit;}
.d7-goasia9-yellow .or-text::before {background: linear-gradient(45deg, #fff, transparent)}
.d7-goasia9-yellow .or-text::after {background: linear-gradient(45deg, transparent, #fff);}

.d7-goasia9-yellow .forgetInfopass input, .d7-goasia9-yellow .forgetInfopass input::placeholder,
 .d7-goasia9-yellow .forgetInfopass select {
  color: #fff !important;
}
.d7-goasia9-yellow .forgetInfopass .form-control {
  border-bottom: 1px solid #ffffff3d !important;
}

.d7-goasia9-yellow .singpopup p.ptext, .d7-goasia9-yellow .signUpNew_icons, .d7-goasia9-yellow .signUpNew_whattsUp_title,
.d7-goasia9-yellow span.or-text, .d7-goasia9-yellow .singpopup  button.close span, .d7-goasia9-yellow .login-panel.forgetInfopass button.close {
  color: #fff !important;
}
.d7-goasia9-yellow .signUpNew_icons img{filter: inherit;}
.d7-goasia9-yellow .or-text::before {background: linear-gradient(45deg, #fff, transparent)}
.d7-goasia9-yellow .or-text::after {background: linear-gradient(45deg, transparent, #fff);}

.d7-goasia9-yellow .forgetInfopass input, .d7-goasia9-yellow .forgetInfopass input::placeholder,
 .d7-goasia9-yellow .forgetInfopass select {
  color: #fff !important;
}
.d7-goasia9-yellow .forgetInfopass .form-control {
  border-bottom: 1px solid #ffffff3d !important;
} */


/* ======== COLOR CHANGES FOR WHITELABEL ========== */
/* .d7-vinayakabook-gray .singpopup p.ptext, .d7-vinayakabook-gray .signUpNew_icons, .d7-vinayakabook-gray .signUpNew_whattsUp_title,
.d7-vinayakabook-gray span.or-text, .d7-vinayakabook-gray .singpopup  button.close span, .d7-vinayakabook-gray .login-panel.forgetInfopass button.close {
  color: #fff !important;
}
.d7-vinayakabook-gray .signUpNew_icons img{filter: inherit;}
.d7-vinayakabook-gray .or-text::before {background: linear-gradient(45deg, #fff, transparent)}
.d7-vinayakabook-gray .or-text::after {background: linear-gradient(45deg, transparent, #fff);}

.d7-vinayakabook-gray .forgetInfopass input, .d7-vinayakabook-gray .forgetInfopass input::placeholder,
 .d7-vinayakabook-gray .forgetInfopass select {
  color: #fff !important;
}
.d7-vinayakabook-gray .forgetInfopass .form-control {
  border-bottom: 1px solid #ffffff3d !important;
}

.d7-vinayakabook-gray .singpopup p.ptext, .d7-vinayakabook-gray .signUpNew_icons, .d7-vinayakabook-gray .signUpNew_whattsUp_title,
.d7-vinayakabook-gray span.or-text, .d7-vinayakabook-gray .singpopup  button.close span, .d7-vinayakabook-gray .login-panel.forgetInfopass button.close {
  color: #fff !important;
}
.d7-vinayakabook-gray .signUpNew_icons img{filter: inherit;}
.d7-vinayakabook-gray .or-text::before {background: linear-gradient(45deg, #fff, transparent)}
.d7-vinayakabook-gray .or-text::after {background: linear-gradient(45deg, transparent, #fff);}

.d7-vinayakabook-gray .forgetInfopass input, .d7-vinayakabook-gray .forgetInfopass input::placeholder,
 .d7-vinayakabook-gray .forgetInfopass select {
  color: #fff !important;
}
.d7-vinayakabook-gray .forgetInfopass .form-control {
  border-bottom: 1px solid #ffffff3d !important;
} */

/* ======== COLOR CHANGES FOR WHITELABEL ========== loginTextcolor*/
.singpopup .modal-content .signUpNew_whattsUp_title, .singpopup .modal-content span.or-text,
.singpopup .modal-content .signUpNew_icons, .singpopup .modal-content .ptext, .login-wrap .btn-login.singuppoop {
  color: var(--loginTextColor) !important;
}
.singpopup .modal-content .or-text::before {
  background: linear-gradient(45deg, var(--loginTextColor), transparent);
}
.login-panel.forgetInfopass input, .login-panel.forgetInfopass select {
  color: var(--loginTextColor); border-bottom: 1px solid #ffffff3d !important;
}
.singpopup .modal-content .or-text::after {
  background: linear-gradient(45deg, transparent, var(--loginTextColor));
}
.login-panel.forgetInfopass .login .form-control::placeholder, .formddmain2 .login-panel.forgetInfopass{
  color: var(--loginTextColor) !important;
}
.box-text.otp, .box-text.resendotp p {
  color: var(--loginTextColor) !important;
}