:root {
    /*--lightSade: #373737;*/
    --lightSade: #0088CC;
    --light2Sade: #006AAB;
    --darkSade: #2C3E50;
    --background: #e1e1e1; /*#F5F8FF;*//*#121215;*/
    --white: #ffffff;
    --danger: #d9534f;
    --success: #5bb85c;

    --lightGray1: rgba(18,20,23,0.04706);
    --lightGray2: #e7e7e8;
    --lightGray3: rgba(18,20,23,0.1451);
    --darkGray1: #403F43;
    --darkTrans: rgba(19,18,23,0.8);
    --grayText1: rgba(255,255,255,0.49804);
    --grayText2: rgba(18,20,23,0.49804);
    --blackText1: #121417;
    --whiteText1: #fff;
    --headMenuHoverBG: rgba(255,255,255,0.10196);
}
[data-theme='light'] {
    --cardBg: #fff;
    --cardHeadBg: #1e1e1e;
    --cardSmallHeadTxt: rgba(0, 0, 0, 0.5);
    --cardTxt: #000;
    --cardTxt2: rgba(0, 0, 0, 0.5);
    --cardBlackTxt: #000;
    --cardRowBodr: rgba(18,20,23,0.09804);
    --cardBtnActBg: rgba(255,255,255,0.27843);
}
[data-theme='dark'] {
    --cardBg: #2B2A2E;
    --cardHeadBg: #403F43;
    --cardSmallHeadTxt: rgba(255,255,255,0.49804);
    --cardTxt: #fff;
    --cardTxt2: #fff;
    --cardBlackTxt: #000;
    --cardRowBodr: rgba(255,255,255,0.49804);
    --cardBtnActBg: rgba(255,255,255,0.27843);
}
/* CLEARFIX */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
    height: 100vh;
}

/* ALL LOADERS */

.cf .three .loader{
    width: 80px;
    height: 80px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
    top: 44%;
}
.bet-slip-container .loader {
    display: none;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    margin: 0 auto;
    top: 35%;
    position: absolute;
    left: 35%;
    z-index: 9;
}
/* LOADER 1 */

#loader-1:before, #loader-1:after{
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 10px solid transparent;
    border-top-color: #3498db;
}

#loader-1:before{
    z-index: 100;
    animation: spin 1s infinite;
}

#loader-1:after{
    border: 10px solid #ccc;
}

@keyframes spin{
    0%{
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100%{
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
:root {
  --bg-body: #ffffff;
  --text-body: #3c444b;
  --bg-sidebar: #f1f4f3;
  --text-sidebar: #3c444b;
  --bg-table: #fff;
  --text-table: #000;
  /*--text-table: #71787D;*/
  --bg-table-header: #d6dedb;
  --text-table-header: #333;
  --text-highlight: #000000;
  --text-fancy: #ef910f;
  --btn-primary: #03b37f;
  --btn-secondary: #03b37f52;
  --btn-reset: #fc4242;
  --bg-tabs: #03b37f33;
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --back: #a5d9fe;
  --back-hover: #4fa1dc;
  --back1: #72bbefcc;
  --back2: #72bbefa3;
  --lay: #f8d0ce;
  --lay-hover: #e16f9a;
  --lay1: #f994bacc;
  --lay2: #f994baa3;
  --back-title: #72bbef80;
  --lay-title: #f994ba80;
}

body::-webkit-scrollbar {
  display: none;
}

a,
a:focus,
a:hover {
  text-decoration: none;
}
#CenterApp {
  /*margin-right: 6px;*/
  /*margin-left: 6px;*/
  position: relative;
  width: 100%;
  /*max-width: 1400px;*/
  max-width: 100%;
  /*padding: 0 10px;*/
}
.jgfr8s0 {
  color: #f24040;
  font-size: 12px;
  padding-top: 5px;
}

.ujbzoj1 {
  position: relative;
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
  transition-property: opacity, visibility, height;
  transition-duration: 0.1s, 0.1s, 0.1s;
  transition-delay: 0.05s, 0.05s, 0.05s;
}

.ujbzoj0.ujbzoj1 {
  opacity: 1;
  visibility: visible;
}

.ujbzoj2 {
  padding: 15px;
  background-color: #616885;
  border-radius: 5px;
  position: absolute;
}

.ujbzoj3 {
  width: 5px;
  height: 5px;
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border: 5px solid transparent;
  border-right-color: #616885;
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  .ujbzoj1 {
    width: auto;
    margin-top: 5px;
  }

  .ujbzoj0.ujbzoj1 {
    height: auto;
  }

  .ujbzoj2 {
    position: static;
  }

  .ujbzoj3 {
    display: none;
  }
}

.nopi480 {
  position: relative;
}

.nopi486 {
  position: relative;
  border-radius: 4px;
  cursor: text;
  height: 50px;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto,
    Helvetica Neue, Arial, sans-serif;
}

.nopi486,
.nopi487 {
  display: flex;
  width: 100%;
}

.nopi487 {
  font: inherit;
  color: #fff;
  caret-color: #fff;
  background-color: initial;
  border: 0;
  margin: 0;
  padding: 16px 15px;
  outline: none;
  max-height: 50px;
}

.nopi487::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, 0.5);
}

.nopi487::placeholder {
  color: hsla(0, 0%, 100%, 0.5);
}

.nopi485 .nopi487 {
  color: hsla(0, 0%, 100%, 0.2);
}

.nopi488 {
  color: #000;
  caret-color: #000;
}

.nopi488::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}

.nopi488::placeholder {
  color: rgba(0, 0, 0, 0.4);
}

.nopi485 .nopi488 {
  color: hsla(0, 0%, 65.1%, 0.5);
}

.nopi487::-webkit-inner-spin-button,
.nopi487::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

.nopi487:-webkit-autofill,
.nopi487:-webkit-autofill:focus,
.nopi487:-webkit-autofill:hover {
  -webkit-transition: color 9999s cubic-bezier(1, 0, 1, 0),
    background-color 9999s cubic-bezier(1, 0, 1, 0);
  transition: color 9999s cubic-bezier(1, 0, 1, 0),
    background-color 9999s cubic-bezier(1, 0, 1, 0);
}

.nopi487 > option {
  color: #000;
}

.nopi489 {
  font: inherit;
  color: #fff;
  caret-color: #fff;
  background-color: initial;
  width: 100%;
  border: 0;
  margin: 0;
  display: flex;
  padding: 16px 15px;
  outline: none;
  max-height: 50px;
  position: absolute;
  line-height: 18px;
}

.nopi489::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, 0.5);
}

.nopi489::placeholder {
  color: hsla(0, 0%, 100%, 0.5);
}

.nopi485 .nopi489 {
  color: hsla(0, 0%, 100%, 0.2);
}

.nopi48a {
  color: #000;
  caret-color: #000;
  position: absolute;
  line-height: 18px;
}

.nopi48a::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}

.nopi48a::placeholder {
  color: rgba(0, 0, 0, 0.4);
}

.nopi485 .nopi48a {
  color: hsla(0, 0%, 100%, 0.2);
}

.nopi48b {
  top: -5px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0 8px;
  overflow: hidden;
  position: absolute;
  border-radius: inherit;
  pointer-events: none;
  border: 1px solid hsla(0, 0%, 100%, 0.5);
  transition: border 0.15s linear 0ms;
}

.nopi486:hover .nopi48b {
  border-color: hsla(0, 0%, 100%, 0.5);
}

.nopi481 .nopi48b,
.nopi481 .nopi486:hover .nopi48b,
.nopi481.nopi483 .nopi48b,
.nopi481.nopi483 .nopi486:hover .nopi48b {
  border-color: #f24040;
}

.nopi483 .nopi48b,
.nopi483 .nopi486:hover .nopi48b {
  border-color: #fff;
}

.nopi485 .nopi48b {
  border-color: hsla(0, 0%, 100%, 0.2) !important;
}

.nopi48c {
  border-color: rgba(0, 0, 0, 0.4);
}

.nopi486:hover .nopi48c {
  border-color: rgba(0, 0, 0, 0.66);
}

.nopi483 .nopi48c,
.nopi483 .nopi486:hover .nopi48c {
  border-color: #116cff;
}

.nopi485 .nopi48c {
  border-color: rgba(0, 0, 0, 0.2) !important;
}

.nopi48d {
  width: auto;
  height: 11px;
  display: block;
  padding: 0;
  font-size: 0.75em;
  max-width: 0.01px;
  text-align: left;
  transition: max-width 50ms cubic-bezier(0, 0, 0.2, 1) 0ms;
  visibility: hidden;
}

.nopi487:autofill ~ .nopi48b .nopi48d {
  max-width: 1000px;
  padding-right: 7px;
}

.nopi487:-webkit-autofill ~ .nopi48b .nopi48d {
  max-width: 1000px;
  padding-right: 7px;
}

.nopi482 .nopi48d,
.nopi483 .nopi48d {
  max-width: 1000px;
  padding-right: 7px;
}

.nopi484 .nopi48d {
  padding-right: 0 !important;
  max-width: 0 !important;
}

.nopi48e {
  order: -1;
  z-index: 1;
  -webkit-transform: translate(14px, 16px) scale(1);
  transform: translate(14px, 16px) scale(1);
  -webkit-user-select: none;
  user-select: none;
  cursor: text;
  transition: color 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms,
    -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms;
  transition: color 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms,
    transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms;
  transition: color 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms,
    transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms,
    -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms;
  -webkit-transform-origin: top left;
  transform-origin: top left;
  white-space: nowrap;
  color: hsla(0, 0%, 100%, 0.5);
  line-height: 18px;
}

.nopi487:autofill + .nopi48e {
  position: absolute;
  -webkit-transform: translate(14px, -6px) scale(0.75);
  transform: translate(14px, -6px) scale(0.75);
}

.nopi487:-webkit-autofill + .nopi48e {
  position: absolute;
  -webkit-transform: translate(14px, -6px) scale(0.75);
  transform: translate(14px, -6px) scale(0.75);
}

.nopi482 .nopi48e {
  position: absolute;
  -webkit-transform: translate(14px, -6px) scale(0.75);
  transform: translate(14px, -6px) scale(0.75);
}

.nopi483 .nopi48e {
  color: #fff;
}

.nopi482.nopi484 .nopi48e {
  display: none;
}

.nopi481 .nopi48e,
.nopi481.nopi483 .nopi48e {
  color: #f24040;
}

.nopi48f {
  color: rgba(0, 0, 0, 0.4);
}

.nopi483 .nopi48f {
  color: #116cff;
}

.nopi481 .nopi48f,
.nopi481.nopi483 .nopi48f {
  color: #f24040;
}

.nopi48g {
  margin-right: 15px;
  margin-left: 7px;
}

.nopi48g,
.nopi48h {
  max-height: 50px;
  display: flex;
  align-items: center;
}

.nopi48h {
  margin-left: 15px;
  margin-right: 7px;
  order: -2;
}

.lk4rqo0 {
  scrollbar-width: none;
}

.lk4rqo0::-webkit-scrollbar {
  display: none;
}

.lk4rqo1 {
  margin-left: auto;
}

.lk4rqo2,
.lk4rqo2 > svg {
  width: 8px;
  min-width: 8px;
  height: 8px;
}

.lk4rqo3,
.lk4rqo3 > svg {
  width: 12px;
  min-width: 12px;
  height: 12px;
}

.lk4rqo4,
.lk4rqo4 > svg {
  width: 16px;
  min-width: 16px;
  height: 16px;
}

.lk4rqo5,
.lk4rqo5 > svg {
  width: 20px;
  min-width: 20px;
  height: 20px;
}

.lk4rqo6,
.lk4rqo6 > svg {
  width: 24px;
  min-width: 24px;
  height: 24px;
}

.lk4rqo7,
.lk4rqo7 > svg {
  width: 32px;
  min-width: 32px;
  height: 32px;
}

.lk4rqo8 {
  opacity: 0.3;
}

.lk4rqo8:hover {
  opacity: 0.5;
}

.lk4rqo9 {
  width: 50px;
  height: 50px;
}

.lk4rqoa,
.lk4rqoa > svg {
  height: 24px;
}

.lk4rqob,
.lk4rqob > svg {
  height: 32px;
}

.lk4rqoc,
.lk4rqoc > svg {
  height: 30px;
}

.lk4rqod,
.lk4rqod > svg {
  height: 40px;
}

.lk4rqoe {
  cursor: pointer;
}

.lk4rqof {
  padding-left: 30px;
  padding-right: 30px;
}

.lk4rqog {
  color: #000;
  border-radius: 4px;
}

.lk4rqog,
.lk4rqoh {
  background-color: #fff;
}

.lk4rqoi {
  background-color: #eee;
}

.lk4rqoi,
.lk4rqoj {
  padding: 16px;
}

.lk4rqok {
  min-height: 60vh;
}

.lk4rqol {
  /*background-color: var(--cardBg);*/
  display: grid;
  align-items: center;
  height: 60px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;

  grid-template-columns: 120px minmax(0, 1fr) 120px;
  gap: 10px;
}

.lk4rqol ._19e4q1h0 select {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  -webkit-user-select: none;
  user-select: none;
  border-radius: inherit;
  cursor: pointer;
  font: inherit;
  letter-spacing: inherit;
  color: rgba(18,20,23,0.49804);
  border: 0;
  box-sizing: content-box;
  background: none;
  height: 32px;
  margin: 0;
  -webkit-tap-highlight-color: transparent;
  min-width: 0;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.h7ypctq {
  position: absolute;
  outline: none;
  padding-top: 8px;
  padding-bottom: 8px;
  max-height: inherit;
  width: 100%;
  display: flex;
  flex-direction: column;
  z-index: 2;
  background: #fff;
}
.h7ypctr {
  list-style: none;
  padding-right: 8px;
  padding-left: 8px;
  max-height: calc(32px * 6);
  overflow-y: auto;
}
.h7ypcto {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  outline: none;
  color: #121417;
  background: rgba(18,20,23, 0.18);
}
.h7ypct1a {
  flex-grow: 1;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lk4rqom {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  display: flex;
  padding-left: 16px;
  padding-right: 0;
  margin: 0;
  text-transform: capitalize;
  color: var(--cardTxt);
}

.lk4rqon {
  border-bottom: 1px solid #e6e6e6;
}

.lk4rqoo {
  display: none;
}

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

.lk4rqoq {
  /*background-color: var(--cardBg);*/
  color: var(--cardTxt);
  margin-bottom: 8px;
  /*border: 1px solid #DCE1EB;*/
  padding: 7px;
  background-color: #2C3E50;
}

.lk4rqor {
  border-radius: 1rem;
  overflow: hidden;
}

.lk4rqos {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden;
}

.lk4rqot {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  overflow: hidden;
}

.lk4rqou {
  position: relative;
  flex-grow: 1;
  color: var(--cardBlackTxt);
  display: flex;
  align-items: center;
  padding: 8px 8px 8px 16px;
  overflow: hidden;
}

.lk4rqou:hover {
  color: var(--cardBlackTxt);
}

.lk4rqov {
  margin-top: 8px;
}

.lk4rqow {
  margin-left: 8px;
}

.lk4rqox {
  margin-left: 16px;
}

.lk4rqoy {
  margin-right: 4px;
}

.lk4rqoz {
  margin-right: 8px;
}

.lk4rqo10 {
  margin-right: 16px;
}

.lk4rqo11 {
  margin-bottom: 8px;
}

.lk4rqo12 {
  margin-bottom: 16px;
}

.lk4rqo13 {
  display: flex;
  width: 120px;
  gap: 20px;
  /* align-items: center; */
  height: 60px;
}

.lk4rqo14 {
  width: 100%;
  height: 100%;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  /*padding-right: 2rem;*/
  cursor: pointer;
  align-items: center;
  display: flex;
  flex: 0 1 auto;
  font-size: .875rem;
  font-weight: 500;
  justify-content: center;
  letter-spacing: .0892857143em;
  line-height: normal;
  min-width: 90px;
  max-width: 360px;
  outline: none;
  padding: 0 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: none;
  user-select: none;
  color: #fff;
}

.lk4rqo15 {
  color: #2C3E50;
  border: 1px solid #fff;
  background-color: #fff;
  font-weight: 700;
}
.lk4rqo14.lk4rqo15::after {
  transform: translateX(100%);
  right: -1px;
  border-bottom-left-radius: 1rem;
  box-shadow: -12px 0 0 0 #fff;
  opacity: 1;
}
.lk4rqo14::before {
  transition: none;
  background-color: currentColor;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  /*transition: .3s cubic-bezier(0.25, 0.8, 0.5, 1);*/
}
.lk4rqo14.lk4rqo15:nth-child(n+2)::before {
  transform: translateX(-100%);
  left: 0px;
  border-bottom-right-radius: 1rem;
  box-shadow: 12px 0 0 0 #fff;
  opacity: 1;
  top: auto;
}
.lk4rqo14.lk4rqo15::before, .lk4rqo14.lk4rqo15::after {
  content: "";
  background-color: transparent;
  position: absolute;
  bottom: -2px;
  display: block;
  width: 2rem;
  height: 2rem;
}
.lk4rqoq .lk4rqo13:has(.lk4rqo14:nth-child(1).lk4rqo15)+.content-lists {
  border-top-left-radius: 0rem;
}

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

.lk4rqo17 {
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
  color: #fff;
  background-color: #46ce53;
  padding: 3px 6px;
  border-radius: 8px;
}

.lk4rqo18 {
  transition: 0.1s;
}

@media (min-width: 768px) and (max-width: 1023px) and (min-height: 768px) {
  .lk4rqof {
    padding-left: 15px;
    padding-right: 15px;
  }

  .lk4rqoi,
  .lk4rqoj {
    padding: 12px;
  }
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  .lk4rqof {
    padding-left: 15px;
    padding-right: 15px;
  }

  .lk4rqog {
    border-radius: 0;
  }

  .lk4rqoi,
  .lk4rqoj {
    padding: 8px;
  }

  .lk4rqo14 {
    padding: 0 8px;
  }
}

@media (max-width: 1023px) {
  .lk4rqom {
    padding-left: 8px;
    padding-right: 8px;
    white-space: nowrap;
  }

  .lk4rqou {
    padding-left: 8px;
    padding-right: 0;
  }
}

._1v756r80 {
  cursor: pointer;
}

._1qogfux0 {
  display: inline-block;
  height: 16px;
  width: 16px;
  margin-right: 8px;
  flex-shrink: 0;
}

._1qogfux1 {
  background-color: #fdefcc;
  color: rgba(0, 0, 0, 0.5);
}

._1qogfux1,
._1qogfux2 {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px;
  border-radius: 4px;
  font-size: 14px;
  width: 100%;
}

._1qogfux2 {
  background-color: #f24040;
  color: #fff;
}

._1qogfux3 {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px;
  border-radius: 4px;
  font-size: 14px;
  width: 100%;
  background-color: #fdefcc;
  color: rgba(0, 0, 0, 0.5);
}

.deubj90 {
  background-color: rgba(0, 0, 0, 0.33);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  transition: all 0.2s ease-in-out;
}

.deubj91 {
  z-index: -1;
  pointer-events: none;
}

.deubj92 {
  z-index: 170;
}

.deubj93 {
  z-index: 180;
}

.hxhk6e0 {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  z-index: 175;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hxhk6e0,
.hxhk6e1 {
  position: fixed;
  overflow: hidden;
}

.hxhk6e1 {
  max-width: 400px;
  width: 100%;
  z-index: 220;
  background-color: #fff;
  border-radius: 4px;
  color: #000;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.hxhk6e2 {
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  display: flex;
  text-align: left;
  align-items: center;
  justify-content: center;
  padding: 12px 0;
}

.hxhk6e3 {
  border-top: 1px solid #efefef;
  font-size: 14px;
  padding: 16px;
}

.hxhk6e4 {
  margin-right: 8px;
}

.hxhk6e5 {
  margin-top: 16px;
}

.hxhk6e6 {
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  text-align: center;
  padding: 0 16px;
}

.hxhk6e6,
.hxhk6e7 {
  opacity: 0.6;
}

.hxhk6e4 > svg > path {
  fill: #000;
}

@-webkit-keyframes mv0oqd0 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes mv0oqd0 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

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

.mv0oqd2 {
  height: 200px;
}

.mv0oqd3 {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.mv0oqd4 {
  -webkit-animation-name: mv0oqd0;
  animation-name: mv0oqd0;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.mv0oqd4,
.mv0oqd5 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 5px;
}

.mv0oqd5 {
  -webkit-animation-name: mv0oqd0;
  animation-name: mv0oqd0;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.mv0oqd6 {
  -webkit-animation-name: mv0oqd0;
  animation-name: mv0oqd0;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.nnz0ri0 {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: initial;
  cursor: pointer;
  min-height: 50px;
  width: 100%;
  min-width: 80px;
  outline: 0;
  border: 0;
  border-radius: 4px;
  -webkit-user-select: none;
  user-select: none;
  position: relative;
  margin: 0;
  padding: 4px 16px;
  overflow: hidden;
}

.nnz0ri0:disabled {
  cursor: not-allowed;
}

.nnz0ri1 {
  cursor: wait;
}

.nnz0ri2 {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  color: var(--white);
  text-shadow: 1px 1px 1px var(--background);
  background-color: var(--light2Sade);
  box-shadow: 2px 3px 6px var(--darkSade);
}

.nnz0ri2:focus {
  background-color: var(--lightSade);
  box-shadow: 2px 3px 6px var(--darkSade) !important;
}

.nnz0ri2:disabled {
  color: hsla(0, 0%, 65.1%, 0.5);
  background-color: hsla(0, 0%, 65.1%, 0.3);
}

.nnz0ri3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  background-color: #1141ff;
  color: #fff;
  padding: 5px;
}

.nnz0ri3:active {
  background-color: #116cff;
}

.nnz0ri3:disabled {
  color: hsla(0, 0%, 65.1%, 0.5);
  background-color: hsla(0, 0%, 65.1%, 0.3);
}

.nnz0ri4 {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  background-color: #1141ff;
  color: #fff;
  min-height: 35px;
}

.nnz0ri4:active {
  background-color: #116cff;
}

.nnz0ri4:disabled {
  color: hsla(0, 0%, 65.1%, 0.5);
  background-color: hsla(0, 0%, 65.1%, 0.3);
}

.nnz0ri5 {
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
  background-color: #1141ff;
  color: #fff;
  min-height: 30px;
  width: auto;
}

.nnz0ri5:active {
  background-color: #116cff;
}

.nnz0ri5:disabled {
  color: hsla(0, 0%, 65.1%, 0.5);
  background-color: hsla(0, 0%, 65.1%, 0.3);
}

.nnz0ri6 {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  background-color: var(--cardRowBodr);
  color: var(--cardTxt);
}

.nnz0ri6:active {
  background-color: var(--cardBtnActBg);
  color: var(--cardTxt);
}

.nnz0ri6:disabled {
  color: hsla(0, 0%, 65.1%, 0.5);
  background-color: hsla(0, 0%, 65.1%, 0.3);
}

.nnz0ri7 {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  background-color: #1141ff;
  color: #fff;
  padding: 4px 16px;
  min-height: 40px;
}

.nnz0ri7:active {
  background-color: #116cff;
}

.nnz0ri7:disabled {
  color: hsla(0, 0%, 65.1%, 0.5);
  background-color: hsla(0, 0%, 65.1%, 0.3);
}

.nnz0ri8 {
  border: 1px solid #d1d1d1;
  color: #1141ff;
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
  min-height: 32px;
}

.nnz0ri8:hover {
  border: 1px solid #1141ff;
}

.nnz0ri8:disabled {
  color: #a6a6a6;
  border: 1px solid #a6a6a6;
}

.nnz0ri9 {
  background-color: #fff;
  color: #1141ff;
  border: 1px solid #d1d1d1;
}

.nnz0ri9:active {
  color: hsla(0, 0%, 65.1%, 0.5);
  background-color: #efefef;
}

.nnz0ri9:disabled {
  color: #a6a6a6;
}

.nnz0ria {
  background-color: hsla(0, 0%, 100%, 0.1);
  color: #fff;
}

.nnz0ria:active {
  color: #fff;
  background-color: hsla(0, 0%, 100%, 0.33);
}

.nnz0ria:disabled {
  color: #a6a6a6;
}

.nnz0rib {
  background-color: #fff;
  color: #1141ff;
  border: 1px solid #d1d1d1;
  min-height: 35px;
}

.nnz0rib:active {
  color: hsla(0, 0%, 65.1%, 0.5);
  background-color: #efefef;
}

.nnz0rib:disabled {
  color: #a6a6a6;
}

.nnz0ric {
  color: #000;
  border: 1px solid hsla(0, 0%, 65.1%, 0.3);
}

.nnz0ric:active {
  background-color: none;
}

.nnz0ric:disabled {
  opacity: 0.5;
}

.nnz0rid {
  color: #fff;
  border: 1px solid hsla(0, 0%, 100%, 0.66);
}

.nnz0rid:active {
  background-color: hsla(0, 0%, 100%, 0.33);
}

.nnz0rid:disabled {
  opacity: 0.5;
}

.nnz0rie {
  color: var(--darkSade);
  border: 1px solid var(--darkSade);
  min-height: 35px;
}

.nnz0rie:active {
  background-color: hsla(0, 0%, 100%, 0.33);
}

.nnz0rie:disabled {
  opacity: 0.5;
}

.nnz0rif {
  color: #fff;
  border: 1px solid hsla(0, 0%, 100%, 0.66);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  min-height: 40px;
  width: unset;
}

.nnz0rif:active {
  background-color: hsla(0, 0%, 100%, 0.33);
}

.nnz0rif:disabled {
  opacity: 0.5;
}

.nnz0rig {
  color: #fff;
  border: 1px solid hsla(0, 0%, 100%, 0.66);
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  min-height: 30px;
}

.nnz0rig:active {
  background-color: hsla(0, 0%, 100%, 0.33);
}

.nnz0rig:disabled {
  opacity: 0.5;
}

.nnz0rih {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #1141ff;
  width: 100%;
  min-height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.nnz0rih:disabled {
  color: hsla(0, 0%, 65.1%, 0.5);
}

.nnz0rii {
  color: #1141ff;
}

.nnz0rii:disabled {
  color: hsla(0, 0%, 65.1%, 0.5);
}

.nnz0rij {
  color: #fff;
}

.nnz0rij:disabled {
  color: hsla(0, 0%, 65.1%, 0.5);
}

.nnz0rik {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}

.nnz0rik:hover {
  opacity: 0.95;
}

.nnz0ril {
  display: flex;
  align-items: center;
}

.nnz0rim {
  margin-top: 2px;
}

.nnz0rin {
  display: flex;
  margin-right: 5px;
}

.nnz0rio {
  position: relative;
}

._158j5k00 {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #a6a6a6;
  padding: 100px 40px;
  text-align: center;
}

._158j5k01 {
  flex-direction: row;
  padding: 0;
  text-align: left;
}

._158j5k02 {
  color: #fff;
}

._158j5k03 {
  width: 60px;
  height: 60px;
}

._158j5k04 {
  position: relative;
  left: 40px;
  bottom: 20px;
  width: 20px;
  height: 20px;
}

._158j5k05 {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  color: #000;
  text-align: center;
  padding-top: 25px;
  padding-left: 0;
  max-width: 400px;
}

._158j5k06 {
  text-align: left;
  padding-top: 0;
  padding-left: 15px;
}

._158j5k07 {
  color: #fff;
}

._158j5k08 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #a6a6a6;
  padding-top: 5px;
  padding-left: 0;
  max-width: 400px;
}

._158j5k09 {
  padding-top: 0;
  padding-left: 15px;
}

._158j5k0a {
  color: #fff;
}

._158j5k0b {
  padding-top: 10px;
}

._158j5k0c {
  width: 100%;
  padding-top: 20px;
}

._11a7j2w0 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
}

._11a7j2w1 {
  min-height: 60vh;
}

._1rlodnh0 {
  display: flex;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding-bottom: 8px;
  -webkit-user-select: none;
  user-select: none;
}

._1rlodnh1 {
  display: flex;
  flex-direction: column;
  cursor: pointer;
}

._1rlodnh2 {
  background-color: initial;
  border: 2px solid #d1d1d1;
  border-radius: 3px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

._1rlodnh3 {
  background-color: #1141ff;
  border: none;
}

._1rlodnh4 {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

._1rlodnh5 {
  color: #a6a6a6;
}

._13s3etk0 {
  text-decoration: none;
}

._1a7anf70 {
  width: 100%;
  display: flex;
  padding: 15px 30px;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  min-height: 50px;
  opacity: 1;
  transition: all 0.5s;
}

._1a7anf71 {
  padding: 10px 20px;
}

._1a7anf72 {
  background-color: initial;
  color: #000;
}

._1a7anf72,
._1a7anf73 {
  action-text-color: #1141ff;
}

._1a7anf73 {
  background-color: #78d80f;
  color: #fff;
}

._1a7anf74 {
  background-color: #fd0;
  color: #000;
  action-text-color: #1141ff;
}

._1a7anf75 {
  background-color: #f24040;
  color: #fff;
  action-text-color: #fff;
}

._1a7anf76 {
  background-color: #595959;
  action-text-color: #53f1ff;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 50px;
}

._1a7anf76,
._1a7anf77 {
  color: #fff;
  flex-direction: column;
}

._1a7anf77 {
  background-color: #78d80f;
  action-text-color: #1141ff;
  min-height: 220px;
  justify-content: center;
}

._1a7anf78 {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 0;
}

._1a7anf79 {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0;
}

._1a7anf7a {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

._1a7anf7b {
  font-size: 16px;
  max-width: 85%;
}

._1a7anf7b,
._1a7anf7c {
  font-weight: 400;
  line-height: 20px;
}

._1a7anf7c {
  font-size: 14px;
  max-width: auto;
}

._1a7anf77 > ._1a7anf7b {
  padding: 5px 0 0;
}

._1a7anf7d {
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  color: #fff;
  padding-top: 5px;
}

._1a7anf7e {
  display: flex;
  margin-top: 10px;
}

._1a7anf7f {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  flex-shrink: 0;
  cursor: pointer;
}

._1a7anf72 ._1a7anf7f {
  color: #1141ff;
}

._1a7anf76 ._1a7anf7f {
  color: #53f1ff;
}

._1a7anf75 ._1a7anf7f {
  color: #fff;
}

._1a7anf73 ._1a7anf7f,
._1a7anf74 ._1a7anf7f,
._1a7anf77 ._1a7anf7f {
  color: #1141ff;
}

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

._1a7anf7h {
  cursor: pointer;
}

@media (min-width: 768px) and (max-width: 1023px) and (min-height: 768px) {
  ._1a7anf70 {
    padding: 15px;
  }
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  ._1a7anf70 {
    padding: 15px;
  }
}

._1g3o4db0 {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.33);
  z-index: 1000;
}

._1g3o4db1 {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
  z-index: 1001;
  border-radius: 4px;
  overflow: hidden;
  outline: none;
}

._1g3o4db2 {
  padding: 0 16px 16px;
}

._1g3o4db3 {
  width: auto;
  margin-right: 8px;
}

._1g3o4db4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 16px;
  width: 600px;
  color: #000;
  max-height: calc(100vh - 200px);
  overflow-y: auto;
}

._1g3o4db5 {
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  border-bottom: 1px solid #d1d1d1;
  padding: 12px;
}

._1g3o4db6 {
  margin-right: 8px;
}

._1g3o4db7 {
  margin: -16 -16 16px;
}

._1g3o4db8 {
  padding-top: 8px;
}

._1g3o4db8 > div {
  padding-bottom: 0;
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  ._1g3o4db1 {
    width: 100vw;
    bottom: 0;
    -webkit-transform: none;
    transform: none;
    left: inherit;
    top: inherit;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  ._1g3o4db2 {
    padding: 8 16;
  }

  ._1g3o4db4 {
    width: 100vw;
  }
}

._3bxygu0 {
  z-index: 1;
}

.fdmhji0 {
  display: flex;
  flex-direction: column;
  background: #242a3f;
  min-height: 100vh;
}

.fdmhji1 {
  display: block;
}

.fdmhji3 {
  flex-direction: column;
  padding-bottom: 30px;
  flex-grow: 1;
}

.fdmhji3,
.fdmhji4 {
  display: flex;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

.fdmhji4 {
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  white-space: nowrap;
}

.fdmhji5 {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-direction: column;
  justify-content: flex-start;
  white-space: normal;
  margin-left: 0;
}

.fdmhji6 {
  padding-left: 10px;
}

.fdmhji7 {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  min-height: 70vh;
  flex-grow: 2;
  background-color: #fff;
  border-radius: 4px;
}

.fdmhji8 {
  max-width: 1120px;
  margin: auto;
}

.fdmhji9,
.fdmhjia {
  background-color: initial;
  overflow: hidden;
}

.fdmhjia {
  min-height: auto;
  white-space: normal;
  margin-bottom: 16px;
  border-radius: 4px;
}

.fdmhjia:last-of-type {
  margin-bottom: 0;
}

.fdmhjib {
  background-color: #fff;
  min-height: 50px;
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  .fdmhji0 {
    background: #242a3f;
  }

  .fdmhji1 {
    display: none;
  }

  .fdmhji2 {
    display: block;
  }

  .fdmhji3,
  .fdmhji4 {
    min-height: calc(100vh - 105px);
  }

  .fdmhji5 {
    overflow-y: hidden;
    margin-left: 0;
  }

  .fdmhji6 {
    padding-left: 0;
  }

  .fdmhji7 {
    overflow: hidden;
    min-height: auto;
    border-radius: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-height: 768px) {
  .fdmhji5 {
    overflow-y: hidden;
    margin-left: 0;
  }

  .fdmhji6 {
    padding-left: 5px;
  }

  .fdmhji7 {
    overflow: hidden;
  }

  .fdmhjia {
    margin-bottom: 8px;
  }
}

._1f19vvk0 {
  padding-top: 68px;
  width: 100%;
  max-width: 100%;
}

._1f19vvk1 > a {
  text-decoration: none;
}

._1f19vvk2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  width: 100%;
  height: 53px;
  display: flex;
  background: #2b3148;
  color: #fff;
  border-radius: 5px;
  margin-bottom: 5px;
  padding: 10px;
  align-items: center;
}

._1f19vvk2:hover,
._1f19vvk3 {
  background: #fff;
  color: #000;
}

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

._1f19vvk5 {
  height: 33px;
  width: 33px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
  flex-shrink: 0;
}

._1f19vvk6 {
  width: 100%;
}

._1f19vvk7 {
  color: hsla(0, 0%, 100%, 0.5);
}

._1f19vvk2:hover ._1f19vvk7,
._1f19vvk3 ._1f19vvk7 {
  color: rgba(0, 0, 0, 0.5);
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  ._1f19vvk0 {
    padding-top: 5px;
    overflow-x: scroll;
  }

  ._1f19vvk1 {
    display: flex;
    padding-left: 5px;
    padding-right: 5px;
  }

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

@media (min-width: 768px) and (max-width: 1023px) and (min-height: 768px) {
  ._1f19vvk0 {
    padding-top: 5px;
    overflow-x: scroll;
  }

  ._1f19vvk1 {
    display: flex;
    padding-left: 5px;
    padding-right: 5px;
  }

  ._1f19vvk2 {
    width: auto;
    margin-right: 10px;
  }
}

._10ztym10 {
  background-color: #fff;
  color: #000;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 8px 16px;
  border-bottom: 1px solid #e6e6e6;
}

._10ztym11 {
  color: #fff;
  background-color: var(--lightSade); /* #404765;*/
  position: relative;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  max-width: 100vw;
}

._10ztym11,
._10ztym12 {
  display: flex;
  flex-direction: row;
  white-space: nowrap;
}

._10ztym12 {
  width: 100%;
  justify-content: flex-end;
}

._10ztym13 {
  justify-content: space-between;
}

._10ztym14 {
  font-size: 23px;
  font-weight: 600;
  line-height: 30px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 768px) and (max-width: 1023px) and (min-height: 768px) {
  ._10ztym10 {
    padding: 0;
  }
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  ._10ztym14 {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-left: 50px;
    text-align: center;
    width: 100%;
  }

  ._10ztym15 {
    margin-left: 0;
  }
}

.zm3ezi0 {
  flex-grow: 1;
  flex-shrink: 1;
  justify-content: flex-start;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.zm3ezi0,
.zm3ezi1 {
  display: flex;
  flex-direction: column;
}

.zm3ezi1 {
  color: #000;
  min-height: 100%;
  flex-grow: 2;
  padding: 30px 30px 25px;
}

.zm3ezi4 {
  padding-bottom: 0;
}

.zm3ezi5 {
  position: relative;
}

@media (min-width: 1201px) {
  .zm3ezi2 {
    padding-right: 0;
    padding-left: 0;
  }

  .zm3ezi3 {
    padding-top: 0;
  }
}

@media (min-width: 1024px) and (max-width: 1200px) {
  .zm3ezi2 {
    padding-right: 0;
    padding-left: 0;
  }

  .zm3ezi3 {
    padding-top: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-height: 768px) {
  .zm3ezi1 {
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
  }

  .zm3ezi2 {
    padding-right: 0;
    padding-left: 0;
  }

  .zm3ezi3 {
    padding-top: 0;
  }
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  .zm3ezi0 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  .zm3ezi1 {
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
  }

  .zm3ezi2 {
    padding-right: 0;
    padding-left: 0;
  }

  .zm3ezi3 {
    padding-top: 0;
  }
}

._5wip5y0 {
  margin-left: -30px;
  margin-right: -30px;
}

@media (min-width: 768px) and (max-width: 1023px) and (min-height: 768px) {
  ._5wip5y0 {
    margin-left: -15px;
    margin-right: -15px;
  }
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  ._5wip5y0 {
    margin-left: -15px;
    margin-right: -15px;
  }
}

._19czcl80 {
  height: 5px;
  background-color: initial;
}

.a4gyr20 {
  text-decoration: none;
}

.a4gyr21 {
  pointer-events: auto;
}

.a4gyr22 {
  pointer-events: none;
}

._7opchz0 {
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  text-transform: uppercase;
  justify-content: flex-end;
}

._7opchz1 {
  color: #78d80f;
  padding: 0px 5px;
}

#hExp {
  color: #ff0000;
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  ._7opchz0 {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    text-align: right;
  }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-height: 768px) {
  ._7opchz0 {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
  }
}

._2j6d40 {
  width: 57px;
}

@media (max-width: 1023px) {
  ._2j6d40 {
    width: 75px;
  }
}

._1aw3qih0 {
  cursor: pointer;
  display: flex;
  width: 100%;
  padding: 8px;
  align-items: center;
}

._1aw3qih1 {
  height: 40px;
  background-color: #2b3148;
  color: hsla(0, 0%, 100%, 0.5);
}

._1aw3qih1:hover {
  background-color: var(--lightSade); /*#404765;*/
  color: #fff;
}

._1aw3qih2 {
  height: 40px;
  background-color: initial;
  color: hsla(0, 0%, 100%, 0.5);
}

._1aw3qih2:hover {
  background-color: initial;
  color: #fff;
}

._1aw3qih3 {
  height: 32px;
  background-color: #e6e6e6;
  color: rgba(0, 0, 0, 0.5);
}

._1aw3qih3:hover {
  background: #cfcfcf;
  color: #000;
}

._1aw3qih4 {
  border-radius: 5px;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
}

._1aw3qih5 {
  flex-shrink: 0;
  height: 20px;
  margin-right: 8px;
}

._1aw3qih6 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding-right: 4px;
  flex-shrink: 1;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

._1aw3qih7 {
  flex-shrink: 0;
  margin-left: auto;
}

._1aw3qih8 {
  width: 20px;
  height: 20px;
  min-width: 20px;
}

._1aw3qih9 {
  width: 8px;
  height: 24px;
  min-width: 8px;
}

._1aw3qiha {
  opacity: 0.3;
  width: 16px;
  height: 16px;
  min-width: 16px;
}

._1aw3qih0:hover ._1aw3qiha {
  opacity: 0.5;
}

._17ccabz0 {
  position: absolute;
  z-index: 200;
  max-height: 176px;
  overflow-x: hidden;
  overflow-y: auto;
  right: 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

._17ccabz1 {
  min-width: 100%;
  top: 0;
}

._17ccabz1,
._17ccabz2 {
  background-color: #2b3148;
}

._17ccabz2 {
  min-width: 176px;
  top: 100%;
}

._17ccabz3 {
  min-width: 100%;
  top: 0;
  background-color: #efefef;
}

._17ccabz4 {
  border-radius: 5px;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
}

._17ccabz5 {
  border: none;
}

._17ccabz0 > div {
  border: none;
  border-radius: 0;
}

._10fm8fk0 {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

._1glrvdx0 {
  width: 100%;
  position: relative;
}

._1glrvdx1,
._1glrvdx2 {
  height: 40px;
}

._1glrvdx2 {
  background-color: initial;
}

._1glrvdx3 {
  height: 32px;
}

.hvblj10 {
  width: 25px;
  min-width: 25px;
  height: 20px;
  object-fit: cover;
}

.bs6t330 {
  z-index: 1;
  display: flex;
  align-items: center;
}

.bs6t331 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  z-index: 1;
  margin-right: 8px;
  color: #fff;
  opacity: 0.5;
}

.bs6t332 {
  height: 100%;
}

.bs6t332,
.bs6t333 {
  display: flex;
  align-items: center;
}

.bs6t333 {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  transition: 0.1s ease-in-out;
  margin-right: 4px;
  background-color: hsla(0, 0%, 100%, 0.1);
  justify-content: center;
}

.bs6t333:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}

._1pzk4g10 {
  /*position: sticky;*/
  top: 0;
  z-index: 10;
}

._1pzk4g11 {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  height: 64px;
  padding: 16px;
  display: flex;
  align-items: center;
}

._1pzk4g11_1 {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  padding: 0 10px;
  max-height: 40px;
  display: none;
  align-items: center;
  background: rgba(19,18,23,0.8); /*#4d577adb;*/
  border-top: 1px solid rgb(43, 42, 46);
}

._1pzk4g12 {
  margin-left: 4px;
  position: relative;
  top: 1px;
  width: 24px;
  height: 12px;
}

._1pzk4g13 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2C3E50;
  /*background: linear-gradient(135deg, rgb(6, 166, 255), rgb(155, 89, 255));*/
}

._1pzk4g14 {
  display: flex;
  position: relative;
  padding: 10px;
  color: #fff;
  text-decoration: none;
}

._1pzk4g10 ._1pzk4g11 ._1pzk4g14 {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    font-family: Inter,sans-serif;
  padding: 5px 15px;
  border-radius: 20px;
}

._1pzk4g14:hover,
._1pzk4g15 {
  color: var(--whiteText1);
  background-color: var(--headMenuHoverBG);
}

._17c8p6761 .active {
  color: #fff;
  /*background: var(--whiteText1);*/
  /*background: linear-gradient(135deg, rgb(0, 255, 135), rgb(6, 166, 255), rgb(155, 89, 255));*/
  text-shadow: 0px 0px 2px #262626;
  border: 1px solid var(--whiteText1);
}

._1pzk4g16 {
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  position: relative;
  height: 50px;
  display: flex;
  align-items: center;
  padding: 0 20px;
  /*margin-bottom: 10px*/
}
._1pzmarquee {
  color: #fff;
  height: 27px;
}

._1pzk4g17 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0088cc;
}

._1pzk4g18,
._1pzk4g19 {
  display: flex;
  align-items: center;
}

._1pzk4g19 {
  position: relative;
  padding-left: 8px;
  padding-right: 8px;
  margin-left: 8px;
  height: 36px;
  justify-content: center;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  flex-shrink: 0;
}

._1pzk4g19:hover {
  background-color: hsla(0, 0%, 100%, 0.1);
  color: var(--white);
}

._1pzk4g1a {
  color: var(--lightSade); /*#404765*/
}

._1pzk4g1a,
._1pzk4g1a:hover {
  background-color: #fff;
}

._1pzk4g1b {
  position: relative;
  margin-right: 15px;
}

._1pzk4g1c {
  margin-left: auto;
}

._1pzk4g1c,
._1pzk4g1d {
  position: relative;
  display: flex;
  align-items: center;
}

._1pzk4g1d {
  justify-content: center;
  height: 40px;
  min-width: 40px;
  background-color: hsla(0, 0%, 100%, 0.1);
  margin-left: 8px;
  border-radius: 4px;
}

._1pzk4g1d:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}

._1pzk4g1e {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 4px;
  height: 4px;
}

._1pzk4g1f {
  display: flex;
  margin-left: auto;
}

._1pzk4g1g {
  margin-left: 10px;
  flex-shrink: 0;
}

._1pzk4g1h {
  position: relative;
  line-height: 0;
  margin-left: 16px;
  color: #fff;
}

._1uglny20 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #78d80f;
  justify-content: center;
}

._1uglny20,
._16xo9s40 {
  display: flex;
  align-items: center;
}

._16xo9s40 {
  height: 56px;
  justify-content: space-between;
  padding: 8px;
  background-color: #1141ff;
}

._16xo9s41 {
  margin-left: 4px;
}

._16xo9s42,
._16xo9s43 {
  display: flex;
  align-items: center;
}

._16xo9s43 {
  margin-left: 12px;
}

._16xo9s44 {
  margin-left: 8px;
  color: #fff;
}

._16xo9s45 {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

._16xo9s46 {
  font-size: 8px;
  text-transform: uppercase;
  padding: 2px 4px;
  background-color: hsla(0, 0%, 100%, 0.3);
  border-radius: 2px;
  display: inline-block;
  margin-bottom: 4px;
}

._16xo9s47 {
  color: #1141ff;
  padding: 8px 16px;
  background: #fff;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
}

._1nukjbz0 {
  background-color: #1141ff;
  min-width: 30px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  margin: 8px;
}

._1owns7m0 {
  z-index: 10;
}

._1owns7m1 {
  justify-content: space-between;
  background-color: var(--lightSade); /*#404765;*/
  height: 50px;
}

._1owns7m1,
._1owns7m2 {
  display: flex;
  align-items: center;
  position: relative;
}

._1owns7m2 {
  padding-right: 8px;
  padding-left: 8px;
  min-width: 40px;
  width: 40px;
  height: 100%;
  overflow: hidden;
}

._1owns7m3 {
  padding-right: 16px;
  padding-left: 16px;
  min-width: 50px;
  width: 50px;
}

._1owns7m4 {
  position: absolute;
  width: 4px;
  height: 4px;
  top: 8px;
  right: 8px;
}

._1owns7m5 {
  flex-grow: 1;
  width: unset;
  justify-content: flex-end;
}

._1owns7m6 {
  height: 30px;
  margin-right: auto;
  margin-left: 8px;
}

._1owns7m7 {
  display: flex;
  flex-shrink: 0;
  padding-left: 8px;
}

._1owns7m8 {
  margin-right: 8px;
}

._1owns7m6 > svg {
  height: 30px;
}

._1usylee0 {
  position: sticky;
  top: 0;
  z-index: 10;
}

._1usylee1 {
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  position: relative;
  height: 65px;
  display: flex;
  align-items: center;
  padding: 0 20px;
  margin-bottom: 10px;
}

._1usylee2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #404765;
}

._1usylee3,
._1usylee4 {
  display: flex;
  align-items: center;
}

._1usylee4 {
  position: relative;
  padding-left: 8px;
  padding-right: 8px;
  margin-left: 8px;
  height: 36px;
  justify-content: center;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  flex-shrink: 0;
}

._1usylee5 {
  color: #404765;
  background-color: #fff;
}

._1usylee6 {
  position: relative;
  margin-right: 16px;
}

._1usylee7 {
  margin-left: auto;
}

._1usylee7,
._1usylee8 {
  position: relative;
  display: flex;
  align-items: center;
}

._1usylee8 {
  justify-content: center;
  height: 40px;
  min-width: 40px;
  margin-left: 8px;
  border-radius: 4px;
  background-color: hsla(0, 0%, 100%, 0.1);
}

._1usylee8:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}

._1usylee9 {
  position: absolute;
  top: 4px;
  right: 4px;
}

._1usyleea {
  margin-left: 8px;
  flex-shrink: 0;
}

._1whg5g10 {
  position: relative;
  height: 250px;
  margin: 0 0 10px;
}

._1whg5g11 {
  display: flex;
  align-items: center;
  height: 100%;
  border-radius: 4px;
}

._1whg5g12 {
  width: 50%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  order: 1;
}

._1whg5g13 {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.33);
  color: #fff;
  width: 50%;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  text-align: left;
}

._1whg5g14 {
  font-size: 23px;
  font-weight: 600;
  line-height: 26px;
}

._1whg5g14,
._1whg5g15 {
  max-width: 100%;
  max-height: 100%;
  margin-bottom: 5px;
}

._1whg5g16 {
  display: inline-block;
  margin-top: auto;
}

._1whg5g17 {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

._1whg5g18 {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  display: flex;
  max-width: 500px;
}

._1whg5g19 {
  width: 100px;
  height: 30px;
  margin: 0 5px;
  background: transparent;
  display: flex;
  align-items: center;
}

._1whg5g1a {
  height: 4px;
  border-radius: 5px;
  background: hsla(0, 0%, 100%, 0.33);
  overflow: hidden;
  width: 100%;
  cursor: pointer;
  position: relative;
}

._1whg5g1b {
  height: 100%;
  background: #fff;
  position: absolute;
  transition: -webkit-transform 6s linear;
  transition: transform 6s linear;
  transition: transform 6s linear, -webkit-transform 6s linear;
  will-change: transform;
}

@media (min-width: 1024px) and (max-width: 1200px), (min-width: 1201px) {
  ._1whg5g10 {
    height: 340px;
    margin: 0 10px 10px;
  }

  ._1whg5g13 {
    padding: 50px;
  }

  ._1whg5g14 {
    font-size: 30px;
    font-weight: 700;
    line-height: 35px;
  }

  ._1whg5g15 {
    font-size: 23px;
    font-weight: 400;
    line-height: 31px;
  }

  ._1whg5g17 {
    top: 20px;
    right: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-height: 768px) {
  ._1whg5g10 {
    margin: 0 5px 5px;
    height: 265px;
  }

  ._1whg5g13 {
    padding: 20px 0 30px 20px;
  }

  ._1whg5g14 {
    font-size: 23px;
    font-weight: 700;
    line-height: 26px;
  }

  ._1whg5g15 {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  ._1whg5g10 {
    margin: 0;
    min-height: 160px;
    height: 160px;
  }

  ._1whg5g11 {
    border-radius: 0;
  }

  ._1whg5g13 {
    padding: 20px 0 30px 20px;
    flex-shrink: 0;
  }

  ._1whg5g14 {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin: auto 0;
    padding-bottom: 10px;
  }

  ._1whg5g15 {
    display: none;
  }

  ._1whg5g18 {
    max-width: 100%;
  }

  ._1whg5g19 {
    width: 100vw;
  }

  ._1whg5g1a {
    height: 3px;
  }
}

@media (min-width: 500px) and (max-width: 1023px) and (max-height: 767px) and (orientation: landscape) {
  ._1whg5g10 {
    min-height: 175px;
    height: 175px;
  }

  ._1whg5g14 {
    font-size: 23px;
    font-weight: 700;
    line-height: 26px;
  }
}

.nvszmf1 {
  position: relative;
  height: 232px;
  margin-bottom: 8px;
}

.nvszmf2 {
  display: flex;
  align-items: center;
  height: 100%;
  border-radius: 4px;
}

.nvszmf3 {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 100%;
  background-size: contain;
}

.nvszmf4 {
  position: relative;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  color: #fff;
  width: 100%;
  padding: 24px;
  align-self: stretch;
  display: flex;
  flex-direction: column;
}

.nvszmf5 {
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
  max-height: 72px;
}

.nvszmf5,
.nvszmf6 {
  width: 65%;
  max-width: 400px;
  margin-bottom: 8px;
  overflow: hidden;
}

.nvszmf6 {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  max-height: 40px;
}

.nvszmf7 {
  display: inline-block;
  align-self: flex-start;
  margin-top: auto;
}

.nvszmf8 {
  cursor: pointer;
  position: absolute;
  top: 8px;
  right: 8px;
}

.nvszmf9 {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  display: flex;
  max-width: 512px;
}

.nvszmfa {
  width: 96px;
  height: 24px;
  margin: 0 4px;
  background: transparent;
  display: flex;
  align-items: center;
}

.nvszmfb {
  height: 4px;
  border-radius: 4px;
  background: hsla(0, 0%, 100%, 0.33);
  overflow: hidden;
  width: 100%;
  cursor: pointer;
  position: relative;
}

.nvszmfc {
  height: 100%;
  background: #fff;
  position: absolute;
  transition: -webkit-transform 6s linear;
  transition: transform 6s linear;
  transition: transform 6s linear, -webkit-transform 6s linear;
  will-change: transform;
}

@media (min-width: 1440px) {
  .nvszmf1 {
    height: 304px;
  }

  .nvszmf4 {
    padding: 32px;
  }

  .nvszmf5 {
    max-width: 512px;
    font-size: 38px;
    line-height: 48px;
    max-height: 96px;
  }

  .nvszmf6 {
    max-width: 512px;
    font-size: 22px;
    line-height: 28px;
    max-height: 56px;
  }
}

@media (max-width: 1023px) {
  .nvszmf1 {
    height: 160px;
  }

  .nvszmf3 {
    background-position: 50%;
  }

  .nvszmf4 {
    padding: 16px;
  }

  .nvszmf5 {
    max-width: 55%;
    font-size: 18px;
    line-height: 24px;
  }

  .nvszmf6 {
    display: none;
  }

  .nvszmf9 {
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  .nvszmfa {
    width: 100vw;
    height: 16px;
  }

  .nvszmfb {
    height: 4px;
  }
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  .nvszmf1 {
    margin-bottom: 0;
  }

  .nvszmf2 {
    border-radius: 0;
  }
}

._7r4n620 {
  min-width: 50%;
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
  text-align: center;
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  ._7r4n620 {
    width: auto;
    min-height: 50px;
  }
}

._97jw5n0 {
  width: 100%;
  border-radius: 5px;
  background-color: #e6e6e6;
  flex-direction: row;
  padding: 15px;
  margin-top: 30px;
}

._97jw5n0,
._97jw5n1 {
  display: flex;
  justify-content: center;
}

._97jw5n1 {
  width: 50%;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

._97jw5n2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  padding-top: 2.5px;
  color: #000;
}

._97jw5n3 {
  padding-left: 10px;
  padding-right: 10px;
  color: #000;
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  ._97jw5n0 {
    flex-direction: column-reverse;
    padding: 10px;
  }

  ._97jw5n1 {
    width: auto;
    min-height: 50px;
  }

  ._97jw5n3 {
    padding-top: 5px;
  }
}

._1xsidi50 {
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  padding: 20px 0 15px;
}

.c381d30 {
  font-size: 10px;
  font-weight: 700;
  line-height: 10px;
  text-transform: uppercase;
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 11px 10px 9px;
  border-radius: 25px;
}

.c381d31,
.c381d32 {
  background-color: rgba(0, 0, 0, 0.33);
  color: #fff;
  border-color: rgba(0, 0, 0, 0.33);
}

._1w43y000 {
  min-height: 350px;
  overflow: hidden;
}

._1w43y000,
._1w43y001 {
  position: relative;
  display: flex;
  justify-content: space-between;
}

._1w43y001 {
  min-height: 100%;
  width: 100%;
  padding: 50px;
  flex-direction: column;
  align-items: flex-start;
}

._1w43y002 {
  width: 55%;
  margin-bottom: 10px;
  color: #fff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.33);
}

._1w43y003 {
  font-size: 30px;
  font-weight: 700;
  line-height: 35px;
}

._1w43y003,
._1w43y004 {
  max-width: 100%;
  max-height: 100%;
  margin-bottom: 10px;
}

._1w43y004 {
  font-size: 23px;
  font-weight: 400;
  line-height: 31px;
}

._1w43y005 {
  min-width: 180px;
}

._1w43y006 {
  position: absolute;
  width: calc(50% - 20px);
  height: 100%;
  padding: 20px 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  right: 50px;
}

._1w43y007 {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 100%;
  background-size: contain;
}

@media (min-width: 768px) and (max-width: 1023px) and (min-height: 768px) {
  ._1w43y000 {
    min-height: 265px;
  }

  ._1w43y001 {
    padding: 20px;
  }

  ._1w43y003 {
    font-size: 23px;
    font-weight: 700;
    line-height: 26px;
  }

  ._1w43y004 {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }

  ._1w43y006 {
    width: 45%;
    right: 30px;
  }
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  ._1w43y001 {
    justify-content: flex-end;
    align-items: center;
    padding: 15px;
  }

  ._1w43y002 {
    width: 100%;
    text-align: center;
    margin-top: 200px;
  }

  ._1w43y003 {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
  }

  ._1w43y004 {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
  }

  ._1w43y005 {
    align-self: stretch;
  }

  ._1w43y006 {
    width: 315px;
    height: 200px;
    padding: 0;
    top: 20px;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }

  ._1w43y007 {
    background-position: 50%;
  }
}

._8nwvi00 {
  background-color: hsla(0, 0%, 100%, 0.1);
  margin-bottom: 8px;
  border-radius: 4px;
}

._8nwvi00,
._8nwvi01 {
  display: flex;
  align-items: center;
  height: 40px;
}

._8nwvi01 {
  justify-content: center;
  width: 40px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.1);
}

._8nwvi02 {
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  color: #fff;
  display: flex;
  align-items: center;
  padding: 8px;
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  ._8nwvi00 {
    height: 32px;
    border-radius: 0;
    margin-bottom: 0;
    margin-top: 0;
  }

  ._8nwvi01 {
    width: 32px;
    height: 32px;
  }
}

._1blut370 {
  height: 100%;
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  overflow-y: auto;
  overflow-x: hidden;
}

._1blut371 {
  padding-left: 0;
  padding-right: 0;
}

._1blut372 {
  overflow-y: hidden;
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  ._1blut370 {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.33);
    height: 100%;
  }
}

._2aswpf0 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding-right: 2px;
  white-space: nowrap;
}

._2aswpf0,
._2aswpf1,
.k82mmx0 {
  width: 100%;
}

.k82mmx0 {
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding-right: 0;
  border-bottom: 1px solid #e6e6e6;
}

.k82mmx1 {
  border-bottom: unset;
}

.k82mmx2 {
  padding-left: 16px;
}

.k82mmx3 {
  height: 100%;
  overflow: auto;
  background-color: initial;
}

.k82mmx3,
.k82mmx4 {
  width: 100%;
  display: inline-flex;
}

.k82mmx5,
.k82mmx7 {
  align-items: center;
  display: flex;
}

.k82mmx7 {
  position: relative;
  cursor: pointer;
  border-left: 1px solid rgba(0, 0, 0, 0.33);
  width: 32px;
  height: 32px;
  justify-content: center;
  padding-left: 0;
  margin-right: 0;
}

.k82mmx8 {
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: initial;
  border: none;
  box-shadow: none;
  opacity: 0;
  width: 28px;
}

.k82mmx8:focus {
  outline: none;
}

.k82mmx9 {
  position: absolute;
  left: 0;
  top: 4px;
  pointer-events: none;
}

.k82mmxa {
  width: 100%;
  height: 100%;
  display: inline-flex;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  .k82mmx4,
  .k82mmx5 {
    flex-basis: auto;
  }

  .k82mmx5 {
    justify-content: flex-start;
  }

  .k82mmx6 {
    width: 100%;
  }

  .k82mmxa {
    flex-basis: auto;
  }
}

.qmjdn90 {
  padding: 0 20px 20px;
}

.qmjdn91 {
  border-radius: 4px;
  overflow: hidden;
}

.qmjdn92 {
  color: #000;
  background-color: #fff;
}

.qmjdn93 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding-top: 16px;
}

.qmjdn94 {
  padding-top: 8px;
}

.qmjdn93 button {
  max-width: 540px;
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  .qmjdn90 {
    padding: 0;
  }

  .qmjdn91 {
    border-radius: 0;
  }

  .qmjdn93 {
    padding: 4px 16px 16px;
  }
}

._1lh4ete0 {
  color: #1141ff;
}

._1lh4ete1 {
  color: grey;
}

._1lh4ete2 {
  padding: 0 10px 0 20px;
}

._1lh4ete2 > li {
  padding-bottom: 10px;
}

._1lh4ete2 > li > ul {
  margin-top: 5px;
  padding-left: 25px;
}

._1lh4ete3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

._1lh4ete4 {
  margin-top: 30px;
}

._1lh4ete5 {
  margin: 25px 0;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}

._1lh4ete5 > thead > tr > th {
  font-weight: 700;
}

._1lh4ete5 > thead > tr > td,
._1lh4ete5 > thead > tr > th {
  width: 50%;
  padding: 10px;
  border: 1px solid #d1d1d1;
}

._1lh4ete6 {
  margin: 25px 0;
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  background-color: initial;
}

._1lh4ete6 > thead {
  background-color: #e6e6e6;
}

._1lh4ete6 > tbody > tr > th,
._1lh4ete6 > thead > tr > th {
  font-weight: 700;
  padding: 10px;
  border: 1px solid #d1d1d1;
}

._1lh4ete6 > tbody > tr > th {
  background-color: #efefef;
}

._1lh4ete6 > tbody > tr > td {
  padding: 10px;
  border: 1px solid #d1d1d1;
}

._1lh4ete7 {
  padding-left: 0;
}

._1lh4ete8 {
  height: 50px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid hsla(0, 0%, 82%, 0.31);
}

._1lh4ete8:last-child {
  border-bottom: none;
}

._1lh4ete9 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
}

._1lh4etea {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.5);
}

._1lh4etea > span {
  color: #000;
}

._1lh4eteb {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  padding: 15px 0 40px;
}

._1lh4eteb > div {
  display: inline;
}

._1lh4etec {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  height: 50px;
  background-color: #e8ffcf;
  border-radius: 5px;
  padding: 15px 20px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
}

._1lh4eted {
  font-weight: 700;
  color: #78d80f;
  margin-left: 5px;
}

._1lh4etee {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.5);
  margin-right: auto;
}

