.sb_runs {
  font-size: 12vw;
}

.sb_td_main {
  font-size: 12vw;
}

.sb_td_sub {
  font-size: 1vw;
  /*vertical-align: top;*/
  /*padding-top: 50px;*/
}

#container {
  height: 100vh;
  width: 100%;
  margin: auto;
  overflow: hidden;
  border: 1px solid #000;
  background-color: #000000;
}

.item1 {
  float: left;
  height: 60%;
  width: 35%;
}

.item2 {
  float: left;
  height: 60%;
  width: 65%;
}

.item3 {
  float: left;
  height: 39%;
  width: 35%;
}

.item4 {
  float: left;
  height: 39%;
  width: 32.5%;
}

.item5 {
  float: left;
  height: 39%;
  width: 32.5%;
}

/* .item-a {
  background-color: #CCC;
}

.item-b {
  background-color: #AAA;
}

.item-c {
  background-color: #900;
}

.item-d {
  background-color: #9CC;
} */

.clear {
  clear: left;
}

.sub_container_a {
  height: 95%;
  background-color: #1f1f1f;
  border: 1px solid white;
  text-align: center;
  //padding: 10px;
  //margin: 10px;
  //margin-bottom: 500px;
  //border-radius: 10px;
  color: white;
  height: 60vh;
  width: 35vw;
}

.sub_container_b {
  height: 95%;
  background-color: #ffffff;
  border: 1px solid white;
  padding: 0px;
  //margin: 10px;
  //margin-bottom: 500px;
  //border-radius: 10px;
  color: white;
  height: 60vh;
  width: 65vw;
}

/* .sub_container_c {
  height: 95%;
  background-color: #000aff;
  border: 1px solid white;
  padding: 10px;
  //margin: 10px;
  //margin-bottom: 500px;
  //border-radius: 10px;
  color: white;
  height: 39vh;
  width: 35vw;
  z-index: 200;
} */

.sub_container_c {
  height: 95%;
  background-color: #000aff;
  border: 1px solid white;
  padding: 10px;
  //margin: 10px;
  //margin-bottom: 500px;
  //border-radius: 10px;
  text-align: center;
  color: white;
  height: 39vh;
  //width: 35vw;
}

.sub_container_c2 {
  height: 95%;
  background-color: red;
  border: 1px solid white;
  padding: 10px;
  //margin: 10px;
  //margin-bottom: 500px;
  //border-radius: 10px;
  text-align: center;
  color: white;
  height: 39vh;
  //width: 35vw;
  display: none;
  z-index: 100;
}

.sub_container_d {
  height: 95%;
  //background-color: #197b4c;
  background-color: green;
  border: 1px solid white;
  padding: 10px;
  text-align: center;
  //margin: 10px;
  //margin-bottom: 500px;
  //border-radius: 10px;
  color: white;
  height: 39vh;
  //width: 34vw;
}

.sub_container_e {
  height: 95%;
  background-color: #ffffff;
  border: 1px solid #1f1f1f;
  padding: 10px;
  color: white;
  height: 39vh;
}

.sub_container_heading {
  font-size: 25px;
  font-weight: 700;
  text-align: center;
  position: fixed;
  top: auto;
}

.display_l {
  font-size: 35vh;
  font-weight: 700;
  text-align: center;
  margin-top: 0px;
  padding: 0px;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #8f8f8f;
}

.display_l_2 {
  font-size: 11vw;
  font-weight: 800;
  text-align: center;
  margin-top: 0px;
  padding: 0px;
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: #1f1f1f;
}

.display_balls_left {
  font-size: 14vw;
  font-weight: 800;
  text-align: center;
  line-height: 39vh;
  display: inline-block;
  vertical-align: middle;
  color: white;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #1f1f1f;
}

/* @keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1.2);
  }
} */

.display_s {
  font-size: 1.5vw;
  font-weight: 700;
  text-align: center;
  color: #a6a6a6;
}

.display_m {
  font-size: 5vw;
  font-weight: 700;
  text-align: center;
  margin-top: -100px;
}

.display_time {
  font-size: 11.5vw;
  font-weight: 800;
  text-align: center;
  line-height: 39vh;
  display: inline-block;
  vertical-align: middle;
  color: green;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #1f1f1f;
}

.display_runs {
  font-size: 18vw;
  font-weight: 800;
  text-align: center;
  line-height: 59vh;
  display: inline-block;
  vertical-align: middle;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #8f8f8f;
}

.display_over_balls {
  font-size: 14vw;
  font-weight: 800;
  text-align: center;
  line-height: 39vh;
  display: inline-block;
  vertical-align: middle;
  color: white;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #1f1f1f;
}

.display_target {
  font-size: 14vw;
  font-weight: 800;
  text-align: center;
  line-height: 39vh;
  display: inline-block;
  vertical-align: middle;
  color: white;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #1f1f1f;
}

.bat_heading {
  font-size: 40px;
  font-weight: 700;
  text-align: left;
  width: 30%;
}

.bat_name {
  font-size: 25px;
  font-weight: 500;
  text-align: left;
  padding-left: 20px;
}

