/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-rotating-plane"></div>
 *
 */
.sk-spinner-rotating-plane.sk-spinner {
  width: 30px;
  height: 30px;
  background-color: #1ab394;
  margin: 0 auto;
  -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
          animation: sk-rotatePlane 1.2s infinite ease-in-out;
}
@-webkit-keyframes sk-rotatePlane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
            transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }

  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }

  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@keyframes sk-rotatePlane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
            transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }

  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }

  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-double-bounce">
 *      <div class="sk-double-bounce1"></div>
 *      <div class="sk-double-bounce2"></div>
 *    </div>
 *
 */
.sk-spinner-double-bounce.sk-spinner {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 0 auto;
}
.sk-spinner-double-bounce .sk-double-bounce1,
.sk-spinner-double-bounce .sk-double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #1ab394;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
          animation: sk-doubleBounce 2s infinite ease-in-out;
}
.sk-spinner-double-bounce .sk-double-bounce2 {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
@-webkit-keyframes sk-doubleBounce {
  0%,
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }

  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes sk-doubleBounce {
  0%,
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }

  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-wave">
 *      <div class="sk-rect1"></div>
 *      <div class="sk-rect2"></div>
 *      <div class="sk-rect3"></div>
 *      <div class="sk-rect4"></div>
 *      <div class="sk-rect5"></div>
 *    </div>
 *
 */
.sk-spinner-wave.sk-spinner {
  margin: 0 auto;
  width: 50px;
  height: 30px;
  text-align: center;
  font-size: 10px;
}
.sk-spinner-wave div {
  background-color: #1ab394;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
          animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
}
.sk-spinner-wave .sk-rect2 {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s;
}
.sk-spinner-wave .sk-rect3 {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
.sk-spinner-wave .sk-rect4 {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}
.sk-spinner-wave .sk-rect5 {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}
@-webkit-keyframes sk-waveStretchDelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4);
  }

  20% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@keyframes sk-waveStretchDelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4);
  }

  20% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-wandering-cubes">
 *      <div class="sk-cube1"></div>
 *      <div class="sk-cube2"></div>
 *    </div>
 *
 */
.sk-spinner-wandering-cubes.sk-spinner {
  margin: 0 auto;
  width: 32px;
  height: 32px;
  position: relative;
}
.sk-spinner-wandering-cubes .sk-cube1,
.sk-spinner-wandering-cubes .sk-cube2 {
  background-color: #1ab394;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-wanderingCubeMove 1.8s infinite ease-in-out;
          animation: sk-wanderingCubeMove 1.8s infinite ease-in-out;
}
.sk-spinner-wandering-cubes .sk-cube2 {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}
@-webkit-keyframes sk-wanderingCubeMove {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
            transform: translateX(42px) rotate(-90deg) scale(0.5);
  }

  50% {
    /* Hack to make FF rotate in the right direction */
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
            transform: translateX(42px) translateY(42px) rotate(-179deg);
  }

  50.1% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
            transform: translateX(42px) translateY(42px) rotate(-180deg);
  }

  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
            transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }

  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes sk-wanderingCubeMove {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
            transform: translateX(42px) rotate(-90deg) scale(0.5);
  }

  50% {
    /* Hack to make FF rotate in the right direction */
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
            transform: translateX(42px) translateY(42px) rotate(-179deg);
  }

  50.1% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
            transform: translateX(42px) translateY(42px) rotate(-180deg);
  }

  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
            transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }

  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-pulse"></div>
 *
 */
.sk-spinner-pulse.sk-spinner {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  background-color: #1ab394;
  border-radius: 100%;
  -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
          animation: sk-pulseScaleOut 1s infinite ease-in-out;
}
@-webkit-keyframes sk-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}
@keyframes sk-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-chasing-dots">
 *      <div class="sk-dot1"></div>
 *      <div class="sk-dot2"></div>
 *    </div>
 *
 */
.sk-spinner-chasing-dots.sk-spinner {
  margin: 0 auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  -webkit-animation: sk-chasingDotsRotate 2s infinite linear;
          animation: sk-chasingDotsRotate 2s infinite linear;
}
.sk-spinner-chasing-dots .sk-dot1,
.sk-spinner-chasing-dots .sk-dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #1ab394;
  border-radius: 100%;
  -webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;
          animation: sk-chasingDotsBounce 2s infinite ease-in-out;
}
.sk-spinner-chasing-dots .sk-dot2 {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
@-webkit-keyframes sk-chasingDotsRotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes sk-chasingDotsRotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes sk-chasingDotsBounce {
  0%,
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }

  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes sk-chasingDotsBounce {
  0%,
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }

  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-three-bounce">
 *      <div class="sk-bounce1"></div>
 *      <div class="sk-bounce2"></div>
 *      <div class="sk-bounce3"></div>
 *    </div>
 *
 */
.sk-spinner-three-bounce.sk-spinner {
  margin: 0 auto;
  width: 70px;
  text-align: center;
}
.sk-spinner-three-bounce div {
  width: 18px;
  height: 18px;
  background-color: #1ab394;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
          animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.sk-spinner-three-bounce .sk-bounce1 {
  -webkit-animation-delay: -0.32s;
          animation-delay: -0.32s;
}
.sk-spinner-three-bounce .sk-bounce2 {
  -webkit-animation-delay: -0.16s;
          animation-delay: -0.16s;
}
@-webkit-keyframes sk-threeBounceDelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes sk-threeBounceDelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-circle">
 *      <div class="sk-circle1 sk-circle"></div>
 *      <div class="sk-circle2 sk-circle"></div>
 *      <div class="sk-circle3 sk-circle"></div>
 *      <div class="sk-circle4 sk-circle"></div>
 *      <div class="sk-circle5 sk-circle"></div>
 *      <div class="sk-circle6 sk-circle"></div>
 *      <div class="sk-circle7 sk-circle"></div>
 *      <div class="sk-circle8 sk-circle"></div>
 *      <div class="sk-circle9 sk-circle"></div>
 *      <div class="sk-circle10 sk-circle"></div>
 *      <div class="sk-circle11 sk-circle"></div>
 *      <div class="sk-circle12 sk-circle"></div>
 *    </div>
 *
 */
.sk-spinner-circle.sk-spinner {
  margin: 0 auto;
  width: 50px;
  height: 50px;
  position: relative;
}
.sk-spinner-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-spinner-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 20%;
  height: 20%;
  background-color: #1ab394;
  border-radius: 100%;

  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out;

          animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */

  -webkit-animation-fill-mode: both;

          animation-fill-mode: both;
}
.sk-spinner-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sk-spinner-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
}
.sk-spinner-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sk-spinner-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
          transform: rotate(120deg);
}
.sk-spinner-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
          transform: rotate(150deg);
}
.sk-spinner-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sk-spinner-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
          transform: rotate(210deg);
}
.sk-spinner-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
          transform: rotate(240deg);
}
.sk-spinner-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.sk-spinner-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
          transform: rotate(300deg);
}
.sk-spinner-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
          transform: rotate(330deg);
}
.sk-spinner-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s;
}
.sk-spinner-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
.sk-spinner-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}
.sk-spinner-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}
.sk-spinner-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s;
}
.sk-spinner-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
}
.sk-spinner-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
.sk-spinner-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.sk-spinner-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.sk-spinner-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.sk-spinner-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleBounceDelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes sk-circleBounceDelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-cube-grid">
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *    </div>
 *
 */