._1lh4etef {
  max-height: 500px;
  overflow: hidden;
  transition: 0.2s ease-in-out;
}

._1lh4eteg {
  justify-content: flex-start;
}

._1lh4eteg span:first-child {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.5);
  background: #e6e6e6;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

._1lh4eteg span:last-child {
  margin-left: auto;
}

._1lh4eteg:nth-child(-n + 3) span:first-child {
  color: #fff;
}

._1lh4eteg:nth-child(-n + 3) span:last-child {
  font-weight: 700;
}

._1lh4eteg:first-child span:first-child {
  background: linear-gradient(180deg, #ffb800, #c97800);
}

._1lh4eteg:nth-child(2) span:first-child {
  background: linear-gradient(180deg, #999, #767676);
}

._1lh4eteg:nth-child(3) span:first-child {
  background: linear-gradient(180deg, #8c6f66, #715440);
}

._1lh4eteh {
  font-weight: 700;
}

._1lh4eteh span {
  color: #78d80f;
}

._1lh4eteh span:first-child {
  color: #fff;
  background: #78d80f;
}

._1lh4etei {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  color: #116cff;
  background: #efefef;
  height: 50px;
  padding: 15px;
  border-radius: 5px;
  border: 1px solid hsla(0, 0%, 93.7%, 0.56);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

._1u5q2zy0 {
  position: relative;
  overflow: hidden;
  margin: 16px 0 0;
  padding: 16px;
  border-radius: 4px;
  max-height: 224px;
  border: none;
  background-color: #101421;
}

._1u5q2zy0 a {
  color: #fff;
  text-decoration: none;
}

._1u5q2zy1 {
  max-height: unset;
}

._1u5q2zy2 {
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  margin-top: 0;
  margin-bottom: 8px;
}

._1u5q2zy2,
._1u5q2zy3 {
  color: hsla(0, 0%, 100%, 0.5);
}

._1u5q2zy3 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}

._1u5q2zy4 {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 112px;
  background: linear-gradient(180deg, transparent, #101421 60%);
  display: flex;
}

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

._1u5q2zy6 {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #fff;
}

._1u5q2zy4 ._1u5q2zy6 {
  margin: auto 16px 16px;
}

._1u5q2zy5 ._1u5q2zy6 {
  padding: 8px;
  margin: 32px auto 0;
}

._1u5q2zy7 {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: hsla(0, 0%, 100%, 0.5);
  padding-top: 16px;
  padding-bottom: 16px;
  border-top: 1px solid hsla(0, 0%, 100%, 0.1);
}

._1u5q2zy8 {
  display: flex;
  padding-bottom: 16px;
}

._1u5q2zy8,
._1u5q2zy8 a {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: hsla(0, 0%, 100%, 0.5);
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  ._1u5q2zy0 {
    margin-right: 8px;
    margin-left: 8px;
  }
}

.d1ymz10 {
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  white-space: nowrap;
  margin: 0 auto;
}

.d1ymz10,
.d1ymz11 {
  display: flex;
  width: 100%;
}

.d1ymz11 {
  flex-direction: column;
  padding: 0 10px;
}

.d1ymz12 {
  position: sticky;
  bottom: auto;
  top: 45px;
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  .d1ymz10 {
    min-height: calc(100vh - 105px);
    flex-direction: column;
    justify-content: flex-start;
  }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-height: 768px) {
  .d1ymz10 {
    min-height: calc(100vh - 105px);
    flex-direction: column;
    justify-content: flex-start;
  }
}

@media (min-width: 1024px) and (max-width: 1200px) {
  .d1ymz11 {
    min-width: 270px;
    max-width: 270px;
  }
}

@media (min-width: 1201px) {
  .d1ymz11 {
    min-width: 270px;
    max-width: 270px;
  }
}

._1y7ku2d0 {
  width: 100%;
}

.h2v9ir0 {
  cursor: pointer;
  width: 50px;
  max-width: 50px;
  min-width: 50px;
  height: 50px;
  flex: 1 1;
}

._10ajxi80,
.h2v9ir0 {
  display: flex;
  align-items: center;
  justify-content: center;
}

._10ajxi81 {
  text-align: center;
  color: #000;
}

._10ajxi81,
._10ajxi82 {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

._10ajxi82 {
  padding-left: 5px;
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  ._10ajxi80 {
    flex-direction: column;
  }

  ._10ajxi81 {
    color: #fff;
  }

  ._10ajxi82 {
    padding-left: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    color: #53f1ff;
  }
}

.i8q86s0 {
  color: #000;
  background-color: #fff;
  position: relative;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  white-space: nowrap;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom: 1px solid #e6e6e6;
  height: 50px;
  padding: 0 15px;
}

.i8q86s0,
.i8q86s1 {
  display: flex;
  flex-direction: row;
}

.i8q86s1 {
  font-size: 23px;
  font-weight: 600;
  line-height: 26px;
  flex-grow: 1;
  flex-shrink: 1;
  align-items: center;
}

.i8q86s2 {
  text-align: center;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
}

.i8q86s3 {
  padding-left: 0;
}

.i8q86s4 {
  padding-right: 0;
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  .i8q86s0 {
    color: #fff;
    background-color: var(--lightSade); /*#404765;*/
    padding: 0;
    border-radius: 0;
    border-bottom-width: 0;
    max-width: 100vw;
  }

  .i8q86s1 {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    max-width: calc(100vw - 50px);
  }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-height: 768px) {
  .i8q86s0 {
    padding: 0;
  }
}

._101gqws0 {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  z-index: 175;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
}

._101gqws1 {
  display: none;
}

._101gqws2 {
  max-width: 767px;
  width: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 176;
  background-color: initial;
  box-shadow: undefined;
  border-radius: 4px;
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  ._101gqws2 {
    border-radius: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 100vh;
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-height: 768px) {
  ._101gqws2 {
    width: calc(100% - 20px);
  }
}

.k2mbnf0 {
  width: 100%;
  min-height: 100vh;
  background: #242a3f;
  padding-bottom: 16px;
}

.k2mbnf1 {
  flex-grow: 1;
  overflow: hidden;
  max-width: 912px;
  margin: auto;
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  .k2mbnf0 {
    background: #242a3f;
  }
}

@media (min-width: 1440px) {
  .k2mbnf1 {
    max-width: 1023px;
  }
}

._7hak7j0 {
  background-color: var(--lightSade); /*#404765;*/
  box-shadow: 0 0 10px 0 #242a3f;
  overflow-x: hidden;
  width: 100vw;
  /* height: 100vh; */
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  ._7hak7j0 {
    box-shadow: none;
  }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-height: 768px) {
  ._7hak7j0 {
    box-shadow: none;
  }
}

._11d40920 {
  background-color: var(--background);
  z-index: 195;

  padding: 8px;
}

._11d40921 {
  position: relative;
  width: 100%;
  height: 50px;
}

._11d40921,
._11d40922 {
  display: flex;
  align-items: center;
  justify-content: center;
}

._11d40922 {
  cursor: pointer;
  position: absolute;
  height: 48px;
  width: 48px;
  top: 0;
  left: 0;
}

._11d40921 > svg {
  height: 32px;
}

._11d40923 {
  border-radius: 4px;
  margin-bottom: 8px;
}

._11d40923 a {
  /*color: #fff;*/
  /*background-color: #2f6fff;*/
  color: var(--whiteText1);
  background-color: var(--darkGray1);
}

._11d40924 {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  display: flex;
  width: 100%;
  padding: 10px 16px;
  position: relative;
}

._11d40924:focus,
._11d40927:focus {
  color: #9da4ad !important;
}

._11d40925 {
  margin-left: 8px;
  width: 24px;
  height: 12px;
}

._11d40926 {
  height: 1px;
  border-bottom: 1px solid #404765;
  margin: 0 16px 16px;
}

._11d40927 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  display: block;
  width: 100%;
  opacity: 0.5;
  padding: 0 16px 16px;
  color: #fff;
  text-decoration: none;
}

._11d40928 {
  opacity: 1;
}

._11d40929 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  border-radius: 4px;
  height: 40px;
  background: hsla(0, 0%, 100%, 0.1);
  justify-content: center;
  margin: 16px 0;
  color: hsla(0, 0%, 100%, 0.5);
  position: relative;
}

._11d4092a,
._11d40929 {
  display: flex;
  align-items: center;
}

._11d4092a {
  position: absolute;
  left: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

._4x3k0c0 {
  /*background-color: #404765;*/
  box-shadow: 0 0 10px 0 #242a3f;
  overflow-x: hidden;
  width: 270px;
  height: 100vh;
}
._1g1xh2e7 {
  text-transform: uppercase;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  ._4x3k0c0 {
    box-shadow: none;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-height: 768px) {
  ._4x3k0c0 {
    box-shadow: none;
    width: 100%;
  }
}

@-webkit-keyframes _1ddjx2i4 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes _1ddjx2i4 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

._1ddjx2i0 {
  cursor: pointer;
  bottom: 63px;
  right: 20px;
  position: fixed;
  z-index: 600;
}

._1ddjx2i1 {
  bottom: 167px;
}

._1ddjx2i2 {
  bottom: 135px;
}

._1ddjx2i3 {
  bottom: 95px;
}

._1ddjx2i5 {
  width: 60px;
  height: 60px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05), 0 2px 32px rgba(0, 0, 0, 0.15);
  background: #fff;
}

._1ddjx2i5,
._1ddjx2i6 {
  border-radius: 50%;
  transition: opacity 0.35s ease;
}

._1ddjx2i6 {
  width: 88px;
  height: 88px;
}

._1ddjx2i7 {
  position: absolute;
  border: 2px solid transparent;
  border-left-color: #a6a6a6;
  border-radius: inherit;
  box-sizing: border-box;
  -webkit-animation-name: _1ddjx2i4;
  animation-name: _1ddjx2i4;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

._1ddjx2i5 ._1ddjx2i7 {
  width: inherit;
  height: inherit;
}

._1ddjx2i6 ._1ddjx2i7 {
  width: 76px;
  height: 76px;
  bottom: 0;
  right: 6px;
  z-index: 1;
}

._1ddjx2i8 {
  position: absolute;
  width: inherit;
  height: inherit;
}

._1ddjx2i5 ._1ddjx2i8 {
  display: flex;
  align-items: center;
  justify-content: center;
}

._1ddjx2i6 ._1ddjx2i8 {
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

._93ilvh0 {
  cursor: pointer;
}

._93ilvh0,
._93ilvh0:visited {
  color: #1141ff;
}

._93ilvh0:hover {
  color: #116cff;
}

._93ilvh0 > a {
  text-decoration: none;
}

._93ilvh0 > a,
._93ilvh0 > a:visited {
  color: #1141ff;
}

._93ilvh0 > a:hover {
  color: #116cff;
}

._93ilvh1 > a {
  text-decoration: none;
}

.g19gw80 {
  width: 360px;
  position: fixed;
  z-index: 200;
  right: 20px;
  bottom: 20px;
  transition: all 0.2s ease-in;
}

.g19gw81 {
  bottom: 124px;
}

.g19gw82 {
  bottom: 92px;
}

.g19gw83 {
  bottom: 52px;
}

.g19gw84 {
  width: 100%;
  color: #000;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #d1d1d1;
  padding: 15px;
}

.g19gw85 {
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  margin-bottom: 5px;
}

.g19gw86 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 5px;
}

.g19gw87 {
  margin-bottom: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: flex-start;
}

.g19gw88 {
  min-width: 80px;
  margin-right: 10px;
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  .g19gw80 {
    width: 100%;
    right: 0;
    padding: 0 5px;
  }
}

._577a5y0 {
  position: fixed;
  z-index: 601;
  bottom: 0;
  right: 20px;
  width: 216px;
  height: 32px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-user-select: none;
  user-select: none;
  background-color: #414865;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

._577a5y1 {
  bottom: 72px;
}

._577a5y2 {
  color: hsla(0, 0%, 100%, 0.5);
}

@media (max-width: 1023px) {
  ._577a5y0 {
    right: 0;
    left: 0;
    width: 100%;
    height: 20px;
    border-radius: 0;
    padding: 8px 3px;
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
  }
}

._60belt0 {
  transition: padding-bottom 0.2s ease-in 0.3s;
}

._60belt1 {
  display: flex;
}

._60belt1,
._60belt2 {
  justify-content: center;
}

._60belt2 {
  display: inline-flex;
  align-items: center;
  padding: 10px 15px;
  min-width: 135px;
  min-height: 50px;
  background-color: #1141ff;
  box-shadow: 0 2px 3px 0 rgba(16, 52, 192, 0.25),
    0 1px 6px 0 rgba(0, 0, 0, 0.05);
  border-radius: 25px;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}

.h7rikl0 {
  width: 100%;
  background-color: #404765;
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  .h7rikl1 {
    position: relative;
  }
}

._18fg7n70 {
  z-index: 20;
  position: sticky;
  top: 0;
}

._18fg7n71 {
  padding: 0 10px;
  justify-content: space-between;
  background-color: #0088CC;
  overflow: auto;
}

._18fg7n71,
._18fg7n72 {
  display: flex;
  align-items: center;
  position: relative;
}

._18fg7n72 {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

._18fg7n73 {
  padding-right: 16px;
  padding-left: 16px;
  min-width: 50px;
  width: 50px;
}

._18fg7n74 {
  position: absolute;
  width: 4px;
  height: 4px;
  top: 8px;
  right: 8px;
}

._18fg7n76 {
  flex-grow: 1;
  margin-right: auto;
  margin-left: 8px;
  overflow: hidden;
  display: flex;
}

._18fg7n76,
._18fg7n76 > svg {
  max-height: 32px;
}

._18fg7n77 {
  display: flex;
  flex-shrink: 0;
  padding-left: 8px;
}

._18fg7n78 {
  margin-right: 8px;
}

._5eyg0n0 {
  width: 100%;
  justify-content: center;
  margin-bottom: 8px;
  text-decoration: none;
  background-color: initial;
}

._5eyg0n0,
._5eyg0n2,
._5eyg0n3 {
  display: flex;
  align-items: center;
}

._5eyg0n3 {
  justify-content: center;
  border-radius: 4px;
  width: 32px;
  height: 32px;
}
._5eyg0n3 img {
  width: 100%;
}

._5eyg0n2:hover ._5eyg0n3 {
  background-color: hsla(0, 0%, 100%, 0.2);
}

._5eyg0n1, ._5eyg0n1 ._5eyg0n3,
._5eyg0n1:hover ._5eyg0n3 {
  background-color: #fff;
  border-radius: 8px;
}

._5eyg0n4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-left: 8px;
  color: hsla(0, 0%, 100%, 0.5);
  text-overflow: ellipsis;
  overflow: hidden;
  width: 115px;
  white-space: nowrap;
}

._5eyg0n1 ._5eyg0n4,
._5eyg0n5 {
  color: #000;
}

._5eyg0n1 ._5eyg0n5 {
  color: #000;
}

._5eyg0n5 {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

._5eyg0n6 {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
  padding: 3px 8px;
  background-color: #3a3f52;
  border-radius: 8px;
  color: hsla(0, 0%, 100%, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}

._5eyg0n7 {
  position: absolute;
  z-index: 1;
  top: 4px;
  right: 4px;
}

@media (max-width: 1200px) {
  ._5eyg0n6 {
    display: none;
  }
}

.j1c0rp0 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.vae74i0 {
  max-height: 0;
  margin-bottom: 0;
  overflow: hidden;
  transition: 0.3s cubic-bezier(0.17, 0.67, 0.83, 0.67);
}

.vae74i1 {
  max-height: 160px;
  margin-bottom: -16px;
}

.vae74i2 {
  height: 100%;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

._5dl2h30 {
  margin-left: auto;
  transition: 0.1s linear;
}

._5dl2h31 {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

._17kh4og0 {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
  padding-bottom: 16px;
  margin-bottom: 16px;
}

._17kh4og0:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

._17kh4og1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  margin-bottom: 8px;
  transition: 0.3s ease;
}

._17kh4og2 {
  margin-bottom: 0;
  transition: 0s ease 0.3s;
}

._17kh4og3 {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 8px;
  margin-top: 0;
  color: #000;
}

._17kh4og1 ._17kh4og3 {
  margin-bottom: 0;
}

@media (min-width: 768px) and (max-width: 1023px) and (min-height: 768px) {
  ._17kh4og0 {
    padding-top: 8px;
    margin-top: 8px;
  }
}

@media (max-width: 1200px) {
  ._17kh4og1,
  ._17kh4og3 {
    display: none;
  }
}

._9dc41h0 {
  padding: 30px 0;
  height: 180px;
}

@media (min-width: 768px) and (max-width: 1023px) and (min-height: 768px) {
  ._9dc41h0 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

._1dwv3gq0 {
  padding: 30px 0;
}

._1dwv3gq1 {
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  padding: 0 30px 16px;
  border-bottom: 1px solid #d1d1d1;
}

._1dwv3gq1,
._1dwv3gq2 {
  -webkit-user-select: none;
  user-select: none;
}

._1dwv3gq2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: grey;
  padding: 20px 30px 0;
}

@media (min-width: 768px) and (max-width: 1023px) and (min-height: 768px) {
  ._1dwv3gq0,
  ._1dwv3gq1 {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  ._1dwv3gq2 {
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }
}

._163we0p0 {
  width: 100%;
  display: grid;
  grid-auto-rows: 100px 100px;
  grid-template-columns: auto auto auto;
  grid-gap: 8px;
  gap: 8px;
  padding-bottom: 8px;
}

._163we0p1 {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}

._163we0p1,
._163we0p2 {
  width: 100%;
  height: 100%;
}

._163we0p2 {
  position: absolute;
  top: 0;
  left: 0;
  /*background-color: #2b3148*/
}

._163we0p3 {
  position: relative;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
}

._163we0p3,
._163we0p4 {
  width: 100%;
  height: 100%;
}

._163we0p4 {
  transition: 0.1s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
}

._163we0p1:hover ._163we0p4 {
  opacity: 1;
}

._163we0p5 {
  transition: 0.1s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: #fff;
  background-color: var(--darkSade);
  width: 85%;
  height: 36px;
  border-radius: 4px;
  margin: auto;
}

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

@media (max-width: 499px) {
  ._163we0p0 {
    padding: 8px 8px;
  }
}

.c51mas0 {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #1141ff;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 100% 100%;
  height: 148px;
  padding: 16px;
  margin-bottom: 8px;
  border-radius: 4px;
  flex-shrink: 0;
}

.c51mas0:last-child {
  margin-bottom: 0;
}

.c51mas1 {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  color: #fff;
  width: 70%;
  padding-bottom: 8px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}

.c51mas2 {
  display: flex;
  margin-top: auto;
}

.c51mas3 {
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
}

@media (min-width: 768px) and (max-width: 1023px) and (min-height: 768px) {
  .c51mas0 {
    padding: 16px;
  }
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  .c51mas0 {
    width: 280px;
    margin-right: 8px;
  }

  .c51mas1 {
    width: 100%;
    padding-right: 20px;
  }
}

.p7hrlx0 {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: 0.1s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.33);
  margin-right: 8px;
}

.p7hrlx0:hover {
  background-color: rgba(0, 0, 0, 0.5);
}

.lt8ltu0 {
  display: inline-block;
}

._19wnam90 {
  position: sticky;
  bottom: auto;
}

@media (min-width: 768px) and (max-width: 1023px) and (min-height: 768px) {
  ._19wnam90 {
    top: 5px;
  }

  ._19wnam91 {
    top: 55px;
  }
}

@media (min-width: 1024px) and (max-width: 1200px) {
  ._19wnam90 {
    top: 105px;
  }
}

@media (min-width: 1201px) {
  ._19wnam90 {
    top: 105px;
  }
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  ._19wnam92 {
    display: flex;
    overflow-x: auto;
  }
}

._1nx2bke0 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: var(--background);
  padding-bottom: 16px;
}

._1nx2bke1 {
  display: flex;
  justify-content: center;
}

._1nx2bke2 {
  width: 208px;
  min-width: 208px;
  max-width: 208px;
  padding: 0 16px 16px;
  color: #fff;
  overflow-x: hidden;
}

._1nx2bke3 {
  width: 360px;
  min-width: 360px;
  max-width: 360px;
  padding: 0 16px 16px;
}

._1nx2bke4 {
  flex-grow: 1;
  max-width: 912px;
  width: calc(100% - 528px);
}

._1nx2bke5 {
  margin: 8px 0;
}

@media (min-width: 1440px) {
  ._1nx2bke4 {
    max-width: 1200px;
  }
}

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

@media (min-width: 768px) and (max-width: 1023px) and (min-height: 768px) {
  ._1nx2bke1 {
    margin-top: 8px;
  }

  ._1nx2bke4 {
    width: calc(100% - 384px);
  }
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  ._1nx2bke0 {
    padding-bottom: 0;
    background: var(--background);
  }

  ._1nx2bke4 {
    max-width: 100%;
    width: 100%;
  }
}

@media (max-width: 1200px) {
  /*._1nx2bke2 {
        width: 50px;
        min-width: 50px;
        max-width: 50px;
        padding: 0 10px 10px;
        overflow: hidden;
  } */

  ._1nx2bke2 {
    min-width: 170px;
  }
  ._17kh4og3 {
    display: none;
  }
}

@media (max-width: 1200px) and (min-width: 1024px) {
  ._1nx2bke3 {
    width: 300px;
    min-width: 223px;
    max-width: 300px;
  }
}
._10mua3u0 {
  position: fixed;
  left: 16px;
  bottom: 16px;
  height: 48px;
  padding: 16px;
  background-color: #f24040;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  align-items: center;
}

._10mua3u1 {
  margin: 0 8px;
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  ._10mua3u0 {
    right: 8px;
    left: 8px;
  }
}

.i74wmm0 {
  color: rgba(0, 0, 0, 0.5);
}

.i74wmm0 > b {
  color: #000;
  font-weight: 400;
}

.is7eb10 {
  width: 100vw;
  height: 100vh;
  color: #fff;
  background-color: #242a3f;
  display: flex;
  align-items: center;
  justify-content: center;
}

.is7eb11 {
  height: 100%;
  width: 20%;
  margin: 0 auto;
  justify-content: space-between;
  padding: 32px 0;
}

.is7eb11,
.is7eb12 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.is7eb12 {
  justify-content: center;
}

.is7eb13 {
  text-decoration: none;
}

.is7eb13,
.is7eb14 {
  margin-bottom: 16px;
}

.is7eb14 {
  text-align: center;
  margin-top: 16px;
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  .is7eb11 {
    width: 100%;
  }
}

._5ks9gx0 {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
}

._5ks9gx0,
._5ks9gx1 {
  z-index: 175;
  overflow: hidden;
}

._5ks9gx1 {
  width: 352px;
  background-color: #fff;
  border-radius: 4px;
}

._5ks9gx2 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 352px;
  height: 160px;
  background-color: #fdefcc;
}

._5ks9gx3 {
  padding: 16px;
}

._5ks9gx4 {
  padding-top: 16px;
  padding-bottom: 8px;
}

._5ks9gx5 {
  height: 120px;
  width: 120px;
  min-width: 120px;
}

._5ks9gx6 {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  margin-bottom: 4px;
}

._5ks9gx7 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
}

.pop-appear {
  background-color: green;
  border: 1px solid #00f;
}

.pop-enter {
  opacity: 0.01;
  -webkit-transform: translate3d(0, 100px, 0);
  transform: translate3d(0, 100px, 0);
}

.pop-enter.pop-enter-active {
  transition: all 0.25s ease-out;
}

.pop-enter.pop-enter-active,
.pop-exit {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.pop-exit.pop-exit-active {
  opacity: 0.01;
  -webkit-transform: translate3d(0, 100px, 0);
  transform: translate3d(0, 100px, 0);
  transition: all 0.25s ease-in;
}

.slideLeft-enter {
  opacity: 0.01;
  -webkit-transform: translate3d(100px, 0, 0);
  transform: translate3d(100px, 0, 0);
}

.slideLeft-enter.slideLeft-enter-active {
  transition: all 0.25s ease-out;
}

.slideLeft-enter.slideLeft-enter-active,
.slideLeft-exit {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.slideLeft-exit.slideLeft-exit-active {
  transition: all 0.25s ease-in;
}

.slideLeft-exit.slideLeft-exit-active,
.slideRight-enter {
  opacity: 0.01;
  -webkit-transform: translate3d(-100px, 0, 0);
  transform: translate3d(-100px, 0, 0);
}

.slideRight-enter.slideRight-enter-active {
  transition: all 0.25s ease-out;
}

.slideRight-enter.slideRight-enter-active,
.slideRight-exit {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.slideRight-exit {
  display: none;
}

.slideRight-exit.slideRight-exit-active {
  display: none;
  opacity: 0.01;
  -webkit-transform: translate3d(100px, 0, 0);
  transform: translate3d(100px, 0, 0);
  transition: all 0.25s ease-in;
}

body {
  background: var(--background);
  font-size: 13px;
}

.table-responsive {
  scrollbar-width: thin;
  scrollbar-height: thin;
  scrollbar-color: var(--bg-table) var(--bg-table-header);
}

.table-responsive::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.table-responsive::-webkit-scrollbar-track {
  background: var(--bg-table);
}

.table-responsive::-webkit-scrollbar-thumb {
  background-color: var(--bg-table-header);
}

.table {
  border: 1px solid #3c444b;
  background-color: var(--bg-table);
  color: var(--text-table);
  table-layout: fixed;
}

.table thead th {
  border: 0;
  vertical-align: middle;
}

.table thead {
  background-color: var(--bg-table-header);
  color: var(--text-table-header);
}

.table td,
.table th {
  border: 1px solid #dee2e6;
  padding: 4px;
}

.table-hover tbody tr:hover {
  color: var(--text-table);
}

.StickySidebar {
  position: sticky;
}

#optiRealPopupDimmer + div > div {
  background: none !important;
}

#optiRealPopupDimmer + div > div > div {
  top: 8px !important;
  right: 8px !important;
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  #optiRealPopupDimmer + div {
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    -webkit-transform: none !important;
    transform: none !important;
    max-width: 100% !important;
    max-height: none !important;
  }

  #optiRealPopupDimmer + div > div {
    position: relative;
    max-width: -webkit-max-content !important;
    max-width: max-content !important;
    margin: auto !important;
  }
}

.errmsg {
  font-size: 12px;
  color: #ff0000;
}
.gtext {
  color: green !important;
  font-weight: 700;
}
.redtext {
  color: #ff0000 !important;
}
.dgreen {
  background: #aed6f1;
}
.mgreen {
  background: #c4e1f5;
}
.lgreen {
  background: #d9ecf9;
}
.casinocards {
  width: 20px;
  display: inline-block;
  border: 0.5px solid #000;
  margin: 0px 2px;
  border-radius: 3px;
}
.back,
.back0 {
  background-color: var(--back) !important;
}
.lay,
.lay0 {
  background-color: var(--lay) !important;
}
.table tr td,
.table tr th {
  border: 1px solid #dee2e6 !important;
}
#chipData .table tr td,
#chipData .table tr th {
  font-size: 15px;
  color: var(--blackText1);
}
#tv-box-popupheader {
  cursor: move;
  z-index: 10;
}
.market-show-icon {
  z-index: 99999;
}

@media only screen and (max-width: 768px) {
  #tv-box-popup {
    width: 100%;
    margin: 16px 0;
    position: relative;
  }
  .close-tv {
    right: 8px;
    top: 8px;
  }
}

select.select-right-arrow {
  background-image: linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
}

select.select-right-arrow:focus {
  background-image: linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #fff !important;
  border: 1px solid #404765;
  background-color: white;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #404765),
    color-stop(100%, #4f5777)
  );
  background: -webkit-linear-gradient(top, #404765 0%, #4f5777 100%);
  background: -moz-linear-gradient(top, #404765 0%, #4f5777 100%);
  background: -ms-linear-gradient(top, #404765 0%, #4f5777 100%);
  background: -o-linear-gradient(top, #404765 0%, #4f5777 100%);
  background: linear-gradient(to bottom, #404765 0%, #4f5777 100%);
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: #111 !important;
  border: 1px solid #111;
  background-color: #585858;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fff),
    color-stop(100%, #ababab)
  );
  background: -webkit-linear-gradient(top, #fff 0%, #ababab 100%);
  background: -moz-linear-gradient(top, #fff 0%, #ababab 100%);
  background: -ms-linear-gradient(top, #fff 0%, #ababab 100%);
  background: -o-linear-gradient(top, #fff 0%, #ababab 100%);
  background: linear-gradient(to bottom, #fff 0%, #ababab 100%);
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  color: #fff !important;
}

.multilevelSideNav {
  height: 100%;
  z-index: 1;
  top: 0;
  left: 0;
  overflow-x: hidden;
}

.multilevelSideNav a {
  padding: 8px 8px 8px 8px;
  text-decoration: none;
  display: block;
  transition: 0.3s;

  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: hsla(0, 0%, 100%, 0.5);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.multilevelSideNav a:hover {
  color: #f1f1f1;
}

.multilevelSideNav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .multilevelSideNav {
    padding-top: 15px;
  }
}

.navbar-right-text {
  font-size: 0.7rem;
}

@media screen and (max-width: 370px) {
  .navbar-right-text {
    font-size: 0.65rem;
  }
}
.atag-link {
  color: #3490dc;
  cursor: pointer;
}
.atag-unlink {
  color: #000;
  cursor: inherit;
}
.block-button {
  background: red;
  color: #fff;
  font-size: 12px;
  padding: 3px 8px;
  border-radius: 3px;
  cursor: pointer;
}
.unblock-button {
  background: green;
  color: #fff;
  font-size: 12px;
  padding: 3px 8px;
  border-radius: 3px;
  cursor: pointer;
}
@media (max-width: 320px) {
  #CenterApp {
    margin: 0px;
  }
}

.ui-pnotify {
  top: 90px !important;
}
.ui-pnotify .ui-pnotify-title {
  display: none !important;
}
.ui-pnotify .ui-pnotify-text {
  font-size: 17px !important;
  line-height: 35px;
}

/* header  */
.header-height {
  height: 80px;
}

.header-mobile-logo {
  max-width: 190px;
  max-height: 35px;
}

.cursor-pointer {
  cursor: pointer;
}

.top-66 {
  top: 66px;
}

#mobile-drawer #accordion {
  width: 100%;
}

#mobile-drawer #accordion .card {
  background: none;
}

#mobile-drawer #accordion .card .card-header {
  background: none;
  padding: 0px;
}

#mobile-drawer #accordion .card .card-header .btn-link.collapsed {
  background: none;
  margin-bottom: 10px;
}

#mobile-drawer #accordion .card .card-header .btn-link {
  padding: 0px;
  text-decoration: none;
  width: 100%;
}

#mobile-drawer #accordion .card .card-header .background-none {
  background: none;
}

#collapse-Cricket {
  margin-bottom: 10px;
}

#mobile-drawer .collapse.show {
  display: block;
  background: var(--lightSade);
}

#mobile-drawer #accordion .card .card-header .accordian-box {
  display: flex;
  align-items: center;
  cursor: pointer;
}

#mobile-drawer #accordion .card .card-body {
  background: none;
  padding: 0;
}

/* subaccordian-card */
#mobile-drawer .subaccordian-mobile-card .card-header .btn-link {
  background: none !important;
  margin-bottom: 0;
  padding: 6px;
}

#mobile-drawer .subaccordian-mobile-card .collapse.show {
  background: var(--darkSade);
  width: 100%;
}

