@media (max-width: 767px){
header {
    height: 45px;
    position: fixed ;
    z-index: 9999;
    width: 100%;
}
.main-wrapper {
    padding: 0;
 }
}
.mike{
	width:70% !important;
}

.mikemobile{
	display:none;
}
.btn-xs {
padding: 1px 5px !important;
font-size: 12px !important;
line-height: 1.5 !important;
border-radius: 3px !important;
}
.pull-right{
	float:right !important;
}


.div-figure{
    width: 31.33%!important;
    overflow: hidden;
    padding: 14px;
    max-width: 31.33%;
 }
.img-fluid {
    max-width: 100%;
    height: auto;
}
.div-figure img {
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}


/* Video */

.video-overlay {
    position: absolute;
    top: 0;
    background: rgba(0,0,0,.4);
    height: auto;
    left: 0;
    content: "";
    top: 0;
    padding: 5px;
}


.video-overlay .card-inner {
    margin-bottom: 5px;
}

.video-overlay h3 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 2px;
    text-transform: uppercase;
}
.video-overlay img {
    width: 35px;
    height: auto;
    margin-right: 2px;
    margin-left: 2px;
}



 .text-right {
    text-align: right!important;
}
.ball-runs.playera {
    background: #d07c7d;
    color: #fff;
}
.last-result {
    cursor: pointer;
}
.ball-runs {
    background: #6CAF90;
    height: 30px;
    margin: 5px;
    width: 30px;
    border-radius: 50%;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-weight: 700;
}


/*drawer*/


/** { */
/*-webkit-box-sizing: border-box; */
/*-moz-box-sizing: border-box; */
/*-o-box-sizing: border-box; */
/*box-sizing: border-box; */
/* adds animation for all transitions */ 
/*-webkit-transition: .25s ease-in-out; */
/*-moz-transition: .25s ease-in-out; */
/*-o-transition: .25s ease-in-out; */
/*transition: .25s ease-in-out; */
/*margin: 0; */
/*padding: 0; */
/*-webkit-text-size-adjust: none; */
/*} */

/* Makes sure that everything is 100% height */ 

html,body { 
height: 100%; 
 } 

/* gets the actual input out of the way; 
we're going to style the label instead */ 

#drawer-toggle { 
position: absolute; 
opacity: 0; 
}
#drawer-toggle-cose { 
position: absolute; 
opacity: 0; 
}

#drawer-toggle-label { 
-webkit-touch-callout: none; 
-webkit-user-select: none; 
-khtml-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none; 
left: 0px; 
height:50px; 
width: 50px; 
display: block; 
position: fixed; 
background: rgba(255,255,255,.0); 
z-index: 1; 
} 


#drawer-toggle-close { 
-webkit-touch-callout: none; 
-webkit-user-select: none; 
-khtml-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none; 
 
background: rgba(255,255,255,.0); 
z-index: 1; 
display: block;	
float: right;
} 




/* adds our "hamburger" menu icon */ 

#drawer-toggle-label:before { 
content: ''; 
display: block; 
position: absolute; 
height: 2px; 
width: 24px; 
background: #fff; 
left: 13px; 
top: 10px;
box-shadow: 0 6px 0 #fff, 0 12px 0 #fff; 
} 
 
 
 #drawer-toggle-close:before { 
	content: 'x';
    display: block;
	height: 38px;
    width: 30px;
    background: #2f2f2f;
	font-size: 28px;
    color: #fff;
    text-align: center;
 } 

/* drawer menu pane - note the 0px width */ 

#drawer { 
position: fixed; 
top: 0; 
left:-100%; 
height: 100%; 
width: 65%; 
background: #2f2f2f; 
overflow-x: hidden; 
overflow-y: scroll; 
padding: 20px; 
z-index:9999;
-webkit-overflow-scrolling: touch; 
} 




/* actual page content pane */ 

#page-content { 
margin-left: 0px; 
margin-top: 50px; 
width: 100%; 
height: calc(100% - 50px); 
overflow-x:hidden; 
overflow-y:scroll; 
-webkit-overflow-scrolling: touch; 
padding: 20px; 
}

/* checked styles (menu open state) */ 

/*#drawer-toggle:checked ~ #drawer-toggle-label { */
/*height: 100%; */
/*width: calc(100% - 300px); */
/*background: rgba(255,255,255,.8); */
/*} */

/*#drawer-toggle:checked ~ #drawer-toggle-label, */
/*#drawer-toggle:checked ~ header { */
/*left: 300px; */
/*} */

#drawer-toggle:checked ~ #drawer { 
left: 0px; 
} 


#drawer-toggle:checked ~ #drawer #drawer-toggle-close { 
display: block;	
} 

#drawer-toggle-cose:checked #drawer { 
	left: -100% !important;	
} 

 

/*#drawer-toggle:checked ~ #page-content { */
/*margin-left: 300px; */
/*}*/

/* Menu item styles */ 

#drawer ul { 
list-style-type:none; 
} 
#drawer ul li{ 
width : 80%;
	
} 
#drawer ul a { 
display:block; 
padding:10px; 
color:#c7c7c7; 
text-decoration:none; 
} 

#drawer ul a:hover { 
color:#f7be27 !important; 

} 
 

 
#drawer ul a:focus #drawer {
	background: #d4d4d4;
}
 
 
 
@media (min-width: 992px) {
	#drawer-toggle-label{
		display :none ;
	}
	#drawer-toggle-close{
	display :none ;
	}
	
	.mobile-bet-box{
		display :none ;
	}
	.mobile-match-box-margin{
		margin-bottom: 0%
	}

	.mobile-tv{
		display:none;
	}
}

@media (min-width: 1200px) { 
	#drawer-toggle-label{
		display :none ;
	}
	#drawer-toggle-close{
	display :none ;
	}
	.mobile-bet-box{
		display :none ;
	}
	.mobile-match-box-margin{
		margin-bottom: 0%
	}
	
	.mobile-tv{
		display:none;
	}

}

@media (max-width: 767px){
	.mobile-match-box-margin{
		margin-bottom: 100%
	}
	
	.right-bet-content {
    	display: none;
	}
	
	.mobile-tv{
		display:block;
	}

}

 
#drawer-toggle-right { 
position: absolute; 
opacity: 0; 
}

#drawer-toggle-label-right { 
-webkit-touch-callout: none; 
-webkit-user-select: none; 
-khtml-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none; 
right: -10px;
top: 0;
height:50px; 
width: 50px; 
display: block; 
position: fixed; 
background: rgba(255,255,255,.0); 
z-index: 9999;
} 


#drawer-toggle-close-right { 
-webkit-touch-callout: none; 
-webkit-user-select: none; 
-khtml-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none; 
 
background: rgba(255,255,255,.0); 
z-index: 1; 
display: block;	
float: right;
} 


/* adds our "hamburger" menu icon */ 

#drawer-toggle-label-right:before { 
content: ''; 
display: block; 
position: absolute; 
height: 2px; 
width: 24px; 
background: #fff0; 
left: 13px; 
top: 10px;
box-shadow: 0 6px 0 #fff0, 0 12px 0 #fff0; 
} 
 
 
#drawer-toggle-close-right:before { 
	content: 'x';
    display: block;
    height: 30px;
    width: 30px;
    background: #da4343;
    font-size: 20px;
    color: #fff;
    text-align: center;
    border-radius: 45px;
    top: 5px;
    right: 6px;
 } 

/* drawer menu pane - note the 0px width */ 

#drawer-right { 
position: fixed; 
top: 0; 
right:-100%; 
height: 100%; 
width: 100%; 
background: #ffffff; 
overflow-x: hidden; 
overflow-y: scroll; 
z-index:9999;
-webkit-overflow-scrolling: touch; 
} 




/* actual page content pane */ 

#page-content-right { 
margin-left: 0px; 
margin-top: 50px; 
width: 100%; 
height: calc(100% - 50px); 
overflow-x:hidden; 
overflow-y:scroll; 
-webkit-overflow-scrolling: touch; 
padding: 20px; 
}

/* checked styles (menu open state) */ 

/*#drawer-toggle:checked ~ #drawer-toggle-label { */
/*height: 100%; */
/*width: calc(100% - 300px); */
/*background: rgba(255,255,255,.8); */
/*} */

/*#drawer-toggle:checked ~ #drawer-toggle-label, */
/*#drawer-toggle:checked ~ header { */
/*left: 300px; */
/*} */

#drawer-toggle-right:checked ~ #drawer-right { 
right: 0px; 
} 


#drawer-toggle-right:checked ~ #drawer-right #drawer-toggle-close { 
display: block;	
} 
/*#drawer-toggle:checked ~ #page-content { */
/*margin-left: 300px; */
/*}*/

/* Menu item styles */ 

#drawer-right ul { 
list-style-type:none; 
} 
 
#drawer-right ul a { 
display:block; 
padding:10px; 
color:#c7c7c7; 
text-decoration:none; 
} 

#drawer-right ul a:hover { 
color:#fff !important; 
} 


@media (min-width: 992px) {
	#drawer-toggle-label-right{
		display :none ;
	}
	
 

}

@media (min-width: 1200px) { 
	#drawer-toggle-label-right{
		display :none ;
	}
	
 

}


/*BET BOx*/
.bet-box-inner-mobile{
	padding: 0px !important ;
}

.close_btn {

    color: #da161d;
    font-size: 15px;
    cursor: pointer;
    margin-right: 10px;
    margin-top: 10px;
	position: absolute;
    right: 0;

}


/*dropDown Toggle*/
 
