/* user_matches.html */
.marquee {
  width: 100%;
  overflow: hidden;
  border:0px solid #ccc;
  background: #6E8FC9;
  color: #fff;
  padding: 0px 1px;
  margin-right: 15%;
  margin-bottom: 13px;
}

ul.marquee li {
  display: inline-block;
  padding: 5px 10px 1px;
  font-size: 16px;
  font-weight: 600;
  font-family: 'open-sans-regular' !important;
}
  .marquee {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    height: 35px;
    /* z-index: 9990;
    position: sticky;
    top: 80px; */
  }

  .marquee-content {
    display: inline-block;
    padding-left: 100%;
    animation: scroll-left 20s linear infinite;
  }

  @keyframes scroll-left {
    from {
      transform: translateX(0%);
    }
    to {
      transform: translateX(-100%);
    }
  }
  @media all and (max-width: 768px){ /* Mobile */
    #header{
      min-height: 62px;
    }
    .navbar {
      margin-bottom: 0px;
    }
    .marquee {
      /* top: 62px; */
      margin-top: 4px !important;
    }
  }

/* user_matches.html */
.navbar-header {
       margin-top: 5px;
      }
      .pro-img-tag{
            padding-top: 2px;
          }

      pre {
          tab-size: 8;
      }
      .header-menue{
        margin: 0px 0px !important;
      }
      
      /* --- Toggle button moved to left --- */
      .navbar-toggle.left-menu {
          float: left !important;
          margin-left: 10px;
          margin-right: 10px;
          margin-top: 5px;
      }
      .navbar-header .navbar-brand {
          margin-left: 0px !important;
      }

      @media (min-width: 768px) and (max-width: 1024px) {
        .navbar-nav>li>a {
            padding-top: 25px;
            padding-bottom: 15px;
        }
    }   
    
      .navbar-header{
          margin-top: 13px;
          min-width: 0 !important;
        } 

        .header-user-coins {
          font-family: "open-sans-semibold" !important;
         /* font-size: 17px;*/
        }

      .header-user-nm{
        margin-bottom: 20px;
        font-family: "open-sans-semibold" !important;
       /* font-size: 16px;*/
      }   

      @media screen and (max-width: 767px) {
          .side-collapse {
              top:60px;
              bottom:0;
              right:0;
              width:300px;
              position:fixed;
              overflow:hidden;
              transition:width .4s;
              z-index: 1000;
          }
          .side-collapse.in {
              width:0;
          }
          .navbar-inverse .navbar-collapse{
              border-color: #3A61A2 !important;
          }
      .pro-img-tag{
            padding-top: 0px;
          }
          .header-user-coins {
            font-family: "open-sans-semibold" !important;
           /* font-size: 13px;*/
          }

        .header-user-nm{
          margin-bottom: 20px;
          font-family: "open-sans-semibold" !important;
         /* font-size: 13px;*/
        } 
       }

       /* =========================================================
   IPAD MINI / IPAD AIR / TABLET
   ========================================================= */

      @media screen and (min-width: 641px) and (max-width: 1024px) {

          .navbar-toggle.left-menu {
              float: left !important;
              margin-left: 15px !important;
              margin-right: 0 !important;
              margin-top: 15px;
          }

          .navbar-header .navbar-brand {
              margin-left: 45px !important;
          }
      }


      /* =========================================================
         IPAD MINI PORTRAIT
         ========================================================= */

      @media screen and (min-width: 744px) and (max-width: 799px) {

          .navbar-toggle.left-menu {
              margin-left: 12px !important;
              margin-top: 15px;
          }

          .navbar-header .navbar-brand {
              margin-left: 40px !important;
          }
      }


      /* =========================================================
         IPAD AIR PORTRAIT
         ========================================================= */
      @media screen and (min-width: 800px) and (max-width: 900px) {
          .navbar-toggle.left-menu {
              margin-left: 15px !important;
              margin-top: 15px;
          }

          .navbar-header .navbar-brand {
              margin-left: 45px !important;
          }
      }
      /* --- Close ("X") button fix so it stays visible inside the panel --- */
      .side-collapse .action--close {
          position: absolute;
          top: 10px;
          right: 10px;
          z-index: 1100;
          background: transparent;
          border: none;
          color: #333;
          font-size: 20px;
      }
      .side-collapse .action--close .fa-times {
          color: inherit;
      }
      
     .user_profile_detail {
        float: right;
        margin-right: 10px;
      }        
.img-circle{
  background-color: none !important;
}
@media all and (max-width: 767px){
  .refresh_icon_menu_header{
    position: absolute;
    left: 85%;
    top:12px;
    display: inline-block!important;
  }

  .navbar-toggle .icon-bar {
    height: 4px !important;
}
}
@media all and (min-width: 400px) and (max-width: 550px){
  .refresh_icon_menu_header{
    left: 80% !important;
  }
}
@media all and (max-width: 399px){
  .refresh_icon_menu_header{
    left:75% !important;
  }
}
.refresh_icon_menu_header{
  display: none;
}
/* Tablet range - landscape */
@media screen and (min-width: 641px) and (max-width: 1024px) and (orientation: landscape) {
  .navbar-toggle.left-menu {
    margin-top: 1vw !important;
  }
}