#mobile-drawer .subaccordian-heading {
  width: auto;
  text-align: start;
  margin-left: 10px;
  padding: 7px 0;
}

/* lastchild-heading */
#mobile-drawer .subaccordian-mobile-card .lastchild-heading {
  cursor: pointer;
  color: #ffffffa1;
  background: var(--lightSade);
  padding: 7px 10px;
}

#mobile-drawer .subaccordian-mobile-card .lastchild-heading:hover {
  color: #eee;
  transform: scale(1.003);
}

#mobile-drawer .subaccordian-mobile-card .lastchild-heading:focus {
  color: var(--background);
  text-shadow: 0 0 7px #ffffffa1;
}

#mobile-drawer .subaccordian-mobile-card .lastchild-heading:active {
  color: var(--bg-body);
  transform: scale(1.007);
  text-shadow: var(--bg-sidebar) 1px 0 10px;
  font-weight: 800;
}

.nav-game-link:active,
.nav-game-link:target {
  color: var(--bg-body);
  text-shadow: var(--bg-sidebar) 1px 0 10px;
  font-weight: 800;
}

/* side-accordian  */
.btn.btn-link.collapsed .subaccordian-heading {
  color: hsla(0, 0%, 100%, 0.5) !important;
  /* text-shadow: none !important; */
  font-weight: 300 !important;
}

.btn.btn-link .subaccordian-heading {
  color: var(--bg-body) !important;
}

._1yc0xk50 {
  display: flex;
}
._1yc0xk51 {
  width: 35px;
  min-width: 35px;
  height: 20px;
}
._1yc0xk53 {
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  color: #000;
  margin-bottom: 10px;
}
._1yc0xk54 {
  color: #fff;
}
._1yc0xk55 {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  color: #78d80f;
  margin-bottom: 4px;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  ._1yc0xk50 {
    align-items: center;
    margin-bottom: 16px;
  }
  ._1yc0xk52 {
    display: flex;
    align-items: center;
  }
  ._1yc0xk53 {
    margin-right: 8px;
  }
  ._1yc0xk53,
  ._1yc0xk55 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0;
  }
}
._1af1gpv0 {
  margin: 10px 0;
}
.b81gqb0 {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}
._3lylfs0,
.b81gqb0 {
  display: flex;
  align-items: center;
  justify-content: center;
}
._3lylfs0 {
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -1px;
  width: 22px;
  max-width: 22px;
  height: 22px;
  border-radius: 50%;
}
._3lylfs1 {
  color: #fff;
  background-color: #f6153a;
}
._3lylfs2 {
  color: #000;
  background-color: #fff;
}
._3lylfs3 {
  color: #fff;
  background-color: #46ce53;
}
._3lylfs4 {
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}
.enmf1v0 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  background-color: #242a3f;
}
.enmf1v1 {
  display: flex;
  flex-direction: column;
  border-bottom: 10px solid #404765;
}
.enmf1v2 {
  margin: 10px 15px 0;
}
.enmf1v3 {
  flex-wrap: wrap;
  align-items: stretch;
  background-color: #242a3f;
  min-height: 85px;
  padding: 0 15px 10px;
}
.enmf1v4 {
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  color: #a6a6a6;
  opacity: 0.8;
  padding-left: 15px;
  max-width: 200px;
  max-height: 25px;
  overflow: hidden;
  overflow-wrap: normal;
  text-overflow: ellipsis;
}
.enmf1v5 {
  background-color: #242a3f;
}
.enmf1v6 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 10px 0;
}
.enmf1v7 {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  padding: 5px 10px;
  text-align: center;
}
.enmf1v7 a {
  color: hsla(0, 0%, 100%, 0.5);
  text-decoration: none;
}
.enmf1v8 {
  cursor: pointer;
  padding-left: 15px;
  height: 50px;
}
.enmf1v8,
.enmf1v9 {
  display: flex;
  align-items: center;
}
.enmf1v9 {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #fff;
  height: 100%;
  justify-content: space-between;
  padding-right: 15px;
  width: 220px;
  margin-left: 15px;
}
.enmf1va {
  border-bottom: 1px solid #404765;
  margin: 0 15px;
}
.enmf1v5:last-of-type > .enmf1va {
  display: none;
}
._1g1xh2e0 {
  background-color: var(--lightSade);
  padding-bottom: 5px;
}
._1g1xh2e1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 48px;
  position: relative;
}
._1g1xh2e2 {
  flex-grow: 1;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}
._1g1xh2e3 {
  position: absolute;
  right: 8px;
  top: 12px;
}
._1g1xh2e4 {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #404765;
  color: hsla(0, 0%, 100%, 0.5);
}
._1g1xh2e4:first-child {
  border-top: none;
  padding-top: 0;
}
._1g1xh2e4:last-child {
  padding-bottom: 0;
}
._1g1xh2e4:active,
._1g1xh2e4:focus {
  color: var(--white);
  text-shadow: 1px 1px 10px var(--white);
}
._1g1xh2e5 {
  padding: 16px;
  margin: 0 8px 8px;
  border-radius: 4px;
  background-color: var(--background);
}
._1g1xh2e5,
._1g1xh2e6 {
  display: flex;
  flex-direction: column;
}
._1g1xh2e6 {
  margin-top: 8px;
  align-items: center;
  flex-wrap: wrap;
}
._1g1xh2e7 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: hsla(0, 0%, 100%, 0.5);
  overflow: hidden;
  overflow-wrap: normal;
  text-overflow: ellipsis;
}
._1g1xh2e8 {
  padding-bottom: 8px;
}
._1g1xh2e8:last-child {
  padding-bottom: 0;
}
._1g1xh2e9 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: hsla(0, 0%, 100%, 0.5);
  text-align: center;
}
._1g1xh2e9 a {
  color: #fff;
  text-decoration: none;
}
._1g1xh2ea {
  cursor: pointer;
}
._1g1xh2ea,
._1g1xh2eb {
  display: flex;
  align-items: center;
}
._1g1xh2eb {
  justify-content: center;
  height: 32px;
  width: 32px;
  min-width: 32px;
  background-color: hsla(0, 0%, 100%, 0.1);
}
._1g1xh2ec {
  border-radius: 100%;
}
._1g1xh2ed {
  border-radius: 4px;
}
._1g1xh2ee {
  border-radius: none;
  background-color: initial;
  height: 24px;
  width: 24px;
  min-width: 24px;
}
._1g1xh2ef {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin-left: 8px;
  display: flex;
}
._1g1xh2eg {
  margin: 0 8px;
}

.mobile-drawer-animation {
  position: fixed;
  z-index: 185;
  top: 80px;
  left: 0;
  bottom: 0;
  opacity: 1;
  width: 100%;
  height: auto;
  /* overflow-y: scroll; */
  transform: translateX(0px);
  transition: all 250ms ease-in-out;
}

.scrollable-div {
  /* overflow-y: scroll; */
  pointer-events: auto;
  padding-bottom: 0;
}

.left-inner-drawer {
  margin-top: 0;
  width: 65%;
  height: auto;
}

.header-logo {
  max-width: 190px;
  max-height: 30px;
}

.margin-right-5 {
  margin-right: 5px;
}

.middle-container .middle-distributor {
  /*grid-template-columns: 200px minmax(0, 1fr) 315px;*/
  display: grid;
  grid-gap: 12px;
  gap: 12px;

  /*padding-left: 16px;
  padding-right: 16px;*/
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(16px * 1);
  margin-bottom: calc(16px * 1);
  width: 100%;
  max-width: calc(1720px + (16px * 2));

  /*display: flex;*/
  /*width: 100%;*/
  /*padding: 0 1%;*/
  /*justify-content: space-between;*/
}

.left-container .left-drawer-btn {
  display: none;
}

.leftSlideOpen {
  grid-template-columns: 200px minmax(0, 1fr) !important;
}
.leftSlideOpen .left-container .left-drawer-btn {
  display: none !important;
}
.leftSlideOpen .left-container .left-drawer-conn {
  display: block !important;
}
.leftSlideOpen .left-container .left-drawer-conn .left-drawer-close {
  display: block !important;
}

/****HEADER MENU START****/
._17c8p6741 {
  display: flex;
  justify-content: space-between;
  gap: 32px;
  flex: 1 0 auto;
}
#promotionContent {
  display: flex;
}
._17c8p6751 {
  flex: 1 0 20%;
  display: flex;
  position: relative;
}
._17c8p6751 label {
  margin-bottom: 0;
}
.d8on8x2 {
  cursor: pointer;
}
.d8on8x0 {
  gap: 8px;
  display: inline-grid;
  align-items: start;
  align-content: center;
  grid-auto-flow: column;
  grid-template-columns: auto 1fr;
}
._1isi5rw9 {
  background-color: rgba(255,255,255,0);
  border: 2px solid rgba(255,255,255,0.24706);
}
.manage-sound ._1isi5rw9 {
  background-color: #dc3545c2;
  border: 2px solid var(--danger);
}
._1isi5rw8 {
  background-color: rgba(255,255,255,0.49804);
  border: 2px solid rgba(255,255,255,0.49804);
}
.manage-sound ._1isi5rw8 {
  background-color: #28a745c2;
  border: 2px solid var(--success);
}
._1isi5rw3 {
  width: 28px;
  height: 16px;
  background-clip: padding-box;
}
._1isi5rw1 {
  opacity: 1;
  font-size: 0;
  cursor: pointer;
  position: relative;
  display: inline-block;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-property: border, background;
}
.jcr1ac6z {
  border-radius: 999px;
}
._1isi5rwe {
  font-size: 8px;
  background-color: rgba(255,255,255,0.24706);
}
.manage-sound ._1isi5rwe {
  background-color: var(--white);
}
._1isi5rwc {
  top: 3px;
  left: 2px;
  width: 1em;
  height: 1em;
  display: block;
  position: absolute;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-property: background, -webkit-transform;
  transition-property: background, transform;
  transition-property: background, transform, -webkit-transform;
}
.jcr1ac6z {
  border-radius: 999px;
}
._10xb4no0 {
  top: 0;
  left: 0;
  z-index: 1;
  margin: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: inherit;
  position: absolute;
}
._1isi5rwh {
  -webkit-transform: translate3d(12px, 0, 0);
  transform: translate3d(12px, 0, 0);
  background-color: #121417;
}
.manage-sound ._1isi5rwh {
  background-color: var(--white);
}
.d8on8xa {
  color: rgba(255,255,255,0.49804);
}
.manage-sound .d8on8xa {
  color: var(--cardTxt);
}
.d8on8x7 {
  opacity: 1;
}
.d8on8x5 {
  isolation: isolate;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-property: opacity;
}
.jcr1ac1o {
  font-weight: 700;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

._17c8p6761 {
  display: flex;
  gap: 5px;
}
._17c8p6771 {
  flex: 1 0 20%;
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  ._17c8p6771 {
    flex: 1 0 10%;
  }
}

/****HEADER MENU END****/

/****RIGHT SIDEBAR START****/
.right-container .bets-cont .table {
  border: 1px solid var(--lightGray1);
  background-color: var(--lightGray1);
  color: var(--blackText1);
  margin-bottom: 0;
  table-layout: auto;
}
.right-container .bets-cont .table thead {
  background-color: var(--lightGray3);
  color: var(--blackText1);
}
.right-container .bets-cont .table thead th {
  padding: 1px 3px;
  font-size: 12px;
}
/****RIGHT SIDEBAR END****/

/****MOBILE BETS TABLE START****/
#mobileBetsContainer .table {
  border: 1px solid var(--lightGray1);
  background-color: var(--lightGray1);
  color: var(--blackText1);
  margin-bottom: 0;
  table-layout: auto;
}
#mobileBetsContainer .table thead {
  background-color: var(--lightGray3);
  color: var(--blackText1);
}
#mobileBetsContainer .table thead th {
  padding: 1px 3px;
  font-size: 12px;
}
#mobileBetsContainer .bets-table {
  background-color: var(--lightGray1);
  border-radius: 5px;
  padding: 3px;
  margin-bottom: 10px;
  position: relative;
  border: 1px solid var(--lightGray2);
}
#mobileBetsContainer .modal-header .close {
  color: var(--cardTxt);
}
/****MOBILE BETS TABLE END****/

.display-laptop {
  display: none;
}

.d-flex {
  display: flex;
  justify-content: flex-end;
  text-align: center;
  margin-right: 0.5rem;
  margin-bottom: 0.1rem;
  gap: 0.1rem;
}

.display-flex {
  display: flex;
}

.flex1 {
  flex: 1;
}

.font-fs-1 {
  font-size: 1.3rem !important;
}

.font-fs-2 {
  font-size: 1rem !important;
}
.font-fs-3 {
  font-size: 0.7rem !important;
}

.dropdown-toggle:after {
  margin-top: 10px;
}

button:focus {
  box-shadow: none !important;
}

a:hover {
  text-decoration: none !important;
}

.max-height-300 {
  max-height: 300px !important;
}

.max-height-72 {
  max-height: 72px !important;
}
/*HOME PAGE SLIDER START*/
#home-promotion .item{
  margin: 4px;
  min-height: 100px;
  max-height: 300px;
  display: flex;
}
#home-promotion .item img{
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}
/*HOME PAGE SLIDER END*/
@media only screen and (min-width: 768px) and (min-height: 500px) {
  .middle-container .middle-distributor.threex1 {
    grid-template-columns: minmax(0, 1fr);
  }
  .middle-container .middle-distributor.threex3 {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* For Device more than 1024px  [Laptop and desktop] */
@media only screen and (min-width: 1024px) {
  .d-none-desktop {
    display: none !important;
  }

  .middle-container .middle-distributor.threex1 {
    grid-template-columns: minmax(0, 1fr);
  }
  .middle-container .middle-distributor.threex2 {
    grid-template-columns: 200px minmax(0, 1fr);
  }
  .middle-container .middle-distributor.threex3 {
    grid-template-columns: 40px minmax(0, 1fr) 370px;
  }
  .left-container .left-drawer-btn {
    display: block;
  }
  .left-container .left-drawer-conn {
    display: none;
  }
  .left-container .left-drawer-conn .left-drawer-close {
    display: none;
  }
}

/* For Device less than 1024px  [Tablet] */
@media screen and (max-width: 1023px) {
  /*.center-container {
    width: 100% !important;
  }*/
  .display-laptop {
    display: flex;
  }
  .d-none-tablet {
    display: none !important;
  }
  .right-container {
    width: 50% !important;
    margin-left: 10px;
  }

  .middle-container .middle-distributor.threex2 {
    grid-template-columns: minmax(0, 1fr);
  }
  .middle-container .middle-distributor.threex2 .leftsidebar {
    display: none;
  }
  #home-promotion {
    height: 150px;
  }
  #home-promotion .item img {
    height: 100px;
  }
  .j1c0rp0 {
    padding: 8px;
    flex-direction: row;
    margin: 0 5px;
    border-radius: 5px;
    /*background: linear-gradient(135deg, rgb(6, 166, 255), rgb(60, 120, 255));*/
    background: #2C3E50;
  }
  ._5eyg0n0 {
    margin-bottom: 0;
    margin-right: 4px;
    position: relative;
    border-right: 1px solid #fff;
  }
  ._5eyg0n0:last-child {
    border-right: none;
  }
  ._5eyg0n3 {
    width: 48px;
    height: 48px;
  }
  .game-menu-mobile {
    border-bottom: 1px solid #444;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    background: #1a1a1a;
    padding: 10px 0;
    border-top: 1px solid #444;
    z-index: 9999;
  }
  .game-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    color: #fff;
    font-size: 12px;
    border-right: 1px solid #333;
    padding: 4px 2px;
  }
  .game-item:last-child {
    border-right: none;
  }
  .game-item img {
    width: 32px;
    height: 32px;
    margin-bottom: 4px;
  }
  ._1pzmarquee ._1pzk4g13 {
    background: #fff;
  }
  ._1pzmarquee {
    color: #000;
  }
}

/* For Device less than 768px  */
@media screen and (max-width: 768px) {
  .d-none-phone,
  .d-none-mobile {
    display: none !important;
  }
  .navbar-right-text {
    font-size: 0.85rem;
  }
  .middle-container .middle-distributor.threex1 {
    grid-template-columns: minmax(0, 1fr);
  }
  .middle-container .middle-distributor.threex2 {
    grid-template-columns: minmax(0, 1fr);
  }
  .middle-container .middle-distributor.threex2 .leftsidebar {
    display: none;
  }
  .middle-container .middle-distributor.threex3 {
    grid-template-columns: minmax(0, 1fr);
  }

  ._13dqaje0 {
    margin-top: 8px;
  }
}

/* For Device more than 600px  */
@media screen and (min-width: 600px) {
  .box-item-list {
    max-height: 72px;
  }
}

/* For Device less than 400px  */
@media screen and (max-width: 400px) {
  .nnz0rie {
    padding: 4px 7px;
    font-size: 11px;
    margin-left: 10px;
  }
  .sm-size-btn {
    padding: 4px 10px;
    font-size: 13px;
    margin-left: 0px;
  }
  .header-logo {
    width: 120px;
    margin-top: -5px;
  }
  .form-check {
    padding-left: 0;
  }
  .odds-switch-container .odds-switch {
    height: 16px !important;
  }
  .odds-switch {
    width: 30px !important;
  }
  #odds-switch-1 .checkbox:checked + .knobs:before {
    left: 15px !important;
    width: 10px !important;
    height: 10px !important;
  }
  #odds-switch-1 .knobs:before {
    width: 10px !important;
    height: 10px !important;
  }
}

@media screen and (max-width: 320px) {
  ._18fg7n73 {
    padding-right: 8px;
    padding-left: 8px;
    min-width: 40px;
    width: 40px;
  }
  ._18fg7n72 {
    padding-left: 0;
  }
  .header-logo {
    width: 110px;
  }
  /*.navbar-right-text {
        font-size: 0.75rem;
    }*/
}

/* For Device less than 300px  */
@media screen and (max-width: 300px) {
  .header-logo {
    width: 100px;
  }
  .navbar-right-text {
    text-align: end;
  }
}

@media screen and (min-width: 1200px) {
  .middle-container .middle-distributor.threex1 {
    grid-template-columns: minmax(0, 1fr);
  }
  .middle-container .middle-distributor.threex2 {
    grid-template-columns: 200px minmax(0, 1fr);
  }
  .middle-container .middle-distributor.threex3 {
    grid-template-columns: 165px minmax(0, 1fr) 370px;
  }
  .left-container .left-drawer-btn {
    display: none;
  }
  .left-container .left-drawer-conn {
    display: block;
  }
  .left-container .left-drawer-conn .left-drawer-close {
    display: none;
  }
}

@media only screen and (min-width: 1280px) and (max-width: 1599px) {
  .form-control {
    font-size: var(--font-13);
  }
  .modal-title {
    font-size: 16px;
  }
}

label {
  font-size: 12px;
  color: #3c444b;
  margin-bottom: 8px;
}

.btn {
  box-shadow: none !important;
  height: auto;
  color: #fff;
  border-radius: 4px;
}

.btn:active,
.btn:focus,
.btn:hover {
  box-shadow: none !important;
  opacity: 0.8;
  color: #fff;
}

.btn-primary {
  background-color: #03b37f;
  border-color: #03b37f;
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active {
  box-shadow: none;
  background-color: #03b37f;
  border-color: #03b37f;
  opacity: 0.8;
}

.btn-primary.disabled,
.btn-primary:disabled {
  background-color: #03b37f;
  border-color: #03b37f;
  cursor: not-allowed;
}

.btn-reset {
  background-color: #fc4242;
  border-color: #fc4242;
}

.btn-reset:active,
.btn-reset:focus,
.btn-reset:hover {
  box-shadow: none;
  background-color: #fc4242;
  border-color: #fc4242;
  color: #fff;
}

.btn-bet {
  height: 34px;
  background-color: #03b37f52;
  border-color: transparent;
  color: #fff;
}

.btn-bet:active,
.btn-bet:focus,
.btn-bet:hover {
  background-color: #03b37f52;
  border-color: transparent;
  opacity: 0.8;
}

.modal {
  top: 35px;
}

.modal-content .table thead {
  background-color: var(--gray-dark);
  color: var(--text-table-header);
}

.modal-dialog {
  width: 100%;
  margin: 0 auto;
}

.modal-content {
  background-color: var(--bg-table);
  border-radius: 0;
  border: 0;
  max-height: calc(100vh - 50px);
}

.modal-placebet .modal-content {
  background-color: #000000de;
}

.modal-header {
  border: 0;
  border-radius: 0;
  background-color: var(--gray-dark);
  padding: 8px;
}

#mobileBetsContainer .modal-header {
  border: 0;
  border-radius: 0;
  background-color: var(--cardHeadBg);
  padding: 8px;
}

.modal-title {
  color: #fff;
  font-size: 18px;
}

.modal-header .close {
  color: #fff;
  opacity: 1;
  text-shadow: none;
}

.modal-body {
  padding: 8px;
  max-height: calc(100vh - 60px);
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--bg-table) var(--bg-table-header);
}

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

.modal-body::-webkit-scrollbar-track {
  background: var(--bg-table);
}

.modal-body::-webkit-scrollbar-thumb {
  background-color: var(--bg-table-header);
}

.modal-footer {
  justify-content: space-between;
  border: 0;
  background-color: var(--bg-table-header);
  padding: 8px;
}

.form-control, .form-control:focus, .form-control:hover {
  background-color: #ffffff;
  border: 1px solid #3c444b;
  color: #000000;
}

.bm-commission-img {
  display: inline-block;
  margin-left: 12px;
  width: 15px;
  height: 15px;
}
.lm-commission-img {
  width: 15px;
  height: 15px;
  margin-left: 10px
}
.left-5 {
  left: 5rem !important;
}
.top-half {
  top: 0.5rem !important;
}
.card {
  border: 0;
  border-radius: 0;
}
.card-header {
  background-color: var(--bg-table-header);
  border: 0;
  border-radius: 0 !important;
  padding: 6px;
}
.card-body {
  background-color: var(--bg-table);
  padding: 6px;
  color: var(--text-table);
}

.drawer-blank {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #000000ab;
  z-index: -1;
}
.loader-parent {
  position: relative;
  width: 70px;
  height: 70px;
  margin: 2% auto;
}

.right-container .nav-link:hover, .right-container .nav-link:focus {
  color: white;
}

.right-container .nav-link {
  color: white;
}

.right-container .nav-tabs {
  border: none;
  margin-bottom: -2px;
}

.right-container .nav-tabs .nav-link.active, .right-container .nav-tabs .nav-item.show .nav-link {
  color: #000;
}