.dropbtn {
color: white;
	font-size: 16px;
  border: none;
}

.dropdown {
  position: relative;
 }

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  right: 0px;
}

.dropdown-content li a {
  color: #fff !important;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  cursor: pointer;
}
.dropdown-content li a:hover {
  color: #f7be27 !important;
   
}

 
.dropdown:hover .dropdown-content {display: block;}

.live-tv-frame{
	overflow: hidden; 
	width: 100%; 
	max-width: 100%  
	max-height: 247px;
} 
/*account statement*/
.red {
	color : #ea384d !important;
}

.green {
	color : #27924e !important;
}


.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
}


.resetPassword-button {
	margin: 5px 
}

.ledger-header{
	    background: #2a3e5d;
    color: #fff;
    font-size: 16px;
     text-align: center;
    margin: 10px 0px 0px 0px;
} 
.ledger-body{
	background: #fff;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
}

.table_tittle{
    margin-top: 10px;	
}

.match-tabs{
	margin-top: 10px;	
}
.mod-header.tab_bets .nav-pills>li>a{
	cursor:pointer;
}

.lottery-frame{
	display: block;
    background: #000;
    border: none;
    height: 100vh;
    width: 100vw;
}

/* dropdown */
 
.input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.row {
  display: flex;
}
.row .col {
  flex: 1;
}
 
/* Accordion styles */
.tabs {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
}

.tab {
  width: 100%;
  color: white;
  overflow: hidden;
}
.tab-label {
  display: flex;
  justify-content: space-between;
  padding: 1em;
  background: #2a2a2a;
  font-weight: bold;
  cursor: pointer;
  /* Icon */
}
.tab-label:hover {
  background: #2a2a2a;
}
.tab-label::after {
  content: "❯";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 0.35s;
}
.tab-content-style {
  max-height: 0;
  padding: 0 1em;
  color: #2c3e50;
  background: #ffffff00;
  transition: all 0.35s;
}
.tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #ffffff00;
  cursor: pointer;
}
.tab-close:hover {
  background: #ffffff00;
}

label {
    color: #ffffff !important;
}

input:checked + .tab-label {
  background: #ffffff00;
}
input:checked + .tab-label::after {
  transform: rotate(90deg);
}
input:checked ~ .tab-content {
  max-height: 100vh;
  padding: 1em;
}

.scorecard2 {
    padding: 5px;
   
  
    color: #fff;
    font-size: 10px;
}

 

.score-background{
	 background-image: url(/assets/images/cbg.jpg);
   position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}
 
 
 .game-box .game-inner .icn .icn-inner.cs-text {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}

 
/* mobile footer */


 
.header .bottom-nav {
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.8rem 0;
  /*background-color: #252a32;*/
  background:#1a1a1a;
   z-index: 99;
   border-top:2px solid #B37D1F; 
  will-change: transform;
  transform: translateZ(0);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);
}
.header .bottom-nav-item {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  text-align: center;
  font-size: 0.8rem;
  color: #f1f5f8;
}
.header .bottom-nav-link {
  display: flex;
  flex-direction: column;
}
.header .bottom-nav .active a {
  color: #f7be27  !important;
}

.bottom-nav .bottom-nav-item a {
    color: #fff !important;
    text-decoration: none;
    background-color: transparent;
}


.notification {
     background-color: #f7be27;
    color: white;
    text-decoration: none;
    padding: 0px 5px;
    position: relative;
    display: inline-block;
    border-radius: 15px;
    float: right;
    margin: 2px;
}

.pwdlable{
	color:#2a2a2a !important;
}
 .mod-header.tab_bets .nav-pills>li.active>a:hover{
 	color:#fff !important;
 }
 .component-message-wrap{
 	z-index:9999 !important;
 }

 .radio label {
  color: #2a2a2a !important;
}

.captcha {
  font-size:14px;
  padding:6px 12px;
  height: 40px;
  width: 140px;
  background: #dfdfdf;
  border: 0px;
}

/* loader */
 

.sk-circle {
  margin: 0px auto;
  width: 40px;
  height: 40px; 
  position: relative;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}


.modal-content .modal-body{
	    background: #181822 !important;
	    color:#f2f0ea !important;
}
.modal-header{
	background:#12121c !important;
	color:#f7e08a !important;
}
.modal-footer{
	background:#12121c !important;
	color:#f2f0ea !important;
}
.modal-content .modal-body p,.modal-content .modal-body span,.modal-content .modal-body li,
.modal-content .modal-body td,.modal-content .modal-body th,.modal-content .modal-body div{
	color:#e8e6dc !important;
}
.modal-footer .btn{color:#f2f0ea !important}
.btn-primary {
    background: #B37D1F!important;
    border-color: #8A6E3D!important;
    color: #fff!important;
}

.close {
	font-size:2.0rem !important;
    color: #fd0303 !important;
    text-shadow: 0 1px 0 #f00 !important;
}

.modal-content label {
    color: #000 !important;
}

.pd-left-right {
  padding-left:0px !important;
  padding-right: 0px !important;
}
.scoreB{
	padding: 0px;
    color: rgb(255, 255, 255);
    text-align: center;
    background: rgb(0, 0, 0);
    align-items: center;
    justify-content: center;
}

.itemCenter{
    display: flex;
    justify-content: center;
    align-items: center;
}
.teamScore span{
	display:block;
}
.teamScore .score{
	font-size:16px;
}

.fs-heading{
    text-align: left;
    padding: 4px 12px;
    color: #a9a9a9;
    border-bottom: 0.5px solid;
    border-top: 0.5px solid;
}

.ring-container {
    position: relative;
}

.circle {
    width: 10px;
    height: 10px;
    background-color: red;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    left: 7px;
}

.ringring {
    border: 3px solid #62bd19;
    -webkit-border-radius: 30px;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 2px;
    top: -10px;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.0
}
.live-txt{
    position: absolute;
    top: -7px;
    left: 17px;
	font-size: 10px
}
@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}





/* ab2 style */

.ab2-main {
	background: #a2a2a2;
 }
 
.ab2-text {
  font-size: 14px;
  padding: 0px;
  margin: 5px 5px 0px 5px !important;
  color: #fff;
  text-align: center;
  display: inline-grid;
}
 
.ab2-btn-background{
	background: #098495;
	width:100%;
}


.casino{
	margin: 0 10px;
}

.casino .mod-header{
	border-top-left-radius: 0px !important; 
     border-top-right-radius: 0px !important;
}
 

.live-str{
 	border: 0px solid black;
}


.game-result{
	background: green;
    border-radius: 25px;
    margin: 2px;
    height: 30px;
    width: 30px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
}

.playera {
	color: #ff4500;
	font-weight: 800;
}
.playerb {
	color: #FFFF33;
	
}
 /* end ab2 style*/

 .susb-bhav{
  position: absolute;
    background: #0a0a0ab5;
    height: 100%;
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    top: 0;
    left: 0;
}
.bhav-row{
  margin-bottom:10px !important;
  
 }

 .rescard{
  display: flex;
  width: 100%;
  overflow: hidden;
}
.next-card-res{
  position: absolute;
    right: 0;
    bottom: 15%;
}
.perv-card-res{
  position: absolute;
    left: 0;
    bottom: 15%;
}
 .res-box {
  width:30%;
  position:absolute;
  top:40%;
  
  background: #00000061;
  padding-bottom: 5px;
}

 .ab2-res-fst-card{
  height: 40px;
  position: absolute;
  left: 20px;
  top: 40%;
}
.andr-bhar2-res-text{
  margin-top: auto;
  margin-bottom: auto;
  font-size: 16px;
  color: #fff;
  width: 80% !important;
  float: right;
}

 

.andarbahar-res .andar-bahar-image {
width: 25px;
cursor: pointer;
margin: 3px;
}






/* casino live style */
.featured-box-detail {
  max-width: 70% !important;
  -ms-flex: 0 0 70% !important;
  flex: 0 0 70% !important;
}
.liveStr{
  height:400px !important;
  width:100% !important;
}