/* Mobile range - landscape */
@media screen and (max-width: 768px) and (orientation: landscape) {
  .fluid-container .user_profile_detail span.header-user-nm {
    margin-top: 0px !important;
  }
}
/* Default (all devices, no media query) */
.fluid-container .user_profile_detail span.header-user-nm {
  margin-top: 0px !important;
}
@media screen and (min-width: 641px) and (max-width: 1024px) {
.navbar-toggle.left-menu {
   margin-top: 1vw !important;
 }
}
/* Keep hamburger bar thickness consistent in landscape (phones/small tablets) */
@media screen and (orientation: landscape) and (max-height: 500px) {
  .navbar-toggle .icon-bar {
    height: 4px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1366px) and (min-height: 768px) {
  .navbar-header {
    display: flex !important;
    align-items: center !important;
  }
  .navbar-toggle.left-menu {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    float: none !important;
  }
  .navbar-toggle .icon-bar {
    height: 4px !important;
  }
  /* Required now that float:right no longer works inside flex */
  .user_profile_detail {
    margin-left: auto !important;
    margin-top: -1vw;
  }
}

/* user_matches.html */
.lang-switch-btn {
            position: relative !important;
            top: 0px !important;
            margin-bottom: 25px !important;
          }
          .rules-main-container {
            top: 170px !important;
          }
          @media (max-width: 768px){
            .chng-pass-container {
                top: 115px;
            }
            .container.dashboard_content{
                  margin-top: 25px;
            }
          }

/* user_matches.html */
#sport_tabs {
    z-index: 9990;
    position: sticky;
    top: 76px;
	}
  .icon-tab{
		display: flex;
		align-items: center;
		white-space: nowrap;
  }
  .CFH-Btn-outer{
  	background-color: #fff;
  	padding: 10px;
  }
  .CFH-Btn-outer {
    display: flex;
    align-items: center;
    justify-content: center;
	}
	.cricket-button, .sports-button {
    background-image: url(../images/play.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 30px 30px;
    padding: 10px;
    width: 170px;
    border-style: solid;
    outline: none;
    background-color: #3A61A2;
    border-color: #ffffff;
    color: #ffffff;
    border: 0px solid;
    border-radius: 7px;
    font-weight: bold;
    font-size: 16px;
    font-family: 'open-sans-semibold';
    margin-right: 10px;
    line-height: 25px;
	}
  .sports-button {
  	border: 1px solid var(--theme-primary);
  	background-color: #fff !important;
  	color: var(--theme-primary);
  	margin: 0px 8px !important;
	  position: relative;
  }
  .cricket-btn-color-change, .football-btn-color-change, .cricket-button, .football-button, .sports-button {
    background-image: none !important;
    padding: 10px !important;
	}
	.cricket-button svg, .football-button svg, .sports-button svg {
    width: auto;
    height: 25px;
	}
	.pull-left {
    float: left !important;
	}
	.cricket-football-main-div.CFH-Btn-outer,
	.cricket-football-main-div.CFH-Btn-outer * {
	    box-sizing: border-box !important;
	}
	.event-arrow .fa{
    color: var(--theme-primary);
    margin-right: 0px;
    font-size: inherit;
    font-weight: inherit;
    margin-left: 0;
	}
	.cricket-football-main-div.CFH-Btn-outer button:focus {
    outline: none;
    outline: none;
	}
  .st1{
  	fill: var(--theme-primary) !important;
  }
  .sport-text{
  	padding-left: 15px;
  	font-family: "open-sans-semibold" !important;
  	font-weight: bold;
  }
  .sport-text-matka{
  	padding-left: 22px;
  	font-family: "open-sans-semibold" !important;
  	font-weight: bold;
  }
  .btn-color-change{
  	color: #fff;
  	background-color: var(--theme-primary) !important;
  }
  .btn-color-change svg path{
  	fill: #fff !important;
  }
  .event-arrow{
    display: none;
  }
  .cricket-football-main-div {
	  margin-bottom: 0px;
	  margin-top: -8px;
	  text-align: center !important;
	}
	.sport-live-count {
	  position: absolute;
	  top: 2px;
	  right: 2px;
	  background: #e53935;
	  color: #fff;
	  border-radius: 20px;
	  padding: 1px 9px;
	  font-size: 12px;
	  font-weight: 600;
	  line-height: 11px;
	  white-space: nowrap;
	  width: 30px;
	  font-family: "open-sans-bold" !important;
	  /*z-index: 1;*/
	}
	.matka_tab .icon-tab svg{
		padding-left: 5px;
	}
	.in_play_icon {
		height: 25px;
	}


	.CFH-Btn-outer {
		  display: flex !important;
		  align-items: center !important;
		  /* justify-content: start !important; */
		  /* overflow-x: auto !important; */
		  white-space: nowrap !important;
		  scrollbar-width: none !important;
		  position: relative;
		}
	 	.CFH-Btn-outer::-webkit-scrollbar, .event-types::-webkit-scrollbar{
			display: none !important;
	  }
	.event-types{
      display: flex;
      overflow-x: auto;
      overflow-y: hidden;
	    touch-action: pan-x;
	    -webkit-overflow-scrolling: touch;
      scroll-behavior: smooth;
      padding: 0 20px;
    }
    .event-arrow{
      display: flex;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 1;
      width: 28px;
      height: 100%;
      border: none;
      background: #fff;
      color: var(--theme-primary);
      font-size: 35px;
      justify-content: center;
      align-items: center;
    }
    .event-arrow.left{
      left: 0;
    }
    .event-arrow.right{
      right: 0;
    }
  @media all and (max-width: 768px){ /* Mobile */
  	#sport_tabs {
	    top: 58px;
		}
  	.in_play_icon {
			height: 20px;
		}
  	.CFH-Btn-outer .cricket-button, .CFH-Btn-outer .football-button, .CFH-Btn-outer .horse-button, .CFH-Btn-outer .sports-button {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: auto !important;
      padding: 8px 5px 5px !important;
      flex: 1;
  	}
		.CFH-Btn-outer {
	  	display: flex !important;
		  align-items: center !important;
		  justify-content: start !important;
		  /* overflow-x: auto !important; */
		  white-space: nowrap !important;
		  scrollbar-width: none !important;
		  padding: 5px;
		  position: relative;
		}
		.CFH-Btn-outer::-webkit-scrollbar, .event-types::-webkit-scrollbar{
			display: none !important;
		}
		.CFH-Btn-outer .sports-button{
		  white-space: nowrap !important;
		  padding: 4px 10px 4px !important;  
      width: 35vw !important;
	 	}
		.icon-view{
	  	padding-left: 0px !important;
		}
		.sport-text, .sport-text-matka{
	  	padding-left: 5px !important;
	  	font-size: 12px;
	  	font-weight: bold;
	  	margin-left: 5px;
	  	margin-right: 20px;
		}
		.sport-text-tournament{
			font-size: 12px;
	  	font-weight: bold;
	  	margin-left: 0px;
	  	margin-right: 10px;
		}
		.sports-button {
	  	margin: 0px 5px !important;
	  }
		.event-types{
		  display: flex;
		  overflow-x: auto;
		  overflow-y: hidden;
	    touch-action: pan-x;
	    -webkit-overflow-scrolling: touch;
		  scroll-behavior: smooth;
		  padding: 0 20px;
		}
		.event-arrow{
			display: flex;
	    position: absolute;
	    top: 50%;
	    transform: translateY(-50%);
	    z-index: 1;
	    width: 28px;
	    height: 100%;
	    border: none;
	    background: #fff;
	    color: var(--theme-primary);
	    font-size: 35px;
    	justify-content: center;
    	padding: 1px 6px 1px 6px;
		}
		.event-arrow.left{
		  left: 0;
		}
		.event-arrow.right{
		  right: 0;
		}
		.sports-button svg {
  		height: 20px;
		}
		.cricket-football-main-div {
		  margin-top: -8px;
		}
		.sport-live-count {
		  padding: 2px 4px;
		  font-size: 7px;
		  line-height: 9px;
		  width: 15px;
		}
  }
  @media all and (min-width: 769px) and (max-width: 1399px){ /* Tablet */
  	#sport_tabs {
	    top: 63px;
		}
		.CFH-Btn-outer {
		  display: flex !important;
		  align-items: center !important;
		  justify-content: start !important;
		  /* overflow-x: auto !important; */
		  white-space: nowrap !important;
		  scrollbar-width: none !important;
		  padding: 5px;
		  position: relative;
		}
	 	.CFH-Btn-outer::-webkit-scrollbar, .event-types::-webkit-scrollbar{
			display: none !important;
	  }
		.sports-button {
	  	display: flex !important;
	  	align-items: center !important;
	  	justify-content: center !important;
      /* padding: 4px 35px 4px !important; */
      white-space: nowrap !important;
      padding: 4px 10px 4px !important;
      width: 35vw !important;
      flex: 1;
      margin: 0px 5px !important;
      font-size: 14px !important;
		}
    .sport-live-count {
      padding: 2px 4px;
      font-size: 7px;
      line-height: 9px;
      width: 15px;
    }
		.event-types .icon-tab{
	  	flex-direction: row !important;
		}
		.in_play_icon {
      height: 20px;
    }
    .sports-button svg {
      height: 20px;
    }
		.icon-view{
	  	padding-left: 0px !important;
		}
		.sport-text, .sport-text-matka{
	  	padding-left: 0px !important;
		}
		.sport-text-tournament{
			font-size: 13px;
		}
		.sport-text, .sport-text-matka {
      padding-left: 5px !important;
      font-size: 12px;
      font-weight: bold;
      margin-left: 5px;
      margin-right: 20px;
    }
		.event-types{
      display: flex;
      overflow-x: auto;
      overflow-y: hidden;
	    touch-action: pan-x;
	    -webkit-overflow-scrolling: touch;
      scroll-behavior: smooth;
      padding: 0 20px;
    }
    .event-arrow{
      display: flex;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 1;
      width: 28px;
      height: 100%;
      border: none;
      background: #fff;
      color: var(--theme-primary);
      font-size: 35px;
      justify-content: center;
      align-items: center;
    }
    .event-arrow.left{
      left: 0;
    }
    .event-arrow.right{
      right: 0;
    }
  }

  /* Small phones */
	@media (max-width: 479px) {
		#sport_tabs {
	    top: 63px;
		}
	}

	/* Large phones */
	@media (min-width: 480px) and (max-width: 767px) { }

	/* Tablets */
	@media (min-width: 768px) and (max-width: 991px) {
		#sport_tabs {
	    top: 64px;
		}
	}

	/* Small laptops */
	@media (min-width: 992px) and (max-width: 1199px) {
		#sport_tabs {
	    top: 64px;
		}
	}

	/* Desktops */
	@media (min-width: 1200px) and (max-width: 1399px) {
		#sport_tabs {
	    top: 64px;
		}
	}

	/* Large desktops */
	@media (min-width: 1400px) { }