.right-container .bets-cont {
  display: none;
  color: #121417;
  background-color: #FFFFFF;
  border-radius: 10px;
}

.right-container .bets-cont-sticky {
  position: sticky;
  top: 115px;
  z-index: 9;
}

.right-container .bets-cont nav .nav-tabs {
  margin-bottom: -2px;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}

.right-container .bets-cont nav .nav-tabs .nav-item {
  grid-gap: 4px;
  gap: 4px;
  width: 100%;
  height: 40px;
  display: grid;
  align-items: center;
  grid-auto-flow: column;
  justify-content: center;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  border-radius: 0;
  padding: 0;
  color: rgba(18,20,23,0.49804);
  background-color: #e7e7e8;
}

.right-container .bets-cont nav .nav-tabs .nav-item:first-child {
  border-top-left-radius: 10px;
}

.right-container .bets-cont nav .nav-tabs .nav-item:last-child {
  border-top-right-radius: 10px;
}

.right-container .bets-cont nav .nav-tabs .nav-item.active {
  /*background-color: #ffffff;*/
  /*color: #118AFA;*/
  background-color: var(--lightSade);
  color: #fff;
}

.right-container .bets-cont .tab-content {
  padding: 10px 10px 1px 10px;
  min-height: 100px;
}

.bets-container {
  display: none;
  background-color: var(--lightGray1);
  border-radius: 5px;
  padding: 3px;
  margin-bottom: 10px;
  position: relative;
  border: 1px solid var(--lightGray2);
}
.lm-bets-container, .fancy-bets-container {
  display: none;
  background-color: var(--lightGray1);
  border-radius: 5px;
  padding: 3px;
  margin-bottom: 10px;
  position: relative;
  border: 1px solid var(--lightGray2);
}

/*
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--bg-table);
}

::-webkit-scrollbar-thumb {
  background-color: var(--bg-table-header);
}*/

/*FOOTER LIGHT DARK START*/
.h4v2v35 {
  height: 32px;
}
.h4v2v33 {
  grid-gap: 4px;
  gap: 4px;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.jcr1ac7e {
  border-radius: 8px;
}
.jcr1ac49 {
  padding-right: 4px;
}
.jcr1ac3t {
  padding-left: 4px;
}
.jcr1ac3d {
  padding-bottom: 4px;
}
.jcr1ac2x {
  padding-top: 4px;
}
.jcr1ac1o {
  font-weight: 700;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
._1amk0qd2o:not(:disabled) {
  cursor: pointer;
}
.h4v2v37 {
  grid-gap: 4px;
  gap: 4px;
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-items: center;
  place-items: center;
  align-content: center;
  justify-content: center;
  place-content: center;
  white-space: nowrap;
  overflow: visible;
  position: relative;
  transition-duration: 0.2s;
  transition-timing-function: ease;
  transition-property: color;
}
button.h4v2v37 {
  border: 0;
  margin: 0;
  overflow: hidden;
  outline: none;
  background: none;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  font: inherit;
  text-align: left;
  text-align: initial;
  text-transform: inherit;
  color: rgba(255,255,255,0.49804);
  letter-spacing: inherit;
}
.dx15g61 ._1amk0qd1h {
  color: #fff !important;
  background-color: rgba(255,255,255,0.09804);
}
.jcr1ac4a {
  padding-right: 8px;
}
.jcr1ac3u {
  padding-left: 8px;
}
._1j7mxuk1 {
  font-size: 16px;
}
._1j7mxuk0 {
  width: 1em;
  height: 1em;
  min-width: 1em;
}
.h4v2v3b {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.jcr1ac6k {
  border-radius: 4px;
}
/*FOOTER LIGHT DARK END*/
.inplay-title-head {
  display: grid;
  gap: 2px;
  grid-template-columns: fit-content(80%) 25px;
}
.counterLabel {
  min-width: 22px;
  display: inline-grid;
  width: min-content;
  place-items: center;
  vertical-align: middle;
  transition-duration: .3s;
  transition-timing-function: ease;
  transition-property: color,background-color;
  font-size: 10px;
  font-weight: 400;
  line-height: 11px;
  letter-spacing: normal;
  text-transform: none;
  border-radius: 13px;
  padding: 2px 0px;
  margin-left: 5px;
  background-color: #46CE53;
  color: #FFFFFF;
}
.btn-secondary {
  color: #fff;
  background-color: var(--darkSade);
  border-color: var(--darkSade);
}
/*._1pzk4g11._1pzmarquee ._1pzk4g13 {*/
  /*background: #203871;*/
/*}*/
._1pzmarquee marquee {
  font-size: 0.80rem;
}
._1pzk4gmt18 {
  width: 100%;
}
.game-menu-mobile {
  display: none;
}

.tennis-card {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  font-family: sans-serif;
  color: #333;
  border: 1px solid #ddd;
  max-width: 720px;
  margin: auto;
}

/* Header */
.card-header {
  display: flex;
  background: #333;
  color: #fff;
}

.game-type {
  background: #f05a28;
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: bold;
  flex: 1;
}

.game-type img {
  width: 20px;
  height: 20px;
}

.odds-header {
  flex: 2;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 10px;
  font-weight: bold;
  background: #444;
}

/* Match Row */
.match-row {
  display: flex;
  border-top: 1px solid #ddd;
  padding: 8px 10px;
  align-items: center;
}

.players {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.players .icons {
  color: green;
  font-size: 14px;
  display: flex;
  gap: 5px;
}

.odds {
  flex: 2;
  display: flex;
  justify-content: space-between;
  gap: 4px;
}

.odds-box {
  width: 40px;
  height: 28px;
  border-radius: 4px;
}

.odds-box.blue {
  background: #a4d6ff;
}

.odds-box.red {
  background: #f7b9b9;
}

.odds-box.gray {
  background: #d6d6d6;
}

/* Mobile View */
@media (max-width: 768px) {
  .tennis-card {
    border-radius: 0;
  }

  .card-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .odds-header {
    width: 100%;
    background: #222;
    justify-content: space-between;
    padding: 5px 15px;
  }

  .match-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .players {
    width: 100%;
    margin-bottom: 8px;
  }

  .odds {
    width: 100%;
    justify-content: space-between;
  }

  .odds-box {
    flex: 1;
    margin: 0 3px;
  }
}


a,
a:focus,
a:hover {
  text-decoration: none;
}
li,
ul {
  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;
}

.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;
}

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

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

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

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

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

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

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

.lay:hover,
.lay0: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: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: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}

.suspendedtext {
  position: relative;
}
.suspendedtext .bl-box {
  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: 3px;
  cursor: not-allowed;
  pointer-events: none;
  bottom: 0;
}*/

.suspendedtext .odds-boxs:after {
  content: attr(data-title);
  text-transform: uppercase;
  background-color: #131313c2;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  height: 100%;
  width: calc(16% * 6);
  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: 3px;
  cursor: not-allowed;
  pointer-events: none;
  max-width: 100%;
}

.suspendedtext .fancy-backlay-buttons:after {
  content: attr(data-title);
  text-transform: uppercase;
  background-color: #131313c2;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  height: 100%;
  width: calc(3.5rem * 2);
  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: 3px;
  cursor: not-allowed;
  pointer-events: none;
  bottom: 0;
}

.header {
  border-bottom: 1px solid var(--bg-table-header);
  height: 60px;
  line-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: 1030;
}

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

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

.header ul li a {
  height: 22px;
}

.header ul li a:hover {
  color: var(--text-highlight);
}

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

.header-right {
  padding-right: 16px;
}

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

.header .btn-primary span {
  height: 22px;
  color: var(--text-highlight);
}

.balance {
  height: 22px;
  padding-left: 10px;
  cursor: pointer;
}

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

.logo {
  padding: 10px;
}

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

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

.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 0.3s 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.show > .dropdown-item {
  color: var(--text-highlight);
}

.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;
}

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

.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);
}

.bet-slip-box {
  border-radius: 8px;
  background-color: var(--bg-table);
  color: var(--text-table);
  padding: 0;
}

.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;
}

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

.bet-slip {
  border-bottom: 1px solid var(--bg-table-header);
  padding: 8px;
  margin-bottom: 5px;
}

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

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

.bet-nation img {
  width: 10px;
  height: 10px;
}

.bet-slip-box .bet-time {
  height: 19px;
  color: var(--text-fancy);
  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);
}

.match-result {
  display: inline-block;
  margin-top: 0;
  height: 15px;
  color: var(--text-table);
  font-size: var(--font-11);
  line-height: 19px;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-transform: uppercase;
  text-overflow: ellipsis;
}

.bet-slip-box .bet-slip .match-name {
  color: var(--text-fancy);
  text-shadow: 0 0 black;
  letter-spacing: 0.7px;
}
.bet-slip-box .bet-slip .is-back {
  font-size: var(--font-11);
}

.bet-team {
  font-size: var(--font-caption);
  margin-top: 6px;
  font-weight: var(--font-bold);
  color: var(--text-fancy);
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
}
.bet-slip-box .bet-team label {
  margin: 0;
}
.bet-slip-box .bet-team p {
  margin: 0;
}
.bet-team-name {
  /*max-width: calc(100% - 85px);*/
  width: 50%;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  letter-spacing: 0.7px;
}

.bet-total {
  border-bottom: 1px dashed var(--bg-table-header);
  padding: 16px;
  text-align: right;
}

.bet-total .bet-odds {
  height: 19px;
  color: var(--text-highlight);
  line-height: 19px;
}

.bet-total .bet-total-number {
  height: 19px;
  color: var(--text-fancy);
  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 {
  color: var(--text-white);
  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-input {
  margin-top: 0;
  margin-left: 0;
  width: 48%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 0;
  overflow: hidden;
  height: 36px;
  float: right;
}

.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;
  -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), var(--bg-table-header));
}

.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), var(--bg-table-header));
}

.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), var(--bg-table-header));
}

.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), var(--bg-table-header));
}

.bet-input .form-control {
  color: var(--text-table);
  height: 36px;
  border: 0;
  background-color: transparent;
}

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

.bet-buttons .btn {
  min-width: 22.75%;
  margin-right: 3%;
  margin-bottom: 8px;
  height: 40px;
  border-radius: 4px;
  background-color: var(--bg-table-header);
  border-color: transparent;
  padding: 0;
}
.bet-slip-box .bet-buttons .btn {
  height: 35px;
}
.bet-buttons .btn:nth-child(4n) {
  margin-right: 0;
}

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

.bet-buttons .btn span {
  color: var(--text-highlight);
}

.bet-slip-container .place-bet-btn {
  padding: 0;
}
.bet-slip-container .place-bet-btn .CommanBtn {
  display: none;
}

.bet-slip-container .place-bet-btn .btn span {
  height: 22px;
  color: var(--text-white);
  font-weight: var(--font-semi);
  text-align: center;
}

.bet-slip-container {
  display: none;
  background-color: var(--bg-table);
  border-radius: 5px;
  padding: 0;
  margin-bottom: 10px;
  position: relative;
}
.position-container {
  display: none;
  background-color: var(--bg-table);
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 10px;
  position: relative;
}
.tv-container {
  display: none;
  background-color: var(--bg-table);
  border-radius: 5px;
  position: relative;
  max-height: 247px;
}
.close-bet {
  cursor: pointer;
}
.close-tv {
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
}
.close-tv img {
  width: 14px;
}
.bet-place {
  pointer-events: none;
}
.trans-bg {
  background-color: #0006;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.cur-pos {
  font-weight: normal;
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  background-color: var(--dark);
  color: #fff !important;
  padding: 5px;
  border-radius: 5px;
  margin-left: 10px;
}
.cur-pos-con {
  display: flex;
  width: 100%;
}
.cur-pos-con button {
  width: 49%;
}
.cur-pos-con button:last-child {
  margin-left: 5px;
}

.header-casino {
  height: 100px;
}

.odds-box:after {
  right: 5%;
  top: 50%;
  border-width: 1px 1px 0 0;
  content: " ";
  /*background: var(--lightSade);*/
  display: block;
  height: 1px;
  position: absolute;
  width: 15px;
  margin: 0 auto;
  text-align: center;
}

.odds-box {
  display: inline-block;
  position: relative;
  height: 37px;
  width: 48%;
  border: 1px solid var(--bg-table-header);
  border-radius: 4px;
  padding: 0;
  font-size: 14px;
}

.odds-box input {
  height: 37px;
  width: 100%;
  background: 0 0;
  border: 0;
  cursor: default;
}

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

input.form-control[readonly] {
  background-color: transparent;
}

.odds-box input:focus,
.odds-box input:hover {
  border: 0;
  background: 0 0;
}

.odds-box .arrow-tag {
  cursor: pointer;
}

.odds-box .arrow-up {
  position: absolute;
  top: 4px;
  right: 8px;
  transform: scaleY(-1);
  width: 15px;
}

.odds-box .arrow-down {
  position: absolute;
  bottom: 3px;
  right: 8px;
  width: 15px;
}

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

.footer {
  margin-top: 16px;
  border-top: 1px solid #3c444b;
  padding: 8px;
  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%;
  padding-left: 10px;
}

.footer ul {
  display: inline-block;
}

.footer ul li {
  float: left;
}

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

.footer ul li.active a {
  color: var(--text-highlight);
  font-weight: var(--font-semi);
}

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

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

.main-container {
  position: relative;
  width: 100%;
}

.center-container {
  margin-right: 5px;
  margin-left: 5px;
  position: relative;
}

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

/*.banner {
  height: auto;
  border-radius: 8px;
  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.scorestats iframe {
  height: 235px;
  position: absolute;
  width: 85%;
}*/

.carousel {
  width: 100%;
}

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

.bet-table {
  background-color: var(--cardBg);
  border-radius: 8px;
  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%;
}

.bet-table-header.nodata {
  background-color: var(--bg-sidebar);
  color: var(--text-sidebar);
  justify-content: center;
}

@-webkit-keyframes run {
  0% {
    left: 0;
    width: 5%;
  }
  50% {
    width: 100%;
  }
  100% {
    right: 0;
    width: 5%;
  }
}

.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;
}

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

.team-name {
  max-height: 20px;
  line-height: 20px;
  margin-bottom: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  color: var(--cardTxt);
  font-weight: 600;
}

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

.bl-box {
  height: 32px;
  padding: 5px 0;
  text-align: center;
  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:after {
  content: "";
  display: inline-block;
  background: url(https://sitedata.one/public/login/up-green.png);
  background-size: cover;
  width: 15px;
  height: 12px;
  position: absolute;
  top: 5px;
  left: 3px;
}*/

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

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

.bl-box.odds-up:before {
  background: #39ff3980; /*#0e9bff80;*/
  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: #000000 !important;
}

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

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

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

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

.bl-box span {
  color: var(--text-black);
  text-align: center;
}

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

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

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

.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 {
  margin-left: 3px;
  margin-right: 3px;
  min-width: calc(100% - 6px);
  flex: 1;
}

.detail-page-container .market-4.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-50 {
  margin-left: 3px;
  margin-right: 3px;
  min-width: calc(50% - 6px);
  max-width: calc(50% - 6px);
  flex: 1;
}

.detail-page-container .market-2.right-container {
  margin-left: 3px;
  margin-right: 3px;
  min-width: calc(40% - 6px);
  flex: 1;
}

.detail-page-container .market-5 {
  margin-left: 3px;
  margin-right: 3px;
  min-width: calc(100% - 6px);
  flex: 1;
}

.detail-page-container .market-6 {
  /* display: none; */
  min-width: calc(50% - 6px);
  max-width: calc(100% - 6px);
  margin-left: 3px;
  margin-right: 3px;
  flex: 1;
  width: 50%;
}

.detail-page-container .market-7 {
   /*display: none;*/
  min-width: calc(50% - 6px);
  max-width: calc(100% - 6px);
  margin-left: 3px;
  margin-right: 3px;
  flex: 1;
  width: 50%;
}

.detail-page-container #goto-1,
.detail-page-container #goto-4 {
  display: none;
}

.detail-page-container.cricket-detail .market-6 {
  min-width: calc(100% - 6px);
}

.detail-page-container.cricket-detail .market-7 {
  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 {
  height: 40px;
  padding: 5px 8px;
  border-radius: 8px 8px 0 0;
  /*background-color: var(--cardHeadBg);*/
  /*color: var(--cardTxt);*/
  background-color: var(--darkSade);
  color: var(--white);
  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-10 .bet-table-header,
.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-7 .bet-table-header {
  justify-content: flex-start;
}

.detail-page-container .bet-table {
  margin-top: 6px;
}

.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);
  float: right;
  width: 80px;
  text-align: right;
}

.detail-page-container .market-11 .max-bet,
.detail-page-container .market-2 .max-bet,
.detail-page-container .market-4 .max-bet,
.detail-page-container .market-5 .max-bet,
.detail-page-container .market-9 .max-bet {
  width: 110px;
}

.detail-page-container .market-4 .max-bet {
  width: 120px;
}

.detail-page-container .nation-name {
  width: 49%;
  padding-right: 5px;
}

.detail-page-container .odds-boxs {
  position: relative;
  width: 50%;
  display: inline-flex;
}

.detail-page-container .market-7 .nation-name {
  width: 45%;
}

/*.detail-page-container .market-7 .bet-table-row .odds-boxs {
  width: 45%;
}*/

.detail-page-container .market-11 .nation-name > span:first-child,
.detail-page-container .market-2 .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-9 .nation-name > span:first-child {
  max-width: calc(100% - 110px);
}

.detail-page-container .nation-name > span:first-child {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(100% - 80px);
  display: inline-block;
  text-transform: capitalize;
  vertical-align: middle;
}

.detail-page-container .market-7 .nation-name > span:first-child {
  max-width: 100%;
}

.detail-page-container .market-1 .bet-table-header span:first-child {
  text-transform: capitalize;
}

.detail-page-container .market-11 .nation-name,
.detail-page-container .market-2 .nation-name {
  width: calc(100% - 148px);
}

.detail-page-container .market-3 .nation-name {
  width: calc(100% - 300px);
}

.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 {
  /*width: calc(100% - 300px);*/
  width: 49%;
}

.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);
}

.detail-page-container .market-7 .bet-table-header .nation-name {
  width: 45%;
}

.detail-page-container .market-6 .fancy-tripple {
  border-bottom: 1px solid #d6dedb;
}

.detail-page-container .market-7 .fancy-tripple {
  border-bottom: 1px solid #d6dedb;
}

.detail-page-container.cricket-detail .market-6 .fancy-tripple {
  height: 100%;
}

.detail-page-container.cricket-detail .market-7 .fancy-tripple {
  height: 100%;
}

.detail-page-container.cricket-detail
  .market-6
  .col-md-6:nth-last-child(1)
  .fancy-tripple,
.detail-page-container.cricket-detail
  .market-6
  .col-md-6:nth-last-child(2)
  .fancy-tripple {
  border-bottom: 0;
}

.detail-page-container .market-6 .fancy-tripple .bet-table-row, .detail-page-container .market-7 .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;
}

.detail-page-container .market-6 .nation-name p {
  height: auto;
  width: 100%;
  font-weight: 600;
}

.detail-page-container .market-7 .nation-name p {
  height: auto;
  width: 100%;
  font-weight: 600;
}

.detail-page-container .market-7 .nation-name p:first-child {
  cursor: pointer;
}

.detail-page-container .market-6 .nation-name p:last-child {
  width: 100%;
  text-align: left;
}

.detail-page-container .market-7 .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, .lm-min-max {
  font-size: var(--font-small);
  text-align: right;
  width: 72px;
  line-height: 16px;
}*/

.detail-page-container .bl-title {
  height: 30px;
  border-radius: 4px;
  width: 16%;
  text-align: center;
  line-height: 30px;
  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: 16%;
  height: 38px;
  padding: 3px 0;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  flex-direction: column;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
}

.detail-page-container .fancy-item .bl-box {
  width: 72px;
}

.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;
  font-weight: 500;
}

.detail-page-container .bl-box .vol {
  font-size: 0.7rem !important;
}

.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: 19px;
  color: var(--cardBlackTxt);
  margin-bottom: 6px;
  margin-bottom: 0;
  line-height: 20px;
}

.detail-page-container .nation-name p span:first-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 68px);
  display: inline-block;
  font-weight: 600;
  margin-left: 0;
}

.detail-page-container .nation-name .runnpos .runnpospn {
  font-weight: 600;
}

.detail-page-container .nation-name p span:last-child {
  font-size: var(--font-small);
}

.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;
}

.bet-table .bet-table-header:not(:first-child) {
  border-radius: 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 .suspendedtext:after {
  right: 0;
  width: 100%;
  height: calc(100% - 2px);
}

.market-1 .suspended:after {
  background-color: #131313c2;
  color: var(--text-red);
}

.market-11 .suspendedtext:after,
.market-11 .suspendedtext:before,
.market-2 .suspendedtext:after,
.market-2 .suspendedtext:before {
  width: 148px;
  height: 38px;
}

.market-3 .suspendedtext:after {
  width: 300px;
  height: 38px;
}

.market-5 .suspendedtext:after {
  right: 160px;
  width: 148px;
  height: 38px;
}

.market-6 .suspendedtext:after {
  width: 109px;
  right: 84px;
  height: calc(100% - 2px);
  font-size: 12px;
}

.market-7 .suspendedtext:after {
  width: 45%;
  right: 10%;
  height: calc(100% - 2px);
}

.market-9 .suspendedtext:after {
  width: 72px;
  right: 8px;
  height: calc(100% - 4px);
}

.market-10 .suspendedtext:after {
  width: 72px;
  right: 84px;
  height: calc(100% - 4px);
}

.market-message {
  padding: 0 5px;
  font-size: var(--font-small);
  line-height: 16px;
  color: var(--text-table);
}

.header .close-frame-fantacy {
  position: unset;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  line-height: 36px;
}

.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-banners {
  background-color: var(--bg-table);
  padding: 10px 10px 0 10px;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  margin-top: 6px;
}

.slot-banner-full {
  width: 100% !important;
}

@keyframes slide-down {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

.casino-box-tabs {
  padding: 10px 0;
  position: sticky;
  top: 94px;
  margin-top: -6px;
  z-index: 1;
  width: 100%;
  background: var(--bg-body);
  display: flex;
  justify-content: space-between;
}

.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-fancy);
}

.casino-box-tabs .nav-pills .nav-link {
  border: 2px solid var(--bg-table-header);
  color: var(--text-body);
  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 0 8px 0;
  background-color: #051a32;
  box-shadow: inset 0 0 0 2px rgba(24, 144, 255, 0.2);
}

.casino-box .casino-search {
  height: 54px;
  top: -2px;
  border-radius: 0 8px 8px 0;
}

.casino-search.open-search {
  width: 488px;
  max-width: 100%;
  transition: 1.2s ease;
}

.casino-search.open-search .form-control {
  width: 100%;
  display: block;
  background-color: transparent;
  color: var(--text-white);
}

.casino-search.close-search {
  transition: 1.2s ease;
}

.casino-search .form-control {
  height: 100%;
  width: 0;
  border-radius: 0 8px 8px 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: var(--text-white);
}

.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-iframe.banner-frame-show {
  left: 0;
  width: 100%;
  top: 134px;
  height: calc(100vh - 134px);
}

.banner-iframe.banner-frame-show {
  height: calc(100vh - 164px);
  transition: all 0.3s ease-out;
  top: 164px;
  z-index: 1000;
}

.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);
  display: none;
}

.banner-iframe iframe {
  width: 100%;
  border: 0;
  height: 100%;
}

.banner-iframe-name {
  font-size: var(--font-18);
  color: var(--text-fancy);
}

.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;
}

.casino-container .footer {
  padding-left: 302px;
}

.casino-table {
  background-color: var(--bg-table);
  border-radius: 8px;
  padding-bottom: 0;
  color: var(--text-table);
  position: relative;
  transform: translateZ(0);
}

.casino-title {
  padding: 16px;
}

.casino-title .casino-name {
  text-transform: uppercase;
  height: 22px;
  font-weight: var(--font-bold);
}

.fa-info-circle {
  color: #ccc;
  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%;
  background-color: var(--bg-sidebar);
  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;
  color: var(--text-sidebar);
  z-index: 101;
}

.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 > iframe,
.casino-video .video-box > img {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border: 0;
}

.casino-cards-shuffle {
  position: absolute;
  right: 5px;
  top: 50%;
  width: auto !important;
  font-size: 30px;
  transform: translateY(-50%);
  cursor: pointer;
  color: #b3b3b3;
}

.casino-timer {
  position: absolute;
  right: 5px;
  bottom: 5px;
  display: flex;
  display: -webkit-flex;
}

.card__counter {
  background-color: var(--bg-sidebar);
  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: 700;
  color: #fff;
}

.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-highlight);
}

.timer1 {
  border-radius: 4px 0 0 4px;
  margin-right: 2px;
}

.timer2 {
  border-radius: 0 4px 4px 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-bl-box {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.casino-rb-box-player span {
  display: block;
  width: 100%;
}

.casino-card-img img {
  width: 30px;
  height: auto;
  margin-left: 5px;
}

.casino-card-img img:last-child {
  margin-left: 0;
}

.btn-casino {
  background-color: var(--bg-table);
  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: var(--bg-table-header);
  color: var(--text-table-header);
}

.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: 700;
}

.casino-buttons img {
  height: 25px;
}

.casino-book {
  text-align: center;
  font-size: var(--font-caption);
  line-height: 18px;
  color: var(--text-highlight);
  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;
}

.view-more-result span {
  height: 40px;
  line-height: 32px;
}

.last-result-container {
  padding: 16px;
}

.last-result-title {
  text-transform: uppercase;
  height: 22px;
  font-weight: var(--font-bold);
}

.statistics {
  width: 25%;
  padding-left: 20px;
}

.player .suspended:before,
.player-pair .suspended:before {
  background-position: left 10px top 10px;
}

.player-pair .suspended:after {
  border-radius: 16px 0 0 16px;
}

.player .suspended:after {
  border-radius: 16px 0 0 16px;
}

.tie .suspended:after {
  border-radius: 50%;
}

.card-image.suspended:after {
  border-radius: 0;
}

.casino-nation-name {
  background-color: #3c444b85;
  color: #aaafb5;
  padding: 4px;
  position: relative;
}

.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-dealer h4 {
  text-transform: uppercase;
  font-size: var(--font-18);
}

.casino-open-result-dealer .winner-icon {
  height: 50px;
}

.casino-open-result-dealer {
  text-align: center;
}

.ab-bg {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 10px;
}

.ab-title {
  width: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid var(--bg-table-header);
  font-family: ab;
  font-size: 40px;
  line-height: 34px;
}

.ab-cards {
  width: 90%;
}

.ab2cards .casino-bl-box {
  width: 25%;
}

.ab2cards .casino-bl-box-item {
  width: calc(100% - 4px);
  height: 46px;
}

.ab-book {
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
}

.poker-result-board img {
  height: 35px;
  margin-right: 3px;
}

.poker-result-board {
  background: var(--bg-table-header);
  padding: 10px;
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  color: var(--text-highlight);
}

.poker-result-board span {
  font-weight: 700;
  padding: 2px 10px;
  background-color: var(--bg-success);
  color: var(--text-black);
}

.ab-cards {
  width: 90%;
}

.detail-page-container.super-over .market-2 {
  width: calc(100% - 6px);
  max-width: calc(100% - 6px);
  min-width: calc(100% - 6px);
}

.score-head {
  background-color: var(--bg-table-header);
  padding: 10px;
  color: var(--text-highlight);
}

.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;
  color: var(--text-white);
  font-weight: 700;
  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;
  }
}

.rf-minheight {
  min-height: 20px;
}

@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;
  }
}

.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;
}

.report-title {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
}

.report-name {
  height: 43px;
  font-size: var(--font-24);
}

.report-title input {
  background-color: var(--bg-body);
  width: 320px;
  color: var(--text-body);
}

.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);
  padding: 8px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  color: var(--text-table-header);
}

.battle-detail-content {
  width: 48%;
  margin-right: 1%;
}

.battle-detail-content-box {
  background-color: var(--bg-body);
  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-fancy);
  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;
  background-color: var(--btn-secondary);
  text-align: center;
  font-size: var(--font-small);
  color: var(--text-highlight);
}

.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: var(--bg-body);
  text-align: center;
}

.total-soda {
  float: right;
}

.casino-rules-title {
  cursor: pointer;
}

.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;
  color: var(--text-highlight);
}

.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;
}

#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;
}

#currentPosition .modal-header {
  color: #fff;
}
#currentPosition .modal-body {
  padding: 0;
}

#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);
}

.button-value .form-control {
  height: 36px;
  color: var(--text-table);
}

.confirm-bet .btn {
  height: auto;
}

.buttons-tabs.nav-tabs {
  border: 0;
  margin-bottom: 5px;
}

.buttons-tabs.nav-tabs .nav-item .nav-link,
.buttons-tabs.nav-tabs .nav-link.active {
  color: var(--text-table-header);
  background-color: var(--bg-table-header);
  border-color: var(--bg-table-header);
  margin-right: 5px;
}

.buttons-tabs.nav-tabs .nav-link.active {
  color: var(--text-sidebar);
  background-color: var(--bg-sidebar);
  border-color: var(--bg-sidebar);
}

.my-market-box {
  background-color: var(--bg-body);
  border-bottom: 1px solid var(--bg-table-header);
  margin-bottom: 5px;
}

.my-market-box .my-market-box-title {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  color: var(--text-white);
  cursor: pointer;
}

.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-container {
  max-height: 100%;
  scrollbar-width: thin;
  scrollbar-color: var(--bg-table) var(--bg-table-header);
}

.run-amount-container::-webkit-scrollbar {
  width: 8px;
}

.run-amount-container::-webkit-scrollbar-track {
  background: var(--bg-table);
}

.run-amount-container::-webkit-scrollbar-thumb {
  background-color: var(--bg-table-header);
}

.run-amount-container .table {
  position: relative;
}

.run-amount-container .table thead th {
  position: sticky;
  top: -5px;
  background-color: var(--bg-table-header);
}

.main-rules {
  position: absolute;
  left: 10px;
  top: 15px;
}

.main-rules a {
  color: var(--text-fancy);
  text-decoration: underline;
  font-size: var(--font-body);
  margin: 0;
}

.main-rules-container .navbar-nav .dropdown-menu.show li .dropdown-toggle {
  position: relative;
  background: 0 0;
}

.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: 0 0;
  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 {
  background-color: var(--bg-table-header);
  color: var(--text-table-header);
  padding: 5px;
  margin-left: 20px;
  margin-bottom: 5px;
}

.casino-rules {
  text-align: center;
}

.casino-rules img {
  width: auto;
}

.casino-report-tabs {
  padding: 10px 0;
  background-color: var(--bg-sidebar);
  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: var(--text-sidebar);
  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: var(--text-sidebar);
  font-weight: var(--font-semi);
  border-bottom: 2px solid var(--text-sidebar);
  background-color: transparent;
}

.about-us-container {
  background-color: var(--bg-body);
  columns: var(--text-body);
  padding: 20px;
  width: 100%;
}

.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 {
  list-style: decimal;
}

.modal-18plus img {
  height: 30px;
}

.home-modal .modal-content {
  background-color: transparent;
}

.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: red;
  padding: 10px;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  font-size: 18px;
}

.home-modal-title > div {
  width: calc(100% - 50px);
}

.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-highlight);
  font-weight: 700;
  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 .modal-body {
  padding: 0;
  background-color: transparent;
  box-shadow: 0 0 20px #a9a9a9;
}

.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;
}

@-webkit-keyframes arrow4 {
  0% {
    opacity: 1;
  }
  22% {
    opacity: 1;
  }
  25% {
    opacity: 0.2;
  }
  to {
    opacity: 0.2;
  }
}

.tv-expand {
  position: absolute;
  right: 15px;
  margin-top: 7px;
  font-size: 20px;
}

.flex-odds {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  flex-direction: column;
}

.navbar-nav .dropdown-menu.show {
  animation: growDown 0.3s 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;
}

.all-sports-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 10px;
}

.close-login-modal {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
  cursor: pointer;
}

.close-login-modal img {
  height: 20px;
  width: 20px;
}

.modal-body .main-rules-container {
  max-height: calc(100vh - 116px);
  overflow-x: hidden;
  overflow-y: auto;
}

.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: var(--bg-table-header);
  padding: 20px;
  color: var(--text-table-header);
  margin-top: 30px;
}

.login-auth .featured-box-login a {
  color: var(--text-success);
}

.login-auth form > div {
  justify-content: center;
}

.flex-book {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.battle-header > div {
  width: 20%;
}

.note-desc marquee {
  font-size: 16px;
  vertical-align: middle;
}

.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;
}

@media only screen and (max-width: 767px) {
  .login-auth input {
    width: 40px;
    height: 40px;
    margin: 0 5px;
  }

  .login-auth .featured-box-login h3 {
    font-size: 22px;
  }

  .battle-result {
    width: 100%;
    overflow: auto;
  }
}

.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;
}

.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: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.carousal-53 {
  padding-top: 53.33% !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.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;
}

.border-fancy {
  border-bottom: 1px solid var(--text-fancy);
}

.super-over .casino-video .video-box-container {
  max-width: 100%;
}

.score-balls img {
  max-width: 40px;
  margin-bottom: 10px;
}

.cricket-rule .row {
  align-items: center;
}

.cricket-rule {
  font-weight: 700;
}

.jqk-box img {
  width: 30px;
}

.tn-text {
  font-family: "Anonymous Pro";
  font-size: 24px;
  font-weight: 700;
  color: var(--text-fancy);
}

.depo-withdraw-btn .btn {
  height: 28px;
  padding: 0 10px;
  line-height: 24px;
  opacity: 1;
  color: var(--text-white);
  width: auto;
  margin: 0;
  width: 110px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.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;
}

.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: var(--bg-sidebar);
  color: var(--text-sidebar);
}

.disconnected-message b {
  font-size: 14px;
}

.disconnected-message i {
  color: var(--text-fancy);
  font-size: 14px;
}

.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);
}

.bodymovinanim > svg {
  width: 50% !important;
  height: 50% !important;
}

.flip-card-back,
.flip-card-front {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-back {
  transform: rotateY(180deg);
}

.decks .card-item,
.flip-card .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: 0;
  left: 0;
  width: 100%;
}

.vteen .casino-time-digit {
  top: 57%;
}

.place-bet-nation {
  padding: 5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.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 {
  width: 32.33%;
  margin-right: 1%;
  margin-bottom: 1%;
  background-color: #5f2f81;
  color: #fff;
  font-weight: 700;
}

.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;
}

.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;
}

.dragon-box {
  background-color: #ef05181a;
  border: 2px solid #f46a59;
}

.pair-box {
  background-color: #0041a21a;
  border: 2px solid #0041a2;
}

.tiger-box {
  background-color: #00a2001a;
  border: 2px solid #00a200;
}

.tie-box {
  background-color: #0041a21a;
  border: 2px solid #0041a2;
}

.dpt-box.tie-box {
  position: absolute;
  top: -9vh;
  left: 50%;
  transform: translateX(-50%);
  width: 30%;
}

.dragon-box .dt-name,
.pair-box .dt-name,
.tie-box .dt-name,
.tiger-box .dt-name {
  font-size: 3vh;
  font-weight: 700;
  color: #000;
}

.back-box .dt-name {
  font-size: 1.8vh;
  font-weight: 700;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.back-box .dt-name img {
  height: 2.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: 700;
  color: #000;
}

.back-box .dt-odds {
  font-size: 1.8vh;
  font-weight: 700;
}

.back-box .dt-book,
.dragon-box .dt-book,
.dt-book,
.pair-box .dt-book,
.tie-box .dt-book,
.tiger-box .dt-book {
  margin-top: 0.5vh;
  font-size: 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;
  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: 2px solid var(--back);
  margin-bottom: 1vh;
  height: 7vh;
  cursor: pointer;
}

.back-box.suspended::after {
  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;
}

.lh-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 1vh;
  border-radius: 8px;
  width: 30%;
  height: 10vh;
  cursor: pointer;
}

.low-box {
  background-color: #ef05181a;
  border: 2px solid #f46a59;
}

.high-box {
  background-color: #00a2001a;
  border: 2px solid #00a200;
}

@keyframes winnerani {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(2) perspective(1800px) rotateX(40deg);
  }
  100% {
    transform: scale(1);
  }
}

.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: #000;
}

.vbt .odds-title {
  align-items: flex-end;
}

.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: 700;
  font-family: timer;
}

.grecaptcha-badge {
  display: none !important;
}

.recaptchaTerms a {
  color: var(--text-green);
}

.blink-message {
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  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;
}

@-moz-keyframes blinktext {
  0% {
    opacity: 1;
    color: red;
  }
  50% {
    opacity: 1;
    color: #ff0;
  }
  100% {
    opacity: 1;
    color: red;
  }
}

@-webkit-keyframes blinktext {
  0% {
    opacity: 1;
    color: red;
  }
  50% {
    opacity: 1;
    color: #ff0;
  }
  100% {
    opacity: 1;
    color: red;
  }
}

@-ms-keyframes blinktext {
  0% {
    opacity: 1;
    color: red;
  }
  50% {
    opacity: 1;
    color: #ff0;
  }
  100% {
    opacity: 1;
    color: red;
  }
}

@keyframes blinktext {
  0% {
    opacity: 1;
    color: red;
  }
  50% {
    opacity: 1;
    color: #ff0;
  }
  100% {
    opacity: 1;
    color: red;
  }
}

.detail-page-container .market-11 .nation-name > span:first-child,
.detail-page-container .market-2 .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-7 .nation-name > span:first-child,
.detail-page-container .market-9 .nation-name > span:first-child {
  font-weight: 700;
  color: var(--white);
}

/*SECOND CSS */
.bg-success {
  background-color: var(--bg-success) !important;
}

.bg-danger {
  background-color: var(--bg-danger) !important;
}

.bg-info {
  background-color: var(--bg-info) !important;
}

.bg-warning {
  background-color: var(--bg-warning) !important;
  color: var(--text-black) !important;
}

.text-success {
  color: var(--book-green) !important;
}

.text-danger {
  color: var(--book-red) !important;
}

.text-info {
  color: var(--bg-info) !important;
}

.text-warning {
  color: var(--bg-warning) !important;
}

.text-playera {
  color: var(--text-red);
}

.text-playerb {
  color: var(--text-yellow);
}

.text-yellow {
  color: var(--text-yellow);
}

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

.book-green {
  color: var(--book-green) !important;
  font-weight: 400 !important;
}

.book-red {
  color: var(--book-red) !important;
  font-weight: 400 !important;
}

.form-group {
  margin-right: 16px;
}

.form-control {
  background-color: var(--bg-body);
  height: 36px;
  border-radius: 4px;
  border: 1px solid var(--text-body);
  color: var(--text-highlight);
}

