@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Hind:wght@300;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap");
@import url(https://fonts.googleapis.com/css?family=Anonymous+Pro);
@import url("https://fonts.googleapis.com/css2?family=Arvo:ital,wght@0,400;0,700;1,400;1,700&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap");
:root {
  --app-height: 100%;
}

:root {
  --bg-body: #23292e;
  --text-body: #aaafb5;
  --bg-sidebar: #16191c;
  --text-sidebar: #aaafb5;
  --bg-table: #2e3439;
  --text-table: #aaafb5;
  --bg-table-header-new: #126e51;
  --text-table-header-new: #eeeeee;
  --text-highlight: #ffffff;
  --bg-menu1: #3c444b;
  --text-menu1: #aaafb5;
  --btn-primary: #0e684e !important;
  --text-btn-primary: #ffffff !important;
  --btn-secondary: 75, 75, 75;
  --text-btn-secondary: #eeeeee;
  --btn-reset: #fc4242;
}

:root[data-theme="light"] {
  --bg-body: #dfe5e5;
  --text-body: #222;
  --bg-sidebar: #dddddd;
  --text-sidebar: #222;
  --bg-table: #fdfbfe;
  --text-table: #222;
  --bg-table-header-new: #126e51;
  --text-table-header-new: #eeeeee;
  --bg-menu1: #eeeeee;
  --text-menu1: #222222;
  --text-highlight: #000000;
  --btn-primary: #03b37f;
  --text-btn-primary: #ffffff;
  --btn-secondary: 75, 75, 75;
  --text-btn-secondary: #eeeeee;
  --btn-reset: #fc4242;
}

:root[data-theme="blue"] {
  --bg-body: #ffffff;
  --text-body: #3c444b;
  --bg-sidebar: #4a525a;
  --text-sidebar: #ffffff;
  --bg-table: #f1f4f3;
  --text-table: #71787d;
  --bg-table-header-new: #126e51;
  --text-table-header-new: #eeeeee;
  --bg-menu1: #eeeeee;
  --text-menu1: #222222;
  --text-highlight: #000000;
  --btn-primary: #03b37f;
  --text-btn-primary: #ffffff;
  --btn-secondary: 75, 75, 75;
  --text-btn-secondary: #eeeeee;
  --btn-reset: #fc4242;
}

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

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

@font-face {
  font-family: droid sans;
  src: url(../fonts/droidsans.ttf);
}

@font-face {
  font-family: droid sans;
  src: url(../fonts/droidsans-bold.ttf);
  font-weight: bold;
}

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

@font-face {
  font-family: "timer";
  src: url("../fonts/timer.woff2") format("woff2"),
    url("../fonts/timer.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "worli";
  src: url("../fonts/worli.woff2") format("woff2"),
    url("../fonts/worli.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Card Characters;
  src: url(../fonts/card.ttf);
}

@font-face {
  font-family: "SF Pro Display Regular";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/SFPRODISPLAYREGULAR.woff") format("woff");
}

@font-face {
  font-family: "SF Pro Display Ultralight Italic";
  font-style: normal;
  font-weight: normal;
  src: local("SF Pro Display Ultralight Italic"),
    url("../fonts/SFPRODISPLAYULTRALIGHTITALIC.woff") format("woff");
}

@font-face {
  font-family: "SF Pro Display Thin Italic";
  font-style: normal;
  font-weight: normal;
  src: local("SF Pro Display Thin Italic"),
    url("../fonts/SFPRODISPLAYTHINITALIC.woff") format("woff");
}

@font-face {
  font-family: "SF Pro Display Light Italic";
  font-style: normal;
  font-weight: normal;
  src: local("SF Pro Display Light Italic"),
    url("SFPRODISPLAYLIGHTITALIC.woff") format("woff");
}

@font-face {
  font-family: "SF Pro Display Medium";
  font-style: normal;
  font-weight: normal;
  src: local("SF Pro Display Medium"),
    url("../fonts/SFPRODISPLAYMEDIUM.woff") format("woff");
}

@font-face {
  font-family: "SF Pro Display Semibold Italic";
  font-style: normal;
  font-weight: normal;
  src: local("SF Pro Display Semibold Italic"),
    url("../fonts/SFPRODISPLAYSEMIBOLDITALIC.woff") format("woff");
}

@font-face {
  font-family: "SF Pro Display Bold";
  font-style: normal;
  font-weight: normal;
  src: local("SF Pro Display Bold"),
    url("../fonts/SFPRODISPLAYBOLD.woff") format("woff");
}

@font-face {
  font-family: "SF Pro Display Heavy Italic";
  font-style: normal;
  font-weight: normal;
  src: local("SF Pro Display Heavy Italic"),
    url("../fonts/SFPRODISPLAYHEAVYITALIC.woff") format("woff");
}

@font-face {
  font-family: "SF Pro Display Black Italic";
  font-style: normal;
  font-weight: normal;
  src: local("SF Pro Display Black Italic"),
    url("../fonts/SFPRODISPLAYBLACKITALIC.woff") format("woff");
}

* {
  outline: 0 !important;
}

html {
  scrollbar-width: thin;
  scrollbar-color: #333333 #000000;
}

body {
  font-family: "Noto Sans";
  background-color: var(--bg-body);
  font-size: var(--font-body);
  line-height: 22px;
  letter-spacing: 0;
  color: var(--text-body);
  scrollbar-width: thin;
  scrollbar-color: #333333 #000000;
}

body::-webkit-scrollbar {
  width: 8px;
}

body::-webkit-scrollbar-track {
  background: #000000;
}

body::-webkit-scrollbar-thumb {
  background-color: #333333;
}

button,
input,
optgroup,
select,
textarea,
option {
  font-family: revert;
}

body.modal-open {
  padding-right: 8px !important;
}

.modal-open .modal {
  padding-right: 8px !important;
}

a,
a:hover,
a:focus {
  text-decoration: none;
}

ul,
li {
  list-style: none;
  padding: 0;
  margin: 0;
}

.numeric {
  font-family: numeric;
  font-size: 30px;
  letter-spacing: 2px;
}

.pr {
  position: relative;
}

.vm {
  vertical-align: middle;
}

.vt {
  vertical-align: top;
}

.pointer {
  cursor: pointer;
}

.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.container-fluid-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.row.row1 {
  margin-left: -1px;
  margin-right: -1px;
}

.row.row1 > [class*="col-"],
.row.row1 > [class*="col"] {
  padding-left: 1px;
  padding-right: 1px;
}

.row.row2 {
  margin-left: -2px;
  margin-right: -2px;
}

.row.row2 > [class*="col-"],
.row.row2 > [class*="col"] {
  padding-left: 2px;
  padding-right: 2px;
}

.row.row3 {
  margin-left: -3px;
  margin-right: -3px;
}

.row.row3 > [class*="col-"],
.row.row3 > [class*="col"] {
  padding-left: 3px;
  padding-right: 3px;
}

.row.row4 {
  margin-left: -4px;
  margin-right: -4px;
}

.row.row4 > [class*="col-"],
.row.row4 > [class*="col"] {
  padding-left: 4px;
  padding-right: 4px;
}

.row.row5 {
  margin-left: -5px;
  margin-right: -5px;
}

.row.row5 > [class*="col-"],
.row.row5 > [class*="col"] {
  padding-left: 5px;
  padding-right: 5px;
}

.row.row6 {
  margin-left: -6px;
  margin-right: -6px;
}

.row.row6 > [class*="col-"],
.row.row6 > [class*="col"] {
  padding-left: 6px;
  padding-right: 6px;
}

.row.row7 {
  margin-left: -7px;
  margin-right: -7px;
}

.row.row7 > [class*="col-"],
.row.row7 > [class*="col"] {
  padding-left: 7px;
  padding-right: 7px;
}

.row.row8 {
  margin-left: -8px;
  margin-right: -8px;
}

.row.row8 > [class*="col-"],
.row.row8 > [class*="col"] {
  padding-left: 8px;
  padding-right: 8px;
}

.row.row9 {
  margin-left: -9px;
  margin-right: -9px;
}

.row.row9 > [class*="col-"],
.row.row9 > [class*="col"] {
  padding-left: 9px;
  padding-right: 9px;
}

.row.row10 {
  margin-left: -10px;
  margin-right: -10px;
}

.row.row10 > [class*="col-"],
.row.row10 > [class*="col"] {
  padding-left: 10px;
  padding-right: 10px;
}

.wrapper {
  display: flex;
  display: -webkit-flex;
  position: relative;
  flex-wrap: wrap;
}

.box10 {
  width: 10%;
  min-width: 10%;
  max-width: 10%;
}

.box15 {
  width: 15%;
  min-width: 15%;
  max-width: 15%;
}

.box20 {
  width: 20%;
  min-width: 20%;
  max-width: 20%;
}

.box25 {
  width: 25%;
  min-width: 25%;
  max-width: 25%;
}

.box30 {
  width: 30%;
  min-width: 30%;
  max-width: 30%;
}

.box35 {
  width: 35%;
  min-width: 35%;
  max-width: 35%;
}

.box40 {
  width: 40%;
  min-width: 40%;
  max-width: 40%;
}

.box45 {
  width: 45%;
  min-width: 45%;
  max-width: 45%;
}

.box50 {
  width: 50%;
  min-width: 50%;
  max-width: 50%;
}

.box55 {
  width: 55%;
  min-width: 55%;
  max-width: 55%;
}

.box60 {
  width: 60%;
  min-width: 60%;
  max-width: 60%;
}

.box65 {
  width: 65%;
  min-width: 65%;
  max-width: 65%;
}

.box70 {
  width: 70%;
  min-width: 70%;
  max-width: 70%;
}

.box75 {
  width: 75%;
  min-width: 75%;
  max-width: 75%;
}

.box80 {
  width: 80%;
  min-width: 80%;
  max-width: 80%;
}

.box85 {
  width: 85%;
  min-width: 85%;
  max-width: 85%;
}

.box90 {
  width: 90%;
  min-width: 90%;
  max-width: 90%;
}

.box95 {
  width: 95%;
  min-width: 95%;
  max-width: 95%;
}

.box100 {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

.back {
  background-color: var(--back);
}

.back:hover {
  background-color: var(--back-hover);
}

.back2 {
  background-color: var(--back2);
}

.back1 {
  background-color: var(--back1);
}

.lay {
  background-color: var(--lay);
}

.lay:hover {
  background-color: var(--lay-hover);
}

.lay1 {
  background-color: var(--lay1);
}

.lay2 {
  background-color: var(--lay2);
}

.back-border {
  border-left: 5px solid var(--back);
}

.lay-border {
  border-left: 5px solid var(--lay);
}

.andar-border {
  border-left: 5px solid #ffa07a;
}

.bahar-border {
  border-left: 5px solid #90ee90;
}

.suspended {
  position: relative;
  pointer-events: none;
}

.suspended.lock-top:before {
  background-position: top 3px center;
}

.suspended:before {
  content: "";
  background-image: url("../img/lock.svg");
  background-size: 17px 17px;
  filter: invert(1);
  background-repeat: no-repeat;
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-position: center;
  pointer-events: none;
}

.suspended:after {
  content: "";
  background-color: #373636d6;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  cursor: not-allowed;
  border-radius: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}

.suspendedtext {
  position: relative;
  pointer-events: none;
}

.suspendedtext:after {
  content: attr(data-title);
  text-transform: uppercase;
  background-color: #131313c2;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  height: 100%;
  width: 100%;
  right: 8px;
  top: 2px;
  color: var(--text-red);
  font-size: var(--font-headline);
  font-weight: var(--font-bold);
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  cursor: not-allowed;
  pointer-events: none;
}

.suspendedfull {
  position: relative;
  pointer-events: none;
}

.suspendedfull:after {
  content: attr(data-title);
  text-transform: uppercase;
  background-color: #131313c2;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  height: 100%;
  width: 100%;
  right: 8px;
  top: 2px;
  color: var(--text-red);
  font-size: var(--font-headline);
  font-weight: var(--font-bold);
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  cursor: not-allowed;
  pointer-events: none;
}

/*Header CSS goes here*/

.header-top {
  position: fixed;
  top: 0;
  height: 34px;
  width: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  background-color: var(--bg-table-header-new);
  z-index: 1002;
}

.animate-on .header-top {
  top: 34px;
}

.header-top ul {
  display: flex;
  display: -webkit-flex;
}

.header-top ul li {
  margin: 0 16px;
  padding: 0 16px;
  position: relative;
}

.header-top ul li::after {
  position: absolute;
  content: "";
  background-color: var(--text-table-header-new);
  height: 8px;
  width: 8px;
  border-radius: 8px;
  top: 7px;
  right: -16px;
}

.header-top ul li:last-child:after {
  background-color: transparent;
}

.header-top ul li a {
  color: var(--text-table-header-new);
  font-weight: bold;
  font-size: 16px;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}

.header-top ul li a .badge {
  vertical-align: middle;
}

.badge {
  vertical-align: middle;
  padding: 5px 10px;
}

.header {
  height: 60px;
  position: fixed;
  top: 34px;
  width: calc(100% - 302px);
  right: 0;
  background-color: var(--bg-body);
  z-index: 1030;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1001;
}

.animate-on .header {
  top: 68px;
}

.header ul {
  display: flex;
  display: -webkit-flex;
  float: left;
}

.header ul li {
  padding: 0 16px;
}

.header ul li a {
  height: 22px;
  /*color: var(--text-body);*/
}

.header ul li a.router-link-active {
  font-weight: var(--font-semi);
}

.header-right {
  padding-right: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-left: 4px;
}

.odds-format {
  height: 22px;
  color: var(--text-table);
}

.format-name {
  height: 22px;
  padding-left: 8px;
}

.language {
  padding-left: 0;
  height: 22px;
  color: #eee;
}

.login-menu {
  margin-left: 40px;
  height: 40px;
  line-height: 40px;
  color: var(--text-body);
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
}

.login-menu:hover {
  background: var(--bg-success-hover);
  border-radius: 4px;
}

.header .btn-primary {
  height: 40px;
  margin-left: 40px;
}

.language-block {
  cursor: pointer;
  position: absolute;
  left: 10px;
  top: 7px;
}
.language-login.language-block {
  position: absolute;
  left: 10px;
  top: 7px;
}
.language-box {
  border-radius: 0;
  position: absolute;
  padding: 16px;
  width: auto;
  min-width: 150px;
  left: 0;
  top: 31px;
  z-index: 100;
  background-color: #666;
  color: #eee;
}

.language-box .flag {
  margin-bottom: 8px;
}

.language-box .flag img {
  height: 16px;
  width: 32px;
}

.language-box .flag-name.active {
  height: 22px;
  color: var(--bg-success);
  font-weight: var(--font-semi);
}

.language-box .flag-name {
  height: 22px;
  color: #eee;
}

.odds-format-block {
  position: relative;
  cursor: pointer;
}

.odds-format-box {
  width: 160px;
  position: absolute;
  left: 0;
  border-radius: 4px;
  padding: 8px 0;
  z-index: 10;
}

.odds-format-box a {
  display: block;
  height: 38px;
  width: 160px;
  line-height: 38px;
  padding-left: 16px;
  text-decoration: none;
}

.odds-format-box a:hover {
  background-color: #03b37f52;
  text-decoration: none;
}

.odds-format-box .active {
  background-color: var(--bg-success);
}

.balance {
  /* height: 22px; */
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  background: #111;
  width: auto;
  padding: 0 5px 0 0;
  height: 46px;
}

.balance > div:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  padding-right: 10px;
  padding-left: 10px;
  background-color: #444;
  color: #ddd;
}

.balance > div:first-child i {
  font-size: 20px;
}

.balance > div:last-child {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}

.balance-value {
  color: #eee;
}

.username-info {
  display: inline-block;
  padding-left: 0;
  position: relative;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  background: #111;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 10px;
  padding-right: 10px;
}

.user-icon {
  height: 100%;
  background-color: #444 !important;
  color: #ddd;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
}

.user-icon i {
  font-size: 20px;
}

.user-icon img {
  vertical-align: top;
}

.username {
  height: 22px;
  margin-right: 8px;
  margin-left: 8px;
  color: #eee;
}

.user-dropdown {
  width: auto;
  position: absolute;
  right: 0;
  top: 100%;
  border-radius: 4px;
  background-color: #111;
  padding: 8px 0;
  z-index: 10;
  border-radius: 5px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.57);
  text-align: left;
  padding-top: 0;
  margin-top: 5px;
  border-radius: 0;
}

.user-dropdown a {
  display: block;
  width: 170px;
  color: #eee;
  opacity: 0.9;
  padding-left: 0;
  text-decoration: none;
  font-size: var(--font-caption);
  margin-top: 4px;
  margin-bottom: 4px;
  padding-left: 16px;
  line-height: 22px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.user-dropdown a:hover {
  text-decoration: none;
  opacity: 1;
}

.user-dropdown .active {
  background-color: var(--bg-success);
}

.login-seperator {
  background-color: #444;
  width: 100%;
  height: 1px;
  margin: 8px 0;
}

/*End Header CSS*/

/*Sidebar CSS goes here*/

.sidebar-left {
  width: 302px;
  background-color: var(--bg-sidebar);
  min-height: 100vh;
  position: fixed;
  top: 34px;
  left: 0;
  height: 100vh;
  transition: 0.8s;
  z-index: 101;
}

.animate-on .sidebar-left {
  top: 68px;
}

.sidebar-left.hide-sidebar {
  display: none;
}

.sidebar-left.hide-sidebar ~ .main-container {
  width: 100%;
  margin-left: 0;
}

.sidebar-left.hide-sidebar ~ .main-container .header {
  width: 100%;
}

.logo-box {
  padding: 4px 0;
  text-align: center;
  height: auto;
}

.logo {
  padding: 10px;
}

.logo img {
  max-height: 65px;
  max-width: 100%;
}

.sidebar-left .search-box {
  padding: 0 24px 0px 16px;
}

.search-box .form-group {
  position: relative;
  margin-right: 0;
}

.search-box .form-control {
  height: 48px;
  border-radius: 0;
  background-color: #444 !important;
  border-color: #444 !important;
  color: #fff;
}

.search-box .search-icon {
  position: absolute;
  top: 16px;
  right: 16px;
}

.search-list {
  position: fixed;
  left: 305px;
  top: 116px;
  width: 400px;
  border-radius: 0;
  background-color: #111;
  color: #eee;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.28);
  z-index: 1030;
}

.search-list .search-content {
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
}

.search-list .search-content a:last-child .search-game {
  border-bottom: 0;
}

.search-list .search-title {
  font-weight: var(--font-bold);
  text-transform: uppercase;
  padding: 8px;
}

.search-list .search-content::-webkit-scrollbar {
  width: 8px;
}

.search-list .search-content::-webkit-scrollbar-track {
  background: #000000;
}

.search-list .search-content::-webkit-scrollbar-thumb {
  background-color: #333333;
}

.search-event-title {
  background-color: #444;
  padding: 8px 16px;
  color: #ddd;
}

.search-game {
  padding: 8px 16px;
  cursor: pointer;
  border-bottom: 1px solid #444;
  color: #eee;
}

.search-game:hover {
  background-color: #666;
  color: #ccc;
}

.search-game .search-game-time {
  font-size: var(--font-small);
}

.menu-box {
  margin-top: 0;
  width: 100%;
}

.menu-box h5 {
  font-size: 16px;
  font-weight: bold;
  padding: 3px;
  background: var(--bg-table-header-new);
  color: var(--text-table-header-new) !important;
}

.menu-box h5 u {
  text-decoration: none;
}

.all-menu {
  height: calc(100vh - 320px);
  scrollbar-width: thin;
  scrollbar-color: #333333 #000000;
  overflow-x: hidden;
  overflow-y: auto;
}

.all-menu::-webkit-scrollbar {
  width: 8px;
}

.all-menu::-webkit-scrollbar-track {
  background: #000000;
}

.all-menu::-webkit-scrollbar-thumb {
  background-color: #333333;
}

.special-menu {
  margin-top: 4px;
}

.special-menu h5 {
  font-size: 16px;
  font-weight: bold;
  padding: 3px;
  background: var(--bg-table-header-new);
  color: var(--text-table-header-new) !important;
}

.special-menu h5 u {
  text-decoration: none;
}

.special-menu .dropdown-toggle {
  padding: 8px 16px;
  color: var(--text-sidebar);
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
}

/* .special-menu .dropdown-toggle.sport10,
.special-menu .dropdown-toggle.sport12 {
    color: #fff;
} */

.special-menu .dropdown-toggle i {
  font-size: var(--font-18);
  width: 30px;
  display: inline-block;
}

.special-menu .dropdown-toggle::after {
  display: none;
}

.special-menu .dropdown-menu {
  left: unset !important;
  right: 0 !important;
  transform: translateX(100%) !important;
  -webkit-transform: translateX(100%) !important;
  -moz-transform: translateX(100%) !important;
  -ms-transform: translateX(100%) !important;
  -o-transform: translateX(100%) !important;
  background-color: #222;
  color: #eee;
  padding: 0 5px;
  margin-bottom: 10px;
  cursor: pointer;
  min-width: 250px;
}

.special-menu .dropdown-menu h5 {
  margin-bottom: 10px;
  border-bottom: 1px solid #444;
  padding-bottom: 10px;
  padding-top: 10px;
  padding-left: 10px;
}

.special-menu .dropdown-menu .horse-list-box {
  max-height: calc(100vh - 280px);
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #333333 #000000;
}

.special-menu .dropdown-menu .horse-list-box::-webkit-scrollbar {
  width: 8px;
}

.special-menu .dropdown-menu .horse-list-box::-webkit-scrollbar-track {
  background: #000000;
}

.special-menu .dropdown-menu .horse-list-box::-webkit-scrollbar-thumb {
  background-color: #333333;
}

.special-menu .dropdown-menu a {
  display: block;
  padding: 0;
}

.special-menu .dropdown-menu .dropdown-item {
  color: #eee !important;
  font-size: 14px;
  font-weight: bold;
  padding: 0;
}

.special-menu .dropdown-menu .dropdown-item:hover {
  background-color: #444;
  color: #ddd;
}

.special-menu .navbar-nav .dropdown-menu.show {
  transform-origin: unset;
  animation: unset;
  -webkit-animation: unset;
}

.menu-box::-webkit-scrollbar {
  width: 8px;
}

.menu-box::-webkit-scrollbar-track {
  background: #000000;
}

.menu-box::-webkit-scrollbar-thumb {
  background-color: #333333;
}

.menu-box li {
  cursor: pointer;
}

.menu-box li a {
  color: var(--text-sidebar);
  padding: 8px 16px;
  display: block;
}

.menu-box li a:hover,
.menu-box li a:focus {
  color: var(--text-sidebar);
  /* opacity: 0.85; */
}

.menu-box li ul > li > a,
.menu-box li ul > li > a:hover,
.menu-box li ul > li > a:focus,
.menu-box li ul > li > a:active {
  background-color: var(--bg-menu1);
  color: var(--text-menu1) !important;
}

.menu-box li ul ul li a,
.menu-box li ul ul li a:hover,
.menu-box li ul ul li a:focus,
.menu-box li ul ul li a:active {
  background-color: var(--bg-table);
  color: var(--text-table) !important;
}

.menu-box li:not(.show) a[class*="sport"],
.special-menu li:not(.show) a[class*="sport"] {
  background-color: transparent !important;
}

.menu-box li a[class*="sport"] > span.sport-name {
  margin-left: 0;
}

.menu-box li a {
  position: relative;
}

.menu-box.casino-menu {
  height: calc(100vh - 200px);
  scrollbar-width: thin;
  scrollbar-color: #333333 #000000;
  overflow-x: hidden;
  overflow-y: auto;
}

.casino-menu li .active,
.casino-menu li .active:hover,
.casino-menu li .active:focus {
  background-color: var(--bg-table-header-new);
  color: var(--text-table-header-new);
}

.menu-box li:not(.show) a[class*="sport"]:before,
.menu-box li.show a[class*="sport"]:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  background-size: contain;
  background-repeat: no-repeat;
}

.menu-box li a .d-icon {
  font-size: var(--font-18);
  width: 30px;
  display: inline-block;
}

.menu-box li a .d-icon.icon-23,
.menu-box li a .d-icon.icon-26 {
  font-size: 10px;
}

.menu-box li:not(.show) a.sport1 .icon-1,
.point-sidebar .navbar-nav .nav-link .icon-1 {
  color: var(--football);
}

.menu-box li:not(.show) a.sport2 .icon-2,
.point-sidebar .navbar-nav .nav-link .icon-2 {
  color: var(--tennis);
}

.menu-box li:not(.show) a.sport3 .icon-3,
.point-sidebar .navbar-nav .nav-link .icon-3 {
  color: var(--boxing);
}

.menu-box li:not(.show) a.sport4 .icon-4,
.point-sidebar .navbar-nav .nav-link .icon-4 {
  color: var(--cricket);
}

.menu-box li:not(.show) a.sport5 .icon-5,
.point-sidebar .navbar-nav .nav-link .icon-5 {
  color: var(--golf);
}

.menu-box li:not(.show) a.sport6 .icon-6,
.point-sidebar .navbar-nav .nav-link .icon-6 {
  color: var(--boxing);
}

.menu-box li:not(.show) a.sport7 .icon-7,
.point-sidebar .navbar-nav .nav-link .icon-7 {
  color: var(--beach-volleyball);
}

.menu-box li:not(.show) a.sport8 .icon-8,
.point-sidebar .navbar-nav .nav-link .icon-8 {
  color: var(--table-tennis);
}

.menu-box li:not(.show) a.sport9 .icon-9,
.point-sidebar .navbar-nav .nav-link .icon-9 {
  color: var(--futsal);
}

.special-menu li:not(.show) a.sport10 .icon-10,
.point-sidebar .navbar-nav .nav-link .icon-10 {
  color: var(--horse-racing);
}

.menu-box li:not(.show) a.sport11 .icon-11,
.point-sidebar .navbar-nav .nav-link .icon-11 {
  color: var(--egames);
}

.special-menu li:not(.show) a.sport12 .icon-12,
.point-sidebar .navbar-nav .nav-link .icon-12 {
  color: var(--grey-hounds);
}

.menu-box li:not(.show) a.sport13 .icon-13,
.point-sidebar .navbar-nav .nav-link .icon-13 {
  color: var(--trotting);
}

.menu-box li:not(.show) a.sport14 .icon-14,
.point-sidebar .navbar-nav .nav-link .icon-14 {
  color: var(--speedway);
}

.menu-box li:not(.show) a.sport15 .icon-15,
.point-sidebar .navbar-nav .nav-link .icon-15 {
  color: var(--basketball);
}

.menu-box li:not(.show) a.sport16 .icon-16,
.point-sidebar .navbar-nav .nav-link .icon-16 {
  color: var(--moto-gp);
}

.menu-box li:not(.show) a.sport17 .icon-17,
.point-sidebar .navbar-nav .nav-link .icon-17 {
  color: var(--chess);
}

.menu-box li:not(.show) a.sport18 .icon-18,
.point-sidebar .navbar-nav .nav-link .icon-18 {
  color: var(--vollyball);
}

.menu-box li:not(.show) a.sport19 .icon-19,
.point-sidebar .navbar-nav .nav-link .icon-19 {
  color: var(--ice-hockey);
}

.menu-box li:not(.show) a.sport20 .icon-20,
.point-sidebar .navbar-nav .nav-link .icon-20 {
  color: var(--equine-sports);
}

.menu-box li:not(.show) a.sport21 .icon-21,
.point-sidebar .navbar-nav .nav-link .icon-21 {
  color: var(--australians-rules);
}

.menu-box li:not(.show) a.sport22 .icon-22,
.point-sidebar .navbar-nav .nav-link .icon-22 {
  color: var(--badminton);
}

.menu-box li:not(.show) a.sport23 .icon-23,
.point-sidebar .navbar-nav .nav-link .icon-23 {
  color: var(--formula-1);
}

.menu-box li:not(.show) a.sport24 .icon-24,
.point-sidebar .navbar-nav .nav-link .icon-24 {
  color: var(--nascar);
}

.menu-box li:not(.show) a.sport25 .icon-25,
.point-sidebar .navbar-nav .nav-link .icon-25 {
  color: var(--hockey);
}

.menu-box li:not(.show) a.sport26 .icon-26,
.point-sidebar .navbar-nav .nav-link .icon-26 {
  color: var(--supercars);
}

.menu-box li:not(.show) a.sport27 .icon-27,
.point-sidebar .navbar-nav .nav-link .icon-27 {
  color: var(--netball);
}

.menu-box li:not(.show) a.sport28 .icon-28,
.point-sidebar .navbar-nav .nav-link .icon-28 {
  color: var(--surfing);
}

.menu-box li:not(.show) a.sport29 .icon-29,
.point-sidebar .navbar-nav .nav-link .icon-29 {
  color: var(--cycling);
}

.menu-box li:not(.show) a.sport30 .icon-30,
.point-sidebar .navbar-nav .nav-link .icon-30 {
  color: var(--gaelick-sports);
}

.menu-box li:not(.show) a.sport31 .icon-31,
.point-sidebar .navbar-nav .nav-link .icon-31 {
  color: var(--biathlon);
}

.menu-box li:not(.show) a.sport32 .icon-32,
.point-sidebar .navbar-nav .nav-link .icon-32 {
  color: var(--motorbikes);
}

.menu-box li:not(.show) a.sport33 .icon-33,
.point-sidebar .navbar-nav .nav-link .icon-33 {
  color: var(--athletics);
}

.menu-box li:not(.show) a.sport34 .icon-34,
.point-sidebar .navbar-nav .nav-link .icon-34 {
  color: var(--squash);
}

.menu-box li:not(.show) a.sport35 .icon-35,
.point-sidebar .navbar-nav .nav-link .icon-35 {
  color: var(--basketball-3-3);
}

.menu-box li:not(.show) a.sport36 .icon-36,
.point-sidebar .navbar-nav .nav-link .icon-36 {
  color: var(--floorball);
}

.menu-box li:not(.show) a.sport37 .icon-37,
.point-sidebar .navbar-nav .nav-link .icon-37 {
  color: var(--sumo);
}

.menu-box li:not(.show) a.sport38 .icon-38,
.point-sidebar .navbar-nav .nav-link .icon-38 {
  color: var(--virtual-sports);
}

.menu-box li:not(.show) a.sport39 .icon-39,
.point-sidebar .navbar-nav .nav-link .icon-39 {
  color: var(--handball);
}

.menu-box li:not(.show) a.sport40 .icon-40,
.point-sidebar .navbar-nav .nav-link .icon-40 {
  color: var(--politics);
}

.menu-box li:not(.show) a.sport41 .icon-41,
.point-sidebar .navbar-nav .nav-link .icon-41 {
  color: var(--weather);
}

.menu-box li:not(.show) a.sport42 .icon-42,
.point-sidebar .navbar-nav .nav-link .icon-42 {
  color: var(--tv-games);
}

.menu-box li:not(.show) a.sport43 .icon-43,
.point-sidebar .navbar-nav .nav-link .icon-43 {
  color: var(--lottery);
}

.menu-box li:not(.show) a.sport44 .icon-44,
.point-sidebar .navbar-nav .nav-link .icon-44 {
  color: var(--bowls);
}

.menu-box li:not(.show) a.sport45 .icon-45,
.point-sidebar .navbar-nav .nav-link .icon-45 {
  color: var(--poker);
}

.menu-box li:not(.show) a.sport46 .icon-46,
.point-sidebar .navbar-nav .nav-link .icon-46 {
  color: var(--waterpolo);
}

.menu-box li:not(.show) a.sport47 .icon-47,
.point-sidebar .navbar-nav .nav-link .icon-47 {
  color: var(--alpine-skiing);
}

.menu-box li:not(.show) a.sport48 .icon-48,
.point-sidebar .navbar-nav .nav-link .icon-48 {
  color: var(--sailing);
}

.menu-box li:not(.show) a.sport49 .icon-49,
.point-sidebar .navbar-nav .nav-link .icon-49 {
  color: var(--hurling);
}

.menu-box li:not(.show) a.sport50 .icon-50,
.point-sidebar .navbar-nav .nav-link .icon-50 {
  color: var(--ski-jumping);
}

.menu-box li:not(.show) a.sport51 .icon-51,
.point-sidebar .navbar-nav .nav-link .icon-51 {
  color: var(--bandy);
}

.menu-box li:not(.show) a.sport52 .icon-52,
.point-sidebar .navbar-nav .nav-link .icon-52 {
  color: var(--motor-sports);
}

.menu-box li:not(.show) a.sport53 .icon-53,
.point-sidebar .navbar-nav .nav-link .icon-53 {
  color: var(--baseball);
}

.menu-box li:not(.show) a.sport54 .icon-54,
.point-sidebar .navbar-nav .nav-link .icon-54 {
  color: var(--rugby-union);
}

.menu-box li:not(.show) a.sport55 .icon-55,
.point-sidebar .navbar-nav .nav-link .icon-55 {
  color: var(--rugby-league);
}

.menu-box li:not(.show) a.sport56 .icon-56,
.point-sidebar .navbar-nav .nav-link .icon-56 {
  color: var(--curling);
}

.menu-box li:not(.show) a.sport57 .icon-57,
.point-sidebar .navbar-nav .nav-link .icon-57 {
  color: var(--darts);
}

.menu-box li:not(.show) a.sport58 .icon-58,
.point-sidebar .navbar-nav .nav-link .icon-58 {
  color: var(--americal-footbal);
}

.menu-box li:not(.show) a.sport59 .icon-59,
.point-sidebar .navbar-nav .nav-link .icon-59 {
  color: var(--snooker);
}

.menu-box li:not(.show) a.sport60 .icon-60,
.point-sidebar .navbar-nav .nav-link .icon-60 {
  color: var(--gaelick-sports);
}

.menu-box li:not(.show) a.sport61 .icon-61,
.point-sidebar .navbar-nav .nav-link .icon-61 {
  color: var(--lottery-specials);
}

.menu-box li:not(.show) a.sport62 .icon-62,
.point-sidebar .navbar-nav .nav-link .icon-62 {
  color: var(--football);
}

.menu-box li:not(.show) a.sport63 .icon-63,
.point-sidebar .navbar-nav .nav-link .icon-63 {
  color: var(--special-bets);
}

.menu-box li:not(.show) a.sport64 .icon-64,
.point-sidebar .navbar-nav .nav-link .icon-64 {
  color: var(--egames);
}

.menu-box li:not(.show) a.sport65 .icon-65,
.point-sidebar .navbar-nav .nav-link .icon-65 {
  color: var(--grey-hounds);
}

.menu-box li:not(.show) a.sport66 .icon-66,
.point-sidebar .navbar-nav .nav-link .icon-66 {
  color: var(--kabaddi);
}

.menu-box li:not(.show) a.sport67 .icon-67,
.point-sidebar .navbar-nav .nav-link .icon-67 {
  color: var(--boat-racing);
}
.menu-box li:not(.show) a.sport68 .icon-68,
.point-sidebar .navbar-nav .nav-link .icon-68 {
  color: var(--e-socker);
}

.menu-box li.show a[class*="sport"],
.special-menu li.show a[class*="sport"] {
  color: var(--text-white) !important;
}

.menu-box li a[class*="sport"] {
  display: flex;
  display: -webkit-flex;
  align-items: center;
}

.menu-box li a.sport1 ~ ul > li > a.active {
  background-color: var(--football_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport1 ~ ul ul li a.active {
  background-color: var(--football_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport2 ~ ul > li > a.active {
  background-color: var(--tennis_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport2 ~ ul ul li a.active {
  background-color: var(--tennis_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport3 ~ ul > li > a.active {
  background-color: var(--boxing_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport3 ~ ul ul li a.active {
  background-color: var(--boxing_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport4 ~ ul > li > a.active {
  background-color: var(--cricket_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport4 ~ ul ul li a.active {
  background-color: var(--cricket_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport5 ~ ul > li > a.active {
  background-color: var(--golf_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport5 ~ ul ul li a.active {
  background-color: var(--golf_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport6 ~ ul > li > a.active {
  background-color: var(--boxing_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport6 ~ ul ul li a.active {
  background-color: var(--boxing_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport7 ~ ul > li > a.active {
  background-color: var(--beach-volleyball_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport7 ~ ul ul li a.active {
  background-color: var(--beach-volleyball_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport8 ~ ul > li > a.active {
  background-color: var(--table-tennis_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport8 ~ ul ul li a.active {
  background-color: var(--table-tennis_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport9 ~ ul > li > a.active {
  background-color: var(--futsal_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport9 ~ ul ul li a.active {
  background-color: var(--futsal_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport10 ~ ul > li > a.active {
  background-color: var(--horse-racing_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport10 ~ ul ul li a.active {
  background-color: var(--horse-racing_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport11 ~ ul > li > a.active {
  background-color: var(--egames_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport11 ~ ul ul li a.active {
  background-color: var(--egames_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport12 ~ ul > li > a.active {
  background-color: var(--grey-hounds_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport12 ~ ul ul li a.active {
  background-color: var(--grey-hounds_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport13 ~ ul > li > a.active {
  background-color: var(--trotting_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport13 ~ ul ul li a.active {
  background-color: var(--trotting_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport14 ~ ul > li > a.active {
  background-color: var(--speedway_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport14 ~ ul ul li a.active {
  background-color: var(--speedway_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport15 ~ ul > li > a.active {
  background-color: var(--basketball_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport15 ~ ul ul li a.active {
  background-color: var(--basketball_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport16 ~ ul > li > a.active {
  background-color: var(--moto-gp_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport16 ~ ul ul li a.active {
  background-color: var(--moto-gp_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport17 ~ ul > li > a.active {
  background-color: var(--chess_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport17 ~ ul ul li a.active {
  background-color: var(--chess_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport18 ~ ul > li > a.active {
  background-color: var(--vollyball_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport18 ~ ul ul li a.active {
  background-color: var(--vollyball_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport19 ~ ul > li > a.active {
  background-color: var(--ice-hockey_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport19 ~ ul ul li a.active {
  background-color: var(--ice-hockey_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport20 ~ ul > li > a.active {
  background-color: var(--equine-sports_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport20 ~ ul ul li a.active {
  background-color: var(--equine-sports_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport21 ~ ul > li > a.active {
  background-color: var(--australians-rules_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport21 ~ ul ul li a.active {
  background-color: var(--australians-rules_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport22 ~ ul > li > a.active {
  background-color: var(--badminton_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport22 ~ ul ul li a.active {
  background-color: var(--badminton_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport23 ~ ul > li > a.active {
  background-color: var(--formula-1_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport23 ~ ul ul li a.active {
  background-color: var(--formula-1_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport24 ~ ul > li > a.active {
  background-color: var(--nascar_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport24 ~ ul ul li a.active {
  background-color: var(--nascar_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport25 ~ ul > li > a.active {
  background-color: var(--hockey_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport25 ~ ul ul li a.active {
  background-color: var(--hockey_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport26 ~ ul > li > a.active {
  background-color: var(--supercars_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport26 ~ ul ul li a.active {
  background-color: var(--supercars_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport27 ~ ul > li > a.active {
  background-color: var(--netball_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport27 ~ ul ul li a.active {
  background-color: var(--netball_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport28 ~ ul > li > a.active {
  background-color: var(--surfing_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport28 ~ ul ul li a.active {
  background-color: var(--surfing_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport29 ~ ul li > a.active {
  background-color: var(--cycling_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport29 ~ ul ul li a.active {
  background-color: var(--cycling_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport30 ~ ul > li > a.active {
  background-color: var(--gaelick-sports_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport30 ~ ul ul li a.active {
  background-color: var(--gaelick-sports_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport31 ~ ul > li > a.active {
  background-color: var(--biathlon_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport31 ~ ul ul li a.active {
  background-color: var(--biathlon_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport32 ~ ul > li > a.active {
  background-color: var(--motorbikes_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport32 ~ ul ul li a.active {
  background-color: var(--motorbikes_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport33 ~ ul > li > a.active {
  background-color: var(--athletics_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport33 ~ ul ul li a.active {
  background-color: var(--athletics_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport34 ~ ul > li > a.active {
  background-color: var(--squash_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport34 ~ ul ul li a.active {
  background-color: var(--squash_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport35 ~ ul > li > a.active {
  background-color: var(--basketball-3-3_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport35 ~ ul ul li a.active {
  background-color: var(--basketball-3-3_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport36 ~ ul > li > a.active {
  background-color: var(--floorball_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport36 ~ ul ul li a.active {
  background-color: var(--floorball_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport37 ~ ul > li > a.active {
  background-color: var(--sumo_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport37 ~ ul ul li a.active {
  background-color: var(--sumo_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport38 ~ ul > li > a.active {
  background-color: var(--virtual-sports_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport38 ~ ul ul li a.active {
  background-color: var(--virtual-sports_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport39 ~ ul > li > a.active {
  background-color: var(--handball_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport39 ~ ul ul li a.active {
  background-color: var(--handball_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport40 ~ ul > li > a.active {
  background-color: var(--politics_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport40 ~ ul ul li a.active {
  background-color: var(--politics_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport41 ~ ul > li > a.active {
  background-color: var(--weather_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport41 ~ ul ul li a.active {
  background-color: var(--weather_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport42 ~ ul > li > a.active {
  background-color: var(--tv-games_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport42 ~ ul ul li a.active {
  background-color: var(--tv-games_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport43 ~ ul > li > a.active {
  background-color: var(--lottery_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport43 ~ ul ul li a.active {
  background-color: var(--lottery_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport44 ~ ul > li > a.active {
  background-color: var(--bowls_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport44 ~ ul ul li a.active {
  background-color: var(--bowls_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport45 ~ ul > li > a.active {
  background-color: var(--poker_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport45 ~ ul ul li a.active {
  background-color: var(--poker_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport46 ~ ul > li > a.active {
  background-color: var(--waterpolo_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport46 ~ ul ul li a.active {
  background-color: var(--waterpolo_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport47 ~ ul > li > a.active {
  background-color: var(--alpine-skiing_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport47 ~ ul ul li.active {
  background-color: var(--alpine-skiing_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport48 ~ ul > li > a.active {
  background-color: var(--sailing_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport48 ~ ul ul li a.active {
  background-color: var(--sailing_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport49 ~ ul > li > a.active {
  background-color: var(--hurling_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport49 ~ ul ul li a.active {
  background-color: var(--hurling_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport50 ~ ul > li > a.active {
  background-color: var(--ski-jumping_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport50 ~ ul ul li a.active {
  background-color: var(--ski-jumping_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport51 ~ ul > li > a.active {
  background-color: var(--bandy_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport51 ~ ul ul li a.active {
  background-color: var(--bandy_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport52 ~ ul > li > a.active {
  background-color: var(--motor-sports_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport52 ~ ul ul li a.active {
  background-color: var(--motor-sports_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport53 ~ ul > li > a.active {
  background-color: var(--baseball_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport53 ~ ul ul li a.active {
  background-color: var(--baseball_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport54 ~ ul > li > a.active {
  background-color: var(--rugby-union_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport54 ~ ul ul li a.active {
  background-color: var(--rugby-union_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport55 ~ ul > li > a.active {
  background-color: var(--rugby-league_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport55 ~ ul ul li a.active {
  background-color: var(--rugby-league_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport56 ~ ul > li > a.active {
  background-color: var(--curling_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport56 ~ ul ul li a.active {
  background-color: var(--curling_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport57 ~ ul > li > a.active {
  background-color: var(--darts_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport57 ~ ul ul li a.active {
  background-color: var(--darts_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport58 ~ ul > li > a.active {
  background-color: var(--americal-footbal_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport58 ~ ul ul li a.active {
  background-color: var(--americal-footbal_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport59 ~ ul > li > a.active {
  background-color: var(--snooker_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport59 ~ ul ul li a.active {
  background-color: var(--snooker_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport60 ~ ul > li > a.active {
  background-color: var(--gaelick-sports_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport60 ~ ul ul li a.active {
  background-color: var(--gaelick-sports_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport61 ~ ul > li > a.active {
  background-color: var(--lottery-specials_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport61 ~ ul ul li a.active {
  background-color: var(--lottery-specials_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport62 ~ ul > li > a.active {
  background-color: var(--football_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport62 ~ ul ul li a.active {
  background-color: var(--football_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport63 ~ ul > li > a.active {
  background-color: var(--special-bets_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport63 ~ ul ul li a.active {
  background-color: var(--special-bets_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport64 ~ ul > li > a.active {
  background-color: var(--egames_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport64 ~ ul ul li a.active {
  background-color: var(--egames_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport65 ~ ul > li > a.active {
  background-color: var(--grey-hounds_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport65 ~ ul ul li a.active {
  background-color: var(--grey-hounds_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport66 ~ ul > li > a.active {
  background-color: var(--kabaddi_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport66 ~ ul ul li a.active {
  background-color: var(--kabaddi_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport67 ~ ul > li > a.active {
  background-color: var(--boat-racing_75);
  color: var(--text-white) !important;
}

.menu-box li a.sport67 ~ ul ul li a.active {
  background-color: var(--boat-racing_50);
  color: var(--text-white) !important;
}

.menu-box li a.sport68 ~ ul ul li a.active {
  background-color: var(--e-socker_75);
  color: var(--text-white) !important;
}
.menu-box li a.sport68 ~ ul ul li a.active {
  background-color: var(--e-socker_50);
  color: var(--text-white) !important;
}

.dropdown-toggle::after {
  display: none;
}

.menu-box .dropdown-menu {
  position: relative !important;
  transform: unset !important;
  background-color: transparent;
  border: 0;
  z-index: 10;
}

.dropdown-item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.navbar-nav .dropdown-menu.show {
  border-radius: 0;
  padding-bottom: 0;
  padding-top: 0;
  margin-top: 0;
  animation: growDown 300ms ease-in-out forwards;
  transform-origin: top center;
}

@-moz-keyframes growDown {
  0% {
    transform: scaleY(0);
  }

  80% {
    transform: scaleY(0.8);
  }

  100% {
    transform: scaleY(1);
  }
}

@-webkit-keyframes growDown {
  0% {
    transform: scaleY(0);
  }

  80% {
    transform: scaleY(0.8);
  }

  100% {
    transform: scaleY(1);
  }
}

@-o-keyframes growDown {
  0% {
    transform: scaleY(0);
  }

  80% {
    transform: scaleY(0.8);
  }

  100% {
    transform: scaleY(1);
  }
}

@keyframes growDown {
  0% {
    transform: scaleY(0);
  }

  80% {
    transform: scaleY(0.8);
  }

  100% {
    transform: scaleY(1);
  }
}

.navbar-nav .dropdown-menu .dropdown-toggle {
  background-image: url("../img/arrow-down.svg");
  background-repeat: no-repeat;
  background-position: right 5px top 17px;
  background-size: 8px 5px;
}

.navbar-nav .dropdown-menu.show li.show > .dropdown-toggle {
  background-image: url("../img/arrow-up.svg");
  background-repeat: no-repeat;
  background-position: right 5px top 17px;
  background-size: 8px 5px;
}

.menu-box li img.menu-down {
  margin-top: 6px;
  height: 5px;
}

.menu-box li.favourite {
  padding-bottom: 8px;
  margin-bottom: 8px;
}

.menu-box .favourite-icon {
  margin-right: 16px;
  vertical-align: top;
  margin-top: 5px;
}

/*Right Sidebar (Bet Slip)*/

.right-sidebar {
  width: 350px;
  border-radius: 0;
  background-color: var(--bg-sidebar);
  padding: 16px;
  height: calc(100vh - 100px);
  scrollbar-width: thin;
  scrollbar-color: #333333 #000000;
  overflow-x: hidden;
  position: relative;
}

.right-sidebar::-webkit-scrollbar {
  width: 8px;
}

.right-sidebar::-webkit-scrollbar-track {
  background: #000000;
}

.right-sidebar::-webkit-scrollbar-thumb {
  background-color: #333333;
}

.animate-on .right-sidebar.home-right-sidebar {
  overflow: hidden;
  height: calc(100vh - 136px);
}

.animate-on .right-sidebar.home-right-sidebar.sticky {
  height: calc(100vh - 130px);
}

.right-sidebar.home-right-sidebar {
  overflow: hidden;
  height: calc(100vh - 100px);
  padding: 0;
  padding-top: 4px;
}

.right-sidebar.home-right-sidebar.sticky {
  height: calc(100vh - 90px);
  top: 90px;
}

.home-casiono-icons.d-none-mobile {
  height: 100%;
}

.home-casiono-icons.d-none-mobile > div {
  height: 100%;
}

.home-casiono-icons.d-none-mobile .slick-prev {
  top: -16px !important;
}

.home-casiono-icons.d-none-mobile .slick-next {
  bottom: -16px !important;
}

.right-sidebar.sticky {
  position: fixed;
  right: 0;
  top: 82px;
  min-height: calc(100vh - 82px);
}

.animate-on .right-sidebar.sticky {
  top: 106px;
  min-height: calc(100vh -106px);
}

.bet-slip-container {
  margin-bottom: 8px;
}

.bet-slip-title {
  height: 22px;
  color: var(--text-sidebar);
  font-weight: var(--font-bold);
  text-transform: uppercase;
  display: inline-block;
  font-size: var(--font-header);
}

.bet-slip-container .clear-all {
  height: 19px;
  color: var(--text-sidebar);
  font-size: var(--font-caption);
  line-height: 19px;
}

.tv-container {
  margin-bottom: 16px;
}

.tv-container .tv-title {
  cursor: pointer;
  color: var(--text-sidebar);
}

.video-tv {
  overflow: hidden;
  /*overflow: auto;
    */
  width: 100%;
  /*height: 255px;
    */
  height: auto;
  transition: 1s;
  position: relative;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
  padding-bottom: 56.25%;
}

.video-tv iframe {
  border: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.video-tv.hide-tv {
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.bet-slip-box {
  border-radius: 0;
  margin-top: 4px;
  padding: 4px 0;
}

.bet-slip-box.back,
.bet-slip-box.lay {
  color: #000;
}

.bet-slip-box.back:hover,
.bet-slip-box.back:focus,
.bet-slip-box.back:active {
  background-color: var(--back);
}

.bet-slip-box.lay:hover,
.bet-slip-box.lay:focus,
.bet-slip-box.lay:active {
  background-color: var(--lay);
}

.bet-slip-box.bet-loading {
  position: relative;
}

.bet-slip-box.bet-loading:after {
  content: "";
  position: absolute;
  background-color: #131313b8;
  z-index: 100;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
}

.bet-slip-loader {
  content: "";
  box-sizing: border-box;
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border-color: var(--text-white) transparent;
  border-style: solid;
  border-width: 2px;
  animation: spinner 0.8s ease infinite;
  z-index: 1000;
  -webkit-animation: spinner 0.8s ease infinite;
}

@keyframes spinner {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.home-bet-slip .modal-body {
  padding: 0;
}

.home-bet-slip .bet-slip-box {
  margin-top: 0;
}

.home-bet-slip .bet-slip .bet-input {
  margin-left: 0;
}

.bet-slip {
  border-bottom: 1px solid #666;
  padding: 0 4px;
  margin-bottom: 4px;
}

.bet-slip:last-child {
  border-bottom: 0;
}

.bet-nation span {
  height: auto;
  /* color: var(--text-table); */
  font-size: var(--font-caption);
  letter-spacing: 0;
  line-height: 1;
  max-width: calc(100% - 20px);
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.bet-nation a {
  color: #000;
}

.my-market-title {
  background-color: var(--bg-table-header-new);
  color: var(--text-table-header-new);
  padding: 3px 8px;
  cursor: pointer;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.my-market-title img {
  transform: rotate(180deg);
}

.my-market-title.collapsed img {
  transform: rotate(0);
}

.my-market-container .bet-slip-box {
  margin-bottom: 10px;
}

.my-market-container .bet-nation span {
  line-height: 19px;
  max-height: 38px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  height: auto;
  max-width: 100%;
}

.bet-nation img {
  width: 10px;
  height: 10px;
  filter: invert(1);
}

.bet-slip-box .bet-time {
  height: 19px;
  font-size: var(--font-caption);
  letter-spacing: 0;
  line-height: 19px;
}

.bet-slip.back-border {
  border-left: 5px solid var(--back);
}

.bet-slip.lay-border {
  border-left: 5px solid var(--lay);
}

.my-market-nation {
  max-width: 100%;
  /* white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden; */
}

.my-market-container .market-desc {
  color: var(--text-table);
  font-size: var(--font-caption);
  margin-top: 0;
}

.match-result {
  margin-top: 0;
  height: auto;
  /* color: var(--text-table); */
  font-size: var(--font-caption);
  line-height: 1;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bet-team {
  font-size: var(--font-caption);
  margin-top: 0;
  font-weight: var(--font-bold);
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
}

.bet-team-name {
  max-width: calc(100% - 85px);
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.bet-total {
  padding: 16px;
  text-align: right;
}

.bet-total .bet-odds {
  height: 19px;
  line-height: 19px;
}

.bet-total .bet-total-number {
  height: 19px;
  line-height: 19px;
}

.bet-input-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.bet-input-box input {
  width: 70px;
}

.bet-input-box button {
  height: 36px;
  width: 40px;
  border: 0;
  font-size: 10px;
}

.bet-input-box .btn-minus {
  background-color: var(--bg-danger);
}

.bet-input-box .btn-plus {
  background-color: var(--bg-success);
}
.bet-amount-box {
  display: flex;
  justify-content: space-between;
  padding: 0 4px 4px;
}
.bet-amount-box > div {
  display: flex;
  gap: 4px;
  padding-right: 4px;
  align-items: center;
}
.bet-input {
  margin-top: 3px;
  margin-left: 4px;
  width: 120px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 0;
  overflow: hidden;
  height: 36px;
  margin: 0;
  margin-left: 0;
}

.bet-input.back-border,
.bet-input.lay-border {
  border-left: 0;
}

.bet-input.andar-border,
.bet-input.bahar-border {
  border-left: 0;
}

/* .bet-input:before {
    content: "";
    position: absolute;
    z-index: -2;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    background-repeat: no-repeat;
    background-size: 50% 50%, 50% 50%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    animation-name: rotateborder;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: rotateborder;
    -webkit-animation-duration: 4s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: rotateborder;
    -moz-animation-duration: 4s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
}

.bet-input:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 1px;
    top: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background: var(--bg-body);
    border-radius: 0;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
} */

/* 
.bet-input.back-border:before {
    background-color: #72bbef;
    background-image: linear-gradient(#72bbef, #72bbef), linear-gradient(#72bbef, #72bbef), linear-gradient(#72bbef, #72bbef), linear-gradient(var(--bg-table-header-new), var(--bg-table-header-new));
}

.bet-input.lay-border:before {
    background-color: #f994ba;
    background-image: linear-gradient(#f994ba, #f994ba), linear-gradient(#f994ba, #f994ba), linear-gradient(#f994ba, #f994ba), linear-gradient(var(--bg-table-header-new), var(--bg-table-header-new));
}

.bet-input.andar-border:before {
    background-color: #ffa07a;
    background-image: linear-gradient(#ffa07a, #ffa07a), linear-gradient(#ffa07a, #ffa07a), linear-gradient(#ffa07a, #ffa07a), linear-gradient(var(--bg-table-header-new), var(--bg-table-header-new));
}

.bet-input.bahar-border:before {
    background-color: #90ee90;
    background-image: linear-gradient(#90ee90, #90ee90), linear-gradient(#90ee90, #90ee90), linear-gradient(#90ee90, #90ee90), linear-gradient(var(--bg-table-header-new), var(--bg-table-header-new));
} */

.bet-input .form-control {
  color: #222;
  height: 36px;
  border: 0;
  background-color: #eee;
}

.bet-buttons {
  padding: 0 4px 0 4px;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-center;
  flex-wrap: wrap;
}

.bet-buttons .btn-primary {
  min-width: calc(25% - 1.5px);
  margin-right: 2px;
  margin-bottom: 2px;
  height: 40px;
  border-radius: 0;
  background-color: var(--btn-primary);
  border-color: transparent;
  padding: 0;
}

.bet-buttons .btn:nth-child(4n) {
  margin-right: 0;
}

/* .bet-buttons .btn:hover {
    opacity: 0.8;
} */

.confirm-bets {
  padding: 0 8px 8px 8px;
}

.possible-win {
  padding: 0;
  margin-top: 0;
  text-align: center;
  display: inline-block;
  text-align: right;
  width: auto;
  margin-top: 0;
  justify-content: flex-end;
}

.possible-win h1 {
  display: inline-block;
}

.possible-win span {
  font-size: var(--font-small);
}

.possible-win h1 {
  /* color: var(--text-table); */
  font-size: var(--font-caption);
}

.bet-slip-container .place-bet-btn {
  padding: 2px 4px 0 4px;
  margin-top: 0;
  display: flex;
  flex-wrap: wrap;
}

.bet-slip-container .place-bet-btn .btn {
  height: auto;
  width: calc(50% - 2px);
}
.bet-slip-container .place-bet-btn .btn:first-child {
  margin-right: 2px;
}
.bet-slip-container .place-bet-btn .btn span {
  height: 22px;
  font-weight: var(--font-semi);
  text-align: center;
}

.market-tabs {
  padding: 0 20px;
  position: relative;
}

.market-tabs .arrow-tabs {
  top: 0;
}

.market-tabs .nav-tabs {
  border: 0;
  overflow-y: hidden;
  overflow-x: hidden;
  flex-wrap: nowrap;
  scroll-behavior: smooth;
}

.market-tabs .nav-item {
  text-align: center;
}

.market-tabs .nav-tabs .nav-link {
  color: var(--text-sidebar);
  padding-top: 0;
  padding-bottom: 4px;
  padding-left: 12px;
  padding-right: 12px;
  border: 0;
}

.market-tabs .nav-tabs .nav-item .nav-link.active {
  font-weight: var(--font-semi);
  border-bottom: 2px solid;
  background-color: transparent;
}

/*Place Bet*/

.modal-place-bet .bet-slip-container {
  padding: 16px 0;
}

.modal-place-bet .bet-slip-box {
  border-radius: 0;
}

.logo-casino {
  position: fixed;
  left: 0;
  top: 34px;
  width: 302px;
  z-index: 1001;
  background-color: var(--bg-body);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 75px;
}

.logo-casino img {
  /* max-height: 50px; */
}

.animate-on .logo-casino {
  top: 68px;
}

.header-casino {
  height: 75px;
  border-bottom: 0;
}

.casino-place-bet {
  width: 100%;
  border-radius: 0;
  margin-bottom: 4px;
}

.casino-place-bet-title {
  padding: 4px;
  text-transform: uppercase;
  font-weight: var(--font-bold);
}

.casino-place-bet-title .casino-min-max {
  text-transform: capitalize;
}

.casino-place-bet-header {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  padding: 8px;
  background-color: var(--bg-table-header-new);
  color: var(--text-table-header-new);
}

.casino-place-bet-row {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  padding: 6px;
  border-bottom: 1px solid #444;
}

.casino-place-bet-nation {
  width: 60%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.casino-place-bet-odds {
  width: 15%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: right;
}

.casino-place-bet-stake {
  width: 25%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: right;
}

.casino-place-bet-row.back-border {
  border-left: 5px solid var(--back);
}

.casino-place-bet-row.lay-border {
  border-left: 5px solid var(--lay);
}

.casino-place-bet-box {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  padding: 6px 6px;
  color: #000;
  flex-wrap: wrap;
}

.casino-place-bet-box.back:hover {
  background-color: var(--back);
}

.casino-place-bet-box.lay:hover {
  background-color: var(--lay);
}

.casino-place-bet-info {
  display: flex;
  display: -webkit-flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.casino-place-bet-info .bet-input {
  width: 80px;
}

.odds-box {
  position: relative;
  height: 36px;
  width: 80px;
  border-radius: 4px;
  padding: 0;
  background-color: var();
}

.odds-box .form-control {
  height: 36px;
  width: 80px;
  background: #eee;
  color: #222;
  border: 0;
}

/* .odds-box input:hover,
.odds-box input:focus,
.odds-box input:active {
    color: #000;
}

.odds-box input::placeholder {
    color: #000 !important;
}

.odds-box input::-moz-placeholder {
    color: #000 !important;
}

.odds-box input:-ms-input-placeholder {
    color: #000 !important;
}

.odds-box input::-webkit-input-placeholder {
    color: #000 !important;
} */

input.form-control:disabled {
  cursor: not-allowed;
  /* background-color: transparent; */
}

/* input.form-control[readonly] {
    background-color: transparent;
} */
/* 
.odds-box input:hover,
.odds-box input:focus {
    background: transparent;
    color: #000;
    border-color: #000;
} */

.odds-box .arrow-up {
  position: absolute;
  top: 9px;
  right: 8px;
  transform: scaleY(-1);
  /* filter: invert(1); */
}

.odds-box .arrow-down {
  position: absolute;
  bottom: 9px;
  right: 8px;
  /* filter: invert(1); */
}

.input-stake {
  background-color: transparent;
  width: 80px;
  height: 40px;
}

.bet-player img {
  width: 10px;
  height: 10px;
  margin-right: 16px;
}

.casino-place-bet-button-container {
  display: flex;
  display: -webkit-flex;
  width: 100%;
  flex-wrap: wrap;
  margin-top: 6px;
}

.casino-place-bet-button-container .btn {
  margin-right: 1%;
  margin-bottom: 1%;
  width: 32.6%;
  padding: 0;
}

.casino-place-bet-button-container .btn:nth-child(3n) {
  margin-right: 0;
}

.casino-place-bet-action-buttons {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 10px;
}

.casino-place-bet-action-buttons .btn {
  height: 40px;
  width: 112px;
}

.casino-my-bet {
  width: 100%;
  border-radius: 0;
  /* background-color: #111;
    color: #eee; */
}

.home-container .home-casiono-icons {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  margin-top: 6px;
  padding: 6px;
}

.home-container .home-casiono-icons .home-casino-icon-item {
  margin-bottom: 0;
  margin-right: 5px;
}

.home-container .home-casiono-icons .home-casino-icon-item:last-child {
  margin-right: 0;
}
.home-casiono-icons {
  display: flex;
  flex-wrap: wrap;
}

.home-casiono-icons h4 {
  background-color: var(--bg-table-header-new);
  color: var(--text-table-header-new);
  padding: 3px;
  font-size: 16px;
  font-weight: bold;
  width: 100%;
  margin: 0;
}

.home-casiono-icons .home-casino-icon-item {
  margin-bottom: 16px;
  position: relative;
}

.home-casiono-icons .scroll-home-icon {
  max-height: 350px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #333333 #000000;
}

.home-casiono-icons .scroll-home-icon::-webkit-scrollbar {
  width: 8px;
}

.home-casiono-icons .scroll-home-icon::-webkit-scrollbar-track {
  background: #000000;
}

.home-casiono-icons .scroll-home-icon::-webkit-scrollbar-thumb {
  background-color: #333333;
}

.new-laucnh-icon {
  position: absolute;
  right: -15px;
  top: -20px;
}

.new-laucnh-icon img {
  height: 80px;
}

@keyframes newlaunch {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}

/*End Sidebar CSS*/

/*Footer CSS goes here*/

.footer {
  margin-top: 0;
  padding: 8px 0;
  width: 100%;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}

.footer-logo {
  width: 10%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
}

.footer-logo img {
  max-width: 100%;
  max-height: 50px;
}

.footer-box {
  width: 90%;
  margin: 8px auto 0;
}

.footer ul {
  display: inline-block;
}

.footer ul li {
  float: left;
}

.footer ul li a {
  height: 22px;
  color: var(--text-body);
}

.footer-social img {
  margin-left: 5px;
  height: 30px;
}

.footer-content {
  margin-top: 24px;
}

.footer-content p {
  color: var(--text-body);
  font-size: var(--font-caption);
  line-height: 19px;
}

.footer-faq {
  padding: 20px 20px 20px 0;
  width: 98%;
  margin: 0 auto;
  margin-bottom: 10px;
}

.faq-content {
  border-top: 0;
}

.home-new .footer-faq .sport-list-title {
  margin-bottom: 0;
  display: block;
  margin-left: 0;
}

.footer-top {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px dashed var(--text-body);
  padding-bottom: 4px;
}

.footer-top .secure-logo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  line-height: normal;
}

.footer-top .secure-logo img {
  max-height: 50px;
}

.footer .support {
  width: 100%;
  display: flex;
  background-color: #444;
  padding: 8px 8px 8px 8px;
  justify-content: center;
  color: #ddd;
  border-radius: 0px;
  position: relative;
  flex-wrap: wrap;
}

.footer .support > div:first-child {
  flex: auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}

.footer .support > div:first-child b {
  font-size: 20px;
}

.footer-top img {
  max-height: 30px;
  max-width: 100px;
  margin-right: 10px;
}

.footer .footer-social {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.footer-other {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.footer-bottom {
  color: var(--text-body);
  font-size: var(--font-caption);
  line-height: 19px;
  margin-top: 4px;
  text-align: center;
}

.footer-menu {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 4px;
  justify-content: center;
  margin-top: 4px;
}

.footer-menu ul li {
  margin: 0 8px;
  padding: 0 16px;
  position: relative;
}

.footer-menu ul li:first-child {
  margin-left: 0;
  padding-left: 0;
}

.footer-menu ul li:last-child {
  margin-right: 0;
  padding-right: 0;
}

.footer-menu ul li::after {
  position: absolute;
  content: "";
  background-color: var(--text-body);
  height: 8px;
  width: 8px;
  border-radius: 8px;
  top: 7px;
  right: -16px;
}

.footer-menu ul li:last-child::after {
  background-color: transparent;
}

.footer-menu ul li a {
  color: var(--text-body);
  font-weight: bold;
  font-size: 14px;
  transition: 0.5s;
  border-bottom: 1px solid var(--text-body);
}

.footer-menu ul li a:hover {
  text-decoration: underline;
}

/*End Footer CSS*/

/*Login Page CSS goes here*/

.login-container {
  background-image: url("../img/login-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 100%;
  height: 100%;
}

.login-wrapper {
  width: 100%;
  padding: 8px;
  min-height: 100vh;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}

.logo-login img {
  max-width: 250px;
  max-height: 100px;
}

.login-form {
  padding-top: 0;
  width: 100%;
  max-width: 400px;
  min-height: 320px;
}

.change-form.show {
  transition: all 3s ease-out;
}

.change-form {
  padding-top: 0;
  width: 100%;
  min-height: 320px;
}

.modal .login-form {
  max-width: 100%;
}

.login-form .form-group,
.change-form .form-group {
  margin-right: 0;
  margin-bottom: 20px;
  position: relative;
}

.modal-login-new .modal-body .register-fields {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  min-height: 280px;
}

/* .login-form .form-group:last-child,
.change-form .form-group:last-child {
    margin-bottom: 0;
} */

/* .login-form .form-group:last-child {
    margin-bottom: 0;
} */

.login-text {
  font-size: var(--font-big);
  font-weight: var(--font-bold);
  text-align: center;
}

.login-form .form-group a,
.change-form .form-group a {
  color: var(--text-green);
  text-decoration: underline;
}

.user-email-text {
  font-size: var(--font-caption);
  height: 17px;
  line-height: 17px;
  color: var(--text-table);
}

.login-form .form-control,
.change-form .form-control {
  height: 46px;
  border: 1px solid var(--text-body);
  opacity: 0.6;
  border-radius: 0;
  background-color: var(--bg-body);
  color: var(--text-body);
}

.login-form .custom-control-label::before {
  background-color: var(--bg-body);
  border: var(--text-body) solid 1px;
  border-radius: 2px !important;
  opacity: 0.6;
}

.login-form .custom-control-label {
  color: var(--text-body);
  font-size: var(--font-caption);
  line-height: 19px;
}

.login-form .forgot-text a {
  height: 19px;
  color: var(--text-body);
  opacity: 0.6;
  font-size: var(--font-caption);
  line-height: 19px;
}

.login-form .btn-primary {
  height: 46px;
  font-weight: var(--font-semi);
  text-align: center;
}

.modal-backdrop.show {
  opacity: 0.9;
  background-color: #131313;
}

.login-form .error,
.withdraw-request .error,
.change-form .error {
  color: var(--book-red);
  position: absolute;
  left: 0;
  /* bottom: -34px; */
  top: 100%;
  font-size: var(--font-small);
  line-height: 1;
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  /* height: 34px; */
}

.login-footer {
  width: 100%;
  opacity: 0.8;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  padding-bottom: 20px;
}

.login-footer .footer-box {
  width: 380px;
}

.login-footer .footer-box img {
  height: 30px;
}

.login-wrapper .footer-menu {
  flex-wrap: wrap;
  position: fixed;
  bottom: 0;
}

.login-wrapper .footer-menu ul {
  display: flex;
  justify-content: center;
  width: 100%;
}

.login-footer .footer-top {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
}

.login-footer .footer-top .support {
  font-size: 16px;
}

.login-footer .footer-top .footer-social {
  float: right;
}

.login-footer .footer-bottom {
  font-size: var(--font-caption);
  line-height: 19px;
  margin-top: 10px;
}

.whatsapp-box {
  background: #444;
  color: #ddd;
  padding: 8px;
  border-radius: 0;
  max-width: 350px;
  width: 100%;
  margin: 0 auto 5px;
}

.whatsapp-box > div:first-child {
  font-weight: bold;
  text-align: center;
  width: 100%;
}

.whatsapp-box > div:first-child h4 {
  font-weight: bold;
  font-size: 18px;
  margin-top: 8px;
}

.whatsapp-box > div:first-child span {
  font-size: 14px;
}

.create-whatsapp-link {
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  cursor: pointer;
}

.whatsapp-icon {
  background-color: #3cc142;
  color: #fff;
  padding: 10px;
  border-radius: 0;
  font-size: 24px;
  width: 50px;
  box-shadow: 0 0 3px #fff;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.create-whatsapp-link .click-here {
  background-color: #3cc142;
  color: #fff;
  padding: 8px;
  width: calc(100% - 45px);
  margin-left: -5px;
  height: auto;
  line-height: normal;
  border-radius: 0;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}

.create-account-seperator {
  margin-top: 0;
  position: relative;
  width: 100%;
  font-weight: bold;
  text-align: center;
  margin-bottom: 5px;
}

.create-account-seperator::before {
  position: absolute;
  content: "";
  background-color: #ddd;
  width: 30px;
  left: calc(50% - 41px);
  height: 2px;
  top: 50%;
  transform: translateX(-50%);
}

.create-account-seperator::after {
  position: absolute;
  content: "";
  background-color: #ddd;
  width: 30px;
  right: calc(50% - 64px);
  height: 2px;
  top: 50%;
  transform: translateX(-50%);
}

/*End Login Page CSS*/

/*Home Page CSS goes here*/

.main-container {
  position: relative;
  width: 100%;
  margin-top: 34px;
}

.sidebar-left ~ .main-container {
  width: calc(100% - 302px);
  margin-left: 302px;
  margin-top: 34px;
}

.animate-on .sidebar-left ~ .main-container {
  margin-top: 68px;
}

.center-main-content {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  padding-top: 4px;
  margin-top: 50px;
}

/* .center-main-content.casino-center-main-content {
    margin-top: 95px;
} */

.header-casino ~ .center-main-content {
  margin-top: 75px;
  min-height: calc(100% - 168px);
}

.animate-on .header-casino ~ .center-main-content {
  margin-top: 168px;
}

.news-bar {
  border-radius: 0;
  width: 50%;
  margin: 0;
  padding: 0;
  font-size: var(--font-caption);
  display: flex;
  display: -webkit-flex;
  align-items: center;
  height: 46px;
  flex: 1;
  background-color: #444;
  color: #ddd;
  margin-left: 0;
}

/*.news-bar .news-title {
    float: left;
    width: 60px;
    background-color: var(--btn-primary);
    text-align: center;
    padding: 8px 0;
    border-radius: 0 8px 8px 0;
    font-weight: var(--font-bold);
    height: 100%;
    position: relative;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    margin-left: 25px;
}*/

.news-bar .news-title img {
  width: 45px;
}

/*.news-bar .news-title:after {
    content: "";
    position: absolute;
    width: 46px;
    height: 46px;
    border-top: 23px solid transparent;
    border-right: 23px solid var(--btn-primary);
    border-bottom: 23px solid transparent;
    left: -46px;
    top: 0;
}*/

.news-bar marquee {
  float: right;
  width: calc(100% - 50px);
  padding: 6px 0;
  padding-left: 10px;
  padding-right: 10px;
}

.center-container {
  width: calc(100% - 358px);
  margin-right: 4px;
  margin-left: 4px;
  position: relative;
}

.center-container .detail-page-container,
.center-container .home-container,
.center-container .casino-container,
.center-container.casino-list-container {
  min-height: calc(100vh - 60px);
  height: auto;
  align-content: flex-start;
}

.banner {
  height: auto;
  border-radius: 8px;
  /*background: linear-gradient(0deg, #100B1E 0%, #160D27 26.42%, #11091D 48.45%, #030309 100%);*/
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
}

.detail-page-container .banner,
.detail-page-container .banner img {
  height: auto;
}

.detail-page-container .banner.scorestats,
.detail-page-container .banner.scorestats img {
  height: 250px;
  background-position: center;
  background-size: cover;
}

.detail-page-container .banner.scorecard-banner,
.detail-page-container .banner.scorecard-banner img {
  height: 115px;
  background-position: center;
  background-size: cover;
}

.detail-page-container .banner.scorestats iframe {
  height: 235px;
  position: absolute;
  width: 85%;
}

.carousel {
  width: 100%;
}

.banner img {
  height: auto;
  width: 100%;
}

.banner .game-header {
  font-size: var(--font-caption);
  position: absolute;
  left: 0;
  width: 100%;
  top: 16px;
  padding: 0;
}

.banner .game-header .game-header-name {
  max-width: calc(100% - 150px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  position: absolute;
  left: 16px;
}

.banner .game-header .game-header-date {
  right: 16px;
  position: absolute;
}

.bet-table {
  background-color: var(--bg-table);
  border-radius: 0;
  margin-top: 0;
  position: relative;
  transform: translateZ(0);
}

.bet-table-header {
  height: 40px;
  padding: 8px;
  border-radius: 0;
  display: flex;
  display: -webkit-flex;
  width: 100%;
  color: var(--text-white);
}

.bet-table-header.nodata {
  background-color: #444;
  color: #ddd;
  justify-content: center;
}

.game-title {
  width: calc(100% - 492px);
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  align-items: center;
}

.bet-table-header .game-title .d-icon,
.bet-table-header .game-title span {
  margin-left: 5px;
}

.bet-table-header .game-title img {
  margin-right: 16px;
}

.matched-title {
  width: 90px;
}

.point-title {
  width: 148px;
  margin-left: 16px;
}

.matched-title,
.point-title {
  text-align: center;
}

.game-date {
  padding-right: 22px;
  border-right: 1px solid #3c444b;
  width: 150px;
  display: flex;
  display: -webkit-flex;
}

.game-date.inplay {
  width: auto;
  border-right: 0 !important;
  padding-right: 0;
  width: 50px;
  position: relative;
}

.game-date.inplay span {
  position: relative;
  width: 50px;
  color: var(--bg-success);
  text-align: center;
}

.game-date.inplay span:after {
  content: "";
  background-color: var(--bg-success);
  height: 2px;
  width: 50px;
  position: absolute;
  bottom: -1px;
  animation: linear infinite alternate;
  animation-name: run;
  animation-duration: 1.2s;
  -webkit-animation: linear infinite alternate;
  -webkit-animation-name: run;
  -webkit-animation-duration: 1.2s;
}

@keyframes run {
  0% {
    left: 0;
    width: 5%;
  }

  50% {
    width: 100%;
  }

  100% {
    right: 0;
    width: 5%;
  }
}

.game-date.inplay ~ .game-name {
  padding-left: 6px;
  width: calc(100% - 160px);
}

.game-title .day {
  height: 22px;
  color: var(--text-table);
  opacity: 0.6;
  display: inline-block;
  min-width: 85px;
  margin-bottom: 0;
  position: relative;
}

.game-title .time {
  min-width: 50px;
  color: var(--text-table);
  opacity: 0.6;
  display: inline-block;
  margin-bottom: 0;
}

.home-container .bet-table {
  min-height: calc(100vh - 440px);
}

.bet-table-body {
  position: relative;
}

.bet-table-box {
  border-bottom: 1px solid #3c444b;
}

.bet-table-row {
  padding: 6px 8px;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
}

.home-container .bet-table-row.suspendedtext:after {
  top: 6px;
  height: 32px;
  width: 476px;
}

.bet-table-row:last-child {
  border-bottom: 0;
}

.game-name {
  padding-left: 16px;
  width: calc(100% - 260px);
  vertical-align: top;
}

.team-name {
  max-height: 20px;
  line-height: 20px;
  margin-bottom: 0;
  /*display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;*/
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  color: var(--text-table);
}

.team-name.team-event {
  font-size: 14px;
}

.game-icons {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: flex-end;
}

.game-icon {
  /*width: 25px;*/
  text-align: center;
  margin-right: 5px;
}

.game-icon:last-child {
  margin-right: 0;
}

.game-icon.tv-icon {
  width: 16px;
}

.game-icon.fancy-icon {
  width: 10px;
}

.game-icon.fancy1-icon {
  width: 18px;
}

.game-icon.bm-icon {
  width: 25px;
}

.game-icon img.tv {
  height: 20px;
}

.active-game {
  display: inline-block;
  height: 12px;
  width: 12px;
  background-color: var(--bg-success);
  border-radius: 50%;
}

.f-bm-icon {
  font-weight: var(--font-bold);
}

.bet-table-row .matched-title {
  height: 60px;
  color: var(--text-table);
  line-height: 60px;
}

.bl-box {
  height: 32px;
  width: 72px;
  border-radius: 0;
  padding: 5px 0;
  text-align: center;
  margin-right: 4px;
  float: left;
  cursor: pointer;
  position: relative;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}

.bl-box.odds-down {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.bl-box.odds-up {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.bl-box:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 4px;
}

.bl-box.suspended:before {
  z-index: 1;
}

.bl-box.odds-down:before {
  background: #ff000080;
  transform: scale(0, 0);
  animation: oddsdown 0.5s ease-out;
}

.bl-box.odds-up:before {
  background: #13c41380;
  transform: scale(0, 0);
  animation: oddsup 0.5s ease-out;
}

@keyframes oddsdown {
  from {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

@keyframes oddsup {
  from {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

.back-title {
  background-color: var(--back-title);
  color: #eee !important;
}

.lay-title {
  background-color: var(--lay-title);
  color: #eee !important;
}

.bl-box.no-odds .odds {
  color: var(--text-white);
}

.bl-box.no-val {
  border: 1px solid #3c444b;
  border-radius: 0;
}

.bl-box:last-child {
  margin-right: 0 !important;
}

.bl-box span {
  height: 19px;
  color: var(--text-black);
  font-size: var(--font-caption);
  font-weight: var(--font-medium);
  text-align: center;
}

.bl-box .odds {
  height: 22px;
  color: var(--text-black);
  font-weight: var(--font-bold);
  text-align: center;
  font-size: var(--font-odds);
}

.bl-box.no-val .odds {
  color: var(--text-table);
}

.sport-tabs {
  height: 40px;
  border-radius: 0;
  background-color: var(--bg-table);
  margin-top: 6px;
  position: relative;
}

.sport-tabs .arrow-tabs {
  background-color: transparent;
  top: 0;
  height: 40px;
}

.sport-tabs .arrow-tabs.arrow-left img,
.casino-tabs .arrow-tabs.arrow-left img {
  transform: rotate(90deg);
}

.sport-tabs .arrow-tabs.arrow-right img,
.casino-tabs .arrow-tabs.arrow-right img {
  transform: rotate(270deg);
}

.sport-tabs .nav-tabs {
  border: 0;
  margin-left: 30px;
  margin-right: 30px;
  position: relative;
  flex-wrap: nowrap;
  overflow-y: hidden;
  overflow-x: hidden;
  height: 40px;
  scroll-behavior: smooth;
}

.sport-tabs .nav-tabs .nav-link {
  border: 0;
  position: relative;
  min-width: 150px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  padding-top: 0;
  padding-bottom: 0;
  color: var(--text-table);
  border-right: 1px solid #3c444b;
  border-radius: 0;
  background-color: transparent !important;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}

.sport-tabs .nav-tabs .nav-link.active {
  color: var(--text-white);
}

.sport-tabs .nav-tabs .nav-link .d-icon {
  font-size: 20px;
}

.sport-tabs .nav-tabs .nav-link .d-icon.icon-998,
.sport-tabs .nav-tabs .nav-link .d-icon.icon-suits {
  font-size: 16px;
}

.sport-tabs .nav-tabs .nav-link img {
  filter: invert(29%);
  -webkit-filter: invert(29%);
  height: 20px;
}

.sport-tabs .nav-tabs .nav-link.sport1.active {
  background-color: var(--football) !important;
}

.sport-tabs .nav-tabs .nav-link.sport2.active {
  background-color: var(--tennis) !important;
}

.sport-tabs .nav-tabs .nav-link.sport3.active {
  background-color: var(--boxing) !important;
}

.sport-tabs .nav-tabs .nav-link.sport4.active {
  background-color: var(--cricket) !important;
}

.sport-tabs .nav-tabs .nav-link.sport5.active {
  background-color: var(--golf) !important;
}

.sport-tabs .nav-tabs .nav-link.sport6.active {
  background-color: var(--boxing) !important;
}

.sport-tabs .nav-tabs .nav-link.sport7.active {
  background-color: var(--beach-volleyball) !important;
}

.sport-tabs .nav-tabs .nav-link.sport8.active {
  background-color: var(--table-tennis) !important;
}

.sport-tabs .nav-tabs .nav-link.sport9.active {
  background-color: var(--futsal) !important;
}

.sport-tabs .nav-tabs .nav-link.sport10.active {
  background-color: var(--horse-racing) !important;
}

.sport-tabs .nav-tabs .nav-link.sport11.active {
  background-color: var(--egames) !important;
}

.sport-tabs .nav-tabs .nav-link.sport12.active {
  background-color: var(--grey-hounds) !important;
}

.sport-tabs .nav-tabs .nav-link.sport13.active {
  background-color: var(--trotting) !important;
}

.sport-tabs .nav-tabs .nav-link.sport14.active {
  background-color: var(--speedway) !important;
}

.sport-tabs .nav-tabs .nav-link.sport15.active {
  background-color: var(--basketball) !important;
}

.sport-tabs .nav-tabs .nav-link.sport16.active {
  background-color: var(--moto-gp) !important;
}

.sport-tabs .nav-tabs .nav-link.sport17.active {
  background-color: var(--chess) !important;
}

.sport-tabs .nav-tabs .nav-link.sport18.active {
  background-color: var(--vollyball) !important;
}

.sport-tabs .nav-tabs .nav-link.sport19.active {
  background-color: var(--ice-hockey) !important;
}

.sport-tabs .nav-tabs .nav-link.sport20.active {
  background-color: var(--equine-sports) !important;
}

.sport-tabs .nav-tabs .nav-link.sport21.active {
  background-color: var(--australians-rules) !important;
}

.sport-tabs .nav-tabs .nav-link.sport22.active {
  background-color: var(--badminton) !important;
}

.sport-tabs .nav-tabs .nav-link.sport23.active {
  background-color: var(--formula-1) !important;
}

.sport-tabs .nav-tabs .nav-link.sport24.active {
  background-color: var(--nascar) !important;
}

.sport-tabs .nav-tabs .nav-link.sport25.active {
  background-color: var(--hockey) !important;
}

.sport-tabs .nav-tabs .nav-link.sport26.active {
  background-color: var(--supercars) !important;
}

.sport-tabs .nav-tabs .nav-link.sport27.active {
  background-color: var(--netball) !important;
}

.sport-tabs .nav-tabs .nav-link.sport28.active {
  background-color: var(--surfing) !important;
}

.sport-tabs .nav-tabs .nav-link.sport29.active {
  background-color: var(--cycling) !important;
}

.sport-tabs .nav-tabs .nav-link.sport30.active {
  background-color: var(--gaelick-sports) !important;
}

.sport-tabs .nav-tabs .nav-link.sport31.active {
  background-color: var(--biathlon) !important;
}

.sport-tabs .nav-tabs .nav-link.sport32.active {
  background-color: var(--motorbikes) !important;
}

.sport-tabs .nav-tabs .nav-link.sport33.active {
  background-color: var(--athletics) !important;
}

.sport-tabs .nav-tabs .nav-link.sport34.active {
  background-color: var(--squash) !important;
}

.sport-tabs .nav-tabs .nav-link.sport35.active {
  background-color: var(--basketball-3-3) !important;
}

.sport-tabs .nav-tabs .nav-link.sport36.active {
  background-color: var(--floorball) !important;
}

.sport-tabs .nav-tabs .nav-link.sport37.active {
  background-color: var(--sumo) !important;
}

.sport-tabs .nav-tabs .nav-link.sport38.active {
  background-color: var(--virtual-sports) !important;
}

.sport-tabs .nav-tabs .nav-link.sport39.active {
  background-color: var(--handball) !important;
}

.sport-tabs .nav-tabs .nav-link.sport40.active {
  background-color: var(--politics) !important;
}

.sport-tabs .nav-tabs .nav-link.sport41.active {
  background-color: var(--weather) !important;
}

.sport-tabs .nav-tabs .nav-link.sport42.active {
  background-color: var(--tv-games) !important;
}

.sport-tabs .nav-tabs .nav-link.sport43.active {
  background-color: var(--lottery) !important;
}

.sport-tabs .nav-tabs .nav-link.sport44.active {
  background-color: var(--bowls) !important;
}

.sport-tabs .nav-tabs .nav-link.sport45.active {
  background-color: var(--poker) !important;
}

.sport-tabs .nav-tabs .nav-link.sport46.active {
  background-color: var(--waterpolo) !important;
}

.sport-tabs .nav-tabs .nav-link.sport47.active {
  background-color: var(--alpine-skiing) !important;
}

.sport-tabs .nav-tabs .nav-link.sport48.active {
  background-color: var(--sailing) !important;
}

.sport-tabs .nav-tabs .nav-link.sport49.active {
  background-color: var(--hurling) !important;
}

.sport-tabs .nav-tabs .nav-link.sport50.active {
  background-color: var(--ski-jumping) !important;
}

.sport-tabs .nav-tabs .nav-link.sport51.active {
  background-color: var(--bandy) !important;
}

.sport-tabs .nav-tabs .nav-link.sport52.active {
  background-color: var(--motor-sports) !important;
}

.sport-tabs .nav-tabs .nav-link.sport53.active {
  background-color: var(--baseball) !important;
}

.sport-tabs .nav-tabs .nav-link.sport54.active {
  background-color: var(--rugby-union) !important;
}

.sport-tabs .nav-tabs .nav-link.sport55.active {
  background-color: var(--rugby-league) !important;
}

.sport-tabs .nav-tabs .nav-link.sport56.active {
  background-color: var(--curling) !important;
}

.sport-tabs .nav-tabs .nav-link.sport57.active {
  background-color: var(--darts) !important;
}

.sport-tabs .nav-tabs .nav-link.sport58.active {
  background-color: var(--americal-footbal) !important;
}

.sport-tabs .nav-tabs .nav-link.sport59.active {
  background-color: var(--snooker) !important;
}

.sport-tabs .nav-tabs .nav-link.sport60.active {
  background-color: var(--gaelick-sports) !important;
}

.sport-tabs .nav-tabs .nav-link.sport61.active {
  background-color: var(--lottery-specials) !important;
}

.sport-tabs .nav-tabs .nav-link.sport62.active {
  background-color: var(--football) !important;
}

.sport-tabs .nav-tabs .nav-link.sport63.active {
  background-color: var(--special-bets) !important;
}

.sport-tabs .nav-tabs .nav-link.sport64.active {
  background-color: var(--egames) !important;
}

.sport-tabs .nav-tabs .nav-link.sport65.active {
  background-color: var(--grey-hounds) !important;
}

.sport-tabs .nav-tabs .nav-link.sport66.active {
  background-color: var(--kabaddi) !important;
}

.sport-tabs .nav-tabs .nav-link.sport67.active {
  background-color: var(--boat-racing) !important;
}
.sport-tabs .nav-tabs .nav-link.sport68.active {
  background-color: var(--e-socker) !important;
}

.sport-tabs .nav-tabs .nav-link.sport999.active {
  background-color: var(--card-cricket) !important;
}

.sport-tabs .nav-tabs .nav-link.active img {
  filter: invert(0);
  -webkit-filter: invert(0);
}

.sport-tabs .nav-tabs .nav-link span {
  margin-left: 16px;
}

.sport-tabs .nav-tabs .nav-link .close-tab {
  position: absolute;
  right: 8px;
  top: 8px;
  height: 8px;
  width: 8px;
}

.sport-tabs .nav-tabs .nav-link:hover {
  /* color: var(--text-table); */
}

.sport-tabs .nav-tabs .nav-link:hover img {
  filter: invert(0%);
  -webkit-filter: invert(0%);
}

.arrow-tabs {
  width: 30px;
  position: absolute;
  top: 5px;
  height: 30px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  display: -webkit-flex;
  background-color: #444;
  color: #ddd;
  font-size: 16px;
}

.arrow-tabs:hover,
.arrow-tabs:focus {
  opacity: 0.6;
}

.arrow-tabs.arrow-left {
  left: 0;
}

.arrow-tabs.arrow-right {
  right: 0;
}

/*End Home Page CSS*/

/*Detail Page CSS goes here*/

.game-header {
  padding: 8px;
  color: var(--text-white);
  width: 100%;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.game-header .game-header-name {
  max-width: calc(100% - 180px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  display: inline-block;
}

.game-header i {
  color: #ffffff80;
}

.game-header i.active-tab {
  color: #ffffff;
}

.game-header-date {
  float: right;
}

.detail-page-container {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.all-markets {
  padding: 5px;
  width: 100%;
  background-color: var(--bg-table);
  margin-top: 5px;
  border-radius: 0;
  word-break: break-all;
  word-wrap: break-word;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.all-markets > div:first-child {
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 38px;
  min-height: 38px;
  white-space: nowrap;
}

.all-markets > div:last-child {
  width: calc(20% - 5px);
  position: absolute;
  right: 5px;
}

.all-markets .search-box .form-control {
  height: 40px;
}

.all-markets:hover > div:first-child {
  max-height: unset;
  white-space: normal;
}

.all-markets a {
  color: var(--text-table);
  margin-right: 10px;
}

.detail-page-container .market-1 {
  min-width: calc(100% - 6px);
  margin-left: 3px;
  margin-right: 3px;
}

.detail-page-container .market-2 {
  min-width: calc(33.33% - 6px);
  max-width: calc(100% - 6px);
  margin-left: 3px;
  margin-right: 3px;
  flex: 1;
  width: 50%;
}

.detail-page-container .market-11 {
  min-width: calc(50% - 6px);
  max-width: calc(100% - 6px);
  margin-left: 3px;
  margin-right: 3px;
  flex: 1;
  width: 50%;
}

.detail-page-container .market-3 {
  margin-left: 3px;
  margin-right: 3px;
  min-width: calc(50% - 6px);
  flex: 1;
}

.detail-page-container .market-4,
.detail-page-container .market-12,
.detail-page-container .market-13,
.detail-page-container .market-14 {
  margin-left: 3px;
  margin-right: 3px;
  min-width: calc(100% - 6px);
  flex: 1;
}

.detail-page-container .market-14 .nation-name p {
  max-width: calc(100% - 60px);
}

.detail-page-container .market-4.width-75,
.detail-page-container .market-12.width-75,
.detail-page-container .market-13.width-75,
.detail-page-container .market-14.width-75 {
  margin-left: 3px;
  margin-right: 3px;
  min-width: calc(60% - 6px);
  max-width: calc(100% - 6px);
  flex: 1;
}

.detail-page-container .market-4.width-75 .nation-name p,
.detail-page-container .market-12.width-75 .nation-name p,
.detail-page-container .market-13.width-75 .nation-name p,
.detail-page-container .market-14.width-75 .nation-name p {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.detail-page-container .market-4.width-75 .nation-name p:last-child,
.detail-page-container .market-12.width-75 .nation-name p:last-child,
.detail-page-container .market-13.width-75 .nation-name p:last-child,
.detail-page-container .market-14.width-75 .nation-name p:last-child {
  text-align: right;
  width: 100%;
  height: auto;
  line-height: 1;
  font-size: 12px;
  position: absolute;
  right: 5px;
  width: 100%;
  text-align: right;
  bottom: -10px;
  justify-content: flex-end;
}

.detail-page-container .market-4.width-75 .nation-name p span:first-child,
.detail-page-container .market-12.width-75 .nation-name p span:first-child,
.detail-page-container .market-13.width-75 .nation-name p span:first-child,
.detail-page-container .market-14.width-75 .nation-name p span:first-child {
  line-height: 16px;
  max-height: 32px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  height: auto;
  max-width: calc(100% - 50px);
  width: calc(100% - 50px);
  font-size: 14px;
}

.detail-page-container .market-4.width-75 .nation-name p span:last-child,
.detail-page-container .market-12.width-75 .nation-name p span:last-child,
.detail-page-container .market-13.width-75 .nation-name p span:last-child,
\.detail-page-container .market-14.width-75 .nation-name p span:last-child {
  width: 50px;
  text-align: right;
  line-height: 1;
  height: auto;
}

.detail-page-container .market-2.width-25 {
  margin-left: 3px;
  margin-right: 3px;
  min-width: calc(40% - 6px);
  flex: 1;
}

.detail-page-container .market-2.width-25 .nation-name p span:first-child {
  line-height: 16px;
  max-height: 32px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  height: auto;
  max-width: calc(100% - 50px);
  width: calc(100% - 50px);
  font-size: 14px;
}

.detail-page-container .market-2.width-25 .nation-name p span:last-child {
  width: 50px;
  text-align: right;
  line-height: 1;
  height: auto;
}

.detail-page-container .market-2.width-25 .nation-name p:last-child {
  text-align: right;
  width: 100%;
  height: auto;
  line-height: 1;
  font-size: 12px;
  position: absolute;
  right: 5px;
  width: 100%;
  text-align: right;
  bottom: -10px;
  justify-content: flex-end;
}

.detail-page-container .market-5 {
  margin-left: 3px;
  margin-right: 3px;
  min-width: calc(100% - 6px);
  flex: 1;
}

.detail-page-container .market-6 {
  min-width: calc(100% - 6px);
  max-width: calc(100% - 6px);
  margin-left: 3px;
  margin-right: 3px;
  flex: 1;
  width: 50%;
}

.goal .detail-page-container .market-6 {
  min-width: calc(50% - 6px);
  max-width: calc(50% - 6px);
  margin-left: 3px;
  margin-right: 3px;
  flex: 1;
  width: 50%;
}

.detail-page-container.cricket-detail .market-6 {
  min-width: calc(100% - 6px);
}

.detail-page-container .market-9 {
  min-width: calc(50% - 6px);
  max-width: calc(100% - 6px);
  margin-left: 3px;
  margin-right: 3px;
  flex: 1;
}

.detail-page-container .market-10 {
  min-width: calc(50% - 6px);
  max-width: calc(100% - 6px);
  margin-left: 3px;
  margin-right: 3px;
  flex: 1;
}

.detail-page-container.cricket-detail .market-10 {
  min-width: calc(100% - 6px);
}

.detail-page-container .bet-table-header {
  min-height: 30px;
  height: auto;
  padding: 5px 8px;
  border-radius: 0;
  background-color: var(--bg-table-header-new);
  color: var(--text-table-header-new);
  width: 100%;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.detail-page-container .bet-table-header img {
  transform: rotate(180deg);
}

.detail-page-container .bet-table-header.collapsed img {
  transform: rotate(0);
}

.detail-page-container .market-3 .bet-table-header,
.detail-page-container .market-4 .bet-table-header,
.detail-page-container .market-5 .bet-table-header,
.detail-page-container .market-6 .bet-table-header,
.detail-page-container .market-10 .bet-table-header,
.detail-page-container .market-12 .bet-table-header,
.detail-page-container .market-13 .bet-table-header,
.detail-page-container .market-14 .bet-table-header {
  justify-content: flex-start;
}

.detail-page-container .bet-table {
  margin-top: 4px;
}

.detail-page-container .bet-table-row {
  padding: 2px 8px;
}

.bet-table-body .bet-table-row:first-child {
  padding: 2px 8px;
}

.detail-page-container .max-bet {
  font-size: var(--font-small);
  text-align: left;
}

.detail-page-container .market-2 .max-bet,
.detail-page-container .market-3 .max-bet,
.detail-page-container .market-4 .max-bet,
.detail-page-container .market-5 .max-bet,
.detail-page-container .market-6 .max-bet,
.detail-page-container .market-9 .max-bet,
.detail-page-container .market-11 .max-bet,
.detail-page-container .market-12 .max-bet,
.detail-page-container .market-13 .max-bet,
.detail-page-container .market-14 .max-bet {
  font-weight: bold;
}

.detail-page-container .market-2 .max-bet .nation-name,
.detail-page-container .market-3 .max-bet .nation-name {
  display: flex;
  flex-wrap: wrap;
}

.detail-page-container .market-2 .max-bet,
.detail-page-container .market-3 .max-bet,
.detail-page-container .market-4 .max-bet,
.detail-page-container .market-5 .max-bet,
.detail-page-container .market-6 .max-bet,
.detail-page-container .market-9 .max-bet,
.detail-page-container .market-10 .max-bet,
.detail-page-container .market-11 .max-bet,
.detail-page-container .market-12 .max-bet,
.detail-page-container .market-13 .max-bet,
.detail-page-container .market-14 .max-bet {
  width: 100%;
  text-align: left;
  line-height: 1;
}

.detail-page-container .nation-name {
  width: calc(100% - 452px);
  padding-right: 5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.detail-page-container .market-2 .nation-name > span:first-child,
.detail-page-container .market-3 .nation-name > span:first-child,
.detail-page-container .market-4 .nation-name > span:first-child,
.detail-page-container .market-5 .nation-name > span:first-child,
.detail-page-container .market-6 .nation-name > span:first-child,
.detail-page-container .market-9 .nation-name > span:first-child,
.detail-page-container .market-10 .nation-name > span:first-child,
.detail-page-container .market-11 .nation-name > span:first-child,
.detail-page-container .market-12 .nation-name > span:first-child,
.detail-page-container .market-13 .nation-name > span:first-child,
.detail-page-container .market-14 .nation-name > span:first-child {
  max-width: 100%;
  line-height: normal;
}

/* .detail-page-container .market-2 .nation-name>span:first-child,
.detail-page-container .market-3 .nation-name>span:first-child {
    max-width: 100%;
    margin-bottom: 3px;
    line-height: 1;
} */

.detail-page-container .nation-name > span:first-child {
  /* overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; */
  max-width: 100%;
  display: inline-block;
  text-transform: capitalize;
  vertical-align: middle;
}

.detail-page-container .bet-table-header .nation-name {
  width: 100% !important;
}

.detail-page-container .market-1 .bet-table-header span:first-child {
  text-transform: capitalize;
}

.detail-page-container .bet-table-body .nation-name .max-bet {
  text-align: right;
}

.detail-page-container .market-2 .nation-name,
.detail-page-container .market-11 .nation-name {
  width: calc(100% - 148px);
}

.detail-page-container .market-2 .nation-name p {
  display: flex;
}

.detail-page-container .market-3 .nation-name {
  width: calc(100% - 300px);
}

.detail-page-container
  .market-3
  .bet-table-body
  .bet-table-row:first-child
  .nation-name {
  width: calc(100% - 224px);
}

.detail-page-container .market-5 .nation-name {
  width: calc(100% - 300px);
}

.detail-page-container .market-3 .bet-table-header .nation-name {
  width: calc(100% - 224px);
}

.detail-page-container .market-4 .bet-table-header .nation-name,
.detail-page-container .market-12 .bet-table-header .nation-name,
.detail-page-container .market-13 .bet-table-header .nation-name,
.detail-page-container .market-14 .bet-table-header .nation-name {
  width: calc(100% - 300px);
}

.detail-page-container
  .market-4
  .bet-table-body
  .bet-table-row:first-child
  .nation-name,
.detail-page-container
  .market-12
  .bet-table-body
  .bet-table-row:first-child
  .nation-name,
.detail-page-container
  .market-13
  .bet-table-body
  .bet-table-row:first-child
  .nation-name,
.detail-page-container
  .market-14
  .bet-table-body
  .bet-table-row:first-child
  .nation-name {
  width: calc(100% - 300px);
}

.detail-page-container .market-5 .bet-table-header .nation-name {
  width: calc(100% - 298px);
}

.detail-page-container .market-6 .bet-table-header .nation-name {
  width: calc(100% - 224px);
}

.ball-by-ball .detail-page-container .market-6 .bet-table-header .nation-name {
  width: calc(100% - 148px);
}

.detail-page-container .market-6 .fancy-tripple {
  border-bottom: 1px solid #3c444b;
}

/*.detail-page-container .market-6 .fancy-tripple:last-child
{
    border-bottom: 0;
}*/

.detail-page-container.cricket-detail .market-6 .fancy-tripple {
  height: 100%;
}

.detail-page-container.cricket-detail
  .market-6
  .col-md-6:nth-last-child(2)
  .fancy-tripple,
.detail-page-container.cricket-detail
  .market-6
  .col-md-6:nth-last-child(1)
  .fancy-tripple,
.detail-page-container.cricket-detail
  .market-10
  .col-md-6:nth-last-child(2)
  .fancy-tripple,
.detail-page-container.cricket-detail
  .market-10
  .col-md-6:nth-last-child(1)
  .fancy-tripple {
  border-bottom: 0;
}

.detail-page-container .market-6 .fancy-tripple .bet-table-row {
  border-bottom: 0;
}

.detail-page-container .market-6 .nation-name {
  width: calc(100% - 224px);
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  position: relative;
}

.ball-by-ball .detail-page-container .market-6 .nation-name {
  width: calc(100% - 148px);
}

.detail-page-container .market-6 .nation-name p {
  height: 16px;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 1;
}

.detail-page-container .market-6 .nation-name p:last-child {
  width: 100%;
  text-align: left;
}

.detail-page-container .market-9 .nation-name {
  width: calc(100% - 72px);
}

.detail-page-container .market-10 .nation-name {
  width: calc(100% - 148px);
  cursor: pointer;
}

.detail-page-container .market-10 .bet-table-row {
  border-bottom: 1px solid #3c444b;
}

.fancy-min-max {
  font-size: var(--font-small);
  text-align: right;
  width: 72px;
  line-height: 16px;
  font-weight: bold;
}

.detail-page-container .bl-title {
  height: 22px;
  border-radius: 0;
  width: 72px;
  text-align: center;
  line-height: 22px;
  color: var(--text-black);
  font-weight: var(--font-medium);
  margin-right: 4px;
  cursor: default;
  font-size: var(--font-caption);
}

.detail-page-container .bl-title:last-child {
  margin-right: 0;
}

.detail-page-container .bl-box {
  width: 72px;
  height: 34px;
  padding: 3px 0;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.detail-page-container .bl-box span {
  height: 14px;
  line-height: 14px;
}

.detail-page-container .bl-box .odds {
  height: 16px;
  line-height: 16px;
  margin-bottom: 1px;
}

.detail-page-container .bl-box.no-val {
  line-height: 38px;
  padding: 0;
  border: 0;
}

.detail-page-container .bl-box.no-val .odds {
  color: var(--text-table);
}

.detail-page-container .nation-name p {
  height: 16px;
  color: var(--text-table);
  margin-bottom: 6px;
  margin-bottom: 0;
  /* line-height: 16px; */
  width: 100%;
  line-height: 1;
}

.detail-page-container .nation-name p span:first-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 80px);
  width: calc(100% - 80px);
  display: inline-block;
  font-size: 14px;
  line-height: 1;
}

.detail-page-container .nation-name p span:last-child {
  font-size: var(--font-small);
  line-height: normal;
}

.detail-page-container .market10 .nation-name p span:last-child {
  font-size: var(--font-body);
}

.detail-page-container .nation-name p:last-child {
  margin-bottom: 0;
  font-size: 14px;
}

.bet-table .bet-table-header:not(:first-child) {
  border-radius: 0;
}

.detail-tabs {
  height: 60px;
  border-radius: 8px 8px 0 0;
  margin-top: 16px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
}

.detail-tabs .nav-tabs {
  border: 0;
}

.detail-tabs .nav-tabs .nav-link {
  color: var(--text-table);
  padding-top: 0;
  padding-bottom: 4px;
  padding-left: 12px;
  padding-right: 12px;
  border: 0;
}

.detail-tabs .nav-tabs .nav-item.active .nav-link {
  font-weight: var(--font-semi);
}

.detail-tabs .nav-tabs .nav-link:focus,
.detail-tabs .nav-tabs .nav-link:hover {
  border: 0;
}

.detail-page-container .market-1 .bet-table-row {
  padding-left: 0;
  padding-right: 0;
}

.detail-page-container .market-1 .bet-table-row .market-1-item {
  padding: 2px 8px;
  border-bottom: 1px solid #3c444b;
  display: flex;
  display: -webkit-flex;
  flex: 1 1 auto;
  justify-content: space-between;
  align-items: center;
  min-width: 33.33%;
  max-width: 50%;
}

.detail-page-container
  .market-1
  .bet-table-row
  .market-1-item
  > div:first-child {
  cursor: pointer;
}

.detail-page-container .market-1 .bet-table-row .market-1-item:nth-child(3n) {
  border-right: 0;
}

.detail-page-container .market-1 .live-book {
  flex: 1;
  text-align: right;
  margin-right: 5px;
}

.market-1 .suspendedfull:after {
  width: 100%;
  right: 0;
}

.market-1 .suspendedtext:after {
  right: 0;
  width: 100%;
  height: calc(100% - 2px);
}

.market-1 .suspended:after {
  background-color: #131313c2;
  color: var(--text-red);
}

.market-2 .suspendedtext:after,
.market-2 .suspendedtext:before,
.market-11 .suspendedtext:after,
.market-11 .suspendedtext:before {
  width: 148px;
  height: 34px;
}

.market-2 .suspendedfull:after,
.market-11 .suspendedfull:after {
  width: 148px;
  height: calc(100% - 4px);
}

.market-3 .suspendedtext:after {
  width: 300px;
  height: 34px;
}

.market-3 .suspendedfull:after {
  width: 300px;
  height: calc(100% - 4px);
}

.market-4 .suspendedtext:after,
.market-13 .suspendedtext:after,
.market-14 .suspendedtext:after {
  width: 452px;
  height: 34px;
}

.market-12 .suspendedtext:after {
  width: 452px;
  height: 100%;
  top: 0;
}

.market-4 .suspendedfull:after,
.market-12 .suspendedfull:after,
.market-13 .suspendedfull:after,
.market-14 .suspendedfull:after {
  width: 452px;
  height: calc(100% - 4px);
}

.market-12 .suspendedfull:before {
  content: "";
  background-image: url("../img/lock.svg");
  background-size: 17px 17px;
  filter: invert(1);
  background-repeat: no-repeat;
  position: absolute;
  z-index: 100;
  width: 452px;
  height: 100%;
  right: 0;
  top: 0;
  background-position: center;
  pointer-events: none;
}

.market-12 .suspendedfull:after {
  content: "";
}

.market-12 .suspendedtext.removed::after {
  color: #fff;
}

.market-5 .suspendedtext:after {
  right: 160px;
  width: 148px;
  height: 34px;
}

.market-5 .suspendedfull:after {
  right: 160px;
  width: 148px;
  height: calc(100% - 4px);
}

.market-6 .suspendedtext:after {
  width: 148px;
  right: 84px;
  /* height: calc(100% - 4px); */
  height: 34px;
}

.market-6 .suspendedfull:after {
  width: 148px;
  right: 84px;
  /* height: calc(100% - 4px); */
  height: 34px;
}

.market-9 .suspendedtext:after {
  width: 72px;
  right: 8px;
  /* height: calc(100% - 4px); */
  height: 34px;
}

.market-10 .suspendedtext:after {
  width: 72px;
  right: 84px;
  /* height: calc(100% - 4px); */
  height: 34px;
}

.market-message {
  padding: 0 5px;
  font-size: var(--font-small);
  line-height: 16px;
  color: var(--text-table);
}

.market-2 .suspendedfull::after,
.market-3 .suspendedfull::after,
.market-4 .suspendedfull::after,
.market-5 .suspendedfull::after,
.market-6 .suspendedfull::after,
.market-9 .suspendedfull::after,
.market-10 .suspendedfull::after,
.market-11 .suspendedfull::after,
.market-12 .suspendedfull::after,
.market-13 .suspendedfull::after,
.market-14 .suspendedfull::after {
  height: calc(100% - 30px);
  top: 28px;
}

/*Scorecard*/

.scorecard {
  width: 616px;
  border-radius: 0;
  background-color: var(--bg-table);
  position: absolute;
  font-size: var(--font-caption);
  max-width: 95%;
}

.scorecard-header {
  border-radius: 8px 8px 0 0;
  height: 32px;
  font-size: var(--font-small);
  padding: 5px 10px;
}

.scorecard-row {
  padding: 2px 15px;
  border-bottom: 1px solid #666;
}

.scorecard-row:last-child {
  border-bottom: 0;
}

.ball-runs {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  width: 28px;
  border-radius: 50%;
  font-size: 11px;
  font-weight: bold;
  background-color: #0088cc;
  color: #ffffff;
  text-align: center;
  margin-right: 2px !important;
}

.ball-runs.four {
  background-color: #087f23;
}

.ball-runs.six {
  background-color: #883997;
}

.ball-runs.wicket {
  background-color: #ff0000;
}

/*End Detail Page CSS*/

/*Casino Page CSS goes here*/

.casino-center {
  width: calc(100% - 476px);
  margin-right: 6px;
  margin-left: 6px;
  position: relative;
}

.casino-sliders {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.casino-carousal {
  /*width: calc(100% - 480px);*/
  width: 73%;
}

.casino-carousal img {
  height: 300px;
  width: 100%;
}

.casino-small-icons {
  /*width: 464px;*/
  width: calc(27% - 5px);
  margin-left: 5px;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  align-content: flex-start;
}

.casino-small-icon {
  width: 49%;
  margin-right: 2%;
  margin-bottom: 10px;
}

.casino-small-icon:nth-child(2n) {
  margin-right: 0;
}

.casino-small-icon:nth-child(3n),
.casino-small-icon:nth-child(4n) {
  margin-bottom: 0;
}

.casino-small-icon img {
  height: 145px;
  width: 100%;
}

.casino-tabs {
  height: 50px;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  position: relative;
  border-radius: 0 0 8px 8px;
}

.casino-tabs-menu {
  position: relative;
  width: 100%;
  max-width: calc(100% - 50px);
  height: 100%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  /* transition: 0.75s; */
  /* padding-left: 40px;
    padding-right: 40px; */
}

.is-search .casino-tabs-menu {
  max-width: calc(100% - 300px);
  transition: 1.2s ease;
}

.frame-open .casino-tabs-menu {
  width: calc(100% - 50px);
  /* display: inline-block; */
}

.header .close-frame-fantacy {
  position: unset;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  line-height: 36px;
}

.casino-tabs .arrow-tabs {
  top: 50%;
  transform: translateY(-50%);
}

.casino-tabs .arrow-tabs.arrow-right {
  right: 5px;
}

.casino-tabs .nav-tabs {
  border: 0;
  margin-left: 50px;
  margin-right: 50px;
  position: relative;
  flex-wrap: nowrap;
  overflow: hidden;
  scroll-behavior: smooth;
  white-space: nowrap;
}

.casino-tabs .nav-tabs .nav-link {
  color: var(--text-body);
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 5px;
  padding-right: 5px;
  border: 0;
  text-align: center;
  opacity: 0.7;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: opacity 0.2s linear;
  cursor: pointer;
  border-radius: 0;
}

.casino-tabs .nav-tabs .nav-link img {
  height: 20px;
}

.casino-tabs .nav-tabs .nav-item .nav-link.active {
  opacity: 1;
  background-color: transparent;
}

.casino-tabs .nav-tabs .nav-item .nav-link:hover,
.casino-tabs .nav-tabs .nav-item .nav-link:focus {
  opacity: 1;
  background-color: transparent;
}

.center-container.casino-list-container {
  width: 100%;
  padding-left: 6px;
  padding-right: 6px;
  margin: 0;
}

.casino-container {
  width: 100%;
  min-height: calc(100vh - 100px);
}

.casino-container .center-main-content {
  padding: 16px 30px;
}

.report-container .casino-title {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 8px;
  margin-top: 6px;
}

.casino-banners {
  padding: 10px 10px 0 10px;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  margin-top: 6px;
}

.casino-banner-item {
  width: calc(16.66% - 8.4px);
  margin-right: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  position: relative;
  transition: 3s;
}

.live-casino-banners .casino-banner-item {
  width: calc(20% - 8px);
  margin-right: 10px;
  margin-bottom: 10px;
}

.live-casino-banners .casino-banner-item:nth-child(6n) {
  margin-right: 10px;
}

.live-casino-banners .casino-banner-item:nth-child(5n) {
  margin-right: 0;
}

.slot-banner-full {
  width: 100% !important;
}

.casino-banner-item:hover > div:first-child {
  filter: blur(6px);
}

.casino-banner-item .slot-title {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 5px;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  width: 100%;
  max-width: 100%;
  text-align: center;
  display: none;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  transition: 1s;
}

.casino-banner-item .slot-title .btn {
  background-color: #fdcf13;
  color: #000;
  min-width: 100px;
  margin-top: 10px;
}

.casino-banner-item:hover .slot-title {
  display: flex;
}

@keyframes slide-down {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

.casino-banner-item img {
  border-radius: 0;
  width: 100%;
}

.casino-banner-item:nth-child(6n) {
  margin-right: 0;
}

.casino-banner-item.launch-soon {
  position: relative;
  cursor: not-allowed;
}

.casino-banner-item.launch-soon img {
  transition: 0.8s;
}

.casino-banner-item.launch-soon:hover img {
  filter: blur(10px);
  transition: 0.8s;
}

.casino-banner-item.launch-soon:hover::after {
  position: absolute;
  content: "Launch Soon";
  font-weight: var(--font-bold);
  top: 0;
  left: 0;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  z-index: 1000;
  transition: 0.8s;
}

.casino-primary-tabs {
  height: 50px;
  margin-top: 6px;
  position: relative;
  border-radius: 8px 8px 0 0;
  margin-bottom: 0;
}

.casino-primary-tabs .nav-tabs {
  border: 0;
  margin-left: 30px;
  margin-right: 30px;
  flex-wrap: nowrap;
  overflow: hidden;
  scroll-behavior: smooth;
  white-space: nowrap;
}

.casino-primary-tabs .nav-tabs .nav-item {
  text-align: center;
  width: 138px;
}

.casino-primary-tabs .nav-tabs .nav-item .nav-link {
  height: 50px;
  padding: 0;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 0;
}

.casino-primary-tabs .nav-tabs .nav-link:focus,
.casino-primary-tabs .nav-tabs .nav-link:hover {
  border-color: transparent;
}

.casino-primary-tabs .nav-tabs .nav-link:focus img,
.casino-primary-tabs .nav-tabs .nav-link:hover img {
  filter: invert(0%);
  -webkit-filter: invert(0%);
}

.casino-primary-tabs .nav-tabs .nav-item .nav-link span {
  display: block;
  text-transform: uppercase;
}

.casino-primary-tabs .nav-tabs .nav-item .nav-link.active {
  background-color: transparent;
  border-color: transparent;
}

.casino-box-tabs {
  padding: 10px 0;
  position: sticky;
  top: 94px;
  margin-top: -6px;
  z-index: 1;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.animate-on .casino-box-tabs {
  top: 128px;
}

.casino-box-tabs ul {
  margin: 0 50px;
  white-space: nowrap;
  flex-wrap: nowrap;
  overflow-x: hidden;
}

.casino-box-tabs .nav-pills .nav-item {
  margin-right: 10px;
}

.casino-box-tabs .nav-pills .nav-item img {
  height: 30px;
  margin-right: 5px;
}

.casino-box-tabs .nav-pills .nav-link.active {
  border: 2px solid var(--text-btn-primary);
}

.casino-box-tabs .nav-pills .nav-link {
  border-radius: 20px;
  background-color: transparent;
  min-height: 50px;
  display: flex;
  align-items: center;
}

.casino-search {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 50px;
  cursor: pointer;
  border-radius: 0;
  background-color: #666;
  color: #ddd;
  /* box-shadow: inset 0 0 0 2px rgba(24, 144, 255, 0.2); */
}

.casino-box .casino-search {
  height: 50px;
  top: 0;
  border-radius: 0;
  transition: 1.2s ease;
}

.casino-search.open-search {
  width: 300px;
  max-width: 100%;
  transition: 1.2s ease;
}

.casino-search.open-search .form-control {
  width: 100%;
  display: block;
  background-color: transparent;
  color: #ddd;
}

.casino-search.close-search {
  /* transition: 1.2s ease; */
}

.casino-search .form-control {
  height: 100%;
  width: 0;
  border-radius: 0;
  /* transition: 1.2s ease; */
  border: 0;
  background-color: transparent;
  outline: 0;
  box-shadow: none;
}

.casino-search .search-icon {
  position: absolute;
  right: 0;
  cursor: pointer;
  display: flex;
  display: -webkit-flex;
  height: 100%;
  width: 50px;
  justify-content: center;
  align-items: center;
}

.casino-search .search-icon i {
  color: #ddd;
}

.banner-iframe {
  position: fixed;
  top: 60px;
  left: 302px;
  top: 100%;
  width: calc(100% - 302px);
  background-color: var(--bg-table);
  z-index: 10;
}

.banner-iframe .slot-header {
  background: var(--bg-table-header-new);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  color: var(--text-table-header-new);
  height: 50px;
}

.banner-iframe .slot-header .title {
  max-width: calc(100% - 55px);
  line-height: 1;
}

.banner-iframe .slot-header h4 {
  font-size: 18px;
  font-weight: bold;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  margin-bottom: 0;
}

.close-slot-frame {
  font-size: 18px;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  font-weight: bold;
  text-decoration: underline;
  background-color: transparent;
}

.banner-iframe.slot-iframe.banner-frame-show {
  left: 0;
  width: 100%;
  top: 105px;
  height: calc(100vh - 105px);
}

.animate-on .banner-iframe.slot-iframe.banner-frame-show {
  top: 168px;
  height: calc(100vh - 168px);
}

.banner-iframe.banner-frame-show {
  height: calc(100vh - 94px);
  transition: all 0.3s ease-out;
  top: 94px;
  z-index: 1000;
}

.animate-on .banner-iframe.banner-frame-show {
  height: calc(100vh - 198px);
  top: 198px;
}

.banner-iframe-header {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  padding: 8px;
  font-size: var(--font-big);
  height: 40px;
  align-items: center;
  background-color: var(--bg-table-header-new);
  display: none;
}

.banner-iframe iframe {
  border: 0;
  width: 1px;
  min-width: 100%;
  height: 1px;
  min-height: calc(100% - 50px);
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

.banner-iframe-name {
  font-size: var(--font-18);
}

.close-frame {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  align-items: center;
  margin-right: 10px;
}

.close-frame .btn-reset {
  height: 32px;
  padding-top: 0;
  padding-bottom: 0;
}

.right-sidebar.casino-right-sidebar {
  width: 464px;
  background-color: var(--bg-table);
  padding: 4px;
  /* z-index: 100; */
}

.horse-detail .right-sidebar.casino-right-sidebar {
  padding: 12px;
}

.casino-container .footer {
  padding-left: 302px;
}

.casino-table {
  background-color: var(--bg-table);
  border-radius: 0;
  padding-bottom: 0;
  color: var(--text-table);
  position: relative;
  transform: translateZ(0);
}

.casino-table .casino-detail .back {
  background-color: #72bbef40;
  border: 2px solid var(--back);
  color: #d7d7d7;
}

.casino-table .casino-detail .back:hover {
  border: 1px solid var(--back);
}

.casino-table .casino-detail .lay {
  background-color: #f994ba40;
  border: 2px solid var(--lay);
  color: #d7d7d7;
}

.casino-table .casino-detail .lay:hover {
  border: 1px solid var(--lay);
}

.casino-title {
  padding: 16px;
}

.casino-title .casino-name {
  text-transform: uppercase;
  height: 22px;
  font-weight: var(--font-bold);
}

.fa-info-circle {
  color: #ddd;
  font-size: var(--font-body);
  cursor: pointer;
  transition: 0.5s;
  vertical-align: middle;
  border: 5px solid transparent;
}

.fa-info-circle:hover {
  color: #eee;
}

.icon-range {
  position: absolute;
  top: 100%;
  padding: 4px;
  max-width: 100%;
  word-wrap: break-word;
  font-size: var(--font-small);
  z-index: 10;
  right: 0;
  transition: 0.1s;
  text-transform: capitalize;
  z-index: 101;
  background-color: #666;
  color: #ddd;
}

.icon-range span {
  display: inline-block;
  font-size: 10px !important;
}

.casino-title .casino-rules-title {
  height: 19px;
  font-size: var(--font-caption);
  line-height: 19px;
  text-decoration: underline;
  padding-left: 16px;
}

.casino-title .round-id {
  float: right;
  height: 22px;
}

.casino-video {
  position: relative;
  background-image: linear-gradient(
    0deg,
    #100b1e 0%,
    #160d27 26.42%,
    #11091d 48.45%,
    #030309 100%
  );
}

.casino-video .video-box-container {
  max-width: calc(100% - 190px);
  margin-left: auto;
}

.casino-video .video-box {
  position: relative;
  max-width: 100%;
  width: 100%;
  padding-bottom: 56.25%;
}

.casino-video .video-box > img,
.casino-video .video-box > iframe {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border: 0;
}

.casino-video-title {
  position: absolute;
  left: 5px;
  top: 5px;
  background-color: #f8f9fa35;
  padding: 5px;
  z-index: 10;
  text-align: center;
  min-width: 180px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.casino-video-title .casino-name {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1;
  color: #fdcf13;
}

.casino-video-rid {
  font-weight: bold;
  color: #ddd;
  font-size: 12px;
  line-height: 1;
  margin-top: 3px;
}

.casino-video-cards {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 5px 20px 5px 5px;
  display: inline-block;
  height: 155px;
  overflow: hidden;
  transition: all 1s;
  width: 195px;
  border-radius: 0 8px 8px 0;
  display: flex;
  align-items: center;
}
.casino-video-cards.no-video {
  display: flex;
  align-items: center;
  justify-content: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: transparent;
}
.teenpatti1day .casino-video-cards.no-video {
  transition: all 1s;
}
.casino-video-cards.hide-cards.no-video {
  width: 100% !important;
}
.casino-video .video-watermark {
  position: absolute;
  left: 5px;
  bottom: 5px;
  opacity: 0.3;
}

.casino-video .video-watermark img {
  height: 40px;
}

.teenpattiopen .casino-video-cards {
  height: 110px;
}

.lucky7 .casino-video-cards {
  height: 85px;
  width: 80px;
}

.casino-cards-shuffle {
  position: absolute;
  right: 5px;
  top: 50%;
  width: auto !important;
  font-size: 30px;
  transform: translateY(-50%);
  cursor: pointer;
  color: #b3b3b3;
}
.no-video .casino-cards-shuffle {
  display: none;
}
.casino-video-cards-container {
  width: 100%;
  overflow: hidden;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  flex-direction: column;
  /* transition: all ease-in 1s; */
}
.no-video .casino-video-cards-container {
  /* transition: all ease-out 1s; */
}
.casino-video-cards.hide-cards {
  width: 0 !important;
}

.casino-video-cards.hide-cards .casino-video-cards-container {
  width: 0;
}
.casino-video-cards.hide-cards.no-video .casino-video-cards-container {
  width: 100% !important;
}
.casino-video-cards-container > div {
  display: flex;
  display: -webkit-flex;
  flex-wrap: nowrap;
  width: 100%;
  margin-bottom: 5px;
}
.no-video .casino-video-cards-container > div {
  justify-content: center;
}
.casino-video-cards-container .dealer-name {
  font-weight: bold;
  text-transform: uppercase;
  font-size: var(--font-small);
  justify-content: center;
  white-space: nowrap;
  color: var(--text-white);
}

.casino-video-cards-container > div:last-child {
  margin-bottom: 0;
}

.casino-video-right-icons {
  position: absolute;
  right: 5px;
  top: 5px;
  display: flex;
  display: -webkit-flex;
}

.casino-video-lr-icon,
.casino-video-home-icon,
.casino-video-rules-icon {
  background-color: rgba(0, 0, 0, 0.5);
  border: 1px solid #999;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
  cursor: pointer;
}

.casino-video-lr-icon {
  margin-right: 0;
}

.casino-video-lr-icon i,
.casino-video-home-icon i,
.casino-video-rules-icon i {
  font-size: var(--font-24);
  color: var(--text-white);
  cursor: pointer;
}
.casino-video-home-icon.net-icon i {
  font-size: 20px;
}
.casino-video-lr-icon:hover,
.casino-video-home-icon:hover,
.casino-video-rules-icon:hover {
  background-color: rgba(115, 115, 115, 0.5);
}

.casino-video-last-results {
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  display: -webkit-flex;
  align-content: flex-start;
  flex-wrap: wrap;
  transition: 1s;
  overflow: hidden;
}

.casino-video-last-results.hide-lr {
  height: 0;
  transition: 1s;
  padding-top: 0;
  padding-bottom: 0;
}

.casino-video-last-results span,
.casino-video-last-results a {
  width: 35px;
  margin-left: 5px;
  margin-top: 5px;
  border-radius: 0;
  height: 35px;
  text-align: center;
  line-height: 35px;
  background-color: #434343;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  /*flex: 1 1 0;*/
}

.casino-video-last-results span.resulta {
  color: var(--text-red);
}

.casino-video-last-results span.resultb {
  color: var(--text-yellow);
}

.casino-video-last-results span.resultc {
  color: var(--text-green);
}

.casino-video-last-results span.resulttie {
  color: var(--text-white);
}

.baccarat .casino-video-last-results span.resulta {
  color: #509bff;
}

.baccarat .casino-video-last-results span.resultb {
  color: #d3393d;
}

.baccarat .casino-video-last-results span.resulttie {
  color: #11b24b;
}

.casino-video-last-results span.resulthigh {
  color: var(--text-green);
}

.casino-video-last-results span.resultlow {
  color: var(--text-red);
}

.casino-video-last-results a.result-more {
  width: 100%;
  line-height: 1.8;
  margin-right: 5px;
  margin-bottom: 5px;
  color: var(--text-white);
}

.casino-vieo-rules {
  position: absolute;
  right: 10px;
  top: 50px;
  display: none;
  z-index: 10;
}

.casino-vieo-rules img {
  max-width: 300px;
}

.casino-video-cards span img {
  margin-right: 8px;
  width: 50px;
}

.casino-video-cards .card-close {
  text-indent: -4000px;
  background-repeat: no-repeat;
  border: 2px solid var(--bg-success);
  height: 75px;
  width: 53px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: top;
}

.casino-video-right-info {
  position: absolute;
  right: 6px;
  top: 6px;
  padding: 6px;
}

.casino-timer {
  position: absolute;
  right: 5px;
  bottom: 5px;
  display: flex;
  display: -webkit-flex;
}

.minrange .casino-bl-box-item {
  font-size: 10px;
  color: var(--text-table);
  height: 14px !important;
  text-align: right;
  align-items: flex-end;
  line-height: 14px;
  flex-direction: row;
  justify-content: flex-end;
}

.teenpatti20 .casino-bl-box.minrange {
  margin-top: 5px;
}

.minrange .casino-bl-box-item span {
  font-size: 10px;
  width: auto;
}

.teenpatti20 .casino-rb-box-player .range {
  font-size: 12px;
}

.base-timer {
  position: relative;
  width: 100px;
  height: 100px;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
}

.base-timer__svg {
  transform: scaleX(-1);
}

.base-timer__circle {
  fill: none;
  stroke: none;
}

.base-timer__path-elapsed {
  stroke-width: 7px;
  stroke: grey;
}

.base-timer__path-remaining {
  stroke-width: 7px;
  stroke-linecap: round;
  transform: rotate(90deg);
  transform-origin: center;
  transition: 1s linear all;
  fill-rule: nonzero;
  stroke: currentColor;
}

.base-timer__label.green,
.base-timer__path-remaining.green {
  color: rgb(65, 184, 131);
}

.base-timer__label.orange,
.base-timer__path-remaining.orange {
  color: orange;
}

.base-timer__label.red,
.base-timer__path-remaining.red {
  color: red;
}

.base-timer__label {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 0;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  font-size: 50px;
  color: var(--text-white);
  font-family: timer;
}

.base-timer__label > span {
  min-width: 20px;
  text-align: center;
  line-height: 1;
}

.card__counter {
  position: absolute;
  left: 16px;
  bottom: 16px;
  height: 150px;
  line-height: 150px;
  padding: 0 20px;
  display: flex;
  display: -webkit-flex;
  font-family: "Anonymous Pro";
  font-weight: bold;
  color: white;
}

.card__counter__num {
  font-size: 150px;
  padding: 0 20px;
  z-index: 15;
}

.card__counter__num span {
  margin-top: 45px;
  font-size: 65px;
  opacity: 1;
  transition: opacity 0.3s;
  z-index: 3;
}

.timer {
  width: 56px;
  height: 72px;
  line-height: 72px;
  font-size: var(--font-timer);
  font-weight: var(--font-bold);
  text-align: center;
  color: var(--text-white);
}

.timer1 {
  border-radius: 4px 0 0 4px;
  margin-right: 2px;
}

.timer2 {
  border-radius: 0 4px 4px 0;
}

.casino-detail {
  padding: 4px;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
}

.casino-row {
  margin-top: 10px;
}

.casino-box-header {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  align-items: center;
}

.casino-box-row {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  padding: 2px 0;
  align-items: center;
  position: relative;
}

.casino-box-row.suspended:after {
  border-radius: 0;
}

.casino-nation-name {
  width: calc(100% - 148px);
}

.casino-bl-box-title .playera {
  color: var(--text-red) !important;
}

.casino-bl-box-title .playerb {
  color: var(--text-yellow) !important;
}

.casino-detail .casino-nation-name.no-border {
  background-color: transparent;
  padding: 0;
}

.casino-bl-box {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.casino-bl-box-title .casino-bl-box-item {
  color: var(--text-table);
  height: 24px !important;
  font-size: var(--font-caption);
  flex-direction: row;
}

.casino-bl-box-title .casino-bl-box-item span {
  width: auto;
  flex: 1;
}

.teenpatti20 .casino-bl-box-title .casino-bl-box-item .fa-info-circle {
  font-size: var(--font-caption);
}

.casino-bl-box-item {
  width: 72px;
  margin-right: 4px;
  border-radius: 0;
  color: var(--text-table);
  text-align: center;
  height: 32px;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  flex-direction: column;
}

.casino-detail .casino-box-header .casino-bl-box-item {
  height: 20px !important;
}

.teenpattiopen .casino-detail .casino-box-header .casino-bl-box-item {
  height: 20px !important;
}

.casino-box-odd-even .casino-bl-box-item {
  height: 40px;
}

.casino-bl-box-item > span,
.casino-rb-box-player > span {
  display: block;
  width: 100%;
  line-height: 14px;
  font-size: 16px;
  font-weight: bold;
}

.casino-bl-box-item .casino-box-odd,
.casino-rb-box-player .casino-box-odd {
  font-weight: var(--font-bold);
  font-size: var(--font-odds);
  height: 16px;
  line-height: 16px;
  margin-bottom: 2px;
  width: 100%;
}

.casino-rb-box-player span {
  display: block;
  width: 100%;
}

.casino-bl-box-item:last-child {
  margin-right: 0;
}

.casino-card-img img {
  width: 30px;
  height: auto;
  margin-left: 5px;
}

.casino-card-img img:last-child {
  margin-left: 0;
}

.btn-casino {
  width: 100%;
  height: 38px;
  line-height: 38px;
  padding: 0;
}

.casino-cards {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

.casino-cards-odds-title {
  background-color: #444;
  color: #ddd;
}

.casino-card-item {
  margin-right: 5px;
  width: auto;
  margin-bottom: 5px;
  min-width: 60px;
}

.cards-top .casino-card-item {
  display: inline-block;
  width: auto;
  margin-right: 5px;
  margin-bottom: 0;
  min-width: 35px;
}

.cards-top .casino-card-item:nth-child(3n) {
  margin-right: 0;
}

.casino-card-item:last-child {
  margin-right: 0;
}

.casino-card-item .card-image {
  display: inline-block;
}

.casino-card-item .card-image img {
  width: 50px;
}

.casino-card-item .card-image {
  cursor: pointer;
}

.casino-odds {
  font-weight: var(--font-bold);
  text-align: center;
  width: 100%;
  line-height: 18px;
  position: relative;
}

.casino-buttons {
  text-align: center;
  line-height: 18px;
  margin-top: 5px;
  text-transform: uppercase;
  font-weight: bold;
}

.casino-buttons img {
  height: 25px;
}

.casino-book {
  text-align: center;
  font-size: var(--font-caption);
  line-height: 18px;
  margin-top: 2px;
}

.casino-min-max {
  font-size: var(--font-small);
}

.last-result-icons {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-top: 10px;
}

.last-result-item {
  margin-right: 10px;
  margin-bottom: 10px;
  height: 40px;
  width: 40px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: var(--text-white);
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
}

.last-result-item.last-result-item-1 {
  background-image: url("../img/last-result1.png");
}

.last-result-item.last-result-item-2 {
  background-image: url("../img/last-result2.png");
}

.last-result-item.last-result-item-3 {
  background-image: url("../img/last-result3.png");
}

.last-result-item.view-more-result {
  background-image: url("../img/last-result4.png");
}

.view-more-result span {
  height: 40px;
  line-height: 32px;
}

.last-result-item:last-child {
  margin-right: 0;
}

.last-result-container {
  padding: 16px;
}

.last-result-title {
  text-transform: uppercase;
  height: 22px;
  font-weight: var(--font-bold);
}

.last-result-form {
  margin-top: 16px;
}

.last-result-form .form-group {
  display: inline-block;
  margin-right: 24px;
}

.last-result-form .form-group input.form-control {
  width: 170px;
}

.last-result-form .form-group select.form-control {
  width: 240px;
}

.last-result-form .btn {
  width: 160px;
}

.casino-row-container {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.casino-col-container {
  width: calc(33.3% - 3px);
  margin-bottom: 4px;
  margin-right: 4px;
}

.casino-col-container:nth-child(3n) {
  margin-right: 0;
}

/*Baccarat*/

.baccarat .casino-detail {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.baccarat .statistics-title {
  height: 22px;
  font-weight: var(--font-bold);
  text-transform: uppercase;
  margin-bottom: 14px;
}

.statistics {
  width: 25%;
  padding-left: 20px;
}

.baccarat .statistics-icons {
  display: inline-block;
  padding-left: 42px;
}

.baccarat .statistics-icon-player {
  position: relative;
  margin-bottom: 16px;
}

.baccarat .statistics-icon-player span {
  margin-left: 32px;
}

.baccarat .statistics-icon-player:before {
  position: absolute;
  content: "";
  border-radius: 50%;
  height: 16px;
  width: 16px;
  background-color: #509bff;
}

.baccarat .statistics-icon-banker {
  position: relative;
  margin-bottom: 16px;
}

.baccarat .statistics-icon-banker span {
  margin-left: 32px;
}

.baccarat .statistics-icon-banker:before {
  position: absolute;
  content: "";
  border-radius: 50%;
  height: 16px;
  width: 16px;
  background-color: #d3393d;
}

.baccarat .statistics-icon-tie {
  position: relative;
}

.baccarat .statistics-icon-tie span {
  margin-left: 32px;
}

.baccarat .statistics-icon-tie:before {
  position: absolute;
  content: "";
  border-radius: 50%;
  height: 16px;
  width: 16px;
  background-color: #11b24b;
}

.baccarat .baccarat-bets-odds {
  width: 75%;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.baccarat .baccarat-odds {
  display: flex;
  display: -webkit-flex;
  width: 100%;
  margin-bottom: 30px;
  padding-top: 0;
}

.baccarat .baccarat-odd-block {
  flex: 1 1 auto;
  margin-right: 4px;
  position: relative;
}

.baccarat .baccarat-odd-block .casino-min-max {
  position: absolute;
  right: 0;
  top: -25px;
  width: 100%;
}

.baccarat .baccarat-odd-block:last-child {
  margin-right: 0;
}

.baccarat .baccarat-odd-block .baccarat-odd-name {
  padding: 8px 2px;
  text-align: center;
  cursor: pointer;
  border-radius: 0;
  text-transform: uppercase;
  background-color: #444;
  color: #ddd;
}

.baccarat .baccarat-odd-block .baccarat-odd-name:hover {
  opacity: 0.8;
  cursor: pointer;
}

.baccarat .baccarat-odd-block .baccarat-odd-val {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -25px;
}

.baccarat .baccarat-bets {
  display: flex;
  display: -webkit-flex;
  width: 100%;
  margin-top: 0;
  position: relative;
  padding-bottom: 15px;
}

.baccarat .player-pair {
  margin-right: 2px;
  width: 15%;
  height: 90px;
  margin-top: 15px;
  position: relative;
}

.baccarat .baccarat-bets-name {
  height: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  flex-direction: column;
  color: var(--text-white);
  padding-left: 0;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}

.baccarat .player-pair .baccarat-bets-name {
  border-radius: 0;
  background-color: #509bff;
}

.baccarat .player-pair .baccarat-bets-name:hover,
.baccarat .player .baccarat-bets-name:hover {
  background: #509bffc9;
  cursor: pointer;
}

.baccarat .player-pair .baccarat-bets-name div {
  margin-bottom: 0;
}

.baccarat .player-pair .baccarat-bets-val {
  text-align: center;
  line-height: 18px;
}

.baccarat .player-pair .casino-min-max {
  position: absolute;
  top: -25px;
  left: 0;
  width: 100%;
  text-align: left;
}

.baccarat .player-pair .casino-min-max .icon-range {
  left: 0;
  right: unset;
}

.baccarat .player {
  width: 35%;
  height: 120px;
  position: relative;
}

.baccarat .player .baccarat-bets-name {
  background-color: #509bff;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  align-items: flex-start;
  padding-left: 20px;
}

.baccarat .player .baccarat-bets-name div {
  margin-bottom: 0;
}

.baccarat .player .baccarat-bets-val {
  text-align: center;
  line-height: 18px;
}

.baccarat .player .casino-min-max {
  position: absolute;
  left: 0;
  top: -25px;
  width: 100%;
  text-align: left;
}

.baccarat .player .casino-min-max .icon-range {
  left: 0;
  right: unset;
}

.baccarat .player > span,
.baccarat .banker > span {
  float: left;
  margin-left: 10px;
}

.baccarat .player img,
.baccarat .banker img {
  height: 60px;
}

.l-rotate,
.r-rotate {
  width: 60px;
}

.l-rotate img,
img.l-rotate {
  transform: rotate(270deg);
  margin-right: 10px;
}

.r-rotate > img,
img.r-rotate {
  transform: rotate(90deg);
  margin-right: 10px;
}

.baccarat .tie {
  position: absolute;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  left: 50%;
  transform: translateX(-50%);
  top: 2px;
  z-index: 10;
}

.baccarat .tie .baccarat-bets-name {
  background-color: #11b24b;
  border-radius: 50%;
  border: 2px solid #000;
}

.baccarat .tie .baccarat-bets-name:hover {
  background: #0c9a1d;
  cursor: pointer;
}

.baccarat .tie .baccarat-bets-name div {
  margin-bottom: 0;
}

.baccarat .tie .baccarat-bets-val {
  text-align: center;
  line-height: 18px;
}

.baccarat .tie .casino-min-max {
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
}

.baccarat .banker {
  width: 35%;
  height: 120px;
  position: relative;
}

.baccarat .banker .baccarat-bets-name {
  background-color: #d3393d;
  align-items: flex-end;
  padding-right: 20px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.baccarat .banker .baccarat-bets-name:hover,
.baccarat .banker-pair .baccarat-bets-name:hover {
  background-color: #d3393ddb;
  cursor: pointer;
}

.baccarat .banker .baccarat-bets-name div {
  margin-bottom: 0;
}

.baccarat .player span,
.baccarat .banker span {
  margin-left: 3px;
}

.baccarat .banker .baccarat-bets-val {
  text-align: center;
  line-height: 18px;
}

.baccarat .banker .casino-min-max {
  position: absolute;
  top: -25px;
  right: 0;
  width: 100%;
  text-align: right;
}

.baccarat .banker-pair {
  width: 15%;
  margin-left: 2px;
  height: 90px;
  margin-top: 15px;
  position: relative;
}

.baccarat .banker-pair .baccarat-bets-name {
  border-radius: 0;
  background-color: #d3393d;
}

.baccarat .banker-pair .baccarat-bets-name div {
  margin-bottom: 0;
}

.baccarat .banker-pair .baccarat-bets-val {
  text-align: center;
  line-height: 18px;
}

.baccarat .banker-pair .casino-min-max {
  position: absolute;
  right: 0;
  top: -25px;
  width: 100%;
  text-align: right;
}

.baccarat .baccarat-min-max {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
  width: 100%;
  font-size: 12px;
  line-height: 14px;
}

.player-pair .suspended:before,
.player .suspended:before {
  background-position: left 10px top 10px;
}

.banker-pair .suspended:before,
.banker .suspended:before {
  background-position: right 10px top 10px;
}

.player-pair .suspended:after {
  border-radius: 0;
}

.banker-pair .suspended:after {
  border-radius: 0;
}

.player .suspended:after {
  border-radius: 0;
}

.tie .suspended:after {
  border-radius: 50%;
}

.banker .suspended:after {
  border-radius: 0;
}

.baccarat .suspended img {
  position: relative;
  z-index: 10;
  cursor: not-allowed;
}

/*Lucky 7*/

.lucky7 .casino-detail {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.lucky7 .casino-detail .casino-box {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  align-content: flex-start;
}

.lucky7 .casino-detail .casino-box.low-high-box {
  width: 49%;
  margin-right: 2%;
}

.lucky7 .casino-detail .casino-box.sidebets-box {
  width: 49%;
}

.lucky7 .casino-detail .casino-box.cards-box {
  width: 100%;
}

.lucky7 .casino-detail .casino-box.cards-box .casino-min-max {
  position: absolute;
  right: 0;
  top: 0;
  font-weight: normal;
}

.lucky7 .casino-detail .cards-top {
  width: 100%;
}

.cards-top .cards-top-box {
  padding: 5px;
  cursor: pointer;
  height: 110px;
  justify-content: center;
  align-items: flex-start;
  border: 5px solid #666;
}

.lucky7 .casino-detail .casino-box:last-child {
  margin-right: 0;
}

.lucky7 .casino-detail .casino-box .low-odds {
  background-color: #444;
  border: 5px solid var(--bg-danger);
  padding: 0;
  width: 33.33%;
  padding: 6px;
  height: 76px;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.lucky7 .casino-detail .casino-box .high-odds {
  background-color: #444;
  border: 5px solid var(--bg-success);
  padding: 0;
  width: 33.33%;
  padding: 6px;
  height: 76px;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.lucky7-card {
  background-color: #666;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  width: 33.33%;
  padding: 6px;
}

.lucky7-card img {
  height: 60px;
}

.lucky7-extra-bets {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  width: 100%;
}

.lucky7-extra-bets-item-container {
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 5px;
}

.lucky7-extra-bets-item {
  padding: 6px;
  border-radius: 0;
  height: 76px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: #444;
  color: #eee;
}

.lucky7eu .lucky7-extra-bets-item {
  background-color: #2580f48a;
}

.lucky7-extra-bets-item-container:nth-child(4n) {
  margin-right: 0;
}

.lucky7 .casino-min-max {
  width: 100%;
  text-align: right;
  position: relative;
  height: 20px;
}

/*Teenpatti*/

.cards32A .suspended:after {
  width: 148px;
  right: 6px;
  left: unset;
  top: 2px;
  border-radius: 3px;
  height: calc(100% - 4px);
}

.cards32B .suspended:after {
  width: 148px;
  right: 6px;
  left: unset;
  top: 2px;
  border-radius: 3px;
  height: calc(100% - 4px);
}

.low-odds.suspended:after {
  border-radius: 0;
}

.high-odds.suspended:after {
  border-radius: 0;
}

.lucky7-card.suspended {
  border-radius: 0;
}

.lucky7-extra-bets-item.suspended:after {
  border-radius: 0;
}

.cards-top-box.suspended:after {
  border-radius: 0;
}

.card-image.suspended:after {
  border-radius: 0;
}

.casino-nation-name {
  background-color: #444;
  color: #ddd;
  padding: 4px;
  position: relative;
}

.teen20casino-container {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.teen20left,
.teen20right {
  width: 49%;
}

.teen20center {
  width: 2px;
  background-color: grey;
}

.teenpatti20 .casino-nation-name {
  width: calc(100% - 75%);
}

.teenpatti20 .casino-box-header .casino-nation-name {
  background-color: transparent;
  padding: 0;
}

.teenpatti20 .casino-bl-box {
  width: 100%;
}

.teenpatti20 .casino-bl-box-item {
  width: calc(25% - 3px);
  height: 40px;
  text-transform: uppercase;
  position: relative;
}

.teenpatti20 .casino-bl-box-item .fa-info-circle {
  font-size: var(--font-18);
}

.teenpatti20 .casino-rb-box-container {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 5px;
}

.teenpatti20 .casino-rb-box {
  width: calc(50% - 4px);
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 0;
  position: relative;
  flex-direction: column;
}

.teenpatti20 .casino-rb-box .range {
  text-align: right;
  width: 100%;
  font-size: 10px;
  line-height: 12px;
}

.teenpatti20 .casino-rb-box-content {
  border-radius: 8px;
}

.teenpatti20 .casino-rb-box-player {
  width: 100%;
  text-align: left;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  color: var(--text-table);
  min-height: 46px;
  cursor: pointer;
  border-radius: 4px;
}

.teenpatti20 .casino-rb-box-player-range {
  justify-content: flex-end;
  display: flex;
  display: -webkit-flex;
  width: 100%;
  margin-top: 5px;
}

.teenpatti20 .casino-rb-box-player-range .fa-info-circle {
  font-size: var(--font-caption);
}

.teenpatti20 .casino-rb-box-player img {
  height: auto;
  margin-left: 5px;
  width: 35px;
}

.teenpatti20 .casino-rb-box-player > div {
  padding: 0 8px;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.teenpatti20 .casino-rb-box-player .back {
  padding: 4px;
  color: var(--text-black);
  cursor: pointer;
  text-align: center;
}

.teenpatti20 .casino-rb-box-player.blackbox .back {
  border: 5px solid #000;
}

.teenpatti20 .casino-rb-box-player.blackbox .back span,
.teenpatti20 .casino-rb-box-player.redbox .back span {
  line-height: 18px;
}

.teenpatti20 .casino-rb-box-player.redbox .back {
  border: 5px solid #ff0000;
}

.teenpatti20 .casino-rb-box-center {
  width: 80px;
  text-align: center;
  background: var(--back);
  height: 80px;
  border-radius: 0;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.teenpatti20 .casino-rb-box-center.red {
  border: 5px solid #ff0000;
}

.teenpatti20 .casino-rb-box-center.black {
  border: 5px solid #000;
}

.teenpatti20 .casino-rb-box-center.red.suspended:after {
  border-radius: 0;
}

.teenpatti20 .casino-rb-box-center {
  height: 80px;
  width: 80px;
  border-radius: 0;
  position: absolute;
  left: 105%;
  transform: translateX(-100%);
  top: -5px;
}

.teenpatti20 .redcontainer .casino-rb-box-center {
  left: -5%;
  transform: unset;
}

.teenpatti20 .casino-rb-box-center.black.suspended:after {
  border-radius: 0;
}

.teenpatti20 .casino-rb-box-center img {
  width: 25px;
  margin-right: 5px;
}

.teenpatti20 .casino-rb-box-center img:last-child {
  margin-right: 0;
}

.teenpatti20 .odds-min-max {
  width: calc(25% - 3px);
  margin-right: 4px;
}

.teenpatti20 .odds-min-max:last-child {
  margin-right: 0;
}

.teen1daycasino-container {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

.teen1dayleft,
.teen1dayright {
  width: 49%;
}

.teen1daycenter {
  width: 2px;
  background-color: grey;
}

.teenpatti1day .casino-nation-name {
  width: 50%;
  padding-right: 10px;
  position: relative;
}

.teenpatti1day .casino-bl-box {
  width: 50%;
}

.teenpatti1day .casino-bl-box-item {
  width: calc(50% - 2px);
}

.teen1dayother {
  width: 100%;
  margin-top: 4px;
}

.teenpatti1day .teen1dayother .casino-nation-name {
  width: 22%;
}

.teenpatti1day .teen1dayother .casino-bl-box {
  width: 13%;
}

.teenpatti1day .teen1dayother .casino-bl-box-item {
  width: calc(100% - 4px);
  height: 40px;
}

.poker20 .casino-bl-box-item {
  height: 40px;
}

.player-card {
  width: 45px;
  text-align: center;
  display: inline-block;
  margin-left: 10px;
}

.player-card span {
  display: inline-block;
}

.teenpattiopen .casino-nation-name {
  width: calc(100% - 85%);
  position: relative;
}

.teenpattiopen .casino-bl-box {
  width: 85%;
}

.teenpattiopen .casino-bl-box .casino-box-odd.open-pair {
  font-size: var(--font-caption);
}

.teenpattiopen .teenopenother .casino-bl-box {
  width: 100%;
}

.teenpattiopen .casino-bl-box-item {
  width: calc(12.5% - 4px);
  height: 40px;
}

.teenpattiopen .teenopenother .casino-bl-box-item {
  width: calc(25% - 4px);
  color: var(--text-white);
  height: 56px;
  padding: 0;
}

.teenpattiopen .teenopenother .casino-bl-box-item span {
  margin-top: 3px;
}

.teenpattiopen .odds-min-max {
  width: 100%;
  margin-right: 4px;
}

.teenpattiopen .odds-min-max:last-child {
  margin-right: 0;
}

.teenpattiopen .teenopenother .odds-min-max {
  width: calc(25% - 4px);
}

.teenpattiopen .casino-open-card-box {
  display: flex;
  flex-wrap: wrap;
  padding: 4px;
  border-radius: 0;
  margin-bottom: 4px;
  background-color: #444;
}

.teenpattiopen .casino-open-card-box > div {
  width: 12.5%;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  color: #ddd;
}

.teenpattiopen .casino-open-card-box > div > div {
  text-align: center;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.teenpattiopen .casino-open-card-box img {
  height: 50px;
  margin-right: 5px;
}

.casino-open .casino-result-desc {
  height: 230px;
}

.casino-open .casino-result-desc {
  height: 230px;
}

.casino-open-result {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.casino-open-result-item {
  width: 11.1%;
  text-align: center;
}

.casino-open-result-item h4 {
  font-size: var(--font-18);
}

.casino-open-result .casino-result-cards-winner {
  width: 50%;
}

.casino-open-result-item .casino-result-cards-item img {
  height: auto;
}

.casino-open-result-item .casino-result-cards-item .winner-icon {
  height: auto;
  width: 40px;
}

.casino-open-result-dealer .casino-result-cards-item .winner-icon {
  height: 50px;
}

.casino-open-result-dealer h4 {
  text-transform: uppercase;
  font-size: var(--font-18);
}

.casino-open-result .casino-result-cards-item {
  margin-right: 10px;
  margin-bottom: 5px;
}

.casino-open-result .casino-result-cards-item:last-child {
  margin-right: 10px;
}

.casino-open-result .casino-result-cards {
  height: auto;
}

.teenpattiopen .casino-detail .casino-box-header .casino-bl-box-item img {
  height: 35px;
}

.casino-open-result-dealer .winner-icon {
  height: 50px;
}

.casino-open-result-dealer {
  text-align: center;
}

.casino-open-result-dealer .casino-result-cards {
  display: inline-block;
}

.casino-open-result-dealer .casino-result-cards-item {
  display: inline-block;
}

.poker20casino-container {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.poker20left,
.poker20right {
  width: 49%;
}

.poker20center {
  width: 2px;
  background-color: grey;
}

.poker20 .casino-bl-box-item {
  width: calc(33.33% - 3px);
  height: 40px;
  text-transform: uppercase;
  position: relative;
}

.poker20 .casino-bl-box {
  width: 100%;
}

.poker1day .casino-nation-name {
  width: 50%;
  padding-right: 10px;
  position: relative;
}

.poker1day .casino-bl-box {
  width: 50%;
}

.poker1day .casino-bl-box-item {
  width: calc(50% - 2px);
}

.poker1day .poker1dayother .casino-bl-box {
  width: 100%;
}

.poker1day .poker1dayother .casino-bl-box-item {
  width: calc(50% - 4px);
  color: var(--text-table);
  height: 56px;
  padding: 0;
}

.poker1day .poker1dayother .odds-min-max {
  width: calc(50% - 4px);
  position: relative;
}

.poker1day .casino-video-cards {
  width: 195px;
  height: 75px;
}

.poker20 .casino-video-cards {
  width: 195px;
  height: 145px;
}

.poker20 .casino-video-cards-container {
  flex-direction: row;
}

.poker1day .casino-video-cards .playeracards,
.poker1day .casino-video-cards .playerbcards,
.poker20 .casino-video-cards .playeracards,
.poker20 .casino-video-cards .playerbcards {
  width: 50%;
}

.poker1day .casino-video-cards .playerbcards,
.poker20 .casino-video-cards .playerbcards {
  text-align: right;
  justify-content: flex-end;
}

.poker1day .casino-video-cards span img,
.poker20 .casino-video-cards span img {
  width: 27px;
}

.poker1day .casino-video-cards span:last-child img,
.poker20 .casino-video-cards span:last-child img {
  margin-right: 0;
}

.poker1day .casino-video-cards-container > div,
.poker20 .casino-video-cards-container > div {
  flex-wrap: wrap;
}

.poker1day .casino-detail {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.poker1day .playerabox,
.poker1day .playerbbox {
  width: 39%;
}

.poker1day .playerabcardbox {
  width: 20%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 100%;
  border-radius: 0;
  height: 145px;
  background-color: #222;
}

.poker1day .playerabcardbox img {
  width: 40px;
  margin-right: 5px;
}

.poker1day .playerabcardbox .poker-icon img {
  width: 120px;
}

.poker1day .playerafabcy {
  padding: 6px;
  padding-bottom: 0;
  border: 2px solid var(--text-red);
  background-color: #fc42422e;
  min-height: 72px;
}

.poker1day .playerafabcy .icon-range,
.poker1day .playerbfabcy .icon-range {
  left: 0;
  right: unset;
}

.poker1day .playerbfabcy {
  padding: 6px;
  padding-bottom: 0;
  border: 2px solid var(--text-yellow);
  background-color: #fdcf132e;
  min-height: 72px;
}

.poker1day .casino-nation-name {
  background-color: transparent;
}

.poker1day .dealer-name {
  font-size: 18px;
  font-weight: bold;
}

.poker1day .dealer-name.playera {
  color: var(--text-red);
}

.poker1day .dealer-name.playerb {
  color: var(--text-yellow);
}

/*Poker 6 Player*/

.poker6player .teen1dayleft,
.poker6player .teen1dayright {
  width: 100%;
}

.poker6player .teen1dayright {
  margin-top: 8px;
}

.poker6player .teen1daycenter {
  display: none;
}

.poker6player .casino-tabs {
  height: 36px;
  margin-bottom: 10px;
  justify-content: flex-start;
  border-radius: 0;
}

.poker6player .casino-tabs .nav-tabs {
  margin: 0;
}

.poker6player .poker6box {
  border-radius: 0;
  padding: 4px;
  width: 100%;
  cursor: pointer;
  height: 52px;
}

.poker6player .poker6box .casino-nation-name {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.player-card {
  width: auto;
  text-align: center;
  display: inline-block;
  margin-left: 5px;
}

.player-card span {
  display: inline-block;
}

.player-card img {
  width: 25px;
}

.poker6player .poker6val {
  width: 100%;
  position: relative;
}

.poker6player h4 {
  color: var(--text-white);
  font-size: var(--font-body);
  border-bottom: 1px solid var(--text-white);
  font-weight: bold;
  display: inline-block;
  margin-bottom: 4px;
}

.poker6player .casino-video-cards span img {
  width: 29px;
  margin-right: 4px;
}

.poker6player .casino-video-cards {
  height: 50px;
  width: 190px;
}

.poker6result .casino-open-result-item {
  width: 16.66%;
}

.poker6box .player-card {
  position: relative;
  z-index: 1;
}

.poker6box .player-card img {
  z-index: 10;
}

/*Teenpatti Test*/

.teenpattitest .casino-video-cards-container > div {
  flex-wrap: wrap;
}

.teenpattitest .casino-video-cards-container > div > div {
  display: flex;
  flex-wrap: nowrap;
}

.teenpattitest .casino-video-cards span img {
  width: 37px;
}

.teenpattitest .casino-video-cards {
  width: 160px;
}

.teenpattitest .casino-video-cards {
  height: 255px;
}

.teentestother {
  width: 100%;
  margin-top: 15px;
}

.teenpattitest .teentestother .casino-nation-name {
  width: 22%;
}

.teenpattitest .casino-nation-name {
  /* background-color: #00000047 !important; */
  padding-right: 10px;
  position: relative;
}

.teenpattitest .teentestother .casino-bl-box {
  width: 13%;
}

.teenpattitest .teentestother .casino-bl-box-item {
  width: calc(100% - 4px);
  height: 40px;
  position: relative;
}

.cards32a .casino-video-cards-container > div,
.cards32b .casino-video-cards-container > div {
  flex-wrap: wrap;
}

.cards32a .casino-video-cards span img,
.cards32b .casino-video-cards span img {
  width: 28px;
}

.cards32a .casino-video-cards,
.cards32b .casino-video-cards {
  width: 200px;
}

.cards32a .casino-video-cards-container > div > div,
.cards32b .casino-video-cards-container > div > div {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.cards32a .casino-video-cards,
.cards32b .casino-video-cards {
  height: 290px;
}

.cards32a .casino-nation-name,
.cards32b .casino-nation-name {
  width: 50%;
  padding-right: 10px;
  position: relative;
}

.cards32a .casino-bl-box,
.cards32b .casino-bl-box {
  width: 50%;
}

.cards32a .casino-bl-box-item,
.cards32b .casino-bl-box-item {
  width: calc(50% - 2px);
  height: 40px;
}

.cards32b .cards32bextra {
  width: 100%;
}

.cards32b .cards32bextra .casino-bl-box {
  width: 100%;
}

.cards32b .cards32bextra .casino-bl-box .casino-bl-box-item {
  width: calc(10% - 4px);
  margin-bottom: 10px;
  height: 80px;
}

.cards32b .cards32bextra .casino-bl-box .casino-bl-box-item.back {
  border: 2px solid var(--back);
}

.cards32b .cards32bextra .casino-bl-box .casino-bl-box-item.back:hover {
  border: 3px solid var(--back);
}

.cards32b .cards32bextra .casino-bl-box .casino-bl-box-item:nth-child(10n) {
  margin-right: 0;
}

.cards32b .cards32bextra .casino-bl-box .casino-bl-box-item .casino-box-odd {
  font-family: "Anonymous Pro";
  font-size: 60px;
  height: 50px;
  line-height: 50px;
}

.card32result .casino-result-cards-item img {
  width: 35px;
}

.card32result .casino-result-cards {
  justify-content: flex-start;
}

/*.card32result .casino-result-cards .casino-result-cards-item {
    margin-right: 0;
}*/

.card32result .casino-result-cards h4 {
  min-width: 120px;
  font-size: var(--font-caption);
}

.card32result .casino-result-cards-item .winner-icon {
  height: auto;
  width: 50px;
}

.dt1day .casino-video-cards,
.dt20 .casino-video-cards {
  width: 140px;
  height: 80px;
}

.dt1day .casino-nation-name {
  width: 50%;
  padding-right: 10px;
  position: relative;
}

.dt1dayfancy {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.dt1day .dragonfancy {
  width: 40%;
  padding: 6px;
  padding-bottom: 0;
  border: 2px solid var(--text-red);
  background-color: #fc42422e;
  min-height: 72px;
}

.dt1day .tigerfancy {
  width: 40%;
  padding: 6px;
  padding-bottom: 0;
  border: 2px solid var(--text-yellow);
  background-color: #fdcf132e;
  min-height: 72px;
}

.dt1day .pairfancy {
  width: calc(20% - 8px);
  padding: 6px;
  padding-bottom: 0;
  min-height: 72px;
  background-color: #444;
}

.dt1day .dt1dayfancy .pairfancy .casino-bl-box-item {
  width: calc(100% - 2px);
}

.dt1day .dt1dayfancy .casino-nation-name {
  background-color: transparent;
  width: 50%;
  padding-right: 10px;
  position: relative;
}

.dt1day .dt1dayfancy .casino-bl-box {
  width: 50%;
  margin-right: 0;
}

.dt1day .casino-bl-box img {
  width: 30px;
}

.dt1day .dt1dayfancy .casino-bl-box-item {
  width: calc(50% - 2px);
  height: 40px;
}

.dt1day .casino-bl-box {
  width: calc(25% - 3px);
  margin-right: 4px;
}

.dt1day .casino-bl-box:last-child {
  margin-right: 0;
}

.dt1day .casino-bl-box-item {
  width: 100%;
  height: 50px;
}
.dtpair.teen1dayright {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
}

.dt1day .dtpair .casino-box-row {
  position: relative;
}

.dt1day .dtpair .casino-bl-box {
  width: 100%;
}

.dt1day .dtpair .casino-bl-box-item {
  width: 100%;
}

.dt1day .teen1dayother .casino-nation-name {
  width: 20%;
}

.dt1day .teen1dayother .casino-bl-box {
  width: 20%;
}

.dt1day .teen1dayother .casino-bl-box-item {
  width: calc(100% - 4px);
  height: 40px;
}

.dt1day .icon-range {
  right: unset;
  left: 0;
}

.dt1day .dtpair .icon-range {
  left: unset;
  right: 0;
}

.dt20 .casino-detail {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.dt20 .dtobx-top {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 20px;
  position: relative;
}

.dt20 .dragon-box {
  width: 40%;
  padding: 6px;
  border: 2px solid var(--text-red);
  background-color: #fc42422e;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  min-height: 60px;
  padding-right: 60px;
  cursor: pointer;
}

.dt20 .dragon-box b,
.dt20 .tiger-box b {
  font-size: var(--font-18);
}

.dt20 .tiger-box {
  width: 40%;
  padding: 6px;
  border: 2px solid var(--text-yellow);
  background-color: #fdcf132e;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 60px;
  padding-left: 60px;
  cursor: pointer;
}

.dt20 .tiebox {
  position: absolute;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  left: 40%;
  transform: translateX(-50%);
  padding: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--bg-success);
  color: var(--text-white);
  flex-direction: column;
  justify-content: center;
  z-index: 10;
  cursor: pointer;
}

.dt20 .tiebox.suspended::after {
  border-radius: 50%;
}

.dt20 .pair-box {
  width: calc(20% - 4px);
  margin-left: 4px;
  padding: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 60px;
  flex-wrap: wrap;
  cursor: pointer;
}

.dt20 .text-playera {
  border-bottom: 1px solid var(--text-red);
}

.dt20 .text-playerb {
  border-bottom: 1px solid var(--text-yellow);
}

.dt20 .casino-bl-box {
  width: calc(25% - 3px);
  margin-right: 4px;
}

.dt20 .casino-bl-box:last-child {
  margin-right: 0;
}

.dt20 .dt20mainbet .casino-bl-box-item {
  height: 48px;
}

.dt20 .casino-bl-box-item {
  width: 100%;
  height: 50px;
}

.dt20 .dt20mainbet .teen1dayleft {
  width: 80%;
}

.dt20 .dt20mainbet .teen1dayright {
  width: 18%;
}

.dt20 .dt20mainbet .casino-bl-box {
  width: calc(40% - 6px);
}

.dt20 .dt20mainbet .casino-bl-box.tie {
  width: calc(20% - 6px);
}

.dt20 .dt20mainbet .casino-bl-box.pair {
  width: 100%;
}

.dt20 .casino-bl-box-item .casino-box-odd {
  margin-bottom: 5px;
}

.dt20 .casino-bl-box-item > span {
  margin-bottom: 5px;
}

.dt20 .casino-bl-box-item > span:last-child {
  margin-bottom: 0;
}

.dt20 .casino-card-img img {
  width: 20px;
}

.dtl20 .casino-video-cards {
  height: 80px;
}

.dtl20 .casino-nation-name {
  width: 25%;
  position: relative;
  height: 40px;
}

.dtl20 .casino-bl-box {
  width: calc(25% - 4px);
  margin-right: 6px;
}

.dtl20 .casino-bl-box:last-child {
  margin-right: 0;
}

.dtl20 .casino-bl-box-item {
  width: 100%;
  height: 40px;
}

.dtl20 .dtl20info {
  position: absolute;
  z-index: 1;
  width: 25%;
  text-align: right;
  padding-right: 5px;
}

.dtl20 .casino-box-row {
  min-height: 50px;
}

.casino-card-img img {
  width: 30px;
}

.dtl20 .casino-card-img img {
  width: 25px;
}

/*Andar Bahar*/

.andar-bahar .casino-video-cards {
  width: 230px;
  height: 130px;
}

.andar-bahar .ab-slider {
  width: 85%;
  margin: 0 auto 10px;
}

.andar-bahar .owl-carousel .owl-nav button.owl-next,
.andar-bahar .owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  font-size: 30px;
  height: 100%;
  top: 0;
  margin: 0;
  width: 20px;
}

.andar-bahar .casino-video .owl-carousel .owl-nav button.owl-next,
.andar-bahar .casino-detail .owl-carousel .owl-nav button.owl-prev {
  left: -20px;
}

.andar-bahar .casino-video .owl-carousel .owl-nav button.owl-prev,
.andar-bahar .casino-detail .owl-carousel .owl-nav button.owl-next {
  right: -20px;
}

.andar-bahar .owl-theme .owl-nav {
  margin: 0;
}

.andar-bahar .casino-video-cards-container > div {
  flex-wrap: wrap;
}

.andar-bahar-3 .casino-video-cards-container > div {
  flex-wrap: nowrap;
}

.andar-bahar-3 .casino-video .video-box-container {
  max-width: calc(100% - 235px);
}

.andar-bahar .casino-video-cards span img {
  height: auto;
  width: 35px;
}

.ab-bg {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 4px;
}

.andar-bg {
  background-color: #fc424280;
}

.bahar-bg {
  background-color: #fdcf1380;
}

.andar-cards-box {
  width: 49.5%;
  display: flex;
  padding: 4px;
  justify-content: center;
  flex-wrap: wrap;
  border: 2px solid #fdcf1380;
}

.bahar-cards-box {
  width: 49.5%;
  padding: 4px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  border: 2px solid #fdcf1380;
}

.andar-cards-box h5,
.bahar-cards-box h5 {
  position: relative;
  margin-bottom: 0;
}

.andar-cards-box h5 .casino-min-max,
.bahar-cards-box h5 .casino-min-max {
  position: absolute;
  right: 0;
  top: 0;
  color: var(--text-table);
}

.andar-cards-box > .casino-card-item,
.bahar-cards-box > .casino-card-item {
  width: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 90px;
}

.andar-box-container,
.bahar-box-container {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.andar-box-container.suspended:after,
.bahar-box-container.suspended:after {
  border-radius: 0;
}

.andar-box-container {
  border: 2px solid #ffa07a;
}

.bahar-box-container {
  border: 2px solid #90ee90;
}

.andar-bahar .casino-detail .owl-carousel .owl-stage {
  margin: 0 auto;
}

.ab-title {
  width: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: ab;
  font-size: 40px;
  line-height: 34px;
}

.ab-cards {
  width: 90%;
}

.andar-bahar2 .teen20left,
.andar-bahar2 .teen20right {
  display: flex;
  flex-wrap: wrap;
}

.andar-bahar2 .teen20casino-container {
  padding-top: 10px;
}

.andar-bahar2 .ab2-title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5%;
  margin-right: 2%;
  color: #ddd;
  height: 60px;
}

.andar-bahar2 .sa-sb-box {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #888;
  width: 20%;
  margin-right: 2%;
  background-color: #666;
  color: #ddd;
  height: 60px;
  border-radius: 0;
  position: relative;
  cursor: pointer;
}

.andar-bahar2 .sa-sb-box .casino-min-max {
  position: absolute;
  top: -25px;
  right: 0;
  width: 100%;
}

.andar-bahar2 .sa-sb-box:hover,
.andar-bahar2 .sa-sb-box:focus {
  border-width: 2px;
}

.andar-bahar2 .ab2-bet {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #666;
  width: 30%;
  margin-right: 2%;
  background-color: #444;
  color: #ddd;
  height: 60px;
  border-radius: 0;
  position: relative;
  cursor: pointer;
}

.andar-bahar2 .ab2-bet .casino-min-max {
  position: absolute;
  top: -25px;
  right: 0;
  width: 100%;
}

.andar-bahar2 .ab2-bet:hover,
.andar-bahar2 .ab2-bet:focus {
  border-width: 2px;
}

.ab2oddeven .casino-box-row:first-child .casino-bl-box-item {
  height: auto;
}

.ab2oddeven .casino-box-row,
.ab2cards .casino-box-row {
  width: 100%;
}

.ab2oddeven .casino-bl-box {
  width: 50%;
}

.ab2cards .casino-bl-box {
  width: 25%;
}

.ab2oddeven .casino-bl-box-item {
  width: calc(100% - 8px);
  height: 46px;
}

.ab2cards .casino-bl-box-item {
  width: calc(100% - 4px);
  height: 46px;
}

.ab-book {
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
}

.ab-result.owl-carousel .owl-item img {
  width: 35px;
}

.ab-result {
  margin: 0 auto;
  max-width: 85%;
}

.ab-result.owl-carousel .owl-stage {
  margin: 0 auto;
}

.ab-result.owl-carousel .owl-nav button.owl-next,
.ab-result.owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  top: 0;
  height: 100%;
  width: 30px;
  font-size: 30px;
}

.ab-result.owl-carousel .owl-nav button.owl-prev {
  left: -30px;
}

.ab-result.owl-carousel .owl-nav button.owl-next {
  right: -30px;
}

.andar-bahar2 .casino-video-cards span img {
  width: 25px;
}

.andar-bahar2 .ab-slider,
.ab2-result .ab-slider {
  max-width: 85%;
  position: relative;
  margin: 0 auto;
}

.andar-bahar2 .casino-video-cards {
  width: 350px;
  height: 100px;
}

.andar-bahar2 .owl-carousel .owl-nav button.owl-next,
.andar-bahar2 .owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  top: 0;
  height: 100%;
  width: 30px;
  font-size: 30px;
}

.andar-bahar2 .owl-theme .owl-nav [class*="owl-"]:hover {
  background-color: transparent;
}

.andar-bahar2 .owl-theme .owl-nav {
  margin-top: 0;
}

.andar-bahar2 .owl-carousel .owl-nav button.owl-next {
  left: -22px;
}

.andar-bahar2 .owl-carousel .owl-nav button.owl-prev {
  right: -22px;
}

.ab2-result .owl-carousel .owl-nav button.owl-next,
.ab2-result .owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  top: 0;
  height: 81%;
  width: 22px;
  font-size: 30px;
  margin: 0;
  border-radius: 0;
}

.ab2-result .abj-common-card,
.ab3-result .abj-common-card {
  display: flex;
  align-items: center;
}

.ab2-result .abj-title,
.ab3-result .abj-title {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  font-size: 18px;
}

.abj-video-title {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.ab2-result .owl-carousel .owl-nav button.owl-next {
  right: -30px;
}

.ab2-result .owl-carousel .owl-nav button.owl-prev {
  left: -30px;
}

.owl-theme .owl-nav {
  margin-top: 0;
}

.ab2-result .casino-result-cards-item {
  display: block;
}

.ab2-result .casino-result-cards-item img {
  width: 35px !important;
}

.andar-bahar2 .suspended-lock-top:after {
  background-position: center;
}

/*Teenpatti2*/

.teenpatti2 .casino-nation-name {
  width: 50%;
  padding-right: 10px;
  position: relative;
}

.teenpatti2 .casino-bl-box {
  width: 50%;
}

.teenpatti2 .casino-bl-box-item {
  width: calc(50% - 2px);
  height: 40px;
}

.teenpatti2 .tee2suit .casino-bl-box {
  width: 100%;
}

.teenpatti2 .tee2suit .casino-bl-box-item {
  width: calc(25% - 3px);
  height: 62px;
  flex-direction: row;
}

.teenpatti2 .tee2suit .casino-bl-box-item span {
  margin-top: 3px;
  position: relative;
  width: 100%;
  display: block;
}

.teenpatti2 .tee2suit .tee2suitheader .casino-bl-box-item,
.teenpatti2 .teen2eo .tee2eoheader .casino-bl-box-item {
  height: 32px;
  position: relative;
}

.teenpatti2 .teen2uo .casino-bl-box-item {
  width: 100%;
  height: 32px;
}

.teenpatti2 .teen2uo {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}

.teenpatti2 .teen2uo .casino-nation-name {
  width: 35%;
}

.teenpatti2 .teen2uo .casino-bl-box {
  width: calc(15% - 8px);
  margin-right: 16px;
}

.teenpatti2 .teen2uo .casino-bl-box:last-child {
  margin-right: 0;
}

.teenpatti2 .teen2uo .teen1dayleft,
.teenpatti2 .teen2uo .teen1dayright {
  margin-top: 10px;
}

.teenpatti2 .teen2eo .casino-bl-box {
  width: 100%;
}

.teenpatti2 .teen2cards .casino-card-item .card-image img {
  height: auto;
}

.poker-result-board img {
  height: 35px;
  margin-right: 3px;
}

.poker-result-board {
  background: #222;
  padding: 10px;
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  color: #eee;
}

.poker-result-board span {
  font-weight: bold;
  padding: 2px 10px;
  background-color: var(--bg-success);
  color: var(--text-black);
}

.poker6result .casino-result-content {
  align-items: flex-start;
}

.aaa .casino-video-cards {
  height: 80px;
  width: 80px;
}

.aaa .casino-nation-name {
  background-color: transparent;
  text-align: center;
}

.aaa .casino-nation-name,
.aaa .casino-bl-box {
  width: 100%;
}

.aaa .casino-bl-box-item {
  width: calc(50% - 2px);
  height: 40px;
}

.aaa-oe .casino-bl-box {
  width: 50%;
  margin-bottom: 0;
}

.aaa-oe .casino-bl-box-item {
  width: calc(100% - 4px);
  height: 56px;
}

.aaa .bc-fancy .casino-bl-box-item {
  width: calc(100% - 2px);
}

/*3 Card Judgement*/

.threecardj .threecardj-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.threecardj .casino-video-cards {
  height: 85px;
}

.threecardj-bl-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: auto;
  width: 49.5%;
  cursor: pointer;
  margin-bottom: 10px;
}

.casino-table.threecardj .back {
  border: 2px solid var(--back);
}

.casino-table.threecardj .lay {
  border: 2px solid var(--lay);
}

.threecardj-cards {
  width: 100%;
  padding: 0 10px;
}

.threecardj-title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #222;
  color: #eee;
  padding: 5px;
}

.ab-cards {
  width: 90%;
}

.threecardj-odds {
  padding: 4px;
  width: 100%;
  font-size: 18px;
}

.threecardj-cards .casino-card-item {
  border: 1px solid transparent;
  padding: 2px;
}

.threecardj-cards .casino-card-item.selected {
  border: 1px solid var(--bg-success);
}

/*Casino War*/

.casino-war .casino-video-cards {
  height: 85px;
  width: 80px;
}

.casino-war-container {
  width: 100%;
}

.casino-war .casino-war-container .casino-war-title .casino-bl-box-item {
  height: 20px;
}

.casino-war .casino-war-container .casino-nation-name {
  width: 22%;
  height: 40px;
}

.casino-war .casino-war-container .casino-nation-name .icon-range {
  top: 26px;
}

.casino-war .casino-war-container .casino-war-title .casino-nation-name {
  height: auto;
}

.casino-war .casino-war-container .casino-nation-name span:first-child img {
  margin-left: 0;
}

.casino-war .casino-war-container .casino-bl-box {
  width: 13%;
}

.casino-war .casino-war-container .casino-bl-box-item {
  width: calc(100% - 4px);
  height: 40px;
}

.casino-remark {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  background-color: var(--bg-success);
  color: var(--text-white);
  border-radius: 0;
  height: 32px;
  width: 100%;
}

.casino-remark .remark-icon {
  width: 50px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  background-color: var(--bg-success);
}

.casino-remark .remark-icon img {
  height: 20px;
}

.casino-remark marquee {
  width: calc(100% - 60px);
  float: right;
  padding-left: 10px;
}

.war-result .casino-open-result-item {
  width: 14.2%;
}

.war-result .casino-open-result-item .casino-result-cards-item img {
  height: auto;
  width: 30px;
}

.war-result .casino-open-result-item .casino-result-cards-item .winner-icon {
  height: auto;
  width: 50px;
}

/*Worli Matka*/

.worli .casino-video-cards {
  height: 80px;
}

.worli .casino-tabs {
  height: auto;
  padding: 0;
  border-radius: 0;
}

.worli .casino-tabs .nav-tabs {
  flex-wrap: wrap;
  margin: 0;
}

.worli .casino-tabs li {
  margin: 1px;
  flex: 1;
  padding: 0;
  border-radius: 0;
}

.worli .casino-tabs .nav-tabs .nav-item .nav-link {
  padding: 6px;
  background-color: #444;
  color: #ddd;
}

.worli .casino-tabs .nav-tabs .nav-item .nav-link.active {
  border-bottom: 0;
  color: var(--text-highlight);
}

.worlibox {
  display: flex;
  margin-top: 10px;
  flex-wrap: wrap;
  position: relative;
}

.worlibox .worli-range {
  position: absolute;
  left: 5px;
}

.worli-left {
  width: calc(60% - 2px);
  margin-right: 4px;
  display: flex;
  flex-wrap: wrap;
}

.worli-right {
  width: calc(40% - 2px);
  display: flex;
  flex-wrap: wrap;
}

.worli-full {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.worli-box-title {
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}

.worli-box-row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2px;
}

.worli-left .worli-odd-box,
.worli-full .worli-odd-box {
  width: calc(20% - 2px);
  margin-right: 2px;
}

.worli-left .worli-odd-box:nth-child(5n),
.worli-full .worli-odd-box:nth-child(5n) {
  margin-right: 0;
}

.worli-right .worli-odd-box {
  width: calc(50% - 2px);
  margin-right: 2px;
}

.worli-right .worli-odd-box:nth-child(2n) {
  margin-right: 0;
}

.worli-odd-box {
  text-align: center;
  font-family: "timer";
  height: 70px;
  color: var(--text-white);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
}

.worli-odd-box.back.selected {
  background-color: var(--bg-success);
}

.worli-odd-box .worli-odd {
  font-size: 40px;
  height: 40px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.worli-odd-box .worli-odd ~ span {
  font-family: "Noto Sans";
}

.sp .worli-right .worli-odd-box,
.dp .worli-right .worli-odd-box,
.card56 .worli-right .worli-odd-box,
.card64 .worli-right .worli-odd-box,
.colordp .worli-right .worli-odd-box {
  height: 142px;
  width: 100%;
}

.abr .worli-left .worli-odd-box {
  width: calc(33.33% - 2px);
}

.abr .worli-left .worli-odd-box:nth-child(3n) {
  margin-right: 0;
}

.abr .worli-right .worli-odd-box {
  width: 100%;
}

.abr .worli-right .worli-odd-box:last-child {
  margin-right: 0;
}

.trio .worli-full .worli-odd-box {
  width: 100%;
}

.worli-cards-container {
  display: flex;
  flex-wrap: wrap;
}

.worli-cards-block {
  width: calc(10% - 9px);
  text-align: center;
  padding: 10px;
  font-size: 20px;
  border-radius: 8px;
  box-shadow: 0 0 2px;
  margin-right: 10px;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.worli-cards-block span {
  margin-right: 5px;
}

.worli-cards-block:nth-child(10n) {
  margin-right: 0;
}

.pana-note {
  padding: 5px;
  text-align: center;
  width: 100%;
  background: var(--bg-sidebar);
  color: var(--text-sidebar);
  margin: 5px 0;
  border-radius: 0;
}

/*Casino Meter*/

.cmeter .teen1dayleft,
.cmeter .teen1dayright {
  background-color: #444;
  color: #ddd;
  padding: 10px;
  cursor: pointer;
}

.cmeter .teen1dayleft > div:first-child,
.cmeter .teen1dayright > div:first-child {
  min-height: 56px;
}

.cmeter .casino-card-item .card-image img {
  height: auto;
  width: 45px;
}

.cmeter-card-box {
  padding: 0 10px 10px;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  border-radius: 0;
  background-color: #666;
  color: #ddd;
}

.cmeter-card-low,
.cmeter-card-high {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.cmeter-card-low > div:first-child,
.cmeter-card-high > div:first-child {
  width: 10%;
  text-align: left;
}

.cmeter-card-low > div:last-child,
.cmeter-card-high > div:last-child {
  width: 85%;
  text-align: center;
}

.cmeter-card-box img {
  width: 30px;
  margin-right: 5px;
}

.lowhigh-betcards {
  display: flex;
  justify-content: center;
}

.lowhigh-betcards span {
  margin-right: 5px;
}

.lowhigh-betcards span:last-child {
  margin-right: 0;
}

.lowhigh-betcards span img {
  width: 25px;
}

/*Casino Queen*/

.casino-queen .casino-video-cards {
  height: 275px;
  width: 135px;
}

.casino-queen .casino-video-cards-container > div {
  flex-wrap: wrap;
}

.casino-queen .casino-video-cards-container > div > div {
  display: flex;
  flex-wrap: nowrap;
}

.casino-queen .casino-video-cards-container .dealer-name {
  height: 16px;
}

.casino-queen .casino-video-cards span img {
  width: 30px;
}

.casino-queen .casino-video .video-box {
  padding-bottom: 56.15%;
}

.casino-queen .casino-nation-name,
.casino-queen .casino-bl-box {
  width: 100%;
}

.casino-queen .casino-nation-name {
  background-color: transparent;
  text-align: center;
}

.casino-queen .casino-bl-box-item {
  width: calc(50% - 2px);
  height: 48px;
}

/*Five Cricket*/

.five-cricket .casino-video {
  background-image: linear-gradient(
    0deg,
    #100b1e 0%,
    #160d27 26.42%,
    #11091d 48.45%,
    #030309 100%
  );
  width: 100%;
}

.five-cricket .casino-video-title {
  min-width: 180px;
  padding: 5px;
  background-color: #f8f9fa35;
}

.five-cricket .five-score-cards {
  position: absolute;
  left: 0;
  top: 0;
  width: 310px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.five-cricket .casino-video-title .casino-name {
  font-size: 16px;
  line-height: 1;
}

.five-cricket .casino-video-rid {
  font-size: 14px;
  line-height: 1;
  margin-top: 3px;
}

.five-cricket .casino-video .video-box-container {
  max-width: calc(100% - 310px);
  margin-left: auto;
}
.five-cricket .casino-video .video-box-container.v-other {
  max-width: 100%;
}
.five-cricket .race-total {
  color: #fdcf13;
  font-size: 14px;
}

.five-cricket.casino-table {
  background-color: transparent;
}

.five-cricket .casino-video-cards {
  height: 290px;
  width: auto;
  top: unset;
  transform: unset;
  position: relative;
  margin-top: 20px;
}

.five-cricket .casino-video-cards span img {
  width: 30px;
}

.cricket-rule img {
  height: 40px;
}

.five-video-baner {
  position: relative;
}

.five-cricket .scorecard {
  width: 100%;
  position: unset;
  margin: 0 auto;
}

.five-video-baner img,
.five-video-baner iframe {
  height: 100%;
  width: 100%;
}

.five-cricket-nation {
  position: absolute;
  left: 10%;
  top: 17%;
  color: var(--text-black);
  font-size: var(--font-18);
}

.five-cricket-date {
  position: absolute;
  right: 10%;
  top: 17%;
  color: var(--text-black);
  font-size: var(--font-18);
}

.five-cricket .ball-runs {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.five-sidebar.right-sidebar {
  padding: 8px;
}

.detail-page-container.five-cricket .market-2,
.detail-page-container.five-cricket .market-6 {
  max-width: calc(50% - 6px);
}

.detail-page-container.super-over .market-2 {
  width: calc(100% - 6px);
  max-width: calc(100% - 6px);
  min-width: calc(100% - 6px);
}

/* .detail-page-container.five-cricket-casino .market-2 {
    width: calc(100% - 6px);
    max-width: calc(100% - 6px);
    min-width: calc(100% - 6px);
} */

.five-cricket-result .table {
  table-layout: fixed;
}

.five-cricket-result h4 {
  padding: 2px;
  margin-bottom: 4px;
}

.score-head {
  padding: 4px;
}

.animate-text {
  position: absolute;
  font-size: 22px;
  width: 100%;
  background-color: #343434;
  text-align: left;
  top: 0;
  padding: 15px;
  text-transform: uppercase;
}

.animate-text span {
  opacity: 0;
  font-weight: bold;
  display: inline-block;
  transform: translate(-150px, -50px) rotate(-180deg) scale(3);
  animation: revolveScale 0.4s forwards;
}

.animate-text span:nth-of-type(2) {
  animation-delay: 0.04s;
}

.animate-text span:nth-of-type(3) {
  animation-delay: 0.08s;
}

.animate-text span:nth-of-type(4) {
  animation-delay: 0.12s;
}

.animate-text span:nth-of-type(5) {
  animation-delay: 0.16s;
}

.animate-text span:nth-of-type(6) {
  animation-delay: 0.2s;
}

.animate-text span:nth-of-type(7) {
  animation-delay: 0.24s;
}

.animate-text span:nth-of-type(8) {
  animation-delay: 0.28s;
}

.animate-text span:nth-of-type(9) {
  animation-delay: 0.32s;
}

.animate-text span:nth-of-type(10) {
  animation-delay: 0.36s;
}

.animate-text span:nth-of-type(11) {
  animation-delay: 0.4s;
}

.animate-text span:nth-of-type(12) {
  animation-delay: 0.44s;
}

.animate-text span:nth-of-type(13) {
  animation-delay: 0.48s;
}

.animate-text span:nth-of-type(14) {
  animation-delay: 0.52s;
}

.animate-text span:nth-of-type(15) {
  animation-delay: 0.56s;
}

.animate-text span:nth-of-type(16) {
  animation-delay: 0.6s;
}

.animate-text span:nth-of-type(17) {
  animation-delay: 0.64s;
}

.animate-text span:nth-of-type(18) {
  animation-delay: 0.68s;
}

.animate-text span:nth-of-type(19) {
  animation-delay: 0.72s;
}

.animate-text span:nth-of-type(20) {
  animation-delay: 0.76s;
}

.animate-text span:nth-of-type(21) {
  animation-delay: 0.8s;
}

.animate-text span:nth-of-type(22) {
  animation-delay: 0.84s;
}

.animate-text span:nth-of-type(23) {
  animation-delay: 0.88s;
}

.animate-text span:nth-of-type(24) {
  animation-delay: 0.92s;
}

.animate-text span:nth-of-type(25) {
  animation-delay: 0.96s;
}

.animate-text span:nth-of-type(26) {
  animation-delay: 1s;
}

@keyframes revolveScale {
  60% {
    transform: translate(20px, 20px) rotate(30deg) scale(0.3);
  }

  100% {
    transform: translate(0) rotate(0) scale(1);
    opacity: 1;
  }
}

/*2020 Cricket Match*/

.cricket20 .casino-video-cards {
  width: 80px;
  height: 110px;
}

.cricket20 .score-box {
  position: relative;
  height: 64px;
  margin-top: 30px;
  padding: 0;
  background-image: url("../img/balls/score-bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 45px;
}

.cricket20 .casino-remark {
  margin-top: 62px;
  margin-bottom: 45px;
}

.cricket20 .ball-image {
  width: 50px;
  position: absolute;
  z-index: 1000;
  top: 40px;
  left: 10px;
}

.cricket20 .score-img {
  width: 70%;
}

.cricket20 .team-score {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  color: var(--text-white);
}

.cricket20 .blbox {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  width: 170px;
  height: 40px;
  transform: translateX(-50%);
  bottom: -15px;
}

.cricket20.casino-table .casino-detail .blbox .back,
.cricket20.casino-table .casino-detail .blbox .back:hover {
  border: 0;
  background-color: var(--back);
  cursor: pointer;
  font-weight: bold;
  color: var(--text-black);
}

.casino-table.cricket20 .casino-detail .blbox .lay,
.casino-table.cricket20 .casino-detail .blbox .lay:hover {
  border: 0;
  background-color: var(--lay);
  cursor: pointer;
  font-weight: bold;
  color: var(--text-black);
}

.cricket20 .blbox div {
  width: 50%;
  text-align: center;
  height: 40px;
  line-height: 40px;
  color: var(--text-black);
}

.cricket20 .ball-icon {
  position: absolute;
  left: 50%;
  top: -25px;
  height: 50px;
  transform: translateX(-50%);
}

.cricket20 .ball-icon img {
  height: 60px;
}

.cricket20 .min-max {
  position: absolute;
  bottom: 0;
  right: 5px;
}

.cricket20 .backbox {
  position: absolute;
  top: 0;
  left: 70%;
  width: 15%;
  height: 50px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-weight: bold;
  font-size: 18px;
}

.cricket20 .laybox {
  position: absolute;
  top: 0;
  left: 85%;
  width: 15%;
  height: 50px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 18px;
  font-weight: bold;
}

.cricket20 .c20minmax {
  position: absolute;
  bottom: -25px;
  right: 15px;
  min-width: 100px;
}

.c20book {
  position: absolute;
  left: 15px;
  bottom: -20px;
}

.cricket20 .suspended::after {
  border-radius: 0;
}

.cricket20 .casino-video-last-results img {
  width: 35px;
}

.cricket20 .casino-video-last-results {
  top: 5px;
  right: 140px;
  width: 450px;
  height: 45px;
}

.cricket20 .casino-video-last-results.hide-lr {
  width: 0;
}

.casino-video-last-results span.cricket20lastresult {
  background-color: transparent;
  box-shadow: none;
}

.casino-video-last-results a.result-more.cricket20lastresult {
  width: 35px;
  border-radius: 50%;
}

.cricket20books {
  position: absolute;
  right: 5px;
  top: 60px;
  background: rgba(0, 0, 0, 0.6);
  padding: 5px;
}

.cricket20books > div {
  display: flex;
  justify-content: space-between;
  color: #fff;
}

.cricket20videobannerbox {
  position: absolute;
  top: 0;
  max-width: 100%;
  width: 100%;
  padding-bottom: 56.25%;
}

.cricket20videobannerbox img {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  border: 0;
}

.cricket20videobanner {
  background-color: rgba(0, 0, 0, 0.4);
  height: 160px;
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 20px;
  align-items: center;
  left: 50%;
  top: 50%;
  width: 50%;
  color: var(--text-white);
  line-height: 1;
  text-align: center;
  font-size: 28px;
  transform: translate(-50%, -50%);
  font-family: timer;
  border: 2px solid #666;
  border-radius: 8px;
}

.cricket20bannertitle {
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  padding: 20px;
  border-radius: 0;
  background-color: #444;
  color: #ddd;
}

.cricket20balls {
  position: absolute;
  left: 0;
  bottom: -25px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

.cricket20balls img {
  margin-right: 10px;
  width: 40px;
}

.cricket20ballpopup {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -50px;
  margin-top: -50px;
  z-index: 10;
}

.cricket20ballpopup img {
  width: 150px;
}

.cricket20ballpopup span {
  position: absolute;
  top: 50%;
  left: 40%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  font-family: timer;
  font-size: 26px;
}

.goal .cricket20ballpopup {
  margin-left: -125px;
  margin-top: -125px;
  animation: zoom-in-zoom-out-goal 1s ease;
  -webkit-animation: zoom-in-zoom-out-goal 1s ease;
  animation-iteration-count: 1;
}

.goal .cricket20ballpopup img {
  height: 250px;
  width: auto;
}

.goal .cricket20ballpopup span {
  top: unset;
  left: 58%;
  color: #000;
  bottom: -10px;
  font-size: 18px;
  width: 60%;
  height: 40px;
  display: flex;
  align-items: center;
  bottom: -10px;
  justify-content: center;
}

.goal-result img {
  height: 250px;
  width: auto !important;
}

.goal-result span {
  position: absolute;
  transform: translate(-50%, -50%);
  text-transform: uppercase;
  top: unset;
  left: 58%;
  color: #000;
  font-weight: bold;
  bottom: -10px;
  font-size: 15px;
  width: 60%;
  height: 40px;
  display: flex;
  align-items: center;
  bottom: -10px;
  justify-content: center;
}

.cricket20ballresult {
  position: relative;
  width: auto;
  left: unset;
  top: unset;
  margin: 0;
  display: inline-block;
}

/*Race*/

.race20 .casino-video-cards {
  width: 215px;
  height: 145px;
}

.race20 .casino-video-cards span img {
  width: 22px;
  margin-right: 4px;
}

.race20 .casino-video-cards span:first-child img {
  width: 30px;
}

.race20 .casino-video-cards-container > div {
  align-items: center;
}

.race20 .total-points {
  display: flex;
  margin-top: 10px;
}

.race20 .total-points > div {
  padding: 5px;
  margin-right: 5px;
  border: 1px solid var(--text-white);
  color: var(--text-white);
}

.race20 .casino-detail .total-points > div {
  color: var(--text-white);
}

.race20 .total-points > div > div {
  line-height: 16px;
  font-size: 12px;
}

.race20 .total-points > div > div.numeric {
  font-size: 26px;
}

.race20 .casino-nation-name {
  background-color: transparent;
  text-align: center;
  color: var(--text-table);
}

.race20 .col-3,
.race20 .col-4 {
  padding: 0 !important;
}

.race20 .col-3 .casino-box-row,
.race20 .col-4 .casino-box-row {
  border-right: 1px solid var(--bg-bet);
  padding-right: 10px;
  padding-left: 10px;
}

.race20 .col-3:last-child .casino-box-row,
.race20 .col-4:last-child .casino-box-row {
  border-right: 0;
}

.race20 .casino-bl-box,
.race20 .casino-nation-name {
  width: 100%;
}

.race20 .casino-bl-box .icon-range,
.race20 .casino-nation-name .icon-range {
  top: 30px;
}

.race20 .casino-bl-box-item {
  width: calc(50% - 2px);
  height: 40px;
  position: relative;
}

.race20 .casino-nation-name img {
  width: 25px;
}

.race20 .casino-yn {
  display: flex;
  width: 100%;
}

.race20 .casino-yn > div {
  width: 50% !important;
  margin-right: 1%;
  text-align: center;
  position: relative;
}

.race20 .casino-yn .casino-odds-box-bhav {
  flex-direction: row;
}

.race20 .win-with .casino-bl-box-item {
  width: 100%;
}

.race20 .casino-video-last-results img {
  width: 35px;
}

.race-result-box .casino-result-cards-item {
  position: absolute;
  right: -85px;
}

.race-result-box .casino-result-cards-item img {
  width: 40px;
}

.race-result-box {
  width: 275px;
  position: relative;
  z-index: 10;
}

.race-result-box > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.race-result-box > div span {
  margin-right: 4px;
}

.race-result-box .result-image.k-image {
  position: absolute;
  right: -45px;
}

.race-result-box .video-winner-text {
  color: #eee;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  height: calc(100% - 5px);
  font-size: 22px;
  width: 42px;
  height: 100%;
  border: 1px solid #eee;
  padding: 2px 12px;
  z-index: -1;
  background-color: #222;
}

.race-result-box img {
  width: 35px;
}

.rf-minheight {
  min-height: 20px;
}

.race20 .casino-video-last-results span {
  background-color: transparent;
  box-shadow: none;
}

/*Lottery*/

.fullwidthcasino-container.lottery {
  background-color: #0c0c0c;
}

.lottery .casino-detail {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.lottery .casino-table {
  background-color: transparent;
}

.lottery .casino-detail .lottery-left {
  width: 30%;
  text-align: center;
}

.lottery .casino-detail .lottery-right {
  width: 70%;
}

.lottery .casino-tabs {
  background-color: #040404;
  border-radius: 0;
}

.lottery .casino-tabs .nav-tabs {
  width: 100%;
  margin: 0;
}

.lottery .casino-tabs .nav-tabs .nav-item {
  flex: 1 1 auto;
}

.lottery .casino-tabs .nav-tabs .nav-link {
  padding-top: 0;
  padding-bottom: 0;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  color: #fff !important;
}

.lottery .casino-tabs .nav-tabs .nav-item .nav-link.active {
  color: #f9b738 !important;
  border-bottom: 3px solid #f9b738 !important;
}

.lottery .casino-tabs .nav-tabs .nav-item .nav-link:hover,
.lottery .casino-tabs .nav-tabs .nav-item .nav-link:focus {
  color: #f9b738;
}

.lottery-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  padding: 0;
  width: 45%;
}

.lottery .single .lottery-box {
  width: 80%;
}

.lottery .single .lottery-place-balls {
  width: 20%;
}

.lottery .single,
.lottery .double,
.lottery .tripple {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  height: 190px;
  align-items: flex-start;
}

.lottery .double .lottery-place-balls,
.lottery .tripple .lottery-place-balls {
  width: 55%;
}

.lottery .single .lottery-place-balls img {
  width: 100px;
}

.lottery-box .lottery-card {
  width: 20%;
  /* margin-bottom: 10px; */
  text-align: center;
  margin: 5px 0;
}

.lottery .single .lottery-box .lottery-card {
  width: 10%;
}

.lottery-box .lottery-card img {
  width: 55px;
  cursor: pointer;
}

.lottery-place-balls {
  display: flex;
  padding: 6px;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}

.double .lottery-place-balls,
.tripple .lottery-place-balls {
  align-items: flex-end;
  height: 100%;
}

.lottery-place-balls .btn {
  background-color: #f8b737;
  border: 0;
  border-radius: 20px;
  min-width: 150px;
  color: #000;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
}

.lottery-place-balls img {
  width: 50px;
  margin-right: 20px;
  animation-name: ballspin;
  animation-duration: 5000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.lottery-place-balls img:last-child {
  margin-right: 0;
}

@keyframes ballspin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.lottery.casino-table {
  background-color: #111111;
  border-radius: 0;
}

.right-sidebar.casino-right-sidebar.lottery-sidebar {
  background-color: #0c0c0c;
  border-radius: 0;
}

.right-sidebar.casino-right-sidebar.lottery-sidebar .casino-my-bet {
  max-height: 500px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #333333 #000000;
  border-radius: 0;
  background-color: transparent;
  position: relative;
  padding-top: 48px;
  margin-bottom: 20px;
}

.lottery-my-bets {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 10px;
}

.lottery-my-bet-box {
  background-image: url("../img/lottery/lottery-pattern.png");
  background-size: 100% 100%;
  height: 46px;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.lottery-my-bet-box span {
  vertical-align: middle;
}

.lottery-my-bet-box span:last-child {
  font-size: 18px;
  font-weight: bold;
  vertical-align: middle;
}

.lottery-my-bet-box:nth-child(3n) {
  margin-right: 0;
}

.lottery-my-bet-box img {
  width: 30px;
  margin-right: 10px;
}

.lottery-my-bet-box img:last-child {
  margin-right: 0;
}

.lottery-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 16px;
  border-bottom: 1px solid #1a1a1a;
}

.lottery-cards img {
  width: 50px;
  margin-right: 25px;
}

.right-sidebar.casino-right-sidebar.lottery-sidebar
  .casino-my-bet::-webkit-scrollbar {
  width: 8px;
}

.right-sidebar.casino-right-sidebar.lottery-sidebar
  .casino-my-bet::-webkit-scrollbar-track {
  background: #000000;
}

.right-sidebar.casino-right-sidebar.lottery-sidebar
  .casino-my-bet::-webkit-scrollbar-thumb {
  background-color: #333333;
}

.lottery-side-top {
  padding: 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px solid #1a1a1a;
  align-items: center;
}

.lottery-side-top i {
  font-size: 26px;
  margin-right: 10px;
  cursor: pointer;
  color: #f9b738;
}

.lottery-bal {
  padding: 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border-bottom: 1px solid #1a1a1a;
  align-items: center;
}

.lottery-bal b {
  color: #f9b738;
}

.lottery-last-result {
  padding: 16px;
  padding-top: 48px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px solid #1a1a1a;
  border-top: 1px solid #1a1a1a;
  align-items: center;
  position: relative;
}

.lottery-last-result-title,
.lottery-sidebar .casino-place-bet-title {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
}

.lottery-last-result-title div,
.lottery-sidebar .casino-place-bet-title > div {
  background: linear-gradient(
    rgba(255, 168, 0, 0.10000000149011612),
    rgba(0, 0, 0, 0)
  );
  width: 106px;
  height: 40px;
  line-height: 40px;
  font-weight: normal;
  font-size: var(--font-caption);
  text-align: center;
  border-top: 2px solid rgba(248, 183, 55, 1);
  text-transform: uppercase;
}

.lottery-result-icon {
  background-color: #131313;
  height: 34px;
  width: 34px;
  line-height: 34px;
  border-radius: 50%;
  text-align: center;
  margin-bottom: 5px;
  cursor: pointer;
}

.lottery-buttons {
  padding: 12px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.lottery-buttons-top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

.lottery-buttons .lottery-btn {
  width: 30%;
  height: 40px;
  border-radius: 35px;
  color: #fff;
  background-color: transparent;
}

.lottery-btn.active {
  border: 1px solid #202020;
  background-color: #f8b737;
  color: #000;
}

.lottery-bet-buttons {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
  padding: 10px;
}

.lottery-bet-buttons > div {
  height: 90px;
  width: 90px;
  margin-bottom: 20px;
  background-image: url("../img/coin.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text-black);
  font-weight: bold;
  font-size: 18px;
  opacity: 0.5;
}

.lottery-bet-buttons > div.active {
  opacity: 1;
}

.lottery-bet-buttons > div:nth-child(4),
.lottery-bet-buttons > div:nth-child(5),
.lottery-bet-buttons > div:nth-child(6) {
  margin-bottom: 0;
}

.random-bets {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background-color: #444;
  color: var(--text-white);
  border-radius: 0;
  padding: 5px;
  margin-top: 10px;
}

.random-bets button {
  min-width: 50px;
  height: 40px;
  margin-right: 7px;
  margin-bottom: 7px;
  border-radius: 0;
}

.random-bets h4 {
  font-size: 16px;
}

.random-bets button:last-child {
  margin-right: 0;
}

.lottery .suspended:after {
  font-size: 48px;
}

.lottery-rules-box {
  border: 1px solid #f8b737;
}

.lottery-rules .casino-tabs {
  border-radius: 0;
}

.lottery-rules-row {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #f8b737;
}

.lottery-rules-row:last-child {
  border-bottom: 0;
}

.lottery-rules-title-name {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-right: 1px solid #f8b737;
  width: 20%;
  justify-content: center;
  padding: 5px;
}

.lottery-rules-title-name > div {
  width: 100%;
}

.lottery-rules-title-name > div:first-child {
  font-size: 22px;
  font-weight: bold;
  color: #f8b737;
}

.lottery-rules-cards {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
  align-items: center;
  justify-content: center;
  width: 80%;
}

.lottery-rules-cards .lottery-card {
  margin-right: 5px;
}

.lottery-rules-cards .lottery-card img {
  width: 40px;
  height: auto;
  max-height: unset;
}

/*Dus Ka Dum */

.duskadum .casino-video-title {
  width: 190px;
}

.duskadum .casino-video-cards {
  height: 55px;
}

.duskadum .casino-video-current-card {
  position: absolute;
  left: 200px;
  top: 50%;
  transform: translateY(-50%);
  background: #9191917d;
  padding: 5px;
}

.duskadum .casino-video-cards img {
  height: auto;
  width: 32px;
}

.duskadum .casino-nation-name {
  width: 50%;
  padding-right: 10px;
  position: relative;
  height: 52px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.duskadum .casino-bl-box {
  width: 50%;
}

.duskadum .casino-bl-box-item {
  width: calc(50% - 2px);
  height: 52px;
}

.duskadum .dkd-other {
  padding-top: 20px;
  position: relative;
  margin-top: 20px !important;
}

.duskadum .dkd-other::before {
  content: "";
  background-color: #666;
  height: 1px;
  width: 70%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  top: 0;
}

.duskadum .dkd-other .casino-bl-box {
  width: calc(25% - 3px);
  margin-right: 4px;
}

.duskadum .dkd-other .casino-bl-box:last-child {
  margin-right: 0;
}

.duskadum .dkd-other .casino-bl-box-item {
  width: 100%;
}

.lastCards-container {
  width: 60% !important;
  margin: 0 auto;
}
.lastCards .hooper-track {
  margin: 0 auto;
}
.lastCards .hooper-next {
  left: -35px !important;
  padding: 5px !important;
}
.lastCards .hooper-prev {
  right: -35px !important;
  padding: 5px !important;
}
.lastCards img {
  height: auto;
  width: 32px;
}
.andar-bahar-3 .lastCards img,
.andar-bahar-4 .lastCards img {
  width: 27px;
}
.next-count {
  font-size: 12px;
}
/* 
.duskadum .dum-slider {
    width: 65%;
    margin: 0 auto 10px;
} */

.lastCards-result .casino-result-cards-item img {
  margin-bottom: 0 !important;
}
.ab2-result .lastCards-result .hooper-list {
  width: 60%;
}
.ab2-result.ab4-result .lastCards-result .hooper-list {
  width: 80%;
}
.lastCards-result .hooper-list {
  width: 87%;
  margin: 0 auto;
}
.ab4-result .hooper-navigation button {
  margin-top: 12px;
  padding: 10px;
  margin-left: 5px;
}
/* .dum-result .dum-slider {
    max-width: 85%;
    position: relative;
    margin: 0 auto;
} */

.duskadum .owl-carousel .owl-nav button.owl-next,
.duskadum .owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  font-size: 30px;
  height: 100%;
  top: 0;
  margin: 0;
  width: 20px;
}

.duskadum .casino-video .owl-carousel .owl-nav button.owl-next,
.duskadum .casino-detail .owl-carousel .owl-nav button.owl-prev {
  left: -15px;
}

.duskadum .casino-video .owl-carousel .owl-nav button.owl-prev,
.duskadum .casino-detail .owl-carousel .owl-nav button.owl-next {
  right: -15px;
}

.duskadum .owl-theme .owl-nav {
  margin: 0;
}

.duskadum .casino-detail .owl-carousel .owl-stage {
  margin: 0 auto;
}

.duskadum .dkd-total {
  padding: 5px;
  margin-right: 0;
  border: 1px solid var(--text-white);
  color: var(--text-white);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin-top: 5px;
  align-items: center;
  font-size: 12px;
  line-height: 1;
}

.duskadum .dkd-total > div {
  line-height: normal;
}

.duskadum .dkd-total > div:first-child {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.duskadum .dkd-total > div:first-child > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.duskadum .dkd-total .numeric {
  font-size: unset;
  margin-left: 5px;
  margin-top: 0 !important;
  line-height: 1;
  font-family: unset;
  letter-spacing: unset;
}

/*1 Card Meter*/

.one-card-meter .casino-video-cards {
  height: 85px;
  width: 135px;
}

.one-card-meter .casino-detail {
  /* padding: 30px 5px; */
}

.one-card-meter .meter-btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.one-card-meter .meter-btns .meter-btn {
  width: 48%;
}

.one-card-meter .meter-btns .meter-btn-box {
  width: 100%;
}

.one-card-meter .meter-btns .meter-btn .btn-fighter-1 {
  transition: all 0.5s;
  position: relative;
  width: 100%;
  height: 70px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.one-card-meter .meter-btns .meter-btn .btn-fighter-1 img {
  transform: rotate(90deg);
  height: 40px;
  margin-left: 10px;
}

.one-card-meter .meter-btns .meter-btn .btn-fighter-1:hover img {
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  margin-left: 30px;
  transform: scale(1.5) rotate(90deg);
  -webkit-transform: scale(1.5) rotate(90deg);
  -moz-transform: scale(1.5) rotate(90deg);
  -ms-transform: scale(1.5) rotate(90deg);
  -o-transform: scale(1.5) rotate(90deg);
}

.one-card-meter .meter-btns .meter-btn .btn-fighter-1::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--back);
  border-radius: 0;
  z-index: -2;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border: 3px solid #e22739;
  box-shadow: 0 0px 6px #c8c8c8;
}

.one-card-meter .meter-btns .meter-btn .btn-fighter-1:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: green;
  transition: all 0.3s;
  border-radius: 0;
  z-index: -1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.one-card-meter .meter-btns .meter-btn .btn-fighter-1:hover {
  color: #fff;
}

.one-card-meter .meter-btns .meter-btn .btn-fighter-1:hover:before {
  width: 100%;
}

.one-card-meter .meter-btns .meter-btn .btn-fighter-2 {
  transition: all 0.5s;
  position: relative;
  width: 100%;
  height: 70px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.one-card-meter .meter-btns .meter-btn .btn-fighter-2 img {
  transform: rotate(270deg);
  height: 40px;
  margin-right: 10px;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
}

.one-card-meter .meter-btns .meter-btn .btn-fighter-2:hover img {
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  margin-right: 30px;
  transform: scale(1.5) rotate(270deg);
  -webkit-transform: scale(1.5) rotate(270deg);
  -moz-transform: scale(1.5) rotate(270deg);
  -ms-transform: scale(1.5) rotate(270deg);
  -o-transform: scale(1.5) rotate(270deg);
}

.one-card-meter .meter-btns .meter-btn .btn-fighter-2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--back);
  border-radius: 0;
  z-index: -2;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border: 3px solid #ecc116;
  box-shadow: 0 0px 6px #c8c8c8;
}

.one-card-meter .meter-btns .meter-btn .btn-fighter-2:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0%;
  height: 100%;
  background-color: green;
  transition: all 0.3s;
  border-radius: 0;
  z-index: -1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.one-card-meter .meter-btns .meter-btn .btn-fighter-2:hover {
  color: #fff;
}

.one-card-meter .meter-btns .meter-btn .btn-fighter-2:hover:before {
  width: 100%;
}

/*Casino Rules Table*/

.casino-rules-table .table td,
.casino-rules-table .table th {
  padding: 4px;
  font-size: var(--font-small);
}

.casino-rules-table .table th {
  color: var(--text-table-header-new);
}

.casino-rules-table .table thead {
  height: auto;
}

/*Casino Result*/

.casino-result-round {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 0 6px;
}

.casino-result-cards {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
}

.casino-result-content {
  padding: 6px;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 4px;
}

.casino-result-content-item {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  width: 49%;
}

.casino-result-content-diveder {
  width: 2px;
  height: 130px;
  background-color: #666;
}

.casino-result-cards-item {
  margin-right: 5px;
  display: inline-block;
}

.casino-result-cards-item img {
  width: 35px;
  margin-bottom: 5px;
}

.casino-result-cards-item:last-child {
  margin-right: 0;
}

.casino-result-cards-item .winner-icon {
  height: auto;
  width: 60px;
  transition: 1.2s ease-in;
  animation-iteration-count: infinite;
  -webkit-transition: 1.2s ease-in;
  -moz-transition: 1.2s ease-in;
  -ms-transition: 1.2s ease-in;
  -o-transition: 1.2s ease-in;
}

@keyframes blink {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 0 0 rgba(29, 127, 30, 0.6);
  }

  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    color: #ffbf00;
    -webkit-box-shadow: 0 0 0 10px transparent;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 0 0 transparent;
  }
}

.casino-result-desc {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  padding: 6px;
  background-color: #444;
  border: 1px solid #555;
  margin-top: 4px;
}

.casino-result-desc-item {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

.casino-result-desc-item div:first-child {
  width: 30%;
  text-align: right;
  margin-right: 2%;
  color: var(--text-body);
  opacity: 0.6;
}

.casino-result-desc-item div:last-child {
  width: 68%;
  text-align: left;
  word-break: break-all;
}

.fullwidthcasino-container {
  width: 100%;
  position: relative;
}

.fullwidthcasino-container > div {
  display: flex;
  flex-wrap: wrap;
}

.fullwidthcasino-container .casino-container {
  width: calc(100% - 476px);
  margin-right: 6px;
  margin-left: 6px;
  position: relative;
}

.fullwidthcasino-container.lottery .footer {
  width: calc(100% - 476px);
}

/*Sic Bo*/

.sicbo-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sicbo-title-box {
  background-color: #666666;
  color: #fff;
  border-radius: 10px;
  padding: 0 5px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  min-width: 70px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.sicbo-middle {
  display: flex;
  flex-wrap: nowrap;
  margin-top: 5px;
  justify-content: space-between;
}

.sicbo-middle-midle {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: auto;
}

.sicbo-middle-top-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

.sicbo-square-box {
  text-transform: uppercase;
  background-image: linear-gradient(
    rgba(249, 247, 244, 0.7),
    rgba(242, 224, 213, 0.7)
  );
  border-radius: 6px;
  padding: 5px;
  color: #1d1b2d;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin: 0 1px;
  flex: 1 1 auto;
  cursor: pointer;
}

.sicbo-middle-small,
.sicbo-middle-big {
  flex: unset;
  min-width: 60px;
}

.sicbo-middle-top-box-odd {
  margin: 0 5px;
  min-width: 50px;
}

.sicbo-box-value {
  font-weight: bold;
}

.sicbo-middle-middle-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 10px;
  width: 100%;
}

.sicbo-middle-middle-row
  .sicbo-cube-box-container:first-child
  .sicbo-title-box {
  display: flex;
  justify-content: space-between;
}

.sicbo-cube-box-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin: 0 1px;
}

.sicbo-middle-middle-row .sicbo-cube-box-container {
  flex: 1 auto;
}

.sicbo-cube-box-group {
  display: flex;
  flex-wrap: wrap;
  margin-top: 5px;
}

.sicbo-cube-box {
  width: 50px;
  height: 50px;
}

.sicbo-cube-single img {
  height: 30px;
}

.sicbo-cube-double,
.sicbo-cube-tripple {
  position: relative;
}

.sicbo-cube-double img {
  height: 20px;
}

.sicbo-cube-double img:first-child {
  position: absolute;
  left: 5px;
  top: 5px;
}

.sicbo-cube-double img:last-child {
  position: absolute;
  right: 5px;
  bottom: 5px;
}

.sicbo-cube-tripple img {
  height: 13px;
}

.sicbo-cube-tripple img:first-child {
  position: absolute;
  left: 5px;
  top: 5px;
}

.sicbo-cube-tripple img:nth-child(2) {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.sicbo-cube-tripple img:last-child {
  position: absolute;
  right: 5px;
  bottom: 5px;
}

.sicbo-bottom {
  display: flex;
  margin-top: 10px;
}

.sicbo-bottom .sicbo-cube-box-container {
  margin: 0 auto;
}

.sicbo-bottom .sicbo-cube-box {
  flex: unset;
  height: 60px;
  justify-content: space-between;
}

.sicbo-cube-combination img {
  height: 20px;
}

/*End Casino Page CSS*/

/*Report Page CSS goes here*/

.report-container {
  width: 100%;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
}

.report-box {
  background-color: var(--bg-table);
  padding: 8px;
  min-height: calc(100vh - 60px);
}

.report-box.casino-box {
  background-color: transparent;
  padding: 0;
}

.report-box.casino-box .casino-tabs {
  border-radius: 0;
  margin-bottom: 5px;
}

.report-title {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
}

.report-name {
  height: 43px;
  font-size: var(--font-24);
}

.report-form {
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
  flex-wrap: wrap;
}

.report-form .form-group {
  display: inline-block;
  margin-bottom: 0;
}

.report-form .form-control,
.report-page-count .form-control {
  background-color: #444;
  color: #ddd;
}

.report-title input {
  width: 320px;
}

.report-form select {
  width: 240px;
}

.report-form input {
  width: 170px;
}

.report-form button {
  width: 150px;
}

.report-page-count {
  margin-top: 8px;
  margin-bottom: 8px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
}

.file-icons {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.file-icons i {
  cursor: pointer;
  font-size: var(--font-big);
  margin-right: 10px;
}

.file-icons .fa-file-pdf {
  color: #f70000;
}

.file-icons .fa-file-excel {
  color: #1f6e43;
}

.file-icons .disabled {
  color: var(--text-table);
  opacity: 0.6;
  cursor: not-allowed;
}

.report-page-count select {
  width: auto;
  min-width: 100px;
  height: 36px;
  display: inline-block;
}

.report-table {
  margin-top: 0;
  min-height: 400px;
}

.unsettled-bets .report-table {
  min-height: unset;
}

.report-table.report-table-modal {
  min-height: unset;
}

.casino-result .back-border {
  border-left: 5px solid var(--back);
}

.casino-result .lay-border {
  border-left: 5px solid var(--lay);
}

.report-table .bet-name {
  margin-bottom: 8px;
}

.report-table .bet-info {
  color: var(--text-table);
  opacity: 0.6;
}

.report-table .bet-info .bet-val {
  margin-left: 24px;
}

.report-table .bet-time {
  margin-left: 8px;
}

.report-table .bet-odd {
  color: var(--text-green);
}

.report-table.bet-result img {
  margin-left: 8px;
}

.report-table .bet-sport {
  width: 150px;
}

.report-table .bet-sport div {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.report-table .bet-event-name {
  width: 400px;
}

.report-table .bet-event-name div {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.report-table .bet-market-name {
  width: 300px;
}

.current-bets.report-table .bet-market-name {
  width: 260px;
}

.report-table .bet-market-name div {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.report-table .bet-nation {
  width: 150px;
}

.report-table .bet-nation div {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.report-table .bet-user-rate {
  width: 110px;
}

.report-table .bet-user-rate div {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.report-table .bet-amount {
  width: 170px;
}

.report-table .bet-amount div {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.report-table .bet-date {
  width: 220px;
}

.report-table .bet-date div {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ac-statement.report-table .bet-date {
  width: 270px;
}

.ac-statement.report-table .bet-date div {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.report-table .bet-remark {
  width: auto;
  cursor: pointer;
}

.report-table .bet-remark div {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.report-table-modal.report-table .bet-remark {
  width: 300px;
  cursor: pointer;
}

.report-table-modal.report-table .bet-remark div {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.report-table .bet-ip {
  cursor: pointer;
  width: 200px;
}

.report-table .bet-ip div {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.report-table .bet-action {
  cursor: pointer;
  width: 75px;
}

.report-table .bet-action div {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.report-table .bet-action a i {
  color: var(--text-table);
}

.report-table .bet-file {
  cursor: pointer;
  width: 155px;
}

.report-table .bet-file div {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.point-content {
  padding: 8px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  box-shadow: 0 6px -6px;
}

.battle-header {
  background-color: var(--bg-table-header-new);
  padding: 8px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  color: var(--text-table-header-new);
}

.battle-content {
  border: 1px solid #666;
}

.battle-content-row {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  padding: 4px;
  cursor: pointer;
  border: 1px solid #666;
  border-top: 0;
  border-bottom: 1px solid #666;
}

.battle-content-detail {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 4px;
  border-bottom: 1px solid #666;
}

.battle-detail-content {
  width: 48%;
  margin-right: 1%;
}

.battle-detail-content-box {
  background-color: #444;
  color: #ddd;
  width: 100%;
  padding: 6px;
}

.battle-detail-content:nth-child(2n) {
  margin-right: 0;
}

.battle-detail-content-title {
  width: 100%;
  font-weight: var(--font-bold);
  color: var(--text-white);
  text-transform: uppercase;
}

.battle-detail-content-row {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.battle-detail-content-info {
  width: 100%;
  padding: 6px;
}

.dream-result-container .battle-detail-content {
  width: 95%;
  margin-right: 0;
}

.captain-icon {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: inline-block;
  line-height: 20px;
  text-align: center;
  font-size: var(--font-small);
  color: var(--text-white);
}

.ip-detail-row {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  margin-bottom: 5px;
}

.ip-detail-row div:first-child {
  width: 49%;
  margin-right: 2%;
  color: var(--text-table);
  opacity: 0.6;
  text-align: left;
}

.ip-detail-row div:last-child {
  width: 49%;
  margin-right: 0;
}

.no-record {
  background-color: #444;
  color: #ddd;
  text-align: center;
}

.total-soda {
  float: right;
}

.casino-rules-title {
  cursor: pointer;
}

.casino-result .bet-nation {
  width: 300px;
}

.casino-result .bet-nation > div {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.casino-result .bet-rate {
  width: 70px;
}

.casino-result .bet-rate div {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.casino-result .bet-amount {
  width: 120px;
}

.casino-result .bet-amount div {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.casino-result .bet-date {
  width: 200px;
}

.casino-result .bet-date div {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.casino-result .bet-ip {
  width: 150px;
}

.casino-result .bet-ip div {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.casino-result .bet-remark {
  width: 160px;
}

.casino-result .bet-remark div {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*End Report Page CSS*/

/*Error Page CSS goes here*/

.error-page {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.error-page img {
  max-width: 80%;
}

.error-page .error-name {
  margin-top: 40px;
  font-size: var(--font-24);
  text-align: center;
}

.error-page .error-name .error-number {
  font-size: var(--font-56);
  height: 76px;
  line-height: 76px;
  margin-bottom: 16px;
}

.error-page .error-name .page-not-found-text {
  height: 44px;
  font-size: var(--font-headline);
  width: 310px;
  margin-top: 16px;
}

.error-page .maitanance-text {
  font-size: var(--font-headline);
  width: 552px;
  margin-top: 16px;
}

.error-page .back-to-main-page {
  margin-top: 40px;
}

.footer-error {
  margin-top: 0 !important;
  width: 70%;
  margin: 0 auto;
}

.logo-error {
  float: left;
  width: 300px;
}

.logo-error .logo {
  height: auto;
}

.browser-block {
  min-height: 100vh;
}

.browser-block-box {
  width: 100%;
  max-width: 620px;
  padding: 10px;
}

.browser-block-box img {
  height: 170px;
}

.browser-block-box li {
  list-style: square;
}

.broser-block-text {
  font-family: Anton;
  display: inline-block;
  font-size: var(--font-56);
  margin-left: 30px;
  vertical-align: middle;
  text-transform: uppercase;
}

.slow-internet.error-page {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

/*End Error page CSS*/

/*Loading Page CSS*/

#loading {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100vh;
  width: 100%;
  position: fixed;
  background-color: var(--bg-body);
  z-index: 9999;
  background-image: url("../img/loading.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.loading-box {
  margin-top: 10px;
  width: 580px;
}

#loading-bar {
  background-color: var(--bg-sidebar);
  border-radius: 12.5px;
  width: 100%;
  height: 18px;
}

#loaded-bar {
  background-color: var(--bg-success);
  border-radius: 12.5px;
  width: 60%;
  height: 18px;
}

/*End Loading Page CSS*/

#betSodaModal .modal-header {
  padding: 6px;
}

#betSodaModal .modal-header .close {
  margin: 0;
  padding: 0;
}

#betSodaModal .modal-body {
  padding: 8px 0;
  min-height: calc(100vh - 85px);
}

#betSodaModal .modal-header .close {
  color: var(--text-table-header-new);
}

#betSodaModal .market-tabs .nav-tabs {
  overflow-x: auto;
}

#betSodaModal .market-tabs .nav-tabs .nav-link {
  padding-top: 10px;
  padding-bottom: 10px;
  white-space: nowrap;
}

#betSodaModal .market-tabs .arrow-tabs {
  top: 5px;
  display: flex;
}

#betSodaModal .market-tabs .arrow-tabs {
  height: 30px;
  width: 30px;
}

#betSodaModal .market-tabs .arrow-tabs.arrow-left {
  transform: rotate(90deg);
}

#betSodaModal .market-tabs .arrow-tabs.arrow-right {
  transform: rotate(-90deg);
}

#betSodaModal .market-tabs {
  padding: 0 30px;
}

/*Button valuee*/

.button-value .form-control {
  height: 36px;
  color: var(--text-table);
}

.confirm-bet .btn {
  height: auto;
}

.report-game-name {
  font-size: var(--font-18);
  font-weight: var(--font-bold);
  margin-bottom: 10px;
}

.buttons-tabs.nav-tabs {
  border: 0;
  margin-bottom: 5px;
}

.buttons-tabs.nav-tabs .nav-item .nav-link {
  color: #ddd;
  background-color: #444;
  border-color: #666;
  margin-right: 5px;
  border-radius: 0;
}

.buttons-tabs.nav-tabs .nav-link.active {
  color: #eee;
  background-color: #222;
  border-color: #444;
}

/*My Market Modal*/

.my-market-box {
  background-color: #444;
  color: #ddd;
  border-bottom: 1px solid #555;
  margin-bottom: 5px;
}

.my-market-box .my-market-box-title {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  cursor: pointer;
  color: #fff;
}

.my-market-box .my-market-box-title span:first-child {
  max-width: calc(100% - 170px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}

.my-market-box .my-market-box-title span:last-child {
  font-size: var(--font-caption);
}

.my-market-box .my-market-box-desc {
  padding: 5px;
}

/*Run Amount*/

.run-amount-container {
  max-height: 100%;
  scrollbar-width: thin;
  scrollbar-color: #333333 #000000;
}

.run-amount-container::-webkit-scrollbar {
  width: 8px;
}

.run-amount-container::-webkit-scrollbar-track {
  background: #000000;
}

.run-amount-container::-webkit-scrollbar-thumb {
  background-color: #333333;
}

.run-amount-container .table {
  position: relative;
}

.run-amount-container .table thead th {
  position: sticky;
  top: -5px;
  background-color: var(--bg-table-header-new);
}

/*Main Rules*/

.main-rules {
  position: absolute;
  left: 10px;
  top: 15px;
}

.main-rules a {
  color: var(--text-white);
  text-decoration: underline;
  font-size: var(--font-body);
  margin: 0;
}

.main-rules-container .menu-box li a {
  border-bottom: 0;
}

.main-rules-container .menu-box li a ~ ul > li {
  padding-left: 10px;
}

.main-rules-container .menu-box li a ~ ul ul li {
  padding-left: 50px;
  background-color: #444;
  color: #edd;
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: default;
  margin-bottom: 4px;
  border-radius: 4px;
  margin-top: 4px;
}

.main-rules-container .menu-box li ul > li > a,
.main-rules-container .menu-box li ul > li > a:hover,
.main-rules-container .menu-box li ul > li > a:focus,
.main-rules-container .menu-box li ul > li > a:active {
  background: transparent;
}

.main-rules-container .navbar-nav .dropdown-menu.show li .dropdown-toggle {
  position: relative;
  background: none;
}

.main-rules-container .navbar-nav li.show .dropdown-toggle:before {
  position: absolute;
  content: "\f056";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  left: 5px;
}

.main-rules-container .navbar-nav .dropdown-toggle:before {
  position: absolute;
  content: "\f055";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  left: 5px;
}

.main-rules-container .navbar-nav .dropdown-toggle span {
  padding-left: 10px;
}

.main-rules-container .card {
  background: transparent;
  border: 0;
}

.main-rules-container .card-header {
  border: 0;
  border-radius: 0;
  background-color: transparent;
  padding: 4px;
}

.main-rules-container .card-header a {
  color: var(--text-table);
  position: relative;
  padding-left: 20px;
}

.main-rules-container .card-header a::before {
  position: absolute;
  content: "\f056";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  left: 0;
}

.main-rules-container .card-header a.collapsed::before {
  position: absolute;
  content: "\f055";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  left: 0;
}

.main-rules-container .card-body {
  padding: 6px;
}

.main-rules-container .rule-text {
  padding: 5px;
  margin-left: 20px;
  margin-bottom: 5px;
}

.casino-rules {
  text-align: center;
}

.casino-rules img {
  /*height: 100%;
    max-height: calc(100vh - 180px);*/
  width: auto;
}

.rules-language-container {
  text-align: right;
}

.rules-language-container {
  color: var(--text-white);
}

.rules-language-container .dropdown-menu.show {
  transform: unset !important;
  top: 100% !important;
  right: 0 !important;
}

.rules-language-container .dropdown-toggle img {
  height: 20px;
}

.rules-language-container .dropdown-toggle {
  cursor: pointer;
}

.rules-language {
  background-color: var(--bg-table-header-new);
  color: var(--text-table-header-new);
  padding: 6px;
  position: absolute;
  width: 200px;
  right: 0 !important;
  left: unset !important;
  top: 55px;
  text-align: left;
  border: 0;
}

.rules-language > div {
  margin-bottom: 10px;
  cursor: pointer;
}

.rules-language > div:last-child {
  margin-bottom: 0;
}

.rules-language img {
  height: 20px;
}

.casino-report-tabs {
  padding: 10px 0;
  background-color: #222;
  margin-top: 16px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}

.casino-report-tabs .nav-tabs {
  border: 0;
}

.casino-report-tabs .nav-tabs .nav-link {
  color: #ccc;
  padding-top: 0;
  padding-bottom: 4px;
  padding-left: 12px;
  padding-right: 12px;
  border: 0;
  cursor: pointer;
}

.casino-report-tabs .nav-tabs .nav-item .nav-link.active {
  color: #eee;
  border-bottom: 1px solid var(--text-table-header-new);
  background-color: transparent;
}

/*About Us*/

.about-us-container {
  background-color: var(--bg-body);
  columns: var(--text-body);
  padding: 20px;
  width: 100%;
  padding-bottom: 0;
}

.about-us-container .page-title {
  text-transform: uppercase;
  text-align: center;
  margin-top: 20px;
  color: var(--text-highlight);
  font-size: var(--font-big);
  font-weight: var(--font-bold);
  margin-bottom: 30px;
}

.about-us-container h4 {
  font-size: var(--font-24);
}

.about-us-container h5,
.about-us-container p {
  font-size: var(--font-body);
  margin-bottom: 20px;
}

.about-us-container ol > li,
.about-us-container ul > ol > li {
  list-style: decimal;
}

.about-us-container ul > li {
  list-style: disc;
  padding: 5px 10px;
  margin: 0 10px;
}

.modal-18plus img {
  height: 30px;
}

.home-modal .modal-content {
  background-color: transparent;
  max-height: calc(100vh - 78px);
}

.home-modal .modal-header {
  padding: 0;
}

.home-modal .close-home-modal {
  position: absolute;
  top: -10px;
  right: -20px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
  border-radius: 50%;
  background-color: red;
  color: var(--text-white);
  font-size: 24px;
  cursor: pointer;
}

.home-modal-title {
  width: 100%;
  background-color: #ff0000;
  padding: 10px;
  color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  font-size: 18px;
}

.home-modal-title > div {
  width: calc(100% - 50px);
  text-align: left;
  width: 0;
  flex-grow: 1;
  margin-left: 10px;
}

.home-modal-title img {
  height: 30px;
  -moz-animation: blinkwarning normal 1s infinite ease-in-out;
  -webkit-animation: blinkwarning normal 1s infinite ease-in-out;
  -ms-animation: blinkwarning normal 1s infinite ease-in-out;
  animation: blinkwarning normal 1s infinite ease-in-out;
}

@-moz-keyframes blinkwarning {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 1;
    transform: scale(1.2);
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes blinkwarning {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 1;
    transform: scale(1.2);
  }

  100% {
    opacity: 1;
  }
}

@-ms-keyframes blinkwarning {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 1;
    transform: scale(1.2);
  }

  100% {
    opacity: 1;
  }
}

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

  50% {
    opacity: 1;
    transform: scale(1.2);
  }

  100% {
    opacity: 1;
  }
}

.home-modal-title h4 {
  color: var(--text-white);
  font-weight: bold;
  text-transform: uppercase;
}

.home-main-banner {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.home-main-banner img {
  width: 400px;
  max-width: 80%;
}

.home-modal .modal-footer {
  padding: 0;
}

.home-sub-banners {
  margin-top: 10px;
}

.home-sub-banners img {
  max-width: 45%;
  margin-right: 10px;
}

.home-sub-banners img:last-child {
  margin-right: 0;
}

.home-modal {
  display: flex !important;
  text-align: center;
}

.home-modal .modal-dialog {
  max-width: unset;
  width: auto;
}

.home-modal .modal-body {
  padding: 0;
  background-color: transparent;
  box-shadow: 0px 0px 20px #a9a9a9;
}

.home-modal .modal-body img {
  max-height: calc(100vh - 186px);
}

.new-event {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
}

.new-event .new-event-item {
  flex: 1;
  max-width: 100%;
  background-image: url("../img/wave2.svg");
  background-position: center bottom;
  min-width: calc(20% - 10px);
  margin: 0 2px;
  border-radius: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 5px;
  margin-top: 0;
  margin-bottom: 4px;
}
.new-event .new-event-item:first-child {
  margin-left: 0;
}
.new-event .new-event-item a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #fff;
  width: 100%;
}

.new-event .new-event-item:last-child {
  border-right: 0;
}

.new-event span {
  color: var(--text-white);
  font-size: var(--font-caption);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  height: auto;
  max-width: calc(100% - 42px);
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  text-align: left;
  /* line-height: normal; */
  line-height: inherit;
}

.new-event .d-icon {
  font-size: 20px;
}

.arrow-login {
  height: 12px;
  opacity: 0.2;
  animation: arrow4 1s ease infinite;
  animation-delay: 0s;
}

.arrow-login:nth-child(2) {
  animation-delay: 0.25s;
}

.arrow-login:nth-child(3) {
  animation-delay: 0.5s;
}

.arrow-login:nth-child(4) {
  animation-delay: 0.75s;
}

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

  22% {
    opacity: 1;
  }

  25% {
    opacity: 0.2;
  }

  to {
    opacity: 0.2;
  }
}

/*Custom CSS*/

.mx-icon-left:before,
.mx-icon-right:before,
.mx-icon-double-left:before,
.mx-icon-double-right:before,
.mx-icon-double-left:after,
.mx-icon-double-right:after {
  content: "";
  position: relative;
  top: -1px;
  display: inline-block;
  width: 10px;
  height: 10px;
  vertical-align: middle;
  border-style: solid;
  border-color: currentColor;
  border-width: 2px 0 0 2px;
  border-radius: 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate(-45deg) scale(0.7);
  transform: rotate(-45deg) scale(0.7);
}

.mx-icon-double-left:after {
  left: -4px;
}

.mx-icon-double-right:before {
  left: 4px;
}

.mx-icon-right:before,
.mx-icon-double-right:before,
.mx-icon-double-right:after {
  -webkit-transform: rotate(135deg) scale(0.7);
  transform: rotate(135deg) scale(0.7);
}

.mx-btn {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1;
  font-size: 14px;
  font-weight: 500;
  padding: 7px 15px;
  margin: 0;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  color: var(--text-sidebar);
  white-space: nowrap;
}

.mx-btn:hover {
  border-color: #1284e7;
}

.mx-btn-text {
  border: 0;
  padding: 0 4px;
  text-align: left;
  line-height: inherit;
}

.mx-scrollbar {
  height: 100%;
}

.mx-scrollbar:hover .mx-scrollbar-track {
  opacity: 1;
}

.mx-scrollbar-wrap {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.mx-scrollbar-track {
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  width: 6px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  -webkit-transition: opacity 0.24s ease-out;
  transition: opacity 0.24s ease-out;
}

.mx-scrollbar-track .mx-scrollbar-thumb {
  position: absolute;
  width: 100%;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.mx-zoom-in-down-enter-active,
.mx-zoom-in-down-leave-active {
  opacity: 1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform-origin: center top;
  transform-origin: center top;
}

.mx-zoom-in-down-enter,
.mx-zoom-in-down-leave-to {
  opacity: 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

.mx-datepicker {
  position: relative;
  display: block;
  width: auto;
}

.mx-datepicker svg {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

.mx-datepicker-range {
  width: 320px;
}

.mx-datepicker-inline {
  width: auto;
}

.mx-input-wrapper {
  position: relative;
}

.mx-input-wrapper .mx-icon-clear {
  display: none;
}

.mx-input-wrapper:hover .mx-icon-clear {
  display: block;
}

.mx-input-wrapper:hover .mx-icon-clear + .mx-icon-calendar {
  display: none;
}

.mx-input {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 36px;
  padding: 6px 30px;
  padding-left: 10px;
  font-size: 14px;
  line-height: 1.4;
  color: var(--text-white);
  background-color: transparent;
  border: 1px solid var(--text-table);
  color: var(--text-table);
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.mx-input:hover,
.mx-input:focus {
  box-shadow: 0 0 4px var(--text-table);
}

.mx-input:disabled,
.mx-input.disabled {
  color: #ccc;
  background-color: #f3f3f3;
  border-color: #ccc;
  cursor: not-allowed;
}

.mx-input:focus {
  outline: none;
}

.mx-input::-ms-clear {
  display: none;
}

.mx-icon-calendar,
.mx-icon-clear {
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 16px;
  line-height: 1;
  color: var(--text-table);
  vertical-align: middle;
}

.mx-icon-clear {
  cursor: pointer;
}

.mx-icon-clear:hover {
  color: var(--text-white);
}

.mx-datepicker-main {
  font: 14px/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei",
    sans-serif;
  color: #ccc;
  background-color: #333;
  border: 1px solid #555;
  border-radius: 4px;
}

.mx-datepicker-popup {
  position: absolute;
  margin-top: 1px;
  margin-bottom: 1px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  z-index: 2001;
}

.mx-datepicker-sidebar {
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100px;
  padding: 6px;
  overflow: auto;
}

.mx-datepicker-sidebar + .mx-datepicker-content {
  margin-left: 100px;
  border-left: 1px solid #e8e8e8;
}

.mx-datepicker-body {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mx-btn-shortcut {
  display: block;
  padding: 0 6px;
  line-height: 24px;
}

.mx-range-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mx-datepicker-header {
  padding: 6px 8px;
  border-bottom: 1px solid #e8e8e8;
}

.mx-datepicker-footer {
  padding: 6px 8px;
  text-align: right;
  border-top: 1px solid #e8e8e8;
}

.mx-calendar {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 248px;
  padding: 6px 12px;
}

.mx-calendar + .mx-calendar {
  border-left: 1px solid #e8e8e8;
}

.mx-calendar-header,
.mx-time-header {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 34px;
  line-height: 34px;
  text-align: center;
  overflow: hidden;
}

.mx-btn-icon-left,
.mx-btn-icon-double-left {
  float: left;
}

.mx-btn-icon-left:focus,
.mx-btn-icon-double-left:focus,
.mx-btn-icon-left:hover,
.mx-btn-icon-double-left:hover,
.mx-btn-icon-right:focus,
.mx-btn-icon-double-right:focus,
.mx-btn-icon-right:hover,
.mx-btn-icon-double-right:hover {
  outline: none;
}

.mx-btn-icon-right,
.mx-btn-icon-double-right {
  float: right;
}

.mx-calendar-header-label {
  font-size: 14px;
}

.mx-calendar-decade-separator {
  margin: 0 2px;
}

.mx-calendar-decade-separator:after {
  content: "~";
}

.mx-calendar-content {
  position: relative;
  height: 224px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mx-calendar-content .cell {
  cursor: pointer;
  background-color: #444;
  color: #ccc;
}

.mx-calendar-content .cell:hover {
  color: #eee;
  background-color: #222;
}

.mx-calendar-content .cell.active {
  color: #fff;
  background-color: #000;
}

.mx-calendar-content .cell.in-range {
  color: #73879c;
  background-color: #dbedfb;
}

.mx-calendar-content .cell.disabled {
  cursor: not-allowed;
  color: #ccc;
  background-color: transparent;
}

.mx-calendar-week-mode .mx-date-row {
  cursor: pointer;
}

.mx-calendar-week-mode .mx-date-row:hover {
  background-color: #f3f9fe;
}

.mx-calendar-week-mode .mx-date-row.mx-active-week {
  background-color: #dbedfb;
}

.mx-calendar-week-mode .mx-date-row .cell:hover {
  color: inherit;
  background-color: transparent;
}

.mx-calendar-week-mode .mx-date-row .cell.active {
  color: inherit;
  background-color: transparent;
}

.mx-week-number {
  opacity: 0.5;
}

.mx-table {
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
}

.mx-table th {
  padding: 0;
  font-weight: 500;
}

.mx-table td {
  padding: 0;
}

.mx-table-date td,
.mx-table-date th {
  height: 32px;
  font-size: 12px;
}

.mx-table-date .today {
  color: #2a90e9;
}

.mx-table-date .cell.not-current-month {
  color: #ccc;
}

.mx-time {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 224px;
  background: #fff;
}

.mx-time + .mx-time {
  border-left: 1px solid #e8e8e8;
}

.mx-calendar-time {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mx-time-header {
  border-bottom: 1px solid #e8e8e8;
}

.mx-time-content {
  height: 224px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.mx-time-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.mx-time-column {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  border-left: 1px solid #e8e8e8;
  text-align: center;
}

.mx-time-column:first-child {
  border-left: 0;
}

.mx-time-column .mx-time-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mx-time-column .mx-time-list::after {
  content: "";
  display: block;
  height: 192px;
}

.mx-time-column .mx-time-item {
  cursor: pointer;
  font-size: 12px;
  height: 32px;
  line-height: 32px;
}

.mx-time-column .mx-time-item:hover {
  color: #73879c;
  background-color: #f3f9fe;
}

.mx-time-column .mx-time-item.active {
  color: #1284e7;
  background-color: transparent;
  font-weight: 700;
}

.mx-time-column .mx-time-item.disabled {
  cursor: not-allowed;
  color: #ccc;
  background-color: #f3f3f3;
}

.mx-time-option {
  cursor: pointer;
  padding: 8px 10px;
  font-size: 14px;
  line-height: 20px;
}

.mx-time-option:hover {
  color: #73879c;
  background-color: #f3f9fe;
}

.mx-time-option.active {
  color: #1284e7;
  background-color: transparent;
  font-weight: 700;
}

.mx-time-option.disabled {
  cursor: not-allowed;
  color: #ccc;
  background-color: #f3f3f3;
}

/*Custom New*/

.lucky7eu2 .casino-detail {
  /* background: linear-gradient( 90deg, rgb(31 32 92) 0%, rgb(35 55 122) 20%, rgb(34 61 133) 40%, rgb(40 66 138) 60%, rgb(39 66 136) 80%, rgb(42 59 123) 100%) !important; */
}

.dragable-tv {
  z-index: 1050 !important;
  position: fixed !important;
  background-color: black;
}

.dragable-tv .tvButton {
  position: absolute;
  right: -18px;
  top: -18px;
  border-radius: 50%;
}

.dragable-tv iframe {
  height: 210px;
  width: 350px;
  border: none;
}

.dragable-tv.active:before {
  outline: none !important;
}

.tv-expand {
  position: absolute;
  right: 15px;
  margin-top: 7px;
  font-size: 20px;
  color: darkgrey;
  z-index: 10;
  cursor: pointer;
}

.casino-detail .book-red,
.casino-detail .book-green {
  z-index: 10;
  font-size: 16px !important;
}

.flex-odds {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  flex-direction: column;
}

.navbar-nav .dropdown-menu.show {
  animation: growDown 300ms ease-in-out forwards;
  transform-origin: top center;
}

@-moz-keyframes growDown {
  0% {
    transform: scaleY(0);
  }

  80% {
    transform: scaleY(0.8);
  }

  100% {
    transform: scaleY(1);
  }
}

@-webkit-keyframes growDown {
  0% {
    transform: scaleY(0);
  }

  80% {
    transform: scaleY(0.8);
  }

  100% {
    transform: scaleY(1);
  }
}

@-o-keyframes growDown {
  0% {
    transform: scaleY(0);
  }

  80% {
    transform: scaleY(0.8);
  }

  100% {
    transform: scaleY(1);
  }
}

@keyframes growDown {
  0% {
    transform: scaleY(0);
  }

  80% {
    transform: scaleY(0.8);
  }

  100% {
    transform: scaleY(1);
  }
}

.loader-overlay {
  position: fixed;
  z-index: 11111;
  width: calc(100% - 250px);
  height: 100vh;
  background: rgba(255, 255, 255, 0.5);
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 250px;
}

.loader-overlay i {
  font-size: 50px;
}

.slide-fade-enter-active,
.slide-fade-leave-active {
  transition: all 0.3s ease;
  transform-style: preserve-3d;
}

.slide-fade-enter,
.slide-fade-leave-to {
  opacity: 0;
  transform: rotateY(90deg);
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.bounce-enter-active {
  animation: bounce-in 0.5s;
}

.bounce-leave-active {
  animation: bounce-in 0.5s reverse;
}

@keyframes bounce-in {
  0% {
    transform: scale(0);
  }

  50% {
    transform: scale(1.5);
  }

  100% {
    transform: scale(1);
  }
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.list-decimal > li {
  list-style: decimal;
}

.list-outside > li {
  list-style: outside;
}

.list-square > li {
  list-style: square;
}

.list-circle > li {
  list-style: circle;
}

.component-fade-enter-active,
.component-fade-leave-active {
  transition: all 0.3s;
}

.component-fade-enter {
  opacity: 0;
  transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
}

.component-fade-leave-to {
  opacity: 0;
  transform: translateY(10px);
  -webkit-transform: translateY(10px);
}

/*Casino video with backgound color design*/

/* 1-day teen */

.teenpatti1day .casino-video .video-box {
  padding-bottom: 55.55%;
}

.teenpatti1day .casino-detail {
  /* background: linear-gradient( 90deg, rgb(80 59 49) 0%, rgb(85 67 56) 20%, rgb(86 70 57) 40%, rgb(86 68 55) 60%, rgb(74 60 53) 80%, rgb(64 50 52) 100%); */
}

.teenpatti1day .casino-nation-name {
  /* background-color: #00000047;
    color: #eee !important; */
}

/* .teenpatti1day .casino-bl-box-item {
    color: #eee !important;
} */

/* .casino-table .casino-detail .teenpatti1day .casino-bl-box-item {
    color: #eee;
} */

.teenpatti1day .fa-info-circle {
  color: #ddd;
}

.teenpatti1day .casino-detail .casino-nation-name.no-border {
  background-color: transparent !important;
}

/* t-20 teen */

.teenpatti20 .casino-video .video-box {
  padding-bottom: 55.55%;
}

.teenpatti20 .casino-detail {
  /* background: linear-gradient( 90deg, rgb(76 61 59) 0%, rgb(90 78 73) 20%, rgb(95 81 77) 40%, rgb(93 79 72) 60%, rgb(88 76 71) 80%, rgb(86 68 69) 100%); */
}

.teenpatti20 .casino-nation-name {
  /* background-color: #00000047; */
}

.teenpatti20 .casino-bl-box-item {
  color: #eee;
}

.teenpatti20 .fa-info-circle {
  color: #ddd;
}

.teenpatti20 .casino-detail .casino-nation-name.no-border {
  background-color: transparent !important;
}

.teenpatti20 .casino-rb-box-player {
  color: #eee;
}

/* baccarat */

.baccarat .casino-video .video-box {
  padding-bottom: 55.55%;
}

.baccarat .casino-detail {
  /* background: linear-gradient( 90deg, rgb(28 55 125) 0%, rgb(41 75 159) 20%, rgb(39 87 187) 40%, rgb(37 88 188) 60%, rgb(44 82 171) 80%, rgb(34 55 117) 100%); */
}

.baccarat .casino-nation-name {
  /* background-color: #00000047; */
}

.baccarat .casino-detail .casino-nation-name.no-border {
  background-color: transparent !important;
}

:root[data-theme="dark"] .baccarat .book-red,
:root[data-theme="light"] .baccarat .book-red,
:root[data-theme="dark"] .baccarat2 .book-red,
:root[data-theme="light"] .baccarat2 .book-red {
  color: #790912 !important;
}

/* baccarat 2 */

.baccarat2 .casino-video .video-box {
  padding-bottom: 55.55%;
}

.baccarat2 .casino-detail {
  /* background: linear-gradient( 90deg, rgb(26 73 134) 0%, rgb(33 91 163) 20%, rgb(24 90 167) 40%, rgb(18 83 158) 60%, rgb(13 70 140) 80%, rgb(11 59 120) 100%) !important; */
}

.baccarat2 .casino-nation-name {
  /* background-color: #00000047; */
}

.baccarat2 .casino-detail .casino-nation-name.no-border {
  background-color: transparent !important;
}

/* lucky7eu */

.lucky7eu .casino-video .video-box,
.lucky7eu2 .casino-video .video-box {
  padding-bottom: 55.55%;
}

.lucky7eu .casino-detail {
  /* background: linear-gradient( 90deg, rgb(19 45 110) 0%, rgb(34 72 164) 20%, rgb(42 83 179) 40%, rgb(42 81 183) 60%, rgb(43 81 183) 80%, rgb(28 66 152) 100%) !important; */
}

.lucky7eu .casino-nation-name {
  /* background-color: #00000047; */
}

.lucky7eu .casino-detail .casino-nation-name.no-border {
  background-color: transparent !important;
}

.lucky7eu .casino-min-max {
  font-weight: normal;
}

.lucky7eu .casino-odds {
  color: #ddd;
  font-weight: bold;
  font-size: 18px;
}

.lucky7eu .casino-buttons {
  color: #eee;
}

/*Rules Images*/

.tp-rules .modal-content {
  background-color: #346633;
}

.poker-rules .modal-content {
  background-color: #fff;
}

.ab2-rules .casino-tabs {
  margin-bottom: 10px;
  border-radius: 0;
}

.ab2-rules .tab-content ul {
  padding-left: 40px;
  text-align: left;
}

.ab2-rules .tab-content ul,
.ab2-rules .tab-content ul li {
  list-style: disc;
}

.ab2-rules .tab-content ul li {
  margin-bottom: 20px;
}

.ab2-rules .tab-content .table {
  table-layout: auto;
}

/*New Home Design*/

.home-new {
  flex-wrap: wrap;
}

.home-new .site-news-line {
  color: var(--text-yellow);
}

.home-new-header {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  height: 70px;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1000;
  background-color: var(--bg-body);
}

.home-new-logo {
  display: flex;
  height: 100%;
  align-items: center;
}

.home-new-logo img {
  max-height: 50px;
  max-width: 230px;
}

.home-new-logo {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.home-new-header .navbar {
  flex: 1;
}

.home-new-header a {
  color: var(--text-body);
  /* padding-right: 16px !important;
  padding-left: 16px !important; */
}

.home-new-header a.router-link-active {
  color: var(--text-body);
  font-weight: bold;
}

.home-new-header-bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.home-new-header-bottom .btn {
  /* width: 150px; */
  width: auto;
  background-color: var(--btn-primary);
  border-color: var(--btn-primary);
  color: var(--text-btn-primary);
  border-radius: 0;
  height: 40px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 0;
}

.home-new-header-bottom .download-apk {
  color: var(--text-body);
}

.home-new .carousel img {
  width: 100%;
  height: auto;
}

.home-new .casino-banners {
  background-color: transparent;
}

.casino-banner-item.login-hover {
  position: relative;
}

.casino-banner-item.login-hover:hover img {
  filter: blur(5px);
  transition: 0.8s;
}

.casino-banner-item.login-hover div {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  color: var(--text-white);
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  transition: 1s;
}

.casino-banner-item.login-hover:hover div {
  opacity: 1;
}

.home-new .sport-list-title {
  color: var(--text-body);
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 20px;
  text-align: left;
  display: inline-block;
  border-bottom: 1px solid var(--text-body);
  margin-left: 15px;
}

.all-sports-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 10px;
}

.sport-list-item {
  background-color: #222;
  padding: 5px;
  border-radius: 0;
  width: calc(6.25% - 9.4px);
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: center;
  cursor: pointer;
  transition: 0.8s;
  font-size: 12px;
  min-height: 80px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  color: #eee;
}

.sport-list-item:hover,
.sport-list-item:focus {
  background-color: #444;
}

.sport-list-item img {
  height: 30px;
  max-width: 50px;
}

.sport-list-item > div {
  word-break: break-all;
}

.sport-list-item:nth-child(16n) {
  margin-right: 0;
}

.modal-login-new.modal {
  top: 0;
}

.animate-on .modal-login-new.modal {
  top: 0;
}

.modal-login-new .modal-content {
  border-radius: 0;
  background-color: #333;
  border-color: transparent;
  border-width: 1px;
}

.modal-login-new .modal-header {
  justify-content: flex-end;
  padding: 10px 16px;
  background: #000;
  border-radius: 0;
  color: #fff;
}

.close-login-modal {
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 100;
  cursor: pointer;
  width: 100%;
}

.close-login-modal h5 {
  margin-bottom: 0;
}

.close-login-modal img {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: transparent;
  padding: 5px;
  border: 2px solid #f00;
}

.modal-login-new .modal-body {
  padding: 16px;
  max-height: 100vh;
}

.modal-login-new .modal-body .login-form {
  background: #000;
  color: #fff;
  padding: 16px;
  border-radius: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* .modal-login-new .modal-body h5 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 26px;
    margin-bottom: 30px;
    color: var(--text-table-header-new);
} */

.modal-login-new .modal-body label {
  color: #fff;
  font-size: 16px;
}

.modal-login-new .modal-body .custom-control label {
  font-size: 13px;
}

.modal-login-new .form-group {
  margin-right: 0;
  margin-bottom: 20px;
  width: 100%;
}

.modal-login-new .form-group.regi-half {
  width: 48%;
}

.modal-login-new .form-control {
  border: 1px solid #777;
  color: #fff;
  transition: 0.8s;
  height: 56px;
  background-color: #444;
}

.modal-login-new .form-control option {
  border: 1px solid #777;
  color: #fff !important;
  background-color: #444;
}

.modal-login-new .btn-primary {
  height: 56px;
}

.modal-login-new .form-control:hover,
.modal-login-new .form-control:focus {
  background-color: transparent;
}

.home-new .casino-banners-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 10px;
}

.home-new .casino-banners-list .casino-banner-item {
  /* box-shadow: 0 0 10px #2b2366; */
  width: calc(12.5% - 8.75px);
  margin-right: 10px;
  margin-left: 0;
}

.home-new .casino-banners-list .casino-banner-item:nth-child(8n) {
  margin-right: 0;
}

.home-new .casino-banners-list.live-casinos .casino-banner-item {
  width: calc(16.75% - 10px);
}

.home-new .casino-banners-list.live-casinos .casino-banner-item:nth-child(6n) {
  margin-right: 0 !important;
}

.home-new .casino-banners-list.live-casinos .casino-banner-item:nth-child(8n) {
  margin-right: 10px !important;
}

.home-new .casino-banners-list.fantasy-games .casino-banner-item {
  width: calc(33.3% - 10px);
}

.home-new .casino-banners-list.fantasy-games.others .casino-banner-item {
  width: 66%;
}

/*.home-new .casino-banners-list.fantasy-games .casino-banner-item:nth-child(4n) {
    margin-right: 0;
}*/

.top-winners-list-container {
  width: 100%;
  padding: 10px;
}

.top-winner-list-box {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  background-color: #222;
  color: #eee;
  padding: 10px;
  border-radius: 0;
  justify-content: center;
  width: 200px !important;
  height: 200px;
  align-items: center;
  font-size: 14px;
  margin: 10px;
}

.top-winners-list-container .player-detail {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.home-new .footer {
  padding: 12px 0;
}

.home-new .footer h4 {
  font-weight: bold;
  display: inline-block;
  font-size: 22px;
  margin-bottom: 20px;
}

.home-new .footer .img-logo {
  width: 250px;
}

.home-new .footer .footer-link a {
  color: var(--text-body);
}

.home-new .footer .gt img {
  height: 50px;
}

.home-new .footer .footer-social img {
  height: 30px;
}

.home-new .upcoming-fixure {
  margin-top: 0;
  height: 46px;
  margin-left: 0;
  border-radius: 0;
}

.home-new .news-bar {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.home-new .fixure-title {
  border-radius: 0;
}

.home-new .fixure-title::after {
  width: 56px;
  height: 56px;
  border-top: 28px solid transparent;
  border-left: 28px solid var(--bg-table-header-new);
  border-bottom: 28px solid transparent;
  right: -56px;
}

.home-new .fixure-box-container {
  height: 56px;
  align-items: center;
  width: calc(100% - 95px);
  overflow: hidden;
  display: flex;
  align-items: center;
}

/*Point Design*/

/*Upcoming Fixure*/

.upcoming-fixure {
  margin-left: 4px;
  margin-right: 4px;
  flex: 1;
  width: 40%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  height: 46px;
  background-color: #444;
  color: #ddd;
  border-radius: 0;
}

.fixure-box-container {
  width: calc(100% - 95px);
  overflow: hidden;
  height: 46px;
}

.fixure-box {
  margin-right: 20px;
  padding: 5px;
  font-size: 14px;
  line-height: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}

.fixure-box > div:last-child {
  font-size: 11px;
  margin-top: 3px;
}

.fixure-title {
  float: left;
  width: 70px;
  background-color: var(--bg-table-header-new);
  text-align: center;
  padding: 8px 0;
  border-radius: 0s;
  font-weight: var(--font-bold);
  height: 100%;
  position: relative;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  margin-right: 25px;
  color: var(--text-table-header-new);
  font-size: 12px;
  padding-left: 10px;
  line-height: normal;
}

.fixure-title::after {
  content: "";
  position: absolute;
  width: 46px;
  height: 46px;
  border-top: 23px solid transparent;
  border-left: 23px solid var(--bg-table-header-new);
  border-bottom: 23px solid transparent;
  right: -46px;
  top: 0;
}

/*Fantast Detail*/

.fantasy-desc-container .fantasy-detail-title {
  text-transform: uppercase;
  font-weight: bold;
  padding-right: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fantasy-desc-container .fantasy-detail-title img {
  height: 20px;
  width: 20px;
}

.fantasy-desc-container .casino-tabs {
  background-color: transparent;
  margin-top: 15px;
  height: auto;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.fantasy-desc-container .casino-tabs .nav-tabs {
  margin: 0;
  width: 100%;
}

.fantasy-desc-container .nav-tabs .nav-item {
  width: auto;
  margin: 0;
}

.fantasy-desc-container .casino-tabs .nav-tabs .nav-link {
  background-color: #666;
  color: #ddd;
  border-radius: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

.fantasy-desc-container .casino-tabs .nav-tabs .nav-item .nav-link.active {
  border-bottom: 0;
  background-color: #222;
  color: #eee;
}

.fantasy-desc-container .btn {
  min-width: 200px;
  margin-top: 15px;
}

.fantasy-desc-container .list-style,
.fantasy-desc-container .list-style li {
  list-style: disc;
}

.fantasy-desc-container .list-style li {
  margin-bottom: 10px;
}

.fantasy-desc-container .cards-box {
  background: #fff;
  padding: 0 5px;
  display: inline-block;
  color: #000;
  margin-bottom: 10px;
}

.fantasy-desc-container .card-character {
  font-family: Card Characters;
}

.fantasy-desc-container .red-card {
  color: red;
}

.fantasy-desc-container .black-card {
  color: black;
}

.fantasy-desc-container h6 {
  font-weight: bold;
}

.fantasy-desc-container img {
  max-width: 100%;
}

.modal-body .main-rules-container {
  max-height: calc(100vh - 172px);
  overflow-x: hidden;
  overflow-y: auto;
}

.slot-note {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 10px;
  height: 38px;
}

.slot-note .note-title {
  height: 100%;
  display: flex;
  align-items: center;
  background-color: var(--bg-success);
  color: var(--text-white);
  padding: 0 10px;
  font-weight: bold;
  font-size: 18px;
}

.slot-note .btn {
  height: 28px;
  line-height: 16px;
}

.slot-note .note-desc {
  flex: 1;
  padding: 0 10px;
}

/*Secure Auth Varification*/

.security-auth .verify-code {
  width: auto;
  font-size: var(--font-56);
  line-height: 1;
  color: #eee;
  background: #222;
  padding: 10px;
  border-radius: 0;
  display: inline-block;
  letter-spacing: 40px;
  font-weight: bold;
  padding-left: 40px;
}

.security-auth .secure-password .form-control {
  height: 38px;
  display: inline-block;
  width: auto;
}

.follow-instruction {
  background-color: #222;
  padding: 10px;
  color: #eee;
  display: inline-block;
  padding: 8px;
}

/*FAQ*/

.faq-container .report-title {
  color: var(--text-yellow);
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}

.faq-container .report-title .report-name {
  height: auto;
}

.faq-container .col-md-6 {
  border-right: 1px solid var(--text-table);
}

.faq-container .col-md-6:last-child {
  border-right: 0;
}

.faq-container .faq-question-box {
  padding: 10px;
}

.faq-container .faq-question-box h5 {
  font-size: 20px;
  font-weight: bold;
}

.faq-container .faq-question-box > div {
  padding-left: 15px;
}

.faq-question-box .casino-tabs {
  background-color: transparent;
  height: 42px;
  border-radius: 0;
}

.faq-question-box .casino-tabs .nav-tabs {
  margin: 0;
}

.faq-question-box .casino-tabs .nav-tabs .nav-item .nav-link {
  text-decoration: none;
  color: var(--text-table);
}

.faq-question-box .casino-tabs .nav-tabs .nav-item .nav-link.active {
  color: var(--text-body);
  border-bottom: 3px solid var(--text-yellow);
}

.faq-question-box .casino-tabs .nav-tabs .nav-item .nav-link:hover,
.faq-question-box .casino-tabs .nav-tabs .nav-item .nav-link:focus {
  color: var(--text-table);
}

.faq-question-box a {
  color: var(--text-table);
  text-decoration: underline;
}

.change-theme {
  position: absolute;
  left: 260px;
  top: 10px;
  font-size: var(--font-caption);
  width: auto;
  cursor: pointer;
  display: flex;
  align-items: center;
  z-index: 100;
}

.change-theme img {
  filter: invert(1);
  height: 30px;
}

.user-dropdown .change-theme {
  width: auto;
  right: 10px;
  top: 10px;
  left: unset;
}

.header-top .change-theme {
  left: unset;
  right: 110px;
  top: 5px;
  width: auto;
}

.header-top .change-theme img {
  height: 25px;
}

/*Custom New*/

.login-auth {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.login-auth .log-logo img {
  max-width: 300px;
}

.login-auth input {
  width: 70px;
  height: 70px;
  padding: 5px;
  margin: 0 10px;
  font-size: 30px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  text-align: center;
}

.login-auth .featured-box-login {
  background-color: #222;
  padding: 20px;
  color: #eee;
  margin-top: 30px;
}

.login-auth .featured-box-login a {
  color: var(--text-success);
}

.login-auth form > div {
  justify-content: center;
}

.security-auth .login-auth {
  min-height: unset;
  flex-direction: column;
}

.andar-bahar2 .casino-detail .casino-video-cards {
  height: auto;
  position: relative;
  top: 0;
  width: 100%;
  background-color: #666;
  color: #ddd;
}

.flex-book {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.battle-content-row > div,
.battle-header > div {
  width: 20%;
}

.note-desc marquee {
  font-size: 16px;
  vertical-align: middle;
}

.faq-container .faq-question-box h5 {
  font-size: 18px;
  border-radius: 0;
}

.close-frame-fantacy {
  font-size: 24px;
  color: var(--text-white);
  cursor: pointer;
  background: #ff5757;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  border: 2px solid #4a0303;
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
  text-align: center;
  line-height: 36px;
}

.theme-fade-enter-active,
.theme-fade-leave-active {
  transition: all 0.3s;
}

.theme-fade-enter {
  transform: rotate(90deg);
}

.theme-fade-leave-to {
  transform: rotate(-90deg);
}

.deposit-modal .report-form .form-group {
  position: relative;
  margin-bottom: 35px;
}

.deposit-modal .report-form .form-group .error {
  color: var(--book-red);
  font-size: 12px;
  line-height: 1;
  position: absolute;
  /* bottom: -20px; */
  top: 105%;
}

.payments {
  display: flex;
  justify-content: center;
  margin-top: 4px;
}

.payments ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.payments img {
  max-height: 40px;
  max-width: 90px;
  margin-right: 20px;
  margin-bottom: 4px;
  margin-top: 4px;
}

.color-box-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 10px;
  top: 4px;
}

.color-box {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  margin-right: 10px;
}

.color-box.dark-box {
  background-color: #000;
}

.color-box.light-box {
  background-color: #fff;
}

.color-box.blue-box {
  background-color: blue;
}

.select-theme-title {
  width: 100%;
  line-height: 1;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 14px;
  text-align: center;
  color: var(--text-sidebar);
}

.carousal-23 {
  padding-top: 23.47% !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.home-new .carousel-item {
  cursor: not-allowed;
}

.carousal-21 {
  padding-top: 21.12% !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.carousal-63 {
  padding-top: 63.59% !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-color: #000;
}

.carousal-53 {
  padding-top: 53.33% !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.carousal-20 {
  padding-top: 20% !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.setting-page .casino-tabs {
  background-color: transparent;
  border-radius: 0;
  justify-content: center;
}

/*.casino-tabs .nav-tabs
{
    margin: 0;
}*/

.setting-page .form-group {
  margin-right: 0;
  margin-bottom: 30px;
  position: relative;
}

.setting-page .error {
  color: var(--book-red);
  position: absolute;
  left: 0;
  bottom: -34px;
  font-size: var(--font-small);
  line-height: normal;
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  height: 34px;
}

.setting-page .report-form .form-group {
  margin-right: 16px;
  margin-bottom: 0;
}

.animated-header {
  height: 34px;
  background-color: var(--bg-body);
  color: var(--text-body);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}

.animated-header > div {
  background-image: url("../img/animation-bg.png");
  background-size: cover;
  background-position: center;
  height: 34px;
}

.animated-header .fa-times {
  position: absolute;
  right: 2px;
  top: 2px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: red;
  color: #fff;
  cursor: pointer;
  z-index: 1000;
  font-size: 20px;
}

.home-new .animated-header {
  position: sticky;
}

.casino-table,
.detail-page-container {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*Pasa*/

.pasa .casino-video {
  background-image: linear-gradient(
    0deg,
    #100b1e 0%,
    #160d27 26.42%,
    #11091d 48.45%,
    #030309 100%
  );
}

.pasa .casino-video-title {
  min-width: 180px;
  padding: 5px;
  background-color: #f8f9fa35;
}

.pasa .casino-video-title .casino-name {
  font-size: 14px;
  line-height: 1;
}

.pasa .casino-video-rid {
  font-size: 12px;
  line-height: 1;
  margin-top: 3px;
}

.pasa .casino-video .video-box-container {
  max-width: calc(100% - 190px);
  margin-left: auto;
}

.pasa .casino-video-cards {
  height: 80px;
}

.pasa .casino-nation-name {
  width: 100%;
  text-align: center;
}

.pasa .casino-bl-box {
  width: 100%;
}

.pasa .casino-bl-box-item {
  height: 48px;
}

.pasa .casino-bl-box-item {
  width: calc(50% - 2px);
  height: 48px;
}

.pasa .pasa-fancy .casino-nation-name {
  background-color: transparent;
}

.pasa .pasa-sesssion .casino-nation-name {
  width: 50%;
  padding-right: 10px;
  position: relative;
  text-align: left;
}

.pasa .pasa-sesssion .casino-bl-box {
  width: 50%;
}

.pasa .pasa-sesssion .casino-bl-box-item {
  height: 48px;
}

.pasa .pasa-sesssion .casino-box-odd {
  font-size: 18px;
  margin-top: 3px;
}

.pasa .pasa-cards .casino-nation-name {
  background-color: transparent;
}

.pasa .pasa-other-bets {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  align-items: flex-start;
}

.pasa .pasa-other-bet {
  width: 19%;
}

.pasa .pasa-other-bet .casino-nation-name {
  width: 100%;
  background-color: transparent;
}

.pasa .pasa-other-bet .casino-bl-box {
  width: 100%;
}

.pasa .pasa-other-bet .casino-bl-box-item {
  height: 48px;
  width: 100%;
}

.lds-ripple {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-ripple div {
  position: absolute;
  border: 4px solid #fff;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1.2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
  animation-delay: -1.2s;
}

@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }

  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}

:root[data-theme="light"] .lds-ripple div {
  border: 4px solid #000;
}

.super-over .casino-video .video-box-container {
  max-width: 100%;
}

.super-over .casino-video-cards {
  height: 275px;
  width: auto;
}
.super-over2 .casino-timer {
  right: unset;
  bottom: unset;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
}
.five-cricket-casino .casino-video-cards {
  height: 285px;
  width: auto;
}

.five-cricket-casino .casino-video .video-box-container {
  max-width: 100%;
}

.super-over .casino-video-cards span img {
  width: 40px;
}

.five-cricket-casino .casino-video-cards span img {
  width: 30px;
}

.score-balls img {
  max-width: 40px;
  margin-bottom: 10px;
}

.cricket-rule .row {
  align-items: center;
}

.cricket-rule {
  /*font-size: 18px;*/
  font-weight: bold;
}

/*Trap*/

.trap .casino-video-cards {
  height: 385px;
  width: 100px;
}

.trap .casino-video-cards span {
  color: #fff;
  font-size: 18px;
}

.trap .casino-video-cards span img {
  width: 30px;
}

.trap .casino-video-cards span .player-count {
  font-weight: bold;
}

.trap .casino-video-cards span b {
}

.trap .casino-nation-name {
  background-image: url("../img/trape-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-color: transparent;
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
}

.trap .casino-bl-box-item {
  height: 50px;
}

.trap .teen1daycasino-container {
  margin-bottom: 10px;
}

.trap .seven-up-down-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  border: 2px solid #72bbef;
  /*background-color: #72BBEF40;*/
}

.trap .up-box {
  /*background-image: url('../img/trape-bg.png');*/
  background-image: url("../img/trape-back.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: 50%;
  height: 50px;
  display: flex;
  align-items: center;
  color: #fff;
  padding-left: 10px;
  padding-right: 40px;
  position: relative;
  justify-content: flex-end;
}

.trap .down-box {
  /*background-image: url('../img/trape-bg.png');*/
  background-image: url("../img/trape-back.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: 50%;
  text-align: right;
  height: 50px;
  display: flex;
  align-items: center;
  color: #fff;
  padding-right: 10px;
  padding-left: 40px;
  justify-content: flex-start;
  position: relative;
}

.trap .seven-box {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.trap .seven-box img {
  height: 70px;
}

.trap .up-down-odds {
  font-weight: bold;
  font-size: 18px;
}

.trap .up-box .up-down-book {
  position: absolute;
  left: 10px;
}

.trap .down-box .up-down-book {
  position: absolute;
  right: 10px;
}

.trap-number {
  position: relative;
  box-shadow: 0 0 10px;
  opacity: 0.5;
  justify-content: center;
  padding: 10px;
}

.trap-number img {
  height: 70px;
  box-shadow: 0 0 2px;
}

.trap-number img:nth-child(2n) {
  margin: 0 20px;
}

.trap .casino-nation-name .book-red,
.trap .casino-nation-name .book-green,
.trap .seven-up-down-box .book-red,
.trap .seven-up-down-box .book-green {
  background: rgba(0, 0, 0, 0.5);
  padding: 0px 5px;
}

.jqk-box img {
  width: 30px;
}

.down-box.suspended.lock-top:before,
.up-box.suspended.lock-top:before {
  background-position: center;
}

.trap-result .casino-result-content-item {
  position: relative;
  padding-top: 70px;
}

.trap-result .winner-icon {
  position: absolute;
  top: -70px;
  left: 50%;
  transform: translateX(-50%);
}

.tn-text {
  font-family: "Anonymous Pro";
  font-size: 24px;
  font-weight: bold;
}

.trap-number {
  box-shadow: none;
  opacity: 1;
  align-items: center;
  background-color: #222;
  width: calc(100% - 10px);
  margin: 10px auto;
  border-radius: 0;
}

.trap-number img {
  margin: 0 10px !important;
  height: 60px;
  box-shadow: unset;
}

/*Depo Withdraw*/

/*.depo-withdraw-btn
{
    position: absolute;
    right: 5px;
    top: 3px;

}*/

.depo-withdraw-btn .btn {
  height: 28px;
  padding: 0 10px;
  line-height: 24px;
  opacity: 1;
  color: var(--text-white);
  width: auto;
  margin: 0;
  width: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 0;
}

.live-bets-report .report-event-title {
  background-color: rgba(0, 0, 0, 0.2);
  padding: 6px;
  color: #fff;
}

.live-bets-report .table {
  table-layout: unset;
}

/*Teenpatti 2 Cards*/

.teenpatti2cards .casino-video-cards {
  width: 140px;
}

.teenpatti2cards .casino-nation-name {
  width: 50%;
  padding-right: 10px;
  position: relative;
}

.teenpatti2cards .casino-bl-box {
  width: 50%;
}

.teenpatti2cards .casino-bl-box-item {
  width: calc(50% - 2px);
  height: 48px;
}

.teenpatti2cards .casino-bl-boxfull .casino-bl-box-item {
  width: 100%;
}

.teenpatti2cards .total-odds span {
  font-size: 12px;
}

.teenpatti2cards .total-odds .casino-box-odd {
  font-size: 18px;
  margin-top: 3px;
}

.teenpatti2cards .total-odds .casino-bl-box-item {
  height: 48px;
}

.teenpatti2cards .teenpatti2cardsextra {
  position: relative;
}

.teenpatti2cards .teenpatti2cardsextra .casino-bl-boxfull {
  width: 100%;
}

.teenpatti2cards .teenpatti2cardsextra .casino-bl-boxfull .casino-bl-box-item {
  height: 48px;
}

.teenpatti2cardsextra-book {
  position: absolute;
  right: 10px;
  bottom: 0;
}

.teen2sidebar .casino-video-last-results {
  width: 100%;
  height: auto;
  position: unset;
  top: unset;
  right: unset;
}

.teen2sidebar .casino-video-last-results span,
.teen2sidebar .casino-video-last-results a {
  flex: 1 1 0;
}

.teen2sidebar .casino-video-last-results img {
  height: 25px;
}

.casino-vieo-rules {
  flex-wrap: wrap;
  background-color: #000;
  color: #fff;
  font-size: 12px;
  width: 0;
  top: 50px;
  right: 0;
  height: calc(100% - 160px);
  border-radius: 0;
  display: none;
}

.casino-vieo-rules.show-rules {
  display: flex;
  max-width: calc(100% - 200px);
  width: 800px;
  z-index: 101;
}

.casino-vieo-rules .rules-header {
  background-color: #333;
  display: flex;
  justify-content: center;
  font-size: 16px;
  padding: 2px;
  width: 100%;
}

.casino-vieo-rules .rules-header i {
  position: absolute;
  right: 10px;
  top: 6px;
  cursor: pointer;
}

.casino-vieo-rules .rules-body {
  padding: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #333333 #000000;
  height: calc(100% - 30px);
  line-height: normal;
  width: 100%;
}

.casino-vieo-rules .rules-body::-webkit-scrollbar {
  width: 8px;
}

.casino-vieo-rules .rules-body::-webkit-scrollbar-track {
  background: #000000;
}

.casino-vieo-rules .rules-body::-webkit-scrollbar-thumb {
  background-color: #333333;
}

/*Disconnect Message*/

.disconnected-box {
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
  width: 100%;
  z-index: 1060;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.disconnected-box .modal-body {
  padding: 0;
  border-radius: 0;
}

.disconnected-message {
  padding: 10px;
  font-size: 10px;
  background-color: #222;
  color: #eee;
}

.disconnected-message b {
  font-size: 14px;
}

.disconnected-message i {
  font-size: 14px;
}

.disconnected-buttons {
  display: flex;
  justify-content: space-between;
}

.disconnected-buttons .btn {
  width: 49%;
  padding: 4px;
  border-radius: 0;
  font-size: 0.7rem;
  color: #fff;
}

/*Sin Khal*/

.sin-khal .casino-bl-box {
  position: relative;
  z-index: 9;
}

.sin-khal .casino-bl-box-item {
  width: calc(25% - 3px);
  height: 40px;
  text-transform: uppercase;
  position: relative;
}

.sin-khal-box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.sin-khal-box img {
  height: 100px;
  z-index: 10;
}

.sin-khal-box .casino-bl-box-item {
  width: 150px;
}

.sin-khal-box .casino-bl-box-item.back {
  margin-left: -4px;
  border-right: 0;
  border-radius: 0;
  border-left: 0;
}

.sin-khal-box .casino-bl-box-item.back:hover,
.sin-khal-box .casino-bl-box-item.back:focus {
  border-right: 0;
  border-left: 0;
  border-top-width: 2px;
  border-bottom-width: 2px;
}

.sin-khal-box .casino-bl-box-item.lay {
  margin-left: -4px;
  border-left: 0;
  border-radius: 0;
}

.sin-khal-box .casino-bl-box-item.lay:focus,
.sin-khal-box .casino-bl-box-item.lay:hover {
  border-left: 0;
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-right-width: 2px;
}

.sin-khal-box-book {
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
}

/*Muflis Teenpatti*/

.muflis .casino-nation-name {
  background-color: transparent;
  text-align: center;
}

.muflis .casino-nation-name,
.muflis .casino-bl-box {
  width: 100%;
}

.muflis .casino-bl-box-item {
  width: 100%;
  height: 40px;
}

/*Race to 17 Casino*/

.raceto17 .casino-video-cards {
  width: 85px;
  height: 265px;
}

.raceto17 .race-total {
  color: #fdcf13;
  font-size: 14px;
}

.raceto17 .casino-video-cards span img {
  margin-right: 8px;
  width: 30px;
}

.raceto17 .casino-nation-name,
.raceto17 .casino-bl-box {
  width: 100%;
}

.raceto17 .casino-nation-name {
  background-color: transparent;
  text-align: center;
}

.raceto17 .casino-bl-box-item {
  width: calc(50% - 2px);
  height: 40px;
}

.raceto17 .casino-detail {
  margin-top: 5px;
}

.raceto17 .casino-detail .col-3 {
  border-right: 2px solid grey;
}

.raceto17 .casino-detail .col-3:last-child {
  border-right: 0;
}

/*US Login Page*/

.login-page-container {
  width: 100%;
  min-height: 100vh;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: var(--bg-body);
  color: var(--text-body);
}

.login-page-container .login-form,
.login-page-container .change-form {
  margin-top: 40px;
  background-color: var(--bg-table);
  padding: 30px;
  min-height: unset;
  border-radius: 0;
}

.login-page-container .login-form .form-control,
.login-page-container .change-form .form-control {
  height: 50px;
  background-color: #fff;
  border: 0;
  opacity: 0.9;
  color: #000;
}

.bodymovinanim > svg {
  width: 50% !important;
  height: 50% !important;
}

/*Teenpatti 20B*/

.teenpatti20b .casino-detail .casino-nation-name.no-border {
  background-color: transparent !important;
}

.teenpatti20b .casino-bl-box {
  width: 100%;
}

.teenpatti20b .casino-bl-box-item {
  width: calc(25% - 3px);
  height: 40px;
  text-transform: uppercase;
  position: relative;
}

.teenpatti20b .casino-rb-box-container {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 5px;
}

.teenpatti20b .casino-rb-box {
  width: calc(50% - 4px);
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 0;
  position: relative;
  flex-direction: column;
}

.teenpatti20b .casino-rb-box-player {
  width: 100%;
  text-align: left;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  color: var(--text-table);
  min-height: 46px;
  cursor: pointer;
  border-radius: 4px;
}

.teenpatti20b .casino-rb-box-player > div {
  padding: 0 8px;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.teenpatti20b .casino-rb-box-player img {
  height: auto;
  margin-left: 5px;
  width: 35px;
}

/*Note Number*/

.note .casino-video-cards {
  width: 60px;
  height: 285px;
}

.note .casino-video-cards span img {
  width: 30px;
}

.note .casino-nation-name,
.note .casino-bl-box {
  width: 100%;
}

.note .casino-nation-name {
  background-color: transparent;
  text-align: center;
  height: auto;
}

.note .casino-nation-name:first-child {
  height: 43px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.note .casino-bl-box-item {
  width: calc(50% - 2px);
  height: 40px;
}

.note .note-baccarat {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
}

.note .note-baccarat .casino-bl-box-item {
  width: 100%;
}

.note .note-baccarat .casino-nation-name {
  height: auto;
}

.note-cards .casino-card-item {
  margin: 0;
  width: 20%;
  margin-bottom: 10px;
}

.note .oe-cards img {
  height: 30px;
}

/*Teenpatti 20-24*/

.teenpatti2024 .casino-nation-name {
  width: 50%;
  padding-right: 10px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.teenpatti2024 .casino-detail .casino-nation-name.no-border > div {
  display: flex;
  width: 100%;
}

.teenpatti2024 .casino-nation-name img {
  height: 30px;
}

.teenpatti2024 .casino-bl-box {
  width: 50%;
}

.teenpatti2024 .casino-bl-box-item {
  width: calc(50% - 2px);
}

/*Kaun Banega Crorepati*/

.kbc .casino-video .video-box-container {
  max-width: calc(100% - 210px);
}

.kbc .casino-video-cards {
  height: 240px;
  width: 60px;
}

.kbc .casino-video-cards span img {
  width: 30px;
}

.kbc .casino-nation-name,
.kbc .casino-bl-box {
  width: 100%;
}

.kbc .casino-nation-name {
  background-color: transparent;
  text-align: center;
}

.kbc .casino-bl-box-item {
  width: calc(50% - 2px);
  height: 40px;
}

.kbc .kbc-btns {
  align-items: center;
}

.kbc .kbc-btns .casino-nation-name {
  background: #222;
  border-radius: 0;
  color: #eee;
  padding: 6px;
  border: 1px solid #555;
  text-align: left;
}

.kbc .kbc-btns .btn-group {
  width: 85%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.kbc .kbc-btns .btn {
  background-color: var(--back);
  color: #000;
  border: 2px solid #ffd700;
  width: calc(50% - 4px);
  flex: 0 0 auto;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-left: 1px;
  border-top: 0;
  border-radius: 0;
  font-weight: bold;
  font-size: 18px;
}

.kbc .kbc-btns .btn.suspended:after {
  border-radius: 0;
}

.kbc .kbc-btns.kbcothers .btn {
  width: calc(50% - 4px);
}

.kbc .kbc-btns .btn.active {
  background-color: var(--btn-primary);
}

.kbc .kbc-btns .btn img {
  width: 30px;
}

.kbc .kbc-btns .btn.btn-primary {
  color: var(--text-white);
  opacity: 1;
  width: 130px;
  height: 130px;
  border-radius: 50% !important;
}

.kbc .kbc-btns .btn-hf {
  width: 100%;
}

.kbcbtesbox {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}

.kbcbtesbox .bet-box {
  background: #444;
  padding: 5px 10px;
  border-radius: 0;
  margin-left: 3px;
  margin-right: 3px;
  width: calc(33.33% - 6px);
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 32px;
  color: #ddd;
}

.kbcbtesbox .bet-box span {
  flex: 1;
  text-align: center;
}

.kbcbtesbox .bet-box i {
  color: var(--text-red);
  cursor: pointer;
}

.kbcbtesbox .bet-input {
  width: calc(33.33% - 6px);
  margin-bottom: 5px;
  height: 32px;
}

.kbcbtesbox .bet-input input {
  height: 32px;
}

.kbcbtesbox > div {
  width: calc(33.33% - 6px);
  margin-bottom: 5px;
}

.kbcbtesbox .hfquitbtns {
  width: 96%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.kbcbtesbox .hfquitbtns .btn {
  width: 48%;
}

.kbcbtesbox.casino-place-bet-row .bet-box {
  padding: 0;
  min-height: 28px;
}

.kbcbtesbox.casino-place-bet-row {
  background-color: rgba(0, 0, 0, 0.5);
  width: 96%;
  margin: 0 auto 10px;
  border-bottom: 0;
  padding-bottom: 10px;
}

.kbcbtesbox.casino-place-bet-row .bet-box {
  background-color: transparent;
}

.hfquitbtns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.kbc .hfquitbtns .hbtn,
.casino-place-bet-box .hfquitbtns .hbtn {
  background-image: linear-gradient(-180deg, #03b37f 0%, #06553e 100%);
  border-color: #116f52 !important;
  border-width: 5px !important;
  border-top: 5px solid #131399;
  margin-right: 20px;
}

.kbc .hfquitbtns .fbtn,
.casino-place-bet-box .hfquitbtns .fbtn {
  background-image: linear-gradient(-180deg, #fc4242 0%, #6f0404 100%);
  border-color: #6f0404 !important;
  border-width: 5px !important;
  border-top: 5px solid #6f0404;
}

.hfquitbtns .fbtn.selected,
.kbc .hfquitbtns .hbtn.selected {
  border-color: var(--text-highlight) !important;
  box-shadow: 0 0 5px #fff !important;
}

.kbcbtesbox .hbtn {
  border: 1px solid #03b37f;
  color: #03b37f;
  padding: 5px;
  font-weight: bold;
  text-transform: uppercase;
}

.kbcbtesbox .fbtn {
  border: 1px solid #fc4242;
  color: #fc4242;
  padding: 5px;
  font-weight: bold;
  text-transform: uppercase;
}

.kbcbtesbox .fivebtn {
  border: 1px solid #115dbf;
  color: #115dbf;
  padding: 5px;
  font-weight: bold;
  text-transform: uppercase;
}

.kbc-result-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.kbc-result-box .casino-box-row {
  width: calc(16.66% - 4px);
  margin-right: 4px;
}

.kbc-result-box .question-name {
  width: 100%;
  background: #222;
  border-radius: 0;
  color: #eee;
  padding: 6px;
  border: 1px solid #ddd;
  text-align: center;
}

.kbc-result-box .answer-name {
  width: 80%;
  padding: 6px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  border: 3px solid var(--back);
  border-top: 0;
}

.kbc-result-box .answer-name.true {
  background-color: #03b37f;
}

.kbc-result-box .answer-name.false {
  background-color: #fc4242;
}

.kbc-result-box .kbchf {
  width: 100%;
  text-align: center;
  color: #fff;
}

.kbc-result-box .kbchf .kbc-result-box-half {
  border: 1px solid #03b37f;
  color: #03b37f;
  padding: 5px;
  font-weight: bold;
  text-transform: uppercase;
}

.kbc-result-box .kbchf .kbc-result-box-full {
  border: 1px solid #fc4242;
  color: #fc4242;
  padding: 5px;
  font-weight: bold;
  text-transform: uppercase;
}

.kbc-result-box .kbchf .kbc-result-box-five {
  border: 1px solid #115dbf;
  color: #115dbf;
  padding: 5px;
  font-weight: bold;
  text-transform: uppercase;
}

.kbc-result-row .toggle {
  display: none;
}

.kbc-result-row .toggle:target {
  display: table-row;
}

/*Virtual Casnio Starts*/

.virtual-casino-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-height: calc(100vh - 101px);
  background-image: linear-gradient(
    0deg,
    #100b1e 0%,
    #160d27 26.42%,
    #11091d 48.45%,
    #030309 100%
  );
  position: relative;
  font-family: droid sans;
  color: #000;
}

.virtual-casino-bg {
  min-height: calc(100vh - 100px);
  background-image: url("../img/vcasino-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  width: auto;
  position: relative;
  padding-top: 6px;
}

.virtual-casino-bg .main-bg {
  max-width: 100%;
  width: 100%;
  height: 40vh;
  z-index: 10;
}

.virtual-casino-bg .dealer {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 14%;
  top: 3%;
}

.vcasino-title {
  background: rgba(44, 21, 60, 0.5);
  border: 2px solid #573673;
  border-radius: 8px;
  padding: 5px;
  position: absolute;
  left: 10px;
  top: 10px;
  min-width: 200px;
}

.vcasino-name {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}

.vcasino-rid {
  font-size: 14px;
  color: #fdcf13;
}

.vcasino-icons {
  position: absolute;
  right: 10px;
  top: 10px;
  display: flex;
  flex-wrap: wrap;
}

.vcasino-icon {
  width: 40px;
  height: 40px;
  right: 10px;
  background: linear-gradient(180deg, #f29603 0%, #b4701b 100%);
  border: 2px solid #fdc834;
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  cursor: pointer;
}

.vcasino-icon img {
  height: 22px;
}

.vcasino-last-results {
  background: rgba(44, 21, 60, 0.5);
  border: 2px solid #573673;
  border-radius: 8px;
  padding: 5px;
  padding-bottom: 0;
  position: absolute;
  right: 10px;
  top: 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  width: 220px;
  height: 80px;
}

.vcasino-last-results span {
  width: 30px;
  height: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border: 1px solid #ffffff;
  border-radius: 4px;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 5px;
  cursor: pointer;
  margin-right: 5px;
}

.vcasino-last-results span.vresultall {
  height: 65px;
  font-size: 50px;
  font-weight: bold;
  color: #fff;
  position: absolute;
  right: 0;
  top: 5px;
}

.vcasino-last-results span.vresulta {
  color: #fdcf13;
}

.vcasino-last-results span.vresultb {
  color: #fc4242;
}

.vcasino-last-results span.vresulttie {
  color: #ffffff;
}

.vteen20 .vcasino-last-results span.vresulta {
  color: #fc4242;
}

.vteen20 .vcasino-last-results span.vresultb {
  color: #00a200;
}

.vcasino-my-bets {
  background: rgba(44, 21, 60, 0.5);
  border: 2px solid #573673;
  border-radius: 8px;
  padding: 5px;
  left: 15px;
  top: 80px;
  position: absolute;
  height: 40px;
  display: flex;
  align-items: center;
}

.vcasino-my-bets .bets-count {
  position: absolute;
  background: #000;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 22px;
  color: #fff;
  top: -5px;
  left: -10px;
  border: 2px solid #fdcf13;
}

.vcasino-my-bets .bets-title {
  margin-left: 40px;
  color: #fff;
  font-size: 22px;
}

.vcasino .casino-vieo-rules {
  top: 60px;
  right: 10px;
}

.winner-trophy {
  position: absolute;
  width: 65%;
  /* top: 40vh; */
  bottom: calc(60vh - 106px);
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
}

.winner-trophy .winnera {
  position: absolute;
  left: 0;
  width: 150px;
  top: -100px;
}

.winner-trophy .winnerb {
  position: absolute;
  right: -50px;
  width: 150px;
  top: -100px;
}

.virtual-casino-odds {
  /*position: absolute;
    top: 65%;
    left: 0;
    transform: translateY(-40%);*/
  margin-top: -50px;
  width: 100%;
  max-width: 100%;
  position: relative;
  text-align: center;
  z-index: 10;
  height: calc(60vh - 106px);
  line-height: 1;
}

.virtual-casino-odds > div {
  transform: perspective(900px) rotateX(8deg) scale(1) translateZ(-100px);
  -webkit-transform: perspective(900px) rotateX(8deg) scale(1)
    translateZ(-100px);
  -ms-transform: perspective(900px) rotateX(8deg) scale(1) translateZ(-100px);
  -moz--transform: perspective(900px) rotateX(8deg) scale(1) translateZ(-100px);
  -o--transform: perspective(900px) rotateX(8deg) scale(1) translateZ(-100px);
  transform-style: flat;
  text-align: center;
  max-width: 80%;
  margin: 0 auto;
  padding: 0;
}

.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-back {
  transform: rotateY(180deg);
}

.flip-card .card-item,
.decks .card-item {
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 1px;
}

.decks {
  position: absolute;
  width: 6.407641%;
  height: 17.184658%;
}

.decks .card-item {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}

.vteen .casino-time-digit {
  top: 57%;
}

.virtual-casino-place-bet {
  position: absolute;
  z-index: 100;
  bottom: 0;
  left: 0;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
}

.virtual-casino-place-bet .place-bet-box-container {
  /*background-color: #2C153C;*/
  background-image: linear-gradient(
    0deg,
    #100b1e 0%,
    #160d27 26.42%,
    #11091d 48.45%,
    #030309 100%
  );
  color: #fff;
  border-radius: 8px 8px 0 0;
  /*max-width: 50%;*/
  margin: 0 auto;
  width: 400px;
  padding: 5px;
}

.place-bet-nation {
  padding: 5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.place-bet-value {
  padding: 5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.place-bet-value input {
  background-color: transparent;
  border-color: #45307f;
  color: #fff;
  padding: 5px;
  width: 140px;
  -webkit-appearance: none;
  border-radius: 0;
}

.place-bet-value input::-webkit-outer-spin-button,
.place-bet-value input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.place-bet-value input[type="number"] {
  -moz-appearance: textfield;
}

.place-bet-buttons {
  padding: 5px;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.place-bet-buttons .btn-bet {
  width: 32.33%;
  margin-right: 1%;
  margin-bottom: 1%;
  background-color: #5f2f81;
  color: #fff;
  font-weight: bold;
}

.place-bet-buttons .btn:nth-child(3n) {
  margin-right: 0;
}

.place-submit-reset {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
}

.my-bets .my-bet-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 5px;
  margin-bottom: 5px;
  color: #000;
}

.my-bets .my-bet-box.back {
  background-color: #72bbefdb;
}

.my-bets .my-bet-box.lay {
  background-color: #f994badb;
}

.virtual-casino-odds .book-green {
  color: #00a200 !important;
  font-weight: bold !important;
}

.virtual-casino-odds .book-red {
  color: #ef0518 !important;
  font-weight: bold !important;
}

.virtual-casino-odds .book-green.suspended-book {
  color: #21f221 !important;
  font-weight: bold !important;
}

.virtual-casino-odds .book-red.suspended-book {
  color: #f4091e !important;
  font-weight: bold !important;
}

.mobile-timer.virtual {
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  top: 0;
}

.mobile-timer.virtual .progress-bar {
  transition: width 1.5s ease !important;
}

/*Virtual 1Day Teenpatti Starts*/

.vteen1day .main-odds {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 75%;
  margin: 0 auto;
  /*margin-top: 100px;*/
  margin-top: 10vh;
}

.vteen1day .odds-title {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 60%;
  margin: 0 auto;
  /*margin-bottom: 20px;*/
}

.vcasino .odds-title .playera {
  color: #ef0518 !important;
  font-weight: bold;
  /*font-size: 44px;*/
  font-size: 4vh;
}

.vcasino .odds-title .playerb {
  color: #00a200 !important;
  font-weight: bold;
  /*font-size: 44px;*/
  font-size: 4vh;
}

.vcasino .odds-title .tie {
  color: #000000 !important;
  font-weight: bold;
  font-size: 4vh;
}

.vteen1day .odds-section {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 0;
}

.vteen1day .vodds-box {
  width: 33.3%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  /*font-size: 22px;*/
  font-size: 2.3vh;
}

.vteen1day .vodds-box .odds-book {
  /*font-size: 16px;*/
  font-size: 2vh;
}

.vteen1day .vodds-box .casino-bl-box {
  width: 100%;
}

.vteen1day .vodds-box .casino-bl-box-item {
  width: calc(50% - 2px);
  color: #000;
  /*height: 50px;*/
  height: 5vh;
}

.vteen1day .vodds-box .casino-bl-box-item .casino-box-odd {
  /*font-size: 24px;*/
  font-size: 2.5vh;
  font-weight: bold;
  line-height: 1;
  height: auto;
  margin-bottom: 0;
}

.vteen1day .vodds-box .casino-bl-box-item span {
  font-weight: normal;
  font-size: 2vh;
  height: auto;
  line-height: 1;
}

.vteen1day .vodds-box .casino-bl-box-item.back {
  background-color: transparent;
  border: 3px solid var(--back);
}

.vteen1day .vodds-box .casino-bl-box-item.lay {
  background-color: transparent;
  border: 3px solid var(--lay);
}

.others-odds {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 1vh;
}

.others-odds .odds-section {
  margin-bottom: 1vh;
}

.others-odds .odds-section:last-child {
  margin-bottom: 0;
}

.vteen1day .others-odds .vodds-box {
  width: 16.66%;
  align-items: center;
}

.vteen1day .others-odds .vodds-box .casino-bl-box-item {
  width: calc(100% - 4px);
  /*height: 50px;*/
  height: 6.5vh;
}

/*Virtual 1Day Teenpatti End*/

/*Virtual 20 Teenpatti Starts*/

.vteen20 .main-odds {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 75%;
  margin: 0 auto;
  margin-top: 10vh;
}

.vteen20 .odds-title {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 60%;
  margin: 0 auto;
  margin-bottom: 0;
}

.vteen20 .odds-section {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 0.5vh;
}

.vteen20 .vodds-box {
  width: 33.3%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  font-size: 2.3vh;
}

.vteen20 .vodds-box img {
  height: 4vh;
}

.vteen20 .vodds-box .casino-bl-box {
  width: 100%;
}

.vteen20 .vodds-box .casino-bl-box-item {
  width: calc(100% - 2px);
  height: 5.5vh;
  color: #000;
}

.vteen20 .vodds-box .casino-bl-box-item.back {
  background-color: transparent;
  border: 3px solid var(--back);
}

.vteen20 .vodds-box .casino-bl-box-item.lay {
  background-color: transparent;
  border: 2px solid var(--lay);
}

.vteen20 .others-odds .vodds-box .casino-bl-box-item {
  flex-wrap: wrap;
}

.vteen20 .vodds-box .casino-bl-box-item span {
  font-weight: normal;
  font-size: 2vh;
  height: auto;
  line-height: 1;
}

.vteen20 .vodds-box .casino-bl-box-item .casino-box-odd {
  font-size: 24px;
  font-size: 2.5vh;
  font-weight: bold;
  line-height: 1;
  height: auto;
  margin-bottom: 0;
}

.vteen20 .others-odds .casino-rb-box {
  width: calc(25% - 8px);
  margin-right: 8px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 0;
  position: relative;
  flex-direction: column;
}

.vteen20 .others-odds .casino-rb-box-player {
  width: 100%;
  text-align: left;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  min-height: 46px;
  cursor: pointer;
  border-radius: 4px;
  position: relative;
}

.vteen20 .casino-rb-box-player > div {
  padding: 0 8px;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.vteen20 .casino-rb-box-player img {
  margin-left: 5px;
  width: 22px;
}

.vteen20 .casino-rb-box-player-range {
  justify-content: flex-end;
  display: flex;
  display: -webkit-flex;
  width: 100%;
  margin-top: 5px;
}

.vteen20 .teen20rules {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 25%;
  transform: perspective(900px) rotateX(10deg) scale(1) translateZ(-100px);
  bottom: -4.8vh;
  -webkit-transform: perspective(900px) rotateX(10deg) scale(1)
    translateZ(-100px);
  -moz-transform: perspective(900px) rotateX(10deg) scale(1) translateZ(-100px);
  -ms-transform: perspective(900px) rotateX(10deg) scale(1) translateZ(-100px);
  -o-transform: perspective(900px) rotateX(10deg) scale(1) translateZ(-100px);
}

.vteen20 .teen20rules .table {
  border: 1px solid #000 !important;
  background-color: transparent;
  color: #000;
}

.vteen20 .teen20rules .table td,
.vteen20 .teen20rules .table th {
  border-bottom: 2px solid #000 !important;
  border-right: 2px solid #000 !important;
  border-top: 2px solid #000 !important;
  border-left: 2px solid #000;
  font-size: 2.5vh;
  vertical-align: middle;
  padding: 0.5vh;
}

.vteen20 .teen20rules .table thead {
  background-color: transparent;
  color: #000;
}

.vteen20 .teen20rules .table thead th {
  font-size: 20px;
}

.vteen20 .suspended::before {
  display: none;
}

/*Virtual 20 Teenpatti End*/

/*Virtual Casino 1Day Dragon Tiger Starts*/

/*.vdt1day .virtual-casino-odds > div
{
    max-width: 85%;
    width: 85%;
}*/

.vdt1day .table-actions,
.vdt1day .decks-block,
.vdt1day .decks-mask-block,
.vdt1day .cards-showing-block,
.vdt20 .table-actions,
.vdt20 .decks-block,
.vdt20 .decks-mask-block,
.vdt20 .cards-showing-block {
  width: 130vh;
  max-width: 100%;
}

.vdt1day .odds-title,
.vdt20 .odds-title {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 75%;
  margin: 0 auto;
}

.vdt1day .main-odds,
.vdt20 .main-odds {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 75%;
  margin: 0 auto;
  margin-top: 10vh;
  position: relative;
}

.vdt1day .dpt-box,
.vdt20 .dpt-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.5vh;
  border-radius: 8px;
  width: 30%;
  height: 7vh;
  cursor: pointer;
  position: relative;
}

.vdt20 .dpt-box {
  height: 7vh;
}

.dragon-box {
  background-color: #ef05181a;
  border: 3px solid #f46a59;
}

.pair-box {
  background-color: #0041a21a;
  border: 3px solid #0041a2;
}

.tiger-box {
  background-color: #00a2001a;
  border: 3px solid #00a200;
}

.tie-box {
  background-color: #0041a21a;
  border: 3px solid #0041a2;
}

.dpt-box.tie-box {
  position: absolute;
  top: -9vh;
  left: 50%;
  transform: translateX(-50%);
  width: 30%;
}

.vcasino .dragon-box > div:first-child,
.vcasino .pair-box > div:first-child,
.vcasino .tie-box > div:first-child,
.vcasino .tiger-box > div:first-child,
.vcasino .back-box > div:first-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

.dragon-box .dt-name,
.pair-box .dt-name,
.tie-box .dt-name,
.tiger-box .dt-name {
  font-size: 3vh;
  font-weight: bold;
  color: #000;
}

.vdt1day .dragon-box .dt-name,
.vdt1day .pair-box .dt-name,
.vdt1day .tie-box .dt-name,
.vdt1day .tiger-box .dt-name {
  position: absolute;
  width: 100%;
  font-size: 2vh;
  top: -3.5vh;
}

.vdt1day .dragon-box .dt-book,
.vdt1day .pair-box .dt-book,
.vdt1day .tie-box .dt-book,
.vdt1day .tiger-box .dt-book {
  position: absolute;
  bottom: -3vh;
}

.back-box .dt-name {
  font-size: 2.5vh;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.back-box .dt-name img {
  height: 3.2vh;
  margin-right: 0.5vh;
}

.back-box .dt-name img:last-child {
  margin-right: 0;
}

.dragon-box .dt-odds,
.pair-box .dt-odds,
.tie-box .dt-odds,
.tiger-box .dt-odds {
  font-size: 2.5vh;
  font-weight: bold;
  color: #000;
}

.back-box .dt-odds {
  font-size: 1.8vh;
  font-weight: bold;
}

.dragon-box .dt-book,
.pair-box .dt-book,
.dt-book,
.tie-box .dt-book,
.tiger-box .dt-book,
.back-box .dt-book {
  margin-top: 0.5vh;
  font-size: 2vh;
}

.vdt1day .other-odds,
.vdt20 .other-odds {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
  margin-top: 5vh;
}

.vdt20 .other-odds {
  margin-top: 2vh;
}

.dragon-section {
  background-image: linear-gradient(to right, transparent, #ef051880);
  width: 49%;
  padding: 5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.tiger-section {
  background-image: linear-gradient(to right, #00a20080, transparent);
  width: 49%;
  padding: 5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.dt-divider {
  display: none;
  /*height: 100%;*/
  width: 5px;
  background-color: #000;
}

.back-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 5px;
  border-radius: 8px;
  width: 24%;
  background-color: transparent;
  border: 3px solid var(--back);
  margin-bottom: 1vh;
  height: 8vh;
  cursor: pointer;
}

.back-box.suspended::after {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.lay-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 5px;
  border-radius: 8px;
  width: 24%;
  background-color: transparent;
  border: 2px solid var(--lay);
  margin-bottom: 1vh;
  height: 7vh;
  cursor: pointer;
}

.vcasino-card-box-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.vcasino-card-box-top {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  justify-content: center;
  width: 85%;
}

.vcasino-card-box {
  width: 14%;
  cursor: pointer;
}

.vcasino-card-box .suspended:before {
  background-image: none;
}

.vcasino-card-box img {
  height: 4vh;
}

.vdt20 .vcasino-card-box img {
  height: 7vh;
}

.vlucky7 .vcasino-card-box img {
  height: 7vh;
}

.vcasino-card-odds {
  width: 15%;
  font-weight: bold;
  font-size: 2.5vh;
  border: 2px solid #000;
  padding: 8px;
}

.vlucky7 .vcasino-card-odds {
  width: auto;
  font-size: 2vh;
  padding: 4px;
}

.vdt1day .winner-trophy .winnera,
.vdt1day .winner-trophy .winnerb,
.vdt20 .winner-trophy .winnera,
.vdt20 .winner-trophy .winnerb {
  width: 110px;
}

.vdt1day .winner-trophy .winnera,
.vdt20 .winner-trophy .winnera {
  left: -35px;
  top: -130px;
}

.vdt1day .winner-trophy .winnerb,
.vdt20 .winner-trophy .winnerb {
  top: -130px;
  right: -25px;
}

.vcasino.vdt1day .playera,
.vcasino.vdt1day .playerb,
.vcasino.vdt20 .playera,
.vcasino.vdt20 .playerb {
  width: 33.33%;
}

.vdt1day .dragon-box .dt-odds,
.vdt1day .tiger-box .dt-odds,
.vdt1day .pair-box .dt-odds {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.vdt1day .dragon-box .dt-odds .back-box,
.vdt1day .dragon-box .dt-odds .lay-box,
.vdt1day .tiger-box .dt-odds .back-box,
.vdt1day .tiger-box .dt-odds .lay-box {
  height: auto;
  justify-content: center;
  width: 49%;
  margin-bottom: 0;
  align-items: center;
}

.vdt1day .pair-box .dt-odds .back-box {
  height: auto;
  justify-content: center;
  width: 50%;
  margin-bottom: 0;
  align-items: center;
}

.vdt1day .pair-box .dt-odds > div:first-child {
  display: flex;
  align-items: center;
}

.vdt1day .dragon-box .dt-odds .back-box,
.vdt1day .tiger-box .dt-odds .back-box,
.vdt1day .pair-box .dt-odds .back-box {
  background-color: var(--back);
}

.vdt1day .dragon-box .dt-odds .lay-box,
.vdt1day .tiger-box .dt-odds .lay-box {
  background-color: var(--lay);
}

/*Virtual Casino 1Day Dragon Tiger Starts*/

/*Virtual Casino lucky7 Starts*/

.vlucky7 .virtual-casino-odds {
  margin-top: -35px;
}

.vlucky7 .table-actions,
.vlucky7 .decks-block,
.vlucky7 .decks-mask-block,
.vlucky7 .cards-showing-block {
  width: 130vh;
  max-width: 100%;
}

.vlucky7 .odds-title {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 60%;
  margin: 0 auto;
}

.vlucky7 .main-odds {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 75%;
  margin: 0 auto;
  margin-top: 10vh;
  position: relative;
}

.lh-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 1vh;
  border-radius: 8px;
  width: 30%;
  height: 9vh;
  cursor: pointer;
}

.low-box {
  background-color: #ef05181a;
  border: 2px solid #f46a59;
}

.high-box {
  background-color: #00a2001a;
  border: 2px solid #00a200;
}

.lh-box > div:first-child,
.even-box > div:first-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

.lh-box .dt-name {
  font-size: 2.5vh;
  font-weight: bold;
  color: #000;
}

.lh-box .dt-odds {
  font-size: 2.5vh;
  font-weight: bold;
  color: #000;
}

.lh-box .dt-book,
.back-box .dt-book {
  margin-top: 0.5vh;
  font-size: 1.6vh;
}

.vlucky7 .other-odds {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  margin-top: 3vh;
}

.vlucky7 .other-odds .back-box {
  width: 12%;
  position: relative;
}

.vlucky7 .back-box .dt-odds {
  position: absolute;
  left: 2px;
  bottom: -2px;
  width: auto !important;
}

.vlucky7 .back-box .dt-book {
  position: absolute;
  right: 2px;
  bottom: 2px;
  width: auto !important;
}

.vlucky7 .back-box .dt-name {
  width: 100%;
}

.vlucky7 .back-box .dt-name img {
  margin-right: 0.2vh;
}

.vlucky7 .vcasino-card-box-top {
  width: 100%;
  justify-content: center;
  margin-top: 2vh;
}

.vlucky7 .vcasino-card-box-top .vcasino-card-box {
  width: 7.5%;
}

.vlucky7 .vcasino-card-box-top .vcasino-card-box > div:last-child {
  margin-top: 0.5vh;
  font-size: 1.5vh;
}

.vcasino-card-bhav {
  font-size: 2vh;
  font-weight: bold;
}

.vlucky7 .winner-trophy .winnerb {
  right: -20px;
  top: -75px;
  width: 90px;
}

.vlucky7 .winner-trophy .winnera {
  left: -30px;
  width: 100px;
  top: -75px;
}

/*Virtual Casino lucky7 Ends*/

/*Virtual Casino Amar Akbar Anthony Starts*/

.vaaa .virtual-casino-bg {
  /*background-image: url('../img/vcasino-bg2.jpg');*/
  background-image: linear-gradient(to right, #555, #333, #555);
}

.vaaa .virtual-casino-odds {
  margin-top: -40px;
}

.vaaa.virtual-casino-container {
  color: #fff;
}

.vaaa.vcasino .tie {
  color: #fba500 !important;
}

.vaaa .table-actions,
.vaaa .decks-block,
.vaaa .decks-mask-block,
.vaaa .cards-showing-block {
  width: 130vh !important;
  max-width: 100% !important;
}

.vaaa .odds-title {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 75%;
  margin: 0 auto;
}

.vaaa .main-odds {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 75%;
  margin: 0 auto;
  margin-top: 10vh;
}

.vaaa .vodds-box {
  width: 32%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  font-size: 2.3vh;
}

.vaaa .vodds-box .casino-bl-box {
  width: 100%;
}

.vaaa .vodds-box .casino-bl-box-item {
  width: calc(50% - 8px);
  margin-top: 0;
  color: #fff;
  height: 6vh;
  margin-right: 8px;
}

.vaaa .vodds-box .casino-bl-box-item.back {
  background-color: transparent;
  border: 2px solid var(--back);
}

.vaaa .vodds-box .casino-bl-box-item.lay {
  background-color: transparent;
  border: 2px solid var(--lay);
}

.vaaa .vodds-box .casino-bl-box-item .casino-box-odd {
  font-size: 2.5vh;
  font-weight: bold;
  line-height: 1;
  height: auto;
  margin-bottom: 0;
}

.vaaa .other-odds {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  margin-top: 3vh;
}

.vaaa .other-odds .back-box {
  width: 16%;
  align-content: center;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}

.vaaa .vcasino-card-box-top {
  width: 100%;
  justify-content: center;
  margin-top: 2vh;
}

.vaaa .vcasino-card-odds {
  width: 10%;
  font-size: 2vh;
  padding: 4px;
}

.vaaa .vcasino-card-box-top {
  width: 90%;
  justify-content: center;
  align-items: center;
  margin-top: 2vh;
}

.vaaa .vcasino-card-box-top .vcasino-card-box {
  width: 7.5%;
}

.vaaa .vcasino-card-box img {
  height: 7vh;
}

.vaaa .vcasino-card-box-top .vcasino-card-box > div:last-child {
  margin-top: 0.5vh;
  font-size: 1.5vh;
}

.vaaa .vcasino-card-odds {
  border: 2px solid #fff;
}

.vaaa .odds-book {
  font-size: 2vh !important;
  margin-top: 0.5vh;
}

.vaaa .virtual-casino-odds .odds-book.book-red,
.vaaa .virtual-casino-odds .dt-book.book-red {
  color: #ff172b !important;
}

.vaaa .virtual-casino-odds .odds-book.book-green,
.vaaa .virtual-casino-odds .dt-book.book-green {
  color: #18ca18 !important;
}

.vaaa .vcasino-last-results span.vresulta {
  color: #fc4242;
}

.vaaa .vcasino-last-results span.vresultb {
  color: #fba500;
}

.vaaa .vcasino-last-results span.vresultc {
  color: #00a200;
}

.vcasino .odds-title .playera,
.vcasino .odds-title .playerb,
.vcasino .odds-title .tie {
  font-size: 3vh;
  width: 33%;
  text-align: center;
}

.vaaa .vcasino-card-box .suspended:after {
  border-radius: 0;
  transform: perspective(1800px) rotateX(0deg) scale(1) translateZ(70px);
}

.vcasino .playera > div:first-child,
.vcasino .playerb > div:first-child,
.vcasino .tie > div:first-child {
  color: #fff;
  margin-bottom: 0.5vh;
}

.winner-animation {
  /*transform: perspective(900px) rotateX(-8deg) scale(2) translateZ(100px) translateX(-50%) translateY(-50%);
    transition: 1.5s;
    position: absolute;
    left: 50%;
    top: 50%;*/
  z-index: 1000;
  /*background: #000;
    padding: 5px;*/
  animation-name: winnerani;
  animation-duration: 3s;
  /*animation-iteration-count: infinite;*/
  animation-timing-function: ease-in-out;
}

@keyframes winnerani {
  0% {
    transform: scale(1);
  }

  50% {
    /*transform: translateX(-50%) translateY(-50%);
        position: absolute;
        left: 50%;
        top: 50%;*/
    transform: scale(2) perspective(1800px) rotateX(40deg);
  }

  100% {
    transform: scale(1);
  }
}

/*Virtual Casino Amar Akbar Anthony Ends*/

/*Virtual Casino Bollywood Table Starts*/

.vbt .table-actions,
.vbt .decks-block,
.vbt .decks-mask-block,
.vbt .cards-showing-block {
  width: 130vh !important;
  max-width: 100% !important;
}

.vbt .odds-title {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 75%;
  margin: 0 auto;
}

.vbt.vcasino .tie {
  width: 16%;
}

.vbt .virtual-casino-bg {
  background-image: linear-gradient(to right, #555, #333, #555);
}

.vbt.virtual-casino-container {
  color: #fff;
}

.vbt.vcasino .playera > div:first-child,
.vbt.vcasino .playerb > div:first-child,
.vbt.vcasino .tie > div:first-child {
  color: #fdcf13 !important;
}

.vbt.vcasino .playera,
.vbt.vcasino .playerb,
.vbt.vcasino .tie {
  font-size: 2vh;
  color: #fdcf13 !important;
}

.vbt .main-odds {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  width: 75%;
  margin: 0 auto;
  margin-top: 1vh;
}

.vbt .vodds-box {
  width: 16%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  font-size: 2.3vh;
}

.vbt .vodds-box .casino-bl-box {
  width: 100%;
}

.vbt .vodds-box .casino-bl-box-item {
  width: calc(100% - 4px);
  margin-top: 0;
  color: #fff;
  height: 5vh;
  margin-right: 4px;
  margin-bottom: 0.5vh;
}

.vbt .vodds-box .casino-bl-box-item.back {
  background-color: transparent;
  border: 2px solid var(--back);
}

.vbt .vodds-box .casino-bl-box-item.lay {
  background-color: transparent;
  border: 2px solid var(--lay);
}

.vbt .vodds-box .casino-bl-box-item .casino-box-odd {
  font-size: 2.5vh;
  font-weight: bold;
  line-height: 1;
  height: auto;
  margin-bottom: 0;
}

.vbt .odds-book {
  font-size: 2vh;
}

.vbt .odds-book.book-red,
.vbt .dt-book.book-red {
  color: #ff172b !important;
}

.vbt .odds-book.book-green,
.vbt .dt-book.book-green {
  color: #18ca18 !important;
}

.vbt .other-odds {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  margin-top: 1vh;
}

.vbt .other-odds .vodds-box {
  width: 19%;
}

.vbt .other-odds .back-box {
  width: 19%;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.vbt .other-odds .vodds-box .casino-bl-box-item {
  width: calc(50% - 4px);
}

.vbt .vcasino-card-box img {
  height: 6vh;
}

.vbt .vcasino-card-odds {
  border: 2px solid #fff;
  width: 20%;
  font-size: 2vh;
  padding: 4px;
}

.vbt .vcasino-card-box-container {
  width: 40%;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.vbt .vcasino-card-box-container .vcasino-card-box-top {
  width: 80%;
  justify-content: center;
  align-items: center;
}

.vbt .vcasino-card-box-top .vcasino-card-box > div:last-child {
  margin-top: 0.5vh;
  font-size: 1.5vh;
}

.vbt .vbt-odd-name {
  font-size: 1.8vh;
  margin-bottom: 0.5vh;
}

.odds-title > div {
  width: 16%;
}

.odds-title .card-character {
  font-family: Card Characters;
  font-size: 22px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.odds-title .red-card {
  color: red;
}

.odds-title .black-card {
  color: black;
}

.vaaa .vcasino-card-box .suspended:after {
  border-radius: 0;
  transform: perspective(1800px) rotateX(0deg) scale(1) translateZ(50px);
}

.vbt .vcasino-card-box .suspended::after {
  border-radius: 0;
  transform: perspective(1800px) rotateX(0deg) scale(1) translateZ(50px);
}

.vbt .odds-title {
  align-items: flex-end;
}

/*Virtual Casino Bollywood Table Ends*/

/*Virtual Casino Muflis Starts*/

.vmuflis .virtual-casino-bg {
  background-image: linear-gradient(to right, #555, #333, #555);
}

.vmuflis.virtual-casino-container {
  color: #fff;
}

.vmuflis .table-actions,
.vmuflis .decks-block,
.vmuflis .decks-mask-block,
.vmuflis .cards-showing-block {
  width: 97vh;
}

.vmuflis .odds-title {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 60%;
  margin: 0 auto;
  margin-bottom: 0;
}

.vmuflis .main-odds {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 75%;
  margin: 0 auto;
  margin-top: 10vh;
}

.vmuflis .odds-section {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 1.5vh;
}

.vmuflis .vodds-box {
  width: 33.3%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  font-size: 2.3vh;
  align-items: center;
}

.vmuflis .vodds-box .casino-bl-box {
  width: 100%;
}

.vmuflis .vodds-box .casino-bl-box-item.back {
  background-color: transparent;
  border: 2px solid var(--back);
}

.vmuflis .vodds-box .casino-bl-box-item {
  width: calc(100% - 2px);
  height: 6.5vh;
  color: #000;
}

.vmuflis .vodds-box .casino-bl-box-item span {
  font-weight: normal;
  font-size: 2vh;
  height: auto;
  line-height: 1;
  color: #fff;
}

.vmuflis .vodds-box .casino-bl-box-item .casino-box-odd {
  font-size: 2.5vh;
  font-weight: bold;
  line-height: 1;
  height: auto;
  margin-bottom: 0;
  color: #fff;
}

.vmuflis .suspended::before {
  display: none;
}

.vmuflis .teen20rules {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 25%;
  transform: perspective(900px) rotateX(10deg) scale(1) translateZ(-100px);
  bottom: -4vh;
}

.vmuflis .teen20rules .table {
  border: 1px solid #fff !important;
  background-color: transparent;
  color: #fff;
}

.vmuflis .teen20rules .table td,
.vmuflis .teen20rules .table th {
  border-bottom: 1px solid #fff !important;
  border-right: 1px solid #fff !important;
  border-top: 1px solid #fff !important;
  border-left: 1px solid #fff;
  font-size: 2vh;
  vertical-align: middle;
  padding: 0.5vh;
}

.vmuflis .teen20rules .table thead {
  background-color: transparent;
  color: #fff;
}

.vmuflis .teen20rules .table thead th {
  font-size: 18px;
}

.vmuflis.vcasino .odds-title .playerb {
  color: #fdcf13 !important;
}

.vmuflis .vcasino-last-results span.vresulta {
  color: #ef0518 !important;
}

.vmuflis .vcasino-last-results span.vresultb {
  color: #fdcf13 !important;
}

/*Virtual Casino Muflis Ends*/

/*Virtual Casino Race to 17 Starts*/

.vraceto17 .virtual-casino-bg {
  background-image: linear-gradient(to right, #555, #333, #555);
}

.vraceto17 .table-actions,
.vraceto17 .decks-block,
.vraceto17 .decks-mask-block,
.vraceto17 .cards-showing-block {
  width: 130vh !important;
  max-width: 100% !important;
}

.vraceto17.virtual-casino-container {
  color: #fff;
}

.vraceto17 .odds-title {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 75%;
  margin: 0 auto;
}

.vraceto17 .main-odds {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 75%;
  margin: 0 auto;
  /*margin-top: 10vh;*/
}

.vraceto17 .vodds-box {
  width: 49%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  font-size: 2.3vh;
  margin-bottom: 2vh;
}

.vraceto17 .vrt17-odd-name {
  font-size: 2vh;
  margin-bottom: 1vh;
}

.vraceto17 .vodds-box .casino-bl-box {
  width: 100%;
}

.vraceto17 .vodds-box .casino-bl-box-item {
  width: calc(50% - 4px);
  margin-top: 0;
  color: #fff;
  height: 6vh;
  margin-right: 4px;
}

.vraceto17 .vodds-box .casino-bl-box-item.back {
  background-color: transparent;
  border: 2px solid var(--back);
}

.vraceto17 .vodds-box .casino-bl-box-item.lay {
  background-color: transparent;
  border: 2px solid var(--lay);
}

.vraceto17 .odds-book {
  font-size: 2vh;
  margin-top: 0.5vh;
}

.vraceto17 .arrow17 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 7vh;
  margin-top: 10vh;
}

.vraceto17 .arrow17 > div {
  border: 3px solid #bf8636;
  border-radius: 50%;
  padding: 10px;
  margin-right: 10px;
}

.vraceto17 .arrow17 img {
  height: 5vh;
}

.vraceto17 .vcard-total {
  position: absolute;
  left: 20%;
  top: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.vraceto17 .vcard-total > div:first-child {
  font-size: 18px;
  width: 100%;
  margin-bottom: 5px;
}

.vraceto17 .vcard-total > div:last-child {
  margin-left: 10px;
  border: 2px solid #ff8f00;
  border-radius: 50%;
  padding: 5px;
  height: 35px;
  width: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: bold;
}

.vraceto17 .vodds-box .casino-bl-box-item .casino-box-odd {
  font-size: 2.5vh;
  font-weight: bold;
  line-height: 1;
  height: auto;
  margin-bottom: 0;
}

/*Virtual Casino Race to 17 Ends*/

/*Virtual Casino Baccarat Starts*/

.vbaccarat .virtual-casino-bg {
  background-image: linear-gradient(to right, #555, #333, #555);
}

.vbaccarat .virtual-casino-odds {
  margin-top: -20px;
}

.vbaccarat .table-actions,
.vbaccarat .decks-block,
.vbaccarat .decks-mask-block,
.vbaccarat .cards-showing-block {
  width: 130vh !important;
  max-width: 100% !important;
  height: 100%;
  position: relative;
}

.vbaccarat .odds-title {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 75%;
  margin: 0 auto;
}

.vbaccarat.vcasino .playera,
.vbaccarat.vcasino .playerb {
  width: 50%;
}

.baccarat-box {
  position: absolute;
  bottom: 0;
  background-color: #00000096;
  width: 100%;
  padding: 0 10px;
  border-radius: 0;
}

.vbaccarat-odds {
  width: 70%;
  margin: 0 auto;
  margin-top: 10vh;
}

.vbaccarat-odds .baccarat-odds {
  display: flex;
  display: -webkit-flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}

.vbaccarat-odds .baccarat-odd-block {
  width: 18%;
  position: relative;
}

.vbaccarat-odds .baccarat-odd-block:last-child {
  margin-right: 0;
}

.vbaccarat-odds .baccarat-odd-block .baccarat-odd-name {
  padding: 8px 2px;
  text-align: center;
  color: var(--text-white);
  background-image: linear-gradient(180deg, #f29603 0%, #b4701b 100%);
  cursor: pointer;
  border-radius: 0;
  text-transform: uppercase;
}

.vbaccarat-odds .baccarat-odd-block .baccarat-odd-val {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -25px;
  color: #fff;
}

.vbaccarat-odds .baccarat-bets {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 0;
  position: relative;
  padding-bottom: 30px;
}

.vbaccarat-odds .player-pair,
.vbaccarat-odds .player,
.vbaccarat-odds .tie,
.vbaccarat-odds .banker,
.vbaccarat-odds .banker-pair {
  width: 18%;
  margin-top: 40px;
  position: relative;
}

.vbaccarat-odds .baccarat-bets-name {
  height: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  flex-direction: column;
  color: var(--text-white);
  padding-left: 0;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 0;
}

.vbaccarat-odds .player-pair .baccarat-bets-name {
  background-color: #509bff;
}

.vbaccarat-odds .player .baccarat-bets-name {
  background-color: #509bff;
}

.vbaccarat-odds .tie .baccarat-bets-name {
  background-color: #11b24b;
}

.vbaccarat-odds .banker .baccarat-bets-name {
  background-color: #d3393d;
}

.vbaccarat-odds .banker-pair .baccarat-bets-name {
  background-color: #d3393d;
}

.vbaccarat-odds .baccarat-bets-val {
  color: #fff;
  margin-top: 3px;
}

.baccarat-buttons {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  bottom: unset;
  left: unset;
  transform: unset;
  justify-content: center;
}

.baccarat-buttons.virtual-casino-place-bet .place-bet-box-container {
  margin: 0 10px;
  width: calc(60% - 20px);
  background: transparent;
  border-right: 1px solid #4f4f4f;
  border-radius: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.baccarat-buttons.virtual-casino-place-bet .place-bet-box-container > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.baccarat-graph {
  text-align: right;
  width: 20%;
  border-right: 1px solid #4f4f4f;
  padding: 10px;
}

.baccarat-buttons .baccarat-graph img {
  height: 120px;
}

.baccarat-buttons .place-bet-value input {
  border-color: #fff;
  margin: 0;
  border-radius: 2px;
  width: 100px;
  color: #fff;
}

.baccarat-buttons .vcasino-last-results {
  position: relative;
  left: unset;
  top: unset;
  border: 0;
  background: transparent;
  border: 0;
  width: 20%;
  justify-content: center;
  align-items: flex-start;
  align-content: center;
  height: auto;
}

.baccarat-buttons .vcasino-last-results span {
  background: transparent;
  border: 0;
  position: unset;
  height: auto;
  width: 20%;
  margin-right: 0;
  justify-content: center;
}

.baccarat-buttons .vcasino-last-results span.vresultall {
  width: 100%;
  justify-content: flex-end;
  font-size: 16px;
  margin-top: 5px;
}

.baccarat-buttons .place-bet-value {
  justify-content: center;
}

.baccarat-buttons .btn {
  margin: 0 5px;
}

.baccarat-buttons .coin-img {
  position: relative;
  display: inline-block;
  width: 32%;
  margin-bottom: 5px;
}

.baccarat-buttons .coin-img img {
  height: 7vh;
}

.baccarat-buttons .coin-img > div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  color: #fff;
  font-size: 14px;
}

.baccarat-buttons .place-bet-nation {
  justify-content: center;
}

.baccarat-buttons .place-bet-nation > div {
  margin-right: 20px;
}

.vbaccarat.vcasino .odds-title .playera {
  color: #509bff !important;
}

.vbaccarat.vcasino .odds-title .playerb {
  color: #d3393d !important;
}

.baccarat-buttons .vcasino-last-results span.vresulta {
  color: #509bff !important;
}

.baccarat-buttons .vcasino-last-results span.vresultb {
  color: #d3393d !important;
}

.vbaccarat .vcasino-last-results span.vresulta {
  color: #509bff;
}

.vbaccarat .vcasino-last-results span.vresultb {
  color: #d3393d !important;
}

.baccarat-buttons .bet-block {
  width: 60%;
}

.baccarat-buttons .btn-block {
  width: 40%;
}

.vbaccarat .suspended::after {
  border-radius: 0;
  transform: perspective(900px) rotateX(0) scale(1.01) translateZ(0);
}

.place-bet-buttons .coin-img {
  position: relative;
  display: inline-block;
  width: 32%;
  margin-bottom: 5px;
}

.place-bet-buttons .coin-img img {
  height: 60px;
}

.place-bet-buttons .coin-img > div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  color: #fff;
  font-size: 14px;
}

/*Virtual Casino Baccarat Ends*/

/*Virtual Casino Trio Starts*/

.vtrio.virtual-casino-container {
  color: #fff;
}

.vtrio .virtual-casino-bg {
  background-image: linear-gradient(to right, #555, #333, #555);
}

.vtrio .virtual-casino-odds {
  margin-top: -55px;
}

.vtrio .table-actions,
.vtrio .decks-block,
.vtrio .decks-mask-block,
.vtrio .cards-showing-block {
  width: 120vh !important;
  max-width: 100% !important;
}

.vtrio .main-odds {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 75%;
  margin: 0 auto;
  padding-top: 11.5vh;
}

.vtrio .vodds-box {
  width: 32%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  font-size: 2.3vh;
  margin-bottom: 2vh;
}

.vtrio .vrt17-odd-name {
  font-size: 2vh;
  margin-bottom: 1vh;
}

.vtrio .vodds-box .casino-bl-box {
  width: 100%;
}

.vtrio .vodds-box .casino-bl-box-item {
  width: calc(50% - 4px);
  margin-top: 0;
  color: #fff;
  height: 6vh;
  margin-right: 4px;
}

.vtrio .vodds-box .casino-bl-box-item.back {
  background-color: transparent;
  border: 2px solid var(--back);
}

.vtrio .vodds-box .casino-bl-box-item.lay {
  background-color: transparent;
  border: 2px solid var(--lay);
}

.vtrio .vodds-box .casino-bl-box-item .casino-box-odd {
  font-size: 2.5vh;
  font-weight: bold;
  line-height: 1;
  height: auto;
  margin-bottom: 0;
}

.vtrio .odds-book {
  font-size: 2vh;
  margin-top: 0.5vh;
}

.vtrio .other-odds {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  margin-top: 0;
}

.vtrio .other-odds .vodds-box {
  width: 24%;
}

.vtrio .sub-odds {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  margin-top: 0;
}

.vtrio .sub-odds .vodds-box {
  width: 19%;
}

.vtrio .sub-odds .vodds-box .casino-bl-box-item {
  width: 100%;
}

/*Virtual Casino Trio Ends*/

/* Virtual Casino Trap Starts */

.vtrap.nvcasino.virtual-casino-container {
  background-image: url("../img/vtrap-bg.png");
}

.vtrap .table-actions,
.vtrap .decks-block,
.vtrap .decks-mask-block,
.vtrap .cards-showing-block {
  width: 100vh !important;
  max-width: 100% !important;
}

.vtrap .table-actions {
  position: absolute;
  height: 100%;
  top: 0;
}

.vtrap .main-odds {
  padding-top: 0;
  color: #fff;
  transform: perspective(900px) rotateX(30deg) scale(1) translateZ(-0);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 80%;
  margin: 0 auto;
  margin-top: 0;
  font-family: SF Pro Display Regular;
  transition: 0.5s;
}

.twod-layout .main-odds {
  transform: none !important;
  margin-top: 1vh;
}

.vtrap .vodds-box {
  width: 24.5%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  font-size: 2.3vh;
  margin-bottom: 0;
}

.vtrap .main-odds .vtrap-item-box {
  width: 100%;
  position: relative;
}

.vtrap .casino-bl-box {
  width: 100%;
}

.vtrap .vtrap-seven .casino-bl-box-item {
  height: 7vh;
  text-align: left;
  padding-left: 10px;
  border-radius: 0;
}

.vtrap .vtrap-seven.vtrap-jqk .casino-bl-box-item:last-child {
  margin-bottom: 0;
}

.vtrap .vtrap-seven .casino-bl-box:first-child {
  margin-bottom: 1vh;
}

.vtrap .vtrapjqk {
  display: flex;
  flex-wrap: wrap;
}

.vtrap .vtrapjqk .vrt17-odd-name {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  margin: 0;
}

.vtrap .vtrapjqk .vrt17-odd-name img {
  margin-right: 5px;
}

.vtrap .vtrapjqk .casino-bl-box {
  width: 60%;
}

.vtrap .vrt17-odd-name {
  font-size: 3vh;
  margin-bottom: 0.8vh;
  text-transform: uppercase;
  font-weight: bold;
  width: 100%;
}

.vrt17-odd-name img {
  height: 3.5vh;
}

.vtrap .vodds-box .casino-bl-box {
  width: 100%;
  position: relative;
}

.vtrap .vodds-box .casino-bl-box-item {
  width: 100%;
  margin-top: 0;
  color: #fff;
  height: 7vh;
  margin-right: 0;
  color: #000;
  background-color: #323b4c !important;
}

.vtrap .vodds-box .casino-bl-box-item.back {
  background-color: transparent;
  border: 2px solid var(--back);
  border-radius: 0;
  margin-bottom: 1vh;
}

.vtrap .vodds-box .casino-bl-box-item.lay {
  background-color: transparent;
  border: 2px solid var(--lay);
  border-radius: 0;
}

.vtrap .vodds-box .casino-bl-box-item .casino-box-odd {
  font-size: 2.5vh;
  font-weight: bold;
  line-height: 1;
  height: auto;
  margin-bottom: 0;
  color: #ffcc00;
}

.vtrap .odds-book {
  font-size: 1.5vh;
}

.vtrap-seven {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 24%;
  position: relative;
}

.vtrap-seven.high-low .vtrap-img {
  top: 57%;
}

.vtrap-seven .casino-bl-box-item {
  width: 100%;
  color: #000;
  margin: 0;
  margin-bottom: 1vh;
  height: 6vh;
}

.vtrap-seven .casino-bl-box-item.back {
  background-color: #323b4c !important;
  border: 2px solid var(--back);
}

.vtrap-seven .casino-bl-box-item.lay {
  background-color: #323b4c !important;
  border: 2px solid var(--lay);
}

.vtrap-seven .casino-bl-box-item .casino-box-odd {
  color: #ffcc00;
  font-size: 2.5vh;
}

.vtrap-seven .casino-bl-box-item .odds-book {
  position: absolute;
  right: 10px;
  text-align: right;
  color: #fff;
}

.vtrap-seven .casino-bl-box-item span:nth-child(2n) {
  font-size: 1.8vh;
  margin-top: 0.8vh;
}

.vtrap-seven .vtrap-seven-book {
  position: absolute;
  left: 35%;
  transform: translateX(-50%);
  text-align: center;
}

.vtrap .book-red {
  color: #ff453a !important;
}

.vtrap .book-green {
  color: #32d74b !important;
}

.vtrap-seven .casino-bl-box-item.vtrap-high,
.vtrap-seven .casino-bl-box-item.vtrap-low {
  text-align: left;
  padding-left: 10px;
  margin: 0;
  background-color: transparent;
  border: 2px solid var(--back);
}

.vtrap-seven .vtrap-img {
  width: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  height: 6vh;
  z-index: 100;
}

.card-draw {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  /* transform: perspective(900px) rotateX(20deg) scale(1) !important; */
  transform: none;
}

.card-draw > div {
  /* border: 1px solid #95979A; */
  border: 0;
  border-radius: 0;
  width: 8%;
  margin-right: 1%;
  height: 8vh;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.vtrap .card-draw > div:first-child {
  border: 0;
  width: 20%;
  position: absolute;
  left: 0;
  font-size: 18px;
  font-weight: bold;
}

.card-draw > div span {
  width: 100%;
  font-size: 16px;
  font-weight: normal;
}

.card-draw > div span.card-a {
  color: #ffcc00;
}

.card-draw > div span.card-b {
  color: #ff453a;
}

.vtrap .v-place-coin {
  position: absolute;
  right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.vtrap .vtrap-seven .v-place-coin {
  right: 45px;
}

.vtrap .vtrap-seven.vtrap-jqk .v-place-coin {
  right: 10px;
}

.vtrap .v-place-coin img {
  height: 4vh;
}

.nvcasino.twod-layout .v-place-coin .threed-coin {
  display: none;
}

.nvcasino.twod-layout .v-place-coin .twod-coin {
  display: block;
  height: 5vh;
}

.vtrap .v-place-coin span {
  position: absolute;
  font-size: 2vh;
  font-weight: bold;
  margin: 0 !important;
}

.vtrap .winner-trophy {
  position: absolute;
  right: 4%;
  top: -70px;
  border: 0;
  z-index: 11;
}

.vtrap .winner-trophy.winner-trophy-b {
  top: -50px;
}

/* .vtrap .winner-trophy.winner-trophy-b {
    bottom: -15px;
    top: unset;
} */

.vtrap .winner-trophy .winnera {
  position: unset;
  left: unset;
  top: unset;
  width: 150px;
}

/* Virtual Casino Trap Ends */

/* Virtulal Dragon Tiger Lion 20-20 Starts */

.nvcasino.vdtl.virtual-casino-container {
  background-image: none;
}

.vdtl .table-actions {
  position: absolute;
  height: 100%;
  top: 0;
}

.vdtl .table-actions,
.vdtl .decks-block,
.vdtl .decks-mask-block,
.vdtl .cards-showing-block {
  width: 100vh !important;
  max-width: 100% !important;
}

.nvcasino.vdtl .virtual-casino-bg {
  position: relative;
}

.nvcasino.vdtl .virtual-casino-odds {
  height: 15vh;
  margin-top: -25px;
  padding-top: 0;
}

.vdtl-title {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  left: 10%;
  top: 25%;
}

.vdtl-title > div {
  width: 20%;
}

.vdtl-trophy {
  display: flex;
  justify-content: center;
}

.vdtl-trophy img {
  height: 110px;
}

.vdtl-trophy > div {
  width: 20%;
  position: relative;
}

/* .vdtl-trophy>div:first-child img {
    position: absolute;
    left: -80px;
} */

.vdtl-trophy {
  display: flex;
  justify-content: center;
  position: absolute;
  left: 10%;
  width: 100%;
  top: -45%;
  z-index: 100000;
}

/* .vdtl-trophy>div:last-child img {
    position: absolute;
    right: -80px;
} */

.nvcasino.vdtl .main-odds {
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 90%;
  margin: 0 auto;
  margin-top: 5vh;
}

.vdtl-trophy img {
  height: 80px;
}

.nvcasino.vdtl .main-odds .tab-content {
  width: 100%;
}

.nvcasino.vdtl .main-odds-left,
.nvcasino.vdtl .main-odds-right {
  width: 70%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.nvcasino.vdtl .main-odds .v-odd-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 1vh;
}

.nvcasino.vdtl .v-odd-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.nvcasino.vdtl .main-odds-left .v-odd-box {
  width: 17%;
  position: relative;
}

.nvcasino.vdtl .main-odds-left .v-odd-box:first-child {
  width: 10%;
}

.nvcasino.vdtl .main-odds-right .v-odd-box {
  width: 7%;
}

.nvcasino.vdtl .v-odd-box .casino-bl-box {
  width: 100%;
}

.nvcasino.vdtl .casino-bl-box-item {
  width: 100%;
}

.nvcasino.vdtl .casino-bl-box-item.back {
  background-color: #323b4c !important;
  border: 2px solid var(--back);
  height: 5vh;
}

.nvcasino.vdtl .casino-bl-box-item .casino-box-odd {
  font-size: 1.8vh;
  color: #ffcc00;
}

.nvcasino.vdtl .casino-bl-box-item > span {
  font-size: 1.5vh;
  line-height: 1;
}

.nvcasino.vdtl .casino-bl-box-item .book-odd {
  color: #fff;
}

.nvcasino.vdtl .v-odd-box img {
  height: 2.5vh;
  margin-right: 1vh;
}

.nvcasino.vdtl .nav {
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 0;
}

.nvcasino.vdtl .nav-pills .nav-link {
  background: #57575759;
  border: 0;
  margin-right: 5px;
  color: #fff;
}

.nvcasino.vdtl .nav-pills .nav-link.active {
  color: #ffcc00;
  background-color: #00000059;
  /* border: 1px solid #FFCC00; */
  border: 0;
}

.nvcasino.vdtl .vplayera {
  color: #fc4242;
  font-size: 2vh;
}

.nvcasino.vdtl .vresulta {
  color: #fc4242 !important;
}

.nvcasino.vdtl .vplayerb {
  color: #ffcc00;
  font-size: 2vh;
}

.nvcasino.vdtl .vresultb {
  color: #ffcc00 !important;
}

.nvcasino.vdtl .vplayerc {
  color: #00a200;
  font-size: 2vh;
}

.nvcasino.vdtl .vresultc {
  color: #00a200 !important;
}

/* Virtulal Dragon Tiger Lion 20-20 Ends */

/* Virtual Casino 1 Card 1Day Starts */

.v1card1day .table-actions,
.v1card1day .decks-block,
.v1card1day .decks-mask-block,
.v1card1day .cards-showing-block {
  width: 100vh !important;
  max-width: 100% !important;
}

.v1card1day .table-actions {
  position: absolute;
  height: 100%;
  top: 0;
}

.v1card1day .main-odds {
  padding-top: 0;
  color: #fff;
  transform: perspective(900px) rotateX(30deg) scale(1) translateZ(-0);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 80%;
  margin: 0 auto;
  margin-top: 0;
  font-family: SF Pro Display Regular;
  transition: 0.5s;
}

.v1card1day.twod-layout .main-odds {
  margin-top: 1vh;
}

.vtrap-seven {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 24%;
  position: relative;
}

.v1card1day .vrt17-odd-name {
  font-size: 3vh;
  margin-bottom: 0.8vh;
  font-weight: bold;
}

.v1card1day .casino-bl-box {
  width: 100%;
}

.v1card1day .vtrap-seven .casino-bl-box-item {
  height: 7vh;
  text-align: left;
  padding-left: 10px;
  border-radius: 0;
  width: 100%;
  color: #000;
  margin: 0;
  margin-bottom: 1vh;
}

.vtrap-seven .casino-bl-box-item.back {
  background-color: #323b4c !important;
  border: 2px solid var(--back);
}

.vtrap-seven .casino-bl-box-item .casino-box-odd {
  color: #ffcc00;
  font-size: 2.5vh;
}

.vtrap-seven .casino-bl-box-item span:nth-child(2n) {
  font-size: 1.8vh;
  margin-top: 0.8vh;
}

.vtrap-seven .casino-bl-box-item .odds-book {
  position: absolute;
  right: 10px;
  text-align: right;
  color: #fff;
}

.v1card1day .book-green {
  color: #32d74b !important;
  font-size: 1.5vh;
}

.v1card1day .book-red {
  color: #ff453a !important;
  font-size: 1.5vh;
}

.v1card1day .odds-book {
  font-size: 1.5vh;
}

.v1card1day .vodds-box {
  width: 24.5%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  font-size: 2.3vh;
  margin-bottom: 0;
}

.v1card1day .vodds-box .casino-bl-box {
  width: 100%;
  position: relative;
}

.v1card1day .main-odds .vtrap-item-box {
  width: 100%;
  position: relative;
}

.v1card1day .vodds-box .casino-bl-box-item {
  width: 100%;
  margin-top: 0;
  height: 7vh;
  margin-right: 0;
  color: #000;
  background-color: #323b4c !important;
}

.v1card1day .vodds-box .casino-bl-box-item.back {
  background-color: transparent;
  border: 2px solid var(--back);
  border-radius: 0;
  margin-bottom: 1vh;
}

.v1card1day .vodds-box .casino-bl-box-item.lay {
  background-color: transparent;
  border: 2px solid var(--lay);
  border-radius: 0;
}

.v1card1day.nvcasino .vodd-box-a .casino-bl-box-item {
  background-color: #ffcc001f !important;
}

.v1card1day .vodds-box .casino-bl-box-item .casino-box-odd {
  font-size: 2.5vh;
  font-weight: bold;
  line-height: 1;
  height: auto;
  margin-bottom: 0;
  color: #ffcc00;
}

.v1card1day .vdtl-title {
  position: absolute;
  top: 35px;
  height: calc(100% - 45px);
  flex-direction: column;
  justify-content: space-around;
  width: 40%;
  left: 30%;
  align-items: flex-start;
}

.v1card1day .vdtl-title .vplayerb {
  position: absolute;
  right: 0;
  top: 15px;
}

.v1card1day .vdtl-title .vplayera {
  position: absolute;
  left: 0;
  bottom: 15px;
}

.v1card1day .vdtl-title .title-divider {
  position: absolute;
  top: 50%;
  background-color: #fff;
  height: 2px;
}

.v1card1day .nvtimer.casino-timer {
  top: 40%;
  left: 25%;
}

.v1card1day .vdtl-trophy {
  position: absolute;
  top: 35px;
  height: calc(100% - 45px);
  flex-direction: column;
  justify-content: space-between;
  width: 40%;
  left: 30%;
  transform: unset;
}

.v1card1day .vdtl-trophy img {
  height: auto;
  width: 100px;
}

.v1card1day .vdtl-trophy .winnera {
  position: absolute;
  top: -50px;
  left: 0;
}

.v1card1day .vdtl-trophy .winnerb {
  position: absolute;
  bottom: -10px;
  right: 0;
}

.v1card1day.nvcasino .vplayera,
.v1card1day.nvcasino .vplayerb {
  font-size: 2vh;
  font-weight: bold;
}

/* Virtual Casino 1 Card 1Day Ends */

/* Virtual Casino 1 Card 20-20 Starts */

.v1card20 .table-actions {
  position: absolute;
  height: 100%;
  top: 0;
}

.v1card20 .table-actions,
.v1card20 .decks-block,
.v1card20 .decks-mask-block,
.v1card20 .cards-showing-block {
  width: 100vh !important;
  max-width: 100% !important;
}

.v1card20 .main-odds {
  padding-top: 0;
  color: #fff;
  transform: perspective(900px) rotateX(30deg) scale(1) translateZ(-0);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 80%;
  margin: 0 auto;
  font-family: SF Pro Display Regular;
  transition: 0.5s;
  margin-top: 1vh;
}

.v1card20 .vodds-box {
  width: 24.5%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  font-size: 2.3vh;
  margin-bottom: 0;
}

.v1card20 .vrt17-odd-name {
  font-size: 2.5vh !important;
  margin-bottom: 0.8vh;
  text-transform: uppercase;
  font-weight: bold;
}

.v1card20 .vodds-box .casino-bl-box {
  width: 100%;
  position: relative;
}

.v1card20 .vodds-box .casino-bl-box-item {
  width: 100%;
  margin-top: 0;
  height: 7vh;
  margin-right: 0;
  color: #000;
  background-color: #323b4c !important;
}

.v1card20 .vodds-box .casino-bl-box-item.back {
  background-color: transparent;
  border: 2px solid var(--back);
  border-radius: 0;
}

.v1card20.nvcasino .vodd-box-a .casino-bl-box-item {
  background-color: #ffcc001f !important;
}

.v1card20 .vodds-box .casino-bl-box-item .casino-box-odd {
  font-size: 2.5vh;
  font-weight: bold;
  line-height: 1;
  height: auto;
  color: #ffcc00;
}

.v1card20 .vodds-box .casino-bl-box-item.lay {
  background-color: transparent;
  border: 2px solid var(--lay);
  border-radius: 0;
}

.v1card20 .odds-book {
  font-size: 1.5vh;
}

.v1card20 .vodds-box .casino-bl-box-item.player {
  border: 2px solid #ffcc00;
  border-radius: 0;
}

.v1card20 .vodds-box .casino-bl-box-item.dealer {
  border: 2px solid #ff453a;
  border-radius: 0;
}

.v1card20 .vodds-box .casino-bl-box-item.pair {
  border: 2px solid #004ea2;
  border-radius: 0;
}

.v1card20 .vodds-box .casino-bl-box-item.tie {
  background-color: transparent;
  border: 2px solid #00a200;
  border-radius: 0;
}

.v1card20 .vdtl-title {
  position: absolute;
  top: 35px;
  height: calc(100% - 45px);
  flex-direction: column;
  justify-content: space-around;
  width: 40%;
  left: 30%;
  align-items: flex-start;
}

.v1card20 .vdtl-title .vplayerb {
  position: absolute;
  right: 0;
  top: 15px;
}

.v1card20 .vdtl-title .vplayera {
  position: absolute;
  left: 0;
  bottom: 15px;
}

.v1card20 .vdtl-title .title-divider {
  position: absolute;
  top: 50%;
  background-color: #fff;
  height: 2px;
}

.v1card20 .nvtimer.casino-timer {
  top: 40%;
  left: 25%;
}

.v1card20 .vdtl-trophy {
  position: absolute;
  top: 35px;
  height: calc(100% - 45px);
  flex-direction: column;
  justify-content: space-between;
  width: 40%;
  left: 30%;
  transform: unset;
}

.v1card20 .vdtl-trophy img {
  height: auto;
  width: 100px;
}

.v1card20 .vdtl-trophy .winnera {
  position: absolute;
  top: -50px;
  left: 0;
}

.v1card20 .vdtl-trophy .winnerb {
  position: absolute;
  bottom: -10px;
  right: 0;
}

.v1card20.nvcasino .vplayera,
.v1card20.nvcasino .vplayerb {
  font-size: 2vh;
  font-weight: bold;
}

/* Virtual Casino 1 Card 20-20 Ends */

/* Virtual Casino Queen Starts */

.nvcasino.vqueen .virtual-casino-bg .main-bg {
  height: 55vh;
}

.nvcasino.vqueen .virtual-casino-odds {
  margin-top: 0;
  padding-top: 0;
  height: 30vh;
  position: absolute;
  top: 23vh;
}

.vqueen .table-actions {
  position: absolute;
  height: 100%;
  top: 0;
}

.vqueen .table-actions,
.vqueen .decks-block,
.vqueen .decks-mask-block,
.vqueen .cards-showing-block {
  width: 110vh !important;
  max-width: 100% !important;
}

.vqueen .main-odds {
  padding-top: 0;
  color: #fff;
  /* transform: perspective(900px) rotateX(30deg) scale(1) translateZ(-0); */
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 80%;
  margin: 0 auto;
  margin-top: 1vh;
  font-family: SF Pro Display Regular;
  transition: 0.5s;
}

.vqueen .vodds-box {
  width: 24.5%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  font-size: 2.3vh;
  margin-bottom: 0;
}

.vqueen .vrt17-odd-name {
  font-size: 2vh;
  margin-bottom: 0.8vh;
  text-transform: uppercase;
  font-weight: bold;
}

.vqueen .vodds-box .casino-bl-box {
  width: 100%;
  position: relative;
}

.vqueen .vodds-box .casino-bl-box-item {
  width: calc(50% - 4px);
  margin-top: 0;
  color: #fff;
  height: 6vh;
  margin-right: 4px;
}

.vqueen .vodds-box .casino-bl-box-item.back {
  background-color: transparent;
  border: 2px solid var(--back);
}

.vqueen .vodds-box .casino-bl-box-item.lay {
  background-color: transparent;
  border: 2px solid var(--lay);
}

.vqueen .vodds-box .casino-bl-box-item .casino-box-odd {
  font-size: 2.5vh;
  font-weight: bold;
  line-height: 1;
  height: auto;
  margin-bottom: 0;
}

.vqueen .odds-book {
  font-size: 1.5vh;
  margin-top: 0.5vh;
}

.vqueen .nvtimer.casino-timer {
  top: 40%;
  left: 25%;
}

/* Virtual Casino Queen Ends */

/* Virtual Casino Race20 Starts */

.nvcasino.vrace20.virtual-casino-container {
  height: calc(100vh - 108px);
}

.nvcasino.vrace20 .virtual-casino-bg .main-bg {
  height: 45vh;
}

.nvcasino.vrace20 .virtual-casino-odds {
  margin-top: 0;
  padding-top: 0;
  height: 30vh;
  position: absolute;
  top: 23vh;
}

.vrace20 .table-actions {
  position: absolute;
  height: 100%;
  top: 0;
}

.vrace20 .table-actions,
.vrace20 .decks-block,
.vrace20 .decks-mask-block,
.vrace20 .cards-showing-block {
  width: 110vh !important;
  max-width: 100% !important;
}

.vrace20 .main-odds {
  padding-top: 0;
  color: #fff;
  /* transform: perspective(900px) rotateX(30deg) scale(1) translateZ(-0); */
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 80%;
  margin: 0 auto;
  margin-top: 1vh;
  font-family: SF Pro Display Regular;
  transition: 0.5s;
}

.vrace20 .vodds-box {
  width: 24.5%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  font-size: 2.3vh;
  margin-bottom: 0;
}

.vrace20 .vrt17-odd-name {
  font-size: 1.7vh;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
}

.vrace20 .vrt17-odd-name img {
  height: 2.5vh;
  margin-bottom: 0;
}

.vrace20 .vodds-box .casino-bl-box {
  width: 100%;
  position: relative;
}

.vrace20 .vodds-box .casino-bl-box-item {
  width: calc(50% - 4px);
  margin-top: 0;
  color: #fff;
  height: 3.5vh;
  margin-right: 4px;
}

.vrace20 .vodds-box .casino-bl-box-item.back {
  background-color: transparent;
  border: 2px solid var(--back);
}

.vrace20 .vodds-box .casino-bl-box-item.lay {
  background-color: transparent;
  border: 2px solid var(--lay);
}

.vrace20 .vodds-box .casino-bl-box-item .casino-box-odd {
  font-size: 2vh;
  font-weight: bold;
  line-height: 1;
  height: auto;
  margin-bottom: 0;
}

.vrace20 .odds-book {
  font-size: 1.5vh;
  margin-top: 0.8vh;
  line-height: 1;
}

.vrace20 .nvtimer.casino-timer {
  top: 40%;
  left: 25%;
}

.vrace20 .other-odds {
  font-family: SF Pro Display Regular;
  transition: 0.5s;
  color: #fff;
  width: 80%;
  margin: 0 auto;
  margin-top: 2vh;
}

.vrace20 .other-odds .vodds-box {
  width: 100%;
}

.vrace20 .other-odds .win-with .vodds-box .casino-bl-box-item {
  width: 100%;
}

/* Virtual Casino Race20 Ends */

/*Virtual Casino 32 Cards A Starts*/

.nvcasino.v32cardsa .virtual-casino-bg .main-bg {
  height: 55vh;
}

.nvcasino.v32cardsa .virtual-casino-odds {
  margin-top: 0;
  padding-top: 0;
  height: 30vh;
  position: absolute;
  top: 23vh;
}

.v32cardsa .table-actions {
  position: absolute;
  height: 100%;
  top: 0;
}

.v32cardsa .table-actions,
.v32cardsa .decks-block,
.v32cardsa .decks-mask-block,
.v32cardsa .cards-showing-block {
  width: 110vh !important;
  max-width: 100% !important;
}

.v32cardsa .main-odds {
  padding-top: 0;
  color: #fff;
  /* transform: perspective(900px) rotateX(30deg) scale(1) translateZ(-0); */
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 80%;
  margin: 0 auto;
  margin-top: 1vh;
  font-family: SF Pro Display Regular;
  transition: 0.5s;
}

.v32cardsa .vodds-box {
  width: 24.5%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  font-size: 2.3vh;
  margin-bottom: 0;
}

.v32cardsa .vrt17-odd-name {
  font-size: 2vh;
  margin-bottom: 0.8vh;
  text-transform: uppercase;
  font-weight: bold;
}

.v32cardsa .vodds-box .casino-bl-box {
  width: 100%;
  position: relative;
}

.v32cardsa .vodds-box .casino-bl-box-item {
  width: calc(50% - 4px);
  margin-top: 0;
  color: #fff;
  height: 6vh;
  margin-right: 4px;
}

.v32cardsa .vodds-box .casino-bl-box-item.back {
  background-color: transparent;
  border: 2px solid var(--back);
}

.v32cardsa .vodds-box .casino-bl-box-item.lay {
  background-color: transparent;
  border: 2px solid var(--lay);
}

.v32cardsa .vodds-box .casino-bl-box-item .casino-box-odd {
  font-size: 2.5vh;
  font-weight: bold;
  line-height: 1;
  height: auto;
  margin-bottom: 0;
}

.v32cardsa .odds-book {
  font-size: 1.5vh;
  margin-top: 0.5vh;
}

.v32cardsa .nvtimer.casino-timer {
  top: 40%;
  left: 25%;
}

/*Virtual Casino 32 Cards A Ends*/

/*Virtual Casino Ends*/

/* New Virtual Casino Starts */

.nvcasino.virtual-casino-container {
  height: calc(100vh - 100px);
  background-image: none;
  max-height: unset;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  background-size: 100% 100%;
  background-color: #23292e;
  /* background-position: bottom center; */
}

.nvcasino .virtual-casino-bg {
  background-image: linear-gradient(#333333, #555555);
  min-height: unset;
  height: auto;
  padding-top: 0;
  margin-top: 60px;
}

.nvcasino .virtual-casino-bg .main-bg {
  height: 30vh;
  position: relative;
}

.nvcasino .virtual-casino-odds {
  color: #fff;
  height: 25vh;
  margin-top: -70px;
  padding-top: 65px;
}

.nvcasino .vcasino-name {
  font-weight: bold;
  color: #db7428;
}

.nvcasino .vcasino-rid {
  color: #ffcc00;
  margin-top: 5px;
}

.nvcasino .vcasino-icon {
  background: none;
  border: 1px solid #95979a;
  border-radius: 50%;
  color: #fff;
  font-weight: bold;
}

.nvcasino .vcasino-icon img {
  height: 16px;
}

.nvcasino .vcasino-last-results {
  justify-content: flex-start;
  align-content: flex-start;
  height: 265px;
  width: 95px;
  background: transparent;
  border: 0;
  z-index: 100;
}

.nvcasino .vcasino-last-results span {
  width: 40px;
  height: 40px;
}

.nvcasino .vcasino-last-results span.vresulta {
  color: #ffcc00;
}

.nvcasino .vcasino-last-results span.vresultb {
  color: #ff453a;
}

.nvcasino .vcasino-last-results span.vresultc {
  color: #ff9f0a;
}

.nvcasino .vcasino-last-results span.vresultall {
  bottom: 0;
  top: unset;
  width: 85px;
  height: 30px;
  left: 5px;
  font-size: 16px;
}

.nvcasino .vcasino-last-results span:nth-child(2n) {
  margin-right: 0;
}

.nvcasino .vcasino-my-bets {
  z-index: 100;
  background: transparent;
  border: 0;
  display: block;
  height: auto;
  padding: 0;
  top: unset;
  bottom: 30px;
  left: 0;
  padding: 5px 25px;
  border: 1px solid #95979a;
  border-left: 0;
  border-radius: 0 16px 16px 0;
  cursor: pointer;
}

.nvcasino .vcasino-my-bets .bets-count {
  top: unset;
  border: 0;
  color: #ffcc00;
  font-weight: bold;
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
  height: auto;
  width: auto;
  position: unset;
  min-width: 50px;
  text-align: left;
}

.nvcasino .vcasino-my-bets .bets-title {
  width: auto;
  padding: 0;
  margin-left: 0;
  margin-top: 0;
  border: none;
  font-size: 16px;
  border-radius: 8px;
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
  min-width: 100px;
  text-align: left;
}

.nvcasino .virtual-coins {
  position: absolute;
  width: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  /* background: #515862; */
  background-image: url("../img/virtual-casino/coins/coins-bg.png");
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 20px;
  left: 50%;
  bottom: 0;
  border-radius: 16px 16px 0 0;
  transform: translateX(-50%);
  transition: 0.5s;
}

.twod-layout .virtual-coins {
  background-image: url("../img/virtual-casino/coins/coins-bg-2d.png");
  background-size: cover;
  border-radius: 16px 16px 0 0;
  padding: 0 20px;
}

.nvcasino .virtual-coins .v-coin {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
  cursor: pointer;
}

.nvcasino .virtual-coins .v-coin:last-child {
  margin-right: 0;
}

.nvcasino .virtual-coins img {
  height: 5vh;
}

.nvcasino .virtual-coins .v-coin.selected-coin img {
  transform: scale(1.2);
}

.nvcasino .v-place-coin img.twod-coin {
  display: none;
  padding: 0;
}

.nvcasino .virtual-coins img.twod-coin {
  display: none;
  padding: 0;
}

.nvcasino.twod-layout .virtual-coins .twod-coin {
  display: block;
  height: 6vh;
}

.nvcasino.twod-layout .virtual-coins .threed-coin {
  display: none;
}

.nvcasino .virtual-coins .v-coin.selected-coin span {
  font-weight: bold;
}

.nvcasino.twod-layout .virtual-coins .v-coin span {
  margin-top: 0;
}

.nvcasino .virtual-coins span {
  position: absolute;
  font-size: 1.8vh;
  font-weight: normal;
  margin-top: -5px;
  transform: perspective(900px) rotateX(30deg) scale(1) translateZ(-000px);
}

.nvcasino .vcasino-title {
  background: #00000036;
  width: 100%;
  border: 0;
  border-radius: 0;
  padding: 0;
  left: 0;
  padding-left: 15px;
  top: -60px;
  min-width: unset;
  text-align: left;
  height: 60px;
}

.nvcasino .vodd-box-a .casino-bl-box-item {
  background-color: #ffcc001f !important;
}

.nvcasino .vodd-box-b .casino-bl-box-item {
  background-color: #fc42421f !important;
}

.nvcasino .vplayera {
  color: #ffcc00;
}

.nvcasino .vplayerb {
  color: #fc4242;
}

.nvcasino .vplayertie {
  color: #00a200;
}

.nvcasino .vplayerpair {
  color: #004ea2;
}

.nvcasino .transform-option {
  position: absolute;
  bottom: -30px;
  right: 0;
  z-index: 1000;
}

.nvcasino .transform-option .custom-control-label::before {
  background-color: transparent;
  border: 1px solid #ffcc00;
}

.nvcasino
  .transform-option
  .custom-control-input:checked
  ~ .custom-control-label::before {
  background-color: #ffcc00;
}

.nvtimer.casino-timer {
  position: absolute;
  left: 50%;
  top: 74%;
  transform: translate(-50%, -50%);
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
  z-index: 9999;
}

.nvtimer.casino-timer .warning-text {
  font-size: 14px;
  font-weight: bold;
}

.nvtimer.casino-timer .warning-text.green {
  color: #32d74b;
}

.nvtimer.casino-timer .warning-text.orange {
  color: #ff9f0a;
}

.nvtimer.casino-timer .warning-text.red {
  color: #ff453a;
}

.nvtimer.casino-timer .bet-msg {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}

.nvtimer.casino-timer .base-timer {
  width: 70px;
  height: 70px;
  background-color: transparent;
}

.nvtimer .base-timer__label {
  height: 70px;
  width: 70px;
  font-size: 30px;
}

.nvtimer .base-timer__path-remaining {
  stroke-width: 4px;
}

.nvtimer .base-timer__path-elapsed {
  stroke-width: 2px;
}

.nvtimer .base-timer__path-elapsed.green {
  stroke: #32d74b;
  filter: drop-shadow(0 0 8px rgb(50 215 75 / 0.4));
}

.nvtimer .base-timer__path-elapsed.orange {
  stroke: #ff9f0a;
  filter: drop-shadow(0 0 8px rgb(255 159 10 / 0.4));
}

.nvtimer .base-timer__path-elapsed.red {
  stroke: #ff453a;
  filter: drop-shadow(0 0 8px rgb(255 69 58 / 0.4));
}

.nvtimer .base-timer__circle {
  fill: #000;
}

.nvtimer .base-timer__label.green {
  background: radial-gradient(#32d74b5c, transparent);
}

.nvtimer .base-timer__label.green,
.nvtimer .base-timer__path-remaining.green {
  color: #32d74b;
}

.nvtimer .base-timer__label.orange {
  background: radial-gradient(#ff9f0a5c, transparent);
}

.nvtimer .base-timer__label.orange,
.nvtimer .base-timer__path-remaining.orange {
  color: #ff9f0a;
}

.nvtimer .base-timer__label.red {
  background: radial-gradient(#ff453a5c, transparent);
}

.nvtimer .base-timer__label.red,
.nvtimer .base-timer__path-remaining.red {
  color: #ff453a;
}

.nvcasino .suspended {
  pointer-events: auto;
  cursor: not-allowed;
}

.nvcasino .suspended:before {
  display: none;
}

.nvcasino .suspended:after {
  background: none !important;
  cursor: not-allowed;
}

/* New Virtual Casino Ends */

/*Timer for mobile*/

.progress.mobile-timer {
  border-radius: 0;
  font-size: 14px;
  height: auto;
  background-color: var(--bg-table-header-new);
}

.progress.mobile-timer .progress-bar {
  transition: width 1.5s !important;
}

.mobile-timer .bg-success {
  background-color: green;
  color: #fff;
  height: 6px;
}

.mobile-timer .bg-warning {
  background-color: orange;
  color: #fff;
  height: 6px;
}

.mobile-timer .bg-danger {
  background-color: red;
  color: #fff;
  height: 6px;
}

.casino-time-digit {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 80px;
  z-index: 100;
  color: var(--text-red);
  font-weight: bold;
  font-family: timer;
}

.grecaptcha-badge {
  display: none !important;
}

.recaptchaTerms a {
  color: var(--text-green);
}

/*Teenpatti 1 card day*/

.teen1oneday .casino-nation-name {
  background-image: none !important;
  /* background-color: #23292e; */
}

.teen1oneday .casino-video-cards,
.teen1t20 .casino-video-cards {
  height: 210px;
  width: 80px;
}

.teen1oneday .casino-nation-name {
  width: 50%;
  padding-right: 10px;
  position: relative;
}

.teen1oneday .casino-bl-box {
  width: 50%;
}

.teen1oneday .casino-bl-box-item {
  width: calc(50% - 2px);
}

.teen1oneday .casino-video-cards-container > div,
.teen1t20 .casino-video-cards-container > div {
  flex-wrap: wrap;
}

.teen1oneday .casino-video-cards-container > div > div,
.teent20 .casino-video-cards-container > div > div {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.teen1oneday .teen1daycasino-container {
  margin-bottom: 10px;
}

.teen1oneday .seven-up-down-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  border: 2px solid #72bbef;
}

.teen1oneday .up-box {
  width: 50%;
  height: 50px;
  display: flex;
  align-items: center;
  padding-left: 10px;
  padding-right: 40px;
  position: relative;
  justify-content: flex-end;
}

.teen1oneday .up-box .up-down-book {
  position: absolute;
  left: 10px;
}

.teen1oneday .down-box .up-down-book {
  position: absolute;
  right: 10px;
}

.teen1oneday .up-down-odds {
  font-weight: bold;
  font-size: 18px;
}

.teen1oneday .down-box {
  width: 50%;
  text-align: right;
  height: 50px;
  display: flex;
  align-items: center;
  padding-right: 10px;
  padding-left: 40px;
  justify-content: flex-start;
  position: relative;
}

.teen1oneday .seven-box {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.teen1oneday .seven-box img {
  height: 70px;
}

/*Teenpatti 1 Card 20-20*/

.teen1t20 .dtobx-top {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 20px;
  position: relative;
}

.teen1t20 .dragon-box {
  width: 40%;
  padding: 6px;
  border: 2px solid var(--text-red);
  background-color: #fc42422e;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  min-height: 60px;
  padding-right: 60px;
  cursor: pointer;
}

.teen1t20 .flex-book {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.teen1t20 .dragon-box b,
.teen1t20 .tiger-box b {
  font-size: var(--font-18);
}

.teen1t20 .flex-odds {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  flex-direction: column;
}

.teen1t20 .tiebox {
  position: absolute;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  left: 40%;
  transform: translateX(-50%);
  padding: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--bg-success);
  color: var(--text-white);
  flex-direction: column;
  justify-content: center;
  z-index: 10;
  cursor: pointer;
}

.teen1t20 .tiger-box {
  width: 40%;
  padding: 6px;
  border: 2px solid var(--text-yellow);
  background-color: #fdcf132e;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 60px;
  padding-left: 60px;
  cursor: pointer;
}

.teen1t20 .pair-box {
  width: 18%;
  margin-left: 2%;
  padding: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 60px;
  flex-wrap: wrap;
  cursor: pointer;
}

.teen1t20 .tiebox.suspended::after {
  border-radius: 50%;
}

.blink-message {
  padding: 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  color: var(--text-sidebar);
}

.blink-message i {
  font-size: 18px;
}

.blink-message > div {
  width: calc(100% - 30px);
  -moz-animation: blinktext normal 1s infinite ease-in-out;
  -webkit-animation: blinktext normal 1s infinite ease-in-out;
  -ms-animation: blinktext normal 1s infinite ease-in-out;
  animation: blinktext normal 1s infinite ease-in-out;
  text-decoration: underline;
  line-height: 1.5;
  font-size: 18px;
}

@-moz-keyframes blinktext {
  0% {
    opacity: 1;
    color: red;
  }

  50% {
    opacity: 1;
    color: yellow;
  }

  100% {
    opacity: 1;
    color: red;
  }
}

@-webkit-keyframes blinktext {
  0% {
    opacity: 1;
    color: red;
  }

  50% {
    opacity: 1;
    color: yellow;
  }

  100% {
    opacity: 1;
    color: red;
  }
}

@-ms-keyframes blinktext {
  0% {
    opacity: 1;
    color: red;
  }

  50% {
    opacity: 1;
    color: yellow;
  }

  100% {
    opacity: 1;
    color: red;
  }
}

@keyframes blinktext {
  0% {
    opacity: 1;
    color: red;
  }

  50% {
    opacity: 1;
    color: yellow;
  }

  100% {
    opacity: 1;
    color: red;
  }
}

/*Andar Bahar 3 Starts*/

/*Andar Bahar 3 Ends*/

/*Horse Design*/

.fullwidthdetail-container {
  width: 100%;
  position: relative;
}

.fullwidthdetail-container > div {
  display: flex;
  flex-wrap: wrap;
}

.fullwidthdetail-container .casino-container {
  width: calc(100% - 476px);
  margin-right: 6px;
  margin-left: 6px;
  position: relative;
}

.fullwidthdetail-container.lottery .footer {
  width: calc(100% - 476px);
}

.fullwidthdetail-container .footer {
  width: calc(100% - 476px);
}

.horse-table .game-name {
  width: calc(100% - 30px);
}

.horse-table .team-event {
  max-height: 30px;
  line-height: 30px;
}

.horse-time-detail {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 400px);
}

.horse-detail .detail-page-container .bet-table-row {
  margin-bottom: 0;
  /* padding: 0 8px; */
}

.horse-detail .detail-page-container .bet-table-row:first-child {
  margin-bottom: 0;
}

.horse-time-detail span {
  background: #222;
  color: #eee;
  padding: 5px 10px;
  border-radius: 0;
  margin-right: 5px;
  margin-bottom: 5px;
  cursor: pointer;
  position: relative;
}

.horse-time-detail span.active {
  position: relative;
}

.horse-time-detail span.active:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-right: 10px solid transparent;
  border-top: 10px solid green;
}

.horse-detail .nation-name .custom-control {
  width: 100%;
}

.horse-detail .nation-name label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: var(--font-body);
}

.horse-detail .nation-name label::before,
.horse-detail .nation-name label::after {
  top: 50%;
  transform: translateY(-50%);
}

.horse-detail .nation-name label .jockey-detail {
  font-size: 10px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  line-height: 1;
}

.horse-detail .nation-name label img {
  border: 1px solid var(--text-table);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
}

.horse-detail .nation-name label img {
  height: 28px;
  margin-right: 5px;
}

.horse-detail .scorecard-banner.banner,
.horse-detail .scorecard-banner.banner img {
  height: 70px;
}

.horse-detail .scorecard {
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  background-color: transparent;
  width: 100%;
  height: 100%;
}

.horse-detail .scorecard .horse-timer {
  font-size: 20px;
  font-weight: bold;
  color: var(--text-white);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
}

.horse-detail .scorecard .horse-timer small {
  color: #fff;
  font-weight: bold;
}

.horse-detail .scorecard .horse-timer > span {
  text-align: center;
}

.horse-detail .scorecard .horse-timer > span:last-child {
  font-size: 14px;
  color: #fff;
  font-weight: normal;
}

.horse-detail .scorecard > div:first-child {
  /* position: absolute;
    left: 0; */
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
}

.horse-detail .scorecard .time-detail {
  font-size: 24px;
  color: #eee;
  text-align: right;
}

.horse-detail .scorecard p,
.horse-detail .scorecard h5 {
  margin-bottom: 2px;
}

.horse-detail .scorecard p {
  font-size: 20px;
  font-weight: bold;
}

.horse-detail .scorecard h5 {
  font-size: 14px;
}

.horse-tab {
  margin-top: 10px;
}

.horse-tab .nav {
  border-bottom: 1px solid var(--horse-racing_75);
  overflow: auto;
  flex-wrap: nowrap;
  white-space: nowrap;
}

.horse-tab.race12 .nav {
  border-bottom: 1px solid var(--grey-hounds_75);
}

.horse-tab .nav-pills .nav-link {
  background-color: #222;
  color: #eee;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-right: 1px solid #555;
  padding: 2px 16px;
}

.horse-tab .nav-pills .nav-item:last-child .nav-link {
  border-right: 0;
}

.horse-tab .nav-pills .nav-link.active,
.horse-tab .nav-pills .show > .nav-link {
  background-color: var(--horse-racing) !important;
  color: #fff;
  font-weight: bold;
}

.horse-tab.race65 .nav-pills .nav-link.active {
  background-color: var(--grey-hounds) !important;
}

.horse-tab.race12 .nav-pills .nav-link.active,
.horse-tab.race12 .nav-pills .show > .nav-link {
  background-color: var(--grey-hounds) !important;
}

.horse-table .bet-table-row {
  padding: 6px 8px 1px 8px;
}

.horse-time-detail a {
  display: flex;
}

.top-home-icon {
  width: 30px;
  vertical-align: middle;
  margin-top: 8px;
  margin-left: 10px;
}

.top-home-icon i {
  font-size: 22px;
  color: var(--text-sidebar);
  cursor: pointer;
}

.horse-detail .nation-name label > div:first-child {
  text-align: center;
  line-height: normal;
  font-size: 12px;
  margin-right: 5px;
  display: inline-block;
  width: 25px;
}

.horse-detail .nation-name label > div:last-child {
  width: calc(100% - 75px);
}

.custom-control-input:disabled ~ .custom-control-label,
.custom-control-input[disabled] ~ .custom-control-label {
  color: inherit;
}

.horse-table .game-title {
  width: 400px;
}

.horse-detail .nation-name label div:last-child > span:first-child {
  font-weight: bold;
  font-size: 12px;
  line-height: normal;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.horse-detail .nation-name label div:last-child > div {
  font-size: 12px;
  font-weight: bold;
  line-height: normal;
  position: absolute;
  right: 0;
  top: 0;
}

.horse-detail .detail-page-container .bl-box:nth-child(7n) {
  margin-right: 0;
}

.horse-detail .video-tv {
  /* height: 255px; */
  height: auto;
}

.horse-detail .video-tv.hide-tv {
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.horse-detail .horse-attr {
  background: #666;
  padding: 1px 5px;
  font-size: 12px;
  line-height: normal;
  margin-left: 2px;
  border-radius: 0;
  color: #ddd;
}

/*Custom CSS*/

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

@font-face {
  font-family: droidsans-bold;
  src: url(../fonts/droidsans-bold.ttf);
}

#chat-widget-container {
  display: none;
}

.login-home #chat-widget-container {
  display: block;
}

.deposit-modal .report-form .form-control {
  width: 250px;
}

.roulette-result-box-container {
  display: flex;
  flex-wrap: wrap;
}

.roulette-result-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 18%;
  margin-right: 1%;
  margin-bottom: 1%;
  padding: 5px;
  border-radius: 4px;
  background-color: #222;
  color: #eee;
}

.roulette-result-box > span {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #fff;
  padding: 0 5px;
}

.roulette-result-box > span:first-child {
  height: 24px;
  min-width: 70px;
}

.roulette-result-box > span:last-child {
  height: 40px;
  font-weight: bold;
  min-width: 70px;
}

.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.vert .carousel-item-next,
.vert .active.carousel-item-right {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100% 0);
}

.vert .carousel-item-prev,
.vert .active.carousel-item-left {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

.active-team {
  background-color: #444;
  color: #ddd;
}

.login-fixture {
  display: flex;
  flex-wrap: nowrap;
  height: 100%;
  white-space: nowrap;
}

.svg-box {
  position: absolute;
  z-index: -1;
  animation-name: rotateSplash;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
}

.bodymovinanim {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100vh;
  width: 100%;
  position: fixed;
  background-color: var(--bg-body);
  z-index: 999999999;
}

.top-winner-list-box img {
  display: unset !important;
}

.fixure-box > a > div:first-child {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

@keyframes rotateSplash {
  0% {
    transform: scale(0.3);
  }

  100% {
    transform: scale(1);
  }
}

.dragable-tv iframe {
  height: 273px;
  width: 480px;
}

.dragable-tv .tvButton {
  z-index: 10;
}
.fixure-box {
  height: 46px;
}

/* .vraceto17 .vodds-box .casino-bl-box-item{
    height: 8vh;
} */

.home-casiono-icons.d-none-mobile .home-casino-icon-item {
  margin-bottom: 0px;
  padding-top: 0px;
}

.home-casiono-icons.d-none-mobile .slick-arrow {
  position: absolute;
}

.home-casiono-icons.d-none-mobile .slick-prev {
  background-color: #00000080;
  top: 0px;
  transform: unset;
  /* transform: rotate(90deg); */
  left: 0;
  right: unset;
  width: 100%;
  height: 30px;
  z-index: 100;
}

.home-casiono-icons.d-none-mobile .slick-prev::before,
.home-casiono-icons.d-none-mobile .slick-next::before {
  /* transform: rotate(90deg); */
  display: inline-block;
}

.home-casiono-icons.d-none-mobile .slick-next {
  background-color: #00000080;
  bottom: 0;
  left: 0;
  right: unset;
  top: unset;
  transform: unset;
  width: 100%;
  height: 30px;
  /* transform: rotate(90deg); */
  z-index: 100;
}

.upcoming-fixure a {
  color: #ddd;
}

/* .slick-prev::before {
    content: "\f077" !important;
}

.slick-next::before {
    content: "\f078" !important;
}

.slick-prev::before,
.slick-next::before {
    font-family: "Font Awesome 5 Free" !important;
    font-size: 18px !important;
    font-weight: bold !important;
} */

.animated-header .mob {
  color: var(--text-body);
  position: absolute;
  top: 34px;
  z-index: 99;
  left: 50%;
  line-height: 1;
  text-align: center;
  transform: translateX(-50%);
  width: 100%;
  font-weight: bold;
  font-size: 16px;
}

.animated-header .web {
  position: absolute;
  z-index: 99;
  right: 15%;
  transform: translateX(-50%);
  top: 8px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
}

.v-slider .fas {
  /* margin-bottom: 5px;  */
  cursor: pointer;
  color: var(--text-white);
  font-size: 16px;
}

.teen1oneday .casino-nation-name {
  background-image: none !important;
  /* background-color: #23292e; */
}

#floater {
  position: absolute;
  top: 50vh;
  right: 0;
  width: auto;
  height: auto;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  z-index: 10001;
  border-radius: 3px 0 0 3px;
  padding: 0px;
  /* box-shadow: rgb(255 255 255 / 98%) -5px 0px 10px -5px; */
  /* background-color: #41a6d9; */
  /* color: white; */
  text-align: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  min-width: 50px;
}

.whatsapp-floatter-icon {
  background: #25d366;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}

.whatsapp-floatter-icon .whatsapp-text {
  display: none;
  flex-direction: column;
  color: #fff;
  padding: 5px;
  font-size: 14px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.whatsapp-floatter-icon:hover .whatsapp-text {
  display: flex;
}

.whatsapp-floatter-icon .whatsapp-text span {
  line-height: 1;
  font-weight: bold;
}

#floater img {
  width: 50px;
  height: 50px;
}

.dt-tooltip {
  opacity: 1 !important;
}

.dt-tooltip .tooltip-inner {
  display: flex;
  flex-wrap: wrap;
  width: 150px;
  padding: 0;
  justify-content: space-between;
}

.dt-tooltip .tooltip-inner .tp-dragon {
  background-color: #ef0518 !important;
  font-weight: bold;
  color: #fff;
  padding: 5px;
  width: 50%;
}

.dt-tooltip .tooltip-inner .tp-tiger {
  background-color: #00a200 !important;
  font-weight: bold;
  color: #fff;
  padding: 5px;
  width: 50%;
}

.badge-icon img {
  max-height: unset;
  max-width: unset;
}

.badge-icon img.badge-img {
  max-height: 30px;
  max-width: 100px;
}

.status-pill > div {
  background: #000;
  display: inline-block;
  padding: 2px 5px;
  border-radius: 4px;
}

.coupon .report-title {
  justify-content: flex-start;
  margin-bottom: 10px;
}

.coupon .report-title .report-name {
  height: auto;
}

.coupon .report-title small {
  background: #222;
  padding: 5px;
  border-radius: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #eee;
  margin-left: 10px;
}

.coupon .report-title small i {
  color: #eee;
}

.coupon-banners {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  max-height: 40vh;
  overflow-x: hidden;
  overflow-y: auto;
}

.coupon-banners .coupon-box {
  margin-bottom: 10px;
  width: calc(33.33% - 10px);
  margin-right: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background-color: #fff;
  border: 5px solid #0e95c1;
  color: #000;
  padding: 10px;
  box-shadow: 0 0 5px #444;
  border-radius: 0;
  padding-bottom: 70px;
  position: relative;
  overflow: hidden;
}

.coupon-banners .coupon-box:before {
  content: "";
  position: absolute;
  right: -20px;
  bottom: 25px;
  background-image: url("../img/coupon-blue.png");
  background-size: 100% 100%;
  height: 59px;
  width: 100px;
  background-repeat: no-repeat;
  background-position: right center;
  transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
}

.coupon-banners .coupon-box.animate-coupon {
  animation-direction: normal;
  animation-name: slidein;
  animation-duration: 1s;
}

@keyframes slidein {
  from {
    margin-left: -100%;
  }

  to {
    margin-left: 0%;
  }
}

.coupon-box h4 {
  color: #0e95c1;
  font-weight: bold;
  width: 100%;
  text-align: left;
  margin-bottom: 0;
  max-width: calc(100% - 80px);
  margin-left: 0;
  margin-right: auto;
}

.coupon-box div {
  width: 100%;
}

.coupon-validity {
  position: absolute;
  bottom: 5px;
  left: 5px;
  font-size: 12px;
  line-height: normal;
}

.coupon-list {
  max-height: 40vh;
  overflow-x: hidden;
  overflow-y: auto;
}

.coupon-list tr {
  cursor: pointer;
}

.coupon-list tr td:last-child {
  color: var(--text-highlight);
  font-weight: bold;
}

.activate-coupon {
  position: absolute;
  right: 10px;
  top: 10px;
  text-align: right;
}

.coupon-list .selected {
  background-color: #222;
  color: #eee;
  animation: blinkcoupon 1.5s linear;
  -webkit-animation: blinkcoupon 1.5s linear;
  cursor: pointer;
}

.copon-table {
  table-layout: unset;
}

.coupon-list .table {
  table-layout: unset;
}

.copon-table td,
.copon-table th {
  vertical-align: middle;
}

.coupon-amount,
.coupon-status {
  width: 100px;
}

.coupon-date {
  width: 175px;
}

.coupon-name {
  width: 300px;
}

.coupon-name > div {
  line-height: 16px;
  max-height: 32px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  height: auto;
  max-width: 100%;
}

@keyframes blinkcoupon {
  0% {
    background-color: black;
  }

  50% {
    background-color: blue;
  }

  100% {
    background-color: black;
  }
}

.deposit-modal .two-depo-btn.report-form .form-control {
  height: 34px;
  width: 150px;
}

.two-depo-btn.report-form button {
  width: auto;
  padding: 2px 15px;
  height: 34px;
  font-size: 12px;
}

.two-depo-btn.report-form button small {
  font-size: 9px;
}

.deposit-modal .report-form.two-depo-btn .form-group {
  margin-right: 4px;
}

.deposit-modal .dropdown-toggle::after {
  display: inline-block;
}

.crypto-btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
}

.crypto-btns button {
  max-width: calc(25% - 10px);
}

.crypto-btns .btn {
  background-color: transparent;
  border: 0;
  width: auto;
  margin-right: 10px;
  padding: 0 !important;
  margin-bottom: 10px;
}

.crypto-btns .btn img {
  height: 40px;
  max-width: 100%;
}

.crypto-rules ul li {
  list-style: decimal;
  margin: 0 20px;
  font-size: 12px;
}

.crypto-rules h6 {
  font-weight: bold;
}

/*Roulette Result*/
.roulette-table-box-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.roulette-table-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
  background-color: #222;
  color: #eee;
  gap: 20px;
}
.roulette-table-box.back {
  background-color: var(--back);
  color: #000;
}
.roulette-table-box.lay {
  background-color: var(--lay);
  color: #000;
}
/* .roulette-table-box > span:first-child {
  max-width: calc(100% - 60px);
  white-space: normal;
  word-break: break-all;
} */

.roulette-table-box > span:last-child {
  text-align: right;
}

.win-pl {
  font-size: 18px;
}

/*Deposit Page Design*/

.report-box.deposit {
  padding: 8px;
  background-color: var(--bg-body);
  color: var(--text-body);
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.deposit-page {
  width: 100%;
  margin: 0 auto;
}

.deposit-page h4 {
  font-weight: bold;
  font-size: 18px;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
}
.deposit-page h4 span {
  max-width: calc(100% - 30px);
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.deposit-page h5 {
  font-weight: normal;
  font-size: 18px;
}

.deposit-page .deposit-form {
  padding: 10px;
  border-radius: 12px;
}

.deposit-page .deposit-form .form-group.depo-amount {
  display: flex;
  height: 46px;
  padding: 0 5px;
  margin-right: 0;
  border-radius: 0;
  position: relative;
  background-color: #222;
  color: #eee;
}

.deposit-page .deposit-form .form-group.depo-amount .form-control {
  border: 0;
  box-shadow: none;
  height: 100%;
  background-color: transparent;
  color: var(--text-sidebar);
}

.deposit-page .deposit-form .deposit-minus,
.deposit-page .deposit-form .deposit-plus {
  background-color: transparent;
  border: 0;
  color: var(--text-sidebar);
}

.deposit-page .deposit-form .error {
  position: absolute;
  bottom: -18px;
  font-size: 14px;
  color: red;
  line-height: 1;
}

.deposit-page .deposit-form .btn-add-container {
  height: 46px;
  display: flex;
  align-items: center;
}

.deposit-page .deposit-form .btn-add-container .btn-add {
  padding: 5px 12px;
  font-size: 14px;
  font-weight: bold;
  box-shadow: 0 0 1px !important;
}

.deposit-page .deposit-form .btn-add-container .btn-add:hover {
  color: #fff;
}

.deposit-page .deposit-form .btn-add-container .btn-add:not(:last-child) {
  margin-right: 5px;
}

.deposit-page .payment-ions-container .payment-icons {
  width: calc(25% - 4px);
  margin-right: 5px;
  position: relative;
  background-color: transparent;
  /* background-image: url("../img/payment/pattern1.png"); */
  background-position: center;
  background-size: cover;
  color: var(--text-body);
}
.deposit-page .payment-ions-container .payment-icons .glass {
  background: rgba(144, 144, 144, 0.2);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  border: 1px solid rgba(144, 144, 144, 0.18);
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  z-index: 10;
}
.deposit-page .payment-ions-container .payment-icons .content {
  z-index: 100;
  width: 100%;
}
.deposit-page .payment-ions-container .payment-icons:nth-child(4n) {
  margin-right: 0;
}

/* .deposit-page .payment-ions-container .payment-icons::before {
    background-image: url("../img/payment-bg.png");
    background-position: bottom right;
    position: absolute;
    content: "";
    z-index: 1;
    background-size: contain;
    height: 160px;
    width: 160px;
    background-repeat: no-repeat;
    right: 0;
    top: 0;
} */

.deposit-page .payment-icons:first-child {
  /* background: #fff; */
  /* border: 3px solid #4b4747; */
}

.deposit-page .payment-icons.whatsapp-box,
.withdraw-request .deposit-page .payment-icons.whatsapp-box {
  background-image: url("../img/payment2.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  background-color: #d6d6d6;
  color: #000;
  min-height: 250px;
}

.withdraw-request .deposit-page .payment-icons.whatsapp-box {
  width: 100%;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  min-height: 240px;
}

.withdraw-request .deposit-options .button {
  background: #0f5f8f !important;
  color: #fff !important;
}

.payment-ions-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
}

.deposit-page .payment-icons {
  margin-top: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  background: transparent;
  /* border: 3px solid #4b4747; */
  margin-bottom: 10px;
  position: relative;
  align-items: flex-start;
  align-content: flex-start;
}

.deposit-page .payment-ions-container::after {
  /* position: absolute;
    content: "";
    height: 1px;
    width: 70%;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%); */
}

.bank-detail img {
  height: 90px;
  background-color: #fff;
}

.deposit-page .payment-icons:last-child:after {
  /* display: none; */
}

.deposit-page .payment-icons .payment-icon-box-container {
  padding: 1px;
  width: 25%;
  flex: 1 auto;
  max-width: 25%;
}

.deposit-page .payment-icons .payment-icon-box-container .payment-icon-box {
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #444;
  color: #ddd;
  cursor: pointer;
}

.deposit-page
  .payment-icons
  .payment-icon-box-container
  .payment-icon-box.active {
  background-color: #222;
  color: #eee;
}

.deposit-page .payment-icons .payment-icon-box-container .payment-icon-box img {
  height: 35px;
}

.deposit-page .payment-icons .payment-icon-box-container .payment-icon-box h4 {
  font-size: 18px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 0;
}

.deposit-page
  .payment-icons
  .payment-icon-box-container
  .payment-icon-box
  h4
  .fa-info-circle {
  border: 0;
}

.payment-icons.auto-pay .auto-pay-btn {
  display: flex;
  justify-content: end;
  padding: 8px;
}
.payment-icons.auto-pay .crypto-detail {
  padding: 0 5px;
}
.payment-icons.auto-pay .deposit-options p {
  color: #ddd;
}
:root[data-theme="light"] .payment-icons.auto-pay .deposit-options p {
  color: #222;
}
.deposit-page .deposit-options {
  padding: 0 10px;
  position: relative;
  margin-bottom: 0;
  width: 100%;
  padding-bottom: 5px;
  /* background-color: #fff; */
  /* align-items: center;
    justify-content: center; */
  /* height: calc(100% - 64px); */
  /* display: flex; */
}

.deposit-page .deposit-options a {
  font-weight: bold;
  color: var(--text-body);
  opacity: 0.9;
}

.deposit-page .deposit-options .form-group {
  min-width: 150px;
  width: auto;
}

.deposit-page .deposit-options .btn {
  height: 46px;
}

.deposit-page .deposit-options > .row {
  position: relative;
  margin-bottom: 10px;
  margin-top: 0;
}
.btn-whatsapp {
  background-color: #25d366;
}
.btn-telegram {
  background-color: #0088cc;
}
/* .deposit-page .deposit-options>.row::after {
    position: absolute;
    content: "";
    height: 1px;
    width: 95%;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
} */

.deposit-page .deposit-options > .row:last-child:after {
  display: none;
}

.deposit-page .deposit-options .bank-detail {
  background: transparent;
  padding: 0 5px;
  /* border: 1px solid var(--text-body); */
  height: 90px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.deposit-page .deposit-options .bank-detail::-webkit-scrollbar {
  width: 8px;
}

.deposit-page .deposit-options .bank-detail::-webkit-scrollbar-track {
  background: #000000;
}

.deposit-page .deposit-options .bank-detail::-webkit-scrollbar-thumb {
  background-color: #333333;
}

/* .deposit-page .deposit-options .bank-detail.qr-code {
    display: flex;
    justify-content: space-between;
} */

.payment-icons-title {
  padding: 10px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.payment-icons-title p {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 100%;
  margin-bottom: 0;
  color: var(--text-body);
  opacity: 0.9;
}

.payment-icons-title h3 {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: bold;
}

.deposit-page .deposit-options .payment-detail-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}

.deposit-page .deposit-options .payment-detail-box span {
  max-width: 100%;
  opacity: 0.9;
}

.deposit-page .deposit-options .form-control {
  padding: 10px;
  border-radius: 0;
  margin-top: 10px;
  width: 100%;
  border: 0;
  height: 46px;
}
.deposit-page .deposit-options .crypto-icons {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.deposit-page .deposit-options .crypto-icons .crypto-btn img {
  height: 48px;
}
.deposit-page .deposit-options .crypto-icons .crypto-btn {
  width: calc(50% - 5px);
  height: auto;
  cursor: pointer;
  display: flex;
  justify-content: center;
}
.deposit-page .deposit-options .crypto-icons .crypto-btn.disabled {
  cursor: not-allowed;
}

.deposit-page .upload-ss {
  color: #000;
  width: 48%;
  padding: 5px;
  text-align: center;
  border: 1px dashed var(--text-table);
  height: 50px;
  min-height: 50px;
  display: flex;
  align-items: center;
}

.deposit-page .upload-ss label {
  margin: 0;
  width: 100%;
  cursor: pointer;
  color: var(--text-body);
  opacity: 0.9;
  font-size: 10px;
}

.deposit-page .verify-ss {
  width: 48%;
  height: 50px;
  min-height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px dashed;
  position: relative;
}

.deposit-page .verify-ss img {
  max-height: 100%;
}

.deposit-page .remove-ss {
  position: absolute;
  right: -12px;
  top: -12px;
  font-size: 24px;
  z-index: 1000;
  background: #fff;
  height: 24px;
  width: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #333;
  color: #333;
  cursor: pointer;
}

.deposit-page .payment-icons.crypto-icons-box {
  padding: 0;
  border: 0;
  box-shadow: none !important;
  position: relative;
}

.deposit-page .payment-icons.crypto-icons-box:before {
  position: absolute;
  content: "";
  background-color: #666;
  height: 1px;
  width: 70%;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.deposit-page .payment-icons.crypto-icons-box .payment-icon-box-container {
  width: 100%;
  max-width: 100%;
}

.deposit-page
  .payment-icons.crypto-icons-box
  .payment-icon-box-container
  .payment-icon-box {
  flex-direction: row;
  justify-content: space-between;
  box-shadow: 0 3px 8px #4d4b4b !important;
  background: transparent;
  border: 3px solid #4b4747;
  margin-bottom: 30px;
}

.deposit-page .crypto-icons-box .crypto-icons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 10px;
}

.deposit-page .crypto-icons-box .crypto-icons .btn {
  background: 0 0;
  border: 0;
  padding: 0;
}

.deposit-page .crypto-icons-box .crypto-icons img {
  height: 50px;
  margin-right: 10px;
}

.deposit-page .crypto-icons-box .crypto-icons .btn:disabled {
  cursor: not-allowed;
}

.deposit-page .payment-icon-box-container .btn-primary,
.deposit-options .btn-primary {
  width: 150px;
}

.deposit-page .upi-barcode img {
  background-color: #fff;
}

.payment-pay-now {
  width: 48%;
  background: var(--bg-success);
  color: var(--text-white);
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  align-content: center;
}
.payment-pay-now > div,
.payment-pay-now > small {
  line-height: 1;
}
.payment-pay-now > small {
  margin-top: 3px;
}
.deposit-page .upload-ss.pay-disable label {
  cursor: not-allowed;
}
.payment-pay-now.pay-disable {
  cursor: not-allowed;
  background: var(--bg-body);
  color: var(--text-body);
}

.payment-pay-now .desktop-pay-now {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3px 10px;
  position: relative;
}

.payment-pay-now .desktop-pay-now > div {
  display: flex;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}

.payment-pay-now .desktop-pay-now > div > span:first-child {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
}

.payment-rules {
  color: var(--text-body) !important;
  font-size: 20px;
  border: 0;
}
.payment-disable {
  position: relative;
}

.payment-disable::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #000000bd;
}

.payment-disable::before {
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  z-index: 10;
}

.qr-code {
  position: absolute;
  right: 10px;
}

.qr-code img {
  height: 70px;
}

/*Withdraw*/

.withdraw-request .report-form {
  background-color: transparent;
}

.withdraw-request .error {
  color: var(--book-red);
  position: absolute;
  left: 0;
  bottom: -34px;
  top: unset;
  font-size: var(--font-small);
  line-height: normal;
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  height: 34px;
}

.withdraw-request .deposit-page .deposit-options .form-control {
  margin-top: 0;
}

.withdraw-request .deposit-page .payment-icons .payment-icon-box-container {
  width: 33.33%;
  flex: 1 auto;
  max-width: 33.33%;
}

.withdraw-request .deposit-page .payment-icons {
  box-shadow: none !important;
  background: transparent;
  border: 0;
}

.withdraw-request .deposit-page .payment-icons::after {
  display: none;
}

.widthdraw-type-tabs {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  box-shadow: 0 3px 8px #4d4b4b !important;
  background: transparent;
  border: 3px solid #4b4747;
}

.withdraw-request .deposit-page .withdraw-tabs {
  margin-top: 20px;
}

.withdraw-request .deposit-page .withdraw-tabs .nav-link {
  padding: 8px 40px;
  border-radius: 0;
}

.withdraw-request .deposit-page .withdraw-tabs .nav-link.active {
}

.no-payment-list {
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
}

.no-payment-list img {
  height: 100px;
}

.no-payment-list .no-payment {
  color: red;
  font-weight: 700;
  font-size: 22px;
  width: 100%;
  text-align: center;
  margin-top: 20px;
}

.depo-number-desc-box {
  text-align: center;
  background: #00000045;
  box-shadow: 0 0 5px #4848483b;
  padding: 10px 5px;
  width: 100%;
  margin: 0 auto;
  max-width: 50%;
}
:root[data-theme="light"] .depo-number-desc-box {
  background: #ffffff45;
}
.deposit-whatsapp {
  background: var(--bg-table-header-new);
  color: var(--text-table-header-new);
  padding: 0;
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 500px;
  margin-top: 10px;
  margin: 0 auto;
}

.deposit-whatsapp > div:first-child {
  background-color: #128c7e;
  padding: 5px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -ms-border-radius: 4px 0 0 4px;
  -o-border-radius: 4px 0 0 4px;
}

.deposit-whatsapp > div:last-child {
  width: calc(100% - 50px);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
}

.add-new-detail-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  margin: 0 0 20px 0;
  width: 100%;
}

.add-new-detail {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
  align-items: flex-start;
  background: transparent;
  border: 3px solid #444;
  width: calc(50% - 5px);
  align-content: flex-start;
  margin-bottom: 10px;
}

.add-new-detail .payment-icons-title > div:first-child {
  width: calc(100% - 120px);
}

.account-detail {
  background-color: transparent;
  padding: 10px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  max-height: 270px;
  align-items: flex-start;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
}

.account-detail::-webkit-scrollbar {
  width: 8px;
}

.account-detail::-webkit-scrollbar-track {
  background: #000000;
}

.account-detail::-webkit-scrollbar-thumb {
  background-color: #000000;
}

.account-detail .form-check {
  width: calc(50% - 15px);
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  margin-right: 10px;
}

.account-detail .form-check input {
  margin-left: -10px;
}

.account-detail .form-check:nth-child(2n) {
  margin-right: 0;
}

.account-detail .form-check label {
  width: 100%;
}

.account-detail .form-check:nth-child(2n) {
  margin-right: 0;
}

.account-detail-box {
  width: calc(33.33% - 14px);
  width: 100%;
  margin-bottom: 0;
  padding: 5px;
  background: transparent;
  border: 2px solid var(--text-body);
  cursor: pointer;
  margin-left: 10px;
}

.account-detail-box .payment-detail-box {
  line-height: normal;
}

.withdraw-request .payment-icons-title {
  background-color: var(--bg-table-header-new);
  color: var(--text-table-header-new);
}

.withdraw-request .payment-icons-title .btn-primary {
  border-radius: 0;
}

/* .account-detail-box.active {
    box-shadow: 0 0 10px;
} */

/*Sport Book*/

.sports-books-page iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

/*About Us Page*/

.print-page {
  text-align: right;
  width: 100%;
  margin-top: 20px;
  padding-right: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.print-page a i {
  color: var(--text-body);
  font-size: 24px;
}

/*Fantasy New Design*/

.fancy-page.report-box {
  min-height: calc(100vh - 140px);
}

.facncy-provider {
  height: 100%;
  padding-right: 5px;
  margin-top: 0x;
}

.facncy-provider ul {
  border: 0;
  justify-content: space-between;
}

.facncy-provider li {
  margin-bottom: 6px !important;
  width: calc(50% - 3px);
}

.slot .facncy-provider li {
  height: 50px;
}

.slot .facncy-provider li a {
  height: 100%;
}

.facncy-provider li a {
  background: transparent;
  border: 1px solid var(--text-body) !important;
  width: 100%;
  display: block;
  padding: 4px;
  color: var(--text-body);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  height: auto;
  border-radius: 0 !important;
  cursor: pointer;
}

.facncy-provider li a.active {
  border: 1px solid var(--text-highlight) !important;
  background: transparent !important;
}

.facncy-provider li a.active span {
  color: var(--text-highlight);
}

.facncy-provider li a > div {
  /* width: 100px; */
  text-align: center;
}

.facncy-provider li a img {
  max-height: 25px;
  max-width: 50px;
}

.facncy-provider li a span {
  text-transform: uppercase;
  width: 100%;
  display: block;
  font-size: 13px;
  font-weight: bold;
}

.fancy-page .casino-banners {
  margin-top: 0;
  padding: 0;
  background-color: transparent;
}

.fancy-page .casino-banner-item {
  width: calc(16.66% - 4.1px);
  margin-right: 5px;
  margin-bottom: 5px;
}

.fancy-page .casino-banner-item img {
  border-radius: 0;
}

.fancy-page .casino-banner-item:nth-child(6n) {
  margin-right: 0;
}

.fancy-page .casino-banner-item:hover .fancy-play {
  display: flex;
}

.fancy-play {
  position: absolute;
  background: #000000c7;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
  transition: all 0.5s;
}

.fancy-play i {
  font-size: 44px;
  color: #fff;
}

.fancy-play i.fancy-info {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 18px;
}

.switch-theme {
  /* margin-right: 5px;
    border-radius: 0;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    position: relative;
    height: 34px;
    cursor: pointer;
    font-size: 22px; */
  /* position: absolute;
    right: 150px; */
}

.switch-theme.thme-menu-btn {
  position: absolute;
  right: 0;
  top: 5px;
}

.switch-theme.day {
  /* background: #c8c8c8; */
  color: #333;
}

.switch-theme.night {
  /* background: #444; */
  color: #ddd;
}

.switch-theme img {
  height: 22px;
  cursor: pointer;
}

.switch-theme .day-theme {
  /* left: 5px;
    top: 7px;
    position: absolute;
    border-radius: 50%;
    height: 24px;
    width: 24px;
    display: flex;
    justify-content: center;
    align-items: center; */
}

.switch-theme .night-theme {
  /* left: 5px;
    top: 7px;
    position: absolute;
    border-radius: 50%;
    height: 24px;
    width: 24px;
    display: flex;
    justify-content: center;
    align-items: center; */
  /* transform: rotate(235deg);
    -webkit-transform: rotate(235deg);
    -moz-transform: rotate(235deg);
    -ms-transform: rotate(235deg);
    -o-transform: rotate(235deg); */
}

.non-clickable-banner {
  cursor: not-allowed;
}

.point-apk-box {
  position: fixed;
  width: 100%;
  bottom: 0;
  background-color: #222;
  z-index: 10;
  padding: 8px 10px;
  box-shadow: 0 -5px 5px -5px #555;
  height: 38px;
  left: 0;
}
.point-apk-box a {
  color: #eee;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  left: 15px;
  font-weight: bold;
}
.close-apk {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #ff0000;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 16px;
  cursor: pointer;
}
.login-box {
  display: flex;
  align-items: center;
}
.dwld-apk {
  height: 35px;
  fill: green;
  animation: blink-animation 2s linear infinite;
  -webkit-animation: blink-animation 2s linear infinite;
}
@keyframes blink-animation {
  25% {
    fill: red;
  }

  50% {
    fill: yellow;
  }
}
@-webkit-keyframes blink-animation {
  25% {
    fill: red;
  }
  50% {
    fill: blue;
  }
  75% {
    fill: yellow;
  }
}

.tpcasino-result.report-table .bet-amount,
.tpcasino-result.report-table .bet-date,
.tpcasino-result.report-table .bet-remark,
.tpcasino-result.report-table .bet-sport,
.tpcasino-result.report-table .bet-event-name {
  width: auto !important;
}
.tpcasino-result .table {
  table-layout: unset;
}
/*CSS for Light Theme*/

:root[data-theme="light"] {
  scrollbar-color: #cccccc #ffffff;
}

:root[data-theme="light"] body {
  scrollbar-color: #cccccc #ffffff;
}

:root[data-theme="light"] body::-webkit-scrollbar-track {
  background: #ffffff;
}

:root[data-theme="light"] body::-webkit-scrollbar-thumb {
  background-color: #cccccc;
}

:root[data-theme="light"] .all-menu {
  scrollbar-color: #cccccc #ffffff;
}

:root[data-theme="light"] .all-menu::-webkit-scrollbar-track {
  background: #ffffff;
}

:root[data-theme="light"] .all-menu::-webkit-scrollbar-thumb {
  background-color: #cccccc;
}

:root[data-theme="light"] body {
  /* font-weight: bold; */
}

:root[data-theme="light"] .search-box .form-control {
  background-color: #ccc !important;
  border-color: #ccc !important;
  color: #000;
}

/* :root[data-theme="light"] .form-control::placeholder {
    color: #fff;
    opacity: 1;
} */

.special-menu .dropdown-toggle:root[data-theme="light"] .balance {
  font-weight: normal;
}

:root[data-theme="light"] .username {
  font-weight: normal;
}

:root[data-theme="light"] .sport-tabs .nav-tabs .nav-link {
  font-weight: normal;
}

:root[data-theme="light"] .footer {
  font-weight: normal;
}

/* :root[data-theme="light"] .bet-buttons .btn {
    background-color: var(--bg-table-header-new);
} */

/* :root[data-theme="light"] .btn-bet {
    background-color: var(--bg-table-header-new);
    color: var(--text-table-header-new);
} */

:root[data-theme="light"] .btn-bet:hover {
  color: var(--text-table-header-new);
}

:root[data-theme="light"] .lucky7-extra-bets-item {
  background-color: #0606fb9e;
  color: #eee;
}

.lucky7 .lucky7-extra-bets-item .casino-book {
  color: var(--text-white);
}

.lucky7eu .casino-book {
  color: var(--text-white);
}

:root[data-theme="light"] .cards-top .cards-top-box {
  border: 5px solid #aaa;
}

/* :root[data-theme="light"] .casino-tabs {
    background-color: var(--bg-table-header-new);
} */

/* :root[data-theme="light"] .casino-tabs {
    background-color: var(--bg-table-header-new);
} */

:root[data-theme="light"] .worli .casino-tabs {
  background-color: var(--bg-body);
}

:root[data-theme="light"] .teenpattiopen .casino-open-card-box {
  background-color: #ddd;
}

:root[data-theme="light"] .teenpattiopen .casino-open-card-box > div {
  color: #333;
}

/* :root[data-theme="light"] .news-bar {
    background-color: var(--bg-table-header-new);
    color: var(--text-table-header-new);
} */

:root[data-theme="light"] .main-rules a {
  color: var(--text-black);
}

:root[data-theme="light"] .main-rules a .fa-info-circle {
  color: var(--text-black);
}

/* :root[data-theme="light"] .casino-tabs .nav-tabs .nav-link {
    font-weight: normal;
    color: #333;
} */

/* :root[data-theme="light"] .casino-tabs .nav-tabs .nav-link.active {
    color: var(--text-black);
    border-bottom: 3px solid var(--text-black);
} */

:root[data-theme="light"] .casino-primary-tabs {
  background-color: var(--bg-table-header-new);
}

:root[data-theme="light"] .casino-primary-tabs .nav-tabs .nav-item .nav-link {
  color: #333;
}

:root[data-theme="light"]
  .casino-primary-tabs
  .nav-tabs
  .nav-item
  .nav-link.active {
  border-bottom: 3px solid var(--text-black);
  color: var(--text-black);
}

:root[data-theme="light"] .user-dropdown a:hover {
  opacity: 1;
}

/* :root[data-theme="light"] .menu-box li a:hover,
:root[data-theme="light"] .menu-box li a:focus,
:root[data-theme="light"] .menu-box li a:active {
    color: var(--text-black);
} */

:root[data-theme="light"] .menu-box li.show a[class*="sport"] {
  color: var(--text-white);
}

/* :root[data-theme="light"] .modal-header {
    background-color: var(--bg-success);
} */
s :root[data-theme="light"] .modal-login-new .modal-header {
  background-color: #fff;
  color: #222;
}

:root[data-theme="light"] .modal-login-new .modal-body .login-form {
  background-color: #fff;
  color: #222;
}

:root[data-theme="light"] .modal-login-new .modal-content {
  background-color: #ccc;
  color: #222;
}

:root[data-theme="light"] .modal-login-new .modal-body label {
  color: #222;
}

:root[data-theme="light"] .modal-header .close,
:root[data-theme="light"] #betSodaModal .modal-header .close {
  color: var(--text-white);
}

:root[data-theme="light"] .modal-header .modal-title {
  color: var(--text-white);
}

:root[data-theme="light"] .modal-title .casino-min-max {
  color: var(--text-white);
  opacity: 0.9;
}

:root[data-theme="light"] .odds-box input.form-control::placeholder {
  color: var(--text-black);
}

:root[data-theme="light"] input:checked ~ .custom-control-label::before {
  border-color: #666;
  background-color: #666;
}

/* :root[data-theme="light"] .detail-page-container .market-2 .nation-name>span:first-child,
:root[data-theme="light"] .detail-page-container .market-4 .nation-name>span:first-child,
:root[data-theme="light"] .detail-page-container .market-5 .nation-name>span:first-child,
:root[data-theme="light"] .detail-page-container .market-9 .nation-name>span:first-child,
:root[data-theme="light"] .detail-page-container .market-11 .nation-name>span:first-child,
:root[data-theme="light"] .detail-page-container .market-12 .nation-name>span:first-child,
:root[data-theme="light"] .detail-page-container .market-13 .nation-name>span:first-child,
:root[data-theme="light"] .detail-page-container .market-14 .nation-name>span:first-child {
    font-weight: bold;
    color: #333;
} */

:root[data-theme="light"] .back-title,
:root[data-theme="light"] .lay-title {
  color: var(--text-black) !important;
}

:root[data-theme="light"] .login-form::placeholder .form-control,
:root[data-theme="light"] .change-form .form-control::placeholder {
  color: var(--text-highlight);
}

:root[data-theme="light"] .casino-report-tabs {
  background-color: var(--bg-table-header-new);
}

:root[data-theme="light"] .table-hover tbody tr:hover {
  background-color: transparent;
}

:root[data-theme="light"] .suspended:after {
  background-color: #d6dedbd6;
  color: #000;
}

:root[data-theme="light"] .suspendedtext:after,
:root[data-theme="light"] .suspendedfull:after {
  background-color: #d6dedbd6;
}

:root[data-theme="light"] .suspended:before {
  filter: invert(0);
}

:root[data-theme="light"] .lottery .casino-tabs {
  background-color: #040404;
}

:root[data-theme="light"] .cmeter-card-box {
  background-color: #aaa;
  color: #222;
}

:root[data-theme="light"] .loader-section {
  background-color: #f6f6f6b8;
}

:root[data-theme="light"] .loader-section-icon {
  border-color: #000 transparent;
}

:root[data-theme="light"] .book-green,
:root[data-theme="light"] .text-success {
  color: #128412 !important;
  font-weight: bold !important;
}

:root[data-theme="light"] .book-red,
:root[data-theme="light"] .text-danger {
  color: #ac0f1c !important;
  font-weight: bold !important;
}

:root[data-theme="light"] .lottery-last-result-title div,
:root[data-theme="light"] .lottery-sidebar .casino-place-bet-title > div {
  color: var(--text-white);
}

:root[data-theme="light"] .lottery-result-icon {
  color: var(--text-white);
}

:root[data-theme="light"] .lottery-my-bet-box {
  color: var(--text-white);
}

/* :root[data-theme="light"] .fa-info-circle {
    color: #666;
} */

:root[data-theme="light"] .casino-video-rules-icon i {
  color: var(--text-white);
}

:root[data-theme="light"] .fa-info-circle:hover {
  color: #777;
}

:root[data-theme="light"] .casino-bl-box-item {
  color: #333;
}

:root[data-theme="light"] .casino-table .casino-detail .back,
:root[data-theme="light"] .casino-table .casino-detail .lay {
  color: #333;
}

:root[data-theme="light"] .casino-table {
  color: #333;
}

:root[data-theme="light"] .casino-video-cards-container {
  color: #fff;
}

:root[data-theme="light"] .andar-bahar2 .casino-video-cards-container {
  color: #000;
}

:root[data-theme="light"] .lucky7eu.casino-table {
  color: #eee;
}

:root[data-theme="light"] .baccarat .baccarat-min-max {
  color: #eee;
}

:root[data-theme="light"] .icon-range {
  background-color: #333;
  color: #ccc;
}

:root[data-theme="light"] .cricket20videobanner {
  border: 2px solid #666;
}

:root[data-theme="light"] .bet-table-header.nodata {
  background-color: var(--bg-table-header-new);
  color: var(--text-table-header-new);
}

:root[data-theme="light"] .home-new .sport-list-title {
  color: var(--text-black);
  border-bottom: 1px solid var(--text-black);
}

:root[data-theme="light"] .home-new .footer h4 {
  color: var(--text-black);
  border-bottom: 1px solid var(--text-black);
}

:root[data-theme="light"] .home-new-header-bottom .download-apk {
  color: var(--text-black);
}

/* :root[data-theme="light"] .home-new-header-bottom .btn {
    background-color: var(--text-black);
    border-color: var(--text-black);
} */

:root[data-theme="light"] .header-right .bal-point {
  color: #111;
}

:root[data-theme="light"] .change-theme img {
  filter: invert(0);
}

:root[data-theme="light"] .game-icon img {
  filter: invert(0);
}

:root[data-theme="light"] .modal-login-new .form-control {
  color: #333;
  opacity: 1;
}

:root[data-theme="light"] .teenpatti20 .casino-box-header .casino-nation-name {
  background-color: transparent;
}

:root[data-theme="light"] .poker1day .casino-nation-name {
  background-color: transparent;
}

:root[data-theme="light"] .dt1day .dt1dayfancy .casino-nation-name {
  background-color: transparent;
}

:root[data-theme="light"] .aaa .casino-nation-name {
  background-color: transparent;
}

:root[data-theme="light"] .casino-queen .casino-nation-name {
  background-color: transparent;
}

:root[data-theme="light"] .race20 .casino-nation-name {
  background-color: transparent;
}

:root[data-theme="light"] .teenpatti1day .casino-nation-name {
  background-color: #00000047;
}

:root[data-theme="light"]
  .teenpatti1day
  .casino-detail
  .casino-nation-name.no-border {
  background-color: transparent !important;
}

:root[data-theme="light"] .teenpatti20 .casino-nation-name {
  background-color: #00000047;
}

:root[data-theme="light"]
  .teenpatti20
  .casino-detail
  .casino-nation-name.no-border {
  background-color: transparent !important;
}

:root[data-theme="light"] .baccarat .casino-nation-name {
  background-color: #00000047;
}

:root[data-theme="light"]
  .baccarat
  .casino-detail
  .casino-nation-name.no-border {
  background-color: transparent !important;
}

:root[data-theme="light"] .baccarat2 .casino-nation-name {
  background-color: #00000047;
}

:root[data-theme="light"]
  .baccarat2
  .casino-detail
  .casino-nation-name.no-border {
  background-color: transparent !important;
}

:root[data-theme="light"] .lucky7eu .casino-nation-name {
  background-color: #00000047;
}

:root[data-theme="light"]
  .lucky7eu
  .casino-detail
  .casino-nation-name.no-border {
  background-color: transparent !important;
}

:root[data-theme="light"] .sport-tabs .nav-tabs .nav-link {
  border-right: 1px solid #d6dedb;
}

:root[data-theme="light"] .detail-page-container .market-6 .fancy-tripple {
  border-bottom: 1px solid #d6dedb;
}

:root[data-theme="light"] .detail-page-container .market-10 .bet-table-row {
  border-bottom: 1px solid #d6dedb;
}

:root[data-theme="light"]
  .detail-page-container
  .market-1
  .bet-table-row
  .market-1-item {
  border-bottom: 1px solid #d6dedb;
}

:root[data-theme="light"] .game-date {
  border-right: 1px solid #d6dedb;
}

:root[data-theme="light"] .footer {
  border-top: 1px solid #d6dedb;
}

:root[data-theme="light"] .bl-box.no-val {
  border: 1px solid #d6dedb;
}

:root[data-theme="light"] .faq-container .report-title {
  color: var(--text-black);
}

:root[data-theme="light"]
  .faq-question-box
  .casino-tabs
  .nav-tabs
  .nav-item
  .nav-link.active {
  color: var(--text-black);
  border-bottom: 3px solid var(--text-black);
}

:root[data-theme="light"]
  .faq-question-box
  .casino-tabs
  .nav-tabs
  .nav-item
  .nav-link:hover,
:root[data-theme="light"]
  .faq-question-box
  .casino-tabs
  .nav-tabs
  .nav-item
  .nav-link:focus {
  color: var(--text-black);
}

:root[data-theme="light"] .table thead {
  border: 1px solid #d6dedb;
}

:root[data-theme="light"] .table td,
:root[data-theme="light"] .table th {
  border-bottom: 1px solid #d6dedb;
}

:root[data-theme="light"] .casino-primary-tabs .nav-tabs .nav-item .nav-link {
  border-right: 1px solid #b4b9b7;
}

:root[data-theme="light"] .table {
  border: 1px solid #d6dedb;
}

:root[data-theme="light"] .trap .up-box,
:root[data-theme="light"] .trap .down-box {
  color: #000;
}

:root[data-theme="light"] .trap .casino-nation-name .book-red,
:root[data-theme="light"] .trap .casino-nation-name .book-green,
:root[data-theme="light"] .trap .seven-up-down-box .book-red,
:root[data-theme="light"] .trap .seven-up-down-box .book-green {
  background-color: rgba(119, 119, 119, 0.5);
}

:root[data-theme="light"] .kbcbtesbox.casino-place-bet-row {
  background-color: rgba(125, 125, 125, 0.5);
}

:root[data-theme="light"] .casino-tabs .nav-tabs .nav-link img {
  filter: invert(1);
}

:root[data-theme="light"] .facncy-provider li a.active {
  border: 1px solid var(--text-black) !important;
}

:root[data-theme="light"] .facncy-provider li a.active span {
  color: var(--text-black);
}

:root[data-theme="light"] .casino-result-desc {
  background: #ccc;
  border: 1px solid #aaa;
  color: #222;
}

:root[data-theme="light"] .casino-result-desc-item div:first-child {
  color: #222;
}

:root[data-theme="light"] .battle-detail-content-box {
  background: #ccc;
  color: #222;
  border: 1px solid #aaa;
}

:root[data-theme="light"] .no-record {
  background: #ccc;
  color: #222;
}

:root[data-theme="light"] .my-market-box {
  background-color: #ccc;
  color: #222;
  border-bottom: 1px solid #ddd;
}

:root[data-theme="light"] .balance,
:root[data-theme="light"] .username-info {
  background-color: #ccc;
}

:root[data-theme="light"] .balance > div:first-child,
:root[data-theme="light"] .user-icon {
  background-color: #aaa !important;
  color: #444;
}

:root[data-theme="light"] .balance-value,
:root[data-theme="light"] .username {
  color: #111;
}

:root[data-theme="light"] .world-open-home .top-results {
  background: #bbb;
  color: #444;
}

:root[data-theme="light"] .upcoming-fixure {
  background: #ccc;
  color: #222;
}

:root[data-theme="light"] .upcoming-fixure a {
  color: #222;
}

:root[data-theme="light"] .news-bar {
  background-color: #ccc;
  color: #222;
}

/* :root[data-theme="light"] .footer .support {
    background-color: #bbb;
    color: #222;
} */

:root[data-theme="light"] .bet-slip {
  border-bottom: 1px solid #bbb;
}

:root[data-theme="light"] .casino-video-last-results {
  background-color: rgba(221, 221, 221, 0.6);
}

:root[data-theme="light"] .casino-video-last-results span,
:root[data-theme="light"] .casino-video-last-results a {
  background-color: #fff;
}

:root[data-theme="light"] .casino-video-last-results a {
  color: #000;
}

:root[data-theme="light"] .threecardj-title {
  background: #bbb;
  color: #222;
}

:root[data-theme="light"] .casino-detail .casino-nation-name.no-border {
  background-color: transparent;
}

:root[data-theme="light"] .casino-nation-name .fa-info-circle {
  color: #333;
}

:root[data-theme="light"] .casino-cards-odds-title {
  background-color: #ddd;
  color: #222;
}

:root[data-theme="light"] .report-form .form-control,
:root[data-theme="light"] .report-page-count .form-control {
  background-color: #ddd;
  color: #222;
  border-color: #aaa;
}

:root[data-theme="light"] .roulette-table-box {
  background: #ddd;
  color: #222;
}

:root[data-theme="light"] .andar-bahar2 .ab2-bet {
  border: 1px solid #aaa;
  background-color: #ccc;
  color: #222;
}

:root[data-theme="light"] .andar-bahar2 .sa-sb-box {
  border: 1px solid #888;
  background-color: #aaa;
  color: #222;
}

:root[data-theme="light"] .baccarat .baccarat-odd-block .baccarat-odd-name {
  background-color: #ddd;
  color: #222;
}

:root[data-theme="light"] .casino-search {
  background-color: #bbb;
  color: #222;
}

:root[data-theme="light"] .casino-search.open-search .form-control,
:root[data-theme="light"] .casino-search .search-icon i {
  color: #222;
}

:root[data-theme="light"] .cmeter .teen1dayleft,
:root[data-theme="light"] .cmeter .teen1dayright {
  background-color: #ddd;
  color: #222;
}

:root[data-theme="light"] .coupon .report-title small {
  background: #aaa;
  color: #222;
}

:root[data-theme="light"] .coupon .report-title small i {
  color: #222;
}

:root[data-theme="light"] .coupon-list .selected {
  background: #aaa;
  color: #222;
}

:root[data-theme="light"] .sport-tabs.menu-tabs .nav-tabs .nav-item .nav-link {
  background-color: #ddd !important;
  color: #333 !important;
}

:root[data-theme="light"]
  .sport-tabs.menu-tabs
  .nav-tabs
  .nav-item
  .nav-link.router-link-active {
  background-color: #aaa !important;
  color: #222 !important;
}

:root[data-theme="light"]
  .sport-tabs
  .nav-tabs
  .nav-link.router-link-active
  span {
  color: #222 !important;
}

:root[data-theme="light"] .world-open-home .point-casino-tabs ul {
  background-color: #ddd;
}

:root[data-theme="light"]
  .world-open-home
  .point-casino-tabs
  .nav-tabs
  .nav-link {
  background-color: #ddd !important;
  color: #333 !important;
}

:root[data-theme="light"]
  .world-open-home
  .point-casino-tabs
  .nav-tabs
  .nav-link.active {
  background-color: #aaa !important;
  color: #222 !important;
}

:root[data-theme="light"] .worli .casino-tabs .nav-tabs .nav-item .nav-link {
  background-color: #bbb;
  color: #222;
}

:root[data-theme="light"] .card-clear-box {
  background-color: #bbb;
  color: #222;
}

:root[data-theme="light"] .add-new-detail {
  border-color: #ccc;
}

:root[data-theme="light"] .trap-number {
  background-color: #ccc;
}

:root[data-theme="light"] .trap .casino-nation-name {
  background-color: transparent;
}

:root[data-theme="light"] .fa-info-circle {
  color: #333;
}

:root[data-theme="light"] .teenpattitest .casino-odds-name {
  background-color: #ddd;
}

:root[data-theme="light"] .teenpattiopen .casino-nation-name {
  background-color: transparent;
}

:root[data-theme="light"] .teenpatti2024 .casino-bl-box-item.casino-odds-name {
  background-color: #ddd;
}

:root[data-theme="light"] .teenpatti20b .casino-odds-name,
:root[data-theme="light"] .teenpatti20 .casino-odds-name {
  background-color: #ddd;
}

:root[data-theme="light"] .teenpatti1day .casino-odds-name {
  background-color: #ddd;
}

:root[data-theme="light"] .form-control {
  background-color: #ddd;
  border: 1px solid #aaa;
  color: #222;
}

:root[data-theme="light"] .casino-search.open-search .form-control {
  background-color: transparent;
  border: 0;
}

:root[data-theme="light"] .security-auth .verify-code {
  background-color: #ddd;
  color: #333;
}

:root[data-theme="light"] .follow-instruction {
  background-color: #ddd;
  color: #333;
}

:root[data-theme="light"] .whatsapp-box {
  background: #ddd;
  color: #333;
}

:root[data-theme="light"] .raceto17 .casino-bl-box-item.casino-odds-name {
  background-color: #ddd;
}

:root[data-theme="light"] .aaa .casino-bl-box-item.casino-odds-name {
  background-color: #ddd;
}

:root[data-theme="light"] .race20 .casino-bl-box-item.casino-odds-name {
  background-color: #ddd;
}

:root[data-theme="light"]
  .race20
  .casino-bl-box-title
  .casino-bl-box-item.casino-odds-name {
  background-color: transparent;
}

:root[data-theme="light"] .poker20 .casino-odds-name {
  background-color: #ddd;
}

:root[data-theme="light"] .poker-result-board {
  background-color: #ddd;
  color: #222;
}

:root[data-theme="light"] .poker1day .playerabcardbox {
  background-color: #aaa;
}

:root[data-theme="light"] .casino-nation-name {
  color: #333;
}

:root[data-theme="light"] .pasa .pasa-sesssion .casino-nation-name {
  background-color: #ddd;
}

:root[data-theme="light"] .lucky7eu .casino-odds,
:root[data-theme="light"] .lucky7eu .casino-min-max {
  color: #222;
}

:root[data-theme="light"] .lucky7 .casino-detail .casino-box .low-odds,
:root[data-theme="light"] .lucky7 .casino-detail .casino-box .high-odds {
  background-color: #bbb;
}

:root[data-theme="light"] .lucky7eu .casino-buttons {
  color: #222;
}

:root[data-theme="light"] .lucky7-card {
  background-color: #aaa;
}

:root[data-theme="light"] .kbc .kbc-btns .casino-nation-name {
  background: #ddd;
  border: 1px solid #aaa;
}

:root[data-theme="light"] .kbcbtesbox .bet-box,
:root[data-theme="light"] .kbc-result-box .question-name {
  background: #ddd;
  color: #222;
}

:root[data-theme="light"] .horse-detail .horse-attr {
  background: #aaa;
  color: #222;
}

:root[data-theme="light"] .duskadum .casino-nation-name {
  background-color: #ddd;
}

:root[data-theme="light"] .dtl20 .casino-nation-name {
  background-color: #ddd;
}

:root[data-theme="light"] .dt1day .pairfancy {
  background-color: #ddd;
}

:root[data-theme="light"] .custom-control-label::before {
  background-color: #ddd;
}

:root[data-theme="light"]
  .casino-war
  .casino-war-container
  .casino-nation-name {
  background-color: #ddd;
}

:root[data-theme="light"] .live-bets-report .report-event-title {
  background-color: rgba(125, 125, 125, 0.2);
  color: #222;
}

:root[data-theme="light"] .casino-queen .casino-bl-box-item.casino-odds-name {
  background-color: #ddd;
}

:root[data-theme="light"]a .cards32a .casino-nation-name,
:root[data-theme="light"] .cards32b .casino-nation-name {
  background-color: #ddd;
}

:root[data-theme="light"]a .upcoming-fixure a {
  color: #222;
}

:root[data-theme="light"] {
  --text-yellow: #aa8b0d;
}

:root[data-theme="light"] .text-yellow {
  color: var(--text-yellow);
}

:root[data-theme="light"] {
  --text-green: #036a4c;
}

:root[data-theme="light"] .text-green {
  color: var(--text-green);
}

:root[data-theme="light"] .register-fields .country-selector__input,
:root[data-theme="light"] .register-fields .input-tel__input {
  background-color: #ddd !important;
  border-color: #aaa !important;
}

:root[data-theme="light"] .country-selector__label {
  color: #222 !important;
}

:root[data-theme="light"] .input-tel__input {
  color: #222 !important;
  opacity: 1 !important;
}

:root[data-theme="light"]
  .input-tel.is-dark
  .input-tel__input[data-v-e59be3b4]::placeholder {
  color: #000 !important;
  opacity: 1 !important;
}

/* :root[data-theme="light"] .register-fields .country-selector__input:hover,
:root[data-theme="light"] .register-fields .input-tel__input:hover {
    background-color: inherit !important;
} */

:root[data-theme="light"] .input-tel__label,
:root[data-theme="light"] .input-tel__label::placeholder {
  color: #222 !important;
  /* opacity: 1 !important; */
}

:root[data-theme="light"]
  .country-selector.is-dark
  .country-selector__toggle__arrow
  path.arrow {
  fill: #222 !important;
}

:root[data-theme="light"] .country-selector.is-dark .country-selector__input {
  color: #222 !important;
}

:root[data-theme="light"]
  .deposit-page
  .deposit-form
  .btn-add-container
  .btn-add {
  color: #000;
}

:root[data-theme="light"] .deposit-page .deposit-form .form-group.depo-amount {
  background-color: #bbb;
}

:root[data-theme="light"] .user-dropdown {
  background: #eee;
  color: #111;
}

:root[data-theme="light"] .user-dropdown a {
  color: #111;
}

:root[data-theme="light"] .bet-table-box {
  border-bottom: 1px solid #aaa;
}

:root[data-theme="light"] .sport-list-item,
:root[data-theme="light"] .top-winner-list-box {
  background-color: #ccc;
  color: #111;
}

:root[data-theme="light"] .andar-bahar2 .ab2-title {
  color: #222;
}

:root[data-theme="light"] .rules-language-container {
  color: #000;
}

:root[data-theme="light"]
  .deposit-page
  .payment-icons
  .payment-icon-box-container
  .payment-icon-box {
  color: #222;
}

:root[data-theme="light"] .casino-search .form-control {
  background-color: transparent;
  border: 0;
}

:root[data-theme="light"] .modal-login-new .modal-header {
  background: #fff;
  color: #000;
}

:root[data-theme="light"] .casino-video-last-results span.resulttie {
  color: #000;
}

:root[data-theme="light"] .casino-video-last-results span,
:root[data-theme="light"] .casino-video-last-results a {
  color: #000;
}

:root[data-theme="light"] .teen1oneday .casino-nation-name {
  background-color: #ddd;
}

:root[data-theme="light"] .poker6player h4 {
  color: #000;
}

:root[data-theme="light"] .poker6player .poker6box .casino-nation-name {
  background-color: #ddd;
}

:root[data-theme="light"] .teenpatti2cards .casino-nation-name {
  background: #ddd;
}

:root[data-theme="light"] .teenpattitest .casino-nation-name {
  background: #ddd;
}

:root[data-theme="light"] .cards32a .casino-nation-name,
:root[data-theme="light"] .cards32b .casino-nation-name {
  background-color: #ddd;
}

:root[data-theme="light"] .teen1oneday .casino-nation-name {
  background-color: #ddd;
}

:root[data-theme="light"] .sicbo-square-box {
  background-image: linear-gradient(
    rgba(153, 146, 135, 0.7),
    rgba(162, 142, 130, 0.7)
  );
}
:root[data-theme="light"] .casino-vieo-rules {
  background-color: #fff;
  color: #000;
}
:root[data-theme="light"] .casino-vieo-rules .rules-header {
  background-color: #aaa;
  color: #222;
}

/*Css for Blue Theme*/

:root[data-theme="blue"] body {
  font-weight: bold;
}

:root[data-theme="blue"] .balance {
  font-weight: normal;
}

:root[data-theme="blue"] .username {
  font-weight: normal;
}

:root[data-theme="blue"] .sport-tabs .nav-tabs .nav-link {
  font-weight: normal;
}

:root[data-theme="blue"] .footer {
  font-weight: normal;
}

:root[data-theme="blue"] .home-new-header {
  background-color: var(--bg-table-header-new);
}

:root[data-theme="blue"] .home-new .sport-list-title {
  color: var(--text-black);
  border-bottom: 1px solid var(--text-black);
}

:root[data-theme="blue"] .home-new .footer h4 {
  color: var(--text-black);
  border-bottom: 1px solid var(--text-black);
}

:root[data-theme="blue"] .casino-table .casino-detail .back,
:root[data-theme="blue"] .casino-table .casino-detail .lay {
  color: #333;
}

:root[data-theme="blue"] .casino-nation-name {
  background-color: #d6dedb85;
  color: #333;
}

:root[data-theme="blue"] .book-green,
:root[data-theme="blue"] .text-success {
  color: #128412 !important;
}

:root[data-theme="blue"] .book-red,
:root[data-theme="blue"] .text-danger {
  color: #bb2834 !important;
}

:root[data-theme="blue"] .casino-bl-box-item {
  color: #333;
}

:root[data-theme="blue"] .casino-tabs {
  background-color: var(--bg-table-header-new);
}

:root[data-theme="blue"] .casino-tabs .nav-tabs .nav-link {
  color: var(--text-table-header-new);
}

:root[data-theme="blue"] .casino-tabs .nav-tabs .nav-item .nav-link.active {
  color: var(--text-table-header-new);
  border-bottom: 3px solid var(--text-white);
}

:root[data-theme="blue"] .fantasy-desc-container .casino-tabs {
  background-color: var(--bg-table-header-new);
}

:root[data-theme="blue"]
  .faq-question-box
  .casino-tabs
  .nav-tabs
  .nav-item
  .nav-link.active {
  color: var(--text-table-header-new);
  border-bottom: 3px solid var(--text-table-header-new);
}

:root[data-theme="blue"]
  .faq-question-box
  .casino-tabs
  .nav-tabs
  .nav-item
  .nav-link {
  color: var(--text-table-header-new);
}

:root[data-theme="blue"] .faq-container .report-title {
  color: var(--text-black);
}

:root[data-theme="blue"] .bet-buttons .btn {
  background-color: var(--bg-table-header-new);
}

:root[data-theme="blue"] .bet-buttons .btn span {
  color: var(--text-table-header-new);
}

:root[data-theme="blue"] .lucky7-extra-bets-item {
  background-color: var(--bg-table-header-new);
  color: var(--text-table-header-new);
}

:root[data-theme="blue"] .casino-primary-tabs {
  background-color: var(--bg-table-header-new);
}

:root[data-theme="blue"] .teenpattiopen .casino-open-card-box {
  background-color: var(--bg-table-header-new);
}

:root[data-theme="blue"] .home-new-header a {
  color: var(--text-table-header-new);
}

:root[data-theme="blue"] .footer {
  background-color: #f2f2f2;
}

:root[data-theme="blue"] .login-seperator {
  background-color: #fff;
  opacity: 0.3;
}

:root[data-theme="blue"] .detail-page-container .market-6 .fancy-tripple {
  border-bottom: 1px solid #d6dedb;
}

:root[data-theme="blue"] .detail-page-container .market-10 .bet-table-row {
  border-bottom: 1px solid #d6dedb;
}

:root[data-theme="blue"]
  .detail-page-container
  .market-1
  .bet-table-row
  .market-1-item {
  border-bottom: 1px solid #d6dedb;
}

:root[data-theme="blue"] .table {
  border: 1px solid #0070a8;
}

:root[data-theme="blue"] .table td,
:root[data-theme="blue"] .table th {
  border-bottom: 1px solid #0070a8;
}

:root[data-theme="blue"] .trap .up-box,
:root[data-theme="blue"] .trap .down-box {
  color: #000;
}

:root[data-theme="blue"] .trap .casino-nation-name .book-red,
:root[data-theme="blue"] .trap .casino-nation-name .book-green,
:root[data-theme="blue"] .trap .seven-up-down-box .book-red,
:root[data-theme="blue"] .trap .seven-up-down-box .book-green {
  background-color: rgba(119, 119, 119, 0.5);
}

:root[data-theme="blue"]
  .casino-queen
  .casino-bl-box-item.casino-odds-name
  .book-green {
  color: #35ff35 !important;
}

:root[data-theme="blue"]
  .casino-queen
  .casino-bl-box-item.casino-odds-name
  .book-red {
  color: #a5000d !important;
}

.header-top ul li a.router-link-exact-active {
  border-bottom: 2px solid;
  padding-bottom: 3px;
}

/*Roulette*/
.roulette-box-container {
  width: 100%;
}

.board-in {
  display: grid;
  grid-template-rows: 105fr 50fr;
  grid-template-columns: 44fr 539fr 44fr;
  grid-template-areas:
    "center center right"
    ".      bottom .    ";
  grid-gap: 0.1328125311rem;
  gap: 0.1328125311rem;
  width: 100%;
  position: relative;
  height: 100%;
  pointer-events: none;
}

.board-right {
  display: grid;
  grid-area: right;
  grid-template-rows: repeat(3, 1fr);
  grid-gap: 0.1328125311rem;
  gap: 0.1328125311rem;
  pointer-events: all;
}

.board-right .board-cell:first-child {
  border-top-right-radius: 1.062500249rem;
}

.board-right .board-cell:last-child {
  border-bottom-right-radius: 1.062500249rem;
}

.board-cell {
  position: relative;
  border-radius: 0.2656250623rem;
  min-height: 50px;
}

.board-cell.active {
  /* border: 3px solid #000; */
  /* filter: contrast(70%); */
}

.board-cell-in {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: inherit;
  transition: background-color 180ms var(--g-ttf);
}

.board-cell-in::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-width: 0.1328125311rem;
  border-style: solid;
  border-color: #000;
  border-radius: inherit;
  box-shadow: 0 0 0 4.2500009961rem rgba(var(--g-white-rgb), 0.15) inset;
  opacity: 0;
  pointer-events: none;
  z-index: 0;
}

.board-text,
.board-number {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  pointer-events: none;
  z-index: 1;
}

.board-cell-in .bet-chip-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* transform: translate3d(-50%, -50%, 0); */
  z-index: 15;
  display: flex;
  justify-content: center;
  align-items: center;
}

.board-bottom {
  display: grid;
  grid-area: bottom;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(6, 1fr);
  grid-template-areas:
    "first      first second second third third      "
    "first-half even  red    black  odd   second-half";
  grid-gap: 0.1328125311rem;
  gap: 0.1328125311rem;
  pointer-events: all;
}

.board-bottom .board-cell:first-child {
  grid-area: first;
}

.board-bottom .board-cell:nth-child(2) {
  grid-area: second;
}

.board-bottom .board-cell:nth-child(3) {
  grid-area: third;
}

.board-bottom .board-cell:nth-child(4) {
  grid-area: first-half;
  border-bottom-left-radius: 1.062500249rem;
}

.board-bottom .board-cell:nth-child(5) {
  grid-area: even;
}

.board-bottom .board-cell:nth-child(6) {
  grid-area: red;
}

.board-bottom .board-cell:nth-child(7) {
  grid-area: black;
}

.board-bottom .board-cell:nth-child(8) {
  grid-area: odd;
}

.board-bottom .board-cell:last-child {
  grid-area: second-half;
  border-bottom-right-radius: 1.062500249rem;
}

.board-center {
  display: grid;
  grid-area: center;
  grid-template-rows: repeat(3, 1fr);
  grid-template-columns: repeat(13, 1fr);
  grid-template-areas:
    "zero c f i l o r u x aa ad ag aj"
    "zero b e h k n q t w z  ac af ai"
    "zero a d g j m p s v y  ab ae ah";
  grid-gap: 0.1328125311rem;
  gap: 0.1328125311rem;
  pointer-events: all;
}

.board-cell.green {
  background-color: #17732e;
  border-radius: 1.062500249rem 0.2656250623rem 0.2656250623rem 1.062500249rem;
}

.board-cell.green.active {
  background-color: #119933;
  box-shadow: 0 0 0 4.2500009961rem rgba(255, 255, 255, 0.15) inset;
}

.board-center .board-cell:nth-child(1) {
  grid-area: zero;
}

.board-cell.red {
  background-color: #b2121f;
}

.board-cell.red.active {
  background-color: #e40303;
  box-shadow: 0 0 0 4.2500009961rem rgba(255, 255, 255, 0.15) inset;
}

.board-cell.black {
  background-color: #111111;
}

.board-cell.black.active {
  background-color: #404040;
  box-shadow: 0 0 0 4.2500009961rem rgba(255, 255, 255, 0.15) inset;
}

.board-cell.yellow {
  background-color: #fef0a9;
  color: #b2121f;
}

/* .board-cell.yellow:hover,
.board-cell.yellow:focus,
.board-cell.yellow:active,
.board-cell.yellow.active {
  background-color: yellow;
} */
.board-cell.yellow .board-text,
.board-cell.yellow .borad-number {
  color: red;
}

.board-center .bet-chip-area.center-left {
  top: 50%;
  left: 0;
  width: 50%;
  height: 50%;
  transform: translate3d(-50%, -50%, 0);
  z-index: 20;
}

.board-center .bet-chip-area.bottom-left {
  bottom: 0;
  top: 50%;
  left: 0;
  width: 50%;
  height: 50%;
  transform: translate3d(-50%, 50%, 0);
  z-index: 20;
}

.board-center .bet-chip-area.top-center {
  top: 0;
  left: 50%;
  width: 50%;
  height: 50%;
  transform: translate3d(-50%, -50%, 0);
  z-index: 20;
}

.board-center .board-cell:nth-child(1) {
  grid-area: zero;
}

.board-center .board-cell:nth-child(2) {
  grid-area: a;
}

.board-center .board-cell:nth-child(3) {
  grid-area: b;
}

.board-center .board-cell:nth-child(4) {
  grid-area: c;
}

.board-center .board-cell:nth-child(5) {
  grid-area: d;
}

.board-center .board-cell:nth-child(6) {
  grid-area: e;
}

.board-center .board-cell:nth-child(7) {
  grid-area: f;
}

.board-center .board-cell:nth-child(8) {
  grid-area: g;
}

.board-center .board-cell:nth-child(9) {
  grid-area: h;
}

.board-center .board-cell:nth-child(10) {
  grid-area: i;
}

.board-center .board-cell:nth-child(11) {
  grid-area: j;
}

.board-center .board-cell:nth-child(12) {
  grid-area: k;
}

.board-center .board-cell:nth-child(13) {
  grid-area: l;
}

.board-center .board-cell:nth-child(14) {
  grid-area: m;
}

.board-center .board-cell:nth-child(15) {
  grid-area: n;
}

.board-center .board-cell:nth-child(16) {
  grid-area: o;
}

.board-center .board-cell:nth-child(17) {
  grid-area: p;
}

.board-center .board-cell:nth-child(18) {
  grid-area: q;
}

.board-center .board-cell:nth-child(19) {
  grid-area: r;
}

.board-center .board-cell:nth-child(20) {
  grid-area: s;
}

.board-center .board-cell:nth-child(21) {
  grid-area: t;
}

.board-center .board-cell:nth-child(22) {
  grid-area: u;
}

.board-center .board-cell:nth-child(23) {
  grid-area: v;
}

.board-center .board-cell:nth-child(24) {
  grid-area: w;
}

.board-center .board-cell:nth-child(25) {
  grid-area: x;
}

.board-center .board-cell:nth-child(26) {
  grid-area: y;
}

.board-center .board-cell:nth-child(27) {
  grid-area: z;
}

.board-center .board-cell:nth-child(28) {
  grid-area: aa;
}

.board-center .board-cell:nth-child(29) {
  grid-area: ab;
}

.board-center .board-cell:nth-child(30) {
  grid-area: ac;
}

.board-center .board-cell:nth-child(31) {
  grid-area: ad;
}

.board-center .board-cell:nth-child(32) {
  grid-area: ae;
}

.board-center .board-cell:nth-child(33) {
  grid-area: af;
}

.board-center .board-cell:nth-child(34) {
  grid-area: ag;
}

.board-center .board-cell:nth-child(35) {
  grid-area: ah;
}

.board-center .board-cell:nth-child(36) {
  grid-area: ai;
}

.board-center .board-cell:nth-child(37) {
  grid-area: aj;
}

.roulette .casino-video-cards {
  top: 90px;
  transform: unset;
  left: 115px;
  background-color: transparent;
  width: auto;
  padding: 0;
  height: auto;
}

.roulette .casino-cards-shuffle {
  display: none;
}

.roulette .casino-video-cards span img {
  width: 70px;
  margin-right: 0;
}

.roulette .flip-card {
  height: 80px;
  width: 102px;
}

.roulette .casino-timer {
  right: unset;
  left: 0;
  bottom: unset;
  top: 70px;
}

.casino-video-last-results .roulette-result.green {
  background-color: #17732e !important;
  color: #fff !important;
}

.casino-video-last-results .roulette-result.red {
  background-color: #b2121f !important;
  color: #fff !important;
}

.casino-video-last-results .roulette-result.black {
  background-color: #111111 !important;
  color: #fff !important;
}

.casino-video-last-results .roulette-result.yellow {
  background-color: #fef0a9 !important;
  color: #000 !important;
}

.roulette .suspended {
  cursor: unset;
  pointer-events: all;
}

.roulette .suspended::after {
  background-color: #d6dedbd6;
  z-index: 1;
}

.roulette .suspended::before {
  filter: invert(0);
  z-index: 2;
}

.pop-outin {
  animation: 2s anim-popoutin ease infinite;
}

@keyframes anim-popoutin {
  0% {
    color: black;
    transform: scale(0);
    opacity: 0;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }

  25% {
    color: #ffdf00;
    transform: scale(2);
    opacity: 1;
    text-shadow: 3px 10px 5px rgba(0, 0, 0, 0.5);
  }

  50% {
    color: black;
    transform: scale(1);
    opacity: 1;
    text-shadow: 1px 0 0 rgba(0, 0, 0, 0);
  }

  100% {
    /* animate nothing to add pause at the end of animation */
    transform: scale(1);
    opacity: 1;
    text-shadow: 1px 0 0 rgba(0, 0, 0, 0);
  }
}

.casino-coins-container {
  position: absolute;
  bottom: 0;
  left: 0;
  /* transform: translateX(-50%); */
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: #0000004a;
  padding: 0;
  border-radius: 16px;
  flex-direction: column;
  /* background-image: linear-gradient(#2d5bc82e, #0000002e); */
  width: 190px;
}

.casino-coin {
  position: relative;
}

.casino-coin-value {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  font-family: "Arvo", serif;
  font-weight: 700;
}

.casino-coin img {
  height: 70px;
}

.casino-coin.active .bet-chip-holder {
  height: 60px;
  width: 60px;
}

.casino-coin-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative;
  /* margin: 0 40px; */
  gap: 5px;
}

.coin-btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  gap: 5px;
}

.coin-btns .btn {
  background: #ff0000;
  border: 0;
  border-radius: 10px;
  height: 40px;
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 11px;
  padding: 5px;
  gap: 5px;
}

.coin-btns .btn.disabled {
  cursor: not-allowed;
}

.coin-arrow {
  position: absolute;
  color: #fff;
  font-size: 30px;
  background: #00000082;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.coin-arrow.coin-arrow-left {
  left: -45px;
}

.coin-arrow.coin-arrow-right {
  right: -45px;
}

.bet-chip-holder {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  cursor: pointer;
}

.bet-chip {
  position: relative;
  width: 100%;
  border-radius: 50%;
  box-shadow: 0 0.1328125311rem 0.2656250623rem 0 rgba(var(--g-black-rgb), 0.8);
  transition: transform 180ms var(--g-ttf);
}

.bet-chip:before {
  /* position: absolute; */
  content: "";
  display: block;
  padding-bottom: 100%;
}

.bet-chip-front {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--g-chip-inner-color);
  /* background-image: url(https://rgs-livedealerwebclient.worldserviceprovider.com/29e7c4038494162c9293.svg); */
  background-repeat: no-repeat, no-repeat;
  background-position: center bottom, center;
  background-size: 100% auto, cover;
  border-radius: 50%;
  transition: transform 360ms var(--g-ttf), border-radius 360ms var(--g-ttf);
  z-index: 1;
}

.bet-chip-top {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--g-chip-outer-color);
  border-radius: 50%;
  z-index: 2;
}

.bet-chip-top:before,
.bet-chip-top:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 4;
}

.bet-chip-top:before {
  width: 64%;
  height: 64%;
  margin: auto;
  /* background-color: var(--g-chip-inner-color); */
  z-index: 2;
}

.bet-chip-top:after {
  /* background-image: url(https://rgs-livedealerwebclient.worldserviceprovider.com/af4a3dba7a5c3b087d6a.svg); */
  background-image: url("../img/icon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 3;
}

.bet-chip-amount {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 4;
}

.bet-chip-amount svg {
  width: 100%;
  height: 100%;
  display: block;
}

.bet-chip-amount text {
  font-family: "Arvo", serif;
  font-size: 22px;
}

.board-cell-in .bet-chip-area.coin-place {
  z-index: 14;
}

.board-cell-in .casino-coin .bet-chip-holder {
  width: 35px;
  height: 35px;
}

.board-cell-in .casino-coin {
  width: 35px;
}

.roulette-rules .table th {
  font-size: 12px;
}
.roulette-rules .table td {
  font-size: 22px;
}
.roulette-rules .table-bordered td,
.roulette-rules .table-bordered th {
  border: 1px solid #dee2e6;
}
/*Sportbook*/
.sportbook-result-box-container .table thead {
  background-color: var(--bg-sidebar);
}
.sportbook-result-box-container .table thead th {
  padding: 8px;
}
.sportbook-result-box-container .table tbody thead {
  background-color: transparent;
  border-bottom: 1px solid #3c444b;
}
.sportbook-result-box-container .table .table,
.sportbook-result-box-container .table .collapse th,
.sportbook-result-box-container .table .collapse td {
  border: 0;
}
.sportbook-result-box-container .table .table {
  background-color: #313a46;
}

/*Payment New*/
.payment-new .deposit-left-payment {
  display: flex;
  flex-wrap: wrap;
}
.payment-new .deposit-left-payment > div {
  padding: 4px 8px;
  cursor: pointer;
  position: relative;
  border: 1px solid rgb(153, 153, 153);
  margin-right: 3px;
  justify-content: flex-start;
  transition: 0.2s ease-in;
  display: flex;
  align-items: center;
}
.payment-new .deposit-left-payment > div.active,
.payment-new .deposit-left-payment > div:hover,
.payment-new .deposit-left-payment > div:focus {
  background-color: var(--bg-table-header-new);
  color: var(--text-table-header-new);
}
.payment-new.deposit-page .deposit-form {
  padding: 0;
}
.payment-new .payment-ions-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
  margin: 10px 0;
}
.payment-new.deposit-page .payment-icons {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 10px;
  margin-top: 0;
  position: relative;
  width: calc(33.33% - 7px);
  margin-right: 10px;
  background-color: #181818;
  color: #fff;
}
:root[data-theme="light"] .payment-new.deposit-page .payment-icons {
  background-color: #d9d9d9;
  color: #000;
}
.payment-new.deposit-page .payment-icons:nth-child(3n) {
  margin-right: 0;
}
.payment-new .payment-icons-title {
  background: transparent;
  color: #eee;
  padding: 5px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 55px;
}
:root[data-theme="light"] .payment-new .payment-icons-title {
  color: #111;
}
.payment-new .payment-icons-title > div:first-child {
  max-width: calc(100% - 25px);
}
.payment-new .payment-icons-title h4 {
  font-weight: bold;
  margin-bottom: 0;
}
.payment-new .payment-icons-title p {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 100%;
  font-size: 14px;
  color: #eee;
}
:root[data-theme="light"] .payment-new .payment-icons-title p {
  color: #111;
}
.payment-new.deposit-page .deposit-options {
  padding: 0 10px 10px 10px;
  margin-bottom: 0;
  width: 100%;
}
.payment-new.deposit-page .deposit-options .bank-detail {
  padding: 5px;
  box-shadow: 0 0 3px #acacac;
  background: #2b2b2b;
  height: 90px;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
:root[data-theme="light"]
  .payment-new.deposit-page
  .deposit-options
  .bank-detail {
  box-shadow: 0 0 3px #444;
  background: #cacaca;
}
.payment-new.deposit-page .deposit-options .bank-detail.qr-code {
  position: unset;
}
.payment-new.deposit-page .payment-detail-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 5px;
}
.payment-new .payment-detail-box span {
  max-width: 48%;
  word-wrap: break-word;
  font-size: 14px;
  line-height: 1;
}
.payment-new .pay-now-mobile {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}
.payment-new .pay-now-mobile p {
  font-size: 14px;
}
.payment-new.deposit-page .payment-icon-box-container .btn-primary,
.payment-new .deposit-options .btn-primary {
  width: 150px;
}

.payment-new .add-new-detail {
  width: 100%;
  background: #181818;
  color: #fff;
  border: 0;
  border-radius: 0 !important;
}
:root[data-theme="light"] .payment-new .add-new-detail {
  background-color: #d9d9d9;
  color: #000;
}
.payment-new .account-detail .form-check {
  width: calc(33.33% - 20px);
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.payment-new .account-detail .form-check:nth-child(3n) {
  margin-right: 0;
}
.payment-new .payment-icons-title > div:first-child {
  max-width: calc(100% - 90px);
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.payment-new .add-new-detail .payment-icons-title > div:first-child i {
  font-size: 24px;
  cursor: pointer;
}
.payment-new .payment-icons-title > div:first-child div {
  max-width: calc(100% - 30px);
}
.payment-new .account-detail-box {
  border: 0;
  box-shadow: 0 0 3px #acacac;
  background: #2b2b2b;
}
:root[data-theme="light"] .payment-new .account-detail-box {
  box-shadow: 0 0 3px #444;
  background: #cacaca;
}
.payment-new .payment-icons-title i.collapsed.fa-chevron-circle-down {
  display: none;
}

.payment-new .payment-icons-title i:not(.collapsed).fa-chevron-circle-up {
  display: none;
}

.image-download a {
  color: var(--text-table-header-new);
}
.image-download img {
  height: 280px;
  width: auto;
}

.depositRequest-modal .modal-dialog {
  /* width: 300px; */
}

.payment-new .bank-detail img {
  height: 75px;
}

.depositRequest-modal .upload-ss {
  color: #000;
  width: 100%;
  padding: 5px;
  text-align: center;
  border: 1px dashed var(--text-table);
  height: 70px;
  min-height: 70px;
  display: flex;
  align-items: center;
}

.depositRequest-modal .upload-ss label {
  margin: 0;
  width: 100%;
  cursor: pointer;
  color: var(--text-body);
  opacity: 0.9;
  font-size: 14px;
}

.depositRequest-modal .msg-box {
  border: 1px solid var(--text-table);
  padding: 8px;
  border-radius: 8px;
}

.depositRequest-modal .verify-ss {
  width: 100%;
  height: 70px;
  min-height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px dashed;
  position: relative;
}

.depositRequest-modal .verify-ss img {
  max-height: 100%;
}

.depositRequest-modal .remove-ss {
  position: absolute;
  right: -12px;
  top: -12px;
  font-size: 24px;
  z-index: 1000;
  background: #fff;
  height: 24px;
  width: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #333;
  color: #333;
  cursor: pointer;
}

.payment-new .new-with-delete {
  position: absolute;
  right: -20px;
  top: -10px;
  font-size: 16px;
}
/*Payment New End*/

/*Badla Design*/
.place-bet-badla {
  /* background-color: var(--bg-body); */
}
.place-bet-badla .bet-nation a {
  /* color: var(--text-body); */
}
.badla-icon {
  position: absolute;
  right: 5px;
  bottom: 0;
  font-weight: bold;
  cursor: pointer;
  background-color: var(--text-table);
  color: var(--bg-table);
  /* height: 20px;
    width: 20px; */
  border-radius: 2px;
  line-height: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  background: gray;
  color: #fff;
  font-size: 12px;
  padding: 0 4px;
}
.badla-icon img {
  height: 18px;
}
.suspended-row .badla-icon {
  opacity: 0.5;
  cursor: not-allowed;
}
.suspended-row .badla-icon img,
.suspended-row .badla-icon span {
  pointer-events: none;
}
.badla-buttons .place-bet-buttons > div {
  width: 100%;
  gap: 2px;
  display: flex;
  flex-wrap: wrap;
}
.suspendedtext .badla-icon {
  opacity: 0.5;
  cursor: not-allowed;
}
.suspendedtext .badla-icon img {
  pointer-events: none;
}

.place-bet-badla .place-bet-box-body input {
  border: 1px solid;
}
.badla-buttons {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2px;
}
.badla-buttons .badla-bl-btns {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2px;
  padding: 4px;
  background-color: #ffffff70;
}
.badla-buttons .badla-bl-btns .badla-bl-btn-box {
  width: 100%;
  gap: 2px;
  display: flex;
}
.badla-buttons .badla-bl-btns .badla-bl-btn-box .badla-bl-btn {
  width: calc(20% - 2px);
}
.badla-buttons .badla-bl-btns .badla-bl-btn-box .btn {
  padding: 5px;
  display: flex;
  flex-direction: column;
  color: #000;
  background-color: #fff;
  width: 100%;
}
.badla-buttons .badla-bl-btns .btn .market-odd {
  font-weight: bold;
  line-height: 1;
}
.badla-buttons .badla-bl-btns .btn .market-volume {
  font-size: 12px;
  font-weight: 100;
  line-height: 1;
}
.badla-buttons .place-bet-buttons {
  width: 100%;
  padding: 4px;
  align-content: flex-start;
}
.badla-buttons .place-bet-buttons .btn {
  width: calc(20% - 2px);
  margin: 0;
  border-radius: 0;
}

/*Teenpatti Joker*/
.teenpatti-joker .teen1dayleft {
  align-self: center;
}
.teenpatti-joker .casino-nation-name {
  width: 50%;
  padding-right: 10px;
  position: relative;
}
.teenpatti-joker .casino-bl-box {
  width: 50%;
}
.teenpatti-joker .casino-bl-box-item {
  width: calc(50% - 2px);
}
.teenpatti-joker .joker-other .casino-bl-box-item {
  width: 100%;
  height: 40px;
}
.teenpatti-joker .joker-other .casino-bl-box {
  width: calc(25% - 3px);
  margin-right: 4px;
}
.teenpatti-joker .joker-other .casino-bl-box:last-child {
  margin-right: 0;
}
.teenpatti-joker .casino-video-cards {
  height: 280px;
}
.teenpatti-joker .casino-card-img img {
  width: 20px;
}
.joker-card {
  flex-wrap: wrap !important;
  flex-direction: column;
}

.joker-result .casino-result-content-item:first-child {
  width: 100%;
}
:root[data-theme="light"] .teenpatti-joker .casino-nation-name {
  background-color: #00000047;
}

/*Scocard New*/
.scorecard-new {
  padding: 4px;
  background-color: #222;
  color: #eee;
  /* line-height: normal; */
  line-height: 18px;
}

.scorecard-new .scorecard-row {
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 0;
}
.scorecard-new .team-name-row {
  background-color: #404040;
  padding: 2px 0;
}
.scorecard-new .team {
  display: flex;
  gap: 4px;
  padding: 2px;
}
.scorecard-new .team-img {
  background: #404040;
  padding: 4px 8px;
  display: flex;
  align-items: center;
  border-radius: 4px;
}
.scorecard-new .team img {
  height: 20px !important;
  width: auto;
}
.scorecard-new .team.team2 {
  justify-content: flex-end;
}
.scorecard-new .team-score {
  display: flex;
  gap: 4px;
}
.scorecard-new .score {
  display: flex;
  flex-direction: column;
  white-space: normal;
  flex-wrap: wrap;
  font-size: 16px;
}
.scorecard-new .score-total {
  font-size: 16px;
  font-weight: bold;
}
.scorecard-new .score-overs {
  font-size: 12px;
}
.scorecard-new .team-name {
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: var(--text-green);
  font-size: 16px;
  max-height: unset;
  line-height: unset;
}
.scorecard-new .score-runs {
  /* background: var(--bg-sidebar); */
  border: 1px solid #999;
  display: flex;
  flex: 0;
  border-radius: 4px;
}
.scorecard-new .score-runs .ball {
  height: 28px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: bold;
  border-right: 1px solid #999;
}
.scorecard-new .score-runs .ball:last-child {
  border: 0;
}
.scorecard-new .score-runs .ball.four {
  color: var(--text-yellow);
}
.scorecard-new .score-runs .ball.six {
  color: var(--text-green);
}
.scorecard-new .score-runs .ball.wicket {
  color: var(--text-red);
}

:root[data-theme="light"] .scorecard-new {
  background-color: #ddd;
  color: #222;
}
:root[data-theme="light"] .scorecard-new .team-name-row,
:root[data-theme="light"] .scorecard-new .team-img {
  background-color: #b1b1b1;
}

/*Scorecard Five Cricket*/
.five-score-cards .scorecard-new .scorecard-row {
  flex-wrap: wrap;
}
.five-cricket .scorecard-new .scorecard-row:first-child > div {
  flex: 1;
}
.five-cricket .scorecard-new .scorecard-row .team-rr {
  text-align: center;
  padding: 4px;
}
.five-cricket .scorecard-new .scorecard-row:last-child {
  justify-content: center;
}
.teenpatti-joker .joker-card h4 {
  font-weight: bold;
  margin-bottom: 4px;
  text-transform: uppercase;
  font-size: 20px;
  font-family: antonio;
  text-shadow: 0 0 1px var(--text-yellow);
}
/*Super Over Scorecard*/

/*Teenpatti joker 1*/

.teenpatti-joker1 .teen1dayleft,
.teenpatti-joker1 .teen1dayright {
  width: 100%;
}
.teenpatti-joker1 .teen1dayright {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.teenpatti-joker1 .teen1dayright .casino-box-row {
  width: calc(50% - 4px);
}
.teenpatti-joker1 .teen1dayright {
  align-self: center;
}
.teenpatti-joker1 .joker1-box {
  display: flex;
  width: 100%;
}
.teenpatti-joker1 .casino-nation-name {
  width: 50%;
  padding-right: 10px;
  position: relative;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 18px;
}
.teenpatti-joker1 .casino-bl-box {
  width: 50%;
}
.teenpatti-joker1 .casino-bl-box-item {
  width: calc(50% - 2px);
  height: 40px;
}
.joker1-jokercard {
  display: flex;
  align-items: center;
  background-color: var(--bg-sidebar);
  color: var(--text-sidebar);
  padding: 8px;
}
.joker1-jokercard i {
  font-size: 40px;
  cursor: pointer;
}
.joker1-other-cards {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px;
  background-color: var(--bg-body);
  color: var(--text-body);
  transition: width 1.5s;
  width: 100%;
  overflow: hidden;
}
.joker1-other-cards h4 {
  color: var(--text-table-header-new);
  background: var(--bg-table-header-new);
  padding: 8px;
  border-radius: 4px;
  font-size: 18px;
  margin-bottom: 0;
}
.joker1-other-cards div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}
.joker1-other-cards.hide {
  /* display: none; */
  /* width: 0;
    padding: 0; */
  /* visibility: hidden; */
}
.teenpatti-joker1 .joker1-other-cards.hide {
  width: 0;
  padding: 0;
}
/* .joker1-other-cards-box{
    display: flex;
    gap: 4px;
} */
.teenpatti-joker1 .joker1-other-cards.hide img {
  display: none;
}
.joker1-other-cards img {
  height: 60px;
}
.joker1-other-cards img.select {
  transform: scale(1.2);
}
.teen1dayleft .joker-other {
  display: none;
}
/* .teenpatti-joker1 .casino-video-cards {
    height: 280px;
} */
:root[data-theme="light"] .teenpatti-joker1 .casino-nation-name {
  background-color: #00000047;
}
.teenpatti-joker1 .joker-card {
  flex-wrap: wrap !important;
  flex-direction: column;
  position: absolute;
  display: flex;
  top: 45px;
  padding: 5px;
  left: 0;
}

.teenpatti-joker1 .joker-card h4 {
  font-weight: bold;
  margin-bottom: 4px;
  text-transform: uppercase;
  font-size: 20px;
  font-family: antonio;
  text-shadow: 0 0 1px var(--text-yellow);
}
.teenpatti-joker1 .joker-card span img {
  width: 50px;
}
.casino-video-cards span img {
}

/*Setting */
.setting-box-container {
  position: absolute;
  right: 0;
  font-size: 24px;
  top: 0;
  height: 34px;
  display: flex;
  align-content: center;
}
.setting-icon {
  align-self: center;
  margin-right: 4px;
  cursor: pointer;
  color: var(--text-table-header-new);
}
.setting-box-container.hide .setting-box {
  display: none;
}
.setting-box-container .setting-box {
  position: absolute;
  /* background-color: var(--bg-sidebar);
    color: var(--text-sidebar); */
  background: #000000fa;
  color: #fff;
  right: 0;
  width: 300px;
  max-height: calc(100vh - 34px);
  top: 34px;
  font-size: 16px;
  /* font-weight: bold; */
  padding: 12px 12px 0 12px;
  z-index: 10;
  /* display: flex; */
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  border: 1px solid var(--bg-table-header-new);
  border-radius: 4px;
}
:root[data-theme="light"] .setting-box-container .setting-box {
  background: #fffffffa;
  color: #000;
}
.setting-box > div {
  width: 100%;
  margin-bottom: 12px;
}
.setting-sub-box {
  padding: 8px;
  background-color: #ffffff24;
  margin-bottom: 0;
  margin-top: 8px;
  border-radius: 4px;
  border: 1px solid var(--bg-table-header-new);
}

:root[data-theme="light"] .setting-sub-box {
  background-color: #00000024;
}

.setting-box-container .setting-box h4 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 4px;
  color: var(--text-green);
}
.setting-box-container .setting-box .language-list div,
.setting-box-container .setting-box .switch-theme div {
  padding: 6px 0;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.setting-box-container .setting-box .language-list div.selected,
.setting-box-container .setting-box .switch-theme div.selected {
  color: var(--text-yellow);
  font-weight: bold;
}
.setting-box button {
  background: #ffffff1c;
  border: 1px solid var(--bg-table-header-new);
  color: #fff;
  border-radius: 4px;
  width: 100%;
  text-align: left;
  padding: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
}
:root[data-theme="light"] .setting-box button {
  background-color: #0000001c;
  color: #000;
}

.login-btn-devider {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 8px;
}
.login-btn-devider::after {
  position: absolute;
  content: "";
  background-color: var(--text-yellow);
  height: 1px;
  right: 0;
  width: calc(50% - 20px);
}
.login-btn-devider::before {
  position: absolute;
  content: "";
  background-color: var(--text-yellow);
  height: 1px;
  left: 0;
  width: calc(50% - 20px);
}
/*Unique Teenpatti start*/
.unique-teen20 .video-box-container {
  max-width: 100%;
  margin-left: auto;
}
.unique-teen20 .casino-detail {
  /* background-color: #00000029; */
  padding: 5px;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.unique-teen-title {
  text-align: center;
  background: var(--bg-sidebar);
  color: var(--text-sidebar);
  padding: 6px 12px;
  font-size: 16px;
  /* border-radius: 4px; */
  opacity: 0.9;
  margin-bottom: 8px;
}
.unique-teen-title i {
  font-size: 20px;
}
.unique-teen20-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding: 0;
  /* width: 100%; */
  margin: 0 auto;
  gap: 10px;
}
.unique-teen20-box.suspended {
  cursor: not-allowed;
}
.unique-teen20-box.suspended::before,
.unique-teen20-box.suspended::after {
  display: none;
}
.unique-teen20-box.suspended .unique-teen20-card {
  pointer-events: none;
}
.unique-teen20-box .unique-teen20-card {
  /* width: 10%; */
  text-align: center;
  margin: 5px 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}
.unique-teen20-box .unique-teen20-card img:first-child {
  width: 30px;
}
.unique-teen20-box .unique-teen20-card img {
  width: 80px;
  height: auto;
  cursor: pointer;
  border: 3px solid transparent;
}
.unique-teen20-box .unique-teen20-card img.select {
  transform: scale(1.05);
  border: 3px solid var(--text-table);
}
.unique-teen20-place-balls {
  display: flex;
  padding: 6px;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.unique-teen20-place-balls img {
  width: 30px;
  height: auto;
}
.unique-teen20-bets {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 10px;
}
.unique-teen20-bet-box {
  height: 46px;
  width: 32%;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: var(--bg-sidebar);
  color: var(--text-sidebar);
  border-radius: 8px;
}
.unique-teen20-result-group {
  padding: 5px;
  margin-right: 5px;
  background-color: var(--bg-table);
  color: var(--text-table);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  cursor: pointer;
  margin-bottom: 5px;
}
.unique-teen20-result-icon {
  margin-right: 5px;
}

.unique-teen20-table .unique-teen20-table-head,
.unique-teen20-table .unique-teen20-table-row {
  border-bottom: 1px solid #666;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 4px 8px;
  color: #222;
}
.unique-teen20-table .unique-teen20-table-head {
  font-weight: bold;
  background-color: var(--bg-table-header-new);
  color: var(--text-table-header-new);
}
.unique-match-bet {
  width: 70%;
}
.unique-match-odds,
.unique-match-stake {
  width: 15%;
  text-align: right;
}
.unique-your-card {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 4px;
  width: 95%;
  margin: 5px auto;
  background: #0000001c;
  border-radius: 4px;
}
.unique-your-card h4 {
  text-align: center;
  font-size: 18px;
}
.unique-your-card img {
  height: 40px;
  margin-right: 5px;
}

.teen2sidebar .casino-video-last-results.unique-teen20-last-results {
  padding: 5px 5px 0 5px;
}
.teenunique .casino-result-cards-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}
.teenunique .casino-result-cards-item img:first-child {
  width: 25px;
}
.teenunique .casino-result-cards-item img:last-child {
  width: 45px;
}
/*Unique Teenpatti end*/

/*Roulette 11*/
.roulette.roulette11 .transfer-board {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
  align-items: center;
  gap: 10px;
  padding: 3px 8px 8px;
}
.roulette.roulette11 .transfer-board h4 {
  font-size: 18px;
  font-weight: bold;
}
.roulette.roulette11 .transfer-board .switch-board-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.roulette.roulette11 .transfer-board .switch-board-icon > div {
  /* padding: 8px; */
  min-width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  border: 2px solid transparent;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
.roulette.roulette11 .transfer-board .switch-board-icon > div.active {
  border: 2px solid #fff;
}
.roulette.roulette11 .transfer-board .switch-board-icon > div.back{
  border-radius: 20px 0 0 20px;
}
.roulette.roulette11 .transfer-board .switch-board-icon > div.lay{
  border-radius: 0 20px 20px 0;
}
:root[data-theme="light"]
  .roulette.roulette11
  .transfer-board
  .switch-board-icon
  > div.active {
  border: 2px solid #000;
}
:root[data-theme="light"] .roulette.roulette11 .transfer-board h4{
  color: #000;
  border-color: #000;
}
.roulette.roulette11 .transfer-board .switch-board-icon svg {
  width: 80%;
}
.roulette.roulette11 .casino-table-box {
  padding: 10px;
}
.roulette.roulette11 .casino-video-cards {
  /* left: 65px; */
}
.roulette.roulette11 .coin-btns .btn {
  width: 100px;
  border-radius: 0;
}
.roulette.roulette11 .coin-btns .btn-danger {
  background-color: #ff0000;
}
.roulette.roulette11 .coin-btns .btn-info {
  background-color: var(--bg-info);
}
.roulette.roulette11 .coin-btns .btn-warning {
  background-color: var(--bg-warning);
  color: #000;
}
.roulette11.casino-table .casino-detail .back {
  background-color: var(--back);
  color: #000;
}
.roulette11.casino-table .casino-detail .lay {
  background-color: var(--lay);
  color: #000;
}
.roulette11-table-row{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px solid #dee2e6;
  border-left: 1px solid #dee2e6;
  color: var(--text-table);
}
:root[data-theme="light"] .roulette11-table-row{
  border-bottom: 1px solid #a9acae;
  border-left: 1px solid #a9acae;
}
.roulette11-table-row:first-child
{
  border-top: 1px solid #dee2e6;
}
:root[data-theme="light"] .roulette11-table-row:first-child
{
  border-top: 1px solid #a9acae;
}
.roulette11-table-cell{
  max-width: 50%;
  width: 33.33%;
  flex: 1;
  padding: 4px 8px;
  text-align: center;
  border-right: 1px solid #dee2e6;
  display: flex;
  justify-content: space-between;
}
:root[data-theme="light"] .roulette11-table-cell{
  border-right: 1px solid #a9acae;
}