.game-header {
    font-size: 16px;
    justify-content: space-between;
    display: flex;
    background: linear-gradient(-180deg, #0A92A5 0%, #087989 82%) !important;
    padding: 5px 10px;
    color: #fff;
}
.bhav-section{
  display: flex;
  justify-content: space-around;
  background: #eee;
  text-align: center;
}
.bet-btn{
  background: #9eb6cc;
  color: #fff;
  padding: 5px;
}
.bhav-price{
  font-size: 20px;
}
.result-section{
  display: flex;
  background: #bbbbbb;
  justify-content: flex-end;
}

.result-badge{
  background: chocolate;
  color: #fff;
  padding: 5px;
  border-radius: 15px;
  margin: 5px;
}


@media (max-width: 767px){
  .game-box {
    display: inline-block;
    width: 150px;
    height: 150px;
    margin: 0 5px 10px;
    background-color: #fff;
    position: relative;
    border-radius: 5px;
    cursor: pointer;
}

  .featured-box-detail {
    max-width: 100% !important;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
  }
  .pd-left-right {
    padding-left:0px !important;
    padding-right: 0px !important;
  }
  .liveStr{
    height:210px !important;
    width:100% !important;
  }
  .andarbahar-module .andar-bahar-image {
    width: 50px !important;
    cursor: pointer;
    margin: 5px;
    height:80px !important;

  }
  .andarbahar-res .andar-bahar-image {
    width: 22px !important;
    cursor: pointer;
    margin: 3px;
    height:35px !important;

  }
  .res-box {
    width:45% !important;
    position:absolute;
    top:16% !important;
    left:0 !important;
  }
  .andr-bhar-res-text{
    margin-top: auto;
    margin-bottom: auto;
    font-size: 14px !important;
      color: #fff;
  }

  .mob-ab-cards{
    text-align: center;
    display: flex;
    overflow: hidden;
    overflow-x: auto;
    padding: 10px 0;
  }
  .mobile-ab-text-border{
    border-bottom: 1px solid #000;
  }
  .mobile-ab2-text-border{
    border-top: 1px solid;
    margin-top: 15px !important;
  }

  .ab2-res-fst-card{
    left: 5px !important;
  }

  /* teen patti */
  .tp-bhav{
    font-size: 14px !important;
   }
   .tp-res-box {
    width: 31% !important;
    position: absolute;
    top: 15% !important;
    left: 0 !important;
  }

  .flipclock {
    position: absolute;
    bottom: 0% !important;
    right: 0  !important;
  }
  
}
.andarbahar-res .andar-bahar-image {
  width: 25px;
  cursor: pointer;
  margin: 3px;
}

.andarbahar-module .andar-bahar-image {
  width: 38px;
  cursor: pointer;
  margin: 3px;
}
.andr-bhar-text{
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
      font-size: 18px;
    color: #fff;
}
.andr-bhar-res-text{
  margin-top: auto;
  margin-bottom: auto;
  font-size: 16px;
    color: #fff;
}
.mr-left-right {
  margin-left:0px !important;
  margin-right: 0px !important;
}
.rescard{
  display: flex;
  width: 100%;
  overflow: hidden;
}
.next-card-res{
  position: absolute;
    right: 0;
    bottom: 15%;
}
.perv-card-res{
  position: absolute;
    left: 0;
    bottom: 15%;
}
.res-box {
  width:30%;
  position:absolute;
  top:10%;
  background: #00000061;
  padding-bottom: 5px;
}
::-webkit-scrollbar {
  width: 0;  /* Remove scrollbar space */
  background: transparent;  /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
::-webkit-scrollbar-thumb {
  background: transparent;
}

/* AB2 */
.ab2-bhav {
  text-align: center;
  margin: auto;
  background: #087e8f;
  color: #fff;
  display: inline-grid;
  border: 2px solid #d7d04a;
  margin-right: 5px;
  margin-bottom: 5px;
  cursor:pointer;
}

.ab2-res-fst-card{
  height: 40px;
  position: absolute;
  left: 20px;
  top: 40%;
}
.andr-bhar2-res-text{
  margin-top: auto;
  margin-bottom: auto;
  font-size: 16px;
  color: #fff;
  width: 80% !important;
  float: right;
}
/* teen patti style */

.tp-bhav{
  text-align: center;
  font-size: 18px;
  background: #76c6c6;
  color: #fff;
  padding: 10px;
  border-right: 1px solid #fff;
   cursor: pointer;

}
.mobile-tp-text{
  text-align: center;
  margin: auto;
 }
.mobile-tp-border{
   
  border-bottom:  1px solid #fff;
}
 
.tp-res-box {
  width: 31% !important;
  position: absolute;
  top: 15% !important;
  left: 1% !important;
}

/* suspandad */
.susb-bhav{
  position: absolute;
    background: #0a0a0ab5;
    height: 100%;
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
}
 
.tpatti-img-height{
	height:20px;
} 
.ab2-main .lucky7-bhav{
	padding:0 !important;
	height: 40px;
    margin: 5px 0px;
}
/* flipclock */


.flipclock {
  position: absolute;
  right: 0%;
  bottom: 0%;
}
.flipclock-t1 {
    color: #fff;
    font-size: 25px;
    background: #4c4c4c8a;
    padding: 0px 5px;
     
}

.mr-left-right {
  margin-left:0px !important;
  margin-right: 0px !important;
}



/* Lucky 7 */

@media (max-width: 767px){
  .lucky7-bhav{
    font-size: 20px !important;
  }
  .lucky7-main-bhav-card{
	display: inline-grid;
	  margin: 5px 13px !important;
	}
	.lucky7-main-bhav-card  .card-img {
		height:50px !important;
	}
}
.lucky7-main{
width: 100%;
text-align: center;
margin-bottom: 5px;
background: white;
padding: 12px 0;
border: 4px solid #fae700;
display:flex;
}
.lucky7-main-bhav{
  display: inline-grid;
}

.lucky7-main-bhav-card {
    display: inline-grid;
    margin: 3px 0px;
}
.lucky7-main-bhav-card .card-img {
	height:50px;
}
.lucky7-main-bhav span{
  font-size: 16px;
  
}

.lucky7-bhav{
  background: #098495;
  font-size: 20px;
  color: #fff;
  display: flex;
  padding:5px;
  justify-content: center;
  align-items: center;
}
.lucky7-bhav img{
  height: 20px;
}

.card-icon {
  font-family: Card Characters !important;
  display: inline-block;
}
/* end Lucky 7 */


.rules-btn{
    position: absolute;
    right: 10px;
    color: #fff;
    background: #76767600;
    border: 0;
}

 



@media (max-width: 767px){
 
.ab2-main { 
	width:100% !important;
}
.live-str{
	height:220px;
	border: 0px solid black;
}
.casino{
	margin: 0 0px !important;
	    padding-bottom: 60px;
}

.casino .match-box{
	border-bottom: 0px solid #dfdfdf !important; 
    border-top: 1px solid #dfdfdf !important;
     border-left: 0px solid #ececec !important; 
     border-radius: 0px !important; 
     border-right: 0px solid #ececec !important;    
}
 
}


/*AAA*/
.casino-profit-text{
	color: rgb(0, 0, 0);
    font-weight: 700;
}
.aaa-bhav{
    display: flex;
}

.lay {
    /* background-color: #FAA9BA; */
    background-color: #F8C8D4;
}
.back {
    /* background-color: #72bbef; */
    background-color: #A7D9FE;
}


 

.dt-second-card {
	left : 50px !important;
}


/* dashboard casino block*/

.live-games-heading-block {
    background: #2a2a2a;
    padding: 5px;
    margin: 5px 0px;
}
.live-games-heading-txt {
    color: #fff;
    font-weight: 700;
}

.casino-img {
     width: 95%;
}

.casino-img-home {
    height: auto;
    border-radius: 10px;
    height: 90px;
    width: 90px;
    margin: auto;
    object-fit: cover;
}

@media (max-width: 767px){
.casino-img {
    height: auto;
}
.casino-img-home {
    height: auto;
    border-radius: 10px;
    height: 90px;
    width: 90px;
    margin: auto;
    object-fit: cover;
}
}
.padding-lr-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 5px;
}

.game-text {
    background: #fff0;
    text-align: center;
    font-weight: 700;
    color: #2a2a2a;
}

.padding-lr-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.blink{
  position:absolute;
  right:0;
  width:40px;
  height: 40px;
  background-color: magenta;
  padding: 10px 0px;	
   line-height: 10px;
  border-radius:50px;
  text-align:center;
  animation: blink 1s linear infinite;

}
.blink-txt{
  font-size: 8px;
  color: white;
}
@keyframes blink {
0% {
  background: #c2e884
}
20% {
  background: #c2e884
}
40% {
  background: #ff7f00
}
60% {
  background: #ff7f00
}
80% {
  background: #36cb3b
}
100% {
  background:#36cb3b
}
}


.checkmarkAnimation {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 0 auto;
  -webkit-box-shadow: inset 0px 0px 0px #28a745;
          box-shadow: inset 0px 0px 0px #28a745;
  -webkit-animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
          animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmarkAnimation .checkmarkAnimation-circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #28a745;
  fill: none;
  -webkit-animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
          animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmarkAnimation .checkmarkAnimation-check {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  -webkit-animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
          animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@-webkit-keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes scale {
  0%, 100% {
    -webkit-transform: none;
            transform: none;
  }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
            transform: scale3d(1.1, 1.1, 1);
  }
}

@keyframes scale {
  0%, 100% {
    -webkit-transform: none;
            transform: none;
  }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
            transform: scale3d(1.1, 1.1, 1);
  }
}

@-webkit-keyframes fill {
  100% {
    -webkit-box-shadow: inset 0px 0px 0px 30px #28a745;
            box-shadow: inset 0px 0px 0px 30px #28a745;
  }
}

@keyframes fill {
  100% {
    -webkit-box-shadow: inset 0px 0px 0px 30px #28a745;
            box-shadow: inset 0px 0px 0px 30px #28a745;
  }
}
/* RUN99 game logo shake wiggle */
@keyframes run99-shake{
  0%,100%{transform:rotate(0deg)}
  2%{transform:rotate(-5deg)}
  4%{transform:rotate(4deg)}
  6%{transform:rotate(-3deg)}
  8%{transform:rotate(2deg)}
  10%{transform:rotate(-1deg)}
  12%{transform:rotate(0deg)}
}
.casino-img-home,.casino-img{
  transform-origin:50% 90%;
  animation:run99-shake 3.2s ease-in-out infinite;
  will-change:transform;
}
.casino-img-home:nth-child(2n),.gamesList .col-4:nth-child(2n) .casino-img-home{animation-delay:.4s}
.gamesList .col-4:nth-child(3n) .casino-img-home{animation-delay:.8s}
.gamesList .col-4:nth-child(4n) .casino-img-home{animation-delay:1.2s}
.gamesList .col-4:nth-child(5n) .casino-img-home{animation-delay:1.6s}
.gamesList .col-6:nth-child(2n) .casino-img{animation-delay:.5s}
.gamesList .col-6:nth-child(3n) .casino-img{animation-delay:1s}
@media (prefers-reduced-motion: reduce){
  .casino-img-home,.casino-img{animation:none}
}

/* RUN99: ochre/mustard section bars + border underlays -> black */
.live-games-heading-block{background:#000 !important}
.table_tittle{background:#000 !important}
#UpCommingData{background:#000 !important}

/* ============================================================
   RUN99 LOGIN REDESIGN — dark premium casino, gold accents
   ============================================================ */
.login_container{
  background:#0a0a12 !important;
  position:relative;
  overflow:hidden;
}
/* animated radial glows */
.login_container::before,
.login_container::after{
  content:"";
  position:absolute;
  width:60vmax;height:60vmax;
  border-radius:50%;
  pointer-events:none;
  filter:blur(10px);
  opacity:.35;
  z-index:0;
}
.login_container::before{
  background:radial-gradient(circle,rgba(212,175,55,.55) 0%,rgba(212,175,55,0) 65%);
  top:-22vmax;left:-18vmax;
  animation:run99-lglow 11s ease-in-out infinite alternate;
}
.login_container::after{
  background:radial-gradient(circle,rgba(124,28,92,.5) 0%,rgba(124,28,92,0) 65%);
  bottom:-24vmax;right:-20vmax;
  animation:run99-rglow 13s ease-in-out infinite alternate;
}
@keyframes run99-lglow{
  0%{transform:translate3d(0,0,0) scale(1)}
  100%{transform:translate3d(6vmax,5vmax,0) scale(1.18)}
}
@keyframes run99-rglow{
  0%{transform:translate3d(0,0,0) scale(1.05)}
  100%{transform:translate3d(-6vmax,-4vmax,0) scale(1)}
}
/* faint diagonal pattern */
.login_wrapper-bg{
  background:
    repeating-linear-gradient(135deg,rgba(255,255,255,.022) 0 2px,transparent 2px 9px) !important;
  position:relative;
  z-index:1;
}
/* ---------- card ---------- */
.login_wrapper-bg > .lazy-container-login,
.lazy-container-login{
  position:relative !important;
  z-index:2 !important;
  width:390px !important;
  max-width:calc(100vw - 30px) !important;
  padding:30px 28px 24px !important;
  background:linear-gradient(160deg,rgba(24,22,32,.94) 0%,rgba(12,12,20,.97) 100%) !important;
  border:1px solid rgba(212,175,55,.34) !important;
  border-radius:18px !important;
  box-shadow:0 24px 70px rgba(0,0,0,.72),0 0 0 1px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.06) !important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  animation:run99-pop .5s cubic-bezier(.2,.9,.3,1.2) both;
}
@keyframes run99-pop{
  0%{opacity:0;transform:translateY(22px) scale(.965)}
  100%{opacity:1;transform:none}
}
/* top gold hairline */
.lazy-container-login::before{
  content:"";
  position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,transparent 0%,#d4af37 20%,#f7e08a 50%,#d4af37 80%,transparent 100%);
  border-radius:18px 18px 0 0;
  pointer-events:none;
}
/* ---------- brand row ---------- */
.lazy-container-login img[src*="run99.png"]{
  height:64px !important;
  width:auto !important;
  filter:drop-shadow(0 3px 10px rgba(212,175,55,.45));
  animation:run99-logoIn .7s ease both .12s;
}
@keyframes run99-logoIn{
  0%{opacity:0;transform:translateY(-10px) scale(.94)}
  100%{opacity:1;transform:none}
}
/* ---------- inputs ---------- */
.input_box{
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:11px !important;
  overflow:hidden !important;
  background:rgba(255,255,255,.045) !important;
  margin:14px 0 0 !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
  transition:border-color .18s,box-shadow .18s,background .18s;
}
.input_box:focus-within{
  border-color:rgba(212,175,55,.75) !important;
  box-shadow:0 0 0 3px rgba(212,175,55,.16) !important;
  background:rgba(212,175,55,.06) !important;
}
.input_box i{
  background:transparent !important;
  color:#d4af37 !important;
  padding:13px 12px !important;
  font-size:15px !important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));
}
.input_box input[type=text],
.input_box input[type=password]{
  background:transparent !important;
  color:#f2f0ea !important;
  font-size:14px !important;
  letter-spacing:.4px;
  padding:13px 8px !important;
  caret-color:#d4af37;
}
.input_box input::placeholder{color:rgba(242,240,234,.42)}
.input_box input:-webkit-autofill,
.input_box input:-webkit-autofill:hover,
.input_box input:-webkit-autofill:focus{
  -webkit-text-fill-color:#f2f0ea !important;
  -webkit-box-shadow:0 0 0 1000px rgba(20,20,30,1) inset !important;
  transition:background-color 9999s ease-in-out 0s;
}
/* ---------- submit ---------- */
.lazy-container-login .submit,
form#login-form .btn-success{
  background:linear-gradient(135deg,#d4af37 0%,#f7e08a 48%,#b8860b 100%) !important;
  color:#201803 !important;
  border:none !important;
  border-radius:11px !important;
  font-size:16px !important;
  font-weight:800 !important;
  letter-spacing:1.2px !important;
  padding:12px 8px !important;
  margin-top:18px !important;
  box-shadow:0 8px 22px rgba(212,175,55,.28) !important;
  transition:transform .14s,box-shadow .14s,filter .14s;
}
.lazy-container-login .submit:hover,
form#login-form .btn-success:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 28px rgba(212,175,55,.42) !important;
  filter:brightness(1.06);
}
.lazy-container-login .submit:active,
form#login-form .btn-success:active{transform:translateY(1px) scale(.99)}
/* error msg */
form#login-form > span{
  display:block;
  text-align:center;
  margin-top:12px;
  font-size:12.5px;
  letter-spacing:.3px;
  color:#ffb4b4 !important;
  text-shadow:0 1px 4px rgba(0,0,0,.7);
}
/* ---------- mobile ---------- */
@media (max-width:560px){
  .lazy-container-login{width:calc(100vw - 26px) !important;padding:24px 18px 20px !important;border-radius:15px !important}
  .lazy-container-login img[src*="run99.png"]{height:54px !important}
}
@media (prefers-reduced-motion: reduce){
  .login_container::before,.login_container::after,
  .lazy-container-login,.lazy-container-login img[src*="run99.png"]{animation:none}
}