.form-control:focus,
.form-control:hover {
  box-shadow: 0 0 4px var(--text-body);
  background-color: var(--bg-body);
  border: 1px solid var(--text-body);
  color: var(--text-highlight);
  box-shadow: none;
}

[type="date"] {
  /*background: url(../img/calendar.png) 90% 50% no-repeat;*/
  -moz-appearance: none;
  -webkit-appearance: none;
  font-size: var(--font-caption);
}

input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-inner-spin-button {
  display: none;
  -webkit-appearance: none;
}

select {
  /*background: url(../img/arrow-down.svg) center right 10px no-repeat;*/
  -moz-appearance: none;
  -webkit-appearance: none;
}

.b-toast .toast {
  max-width: unset;
  display: flex;
  justify-content: center;
  position: fixed;
  z-index: 1070;
  -ms-flex-align: start;
  align-items: flex-start;
  transition: background-color 0.15s;
}

.b-toast.b-toast-success .toast {
  background-color: var(--btn-primary);
}

.b-toast.b-toast-danger .toast {
  background-color: var(--bg-danger);
}

.b-toast.b-toast-info .toast {
  background-color: var(--bg-info);
}

.b-toast.b-toast-warning .toast {
  background-color: var(--bg-warning);
}

.toast-header {
  display: none;
}

.toast-body {
  position: relative;
  color: var(--text-white);
  padding-left: 40px;
}

.b-toast.b-toast-warning .toast-body {
  color: var(--text-black);
}

.toast .toast-body {
  position: relative;
}

.b-toast.b-toast-success .toast .toast-body:before {
  position: absolute;
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  left: 10px;
}

.b-toast.b-toast-danger .toast .toast-body:before {
  position: absolute;
  content: "\f057";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  left: 10px;
}

.b-toast.b-toast-info .toast .toast-body:before {
  position: absolute;
  content: "\f05a";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  left: 10px;
}

.b-toast.b-toast-warning .toast .toast-body:before {
  position: absolute;
  content: "\f06a";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  left: 10px;
}

.b-toast.b-toast-success .toast {
  border-color: var(--btn-primary);
}

.b-toast.b-toast-danger .toast {
  border-color: var(--bg-danger);
}

.b-toast.b-toast-info .toast {
  border-color: var(--bg-info);
}

.b-toast.b-toast-warning .toast {
  border-color: var(--bg-warning);
}

.b-toaster-top-full {
  position: fixed !important;
  left: 50% !important;
  width: 300px !important;
  transform: translateX(-50%) !important;
  top: 10px !important;
}

.loader-section-parent {
  position: relative;
  height: 100%;
}

.loader-section {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-color: #131313b8;
  z-index: 1000;
}

.loader-section-icon {
  content: "";
  box-sizing: border-box;
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border-color: #fff transparent;
  border-style: solid;
  border-width: 2px;
  animation: spinner 0.8s ease infinite;
  z-index: 1000;
}

@keyframes rotateborder {
  100% {
    transform: rotate(1turn);
    -webkit-transform: rotate(1turn);
  }
}

.custom-control-inline {
  line-height: 24px;
}

.custom-control-label {
  color: var(--text-body);
  line-height: unset;
}

.custom-control-label::before {
  background-color: var(--bg-table-header);
}

.custom-control-input:checked ~ .custom-control-label::before {
  border-color: var(--bg-sidebar);
  background-color: var(--bg-sidebar);
  background-image: fill;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23999'/%3e%3c/svg%3e");
}

.pagination {
  justify-content: center;
}

.page-link {
  background-color: transparent;
  border: 0;
  color: var(--text-highlight);
}

.page-link:active,
.page-link:focus,
.page-link:hover {
  background-color: transparent;
  color: var(--text-highlight);
  box-shadow: none;
}

.page-item.active .page-link {
  background-color: var(--btn-primary);
  border-color: var(--btn-primary);
  border-radius: 50%;
}

.page-item.disabled .page-link {
  color: var(--text-table);
  background-color: transparent;
  border-color: transparent;
}

.carousel-control-next,
.carousel-control-prev {
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  width: 60px;
  height: 60px;
  background-color: rgba(0, 0, 0, 0.5);
}

/*CSS FILE*/
:root {
  --text-white: #ffffff;
  --text-black: #000000;
  --text-yellow: #fdcf13;
  --text-red: #fc4242;
  --text-green: #03b37f;

  --bg-success: #03b37f;
  --bg-success-hover: #008e64;
  --bg-warning: #fdcf13;
  --bg-danger: #fc4242;
  --bg-info: #f18521;
  --bg-bet: #03b37f52;
  --bg-tabs: #03b37f33;

  --book-green: #39ff39;
  --book-red: #f7505e;

  --football: #03b37f;
  --football_75: #03b37fbf;
  --football_50: #03b37f80;

  --tennis: #f18521;
  --tennis_75: #f18521bf;
  --tennis_50: #f1852180;

  --boxing: #e44e23;
  --boxing_75: #e44e23bf;
  --boxing_50: #e44e2380;

  --cricket: #20327b;
  --cricket_75: #20327bbf;
  --cricket_50: #20327b80;

  --golf: #015900;
  --golf_75: #015900bf;
  --golf_50: #01590080;

  --beach-volleyball: #ff9c63;
  --beach-volleyball_75: #ff9c63bf;
  --beach-volleyball_50: #ff9c6380;

  --table-tennis: #db2752;
  --table-tennis_75: #db2752bf;
  --table-tennis_50: #db275280;

  --futsal: #74c94b;
  --futsal_75: #74c94bbf;
  --futsal_50: #74c94b80;

  --horse-racing: #9e4025;
  --horse-racing_75: #9e4025bf;
  --horse-racing_50: #9e402580;

  --egames: #623cea;
  --egames_75: #623ceabf;
  --egames_50: #623cea80;

  --grey-hounds: #e89780;
  --grey-hounds_75: #e89780bf;
  --grey-hounds_50: #e8978080;

  --trotting: #996658;
  --trotting_75: #996658bf;
  --trotting_50: #99665880;

  --speedway: #c14347;
  --speedway_75: #c14347bf;
  --speedway_50: #c1434780;

  --basketball: #fbb03b;
  --basketball_75: #fbb03bbf;
  --basketball_50: #fbb03b80;

  --moto-gp: #9fbe3c;
  --moto-gp_75: #9fbe3cbf;
  --moto-gp_50: #9fbe3c80;

  --chess: #0e345e;
  --chess_75: #0e345ebf;
  --chess_50: #0e345e80;

  --vollyball: #074a60;
  --vollyball_75: #074a60bf;
  --vollyball_50: #074a6080;

  --ice-hockey: #2f7ed5;
  --ice-hockey_75: #2f7ed5bf;
  --ice-hockey_50: #2f7ed580;

  --equine-sports: #e07a5f;
  --equine-sports_75: #e07a5fbf;
  --equine-sports_50: #e07a5f80;

  --australians-rules: #ff6457;
  --australians-rules_75: #ff6457bf;
  --australians-rules_50: #ff645780;

  --badminton: #3c7a57;
  --badminton_75: #3c7a57bf;
  --badminton_50: #3c7a5780;

  --formula-1: #bf6f7e;
  --formula-1_75: #bf6f7ebf;
  --formula-1_50: #bf6f7e80;

  --nascar: #cb2755;
  --nascar_75: #cb2755bf;
  --nascar_50: #cb275580;

  --hockey: #3d2b58;
  --hockey_75: #3d2b58bf;
  --hockey_50: #3d2b5880;

  --supercars: #772b59;
  --supercars_75: #772b59bf;
  --supercars_50: #772b5980;

  --netball: #279a95;
  --netball_75: #279a95bf;
  --netball_50: #279a9580;

  --surfing: #81a6ff;
  --surfing_75: #81a6ffbf;
  --surfing_50: #81a6ff80;

  --cycling: #60a5da;
  --cycling_75: #60a5dabf;
  --cycling_50: #60a5da80;

  --gaelick-sports: #07695f;
  --gaelick-sports_75: #07695fbf;
  --gaelick-sports_50: #07695f80;

  --biathlon: #2f158b;
  --biathlon_75: #2f158bbf;
  --biathlon_50: #2f158b80;

  --motorbikes: #bd6a58;
  --motorbikes_75: #bd6a58bf;
  --motorbikes_50: #bd6a5880;

  --athletics: #d96c0d;
  --athletics_75: #d96c0dbf;
  --athletics_50: #d96c0d80;

  --squash: #446ea6;
  --squash_75: #446ea6bf;
  --squash_50: #446ea680;

  --basketball-3-3: #e83d1a;
  --basketball-3-3_75: #e83d1abf;
  --basketball-3-3_50: #e83d1a80;

  --floorball: #04adbf;
  --floorball_75: #04adbfbf;
  --floorball_50: #04adbf80;

  --sumo: #d95b66;
  --sumo_75: #d95b66bf;
  --sumo_50: #d95b6680;

  --virtual-sports: #d592ff;
  --virtual-sports_75: #d592ffbf;
  --virtual-sports_50: #d592ff80;

  --handball: #69306d;
  --handball_75: #69306dbf;
  --handball_50: #69306d80;

  --politics: #b4845b;
  --politics_75: #b4845bbf;
  --politics_50: #b4845b80;

  --weather: #518cad;
  --weather_75: #518cadbf;
  --weather_50: #518cad80;

  --tv-games: #513896;
  --tv-games_75: #513896bf;
  --tv-games_50: #51389680;

  --bowls: #590902;
  --bowls_75: #590902bf;
  --bowls_50: #59090280;

  --waterpolo: #21a3b8;
  --waterpolo_75: #21a3b8bf;
  --waterpolo_50: #21a3b880;

  --alpine-skiing: #509bff;
  --alpine-skiing_75: #509bffbf;
  --alpine-skiing_50: #509bff80;

  --sailing: #00b4d8;
  --sailing_75: #00b4d8bf;
  --sailing_50: #00b4d880;

  --hurling: #52b788;
  --hurling_75: #52b788bf;
  --hurling_50: #52b78880;

  --ski-jumping: #70c1b3;
  --ski-jumping_75: #70c1b3bf;
  --ski-jumping_50: #70c1b380;

  --bandy: #d99b84;
  --bandy_75: #d99b84bf;
  --bandy_50: #d99b8480;

  --motor-sports: #a175c8;
  --motor-sports_75: #a175c8bf;
  --motor-sports_50: #a175c880;

  --baseball: #c06c84;
  --baseball_75: #c06c84bf;
  --baseball_50: #c06c8480;

  --rugby-union: #8a101c;
  --rugby-union_75: #8a101cbf;
  --rugby-union_50: #8a101c80;

  --rugby-league: #ed5f62;
  --rugby-league_75: #ed5f62bf;
  --rugby-league_50: #ed5f6280;

  --curling: #5478bf;
  --curling_75: #5478bfbf;
  --curling_50: #5478bf80;

  --darts: #b21347;
  --darts_75: #b21347bf;
  --darts_50: #b2134780;

  --americal-footbal: #d3393d;
  --americal-footbal_75: #d3393dbf;
  --americal-footbal_50: #d3393d80;

  --snooker: #11b24b;
  --snooker_75: #11b24bbf;
  --snooker_50: #11b24b80;

  --special-bets: #e63946;
  --special-bets_75: #e63946bf;
  --special-bets_50: #e6394680;

  --lotto: #05668d;
  --lotto_75: #05668dbf;
  --lotto_50: #05668d80;

  --card-cricket: #581ab4;
  --card-cricket_75: #581ab4bf;
  --card-cricket_50: #581ab480;

  --font-headline: 16px;
  --font-header: 16px;
  --font-body: 16px;
  --font-caption: 14px;
  --font-big: 32px;
  --font-button: 16px;
  --font-odds: 16px;
  --font-value: 14px;
  --font-small: 12px;
  --font-v-small: 10px;
  --font-24: 24px;
  --font-timer: 48px;
  --font-56: 56px;
  --font-18: 18px;
  --font-13: 13px;
  --font-11: 11px;
  --font-bold: bold;
  --font-regular: normal;
  --font-semi: 600;
  --font-medium: 500;
}

.bet-table-header .odds-boxs {
  display: flex;
}
.bet-table-header .odds-boxs .bl-title:nth-child(1),
.bet-table-header .odds-boxs .bl-title:nth-child(2),
.bet-table-header .odds-boxs .bl-title:nth-child(5),
.bet-table-header .odds-boxs .bl-title:nth-child(6) {
  opacity: 0;
}
.market-message {
  padding: 0 5px;
  font-weight: 700;
  text-align: right;
  font-size: 12px;
  line-height: 16px;
  color: #71787d;
}

.bookmaker-button {
  display: none;
}

#checkbox {
  display: none;
}

.fancy-backlay-buttons {
  display: flex;
}

/* FANCY  */

.detail-page-container .market-6 .fancy-tripple .bet-table-row {
  display: flex;
  justify-content: flex-end;
}

.fancy-min-max, .lm-min-max {
  width: 75px;
  font-size: 10px;
  text-align: right;
  line-height: 16px;
  display: flex;
  flex-direction: column;
}

.fancy-table-row::after {
  /* width: 6.8rem !important; */
  right: 0.4rem !important;
}

.detail-page-container .market-6 .bl-box.active {
  width: 7rem !important;
}

.fancy-table-row.active::after {
  left: 0.5rem !important;
  width: 14rem !important;
}

.bet-table-row .nation-name .fancy_heading_desktop + .mb-0 {
  margin-top: 25px;
  margin-left: -3rem;
}

.modal-btn {
  position: absolute;
  top: 4px;
  right: 1%;
}

.fancy-img {
  display: inline;
  width: 13px;
}

/* switch  */
.odds-switch {
  position: relative;
  top: 50%;
  width: 37px;
  height: 17px;
  margin: -20px auto 0 auto;
  overflow: hidden;
}
.odds-switch.r,
.odds-switch.r .layer {
  border-radius: 100px;
}
.odds-switch.b2 {
  border-radius: 2px;
}
#odds-switch-1 .knobs,
#odds-switch-1 .layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#odds-switch-1 .checkbox {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 3;
}
#odds-switch-1 .knobs {
  z-index: 2;
}
#odds-switch-1 .layer {
  width: 100%;
  background-color: #ebf7fc;
  transition: 0.3s ease all;
  z-index: 1;
}
/* Button 1 */
#odds-switch-1 .knobs:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 4px;
  width: 14px;
  height: 12px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 1px 4px;
  background-color: #72bbef;
  border-radius: 50%;
  transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}
#odds-switch-1 .checkbox:checked + .knobs:before {
  content: "";
  left: 19px;
  background-color: #f994ba;
}
#odds-switch-1 .checkbox:checked ~ .layer {
  background-color: #fcebeb;
}
#odds-switch-1 .knobs,
#odds-switch-1 .knobs:before,
#odds-switch-1 .layer {
  transition: 0.3s ease all;
}
.odds-switch-container .odds-switch { height: 18px; }
.odds-switch-container #odds-switch-1 .knobs:before {background-color: red;}
.odds-switch-container #odds-switch-1 .checkbox:checked+.knobs:before { background-color: green; }
.odds-switch-container #odds-switch-1 .layer { background-color: #ff00004a; }
.odds-switch-container #odds-switch-1 .checkbox:checked~.layer { background-color: #00800069; }

.odds-boxs .font-fs-1 {
  font-size: 1.15rem !important;
}
.market-show-icon {
  position: fixed;
  bottom: 5px;
  right: 5px;
  z-index: 1000;
  background-color: var(--bg-success);
  color: var(--text-white);
  font-weight: var(--font-bold);
  font-size: var(--font-value);
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase;
  font-family: timer;
}

.top-position-sticky{
  position: sticky;
  top: 126px;
  z-index: 9;
}

/* CSS FILE RESPONSIVE*/
@media only screen and (min-width: 320px) and (max-width: 1599px) {
  .suspendedtext::after {
    width: calc(100% - 16px);
    right: 8px;
  }

  .clear-all-slip {
    display: inline-block;
    color: var(--text-sidebar);
    padding-right: 16px;
    float: right;
    cursor: pointer;
  }

  .bet-slip-container .nav-tabs {
    padding-left: 10px;
    padding-right: 10px;
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width: 320px) and (max-width: 1279px) {
  body {
    font-size: var(--font-small);
  }

  .main-container {
    width: 100%;
  }

  .header {
    padding: 2px 5px;
    height: auto;
    border-bottom: 0;
    line-height: unset;
    width: 100%;
    display: block;
  }

  .banner {
    border-radius: 0;
    width: 100%;
  }

  .banner img {
    height: auto;
  }

  .menu-scrolable {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
  }

  .modal-body {
    padding: 8px 6px;
  }

  .modal-sm {
    max-width: 388px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .menu-button-mobile {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    width: 30px;
    margin-top: 8px;
    margin-left: 10px;
  }

  .menu-button-mobile .fa-arrow-left {
    font-size: 18px;
    vertical-align: middle;
  }

  .header-right {
    padding-right: 0;
    padding-top: 0;
    text-align: right;
  }

  .header-right .bal-point {
    font-size: 12px;
    font-weight: 700;
    color: #eee;
  }

  .header .btn-primary {
    margin-left: 16px;
    height: 32px;
    width: 80px;
    padding: 0;
  }

  .menu-button-bar {
    height: 2px;
    width: 24px;
    border-radius: 1px;
    background-color: #aaafb5;
    display: block;
    margin-bottom: 5px;
  }

  /*.center-container {*/
    /*margin: 0;*/
    /*width: 60%;*/
  /*}*/

  .footer {
    margin-top: 0;
    padding: 8px;
    display: none;
  }

  .logo {
    padding: 0;
  }

  .logo img {
    max-height: 35px;
  }

  .footer ul li {
    padding: 0 12px;
  }

  .balance {
    display: inline-block;
    text-align: right;
    padding-left: 0;
  }

  .username {
    margin-right: 4px;
    margin-left: 4px;
  }

  .bet-table-header {
    border-radius: 0;
    height: 33px;
    display: block;
    padding: 0 10px;
    line-height: 33px;
  }

  .bet-table-row-header-mobile .team-name {
    max-height: 16px;
    line-height: 16px;
    font-size: var(--font-13);
  }

  .bet-table-row-header-mobile .team-name.team-event {
    font-size: 12px;
  }

  .bet-table-body {
    padding: 5px;
  }

  .bet-table-box {
    background-color: var(--bg-table-header);
    padding: 4px;
    margin: 4px 0;
  }

  .bet-table-row {
    padding: 0;
  }

  .bm-row {
    justify-content: center;
    display: flex;
  }

  .point-title-header {
    color: var(--text-table-header);
  }

  .bl-box .odds {
    font-size: 1rem !important;
    font-weight: var(--font-bold);
  }

  .bet-table-row-header-mobile {
    display: flex;
    align-items: center;
    background-color: var(--bg-table);
    padding: 4px;
  }

  .bet-table-row-header-mobile .matched-title {
    height: 42px;
    color: #aaafb5;
    line-height: 21px;
  }

  .tabs-mobile {
    position: fixed;
    width: 125%;
    left: 0;
    top: 0;
    z-index: 1101;
    border-bottom: 1px solid var(--bg-table-header);
  }

  .tabs-mobile ul {
    display: flex;
    width: 100%;
  }

  .tabs-mobile ul li {
    flex: auto;
    height: 54px;
    background-color: var(--bg-table);
    text-align: center;
    border-right: 1px solid var(--bg-table-header);
    padding: 0;
  }

  .tabs-mobile ul li a.router-link-active {
    background-color: var(--bg-table-header);
    color: var(--text-table-header);
  }

  .tabs-mobile ul li a {
    color: var(--text-table);
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 0 8px;
    font-size: var(--font-small);
    line-height: 1.4;
  }

  .tabs-mobile ul li a span {
    display: block;
    width: 100%;
    line-height: 12px;
  }

  .bet-slip-box .bet-time {
    display: inline-block;
    vertical-align: top;
  }

  .close-mobile-menu {
    width: 8%;
    text-align: right;
    font-size: 20px;
    cursor: pointer;
  }

  .detail-page-container .bet-table-header {
    /*height: 33px;*/
    line-height: 33px;
    padding: 0 10px;
    border-radius: 4px 4px 0 0;
  }

  .bet-table-mobile-team-name {
    line-height: 17px;
    color: var(--text-body);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
  }

  .detail-page-container .bl-title {
    background-color: transparent;
    height: 20px;
    line-height: 20px;
    color: var(--text-table);
    width: 15%;
    margin-right: 2%;
  }

  .detail-page-container .bl-title:last-child {
    margin-right: 0;
  }

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

  .detail-page-container .bl-box {
    margin-top: 0;
    width: 15%;
    margin-right: 0;
  }

  .detail-page-container .bm-market .bl-box,
  .detail-page-container .bm-market .bl-title,
  .detail-page-container .bm-market-2 .bl-box,
  .detail-page-container .bm-market-2 .bl-title {
    width: 49%;
  }

  .detail-page-container .fancy-market .bl-box {
    width: 35%;
  }

  .fancy-min-max {
    width: 26%;
  }

  .bm-market .suspendedtext::after,
  .bm-market-2 .suspendedtext::after {
    width: calc(100% - 16px);
    right: 8px;
  }

  .fancy-market .suspendedtext::after {
    width: 100%;
    right: 0;
  }

  .rules-round {
    padding-right: 5px;
  }

  .casino-title {
    padding: 6px 4px;
  }

  .casino-cards img {
    height: 32px;
  }

  .casino-timer {
    right: 5px;
    bottom: 5px;
  }

  .timer {
    width: 19px;
    height: 24px;
    line-height: 24px;
    font-size: var(--font-body);
  }

  .last-result-container {
    padding: 10px;
  }

  .last-result-table {
    margin-top: 16px;
    font-size: var(--font-v-small);
  }

  .main-container.casino-container .footer {
    padding-left: 16px;
  }

  .bet-slip {
    width: 100%;
  }

  .odds-box-mobile {
    width: 100%;
    display: flex;
  }

  .m-p-box {
    float: left;
    height: 48px;
    width: 32px;
    line-height: 48px;
    text-align: center;
    background-color: var(--bg-table-header);
  }

  .minus-box {
    border-radius: 4px 0 0 4px;
  }

  .plus-box {
    border-radius: 0 4px 4px 0;
  }

  .odds-box-mobile input {
    float: left;
    height: 48px;
    width: 64px;
    border: 1px solid var(--bg-table-header);
  }

  .stake-odds {
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
  }

  .stake-odds input {
    height: 48px;
    border-radius: 4px;
    border: 1px solid var(--bg-table-header);
    background-color: transparent;
  }

  .stake-odds .profit-val {
    height: 48px;
    line-height: 48px;
  }

  .report-title {
    padding: 0 32px;
  }

  .report-name {
    font-size: var(--font-24);
    height: 33px;
    line-height: 33px;
  }

  .bet-heading {
    display: inline-block;
    min-width: 125px;
    color: var(--text-highlight);
  }

  .footer-error {
    width: 100%;
  }

  .detail-page-container .market-1 .market-1-item .bl-box {
    /*width: 52px;*/
    width: 15%;
  }

  .detail-page-container .market-11 .bl-box,
  .detail-page-container .market-11 .bl-title,
  .detail-page-container .market-2 .bl-box,
  .detail-page-container .market-2 .bl-title,
  .detail-page-container .market-5 .bl-box,
  .detail-page-container .market-5 .bl-title {
    width: 49%;
  }

  .detail-page-container .market-3 .bl-box {
    width: 23.5%;
  }

  .detail-page-container .market-6 .bl-box {
    width: 3.5rem;
  }

  .detail-page-container .market-11 .bet-table-header .nation-name,
  .detail-page-container .market-2 .bet-table-header .nation-name,
  .detail-page-container .market-3 .bet-table-header .nation-name,
  .detail-page-container .market-4 .bet-table-header .nation-name,
  .detail-page-container .market-5 .bet-table-header .nation-name,
  .detail-page-container .market-6 .bet-table-header .nation-name {
    width: 50%;
  }

  .market-6 .suspendedtext::after {
    right: calc(28% + 3px);
    width: 72%;
  }

  .detail-page-container .market-9 .bl-box {
    width: 100%;
  }

  .detail-page-container .market-10 .bl-box {
    width: 72%;
  }

  .market-10 .suspendedtext::after {
    width: calc(72% - 11px);
    right: calc(28% + 3px);
  }

  .center-container.casino-list-container {
    padding-left: 0;
    padding-right: 0;
  }

  .casino-banners {
    padding: 8px 10px;
  }

  .slot-banner-full {
    width: 100%;
    margin-right: 0;
  }

  .casino-min-max {
    font-size: 11px;
  }

  .banner-iframe {
    width: 100%;
    left: 0;
  }

  .banner-iframe.banner-frame-show {
    top: 0;
    height: 100vh;
    z-index: 10000;
  }

  .banner-iframe.slot-iframe.banner-frame-show {
    top: 0;
    height: 100vh;
    z-index: 10000;
  }

  .casino-search.open-search {
    border-radius: 8px;
  }

  .dropdown-menu {
    font-size: var(--font-small);
  }

  .modal {
    top: 50px;
  }

  .modal-content {
    max-height: calc(100vh - 54px);
  }

  .modal-header {
    padding: 8px;
  }

  .modal-title {
    font-size: var(--font-caption);
  }

  .modal-title .casino-min-max {
    color: var(--text-highlight);
  }

  .modal-body {
    max-height: calc(100vh - 40px);
  }

  label {
    margin-bottom: 4px;
    line-height: 16px;
  }

  .form-control {
    height: 32px;
  }

  .button-value .form-control {
    font-size: var(--font-small);
  }

  .card-clear-box {
    display: flex;
    justify-content: space-between;
    padding: 5px 14px;
    background: var(--bg-table-header);
    align-items: center;
    flex-wrap: wrap;
    color: var(--text-white);
    font-weight: 700;
    font-size: var(--font-body);
    margin-top: 10px;
    border-radius: 8px;
  }

  .table {
    table-layout: unset;
  }

  .main-rules {
    margin-left: 0;
    position: absolute;
    left: 10px;
    top: 14px;
    width: auto;
  }

  .main-rules a {
    padding-right: 10px;
    margin: 0;
  }

  .logo {
    padding: 0;
  }

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

  .depo-withdraw-btn {
    right: unset;
    left: 0;
    display: flex;
    justify-content: center;
    width: 100%;
    top: 5px;
    position: unset;
    margin-top: 10px;
    margin-bottom: 15px;
  }

  .depo-withdraw-btn .btn {
    padding: 0 5px;
    width: 80px;
  }

  .footer {
    display: flex;
  }

  .virtual-casino-container {
    max-height: calc(100vh - 56px);
  }

  .winner-trophy .winnera {
    left: 0;
  }

  .winner-trophy .winnerb {
    right: -40px;
  }

  .winner-trophy .winnera,
  .winner-trophy .winnerb {
    width: 100px;
    top: -110px;
  }

  .others-odds {
    margin-top: 0;
  }

  .modal.home-modal {
    top: 0;
  }

  .dpt-box {
    height: 7vh;
  }

  .dragon-box .dt-name,
  .dragon-box .dt-odds,
  .pair-box .dt-name,
  .pair-box .dt-odds,
  .tie-box .dt-name,
  .tie-box .dt-odds,
  .tiger-box .dt-name,
  .tiger-box .dt-odds {
    font-size: 2vh;
  }

  .back-box .dt-book,
  .dragon-box .dt-book,
  .dt-book,
  .pair-box .dt-book,
  .tie-box .dt-book,
  .tiger-box .dt-book {
    font-size: 2vh !important;
    margin-top: 0.5vh;
  }

  .back-box .dt-name img {
    height: 2vh;
  }

  .dpt-box.tie-box {
    top: -8vh;
  }

  .vdt-mobile-book {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    background: #000000f2;
    padding: 5px;
    font-size: 18px;
    cursor: pointer;
    border: 2px solid #000000f2;
  }

  .my-books .my-bet-box {
    color: #fff;
  }

  .my-books .playera {
    color: #ef0518 !important;
    font-weight: 700;
  }

  .my-books .playerb {
    color: #00a200 !important;
    font-weight: 700;
  }

  .odds-title .card-character {
    font-size: 22px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1279px) {
  .detail-page-container .suspendedtext .odds-boxs:after {
    width: calc(15% * 6);
  }
}

@media only screen and (min-width: 1280px) and (max-width: 1365px) {
  .suspendedtext::after {
    width: 452px;
  }

  .main-container {
    width: 100%;
  }

  .header {
    width: calc(100% - 220px);
  }

  .header-casino {
    height: 75px;
  }

  .center-container {
    /*width: calc(100% - 262px);*/
  }

  .modal-sm {
    width: 998px;
    max-width: 998px;
  }

  .balance {
    padding-left: 5px;
  }

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

  .detail-page-container .nation-name {
    /*width: calc(100% - 452px);*/
    width: 50%;
  }

  .detail-page-container .odds-boxs {
    width: 50%;
    display: inline-flex;
  }

  .detail-page-container .bm-row .nation-name {
    width: calc(100% - 290px);
  }

  .detail-page-container .bet-table-body .bet-table-row:first-child {
    padding: 4px 8px;
  }

  .bet-slip {
    padding: 0 8px 8px 8px;
  }

  .slot-banner-full {
    width: 100% !important;
  }

  .casino-nation-name {
    font-size: var(--font-caption);
  }

  .banner-iframe.banner-frame-show {
    left: 220px;
    width: calc(100% - 220px);
  }

  .banner-iframe.slot-iframe.banner-frame-show {
    top: 75px;
  }

  .fullwidthcasino-container .casino-container {
    width: calc(100% - 376px);
  }

  .fullwidthcasino-container .footer {
    width: calc(100% - 376px);
  }

  .toggle-sidebar {
    left: 204px;
  }

  .detail-page-container .market-6 {
    min-width: calc(100% - 6px);
  }

  /*.detail-page-container .market-7 {
    min-width: calc(100% - 6px);
  }*/

}

@media only screen and (min-width: 1366px) and (max-width: 1599px) {
  .suspendedtext::after {
    width: 452px;
  }

  .main-container {
    width: 100%;
  }

  .header {
    width: calc(100% - 220px);
  }

  .header-casino {
    height: 75px;
  }

  .center-container {
    /*width: calc(100% - 262px);*/
  }

  .modal-sm {
    width: 998px;
    max-width: 998px;
  }

  .bet-slip {
    padding: 0 8px 8px 8px;
  }

  .banner-iframe.banner-frame-show {
    left: 220px;
    width: calc(100% - 220px);
  }

  .fullwidthcasino-container .casino-container {
    width: calc(100% - 396px);
  }

  .fullwidthcasino-container .footer {
    width: calc(100% - 396px);
  }

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

  .toggle-sidebar {
    left: 204px;
  }
}

@media only screen and (min-width: 1280px) and (max-width: 1599px) {
  body {
    font-size: var(--font-13);
  }

  .logo img {
    max-height: 78px;
  }

  .bl-box .odds {
    font-size: 1rem;
  }

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

  .dropdown-menu {
    font-size: var(--font-13);
  }

  .banner,
  .banner img {
    width: 100%;
  }

  .point-title {
    margin-left: 8px;
    width: 108px;
  }

  .detail-page-container .bl-box,
  .detail-page-container .bl-title {
    width: 16.65%;
  }

  .detail-page-container .fancy-item .bl-box {
    width: 52px;
  }

  .detail-page-container .market-11 .nation-name,
  .detail-page-container .market-2 .nation-name {
    width: calc(100% - 108px);
  }

  .detail-page-container .market-3 .nation-name {
    width: calc(100% - 220px);
  }

  .detail-page-container .market-3 .bet-table-header .nation-name {
    width: calc(100% - 164px);
  }

  .detail-page-container .market-4 .bet-table-header .nation-name {
    /*width: calc(100% - 220px);*/
    width: 49%;
  }

  .detail-page-container .suspendedtext .odds-boxs:after {
    width: calc(16.65% * 6);
  }

  .detail-page-container .market-5 .bet-table-header .nation-name,
  .detail-page-container .market-5 .nation-name {
    width: calc(100% - 220px);
  }

  .detail-page-container .market-6 .nation-name {
    width: calc(100% - 164px);
  }

  .detail-page-container .market-6 .bet-table-header .nation-name {
    width: calc(100% - 164px);
  }

  .fancy-min-max {
    width: 52px;
  }

  .detail-page-container .market-9 .nation-name {
    width: calc(100% - 52px);
  }

  .detail-page-container .market-10 .nation-name {
    width: calc(100% - 108px);
  }

  .bet-slip-title {
    font-size: var(--font-caption);
  }

  .bet-nation span {
    font-size: var(--font-13);
  }

  .bet-team {
    font-size: var(--font-13);
  }

  .match-result {
    font-size: var(--font-13);
  }

  .bet-buttons .btn {
    font-size: var(--font-13);
  }

  .report-name {
    font-size: var(--font-24);
  }

  .table thead {
    height: auto;
  }

  .table td,
  .table th {
    padding: 6px;
  }

  .logo-login img {
    max-width: 210px;
  }

  .suspendedtext .odds-boxs:after {
    font-size: var(--font-small);
  }

  .bet-table-header {
    height: 32px;
    padding: 4px 8px;
  }

  .modal-header {
    padding: 2px 8px;
  }

  .modal-title {
    font-size: var(--font-body);
  }

  .casino-bl-box-item span {
    font-size: var(--font-small);
  }

  .casino-bl-box-item .casino-box-odd {
    font-size: var(--font-caption);
  }

  .casino-bl-box-item .casino-box-odd.pair-plus {
    font-size: var(--font-small);
  }

  .banner-iframe.slot-iframe.banner-frame-show {
    top: 109px;
    height: calc(100vh - 109px);
  }

  .casino-buttons img {
    height: 22px;
  }

  .navbar-nav .dropdown-menu .dropdown-toggle {
    background-position: right 5px top 12px;
  }

  .navbar-nav .dropdown-menu.show li.show > .dropdown-toggle {
    background-position: right 5px top 12px;
  }
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {

  .main-container {
    width: 100%;
  }

  .header {
    width: calc(100% - 270px);
  }

  .center-container {
    /*width: calc(100% - 312px);*/
  }

  .bet-nation span {
    max-width: 190px;
  }

  .banner-iframe.banner-frame-show {
    left: 270px;
    width: calc(100% - 270px);
  }

  .fullwidthcasino-container .casino-container {
    width: calc(100% - 416px);
  }

  .fullwidthcasino-container .footer {
    width: calc(100% - 416px);
  }

  .toggle-sidebar {
    left: 254px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .d-none-small {
    display: none !important;
  }

  .report-name {
    margin-bottom: 8px;
    font-size: var(--font-18);
  }

  .report-title {
    display: block;
    padding: 8px 8px 0;
  }

  .report-title input {
    width: 100%;
  }

  .loading-box {
    width: 280px;
  }

  .detail-page-container .market-10,
  .detail-page-container .market-11,
  .detail-page-container .market-2,
  .detail-page-container .market-3,
  .detail-page-container .market-4,
  .detail-page-container .market-5,
  .detail-page-container .market-6,
  .detail-page-container .market-9 {
    min-width: calc(100% - 6px);
  }

  .detail-page-container .market-2.right-container,
  .detail-page-container .market-4.width-75 {
    min-width: calc(100% - 6px);
  }

  .poker-result-board img {
    height: 25px;
  }

  .logo-login img {
    width: 150px;
  }

  .carousel-control-next,
  .carousel-control-prev {
    width: 42px;
    height: 42px;
  }

  .footer {
    justify-content: space-between;
  }

  .footer-logo {
    width: 30%;
  }

  .footer-logo img {
    max-height: 70px;
  }

  .footer-box {
    width: 100%;
  }

  .total-soda {
    float: unset;
  }

  .broser-block-text {
    margin-left: 0;
    margin-top: 30px;
    line-height: 1;
  }

  .statistics {
    width: 100%;
  }

  .open-statistics {
    color: var(--bg-success);
    cursor: pointer;
  }

  .statistics-content {
    display: none;
  }

  .casino-cards-shuffle {
    font-size: 22px;
    right: 2px;
  }

  .casino-video-right-icons {
    flex-direction: column;
  }

  .casino-video-lr-icon {
    display: none;
  }

  .casino-video .casino-video-last-results {
    display: none;
  }

  .casino-video-home-icon,
  .casino-video-lr-icon,
  .casino-video-rules-icon {
    height: 25px;
    width: 25px;
    margin-right: 0;
    margin-bottom: 5px;
  }

  .casino-video-home-icon i,
  .casino-video-lr-icon i,
  .casino-video-rules-icon i {
    font-size: var(--font-body);
  }

  .casino-video-right-icons {
    right: 3px;
  }

  .casino-odds-name {
    color: var(--text-highlight);
    text-transform: uppercase;
    font-weight: 700;
    flex-direction: row;
    justify-content: space-between;
    background-color: var(--bg-table-header);
    padding: 0 4px 0 4px;
    border-radius: 0;
    margin-right: 0;
    height: 36px !important;
    position: relative;
  }

  .casino-odds-name i {
    color: #eee;
    font-size: var(--font-body);
  }

  .casino-odds-name img {
    height: 25px;
    max-height: 25px;
    margin-left: 3px;
    width: 25px;
  }

  .casino-bl-box {
    margin-bottom: 4px;
  }

  .casino-rb-box-player .casino-box-odd {
    font-size: var(--font-13);
  }

  .casino-video-last-results {
    position: relative;
    top: 0;
    background-color: transparent;
    justify-content: center;
    width: 100%;
    right: 0;
    padding: 0;
    margin-top: 10px;
    height: auto;
    margin-left: 0;
  }

  .casino-video-last-results span {
    height: 35px;
    width: 35px;
    line-height: 35px;
    margin-right: 10px;
    margin-left: 0;
    background-color: #000;
    box-shadow: 0 0 2px #646464;
  }

  .casino-video-last-results a.result-more {
    width: 35px;
    height: 35px;
    margin-left: 0;
    line-height: 30px;
    margin-right: 0;
    margin-bottom: 0;
    background-color: #000;
    box-shadow: 0 0 2px #646464;
  }

  .header {
    top: 50px;
  }

  .player-pair .suspended:after {
    border-radius: 4px 0 0 4px;
  }

  .player .suspended:after {
    border-radius: 4px 0 0 4px;
  }

  .tie .suspended:after {
    border-radius: 50%;
  }

  .teen1daycasino-container .casino-box-row {
    width: 100%;
  }

  #betSlipModal .modal-body {
    min-height: 100%;
  }
  /*.modal-body {*/
    /*max-height: calc(100vh - 146px);*/
  /*}*/

  .detail-page-container .banner.scorestats iframe {
    width: 95%;
  }

  .support + div {
    text-align: right !important;
  }

  .casino-container {
    min-height: unset;
  }

  .center-container .casino-container,
  .center-container .detail-page-container,
  .center-container.casino-list-container {
    min-height: unset;
  }

  .bet-types-container {
    width: 100%;
    display: block;
  }

  .custom-control-label {
    line-height: unset;
  }

  .dt1day .teen1dayleft,
  .dt1day .teen1dayright,
  .dt20 .teen1dayleft,
  .dt20 .teen1dayright {
    width: 100%;
  }

  .dt1day .teen1daycenter {
    display: none;
  }

  .dt1day .teen1dayother .casino-nation-name {
    width: 32%;
  }

  .dt1day .teen1dayother .casino-bl-box {
    width: 17%;
  }

  .home-modal-title h4 {
    font-size: 18px;
  }

  .home-modal .modal-content {
    max-width: 300px;
    margin: 0 auto;
  }

  .home-modal .close-home-modal {
    top: -10px;
    right: -10px;
  }

  .fullwidthcasino-container .casino-container {
    width: 100%;
    margin: 0;
  }

  .animate-text {
    font-size: 13px;
    height: 42px;
    padding: 10px;
  }

  .login-mobile-menu {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 1100;
    overflow: auto;
    background-color: var(--bg-sidebar);
    padding: 20px;
  }

  .login-mobile-menu a {
    color: var(--text-sidebar);
    padding: 10px;
  }

  .all-sports-list {
    margin-top: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
  }

  .modal-body .main-rules-container {
    max-height: calc(100vh - 190px);
  }

  .register-btn {
    right: 90px !important;
  }

  .error-page {
    padding: 20px;
  }

  .error-page h2 {
    font-size: 20px;
  }

  .casino-cards-odds-title {
    font-size: var(--font-body);
  }

  .error-page h1 {
    font-size: 22px;
  }

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

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

  .header {
    top: 0;
  }

  .logo img {
    max-height: 35px;
  }

  .casino-video .video-box-container {
    max-width: 100%;
    margin-left: auto;
  }

  .casino-box-tabs ul {
    overflow: hidden;
    white-space: nowrap;
    flex-wrap: nowrap;
    scroll-behavior: smooth;
  }

  .casino-tabs-menu {
    width: 100%;
  }

  .frame-open .casino-tabs-menu {
    width: 100%;
  }

  .casino-tabs .casino-tabs-menu {
    width: calc(100% - 55px);
  }

  .casino-box-tabs {
    top: 50px;
  }

  .disconnected-message {
    padding: 5px;
    font-size: 11px;
    line-height: 1.2;
  }

  .disconnected-message i {
    font-size: 14px;
  }

  .disconnected-message b {
    font-size: 12px;
  }

  .casino-video .video-box-container {
    max-width: 100%;
  }

  .home-modal-title {
    justify-content: space-between;
  }

  .home-modal-title img {
    height: 30px;
  }

  .home-modal-title > div {
    font-size: 16px;
    width: calc(100% - 50px);
  }

  .blink-message {
    padding: 3px;
  }

  .blink-message > div {
    font-size: 10px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 374px) {

  .logo img {
    max-height: 28px;
  }

  .header-right .bal-point {
    font-size: 10px;
    font-weight: 700;
    color: #eee;
  }

}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .bet-table-row {
    padding: 16px 32px;
  }

  .logo {
    display: inline-block !important;
    margin-right: 40px;
  }

  .casino-banners {
    padding: 6px;
  }

  .slot-banner-full {
    width: 100% !important;
  }

  .footer {
    justify-content: space-between;
  }

  .footer-logo {
    width: 10%;
    margin-top: 10px;
  }

  .footer-box {
    width: 100%;
  }

  .header {
    top: 0;
  }

  .banner-iframe.banner-frame-show {
    top: 47px;
    height: calc(100vh - 47px);
  }

  .detail-page-container .banner.scorestats iframe {
    width: 90%;
  }

  .fullwidthcasino-container .casino-container {
    width: 100%;
    margin: 0;
  }

  .virtual-casino-bg .dealer {
    top: 8%;
  }
}

@media screen and (orientation: landscape) and (max-width: 767px) {
  .hidden-landscape {
    display: flex;
    height: calc(100vh - 56px);
    width: 100%;
    align-items: center;
    justify-content: center;
  }

  .hidden-landscape.virtual-casino-container > .w-100 {
    display: none;
  }

  .hide-landscape {
    background-color: var(--bg-sidebar);
    padding: 4px;
    color: var(--text-sidebar);
    border-radius: 4px;
    width: auto;
    justify-content: center;
    font-size: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .hide-landscape > div:first-child {
    font-size: 16px;
  }

  .hide-landscape > div:last-child {
    font-size: 18px;
  }
}

@media screen and (orientation: portrait) and (max-width: 767px) {
  .hide-landscape {
    display: none;
  }
}

@media only screen and (min-width: 1279px) and (max-width: 1369px) {
  /*.detail-page-container .bl-box,
  .detail-page-container .bl-title {
    width: 15%;
  }
  .suspendedtext .odds-boxs:after {
    width: calc(15% * 6);
  }*/
}

@media only screen and (max-width: 1279px) {
  .detail-page-container .odds-boxs {
    width: 49%;
    display: inline-flex;
    justify-content: flex-end;
  }
}

/* mobile friendly  */

@media screen and (max-width: 1024px) {
  #flex-bet-data {
    display: flex;
  }

  .bet-table-mobile-team-name {
    display: flex;
    flex-direction: column;
    align-items: baseline;
  }

  .team-name {
    width: max-content;
  }

  #back-button {
    background-color: #72bbef;
  }

  #lay-button {
    background-color: #f994ba;
  }

  /*TODO: remove this comment code*/
  .market-4 .suspendedtext:after {
    /*height: 43px !important;
    font-size: 0.8rem;*/
  }

  #full-width-box:after {
    /*width: calc(100%-14px) !important;*/
  }

  #fix-width-box:after {
    /*width: 7.1rem !important;*/
  }

  .odds-boxs {
    display: flex;
    justify-content: flex-end;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1023px) {
  .bet-table-header {
    display: flex;
  }
}

@media screen and (min-width: 1023px) and (max-width: 1279px) {
  /*.detail-page-container .odds-boxs {
    width: 50% !important;
  }*/
}

@media screen and (max-width: 1280px) {
  .fancy-table-row::after {
    width: 7.2rem;
    font-size: 0.8rem;
  }
}

@media screen and (max-width: 991px) {
  /* bet-slip */
  .bet-slip-container {
    padding: 7px 10px;
  }
  .bet-slip-box {
    margin-top: 0;
  }
  .bet-slip-title {
    height: auto !important;
  }
  .bet-team {
    margin-top: 0;
  }
  .bet-slip-container .place-bet-btn .btn {
    height: auto;
  }
  .bet-buttons .btn {
    height: 30px;
    margin-bottom: 5px;
  }
  .bet-slip {
    padding: 8px 0px;
  }
  .bet-buttons {
    padding: 8px 0px;
  }
  .bet-slip-container .place-bet-btn {
    margin-top: 0;
  }
}

@media screen and (min-width: 1024px) {
  .detail-page-container.cricket-detail {
    padding-bottom: 300px;
  }
}

@media screen and (min-width: 1004px) {
  .bet-table-header {
    display: flex;
  }
}

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

  .bet-table-header:nth-child(2) {
    display: none;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
  /*FANCY SECTION*/
  .detail-page-container .market-6 .nation-name {
    width: calc(100% - 180px);
  }
  .detail-page-container .market-6 .fancy-min-max {
    width: 50px;
  }
  .detail-page-container .market-6 .suspendedtext::after {
    width: 108px;
  }
}

/* For Device grater than 1024px  */
@media screen and (min-width: 1024px) {
  .detail-page-container .market-6 .nation-name.d-none-tablet {
    height: 44px;
  }
  .detail-page-container .market-6 .nation-name.d-none-tablet .fancy-min-max {
    position: absolute;
    left: 10px;
  }

  .market-4 .suspendedtext:after {
    width: 49%;
    height: 40px;
    right: 20px;
  }


  /*LM SECTION*/
  .lm-min-max {
    width: 10%;
    max-width: 75px;
  }
  .detail-page-container .market-7 .bet-table-header .nation-name {
    width: 40%;
  }
  .detail-page-container .market-7 .bet-table-header .odds-boxs .bl-title {
    width: 14%;
  }
  .detail-page-container .market-7 .bet-table-row .nation-name {
    width: 40%;
  }
  .detail-page-container .market-7 .bet-table-row .odds-boxs {
    width: 49%;
  }
  .detail-page-container .market-7 .bet-table-row .lm-min-max {
    width: 10%;
  }
}

/* For Device Between 1024px to 1300px */
@media screen and (min-width: 1024px) and (max-width: 1300px) {
  .market-4 .suspendedtext:after {
    width: 45%;
  }
}

/* For Device less than 1023px  */
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .modal-btn {
    top: 1px;
    right: 29%;
  }
  .fancy-head {
    font-weight: 600;
  }
  .detail-page-container .market-4 .bl-box {
    width: 3.5rem;
  }
  .detail-page-container .market-4 .suspendedtext .odds-boxs:after {
    width: calc(3.5rem * 6);
  }


  /* checkbox  */
  #checkbox {
    display: block;
    margin-right: 0.5rem;
  }
  /*MARKET SECTION*/
  .detail-page-container .market-4 .bet-table-mobile-row {
    width: 50%;
  }

  .detail-page-container .market-4 .bet-table-row {
    width: 50%;
  }

  .detail-page-container .market-4 .bet-table-row .odds-boxs {
    width: 100%;
  }
  .detail-page-container .market-4 .bet-table-row .suspendedtext::after {
    width: calc(100% - 16px);
    height: 40px;
    right: 8px;
  }
  /*FANCY SECTION*/
  .detail-page-container .market-6 .suspendedtext::after {
    width: 72%;
  }
  /*LM SECTION*/
  .detail-page-container .lm-item .bet-table-row {
    width: 100%;
  }

  .detail-page-container .market-7 .bet-table-header .nation-name {
    width: 32%;
  }
  .detail-page-container .market-7  .nation-name p span:first-child {
    max-width: 100%;
  }

  .detail-page-container .market-7 .bet-table-header .odds-boxs {
    width: 60%;
  }

  .detail-page-container .market-7 .bet-table-row .odds-boxs {
    width: 85%;
  }

  .detail-page-container .market-7 .bet-table-row .lm-min-max {
    width: 10%;
  }

  .detail-page-container .market-7 .suspendedtext:after {
    width: 77%;
    right: 16%;
  }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
  /*FANCY SECTION*/
  .detail-page-container .market-6 .fHeading2 {
    display: none;
  }
  .detail-page-container .market-6 .fancy-no-yes-head .nation-name {
    width: calc(100% - 196px);
  }
  .detail-page-container .market-6 .fancy-no-yes-head .fHeading1 .fancy-table-row.d-flex {
    margin-right: 0;
  }
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
  /*FANCY SECTION*/
  .detail-page-container .market-6 .nation-name {
    width: calc(100% - 180px);
  }
  .detail-page-container .market-6 .fancy-min-max {
    width: 50px;
  }
  .detail-page-container .market-6 .suspendedtext::after {
    width: 108px;
  }
}

