@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Hind:wght@300;400;500;600;700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

@font-face {
  font-family: "Verdana";
  src: url("../fonts/verdana.ttf");
}

* {
  font-family: "Nunito Sans", sans-serif;
  text-transform: uppercase !important;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
td,
th {
  user-select: none;
}

.blinking {
  animation: blinkingText .8s infinite;
}


@keyframes blinkingText {
  0% {
    color: #c2e884
  }

  20% {
    color: #c2e884
  }

  40% {
    color: #ff7f00
  }

  60% {
    color: #ff7f00
  }

  80% {
    color: #36cb3b
  }

  100% {
    color: #36cb3b
  }
}

@keyframes blinkingHoverText {
  0% {
    color: red
  }

  20% {
    color: red
  }

  40% {
    color: #08c
  }

  60% {
    color: #08c
  }

  80% {
    color: #000
  }

  100% {
    color: #000
  }
}

@keyframes blinkingHoverWhite {
  0% {
    color: red
  }

  20% {
    color: red
  }

  40% {
    color: #ff0
  }

  60% {
    color: #ff0
  }

  80% {
    color: blue
  }

  100% {
    color: blue
  }
}

.custom_button {
  background-color: #FF911F !important;
  color: white;
  font-Weight: bold;
}

.col-img img {
  margin-left: 6px;
}

.navbar-toggler svg {
  font-size: 30px;
}

.backbutton {
  background-color: rgb(255, 145, 31) !important;
  color: white;
  font-weight: bold;
}

a {
  text-decoration: none;
}

.logo {
  height: 20;
}

.bg-image {
  background-image: url("https://wallpapercave.com/wp/wp3509202.jpg");
}

.loginpage-title {
  text-align: center;
  color: #205685;
  font-size: 6rem;
  font-family: "Roboto", sens-serif;
  text-transform: none !important;
  line-height: 0.9;
}

.loginpage-subtitle {
  text-align: center;
  color: #92C738;
  font-size: 1.5rem;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 600;
  line-height: 1.334;
  letter-spacing: 0em;
  text-transform: none !important;
}

.login-input-field {
  width: 100%;
  margin: 10px 0px !important;

  label {
    text-transform: none !important;
  }

  input {
    text-transform: none !important;
  }
}


.dashboard-notification {
  font-weight: bold;
  text-align: center;
  font-size: 31px;
  line-height: 3.5rem;
}

.login-button {
  background-color: #205685 !important;
  color: white;
  padding: 8px 22px !important;
  font-size: 0.9375rem !important;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
  font-weight: 500 !important;
  line-height: 1.75 !important;
  letter-spacing: 0.02857em !important;
}

.theme-dark {
  background-color: #002D5B !important;
}

.logo {
  width: 200px;

  img {
    width: 100px;
  }
}

.bg-light-opacity {
  background-color: #89ebb75c !important;
}

.bg-theme-dark {
  background-color: #002D5B !important;
  color: #fff;
}

.bg-theme-light {
  background-color: #46c35f !important;
  color: #fff;
}

.tab-button {
  border-radius: 0px !important;
}

.navbar {
  border-top: 1px solid #46c35f;
}

.nav-link {
  color: #fff !important;

  &.active {
    font-weight: 500;
  }
}

.lgaai {
  background-color: #002D5B !important;
  text-align: center;
}

.casino_lgaai {
  background-color: #72BBEF !important;
  text-align: center;
  color: #000000;
}


.no_comm_lgaai {
  background-color: #FF911F !important;
  text-align: center;
}

.khaai {
  background-color: #f76f78 !important;
  text-align: center;
}

.dashboard-icons {
  a {
    text-decoration: none;
  }

  img {
    width: 150px;
  }

  p {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
  }
}

.match-meta {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 20px 0px;

  img {
    width: 90px;
    margin-right: 20px;
    transform: scale(0.8);
    transition: all 1s ease-in-out;
  }

  img {
    transform: scale(1.2);
  }

  h5 {
    color: #002D5B;
    font-size: 18px;
  }

  p {
    color: #46c35f;
    font-size: 14px;
  }
}

.match-row {
  border-bottom: 1px solid #46c35f;
}

.game-bet-data {
  width: 200px;
  text-align: center;
  padding: 20px;
  font-weight: bold;
  color: #fff;
}

.match-bets {
  background: #46666c !important;
  border-color: #46666c !important;
}

.session-bets {
  background: #d00000 !important;
  border-color: #d00000 !important;
}

.topnav {
  padding: 1em;
}

.dashboard-icons img {
  border-radius: 100%;
  width: 170px;
  height: 170px;
  object-fit: cover;
}

.coming-soon {
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 0px;
  right: 75px;
  top: -15px;
}

@media only screen and (max-width: 480px) {
  .mobile-hide {
    display: none !important;
  }

  .topnav {
    padding: 0.3em;
  }

  .logo img {
    width: 45px;
        margin-left: 10px;
           /* width: 85px;
        margin-left: 10px; */
  }

  .dashboard-icons img {
    border-radius: 100%;
    width: 80px;
    height: 80px;
    object-fit: cover;
  }

  .game-bet-data {
    font-size: 12px;
    padding: 15px;
  }

  .match-meta {
    padding: 15px;
  }

  .coming-soon {
    position: absolute;
    width: 50px !important;
    height: 50px !important;
    border-radius: 0px !important;
    right: 35px;
    top: -15px;
  }
}

.vibrate-1 {
  -webkit-animation: vibrate-1 0.3s linear infinite both;
  animation: vibrate-1 0.3s linear infinite both;
}

@-webkit-keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }

  20% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }

  40% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }

  60% {
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
  }

  80% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
  }

  100% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}

@keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }

  20% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }

  40% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }

  60% {
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
  }

  80% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
  }

  100% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}

.signin-title {
  position: absolute;
  top: -20px;
  background-color: #11733f;
  color: #fff;
  width: 100%;
  text-align: center;
  padding: 4px;
  font-size: 20px;
}

.signin-logo {
  height: 130px;
  width: auto;
  margin: auto;
}

/* .login-page {
  // background: url("../img/login-bg.jpeg");
  // background: url("../img/login-bg.jpeg");
  background-size: cover;
} */

#offcanvasNavbar-expand-navbar {
  background-color: #002D5B;
  width: 250px;
}

.profile-details {
  font-size: 13px;
}

.bet-price-btn {
  background-color: #002D5B !important;
  border-color: #002D5B !important;
  margin-right: 4px;
  margin-top: 4px;
  border-radius: 0px;
}

.scoreboard {
  width: 100%;
  height: 60px;
  background: #1d1d1d;
  display: flex;
  color: #fff;
  justify-content: space-between;
  align-items: center;
  padding: 0px 5px;
  font-size: 13px;
}

.session-team {
  display: flex;
  align-items: center;
  height: 56px;
}

.team2,
.team1 {
  width: 20%;
  max-width: 20%;
  text-align: center;
  font-weight: bold;
}

.scoreboard span {
  width: 30px;
  height: 30px;
  display: inline-flex;
  background: #fff;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0px 0px 5px 0px #ccc;

  img {
    width: 80%;
  }
}

.live-status {
  width: 100px;
  text-align: center;
  border-radius: 30px;
  background: #fff;
  height: 30px;
  color: #000;
  line-height: 2em;
  box-shadow: inset 0px 0px 5px 0px #ccc;
}

.players {
  width: 100%;
  display: flex;
  justify-content: space-between;
  height: 50px;
  background: #1d1d1d;
  color: #fff;
  align-items: center;
  font-size: 12px;

  div {
    flex: 1;
  }
}

.text-right {
  text-align: right;
}

ul.rules-list li {
  margin: 5px 0px;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: 1.2px;
}

.rules-list {
  font-size: 13.5px;
}

.lgaai span,
.khaai span {
  font-size: 12px;
  display: block;
}

.suspended-bg {
  background-image: url("../img/suspended-bg.png");
  display: flex;
  align-items: center;
  justify-content: center;
  height: 65px;
  width: 100%;
  background-size: contain;
  min-width: 150px;

  span {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    background: #ffffffe6;
    width: 100%;
    color: #002D5B;
    font-weight: bold;
  }
}



.inplay-notification {
  background-color: #002D5B;
  color: #E8FF26;
  font-weight: bold;
  margin-bottom: -7px;
  margin-top: -10px;
}

.exposure {
  position: absolute;
  z-index: 999;
  width: auto;
  top: -40px;
  right: 45%;
  margin: auto;
  color: #fff;
  font-weight: 800;
  font-size: 14px;

  p {
    margin: 0px;
    line-height: 1.6em;
  }
}

.score-msg {
  background-color: #1d1d1d;
  font-weight: bold;
}

.last-over {
  background-color: #fff;
  border-radius: 15px;
  display: flex;
  padding: 4px;

  span {
    min-width: 16px;
    margin: 0px 3px;
    display: inline-block;
    text-align: center;
    border-radius: 14px;
    font-size: 10px;
  }
}