.stats_bat_heading {
  font-size: 25px;
  font-weight: 700;
  text-align: center;
  padding-left: 20px;
  width: 25%;
  border-bottom: 1px solid white;
  background: #1f1f1f;
}

.stats_bat {
  font-size: 4vh;
  font-weight: 700;
  text-align: left;
  padding-left: 10px;
  padding-top: 20px;
}

.stats_bowl_heading {
  font-size: 25px;
  font-weight: 700;
  text-align: center;
  padding-left: 20px;
  width: 25%;
  border-bottom: 1px solid white;
  background: #1f1f1f;
}

.stats_bowl {
  font-size: 25px;
  font-weight: 500;
  text-align: center;
  padding-left: 20px;
}

.stats_skins_heading {
  font-size: 5vh;
  font-weight: 700;
  text-align: center;
  padding-left: 10px;
  color: white;
  padding-bottom: 15px;
  line-height: .90em;
}

.skins_header {
  font-size: 5vh;
  font-weight: 700;
  padding-bottom: 0px;
  padding-top: 0px;
  color: black;
}

.stats_skins {
  font-size: 14vh;
  font-weight: 700;
  text-align: center;
  padding-left: 1px;
}

.bsh {
  //padding-left: 50px;
  //padding-right: 50px;
  padding: 5px;
  width: 150px;
}

.bsh_total {
  //padding-left: 50px;
  //padding-right: 50px;
  padding: 5px;
  width: 150px;
}

.bsh2 {
  //padding-left: 50px;
  //padding-right: 50px;
  padding: 5px;
  width: 150px;
}

.skin_loose {
  background: green;
  color: white;
}

.center {
  text-align: center;
}

.border {
  border: 1px solid #000000;
}

.score_input {
  width: 30px;
}

.swiper {
  width: 100%;
  height: 100vh;
}

.b_w {
  background: black;
  color: white;
}

.r_w {
  background: red;
  color: white;
}

.score_runs {
  font-size: 30px;
}

.score_runs_sub {
  font-size: 13px;
  color: red;
}

.score_runs_sub2 {
  font-size: 13px;
  color: red;
}

.timer_green {
  background: #157347;
}

.score_timer_green {
  color: #ffffff;
}

.timer_orange {
  background: #ffc82c;
}

.score_timer_orange {
  color: #ffb300;
}

.timer_red {
  background: #bc2f38;
}

.score_timer_red {
  color: #bc2f38;
}

.dropdown:hover .dropdown-menu {
  margin-top: 53px;
  margin-left: 5px;
  display: block;
}

.dropdown_edit:hover .dropdown-menu {
  margin-top: 37px;
  margin-left: 5px;
  display: block;
}

.dropdown_netball:hover .dropdown-menu {
  margin-top: 1px;
  margin-left: 5px;
  display: block;
}

.scoreboard_display {
  position: fixed;
  top: 105px;
  height: 20px;
  left: -25px;
  padding: 0px;
  margin: 0px;
  width: 90px;
  opacity: 1;
  z-index: 499;
  display: nonea;
  //backdrop-filter: blur(5px);
}

.scoreboard_display_content {
  position: fixed;
  top: 50px;
  height: 350px;
  left: -25px;
  padding-left: 25px;
  margin: 0px;
  //width: 320px;
  width: 0px;
  //opacity: 0.99;
  z-index: 499;
  display: nonea;
  border: 0px;
  //backdrop-filter: blur(5px);
}

.scoring_div {
  position: fixed;
  top: 252px;
  height: 100%;
  left: 0px;
  padding: 0px;
  margin: 0px;
  width: 100%;
  background-color: green;
  opacity: 0.99;
  z-index: 499;
  display: none;
  //backdrop-filter: blur(5px);
}

.current_ball {
  border: 2px solid green;
  background: #a3e3af;
}

.current_ball_edit {
  border: 2px solid green;
  background: #a3e3af;
}

.score_error {
  border: 2px solid red;
  background: #eb877c;
}

.game_sum_over_done {
  border: 2px solid white;
  background: green;
}

.div_blur {
  filter: blur(2px);
  opacity: 0.1;
}

.player_lock {
  background-color: green;
  pointer-events: none;
  color: white;
}

.player_lock:hover {
  background-color: green;
  pointer-events: none;
  color: white;
}

.stats_curr_heading {
  font-size: 4vh;
  font-weight: 900;
  text-align: left;
  padding-left: 10px;
  //border-bottom: 1px solid #000000;
  //border-right: 1px solid #000000;
  background: #1f1f1f;
  color: white;
}

.stats_curr {
  font-size: 4vh;
  font-weight: 500;
  text-align: left;
  padding-left: 10px;
  //border-bottom: 1px solid #000000;
  //border-right: 1px solid #000000;
  background: #1f1f1f;
  color: white;
}

.player_stats {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  min-width: 100vw;
  max-width: 100vw;
  height: 100vh;
  min-height: 100vh;
  max-height: 100vh;
  display: none;
  z-index: 1000;
}

.player_stats_name {
  font-size: 17vh;
  font-weight: 700;
  padding: 5px;
  text-align: left;
  padding-left: 80px;
  line-height: .90em;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #5e5e5e;
}