@media screen and (min-width: 992px) {
  /*FANCY SECTION*/
  .detail-page-container .market-6 .fancy-no-yes-head .fHeading1 .nation-name {
    width: 50%;
  }
  .detail-page-container .market-6 .fancy-no-yes-head .fHeading1 .fancy-table-row {
    width: 35%;
  }
  .detail-page-container .market-6 .fancy-no-yes-head .fHeading1 .fancy-table-row.d-flex {
    margin-right: 0;
  }
  .detail-page-container .market-6 .fancy-no-yes-head .fHeading1 .fancy-min-max {
    width: 15%;
  }
  .detail-page-container .market-6 .fancy-no-yes-head .fHeading2 .nation-name {
    width: 50%;
  }
  .detail-page-container .market-6 .fancy-no-yes-head .fHeading2 .fancy-min-max {
    width: 16%;
  }
  .detail-page-container .market-6 .bl-box {
    width: 3.5rem;
  }
  /*.detail-page-container .market-6 .fancy-no-yes-head .fancy-table-row {*/
    /*width: 100%;*/
  /*}*/

  .detail-page-container .market-6 .nation-name {
    width: 50%;
  }
  .detail-page-container .market-6 .fancy-table-row {
    width: 35%;
  }
  .detail-page-container .market-6 .fancy-min-max {
    width: 15%;
  }
}

@media(width: 1024px) {
  /*MARKET SECTION*/
  .detail-page-container .market-4 .bet-table-row {
    width: 100%;
  }
  .detail-page-container .market-4 .bet-table-row .odds-boxs {
    width: 49%;
  }
  .detail-page-container .market-4 .suspendedtext .odds-boxs:after {
    width: calc(3.5rem * 6);
  }
  /*FANCY SECTION*/
  .detail-page-container .market-6 .nation-name {
    width: calc(100% - 180px);
  }
  .detail-page-container .market-6 .fancy-min-max {
    width: 50px;
  }
  .detail-page-container .market-6 .suspendedtext::after {
    width: 82%;
  }
  /*LM SECTION*/
  .detail-page-container .market-7 .bet-table-header .odds-boxs .bl-title {
    width: 13%;
  }
  .detail-page-container .market-7 .bet-table-row .nation-name {
    width: 40%;
  }
  .detail-page-container .market-7 .bet-table-row .odds-boxs {
    width: 49%;
  }
  .detail-page-container .market-7 .suspendedtext:after {
    width: 47%;
    right: 11%;
  }

}

/* For Device less than 768px  */
@media screen and (max-width: 768px) {
  .detail-page-container .bl-box {
    width: 3.5rem;
  }
  .bookmaker-button {
    display: block;
    width: 3.5rem;
    height: 25px;
    color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
  }
  #fix-width-box:after {
    width: 7.1rem;
  }
  /*MARKET SECTION*/
  .detail-page-container .market-4 .bet-table-mobile-row {
    width: 100%;
  }
  .detail-page-container .market-4 .bet-table-header .nation-name {
    width: 100%;
  }
  .detail-page-container .market-4 .odds-boxs {
    width: 100%;
  }
  /*FANCY SECTION*/
  .detail-page-container .market-6 .bookmaker-button {
    width: 3.5rem;
  }
  .detail-page-container .market-6 .suspendedtext:after {
    width: 6.7rem;
  }
  .detail-page-container .market-6 .fancy-no-yes-head {
    display: none;
  }
  /*LM SECTION*/
  #MRK_LM .d-flex { margin-right: 17.2%; }
  .detail-page-container .market-7 .bet-table-mobile-row {
      width: 50%;
  }
  .detail-page-container .market-7 .full-width-box .bet-table-mobile-row {
      width: 100%;
  }
  .detail-page-container .market-7 .bet-table-mobile-row .team-name {
    font-size: 12px;
    height: auto;
    max-height: 30px;
    line-height: 14px;
    white-space: break-spaces;
    text-overflow: unset;
  }
  .detail-page-container .market-7 .odds-boxs {
      width: 75%;
  }
  .detail-page-container .market-7 .lm-min-max {
      width: 25%;
  }
  .detail-page-container .market-7 .nation-name > span:first-child {
    max-width: 100% !important;
  }

  .detail-page-container .market-7 #full-width-box .bl-box {
    width: 35%;
  }
  .suspendedtext .odds-boxs:after {
    font-size: 0.8rem;
    width: calc(3.5rem * 2);
  }
  .suspendedtext#full-width-box .odds-boxs:after {
    font-size: 0.8rem;
    width: calc(3.5rem * 6);
  }
  .detail-page-container .market-7 .suspendedtext#full-width-box .odds-boxs:after {
    width: 100%;
  }
  .suspendedtext .fancy-backlay-buttons:after {
    font-size: 0.8rem;
    width: calc(3.5rem * 2);
  }
  .suspendedtext.full-width-box .fancy-backlay-buttons:after {
    font-size: 0.8rem;
    width: calc(7rem * 2);
  }

}

@media(width: 768px) {
    #market4 .d-flex { margin-right: 83px !important; }
}

@media screen and (min-width: 321px) and (max-width: 425px) {
  #MRK_LM .d-flex {
    margin-right: 15.2%;
  }
}

@media screen and (max-width: 420px) {
  .suspendedtext#full-width-box .odds-boxs:after {
    font-size: 0.8rem;
    width: 100%;
  }
}