.profile-title {
  font-weight: 700;
}

.caution-warning {
  text-align: center;

  img {
    width: 90px;
  }

  p {
    font-weight: bold;
    font-size: 20px;
  }
}

.box-shadow-0 {
  box-shadow: unset !important;
}

.loader {
  top: 0px;
  background: #0000004d;
  left: 0;
  z-index: 99;

  img {
    width: 100px;
  }
}

.flip-vertical-right {
  -webkit-animation: flip-vertical-right 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite alternate both;
  animation: flip-vertical-right 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite alternate both;
}

/**
 * ----------------------------------------
 * animation flip-vertical-right
 * ----------------------------------------
 */

@-webkit-keyframes flip-vertical-right {
  0% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }

  100% {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}

@keyframes flip-vertical-right {
  0% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }

  100% {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}

.match-tv {
  width: 100%;
  height: 200px;
}

.match-score {
  width: 100%;
  height: 200px;
}

.toast-container {
  z-index: 999 !important;
}

.tv-toggle {
  position: fixed;
  bottom: 0px;
  width: 100%;
  text-align: center;

  button {
    border-radius: 100% !important;
    background-color: #002D5B !important;
    width: 40px;
    height: 40px;
    display: flex;
    margin: auto;
    align-items: center;
    justify-content: center;
  }

  img {
    width: 20px;
    filter: invert(1);
  }
}

.toast {
  width: auto !important;
  color: #fff;
  font-weight: bold;
}

/**
In Play
**/

.date-time {
  position: relative;
  width: 68px;
  height: 45px;
  border-radius: 5px;
  color: #5c6060;
  text-align: center;
  font-weight: 600;
  background-color: #d1d1d1;
  padding: 6px 1px;
  float: left;
  margin-right: 10px;
  text-transform: uppercase;
}

