input {
  color-scheme: light !important;
}

* {
  /* transition: background 0.5s ease, color 0.5s ease; */
  transition: background 0.15s ease, color 0.15s ease;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.dark > .app-body > .desktop > .home-body > .home-row > .bg-carousel {
  background-image: linear-gradient(
    to right,
    #43403a,
    #000000,
    #43403a
  ) !important;
}

.dark > .app-body > .desktop > .home-body > .home-row > .bg-page-content {
  background-color: #2b2b2b;
}

.dark * .game-footer {
  background-color: #000000 !important;
}

.dark * .text-dark {
  color: #ffffff !important;
}

.dark * .bg-light-grey {
  background-color: #2b2b2b !important;
}

.dark > .bg-light-grey {
  background-color: #2b2b2b !important;
}

.dark > .bg-light-grey2 {
  background-color: #393839 !important;
}
.dark * .bg-light-grey2 {
  background-color: #393839 !important;
}

.dark * #Content {
  background-color: #2b2b2b !important;
}

/* .dark * .card-footer {
  background-color: #2b2b2b !important;
} */

.light * .card-footer {
  background-color: #fff !important;
}

.dark > .app-body > .desktop-footer {
  background-color: #000000 !important;
}

.mobile > .app-body > .mobile-footer {
  background-color: #ffffff !important;
}

.mobile > .meta-footer {
  color: #ffffff !important;
}

/*  dark toggle  */
.light * .pill-button {
  background: #34323d;
  color: #fff;
  /* border: 1px solid #34323d; */
}

.light * .pill-button-highlight {
  background: #eeeeee;
}

.light * .pill-button-selection_active {
  color: #34323d;
}

/* color setting */

.dark * .pill-button {
  background: #eeeeee;
  color: #34323d;
  /* border: 1px solid #eeeeee; */
}

.dark * .pill-button-highlight {
  background: #34323d;
}

.dark * .pill-button-selection_active {
  color: #fff;
}
/*  top header menu   */
.dark * .menu-wrap:hover {
  background-color: #000 !important;
}

.dark * .menu-wrap:hover .menu-text {
  color: #fff !important;
}

.dark * .dropdown-wrap {
  background-color: #000 !important;
}

/*  account page */
.dark * .account-tab {
  background-color: #000 !important;
}

.dark * .left-card,
.dark * .right-card {
  background-color: #000 !important;
  box-shadow: 0 9px 9px 0 rgba(0, 0, 0, 0.16) !important;
}
.dark * .tab-label {
  color: #f2c345 !important;
}

.dark * .tab-border {
  border-top: 1px solid #6b6555 !important;
  border-bottom: 0px solid #6b6555 !important;
}

.dark * .btn-active-tab {
  background-color: #e5ac14 !important;
  background-image: none !important;
  color: #fff !important;
}

.dark * .account-tab-active {
  background-color: #e5ac14 !important;
  background-image: none !important;
}

.dark * .credit-text,
.dark * .profile-label {
  color: #f2c345 !important;
}

.dark * .info-text {
  background-image: linear-gradient(
    to left,
    rgba(107, 101, 85, 0),
    #6b6555
  ) !important;
  color: #fff6dd !important;
}

.dark * .password-info,
.dark * .account-text {
  color: #fff6dd !important;
}

.dark * .credit-text,
.dark * .card-text {
  color: #fff !important;
  opacity: 1 !important;
}

/* betting rule */
.dark * .left-card > .content-wrapper * h1,
.dark * .left-card > .content-wrapper * h2,
.dark * .left-card > .content-wrapper * h3,
.dark * .left-card > .content-wrapper * h4,
.dark * .left-card > .content-wrapper * h5,
.dark * .left-card > .content-wrapper * h6,
.dark * .left-card > .content-wrapper * b,
.dark * .left-card > .content-wrapper * strong,
.dark * .left-card > .content-wrapper * .title,
.dark * .left-card > .content-wrapper * .desc {
  color: #fff !important;
}

.dark * .left-card > .content-wrapper * span,
.dark * .left-card > .content-wrapper * p {
  color: lightgrey;
}

.dark * .left-card * span,
.dark * .left-card * p {
  color: #fff;
}

.dark * .left-card * span,
.dark * .left-card * p {
  color: #fff;
}

.dark * .profile-info {
  color: #fff;
}

.light * .profile-info {
  color: #000;
}

.dark * .btn-save {
  background-image: none !important;
  background-color: #e5ac14 !important;
  color: #ffffff !important;
  border: none !important;
}

.dark * input:placeholder-shown {
  opacity: 1 !important;
  color: #000 !important;
}

.dark * .btn-save:disabled {
  opacity: 0.65 !important;
  background-color: #e5ac14 !important;
  background-image: none !important;
}

.dark * .password-wrap * .border-none {
  color: #fff6dd !important;
  background-color: #000 !important;
}
/* spinner */
.dark * .sk-circle .sk-child:before {
  background-color: #fff6dd;
}

.light * .sk-circle .sk-child:before {
  background-color: #333;
}

/* .mobile-body-font * .sk-circle .sk-child:before {
  background-color: #333;
} */

.white-progress .sk-child:before {
  background-color: #fff6dd !important;
}

.light * .left-card {
  background-color: #fff !important;
}

.dark * .left-card {
  background-color: #000 !important;
}

/* .dark * {
  color-scheme: dark !important;
} */

.dark * .btn-inactive {
  background-color: #2b2b2b !important;
}

.dark * .date-title {
  background-image: linear-gradient(
    to left,
    rgba(107, 101, 85, 0),
    #6b6555
  ) !important;
  color: #fff !important;
  background-color: #000 !important;
  border-top: 1px solid #000 !important;
  border-right: 1px solid #000 !important;
}

.dark * .msg-card {
  background-color: #000 !important;
  border-right: solid 1px #000 !important;
  border-left: solid 1px #000 !important;
  border-bottom: solid 1px #000 !important;
}

.dark * .msg-card-row {
  background-color: #000 !important;
  border-bottom: solid 1px #dddddd80 !important;
}

.dark * .msg-text {
  color: #fff !important;
}

.light * .btn-group-vertical > a > button {
  border-radius: 0px;
  border-top: 1px solid #dddddd;
}

.dark * .btn-group-vertical > a > button {
  background-color: #000;
  border-radius: 0px;
  color: #f2c345;
  border-top: 0px solid #6b6555;
  border-bottom: 1px solid #6b6555;
}

.dark * .last-tab {
  border-bottom: 0px solid #6b6555 !important;
}

.light * .last-tab {
  border-bottom: 0px solid #6b6555 !important;
}

.dark * .btn-group-vertical {
  border: 1px solid #6b655590;
}
.dark * .annoucement-text {
  color: #ebc76e !important;
}