/* For Device less than 320px  */
@media screen and (max-width: 320px) {
  .detail-page-container .d-flex {
    width: 100%;
    padding-right: 8px;
  }
  #market4 .d-flex {
    padding-right: 21px;
  }
  #flex-bet-data{
    width: 100%;
  }

  .bet-table-header{
    display: block;
  }
  .fancy-head,
  .bet-table-mobile-team-name
  {
    font-size: 0.8rem;
    margin-left: 0.1rem;
  }
  .bet-table-body{
    padding: 4px 3px;
  }
  .detail-page-container .market-4 .max-bet{
    margin-top: 5px;
  }
  .b645515{
    font-size: 8px;
  }
  /*LM SECTION*/
  .detail-page-container .market-7 .d-flex {
    padding-right: 29px;
  }
  .detail-page-container .market-7 .odds-boxs {
    justify-content: flex-end;
    width: 100%;
  }
  .detail-page-container .market-7 .lm-min-max {
    width: 100%;
    display: inline-block;
  }
  .detail-page-container .market-7 .lm-min-max span {
    padding-left: 10px;
  }
  .detail-page-container .market-7 .d-flex {
    padding-right: 3%;
  }
  .detail-page-container .market-7 .bookmaker-button {
    width: 3.5rem;
  }

  .suspendedtext#full-width-box .odds-boxs:after {
    font-size: 0.8rem;
    width: 100%;
  }
  .detail-page-container .market-7 #full-width-box .odds-boxs:after {
    width: calc(3rem * 6);
  }
  .detail-page-container .market-7 .full-width-box .bet-table-mobile-row {
    width: 100%;
  }
  .detail-page-container .market-7 .full-width-box .bet-table-mobile-row .team-name {
    width: 100%;
  }

  /*FANCY SECTION*/
  .detail-page-container .market-6 .bl-box {
    width: 3.2rem;
  }
  .suspendedtext .fancy-backlay-buttons:after {
    width: calc(3.2rem * 2);
  }

}
.runnpos {
  display: flex;
}
.runnpospn {
  margin-left: 10px;
}
.runnpospn:first-child {
  margin-left: 0;
}
.arrow {
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.cur-back {
  cursor: pointer;
}
.elementToHide.processOn {
  pointer-events: none;
  opacity: 0.5;
}

/*BET SLIP ODDS BOX*/
.bet-slip .odds-boxs {
  width: 50%;
  display: flex;
  justify-content: end;
}
.bet-slip .bl-box {
  width: 65px;
  height: 38px;
  padding: 3px 0;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  flex-direction: column;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
}

.bet-slip .fancy-item .bl-box {
  width: 72px;
}

.bet-slip .bl-box span {
  height: 14px;
  line-height: 14px;
}

.bet-slip .bl-box .odds {
  height: 16px;
  line-height: 16px;
  margin-bottom: 1px;
  font-weight: 500;
}

.bet-slip .bl-box .vol {
  font-size: 0.7rem !important;
}

.bet-slip .bl-box.no-val {
  line-height: 38px;
  padding: 0;
  border: 0;
}

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

.bet-slip .nation-name p {
  height: 19px;
  color: var(--cardTxt);
  margin-bottom: 6px;
  margin-bottom: 0;
  line-height: 20px;
}
.right-container {
  padding: 0 10px 0 0;
}
#betSlipModal .modal-body {
  min-height: 100%;
}
#betSlipModal .modal-header {
  padding: 5px 8px;
  background-color: var(--cardHeadBg);
}
#betSlipModal .modal-title {
  color: #fff;
  font-size: 14px;
  color: var(--cardTxt);
  font-weight: 700;
}
#betSlipModal .modal-header .close {
  padding: 0;
  margin: 0;
  font-size: 19px;
  color: var(--cardTxt);
}
#betSlipModal .modal-body .close-bet {
  display: none;
}
.left-container {
  padding-left: 10px;
}
#betSlipModal .modal-dialog {
  max-width: 450px;
}
#betSlipModal .betslip-runner-position {
  margin-top: 10px;
}
#betSlipModal .betslip-runner-position p {
  margin: 0;
}
#betSlipModal .betslip-runner-position .bet-table-row {
  padding: 0;
}
#betSlipModal .betslip-runner-position .nation-name p span {
  letter-spacing: 0.6px;
}
#betSlipModal .betslip-minmax {
  text-align: right;
}
#betSlipModal .betslip-minmax span {
  margin-right: 5px;
}
@import url(//fonts.googleapis.com/css?family=Roboto:300, 400, 500, 700, 900&subset=latin, latin-ext);
._16e4bgn0 {
    display: flex;
    flex-direction: column;
}
._16e4bgn1 {
    display: flex;
    justify-content: space-between;
}
._16e4bgn2 {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 4px;
    gap: 4px;
    grid-auto-columns: 1fr;
    margin-bottom: 4px;
}
._16e4bgn3 {
    display: flex;
    align-items: center;
    padding-bottom: 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    min-height: 25px;
    text-align: center;
    justify-content: center;
}
._16e4bgn4 {
    flex: 1 1 33%;
}
._16e4bgn5 {
    flex: 1 1 20%;
}
._16e4bgn6 {
    flex: 1 1 40%;
}
._2x53uz0 {
    width: 100%;
    height: 100%;
    outline: 0;
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    display: flex;
    margin: 0;
    cursor: pointer;
    background-color: #efefef;
    color: #1141ff;
    border-radius: 4px;
    flex-direction: column;
    align-items: stretch;
    min-height: 32px;
    padding: 12px 8px;
    line-height: 19px;
    font-size: 14px;
    font-weight: 600;
    border: 0;
}
._2x53uz0:focus {
    outline: unset;
}
._2x53uz1 {
    font-weight: 900;
    color: rgba(0, 0, 0, 0.33);
    cursor: unset;
    text-align: center;
    pointer-events: none;
}
._2x53uz2 {
    background-color: #1141ff;
    color: #fff;
}
._2x53uz3 {
    position: absolute;
    width: 8px;
    height: 4px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
}
._2x53uz4 {
    top: 4px;
}
._2x53uz5 {
    bottom: 4px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 30% 50%;
    transform-origin: 30% 50%;
}
._2x53uz6 {
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    margin-right: auto;
    color: rgba(0, 0, 0, 0.5);
}
._2x53uz2 ._2x53uz6 {
    color: #fff;
}
._2x53uz7 {
    position: relative;
    display: flex;
    margin: 0 auto;
    width: 100%;
    word-break: break-word;
    flex: 1 1;
    justify-content: space-between;
    align-items: center;
}
._2x53uz0:disabled ._2x53uz7 {
    color: #a6a6a6;
}
._2x53uz8 {
    justify-content: center;
}
._2x53uz9 {
    display: flex;
    width: 70%;
    height: 100%;
    position: relative;
    align-items: center;
}
._2x53uza {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    position: absolute;
    color: #000;
    text-align: center;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
._2x53uz2 ._2x53uza {
    color: #fff;
}
._2x53uz0:disabled ._2x53uza {
    color: #a6a6a6;
}
._2x53uzc {
    display: inline-block;
    justify-content: center;
    flex-shrink: 0;
    white-space: nowrap;
}
._2x53uzd {
    color: #1141ff;
}
._2x53uzc span {
    height: 12px;
    line-height: 12px;
    color: var(--text-black);
    font-size: var(--font-small);
    font-weight: var(--font-regular);
}
._2x53uz2 ._2x53uzd {
    color: #fff;
}
._2x53uz0:disabled ._2x53uzd {
    color: #a6a6a6;
}
._2x53uze {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
._2x53uzg {
    color: #a6a6a6;
}
@media (min-width: 1201px) {
    ._2x53uz0:hover {
        background-color: #d8ddf0;
    }
    ._2x53uz2:hover {
        background-color: #4167ff;
    }
}
@media (min-width: 1024px) and (max-width: 1200px) {
    ._2x53uz0:hover {
        background-color: #d8ddf0;
    }
    ._2x53uz2:hover {
        background-color: #4167ff;
    }
}
@media (min-width: 1024px) and (max-width: 1200px) {
    ._2x53uzb {
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
    }
    ._2x53uzf {
        font-size: 14px;
        font-weight: 600;
        line-height: 16px;
    }
}
@media (min-width: 1201px) {
    ._2x53uzb {
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
    }
    ._2x53uzf {
        font-size: 14px;
        font-weight: 600;
        line-height: 16px;
    }
}
._1xv55hl0 {
    width: 100%;
    display: grid;
    grid-gap: 3px;
    gap: 3px;
    align-content: baseline;
}
._15woyfd0 {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 12px 8px;
}
._15woyfd1 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
@media (min-width: 1024px) and (max-width: 1200px) {
    ._15woyfd0 {
        font-size: 14px;
        font-weight: 600;
        line-height: 16px;
    }
}
@media (min-width: 1201px) {
    ._15woyfd0 {
        font-size: 14px;
        font-weight: 600;
        line-height: 16px;
    }
}
.tz5sgs0 {
    background-color: #fff;
    margin-bottom: 8px;
}
.tz5sgs1 {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    min-height: 40px;
    padding: 0 16px;
    position: relative;
    text-align: center;
}
.tz5sgs2 {
    position: absolute;
    right: 16px;
}
.tz5sgs3 {
    padding: 8px;
    border-top: 1px solid #e6e6e6;
}
._1mv23120 {
    display: flex;
    align-items: center;
}
.cbllna0 {
    position: relative;
    padding-bottom: 24px;
}
.cbllna1 {
    display: flex;
    flex-wrap: wrap;
}
.cbllna2 {
    width: 50%;
    max-width: 50%;
}
.cbllna2:nth-of-type(odd) {
    padding-right: 4px;
}
.cbllna2:nth-of-type(2n) {
    padding-left: 4px;
}
.cbllna3 {
    position: sticky;
    z-index: 1;
    top: 105px;
}
@media (min-width: 1024px) and (max-width: 1200px) {
    .cbllna3 {
        top: 105px;
    }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-height: 768px) {
    .cbllna3 {
        top: 50px;
    }
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
    .cbllna0 {
        padding-bottom: 88px;
    }
    .cbllna3 {
        top: 82px;
    }
}
.p28xpo0 {
    display: grid;
    grid-template-rows: [home] 1fr [away] 0fr;
    grid-gap: 0 8px;
    gap: 0 8px;
    text-align: center;
}
.p28xpo1 {
    grid-row: home;
}
.p28xpo2 {
    grid-row: away;
}
.p28xpo3 {
    opacity: 0.6;
}
._1leiwbb0 {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-left: auto;
    display: flex;
    align-self: top;
}
._1leiwbb1 {
    padding-right: 8px;
    display: flex;
    align-items: flex-start;
}
._1leiwbb2 {
    margin-left: 8px;
    border-left: 1px solid #e6e6e6;
}
._1leiwbb3 {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    display: flex;
    align-items: center;
}
._1leiwbb4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    border-left: unset;
    padding: 4px 8px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    text-align: center;
}
@media (min-width: 1201px) {
    ._1leiwbb0 {
        padding-left: 8px;
    }
}
@media (max-width: 1023px) {
    ._1leiwbb0 {
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
    }
    ._1leiwbb4 {
        font-size: 14px;
        font-weight: 700;
        line-height: 18px;
    }
}
.vrv7qj0 {
    width: 0;
    height: 100%;
    display: flex;
}
.vrv7qj1 {
    position: relative;
    left: -12px;
    transition: all 0.5s ease-in-out;
    line-height: 8px;
}
.vrv7qj2 {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
}
.vrv7qj3 {
    -webkit-transform: translateY(21px);
    transform: translateY(21px);
}
.vrv7qj4 {
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
}
.vrv7qj5 {
    -webkit-transform: translateY(31px);
    transform: translateY(31px);
}
@media (max-width: 1023px) {
    .vrv7qj0 {
        width: 12px;
    }
    .vrv7qj1 {
        left: 0;
    }
    .vrv7qj2 {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    .vrv7qj3 {
        -webkit-transform: translateY(19px);
        transform: translateY(19px);
    }
    .vrv7qj4 {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    .vrv7qj5 {
        -webkit-transform: translateY(25px);
        transform: translateY(25px);
    }
}
@-webkit-keyframes _1ry8i8m0 {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.2;
    }
}
@keyframes _1ry8i8m0 {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.2;
    }
}
._1ry8i8m1 {
    -webkit-animation-name: _1ry8i8m0;
    animation-name: _1ry8i8m0;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
.bntk7t0 {
    width: 24px;
    height: 12px;
    margin-right: 4px;
    align-self: center;
}
@media (max-width: 1023px) {
    .bntk7t0 {
        width: 8px;
        height: 8px;
        border-radius: 4px;
        background-color: #46ce53;
    }
}
._1sklek60 {
    width: 100%;
    height: 100%;
}
._2oh39a0 {
    align-items: center;
    justify-content: center;
}
._2oh39a0,
._2oh39a1 {
    position: relative;
    display: flex;
}
._2oh39a2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc((100% - 16px) / 3);
    overflow: hidden;
}
._2oh39a3 {
    height: 72px;
    max-height: 72px;
}
._2oh39a4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    text-overflow: ellipsis;
    display: flex;
    width: 50%;
    flex-shrink: 1;
    flex-grow: 1;
    align-items: center;
}
._2oh39a4:first-of-type {
    justify-content: flex-end;
}
._2oh39a5 {
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    display: flex;
    color: rgba(0, 0, 0, 0.5);
    left: 16px;
    width: 100%;
    justify-content: flex-start;
}
._2oh39a5,
._2oh39a6 {
    position: absolute;
    top: 16px;
}
._2oh39a6 {
    right: 30px;
}
._2oh39a7 {
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    align-items: center;
    justify-content: stretch;
    height: 80px;
}
._2oh39a7,
._2oh39a8 {
    display: flex;
    width: 100%;
    padding: 16px;
}
._2oh39a9 {
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    margin-left: 25%;
    max-width: 50%;
    position: relative;
}
._2oh39ab {
    white-space: nowrap;
}
._2oh39ac {
    position: absolute;
    top: 0;
    left: -16px;
}
._2oh39ad {
    margin-left: auto;
    margin-right: 25%;
    display: flex;
    align-items: center;
}
._2oh39ae {
    width: 32px;
    height: 32px;
    min-height: 32px;
    min-width: 32px;
    margin: 8px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    padding: 2px;
}
._2oh39ae,
._2oh39af {
    display: flex;
    justify-content: center;
    align-items: center;
}
._2oh39af {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    flex-shrink: 0;
    height: 48px;
    border-radius: 4px;
    background-color: var(--lightGray2);
    padding-right: 16px;
    padding-left: 16px;
    margin-right: 8px;
    margin-left: 8px;
}
._2oh39ag {
    position: relative;
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
    display: flex;
    padding-top: 16px;
    padding-left: 8px;
}
@media (max-width: 1023px) {
    ._2oh39a1 {
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        padding: 16px 8px;
    }
    ._2oh39a4 {
        font-size: 14px;
        font-weight: 700;
        line-height: 18px;
        display: unset;
        width: unset;
        max-width: 100%;
        text-align: center;
    }
    ._2oh39a5 {
        font-size: 10px;
        font-weight: 400;
        line-height: 14px;
        justify-content: center;
        left: unset;
    }
    ._2oh39a6 {
        top: 3px;
        right: 20px;
    }
    ._2oh39a8 {
        padding: 8px;
    }
    ._2oh39a9 {
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        margin-left: 0;
        max-width: unset;
    }
    ._2oh39aa {
        margin-left: 12px;
    }
    ._2oh39ac {
        left: -12px;
    }
    ._2oh39ad {
        margin-right: 0;
        max-width: unset;
    }
    ._2oh39ae {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        margin: 0 0 4px;
    }
    ._2oh39af {
        font-size: 14px;
        font-weight: 700;
        line-height: 18px;
        height: 32px;
        padding-right: 8px;
        padding-left: 8px;
        margin-right: 0;
        margin-left: 0;
        margin-top: 22px;
    }
}
.al5vnx0 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.al5vnx1 {
    height: 32px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 2px 0 2px 2px;
    color: rgba(0, 0, 0, 0.5);
}
.al5vnx1,
.al5vnx2 {
    border-radius: 4px;
    display: flex;
}
.al5vnx2 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    width: 128px;
    align-items: center;
    justify-content: center;
    margin-right: 2px;
    cursor: pointer;
    padding: 0 24px;
    white-space: nowrap;
}
.al5vnx2:hover {
    background-color: hsla(0, 0%, 100%, 0.33);
}
.al5vnx3 {
    color: #000;
    cursor: unset;
}
.al5vnx3,
.al5vnx3:hover {
    background-color: #fff;
}
.al5vnx4 {
    display: flex;
    width: 100%;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    justify-content: space-between;
}
.al5vnx5 {
    padding-top: 16px;
}
.al5vnx6 {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
.al5vnx7 {
    position: relative;
    width: 100%;
    border-radius: 4px;
    /*background-color: #2a3248;*/
    display: flex;
    align-items: center;
}
.al5vnx8 {
    width: 50%;
    max-width: 50%;
}
.al5vnx9 {
    min-height: 288px;
}
.al5vnx9,
.al5vnxa {
    overflow: hidden;
    transition: height 0.25s ease-in-out;
    width: 100%;
    border-radius: 4px;
}
.al5vnxa {
    display: flex;
    justify-content: space-around;
    background-image: url(/static/media/esports_bg.927cf153.jpg);
    background-size: cover;
}
.al5vnxb {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 32px;
    height: 32px;
    padding: 8px;
    background-color: rgba(0, 0, 0, 0.3);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: spaceAround;
    transition: opacity 0.25s ease-in-out;
}
.al5vnxb:hover {
    opacity: 1;
}
.al5vnxc {
    opacity: 0.2;
}
.al5vnxd,
.al5vnxe {
    width: calc(50% - 8px);
}
.al5vnxe {
    background-color: #efefef;
    height: 100%;
    border-radius: 4px;
    overflow-y: auto;
}
@media (max-width: 1023px) {
    .al5vnx1 {
        width: 100%;
        margin-right: 8px;
        margin-left: 8px;
    }
    .al5vnx2 {
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
        flex-grow: 1;
        padding: 0 4px;
    }
    .al5vnx2,
    .al5vnxe {
        width: 100%;
    }
}
.sr-bb .sr-lmt-plus__footer-wrapper {
    display: none;
}
.sr-bb {
    font-family: Roboto, Noto, Helvetica Neue, Helvetica, Arial, sans-serif;
    text-align: left;
    background: #2b3148;
}
.sr-bb.sr-rtl {
    text-align: right;
}
.sr-bb .sr-bb {
    background: none;
}
.sr-bb .srt-base-1 {
    background-color: initial;
    color: #fff;
    border-color: hsla(0, 0%, 100%, 0.12);
}
.sr-bb .srt-base-1-win {
    background-color: initial;
    color: #95a3e6;
    border-color: #95a3e6;
}
.sr-bb .srt-base-1-draw {
    background-color: initial;
    color: hsla(0, 0%, 100%, 0.4);
    border-color: hsla(0, 0%, 100%, 0.4);
}
.sr-bb .srt-base-1-lose {
    background-color: initial;
    color: #4d5eaf;
    border-color: #4d5eaf;
}
.sr-bb .srt-base-1-is-active {
    background-color: hsla(0, 0%, 100%, 0.12);
    color: #fff;
    border-color: hsla(0, 0%, 100%, 0.12);
}
.sr-bb .srt-base-1-is-active-2 {
    background-color: #40465a;
    color: #fff;
    border-color: hsla(0, 0%, 100%, 0.12);
}
.sr-bb .srt-base-1-is-hoverable:hover {
    background-color: hsla(0, 0%, 100%, 0.12);
    color: #fff;
    border-color: hsla(0, 0%, 100%, 0.12);
}
.sr-bb .srt-base-1-primary {
    background-color: initial;
    color: hsla(0, 0%, 100%, 0.5);
    border-color: hsla(0, 0%, 100%, 0.5);
}
.sr-bb .srt-base-1-home-1 {
    background-color: initial;
    color: #95a3e6;
    border-color: #95a3e6;
}
.sr-bb .srt-base-1-away-1 {
    background-color: initial;
    color: #4d5eaf;
    border-color: #4d5eaf;
}
.sr-bb .srt-base-1-home-2 {
    color: #95a3e6;
}
.sr-bb .srt-base-1-away-2,
.sr-bb .srt-base-1-home-2 {
    background-color: initial;
    border-color: hsla(0, 0%, 100%, 0.71);
}
.sr-bb .srt-base-1-away-2 {
    color: #4d5eaf;
}
.sr-bb .srt-base-1-home-3 {
    color: #95a3e6;
}
.sr-bb .srt-base-1-away-3,
.sr-bb .srt-base-1-home-3 {
    background-color: initial;
    border-color: hsla(0, 0%, 100%, 0.12);
}
.sr-bb .srt-base-1-away-3 {
    color: #4d5eaf;
}
.sr-bb .srt-base-1-home-4 {
    background-color: initial;
    color: #7581b7;
    border-color: #7581b7;
}
.sr-bb .srt-base-1-away-4 {
    background-color: initial;
    color: #435190;
    border-color: #435190;
}
.sr-bb .srt-base-1-home-5 {
    background-color: initial;
    color: #bac3ef;
    border-color: #bac3ef;
}
.sr-bb .srt-base-1-away-5 {
    background-color: initial;
    color: #8b96cb;
    border-color: #8b96cb;
}
.sr-bb .srt-base-1-background,
.sr-bb .srt-base-2 {
    background-color: #2b3148;
    color: #fff;
    border-color: hsla(0, 0%, 100%, 0.12);
}
.sr-bb .srt-base-2-is-active,
.sr-bb .srt-base-2-is-hoverable:hover,
.sr-bb .srt-base-3 {
    background-color: #343a50;
    color: #fff;
    border-color: hsla(0, 0%, 100%, 0.12);
}
.sr-bb .srt-base-3-is-active,
.sr-bb .srt-base-3-is-hoverable:hover {
    background-color: #393e54;
    color: #fff;
    border-color: hsla(0, 0%, 100%, 0.12);
}
.sr-bb .srt-base-3-background {
    background-color: #2b3148;
    color: #fff;
    border-color: hsla(0, 0%, 100%, 0.12);
}
.sr-bb .srt-base-4 {
    background-color: rgba(47, 53, 75, 0.975);
    color: #fff;
    border-color: hsla(0, 0%, 100%, 0.12);
}
.sr-bb .srt-base-5-is-active,
.sr-bb .srt-base-5-is-hoverable:hover {
    background-color: rgba(65, 71, 91, 0.87);
    color: #fff;
    border-color: hsla(0, 0%, 100%, 0.12);
}
.sr-bb .srt-base-6 {
    background-color: initial;
    color: #fff;
    border-color: hsla(0, 0%, 100%, 0.3);
}
.sr-bb .srt-primary-1 {
    background-color: hsla(0, 0%, 100%, 0.5);
    color: #000;
    border-color: rgba(0, 0, 0, 0.16);
}
.sr-bb .srt-primary-1-is-active,
.sr-bb .srt-primary-1-is-hoverable:hover {
    background-color: hsla(0, 0%, 74.9%, 0.55);
    color: #000;
    border-color: rgba(0, 0, 0, 0.16);
}
.sr-bb .srt-primary-1-is-disabled {
    background-color: hsla(0, 0%, 57.3%, 0.6);
    color: #000;
    border-color: rgba(0, 0, 0, 0.16);
}
.sr-bb .srt-primary-2 {
    background-color: hsla(0, 0%, 100%, 0.65);
    color: #000;
    border-color: rgba(0, 0, 0, 0.16);
}
.sr-bb .srt-primary-3 {
    background-color: hsla(0, 0%, 74.9%, 0.55);
    color: #000;
    border-color: rgba(0, 0, 0, 0.16);
}
.sr-bb .srt-primary-4,
.sr-bb .srt-primary-5 {
    background-color: rgba(114, 118, 133, 0.7);
    color: #000;
    border-color: rgba(0, 0, 0, 0.16);
}
.sr-bb .srt-primary-5-is-hoverable:hover {
    background-color: hsla(0, 0%, 100%, 0.5);
    color: #000;
    border-color: rgba(0, 0, 0, 0.16);
}
.sr-bb .srt-primary-6 {
    background-color: hsla(0, 0%, 100%, 0.71);
    color: #000;
    border-color: rgba(0, 0, 0, 0.16);
}
.sr-bb .srt-primary-7,
.sr-bb .srt-primary-8 {
    background-color: hsla(0, 0%, 100%, 0.5);
    color: #000;
    border-color: rgba(0, 0, 0, 0.16);
}
.sr-bb .srt-primary-8-is-active-1 {
    background-color: hsla(0, 0%, 74.9%, 0.55);
    color: #000;
    border-color: rgba(0, 0, 0, 0.16);
}
.sr-bb .srt-primary-8-is-active-2 {
    background-color: hsla(0, 0%, 74.9%, 0.55);
    color: #000;
    border-color: #2b3148;
}
.sr-bb .srt-primary-9 {
    background-color: rgba(70, 75, 95, 0.85);
    color: #fff;
    border-color: hsla(0, 0%, 100%, 0.12);
}
.sr-bb .srt-primary-10 {
    background-color: rgba(164, 167, 177, 0.6);
    color: #000;
    border-color: rgba(0, 0, 0, 0.16);
}
.sr-bb .srt-primary-11 {
    background-color: hsla(0, 0%, 74.9%, 0.55);
    color: #000;
    border-color: rgba(0, 0, 0, 0.16);
}
.sr-bb .srt-primary-12 {
    background-color: hsla(0, 0%, 100%, 0.5);
    color: #000;
    border-color: #000;
}
.sr-bb .srt-primary-13 {
    background-color: rgba(47, 53, 75, 0.975);
    color: #000;
    border-color: hsla(0, 0%, 100%, 0.3);
}
.sr-bb .srt-base-1-primary-1 {
    background-color: initial;
    color: hsla(0, 0%, 100%, 0.5);
    border-color: hsla(0, 0%, 100%, 0.5);
}
.sr-bb .srt-base-1-primary-2 {
    background-color: initial;
    color: hsla(0, 0%, 100%, 0.65);
    border-color: hsla(0, 0%, 100%, 0.65);
}
.sr-bb .srt-base-1-primary-3 {
    background-color: initial;
    color: hsla(0, 0%, 74.9%, 0.55);
    border-color: hsla(0, 0%, 74.9%, 0.55);
}
.sr-bb .srt-base-1-primary-4,
.sr-bb .srt-base-1-primary-5 {
    background-color: initial;
    color: rgba(114, 118, 133, 0.7);
    border-color: rgba(114, 118, 133, 0.7);
}
.sr-bb .srt-base-1-primary-6 {
    background-color: initial;
    color: hsla(0, 0%, 100%, 0.71);
    border-color: hsla(0, 0%, 100%, 0.71);
}
.sr-bb .srt-base-1-primary-7,
.sr-bb .srt-base-1-primary-8 {
    background-color: initial;
    color: hsla(0, 0%, 100%, 0.5);
    border-color: hsla(0, 0%, 100%, 0.5);
}
.sr-bb .srt-base-1-primary-9 {
    background-color: initial;
    color: rgba(70, 75, 95, 0.85);
    border-color: rgba(70, 75, 95, 0.85);
}
.sr-bb .srt-base-1-primary-10 {
    background-color: initial;
    color: rgba(164, 167, 177, 0.6);
    border-color: rgba(164, 167, 177, 0.6);
}
.sr-bb .srt-base-1-primary-11 {
    background-color: initial;
    color: hsla(0, 0%, 74.9%, 0.55);
    border-color: hsla(0, 0%, 74.9%, 0.55);
}
.sr-bb .srt-base-1-primary-13 {
    background-color: #2b3148;
    color: rgba(47, 53, 75, 0.975);
    border-color: hsla(0, 0%, 100%, 0.3);
}
.sr-bb .srt-base-1-neutral-1 {
    background-color: initial;
    color: #474c60;
    border-color: #474c60;
}
.sr-bb .srt-base-1-neutral-2 {
    background-color: initial;
    color: #eaeaed;
    border-color: #eaeaed;
}
.sr-bb .srt-base-1-neutral-3 {
    background-color: initial;
    color: hsla(0, 0%, 100%, 0.12);
    border-color: hsla(0, 0%, 100%, 0.12);
}
.sr-bb .srt-base-1-neutral-4 {
    background-color: initial;
    color: #b5b7bf;
    border-color: #b5b7bf;
}
.sr-bb .srt-base-1-neutral-5 {
    background-color: initial;
    color: #caccd1;
    border-color: #caccd1;
}
.sr-bb .srt-base-1-neutral-6 {
    background-color: initial;
    color: #5e6274;
    border-color: #5e6274;
}
.sr-bb .srt-base-1-neutral-7 {
    background-color: initial;
    color: #b5b7bf;
    border-color: #b5b7bf;
}
.sr-bb .srt-base-1-neutral-8 {
    background-color: initial;
    color: #474c60;
    border-color: #474c60;
}
.sr-bb .srt-base-1-neutral-9 {
    background-color: initial;
    color: #383d53;
    border-color: #383d53;
}
.sr-bb .srt-base-1-neutral-10 {
    background-color: initial;
    color: #444a5e;
    border-color: #444a5e;
}
.sr-bb .srt-base-1-neutral-11 {
    background-color: initial;
    color: #808391;
    border-color: #808391;
}
.sr-bb .srt-base-1-neutral-12 {
    background-color: initial;
    color: #bfc1c8;
    border-color: #bfc1c8;
}
.sr-bb .srt-base-1-neutral-13 {
    background-color: initial;
    color: #40465a;
    border-color: #40465a;
}
.sr-bb .srt-base-1-is-active-primary {
    background-color: hsla(0, 0%, 100%, 0.12);
    color: hsla(0, 0%, 100%, 0.5);
    border-color: hsla(0, 0%, 100%, 0.5);
}
.sr-bb .srt-base-1-is-active-home-1 {
    background-color: hsla(0, 0%, 100%, 0.12);
    color: #95a3e6;
    border-color: #95a3e6;
}
.sr-bb .srt-base-1-is-active-away-1 {
    background-color: hsla(0, 0%, 100%, 0.12);
    color: #4d5eaf;
    border-color: #4d5eaf;
}
.sr-bb .srt-base-1-is-active-home-2 {
    background-color: hsla(0, 0%, 100%, 0.12);
    color: #95a3e6;
    border-color: hsla(0, 0%, 100%, 0.71);
}
.sr-bb .srt-base-1-is-active-away-2 {
    background-color: hsla(0, 0%, 100%, 0.12);
    color: #4d5eaf;
    border-color: hsla(0, 0%, 100%, 0.71);
}
.sr-bb .srt-base-1-is-active-home-3 {
    background-color: hsla(0, 0%, 100%, 0.12);
    color: #95a3e6;
    border-color: hsla(0, 0%, 100%, 0.12);
}
.sr-bb .srt-base-1-is-active-away-3 {
    background-color: hsla(0, 0%, 100%, 0.12);
    color: #4d5eaf;
    border-color: hsla(0, 0%, 100%, 0.12);
}
.sr-bb .srt-base-1-is-active-home-4 {
    background-color: hsla(0, 0%, 100%, 0.12);
    color: #7581b7;
    border-color: #7581b7;
}
.sr-bb .srt-base-1-is-active-away-4 {
    background-color: hsla(0, 0%, 100%, 0.12);
    color: #435190;
    border-color: #435190;
}
.sr-bb .srt-base-1-is-active-home-5 {
    background-color: hsla(0, 0%, 100%, 0.12);
    color: #bac3ef;
    border-color: #bac3ef;
}
.sr-bb .srt-base-1-is-active-away-5 {
    background-color: hsla(0, 0%, 100%, 0.12);
    color: #8b96cb;
    border-color: #8b96cb;
}
.sr-bb .srt-base-1-is-active-primary-1 {
    background-color: hsla(0, 0%, 100%, 0.12);
    color: hsla(0, 0%, 100%, 0.5);
    border-color: hsla(0, 0%, 100%, 0.5);
}
.sr-bb .srt-base-1-is-active-primary-2 {
    background-color: hsla(0, 0%, 100%, 0.12);
    color: hsla(0, 0%, 100%, 0.65);
    border-color: hsla(0, 0%, 100%, 0.65);
}
.sr-bb .srt-base-1-is-active-primary-3 {
    background-color: hsla(0, 0%, 100%, 0.12);
    color: hsla(0, 0%, 74.9%, 0.55);
    border-color: hsla(0, 0%, 74.9%, 0.55);
}
.sr-bb .srt-base-1-is-active-primary-4,
.sr-bb .srt-base-1-is-active-primary-5 {
    background-color: hsla(0, 0%, 100%, 0.12);
    color: rgba(114, 118, 133, 0.7);
    border-color: rgba(114, 118, 133, 0.7);
}
.sr-bb .srt-base-1-is-active-primary-6 {
    background-color: hsla(0, 0%, 100%, 0.12);
    color: hsla(0, 0%, 100%, 0.71);
    border-color: hsla(0, 0%, 100%, 0.71);
}
.sr-bb .srt-base-1-is-active-primary-7,
.sr-bb .srt-base-1-is-active-primary-8 {
    background-color: hsla(0, 0%, 100%, 0.12);
    color: hsla(0, 0%, 100%, 0.5);
    border-color: hsla(0, 0%, 100%, 0.5);
}
.sr-bb .srt-base-1-is-active-primary-9 {
    background-color: hsla(0, 0%, 100%, 0.12);
    color: rgba(70, 75, 95, 0.85);
    border-color: rgba(70, 75, 95, 0.85);
}
.sr-bb .srt-base-1-is-active-primary-10 {
    background-color: hsla(0, 0%, 100%, 0.12);
    color: rgba(164, 167, 177, 0.6);
    border-color: rgba(164, 167, 177, 0.6);
}
.sr-bb .srt-base-1-is-active-primary-11 {
    background-color: hsla(0, 0%, 100%, 0.12);
    color: hsla(0, 0%, 74.9%, 0.55);
    border-color: hsla(0, 0%, 74.9%, 0.55);
}
.sr-bb .srt-base-1-is-active-neutral-1 {
    background-color: hsla(0, 0%, 100%, 0.12);
    color: #474c60;
    border-color: #474c60;
}
.sr-bb .srt-base-1-is-active-neutral-2 {
    background-color: hsla(0, 0%, 100%, 0.12);
    color: #eaeaed;
    border-color: #eaeaed;
}
.sr-bb .srt-base-1-is-active-neutral-3 {
    background-color: hsla(0, 0%, 100%, 0.12);
    color: hsla(0, 0%, 100%, 0.12);
    border-color: hsla(0, 0%, 100%, 0.12);
}
.sr-bb .srt-base-1-is-active-neutral-4 {
    background-color: hsla(0, 0%, 100%, 0.12);
    color: #b5b7bf;
    border-color: #b5b7bf;
}
.sr-bb .srt-base-1-is-active-neutral-5 {
    background-color: hsla(0, 0%, 100%, 0.12);
    color: #caccd1;
    border-color: #caccd1;
}
.sr-bb .srt-base-1-is-active-neutral-6 {
    background-color: hsla(0, 0%, 100%, 0.12);
    color: #5e6274;
    border-color: #5e6274;
}
.sr-bb .srt-base-1-is-active-neutral-7 {
    background-color: hsla(0, 0%, 100%, 0.12);
    color: #b5b7bf;
    border-color: #b5b7bf;
}
.sr-bb .srt-base-1-is-active-neutral-8 {
    background-color: hsla(0, 0%, 100%, 0.12);
    color: #474c60;
    border-color: #474c60;
}
.sr-bb .srt-base-1-is-active-neutral-9 {
    background-color: hsla(0, 0%, 100%, 0.12);
    color: #383d53;
    border-color: #383d53;
}
.sr-bb .srt-base-1-is-active-neutral-10 {
    background-color: hsla(0, 0%, 100%, 0.12);
    color: #444a5e;
    border-color: #444a5e;
}
.sr-bb .srt-base-1-is-active-neutral-11 {
    background-color: hsla(0, 0%, 100%, 0.12);
    color: #808391;
    border-color: #808391;
}
.sr-bb .srt-base-1-is-active-neutral-12 {
    background-color: hsla(0, 0%, 100%, 0.12);
    color: #bfc1c8;
    border-color: #bfc1c8;
}
.sr-bb .srt-base-1-is-active-neutral-13 {
    background-color: hsla(0, 0%, 100%, 0.12);
    color: #40465a;
    border-color: #40465a;
}
.sr-bb .srt-home-1 {
    background-color: #95a3e6;
    color: #000;
    border-color: #95a3e6;
}
.sr-bb .srt-away-1 {
    background-color: #4d5eaf;
    color: #fff;
    border-color: #4d5eaf;
}
.sr-bb .srt-home-2 {
    background-color: #95a3e6;
    color: #000;
    border-color: hsla(0, 0%, 100%, 0.71);
}
.sr-bb .srt-away-2 {
    background-color: #4d5eaf;
    color: #fff;
    border-color: hsla(0, 0%, 100%, 0.71);
}
.sr-bb .srt-home-3 {
    background-color: #95a3e6;
    color: #000;
    border-color: #2b3148;
}
.sr-bb .srt-away-3 {
    background-color: #4d5eaf;
    color: #fff;
    border-color: #2b3148;
}
.sr-bb .srt-home-4 {
    background-color: #7581b7;
    color: #000;
    border-color: #7581b7;
}
.sr-bb .srt-away-4 {
    background-color: #435190;
    color: #fff;
    border-color: #435190;
}
.sr-bb .srt-home-5 {
    background-color: #bac3ef;
    color: #000;
    border-color: #bac3ef;
}
.sr-bb .srt-away-5 {
    background-color: #8b96cb;
    color: #fff;
    border-color: #8b96cb;
}
.sr-bb .srt-neutral-1 {
    background-color: #474c60;
    color: #fff;
    border-color: hsla(0, 0%, 100%, 0.12);
}
.sr-bb .srt-neutral-2 {
    background-color: #eaeaed;
    color: #000;
    border-color: rgba(0, 0, 0, 0.16);
}
.sr-bb .srt-neutral-3 {
    background-color: hsla(0, 0%, 100%, 0.12);
    color: #fff;
    border-color: hsla(0, 0%, 100%, 0.12);
}
.sr-bb .srt-neutral-4 {
    background-color: #b5b7bf;
    color: #000;
    border-color: rgba(0, 0, 0, 0.16);
}
.sr-bb .srt-neutral-5 {
    background-color: #caccd1;
    color: #000;
    border-color: rgba(0, 0, 0, 0.16);
}
.sr-bb .srt-neutral-6 {
    background-color: #5e6274;
    color: #fff;
    border-color: hsla(0, 0%, 100%, 0.12);
}
.sr-bb .srt-neutral-7 {
    background-color: #b5b7bf;
    color: #000;
    border-color: rgba(0, 0, 0, 0.16);
}
.sr-bb .srt-neutral-8 {
    background-color: #474c60;
    color: #fff;
    border-color: hsla(0, 0%, 100%, 0.12);
}
.sr-bb .srt-neutral-9 {
    background-color: #383d53;
    color: #fff;
    border-color: hsla(0, 0%, 100%, 0.12);
}
.sr-bb .srt-neutral-10 {
    background-color: #444a5e;
    color: hsla(0, 0%, 100%, 0.82);
    border-color: hsla(0, 0%, 100%, 0.12);
}
.sr-bb .srt-neutral-11 {
    background-color: #808391;
    color: #fff;
    border-color: hsla(0, 0%, 100%, 0.12);
}
.sr-bb .srt-neutral-12 {
    background-color: #bfc1c8;
    color: #000;
    border-color: rgba(0, 0, 0, 0.16);
}
.sr-bb .srt-neutral-13 {
    background-color: #40465a;
    color: #fff;
    border-color: hsla(0, 0%, 100%, 0.12);
}
.sr-bb .srt-win {
    background-color: #95a3e6;
}
.sr-bb .srt-draw,
.sr-bb .srt-win {
    color: #000;
    border-color: rgba(0, 0, 0, 0.16);
}
.sr-bb .srt-draw {
    background-color: hsla(0, 0%, 100%, 0.4);
}
.sr-bb .srt-lose {
    background-color: #4d5eaf;
    color: #000;
    border-color: rgba(0, 0, 0, 0.16);
}
.sr-bb .srt-text-secondary {
    opacity: 0.8;
    -webkit-font-smoothing: antialiased;
}
.sr-bb .srt-text-disabled {
    opacity: 0.6;
}
.sr-bb .srt-text-tertiary {
    opacity: 0.7;
}
.sr-bb .srt-primary-1 .srt-text-secondary,
.sr-bb .srt-primary-1-is-active.srt-text-secondary,
.sr-bb .srt-primary-1-is-active .srt-text-secondary,
.sr-bb .srt-primary-1-is-disabled.srt-text-secondary,
.sr-bb .srt-primary-1-is-disabled .srt-text-secondary,
.sr-bb .srt-primary-1-is-hoverable:hover.srt-text-secondary,
.sr-bb .srt-primary-1-is-hoverable:hover .srt-text-secondary,
.sr-bb .srt-primary-1.srt-text-secondary,
.sr-bb .srt-primary-2 .srt-text-secondary,
.sr-bb .srt-primary-2.srt-text-secondary,
.sr-bb .srt-primary-3 .srt-text-secondary,
.sr-bb .srt-primary-3.srt-text-secondary,
.sr-bb .srt-primary-4 .srt-text-secondary,
.sr-bb .srt-primary-4.srt-text-secondary,
.sr-bb .srt-primary-5 .srt-text-secondary,
.sr-bb .srt-primary-5-is-hoverable:hover.srt-text-secondary,
.sr-bb .srt-primary-5-is-hoverable:hover .srt-text-secondary,
.sr-bb .srt-primary-5.srt-text-secondary,
.sr-bb .srt-primary-6 .srt-text-secondary,
.sr-bb .srt-primary-6.srt-text-secondary,
.sr-bb .srt-primary-7 .srt-text-secondary,
.sr-bb .srt-primary-7.srt-text-secondary,
.sr-bb .srt-primary-8 .srt-text-secondary,
.sr-bb .srt-primary-8-is-active-1 .srt-text-secondary,
.sr-bb .srt-primary-8-is-active-1.srt-text-secondary,
.sr-bb .srt-primary-8-is-active-2 .srt-text-secondary,
.sr-bb .srt-primary-8-is-active-2.srt-text-secondary,
.sr-bb .srt-primary-8.srt-text-secondary,
.sr-bb .srt-primary-9 .srt-text-secondary,
.sr-bb .srt-primary-9.srt-text-secondary,
.sr-bb .srt-primary-10 .srt-text-secondary,
.sr-bb .srt-primary-10.srt-text-secondary,
.sr-bb .srt-primary-11 .srt-text-secondary,
.sr-bb .srt-primary-11.srt-text-secondary,
.sr-bb .srt-primary-12 .srt-text-secondary,
.sr-bb .srt-primary-12.srt-text-secondary,
.sr-bb .srt-primary-13 .srt-text-secondary,
.sr-bb .srt-primary-13.srt-text-secondary {
    opacity: 0.7;
    -webkit-font-smoothing: antialiased;
}
.sr-bb .srt-primary-1 .srt-text-disabled,
.sr-bb .srt-primary-1-is-active.srt-text-disabled,
.sr-bb .srt-primary-1-is-active .srt-text-disabled,
.sr-bb .srt-primary-1-is-disabled.srt-text-disabled,
.sr-bb .srt-primary-1-is-disabled .srt-text-disabled,
.sr-bb .srt-primary-1-is-hoverable:hover.srt-text-disabled,
.sr-bb .srt-primary-1-is-hoverable:hover .srt-text-disabled,
.sr-bb .srt-primary-1.srt-text-disabled,
.sr-bb .srt-primary-2 .srt-text-disabled,
.sr-bb .srt-primary-2.srt-text-disabled,
.sr-bb .srt-primary-3 .srt-text-disabled,
.sr-bb .srt-primary-3.srt-text-disabled,
.sr-bb .srt-primary-4 .srt-text-disabled,
.sr-bb .srt-primary-4.srt-text-disabled,
.sr-bb .srt-primary-5 .srt-text-disabled,
.sr-bb .srt-primary-5-is-hoverable:hover.srt-text-disabled,
.sr-bb .srt-primary-5-is-hoverable:hover .srt-text-disabled,
.sr-bb .srt-primary-5.srt-text-disabled,
.sr-bb .srt-primary-6 .srt-text-disabled,
.sr-bb .srt-primary-6.srt-text-disabled,
.sr-bb .srt-primary-7 .srt-text-disabled,
.sr-bb .srt-primary-7.srt-text-disabled,
.sr-bb .srt-primary-8 .srt-text-disabled,
.sr-bb .srt-primary-8-is-active-1 .srt-text-disabled,
.sr-bb .srt-primary-8-is-active-1.srt-text-disabled,
.sr-bb .srt-primary-8-is-active-2 .srt-text-disabled,
.sr-bb .srt-primary-8-is-active-2.srt-text-disabled,
.sr-bb .srt-primary-8.srt-text-disabled,
.sr-bb .srt-primary-9 .srt-text-disabled,
.sr-bb .srt-primary-9.srt-text-disabled,
.sr-bb .srt-primary-10 .srt-text-disabled,
.sr-bb .srt-primary-10.srt-text-disabled,
.sr-bb .srt-primary-11 .srt-text-disabled,
.sr-bb .srt-primary-11.srt-text-disabled,
.sr-bb .srt-primary-12 .srt-text-disabled,
.sr-bb .srt-primary-12.srt-text-disabled,
.sr-bb .srt-primary-13 .srt-text-disabled,
.sr-bb .srt-primary-13.srt-text-disabled {
    opacity: 0.35;
}
.sr-bb .srt-primary-1 .srt-text-tertiary,
.sr-bb .srt-primary-1-is-active.srt-text-tertiary,
.sr-bb .srt-primary-1-is-active .srt-text-tertiary,
.sr-bb .srt-primary-1-is-disabled.srt-text-tertiary,
.sr-bb .srt-primary-1-is-disabled .srt-text-tertiary,
.sr-bb .srt-primary-1-is-hoverable:hover.srt-text-tertiary,
.sr-bb .srt-primary-1-is-hoverable:hover .srt-text-tertiary,
.sr-bb .srt-primary-1.srt-text-tertiary,
.sr-bb .srt-primary-2 .srt-text-tertiary,
.sr-bb .srt-primary-2.srt-text-tertiary,
.sr-bb .srt-primary-3 .srt-text-tertiary,
.sr-bb .srt-primary-3.srt-text-tertiary,
.sr-bb .srt-primary-4 .srt-text-tertiary,
.sr-bb .srt-primary-4.srt-text-tertiary,
.sr-bb .srt-primary-5 .srt-text-tertiary,
.sr-bb .srt-primary-5-is-hoverable:hover.srt-text-tertiary,
.sr-bb .srt-primary-5-is-hoverable:hover .srt-text-tertiary,
.sr-bb .srt-primary-5.srt-text-tertiary,
.sr-bb .srt-primary-6 .srt-text-tertiary,
.sr-bb .srt-primary-6.srt-text-tertiary,
.sr-bb .srt-primary-7 .srt-text-tertiary,
.sr-bb .srt-primary-7.srt-text-tertiary,
.sr-bb .srt-primary-8 .srt-text-tertiary,
.sr-bb .srt-primary-8-is-active-1 .srt-text-tertiary,
.sr-bb .srt-primary-8-is-active-1.srt-text-tertiary,
.sr-bb .srt-primary-8-is-active-2 .srt-text-tertiary,
.sr-bb .srt-primary-8-is-active-2.srt-text-tertiary,
.sr-bb .srt-primary-8.srt-text-tertiary,
.sr-bb .srt-primary-9 .srt-text-tertiary,
.sr-bb .srt-primary-9.srt-text-tertiary,
.sr-bb .srt-primary-10 .srt-text-tertiary,
.sr-bb .srt-primary-10.srt-text-tertiary,
.sr-bb .srt-primary-11 .srt-text-tertiary,
.sr-bb .srt-primary-11.srt-text-tertiary,
.sr-bb .srt-primary-12 .srt-text-tertiary,
.sr-bb .srt-primary-12.srt-text-tertiary,
.sr-bb .srt-primary-13 .srt-text-tertiary,
.sr-bb .srt-primary-13.srt-text-tertiary {
    opacity: 0.54;
}
.sr-bb .srt-icon {
    opacity: 0.33;
}
.sr-bb .srt-icon-secondary {
    opacity: 0.7;
}
.sr-bb .srt-elevation-1 {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.sr-bb .srt-elevation-2 {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23), 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.sr-bb .srt-elevation-3 {
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
}
.sr-bb .srt-elevation-center-2 {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.23), 0 1px 5px rgba(0, 0, 0, 0.16);
}
.sr-bb .srt-inset-top-1 {
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-inset-bottom-1 {
    box-shadow: inset 0 -1px 2px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-inset-top-2 {
    box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-inset-bottom-2 {
    box-shadow: inset 0 -3px 6px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-inset-top-3 {
    box-shadow: inset 0 6px 6px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-inset-bottom-3 {
    box-shadow: inset 0 -6px 6px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-fill-blue-card {
    fill: #2579ad;
}
.sr-bb .srt-stroke-blue-card {
    stroke: #2579ad;
}
.sr-bb .srt-fill-soccer-yellow-card {
    fill: #ffbf00;
}
.sr-bb .srt-stroke-soccer-yellow-card {
    stroke: #ffbf00;
}
.sr-bb .srt-fill-soccer-red-card {
    fill: #e43b3b;
}
.sr-bb .srt-stroke-soccer-red-card {
    stroke: #e43b3b;
}
.sr-bb .srt-stroke-soccer-substitution-in {
    stroke: #4fbe30;
    fill: transparent;
}
.sr-bb .srt-fill-soccer-substitution-in {
    fill: #4fbe30;
}
.sr-bb .srt-stroke-soccer-substitution-out {
    stroke: #e43b3b;
    fill: transparent;
}
.sr-bb .srt-fill-soccer-substitution-out {
    fill: #e43b3b;
}
.sr-bb .srt-stroke-soccer-own-goal {
    stroke: #e43b3b;
    fill: transparent;
}
.sr-bb .srt-fill-soccer-own-goal {
    fill: #e43b3b;
}
.sr-bb .srt-fill-soccer-relegation-1 {
    fill: #fdd835;
}
.sr-bb .srt-stroke-soccer-relegation-1 {
    stroke: #fdd835;
}
.sr-bb .srt-fill-soccer-relegation-2 {
    fill: #ffb848;
}
.sr-bb .srt-stroke-soccer-relegation-2 {
    stroke: #ffb848;
}
.sr-bb .srt-fill-soccer-relegation-3 {
    fill: #ef6c00;
}
.sr-bb .srt-stroke-soccer-relegation-3 {
    stroke: #ef6c00;
}
.sr-bb .srt-fill-soccer-relegation-4 {
    fill: #e93a34;
}
.sr-bb .srt-stroke-soccer-relegation-4 {
    stroke: #e93a34;
}
.sr-bb .srt-fill-soccer-relegation-5 {
    fill: #941d1d;
}
.sr-bb .srt-stroke-soccer-relegation-5 {
    stroke: #941d1d;
}
.sr-bb .srt-fill-soccer-promotion-1 {
    fill: #51d151;
}
.sr-bb .srt-stroke-soccer-promotion-1 {
    stroke: #51d151;
}
.sr-bb .srt-fill-soccer-promotion-2 {
    fill: #1b911b;
}
.sr-bb .srt-stroke-soccer-promotion-2 {
    stroke: #1b911b;
}
.sr-bb .srt-fill-soccer-promotion-3 {
    fill: #0e8094;
}
.sr-bb .srt-stroke-soccer-promotion-3 {
    stroke: #0e8094;
}
.sr-bb .srt-fill-soccer-promotion-4 {
    fill: #0a6cce;
}
.sr-bb .srt-stroke-soccer-promotion-4 {
    stroke: #0a6cce;
}
.sr-bb .srt-fill-soccer-promotion-5 {
    fill: #4a9fe4;
}
.sr-bb .srt-stroke-soccer-promotion-5 {
    stroke: #4a9fe4;
}
.sr-bb .srt-nfl-timeout-1 {
    background-color: #f5a623;
    color: #000;
    border-color: rgba(0, 0, 0, 0.16);
}
.sr-bb .srt-nfl-timeout-2 {
    background-color: rgba(245, 166, 35, 0.3);
    color: #000;
    border-color: rgba(0, 0, 0, 0.16);
}
.sr-bb .srt-nfl-penalty {
    background-color: #f4a621;
    color: #000;
    border-color: #f4a621;
}
.sr-bb .srt-nfl-negative-yards-1,
.sr-bb .srt-nfl-negative-yards-2 {
    background-color: #ac182e;
    color: #000;
    border-color: #ac182e;
}
.sr-bb .srt-nfl-first-line {
    background-color: #4b90de;
    color: #000;
    border-color: #4b90de;
}
.sr-bb .srt-nfl-ten-line {
    background-color: #f5a623;
    color: #000;
    border-color: #f5a623;
}
.sr-bb .srt-fill-nfl-penalty {
    fill: #f4a621;
}
.sr-bb .srt-stroke-nfl-penalty {
    stroke: #f4a621;
}
.sr-bb .srt-fill-nfl-negative-yards-1 {
    fill: #ac182e;
}
.sr-bb .srt-stroke-nfl-negative-yards-1 {
    stroke: #ac182e;
}
.sr-bb .srt-fill-nfl-negative-yards-2 {
    fill: #ac182e;
}
.sr-bb .srt-stroke-nfl-negative-yards-2 {
    stroke: #ac182e;
}
.sr-bb .srt-fill-nfl-first-line {
    fill: #4b90de;
}
.sr-bb .srt-stroke-nfl-first-line {
    stroke: #4b90de;
}
.sr-bb .srt-fill-nfl-ten-line {
    fill: #f5a623;
}
.sr-bb .srt-stroke-nfl-ten-line {
    stroke: #f5a623;
}
.sr-bb .srt-mlb-run-1 {
    background-color: #090;
    color: #fff;
    border-color: #090;
}
.sr-bb .srt-mlb-run-2 {
    background-color: #fff;
    color: #090;
    border-color: #090;
}
.sr-bb .srt-mlb-hit-1 {
    background-color: #f7ab11;
    color: #fff;
    border-color: #f7ab11;
}
.sr-bb .srt-mlb-hit-2 {
    background-color: #fff;
    color: #f7ab11;
    border-color: #f7ab11;
}
.sr-bb .srt-mlb-hit-3 {
    background-color: #00a4ff;
    color: #fff;
    border-color: #00a4ff;
}
.sr-bb .srt-mlb-error-1 {
    background-color: #d0021b;
    color: #fff;
    border-color: #d0021b;
}
.sr-bb .srt-mlb-error-2 {
    background-color: #fff;
    color: #d0021b;
    border-color: #d0021b;
}
.sr-bb .srt-mlb-neutral-1 {
    background-color: #212121;
    color: #fff;
    border-color: #fff;
}
.sr-bb .srt-fill-mlb-base,
.sr-bb .srt-strole-mlb-base {
    fill: #00a4ff;
}
.sr-bb .srt-fill-change-increase {
    fill: #95a3e6;
}
.sr-bb .srt-stroke-change-increase {
    stroke: #95a3e6;
}
.sr-bb .srt-fill-change-decrease {
    fill: #4d5eaf;
}
.sr-bb .srt-stroke-change-decrease {
    stroke: #4d5eaf;
}
.sr-bb .srt-fill-text {
    fill: #fff;
}
.sr-bb .srt-fill-text-invert {
    fill: #000;
}
.sr-bb .srt-fill-text-secondary {
    fill-opacity: 0.8;
}
.sr-bb .srt-fill-text-disabled {
    fill-opacity: 0.6;
}
.sr-bb .srt-fill-base-1 {
    fill: transparent;
}
.sr-bb .srt-stroke-base-1 {
    stroke: transparent;
}
.sr-bb .srt-fill-base-1-active {
    fill: hsla(0, 0%, 100%, 0.12);
}
.sr-bb .srt-stroke-base-1-active {
    stroke: hsla(0, 0%, 100%, 0.12);
}
.sr-bb .srt-fill-base-1-active-2 {
    fill: #40465a;
}
.sr-bb .srt-stroke-base-1-active-2 {
    stroke: #40465a;
}
.sr-bb .srt-fill-base-1-primary {
    fill: transparent;
}
.sr-bb .srt-stroke-base-1-primary {
    stroke: transparent;
}
.sr-bb .srt-fill-base-1-home {
    fill: transparent;
}
.sr-bb .srt-stroke-base-1-home {
    stroke: transparent;
}
.sr-bb .srt-fill-base-1-away {
    fill: transparent;
}
.sr-bb .srt-stroke-base-1-away {
    stroke: transparent;
}
.sr-bb .srt-fill-base-2 {
    fill: currentColor;
}
.sr-bb .srt-stroke-base-2 {
    stroke: currentColor;
}
.sr-bb .srt-fill-base-2-active {
    fill: #343a50;
}
.sr-bb .srt-stroke-base-2-active {
    stroke: #343a50;
}
.sr-bb .srt-fill-base-2-hover {
    fill: #343a50;
}
.sr-bb .srt-stroke-base-2-hover {
    stroke: #343a50;
}
.sr-bb .srt-fill-base-3 {
    fill: #343a50;
}
.sr-bb .srt-stroke-base-3 {
    stroke: #343a50;
}
.sr-bb .srt-fill-base-3-active {
    fill: #393e54;
}
.sr-bb .srt-stroke-base-3-active {
    stroke: #393e54;
}
.sr-bb .srt-fill-base-3-hover {
    fill: #393e54;
}
.sr-bb .srt-stroke-base-3-hover {
    stroke: #393e54;
}
.sr-bb .srt-fill-primary-1 {
    fill: hsla(0, 0%, 100%, 0.5);
}
.sr-bb .srt-stroke-primary-1 {
    stroke: hsla(0, 0%, 100%, 0.5);
}
.sr-bb .srt-fill-primary-2 {
    fill: hsla(0, 0%, 100%, 0.65);
}
.sr-bb .srt-stroke-primary-2 {
    stroke: hsla(0, 0%, 100%, 0.65);
}
.sr-bb .srt-fill-primary-3 {
    fill: hsla(0, 0%, 74.9%, 0.55);
}
.sr-bb .srt-stroke-primary-3 {
    stroke: hsla(0, 0%, 74.9%, 0.55);
}
.sr-bb .srt-fill-primary-4 {
    fill: rgba(114, 118, 133, 0.7);
}
.sr-bb .srt-stroke-primary-4 {
    stroke: rgba(114, 118, 133, 0.7);
}
.sr-bb .srt-fill-primary-5 {
    fill: rgba(114, 118, 133, 0.7);
}
.sr-bb .srt-stroke-primary-5 {
    stroke: rgba(114, 118, 133, 0.7);
}
.sr-bb .srt-fill-primary-6 {
    fill: hsla(0, 0%, 100%, 0.71);
}
.sr-bb .srt-stroke-primary-6 {
    stroke: hsla(0, 0%, 100%, 0.71);
}
.sr-bb .srt-fill-primary-7 {
    fill: hsla(0, 0%, 100%, 0.5);
}
.sr-bb .srt-stroke-primary-7 {
    stroke: hsla(0, 0%, 100%, 0.5);
}
.sr-bb .srt-fill-primary-8 {
    fill: hsla(0, 0%, 100%, 0.5);
}
.sr-bb .srt-stroke-primary-8 {
    stroke: hsla(0, 0%, 100%, 0.5);
}
.sr-bb .srt-fill-primary-8-is-active-1 {
    fill: hsla(0, 0%, 74.9%, 0.55);
}
.sr-bb .srt-stroke-primary-8-is-active-1 {
    stroke: hsla(0, 0%, 74.9%, 0.55);
}
.sr-bb .srt-fill-primary-8-is-active-2 {
    fill: hsla(0, 0%, 74.9%, 0.55);
}
.sr-bb .srt-stroke-primary-8-is-active-2 {
    stroke: hsla(0, 0%, 74.9%, 0.55);
}
.sr-bb .srt-fill-primary-9 {
    fill: rgba(70, 75, 95, 0.85);
}
.sr-bb .srt-stroke-primary-9 {
    stroke: rgba(70, 75, 95, 0.85);
}
.sr-bb .srt-fill-primary-10 {
    fill: rgba(164, 167, 177, 0.6);
}
.sr-bb .srt-stroke-primary-10 {
    stroke: rgba(164, 167, 177, 0.6);
}
.sr-bb .srt-fill-primary-11 {
    fill: hsla(0, 0%, 74.9%, 0.55);
}
.sr-bb .srt-stroke-primary-11 {
    stroke: hsla(0, 0%, 74.9%, 0.55);
}
.sr-bb .srt-fill-primary-12 {
    fill: hsla(0, 0%, 100%, 0.5);
}
.sr-bb .srt-stroke-primary-12 {
    stroke: hsla(0, 0%, 100%, 0.5);
}
.sr-bb .srt-fill-home-1 {
    fill: #95a3e6;
}
.sr-bb .srt-stroke-home-1 {
    stroke: #95a3e6;
}
.sr-bb .srt-fill-home-2 {
    fill: #95a3e6;
}
.sr-bb .srt-stroke-home-2 {
    stroke: #95a3e6;
}
.sr-bb .srt-fill-home-3 {
    fill: #95a3e6;
}
.sr-bb .srt-stroke-home-3 {
    stroke: #95a3e6;
}
.sr-bb .srt-fill-home-4 {
    fill: #7581b7;
}
.sr-bb .srt-stroke-home-4 {
    stroke: #7581b7;
}
.sr-bb .srt-fill-home-5 {
    fill: #bac3ef;
}
.sr-bb .srt-stroke-home-5 {
    stroke: #bac3ef;
}
.sr-bb .srt-fill-away-1 {
    fill: #4d5eaf;
}
.sr-bb .srt-stroke-away-1 {
    stroke: #4d5eaf;
}
.sr-bb .srt-fill-away-2 {
    fill: #4d5eaf;
}
.sr-bb .srt-stroke-away-2 {
    stroke: #4d5eaf;
}
.sr-bb .srt-fill-away-3 {
    fill: #4d5eaf;
}
.sr-bb .srt-stroke-away-3 {
    stroke: #4d5eaf;
}
.sr-bb .srt-fill-away-4 {
    fill: #435190;
}
.sr-bb .srt-stroke-away-4 {
    stroke: #435190;
}
.sr-bb .srt-fill-away-5 {
    fill: #8b96cb;
}
.sr-bb .srt-stroke-away-5 {
    stroke: #8b96cb;
}
.sr-bb .srt-fill-neutral-1 {
    fill: #474c60;
}
.sr-bb .srt-stroke-neutral-1 {
    stroke: #474c60;
}
.sr-bb .srt-fill-neutral-2 {
    fill: #eaeaed;
}
.sr-bb .srt-stroke-neutral-2 {
    stroke: #eaeaed;
}
.sr-bb .srt-fill-neutral-3 {
    fill: hsla(0, 0%, 100%, 0.12);
}
.sr-bb .srt-stroke-neutral-3 {
    stroke: hsla(0, 0%, 100%, 0.12);
}
.sr-bb .srt-fill-neutral-4 {
    fill: #b5b7bf;
}
.sr-bb .srt-stroke-neutral-4 {
    stroke: #b5b7bf;
}
.sr-bb .srt-fill-neutral-5 {
    fill: #caccd1;
}
.sr-bb .srt-stroke-neutral-5 {
    stroke: #caccd1;
}
.sr-bb .srt-fill-neutral-6 {
    fill: #5e6274;
}
.sr-bb .srt-stroke-neutral-6 {
    stroke: #5e6274;
}
.sr-bb .srt-fill-neutral-7 {
    fill: #b5b7bf;
}
.sr-bb .srt-stroke-neutral-7 {
    stroke: #b5b7bf;
}
.sr-bb .srt-fill-neutral-8 {
    fill: #474c60;
}
.sr-bb .srt-stroke-neutral-8 {
    stroke: #474c60;
}
.sr-bb .srt-fill-neutral-9 {
    fill: #383d53;
}
.sr-bb .srt-stroke-neutral-9 {
    stroke: #383d53;
}
.sr-bb .srt-fill-neutral-10 {
    fill: #444a5e;
}
.sr-bb .srt-stroke-neutral-10 {
    stroke: #444a5e;
}
.sr-bb .srt-fill-neutral-11 {
    fill: #808391;
}
.sr-bb .srt-stroke-neutral-11 {
    stroke: #808391;
}
.sr-bb .srt-fill-neutral-12 {
    fill: #bfc1c8;
}
.sr-bb .srt-stroke-neutral-12 {
    stroke: #bfc1c8;
}
.sr-bb .srt-fill-neutral-13 {
    fill: #40465a;
}
.sr-bb .srt-stroke-neutral-13 {
    stroke: #40465a;
}
.sr-bb .srt-fill-win {
    fill: #95a3e6;
}
.sr-bb .srt-stroke-win {
    stroke: #95a3e6;
}
.sr-bb .srt-fill-draw {
    fill: hsla(0, 0%, 100%, 0.4);
}
.sr-bb .srt-stroke-draw {
    stroke: hsla(0, 0%, 100%, 0.4);
}
.sr-bb .srt-fill-lose {
    fill: #4d5eaf;
}
.sr-bb .srt-stroke-lose {
    stroke: #4d5eaf;
}
.sr-bb .srt-stop-base-1 {
    stop-color: transparent;
}
.sr-bb .srt-stop-primary-1 {
    stop-color: hsla(0, 0%, 100%, 0.5);
}
.sr-bb .srt-stop-primary-2 {
    stop-color: hsla(0, 0%, 100%, 0.65);
}
.sr-bb .srt-stop-primary-3 {
    stop-color: hsla(0, 0%, 74.9%, 0.55);
}
.sr-bb .srt-stop-primary-4,
.sr-bb .srt-stop-primary-5 {
    stop-color: rgba(114, 118, 133, 0.7);
}
.sr-bb .srt-stop-primary-6 {
    stop-color: hsla(0, 0%, 100%, 0.71);
}
.sr-bb .srt-stop-primary-7,
.sr-bb .srt-stop-primary-8 {
    stop-color: hsla(0, 0%, 100%, 0.5);
}
.sr-bb .srt-stop-primary-9 {
    stop-color: rgba(70, 75, 95, 0.85);
}
.sr-bb .srt-stop-primary-10 {
    stop-color: rgba(164, 167, 177, 0.6);
}
.sr-bb .srt-stop-primary-11 {
    stop-color: hsla(0, 0%, 74.9%, 0.55);
}
.sr-bb .srt-stop-primary-12 {
    stop-color: hsla(0, 0%, 100%, 0.5);
}
.sr-bb .srt-stop-home-1 {
    stop-color: #95a3e6;
}
.sr-bb .srt-stop-away-1 {
    stop-color: #4d5eaf;
}
.sr-bb .srt-fill-neutral-14 {
    fill: #2b3148;
}
.sr-bb .srt-stroke-neutral-14 {
    stroke: #2b3148;
}
.sr-bb .srt-logo-powered-by-light {
    display: none;
}
.sr-bb .srt-logo-powered-by-dark {
    display: inline-block;
}
.ijl5g20 {
    display: flex;
    flex-direction: column;
    padding: 16px;
    border-radius: 4px;
}
.ijl5g21 {
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    display: flex;
    width: 100%;
    height: 24px;
    align-items: center;
    margin-bottom: 8px;
}
.ijl5g22 {
    color: rgba(0, 0, 0, 0.5);
    width: 56px;
    min-width: 56px;
    max-width: 56px;
}
.ijl5g23 {
    min-width: 72px;
}
.ijl5g24 {
    display: flex;
    width: 100%;
}
.ijl5g25 {
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
    flex-grow: 1;
    margin-left: 8px;
    align-self: center;
}
@media (max-width: 1023px) {
    .ijl5g20 {
        padding: 8px;
    }
}
._2mlz750 {
    display: flex;
    align-items: center;
    max-width: 100%;
}
._2mlz751,
._2mlz752 {
    display: inline;
}
._2mlz750 ._2mlz752 {
    min-width: 16px;
    text-align: center;
}
.b645510 {
    margin-bottom: 8px;
}
.b645511 {
    position: relative;
    width: 100%;
    height: 40px;
    border-radius: 4px;
    background-color: var(--lightSade);
    overflow: hidden;
}
.b645512 {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 40px;
    border-right: 1px solid #4e5263;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.1s;
}
.b645512:hover {
    background-color: hsla(0, 0%, 100%, 0.2);
}
.b645513 {
    height: 100%;
    overflow-x: scroll;
    margin-left: 41px;
}
.b645513,
.b645514 {
    display: flex;
    align-items: center;
}
.b645514 {
    padding: 8px;
}
.b645515 {
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    display: flex;
    color: #fff !important;
    text-decoration: none;
    margin-right: 2px;
    word-break: keep-all;
    white-space: nowrap;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
    .b645510 {
        position: sticky;
        z-index: 10;
        background-color: #242a3f;
        margin-bottom: 0;
    }
    .b645511 {
        height: 32px;
        border-radius: 0;
        margin-bottom: 0;
    }
    .b645512 {
        height: 32px;
        width: 32px;
    }
    .b645513 {
        margin-left: 33px;
    }
    .b645515 {
        margin-right: 4px;
        height: 16px;
    }
}
.lsw0t80 {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    margin-right: 4px;
}
.lsw0t81 {
    min-width: 10px;
    text-align: center;
}
._1t2wlte0 {
    position: relative;
    max-width: 100%;
}
._1t2wlte1 {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
}
._1t2wlte1:after {
    content: "";
    width: 1px;
    flex-shrink: 0;
}
._1t2wlte2 {
    cursor: pointer;
    transition: 0.25s ease-in-out;
}
._1t2wlte3 {
    opacity: 0;
    visibility: hidden;
}
._20iq3f0 {
    position: absolute;
    height: 120%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
}
._20iq3f1 {
    justify-content: flex-start;
    background: linear-gradient(90deg, #242a3f, transparent);
    left: 0;
}
._20iq3f2 {
    justify-content: flex-end;
    background: linear-gradient(270deg, #242a3f, transparent);
    right: 0;
}
._20iq3f3 {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    background-color: #242a3f;
    overflow: hidden;
}
._20iq3f4 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: hsla(0, 0%, 100%, 0.1);
}
._20iq3f0:hover ._20iq3f4 {
    background-color: hsla(0, 0%, 100%, 0.2);
}
._20iq3f5 {
    width: 16px;
    height: 16px;
    opacity: 0.5;
}
._20iq3f0:hover ._20iq3f5 {
    opacity: 0.7;
}
._20iq3f1 ._20iq3f5 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
._20iq3f2 ._20iq3f5 {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
._19737860 {
    display: flex;
    overflow-x: scroll;
    margin-bottom: 8px;
}
._19737861 {
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 8px;
}
._19737861,
._19737862 {
    font-size: 14px;
    color: #fff;
}
._19737862 {
    font-weight: 400;
    line-height: 20px;
    text-decoration: none;
    display: flex;
    align-items: center;
    height: 32px;
    border-radius: 4px;
    margin-right: 4px;
    padding: 0 8px;
    background-color: hsla(0, 0%, 100%, 0.1);
    white-space: nowrap;
}
._19737862:hover {
    background-color: hsla(0, 0%, 100%, 0.2);
}
._19737863 {
    color: #000;
}
._19737863,
._19737863:hover {
    background-color: #fff;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
    ._19737861 {
        margin-left: 8px;
    }
}
._1505vhw0 {
    color: #fff;
    text-decoration: none;
    min-height: 64px;
    min-width: 112px;
    background-color: hsla(0, 0%, 100%, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 4px;
    border-radius: 4px;
    text-align: center;
    padding: 4px;
    position: relative;
}
._1505vhw0:hover {
    background-color: hsla(0, 0%, 100%, 0.33);
}

._1505vhw2 {
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    margin-top: 4px;
}
._1505vhw3 {
    position: absolute;
    top: 4px;
    right: 4px;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
    ._1505vhw0 {
        min-height: auto;
        min-width: auto;
        padding: 8px;
    }
    ._1505vhw2 {
        display: none;
    }
}
._5qbmsx0 {
    margin-bottom: 16px;
}
@media (min-width: 768px) and (max-width: 1023px) and (min-height: 768px) {
    ._5qbmsx0 {
        margin-bottom: 8px;
        margin-top: 8px;
    }
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
    ._5qbmsx0 {
        margin-bottom: 0;
        padding: 8px;
    }
}
.xxrzwu0,
.xxrzwu1 {
    margin-bottom: 8px;
}
.xxrzwu1 {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #fff;
}
.xxrzwu2 {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 56px;
    min-width: 184px;
    max-width: 184px;
    border-radius: 4px;
    margin-right: 4px;
    padding: 8px 16px;
    background-color: hsla(0, 0%, 100%, 0.1);
    white-space: nowrap;
    overflow: hidden;
}
.xxrzwu2:hover {
    background-color: hsla(0, 0%, 100%, 0.2);
}
.xxrzwu3 {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    color: #fff;
}
.xxrzwu4 {
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    display: flex;
    align-items: center;
    color: hsla(0, 0%, 100%, 0.5);
}
.xxrzwu5,
.xxrzwu5:hover {
    background-color: #fff;
}
.xxrzwu5 .xxrzwu3 {
    color: #000;
}
.xxrzwu5 .xxrzwu4 {
    color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
    .xxrzwu1 {
        padding-left: 8px;
    }
    .xxrzwu2 {
        min-width: 160px;
        max-width: 160px;
        margin-right: 0;
        margin-left: 4px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .xxrzwu2:first-of-type {
        margin-left: 8px;
    }
    .xxrzwu3 {
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
    }
}
._10b1r9v0 {
    display: flex;
    align-items: center;
    padding: 0 8px;
    margin-left: auto;
    z-index: 2;
}
._10b1r9v1 {
    margin-left: 8px;
}
@media (max-width: 1023px) {
    ._10b1r9v0 {
        width: 100%;
        padding: 0;
        margin: 0;
        justify-content: space-between;
    }
    ._10b1r9v1 {
        width: 100%;
        margin-left: 0;
        margin-right: 8px;
    }
    ._10b1r9v1:last-child {
        margin-right: 0;
    }
}
._1eeshg40 {
    margin-left: 4px;
}
._10xp3be0 {
    border-bottom: 1px solid #e6e6e6;
}
._10xp3be1 {
    padding: 0 8px;
    border-top: 1px solid #e6e6e6;
}
._19f22ze0 {
    width: 100%;
    overflow-x: auto;
    margin: 8px 0;
}
._19f22ze1 {
    display: flex;
    flex-wrap: nowrap;
    padding: 0 8px;
    height: 32px;
}
._19f22ze2 {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-right: 4px;
    padding: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    white-space: nowrap;
    cursor: pointer;
}
._19f22ze2:hover {
    background-color: #d8ddf0;
}
._19f22ze3 {
    background-color: #1141ff;
    color: #fff;
}
._19f22ze3:hover {
    background-color: #4167ff;
}
._1x3sskz0 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    height: 56px;
    border-bottom: 1px solid #e6e6e6;
}
._1nfm0l10 {
    max-width: 1400px;
    border: 1px solid #2C3E50;
    border-radius: 1.3rem;
    background: #fff;
}
._1nfm0l11m {
    display: inline-block;
    align-items: center;
    width: 100%;
    height: 100% !important;
    border-top: 1px solid #e6e6e6;
}
._1nfm0l11 {
    display: flex;
    align-items: center;
    width: 100%;
    height: 56px;
    /*border-bottom: 1px solid #1e1e1e69;*/
    border-bottom: 1px solid #2C3E50;
}
._1nfm0l12 {
    height: 80px;
}
.content-lists {
    background: #fff;
    border-radius: 1.5rem;
    padding: 5px;
    border: none;
}
._1nfm0l13 {
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    color: #fff;
    /*background-color: #1e1e1e;*/
    background-color: #2C3E50;
    height: 45px;
    border-top-left-radius: 1.1rem;
    border-top-right-radius: 1.1rem;
}
._1nfm0l14 {
    border-bottom: 1px solid #e6e6e6;
}
._1nfm0l15 {
    position: sticky;
    z-index: 1;
    top: 105px;
}
._1nfm0l16 {
    border-top: unset;
}
._1nfm0l17 > :nth-child(2) {
    width: 320px;
    min-width: 320px;
    max-width: 320px;
}
._1nfm0l18 > :nth-child(2) {
    width: 336px;
    min-width: 336px;
    max-width: 336px;
}
._1nfm0l19 > :nth-child(2) {
    width: 504px;
    min-width: 504px;
    max-width: 504px;
}
._1nfm0l1a > :nth-child(2) {
    width: 168px;
    min-width: 168px;
    max-width: 168px;
}
@media (max-width: 1023px) {
    ._1nfm0l10 {
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
        min-width: 100%;
    }
    ._1nfm0l11 {
        height: 64px;
    }
    ._1nfm0l12 {
        height: 80px;
    }
    ._1nfm0l13 {
        height: 40px;
    }
}
@media (min-width: 1024px) and (max-width: 1200px) {
    ._1nfm0l15 {
        top: 105px;
    }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-height: 768px) {
    ._1nfm0l15 {
        top: 50px;
    }
}
._170sas70 {
    display: grid;
    height: 80%;
    width: 100%;
    grid-gap: 4px;
    gap: 4px;
    grid-template-rows: 1fr;
    padding-right: 8px;
    padding-left: 8px;
}
._170sas70 > * {
    grid-row: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 48px;
}
._170sas72 {
    grid-column: 2;
}
@media (max-width: 1023px) {
    ._170sas71 {
        border-right: none;
    }
}
._1x1xguw0 {
    padding: 8px 8px 8px 16px;
    display: flex;
    align-items: center;
    flex-grow: 1;
    overflow: hidden;
}
._1x1xguw1 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
._1x1xguw2 {
    width: 62px;
    min-width: 62px;
    max-width: 62px;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
    ._1x1xguw0 {
        padding: 4px 4px 4px 8px;
    }
}
._3g6yrq0 {
    display: flex;
    align-items: anchor-center;
    margin-left: auto;
    flex-shrink: 0;
    flex-grow: 1;
    min-height: 40px;
    margin-top: 8px;
    margin-bottom: 8px;
    align-self: stretch;
}
._3g6yrq1 {
    width: 64px;
    min-width: 64px;
    max-width: 64px;
    padding: 8px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}
._3g6yrq2 {
    color: #1141ff;
}
._1srtvho0 {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    justify-content: space-between;
    padding-right: 4px;
    overflow: hidden;
}
@media (max-width: 1023px) {
    ._1srtvho0 {
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
    }
    ._1srtvho1 {
        max-width: 120px;
        padding-right: 0;
    }
}
.v9pz5f0 {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    display: flex;
    color: var(--cardSmallHeadTxt);
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
    .v9pz5f0 {
        font-size: 10px;
        font-weight: 400;
        line-height: 14px;
    }
}
.cjlguv0 {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 8px 16px 8px 8px;
}
.cjlguv1 {
    justify-self: center;
    color: var(--cardTxt);
    /*width: 80px;*/
    min-width: 60px;
    max-width: 80px;
    padding-right: 12px;
}
.cjlguv2 {
    line-height: 1;
}
.cjlguv3 {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 32px;
    color: var(--cardTxt2);
}
.cjlguv4 {
    margin-bottom: 4px;
}
.cjlguv5 {
    display: flex;
}
.cjlguv6 {
    flex-shrink: 1;
    width: 100%;
    align-items: flex-start;
    min-width: 0;
}
@media (max-width: 1023px) {
    .cjlguv1 {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
    .cjlguv3 {
        font-size: 10px;
        font-weight: 400;
        line-height: 14px;
        display: flex;
    }
    .cjlguv4 {
        margin-bottom: 2px;
    }
}
._1v3neyu0 {
    height: 152px;
    margin-bottom: 8px;
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow-x: auto;
    scroll-behavior: smooth;
}
._1lasptg0 {
    height: 100%;
    min-width: 312px;
    margin-left: 8px;
    flex: calc(33% - 8px) 1;
}
._1lasptg0:first-of-type {
    margin-left: 0;
}
._1lasptg0 a {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
._1lasptg0 > div {
    margin-bottom: 0;
}
._1lasptg1 {
    display: flex;
    align-items: center;
    width: 100%;
    max-height: 56px;
}
._1lasptg2 {
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    color: rgba(0, 0, 0, 0.5);
    background-color: #efefef;
    height: 32px;
    margin-bottom: 8px;
}
._1lasptg3,
._1lasptg4 {
    padding-right: 8px;
}
._1lasptg4 {
    width: calc(100% - 32px);
    padding-left: 8px;
    display: flex;
    align-items: center;
}
._1lasptg5 {
    padding-right: 8px;
}
._1lasptg6 {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    align-self: center;
    color: rgba(0, 0, 0, 0.5);
    width: 80px;
    padding-right: 4px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
}
._1lasptg7 {
    height: 40px;
}
@media (min-width: 1201px) {
    ._1lasptg0 {
        min-width: 216px;
    }
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
    ._1lasptg0 {
        min-width: 280px;
    }
    ._1lasptg6 {
        width: 56px;
        padding-right: 0;
        margin-right: 32px;
    }
}
._1estxb60 {
    padding: 16px;
    border: none;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
    ._1estxb60 {
        padding: 8px;
    }
}
._1353ha70 {
    color: var(--cardBlackTxt);
}
._1353ha71 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 8px;
}
._1353ha71 > button {
    padding-right: 4px;
    padding-left: 4px;
}
._1tvwu1e0 {
    padding: 8px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
._1tvwu1e0,
._1tvwu1e1 {
    display: flex;
    align-items: center;
}
._1tvwu1e1 {
    min-height: 32px;
    margin-left: 16px;
}
._1tvwu1e2 {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
}
._1tvwu1e3 {
    margin-left: 4px;
}
._1tvwu1e4 {
    display: flex;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
    ._1tvwu1e0 {
        padding: 8px;
    }
    ._1tvwu1e1 {
        margin-left: 0;
    }
}
._1pefshb0 {
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    padding: 20px 28px;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
    ._1pefshb0 {
        padding: 30px 10px 0;
        border-top: 1p solid #e6e6e6;
    }
    ._1pefshb0:first-of-type {
        padding-top: 10px;
        border-top: none;
    }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-height: 768px) {
    ._1pefshb0 {
        padding: 10px 15px;
    }
}
._1w92i6w0 {
    color: #1141ff;
}
.d7c4sc0 {
    padding-bottom: 16px;
    width: 100%;
}
.d7c4sc1 {
    padding: 8px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.d7c4sc2 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: hsla(0, 0%, 100%, 0.5);
}
.d7c4sc3 {
    position: relative;
    display: flex;
    align-items: center;
}
.d7c4sc4 {
    width: 100%;
    position: relative;
}
.d7c4sc5 {
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
    .d7c4sc2 {
        margin-left: 8px;
    }
    .d7c4sc3 {
        margin-top: 16px;
        margin-bottom: 8px;
        padding: 0 8px;
    }
}
._1focs3j0 {
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 8px;
}
._1focs3j1 {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    height: 40px;
    display: flex;
    align-items: center;
    padding-left: 8px;
    border-bottom: 2px solid transparent;
    cursor: pointer;
}
._1focs3j1,
._1focs3j2 {
    border-top: 2px solid transparent;
}
._1focs3j2 {
    color: #1141ff;
    border-bottom: 2px solid #1141ff;
}
._1focs3j3 {
    margin-right: 8px;
    width: 24px;
    height: 24px;
    border-radius: 12px;
}
._1focs3j4 {
    display: flex;
    flex-wrap: wrap;
}
._1focs3j5 {
    padding: 16px 8px 8px 16px;
}
._1focs3j6 {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #000;
    text-decoration: none;
    width: calc(25% - 8px);
    min-width: calc(25% - 8px);
    max-width: calc(25% - 8px);
    height: 52px;
    padding-right: 16px;
    padding-left: 16px;
    display: flex;
    align-items: center;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.1);
    margin-bottom: 8px;
    margin-right: 8px;
    -webkit-user-select: none;
    user-select: none;
}
._1focs3j7 {
    margin-left: auto;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
    ._1focs3j5 {
        padding: 8px 4px 4px 8px;
    }
}
@media (max-width: 1023px) {
    ._1focs3j6 {
        padding-right: 8px;
        padding-left: 8px;
        width: calc(50% - 4px);
        min-width: calc(50% - 4px);
        max-width: calc(50% - 4px);
        margin-bottom: 4px;
        margin-right: 4px;
    }
}

/* NEW ADDED RESPONSIVE CSS BY 555EXCH */
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: transparent;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_length label, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: #fff !important;
}
.dataTables_length select {
    padding: 5px 10px;
    border-radius: 5px;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    ._1nfm0l11 {
        display: inline-block;
    }
    ._1nfm0l12, ._1nfm0l13 {
        height: 100%;
        padding-bottom: 5px;
    }
    ._1x1xguw0 {
        display: none;
    }
    ._1nfm0l17 > :nth-child(2) {
        width: 100%;
        min-width: 320px;
        max-width: 100%;
        min-height: 40px;
        margin: 0;
    }
    ._2x53uz0 {
        line-height: 10px;
    }
    ._170sas70._170sas71 button {
        min-height: 40px;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    ._1nfm0l11 {
        display: flex;
    }
    .modal-dialog {
        max-width: 550px;
    }
    .modal-dialog.modal-lg {
        max-width: 800px;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

}

/* Medium devices (landscape tablets, 768px and Down) */
@media only screen and (max-width: 768px) {
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

}

/* ( 992px and DOWN) */
@media only screen and (max-width: 992px) {
    ._163we0p3 {
        background-position: center !important;
        background-size: contain !important;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

}

/* custom */
@media only screen and (max-width: 1279px) {
}

/* (1023px and down) */
@media only screen and (max-width: 1023px) {
    .cjlguv1 {
        display: flex;
    }
}
.ui-pnotify {
    right: 10px !important;
}
._1t2wlte0 .active {
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
}
@media only screen and (max-width: 320px) {
    ._2x53uzc span {
        font-size: 10px;
    }
    ._2x53uze {
        font-size: 12px;
        line-height: 15px;
    }
    ._2x53uz0 {
        padding: 8px 5px;
    }
    ._1nfm0l17 > :nth-child(2) {
        min-width: 100%;
    }
    ._170sas70 > * {
        min-width: 40px;
    }
}
/*DESKTOP RIGHT SIDEBAR CSS START*/
.trwv2x0 {
    background-color: rgba(0,0,0,.50);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 170;
}

._1hqsqpm1 {
    overflow-x: hidden;
    margin-top: 64px;
    max-width: 400px;
}
.jcr1ac79 {
    border-radius: 8px;
}
/*#deskRightSidebar ._1amk0qd1h {*/
    /*color: var(--whiteText1);*/
    /*background-color: #2B2A2E;*/
/*}*/
._1bn7f2l0 {
    padding: 8px;
    border-radius: 4px;
    background: #fff;
}

._1bn7f2l8 {
    padding: 8px;
    color: var(--grayText1);
    overflow: hidden;
    word-wrap: normal;
    text-overflow: ellipsis;
}
.jcr1acz {
    background: var(--darkSade);
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    text-align: center;
}
._1bn7f2l6 {
    margin: 8px;
    height: 1px;
    background: var(--grayText1);
}
._1bn7f2l3 {
    padding-bottom: 0;
    padding-top: 0;
}
._1bn7f2l2 {
    display: flex;
    flex-direction: column;
}
.jcr1ac3e {
    padding-bottom: 8px;
}
.jcr1ac2y {
    padding-top: 8px;
}

#deskRightSidebar ._1amk0qd2o:not(:disabled) {
    cursor: pointer;
}
#deskRightSidebar ._1amk0qd2o:not(:disabled):hover {
    color: var(--whiteText1);
    background-color: var(--headMenuHoverBG);
}
._1yp79rw1 {
    pointer-events: auto;
}
.jcr1acu {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

._1bn7f2lb {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 8px;
}

._1bn7f2ld {
    color: var(--darkSade);
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between;
    margin-left: 8px;
    gap: 8px;
}

._1yp79rw0 {
    -webkit-text-decoration: none;
    text-decoration: none;
}

._1bn7f2l5 {
    gap: 16px;
}
._1bn7f2l2 {
    display: flex;
    flex-direction: column;
}
.jcr1ac4a {
    padding-right: 8px;
}
.jcr1ac3u {
    padding-left: 8px;
}

.leftsidebar ._1amk0qd2o:not(:disabled) {
    cursor: pointer;
}
.leftsidebar ._1amk0qd2o:not(:disabled):hover {
    color: var(--whiteText1);
    background-color: var(--headMenuHoverBG);
}

@media screen and (min-width: 1200px) {
    .jcr1ac2k {
        margin-left: 16px;
        margin-right: 16px;
    }
}
/*DESKTOP RIGHT SIDEBAR CSS END*/

/*INNER PAGE CARD VIEW START*/
._1jcp9vk3 {
    height: 100%;
}
._1jcp9vk2 {
    grid-gap: 16px;
    gap: 16px;
    display: grid;
    align-content: start;
    grid-auto-columns: 100%;
}
.c0wb3g7 {
    transition-duration: 0.1s;
    transition-timing-function: ease;
    transition-property: background-color;
}
.c0wb3g0 {
    color: var(--cardTxt);
    background-color: var(--cardBg);
}
.jcr1ac3g {
    padding-bottom: 16px;
}
.jcr1ac30 {
    padding-top: 16px;
}

._1jcp9vk5 {
    padding-left: 0;
    padding-right: 0;
    grid-gap: 16px;
    gap: 16px;
    display: grid;
    align-items: center;
    grid-template-columns: -webkit-max-content 1fr -webkit-max-content;
    grid-template-columns: max-content 1fr max-content;
}
._1jcp9vk7 {
    white-space: nowrap;
}
._1jcp9vk9 {
    white-space: nowrap;
}
._1jcp9vkb {
    white-space: nowrap;
}
.jcr1ac5 {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
}

._173wvku1 {
    justify-content: flex-start;
}
._173wvku0 {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

._173wvku4 {
    display: flex;
    align-items: inherit;
    justify-content: inherit;
    gap: 8px;
    flex: 0 0 auto;
    -webkit-user-select: none;
    user-select: none;
    overflow: hidden;
}

._1yp79rw0 {
    -webkit-text-decoration: none;
    text-decoration: none;
}

._1i2rahya {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    overflow: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    height: 32px;
    transition-duration: 0.2s;
    transition-timing-function: ease;
    transition-property: color, box-shadow, background-color;
}
.jcr1ac79 {
    border-radius: 8px;
}
.jcr1acu {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}
#CenterApp ._1amk0qd1h {
    color: var(--cardTxt);
    background-color: var(--cardRowBodr);
}

._1i2rahy0 {
    color: var(--cardTxt);
    overflow: hidden;
    text-overflow: ellipsis;
}

._1jcp9vkc {
    margin: 0;
    border-style: solid;
    border-width: 0 0 1px;
    border-color: var(--grayText2);
}

._1jcp9vke {
    display: grid;
    align-content: start;
    grid-auto-columns: 100%;
    padding: 0 10px;
}

@media (min-width: 768px) and (min-height: 500px) {
    ._1jcp9vk5 {
        padding-left: 16px;
        padding-right: 16px;
    }
}
/*INNER PAGE CARD VIEW END*/

/* HELP PAGE START*/
.nzlkb20 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 30px 0;
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid var(--cardRowBodr);
}

.nzlkb25 {
    margin-right: 20px;
    min-width: 80px;
    height: 80px;
    border-radius: 40px;
    background-color: var(--lightGray1);
    display: flex;
    align-items: center;
    justify-content: center;
}

._1k5qamqf {
    width: 50px;
    height: 50px;
}

.nzlkb24 {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 5px;
}

.nzlkb27 {
    width: 100%;
}
/* HELP PAGE END*/

/* INNER PAGE FILTER START*/
.sports-single._1k1b6lu0 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    margin-bottom: 8px;
}

.sports-single ._1k1b6lu2 {
    padding-left: 8px;
    color: var(--grayText1);
}
.sports-single .jcr1acz {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-transform: capitalize;
    text-align: left;
}

.sports-single ._1k1b6lu3 {
    height: 100%;
    width: 100%;
}

.sports-single ._1ddwl1x0 {
    position: relative;
    width: 100%;
    height: 100%;
}

.sports-single ._1ddwl1x1 {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    height: 100%;
}

.sports-single ._1ddwl1x2 {
    display: inherit;
    /*position: absolute;*/
}

.sports-single ._1k1b6lu4 {
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 4px;
}

.sports-single ._1k1b6lu6 {
    z-index: 1;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: flex;
    height: auto;
    min-width: 140px;
    max-width: 184px;
    padding: 8px 16px;
    background-color: rgba(255,255,255,.10);
    align-items: center;
    overflow: hidden;
    white-space: nowrap;
}
.sports-single .jcr1ac6p {
    border-radius: 8px;
}

.sports-single ._1k1b6lu7 {
    display: flex;
    flex-direction: column;
}
.sports-single ._1k5qamqx {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.sports-single ._1k1b6lu9 {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #FFFFFF;
}

.sports-single ._1k1b6lud {
    background-color: #FFFFFF;
}
.sports-single ._1k1b6lud ._1k1b6lu9 {
    color: #000000;
}

.sports-single ._1yp79rw1 {
    cursor: pointer;
}
/* INNER PAGE FILTER END*/

.dx15g61 {
  width: 100%;
  background-color: var(--lightSade);
  margin-top: auto;
  z-index: 1;
}
.dx15g62 {
  padding-bottom: 72px;
}
.dx15g63 {
  width: 100%;
  max-width: 1280px;
  padding: 0 10px;
  margin: 0 auto;
}
.dx15g64 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 32px 0;
  flex-wrap: wrap;
}
.dx15g65 {
  width: calc((100% - 40px) / 5);
  min-width: calc((100% - 40px) / 5);
  max-width: calc((100% - 40px) / 5);
}
.dx15g60 .dx15g65 {
  width: unset;
  max-width: unset;
  min-width: unset;
}
.dx15g66 {
  flex-basis: 208px;
}
.dx15g67 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.dx15g68 {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #fff;
  display: inline-flex;
  align-items: center;
  padding: 4px 0;
  transition: 0.1s ease-in-out;
}
.dx15g68:hover {
  color: #fff;
}
.dx15g69 {
  margin-right: 8px;
}
.dx15g69,
.dx15g69 > svg {
  width: 16px;
  height: 16px;
}
.dx15g6a {
  height: 1px;
  width: 100%;
  background-color: #fff;
  opacity: 0.2;
}
.dx15g6b {
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  margin-bottom: 8px;
  margin-top: 12px;
  color: #fff;
}
.dx15g6b:first-of-type {
  margin-top: 0;
}
@media (min-width: 768px) and (max-width: 1023px) and (min-height: 768px) {
  .dx15g60 .dx15g64 {
    justify-content: start;
  }
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  .dx15g60 .dx15g65 {
    width: 100%;
    margin-bottom: 8px;
  }
  .dx15g66 {
    flex-basis: auto;
    text-align: center;
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
    width: 100%;
  }
  .dx15g66:last-of-type {
    margin-bottom: 0;
  }
  .dx15g66 .dx15g68 {
    display: inline-block;
    padding-bottom: 8px;
  }
}
._1l8nwp10 {
  display: block;
  margin-right: 16px;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  ._1l8nwp10 {
    display: inline;
    margin: 0 3px;
  }
}
.iofd780 {
  width: 64px;
  height: 64px;
  object-fit: contain;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  .iofd780 {
    margin: 16 auto;
  }
}
._129mcc60 {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  color: hsla(0, 0%, 100%, 0.5);
  padding: 32px 0;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  ._129mcc60 {
    font-size: 10px;
    font-weight: 400;
    line-height: 1.4;
    padding: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-height: 768px) {
  ._129mcc60 {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    padding: 0;
  }
}
._1p8ejbj0 {
  display: flex;
  align-items: center;
  padding-bottom: 16px;
}
._1p8ejbj1,
._1p8ejbj2 {
  margin-right: 16px;
}
._1p8ejbj2 {
  min-height: 60px;
  flex-grow: 1;
  flex-shrink: 0;
}
._1p8ejbj3 {
  min-height: 60px;
  max-height: 60px;
  object-fit: contain;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  ._1p8ejbj0 {
    padding-bottom: 4px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-height: 768px) {
  ._1p8ejbj0 {
    padding-bottom: 8px;
  }
}
._13dqaje1,
._13dqaje2 {
  display: flex;
}
._13dqaje2 {
  flex-grow: 1;
  width: 128px;
  height: 40px;
  margin-right: 8px;
  margin-bottom: 8px;
  background-color: hsla(0, 0%, 100%, 0.1);
  border-radius: 5px;
  justify-content: center;
  transition: 0.1s ease-in-out;
}
._13dqaje2:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}
._13dqaje2 > svg {
  width: 96px;
  height: 100%;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  ._13dqaje0 {
    display: flex;
    justify-content: center;
  }
  ._13dqaje2 {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-height: 768px) {
  ._13dqaje0 {
    display: flex;
    justify-content: center;
  }
}
._9rhkbm0 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
._9rhkbm1 {
  margin: 8px 16px;
}
._9rhkbm1 > img {
  width: auto;
  height: 32px;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  ._9rhkbm0 {
    padding: 0;
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  ._9rhkbm1 {
    margin: 16px 16px 16px 8px;
  }
}
._1caqnj80 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
._1caqnj81 {
  margin: 8px 16px;
}
._1caqnj81 > svg {
  height: 32px;
  opacity: 0.5;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  ._1caqnj80 {
    flex-wrap: nowrap;
     overflow-x: auto;
    justify-content: flex-start;
  }
  ._1caqnj81 {
    margin: 16px 16px 16px 8px;
  }
}
._1vt7p2y0 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #fff;
  margin-top: 20px;
}
._1q4337x0 {
  display: flex;
  margin-bottom: 24px;
}
._1q4337x1 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  background-color: var(--darkSade);
  margin-right: 4px;
}
._1q4337x1:hover {
  opacity: 0.8;
}
@media (max-width: 767px), (max-width: 1023px) and (max-height: 767px) {
  ._1q4337x0 {
    justify-content: center;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-height: 768px) {
  ._1q4337x0 {
    justify-content: center;
    margin-bottom: 0;
  }
}
.g4xya20 {
  margin-right: auto;
  padding-right: 60px;
}
.g4xya21 {
  width: 200px;
  margin-top: -8px;
  margin-bottom: 24px;
}
.g4xya22 {
  display: flex;
  align-items: center;
  opacity: 0.5;
  margin-top: 24px;
}
.g4xya23 {
  width: 24px;
  height: 24px;
}
.g4xya24 {
  margin-top: -16px;
  margin-right: 8px;
}
@media (min-width: 768px) and (max-width: 1023px) and (min-height: 768px) {
  .g4xya20 {
    padding-right: 20px;
  }
}
@media (max-width: 768px) {
  .g4xya20 {
    padding-right: 0px;
    margin: auto;
  }
}
._1tg2pxd0 {
  display: flex;
  cursor: pointer;
}
._1tg2pxd1 {
  margin-left: 4px;
  display: inline;
}
._1tg2pxd2 {
  width: 16px;
  height: 16px;
  display: inline-block;
}