.player_stats_score {
  font-size: 17vh;
  font-weight: 900;
  text-align: right;
  padding-right: 100px;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #5e5e5e;
}

.player_stats_bowl_runs {
  font-size: 17vh;
  padding: 0px;
  padding-right: 200px;
}

.player_stats_bowl_wickets {
  margin-top: 40px;
  top: -100px;
}

.popup_result_container {
  color: white;
  background: #ffbd17;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.popup_resultx {
  background: #06c;
  flex: 0 0 100vw;
}

.scoreboard_popup {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  min-width: 100vw;
  max-width: 100vw;
  height: 100vh;
  min-height: 100vh;
  max-height: 100vh;
  display: none;
  z-index: 1000;
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: #1f1f1f;
}

/* .popup_result {
  animation: score_pulse 2s infinite;
}

@keyframes score_pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1.1);
  }
} */

.scoreboard_table {
  width: 100vw;
  height: 100vh;
}

.popup_result {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  //border: 1px solid black;
  padding-left: 300px;
  padding-right: 300px;
}

.strike {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 0px;
  padding: 0px;
  margin: 0px;
  z-index: 500;
  background: red;
  text-align: center;
  color: white;
  //border-radius: 50%;
  //padding: 100px;
  opacity: 0.98;
  font-size: 12vh;
  font-weight: 900;
  border-top: 5px solid white;
  //display: none1;
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: black;
}

.balls_left {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 0px;
  padding: 0px;
  margin: 0px;
  z-index: 500;
  background: #333333;
  text-align: center;
  color: white;
  //border-radius: 50%;
  //padding: 100px;
  opacity: 0.98;
  font-size: 12vh;
  font-weight: 900;
  border-top: 5px solid white;
  //display: none1;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: grey;
}

.scoreboard_edit {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 0px;
  padding: 0px;
  margin: 0px;
  z-index: 500;
  background: #d48a00;
  text-align: center;
  color: white;
  //border-radius: 50%;
  //padding: 100px;
  opacity: 0.98;
  font-size: 12vh;
  font-weight: 900;
  border-top: 5px solid white;
  //display: none1;
}

.batsman_noselect {
  pointer-events: none;
}

.bowler_noselect {
  pointer-events: none;
}

.skins_table {
  height: 100%;
  color: white;
  border: 1px solid white;
  background: #b01928;
  -webkit-text-stroke-width: 4px;
  -webkit-text-stroke-color: #1f1f1f;
}

.skins {
  font-size: 9vw;
  font-weight: 900;
  text-align: center;
  padding-left: 1px;
  padding: 2px;
  width: 25%;
  border: 1px solid white;
  //padding-bottom: 5px;
  //background: #575757;
  //border: 1px solid #1f1f1f;
  //line-height: 0.98em;
  line-height: 1.6;
}

.skin_win {
  //background: green;
  background: #035703;
  border: 1px solid white;
  color: white;
  //text-shadow: 0 0 5px #1f1f1f, 0 0 5px #1f1f1f;
  -webkit-text-stroke-width: 4px;
  -webkit-text-stroke-color: #1f1f1f;
}

.game_streamx {
  position: absolute;
  top: 492px;
  left: 990px;
  width: 426px;
  height: 240px;
  z-index: 500;
  background: green;
  text-align: center;
  color: white;
  border: 1px solid white;
}

.select2-dropdown {
  z-index: 10060 !important;
}

.select2-container--open {
  z-index: 9999999;
}

#content_container {
  height: 100vh;
  width: 100%;
  margin: auto;
  overflow: hidden;
  background-color: #333333;
}

.content_item {
  float: left;
  height: 24%;
  width: 100%;
}

.content_item1 {
  float: left;
  height: 76%;
  width: 100%;
}

.content_item2 {
  float: left;
  height: 8%;
  width: 100%;
}

.content_container_sub {
  background-color: #3b5998;
  padding-top: 20px;
  text-align: center;
  color: white;
  height: 24vh;
  width: 99.5vw;
}

.content_container_sub1 {
  background-color: #333333;
  padding-top: 20px;
  text-align: center;
  color: white;
  height: 76vh;
  width: 99.5vw;
}

.content_container_sub2 {
  height: 95%;
  background-color: #3b5998;
  border-top: 1px solid white;
  padding-top: 5px;
  padding-left: 30px;
  text-align: left;
  color: white;
  height: 8vh;
  width: 99.5vw;
}

.sleep_add {
  position: fixed;
  bottom: 7px;
  left: 35px;
  width: 70px;
  height: 70px;
  padding: 5px;
  padding-top: 8px;
  z-index: 500;
  background: #ffffff;
  text-align: center;
  color: white;
  border-radius: 50%;
  border: 3px solid #3b5998;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: grey;
}

.latency_good {
  background: green;
}

.latency_med {
  background: orange;
}

.latency_bad {
  background: red;
}

iframe {
  width: 550px;
  height: 320px;
  border: none;
  /*padding-top: 20px;*/
}

.powerplay {
  border: 1px solid red !important;
}