.sk-spinner-cube-grid {
  /*
   * Spinner positions
   * 1 2 3
   * 4 5 6
   * 7 8 9
   */
}
.sk-spinner-cube-grid.sk-spinner {
  width: 30px;
  height: 30px;
  margin: 0 auto;
}
.sk-spinner-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #1ab394;
  float: left;

  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;

          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-spinner-cube-grid .sk-cube:nth-child(1) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(2) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(3) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(4) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(5) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(6) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(7) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(8) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(9) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
@-webkit-keyframes sk-cubeGridScaleDelay {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  }

  35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  }
}
@keyframes sk-cubeGridScaleDelay {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  }

  35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  }
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-wordpress">
 *      <span class="sk-inner-circle"></span>
 *    </div>
 *
 */
.sk-spinner-wordpress.sk-spinner {
  background-color: #1ab394;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  position: relative;
  margin: 0 auto;

  -webkit-animation: sk-innerCircle 1s linear infinite;

          animation: sk-innerCircle 1s linear infinite;
}
.sk-spinner-wordpress .sk-inner-circle {
  display: block;
  background-color: #fff;
  width: 8px;
  height: 8px;
  position: absolute;
  border-radius: 8px;
  top: 5px;
  left: 5px;
}
@-webkit-keyframes sk-innerCircle {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes sk-innerCircle {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-fading-circle">
 *      <div class="sk-circle1 sk-circle"></div>
 *      <div class="sk-circle2 sk-circle"></div>
 *      <div class="sk-circle3 sk-circle"></div>
 *      <div class="sk-circle4 sk-circle"></div>
 *      <div class="sk-circle5 sk-circle"></div>
 *      <div class="sk-circle6 sk-circle"></div>
 *      <div class="sk-circle7 sk-circle"></div>
 *      <div class="sk-circle8 sk-circle"></div>
 *      <div class="sk-circle9 sk-circle"></div>
 *      <div class="sk-circle10 sk-circle"></div>
 *      <div class="sk-circle11 sk-circle"></div>
 *      <div class="sk-circle12 sk-circle"></div>
 *    </div>
 *
 */
.sk-spinner-fading-circle.sk-spinner {
  margin: 0 auto;
  width: 22px;
  height: 22px;
  position: relative;
}
.sk-spinner-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-spinner-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 18%;
  height: 18%;
  background-color: #1ab394;
  border-radius: 100%;

  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out;

          animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */

  -webkit-animation-fill-mode: both;

          animation-fill-mode: both;
}
.sk-spinner-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sk-spinner-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
}
.sk-spinner-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sk-spinner-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
          transform: rotate(120deg);
}
.sk-spinner-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
          transform: rotate(150deg);
}
.sk-spinner-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sk-spinner-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
          transform: rotate(210deg);
}
.sk-spinner-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
          transform: rotate(240deg);
}
.sk-spinner-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.sk-spinner-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
          transform: rotate(300deg);
}
.sk-spinner-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
          transform: rotate(330deg);
}
.sk-spinner-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s;
}
.sk-spinner-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
.sk-spinner-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}
.sk-spinner-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}
.sk-spinner-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s;
}
.sk-spinner-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
}
.sk-spinner-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
.sk-spinner-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.sk-spinner-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.sk-spinner-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.sk-spinner-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleFadeDelay {
  0%,
  39%,
  100% {
    opacity: 0;
  }

  40% {
    opacity: 1;
  }
}
@keyframes sk-circleFadeDelay {
  0%,
  39%,
  100% {
    opacity: 0;
  }

  40% {
    opacity: 1;
  }
}
/* https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2 */
/* https://fonts.googleapis.com/css?family=Roboto:400,700|Roboto+Condensed Start  */
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
    U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
    U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DRs5.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DRs5.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-1967DRs5.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19G7DRs5.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-1927DRs5.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(/content/gstatic-fonts/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
    U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* https://fonts.googleapis.com/css?family=Roboto:400,700|Roboto+Condensed End  */
.pd-0 {
  padding: 0 !important;
}
.bd-l-0 {
  border-left: 0 !important;
}
.text-middle {
  vertical-align: middle;
}
.text-center {
  text-align: center;
}
.disabled {
  opacity: 0.5;
}
.highlight {
  background-color: #f5eeb8 !important;
}
.mainLayout {
  height: 100%
}
.mainLayout .sidebar-first {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    will-change: transform
  }
.mainLayout .sidebar-first .nav-widgetPanel .item:last-child {
        padding-right: 0;
        left: 0;
      }
.mainLayout .sidebar-first .nav-widgetPanel .alertArea {
        right: 6px;
      }
.mainLayout .sidebar-second {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto
  }
.mainLayout .sidebar-second .header-otherArea {
      width: auto;
    }
.mainLayout .mainArea {
    padding-bottom: 0;
    min-height: inherit;
    min-width: 827px;
    padding-right: 0px
  }
.mainLayout .mainArea .gridBox {
      height: calc(100% - 24px);
      overflow-y: auto;
      will-change: transform;
    }
.mainLayout .mainArea footer {
      position: relative;
    }
.icon-Odds::before {
  height: 12px;
  bottom: -2px;
}
.icon-live-tv:before {
    content: url(../../images/core/live-play.png);
  }
.icon-live-tv:hover:before {
    content: url(../../images/core/live-play-hover.png);
    display: inline-block;
    margin-top: 1px;
  }
.icon-live-stream {
  margin-top: 1px
}
.icon-live-stream:before {
    content: url(../../images/core/live-stream.png);
  }
.icon-live-stream:hover:before {
    content: url(../../images/core/live-stream-hover.png);
    display: inline-block;
  }
.btn-mixparlay {
  width: 100%;
  padding: 6px;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.oddsBet::before {
  font-family: iconFont;
}
.caption .mainTitle,
.leagueName,
.leagueTitle {
  text-transform: uppercase;
}
.oddsTable {
  min-width: 810px;
  margin-bottom: 10px
}
.oddsTable.normal {
    margin-top: 0;
  }
.oddsTable .oddsTitle .event {
    text-transform: uppercase;
  }
.oddsTable .live-a .hdp, .oddsTable .live-b .hdp {
      background-color: #ffeadf;
    }
.oddsTable .normal-a .hdp, .oddsTable .normal-b .hdp {
      background-color: rgba(0, 0, 0, 0.045);
    }
.oddsTable .event,
.oddsTable .time,
.oddsTitle-accent > div,
.oddsTitle > div,
.oddsTitleSub > div,
.oddsTotal > div {
  vertical-align: middle;
}
.morebets {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box
}
.morebets table tr:hover td {
      background: none;
    }
.morebets table td:hover {
      background: #ffc !important;
    }
.morebets table.tbl-mb caption {
      font-weight: bold
    }
.morebets table.tbl-mb caption .period {
        background-color: #7591c1;
        padding: 1px 5px;
        border-radius: 3px
      }
.morebets table.tbl-mb caption .period.fh {
          background-color: #d49c66;
        }
.live-a:hover,
.live-b:hover,
.normal-a:hover,
.normal-b:hover,
.mmr-a:hover,
.mmr-b:hover {
  background: #f5eeb8 !important;
}
.onextwo-a .normal-a > div:nth-of-type(3n), .onextwo-a .normal-b > div:nth-of-type(3n) {
      border-left: 1px solid;
      border-color: #e0e0e0;
    }
.mo-a .main.colTwo, .mo-b .main.colTwo {
    width: 16em;
  }
.mo-a .multiOdds > div:nth-of-type(2n), .mo-b .multiOdds > div:nth-of-type(2n) {
    border-left: 1px solid;
    border-color: #e0e0e0;
  }
.mo-a .live-a .multiOdds > div:nth-of-type(2n), .mo-a .live-b .multiOdds > div:nth-of-type(2n), .mo-b .live-a .multiOdds > div:nth-of-type(2n), .mo-b .live-b .multiOdds > div:nth-of-type(2n) {
      border-color: #cea193;
    }
.mo-a .moLv, .mo-b .moLv {
    color: #00f;
  }
.outright-a .time {
    width: 6.4em;
    max-width: 6.4em;
  }
.outright-a .leagueName::after {
    display: none;
  }
.outright-a .matchArea {
    width: 50%;
    display: inline-block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box
  }
.outright-a .matchArea:nth-child(2n + 1) {
      border-right: 1px solid #e0e0e0;
    }
.outright-a .matchArea .multiOdds {
      table-layout: auto;
      table-layout: initial;
    }
.myScore,
.showingNow {
  margin-top: 3px;
}
.betSlip input.InputAddOn-field {
    text-align: right;
    padding: 0.18em 2em 0.15em 0.18em;
    font-weight: 700;
  }
.betSlip .level-0.hide {
    position: absolute;
    width: 0;
    overflow: hidden;
  }
.betSlip .mainSection {
    position: relative
  }
.betSlip .mainSection .mask {
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 100;
      position: absolute;
      background-color: rgba(255, 255, 255, 0.5)
    }
.betSlip .mainSection .mask .sk-spinner {
        top: 50%;
        left: 50%;
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
      }
.betSlip .selectorOdds {
    line-height: 18px;
    vertical-align: top;
  }
.moLv {
  color: #00f
}
.moLv.underdog {
    color: #e8010b;
  }
.betList .nobets {
    background: #f1f1f1;
    padding: 0.5em 0.5em;
  }
.announcement-page table {
    width: 100%
  }
.announcement-page table th,
    .announcement-page table td {
      border-left: 1px solid #d9d9d9;
      border-bottom: 1px solid #d9d9d9;
      padding: 5px;
      vertical-align: top;
    }
.announcement-page table th {
      font-weight: bold;
      background: #b5b6ba;
    }
.announcement-page table td {
      background: #ebebeb
    }
.announcement-page table td.stick {
        color: #f00;
      }
.ticketPrint-page {
  width: 250px;
  padding: 3px
}
.ticketPrint-page table {
    width: 100%;
  }
.ticketPrint-page .pad-row {
    padding: 3px;
  }
.ticketPrint-page .ticketP {
    border: 1px solid #808080;
    border-top-width: 0px;
  }
.ticketPrint-page .ticketP:first-child {
    border-top-width: 1px;
  }
.sportsMenu {
  background: #fff !important
}
.sportsMenu .cat {
    color: #fff
  }
.sportsMenu .cat .item {
      padding: 8px;
      font-size: 13px;
      text-transform: uppercase;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #454545), to(#121212));
      background: linear-gradient(180deg, #454545 0, #121212);

      border-bottom: 1px solid #fff;
      cursor: pointer
    }
.sportsMenu .cat .item:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #121212), to(#252525));
        background: linear-gradient(180deg, #121212 0, #252525);
      }
.sportsMenu .cat .item.active {
        background: #4e4e4e;
      }
.sportsMenu .cg li {
      cursor: pointer;
      /* padding: 0.65em 0.7em; */
      line-height: 1.6em;
      font-family: 'Roboto Condensed';
      color: #fff;
      text-transform: uppercase;
      position: relative;
      margin: 4px 0
    }
.sportsMenu .cg li img {
        width: 100%;
      }
.sportsMenu .cg li.active {
        cursor: default;
      }
.sportsMenu .cg li .text {
        padding: 0.1em 0 0.1em 0.3em;
        font-weight: normal;
        font-size: 14px;
      }
.sportsMenu .cg li i {
        font-size: 130%;
        position: absolute;
        top: 3px;
        right: 3px;
      }
.streamingList {
  min-height: 200px;
  background: #f5f5f5;
}
.header-otherArea .dropdownPanel {
  position: absolute;
  width: 224px;
  background: #d2d0d0;
  height: 285px;
  z-index: 1;
  top: 48px;
  right: 0;
  display: none;
}
.header-otherArea .dropdownPanel.show {
  display: block;
}
.header-otherArea .owl-carousel .item figure {
  margin: 10px;
  width: 204px;
}
.floating-close-button-container {
  position: absolute;
  right: 0;
  width: 48px;
  height: 48px;
  z-index: 10;
  overflow: hidden;
}
.floating-close-button {
  border-radius: 50%;
  background: #d2d0d0;
  z-index: 10;
  width: 48px;
  height: 48px;
  right: -10px;
  top: -10px;
  position: relative;
  cursor: pointer;
}
.floating-close-button i.fa {
  margin-top: 22px;
  margin-left: 13px;
  font-size: 15px;
}
.header-otherArea .dropdownPanel .owl-theme .owl-dots .owl-dot span {
  background: #ffffff;
}
.header-otherArea .dropdownPanel .owl-theme .owl-dots .owl-dot.active span {
  background: #d3922a;
}
.header-otherArea .dropdownPanel .owl-theme .owl-dots {
  margin-top: -7px !important;
}
.header-otherArea .dropdownPanel .play-now {
  position: absolute;
  bottom: 25px;
  left: 60px;
}
.header-otherArea .dropdownPanel .play-now button {
  height: 28px;
}
.InputAddOn-field {
  min-width: 0;
}
.selected.oddsBet {
  background-color: #5c83ff !important;
  color: #fff !important;
}
#barcode {
  text-align: center;
  border-top: 1px solid #000;
  padding: 3px;
}
.trigger.toggle-primary {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #585858), to(#2a2a2a));
  background: linear-gradient(to bottom, #585858 0, #2a2a2a 100%);
  color: rgba(255, 255, 255, 0.6);
}
.trigger.toggle-primary:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7f7474), to(#393535));
  background: linear-gradient(to bottom, #7f7474 0, #393535 100%);
}
.smallBtn.icon-statistic {
    width: 2em;
  }
.icon-statistic {
  margin-top: 1px
}
.icon-statistic:before {
    content: url('../../images/core/statistics.png');
  }
.icon-statistic:hover:before {
    content: url('../../images/core/statistics-hover.png');
    display: inline-block;
  }
.ticketStatus {
  margin-right: 17px;
  margin-bottom: -1px;
}
.streamingList .icon-sport1 .sportTitle::before {
      background-position: 0 0px;
    }
.streamingList .icon-sport2 .sportTitle::before {
      background-position: 0 -24px;
    }
.streamingList .icon-sport5 .sportTitle::before {
      background-position: 0 -96px;
    }
.streamingList .icon-sport43 .sportTitle::before {
      background-position: 0 -1006px;
    }
.btn-base {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.icon-arrowSolid-down::before,
.icon-moreExpand::before {
  content: none;
}
.button-hasSelection {
  border: 1px solid #e9101a;
  margin-top: -1px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#bfbfbf), to(#45ce89));
  background-image: linear-gradient(to bottom, #bfbfbf, #45ce89);
  color: #000;
}
.nav-widgetPanel .item .itemContent .text {
  margin-left: 1.25em;
}
.chevron-left::before {
    content: '';
    font-family: iconFont;
    font-size: 1.5em;
  }
.chevron-up::before {
  content: '';
  font-size: 1.8em;
}
.chevron-down::before {
  content: '';
  font-size: 1.8em;
}
.clock {
  display: inline-block;
  padding-left: 5px;
  padding-top: 2px;
  padding-right: 5px;
}
.filterArea {
  height: 20px;
  padding-top: 10px;
}
.lds-facebook {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-facebook div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background: #fff;
  -webkit-animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
          animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
  left: 8px;
  -webkit-animation-delay: -0.24s;
          animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
  left: 32px;
  -webkit-animation-delay: -0.12s;
          animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
  left: 56px;
  -webkit-animation-delay: 0;
          animation-delay: 0;
}
@-webkit-keyframes lds-facebook {
  0% {
    top: 8px;
    height: 64px;
  }
  50%,
  100% {
    top: 24px;
    height: 32px;
  }
}
@keyframes lds-facebook {
  0% {
    top: 8px;
    height: 64px;
  }
  50%,
  100% {
    top: 24px;
    height: 32px;
  }
}
.discountInfo {
  clear: both;
  color: #7c7c7c
}
.discountInfo .amount {
    text-align: right;
    padding-bottom: 8px;
  }
.discountInfo .percentage {
    font-weight: bold;
    padding-left: 4px;
    color: #00a54f;
  }
html.theme-blue .heading-noMoving [class*='icon-sport']:before,
  html.theme-blue .heading[class*='icon-sport']:before,
  html.theme-blue .liveScore:before,
  html.theme-blue .mainTitle:before,
  html.theme-blue .miniOdds-oddstable .status:before,
  html.theme-blue .miniOdds .sportsIcon,
  html.theme-blue .myScore .sportsIcon,
  html.theme-blue .sportName:before,
  html.theme-blue .streamingList .sportTitle:before {
    background-image: url(/images/v2/icon-ui_2019.svg);
    background-size: 100% auto;
  }
html.theme-blue .category-sub {
    background: #e7ebf3;
  }
html.theme-blue .category-sub-list.active {
    color: #000066;
  }
html.theme-blue .btn-base {
    background: #2a519c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(73, 132, 180)), to(rgb(97, 155, 203)));
    background-image: linear-gradient(to bottom, rgb(73, 132, 180) 0%, rgb(97, 155, 203) 100%);
  }
html.theme-blue .btn-base:hover {
    background: #2a519c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(97, 155, 203)), to(rgb(97, 155, 203)));
    background-image: linear-gradient(to bottom, rgb(97, 155, 203) 0%, rgb(97, 155, 203) 100%);
  }
html.theme-blue .favorite .heading {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #3281c5), to(#0e4871));
    background-image: linear-gradient(to bottom, #3281c5 5%, #0e4871 100%);
  }
html.theme-blue .favorite .heading:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #3281c5), to(#4d83ab));
    background-image: linear-gradient(to bottom, #3281c5 5%, #4d83ab 100%);
  }
html.theme-blue .sportsMenu .heading {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #3281c5), to(#0e4871));
    background-image: linear-gradient(to bottom, #3281c5 5%, #0e4871 100%);
  }
html.theme-blue .sportsMenu .heading:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #3281c5), to(#4d83ab));
    background-image: linear-gradient(to bottom, #3281c5 5%, #4d83ab 100%);
  }
html.theme-blue .group .heading.current {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #3281c5), to(#0e4871));
    background-image: linear-gradient(to bottom, #3281c5 5%, #0e4871 100%);
  }
html.theme-blue .group .heading.current:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #3281c5), to(#4d83ab));
    background-image: linear-gradient(to bottom, #3281c5 5%, #4d83ab 100%);
  }
html.theme-blue .group .heading {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #78b2de), to(#609cca));
    background: linear-gradient(180deg, #78b2de 0, #609cca);
    background: -webkit-linear-gradient(bottom, #609cca, #78b2de);
  }
html.theme-blue .betList .heading {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #3281c5), to(#0e4871));
    background-image: linear-gradient(to bottom, #3281c5 5%, #0e4871 100%);
  }
html.theme-blue .betList .heading:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #3281c5), to(#4d83ab));
    background-image: linear-gradient(to bottom, #3281c5 5%, #4d83ab 100%);
  }
html.theme-blue .showingNow .heading {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #3281c5), to(#0e4871));
    background-image: linear-gradient(to bottom, #3281c5 5%, #0e4871 100%);
  }
html.theme-blue .showingNow .heading:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #3281c5), to(#4d83ab));
    background-image: linear-gradient(to bottom, #3281c5 5%, #4d83ab 100%);
  }
html.theme-blue .oddsTitle {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #3281c5), to(#0e4871));
    background-image: linear-gradient(to bottom, #3281c5 5%, #0e4871 100%);
  }
html.theme-blue .oddsTitleSub {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #3281c5), to(#0e4871));
    background-image: linear-gradient(to bottom, #3281c5 5%, #0e4871 100%);
  }
html.theme-blue .oddsTitle .odds {
    border-left: 1px solid #557dbf;
  }
html.theme-blue .oddsTitle .topRowTitle {
    border-left: 1px solid #557dbf;
    border-bottom: 1px solid #557dbf;
  }
html.theme-blue .oddsTitle > div + div {
    border-color: #557dbf;
  }
html.theme-blue .oddsTitleSub > div + div {
    border-color: #557dbf;
  }
html.theme-blue .trigger.toggle-primary {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(73, 132, 180)), to(rgb(97, 155, 203)));
    background-image: linear-gradient(to bottom, rgb(73, 132, 180) 0%, rgb(97, 155, 203) 100%);
  }
html.theme-blue .trigger.toggle-primary:hover {
    background: #2a519c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(97, 155, 203)), to(rgb(97, 155, 203)));
    background-image: linear-gradient(to bottom, rgb(97, 155, 203) 0%, rgb(97, 155, 203) 100%);
  }
html.theme-brown body {
    font-size: 0.75em;
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(119, 100, 85)), to(rgb(119, 100, 85)));
    background: linear-gradient(to bottom, rgb(119, 100, 85) 0%, rgb(119, 100, 85) 100%);
  }
html.theme-brown ::-webkit-scrollbar {
    width: 8px;
    height: 2px;
    background-color: #f5f5f5;
  }
html.theme-brown ::-webkit-scrollbar-track {
    background-color: #bbb;
  }
html.theme-brown ::-webkit-scrollbar-thumb {
    background: #666;
    /* background: #503f32; */
    border: 0 solid #fff;
  }
html.theme-brown .heading-noMoving [class*='icon-sport']:before,
  html.theme-brown .heading[class*='icon-sport']:before,
  html.theme-brown .liveScore:before,
  html.theme-brown .mainTitle:before,
  html.theme-brown .miniOdds-oddstable .status:before,
  html.theme-brown .miniOdds .sportsIcon,
  html.theme-brown .myScore .sportsIcon,
  html.theme-brown .sportName:before,
  html.theme-brown .streamingList .sportTitle:before {
    background-image: url(/images/v2/icon-ui_2019.svg);
    background-size: 100% auto;
  }
html.theme-brown .league {
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(119, 100, 85)), to(rgb(119, 100, 85)));
    background: linear-gradient(to bottom, rgb(119, 100, 85) 0%, rgb(119, 100, 85) 100%);

    border-bottom: 1px solid #776455
  }
html.theme-brown .league .leagueName:lang(en) {
        font-size: 14px;
        padding: 0.2em 0.15em;
        padding-left: 1.85em;
      }
html.theme-brown .league .leagueName {
      color: #fef6e8;
      padding-left: 1.85em;
      font-size: 15px;
      font-weight: 400;
    }
html.theme-brown .live-a:hover,
  html.theme-brown .live-b:hover,
  html.theme-brown .normal-a:hover,
  html.theme-brown .normal-b:hover,
  html.theme-brown .mmr-a:hover,
  html.theme-brown .mmr-b:hover {
    background: #fef6e8 !important;
  }
html.theme-brown .category-sub {
    background: #fef6e8;
  }
html.theme-brown .category-sub-list.active {
    color: #a06f30;
  }
html.theme-brown .btn-base {
    background: #d9caad;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2ebc8c), to(#2ebc8c));
    background-image: linear-gradient(to bottom, #2ebc8c 0%, #2ebc8c 100%);
    color: #fff;
  }
html.theme-brown .btn-base:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#33d09b), to(#33d09b));
    background-image: linear-gradient(to bottom, #33d09b 0%, #33d09b 100%);
  }
html.theme-brown .btn-secondary:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(119, 100, 85)), to(rgb(119, 100, 85)));
    background-image: linear-gradient(to bottom, rgb(119, 100, 85) 0%, rgb(119, 100, 85) 100%);
    color: #fef6e8;
  }
html.theme-brown .btn-secondary {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(217, 202, 173)), to(rgb(217, 202, 173)));
    background-image: linear-gradient(to bottom, rgb(217, 202, 173) 0%, rgb(217, 202, 173) 100%);
    color: #776455;
  }
html.theme-brown .favorite .heading {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #3281c5), to(#0e4871));
    background-image: linear-gradient(to bottom, #3281c5 5%, #0e4871 100%);
  }
html.theme-brown .favorite .heading:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #3281c5), to(#4d83ab));
    background-image: linear-gradient(to bottom, #3281c5 5%, #4d83ab 100%);
  }
html.theme-brown .sportsMenu .cg li {
        /* margin: 2px; */
      }
html.theme-brown .sportsMenu .cg li.UEFA2021 {
          height: 82px;
          padding: unset;
          margin: unset;
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover;

          background-image: url('/images/EuroBanner.png'), -webkit-gradient(linear, left top, left bottom, color-stop(5%, #776455), to(#776455));

          background-image: url('/images/EuroBanner.png'), linear-gradient(to bottom, #776455 5%, #776455 100%)
        }
html.theme-brown .sportsMenu .cg li.UEFA2021.active {
            background-image: url('/images/EuroBanner_off.png'), -webkit-gradient(linear, left top, left bottom, color-stop(5%, #776455), to(#776455));
            background-image: url('/images/EuroBanner_off.png'), linear-gradient(to bottom, #776455 5%, #776455 100%);
          }
html.theme-brown .sportsMenu .heading {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #776455), to(#503f32));
    background-image: linear-gradient(to bottom, #776455 5%, #503f32 100%);
  }
html.theme-brown .sportsMenu .heading:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #a38975), to(#a38975));
    background-image: linear-gradient(to bottom, #a38975 5%, #a38975 100%);
  }
html.theme-brown .group .heading.current {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #776455), to(#776455));
    background-image: linear-gradient(to bottom, #776455 5%, #776455 100%);
  }
html.theme-brown .group .heading.current:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #a38975), to(#a38975));
    background-image: linear-gradient(to bottom, #a38975 5%, #a38975 100%);
  }
html.theme-brown .group .heading {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #a38975), to(#a38975));
    background-image: linear-gradient(to bottom, #a38975 5%, #a38975 100%);
  }
html.theme-brown .betList .heading {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #776455), to(#776455));
    background-image: linear-gradient(to bottom, #776455 5%, #776455 100%);
  }
html.theme-brown .betList .heading:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #a38975), to(#a38975));
    background-image: linear-gradient(to bottom, #a38975 5%, #a38975 100%);
  }
html.theme-brown .showingNow .heading {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #776455), to(#776455));
    background-image: linear-gradient(to bottom, #776455 5%, #776455 100%);
  }
html.theme-brown .showingNow .heading:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #fef6e8), to(#fef6e8));
    background-image: linear-gradient(to bottom, #fef6e8 5%, #fef6e8 100%);
    color: #503f32;
  }
html.theme-brown .oddsTitle {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #776455), to(#503f32));
    background-image: linear-gradient(to bottom, #776455 5%, #503f32 100%);
    border-color: #776455;
  }
html.theme-brown .oddsTitleSub {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #3281c5), to(#0e4871));
    background-image: linear-gradient(to bottom, #3281c5 5%, #0e4871 100%);
  }
html.theme-brown .oddsTitle .odds {
    border-left: 1px solid #fef6e8;
  }
html.theme-brown .correctScore-a .oddsTitle .odds {
      width: 3em;
      max-width: 3em;
    }
html.theme-brown .correctScore-a .oddsTitle > div {
      white-space: pre-wrap;
    }
html.theme-brown .correctScore-d .oddsTitle .odds {
      width: 3em;
      max-width: 3em;
    }
html.theme-brown .oddsTitle .topRowTitle {
    border-left: 1px solid #fef6e8;
    border-bottom: 1px solid #fef6e8;
  }
html.theme-brown .oddsTable .oddsTitle .event {
    font-size: 16px;
    font-weight: 700;
  }
html.theme-brown .oddsTitle > div + div {
    border-color: #fef6e8;
  }
html.theme-brown .oddsTitleSub > div + div {
    border-color: #557dbf;
  }
html.theme-brown .trigger.toggle {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(119, 100, 85)), to(rgb(119, 100, 85)));
    background-image: linear-gradient(to bottom, rgb(119, 100, 85) 0%, rgb(119, 100, 85) 100%);
    color: #fef6e8;
  }
html.theme-brown .trigger.toggle-primary {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #776455), to(#503f32));
    background-image: linear-gradient(to bottom, #776455 5%, #503f32 100%);
  }
html.theme-brown .trigger.toggle-primary:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #a38975), to(#a38975));
    background-image: linear-gradient(to bottom, #a38975 5%, #a38975 100%);
  }
html.theme-brown .category-sportList {
    background: #fef6e8;
    color: #503f32;
  }
html.theme-brown .sportsMenu .nav-widgetPanel {
    background-color: #503f32;
    color: #fef6e8;
  }
html.theme-brown .nav-widgetPanel .item:hover {
    color: #ffd789;
  }
html.theme-brown .nav-widgetPanel .item.active {
    color: #ffd789;
  }
html.theme-brown .nav-widgetPanel .item.active .arrow-up {
    border-bottom: 4px solid #ffd789;
  }
html.theme-brown .nav-widgetPanel .item.active::after {
    background: #ffd789;
  }
html.theme-brown .personalAccount .heading {
    color: #503f32;
  }
html.theme-brown .creditArea .infoGroup .infoItem {
    color: #503f32;
  }
html.theme-brown .infoBox .heading {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #776455), to(#776455));
    background-image: linear-gradient(to bottom, #776455 5%, #776455 100%);
  }
html.theme-brown .mainTitle {
    color: #fff;
  }
html.theme-brown .wrapper-dropdown-2 .dropdown li:hover a {
    color: #503f32;
    background: #cdcdcd;
  }
html.theme-brown .betInfo .betType {
    color: #e76121;
  }
html.theme-brown .heading-default {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #776455), to(#776455));
    background-image: linear-gradient(to bottom, #776455 5%, #776455 100%);
  }
html.theme-brown .btn-dark:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(119, 100, 85)), to(rgb(119, 100, 85)));
    background-image: linear-gradient(to bottom, rgb(119, 100, 85) 0%, rgb(119, 100, 85) 100%);
    color: #fef6e8;
  }
html.theme-brown .btn-dark {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(217, 202, 173)), to(rgb(217, 202, 173)));
    background-image: linear-gradient(to bottom, rgb(217, 202, 173) 0%, rgb(217, 202, 173) 100%);
    color: #776455;
  }
html.theme-brown .primary.smallBtn-text {
    background: #776455;
    color: #fef6e8;
  }
html.theme-brown .titleGroup .smallBtn {
    float: left;
    margin-left: unset;
    top: -0.15em;
    font-size: 18px;
  }
html.theme-brown .ticketListGroup.active .smallBtn.primary {
    background: unset;
  }
html.theme-brown .primary.smallBtn {
      background: unset;
      color: #e76121 !important
    }
html.theme-brown .primary.smallBtn:hover {
        background: unset;
      }
html.theme-brown .heading-default .glyphIcon-large {
    background: none;
  }
html.theme-brown .heading-default .glyphIcon-large:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #fef6e8), to(#fef6e8));
    background-image: linear-gradient(to bottom, #fef6e8 5%, #fef6e8 100%);
    color: #503f32;
  }
html.theme-brown .correctScore-a .live-a > div:nth-last-of-type(5),
  html.theme-brown .correctScore-a .live-b > div:nth-last-of-type(5),
  html.theme-brown .correctScore-b .live-a > div:nth-last-of-type(3),
  html.theme-brown .correctScore-b .live-b > div:nth-last-of-type(3),
  html.theme-brown .correctScore-d .live-a > div:nth-last-of-type(5),
  html.theme-brown .correctScore-d .live-b > div:nth-last-of-type(5),
  html.theme-brown .firstGoalLastGoal-a .live-a > div:nth-last-of-type(3),
  html.theme-brown .firstGoalLastGoal-a .live-b > div:nth-last-of-type(3),
  html.theme-brown .halfTimeFullTime-a .live-a > div:nth-last-of-type(3),
  html.theme-brown .halfTimeFullTime-a .live-a > div:nth-last-of-type(6),
  html.theme-brown .halfTimeFullTime-a .live-b > div:nth-last-of-type(3),
  html.theme-brown .halfTimeFullTime-a .live-b > div:nth-last-of-type(6),
  html.theme-brown .hdpou-a .live-a .multiOdds > div:nth-of-type(5),
  html.theme-brown .hdpou-a .live-b .multiOdds > div:nth-of-type(5),
  html.theme-brown .hdpouFullHalf-a .live-a .multiOdds > div:nth-of-type(n + 2),
  html.theme-brown .hdpouFullHalf-a .live-b .multiOdds > div:nth-of-type(n + 2),
  html.theme-brown .hdpouSingle-a .live-a .multiOdds > div:nth-of-type(n + 2),
  html.theme-brown .hdpouSingle-a .live-b .multiOdds > div:nth-of-type(n + 2),
  html.theme-brown .live-a .event + div,
  html.theme-brown .live-a .multiOdds + .multiOdds,
  html.theme-brown .live-a .others,
  html.theme-brown .live-a .time,
  html.theme-brown .live-b .event + div,
  html.theme-brown .live-b .multiOdds + .multiOdds,
  html.theme-brown .live-b .others,
  html.theme-brown .live-b .time,
  html.theme-brown .numberGame-a .live-a > div,
  html.theme-brown .numberGame-a .live-b > div,
  html.theme-brown .numberGame-b .live-a > div,
  html.theme-brown .numberGame-b .live-b > div,
  html.theme-brown .numberGame-c .live-a > div,
  html.theme-brown .numberGame-c .live-b > div,
  html.theme-brown .numberGame-d .live-a > div,
  html.theme-brown .numberGame-d .live-b > div,
  html.theme-brown .oddEven-a .live-a > div:nth-last-of-type(2),
  html.theme-brown .oddEven-a .live-b > div:nth-last-of-type(2),
  html.theme-brown .onextwo-a .live-a > div:nth-of-type(6),
  html.theme-brown .onextwo-a .live-b > div:nth-of-type(6),
  html.theme-brown .racing-a .live-a > div,
  html.theme-brown .racing-a .live-b > div,
  html.theme-brown .racing-b .live-a > div,
  html.theme-brown .racing-b .live-b > div,
  html.theme-brown .racing-c .live-a > div,
  html.theme-brown .racing-c .live-b > div,
  html.theme-brown .racing-d .live-a > div,
  html.theme-brown .racing-d .live-b > div,
  html.theme-brown .totalGoal-a .live-a > div:nth-of-type(7),
  html.theme-brown .totalGoal-a .live-b > div:nth-of-type(7) {
    border-color: #dfc9b2;
  }
html.theme-brown .live-a {
    background: #efe6d7;
  }
html.theme-brown .live-a,
  html.theme-brown .live-b {
    border-color: #dfc9b2;
  }
html.theme-brown .correctScore-a .normal-a > div:nth-last-of-type(5),
  html.theme-brown .correctScore-a .normal-b > div:nth-last-of-type(5),
  html.theme-brown .correctScore-b .normal-a > div:nth-last-of-type(3),
  html.theme-brown .correctScore-b .normal-b > div:nth-last-of-type(3),
  html.theme-brown .correctScore-d .normal-a > div:nth-last-of-type(5),
  html.theme-brown .correctScore-d .normal-b > div:nth-last-of-type(5),
  html.theme-brown .firstGoalLastGoal-a .normal-a > div:nth-last-of-type(3),
  html.theme-brown .firstGoalLastGoal-a .normal-b > div:nth-last-of-type(3),
  html.theme-brown .halfTimeFullTime-a .normal-a > div:nth-last-of-type(3),
  html.theme-brown .halfTimeFullTime-a .normal-a > div:nth-last-of-type(6),
  html.theme-brown .halfTimeFullTime-a .normal-b > div:nth-last-of-type(3),
  html.theme-brown .halfTimeFullTime-a .normal-b > div:nth-last-of-type(6),
  html.theme-brown .hdpou-a .normal-a .multiOdds > div:nth-of-type(5),
  html.theme-brown .hdpou-a .normal-b .multiOdds > div:nth-of-type(5),
  html.theme-brown .hdpouFullHalf-a .normal-a .multiOdds > div:nth-of-type(n + 2),
  html.theme-brown .hdpouFullHalf-a .normal-b .multiOdds > div:nth-of-type(n + 2),
  html.theme-brown .hdpouSingle-a .normal-a .multiOdds > div:nth-of-type(n + 2),
  html.theme-brown .hdpouSingle-a .normal-b .multiOdds > div:nth-of-type(n + 2),
  html.theme-brown .normal-a .event + div,
  html.theme-brown .normal-a .multiOdds + .multiOdds,
  html.theme-brown .normal-a .others,
  html.theme-brown .normal-a .time,
  html.theme-brown .normal-b .event + div,
  html.theme-brown .normal-b .multiOdds + .multiOdds,
  html.theme-brown .normal-b .others,
  html.theme-brown .normal-b .time,
  html.theme-brown .numberGame-a .normal-a > div,
  html.theme-brown .numberGame-a .normal-b > div,
  html.theme-brown .numberGame-b .normal-a > div,
  html.theme-brown .numberGame-b .normal-b > div,
  html.theme-brown .numberGame-c .normal-a > div,
  html.theme-brown .numberGame-c .normal-b > div,
  html.theme-brown .numberGame-d .normal-a > div,
  html.theme-brown .numberGame-d .normal-b > div,
  html.theme-brown .oddEven-a .normal-a > div:nth-last-of-type(2),
  html.theme-brown .oddEven-a .normal-b > div:nth-last-of-type(2),
  html.theme-brown .onextwo-a .normal-a > div:nth-of-type(6),
  html.theme-brown .onextwo-a .normal-b > div:nth-of-type(6),
  html.theme-brown .racing-a .normal-a > div,
  html.theme-brown .racing-a .normal-b > div,
  html.theme-brown .racing-b .normal-a > div,
  html.theme-brown .racing-b .normal-b > div,
  html.theme-brown .racing-c .normal-a > div,
  html.theme-brown .racing-c .normal-b > div,
  html.theme-brown .racing-d .normal-a > div,
  html.theme-brown .racing-d .normal-b > div,
  html.theme-brown .totalGoal-a .normal-a > div:nth-of-type(7),
  html.theme-brown .totalGoal-a .normal-b > div:nth-of-type(7) {
    border-color: #e0e0e0;
  }
html.theme-brown .normal-a,
  html.theme-brown .normal-b {
    border-bottom-color: #e0e0e0;
  }
html.theme-brown .mainArea-top {
    background: #fef6e8;
  }
html.theme-brown .header-time {
    background: #fef6e8;
  }
html.theme-brown a {
    color: #503f32;
  }
html.theme-brown .button-hasSelection {
    border: unset;
  }
html.theme-brown .morebets table.tbl-mb caption {
    background-color: #503f32;
    color: #ffd789
  }
html.theme-brown .morebets table.tbl-mb caption .period {
      background-color: unset;
    }
html.theme-brown .filter {
    padding: 4px 20px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #776455), to(#776455));
    background-image: linear-gradient(to bottom, #776455 5%, #776455 100%);
    color: #fff
  }
html.theme-brown .filter.parlay {
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #fe9200), to(#fe9200));
      background-image: linear-gradient(to bottom, #fe9200 5%, #fe9200 100%)
    }
html.theme-brown .filter.parlay:hover {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #efa94c), to(#efa94c));
        background-image: linear-gradient(to bottom, #efa94c 5%, #efa94c 100%);
      }
html.theme-brown .filter:hover {
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #a38975), to(#a38975));
      background-image: linear-gradient(to bottom, #a38975 5%, #a38975 100%);
    }
html.theme-brown .filter.wrapper-dropdown-2 {
    }
html.theme-brown .filter > span.title {
      display: inline-block;
    }
html.theme-brown .otherContent .filter {
    background-image: unset;
  }
html.theme-brown {
  /* M */
}
html.theme-brown .sk-spinner-circle .sk-circle:before {
    background-color: #776455;
  }
html.theme-brown .baseArea .betGroup-a .colWidth-rest .betArea .oddsBet.indicatorUp,
  html.theme-brown .baseArea .betGroup-a .colWidth-rest .betArea .oddsBet.indicatorUp-a,
  html.theme-brown .oddsBet.indicatorUp,
  html.theme-brown .oddsBet.indicatorUp-a {
    background: #f5eeb8;
    /* transition: background .7s linear, color .7s linear; */
    color: #00a54f !important;
  }
html.theme-brown .highlight {
    /* background-color: #f5eeb8 !important;
    color: #e8010b !important; */
  }
html.theme-brown .baseArea .betGroup-a .colWidth-rest .betArea .oddsBet.indicatorDown,
  html.theme-brown .baseArea .betGroup-a .colWidth-rest .betArea .oddsBet.indicatorDown-a,
  html.theme-brown .oddsBet.indicatorDown,
  html.theme-brown .oddsBet.indicatorDown-a {
    background: #f5eeb8;
    /* transition: background .7s linear, color .7s linear; */
    color: #e8010b !important;
  }
html.theme-brown .indicatorUp-a::before,
  html.theme-brown .indicatorUp::before {
    content: unset;
  }
html.theme-brown .indicatorDown-a::before,
  html.theme-brown .indicatorDown::before {
    content: unset;
  }
html.theme-brown .clock {
    color: #fff;
  }
html.theme-brown .category-sub-list .betTypeName:before {
    content: unset;
  }
html.theme-brown .selected.oddsBet {
    background-color: #fe9200 !important;
    color: #fff !important;
  }
html.theme-brown .popupPanel-center {
    top: 63px;
    margin: unset;
    margin-left: 55px;
  }
html.theme-brown .filterArea {
    height: 30px;
  }
html.theme-brown .mainLayout .mainArea {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #503f32), to(#503f32));
    background-image: linear-gradient(to bottom, #503f32 5%, #503f32 100%);
  }
html.theme-brown .sidebar-first {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #503f32), to(#503f32));
    background-image: linear-gradient(to bottom, #503f32 5%, #503f32 100%);
  }
html.theme-brown .running .ticketStatus,
  html.theme-brown .ticketStatus.running {
    background: unset;
    color: green;
    font-weight: bold;
  }
html.theme-brown .ticketStatus.waiting,
  html.theme-brown .waiting .ticketStatus {
    background: unset;
    color: red;
    font-weight: bold;
  }
html.theme-brown .ticketStatus.void,
  html.theme-brown .void .ticketStatus,
  html.theme-brown .waiting .reject .ticketStatus {
    background: unset;
    font-weight: bold;
    color: darkgrey;
  }
html.theme-brown .ticketStatus {
    color: unset;
  }
html.theme-brown .morebets table.tbl-mb thead th {
    background: #f3e6cf;
  }
html.theme-brown .oddsTable .matchArea .tbl-mb {
    line-height: 2;
  }
html.theme-brown .matches.oddsContent {
    line-height: 1;
    background-color: #fff;
  }
html.theme-brown .collapsible > li.active > a::before {
    content: unset;
  }
html.theme-brown .collapsible > li > a {
    padding: 0.5em 0.5em 0.5em 1em;
  }
html.theme-brown .fa.fa-bars {
    padding-right: 5px;
  }
html.theme-brown .others .smallBtn-text {
    min-width: 3em;
    height: 20px;
  }
html.theme-brown .titleGroup {
    cursor: pointer;
  }
html.theme-brown .confirmPanel .confirmInfo .confirmMsg.icon-confirm::before {
    font: normal normal normal 14px/1 FontAwesome;
    content: '\f05d';
    font-size: 1.8em;
    position: relative;
    margin-right: 8px;
    top: 8px;
  }