/* user_matches.html */
.st0{fill:none;}
						.st1{fill:#FFFFFF;}

/* user_matches.html */
.st0{fill:none;}
						  .st1{fill:#FFFFFF;}

/* user_matches.html */
.cls-1{fill:#fcfcfc;opacity:0;}.cls-2{fill:#FFFFFF;}

/* user_matches.html */
/* Match Status CSS Start */
  @media all and (max-width: 768px){
    .matka-v2-title{
      width: 100% !important;
      display: block !important;
      text-align: center !important;
      font-size: 20px !important;
      font-weight: 700 !important;
      font-family: "Roboto", "sans-serif" !important;
      line-height: 28px !important;
      margin-bottom: 12px !important;
    }

    .matka-v2-time-wrapper{
      width: 100% !important;
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      gap: 3px !important;
      flex-wrap: nowrap !important;
      text-align: center !important;
      padding: 0px 6px !important;
    }

    .matka-time-span{
      white-space: nowrap !important;
      font-size: 11px !important;
      line-height: 18px !important;
      font-weight: 200 !important;
    }

    .middle-span{
      display: inline-block !important;
    }
  }

 .matka-v2-container{
    width: 100% !important;
    padding: 15px 0px 0px 0px !important;
  }

  .matka-v2-wrapper{
    width: 100%;
    text-align: center;
  }

  .matka-v2-title{
    width: 100%;
    display: block;
    text-align: center;
    font-size: 26px !important;
    font-weight: 700;
    font-family: "Roboto", "sans-serif" !important;
    margin-bottom: 10px;
  }

  .matka-v2-time-wrapper{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
  }

  .matka-time-span{
    font-weight: 200;
  }
  .sport-text2{
    font-size: 13px !important;
  }

  .alert-match-status-box{
    padding: 10px;
    margin-top: 20vh;
  }

  .alert-match-status-text{
    padding: 15px 15px;
    height: 80px !important;
    text-align: center;
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    color: #a94442;
    border-radius: 7px;
    display: table;
  }

  .alert-match-status-text span{
    font-size: 18px;
    display: table-cell;
    vertical-align: middle;
    font-family: 'open-sans-regular' !important;
  }

  @media all and (max-width: 420px){
  .alert-match-status-text span{
    font-size: 16px;
  }
  }
  .icon-tab{
    display: flex;
    align-items: center;
    white-space: nowrap;
  }
  .button-content{
    justify-content: center;
    font-size: 13px;
  }
  .matka_result {
    background-color: var(--theme-primary) !important;
    width: 120px;
    padding: 4px !important;
  }
   @media all and (max-width: 768px){
    .CFH-Btn-outer {
      display: flex !important;
      align-items: center !important;
      justify-content: start !important;
      overflow-x: auto !important;
      white-space: nowrap !important;
      scrollbar-width: none !important;
     }
     .CFH-Btn-outer::-webkit-scrollbar {
        display: none !important;
      }
    .CFH-Btn-outer .cricket-button, .CFH-Btn-outer .football-button, .CFH-Btn-outer .horse-button{
          /*padding: 8px 27px 5px !important;*/
          white-space: nowrap !important;
          /*width: 100px !important;*/
     }
    .icon-tab{
      /*flex-direction: column !important;  */
    }
    .icon-view{
      padding-left: 0px !important;
    }
    .sport-text{
      /*padding-left: 0px !important;*/
    }
    .sport-text2{
      font-size: 13px !important;
      padding-left: 0px !important;
    }
  }
  @media all and (min-width: 769px) and (max-width: 1194px){
    .CFH-Btn-outer {
      display: flex !important;
      align-items: center !important;
      justify-content: start !important;
      overflow-x: auto !important;
      white-space: nowrap !important;
      scrollbar-width: none !important;
     }
     .CFH-Btn-outer::-webkit-scrollbar {
        display: none !important;
      }
    .cricket-button{
      display: flex !important;
      align-items: center !important;
      justify-content: space-evenly !important;
    } 
    .football-button {
      display: flex !important;
      align-items: center !important;
      justify-content: space-evenly !important;
    }
    .icon-tab{
      flex-direction: column !important;  
    }
    .icon-view{
      padding-left: 0px !important;
    }
    .sport-text{
      padding-left: 0px !important;
    }
  }
  @media (max-width: 1024px) {
    .container.matchList-matchBox-outer.matchBox-outer.test-111 {
      overflow-x: hidden !important;
    }
  }


  a, a:focus, a:active, a:hover,
  button, button:focus,
  .btn, .btn:focus {
    outline: none !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
  }
  .select-menu {
    text-align: left;
  }
  .round-text {
    height: 33px;
    margin-top: 6px;
    padding-left: 6px;
    padding-right: 6px;
  }
.matka-draw-time-row {
  display: flex;
  justify-content: space-between;
  width: 110%;
  gap: 10px;
}
.matka-draw-time-col p {
  margin: 0;
  line-height: 1.5;
}
.matka-draw-time-col .matka-draw-value {
  font-weight: 700;
}
.matka-result-text {
  text-align: center;
  width: 100%;
  font-size: 20px !important;
  font-weight: 700;
  letter-spacing: 3px;
  margin: 10px 0 0;
}
.top-time-title {
  font-weight: 700;
}
.top-time-date,
.top-time-clock {
  white-space: nowrap;
}
.icon-div{
  justify-content:start !important;
}
.match-title > .match-info{
    font-size: 16px !important;
    color: #676767 !important;
  }
.select-menu{
  margin-left: -15px !important;
  div.match-detail-container div.match-info p.matka-result-text.matka-result-text.team-name-font-color {
  margin-top: -5px !important;
}
}
@media (max-width: 767px) {
  .top-time-dtl.matka-top-time {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
  }
  .top-time-title {
    flex: 1;
    text-align: center;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .top-time-date,
  .top-time-clock {
    flex-shrink: 0;
    font-size: 16px !important;
  }
  .matka-draw-time-col{
    margin-top: 10px !important;
  }
.match-info .matka-result-text {
  margin-top: 10px !important;
}
  .match-title > .match-info{
    font-size: 14px !important;
    color: #676767 !important;
  }
  .select-menu{
    margin-left: 0px !important;
  }
  .top-time-date,
  .top-time-title,
  .top-time-clock
  {
    margin-top: 5px !important;
    font-family: Open Sans, Bold !important;
  }
  .top-time-dtl{
        padding: 7px 10px !important;
  }
  .matka-team-name{
    display: none !important;
  }
  .matka-draw-time-row {
  width: 100%;
}
div.match-detail-container div.match-info p.matka-result-text.matka-result-text.team-name-font-color {
  margin-top: 10px !important;
}
}
.border-div{
  height: 80px !important;
}
/* Match Status CSS End */

/* user_matches.html */
.st0{fill:none;}
                .st1{fill:#FFFFFF;}

/* user_matches.html */
.st0{fill:none;}
                  .st1{fill:#FFFFFF;}

/* user_matches.html */
.cls-1 {
                    fill: none;
                  }

                  .cls-2 {
                    fill: #fff;
                  }

/* user_matches.html */
.main-sections{
  width: 100%;
  min-height: calc(100vh - 200px);
}
.master-footer{
  width: 100%;
}
.mf-top{
  display: flex;
  padding: 25px 0;
}
.mf-logo-outer{
  justify-content: center;
}
.mf-logo-inner{
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.mf-bottom-logo-outer{
  display: none;
  justify-content: center;
  align-items: center;
}
.mf-inner{
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.mf-logo{
  width: 60px;
  height: auto;
}
.mf-item{
  margin-bottom: 15px;
}
.mf-item:last-child{
  margin-bottom: 0;
}
.mf-bottom{
  text-align: center;
  padding: 15px 0;
}
.mf-item a,
.mf-bottom{
  font-family: "open-sans-semibold" !important;
  font-size: 16px;
}
.mf-inner:not(:nth-last-child(2)){
  border-right: solid 3px #fff;
}
@media (max-width: 991px){
  .mf-top{
    padding: 25px 0 0;
  }
  .mf-top-logo-outer{
    display: none;
  }
  .mf-bottom-logo-outer{
    display: flex;
    flex: 0 0 100%;
    padding-top: 25px;
    margin-top: 25px;
    border-top: 3px solid #fff;
  }
  .mf-bottom-logo{
    height: 60px;
    width: auto;
  }
}

@media (max-width: 991px){
  .mf-top{
    justify-content: center;
    flex-wrap: wrap;
  }
  .mf-inner{
  flex: 1 1 50%;
  max-width: 50%;
  box-sizing: border-box;
  /*margin-bottom: 25px;*/
}
  .mf-bottom-logo-outer{
    padding-top: 15px;
    margin-top: 15px;
  }
  .mf-item{
    flex: 1;
  }
 .text-sm-left{
  text-align:left;
  line-height: 1.9;
}
.text-sm-right{
  text-align: left;
  line-height: 1.9;
}
.mf-inner:nth-last-child(2):nth-child(odd){
  flex: 1 1 100%;
  max-width: 100%;
  width: 100%;
  border-right: none;
  padding-left: 0;
  align-items: center;
  text-align: center;
  position: relative;
  padding-top: 25px;
  margin-top: 25px;
}

.mf-inner:nth-last-child(2):nth-child(odd)::before{
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 121px;
  border-top: solid 3px #fff;
}

.mf-inner:nth-last-child(2):nth-child(odd) .mf-item-holder{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mf-inner:nth-last-child(2):nth-child(odd) .mf-item a{
  text-align: center;
}
.mf-inner:nth-child(even){
  border-right: none;
}
.mf-inner:nth-child(n+3):not(:nth-last-child(2):nth-child(odd)){
  margin-top: 30px;
}
}

/* user_dashboard.html */
.payment-img a.selected {
	border: 2px solid #007bff;
}

.large_card {
	width: 100% !important;
	max-width: 500px !important;
}

#loginpopup {
	z-index: 9999;
}

@media (max-width: 768px) {
	.large_card {
		width: calc(100% - 30px) !important;
		height: auto;
		display: flex;
		align-items: center;
	}
	.carousel {
		width: 100% !important;
	}
}

.carousel {
	box-shadow: 0 0px 20px 0px #000;
	margin: auto;
	width: 100%;
	overflow: hidden;
}

.slides {
	display: flex;
	transition: transform 1s ease;
}

.slide {
	margin: 0px 0px !important;
	flex: 0 0 100%;
	width: 50%;
	height: auto;
}

.dashboard_content {
	height: 100%;
	display: table;
}

.carousel-navigation {
	display: flex;
	justify-content: center;
	align-items: center;
}

.carousel-navigation .dot {
	width: 10px;
	height: 10px;
	background-color: #ccc;
	border-radius: 50%;
	margin: 0 5px;
	cursor: pointer;
}

.carousel-navigation .dot.active {
	background-color: var(--theme-primary);
}

@media all and (min-width: 1024px) {
	.wallet-modal-content {
		width: 900px !important;
	}
}

.payment-header {
	display: flex;
	align-items: center;
	position: relative;
}

.wallet-header-text {
	font-size: 32px;
	color: #ffffff;
	letter-spacing: 0.8px;
	font-weight: 600;
}

.modal-close-btn {
	position: absolute;
	right: 20px;
	opacity: 1.2;
	text-shadow: none;
}

.modal-close-btn:hover {
	opacity: 1.2;
	text-shadow: none;
}

.close-text {
	font-size: 30px;
	color: #fff;
	font-weight: 600;
}

.deposit-text p {
	font-size: 20px;
	letter-spacing: 0.5px;
	padding: 10px 10px 3px 30px;
}

.deposit-text {
	border-bottom: 1px solid rgb(199, 199, 199);
}

.payment-img a img {
	width: 164px;
	height: 82px;
	object-fit: contain;
}

.qr-scanner a img {
	width: 207px;
	height: 160px;
	object-fit: contain;
	display: block;
	margin: auto;
}

.main-deposit {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 30px;
}

.deposit-body {
	padding: 0 !important;
}

.payment-img {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.qr-scanner {
	padding: 0px 30px;
	border-left: 2px solid rgb(199, 199, 199);
}

@media all and (max-width: 768px) {
	.main-deposit {
		flex-direction: column;
		padding: 10px 0px;
	}
	.payment-img {
		border-right: 0px;
		border-bottom: 1px solid rgb(199, 199, 199);
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}
	.qr-scanner {
		padding: 20px 30px;
	}
	.wallet-header-text {
		font-size: 20px;
	}
	.deposit-text p {
		font-size: 16px !important;
		padding: 10px 10px 3px 15px;
	}
	.transfer-text p {
		font-size: 20px !important;
	}
}

.transfer-text {
	width: 100%;
	margin-top: 2rem;
}

.transfer-text p {
	font-size: 24px;
	color: #ffffff;
	letter-spacing: 0.6px;
	padding: 10px 10px 10px 30px;
}

.copy-text {
	height: 70px;
	background-color: #e9e9e9;
	border-radius: 10px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px;
}

.bank-container {
	padding: 20px;
}

.custom-text {
	font-size: 18px;
	color: rgb(112, 112, 112);
	text-align: left;
	letter-spacing: 0.4px;
	font-weight: 600;
}

.custom-text-p {
	font-size: 16px;
	text-align: left;
	letter-spacing: 0.4px;
	background: none;
	border: none;
}

.custom-text-p:focus-visible {
	border: none !important;
	background: none !important;
	outline: none !important;
}

.custom-text-p::selection {
	background: none !important;
}

.bank-outer {
	margin-top: 1rem !important;
}

.btn-1 {
	border: none !important;
	background: none !important;
}

.copy-icon {
	font-size: 18px !important;
}

@media (max-width: 768px) {
	.match-box {
		margin-top: 0% !important;
	}
}

.vertical_mid {
	display: table-caption !important;
}

.main-dashboard{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	/*margin-top: 160px;*/
	margin-top: 60px;
}
.main-dashboard-inner{
	width: 960px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.main-dashboard-items-outer{
	--item-width: 250px;
	--item-gap: 60px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 35px var(--item-gap);
}
.main-dashboard-item{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	text-decoration: none !important;
	width: var(--item-width);
	height: 70px;
	border-radius: 50px;
	background-color: var(--theme-primary);
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
	.main-dashboard-item:hover{
		box-shadow: 0 4px 4px rgba(0,0,0,0.25), 0 4px 4px rgba(0,0,0,0.22);
	}
.dashboard-item-large{
	width: calc(var(--item-width) * 2 + var(--item-gap));
	margin: 0;
	}
	.dashboard-item-icon{
	height: 28px;
	width: auto;
	min-width: 28px;
	max-width: 28px;
	margin-left: 22px;
	flex-shrink: 0;
}
.dashboard-item-icon path,
.dashboard-item-icon rect,
.dashboard-item-icon polygon{
	fill: #fff;
}
.dashboard-item-text{
	flex: 1;
	font-size: 16px;
	font-family: "open-sans-semibold";
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
 	margin-right: 30px;
  text-align: center !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.dashboard-carousel{
	margin-top: 30px;
}
.dashboard-carousel-navigation{
	margin-top: 30px;
	margin-bottom: 60px;
}


	.wallet-btn:after{
  	background-size: 300% 100%;
    animation: rotate-scale-down-ver 1.6s linear infinite both;
	}

	@keyframes rotate-scale-down-ver {
		  0% {
		    background-position: 100% 0;
		  }
		  100% {
		    background-position: 0 0;
		  }
	}
	
	.main-dashboard-item.wallet-btn{
		position: relative;
		overflow: hidden;
		background-color: transparent !important;
		background: transparent !important;
	}
	.wallet-btn .dashboard-item-icon,
	.wallet-btn .dashboard-item-text{
		position: relative;
		z-index: 5;
	}
	.wallet-btn{
		--border-radius: 50px;
	--border-size: 4px;
	--border-bg: conic-gradient( #ea4335 0turn, #ea4335 .125turn, #4285f4 .125turn, #4285f4 .25turn, #fbbc05 .25turn, #fbbc05 .375turn, #34a853 .375turn, #34a853 .5turn, #ea4335 .5turn, #ea4335 .625turn, #4285f4 .625turn, #4285f4 .75turn, #fbbc05 .75turn, #fbbc05 .875turn, #34a853 .875turn, #34a853 1turn );
	--border-bg: conic-gradient( #ea4335 0turn .125turn, #4285f4 .125turn .25turn, #fbbc05 .25turn .375turn, #34a853 .375turn .5turn, #ea4335 .5turn .625turn, #4285f4 .625turn .75turn, #fbbc05 .75turn .875turn, #34a853 .875turn 1turn );
	line-height: 2.2;
	color: #000;
	font-weight: 700;
	animation: beat .25s infinite alternate;
	transform-origin: center;
	position: absolute;
	overflow: hidden;
	border-radius: var(--border-radius);
  font-size: 16px;
      color: #7a5b00;
	}
	.wallet-btn:before {
		content: "";
  background: var(--border-bg);
  width: 300px;
  height: 300px;
  padding-bottom: 0;
  position: absolute;
  left: -25px;
  top: -45px;
  transform: translate(-50%,-50%);
  border-radius: 100%;
  z-index: -2;
  animation: spin 5s linear infinite;
	}
	.wallet-btn:after {
		content: "";
		display: block;
		width: calc(100% - 10px);
		height: calc(100% - 10px);
		left: 5px;
		top: 5px;
		border-radius: 50px;
		background-color: var(--theme-primary);
		position: absolute;
	}
	@keyframes rotate-center {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
	}

@keyframes spin {
	0% {
		transform: rotate(0);
	}

	to {
		transform: rotate(360deg);
	}
}
	@media (max-width: 768px){
		.main-dashboard-inner{
			width: 100%;
			padding: 0 40px;
		}
	}
	@media (max-width: 600px){
		.dashboard-item-large{
			width: 100% !important;
		}
		.main-dashboard{
			margin-top: 30px;
		}
		.main-dashboard-inner{
			width: 100%;
			padding: 0 15px;
		}
		.main-dashboard-items-outer{
			flex-direction: column;
		}
		.main-dashboard-item{
			margin-bottom: 15px;
		}
		.dashboard-item-text{
			margin-right: 40px;
		}
		.dashboard-item-large .dashboard-item-text{
			padding-left: 15px;
		}
	}
	
	/* Popup Banner */

	.modal-popup {
	display: flex !important;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
	margin: 0 auto !important;
	}

	.modal-popup .modal-content {
	background: transparent;
	border: none;
	box-shadow: none;
	width: auto;
	max-width: 90vw;
	}

	.custom-modal-body {
	padding: 0 !important;
	margin: 0 !important;
	position: relative;
	text-align: center;
	}

	.popup-banner-image {
	display: block;
	max-width: 75vw;
	max-height: 70vh;
	width: auto;
	height: auto;
	margin: 0 auto;
	border-radius: 12px;
	}

	.popup-banner-wrapper {
		position: relative;
	}

	.close-body {
		position: absolute !important;
		top: 8px;
		right: 8px;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		background: transparent !important;
		opacity: 1 !important;
		z-index: 9999;
		padding: 0 !important;
	  border: 2px solid white !important;
	}

	.close-body span {
		color: #ff8096;
		font-size: 26px;
		font-weight: 100 !important;
		line-height: 1;
	}

	@media (max-width: 768px) {
	.popup-banner-image {
		max-width: 95vw;
		max-height: 75vh;
	}

	.close-body {
		top: 3px;
		right: 0px;
	}
	.close-body {
		width: 25px;
		height: 25px;
	}
		.close-body span {
		font-size: 21px;
	}
	}
	@media (max-width: 480px) {
		.popup-banner-image {
			max-width: 85vw;
			max-height: 65vh;
		}
	}
.modal-body {
    padding: 0px !important;
    border-radius: 12px;
}
@media (orientation: landscape) and (max-height: 500px) {
  .modal-body{
  	margin-top: 50px !important;
  }
  .close-body {
    top: 1px !important;
    right: 0px !important;
    width: 20px !important;
    height: 20px !important;
}
.close-body span {
    font-size: 23px !important;
    line-height: 0 !important;
}
}
.ledger-body.modal-open {
    padding-right:  0 !important;
}
.matka-text{
	margin-right: 10px !important;
}
.wallet-btn1:after{
  	background-size: 300% 100%;
    animation: rotate-scale-down-ver 1.6s linear infinite both;
	}
@keyframes rotate-scale-down-ver {
		  0% {
		    background-position: 100% 0;
		  }
		  100% {
		    background-position: 0 0;
		  }
	}
.main-dashboard-item.wallet-btn1{
		position: relative;
		overflow: hidden;
		background-color: transparent !important;
		background: transparent !important;
	}
.wallet-btn1 .dashboard-item-icon,
.wallet-btn1 .dashboard-item-text{
		position: relative;
		z-index: 5;
	}
.wallet-btn1{
	--border-radius: 50px;
	--border-size: 4px;
	--border-bg: conic-gradient( #7DEBE9 0turn, #7DEBE9 .125turn, #A23BF6 .125turn, #A23BF6 .25turn, #4EFF00 .25turn, #4EFF00 .375turn, #EC47A8 .375turn, #EC47A8 .5turn, #7DEBE9 .5turn, #7DEBE9 .625turn, #A23BF6 .625turn, #A23BF6 .75turn, #4EFF00 .75turn, #4EFF00 .875turn, #EC47A8 .875turn, #EC47A8 1turn );
	--border-bg: conic-gradient( #7DEBE9 0turn .125turn, #A23BF6 .125turn .25turn, #4EFF00 .25turn .375turn, #EC47A8 .375turn .5turn, #7DEBE9 .5turn .625turn, #A23BF6 .625turn .75turn, #4EFF00 .75turn .875turn, #EC47A8 .875turn 1turn );
	line-height: 2.2;
	color: #000;
	font-weight: 700;
	animation: beat .25s infinite alternate;
	transform-origin: center;
	position: absolute;
	overflow: hidden;
	border-radius: var(--border-radius);
  font-size: 16px;
   color: #7a5b00;
	}
.wallet-btn1:before {
	content: "";
  background: var(--border-bg);
  width: 300px;
  height: 300px;
  padding-bottom: 0;
  position: absolute;
  left: -25px;
  top: -45px;
  transform: translate(-50%,-50%);
  border-radius: 100%;
  z-index: -2;
  animation: spin 5s linear infinite;
	}
.wallet-btn1:after {
		content: "";
		display: block;
		width: calc(100% - 10px);
		height: calc(100% - 10px);
		left: 5px;
		top: 5px;
		border-radius: 50px;
		background-color: var(--theme-primary);
		position: absolute;
	}
	@media (max-width: 600px){
	.main-dashboard{
		margin-top: 30px;
	}
	.main-dashboard-inner{
		width: 100%;
		padding: 0 16px;
	}
	.main-dashboard-items-outer{
		--item-width: calc(50% - 8px);
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		gap: 14px;
	}
	.main-dashboard-item{
		width: var(--item-width);
		height: 65px;
	}
	.dashboard-item-large{
		width: 100% !important;
	}
	.dashboard-item-icon{
		height: 22px;
		min-width: 22px;
		max-width: 22px;
		margin-left: 14px;
	}
	.dashboard-item-text{
		font-size: 14px;
		letter-spacing: 0.4px;
		margin-right: 25px;
	}
	.dashboard-item-large .dashboard-item-text{
		padding-left: 10px;
	}
}
.dashboard-item-text{
  font-size: clamp(11px, 2.8vw, 16px);
}
.dashboard-item-icon{
  height: clamp(22px, 6vw, 30px);
  width: auto;
  min-width: 22px;
}
@media (max-width: 375px){
	.main-dashboard-item{
		height: 64px;
	}
	.dashboard-item-icon{
		height: 20px;
		min-width: 20px;
		max-width: 20px;
		margin-left: 12px;
	}
	.dashboard-item-text{
		font-size: 12.5px;
		margin-right: 15px;
	}
}
.dashboard-item-icon-matka{
		height: 60px !important;
		min-width: 65px !important;
		max-width: 32px !important;
		margin-left: 0px !important;
	}
@media only screen and (device-width: 820px) and (device-height: 1180px) and (-webkit-min-device-pixel-ratio: 2) {.main-dashboard-items-outer{--item-gap:25px !important}}
.dashboard-item-icon-matka{
	height: 50px !important;
	min-width: 60px !important;
	max-width: 40px !important;
}
@media (max-width: 600px){
	.dashboard-item-icon-matka{
		height: 40px !important;
		min-width: 45px !important;
		max-width: 32px !important;
		margin-left: 0px !important;
	}
	.dashboard-item-text {
    font-size: clamp(11px, 3.4vw, 16px)!important;
}
}
@media (max-width: 375px){
	.dashboard-item-icon-matka{
		height: 35px !important;
		min-width: 40px !important;
		max-width: 28px !important;
		margin-left: 0px !important;
	}
}
@media only screen 
  and (orientation: landscape) 
  and (max-height: 430px) {
  .main-dashboard-items-outer {
    --item-width: 250px;
    --item-gap: 30px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 35px var(--item-gap);
  }
}
	.wallet-btn2{
		--border-bg: conic-gradient( #FCF69C 0turn, #FCF69C .125turn, #AB46D2 .125turn, #AB46D2 .25turn, #FF6FB5 .25turn, #FF6FB5 .375turn, #8BE84C .375turn, #8BE84C .5turn, #FCF69C .5turn, #FCF69C .625turn, #AB46D2 .625turn, #AB46D2 .75turn, #FF6FB5 .75turn, #FF6FB5 .875turn, #8BE84C .875turn, #8BE84C 1turn );
		--border-bg: conic-gradient( #FCF69C 0turn .125turn, #AB46D2 .125turn .25turn, #FF6FB5 .25turn .375turn, #8BE84C .375turn .5turn, #FCF69C .5turn .625turn, #AB46D2 .625turn .75turn, #FF6FB5 .75turn .875turn, #8BE84C .875turn 1turn );
	}

/* show18.html */
div.overlay-div{
          z-index: 9998;
        }
        .numeric-keypad-main-div{
          z-index: 9999;
        }
        .md-modal {
          z-index: 99999;
        }
        .md-overlay {
          z-index: 99998;
        }

        .book-td-inner .info-icon { 
          left: -5px;
        }

        @media (max-width: 767px) {
          .icon-block-wrapper {
            margin-left: -5px !important;
          }
        }

        .icon-block-wrapper {
          display: flex;
          align-items: center;
          gap: 8px;
        }

        @-moz-document url-prefix() {
          .icon-block-wrapper {
            margin-left: -14px;
          }
        }

        .modal-backdrop {
          position: unset !important;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          z-index: 1040;
          background-color: #000;
        }

        .position_color_positive{
          color: green;
        }

        .position_color_negative{
          color: red;
        }

        .book-td, .book-th{
        width: 55px;
        }

        .carousel {
          margin-top: 40px !important;
          box-shadow: 0 0px 20px 0px #000;
          margin: auto;
          width: 50%;
          overflow: hidden;
        }

        .slides {
          display: flex;
          transition: transform 1s ease;
        }

        .slide {
          margin: 0px 0px !important;
          flex: 0 0 100%;
          width: 50%;
          height: 100%;
        }
        .carousel-navigation {
          display: flex;
          justify-content: center;
          align-items: center;
          margin-top: 15px;
        }

        .carousel-navigation .dot {
          width: 10px;
          height: 10px;
          background-color: #ccc;
          border-radius: 50%;
          margin: 0 5px;
          cursor: pointer;
        }
        .carousel-navigation .dot.active {
          background-color: var(--theme-primary);
        }

        @media (max-width: 767px) {
          .carousel{
            margin-top: 0px !important;
          }
        }

        @media (max-width: 768px){
          .carousel{
            width: 100% !important;
          }
        }
        .score-div{
          
          padding: 7px 0px;
          width: 70%;
          font-family: 'open-sans-semibold' !important;

        }
        .over-row{
          margin: 15px 5px 0px 1px !important;
          background-color: var(--theme-primary);
          display: flex;
          justify-content: center;
        }
        .run-0{
          background-color: #fff;
          border-color: #3D3D3D;
          color: #3D3D3D;
        }
        .run-1{
          background-color: #fff;
          border-color: #3D3D3D;
          color: #3D3D3D;
        }
        .run-2{
          background-color: #fff;
          border-color: #3D3D3D;
          color: #3D3D3D;
        }
        .run-5{
          background-color: #fff;
          border-color: #3D3D3D;
          color: #3D3D3D;
        }
        .run-3{
          background-color: #fff;
          border-color: #3D3D3D;
          color: #3D3D3D;
        }
        .run-w{
          background-color: #FF3352 !important;
          border-color: #FF3352 !important;
          color: #fff !important;
        }
        .run-4{
          background-color: #59BDFE !important;
          border-color: #59BDFE !important;
          color: #fff !important;
        }
        .run-6{
          background-color: #47DA8C !important;
          border-color: #47DA8C !important;
          color: #fff !important;
        }
        .wicket{
          background-color: #c30002;
          border-color: #c30002;
          color: #fff;
        }
        .wide-ball{
          background-color: #fff;
          border-color: #3D3D3D;
          color: #3D3D3D;
        }
        .no-ball{
          background-color: #fff;
          border-color: #3D3D3D;
          color: #3D3D3D;
          position: relative;
          z-index: 5;
          margin-right: -3px;
        }
        .noball-main{
            margin-right: -11px !important;
            border-width: 1px !important;
            font-weight: 600 !important;
        }
        .inner-runs{
            width: 36px !important;
            border-top-right-radius: 15px !important;
            border-bottom-right-radius: 15px !important;
            border-top-left-radius: 0 !important;
            border-bottom-left-radius: 0 !important;
            border-width: 1px !important;
        }
        .ball-circle{
        width: 28px;
        height: 28px;
        border: 1px solid;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        font-size: 12px;
        font-weight: 600;
        margin-right: 3px;
        }
        .run-0::before{
        content: "•";
        }

        .no-ball{
            position: relative;
            z-index: 5;
            margin-right: -3px;
        }
        .over-num{
          color: white;
          padding-right: 5px;
          align-items: center;
          font-weight: bold;
          font-size: 15px;
        }
        .border-w{
          border-color: #3D3D3D !important;
        }
        @media all and (max-width: 992px){
          .score-div{
            position: relative;
            overflow-x: scroll;
            justify-content: start;
            cursor: grab;
            width: 100%;
          }
          .mx-1{
            margin-top: 4px;
          }
          .over-row{
            margin: 0px 5px 0px 5px;
            padding: 0px 5px 0px 5px;
          }
        }
        .over-sep{
          border: 1px solid #fff;
          height: 27px;
          margin: 0px 5px;
        }
        .score-div::-webkit-scrollbar {
            width: 2px;
            height: 0px;
        }
        .score-div::-webkit-scrollbar-track {
        border-radius: 2px;
        background-color: grey;
        }
        .score-div::-webkit-scrollbar-thumb {
        background: #c1cfdb; 
        border-radius: 10px;
        }
        .score-div::-webkit-scrollbar-thumb:hover {
        background: #95a2ad; 
        }
        @media (min-width: 769px) {
          .over-row{
            margin: 0px 5px 0px 1px;
          }
        }
        .scoring-cricket-div{
          background-repeat: no-repeat !important; 
          background-size: 80 80 !important;
          background-position: left 20px center !important;
        }  
        .scoring-football-div {
          padding-left: 15px !important;
        }
        @media all and (max-width: 1024px){
          .scoring-cricket-div{
            background-repeat: no-repeat !important;
            background-position: left 0px center !important;
          }
          .cls-3{
            opacity: 0.3 !important;
          }
        }
        .scoring-football-div {
          background-image: none !important;
        }
        .over-hyphen{
            margin-bottom: 5px !important;
            font-size: 15px !important;
            color: #fff;
        }
        .mx-1{
          margin-top: 4px !important;
        }
        .runs-div{
          display: flex;
          align-items: center;
          color: #fff;
          font-size: 15px;
          font-weight: bold;
        }

        .previous {
          background-color: #fff;
          color: black;
          padding: 1px 9px;
          border: 0.5px solid #fff;
          border-radius: 50%;
          font-size: 20px;
          font-weight: 600;
        }

        .next {
          background-color: #fff;
          color: black;
          padding: 1px 9px;
          border: 0.5px solid #fff;
          border-radius: 50%;
          font-size: 20px;
          font-weight: 600;
        }

        .round {
          border-radius: 50%;
        }

        .right_scorePanel {
          width: 100%; 

        }

        .over-loader {
          color: #fff;
        }

        .scroll-disabled {
          pointer-events: none;
          opacity: 0.4;
        }

        #loader-spin {
          border: 5px solid #f3f3f3;
          border-top: 5px solid #3498db;
          border-radius: 50%;
          width: 20px;
          height: 20px;
          animation: spin 2s linear infinite;
          margin-right: 8px;
        }

        @keyframes spin {
          0% { transform: rotate(0deg); }
          100% { transform: rotate(360deg); }
        }

        @media (max-width: 992px) {
          .right_scorePanel {
            width: auto !important;
            display: block !important;
          }

          #prev-balls {
            display: none;
            position: sticky;
            padding-right: 5px;
            background-color: var(--theme-primary);
            left: 0;
          }

          #next-balls {
            display: none;
            position: sticky;
            padding-left: 5px;
            background-color: var(--theme-primary);
            right: 0;
          }

        }
    .overs-outer.balls-outer {
  overflow-x: auto;
  white-space: nowrap;
}
.over-sep + .over-sep {
  display: none;
}

.overs-outer {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: max-content !important;
  overflow-x: auto !important;
  padding: 5px 0 !important;
}

.last_n_scores {
  overflow-x: auto !important;
  white-space: nowrap !important;
  scrollbar-width: none;
}
.over-balls {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: max-content !important;
  flex-wrap: nowrap !important;
  
}

.ball-circle {
  flex-shrink: 0 !important;
}
.hypen-new{
    display: inline-block;
    width: 8px;
    height: 3px;
    background-color: #fff;
    margin: 0 5px;
    align-self: center;
    border-radius: 5px;
}
hr.session-hr {
  display: none;
}
.container{
  overflow-x: hidden !important;
}

/* show18.html */
.cls-1 {
                          fill: none;
                        }

                        .cls-3 {
                          fill: rgba(255, 255, 255, 0.63);
                        }

/* show18.html */
.matka-draw-time-row {
  display: flex;
  justify-content: space-between;
  width: 110%;
  gap: 10px;
}
.matka-draw-time-col p {
  margin: 0;
  line-height: 1.5;
}
.matka-draw-time-col .matka-draw-value {
  font-weight: 700;
}
.matka-result-text {
  text-align: center;
  width: 100%;
  font-size: 20px !important;
  font-weight: 700;
  letter-spacing: 3px;
  margin: 10px 0 0;
}
.top-time-title {
  font-weight: 700;
}
.top-time-date,
.top-time-clock {
  white-space: nowrap;
}
.icon-div{
  justify-content:start !important;
}
.match-title > .match-info{
    font-size: 16px !important;
    color: #676767 !important;
  }
.select-menu{
  margin-left: -15px !important;
}
@media (max-width: 767px) {
  .top-time-dtl.matka-top-time {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
  }
  .top-time-title {
    flex: 1;
    text-align: center;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .top-time-date,
  .top-time-clock {
    flex-shrink: 0;
    font-size: 16px !important;
  }
  .matka-draw-time-col{
    margin-top: 10px !important;
  }
.match-info .matka-result-text {
  margin-top: 10px !important;
}
  .match-title > .match-info{
    font-size: 14px !important;
    color: #676767 !important;
  }
  .select-menu{
    margin-left: 0px !important;
  }
  .top-time-date,
  .top-time-title,
  .top-time-clock
  {
    margin-top: 5px !important;
    font-family: Open Sans, Bold !important;
  }
  .top-time-dtl{
        padding: 7px 10px !important;
  }
  .matka-team-name{
    display: none !important;
  }
  .matka-draw-time-row {
  width: 100%;
}
}
.matka-team-name-mob{
  display: none !important;
}
.border-div{
  height: 80px !important;
}
a{
  outline: none !important;
}

/* show_football4.html */
div.overlay-div{
    z-index: 9998;
  }
  .numeric-keypad-main-div{
    z-index: 9999;
  }
  .md-modal {
    z-index: 99999;
  }
  .md-overlay {
    z-index: 99998;
  }
  .carousel {
    margin-top: 40px !important;
    box-shadow: 0 0px 20px 0px #000;
    margin: auto;
    width: 50%;
    overflow: hidden;
  }

  .slides {
    display: flex;
    transition: transform 1s ease;
  }

  .slide {
    margin: 0px 0px !important;
    flex: 0 0 100%;
    width: 50%;
    height: 100%;
  }
  .carousel-navigation {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
  }

  .carousel-navigation .dot {
    width: 10px;
    height: 10px;
    background-color: #ccc;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
  }
  .carousel-navigation .dot.active {
    background-color: var(--theme-primary);
  }

  @media (max-width: 767px) {
    .carousel{
      margin-top: 0px !important;
    }
  }

  @media (max-width: 768px){
    .carousel{
      width: 100% !important;
    }
  }
  @media all and (min-width: 300px) and (max-width: 1024px) {
    table.scoring-football-table{
      width: 100% !important;
      margin-left: 0px !important;
      background-image: none !important;
    }
    .scoring-football-div{
      position: relative;
    }
    .icon{
      position: absolute !important;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      opacity: 0.3;
    }
  }
  .scoring-football-div {
    background-image: none !important;
  }
  .container{
  overflow-x: hidden !important;
  }
  th.lagai-box-color {
    background-color: #49494A !important;
    color: white !important;
  }
  th.khai-box-color {
    background-color: #49494A !important;
    color: white !important;
  }

/* show_football4.html */
.cls-1 {
                    fill: none;
                  }

                  .cls-3 {
                    fill: rgba(255, 255, 255, 0.63);
                  }

/* show_tennis.html */
div.overlay-div{
    z-index: 9998;
  }
  .numeric-keypad-main-div{
    z-index: 9999;
  }
  .md-modal {
    z-index: 99999;
  }
  .md-overlay {
    z-index: 99998;
  }
  .carousel {
    margin-top: 40px !important;
    box-shadow: 0 0px 20px 0px #000;
    margin: auto;
    width: 50%;
    overflow: hidden;
  }

  .slides {
    display: flex;
    transition: transform 1s ease;
  }

  .slide {
    margin: 0px 0px !important;
    flex: 0 0 100%;
    width: 50%;
    height: 100%;
  }
  .carousel-navigation {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
  }

  .carousel-navigation .dot {
    width: 10px;
    height: 10px;
    background-color: #ccc;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
  }
  .carousel-navigation .dot.active {
    background-color: var(--theme-primary);
  }

  @media (max-width: 767px) {
    .carousel{
      margin-top: 0px !important;
    }
  }

  @media (max-width: 768px){
    .carousel{
      width: 100% !important;
    }
  }  
  th.lagai-box-color {
  background-color: #49494A !important;
  color: white !important;
  }
  th.khai-box-color {
    background-color: #49494A !important;
    color: white !important;
  }

/* show_tennis.html */
.scoring-timer-div{
      display: flex;
      align-items: center;
      justify-content: end;
      width: 40%;
    }
    .timer-box{
      border: 1px solid #685ba8 ;
      color: #fff !important;
    }
    .timer-box h4{
      border-bottom: 1px solid #685ba8 ;
      padding: 5px 5px;
    }
    .event-time{
      border-bottom: 1px solid #685ba8 ;
      padding: 5px 5px;
    }
    .sub-event-time{
      padding: 5px 5px;
    }
    .scoring-football-table1 {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      margin: auto;
      gap: 3px;
      width: 100%;
    }
    .scoring-football-table {
      border-collapse: collapse;
      width: auto;
      margin: 0px !important;
    }
    .scoring-tennis-div{
      display: flex;
      align-items: center;
    }
    .time-box{
      display: flex;
      align-items: center;
      color: #FFFFFF;
      font-family: 'open-sans-bold'; 
      font-size: 14px;
      width: fit-content;
      padding: 0 10px;
      margin-top: 3px;
      height: 30px;
      border: 0.5px solid #3A61A2;
      white-space: nowrap;
    }
     .team-name{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 170px;
      }

    @media all and (max-width: 912px){
      .scoring-tennis-div{
        background-image: none !important;
      }
      .time-box{
        padding: 5px;
        font-size: 11px;
        margin-left: 0px !important;
        margin-bottom: 5px;
      }
      .football_matches_wrapper .commentry-box-color.football-commentry-div{
        padding: 0 !important;
        height: 148px !important;
      }
      .refresh-btn-color{
        height: 148px !important;
      }
      .commentry-table tr td {
        height: 145px;
      }
      .football-refresh-btn img {
          margin-top: 30px;
      }
      .scoring-football-table1{
        margin-left: 0px !important;
        padding: 10px;
        padding-bottom: 0px;
      }
      .tab-w{
        width: 25% !important;
        border-collapse: collapse !important;
      }
      .table-sets{
        width: 50% !important;
      }
      .team-name{
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 60px;
      padding: 0px 8px !important;
      }
    }
    @media all and (min-width: 768px and max-width: 991){
      .scoring-tennis-div{
        background-image: none !important;
      }
      .time-box{
        padding: 5px;
        font-size: 11px;
        margin-left: 0px !important;
      }
      .tab-w{
        width: 25% !important;
        border-collapse: collapse !important;
      }
      .team-name{
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 90px;
      padding: 0px 8px !important;
      }
      .table-sets{
        width: 50% !important;
      }
    }
    @media all and (min-width: 1024px){
      .inplay-show-place-bet.football-commentry-div, div.refresh-btn-color {
        height: 134px;
      }
      .commentry-table tr td {
        height: 75px;
      }
      .football-refresh-btn img {
        margin-top: 20px;
      }
      .scoring-football-tab1{
        background-image: none !important;
      }
      .scoring-football-table1{
        width: auto;
      }
      .tab-w{
        width: 25% !important;
      }
    }
    table.scoring-football-table td{
      padding: 0px 20px;
    }
    .table-sets {
      max-width: 100%;
      scrollbar-width: none; /* For Firefox */
    }

    .table-sets::-webkit-scrollbar {
      display: none; /* For Chrome, Safari, and Edge */
    }

    .scoring-football-tab1 {
      width: 100%;
      border-collapse: collapse;
    }

    @media all and (min-width: 768px) and (max-width: 825px) {
      .table-sets {
        -ms-overflow-style: none; /* For IE and Edge */
        scrollbar-width: none; /* For Firefox */
      }
      .table-sets::-webkit-scrollbar {
        display: none; /* For Chrome, Safari, and Edge */
      }
    }

    .scrollable-table {
      overflow-y: auto !important;
      -ms-overflow-style: none; /* For IE and Edge */
      scrollbar-width: none; /* For Firefox */
    }

    .scrollable-table::-webkit-scrollbar {
      display: none; /* For Chrome, Safari, and Edge */
    }

    .scoring-football-div {
      background-image: none !important;
    }
    table.scoring-football-table {
      background-image: none !important;
    }
    @media all and (min-width: 300px) and (max-width: 1024px) {
      .scoring-football-div{
        position: relative;
      } 
       .icon{
        position: absolute !important;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        opacity: 0.3;
        pointer-events: none;
      } 
    }
    @media all and (min-width: 820px) and (max-width: 1025px) {
       .icon{
        position: absolute !important;
        top: 40% !important;
        left: 50%;
        transform: translate(-50%, -50%);
        opacity: 0.3;
        pointer-events: none;
      } 
    }
    .container{
  overflow-x: hidden !important;
}

/* show_tennis.html */
.cls-1 {
                      fill: none;
                    }
                    .cls-3 {
                      fill: rgba(255, 255, 255, 0.63);
                    }

/* user_upcomming_matches.html */
/* Match Status CSS Start */
  .alert-match-status-box{
    padding: 10px;
    margin-top: 20vh;
  }

  .alert-match-status-text{
    padding: 15px 15px;
    height: 80px !important;
    text-align: center;
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    color: #a94442;
    border-radius: 7px;
    display: table;
    width: 80%;
    margin-left: 10%;
  }

  .alert-match-status-text span{
    font-size: 18px;
    display: table-cell;
    vertical-align: middle;
    font-family: 'open-sans-regular' !important;
  }

  @media all and (max-width: 420px){
  .alert-match-status-text span{
    font-size: 16px;
  }
  }

.matka-draw-time-row {
  display: flex;
  justify-content: space-between;
  width: 110%;
  gap: 10px;
  font-size: 16px !important;
  color: #676767 !important;
}
.matka-draw-time-col p { margin: 0; line-height: 1.5; }
.matka-draw-time-col .matka-draw-value { font-weight: 700; }
.matka-result-text {
  text-align: center;
  width: 100%;
  font-size: 20px !important;
  font-weight: 700;
  letter-spacing: 3px;
  margin: 10px 0 0;
}
.top-time-title { font-weight: 700; }
.top-time-date, .top-time-clock { white-space: nowrap; }
.icon-div { justify-content: start !important; }
.match-title > .match-info { font-size: 16px !important; color: #676767 !important; }
.border-div { height: 80px !important; }
.select-menu { margin-left: -15px !important; }
div.match-detail-container div.match-info p.matka-result-text.team-name-font-color {
  margin-top: -5px !important;
}

@media (max-width: 767px) {
  .top-time-dtl.matka-top-time {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
  }
  .top-time-title {
    flex: 1;
    text-align: center;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .top-time-date, .top-time-clock { flex-shrink: 0; font-size: 14px !important; }
  .top-time-date, .top-time-title, .top-time-clock {
    font-family: Open Sans, Bold !important;
  }
  .top-time-dtl { padding: 7px 10px !important; }
  .matka-draw-time-row { width: 100%; }
  .matka-draw-time-col { margin-top: 10px !important; }
  .matka-team-name { display: none !important; }
  .match-title > .match-info { font-size: 14px !important; color: #676767 !important; }
  .select-menu { margin-left: 0px !important; }
  .matka-result-text.matka-result-text{margin-top: 10px !important}
}
.matka-result-text.matka-result-text{font-size: 20px !important}
@media (max-width: 375px) {
  .matka-draw-time-row { font-size: 13px !important; width: 98%; }
}
@media (max-width: 320px) {
  .matka-draw-time-row { font-size: 11px !important; width: 96%; }
}
  .container{
    overflow-x: hidden !important;
  }
/* Match Status CSS End */

/* user_matches_tournaments.html */
/* Match Status CSS Start */
  .alert-match-status-box{
    padding: 10px;
    margin-top: 25vh;
  }

  .alert-match-status-text{
    padding: 15px 15px;
    height: 80px !important;
    text-align: center;
    background-color: ;
    border: 1px solid #ebccd1;
    color: #a94442;
    border-radius: 7px;
    display: table;
  }

  .alert-match-status-text span{
    font-size: 18px;
    display: table-cell;
    vertical-align: middle;
    font-family: 'open-sans-regular' !important;
  }

  @media all and (max-width: 420px){
  .alert-match-status-text span{
    font-size: 16px;
  }
}
/* Match Status CSS End */