/* ================================================================
   RUN99 GLOBAL THEME — dark premium casino, gold accents
   Login page ke design ko poori site pe extend karta hai.
   Layer last me hai isliye !important use kiya hai (origin CSS
   specificity se bachne ke liye), per carefully scoped hai.
   ================================================================ */

/* ---------- ROOT SURFACES ---------- */
html,body{
  background:#0b0b14 !important;
  color:#f2f0ea !important;
  -webkit-font-smoothing:antialiased;
}
/* jitne bhi white containers (sidenav, tab-content, cards) */
.wrapper,.main-wrapper,.container,.main-content,.tab-content,
.side-inner,.left-side,.left-side .dropdown-menu,
.modal-content,.modal-body,.modal-header,.card,.panel,.panel-body,
.passbookTable,.table-responsive,.dashboard,.content-wrapper{
  background:#12121c !important;
  color:#f2f0ea !important;
}
/* sidenav border/tabs */
.left-side{border-top:4px solid #d4af37 !important;box-shadow:4px 0 18px rgba(0,0,0,.5) !important}
.left-side .nav-tabs{border-bottom:2px solid rgba(212,175,55,.5) !important}
.left-side .nav-tabs>li>a{background:#1b1b28 !important;color:#c9c6bd !important}
.left-side .nav-tabs>li.active>a,
.left-side .nav-tabs>li.active>a:focus,
.left-side .nav-tabs>li.active>a:hover{background:#26222f !important;color:#f7e08a !important}
.left-side .dropdown{border-bottom:1px solid rgba(255,255,255,.07) !important}
.left-side .dropdown-toggle{color:#e8e5dc !important}
.left-side .dropdown-toggle:hover{background:rgba(212,175,55,.08) !important}
.left-side .dropdown-menu{background:#171722 !important;box-shadow:none !important}
.left-side .dropdown-menu>li>a{color:#b8b5ac !important}
.left-side .dropdown-menu>li>a:hover{color:#f7e08a !important;background:rgba(212,175,55,.1) !important}
.left-side input{background:#1b1b28 !important;color:#f2f0ea !important;box-shadow:0 0 0 1px rgba(212,175,55,.25) inset !important}
.left-side input::placeholder{color:rgba(242,240,234,.4) !important}

/* ---------- HEADER (dark + gold) ---------- */
header,.bg-blue header,.bg-green header,.bg-black header,.bg-darkgreen header,
.bg-yellow header,.bg-olive header,.bg-orange header{
  background:#101018 !important;
  border-bottom:1px solid rgba(212,175,55,.28) !important;
}
.header-inner{background:transparent !important}
.logo img{filter:drop-shadow(0 2px 6px rgba(212,175,55,.4))}
.mike{background:transparent !important}
.mike .marquee{background:rgba(212,175,55,.1) !important;color:#f7e08a !important;border-radius:30px}
.mike .marquee-track{color:#f7e08a !important;text-shadow:0 1px 3px rgba(0,0,0,.7)}
.balancewallet a{color:#f7e08a !important;font-weight:700}
.right_user-menu .label-user{background:#1b1b28 !important;color:#f7e08a !important;border-bottom:1px solid rgba(212,175,55,.25) !important}
.right_user-menu .label-user a{color:#f2f0ea !important}
.right_user-menu .dropdown-menu{background:#171722 !important;border:1px solid rgba(212,175,55,.25) !important;box-shadow:0 14px 40px rgba(0,0,0,.6) !important}
.right_user-menu .dropdown-menu>li>a{color:#e8e5dc !important}
.right_user-menu .dropdown-menu>li>a:hover{background:rgba(212,175,55,.12) !important;color:#f7e08a !important}
.mobile-belance{color:#f7e08a !important;font-weight:700}
.mikemobile{background:transparent !important}
.mikemobile marquee{color:#f7e08a !important;background:rgba(212,175,55,.12) !important;border-radius:30px}

/* top menu bar (desktop nav) */
#cssmenu>ul>li>a,#cssmenu ul li a{color:#e8e5dc !important}
#cssmenu>ul>li:hover>a,#cssmenu ul li.active>a,#cssmenu ul li.has-sub.active:hover>a{
  background:linear-gradient(180deg,rgba(212,175,55,.22),rgba(212,175,55,.1)) !important;color:#f7e08a !important
}
#cssmenu ul ul li{background:#171722 !important}
#cssmenu ul ul li a{color:#c9c6bd !important}
#cssmenu ul ul li a:hover{background:rgba(212,175,55,.12) !important;color:#f7e08a !important}

/* ---------- BOTTOM NAV (mobile) ---------- */
.header .bottom-nav{
  background:linear-gradient(180deg,#14141f,#0c0c14) !important;
  border-top:1px solid rgba(212,175,55,.35) !important;
  box-shadow:0 -4px 18px rgba(0,0,0,.5) !important;
}
.header .bottom-nav-item{color:#b8b5ac !important}
.bottom-nav .bottom-nav-item a{color:#c9c6bd !important}
.header .bottom-nav .active a{color:#f7e08a !important;text-shadow:0 0 12px rgba(212,175,55,.5)}
.header .bottom-nav-item a:hover{color:#f7e08a !important}

/* ---------- TYPOGRAPHY / LINKS ---------- */
a{color:#f7e08a}
a:hover{color:#ffe9a8}
h1,h2,h3,h4,h5,.tittle,.table_tittle,.heading{color:#f2f0ea !important}
p,span,li,td,th,label{color:#d9d6cd}

/* ---------- TABLES ---------- */
table,table td,table th{color:#e8e5dc !important;border-color:rgba(255,255,255,.08) !important}
table thead th,table th{
  background:#1b1b28 !important;color:#f7e08a !important;border-color:rgba(212,175,55,.2) !important
}
table tbody tr:nth-child(odd){background:rgba(255,255,255,.025) !important}
table tbody tr:nth-child(even){background:rgba(255,255,255,.05) !important}
table tbody tr:hover{background:rgba(212,175,55,.08) !important}
.passbookTable{background:#12121c !important}
.passbookTable table tr.odd{background:rgba(212,175,55,.07) !important;border-left:6px solid #57bb63 !important}
.passbookTable table tr.even{background:rgba(255,255,255,.05) !important;border-left:6px solid #db4437 !important}
.passbookTable table tr.even:hover{background:rgba(219,68,55,.18) !important}
.passbookTable table tr.odd:hover{background:rgba(87,187,99,.18) !important}

/* ---------- CARDS / SECTIONS / HEADINGS ---------- */
.live-games-heading-block,.table_tittle,#UpCommingData,.match-odds-tittle,.mod-header,.title_popup,.match_count{
  background:linear-gradient(90deg,#1b1b28 0%,#171722 60%,#1b1b28 100%) !important;
  color:#f7e08a !important;border-bottom:1px solid rgba(212,175,55,.25) !important
}
.match-odds-tittle,.mod-header,.title_popup{color:#f7e08a !important}
.card,.panel{background:#15151f !important;border:1px solid rgba(255,255,255,.07) !important;border-radius:12px !important}
.well,.well-sm{background:#15151f !important;border:1px solid rgba(255,255,255,.07) !important;color:#d9d6cd !important}

/* ---------- ODDS BUTTONS (back/lay) ---------- */
.odds-item,.odds-button,.back-btn,.lay-btn,.bet-btn{
  background:#1b1b28 !important;color:#f2f0ea !important;border:1px solid rgba(255,255,255,.09) !important;border-radius:8px !important
}
.odds-item:hover,.odds-button:hover{border-color:rgba(212,175,55,.5) !important;background:#22202e !important}
.btn-default{background:#1b1b28 !important;color:#f2f0ea !important;border:1px solid rgba(255,255,255,.12) !important}
.btn-default:hover{background:#22202e !important;color:#f7e08a !important;border-color:rgba(212,175,55,.4) !important}
.btn-primary{background:linear-gradient(135deg,#d4af37,#b8860b) !important;color:#201803 !important;border:none !important;font-weight:700 !important}
.btn-primary:hover{filter:brightness(1.08) !important}
.btn-success{background:linear-gradient(135deg,#d4af37 0%,#f7e08a 48%,#b8860b 100%) !important;color:#201803 !important;border:none !important;font-weight:800 !important}
.btn-danger{background:#3a1018 !important;color:#ff9d9d !important;border:1px solid rgba(219,68,55,.5) !important}
.btn-warning{background:#3a2c08 !important;color:#f7e08a !important;border:1px solid rgba(212,175,55,.4) !important}
.btn-info{background:#0f2436 !important;color:#9fd8ff !important;border:1px solid rgba(90,160,220,.4) !important}

/* ---------- FORMS ---------- */
input[type=text],input[type=password],input[type=number],input[type=tel],
input[type=email],input[type=search],select,textarea{
  background:#1b1b28 !important;color:#f2f0ea !important;border:1px solid rgba(255,255,255,.12) !important;border-radius:8px !important
}
input:focus,select:focus,textarea:focus{border-color:rgba(212,175,55,.6) !important;box-shadow:0 0 0 3px rgba(212,175,55,.14) !important;outline:none !important}
input::placeholder,textarea::placeholder{color:rgba(242,240,234,.4) !important}
.form-control{background:#1b1b28 !important;color:#f2f0ea !important;border:1px solid rgba(255,255,255,.12) !important}
.form-control:focus{border-color:rgba(212,175,55,.6) !important;box-shadow:0 0 0 3px rgba(212,175,55,.14) !important}

/* ---------- MODALS / POPUPS ---------- */
.modal-content{background:#15151f !important;border:1px solid rgba(212,175,55,.3) !important;border-radius:14px !important;box-shadow:0 24px 70px rgba(0,0,0,.7) !important}
.modal-header{border-bottom:1px solid rgba(212,175,55,.25) !important;background:#12121c !important}
.modal-header .modal-title{color:#f7e08a !important}
.modal-body{background:#181822 !important;color:#f2f0ea !important}
.modal-footer{border-top:1px solid rgba(255,255,255,.08) !important;background:#12121c !important}
.modal-body label,.modal-body span,.modal-body p,.modal-body li,.modal-body td,.modal-body th{color:#e8e6dc !important}
.modal-footer .btn{color:#f2f0ea !important}
.modal-backdrop.show{opacity:.75 !important;background:#000 !important}
.close{color:#f2f0ea !important;text-shadow:none !important;opacity:.7 !important}
.close:hover{opacity:1 !important;color:#f7e08a !important}

/* ---------- BET SLIP / BET AREA ---------- */
.bet-slip-box,.right-bet-content,.bet-table{background:#12121c !important;color:#f2f0ea !important}
.right-bet-content .mod-header{background:#1b1b28 !important}
.right-bet-content iframe{background:#0b0b14 !important}

/* ---------- CRICKET MATCH PAGE (MSPosition): white bg pe BLACK text, NO shadow ---------- */
/* user report: match click ke baad niche text BLACK chahiye, text-shadow hatao */
/* SCOPE: #UpCommingData = homepage matches list (wo WHITE text + black gradient
   bg rakhti hai — usko exclude kiya). Match detail page = baaki match-content.
   .accountste (My Ledger / Statements / Passbook) BHI EXCLUDE — wo dark theme,
   is rule ne uska text black kar diya tha. */
.match-content:not(#UpCommingData):not(.accountste){
  background:#ffffff !important;
}
/* A2: casino/game card text (CASINO, CRICKET, Aviator, Matka...) — black rule se
   exclude; origin cards ka text white chahiye dark card bg pe */
.match-content:not(#UpCommingData):not(.accountste) *:not(.game-text):not(.live-games-heading-txt):not(.event-name):not(.in_play){
  color:#000 !important;
  text-shadow:none !important;
}
.match-content .game-text,
.match-content .live-games-heading-txt{
  color:#fff !important;
  text-shadow:none !important;
}
/* A2b: match card team/date/inplay badge — .event-name leaf text + status badge
   (same black rule ka part, class-less leaves). A2c: React baki match text bhi
   class-less render karta hai (div team-name, time date) — sab white dark card pe.
   NOTE: black rule `.match-content:not(#UpCommingData):not(.accountste) *` (spec 0,2,2)
   #UpCommingData wale white rules (0,1,1) ko specificity se hara deta tha.
   Isliye yaha #UpCommingData INSIDE-scope white rules — same ya zyada specificity,
   source order me baad me. */
.match-content .event-name,
.match-content .event-name *,
.match-content .in_play,
.match-content:not(#UpCommingData):not(.accountste) .match-box div,
.match-content:not(#UpCommingData):not(.accountste) .match-box time,
.match-content:not(#UpCommingData):not(.accountste) .match-box span{
  color:#fff !important;
  text-shadow:none !important;
}
.match-content:not(#UpCommingData) .match-box,
.match-content:not(#UpCommingData) .tabel-scroll-2,
.match-content:not(#UpCommingData) .balance-panel,
.match-content:not(#UpCommingData) .balance-panel-body,
.match-content:not(#UpCommingData) .inner-bet-section,
.match-content:not(#UpCommingData) .bet-box_inner,
.match-content:not(#UpCommingData) .bet-box-footer,
.match-content:not(#UpCommingData) .odds-stake-box,
.match-content:not(#UpCommingData) .fancy_div,
.match-content:not(#UpCommingData) .fancy-rows.list-item,
.match-content:not(#UpCommingData) .heading_user_table,
.match-content:not(#UpCommingData) .table-responsive.sports-tabel{
  background:#ffffff !important;
}
/* gradient headers: gold bg pe WHITE text (apna style) — shadow hatao */
.match-content:not(#UpCommingData) .marketTitle,
.match-content:not(#UpCommingData) .marketTitle *,
.match-content:not(#UpCommingData) .match-name-team,
.match-content:not(#UpCommingData) .mod-header,
.match-content:not(#UpCommingData) .mod-header *,
.match-content:not(#UpCommingData) .back_heading_color,
.match-content:not(#UpCommingData) .lay_heading_color,
.match-content:not(#UpCommingData) .table_tittle,
.match-content:not(#UpCommingData) .table_tittle *{
  color:#fff !important;text-shadow:none !important;
}
/* odds/stake values */
.match-content:not(#UpCommingData) .items.odds{color:#0b7a3b !important}
.match-content:not(#UpCommingData) .items.stake{color:#c0392b !important}
/* striped table rows */
.match-content:not(#UpCommingData) .table-striped>tbody>tr:nth-of-type(odd),
.match-content:not(#UpCommingData) .table-hover>tbody>tr:hover{background:#f4f6f9 !important}
.match-content:not(#UpCommingData) .table-bordered,
.match-content:not(#UpCommingData) .table-bordered td,
.match-content:not(#UpCommingData) .table-bordered th{
  border-color:#d8d8d8 !important;
}

/* ---------- A1: MATCH PAGE premium gradient + card shadows ---------- */
/* flat white -> subtle warm gradient + cards with shadow + rounded corners */
/* SCOPE NOTE: .accountste pages (My Ledger/Statements) EXCLUDED — wo dark theme rakhte hain */
.match-content:not(#UpCommingData):not(.accountste){
  background:linear-gradient(180deg,#fdfdfd 0%,#f6f3ea 100%) !important;
}
.match-content:not(#UpCommingData):not(.accountste) .match-box,
.match-content:not(#UpCommingData):not(.accountste) .tabel-scroll,
.match-content:not(#UpCommingData):not(.accountste) .balance-panel,
.match-content:not(#UpCommingData):not(.accountste) .balance-panel-body,
.match-content:not(#UpCommingData):not(.accountste) .bet-box_inner,
.match-content:not(#UpCommingData):not(.accountste) .fancy_div{
  border-radius:12px !important;
  box-shadow:0 3px 12px rgba(60,50,20,.10) !important;
  border:1px solid #e8e2d0 !important;
}

/* ---------- B3: STICKY SCORE HEADER ---------- */
/* scroll karte time score header top pe chipak jaye — score hamesha visible */
.match-content:not(#UpCommingData):not(.accountste) .score-header,
.match-content:not(#UpCommingData):not(.accountste) .match-name-team,
.match-content:not(#UpCommingData):not(.accountste) .live-games-heading-block{
  position:sticky !important;
  top:0 !important;
  z-index:50 !important;
}

/* ---------- C3: toast ki styling (JS inline use karta hai, ye backup) ---------- */
#run99-toast{font-family:inherit !important}

/* ---------- B1: ADMIN SIDEBAR mobile icon-collapse ---------- */
/* <768px: sidebar icons-only rail, 44px touch targets, body margin adjust */
@media (max-width:767px){
  .sidebar,.sidebarnav{
    width:58px !important;min-width:58px !important;
    overflow:visible !important;
  }
  .sidebar .grp-label,.sidebar .nav-label,.sidebar .grp>span,
  .sidebar .side-text,.sidebar .sidebarnav span:not(.icon){
    display:none !important;
  }
  .sidebar .grp,.sidebar .nav-item,.sidebar a{
    min-height:44px !important;height:44px !important;
    display:flex !important;align-items:center !important;justify-content:center !important;
  }
  /* submenu icons-only column, overlap fix */
  .sidebar .grp-sub{
    position:fixed !important;left:58px !important;top:0 !important;bottom:0 !important;
    width:180px !important;z-index:9999 !important;
    box-shadow:4px 0 18px rgba(0,0,0,.5) !important;
  }
  /* content ko rail ke liye shift */
  .main-wrap,.admin-body,.content{margin-left:58px !important}
}
/* hover pe full labels wapas (desktop-style peek) */
@media (max-width:767px){
  .sidebar:hover,.sidebarnav:hover{width:200px !important;min-width:200px !important}
  .sidebar:hover .grp-label,.sidebar:hover .nav-label,.sidebar:hover .grp>span,
  .sidebar:hover .side-text,.sidebar:hover .sidebarnav span:not(.icon){
    display:inline !important;
  }
}

/* ---------- B2: BET SLIP mobile bottom-sheet ---------- */
/* desktop: right sticky panel (unchanged). mobile: slide-up bottom sheet */
@media (max-width:767px){
  #betSidenav,.betsidenav{
    position:fixed !important;
    left:0 !important;right:0 !important;bottom:0 !important;top:auto !important;
    max-height:62vh !important;
    border-radius:14px 14px 0 0 !important;
    box-shadow:0 -6px 24px rgba(0,0,0,.55) !important;
    z-index:9998 !important;
    overflow-y:auto !important;
  }
  /* drag handle indicator */
  #betSidenav::before,.betsidenav::before{
    content:"";display:block;height:5px;width:44px;margin:6px auto 0;
    border-radius:3px;background:rgba(255,255,255,.28);
  }
  .mod-header.tab_bets.betsheading{
    position:sticky !important;top:0 !important;z-index:2 !important;
  }
}

/* ---------- HOMEPAGE matches list (#UpCommingData): WHITE text on DARK tiles ---------- */
/* user: "matches list white kardo, uska background black hai" — tiles dark + WHITE text */
#UpCommingData,#UpCommingData *{
  color:#fff !important;
  text-shadow:none !important;
}

/* ---------- LEDGER / STATEMENTS / PASSBOOK pages (accountste): WHITE text ---------- */
/* user: "myledger or statement ke andar jo text hai wo white kardo, background black hai" */
/* React bundle inlines style:{color:"black"} on td/th — !important se override karna padta hai.
   Pages: My Ledger, Account Statements, Profit/Loss, Passbook, Bet History, Completed Fancy */
.accountste,.accountste.match-content{background:#15151f !important}
.accountste .table_tittle,
.accountste .live-games-heading-block{
  background:linear-gradient(to right,#8A6E3D,#DBAE3F) !important;
  color:#fff !important;text-shadow:none !important;
}
.accountste .table>thead>tr{
  background:#0d0d15 !important;color:#f2f0ea !important;
}
/* saare cells — MAX specificity taaki React inline style:{color:"black"} bhi ho jaye */
/* (inline style specificity 1,0,0,0 hoti hai, par !important usko harata hai;
   dono !important ho to specificity + source order decide karta hai) */
.accountste table.table>tbody>tr>td,
.accountste table.table>thead>tr>th,
.accountste table.table>tbody>tr>td *,
.accountste table.table>thead>tr>th *,
.accountste td,
.accountste th,
.accountste td *,
.accountste th *,
.accountste .appendAjaxTbl *,
.accountste .table-responsive *,
.accountste a,.accountste a span,.accountste a *{
  color:#f2f0ea !important;
  text-shadow:none !important;
}
/* P&L color coding rakhni hai: credit green, debit red, balance green/red */
.accountste td[style*="green"],.accountste td[style*="red"]{color:#e8e6dc !important}
.accountste .green{color:#2ecc71 !important}
.accountste .red{color:#ff6b6b !important}
/* table borders dark pe visible */
.accountste .table-bordered,.accountste .table-bordered td,.accountste .table-bordered th{
  border-color:#2c2c3a !important;
}
.accountste .table-striped>tbody>tr:nth-of-type(odd),
.accountste .table-hover>tbody>tr:hover{background:#1c1c28 !important}
#UpCommingData .tabel-scroll{
  background:#15151f !important;
  border:1px solid rgba(212,175,55,.25) !important;
  border-radius:10px !important;
}
#UpCommingData .tabel-scroll *,
#UpCommingData .market-listing-table *,
#UpCommingData .open_bets-table *{
  color:#fff !important;
  text-shadow:none !important;
}
#UpCommingData .tabel-scroll tr:hover *,
#UpCommingData .market-listing-table tr:hover *{
  background:#1e1e2c !important;
}
#UpCommingData .live-games-heading-block,
#UpCommingData .live-games-heading-txt{color:#fff !important}

/* A2c-b: CRICKET section — match cards #UpCommingData (div) .match-content
   (section) ke ANDAR hain. Black rule `.match-content:not(#UpCommingData):not
   (.accountste) *` specificity (1,2,1) deta hai (:not ka arg count hota hai),
   isliye simple `#UpCommingData *` (1,0,0) har jata tha. Fix: black rule ka
   selector mirror karo + #UpCommingData add => (2,2,1) = guaranteed WIN.
   (revert: block delete, v24 pe wapas) */
.match-content:not(#UpCommingData):not(.accountste) #UpCommingData *,
.match-content:not(#UpCommingData):not(.accountste) #UpCommingData .event-name,
.match-content:not(#UpCommingData):not(.accountste) #UpCommingData .in_play{
  color:#fff !important;
  text-shadow:none !important;
}

/* ---------- SCROLLBARS ---------- */
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#0e0e16}
::-webkit-scrollbar-thumb{background:#2c2a38;border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:#d4af37}

/* ---------- SELECTION ---------- */
::selection{background:rgba(212,175,55,.35);color:#fff}

/* ---------- PROFIT/LOSS COLORS (preserve meaning) ---------- */
.text-success,.green,.profit{color:#4ade80 !important}
.text-danger,.red,.loss{color:#ff8a8a !important}
.text-warning,.yellow{color:#f7e08a !important}
.text-muted{color:#9a978e !important}

/* ---------- PNOTIFY (toasts) ---------- */
.ui-pnotify{background:#15151f !important;border:1px solid rgba(212,175,55,.3) !important;color:#f2f0ea !important;border-radius:10px !important;box-shadow:0 12px 34px rgba(0,0,0,.6) !important}
.ui-pnotify .ui-pnotify-title{color:#f7e08a !important}

/* ---------- SAFETY: images & icons never washed out ---------- */
img{background:transparent !important}
.fa,.fas,.far{color:inherit}

/* ---------- GLOBAL THEME SAFETY PASS ---------- */
/* white HTML/body overrides ke baad bhi bachne wale light surfaces */
div[class*="white"],div[class*="White"],
.bg-white,.bg-light,#whiteBox,.whiteBox,.content-bg,.main-bg,
.app-content,.page-content,.inner-content,.body-content,
.table_tittle,.match-odds-tittle,.mod-header,.title_popup,.match_count,
.tab-pane,.tab-content>.active,.fade.show,
.dashboard,.content,.wrapper>.container>.row>div{
  background:#12121c !important;color:#f2f0ea !important;
}
/* list rows, menu rows, dropdowns, popovers, tooltips */
li,ul,dl,.list-group-item,.dropdown-menu,.popover,.tooltip-inner,
.nav-tabs>li>a,.nav-pills>li>a,.breadcrumb,.pagination>li>a,.pagination>li>span,
.badge,.label,.chip,.tag,.alert{
  background-color:transparent !important;color:#e8e5dc !important;
}
.list-group-item,.dropdown-menu,.popover{
  background:#171722 !important;border-color:rgba(255,255,255,.08) !important;
}
.nav-tabs{border-bottom:1px solid rgba(212,175,55,.3) !important}
.nav-tabs>li.active>a,.nav-pills>li.active>a{background:#22202e !important;color:#f7e08a !important;border-color:rgba(212,175,55,.3) !important}
.pagination>li>a:hover,.list-group-item:hover,.dropdown-menu>li>a:hover{background:rgba(212,175,55,.12) !important;color:#f7e08a !important}
.badge,.label,.chip,.tag{background:rgba(212,175,55,.15) !important;color:#f7e08a !important}
.alert{border:1px solid rgba(255,255,255,.1) !important;border-radius:10px !important}
.alert-info{background:#0f2436 !important;color:#9fd8ff !important}
.alert-success{background:#0e2b1a !important;color:#7ee2a8 !important}
.alert-danger{background:#331016 !important;color:#ff9d9d !important}
.alert-warning{background:#33280a !important;color:#f7e08a !important}
/* SVG icons / inline shapes */
svg path,svg circle,svg rect{fill:currentColor}
/* horizontal rules, dividers */
hr,.divider{border-color:rgba(255,255,255,.1) !important;background:transparent !important}

/* ---------- CONTRAST FIXES (verified dark-on-dark cases) ---------- */
/* cricket/election event names in sports menu (homepage list, black bg) — WHITE, NO shadow */
.event-name,.event-name a{
  color:#ffffff !important;
  text-shadow:none !important;
}
.event-name:hover,.event-name a:hover{color:#f7e08a !important}
/* CRASH aviator chip text */
.chip,.badge-danger,.text-red{color:#ff8a8a !important}

/* CRASH chip: bright red on pure black - lift it */
.chip{background:rgba(255,43,67,.14) !important;border:1px solid rgba(255,90,110,.45) !important;border-radius:8px !important;padding:2px 8px !important}

/* ---------- TABLES: white -> dark (Ledger / Statements / Exposure) ---------- */
table.table,table.table-bordered,table.table-hover,
table.table>tbody,table.table>thead,table.table>tfoot,
table.table>tbody>tr,table.table>thead>tr,table.table>tfoot>tr,
table.table>tbody>tr>td,table.table>thead>tr>th,table.table>tfoot>tr>td,
thead,tfoot,thead tr,tbody tr,tfoot tr,thead th,tbody td,tfoot td{
  background:#15151f !important;
  color:#e8e5dc !important;
  border-color:rgba(255,255,255,.08) !important;
}
table.table thead th,table.table>thead>tr>th,
thead th,thead tr{
  background:#1e1e2c !important;
  color:#f7e08a !important;
  border-color:rgba(212,175,55,.22) !important;
  font-weight:700 !important;
}
table.table-hover>tbody>tr:hover,
table.table-bordered>tbody>tr:hover,
tbody tr:hover{
  background:#22202e !important;
  color:#f2f0ea !important;
}
table.table-striped>tbody>tr:nth-of-type(odd){
  background:rgba(255,255,255,.03) !important;
}
/* any residual gray header cells */
th[style*="background"],td[style*="background"]{background:#1e1e2c !important;color:#f7e08a !important}

/* ---------- CHANGE PASSWORD: labels dark -> light ---------- */
.pwdlable,.pwdlabel{color:#c9c6bd !important;font-weight:600 !important}
.pwdlable:hover{color:#f7e08a !important}
/* change-password input wrapper, keep inputs dark */
.resetPassword-button{margin-top:6px !important}

/* ============================================================
   MATKA GAME REDESIGN — v1 (custom.css?v=11)
   Goals: tabs clearly active/inactive, number buttons look
   clickable AND highlight on selection, mobile bet slip clear.
   ============================================================ */

/* ---- container ---- */
.matka-block{border-radius:12px !important;overflow:hidden;border:1px solid rgba(212,175,55,.35) !important}
.ab2-main.casino{padding:0 8px}

/* ---- TABS: Single Patti | Harup Andar Bahar ---- */
.matka-block .nav-pills{display:flex !important;gap:0 !important;background:#14111d;border-radius:10px;padding:5px !important}
.matka-block .nav-item{flex:1 !important;width:auto !important;margin:0 !important;margin-top:0 !important}
.matka-block .nav-item a{display:flex !important;align-items:center;justify-content:center;gap:6px;
  padding:10px 4px !important;border-radius:8px !important;cursor:pointer !important;
  font-size:13px !important;font-weight:700 !important;letter-spacing:.4px;text-transform:uppercase;
  color:#9a93a8 !important;background:transparent !important;border:1px solid transparent !important;
  transition:all .2s ease !important;position:relative}
/* hover — clickable feel */
.matka-block .nav-item a:hover{color:#f7e08a !important;background:rgba(212,175,55,.1) !important;border-color:rgba(212,175,55,.3) !important}
/* ACTIVE tab — clear gold highlight */
.matka-block .nav-item.betdata.active a,.matka-block .nav-item a.active{
  background:linear-gradient(180deg,#ffd76a 0%,#d4af37 55%,#b8860b 100%) !important;
  color:#241c04 !important;text-shadow:0 1px 0 rgba(255,255,255,.4) !important;
  box-shadow:0 3px 12px rgba(212,175,55,.45),inset 0 1px 0 rgba(255,255,255,.6) !important;
  border-color:#ffd76a !important}
.matka-block .nav-item.betdata.active a:after{content:"";position:absolute;bottom:-6px;left:20%;right:20%;
  height:3px;border-radius:3px;background:#ffd76a;box-shadow:0 0 8px #ffd76a}
.matka-block .bet-label{font-size:inherit !important}
.matka-block .bat_counter{display:none}

/* ---- number grid panel ---- */
#SinglePatti,#HarupAB{display:none;padding:6px 2px 2px !important}
#SinglePatti>h5,#HarupAB>h5{margin:8px 0 10px !important;padding:7px 10px !important;border-radius:8px !important;
  font-size:13px !important;letter-spacing:.8px;text-transform:uppercase;
  background:linear-gradient(90deg,rgba(138,110,61,.85),rgba(219,174,63,.85)) !important;color:#fff !important;
  text-shadow:0 1px 2px rgba(0,0,0,.5) !important}
/* Harup sub-headings (Andar / Bahar) — distinguish */
#HarupAB>h5:nth-of-type(2){background:linear-gradient(90deg,rgba(122,40,50,.85),rgba(196,60,75,.85)) !important}

/* ---- NUMBER BUTTONS ---- */
#SinglePatti .btn-info,#HarupAB .btn-info{
  width:100% !important;padding:10px 0 !important;margin-bottom:2px !important;
  font-size:15px !important;font-weight:800 !important;letter-spacing:.5px;
  background:linear-gradient(180deg,#2b2740 0%,#1d1a2e 100%) !important;
  color:#f0e9d2 !important;border:1px solid rgba(212,175,55,.35) !important;
  border-radius:8px !important;box-shadow:none !important;
  transition:transform .12s ease,box-shadow .12s ease,background .12s ease !important;cursor:pointer !important}
#SinglePatti .btn-info:hover,#HarupAB .btn-info:hover{
  transform:translateY(-2px) !important;
  background:linear-gradient(180deg,#3a3457 0%,#28233e 100%) !important;
  box-shadow:0 4px 12px rgba(212,175,55,.28) !important;border-color:rgba(212,175,55,.65) !important}
#SinglePatti .btn-info:active,#HarupAB .btn-info:active{transform:translateY(0) scale(.97) !important}
/* SELECTED — after click, bet is in slip; highlight chosen */
#SinglePatti .btn-info.selected,#HarupAB .btn-info.selected{
  background:linear-gradient(180deg,#ffd76a 0%,#d4af37 45%,#b8860b 100%) !important;
  color:#241c04 !important;border-color:#ffe9a8 !important;
  box-shadow:0 0 0 2px rgba(255,233,168,.9),0 4px 14px rgba(212,175,55,.55) !important;
  animation:matkaPulse .5s ease}
@keyframes matkaPulse{0%{transform:scale(1.18)}60%{transform:scale(.95)}100%{transform:scale(1)}}

/* ---- bet slip (desktop side panel) ---- */
#betSlipBox,#betSlipBoxMob{border:1px solid rgba(212,175,55,.4) !important;border-radius:12px !important;
  background:#17141f !important;box-shadow:0 8px 30px rgba(0,0,0,.5) !important}
#betSlipBox h5,#betSlipBoxMob h5{color:#f7e08a !important;border-bottom:1px solid rgba(212,175,55,.3) !important;
  padding-bottom:8px !important;font-weight:800 !important}
#BetTypeWithNum,#BetTypeWithNumMob{min-height:34px;background:rgba(212,175,55,.08) !important;
  border:1px dashed rgba(212,175,55,.45) !important;border-radius:8px !important;padding:7px 9px !important;
  color:#f0e9d2 !important;font-weight:600 !important;font-size:12px !important;line-height:1.5}
#BetTypeWithNum:empty:before,#BetTypeWithNumMob:empty:before{content:"Niche se number choose karo — yahan dikhega";
  color:#8d86a0 !important;font-style:italic;font-weight:400}
#LotteryAmount,#LotteryAmountMob{background:#241f33 !important;color:#f7e08a !important;
  border:1px solid rgba(212,175,55,.5) !important;border-radius:8px !important;font-weight:700 !important}
#LotteryAmount:focus,#LotteryAmountMob:focus{box-shadow:0 0 0 3px rgba(212,175,55,.25) !important;outline:none !important}

/* ---- PLACE BET button — stand out ---- */
#cmdDone,#cmdDoneMob{background:linear-gradient(180deg,#ffd76a 0%,#d4af37 50%,#b8860b 100%) !important;
  color:#241c04 !important;font-weight:900 !important;font-size:14px !important;letter-spacing:.6px;
  border:none !important;border-radius:8px !important;padding:9px 0 !important;
  box-shadow:0 4px 14px rgba(212,175,55,.45),inset 0 1px 0 rgba(255,255,255,.55) !important;
  transition:all .2s ease !important;cursor:pointer !important;text-transform:uppercase}
button.place-bet,button.cancle-bet{background:linear-gradient(180deg,#ffd76a 0%,#d4af37 50%,#b8860b 100%) !important;
  color:#241c04 !important;font-weight:900 !important;font-size:14px !important;letter-spacing:.6px;
  border:none !important;border-radius:8px !important;padding:9px 0 !important;
  box-shadow:0 4px 14px rgba(212,175,55,.45),inset 0 1px 0 rgba(255,255,255,.55) !important;
  transition:all .2s ease !important;cursor:pointer !important;text-transform:uppercase}
#cmdDone:hover:not(:disabled),#cmdDoneMob:hover:not(:disabled){transform:translateY(-2px) !important;
  box-shadow:0 7px 20px rgba(212,175,55,.6),inset 0 1px 0 rgba(255,255,255,.6) !important}
#cmdDone:disabled,#cmdDoneMob:disabled{opacity:.45 !important;cursor:not-allowed !important;transform:none !important}

/* ---- bet chips (quick amounts) ---- */
.chipName1{background:#241f33 !important;color:#f7e08a !important;border:1px solid rgba(212,175,55,.4) !important;
  border-radius:20px !important;font-weight:700 !important;padding:5px 12px !important;margin:3px !important;
  cursor:pointer !important;transition:all .15s ease !important}
.chipName1:hover{background:#332b47 !important;border-color:#ffd76a !important;color:#ffe9a8 !important;transform:translateY(-1px) !important}

/* ---- round header card ---- */
.single-match h5{color:#fff !important;letter-spacing:.5px}
.single-match h6{color:#c9c6bd !important;font-size:12px !important}
.single-match h6 .open-badge,.single-match h6 .close-badge{display:inline-block;padding:2px 8px;border-radius:10px;
  font-weight:700;font-size:11px;margin-left:4px}
.single-match h6 .open-badge{background:rgba(52,211,153,.18);color:#34d399;border:1px solid rgba(52,211,153,.4)}
.single-match h6 .close-badge{background:rgba(239,68,68,.15);color:#f87171;border:1px solid rgba(248,113,113,.4)}

/* ---- my bets table (post-bet) ---- */
.matka-bets-table th{background:#14111d !important;color:#f7e08a !important;font-size:12px !important}
.matka-bets-table td{color:#d8d4c8 !important;font-size:12px !important;padding:6px 8px !important}
.matka-bets-table tr:nth-child(even) td{background:rgba(255,255,255,.025) !important}

/* ---- mobile adjustments ---- */
@media (max-width:767px){
  .matka-block .nav-item a{font-size:11px !important;padding:9px 2px !important}
  #SinglePatti>h5,#HarupAB>h5{font-size:12px !important}
  #SinglePatti .btn-info,#HarupAB .btn-info{font-size:14px !important;padding:9px 0 !important}
  #betSlipBoxMob{position:fixed !important;bottom:0 !important;left:0 !important;right:0 !important;z-index:1050 !important;
    max-height:70vh;overflow-y:auto;border-radius:14px 14px 0 0 !important;border-bottom:none !important}
}

/* A3: aviator icon buttons (volume/mute, music, fan, takeoff) — engine CSS inhe
   0x0 de raha tha (material-symbols .ico class) -> buttons dead the. Size fix. */
.aviator-game .material-symbols-outlined.ico,
.aviator-game .material-symbols-outlined.ico:hover{width:24px !important;height:24px !important;
  font-size:22px !important;line-height:24px !important;display:inline-flex !important;
  align-items:center;justify-content:center;cursor:pointer !important;opacity:.85 !important}
.aviator-game .material-symbols-outlined.ico:hover{opacity:1 !important;color:#ffd76a !important}

/* A4: NotAllowedError (autoplay audio) — flyPlaneSound ko user-interaction
   tak defer karo, console exception spam + plane sound miss fix. */
/* (JS-side guard; see aviator-silence.js injected below) */

/* A2d: CRICKET MATCH DETAIL (/Dashboard/MSPosition/...) — SIRF ye labels white:
   BOOKMAKER (wo upar heading), RUNNER, LAGAI, KHAI, SESSION NO/YES, WICKETS,
   PLAYER RUNS, PLAYER BOUNDRIES, TEAM (BM), TEAM (TOSS), FANCY, RUN, MODE,
   RATE, AMOUNT + BOOKMAKER ke upar team naam.
   RULE: sirf TH/TD table cells + .marketTitle* (wo gold heading jisme
   'Book Maker' + team naam aate hain). Baaki sab (team runs/odds/buttons/
   exposure) untouched — specificity tie (1,6,0) A2 se, source order baad me. */
.match-content:not(#UpCommingData):not(.accountste) th:not(.game-text):not(.live-games-heading-txt):not(.event-name):not(.in_play),
.match-content:not(#UpCommingData):not(.accountste) td:not(.game-text):not(.live-games-heading-txt):not(.event-name):not(.in_play),
.match-content:not(#UpCommingData):not(.accountste) .marketTitle,
.match-content:not(#UpCommingData):not(.accountste) .marketTitle *:not(.game-text):not(.live-games-heading-txt):not(.event-name):not(.in_play){
  color:#fff !important;
  text-shadow:none !important;
}
/* A6: WHITE-BG INVISIBLE TEXT FIX (screenshot: white areas me text nahi dikhta)
   Root cause: dark-theme rules ne #cssmenu links + bet-slip buttons ka text
   white kar diya, jabki unka background WHITE hai. Specific selectors, dark text. */
#cssmenu>ul>li>a,#cssmenu ul li a{color:#26364a !important}
#cssmenu .nav>li>a:focus,#cssmenu .nav>li>a:hover{color:#fff !important}
.plus_btns,.minus_btns,.inc,.dec,.stack_input_field *,
.oddds-stake-box *{color:#111 !important}
.bet-box_inner,.bet-box_inner *,.ball-running-msg,.ball-running-msg *{color:#111 !important}
/* A6b: homepage game cards + aviator history bar — white-on-white fix */
#root .match-content .tabel-scroll .text-center .game-text,
#root .tabel-scroll .text-center .game-text,
#root .match-tabs .tab-content .tab-pane .tabel-scroll .game-text,
#root .game-text,
#root .game-text *,
#root .aviator-banner .history-bar .hist-item{color:#26364a !important;text-shadow:none !important}