.in-play {
  position: relative;
  background-image: linear-gradient(to right,
      #e163dc -30%,
      #c43d5d 20%,
      #5142c3 130%);
  color: #a13f7c;
  font-size: 8px;
  font-weight: 600;
  text-align: center;
  display: inline-block;
  text-transform: initial;
}

.animation-box {
  overflow: hidden;
  position: relative;
  float: right;
  width: 73px;
  height: 40px;
  left: 2px;
  top: -4px;
}

.in-play::after,
.in-play::before {
  content: "";
  z-index: 0;
  margin: -5%;
  -webkit-box-shadow: inset 0 0 0 2px;
  box-shadow: inset 0 0 0 2px;
  border-radius: 7px;
  -webkit-animation: clip 8s linear infinite;
  animation: clip 8s linear infinite;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.in-play::before {
  -webkit-animation-delay: -4s;
  animation-delay: -4s;
}

.animation-box .flip-animation {
  -webkit-animation: flip 6s cubic-bezier(0.23, 1, 0.32, 1.2) infinite;
  animation: flip 6s cubic-bezier(0.23, 1, 0.32, 1.2) infinite;
}

ul:not(.browser-default) {
  padding-left: 0;
  list-style-type: none;
}

ul.collapsible li {
  margin: 0 0 10px;
}

.animation-box .flip-animation li.time_date {
  display: block;
  top: 5px;
  position: relative;
}

.animation-box .flip-animation li {
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  padding: 0;
  height: 39px;
  margin-bottom: 20px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-transform: uppercase;
}

ul:not(.browser-default)>li {
  list-style-type: none;
}

.date-time .time {
  font-size: 9px;
  white-space: nowrap;
  text-align: center;
  display: block;
  font-weight: 700;
  color: #5c6060;
}

.animation-box .flip-animation li .date,
.animation-box .flip-animation li .time {
  color: #fff !important;
}

.date-time .date {
  font-size: 9px;
  white-space: nowrap;
  text-align: center;
  display: block;
  font-weight: 700;
  color: #5c6060;
}

.in-play .in-play-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: -px;
  left: 0px;
  position: relative;
}

.in-play .in-play-item .icon-holder-small {
  width: 17px;
  margin-right: 4px;
  top: 0px;
  position: relative;
}

.icon-holder-small {
  width: 24px;
  height: 24px;
  margin: 2px auto auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@-webkit-keyframes clip {

  0%,
  100% {
    clip: rect(0, 75px, 2px, 0);
  }

  25% {
    clip: rect(0, 2px, 75px, 0);
  }

  50% {
    clip: rect(45px, 75px, 75px, 0);
  }

  75% {
    clip: rect(0, 75px, 75px, 45px);
  }
}

@keyframes clip {

  0%,
  100% {
    clip: rect(0, 75px, 2px, 0);
  }

  25% {
    clip: rect(0, 2px, 75px, 0);
  }

  50% {
    clip: rect(45px, 75px, 75px, 0);
  }

  75% {
    clip: rect(0, 75px, 75px, 45px);
  }
}

@-webkit-keyframes flip {
  0% {
    margin-top: -90px;
  }

  30% {
    margin-top: -60px;
  }

  55% {
    margin-top: -60px;
  }

  75% {
    margin-top: 0;
  }

  99.99% {
    margin-top: 0;
  }

  100% {
    margin-top: -90px;
  }
}

@keyframes flip {
  0% {
    margin-top: -90px;
  }

  30% {
    margin-top: -60px;
  }

  55% {
    margin-top: -60px;
  }

  75% {
    margin-top: 0;
  }

  99.99% {
    margin-top: 0;
  }

  100% {
    margin-top: -90px;
  }
}

.last-results {
  .results {
    float: right;

    li {
      float: left;
      margin: 0px 2px;
      height: 25px;
      width: 25px;
      border-radius: 100%;
      background: #FF911F;
      display: flex;
      color: red;
      align-items: center;
      justify-content: center;
      font-weight: bold;
      font-size: 14px;
    }

    .result-yellow {
      color: yellow;
    }
  }
}

.old-matches-list {
  text-align: center;
  cursor: pointer;

  .TeamName {
    width: 100%;
    background: #002D5B;
    font-size: 15px;
    display: grid;
    color: #fff;

    a {
      padding: 5px 0px;
      text-decoration: none;
      font-weight: 700;
    }
  }

  .old-match-details a {
    text-decoration: none;
  }

  .old-match-details a tr td {
    color: #000;
    font-weight: 800;
    font-size: 11px;
    line-height: 1.7em;
  }
}

.toggle-tv-old {
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0px 0px 5px 1px #ccc;
  margin-bottom: 0px;
}

.match-bets-old {
  text-align: center;
  /* color: #fff; */
  font-size: 13px;
  margin-top: -5px;
}

.scoreboard-old {
  font-family: "Verdana", sens-serif;
  border: 2px dotted;
  font-weight: 600;
  font-size: 10px;
  display: flex;
  flex-direction: column;
  min-height: 54px;
  justify-content: center;

  img {
    height: 80px;
    margin: auto;
  }

  @media only screen and (max-width: 480px) {
    img {
      height: 50px;
      width: 100%;
    }
        .games-types {
      width: 95%;
    }
  }
}

  @media only screen and (max-width: 786px) {
  
        .games-types {
      width: 95% !important;
    }
  }

.ball-status {
  height: 70px;
  background: #0d81e4;
  color: #fff;
  font-size: 30px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 2em;
}

.score-msg-old {
  background-color: #002D5B;
  color: white;
  font-size: 15px;
  font-weight: bold;
  padding: 5px 0px;
  margin-top: -5px !important;
}

@media only screen and (max-width: 480px) {
  .ball-status {
    font-size: 11px;
    height: 50px;
    line-height: 1.5em;
  }
}

.font-17 {
  span {
    font-size: 17px !important;
  }
}

.locked-session {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  background: #00000085;
  height: 100%;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.cards {
  position: absolute;
  top: 0px;
  z-index: 9;
  color: #fff;
  font-size: 10px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 5px;

  li {
    list-style: none;
    float: left;
    margin-right: 3px;
  }

  img {
    width: 25px;
  }
}

.result-headings {
  display: flex;
  justify-content: space-between;
  background: #002D5B;
  padding: 5px 5px;
  color: #fff;

  h4 {
    font-size: 13px;
    font-weight: bold;
    margin: 0;
  }
}


.card_3d {

  box-shadow: 3px 3px 3px grey;
}

.casino-tabs {
  font-size: 12px !important;
  padding: 4px 10px !important;

  &.active {
    border-bottom: 4px solid #D07619 !important;
  }
}

.casino-bets-list {
  li {
    margin: 3px 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 12px;
    padding: 3px 5px;

    h4 {
      font-size: 13px;
      font-weight: 600;
      border-bottom: 1px solid #ccc;
    }

    .bet {
      h4 {
        border-bottom: unset;
        margin-bottom: 2px;
      }

      p {
        margin-bottom: 0px;
      }
    }
  }
}

.bet-result {
  h4 {
    font-size: 14px;
    font-weight: 600;
  }
}

.bet-cards {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  font-size: 14px;

  img {
    width: 45px;
  }
}

.last-won {
  position: absolute;
  bottom: 5px;
  left: 5px;
  color: #ff911f;
  font-size: 15px;
  font-weight: 600;
  width: 160px;
  display: flex;
  justify-content: space-between;
  margin: 0px;

  span {
    border: 2px solid #E8FF22;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    box-shadow: inset 0px 0px 6px 0px #ccc;
    padding: 10px;
  }
}

.counter {
  position: absolute;
  right: 2px;
  bottom: 4px;
  color: #ff911f;
  height: 50px;
  font-size: 20px;
  border: 2px solid #E8FF22;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  box-shadow: inset 0px 0px 6px 0px #ccc;
}

.last-results {
  &.h-70 {
    height: 70px !important;
  }

  &.h-100 {
    height: 100px;
  }
}

.casino-bet-amounts {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}


.casino-loader {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background: #0000004d;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
}

.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.statement-tabs {
  &.inplay {
    button {
      font-size: 10px;
    }
  }
}

.bet-slip-title {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #fff;

  .h4 {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #fff;
  }
}

.match-bets-old thead tr th {
  font-weight: 900;
  line-height: 1em;
  color: #fff;
}

.old-match-bets {
  font-size: 9px;
}

table.table-bordered.score-msg-old.text-dark.table.text-center tbody tr {
  display: flex;
  justify-content: space-between;
}

table.table-bordered.score-msg-old.text-dark.table.text-center tbody tr th {
  display: flex;
  align-items: center;
  padding: 0px;
  border: 0px;
}

.statement-tables {
  thead {
    font-size: 12px;
  }

  &.table> :not(:first-child) {
    border-top: 0px;
  }
}

.statement-tables {
  tbody {
    tr {
      font-size: 12px;
      font-weight: bold;
      border-color: grey !important;
    }

    td {
      border-color: grey !important;
    }
  }
}

.back-btn {
  font-size: 13px !important;
}

.bet-modal {
  .close-modal {
    text-align: right;
  }

  p {
    margin-bottom: 0px;
  }

  .modal-content {
    background-color: #28284e;
    color: var(--white);


    .modal-body {
      padding: 0px;
    }

    .bet-strip {
      background-color: #ffffff47;
      font-size: 12px;
      padding: 10px 0px;
      text-align: center;
      font-weight: bold;

      label {
        color: #ffffffa3;
      }

      p {
        font-size: 16px;
        color: #fff;
      }
    }
  }

  .bet-price-btns {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: start;
  }

  .bet-price-btn {
    background-color: #ffffff47 !important;
    border-color: --white !important;
    font-size: 12px;
    width: 29%;
    margin: 5px;
    border-radius: 20px;
  }
}

.inplay-session-bets {
  font-size: 10px;
  font-weight: bold;
}

.notification {
  margin: 0;
  text-align: center;
  background: #002D5B;
  color: #fff;
  box-shadow: 0px 4px 18px 0px #cccccc7a;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: -10px;

}

.amar-akbar-anthony {
  font-size: 10px;

  .casino-card {
    max-width: 33%;
  }
}


.games-types {
    width: 65%;
    display: flex;
    gap: 1px;
    justify-content: center !important;
    margin: 18px auto;

  li {
    display: flex;
    flex-direction: column;
    box-shadow: 0px 0px 4px 0px #ccc;
    align-items: center;
    padding: 14px 0px;
    font-weight: 800;
    color: #002D5B;
    font-size: 11px;
    text-align: center;
    
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #0d6efd;
    border-radius: 5px;
    box-shadow: 0 0 6px 0 #0000009e;
    flex: 1 0 15%;
    margin: 0 10px;
    padding-bottom: 8px;
    position: relative;
    text-decoration: none;

    img {
      width: 30px;
    }

    &.active {
      box-shadow: 0px 0px 6px 0px #0000009e;
    }
  }
}

.blink {
  animation: blink 1s steps(1, end) infinite;
  width: 10px;
  height: 10px;
  background-color: #55d18f;
  border-radius: 100%;
}

.cursor-pointer {
  cursor: pointer;
}

@keyframes blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.cell-td {
  vertical-align: middle;
  text-align: center;
  color: white;
}

.pdr-4 {
  padding-right: 5px;
}

.casino-back-btn {
  background: #ff911f !important;
  bottom: 0;
  color: #fff !important;
  left: 0;
  margin: auto;
  padding: 5px;
  position: fixed;
  right: 0;
  text-align: center;
  text-decoration: none;
}

.TeamName a {
  color: white !important
}

.teamClrBlue {
  background-color: rgb(114, 187, 239) !important;
  color: white;
}

.teamClrPink {
  background-color: rgb(250, 169, 186) !important;
  color: white;
}

.mtachImgInfo {
  float: right;
  height: 20px;
  font-size: 10px;
  cursor: pointer;
}

.vertical-middle {
  vertical-align: middle;
}

.session-style {
  background-color: rgb(255, 145, 31);
  color: white;
  font-weight: bold;
  margin-top: -15px;
}

.session-plus-minus {
  font-weight: 700;
  padding: 5px;
}

.session-plus-minus p {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0;
}

.statement-tabs {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}

.statement-tabs button {
  border-radius: 0;
  width: 100%;
}

.pdleft-4 input {
  padding-left: 28px !important;
  font-size: 1rem !important;
}

.cstyle {
  position: absolute;
  top: 27px;
  left: 26px;
  font-size: 15px;
  color: black;
  font-weight: bold;
}

.table svg {
  color: white;
  fill: white;
}

.locked-session {
  align-items: center;
  background: #00000085;
  display: flex !important;
  height: 100%;
  justify-content: center;
  left: 0;
}

.cards,
.locked-session {
  position: absolute;
  top: 0;
  width: 100%;
}

.cupstyle {
  position: absolute;
  margin-top: -10px;
  margin-left: 6px;
  width: 30px;
}

.btnclr {
  background-color: rgb(0, 45, 91) !important;
  border: white;
  outline: none;
}

.btnclr:focus {
  outline: none;
  box-shadow: none;
}

.loader-new {
  background: #0000004d;
  left: 0;
  top: 0;
  z-index: 99000;
}

.loader-new img {
  width: 100px;
}

.offcanvas-body {
  height: 100vh !important;
}

.textChanged {
  font-size: 14px !important;
  font-weight: 800 !important;
}

.profile-details {
    color: #bdff32;
    font-size: 12px;
    font-weight: 900;
}

#tvBtn {
    color: #ffffff !important;
    font-weight: bolder;
}

.suspended-bg span {
    background: #9b7d7dd4;
    color: linear-gradient(135deg,#b06afc 39%,#7411ff 101%);
    font-weight: 700;
    height: 100%;
}
.suspended-bg, .suspended-bg span {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%;
}
.suspended-bg {
    background-image: url(data:image/png;base64,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);
    background-size: contain;
    color: #750000;
    height: 65px;
    min-width: 150px;
}
.team_name_1
{
          text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 85%;
}

.bet-modal .bet-price-btn {
    background-color: #212042 !important;
    border-color: --white!important;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 800;
    margin: 5px;
    width: 29%;
}

.modal-colourlgaii,
.teamClrBlue
 {
    background: linear-gradient(115deg, rgba(95, 168, 238, .9), rgba(144, 195, 244, .9) 52.26%, rgba(186, 221, 255, .9) 101.35%) !important;
    color: #bdff32;
}

.modal-colourkhaii,
.teamClrPink
{
    background: linear-gradient(245deg, rgba(240, 146, 173, .9) -.45%, rgba(252, 170, 193, .9) 48.62%, rgba(255, 208, 222, .9) 99.78%) !important;
    color: #bdff32;
}

.bet-modal {
    & .modal-content {
        & .bet-strip {
            p {
                font-size: 16px;
                color: #212042;
            }
        }
    }
}

.bet-modal {
    & .modal-content {
        & .bet-strip {
            label {
                color: #212042;
            }
        }
    }
}

.minus_text
{
  color : red !important;
}

.plus_text
{
  color :#0d6efd !important;
}

.table-bordered>:not(caption)>*>* {
    border-width: 0 1px;
    vertical-align: middle !important;
}

.old-match-bets tr th {
    border: 1px solid #000;
}
.suspended-bg span
{
      color: #750000 !important;
}

.list-background {
    background-color: #002d5b;
    color: #fff;
}

.border-b {
    border-bottom: 2px solid #fff;
}

.dashboard-icons p{
        margin-top: 10px;
}
  

.ant-list-pagination {
  margin-top: 24px;
  text-align: right
}

.ant-list-pagination .ant-pagination-options {
  text-align: left
}

.ant-list-more {
  margin-top: 12px;
  text-align: center
}

.ant-list-more button {
  padding-right: 32px;
  padding-left: 32px
}

.ant-list-spin {
  min-height: 40px;
  text-align: center
}

.ant-list-empty-text {
  padding: 16px;
  color: rgba(0, 0, 0, .25);
  font-size: 14px;
  text-align: center
}

.ant-list-items {
  margin: 0;
  padding: 0;
  list-style: none
}

.ant-pagination {
    box-sizing: border-box;
    color: #545454;
    font-size: 14px;
        margin-left: 10px;
    font-variant: tabular-nums;
    line-height: 1.3;
    font-feature-settings: "tnum", "tnum";
        display: flex;
    align-items: center;
    margin-top: 10px !important;
    gap: 10px;
}

.ant-row>[class*=ant-col-] {
    margin: 0 -.3px;
}

.ant-row>[class*=ant-col-] {
    margin: 0 -0.3px;
}

.ant-pagination-jump-next, .ant-pagination-jump-prev, .ant-pagination-next, .ant-pagination-prev {
    line-height: 30px;
}

.gx-fs-sm {
    font-size: 12px;
    line-height: 1.5;
}

.gx-pl-2, .gx-px-2 {
    padding-left: .5rem !important;
}
.gx-pr-2, .gx-px-2 {
    padding-right: .5rem !important;
}
.gx-border {
    border: 1px solid #e8e8e8;
}
.gx-border-info {
    border-color: #002d5b !important;
}
.gx-bg-white {
    background-color: #fff !important;
}

.ant-pagination-item-active {
    font-weight: 500;
    color: #fff;
    border-color: #002d5b !important;
    background: #002d5b !important;
}
.ant-pagination-item {
    min-width: 32px;
    font-family: "Arial", sans-serif;
    text-align: center;
    list-style: none;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    outline: 0;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ant-pagination-disabled, .ant-pagination-disabled:hover {
    cursor: not-allowed;
}

.ant-pagination-next, .ant-pagination-prev {
    font-family: Arial, Helvetica, sans-serif;
    outline: 0;
}
.ant-pagination-jump-next, .ant-pagination-jump-prev, .ant-pagination-next, .ant-pagination-prev {
    display: inline-block;
    min-width: 32px;
    height: 32px;
    color: #545454;
    font-family: "Arial", sans-serif;
    line-height: 32px;
    text-align: center;
    vertical-align: middle;
    list-style: none;
    border-radius: 6px;
    cursor: pointer;
    transition: all .3s;
}

.btn-success {
    color: #fff;
    background-color: #002d5b;
    border-color: #002d5b;
}

.ant-row .col-lg-3
{
margin-bottom: 5px !important;
}

#popup
{
      position: fixed;
    background: #00000069;
    height: 100% !important;
    width: 100% !important;
    z-index: 1000;
}

.text-blue
{
  color : blue;
}

.text-red
{
  color : red;
}



/* scoreCard */
.score_board_outer {
  float: left;
  width: 100%;
  display: block;
  padding: 5px;
  width: calc(100% - 0px);
}

.score_board_Main {
  background: url("ground_img.bf0722425e5c2daab204.jpg") no-repeat;
  margin: 0;
  background-position: 50%;
  background-position-y: -24px;
  width: calc(100% - 4px);
  padding: 5px;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  z-index: 1;

  padding-top: 9px !important;
  height: 100px;
}

.score_board_Main:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.55);
}

.score_board_Main_Content {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
  z-index: 99;
  color: #fff;
  font-size: 15px;
  align-items: end;
}

.score_board_Main_Content .score_board_Content_Left {
  width: 60%;
  float: left;
}

.score_board_Content_Left_Top {
  display: inline-block;
  width: 100%;
}

.score_board_Content_Left_Top .score_board_Content_Left_Top_head {
  display: flex;
}

.score_board_Content_Left_Top_head_Score1 {
  width: 70%;
  margin-top: 10px;
  margin-bottom: 11px;
  display: flex;
}

.score_board_Content_Left_Top_head_Score1 div {
  width: 50%;
}

.score_board_Content_Left_Top_head_Score2 {
  width: 30%;
  padding-left: 15px;
}

.score_board_Content_Left_Top_head_Score1 .text_Right {
  text-align: right;
}

.score_board_Main_Content .score_board_Content_Right {
  width: 40%;
  float: left;
  text-align: right;
}

.score_board_Content_Right .score_board_Content_Right_Days {
  width: 100%;
  min-height: 20px;
  line-height: 20px;
}

.score_board_Content_Right .score_board_Content_Right_Balls {
  width: 100%;
  margin: 0;
}

.score_board_Content_Right .score_board_Content_Right_Balls_inner {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  gap: 5px;
  padding: 3px 0 4px;
}

.score_board_Content_Right .score_board_Content_Right_Balls_inner>div {
  height: 25px;
  line-height: 25px;
  width: 25px;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  border-radius: 50%;
}

@media only screen and (max-width: 1440px) {
  .score_board_Main {
    background-position: 50%;
    background-position-y: center;
    background-size: 100% 100%;
  }
}

@media only screen and (max-width: 1199px) {

  .score_board_Content_Left_Top,
  .score_board_Content_Right .score_board_Content_Right_Days {
    font-size: 14px;
  }
}

@media only screen and (max-width: 991px) {
  .score_board_Content_Right .score_board_Content_Right_Balls_inner>div {
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
  }

  .score_board_Main_Content .score_board_Main_Content_middle {
    width: 100%;
  }

  .ScoreBoard_MobileOuter {
    margin: 0;
  }

  .ScoreBoard_MobileOuter .score_board_Content_Left {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

  .score_board_LeftSection {
    width: 50%;
  }

  .score_board_Content_Left_Top_head_Score1 {
    width: 100%;
    display: flex;
    font-size: 14px;
  }

  .score_board_Content_Left_Top_head_Score1 div {
    width: auto;
    margin-right: 5px;
  }

  .score_board_Content_Left1 {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

  .score_board_Main_Content .score_board_Content_Left {
    width: 100%;
  }

  .score_board_Main_Content_middle {
    width: 100%;
    display: flex;
            margin-top: -18px;
    justify-content: space-between;
  }

  .score_board_Main_Content_middle_left,
  .score_board_Main_Content_middle_right {
    width: 100%;
  }

  .score_board_Content_Left_Top_head_Score2 {
    width: 100%;
    padding-left: 0;
    font-size: 14px;
  }

  .score_board_Main_Content .score_board_Content_Right {
    width: 100%;
    float: left;
    text-align: right;
  }

  .ScoreBoard_match2 {
    text-align: right;
    display: flex;
    justify-content: flex-end;
  }

  .score_board_Main {
    background-position-y: 0;
    margin: 0;
    width: calc(100%);
  }

  .score_board_Content_Right .score_board_Content_Right_Days {
    font-size: 14px;
  }
}

@media only screen and (max-width: 480px) {
  .score_board_Content_Right .score_board_Content_Right_Balls_inner>div {
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 27px;
  }
}

@media only screen and (max-width: 400px) {
  .score_board_Content_Left_Top_head_Score1 {
    font-size: 13px;
  }

  .score_board_Content_Left_Top_head_Score2 {
    font-size: 14px;
  }

  .score_board_Content_Right .score_board_Content_Right_Days {
           font-size: 14px;
        margin-top: -3px;
  }

  .score_board_Content_Right .score_board_Content_Right_Balls_inner>div {
    width: 22px;
    height: 22px;
    line-height: 22px;
  }

  .score_board_Main_Content_middle_right {
    width: calc(100% + 10%);
  }

  .score_board_Main_Content_middle_left {
    width: 90%;
  }

  .score_board_Content_Right .score_board_Content_Right_Balls_inner>div {
    font-size: 12px;
  }
}

.ScoreBalls {
  background: #08c;
}

.ScoreFour {
  background: #087f23
}

.ScoreSix {
  background: #883997
}

.batsmen-details
{
      margin-top: 17px;
}



.Diamond_scoreboard .scorecard:before {
    content: "";
    background-color: #0000008c;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
      border-radius: 0px !important;
    height: 100%;
    z-index: -1;
}
.Diamond_scoreboard{
   border-radius: 8px !important;
   width: 100%;
}
.Diamond_scoreboard .scorecard {
    width: 100%;
    padding: 25px 7px !important;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    z-index: 1;
    margin-left: 0;
    margin-right: 0;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    background-color: #616161;
    border-radius: 0px !important;
}

.Diamond_scoreboard .ball-runs {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    width: 25px;
    border-radius: 50%;
    font-size: var(--font-small);
    background-color: #08c;
    color: #fff;
    text-align: center;
    margin-right: 4px;
}
.Diamond_scoreboard .ball-runs.four {
  background-color: #087f23 !important
}

.Diamond_scoreboard .ball-runs.six {
  background-color: #883997 !important
}

.Diamond_scoreboard .ball-runs.wicket {
  background-color: red !important
}

@media screen and (max-width: 575px) {
  .ant-card {
    margin-bottom: 20px;
  }
}