.__nuxt-error-page {
  padding: 1rem;
  background: #f7f8fb;
  color: #47494e;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: sans-serif;
  font-weight: 100 !important;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.__nuxt-error-page .error {
  max-width: 450px;
}
.__nuxt-error-page .title {
  font-size: 1.5rem;
  margin-top: 15px;
  color: #47494e;
  margin-bottom: 8px;
}
.__nuxt-error-page .description {
  color: #7f828b;
  line-height: 21px;
  margin-bottom: 10px;
}
.__nuxt-error-page a {
  color: #7f828b !important;
  text-decoration: none;
}
.__nuxt-error-page .logo {
  position: fixed;
  left: 12px;
  bottom: 12px;
}
.loading-page[data-v-3d838d0e] {
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
}
.loading-page .loader[data-v-3d838d0e] {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media (max-width: 480px) {
  .loading-page .loader[data-v-3d838d0e] {
    width: 150px;
  }
}
h1[data-v-3d838d0e] {
  margin: 0;
  padding: 0;
  font-family: ‘Arial Narrow’, sans-serif;
  font-weight: 100;
  font-size: 1.1em;
  color: #a3e1f0;
}
span[data-v-3d838d0e] {
  position: relative;
  top: 0.63em;
  display: inline-block;
  text-transform: uppercase;
  opacity: 0;
  transform: rotateX(-90deg);
}
.let1[data-v-3d838d0e] {
  animation: drop-3d838d0e 1.2s ease-in-out infinite;
  animation-delay: 1.2s;
}
.let2[data-v-3d838d0e] {
  animation: drop-3d838d0e 1.2s ease-in-out infinite;
  animation-delay: 1.3s;
}
.let3[data-v-3d838d0e] {
  animation: drop-3d838d0e 1.2s ease-in-out infinite;
  animation-delay: 1.4s;
}
.let4[data-v-3d838d0e] {
  animation: drop-3d838d0e 1.2s ease-in-out infinite;
  animation-delay: 1.5s;
}
.let5[data-v-3d838d0e] {
  animation: drop-3d838d0e 1.2s ease-in-out infinite;
  animation-delay: 1.6s;
}
.let6[data-v-3d838d0e] {
  animation: drop-3d838d0e 1.2s ease-in-out infinite;
  animation-delay: 1.7s;
}
.let7[data-v-3d838d0e] {
  animation: drop-3d838d0e 1.2s ease-in-out infinite;
  animation-delay: 1.8s;
}
@keyframes drop-3d838d0e {
  10% {
    opacity: 0.5;
  }
  20% {
    opacity: 1;
    top: 3.78em;
    transform: rotateX(-1turn);
  }
  80% {
    opacity: 1;
    top: 3.78em;
    transform: rotateX(-1turn);
  }
  90% {
    opacity: 0.5;
  }
  to {
    opacity: 0;
    top: 6.94em;
  }
}
.darkgold-theme .shadow-today {
  box-shadow: 0 0 15px #dfc88e;
}
.darkgold-theme .bd-daily-fix {
  border-color: #bfa56e !important;
  background: #0d0d09 !important;
}
.darkgold-theme .text-deposited-daily-fix {
  color: #7d7d7d;
}
.darkgold-theme .bg-table-daily-fix {
  background: #4e4e4e !important;
  color: #fff !important;
}
.darkgold-theme .text-daily-fix {
  color: #cfab55 !important;
}
.darkgold-theme .text-credit-daily {
  background: linear-gradient(180deg, #2e2e2e 0, #2e2e2e) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.darkgold-theme .text-color {
  color: #fff !important;
}
.darkgold-theme .text-template {
  color: #cfab55;
}
.darkgold-theme .text-theme {
  color: #2e2e2e;
}
.darkgold-theme .text-spcial {
  background: linear-gradient(180deg, #696969 0, #1a1c1c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkgold-theme .text-linear,
.darkgold-theme .text-linear-footer {
  background: linear-gradient(180deg, #dfc88e 0, #b1955f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkgold-theme .text-see-history {
  color: #fff;
}
.darkgold-theme .text-head-hisotry {
  color: #cfab55;
}
.darkgold-theme .text-tranfer {
  background: linear-gradient(180deg, #dfc88e 0, #b1955f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkgold-theme .text-color-icon,
.darkgold-theme .text-credit {
  background: linear-gradient(50deg, #bb995a, #fff7c4 50%, #ac894c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkgold-theme .bg-ball-choose-team,
.darkgold-theme .bg-credit {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(90deg, #dfc88e, #b1955f) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkgold-theme .bg-wallet {
  background: #2e2e2e;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
}
.darkgold-theme .bg-credit-free {
  background: linear-gradient(180deg, #dfc88e, #b1955f);
  border-radius: 0 0 10px 10px;
}
.darkgold-theme .recevied-com {
  background: rgba(209, 185, 128, 0.2);
  border-radius: 10px;
  border: 2px solid #d1b980;
  color: #cfab55;
}
.darkgold-theme .bg-card-commission {
  background: #2e2e2e;
}
.darkgold-theme .bg-turn {
  color: #fff;
  background: #2e2e2e;
  border-radius: 10px;
}
.darkgold-theme .bg-icon-index {
  background: #2e2e2e !important;
  border-radius: 10px !important;
}
.darkgold-theme .bg-con-turn {
  background: #0d0c09 !important;
}
.darkgold-theme .color-toogle {
  background: linear-gradient(180deg, #5cc875 0, #5cc875);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkgold-theme .tab-content > .active {
  display: block;
  background: #232323 !important;
}
.darkgold-theme .active-bg,
.darkgold-theme .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #626166, #3d3a3d) !important;
  color: #fff !important;
}
.darkgold-theme .tab-box {
  background-color: #2e2e2e;
  color: #7d7d7d;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.darkgold-theme .nav-tabs {
  border-bottom: 2px solid #4a484c !important;
}
.darkgold-theme .nav-tabs .nav-link {
  border: 0 !important;
  background: #2e2e2e !important;
  color: #7d7d7d !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.darkgold-theme .boder-right {
  height: 50px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.2509803922);
}
.darkgold-theme .btn-copy-bank {
  background: #2e2e2e;
  border-radius: 10px;
  color: #fff;
  width: max-content;
  border-color: #2e2e2e;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16);
}
.darkgold-theme .btn-money {
  border-color: #dfc88e;
  border-radius: 10px;
  background: rgba(209, 185, 128, 0.2);
  color: #dfc88e;
}
.darkgold-theme .active-btn-amount {
  background: linear-gradient(180deg, #dfc88e, #b1955f) !important;
  color: #2e2e2e !important;
  font-weight: 900;
}
.darkgold-theme .btn-topup-promptpay {
  border-color: #dfc88e;
  border-radius: 10px;
  background: linear-gradient(180deg, #dfc88e, #b1955f) !important;
  color: #2e2e2e;
}
.darkgold-theme .boder-color {
  border-color: #232323 !important;
}
.darkgold-theme .is-active-register {
  background: #c9b078 !important;
  border: 1px solid #bfa56e !important;
}
.darkgold-theme .b-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin: 0;
  outline: 0;
  transform: translateX(0);
  background: linear-gradient(180deg, #ab9766 0, #6f592e) !important;
}
.darkgold-theme .bg-info {
  color: #fff;
  background: #0d0c09 !important;
  padding: 5px;
  border-radius: 10px;
}
.darkgold-theme .btn-change {
  background: #2e2e2e;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}
.darkgold-theme .card-pro {
  background: #0d0c09;
  border-radius: 10px;
  color: #fff !important;
  font-weight: 400 !important;
  height: 13em;
}
.darkgold-theme .bg-lock {
  background: #cfab55;
  padding: 8px;
  border-radius: 18px;
  width: 40px;
}
.darkgold-theme .btn-cancel {
  background: #2e2e2e;
  border-radius: 10px;
  color: #cfab55 !important;
  border: 1px solid #cfab55;
}
.darkgold-theme .btn-cancel:hover {
  border-radius: 10px;
  color: #000 !important;
  border: 1px solid #000 !important;
}
.darkgold-theme .btn-theme-one {
  background: #bca16a;
  border-color: #2e2e2e !important;
  color: #fff;
  border-radius: 10px !important;
}
.darkgold-theme .btn-theme-two {
  color: #2e2e2e;
}
.darkgold-theme .btn-login,
.darkgold-theme .btn-theme-two {
  background: linear-gradient(180deg, #dfc88e, #b1955f);
  border-radius: 10px;
  border-color: #b1955f !important;
}
.darkgold-theme .btn-login {
  color: #2a2a2a;
}
.darkgold-theme .btn-theme-seemore {
  background: #565553;
  border-radius: 10px;
  color: #fff;
  border-color: #565553 !important;
}
.darkgold-theme .btn-copy {
  background: linear-gradient(180deg, #dfc88e, #b1955f) !important;
  border-radius: 0 10px 10px 0 !important;
  color: #000 !important;
  border: none;
}
.darkgold-theme .card {
  background: #232323 !important;
  color: #fff !important;
  filter: drop-shadow(0 0 1px #989898);
}
.darkgold-theme .bg-input-theme {
  background-color: #d1d1d1 !important;
}
.darkgold-theme .border-theme {
  border-radius: 15px !important;
}
.darkgold-theme .icon-activity {
  filter: invert(0);
  width: 20px;
}
.darkgold-theme .bg-table {
  background-color: #2c2c2c;
  border-radius: 10px;
  border: 0 solid #2c2c2c !important;
}
.darkgold-theme .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #000 !important;
  border-top: 0 solid #000 !important;
  padding: 4px 12px;
  background: #4e4e4e;
  color: #fff !important;
}
.darkgold-theme .table td {
  vertical-align: top;
  border-top: 0 solid #000 !important;
  color: #fff !important;
}
.darkgold-theme .Daily__item__box {
  position: relative;
  height: 75px;
  background: #2e2e2e;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
}
.darkgold-theme .Daily__item__box.active {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(90deg, #dfc88e, #b1955f) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.darkgold-theme .Daily__item__box.active-today {
  background: linear-gradient(180deg, #dfc88e, #b1955f);
  border: none !important;
}
.darkgold-theme .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2e2e2e;
  border-radius: 10px;
}
.darkgold-theme .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.darkgold-theme .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.darkgold-theme .text-daily {
  color: #fff;
}
.darkgold-theme .btn-reward {
  width: 85%;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
  cursor: pointer;
}
.darkgold-theme .bg-btn-point {
  background: #c2c2c2;
  border-radius: 20px;
  margin: 4px;
}
.darkgold-theme .bg-chosses {
  background-color: #232323;
  border-radius: 15px;
  filter: drop-shadow(0 1px 1px #989898);
  color: #fff;
}
.darkgold-theme .bg-hover:hover,
.darkgold-theme .btn-hover:focus {
  background-color: #3d3d3d;
}
.darkgold-theme .showSlide {
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 80%;
  background-color: #2c2c2c !important;
  display: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.darkgold-theme #modal-suscess-complain .modal-content,
.darkgold-theme #modalQuestionnaire .modal-content {
  background-color: #232323 !important;
}
.darkgold-theme .from-complain {
  display: block;
  width: 100%;
  height: calc(1.5em + 5rem + 10px) !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  background-color: #f4f4f4 !important;
  background-clip: padding-box;
  border: 1px solid #f4f4f4 !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darkgold-theme .btn-withdraw {
  background: linear-gradient(180deg, #dfc88e, #b1955f);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  color: #2e2e2e;
  border-color: #b1955f !important;
}
.darkgold-theme .cover-withdraw {
  background: #2e2e2e;
  border-radius: 0 0 10px 10px;
}
.darkgold-theme .hd-withdraw {
  background: #4e4e4e;
  border-radius: 10px 10px 0 0;
  color: #fff;
  padding: 10px;
  font-size: 18px;
}
.darkgold-theme .card-withdraw {
  background: #0d0c09 !important;
  color: #fff !important;
  border-radius: 5px;
}
.darkgold-theme .page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #d4bc83 !important;
  border-color: #d4bc83 !important;
}
.darkgold-theme .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #fff !important;
  background-color: #2e2e2e !important;
  border: 1px solid #232323 !important;
}
.darkgold-theme .custom-control-input:checked ~ .custom-control-label:before {
  color: #fff !important;
  border-color: #cfab55 !important;
  background-color: #cfab55 !important;
}
.darkgold-theme .boxcredit {
  background: rgba(34, 32, 32, 0.6);
  width: 55%;
}
.darkgold-theme .border-color {
  border: 2px solid #fdd166;
  border-radius: 10px;
}
.darkgold-theme .btn-box {
  background-image: linear-gradient(315deg, #dfc88e, #b1955f 74%);
  border-radius: 5px 25px;
  filter: drop-shadow(1px 2px 4px #e9c163);
  border-color: #dfc88e !important;
}
.darkgold-theme .breadcrumb {
  background-color: #0d0d09 !important;
}
.darkgold-theme .breadcrumb-item.active {
  color: #cfab55 !important;
}
.darkgold-theme .swal2-popup {
  background: #232323 !important;
}
.darkgold-theme .swal2-content,
.darkgold-theme .swal2-title {
  color: #fff !important;
}
.darkgold-theme .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #dfc88e, #b1955f) !important;
  border-radius: 10px !important;
  border-color: #fff !important;
  color: #fff !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.darkgold-theme .bg-body-modal {
  background: linear-gradient(180deg, #dfc88e, #b1955f);
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #2e2e2e !important;
  color: #2e2e2e;
}
.darkgold-theme .modal-content {
  border-radius: 1rem !important;
}
.darkgold-theme .bg-body,
.darkgold-theme .bg-body-promotion {
  background: #2e2e2e !important;
}
.darkgold-theme .bg-footer {
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: calc(1rem - 1px) !important;
  border-bottom-left-radius: calc(1rem - 1px) !important;
  background-color: #2e2e2e !important;
}
.darkgold-theme #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkgold-theme #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkgold-theme #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darkgold-theme #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkgold-theme #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkgold-theme #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darkgold-theme #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkgold-theme #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkgold-theme .card-bank {
  background: #2e2e2e;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
  border-radius: 7px;
}
.darkgold-theme .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid rgba(0, 0, 0, 0.125);
}
.darkgold-theme .swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid;
  border-radius: 50%;
}
.darkgold-theme .swal2-icon.swal2-success [class^="swal2-success-line"] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
}
.darkgold-theme .form-control {
  display: block;
  padding: 0.375rem 0.75rem;
  color: #232323 !important;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid #0d0c09 !important;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darkgold-theme .custom-select,
.darkgold-theme .form-control {
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.darkgold-theme .custom-select {
  display: inline-block;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  color: #fff !important;
  vertical-align: middle;
  background-color: #2e2e2e !important;
  border: 1px solid #2e2e2e !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(/_nuxt/img/sort-arrows.4ef9d5b.png) right 0.75rem
    center/8px 10px no-repeat;
}
.darkgold-theme .multiselect__tags {
  min-height: 40px;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  font-size: 14px;
}
.darkgold-theme .multiselect__content-wrapper,
.darkgold-theme .multiselect__tags {
  display: block;
  border: 1px solid #0d0c09 !important;
  background: #2e2e2e !important;
  color: #fff !important;
}
.darkgold-theme .multiselect__content-wrapper {
  position: absolute;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.darkgold-theme .multiselect__input,
.darkgold-theme .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #2e2e2e !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
  color: #fff;
}
.darkgold-theme .multiselect__option--highlight {
  background: #2e2e2e !important;
  outline: none;
  color: #fff !important;
}
.darkgold-theme #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.darkgold-theme .border-banner {
  border: 2px solid #dfc88e;
  border-radius: 10px;
}
.darkgold-theme .btn-secondary:hover {
  color: #fff;
  background-color: #dfc88e !important;
  border-color: none !important;
}
.darkgold-theme .btn-secondary.focus,
.darkgold-theme .btn-secondary:focus {
  color: #fff;
  background-color: #dfc88e !important;
  border-color: #dfc88e !important;
}
.darkgold-theme .bg-choose {
  background: #2e2e2e !important;
  color: #fff;
}
.darkgold-theme .btn-join-activity {
  background: linear-gradient(180deg, #dfc88e, #b1955f);
  border-radius: 0 0 10px 10px;
  color: #2e2e2e;
}
.darkgold-theme .bg-input {
  background: #2e2e2e !important;
  border-radius: 10px;
  color: #fff !important;
  border: none !important;
}
.darkgold-theme .bg-condition {
  background: #2e2e2e !important;
  color: #fff;
}
.darkgold-theme .header-login {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5019607843);
  border: 0 solid rgba(0, 0, 0, 0.125);
}
.darkgold-theme .footer-wrapper1 {
  height: auto;
}
.darkgold-theme .footer-wrapper,
.darkgold-theme .footer-wrapper1 {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.darkgold-theme .footer-wrapper {
  height: 58px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: #2e2e2e;
  box-shadow: 0 0 16px hsla(0, 0%, 41.2%, 0.55);
  z-index: 2;
}
.darkgold-theme .footer-wrapper .play-game {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 15px;
  text-align: center;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #bb995a, #fff7c4 50%, #ac894c);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
}
.darkgold-theme .footer-wrapper .play-game .play-game-box {
  display: table-cell;
  transform: rotate(316deg);
  vertical-align: middle;
}
.darkgold-theme .footer-wrapper .play-game .item-count {
  width: 30px;
  filter: invert(1);
}
.darkgold-theme .footer-wrapper .play-game-5 {
  border-radius: 30px;
  height: 50px;
  text-align: center;
  width: 50px;
  padding: 8px;
  background: linear-gradient(180deg, #bb995a, #fff7c4 50%, #ac894c);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
  position: absolute;
  top: -20px;
}
.darkgold-theme .footer-wrapper .play-game-5 .play-game-box-5 {
  display: table-cell;
  vertical-align: middle;
}
.darkgold-theme .footer-wrapper .play-game-5 .item-count {
  width: 34px;
  filter: invert(1);
}
.darkgold-theme a {
  color: #fff !important;
}
.darkgold-theme a:hover {
  color: --blue;
  text-decoration: none !important;
}
.darkgold-theme .bg-table-aff {
  background-color: #232323 !important;
  border: 0 solid #2c2c2c !important;
}
.darkgold-theme .border-left {
  border-left: 3px solid #cfab55 !important;
}
.darkgold-theme .border-solid {
  border: 1px solid #4e4e4e;
}
.darkgold-theme .bg-from-aff {
  display: inline-block;
  width: 50% !important;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  vertical-align: middle;
  background-color: #2e2e2e !important;
  border: 1px solid #2e2e2e !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.darkgold-theme .bg-in-aff {
  background: #c4c4c4;
  border-radius: 5px;
  color: #000;
  padding: 5px;
}
.darkgold-theme .icon-aff {
  position: absolute;
  top: 92px;
  left: 0;
  right: 0;
  color: #fff;
}
.darkgold-theme .btn-comein {
  position: absolute;
  bottom: -17%;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.darkgold-theme .bg-search {
  background-color: #2e2e2e !important;
}
.darkgold-theme .bg-from,
.darkgold-theme .bg-search {
  border: 1px solid #cfab55 !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff !important;
}
.darkgold-theme .bg-from {
  background-color: #2e2e2e !important;
  background: #464646 url(/_nuxt/img/dropdown.2ae9015.png) no-repeat right
    0.75rem center/10px 8px;
}
.darkgold-theme .search {
  position: absolute;
  right: 24px;
  color: #bdbdbd;
}
.darkgold-theme .card-point {
  background: #4e4e4e !important;
  filter: drop-shadow(0 0 0 #4e4e4e) !important;
  color: #fff !important;
  border-radius: 10px;
}
.darkgold-theme .bg-point {
  background: #dfc88e;
  border-radius: 20px;
  margin: 4px;
  color: #000;
}
.darkgold-theme .bg-card-his {
  background: #4e4e4e !important;
  color: #fff !important;
}
.darkgold-theme .card-nodata {
  background: #232323;
  color: #fff;
  padding: 80px;
  border-radius: 10px;
}
.darkgold-theme .action-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2%;
}
.darkgold-theme .action-wrapper__btn-spin {
  background-image: url(https://es-dev.vrbet.com/_nuxt/img/button.1e27aca.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 6vw;
  width: 14vw;
  margin-bottom: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.darkgold-theme .action-wrapper__btn-spin span {
  font-size: 3vw;
  color: #fff;
  -webkit-text-stroke: 3px #fff;
}
@media screen and (max-width: 992px) {
  .darkgold-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2.5px #fff;
    font-size: 6vw;
  }
}
@media screen and (max-width: 480px) {
  .darkgold-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2px #fff;
    font-size: 8vw;
  }
}
@media screen and (max-width: 992px) {
  .darkgold-theme .action-wrapper__btn-spin {
    margin-top: 3vw;
    width: 26vw;
    height: 12vw;
  }
}
@media screen and (max-width: 480px) {
  .darkgold-theme .action-wrapper__btn-spin {
    width: 40vw;
    height: 18vw;
  }
}
.darkgold-theme .action-wrapper__btn-spin.disabledbtn {
  cursor: not-allowed;
  filter: grayscale(1);
}
.darkgold-theme .glass-panel {
  color: #fff;
  margin: 40px auto;
  background-color: hsla(0, 0%, 100%, 0.06);
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  width: 100%;
  border-radius: 15px;
  padding: 32px;
  backdrop-filter: blur(10px);
}
.darkgold-theme .glass-button {
  display: inline-block;
  padding: 15px 18px;
  text-decoration: none;
  border-radius: 15px;
  background-color: #4e4e4e;
  border: 1px solid #000;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: #000;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}
.darkgold-theme .glass-button:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.darkgold-theme .glass-panel {
  max-width: 600px;
}
.darkgold-theme #background-wrap {
  bottom: 0;
  left: 0;
  padding-top: 50px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.darkgold-theme .x1 {
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 35s linear infinite;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  transform: scale(0.65);
}
.darkgold-theme .x2 {
  -webkit-animation: animateCloud 20s linear infinite;
  -moz-animation: animateCloud 20s linear infinite;
  animation: animateCloud 20s linear infinite;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.darkgold-theme .x3 {
  -webkit-animation: animateCloud 30s linear infinite;
  -moz-animation: animateCloud 30s linear infinite;
  animation: animateCloud 30s linear infinite;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.darkgold-theme .x4 {
  -webkit-animation: animateCloud 18s linear infinite;
  -moz-animation: animateCloud 18s linear infinite;
  animation: animateCloud 18s linear infinite;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.darkgold-theme .x5 {
  -webkit-animation: animateCloud 25s linear infinite;
  -moz-animation: animateCloud 25s linear infinite;
  animation: animateCloud 25s linear infinite;
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  transform: scale(0.55);
}
.darkgold-theme .cloud {
  background: #fff;
  background: -moz-linear-gradient(top, #fff 5%, #f1f1f1 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, #fff),
    color-stop(100%, #f1f1f1)
  );
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  height: 120px;
  position: relative;
  width: 350px;
}
.darkgold-theme .cloud:after,
.darkgold-theme .cloud:before {
  background: #fff;
  content: "";
  position: absolute;
  z-index: -1;
}
.darkgold-theme .cloud:after {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  height: 100px;
  left: 50px;
  top: -50px;
  width: 100px;
}
.darkgold-theme .cloud:before {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  width: 180px;
  height: 180px;
  right: 50px;
  top: -90px;
}
.darkgold-theme .bg-share-facebook {
  background-color: #2e2e2e !important;
  color: #fff !important;
}
.darkgold-theme .bg-game {
  background: #2e2e2e !important;
  border-radius: 10px !important;
  color: #bdbdbd !important;
  width: 80px;
  height: 67px;
}
.darkgold-theme .bg-game-active {
  background: linear-gradient(180deg, #dfc88e, #b1955f) !important;
  border-radius: 10px !important;
  color: #2e2e2e !important;
  width: 80px;
  height: 67px;
}
.darkgold-theme .bg-search-game {
  background-color: #2e2e2e !important;
  border-radius: 10px !important;
  color: #fff !important;
}
.darkgold-theme .unactive-footer {
  color: #bdbdbd;
}
.darkgold-theme .btn-aff-share {
  background: linear-gradient(270deg, #dfc88e, #b1955f);
  border-radius: 10px;
  color: #2e2e2e;
  border-color: #b1955f !important;
  filter: drop-shadow(0 0 5px #b1955f);
}
.darkgold-theme #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkgold-theme .btn-change-language {
  background-color: #2e2e2e !important;
  border: 1px solid #cfab55;
}
.darkgold-theme .card-money,
.darkgold-theme .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card\ copy.c4be5af.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.darkgold-theme .bg-iconuser {
  background: #fff;
  padding: 7px;
  border-radius: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #cfab55;
}
.darkgold-theme .content-lv {
  padding: 10px 0;
}
.darkgold-theme .border-bottom-aff {
  border-bottom: 1px solid #dfc88e;
}
.darkgold-theme .body-content {
  background: #fff;
  width: 70%;
  border-bottom-right-radius: 20px;
  padding: 0 39px;
  overflow: auto;
  max-height: 300px;
}
@media (max-width: 479px) {
  .darkgold-theme .body-content {
    width: 75%;
    padding: 0 10px;
  }
}
.darkgold-theme .active2 {
  color: #232323 !important;
  background: #fff !important;
  border-bottom-left-radius: 0 !important;
}
.darkgold-theme .tab-item {
  padding: 15px !important;
  font-size: 14px !important;
}
.darkgold-theme .tab-history-class {
  border-radius: 20px;
  color: #232323;
  border: 1px solid #b1955f;
}
.darkgold-theme .tab-item:last-child {
  border-bottom: 1px solid #c2c2c2;
  border-bottom-left-radius: 20px !important;
}
.darkgold-theme .tab-item,
.darkgold-theme .tab-item:last-child {
  cursor: pointer;
  color: #232323;
  background: linear-gradient(180deg, #dfc88e 0, #b1955f);
}
.darkgold-theme .tab-item {
  border-bottom: 1px solid #c2c2c2;
}
.darkgold-theme .header-aff {
  background: linear-gradient(180deg, #dfc88e 0, #b1955f);
  border-bottom: 1px solid #232323;
  border-radius: 20px 20px 0 0;
}
.darkgold-theme .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #c2c2c2;
  border-radius: 30rem !important;
}
.darkgold-theme .bg-aff-level {
  background: linear-gradient(#404040, #404040) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkgold-theme .bg-aff-level .nunber-friend {
  background: #626166;
  border-radius: 10px;
  color: #fff;
}
.darkgold-theme .bg-aff-level .turn-other {
  background: #0d0c09;
  border-radius: 10px;
}
.darkgold-theme .bg-aff-level .solid {
  border: 1px solid #bb995a;
  height: 40px;
}
.darkgold-theme .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #2e2e2e;
  color: #7d7d7d;
  padding: 5px;
}
.darkgold-theme .filters__button:hover {
  background-color: #2e2e2e;
}
.darkgold-theme .filters-content {
  background-color: #2e2e2e;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darkgold-theme .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #0d0c09;
  color: #7d7d7d;
  padding: 5px;
}
.darkgold-theme .filters__button2:hover {
  background-color: #0d0c09;
}
.darkgold-theme .filters [data-content] {
  display: none;
}
.darkgold-theme [data-content].is-active[data-content] {
  display: grid;
}
.darkgold-theme [data-target].is-active {
  background: linear-gradient(180deg, #626166, #3d3a3d);
  border-radius: 10px;
  color: #fff;
}
.darkgold-theme .condition-header {
  background: linear-gradient(
    109.63deg,
    #bb995a 3.68%,
    #fff7c4 47.76%,
    #ac894c 95.96%
  );
  border-radius: 5px;
  color: #2e2e2e;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.darkgold-theme .bg-wheel-condition {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(109.63deg, #bb995a 3.68%, #fff7c4 47.76%, #ac894c 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.darkgold-theme .btn-up-slip {
  color: #dfc88e;
  border: 2px solid #b1955f !important;
  background: 0 0 !important;
}
.darkgold-theme .btn-no-received {
  background: #373737;
  border-color: #373737;
  border-radius: 10px;
}
.darkgold-theme .btn-no-received:hover {
  background-color: #373737 !important;
  border-color: #373737 !important;
  border-radius: 10px !important;
}
.darkgold-theme .card-points {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkgold-theme .r-gold {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.darkgold-theme .r-gold,
.darkgold-theme .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.darkgold-theme .r-silver {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.darkgold-theme .r-copper {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.darkgold-theme .cycle-gold {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.darkgold-theme .cycle-gold,
.darkgold-theme .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.darkgold-theme .cycle-silver {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
}
.darkgold-theme .cycle-copper {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.darkgold-theme .btn-no-received:focus {
  background-color: #373737 !important;
  border-color: #373737 !important;
  border-radius: 10px !important;
}
.darkgold-theme .bg-pro {
  background: #373737;
  border-radius: 10px;
}
.darkgold-theme .filters-content-bg {
  background-color: #0d0c09;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darkgold-theme .is-unactive {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #0d0c09;
  color: #7d7d7d;
  padding: 5px;
}
.darkgold-theme .card-decimal {
  background: #ececec;
  box-shadow: 0 4px 10px rgba(13, 13, 9, 0.12);
  border-radius: 10px;
  color: #000 !important;
}
.darkgold-theme .card-transfer {
  background: #000;
  box-shadow: 0 4px 10px rgba(13, 13, 9, 0.12);
  border-radius: 10px;
  color: #fff !important;
}
.darkgold-theme .bg-choose-team {
  background: hsla(0, 0%, 100%, 0.3);
  border-radius: 5px;
  color: #fff;
  padding: 2px;
  margin: 4px;
}
.darkgold-theme .refesh {
  position: absolute;
  top: 3px;
  right: 12px;
}
.darkgold-theme .bagfree {
  position: absolute;
  top: 0;
  right: 6px;
}
.darkgold-theme .hexagon {
  position: relative;
  width: 55px;
  height: 28.7px;
  margin: 35.15px 0;
  border-left: 3.1421px solid #fff;
  border-right: 3.1421px solid #fff;
}
.darkgold-theme .hexagon:after,
.darkgold-theme .hexagon:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 38.35px;
  height: 38.35px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 5.8249px;
}
.darkgold-theme .hexagon:before {
  top: -19.1751px;
  border-top: 3.1421px solid #fff;
  border-right: 3.1421px solid #fff;
}
.darkgold-theme .hexagon:after {
  bottom: -19.1751px;
  border-bottom: 3.1421px solid #fff;
  border-left: 3.1421px solid #fff;
}
.darkgold-theme *,
.darkgold-theme :after,
.darkgold-theme :before {
  box-sizing: border-box;
}
.darkgold-theme .bg-month {
  background: #0d0c09;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #7d7d7d;
}
.darkgold-theme .bg-month-active {
  background: linear-gradient(#0d0c09, #0d0c09) padding-box,
    linear-gradient(90deg, #dfc88e, #b1955f) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #fff;
  border: 1px solid transparent;
}
.darkgold-theme .bagfree2 {
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 35px;
}
.darkgold-theme .btn.focus {
  box-shadow: 0 0 0 0.2rem rgba(46, 46, 46, 0.25) !important;
}
.darkgold-theme .arry-input {
  height: calc(1.5em + 5rem + 10px) !important;
  border-radius: 10px !important;
  color: #fff !important;
}
.darkcandy-theme .shadow-today {
  box-shadow: 0 0 15px #ef629f;
}
.darkcandy-theme .bd-daily-fix {
  border-color: #8e2955 !important;
  background: #0d0d09 !important;
}
.darkcandy-theme .text-deposited-daily-fix {
  color: #7d7d7d;
}
.darkcandy-theme .bg-table-daily-fix {
  background: #4e4e4e !important;
  color: #fff !important;
}
.darkcandy-theme .text-daily-fix {
  color: #bb377d !important;
}
.darkcandy-theme .text-credit-daily {
  background: linear-gradient(180deg, #2e2e2e 0, #2e2e2e) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.darkcandy-theme .text-color {
  color: #fff !important;
}
.darkcandy-theme .text-template {
  color: #bb377d;
}
.darkcandy-theme .text-theme {
  color: #fff;
}
.darkcandy-theme .text-spcial {
  background: linear-gradient(180deg, #696969 0, #1a1c1c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkcandy-theme .text-linear,
.darkcandy-theme .text-linear-footer {
  background: linear-gradient(180deg, #ef629f 0, #84234d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkcandy-theme .text-see-history {
  color: #fff;
}
.darkcandy-theme .text-head-hisotry {
  color: #bb377d;
}
.darkcandy-theme .text-tranfer {
  background: linear-gradient(180deg, #fff 0, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkcandy-theme .text-color-icon {
  background: linear-gradient(180deg, #bb995a, #fff7c4 50%, #ac894c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkcandy-theme .text-credit {
  background: linear-gradient(50deg, #bb995a, #fff7c4 50%, #ac894c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkcandy-theme .bg-ball-choose-team,
.darkcandy-theme .bg-credit {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(90deg, #ef629f, #84234d) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkcandy-theme .bg-wallet {
  background: #2e2e2e;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
  color: #fff;
}
.darkcandy-theme .bg-credit-free {
  background: linear-gradient(180deg, #ef629f, #84234d);
  border-radius: 0 0 10px 10px;
  color: #fff !important;
}
.darkcandy-theme .recevied-com {
  border-radius: 10px;
  border: 2px solid #bb995a;
  background: linear-gradient(50deg, #bb995a, #fff7c4 50%, #ac894c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkcandy-theme .bg-card-commission {
  background: #2e2e2e;
  color: #bb377d !important;
}
.darkcandy-theme .bg-turn {
  color: #fff;
  background: #2e2e2e;
  border-radius: 10px;
}
.darkcandy-theme .bg-icon-index {
  background: #2e2e2e !important;
  border-radius: 10px !important;
}
.darkcandy-theme .bg-con-turn {
  background: #0d0c09 !important;
}
.darkcandy-theme .color-toogle {
  background: linear-gradient(180deg, #5cc875 0, #5cc875);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkcandy-theme .tab-content > .active {
  display: block;
  background: #232323 !important;
}
.darkcandy-theme .active-bg,
.darkcandy-theme .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #626166, #3d3a3d) !important;
  color: #fff !important;
}
.darkcandy-theme .tab-box {
  background-color: #2e2e2e;
  color: #7d7d7d;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.darkcandy-theme .nav-tabs {
  border-bottom: 2px solid #4a484c !important;
}
.darkcandy-theme .nav-tabs .nav-link {
  border: 0 !important;
  background: #2e2e2e !important;
  color: #7d7d7d !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.darkcandy-theme .boder-right {
  height: 50px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.2509803922);
}
.darkcandy-theme .btn-copy-bank {
  background: #2e2e2e;
  border-radius: 10px;
  color: #fff;
  width: max-content;
  border-color: #2e2e2e;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16);
}
.darkcandy-theme .btn-money {
  border-color: #ef629f;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
  color: #ef629f;
}
.darkcandy-theme .active-btn-amount {
  background: linear-gradient(180deg, #ef629f, #84234d) !important;
  color: #f4f4f4 !important;
  font-weight: 900;
}
.darkcandy-theme .btn-topup-promptpay {
  border-color: #ef629f;
  border-radius: 10px;
  background: linear-gradient(180deg, #ef629f, #84234d) !important;
  color: #fff;
}
.darkcandy-theme .boder-color {
  border-color: #232323 !important;
}
.darkcandy-theme .is-active-register {
  background: #d5538b !important;
  border: 1px solid #8e2955 !important;
}
.darkcandy-theme .b-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin: 0;
  outline: 0;
  transform: translateX(0);
  background: linear-gradient(180deg, #ff7db5 0, #b6346c) !important;
}
.darkcandy-theme .bg-info {
  color: #fff;
  background: #0d0c09 !important;
  padding: 5px;
  border-radius: 10px;
}
.darkcandy-theme .btn-change {
  background: #2e2e2e;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}
.darkcandy-theme .card-pro {
  background: #0d0c09;
  border-radius: 10px;
  color: #fff !important;
  font-weight: 400 !important;
}
.darkcandy-theme .bg-lock {
  background: #bb377d;
  padding: 8px;
  border-radius: 20px;
  width: 40px;
}
.darkcandy-theme .btn-cancel {
  background: #2e2e2e;
  border-radius: 10px;
  color: #bb377d !important;
  border: 1px solid #bb377d;
}
.darkcandy-theme .btn-cancel:hover {
  border-radius: 10px;
  color: #000 !important;
  border: 1px solid #000 !important;
}
.darkcandy-theme .btn-theme-one {
  background: #bb377d;
  border-color: #2e2e2e !important;
  color: #fff;
  border-radius: 10px !important;
}
.darkcandy-theme .btn-login,
.darkcandy-theme .btn-theme-two {
  background: linear-gradient(180deg, #ef629f, #84234d);
  border-radius: 10px;
  color: #fff;
  border-color: #84234d !important;
}
.darkcandy-theme .btn-theme-seemore {
  background: #565553;
  border-radius: 10px;
  color: #fff;
  border-color: #565553 !important;
}
.darkcandy-theme .btn-copy {
  background: linear-gradient(180deg, #ef629f, #84234d) !important;
  border-radius: 0 10px 10px 0 !important;
  color: #fff !important;
  border: 0 solid #ef629f !important;
}
.darkcandy-theme .card {
  background: #232323 !important;
  color: #fff !important;
  filter: drop-shadow(0 0 1px #989898);
}
.darkcandy-theme .bg-input-theme {
  background-color: #d1d1d1 !important;
}
.darkcandy-theme .border-theme {
  border-radius: 15px !important;
}
.darkcandy-theme .icon-activity {
  filter: invert(0);
  width: 20px;
}
.darkcandy-theme .bg-table {
  background-color: #2c2c2c;
  border-radius: 10px;
  border: 0 solid #2c2c2c !important;
}
.darkcandy-theme .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #000 !important;
  border-top: 0 solid #000 !important;
  padding: 4px 12px;
  background: #4e4e4e;
  color: #fff !important;
}
.darkcandy-theme .table td {
  vertical-align: top;
  border-top: 0 solid #000 !important;
  color: #fff !important;
}
.darkcandy-theme .Daily__item__box {
  position: relative;
  height: 75px;
  background: #2e2e2e;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
}
.darkcandy-theme .Daily__item__box.active {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(90deg, #ef629f, #84234d) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.darkcandy-theme .Daily__item__box.active-today {
  background: linear-gradient(180deg, #ef629f, #84234d);
  border: none !important;
}
.darkcandy-theme .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2e2e2e;
  border-radius: 10px;
}
.darkcandy-theme .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.darkcandy-theme .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.darkcandy-theme .text-daily {
  color: #fff;
}
.darkcandy-theme .btn-reward {
  width: 85%;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
  cursor: pointer;
}
.darkcandy-theme .bg-btn-point {
  background: #c2c2c2;
  border-radius: 20px;
  margin: 4px;
}
.darkcandy-theme .bg-chosses {
  background-color: #232323;
  border-radius: 15px;
  filter: drop-shadow(0 1px 1px #989898);
  color: #fff;
}
.darkcandy-theme .bg-hover:hover,
.darkcandy-theme .btn-hover:focus {
  background-color: #3d3d3d;
}
.darkcandy-theme .showSlide {
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 80%;
  background-color: #2c2c2c !important;
  display: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.darkcandy-theme #modal-suscess-complain .modal-content,
.darkcandy-theme #modalQuestionnaire .modal-content {
  background-color: #232323 !important;
}
.darkcandy-theme .from-complain {
  display: block;
  width: 100%;
  height: calc(1.5em + 5rem + 10px) !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  background-color: #f4f4f4 !important;
  background-clip: padding-box;
  border: 1px solid #f4f4f4 !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darkcandy-theme .btn-withdraw {
  background: linear-gradient(180deg, #ef629f, #84234d);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  color: #fff;
  border-color: #84234d !important;
}
.darkcandy-theme .cover-withdraw {
  background: #2e2e2e;
  border-radius: 0 0 10px 10px;
}
.darkcandy-theme .hd-withdraw {
  background: #4e4e4e;
  border-radius: 10px 10px 0 0;
  color: #fff;
  padding: 10px;
}
.darkcandy-theme .card-withdraw {
  background: #0d0c09 !important;
  color: #fff !important;
  border-radius: 5px;
}
.darkcandy-theme .page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #ef629f !important;
  border-color: #ef629f !important;
}
.darkcandy-theme .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #fff !important;
  background-color: #2e2e2e !important;
  border: 1px solid #232323 !important;
}
.darkcandy-theme .custom-control-input:checked ~ .custom-control-label:before {
  color: #fff !important;
  border-color: #bb377d !important;
  background-color: #bb377d !important;
}
.darkcandy-theme .boxcredit {
  background: rgba(34, 32, 32, 0.6);
  width: 50%;
}
.darkcandy-theme .border-color {
  border: 2px solid #b23478;
  border-radius: 10px;
}
.darkcandy-theme .btn-box {
  background-image: linear-gradient(315deg, #ef629f, #84234d 74%);
  border-radius: 5px 25px;
  filter: drop-shadow(1px 2px 4px #b23478);
  border-color: #b30d68 !important;
}
.darkcandy-theme .breadcrumb {
  background-color: #0d0d09 !important;
}
.darkcandy-theme .breadcrumb-item.active {
  color: #bb377d !important;
}
.darkcandy-theme .swal2-popup {
  background: #232323 !important;
}
.darkcandy-theme .swal2-content,
.darkcandy-theme .swal2-title {
  color: #fff !important;
}
.darkcandy-theme .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #ef629f, #84234d) !important;
  border-radius: 10px !important;
  border-color: #fff !important;
  color: #fff !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.darkcandy-theme .bg-body-modal {
  background: linear-gradient(180deg, #ef629f, #84234d);
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #2e2e2e !important;
  color: #fff;
}
.darkcandy-theme .modal-content {
  border-radius: 1rem !important;
}
.darkcandy-theme .bg-body,
.darkcandy-theme .bg-body-promotion {
  background: #2e2e2e !important;
}
.darkcandy-theme .bg-footer {
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: calc(1rem - 1px) !important;
  border-bottom-left-radius: calc(1rem - 1px) !important;
  background-color: #2e2e2e !important;
}
.darkcandy-theme #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkcandy-theme #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkcandy-theme #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darkcandy-theme #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkcandy-theme #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkcandy-theme #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darkcandy-theme #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkcandy-theme #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkcandy-theme .card-bank {
  background: #2e2e2e;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}
.darkcandy-theme .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid rgba(0, 0, 0, 0.125);
}
.darkcandy-theme .swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid;
  border-radius: 50%;
}
.darkcandy-theme .swal2-icon.swal2-success [class^="swal2-success-line"] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
}
.darkcandy-theme .form-control {
  display: block;
  padding: 0.375rem 0.75rem;
  color: #232323 !important;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darkcandy-theme .custom-select,
.darkcandy-theme .form-control {
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  border: 1px solid #0d0c09 !important;
  border-radius: 0.25rem;
}
.darkcandy-theme .custom-select {
  display: inline-block;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  color: #fff !important;
  vertical-align: middle;
  background-color: #2e2e2e !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(https://i.imgur.com/ZS05XIa.png) right 0.75rem center/8px
    10px no-repeat;
}
.darkcandy-theme .multiselect__tags {
  min-height: 40px;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  font-size: 14px;
}
.darkcandy-theme .multiselect__content-wrapper,
.darkcandy-theme .multiselect__tags {
  display: block;
  border: 1px solid #0d0c09 !important;
  background: #2e2e2e !important;
  color: #fff !important;
}
.darkcandy-theme .multiselect__content-wrapper {
  position: absolute;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.darkcandy-theme .multiselect__input,
.darkcandy-theme .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #2e2e2e !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
  color: #fff;
}
.darkcandy-theme .multiselect__option--highlight {
  background: #232323 !important;
  outline: none;
  color: #fff !important;
}
.darkcandy-theme #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.darkcandy-theme .border-banner {
  border: 2px solid #ef629f;
  border-radius: 10px;
}
.darkcandy-theme .btn-secondary:hover {
  color: #fff;
  background-color: #ef629f !important;
  border-color: none !important;
}
.darkcandy-theme .btn-secondary.focus,
.darkcandy-theme .btn-secondary:focus {
  color: #fff;
  background-color: #ef629f !important;
  border-color: #ef629f !important;
}
.darkcandy-theme .bg-choose {
  background: #2e2e2e !important;
  color: #fff;
}
.darkcandy-theme .btn-join-activity {
  background: linear-gradient(180deg, #ef629f, #84234d);
  border-radius: 0 0 10px 10px;
  color: #fff;
}
.darkcandy-theme .bg-input {
  background: #2e2e2e !important;
  border-radius: 10px;
  color: #fff !important;
  border: none !important;
}
.darkcandy-theme .bg-condition {
  background: #2e2e2e !important;
  color: #fff;
}
.darkcandy-theme .header-login {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5019607843);
  border: 0 solid rgba(0, 0, 0, 0.125);
}
.darkcandy-theme .footer-wrapper1 {
  height: auto;
}
.darkcandy-theme .footer-wrapper,
.darkcandy-theme .footer-wrapper1 {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.darkcandy-theme .footer-wrapper {
  height: 58px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: #2e2e2e;
  box-shadow: 0 0 16px hsla(0, 0%, 41.2%, 0.55);
  z-index: 2;
}
.darkcandy-theme .footer-wrapper .play-game {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 15px;
  text-align: center;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #ef629f, #e45c96 50%, #84234d);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
}
.darkcandy-theme .footer-wrapper .play-game .play-game-box {
  display: table-cell;
  transform: rotate(316deg);
  vertical-align: middle;
}
.darkcandy-theme .footer-wrapper .play-game .item-count {
  width: 30px;
  filter: invert(0);
}
.darkcandy-theme .footer-wrapper .play-game-5 {
  border-radius: 30px;
  height: 50px;
  text-align: center;
  width: 50px;
  padding: 8px;
  background: linear-gradient(180deg, #ef629f, #e45c96 50%, #84234d);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
  position: absolute;
  top: -20px;
}
.darkcandy-theme .footer-wrapper .play-game-5 .play-game-box-5 {
  display: table-cell;
  vertical-align: middle;
}
.darkcandy-theme .footer-wrapper .play-game-5 .item-count {
  width: 34px;
  filter: invert(1);
}
.darkcandy-theme a {
  color: #fff !important;
}
.darkcandy-theme a:hover {
  color: --blue;
  text-decoration: none !important;
}
.darkcandy-theme .bg-table-aff {
  background-color: #232323 !important;
  border: 0 solid #2c2c2c !important;
}
.darkcandy-theme .border-left {
  border-left: 3px solid #bb377d !important;
}
.darkcandy-theme .border-solid {
  border: 1px solid #4e4e4e;
}
.darkcandy-theme .bg-from-aff {
  display: inline-block;
  width: 50% !important;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  vertical-align: middle;
  background-color: #2e2e2e !important;
  border: 1px solid #2e2e2e !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.darkcandy-theme .bg-in-aff {
  background: #c4c4c4;
  border-radius: 5px;
  color: #000;
  padding: 5px;
}
.darkcandy-theme .icon-aff {
  position: absolute;
  top: 92px;
  left: 0;
  right: 0;
  color: #fff;
}
.darkcandy-theme .btn-comein {
  position: absolute;
  bottom: -17%;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.darkcandy-theme .bg-search {
  background-color: #2e2e2e !important;
}
.darkcandy-theme .bg-from,
.darkcandy-theme .bg-search {
  border: 1px solid #bb377d !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff !important;
}
.darkcandy-theme .bg-from {
  background-color: #2e2e2e !important;
  background: #464646 url(/_nuxt/img/dropdown.2ae9015.png) no-repeat right
    0.75rem center/10px 8px;
}
.darkcandy-theme .search {
  position: absolute;
  right: 24px;
  color: #bdbdbd;
}
.darkcandy-theme .card-point {
  background: #4e4e4e !important;
  filter: drop-shadow(0 0 0 #4e4e4e) !important;
  color: #fff !important;
  border-radius: 10px;
}
.darkcandy-theme .bg-point {
  background: #ef629f;
  border-radius: 20px;
  margin: 4px;
  color: #000;
}
.darkcandy-theme .bg-card-his {
  background: #4e4e4e !important;
  color: #fff !important;
}
.darkcandy-theme .card-nodata {
  background: #232323;
  color: #fff;
  padding: 30px;
  border-radius: 10px;
}
.darkcandy-theme .action-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2%;
}
.darkcandy-theme .action-wrapper__btn-spin {
  background-image: url(https://es-dev.vrbet.com/_nuxt/img/button.1e27aca.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 6vw;
  width: 14vw;
  margin-bottom: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.darkcandy-theme .action-wrapper__btn-spin span {
  font-size: 3vw;
  color: #fff;
  -webkit-text-stroke: 3px #fff;
}
@media screen and (max-width: 992px) {
  .darkcandy-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2.5px #fff;
    font-size: 6vw;
  }
}
@media screen and (max-width: 480px) {
  .darkcandy-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2px #fff;
    font-size: 8vw;
  }
}
@media screen and (max-width: 992px) {
  .darkcandy-theme .action-wrapper__btn-spin {
    margin-top: 3vw;
    width: 26vw;
    height: 12vw;
  }
}
@media screen and (max-width: 480px) {
  .darkcandy-theme .action-wrapper__btn-spin {
    width: 40vw;
    height: 18vw;
  }
}
.darkcandy-theme .action-wrapper__btn-spin.disabledbtn {
  cursor: not-allowed;
  filter: grayscale(1);
}
.darkcandy-theme .glass-panel {
  color: #fff;
  margin: 40px auto;
  background-color: hsla(0, 0%, 100%, 0.06);
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  width: 100%;
  border-radius: 15px;
  padding: 32px;
  backdrop-filter: blur(10px);
}
.darkcandy-theme .glass-button {
  display: inline-block;
  padding: 15px 18px;
  text-decoration: none;
  border-radius: 15px;
  background-color: #4e4e4e;
  border: 1px solid #000;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: #000;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}
.darkcandy-theme .glass-button:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.darkcandy-theme .glass-panel {
  max-width: 600px;
}
.darkcandy-theme #background-wrap {
  bottom: 0;
  left: 0;
  padding-top: 50px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.darkcandy-theme .x1 {
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 35s linear infinite;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  transform: scale(0.65);
}
.darkcandy-theme .x2 {
  -webkit-animation: animateCloud 20s linear infinite;
  -moz-animation: animateCloud 20s linear infinite;
  animation: animateCloud 20s linear infinite;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.darkcandy-theme .x3 {
  -webkit-animation: animateCloud 30s linear infinite;
  -moz-animation: animateCloud 30s linear infinite;
  animation: animateCloud 30s linear infinite;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.darkcandy-theme .x4 {
  -webkit-animation: animateCloud 18s linear infinite;
  -moz-animation: animateCloud 18s linear infinite;
  animation: animateCloud 18s linear infinite;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.darkcandy-theme .x5 {
  -webkit-animation: animateCloud 25s linear infinite;
  -moz-animation: animateCloud 25s linear infinite;
  animation: animateCloud 25s linear infinite;
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  transform: scale(0.55);
}
.darkcandy-theme .cloud {
  background: #fff;
  background: -moz-linear-gradient(top, #fff 5%, #f1f1f1 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, #fff),
    color-stop(100%, #f1f1f1)
  );
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  height: 120px;
  position: relative;
  width: 350px;
}
.darkcandy-theme .cloud:after,
.darkcandy-theme .cloud:before {
  background: #fff;
  content: "";
  position: absolute;
  z-index: -1;
}
.darkcandy-theme .cloud:after {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  height: 100px;
  left: 50px;
  top: -50px;
  width: 100px;
}
.darkcandy-theme .cloud:before {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  width: 180px;
  height: 180px;
  right: 50px;
  top: -90px;
}
.darkcandy-theme .bg-share-facebook {
  background-color: #2e2e2e !important;
  color: #fff !important;
}
.darkcandy-theme .bg-game {
  background: #2e2e2e !important;
  border-radius: 10px !important;
  color: #bdbdbd !important;
  width: 80px;
  height: 67px;
}
.darkcandy-theme .bg-game-active {
  background: linear-gradient(180deg, #e972a5, #bd3671) !important;
  border-radius: 10px !important;
  color: #2e2e2e !important;
  width: 80px;
  height: 67px;
}
.darkcandy-theme .bg-search-game {
  background-color: #2e2e2e !important;
  border-radius: 10px !important;
  color: #fff !important;
}
.darkcandy-theme .unactive-footer {
  color: #bdbdbd;
}
.darkcandy-theme .btn-aff-share {
  background: linear-gradient(270deg, #ef629f, #84234d);
  border-radius: 10px;
  color: #2e2e2e;
  border-color: #84234d !important;
  filter: drop-shadow(0 0 5px #84234d);
}
.darkcandy-theme #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkcandy-theme .btn-change-language {
  background-color: #2e2e2e !important;
  border: 1px solid #bb377d;
}
.darkcandy-theme .card-money,
.darkcandy-theme .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card\ copy.c4be5af.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.darkcandy-theme .bg-iconuser {
  background: #fff;
  padding: 7px;
  border-radius: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #bb377d;
}
.darkcandy-theme .content-lv {
  padding: 10px 0;
}
.darkcandy-theme .border-bottom-aff {
  border-bottom: 1px solid #ef629f;
}
.darkcandy-theme .body-content {
  background: #fff;
  width: 70%;
  border-bottom-right-radius: 20px;
  padding: 0 39px;
  overflow: auto;
  max-height: 300px;
}
@media (max-width: 479px) {
  .darkcandy-theme .body-content {
    width: 75%;
    padding: 0 10px;
  }
}
.darkcandy-theme .active2 {
  color: #232323 !important;
  background: #fff !important;
  border-bottom-left-radius: 0 !important;
}
.darkcandy-theme .tab-item {
  padding: 15px !important;
  font-size: 14px !important;
}
.darkcandy-theme .tab-history-class {
  border-radius: 20px;
  color: #232323;
  border: 1px solid #84234d;
}
.darkcandy-theme .tab-item:last-child {
  border-bottom: 1px solid #c2c2c2;
  border-bottom-left-radius: 20px !important;
}
.darkcandy-theme .tab-item,
.darkcandy-theme .tab-item:last-child {
  cursor: pointer;
  color: #232323;
  background: linear-gradient(180deg, #ef629f 0, #84234d);
}
.darkcandy-theme .tab-item {
  border-bottom: 1px solid #c2c2c2;
}
.darkcandy-theme .header-aff {
  background: linear-gradient(180deg, #ef629f 0, #84234d);
  border-bottom: 1px solid #232323;
  border-radius: 20px 20px 0 0;
}
.darkcandy-theme .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #c2c2c2;
  border-radius: 30rem !important;
}
.darkcandy-theme .bg-aff-level {
  background: linear-gradient(#404040, #404040) padding-box,
    linear-gradient(90deg, #ef629f, #e45c96, #84234d) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkcandy-theme .bg-aff-level .nunber-friend {
  background: #626166;
  border-radius: 10px;
  color: #fff;
}
.darkcandy-theme .bg-aff-level .turn-other {
  background: #0d0c09;
  border-radius: 10px;
}
.darkcandy-theme .bg-aff-level .solid {
  border: 1px solid #ef629f;
  height: 40px;
}
.darkcandy-theme .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #2e2e2e;
  color: #7d7d7d;
  padding: 5px;
}
.darkcandy-theme .filters__button:hover {
  background-color: #2e2e2e;
}
.darkcandy-theme .filters-content {
  background-color: #2e2e2e;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darkcandy-theme .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #0d0c09;
  color: #7d7d7d;
  padding: 5px;
}
.darkcandy-theme .filters__button2:hover {
  background-color: #0d0c09;
}
.darkcandy-theme .filters [data-content] {
  display: none;
}
.darkcandy-theme [data-content].is-active[data-content] {
  display: grid;
}
.darkcandy-theme [data-target].is-active {
  background: linear-gradient(180deg, #626166, #3d3a3d);
  border-radius: 10px;
  color: #fff;
}
.darkcandy-theme .condition-header {
  background: linear-gradient(
    109.63deg,
    #ef629f 3.68%,
    #e45c96 47.76%,
    #84234d 95.96%
  );
  border-radius: 5px;
  color: #2e2e2e;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.darkcandy-theme .bg-wheel-condition {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(109.63deg, #ef629f 3.68%, #e45c96 47.76%, #84234d 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.darkcandy-theme .btn-up-slip {
  color: #ef629f;
  border: 2px solid #84234d !important;
  background: 0 0 !important;
}
.darkcandy-theme .btn-no-received {
  background: #373737;
  border-color: #373737;
  border-radius: 10px;
}
.darkcandy-theme .btn-no-received:focus,
.darkcandy-theme .btn-no-received:hover {
  background-color: #373737 !important;
  border-color: #373737 !important;
  border-radius: 10px !important;
}
.darkcandy-theme .bg-pro {
  background: #373737;
  border-radius: 10px;
}
.darkcandy-theme .filters-content-bg {
  background-color: #0d0c09;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darkcandy-theme .is-unactive {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #0d0c09;
  color: #7d7d7d;
  padding: 5px;
}
.darkcandy-theme .card-points {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkcandy-theme .r-gold {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.darkcandy-theme .r-gold,
.darkcandy-theme .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.darkcandy-theme .r-silver {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.darkcandy-theme .r-copper {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.darkcandy-theme .cycle-gold {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.darkcandy-theme .cycle-gold,
.darkcandy-theme .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.darkcandy-theme .cycle-silver {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
}
.darkcandy-theme .cycle-copper {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.darkcandy-theme .card-decimal {
  background: #ececec;
  box-shadow: 0 4px 10px rgba(13, 13, 9, 0.12);
  border-radius: 10px;
  color: #000 !important;
}
.darkcandy-theme .card-transfer {
  background: #000;
  box-shadow: 0 4px 10px rgba(13, 13, 9, 0.12);
  border-radius: 10px;
  color: #fff !important;
}
.darkcandy-theme .bg-choose-team {
  background: hsla(0, 0%, 100%, 0.3);
  border-radius: 5px;
  color: #fff;
  padding: 2px;
  margin: 4px;
}
.darkcandy-theme .refesh {
  position: absolute;
  top: 3px;
  right: 12px;
}
.darkcandy-theme .bagfree {
  position: absolute;
  top: 0;
  right: 6px;
}
.darkcandy-theme .hexagon {
  position: relative;
  width: 55px;
  height: 28.7px;
  margin: 35.15px 0;
  border-left: 3.1421px solid #fff;
  border-right: 3.1421px solid #fff;
}
.darkcandy-theme .hexagon:after,
.darkcandy-theme .hexagon:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 38.35px;
  height: 38.35px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 5.8249px;
}
.darkcandy-theme .hexagon:before {
  top: -19.1751px;
  border-top: 3.1421px solid #fff;
  border-right: 3.1421px solid #fff;
}
.darkcandy-theme .hexagon:after {
  bottom: -19.1751px;
  border-bottom: 3.1421px solid #fff;
  border-left: 3.1421px solid #fff;
}
.darkcandy-theme *,
.darkcandy-theme :after,
.darkcandy-theme :before {
  box-sizing: border-box;
}
.darkcandy-theme .bg-month {
  background: #0d0c09;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #7d7d7d;
}
.darkcandy-theme .bg-month-active {
  background: linear-gradient(#0d0c09, #0d0c09) padding-box,
    linear-gradient(90deg, #ef629f, #84234d) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #fff;
  border: 1px solid transparent;
}
.darkcandy-theme .bagfree2 {
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 35px;
}
.darkcandy-theme .btn.focus {
  box-shadow: 0 0 0 0.2rem rgba(46, 46, 46, 0.25) !important;
}
.darkcandy-theme .arry-input {
  height: calc(1.5em + 5rem + 10px) !important;
  border-radius: 10px !important;
  color: #fff !important;
}
.darkemerald-theme .shadow-today {
  box-shadow: 0 0 15px #24c28a;
}
.darkemerald-theme .bd-daily-fix {
  border-color: #348f50 !important;
  background: #0d0d09 !important;
}
.darkemerald-theme .text-deposited-daily-fix {
  color: #7d7d7d;
}
.darkemerald-theme .bg-table-daily-fix {
  background: #4e4e4e !important;
  color: #fff !important;
}
.darkemerald-theme .text-daily-fix {
  color: #1d976c !important;
}
.darkemerald-theme .text-credit-daily {
  background: linear-gradient(180deg, #2e2e2e 0, #2e2e2e) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.darkemerald-theme .text-color {
  color: #fff !important;
}
.darkemerald-theme .text-template {
  color: #1d976c;
}
.darkemerald-theme .text-theme {
  color: #fff;
}
.darkemerald-theme .text-spcial {
  background: linear-gradient(180deg, #696969 0, #1a1c1c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkemerald-theme .text-linear,
.darkemerald-theme .text-linear-footer {
  background: linear-gradient(180deg, #24c28a 0, #08615a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkemerald-theme .text-see-history {
  color: #fff;
}
.darkemerald-theme .text-head-hisotry {
  color: #1d976c;
}
.darkemerald-theme .text-tranfer {
  background: linear-gradient(180deg, #fff 0, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkemerald-theme .text-color-icon {
  background: linear-gradient(180deg, #bb995a, #fff7c4 50%, #ac894c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkemerald-theme .text-credit {
  background: linear-gradient(50deg, #bb995a, #fff7c4 50%, #ac894c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkemerald-theme .bg-ball-choose-team,
.darkemerald-theme .bg-credit {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(90deg, #24c28a, #08615a) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkemerald-theme .bg-wallet {
  background: #2e2e2e;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
  color: #fff;
}
.darkemerald-theme .bg-credit-free {
  background: linear-gradient(180deg, #24c28a, #08615a);
  border-radius: 0 0 10px 10px;
  color: #fff !important;
}
.darkemerald-theme .recevied-com {
  border-radius: 10px;
  border: 2px solid #bb995a;
  background: linear-gradient(50deg, #bb995a, #fff7c4 50%, #ac894c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkemerald-theme .bg-card-commission {
  background: #2e2e2e;
  color: #1d976c !important;
}
.darkemerald-theme .bg-turn {
  color: #fff;
  background: #2e2e2e;
  border-radius: 10px;
}
.darkemerald-theme .bg-icon-index {
  background: #2e2e2e !important;
  border-radius: 10px !important;
}
.darkemerald-theme .bg-con-turn {
  background: #0d0c09 !important;
}
.darkemerald-theme .color-toogle {
  background: linear-gradient(180deg, #5cc875 0, #5cc875);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkemerald-theme .tab-content > .active {
  display: block;
  background: #232323 !important;
}
.darkemerald-theme .active-bg,
.darkemerald-theme .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #626166, #3d3a3d) !important;
  color: #fff !important;
}
.darkemerald-theme .tab-box {
  background-color: #2e2e2e;
  color: #7d7d7d;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.darkemerald-theme .nav-tabs {
  border-bottom: 2px solid #4a484c !important;
}
.darkemerald-theme .nav-tabs .nav-link {
  border: 0 !important;
  background: #2e2e2e !important;
  color: #7d7d7d !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.darkemerald-theme .boder-right {
  height: 50px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.2509803922);
}
.darkemerald-theme .btn-copy-bank {
  background: #2e2e2e;
  border-radius: 10px;
  color: #fff;
  width: max-content;
  border-color: #2e2e2e;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16);
}
.darkemerald-theme .btn-money {
  border-color: #24c28a;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
  color: #24c28a;
}
.darkemerald-theme .active-btn-amount {
  background: linear-gradient(180deg, #24c28a, #08615a) !important;
  color: #f4f4f4 !important;
  font-weight: 900;
}
.darkemerald-theme .btn-topup-promptpay {
  border-color: #24c28a;
  border-radius: 10px;
  background: linear-gradient(180deg, #24c28a, #08615a) !important;
  color: #fff;
}
.darkemerald-theme .boder-color {
  border-color: #232323 !important;
}
.darkemerald-theme .is-active-register {
  background: #348f50 !important;
  border: 1px solid #348f50 !important;
}
.darkemerald-theme .b-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin: 0;
  outline: 0;
  transform: translateX(0);
  background: linear-gradient(180deg, #02db8e 0, #008379) !important;
}
.darkemerald-theme .bg-info {
  color: #fff;
  background: #0d0c09 !important;
  padding: 5px;
  border-radius: 10px;
}
.darkemerald-theme .btn-change {
  background: #2e2e2e;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}
.darkemerald-theme .card-pro {
  background: #0d0c09;
  border-radius: 10px;
  color: #fff !important;
  font-weight: 400 !important;
}
.darkemerald-theme .bg-lock {
  background: #1d976c;
  padding: 8px;
  border-radius: 20px;
  width: 40px;
}
.darkemerald-theme .btn-cancel {
  background: #2e2e2e;
  border-radius: 10px;
  color: #1d976c !important;
  border: 1px solid #1d976c;
}
.darkemerald-theme .btn-cancel:hover {
  border-radius: 10px;
  color: #000 !important;
  border: 1px solid #000 !important;
}
.darkemerald-theme .btn-theme-one {
  background: #168b6f;
  border-color: #2e2e2e !important;
  color: #fff;
  border-radius: 10px !important;
}
.darkemerald-theme .btn-login,
.darkemerald-theme .btn-theme-two {
  background: linear-gradient(180deg, #24c28a, #08615a);
  border-radius: 10px;
  color: #fff;
  border-color: #08615a !important;
}
.darkemerald-theme .btn-theme-seemore {
  background: #565553;
  border-radius: 10px;
  color: #fff;
  border-color: #565553 !important;
}
.darkemerald-theme .btn-copy {
  background: linear-gradient(180deg, #24c28a, #08615a) !important;
  border-radius: 0 10px 10px 0 !important;
  color: #fff !important;
  border: 0 solid #24c28a !important;
}
.darkemerald-theme .card {
  background: #232323 !important;
  color: #fff !important;
  filter: drop-shadow(0 0 1px #989898);
}
.darkemerald-theme .bg-input-theme {
  background-color: #d1d1d1 !important;
}
.darkemerald-theme .border-theme {
  border-radius: 15px !important;
}
.darkemerald-theme .icon-activity {
  filter: invert(0);
  width: 20px;
}
.darkemerald-theme .bg-table {
  background-color: #2c2c2c;
  border-radius: 10px;
  border: 0 solid #2c2c2c !important;
}
.darkemerald-theme .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #000 !important;
  border-top: 0 solid #000 !important;
  padding: 4px 12px;
  background: #4e4e4e;
  color: #fff !important;
}
.darkemerald-theme .table td {
  vertical-align: top;
  border-top: 0 solid #000 !important;
  color: #fff !important;
}
.darkemerald-theme .Daily__item__box {
  position: relative;
  height: 75px;
  background: #2e2e2e;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
}
.darkemerald-theme .Daily__item__box.active {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(90deg, #24c28a, #08615a) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.darkemerald-theme .Daily__item__box.active-today {
  background: linear-gradient(180deg, #24c28a, #08615a);
  border: none !important;
}
.darkemerald-theme .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2e2e2e;
  border-radius: 10px;
}
.darkemerald-theme .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.darkemerald-theme .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.darkemerald-theme .text-daily {
  color: #fff;
}
.darkemerald-theme .btn-reward {
  width: 85%;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
  cursor: pointer;
}
.darkemerald-theme .bg-btn-point {
  background: #c2c2c2;
  border-radius: 20px;
  margin: 4px;
}
.darkemerald-theme .bg-chosses {
  background-color: #232323;
  border-radius: 15px;
  filter: drop-shadow(0 1px 1px #989898);
  color: #fff;
}
.darkemerald-theme .bg-hover:hover,
.darkemerald-theme .btn-hover:focus {
  background-color: #3d3d3d;
}
.darkemerald-theme .showSlide {
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 80%;
  background-color: #2c2c2c !important;
  display: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.darkemerald-theme #modal-suscess-complain .modal-content,
.darkemerald-theme #modalQuestionnaire .modal-content {
  background-color: #232323 !important;
}
.darkemerald-theme .from-complain {
  display: block;
  width: 100%;
  height: calc(1.5em + 5rem + 10px) !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  background-color: #f4f4f4 !important;
  background-clip: padding-box;
  border: 1px solid #f4f4f4 !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darkemerald-theme .btn-withdraw {
  background: linear-gradient(180deg, #24c28a, #08615a);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  color: #fff;
  border-color: #08615a !important;
}
.darkemerald-theme .cover-withdraw {
  background: #2e2e2e;
  border-radius: 0 0 10px 10px;
}
.darkemerald-theme .hd-withdraw {
  background: #4e4e4e;
  border-radius: 10px 10px 0 0;
  color: #fff;
  padding: 10px;
}
.darkemerald-theme .card-withdraw {
  background: #0d0c09 !important;
  color: #fff !important;
  border-radius: 5px;
}
.darkemerald-theme .page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #1b9b8c !important;
  border-color: #1b9b8c !important;
}
.darkemerald-theme .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #fff !important;
  background-color: #2e2e2e !important;
  border: 1px solid #232323 !important;
}
.darkemerald-theme
  .custom-control-input:checked
  ~ .custom-control-label:before {
  color: #fff !important;
  border-color: #1d976c !important;
  background-color: #1d976c !important;
}
.darkemerald-theme .boxcredit {
  background: rgba(34, 32, 32, 0.6);
  width: 50%;
}
.darkemerald-theme .border-color {
  border: 2px solid #22976c;
  border-radius: 10px;
}
.darkemerald-theme .btn-box {
  background-image: linear-gradient(315deg, #24c28a, #08615a 74%);
  border-radius: 5px 25px;
  filter: drop-shadow(1px 2px 4px #93f9b9);
  border-color: #24c28a !important;
}
.darkemerald-theme .breadcrumb {
  background-color: #0d0d09 !important;
}
.darkemerald-theme .breadcrumb-item.active {
  color: #1d976c !important;
}
.darkemerald-theme .swal2-popup {
  background: #232323 !important;
}
.darkemerald-theme .swal2-content,
.darkemerald-theme .swal2-title {
  color: #fff !important;
}
.darkemerald-theme .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #24c28a, #08615a) !important;
  border-radius: 10px !important;
  border-color: #fff !important;
  color: #fff !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.darkemerald-theme .bg-body-modal {
  background: linear-gradient(180deg, #24c28a, #08615a);
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #2e2e2e !important;
  color: #fff;
}
.darkemerald-theme .modal-content {
  border-radius: 1rem !important;
}
.darkemerald-theme .bg-body,
.darkemerald-theme .bg-body-promotion {
  background: #2e2e2e !important;
}
.darkemerald-theme .bg-footer {
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: calc(1rem - 1px) !important;
  border-bottom-left-radius: calc(1rem - 1px) !important;
  background-color: #2e2e2e !important;
}
.darkemerald-theme #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkemerald-theme #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkemerald-theme #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darkemerald-theme #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkemerald-theme #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkemerald-theme #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darkemerald-theme #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkemerald-theme #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkemerald-theme .card-bank {
  background: #2e2e2e;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}
.darkemerald-theme .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid rgba(0, 0, 0, 0.125);
}
.darkemerald-theme .swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid;
  border-radius: 50%;
}
.darkemerald-theme .swal2-icon.swal2-success [class^="swal2-success-line"] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
}
.darkemerald-theme .form-control {
  display: block;
  padding: 0.375rem 0.75rem;
  color: #232323 !important;
  background-color: #2e2e2e;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darkemerald-theme .custom-select,
.darkemerald-theme .form-control {
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  border: 1px solid #0d0c09 !important;
  border-radius: 0.25rem;
}
.darkemerald-theme .custom-select {
  display: inline-block;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  color: #fff !important;
  vertical-align: middle;
  background-color: #2e2e2e !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(https://i.imgur.com/ZS05XIa.png) right 0.75rem center/8px
    10px no-repeat;
}
.darkemerald-theme .multiselect__tags {
  min-height: 40px;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  font-size: 14px;
}
.darkemerald-theme .multiselect__content-wrapper,
.darkemerald-theme .multiselect__tags {
  display: block;
  border: 1px solid #0d0c09 !important;
  background: #2e2e2e !important;
  color: #fff !important;
}
.darkemerald-theme .multiselect__content-wrapper {
  position: absolute;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.darkemerald-theme .multiselect__input,
.darkemerald-theme .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #2e2e2e !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
  color: #fff;
}
.darkemerald-theme .multiselect__option--highlight {
  background: #232323 !important;
  outline: none;
  color: #fff !important;
}
.darkemerald-theme #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.darkemerald-theme .border-banner {
  border: 2px solid #24c28a;
  border-radius: 10px;
}
.darkemerald-theme .btn-secondary:hover {
  color: #fff;
  background-color: #24c28a !important;
  border-color: none !important;
}
.darkemerald-theme .btn-secondary.focus,
.darkemerald-theme .btn-secondary:focus {
  color: #fff;
  background-color: #24c28a !important;
  border-color: #24c28a !important;
}
.darkemerald-theme .bg-choose {
  background: #2e2e2e !important;
  color: #fff;
}
.darkemerald-theme .btn-join-activity {
  background: linear-gradient(180deg, #24c28a, #08615a);
  border-radius: 0 0 10px 10px;
  color: #fff;
}
.darkemerald-theme .bg-input {
  background: #2e2e2e !important;
  border-radius: 10px;
  color: #fff !important;
  border: none !important;
}
.darkemerald-theme .bg-condition {
  background: #2e2e2e !important;
  color: #fff;
}
.darkemerald-theme .header-login {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5019607843);
  border: 0 solid rgba(0, 0, 0, 0.125);
}
.darkemerald-theme .footer-wrapper1 {
  height: auto;
}
.darkemerald-theme .footer-wrapper,
.darkemerald-theme .footer-wrapper1 {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.darkemerald-theme .footer-wrapper {
  height: 58px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: #2e2e2e;
  box-shadow: 0 0 16px hsla(0, 0%, 41.2%, 0.55);
  z-index: 2;
}
.darkemerald-theme .footer-wrapper .play-game {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 15px;
  text-align: center;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #24c28a, #168b6e 50%, #08615a);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
}
.darkemerald-theme .footer-wrapper .play-game .play-game-box {
  display: table-cell;
  transform: rotate(316deg);
  vertical-align: middle;
}
.darkemerald-theme .footer-wrapper .play-game .item-count {
  width: 30px;
  filter: invert(0);
}
.darkemerald-theme .footer-wrapper .play-game-5 {
  border-radius: 30px;
  height: 50px;
  text-align: center;
  width: 50px;
  padding: 8px;
  background: linear-gradient(180deg, #24c28a, #168b6e 50%, #08615a);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
  position: absolute;
  top: -20px;
}
.darkemerald-theme .footer-wrapper .play-game-5 .play-game-box-5 {
  display: table-cell;
  vertical-align: middle;
}
.darkemerald-theme .footer-wrapper .play-game-5 .item-count {
  width: 34px;
  filter: invert(1);
}
.darkemerald-theme a {
  color: #fff !important;
}
.darkemerald-theme a:hover {
  color: --blue;
  text-decoration: none !important;
}
.darkemerald-theme .bg-table-aff {
  background-color: #232323 !important;
  border: 0 solid #2c2c2c !important;
}
.darkemerald-theme .border-left {
  border-left: 3px solid #1d976c !important;
}
.darkemerald-theme .border-solid {
  border: 1px solid #4e4e4e;
}
.darkemerald-theme .bg-from-aff {
  display: inline-block;
  width: 50% !important;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  vertical-align: middle;
  background-color: #2e2e2e !important;
  border: 1px solid #2e2e2e !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.darkemerald-theme .bg-in-aff {
  background: #c4c4c4;
  border-radius: 5px;
  color: #000;
  padding: 5px;
}
.darkemerald-theme .icon-aff {
  position: absolute;
  top: 92px;
  left: 0;
  right: 0;
  color: #fff;
}
.darkemerald-theme .btn-comein {
  position: absolute;
  bottom: -17%;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.darkemerald-theme .bg-search {
  background-color: #2e2e2e !important;
}
.darkemerald-theme .bg-from,
.darkemerald-theme .bg-search {
  border: 1px solid #1d976c !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff !important;
}
.darkemerald-theme .bg-from {
  background-color: #2e2e2e !important;
  background: #464646 url(/_nuxt/img/dropdown.2ae9015.png) no-repeat right
    0.75rem center/10px 8px;
}
.darkemerald-theme .search {
  position: absolute;
  right: 24px;
  color: #bdbdbd;
}
.darkemerald-theme .card-point {
  background: #4e4e4e !important;
  filter: drop-shadow(0 0 0 #4e4e4e) !important;
  color: #fff !important;
  border-radius: 10px;
}
.darkemerald-theme .bg-point {
  background: #24c28a;
  border-radius: 20px;
  margin: 4px;
  color: #000;
}
.darkemerald-theme .bg-card-his {
  background: #4e4e4e !important;
  color: #fff !important;
}
.darkemerald-theme .card-nodata {
  background: #232323;
  color: #fff;
  padding: 80px;
  border-radius: 10px;
}
.darkemerald-theme .action-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2%;
}
.darkemerald-theme .action-wrapper__btn-spin {
  background-image: url(https://es-dev.vrbet.com/_nuxt/img/button.1e27aca.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 6vw;
  width: 14vw;
  margin-bottom: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.darkemerald-theme .action-wrapper__btn-spin span {
  font-size: 3vw;
  color: #fff;
  -webkit-text-stroke: 3px #fff;
}
@media screen and (max-width: 992px) {
  .darkemerald-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2.5px #fff;
    font-size: 6vw;
  }
}
@media screen and (max-width: 480px) {
  .darkemerald-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2px #fff;
    font-size: 8vw;
  }
}
@media screen and (max-width: 992px) {
  .darkemerald-theme .action-wrapper__btn-spin {
    margin-top: 3vw;
    width: 26vw;
    height: 12vw;
  }
}
@media screen and (max-width: 480px) {
  .darkemerald-theme .action-wrapper__btn-spin {
    width: 40vw;
    height: 18vw;
  }
}
.darkemerald-theme .action-wrapper__btn-spin.disabledbtn {
  cursor: not-allowed;
  filter: grayscale(1);
}
.darkemerald-theme .glass-panel {
  color: #fff;
  margin: 40px auto;
  background-color: hsla(0, 0%, 100%, 0.06);
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  width: 100%;
  border-radius: 15px;
  padding: 32px;
  backdrop-filter: blur(10px);
}
.darkemerald-theme .glass-button {
  display: inline-block;
  padding: 15px 18px;
  text-decoration: none;
  border-radius: 15px;
  background-color: #4e4e4e;
  border: 1px solid #000;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: #000;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}
.darkemerald-theme .glass-button:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.darkemerald-theme .glass-panel {
  max-width: 600px;
}
.darkemerald-theme #background-wrap {
  bottom: 0;
  left: 0;
  padding-top: 50px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.darkemerald-theme .x1 {
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 35s linear infinite;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  transform: scale(0.65);
}
.darkemerald-theme .x2 {
  -webkit-animation: animateCloud 20s linear infinite;
  -moz-animation: animateCloud 20s linear infinite;
  animation: animateCloud 20s linear infinite;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.darkemerald-theme .x3 {
  -webkit-animation: animateCloud 30s linear infinite;
  -moz-animation: animateCloud 30s linear infinite;
  animation: animateCloud 30s linear infinite;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.darkemerald-theme .x4 {
  -webkit-animation: animateCloud 18s linear infinite;
  -moz-animation: animateCloud 18s linear infinite;
  animation: animateCloud 18s linear infinite;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.darkemerald-theme .x5 {
  -webkit-animation: animateCloud 25s linear infinite;
  -moz-animation: animateCloud 25s linear infinite;
  animation: animateCloud 25s linear infinite;
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  transform: scale(0.55);
}
.darkemerald-theme .cloud {
  background: #fff;
  background: -moz-linear-gradient(top, #fff 5%, #f1f1f1 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, #fff),
    color-stop(100%, #f1f1f1)
  );
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  height: 120px;
  position: relative;
  width: 350px;
}
.darkemerald-theme .cloud:after,
.darkemerald-theme .cloud:before {
  background: #fff;
  content: "";
  position: absolute;
  z-index: -1;
}
.darkemerald-theme .cloud:after {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  height: 100px;
  left: 50px;
  top: -50px;
  width: 100px;
}
.darkemerald-theme .cloud:before {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  width: 180px;
  height: 180px;
  right: 50px;
  top: -90px;
}
.darkemerald-theme .bg-share-facebook {
  background-color: #2e2e2e !important;
  color: #fff !important;
}
.darkemerald-theme .bg-game {
  background: #2e2e2e !important;
  border-radius: 10px !important;
  color: #bdbdbd !important;
  width: 80px;
  height: 67px;
}
.darkemerald-theme .bg-game-active {
  background: linear-gradient(180deg, #29d195, #0e998c) !important;
  border-radius: 10px !important;
  color: #2e2e2e !important;
  width: 80px;
  height: 67px;
}
.darkemerald-theme .bg-search-game {
  background-color: #2e2e2e !important;
  border-radius: 10px !important;
  color: #fff !important;
}
.darkemerald-theme .unactive-footer {
  color: #bdbdbd;
}
.darkemerald-theme .btn-aff-share {
  background: linear-gradient(270deg, #24c28a, #08615a);
  border-radius: 10px;
  color: #2e2e2e;
  border-color: #08615a !important;
  filter: drop-shadow(0 0 5px #08615a);
}
.darkemerald-theme #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkemerald-theme .btn-change-language {
  background-color: #2e2e2e !important;
  border: 1px solid #1d976c;
}
.darkemerald-theme .card-money,
.darkemerald-theme .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card\ copy.c4be5af.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.darkemerald-theme .bg-iconuser {
  background: #fff;
  padding: 7px;
  border-radius: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #1d976c;
}
.darkemerald-theme .content-lv {
  padding: 10px 0;
}
.darkemerald-theme .border-bottom-aff {
  border-bottom: 1px solid #24c28a;
}
.darkemerald-theme .body-content {
  background: #fff;
  width: 70%;
  border-bottom-right-radius: 20px;
  padding: 0 39px;
  overflow: auto;
  max-height: 300px;
}
@media (max-width: 479px) {
  .darkemerald-theme .body-content {
    width: 75%;
    padding: 0 10px;
  }
}
.darkemerald-theme .active2 {
  color: #232323 !important;
  background: #fff !important;
  border-bottom-left-radius: 0 !important;
}
.darkemerald-theme .tab-item {
  padding: 15px !important;
  font-size: 14px !important;
}
.darkemerald-theme .tab-history-class {
  border-radius: 20px;
  color: #232323;
  border: 1px solid #08615a;
}
.darkemerald-theme .tab-item:last-child {
  border-bottom: 1px solid #c2c2c2;
  border-bottom-left-radius: 20px !important;
}
.darkemerald-theme .tab-item,
.darkemerald-theme .tab-item:last-child {
  cursor: pointer;
  color: #232323;
  background: linear-gradient(180deg, #24c28a 0, #08615a);
}
.darkemerald-theme .tab-item {
  border-bottom: 1px solid #c2c2c2;
}
.darkemerald-theme .header-aff {
  background: linear-gradient(180deg, #24c28a 0, #08615a);
  border-bottom: 1px solid #232323;
  border-radius: 20px 20px 0 0;
}
.darkemerald-theme .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #c2c2c2;
  border-radius: 30rem !important;
}
.darkemerald-theme .bg-aff-level {
  background: linear-gradient(#404040, #404040) padding-box,
    linear-gradient(90deg, #24c28a, #168b6e, #08615a) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkemerald-theme .bg-aff-level .nunber-friend {
  background: #626166;
  border-radius: 10px;
  color: #fff;
}
.darkemerald-theme .bg-aff-level .turn-other {
  background: #0d0c09;
  border-radius: 10px;
}
.darkemerald-theme .bg-aff-level .solid {
  border: 1px solid #24c28a;
  height: 40px;
}
.darkemerald-theme .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #2e2e2e;
  color: #7d7d7d;
  padding: 5px;
}
.darkemerald-theme .filters__button:hover {
  background-color: #2e2e2e;
}
.darkemerald-theme .filters-content {
  background-color: #2e2e2e;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darkemerald-theme .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #0d0c09;
  color: #7d7d7d;
  padding: 5px;
}
.darkemerald-theme .filters__button2:hover {
  background-color: #0d0c09;
}
.darkemerald-theme .filters [data-content] {
  display: none;
}
.darkemerald-theme [data-content].is-active[data-content] {
  display: grid;
}
.darkemerald-theme [data-target].is-active {
  background: linear-gradient(180deg, #626166, #3d3a3d);
  border-radius: 10px;
  color: #fff;
}
.darkemerald-theme .condition-header {
  background: linear-gradient(
    109.63deg,
    #24c28a 3.68%,
    #168b6e 47.76%,
    #08615a 95.96%
  );
  border-radius: 5px;
  color: #2e2e2e;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.darkemerald-theme .bg-wheel-condition {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(109.63deg, #24c28a 3.68%, #168b6e 47.76%, #08615a 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.darkemerald-theme .btn-up-slip {
  color: #24c28a;
  border: 2px solid #08615a !important;
  background: 0 0 !important;
}
.darkemerald-theme .btn-no-received {
  background: #373737;
  border-color: #373737;
  border-radius: 10px;
}
.darkemerald-theme .btn-no-received:focus,
.darkemerald-theme .btn-no-received:hover {
  background-color: #373737 !important;
  border-color: #373737 !important;
  border-radius: 10px !important;
}
.darkemerald-theme .bg-pro {
  background: #373737;
  border-radius: 10px;
}
.darkemerald-theme .filters-content-bg {
  background-color: #0d0c09;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darkemerald-theme .is-unactive {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #0d0c09;
  color: #7d7d7d;
  padding: 5px;
}
.darkemerald-theme .card-points {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkemerald-theme .r-gold {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.darkemerald-theme .r-gold,
.darkemerald-theme .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.darkemerald-theme .r-silver {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.darkemerald-theme .r-copper {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.darkemerald-theme .cycle-gold {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.darkemerald-theme .cycle-gold,
.darkemerald-theme .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.darkemerald-theme .cycle-silver {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
}
.darkemerald-theme .cycle-copper {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.darkemerald-theme .card-decimal {
  background: #ececec;
  box-shadow: 0 4px 10px rgba(13, 13, 9, 0.12);
  border-radius: 10px;
  color: #000 !important;
}
.darkemerald-theme .card-transfer {
  background: #000;
  box-shadow: 0 4px 10px rgba(13, 13, 9, 0.12);
  border-radius: 10px;
  color: #fff !important;
}
.darkemerald-theme .bg-choose-team {
  background: hsla(0, 0%, 100%, 0.3);
  border-radius: 5px;
  color: #fff;
  padding: 2px;
  margin: 4px;
}
.darkemerald-theme .refesh {
  position: absolute;
  top: 3px;
  right: 12px;
}
.darkemerald-theme .bagfree {
  position: absolute;
  top: 0;
  right: 6px;
}
.darkemerald-theme .hexagon {
  position: relative;
  width: 55px;
  height: 28.7px;
  margin: 35.15px 0;
  border-left: 3.1421px solid #fff;
  border-right: 3.1421px solid #fff;
}
.darkemerald-theme .hexagon:after,
.darkemerald-theme .hexagon:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 38.35px;
  height: 38.35px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 5.8249px;
}
.darkemerald-theme .hexagon:before {
  top: -19.1751px;
  border-top: 3.1421px solid #fff;
  border-right: 3.1421px solid #fff;
}
.darkemerald-theme .hexagon:after {
  bottom: -19.1751px;
  border-bottom: 3.1421px solid #fff;
  border-left: 3.1421px solid #fff;
}
.darkemerald-theme *,
.darkemerald-theme :after,
.darkemerald-theme :before {
  box-sizing: border-box;
}
.darkemerald-theme .bg-month {
  background: #0d0c09;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #7d7d7d;
}
.darkemerald-theme .bg-month-active {
  background: linear-gradient(#0d0c09, #0d0c09) padding-box,
    linear-gradient(90deg, #24c28a, #08615a) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #fff;
  border: 1px solid transparent;
}
.darkemerald-theme .bagfree2 {
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 35px;
}
.darkemerald-theme .btn.focus {
  box-shadow: 0 0 0 0.2rem rgba(46, 46, 46, 0.25) !important;
}
.darkemerald-theme .arry-input {
  height: calc(1.5em + 5rem + 10px) !important;
  border-radius: 10px !important;
  color: #fff !important;
}
.darkforest-theme .shadow-today {
  box-shadow: 0 0 15px #16b516;
}
.darkforest-theme .bd-daily-fix {
  border-color: #52c234 !important;
  background: #0d0d09 !important;
}
.darkforest-theme .text-deposited-daily-fix {
  color: #7d7d7d;
}
.darkforest-theme .bg-table-daily-fix {
  background: #4e4e4e !important;
  color: #fff !important;
}
.darkforest-theme .text-daily-fix {
  color: #0f9b0f !important;
}
.darkforest-theme .text-credit-daily {
  background: linear-gradient(180deg, #2e2e2e 0, #2e2e2e) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.darkforest-theme .text-color {
  color: #fff !important;
}
.darkforest-theme .text-template {
  color: #0f9b0f;
}
.darkforest-theme .text-theme {
  color: #fff;
}
.darkforest-theme .text-spcial {
  background: linear-gradient(180deg, #696969 0, #1a1c1c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkforest-theme .text-linear,
.darkforest-theme .text-linear-footer {
  background: linear-gradient(180deg, #16b516 0, #17552b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkforest-theme .text-see-history {
  color: #fff;
}
.darkforest-theme .text-head-hisotry {
  color: #0f9b0f;
}
.darkforest-theme .text-tranfer {
  background: linear-gradient(180deg, #fff 0, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkforest-theme .text-color-icon {
  background: linear-gradient(180deg, #bb995a, #fff7c4 50%, #ac894c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkforest-theme .text-credit {
  background: linear-gradient(50deg, #bb995a, #fff7c4 50%, #ac894c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkforest-theme .bg-ball-choose-team,
.darkforest-theme .bg-credit {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(90deg, #16b516, #17552b) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkforest-theme .bg-wallet {
  background: #2e2e2e;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
  color: #fff;
}
.darkforest-theme .bg-credit-free {
  background: linear-gradient(180deg, #16b516, #17552b);
  border-radius: 0 0 10px 10px;
  color: #fff !important;
}
.darkforest-theme .recevied-com {
  border-radius: 10px;
  border: 2px solid #bb995a;
  background: linear-gradient(50deg, #bb995a, #fff7c4 50%, #ac894c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkforest-theme .bg-card-commission {
  background: #2e2e2e;
  color: #0f9b0f !important;
}
.darkforest-theme .bg-turn {
  color: #fff;
  background: #2e2e2e;
  border-radius: 10px;
}
.darkforest-theme .bg-icon-index {
  background: #2e2e2e !important;
  border-radius: 10px !important;
}
.darkforest-theme .bg-con-turn {
  background: #0d0c09 !important;
}
.darkforest-theme .color-toogle {
  background: linear-gradient(180deg, #5cc875 0, #5cc875);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkforest-theme .tab-content > .active {
  display: block;
  background: #232323 !important;
}
.darkforest-theme .active-bg,
.darkforest-theme .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #626166, #3d3a3d) !important;
  color: #fff !important;
}
.darkforest-theme .tab-box {
  background-color: #2e2e2e;
  color: #7d7d7d;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.darkforest-theme .nav-tabs {
  border-bottom: 2px solid #4a484c !important;
}
.darkforest-theme .nav-tabs .nav-link {
  border: 0 !important;
  background: #2e2e2e !important;
  color: #7d7d7d !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.darkforest-theme .boder-right {
  height: 50px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.2509803922);
}
.darkforest-theme .btn-copy-bank {
  background: #2e2e2e;
  border-radius: 10px;
  color: #fff;
  width: max-content;
  border-color: #2e2e2e;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16);
}
.darkforest-theme .btn-money {
  border-color: #16b516;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
  color: #16b516;
}
.darkforest-theme .active-btn-amount {
  background: linear-gradient(180deg, #16b516, #17552b) !important;
  color: #f4f4f4 !important;
  font-weight: 900;
}
.darkforest-theme .btn-topup-promptpay {
  border-color: #16b516;
  border-radius: 10px;
  background: linear-gradient(180deg, #16b516, #17552b) !important;
  color: #fff;
}
.darkforest-theme .boder-color {
  border-color: #232323 !important;
}
.darkforest-theme .is-active-register {
  background: #52c234 !important;
  border: 1px solid #52c234 !important;
}
.darkforest-theme .b-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin: 0;
  outline: 0;
  transform: translateX(0);
  background: linear-gradient(180deg, #1aab1a 0, #157133) !important;
}
.darkforest-theme .bg-info {
  color: #fff;
  background: #0d0c09 !important;
  padding: 5px;
  border-radius: 10px;
}
.darkforest-theme .btn-change {
  background: #2e2e2e;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}
.darkforest-theme .card-pro {
  background: #0d0c09;
  border-radius: 10px;
  color: #fff !important;
  font-weight: 400 !important;
}
.darkforest-theme .bg-lock {
  background: #0f9b0f;
  padding: 8px;
  border-radius: 20px;
  width: 40px;
}
.darkforest-theme .btn-cancel {
  background: #2e2e2e;
  border-radius: 10px;
  color: #0f9b0f !important;
  border: 1px solid #0f9b0f;
}
.darkforest-theme .btn-cancel:hover {
  border-radius: 10px;
  color: #000 !important;
  border: 1px solid #000 !important;
}
.darkforest-theme .btn-theme-one {
  background: #2c7744;
  border-color: #2e2e2e !important;
  color: #fff;
  border-radius: 10px !important;
}
.darkforest-theme .btn-login,
.darkforest-theme .btn-theme-two {
  background: linear-gradient(180deg, #16b516, #17552b);
  border-radius: 10px;
  color: #fff;
  border-color: #17552b !important;
}
.darkforest-theme .btn-theme-seemore {
  background: #565553;
  border-radius: 10px;
  color: #fff;
  border-color: #565553 !important;
}
.darkforest-theme .btn-copy {
  background: linear-gradient(180deg, #16b516, #17552b) !important;
  border-radius: 0 10px 10px 0 !important;
  color: #fff !important;
  border: 0 solid #16b516 !important;
}
.darkforest-theme .card {
  background: #232323 !important;
  color: #fff !important;
  filter: drop-shadow(0 0 1px #989898);
}
.darkforest-theme .bg-input-theme {
  background-color: #d1d1d1 !important;
}
.darkforest-theme .border-theme {
  border-radius: 15px !important;
}
.darkforest-theme .icon-activity {
  filter: invert(0);
  width: 20px;
}
.darkforest-theme .bg-table {
  background-color: #2c2c2c;
  border-radius: 10px;
  border: 0 solid #2c2c2c !important;
}
.darkforest-theme .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #000 !important;
  border-top: 0 solid #000 !important;
  padding: 4px 12px;
  background: #4e4e4e;
  color: #fff !important;
}
.darkforest-theme .table td {
  vertical-align: top;
  border-top: 0 solid #000 !important;
  color: #fff !important;
}
.darkforest-theme .Daily__item__box {
  position: relative;
  height: 75px;
  background: #2e2e2e;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
}
.darkforest-theme .Daily__item__box.active {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(90deg, #16b516, #17552b) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.darkforest-theme .Daily__item__box.active-today {
  background: linear-gradient(180deg, #16b516, #17552b);
  border: none !important;
}
.darkforest-theme .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2e2e2e;
  border-radius: 10px;
}
.darkforest-theme .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.darkforest-theme .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.darkforest-theme .text-daily {
  color: #fff;
}
.darkforest-theme .btn-reward {
  width: 85%;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
  cursor: pointer;
}
.darkforest-theme .bg-btn-point {
  background: #c2c2c2;
  border-radius: 20px;
  margin: 4px;
}
.darkforest-theme .bg-chosses {
  background-color: #232323;
  border-radius: 15px;
  filter: drop-shadow(0 1px 1px #989898);
  color: #fff;
}
.darkforest-theme .bg-hover:hover,
.darkforest-theme .btn-hover:focus {
  background-color: #3d3d3d;
}
.darkforest-theme .showSlide {
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 80%;
  background-color: #2c2c2c !important;
  display: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.darkforest-theme #modal-suscess-complain .modal-content,
.darkforest-theme #modalQuestionnaire .modal-content {
  background-color: #232323 !important;
}
.darkforest-theme .from-complain {
  display: block;
  width: 100%;
  height: calc(1.5em + 5rem + 10px) !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  background-color: #f4f4f4 !important;
  background-clip: padding-box;
  border: 1px solid #f4f4f4 !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darkforest-theme .btn-withdraw {
  background: linear-gradient(180deg, #16b516, #17552b);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  color: #fff;
  border-color: #17552b !important;
}
.darkforest-theme .cover-withdraw {
  background: #2e2e2e;
  border-radius: 0 0 10px 10px;
}
.darkforest-theme .hd-withdraw {
  background: #4e4e4e;
  border-radius: 10px 10px 0 0;
  color: #fff;
  padding: 10px;
}
.darkforest-theme .card-withdraw {
  background: #0d0c09 !important;
  color: #fff !important;
  border-radius: 5px;
}
.darkforest-theme .page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #307c38 !important;
  border-color: #307c38 !important;
}
.darkforest-theme .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #fff !important;
  background-color: #2e2e2e !important;
  border: 1px solid #232323 !important;
}
.darkforest-theme .custom-control-input:checked ~ .custom-control-label:before {
  color: #fff !important;
  border-color: #0f9b0f !important;
  background-color: #0f9b0f !important;
}
.darkforest-theme .boxcredit {
  background: rgba(34, 32, 32, 0.6);
  width: 50%;
}
.darkforest-theme .border-color {
  border: 2px solid #188826;
  border-radius: 10px;
}
.darkforest-theme .btn-box {
  background-image: linear-gradient(315deg, #16b516, #17552b 74%);
  border-radius: 5px 25px;
  filter: drop-shadow(1px 2px 4px #76b852);
  border-color: #16b516 !important;
}
.darkforest-theme .breadcrumb {
  background-color: #0d0d09 !important;
}
.darkforest-theme .breadcrumb-item.active {
  color: #0f9b0f !important;
}
.darkforest-theme .swal2-popup {
  background: #232323 !important;
}
.darkforest-theme .swal2-content,
.darkforest-theme .swal2-title {
  color: #fff !important;
}
.darkforest-theme .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #16b516, #17552b) !important;
  border-radius: 10px !important;
  border-color: #fff !important;
  color: #fff !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.darkforest-theme .bg-body-modal {
  background: linear-gradient(180deg, #16b516, #17552b);
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #2e2e2e !important;
  color: #fff;
}
.darkforest-theme .modal-content {
  border-radius: 1rem !important;
}
.darkforest-theme .bg-body,
.darkforest-theme .bg-body-promotion {
  background: #2e2e2e !important;
}
.darkforest-theme .bg-footer {
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: calc(1rem - 1px) !important;
  border-bottom-left-radius: calc(1rem - 1px) !important;
  background-color: #2e2e2e !important;
}
.darkforest-theme #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkforest-theme #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkforest-theme #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darkforest-theme #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkforest-theme #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkforest-theme #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darkforest-theme #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkforest-theme #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkforest-theme .card-bank {
  background: #2e2e2e;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}
.darkforest-theme .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid rgba(0, 0, 0, 0.125);
}
.darkforest-theme .swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid;
  border-radius: 50%;
}
.darkforest-theme .swal2-icon.swal2-success [class^="swal2-success-line"] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
}
.darkforest-theme .form-control {
  display: block;
  padding: 0.375rem 0.75rem;
  color: #232323 !important;
  background-color: #2e2e2e;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darkforest-theme .custom-select,
.darkforest-theme .form-control {
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  border: 1px solid #0d0c09 !important;
  border-radius: 0.25rem;
}
.darkforest-theme .custom-select {
  display: inline-block;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  color: #fff !important;
  vertical-align: middle;
  background-color: #2e2e2e !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(https://i.imgur.com/ZS05XIa.png) right 0.75rem center/8px
    10px no-repeat;
}
.darkforest-theme .multiselect__tags {
  min-height: 40px;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  font-size: 14px;
}
.darkforest-theme .multiselect__content-wrapper,
.darkforest-theme .multiselect__tags {
  display: block;
  border: 1px solid #0d0c09 !important;
  background: #2e2e2e !important;
  color: #fff !important;
}
.darkforest-theme .multiselect__content-wrapper {
  position: absolute;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.darkforest-theme .multiselect__input,
.darkforest-theme .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #2e2e2e !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
}
.darkforest-theme .multiselect__option--highlight {
  background: #2e2e2e !important;
  outline: none;
  color: #fff !important;
}
.darkforest-theme #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.darkforest-theme .border-banner {
  border: 2px solid #16b516;
  border-radius: 10px;
}
.darkforest-theme .btn-secondary:hover {
  color: #fff;
  background-color: #16b516 !important;
  border-color: none !important;
}
.darkforest-theme .btn-secondary.focus,
.darkforest-theme .btn-secondary:focus {
  color: #fff;
  background-color: #16b516 !important;
  border-color: #16b516 !important;
}
.darkforest-theme .bg-choose {
  background: #2e2e2e !important;
  color: #fff;
}
.darkforest-theme .btn-join-activity {
  background: linear-gradient(180deg, #16b516, #17552b);
  border-radius: 0 0 10px 10px;
  color: #fff;
}
.darkforest-theme .bg-input {
  background: #2e2e2e !important;
  border-radius: 10px;
  color: #fff !important;
  border: none !important;
}
.darkforest-theme .bg-condition {
  background: #2e2e2e !important;
  color: #fff;
}
.darkforest-theme .header-login {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5019607843);
  border: 0 solid rgba(0, 0, 0, 0.125);
}
.darkforest-theme .footer-wrapper1 {
  height: auto;
}
.darkforest-theme .footer-wrapper,
.darkforest-theme .footer-wrapper1 {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.darkforest-theme .footer-wrapper {
  height: 58px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: #2e2e2e;
  box-shadow: 0 0 16px hsla(0, 0%, 41.2%, 0.55);
  z-index: 2;
}
.darkforest-theme .footer-wrapper .play-game {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 15px;
  text-align: center;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #16b516, #37873c 50%, #17552b);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
}
.darkforest-theme .footer-wrapper .play-game .play-game-box {
  display: table-cell;
  transform: rotate(316deg);
  vertical-align: middle;
}
.darkforest-theme .footer-wrapper .play-game .item-count {
  width: 30px;
  filter: invert(0);
}
.darkforest-theme .footer-wrapper .play-game-5 {
  border-radius: 30px;
  height: 50px;
  text-align: center;
  width: 50px;
  padding: 8px;
  background: linear-gradient(180deg, #16b516, #37873c 50%, #17552b);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
  position: absolute;
  top: -20px;
}
.darkforest-theme .footer-wrapper .play-game-5 .play-game-box-5 {
  display: table-cell;
  vertical-align: middle;
}
.darkforest-theme .footer-wrapper .play-game-5 .item-count {
  width: 34px;
  filter: invert(1);
}
.darkforest-theme a {
  color: #fff !important;
}
.darkforest-theme a:hover {
  color: --blue;
  text-decoration: none !important;
}
.darkforest-theme .bg-table-aff {
  background-color: #232323 !important;
  border: 0 solid #2c2c2c !important;
}
.darkforest-theme .border-left {
  border-left: 3px solid #0f9b0f !important;
}
.darkforest-theme .border-solid {
  border: 1px solid #4e4e4e;
}
.darkforest-theme .bg-from-aff {
  display: inline-block;
  width: 50% !important;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  vertical-align: middle;
  background-color: #2e2e2e !important;
  border: 1px solid #2e2e2e !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.darkforest-theme .bg-in-aff {
  background: #c4c4c4;
  border-radius: 5px;
  color: #000;
  padding: 5px;
}
.darkforest-theme .icon-aff {
  position: absolute;
  top: 92px;
  left: 0;
  right: 0;
  color: #fff;
}
.darkforest-theme .btn-comein {
  position: absolute;
  bottom: -17%;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.darkforest-theme .bg-search {
  background-color: #2e2e2e !important;
}
.darkforest-theme .bg-from,
.darkforest-theme .bg-search {
  border: 1px solid #0f9b0f !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff !important;
}
.darkforest-theme .bg-from {
  background-color: #2e2e2e !important;
  background: #464646 url(/_nuxt/img/dropdown.2ae9015.png) no-repeat right
    0.75rem center/10px 8px;
}
.darkforest-theme .search {
  position: absolute;
  right: 24px;
  color: #bdbdbd;
}
.darkforest-theme .card-point {
  background: #4e4e4e !important;
  filter: drop-shadow(0 0 0 #4e4e4e) !important;
  color: #fff !important;
  border-radius: 10px;
}
.darkforest-theme .bg-point {
  background: #16b516;
  border-radius: 20px;
  margin: 4px;
  color: #000;
}
.darkforest-theme .bg-card-his {
  background: #4e4e4e !important;
  color: #fff !important;
}
.darkforest-theme .card-nodata {
  background: #232323;
  color: #fff;
  padding: 80px;
  border-radius: 10px;
}
.darkforest-theme .action-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2%;
}
.darkforest-theme .action-wrapper__btn-spin {
  background-image: url(https://es-dev.vrbet.com/_nuxt/img/button.1e27aca.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 6vw;
  width: 14vw;
  margin-bottom: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.darkforest-theme .action-wrapper__btn-spin span {
  font-size: 3vw;
  color: #fff;
  -webkit-text-stroke: 3px #fff;
}
@media screen and (max-width: 992px) {
  .darkforest-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2.5px #fff;
    font-size: 6vw;
  }
}
@media screen and (max-width: 480px) {
  .darkforest-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2px #fff;
    font-size: 8vw;
  }
}
@media screen and (max-width: 992px) {
  .darkforest-theme .action-wrapper__btn-spin {
    margin-top: 3vw;
    width: 26vw;
    height: 12vw;
  }
}
@media screen and (max-width: 480px) {
  .darkforest-theme .action-wrapper__btn-spin {
    width: 40vw;
    height: 18vw;
  }
}
.darkforest-theme .action-wrapper__btn-spin.disabledbtn {
  cursor: not-allowed;
  filter: grayscale(1);
}
.darkforest-theme .glass-panel {
  color: #fff;
  margin: 40px auto;
  background-color: hsla(0, 0%, 100%, 0.06);
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  width: 100%;
  border-radius: 15px;
  padding: 32px;
  backdrop-filter: blur(10px);
}
.darkforest-theme .glass-button {
  display: inline-block;
  padding: 15px 18px;
  text-decoration: none;
  border-radius: 15px;
  background-color: #4e4e4e;
  border: 1px solid #000;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: #000;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}
.darkforest-theme .glass-button:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.darkforest-theme .glass-panel {
  max-width: 600px;
}
.darkforest-theme #background-wrap {
  bottom: 0;
  left: 0;
  padding-top: 50px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.darkforest-theme .x1 {
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 35s linear infinite;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  transform: scale(0.65);
}
.darkforest-theme .x2 {
  -webkit-animation: animateCloud 20s linear infinite;
  -moz-animation: animateCloud 20s linear infinite;
  animation: animateCloud 20s linear infinite;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.darkforest-theme .x3 {
  -webkit-animation: animateCloud 30s linear infinite;
  -moz-animation: animateCloud 30s linear infinite;
  animation: animateCloud 30s linear infinite;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.darkforest-theme .x4 {
  -webkit-animation: animateCloud 18s linear infinite;
  -moz-animation: animateCloud 18s linear infinite;
  animation: animateCloud 18s linear infinite;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.darkforest-theme .x5 {
  -webkit-animation: animateCloud 25s linear infinite;
  -moz-animation: animateCloud 25s linear infinite;
  animation: animateCloud 25s linear infinite;
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  transform: scale(0.55);
}
.darkforest-theme .cloud {
  background: #fff;
  background: -moz-linear-gradient(top, #fff 5%, #f1f1f1 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, #fff),
    color-stop(100%, #f1f1f1)
  );
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  height: 120px;
  position: relative;
  width: 350px;
}
.darkforest-theme .cloud:after,
.darkforest-theme .cloud:before {
  background: #fff;
  content: "";
  position: absolute;
  z-index: -1;
}
.darkforest-theme .cloud:after {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  height: 100px;
  left: 50px;
  top: -50px;
  width: 100px;
}
.darkforest-theme .cloud:before {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  width: 180px;
  height: 180px;
  right: 50px;
  top: -90px;
}
.darkforest-theme .bg-share-facebook {
  background-color: #2e2e2e !important;
  color: #fff !important;
}
.darkforest-theme .bg-game {
  background: #2e2e2e !important;
  border-radius: 10px !important;
  color: #bdbdbd !important;
  width: 80px;
  height: 67px;
}
.darkforest-theme .bg-game-active {
  background: linear-gradient(180deg, #2ece2f, #256b32) !important;
  border-radius: 10px !important;
  color: #2e2e2e !important;
  width: 80px;
  height: 67px;
}
.darkforest-theme .bg-search-game {
  background-color: #2e2e2e !important;
  border-radius: 10px !important;
  color: #fff !important;
}
.darkforest-theme .unactive-footer {
  color: #bdbdbd;
}
.darkforest-theme .btn-aff-share {
  background: linear-gradient(270deg, #16b516, #17552b);
  border-radius: 10px;
  color: #2e2e2e;
  border-color: #17552b !important;
  filter: drop-shadow(0 0 5px #17552b);
}
.darkforest-theme #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkforest-theme .btn-change-language {
  background-color: #2e2e2e !important;
  border: 1px solid #0f9b0f;
}
.darkforest-theme .card-money,
.darkforest-theme .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card\ copy.c4be5af.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.darkforest-theme .bg-iconuser {
  background: #fff;
  padding: 7px;
  border-radius: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #0f9b0f;
}
.darkforest-theme .content-lv {
  padding: 10px 0;
}
.darkforest-theme .border-bottom-aff {
  border-bottom: 1px solid #16b516;
}
.darkforest-theme .body-content {
  background: #fff;
  width: 70%;
  border-bottom-right-radius: 20px;
  padding: 0 39px;
  overflow: auto;
  max-height: 300px;
}
@media (max-width: 479px) {
  .darkforest-theme .body-content {
    width: 75%;
    padding: 0 10px;
  }
}
.darkforest-theme .active2 {
  color: #232323 !important;
  background: #fff !important;
  border-bottom-left-radius: 0 !important;
}
.darkforest-theme .tab-item {
  padding: 15px !important;
  font-size: 14px !important;
}
.darkforest-theme .tab-history-class {
  border-radius: 20px;
  color: #232323;
  border: 1px solid #17552b;
}
.darkforest-theme .tab-item:last-child {
  border-bottom: 1px solid #c2c2c2;
  border-bottom-left-radius: 20px !important;
}
.darkforest-theme .tab-item,
.darkforest-theme .tab-item:last-child {
  cursor: pointer;
  color: #232323;
  background: linear-gradient(180deg, #16b516 0, #17552b);
}
.darkforest-theme .tab-item {
  border-bottom: 1px solid #c2c2c2;
}
.darkforest-theme .header-aff {
  background: linear-gradient(180deg, #16b516 0, #17552b);
  border-bottom: 1px solid #232323;
  border-radius: 20px 20px 0 0;
}
.darkforest-theme .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #c2c2c2;
  border-radius: 30rem !important;
}
.darkforest-theme .bg-aff-level {
  background: linear-gradient(#404040, #404040) padding-box,
    linear-gradient(90deg, #16b516, #37873c, #17552b) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkforest-theme .bg-aff-level .nunber-friend {
  background: #626166;
  border-radius: 10px;
  color: #fff;
}
.darkforest-theme .bg-aff-level .turn-other {
  background: #0d0c09;
  border-radius: 10px;
}
.darkforest-theme .bg-aff-level .solid {
  border: 1px solid #16b516;
  height: 40px;
}
.darkforest-theme .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #2e2e2e;
  color: #7d7d7d;
  padding: 5px;
}
.darkforest-theme .filters__button:hover {
  background-color: #2e2e2e;
}
.darkforest-theme .filters-content {
  background-color: #2e2e2e;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darkforest-theme .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #0d0c09;
  color: #7d7d7d;
  padding: 5px;
}
.darkforest-theme .filters__button2:hover {
  background-color: #0d0c09;
}
.darkforest-theme .filters [data-content] {
  display: none;
}
.darkforest-theme [data-content].is-active[data-content] {
  display: grid;
}
.darkforest-theme [data-target].is-active {
  background: linear-gradient(180deg, #626166, #3d3a3d);
  border-radius: 10px;
  color: #fff;
}
.darkforest-theme .condition-header {
  background: linear-gradient(
    109.63deg,
    #16b516 3.68%,
    #37873c 47.76%,
    #17552b 95.96%
  );
  border-radius: 5px;
  color: #2e2e2e;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.darkforest-theme .bg-wheel-condition {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(109.63deg, #16b516 3.68%, #37873c 47.76%, #17552b 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.darkforest-theme .btn-up-slip {
  color: #16b516;
  border: 2px solid #17552b !important;
  background: 0 0 !important;
}
.darkforest-theme .btn-no-received {
  background: #373737;
  border-color: #373737;
  border-radius: 10px;
}
.darkforest-theme .btn-no-received:focus,
.darkforest-theme .btn-no-received:hover {
  background-color: #373737 !important;
  border-color: #373737 !important;
  border-radius: 10px !important;
}
.darkforest-theme .bg-pro {
  background: #373737;
  border-radius: 10px;
}
.darkforest-theme .filters-content-bg {
  background-color: #0d0c09;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darkforest-theme .is-unactive {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #0d0c09;
  color: #7d7d7d;
  padding: 5px;
}
.darkforest-theme .card-points {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkforest-theme .r-gold {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.darkforest-theme .r-gold,
.darkforest-theme .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.darkforest-theme .r-silver {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.darkforest-theme .r-copper {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  position: relative;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.darkforest-theme .cycle-gold {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.darkforest-theme .cycle-gold,
.darkforest-theme .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.darkforest-theme .cycle-silver {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
}
.darkforest-theme .cycle-copper {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.darkforest-theme .card-decimal {
  background: #ececec;
  box-shadow: 0 4px 10px rgba(13, 13, 9, 0.12);
  border-radius: 10px;
  color: #000 !important;
}
.darkforest-theme .card-transfer {
  background: #000;
  box-shadow: 0 4px 10px rgba(13, 13, 9, 0.12);
  border-radius: 10px;
  color: #fff !important;
}
.darkforest-theme .bg-choose-team {
  background: hsla(0, 0%, 100%, 0.3);
  border-radius: 5px;
  color: #fff;
  padding: 2px;
  margin: 4px;
}
.darkforest-theme .refesh {
  position: absolute;
  top: 3px;
  right: 12px;
}
.darkforest-theme .bagfree {
  position: absolute;
  top: 0;
  right: 6px;
}
.darkforest-theme .hexagon {
  position: relative;
  width: 55px;
  height: 28.7px;
  margin: 35.15px 0;
  border-left: 3.1421px solid #fff;
  border-right: 3.1421px solid #fff;
}
.darkforest-theme .hexagon:after,
.darkforest-theme .hexagon:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 38.35px;
  height: 38.35px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 5.8249px;
}
.darkforest-theme .hexagon:before {
  top: -19.1751px;
  border-top: 3.1421px solid #fff;
  border-right: 3.1421px solid #fff;
}
.darkforest-theme .hexagon:after {
  bottom: -19.1751px;
  border-bottom: 3.1421px solid #fff;
  border-left: 3.1421px solid #fff;
}
.darkforest-theme *,
.darkforest-theme :after,
.darkforest-theme :before {
  box-sizing: border-box;
}
.darkforest-theme .bg-month {
  background: #0d0c09;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #7d7d7d;
}
.darkforest-theme .bg-month-active {
  background: linear-gradient(#0d0c09, #0d0c09) padding-box,
    linear-gradient(90deg, #16b516, #17552b) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #fff;
  border: 1px solid transparent;
}
.darkforest-theme .bagfree2 {
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 35px;
}
.darkforest-theme .btn.focus {
  box-shadow: 0 0 0 0.2rem rgba(46, 46, 46, 0.25) !important;
}
.darkforest-theme .arry-input {
  height: calc(1.5em + 5rem + 10px) !important;
  border-radius: 10px !important;
  color: #fff !important;
}

.darklavender-theme .shadow-today {
  box-shadow: 0 0 15px #9d50bb;
}
.darklavender-theme .bd-daily-fix {
  border-color: #7126b1 !important;
  background: #0d0d09 !important;
}
.darklavender-theme .text-deposited-daily-fix {
  color: #7d7d7d;
}
.darklavender-theme .bg-table-daily-fix {
  background: #4e4e4e !important;
  color: #fff !important;
}
.darklavender-theme .text-daily-fix {
  color: #994ab8 !important;
}
.darklavender-theme .text-credit-daily {
  background: linear-gradient(180deg, #2e2e2e 0, #2e2e2e) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.darklavender-theme .text-color {
  color: #fff !important;
}
.darklavender-theme .text-template {
  color: #994ab8;
}
.darklavender-theme .text-theme {
  color: #fff;
}
.darklavender-theme .text-spcial {
  background: linear-gradient(180deg, #696969 0, #1a1c1c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darklavender-theme .text-linear,
.darklavender-theme .text-linear-footer {
  background: linear-gradient(180deg, #9d50bb 0, #600084);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darklavender-theme .text-see-history {
  color: #fff;
}
.darklavender-theme .text-head-hisotry {
  color: #994ab8;
}
.darklavender-theme .text-tranfer {
  background: linear-gradient(180deg, #fff 0, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darklavender-theme .text-color-icon {
  background: linear-gradient(180deg, #bb995a, #fff7c4 50%, #ac894c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darklavender-theme .text-credit {
  background: linear-gradient(50deg, #bb995a, #fff7c4 50%, #ac894c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darklavender-theme .bg-ball-choose-team,
.darklavender-theme .bg-credit {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(90deg, #9d50bb, #600084) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darklavender-theme .bg-wallet {
  background: #2e2e2e;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
  color: #fff;
}
.darklavender-theme .bg-credit-free {
  background: linear-gradient(180deg, #9d50bb, #600084);
  border-radius: 0 0 10px 10px;
  color: #fff !important;
}
.darklavender-theme .recevied-com {
  border-radius: 10px;
  border: 2px solid #bb995a;
  background: linear-gradient(50deg, #bb995a, #fff7c4 50%, #ac894c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darklavender-theme .bg-card-commission {
  background: #2e2e2e;
  color: #994ab8 !important;
}
.darklavender-theme .bg-turn {
  color: #fff;
  background: #2e2e2e;
  border-radius: 10px;
}
.darklavender-theme .bg-icon-index {
  background: #2e2e2e !important;
  border-radius: 10px !important;
}
.darklavender-theme .bg-con-turn {
  background: #0d0c09 !important;
}
.darklavender-theme .color-toogle {
  background: linear-gradient(180deg, #5cc875 0, #5cc875);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darklavender-theme .tab-content > .active {
  display: block;
  background: #232323 !important;
}
.darklavender-theme .active-bg,
.darklavender-theme .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #626166, #3d3a3d) !important;
  color: #fff !important;
}
.darklavender-theme .tab-box {
  background-color: #2e2e2e;
  color: #7d7d7d;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.darklavender-theme .nav-tabs {
  border-bottom: 2px solid #4a484c !important;
}
.darklavender-theme .nav-tabs .nav-link {
  border: 0 !important;
  background: #2e2e2e !important;
  color: #7d7d7d !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.darklavender-theme .boder-right {
  height: 50px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.2509803922);
}
.darklavender-theme .btn-copy-bank {
  background: #2e2e2e;
  border-radius: 10px;
  color: #fff;
  width: max-content;
  border-color: #2e2e2e;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16);
}
.darklavender-theme .btn-money {
  border-color: #9d50bb;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
  color: #9d50bb;
}
.darklavender-theme .active-btn-amount {
  background: linear-gradient(180deg, #9d50bb, #600084) !important;
  color: #2e2e2e !important;
  font-weight: 900;
}
.darklavender-theme .btn-topup-promptpay {
  border-color: #9d50bb;
  border-radius: 10px;
  background: linear-gradient(180deg, #9d50bb, #600084) !important;
  color: #fff;
}
.darklavender-theme .boder-color {
  border-color: #232323 !important;
}
.darklavender-theme .is-active-register {
  background: #8733a7 !important;
  border: 1px solid #7126b1 !important;
}
.darklavender-theme .b-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin: 0;
  outline: 0;
  transform: translateX(0);
  background: linear-gradient(180deg, #b65ad9 0, #8402b5) !important;
}
.darklavender-theme .bg-info {
  color: #fff;
  background: #0d0c09 !important;
  padding: 5px;
  border-radius: 10px;
}
.darklavender-theme .btn-change {
  background: #2e2e2e;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}
.darklavender-theme .card-pro {
  background: #0d0c09;
  border-radius: 10px;
  color: #fff !important;
  font-weight: 400 !important;
}
.darklavender-theme .bg-lock {
  background: #994ab8;
  padding: 8px;
  border-radius: 20px;
  width: 40px;
}
.darklavender-theme .btn-cancel {
  background: #2e2e2e;
  border-radius: 10px;
  color: #994ab8 !important;
  border: 1px solid #994ab8;
}
.darklavender-theme .btn-cancel:hover {
  border-radius: 10px;
  color: #000 !important;
  border: 1px solid #000 !important;
}
.darklavender-theme .btn-theme-one {
  background: #822da3;
  border-color: #2e2e2e !important;
  color: #fff;
  border-radius: 10px !important;
}
.darklavender-theme .btn-login,
.darklavender-theme .btn-theme-two {
  background: linear-gradient(180deg, #9d50bb, #600084);
  border-radius: 10px;
  color: #fff;
  border-color: #600084 !important;
}
.darklavender-theme .btn-theme-seemore {
  background: #565553;
  border-radius: 10px;
  color: #fff;
  border-color: #565553 !important;
}
.darklavender-theme .btn-copy {
  background: linear-gradient(180deg, #9d50bb, #600084) !important;
  border-radius: 0 10px 10px 0 !important;
  color: #fff !important;
  border: 0 solid #9d50bb !important;
}
.darklavender-theme .card {
  background: #232323 !important;
  color: #fff !important;
  filter: drop-shadow(0 0 1px #989898);
}
.darklavender-theme .bg-input-theme {
  background-color: #d1d1d1 !important;
}
.darklavender-theme .border-theme {
  border-radius: 15px !important;
}
.darklavender-theme .icon-activity {
  filter: invert(0);
  width: 20px;
}
.darklavender-theme .bg-table {
  background-color: #2c2c2c;
  border-radius: 10px;
  border: 0 solid #2c2c2c !important;
}
.darklavender-theme .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #000 !important;
  border-top: 0 solid #000 !important;
  padding: 4px 12px;
  background: #4e4e4e;
  color: #fff !important;
}
.darklavender-theme .table td {
  vertical-align: top;
  border-top: 0 solid #000 !important;
  color: #fff !important;
}
.darklavender-theme .Daily__item__box {
  position: relative;
  height: 75px;
  background: #2e2e2e;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
}
.darklavender-theme .Daily__item__box.active {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(90deg, #9d50bb, #600084) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.darklavender-theme .Daily__item__box.active-today {
  background: linear-gradient(180deg, #9d50bb, #600084);
  border: none !important;
}
.darklavender-theme .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2e2e2e;
  border-radius: 10px;
}
.darklavender-theme .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.darklavender-theme .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.darklavender-theme .text-daily {
  color: #fff;
}
.darklavender-theme .btn-reward {
  width: 85%;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
  cursor: pointer;
}
.darklavender-theme .bg-btn-point {
  background: #c2c2c2;
  border-radius: 20px;
  margin: 4px;
}
.darklavender-theme .bg-chosses {
  background-color: #232323;
  border-radius: 15px;
  filter: drop-shadow(0 1px 1px #989898);
  color: #fff;
}
.darklavender-theme .bg-hover:hover,
.darklavender-theme .btn-hover:focus {
  background-color: #3d3d3d;
}
.darklavender-theme .showSlide {
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 80%;
  background-color: #2c2c2c !important;
  display: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.darklavender-theme #modal-suscess-complain .modal-content,
.darklavender-theme #modalQuestionnaire .modal-content {
  background-color: #232323 !important;
}
.darklavender-theme .from-complain {
  display: block;
  width: 100%;
  height: calc(1.5em + 5rem + 10px) !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  background-color: #f4f4f4 !important;
  background-clip: padding-box;
  border: 1px solid #f4f4f4 !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darklavender-theme .btn-withdraw {
  background: linear-gradient(180deg, #9d50bb, #600084);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  color: #fff;
  border-color: #600084 !important;
}
.darklavender-theme .cover-withdraw {
  background: #2e2e2e;
  border-radius: 0 0 10px 10px;
}
.darklavender-theme .hd-withdraw {
  background: #4e4e4e;
  border-radius: 10px 10px 0 0;
  color: #fff;
  padding: 10px;
}
.darklavender-theme .card-withdraw {
  background: #0d0c09 !important;
  color: #fff !important;
  border-radius: 5px;
}
.darklavender-theme .page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #6a3093 !important;
  border-color: #6a3093 !important;
}
.darklavender-theme .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #fff !important;
  background-color: #2e2e2e !important;
  border: 1px solid #232323 !important;
}
.darklavender-theme
  .custom-control-input:checked
  ~ .custom-control-label:before {
  color: #fff !important;
  border-color: #994ab8 !important;
  background-color: #994ab8 !important;
}
.darklavender-theme .boxcredit {
  background: rgba(34, 32, 32, 0.6);
  width: 50%;
}
.darklavender-theme .border-color {
  border: 2px solid #6a3093;
  border-radius: 10px;
}
.darklavender-theme .btn-box {
  background-image: linear-gradient(315deg, #9d50bb, #600084 74%);
  border-radius: 5px 25px;
  filter: drop-shadow(1px 2px 4px #a549f3);
  border-color: #9d50bb !important;
}
.darklavender-theme .breadcrumb {
  background-color: #0d0d09 !important;
}
.darklavender-theme .breadcrumb-item.active {
  color: #994ab8 !important;
}
.darklavender-theme .swal2-popup {
  background: #232323 !important;
}
.darklavender-theme .swal2-content,
.darklavender-theme .swal2-title {
  color: #fff !important;
}
.darklavender-theme .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #9d50bb, #600084) !important;
  border-radius: 10px !important;
  border-color: #fff !important;
  color: #fff !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.darklavender-theme .bg-body-modal {
  background: linear-gradient(180deg, #9d50bb, #600084);
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #2e2e2e !important;
  color: #fff;
}
.darklavender-theme .modal-content {
  border-radius: 1rem !important;
}
.darklavender-theme .bg-body,
.darklavender-theme .bg-body-promotion {
  background: #2e2e2e !important;
}
.darklavender-theme .bg-footer {
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: calc(1rem - 1px) !important;
  border-bottom-left-radius: calc(1rem - 1px) !important;
  background-color: #2e2e2e !important;
}
.darklavender-theme #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darklavender-theme #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darklavender-theme #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darklavender-theme #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darklavender-theme #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darklavender-theme #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darklavender-theme #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darklavender-theme #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darklavender-theme .card-bank {
  background: #2e2e2e;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}
.darklavender-theme .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid rgba(0, 0, 0, 0.125);
}
.darklavender-theme .swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid;
  border-radius: 50%;
}
.darklavender-theme .swal2-icon.swal2-success [class^="swal2-success-line"] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
}
.darklavender-theme .form-control {
  display: block;
  padding: 0.375rem 0.75rem;
  color: #232323 !important;
  background-color: #2e2e2e;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darklavender-theme .custom-select,
.darklavender-theme .form-control {
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  border: 1px solid #0d0c09 !important;
  border-radius: 0.25rem;
}
.darklavender-theme .custom-select {
  display: inline-block;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  color: #fff !important;
  vertical-align: middle;
  background-color: #2e2e2e !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(https://i.imgur.com/ZS05XIa.png) right 0.75rem center/8px
    10px no-repeat;
}
.darklavender-theme .multiselect__tags {
  min-height: 40px;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  font-size: 14px;
}
.darklavender-theme .multiselect__content-wrapper,
.darklavender-theme .multiselect__tags {
  display: block;
  border: 1px solid #0d0c09 !important;
  background: #2e2e2e !important;
  color: #fff !important;
}
.darklavender-theme .multiselect__content-wrapper {
  position: absolute;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.darklavender-theme .multiselect__input,
.darklavender-theme .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #2e2e2e !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
  color: #fff;
}
.darklavender-theme .multiselect__option--highlight {
  background: #2e2e2e !important;
  outline: none;
  color: #fff !important;
}
.darklavender-theme #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.darklavender-theme .border-banner {
  border: 2px solid #9d50bb;
  border-radius: 10px;
}
.darklavender-theme .btn-secondary:hover {
  color: #fff;
  background-color: #9d50bb !important;
  border-color: none !important;
}
.darklavender-theme .btn-secondary.focus,
.darklavender-theme .btn-secondary:focus {
  color: #fff;
  background-color: #9d50bb !important;
  border-color: #9d50bb !important;
}
.darklavender-theme .bg-choose {
  background: #2e2e2e !important;
  color: #fff;
}
.darklavender-theme .btn-join-activity {
  background: linear-gradient(180deg, #9d50bb, #600084);
  border-radius: 0 0 10px 10px;
  color: #fff;
}
.darklavender-theme .bg-input {
  background: #2e2e2e !important;
  border-radius: 10px;
  color: #fff !important;
  border: none !important;
}
.darklavender-theme .bg-condition {
  background: #2e2e2e !important;
  color: #fff;
}
.darklavender-theme .header-login {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5019607843);
  border: 0 solid rgba(0, 0, 0, 0.125);
}
.darklavender-theme .footer-wrapper1 {
  height: auto;
}
.darklavender-theme .footer-wrapper,
.darklavender-theme .footer-wrapper1 {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.darklavender-theme .footer-wrapper {
  height: 58px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: #2e2e2e;
  box-shadow: 0 0 16px hsla(0, 0%, 41.2%, 0.55);
  z-index: 2;
}
.darklavender-theme .footer-wrapper .play-game {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 15px;
  text-align: center;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #9d50bb, #9444b3 50%, #600084);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
}
.darklavender-theme .footer-wrapper .play-game .play-game-box {
  display: table-cell;
  transform: rotate(316deg);
  vertical-align: middle;
}
.darklavender-theme .footer-wrapper .play-game .item-count {
  width: 30px;
  filter: invert(0);
}
.darklavender-theme .footer-wrapper .play-game-5 {
  border-radius: 30px;
  height: 50px;
  text-align: center;
  width: 50px;
  padding: 8px;
  background: linear-gradient(180deg, #9d50bb, #9444b3 50%, #600084);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
  position: absolute;
  top: -20px;
}
.darklavender-theme .footer-wrapper .play-game-5 .play-game-box-5 {
  display: table-cell;
  vertical-align: middle;
}
.darklavender-theme .footer-wrapper .play-game-5 .item-count {
  width: 34px;
  filter: invert(1);
}
.darklavender-theme a {
  color: #fff !important;
}
.darklavender-theme a:hover {
  color: --blue;
  text-decoration: none !important;
}
.darklavender-theme .bg-table-aff {
  background-color: #232323 !important;
  border: 0 solid #2c2c2c !important;
}
.darklavender-theme .border-left {
  border-left: 3px solid #994ab8 !important;
}
.darklavender-theme .border-solid {
  border: 1px solid #4e4e4e;
}
.darklavender-theme .bg-from-aff {
  display: inline-block;
  width: 50% !important;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  vertical-align: middle;
  background-color: #2e2e2e !important;
  border: 1px solid #2e2e2e !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.darklavender-theme .bg-in-aff {
  background: #c4c4c4;
  border-radius: 5px;
  color: #000;
  padding: 5px;
}
.darklavender-theme .icon-aff {
  position: absolute;
  top: 92px;
  left: 0;
  right: 0;
  color: #fff;
}
.darklavender-theme .btn-comein {
  position: absolute;
  bottom: -17%;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.darklavender-theme .bg-search {
  background-color: #2e2e2e !important;
}
.darklavender-theme .bg-from,
.darklavender-theme .bg-search {
  border: 1px solid #994ab8 !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff !important;
}
.darklavender-theme .bg-from {
  background-color: #2e2e2e !important;
  background: #464646 url(/_nuxt/img/dropdown.2ae9015.png) no-repeat right
    0.75rem center/10px 8px;
}
.darklavender-theme .search {
  position: absolute;
  right: 24px;
  color: #bdbdbd;
}
.darklavender-theme .card-point {
  background: #4e4e4e !important;
  filter: drop-shadow(0 0 0 #4e4e4e) !important;
  color: #fff !important;
  border-radius: 10px;
}
.darklavender-theme .bg-point {
  background: #9d50bb;
  border-radius: 20px;
  margin: 4px;
  color: #000;
}
.darklavender-theme .bg-card-his {
  background: #4e4e4e !important;
  color: #fff !important;
}
.darklavender-theme .card-nodata {
  background: #232323;
  color: #fff;
  padding: 80px;
  border-radius: 10px;
}
.darklavender-theme .action-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2%;
}
.darklavender-theme .action-wrapper__btn-spin {
  background-image: url(https://es-dev.vrbet.com/_nuxt/img/button.1e27aca.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 6vw;
  width: 14vw;
  margin-bottom: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.darklavender-theme .action-wrapper__btn-spin span {
  font-size: 3vw;
  color: #fff;
  -webkit-text-stroke: 3px #fff;
}
@media screen and (max-width: 992px) {
  .darklavender-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2.5px #fff;
    font-size: 6vw;
  }
}
@media screen and (max-width: 480px) {
  .darklavender-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2px #fff;
    font-size: 8vw;
  }
}
@media screen and (max-width: 992px) {
  .darklavender-theme .action-wrapper__btn-spin {
    margin-top: 3vw;
    width: 26vw;
    height: 12vw;
  }
}
@media screen and (max-width: 480px) {
  .darklavender-theme .action-wrapper__btn-spin {
    width: 40vw;
    height: 18vw;
  }
}
.darklavender-theme .action-wrapper__btn-spin.disabledbtn {
  cursor: not-allowed;
  filter: grayscale(1);
}
.darklavender-theme .glass-panel {
  color: #fff;
  margin: 40px auto;
  background-color: hsla(0, 0%, 100%, 0.06);
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  width: 100%;
  border-radius: 15px;
  padding: 32px;
  backdrop-filter: blur(10px);
}
.darklavender-theme .glass-button {
  display: inline-block;
  padding: 15px 18px;
  text-decoration: none;
  border-radius: 15px;
  background-color: #4e4e4e;
  border: 1px solid #000;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: #000;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}
.darklavender-theme .glass-button:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.darklavender-theme .glass-panel {
  max-width: 600px;
}
.darklavender-theme #background-wrap {
  bottom: 0;
  left: 0;
  padding-top: 50px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.darklavender-theme .x1 {
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 35s linear infinite;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  transform: scale(0.65);
}
.darklavender-theme .x2 {
  -webkit-animation: animateCloud 20s linear infinite;
  -moz-animation: animateCloud 20s linear infinite;
  animation: animateCloud 20s linear infinite;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.darklavender-theme .x3 {
  -webkit-animation: animateCloud 30s linear infinite;
  -moz-animation: animateCloud 30s linear infinite;
  animation: animateCloud 30s linear infinite;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.darklavender-theme .x4 {
  -webkit-animation: animateCloud 18s linear infinite;
  -moz-animation: animateCloud 18s linear infinite;
  animation: animateCloud 18s linear infinite;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.darklavender-theme .x5 {
  -webkit-animation: animateCloud 25s linear infinite;
  -moz-animation: animateCloud 25s linear infinite;
  animation: animateCloud 25s linear infinite;
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  transform: scale(0.55);
}
.darklavender-theme .cloud {
  background: #fff;
  background: -moz-linear-gradient(top, #fff 5%, #f1f1f1 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, #fff),
    color-stop(100%, #f1f1f1)
  );
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  height: 120px;
  position: relative;
  width: 350px;
}
.darklavender-theme .cloud:after,
.darklavender-theme .cloud:before {
  background: #fff;
  content: "";
  position: absolute;
  z-index: -1;
}
.darklavender-theme .cloud:after {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  height: 100px;
  left: 50px;
  top: -50px;
  width: 100px;
}
.darklavender-theme .cloud:before {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  width: 180px;
  height: 180px;
  right: 50px;
  top: -90px;
}
.darklavender-theme .bg-share-facebook {
  background-color: #2e2e2e !important;
  color: #fff !important;
}
.darklavender-theme .bg-game {
  background: #2e2e2e !important;
  border-radius: 10px !important;
  color: #bdbdbd !important;
  width: 80px;
  height: 67px;
}
.darklavender-theme .bg-game-active {
  background: linear-gradient(180deg, #c273e1, #5b1277) !important;
  border-radius: 10px !important;
  color: #2e2e2e !important;
  width: 80px;
  height: 67px;
}
.darklavender-theme .bg-search-game {
  background-color: #2e2e2e !important;
  border-radius: 10px !important;
  color: #fff !important;
}
.darklavender-theme .unactive-footer {
  color: #bdbdbd;
}
.darklavender-theme .btn-aff-share {
  background: linear-gradient(270deg, #9d50bb, #600084);
  border-radius: 10px;
  color: #2e2e2e;
  border-color: #600084 !important;
  filter: drop-shadow(0 0 5px #600084);
}
.darklavender-theme #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darklavender-theme .btn-change-language {
  background-color: #2e2e2e !important;
  border: 1px solid #994ab8;
}
.darklavender-theme .card-money,
.darklavender-theme .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card\ copy.c4be5af.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.darklavender-theme .bg-iconuser {
  background: #fff;
  padding: 7px;
  border-radius: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #994ab8;
}
.darklavender-theme .content-lv {
  padding: 10px 0;
}
.darklavender-theme .border-bottom-aff {
  border-bottom: 1px solid #9d50bb;
}
.darklavender-theme .body-content {
  background: #fff;
  width: 70%;
  border-bottom-right-radius: 20px;
  padding: 0 39px;
  overflow: auto;
  max-height: 300px;
}
@media (max-width: 479px) {
  .darklavender-theme .body-content {
    width: 75%;
    padding: 0 10px;
  }
}
.darklavender-theme .active2 {
  color: #232323 !important;
  background: #fff !important;
  border-bottom-left-radius: 0 !important;
}
.darklavender-theme .tab-item {
  padding: 15px !important;
  font-size: 14px !important;
}
.darklavender-theme .tab-history-class {
  border-radius: 20px;
  color: #232323;
  border: 1px solid #600084;
}
.darklavender-theme .tab-item:last-child {
  border-bottom: 1px solid #c2c2c2;
  border-bottom-left-radius: 20px !important;
}
.darklavender-theme .tab-item,
.darklavender-theme .tab-item:last-child {
  cursor: pointer;
  color: #232323;
  background: linear-gradient(180deg, #9d50bb 0, #600084);
}
.darklavender-theme .tab-item {
  border-bottom: 1px solid #c2c2c2;
}
.darklavender-theme .header-aff {
  background: linear-gradient(180deg, #9d50bb 0, #600084);
  border-bottom: 1px solid #232323;
  border-radius: 20px 20px 0 0;
}
.darklavender-theme .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #c2c2c2;
  border-radius: 30rem !important;
}
.darklavender-theme .bg-aff-level {
  background: linear-gradient(#404040, #404040) padding-box,
    linear-gradient(90deg, #9d50bb, #9444b3, #600084) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darklavender-theme .bg-aff-level .nunber-friend {
  background: #626166;
  border-radius: 10px;
  color: #fff;
}
.darklavender-theme .bg-aff-level .turn-other {
  background: #0d0c09;
  border-radius: 10px;
}
.darklavender-theme .bg-aff-level .solid {
  border: 1px solid #9d50bb;
  height: 40px;
}
.darklavender-theme .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #2e2e2e;
  color: #7d7d7d;
  padding: 5px;
}
.darklavender-theme .filters__button:hover {
  background-color: #2e2e2e;
}
.darklavender-theme .filters-content {
  background-color: #2e2e2e;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darklavender-theme .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #0d0c09;
  color: #7d7d7d;
  padding: 5px;
}
.darklavender-theme .filters__button2:hover {
  background-color: #0d0c09;
}
.darklavender-theme .filters [data-content] {
  display: none;
}
.darklavender-theme [data-content].is-active[data-content] {
  display: grid;
}
.darklavender-theme [data-target].is-active {
  background: linear-gradient(180deg, #626166, #3d3a3d);
  border-radius: 10px;
  color: #fff;
}
.darklavender-theme .condition-header {
  background: linear-gradient(
    109.63deg,
    #9d50bb 3.68%,
    #9444b3 47.76%,
    #600084 95.96%
  );
  border-radius: 5px;
  color: #2e2e2e;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.darklavender-theme .bg-wheel-condition {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(109.63deg, #9d50bb 3.68%, #9444b3 47.76%, #600084 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.darklavender-theme .btn-up-slip {
  color: #9d50bb;
  border: 2px solid #600084 !important;
  background: 0 0 !important;
}
.darklavender-theme .btn-no-received {
  background: #373737;
  border-color: #373737;
  border-radius: 10px;
}
.darklavender-theme .btn-no-received:focus,
.darklavender-theme .btn-no-received:hover {
  background-color: #373737 !important;
  border-color: #373737 !important;
  border-radius: 10px !important;
}
.darklavender-theme .bg-pro {
  background: #373737;
  border-radius: 10px;
}
.darklavender-theme .filters-content-bg {
  background-color: #0d0c09;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darklavender-theme .is-unactive {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #0d0c09;
  color: #7d7d7d;
  padding: 5px;
}
.darklavender-theme .card-points {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darklavender-theme .r-gold {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.darklavender-theme .r-gold,
.darklavender-theme .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.darklavender-theme .r-silver {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.darklavender-theme .r-copper {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.darklavender-theme .cycle-gold {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.darklavender-theme .cycle-gold,
.darklavender-theme .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.darklavender-theme .cycle-silver {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
}
.darklavender-theme .cycle-copper {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.darklavender-theme .card-decimal {
  background: #ececec;
  box-shadow: 0 4px 10px rgba(13, 13, 9, 0.12);
  border-radius: 10px;
  color: #000 !important;
}
.darklavender-theme .card-transfer {
  background: #000;
  box-shadow: 0 4px 10px rgba(13, 13, 9, 0.12);
  border-radius: 10px;
  color: #fff !important;
}
.darklavender-theme .bg-choose-team {
  background: hsla(0, 0%, 100%, 0.3);
  border-radius: 5px;
  color: #fff;
  padding: 2px;
  margin: 4px;
}
.darklavender-theme .refesh {
  position: absolute;
  top: 3px;
  right: 12px;
}
.darklavender-theme .bagfree {
  position: absolute;
  top: 0;
  right: 6px;
}
.darklavender-theme .hexagon {
  position: relative;
  width: 55px;
  height: 28.7px;
  margin: 35.15px 0;
  border-left: 3.1421px solid #fff;
  border-right: 3.1421px solid #fff;
}
.darklavender-theme .hexagon:after,
.darklavender-theme .hexagon:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 38.35px;
  height: 38.35px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 5.8249px;
}
.darklavender-theme .hexagon:before {
  top: -19.1751px;
  border-top: 3.1421px solid #fff;
  border-right: 3.1421px solid #fff;
}
.darklavender-theme .hexagon:after {
  bottom: -19.1751px;
  border-bottom: 3.1421px solid #fff;
  border-left: 3.1421px solid #fff;
}
.darklavender-theme *,
.darklavender-theme :after,
.darklavender-theme :before {
  box-sizing: border-box;
}
.darklavender-theme .bg-month {
  background: #0d0c09;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #7d7d7d;
}
.darklavender-theme .bg-month-active {
  background: linear-gradient(#0d0c09, #0d0c09) padding-box,
    linear-gradient(90deg, #9d50bb, #600084) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #fff;
  border: 1px solid transparent;
}
.darklavender-theme .bagfree2 {
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 35px;
}
.darklavender-theme .btn.focus {
  box-shadow: 0 0 0 0.2rem rgba(46, 46, 46, 0.25) !important;
}
.darklavender-theme .arry-input {
  height: calc(1.5em + 5rem + 10px) !important;
  border-radius: 10px !important;
  color: #fff !important;
}
.darkmagenta-theme .shadow-today {
  box-shadow: 0 0 15px #b91d73;
}
.darkmagenta-theme .bd-daily-fix {
  border-color: #b91d73 !important;
  background: #0d0d09 !important;
}
.darkmagenta-theme .text-deposited-daily-fix {
  color: #7d7d7d;
}
.darkmagenta-theme .bg-table-daily-fix {
  background: #4e4e4e !important;
  color: #fff !important;
}
.darkmagenta-theme .text-daily-fix {
  color: #b91d73 !important;
}
.darkmagenta-theme .text-credit-daily {
  background: linear-gradient(180deg, #2e2e2e 0, #2e2e2e) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.darkmagenta-theme .text-color {
  color: #fff !important;
}
.darkmagenta-theme .text-template {
  color: #b91d73;
}
.darkmagenta-theme .text-theme {
  color: #fff;
}
.darkmagenta-theme .text-spcial {
  background: linear-gradient(180deg, #696969 0, #1a1c1c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkmagenta-theme .text-linear,
.darkmagenta-theme .text-linear-footer {
  background: linear-gradient(180deg, #b91d73 0, #530731);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkmagenta-theme .text-see-history {
  color: #fff;
}
.darkmagenta-theme .text-head-hisotry {
  color: #b91d73;
}
.darkmagenta-theme .text-tranfer {
  background: linear-gradient(180deg, #fff 0, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkmagenta-theme .text-color-icon {
  background: linear-gradient(180deg, #bb995a, #fff7c4 50%, #ac894c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkmagenta-theme .text-credit {
  background: linear-gradient(50deg, #bb995a, #fff7c4 50%, #ac894c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkmagenta-theme .bg-ball-choose-team,
.darkmagenta-theme .bg-credit {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(90deg, #b91d73, #530731) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkmagenta-theme .bg-wallet {
  background: #2e2e2e;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
  color: #fff;
}
.darkmagenta-theme .bg-credit-free {
  background: linear-gradient(180deg, #b91d73, #530731);
  border-radius: 0 0 10px 10px;
  color: #fff !important;
}
.darkmagenta-theme .recevied-com {
  border-radius: 10px;
  border: 2px solid #bb995a;
  background: linear-gradient(50deg, #bb995a, #fff7c4 50%, #ac894c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkmagenta-theme .bg-card-commission {
  background: #2e2e2e;
  color: #b91d73 !important;
}
.darkmagenta-theme .bg-turn {
  color: #fff;
  background: #2e2e2e;
  border-radius: 10px;
}
.darkmagenta-theme .bg-icon-index {
  background: #2e2e2e !important;
  border-radius: 10px !important;
}
.darkmagenta-theme .bg-con-turn {
  background: #0d0c09 !important;
}
.darkmagenta-theme .color-toogle {
  background: linear-gradient(180deg, #5cc875 0, #5cc875);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkmagenta-theme .tab-content > .active {
  display: block;
  background: #232323 !important;
}
.darkmagenta-theme .active-bg,
.darkmagenta-theme .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #626166, #3d3a3d) !important;
  color: #fff !important;
}
.darkmagenta-theme .tab-box {
  background-color: #2e2e2e;
  color: #7d7d7d;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.darkmagenta-theme .nav-tabs {
  border-bottom: 2px solid #4a484c !important;
}
.darkmagenta-theme .nav-tabs .nav-link {
  border: 0 !important;
  background: #2e2e2e !important;
  color: #7d7d7d !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.darkmagenta-theme .boder-right {
  height: 50px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.2509803922);
}
.darkmagenta-theme .btn-copy-bank {
  background: #2e2e2e;
  border-radius: 10px;
  color: #fff;
  width: max-content;
  border-color: #2e2e2e;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16);
}
.darkmagenta-theme .btn-money {
  border-color: #b91d73;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
  color: #b91d73;
}
.darkmagenta-theme .active-btn-amount {
  background: linear-gradient(180deg, #b91d73, #530731) !important;
  color: #f4f4f4 !important;
  font-weight: 900;
}
.darkmagenta-theme .btn-topup-promptpay {
  border-color: #b91d73;
  border-radius: 10px;
  background: linear-gradient(180deg, #b91d73, #530731) !important;
  color: #fff;
}
.darkmagenta-theme .boder-color {
  border-color: #232323 !important;
}
.darkmagenta-theme .is-active-register {
  background: #b91d73 !important;
  border: 1px solid #b91d73 !important;
}
.darkmagenta-theme .b-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin: 0;
  outline: 0;
  transform: translateX(0);
  background: linear-gradient(180deg, #c43c88 0, #8c0751) !important;
}
.darkmagenta-theme .bg-info {
  color: #fff;
  background: #0d0c09 !important;
  padding: 5px;
  border-radius: 10px;
}
.darkmagenta-theme .btn-change {
  background: #2e2e2e;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}
.darkmagenta-theme .card-pro {
  background: #0d0c09;
  border-radius: 10px;
  color: #fff !important;
  font-weight: 400 !important;
}
.darkmagenta-theme .bg-lock {
  background: #b91d73;
  padding: 8px;
  border-radius: 20px;
  width: 40px;
}
.darkmagenta-theme .btn-cancel {
  background: #2e2e2e;
  border-radius: 10px;
  color: #b91d73 !important;
  border: 1px solid #b91d73;
}
.darkmagenta-theme .btn-cancel:hover {
  border-radius: 10px;
  color: #000 !important;
  border: 1px solid #000 !important;
}
.darkmagenta-theme .btn-theme-one {
  background: #851251;
  border-color: #2e2e2e !important;
  color: #fff;
  border-radius: 10px !important;
}
.darkmagenta-theme .btn-login,
.darkmagenta-theme .btn-theme-two {
  background: linear-gradient(180deg, #b91d73, #530731);
  border-radius: 10px;
  color: #fff;
  border-color: #530731 !important;
}
.darkmagenta-theme .btn-theme-seemore {
  background: #565553;
  border-radius: 10px;
  color: #fff;
  border-color: #565553 !important;
}
.darkmagenta-theme .btn-copy {
  background: linear-gradient(180deg, #b91d73, #530731) !important;
  border-radius: 0 10px 10px 0 !important;
  color: #fff !important;
  border: 0 solid #b91d73 !important;
}


.darkmagenta-theme .bg-input-theme {
  background-color: #d1d1d1 !important;
}
.darkmagenta-theme .border-theme {
  border-radius: 15px !important;
}
.darkmagenta-theme .icon-activity {
  filter: invert(0);
  width: 20px;
}
.darkmagenta-theme .bg-table {
  background-color: #2c2c2c;
  border-radius: 10px;
  border: 0 solid #2c2c2c !important;
}
.darkmagenta-theme .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #000 !important;
  border-top: 0 solid #000 !important;
  padding: 4px 12px;
  background: #4e4e4e;
  color: #fff !important;
}
/* .darkmagenta-theme .table td {
  vertical-align: top;
  border-top: 0 solid #000 !important;
  color: #fff !important;
} */
.darkmagenta-theme .Daily__item__box {
  position: relative;
  height: 75px;
  background: #2e2e2e;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
}
.darkmagenta-theme .Daily__item__box.active {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(90deg, #b91d73, #530731) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.darkmagenta-theme .Daily__item__box.active-today {
  background: linear-gradient(180deg, #b91d73, #530731);
  border: none !important;
}
.darkmagenta-theme .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2e2e2e;
  border-radius: 10px;
}
.darkmagenta-theme .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.darkmagenta-theme .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.darkmagenta-theme .text-daily {
  color: #fff;
}
.darkmagenta-theme .btn-reward {
  width: 85%;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
  cursor: pointer;
}
.darkmagenta-theme .bg-btn-point {
  background: #c2c2c2;
  border-radius: 20px;
  margin: 4px;
}
.darkmagenta-theme .bg-chosses {
  background-color: #232323;
  border-radius: 15px;
  filter: drop-shadow(0 1px 1px #989898);
  color: #fff;
}
.darkmagenta-theme .bg-hover:hover,
.darkmagenta-theme .btn-hover:focus {
  background-color: #3d3d3d;
}
.darkmagenta-theme .showSlide {
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 80%;
  background-color: #2c2c2c !important;
  display: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.darkmagenta-theme #modal-suscess-complain .modal-content,
.darkmagenta-theme #modalQuestionnaire .modal-content {
  background-color: #232323 !important;
}
.darkmagenta-theme .from-complain {
  display: block;
  width: 100%;
  height: calc(1.5em + 5rem + 10px) !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  background-color: #f4f4f4 !important;
  background-clip: padding-box;
  border: 1px solid #f4f4f4 !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darkmagenta-theme .btn-withdraw {
  background: linear-gradient(180deg, #b91d73, #530731);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  color: #fff;
  border-color: #530731 !important;
}
.darkmagenta-theme .cover-withdraw {
  background: #2e2e2e;
  border-radius: 0 0 10px 10px;
}
.darkmagenta-theme .hd-withdraw {
  background: #4e4e4e;
  border-radius: 10px 10px 0 0;
  color: #fff;
  padding: 10px;
}
.darkmagenta-theme .card-withdraw {
  background: #0d0c09 !important;
  color: #fff !important;
  border-radius: 5px;
}
.darkmagenta-theme .page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #a71b68 !important;
  border-color: #a71b68 !important;
}
.darkmagenta-theme .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #fff !important;
  background-color: #2e2e2e !important;
  border: 1px solid #232323 !important;
}
.darkmagenta-theme
  .custom-control-input:checked
  ~ .custom-control-label:before {
  color: #fff !important;
  border-color: #b91d73 !important;
  background-color: #b91d73 !important;
}
.darkmagenta-theme .boxcredit {
  background: rgba(34, 32, 32, 0.6);
  width: 50%;
}
.darkmagenta-theme .border-color {
  border: 2px solid #851251;
  border-radius: 10px;
}
.darkmagenta-theme .btn-box {
  background-image: linear-gradient(315deg, #b91d73, #530731 74%);
  border-radius: 5px 25px;
  filter: drop-shadow(1px 2px 4px #d85da1);
  border-color: #b30d68 !important;
}
.darkmagenta-theme .breadcrumb {
  background-color: #0d0d09 !important;
}
/* .darkmagenta-theme .breadcrumb-item.active {
  color: #b91d73 !important;
} */
.darkmagenta-theme .swal2-popup {
  background: #232323 !important;
}
.darkmagenta-theme .swal2-popup-loader {
  background: none !important;
}
.darkmagenta-theme .swal2-content,
.darkmagenta-theme .swal2-title {
  color: #fff !important;
}
.darkmagenta-theme .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #b91d73, #530731) !important;
  border-radius: 10px !important;
  border-color: #fff !important;
  color: #fff !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.darkmagenta-theme .bg-body-modal {
  background: linear-gradient(180deg, #b91d73, #530731);
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #2e2e2e !important;
  color: #fff;
}
.darkmagenta-theme .modal-content {
  border-radius: 1rem !important;
}
.darkmagenta-theme .bg-body,
.darkmagenta-theme .bg-body-promotion {
  background: #2e2e2e !important;
}
.darkmagenta-theme .bg-footer {
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: calc(1rem - 1px) !important;
  border-bottom-left-radius: calc(1rem - 1px) !important;
  background-color: #2e2e2e !important;
}
.darkmagenta-theme #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkmagenta-theme #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkmagenta-theme #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darkmagenta-theme #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkmagenta-theme #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkmagenta-theme #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darkmagenta-theme #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkmagenta-theme #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkmagenta-theme .card-bank {
  background: #2e2e2e;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}
.darkmagenta-theme .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid rgba(0, 0, 0, 0.125);
}
.darkmagenta-theme .swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid;
  border-radius: 50%;
}
.darkmagenta-theme .swal2-icon.swal2-success [class^="swal2-success-line"] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
}

.darkmagenta-theme .custom-select {
  display: inline-block;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  color: #fff !important;
  vertical-align: middle;
  background-color: #2e2e2e !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(https://i.imgur.com/ZS05XIa.png) right 0.75rem center/8px
    10px no-repeat;
}
.darkmagenta-theme .multiselect__tags {
  min-height: 40px;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  font-size: 14px;
}
.darkmagenta-theme .multiselect__content-wrapper,
.darkmagenta-theme .multiselect__tags {
  display: block;
  border: 1px solid #0d0c09 !important;
  background: #2e2e2e !important;
  color: #fff !important;
}
.darkmagenta-theme .multiselect__content-wrapper {
  position: absolute;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.darkmagenta-theme .multiselect__input,
.darkmagenta-theme .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #2e2e2e !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
  color: #fff;
}
.darkmagenta-theme .multiselect__option--highlight {
  background: #2e2e2e !important;
  outline: none;
  color: #fff !important;
}
.darkmagenta-theme #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.darkmagenta-theme .border-banner {
  border: 2px solid #b91d73;
  border-radius: 10px;
}
.darkmagenta-theme .btn-secondary:hover {
  color: #fff;
  background-color: #b91d73 !important;
  border-color: none !important;
}
.darkmagenta-theme .btn-secondary.focus,
.darkmagenta-theme .btn-secondary:focus {
  color: #fff;
  background-color: #b91d73 !important;
  border-color: #b91d73 !important;
}
.darkmagenta-theme .bg-choose {
  background: #2e2e2e !important;
  color: #fff;
}
.darkmagenta-theme .btn-join-activity {
  background: linear-gradient(180deg, #b91d73, #530731);
  border-radius: 0 0 10px 10px;
  color: #fff;
}
.darkmagenta-theme .bg-input {
  background: #2e2e2e !important;
  border-radius: 10px;
  color: #fff !important;
  border: none !important;
}
.darkmagenta-theme .bg-condition {
  background: #2e2e2e !important;
  color: #fff;
}
.darkmagenta-theme .header-login {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5019607843);
  border: 0 solid rgba(0, 0, 0, 0.125);
}
.darkmagenta-theme .footer-wrapper1 {
  height: auto;
}
.darkmagenta-theme .footer-wrapper,
.darkmagenta-theme .footer-wrapper1 {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.darkmagenta-theme .footer-wrapper {
  height: 58px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: #2e2e2e;
  box-shadow: 0 0 16px hsla(0, 0%, 41.2%, 0.55);
  z-index: 20;
  box-shadow: 0px 0px 15px 1px var(--primaroo);
}
.darkmagenta-theme .footer-wrapper .play-game {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 15px;
  text-align: center;
  transform: rotate(45deg);
  background: var(--primary);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
}
.darkmagenta-theme .footer-wrapper .play-game .play-game-box {
  display: table-cell;
  transform: rotate(316deg);
  vertical-align: middle;
}
.darkmagenta-theme .footer-wrapper .play-game .item-count {
  width: 30px;
  filter: invert(0);
}
.darkmagenta-theme .footer-wrapper .play-game-5 {
  border-radius: 30px;
  height: 50px;
  text-align: center;
  width: 50px;
  padding: 8px;
  background: linear-gradient(180deg, #b91d73, #8b215b 50%, #530731);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
  position: absolute;
  top: -20px;
}
.darkmagenta-theme .footer-wrapper .play-game-5 .play-game-box-5 {
  display: table-cell;
  vertical-align: middle;
}
.darkmagenta-theme .footer-wrapper .play-game-5 .item-count {
  width: 34px;
  filter: invert(1);
}
.darkmagenta-theme a {
  /* color: #fff !important; */
}
.darkmagenta-theme a:hover {
  color: --blue;
  text-decoration: none !important;
}
.darkmagenta-theme .bg-table-aff {
  background-color: #232323 !important;
  border: 0 solid #2c2c2c !important;
}
.darkmagenta-theme .border-left {
  border-left: 3px solid #b91d73 !important;
}
.darkmagenta-theme .border-solid {
  border: 1px solid #4e4e4e;
}
.darkmagenta-theme .bg-from-aff {
  display: inline-block;
  width: 50% !important;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  vertical-align: middle;
  background-color: #2e2e2e !important;
  border: 1px solid #2e2e2e !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.darkmagenta-theme .bg-in-aff {
  background: #c4c4c4;
  border-radius: 5px;
  color: #000;
  padding: 5px;
}
.darkmagenta-theme .icon-aff {
  position: absolute;
  top: 92px;
  left: 0;
  right: 0;
  color: #fff;
}
.darkmagenta-theme .btn-comein {
  position: absolute;
  bottom: -17%;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.darkmagenta-theme .bg-search {
  background-color: #2e2e2e !important;
}
.darkmagenta-theme .bg-from,
.darkmagenta-theme .bg-search {
  border: 1px solid #b91d73 !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff !important;
}
.darkmagenta-theme .bg-from {
  background-color: #2e2e2e !important;
  background: #464646 url(/_nuxt/img/dropdown.2ae9015.png) no-repeat right
    0.75rem center/10px 8px;
}
.darkmagenta-theme .search {
  position: absolute;
  right: 24px;
  color: #bdbdbd;
}
.darkmagenta-theme .card-point {
  background: #4e4e4e !important;
  filter: drop-shadow(0 0 0 #4e4e4e) !important;
  color: #fff !important;
  border-radius: 10px;
}
.darkmagenta-theme .bg-point {
  background: #b91d73;
  border-radius: 20px;
  margin: 4px;
  color: #000;
}
.darkmagenta-theme .bg-card-his {
  background: #4e4e4e !important;
  color: #fff !important;
}
.darkmagenta-theme .card-nodata {
  background: #232323;
  color: #fff;
  padding: 80px;
  border-radius: 10px;
}
.darkmagenta-theme .action-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2%;
}
.darkmagenta-theme .action-wrapper__btn-spin {
  background-image: url(https://es-dev.vrbet.com/_nuxt/img/button.1e27aca.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 6vw;
  width: 14vw;
  margin-bottom: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.darkmagenta-theme .action-wrapper__btn-spin span {
  font-size: 3vw;
  color: #fff;
  -webkit-text-stroke: 3px #fff;
}
@media screen and (max-width: 992px) {
  .darkmagenta-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2.5px #fff;
    font-size: 6vw;
  }
}
@media screen and (max-width: 480px) {
  .darkmagenta-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2px #fff;
    font-size: 8vw;
  }
}
@media screen and (max-width: 992px) {
  .darkmagenta-theme .action-wrapper__btn-spin {
    margin-top: 3vw;
    width: 26vw;
    height: 12vw;
  }
}
@media screen and (max-width: 480px) {
  .darkmagenta-theme .action-wrapper__btn-spin {
    width: 40vw;
    height: 18vw;
  }
}
.darkmagenta-theme .action-wrapper__btn-spin.disabledbtn {
  cursor: not-allowed;
  filter: grayscale(1);
}
.darkmagenta-theme .glass-panel {
  color: #fff;
  margin: 40px auto;
  background-color: hsla(0, 0%, 100%, 0.06);
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  width: 100%;
  border-radius: 15px;
  padding: 32px;
  backdrop-filter: blur(10px);
}
.darkmagenta-theme .glass-button {
  display: inline-block;
  padding: 15px 18px;
  text-decoration: none;
  border-radius: 15px;
  background-color: #4e4e4e;
  border: 1px solid #000;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: #000;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}
.darkmagenta-theme .glass-button:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.darkmagenta-theme .glass-panel {
  max-width: 600px;
}
.darkmagenta-theme #background-wrap {
  bottom: 0;
  left: 0;
  padding-top: 50px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.darkmagenta-theme .x1 {
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 35s linear infinite;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  transform: scale(0.65);
}
.darkmagenta-theme .x2 {
  -webkit-animation: animateCloud 20s linear infinite;
  -moz-animation: animateCloud 20s linear infinite;
  animation: animateCloud 20s linear infinite;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.darkmagenta-theme .x3 {
  -webkit-animation: animateCloud 30s linear infinite;
  -moz-animation: animateCloud 30s linear infinite;
  animation: animateCloud 30s linear infinite;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.darkmagenta-theme .x4 {
  -webkit-animation: animateCloud 18s linear infinite;
  -moz-animation: animateCloud 18s linear infinite;
  animation: animateCloud 18s linear infinite;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.darkmagenta-theme .x5 {
  -webkit-animation: animateCloud 25s linear infinite;
  -moz-animation: animateCloud 25s linear infinite;
  animation: animateCloud 25s linear infinite;
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  transform: scale(0.55);
}
.darkmagenta-theme .cloud {
  background: #fff;
  background: -moz-linear-gradient(top, #fff 5%, #f1f1f1 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, #fff),
    color-stop(100%, #f1f1f1)
  );
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  height: 120px;
  position: relative;
  width: 350px;
}
.darkmagenta-theme .cloud:after,
.darkmagenta-theme .cloud:before {
  background: #fff;
  content: "";
  position: absolute;
  z-index: -1;
}
.darkmagenta-theme .cloud:after {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  height: 100px;
  left: 50px;
  top: -50px;
  width: 100px;
}
.darkmagenta-theme .cloud:before {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  width: 180px;
  height: 180px;
  right: 50px;
  top: -90px;
}
.darkmagenta-theme .bg-share-facebook {
  background-color: #2e2e2e !important;
  color: #fff !important;
}
.darkmagenta-theme .bg-game {
  background: #2e2e2e !important;
  border-radius: 10px !important;
  color: #bdbdbd !important;
  width: 80px;
  height: 67px;
}
.darkmagenta-theme .bg-game-active {
  background: linear-gradient(180deg, #e33a98, #761248) !important;
  border-radius: 10px !important;
  color: #2e2e2e !important;
  width: 80px;
  height: 67px;
}
.darkmagenta-theme .bg-search-game {
  background-color: #2e2e2e !important;
  border-radius: 10px !important;
  color: #fff !important;
}
.darkmagenta-theme .unactive-footer {
  color: #bdbdbd;
}
.darkmagenta-theme .btn-aff-share {
  background: linear-gradient(270deg, #b91d73, #530731);
  border-radius: 10px;
  color: #2e2e2e;
  border-color: #530731 !important;
  filter: drop-shadow(0 0 5px #530731);
}
.darkmagenta-theme #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkmagenta-theme .btn-change-language {
  background-color: #2e2e2e !important;
  border: 1px solid #b91d73;
}
.darkmagenta-theme .card-money,
.darkmagenta-theme .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card\ copy.c4be5af.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.darkmagenta-theme .bg-iconuser {
  background: #fff;
  padding: 7px;
  border-radius: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #b91d73;
}
.darkmagenta-theme .content-lv {
  padding: 10px 0;
}
.darkmagenta-theme .border-bottom-aff {
  border-bottom: 1px solid #b91d73;
}
.darkmagenta-theme .body-content {
  background: #fff;
  width: 70%;
  border-bottom-right-radius: 20px;
  padding: 0 39px;
  overflow: auto;
  max-height: 300px;
}
@media (max-width: 479px) {
  .darkmagenta-theme .body-content {
    width: 75%;
    padding: 0 10px;
  }
}
.darkmagenta-theme .active2 {
  color: #232323 !important;
  background: #fff !important;
  border-bottom-left-radius: 0 !important;
}
.darkmagenta-theme .tab-item {
  padding: 15px !important;
  font-size: 14px !important;
}
.darkmagenta-theme .tab-history-class {
  border-radius: 20px;
  color: #232323;
  border: 1px solid #530731;
}
.darkmagenta-theme .tab-item:last-child {
  border-bottom: 1px solid #c2c2c2;
  border-bottom-left-radius: 20px !important;
}
.darkmagenta-theme .tab-item,
.darkmagenta-theme .tab-item:last-child {
  cursor: pointer;
  color: #232323;
  background: linear-gradient(180deg, #b91d73 0, #530731);
}
.darkmagenta-theme .tab-item {
  border-bottom: 1px solid #c2c2c2;
}
.darkmagenta-theme .header-aff {
  background: linear-gradient(180deg, #b91d73 0, #530731);
  border-bottom: 1px solid #232323;
  border-radius: 20px 20px 0 0;
}
.darkmagenta-theme .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #c2c2c2;
  border-radius: 30rem !important;
}
.darkmagenta-theme .bg-aff-level {
  background: linear-gradient(#404040, #404040) padding-box,
    linear-gradient(90deg, #b91d73, #8b215b, #530731) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkmagenta-theme .bg-aff-level .nunber-friend {
  background: #626166;
  border-radius: 10px;
  color: #fff;
}
.darkmagenta-theme .bg-aff-level .turn-other {
  background: #0d0c09;
  border-radius: 10px;
}
.darkmagenta-theme .bg-aff-level .solid {
  border: 1px solid #b91d73;
  height: 40px;
}
.darkmagenta-theme .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #2e2e2e;
  color: #7d7d7d;
  padding: 5px;
}
.darkmagenta-theme .filters__button:hover {
  background-color: #2e2e2e;
}
.darkmagenta-theme .filters-content {
  background-color: #2e2e2e;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darkmagenta-theme .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #0d0c09;
  color: #7d7d7d;
  padding: 5px;
}
.darkmagenta-theme .filters__button2:hover {
  background-color: #0d0c09;
}
.darkmagenta-theme .filters [data-content] {
  display: none;
}
.darkmagenta-theme [data-content].is-active[data-content] {
  display: grid;
}
.darkmagenta-theme [data-target].is-active {
  background: linear-gradient(180deg, #626166, #3d3a3d);
  border-radius: 10px;
  color: #fff;
}
.darkmagenta-theme .condition-header {
  background: linear-gradient(
    109.63deg,
    #b91d73 3.68%,
    #8b215b 47.76%,
    #530731 95.96%
  );
  border-radius: 5px;
  color: #2e2e2e;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.darkmagenta-theme .bg-wheel-condition {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(109.63deg, #b91d73 3.68%, #8b215b 47.76%, #530731 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.darkmagenta-theme .btn-up-slip {
  color: #b91d73;
  border: 2px solid #530731 !important;
  background: 0 0 !important;
}
.darkmagenta-theme .btn-no-received {
  background: #373737;
  border-color: #373737;
  border-radius: 10px;
}
.darkmagenta-theme .btn-no-received:focus,
.darkmagenta-theme .btn-no-received:hover {
  background-color: #373737 !important;
  border-color: #373737 !important;
  border-radius: 10px !important;
}
.darkmagenta-theme .bg-pro {
  background: #373737;
  border-radius: 10px;
}
.darkmagenta-theme .filters-content-bg {
  background-color: #0d0c09;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darkmagenta-theme .is-unactive {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #0d0c09;
  color: #7d7d7d;
  padding: 5px;
}
.darkmagenta-theme .card-points {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkmagenta-theme .r-gold {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.darkmagenta-theme .r-gold,
.darkmagenta-theme .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.darkmagenta-theme .r-silver {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.darkmagenta-theme .r-copper {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.darkmagenta-theme .cycle-gold {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.darkmagenta-theme .cycle-gold,
.darkmagenta-theme .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.darkmagenta-theme .cycle-silver {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
}
.darkmagenta-theme .cycle-copper {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.darkmagenta-theme .card-decimal {
  background: #ececec;
  box-shadow: 0 4px 10px rgba(13, 13, 9, 0.12);
  border-radius: 10px;
  color: #000 !important;
}
.darkmagenta-theme .card-transfer {
  background: #000;
  box-shadow: 0 4px 10px rgba(13, 13, 9, 0.12);
  border-radius: 10px;
  color: #fff !important;
}
.darkmagenta-theme .bg-choose-team {
  background: hsla(0, 0%, 100%, 0.3);
  border-radius: 5px;
  color: #fff;
  padding: 2px;
  margin: 4px;
}
.darkmagenta-theme .refesh {
  position: absolute;
  top: 3px;
  right: 12px;
}
.darkmagenta-theme .bagfree {
  position: absolute;
  top: 0;
  right: 6px;
}
.darkmagenta-theme .hexagon {
  position: relative;
  width: 55px;
  height: 28.7px;
  margin: 35.15px 0;
  border-left: 3.1421px solid #fff;
  border-right: 3.1421px solid #fff;
}
.darkmagenta-theme .hexagon:after,
.darkmagenta-theme .hexagon:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 38.35px;
  height: 38.35px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 5.8249px;
}
.darkmagenta-theme .hexagon:before {
  top: -19.1751px;
  border-top: 3.1421px solid #fff;
  border-right: 3.1421px solid #fff;
}
.darkmagenta-theme .hexagon:after {
  bottom: -19.1751px;
  border-bottom: 3.1421px solid #fff;
  border-left: 3.1421px solid #fff;
}
.darkmagenta-theme *,
.darkmagenta-theme :after,
.darkmagenta-theme :before {
  box-sizing: border-box;
}
.darkmagenta-theme .bg-month {
  background: #0d0c09;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #7d7d7d;
}
.darkmagenta-theme .bg-month-active {
  background: linear-gradient(#0d0c09, #0d0c09) padding-box,
    linear-gradient(90deg, #b91d73, #530731) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #fff;
  border: 1px solid transparent;
}
.darkmagenta-theme .bagfree2 {
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 35px;
}
.darkmagenta-theme .btn.focus {
  box-shadow: 0 0 0 0.2rem rgba(46, 46, 46, 0.25) !important;
}
.darkmagenta-theme .arry-input {
  height: calc(1.5em + 5rem + 10px) !important;
  border-radius: 10px !important;
  color: #fff !important;
}
.darkmidnight-theme .shadow-today {
  box-shadow: 0 0 15px #005de1;
}
.darkmidnight-theme .bd-daily-fix {
  border-color: #074485 !important;
  background: #0d0d09 !important;
}
.darkmidnight-theme .text-deposited-daily-fix {
  color: #7d7d7d;
}
.darkmidnight-theme .bg-table-daily-fix {
  background: #4e4e4e !important;
  color: #fff !important;
}
.darkmidnight-theme .text-daily-fix {
  color: #1a51b3 !important;
}
.darkmidnight-theme .text-credit-daily {
  background: linear-gradient(180deg, #2e2e2e 0, #2e2e2e) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.darkmidnight-theme .text-color {
  color: #fff !important;
}
.darkmidnight-theme .text-template {
  color: #1a51b3;
}
.darkmidnight-theme .text-theme {
  color: #fff;
}
.darkmidnight-theme .text-spcial {
  background: linear-gradient(180deg, #696969 0, #1a1c1c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkmidnight-theme .text-linear,
.darkmidnight-theme .text-linear-footer {
  background: linear-gradient(180deg, #005de1 0, #002c6b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkmidnight-theme .text-see-history {
  color: #fff;
}
.darkmidnight-theme .text-head-hisotry {
  color: #1a51b3;
}
.darkmidnight-theme .text-tranfer {
  background: linear-gradient(180deg, #fff 0, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkmidnight-theme .text-color-icon {
  background: linear-gradient(180deg, #bb995a, #fff7c4 50%, #ac894c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkmidnight-theme .text-credit {
  background: linear-gradient(50deg, #bb995a, #fff7c4 50%, #ac894c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkmidnight-theme .bg-ball-choose-team,
.darkmidnight-theme .bg-credit {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(90deg, #005de1, #002c6b) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkmidnight-theme .bg-wallet {
  background: #2e2e2e;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
  color: #fff;
}
.darkmidnight-theme .bg-credit-free {
  background: linear-gradient(180deg, #005de1, #002c6b);
  border-radius: 0 0 10px 10px;
  color: #fff !important;
}
.darkmidnight-theme .recevied-com {
  border-radius: 10px;
  border: 2px solid #bb995a;
  background: linear-gradient(50deg, #bb995a, #fff7c4 50%, #ac894c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkmidnight-theme .bg-card-commission {
  background: #2e2e2e;
  color: #1a51b3 !important;
}
.darkmidnight-theme .bg-turn {
  color: #fff;
  background: #2e2e2e;
  border-radius: 10px;
}
.darkmidnight-theme .bg-icon-index {
  background: #2e2e2e !important;
  border-radius: 10px !important;
}
.darkmidnight-theme .bg-con-turn {
  background: #0d0c09 !important;
}
.darkmidnight-theme .color-toogle {
  background: linear-gradient(180deg, #5cc875 0, #5cc875);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkmidnight-theme .tab-content > .active {
  display: block;
  background: #232323 !important;
}
.darkmidnight-theme .active-bg,
.darkmidnight-theme .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #626166, #3d3a3d) !important;
  color: #fff !important;
}
.darkmidnight-theme .tab-box {
  background-color: #2e2e2e;
  color: #7d7d7d;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.darkmidnight-theme .nav-tabs {
  border-bottom: 2px solid #4a484c !important;
}
.darkmidnight-theme .nav-tabs .nav-link {
  border: 0 !important;
  background: #2e2e2e !important;
  color: #7d7d7d !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.darkmidnight-theme .boder-right {
  height: 50px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.2509803922);
}
.darkmidnight-theme .btn-copy-bank {
  background: #2e2e2e;
  border-radius: 10px;
  color: #fff;
  width: max-content;
  border-color: #2e2e2e;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16);
}
.darkmidnight-theme .btn-money {
  border-color: #005de1;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
  color: #005de1;
}
.darkmidnight-theme .active-btn-amount {
  background: linear-gradient(180deg, #005de1, #002c6b) !important;
  color: #f4f4f4 !important;
  font-weight: 900;
}
.darkmidnight-theme .btn-topup-promptpay {
  border-color: #005de1;
  border-radius: 10px;
  background: linear-gradient(180deg, #005de1, #002c6b) !important;
  color: #fff;
}
.darkmidnight-theme .boder-color {
  border-color: #232323 !important;
}
.darkmidnight-theme .is-active-register {
  background: #074485 !important;
  border: 1px solid #074485 !important;
}
.darkmidnight-theme .b-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin: 0;
  outline: 0;
  transform: translateX(0);
  background: linear-gradient(180deg, #0365b9 0, #252a55) !important;
}
.darkmidnight-theme .bg-info {
  color: #fff;
  background: #0d0c09 !important;
  padding: 5px;
  border-radius: 10px;
}
.darkmidnight-theme .btn-change {
  background: #2e2e2e;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}
.darkmidnight-theme .card-pro {
  background: #0d0c09;
  border-radius: 10px;
  color: #fff !important;
  font-weight: 400 !important;
}
.darkmidnight-theme .bg-lock {
  background: #005de1;
  padding: 8px;
  border-radius: 20px;
  width: 40px;
}
.darkmidnight-theme .btn-cancel {
  background: #2e2e2e;
  border-radius: 10px;
  color: #1a51b3 !important;
  border: 1px solid #1a51b3;
}
.darkmidnight-theme .btn-cancel:hover {
  border-radius: 10px;
  color: #000 !important;
  border: 1px solid #000 !important;
}
.darkmidnight-theme .btn-theme-one {
  background: #084a8d;
  border-color: #2e2e2e !important;
  color: #fff;
  border-radius: 10px !important;
}
.darkmidnight-theme .btn-login,
.darkmidnight-theme .btn-theme-two {
  background: linear-gradient(180deg, #005de1, #002c6b);
  border-radius: 10px;
  color: #fff;
  border-color: #002c6b !important;
}
.darkmidnight-theme .btn-theme-seemore {
  background: #565553;
  border-radius: 10px;
  color: #fff;
  border-color: #565553 !important;
}
.darkmidnight-theme .btn-copy {
  background: linear-gradient(180deg, #005de1, #002c6b) !important;
  border-radius: 0 10px 10px 0 !important;
  color: #fff !important;
  border: 0 solid #005de1 !important;
}
.darkmidnight-theme .card {
  background: #232323 !important;
  color: #fff !important;
  filter: drop-shadow(0 0 1px #989898);
}
.darkmidnight-theme .bg-input-theme {
  background-color: #d1d1d1 !important;
}
.darkmidnight-theme .border-theme {
  border-radius: 15px !important;
}
.darkmidnight-theme .icon-activity {
  filter: invert(0);
  width: 20px;
}
.darkmidnight-theme .bg-table {
  background-color: #2c2c2c;
  border-radius: 10px;
  border: 0 solid #2c2c2c !important;
}
.darkmidnight-theme .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #000 !important;
  border-top: 0 solid #000 !important;
  padding: 4px 12px;
  background: #4e4e4e;
  color: #fff !important;
}
.darkmidnight-theme .table td {
  vertical-align: top;
  border-top: 0 solid #000 !important;
  color: #fff !important;
}
.darkmidnight-theme .Daily__item__box {
  position: relative;
  height: 75px;
  background: #2e2e2e;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
}
.darkmidnight-theme .Daily__item__box.active {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(90deg, #005de1, #002c6b) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.darkmidnight-theme .Daily__item__box.active-today {
  background: linear-gradient(180deg, #005de1, #002c6b);
  border: none !important;
}
.darkmidnight-theme .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2e2e2e;
  border-radius: 10px;
}
.darkmidnight-theme .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.darkmidnight-theme .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.darkmidnight-theme .text-daily {
  color: #fff;
}
.darkmidnight-theme .btn-reward {
  width: 85%;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
  cursor: pointer;
}
.darkmidnight-theme .bg-btn-point {
  background: #c2c2c2;
  border-radius: 20px;
  margin: 4px;
}
.darkmidnight-theme .bg-chosses {
  background-color: #232323;
  border-radius: 15px;
  filter: drop-shadow(0 1px 1px #989898);
  color: #fff;
}
.darkmidnight-theme .bg-hover:hover,
.darkmidnight-theme .btn-hover:focus {
  background-color: #3d3d3d;
}
.darkmidnight-theme .showSlide {
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 80%;
  background-color: #2c2c2c !important;
  display: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.darkmidnight-theme #modal-suscess-complain .modal-content,
.darkmidnight-theme #modalQuestionnaire .modal-content {
  background-color: #232323 !important;
}
.darkmidnight-theme .from-complain {
  display: block;
  width: 100%;
  height: calc(1.5em + 5rem + 10px) !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  background-color: #f4f4f4 !important;
  background-clip: padding-box;
  border: 1px solid #f4f4f4 !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darkmidnight-theme .btn-withdraw {
  background: linear-gradient(180deg, #005de1, #002c6b);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  color: #fff;
  border-color: #002c6b !important;
}
.darkmidnight-theme .cover-withdraw {
  background: #2e2e2e;
  border-radius: 0 0 10px 10px;
}
.darkmidnight-theme .hd-withdraw {
  background: #4e4e4e;
  border-radius: 10px 10px 0 0;
  color: #fff;
  padding: 10px;
}
.darkmidnight-theme .card-withdraw {
  background: #0d0c09 !important;
  color: #fff !important;
  border-radius: 5px;
}
.darkmidnight-theme .page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #1b325b !important;
  border-color: #1b325b !important;
}
.darkmidnight-theme .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #fff !important;
  background-color: #2e2e2e !important;
  border: 1px solid #232323 !important;
}
.darkmidnight-theme
  .custom-control-input:checked
  ~ .custom-control-label:before {
  color: #fff !important;
  border-color: #1a51b3 !important;
  background-color: #1a51b3 !important;
}
.darkmidnight-theme .boxcredit {
  background: rgba(34, 32, 32, 0.6);
  width: 50%;
}
.darkmidnight-theme .border-color {
  border: 2px solid #0d2864;
  border-radius: 10px;
}
.darkmidnight-theme .btn-box {
  background-image: linear-gradient(315deg, #005de1, #002c6b 74%);
  border-radius: 5px 25px;
  filter: drop-shadow(1px 2px 4px #2980b9);
  border-color: #0d2864 !important;
}
.darkmidnight-theme .breadcrumb {
  background-color: #0d0d09 !important;
}
.darkmidnight-theme .breadcrumb-item.active {
  color: #1a51b3 !important;
}
.darkmidnight-theme .swal2-popup {
  background: #232323 !important;
}
.darkmidnight-theme .swal2-content,
.darkmidnight-theme .swal2-title {
  color: #fff !important;
}
.darkmidnight-theme .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #005de1, #002c6b) !important;
  border-radius: 10px !important;
  border-color: #fff !important;
  color: #fff !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.darkmidnight-theme .bg-body-modal {
  background: linear-gradient(180deg, #005de1, #002c6b);
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #2e2e2e !important;
  color: #fff;
}
.darkmidnight-theme .modal-content {
  border-radius: 1rem !important;
}
.darkmidnight-theme .bg-body,
.darkmidnight-theme .bg-body-promotion {
  background: #2e2e2e !important;
}
.darkmidnight-theme .bg-footer {
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: calc(1rem - 1px) !important;
  border-bottom-left-radius: calc(1rem - 1px) !important;
  background-color: #2e2e2e !important;
}
.darkmidnight-theme #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkmidnight-theme #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkmidnight-theme #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darkmidnight-theme #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkmidnight-theme #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkmidnight-theme #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darkmidnight-theme #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkmidnight-theme #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkmidnight-theme .card-bank {
  background: #2e2e2e;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}
.darkmidnight-theme .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid rgba(0, 0, 0, 0.125);
}
.darkmidnight-theme .swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid;
  border-radius: 50%;
}
.darkmidnight-theme .swal2-icon.swal2-success [class^="swal2-success-line"] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
}
.darkmidnight-theme .form-control {
  display: block;
  padding: 0.375rem 0.75rem;
  color: #232323 !important;
  background-color: #2e2e2e;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darkmidnight-theme .custom-select,
.darkmidnight-theme .form-control {
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  border: 1px solid #0d0c09 !important;
  border-radius: 0.25rem;
}
.darkmidnight-theme .custom-select {
  display: inline-block;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  color: #fff !important;
  vertical-align: middle;
  background-color: #2e2e2e !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(https://i.imgur.com/ZS05XIa.png) right 0.75rem center/8px
    10px no-repeat;
}
.darkmidnight-theme .multiselect__tags {
  min-height: 40px;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  font-size: 14px;
}
.darkmidnight-theme .multiselect__content-wrapper,
.darkmidnight-theme .multiselect__tags {
  display: block;
  border: 1px solid #0d0c09 !important;
  background: #2e2e2e !important;
  color: #fff !important;
}
.darkmidnight-theme .multiselect__content-wrapper {
  position: absolute;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.darkmidnight-theme .multiselect__input,
.darkmidnight-theme .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #2e2e2e !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
  color: #fff;
}
.darkmidnight-theme .multiselect__option--highlight {
  background: #2e2e2e !important;
  outline: none;
  color: #fff !important;
}
.darkmidnight-theme #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.darkmidnight-theme .border-banner {
  border: 2px solid #005de1;
  border-radius: 10px;
}
.darkmidnight-theme .btn-secondary:hover {
  color: #fff;
  background-color: #005de1 !important;
  border-color: none !important;
}
.darkmidnight-theme .btn-secondary.focus,
.darkmidnight-theme .btn-secondary:focus {
  color: #fff;
  background-color: #005de1 !important;
  border-color: #005de1 !important;
}
.darkmidnight-theme .bg-choose {
  background: #2e2e2e !important;
  color: #fff;
}
.darkmidnight-theme .btn-join-activity {
  background: linear-gradient(180deg, #005de1, #002c6b);
  border-radius: 0 0 10px 10px;
  color: #fff;
}
.darkmidnight-theme .bg-input {
  background: #2e2e2e !important;
  border-radius: 10px;
  color: #fff !important;
  border: none !important;
}
.darkmidnight-theme .bg-condition {
  background: #2e2e2e !important;
  color: #fff;
}
.darkmidnight-theme .header-login {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5019607843);
  border: 0 solid rgba(0, 0, 0, 0.125);
}
.darkmidnight-theme .footer-wrapper1 {
  height: auto;
}
.darkmidnight-theme .footer-wrapper,
.darkmidnight-theme .footer-wrapper1 {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.darkmidnight-theme .footer-wrapper {
  height: 58px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: #2e2e2e;
  box-shadow: 0 0 16px hsla(0, 0%, 41.2%, 0.55);
  z-index: 2;
}
.darkmidnight-theme .footer-wrapper .play-game {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 15px;
  text-align: center;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #005de1, #0a449e 50%, #002c6b);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
}
.darkmidnight-theme .footer-wrapper .play-game .play-game-box {
  display: table-cell;
  transform: rotate(316deg);
  vertical-align: middle;
}
.darkmidnight-theme .footer-wrapper .play-game .item-count {
  width: 30px;
  filter: invert(0);
}
.darkmidnight-theme .footer-wrapper .play-game-5 {
  border-radius: 30px;
  height: 50px;
  text-align: center;
  width: 50px;
  padding: 8px;
  background: linear-gradient(180deg, #005de1, #0a449e 50%, #002c6b);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
  position: absolute;
  top: -20px;
}
.darkmidnight-theme .footer-wrapper .play-game-5 .play-game-box-5 {
  display: table-cell;
  vertical-align: middle;
}
.darkmidnight-theme .footer-wrapper .play-game-5 .item-count {
  width: 34px;
  filter: invert(1);
}
.darkmidnight-theme a {
  color: #fff !important;
}
.darkmidnight-theme a:hover {
  color: --blue;
  text-decoration: none !important;
}
.darkmidnight-theme .bg-table-aff {
  background-color: #232323 !important;
  border: 0 solid #2c2c2c !important;
}
.darkmidnight-theme .border-left {
  border-left: 3px solid #1a51b3 !important;
}
.darkmidnight-theme .border-solid {
  border: 1px solid #4e4e4e;
}
.darkmidnight-theme .bg-from-aff {
  display: inline-block;
  width: 50% !important;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  vertical-align: middle;
  background-color: #2e2e2e !important;
  border: 1px solid #2e2e2e !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.darkmidnight-theme .bg-in-aff {
  background: #c4c4c4;
  border-radius: 5px;
  color: #000;
  padding: 5px;
}
.darkmidnight-theme .icon-aff {
  position: absolute;
  top: 92px;
  left: 0;
  right: 0;
  color: #fff;
}
.darkmidnight-theme .btn-comein {
  position: absolute;
  bottom: -17%;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.darkmidnight-theme .bg-search {
  background-color: #2e2e2e !important;
}
.darkmidnight-theme .bg-from,
.darkmidnight-theme .bg-search {
  border: 1px solid #1a51b3 !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff !important;
}
.darkmidnight-theme .bg-from {
  background-color: #2e2e2e !important;
  background: #464646 url(/_nuxt/img/dropdown.2ae9015.png) no-repeat right
    0.75rem center/10px 8px;
}
.darkmidnight-theme .search {
  position: absolute;
  right: 24px;
  color: #bdbdbd;
}
.darkmidnight-theme .card-point {
  background: #4e4e4e !important;
  filter: drop-shadow(0 0 0 #4e4e4e) !important;
  color: #fff !important;
  border-radius: 10px;
}
.darkmidnight-theme .bg-point {
  background: #005de1;
  border-radius: 20px;
  margin: 4px;
  color: #000;
}
.darkmidnight-theme .bg-card-his {
  background: #4e4e4e !important;
  color: #fff !important;
}
.darkmidnight-theme .card-nodata {
  background: #232323;
  color: #fff;
  padding: 80px;
  border-radius: 10px;
}
.darkmidnight-theme .action-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2%;
}
.darkmidnight-theme .action-wrapper__btn-spin {
  background-image: url(https://es-dev.vrbet.com/_nuxt/img/button.1e27aca.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 6vw;
  width: 14vw;
  margin-bottom: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.darkmidnight-theme .action-wrapper__btn-spin span {
  font-size: 3vw;
  color: #fff;
  -webkit-text-stroke: 3px #fff;
}
@media screen and (max-width: 992px) {
  .darkmidnight-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2.5px #fff;
    font-size: 6vw;
  }
}
@media screen and (max-width: 480px) {
  .darkmidnight-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2px #fff;
    font-size: 8vw;
  }
}
@media screen and (max-width: 992px) {
  .darkmidnight-theme .action-wrapper__btn-spin {
    margin-top: 3vw;
    width: 26vw;
    height: 12vw;
  }
}
@media screen and (max-width: 480px) {
  .darkmidnight-theme .action-wrapper__btn-spin {
    width: 40vw;
    height: 18vw;
  }
}
.darkmidnight-theme .action-wrapper__btn-spin.disabledbtn {
  cursor: not-allowed;
  filter: grayscale(1);
}
.darkmidnight-theme .glass-panel {
  color: #fff;
  margin: 40px auto;
  background-color: hsla(0, 0%, 100%, 0.06);
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  width: 100%;
  border-radius: 15px;
  padding: 32px;
  backdrop-filter: blur(10px);
}
.darkmidnight-theme .glass-button {
  display: inline-block;
  padding: 15px 18px;
  text-decoration: none;
  border-radius: 15px;
  background-color: #4e4e4e;
  border: 1px solid #000;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: #000;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}
.darkmidnight-theme .glass-button:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.darkmidnight-theme .glass-panel {
  max-width: 600px;
}
.darkmidnight-theme #background-wrap {
  bottom: 0;
  left: 0;
  padding-top: 50px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.darkmidnight-theme .x1 {
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 35s linear infinite;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  transform: scale(0.65);
}
.darkmidnight-theme .x2 {
  -webkit-animation: animateCloud 20s linear infinite;
  -moz-animation: animateCloud 20s linear infinite;
  animation: animateCloud 20s linear infinite;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.darkmidnight-theme .x3 {
  -webkit-animation: animateCloud 30s linear infinite;
  -moz-animation: animateCloud 30s linear infinite;
  animation: animateCloud 30s linear infinite;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.darkmidnight-theme .x4 {
  -webkit-animation: animateCloud 18s linear infinite;
  -moz-animation: animateCloud 18s linear infinite;
  animation: animateCloud 18s linear infinite;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.darkmidnight-theme .x5 {
  -webkit-animation: animateCloud 25s linear infinite;
  -moz-animation: animateCloud 25s linear infinite;
  animation: animateCloud 25s linear infinite;
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  transform: scale(0.55);
}
.darkmidnight-theme .cloud {
  background: #fff;
  background: -moz-linear-gradient(top, #fff 5%, #f1f1f1 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, #fff),
    color-stop(100%, #f1f1f1)
  );
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  height: 120px;
  position: relative;
  width: 350px;
}
.darkmidnight-theme .cloud:after,
.darkmidnight-theme .cloud:before {
  background: #fff;
  content: "";
  position: absolute;
  z-index: -1;
}
.darkmidnight-theme .cloud:after {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  height: 100px;
  left: 50px;
  top: -50px;
  width: 100px;
}
.darkmidnight-theme .cloud:before {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  width: 180px;
  height: 180px;
  right: 50px;
  top: -90px;
}
.darkmidnight-theme .bg-share-facebook {
  background-color: #2e2e2e !important;
  color: #fff !important;
}
.darkmidnight-theme .bg-game {
  background: #2e2e2e !important;
  border-radius: 10px !important;
  color: #bdbdbd !important;
  width: 80px;
  height: 67px;
}
.darkmidnight-theme .bg-game-active {
  background: linear-gradient(180deg, #005de1, #002c6b) !important;
  border-radius: 10px !important;
  color: #2e2e2e !important;
  width: 80px;
  height: 67px;
}
.darkmidnight-theme .bg-search-game {
  background-color: #2e2e2e !important;
  border-radius: 10px !important;
  color: #fff !important;
}
.darkmidnight-theme .unactive-footer {
  color: #bdbdbd;
}
.darkmidnight-theme .btn-aff-share {
  background: linear-gradient(270deg, #005de1, #002c6b);
  border-radius: 10px;
  color: #2e2e2e;
  border-color: #002c6b !important;
  filter: drop-shadow(0 0 5px #002c6b);
}
.darkmidnight-theme #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkmidnight-theme .btn-change-language {
  background-color: #2e2e2e !important;
  border: 1px solid #1a51b3;
}
.darkmidnight-theme .card-money,
.darkmidnight-theme .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card\ copy.c4be5af.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.darkmidnight-theme .bg-iconuser {
  background: #fff;
  padding: 7px;
  border-radius: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #1a51b3;
}
.darkmidnight-theme .content-lv {
  padding: 10px 0;
}
.darkmidnight-theme .border-bottom-aff {
  border-bottom: 1px solid #005de1;
}
.darkmidnight-theme .body-content {
  background: #fff;
  width: 70%;
  border-bottom-right-radius: 20px;
  padding: 0 39px;
  overflow: auto;
  max-height: 300px;
}
@media (max-width: 479px) {
  .darkmidnight-theme .body-content {
    width: 75%;
    padding: 0 10px;
  }
}
.darkmidnight-theme .active2 {
  color: #232323 !important;
  background: #fff !important;
  border-bottom-left-radius: 0 !important;
}
.darkmidnight-theme .tab-item {
  padding: 15px !important;
  font-size: 14px !important;
}
.darkmidnight-theme .tab-history-class {
  border-radius: 20px;
  color: #232323;
  border: 1px solid #002c6b;
}
.darkmidnight-theme .tab-item:last-child {
  border-bottom: 1px solid #c2c2c2;
  border-bottom-left-radius: 20px !important;
}
.darkmidnight-theme .tab-item,
.darkmidnight-theme .tab-item:last-child {
  cursor: pointer;
  color: #232323;
  background: linear-gradient(180deg, #005de1 0, #002c6b);
}
.darkmidnight-theme .tab-item {
  border-bottom: 1px solid #c2c2c2;
}
.darkmidnight-theme .header-aff {
  background: linear-gradient(180deg, #005de1 0, #002c6b);
  border-bottom: 1px solid #232323;
  border-radius: 20px 20px 0 0;
}
.darkmidnight-theme .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #c2c2c2;
  border-radius: 30rem !important;
}
.darkmidnight-theme .bg-aff-level {
  background: linear-gradient(#404040, #404040) padding-box,
    linear-gradient(90deg, #005de1, #0a449e, #002c6b) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkmidnight-theme .bg-aff-level .nunber-friend {
  background: #626166;
  border-radius: 10px;
  color: #fff;
}
.darkmidnight-theme .bg-aff-level .turn-other {
  background: #0d0c09;
  border-radius: 10px;
}
.darkmidnight-theme .bg-aff-level .solid {
  border: 1px solid #005de1;
  height: 40px;
}
.darkmidnight-theme .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #2e2e2e;
  color: #7d7d7d;
  padding: 5px;
}
.darkmidnight-theme .filters__button:hover {
  background-color: #2e2e2e;
}
.darkmidnight-theme .filters-content {
  background-color: #2e2e2e;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darkmidnight-theme .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #0d0c09;
  color: #7d7d7d;
  padding: 5px;
}
.darkmidnight-theme .filters__button2:hover {
  background-color: #0d0c09;
}
.darkmidnight-theme .filters [data-content] {
  display: none;
}
.darkmidnight-theme [data-content].is-active[data-content] {
  display: grid;
}
.darkmidnight-theme [data-target].is-active {
  background: linear-gradient(180deg, #626166, #3d3a3d);
  border-radius: 10px;
  color: #fff;
}
.darkmidnight-theme .condition-header {
  background: linear-gradient(
    109.63deg,
    #005de1 3.68%,
    #0a449e 47.76%,
    #002c6b 95.96%
  );
  border-radius: 5px;
  color: #2e2e2e;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.darkmidnight-theme .bg-wheel-condition {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(109.63deg, #005de1 3.68%, #0a449e 47.76%, #002c6b 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.darkmidnight-theme .btn-up-slip {
  color: #005de1;
  border: 2px solid #002c6b !important;
  background: 0 0 !important;
}
.darkmidnight-theme .btn-no-received {
  background: #373737;
  border-color: #373737;
  border-radius: 10px;
}
.darkmidnight-theme .btn-no-received:focus,
.darkmidnight-theme .btn-no-received:hover {
  background-color: #373737 !important;
  border-color: #373737 !important;
  border-radius: 10px !important;
}
.darkmidnight-theme .bg-pro {
  background: #373737;
  border-radius: 10px;
}
.darkmidnight-theme .filters-content-bg {
  background-color: #0d0c09;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darkmidnight-theme .is-unactive {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #0d0c09;
  color: #7d7d7d;
  padding: 5px;
}
.darkmidnight-theme .card-points {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkmidnight-theme .r-gold {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.darkmidnight-theme .r-gold,
.darkmidnight-theme .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.darkmidnight-theme .r-silver {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.darkmidnight-theme .r-copper {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.darkmidnight-theme .cycle-gold {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.darkmidnight-theme .cycle-gold,
.darkmidnight-theme .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.darkmidnight-theme .cycle-silver {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
}
.darkmidnight-theme .cycle-copper {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.darkmidnight-theme .card-decimal {
  background: #ececec;
  box-shadow: 0 4px 10px rgba(13, 13, 9, 0.12);
  border-radius: 10px;
  color: #000 !important;
}
.darkmidnight-theme .card-transfer {
  background: #000;
  box-shadow: 0 4px 10px rgba(13, 13, 9, 0.12);
  border-radius: 10px;
  color: #fff !important;
}
.darkmidnight-theme .bg-choose-team {
  background: hsla(0, 0%, 100%, 0.3);
  border-radius: 5px;
  color: #fff;
  padding: 2px;
  margin: 4px;
}
.darkmidnight-theme .refesh {
  position: absolute;
  top: 3px;
  right: 12px;
}
.darkmidnight-theme .hexagon {
  position: relative;
  width: 55px;
  height: 28.7px;
  margin: 35.15px 0;
  border-left: 3.1421px solid #fff;
  border-right: 3.1421px solid #fff;
}
.darkmidnight-theme .hexagon:after,
.darkmidnight-theme .hexagon:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 38.35px;
  height: 38.35px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 5.8249px;
}
.darkmidnight-theme .hexagon:before {
  top: -19.1751px;
  border-top: 3.1421px solid #fff;
  border-right: 3.1421px solid #fff;
}
.darkmidnight-theme .hexagon:after {
  bottom: -19.1751px;
  border-bottom: 3.1421px solid #fff;
  border-left: 3.1421px solid #fff;
}
.darkmidnight-theme *,
.darkmidnight-theme :after,
.darkmidnight-theme :before {
  box-sizing: border-box;
}
.darkmidnight-theme .bagfree {
  position: absolute;
  top: 0;
  right: 6px;
}
.darkmidnight-theme .bg-month {
  background: #0d0c09;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #7d7d7d;
}
.darkmidnight-theme .bg-month-active {
  background: linear-gradient(#0d0c09, #0d0c09) padding-box,
    linear-gradient(90deg, #005de1, #002c6b) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #fff;
  border: 1px solid transparent;
}
.darkmidnight-theme .bagfree2 {
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 35px;
}
.darkmidnight-theme .btn.focus {
  box-shadow: 0 0 0 0.2rem rgba(46, 46, 46, 0.25) !important;
}
.darkmidnight-theme .arry-input {
  height: calc(1.5em + 5rem + 10px) !important;
  border-radius: 10px !important;
  color: #fff !important;
}
.darknighttime-theme .shadow-today {
  box-shadow: 0 0 15px #65c7f7;
}
.darknighttime-theme .bd-daily-fix {
  border-color: #44a0eb !important;
  background: #0d0d09 !important;
}
.darknighttime-theme .text-deposited-daily-fix {
  color: #7d7d7d;
}
.darknighttime-theme .bg-table-daily-fix {
  background: #4e4e4e !important;
  color: #fff !important;
}
.darknighttime-theme .text-daily-fix {
  color: #44a0eb !important;
}
.darknighttime-theme .text-credit-daily {
  background: linear-gradient(180deg, #2e2e2e 0, #2e2e2e) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.darknighttime-theme .text-color {
  color: #fff !important;
}
.darknighttime-theme .text-template {
  color: #44a0eb;
}
.darknighttime-theme .text-theme {
  color: #fff;
}
.darknighttime-theme .text-spcial {
  background: linear-gradient(180deg, #696969 0, #1a1c1c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darknighttime-theme .text-linear,
.darknighttime-theme .text-linear-footer {
  background: linear-gradient(180deg, #65c7f7 0, #0052d4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darknighttime-theme .text-see-history {
  color: #fff;
}
.darknighttime-theme .text-head-hisotry {
  color: #44a0eb;
}
.darknighttime-theme .text-tranfer {
  background: linear-gradient(180deg, #fff 0, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darknighttime-theme .text-color-icon {
  background: linear-gradient(180deg, #bb995a, #fff7c4 50%, #ac894c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darknighttime-theme .text-credit {
  background: linear-gradient(50deg, #bb995a, #fff7c4 50%, #ac894c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darknighttime-theme .bg-ball-choose-team,
.darknighttime-theme .bg-credit {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(90deg, #65c7f7, #0052d4) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darknighttime-theme .bg-wallet {
  background: #2e2e2e;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
  color: #fff;
}
.darknighttime-theme .bg-credit-free {
  background: linear-gradient(180deg, #65c7f7, #0052d4);
  border-radius: 0 0 10px 10px;
  color: #fff !important;
}
.darknighttime-theme .recevied-com {
  border-radius: 10px;
  border: 2px solid #bb995a;
  background: linear-gradient(50deg, #bb995a, #fff7c4 50%, #ac894c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darknighttime-theme .bg-card-commission {
  background: #2e2e2e;
  color: #44a0eb !important;
}
.darknighttime-theme .bg-turn {
  color: #fff;
  background: #2e2e2e;
  border-radius: 10px;
}
.darknighttime-theme .bg-icon-index {
  background: #2e2e2e !important;
  border-radius: 10px !important;
}
.darknighttime-theme .bg-con-turn {
  background: #0d0c09 !important;
}
.darknighttime-theme .color-toogle {
  background: linear-gradient(180deg, #5cc875 0, #5cc875);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darknighttime-theme .tab-content > .active {
  display: block;
  background: #232323 !important;
}
.darknighttime-theme .active-bg,
.darknighttime-theme .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #626166, #3d3a3d) !important;
  color: #fff !important;
}
.darknighttime-theme .tab-box {
  background-color: #2e2e2e;
  color: #7d7d7d;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.darknighttime-theme .nav-tabs {
  border-bottom: 2px solid #4a484c !important;
}
.darknighttime-theme .nav-tabs .nav-link {
  border: 0 !important;
  background: #2e2e2e !important;
  color: #7d7d7d !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.darknighttime-theme .boder-right {
  height: 50px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.2509803922);
}
.darknighttime-theme .btn-copy-bank {
  background: #2e2e2e;
  border-radius: 10px;
  color: #fff;
  width: max-content;
  border-color: #2e2e2e;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16);
}
.darknighttime-theme .btn-money {
  border-color: #65c7f7;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
  color: #65c7f7;
}
.darknighttime-theme .active-btn-amount {
  background: linear-gradient(180deg, #65c7f7, #0052d4) !important;
  color: #f4f4f4 !important;
  font-weight: 900;
}
.darknighttime-theme .btn-topup-promptpay {
  border-color: #65c7f7;
  border-radius: 10px;
  background: linear-gradient(180deg, #65c7f7, #0052d4) !important;
  color: #fff;
}
.darknighttime-theme .boder-color {
  border-color: #232323 !important;
}
.darknighttime-theme .is-active-register {
  background: #4dabef !important;
  border: 1px solid #44a0eb !important;
}
.darknighttime-theme .b-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin: 0;
  outline: 0;
  transform: translateX(0);
  background: linear-gradient(180deg, #69bee8 0, #1463df) !important;
}
.darknighttime-theme .bg-info {
  color: #fff;
  background: #0d0c09 !important;
  padding: 5px;
  border-radius: 10px;
}
.darknighttime-theme .btn-change {
  background: #2e2e2e;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}
.darknighttime-theme .card-pro {
  background: #0d0c09;
  border-radius: 10px;
  color: #fff !important;
  font-weight: 400 !important;
}
.darknighttime-theme .bg-lock {
  background: #44a0eb;
  padding: 8px;
  border-radius: 20px;
  width: 40px;
}
.darknighttime-theme .btn-cancel {
  background: #2e2e2e;
  border-radius: 10px;
  color: #44a0eb !important;
  border: 1px solid #44a0eb;
}
.darknighttime-theme .btn-cancel:hover {
  border-radius: 10px;
  color: #000 !important;
  border: 1px solid #000 !important;
}
.darknighttime-theme .btn-theme-one {
  background: #348ee6;
  border-color: #2e2e2e !important;
  color: #fff;
  border-radius: 10px !important;
}
.darknighttime-theme .btn-login,
.darknighttime-theme .btn-theme-two {
  background: linear-gradient(180deg, #65c7f7, #0052d4);
  border-radius: 10px;
  color: #fff;
  border-color: #0052d4 !important;
}
.darknighttime-theme .btn-theme-seemore {
  background: #565553;
  border-radius: 10px;
  color: #fff;
  border-color: #565553 !important;
}
.darknighttime-theme .btn-copy {
  background: linear-gradient(180deg, #65c7f7, #0052d4) !important;
  border-radius: 0 10px 10px 0 !important;
  color: #fff !important;
  border: 0 solid #65c7f7 !important;
}
.darknighttime-theme .card {
  background: #232323 !important;
  color: #fff !important;
  filter: drop-shadow(0 0 1px #989898);
}
.darknighttime-theme .bg-input-theme {
  background-color: #d1d1d1 !important;
}
.darknighttime-theme .border-theme {
  border-radius: 15px !important;
}
.darknighttime-theme .icon-activity {
  filter: invert(0);
  width: 20px;
}
.darknighttime-theme .bg-table {
  background-color: #2c2c2c;
  border-radius: 10px;
  border: 0 solid #2c2c2c !important;
}
.darknighttime-theme .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #000 !important;
  border-top: 0 solid #000 !important;
  padding: 4px 12px;
  background: #4e4e4e;
  color: #fff !important;
}
.darknighttime-theme .table td {
  vertical-align: top;
  border-top: 0 solid #000 !important;
  color: #fff !important;
}
.darknighttime-theme .Daily__item__box {
  position: relative;
  height: 75px;
  background: #2e2e2e;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
}
.darknighttime-theme .Daily__item__box.active {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(90deg, #65c7f7, #0052d4) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.darknighttime-theme .Daily__item__box.active-today {
  background: linear-gradient(180deg, #65c7f7, #0052d4);
  border: none !important;
}
.darknighttime-theme .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2e2e2e;
  border-radius: 10px;
}
.darknighttime-theme .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.darknighttime-theme .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.darknighttime-theme .text-daily {
  color: #fff;
}
.darknighttime-theme .btn-reward {
  width: 85%;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
  cursor: pointer;
}
.darknighttime-theme .bg-btn-point {
  background: #c2c2c2;
  border-radius: 20px;
  margin: 4px;
}
.darknighttime-theme .bg-chosses {
  background-color: #232323;
  border-radius: 15px;
  filter: drop-shadow(0 1px 1px #989898);
  color: #fff;
}
.darknighttime-theme .bg-hover:hover,
.darknighttime-theme .btn-hover:focus {
  background-color: #3d3d3d;
}
.darknighttime-theme .showSlide {
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 80%;
  background-color: #2c2c2c !important;
  display: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.darknighttime-theme #modal-suscess-complain .modal-content,
.darknighttime-theme #modalQuestionnaire .modal-content {
  background-color: #232323 !important;
}
.darknighttime-theme .from-complain {
  display: block;
  width: 100%;
  height: calc(1.5em + 5rem + 10px) !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  background-color: #f4f4f4 !important;
  background-clip: padding-box;
  border: 1px solid #f4f4f4 !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darknighttime-theme .btn-withdraw {
  background: linear-gradient(180deg, #65c7f7, #0052d4);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  color: #fff;
  border-color: #0052d4 !important;
}
.darknighttime-theme .cover-withdraw {
  background: #2e2e2e;
  border-radius: 0 0 10px 10px;
}
.darknighttime-theme .hd-withdraw {
  background: #4e4e4e;
  border-radius: 10px 10px 0 0;
  color: #fff;
  padding: 10px;
}
.darknighttime-theme .card-withdraw {
  background: #0d0c09 !important;
  color: #fff !important;
  border-radius: 5px;
}
.darknighttime-theme .page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #1cb5e0 !important;
  border-color: #1cb5e0 !important;
}
.darknighttime-theme .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #fff !important;
  background-color: #2e2e2e !important;
  border: 1px solid #232323 !important;
}
.darknighttime-theme
  .custom-control-input:checked
  ~ .custom-control-label:before {
  color: #fff !important;
  border-color: #44a0eb !important;
  background-color: #44a0eb !important;
}
.darknighttime-theme .boxcredit {
  background: rgba(34, 32, 32, 0.6);
  width: 50%;
}
.darknighttime-theme .border-color {
  border: 2px solid #65c7f7;
  border-radius: 10px;
}
.darknighttime-theme .btn-box {
  background-image: linear-gradient(315deg, #65c7f7, #0052d4 74%);
  border-radius: 5px 25px;
  filter: drop-shadow(1px 2px 4px #9cecfb);
  border-color: #65c7f7 !important;
}
.darknighttime-theme .breadcrumb {
  background-color: #0d0d09 !important;
}
.darknighttime-theme .breadcrumb-item.active {
  color: #44a0eb !important;
}
.darknighttime-theme .swal2-popup {
  background: #232323 !important;
}
.darknighttime-theme .swal2-content,
.darknighttime-theme .swal2-title {
  color: #fff !important;
}
.darknighttime-theme .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #65c7f7, #0052d4) !important;
  border-radius: 10px !important;
  border-color: #fff !important;
  color: #fff !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.darknighttime-theme .bg-body-modal {
  background: linear-gradient(180deg, #65c7f7, #0052d4);
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #2e2e2e !important;
  color: #fff;
}
.darknighttime-theme .modal-content {
  border-radius: 1rem !important;
}
.darknighttime-theme .bg-body,
.darknighttime-theme .bg-body-promotion {
  background: #2e2e2e !important;
}
.darknighttime-theme .bg-footer {
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: calc(1rem - 1px) !important;
  border-bottom-left-radius: calc(1rem - 1px) !important;
  background-color: #2e2e2e !important;
}
.darknighttime-theme #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darknighttime-theme #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darknighttime-theme #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darknighttime-theme #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darknighttime-theme #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darknighttime-theme #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darknighttime-theme #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darknighttime-theme #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darknighttime-theme .card-bank {
  background: #2e2e2e;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}
.darknighttime-theme .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid rgba(0, 0, 0, 0.125);
}
.darknighttime-theme .swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid;
  border-radius: 50%;
}
.darknighttime-theme .swal2-icon.swal2-success [class^="swal2-success-line"] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
}
.darknighttime-theme .form-control {
  display: block;
  padding: 0.375rem 0.75rem;
  color: #232323 !important;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darknighttime-theme .custom-select,
.darknighttime-theme .form-control {
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  border: 1px solid #0d0c09 !important;
  border-radius: 0.25rem;
}
.darknighttime-theme .custom-select {
  display: inline-block;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  color: #fff !important;
  vertical-align: middle;
  background-color: #2e2e2e !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(https://i.imgur.com/ZS05XIa.png) right 0.75rem center/8px
    10px no-repeat;
}
.darknighttime-theme .multiselect__tags {
  min-height: 40px;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  font-size: 14px;
}
.darknighttime-theme .multiselect__content-wrapper,
.darknighttime-theme .multiselect__tags {
  display: block;
  border: 1px solid #0d0c09 !important;
  background: #2e2e2e !important;
  color: #fff !important;
}
.darknighttime-theme .multiselect__content-wrapper {
  position: absolute;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.darknighttime-theme .multiselect__input,
.darknighttime-theme .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #2e2e2e !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
  color: #fff;
}
.darknighttime-theme .multiselect__option--highlight {
  background: #2e2e2e !important;
  outline: none;
  color: #fff !important;
}
.darknighttime-theme #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.darknighttime-theme .border-banner {
  border: 2px solid #65c7f7;
  border-radius: 10px;
}
.darknighttime-theme .btn-secondary:hover {
  color: #fff;
  background-color: #65c7f7 !important;
  border-color: none !important;
}
.darknighttime-theme .btn-secondary.focus,
.darknighttime-theme .btn-secondary:focus {
  color: #fff;
  background-color: #65c7f7 !important;
  border-color: #65c7f7 !important;
}
.darknighttime-theme .bg-choose {
  background: #2e2e2e !important;
  color: #fff;
}
.darknighttime-theme .btn-join-activity {
  background: linear-gradient(180deg, #65c7f7, #0052d4);
  border-radius: 0 0 10px 10px;
  color: #fff;
}
.darknighttime-theme .bg-input {
  background: #2e2e2e !important;
  border-radius: 10px;
  color: #fff !important;
  border: none !important;
}
.darknighttime-theme .bg-condition {
  background: #2e2e2e !important;
  color: #fff;
}
.darknighttime-theme .header-login {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5019607843);
  border: 0 solid rgba(0, 0, 0, 0.125);
}
.darknighttime-theme .footer-wrapper1 {
  height: auto;
}
.darknighttime-theme .footer-wrapper,
.darknighttime-theme .footer-wrapper1 {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.darknighttime-theme .footer-wrapper {
  height: 58px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: #2e2e2e;
  box-shadow: 0 0 16px rgba(255, 247, 196, 0.55);
  z-index: 2;
}
.darknighttime-theme .footer-wrapper .play-game {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 15px;
  text-align: center;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #65c7f7, #52b1f0 50%, #0052d4);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
}
.darknighttime-theme .footer-wrapper .play-game .play-game-box {
  display: table-cell;
  transform: rotate(316deg);
  vertical-align: middle;
}
.darknighttime-theme .footer-wrapper .play-game .item-count {
  width: 30px;
  filter: invert(0);
}
.darknighttime-theme .footer-wrapper .play-game-5 {
  border-radius: 30px;
  height: 50px;
  text-align: center;
  width: 50px;
  padding: 8px;
  background: linear-gradient(180deg, #65c7f7, #52b1f0 50%, #0052d4);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
  position: absolute;
  top: -20px;
}
.darknighttime-theme .footer-wrapper .play-game-5 .play-game-box-5 {
  display: table-cell;
  vertical-align: middle;
}
.darknighttime-theme .footer-wrapper .play-game-5 .item-count {
  width: 34px;
  filter: invert(1);
}
.darknighttime-theme a {
  color: #fff !important;
}
.darknighttime-theme a:hover {
  color: --blue;
  text-decoration: none !important;
}
.darknighttime-theme .bg-table-aff {
  background-color: #232323 !important;
  border: 0 solid #2c2c2c !important;
}
.darknighttime-theme .border-left {
  border-left: 3px solid #44a0eb !important;
}
.darknighttime-theme .border-solid {
  border: 1px solid #4e4e4e;
}
.darknighttime-theme .bg-from-aff {
  display: inline-block;
  width: 50% !important;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  vertical-align: middle;
  background-color: #2e2e2e !important;
  border: 1px solid #2e2e2e !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.darknighttime-theme .bg-in-aff {
  background: #c4c4c4;
  border-radius: 5px;
  color: #000;
  padding: 5px;
}
.darknighttime-theme .icon-aff {
  position: absolute;
  top: 92px;
  left: 0;
  right: 0;
  color: #fff;
}
.darknighttime-theme .btn-comein {
  position: absolute;
  bottom: -17%;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.darknighttime-theme .bg-search {
  background-color: #2e2e2e !important;
}
.darknighttime-theme .bg-from,
.darknighttime-theme .bg-search {
  border: 1px solid #44a0eb !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff !important;
}
.darknighttime-theme .bg-from {
  background-color: #2e2e2e !important;
  background: #464646 url(/_nuxt/img/dropdown.2ae9015.png) no-repeat right
    0.75rem center/10px 8px;
}
.darknighttime-theme .search {
  position: absolute;
  right: 24px;
  color: #bdbdbd;
}
.darknighttime-theme .card-point {
  background: #4e4e4e !important;
  filter: drop-shadow(0 0 0 #4e4e4e) !important;
  color: #fff !important;
  border-radius: 10px;
}
.darknighttime-theme .bg-point {
  background: #65c7f7;
  border-radius: 20px;
  margin: 4px;
  color: #000;
}
.darknighttime-theme .bg-card-his {
  background: #4e4e4e !important;
  color: #fff !important;
}
.darknighttime-theme .card-nodata {
  background: #232323;
  color: #fff;
  padding: 80px;
  border-radius: 10px;
}
.darknighttime-theme .action-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2%;
}
.darknighttime-theme .action-wrapper__btn-spin {
  background-image: url(https://es-dev.vrbet.com/_nuxt/img/button.1e27aca.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 6vw;
  width: 14vw;
  margin-bottom: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.darknighttime-theme .action-wrapper__btn-spin span {
  font-size: 3vw;
  color: #fff;
  -webkit-text-stroke: 3px #fff;
}
@media screen and (max-width: 992px) {
  .darknighttime-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2.5px #fff;
    font-size: 6vw;
  }
}
@media screen and (max-width: 480px) {
  .darknighttime-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2px #fff;
    font-size: 8vw;
  }
}
@media screen and (max-width: 992px) {
  .darknighttime-theme .action-wrapper__btn-spin {
    margin-top: 3vw;
    width: 26vw;
    height: 12vw;
  }
}
@media screen and (max-width: 480px) {
  .darknighttime-theme .action-wrapper__btn-spin {
    width: 40vw;
    height: 18vw;
  }
}
.darknighttime-theme .action-wrapper__btn-spin.disabledbtn {
  cursor: not-allowed;
  filter: grayscale(1);
}
.darknighttime-theme .glass-panel {
  color: #fff;
  margin: 40px auto;
  background-color: hsla(0, 0%, 100%, 0.06);
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  width: 100%;
  border-radius: 15px;
  padding: 32px;
  backdrop-filter: blur(10px);
}
.darknighttime-theme .glass-button {
  display: inline-block;
  padding: 15px 18px;
  text-decoration: none;
  border-radius: 15px;
  background-color: #4e4e4e;
  border: 1px solid #000;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: #000;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}
.darknighttime-theme .glass-button:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.darknighttime-theme .glass-panel {
  max-width: 600px;
}
.darknighttime-theme #background-wrap {
  bottom: 0;
  left: 0;
  padding-top: 50px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.darknighttime-theme .x1 {
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 35s linear infinite;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  transform: scale(0.65);
}
.darknighttime-theme .x2 {
  -webkit-animation: animateCloud 20s linear infinite;
  -moz-animation: animateCloud 20s linear infinite;
  animation: animateCloud 20s linear infinite;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.darknighttime-theme .x3 {
  -webkit-animation: animateCloud 30s linear infinite;
  -moz-animation: animateCloud 30s linear infinite;
  animation: animateCloud 30s linear infinite;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.darknighttime-theme .x4 {
  -webkit-animation: animateCloud 18s linear infinite;
  -moz-animation: animateCloud 18s linear infinite;
  animation: animateCloud 18s linear infinite;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.darknighttime-theme .x5 {
  -webkit-animation: animateCloud 25s linear infinite;
  -moz-animation: animateCloud 25s linear infinite;
  animation: animateCloud 25s linear infinite;
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  transform: scale(0.55);
}
.darknighttime-theme .cloud {
  background: #fff;
  background: -moz-linear-gradient(top, #fff 5%, #f1f1f1 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, #fff),
    color-stop(100%, #f1f1f1)
  );
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  height: 120px;
  position: relative;
  width: 350px;
}
.darknighttime-theme .cloud:after,
.darknighttime-theme .cloud:before {
  background: #fff;
  content: "";
  position: absolute;
  z-index: -1;
}
.darknighttime-theme .cloud:after {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  height: 100px;
  left: 50px;
  top: -50px;
  width: 100px;
}
.darknighttime-theme .cloud:before {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  width: 180px;
  height: 180px;
  right: 50px;
  top: -90px;
}
.darknighttime-theme .bg-share-facebook {
  background-color: #2e2e2e !important;
  color: #fff !important;
}
.darknighttime-theme .bg-game {
  background: #2e2e2e !important;
  border-radius: 10px !important;
  color: #bdbdbd !important;
  width: 80px;
  height: 67px;
}
.darknighttime-theme .bg-game-active {
  background: linear-gradient(180deg, #59c6ff, #0968bb) !important;
  border-radius: 10px !important;
  color: #2e2e2e !important;
  width: 80px;
  height: 67px;
}
.darknighttime-theme .bg-search-game {
  background-color: #2e2e2e !important;
  border-radius: 10px !important;
  color: #fff !important;
}
.darknighttime-theme .unactive-footer {
  color: #bdbdbd;
}
.darknighttime-theme .btn-aff-share {
  background: linear-gradient(270deg, #65c7f7, #0052d4);
  border-radius: 10px;
  color: #2e2e2e;
  border-color: #0052d4 !important;
  filter: drop-shadow(0 0 5px #0052d4);
}
.darknighttime-theme #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darknighttime-theme .btn-change-language {
  background-color: #2e2e2e !important;
  border: 1px solid #44a0eb;
}
.darknighttime-theme .card-money,
.darknighttime-theme .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card\ copy.c4be5af.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.darknighttime-theme .bg-iconuser {
  background: #fff;
  padding: 7px;
  border-radius: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #44a0eb;
}
.darknighttime-theme .content-lv {
  padding: 10px 0;
}
.darknighttime-theme .border-bottom-aff {
  border-bottom: 1px solid #65c7f7;
}
.darknighttime-theme .body-content {
  background: #fff;
  width: 70%;
  border-bottom-right-radius: 20px;
  padding: 0 39px;
  overflow: auto;
  max-height: 300px;
}
@media (max-width: 479px) {
  .darknighttime-theme .body-content {
    width: 75%;
    padding: 0 10px;
  }
}
.darknighttime-theme .active2 {
  color: #232323 !important;
  background: #fff !important;
  border-bottom-left-radius: 0 !important;
}
.darknighttime-theme .tab-item {
  padding: 15px !important;
  font-size: 14px !important;
}
.darknighttime-theme .tab-history-class {
  border-radius: 20px;
  color: #232323;
  border: 1px solid #0052d4;
}
.darknighttime-theme .tab-item:last-child {
  border-bottom: 1px solid #c2c2c2;
  border-bottom-left-radius: 20px !important;
}
.darknighttime-theme .tab-item,
.darknighttime-theme .tab-item:last-child {
  cursor: pointer;
  color: #232323;
  background: linear-gradient(180deg, #65c7f7 0, #0052d4);
}
.darknighttime-theme .tab-item {
  border-bottom: 1px solid #c2c2c2;
}
.darknighttime-theme .header-aff {
  background: linear-gradient(180deg, #65c7f7 0, #0052d4);
  border-bottom: 1px solid #232323;
  border-radius: 20px 20px 0 0;
}
.darknighttime-theme .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #c2c2c2;
  border-radius: 30rem !important;
}
.darknighttime-theme .bg-aff-level {
  background: linear-gradient(#404040, #404040) padding-box,
    linear-gradient(90deg, #65c7f7, #52b1f0, #0052d4) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darknighttime-theme .bg-aff-level .nunber-friend {
  background: #626166;
  border-radius: 10px;
  color: #fff;
}
.darknighttime-theme .bg-aff-level .turn-other {
  background: #0d0c09;
  border-radius: 10px;
}
.darknighttime-theme .bg-aff-level .solid {
  border: 1px solid #65c7f7;
  height: 40px;
}
.darknighttime-theme .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #2e2e2e;
  color: #7d7d7d;
  padding: 5px;
}
.darknighttime-theme .filters__button:hover {
  background-color: #2e2e2e;
}
.darknighttime-theme .filters-content {
  background-color: #2e2e2e;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darknighttime-theme .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #0d0c09;
  color: #7d7d7d;
  padding: 5px;
}
.darknighttime-theme .filters__button2:hover {
  background-color: #0d0c09;
}
.darknighttime-theme .filters [data-content] {
  display: none;
}
.darknighttime-theme [data-content].is-active[data-content] {
  display: grid;
}
.darknighttime-theme [data-target].is-active {
  background: linear-gradient(180deg, #626166, #3d3a3d);
  border-radius: 10px;
  color: #fff;
}
.darknighttime-theme .condition-header {
  background: linear-gradient(
    109.63deg,
    #65c7f7 3.68%,
    #52b1f0 47.76%,
    #0052d4 95.96%
  );
  border-radius: 5px;
  color: #2e2e2e;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.darknighttime-theme .bg-wheel-condition {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(109.63deg, #65c7f7 3.68%, #52b1f0 47.76%, #0052d4 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.darknighttime-theme .btn-up-slip {
  color: #65c7f7;
  border: 2px solid #0052d4 !important;
  background: 0 0 !important;
}
.darknighttime-theme .btn-no-received {
  background: #373737;
  border-color: #373737;
  border-radius: 10px;
}
.darknighttime-theme .btn-no-received:focus,
.darknighttime-theme .btn-no-received:hover {
  background-color: #373737 !important;
  border-color: #373737 !important;
  border-radius: 10px !important;
}
.darknighttime-theme .bg-pro {
  background: #373737;
  border-radius: 10px;
}
.darknighttime-theme .filters-content-bg {
  background-color: #0d0c09;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darknighttime-theme .is-unactive {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #0d0c09;
  color: #7d7d7d;
  padding: 5px;
}
.darknighttime-theme .card-points {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darknighttime-theme .r-gold {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.darknighttime-theme .r-gold,
.darknighttime-theme .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.darknighttime-theme .r-silver {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.darknighttime-theme .r-copper {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.darknighttime-theme .cycle-gold {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.darknighttime-theme .cycle-gold,
.darknighttime-theme .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.darknighttime-theme .cycle-silver {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
}
.darknighttime-theme .cycle-copper {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.darknighttime-theme .card-decimal {
  background: #ececec;
  box-shadow: 0 4px 10px rgba(13, 13, 9, 0.12);
  border-radius: 10px;
  color: #000 !important;
}
.darknighttime-theme .card-transfer {
  background: #000;
  box-shadow: 0 4px 10px rgba(13, 13, 9, 0.12);
  border-radius: 10px;
  color: #fff !important;
}
.darknighttime-theme .bg-choose-team {
  background: hsla(0, 0%, 100%, 0.3);
  border-radius: 5px;
  color: #fff;
  padding: 2px;
  margin: 4px;
}
.darknighttime-theme .refesh {
  position: absolute;
  top: 3px;
  right: 12px;
}
.darknighttime-theme .bagfree {
  position: absolute;
  top: 0;
  right: 6px;
}
.darknighttime-theme .hexagon {
  position: relative;
  width: 55px;
  height: 28.7px;
  margin: 35.15px 0;
  border-left: 3.1421px solid #fff;
  border-right: 3.1421px solid #fff;
}
.darknighttime-theme .hexagon:after,
.darknighttime-theme .hexagon:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 38.35px;
  height: 38.35px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 5.8249px;
}
.darknighttime-theme .hexagon:before {
  top: -19.1751px;
  border-top: 3.1421px solid #fff;
  border-right: 3.1421px solid #fff;
}
.darknighttime-theme .hexagon:after {
  bottom: -19.1751px;
  border-bottom: 3.1421px solid #fff;
  border-left: 3.1421px solid #fff;
}
.darknighttime-theme *,
.darknighttime-theme :after,
.darknighttime-theme :before {
  box-sizing: border-box;
}
.darknighttime-theme .bg-month {
  background: #0d0c09;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #7d7d7d;
}
.darknighttime-theme .bg-month-active {
  background: linear-gradient(#0d0c09, #0d0c09) padding-box,
    linear-gradient(90deg, #65c7f7, #0052d4) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #fff;
  border: 1px solid transparent;
}
.darknighttime-theme .bagfree2 {
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 35px;
}
.darknighttime-theme .btn.focus {
  box-shadow: 0 0 0 0.2rem rgba(46, 46, 46, 0.25) !important;
}
.darknighttime-theme .arry-input {
  height: calc(1.5em + 5rem + 10px) !important;
  border-radius: 10px !important;
  color: #fff !important;
}
.darknavy-theme .shadow-today {
  box-shadow: 0 0 15px #5a9cd3;
}
.darknavy-theme .bd-daily-fix {
  border-color: #4a88bb !important;
  background: #0d0d09 !important;
}
.darknavy-theme .text-deposited-daily-fix {
  color: #7d7d7d;
}
.darknavy-theme .bg-table-daily-fix {
  background: #4e4e4e !important;
  color: #fff !important;
}
.darknavy-theme .text-daily-fix {
  color: #5596cc !important;
}
.darknavy-theme .text-credit-daily {
  background: linear-gradient(180deg, #2e2e2e 0, #2e2e2e) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.darknavy-theme .text-color {
  color: #fff !important;
}
.darknavy-theme .text-template {
  color: #5596cc;
}
.darknavy-theme .text-theme {
  color: #fff;
}
.darknavy-theme .text-spcial {
  background: linear-gradient(180deg, #696969 0, #1a1c1c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darknavy-theme .text-linear,
.darknavy-theme .text-linear-footer {
  background: linear-gradient(180deg, #5a9cd3 0, #22577e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darknavy-theme .text-see-history {
  color: #fff;
}
.darknavy-theme .text-head-hisotry {
  color: #5596cc;
}
.darknavy-theme .text-tranfer {
  background: linear-gradient(180deg, #fff 0, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darknavy-theme .text-color-icon {
  background: linear-gradient(180deg, #bb995a, #fff7c4 50%, #ac894c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darknavy-theme .text-credit {
  background: linear-gradient(50deg, #bb995a, #fff7c4 50%, #ac894c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darknavy-theme .bg-ball-choose-team,
.darknavy-theme .bg-credit {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(90deg, #5a9cd3, #22577e) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darknavy-theme .bg-wallet {
  background: #2e2e2e;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
  color: #fff;
}
.darknavy-theme .bg-credit-free {
  background: linear-gradient(180deg, #5a9cd3, #22577e);
  border-radius: 0 0 10px 10px;
  color: #fff !important;
}
.darknavy-theme .recevied-com {
  border-radius: 10px;
  border: 2px solid #bb995a;
  background: linear-gradient(50deg, #bb995a, #fff7c4 50%, #ac894c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darknavy-theme .bg-card-commission {
  background: #2e2e2e;
  color: #5596cc !important;
}
.darknavy-theme .bg-turn {
  color: #fff;
  background: #2e2e2e;
  border-radius: 10px;
}
.darknavy-theme .bg-icon-index {
  background: #2e2e2e !important;
  border-radius: 10px !important;
}
.darknavy-theme .bg-con-turn {
  background: #0d0c09 !important;
}
.darknavy-theme .color-toogle {
  background: linear-gradient(180deg, #5cc875 0, #5cc875);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darknavy-theme .tab-content > .active {
  display: block;
  background: #232323 !important;
}
.darknavy-theme .active-bg,
.darknavy-theme .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #626166, #3d3a3d) !important;
  color: #fff !important;
}
.darknavy-theme .tab-box {
  background-color: #2e2e2e;
  color: #7d7d7d;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.darknavy-theme .nav-tabs {
  border-bottom: 2px solid #4a484c !important;
}
.darknavy-theme .nav-tabs .nav-link {
  border: 0 !important;
  background: #2e2e2e !important;
  color: #7d7d7d !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.darknavy-theme .boder-right {
  height: 50px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.2509803922);
}
.darknavy-theme .btn-copy-bank {
  background: #2e2e2e;
  border-radius: 10px;
  color: #fff;
  width: max-content;
  border-color: #2e2e2e;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16);
}
.darknavy-theme .btn-money {
  border-color: #5a9cd3;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
  color: #5a9cd3;
}
.darknavy-theme .active-btn-amount {
  background: linear-gradient(180deg, #5a9cd3, #22577e) !important;
  color: #f4f4f4 !important;
  font-weight: 900;
}
.darknavy-theme .btn-topup-promptpay {
  border-color: #5a9cd3;
  border-radius: 10px;
  background: linear-gradient(180deg, #5a9cd3, #22577e) !important;
  color: #fff;
}
.darknavy-theme .boder-color {
  border-color: #232323 !important;
}
.darknavy-theme .is-active-register {
  background: #3b76a3 !important;
  border: 1px solid #4a88bb !important;
}
.darknavy-theme .b-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin: 0;
  outline: 0;
  transform: translateX(0);
  background: linear-gradient(180deg, #61a2d8 0, #27638f) !important;
}
.darknavy-theme .bg-info {
  color: #fff;
  background: #0d0c09 !important;
  padding: 5px;
  border-radius: 10px;
}
.darknavy-theme .btn-change {
  background: #2e2e2e;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}
.darknavy-theme .card-pro {
  background: #0d0c09;
  border-radius: 10px;
  color: #fff !important;
  font-weight: 400 !important;
}
.darknavy-theme .bg-lock {
  background: #5596cc;
  padding: 8px;
  border-radius: 20px;
  width: 40px;
}
.darknavy-theme .btn-cancel {
  background: #2e2e2e;
  border-radius: 10px;
  color: #5596cc !important;
  border: 1px solid #5596cc;
}
.darknavy-theme .btn-cancel:hover {
  border-radius: 10px;
  color: #000 !important;
  border: 1px solid #000 !important;
}
.darknavy-theme .btn-theme-one {
  background: #3b75a3;
  border-color: #2e2e2e !important;
  color: #fff;
  border-radius: 10px !important;
}
.darknavy-theme .btn-login,
.darknavy-theme .btn-theme-two {
  background: linear-gradient(180deg, #5a9cd3, #22577e);
  border-radius: 10px;
  color: #fff;
  border-color: #22577e !important;
}
.darknavy-theme .btn-theme-seemore {
  background: #565553;
  border-radius: 10px;
  color: #fff;
  border-color: #565553 !important;
}
.darknavy-theme .btn-copy {
  background: linear-gradient(180deg, #5a9cd3, #22577e) !important;
  border-radius: 0 10px 10px 0 !important;
  color: #fff !important;
  border: 0 solid #5a9cd3 !important;
}
.darknavy-theme .card {
  background: #232323 !important;
  color: #fff !important;
  filter: drop-shadow(0 0 1px #989898);
}
.darknavy-theme .bg-input-theme {
  background-color: #d1d1d1 !important;
}
.darknavy-theme .border-theme {
  border-radius: 15px !important;
}
.darknavy-theme .icon-activity {
  filter: invert(0);
  width: 20px;
}
.darknavy-theme .bg-table {
  background-color: #2c2c2c;
  border-radius: 10px;
  border: 0 solid #2c2c2c !important;
}
.darknavy-theme .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #000 !important;
  border-top: 0 solid #000 !important;
  padding: 4px 12px;
  background: #4e4e4e;
  color: #fff !important;
}
.darknavy-theme .table td {
  vertical-align: top;
  border-top: 0 solid #000 !important;
  color: #fff !important;
}
.darknavy-theme .Daily__item__box {
  position: relative;
  height: 75px;
  background: #2e2e2e;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
}
.darknavy-theme .Daily__item__box.active {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(90deg, #5a9cd3, #22577e) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.darknavy-theme .Daily__item__box.active-today {
  background: linear-gradient(180deg, #5a9cd3, #22577e);
  border: none !important;
}
.darknavy-theme .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2e2e2e;
  border-radius: 10px;
}
.darknavy-theme .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.darknavy-theme .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.darknavy-theme .text-daily {
  color: #fff;
}
.darknavy-theme .btn-reward {
  width: 85%;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
  cursor: pointer;
}
.darknavy-theme .bg-btn-point {
  background: #c2c2c2;
  border-radius: 20px;
  margin: 4px;
}
.darknavy-theme .bg-chosses {
  background-color: #232323;
  border-radius: 15px;
  filter: drop-shadow(0 1px 1px #989898);
  color: #fff;
}
.darknavy-theme .bg-hover:hover,
.darknavy-theme .btn-hover:focus {
  background-color: #3d3d3d;
}
.darknavy-theme .showSlide {
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 80%;
  background-color: #2c2c2c !important;
  display: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.darknavy-theme #modal-suscess-complain .modal-content,
.darknavy-theme #modalQuestionnaire .modal-content {
  background-color: #232323 !important;
}
.darknavy-theme .from-complain {
  display: block;
  width: 100%;
  height: calc(1.5em + 5rem + 10px) !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  background-color: #f4f4f4 !important;
  background-clip: padding-box;
  border: 1px solid #f4f4f4 !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darknavy-theme .btn-withdraw {
  background: linear-gradient(180deg, #5a9cd3, #22577e);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  color: #fff;
  border-color: #22577e !important;
}
.darknavy-theme .cover-withdraw {
  background: #2e2e2e;
  border-radius: 0 0 10px 10px;
}
.darknavy-theme .hd-withdraw {
  background: #4e4e4e;
  border-radius: 10px 10px 0 0;
  color: #fff;
  padding: 10px;
}
.darknavy-theme .card-withdraw {
  background: #0d0c09 !important;
  color: #fff !important;
  border-radius: 5px;
}
.darknavy-theme .page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #2980b9 !important;
  border-color: #2980b9 !important;
}
.darknavy-theme .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #fff !important;
  background-color: #2e2e2e !important;
  border: 1px solid #232323 !important;
}
.darknavy-theme .custom-control-input:checked ~ .custom-control-label:before {
  color: #fff !important;
  border-color: #5596cc !important;
  background-color: #5596cc !important;
}
.darknavy-theme .boxcredit {
  background: rgba(34, 32, 32, 0.6);
  width: 50%;
}
.darknavy-theme .border-color {
  border: 2px solid #004e92;
  border-radius: 10px;
}
.darknavy-theme .btn-box {
  background-image: linear-gradient(315deg, #5a9cd3, #22577e 74%);
  border-radius: 5px 25px;
  filter: drop-shadow(1px 2px 4px #3e79a8);
  border-color: #5a9cd3 !important;
}
.darknavy-theme .breadcrumb {
  background-color: #0d0d09 !important;
}
.darknavy-theme .breadcrumb-item.active {
  color: #5596cc !important;
}
.darknavy-theme .swal2-popup {
  background: #232323 !important;
}
.darknavy-theme .swal2-content,
.darknavy-theme .swal2-title {
  color: #fff !important;
}
.darknavy-theme .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #5a9cd3, #22577e) !important;
  border-radius: 10px !important;
  border-color: #fff !important;
  color: #fff !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.darknavy-theme .bg-body-modal {
  background: linear-gradient(180deg, #5a9cd3, #22577e);
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #2e2e2e !important;
  color: #fff;
}
.darknavy-theme .modal-content {
  border-radius: 1rem !important;
}
.darknavy-theme .bg-body,
.darknavy-theme .bg-body-promotion {
  background: #2e2e2e !important;
}
.darknavy-theme .bg-footer {
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: calc(1rem - 1px) !important;
  border-bottom-left-radius: calc(1rem - 1px) !important;
  background-color: #2e2e2e !important;
}
.darknavy-theme #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darknavy-theme #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darknavy-theme #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darknavy-theme #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darknavy-theme #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darknavy-theme #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darknavy-theme #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darknavy-theme #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darknavy-theme .card-bank {
  background: #2e2e2e;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}
.darknavy-theme .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid rgba(0, 0, 0, 0.125);
}
.darknavy-theme .swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid;
  border-radius: 50%;
}
.darknavy-theme .swal2-icon.swal2-success [class^="swal2-success-line"] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
}
.darknavy-theme .form-control {
  display: block;
  padding: 0.375rem 0.75rem;
  color: #232323 !important;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darknavy-theme .custom-select,
.darknavy-theme .form-control {
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  border: 1px solid #0d0c09 !important;
  border-radius: 0.25rem;
}
.darknavy-theme .custom-select {
  display: inline-block;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  color: #fff !important;
  vertical-align: middle;
  background-color: #2e2e2e !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(https://i.imgur.com/ZS05XIa.png) right 0.75rem center/8px
    10px no-repeat;
}
.darknavy-theme .multiselect__tags {
  min-height: 40px;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  font-size: 14px;
}
.darknavy-theme .multiselect__content-wrapper,
.darknavy-theme .multiselect__tags {
  display: block;
  border: 1px solid #0d0c09 !important;
  background: #2e2e2e !important;
  color: #fff !important;
}
.darknavy-theme .multiselect__content-wrapper {
  position: absolute;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.darknavy-theme .multiselect__input,
.darknavy-theme .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #2e2e2e !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
  color: #fff;
}
.darknavy-theme .multiselect__option--highlight {
  background: #2e2e2e !important;
  outline: none;
  color: #fff !important;
}
.darknavy-theme #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.darknavy-theme .border-banner {
  border: 2px solid #5a9cd3;
  border-radius: 10px;
}
.darknavy-theme .btn-secondary:hover {
  color: #fff;
  background-color: #5a9cd3 !important;
  border-color: none !important;
}
.darknavy-theme .btn-secondary.focus,
.darknavy-theme .btn-secondary:focus {
  color: #fff;
  background-color: #5a9cd3 !important;
  border-color: #5a9cd3 !important;
}
.darknavy-theme .bg-choose {
  background: #2e2e2e !important;
  color: #fff;
}
.darknavy-theme .btn-join-activity {
  background: linear-gradient(180deg, #5a9cd3, #22577e);
  border-radius: 0 0 10px 10px;
  color: #fff;
}
.darknavy-theme .bg-input {
  background: #2e2e2e !important;
  border-radius: 10px;
  color: #fff !important;
  border: none !important;
}
.darknavy-theme .bg-condition {
  background: #2e2e2e !important;
  color: #fff;
}
.darknavy-theme .header-login {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5019607843);
  border: 0 solid rgba(0, 0, 0, 0.125);
}
.darknavy-theme .footer-wrapper1 {
  height: auto;
}
.darknavy-theme .footer-wrapper,
.darknavy-theme .footer-wrapper1 {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.darknavy-theme .footer-wrapper {
  height: 58px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: #2e2e2e;
  box-shadow: 0 0 16px hsla(0, 0%, 41.2%, 0.55);
  z-index: 2;
}
.darknavy-theme .footer-wrapper .play-game {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 15px;
  text-align: center;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #5a9cd3, #4192c8 50%, #22577e);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
}
.darknavy-theme .footer-wrapper .play-game .play-game-box {
  display: table-cell;
  transform: rotate(316deg);
  vertical-align: middle;
}
.darknavy-theme .footer-wrapper .play-game .item-count {
  width: 30px;
  filter: invert(0);
}
.darknavy-theme .footer-wrapper .play-game-5 {
  border-radius: 30px;
  height: 50px;
  text-align: center;
  width: 50px;
  padding: 8px;
  background: linear-gradient(180deg, #5a9cd3, #4192c8 50%, #22577e);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
  position: absolute;
  top: -20px;
}
.darknavy-theme .footer-wrapper .play-game-5 .play-game-box-5 {
  display: table-cell;
  vertical-align: middle;
}
.darknavy-theme .footer-wrapper .play-game-5 .item-count {
  width: 34px;
  filter: invert(1);
}
.darknavy-theme a {
  color: #fff !important;
}
.darknavy-theme a:hover {
  color: --blue;
  text-decoration: none !important;
}
.darknavy-theme .bg-table-aff {
  background-color: #232323 !important;
  border: 0 solid #2c2c2c !important;
}
.darknavy-theme .border-left {
  border-left: 3px solid #5596cc !important;
}
.darknavy-theme .border-solid {
  border: 1px solid #4e4e4e;
}
.darknavy-theme .bg-from-aff {
  display: inline-block;
  width: 50% !important;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  vertical-align: middle;
  background-color: #2e2e2e !important;
  border: 1px solid #2e2e2e !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.darknavy-theme .bg-in-aff {
  background: #c4c4c4;
  border-radius: 5px;
  color: #000;
  padding: 5px;
}
.darknavy-theme .icon-aff {
  position: absolute;
  top: 92px;
  left: 0;
  right: 0;
  color: #fff;
}
.darknavy-theme .btn-comein {
  position: absolute;
  bottom: -17%;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.darknavy-theme .bg-search {
  background-color: #2e2e2e !important;
}
.darknavy-theme .bg-from,
.darknavy-theme .bg-search {
  border: 1px solid #5596cc !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff !important;
}
.darknavy-theme .bg-from {
  background-color: #2e2e2e !important;
  background: #464646 url(/_nuxt/img/dropdown.2ae9015.png) no-repeat right
    0.75rem center/10px 8px;
}
.darknavy-theme .search {
  position: absolute;
  right: 24px;
  color: #bdbdbd;
}
.darknavy-theme .card-point {
  background: #4e4e4e !important;
  filter: drop-shadow(0 0 0 #4e4e4e) !important;
  color: #fff !important;
  border-radius: 10px;
}
.darknavy-theme .bg-point {
  background: #5a9cd3;
  border-radius: 20px;
  margin: 4px;
  color: #000;
}
.darknavy-theme .bg-card-his {
  background: #4e4e4e !important;
  color: #fff !important;
}
.darknavy-theme .card-nodata {
  background: #232323;
  color: #fff;
  padding: 80px;
  border-radius: 10px;
}
.darknavy-theme .action-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2%;
}
.darknavy-theme .action-wrapper__btn-spin {
  background-image: url(https://es-dev.vrbet.com/_nuxt/img/button.1e27aca.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 6vw;
  width: 14vw;
  margin-bottom: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.darknavy-theme .action-wrapper__btn-spin span {
  font-size: 3vw;
  color: #fff;
  -webkit-text-stroke: 3px #fff;
}
@media screen and (max-width: 992px) {
  .darknavy-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2.5px #fff;
    font-size: 6vw;
  }
}
@media screen and (max-width: 480px) {
  .darknavy-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2px #fff;
    font-size: 8vw;
  }
}
@media screen and (max-width: 992px) {
  .darknavy-theme .action-wrapper__btn-spin {
    margin-top: 3vw;
    width: 26vw;
    height: 12vw;
  }
}
@media screen and (max-width: 480px) {
  .darknavy-theme .action-wrapper__btn-spin {
    width: 40vw;
    height: 18vw;
  }
}
.darknavy-theme .action-wrapper__btn-spin.disabledbtn {
  cursor: not-allowed;
  filter: grayscale(1);
}
.darknavy-theme .glass-panel {
  color: #fff;
  margin: 40px auto;
  background-color: hsla(0, 0%, 100%, 0.06);
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  width: 100%;
  border-radius: 15px;
  padding: 32px;
  backdrop-filter: blur(10px);
}
.darknavy-theme .glass-button {
  display: inline-block;
  padding: 15px 18px;
  text-decoration: none;
  border-radius: 15px;
  background-color: #4e4e4e;
  border: 1px solid #000;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: #000;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}
.darknavy-theme .glass-button:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.darknavy-theme .glass-panel {
  max-width: 600px;
}
.darknavy-theme #background-wrap {
  bottom: 0;
  left: 0;
  padding-top: 50px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.darknavy-theme .x1 {
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 35s linear infinite;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  transform: scale(0.65);
}
.darknavy-theme .x2 {
  -webkit-animation: animateCloud 20s linear infinite;
  -moz-animation: animateCloud 20s linear infinite;
  animation: animateCloud 20s linear infinite;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.darknavy-theme .x3 {
  -webkit-animation: animateCloud 30s linear infinite;
  -moz-animation: animateCloud 30s linear infinite;
  animation: animateCloud 30s linear infinite;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.darknavy-theme .x4 {
  -webkit-animation: animateCloud 18s linear infinite;
  -moz-animation: animateCloud 18s linear infinite;
  animation: animateCloud 18s linear infinite;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.darknavy-theme .x5 {
  -webkit-animation: animateCloud 25s linear infinite;
  -moz-animation: animateCloud 25s linear infinite;
  animation: animateCloud 25s linear infinite;
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  transform: scale(0.55);
}
.darknavy-theme .cloud {
  background: #fff;
  background: -moz-linear-gradient(top, #fff 5%, #f1f1f1 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, #fff),
    color-stop(100%, #f1f1f1)
  );
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  height: 120px;
  position: relative;
  width: 350px;
}
.darknavy-theme .cloud:after,
.darknavy-theme .cloud:before {
  background: #fff;
  content: "";
  position: absolute;
  z-index: -1;
}
.darknavy-theme .cloud:after {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  height: 100px;
  left: 50px;
  top: -50px;
  width: 100px;
}
.darknavy-theme .cloud:before {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  width: 180px;
  height: 180px;
  right: 50px;
  top: -90px;
}
.darknavy-theme .bg-share-facebook {
  background-color: #2e2e2e !important;
  color: #fff !important;
}
.darknavy-theme .bg-game {
  background: #2e2e2e !important;
  border-radius: 10px !important;
  color: #bdbdbd !important;
  width: 80px;
  height: 67px;
}
.darknavy-theme .bg-game-active {
  background: linear-gradient(180deg, #5392c6, #296a98) !important;
  border-radius: 10px !important;
  color: #2e2e2e !important;
  width: 80px;
  height: 67px;
}
.darknavy-theme .bg-search-game {
  background-color: #2e2e2e !important;
  border-radius: 10px !important;
  color: #fff !important;
}
.darknavy-theme .unactive-footer {
  color: #bdbdbd;
}
.darknavy-theme .btn-aff-share {
  background: linear-gradient(270deg, #5a9cd3, #22577e);
  border-radius: 10px;
  color: #2e2e2e;
  border-color: #22577e !important;
  filter: drop-shadow(0 0 5px #22577e);
}
.darknavy-theme #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darknavy-theme .btn-change-language {
  background-color: #2e2e2e !important;
  border: 1px solid #5596cc;
}
.darknavy-theme .card-money,
.darknavy-theme .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card\ copy.c4be5af.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.darknavy-theme .bg-iconuser {
  background: #fff;
  padding: 7px;
  border-radius: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #5596cc;
}
.darknavy-theme .content-lv {
  padding: 10px 0;
}
.darknavy-theme .border-bottom-aff {
  border-bottom: 1px solid #5a9cd3;
}
.darknavy-theme .body-content {
  background: #fff;
  width: 70%;
  border-bottom-right-radius: 20px;
  padding: 0 39px;
  overflow: auto;
  max-height: 300px;
}
@media (max-width: 479px) {
  .darknavy-theme .body-content {
    width: 75%;
    padding: 0 10px;
  }
}
.darknavy-theme .active2 {
  color: #232323 !important;
  background: #fff !important;
  border-bottom-left-radius: 0 !important;
}
.darknavy-theme .tab-item {
  padding: 15px !important;
  font-size: 14px !important;
}
.darknavy-theme .tab-history-class {
  border-radius: 20px;
  color: #232323;
  border: 1px solid #22577e;
}
.darknavy-theme .tab-item:last-child {
  border-bottom: 1px solid #c2c2c2;
  border-bottom-left-radius: 20px !important;
}
.darknavy-theme .tab-item,
.darknavy-theme .tab-item:last-child {
  cursor: pointer;
  color: #232323;
  background: linear-gradient(180deg, #5a9cd3 0, #22577e);
}
.darknavy-theme .tab-item {
  border-bottom: 1px solid #c2c2c2;
}
.darknavy-theme .header-aff {
  background: linear-gradient(180deg, #5a9cd3 0, #22577e);
  border-bottom: 1px solid #232323;
  border-radius: 20px 20px 0 0;
}
.darknavy-theme .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #c2c2c2;
  border-radius: 30rem !important;
}
.darknavy-theme .bg-aff-level {
  background: linear-gradient(#404040, #404040) padding-box,
    linear-gradient(90deg, #5a9cd3, #4192c8, #22577e) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darknavy-theme .bg-aff-level .nunber-friend {
  background: #626166;
  border-radius: 10px;
  color: #fff;
}
.darknavy-theme .bg-aff-level .turn-other {
  background: #0d0c09;
  border-radius: 10px;
}
.darknavy-theme .bg-aff-level .solid {
  border: 1px solid #5a9cd3;
  height: 40px;
}
.darknavy-theme .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #2e2e2e;
  color: #7d7d7d;
  padding: 5px;
}
.darknavy-theme .filters__button:hover {
  background-color: #2e2e2e;
}
.darknavy-theme .filters-content {
  background-color: #2e2e2e;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darknavy-theme .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #0d0c09;
  color: #7d7d7d;
  padding: 5px;
}
.darknavy-theme .filters__button2:hover {
  background-color: #0d0c09;
}
.darknavy-theme .filters [data-content] {
  display: none;
}
.darknavy-theme [data-content].is-active[data-content] {
  display: grid;
}
.darknavy-theme [data-target].is-active {
  background: linear-gradient(180deg, #626166, #3d3a3d);
  border-radius: 10px;
  color: #fff;
}
.darknavy-theme .condition-header {
  background: linear-gradient(
    109.63deg,
    #5a9cd3 3.68%,
    #4192c8 47.76%,
    #22577e 95.96%
  );
  border-radius: 5px;
  color: #2e2e2e;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.darknavy-theme .bg-wheel-condition {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(109.63deg, #5a9cd3 3.68%, #4192c8 47.76%, #22577e 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.darknavy-theme .btn-up-slip {
  color: #5a9cd3;
  border: 2px solid #22577e !important;
  background: 0 0 !important;
}
.darknavy-theme .btn-no-received {
  background: #373737;
  border-color: #373737;
  border-radius: 10px;
}
.darknavy-theme .btn-no-received:focus,
.darknavy-theme .btn-no-received:hover {
  background-color: #373737 !important;
  border-color: #373737 !important;
  border-radius: 10px !important;
}
.darknavy-theme .bg-pro {
  background: #373737;
  border-radius: 10px;
}
.darknavy-theme .filters-content-bg {
  background-color: #0d0c09;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darknavy-theme .is-unactive {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #0d0c09;
  color: #7d7d7d;
  padding: 5px;
}
.darknavy-theme .card-points {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darknavy-theme .r-gold {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.darknavy-theme .r-gold,
.darknavy-theme .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.darknavy-theme .r-silver {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.darknavy-theme .r-copper {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.darknavy-theme .cycle-gold {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.darknavy-theme .cycle-gold,
.darknavy-theme .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.darknavy-theme .cycle-silver {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
}
.darknavy-theme .cycle-copper {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.darknavy-theme .card-decimal {
  background: #ececec;
  box-shadow: 0 4px 10px rgba(13, 13, 9, 0.12);
  border-radius: 10px;
  color: #000 !important;
}
.darknavy-theme .card-transfer {
  background: #000;
  box-shadow: 0 4px 10px rgba(13, 13, 9, 0.12);
  border-radius: 10px;
  color: #fff !important;
}
.darknavy-theme .bg-choose-team {
  background: hsla(0, 0%, 100%, 0.3);
  border-radius: 5px;
  color: #fff;
  padding: 2px;
  margin: 4px;
}
.darknavy-theme .refesh {
  position: absolute;
  top: 3px;
  right: 12px;
}
.darknavy-theme .bagfree {
  position: absolute;
  top: 0;
  right: 6px;
}
.darknavy-theme .hexagon {
  position: relative;
  width: 55px;
  height: 28.7px;
  margin: 35.15px 0;
  border-left: 3.1421px solid #fff;
  border-right: 3.1421px solid #fff;
}
.darknavy-theme .hexagon:after,
.darknavy-theme .hexagon:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 38.35px;
  height: 38.35px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 5.8249px;
}
.darknavy-theme .hexagon:before {
  top: -19.1751px;
  border-top: 3.1421px solid #fff;
  border-right: 3.1421px solid #fff;
}
.darknavy-theme .hexagon:after {
  bottom: -19.1751px;
  border-bottom: 3.1421px solid #fff;
  border-left: 3.1421px solid #fff;
}
.darknavy-theme *,
.darknavy-theme :after,
.darknavy-theme :before {
  box-sizing: border-box;
}
.darknavy-theme .bg-month {
  background: #0d0c09;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #7d7d7d;
}
.darknavy-theme .bg-month-active {
  background: linear-gradient(#0d0c09, #0d0c09) padding-box,
    linear-gradient(90deg, #5a9cd3, #22577e) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #fff;
  border: 1px solid transparent;
}
.darknavy-theme .bagfree2 {
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 35px;
}
.darknavy-theme .btn.focus {
  box-shadow: 0 0 0 0.2rem rgba(46, 46, 46, 0.25) !important;
}
.darknavy-theme .arry-input {
  height: calc(1.5em + 5rem + 10px) !important;
  border-radius: 10px !important;
  color: #fff !important;
}
.darkorange-theme .shadow-today {
  box-shadow: 0 0 15px #f2c94c;
}
.darkorange-theme .bd-daily-fix {
  border-color: #f2994a !important;
  background: #0d0d09 !important;
}
.darkorange-theme .text-deposited-daily-fix {
  color: #7d7d7d;
}
.darkorange-theme .bg-table-daily-fix {
  background: #4e4e4e !important;
  color: #fff !important;
}
.darkorange-theme .text-daily-fix {
  color: #f2994a !important;
}
.darkorange-theme .text-credit-daily {
  background: linear-gradient(180deg, #2e2e2e 0, #2e2e2e) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.darkorange-theme .text-color {
  color: #fff !important;
}
.darkorange-theme .text-template {
  color: #f2994a;
}
.darkorange-theme .text-theme {
  color: #2e2e2e;
}
.darkorange-theme .text-spcial {
  background: linear-gradient(180deg, #696969 0, #1a1c1c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkorange-theme .text-linear,
.darkorange-theme .text-linear-footer {
  background: linear-gradient(180deg, #f2c94c 0, #f2994a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkorange-theme .text-see-history {
  color: #fff;
}
.darkorange-theme .text-head-hisotry {
  color: #f2994a;
}
.darkorange-theme .text-tranfer {
  background: linear-gradient(180deg, #fff 0, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkorange-theme .text-color-icon,
.darkorange-theme .text-credit {
  background: linear-gradient(50deg, #bb995a, #fff7c4 50%, #ac894c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkorange-theme .bg-ball-choose-team,
.darkorange-theme .bg-credit {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(90deg, #f2c94c, #f2994a) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkorange-theme .bg-wallet {
  background: #2e2e2e;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
  color: #fff;
}
.darkorange-theme .bg-credit-free {
  background: linear-gradient(180deg, #f2c94c, #f2994a);
  border-radius: 0 0 10px 10px;
}
.darkorange-theme .recevied-com {
  border-radius: 10px;
  border: 2px solid #bb995a;
  background: linear-gradient(50deg, #bb995a, #fff7c4 50%, #ac894c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkorange-theme .bg-card-commission {
  background: #2e2e2e;
}
.darkorange-theme .bg-turn {
  color: #fff;
  background: #2e2e2e;
  border-radius: 10px;
}
.darkorange-theme .bg-icon-index {
  background: #2e2e2e !important;
  border-radius: 10px !important;
}
.darkorange-theme .bg-con-turn {
  background: #0d0c09 !important;
}
.darkorange-theme .color-toogle {
  background: linear-gradient(180deg, #5cc875 0, #5cc875);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkorange-theme .tab-content > .active {
  display: block;
  background: #232323 !important;
}
.darkorange-theme .active-bg,
.darkorange-theme .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #626166, #3d3a3d) !important;
  color: #fff !important;
}
.darkorange-theme .tab-box {
  background-color: #2e2e2e;
  color: #7d7d7d;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.darkorange-theme .nav-tabs {
  border-bottom: 2px solid #4a484c !important;
}
.darkorange-theme .nav-tabs .nav-link {
  border: 0 !important;
  background: #2e2e2e !important;
  color: #7d7d7d !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.darkorange-theme .boder-right {
  height: 50px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.2509803922);
}
.darkorange-theme .btn-copy-bank {
  background: #2e2e2e;
  border-radius: 10px;
  color: #fff;
  width: max-content;
  border-color: #2e2e2e;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16);
}
.darkorange-theme .btn-money {
  border-color: #f2c94c;
  border-radius: 10px;
  background: rgba(255, 203, 142, 0.2);
  color: #f2c94c;
}
.darkorange-theme .active-btn-amount {
  background: linear-gradient(180deg, #f2c94c, #f2994a) !important;
  color: #f4f4f4 !important;
  font-weight: 900;
}
.darkorange-theme .btn-topup-promptpay {
  border-color: #f2c94c;
  border-radius: 10px;
  background: linear-gradient(180deg, #f2c94c, #f2994a) !important;
  color: #2e2e2e;
}
.darkorange-theme .boder-color {
  border-color: #232323 !important;
}
.darkorange-theme .is-active-register {
  background: #f68833 !important;
  border: 1px solid #f2994a !important;
}
.darkorange-theme .b-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin: 0;
  outline: 0;
  transform: translateX(0);
  background: linear-gradient(180deg, #edcc67 0, #f2a662) !important;
}
.darkorange-theme .bg-info {
  color: #fff;
  background: #0d0c09 !important;
  padding: 5px;
  border-radius: 10px;
}
.darkorange-theme .btn-change {
  background: #2e2e2e;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}
.darkorange-theme .card-pro {
  background: #0d0c09;
  border-radius: 10px;
  color: #fff !important;
  font-weight: 400 !important;
}
.darkorange-theme .bg-lock {
  background: #f2994a;
  padding: 8px;
  border-radius: 20px;
  width: 40px;
}
.darkorange-theme .btn-cancel {
  background: #2e2e2e;
  border-radius: 10px;
  color: #f2994a !important;
  border: 1px solid #f2994a;
}
.darkorange-theme .btn-cancel:hover {
  border-radius: 10px;
  color: #000 !important;
  border: 1px solid #000 !important;
}
.darkorange-theme .btn-theme-one {
  background: #f68833;
  border-color: #2e2e2e !important;
  color: #fff;
  border-radius: 10px !important;
}
.darkorange-theme .btn-theme-two {
  color: #2e2e2e;
}
.darkorange-theme .btn-login,
.darkorange-theme .btn-theme-two {
  background: linear-gradient(180deg, #f2c94c, #f2994a);
  border-radius: 10px;
  border-color: #f2994a !important;
}
.darkorange-theme .btn-login {
  color: #fff;
}
.darkorange-theme .btn-theme-seemore {
  background: #565553;
  border-radius: 10px;
  color: #fff;
  border-color: #565553 !important;
}
.darkorange-theme .btn-copy {
  background: linear-gradient(180deg, #f2c94c, #f2994a) !important;
  border-radius: 0 10px 10px 0 !important;
  color: #000 !important;
}
.darkorange-theme .card {
  background: #232323 !important;
  color: #fff !important;
  filter: drop-shadow(0 0 1px #989898);
}
.darkorange-theme .bg-input-theme {
  background-color: #d1d1d1 !important;
}
.darkorange-theme .border-theme {
  border-radius: 15px !important;
}
.darkorange-theme .icon-activity {
  filter: invert(0);
  width: 20px;
}
.darkorange-theme .bg-table {
  background-color: #2c2c2c;
  border-radius: 10px;
  border: 0 solid #2c2c2c !important;
}
.darkorange-theme .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #000 !important;
  border-top: 0 solid #000 !important;
  padding: 4px 12px;
  background: #4e4e4e;
  color: #fff !important;
}
.darkorange-theme .table td {
  vertical-align: top;
  border-top: 0 solid #000 !important;
  color: #fff !important;
}
.darkorange-theme .Daily__item__box {
  position: relative;
  height: 75px;
  background: #2e2e2e;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
}
.darkorange-theme .Daily__item__box.active {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(90deg, #f2c94c, #f2994a) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.darkorange-theme .Daily__item__box.active-today {
  background: linear-gradient(180deg, #f2c94c, #f2994a);
  border: none !important;
}
.darkorange-theme .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2e2e2e;
  border-radius: 10px;
}
.darkorange-theme .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.darkorange-theme .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.darkorange-theme .text-daily {
  color: #fff;
}
.darkorange-theme .btn-reward {
  width: 85%;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
  cursor: pointer;
}
.darkorange-theme .bg-btn-point {
  background: #c2c2c2;
  border-radius: 20px;
  margin: 4px;
}
.darkorange-theme .bg-chosses {
  background-color: #232323;
  border-radius: 15px;
  filter: drop-shadow(0 1px 1px #989898);
  color: #fff;
}
.darkorange-theme .bg-hover:hover,
.darkorange-theme .btn-hover:focus {
  background-color: #3d3d3d;
}
.darkorange-theme .showSlide {
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 80%;
  background-color: #2c2c2c !important;
  display: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.darkorange-theme #modal-suscess-complain .modal-content,
.darkorange-theme #modalQuestionnaire .modal-content {
  background-color: #232323 !important;
}
.darkorange-theme .from-complain {
  display: block;
  width: 100%;
  height: calc(1.5em + 5rem + 10px) !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  background-color: #f4f4f4 !important;
  background-clip: padding-box;
  border: 1px solid #f4f4f4 !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darkorange-theme .btn-withdraw {
  background: linear-gradient(180deg, #f2c94c, #f2994a);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  color: #2e2e2e;
  border-color: #f2994a !important;
}
.darkorange-theme .cover-withdraw {
  background: #2e2e2e;
  border-radius: 0 0 10px 10px;
}
.darkorange-theme .hd-withdraw {
  background: #4e4e4e;
  border-radius: 10px 10px 0 0;
  color: #fff;
  padding: 10px;
}
.darkorange-theme .card-withdraw {
  background: #0d0c09 !important;
  color: #fff !important;
  border-radius: 5px;
}
.darkorange-theme .page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #f68833 !important;
  border-color: #f68833 !important;
}
.darkorange-theme .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #fff !important;
  background-color: #2e2e2e !important;
  border: 1px solid #232323 !important;
}
.darkorange-theme .custom-control-input:checked ~ .custom-control-label:before {
  color: #fff !important;
  border-color: #f2994a !important;
  background-color: #f2994a !important;
}
.darkorange-theme .boxcredit {
  background: rgba(34, 32, 32, 0.6);
  width: 50%;
}
.darkorange-theme .border-color {
  border: 2px solid #f2994a;
  border-radius: 10px;
}
.darkorange-theme .btn-box {
  background-image: linear-gradient(315deg, #f2c94c, #f2994a 74%);
  border-radius: 5px 25px;
  filter: drop-shadow(1px 2px 4px #ff9c46);
  border-color: #f2c94c !important;
}
.darkorange-theme .breadcrumb {
  background-color: #0d0d09 !important;
}
.darkorange-theme .breadcrumb-item.active {
  color: #f2994a !important;
}
.darkorange-theme .swal2-popup {
  background: #232323 !important;
}
.darkorange-theme .swal2-content,
.darkorange-theme .swal2-title {
  color: #fff !important;
}
.darkorange-theme .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #f2c94c, #f2994a) !important;
  border-radius: 10px !important;
  border-color: #fff !important;
  color: #fff !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.darkorange-theme .bg-body-modal {
  background: linear-gradient(180deg, #f2c94c, #f2994a);
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #2e2e2e !important;
  color: #2e2e2e;
}
.darkorange-theme .modal-content {
  border-radius: 1rem !important;
}
.darkorange-theme .bg-body,
.darkorange-theme .bg-body-promotion {
  background: #2e2e2e !important;
}
.darkorange-theme .bg-footer {
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: calc(1rem - 1px) !important;
  border-bottom-left-radius: calc(1rem - 1px) !important;
  background-color: #2e2e2e !important;
}
.darkorange-theme #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkorange-theme #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkorange-theme #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darkorange-theme #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkorange-theme #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkorange-theme #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darkorange-theme #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkorange-theme #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkorange-theme .card-bank {
  background: #2e2e2e;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}
.darkorange-theme .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid rgba(0, 0, 0, 0.125);
}
.darkorange-theme .swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid;
  border-radius: 50%;
}
.darkorange-theme .swal2-icon.swal2-success [class^="swal2-success-line"] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
}
.darkorange-theme .form-control {
  display: block;
  padding: 0.375rem 0.75rem;
  color: #232323 !important;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darkorange-theme .custom-select,
.darkorange-theme .form-control {
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  border: 1px solid #0d0c09 !important;
  border-radius: 0.25rem;
}
.darkorange-theme .custom-select {
  display: inline-block;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  color: #fff !important;
  vertical-align: middle;
  background-color: #2e2e2e !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(https://i.imgur.com/ZS05XIa.png) right 0.75rem center/8px
    10px no-repeat;
}
.darkorange-theme .multiselect__tags {
  min-height: 40px;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  font-size: 14px;
}
.darkorange-theme .multiselect__content-wrapper,
.darkorange-theme .multiselect__tags {
  display: block;
  border: 1px solid #0d0c09 !important;
  background: #2e2e2e !important;
  color: #fff !important;
}
.darkorange-theme .multiselect__content-wrapper {
  position: absolute;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.darkorange-theme .multiselect__input,
.darkorange-theme .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #2e2e2e !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
  color: #fff;
}
.darkorange-theme .multiselect__option--highlight {
  background: #2e2e2e !important;
  outline: none;
  color: #fff !important;
}
.darkorange-theme #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.darkorange-theme .border-banner {
  border: 2px solid #f2c94c;
  border-radius: 10px;
}
.darkorange-theme .btn-secondary:hover {
  color: #fff;
  background-color: #f2c94c !important;
  border-color: none !important;
}
.darkorange-theme .btn-secondary.focus,
.darkorange-theme .btn-secondary:focus {
  color: #fff;
  background-color: #f2c94c !important;
  border-color: #f2c94c !important;
}
.darkorange-theme .bg-choose {
  background: #2e2e2e !important;
  color: #fff;
}
.darkorange-theme .btn-join-activity {
  background: linear-gradient(180deg, #f2c94c, #f2994a);
  border-radius: 0 0 10px 10px;
  color: #2e2e2e;
}
.darkorange-theme .bg-input {
  background: #2e2e2e !important;
  border-radius: 10px;
  color: #fff !important;
  border: none !important;
}
.darkorange-theme .bg-condition {
  background: #2e2e2e !important;
  color: #fff;
}
.darkorange-theme .header-login {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5019607843);
  border: 0 solid rgba(0, 0, 0, 0.125);
}
.darkorange-theme .footer-wrapper1 {
  height: auto;
}
.darkorange-theme .footer-wrapper,
.darkorange-theme .footer-wrapper1 {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.darkorange-theme .footer-wrapper {
  height: 58px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: #2e2e2e;
  box-shadow: 0 0 16px hsla(0, 0%, 41.2%, 0.55);
  z-index: 2;
}
.darkorange-theme .footer-wrapper .play-game {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 15px;
  text-align: center;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #f2c94c, #f2b24c 50%, #f2994a);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
}
.darkorange-theme .footer-wrapper .play-game .play-game-box {
  display: table-cell;
  transform: rotate(316deg);
  vertical-align: middle;
}
.darkorange-theme .footer-wrapper .play-game .item-count {
  width: 30px;
  filter: invert(0);
}
.darkorange-theme .footer-wrapper .play-game-5 {
  border-radius: 30px;
  height: 50px;
  text-align: center;
  width: 50px;
  padding: 8px;
  background: linear-gradient(180deg, #f2c94c, #f2b24c 50%, #f2994a);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
  position: absolute;
  top: -20px;
}
.darkorange-theme .footer-wrapper .play-game-5 .play-game-box-5 {
  display: table-cell;
  vertical-align: middle;
}
.darkorange-theme .footer-wrapper .play-game-5 .item-count {
  width: 34px;
  filter: invert(1);
}
.darkorange-theme a {
  color: #fff !important;
}
.darkorange-theme a:hover {
  color: --blue;
  text-decoration: none !important;
}
.darkorange-theme .bg-table-aff {
  background-color: #232323 !important;
  border: 0 solid #2c2c2c !important;
}
.darkorange-theme .border-left {
  border-left: 3px solid #f2994a !important;
}
.darkorange-theme .border-solid {
  border: 1px solid #4e4e4e;
}
.darkorange-theme .bg-from-aff {
  display: inline-block;
  width: 50% !important;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  vertical-align: middle;
  background-color: #2e2e2e !important;
  border: 1px solid #2e2e2e !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.darkorange-theme .bg-in-aff {
  background: #c4c4c4;
  border-radius: 5px;
  color: #000;
  padding: 5px;
}
.darkorange-theme .icon-aff {
  position: absolute;
  top: 92px;
  left: 0;
  right: 0;
  color: #fff;
}
.darkorange-theme .btn-comein {
  position: absolute;
  bottom: -17%;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.darkorange-theme .bg-search {
  background-color: #2e2e2e !important;
}
.darkorange-theme .bg-from,
.darkorange-theme .bg-search {
  border: 1px solid #f2994a !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff !important;
}
.darkorange-theme .bg-from {
  background-color: #2e2e2e !important;
  background: #464646 url(/_nuxt/img/dropdown.2ae9015.png) no-repeat right
    0.75rem center/10px 8px;
}
.darkorange-theme .search {
  position: absolute;
  right: 24px;
  color: #bdbdbd;
}
.darkorange-theme .card-point {
  background: #4e4e4e !important;
  filter: drop-shadow(0 0 0 #4e4e4e) !important;
  color: #fff !important;
  border-radius: 10px;
}
.darkorange-theme .bg-point {
  background: #f2c94c;
  border-radius: 20px;
  margin: 4px;
  color: #000;
}
.darkorange-theme .bg-card-his {
  background: #4e4e4e !important;
  color: #fff !important;
}
.darkorange-theme .card-nodata {
  background: #232323;
  color: #fff;
  padding: 80px;
  border-radius: 10px;
}
.darkorange-theme .action-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2%;
}
.darkorange-theme .action-wrapper__btn-spin {
  background-image: url(https://es-dev.vrbet.com/_nuxt/img/button.1e27aca.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 6vw;
  width: 14vw;
  margin-bottom: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.darkorange-theme .action-wrapper__btn-spin span {
  font-size: 3vw;
  color: #fff;
  -webkit-text-stroke: 3px #fff;
}
@media screen and (max-width: 992px) {
  .darkorange-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2.5px #fff;
    font-size: 6vw;
  }
}
@media screen and (max-width: 480px) {
  .darkorange-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2px #fff;
    font-size: 8vw;
  }
}
@media screen and (max-width: 992px) {
  .darkorange-theme .action-wrapper__btn-spin {
    margin-top: 3vw;
    width: 26vw;
    height: 12vw;
  }
}
@media screen and (max-width: 480px) {
  .darkorange-theme .action-wrapper__btn-spin {
    width: 40vw;
    height: 18vw;
  }
}
.darkorange-theme .action-wrapper__btn-spin.disabledbtn {
  cursor: not-allowed;
  filter: grayscale(1);
}
.darkorange-theme .glass-panel {
  color: #fff;
  margin: 40px auto;
  background-color: hsla(0, 0%, 100%, 0.06);
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  width: 100%;
  border-radius: 15px;
  padding: 32px;
  backdrop-filter: blur(10px);
}
.darkorange-theme .glass-button {
  display: inline-block;
  padding: 15px 18px;
  text-decoration: none;
  border-radius: 15px;
  background-color: #4e4e4e;
  border: 1px solid #000;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: #000;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}
.darkorange-theme .glass-button:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.darkorange-theme .glass-panel {
  max-width: 600px;
}
.darkorange-theme #background-wrap {
  bottom: 0;
  left: 0;
  padding-top: 50px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.darkorange-theme .x1 {
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 35s linear infinite;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  transform: scale(0.65);
}
.darkorange-theme .x2 {
  -webkit-animation: animateCloud 20s linear infinite;
  -moz-animation: animateCloud 20s linear infinite;
  animation: animateCloud 20s linear infinite;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.darkorange-theme .x3 {
  -webkit-animation: animateCloud 30s linear infinite;
  -moz-animation: animateCloud 30s linear infinite;
  animation: animateCloud 30s linear infinite;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.darkorange-theme .x4 {
  -webkit-animation: animateCloud 18s linear infinite;
  -moz-animation: animateCloud 18s linear infinite;
  animation: animateCloud 18s linear infinite;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.darkorange-theme .x5 {
  -webkit-animation: animateCloud 25s linear infinite;
  -moz-animation: animateCloud 25s linear infinite;
  animation: animateCloud 25s linear infinite;
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  transform: scale(0.55);
}
.darkorange-theme .cloud {
  background: #fff;
  background: -moz-linear-gradient(top, #fff 5%, #f1f1f1 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, #fff),
    color-stop(100%, #f1f1f1)
  );
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  height: 120px;
  position: relative;
  width: 350px;
}
.darkorange-theme .cloud:after,
.darkorange-theme .cloud:before {
  background: #fff;
  content: "";
  position: absolute;
  z-index: -1;
}
.darkorange-theme .cloud:after {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  height: 100px;
  left: 50px;
  top: -50px;
  width: 100px;
}
.darkorange-theme .cloud:before {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  width: 180px;
  height: 180px;
  right: 50px;
  top: -90px;
}
.darkorange-theme .bg-share-facebook {
  background-color: #2e2e2e !important;
  color: #fff !important;
}
.darkorange-theme .bg-game {
  background: #2e2e2e !important;
  border-radius: 10px !important;
  color: #bdbdbd !important;
  width: 80px;
  height: 67px;
}
.darkorange-theme .bg-game-active {
  background: linear-gradient(180deg, #ffd96e, #d6843a) !important;
  border-radius: 10px !important;
  color: #2e2e2e !important;
  width: 80px;
  height: 67px;
}
.darkorange-theme .bg-search-game {
  background-color: #2e2e2e !important;
  border-radius: 10px !important;
  color: #fff !important;
}
.darkorange-theme .unactive-footer {
  color: #bdbdbd;
}
.darkorange-theme .btn-aff-share {
  background: linear-gradient(270deg, #f2c94c, #f2994a);
  border-radius: 10px;
  color: #2e2e2e;
  border-color: #f2994a !important;
  filter: drop-shadow(0 0 5px #f2994a);
}
.darkorange-theme #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkorange-theme .btn-change-language {
  background-color: #2e2e2e !important;
  border: 1px solid #f2994a;
}
.darkorange-theme .card-money,
.darkorange-theme .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card\ copy.c4be5af.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.darkorange-theme .bg-iconuser {
  background: #fff;
  padding: 7px;
  border-radius: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #f2994a;
}
.darkorange-theme .content-lv {
  padding: 10px 0;
}
.darkorange-theme .border-bottom-aff {
  border-bottom: 1px solid #f2c94c;
}
.darkorange-theme .body-content {
  background: #fff;
  width: 70%;
  border-bottom-right-radius: 20px;
  padding: 0 39px;
  overflow: auto;
  max-height: 300px;
}
@media (max-width: 479px) {
  .darkorange-theme .body-content {
    width: 75%;
    padding: 0 10px;
  }
}
.darkorange-theme .active2 {
  color: #232323 !important;
  background: #fff !important;
  border-bottom-left-radius: 0 !important;
}
.darkorange-theme .tab-item {
  padding: 15px !important;
  font-size: 14px !important;
}
.darkorange-theme .tab-history-class {
  border-radius: 20px;
  color: #232323;
  border: 1px solid #f2994a;
}
.darkorange-theme .tab-item:last-child {
  border-bottom: 1px solid #c2c2c2;
  border-bottom-left-radius: 20px !important;
}
.darkorange-theme .tab-item,
.darkorange-theme .tab-item:last-child {
  cursor: pointer;
  color: #232323;
  background: linear-gradient(180deg, #f2c94c 0, #f2994a);
}
.darkorange-theme .tab-item {
  border-bottom: 1px solid #c2c2c2;
}
.darkorange-theme .header-aff {
  background: linear-gradient(180deg, #f2c94c 0, #f2994a);
  border-bottom: 1px solid #232323;
  border-radius: 20px 20px 0 0;
}
.darkorange-theme .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #c2c2c2;
  border-radius: 30rem !important;
}
.darkorange-theme .bg-aff-level {
  background: linear-gradient(#404040, #404040) padding-box,
    linear-gradient(90deg, #f2c94c, #f2b24c, #f2994a) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkorange-theme .bg-aff-level .nunber-friend {
  background: #626166;
  border-radius: 10px;
  color: #fff;
}
.darkorange-theme .bg-aff-level .turn-other {
  background: #0d0c09;
  border-radius: 10px;
}
.darkorange-theme .bg-aff-level .solid {
  border: 1px solid #f2c94c;
  height: 40px;
}
.darkorange-theme .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #2e2e2e;
  color: #7d7d7d;
  padding: 5px;
}
.darkorange-theme .filters__button:hover {
  background-color: #2e2e2e;
}
.darkorange-theme .filters-content {
  background-color: #2e2e2e;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darkorange-theme .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #0d0c09;
  color: #7d7d7d;
  padding: 5px;
}
.darkorange-theme .filters__button2:hover {
  background-color: #0d0c09;
}
.darkorange-theme .filters [data-content] {
  display: none;
}
.darkorange-theme [data-content].is-active[data-content] {
  display: grid;
}
.darkorange-theme [data-target].is-active {
  background: linear-gradient(180deg, #626166, #3d3a3d);
  border-radius: 10px;
  color: #fff;
}
.darkorange-theme .condition-header {
  background: linear-gradient(
    109.63deg,
    #f2c94c 3.68%,
    #f2b24c 47.76%,
    #f2994a 95.96%
  );
  border-radius: 5px;
  color: #2e2e2e;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.darkorange-theme .bg-wheel-condition {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(109.63deg, #f2c94c 3.68%, #f2b24c 47.76%, #f2994a 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.darkorange-theme .btn-up-slip {
  color: #f2c94c;
  border: 2px solid #f2994a !important;
  background: 0 0 !important;
}
.darkorange-theme .btn-no-received {
  background: #373737;
  border-color: #373737;
  border-radius: 10px;
}
.darkorange-theme .btn-no-received:focus,
.darkorange-theme .btn-no-received:hover {
  background-color: #373737 !important;
  border-color: #373737 !important;
  border-radius: 10px !important;
}
.darkorange-theme .bg-pro {
  background: #373737;
  border-radius: 10px;
}
.darkorange-theme .filters-content-bg {
  background-color: #0d0c09;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darkorange-theme .is-unactive {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #0d0c09;
  color: #7d7d7d;
  padding: 5px;
}
.darkorange-theme .card-points {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkorange-theme .r-gold {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.darkorange-theme .r-gold,
.darkorange-theme .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.darkorange-theme .r-silver {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.darkorange-theme .r-copper {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.darkorange-theme .cycle-gold {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.darkorange-theme .cycle-gold,
.darkorange-theme .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.darkorange-theme .cycle-silver {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
}
.darkorange-theme .cycle-copper {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.darkorange-theme .card-decimal {
  background: #ececec;
  box-shadow: 0 4px 10px rgba(13, 13, 9, 0.12);
  border-radius: 10px;
  color: #000 !important;
}
.darkorange-theme .card-transfer {
  background: #000;
  box-shadow: 0 4px 10px rgba(13, 13, 9, 0.12);
  border-radius: 10px;
  color: #fff !important;
}
.darkorange-theme .bg-choose-team {
  background: hsla(0, 0%, 100%, 0.3);
  border-radius: 5px;
  color: #fff;
  padding: 2px;
  margin: 4px;
}
.darkorange-theme .refesh {
  position: absolute;
  top: 3px;
  right: 12px;
}
.darkorange-theme .bagfree {
  position: absolute;
  top: 0;
  right: 6px;
}
.darkorange-theme .hexagon {
  position: relative;
  width: 55px;
  height: 28.7px;
  margin: 35.15px 0;
  border-left: 3.1421px solid #fff;
  border-right: 3.1421px solid #fff;
}
.darkorange-theme .hexagon:after,
.darkorange-theme .hexagon:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 38.35px;
  height: 38.35px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 5.8249px;
}
.darkorange-theme .hexagon:before {
  top: -19.1751px;
  border-top: 3.1421px solid #fff;
  border-right: 3.1421px solid #fff;
}
.darkorange-theme .hexagon:after {
  bottom: -19.1751px;
  border-bottom: 3.1421px solid #fff;
  border-left: 3.1421px solid #fff;
}
.darkorange-theme *,
.darkorange-theme :after,
.darkorange-theme :before {
  box-sizing: border-box;
}
.darkorange-theme .bg-month {
  background: #0d0c09;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #7d7d7d;
}
.darkorange-theme .bg-month-active {
  background: linear-gradient(#0d0c09, #0d0c09) padding-box,
    linear-gradient(90deg, #f2c94c, #f2994a) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #fff;
  border: 1px solid transparent;
}
.darkorange-theme .bagfree2 {
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 35px;
}
.darkorange-theme .btn.focus {
  box-shadow: 0 0 0 0.2rem rgba(46, 46, 46, 0.25) !important;
}
.darkorange-theme .arry-input {
  height: calc(1.5em + 5rem + 10px) !important;
  border-radius: 10px !important;
  color: #fff !important;
}
.darkpeach-theme .shadow-today {
  box-shadow: 0 0 15px #ff9cb0;
}
.darkpeach-theme .bd-daily-fix {
  border-color: #ff5f6d !important;
  background: #0d0d09 !important;
}
.darkpeach-theme .text-deposited-daily-fix {
  color: #7d7d7d;
}
.darkpeach-theme .bg-table-daily-fix {
  background: #4e4e4e !important;
  color: #fff !important;
}
.darkpeach-theme .text-daily-fix {
  color: #ff5f6d !important;
}
.darkpeach-theme .text-credit-daily {
  background: linear-gradient(180deg, #2e2e2e 0, #2e2e2e) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.darkpeach-theme .text-color {
  color: #fff !important;
}
.darkpeach-theme .text-template {
  color: #ff5f6d;
}
.darkpeach-theme .text-theme {
  color: #2e2e2e;
}
.darkpeach-theme .text-spcial {
  background: linear-gradient(180deg, #696969 0, #1a1c1c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkpeach-theme .text-linear,
.darkpeach-theme .text-linear-footer {
  background: linear-gradient(180deg, #ff9cb0 0, #ed4264);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkpeach-theme .text-see-history {
  color: #fff;
}
.darkpeach-theme .text-head-hisotry {
  color: #ff5f6d;
}
.darkpeach-theme .text-tranfer {
  background: linear-gradient(180deg, #fff 0, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkpeach-theme .text-color-icon,
.darkpeach-theme .text-credit {
  background: linear-gradient(50deg, #bb995a, #fff7c4 50%, #ac894c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkpeach-theme .bg-ball-choose-team,
.darkpeach-theme .bg-credit {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(90deg, #ff9cb0, #ed4264) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkpeach-theme .bg-wallet {
  background: #2e2e2e;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
  color: #fff;
}
.darkpeach-theme .bg-credit-free {
  background: linear-gradient(180deg, #ff9cb0, #ed4264);
  border-radius: 0 0 10px 10px;
}
.darkpeach-theme .recevied-com {
  border-radius: 10px;
  border: 2px solid #bb995a;
  background: linear-gradient(50deg, #bb995a, #fff7c4 50%, #ac894c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkpeach-theme .bg-card-commission {
  background: #2e2e2e;
}
.darkpeach-theme .bg-turn {
  color: #fff;
  background: #2e2e2e;
  border-radius: 10px;
}
.darkpeach-theme .bg-icon-index {
  background: #2e2e2e !important;
  border-radius: 10px !important;
}
.darkpeach-theme .bg-con-turn {
  background: #0d0c09 !important;
}
.darkpeach-theme .color-toogle {
  background: linear-gradient(180deg, #5cc875 0, #5cc875);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkpeach-theme .tab-content > .active {
  display: block;
  background: #232323 !important;
}
.darkpeach-theme .active-bg,
.darkpeach-theme .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #626166, #3d3a3d) !important;
  color: #fff !important;
}
.darkpeach-theme .tab-box {
  background-color: #2e2e2e;
  color: #7d7d7d;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.darkpeach-theme .nav-tabs {
  border-bottom: 2px solid #4a484c !important;
}
.darkpeach-theme .nav-tabs .nav-link {
  border: 0 !important;
  background: #2e2e2e !important;
  color: #7d7d7d !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.darkpeach-theme .boder-right {
  height: 50px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.2509803922);
}
.darkpeach-theme .btn-copy-bank {
  background: #2e2e2e;
  border-radius: 10px;
  color: #fff;
  width: max-content;
  border-color: #2e2e2e;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16);
}
.darkpeach-theme .btn-money {
  border-color: #ff9cb0;
  border-radius: 10px;
  background: rgba(255, 203, 142, 0.2);
  color: #ff9cb0;
}
.darkpeach-theme .active-btn-amount {
  background: linear-gradient(180deg, #ff9cb0, #ed4264) !important;
  color: #f4f4f4 !important;
  font-weight: 900;
}
.darkpeach-theme .btn-topup-promptpay {
  border-color: #ff9cb0;
  border-radius: 10px;
  background: linear-gradient(180deg, #ff9cb0, #ed4264) !important;
  color: #2e2e2e;
}
.darkpeach-theme .boder-color {
  border-color: #232323 !important;
}
.darkpeach-theme .is-active-register {
  background: #fe5f6d !important;
  border: 1px solid #ff5f6d !important;
}
.darkpeach-theme .b-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin: 0;
  outline: 0;
  transform: translateX(0);
  background: linear-gradient(180deg, #f799ac 0, #eb5a77) !important;
}
.darkpeach-theme .bg-info {
  color: #fff;
  background: #0d0c09 !important;
  padding: 5px;
  border-radius: 10px;
}
.darkpeach-theme .btn-change {
  background: #2e2e2e;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}
.darkpeach-theme .card-pro {
  background: #0d0c09;
  border-radius: 10px;
  color: #fff !important;
  font-weight: 400 !important;
}
.darkpeach-theme .bg-lock {
  background: #ff5f6d;
  padding: 8px;
  border-radius: 20px;
  width: 40px;
}
.darkpeach-theme .btn-cancel {
  background: #2e2e2e;
  border-radius: 10px;
  color: #ff5f6d !important;
  border: 1px solid #ff5f6d;
}
.darkpeach-theme .btn-cancel:hover {
  border-radius: 10px;
  color: #000 !important;
  border: 1px solid #000 !important;
}
.darkpeach-theme .btn-theme-one {
  background: #ff5f6d;
  border-color: #2e2e2e !important;
  color: #fff;
  border-radius: 10px !important;
}
.darkpeach-theme .btn-theme-two {
  color: #2e2e2e;
}
.darkpeach-theme .btn-login,
.darkpeach-theme .btn-theme-two {
  background: linear-gradient(180deg, #ff9cb0, #ed4264);
  border-radius: 10px;
  border-color: #ed4264 !important;
}
.darkpeach-theme .btn-login {
  color: #fff;
}
.darkpeach-theme .btn-theme-seemore {
  background: #565553;
  border-radius: 10px;
  color: #fff;
  border-color: #565553 !important;
}
.darkpeach-theme .btn-copy {
  background: linear-gradient(180deg, #ff9cb0, #ed4264) !important;
  border-radius: 0 10px 10px 0 !important;
  color: #000 !important;
  border: 0 solid #ff9cb0 !important;
}
.darkpeach-theme .card {
  background: #232323 !important;
  color: #fff !important;
  filter: drop-shadow(0 0 1px #989898);
}
.darkpeach-theme .bg-input-theme {
  background-color: #d1d1d1 !important;
}
.darkpeach-theme .border-theme {
  border-radius: 15px !important;
}
.darkpeach-theme .icon-activity {
  filter: invert(0);
  width: 20px;
}
.darkpeach-theme .bg-table {
  background-color: #2c2c2c;
  border-radius: 10px;
  border: 0 solid #2c2c2c !important;
}
.darkpeach-theme .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #000 !important;
  border-top: 0 solid #000 !important;
  padding: 4px 12px;
  background: #4e4e4e;
  color: #fff !important;
}
.darkpeach-theme .table td {
  vertical-align: top;
  border-top: 0 solid #000 !important;
  color: #fff !important;
}
.darkpeach-theme .Daily__item__box {
  position: relative;
  height: 75px;
  background: #2e2e2e;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
}
.darkpeach-theme .Daily__item__box.active {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(90deg, #ff9cb0, #ed4264) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.darkpeach-theme .Daily__item__box.active-today {
  background: linear-gradient(180deg, #ff9cb0, #ed4264);
  border: none !important;
}
.darkpeach-theme .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2e2e2e;
  border-radius: 10px;
}
.darkpeach-theme .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.darkpeach-theme .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.darkpeach-theme .text-daily {
  color: #fff;
}
.darkpeach-theme .btn-reward {
  width: 85%;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
  cursor: pointer;
}
.darkpeach-theme .bg-btn-point {
  background: #c2c2c2;
  border-radius: 20px;
  margin: 4px;
}
.darkpeach-theme .bg-chosses {
  background-color: #232323;
  border-radius: 15px;
  filter: drop-shadow(0 1px 1px #989898);
  color: #fff;
}
.darkpeach-theme .bg-hover:hover,
.darkpeach-theme .btn-hover:focus {
  background-color: #3d3d3d;
}
.darkpeach-theme .showSlide {
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 80%;
  background-color: #2c2c2c !important;
  display: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.darkpeach-theme #modal-suscess-complain .modal-content,
.darkpeach-theme #modalQuestionnaire .modal-content {
  background-color: #232323 !important;
}
.darkpeach-theme .from-complain {
  display: block;
  width: 100%;
  height: calc(1.5em + 5rem + 10px) !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  background-color: #f4f4f4 !important;
  background-clip: padding-box;
  border: 1px solid #f4f4f4 !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darkpeach-theme .btn-withdraw {
  background: linear-gradient(180deg, #ff9cb0, #ed4264);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  color: #2e2e2e;
  border-color: #ed4264 !important;
}
.darkpeach-theme .cover-withdraw {
  background: #2e2e2e;
  border-radius: 0 0 10px 10px;
}
.darkpeach-theme .hd-withdraw {
  background: #4e4e4e;
  border-radius: 10px 10px 0 0;
  color: #fff;
  padding: 10px;
}
.darkpeach-theme .card-withdraw {
  background: #0d0c09 !important;
  color: #fff !important;
  border-radius: 5px;
}
.darkpeach-theme .page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #fe5f6d !important;
  border-color: #fe5f6d !important;
}
.darkpeach-theme .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #fff !important;
  background-color: #2e2e2e !important;
  border: 1px solid #232323 !important;
}
.darkpeach-theme .custom-control-input:checked ~ .custom-control-label:before {
  color: #fff !important;
  border-color: #ff5f6d !important;
  background-color: #ff5f6d !important;
}
.darkpeach-theme .boxcredit {
  background: rgba(34, 32, 32, 0.6);
  width: 50%;
}
.darkpeach-theme .border-color {
  border: 2px solid #ec6f66;
  border-radius: 10px;
}
.darkpeach-theme .btn-box {
  background-image: linear-gradient(315deg, #ff9cb0, #ed4264 74%);
  border-radius: 5px 25px;
  filter: drop-shadow(1px 2px 4px #ff9cb0);
  border-color: #ff9cb0 !important;
}
.darkpeach-theme .breadcrumb {
  background-color: #0d0d09 !important;
}
.darkpeach-theme .breadcrumb-item.active {
  color: #ff5f6d !important;
}
.darkpeach-theme .swal2-popup {
  background: #232323 !important;
}
.darkpeach-theme .swal2-content,
.darkpeach-theme .swal2-title {
  color: #fff !important;
}
.darkpeach-theme .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #ff9cb0, #ed4264) !important;
  border-radius: 10px !important;
  border-color: #fff !important;
  color: #fff !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.darkpeach-theme .bg-body-modal {
  background: linear-gradient(180deg, #ff9cb0, #ed4264);
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #2e2e2e !important;
  color: #2e2e2e;
}
.darkpeach-theme .modal-content {
  border-radius: 1rem !important;
}
.darkpeach-theme .bg-body,
.darkpeach-theme .bg-body-promotion {
  background: #2e2e2e !important;
}
.darkpeach-theme .bg-footer {
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: calc(1rem - 1px) !important;
  border-bottom-left-radius: calc(1rem - 1px) !important;
  background-color: #2e2e2e !important;
}
.darkpeach-theme #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkpeach-theme #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkpeach-theme #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darkpeach-theme #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkpeach-theme #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkpeach-theme #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darkpeach-theme #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkpeach-theme #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkpeach-theme .card-bank {
  background: #2e2e2e;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}
.darkpeach-theme .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid rgba(0, 0, 0, 0.125);
}
.darkpeach-theme .swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid;
  border-radius: 50%;
}
.darkpeach-theme .swal2-icon.swal2-success [class^="swal2-success-line"] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
}
.darkpeach-theme .form-control {
  display: block;
  padding: 0.375rem 0.75rem;
  color: #232323 !important;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darkpeach-theme .custom-select,
.darkpeach-theme .form-control {
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  border: 1px solid #0d0c09 !important;
  border-radius: 0.25rem;
}
.darkpeach-theme .custom-select {
  display: inline-block;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  color: #fff !important;
  vertical-align: middle;
  background-color: #2e2e2e !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(https://i.imgur.com/ZS05XIa.png) right 0.75rem center/8px
    10px no-repeat;
}
.darkpeach-theme .multiselect__tags {
  min-height: 40px;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  font-size: 14px;
}
.darkpeach-theme .multiselect__content-wrapper,
.darkpeach-theme .multiselect__tags {
  display: block;
  border: 1px solid #0d0c09 !important;
  background: #2e2e2e !important;
  color: #fff !important;
}
.darkpeach-theme .multiselect__content-wrapper {
  position: absolute;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.darkpeach-theme .multiselect__input,
.darkpeach-theme .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #2e2e2e !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
  color: #fff;
}
.darkpeach-theme .multiselect__option--highlight {
  background: #2e2e2e !important;
  outline: none;
  color: #fff !important;
}
.darkpeach-theme #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.darkpeach-theme .border-banner {
  border: 2px solid #ff9cb0;
  border-radius: 10px;
}
.darkpeach-theme .btn-secondary:hover {
  color: #fff;
  background-color: #ff9cb0 !important;
  border-color: none !important;
}
.darkpeach-theme .btn-secondary.focus,
.darkpeach-theme .btn-secondary:focus {
  color: #fff;
  background-color: #ff9cb0 !important;
  border-color: #ff9cb0 !important;
}
.darkpeach-theme .bg-choose {
  background: #2e2e2e !important;
  color: #fff;
}
.darkpeach-theme .btn-join-activity {
  background: linear-gradient(180deg, #ff9cb0, #ed4264);
  border-radius: 0 0 10px 10px;
  color: #2e2e2e;
}
.darkpeach-theme .bg-input {
  background: #2e2e2e !important;
  border-radius: 10px;
  color: #fff !important;
  border: none !important;
}
.darkpeach-theme .bg-condition {
  background: #2e2e2e !important;
  color: #fff;
}
.darkpeach-theme .header-login {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5019607843);
  border: 0 solid rgba(0, 0, 0, 0.125);
}
.darkpeach-theme .footer-wrapper1 {
  height: auto;
}
.darkpeach-theme .footer-wrapper,
.darkpeach-theme .footer-wrapper1 {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.darkpeach-theme .footer-wrapper {
  height: 58px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: #2e2e2e;
  box-shadow: 0 0 16px hsla(0, 0%, 41.2%, 0.55);
  z-index: 2;
}
.darkpeach-theme .footer-wrapper .play-game {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 15px;
  text-align: center;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #ff9cb0, #f67d82 50%, #ed4264);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
}
.darkpeach-theme .footer-wrapper .play-game .play-game-box {
  display: table-cell;
  transform: rotate(316deg);
  vertical-align: middle;
}
.darkpeach-theme .footer-wrapper .play-game .item-count {
  width: 30px;
  filter: invert(0);
}
.darkpeach-theme .footer-wrapper .play-game-5 {
  border-radius: 30px;
  height: 50px;
  text-align: center;
  width: 50px;
  padding: 8px;
  background: linear-gradient(180deg, #ff9cb0, #f67d82 50%, #ed4264);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
  position: absolute;
  top: -20px;
}
.darkpeach-theme .footer-wrapper .play-game-5 .play-game-box-5 {
  display: table-cell;
  vertical-align: middle;
}
.darkpeach-theme .footer-wrapper .play-game-5 .item-count {
  width: 34px;
  filter: invert(1);
}
.darkpeach-theme a {
  color: #fff !important;
}
.darkpeach-theme a:hover {
  color: --blue;
  text-decoration: none !important;
}
.darkpeach-theme .bg-table-aff {
  background-color: #232323 !important;
  border: 0 solid #2c2c2c !important;
}
.darkpeach-theme .border-left {
  border-left: 3px solid #ff5f6d !important;
}
.darkpeach-theme .border-solid {
  border: 1px solid #4e4e4e;
}
.darkpeach-theme .bg-from-aff {
  display: inline-block;
  width: 50% !important;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  vertical-align: middle;
  background-color: #2e2e2e !important;
  border: 1px solid #2e2e2e !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.darkpeach-theme .bg-in-aff {
  background: #c4c4c4;
  border-radius: 5px;
  color: #000;
  padding: 5px;
}
.darkpeach-theme .icon-aff {
  position: absolute;
  top: 92px;
  left: 0;
  right: 0;
  color: #fff;
}
.darkpeach-theme .btn-comein {
  position: absolute;
  bottom: -17%;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.darkpeach-theme .bg-search {
  background-color: #2e2e2e !important;
}
.darkpeach-theme .bg-from,
.darkpeach-theme .bg-search {
  border: 1px solid #ff5f6d !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff !important;
}
.darkpeach-theme .bg-from {
  background-color: #2e2e2e !important;
  background: #464646 url(/_nuxt/img/dropdown.2ae9015.png) no-repeat right
    0.75rem center/10px 8px;
}
.darkpeach-theme .search {
  position: absolute;
  right: 24px;
  color: #bdbdbd;
}
.darkpeach-theme .card-point {
  background: #4e4e4e !important;
  filter: drop-shadow(0 0 0 #4e4e4e) !important;
  color: #fff !important;
  border-radius: 10px;
}
.darkpeach-theme .bg-point {
  background: #ff9cb0;
  border-radius: 20px;
  margin: 4px;
  color: #000;
}
.darkpeach-theme .bg-card-his {
  background: #4e4e4e !important;
  color: #fff !important;
}
.darkpeach-theme .card-nodata {
  background: #232323;
  color: #fff;
  padding: 80px;
  border-radius: 10px;
}
.darkpeach-theme .action-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2%;
}
.darkpeach-theme .action-wrapper__btn-spin {
  background-image: url(https://es-dev.vrbet.com/_nuxt/img/button.1e27aca.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 6vw;
  width: 14vw;
  margin-bottom: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.darkpeach-theme .action-wrapper__btn-spin span {
  font-size: 3vw;
  color: #fff;
  -webkit-text-stroke: 3px #fff;
}
@media screen and (max-width: 992px) {
  .darkpeach-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2.5px #fff;
    font-size: 6vw;
  }
}
@media screen and (max-width: 480px) {
  .darkpeach-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2px #fff;
    font-size: 8vw;
  }
}
@media screen and (max-width: 992px) {
  .darkpeach-theme .action-wrapper__btn-spin {
    margin-top: 3vw;
    width: 26vw;
    height: 12vw;
  }
}
@media screen and (max-width: 480px) {
  .darkpeach-theme .action-wrapper__btn-spin {
    width: 40vw;
    height: 18vw;
  }
}
.darkpeach-theme .action-wrapper__btn-spin.disabledbtn {
  cursor: not-allowed;
  filter: grayscale(1);
}
.darkpeach-theme .glass-panel {
  color: #fff;
  margin: 40px auto;
  background-color: hsla(0, 0%, 100%, 0.06);
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  width: 100%;
  border-radius: 15px;
  padding: 32px;
  backdrop-filter: blur(10px);
}
.darkpeach-theme .glass-button {
  display: inline-block;
  padding: 15px 18px;
  text-decoration: none;
  border-radius: 15px;
  background-color: #4e4e4e;
  border: 1px solid #000;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: #000;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}
.darkpeach-theme .glass-button:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.darkpeach-theme .glass-panel {
  max-width: 600px;
}
.darkpeach-theme #background-wrap {
  bottom: 0;
  left: 0;
  padding-top: 50px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.darkpeach-theme .x1 {
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 35s linear infinite;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  transform: scale(0.65);
}
.darkpeach-theme .x2 {
  -webkit-animation: animateCloud 20s linear infinite;
  -moz-animation: animateCloud 20s linear infinite;
  animation: animateCloud 20s linear infinite;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.darkpeach-theme .x3 {
  -webkit-animation: animateCloud 30s linear infinite;
  -moz-animation: animateCloud 30s linear infinite;
  animation: animateCloud 30s linear infinite;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.darkpeach-theme .x4 {
  -webkit-animation: animateCloud 18s linear infinite;
  -moz-animation: animateCloud 18s linear infinite;
  animation: animateCloud 18s linear infinite;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.darkpeach-theme .x5 {
  -webkit-animation: animateCloud 25s linear infinite;
  -moz-animation: animateCloud 25s linear infinite;
  animation: animateCloud 25s linear infinite;
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  transform: scale(0.55);
}
.darkpeach-theme .cloud {
  background: #fff;
  background: -moz-linear-gradient(top, #fff 5%, #f1f1f1 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, #fff),
    color-stop(100%, #f1f1f1)
  );
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  height: 120px;
  position: relative;
  width: 350px;
}
.darkpeach-theme .cloud:after,
.darkpeach-theme .cloud:before {
  background: #fff;
  content: "";
  position: absolute;
  z-index: -1;
}
.darkpeach-theme .cloud:after {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  height: 100px;
  left: 50px;
  top: -50px;
  width: 100px;
}
.darkpeach-theme .cloud:before {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  width: 180px;
  height: 180px;
  right: 50px;
  top: -90px;
}
.darkpeach-theme .bg-share-facebook {
  background-color: #2e2e2e !important;
  color: #fff !important;
}
.darkpeach-theme .bg-game {
  background: #2e2e2e !important;
  border-radius: 10px !important;
  color: #bdbdbd !important;
  width: 80px;
  height: 67px;
}
.darkpeach-theme .bg-game-active {
  background: linear-gradient(180deg, #ffabbc, #ed4466) !important;
  border-radius: 10px !important;
  color: #2e2e2e !important;
  width: 80px;
  height: 67px;
}
.darkpeach-theme .bg-search-game {
  background-color: #2e2e2e !important;
  border-radius: 10px !important;
  color: #fff !important;
}
.darkpeach-theme .unactive-footer {
  color: #bdbdbd;
}
.darkpeach-theme .btn-aff-share {
  background: linear-gradient(270deg, #ff9cb0, #ed4264);
  border-radius: 10px;
  color: #2e2e2e;
  border-color: #ed4264 !important;
  filter: drop-shadow(0 0 5px #ed4264);
}
.darkpeach-theme #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkpeach-theme .btn-change-language {
  background-color: #2e2e2e !important;
  border: 1px solid #ff5f6d;
}
.darkpeach-theme .card-money,
.darkpeach-theme .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card\ copy.c4be5af.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.darkpeach-theme .bg-iconuser {
  background: #fff;
  padding: 7px;
  border-radius: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #ff5f6d;
}
.darkpeach-theme .content-lv {
  padding: 10px 0;
}
.darkpeach-theme .border-bottom-aff {
  border-bottom: 1px solid #ff9cb0;
}
.darkpeach-theme .body-content {
  background: #fff;
  width: 70%;
  border-bottom-right-radius: 20px;
  padding: 0 39px;
  overflow: auto;
  max-height: 300px;
}
@media (max-width: 479px) {
  .darkpeach-theme .body-content {
    width: 75%;
    padding: 0 10px;
  }
}
.darkpeach-theme .active2 {
  color: #232323 !important;
  background: #fff !important;
  border-bottom-left-radius: 0 !important;
}
.darkpeach-theme .tab-item {
  padding: 15px !important;
  font-size: 14px !important;
}
.darkpeach-theme .tab-history-class {
  border-radius: 20px;
  color: #232323;
  border: 1px solid #ed4264;
}
.darkpeach-theme .tab-item:last-child {
  border-bottom: 1px solid #c2c2c2;
  border-bottom-left-radius: 20px !important;
}
.darkpeach-theme .tab-item,
.darkpeach-theme .tab-item:last-child {
  cursor: pointer;
  color: #232323;
  background: linear-gradient(180deg, #ff9cb0 0, #ed4264);
}
.darkpeach-theme .tab-item {
  border-bottom: 1px solid #c2c2c2;
}
.darkpeach-theme .header-aff {
  background: linear-gradient(180deg, #ff9cb0 0, #ed4264);
  border-bottom: 1px solid #232323;
  border-radius: 20px 20px 0 0;
}
.darkpeach-theme .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #c2c2c2;
  border-radius: 30rem !important;
}
.darkpeach-theme .bg-aff-level {
  background: linear-gradient(#404040, #404040) padding-box,
    linear-gradient(90deg, #ff9cb0, #f67d82, #ed4264) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkpeach-theme .bg-aff-level .nunber-friend {
  background: #626166;
  border-radius: 10px;
  color: #fff;
}
.darkpeach-theme .bg-aff-level .turn-other {
  background: #0d0c09;
  border-radius: 10px;
}
.darkpeach-theme .bg-aff-level .solid {
  border: 1px solid #ff9cb0;
  height: 40px;
}
.darkpeach-theme .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #2e2e2e;
  color: #7d7d7d;
  padding: 5px;
}
.darkpeach-theme .filters__button:hover {
  background-color: #2e2e2e;
}
.darkpeach-theme .filters-content {
  background-color: #2e2e2e;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darkpeach-theme .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #0d0c09;
  color: #7d7d7d;
  padding: 5px;
}
.darkpeach-theme .filters__button2:hover {
  background-color: #0d0c09;
}
.darkpeach-theme .filters [data-content] {
  display: none;
}
.darkpeach-theme [data-content].is-active[data-content] {
  display: grid;
}
.darkpeach-theme [data-target].is-active {
  background: linear-gradient(180deg, #626166, #3d3a3d);
  border-radius: 10px;
  color: #fff;
}
.darkpeach-theme .condition-header {
  background: linear-gradient(
    109.63deg,
    #ff9cb0 3.68%,
    #f67d82 47.76%,
    #ed4264 95.96%
  );
  border-radius: 5px;
  color: #2e2e2e;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.darkpeach-theme .bg-wheel-condition {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(109.63deg, #ff9cb0 3.68%, #f67d82 47.76%, #ed4264 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.darkpeach-theme .btn-up-slip {
  color: #ff9cb0;
  border: 2px solid #ed4264 !important;
  background: 0 0 !important;
}
.darkpeach-theme .btn-no-received {
  background: #373737;
  border-color: #373737;
  border-radius: 10px;
}
.darkpeach-theme .btn-no-received:focus,
.darkpeach-theme .btn-no-received:hover {
  background-color: #373737 !important;
  border-color: #373737 !important;
  border-radius: 10px !important;
}
.darkpeach-theme .bg-pro {
  background: #373737;
  border-radius: 10px;
}
.darkpeach-theme .filters-content-bg {
  background-color: #0d0c09;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darkpeach-theme .is-unactive {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #0d0c09;
  color: #7d7d7d;
  padding: 5px;
}
.darkpeach-theme .card-points {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkpeach-theme .r-gold {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.darkpeach-theme .r-gold,
.darkpeach-theme .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.darkpeach-theme .r-silver {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.darkpeach-theme .r-copper {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.darkpeach-theme .cycle-gold {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.darkpeach-theme .cycle-gold,
.darkpeach-theme .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.darkpeach-theme .cycle-silver {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
}
.darkpeach-theme .cycle-copper {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.darkpeach-theme .card-decimal {
  background: #ececec;
  box-shadow: 0 4px 10px rgba(13, 13, 9, 0.12);
  border-radius: 10px;
  color: #000 !important;
}
.darkpeach-theme .card-transfer {
  background: #000;
  box-shadow: 0 4px 10px rgba(13, 13, 9, 0.12);
  border-radius: 10px;
  color: #fff !important;
}
.darkpeach-theme .bg-choose-team {
  background: hsla(0, 0%, 100%, 0.3);
  border-radius: 5px;
  color: #fff;
  padding: 2px;
  margin: 4px;
}
.darkpeach-theme .refesh {
  position: absolute;
  top: 3px;
  right: 12px;
}
.darkpeach-theme .bagfree {
  position: absolute;
  top: 0;
  right: 6px;
}
.darkpeach-theme .hexagon {
  position: relative;
  width: 55px;
  height: 28.7px;
  margin: 35.15px 0;
  border-left: 3.1421px solid #fff;
  border-right: 3.1421px solid #fff;
}
.darkpeach-theme .hexagon:after,
.darkpeach-theme .hexagon:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 38.35px;
  height: 38.35px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 5.8249px;
}
.darkpeach-theme .hexagon:before {
  top: -19.1751px;
  border-top: 3.1421px solid #fff;
  border-right: 3.1421px solid #fff;
}
.darkpeach-theme .hexagon:after {
  bottom: -19.1751px;
  border-bottom: 3.1421px solid #fff;
  border-left: 3.1421px solid #fff;
}
.darkpeach-theme *,
.darkpeach-theme :after,
.darkpeach-theme :before {
  box-sizing: border-box;
}
.darkpeach-theme .bg-month {
  background: #0d0c09;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #7d7d7d;
}
.darkpeach-theme .bg-month-active {
  background: linear-gradient(#0d0c09, #0d0c09) padding-box,
    linear-gradient(90deg, #ff9cb0, #ed4264) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #fff;
  border: 1px solid transparent;
}
.darkpeach-theme .bagfree2 {
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 35px;
}
.darkpeach-theme .btn.focus {
  box-shadow: 0 0 0 0.2rem rgba(46, 46, 46, 0.25) !important;
}
.darkpeach-theme .arry-input {
  height: calc(1.5em + 5rem + 10px) !important;
  border-radius: 10px !important;
  color: #fff !important;
}
.darkpurple-theme .shadow-today {
  box-shadow: 0 0 15px #c87eff;
}
.darkpurple-theme .bd-daily-fix {
  border-color: #7126b1 !important;
  background: #0d0d09 !important;
}
.darkpurple-theme .text-deposited-daily-fix {
  color: #7d7d7d;
}
.darkpurple-theme .bg-table-daily-fix {
  background: #4e4e4e !important;
  color: #fff !important;
}
.darkpurple-theme .text-daily-fix {
  color: #a044ff !important;
}
.darkpurple-theme .text-credit-daily {
  background: linear-gradient(180deg, #2e2e2e 0, #2e2e2e) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.darkpurple-theme .text-color {
  color: #fff !important;
}
.darkpurple-theme .text-template {
  color: #a044ff;
}
.darkpurple-theme .text-theme {
  color: #fff;
}
.darkpurple-theme .text-spcial {
  background: linear-gradient(180deg, #696969 0, #1a1c1c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkpurple-theme .text-linear,
.darkpurple-theme .text-linear-footer {
  background: linear-gradient(180deg, #c87eff 0, #9733ee);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkpurple-theme .text-see-history {
  color: #fff;
}
.darkpurple-theme .text-head-hisotry {
  color: #a044ff;
}
.darkpurple-theme .text-tranfer {
  background: linear-gradient(180deg, #fff 0, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkpurple-theme .text-color-icon {
  background: linear-gradient(180deg, #bb995a, #fff7c4 50%, #ac894c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkpurple-theme .text-credit {
  background: linear-gradient(50deg, #bb995a, #fff7c4 50%, #ac894c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkpurple-theme .bg-credit {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(90deg, #c87eff, #9733ee) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkpurple-theme .bg-wallet {
  background: #2e2e2e;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
  color: #fff;
}
.darkpurple-theme .bg-credit-free {
  background: linear-gradient(180deg, #c87eff, #9733ee);
  border-radius: 0 0 10px 10px;
  color: #fff !important;
}
.darkpurple-theme .recevied-com {
  border-radius: 10px;
  border: 2px solid #bb995a;
  background: linear-gradient(50deg, #bb995a, #fff7c4 50%, #ac894c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkpurple-theme .bg-card-commission {
  background: #2e2e2e;
  color: #a044ff !important;
}
.darkpurple-theme .bg-turn {
  color: #fff;
  background: #2e2e2e;
  border-radius: 10px;
}
.darkpurple-theme .bg-icon-index {
  background: #2e2e2e !important;
  border-radius: 10px !important;
}
.darkpurple-theme .bg-con-turn {
  background: #0d0c09 !important;
}
.darkpurple-theme .color-toogle {
  background: linear-gradient(180deg, #5cc875 0, #5cc875);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkpurple-theme .tab-content > .active {
  display: block;
  background: #232323 !important;
}
.darkpurple-theme .active-bg,
.darkpurple-theme .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #626166, #3d3a3d) !important;
  color: #fff !important;
}
.darkpurple-theme .tab-box {
  background-color: #2e2e2e;
  color: #7d7d7d;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.darkpurple-theme .nav-tabs {
  border-bottom: 2px solid #4a484c !important;
}
.darkpurple-theme .nav-tabs .nav-link {
  border: 0 !important;
  background: #2e2e2e !important;
  color: #7d7d7d !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.darkpurple-theme .boder-right {
  height: 50px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.2509803922);
}
.darkpurple-theme .btn-copy-bank {
  background: #2e2e2e;
  border-radius: 10px;
  color: #fff;
  width: max-content;
  border-color: #2e2e2e;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16);
}
.darkpurple-theme .btn-money {
  border-color: #c87eff;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
  color: #c87eff;
}
.darkpurple-theme .active-btn-amount {
  background: linear-gradient(180deg, #c87eff, #9733ee) !important;
  color: #f4f4f4 !important;
  font-weight: 900;
}
.darkpurple-theme .btn-topup-promptpay {
  border-color: #c87eff;
  border-radius: 10px;
  background: linear-gradient(180deg, #c87eff, #9733ee) !important;
  color: #fff;
}
.darkpurple-theme .boder-color {
  border-color: #232323 !important;
}
.darkpurple-theme .is-active-register {
  background: #a549f3 !important;
  border: 1px solid #7126b1 !important;
}
.darkpurple-theme .b-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin: 0;
  outline: 0;
  transform: translateX(0);
  background: linear-gradient(180deg, #d69fff 0, #ac4dff) !important;
}
.darkpurple-theme .bg-info {
  color: #fff;
  background: #0d0c09 !important;
  padding: 5px;
  border-radius: 10px;
}
.darkpurple-theme .btn-change {
  background: #2e2e2e;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}
.darkpurple-theme .card-pro {
  background: #0d0c09;
  border-radius: 10px;
  color: #fff !important;
  font-weight: 400 !important;
}
.darkpurple-theme .bg-lock {
  background: #a044ff;
  padding: 8px;
  border-radius: 20px;
  width: 40px;
}
.darkpurple-theme .btn-cancel {
  background: #2e2e2e;
  border-radius: 10px;
  color: #a044ff !important;
  border: 1px solid #a044ff;
}
.darkpurple-theme .btn-cancel:hover {
  border-radius: 10px;
  color: #000 !important;
  border: 1px solid #000 !important;
}
.darkpurple-theme .btn-theme-one {
  background: #9c28fe;
  border-color: #2e2e2e !important;
  color: #fff;
  border-radius: 10px !important;
}
.darkpurple-theme .btn-login,
.darkpurple-theme .btn-theme-two {
  background: linear-gradient(180deg, #c87eff, #9733ee);
  border-radius: 10px;
  color: #fff;
  border-color: #9733ee !important;
}
.darkpurple-theme .btn-theme-seemore {
  background: #565553;
  border-radius: 10px;
  color: #fff;
  border-color: #565553 !important;
}
.darkpurple-theme .btn-copy {
  background: linear-gradient(180deg, #c87eff, #9733ee) !important;
  border-radius: 0 10px 10px 0 !important;
  color: #fff !important;
  border: 0 solid #c87eff !important;
}
.darkpurple-theme .card {
  background: #232323 !important;
  color: #fff !important;
  filter: drop-shadow(0 0 1px #989898);
}
.darkpurple-theme .bg-input-theme {
  background-color: #d1d1d1 !important;
}
.darkpurple-theme .border-theme {
  border-radius: 15px !important;
}
.darkpurple-theme .icon-activity {
  filter: invert(0);
  width: 20px;
}
.darkpurple-theme .bg-table {
  background-color: #2c2c2c;
  border-radius: 10px;
  border: 0 solid #2c2c2c !important;
}
.darkpurple-theme .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #000 !important;
  border-top: 0 solid #000 !important;
  padding: 4px 12px;
  background: #4e4e4e;
  color: #fff !important;
}
.darkpurple-theme .table td {
  vertical-align: top;
  border-top: 0 solid #000 !important;
  color: #fff !important;
}
.darkpurple-theme .Daily__item__box {
  position: relative;
  height: 75px;
  background: #2e2e2e;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
}
.darkpurple-theme .Daily__item__box.active {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(90deg, #c87eff, #9733ee) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.darkpurple-theme .Daily__item__box.active-today {
  background: linear-gradient(180deg, #c87eff, #9733ee);
  border: none !important;
}
.darkpurple-theme .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2e2e2e;
  border-radius: 10px;
}
.darkpurple-theme .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.darkpurple-theme .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.darkpurple-theme .text-daily {
  color: #fff;
}
.darkpurple-theme .btn-reward {
  width: 85%;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
  cursor: pointer;
}
.darkpurple-theme .bg-btn-point {
  background: #c2c2c2;
  border-radius: 20px;
  margin: 4px;
}
.darkpurple-theme .bg-chosses {
  background-color: #232323;
  border-radius: 15px;
  filter: drop-shadow(0 1px 1px #989898);
  color: #fff;
}
.darkpurple-theme .bg-hover:hover,
.darkpurple-theme .btn-hover:focus {
  background-color: #3d3d3d;
}
.darkpurple-theme .showSlide {
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 80%;
  background-color: #2c2c2c !important;
  display: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.darkpurple-theme #modal-suscess-complain .modal-content,
.darkpurple-theme #modalQuestionnaire .modal-content {
  background-color: #232323 !important;
}
.darkpurple-theme .from-complain {
  display: block;
  width: 100%;
  height: calc(1.5em + 5rem + 10px) !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  background-color: #f4f4f4 !important;
  background-clip: padding-box;
  border: 1px solid #f4f4f4 !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darkpurple-theme .btn-withdraw {
  background: linear-gradient(180deg, #c87eff, #9733ee);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  color: #fff;
  border-color: #9733ee !important;
}
.darkpurple-theme .cover-withdraw {
  background: #2e2e2e;
  border-radius: 0 0 10px 10px;
}
.darkpurple-theme .hd-withdraw {
  background: #4e4e4e;
  border-radius: 10px 10px 0 0;
  color: #fff;
  padding: 10px;
}
.darkpurple-theme .card-withdraw {
  background: #0d0c09 !important;
  color: #fff !important;
  border-radius: 5px;
}
.darkpurple-theme .page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #6a3093 !important;
  border-color: #6a3093 !important;
}
.darkpurple-theme .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #fff !important;
  background-color: #2e2e2e !important;
  border: 1px solid #232323 !important;
}
.darkpurple-theme .custom-control-input:checked ~ .custom-control-label:before {
  color: #fff !important;
  border-color: #a044ff !important;
  background-color: #a044ff !important;
}
.darkpurple-theme .boxcredit {
  background: rgba(34, 32, 32, 0.6);
  width: 50%;
}
.darkpurple-theme .border-color {
  border: 2px solid #6a3093;
  border-radius: 10px;
}
.darkpurple-theme .btn-box {
  background-image: linear-gradient(315deg, #c87eff, #9733ee 74%);
  border-radius: 5px 25px;
  filter: drop-shadow(1px 2px 4px #c478fe);
  border-color: #c87eff !important;
}
.darkpurple-theme .breadcrumb {
  background-color: #0d0d09 !important;
}
.darkpurple-theme .breadcrumb-item.active {
  color: #a044ff !important;
}
.darkpurple-theme .swal2-popup {
  background: #232323 !important;
}
.darkpurple-theme .swal2-content,
.darkpurple-theme .swal2-title {
  color: #fff !important;
}
.darkpurple-theme .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #c87eff, #9733ee) !important;
  border-radius: 10px !important;
  border-color: #fff !important;
  color: #fff !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.darkpurple-theme .bg-body-modal {
  background: linear-gradient(180deg, #c87eff, #9733ee);
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #2e2e2e !important;
  color: #fff;
}
.darkpurple-theme .modal-content {
  border-radius: 1rem !important;
}
.darkpurple-theme .bg-body,
.darkpurple-theme .bg-body-promotion {
  background: #2e2e2e !important;
}
.darkpurple-theme .bg-footer {
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: calc(1rem - 1px) !important;
  border-bottom-left-radius: calc(1rem - 1px) !important;
  background-color: #2e2e2e !important;
}
.darkpurple-theme #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkpurple-theme #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkpurple-theme #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darkpurple-theme #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkpurple-theme #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkpurple-theme #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darkpurple-theme #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkpurple-theme #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkpurple-theme .card-bank {
  background: #2e2e2e;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}
.darkpurple-theme .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid rgba(0, 0, 0, 0.125);
}
.darkpurple-theme .swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid;
  border-radius: 50%;
}
.darkpurple-theme .swal2-icon.swal2-success [class^="swal2-success-line"] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
}
.darkpurple-theme .form-control {
  display: block;
  padding: 0.375rem 0.75rem;
  color: #232323 !important;
  background-color: #2e2e2e;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darkpurple-theme .custom-select,
.darkpurple-theme .form-control {
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  border: 1px solid #0d0c09 !important;
  border-radius: 0.25rem;
}
.darkpurple-theme .custom-select {
  display: inline-block;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  color: #fff !important;
  vertical-align: middle;
  background-color: #2e2e2e !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(https://i.imgur.com/ZS05XIa.png) right 0.75rem center/8px
    10px no-repeat;
}
.darkpurple-theme .multiselect__tags {
  min-height: 40px;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  font-size: 14px;
}
.darkpurple-theme .multiselect__content-wrapper,
.darkpurple-theme .multiselect__tags {
  display: block;
  border: 1px solid #0d0c09 !important;
  background: #2e2e2e !important;
  color: #fff !important;
}
.darkpurple-theme .multiselect__content-wrapper {
  position: absolute;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.darkpurple-theme .multiselect__input,
.darkpurple-theme .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #2e2e2e !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
  color: #fff;
}
.darkpurple-theme .multiselect__option--highlight {
  background: #2e2e2e !important;
  outline: none;
  color: #fff !important;
}
.darkpurple-theme #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.darkpurple-theme .border-banner {
  border: 2px solid #c87eff;
  border-radius: 10px;
}
.darkpurple-theme .btn-secondary:hover {
  color: #fff;
  background-color: #c87eff !important;
  border-color: none !important;
}
.darkpurple-theme .btn-secondary.focus,
.darkpurple-theme .btn-secondary:focus {
  color: #fff;
  background-color: #c87eff !important;
  border-color: #c87eff !important;
}
.darkpurple-theme .bg-choose {
  background: #2e2e2e !important;
  color: #fff;
}
.darkpurple-theme .btn-join-activity {
  background: linear-gradient(180deg, #c87eff, #9733ee);
  border-radius: 0 0 10px 10px;
  color: #fff;
}
.darkpurple-theme .bg-input {
  background: #2e2e2e !important;
  border-radius: 10px;
  color: #fff !important;
  border: none !important;
}
.darkpurple-theme .bg-condition {
  background: #2e2e2e !important;
  color: #fff;
}
.darkpurple-theme .header-login {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5019607843);
  border: 0 solid rgba(0, 0, 0, 0.125);
}
.darkpurple-theme .footer-wrapper1 {
  height: auto;
}
.darkpurple-theme .footer-wrapper,
.darkpurple-theme .footer-wrapper1 {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.darkpurple-theme .footer-wrapper {
  height: 58px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: #2e2e2e;
  box-shadow: 0 0 16px hsla(0, 0%, 41.2%, 0.55);
  z-index: 2;
}
.darkpurple-theme .footer-wrapper .play-game {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 15px;
  text-align: center;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #c87eff, #c173fd 50%, #9733ee);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
}
.darkpurple-theme .footer-wrapper .play-game .play-game-box {
  display: table-cell;
  transform: rotate(316deg);
  vertical-align: middle;
}
.darkpurple-theme .footer-wrapper .play-game .item-count {
  width: 30px;
  filter: invert(0);
}
.darkpurple-theme .footer-wrapper .play-game-5 {
  border-radius: 30px;
  height: 50px;
  text-align: center;
  width: 50px;
  padding: 8px;
  background: linear-gradient(180deg, #c87eff, #c173fd 50%, #9733ee);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
  position: absolute;
  top: -20px;
}
.darkpurple-theme .footer-wrapper .play-game-5 .play-game-box-5 {
  display: table-cell;
  vertical-align: middle;
}
.darkpurple-theme .footer-wrapper .play-game-5 .item-count {
  width: 34px;
  filter: invert(1);
}
.darkpurple-theme a {
  color: #fff !important;
}
.darkpurple-theme a:hover {
  color: --blue;
  text-decoration: none !important;
}
.darkpurple-theme .bg-table-aff {
  background-color: #232323 !important;
  border: 0 solid #2c2c2c !important;
}
.darkpurple-theme .border-left {
  border-left: 3px solid #a044ff !important;
}
.darkpurple-theme .border-solid {
  border: 1px solid #4e4e4e;
}
.darkpurple-theme .bg-from-aff {
  display: inline-block;
  width: 50% !important;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  vertical-align: middle;
  background-color: #2e2e2e !important;
  border: 1px solid #2e2e2e !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.darkpurple-theme .bg-in-aff {
  background: #c4c4c4;
  border-radius: 5px;
  color: #000;
  padding: 5px;
}
.darkpurple-theme .icon-aff {
  position: absolute;
  top: 92px;
  left: 0;
  right: 0;
  color: #fff;
}
.darkpurple-theme .btn-comein {
  position: absolute;
  bottom: -17%;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.darkpurple-theme .bg-search {
  background-color: #2e2e2e !important;
}
.darkpurple-theme .bg-from,
.darkpurple-theme .bg-search {
  border: 1px solid #a044ff !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff !important;
}
.darkpurple-theme .bg-from {
  background-color: #2e2e2e !important;
  background: #464646 url(/_nuxt/img/dropdown.2ae9015.png) no-repeat right
    0.75rem center/10px 8px;
}
.darkpurple-theme .search {
  position: absolute;
  right: 24px;
  color: #bdbdbd;
}
.darkpurple-theme .card-point {
  background: #4e4e4e !important;
  filter: drop-shadow(0 0 0 #4e4e4e) !important;
  color: #fff !important;
  border-radius: 10px;
}
.darkpurple-theme .bg-point {
  background: #c87eff;
  border-radius: 20px;
  margin: 4px;
  color: #000;
}
.darkpurple-theme .bg-card-his {
  background: #4e4e4e !important;
  color: #fff !important;
}
.darkpurple-theme .card-nodata {
  background: #232323;
  color: #fff;
  padding: 80px;
  border-radius: 10px;
}
.darkpurple-theme .action-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2%;
}
.darkpurple-theme .action-wrapper__btn-spin {
  background-image: url(https://es-dev.vrbet.com/_nuxt/img/button.1e27aca.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 6vw;
  width: 14vw;
  margin-bottom: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.darkpurple-theme .action-wrapper__btn-spin span {
  font-size: 3vw;
  color: #fff;
  -webkit-text-stroke: 3px #fff;
}
@media screen and (max-width: 992px) {
  .darkpurple-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2.5px #fff;
    font-size: 6vw;
  }
}
@media screen and (max-width: 480px) {
  .darkpurple-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2px #fff;
    font-size: 8vw;
  }
}
@media screen and (max-width: 992px) {
  .darkpurple-theme .action-wrapper__btn-spin {
    margin-top: 3vw;
    width: 26vw;
    height: 12vw;
  }
}
@media screen and (max-width: 480px) {
  .darkpurple-theme .action-wrapper__btn-spin {
    width: 40vw;
    height: 18vw;
  }
}
.darkpurple-theme .action-wrapper__btn-spin.disabledbtn {
  cursor: not-allowed;
  filter: grayscale(1);
}
.darkpurple-theme .glass-panel {
  color: #fff;
  margin: 40px auto;
  background-color: hsla(0, 0%, 100%, 0.06);
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  width: 100%;
  border-radius: 15px;
  padding: 32px;
  backdrop-filter: blur(10px);
}
.darkpurple-theme .glass-button {
  display: inline-block;
  padding: 15px 18px;
  text-decoration: none;
  border-radius: 15px;
  background-color: #4e4e4e;
  border: 1px solid #000;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: #000;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}
.darkpurple-theme .glass-button:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.darkpurple-theme .glass-panel {
  max-width: 600px;
}
.darkpurple-theme #background-wrap {
  bottom: 0;
  left: 0;
  padding-top: 50px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.darkpurple-theme .x1 {
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 35s linear infinite;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  transform: scale(0.65);
}
.darkpurple-theme .x2 {
  -webkit-animation: animateCloud 20s linear infinite;
  -moz-animation: animateCloud 20s linear infinite;
  animation: animateCloud 20s linear infinite;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.darkpurple-theme .x3 {
  -webkit-animation: animateCloud 30s linear infinite;
  -moz-animation: animateCloud 30s linear infinite;
  animation: animateCloud 30s linear infinite;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.darkpurple-theme .x4 {
  -webkit-animation: animateCloud 18s linear infinite;
  -moz-animation: animateCloud 18s linear infinite;
  animation: animateCloud 18s linear infinite;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.darkpurple-theme .x5 {
  -webkit-animation: animateCloud 25s linear infinite;
  -moz-animation: animateCloud 25s linear infinite;
  animation: animateCloud 25s linear infinite;
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  transform: scale(0.55);
}
.darkpurple-theme .cloud {
  background: #fff;
  background: -moz-linear-gradient(top, #fff 5%, #f1f1f1 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, #fff),
    color-stop(100%, #f1f1f1)
  );
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  height: 120px;
  position: relative;
  width: 350px;
}
.darkpurple-theme .cloud:after,
.darkpurple-theme .cloud:before {
  background: #fff;
  content: "";
  position: absolute;
  z-index: -1;
}
.darkpurple-theme .cloud:after {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  height: 100px;
  left: 50px;
  top: -50px;
  width: 100px;
}
.darkpurple-theme .cloud:before {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  width: 180px;
  height: 180px;
  right: 50px;
  top: -90px;
}
.darkpurple-theme .bg-share-facebook {
  background-color: #2e2e2e !important;
  color: #fff !important;
}
.darkpurple-theme .bg-game {
  background: #2e2e2e !important;
  border-radius: 10px !important;
  color: #bdbdbd !important;
  width: 80px;
  height: 67px;
}
.darkpurple-theme .bg-game-active {
  background: linear-gradient(180deg, #c47ff9, #7f28c2) !important;
  border-radius: 10px !important;
  color: #2e2e2e !important;
  width: 80px;
  height: 67px;
}
.darkpurple-theme .bg-search-game {
  background-color: #2e2e2e !important;
  border-radius: 10px !important;
  color: #fff !important;
}
.darkpurple-theme .unactive-footer {
  color: #bdbdbd;
}
.darkpurple-theme .btn-aff-share {
  background: linear-gradient(270deg, #c87eff, #9733ee);
  border-radius: 10px;
  color: #2e2e2e;
  border-color: #9733ee !important;
  filter: drop-shadow(0 0 5px #9733ee);
}
.darkpurple-theme #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkpurple-theme .btn-change-language {
  background-color: #2e2e2e !important;
  border: 1px solid #a044ff;
}
.darkpurple-theme .card-money,
.darkpurple-theme .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card\ copy.c4be5af.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.darkpurple-theme .bg-iconuser {
  background: #fff;
  padding: 7px;
  border-radius: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #a044ff;
}
.darkpurple-theme .content-lv {
  padding: 10px 0;
}
.darkpurple-theme .border-bottom-aff {
  border-bottom: 1px solid #c87eff;
}
.darkpurple-theme .body-content {
  background: #fff;
  width: 70%;
  border-bottom-right-radius: 20px;
  padding: 0 39px;
  overflow: auto;
  max-height: 300px;
}
@media (max-width: 479px) {
  .darkpurple-theme .body-content {
    width: 75%;
    padding: 0 10px;
  }
}
.darkpurple-theme .active2 {
  color: #232323 !important;
  background: #fff !important;
  border-bottom-left-radius: 0 !important;
}
.darkpurple-theme .tab-item {
  padding: 15px !important;
  font-size: 14px !important;
}
.darkpurple-theme .tab-history-class {
  border-radius: 20px;
  color: #232323;
  border: 1px solid #9733ee;
}
.darkpurple-theme .tab-item:last-child {
  border-bottom: 1px solid #c2c2c2;
  border-bottom-left-radius: 20px !important;
}
.darkpurple-theme .tab-item,
.darkpurple-theme .tab-item:last-child {
  cursor: pointer;
  color: #232323;
  background: linear-gradient(180deg, #c87eff 0, #9733ee);
}
.darkpurple-theme .tab-item {
  border-bottom: 1px solid #c2c2c2;
}
.darkpurple-theme .header-aff {
  background: linear-gradient(180deg, #c87eff 0, #9733ee);
  border-bottom: 1px solid #232323;
  border-radius: 20px 20px 0 0;
}
.darkpurple-theme .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #c2c2c2;
  border-radius: 30rem !important;
}
.darkpurple-theme .bg-aff-level {
  background: linear-gradient(#404040, #404040) padding-box,
    linear-gradient(90deg, #c87eff, #c173fd, #9733ee) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkpurple-theme .bg-aff-level .nunber-friend {
  background: #626166;
  border-radius: 10px;
  color: #fff;
}
.darkpurple-theme .bg-aff-level .turn-other {
  background: #0d0c09;
  border-radius: 10px;
}
.darkpurple-theme .bg-aff-level .solid {
  border: 1px solid #c87eff;
  height: 40px;
}
.darkpurple-theme .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #2e2e2e;
  color: #7d7d7d;
  padding: 5px;
}
.darkpurple-theme .filters__button:hover {
  background-color: #2e2e2e;
}
.darkpurple-theme .filters-content {
  background-color: #2e2e2e;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darkpurple-theme .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #0d0c09;
  color: #7d7d7d;
  padding: 5px;
}
.darkpurple-theme .filters__button2:hover {
  background-color: #0d0c09;
}
.darkpurple-theme .filters [data-content] {
  display: none;
}
.darkpurple-theme [data-content].is-active[data-content] {
  display: grid;
}
.darkpurple-theme [data-target].is-active {
  background: linear-gradient(180deg, #626166, #3d3a3d);
  border-radius: 10px;
  color: #fff;
}
.darkpurple-theme .condition-header {
  background: linear-gradient(
    109.63deg,
    #c87eff 3.68%,
    #c173fd 47.76%,
    #9733ee 95.96%
  );
  border-radius: 5px;
  color: #2e2e2e;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.darkpurple-theme .bg-wheel-condition {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(109.63deg, #c87eff 3.68%, #c173fd 47.76%, #9733ee 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.darkpurple-theme .btn-up-slip {
  color: #c87eff;
  border: 2px solid #9733ee !important;
  background: 0 0 !important;
}
.darkpurple-theme .btn-no-received {
  background: #373737;
  border-color: #373737;
  border-radius: 10px;
}
.darkpurple-theme .btn-no-received:focus,
.darkpurple-theme .btn-no-received:hover {
  background-color: #373737 !important;
  border-color: #373737 !important;
  border-radius: 10px !important;
}
.darkpurple-theme .bg-pro {
  background: #373737;
  border-radius: 10px;
}
.darkpurple-theme .filters-content-bg {
  background-color: #0d0c09;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darkpurple-theme .is-unactive {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #0d0c09;
  color: #7d7d7d;
  padding: 5px;
}
.darkpurple-theme .card-points {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkpurple-theme .r-gold {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.darkpurple-theme .r-gold,
.darkpurple-theme .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.darkpurple-theme .r-silver {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.darkpurple-theme .r-copper {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.darkpurple-theme .cycle-gold {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.darkpurple-theme .cycle-gold,
.darkpurple-theme .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.darkpurple-theme .cycle-silver {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
}
.darkpurple-theme .cycle-copper {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.darkpurple-theme .card-decimal {
  background: #ececec;
  box-shadow: 0 4px 10px rgba(13, 13, 9, 0.12);
  border-radius: 10px;
  color: #000 !important;
}
.darkpurple-theme .card-transfer {
  background: #000;
  box-shadow: 0 4px 10px rgba(13, 13, 9, 0.12);
  border-radius: 10px;
  color: #fff !important;
}
.darkpurple-theme .bg-choose-team {
  background: hsla(0, 0%, 100%, 0.3);
  border-radius: 5px;
  color: #fff;
  padding: 2px;
  margin: 4px;
}
.darkpurple-theme .refesh {
  position: absolute;
  top: 3px;
  right: 12px;
}
.darkpurple-theme .bagfree {
  position: absolute;
  top: 0;
  right: 6px;
}
.darkpurple-theme .hexagon {
  position: relative;
  width: 55px;
  height: 28.7px;
  margin: 35.15px 0;
  border-left: 3.1421px solid #fff;
  border-right: 3.1421px solid #fff;
}
.darkpurple-theme .hexagon:after,
.darkpurple-theme .hexagon:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 38.35px;
  height: 38.35px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 5.8249px;
}
.darkpurple-theme .hexagon:before {
  top: -19.1751px;
  border-top: 3.1421px solid #fff;
  border-right: 3.1421px solid #fff;
}
.darkpurple-theme .hexagon:after {
  bottom: -19.1751px;
  border-bottom: 3.1421px solid #fff;
  border-left: 3.1421px solid #fff;
}
.darkpurple-theme *,
.darkpurple-theme :after,
.darkpurple-theme :before {
  box-sizing: border-box;
}
.darkpurple-theme .bg-month {
  background: #0d0c09;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #7d7d7d;
}
.darkpurple-theme .bg-month-active {
  background: linear-gradient(#0d0c09, #0d0c09) padding-box,
    linear-gradient(90deg, #c87eff, #9733ee) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #fff;
  border: 1px solid transparent;
}
.darkpurple-theme .bagfree2 {
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 35px;
}
.darkpurple-theme .btn.focus {
  box-shadow: 0 0 0 0.2rem rgba(46, 46, 46, 0.25) !important;
}
.darkpurple-theme .arry-input {
  height: calc(1.5em + 5rem + 10px) !important;
  border-radius: 10px !important;
  color: #fff !important;
}

.darkred-theme .shadow-today {
  box-shadow: 0 0 15px #f46c6c;
}
.darkred-theme .bd-daily-fix {
  border-color: #e4181e !important;
  background: #0d0d09 !important;
}
.darkred-theme .text-deposited-daily-fix {
  color: #7d7d7d;
}
.darkred-theme .bg-table-daily-fix {
  background: #4e4e4e !important;
  color: #fff !important;
}
.darkred-theme .text-daily-fix {
  color: #d55151 !important;
}
.darkred-theme .text-credit-daily {
  background: linear-gradient(180deg, #2e2e2e 0, #2e2e2e) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.darkred-theme .text-color {
  color: #fff !important;
}
.darkred-theme .text-template {
  color: #d55151;
}
.darkred-theme .text-theme {
  color: #fff;
}
.darkred-theme .text-spcial {
  background: linear-gradient(180deg, #696969 0, #1a1c1c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkred-theme .text-linear,
.darkred-theme .text-linear-footer {
  background: linear-gradient(180deg, #f46c6c 0, #750000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkred-theme .text-see-history {
  color: #fff;
}
.darkred-theme .text-head-hisotry {
  color: #d55151;
}
.darkred-theme .text-tranfer {
  background: linear-gradient(180deg, #fff 0, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkred-theme .text-color-icon {
  background: linear-gradient(180deg, #bb995a, #fff7c4 50%, #ac894c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkred-theme .text-credit {
  background: linear-gradient(50deg, #bb995a, #fff7c4 50%, #ac894c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkred-theme .bg-ball-choose-team,
.darkred-theme .bg-credit {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(90deg, #f46c6c, #750000) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkred-theme .bg-wallet {
  background: #2e2e2e;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
  color: #fff;
}
.darkred-theme .bg-credit-free {
  background: linear-gradient(180deg, #f46c6c, #750000);
  border-radius: 0 0 10px 10px;
  color: #fff !important;
}
.darkred-theme .recevied-com {
  border-radius: 10px;
  border: 2px solid #bb995a;
  background: linear-gradient(50deg, #bb995a, #fff7c4 50%, #ac894c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkred-theme .bg-card-commission {
  background: #2e2e2e;
  color: #d55151 !important;
}
.darkred-theme .bg-turn {
  color: #fff;
  background: #2e2e2e;
  border-radius: 10px;
}
.darkred-theme .bg-icon-index {
  background: #2e2e2e !important;
  border-radius: 10px !important;
}
.darkred-theme .bg-con-turn {
  background: #0d0c09 !important;
}
.darkred-theme .color-toogle {
  background: linear-gradient(180deg, #5cc875 0, #5cc875);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkred-theme .tab-content > .active {
  display: block;
  background: #232323 !important;
}
.darkred-theme .active-bg,
.darkred-theme .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #626166, #3d3a3d) !important;
  color: #fff !important;
}
.darkred-theme .tab-box {
  background-color: #2e2e2e;
  color: #7d7d7d;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.darkred-theme .nav-tabs {
  border-bottom: 2px solid #4a484c !important;
}
.darkred-theme .nav-tabs .nav-link {
  border: 0 !important;
  background: #2e2e2e !important;
  color: #7d7d7d !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.darkred-theme .boder-right {
  height: 50px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.2509803922);
}
.darkred-theme .btn-copy-bank {
  background: #2e2e2e;
  border-radius: 10px;
  color: #fff;
  width: max-content;
  border-color: #2e2e2e;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16);
}
.darkred-theme .btn-money {
  border-color: #f46c6c;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
  color: #f46c6c;
}
.darkred-theme .active-btn-amount {
  background: linear-gradient(180deg, #f46c6c, #750000) !important;
  color: #f4f4f4 !important;
  font-weight: 900;
}
.darkred-theme .btn-topup-promptpay {
  border-color: #f46c6c;
  border-radius: 10px;
  background: linear-gradient(180deg, #f46c6c, #750000) !important;
  color: #fff;
}
.darkred-theme .boder-color {
  border-color: #232323 !important;
}
.darkred-theme .is-active-register {
  background: #e4181e !important;
  border: 1px solid #e4181e !important;
}
.darkred-theme .b-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin: 0;
  outline: 0;
  transform: translateX(0);
  background: linear-gradient(180deg, #eb7171 0, #b20101) !important;
}
.darkred-theme .bg-info {
  color: #fff;
  background: #0d0c09 !important;
  padding: 5px;
  border-radius: 10px;
}
.darkred-theme .btn-change {
  background: #2e2e2e;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}
.darkred-theme .card-pro {
  background: #0d0c09;
  border-radius: 10px;
  color: #fff !important;
  font-weight: 400 !important;
}
.darkred-theme .bg-lock {
  background: #d55151;
  padding: 8px;
  border-radius: 20px;
  width: 40px;
}
.darkred-theme .btn-cancel {
  background: #2e2e2e;
  border-radius: 10px;
  color: #d55151 !important;
  border: 1px solid #d55151;
}
.darkred-theme .btn-cancel:hover {
  border-radius: 10px;
  color: #000 !important;
  border: 1px solid #000 !important;
}
.darkred-theme .btn-theme-one {
  background: #cd0000;
  border-color: #2e2e2e !important;
  color: #fff;
  border-radius: 10px !important;
}
.darkred-theme .btn-login,
.darkred-theme .btn-theme-two {
  background: linear-gradient(180deg, #f46c6c, #750000);
  border-radius: 10px;
  color: #fff;
  border-color: #750000 !important;
}
.darkred-theme .btn-theme-seemore {
  background: #565553;
  border-radius: 10px;
  color: #fff;
  border-color: #565553 !important;
}
.darkred-theme .btn-copy {
  background: linear-gradient(180deg, #f46c6c, #750000) !important;
  border-radius: 0 10px 10px 0 !important;
  color: #fff !important;
  border: 0 solid #f46c6c !important;
}
.darkred-theme .card {
  background: #232323 !important;
  color: #fff !important;
  filter: drop-shadow(0 0 1px #989898);
}
.darkred-theme .bg-input-theme {
  background-color: #d1d1d1 !important;
}
.darkred-theme .border-theme {
  border-radius: 15px !important;
}
.darkred-theme .icon-activity {
  filter: invert(0);
  width: 20px;
}
.darkred-theme .bg-table {
  background-color: #2c2c2c;
  border-radius: 10px;
  border: 0 solid #2c2c2c !important;
}
.darkred-theme .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #000 !important;
  border-top: 0 solid #000 !important;
  padding: 4px 12px;
  background: #4e4e4e;
  color: #fff !important;
}
.darkred-theme .table td {
  vertical-align: top;
  border-top: 0 solid #000 !important;
  color: #fff !important;
}
.darkred-theme .Daily__item__box {
  position: relative;
  height: 75px;
  background: #2e2e2e;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
}
.darkred-theme .Daily__item__box.active {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(90deg, #f46c6c, #750000) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.darkred-theme .Daily__item__box.active-today {
  background: linear-gradient(180deg, #f46c6c, #750000);
  border: none !important;
}
.darkred-theme .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2e2e2e;
  border-radius: 10px;
}
.darkred-theme .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.darkred-theme .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.darkred-theme .text-daily {
  color: #fff;
}
.darkred-theme .btn-reward {
  width: 85%;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
  cursor: pointer;
}
.darkred-theme .bg-btn-point {
  background: #c2c2c2;
  border-radius: 20px;
  margin: 4px;
}
.darkred-theme .bg-chosses {
  background-color: #232323;
  border-radius: 15px;
  filter: drop-shadow(0 1px 1px #989898);
  color: #fff;
}
.darkred-theme .bg-hover:hover,
.darkred-theme .btn-hover:focus {
  background-color: #3d3d3d;
}
.darkred-theme .showSlide {
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 80%;
  background-color: #2c2c2c !important;
  display: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.darkred-theme #modal-suscess-complain .modal-content,
.darkred-theme #modalQuestionnaire .modal-content {
  background-color: #232323 !important;
}
.darkred-theme .from-complain {
  display: block;
  width: 100%;
  height: calc(1.5em + 5rem + 10px) !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  background-color: #f4f4f4 !important;
  background-clip: padding-box;
  border: 1px solid #f4f4f4 !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darkred-theme .btn-withdraw {
  background: linear-gradient(180deg, #f46c6c, #750000);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  color: #fff;
  border-color: #750000 !important;
}
.darkred-theme .cover-withdraw {
  background: #2e2e2e;
  border-radius: 0 0 10px 10px;
}
.darkred-theme .hd-withdraw {
  background: #4e4e4e;
  border-radius: 10px 10px 0 0;
  color: #fff;
  padding: 10px;
}
.darkred-theme .card-withdraw {
  background: #0d0c09 !important;
  color: #fff !important;
  border-radius: 5px;
}
.darkred-theme .page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #8d1516 !important;
  border-color: #8d1516 !important;
}
.darkred-theme .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #fff !important;
  background-color: #2e2e2e !important;
  border: 1px solid #232323 !important;
}
.darkred-theme .custom-control-input:checked ~ .custom-control-label:before {
  color: #fff !important;
  border-color: #d55151 !important;
  background-color: #d55151 !important;
}
.darkred-theme .boxcredit {
  background: rgba(34, 32, 32, 0.6);
  width: 50%;
}
.darkred-theme .border-color {
  border: 2px solid #d55151;
  border-radius: 10px;
}
.darkred-theme .btn-box {
  background-image: linear-gradient(315deg, #f46c6c, #750000 74%);
  border-radius: 5px 25px;
  filter: drop-shadow(1px 2px 4px #9e0000);
  border-color: #f46c6c !important;
}
.darkred-theme .breadcrumb {
  background-color: #0d0d09 !important;
}
.darkred-theme .breadcrumb-item.active {
  color: #d55151 !important;
}
.darkred-theme .swal2-popup {
  background: #232323 !important;
}
.darkred-theme .swal2-content,
.darkred-theme .swal2-title {
  color: #fff !important;
}
.darkred-theme .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #f46c6c, #750000) !important;
  border-radius: 10px !important;
  border-color: #fff !important;
  color: #fff !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.darkred-theme .bg-body-modal {
  background: linear-gradient(180deg, #f46c6c, #750000);
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #2e2e2e !important;
  color: #fff;
}
.darkred-theme .modal-content {
  border-radius: 1rem !important;
}
.darkred-theme .bg-body,
.darkred-theme .bg-body-promotion {
  background: #2e2e2e !important;
}
.darkred-theme .bg-footer {
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: calc(1rem - 1px) !important;
  border-bottom-left-radius: calc(1rem - 1px) !important;
  background-color: #2e2e2e !important;
}
.darkred-theme #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkred-theme #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkred-theme #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darkred-theme #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkred-theme #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkred-theme #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darkred-theme #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkred-theme #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkred-theme .card-bank {
  background: #2e2e2e;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}
.darkred-theme .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid rgba(0, 0, 0, 0.125);
}
.darkred-theme .swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid;
  border-radius: 50%;
}
.darkred-theme .swal2-icon.swal2-success [class^="swal2-success-line"] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
}
.darkred-theme .form-control {
  display: block;
  padding: 0.375rem 0.75rem;
  color: #232323 !important;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darkred-theme .custom-select,
.darkred-theme .form-control {
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  border: 1px solid #0d0c09 !important;
  border-radius: 0.25rem;
}
.darkred-theme .custom-select {
  display: inline-block;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  color: #fff !important;
  vertical-align: middle;
  background-color: #2e2e2e !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(https://i.imgur.com/ZS05XIa.png) right 0.75rem center/8px
    10px no-repeat;
}
.darkred-theme .multiselect__tags {
  min-height: 40px;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  font-size: 14px;
}
.darkred-theme .multiselect__content-wrapper,
.darkred-theme .multiselect__tags {
  display: block;
  border: 1px solid #0d0c09 !important;
  background: #2e2e2e !important;
  color: #fff !important;
}
.darkred-theme .multiselect__content-wrapper {
  position: absolute;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.darkred-theme .multiselect__input,
.darkred-theme .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #2e2e2e !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
  color: #fff;
}
.darkred-theme .multiselect__option--highlight {
  background: #2e2e2e !important;
  outline: none;
  color: #fff !important;
}
.darkred-theme #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.darkred-theme .border-banner {
  border: 2px solid #f46c6c;
  border-radius: 10px;
}
.darkred-theme .btn-secondary:hover {
  color: #fff;
  background-color: #f46c6c !important;
  border-color: none !important;
}
.darkred-theme .btn-secondary.focus,
.darkred-theme .btn-secondary:focus {
  color: #fff;
  background-color: #f46c6c !important;
  border-color: #f46c6c !important;
}
.darkred-theme .bg-choose {
  background: #2e2e2e !important;
  color: #fff;
}
.darkred-theme .btn-join-activity {
  background: linear-gradient(180deg, #f46c6c, #750000);
  border-radius: 0 0 10px 10px;
  color: #fff;
}
.darkred-theme .bg-input {
  background: #2e2e2e !important;
  border-radius: 10px;
  color: #fff !important;
  border: none !important;
}
.darkred-theme .bg-condition {
  background: #2e2e2e !important;
  color: #fff;
}
.darkred-theme .header-login {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5019607843);
  border: 0 solid rgba(0, 0, 0, 0.125);
}
.darkred-theme .footer-wrapper1 {
  height: auto;
}
.darkred-theme .footer-wrapper,
.darkred-theme .footer-wrapper1 {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.darkred-theme .footer-wrapper {
  height: 58px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: #2e2e2e;
  box-shadow: 0 0 16px hsla(0, 0%, 41.2%, 0.55);
  z-index: 2;
}
.darkred-theme .footer-wrapper .play-game {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 15px;
  text-align: center;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #f46c6c, #b03726 50%, #750000);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
}
.darkred-theme .footer-wrapper .play-game .play-game-box {
  display: table-cell;
  transform: rotate(316deg);
  vertical-align: middle;
}
.darkred-theme .footer-wrapper .play-game .item-count {
  width: 30px;
  filter: invert(0);
}
.darkred-theme .footer-wrapper .play-game-5 {
  border-radius: 30px;
  height: 50px;
  text-align: center;
  width: 50px;
  padding: 8px;
  background: linear-gradient(180deg, #f46c6c, #b03726 50%, #750000);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
  position: absolute;
  top: -20px;
}
.darkred-theme .footer-wrapper .play-game-5 .play-game-box-5 {
  display: table-cell;
  vertical-align: middle;
}
.darkred-theme .footer-wrapper .play-game-5 .item-count {
  width: 34px;
  filter: invert(1);
}
.darkred-theme a {
  color: #fff !important;
}
.darkred-theme a:hover {
  color: --blue;
  text-decoration: none !important;
}
.darkred-theme .bg-table-aff {
  background-color: #232323 !important;
  border: 0 solid #2c2c2c !important;
}
.darkred-theme .border-left {
  border-left: 3px solid #d55151 !important;
}
.darkred-theme .border-solid {
  border: 1px solid #4e4e4e;
}
.darkred-theme .bg-from-aff {
  display: inline-block;
  width: 50% !important;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  vertical-align: middle;
  background-color: #2e2e2e !important;
  border: 1px solid #2e2e2e !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.darkred-theme .bg-in-aff {
  background: #c4c4c4;
  border-radius: 5px;
  color: #000;
  padding: 5px;
}
.darkred-theme .icon-aff {
  position: absolute;
  top: 92px;
  left: 0;
  right: 0;
  color: #fff;
}
.darkred-theme .btn-comein {
  position: absolute;
  bottom: -17%;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.darkred-theme .bg-search {
  background-color: #2e2e2e !important;
}
.darkred-theme .bg-from,
.darkred-theme .bg-search {
  border: 1px solid #d55151 !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff !important;
}
.darkred-theme .bg-from {
  background-color: #2e2e2e !important;
  background: #464646 url(/_nuxt/img/dropdown.2ae9015.png) no-repeat right
    0.75rem center/10px 8px;
}
.darkred-theme .search {
  position: absolute;
  right: 24px;
  color: #bdbdbd;
}
.darkred-theme .card-point {
  background: #4e4e4e !important;
  filter: drop-shadow(0 0 0 #4e4e4e) !important;
  color: #fff !important;
  border-radius: 10px;
}
.darkred-theme .bg-point {
  background: #f46c6c;
  border-radius: 20px;
  margin: 4px;
  color: #000;
}
.darkred-theme .bg-card-his {
  background: #4e4e4e !important;
  color: #fff !important;
}
.darkred-theme .card-nodata {
  background: #232323;
  color: #fff;
  padding: 80px;
  border-radius: 10px;
}
.darkred-theme .action-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2%;
}
.darkred-theme .action-wrapper__btn-spin {
  background-image: url(https://es-dev.vrbet.com/_nuxt/img/button.1e27aca.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 6vw;
  width: 14vw;
  margin-bottom: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.darkred-theme .action-wrapper__btn-spin span {
  font-size: 3vw;
  color: #fff;
  -webkit-text-stroke: 3px #fff;
}
@media screen and (max-width: 992px) {
  .darkred-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2.5px #fff;
    font-size: 6vw;
  }
}
@media screen and (max-width: 480px) {
  .darkred-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2px #fff;
    font-size: 8vw;
  }
}
@media screen and (max-width: 992px) {
  .darkred-theme .action-wrapper__btn-spin {
    margin-top: 3vw;
    width: 26vw;
    height: 12vw;
  }
}
@media screen and (max-width: 480px) {
  .darkred-theme .action-wrapper__btn-spin {
    width: 40vw;
    height: 18vw;
  }
}
.darkred-theme .action-wrapper__btn-spin.disabledbtn {
  cursor: not-allowed;
  filter: grayscale(1);
}
.darkred-theme .glass-panel {
  color: #fff;
  margin: 40px auto;
  background-color: hsla(0, 0%, 100%, 0.06);
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  width: 100%;
  border-radius: 15px;
  padding: 32px;
  backdrop-filter: blur(10px);
}
.darkred-theme .glass-button {
  display: inline-block;
  padding: 15px 18px;
  text-decoration: none;
  border-radius: 15px;
  background-color: #4e4e4e;
  border: 1px solid #000;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: #000;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}
.darkred-theme .glass-button:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.darkred-theme .glass-panel {
  max-width: 600px;
}
.darkred-theme #background-wrap {
  bottom: 0;
  left: 0;
  padding-top: 50px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.darkred-theme .x1 {
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 35s linear infinite;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  transform: scale(0.65);
}
.darkred-theme .x2 {
  -webkit-animation: animateCloud 20s linear infinite;
  -moz-animation: animateCloud 20s linear infinite;
  animation: animateCloud 20s linear infinite;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.darkred-theme .x3 {
  -webkit-animation: animateCloud 30s linear infinite;
  -moz-animation: animateCloud 30s linear infinite;
  animation: animateCloud 30s linear infinite;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.darkred-theme .x4 {
  -webkit-animation: animateCloud 18s linear infinite;
  -moz-animation: animateCloud 18s linear infinite;
  animation: animateCloud 18s linear infinite;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.darkred-theme .x5 {
  -webkit-animation: animateCloud 25s linear infinite;
  -moz-animation: animateCloud 25s linear infinite;
  animation: animateCloud 25s linear infinite;
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  transform: scale(0.55);
}
.darkred-theme .cloud {
  background: #fff;
  background: -moz-linear-gradient(top, #fff 5%, #f1f1f1 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, #fff),
    color-stop(100%, #f1f1f1)
  );
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  height: 120px;
  position: relative;
  width: 350px;
}
.darkred-theme .cloud:after,
.darkred-theme .cloud:before {
  background: #fff;
  content: "";
  position: absolute;
  z-index: -1;
}
.darkred-theme .cloud:after {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  height: 100px;
  left: 50px;
  top: -50px;
  width: 100px;
}
.darkred-theme .cloud:before {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  width: 180px;
  height: 180px;
  right: 50px;
  top: -90px;
}
.darkred-theme .bg-share-facebook {
  background-color: #2e2e2e !important;
  color: #fff !important;
}
.darkred-theme .bg-game {
  background: #2e2e2e !important;
  border-radius: 10px !important;
  color: #bdbdbd !important;
  width: 80px;
  height: 67px;
}
.darkred-theme .bg-game-active {
  background: linear-gradient(180deg, #ff7676, #8d160f) !important;
  border-radius: 10px !important;
  color: #2e2e2e !important;
  width: 80px;
  height: 67px;
}
.darkred-theme .bg-search-game {
  background-color: #2e2e2e !important;
  border-radius: 10px !important;
  color: #fff !important;
}
.darkred-theme .unactive-footer {
  color: #bdbdbd;
}
.darkred-theme .btn-aff-share {
  background: linear-gradient(270deg, #f46c6c, #750000);
  border-radius: 10px;
  color: #2e2e2e;
  border-color: #750000 !important;
  filter: drop-shadow(0 0 5px #750000);
}
.darkred-theme #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkred-theme .btn-change-language {
  background-color: #2e2e2e !important;
  border: 1px solid #d55151;
}
.darkred-theme .card-money,
.darkred-theme .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card\ copy.c4be5af.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.darkred-theme .bg-iconuser {
  background: #fff;
  padding: 7px;
  border-radius: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #d55151;
}
.darkred-theme .content-lv {
  padding: 10px 0;
}
.darkred-theme .border-bottom-aff {
  border-bottom: 1px solid #f46c6c;
}
.darkred-theme .body-content {
  background: #fff;
  width: 70%;
  border-bottom-right-radius: 20px;
  padding: 0 39px;
  overflow: auto;
  max-height: 300px;
}
@media (max-width: 479px) {
  .darkred-theme .body-content {
    width: 75%;
    padding: 0 10px;
  }
}
.darkred-theme .active2 {
  color: #232323 !important;
  background: #fff !important;
  border-bottom-left-radius: 0 !important;
}
.darkred-theme .tab-item {
  padding: 15px !important;
  font-size: 14px !important;
}
.darkred-theme .tab-history-class {
  border-radius: 20px;
  color: #232323;
  border: 1px solid #750000;
}
.darkred-theme .tab-item:last-child {
  border-bottom: 1px solid #c2c2c2;
  border-bottom-left-radius: 20px !important;
}
.darkred-theme .tab-item,
.darkred-theme .tab-item:last-child {
  cursor: pointer;
  color: #232323;
  background: linear-gradient(180deg, #f46c6c 0, #750000);
}
.darkred-theme .tab-item {
  border-bottom: 1px solid #c2c2c2;
}
.darkred-theme .header-aff {
  background: linear-gradient(180deg, #f46c6c 0, #750000);
  border-bottom: 1px solid #232323;
  border-radius: 20px 20px 0 0;
}
.darkred-theme .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #c2c2c2;
  border-radius: 30rem !important;
}
.darkred-theme .bg-aff-level {
  background: linear-gradient(#404040, #404040) padding-box,
    linear-gradient(90deg, #f46c6c, #b03726, #750000) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkred-theme .bg-aff-level .nunber-friend {
  background: #626166;
  border-radius: 10px;
  color: #fff;
}
.darkred-theme .bg-aff-level .turn-other {
  background: #0d0c09;
  border-radius: 10px;
}
.darkred-theme .bg-aff-level .solid {
  border: 1px solid #f46c6c;
  height: 40px;
}
.darkred-theme .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #2e2e2e;
  color: #7d7d7d;
  padding: 5px;
}
.darkred-theme .filters__button:hover {
  background-color: #2e2e2e;
}
.darkred-theme .filters-content {
  background-color: #2e2e2e;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darkred-theme .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #0d0c09;
  color: #7d7d7d;
  padding: 5px;
}
.darkred-theme .filters__button2:hover {
  background-color: #0d0c09;
}
.darkred-theme .filters [data-content] {
  display: none;
}
.darkred-theme [data-content].is-active[data-content] {
  display: grid;
}
.darkred-theme [data-target].is-active {
  background: linear-gradient(180deg, #626166, #3d3a3d);
  border-radius: 10px;
  color: #fff;
}
.darkred-theme .condition-header {
  background: linear-gradient(
    109.63deg,
    #f46c6c 3.68%,
    #b03726 47.76%,
    #750000 95.96%
  );
  border-radius: 5px;
  color: #2e2e2e;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.darkred-theme .bg-wheel-condition {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(109.63deg, #f46c6c 3.68%, #b03726 47.76%, #750000 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.darkred-theme .btn-up-slip {
  color: #f46c6c;
  border: 2px solid #750000 !important;
  background: 0 0 !important;
}
.darkred-theme .btn-no-received {
  background: #373737;
  border-color: #373737;
  border-radius: 10px;
}
.darkred-theme .btn-no-received:focus,
.darkred-theme .btn-no-received:hover {
  background-color: #373737 !important;
  border-color: #373737 !important;
  border-radius: 10px !important;
}
.darkred-theme .bg-pro {
  background: #373737;
  border-radius: 10px;
}
.darkred-theme .filters-content-bg {
  background-color: #0d0c09;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darkred-theme .is-unactive {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #0d0c09;
  color: #7d7d7d;
  padding: 5px;
}
.darkred-theme .card-points {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkred-theme .r-gold {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.darkred-theme .r-gold,
.darkred-theme .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.darkred-theme .r-silver {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.darkred-theme .r-copper {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.darkred-theme .cycle-gold {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.darkred-theme .cycle-gold,
.darkred-theme .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.darkred-theme .cycle-silver {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
}
.darkred-theme .cycle-copper {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.darkred-theme .card-decimal {
  background: #ececec;
  box-shadow: 0 4px 10px rgba(13, 13, 9, 0.12);
  border-radius: 10px;
  color: #000 !important;
}
.darkred-theme .card-transfer {
  background: #000;
  box-shadow: 0 4px 10px rgba(13, 13, 9, 0.12);
  border-radius: 10px;
  color: #fff !important;
}
.darkred-theme .bg-choose-team {
  background: hsla(0, 0%, 100%, 0.3);
  border-radius: 5px;
  color: #fff;
  padding: 2px;
  margin: 4px;
}
.darkred-theme .refesh {
  position: absolute;
  top: 3px;
  right: 12px;
}
.darkred-theme .bagfree {
  position: absolute;
  top: 0;
  right: 6px;
}
.darkred-theme .hexagon {
  position: relative;
  width: 55px;
  height: 28.7px;
  margin: 35.15px 0;
  border-left: 3.1421px solid #fff;
  border-right: 3.1421px solid #fff;
}
.darkred-theme .hexagon:after,
.darkred-theme .hexagon:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 38.35px;
  height: 38.35px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 5.8249px;
}
.darkred-theme .hexagon:before {
  top: -19.1751px;
  border-top: 3.1421px solid #fff;
  border-right: 3.1421px solid #fff;
}
.darkred-theme .hexagon:after {
  bottom: -19.1751px;
  border-bottom: 3.1421px solid #fff;
  border-left: 3.1421px solid #fff;
}
.darkred-theme *,
.darkred-theme :after,
.darkred-theme :before {
  box-sizing: border-box;
}
.darkred-theme .bg-month {
  background: #0d0c09;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #7d7d7d;
}
.darkred-theme .bg-month-active {
  background: linear-gradient(#0d0c09, #0d0c09) padding-box,
    linear-gradient(90deg, #f46c6c, #750000) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #fff;
  border: 1px solid transparent;
}
.darkred-theme .bagfree2 {
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 35px;
}
.darkred-theme .btn.focus {
  box-shadow: 0 0 0 0.2rem rgba(46, 46, 46, 0.25) !important;
}
.darkred-theme .arry-input {
  height: calc(1.5em + 5rem + 10px) !important;
  border-radius: 10px !important;
  color: #fff !important;
}

.darkscralet-theme .shadow-today {
  box-shadow: 0 0 15px #b90000;
}
.darkscralet-theme .bd-daily-fix {
  border-color: #cd0000 !important;
  background: #0d0d09 !important;
}
.darkscralet-theme .text-deposited-daily-fix {
  color: #7d7d7d;
}
.darkscralet-theme .bg-table-daily-fix {
  background: #4e4e4e !important;
  color: #fff !important;
}
.darkscralet-theme .text-daily-fix {
  color: #a92401 !important;
}
.darkscralet-theme .text-credit-daily {
  background: linear-gradient(180deg, #2e2e2e 0, #2e2e2e) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.darkscralet-theme .text-color {
  color: #fff !important;
}
.darkscralet-theme .text-template {
  color: #a92401;
}
.darkscralet-theme .text-theme {
  color: #fff;
}
.darkscralet-theme .text-spcial {
  background: linear-gradient(180deg, #696969 0, #1a1c1c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkscralet-theme .text-linear,
.darkscralet-theme .text-linear-footer {
  background: linear-gradient(180deg, #b90000 0, #710000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkscralet-theme .text-see-history {
  color: #fff;
}
.darkscralet-theme .text-head-hisotry {
  color: #a92401;
}
.darkscralet-theme .text-tranfer {
  background: linear-gradient(180deg, #fff 0, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkscralet-theme .text-color-icon {
  background: linear-gradient(180deg, #bb995a, #fff7c4 50%, #ac894c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkscralet-theme .text-credit {
  background: linear-gradient(50deg, #bb995a, #fff7c4 50%, #ac894c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkscralet-theme .bg-ball-choose-team,
.darkscralet-theme .bg-credit {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(90deg, #b90000, #710000) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkscralet-theme .bg-wallet {
  background: #2e2e2e;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
  color: #fff;
}
.darkscralet-theme .bg-credit-free {
  background: linear-gradient(180deg, #b90000, #710000);
  border-radius: 0 0 10px 10px;
  color: #fff !important;
}
.darkscralet-theme .recevied-com {
  border-radius: 10px;
  border: 2px solid #bb995a;
  background: linear-gradient(50deg, #bb995a, #fff7c4 50%, #ac894c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkscralet-theme .bg-card-commission {
  background: #2e2e2e;
  color: #a92401 !important;
}
.darkscralet-theme .bg-turn {
  color: #fff;
  background: #2e2e2e;
  border-radius: 10px;
}
.darkscralet-theme .bg-icon-index {
  background: #2e2e2e !important;
  border-radius: 10px !important;
}
.darkscralet-theme .bg-con-turn {
  background: #0d0c09 !important;
}
.darkscralet-theme .color-toogle {
  background: linear-gradient(180deg, #5cc875 0, #5cc875);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkscralet-theme .tab-content > .active {
  display: block;
  background: #232323 !important;
}
.darkscralet-theme .active-bg,
.darkscralet-theme .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #626166, #3d3a3d) !important;
  color: #fff !important;
}
.darkscralet-theme .tab-box {
  background-color: #2e2e2e;
  color: #7d7d7d;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.darkscralet-theme .nav-tabs {
  border-bottom: 2px solid #4a484c !important;
}
.darkscralet-theme .nav-tabs .nav-link {
  border: 0 !important;
  background: #2e2e2e !important;
  color: #7d7d7d !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.darkscralet-theme .boder-right {
  height: 50px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.2509803922);
}
.darkscralet-theme .btn-copy-bank {
  background: #2e2e2e;
  border-radius: 10px;
  color: #fff;
  width: max-content;
  border-color: #2e2e2e;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16);
}
.darkscralet-theme .btn-money {
  border-color: #b90000;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
  color: #b90000;
}
.darkscralet-theme .active-btn-amount {
  background: linear-gradient(180deg, #b90000, #710000) !important;
  color: #f4f4f4 !important;
  font-weight: 900;
}
.darkscralet-theme .btn-topup-promptpay {
  border-color: #b90000;
  border-radius: 10px;
  background: linear-gradient(180deg, #b90000, #710000) !important;
  color: #fff;
}
.darkscralet-theme .boder-color {
  border-color: #232323 !important;
}
.darkscralet-theme .is-active-register {
  background: #cd0000 !important;
  border: 1px solid #cd0000 !important;
}
.darkscralet-theme .b-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin: 0;
  outline: 0;
  transform: translateX(0);
  background: linear-gradient(180deg, #8b0808 0, #530101) !important;
}
.darkscralet-theme .bg-info {
  color: #fff;
  background: #0d0c09 !important;
  padding: 5px;
  border-radius: 10px;
}
.darkscralet-theme .btn-change {
  background: #2e2e2e;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}
.darkscralet-theme .card-pro {
  background: #0d0c09;
  border-radius: 10px;
  color: #fff !important;
  font-weight: 400 !important;
}
.darkscralet-theme .bg-lock {
  background: #a92401;
  padding: 8px;
  border-radius: 20px;
  width: 40px;
}
.darkscralet-theme .btn-cancel {
  background: #2e2e2e;
  border-radius: 10px;
  color: #a92401 !important;
  border: 1px solid #a92401;
}
.darkscralet-theme .btn-cancel:hover {
  border-radius: 10px;
  color: #000 !important;
  border: 1px solid #000 !important;
}
.darkscralet-theme .btn-theme-one {
  background: #cd0000;
  border-color: #2e2e2e !important;
  color: #fff;
  border-radius: 10px !important;
}
.darkscralet-theme .btn-theme-two {
  background: linear-gradient(180deg, #b90000, #710000);
  border-radius: 10px;
  color: #fff;
  border-color: #710000 !important;
}
.darkscralet-theme .btn-login {
  background: linear-gradient(180deg, #aa2400, #5a0000);
  border-radius: 10px;
  color: #fff;
  border-color: #710000 !important;
}
.darkscralet-theme .btn-theme-seemore {
  background: #565553;
  border-radius: 10px;
  color: #fff;
  border-color: #565553 !important;
}
.darkscralet-theme .btn-copy {
  background: linear-gradient(180deg, #b90000, #710000) !important;
  border-radius: 0 10px 10px 0 !important;
  color: #fff !important;
  border: 0 solid #b90000 !important;
}
.darkscralet-theme .card {
  background: #232323 !important;
  color: #fff !important;
  filter: drop-shadow(0 0 1px #989898);
}
.darkscralet-theme .bg-input-theme {
  background-color: #d1d1d1 !important;
}
.darkscralet-theme .border-theme {
  border-radius: 15px !important;
}
.darkscralet-theme .icon-activity {
  filter: invert(0);
  width: 20px;
}
.darkscralet-theme .bg-table {
  background-color: #2c2c2c;
  border-radius: 10px;
  border: 0 solid #2c2c2c !important;
}
.darkscralet-theme .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #000 !important;
  border-top: 0 solid #000 !important;
  padding: 4px 12px;
  background: #4e4e4e;
  color: #fff !important;
}
.darkscralet-theme .table td {
  vertical-align: top;
  border-top: 0 solid #000 !important;
  color: #fff !important;
}
.darkscralet-theme .Daily__item__box {
  position: relative;
  height: 75px;
  background: #2e2e2e;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
}
.darkscralet-theme .Daily__item__box.active {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(90deg, #b90000, #710000) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.darkscralet-theme .Daily__item__box.active-today {
  background: linear-gradient(180deg, #b90000, #710000);
  border: none !important;
}
.darkscralet-theme .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2e2e2e;
  border-radius: 10px;
}
.darkscralet-theme .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.darkscralet-theme .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.darkscralet-theme .text-daily {
  color: #fff;
}
.darkscralet-theme .btn-reward {
  width: 85%;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
  cursor: pointer;
}
.darkscralet-theme .bg-btn-point {
  background: #c2c2c2;
  border-radius: 20px;
  margin: 4px;
}
.darkscralet-theme .bg-chosses {
  background-color: #232323;
  border-radius: 15px;
  filter: drop-shadow(0 1px 1px #989898);
  color: #fff;
}
.darkscralet-theme .bg-hover:hover,
.darkscralet-theme .btn-hover:focus {
  background-color: #3d3d3d;
}
.darkscralet-theme .showSlide {
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 80%;
  background-color: #2c2c2c !important;
  display: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.darkscralet-theme #modal-suscess-complain .modal-content,
.darkscralet-theme #modalQuestionnaire .modal-content {
  background-color: #232323 !important;
}
.darkscralet-theme .from-complain {
  display: block;
  width: 100%;
  height: calc(1.5em + 5rem + 10px) !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  background-color: #f4f4f4 !important;
  background-clip: padding-box;
  border: 1px solid #f4f4f4 !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darkscralet-theme .btn-withdraw {
  background: linear-gradient(180deg, #b90000, #710000);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  color: #fff;
  border-color: #710000 !important;
}
.darkscralet-theme .cover-withdraw {
  background: #2e2e2e;
  border-radius: 0 0 10px 10px;
}
.darkscralet-theme .hd-withdraw {
  background: #4e4e4e;
  border-radius: 10px 10px 0 0;
  color: #fff;
  padding: 10px;
}
.darkscralet-theme .card-withdraw {
  background: #0d0c09 !important;
  color: #fff !important;
  border-radius: 5px;
}
.darkscralet-theme .page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #6b050b !important;
  border-color: #6b050b !important;
}
.darkscralet-theme .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #fff !important;
  background-color: #2e2e2e !important;
  border: 1px solid #232323 !important;
}
.darkscralet-theme
  .custom-control-input:checked
  ~ .custom-control-label:before {
  color: #fff !important;
  border-color: #a92401 !important;
  background-color: #a92401 !important;
}
.darkscralet-theme .boxcredit {
  background: rgba(34, 32, 32, 0.6);
  width: 50%;
}
.darkscralet-theme .border-color {
  border: 2px solid #750000;
  border-radius: 10px;
}
.darkscralet-theme .btn-box {
  background-image: linear-gradient(315deg, #b90000, #710000 74%);
  border-radius: 5px 25px;
  filter: drop-shadow(1px 2px 4px #9e0000);
  border-color: #b90000 !important;
}
.darkscralet-theme .breadcrumb {
  background-color: #0d0d09 !important;
}
.darkscralet-theme .breadcrumb-item.active {
  color: #a92401 !important;
}
.darkscralet-theme .swal2-popup {
  background: #232323 !important;
}
.darkscralet-theme .swal2-content,
.darkscralet-theme .swal2-title {
  color: #fff !important;
}
.darkscralet-theme .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #b90000, #710000) !important;
  border-radius: 10px !important;
  border-color: #fff !important;
  color: #fff !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.darkscralet-theme .bg-body-modal {
  background: linear-gradient(180deg, #b90000, #710000);
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #2e2e2e !important;
  color: #fff;
}
.darkscralet-theme .modal-content {
  border-radius: 1rem !important;
}
.darkscralet-theme .bg-body,
.darkscralet-theme .bg-body-promotion {
  background: #2e2e2e !important;
}
.darkscralet-theme .bg-footer {
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: calc(1rem - 1px) !important;
  border-bottom-left-radius: calc(1rem - 1px) !important;
  background-color: #2e2e2e !important;
}
.darkscralet-theme #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkscralet-theme #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkscralet-theme #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darkscralet-theme #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkscralet-theme #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkscralet-theme #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #2e2e2e !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darkscralet-theme #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #2e2e2e !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkscralet-theme #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkscralet-theme .card-bank {
  background: #2e2e2e;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}
.darkscralet-theme .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid rgba(0, 0, 0, 0.125);
}
.darkscralet-theme .swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid;
  border-radius: 50%;
}
.darkscralet-theme .swal2-icon.swal2-success [class^="swal2-success-line"] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
}
.darkscralet-theme .form-control {
  display: block;
  padding: 0.375rem 0.75rem;
  color: #232323 !important;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darkscralet-theme .custom-select,
.darkscralet-theme .form-control {
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  border: 1px solid #0d0c09 !important;
  border-radius: 0.25rem;
}
.darkscralet-theme .custom-select {
  display: inline-block;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  color: #fff !important;
  vertical-align: middle;
  background-color: #2e2e2e !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(https://i.imgur.com/ZS05XIa.png) right 0.75rem center/8px
    10px no-repeat;
}
.darkscralet-theme .multiselect__tags {
  min-height: 40px;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  font-size: 14px;
}
.darkscralet-theme .multiselect__content-wrapper,
.darkscralet-theme .multiselect__tags {
  display: block;
  border: 1px solid #0d0c09 !important;
  background: #2e2e2e !important;
  color: #fff !important;
}
.darkscralet-theme .multiselect__content-wrapper {
  position: absolute;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.darkscralet-theme .multiselect__input,
.darkscralet-theme .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #2e2e2e !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
  color: #fff;
}
.darkscralet-theme .multiselect__option--highlight {
  background: #2e2e2e !important;
  outline: none;
  color: #fff !important;
}
.darkscralet-theme #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.darkscralet-theme .border-banner {
  border: 2px solid #b90000;
  border-radius: 10px;
}
.darkscralet-theme .btn-secondary:hover {
  color: #fff;
  background-color: #b90000 !important;
  border-color: none !important;
}
.darkscralet-theme .btn-secondary.focus,
.darkscralet-theme .btn-secondary:focus {
  color: #fff;
  background-color: #b90000 !important;
  border-color: #b90000 !important;
}
.darkscralet-theme .bg-choose {
  background: #2e2e2e !important;
  color: #fff;
}
.darkscralet-theme .btn-join-activity {
  background: linear-gradient(180deg, #b90000, #710000);
  border-radius: 0 0 10px 10px;
  color: #fff;
}
.darkscralet-theme .bg-input {
  background: #2e2e2e !important;
  border-radius: 10px;
  color: #fff !important;
  border: none !important;
}
.darkscralet-theme .bg-condition {
  background: #2e2e2e !important;
  color: #fff;
}
.darkscralet-theme .header-login {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5019607843);
  border: 0 solid rgba(0, 0, 0, 0.125);
}
.darkscralet-theme .footer-wrapper1 {
  height: auto;
}
.darkscralet-theme .footer-wrapper,
.darkscralet-theme .footer-wrapper1 {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.darkscralet-theme .footer-wrapper {
  height: 58px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: #2e2e2e;
  box-shadow: 0 0 16px hsla(0, 0%, 41.2%, 0.55);
  z-index: 2;
}
.darkscralet-theme .footer-wrapper .play-game {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 15px;
  text-align: center;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #b90000, #9b0101 50%, #710000);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
}
.darkscralet-theme .footer-wrapper .play-game .play-game-box {
  display: table-cell;
  transform: rotate(316deg);
  vertical-align: middle;
}
.darkscralet-theme .footer-wrapper .play-game .item-count {
  width: 30px;
  filter: invert(0);
}
.darkscralet-theme .footer-wrapper .play-game-5 {
  border-radius: 30px;
  height: 50px;
  text-align: center;
  width: 50px;
  padding: 8px;
  background: linear-gradient(180deg, #b90000, #9b0101 50%, #710000);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
  position: absolute;
  top: -20px;
}
.darkscralet-theme .footer-wrapper .play-game-5 .play-game-box-5 {
  display: table-cell;
  vertical-align: middle;
}
.darkscralet-theme .footer-wrapper .play-game-5 .item-count {
  width: 34px;
  filter: invert(1);
}
.darkscralet-theme a {
  color: #fff !important;
}
.darkscralet-theme a:hover {
  color: --blue;
  text-decoration: none !important;
}
.darkscralet-theme .bg-table-aff {
  background-color: #232323 !important;
  border: 0 solid #2c2c2c !important;
}
.darkscralet-theme .border-left {
  border-left: 3px solid #a92401 !important;
}
.darkscralet-theme .border-solid {
  border: 1px solid #4e4e4e;
}
.darkscralet-theme .bg-from-aff {
  display: inline-block;
  width: 50% !important;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  vertical-align: middle;
  background-color: #2e2e2e !important;
  border: 1px solid #2e2e2e !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.darkscralet-theme .bg-in-aff {
  background: #c4c4c4;
  border-radius: 5px;
  color: #000;
  padding: 5px;
}
.darkscralet-theme .icon-aff {
  position: absolute;
  top: 92px;
  left: 0;
  right: 0;
  color: #fff;
}
.darkscralet-theme .btn-comein {
  position: absolute;
  bottom: -17%;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.darkscralet-theme .bg-search {
  background-color: #2e2e2e !important;
}
.darkscralet-theme .bg-from,
.darkscralet-theme .bg-search {
  border: 1px solid #a92401 !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff !important;
}
.darkscralet-theme .bg-from {
  background-color: #2e2e2e !important;
  background: #464646 url(/_nuxt/img/dropdown.2ae9015.png) no-repeat right
    0.75rem center/10px 8px;
}
.darkscralet-theme .search {
  position: absolute;
  right: 24px;
  color: #bdbdbd;
}
.darkscralet-theme .card-point {
  background: #4e4e4e !important;
  filter: drop-shadow(0 0 0 #4e4e4e) !important;
  color: #fff !important;
  border-radius: 10px;
}
.darkscralet-theme .bg-point {
  background: #710000;
  border-radius: 20px;
  margin: 4px;
  color: #fff;
}
.darkscralet-theme .bg-card-his {
  background: #4e4e4e !important;
  color: #fff !important;
}
.darkscralet-theme .card-nodata {
  background: #232323;
  color: #fff;
  padding: 80px;
  border-radius: 10px;
}
.darkscralet-theme .action-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2%;
}
.darkscralet-theme .action-wrapper__btn-spin {
  background-image: url(https://es-dev.vrbet.com/_nuxt/img/button.1e27aca.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 6vw;
  width: 14vw;
  margin-bottom: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.darkscralet-theme .action-wrapper__btn-spin span {
  font-size: 3vw;
  color: #fff;
  -webkit-text-stroke: 3px #fff;
}
@media screen and (max-width: 992px) {
  .darkscralet-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2.5px #fff;
    font-size: 6vw;
  }
}
@media screen and (max-width: 480px) {
  .darkscralet-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2px #fff;
    font-size: 8vw;
  }
}
@media screen and (max-width: 992px) {
  .darkscralet-theme .action-wrapper__btn-spin {
    margin-top: 3vw;
    width: 26vw;
    height: 12vw;
  }
}
@media screen and (max-width: 480px) {
  .darkscralet-theme .action-wrapper__btn-spin {
    width: 40vw;
    height: 18vw;
  }
}
.darkscralet-theme .action-wrapper__btn-spin.disabledbtn {
  cursor: not-allowed;
  filter: grayscale(1);
}
.darkscralet-theme .glass-panel {
  color: #fff;
  margin: 40px auto;
  background-color: hsla(0, 0%, 100%, 0.06);
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  width: 100%;
  border-radius: 15px;
  padding: 32px;
  backdrop-filter: blur(10px);
}
.darkscralet-theme .glass-button {
  display: inline-block;
  padding: 15px 18px;
  text-decoration: none;
  border-radius: 15px;
  background-color: #4e4e4e;
  border: 1px solid #000;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: #000;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}
.darkscralet-theme .glass-button:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.darkscralet-theme .glass-panel {
  max-width: 600px;
}
.darkscralet-theme #background-wrap {
  bottom: 0;
  left: 0;
  padding-top: 50px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.darkscralet-theme .x1 {
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 35s linear infinite;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  transform: scale(0.65);
}
.darkscralet-theme .x2 {
  -webkit-animation: animateCloud 20s linear infinite;
  -moz-animation: animateCloud 20s linear infinite;
  animation: animateCloud 20s linear infinite;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.darkscralet-theme .x3 {
  -webkit-animation: animateCloud 30s linear infinite;
  -moz-animation: animateCloud 30s linear infinite;
  animation: animateCloud 30s linear infinite;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.darkscralet-theme .x4 {
  -webkit-animation: animateCloud 18s linear infinite;
  -moz-animation: animateCloud 18s linear infinite;
  animation: animateCloud 18s linear infinite;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.darkscralet-theme .x5 {
  -webkit-animation: animateCloud 25s linear infinite;
  -moz-animation: animateCloud 25s linear infinite;
  animation: animateCloud 25s linear infinite;
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  transform: scale(0.55);
}
.darkscralet-theme .cloud {
  background: #fff;
  background: -moz-linear-gradient(top, #fff 5%, #f1f1f1 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, #fff),
    color-stop(100%, #f1f1f1)
  );
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
  height: 120px;
  position: relative;
  width: 350px;
}
.darkscralet-theme .cloud:after,
.darkscralet-theme .cloud:before {
  background: #fff;
  content: "";
  position: absolute;
  z-index: -1;
}
.darkscralet-theme .cloud:after {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  height: 100px;
  left: 50px;
  top: -50px;
  width: 100px;
}
.darkscralet-theme .cloud:before {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  width: 180px;
  height: 180px;
  right: 50px;
  top: -90px;
}
.darkscralet-theme .bg-share-facebook {
  background-color: #2e2e2e !important;
  color: #fff !important;
}
.darkscralet-theme .bg-game {
  background: #2e2e2e !important;
  border-radius: 10px !important;
  color: #bdbdbd !important;
  width: 80px;
  height: 67px;
}
.darkscralet-theme .bg-game-active {
  background: linear-gradient(180deg, #b40100, #62191e) !important;
  border-radius: 10px !important;
  color: #2e2e2e !important;
  width: 80px;
  height: 67px;
}
.darkscralet-theme .bg-search-game {
  background-color: #2e2e2e !important;
  border-radius: 10px !important;
  color: #fff !important;
}
.darkscralet-theme .unactive-footer {
  color: #bdbdbd;
}
.darkscralet-theme .btn-aff-share {
  background: linear-gradient(270deg, #b90000, #710000);
  border-radius: 10px;
  color: #2e2e2e;
  border-color: #710000 !important;
  filter: drop-shadow(0 0 5px #710000);
}
.darkscralet-theme #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #2e2e2e !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkscralet-theme .btn-change-language {
  background-color: #2e2e2e !important;
  border: 1px solid #a92401;
}
.darkscralet-theme .card-money,
.darkscralet-theme .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card\ copy.c4be5af.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.darkscralet-theme .bg-iconuser {
  background: #fff;
  padding: 7px;
  border-radius: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #a92401;
}
.darkscralet-theme .content-lv {
  padding: 10px 0;
}
.darkscralet-theme .border-bottom-aff {
  border-bottom: 1px solid #b90000;
}
.darkscralet-theme .body-content {
  background: #fff;
  width: 70%;
  border-bottom-right-radius: 20px;
  padding: 0 39px;
  overflow: auto;
  max-height: 300px;
}
@media (max-width: 479px) {
  .darkscralet-theme .body-content {
    width: 75%;
    padding: 0 10px;
  }
}
.darkscralet-theme .active2 {
  color: #232323 !important;
  background: #fff !important;
  border-bottom-left-radius: 0 !important;
}
.darkscralet-theme .tab-item {
  padding: 15px !important;
  font-size: 14px !important;
}
.darkscralet-theme .tab-history-class {
  border-radius: 20px;
  color: #232323;
  border: 1px solid #710000;
}
.darkscralet-theme .tab-item:last-child {
  border-bottom: 1px solid #c2c2c2;
  border-bottom-left-radius: 20px !important;
}
.darkscralet-theme .tab-item,
.darkscralet-theme .tab-item:last-child {
  cursor: pointer;
  color: #232323;
  background: linear-gradient(180deg, #b90000 0, #710000);
}
.darkscralet-theme .tab-item {
  border-bottom: 1px solid #c2c2c2;
}
.darkscralet-theme .header-aff {
  background: linear-gradient(180deg, #b90000 0, #710000);
  border-bottom: 1px solid #232323;
  border-radius: 20px 20px 0 0;
}
.darkscralet-theme .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #c2c2c2;
  border-radius: 30rem !important;
}
.darkscralet-theme .bg-aff-level {
  background: linear-gradient(#404040, #404040) padding-box,
    linear-gradient(90deg, #b90000, #9b0101, #710000) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkscralet-theme .bg-aff-level .nunber-friend {
  background: #626166;
  border-radius: 10px;
  color: #fff;
}
.darkscralet-theme .bg-aff-level .turn-other {
  background: #0d0c09;
  border-radius: 10px;
}
.darkscralet-theme .bg-aff-level .solid {
  border: 1px solid #b90000;
  height: 40px;
}
.darkscralet-theme .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #2e2e2e;
  color: #7d7d7d;
  padding: 5px;
}
.darkscralet-theme .filters__button:hover {
  background-color: #2e2e2e;
}
.darkscralet-theme .filters-content {
  background-color: #2e2e2e;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darkscralet-theme .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #0d0c09;
  color: #7d7d7d;
  padding: 5px;
}
.darkscralet-theme .filters__button2:hover {
  background-color: #0d0c09;
}
.darkscralet-theme .filters [data-content] {
  display: none;
}
.darkscralet-theme [data-content].is-active[data-content] {
  display: grid;
}
.darkscralet-theme [data-target].is-active {
  background: linear-gradient(180deg, #626166, #3d3a3d);
  border-radius: 10px;
  color: #fff;
}
.darkscralet-theme .condition-header {
  background: linear-gradient(
    109.63deg,
    #b90000 3.68%,
    #9b0101 47.76%,
    #710000 95.96%
  );
  border-radius: 5px;
  color: #2e2e2e;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.darkscralet-theme .bg-wheel-condition {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(109.63deg, #b90000 3.68%, #9b0101 47.76%, #710000 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.darkscralet-theme .btn-up-slip {
  color: #b90000;
  border: 2px solid #710000 !important;
  background: 0 0 !important;
}
.darkscralet-theme .btn-no-received {
  background: #373737;
  border-color: #373737;
  border-radius: 10px;
}
.darkscralet-theme .card-points {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkscralet-theme .r-gold {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.darkscralet-theme .r-gold,
.darkscralet-theme .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.darkscralet-theme .r-silver {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.darkscralet-theme .r-copper {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.darkscralet-theme .cycle-gold {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.darkscralet-theme .cycle-gold,
.darkscralet-theme .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.darkscralet-theme .cycle-silver {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
}
.darkscralet-theme .cycle-copper {
  background: linear-gradient(#2e2e2e, #2e2e2e) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.darkscralet-theme .btn-no-received:focus,
.darkscralet-theme .btn-no-received:hover {
  background-color: #373737 !important;
  border-color: #373737 !important;
  border-radius: 10px !important;
}
.darkscralet-theme .bg-pro {
  background: #373737;
  border-radius: 10px;
}
.darkscralet-theme .filters-content-bg {
  background-color: #0d0c09;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darkscralet-theme .is-unactive {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #0d0c09;
  color: #7d7d7d;
  padding: 5px;
}
.darkscralet-theme .card-decimal {
  background: #ececec;
  box-shadow: 0 4px 10px rgba(13, 13, 9, 0.12);
  border-radius: 10px;
  color: #000 !important;
}
.darkscralet-theme .card-transfer {
  background: #000;
  box-shadow: 0 4px 10px rgba(13, 13, 9, 0.12);
  border-radius: 10px;
  color: #fff !important;
}
.darkscralet-theme .bg-choose-team {
  background: hsla(0, 0%, 100%, 0.3);
  border-radius: 5px;
  color: #fff;
  padding: 2px;
  margin: 4px;
}
.darkscralet-theme .refesh {
  position: absolute;
  top: 3px;
  right: 12px;
}
.darkscralet-theme .bagfree {
  position: absolute;
  top: 0;
  right: 6px;
}
.darkscralet-theme .hexagon {
  position: relative;
  width: 55px;
  height: 28.7px;
  margin: 35.15px 0;
  border-left: 3.1421px solid #fff;
  border-right: 3.1421px solid #fff;
}
.darkscralet-theme .hexagon:after,
.darkscralet-theme .hexagon:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 38.35px;
  height: 38.35px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 5.8249px;
}
.darkscralet-theme .hexagon:before {
  top: -19.1751px;
  border-top: 3.1421px solid #fff;
  border-right: 3.1421px solid #fff;
}
.darkscralet-theme .hexagon:after {
  bottom: -19.1751px;
  border-bottom: 3.1421px solid #fff;
  border-left: 3.1421px solid #fff;
}
.darkscralet-theme *,
.darkscralet-theme :after,
.darkscralet-theme :before {
  box-sizing: border-box;
}
.darkscralet-theme .bg-month {
  background: #0d0c09;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #7d7d7d;
}
.darkscralet-theme .bg-month-active {
  background: linear-gradient(#0d0c09, #0d0c09) padding-box,
    linear-gradient(90deg, #b90000, #710000) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #fff;
  border: 1px solid transparent;
}
.darkscralet-theme .bagfree2 {
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 35px;
}
.darkscralet-theme .btn.focus {
  box-shadow: 0 0 0 0.2rem rgba(46, 46, 46, 0.25) !important;
}
.darkscralet-theme .arry-input {
  height: calc(1.5em + 5rem + 10px) !important;
  border-radius: 10px !important;
  color: #fff !important;
}
.sunset-theme body {
  background: #eee;
}
.sunset-theme .bg-login {
  background: linear-gradient(0deg, #cc614c 0, #f6e6ba);
  min-height: 100vh;
  height: 100%;
  width: 100%;
}
.sunset-theme .bg-header {
  background: #eee;
}
.sunset-theme .shadow-today {
  box-shadow: 0 0 15px #f4c13d;
}
.sunset-theme .bd-daily-fix {
  border-color: #f6ad58 !important;
  background: #eee !important;
}
.sunset-theme .text-deposited-daily-fix {
  color: #bbb;
}
.sunset-theme .bg-table-daily-fix {
  background: #f39c56 !important;
  color: #4f4a3e !important;
}
.sunset-theme .text-daily-fix {
  color: #f08842 !important;
}
.sunset-theme .text-credit-daily {
  background: linear-gradient(180deg, #fff 0, #fff) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.sunset-theme .text-color {
  color: #4f4a3e !important;
}
.sunset-theme .text-template {
  color: #f08842;
}
.sunset-theme .text-theme {
  color: #fff;
}
.sunset-theme .text-spcial {
  background: linear-gradient(180deg, #696969 0, #1a1c1c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sunset-theme .text-linear,
.sunset-theme .text-linear-footer {
  background: linear-gradient(180deg, #f4c13d 0, #e5654b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sunset-theme .text-see-history {
  color: #4f4a3e;
}
.sunset-theme .text-head-hisotry {
  color: #f08842;
}
.sunset-theme .text-color-icon,
.sunset-theme .text-credit,
.sunset-theme .text-tranfer {
  background: linear-gradient(180deg, #f4c13d 0, #e5654b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sunset-theme .bg-ball-choose-team,
.sunset-theme .bg-credit {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #f4c13d, #e5654b) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.sunset-theme .bg-wallet {
  background: #fff;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
}
.sunset-theme .bg-credit-free {
  background: linear-gradient(180deg, #f4c13d, #e5654b);
  border-radius: 0 0 10px 10px;
  color: #fff !important;
}
.sunset-theme .recevied-com {
  background: #fbe8da;
  border-radius: 10px;
  border: 2px solid #f08842;
  color: #f08842;
}
.sunset-theme .bg-card-commission {
  background: #fff;
}
.sunset-theme .bg-turn {
  color: #4f4a3e;
  background: #fff;
  border-radius: 10px;
}
.sunset-theme .bg-icon-index {
  background: #fff !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 6px rgba(79, 74, 62, 0.1);
}
.sunset-theme .bg-con-turn {
  background: #f4f4f4 !important;
}
.sunset-theme .color-toogle {
  background: linear-gradient(180deg, #5cc875 0, #5cc875);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sunset-theme .tab-content > .active {
  display: block;
  background: #fff !important;
}
.sunset-theme .active-bg,
.sunset-theme .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #f4c13d, #e5654b) !important;
  color: #fff !important;
}
.sunset-theme .tab-box {
  background-color: #fff;
  color: #bfbfbf;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.sunset-theme .nav-tabs {
  border-bottom: 2px solid #e1e1e1 !important;
}
.sunset-theme .nav-tabs .nav-link {
  border: 0 !important;
  background: #fff;
  color: #bfbfbf !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.sunset-theme .boder-right {
  height: 50px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.2509803922);
}
.sunset-theme .btn-copy-bank {
  background: #509bf8;
  border-radius: 10px;
  color: #fff;
  width: max-content;
  border-color: #509bf8;
  box-shadow: 0 4px 4px rgba(79, 74, 62, 0.16);
}
.sunset-theme .btn-money {
  border-color: #e5654b;
  border-radius: 10px;
  background: #f9f9f9;
  color: #e5654b;
}
.sunset-theme .active-btn-amount {
  background: linear-gradient(180deg, #f4c13d, #e5654b) !important;
  color: #fff !important;
  font-weight: 900;
}
.sunset-theme .btn-topup-promptpay {
  border-color: #f4c13d;
  border-radius: 10px;
  background: linear-gradient(180deg, #f4c13d, #e5654b) !important;
  color: #fff;
}
.sunset-theme .boder-color {
  border-color: #fff !important;
}
.sunset-theme .is-active-register {
  background: #f39c56 !important;
  border: 1px solid #f6ad58 !important;
}
.sunset-theme .b-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin: 0;
  outline: 0;
  transform: translateX(0);
  background: linear-gradient(180deg, #edc254 0, #c04c35) !important;
}
.sunset-theme .bg-info {
  color: #4f4a3e;
  background: #f4f4f4 !important;
  padding: 5px;
  border-radius: 10px;
}
.sunset-theme .btn-change {
  background: #fff;
  box-shadow: 0 4px 10px hsla(0, 0%, 93.3%, 0.12);
  border-radius: 10px;
}
.sunset-theme .card-pro {
  background: #f4f4f4;
  border-radius: 10px;
  color: #4f4a3e !important;
  font-weight: 400 !important;
}
.sunset-theme .bg-lock {
  background: #f08842;
  padding: 8px;
  border-radius: 20px;
  width: 40px;
  color: #fff;
}
.sunset-theme .btn-cancel {
  background: #fff;
  border-radius: 10px;
  color: #f08842 !important;
  border: 1px solid #f08842;
}
.sunset-theme .btn-theme-one {
  background: #f39c56;
  border-color: #fff !important;
  color: #fff;
  border-radius: 10px !important;
}
.sunset-theme .btn-login,
.sunset-theme .btn-theme-two {
  background: linear-gradient(180deg, #f4c13d, #e5654b);
  border-radius: 10px;
  color: #fff;
  border-color: #eee !important;
}
.sunset-theme .btn-theme-seemore {
  background: #565553;
  border-radius: 10px;
  color: #fff;
  border-color: #565553 !important;
}
.sunset-theme .btn-copy {
  background: linear-gradient(180deg, #f4c13d, #e5654b) !important;
  border-radius: 0 10px 10px 0 !important;
  color: #4f4a3e !important;
}
.sunset-theme .card {
  background: #fff !important;
  color: #4f4a3e !important;
  filter: drop-shadow(0 1px 1px #989898);
}
.sunset-theme .bg-input-theme {
  background-color: #fff5e3 !important;
}
.sunset-theme .border-theme {
  border-radius: 15px !important;
}
.sunset-theme .icon-activity {
  filter: invert(0);
  width: 20px;
}
.sunset-theme .bg-table {
  background-color: #fff;
  border-radius: 10px;
  border: 0 solid #fff !important;
}
.sunset-theme .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #f08842 !important;
  border-top: 0 solid #f08842 !important;
  padding: 4px 12px;
  background: #f08842;
  color: #fff !important;
}
.sunset-theme .table td {
  vertical-align: top;
  border-top: 0 solid #feaf00 !important;
}
.sunset-theme .Daily__item__box {
  position: relative;
  height: 75px;
  background: #fff;
  border-radius: 10px;
  border: 2px solid #f39c56;
}
.sunset-theme .Daily__item__box.active {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #f4c13d, #e5654b) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.sunset-theme .Daily__item__box.active-today {
  background: linear-gradient(180deg, #f4c13d, #e5654b);
  border: none !important;
}
.sunset-theme .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 10px;
}
.sunset-theme .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.sunset-theme .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.sunset-theme .text-daily {
  color: #4f4a3e;
}
.sunset-theme .btn-reward {
  width: 85%;
  border-radius: 10px;
  border: 2px solid #f39c56;
  cursor: pointer;
}
.sunset-theme .bg-btn-point {
  background: #c2c2c2;
  border-radius: 20px;
  margin: 4px;
}
.sunset-theme .bg-chosses {
  background-color: #fff;
  border-radius: 15px;
  filter: drop-shadow(0 1px 1px #989898);
  color: #4f4a3e;
}
.sunset-theme .bg-hover:hover,
.sunset-theme .btn-hover:focus {
  background-color: #dedede;
}
.sunset-theme .showSlide {
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 80%;
  display: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.sunset-theme #modal-suscess-complain .modal-content,
.sunset-theme .showSlide {
  background-color: #fff !important;
}
.sunset-theme .from-complain {
  display: block;
  width: 100%;
  height: calc(1.5em + 5rem + 10px) !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  background-color: #f4f4f4 !important;
  background-clip: padding-box;
  border: 1px solid #f4f4f4 !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.sunset-theme .btn-withdraw {
  background: linear-gradient(180deg, #f4c13d, #e5654b);
  box-shadow: 0 4px 4px rgba(254, 175, 0, 0.16);
  border-radius: 10px;
  color: #fff;
  border-color: #e5654b !important;
}
.sunset-theme .cover-withdraw {
  background: #fff;
  border-radius: 0 0 10px 10px;
}
.sunset-theme .hd-withdraw {
  background: #f39c56;
  border-radius: 10px 10px 0 0;
  color: #4f4a3e;
  padding: 10px;
}
.sunset-theme .card-withdraw {
  background: #f4f4f4 !important;
  color: #4f4a3e !important;
  border-radius: 5px;
}
.sunset-theme .page-item.active .page-link {
  z-index: 3;
  color: #4f4a3e;
  background-color: #ee8d53 !important;
  border-color: #ee8d53 !important;
}
.sunset-theme .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #4f4a3e !important;
  background-color: #eee !important;
  border: 1px solid #4f4a3e !important;
}
.sunset-theme .custom-control-input:checked ~ .custom-control-label:before {
  color: #4f4a3e !important;
  border-color: #f08842 !important;
  background-color: #f08842 !important;
}
.sunset-theme .boxcredit {
  background: rgba(34, 32, 32, 0.6);
  width: 50%;
}
.sunset-theme .border-color {
  border: 2px solid #f4a557;
  border-radius: 10px;
}
.sunset-theme .btn-box {
  background-image: linear-gradient(315deg, #f4c13d, #e5654b 74%);
  border-radius: 5px 25px;
  filter: drop-shadow(1px 2px 4px #c46754);
  border-color: #f4c13d !important;
}
.sunset-theme .breadcrumb {
  background-color: #eee !important;
}
.sunset-theme .breadcrumb-item.active {
  color: #f08842 !important;
}
.sunset-theme .swal2-popup {
  background: #eee !important;
}
.sunset-theme .swal2-content,
.sunset-theme .swal2-title {
  color: #4f4a3e !important;
}
.sunset-theme .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #f4c13d, #e5654b) !important;
  border-radius: 10px !important;
  border-color: #4f4a3e !important;
  color: #4f4a3e !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.sunset-theme .bg-body-modal {
  background: linear-gradient(180deg, #f4c13d, #e5654b);
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #fff !important;
  color: #fff;
}
.sunset-theme .modal-content {
  border-radius: 1rem !important;
}
.sunset-theme .bg-body,
.sunset-theme .bg-body-promotion {
  background: #fff !important;
}
.sunset-theme .bg-footer {
  border-top: 1px solid #fff !important;
  border-bottom-right-radius: calc(1rem - 1px) !important;
  border-bottom-left-radius: calc(1rem - 1px) !important;
  background-color: #fff !important;
}
.sunset-theme #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.sunset-theme #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(254, 175, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.sunset-theme #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #fff !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.sunset-theme #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.sunset-theme #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(254, 175, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.sunset-theme #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #fff !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.sunset-theme #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.sunset-theme #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(254, 175, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.sunset-theme .card-bank {
  background: #f4f4f4;
  box-shadow: 0 4px 10px hsla(0, 0%, 93.3%, 0.12);
  border-radius: 10px;
  color: #4f4a3e !important;
}
.sunset-theme .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid rgba(254, 175, 0, 0.125);
}
.sunset-theme .swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid;
  border-radius: 50%;
}
.sunset-theme .swal2-icon.swal2-success [class^="swal2-success-line"] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
}
.sunset-theme .form-control {
  display: block;
  padding: 0.375rem 0.75rem;
  background-color: #f4f4f4;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.sunset-theme .custom-select,
.sunset-theme .form-control {
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  border: 1px solid #f4f4f4 !important;
  border-radius: 0.25rem;
}
.sunset-theme .custom-select {
  display: inline-block;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  vertical-align: middle;
  background-color: #f4f4f4 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.sunset-theme .multiselect__tags {
  min-height: 40px;
  display: block;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  border: 1px solid #f4f4f4 !important;
  background: #fff !important;
  font-size: 14px;
  color: #4f4a3e !important;
}
.sunset-theme .multiselect__content-wrapper {
  position: absolute;
  display: block;
  background: #f4f4f4 !important;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border: 1px solid #f4f4f4 !important;
  border-top: none;
  color: #4f4a3e !important;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.sunset-theme .multiselect__input,
.sunset-theme .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #fff !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
}
.sunset-theme .multiselect__option--highlight {
  background: #fff !important;
  outline: none;
  color: #4f4a3e !important;
}
.sunset-theme #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(254, 175, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.sunset-theme .border-banner {
  border: 2px solid #f4c13d;
  border-radius: 10px;
}
.sunset-theme .btn-secondary:hover {
  color: #4f4a3e;
  background-color: #f4c13d !important;
  border-color: none !important;
}
.sunset-theme .btn-secondary.focus,
.sunset-theme .btn-secondary:focus {
  color: #4f4a3e;
  background-color: #f4c13d !important;
  border-color: #f4c13d !important;
}
.sunset-theme .bg-choose {
  background: #fff !important;
  color: #4f4a3e;
}
.sunset-theme .btn-join-activity {
  background: linear-gradient(180deg, #f4c13d, #e5654b);
  border-radius: 0 0 10px 10px;
  color: #fff;
  border: #f39c56;
}
.sunset-theme .bg-input {
  background: #fff !important;
  border-radius: 10px;
  color: #4f4a3e;
  border: none !important;
}
.sunset-theme .bg-condition {
  background: #fff5e3 !important;
  color: #4f4a3e;
}
.sunset-theme .header-login {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5019607843);
  border: 0 solid rgba(254, 175, 0, 0.125);
}
.sunset-theme .footer-wrapper1 {
  height: auto;
}
.sunset-theme .footer-wrapper,
.sunset-theme .footer-wrapper1 {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.sunset-theme .footer-wrapper {
  height: 58px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: #fff;
  box-shadow: 0 0 16px rgba(255, 211, 96, 0.55);
  z-index: 2;
}
.sunset-theme .footer-wrapper .play-game {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 15px;
  text-align: center;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #ffd360, #f8b55a 50%, #e6654b);
  box-shadow: 0 4px 6px rgba(254, 175, 0, 0.25);
}
.sunset-theme .footer-wrapper .play-game .play-game-box {
  display: table-cell;
  transform: rotate(316deg);
  vertical-align: middle;
}
.sunset-theme .footer-wrapper .play-game .item-count {
  width: 30px;
  filter: invert(0);
}
.sunset-theme .footer-wrapper .play-game-5 {
  border-radius: 30px;
  height: 50px;
  text-align: center;
  width: 50px;
  padding: 8px;
  background: linear-gradient(180deg, #ffd360, #f8b55a 50%, #e6654b);
  box-shadow: 0 4px 6px rgba(254, 175, 0, 0.25);
  position: absolute;
  top: -20px;
}
.sunset-theme .footer-wrapper .play-game-5 .play-game-box-5 {
  display: table-cell;
  vertical-align: middle;
}
.sunset-theme .footer-wrapper .play-game-5 .item-count {
  width: 34px;
  filter: invert(1);
}
.sunset-theme a {
  color: #4f4a3e !important;
}
.sunset-theme a:hover {
  color: --blue;
  text-decoration: none !important;
}
.sunset-theme .bg-table-aff {
  background-color: #fff !important;
  border: 0 solid #fff !important;
}
.sunset-theme .border-left {
  border-left: 3px solid #f08842 !important;
}
.sunset-theme .border-solid {
  border: 1px solid #f39c56;
}
.sunset-theme .bg-from-aff {
  display: inline-block;
  width: 50% !important;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  vertical-align: middle;
  background-color: #fff !important;
  border: 1px solid #fff !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.sunset-theme .bg-in-aff {
  background: #f4f4f4;
  border-radius: 5px;
  color: #4f4a3e;
  padding: 5px;
}
.sunset-theme .icon-aff {
  position: absolute;
  top: 92px;
  left: 0;
  right: 0;
  color: #4f4a3e;
}
.sunset-theme .btn-comein {
  position: absolute;
  bottom: -17%;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.sunset-theme .bg-search {
  background-color: #fff !important;
}
.sunset-theme .bg-from,
.sunset-theme .bg-search {
  border: 1px solid #f08842 !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: #4f4a3e !important;
}
.sunset-theme .bg-from {
  background-color: #fff !important;
  background: #464646 url(/_nuxt/img/dropdown.2ae9015.png) no-repeat right
    0.75rem center/10px 8px;
}
.sunset-theme .search {
  position: absolute;
  right: 24px;
  color: #f39c56;
}
.sunset-theme .card-point {
  background: #eee !important;
  filter: drop-shadow(0 0 0 #eeeeee) !important;
  color: #4f4a3e !important;
  border-radius: 10px;
}
.sunset-theme .bg-point {
  background: #f4c13d;
  border-radius: 20px;
  margin: 4px;
  color: #4f4a3e;
}
.sunset-theme .bg-card-his {
  background: #eee !important;
  filter: drop-shadow(0 0 0 #eeeeee) !important;
  color: #4f4a3e !important;
}
.sunset-theme .card-nodata {
  background: #fff;
  color: #4f4a3e;
  padding: 80px;
  border-radius: 10px;
}
.sunset-theme .action-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2%;
}
.sunset-theme .action-wrapper__btn-spin {
  background-image: url(https://es-dev.vrbet.com/_nuxt/img/button.1e27aca.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 6vw;
  width: 14vw;
  margin-bottom: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sunset-theme .action-wrapper__btn-spin span {
  font-size: 3vw;
  color: #4f4a3e;
  -webkit-text-stroke: 3px #4f4a3e;
}
@media screen and (max-width: 992px) {
  .sunset-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2.5px #4f4a3e;
    font-size: 6vw;
  }
}
@media screen and (max-width: 480px) {
  .sunset-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2px #4f4a3e;
    font-size: 8vw;
  }
}
@media screen and (max-width: 992px) {
  .sunset-theme .action-wrapper__btn-spin {
    margin-top: 3vw;
    width: 26vw;
    height: 12vw;
  }
}
@media screen and (max-width: 480px) {
  .sunset-theme .action-wrapper__btn-spin {
    width: 40vw;
    height: 18vw;
  }
}
.sunset-theme .action-wrapper__btn-spin.disabledbtn {
  cursor: not-allowed;
  filter: grayscale(1);
}
.sunset-theme .glass-panel {
  color: #4f4a3e;
  margin: 40px auto;
  background-color: rgba(79, 74, 62, 0.06);
  border: 1px solid rgba(79, 74, 62, 0.1);
  width: 100%;
  border-radius: 15px;
  padding: 32px;
  backdrop-filter: blur(10px);
}
.sunset-theme .glass-button {
  display: inline-block;
  padding: 15px 18px;
  text-decoration: none;
  border-radius: 15px;
  background-color: hsla(0, 0%, 100%, 0.06);
  border: 1px solid #feaf00;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: #feaf00;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}
.sunset-theme .glass-button:hover {
  background-color: rgba(79, 74, 62, 0.2);
}
.sunset-theme .glass-panel {
  max-width: 600px;
}
.sunset-theme #background-wrap {
  bottom: 0;
  left: 0;
  padding-top: 50px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.sunset-theme .x1 {
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 35s linear infinite;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  transform: scale(0.65);
}
.sunset-theme .x2 {
  -webkit-animation: animateCloud 20s linear infinite;
  -moz-animation: animateCloud 20s linear infinite;
  animation: animateCloud 20s linear infinite;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.sunset-theme .x3 {
  -webkit-animation: animateCloud 30s linear infinite;
  -moz-animation: animateCloud 30s linear infinite;
  animation: animateCloud 30s linear infinite;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.sunset-theme .x4 {
  -webkit-animation: animateCloud 18s linear infinite;
  -moz-animation: animateCloud 18s linear infinite;
  animation: animateCloud 18s linear infinite;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.sunset-theme .x5 {
  -webkit-animation: animateCloud 25s linear infinite;
  -moz-animation: animateCloud 25s linear infinite;
  animation: animateCloud 25s linear infinite;
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  transform: scale(0.55);
}
.sunset-theme .cloud {
  background: #fff;
  background: -moz-linear-gradient(top, #fff 5%, #d1dff6 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, #fff),
    color-stop(100%, #d1dff6)
  );
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 8px 5px rgba(254, 175, 0, 0.1);
  -moz-box-shadow: 0 8px 5px rgba(254, 175, 0, 0.1);
  box-shadow: 0 8px 5px rgba(254, 175, 0, 0.1);
  height: 120px;
  position: relative;
  width: 350px;
}
.sunset-theme .cloud:after,
.sunset-theme .cloud:before {
  background: #fff;
  content: "";
  position: absolute;
  z-index: -1;
}
.sunset-theme .cloud:after {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  height: 100px;
  left: 50px;
  top: -50px;
  width: 100px;
}
.sunset-theme .cloud:before {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  width: 180px;
  height: 180px;
  right: 50px;
  top: -90px;
}
.sunset-theme .bg-share-facebook {
  background-color: #fff !important;
  color: #4f4a3e !important;
}
.sunset-theme .bg-game {
  background: linear-gradient(#fff, #fff);
  border-radius: 10px;
  border: unset;
  color: #4f4a3e !important;
  width: 80px;
  height: 67px;
}
.sunset-theme .bg-game-active {
  background: linear-gradient(180deg, #ffd360, #e5654b) !important;
  border-radius: 10px !important;
  color: #fff !important;
  width: 80px;
  height: 67px;
}
.sunset-theme .bg-search-game {
  background-color: #fff !important;
  border-radius: 10px !important;
}
.sunset-theme .unactive-footer {
  color: #606060;
}
.sunset-theme .btn-aff-share {
  background: linear-gradient(270deg, #f4c13d, #e5654b);
  border-radius: 10px;
  color: #fff;
  border-color: #e5654b !important;
  filter: drop-shadow(0 0 5px #e5654b);
}
.sunset-theme #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(254, 175, 0, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.sunset-theme .btn-change-language {
  background-color: #fff !important;
  border: 1px solid #f08842;
}
.sunset-theme .card-money,
.sunset-theme .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card-copy-light.73ed8f4.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.sunset-theme .bg-iconuser {
  background: #fff;
  padding: 7px;
  border-radius: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #fff;
}
.sunset-theme .content-lv {
  padding: 10px 0;
}
.sunset-theme .border-bottom-aff {
  border-bottom: 1px solid #f4c13d;
}
.sunset-theme .body-content {
  width: 70%;
  background: #fff;
  border-bottom-right-radius: 20px;
  padding: 0 39px;
  overflow: auto;
  max-height: 300px;
  color: #4f4a3e;
}
@media (max-width: 479px) {
  .sunset-theme .body-content {
    width: 75%;
    padding: 0 10px;
  }
}
.sunset-theme .active2 {
  color: #4f4a3e !important;
  background: #fff !important;
  border-bottom-left-radius: 0 !important;
}
.sunset-theme .tab-item {
  padding: 15px !important;
  font-size: 14px !important;
}
.sunset-theme .tab-history-class {
  border-radius: 20px;
  color: #fff;
  border: 1px solid #e5654b;
}
.sunset-theme .tab-item:last-child {
  border-bottom: 1px solid #c2c2c2;
  border-bottom-left-radius: 20px !important;
}
.sunset-theme .tab-item,
.sunset-theme .tab-item:last-child {
  cursor: pointer;
  color: #fff;
  background: linear-gradient(180deg, #f4c13d 0, #e5654b);
}
.sunset-theme .tab-item {
  border-bottom: 1px solid #c2c2c2;
}
.sunset-theme .header-aff {
  background: linear-gradient(180deg, #f4c13d 0, #e5654b);
  border-bottom: 1px solid #fff;
  border-radius: 20px 20px 0 0;
}
.sunset-theme .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #c2c2c2;
  border-radius: 30rem !important;
}
.sunset-theme .bg-aff-level {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #f4c13d, #e5654b) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.sunset-theme .bg-aff-level .nunber-friend {
  background: #f08842;
  border-radius: 10px;
  color: #fff;
}
.sunset-theme .bg-aff-level .turn-other {
  background: #f4c13d;
  border-radius: 10px;
}
.sunset-theme .bg-aff-level .solid {
  border: 1px solid #ffd360;
  height: 40px;
}
.sunset-theme .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #fff;
  color: #bfbfbf;
  padding: 5px;
}
.sunset-theme .filters__button:hover {
  background-color: #fff;
}
.sunset-theme .filters-content {
  background-color: #fff;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.sunset-theme .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #f1f1f1;
  color: #bfbfbf;
  padding: 5px;
}
.sunset-theme .filters__button2:hover {
  background-color: #f1f1f1;
}
.sunset-theme .filters [data-content] {
  display: none;
}
.sunset-theme [data-content].is-active[data-content] {
  display: grid;
}
.sunset-theme [data-target].is-active {
  background: linear-gradient(180deg, #f4c13d, #e5654b);
  border-radius: 10px;
  color: #fff;
}
.sunset-theme .condition-header {
  background: linear-gradient(
    109.63deg,
    #ffd360 3.68%,
    #f8b55a 47.76%,
    #e6654b 95.96%
  );
  border-radius: 5px;
  color: #fff;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.sunset-theme .bg-wheel-condition {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(109.63deg, #ffd360 3.68%, #f8b55a 47.76%, #e6654b 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.sunset-theme .btn-up-slip {
  color: #f4c13d;
  border: 2px solid #e5654b !important;
  background: 0 0 !important;
}
.sunset-theme .btn-no-received {
  background: #f5e8de;
  border-color: #f5e8de;
  border-radius: 10px;
  color: #4f4a3e;
}
.sunset-theme .btn-no-received:focus,
.sunset-theme .btn-no-received:hover {
  background-color: #f5e8de !important;
  border-color: #f5e8de !important;
  border-radius: 10px !important;
}
.sunset-theme .bg-pro {
  background: #f1f1f1;
  border-radius: 10px;
}
.sunset-theme .filters-content-bg {
  background-color: #f1f1f1;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.sunset-theme .is-unactive {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #f1f1f1;
  color: #7d7d7d;
  padding: 5px;
}
.sunset-theme .card-points {
  background: linear-gradient(#fff, #fff) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.sunset-theme .r-gold {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.sunset-theme .r-gold,
.sunset-theme .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.sunset-theme .r-silver {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.sunset-theme .r-copper {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.sunset-theme .cycle-gold {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.sunset-theme .cycle-gold,
.sunset-theme .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.sunset-theme .cycle-silver {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
}
.sunset-theme .cycle-copper {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.sunset-theme .card-decimal,
.sunset-theme .card-transfer {
  background: #f1f1f1;
  box-shadow: 0 4px 10px hsla(0, 0%, 93.3%, 0.12);
  border-radius: 10px;
  color: #000 !important;
}
.sunset-theme .bg-choose-team {
  background: #f4f4f4;
  border-radius: 5px;
  color: #4f4a3e;
  padding: 2px;
  margin: 4px;
}
.sunset-theme .refesh {
  position: absolute;
  top: 3px;
  right: 12px;
}
.sunset-theme .bagfree {
  position: absolute;
  top: 0;
  right: 6px;
}
.sunset-theme .hexagon {
  position: relative;
  width: 55px;
  height: 28.7px;
  margin: 35.15px 0;
  border-left: 3.1421px solid #4f4a3e;
  border-right: 3.1421px solid #4f4a3e;
}
.sunset-theme .hexagon:after,
.sunset-theme .hexagon:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 38.35px;
  height: 38.35px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 5.8249px;
}
.sunset-theme .hexagon:before {
  top: -19.1751px;
  border-top: 3.1421px solid #4f4a3e;
  border-right: 3.1421px solid #4f4a3e;
}
.sunset-theme .hexagon:after {
  bottom: -19.1751px;
  border-bottom: 3.1421px solid #4f4a3e;
  border-left: 3.1421px solid #4f4a3e;
}
.sunset-theme *,
.sunset-theme :after,
.sunset-theme :before {
  box-sizing: border-box;
}
.sunset-theme .bg-month {
  background: #f1f1f1;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #7d7d7d;
}
.sunset-theme .bg-month-active {
  background: linear-gradient(#f1f1f1, #f1f1f1) padding-box,
    linear-gradient(90deg, #f4c13d, #e5654b) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #4f4a3e;
  border: 1px solid transparent;
}
.sunset-theme .inactive {
  background: rgba(62, 62, 62, 0.7) !important;
}
.sunset-theme .bagfree2 {
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 35px;
}
.sunset-theme .btn.focus {
  box-shadow: 0 0 0 0.2rem hsla(0, 0%, 100%, 0.25) !important;
}
.sunset-theme .arry-input {
  height: calc(1.5em + 5rem + 10px) !important;
  border-radius: 10px !important;
  color: #4f4a3e !important;
}
.bluelagoon-theme body {
  background: #f4f4f4;
}
.bluelagoon-theme .bg-login {
  background: linear-gradient(0deg, #2bbdb4 0, #c6faff);
  min-height: 100vh;
  height: 100%;
  width: 100%;
}
.bluelagoon-theme .bg-header {
  background: #f4f4f4;
}
.bluelagoon-theme .shadow-today {
  box-shadow: 0 0 15px #44d9e6;
}
.bluelagoon-theme .bd-daily-fix {
  border-color: #1d9ba7 !important;
  background: #f4f4f4 !important;
}
.bluelagoon-theme .text-deposited-daily-fix {
  color: #bbb;
}
.bluelagoon-theme .bg-table-daily-fix {
  background: #1a95b3 !important;
  color: #363636 !important;
}
.bluelagoon-theme .text-daily-fix {
  color: #22a1bd !important;
}
.bluelagoon-theme .text-credit-daily {
  background: linear-gradient(180deg, #fff 0, #fff) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.bluelagoon-theme .text-color {
  color: #363636 !important;
}
.bluelagoon-theme .text-template {
  color: #22a1bd;
}
.bluelagoon-theme .text-theme {
  color: #fff;
}
.bluelagoon-theme .text-spcial {
  background: linear-gradient(180deg, #696969 0, #1a1c1c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bluelagoon-theme .text-linear,
.bluelagoon-theme .text-linear-footer {
  background: linear-gradient(180deg, #44d9e6 0, #006a94);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bluelagoon-theme .text-see-history {
  color: #363636;
}
.bluelagoon-theme .text-head-hisotry {
  color: #22a1bd;
}
.bluelagoon-theme .text-tranfer {
  background: linear-gradient(180deg, #22a1bd 0, #22a1bd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bluelagoon-theme .text-color-icon,
.bluelagoon-theme .text-credit {
  background: linear-gradient(180deg, #44d9e6 0, #006a94);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bluelagoon-theme .bg-ball-choose-team,
.bluelagoon-theme .bg-credit {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #44d9e6, #006a94) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.bluelagoon-theme .bg-wallet {
  background: #fff;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
}
.bluelagoon-theme .bg-credit-free {
  background: linear-gradient(180deg, #44d9e6, #006a94);
  border-radius: 0 0 10px 10px;
  color: #fff !important;
}
.bluelagoon-theme .recevied-com {
  background: #eafdff;
  border-radius: 10px;
  border: 2px solid #22a1bd;
  color: #22a1bd;
}
.bluelagoon-theme .bg-card-commission {
  background: #fff;
}
.bluelagoon-theme .bg-turn {
  color: #363636;
  background: #fff;
  border-radius: 10px;
}
.bluelagoon-theme .bg-icon-index {
  background: #fff !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 6px rgba(54, 54, 54, 0.1);
}
.bluelagoon-theme .bg-con-turn {
  background: #f4f4f4 !important;
}
.bluelagoon-theme .color-toogle {
  background: linear-gradient(180deg, #5cc875 0, #5cc875);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bluelagoon-theme .tab-content > .active {
  display: block;
  background: #fff !important;
}
.bluelagoon-theme .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #44d9e5, #006a94) !important;
  color: #fff !important;
}
.bluelagoon-theme .active-bg {
  background: linear-gradient(180deg, #44d9e6, #006a94) !important;
  color: #fff !important;
}
.bluelagoon-theme .tab-box {
  background-color: #fff;
  color: #bfbfbf;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.bluelagoon-theme .nav-tabs {
  border-bottom: 2px solid #e1e1e1 !important;
}
.bluelagoon-theme .nav-tabs .nav-link {
  border: 0 !important;
  background: #fff;
  color: #bfbfbf !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.bluelagoon-theme .boder-right {
  height: 50px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.2509803922);
}
.bluelagoon-theme .btn-copy-bank {
  background: #509bf8;
  border-radius: 10px;
  color: #fff;
  width: max-content;
  border-color: #509bf8;
  box-shadow: 0 4px 4px rgba(54, 54, 54, 0.16);
}
.bluelagoon-theme .btn-money {
  border-color: #006a94;
  border-radius: 10px;
  background: #f9f9f9;
  color: #006a94;
}
.bluelagoon-theme .active-btn-amount {
  background: linear-gradient(180deg, #44d9e6, #006a94) !important;
  color: #fff !important;
  font-weight: 900;
}
.bluelagoon-theme .btn-topup-promptpay {
  border-color: #44d9e6;
  border-radius: 10px;
  background: linear-gradient(180deg, #44d9e6, #006a94) !important;
  color: #fff;
}
.bluelagoon-theme .boder-color {
  border-color: #fff !important;
}
.bluelagoon-theme .is-active-register {
  background: #158d99 !important;
  border: 1px solid #1d9ba7 !important;
}
.bluelagoon-theme .b-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin: 0;
  outline: 0;
  transform: translateX(0);
  background: linear-gradient(180deg, #2dc2d0 0, #015576) !important;
}
.bluelagoon-theme .bg-info {
  color: #363636;
  background: #f4f4f4 !important;
  padding: 5px;
  border-radius: 10px;
}
.bluelagoon-theme .btn-change {
  background: #fff;
  box-shadow: 0 4px 10px hsla(0, 0%, 95.7%, 0.12);
  border-radius: 10px;
}
.bluelagoon-theme .card-pro {
  background: #f4f4f4;
  border-radius: 10px;
  color: #363636 !important;
  font-weight: 400 !important;
}
.bluelagoon-theme .bg-lock {
  background: #22a1bd;
  padding: 8px;
  border-radius: 20px;
  width: 40px;
  color: #fff;
}
.bluelagoon-theme .btn-cancel {
  background: #fff;
  border-radius: 10px;
  color: #22a1bd !important;
  border: 1px solid #22a1bd;
}
.bluelagoon-theme .btn-theme-one {
  background: #22a1bd;
  border-color: #fff !important;
  color: #fff;
  border-radius: 10px !important;
}
.bluelagoon-theme .btn-login,
.bluelagoon-theme .btn-theme-two {
  background: linear-gradient(180deg, #44d9e6, #006a94);
  border-radius: 10px;
  color: #fff;
  border-color: #f4f4f4 !important;
}
.bluelagoon-theme .btn-theme-seemore {
  background: #565553;
  border-radius: 10px;
  color: #fff;
  border-color: #565553 !important;
}
.bluelagoon-theme .btn-copy {
  background: linear-gradient(180deg, #44d9e6, #006a94) !important;
  border-radius: 0 10px 10px 0 !important;
  color: #fff !important;
}
.bluelagoon-theme .card {
  background: #fff !important;
  color: #363636 !important;
  filter: drop-shadow(0 1px 1px #989898);
}
.bluelagoon-theme .bg-input-theme {
  background-color: #eafdff !important;
}
.bluelagoon-theme .border-theme {
  border-radius: 15px !important;
}
.bluelagoon-theme .icon-activity {
  filter: invert(0);
  width: 20px;
}
.bluelagoon-theme .bg-table {
  background-color: #fff;
  border-radius: 10px;
  border: 0 solid #fff !important;
}
.bluelagoon-theme .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #1d7a96 !important;
  border-top: 0 solid #1d7a96 !important;
  padding: 4px 12px;
  background: #1d7a96;
  color: #fff !important;
}
.bluelagoon-theme .table td {
  vertical-align: top;
  border-top: 0 solid #22a1bd !important;
}
.bluelagoon-theme .Daily__item__box {
  position: relative;
  height: 75px;
  background: #fff;
  border-radius: 10px;
  border: 2px solid #1d9ba7;
}
.bluelagoon-theme .Daily__item__box.active {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #44d9e6, #006a94) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.bluelagoon-theme .Daily__item__box.active-today {
  background: linear-gradient(180deg, #44d9e6, #006a94);
  border: none !important;
}
.bluelagoon-theme .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 10px;
}
.bluelagoon-theme .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.bluelagoon-theme .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.bluelagoon-theme .text-daily {
  color: #363636;
}
.bluelagoon-theme .btn-reward {
  width: 85%;
  border-radius: 10px;
  border: 2px solid #1d9ba7;
  cursor: pointer;
}
.bluelagoon-theme .bg-btn-point {
  background: #c2c2c2;
  border-radius: 20px;
  margin: 4px;
}
.bluelagoon-theme .bg-chosses {
  background-color: #fff;
  border-radius: 15px;
  filter: drop-shadow(0 1px 1px #989898);
  color: #363636;
}
.bluelagoon-theme .bg-hover:hover,
.bluelagoon-theme .btn-hover:focus {
  background-color: #dedede;
}
.bluelagoon-theme .showSlide {
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 80%;
  display: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.bluelagoon-theme #modal-suscess-complain .modal-content,
.bluelagoon-theme .showSlide {
  background-color: #fff !important;
}
.bluelagoon-theme .from-complain {
  display: block;
  width: 100%;
  height: calc(1.5em + 5rem + 10px) !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  background-color: #f4f4f4 !important;
  background-clip: padding-box;
  border: 1px solid #f4f4f4 !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.bluelagoon-theme .btn-withdraw {
  background: linear-gradient(180deg, #44d9e6, #006a94);
  box-shadow: 0 4px 4px rgba(34, 161, 189, 0.16);
  border-radius: 10px;
  color: #fff;
  border-color: #006a94 !important;
}
.bluelagoon-theme .cover-withdraw {
  background: #fff;
  border-radius: 0 0 10px 10px;
}
.bluelagoon-theme .hd-withdraw {
  background: #1a95b3;
  border-radius: 10px 10px 0 0;
  color: #fff;
  padding: 10px;
}
.bluelagoon-theme .card-withdraw {
  background: #f4f4f4 !important;
  color: #363636 !important;
  border-radius: 5px;
}
.bluelagoon-theme .page-item.active .page-link {
  z-index: 3;
  color: #363636;
  background-color: #1fc3b5 !important;
  border-color: #1fc3b5 !important;
}
.bluelagoon-theme .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #363636 !important;
  background-color: #f4f4f4 !important;
  border: 1px solid #363636 !important;
}
.bluelagoon-theme .custom-control-input:checked ~ .custom-control-label:before {
  color: #363636 !important;
  border-color: #22a1bd !important;
  background-color: #22a1bd !important;
}
.bluelagoon-theme .boxcredit {
  background: rgba(34, 32, 32, 0.6);
  width: 50%;
}
.bluelagoon-theme .border-color {
  border: 2px solid #34afa8;
  border-radius: 10px;
}
.bluelagoon-theme .btn-box {
  background: linear-gradient(315deg, #44d9e6, #006a94 74%) !important;
  border-radius: 5px 25px;
  filter: drop-shadow(1px 2px 4px #00768e);
  border-color: #34afa8 !important;
}
.bluelagoon-theme .breadcrumb {
  background-color: #f4f4f4 !important;
}
.bluelagoon-theme .breadcrumb-item.active {
  color: #22a1bd !important;
}
.bluelagoon-theme .swal2-popup {
  background: #f4f4f4 !important;
}
.bluelagoon-theme .swal2-content,
.bluelagoon-theme .swal2-title {
  color: #363636 !important;
}
.bluelagoon-theme .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #44d9e6, #006a94) !important;
  border-radius: 10px !important;
  border-color: #363636 !important;
  color: #363636 !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.bluelagoon-theme .bg-body-modal {
  background: linear-gradient(180deg, #44d9e6, #006a94);
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #fff !important;
  color: #fff;
}
.bluelagoon-theme .modal-content {
  border-radius: 1rem !important;
}
.bluelagoon-theme .bg-body,
.bluelagoon-theme .bg-body-promotion {
  background: #fff !important;
}
.bluelagoon-theme .bg-footer {
  border-top: 1px solid #fff !important;
  border-bottom-right-radius: calc(1rem - 1px) !important;
  border-bottom-left-radius: calc(1rem - 1px) !important;
  background-color: #fff !important;
}
.bluelagoon-theme #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.bluelagoon-theme #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(34, 161, 189, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.bluelagoon-theme #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #fff !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.bluelagoon-theme #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.bluelagoon-theme #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(34, 161, 189, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.bluelagoon-theme #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #fff !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.bluelagoon-theme #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.bluelagoon-theme #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(34, 161, 189, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.bluelagoon-theme .card-bank {
  background: #f4f4f4;
  box-shadow: 0 4px 10px hsla(0, 0%, 95.7%, 0.12);
  border-radius: 10px;
  color: #363636 !important;
}
.bluelagoon-theme .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid rgba(34, 161, 189, 0.125);
}
.bluelagoon-theme .swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid;
  border-radius: 50%;
}
.bluelagoon-theme .swal2-icon.swal2-success [class^="swal2-success-line"] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
}
.bluelagoon-theme .form-control {
  display: block;
  padding: 0.375rem 0.75rem;
  background-color: #f4f4f4;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.bluelagoon-theme .custom-select,
.bluelagoon-theme .form-control {
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #363636 !important;
  border: 1px solid #f4f4f4 !important;
  border-radius: 0.25rem;
}
.bluelagoon-theme .custom-select {
  display: inline-block;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  vertical-align: middle;
  background-color: #f4f4f4 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.bluelagoon-theme .multiselect__tags {
  min-height: 40px;
  display: block;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  border: 1px solid #f4f4f4 !important;
  background: #fff !important;
  font-size: 14px;
  color: #363636 !important;
}
.bluelagoon-theme .multiselect__content-wrapper {
  position: absolute;
  display: block;
  background: #f4f4f4 !important;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border: 1px solid #f4f4f4 !important;
  border-top: none;
  color: #363636 !important;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.bluelagoon-theme .multiselect__input,
.bluelagoon-theme .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #fff !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
}
.bluelagoon-theme .multiselect__option--highlight {
  background: #fff !important;
  outline: none;
  color: #363636 !important;
}
.bluelagoon-theme #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(34, 161, 189, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.bluelagoon-theme .border-banner {
  border: 2px solid #44d9e6;
  border-radius: 10px;
}
.bluelagoon-theme .btn-secondary:hover {
  color: #363636;
  background-color: #44d9e6 !important;
  border-color: none !important;
}
.bluelagoon-theme .btn-secondary.focus,
.bluelagoon-theme .btn-secondary:focus {
  color: #363636;
  background-color: #44d9e6 !important;
  border-color: #44d9e6 !important;
}
.bluelagoon-theme .bg-choose {
  background: #fff !important;
  color: #363636;
}
.bluelagoon-theme .btn-join-activity {
  background: linear-gradient(180deg, #44d9e6, #006a94);
  border-radius: 0 0 10px 10px;
  color: #fff;
  border: #22a1bd;
}
.bluelagoon-theme .bg-input {
  background: #fff !important;
  border-radius: 10px;
  color: #363636;
  border: none !important;
}
.bluelagoon-theme .bg-condition {
  background: #eafdff !important;
  color: #363636;
}
.bluelagoon-theme .header-login {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5019607843);
  border: 0 solid rgba(34, 161, 189, 0.125);
}
.bluelagoon-theme .footer-wrapper1 {
  height: auto;
}
.bluelagoon-theme .footer-wrapper,
.bluelagoon-theme .footer-wrapper1 {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.bluelagoon-theme .footer-wrapper {
  height: 58px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: #fff;
  box-shadow: 0 0 16px rgba(68, 217, 229, 0.55);
  z-index: 2;
}
.bluelagoon-theme .footer-wrapper .play-game {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 15px;
  text-align: center;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #44d9e5, #34bfcd 50%, #006a94);
  box-shadow: 0 4px 6px rgba(34, 161, 189, 0.25);
}
.bluelagoon-theme .footer-wrapper .play-game .play-game-box {
  display: table-cell;
  transform: rotate(316deg);
  vertical-align: middle;
}
.bluelagoon-theme .footer-wrapper .play-game .item-count {
  width: 30px;
  filter: invert(0);
}
.bluelagoon-theme .footer-wrapper .play-game-5 {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 30px;
  text-align: center;
  background: linear-gradient(180deg, #44d9e5, #34bfcd 50%, #006a94);
  box-shadow: 0 4px 6px rgba(34, 161, 189, 0.25);
}
.bluelagoon-theme .footer-wrapper .play-game-5 .play-game-box-5 {
  display: table-cell;
  vertical-align: middle;
}
.bluelagoon-theme .footer-wrapper .play-game-5 .item-count {
  width: 34px;
  filter: invert(1);
}
.bluelagoon-theme a {
  color: #363636 !important;
}
.bluelagoon-theme a:hover {
  color: --blue;
  text-decoration: none !important;
}
.bluelagoon-theme .bg-table-aff {
  background-color: #fff !important;
  border: 0 solid #fff !important;
}
.bluelagoon-theme .border-left {
  border-left: 3px solid #22a1bd !important;
}
.bluelagoon-theme .border-solid {
  border: 1px solid #1a95b3;
}
.bluelagoon-theme .bg-from-aff {
  display: inline-block;
  width: 50% !important;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #363636 !important;
  vertical-align: middle;
  background-color: #fff !important;
  border: 1px solid #fff !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.bluelagoon-theme .bg-in-aff {
  background: #f4f4f4;
  border-radius: 5px;
  color: #363636;
  padding: 5px;
}
.bluelagoon-theme .icon-aff {
  position: absolute;
  top: 92px;
  left: 0;
  right: 0;
  color: #363636;
}
.bluelagoon-theme .btn-comein {
  position: absolute;
  bottom: -17%;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.bluelagoon-theme .bg-search {
  background-color: #fff !important;
}
.bluelagoon-theme .bg-from,
.bluelagoon-theme .bg-search {
  border: 1px solid #22a1bd !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: #363636 !important;
}
.bluelagoon-theme .bg-from {
  background-color: #fff !important;
  background: #464646 url(/_nuxt/img/dropdown.2ae9015.png) no-repeat right
    0.75rem center/10px 8px;
}
.bluelagoon-theme .search {
  position: absolute;
  right: 24px;
  color: #1d9ba7;
}
.bluelagoon-theme .card-point {
  background: #f4f4f4 !important;
  filter: drop-shadow(0 0 0 #f4f4f4) !important;
  color: #363636 !important;
  border-radius: 10px;
}
.bluelagoon-theme .bg-point {
  background: #44d9e6;
  border-radius: 20px;
  margin: 4px;
  color: #363636;
}
.bluelagoon-theme .bg-card-his {
  background: #f4f4f4 !important;
  filter: drop-shadow(0 0 0 #f4f4f4) !important;
  color: #363636 !important;
}
.bluelagoon-theme .card-nodata {
  background: #fff;
  color: #363636;
  padding: 80px;
  border-radius: 10px;
}
.bluelagoon-theme .action-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2%;
}
.bluelagoon-theme .action-wrapper__btn-spin {
  background-image: url(https://es-dev.vrbet.com/_nuxt/img/button.1e27aca.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 6vw;
  width: 14vw;
  margin-bottom: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bluelagoon-theme .action-wrapper__btn-spin span {
  font-size: 3vw;
  color: #363636;
  -webkit-text-stroke: 3px #363636;
}
@media screen and (max-width: 992px) {
  .bluelagoon-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2.5px #363636;
    font-size: 6vw;
  }
}
@media screen and (max-width: 480px) {
  .bluelagoon-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2px #363636;
    font-size: 8vw;
  }
}
@media screen and (max-width: 992px) {
  .bluelagoon-theme .action-wrapper__btn-spin {
    margin-top: 3vw;
    width: 26vw;
    height: 12vw;
  }
}
@media screen and (max-width: 480px) {
  .bluelagoon-theme .action-wrapper__btn-spin {
    width: 40vw;
    height: 18vw;
  }
}
.bluelagoon-theme .action-wrapper__btn-spin.disabledbtn {
  cursor: not-allowed;
  filter: grayscale(1);
}
.bluelagoon-theme .glass-panel {
  color: #363636;
  margin: 40px auto;
  background-color: rgba(54, 54, 54, 0.06);
  border: 1px solid rgba(54, 54, 54, 0.1);
  width: 100%;
  border-radius: 15px;
  padding: 32px;
  backdrop-filter: blur(10px);
}
.bluelagoon-theme .glass-button {
  display: inline-block;
  padding: 15px 18px;
  text-decoration: none;
  border-radius: 15px;
  background-color: hsla(0, 0%, 100%, 0.06);
  border: 1px solid #22a1bd;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: #22a1bd;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}
.bluelagoon-theme .glass-button:hover {
  background-color: rgba(54, 54, 54, 0.2);
}
.bluelagoon-theme .glass-panel {
  max-width: 600px;
}
.bluelagoon-theme #background-wrap {
  bottom: 0;
  left: 0;
  padding-top: 50px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.bluelagoon-theme .x1 {
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 35s linear infinite;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  transform: scale(0.65);
}
.bluelagoon-theme .x2 {
  -webkit-animation: animateCloud 20s linear infinite;
  -moz-animation: animateCloud 20s linear infinite;
  animation: animateCloud 20s linear infinite;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.bluelagoon-theme .x3 {
  -webkit-animation: animateCloud 30s linear infinite;
  -moz-animation: animateCloud 30s linear infinite;
  animation: animateCloud 30s linear infinite;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.bluelagoon-theme .x4 {
  -webkit-animation: animateCloud 18s linear infinite;
  -moz-animation: animateCloud 18s linear infinite;
  animation: animateCloud 18s linear infinite;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.bluelagoon-theme .x5 {
  -webkit-animation: animateCloud 25s linear infinite;
  -moz-animation: animateCloud 25s linear infinite;
  animation: animateCloud 25s linear infinite;
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  transform: scale(0.55);
}
.bluelagoon-theme .cloud {
  background: #fff;
  background: -moz-linear-gradient(top, #fff 5%, #d1dff6 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, #fff),
    color-stop(100%, #d1dff6)
  );
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 8px 5px rgba(34, 161, 189, 0.1);
  -moz-box-shadow: 0 8px 5px rgba(34, 161, 189, 0.1);
  box-shadow: 0 8px 5px rgba(34, 161, 189, 0.1);
  height: 120px;
  position: relative;
  width: 350px;
}
.bluelagoon-theme .cloud:after,
.bluelagoon-theme .cloud:before {
  background: #fff;
  content: "";
  position: absolute;
  z-index: -1;
}
.bluelagoon-theme .cloud:after {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  height: 100px;
  left: 50px;
  top: -50px;
  width: 100px;
}
.bluelagoon-theme .cloud:before {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  width: 180px;
  height: 180px;
  right: 50px;
  top: -90px;
}
.bluelagoon-theme .bg-share-facebook {
  background-color: #fff !important;
  color: #363636 !important;
}
.bluelagoon-theme .bg-game {
  background: linear-gradient(#fff, #fff);
  border-radius: 10px;
  border: unset;
  color: #363636 !important;
  width: 80px;
  height: 67px;
}
.bluelagoon-theme .bg-game-active {
  background: linear-gradient(180deg, #44d9e6, #006a94) !important;
  border-radius: 10px !important;
  color: #fff !important;
  width: 80px;
  height: 67px;
}
.bluelagoon-theme .bg-search-game {
  background-color: #fff !important;
  border-radius: 10px !important;
}
.bluelagoon-theme .unactive-footer {
  color: #606060;
}
.bluelagoon-theme .btn-aff-share {
  background: linear-gradient(270deg, #44d9e6, #006a94);
  border-radius: 10px;
  color: #fff;
  border-color: #006a94 !important;
  filter: drop-shadow(0 0 5px #006a94);
}
.bluelagoon-theme #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(34, 161, 189, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.bluelagoon-theme .btn-change-language {
  background-color: #fff !important;
  border: 1px solid #22a1bd;
}
.bluelagoon-theme .card-money,
.bluelagoon-theme .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card-copy-light.73ed8f4.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.bluelagoon-theme .bg-iconuser {
  background: #fff;
  padding: 7px;
  border-radius: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #fff;
}
.bluelagoon-theme .content-lv {
  padding: 10px 0;
}
.bluelagoon-theme .border-bottom-aff {
  border-bottom: 1px solid #44d9e6;
}
.bluelagoon-theme .body-content {
  width: 70%;
  background: #fff;
  border-bottom-right-radius: 20px;
  padding: 0 39px;
  overflow: auto;
  max-height: 300px;
  color: #363636;
}
@media (max-width: 479px) {
  .bluelagoon-theme .body-content {
    width: 75%;
    padding: 0 10px;
  }
}
.bluelagoon-theme .active2 {
  color: #363636 !important;
  background: #fff !important;
  border-bottom-left-radius: 0 !important;
}
.bluelagoon-theme .tab-item {
  padding: 15px !important;
  font-size: 14px !important;
}
.bluelagoon-theme .tab-history-class {
  border-radius: 20px;
  color: #fff;
  border: 1px solid #006a94;
}
.bluelagoon-theme .tab-item:last-child {
  border-bottom: 1px solid #c2c2c2;
  border-bottom-left-radius: 20px !important;
}
.bluelagoon-theme .tab-item,
.bluelagoon-theme .tab-item:last-child {
  cursor: pointer;
  color: #fff;
  background: linear-gradient(180deg, #44d9e6 0, #006a94);
}
.bluelagoon-theme .tab-item {
  border-bottom: 1px solid #c2c2c2;
}
.bluelagoon-theme .header-aff {
  background: linear-gradient(180deg, #44d9e6 0, #006a94);
  border-bottom: 1px solid #fff;
  border-radius: 20px 20px 0 0;
}
.bluelagoon-theme .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #c2c2c2;
  border-radius: 30rem !important;
}
.bluelagoon-theme .bg-aff-level {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #44d9e6, #006a94) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.bluelagoon-theme .bg-aff-level .nunber-friend {
  background: #22a1bd;
  border-radius: 10px;
  color: #fff;
}
.bluelagoon-theme .bg-aff-level .turn-other {
  background: #44d9e5;
  border-radius: 10px;
}
.bluelagoon-theme .bg-aff-level .solid {
  border: 1px solid #44d9e5;
  height: 40px;
}
.bluelagoon-theme .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #fff;
  color: #bfbfbf;
  padding: 5px;
}
.bluelagoon-theme .filters__button:hover {
  background-color: #fff;
}
.bluelagoon-theme .filters-content {
  background-color: #fff;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.bluelagoon-theme .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #f1f1f1;
  color: #bfbfbf;
  padding: 5px;
}
.bluelagoon-theme .filters__button2:hover {
  background-color: #f1f1f1;
}
.bluelagoon-theme .filters [data-content] {
  display: none;
}
.bluelagoon-theme [data-content].is-active[data-content] {
  display: grid;
}
.bluelagoon-theme [data-target].is-active {
  background: linear-gradient(180deg, #44d9e6, #006a94);
  border-radius: 10px;
  color: #fff;
}
.bluelagoon-theme .condition-header {
  background: linear-gradient(
    109.63deg,
    #44d9e5 3.68%,
    #34bfcd 47.76%,
    #006a94 95.96%
  );
  border-radius: 5px;
  color: #fff;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.bluelagoon-theme .bg-wheel-condition {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(109.63deg, #44d9e5 3.68%, #34bfcd 47.76%, #006a94 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.bluelagoon-theme .btn-up-slip {
  color: #44d9e6;
  border: 2px solid #006a94 !important;
  background: 0 0 !important;
}
.bluelagoon-theme .btn-no-received {
  background: #d7f2f5;
  border-color: #d7f2f5;
  border-radius: 10px;
  color: #4f4a3e;
}
.bluelagoon-theme .btn-no-received:focus,
.bluelagoon-theme .btn-no-received:hover {
  background-color: #d7f2f5 !important;
  border-color: #d7f2f5 !important;
  border-radius: 10px !important;
}
.bluelagoon-theme .bg-pro {
  background: #f1f1f1;
  border-radius: 10px;
}
.bluelagoon-theme .filters-content-bg {
  background-color: #f1f1f1;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.bluelagoon-theme .is-unactive {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #f1f1f1;
  color: #7d7d7d;
  padding: 5px;
}
.bluelagoon-theme .card-points {
  background: linear-gradient(#fff, #fff) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.bluelagoon-theme .r-gold {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.bluelagoon-theme .r-gold,
.bluelagoon-theme .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.bluelagoon-theme .r-silver {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.bluelagoon-theme .r-copper {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.bluelagoon-theme .cycle-gold {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.bluelagoon-theme .cycle-gold,
.bluelagoon-theme .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.bluelagoon-theme .cycle-silver {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
}
.bluelagoon-theme .cycle-copper {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.bluelagoon-theme .card-decimal,
.bluelagoon-theme .card-transfer {
  background: #f1f1f1;
  box-shadow: 0 4px 10px hsla(0, 0%, 95.7%, 0.12);
  border-radius: 10px;
  color: #000 !important;
}
.bluelagoon-theme .bg-choose-team {
  background: #f4f4f4;
  border-radius: 5px;
  color: #363636;
  padding: 2px;
  margin: 4px;
}
.bluelagoon-theme .refesh {
  position: absolute;
  top: 3px;
  right: 12px;
}
.bluelagoon-theme .bagfree {
  position: absolute;
  top: 0;
  right: 6px;
}
.bluelagoon-theme .hexagon {
  position: relative;
  width: 55px;
  height: 28.7px;
  margin: 35.15px 0;
  border-left: 3.1421px solid #363636;
  border-right: 3.1421px solid #363636;
}
.bluelagoon-theme .hexagon:after,
.bluelagoon-theme .hexagon:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 38.35px;
  height: 38.35px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 5.8249px;
}
.bluelagoon-theme .hexagon:before {
  top: -19.1751px;
  border-top: 3.1421px solid #363636;
  border-right: 3.1421px solid #363636;
}
.bluelagoon-theme .hexagon:after {
  bottom: -19.1751px;
  border-bottom: 3.1421px solid #363636;
  border-left: 3.1421px solid #363636;
}
.bluelagoon-theme *,
.bluelagoon-theme :after,
.bluelagoon-theme :before {
  box-sizing: border-box;
}
.bluelagoon-theme .bg-month {
  background: #f1f1f1;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #7d7d7d;
}
.bluelagoon-theme .bg-month-active {
  background: linear-gradient(#f1f1f1, #f1f1f1) padding-box,
    linear-gradient(90deg, #44d9e6, #006a94) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #363636;
  border: 1px solid transparent;
}
.bluelagoon-theme .inactive {
  background: rgba(62, 62, 62, 0.7) !important;
}
.bluelagoon-theme .bagfree2 {
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 35px;
}
.bluelagoon-theme .btn.focus {
  box-shadow: 0 0 0 0.2rem hsla(0, 0%, 100%, 0.25) !important;
}
.bluelagoon-theme .arry-input {
  height: calc(1.5em + 5rem + 10px) !important;
  border-radius: 10px !important;
  color: #363636 !important;
}
.icyblue-theme body {
  background: #eee;
}
.icyblue-theme .bg-login {
  background: linear-gradient(0deg, #1d7cf6 0, #dbecff);
  min-height: 100vh;
  height: 100%;
  width: 100%;
}
.icyblue-theme .bg-header {
  background: #eee;
}
.icyblue-theme .shadow-today {
  box-shadow: 0 0 15px #62afff;
}
.icyblue-theme .bd-daily-fix {
  border-color: #8ec1fa !important;
  background: #eee !important;
}
.icyblue-theme .text-deposited-daily-fix {
  color: #bbb;
}
.icyblue-theme .bg-table-daily-fix {
  background: #80bdff !important;
  color: #4f4a3e !important;
}
.icyblue-theme .text-daily-fix {
  color: #54a1fa !important;
}
.icyblue-theme .text-credit-daily {
  background: linear-gradient(180deg, #fff 0, #fff) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.icyblue-theme .text-color {
  color: #4f4a3e !important;
}
.icyblue-theme .text-template {
  color: #54a1fa;
}
.icyblue-theme .text-theme {
  color: #fff;
}
.icyblue-theme .text-spcial {
  background: linear-gradient(180deg, #696969 0, #1a1c1c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.icyblue-theme .text-linear,
.icyblue-theme .text-linear-footer {
  background: linear-gradient(180deg, #62afff 0, #106de4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.icyblue-theme .text-see-history {
  color: #4f4a3e;
}
.icyblue-theme .text-head-hisotry {
  color: #54a1fa;
}
.icyblue-theme .text-color-icon,
.icyblue-theme .text-credit,
.icyblue-theme .text-tranfer {
  background: linear-gradient(180deg, #62afff 0, #106de4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.icyblue-theme .bg-ball-choose-team,
.icyblue-theme .bg-credit {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #62afff, #106de4) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.icyblue-theme .bg-wallet {
  background: #fff;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
}
.icyblue-theme .bg-credit-free {
  background: linear-gradient(180deg, #62afff, #106de4);
  border-radius: 0 0 10px 10px;
  color: #fff !important;
}
.icyblue-theme .recevied-com {
  background: #f2f9ff;
  border-radius: 10px;
  border: 2px solid #54a1fa;
  color: #54a1fa;
}
.icyblue-theme .bg-card-commission {
  background: #fff;
}
.icyblue-theme .bg-turn {
  color: #4f4a3e;
  background: #fff;
  border-radius: 10px;
}
.icyblue-theme .bg-icon-index {
  background: #fff !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 6px rgba(79, 74, 62, 0.1);
}
.icyblue-theme .bg-con-turn {
  background: #f4f4f4 !important;
}
.icyblue-theme .color-toogle {
  background: linear-gradient(180deg, #5cc875 0, #5cc875);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.icyblue-theme .tab-content > .active {
  display: block;
  background: #fff !important;
}
.icyblue-theme .active-bg,
.icyblue-theme .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #62afff, #106de4) !important;
  color: #fff !important;
}
.icyblue-theme .tab-box {
  background-color: #fff;
  color: #bfbfbf;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.icyblue-theme .nav-tabs {
  border-bottom: 2px solid #e1e1e1 !important;
}
.icyblue-theme .nav-tabs .nav-link {
  border: 0 !important;
  background: #fff;
  color: #bfbfbf !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.icyblue-theme .boder-right {
  height: 50px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.2509803922);
}
.icyblue-theme .btn-copy-bank {
  background: #509bf8;
  border-radius: 10px;
  color: #fff;
  width: max-content;
  border-color: #509bf8;
  box-shadow: 0 4px 4px rgba(79, 74, 62, 0.16);
}
.icyblue-theme .btn-money {
  border-color: #62afff;
  border-radius: 10px;
  background: rgba(242, 249, 255, 0.2);
  color: #62afff;
}
.icyblue-theme .active-btn-amount {
  background: linear-gradient(180deg, #62afff, #106de4) !important;
  color: #fff !important;
  font-weight: 900;
}
.icyblue-theme .btn-topup-promptpay {
  border-color: #62afff;
  border-radius: 10px;
  background: linear-gradient(180deg, #62afff, #106de4) !important;
  color: #fff;
}
.icyblue-theme .boder-color {
  border-color: #fff !important;
}
.icyblue-theme .is-active-register {
  background: #1d7cf6 !important;
  border: 1px solid #8ec1fa !important;
}
.icyblue-theme .b-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin: 0;
  outline: 0;
  transform: translateX(0);
  background: linear-gradient(180deg, #9fc8f4 0, #629fed) !important;
}
.icyblue-theme .bg-info {
  color: #4f4a3e;
  background: #f4f4f4 !important;
  padding: 5px;
  border-radius: 10px;
}
.icyblue-theme .btn-change {
  background: #fff;
  box-shadow: 0 4px 10px hsla(0, 0%, 93.3%, 0.12);
  border-radius: 10px;
}
.icyblue-theme .card-pro {
  background: #f4f4f4;
  border-radius: 10px;
  color: #4f4a3e !important;
  font-weight: 400 !important;
}
.icyblue-theme .bg-lock {
  background: #54a1fa;
  padding: 8px;
  border-radius: 20px;
  width: 40px;
  color: #fff;
}
.icyblue-theme .btn-cancel {
  background: #fff;
  border-radius: 10px;
  color: #54a1fa !important;
  border: 1px solid #54a1fa;
}
.icyblue-theme .btn-theme-one {
  background: #509bf8;
  border-color: #fff !important;
  color: #fff;
  border-radius: 10px !important;
}
.icyblue-theme .btn-login,
.icyblue-theme .btn-theme-two {
  background: linear-gradient(180deg, #62afff, #106de4);
  border-radius: 10px;
  color: #fff;
  border-color: #eee !important;
}
.icyblue-theme .btn-theme-seemore {
  background: #565553;
  border-radius: 10px;
  color: #fff;
  border-color: #565553 !important;
}
.icyblue-theme .btn-copy {
  background: linear-gradient(180deg, #62afff, #106de4) !important;
  border-radius: 0 10px 10px 0 !important;
  color: #4f4a3e !important;
}
.icyblue-theme .card {
  background: #fff !important;
  color: #4f4a3e !important;
  filter: drop-shadow(0 1px 1px #989898);
}
.icyblue-theme .bg-input-theme {
  background-color: #f0f7ff !important;
}
.icyblue-theme .border-theme {
  border-radius: 15px !important;
}
.icyblue-theme .icon-activity {
  filter: invert(0);
  width: 20px;
}
.icyblue-theme .bg-table {
  background-color: #fff;
  border-radius: 10px;
  border: 0 solid #fff !important;
}
.icyblue-theme .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #54a1fa !important;
  border-top: 0 solid #54a1fa !important;
  padding: 4px 12px;
  background: #54a1fa;
  color: #fff !important;
}
.icyblue-theme .table td {
  vertical-align: top;
  border-top: 0 solid #a7cbf8 !important;
}
.icyblue-theme .Daily__item__box {
  position: relative;
  height: 75px;
  background: #fff;
  border-radius: 10px;
  border: 2px solid #2b88ff;
}
.icyblue-theme .Daily__item__box.active {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #62afff, #106de4) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.icyblue-theme .Daily__item__box.active-today {
  background: linear-gradient(180deg, #62afff, #106de4);
  border: none !important;
}
.icyblue-theme .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 10px;
}
.icyblue-theme .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.icyblue-theme .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.icyblue-theme .text-daily {
  color: #4f4a3e;
}
.icyblue-theme .btn-reward {
  width: 85%;
  border-radius: 10px;
  border: 2px solid #2b88ff;
  cursor: pointer;
}
.icyblue-theme .bg-btn-point {
  background: #c2c2c2;
  border-radius: 20px;
  margin: 4px;
}
.icyblue-theme .bg-chosses {
  background-color: #fff;
  border-radius: 15px;
  filter: drop-shadow(0 1px 1px #989898);
  color: #4f4a3e;
}
.icyblue-theme .bg-hover:hover,
.icyblue-theme .btn-hover:focus {
  background-color: #dedede;
}
.icyblue-theme .showSlide {
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 80%;
  display: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.icyblue-theme #modal-suscess-complain .modal-content,
.icyblue-theme .showSlide {
  background-color: #fff !important;
}
.icyblue-theme .from-complain {
  display: block;
  width: 100%;
  height: calc(1.5em + 5rem + 10px) !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  background-color: #f4f4f4 !important;
  background-clip: padding-box;
  border: 1px solid #f4f4f4 !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.icyblue-theme .btn-withdraw {
  background: linear-gradient(180deg, #62afff, #106de4);
  box-shadow: 0 4px 4px rgba(167, 203, 248, 0.16);
  border-radius: 10px;
  color: #fff;
  border-color: #106de4 !important;
}
.icyblue-theme .cover-withdraw {
  background: #fff;
  border-radius: 0 0 10px 10px;
}
.icyblue-theme .hd-withdraw {
  background: #80bdff;
  border-radius: 10px 10px 0 0;
  color: #4f4a3e;
  padding: 10px;
}
.icyblue-theme .card-withdraw {
  background: #f4f4f4 !important;
  color: #4f4a3e !important;
  border-radius: 5px;
}
.icyblue-theme .page-item.active .page-link {
  z-index: 3;
  color: #4f4a3e;
  background-color: #6dabf4 !important;
  border-color: #6dabf4 !important;
}
.icyblue-theme .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #4f4a3e !important;
  background-color: #eee !important;
  border: 1px solid #4f4a3e !important;
}
.icyblue-theme .custom-control-input:checked ~ .custom-control-label:before {
  color: #4f4a3e !important;
  border-color: #54a1fa !important;
  background-color: #54a1fa !important;
}
.icyblue-theme .boxcredit {
  background: rgba(34, 32, 32, 0.6);
  width: 50%;
}
.icyblue-theme .border-color {
  border: 2px solid #a5c6ef;
  border-radius: 10px;
}
.icyblue-theme .btn-box {
  background-image: linear-gradient(315deg, #62afff, #106de4 74%);
  border-radius: 5px 25px;
  filter: drop-shadow(1px 2px 4px #6fa1e1);
  border-color: #62afff !important;
}
.icyblue-theme .breadcrumb {
  background-color: #eee !important;
}
.icyblue-theme .breadcrumb-item.active {
  color: #54a1fa !important;
}
.icyblue-theme .swal2-popup {
  background: #eee !important;
}
.icyblue-theme .swal2-content,
.icyblue-theme .swal2-title {
  color: #4f4a3e !important;
}
.icyblue-theme .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #62afff, #106de4) !important;
  border-radius: 10px !important;
  border-color: #4f4a3e !important;
  color: #4f4a3e !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.icyblue-theme .bg-body-modal {
  background: linear-gradient(180deg, #62afff, #106de4);
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #fff !important;
  color: #fff;
}
.icyblue-theme .modal-content {
  border-radius: 1rem !important;
}
.icyblue-theme .bg-body,
.icyblue-theme .bg-body-promotion {
  background: #fff !important;
}
.icyblue-theme .bg-footer {
  border-top: 1px solid #fff !important;
  border-bottom-right-radius: calc(1rem - 1px) !important;
  border-bottom-left-radius: calc(1rem - 1px) !important;
  background-color: #fff !important;
}
.icyblue-theme #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.icyblue-theme #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(167, 203, 248, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.icyblue-theme #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #fff !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.icyblue-theme #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.icyblue-theme #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(167, 203, 248, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.icyblue-theme #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #fff !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.icyblue-theme #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.icyblue-theme #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(167, 203, 248, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.icyblue-theme .card-bank {
  background: #f4f4f4;
  box-shadow: 0 4px 10px hsla(0, 0%, 93.3%, 0.12);
  border-radius: 10px;
  color: #4f4a3e !important;
}
.icyblue-theme .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid rgba(167, 203, 248, 0.125);
}
.icyblue-theme .swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid;
  border-radius: 50%;
}
.icyblue-theme .swal2-icon.swal2-success [class^="swal2-success-line"] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
}
.icyblue-theme .form-control {
  display: block;
  padding: 0.375rem 0.75rem;
  background-color: #f4f4f4;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.icyblue-theme .custom-select,
.icyblue-theme .form-control {
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  border: 1px solid #f4f4f4 !important;
  border-radius: 0.25rem;
}
.icyblue-theme .custom-select {
  display: inline-block;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  vertical-align: middle;
  background-color: #f4f4f4 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.icyblue-theme .multiselect__tags {
  min-height: 40px;
  display: block;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  border: 1px solid #f4f4f4 !important;
  background: #fff !important;
  font-size: 14px;
  color: #4f4a3e !important;
}
.icyblue-theme .multiselect__content-wrapper {
  position: absolute;
  display: block;
  background: #f4f4f4 !important;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border: 1px solid #f4f4f4 !important;
  border-top: none;
  color: #4f4a3e !important;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.icyblue-theme .multiselect__input,
.icyblue-theme .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #fff !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
}
.icyblue-theme .multiselect__option--highlight {
  background: #fff !important;
  outline: none;
  color: #4f4a3e !important;
}
.icyblue-theme #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(167, 203, 248, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.icyblue-theme .border-banner {
  border: 2px solid #62afff;
  border-radius: 10px;
}
.icyblue-theme .btn-secondary:hover {
  color: #4f4a3e;
  background-color: #62afff !important;
  border-color: none !important;
}
.icyblue-theme .btn-secondary.focus,
.icyblue-theme .btn-secondary:focus {
  color: #4f4a3e;
  background-color: #62afff !important;
  border-color: #62afff !important;
}
.icyblue-theme .bg-choose {
  background: #fff !important;
  color: #4f4a3e;
}
.icyblue-theme .btn-join-activity {
  background: linear-gradient(180deg, #62afff, #106de4);
  border-radius: 0 0 10px 10px;
  color: #fff;
  border: #509bf8;
}
.icyblue-theme .bg-input {
  background: #fff !important;
  border-radius: 10px;
  color: #4f4a3e;
  border: none !important;
}
.icyblue-theme .bg-condition {
  background: #f0f7ff !important;
  color: #4f4a3e;
}
.icyblue-theme .header-login {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5019607843);
  border: 0 solid rgba(167, 203, 248, 0.125);
}
.icyblue-theme .footer-wrapper1 {
  height: auto;
}
.icyblue-theme .footer-wrapper,
.icyblue-theme .footer-wrapper1 {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.icyblue-theme .footer-wrapper {
  height: 58px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: #fff;
  box-shadow: 0 0 16px rgba(91, 170, 254, 0.55);
  z-index: 2;
}
.icyblue-theme .footer-wrapper .play-game {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 15px;
  text-align: center;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #5baafe, #4195ee 50%, #1576e8);
  box-shadow: 0 4px 6px rgba(167, 203, 248, 0.25);
}
.icyblue-theme .footer-wrapper .play-game .play-game-box {
  display: table-cell;
  transform: rotate(316deg);
  vertical-align: middle;
}
.icyblue-theme .footer-wrapper .play-game .item-count {
  width: 30px;
  filter: invert(0);
}
.icyblue-theme .footer-wrapper .play-game-5 {
  border-radius: 30px;
  height: 50px;
  text-align: center;
  width: 50px;
  padding: 8px;
  background: linear-gradient(180deg, #5baafe, #4195ee 50%, #1576e8);
  box-shadow: 0 4px 6px rgba(167, 203, 248, 0.25);
  position: absolute;
  top: -20px;
}
.icyblue-theme .footer-wrapper .play-game-5 .play-game-box-5 {
  display: table-cell;
  vertical-align: middle;
}
.icyblue-theme .footer-wrapper .play-game-5 .item-count {
  width: 34px;
  filter: invert(1);
}
.icyblue-theme a {
  color: #4f4a3e !important;
}
.icyblue-theme a:hover {
  color: --blue;
  text-decoration: none !important;
}
.icyblue-theme .bg-table-aff {
  background-color: #fff !important;
  border: 0 solid #fff !important;
}
.icyblue-theme .border-left {
  border-left: 3px solid #54a1fa !important;
}
.icyblue-theme .border-solid {
  border: 1px solid #80bdff;
}
.icyblue-theme .bg-from-aff {
  display: inline-block;
  width: 50% !important;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  vertical-align: middle;
  background-color: #fff !important;
  border: 1px solid #fff !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.icyblue-theme .bg-in-aff {
  background: #f4f4f4;
  border-radius: 5px;
  color: #4f4a3e;
  padding: 5px;
}
.icyblue-theme .icon-aff {
  position: absolute;
  top: 92px;
  left: 0;
  right: 0;
  color: #4f4a3e;
}
.icyblue-theme .btn-comein {
  position: absolute;
  bottom: -17%;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.icyblue-theme .bg-search {
  background-color: #fff !important;
}
.icyblue-theme .bg-from,
.icyblue-theme .bg-search {
  border: 1px solid #54a1fa !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: #4f4a3e !important;
}
.icyblue-theme .bg-from {
  background-color: #fff !important;
  background: #464646 url(/_nuxt/img/dropdown.2ae9015.png) no-repeat right
    0.75rem center/10px 8px;
}
.icyblue-theme .search {
  position: absolute;
  right: 24px;
  color: #2b88ff;
}
.icyblue-theme .card-point {
  background: #eee !important;
  filter: drop-shadow(0 0 0 #eeeeee) !important;
  color: #4f4a3e !important;
  border-radius: 10px;
}
.icyblue-theme .bg-point {
  background: #62afff;
  border-radius: 20px;
  margin: 4px;
  color: #4f4a3e;
}
.icyblue-theme .bg-card-his {
  background: #eee !important;
  filter: drop-shadow(0 0 0 #eeeeee) !important;
  color: #4f4a3e !important;
}
.icyblue-theme .card-nodata {
  background: #fff;
  color: #4f4a3e;
  padding: 80px;
  border-radius: 10px;
}
.icyblue-theme .action-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2%;
}
.icyblue-theme .action-wrapper__btn-spin {
  background-image: url(https://es-dev.vrbet.com/_nuxt/img/button.1e27aca.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 6vw;
  width: 14vw;
  margin-bottom: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icyblue-theme .action-wrapper__btn-spin span {
  font-size: 3vw;
  color: #4f4a3e;
  -webkit-text-stroke: 3px #4f4a3e;
}
@media screen and (max-width: 992px) {
  .icyblue-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2.5px #4f4a3e;
    font-size: 6vw;
  }
}
@media screen and (max-width: 480px) {
  .icyblue-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2px #4f4a3e;
    font-size: 8vw;
  }
}
@media screen and (max-width: 992px) {
  .icyblue-theme .action-wrapper__btn-spin {
    margin-top: 3vw;
    width: 26vw;
    height: 12vw;
  }
}
@media screen and (max-width: 480px) {
  .icyblue-theme .action-wrapper__btn-spin {
    width: 40vw;
    height: 18vw;
  }
}
.icyblue-theme .action-wrapper__btn-spin.disabledbtn {
  cursor: not-allowed;
  filter: grayscale(1);
}
.icyblue-theme .glass-panel {
  color: #4f4a3e;
  margin: 40px auto;
  background-color: rgba(79, 74, 62, 0.06);
  border: 1px solid rgba(79, 74, 62, 0.1);
  width: 100%;
  border-radius: 15px;
  padding: 32px;
  backdrop-filter: blur(10px);
}
.icyblue-theme .glass-button {
  display: inline-block;
  padding: 15px 18px;
  text-decoration: none;
  border-radius: 15px;
  background-color: hsla(0, 0%, 100%, 0.06);
  border: 1px solid #a7cbf8;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: #a7cbf8;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}
.icyblue-theme .glass-button:hover {
  background-color: rgba(79, 74, 62, 0.2);
}
.icyblue-theme .glass-panel {
  max-width: 600px;
}
.icyblue-theme #background-wrap {
  bottom: 0;
  left: 0;
  padding-top: 50px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.icyblue-theme .x1 {
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 35s linear infinite;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  transform: scale(0.65);
}
.icyblue-theme .x2 {
  -webkit-animation: animateCloud 20s linear infinite;
  -moz-animation: animateCloud 20s linear infinite;
  animation: animateCloud 20s linear infinite;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.icyblue-theme .x3 {
  -webkit-animation: animateCloud 30s linear infinite;
  -moz-animation: animateCloud 30s linear infinite;
  animation: animateCloud 30s linear infinite;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.icyblue-theme .x4 {
  -webkit-animation: animateCloud 18s linear infinite;
  -moz-animation: animateCloud 18s linear infinite;
  animation: animateCloud 18s linear infinite;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.icyblue-theme .x5 {
  -webkit-animation: animateCloud 25s linear infinite;
  -moz-animation: animateCloud 25s linear infinite;
  animation: animateCloud 25s linear infinite;
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  transform: scale(0.55);
}
.icyblue-theme .cloud {
  background: #fff;
  background: -moz-linear-gradient(top, #fff 5%, #d1dff6 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, #fff),
    color-stop(100%, #d1dff6)
  );
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 8px 5px rgba(167, 203, 248, 0.1);
  -moz-box-shadow: 0 8px 5px rgba(167, 203, 248, 0.1);
  box-shadow: 0 8px 5px rgba(167, 203, 248, 0.1);
  height: 120px;
  position: relative;
  width: 350px;
}
.icyblue-theme .cloud:after,
.icyblue-theme .cloud:before {
  background: #fff;
  content: "";
  position: absolute;
  z-index: -1;
}
.icyblue-theme .cloud:after {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  height: 100px;
  left: 50px;
  top: -50px;
  width: 100px;
}
.icyblue-theme .cloud:before {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  width: 180px;
  height: 180px;
  right: 50px;
  top: -90px;
}
.icyblue-theme .bg-share-facebook {
  background-color: #fff !important;
  color: #4f4a3e !important;
}
.icyblue-theme .bg-game {
  background: linear-gradient(#fff, #fff);
  border-radius: 10px;
  border: unset;
  color: #4f4a3e !important;
  width: 80px;
  height: 67px;
}
.icyblue-theme .bg-game-active {
  background: linear-gradient(180deg, #85bffd, #3b8ff9) !important;
  border-radius: 10px !important;
  color: #fff !important;
  width: 80px;
  height: 67px;
}
.icyblue-theme .bg-search-game {
  background-color: #fff !important;
  border-radius: 10px !important;
}
.icyblue-theme .unactive-footer {
  color: #606060;
}
.icyblue-theme .btn-aff-share {
  background: linear-gradient(270deg, #62afff, #106de4);
  border-radius: 10px;
  color: #fff;
  border-color: #106de4 !important;
  filter: drop-shadow(0 0 5px #106de4);
}
.icyblue-theme #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(167, 203, 248, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.icyblue-theme .btn-change-language {
  background-color: #fff !important;
  border: 1px solid #54a1fa;
}
.icyblue-theme .card-money,
.icyblue-theme .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card-copy-light.73ed8f4.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.icyblue-theme .bg-iconuser {
  background: #fff;
  padding: 7px;
  border-radius: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #fff;
}
.icyblue-theme .content-lv {
  padding: 10px 0;
}
.icyblue-theme .border-bottom-aff {
  border-bottom: 1px solid #62afff;
}
.icyblue-theme .body-content {
  width: 70%;
  background: #fff;
  border-bottom-right-radius: 20px;
  padding: 0 39px;
  overflow: auto;
  max-height: 300px;
  color: #4f4a3e;
}
@media (max-width: 479px) {
  .icyblue-theme .body-content {
    width: 75%;
    padding: 0 10px;
  }
}
.icyblue-theme .active2 {
  color: #4f4a3e !important;
  background: #fff !important;
  border-bottom-left-radius: 0 !important;
}
.icyblue-theme .tab-item {
  padding: 15px !important;
  font-size: 14px !important;
}
.icyblue-theme .tab-history-class {
  border-radius: 20px;
  color: #fff;
  border: 1px solid #106de4;
}
.icyblue-theme .tab-item:last-child {
  border-bottom: 1px solid #c2c2c2;
  border-bottom-left-radius: 20px !important;
}
.icyblue-theme .tab-item,
.icyblue-theme .tab-item:last-child {
  cursor: pointer;
  color: #fff;
  background: linear-gradient(180deg, #62afff 0, #106de4);
}
.icyblue-theme .tab-item {
  border-bottom: 1px solid #c2c2c2;
}
.icyblue-theme .header-aff {
  background: linear-gradient(180deg, #62afff 0, #106de4);
  border-bottom: 1px solid #fff;
  border-radius: 20px 20px 0 0;
}
.icyblue-theme .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #c2c2c2;
  border-radius: 30rem !important;
}
.icyblue-theme .bg-aff-level {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #62afff, #106de4) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.icyblue-theme .bg-aff-level .nunber-friend {
  background: #54a1fa;
  border-radius: 10px;
  color: #fff;
}
.icyblue-theme .bg-aff-level .turn-other {
  background: #62afff;
  border-radius: 10px;
}
.icyblue-theme .bg-aff-level .solid {
  border: 1px solid #5baafe;
  height: 40px;
}
.icyblue-theme .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #fff;
  color: #bfbfbf;
  padding: 5px;
}
.icyblue-theme .filters__button:hover {
  background-color: #fff;
}
.icyblue-theme .filters-content {
  background-color: #fff;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.icyblue-theme .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #f1f1f1;
  color: #bfbfbf;
  padding: 5px;
}
.icyblue-theme .filters__button2:hover {
  background-color: #f1f1f1;
}
.icyblue-theme .filters [data-content] {
  display: none;
}
.icyblue-theme [data-content].is-active[data-content] {
  display: grid;
}
.icyblue-theme [data-target].is-active {
  background: linear-gradient(180deg, #62afff, #106de4);
  border-radius: 10px;
  color: #fff;
}
.icyblue-theme .condition-header {
  background: linear-gradient(
    109.63deg,
    #5baafe 3.68%,
    #4195ee 47.76%,
    #1576e8 95.96%
  );
  border-radius: 5px;
  color: #fff;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.icyblue-theme .bg-wheel-condition {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(109.63deg, #5baafe 3.68%, #4195ee 47.76%, #1576e8 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.icyblue-theme .btn-up-slip {
  color: #62afff;
  border: 2px solid #106de4 !important;
  background: 0 0 !important;
}
.icyblue-theme .btn-no-received {
  background: #d6e6f3;
  border-color: #d6e6f3;
  border-radius: 10px;
  color: #4f4a3e;
}
.icyblue-theme .btn-no-received:focus,
.icyblue-theme .btn-no-received:hover {
  background-color: #d6e6f3 !important;
  border-color: #d6e6f3 !important;
  border-radius: 10px !important;
}
.icyblue-theme .bg-pro {
  background: #f1f1f1;
  border-radius: 10px;
}
.icyblue-theme .filters-content-bg {
  background-color: #f1f1f1;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.icyblue-theme .is-unactive {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #f1f1f1;
  color: #7d7d7d;
  padding: 5px;
}
.icyblue-theme .card-points {
  background: linear-gradient(#fff, #fff) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.icyblue-theme .r-gold {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.icyblue-theme .r-gold,
.icyblue-theme .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.icyblue-theme .r-silver {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.icyblue-theme .r-copper {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.icyblue-theme .cycle-gold {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.icyblue-theme .cycle-gold,
.icyblue-theme .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.icyblue-theme .cycle-silver {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
}
.icyblue-theme .cycle-copper {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.icyblue-theme .card-decimal,
.icyblue-theme .card-transfer {
  background: #f1f1f1;
  box-shadow: 0 4px 10px hsla(0, 0%, 93.3%, 0.12);
  border-radius: 10px;
  color: #000 !important;
}
.icyblue-theme .bg-choose-team {
  background: #f4f4f4;
  border-radius: 5px;
  color: #4f4a3e;
  padding: 2px;
  margin: 4px;
}
.icyblue-theme .refesh {
  position: absolute;
  top: 3px;
  right: 12px;
}
.icyblue-theme .bagfree {
  position: absolute;
  top: 0;
  right: 6px;
}
.icyblue-theme .hexagon {
  position: relative;
  width: 55px;
  height: 28.7px;
  margin: 35.15px 0;
  border-left: 3.1421px solid #4f4a3e;
  border-right: 3.1421px solid #4f4a3e;
}
.icyblue-theme .hexagon:after,
.icyblue-theme .hexagon:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 38.35px;
  height: 38.35px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 5.8249px;
}
.icyblue-theme .hexagon:before {
  top: -19.1751px;
  border-top: 3.1421px solid #4f4a3e;
  border-right: 3.1421px solid #4f4a3e;
}
.icyblue-theme .hexagon:after {
  bottom: -19.1751px;
  border-bottom: 3.1421px solid #4f4a3e;
  border-left: 3.1421px solid #4f4a3e;
}
.icyblue-theme *,
.icyblue-theme :after,
.icyblue-theme :before {
  box-sizing: border-box;
}
.icyblue-theme .bg-month {
  background: #f1f1f1;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #7d7d7d;
}
.icyblue-theme .bg-month-active {
  background: linear-gradient(#f1f1f1, #f1f1f1) padding-box,
    linear-gradient(90deg, #62afff, #106de4) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #4f4a3e;
  border: 1px solid transparent;
}
.icyblue-theme .inactive {
  background: rgba(62, 62, 62, 0.7) !important;
}
.icyblue-theme .bagfree2 {
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 35px;
}
.icyblue-theme .btn.focus {
  box-shadow: 0 0 0 0.2rem hsla(0, 0%, 100%, 0.25) !important;
}
.icyblue-theme .arry-input {
  height: calc(1.5em + 5rem + 10px) !important;
  border-radius: 10px !important;
  color: #4f4a3e !important;
}
.nighttime-theme body {
  background: #f4f4f4;
}
.nighttime-theme .bg-login {
  background: linear-gradient(0deg, #6468e7 0, #b0deff);
  min-height: 100vh;
  height: 100%;
  width: 100%;
}
.nighttime-theme .bg-header {
  background: #f4f4f4;
}
.nighttime-theme .shadow-today {
  box-shadow: 0 0 15px #005c97;
}
.nighttime-theme .bd-daily-fix {
  border-color: #4445a1 !important;
  background: #f4f4f4 !important;
}
.nighttime-theme .text-deposited-daily-fix {
  color: #bbb;
}
.nighttime-theme .bg-table-daily-fix {
  background: #484bbf !important;
  color: #363636 !important;
}
.nighttime-theme .text-daily-fix {
  color: #095697 !important;
}
.nighttime-theme .text-credit-daily {
  background: linear-gradient(180deg, #fff 0, #fff) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.nighttime-theme .text-color {
  color: #363636 !important;
}
.nighttime-theme .text-template {
  color: #095697;
}
.nighttime-theme .text-theme {
  color: #fff;
}
.nighttime-theme .text-spcial {
  background: linear-gradient(180deg, #696969 0, #1a1c1c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.nighttime-theme .text-linear,
.nighttime-theme .text-linear-footer {
  background: linear-gradient(180deg, #005c97 0, #363795);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.nighttime-theme .text-see-history {
  color: #363636;
}
.nighttime-theme .text-head-hisotry {
  color: #095697;
}
.nighttime-theme .text-color-icon,
.nighttime-theme .text-credit,
.nighttime-theme .text-tranfer {
  background: linear-gradient(180deg, #005c97 0, #363795);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.nighttime-theme .bg-ball-choose-team,
.nighttime-theme .bg-credit {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #005c97, #363795) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.nighttime-theme .bg-wallet {
  background: #fff;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
}
.nighttime-theme .bg-credit-free {
  background: linear-gradient(180deg, #005c97, #363795);
  border-radius: 0 0 10px 10px;
  color: #fff !important;
}
.nighttime-theme .recevied-com {
  background: #e2f1fe;
  border-radius: 10px;
  border: 2px solid #095697;
  color: #095697;
}
.nighttime-theme .bg-card-commission {
  background: #fff;
}
.nighttime-theme .bg-turn {
  color: #363636;
  background: #fff;
  border-radius: 10px;
}
.nighttime-theme .bg-icon-index {
  background: #fff !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 6px rgba(54, 54, 54, 0.1);
}
.nighttime-theme .bg-con-turn {
  background: #f4f4f4 !important;
}
.nighttime-theme .color-toogle {
  background: linear-gradient(180deg, #5cc875 0, #5cc875);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.nighttime-theme .tab-content > .active {
  display: block;
  background: #fff !important;
}
.nighttime-theme .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #bcdefa, #bcdefa) !important;
  color: #5f65a0 !important;
}
.nighttime-theme .active-bg {
  background: linear-gradient(180deg, #005c97, #363795) !important;
  color: #fff !important;
}
.nighttime-theme .tab-box {
  background-color: #fff;
  color: #bfbfbf;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.nighttime-theme .nav-tabs {
  border-bottom: 2px solid #e1e1e1 !important;
}
.nighttime-theme .nav-tabs .nav-link {
  border: 0 !important;
  background: #fff;
  color: #bfbfbf !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.nighttime-theme .boder-right {
  height: 50px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.2509803922);
}
.nighttime-theme .btn-copy-bank {
  background: #509bf8;
  border-radius: 10px;
  color: #fff;
  width: max-content;
  border-color: #509bf8;
  box-shadow: 0 4px 4px rgba(54, 54, 54, 0.16);
}
.nighttime-theme .btn-money {
  border-color: #005c97;
  border-radius: 10px;
  background: rgba(226, 241, 254, 0.2);
  color: #005c97;
}
.nighttime-theme .active-btn-amount {
  background: linear-gradient(180deg, #005c97, #363795) !important;
  color: #fff !important;
  font-weight: 900;
}
.nighttime-theme .btn-topup-promptpay {
  border-color: #005c97;
  border-radius: 10px;
  background: linear-gradient(180deg, #005c97, #363795) !important;
  color: #fff;
}
.nighttime-theme .boder-color {
  border-color: #fff !important;
}
.nighttime-theme .is-active-register {
  background: #0b5597 !important;
  border: 1px solid #4445a1 !important;
}
.nighttime-theme .b-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin: 0;
  outline: 0;
  transform: translateX(0);
  background: linear-gradient(180deg, #0e7fc7 0, #363795) !important;
}
.nighttime-theme .bg-info {
  color: #363636;
  background: #f4f4f4 !important;
  padding: 5px;
  border-radius: 10px;
}
.nighttime-theme .btn-change {
  background: #fff;
  box-shadow: 0 4px 10px hsla(0, 0%, 95.7%, 0.12);
  border-radius: 10px;
}
.nighttime-theme .card-pro {
  background: #f4f4f4;
  border-radius: 10px;
  color: #363636 !important;
  font-weight: 400 !important;
}
.nighttime-theme .bg-lock {
  background: #095697;
  padding: 8px;
  border-radius: 20px;
  width: 40px;
  color: #fff;
}
.nighttime-theme .btn-cancel {
  background: #fff;
  border-radius: 10px;
  color: #095697 !important;
  border: 1px solid #095697;
}
.nighttime-theme .btn-theme-one {
  background: #1a6eb3;
  border-color: #fff !important;
  color: #fff;
  border-radius: 10px !important;
}
.nighttime-theme .btn-login,
.nighttime-theme .btn-theme-two {
  background: linear-gradient(180deg, #005c97, #363795);
  border-radius: 10px;
  color: #fff;
  border-color: #f4f4f4 !important;
}
.nighttime-theme .btn-theme-seemore {
  background: #565553;
  border-radius: 10px;
  color: #fff;
  border-color: #565553 !important;
}
.nighttime-theme .btn-copy {
  background: linear-gradient(180deg, #005c97, #363795) !important;
  border-radius: 0 10px 10px 0 !important;
  color: #fff !important;
}
.nighttime-theme .card {
  background: #fff !important;
  color: #363636 !important;
  filter: drop-shadow(0 1px 1px #989898);
}
.nighttime-theme .bg-input-theme {
  background-color: #e2f1fe !important;
}
.nighttime-theme .border-theme {
  border-radius: 15px !important;
}
.nighttime-theme .icon-activity {
  filter: invert(0);
  width: 20px;
}
.nighttime-theme .bg-table {
  background-color: #fff;
  border-radius: 10px;
  border: 0 solid #fff !important;
}
.nighttime-theme .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #bcdefa !important;
  border-top: 0 solid #bcdefa !important;
  padding: 4px 12px;
  background: #bcdefa;
  color: #363636 !important;
}
.nighttime-theme .table td {
  vertical-align: top;
  border-top: 0 solid #a7cbf8 !important;
}
.nighttime-theme .Daily__item__box {
  position: relative;
  height: 75px;
  background: #fff;
  border-radius: 10px;
  border: 2px solid #2a8ad2;
}
.nighttime-theme .Daily__item__box.active {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #005c97, #363795) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.nighttime-theme .Daily__item__box.active-today {
  background: linear-gradient(180deg, #005c97, #363795);
  border: none !important;
}
.nighttime-theme .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 10px;
}
.nighttime-theme .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.nighttime-theme .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.nighttime-theme .text-daily {
  color: #363636;
}
.nighttime-theme .btn-reward {
  width: 85%;
  border-radius: 10px;
  border: 2px solid #2a8ad2;
  cursor: pointer;
}
.nighttime-theme .bg-btn-point {
  background: #c2c2c2;
  border-radius: 20px;
  margin: 4px;
}
.nighttime-theme .bg-chosses {
  background-color: #fff;
  border-radius: 15px;
  filter: drop-shadow(0 1px 1px #989898);
  color: #363636;
}
.nighttime-theme .bg-hover:hover,
.nighttime-theme .btn-hover:focus {
  background-color: #dedede;
}
.nighttime-theme .showSlide {
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 80%;
  display: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.nighttime-theme #modal-suscess-complain .modal-content,
.nighttime-theme .showSlide {
  background-color: #fff !important;
}
.nighttime-theme .from-complain {
  display: block;
  width: 100%;
  height: calc(1.5em + 5rem + 10px) !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  background-color: #f4f4f4 !important;
  background-clip: padding-box;
  border: 1px solid #f4f4f4 !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.nighttime-theme .btn-withdraw {
  background: linear-gradient(180deg, #005c97, #363795);
  box-shadow: 0 4px 4px rgba(167, 203, 248, 0.16);
  border-radius: 10px;
  color: #fff;
  border-color: #363795 !important;
}
.nighttime-theme .cover-withdraw {
  background: #fff;
  border-radius: 0 0 10px 10px;
}
.nighttime-theme .hd-withdraw {
  background: #484bbf;
  border-radius: 10px 10px 0 0;
  color: #fff;
  padding: 10px;
}
.nighttime-theme .card-withdraw {
  background: #f4f4f4 !important;
  color: #363636 !important;
  border-radius: 5px;
}
.nighttime-theme .page-item.active .page-link {
  z-index: 3;
  color: #363636;
  background-color: #277dbc !important;
  border-color: #277dbc !important;
}
.nighttime-theme .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #363636 !important;
  background-color: #f4f4f4 !important;
  border: 1px solid #363636 !important;
}
.nighttime-theme .custom-control-input:checked ~ .custom-control-label:before {
  color: #363636 !important;
  border-color: #095697 !important;
  background-color: #095697 !important;
}
.nighttime-theme .boxcredit {
  background: rgba(34, 32, 32, 0.6);
  width: 50%;
}
.nighttime-theme .border-color {
  border: 2px solid #0b5597;
  border-radius: 10px;
}
.nighttime-theme .btn-box {
  background-image: linear-gradient(315deg, #005c97, #363795 74%);
  border-radius: 5px 25px;
  filter: drop-shadow(1px 2px 4px #6fa1e1);
  border-color: #005c97 !important;
}
.nighttime-theme .breadcrumb {
  background-color: #f4f4f4 !important;
}
.nighttime-theme .breadcrumb-item.active {
  color: #095697 !important;
}
.nighttime-theme .swal2-popup {
  background: #f4f4f4 !important;
}
.nighttime-theme .swal2-content,
.nighttime-theme .swal2-title {
  color: #363636 !important;
}
.nighttime-theme .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #005c97, #363795) !important;
  border-radius: 10px !important;
  border-color: #363636 !important;
  color: #363636 !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.nighttime-theme .bg-body-modal {
  background: linear-gradient(180deg, #005c97, #363795);
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #fff !important;
  color: #fff;
}
.nighttime-theme .modal-content {
  border-radius: 1rem !important;
}
.nighttime-theme .bg-body,
.nighttime-theme .bg-body-promotion {
  background: #fff !important;
}
.nighttime-theme .bg-footer {
  border-top: 1px solid #fff !important;
  border-bottom-right-radius: calc(1rem - 1px) !important;
  border-bottom-left-radius: calc(1rem - 1px) !important;
  background-color: #fff !important;
}
.nighttime-theme #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.nighttime-theme #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(167, 203, 248, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.nighttime-theme #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #fff !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.nighttime-theme #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.nighttime-theme #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(167, 203, 248, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.nighttime-theme #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #fff !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.nighttime-theme #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.nighttime-theme #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(167, 203, 248, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.nighttime-theme .card-bank {
  background: #f4f4f4;
  box-shadow: 0 4px 10px hsla(0, 0%, 95.7%, 0.12);
  border-radius: 10px;
  color: #363636 !important;
}
.nighttime-theme .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid rgba(167, 203, 248, 0.125);
}
.nighttime-theme .swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid;
  border-radius: 50%;
}
.nighttime-theme .swal2-icon.swal2-success [class^="swal2-success-line"] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
}
.nighttime-theme .form-control {
  display: block;
  padding: 0.375rem 0.75rem;
  background-color: #f4f4f4;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.nighttime-theme .custom-select,
.nighttime-theme .form-control {
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #363636 !important;
  border: 1px solid #f4f4f4 !important;
  border-radius: 0.25rem;
}
.nighttime-theme .custom-select {
  display: inline-block;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  vertical-align: middle;
  background-color: #f4f4f4 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.nighttime-theme .multiselect__tags {
  min-height: 40px;
  display: block;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  border: 1px solid #f4f4f4 !important;
  background: #fff !important;
  font-size: 14px;
  color: #363636 !important;
}
.nighttime-theme .multiselect__content-wrapper {
  position: absolute;
  display: block;
  background: #f4f4f4 !important;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border: 1px solid #f4f4f4 !important;
  border-top: none;
  color: #363636 !important;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.nighttime-theme .multiselect__input,
.nighttime-theme .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #fff !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
}
.nighttime-theme .multiselect__option--highlight {
  background: #fff !important;
  outline: none;
  color: #363636 !important;
}
.nighttime-theme #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(167, 203, 248, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.nighttime-theme .border-banner {
  border: 2px solid #005c97;
  border-radius: 10px;
}
.nighttime-theme .btn-secondary:hover {
  color: #363636;
  background-color: #005c97 !important;
  border-color: none !important;
}
.nighttime-theme .btn-secondary.focus,
.nighttime-theme .btn-secondary:focus {
  color: #363636;
  background-color: #005c97 !important;
  border-color: #005c97 !important;
}
.nighttime-theme .bg-choose {
  background: #fff !important;
  color: #363636;
}
.nighttime-theme .btn-join-activity {
  background: linear-gradient(180deg, #005c97, #363795);
  border-radius: 0 0 10px 10px;
  color: #fff;
  border: #1a6eb3;
}
.nighttime-theme .bg-input {
  background: #fff !important;
  border-radius: 10px;
  color: #363636;
  border: none !important;
}
.nighttime-theme .bg-condition {
  background: #e2f1fe !important;
  color: #363636;
}
.nighttime-theme .header-login {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5019607843);
  border: 0 solid rgba(167, 203, 248, 0.125);
}
.nighttime-theme .footer-wrapper1 {
  height: auto;
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.nighttime-theme .footer-wrapper {
  height: 58px;
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: #fff;
  box-shadow: 0 0 16px rgba(0, 92, 151, 0.55);
  z-index: 2;
}
.nighttime-theme .footer-wrapper .play-game {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 15px;
  text-align: center;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #005c97, #0f5297 50%, #363795);
  box-shadow: 0 4px 6px rgba(167, 203, 248, 0.25);
}
.nighttime-theme .footer-wrapper .play-game .play-game-box {
  display: table-cell;
  transform: rotate(316deg);
  vertical-align: middle;
}
.nighttime-theme .footer-wrapper .play-game .item-count {
  width: 30px;
  filter: invert(0);
}
.nighttime-theme .footer-wrapper .play-game-5 {
  border-radius: 30px;
  height: 50px;
  text-align: center;
  width: 50px;
  padding: 8px;
  background: linear-gradient(180deg, #005c97, #0f5297 50%, #363795);
  box-shadow: 0 4px 6px rgba(167, 203, 248, 0.25);
  position: absolute;
  top: -20px;
}
.nighttime-theme .footer-wrapper .play-game-5 .play-game-box-5 {
  display: table-cell;
  vertical-align: middle;
}
.nighttime-theme .footer-wrapper .play-game-5 .item-count {
  width: 34px;
  filter: invert(1);
}
.nighttime-theme a {
  color: #363636 !important;
}
.nighttime-theme a:hover {
  color: --blue;
  text-decoration: none !important;
}
.nighttime-theme .bg-table-aff {
  background-color: #fff !important;
  border: 0 solid #fff !important;
}
.nighttime-theme .border-left {
  border-left: 3px solid #095697 !important;
}
.nighttime-theme .border-solid {
  border: 1px solid #484bbf;
}
.nighttime-theme .bg-from-aff {
  display: inline-block;
  width: 50% !important;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #363636 !important;
  vertical-align: middle;
  background-color: #fff !important;
  border: 1px solid #fff !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.nighttime-theme .bg-in-aff {
  background: #f4f4f4;
  border-radius: 5px;
  color: #363636;
  padding: 5px;
}
.nighttime-theme .icon-aff {
  position: absolute;
  top: 92px;
  left: 0;
  right: 0;
  color: #363636;
}
.nighttime-theme .btn-comein {
  position: absolute;
  bottom: -17%;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.nighttime-theme .bg-search {
  background-color: #fff !important;
}
.nighttime-theme .bg-from,
.nighttime-theme .bg-search {
  border: 1px solid #095697 !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: #363636 !important;
}
.nighttime-theme .bg-from {
  background-color: #fff !important;
  background: #464646 url(/_nuxt/img/dropdown.2ae9015.png) no-repeat right
    0.75rem center/10px 8px;
}
.nighttime-theme .search {
  position: absolute;
  right: 24px;
  color: #2a8ad2;
}
.nighttime-theme .card-point {
  background: #f4f4f4 !important;
  filter: drop-shadow(0 0 0 #f4f4f4) !important;
  color: #363636 !important;
  border-radius: 10px;
}
.nighttime-theme .bg-point {
  background: #005c97;
  border-radius: 20px;
  margin: 4px;
  color: #363636;
}
.nighttime-theme .bg-card-his {
  background: #f4f4f4 !important;
  filter: drop-shadow(0 0 0 #f4f4f4) !important;
  color: #363636 !important;
}
.nighttime-theme .card-nodata {
  background: #fff;
  color: #363636;
  padding: 80px;
  border-radius: 10px;
}
.nighttime-theme .action-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2%;
}
.nighttime-theme .action-wrapper__btn-spin {
  background-image: url(https://es-dev.vrbet.com/_nuxt/img/button.1e27aca.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 6vw;
  width: 14vw;
  margin-bottom: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.nighttime-theme .action-wrapper__btn-spin span {
  font-size: 3vw;
  color: #363636;
  -webkit-text-stroke: 3px #363636;
}
@media screen and (max-width: 992px) {
  .nighttime-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2.5px #363636;
    font-size: 6vw;
  }
}
@media screen and (max-width: 480px) {
  .nighttime-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2px #363636;
    font-size: 8vw;
  }
}
@media screen and (max-width: 992px) {
  .nighttime-theme .action-wrapper__btn-spin {
    margin-top: 3vw;
    width: 26vw;
    height: 12vw;
  }
}
@media screen and (max-width: 480px) {
  .nighttime-theme .action-wrapper__btn-spin {
    width: 40vw;
    height: 18vw;
  }
}
.nighttime-theme .action-wrapper__btn-spin.disabledbtn {
  cursor: not-allowed;
  filter: grayscale(1);
}
.nighttime-theme .glass-panel {
  color: #363636;
  margin: 40px auto;
  background-color: rgba(54, 54, 54, 0.06);
  border: 1px solid rgba(54, 54, 54, 0.1);
  width: 100%;
  border-radius: 15px;
  padding: 32px;
  backdrop-filter: blur(10px);
}
.nighttime-theme .glass-button {
  display: inline-block;
  padding: 15px 18px;
  text-decoration: none;
  border-radius: 15px;
  background-color: hsla(0, 0%, 100%, 0.06);
  border: 1px solid #a7cbf8;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: #a7cbf8;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}
.nighttime-theme .glass-button:hover {
  background-color: rgba(54, 54, 54, 0.2);
}
.nighttime-theme .glass-panel {
  max-width: 600px;
}
.nighttime-theme #background-wrap {
  bottom: 0;
  left: 0;
  padding-top: 50px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.nighttime-theme .x1 {
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 35s linear infinite;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  transform: scale(0.65);
}
.nighttime-theme .x2 {
  -webkit-animation: animateCloud 20s linear infinite;
  -moz-animation: animateCloud 20s linear infinite;
  animation: animateCloud 20s linear infinite;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.nighttime-theme .x3 {
  -webkit-animation: animateCloud 30s linear infinite;
  -moz-animation: animateCloud 30s linear infinite;
  animation: animateCloud 30s linear infinite;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.nighttime-theme .x4 {
  -webkit-animation: animateCloud 18s linear infinite;
  -moz-animation: animateCloud 18s linear infinite;
  animation: animateCloud 18s linear infinite;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.nighttime-theme .x5 {
  -webkit-animation: animateCloud 25s linear infinite;
  -moz-animation: animateCloud 25s linear infinite;
  animation: animateCloud 25s linear infinite;
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  transform: scale(0.55);
}
.nighttime-theme .cloud {
  background: #fff;
  background: -moz-linear-gradient(top, #fff 5%, #d1dff6 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, #fff),
    color-stop(100%, #d1dff6)
  );
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 8px 5px rgba(167, 203, 248, 0.1);
  -moz-box-shadow: 0 8px 5px rgba(167, 203, 248, 0.1);
  box-shadow: 0 8px 5px rgba(167, 203, 248, 0.1);
  height: 120px;
  position: relative;
  width: 350px;
}
.nighttime-theme .cloud:after,
.nighttime-theme .cloud:before {
  background: #fff;
  content: "";
  position: absolute;
  z-index: -1;
}
.nighttime-theme .cloud:after {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  height: 100px;
  left: 50px;
  top: -50px;
  width: 100px;
}
.nighttime-theme .cloud:before {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  width: 180px;
  height: 180px;
  right: 50px;
  top: -90px;
}
.nighttime-theme .bg-share-facebook {
  background-color: #fff !important;
  color: #363636 !important;
}
.nighttime-theme .bg-game {
  background: linear-gradient(#fff, #fff);
  border-radius: 10px;
  border: unset;
  color: #363636 !important;
  width: 80px;
  height: 67px;
}
.nighttime-theme .bg-game-active {
  background: linear-gradient(180deg, #1e6da2, #1c4996) !important;
  border-radius: 10px !important;
  color: #fff !important;
  width: 80px;
  height: 67px;
}
.nighttime-theme .bg-search-game {
  background-color: #fff !important;
  border-radius: 10px !important;
}
.nighttime-theme .unactive-footer {
  color: #606060;
}
.nighttime-theme .btn-aff-share {
  background: linear-gradient(270deg, #005c97, #363795);
  border-radius: 10px;
  color: #fff;
  border-color: #363795 !important;
  filter: drop-shadow(0 0 5px #363795);
}
.nighttime-theme #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(167, 203, 248, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.nighttime-theme .btn-change-language {
  background-color: #fff !important;
  border: 1px solid #095697;
}
.nighttime-theme .card-money,
.nighttime-theme .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card-copy-light.73ed8f4.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.nighttime-theme .bg-iconuser {
  background: #fff;
  padding: 7px;
  border-radius: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #fff;
}
.nighttime-theme .content-lv {
  padding: 10px 0;
}
.nighttime-theme .border-bottom-aff {
  border-bottom: 1px solid #005c97;
}
.nighttime-theme .body-content {
  width: 70%;
  background: #fff;
  border-bottom-right-radius: 20px;
  padding: 0 39px;
  overflow: auto;
  max-height: 300px;
  color: #363636;
}
@media (max-width: 479px) {
  .nighttime-theme .body-content {
    width: 75%;
    padding: 0 10px;
  }
}
.nighttime-theme .active2 {
  color: #363636 !important;
  background: #fff !important;
  border-bottom-left-radius: 0 !important;
}
.nighttime-theme .tab-item {
  padding: 15px !important;
  font-size: 14px !important;
}
.nighttime-theme .tab-history-class {
  border-radius: 20px;
  color: #fff;
  border: 1px solid #363795;
}
.nighttime-theme .tab-item:last-child {
  border-bottom: 1px solid #c2c2c2;
  border-bottom-left-radius: 20px !important;
}
.nighttime-theme .tab-item,
.nighttime-theme .tab-item:last-child {
  cursor: pointer;
  color: #fff;
  background: linear-gradient(180deg, #005c97 0, #363795);
}
.nighttime-theme .tab-item {
  border-bottom: 1px solid #c2c2c2;
}
.nighttime-theme .header-aff {
  background: linear-gradient(180deg, #005c97 0, #363795);
  border-bottom: 1px solid #fff;
  border-radius: 20px 20px 0 0;
}
.nighttime-theme .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #c2c2c2;
  border-radius: 30rem !important;
}
.nighttime-theme .bg-aff-level {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #005c97, #363795) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.nighttime-theme .bg-aff-level .nunber-friend {
  background: #095697;
  border-radius: 10px;
  color: #fff;
}
.nighttime-theme .bg-aff-level .turn-other {
  background: #bcdefa;
  border-radius: 10px;
}
.nighttime-theme .bg-aff-level .solid {
  border: 1px solid #005c97;
  height: 40px;
}
.nighttime-theme .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #fff;
  color: #bfbfbf;
  padding: 5px;
}
.nighttime-theme .filters__button:hover {
  background-color: #fff;
}
.nighttime-theme .filters-content {
  background-color: #fff;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.nighttime-theme .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #f1f1f1;
  color: #bfbfbf;
  padding: 5px;
}
.nighttime-theme .filters__button2:hover {
  background-color: #f1f1f1;
}
.nighttime-theme .filters [data-content] {
  display: none;
}
.nighttime-theme [data-content].is-active[data-content] {
  display: grid;
}
.nighttime-theme [data-target].is-active {
  background: linear-gradient(180deg, #005c97, #363795);
  border-radius: 10px;
  color: #fff;
}
.nighttime-theme .condition-header {
  background: linear-gradient(
    109.63deg,
    #005c97 3.68%,
    #0f5297 47.76%,
    #363795 95.96%
  );
  border-radius: 5px;
  color: #fff;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.nighttime-theme .bg-wheel-condition {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(109.63deg, #005c97 3.68%, #0f5297 47.76%, #363795 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.nighttime-theme .btn-up-slip {
  color: #005c97;
  border: 2px solid #363795 !important;
  background: 0 0 !important;
}
.nighttime-theme .btn-no-received {
  background: #ffe8ed;
  border-color: #ffe8ed;
  border-radius: 10px;
  color: #4f4a3e;
}
.nighttime-theme .btn-no-received:focus,
.nighttime-theme .btn-no-received:hover {
  background-color: #ffe8ed !important;
  border-color: #ffe8ed !important;
  border-radius: 10px !important;
}
.nighttime-theme .bg-pro {
  background: #f1f1f1;
  border-radius: 10px;
}
.nighttime-theme .filters-content-bg {
  background-color: #f1f1f1;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.nighttime-theme .is-unactive {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #f1f1f1;
  color: #7d7d7d;
  padding: 5px;
}
.nighttime-theme .card-points {
  background: linear-gradient(#fff, #fff) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.nighttime-theme .r-gold {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.nighttime-theme .r-gold,
.nighttime-theme .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.nighttime-theme .r-silver {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.nighttime-theme .r-copper {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.nighttime-theme .cycle-gold {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.nighttime-theme .cycle-gold,
.nighttime-theme .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.nighttime-theme .cycle-silver {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
}
.nighttime-theme .cycle-copper {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.nighttime-theme .card-decimal,
.nighttime-theme .card-transfer {
  background: #f1f1f1;
  box-shadow: 0 4px 10px hsla(0, 0%, 95.7%, 0.12);
  border-radius: 10px;
  color: #000 !important;
}
.nighttime-theme .bg-choose-team {
  background: #f4f4f4;
  border-radius: 5px;
  color: #363636;
  padding: 2px;
  margin: 4px;
}
.nighttime-theme .refesh {
  position: absolute;
  top: 3px;
  right: 12px;
}
.nighttime-theme .bagfree {
  position: absolute;
  top: 0;
  right: 6px;
}
.nighttime-theme .hexagon {
  position: relative;
  width: 55px;
  height: 28.7px;
  margin: 35.15px 0;
  border-left: 3.1421px solid #363636;
  border-right: 3.1421px solid #363636;
}
.nighttime-theme .hexagon:after,
.nighttime-theme .hexagon:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 38.35px;
  height: 38.35px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 5.8249px;
}
.nighttime-theme .hexagon:before {
  top: -19.1751px;
  border-top: 3.1421px solid #363636;
  border-right: 3.1421px solid #363636;
}
.nighttime-theme .hexagon:after {
  bottom: -19.1751px;
  border-bottom: 3.1421px solid #363636;
  border-left: 3.1421px solid #363636;
}
.nighttime-theme *,
.nighttime-theme :after,
.nighttime-theme :before {
  box-sizing: border-box;
}
.nighttime-theme .bg-month {
  background: #f1f1f1;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #7d7d7d;
}
.nighttime-theme .bg-month-active {
  background: linear-gradient(#f1f1f1, #f1f1f1) padding-box,
    linear-gradient(90deg, #005c97, #363795) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #363636;
  border: 1px solid transparent;
}
.nighttime-theme .inactive {
  background: rgba(62, 62, 62, 0.7) !important;
}
.nighttime-theme .bagfree2 {
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 35px;
}
.nighttime-theme .btn.focus {
  box-shadow: 0 0 0 0.2rem hsla(0, 0%, 100%, 0.25) !important;
}
.nighttime-theme .arry-input {
  height: calc(1.5em + 5rem + 10px) !important;
  border-radius: 10px !important;
  color: #363636 !important;
}
.pink-theme body {
  background: #eee;
}
.pink-theme .bg-login {
  background: linear-gradient(0deg, #fc7abb 0, #ffc7d7);
  min-height: 100vh;
  height: 100%;
  width: 100%;
}
.pink-theme .bg-header {
  background: #eee;
}
.pink-theme .shadow-today {
  box-shadow: 0 0 15px #ffa3c1;
}
.pink-theme .bd-daily-fix {
  border-color: #ffaee1 !important;
  background: #eee !important;
}
.pink-theme .text-deposited-daily-fix {
  color: #bbb;
}
.pink-theme .bg-table-daily-fix {
  background: #fe9aba !important;
  color: #4f4a3e !important;
}
.pink-theme .text-daily-fix {
  color: #ff70c9 !important;
}
.pink-theme .text-credit-daily {
  background: linear-gradient(180deg, #fff 0, #fff) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.pink-theme .text-color {
  color: #4f4a3e !important;
}
.pink-theme .text-template {
  color: #ff70c9;
}
.pink-theme .text-theme {
  color: #fff;
}
.pink-theme .text-spcial {
  background: linear-gradient(180deg, #696969 0, #1a1c1c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pink-theme .text-linear,
.pink-theme .text-linear-footer {
  background: linear-gradient(180deg, #ffa3c1 0, #ea3ba9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pink-theme .text-see-history {
  color: #4f4a3e;
}
.pink-theme .text-head-hisotry {
  color: #ff70c9;
}
.pink-theme .text-tranfer {
  background: linear-gradient(180deg, #fe9aba 0, #f447ba);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pink-theme .text-color-icon,
.pink-theme .text-credit {
  background: linear-gradient(180deg, #ffa3c1 0, #ea3ba9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pink-theme .bg-ball-choose-team,
.pink-theme .bg-credit {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #ffa3c1, #ea3ba9) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.pink-theme .bg-wallet {
  background: #fff;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
}
.pink-theme .bg-credit-free {
  background: linear-gradient(180deg, #ffa3c1, #ea3ba9);
  border-radius: 0 0 10px 10px;
  color: #fff !important;
}
.pink-theme .recevied-com {
  background: #fdecef;
  border-radius: 10px;
  border: 2px solid #ff70c9;
  color: #ff70c9;
}
.pink-theme .bg-card-commission {
  background: #fff;
}
.pink-theme .bg-turn {
  color: #4f4a3e;
  background: #fff;
  border-radius: 10px;
}
.pink-theme .bg-icon-index {
  background: #fff !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 6px rgba(79, 74, 62, 0.1);
}
.pink-theme .bg-con-turn {
  background: #f4f4f4 !important;
}
.pink-theme .color-toogle {
  background: linear-gradient(180deg, #5cc875 0, #5cc875);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pink-theme .tab-content > .active {
  display: block;
  background: #fff !important;
}
.pink-theme .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #ffa3c1, #ea3ba9);
  color: #fff !important;
}
.pink-theme .active-bg {
  background: linear-gradient(180deg, #ffa3c1, #ea3ba9) !important;
  color: #fff !important;
}
.pink-theme .tab-box {
  background-color: #fff;
  color: #bfbfbf;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.pink-theme .nav-tabs {
  border-bottom: 2px solid #e1e1e1 !important;
}
.pink-theme .nav-tabs .nav-link {
  border: 0 !important;
  background: #fff;
  color: #bfbfbf !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.pink-theme .boder-right {
  height: 50px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.2509803922);
}
.pink-theme .btn-copy-bank {
  background: #509bf8;
  border-radius: 10px;
  color: #fff;
  width: max-content;
  border-color: #509bf8;
  box-shadow: 0 4px 4px rgba(79, 74, 62, 0.16);
}
.pink-theme .btn-money {
  border-color: #ffa3c1;
  border-radius: 10px;
  background: #f9f9f9;
  color: #ffa3c1;
}
.pink-theme .active-btn-amount {
  background: linear-gradient(180deg, #ffa3c1, #ea3ba9) !important;
  color: #fff !important;
  font-weight: 900;
}
.pink-theme .btn-topup-promptpay {
  border-color: #ffa3c1;
  border-radius: 10px;
  background: linear-gradient(180deg, #ffa3c1, #ea3ba9) !important;
  color: #fff;
}
.pink-theme .boder-color {
  border-color: #fff !important;
}
.pink-theme .is-active-register {
  background: #fb80ba !important;
  border: 1px solid #ffaee1 !important;
}
.pink-theme .b-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin: 0;
  outline: 0;
  transform: translateX(0);
  background: linear-gradient(180deg, #f3b1c4 0, #eb7cc6) !important;
}
.pink-theme .bg-info {
  color: #4f4a3e;
  background: #f4f4f4 !important;
  padding: 5px;
  border-radius: 10px;
}
.pink-theme .btn-change {
  background: #fff;
  box-shadow: 0 4px 10px hsla(0, 0%, 93.3%, 0.12);
  border-radius: 10px;
}
.pink-theme .card-pro {
  background: #f4f4f4;
  border-radius: 10px;
  color: #4f4a3e !important;
  font-weight: 400 !important;
}
.pink-theme .bg-lock {
  background: #ff70c9;
  padding: 8px;
  border-radius: 20px;
  width: 40px;
}
.pink-theme .btn-cancel {
  background: #fff;
  border-radius: 10px;
  color: #ff70c9 !important;
  border: 1px solid #ff70c9;
}
.pink-theme .btn-theme-one {
  background: #f447ba;
  border-color: #fff !important;
  color: #fff;
  border-radius: 10px !important;
}
.pink-theme .btn-login,
.pink-theme .btn-theme-two {
  background: linear-gradient(180deg, #ffa3c1, #ea3ba9);
  border-radius: 10px;
  color: #fff;
  border-color: #eee !important;
}
.pink-theme .btn-theme-seemore {
  background: #565553;
  border-radius: 10px;
  color: #fff;
  border-color: #565553 !important;
}
.pink-theme .btn-copy {
  background: linear-gradient(180deg, #ffa3c1, #ea3ba9) !important;
  border-radius: 0 10px 10px 0 !important;
  color: #4f4a3e !important;
}
.pink-theme .card {
  background: #fff !important;
  color: #4f4a3e !important;
  filter: drop-shadow(0 1px 1px #989898);
}
.pink-theme .bg-input-theme {
  background-color: #fff7f4 !important;
}
.pink-theme .border-theme {
  border-radius: 15px !important;
}
.pink-theme .icon-activity {
  filter: invert(0);
  width: 20px;
}
.pink-theme .bg-table {
  background-color: #fff;
  border-radius: 10px;
  border: 0 solid #fff !important;
}
.pink-theme .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #f779b8 !important;
  border-top: 0 solid #f779b8 !important;
  padding: 4px 12px;
  background: #f779b8;
  color: #4f4a3e !important;
}
.pink-theme .table td {
  vertical-align: top;
  border-top: 0 solid #fe9aba !important;
}
.pink-theme .Daily__item__box {
  position: relative;
  height: 75px;
  background: #fff;
  border-radius: 10px;
  border: 2px solid #fcb7cb;
}
.pink-theme .Daily__item__box.active {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #ffa3c1, #ea3ba9) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.pink-theme .Daily__item__box.active-today {
  background: linear-gradient(180deg, #ffa3c1, #ea3ba9);
  border: none !important;
}
.pink-theme .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 10px;
}
.pink-theme .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.pink-theme .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.pink-theme .text-daily {
  color: #4f4a3e;
}
.pink-theme .btn-reward {
  width: 85%;
  border-radius: 10px;
  border: 2px solid #fcb7cb;
  cursor: pointer;
}
.pink-theme .bg-btn-point {
  background: #c2c2c2;
  border-radius: 20px;
  margin: 4px;
}
.pink-theme .bg-chosses {
  background-color: #fff;
  border-radius: 15px;
  filter: drop-shadow(0 1px 1px #989898);
  color: #4f4a3e;
}
.pink-theme .bg-hover:hover,
.pink-theme .btn-hover:focus {
  background-color: #dedede;
}
.pink-theme .showSlide {
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 80%;
  display: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.pink-theme #modal-suscess-complain .modal-content,
.pink-theme .showSlide {
  background-color: #fff !important;
}
.pink-theme .from-complain {
  display: block;
  width: 100%;
  height: calc(1.5em + 5rem + 10px) !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  background-color: #f4f4f4 !important;
  background-clip: padding-box;
  border: 1px solid #f4f4f4 !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.pink-theme .btn-withdraw {
  background: linear-gradient(180deg, #ffa3c1, #ea3ba9);
  box-shadow: 0 4px 4px rgba(254, 154, 186, 0.16);
  border-radius: 10px;
  color: #fff;
  border-color: #ea3ba9 !important;
}
.pink-theme .cover-withdraw {
  background: #fff;
  border-radius: 0 0 10px 10px;
}
.pink-theme .hd-withdraw {
  background: #fe9aba;
  border-radius: 10px 10px 0 0;
  color: #4f4a3e;
  padding: 10px;
}
.pink-theme .card-withdraw {
  background: #f4f4f4 !important;
  color: #4f4a3e !important;
  border-radius: 5px;
}
.pink-theme .page-item.active .page-link {
  z-index: 3;
  color: #4f4a3e;
  background-color: #ff7ecd !important;
  border-color: #ff7ecd !important;
}
.pink-theme .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #4f4a3e !important;
  background-color: #eee !important;
  border: 1px solid #4f4a3e !important;
}
.pink-theme .custom-control-input:checked ~ .custom-control-label:before {
  color: #4f4a3e !important;
  border-color: #ff70c9 !important;
  background-color: #ff70c9 !important;
}
.pink-theme .boxcredit {
  background: rgba(34, 32, 32, 0.6);
  width: 50%;
}
.pink-theme .border-color {
  border: 2px solid #f67ebb;
  border-radius: 10px;
}
.pink-theme .btn-box {
  background-image: linear-gradient(315deg, #ffa3c1, #ea3ba9 74%);
  border-radius: 5px 25px;
  filter: drop-shadow(1px 2px 4px #e96d97);
  border-color: #ffa3c1 !important;
}
.pink-theme .breadcrumb {
  background-color: #eee !important;
}
.pink-theme .breadcrumb-item.active {
  color: #ff70c9 !important;
}
.pink-theme .swal2-popup {
  background: #eee !important;
}
.pink-theme .swal2-content,
.pink-theme .swal2-title {
  color: #4f4a3e !important;
}
.pink-theme .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #ffa3c1, #ea3ba9) !important;
  border-radius: 10px !important;
  border-color: #4f4a3e !important;
  color: #4f4a3e !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.pink-theme .bg-body-modal {
  background: linear-gradient(180deg, #ffa3c1, #ea3ba9);
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #fff !important;
  color: #fff;
}
.pink-theme .modal-content {
  border-radius: 1rem !important;
}
.pink-theme .bg-body,
.pink-theme .bg-body-promotion {
  background: #fff !important;
}
.pink-theme .bg-footer {
  border-top: 1px solid #fff !important;
  border-bottom-right-radius: calc(1rem - 1px) !important;
  border-bottom-left-radius: calc(1rem - 1px) !important;
  background-color: #fff !important;
}
.pink-theme #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.pink-theme #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(254, 154, 186, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.pink-theme #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #fff !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.pink-theme #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.pink-theme #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(254, 154, 186, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.pink-theme #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #fff !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.pink-theme #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.pink-theme #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(254, 154, 186, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.pink-theme .card-bank {
  background: #f4f4f4;
  box-shadow: 0 4px 10px hsla(0, 0%, 93.3%, 0.12);
  border-radius: 10px;
  color: #4f4a3e !important;
}
.pink-theme .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid rgba(254, 154, 186, 0.125);
}
.pink-theme .swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid;
  border-radius: 50%;
}
.pink-theme .swal2-icon.swal2-success [class^="swal2-success-line"] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
}
.pink-theme .form-control {
  display: block;
  padding: 0.375rem 0.75rem;
  background-color: #f4f4f4;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.pink-theme .custom-select,
.pink-theme .form-control {
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  border: 1px solid #f4f4f4 !important;
  border-radius: 0.25rem;
}
.pink-theme .custom-select {
  display: inline-block;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  vertical-align: middle;
  background-color: #f4f4f4 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.pink-theme .multiselect__tags {
  min-height: 40px;
  display: block;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  border: 1px solid #f4f4f4 !important;
  background: #fff !important;
  font-size: 14px;
  color: #4f4a3e !important;
}
.pink-theme .multiselect__content-wrapper {
  position: absolute;
  display: block;
  background: #f4f4f4 !important;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border: 1px solid #f4f4f4 !important;
  border-top: none;
  color: #4f4a3e !important;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.pink-theme .multiselect__input,
.pink-theme .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #fff !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
}
.pink-theme .multiselect__option--highlight {
  background: #fff !important;
  outline: none;
  color: #4f4a3e !important;
}
.pink-theme #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(254, 154, 186, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.pink-theme .border-banner {
  border: 2px solid #ffa3c1;
  border-radius: 10px;
}
.pink-theme .btn-secondary:hover {
  color: #4f4a3e;
  background-color: #ffa3c1 !important;
  border-color: none !important;
}
.pink-theme .btn-secondary.focus,
.pink-theme .btn-secondary:focus {
  color: #4f4a3e;
  background-color: #ffa3c1 !important;
  border-color: #ffa3c1 !important;
}
.pink-theme .bg-choose {
  background: #fff !important;
  color: #4f4a3e;
}
.pink-theme .btn-join-activity {
  background: linear-gradient(180deg, #ffa3c1, #ea3ba9);
  border-radius: 0 0 10px 10px;
  color: #fff;
  border: #f447ba;
}
.pink-theme .bg-input {
  background: #fff !important;
  border-radius: 10px;
  color: #4f4a3e;
  border: none !important;
}
.pink-theme .bg-condition {
  background: #fff7f4 !important;
  color: #4f4a3e;
}
.pink-theme .header-login {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5019607843);
  border: 0 solid rgba(254, 154, 186, 0.125);
}
.pink-theme .footer-wrapper1 {
  height: auto;
}
.pink-theme .footer-wrapper,
.pink-theme .footer-wrapper1 {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.pink-theme .footer-wrapper {
  height: 58px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: #fff;
  box-shadow: 0 0 16px rgba(255, 158, 186, 0.55);
  z-index: 2;
}
.pink-theme .footer-wrapper .play-game {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 15px;
  text-align: center;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #ff9eba, #fc80ba 50%, #f445ba);
  box-shadow: 0 4px 6px rgba(254, 154, 186, 0.25);
}
.pink-theme .footer-wrapper .play-game .play-game-box {
  display: table-cell;
  transform: rotate(316deg);
  vertical-align: middle;
}
.pink-theme .footer-wrapper .play-game .item-count {
  width: 30px;
  filter: invert(0);
}
.pink-theme .footer-wrapper .play-game-5 {
  border-radius: 30px;
  height: 50px;
  text-align: center;
  width: 50px;
  padding: 8px;
  background: linear-gradient(180deg, #ff9eba, #fc80ba 50%, #f445ba);
  box-shadow: 0 4px 6px rgba(254, 154, 186, 0.25);
  position: absolute;
  top: -20px;
}
.pink-theme .footer-wrapper .play-game-5 .play-game-box-5 {
  display: table-cell;
  vertical-align: middle;
}
.pink-theme .footer-wrapper .play-game-5 .item-count {
  width: 34px;
  filter: invert(1);
}
.pink-theme a {
  color: #4f4a3e !important;
}
.pink-theme a:hover {
  color: --blue;
  text-decoration: none !important;
}
.pink-theme .bg-table-aff {
  background-color: #fff !important;
  border: 0 solid #fff !important;
}
.pink-theme .border-left {
  border-left: 3px solid #ff70c9 !important;
}
.pink-theme .border-solid {
  border: 1px solid #fe9aba;
}
.pink-theme .bg-from-aff {
  display: inline-block;
  width: 50% !important;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  vertical-align: middle;
  background-color: #fff !important;
  border: 1px solid #fff !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.pink-theme .bg-in-aff {
  background: #f4f4f4;
  border-radius: 5px;
  color: #4f4a3e;
  padding: 5px;
}
.pink-theme .icon-aff {
  position: absolute;
  top: 92px;
  left: 0;
  right: 0;
  color: #4f4a3e;
}
.pink-theme .btn-comein {
  position: absolute;
  bottom: -17%;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.pink-theme .bg-search {
  background-color: #fff !important;
}
.pink-theme .bg-from,
.pink-theme .bg-search {
  border: 1px solid #ff70c9 !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: #4f4a3e !important;
}
.pink-theme .bg-from {
  background-color: #fff !important;
  background: #464646 url(/_nuxt/img/dropdown.2ae9015.png) no-repeat right
    0.75rem center/10px 8px;
}
.pink-theme .search {
  position: absolute;
  right: 24px;
  color: #fcb7cb;
}
.pink-theme .card-point {
  background: #eee !important;
  filter: drop-shadow(0 0 0 #eeeeee) !important;
  color: #4f4a3e !important;
  border-radius: 10px;
}
.pink-theme .bg-point {
  background: #ffa3c1;
  border-radius: 20px;
  margin: 4px;
  color: #4f4a3e;
}
.pink-theme .bg-card-his {
  background: #eee !important;
  filter: drop-shadow(0 0 0 #eeeeee) !important;
  color: #4f4a3e !important;
}
.pink-theme .card-nodata {
  background: #fff;
  color: #4f4a3e;
  padding: 80px;
  border-radius: 10px;
}
.pink-theme .action-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2%;
}
.pink-theme .action-wrapper__btn-spin {
  background-image: url(https://es-dev.vrbet.com/_nuxt/img/button.1e27aca.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 6vw;
  width: 14vw;
  margin-bottom: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pink-theme .action-wrapper__btn-spin span {
  font-size: 3vw;
  color: #4f4a3e;
  -webkit-text-stroke: 3px #4f4a3e;
}
@media screen and (max-width: 992px) {
  .pink-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2.5px #4f4a3e;
    font-size: 6vw;
  }
}
@media screen and (max-width: 480px) {
  .pink-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2px #4f4a3e;
    font-size: 8vw;
  }
}
@media screen and (max-width: 992px) {
  .pink-theme .action-wrapper__btn-spin {
    margin-top: 3vw;
    width: 26vw;
    height: 12vw;
  }
}
@media screen and (max-width: 480px) {
  .pink-theme .action-wrapper__btn-spin {
    width: 40vw;
    height: 18vw;
  }
}
.pink-theme .action-wrapper__btn-spin.disabledbtn {
  cursor: not-allowed;
  filter: grayscale(1);
}
.pink-theme .glass-panel {
  color: #4f4a3e;
  margin: 40px auto;
  background-color: rgba(79, 74, 62, 0.06);
  border: 1px solid rgba(79, 74, 62, 0.1);
  width: 100%;
  border-radius: 15px;
  padding: 32px;
  backdrop-filter: blur(10px);
}
.pink-theme .glass-button {
  display: inline-block;
  padding: 15px 18px;
  text-decoration: none;
  border-radius: 15px;
  background-color: hsla(0, 0%, 100%, 0.06);
  border: 1px solid #fe9aba;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: #fe9aba;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}
.pink-theme .glass-button:hover {
  background-color: rgba(79, 74, 62, 0.2);
}
.pink-theme .glass-panel {
  max-width: 600px;
}
.pink-theme #background-wrap {
  bottom: 0;
  left: 0;
  padding-top: 50px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.pink-theme .x1 {
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 35s linear infinite;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  transform: scale(0.65);
}
.pink-theme .x2 {
  -webkit-animation: animateCloud 20s linear infinite;
  -moz-animation: animateCloud 20s linear infinite;
  animation: animateCloud 20s linear infinite;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.pink-theme .x3 {
  -webkit-animation: animateCloud 30s linear infinite;
  -moz-animation: animateCloud 30s linear infinite;
  animation: animateCloud 30s linear infinite;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.pink-theme .x4 {
  -webkit-animation: animateCloud 18s linear infinite;
  -moz-animation: animateCloud 18s linear infinite;
  animation: animateCloud 18s linear infinite;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.pink-theme .x5 {
  -webkit-animation: animateCloud 25s linear infinite;
  -moz-animation: animateCloud 25s linear infinite;
  animation: animateCloud 25s linear infinite;
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  transform: scale(0.55);
}
.pink-theme .cloud {
  background: #fff;
  background: -moz-linear-gradient(top, #fff 5%, #d1dff6 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, #fff),
    color-stop(100%, #d1dff6)
  );
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 8px 5px rgba(254, 154, 186, 0.1);
  -moz-box-shadow: 0 8px 5px rgba(254, 154, 186, 0.1);
  box-shadow: 0 8px 5px rgba(254, 154, 186, 0.1);
  height: 120px;
  position: relative;
  width: 350px;
}
.pink-theme .cloud:after,
.pink-theme .cloud:before {
  background: #fff;
  content: "";
  position: absolute;
  z-index: -1;
}
.pink-theme .cloud:after {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  height: 100px;
  left: 50px;
  top: -50px;
  width: 100px;
}
.pink-theme .cloud:before {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  width: 180px;
  height: 180px;
  right: 50px;
  top: -90px;
}
.pink-theme .bg-share-facebook {
  background-color: #fff !important;
  color: #4f4a3e !important;
}
.pink-theme .bg-game {
  background: linear-gradient(#fff, #fff);
  border-radius: 10px;
  border: unset;
  color: #4f4a3e !important;
  width: 80px;
  height: 67px;
}
.pink-theme .bg-game-active {
  background: linear-gradient(180deg, #fe9aba, #f654ba) !important;
  border-radius: 10px !important;
  color: #fff !important;
  width: 80px;
  height: 67px;
}
.pink-theme .bg-search-game {
  background-color: #fff !important;
  border-radius: 10px !important;
}
.pink-theme .unactive-footer {
  color: #606060;
}
.pink-theme .btn-aff-share {
  background: linear-gradient(270deg, #ffa3c1, #ea3ba9);
  border-radius: 10px;
  color: #fff;
  border-color: #ea3ba9 !important;
  filter: drop-shadow(0 0 5px #ea3ba9);
}
.pink-theme #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(254, 154, 186, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.pink-theme .btn-change-language {
  background-color: #fff !important;
  border: 1px solid #ff70c9;
}
.pink-theme .card-money,
.pink-theme .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card-copy-light.73ed8f4.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.pink-theme .bg-iconuser {
  background: #fff;
  padding: 7px;
  border-radius: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #fff;
}
.pink-theme .content-lv {
  padding: 10px 0;
}
.pink-theme .border-bottom-aff {
  border-bottom: 1px solid #ffa3c1;
}
.pink-theme .body-content {
  width: 70%;
  background: #fff;
  border-bottom-right-radius: 20px;
  padding: 0 39px;
  overflow: auto;
  max-height: 300px;
  color: #4f4a3e;
}
@media (max-width: 479px) {
  .pink-theme .body-content {
    width: 75%;
    padding: 0 10px;
  }
}
.pink-theme .active2 {
  color: #4f4a3e !important;
  background: #fff !important;
  border-bottom-left-radius: 0 !important;
}
.pink-theme .tab-item {
  padding: 15px !important;
  font-size: 14px !important;
}
.pink-theme .tab-history-class {
  border-radius: 20px;
  color: #fff;
  border: 1px solid #ea3ba9;
}
.pink-theme .tab-item:last-child {
  border-bottom: 1px solid #c2c2c2;
  border-bottom-left-radius: 20px !important;
}
.pink-theme .tab-item,
.pink-theme .tab-item:last-child {
  cursor: pointer;
  color: #fff;
  background: linear-gradient(180deg, #ffa3c1 0, #ea3ba9);
}
.pink-theme .tab-item {
  border-bottom: 1px solid #c2c2c2;
}
.pink-theme .header-aff {
  background: linear-gradient(180deg, #ffa3c1 0, #ea3ba9);
  border-bottom: 1px solid #fff;
  border-radius: 20px 20px 0 0;
}
.pink-theme .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #c2c2c2;
  border-radius: 30rem !important;
}
.pink-theme .bg-aff-level {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #ffa3c1, #ea3ba9) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.pink-theme .bg-aff-level .nunber-friend {
  background: #ff70c9;
  border-radius: 10px;
  color: #fff;
}
.pink-theme .bg-aff-level .turn-other {
  background: #ffa3c1;
  border-radius: 10px;
}
.pink-theme .bg-aff-level .solid {
  border: 1px solid #ff9eba;
  height: 40px;
}
.pink-theme .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #fff;
  color: #bfbfbf;
  padding: 5px;
}
.pink-theme .filters__button:hover {
  background-color: #fff;
}
.pink-theme .filters-content {
  background-color: #fff;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.pink-theme .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #f1f1f1;
  color: #bfbfbf;
  padding: 5px;
}
.pink-theme .filters__button2:hover {
  background-color: #f1f1f1;
}
.pink-theme .filters [data-content] {
  display: none;
}
.pink-theme [data-content].is-active[data-content] {
  display: grid;
}
.pink-theme [data-target].is-active {
  background: linear-gradient(180deg, #ffa3c1, #ea3ba9);
  border-radius: 10px;
  color: #fff;
}
.pink-theme .condition-header {
  background: linear-gradient(
    109.63deg,
    #ff9eba 3.68%,
    #fc80ba 47.76%,
    #f445ba 95.96%
  );
  border-radius: 5px;
  color: #fff;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.pink-theme .bg-wheel-condition {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(109.63deg, #ff9eba 3.68%, #fc80ba 47.76%, #f445ba 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.pink-theme .btn-up-slip {
  color: #ffa3c1;
  border: 2px solid #ea3ba9 !important;
  background: 0 0 !important;
}
.pink-theme .btn-no-received {
  background: #ffe8ed;
  border-color: #ffe8ed;
  border-radius: 10px;
  color: #4f4a3e;
}
.pink-theme .btn-no-received:focus,
.pink-theme .btn-no-received:hover {
  background-color: #ffe8ed !important;
  border-color: #ffe8ed !important;
  border-radius: 10px !important;
}
.pink-theme .bg-pro {
  background: #f1f1f1;
  border-radius: 10px;
}
.pink-theme .filters-content-bg {
  background-color: #f1f1f1;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.pink-theme .is-unactive {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #f1f1f1;
  color: #7d7d7d;
  padding: 5px;
}
.pink-theme .card-points {
  background: linear-gradient(#fff, #fff) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.pink-theme .r-gold {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.pink-theme .r-gold,
.pink-theme .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.pink-theme .r-silver {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.pink-theme .r-copper {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.pink-theme .cycle-gold {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.pink-theme .cycle-gold,
.pink-theme .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.pink-theme .cycle-silver {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
}
.pink-theme .cycle-copper {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.pink-theme .card-decimal,
.pink-theme .card-transfer {
  background: #f1f1f1;
  box-shadow: 0 4px 10px hsla(0, 0%, 93.3%, 0.12);
  border-radius: 10px;
  color: #000 !important;
}
.pink-theme .bg-choose-team {
  background: #f4f4f4;
  border-radius: 5px;
  color: #4f4a3e;
  padding: 2px;
  margin: 4px;
}
.pink-theme .refesh {
  position: absolute;
  top: 3px;
  right: 12px;
}
.pink-theme .bagfree {
  position: absolute;
  top: 0;
  right: 6px;
}
.pink-theme .hexagon {
  position: relative;
  width: 55px;
  height: 28.7px;
  margin: 35.15px 0;
  border-left: 3.1421px solid #4f4a3e;
  border-right: 3.1421px solid #4f4a3e;
}
.pink-theme .hexagon:after,
.pink-theme .hexagon:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 38.35px;
  height: 38.35px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 5.8249px;
}
.pink-theme .hexagon:before {
  top: -19.1751px;
  border-top: 3.1421px solid #4f4a3e;
  border-right: 3.1421px solid #4f4a3e;
}
.pink-theme .hexagon:after {
  bottom: -19.1751px;
  border-bottom: 3.1421px solid #4f4a3e;
  border-left: 3.1421px solid #4f4a3e;
}
.pink-theme *,
.pink-theme :after,
.pink-theme :before {
  box-sizing: border-box;
}
.pink-theme .bg-month {
  background: #f1f1f1;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #7d7d7d;
}
.pink-theme .bg-month-active {
  background: linear-gradient(#f1f1f1, #f1f1f1) padding-box,
    linear-gradient(90deg, #ffa3c1, #ea3ba9) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #4f4a3e;
  border: 1px solid transparent;
}
.pink-theme .inactive {
  background: rgba(62, 62, 62, 0.7) !important;
}
.pink-theme .bagfree2 {
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 35px;
}
.pink-theme .btn.focus {
  box-shadow: 0 0 0 0.2rem hsla(0, 0%, 100%, 0.25) !important;
}
.pink-theme .arry-input {
  height: calc(1.5em + 5rem + 10px) !important;
  border-radius: 10px !important;
  color: #4f4a3e !important;
}
.violet-theme body {
  background: #eee;
}
.violet-theme .bg-login {
  background: linear-gradient(0deg, #6548d6 0, #e2daff);
  min-height: 100vh;
  height: 100%;
  width: 100%;
}
.violet-theme .bg-header {
  background: #eee;
}
.violet-theme .shadow-today {
  box-shadow: 0 0 15px #bcadfe;
}
.violet-theme .bd-daily-fix {
  border-color: #8b72ef !important;
  background: #eee !important;
}
.violet-theme .text-deposited-daily-fix {
  color: #bbb;
}
.violet-theme .bg-table-daily-fix {
  background: #957ef2 !important;
  color: #4f4a3e !important;
}
.violet-theme .text-daily-fix {
  color: #7b67c8 !important;
}
.violet-theme .text-credit-daily {
  background: linear-gradient(180deg, #fff 0, #fff) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.violet-theme .text-color {
  color: #4f4a3e !important;
}
.violet-theme .text-template {
  color: #7b67c8;
}
.violet-theme .text-theme {
  color: #fff;
}
.violet-theme .text-spcial {
  background: linear-gradient(180deg, #696969 0, #1a1c1c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.violet-theme .text-linear,
.violet-theme .text-linear-footer {
  background: linear-gradient(180deg, #bcadfe 0, #7c5feb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.violet-theme .text-see-history {
  color: #4f4a3e;
}
.violet-theme .text-head-hisotry {
  color: #7b67c8;
}
.violet-theme .text-color-icon,
.violet-theme .text-credit,
.violet-theme .text-tranfer {
  background: linear-gradient(180deg, #bcadfe 0, #7c5feb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.violet-theme .bg-ball-choose-team,
.violet-theme .bg-credit {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #bcadfe, #7c5feb) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.violet-theme .bg-wallet {
  background: #fff;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
}
.violet-theme .bg-credit-free {
  background: linear-gradient(180deg, #bcadfe, #7c5feb);
  border-radius: 0 0 10px 10px;
  color: #fff !important;
}
.violet-theme .recevied-com {
  background: #f3f0ff;
  border-radius: 10px;
  border: 2px solid #7b67c8;
  color: #7b67c8;
}
.violet-theme .bg-card-commission {
  background: #fff;
}
.violet-theme .bg-turn {
  color: #4f4a3e;
  background: #fff;
  border-radius: 10px;
}
.violet-theme .bg-icon-index {
  background: #fff !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 6px rgba(79, 74, 62, 0.1);
}
.violet-theme .bg-con-turn {
  background: #f4f4f4 !important;
}
.violet-theme .color-toogle {
  background: linear-gradient(180deg, #5cc875 0, #5cc875);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.violet-theme .tab-content > .active {
  display: block;
  background: #fff !important;
}
.violet-theme .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #bfafff, #7a5eea) !important;
  color: #fff !important;
}
.violet-theme .active-bg {
  background: linear-gradient(180deg, #bcadfe, #7c5feb) !important;
  color: #fff !important;
}
.violet-theme .tab-box {
  background-color: #fff;
  color: #bfbfbf;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.violet-theme .nav-tabs {
  border-bottom: 2px solid #e1e1e1 !important;
}
.violet-theme .nav-tabs .nav-link {
  border: 0 !important;
  background: #fff;
  color: #bfbfbf !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.violet-theme .boder-right {
  height: 50px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.2509803922);
}
.violet-theme .btn-copy-bank {
  background: #509bf8;
  border-radius: 10px;
  color: #fff;
  width: max-content;
  border-color: #509bf8;
  box-shadow: 0 4px 4px rgba(79, 74, 62, 0.16);
}
.violet-theme .btn-money {
  border-color: #bcadfe;
  border-radius: 10px;
  background: #f9f9f9;
  color: #bcadfe;
}
.violet-theme .active-btn-amount {
  background: linear-gradient(180deg, #bcadfe, #7c5feb) !important;
  color: #fff !important;
  font-weight: 900;
}
.violet-theme .btn-topup-promptpay {
  border-color: #bcadfe;
  border-radius: 10px;
  background: linear-gradient(180deg, #bcadfe, #7c5feb) !important;
  color: #fff;
}
.violet-theme .boder-color {
  border-color: #fff !important;
}
.violet-theme .is-active-register {
  background: #9983f3 !important;
  border: 1px solid #8b72ef !important;
}
.violet-theme .b-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin: 0;
  outline: 0;
  transform: translateX(0);
  background: linear-gradient(180deg, #c7bafc 0, #937fe3) !important;
}
.violet-theme .bg-info {
  color: #4f4a3e;
  background: #f4f4f4 !important;
  padding: 5px;
  border-radius: 10px;
}
.violet-theme .btn-change {
  background: #fff;
  box-shadow: 0 4px 10px hsla(0, 0%, 93.3%, 0.12);
  border-radius: 10px;
}
.violet-theme .card-pro {
  background: #f4f4f4;
  border-radius: 10px;
  color: #4f4a3e !important;
  font-weight: 400 !important;
}
.violet-theme .bg-lock {
  background: #7b67c8;
  padding: 8px;
  border-radius: 20px;
  width: 40px;
  color: #fff;
}
.violet-theme .btn-cancel {
  background: #fff;
  border-radius: 10px;
  color: #7b67c8 !important;
  border: 1px solid #7b67c8;
}
.violet-theme .btn-theme-one {
  background: #9e89f5;
  border-color: #fff !important;
  color: #fff;
  border-radius: 10px !important;
}
.violet-theme .btn-login,
.violet-theme .btn-theme-two {
  background: linear-gradient(180deg, #bcadfe, #7c5feb);
  border-radius: 10px;
  color: #fff;
  border-color: #eee !important;
}
.violet-theme .btn-theme-seemore {
  background: #565553;
  border-radius: 10px;
  color: #fff;
  border-color: #565553 !important;
}
.violet-theme .btn-copy {
  background: linear-gradient(180deg, #bcadfe, #7c5feb) !important;
  border-radius: 0 10px 10px 0 !important;
  color: #fff !important;
}
.violet-theme .card {
  background: #fff !important;
  color: #4f4a3e !important;
  filter: drop-shadow(0 1px 1px #989898);
}
.violet-theme .bg-input-theme {
  background-color: #f4f1ff !important;
}
.violet-theme .border-theme {
  border-radius: 15px !important;
}
.violet-theme .icon-activity {
  filter: invert(0);
  width: 20px;
}
.violet-theme .bg-table {
  background-color: #fff;
  border-radius: 10px;
  border: 0 solid #fff !important;
}
.violet-theme .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #765dd6 !important;
  border-top: 0 solid #765dd6 !important;
  padding: 4px 12px;
  background: #765dd6;
  color: #fff !important;
}
.violet-theme .table td {
  vertical-align: top;
  border-top: 0 solid #957ef2 !important;
}
.violet-theme .Daily__item__box {
  position: relative;
  height: 75px;
  background: #fff;
  border-radius: 10px;
  border: 2px solid #b19ffb;
}
.violet-theme .Daily__item__box.active {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #bcadfe, #7c5feb) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.violet-theme .Daily__item__box.active-today {
  background: linear-gradient(180deg, #bcadfe, #7c5feb);
  border: none !important;
}
.violet-theme .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 10px;
}
.violet-theme .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.violet-theme .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.violet-theme .text-daily {
  color: #4f4a3e;
}
.violet-theme .btn-reward {
  width: 85%;
  border-radius: 10px;
  border: 2px solid #b19ffb;
  cursor: pointer;
}
.violet-theme .bg-btn-point {
  background: #c2c2c2;
  border-radius: 20px;
  margin: 4px;
}
.violet-theme .bg-chosses {
  background-color: #fff;
  border-radius: 15px;
  filter: drop-shadow(0 1px 1px #989898);
  color: #4f4a3e;
}
.violet-theme .bg-hover:hover,
.violet-theme .btn-hover:focus {
  background-color: #dedede;
}
.violet-theme .showSlide {
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 80%;
  display: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.violet-theme #modal-suscess-complain .modal-content,
.violet-theme .showSlide {
  background-color: #fff !important;
}
.violet-theme .from-complain {
  display: block;
  width: 100%;
  height: calc(1.5em + 5rem + 10px) !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  background-color: #f4f4f4 !important;
  background-clip: padding-box;
  border: 1px solid #f4f4f4 !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.violet-theme .btn-withdraw {
  background: linear-gradient(180deg, #bcadfe, #7c5feb);
  box-shadow: 0 4px 4px rgba(149, 126, 242, 0.16);
  border-radius: 10px;
  color: #fff;
  border-color: #7c5feb !important;
}
.violet-theme .cover-withdraw {
  background: #fff;
  border-radius: 0 0 10px 10px;
}
.violet-theme .hd-withdraw {
  background: #957ef2;
  border-radius: 10px 10px 0 0;
  color: #4f4a3e;
  padding: 10px;
}
.violet-theme .card-withdraw {
  background: #f4f4f4 !important;
  color: #4f4a3e !important;
  border-radius: 5px;
}
.violet-theme .page-item.active .page-link {
  z-index: 3;
  color: #4f4a3e;
  background-color: #a08bf5 !important;
  border-color: #a08bf5 !important;
}
.violet-theme .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #4f4a3e !important;
  background-color: #eee !important;
  border: 1px solid #4f4a3e !important;
}
.violet-theme .custom-control-input:checked ~ .custom-control-label:before {
  color: #4f4a3e !important;
  border-color: #7b67c8 !important;
  background-color: #7b67c8 !important;
}
.violet-theme .boxcredit {
  background: rgba(34, 32, 32, 0.6);
  width: 50%;
}
.violet-theme .border-color {
  border: 2px solid #bdaff7;
  border-radius: 10px;
}
.violet-theme .btn-box {
  background: linear-gradient(315deg, #bcadfe, #7c5feb 74%) !important;
  border-radius: 5px 25px;
  filter: drop-shadow(1px 2px 4px #a28df5);
  border-color: #bcadfe !important;
}
.violet-theme .breadcrumb {
  background-color: #eee !important;
}
.violet-theme .breadcrumb-item.active {
  color: #7b67c8 !important;
}
.violet-theme .swal2-popup {
  background: #eee !important;
}
.violet-theme .swal2-content,
.violet-theme .swal2-title {
  color: #4f4a3e !important;
}
.violet-theme .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #bcadfe, #7c5feb) !important;
  border-radius: 10px !important;
  border-color: #4f4a3e !important;
  color: #4f4a3e !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.violet-theme .bg-body-modal {
  background: linear-gradient(180deg, #bcadfe, #7c5feb);
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #fff !important;
  color: #fff;
}
.violet-theme .modal-content {
  border-radius: 1rem !important;
}
.violet-theme .bg-body,
.violet-theme .bg-body-promotion {
  background: #fff !important;
}
.violet-theme .bg-footer {
  border-top: 1px solid #fff !important;
  border-bottom-right-radius: calc(1rem - 1px) !important;
  border-bottom-left-radius: calc(1rem - 1px) !important;
  background-color: #fff !important;
}
.violet-theme #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.violet-theme #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(149, 126, 242, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.violet-theme #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #fff !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.violet-theme #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.violet-theme #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(149, 126, 242, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.violet-theme #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #fff !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.violet-theme #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.violet-theme #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(149, 126, 242, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.violet-theme .card-bank {
  background: #f4f4f4;
  box-shadow: 0 4px 10px hsla(0, 0%, 93.3%, 0.12);
  border-radius: 10px;
  color: #4f4a3e !important;
}
.violet-theme .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid rgba(149, 126, 242, 0.125);
}
.violet-theme .swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid;
  border-radius: 50%;
}
.violet-theme .swal2-icon.swal2-success [class^="swal2-success-line"] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
}
.violet-theme .form-control {
  display: block;
  padding: 0.375rem 0.75rem;
  background-color: #f4f4f4;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.violet-theme .custom-select,
.violet-theme .form-control {
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  border: 1px solid #f4f4f4 !important;
  border-radius: 0.25rem;
}
.violet-theme .custom-select {
  display: inline-block;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  vertical-align: middle;
  background-color: #f4f4f4 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.violet-theme .multiselect__tags {
  min-height: 40px;
  display: block;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  border: 1px solid #f4f4f4 !important;
  background: #fff !important;
  font-size: 14px;
  color: #4f4a3e !important;
}
.violet-theme .multiselect__content-wrapper {
  position: absolute;
  display: block;
  background: #f4f4f4 !important;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border: 1px solid #f4f4f4 !important;
  border-top: none;
  color: #4f4a3e !important;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.violet-theme .multiselect__input,
.violet-theme .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #fff !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
}
.violet-theme .multiselect__option--highlight {
  background: #fff !important;
  outline: none;
  color: #4f4a3e !important;
}
.violet-theme #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(149, 126, 242, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.violet-theme .border-banner {
  border: 2px solid #bcadfe;
  border-radius: 10px;
}
.violet-theme .btn-secondary:hover {
  color: #4f4a3e;
  background-color: #bcadfe !important;
  border-color: none !important;
}
.violet-theme .btn-secondary.focus,
.violet-theme .btn-secondary:focus {
  color: #4f4a3e;
  background-color: #bcadfe !important;
  border-color: #bcadfe !important;
}
.violet-theme .bg-choose {
  background: #fff !important;
  color: #4f4a3e;
}
.violet-theme .btn-join-activity {
  background: linear-gradient(180deg, #bcadfe, #7c5feb);
  border-radius: 0 0 10px 10px;
  color: #fff;
  border: #9e89f5;
}
.violet-theme .bg-input {
  background: #fff !important;
  border-radius: 10px;
  color: #4f4a3e;
  border: none !important;
}
.violet-theme .bg-condition {
  background: #f4f1ff !important;
  color: #4f4a3e;
}
.violet-theme .header-login {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5019607843);
  border: 0 solid rgba(149, 126, 242, 0.125);
}
.violet-theme .footer-wrapper1 {
  height: auto;
}
.violet-theme .footer-wrapper,
.violet-theme .footer-wrapper1 {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.violet-theme .footer-wrapper {
  height: 58px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: #fff;
  box-shadow: 0 0 16px rgba(191, 175, 255, 0.55);
  z-index: 2;
}
.violet-theme .footer-wrapper .play-game {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 15px;
  text-align: center;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #bfafff, #b09dfb 50%, #7a5eea);
  box-shadow: 0 4px 6px rgba(149, 126, 242, 0.25);
}
.violet-theme .footer-wrapper .play-game .play-game-box {
  display: table-cell;
  transform: rotate(316deg);
  vertical-align: middle;
}
.violet-theme .footer-wrapper .play-game .item-count {
  width: 30px;
  filter: invert(0);
}
.violet-theme .footer-wrapper .play-game-5 {
  border-radius: 30px;
  height: 50px;
  text-align: center;
  width: 50px;
  padding: 8px;
  background: linear-gradient(180deg, #bfafff, #b09dfb 50%, #7a5eea);
  box-shadow: 0 4px 6px rgba(149, 126, 242, 0.25);
  position: absolute;
  top: -20px;
}
.violet-theme .footer-wrapper .play-game-5 .play-game-box-5 {
  display: table-cell;
  vertical-align: middle;
}
.violet-theme .footer-wrapper .play-game-5 .item-count {
  width: 34px;
  filter: invert(1);
}
.violet-theme a {
  color: #4f4a3e !important;
}
.violet-theme a:hover {
  color: --blue;
  text-decoration: none !important;
}
.violet-theme .bg-table-aff {
  background-color: #fff !important;
  border: 0 solid #fff !important;
}
.violet-theme .border-left {
  border-left: 3px solid #7b67c8 !important;
}
.violet-theme .border-solid {
  border: 1px solid #957ef2;
}
.violet-theme .bg-from-aff {
  display: inline-block;
  width: 50% !important;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  vertical-align: middle;
  background-color: #fff !important;
  border: 1px solid #fff !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.violet-theme .bg-in-aff {
  background: #f4f4f4;
  border-radius: 5px;
  color: #4f4a3e;
  padding: 5px;
}
.violet-theme .icon-aff {
  position: absolute;
  top: 92px;
  left: 0;
  right: 0;
  color: #4f4a3e;
}
.violet-theme .btn-comein {
  position: absolute;
  bottom: -17%;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.violet-theme .bg-search {
  background-color: #fff !important;
}
.violet-theme .bg-from,
.violet-theme .bg-search {
  border: 1px solid #7b67c8 !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: #4f4a3e !important;
}
.violet-theme .bg-from {
  background-color: #fff !important;
  background: #464646 url(/_nuxt/img/dropdown.2ae9015.png) no-repeat right
    0.75rem center/10px 8px;
}
.violet-theme .search {
  position: absolute;
  right: 24px;
  color: #b19ffb;
}
.violet-theme .card-point {
  background: #eee !important;
  filter: drop-shadow(0 0 0 #eeeeee) !important;
  color: #4f4a3e !important;
  border-radius: 10px;
}
.violet-theme .bg-point {
  background: #bcadfe;
  border-radius: 20px;
  margin: 4px;
  color: #4f4a3e;
}
.violet-theme .bg-card-his {
  background: #eee !important;
  filter: drop-shadow(0 0 0 #eeeeee) !important;
  color: #4f4a3e !important;
}
.violet-theme .card-nodata {
  background: #fff;
  color: #4f4a3e;
  padding: 80px;
  border-radius: 10px;
}
.violet-theme .action-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2%;
}
.violet-theme .action-wrapper__btn-spin {
  background-image: url(https://es-dev.vrbet.com/_nuxt/img/button.1e27aca.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 6vw;
  width: 14vw;
  margin-bottom: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.violet-theme .action-wrapper__btn-spin span {
  font-size: 3vw;
  color: #4f4a3e;
  -webkit-text-stroke: 3px #4f4a3e;
}
@media screen and (max-width: 992px) {
  .violet-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2.5px #4f4a3e;
    font-size: 6vw;
  }
}
@media screen and (max-width: 480px) {
  .violet-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2px #4f4a3e;
    font-size: 8vw;
  }
}
@media screen and (max-width: 992px) {
  .violet-theme .action-wrapper__btn-spin {
    margin-top: 3vw;
    width: 26vw;
    height: 12vw;
  }
}
@media screen and (max-width: 480px) {
  .violet-theme .action-wrapper__btn-spin {
    width: 40vw;
    height: 18vw;
  }
}
.violet-theme .action-wrapper__btn-spin.disabledbtn {
  cursor: not-allowed;
  filter: grayscale(1);
}
.violet-theme .glass-panel {
  color: #4f4a3e;
  margin: 40px auto;
  background-color: rgba(79, 74, 62, 0.06);
  border: 1px solid rgba(79, 74, 62, 0.1);
  width: 100%;
  border-radius: 15px;
  padding: 32px;
  backdrop-filter: blur(10px);
}
.violet-theme .glass-button {
  display: inline-block;
  padding: 15px 18px;
  text-decoration: none;
  border-radius: 15px;
  background-color: hsla(0, 0%, 100%, 0.06);
  border: 1px solid #957ef2;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: #957ef2;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}
.violet-theme .glass-button:hover {
  background-color: rgba(79, 74, 62, 0.2);
}
.violet-theme .glass-panel {
  max-width: 600px;
}
.violet-theme #background-wrap {
  bottom: 0;
  left: 0;
  padding-top: 50px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.violet-theme .x1 {
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 35s linear infinite;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  transform: scale(0.65);
}
.violet-theme .x2 {
  -webkit-animation: animateCloud 20s linear infinite;
  -moz-animation: animateCloud 20s linear infinite;
  animation: animateCloud 20s linear infinite;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.violet-theme .x3 {
  -webkit-animation: animateCloud 30s linear infinite;
  -moz-animation: animateCloud 30s linear infinite;
  animation: animateCloud 30s linear infinite;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.violet-theme .x4 {
  -webkit-animation: animateCloud 18s linear infinite;
  -moz-animation: animateCloud 18s linear infinite;
  animation: animateCloud 18s linear infinite;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.violet-theme .x5 {
  -webkit-animation: animateCloud 25s linear infinite;
  -moz-animation: animateCloud 25s linear infinite;
  animation: animateCloud 25s linear infinite;
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  transform: scale(0.55);
}
.violet-theme .cloud {
  background: #fff;
  background: -moz-linear-gradient(top, #fff 5%, #d1dff6 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, #fff),
    color-stop(100%, #d1dff6)
  );
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 8px 5px rgba(149, 126, 242, 0.1);
  -moz-box-shadow: 0 8px 5px rgba(149, 126, 242, 0.1);
  box-shadow: 0 8px 5px rgba(149, 126, 242, 0.1);
  height: 120px;
  position: relative;
  width: 350px;
}
.violet-theme .cloud:after,
.violet-theme .cloud:before {
  background: #fff;
  content: "";
  position: absolute;
  z-index: -1;
}
.violet-theme .cloud:after {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  height: 100px;
  left: 50px;
  top: -50px;
  width: 100px;
}
.violet-theme .cloud:before {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  width: 180px;
  height: 180px;
  right: 50px;
  top: -90px;
}
.violet-theme .bg-share-facebook {
  background-color: #fff !important;
  color: #4f4a3e !important;
}
.violet-theme .bg-game {
  background: linear-gradient(#fff, #fff);
  border-radius: 10px;
  border: unset;
  color: #4f4a3e !important;
  width: 80px;
  height: 67px;
}
.violet-theme .bg-game-active {
  background: linear-gradient(180deg, #b29ffb, #7a5eea) !important;
  border-radius: 10px !important;
  color: #fff !important;
  width: 80px;
  height: 67px;
}
.violet-theme .bg-search-game {
  background-color: #fff !important;
  border-radius: 10px !important;
}
.violet-theme .unactive-footer {
  color: #606060;
}
.violet-theme .btn-aff-share {
  background: linear-gradient(270deg, #bcadfe, #7c5feb);
  border-radius: 10px;
  color: #fff;
  border-color: #7c5feb !important;
  filter: drop-shadow(0 0 5px #7c5feb);
}
.violet-theme #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(149, 126, 242, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.violet-theme .btn-change-language {
  background-color: #fff !important;
  border: 1px solid #7b67c8;
}
.violet-theme .card-money,
.violet-theme .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card-copy-light.73ed8f4.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.violet-theme .bg-iconuser {
  background: #fff;
  padding: 7px;
  border-radius: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #fff;
}
.violet-theme .content-lv {
  padding: 10px 0;
}
.violet-theme .border-bottom-aff {
  border-bottom: 1px solid #bcadfe;
}
.violet-theme .body-content {
  width: 70%;
  background: #fff;
  border-bottom-right-radius: 20px;
  padding: 0 39px;
  overflow: auto;
  max-height: 300px;
  color: #4f4a3e;
}
@media (max-width: 479px) {
  .violet-theme .body-content {
    width: 75%;
    padding: 0 10px;
  }
}
.violet-theme .active2 {
  color: #4f4a3e !important;
  background: #fff !important;
  border-bottom-left-radius: 0 !important;
}
.violet-theme .tab-item {
  padding: 15px !important;
  font-size: 14px !important;
}
.violet-theme .tab-history-class {
  border-radius: 20px;
  color: #fff;
  border: 1px solid #7c5feb;
}
.violet-theme .tab-item:last-child {
  border-bottom: 1px solid #c2c2c2;
  border-bottom-left-radius: 20px !important;
}
.violet-theme .tab-item,
.violet-theme .tab-item:last-child {
  cursor: pointer;
  color: #fff;
  background: linear-gradient(180deg, #bcadfe 0, #7c5feb);
}
.violet-theme .tab-item {
  border-bottom: 1px solid #c2c2c2;
}
.violet-theme .header-aff {
  background: linear-gradient(180deg, #bcadfe 0, #7c5feb);
  border-bottom: 1px solid #fff;
  border-radius: 20px 20px 0 0;
}
.violet-theme .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #c2c2c2;
  border-radius: 30rem !important;
}
.violet-theme .bg-aff-level {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #bcadfe, #7c5feb) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.violet-theme .bg-aff-level .nunber-friend {
  background: #7b67c8;
  border-radius: 10px;
  color: #fff;
}
.violet-theme .bg-aff-level .turn-other {
  background: #bfafff;
  border-radius: 10px;
}
.violet-theme .bg-aff-level .solid {
  border: 1px solid #bfafff;
  height: 40px;
}
.violet-theme .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #fff;
  color: #bfbfbf;
  padding: 5px;
}
.violet-theme .filters__button:hover {
  background-color: #fff;
}
.violet-theme .filters-content {
  background-color: #fff;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.violet-theme .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #f1f1f1;
  color: #bfbfbf;
  padding: 5px;
}
.violet-theme .filters__button2:hover {
  background-color: #f1f1f1;
}
.violet-theme .filters [data-content] {
  display: none;
}
.violet-theme [data-content].is-active[data-content] {
  display: grid;
}
.violet-theme [data-target].is-active {
  background: linear-gradient(180deg, #bcadfe, #7c5feb);
  border-radius: 10px;
  color: #fff;
}
.violet-theme .condition-header {
  background: linear-gradient(
    109.63deg,
    #bfafff 3.68%,
    #b09dfb 47.76%,
    #7a5eea 95.96%
  );
  border-radius: 5px;
  color: #fff;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.violet-theme .bg-wheel-condition {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(109.63deg, #bfafff 3.68%, #b09dfb 47.76%, #7a5eea 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.violet-theme .btn-up-slip {
  color: #bcadfe;
  border: 2px solid #7c5feb !important;
  background: 0 0 !important;
}
.violet-theme .btn-no-received {
  background: #f5e8de;
  border-color: #f5e8de;
  border-radius: 10px;
  color: #4f4a3e;
}
.violet-theme .btn-no-received:focus,
.violet-theme .btn-no-received:hover {
  background-color: #f5e8de !important;
  border-color: #f5e8de !important;
  border-radius: 10px !important;
}
.violet-theme .bg-pro {
  background: #f1f1f1;
  border-radius: 10px;
}
.violet-theme .filters-content-bg {
  background-color: #f1f1f1;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.violet-theme .is-unactive {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #f1f1f1;
  color: #7d7d7d;
  padding: 5px;
}
.violet-theme .card-points {
  background: linear-gradient(#fff, #fff) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.violet-theme .r-gold {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.violet-theme .r-gold,
.violet-theme .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.violet-theme .r-silver {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.violet-theme .r-copper {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.violet-theme .cycle-gold {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.violet-theme .cycle-gold,
.violet-theme .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.violet-theme .cycle-silver {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
}
.violet-theme .cycle-copper {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.violet-theme .card-decimal,
.violet-theme .card-transfer {
  background: #f1f1f1;
  box-shadow: 0 4px 10px hsla(0, 0%, 93.3%, 0.12);
  border-radius: 10px;
  color: #000 !important;
}
.violet-theme .bg-choose-team {
  background: #f4f4f4;
  border-radius: 5px;
  color: #4f4a3e;
  padding: 2px;
  margin: 4px;
}
.violet-theme .refesh {
  position: absolute;
  top: 3px;
  right: 12px;
}
.violet-theme .bagfree {
  position: absolute;
  top: 0;
  right: 6px;
}
.violet-theme .hexagon {
  position: relative;
  width: 55px;
  height: 28.7px;
  margin: 35.15px 0;
  border-left: 3.1421px solid #4f4a3e;
  border-right: 3.1421px solid #4f4a3e;
}
.violet-theme .hexagon:after,
.violet-theme .hexagon:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 38.35px;
  height: 38.35px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 5.8249px;
}
.violet-theme .hexagon:before {
  top: -19.1751px;
  border-top: 3.1421px solid #4f4a3e;
  border-right: 3.1421px solid #4f4a3e;
}
.violet-theme .hexagon:after {
  bottom: -19.1751px;
  border-bottom: 3.1421px solid #4f4a3e;
  border-left: 3.1421px solid #4f4a3e;
}
.violet-theme *,
.violet-theme :after,
.violet-theme :before {
  box-sizing: border-box;
}
.violet-theme .bg-month {
  background: #f1f1f1;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #7d7d7d;
}
.violet-theme .bg-month-active {
  background: linear-gradient(#f1f1f1, #f1f1f1) padding-box,
    linear-gradient(90deg, #bcadfe, #7c5feb) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #4f4a3e;
  border: 1px solid transparent;
}
.violet-theme .inactive {
  background: rgba(62, 62, 62, 0.7) !important;
}
.violet-theme .bagfree2 {
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 35px;
}
.violet-theme .btn.focus {
  box-shadow: 0 0 0 0.2rem hsla(0, 0%, 100%, 0.25) !important;
}
.violet-theme .arry-input {
  height: calc(1.5em + 5rem + 10px) !important;
  border-radius: 10px !important;
  color: #4f4a3e !important;
}
.wine-theme body {
  background: #eee;
}
.wine-theme .bg-login {
  background: linear-gradient(0deg, #ac296e 0, #dac8d1);
  min-height: 100vh;
  height: 100%;
  width: 100%;
}
.wine-theme .bg-header {
  background: #eee;
}
.wine-theme .shadow-today {
  box-shadow: 0 0 15px #ef82bc;
}
.wine-theme .bd-daily-fix {
  border-color: #bb5189 !important;
  background: #eee !important;
}
.wine-theme .text-deposited-daily-fix {
  color: #bbb;
}
.wine-theme .bg-table-daily-fix {
  background: #ef82bc !important;
  color: #4f4a3e !important;
}
.wine-theme .text-daily-fix {
  color: #ce4c91 !important;
}
.wine-theme .text-credit-daily {
  background: linear-gradient(180deg, #fff 0, #fff) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.wine-theme .text-color {
  color: #4f4a3e !important;
}
.wine-theme .text-template {
  color: #ce4c91;
}
.wine-theme .text-theme {
  color: #fff;
}
.wine-theme .text-spcial {
  background: linear-gradient(180deg, #696969 0, #1a1c1c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.wine-theme .text-linear,
.wine-theme .text-linear-footer {
  background: linear-gradient(180deg, #ef82bc 0, #a10055);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.wine-theme .text-see-history {
  color: #4f4a3e;
}
.wine-theme .text-head-hisotry {
  color: #ce4c91;
}
.wine-theme .text-color-icon,
.wine-theme .text-credit,
.wine-theme .text-tranfer {
  background: linear-gradient(180deg, #ef82bc 0, #a10055);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.wine-theme .bg-ball-choose-team,
.wine-theme .bg-credit {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #ef82bc, #a10055) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.wine-theme .bg-wallet {
  background: #fff;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
}
.wine-theme .bg-credit-free {
  background: linear-gradient(180deg, #ef82bc, #a10055);
  border-radius: 0 0 10px 10px;
  color: #fff !important;
}
.wine-theme .recevied-com {
  background: #ffeded;
  border-radius: 10px;
  border: 2px solid #ce4c91;
  color: #ce4c91;
}
.wine-theme .bg-card-commission {
  background: #fff;
}
.wine-theme .bg-turn {
  color: #4f4a3e;
  background: #fff;
  border-radius: 10px;
}
.wine-theme .bg-icon-index {
  background: #fff !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 6px rgba(79, 74, 62, 0.1);
}
.wine-theme .bg-con-turn {
  background: #f4f4f4 !important;
}
.wine-theme .color-toogle {
  background: linear-gradient(180deg, #5cc875 0, #5cc875);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.wine-theme .tab-content > .active {
  display: block;
  background: #fff !important;
}
.wine-theme .active-bg,
.wine-theme .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #ef82bc, #a10055) !important;
  color: #fff !important;
}
.wine-theme .tab-box {
  background-color: #fff;
  color: #bfbfbf;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.wine-theme .nav-tabs {
  border-bottom: 2px solid #e1e1e1 !important;
}
.wine-theme .nav-tabs .nav-link {
  border: 0 !important;
  background: #fff;
  color: #bfbfbf !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.wine-theme .boder-right {
  height: 50px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.2509803922);
}
.wine-theme .btn-copy-bank {
  background: #509bf8;
  border-radius: 10px;
  color: #fff;
  width: max-content;
  border-color: #509bf8;
  box-shadow: 0 4px 4px rgba(79, 74, 62, 0.16);
}
.wine-theme .btn-money {
  border-color: #ef82bc;
  border-radius: 10px;
  background: rgba(255, 237, 237, 0.2);
  color: #ef82bc;
}
.wine-theme .active-btn-amount {
  background: linear-gradient(180deg, #ef82bc, #a10055) !important;
  color: #fff !important;
  font-weight: 900;
}
.wine-theme .btn-topup-promptpay {
  border-color: #ef82bc;
  border-radius: 10px;
  background: linear-gradient(180deg, #ef82bc, #a10055) !important;
  color: #fff;
}
.wine-theme .boder-color {
  border-color: #fff !important;
}
.wine-theme .is-active-register {
  background: #b64e83 !important;
  border: 1px solid #bb5189 !important;
}
.wine-theme .b-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin: 0;
  outline: 0;
  transform: translateX(0);
  background: linear-gradient(180deg, #e366a8 0, #b40361) !important;
}
.wine-theme .bg-info {
  color: #4f4a3e;
  background: #f4f4f4 !important;
  padding: 5px;
  border-radius: 10px;
}
.wine-theme .btn-change {
  background: #fff;
  box-shadow: 0 4px 10px hsla(0, 0%, 93.3%, 0.12);
  border-radius: 10px;
}
.wine-theme .card-pro {
  background: #f4f4f4;
  border-radius: 10px;
  color: #4f4a3e !important;
  font-weight: 400 !important;
}
.wine-theme .bg-lock {
  background: #ce4c91;
  padding: 8px;
  border-radius: 20px;
  width: 40px;
  color: #fff;
}
.wine-theme .btn-cancel {
  background: #fff;
  border-radius: 10px;
  color: #ce4c91 !important;
  border: 1px solid #ce4c91;
}
.wine-theme .btn-theme-one {
  background: #a10055;
  border-color: #fff !important;
  color: #fff;
  border-radius: 10px !important;
}
.wine-theme .btn-login,
.wine-theme .btn-theme-two {
  background: linear-gradient(180deg, #ef82bc, #a10055);
  border-radius: 10px;
  color: #fff;
  border-color: #eee !important;
}
.wine-theme .btn-theme-seemore {
  background: #565553;
  border-radius: 10px;
  color: #fff;
  border-color: #565553 !important;
}
.wine-theme .btn-copy {
  background: linear-gradient(180deg, #ef82bc, #a10055) !important;
  border-radius: 0 10px 10px 0 !important;
  color: #fff !important;
}
.wine-theme .card {
  background: #fff !important;
  color: #4f4a3e !important;
  filter: drop-shadow(0 1px 1px #989898);
}
.wine-theme .bg-input-theme {
  background-color: #ffeded !important;
}
.wine-theme .border-theme {
  border-radius: 15px !important;
}
.wine-theme .icon-activity {
  filter: invert(0);
  width: 20px;
}
.wine-theme .bg-table {
  background-color: #fff;
  border-radius: 10px;
  border: 0 solid #fff !important;
}
.wine-theme .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #ce4c91 !important;
  border-top: 0 solid #ce4c91 !important;
  padding: 4px 12px;
  background: #ce4c91;
  color: #fff !important;
}
.wine-theme .table td {
  vertical-align: top;
  border-top: 0 solid #ce4c91 !important;
}
.wine-theme .Daily__item__box {
  position: relative;
  height: 75px;
  background: #fff;
  border-radius: 10px;
  border: 2px solid #bb5189;
}
.wine-theme .Daily__item__box.active {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #ef82bc, #a10055) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.wine-theme .Daily__item__box.active-today {
  background: linear-gradient(180deg, #ef82bc, #a10055);
  border: none !important;
}
.wine-theme .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 10px;
}
.wine-theme .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.wine-theme .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.wine-theme .text-daily {
  color: #4f4a3e;
}
.wine-theme .btn-reward {
  width: 85%;
  border-radius: 10px;
  border: 2px solid #bb5189;
  cursor: pointer;
}
.wine-theme .bg-btn-point {
  background: #c2c2c2;
  border-radius: 20px;
  margin: 4px;
}
.wine-theme .bg-chosses {
  background-color: #fff;
  border-radius: 15px;
  filter: drop-shadow(0 1px 1px #989898);
  color: #4f4a3e;
}
.wine-theme .bg-hover:hover,
.wine-theme .btn-hover:focus {
  background-color: #dedede;
}
.wine-theme .showSlide {
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 80%;
  display: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.wine-theme #modal-suscess-complain .modal-content,
.wine-theme .showSlide {
  background-color: #fff !important;
}
.wine-theme .from-complain {
  display: block;
  width: 100%;
  height: calc(1.5em + 5rem + 10px) !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  background-color: #f4f4f4 !important;
  background-clip: padding-box;
  border: 1px solid #f4f4f4 !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.wine-theme .btn-withdraw {
  background: linear-gradient(180deg, #ef82bc, #a10055);
  box-shadow: 0 4px 4px rgba(206, 76, 145, 0.16);
  border-radius: 10px;
  color: #fff;
  border-color: #a10055 !important;
}
.wine-theme .cover-withdraw {
  background: #fff;
  border-radius: 0 0 10px 10px;
}
.wine-theme .hd-withdraw {
  background: #ef82bc;
  border-radius: 10px 10px 0 0;
  color: #4f4a3e;
  padding: 10px;
}
.wine-theme .card-withdraw {
  background: #f4f4f4 !important;
  color: #4f4a3e !important;
  border-radius: 5px;
}
.wine-theme .page-item.active .page-link {
  z-index: 3;
  color: #4f4a3e;
  background-color: #ef82bc !important;
  border-color: #ef82bc !important;
}
.wine-theme .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #4f4a3e !important;
  background-color: #eee !important;
  border: 1px solid #4f4a3e !important;
}
.wine-theme .custom-control-input:checked ~ .custom-control-label:before {
  color: #4f4a3e !important;
  border-color: #ce4c91 !important;
  background-color: #ce4c91 !important;
}
.wine-theme .boxcredit {
  background: rgba(34, 32, 32, 0.6);
  width: 50%;
}
.wine-theme .border-color {
  border: 2px solid #8b53a1;
  border-radius: 10px;
}
.wine-theme .btn-box {
  background: linear-gradient(315deg, #ef82bc, #a10055 74%) !important;
  border-radius: 5px 25px;
  filter: drop-shadow(1px 2px 4px #a862c7);
  border-color: #8b53a1 !important;
}
.wine-theme .breadcrumb {
  background-color: #eee !important;
}
.wine-theme .breadcrumb-item.active {
  color: #ce4c91 !important;
}
.wine-theme .swal2-popup {
  background: #eee !important;
}
.wine-theme .swal2-content,
.wine-theme .swal2-title {
  color: #4f4a3e !important;
}
.wine-theme .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #ef82bc, #a10055) !important;
  border-radius: 10px !important;
  border-color: #4f4a3e !important;
  color: #4f4a3e !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.wine-theme .bg-body-modal {
  background: linear-gradient(180deg, #ef82bc, #a10055);
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #fff !important;
  color: #fff;
}
.wine-theme .modal-content {
  border-radius: 1rem !important;
}
.wine-theme .bg-body,
.wine-theme .bg-body-promotion {
  background: #fff !important;
}
.wine-theme .bg-footer {
  border-top: 1px solid #fff !important;
  border-bottom-right-radius: calc(1rem - 1px) !important;
  border-bottom-left-radius: calc(1rem - 1px) !important;
  background-color: #fff !important;
}
.wine-theme #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.wine-theme #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(206, 76, 145, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.wine-theme #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #fff !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.wine-theme #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.wine-theme #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(206, 76, 145, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.wine-theme #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #fff !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.wine-theme #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.wine-theme #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(206, 76, 145, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.wine-theme .card-bank {
  background: #f4f4f4;
  box-shadow: 0 4px 10px hsla(0, 0%, 93.3%, 0.12);
  border-radius: 10px;
  color: #4f4a3e !important;
}
.wine-theme .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid rgba(206, 76, 145, 0.125);
}
.wine-theme .swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid;
  border-radius: 50%;
}
.wine-theme .swal2-icon.swal2-success [class^="swal2-success-line"] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
}
.wine-theme .form-control {
  display: block;
  padding: 0.375rem 0.75rem;
  background-color: #f4f4f4;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.wine-theme .custom-select,
.wine-theme .form-control {
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  border: 1px solid #f4f4f4 !important;
  border-radius: 0.25rem;
}
.wine-theme .custom-select {
  display: inline-block;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  vertical-align: middle;
  background-color: #f4f4f4 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.wine-theme .multiselect__tags {
  min-height: 40px;
  display: block;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  border: 1px solid #f4f4f4 !important;
  background: #fff !important;
  font-size: 14px;
  color: #4f4a3e !important;
}
.wine-theme .multiselect__content-wrapper {
  position: absolute;
  display: block;
  background: #f4f4f4 !important;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border: 1px solid #f4f4f4 !important;
  border-top: none;
  color: #4f4a3e !important;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.wine-theme .multiselect__input,
.wine-theme .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #fff !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
}
.wine-theme .multiselect__option--highlight {
  background: #fff !important;
  outline: none;
  color: #4f4a3e !important;
}
.wine-theme #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(206, 76, 145, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.wine-theme .border-banner {
  border: 2px solid #ef82bc;
  border-radius: 10px;
}
.wine-theme .btn-secondary:hover {
  color: #4f4a3e;
  background-color: #ef82bc !important;
  border-color: none !important;
}
.wine-theme .btn-secondary.focus,
.wine-theme .btn-secondary:focus {
  color: #4f4a3e;
  background-color: #ef82bc !important;
  border-color: #ef82bc !important;
}
.wine-theme .bg-choose {
  background: #fff !important;
  color: #4f4a3e;
}
.wine-theme .btn-join-activity {
  background: linear-gradient(180deg, #ef82bc, #a10055);
  border-radius: 0 0 10px 10px;
  color: #fff;
  border: #a10055;
}
.wine-theme .bg-input {
  background: #fff !important;
  border-radius: 10px;
  color: #4f4a3e;
  border: none !important;
}
.wine-theme .bg-condition {
  background: #ffeded !important;
  color: #4f4a3e;
}
.wine-theme .header-login {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5019607843);
  border: 0 solid rgba(206, 76, 145, 0.125);
}
.wine-theme .footer-wrapper1 {
  height: auto;
}
.wine-theme .footer-wrapper,
.wine-theme .footer-wrapper1 {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.wine-theme .footer-wrapper {
  height: 58px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: #fff;
  box-shadow: 0 0 16px rgba(239, 130, 188, 0.55);
  z-index: 2;
}
.wine-theme .footer-wrapper .play-game {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 15px;
  text-align: center;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #ef82bc, #bd337a 50%, #a10055);
  box-shadow: 0 4px 6px rgba(206, 76, 145, 0.25);
}
.wine-theme .footer-wrapper .play-game .play-game-box {
  display: table-cell;
  transform: rotate(316deg);
  vertical-align: middle;
}
.wine-theme .footer-wrapper .play-game .item-count {
  width: 30px;
  filter: invert(0);
}
.wine-theme .footer-wrapper .play-game-5 {
  border-radius: 30px;
  height: 50px;
  text-align: center;
  width: 50px;
  padding: 8px;
  background: linear-gradient(180deg, #ef82bc, #bd337a 50%, #a10055);
  box-shadow: 0 4px 6px rgba(206, 76, 145, 0.25);
  position: absolute;
  top: -20px;
}
.wine-theme .footer-wrapper .play-game-5 .play-game-box-5 {
  display: table-cell;
  vertical-align: middle;
}
.wine-theme .footer-wrapper .play-game-5 .item-count {
  width: 34px;
  filter: invert(1);
}
.wine-theme a {
  color: #4f4a3e !important;
}
.wine-theme a:hover {
  color: --blue;
  text-decoration: none !important;
}
.wine-theme .bg-table-aff {
  background-color: #fff !important;
  border: 0 solid #fff !important;
}
.wine-theme .border-left {
  border-left: 3px solid #ce4c91 !important;
}
.wine-theme .border-solid {
  border: 1px solid #ef82bc;
}
.wine-theme .bg-from-aff {
  display: inline-block;
  width: 50% !important;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  vertical-align: middle;
  background-color: #fff !important;
  border: 1px solid #fff !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.wine-theme .bg-in-aff {
  background: #f4f4f4;
  border-radius: 5px;
  color: #4f4a3e;
  padding: 5px;
}
.wine-theme .icon-aff {
  position: absolute;
  top: 92px;
  left: 0;
  right: 0;
  color: #4f4a3e;
}
.wine-theme .btn-comein {
  position: absolute;
  bottom: -17%;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.wine-theme .bg-search {
  background-color: #fff !important;
}
.wine-theme .bg-from,
.wine-theme .bg-search {
  border: 1px solid #ce4c91 !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: #4f4a3e !important;
}
.wine-theme .bg-from {
  background-color: #fff !important;
  background: #464646 url(/_nuxt/img/dropdown.2ae9015.png) no-repeat right
    0.75rem center/10px 8px;
}
.wine-theme .search {
  position: absolute;
  right: 24px;
  color: #bb5189;
}
.wine-theme .card-point {
  background: #eee !important;
  filter: drop-shadow(0 0 0 #eeeeee) !important;
  color: #4f4a3e !important;
  border-radius: 10px;
}
.wine-theme .bg-point {
  background: #ef82bc;
  border-radius: 20px;
  margin: 4px;
  color: #4f4a3e;
}
.wine-theme .bg-card-his {
  background: #eee !important;
  filter: drop-shadow(0 0 0 #eeeeee) !important;
  color: #4f4a3e !important;
}
.wine-theme .card-nodata {
  background: #fff;
  color: #4f4a3e;
  padding: 80px;
  border-radius: 10px;
}
.wine-theme .action-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2%;
}
.wine-theme .action-wrapper__btn-spin {
  background-image: url(https://es-dev.vrbet.com/_nuxt/img/button.1e27aca.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 6vw;
  width: 14vw;
  margin-bottom: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wine-theme .action-wrapper__btn-spin span {
  font-size: 3vw;
  color: #4f4a3e;
  -webkit-text-stroke: 3px #4f4a3e;
}
@media screen and (max-width: 992px) {
  .wine-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2.5px #4f4a3e;
    font-size: 6vw;
  }
}
@media screen and (max-width: 480px) {
  .wine-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2px #4f4a3e;
    font-size: 8vw;
  }
}
@media screen and (max-width: 992px) {
  .wine-theme .action-wrapper__btn-spin {
    margin-top: 3vw;
    width: 26vw;
    height: 12vw;
  }
}
@media screen and (max-width: 480px) {
  .wine-theme .action-wrapper__btn-spin {
    width: 40vw;
    height: 18vw;
  }
}
.wine-theme .action-wrapper__btn-spin.disabledbtn {
  cursor: not-allowed;
  filter: grayscale(1);
}
.wine-theme .glass-panel {
  color: #4f4a3e;
  margin: 40px auto;
  background-color: rgba(79, 74, 62, 0.06);
  border: 1px solid rgba(79, 74, 62, 0.1);
  width: 100%;
  border-radius: 15px;
  padding: 32px;
  backdrop-filter: blur(10px);
}
.wine-theme .glass-button {
  display: inline-block;
  padding: 15px 18px;
  text-decoration: none;
  border-radius: 15px;
  background-color: hsla(0, 0%, 100%, 0.06);
  border: 1px solid #ce4c91;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: #ce4c91;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}
.wine-theme .glass-button:hover {
  background-color: rgba(79, 74, 62, 0.2);
}
.wine-theme .glass-panel {
  max-width: 600px;
}
.wine-theme #background-wrap {
  bottom: 0;
  left: 0;
  padding-top: 50px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.wine-theme .x1 {
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 35s linear infinite;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  transform: scale(0.65);
}
.wine-theme .x2 {
  -webkit-animation: animateCloud 20s linear infinite;
  -moz-animation: animateCloud 20s linear infinite;
  animation: animateCloud 20s linear infinite;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.wine-theme .x3 {
  -webkit-animation: animateCloud 30s linear infinite;
  -moz-animation: animateCloud 30s linear infinite;
  animation: animateCloud 30s linear infinite;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.wine-theme .x4 {
  -webkit-animation: animateCloud 18s linear infinite;
  -moz-animation: animateCloud 18s linear infinite;
  animation: animateCloud 18s linear infinite;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.wine-theme .x5 {
  -webkit-animation: animateCloud 25s linear infinite;
  -moz-animation: animateCloud 25s linear infinite;
  animation: animateCloud 25s linear infinite;
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  transform: scale(0.55);
}
.wine-theme .cloud {
  background: #fff;
  background: -moz-linear-gradient(top, #fff 5%, #d1dff6 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, #fff),
    color-stop(100%, #d1dff6)
  );
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 8px 5px rgba(206, 76, 145, 0.1);
  -moz-box-shadow: 0 8px 5px rgba(206, 76, 145, 0.1);
  box-shadow: 0 8px 5px rgba(206, 76, 145, 0.1);
  height: 120px;
  position: relative;
  width: 350px;
}
.wine-theme .cloud:after,
.wine-theme .cloud:before {
  background: #fff;
  content: "";
  position: absolute;
  z-index: -1;
}
.wine-theme .cloud:after {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  height: 100px;
  left: 50px;
  top: -50px;
  width: 100px;
}
.wine-theme .cloud:before {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  width: 180px;
  height: 180px;
  right: 50px;
  top: -90px;
}
.wine-theme .bg-share-facebook {
  background-color: #fff !important;
  color: #4f4a3e !important;
}
.wine-theme .bg-game {
  background: linear-gradient(#fff, #fff);
  border-radius: 10px;
  border: unset;
  color: #4f4a3e !important;
  width: 80px;
  height: 67px;
}
.wine-theme .bg-game-active {
  background: linear-gradient(180deg, #ef81bc, #a6065b) !important;
  border-radius: 10px !important;
  color: #fff !important;
  width: 80px;
  height: 67px;
}
.wine-theme .bg-search-game {
  background-color: #fff !important;
  border-radius: 10px !important;
}
.wine-theme .unactive-footer {
  color: #606060;
}
.wine-theme .btn-aff-share {
  background: linear-gradient(270deg, #ef82bc, #a10055);
  border-radius: 10px;
  color: #fff;
  border-color: #a10055 !important;
  filter: drop-shadow(0 0 5px #a10055);
}
.wine-theme #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(206, 76, 145, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.wine-theme .btn-change-language {
  background-color: #fff !important;
  border: 1px solid #ce4c91;
}
.wine-theme .card-money,
.wine-theme .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card-copy-light.73ed8f4.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.wine-theme .bg-iconuser {
  background: #fff;
  padding: 7px;
  border-radius: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #fff;
}
.wine-theme .content-lv {
  padding: 10px 0;
}
.wine-theme .border-bottom-aff {
  border-bottom: 1px solid #ef82bc;
}
.wine-theme .body-content {
  width: 70%;
  background: #fff;
  border-bottom-right-radius: 20px;
  padding: 0 39px;
  overflow: auto;
  max-height: 300px;
  color: #4f4a3e;
}
@media (max-width: 479px) {
  .wine-theme .body-content {
    width: 75%;
    padding: 0 10px;
  }
}
.wine-theme .active2 {
  color: #4f4a3e !important;
  background: #fff !important;
  border-bottom-left-radius: 0 !important;
}
.wine-theme .tab-item {
  padding: 15px !important;
  font-size: 14px !important;
}
.wine-theme .tab-history-class {
  border-radius: 20px;
  color: #fff;
  border: 1px solid #a10055;
}
.wine-theme .tab-item:last-child {
  border-bottom: 1px solid #c2c2c2;
  border-bottom-left-radius: 20px !important;
}
.wine-theme .tab-item,
.wine-theme .tab-item:last-child {
  cursor: pointer;
  color: #fff;
  background: linear-gradient(180deg, #ef82bc 0, #a10055);
}
.wine-theme .tab-item {
  border-bottom: 1px solid #c2c2c2;
}
.wine-theme .header-aff {
  background: linear-gradient(180deg, #ef82bc 0, #a10055);
  border-bottom: 1px solid #fff;
  border-radius: 20px 20px 0 0;
}
.wine-theme .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #c2c2c2;
  border-radius: 30rem !important;
}
.wine-theme .bg-aff-level {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #ef82bc, #a10055) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.wine-theme .bg-aff-level .nunber-friend {
  background: #ce4c91;
  border-radius: 10px;
  color: #fff;
}
.wine-theme .bg-aff-level .turn-other {
  background: #ef82bc;
  border-radius: 10px;
}
.wine-theme .bg-aff-level .solid {
  border: 1px solid #ef82bc;
  height: 40px;
}
.wine-theme .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #fff;
  color: #bfbfbf;
  padding: 5px;
}
.wine-theme .filters__button:hover {
  background-color: #fff;
}
.wine-theme .filters-content {
  background-color: #fff;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.wine-theme .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #f1f1f1;
  color: #bfbfbf;
  padding: 5px;
}
.wine-theme .filters__button2:hover {
  background-color: #f1f1f1;
}
.wine-theme .filters [data-content] {
  display: none;
}
.wine-theme [data-content].is-active[data-content] {
  display: grid;
}
.wine-theme [data-target].is-active {
  background: linear-gradient(180deg, #ef82bc, #a10055);
  border-radius: 10px;
  color: #fff;
}
.wine-theme .condition-header {
  background: linear-gradient(
    109.63deg,
    #ef82bc 3.68%,
    #bd337a 47.76%,
    #a10055 95.96%
  );
  border-radius: 5px;
  color: #fff;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.wine-theme .bg-wheel-condition {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(109.63deg, #ef82bc 3.68%, #bd337a 47.76%, #a10055 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.wine-theme .btn-up-slip {
  color: #ef82bc;
  border: 2px solid #a10055 !important;
  background: 0 0 !important;
}
.wine-theme .btn-no-received {
  background: #ffdbee;
  border-color: #ffdbee;
  border-radius: 10px;
  color: #4f4a3e;
}
.wine-theme .btn-no-received:focus,
.wine-theme .btn-no-received:hover {
  background-color: #ffdbee !important;
  border-color: #ffdbee !important;
  border-radius: 10px !important;
}
.wine-theme .bg-pro {
  background: #f1f1f1;
  border-radius: 10px;
}
.wine-theme .filters-content-bg {
  background-color: #f1f1f1;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.wine-theme .is-unactive {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #f1f1f1;
  color: #7d7d7d;
  padding: 5px;
}
.wine-theme .card-points {
  background: linear-gradient(#fff, #fff) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.wine-theme .r-gold {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.wine-theme .r-gold,
.wine-theme .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.wine-theme .r-silver {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.wine-theme .r-copper {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 1.5px;
}
.wine-theme .cycle-gold {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.wine-theme .cycle-gold,
.wine-theme .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.wine-theme .cycle-silver {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
}
.wine-theme .cycle-copper {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.wine-theme .card-decimal,
.wine-theme .card-transfer {
  background: #f1f1f1;
  box-shadow: 0 4px 10px hsla(0, 0%, 93.3%, 0.12);
  border-radius: 10px;
  color: #000 !important;
}
.wine-theme .bg-choose-team {
  background: #f4f4f4;
  border-radius: 5px;
  color: #4f4a3e;
  padding: 2px;
  margin: 4px;
}
.wine-theme .refesh {
  position: absolute;
  top: 3px;
  right: 12px;
}
.wine-theme .bagfree {
  position: absolute;
  top: 0;
  right: 6px;
}
.wine-theme .hexagon {
  position: relative;
  width: 55px;
  height: 28.7px;
  margin: 35.15px 0;
  border-left: 3.1421px solid #4f4a3e;
  border-right: 3.1421px solid #4f4a3e;
}
.wine-theme .hexagon:after,
.wine-theme .hexagon:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 38.35px;
  height: 38.35px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 5.8249px;
}
.wine-theme .hexagon:before {
  top: -19.1751px;
  border-top: 3.1421px solid #4f4a3e;
  border-right: 3.1421px solid #4f4a3e;
}
.wine-theme .hexagon:after {
  bottom: -19.1751px;
  border-bottom: 3.1421px solid #4f4a3e;
  border-left: 3.1421px solid #4f4a3e;
}
.wine-theme *,
.wine-theme :after,
.wine-theme :before {
  box-sizing: border-box;
}
.wine-theme .bg-month {
  background: #f1f1f1;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #7d7d7d;
}
.wine-theme .bg-month-active {
  background: linear-gradient(#f1f1f1, #f1f1f1) padding-box,
    linear-gradient(90deg, #ef82bc, #a10055) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #4f4a3e;
  border: 1px solid transparent;
}
.wine-theme .inactive {
  background: rgba(62, 62, 62, 0.7) !important;
}
.wine-theme .bagfree2 {
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 35px;
}
.wine-theme .btn.focus {
  box-shadow: 0 0 0 0.2rem hsla(0, 0%, 100%, 0.25) !important;
}
.wine-theme .arry-input {
  height: calc(1.5em + 5rem + 10px) !important;
  border-radius: 10px !important;
  color: #4f4a3e !important;
}
.deepsea-theme body {
  background: #eee;
}
.deepsea-theme .bg-login {
  background: linear-gradient(0deg, #244b68 0, #a5d6fe);
  min-height: 100vh;
  height: 100%;
  width: 100%;
}
.deepsea-theme .bg-header {
  background: #eee;
}
.deepsea-theme .shadow-today {
  box-shadow: 0 0 15px #5a9cd3;
}
.deepsea-theme .bd-daily-fix {
  border-color: #3572a4 !important;
  background: #eee !important;
}
.deepsea-theme .text-deposited-daily-fix {
  color: #bbb;
}
.deepsea-theme .bg-table-daily-fix {
  background: #5a9cd3 !important;
  color: #4f4a3e !important;
}
.deepsea-theme .text-daily-fix {
  color: #366f9c !important;
}
.deepsea-theme .text-credit-daily {
  background: linear-gradient(180deg, #fff 0, #fff) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.deepsea-theme .text-color {
  color: #4f4a3e !important;
}
.deepsea-theme .text-template {
  color: #366f9c;
}
.deepsea-theme .text-theme {
  color: #fff;
}
.deepsea-theme .text-spcial {
  background: linear-gradient(180deg, #696969 0, #1a1c1c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.deepsea-theme .text-linear,
.deepsea-theme .text-linear-footer {
  background: linear-gradient(180deg, #5a9cd3 0, #22577e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.deepsea-theme .text-see-history {
  color: #4f4a3e;
}
.deepsea-theme .text-head-hisotry {
  color: #366f9c;
}
.deepsea-theme .text-color-icon,
.deepsea-theme .text-credit,
.deepsea-theme .text-tranfer {
  background: linear-gradient(180deg, #5a9cd3 0, #22577e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.deepsea-theme .bg-ball-choose-team,
.deepsea-theme .bg-credit {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #5a9cd3, #22577e) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.deepsea-theme .bg-wallet {
  background: #fff;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
}
.deepsea-theme .bg-credit-free {
  background: linear-gradient(180deg, #5a9cd3, #22577e);
  border-radius: 0 0 10px 10px;
  color: #fff !important;
}
.deepsea-theme .recevied-com {
  background: #ecf2f7;
  border-radius: 10px;
  border: 2px solid #366f9c;
  color: #366f9c;
}
.deepsea-theme .bg-card-commission {
  background: #fff;
}
.deepsea-theme .bg-turn {
  color: #4f4a3e;
  background: #fff;
  border-radius: 10px;
}
.deepsea-theme .bg-icon-index {
  background: #fff !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 6px rgba(79, 74, 62, 0.1);
}
.deepsea-theme .bg-con-turn {
  background: #f4f4f4 !important;
}
.deepsea-theme .color-toogle {
  background: linear-gradient(180deg, #5cc875 0, #5cc875);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.deepsea-theme .tab-content > .active {
  display: block;
  background: #fff !important;
}
.deepsea-theme .active-bg,
.deepsea-theme .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #5a9cd3, #22577e) !important;
  color: #fff !important;
}
.deepsea-theme .tab-box {
  background-color: #fff;
  color: #bfbfbf;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.deepsea-theme .nav-tabs {
  border-bottom: 2px solid #e1e1e1 !important;
}
.deepsea-theme .nav-tabs .nav-link {
  border: 0 !important;
  background: #fff;
  color: #bfbfbf !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.deepsea-theme .boder-right {
  height: 50px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.2509803922);
}
.deepsea-theme .btn-copy-bank {
  background: #509bf8;
  border-radius: 10px;
  color: #fff;
  width: max-content;
  border-color: #509bf8;
  box-shadow: 0 4px 4px rgba(79, 74, 62, 0.16);
}
.deepsea-theme .btn-money {
  border-color: #5a9cd3;
  border-radius: 10px;
  background: #f9f9f9;
  color: #5a9cd3;
}
.deepsea-theme .active-btn-amount {
  background: linear-gradient(180deg, #5a9cd3, #22577e) !important;
  color: #fff !important;
  font-weight: 900;
}
.deepsea-theme .btn-topup-promptpay {
  border-color: #5a9cd3;
  border-radius: 10px;
  background: linear-gradient(180deg, #5a9cd3, #22577e) !important;
  color: #fff;
}
.deepsea-theme .boder-color {
  border-color: #fff !important;
}
.deepsea-theme .is-active-register {
  background: #3973a1 !important;
  border: 1px solid #3572a4 !important;
}
.deepsea-theme .b-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin: 0;
  outline: 0;
  transform: translateX(0);
  background: linear-gradient(180deg, #548ebe 0, #194362) !important;
}
.deepsea-theme .bg-info {
  color: #4f4a3e;
  background: #f4f4f4 !important;
  padding: 5px;
  border-radius: 10px;
}
.deepsea-theme .btn-change {
  background: #fff;
  box-shadow: 0 4px 10px hsla(0, 0%, 93.3%, 0.12);
  border-radius: 10px;
}
.deepsea-theme .card-pro {
  background: #f4f4f4;
  border-radius: 10px;
  color: #4f4a3e !important;
  font-weight: 400 !important;
}
.deepsea-theme .bg-lock {
  background: #366f9c;
  padding: 8px;
  border-radius: 20px;
  width: 40px;
  color: #fff;
}
.deepsea-theme .btn-cancel {
  background: #fff;
  border-radius: 10px;
  color: #366f9c !important;
  border: 1px solid #366f9c;
}
.deepsea-theme .btn-theme-one {
  background: #3e79a8;
  border-color: #fff !important;
  color: #fff;
  border-radius: 10px !important;
}
.deepsea-theme .btn-theme-two {
  color: #fff;
  border-color: #eee !important;
}
.deepsea-theme .btn-login,
.deepsea-theme .btn-theme-two {
  background: linear-gradient(180deg, #5a9cd3, #22577e);
  border-radius: 10px;
}
.deepsea-theme .btn-login {
  color: #4f4a3e;
  border-color: #22577e !important;
}
.deepsea-theme .btn-theme-seemore {
  background: #565553;
  border-radius: 10px;
  color: #fff;
  border-color: #565553 !important;
}
.deepsea-theme .btn-copy {
  background: linear-gradient(180deg, #5a9cd3, #22577e) !important;
  border-radius: 0 10px 10px 0 !important;
  color: #fff !important;
}
.deepsea-theme .card {
  background: #fff !important;
  color: #4f4a3e !important;
  filter: drop-shadow(0 1px 1px #989898);
}
.deepsea-theme .bg-input-theme {
  background-color: #f1f8ff !important;
}
.deepsea-theme .border-theme {
  border-radius: 15px !important;
}
.deepsea-theme .icon-activity {
  filter: invert(0);
  width: 20px;
}
.deepsea-theme .bg-table {
  background-color: #fff;
  border-radius: 10px;
  border: 0 solid #fff !important;
}
.deepsea-theme .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #366f9c !important;
  border-top: 0 solid #366f9c !important;
  padding: 4px 12px;
  background: #366f9c;
  color: #fff !important;
}
.deepsea-theme .table td {
  vertical-align: top;
  border-top: 0 solid #a7cbf8 !important;
}
.deepsea-theme .Daily__item__box {
  position: relative;
  height: 75px;
  background: #fff;
  border-radius: 10px;
  border: 2px solid #4784b5;
}
.deepsea-theme .Daily__item__box.active {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #5a9cd3, #22577e) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.deepsea-theme .Daily__item__box.active-today {
  background: linear-gradient(180deg, #5a9cd3, #22577e);
  border: none !important;
}
.deepsea-theme .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 10px;
}
.deepsea-theme .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.deepsea-theme .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.deepsea-theme .text-daily {
  color: #4f4a3e;
}
.deepsea-theme .btn-reward {
  width: 85%;
  border-radius: 10px;
  border: 2px solid #4784b5;
  cursor: pointer;
}
.deepsea-theme .bg-btn-point {
  background: #c2c2c2;
  border-radius: 20px;
  margin: 4px;
}
.deepsea-theme .bg-chosses {
  background-color: #fff;
  border-radius: 15px;
  filter: drop-shadow(0 1px 1px #989898);
  color: #4f4a3e;
}
.deepsea-theme .bg-hover:hover,
.deepsea-theme .btn-hover:focus {
  background-color: #dedede;
}
.deepsea-theme .showSlide {
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 80%;
  display: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.deepsea-theme #modal-suscess-complain .modal-content,
.deepsea-theme .showSlide {
  background-color: #fff !important;
}
.deepsea-theme .from-complain {
  display: block;
  width: 100%;
  height: calc(1.5em + 5rem + 10px) !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  background-color: #f4f4f4 !important;
  background-clip: padding-box;
  border: 1px solid #f4f4f4 !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.deepsea-theme .btn-withdraw {
  background: linear-gradient(180deg, #5a9cd3, #22577e);
  box-shadow: 0 4px 4px rgba(167, 203, 248, 0.16);
  border-radius: 10px;
  color: #fff;
  border-color: #22577e !important;
}
.deepsea-theme .cover-withdraw {
  background: #fff;
  border-radius: 0 0 10px 10px;
}
.deepsea-theme .hd-withdraw {
  background: #5a9cd3;
  border-radius: 10px 10px 0 0;
  color: #4f4a3e;
  padding: 10px;
}
.deepsea-theme .card-withdraw {
  background: #f4f4f4 !important;
  color: #4f4a3e !important;
  border-radius: 5px;
}
.deepsea-theme .page-item.active .page-link {
  z-index: 3;
  color: #4f4a3e;
  background-color: #6da9db !important;
  border-color: #6da9db !important;
}
.deepsea-theme .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #4f4a3e !important;
  background-color: #eee !important;
  border: 1px solid #4f4a3e !important;
}
.deepsea-theme .custom-control-input:checked ~ .custom-control-label:before {
  color: #4f4a3e !important;
  border-color: #366f9c !important;
  background-color: #366f9c !important;
}
.deepsea-theme .boxcredit {
  background: rgba(34, 32, 32, 0.6);
  width: 50%;
}
.deepsea-theme .border-color {
  border: 2px solid #a5c6ef;
  border-radius: 10px;
}
.deepsea-theme .btn-box {
  background-image: linear-gradient(315deg, #5a9cd3, #22577e 74%);
  border-radius: 5px 25px;
  filter: drop-shadow(1px 2px 4px #6fa1e1);
  border-color: #5a9cd3 !important;
}
.deepsea-theme .breadcrumb {
  background-color: #eee !important;
}
.deepsea-theme .breadcrumb-item.active {
  color: #366f9c !important;
}
.deepsea-theme .swal2-popup {
  background: #eee !important;
}
.deepsea-theme .swal2-content,
.deepsea-theme .swal2-title {
  color: #4f4a3e !important;
}
.deepsea-theme .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #5a9cd3, #22577e) !important;
  border-radius: 10px !important;
  border-color: #4f4a3e !important;
  color: #4f4a3e !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.deepsea-theme .bg-body-modal {
  background: linear-gradient(180deg, #5a9cd3, #22577e);
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #fff !important;
  color: #fff;
}
.deepsea-theme .modal-content {
  border-radius: 1rem !important;
}
.deepsea-theme .bg-body,
.deepsea-theme .bg-body-promotion {
  background: #fff !important;
}
.deepsea-theme .bg-footer {
  border-top: 1px solid #fff !important;
  border-bottom-right-radius: calc(1rem - 1px) !important;
  border-bottom-left-radius: calc(1rem - 1px) !important;
  background-color: #fff !important;
}
.deepsea-theme #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.deepsea-theme #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(167, 203, 248, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.deepsea-theme #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #fff !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.deepsea-theme #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.deepsea-theme #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(167, 203, 248, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.deepsea-theme #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #fff !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.deepsea-theme #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.deepsea-theme #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(167, 203, 248, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.deepsea-theme .card-bank {
  background: #f4f4f4;
  box-shadow: 0 4px 10px hsla(0, 0%, 93.3%, 0.12);
  border-radius: 10px;
  color: #4f4a3e !important;
}
.deepsea-theme .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid rgba(167, 203, 248, 0.125);
}
.deepsea-theme .swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid;
  border-radius: 50%;
}
.deepsea-theme .swal2-icon.swal2-success [class^="swal2-success-line"] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
}
.deepsea-theme .form-control {
  display: block;
  padding: 0.375rem 0.75rem;
  background-color: #f4f4f4;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.deepsea-theme .custom-select,
.deepsea-theme .form-control {
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  border: 1px solid #f4f4f4 !important;
  border-radius: 0.25rem;
}
.deepsea-theme .custom-select {
  display: inline-block;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  vertical-align: middle;
  background-color: #f4f4f4 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.deepsea-theme .multiselect__tags {
  min-height: 40px;
  display: block;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  border: 1px solid #f4f4f4 !important;
  background: #fff !important;
  font-size: 14px;
  color: #4f4a3e !important;
}
.deepsea-theme .multiselect__content-wrapper {
  position: absolute;
  display: block;
  background: #f4f4f4 !important;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border: 1px solid #f4f4f4 !important;
  border-top: none;
  color: #4f4a3e !important;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.deepsea-theme .multiselect__input,
.deepsea-theme .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #fff !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
}
.deepsea-theme .multiselect__option--highlight {
  background: #fff !important;
  outline: none;
  color: #4f4a3e !important;
}
.deepsea-theme #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(167, 203, 248, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.deepsea-theme .border-banner {
  border: 2px solid #5a9cd3;
  border-radius: 10px;
}
.deepsea-theme .btn-secondary:hover {
  color: #4f4a3e;
  background-color: #5a9cd3 !important;
  border-color: none !important;
}
.deepsea-theme .btn-secondary.focus,
.deepsea-theme .btn-secondary:focus {
  color: #4f4a3e;
  background-color: #5a9cd3 !important;
  border-color: #5a9cd3 !important;
}
.deepsea-theme .bg-choose {
  background: #fff !important;
  color: #4f4a3e;
}
.deepsea-theme .btn-join-activity {
  background: linear-gradient(180deg, #5a9cd3, #22577e);
  border-radius: 0 0 10px 10px;
  color: #fff;
  border: #3e79a8;
}
.deepsea-theme .bg-input {
  background: #fff !important;
  border-radius: 10px;
  color: #4f4a3e;
  border: none !important;
}
.deepsea-theme .bg-condition {
  background: #f1f8ff !important;
  color: #4f4a3e;
}
.deepsea-theme .header-login {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5019607843);
  border: 0 solid rgba(167, 203, 248, 0.125);
}
.deepsea-theme .footer-wrapper1 {
  height: auto;
}
.deepsea-theme .footer-wrapper,
.deepsea-theme .footer-wrapper1 {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.deepsea-theme .footer-wrapper {
  height: 58px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: #fff;
  box-shadow: 0 0 16px rgba(126, 185, 236, 0.55);
  z-index: 2;
}
.deepsea-theme .footer-wrapper .play-game {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 15px;
  text-align: center;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #7eb9ec, #4481b2 50%, #22577e);
  box-shadow: 0 4px 6px rgba(167, 203, 248, 0.25);
}
.deepsea-theme .footer-wrapper .play-game .play-game-box {
  display: table-cell;
  transform: rotate(316deg);
  vertical-align: middle;
}
.deepsea-theme .footer-wrapper .play-game .item-count {
  width: 30px;
  filter: invert(0);
}
.deepsea-theme .footer-wrapper .play-game-5 {
  border-radius: 30px;
  height: 50px;
  text-align: center;
  width: 50px;
  padding: 8px;
  background: linear-gradient(180deg, #7eb9ec, #4481b2 50%, #22577e);
  box-shadow: 0 4px 6px rgba(167, 203, 248, 0.25);
  position: absolute;
  top: -20px;
}
.deepsea-theme .footer-wrapper .play-game-5 .play-game-box-5 {
  display: table-cell;
  vertical-align: middle;
}
.deepsea-theme .footer-wrapper .play-game-5 .item-count {
  width: 34px;
  filter: invert(1);
}
.deepsea-theme a {
  color: #4f4a3e !important;
}
.deepsea-theme a:hover {
  color: --blue;
  text-decoration: none !important;
}
.deepsea-theme .bg-table-aff {
  background-color: #fff !important;
  border: 0 solid #fff !important;
}
.deepsea-theme .border-left {
  border-left: 3px solid #366f9c !important;
}
.deepsea-theme .border-solid {
  border: 1px solid #5a9cd3;
}
.deepsea-theme .bg-from-aff {
  display: inline-block;
  width: 50% !important;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  vertical-align: middle;
  background-color: #fff !important;
  border: 1px solid #fff !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.deepsea-theme .bg-in-aff {
  background: #f4f4f4;
  border-radius: 5px;
  color: #4f4a3e;
  padding: 5px;
}
.deepsea-theme .icon-aff {
  position: absolute;
  top: 92px;
  left: 0;
  right: 0;
  color: #4f4a3e;
}
.deepsea-theme .btn-comein {
  position: absolute;
  bottom: -17%;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.deepsea-theme .bg-search {
  background-color: #fff !important;
}
.deepsea-theme .bg-from,
.deepsea-theme .bg-search {
  border: 1px solid #366f9c !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: #4f4a3e !important;
}
.deepsea-theme .bg-from {
  background-color: #fff !important;
  background: #464646 url(/_nuxt/img/dropdown.2ae9015.png) no-repeat right
    0.75rem center/10px 8px;
}
.deepsea-theme .search {
  position: absolute;
  right: 24px;
  color: #4784b5;
}
.deepsea-theme .card-point {
  background: #eee !important;
  filter: drop-shadow(0 0 0 #eeeeee) !important;
  color: #4f4a3e !important;
  border-radius: 10px;
}
.deepsea-theme .bg-point {
  background: #5a9cd3;
  border-radius: 20px;
  margin: 4px;
  color: #4f4a3e;
}
.deepsea-theme .bg-card-his {
  background: #eee !important;
  filter: drop-shadow(0 0 0 #eeeeee) !important;
  color: #4f4a3e !important;
}
.deepsea-theme .card-nodata {
  background: #fff;
  color: #4f4a3e;
  padding: 80px;
  border-radius: 10px;
}
.deepsea-theme .action-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2%;
}
.deepsea-theme .action-wrapper__btn-spin {
  background-image: url(https://es-dev.vrbet.com/_nuxt/img/button.1e27aca.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 6vw;
  width: 14vw;
  margin-bottom: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.deepsea-theme .action-wrapper__btn-spin span {
  font-size: 3vw;
  color: #4f4a3e;
  -webkit-text-stroke: 3px #4f4a3e;
}
@media screen and (max-width: 992px) {
  .deepsea-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2.5px #4f4a3e;
    font-size: 6vw;
  }
}
@media screen and (max-width: 480px) {
  .deepsea-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2px #4f4a3e;
    font-size: 8vw;
  }
}
@media screen and (max-width: 992px) {
  .deepsea-theme .action-wrapper__btn-spin {
    margin-top: 3vw;
    width: 26vw;
    height: 12vw;
  }
}
@media screen and (max-width: 480px) {
  .deepsea-theme .action-wrapper__btn-spin {
    width: 40vw;
    height: 18vw;
  }
}
.deepsea-theme .action-wrapper__btn-spin.disabledbtn {
  cursor: not-allowed;
  filter: grayscale(1);
}
.deepsea-theme .glass-panel {
  color: #4f4a3e;
  margin: 40px auto;
  background-color: rgba(79, 74, 62, 0.06);
  border: 1px solid rgba(79, 74, 62, 0.1);
  width: 100%;
  border-radius: 15px;
  padding: 32px;
  backdrop-filter: blur(10px);
}
.deepsea-theme .glass-button {
  display: inline-block;
  padding: 15px 18px;
  text-decoration: none;
  border-radius: 15px;
  background-color: hsla(0, 0%, 100%, 0.06);
  border: 1px solid #a7cbf8;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: #a7cbf8;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}
.deepsea-theme .glass-button:hover {
  background-color: rgba(79, 74, 62, 0.2);
}
.deepsea-theme .glass-panel {
  max-width: 600px;
}
.deepsea-theme #background-wrap {
  bottom: 0;
  left: 0;
  padding-top: 50px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.deepsea-theme .x1 {
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 35s linear infinite;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  transform: scale(0.65);
}
.deepsea-theme .x2 {
  -webkit-animation: animateCloud 20s linear infinite;
  -moz-animation: animateCloud 20s linear infinite;
  animation: animateCloud 20s linear infinite;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.deepsea-theme .x3 {
  -webkit-animation: animateCloud 30s linear infinite;
  -moz-animation: animateCloud 30s linear infinite;
  animation: animateCloud 30s linear infinite;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.deepsea-theme .x4 {
  -webkit-animation: animateCloud 18s linear infinite;
  -moz-animation: animateCloud 18s linear infinite;
  animation: animateCloud 18s linear infinite;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.deepsea-theme .x5 {
  -webkit-animation: animateCloud 25s linear infinite;
  -moz-animation: animateCloud 25s linear infinite;
  animation: animateCloud 25s linear infinite;
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  transform: scale(0.55);
}
.deepsea-theme .cloud {
  background: #fff;
  background: -moz-linear-gradient(top, #fff 5%, #d1dff6 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, #fff),
    color-stop(100%, #d1dff6)
  );
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 8px 5px rgba(167, 203, 248, 0.1);
  -moz-box-shadow: 0 8px 5px rgba(167, 203, 248, 0.1);
  box-shadow: 0 8px 5px rgba(167, 203, 248, 0.1);
  height: 120px;
  position: relative;
  width: 350px;
}
.deepsea-theme .cloud:after,
.deepsea-theme .cloud:before {
  background: #fff;
  content: "";
  position: absolute;
  z-index: -1;
}
.deepsea-theme .cloud:after {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  height: 100px;
  left: 50px;
  top: -50px;
  width: 100px;
}
.deepsea-theme .cloud:before {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  width: 180px;
  height: 180px;
  right: 50px;
  top: -90px;
}
.deepsea-theme .bg-share-facebook {
  background-color: #fff !important;
  color: #4f4a3e !important;
}
.deepsea-theme .bg-game {
  background: linear-gradient(#fff, #fff);
  border-radius: 10px;
  border: unset;
  color: #4f4a3e !important;
  width: 80px;
  height: 67px;
}
.deepsea-theme .bg-game-active {
  background: linear-gradient(180deg, #69a3d3, #2f6791) !important;
  border-radius: 10px !important;
  color: #fff !important;
  width: 80px;
  height: 67px;
}
.deepsea-theme .bg-search-game {
  background-color: #fff !important;
  border-radius: 10px !important;
}
.deepsea-theme .unactive-footer {
  color: #606060;
}
.deepsea-theme .btn-aff-share {
  background: linear-gradient(270deg, #5a9cd3, #22577e);
  border-radius: 10px;
  color: #fff;
  border-color: #22577e !important;
  filter: drop-shadow(0 0 5px #22577e);
}
.deepsea-theme #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(167, 203, 248, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.deepsea-theme .btn-change-language {
  background-color: #fff !important;
  border: 1px solid #366f9c;
}
.deepsea-theme .card-money,
.deepsea-theme .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card-copy-light.73ed8f4.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.deepsea-theme .bg-iconuser {
  background: #fff;
  padding: 7px;
  border-radius: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #fff;
}
.deepsea-theme .content-lv {
  padding: 10px 0;
}
.deepsea-theme .border-bottom-aff {
  border-bottom: 1px solid #5a9cd3;
}
.deepsea-theme .body-content {
  width: 70%;
  background: #fff;
  border-bottom-right-radius: 20px;
  padding: 0 39px;
  overflow: auto;
  max-height: 300px;
  color: #4f4a3e;
}
@media (max-width: 479px) {
  .deepsea-theme .body-content {
    width: 75%;
    padding: 0 10px;
  }
}
.deepsea-theme .active2 {
  color: #4f4a3e !important;
  background: #fff !important;
  border-bottom-left-radius: 0 !important;
}
.deepsea-theme .tab-item {
  padding: 15px !important;
  font-size: 14px !important;
}
.deepsea-theme .tab-history-class {
  border-radius: 20px;
  color: #fff;
  border: 1px solid #22577e;
}
.deepsea-theme .tab-item:last-child {
  border-bottom: 1px solid #c2c2c2;
  border-bottom-left-radius: 20px !important;
}
.deepsea-theme .tab-item,
.deepsea-theme .tab-item:last-child {
  cursor: pointer;
  color: #fff;
  background: linear-gradient(180deg, #5a9cd3 0, #22577e);
}
.deepsea-theme .tab-item {
  border-bottom: 1px solid #c2c2c2;
}
.deepsea-theme .header-aff {
  background: linear-gradient(180deg, #5a9cd3 0, #22577e);
  border-bottom: 1px solid #fff;
  border-radius: 20px 20px 0 0;
}
.deepsea-theme .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #c2c2c2;
  border-radius: 30rem !important;
}
.deepsea-theme .bg-aff-level {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #5a9cd3, #22577e) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.deepsea-theme .bg-aff-level .nunber-friend {
  background: #366f9c;
  border-radius: 10px;
  color: #fff;
}
.deepsea-theme .bg-aff-level .turn-other {
  background: #5a9cd3;
  border-radius: 10px;
}
.deepsea-theme .bg-aff-level .solid {
  border: 1px solid #7eb9ec;
  height: 40px;
}
.deepsea-theme .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #fff;
  color: #bfbfbf;
  padding: 5px;
}
.deepsea-theme .filters__button:hover {
  background-color: #fff;
}
.deepsea-theme .filters-content {
  background-color: #fff;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.deepsea-theme .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #f1f1f1;
  color: #bfbfbf;
  padding: 5px;
}
.deepsea-theme .filters__button2:hover {
  background-color: #f1f1f1;
}
.deepsea-theme .filters [data-content] {
  display: none;
}
.deepsea-theme [data-content].is-active[data-content] {
  display: grid;
}
.deepsea-theme [data-target].is-active {
  background: linear-gradient(180deg, #5a9cd3, #22577e);
  border-radius: 10px;
  color: #fff;
}
.deepsea-theme .condition-header {
  background: linear-gradient(
    109.63deg,
    #7eb9ec 3.68%,
    #4481b2 47.76%,
    #22577e 95.96%
  );
  border-radius: 5px;
  color: #fff;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.deepsea-theme .bg-wheel-condition {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(109.63deg, #7eb9ec 3.68%, #4481b2 47.76%, #22577e 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.deepsea-theme .btn-up-slip {
  color: #5a9cd3;
  border: 2px solid #22577e !important;
  background: 0 0 !important;
}
.deepsea-theme .btn-no-received {
  background: #d6e6f3;
  border-color: #d6e6f3;
  border-radius: 10px;
  color: #4f4a3e;
}
.deepsea-theme .btn-no-received:focus,
.deepsea-theme .btn-no-received:hover {
  background-color: #d6e6f3 !important;
  border-color: #d6e6f3 !important;
  border-radius: 10px !important;
}
.deepsea-theme .bg-pro {
  background: #f1f1f1;
  border-radius: 10px;
}
.deepsea-theme .filters-content-bg {
  background-color: #f1f1f1;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.deepsea-theme .is-unactive {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #f1f1f1;
  color: #7d7d7d;
  padding: 5px;
}
.deepsea-theme .card-points {
  background: linear-gradient(#fff, #fff) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.deepsea-theme .r-gold {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.deepsea-theme .r-gold,
.deepsea-theme .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.deepsea-theme .r-silver {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.deepsea-theme .r-copper {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.deepsea-theme .cycle-gold {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.deepsea-theme .cycle-gold,
.deepsea-theme .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.deepsea-theme .cycle-silver {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
}
.deepsea-theme .cycle-copper {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.deepsea-theme .card-decimal,
.deepsea-theme .card-transfer {
  background: #f1f1f1;
  box-shadow: 0 4px 10px hsla(0, 0%, 93.3%, 0.12);
  border-radius: 10px;
  color: #000 !important;
}
.deepsea-theme .bg-choose-team {
  background: #f4f4f4;
  border-radius: 5px;
  color: #4f4a3e;
  padding: 2px;
  margin: 4px;
}
.deepsea-theme .refesh {
  position: absolute;
  top: 3px;
  right: 12px;
}
.deepsea-theme .bagfree {
  position: absolute;
  top: 0;
  right: 6px;
}
.deepsea-theme .hexagon {
  position: relative;
  width: 55px;
  height: 28.7px;
  margin: 35.15px 0;
  border-left: 3.1421px solid #4f4a3e;
  border-right: 3.1421px solid #4f4a3e;
}
.deepsea-theme .hexagon:after,
.deepsea-theme .hexagon:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 38.35px;
  height: 38.35px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 5.8249px;
}
.deepsea-theme .hexagon:before {
  top: -19.1751px;
  border-top: 3.1421px solid #4f4a3e;
  border-right: 3.1421px solid #4f4a3e;
}
.deepsea-theme .hexagon:after {
  bottom: -19.1751px;
  border-bottom: 3.1421px solid #4f4a3e;
  border-left: 3.1421px solid #4f4a3e;
}
.deepsea-theme *,
.deepsea-theme :after,
.deepsea-theme :before {
  box-sizing: border-box;
}
.deepsea-theme .bg-month {
  background: #f1f1f1;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #7d7d7d;
}
.deepsea-theme .bg-month-active {
  background: linear-gradient(#f1f1f1, #f1f1f1) padding-box,
    linear-gradient(90deg, #5a9cd3, #22577e) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #4f4a3e;
  border: 1px solid transparent;
}
.deepsea-theme .inactive {
  background: rgba(62, 62, 62, 0.7) !important;
}
.deepsea-theme .bagfree2 {
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 35px;
}
.deepsea-theme .btn.focus {
  box-shadow: 0 0 0 0.2rem hsla(0, 0%, 100%, 0.25) !important;
}
.deepsea-theme .arry-input {
  height: calc(1.5em + 5rem + 10px) !important;
  border-radius: 10px !important;
  color: #4f4a3e !important;
}
.cherry-theme body {
  background: #eee;
}
.cherry-theme .bg-login {
  background: linear-gradient(0deg, #cc4040 0, #ffd0d0);
  min-height: 100vh;
  height: 100%;
  width: 100%;
}
.cherry-theme .bg-header {
  background: #eee;
}
.cherry-theme .shadow-today {
  box-shadow: 0 0 15px #ed4746;
}
.cherry-theme .bd-daily-fix {
  border-color: #f17759 !important;
  background: #eee !important;
}
.cherry-theme .text-deposited-daily-fix {
  color: #bbb;
}
.cherry-theme .bg-table-daily-fix {
  background: #ee6744 !important;
  color: #4f4a3e !important;
}
.cherry-theme .text-daily-fix {
  color: #b93c3c !important;
}
.cherry-theme .text-credit-daily {
  background: linear-gradient(180deg, #fff 0, #fff) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.cherry-theme .text-color {
  color: #4f4a3e !important;
}
.cherry-theme .text-template {
  color: #b93c3c;
}
.cherry-theme .text-theme {
  color: #fff;
}
.cherry-theme .text-spcial {
  background: linear-gradient(180deg, #696969 0, #1a1c1c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.cherry-theme .text-linear,
.cherry-theme .text-linear-footer {
  background: linear-gradient(180deg, #ed4746 0, #a90505);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.cherry-theme .text-see-history {
  color: #4f4a3e;
}
.cherry-theme .text-head-hisotry {
  color: #b93c3c;
}
.cherry-theme .text-color-icon,
.cherry-theme .text-credit,
.cherry-theme .text-tranfer {
  background: linear-gradient(180deg, #ed4746 0, #a90505);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.cherry-theme .bg-ball-choose-team,
.cherry-theme .bg-credit {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #ed4746, #a90505) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.cherry-theme .bg-wallet {
  background: #fff;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
}
.cherry-theme .bg-credit-free {
  background: linear-gradient(180deg, #ed4746, #a90505);
  border-radius: 0 0 10px 10px;
  color: #fff !important;
}
.cherry-theme .recevied-com {
  background: #ffeded;
  border-radius: 10px;
  border: 2px solid #b93c3c;
  color: #b93c3c;
}
.cherry-theme .bg-card-commission {
  background: #fff;
}
.cherry-theme .bg-turn {
  color: #4f4a3e;
  background: #fff;
  border-radius: 10px;
}
.cherry-theme .bg-icon-index {
  background: #fff !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 6px rgba(79, 74, 62, 0.1);
}
.cherry-theme .bg-con-turn {
  background: #f1f1f1 !important;
}
.cherry-theme .color-toogle {
  background: linear-gradient(180deg, #5cc875 0, #5cc875);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.cherry-theme .tab-content > .active {
  display: block;
  background: #fff !important;
}
.cherry-theme .active-bg,
.cherry-theme .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #ed4746, #a90505) !important;
  color: #fff !important;
}
.cherry-theme .tab-box {
  background-color: #fff;
  color: #bfbfbf;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.cherry-theme .nav-tabs {
  border-bottom: 2px solid #e1e1e1 !important;
}
.cherry-theme .nav-tabs .nav-link {
  border: 0 !important;
  background: #fff;
  color: #bfbfbf !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.cherry-theme .boder-right {
  height: 50px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.2509803922);
}
.cherry-theme .btn-copy-bank {
  background: #509bf8;
  border-radius: 10px;
  color: #fff;
  width: max-content;
  border-color: #509bf8;
  box-shadow: 0 4px 4px rgba(79, 74, 62, 0.16);
}
.cherry-theme .btn-money {
  border-color: #a90505;
  border-radius: 10px;
  background: #f9f9f9;
  color: #a90505;
}
.cherry-theme .active-btn-amount {
  background: linear-gradient(180deg, #ed4746, #a90505) !important;
  color: #fff !important;
  font-weight: 900;
}
.cherry-theme .btn-topup-promptpay {
  border-color: #ed4746;
  border-radius: 10px;
  background: linear-gradient(180deg, #ed4746, #a90505) !important;
  color: #fff;
}
.cherry-theme .boder-color {
  border-color: #fff !important;
}
.cherry-theme .is-active-register {
  background: #ec6341 !important;
  border: 1px solid #f17759 !important;
}
.cherry-theme .b-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin: 0;
  outline: 0;
  transform: translateX(0);
  background: linear-gradient(180deg, #de4745 0, #840404) !important;
}
.cherry-theme .bg-info {
  color: #4f4a3e;
  background: #f1f1f1 !important;
  padding: 5px;
  border-radius: 10px;
}
.cherry-theme .btn-change {
  background: #fff;
  box-shadow: 0 4px 10px hsla(0, 0%, 93.3%, 0.12);
  border-radius: 10px;
}
.cherry-theme .card-pro {
  background: #f1f1f1;
  border-radius: 10px;
  color: #4f4a3e !important;
  font-weight: 400 !important;
}
.cherry-theme .bg-lock {
  background: #b93c3c;
  padding: 8px;
  border-radius: 20px;
  width: 40px;
  color: #fff;
}
.cherry-theme .btn-cancel {
  background: #fff;
  border-radius: 10px;
  color: #b93c3c !important;
  border: 1px solid #b93c3c;
}
.cherry-theme .btn-theme-one {
  background: #e95e3e;
  border-color: #fff !important;
  color: #fff;
  border-radius: 10px !important;
}
.cherry-theme .btn-login,
.cherry-theme .btn-theme-two {
  background: linear-gradient(180deg, #ed4746, #a90505);
  border-radius: 10px;
  color: #fff;
  border-color: #eee !important;
}
.cherry-theme .btn-theme-seemore {
  background: #565553;
  border-radius: 10px;
  color: #fff;
  border-color: #565553 !important;
}
.cherry-theme .btn-copy {
  background: linear-gradient(180deg, #ed4746, #a90505) !important;
  border-radius: 0 10px 10px 0 !important;
  color: #fff !important;
}
.cherry-theme .card {
  background: #fff !important;
  color: #4f4a3e !important;
  filter: drop-shadow(0 1px 1px #989898);
}
.cherry-theme .bg-input-theme {
  background-color: rgba(219, 74, 46, 0.0901960784) !important;
}
.cherry-theme .border-theme {
  border-radius: 15px !important;
}
.cherry-theme .icon-activity {
  filter: invert(0);
  width: 20px;
}
.cherry-theme .bg-table {
  background-color: #fff;
  border-radius: 10px;
  border: 0 solid #fff !important;
}
.cherry-theme .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #b93c3c !important;
  border-top: 0 solid #b93c3c !important;
  padding: 4px 12px;
  background: #b93c3c;
  color: #fff !important;
}
.cherry-theme .table td {
  vertical-align: top;
  border-top: 0 solid #ff764a !important;
}
.cherry-theme .Daily__item__box {
  position: relative;
  height: 75px;
  background: #fff;
  border-radius: 10px;
  border: 2px solid #dd4c30;
}
.cherry-theme .Daily__item__box.active {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #ed4746, #a90505) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.cherry-theme .Daily__item__box.active-today {
  background: linear-gradient(180deg, #ed4746, #a90505);
  border: none !important;
}
.cherry-theme .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 10px;
}
.cherry-theme .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.cherry-theme .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.cherry-theme .text-daily {
  color: #4f4a3e;
}
.cherry-theme .btn-reward {
  width: 85%;
  border-radius: 10px;
  border: 2px solid #dd4c30;
  cursor: pointer;
}
.cherry-theme .bg-btn-point {
  background: #c2c2c2;
  border-radius: 20px;
  margin: 4px;
}
.cherry-theme .bg-chosses {
  background-color: #fff;
  border-radius: 15px;
  filter: drop-shadow(0 1px 1px #989898);
  color: #4f4a3e;
}
.cherry-theme .bg-hover:hover,
.cherry-theme .btn-hover:focus {
  background-color: #dedede;
}
.cherry-theme .showSlide {
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 80%;
  display: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.cherry-theme #modal-suscess-complain .modal-content,
.cherry-theme .showSlide {
  background-color: #fff !important;
}
.cherry-theme .from-complain {
  display: block;
  width: 100%;
  height: calc(1.5em + 5rem + 10px) !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  background-color: #f4f4f4 !important;
  background-clip: padding-box;
  border: 1px solid #f4f4f4 !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.cherry-theme .btn-withdraw {
  background: linear-gradient(180deg, #ed4746, #a90505);
  box-shadow: 0 4px 4px rgba(255, 118, 74, 0.16);
  border-radius: 10px;
  color: #fff;
  border-color: #a90505 !important;
}
.cherry-theme .cover-withdraw {
  background: #fff;
  border-radius: 0 0 10px 10px;
}
.cherry-theme .hd-withdraw {
  background: #ee6744;
  border-radius: 10px 10px 0 0;
  color: #4f4a3e;
  padding: 10px;
}
.cherry-theme .card-withdraw {
  background: #f1f1f1 !important;
  color: #4f4a3e !important;
  border-radius: 5px;
}
.cherry-theme .page-item.active .page-link {
  z-index: 3;
  color: #4f4a3e;
  background-color: #eb6140 !important;
  border-color: #eb6140 !important;
}
.cherry-theme .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #4f4a3e !important;
  background-color: #eee !important;
  border: 1px solid #4f4a3e !important;
}
.cherry-theme .custom-control-input:checked ~ .custom-control-label:before {
  color: #4f4a3e !important;
  border-color: #b93c3c !important;
  background-color: #b93c3c !important;
}
.cherry-theme .boxcredit {
  background: rgba(34, 32, 32, 0.6);
  width: 50%;
}
.cherry-theme .border-color {
  border: 2px solid #f6714e;
  border-radius: 10px;
}
.cherry-theme .btn-box {
  background-image: linear-gradient(315deg, #ed4746, #a90505 74%);
  border-radius: 5px 25px;
  filter: drop-shadow(1px 2px 4px #f26234);
  border-color: #ed4746 !important;
}
.cherry-theme .breadcrumb {
  background-color: #eee !important;
}
.cherry-theme .breadcrumb-item.active {
  color: #b93c3c !important;
}
.cherry-theme .swal2-popup {
  background: #eee !important;
}
.cherry-theme .swal2-content,
.cherry-theme .swal2-title {
  color: #4f4a3e !important;
}
.cherry-theme .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #ed4746, #a90505) !important;
  border-radius: 10px !important;
  border-color: #4f4a3e !important;
  color: #4f4a3e !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.cherry-theme .bg-body-modal {
  background: linear-gradient(180deg, #ed4746, #a90505);
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #fff !important;
  color: #fff;
}
.cherry-theme .modal-content {
  border-radius: 1rem !important;
}
.cherry-theme .bg-body,
.cherry-theme .bg-body-promotion {
  background: #fff !important;
}
.cherry-theme .bg-footer {
  border-top: 1px solid #fff !important;
  border-bottom-right-radius: calc(1rem - 1px) !important;
  border-bottom-left-radius: calc(1rem - 1px) !important;
  background-color: #fff !important;
}
.cherry-theme #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.cherry-theme #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(255, 118, 74, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.cherry-theme #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #fff !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.cherry-theme #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.cherry-theme #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(255, 118, 74, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.cherry-theme #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #fff !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.cherry-theme #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.cherry-theme #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(255, 118, 74, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.cherry-theme .card-bank {
  background: #f1f1f1;
  box-shadow: 0 4px 10px hsla(0, 0%, 93.3%, 0.12);
  border-radius: 10px;
  color: #4f4a3e !important;
}
.cherry-theme .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid rgba(255, 118, 74, 0.125);
}
.cherry-theme .swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid;
  border-radius: 50%;
}
.cherry-theme .swal2-icon.swal2-success [class^="swal2-success-line"] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
}
.cherry-theme .form-control {
  display: block;
  padding: 0.375rem 0.75rem;
  background-color: #f1f1f1;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.cherry-theme .custom-select,
.cherry-theme .form-control {
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  border: 1px solid #f1f1f1 !important;
  border-radius: 0.25rem;
}
.cherry-theme .custom-select {
  display: inline-block;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  vertical-align: middle;
  background-color: #f1f1f1 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.cherry-theme .multiselect__tags {
  min-height: 40px;
  display: block;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  border: 1px solid #f1f1f1 !important;
  background: #fff !important;
  font-size: 14px;
  color: #4f4a3e !important;
}
.cherry-theme .multiselect__content-wrapper {
  position: absolute;
  display: block;
  background: #f1f1f1 !important;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border: 1px solid #f1f1f1 !important;
  border-top: none;
  color: #4f4a3e !important;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.cherry-theme .multiselect__input,
.cherry-theme .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #fff !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
}
.cherry-theme .multiselect__option--highlight {
  background: #fff !important;
  outline: none;
  color: #4f4a3e !important;
}
.cherry-theme #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(255, 118, 74, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.cherry-theme .border-banner {
  border: 2px solid #ed4746;
  border-radius: 10px;
}
.cherry-theme .btn-secondary:hover {
  color: #4f4a3e;
  background-color: #ed4746 !important;
  border-color: none !important;
}
.cherry-theme .btn-secondary.focus,
.cherry-theme .btn-secondary:focus {
  color: #4f4a3e;
  background-color: #ed4746 !important;
  border-color: #ed4746 !important;
}
.cherry-theme .bg-choose {
  background: #fff !important;
  color: #4f4a3e;
}
.cherry-theme .btn-join-activity {
  background: linear-gradient(180deg, #ed4746, #a90505);
  border-radius: 0 0 10px 10px;
  color: #fff;
  border: #e95e3e;
}
.cherry-theme .bg-input {
  background: #fff !important;
  border-radius: 10px;
  color: #4f4a3e;
  border: none !important;
}
.cherry-theme .bg-condition {
  background: rgba(219, 74, 46, 0.0901960784) !important;
  color: #4f4a3e;
}
.cherry-theme .header-login {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5019607843);
  border: 0 solid rgba(255, 118, 74, 0.125);
}
.cherry-theme .footer-wrapper1 {
  height: auto;
}
.cherry-theme .footer-wrapper,
.cherry-theme .footer-wrapper1 {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.cherry-theme .footer-wrapper {
  height: 58px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: #fff;
  box-shadow: 0 0 16px rgba(255, 123, 122, 0.55);
  z-index: 2;
}
.cherry-theme .footer-wrapper .play-game {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 15px;
  text-align: center;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #ff7b7a, #c74241 50%, #a90505);
  box-shadow: 0 4px 6px rgba(255, 118, 74, 0.25);
}
.cherry-theme .footer-wrapper .play-game .play-game-box {
  display: table-cell;
  transform: rotate(316deg);
  vertical-align: middle;
}
.cherry-theme .footer-wrapper .play-game .item-count {
  width: 30px;
  filter: invert(0);
}
.cherry-theme .footer-wrapper .play-game-5 {
  border-radius: 30px;
  height: 50px;
  text-align: center;
  width: 50px;
  padding: 8px;
  background: linear-gradient(180deg, #ff7b7a, #c74241 50%, #a90505);
  box-shadow: 0 4px 6px rgba(255, 118, 74, 0.25);
  position: absolute;
  top: -20px;
}
.cherry-theme .footer-wrapper .play-game-5 .play-game-box-5 {
  display: table-cell;
  vertical-align: middle;
}
.cherry-theme .footer-wrapper .play-game-5 .item-count {
  width: 34px;
  filter: invert(1);
}
.cherry-theme a {
  color: #4f4a3e !important;
}
.cherry-theme a:hover {
  color: --blue;
  text-decoration: none !important;
}
.cherry-theme .bg-table-aff {
  background-color: #fff !important;
  border: 0 solid #fff !important;
}
.cherry-theme .border-left {
  border-left: 3px solid #b93c3c !important;
}
.cherry-theme .border-solid {
  border: 1px solid #ee6744;
}
.cherry-theme .bg-from-aff {
  display: inline-block;
  width: 50% !important;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  vertical-align: middle;
  background-color: #fff !important;
  border: 1px solid #fff !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.cherry-theme .bg-in-aff {
  background: #f4f4f4;
  border-radius: 5px;
  color: #4f4a3e;
  padding: 5px;
}
.cherry-theme .icon-aff {
  position: absolute;
  top: 92px;
  left: 0;
  right: 0;
  color: #4f4a3e;
}
.cherry-theme .btn-comein {
  position: absolute;
  bottom: -17%;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.cherry-theme .bg-search {
  background-color: #fff !important;
}
.cherry-theme .bg-from,
.cherry-theme .bg-search {
  border: 1px solid #b93c3c !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: #4f4a3e !important;
}
.cherry-theme .bg-from {
  background-color: #fff !important;
  background: #464646 url(/_nuxt/img/dropdown.2ae9015.png) no-repeat right
    0.75rem center/10px 8px;
}
.cherry-theme .search {
  position: absolute;
  right: 24px;
  color: #dd4c30;
}
.cherry-theme .card-point {
  background: #eee !important;
  filter: drop-shadow(0 0 0 #eeeeee) !important;
  color: #4f4a3e !important;
  border-radius: 10px;
}
.cherry-theme .bg-point {
  background: #ed4746;
  border-radius: 20px;
  margin: 4px;
  color: #4f4a3e;
}
.cherry-theme .bg-card-his {
  background: #eee !important;
  filter: drop-shadow(0 0 0 #eeeeee) !important;
  color: #4f4a3e !important;
}
.cherry-theme .card-nodata {
  background: #fff;
  color: #4f4a3e;
  padding: 80px;
  border-radius: 10px;
}
.cherry-theme .action-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2%;
}
.cherry-theme .action-wrapper__btn-spin {
  background-image: url(https://es-dev.vrbet.com/_nuxt/img/button.1e27aca.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 6vw;
  width: 14vw;
  margin-bottom: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cherry-theme .action-wrapper__btn-spin span {
  font-size: 3vw;
  color: #4f4a3e;
  -webkit-text-stroke: 3px #4f4a3e;
}
@media screen and (max-width: 992px) {
  .cherry-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2.5px #4f4a3e;
    font-size: 6vw;
  }
}
@media screen and (max-width: 480px) {
  .cherry-theme .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2px #4f4a3e;
    font-size: 8vw;
  }
}
@media screen and (max-width: 992px) {
  .cherry-theme .action-wrapper__btn-spin {
    margin-top: 3vw;
    width: 26vw;
    height: 12vw;
  }
}
@media screen and (max-width: 480px) {
  .cherry-theme .action-wrapper__btn-spin {
    width: 40vw;
    height: 18vw;
  }
}
.cherry-theme .action-wrapper__btn-spin.disabledbtn {
  cursor: not-allowed;
  filter: grayscale(1);
}
.cherry-theme .glass-panel {
  color: #4f4a3e;
  margin: 40px auto;
  background-color: rgba(79, 74, 62, 0.06);
  border: 1px solid rgba(79, 74, 62, 0.1);
  width: 100%;
  border-radius: 15px;
  padding: 32px;
  backdrop-filter: blur(10px);
}
.cherry-theme .glass-button {
  display: inline-block;
  padding: 15px 18px;
  text-decoration: none;
  border-radius: 15px;
  background-color: hsla(0, 0%, 100%, 0.06);
  border: 1px solid #ff764a;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: #ff764a;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}
.cherry-theme .glass-button:hover {
  background-color: rgba(79, 74, 62, 0.2);
}
.cherry-theme .glass-panel {
  max-width: 600px;
}
.cherry-theme #background-wrap {
  bottom: 0;
  left: 0;
  padding-top: 50px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.cherry-theme .x1 {
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 35s linear infinite;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  transform: scale(0.65);
}
.cherry-theme .x2 {
  -webkit-animation: animateCloud 20s linear infinite;
  -moz-animation: animateCloud 20s linear infinite;
  animation: animateCloud 20s linear infinite;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.cherry-theme .x3 {
  -webkit-animation: animateCloud 30s linear infinite;
  -moz-animation: animateCloud 30s linear infinite;
  animation: animateCloud 30s linear infinite;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.cherry-theme .x4 {
  -webkit-animation: animateCloud 18s linear infinite;
  -moz-animation: animateCloud 18s linear infinite;
  animation: animateCloud 18s linear infinite;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.cherry-theme .x5 {
  -webkit-animation: animateCloud 25s linear infinite;
  -moz-animation: animateCloud 25s linear infinite;
  animation: animateCloud 25s linear infinite;
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  transform: scale(0.55);
}
.cherry-theme .cloud {
  background: #fff;
  background: -moz-linear-gradient(top, #fff 5%, #d1dff6 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, #fff),
    color-stop(100%, #d1dff6)
  );
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 8px 5px rgba(255, 118, 74, 0.1);
  -moz-box-shadow: 0 8px 5px rgba(255, 118, 74, 0.1);
  box-shadow: 0 8px 5px rgba(255, 118, 74, 0.1);
  height: 120px;
  position: relative;
  width: 350px;
}
.cherry-theme .cloud:after,
.cherry-theme .cloud:before {
  background: #fff;
  content: "";
  position: absolute;
  z-index: -1;
}
.cherry-theme .cloud:after {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  height: 100px;
  left: 50px;
  top: -50px;
  width: 100px;
}
.cherry-theme .cloud:before {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  width: 180px;
  height: 180px;
  right: 50px;
  top: -90px;
}
.cherry-theme .bg-share-facebook {
  background-color: #fff !important;
  color: #4f4a3e !important;
}
.cherry-theme .bg-game {
  background: linear-gradient(#fff, #fff);
  border-radius: 10px;
  border: unset;
  color: #4f4a3e !important;
  width: 80px;
  height: 67px;
}
.cherry-theme .bg-game-active {
  background: linear-gradient(180deg, #fd8c69, #d33921) !important;
  border-radius: 10px !important;
  color: #fff !important;
  width: 80px;
  height: 67px;
}
.cherry-theme .bg-search-game {
  background-color: #fff !important;
  border-radius: 10px !important;
}
.cherry-theme .unactive-footer {
  color: #606060;
}
.cherry-theme .btn-aff-share {
  background: linear-gradient(270deg, #ed4746, #a90505);
  border-radius: 10px;
  color: #fff;
  border-color: #a90505 !important;
  filter: drop-shadow(0 0 5px #a90505);
}
.cherry-theme #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(255, 118, 74, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.cherry-theme .btn-change-language {
  background-color: #fff !important;
  border: 1px solid #b93c3c;
}
.cherry-theme .card-money,
.cherry-theme .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card-copy-light.73ed8f4.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.cherry-theme .bg-iconuser {
  background: #fff;
  padding: 7px;
  border-radius: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #fff;
}
.cherry-theme .content-lv {
  padding: 10px 0;
}
.cherry-theme .border-bottom-aff {
  border-bottom: 1px solid #ed4746;
}
.cherry-theme .body-content {
  width: 70%;
  background: #fff;
  border-bottom-right-radius: 20px;
  padding: 0 39px;
  overflow: auto;
  max-height: 300px;
  color: #4f4a3e;
}
@media (max-width: 479px) {
  .cherry-theme .body-content {
    width: 75%;
    padding: 0 10px;
  }
}
.cherry-theme .active2 {
  color: #4f4a3e !important;
  background: #fff !important;
  border-bottom-left-radius: 0 !important;
}
.cherry-theme .tab-item {
  padding: 15px !important;
  font-size: 14px !important;
}
.cherry-theme .tab-history-class {
  border-radius: 20px;
  color: #fff;
  border: 1px solid #a90505;
}
.cherry-theme .tab-item:last-child {
  border-bottom: 1px solid #c2c2c2;
  border-bottom-left-radius: 20px !important;
}
.cherry-theme .tab-item,
.cherry-theme .tab-item:last-child {
  cursor: pointer;
  color: #fff;
  background: linear-gradient(180deg, #ed4746 0, #a90505);
}
.cherry-theme .tab-item {
  border-bottom: 1px solid #c2c2c2;
}
.cherry-theme .header-aff {
  background: linear-gradient(180deg, #ed4746 0, #a90505);
  border-bottom: 1px solid #fff;
  border-radius: 20px 20px 0 0;
}
.cherry-theme .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #c2c2c2;
  border-radius: 30rem !important;
}
.cherry-theme .bg-aff-level {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #ed4746, #a90505) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.cherry-theme .bg-aff-level .nunber-friend {
  background: #b93c3c;
  border-radius: 10px;
  color: #fff;
}
.cherry-theme .bg-aff-level .turn-other {
  background: #ed4746;
  border-radius: 10px;
}
.cherry-theme .bg-aff-level .solid {
  border: 1px solid #ff7b7a;
  height: 40px;
}
.cherry-theme .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #fff;
  color: #bfbfbf;
  padding: 5px;
}
.cherry-theme .filters__button:hover {
  background-color: #fff;
}
.cherry-theme .filters-content {
  background-color: #fff;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.cherry-theme .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #f1f1f1;
  color: #bfbfbf;
  padding: 5px;
}
.cherry-theme .filters__button2:hover {
  background-color: #f1f1f1;
}
.cherry-theme .filters [data-content] {
  display: none;
}
.cherry-theme [data-content].is-active[data-content] {
  display: grid;
}
.cherry-theme [data-target].is-active {
  background: linear-gradient(180deg, #ed4746, #a90505);
  border-radius: 10px;
  color: #fff;
}
.cherry-theme .condition-header {
  background: linear-gradient(
    109.63deg,
    #ff7b7a 3.68%,
    #c74241 47.76%,
    #a90505 95.96%
  );
  border-radius: 5px;
  color: #fff;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.cherry-theme .bg-wheel-condition {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(109.63deg, #ff7b7a 3.68%, #c74241 47.76%, #a90505 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.cherry-theme .btn-up-slip {
  color: #ed4746;
  border: 2px solid #a90505 !important;
  background: 0 0 !important;
}
.cherry-theme .btn-no-received {
  background: #ffd9d9;
  border-color: #ffd9d9;
  border-radius: 10px;
  color: #4f4a3e;
}
.cherry-theme .btn-no-received:focus,
.cherry-theme .btn-no-received:hover {
  background-color: #ffd9d9 !important;
  border-color: #ffd9d9 !important;
  border-radius: 10px !important;
}
.cherry-theme .bg-pro {
  background: #f1f1f1;
  border-radius: 10px;
}
.cherry-theme .filters-content-bg {
  background-color: #f1f1f1;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.cherry-theme .is-unactive {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #f1f1f1;
  color: #7d7d7d;
  padding: 5px;
}
.cherry-theme .card-points {
  background: linear-gradient(#fff, #fff) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.cherry-theme .r-gold {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.cherry-theme .r-gold,
.cherry-theme .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.cherry-theme .r-silver {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.cherry-theme .r-copper {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.cherry-theme .cycle-gold {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.cherry-theme .cycle-gold,
.cherry-theme .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.cherry-theme .cycle-silver {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #d9d9d9, #818181) border-box;
}
.cherry-theme .cycle-copper {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(0deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.cherry-theme .card-decimal,
.cherry-theme .card-transfer {
  background: #f1f1f1;
  box-shadow: 0 4px 10px hsla(0, 0%, 93.3%, 0.12);
  border-radius: 10px;
  color: #000 !important;
}
.cherry-theme .bg-choose-team {
  background: #f1f1f1;
  border-radius: 5px;
  color: #4f4a3e;
  padding: 2px;
  margin: 4px;
}
.cherry-theme .refesh {
  position: absolute;
  top: 3px;
  right: 12px;
}
.cherry-theme .bagfree {
  position: absolute;
  top: 0;
  right: 6px;
}
.cherry-theme .hexagon {
  position: relative;
  width: 55px;
  height: 28.7px;
  margin: 35.15px 0;
  border-left: 3.1421px solid #4f4a3e;
  border-right: 3.1421px solid #4f4a3e;
}
.cherry-theme .hexagon:after,
.cherry-theme .hexagon:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 38.35px;
  height: 38.35px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 5.8249px;
}
.cherry-theme .hexagon:before {
  top: -19.1751px;
  border-top: 3.1421px solid #4f4a3e;
  border-right: 3.1421px solid #4f4a3e;
}
.cherry-theme .hexagon:after {
  bottom: -19.1751px;
  border-bottom: 3.1421px solid #4f4a3e;
  border-left: 3.1421px solid #4f4a3e;
}
.cherry-theme *,
.cherry-theme :after,
.cherry-theme :before {
  box-sizing: border-box;
}
.cherry-theme .bg-month {
  background: #f1f1f1;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #7d7d7d;
}
.cherry-theme .bg-month-active {
  background: linear-gradient(#f1f1f1, #f1f1f1) padding-box,
    linear-gradient(90deg, #ed4746, #a90505) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #4f4a3e;
  border: 1px solid transparent;
}
.cherry-theme .inactive {
  background: rgba(62, 62, 62, 0.7) !important;
}
.cherry-theme .bagfree2 {
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 35px;
}
.cherry-theme .btn.focus {
  box-shadow: 0 0 0 0.2rem hsla(0, 0%, 100%, 0.25) !important;
}
.cherry-theme .arry-input {
  height: calc(1.5em + 5rem + 10px) !important;
  border-radius: 10px !important;
  color: #4f4a3e !important;
}
.brightsky .bg-header,
.brightsky body {
  background: #f4f4f4;
}
.brightsky .shadow-today {
  box-shadow: 0 0 15px #83c4ff;
}
.brightsky .bd-daily-fix {
  border-color: #9bbedd !important;
  background: #f4f4f4 !important;
}
.brightsky .text-deposited-daily-fix {
  color: #bdbdbd;
}
.brightsky .bg-table-daily-fix {
  background: #399fda !important;
  color: #535867 !important;
}
.brightsky .text-daily-fix {
  color: #535867 !important;
}
.brightsky .text-credit-daily {
  background: linear-gradient(180deg, #e4e4e4 0, #e4e4e4) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.brightsky .text-color {
  color: #535867 !important;
}
.brightsky .text-template {
  color: #535867;
}
.brightsky .text-orange {
  color: #f5871e !important;
}
.brightsky .text-theme {
  color: #fff;
}
.brightsky .text-spcial {
  background: linear-gradient(180deg, #535867 0, #535867);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.brightsky .text-linear,
.brightsky .text-linear-footer {
  background: linear-gradient(180deg, #83c4ff 0, #399fda);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.brightsky .text-see-history {
  color: #a9acb3;
}
.brightsky .text-head-hisotry {
  color: #535867;
}
.brightsky .text-tranfer {
  background: linear-gradient(180deg, #535867 0, #535867);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.brightsky .text-color-icon {
  background: linear-gradient(180deg, #535867, #535867);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.brightsky .text-credit {
  background: #535867;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.brightsky .text-color-cs {
  color: #535867 !important;
}
.brightsky .bg-credit {
  background: linear-gradient(#fff, #fff);
  border-radius: 10px;
  border: 3px solid transparent;
}
.brightsky .bg-ball-choose-team {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #83c4ff, #399fda) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.brightsky .bg-wallet {
  background: #fff;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
}
.brightsky .bg-credit-free {
  background: linear-gradient(180deg, #83c4ff, #399fda);
  border-radius: 0 0 10px 10px;
}
.brightsky .recevied-com {
  background: #eff8fc;
  border-radius: 10px;
  border: 2px solid #83c4ff;
  color: #83c4ff;
}
.brightsky .bg-card-commission {
  background: #fff;
}
.brightsky .bg-turn {
  color: #535867;
  background: #fff;
  border-radius: 10px;
}
.brightsky .bg-icon-index {
  background: #fff !important;
  border-radius: 10px !important;
}
.brightsky .bg-con-turn {
  background: #f2f2f2 !important;
}
.brightsky .color-toogle {
  background: linear-gradient(180deg, #5cc875 0, #5cc875);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.brightsky .tab-content > .active {
  display: block;
  background: #fff !important;
}
.brightsky .active-bg,
.brightsky .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #83c4ff, #399fda) !important;
  color: #fff !important;
}
.brightsky .tab-box {
  background-color: #fff;
  color: #bdbdbd;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.brightsky .nav-tabs {
  border-bottom: 2px solid #e4e4e4 !important;
}
.brightsky .nav-tabs .nav-link {
  border: 0 !important;
  background: #fff !important;
  color: #bdbdbd !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.brightsky .boder-right {
  height: 50px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.2509803922);
}
.brightsky .btn-copy-bank {
  background: #e4e4e4;
  border-radius: 10px;
  color: #535867;
  width: max-content;
  border-color: #e4e4e4;
  box-shadow: 0 4px 4px rgba(89, 132, 169, 0.16);
}
.brightsky .btn-money {
  border-color: #83c4ff;
  border-radius: 10px;
  background: rgba(239, 248, 252, 0.2);
  color: #83c4ff;
}
.brightsky .active-btn-amount {
  background: linear-gradient(180deg, #83c4ff, #399fda) !important;
  color: #fff !important;
  font-weight: 900;
}
.brightsky .btn-topup-promptpay {
  border-color: #83c4ff;
  border-radius: 10px;
  background: linear-gradient(180deg, #83c4ff, #399fda) !important;
  color: #fff;
}
.brightsky .boder-color {
  border-color: #232323 !important;
}
.brightsky .is-active-register {
  background: #399fda !important;
  border: 1px solid #9bbedd !important;
}
.brightsky .b-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin: 0;
  outline: 0;
  transform: translateX(0);
  background: linear-gradient(0.483turn, #2f6cac 4.17%, #83c4ff) !important;
}
.brightsky .bg-info {
  color: #535867;
  background: #f2f2f2 !important;
  padding: 5px;
  border-radius: 10px;
}
.brightsky .btn-change {
  background: #fff;
  box-shadow: 0 4px 10px rgba(89, 132, 169, 0.12);
  border-radius: 10px;
}
.brightsky .card-pro {
  background: #f2f2f2;
  border-radius: 10px;
  color: #535867 !important;
  font-weight: 400 !important;
  height: 13em;
}
.brightsky .bg-lock {
  background: #5984a9;
  padding: 8px;
  border-radius: 18px;
  width: 40px;
  color: #fff;
}
.brightsky .bg-login {
  background: linear-gradient(0deg, #399fda 0, #fff);
  min-height: 100vh;
  height: 100%;
  width: 100%;
}
.brightsky .btn-cancel {
  background: #fff;
  border-radius: 10px;
  color: #535867 !important;
  border: 1px solid #535867;
}
.brightsky .btn-cancel:hover {
  border-radius: 10px;
  color: #000 !important;
  border: 1px solid #000 !important;
}
.brightsky .btn-theme-one {
  background: #399fda;
  border-color: #fff !important;
  color: #fff;
  border-radius: 10px !important;
}
.brightsky .btn-theme-two {
  background: linear-gradient(180deg, #83c4ff, #399fda);
  border-radius: 10px;
  color: #fff;
  border-color: unset !important;
}
.brightsky .btn-login {
  background: #17a3ff;
  border-radius: 5px;
  color: #fff;
  border-color: #17a3ff !important;
}
.brightsky .btn-theme-seemore {
  background: linear-gradient(#e7f1fb, #f3fbff) padding-box,
    linear-gradient(180deg, #399fda, #399fda) border-box !important;
  border: 0.5px solid transparent;
  border-radius: 10px;
  color: #535867 !important;
}
.brightsky .btn-copy {
  background: linear-gradient(180deg, #83c4ff, #399fda) !important;
  border-radius: 0 10px 10px 0 !important;
  color: #fff !important;
  border: none;
}
.brightsky .card {
  background: #fff !important;
  color: #535867 !important;
  filter: drop-shadow(0 0 1px #989898);
}
.brightsky .bg-input-theme {
  background-color: #f2f2f2 !important;
}
.brightsky .border-theme {
  border-radius: 15px !important;
}
.brightsky .icon-activity {
  filter: invert(0);
  width: 20px;
}
.brightsky .bg-table {
  background-color: #fff;
  border-radius: 10px;
  border: 0 solid #fff !important;
}
.brightsky .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #5984a9 !important;
  border-top: 0 solid #5984a9 !important;
  padding: 4px 12px;
  background: #399fda;
  color: #fff !important;
}
.brightsky .table td {
  vertical-align: top;
  border-top: 0 solid #5984a9 !important;
  color: #5984a9 !important;
}
.brightsky .Daily__item__box {
  position: relative;
  height: 75px;
  background: #fff;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
}
.brightsky .Daily__item__box.active {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #83c4ff, #399fda) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.brightsky .Daily__item__box.active-today {
  background: linear-gradient(180deg, #83c4ff, #399fda);
  border: none !important;
  color: #fff;
}
.brightsky .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 10px;
}
.brightsky .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.brightsky .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.brightsky .text-daily {
  color: #535867;
}
.brightsky .btn-reward {
  width: 85%;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
  cursor: pointer;
}
.brightsky .bg-btn-point {
  background: #c2c2c2;
  border-radius: 20px;
  margin: 4px;
}
.brightsky .bg-chosses {
  background-color: #f2f2f2;
  border-radius: 15px;
  filter: drop-shadow(0 1px 1px #989898);
  color: #535867;
}
.brightsky .bg-hover:hover,
.brightsky .btn-hover:focus {
  background-color: #3d3d3d;
}
.brightsky .showSlide {
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 80%;
  background-color: #fff !important;
  display: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.brightsky #modal-suscess-complain .modal-content {
  background-color: #232323 !important;
}
.brightsky .from-complain {
  display: block;
  width: 100%;
  height: calc(1.5em + 5rem + 10px) !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  background-color: #f4f4f4 !important;
  background-clip: padding-box;
  border: 1px solid #f4f4f4 !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.brightsky .btn-withdraw {
  background: linear-gradient(180deg, #83c4ff, #399fda);
  box-shadow: 0 4px 4px rgba(89, 132, 169, 0.16);
  border-radius: 10px;
  color: #fff;
  border-color: #399fda !important;
}
.brightsky .cover-withdraw {
  background: #fff;
  border-radius: 0 0 10px 10px;
}
.brightsky .hd-withdraw {
  background: #399fda;
  border-radius: 10px 10px 0 0;
  color: #fff;
  padding: 10px;
  font-size: 18px;
}
.brightsky .card-withdraw {
  background: #f2f2f2 !important;
  color: #535867 !important;
  border-radius: 5px;
}
.brightsky .page-item.active .page-link {
  z-index: 3;
  color: #fff !important;
  background-color: #399fda !important;
  border-color: #399fda !important;
}
.brightsky .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #535867 !important;
  background-color: #fff !important;
  border: 1px solid #535867 !important;
}
.brightsky .custom-control-input:checked ~ .custom-control-label:before {
  color: #535867 !important;
  border-color: #535867 !important;
  background-color: #399fda !important;
}
.brightsky .boxcredit {
  background: rgba(34, 32, 32, 0.6);
  width: 55%;
}
.brightsky .border-color {
  border: 2px solid #80c1fc;
  border-radius: 10px;
}
.brightsky .btn-box {
  background-image: linear-gradient(315deg, #83c4ff, #399fda 74%);
  border-radius: 5px 25px;
  filter: drop-shadow(1px 2px 4px #2f6cac);
  border-color: #83c4ff !important;
}
.brightsky .breadcrumb {
  background-color: #f4f4f4 !important;
}
.brightsky .breadcrumb-item,
.brightsky .breadcrumb-item.active {
  color: #535867 !important;
}
.brightsky .swal2-popup {
  background: #fff !important;
}
.brightsky .swal2-content,
.brightsky .swal2-title {
  color: #535867 !important;
}
.brightsky .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #83c4ff, #399fda) !important;
  border-radius: 10px !important;
  border-color: #535867 !important;
  color: #535867 !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.brightsky .bg-body-modal {
  background: linear-gradient(180deg, #83c4ff, #399fda);
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #fff !important;
  color: #fff;
}
.brightsky .modal-content {
  border-radius: 1rem !important;
}
.brightsky .bg-body,
.brightsky .bg-body-promotion {
  background: #fff !important;
}
.brightsky .bg-footer {
  border-top: 1px solid #fff !important;
  border-bottom-right-radius: calc(1rem - 1px) !important;
  border-bottom-left-radius: calc(1rem - 1px) !important;
  background-color: #fff !important;
}
.brightsky #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.brightsky #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(89, 132, 169, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.brightsky #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #fff !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.brightsky #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.brightsky #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(89, 132, 169, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.brightsky #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #fff !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.brightsky #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.brightsky #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(89, 132, 169, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.brightsky .card-bank {
  background: #f2f2f2;
  box-shadow: 0 4px 10px rgba(89, 132, 169, 0.12);
  border-radius: 7px;
  color: #535867 !important;
}
.brightsky .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid rgba(89, 132, 169, 0.125);
}
.brightsky .swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid;
  border-radius: 50%;
}
.brightsky .swal2-icon.swal2-success [class^="swal2-success-line"] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
}
.brightsky .form-control {
  display: block;
  padding: 0.375rem 0.75rem;
  background-color: #f4f4f4;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.brightsky .custom-select,
.brightsky .form-control {
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #535867 !important;
  border: 1px solid #f2f2f2 !important;
  border-radius: 0.25rem;
}
.brightsky .custom-select {
  display: inline-block;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  vertical-align: middle;
  background-color: #f2f2f2 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(/_nuxt/img/sort-arrows.4ef9d5b.png) right 0.75rem
    center/8px 10px no-repeat;
}
.brightsky .multiselect__tags {
  min-height: 40px;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  font-size: 14px;
}
.brightsky .multiselect__content-wrapper,
.brightsky .multiselect__tags {
  display: block;
  border: 1px solid #f2f2f2 !important;
  background: #fff !important;
  color: #535867 !important;
}
.brightsky .multiselect__content-wrapper {
  position: absolute;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.brightsky .multiselect__input,
.brightsky .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #fff !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
  color: #535867;
}
.brightsky .multiselect__option--highlight {
  background: #fff !important;
  outline: none;
  color: #535867 !important;
}
.brightsky #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(89, 132, 169, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.brightsky .border-banner {
  border: 2px solid #83c4ff;
  border-radius: 10px;
}
.brightsky .btn-secondary:hover {
  color: #535867;
  background-color: #83c4ff !important;
  border-color: none !important;
}
.brightsky .btn-secondary.focus,
.brightsky .btn-secondary:focus {
  color: #535867;
  background-color: #83c4ff !important;
  border-color: #83c4ff !important;
}
.brightsky .bg-choose {
  background: #fff !important;
  color: #535867;
}
.brightsky .btn-join-activity {
  background: linear-gradient(180deg, #83c4ff, #399fda);
  border-radius: 0 0 10px 10px;
  color: #fff;
  border-color: #f4f4f4 !important;
}
.brightsky .bg-input {
  background: #fff !important;
  border-radius: 10px;
  color: #535867 !important;
  border: none !important;
}
.brightsky .bg-condition {
  background: #fff !important;
  color: #535867;
}
.brightsky .header-login {
  padding: 0 !important;
  overflow: hidden !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5019607843);
  border: 0 solid rgba(89, 132, 169, 0.125);
}
.brightsky .footer-wrapper1 {
  height: auto;
}
.brightsky .footer-wrapper,
.brightsky .footer-wrapper1 {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.brightsky .footer-wrapper {
  height: 58px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: #fff;
  box-shadow: 0 0 16px rgba(83, 88, 103, 0.55);
  z-index: 2;
}
.brightsky .footer-wrapper .play-game {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 15px;
  text-align: center;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #f5871e, #f5871e 50%, #f5871e);
  box-shadow: 0 4px 6px rgba(89, 132, 169, 0.25);
  position: absolute;
  top: -20px;
}
.brightsky .footer-wrapper .play-game .play-game-box {
  display: table-cell;
  transform: rotate(316deg);
  vertical-align: middle;
}
.brightsky .footer-wrapper .play-game .item-count {
  width: 30px;
  filter: invert(0);
}
.brightsky .footer-wrapper .play-game-5 {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 30px;
  text-align: center;
  background: linear-gradient(180deg, #f5871e, #f5871e 50%, #f5871e);
  box-shadow: 0 4px 6px rgba(89, 132, 169, 0.25);
}
.brightsky .footer-wrapper .play-game-5 .play-game-box-5 {
  display: table-cell;
  vertical-align: middle;
}
.brightsky .footer-wrapper .play-game-5 .item-count {
  width: 34px;
  filter: invert(0);
}
.brightsky a {
  color: #535867 !important;
}
.brightsky a:hover {
  color: --blue;
  text-decoration: none !important;
}
.brightsky .bg-table-aff {
  background-color: #fff !important;
  border: 0 solid #fff !important;
}
.brightsky .border-left {
  border-left: 3px solid #535867 !important;
}
.brightsky .border-solid {
  border: 1px solid #399fda;
}
.brightsky .bg-from-aff {
  display: inline-block;
  width: 50% !important;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #535867 !important;
  vertical-align: middle;
  background-color: #fff !important;
  border: 1px solid #fff !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.brightsky .bg-in-aff {
  background: #f2f2f2;
  border-radius: 5px;
  color: #5984a9;
  padding: 5px;
}
.brightsky .icon-aff {
  position: absolute;
  top: 92px;
  left: 0;
  right: 0;
  color: #535867;
}
.brightsky .btn-comein {
  position: absolute;
  bottom: -17%;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.brightsky .bg-search {
  background-color: #fff !important;
}
.brightsky .bg-from,
.brightsky .bg-search {
  border: 1px solid #535867 !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: #535867 !important;
}
.brightsky .bg-from {
  background-color: #fff !important;
  background: #464646 url(/_nuxt/img/dropdown.2ae9015.png) no-repeat right
    0.75rem center/10px 8px;
}
.brightsky .search {
  position: absolute;
  right: 24px;
  color: #535867;
}
.brightsky .card-point {
  background: #f2f2f2 !important;
  filter: drop-shadow(0 0 0 #f2f2f2) !important;
  color: #535867 !important;
  border-radius: 10px;
}
.brightsky .bg-point {
  background: #535867;
  border-radius: 20px;
  margin: 4px;
  color: #fff;
}
.brightsky .bg-card-his {
  background: #f2f2f2 !important;
  color: #535867 !important;
}
.brightsky .card-nodata {
  background: #f2f2f2;
  color: #535867;
  padding: 80px;
  border-radius: 10px;
}
.brightsky .action-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2%;
}
.brightsky .action-wrapper__btn-spin {
  background-image: url(https://es-dev.vrbet.com/_nuxt/img/button.1e27aca.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 6vw;
  width: 14vw;
  margin-bottom: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.brightsky .action-wrapper__btn-spin span {
  font-size: 3vw;
  color: #535867;
  -webkit-text-stroke: 3px #535867;
}
@media screen and (max-width: 992px) {
  .brightsky .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2.5px #535867;
    font-size: 6vw;
  }
}
@media screen and (max-width: 480px) {
  .brightsky .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2px #535867;
    font-size: 8vw;
  }
}
@media screen and (max-width: 992px) {
  .brightsky .action-wrapper__btn-spin {
    margin-top: 3vw;
    width: 26vw;
    height: 12vw;
  }
}
@media screen and (max-width: 480px) {
  .brightsky .action-wrapper__btn-spin {
    width: 40vw;
    height: 18vw;
  }
}
.brightsky .action-wrapper__btn-spin.disabledbtn {
  cursor: not-allowed;
  filter: grayscale(1);
}
.brightsky .glass-panel {
  color: #535867;
  margin: 40px auto;
  background-color: rgba(83, 88, 103, 0.06);
  border: 1px solid rgba(83, 88, 103, 0.1);
  width: 100%;
  border-radius: 15px;
  padding: 32px;
  backdrop-filter: blur(10px);
}
.brightsky .glass-button {
  display: inline-block;
  padding: 15px 18px;
  text-decoration: none;
  border-radius: 15px;
  background-color: #4e4e4e;
  border: 1px solid #5984a9;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: #5984a9;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}
.brightsky .glass-button:hover {
  background-color: rgba(83, 88, 103, 0.2);
}
.brightsky .glass-panel {
  max-width: 600px;
}
.brightsky #background-wrap {
  bottom: 0;
  left: 0;
  padding-top: 50px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.brightsky .x1 {
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 35s linear infinite;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  transform: scale(0.65);
}
.brightsky .x2 {
  -webkit-animation: animateCloud 20s linear infinite;
  -moz-animation: animateCloud 20s linear infinite;
  animation: animateCloud 20s linear infinite;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.brightsky .x3 {
  -webkit-animation: animateCloud 30s linear infinite;
  -moz-animation: animateCloud 30s linear infinite;
  animation: animateCloud 30s linear infinite;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.brightsky .x4 {
  -webkit-animation: animateCloud 18s linear infinite;
  -moz-animation: animateCloud 18s linear infinite;
  animation: animateCloud 18s linear infinite;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.brightsky .x5 {
  -webkit-animation: animateCloud 25s linear infinite;
  -moz-animation: animateCloud 25s linear infinite;
  animation: animateCloud 25s linear infinite;
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  transform: scale(0.55);
}
.brightsky .cloud {
  background: #fff;
  background: -moz-linear-gradient(top, #fff 5%, #f2f2f2 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, #fff),
    color-stop(100%, #f2f2f2)
  );
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 8px 5px rgba(89, 132, 169, 0.1);
  -moz-box-shadow: 0 8px 5px rgba(89, 132, 169, 0.1);
  box-shadow: 0 8px 5px rgba(89, 132, 169, 0.1);
  height: 120px;
  position: relative;
  width: 350px;
}
.brightsky .cloud:after,
.brightsky .cloud:before {
  background: #fff;
  content: "";
  position: absolute;
  z-index: -1;
}
.brightsky .cloud:after {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  height: 100px;
  left: 50px;
  top: -50px;
  width: 100px;
}
.brightsky .cloud:before {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  width: 180px;
  height: 180px;
  right: 50px;
  top: -90px;
}
.brightsky .bg-share-facebook {
  background-color: #e4e4e4 !important;
  color: #535867 !important;
}
.brightsky .bg-game {
  border-radius: 5px !important;
  border: 0.1px transparent;
}
.brightsky .bg-game,
.brightsky .bg-game-active {
  background: linear-gradient(130deg, #e7f1fb, #f3fbff) padding-box,
    linear-gradient(180deg, #399fda, #399fda) border-box !important;
  color: #535867 !important;
  width: 80px;
  height: 67px;
  box-shadow: 0 0 9px -5px #0c0c0c;
}
.brightsky .bg-game-active {
  border: 1px solid transparent;
  border-radius: 5px !important;
}
.brightsky .bg-search-game {
  background-color: #fff !important;
  border-radius: 10px !important;
  color: #535867 !important;
  border: none !important;
}
.brightsky .unactive-footer {
  color: #535867;
}
.brightsky .btn-aff-share {
  background: linear-gradient(270deg, #83c4ff, #399fda);
  border-radius: 10px;
  color: #fff;
  border-color: #399fda !important;
  filter: drop-shadow(0 0 5px #399fda);
}
.brightsky #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(89, 132, 169, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.brightsky .btn-change-language {
  background-color: #fff !important;
  border: 1px solid #535867;
}
.brightsky .card-money,
.brightsky .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card-copy-light.73ed8f4.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.brightsky .bg-iconuser {
  background: #535867;
  padding: 7px;
  border-radius: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #535867;
}
.brightsky .content-lv {
  padding: 10px 0;
}
.brightsky .border-bottom-aff {
  border-bottom: 1px solid #83c4ff;
}
.brightsky .body-content {
  background: #535867;
  width: 70%;
  border-bottom-right-radius: 20px;
  padding: 0 39px;
  overflow: auto;
  max-height: 300px;
}
@media (max-width: 479px) {
  .brightsky .body-content {
    width: 75%;
    padding: 0 10px;
  }
}
.brightsky .active2 {
  color: #232323 !important;
  background: #535867 !important;
  border-bottom-left-radius: 0 !important;
}
.brightsky .tab-item {
  padding: 15px !important;
  font-size: 14px !important;
}
.brightsky .tab-history-class {
  border-radius: 20px;
  color: #232323;
  border: 1px solid #399fda;
}
.brightsky .tab-item:last-child {
  border-bottom: 1px solid #c2c2c2;
  border-bottom-left-radius: 20px !important;
}
.brightsky .tab-item,
.brightsky .tab-item:last-child {
  cursor: pointer;
  color: #232323;
  background: linear-gradient(180deg, #83c4ff 0, #399fda);
}
.brightsky .tab-item {
  border-bottom: 1px solid #c2c2c2;
}
.brightsky .header-aff {
  background: linear-gradient(180deg, #83c4ff 0, #399fda);
  border-bottom: 1px solid #232323;
  border-radius: 20px 20px 0 0;
}
.brightsky .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #c2c2c2;
  border-radius: 30rem !important;
}
.brightsky .bg-aff-level {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #83c4ff, #80c1fc, #2f6cac) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.brightsky .bg-aff-level .nunber-friend {
  background: #83c4ff;
  border-radius: 10px;
  color: #fff;
}
.brightsky .bg-aff-level .turn-other {
  background: #f2f2f2;
  border-radius: 10px;
}
.brightsky .bg-aff-level .solid {
  border: 1px solid #83c4ff;
  height: 40px;
}
.brightsky .filters-content {
  background-color: #c2c2c2;
}
.brightsky .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #fff;
  color: #bdbdbd;
  padding: 5px;
}
.brightsky .filters__button:hover {
  background-color: #fff;
}
.brightsky .filters-content {
  background-color: #fff;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.brightsky .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #f4f4f4;
  color: #bdbdbd;
  padding: 5px;
}
.brightsky .filters__button2:hover {
  background-color: #f4f4f4;
}
.brightsky .filters [data-content] {
  display: none;
}
.brightsky [data-content].is-active[data-content] {
  display: grid;
}
.brightsky [data-target].is-active {
  background: linear-gradient(180deg, #83c4ff, #399fda);
  border-radius: 10px;
  color: #fff;
}
.brightsky .condition-header {
  background: linear-gradient(
    109.63deg,
    #83c4ff 3.68%,
    #80c1fc 47.76%,
    #2f6cac 95.96%
  );
  border-radius: 5px;
  color: #fff;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.brightsky .bg-wheel-condition {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(109.63deg, #83c4ff 3.68%, #80c1fc 47.76%, #2f6cac 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.brightsky .btn-up-slip {
  color: #83c4ff;
  border: 2px solid #399fda !important;
  background: 0 0 !important;
}
.brightsky .btn-no-received {
  background: #e7f1fb;
  border-color: #e7f1fb;
  color: #232323;
  border-radius: 10px;
}
.brightsky .btn-no-received:hover {
  background-color: #e7f1fb !important;
  border-color: #e7f1fb !important;
  color: #232323;
  border-radius: 10px !important;
}
.brightsky .card-points {
  background: linear-gradient(#fff, #fff) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.brightsky .r-gold {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.brightsky .r-gold,
.brightsky .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.brightsky .r-silver {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.brightsky .r-copper {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.brightsky .cycle-gold {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.brightsky .cycle-gold,
.brightsky .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.brightsky .cycle-silver {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
}
.brightsky .cycle-copper {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.brightsky .btn-no-received:focus {
  background-color: #f2f2f2 !important;
  border-color: #f2f2f2 !important;
  border-radius: 10px !important;
}
.brightsky .bg-pro {
  background: #f2f2f2;
  border-radius: 10px;
}
.brightsky .filters-content-bg {
  background-color: #f4f4f4;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.brightsky .is-unactive {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #f4f4f4;
  color: #7d7d7d;
  padding: 5px;
}
.brightsky .fillter-icon,
.brightsky .fillter-icon-active {
  filter: invert(73%) sepia(46%) saturate(632%) hue-rotate(177deg)
    brightness(71%) contrast(74%);
  width: 30px;
}
.brightsky .card-decimal {
  background: #ececec;
  color: #000 !important;
}
.brightsky .card-decimal,
.brightsky .card-transfer {
  box-shadow: 0 4px 10px hsla(0, 0%, 95.7%, 0.12);
  border-radius: 10px;
}
.brightsky .card-transfer {
  background: #f2f2f2;
  color: #535867 !important;
}
.brightsky .bg-choose-team {
  background: rgba(83, 88, 103, 0.3);
  border-radius: 5px;
  color: #535867;
  padding: 2px;
  margin: 4px;
}
.brightsky .bagfree {
  position: absolute;
  top: 5px;
  right: 6px;
}
.brightsky .bagfree2 {
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 35px;
}
.brightsky .bg-month {
  background: #f2f2f2;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #7d7d7d;
}
.brightsky .bg-month-active {
  background: linear-gradient(#f2f2f2, #f2f2f2) padding-box,
    linear-gradient(90deg, #83c4ff, #2f6cac) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #535867;
  border: 1px solid transparent;
}
.brightsky .inactive {
  background: rgba(62, 62, 62, 0.7) !important;
}
.brightsky .btn.focus {
  box-shadow: 0 0 0 0.2rem hsla(0, 0%, 100%, 0.25) !important;
}
.brightsky .arry-input {
  height: calc(1.5em + 5rem + 10px) !important;
  border-radius: 10px !important;
  color: #535867 !important;
}
.brightsky .show-footer {
  display: none;
  position: absolute;
  top: -46px;
}
.superrich .bg-header,
.superrich body {
  background: #2a2a2a !important;
}
.superrich .shadow-today {
  box-shadow: 0 0 15px #ffddaf;
}
.superrich .bd-daily-fix {
  border-color: #c0a98a !important;
  background: #2a2a2a !important;
}
.superrich .text-deposited-daily-fix {
  color: #bdbdbd;
}
.superrich .bg-table-daily-fix {
  background: #343434 !important;
  color: #fff !important;
}
.superrich .text-daily-fix {
  color: #ffe1a6 !important;
}
.superrich .text-credit-daily {
  background: linear-gradient(180deg, #343434 0, #343434) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.superrich .text-color {
  color: #fff !important;
}
.superrich .text-template {
  color: #ffe1a6;
}
.superrich .text-theme {
  color: #3f3f3f;
}
.superrich .text-spcial {
  background: linear-gradient(180deg, #696969 0, #1a1c1c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.superrich .text-linear,
.superrich .text-linear-footer {
  background: linear-gradient(180deg, #ffddaf 0, #e0a532);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.superrich .text-see-history {
  color: #fff;
}
.superrich .text-head-hisotry {
  color: #ffe1a6;
}
.superrich .text-tranfer {
  background: linear-gradient(180deg, #ffe1a6 0, #ffe1a6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.superrich .text-color-icon {
  background: linear-gradient(180deg, #ffe1a6, #ffe1a6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.superrich .text-credit {
  background: #ffe1a6;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.superrich .bg-credit {
  background: linear-gradient(#3f3f3f, #3f3f3f);
  border-radius: 10px;
  border: 3px solid transparent;
}
.superrich .bg-ball-choose-team {
  background: linear-gradient(#3f3f3f, #3f3f3f) padding-box,
    linear-gradient(90deg, #ffddaf, #e0a532) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.superrich .bg-wallet {
  background: #3f3f3f;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
}
.superrich .bg-credit-free {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 0 0 10px 10px;
}
.superrich .recevied-com {
  background: #5c574c;
  border-radius: 10px;
  border: 2px solid #ffddaf;
  color: #e0a532;
}
.superrich .bg-card-commission {
  background: #3f3f3f;
}
.superrich .bg-turn {
  color: #fff;
  background: #3f3f3f;
  border-radius: 10px;
}
.superrich .bg-icon-index {
  background: #3f3f3f !important;
  border-radius: 10px !important;
}
.superrich .bg-con-turn {
  background: #343434 !important;
}
.superrich .color-toogle {
  background: linear-gradient(180deg, #5cc875 0, #5cc875);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.superrich .tab-content > .active {
  display: block;
  background: #3f3f3f !important;
}
.superrich .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #555, #555) !important;
  color: #fff !important;
}
.superrich .active-bg {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  color: #3f3f3f !important;
}
.superrich .tab-box {
  background-color: #3f3f3f;
  color: #bdbdbd;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.superrich .nav-tabs {
  border-bottom: 2px solid #696969 !important;
}
.superrich .nav-tabs .nav-link {
  border: 0 !important;
  background: #3f3f3f !important;
  color: #bdbdbd !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.superrich .boder-right {
  height: 50px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.2509803922);
}
.superrich .btn-copy-bank {
  background: #343434;
  border-radius: 10px;
  color: #fff;
  width: max-content;
  border-color: #343434;
  box-shadow: 0 4px 4px hsla(0, 0%, 74.1%, 0.16);
}
.superrich .btn-money {
  border-color: #ffddaf;
  border-radius: 10px;
  background: rgba(92, 87, 76, 0.2);
  color: #ffddaf;
}
.superrich .active-btn-amount {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  color: #3f3f3f !important;
  font-weight: 900;
}
.superrich .btn-topup-promptpay {
  border-color: #ffddaf;
  border-radius: 10px;
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  color: #3f3f3f;
}
.superrich .boder-color {
  border-color: #2e2e2e !important;
}
.superrich .is-active-register {
  background: #c0ac83 !important;
  border: 1px solid #c0a98a !important;
}
.superrich .b-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin: 0;
  outline: 0;
  transform: translateX(0);
  background: linear-gradient(0.483turn, #2a2a2a 4.17%, #3e3e3e) !important;
}
.superrich .bg-info {
  color: #fff;
  background: #343434 !important;
  padding: 5px;
  border-radius: 10px;
}
.superrich .btn-change {
  background: #3f3f3f;
  box-shadow: 0 4px 10px hsla(0, 0%, 74.1%, 0.12);
  border-radius: 10px;
}
.superrich .card-pro {
  background: #343434;
  border-radius: 10px;
  color: #fff !important;
  font-weight: 400 !important;
  height: 13em;
}
.superrich .bg-lock {
  background: #ffe1a6;
  padding: 8px;
  border-radius: 18px;
  width: 40px;
  color: #2a2a2a;
}
.superrich .btn-cancel {
  background: #2a2a2a;
  border-radius: 10px;
  color: #ffe1a6 !important;
  border: 1px solid #ffe1a6;
}
.superrich .btn-cancel:hover {
  border-radius: 10px;
  color: #000 !important;
  border: 1px solid #000 !important;
}
.superrich .btn-theme-one {
  background: #ffddaf;
  border-color: #3f3f3f !important;
  color: #3f3f3f;
  border-radius: 10px;
}
.superrich .btn-theme-two {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 10px;
  color: #2e2e2e;
}
.superrich .btn-login {
  background: #ffd15a;
  border-radius: 10px;
  color: #2e2e2e;
  border-color: #ffd15a !important;
}
.superrich .btn-theme-seemore {
  background: #565553;
  border-radius: 10px;
  color: #fff;
  border-color: #565553 !important;
}
.superrich .btn-copy {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  border-radius: 0 10px 10px 0 !important;
  color: #3f3f3f !important;
  border: none;
}
.superrich .card {
  background: #3f3f3f !important;
  color: #ffe1a6 !important;
  filter: drop-shadow(0 0 1px #989898);
}
.superrich .bg-input-theme {
  background-color: #d1d1d1 !important;
}
.superrich .border-theme {
  border-radius: 15px !important;
}
.superrich .icon-activity {
  filter: invert(0);
  width: 20px;
}
.superrich .bg-table {
  background-color: #3f3f3f;
  border-radius: 10px;
  border: 0 solid #3f3f3f !important;
}
.superrich .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #bdbdbd !important;
  border-top: 0 solid #bdbdbd !important;
  padding: 4px 12px;
  background: #343434;
  color: #fff !important;
}
.superrich .table td {
  vertical-align: top;
  border-top: 0 solid #bdbdbd !important;
  color: #bdbdbd !important;
}
.superrich .Daily__item__box {
  position: relative;
  height: 75px;
  background: #3f3f3f;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
}
.superrich .Daily__item__box.active {
  background: linear-gradient(#3f3f3f, #3f3f3f) padding-box,
    linear-gradient(90deg, #ffddaf, #e0a532) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.superrich .Daily__item__box.active-today {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border: none !important;
  color: #3f3f3f;
}
.superrich .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #3f3f3f;
  border-radius: 10px;
}
.superrich .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.superrich .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.superrich .text-daily {
  color: #fff;
}
.superrich .btn-reward {
  width: 85%;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
  cursor: pointer;
}
.superrich .bg-btn-point {
  background: #3f3f3f;
  border-radius: 20px;
  margin: 4px;
  color: #bdbdbd;
}
.superrich .bg-chosses {
  background-color: #343434;
  border-radius: 15px;
  filter: drop-shadow(0 1px 1px #989898);
  color: #fff;
}
.superrich .bg-hover:hover,
.superrich .btn-hover:focus {
  background-color: #3d3d3d;
}
.superrich .showSlide {
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 80%;
  background-color: #3f3f3f !important;
  display: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.superrich #modal-suscess-complain .modal-content {
  background-color: #2e2e2e !important;
}
.superrich .from-complain {
  display: block;
  width: 100%;
  height: calc(1.5em + 5rem + 10px) !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  background-color: #343434 !important;
  background-clip: padding-box;
  border: 1px solid #343434 !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.superrich .btn-withdraw {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  box-shadow: 0 4px 4px hsla(0, 0%, 74.1%, 0.16);
  border-radius: 10px;
  color: #3f3f3f;
  border-color: #e0a532 !important;
}
.superrich .cover-withdraw {
  background: #3f3f3f;
  border-radius: 0 0 10px 10px;
}
.superrich .hd-withdraw {
  background: #343434;
  border-radius: 10px 10px 0 0;
  color: #fff;
  padding: 10px;
  font-size: 18px;
}
.superrich .card-withdraw {
  background: #343434 !important;
  color: #fff !important;
  border-radius: 5px;
}
.superrich .page-item.active .page-link {
  z-index: 3;
  color: #3f3f3f !important;
  background-color: #ffe1a6 !important;
  border-color: #ffe1a6 !important;
}
.superrich .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #ffe1a6 !important;
  background-color: #3f3f3f !important;
  border: 1px solid #ffe1a6 !important;
}
.superrich .custom-control-input:checked ~ .custom-control-label:before {
  color: #fff !important;
  border-color: #ffe1a6 !important;
  background-color: #ffe1a6 !important;
}
.superrich .boxcredit {
  background: rgba(34, 32, 32, 0.6);
  width: 55%;
}
.superrich .border-color {
  border: 2px solid #ffddaf;
  border-radius: 10px;
}
.superrich .btn-box {
  background-image: linear-gradient(315deg, #ffddaf, #e0a532 74%);
  border-radius: 5px 25px;
  filter: drop-shadow(1px 2px 4px #e0a532);
  border-color: #ffddaf !important;
}
.superrich .breadcrumb {
  background-color: #2a2a2a !important;
}
.superrich .breadcrumb-item.active {
  color: #ffe1a6 !important;
}
.superrich .breadcrumb-item {
  color: #fff !important;
}
.superrich .swal2-popup {
  background: #3f3f3f !important;
}
.superrich .swal2-content,
.superrich .swal2-title {
  color: #fff !important;
}
.superrich .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  border-radius: 10px !important;
  border-color: #fff !important;
  color: #fff !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.superrich .bg-body-modal {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #3f3f3f !important;
  color: #2a2a2a;
}
.superrich .modal-content {
  border-radius: 1rem !important;
}
.superrich .bg-body,
.superrich .bg-body-promotion {
  background: #3f3f3f !important;
}
.superrich .bg-footer {
  border-top: 1px solid #3f3f3f !important;
  border-bottom-right-radius: calc(1rem - 1px) !important;
  border-bottom-left-radius: calc(1rem - 1px) !important;
  background-color: #3f3f3f !important;
}
.superrich #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #3f3f3f !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.superrich #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #3f3f3f !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.superrich #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #3f3f3f !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.superrich #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #3f3f3f !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.superrich #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #3f3f3f !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.superrich #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #3f3f3f !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.superrich #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #3f3f3f !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.superrich #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #3f3f3f !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.superrich .card-bank {
  background: #343434;
  box-shadow: 0 4px 10px hsla(0, 0%, 74.1%, 0.12);
  border-radius: 7px;
  color: #ffe1a6 !important;
}
.superrich .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid hsla(0, 0%, 74.1%, 0.125);
}
.superrich .swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid;
  border-radius: 50%;
}
.superrich .swal2-icon.swal2-success [class^="swal2-success-line"] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
}
.superrich .form-control {
  display: block;
  padding: 0.375rem 0.75rem;
  background-color: #343434 !important;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.superrich .custom-select,
.superrich .form-control {
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  border: 1px solid #343434 !important;
  border-radius: 0.25rem;
}
.superrich .custom-select {
  display: inline-block;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  vertical-align: middle;
  background-color: #343434 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(/_nuxt/img/sort-arrows.4ef9d5b.png) right 0.75rem
    center/8px 10px no-repeat;
}
.superrich .multiselect__tags {
  min-height: 40px;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  font-size: 14px;
}
.superrich .multiselect__content-wrapper,
.superrich .multiselect__tags {
  display: block;
  border: 1px solid #343434 !important;
  background: #3f3f3f !important;
  color: #fff !important;
}
.superrich .multiselect__content-wrapper {
  position: absolute;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.superrich .multiselect__input,
.superrich .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #3f3f3f !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
  color: #fff;
}
.superrich .multiselect__option--highlight {
  background: #3f3f3f !important;
  outline: none;
  color: #fff !important;
}
.superrich #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #3f3f3f !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.superrich .border-banner {
  border: 2px solid #ffddaf;
  border-radius: 10px;
}
.superrich .btn-secondary:hover {
  color: #fff;
  background-color: #ffddaf !important;
  border-color: none !important;
}
.superrich .btn-secondary.focus,
.superrich .btn-secondary:focus {
  color: #fff;
  background-color: #ffddaf !important;
  border-color: #ffddaf !important;
}
.superrich .bg-choose {
  background: #3f3f3f !important;
  color: #fff;
}
.superrich .btn-join-activity {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 0 0 10px 10px;
  color: #3f3f3f;
  border-color: #2a2a2a !important;
}
.superrich .bg-input {
  background: #3f3f3f !important;
  border-radius: 10px;
  color: #fff !important;
  border: none !important;
}
.superrich .bg-condition {
  background: #3f3f3f !important;
  color: #fff;
}
.superrich .header-login {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5019607843);
  border: 0 solid hsla(0, 0%, 74.1%, 0.125);
}
.superrich .footer-wrapper1 {
  height: auto;
}
.superrich .footer-wrapper,
.superrich .footer-wrapper1 {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.superrich .footer-wrapper {
  height: 58px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: #171717;
  box-shadow: 0 0 16px hsla(0, 0%, 41.2%, 0.55);
  z-index: 2;
}
.superrich .footer-wrapper .play-game {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 15px;
  text-align: center;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  box-shadow: 0 4px 6px hsla(0, 0%, 74.1%, 0.25);
}
.superrich .footer-wrapper .play-game .play-game-box {
  display: table-cell;
  transform: rotate(316deg);
  vertical-align: middle;
}
.superrich .footer-wrapper .play-game .item-count {
  width: 30px;
  filter: invert(1);
}
.superrich .footer-wrapper .play-game-5 {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 30px;
  text-align: center;
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  box-shadow: 0 4px 6px hsla(0, 0%, 74.1%, 0.25);
}
.superrich .footer-wrapper .play-game-5 .play-game-box-5 {
  display: table-cell;
  vertical-align: middle;
}
.superrich .footer-wrapper .play-game-5 .item-count {
  width: 34px;
  filter: invert(1);
}
.superrich a {
  color: #bdbdbd !important;
}
.superrich a:hover {
  color: --blue;
  text-decoration: none !important;
}
.superrich .bg-table-aff {
  background-color: #3f3f3f !important;
  border: 0 solid #3f3f3f !important;
}
.superrich .border-left {
  border-left: 3px solid #ffe1a6 !important;
}
.superrich .border-solid {
  border: 1px solid #343434;
}
.superrich .bg-from-aff {
  display: inline-block;
  width: 50% !important;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  vertical-align: middle;
  background-color: #3f3f3f !important;
  border: 1px solid #3f3f3f !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.superrich .bg-in-aff {
  background: #343434;
  border-radius: 5px;
  color: #bdbdbd;
  padding: 5px;
}
.superrich .icon-aff {
  position: absolute;
  top: 92px;
  left: 0;
  right: 0;
  color: #fff;
}
.superrich .btn-comein {
  position: absolute;
  bottom: -17%;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.superrich .bg-search {
  background-color: #3f3f3f !important;
}
.superrich .bg-from,
.superrich .bg-search {
  border: 1px solid #ffe1a6 !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff !important;
}
.superrich .bg-from {
  background-color: #3f3f3f !important;
  background: #464646 url(/_nuxt/img/dropdown.2ae9015.png) no-repeat right
    0.75rem center/10px 8px;
}
.superrich .search {
  position: absolute;
  right: 24px;
  color: #bdbdbd;
}
.superrich .card-point {
  background: #343434 !important;
  filter: drop-shadow(0 0 0 #343434) !important;
  color: #fff !important;
  border-radius: 10px;
}
.superrich .bg-point {
  background: #e0a532;
  border-radius: 20px;
  margin: 4px;
  color: #3f3f3f;
}
.superrich .bg-card-his {
  background: #343434 !important;
  color: #fff !important;
}
.superrich .card-nodata {
  background: #343434;
  color: #fff;
  padding: 80px;
  border-radius: 10px;
}
.superrich .action-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2%;
}
.superrich .action-wrapper__btn-spin {
  background-image: url(https://es-dev.vrbet.com/_nuxt/img/button.1e27aca.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 6vw;
  width: 14vw;
  margin-bottom: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.superrich .action-wrapper__btn-spin span {
  font-size: 3vw;
  color: #fff;
  -webkit-text-stroke: 3px #fff;
}
@media screen and (max-width: 992px) {
  .superrich .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2.5px #fff;
    font-size: 6vw;
  }
}
@media screen and (max-width: 480px) {
  .superrich .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2px #fff;
    font-size: 8vw;
  }
}
@media screen and (max-width: 992px) {
  .superrich .action-wrapper__btn-spin {
    margin-top: 3vw;
    width: 26vw;
    height: 12vw;
  }
}
@media screen and (max-width: 480px) {
  .superrich .action-wrapper__btn-spin {
    width: 40vw;
    height: 18vw;
  }
}
.superrich .action-wrapper__btn-spin.disabledbtn {
  cursor: not-allowed;
  filter: grayscale(1);
}
.superrich .glass-panel {
  color: #fff;
  margin: 40px auto;
  background-color: hsla(0, 0%, 100%, 0.06);
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  width: 100%;
  border-radius: 15px;
  padding: 32px;
  backdrop-filter: blur(10px);
}
.superrich .glass-button {
  display: inline-block;
  padding: 15px 18px;
  text-decoration: none;
  border-radius: 15px;
  background-color: #4e4e4e;
  border: 1px solid #bdbdbd;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: #bdbdbd;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}
.superrich .glass-button:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.superrich .glass-panel {
  max-width: 600px;
}
.superrich #background-wrap {
  bottom: 0;
  left: 0;
  padding-top: 50px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.superrich .x1 {
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 35s linear infinite;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  transform: scale(0.65);
}
.superrich .x2 {
  -webkit-animation: animateCloud 20s linear infinite;
  -moz-animation: animateCloud 20s linear infinite;
  animation: animateCloud 20s linear infinite;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.superrich .x3 {
  -webkit-animation: animateCloud 30s linear infinite;
  -moz-animation: animateCloud 30s linear infinite;
  animation: animateCloud 30s linear infinite;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.superrich .x4 {
  -webkit-animation: animateCloud 18s linear infinite;
  -moz-animation: animateCloud 18s linear infinite;
  animation: animateCloud 18s linear infinite;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.superrich .x5 {
  -webkit-animation: animateCloud 25s linear infinite;
  -moz-animation: animateCloud 25s linear infinite;
  animation: animateCloud 25s linear infinite;
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  transform: scale(0.55);
}
.superrich .cloud {
  background: #3f3f3f;
  background: -moz-linear-gradient(top, #3f3f3f 5%, #171717 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, #3f3f3f),
    color-stop(100%, #171717)
  );
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 8px 5px hsla(0, 0%, 74.1%, 0.1);
  -moz-box-shadow: 0 8px 5px hsla(0, 0%, 74.1%, 0.1);
  box-shadow: 0 8px 5px hsla(0, 0%, 74.1%, 0.1);
  height: 120px;
  position: relative;
  width: 350px;
}
.superrich .cloud:after,
.superrich .cloud:before {
  background: #3f3f3f;
  content: "";
  position: absolute;
  z-index: -1;
}
.superrich .cloud:after {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  height: 100px;
  left: 50px;
  top: -50px;
  width: 100px;
}
.superrich .cloud:before {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  width: 180px;
  height: 180px;
  right: 50px;
  top: -90px;
}
.superrich .bg-share-facebook {
  background-color: #343434 !important;
  color: #fff !important;
}
.superrich .bg-game {
  background: linear-gradient(#383838, #313131) padding-box,
    linear-gradient(180deg, #ffddaf, #e0a532) border-box !important;
  border: 0.5px solid transparent;
  border-radius: 10px !important;
  color: #ffe1a6 !important;
  width: 80px;
  height: 67px;
}
.superrich .bg-game-active {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  border-radius: 10px !important;
  color: #3f3f3f !important;
  width: 80px;
  height: 67px;
}
.superrich .bg-search-game {
  background-color: #3f3f3f !important;
  border-radius: 10px !important;
  color: #bdbdbd !important;
  border: none !important;
}
.superrich .unactive-footer {
  color: #bdbdbd;
}
.superrich .btn-aff-share {
  background: linear-gradient(270deg, #ffddaf, #e0a532);
  border-radius: 10px;
  color: #3f3f3f;
  border-color: #e0a532 !important;
  filter: drop-shadow(0 0 5px #e0a532);
}
.superrich #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #3f3f3f !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.superrich .btn-change-language {
  background-color: #3f3f3f !important;
  border: 1px solid #ffe1a6;
}
.superrich .card-money,
.superrich .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card\ copy.c4be5af.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.superrich .bg-iconuser {
  background: #fff;
  padding: 7px;
  border-radius: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #ffe1a6;
}
.superrich .content-lv {
  padding: 10px 0;
}
.superrich .border-bottom-aff {
  border-bottom: 1px solid #ffddaf;
}
.superrich .body-content {
  background: #fff;
  width: 70%;
  border-bottom-right-radius: 20px;
  padding: 0 39px;
  overflow: auto;
  max-height: 300px;
}
@media (max-width: 479px) {
  .superrich .body-content {
    width: 75%;
    padding: 0 10px;
  }
}
.superrich .active2 {
  color: #2e2e2e !important;
  background: #fff !important;
  border-bottom-left-radius: 0 !important;
}
.superrich .tab-item {
  padding: 15px !important;
  font-size: 14px !important;
}
.superrich .tab-history-class {
  border-radius: 20px;
  color: #2e2e2e;
  border: 1px solid #e0a532;
}
.superrich .tab-item:last-child {
  border-bottom: 1px solid #ffe1a6;
  border-bottom-left-radius: 20px !important;
}
.superrich .tab-item,
.superrich .tab-item:last-child {
  cursor: pointer;
  color: #2e2e2e;
  background: linear-gradient(180deg, #ffddaf 0, #e0a532);
}
.superrich .tab-item {
  border-bottom: 1px solid #ffe1a6;
}
.superrich .header-aff {
  background: linear-gradient(180deg, #ffddaf 0, #e0a532);
  border-bottom: 1px solid #2e2e2e;
  border-radius: 20px 20px 0 0;
}
.superrich .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #fff;
  border-radius: 30rem !important;
}
.superrich .bg-aff-level {
  background: linear-gradient(#404040, #404040) padding-box,
    linear-gradient(90deg, #ffddaf, #ffe1a6, #e0a532) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.superrich .bg-aff-level .nunber-friend {
  background: #555;
  border-radius: 10px;
  color: #fff;
}
.superrich .bg-aff-level .turn-other {
  background: #343434;
  border-radius: 10px;
}
.superrich .bg-aff-level .solid {
  border: 1px solid #ffddaf;
  height: 40px;
}
.superrich .filters-content {
  background-color: #3f3f3f;
}
.superrich .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #3f3f3f;
  color: #bdbdbd;
  padding: 5px;
}
.superrich .filters__button:hover {
  background-color: #3f3f3f;
}
.superrich .filters-content {
  background-color: #343434;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.superrich .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #343434;
  color: #bdbdbd;
  padding: 5px;
}
.superrich .filters__button2:hover {
  background-color: #343434;
}
.superrich .filters [data-content] {
  display: none;
}
.superrich [data-content].is-active[data-content] {
  display: grid;
}
.superrich [data-target].is-active {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 10px;
  color: #3f3f3f;
}
.superrich .condition-header {
  background: linear-gradient(
    109.63deg,
    #ffddaf 3.68%,
    #ffe1a6 47.76%,
    #e0a532 95.96%
  );
  border-radius: 5px;
  color: #3f3f3f;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.superrich .bg-wheel-condition {
  background: linear-gradient(#3f3f3f, #3f3f3f) padding-box,
    linear-gradient(109.63deg, #ffddaf 3.68%, #ffe1a6 47.76%, #e0a532 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.superrich .btn-up-slip {
  color: #ffddaf;
  border: 2px solid #e0a532 !important;
  background: 0 0 !important;
}
.superrich .btn-no-received {
  background: #343434;
  border-color: #343434;
  color: #fff;
  border-radius: 10px;
}
.superrich .btn-no-received:hover {
  background-color: #343434 !important;
  border-color: #343434 !important;
  color: #fff;
  border-radius: 10px !important;
}
.superrich .card-points {
  background: linear-gradient(#3f3f3f, #3f3f3f) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.superrich .r-gold {
  background: linear-gradient(#3f3f3f, #3f3f3f) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.superrich .r-gold,
.superrich .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.superrich .r-silver {
  background: linear-gradient(#3f3f3f, #3f3f3f) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.superrich .r-copper {
  background: linear-gradient(#3f3f3f, #3f3f3f) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.superrich .cycle-gold {
  background: linear-gradient(#3f3f3f, #3f3f3f) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.superrich .cycle-gold,
.superrich .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.superrich .cycle-silver {
  background: linear-gradient(#3f3f3f, #3f3f3f) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
}
.superrich .cycle-copper {
  background: linear-gradient(#3f3f3f, #3f3f3f) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.superrich .btn-no-received:focus {
  background-color: #343434 !important;
  border-color: #343434 !important;
  border-radius: 10px !important;
}
.superrich .bg-pro {
  background: #343434;
  border-radius: 10px;
}
.superrich .filters-content-bg {
  background-color: #343434;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.superrich .is-unactive {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #343434;
  color: #7d7d7d;
  padding: 5px;
}
.superrich .fillter-icon {
  filter: invert(62%) sepia(33%) saturate(666%) hue-rotate(337deg)
    brightness(152%) contrast(100%);
  width: 30px;
}
.superrich .fillter-icon-active {
  filter: invert(41%) sepia(33%) saturate(666%) hue-rotate(15deg)
    brightness(51%) contrast(142%);
  width: 30px;
}
.superrich .card-decimal {
  background: #ececec;
  color: #000 !important;
}
.superrich .card-decimal,
.superrich .card-transfer {
  box-shadow: 0 4px 10px rgba(42, 42, 42, 0.12);
  border-radius: 10px;
}
.superrich .card-transfer {
  background: #171717;
  color: #ffe1a6 !important;
}
.superrich .bg-choose-team {
  background: hsla(0, 0%, 100%, 0.3);
  border-radius: 5px;
  color: #fff;
  padding: 2px;
  margin: 4px;
}
.superrich .bagfree {
  position: absolute;
  top: 5px;
  right: 6px;
}
.superrich .bagfree2 {
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 35px;
}
.superrich input::placeholder {
  color: #bdbdbd;
}
.superrich .bg-month {
  background: #343434;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #7d7d7d;
}
.superrich .bg-month-active {
  background: linear-gradient(#343434, #343434) padding-box,
    linear-gradient(90deg, #ffddaf, #e0a532) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #fff;
  border: 1px solid transparent;
}
.superrich .btn.focus {
  box-shadow: 0 0 0 0.2rem rgba(63, 63, 63, 0.25) !important;
}
.superrich .arry-input {
  height: calc(1.5em + 5rem + 10px) !important;
  border-radius: 10px !important;
  color: #fff !important;
}
.superrich .show-footer {
  display: none;
  position: absolute;
  top: -46px;
}
.superrich #modalQuestionnaire .modal-content {
  background-color: #3f3f3f !important;
}
.superrich .bg-input-modal {
  background-color: #343434 !important;
}
.redcurrant .bg-header,
.redcurrant body {
  background: #381a1a !important;
}
.redcurrant .shadow-today {
  box-shadow: 0 0 15px #ffddaf;
}
.redcurrant .bd-daily-fix {
  border-color: #ffe1a6 !important;
  background: #381a1a !important;
}
.redcurrant .text-deposited-daily-fix {
  color: #bdbdbd;
}
.redcurrant .bg-table-daily-fix {
  background: #442121 !important;
  color: #fff !important;
}
.redcurrant .text-daily-fix {
  color: #ffe1a6 !important;
}
.redcurrant .text-credit-daily {
  background: linear-gradient(180deg, #7a5555 0, #7a5555) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.redcurrant .text-color {
  color: #fff !important;
}
.redcurrant .text-template {
  color: #ffe1a6;
}
.redcurrant .text-theme {
  color: #592b2b;
}
.redcurrant .text-spcial {
  background: linear-gradient(180deg, #696969 0, #1a1c1c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.redcurrant .text-linear,
.redcurrant .text-linear-footer {
  background: linear-gradient(180deg, #ffddaf 0, #e0a532);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.redcurrant .text-see-history {
  color: #fff;
}
.redcurrant .text-head-hisotry {
  color: #ffe1a6;
}
.redcurrant .text-tranfer {
  background: linear-gradient(180deg, #ffe1a6 0, #ffe1a6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.redcurrant .text-color-icon {
  background: linear-gradient(180deg, #ffe1a6, #ffe1a6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.redcurrant .text-credit {
  background: #ffe1a6;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.redcurrant .bg-credit {
  background: linear-gradient(#592b2b, #592b2b);
  border-radius: 10px;
  border: 3px solid transparent;
}
.redcurrant .bg-ball-choose-team {
  background: linear-gradient(#592b2b, #592b2b) padding-box,
    linear-gradient(90deg, #ffddaf, #e0a532) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.redcurrant .bg-wallet {
  background: #592b2b;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
}
.redcurrant .bg-credit-free {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 0 0 10px 10px;
}
.redcurrant .recevied-com {
  background: #5c574c;
  border-radius: 10px;
  border: 2px solid #ffddaf;
  color: #ffe1a6;
}
.redcurrant .bg-card-commission {
  background: #592b2b;
}
.redcurrant .bg-turn {
  color: #fff;
  background: #592b2b;
  border-radius: 10px;
}
.redcurrant .bg-icon-index {
  background: #592b2b !important;
  border-radius: 10px !important;
}
.redcurrant .bg-con-turn {
  background: #442121 !important;
}
.redcurrant .color-toogle {
  background: linear-gradient(180deg, #5cc875 0, #5cc875);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.redcurrant .tab-content > .active {
  display: block;
  background: #592b2b !important;
}
.redcurrant .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #7a5555, #7a5555) !important;
  color: #fff !important;
}
.redcurrant .active-bg {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  color: #2a2a2a !important;
}
.redcurrant .tab-box {
  background-color: #592b2b;
  color: #bdbdbd;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.redcurrant .nav-tabs {
  border-bottom: 2px solid #795353 !important;
}
.redcurrant .nav-tabs .nav-link {
  border: 0 !important;
  background: #592b2b !important;
  color: #bdbdbd !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.redcurrant .boder-right {
  height: 50px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.2509803922);
}
.redcurrant .btn-copy-bank {
  background: #7a5555;
  border-radius: 10px;
  color: #fff;
  width: max-content;
  border-color: #7a5555;
  box-shadow: 0 4px 4px hsla(0, 0%, 74.1%, 0.16);
}
.redcurrant .btn-money {
  border-color: #ffddaf;
  border-radius: 10px;
  background: rgba(92, 87, 76, 0.2);
  color: #ffddaf;
}
.redcurrant .active-btn-amount {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  color: #592b2b !important;
  font-weight: 900;
}
.redcurrant .btn-topup-promptpay {
  border-color: #ffddaf;
  border-radius: 10px;
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  color: #2a2a2a;
}
.redcurrant .boder-color {
  border-color: #2a2a2a !important;
}
.redcurrant .is-active-register {
  background: #ffe1a6 !important;
  border: 1px solid #ffe1a6 !important;
}
.redcurrant .b-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin: 0;
  outline: 0;
  transform: translateX(0);
  background: linear-gradient(0.483turn, #5c1111 4.17%, #a82525) !important;
}
.redcurrant .bg-info {
  color: #fff;
  background: #442121 !important;
  padding: 5px;
  border-radius: 10px;
}
.redcurrant .btn-change {
  background: #592b2b;
  box-shadow: 0 4px 10px hsla(0, 0%, 74.1%, 0.12);
  border-radius: 10px;
}
.redcurrant .card-pro {
  background: #442121;
  border-radius: 10px;
  color: #fff !important;
  font-weight: 400 !important;
  height: 13em;
}
.redcurrant .bg-lock {
  background: #ffe1a6;
  padding: 8px;
  border-radius: 18px;
  width: 40px;
  color: #2a2a2a;
}
.redcurrant .btn-cancel {
  background: #592b2b;
  border-radius: 10px;
  color: #ffe1a6 !important;
  border: 1px solid #ffe1a6;
}
.redcurrant .btn-cancel:hover {
  border-radius: 10px;
  color: #000 !important;
  border: 1px solid #000 !important;
}
.redcurrant .btn-theme-one {
  background: #ffddaf;
  border-color: #592b2b !important;
  color: #592b2b;
  border-radius: 10px;
}
.redcurrant .btn-theme-two {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 10px;
  color: #2a2a2a;
}
.redcurrant .btn-login {
  background: #861212;
  border-radius: 10px;
  color: #fff;
  border-color: #861212 !important;
}
.redcurrant .btn-theme-seemore {
  background: #442121 !important;
  border-radius: 10px;
  color: #fff !important;
  border-color: #442121 !important;
}
.redcurrant .btn-copy {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  border-radius: 0 10px 10px 0 !important;
  color: #592b2b !important;
  border: none;
}
.redcurrant .card {
  background: #592b2b !important;
  color: #ffe1a6 !important;
  filter: drop-shadow(0 0 1px #989898);
}
.redcurrant .bg-input-theme {
  background-color: #d1d1d1 !important;
}
.redcurrant .border-theme {
  border-radius: 15px !important;
}
.redcurrant .icon-activity {
  filter: invert(0);
  width: 20px;
}
.redcurrant .bg-table {
  background-color: #7a5555;
  border-radius: 10px;
  border: 0 solid #7a5555 !important;
}
.redcurrant .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #bdbdbd !important;
  border-top: 0 solid #bdbdbd !important;
  padding: 4px 12px;
  background: #592b2b;
  color: #fff !important;
}
.redcurrant .table td {
  vertical-align: top;
  border-top: 0 solid #bdbdbd !important;
  color: #bdbdbd !important;
}
.redcurrant .Daily__item__box {
  position: relative;
  height: 75px;
  background: #592b2b;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
}
.redcurrant .Daily__item__box.active {
  background: linear-gradient(#592b2b, #592b2b) padding-box,
    linear-gradient(90deg, #ffddaf, #e0a532) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.redcurrant .Daily__item__box.active-today {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border: none !important;
  color: #592b2b;
}
.redcurrant .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #592b2b;
  border-radius: 10px;
}
.redcurrant .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.redcurrant .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.redcurrant .text-daily {
  color: #fff;
}
.redcurrant .btn-reward {
  width: 85%;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
  cursor: pointer;
}
.redcurrant .bg-btn-point {
  background: #ffe1a6;
  border-radius: 20px;
  margin: 4px;
  color: #381a1a;
}
.redcurrant .bg-chosses {
  background-color: #442121;
  border-radius: 15px;
  filter: drop-shadow(0 1px 1px #989898);
  color: #fff;
}
.redcurrant .bg-hover:hover,
.redcurrant .btn-hover:focus {
  background-color: #7a5555;
}
.redcurrant .showSlide {
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 80%;
  background-color: #7a5555 !important;
  display: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.redcurrant #modal-suscess-complain .modal-content {
  background-color: #2a2a2a !important;
}
.redcurrant .from-complain {
  display: block;
  width: 100%;
  height: calc(1.5em + 5rem + 10px) !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  background-color: #7a5555 !important;
  background-clip: padding-box;
  border: 1px solid #7a5555 !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.redcurrant .btn-withdraw {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  box-shadow: 0 4px 4px hsla(0, 0%, 74.1%, 0.16);
  border-radius: 10px;
  color: #592b2b;
  border-color: #e0a532 !important;
}
.redcurrant .cover-withdraw {
  background: #592b2b;
  border-radius: 0 0 10px 10px;
}
.redcurrant .hd-withdraw {
  background: #592b2b;
  border-radius: 10px 10px 0 0;
  color: #fff;
  padding: 10px;
  font-size: 18px;
}
.redcurrant .card-withdraw {
  background: #442121 !important;
  color: #fff !important;
  border-radius: 5px;
}
.redcurrant .page-item.active .page-link {
  z-index: 3;
  color: #592b2b !important;
  background-color: #ffe1a6 !important;
  border-color: #ffe1a6 !important;
}
.redcurrant .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #ffe1a6 !important;
  background-color: #592b2b !important;
  border: 1px solid #592b2b !important;
}
.redcurrant .custom-control-input:checked ~ .custom-control-label:before {
  color: #fff !important;
  border-color: #ffe1a6 !important;
  background-color: #ffe1a6 !important;
}
.redcurrant .boxcredit {
  background: rgba(34, 32, 32, 0.6);
  width: 55%;
}
.redcurrant .border-color {
  border: 2px solid #ffddaf;
  border-radius: 10px;
}
.redcurrant .btn-box {
  background-image: linear-gradient(315deg, #ffddaf, #e0a532 74%);
  border-radius: 5px 25px;
  filter: drop-shadow(1px 2px 4px #e0a532);
  border-color: #ffddaf !important;
}
.redcurrant .breadcrumb {
  background-color: #381a1a !important;
}
.redcurrant .breadcrumb-item.active {
  color: #ffe1a6 !important;
}
.redcurrant .breadcrumb-item {
  color: #fff !important;
}
.redcurrant .swal2-popup {
  background: #592b2b !important;
}
.redcurrant .swal2-content,
.redcurrant .swal2-title {
  color: #fff !important;
}
.redcurrant .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  border-radius: 10px !important;
  border-color: #fff !important;
  color: #fff !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.redcurrant .bg-body-modal {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #592b2b !important;
  color: #381a1a;
}
.redcurrant .modal-content {
  border-radius: 1rem !important;
}
.redcurrant .bg-body,
.redcurrant .bg-body-promotion {
  background: #592b2b !important;
}
.redcurrant .bg-footer {
  border-top: 1px solid #592b2b !important;
  border-bottom-right-radius: calc(1rem - 1px) !important;
  border-bottom-left-radius: calc(1rem - 1px) !important;
  background-color: #592b2b !important;
}
.redcurrant #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #592b2b !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.redcurrant #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #592b2b !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.redcurrant #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #592b2b !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.redcurrant #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #592b2b !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.redcurrant #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #592b2b !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.redcurrant #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #592b2b !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.redcurrant #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #592b2b !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.redcurrant #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #592b2b !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.redcurrant .card-bank {
  background: #442121;
  box-shadow: 0 4px 10px hsla(0, 0%, 74.1%, 0.12);
  border-radius: 7px;
  color: #ffe1a6 !important;
}
.redcurrant .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid hsla(0, 0%, 74.1%, 0.125);
}
.redcurrant .swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid;
  border-radius: 50%;
}
.redcurrant .swal2-icon.swal2-success [class^="swal2-success-line"] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
}
.redcurrant .form-control {
  display: block;
  padding: 0.375rem 0.75rem;
  background-color: #7a5555 !important;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.redcurrant .custom-select,
.redcurrant .form-control {
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  border: 1px solid #442121 !important;
  border-radius: 0.25rem;
}
.redcurrant .custom-select {
  display: inline-block;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  vertical-align: middle;
  background-color: #442121 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(/_nuxt/img/sort-arrows.4ef9d5b.png) right 0.75rem
    center/8px 10px no-repeat;
}
.redcurrant .multiselect__tags {
  min-height: 40px;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  font-size: 14px;
}
.redcurrant .multiselect__content-wrapper,
.redcurrant .multiselect__tags {
  display: block;
  border: 1px solid #442121 !important;
  background: #592b2b !important;
  color: #fff !important;
}
.redcurrant .multiselect__content-wrapper {
  position: absolute;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.redcurrant .multiselect__input,
.redcurrant .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #592b2b !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
  color: #fff;
}
.redcurrant .multiselect__option--highlight {
  background: #592b2b !important;
  outline: none;
  color: #fff !important;
}
.redcurrant #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #592b2b !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.redcurrant .border-banner {
  border: 2px solid #ffddaf;
  border-radius: 10px;
}
.redcurrant .btn-secondary:hover {
  color: #fff;
  background-color: #ffddaf !important;
  border-color: none !important;
}
.redcurrant .btn-secondary.focus,
.redcurrant .btn-secondary:focus {
  color: #fff;
  background-color: #ffddaf !important;
  border-color: #ffddaf !important;
}
.redcurrant .bg-choose {
  background: #592b2b !important;
  color: #fff;
}
.redcurrant .btn-join-activity {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 0 0 10px 10px;
  color: #592b2b;
  border-color: #381a1a !important;
}
.redcurrant .bg-input {
  background: #592b2b !important;
  border-radius: 10px;
  color: #fff !important;
  border: none !important;
}
.redcurrant .bg-condition {
  background: #592b2b !important;
  color: #fff;
}
.redcurrant .header-login {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5019607843);
  border: 0 solid hsla(0, 0%, 74.1%, 0.125);
}
.redcurrant .footer-wrapper1 {
  height: auto;
}
.redcurrant .footer-wrapper,
.redcurrant .footer-wrapper1 {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.redcurrant .footer-wrapper {
  height: 58px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: #571414;
  box-shadow: 0 0 16px hsla(0, 0%, 41.2%, 0.55);
  z-index: 2;
}
.redcurrant .footer-wrapper .play-game {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 15px;
  text-align: center;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  box-shadow: 0 4px 6px hsla(0, 0%, 74.1%, 0.25);
}
.redcurrant .footer-wrapper .play-game .play-game-box {
  display: table-cell;
  transform: rotate(316deg);
  vertical-align: middle;
}
.redcurrant .footer-wrapper .play-game .item-count {
  width: 30px;
  filter: invert(1);
}
.redcurrant .footer-wrapper .play-game-5 {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 30px;
  text-align: center;
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  box-shadow: 0 4px 6px hsla(0, 0%, 74.1%, 0.25);
}
.redcurrant .footer-wrapper .play-game-5 .play-game-box-5 {
  display: table-cell;
  vertical-align: middle;
}
.redcurrant .footer-wrapper .play-game-5 .item-count {
  width: 34px;
  filter: invert(1);
}
.redcurrant a {
  color: #bdbdbd !important;
}
.redcurrant a:hover {
  color: --blue;
  text-decoration: none !important;
}
.redcurrant .bg-table-aff {
  background-color: #592b2b !important;
  border: 0 solid #592b2b !important;
}
.redcurrant .border-left {
  border-left: 3px solid #ffe1a6 !important;
}
.redcurrant .border-solid {
  border: 1px solid #592b2b;
}
.redcurrant .bg-from-aff {
  display: inline-block;
  width: 50% !important;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  vertical-align: middle;
  background-color: #592b2b !important;
  border: 1px solid #592b2b !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.redcurrant .bg-in-aff {
  background: #442121;
  border-radius: 5px;
  color: #ffe1a6;
  padding: 5px;
}
.redcurrant .icon-aff {
  position: absolute;
  top: 92px;
  left: 0;
  right: 0;
  color: #fff;
}
.redcurrant .btn-comein {
  position: absolute;
  bottom: -17%;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.redcurrant .bg-search {
  background-color: #592b2b !important;
}
.redcurrant .bg-from,
.redcurrant .bg-search {
  border: 1px solid #ffe1a6 !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff !important;
}
.redcurrant .bg-from {
  background-color: #592b2b !important;
  background: #464646 url(/_nuxt/img/dropdown.2ae9015.png) no-repeat right
    0.75rem center/10px 8px;
}
.redcurrant .search {
  position: absolute;
  right: 24px;
  color: #bdbdbd;
}
.redcurrant .card-point {
  background: #442121 !important;
  filter: drop-shadow(0 0 0 #442121) !important;
  color: #fff !important;
  border-radius: 10px;
}
.redcurrant .bg-point {
  background: #e0a532;
  border-radius: 20px;
  margin: 4px;
  color: #592b2b;
}
.redcurrant .bg-card-his {
  background: #442121 !important;
  color: #fff !important;
}
.redcurrant .card-nodata {
  background: #442121;
  color: #fff;
  padding: 80px;
  border-radius: 10px;
}
.redcurrant .action-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2%;
}
.redcurrant .action-wrapper__btn-spin {
  background-image: url(https://es-dev.vrbet.com/_nuxt/img/button.1e27aca.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 6vw;
  width: 14vw;
  margin-bottom: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.redcurrant .action-wrapper__btn-spin span {
  font-size: 3vw;
  color: #fff;
  -webkit-text-stroke: 3px #fff;
}
@media screen and (max-width: 992px) {
  .redcurrant .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2.5px #fff;
    font-size: 6vw;
  }
}
@media screen and (max-width: 480px) {
  .redcurrant .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2px #fff;
    font-size: 8vw;
  }
}
@media screen and (max-width: 992px) {
  .redcurrant .action-wrapper__btn-spin {
    margin-top: 3vw;
    width: 26vw;
    height: 12vw;
  }
}
@media screen and (max-width: 480px) {
  .redcurrant .action-wrapper__btn-spin {
    width: 40vw;
    height: 18vw;
  }
}
.redcurrant .action-wrapper__btn-spin.disabledbtn {
  cursor: not-allowed;
  filter: grayscale(1);
}
.redcurrant .glass-panel {
  color: #fff;
  margin: 40px auto;
  background-color: hsla(0, 0%, 100%, 0.06);
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  width: 100%;
  border-radius: 15px;
  padding: 32px;
  backdrop-filter: blur(10px);
}
.redcurrant .glass-button {
  display: inline-block;
  padding: 15px 18px;
  text-decoration: none;
  border-radius: 15px;
  background-color: #4e4e4e;
  border: 1px solid #bdbdbd;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: #bdbdbd;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}
.redcurrant .glass-button:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.redcurrant .glass-panel {
  max-width: 600px;
}
.redcurrant #background-wrap {
  bottom: 0;
  left: 0;
  padding-top: 50px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.redcurrant .x1 {
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 35s linear infinite;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  transform: scale(0.65);
}
.redcurrant .x2 {
  -webkit-animation: animateCloud 20s linear infinite;
  -moz-animation: animateCloud 20s linear infinite;
  animation: animateCloud 20s linear infinite;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.redcurrant .x3 {
  -webkit-animation: animateCloud 30s linear infinite;
  -moz-animation: animateCloud 30s linear infinite;
  animation: animateCloud 30s linear infinite;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.redcurrant .x4 {
  -webkit-animation: animateCloud 18s linear infinite;
  -moz-animation: animateCloud 18s linear infinite;
  animation: animateCloud 18s linear infinite;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.redcurrant .x5 {
  -webkit-animation: animateCloud 25s linear infinite;
  -moz-animation: animateCloud 25s linear infinite;
  animation: animateCloud 25s linear infinite;
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  transform: scale(0.55);
}
.redcurrant .cloud {
  background: #592b2b;
  background: -moz-linear-gradient(top, #592b2b 5%, #4b2424 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, #592b2b),
    color-stop(100%, #4b2424)
  );
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 8px 5px hsla(0, 0%, 74.1%, 0.1);
  -moz-box-shadow: 0 8px 5px hsla(0, 0%, 74.1%, 0.1);
  box-shadow: 0 8px 5px hsla(0, 0%, 74.1%, 0.1);
  height: 120px;
  position: relative;
  width: 350px;
}
.redcurrant .cloud:after,
.redcurrant .cloud:before {
  background: #592b2b;
  content: "";
  position: absolute;
  z-index: -1;
}
.redcurrant .cloud:after {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  height: 100px;
  left: 50px;
  top: -50px;
  width: 100px;
}
.redcurrant .cloud:before {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  width: 180px;
  height: 180px;
  right: 50px;
  top: -90px;
}
.redcurrant .bg-share-facebook {
  background-color: #7a5555 !important;
  color: #fff !important;
}
.redcurrant .bg-game {
  background: linear-gradient(#632323, #4e1616) padding-box,
    linear-gradient(180deg, #eccfa9, #ffe1a6, #c69c4d) border-box !important;
  border: 0.5px solid transparent;
  border-radius: 10px !important;
  color: #ffe1a6 !important;
  width: 80px;
  height: 67px;
}
.redcurrant .bg-game-active {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  border-radius: 10px !important;
  color: #381a1a !important;
  width: 80px;
  height: 67px;
}
.redcurrant .bg-search-game {
  background-color: #4b2424 !important;
  border-radius: 10px !important;
  color: #bdbdbd !important;
  border: none !important;
}
.redcurrant .unactive-footer {
  color: #bdbdbd;
}
.redcurrant .btn-aff-share {
  background: linear-gradient(270deg, #ffddaf, #e0a532);
  border-radius: 10px;
  color: #592b2b !important;
  border-color: #e0a532 !important;
  filter: drop-shadow(0 0 5px #e0a532);
}
.redcurrant #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #592b2b !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.redcurrant .btn-change-language {
  background-color: #592b2b !important;
  border: 1px solid #ffe1a6;
}
.redcurrant .card-money,
.redcurrant .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card\ copy.c4be5af.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.redcurrant .bg-iconuser {
  background: #fff;
  padding: 7px;
  border-radius: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #ffe1a6;
}
.redcurrant .content-lv {
  padding: 10px 0;
}
.redcurrant .border-bottom-aff {
  border-bottom: 1px solid #ffddaf;
}
.redcurrant .body-content {
  background: #fff;
  width: 70%;
  border-bottom-right-radius: 20px;
  padding: 0 39px;
  overflow: auto;
  max-height: 300px;
}
@media (max-width: 479px) {
  .redcurrant .body-content {
    width: 75%;
    padding: 0 10px;
  }
}
.redcurrant .active2 {
  color: #2a2a2a !important;
  background: #fff !important;
  border-bottom-left-radius: 0 !important;
}
.redcurrant .tab-item {
  padding: 15px !important;
  font-size: 14px !important;
}
.redcurrant .tab-history-class {
  border-radius: 20px;
  color: #2a2a2a;
  border: 1px solid #e0a532;
}
.redcurrant .tab-item:last-child {
  border-bottom: 1px solid #ffe1a6;
  border-bottom-left-radius: 20px !important;
}
.redcurrant .tab-item,
.redcurrant .tab-item:last-child {
  cursor: pointer;
  color: #2a2a2a;
  background: linear-gradient(180deg, #ffddaf 0, #e0a532);
}
.redcurrant .tab-item {
  border-bottom: 1px solid #ffe1a6;
}
.redcurrant .header-aff {
  background: linear-gradient(180deg, #ffddaf 0, #e0a532);
  border-bottom: 1px solid #2a2a2a;
  border-radius: 20px 20px 0 0;
}
.redcurrant .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #fff;
  border-radius: 30rem !important;
}
.redcurrant .bg-aff-level {
  background: linear-gradient(#592b2b, #592b2b) padding-box,
    linear-gradient(90deg, #ffddaf, #ffe1a6, #e0a532) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.redcurrant .bg-aff-level .nunber-friend {
  background: #7a5555;
  border-radius: 10px;
  color: #fff;
}
.redcurrant .bg-aff-level .turn-other {
  background: #442121;
  border-radius: 10px;
}
.redcurrant .bg-aff-level .solid {
  border: 1px solid #ffddaf;
  height: 40px;
}
.redcurrant .filters__button {
  width: 100%;
  border: none;
  border-radius: 0.5rem;
  background: #7a5555;
  color: #bdbdbd;
  padding: 5px;
}
.redcurrant .filters__button:hover {
  background-color: #7a5555;
}
.redcurrant .filters-content {
  background-color: #7a5555;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.redcurrant .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #442121;
  color: #bdbdbd;
  padding: 5px;
}
.redcurrant .filters__button2:hover {
  background-color: #442121;
}
.redcurrant .filters [data-content] {
  display: none;
}
.redcurrant [data-content].is-active[data-content] {
  display: grid;
}
.redcurrant [data-target].is-active {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 10px;
  color: #592b2b;
}
.redcurrant .condition-header {
  background: linear-gradient(
    109.63deg,
    #ffddaf 3.68%,
    #ffe1a6 47.76%,
    #e0a532 95.96%
  );
  border-radius: 5px;
  color: #592b2b;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.redcurrant .bg-wheel-condition {
  background: linear-gradient(#592b2b, #592b2b) padding-box,
    linear-gradient(109.63deg, #ffddaf 3.68%, #ffe1a6 47.76%, #e0a532 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.redcurrant .btn-up-slip {
  color: #ffddaf;
  border: 2px solid #e0a532 !important;
  background: 0 0 !important;
}
.redcurrant .btn-no-received {
  background: #442121;
  border-color: #442121;
  color: #fff;
  border-radius: 10px;
}
.redcurrant .btn-no-received:hover {
  background-color: #442121 !important;
  border-color: #442121 !important;
  color: #fff;
  border-radius: 10px !important;
}
.redcurrant .card-points {
  background: linear-gradient(#592b2b, #592b2b) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.redcurrant .r-gold {
  background: linear-gradient(#592b2b, #592b2b) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.redcurrant .r-gold,
.redcurrant .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.redcurrant .r-silver {
  background: linear-gradient(#592b2b, #592b2b) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.redcurrant .r-copper {
  background: linear-gradient(#592b2b, #592b2b) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.redcurrant .cycle-gold {
  background: linear-gradient(#592b2b, #592b2b) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.redcurrant .cycle-gold,
.redcurrant .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.redcurrant .cycle-silver {
  background: linear-gradient(#592b2b, #592b2b) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
}
.redcurrant .cycle-copper {
  background: linear-gradient(#592b2b, #592b2b) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.redcurrant .btn-no-received:focus {
  background-color: #343434 !important;
  border-color: #343434 !important;
  border-radius: 10px !important;
}
.redcurrant .bg-pro {
  background: #442121;
  border-radius: 10px;
}
.redcurrant .filters-content-bg {
  background-color: #442121;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.redcurrant .is-unactive {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #442121;
  color: #7d7d7d;
  padding: 5px;
}
.redcurrant .fillter-icon {
  filter: invert(62%) sepia(33%) saturate(666%) hue-rotate(337deg)
    brightness(152%) contrast(100%);
  width: 30px;
}
.redcurrant .fillter-icon-active {
  filter: invert(56%) sepia(33%) saturate(666%) hue-rotate(308deg)
    brightness(36%) contrast(142%);
  width: 30px;
}
.redcurrant .card-decimal {
  background: #ececec;
  color: #000 !important;
}
.redcurrant .card-decimal,
.redcurrant .card-transfer {
  box-shadow: 0 4px 10px rgba(56, 26, 26, 0.12);
  border-radius: 10px;
}
.redcurrant .card-transfer {
  background: #4b2424;
  color: #ffe1a6 !important;
}
.redcurrant .bg-choose-team {
  background: hsla(0, 0%, 100%, 0.3);
  border-radius: 5px;
  color: #fff;
  padding: 2px;
  margin: 4px;
}
.redcurrant input::placeholder {
  color: #bdbdbd;
}
.redcurrant .alert-secondary {
  color: #fff !important;
  background-color: #442121 !important;
  border-color: #442121 !important;
}
.redcurrant .bagfree {
  position: absolute;
  top: 5px;
  right: 6px;
}
.redcurrant .bagfree2 {
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 35px;
}
.redcurrant .bg-month {
  background: #7a5555;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #fff;
}
.redcurrant .bg-month-active {
  background: linear-gradient(#7a5555, #7a5555) padding-box,
    linear-gradient(90deg, #ffddaf, #e0a532) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #fff;
  border: 1px solid transparent;
}
.redcurrant .btn.focus {
  box-shadow: 0 0 0 0.2rem rgba(89, 43, 43, 0.25) !important;
}
.redcurrant .arry-input {
  height: calc(1.5em + 5rem + 10px) !important;
  border-radius: 10px !important;
  color: #fff !important;
}
.redcurrant .show-footer {
  display: none;
  position: absolute;
  top: -46px;
}
.redcurrant #modalQuestionnaire .modal-content {
  background-color: #592b2b !important;
}
.redcurrant .bg-input-modal {
  background-color: #7a5555 !important;
}
.blueroyal .bg-header,
.blueroyal body {
  background: #192033 !important;
}
.blueroyal .shadow-today {
  box-shadow: 0 0 15px #ffddaf;
}
.blueroyal .bd-daily-fix {
  border-color: #c0a98a !important;
  background: #192033 !important;
}
.blueroyal .text-deposited-daily-fix {
  color: #bdbdbd;
}
.blueroyal .bg-table-daily-fix {
  background: #283051 !important;
  color: #fff !important;
}
.blueroyal .text-daily-fix {
  color: #ffe1a6 !important;
}
.blueroyal .text-credit-daily {
  background: linear-gradient(180deg, #212846 0, #212846) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.blueroyal .text-color {
  color: #fff !important;
}
.blueroyal .text-template {
  color: #ffe1a6;
}
.blueroyal .text-theme {
  color: #283051;
}
.blueroyal .text-spcial {
  background: linear-gradient(180deg, #696969 0, #1a1c1c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.blueroyal .text-linear,
.blueroyal .text-linear-footer {
  background: linear-gradient(180deg, #ffddaf 0, #e0a532);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.blueroyal .text-see-history {
  color: #fff;
}
.blueroyal .text-head-hisotry {
  color: #ffe1a6;
}
.blueroyal .text-tranfer {
  background: linear-gradient(180deg, #ffe1a6 0, #ffe1a6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.blueroyal .text-color-icon {
  background: linear-gradient(180deg, #ffe1a6, #ffe1a6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.blueroyal .text-credit {
  background: #ffe1a6;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.blueroyal .bg-credit {
  background: linear-gradient(#283051, #283051);
  border-radius: 10px;
  border: 3px solid transparent;
}
.blueroyal .bg-ball-choose-team {
  background: linear-gradient(#283051, #283051) padding-box,
    linear-gradient(90deg, #ffddaf, #e0a532) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.blueroyal .bg-wallet {
  background: #283051;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
}
.blueroyal .bg-credit-free {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 0 0 10px 10px;
}
.blueroyal .recevied-com {
  background: #5c574c;
  border-radius: 10px;
  border: 2px solid #ffddaf;
  color: #ffe1a6;
}
.blueroyal .bg-card-commission {
  background: #283051;
}
.blueroyal .bg-turn {
  color: #fff;
  background: #283051;
  border-radius: 10px;
}
.blueroyal .bg-icon-index {
  background: #283051 !important;
  border-radius: 10px !important;
}
.blueroyal .bg-con-turn {
  background: #1f2643 !important;
}
.blueroyal .color-toogle {
  background: linear-gradient(180deg, #5cc875 0, #5cc875);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.blueroyal .tab-content > .active {
  display: block;
  background: #283051 !important;
}
.blueroyal .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #353f66, #353f66) !important;
  color: #fff !important;
}
.blueroyal .active-bg {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  color: #191e32 !important;
}
.blueroyal .tab-box {
  background-color: #283051;
  color: #bdbdbd;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.blueroyal .nav-tabs {
  border-bottom: 2px solid #353f66 !important;
}
.blueroyal .nav-tabs .nav-link {
  border: 0 !important;
  background: #283051 !important;
  color: #bdbdbd !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.blueroyal .boder-right {
  height: 50px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.2509803922);
}
.blueroyal .btn-copy-bank {
  background: #212846;
  border-radius: 10px;
  color: #fff;
  width: max-content;
  border-color: #212846;
  box-shadow: 0 4px 4px hsla(0, 0%, 74.1%, 0.16);
}
.blueroyal .btn-money {
  border-color: #ffddaf;
  border-radius: 10px;
  background: rgba(92, 87, 76, 0.2);
  color: #ffddaf;
}
.blueroyal .active-btn-amount {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  color: #283051 !important;
  font-weight: 900;
}
.blueroyal .btn-topup-promptpay {
  border-color: #ffddaf;
  border-radius: 10px;
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  color: #191e32;
}
.blueroyal .boder-color {
  border-color: #191e32 !important;
}
.blueroyal .is-active-register {
  background: #c0ac83 !important;
  border: 1px solid #c0a98a !important;
}
.blueroyal .b-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin: 0;
  outline: 0;
  transform: translateX(0);
  background: linear-gradient(0.483turn, #1b2e80 4.17%, #041149) !important;
}
.blueroyal .bg-info {
  color: #fff;
  background: #1f2643 !important;
  padding: 5px;
  border-radius: 10px;
}
.blueroyal .btn-change {
  background: #283051;
  box-shadow: 0 4px 10px hsla(0, 0%, 74.1%, 0.12);
  border-radius: 10px;
}
.blueroyal .card-pro {
  background: #1f2643;
  border-radius: 10px;
  color: #fff !important;
  font-weight: 400 !important;
  height: 13em;
}
.blueroyal .bg-lock {
  background: #ffe1a6;
  padding: 8px;
  border-radius: 18px;
  width: 40px;
  color: #191e32;
}
.blueroyal .btn-cancel {
  background: #191f3a;
  border-radius: 10px;
  color: #ffe1a6 !important;
  border: 1px solid #ffe1a6;
}
.blueroyal .btn-cancel:hover {
  border-radius: 10px;
  color: #000 !important;
  border: 1px solid #000 !important;
}
.blueroyal .btn-theme-one {
  background: #ffddaf;
  border-color: #283051 !important;
  color: #283051;
  border-radius: 10px;
}
.blueroyal .btn-theme-two {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 10px;
  color: #191e32;
}
.blueroyal .btn-login {
  background: #006eb7 !important;
  border-radius: 20px;
  color: #fff;
  border-color: #006eb7 !important;
}
.blueroyal .btn-theme-seemore {
  background: #191f3a !important;
  border-radius: 10px;
  color: #fff !important;
  border-color: #191f3a !important;
}
.blueroyal .btn-copy {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  border-radius: 0 10px 10px 0 !important;
  color: #283051 !important;
  border: none;
}
.blueroyal .card {
  background: #283051 !important;
  color: #ffe1a6 !important;
  filter: drop-shadow(0 0 1px #989898);
}
.blueroyal .bg-input-theme {
  background-color: #d1d1d1 !important;
}
.blueroyal .border-theme {
  border-radius: 15px !important;
}
.blueroyal .icon-activity {
  filter: invert(0);
  width: 20px;
}
.blueroyal .bg-table {
  background-color: #353f66;
  border-radius: 10px;
  border: 0 solid #353f66 !important;
}
.blueroyal .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #bdbdbd !important;
  border-top: 0 solid #bdbdbd !important;
  padding: 4px 12px;
  background: #283051;
  color: #fff !important;
}
.blueroyal .table td {
  vertical-align: top;
  border-top: 0 solid #bdbdbd !important;
  color: #bdbdbd !important;
}
.blueroyal .Daily__item__box {
  position: relative;
  height: 75px;
  background: #283051;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
}
.blueroyal .Daily__item__box.active {
  background: linear-gradient(#283051, #283051) padding-box,
    linear-gradient(90deg, #ffddaf, #e0a532) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.blueroyal .Daily__item__box.active-today {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border: none !important;
  color: #283051;
}
.blueroyal .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #283051;
  border-radius: 10px;
}
.blueroyal .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.blueroyal .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.blueroyal .text-daily {
  color: #fff;
}
.blueroyal .btn-reward {
  width: 85%;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
  cursor: pointer;
}
.blueroyal .bg-btn-point {
  background: #ffe1a6;
  border-radius: 20px;
  margin: 4px;
  color: #192033;
}
.blueroyal .bg-chosses {
  background-color: #1f2643;
  border-radius: 15px;
  filter: drop-shadow(0 1px 1px #989898);
  color: #fff;
}
.blueroyal .bg-hover:hover,
.blueroyal .btn-hover:focus {
  background-color: #353f66;
}
.blueroyal .showSlide {
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 80%;
  background-color: #353f66 !important;
  display: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.blueroyal #modal-suscess-complain .modal-content {
  background-color: #191e32 !important;
}
.blueroyal .from-complain {
  display: block;
  width: 100%;
  height: calc(1.5em + 5rem + 10px) !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  background-color: #212846 !important;
  background-clip: padding-box;
  border: 1px solid #212846 !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.blueroyal .btn-withdraw {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  box-shadow: 0 4px 4px hsla(0, 0%, 74.1%, 0.16);
  border-radius: 10px;
  color: #283051;
  border-color: #e0a532 !important;
}
.blueroyal .cover-withdraw {
  background: #283051;
  border-radius: 0 0 10px 10px;
}
.blueroyal .hd-withdraw {
  background: #283051;
  border-radius: 10px 10px 0 0;
  color: #fff;
  padding: 10px;
  font-size: 18px;
}
.blueroyal .card-withdraw {
  background: #1f2643 !important;
  color: #fff !important;
  border-radius: 5px;
}
.blueroyal .page-item.active .page-link {
  z-index: 3;
  color: #283051 !important;
  background-color: #ffe1a6 !important;
  border-color: #ffe1a6 !important;
}
.blueroyal .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #ffe1a6 !important;
  background-color: #283051 !important;
  border: 1px solid #283051 !important;
}
.blueroyal .custom-control-input:checked ~ .custom-control-label:before {
  color: #fff !important;
  border-color: #ffe1a6 !important;
  background-color: #ffe1a6 !important;
}
.blueroyal .boxcredit {
  background: rgba(34, 32, 32, 0.6);
  width: 55%;
}
.blueroyal .border-color {
  border: 2px solid #ffddaf;
  border-radius: 10px;
}
.blueroyal .btn-box {
  background-image: linear-gradient(315deg, #ffddaf, #e0a532 74%);
  border-radius: 5px 25px;
  filter: drop-shadow(1px 2px 4px #e0a532);
  border-color: #ffddaf !important;
}
.blueroyal .breadcrumb {
  background-color: #192033 !important;
}
.blueroyal .breadcrumb-item.active {
  color: #ffe1a6 !important;
}
.blueroyal .breadcrumb-item {
  color: #fff !important;
}
.blueroyal .swal2-popup {
  background: #283051 !important;
}
.blueroyal .swal2-content,
.blueroyal .swal2-title {
  color: #fff !important;
}
.blueroyal .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  border-radius: 10px !important;
  border-color: #fff !important;
  color: #fff !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.blueroyal .bg-body-modal {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #283051 !important;
  color: #192033;
}
.blueroyal .modal-content {
  border-radius: 1rem !important;
}
.blueroyal .bg-body,
.blueroyal .bg-body-promotion {
  background: #283051 !important;
}
.blueroyal .bg-footer {
  border-top: 1px solid #283051 !important;
  border-bottom-right-radius: calc(1rem - 1px) !important;
  border-bottom-left-radius: calc(1rem - 1px) !important;
  background-color: #283051 !important;
}
.blueroyal #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #283051 !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.blueroyal #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #283051 !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.blueroyal #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #283051 !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.blueroyal #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #283051 !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.blueroyal #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #283051 !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.blueroyal #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #283051 !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.blueroyal #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #283051 !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.blueroyal #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #283051 !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.blueroyal .card-bank {
  background: #191f3a;
  box-shadow: 0 4px 10px hsla(0, 0%, 74.1%, 0.12);
  border-radius: 7px;
  color: #ffe1a6 !important;
}
.blueroyal .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid hsla(0, 0%, 74.1%, 0.125);
}
.blueroyal .swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid;
  border-radius: 50%;
}
.blueroyal .swal2-icon.swal2-success [class^="swal2-success-line"] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
}
.blueroyal .form-control {
  display: block;
  padding: 0.375rem 0.75rem;
  background-color: #212846 !important;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.blueroyal .custom-select,
.blueroyal .form-control {
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  border: 1px solid #1f2643 !important;
  border-radius: 0.25rem;
}
.blueroyal .custom-select {
  display: inline-block;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  vertical-align: middle;
  background-color: #1f2643 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(/_nuxt/img/sort-arrows.4ef9d5b.png) right 0.75rem
    center/8px 10px no-repeat;
}
.blueroyal .multiselect__tags {
  min-height: 40px;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  font-size: 14px;
}
.blueroyal .multiselect__content-wrapper,
.blueroyal .multiselect__tags {
  display: block;
  border: 1px solid #1f2643 !important;
  background: #283051 !important;
  color: #fff !important;
}
.blueroyal .multiselect__content-wrapper {
  position: absolute;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.blueroyal .multiselect__input,
.blueroyal .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #283051 !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
  color: #fff;
}
.blueroyal .multiselect__option--highlight {
  background: #283051 !important;
  outline: none;
  color: #fff !important;
}
.blueroyal #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #283051 !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.blueroyal .border-banner {
  border: 2px solid #ffddaf;
  border-radius: 10px;
}
.blueroyal .btn-secondary:hover {
  color: #fff;
  background-color: #006eb7 !important;
  border-color: none !important;
}
.blueroyal .btn-secondary.focus,
.blueroyal .btn-secondary:focus {
  color: #fff;
  background-color: #ffddaf !important;
  border-color: #ffddaf !important;
}
.blueroyal .bg-choose {
  background: #283051 !important;
  color: #fff;
}
.blueroyal .btn-join-activity {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 0 0 10px 10px;
  color: #283051;
  border-color: #192033 !important;
}
.blueroyal .bg-input {
  background: #283051 !important;
  border-radius: 10px;
  color: #fff !important;
  border: none !important;
}
.blueroyal .bg-condition {
  background: #283051 !important;
  color: #fff;
}
.blueroyal .header-login {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5019607843);
  border: 0 solid hsla(0, 0%, 74.1%, 0.125);
}
.blueroyal .footer-wrapper1 {
  height: auto;
}
.blueroyal .footer-wrapper,
.blueroyal .footer-wrapper1 {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.blueroyal .footer-wrapper {
  height: 58px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: #1a2445;
  box-shadow: 0 0 16px hsla(0, 0%, 41.2%, 0.55);
  z-index: 2;
}
.blueroyal .footer-wrapper .play-game {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 15px;
  text-align: center;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  box-shadow: 0 4px 6px hsla(0, 0%, 74.1%, 0.25);
  position: absolute;
  top: -20px;
}
.blueroyal .footer-wrapper .play-game .play-game-box {
  display: table-cell;
  transform: rotate(316deg);
  vertical-align: middle;
}
.blueroyal .footer-wrapper .play-game .item-count {
  width: 30px;
  filter: invert(1);
}
.blueroyal .footer-wrapper .play-game-5 {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 30px;
  text-align: center;
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  box-shadow: 0 4px 6px hsla(0, 0%, 74.1%, 0.25);
}
.blueroyal .footer-wrapper .play-game-5 .play-game-box-5 {
  display: table-cell;
  vertical-align: middle;
}
.blueroyal .footer-wrapper .play-game-5 .item-count {
  width: 34px;
  filter: invert(1);
}
.blueroyal a {
  color: #bdbdbd !important;
}
.blueroyal a:hover {
  color: --blue;
  text-decoration: none !important;
}
.blueroyal .bg-table-aff {
  background-color: #283051 !important;
  border: 0 solid #191f3a !important;
}
.blueroyal .border-left {
  border-left: 3px solid #ffe1a6 !important;
}
.blueroyal .border-solid {
  border: 1px solid #283051;
}
.blueroyal .bg-from-aff {
  display: inline-block;
  width: 50% !important;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  vertical-align: middle;
  background-color: #283051 !important;
  border: 1px solid #283051 !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.blueroyal .bg-in-aff {
  background: #353f66;
  border-radius: 5px;
  color: #ffe1a6;
  padding: 5px;
}
.blueroyal .icon-aff {
  position: absolute;
  top: 92px;
  left: 0;
  right: 0;
  color: #fff;
}
.blueroyal .btn-comein {
  position: absolute;
  bottom: -17%;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.blueroyal .bg-search {
  background-color: #283051 !important;
}
.blueroyal .bg-from,
.blueroyal .bg-search {
  border: 1px solid #ffe1a6 !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff !important;
}
.blueroyal .bg-from {
  background-color: #283051 !important;
  background: #464646 url(/_nuxt/img/dropdown.2ae9015.png) no-repeat right
    0.75rem center/10px 8px;
}
.blueroyal .search {
  position: absolute;
  right: 24px;
  color: #bdbdbd;
}
.blueroyal .card-point {
  background: #172231 !important;
  filter: drop-shadow(0 0 0 #1f2643) !important;
  color: #fff !important;
  border-radius: 10px;
}
.blueroyal .bg-point {
  background: #e0a532;
  border-radius: 20px;
  margin: 4px;
  color: #283051;
}
.blueroyal .bg-card-his {
  background: #1f2643 !important;
  color: #fff !important;
}
.blueroyal .card-nodata {
  background: #1f2643;
  color: #fff;
  padding: 80px;
  border-radius: 10px;
}
.blueroyal .action-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2%;
}
.blueroyal .action-wrapper__btn-spin {
  background-image: url(https://es-dev.vrbet.com/_nuxt/img/button.1e27aca.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 6vw;
  width: 14vw;
  margin-bottom: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.blueroyal .action-wrapper__btn-spin span {
  font-size: 3vw;
  color: #fff;
  -webkit-text-stroke: 3px #fff;
}
@media screen and (max-width: 992px) {
  .blueroyal .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2.5px #fff;
    font-size: 6vw;
  }
}
@media screen and (max-width: 480px) {
  .blueroyal .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2px #fff;
    font-size: 8vw;
  }
}
@media screen and (max-width: 992px) {
  .blueroyal .action-wrapper__btn-spin {
    margin-top: 3vw;
    width: 26vw;
    height: 12vw;
  }
}
@media screen and (max-width: 480px) {
  .blueroyal .action-wrapper__btn-spin {
    width: 40vw;
    height: 18vw;
  }
}
.blueroyal .action-wrapper__btn-spin.disabledbtn {
  cursor: not-allowed;
  filter: grayscale(1);
}
.blueroyal .glass-panel {
  color: #fff;
  margin: 40px auto;
  background-color: hsla(0, 0%, 100%, 0.06);
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  width: 100%;
  border-radius: 15px;
  padding: 32px;
  backdrop-filter: blur(10px);
}
.blueroyal .glass-button {
  display: inline-block;
  padding: 15px 18px;
  text-decoration: none;
  border-radius: 15px;
  background-color: #4e4e4e;
  border: 1px solid #bdbdbd;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: #bdbdbd;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}
.blueroyal .glass-button:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.blueroyal .glass-panel {
  max-width: 600px;
}
.blueroyal #background-wrap {
  bottom: 0;
  left: 0;
  padding-top: 50px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.blueroyal .x1 {
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 35s linear infinite;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  transform: scale(0.65);
}
.blueroyal .x2 {
  -webkit-animation: animateCloud 20s linear infinite;
  -moz-animation: animateCloud 20s linear infinite;
  animation: animateCloud 20s linear infinite;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.blueroyal .x3 {
  -webkit-animation: animateCloud 30s linear infinite;
  -moz-animation: animateCloud 30s linear infinite;
  animation: animateCloud 30s linear infinite;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.blueroyal .x4 {
  -webkit-animation: animateCloud 18s linear infinite;
  -moz-animation: animateCloud 18s linear infinite;
  animation: animateCloud 18s linear infinite;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.blueroyal .x5 {
  -webkit-animation: animateCloud 25s linear infinite;
  -moz-animation: animateCloud 25s linear infinite;
  animation: animateCloud 25s linear infinite;
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  transform: scale(0.55);
}
.blueroyal .cloud {
  background: #283051;
  background: -moz-linear-gradient(top, #283051 5%, #283051 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, #283051),
    color-stop(100%, #283051)
  );
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 8px 5px hsla(0, 0%, 74.1%, 0.1);
  -moz-box-shadow: 0 8px 5px hsla(0, 0%, 74.1%, 0.1);
  box-shadow: 0 8px 5px hsla(0, 0%, 74.1%, 0.1);
  height: 120px;
  position: relative;
  width: 350px;
}
.blueroyal .cloud:after,
.blueroyal .cloud:before {
  background: #283051;
  content: "";
  position: absolute;
  z-index: -1;
}
.blueroyal .cloud:after {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  height: 100px;
  left: 50px;
  top: -50px;
  width: 100px;
}
.blueroyal .cloud:before {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  width: 180px;
  height: 180px;
  right: 50px;
  top: -90px;
}
.blueroyal .bg-share-facebook {
  background-color: #212846 !important;
  color: #fff !important;
}
.blueroyal .bg-game {
  background: linear-gradient(#293050, #1f253d) padding-box,
    linear-gradient(180deg, #eccfa9, #ffe1a6, #c69c4d) border-box !important;
  border: 0.5px solid transparent;
  border-radius: 10px !important;
  color: #ffe1a6 !important;
  width: 80px;
  height: 67px;
}
.blueroyal .bg-game-active {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  border-radius: 10px !important;
  color: #191e32 !important;
  width: 80px;
  height: 67px;
}
.blueroyal .bg-search-game {
  background-color: #283051 !important;
  border-radius: 10px !important;
  color: #bdbdbd !important;
  border: none !important;
}
.blueroyal .unactive-footer {
  color: #bdbdbd;
}
.blueroyal .btn-aff-share {
  background: linear-gradient(270deg, #ffddaf, #e0a532);
  border-radius: 10px;
  color: #283051;
  border-color: #e0a532 !important;
  filter: drop-shadow(0 0 5px #e0a532);
}
.blueroyal #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #283051 !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.blueroyal .btn-change-language {
  background-color: #283051 !important;
  border: 1px solid #ffe1a6;
}
.blueroyal .card-money,
.blueroyal .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card\ copy.c4be5af.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.blueroyal .bg-iconuser {
  background: #fff;
  padding: 7px;
  border-radius: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #ffe1a6;
}
.blueroyal .content-lv {
  padding: 10px 0;
}
.blueroyal .border-bottom-aff {
  border-bottom: 1px solid #ffddaf;
}
.blueroyal .body-content {
  background: #fff;
  width: 70%;
  border-bottom-right-radius: 20px;
  padding: 0 39px;
  overflow: auto;
  max-height: 300px;
}
@media (max-width: 479px) {
  .blueroyal .body-content {
    width: 75%;
    padding: 0 10px;
  }
}
.blueroyal .active2 {
  color: #191e32 !important;
  background: #fff !important;
  border-bottom-left-radius: 0 !important;
}
.blueroyal .tab-item {
  padding: 15px !important;
  font-size: 14px !important;
}
.blueroyal .tab-history-class {
  border-radius: 20px;
  color: #191e32;
  border: 1px solid #e0a532;
}
.blueroyal .tab-item:last-child {
  border-bottom: 1px solid #ffe1a6;
  border-bottom-left-radius: 20px !important;
}
.blueroyal .tab-item,
.blueroyal .tab-item:last-child {
  cursor: pointer;
  color: #191e32;
  background: linear-gradient(180deg, #ffddaf 0, #e0a532);
}
.blueroyal .tab-item {
  border-bottom: 1px solid #ffe1a6;
}
.blueroyal .header-aff {
  background: linear-gradient(180deg, #ffddaf 0, #e0a532);
  border-bottom: 1px solid #191e32;
  border-radius: 20px 20px 0 0;
}
.blueroyal .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #fff;
  border-radius: 30rem !important;
}
.blueroyal .bg-aff-level {
  background: linear-gradient(#283051, #283051) padding-box,
    linear-gradient(90deg, #ffddaf, #ffe1a6, #e0a532) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.blueroyal .bg-aff-level .nunber-friend {
  background: #353f66;
  border-radius: 10px;
  color: #fff;
}
.blueroyal .bg-aff-level .turn-other {
  background: #1f2643;
  border-radius: 10px;
}
.blueroyal .bg-aff-level .solid {
  border: 1px solid #ffddaf;
  height: 40px;
}
.blueroyal .filters-content {
  background-color: #283051;
}
.blueroyal .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #353f66;
  color: #bdbdbd;
  padding: 5px;
}
.blueroyal .filters__button:hover {
  background-color: #283051;
}
.blueroyal .filters-content {
  background-color: #353f66;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.blueroyal .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #192033;
  color: #bdbdbd;
  padding: 5px;
}
.blueroyal .filters__button2:hover {
  background-color: #192033;
}
.blueroyal .filters [data-content] {
  display: none;
}
.blueroyal [data-content].is-active[data-content] {
  display: grid;
}
.blueroyal [data-target].is-active {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 10px;
  color: #283051;
}
.blueroyal .condition-header {
  background: linear-gradient(
    109.63deg,
    #ffddaf 3.68%,
    #ffe1a6 47.76%,
    #e0a532 95.96%
  );
  border-radius: 5px;
  color: #283051;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.blueroyal .bg-wheel-condition {
  background: linear-gradient(#283051, #283051) padding-box,
    linear-gradient(109.63deg, #ffddaf 3.68%, #ffe1a6 47.76%, #e0a532 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.blueroyal .btn-up-slip {
  color: #ffddaf;
  border: 2px solid #e0a532 !important;
  background: 0 0 !important;
}
.blueroyal .btn-no-received {
  background: #1f2643;
  border-color: #1f2643;
  color: #fff;
  border-radius: 10px;
}
.blueroyal .btn-no-received:hover {
  background-color: #1f2643 !important;
  border-color: #1f2643 !important;
  color: #fff;
  border-radius: 10px !important;
}
.blueroyal .card-points {
  background: linear-gradient(#283051, #283051) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.blueroyal .r-gold {
  background: linear-gradient(#283051, #283051) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.blueroyal .r-gold,
.blueroyal .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.blueroyal .r-silver {
  background: linear-gradient(#283051, #283051) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.blueroyal .r-copper {
  background: linear-gradient(#283051, #283051) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.blueroyal .cycle-gold {
  background: linear-gradient(#283051, #283051) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.blueroyal .cycle-gold,
.blueroyal .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.blueroyal .cycle-silver {
  background: linear-gradient(#283051, #283051) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
}
.blueroyal .cycle-copper {
  background: linear-gradient(#283051, #283051) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.blueroyal .btn-no-received:focus {
  background-color: #343434 !important;
  border-color: #343434 !important;
  border-radius: 10px !important;
}
.blueroyal .bg-pro {
  background: #191f3a;
  border-radius: 10px;
}
.blueroyal .filters-content-bg {
  background-color: #192033;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.blueroyal .is-unactive {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #192033;
  color: #7d7d7d;
  padding: 5px;
}
.blueroyal .fillter-icon {
  filter: invert(62%) sepia(33%) saturate(666%) hue-rotate(337deg)
    brightness(152%) contrast(100%);
  width: 30px;
}
.blueroyal .fillter-icon-active {
  filter: invert(56%) sepia(33%) saturate(666%) hue-rotate(143deg)
    brightness(36%) contrast(157%);
  width: 30px;
}
.blueroyal .card-decimal {
  background: #ececec;
  color: #000 !important;
}
.blueroyal .card-decimal,
.blueroyal .card-transfer {
  box-shadow: 0 4px 10px rgba(25, 32, 51, 0.12);
  border-radius: 10px;
}
.blueroyal .card-transfer {
  background: #283051;
  color: #ffe1a6 !important;
}
.blueroyal .bg-choose-team {
  background: hsla(0, 0%, 100%, 0.3);
  border-radius: 5px;
  color: #fff;
  padding: 2px;
  margin: 4px;
}
.blueroyal input::placeholder {
  color: #bdbdbd;
}
.blueroyal .alert-secondary {
  color: #fff !important;
  background-color: #283051 !important;
  border-color: #283051 !important;
}
.blueroyal .bagfree {
  position: absolute;
  top: 5px;
  right: 6px;
}
.blueroyal .bagfree2 {
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 35px;
}
.blueroyal .bg-month-active {
  background: linear-gradient(#192033, #192033) padding-box,
    linear-gradient(90deg, #ffddaf, #e0a532) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #fff;
  border: 1px solid transparent;
}
.blueroyal .bg-month {
  background: #192033;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #7d7d7d;
}
.blueroyal .btn.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 48, 81, 0.25) !important;
}
.blueroyal .arry-input {
  height: calc(1.5em + 5rem + 10px) !important;
  border-radius: 10px !important;
  color: #fff !important;
}
.blueroyal .show-footer {
  display: none;
  position: absolute;
  top: -46px;
}
.blueroyal #modalQuestionnaire .modal-content {
  background-color: #283051 !important;
}
.blueroyal .bg-input-modal {
  background-color: #212846 !important;
}
.purpleorchid .bg-header,
.purpleorchid body {
  background: #251c38 !important;
}
.purpleorchid .shadow-today {
  box-shadow: 0 0 15px #ffddaf;
}
.purpleorchid .bd-daily-fix {
  border-color: #c0a98a !important;
  background: #251c38 !important;
}
.purpleorchid .text-deposited-daily-fix {
  color: #bdbdbd;
}
.purpleorchid .bg-table-daily-fix {
  background: #3c2f59 !important;
  color: #fff !important;
}
.purpleorchid .text-daily-fix {
  color: #ffe1a6 !important;
}
.purpleorchid .text-credit-daily {
  background: linear-gradient(180deg, #33264f 0, #33264f) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.purpleorchid .text-color {
  color: #fff !important;
}
.purpleorchid .text-template {
  color: #ffe1a6;
}
.purpleorchid .text-theme {
  color: #3c2f59;
}
.purpleorchid .text-spcial {
  background: linear-gradient(180deg, #696969 0, #1a1c1c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.purpleorchid .text-linear,
.purpleorchid .text-linear-footer {
  background: linear-gradient(180deg, #ffddaf 0, #e0a532);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.purpleorchid .text-see-history {
  color: #fff;
}
.purpleorchid .text-head-hisotry {
  color: #ffe1a6;
}
.purpleorchid .text-tranfer {
  background: linear-gradient(180deg, #ffe1a6 0, #ffe1a6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.purpleorchid .text-color-icon {
  background: linear-gradient(180deg, #ffe1a6, #ffe1a6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.purpleorchid .text-credit {
  background: #ffe1a6;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.purpleorchid .bg-credit {
  background: linear-gradient(#3e305c, #3e305c);
  border-radius: 10px;
  border: 3px solid transparent;
}
.purpleorchid .bg-ball-choose-team {
  background: linear-gradient(#3c2f59, #3c2f59) padding-box,
    linear-gradient(90deg, #ffddaf, #e0a532) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.purpleorchid .bg-wallet {
  background: #3c2f59;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
}
.purpleorchid .bg-credit-free {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 0 0 10px 10px;
}
.purpleorchid .recevied-com {
  background: #5c574c;
  border-radius: 10px;
  border: 2px solid #ffddaf;
  color: #e0a532;
}
.purpleorchid .bg-card-commission {
  background: #3c2f59;
}
.purpleorchid .bg-turn {
  color: #fff;
  background: #3c2f59;
  border-radius: 10px;
}
.purpleorchid .bg-icon-index {
  background: #3c2f59 !important;
  border-radius: 10px !important;
}
.purpleorchid .bg-con-turn {
  background: #2b1e44 !important;
}
.purpleorchid .color-toogle {
  background: linear-gradient(180deg, #5cc875 0, #5cc875);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.purpleorchid .tab-content > .active {
  display: block;
  background: #3c2f59 !important;
}
.purpleorchid .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #534476, #534476) !important;
  color: #fff !important;
}
.purpleorchid .active-bg {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  color: #191e32 !important;
}
.purpleorchid .tab-box {
  background-color: #3c2f59;
  color: #bdbdbd;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.purpleorchid .nav-tabs {
  border-bottom: 2px solid #534476 !important;
}
.purpleorchid .nav-tabs .nav-link {
  border: 0 !important;
  background: #3e305c !important;
  color: #bdbdbd !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.purpleorchid .boder-right {
  height: 50px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.2509803922);
}
.purpleorchid .btn-copy-bank {
  background: #33264f;
  border-radius: 10px;
  color: #fff;
  width: max-content;
  border-color: #33264f;
  box-shadow: 0 4px 4px hsla(0, 0%, 74.1%, 0.16);
}
.purpleorchid .btn-money {
  border-color: #ffddaf;
  border-radius: 10px;
  background: rgba(92, 87, 76, 0.2);
  color: #ffddaf;
}
.purpleorchid .active-btn-amount {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  color: #3c2f59 !important;
  font-weight: 900;
}
.purpleorchid .btn-topup-promptpay {
  border-color: #ffddaf;
  border-radius: 10px;
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  color: #191e32;
}
.purpleorchid .boder-color {
  border-color: #191e32 !important;
}
.purpleorchid .is-active-register {
  background: #c0ac83 !important;
  border: 1px solid #c0a98a !important;
}
.purpleorchid .b-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin: 0;
  outline: 0;
  transform: translateX(0);
  background: linear-gradient(0.483turn, #5d29ca 4.17%, #2b2043) !important;
}
.purpleorchid .bg-info {
  color: #fff;
  background: #2b1e44 !important;
  padding: 5px;
  border-radius: 10px;
}
.purpleorchid .btn-change {
  background: #3e305c;
  box-shadow: 0 4px 10px hsla(0, 0%, 74.1%, 0.12);
  border-radius: 10px;
}
.purpleorchid .card-pro {
  background: #2b1e44;
  border-radius: 10px;
  color: #fff !important;
  font-weight: 400 !important;
  height: 13em;
}
.purpleorchid .bg-lock {
  background: #ffe1a6;
  padding: 8px;
  border-radius: 18px;
  width: 40px;
  color: #191e32;
}
.purpleorchid .btn-cancel {
  background: #2b1e44;
  border-radius: 10px;
  color: #ffe1a6 !important;
  border: 1px solid #ffe1a6;
}
.purpleorchid .btn-cancel:hover {
  border-radius: 10px;
  color: #000 !important;
  border: 1px solid #000 !important;
}
.purpleorchid .btn-theme-one {
  background: #ffddaf;
  border-color: #3c2f59 !important;
  color: #3c2f59;
  border-radius: 10px;
}
.purpleorchid .btn-theme-two {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 10px;
  color: #191e32;
}
.purpleorchid .btn-login {
  background: #6900a7;
  border-radius: 10px;
  color: #fff;
  border-color: #6900a7 !important;
}
.purpleorchid .btn-theme-seemore {
  background: #565553;
  border-radius: 10px;
  color: #fff;
  border-color: #565553 !important;
}
.purpleorchid .btn-copy {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  border-radius: 0 10px 10px 0 !important;
  color: #3c2f59 !important;
  border: none;
}
.purpleorchid .card {
  background: #3c2f59 !important;
  color: #ffe1a6 !important;
  filter: drop-shadow(0 0 1px #989898);
}
.purpleorchid .bg-input-theme {
  background-color: #d1d1d1 !important;
}
.purpleorchid .border-theme {
  border-radius: 15px !important;
}
.purpleorchid .icon-activity {
  filter: invert(0);
  width: 20px;
}
.purpleorchid .bg-table {
  background-color: #534476;
  border-radius: 10px;
  border: 0 solid #534476 !important;
}
.purpleorchid .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #bdbdbd !important;
  border-top: 0 solid #bdbdbd !important;
  padding: 4px 12px;
  background: #3c2f59;
  color: #fff !important;
}
.purpleorchid .table td {
  vertical-align: top;
  border-top: 0 solid #bdbdbd !important;
  color: #bdbdbd !important;
}
.purpleorchid .Daily__item__box {
  position: relative;
  height: 75px;
  background: #3c2f59;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
}
.purpleorchid .Daily__item__box.active {
  background: linear-gradient(#3c2f59, #3c2f59) padding-box,
    linear-gradient(90deg, #ffddaf, #e0a532) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.purpleorchid .Daily__item__box.active-today {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border: none !important;
  color: #3c2f59;
}
.purpleorchid .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #3c2f59;
  border-radius: 10px;
}
.purpleorchid .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.purpleorchid .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.purpleorchid .text-daily {
  color: #fff;
}
.purpleorchid .btn-reward {
  width: 85%;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
  cursor: pointer;
}
.purpleorchid .bg-btn-point {
  background: #ffe1a6;
  border-radius: 20px;
  margin: 4px;
  color: #251c38;
}
.purpleorchid .bg-chosses {
  background-color: #2b1e44;
  border-radius: 15px;
  filter: drop-shadow(0 1px 1px #989898);
  color: #fff;
}
.purpleorchid .bg-hover:hover,
.purpleorchid .btn-hover:focus {
  background-color: #534476;
}
.purpleorchid .showSlide {
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 80%;
  background-color: #534476 !important;
  display: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.purpleorchid #modal-suscess-complain .modal-content {
  background-color: #3c2f59 !important;
}
.purpleorchid .from-complain {
  display: block;
  width: 100%;
  height: calc(1.5em + 5rem + 10px) !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  background-color: #33264f !important;
  background-clip: padding-box;
  border: 1px solid #33264f !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.purpleorchid .btn-withdraw {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  box-shadow: 0 4px 4px hsla(0, 0%, 74.1%, 0.16);
  border-radius: 10px;
  color: #3c2f59;
  border-color: #e0a532 !important;
}
.purpleorchid .cover-withdraw {
  background: #3c2f59;
  border-radius: 0 0 10px 10px;
}
.purpleorchid .hd-withdraw {
  background: #3c2f59;
  border-radius: 10px 10px 0 0;
  color: #fff;
  padding: 10px;
  font-size: 18px;
}
.purpleorchid .card-withdraw {
  background: #2b1e44 !important;
  color: #fff !important;
  border-radius: 5px;
}
.purpleorchid .page-item.active .page-link {
  z-index: 3;
  color: #3c2f59 !important;
  background-color: #ffe1a6 !important;
  border-color: #ffe1a6 !important;
}
.purpleorchid .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #ffe1a6 !important;
  background-color: #3c2f59 !important;
  border: 1px solid #3c2f59 !important;
}
.purpleorchid .custom-control-input:checked ~ .custom-control-label:before {
  color: #fff !important;
  border-color: #ffe1a6 !important;
  background-color: #ffe1a6 !important;
}
.purpleorchid .boxcredit {
  background: rgba(34, 32, 32, 0.6);
  width: 55%;
}
.purpleorchid .border-color {
  border: 2px solid #ffddaf;
  border-radius: 10px;
}
.purpleorchid .btn-box {
  background-image: linear-gradient(315deg, #ffddaf, #e0a532 74%);
  border-radius: 5px 25px;
  filter: drop-shadow(1px 2px 4px #e0a532);
  border-color: #ffddaf !important;
}
.purpleorchid .breadcrumb {
  background-color: #251c38 !important;
}
.purpleorchid .breadcrumb-item.active {
  color: #ffe1a6 !important;
}
.purpleorchid .breadcrumb-item {
  color: #fff !important;
}
.purpleorchid .swal2-popup {
  background: #3c2f59 !important;
}
.purpleorchid .swal2-content,
.purpleorchid .swal2-title {
  color: #fff !important;
}
.purpleorchid .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  border-radius: 10px !important;
  border-color: #fff !important;
  color: #fff !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.purpleorchid .bg-body-modal {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #3e305c !important;
  color: #251c38;
}
.purpleorchid .modal-content {
  border-radius: 1rem !important;
}
.purpleorchid .bg-body {
  background: #3e305c !important;
}
.purpleorchid .bg-body-promotion {
  background: #3c2f59 !important;
}
.purpleorchid .bg-footer {
  border-top: 1px solid #3c2f59 !important;
  border-bottom-right-radius: calc(1rem - 1px) !important;
  border-bottom-left-radius: calc(1rem - 1px) !important;
  background-color: #3c2f59 !important;
}
.purpleorchid #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #3e305c !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.purpleorchid #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #3e305c !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.purpleorchid #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #3e305c !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.purpleorchid #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #3e305c !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.purpleorchid #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #3e305c !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.purpleorchid #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #3e305c !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.purpleorchid #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #3e305c !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.purpleorchid #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #3e305c !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.purpleorchid .card-bank {
  background: #2b1e44;
  box-shadow: 0 4px 10px hsla(0, 0%, 74.1%, 0.12);
  border-radius: 7px;
  color: #ffe1a6 !important;
}
.purpleorchid .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid hsla(0, 0%, 74.1%, 0.125);
}
.purpleorchid .swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid;
  border-radius: 50%;
}
.purpleorchid .swal2-icon.swal2-success [class^="swal2-success-line"] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
}
.purpleorchid .form-control {
  display: block;
  padding: 0.375rem 0.75rem;
  background-color: #33264f !important;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.purpleorchid .custom-select,
.purpleorchid .form-control {
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  border: 1px solid #2b1e44 !important;
  border-radius: 0.25rem;
}
.purpleorchid .custom-select {
  display: inline-block;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  vertical-align: middle;
  background-color: #2b1e44 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(/_nuxt/img/sort-arrows.4ef9d5b.png) right 0.75rem
    center/8px 10px no-repeat;
}
.purpleorchid .multiselect__tags {
  min-height: 40px;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  font-size: 14px;
}
.purpleorchid .multiselect__content-wrapper,
.purpleorchid .multiselect__tags {
  display: block;
  border: 1px solid #2b1e44 !important;
  background: #3c2f59 !important;
  color: #fff !important;
}
.purpleorchid .multiselect__content-wrapper {
  position: absolute;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.purpleorchid .multiselect__input,
.purpleorchid .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #3c2f59 !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
  color: #fff;
}
.purpleorchid .multiselect__option--highlight {
  background: #3c2f59 !important;
  outline: none;
  color: #fff !important;
}
.purpleorchid #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #3c2f59 !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.purpleorchid .border-banner {
  border: 2px solid #ffddaf;
  border-radius: 10px;
}
.purpleorchid .btn-secondary:hover {
  color: #3c2f59;
  background-color: #ffddaf !important;
  border-color: none !important;
}
.purpleorchid .btn-secondary.focus,
.purpleorchid .btn-secondary:focus {
  color: #3c2f59;
  background-color: #ffddaf !important;
  border-color: #ffddaf !important;
}
.purpleorchid .bg-choose {
  background: #3c2f59 !important;
  color: #fff;
}
.purpleorchid .btn-join-activity {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 0 0 10px 10px;
  color: #3c2f59;
  border-color: #251c38 !important;
}
.purpleorchid .bg-input {
  background: #3c2f59 !important;
  border-radius: 10px;
  color: #fff !important;
  border: none !important;
}
.purpleorchid .bg-condition {
  background: #3c2f59 !important;
  color: #fff;
}
.purpleorchid .header-login {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5019607843);
  border: 0 solid hsla(0, 0%, 74.1%, 0.125);
}
.purpleorchid .footer-wrapper1 {
  height: auto;
}
.purpleorchid .footer-wrapper,
.purpleorchid .footer-wrapper1 {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.purpleorchid .footer-wrapper {
  height: 58px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: #322256;
  box-shadow: 0 0 16px hsla(0, 0%, 41.2%, 0.55);
  z-index: 2;
}
.purpleorchid .footer-wrapper .play-game {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 15px;
  text-align: center;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  box-shadow: 0 4px 6px hsla(0, 0%, 74.1%, 0.25);
}
.purpleorchid .footer-wrapper .play-game .play-game-box {
  display: table-cell;
  transform: rotate(316deg);
  vertical-align: middle;
}
.purpleorchid .footer-wrapper .play-game .item-count {
  width: 30px;
  filter: invert(1);
}
.purpleorchid .footer-wrapper .play-game-5 {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 30px;
  text-align: center;
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  box-shadow: 0 4px 6px hsla(0, 0%, 74.1%, 0.25);
}
.purpleorchid .footer-wrapper .play-game-5 .play-game-box-5 {
  display: table-cell;
  vertical-align: middle;
}
.purpleorchid .footer-wrapper .play-game-5 .item-count {
  width: 34px;
  filter: invert(1);
}
.purpleorchid a {
  color: #bdbdbd !important;
}
.purpleorchid a:hover {
  color: --blue;
  text-decoration: none !important;
}
.purpleorchid .bg-table-aff {
  background-color: #3c2f59 !important;
  border: 0 solid #3c2f59 !important;
}
.purpleorchid .border-left {
  border-left: 3px solid #ffe1a6 !important;
}
.purpleorchid .border-solid {
  border: 1px solid #3c2f59;
}
.purpleorchid .bg-from-aff {
  display: inline-block;
  width: 50% !important;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  vertical-align: middle;
  background-color: #3c2f59 !important;
  border: 1px solid #3c2f59 !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.purpleorchid .bg-in-aff {
  background: #2b1e44;
  border-radius: 5px;
  color: #ffe1a6;
  padding: 5px;
}
.purpleorchid .icon-aff {
  position: absolute;
  top: 92px;
  left: 0;
  right: 0;
  color: #fff;
}
.purpleorchid .btn-comein {
  position: absolute;
  bottom: -17%;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.purpleorchid .bg-search {
  background-color: #3c2f59 !important;
}
.purpleorchid .bg-from,
.purpleorchid .bg-search {
  border: 1px solid #ffe1a6 !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff !important;
}
.purpleorchid .bg-from {
  background-color: #3c2f59 !important;
  background: #464646 url(/_nuxt/img/dropdown.2ae9015.png) no-repeat right
    0.75rem center/10px 8px;
}
.purpleorchid .search {
  position: absolute;
  right: 24px;
  color: #bdbdbd;
}
.purpleorchid .card-point {
  background: #2b1e44 !important;
  filter: drop-shadow(0 0 0 #2b1e44) !important;
  color: #fff !important;
  border-radius: 10px;
}
.purpleorchid .bg-point {
  background: #e0a532;
  border-radius: 20px;
  margin: 4px;
  color: #3c2f59;
}
.purpleorchid .bg-card-his {
  background: #2b1e44 !important;
  color: #fff !important;
}
.purpleorchid .card-nodata {
  background: #2b1e44;
  color: #fff;
  padding: 80px;
  border-radius: 10px;
}
.purpleorchid .action-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2%;
}
.purpleorchid .action-wrapper__btn-spin {
  background-image: url(https://es-dev.vrbet.com/_nuxt/img/button.1e27aca.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 6vw;
  width: 14vw;
  margin-bottom: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.purpleorchid .action-wrapper__btn-spin span {
  font-size: 3vw;
  color: #fff;
  -webkit-text-stroke: 3px #fff;
}
@media screen and (max-width: 992px) {
  .purpleorchid .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2.5px #fff;
    font-size: 6vw;
  }
}
@media screen and (max-width: 480px) {
  .purpleorchid .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2px #fff;
    font-size: 8vw;
  }
}
@media screen and (max-width: 992px) {
  .purpleorchid .action-wrapper__btn-spin {
    margin-top: 3vw;
    width: 26vw;
    height: 12vw;
  }
}
@media screen and (max-width: 480px) {
  .purpleorchid .action-wrapper__btn-spin {
    width: 40vw;
    height: 18vw;
  }
}
.purpleorchid .action-wrapper__btn-spin.disabledbtn {
  cursor: not-allowed;
  filter: grayscale(1);
}
.purpleorchid .glass-panel {
  color: #fff;
  margin: 40px auto;
  background-color: hsla(0, 0%, 100%, 0.06);
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  width: 100%;
  border-radius: 15px;
  padding: 32px;
  backdrop-filter: blur(10px);
}
.purpleorchid .glass-button {
  display: inline-block;
  padding: 15px 18px;
  text-decoration: none;
  border-radius: 15px;
  background-color: #4e4e4e;
  border: 1px solid #bdbdbd;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: #bdbdbd;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}
.purpleorchid .glass-button:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.purpleorchid .glass-panel {
  max-width: 600px;
}
.purpleorchid #background-wrap {
  bottom: 0;
  left: 0;
  padding-top: 50px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.purpleorchid .x1 {
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 35s linear infinite;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  transform: scale(0.65);
}
.purpleorchid .x2 {
  -webkit-animation: animateCloud 20s linear infinite;
  -moz-animation: animateCloud 20s linear infinite;
  animation: animateCloud 20s linear infinite;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.purpleorchid .x3 {
  -webkit-animation: animateCloud 30s linear infinite;
  -moz-animation: animateCloud 30s linear infinite;
  animation: animateCloud 30s linear infinite;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.purpleorchid .x4 {
  -webkit-animation: animateCloud 18s linear infinite;
  -moz-animation: animateCloud 18s linear infinite;
  animation: animateCloud 18s linear infinite;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.purpleorchid .x5 {
  -webkit-animation: animateCloud 25s linear infinite;
  -moz-animation: animateCloud 25s linear infinite;
  animation: animateCloud 25s linear infinite;
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  transform: scale(0.55);
}
.purpleorchid .cloud {
  background: #3e305c;
  background: -moz-linear-gradient(top, #3e305c 5%, #33264f 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, #3e305c),
    color-stop(100%, #33264f)
  );
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 8px 5px hsla(0, 0%, 74.1%, 0.1);
  -moz-box-shadow: 0 8px 5px hsla(0, 0%, 74.1%, 0.1);
  box-shadow: 0 8px 5px hsla(0, 0%, 74.1%, 0.1);
  height: 120px;
  position: relative;
  width: 350px;
}
.purpleorchid .cloud:after,
.purpleorchid .cloud:before {
  background: #3e305c;
  content: "";
  position: absolute;
  z-index: -1;
}
.purpleorchid .cloud:after {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  height: 100px;
  left: 50px;
  top: -50px;
  width: 100px;
}
.purpleorchid .cloud:before {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  width: 180px;
  height: 180px;
  right: 50px;
  top: -90px;
}
.purpleorchid .bg-share-facebook {
  background-color: #33264f !important;
  color: #fff !important;
}
.purpleorchid .bg-game {
  background: linear-gradient(#372a52, #2b2043) padding-box,
    linear-gradient(180deg, #eccfa9, #ffe1a6, #c69c4d) border-box !important;
  border: 0.5px solid transparent;
  border-radius: 10px !important;
  color: #ffe1a6 !important;
  width: 80px;
  height: 67px;
}
.purpleorchid .bg-game-active {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  border-radius: 10px !important;
  color: #251c38 !important;
  width: 80px;
  height: 67px;
}
.purpleorchid .bg-search-game {
  background-color: #33264f !important;
  border-radius: 10px !important;
  color: #bdbdbd !important;
  border: none !important;
}
.purpleorchid .unactive-footer {
  color: #bdbdbd;
}
.purpleorchid .btn-aff-share {
  background: linear-gradient(270deg, #ffddaf, #e0a532);
  border-radius: 10px;
  color: #3c2f59;
  border-color: #e0a532 !important;
  filter: drop-shadow(0 0 5px #e0a532);
}
.purpleorchid #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #3c2f59 !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.purpleorchid .btn-change-language {
  background-color: #3c2f59 !important;
  border: 1px solid #ffe1a6;
}
.purpleorchid .card-money,
.purpleorchid .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card\ copy.c4be5af.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.purpleorchid .bg-iconuser {
  background: #fff;
  padding: 7px;
  border-radius: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #ffe1a6;
}
.purpleorchid .content-lv {
  padding: 10px 0;
}
.purpleorchid .border-bottom-aff {
  border-bottom: 1px solid #ffddaf;
}
.purpleorchid .body-content {
  background: #3c2f59;
  width: 70%;
  border-bottom-right-radius: 20px;
  padding: 0 39px;
  overflow: auto;
  max-height: 300px;
  color: #fff !important;
}
@media (max-width: 479px) {
  .purpleorchid .body-content {
    width: 75%;
    padding: 0 10px;
  }
}
.purpleorchid .active2 {
  color: #fff !important;
  background: #3c2f59 !important;
  border-bottom-left-radius: 0 !important;
}
.purpleorchid .tab-item {
  padding: 15px !important;
  font-size: 14px !important;
}
.purpleorchid .tab-history-class {
  border-radius: 20px;
  color: #191e32;
  border: 1px solid #e0a532;
}
.purpleorchid .tab-item:last-child {
  border-bottom: 1px solid #ffe1a6;
  border-bottom-left-radius: 20px !important;
}
.purpleorchid .tab-item,
.purpleorchid .tab-item:last-child {
  cursor: pointer;
  color: #191e32;
  background: linear-gradient(180deg, #ffddaf 0, #e0a532);
}
.purpleorchid .tab-item {
  border-bottom: 1px solid #ffe1a6;
}
.purpleorchid .header-aff {
  background: linear-gradient(180deg, #ffddaf 0, #e0a532);
  border-bottom: 1px solid #191e32;
  border-radius: 20px 20px 0 0;
}
.purpleorchid .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #fff;
  border-radius: 30rem !important;
}
.purpleorchid .bg-aff-level {
  background: linear-gradient(#3c2f59, #3c2f59) padding-box,
    linear-gradient(90deg, #ffddaf, #ffe1a6, #e0a532) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.purpleorchid .bg-aff-level .nunber-friend {
  background: #534476;
  border-radius: 10px;
  color: #fff;
}
.purpleorchid .bg-aff-level .turn-other {
  background: #2b1e44;
  border-radius: 10px;
}
.purpleorchid .bg-aff-level .solid {
  border: 1px solid #ffddaf;
  height: 40px;
}
.purpleorchid .filters-content {
  background-color: #3c2f59;
}
.purpleorchid .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #534476;
  color: #bdbdbd;
  padding: 5px;
}
.purpleorchid .filters__button:hover {
  background-color: #3c2f59;
}
.purpleorchid .filters-content {
  background-color: #534476;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.purpleorchid .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #251c38;
  color: #bdbdbd;
  padding: 5px;
}
.purpleorchid .filters__button2:hover {
  background-color: #251c38;
}
.purpleorchid .filters [data-content] {
  display: none;
}
.purpleorchid [data-content].is-active[data-content] {
  display: grid;
}
.purpleorchid [data-target].is-active {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 10px;
  color: #3c2f59;
}
.purpleorchid .condition-header {
  background: linear-gradient(
    109.63deg,
    #ffddaf 3.68%,
    #ffe1a6 47.76%,
    #e0a532 95.96%
  );
  border-radius: 5px;
  color: #3c2f59;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.purpleorchid .bg-wheel-condition {
  background: linear-gradient(#3c2f59, #3c2f59) padding-box,
    linear-gradient(109.63deg, #ffddaf 3.68%, #ffe1a6 47.76%, #e0a532 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.purpleorchid .btn-up-slip {
  color: #ffddaf;
  border: 2px solid #e0a532 !important;
  background: 0 0 !important;
}
.purpleorchid .btn-no-received {
  background: #2b1e44;
  border-color: #2b1e44;
  color: #fff;
  border-radius: 10px;
}
.purpleorchid .btn-no-received:hover {
  background-color: #2b1e44 !important;
  border-color: #2b1e44 !important;
  color: #fff;
  border-radius: 10px !important;
}
.purpleorchid .card-points {
  background: linear-gradient(#3c2f59, #3c2f59) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.purpleorchid .r-gold {
  background: linear-gradient(#3c2f59, #3c2f59) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.purpleorchid .r-gold,
.purpleorchid .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.purpleorchid .r-silver {
  background: linear-gradient(#3c2f59, #3c2f59) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.purpleorchid .r-copper {
  background: linear-gradient(#3c2f59, #3c2f59) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.purpleorchid .cycle-gold {
  background: linear-gradient(#3c2f59, #3c2f59) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.purpleorchid .cycle-gold,
.purpleorchid .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.purpleorchid .cycle-silver {
  background: linear-gradient(#3c2f59, #3c2f59) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
}
.purpleorchid .cycle-copper {
  background: linear-gradient(#3c2f59, #3c2f59) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.purpleorchid .btn-no-received:focus {
  background-color: #2b1e44 !important;
  border-color: #2b1e44 !important;
  border-radius: 10px !important;
}
.purpleorchid .bg-pro {
  background: #2b1e44;
  border-radius: 10px;
}
.purpleorchid .filters-content-bg {
  background-color: #251c38;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.purpleorchid .is-unactive {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #251c38;
  color: #7d7d7d;
  padding: 5px;
}
.purpleorchid .fillter-icon {
  filter: invert(62%) sepia(33%) saturate(666%) hue-rotate(337deg)
    brightness(152%) contrast(100%);
  width: 30px;
}
.purpleorchid .fillter-icon-active {
  filter: invert(56%) sepia(33%) saturate(666%) hue-rotate(215deg)
    brightness(36%) contrast(149%);
  width: 30px;
}
.purpleorchid .card-decimal {
  background: #ececec;
  color: #000 !important;
}
.purpleorchid .card-decimal,
.purpleorchid .card-transfer {
  box-shadow: 0 4px 10px rgba(37, 28, 56, 0.12);
  border-radius: 10px;
}
.purpleorchid .card-transfer {
  background: #33264f;
  color: #ffe1a6 !important;
}
.purpleorchid .bg-choose-team {
  background: hsla(0, 0%, 100%, 0.3);
  border-radius: 5px;
  color: #fff;
  padding: 2px;
  margin: 4px;
}
.purpleorchid .alert-secondary {
  color: #fff !important;
  background-color: #2b1e44 !important;
  border-color: #2b1e44 !important;
}
.purpleorchid .bagfree {
  position: absolute;
  top: 5px;
  right: 6px;
}
.purpleorchid .bagfree2 {
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 35px;
}
.purpleorchid input::placeholder {
  color: #bdbdbd;
}
.purpleorchid .bg-month {
  background: #251c38;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #7d7d7d;
}
.purpleorchid .bg-month-active {
  background: linear-gradient(#251c38, #251c38) padding-box,
    linear-gradient(90deg, #ffddaf, #e0a532) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #fff;
  border: 1px solid transparent;
}
.purpleorchid .btn.focus {
  box-shadow: 0 0 0 0.2rem rgba(60, 47, 89, 0.25) !important;
}
.purpleorchid .arry-input {
  height: calc(1.5em + 5rem + 10px) !important;
  border-radius: 10px !important;
  color: #fff !important;
}
.purpleorchid .show-footer {
  display: none;
  position: absolute;
  top: -46px;
}
.purpleorchid #modalQuestionnaire .modal-content {
  background-color: #3c2f59 !important;
}
.purpleorchid .bg-input-modal {
  background-color: #33264f !important;
}
.arcticblue .bg-header,
.arcticblue body {
  background: #171b2e !important;
}
.arcticblue .shadow-today {
  box-shadow: 0 0 15px #f6625d;
}
.arcticblue .bd-daily-fix {
  border-color: #313857 !important;
  background: #171b2e !important;
}
.arcticblue .text-deposited-daily-fix {
  color: #bdbdbd;
}
.arcticblue .bg-table-daily-fix {
  background: #303857 !important;
  color: #fff !important;
}
.arcticblue .text-daily-fix {
  color: #fff !important;
}
.arcticblue .text-credit-daily {
  background: linear-gradient(180deg, #21273f 0, #21273f) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.arcticblue .text-color {
  color: #fff !important;
}
.arcticblue .text-template {
  color: #e14d50;
}
.arcticblue .text-orange {
  color: #e14d50 !important;
}
.arcticblue .text-theme {
  color: #21273f;
}
.arcticblue .text-spcial {
  background: linear-gradient(180deg, #fff 0, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.arcticblue .text-linear,
.arcticblue .text-linear-footer {
  background: linear-gradient(180deg, #f6625d 0, #d24353);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.arcticblue .text-head-hisotry,
.arcticblue .text-see-history {
  color: #fff;
}
.arcticblue .text-tranfer {
  background: linear-gradient(180deg, #fff 0, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.arcticblue .text-color-icon {
  background: linear-gradient(180deg, #fff, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.arcticblue .text-credit {
  background: #fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.arcticblue .text-color-cs {
  color: #fff !important;
}
.arcticblue .bg-credit {
  background: linear-gradient(#272c41, #272c41);
  border-radius: 10px;
  border: 3px solid transparent;
}
.arcticblue .bg-ball-choose-team {
  background: linear-gradient(#21273f, #21273f) padding-box,
    linear-gradient(90deg, #f6625d, #d24353) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.arcticblue .bg-wallet {
  background: #21273f;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
}
.arcticblue .bg-credit-free {
  background: linear-gradient(180deg, #f6625d, #d24353);
  border-radius: 0 0 10px 10px;
  color: #fff !important;
}
.arcticblue .recevied-com {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  border: 2px solid #d24353;
  color: #d24353;
}
.arcticblue .bg-card-commission {
  background: #21273f;
}
.arcticblue .bg-turn {
  color: #fff;
  background: #21273f;
  border-radius: 10px;
}
.arcticblue .bg-icon-index {
  background: #21273f !important;
  border-radius: 10px !important;
}
.arcticblue .bg-con-turn {
  background: #181b2c !important;
}
.arcticblue .color-toogle {
  background: linear-gradient(180deg, #5cc875 0, #5cc875);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.arcticblue .tab-content > .active {
  display: block;
  background: #21273f !important;
}
.arcticblue .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #303857, #303857) !important;
  color: #fff !important;
}
.arcticblue .active-bg {
  background: linear-gradient(180deg, #f6625d, #d24353) !important;
  color: #fff !important;
}
.arcticblue .tab-box {
  background-color: #21273f;
  color: #bdbdbd;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.arcticblue .nav-tabs {
  border-bottom: 2px solid #2c3249 !important;
}
.arcticblue .nav-tabs .nav-link {
  border: 0 !important;
  background: #21273f !important;
  color: #bdbdbd !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.arcticblue .boder-right {
  height: 50px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.2509803922);
}
.arcticblue .btn-copy-bank {
  background: #21273f;
  border-radius: 10px;
  color: #fff;
  width: max-content;
  border-color: #21273f;
  box-shadow: 0 4px 4px rgba(225, 77, 80, 0.16);
}
.arcticblue .btn-money {
  border-color: #f6625d;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
  color: #f6625d;
}
.arcticblue .active-btn-amount {
  background: linear-gradient(180deg, #f6625d, #d24353) !important;
  color: #fff !important;
  font-weight: 900;
}
.arcticblue .btn-topup-promptpay {
  border-color: #f6625d;
  border-radius: 10px;
  background: linear-gradient(180deg, #f6625d, #d24353) !important;
  color: #fff;
}
.arcticblue .boder-color {
  border-color: #232323 !important;
}
.arcticblue .is-active-register {
  background: #303857 !important;
  border: 1px solid #313857 !important;
}
.arcticblue .b-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin: 0;
  outline: 0;
  transform: translateX(0);
  background: linear-gradient(0.483turn, #6275a3 4.17%, #121934) !important;
}
.arcticblue .bg-info {
  color: #fff;
  background: #181b2c !important;
  padding: 5px;
  border-radius: 10px;
}
.arcticblue .btn-change {
  background: #21273f;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}
.arcticblue .card-pro {
  background: #181b2c;
  border-radius: 10px;
  color: #fff !important;
  font-weight: 400 !important;
  height: 13em;
}
.arcticblue .bg-lock {
  background: #e14d50;
  padding: 8px;
  border-radius: 18px;
  width: 40px;
  color: #fff;
}
.arcticblue .btn-cancel {
  background: #181b2c;
  border-radius: 10px;
  color: #d24353 !important;
  border: 1px solid #d24353;
}
.arcticblue .btn-cancel:hover {
  border-radius: 10px;
  color: #000 !important;
  border: 1px solid #000 !important;
}
.arcticblue .btn-theme-one {
  background: #d63a4b;
  border-color: #d63a4b !important;
  color: #fff;
  border-radius: 10px;
}
.arcticblue .btn-theme-two {
  background: linear-gradient(180deg, #f6625d, #d24353);
  border-radius: 10px;
  color: #fff;
}
.arcticblue .btn-login {
  background: #d63a4b;
  border-radius: 5px;
  color: #fff;
  border-color: #d63a4b !important;
}
.arcticblue .btn-theme-seemore {
  background: linear-gradient(#f6625d, #d24353) padding-box,
    linear-gradient(180deg, #31374d, #31374d) border-box !important;
  border: 0.5px solid transparent;
  border-radius: 10px;
  color: #fff !important;
}
.arcticblue .btn-copy {
  background: linear-gradient(180deg, #f6625d, #d24353) !important;
  border-radius: 0 10px 10px 0 !important;
  color: #fff !important;
  border: none;
}
.arcticblue .card {
  background: #21273f !important;
  color: #fff !important;
  filter: drop-shadow(0 0 1px #989898);
}
.arcticblue .bg-input-theme {
  background-color: #181b2c !important;
  color: #fff !important;
}
.arcticblue .border-theme {
  border-radius: 15px !important;
}
.arcticblue .icon-activity {
  filter: invert(0);
  width: 20px;
}
.arcticblue .bg-table {
  background-color: #21273f;
  border-radius: 10px;
  border: 0 solid #21273f !important;
}
.arcticblue .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #e14d50 !important;
  border-top: 0 solid #e14d50 !important;
  padding: 4px 12px;
  background: #e14d50;
  color: #fff !important;
}
.arcticblue .table td {
  vertical-align: top;
  border-top: 0 solid #bdbdbd !important;
  color: #bdbdbd !important;
}
.arcticblue .Daily__item__box {
  position: relative;
  height: 75px;
  background: #21273f;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
}
.arcticblue .Daily__item__box.active {
  background: linear-gradient(#21273f, #21273f) padding-box,
    linear-gradient(90deg, #f6625d, #d24353) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.arcticblue .Daily__item__box.active-today {
  background: linear-gradient(180deg, #f6625d, #d24353);
  border: none !important;
  color: #fff;
}
.arcticblue .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #21273f;
  border-radius: 10px;
}
.arcticblue .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.arcticblue .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.arcticblue .text-daily {
  color: #fff;
}
.arcticblue .btn-reward {
  width: 85%;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
  cursor: pointer;
}
.arcticblue .bg-btn-point {
  background: #c2c2c2;
  border-radius: 20px;
  margin: 4px;
}
.arcticblue .bg-chosses {
  background-color: #181b2c;
  border-radius: 15px;
  filter: drop-shadow(0 1px 1px #989898);
  color: #fff;
}
.arcticblue .bg-hover:hover,
.arcticblue .btn-hover:focus {
  background-color: #303857;
}
.arcticblue .showSlide {
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 80%;
  display: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.arcticblue #modal-suscess-complain .modal-content,
.arcticblue .showSlide {
  background-color: #21273f !important;
}
.arcticblue .from-complain {
  display: block;
  width: 100%;
  height: calc(1.5em + 5rem + 10px) !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  background-color: #181b2c !important;
  background-clip: padding-box;
  border: 1px solid #181b2c !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.arcticblue .btn-withdraw {
  background: linear-gradient(180deg, #f6625d, #d24353);
  box-shadow: 0 4px 4px rgba(225, 77, 80, 0.16);
  border-radius: 10px;
  color: #fff;
  border-color: #d24353 !important;
}
.arcticblue .cover-withdraw {
  background: #21273f;
  border-radius: 0 0 10px 10px;
}
.arcticblue .hd-withdraw {
  background: #e14d50;
  border-radius: 10px 10px 0 0;
  color: #fff;
  padding: 10px;
  font-size: 18px;
}
.arcticblue .card-withdraw {
  background: #181b2c !important;
  color: #fff !important;
  border-radius: 5px;
}
.arcticblue .page-item.active .page-link {
  z-index: 3;
  color: #fff !important;
  background-color: #303857 !important;
  border-color: #303857 !important;
}
.arcticblue .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #fff !important;
  background-color: #21273f !important;
  border: 1px solid #21273f !important;
}
.arcticblue .custom-control-input:checked ~ .custom-control-label:before {
  color: #fff !important;
  border-color: #fff !important;
  background-color: #303857 !important;
}
.arcticblue .boxcredit {
  background: rgba(34, 32, 32, 0.6);
  width: 55%;
}
.arcticblue .border-color {
  border: 2px solid #e14d50;
  border-radius: 10px;
}
.arcticblue .btn-box {
  background-image: linear-gradient(315deg, #f6625d, #303857 74%);
  border-radius: 5px 25px;
  filter: drop-shadow(1px 2px 4px #d24353);
  border-color: #f6625d !important;
}
.arcticblue .breadcrumb {
  background-color: #171b2e !important;
}
.arcticblue .breadcrumb-item.active {
  color: #e14d50 !important;
}
.arcticblue .breadcrumb-item {
  color: #fff !important;
}
.arcticblue .swal2-popup {
  background: #21273f !important;
}
.arcticblue .swal2-content,
.arcticblue .swal2-title {
  color: #fff !important;
}
.arcticblue .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #f6625d, #d24353) !important;
  border-radius: 10px !important;
  border-color: #fff !important;
  color: #fff !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.arcticblue .bg-body-modal {
  background: linear-gradient(180deg, #f6625d, #d24353);
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #d24353 !important;
  color: #fff;
}
.arcticblue .modal-content {
  border-radius: 1rem !important;
}
.arcticblue .bg-body,
.arcticblue .bg-body-promotion {
  background: #21273f !important;
}
.arcticblue .bg-footer {
  border-top: 1px solid #21273f !important;
  border-bottom-right-radius: calc(1rem - 1px) !important;
  border-bottom-left-radius: calc(1rem - 1px) !important;
  background-color: #21273f !important;
}
.arcticblue #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #21273f !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.arcticblue #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #21273f !important;
  background-clip: padding-box;
  border: 1px solid rgba(225, 77, 80, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.arcticblue #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #21273f !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.arcticblue #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #21273f !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.arcticblue #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #21273f !important;
  background-clip: padding-box;
  border: 1px solid rgba(225, 77, 80, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.arcticblue #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #21273f !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.arcticblue #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #21273f !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.arcticblue #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #21273f !important;
  background-clip: padding-box;
  border: 1px solid rgba(225, 77, 80, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.arcticblue .card-bank {
  background: #181b2c;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
  border-radius: 7px;
  color: #fff !important;
}
.arcticblue .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid rgba(225, 77, 80, 0.125);
}
.arcticblue .swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid;
  border-radius: 50%;
}
.arcticblue .swal2-icon.swal2-success [class^="swal2-success-line"] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
}
.arcticblue .form-control {
  display: block;
  padding: 0.375rem 0.75rem;
  background-color: #181b2c;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.arcticblue .custom-select,
.arcticblue .form-control {
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  border: 1px solid #181b2c !important;
  border-radius: 0.25rem;
}
.arcticblue .custom-select {
  display: inline-block;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  vertical-align: middle;
  background-color: #181b2c !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(/_nuxt/img/sort-arrows.4ef9d5b.png) right 0.75rem
    center/8px 10px no-repeat;
}
.arcticblue .multiselect__tags {
  min-height: 40px;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  font-size: 14px;
}
.arcticblue .multiselect__content-wrapper,
.arcticblue .multiselect__tags {
  display: block;
  border: 1px solid #181b2c !important;
  background: #21273f !important;
  color: #fff !important;
}
.arcticblue .multiselect__content-wrapper {
  position: absolute;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.arcticblue .multiselect__input,
.arcticblue .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #21273f !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
  color: #fff;
}
.arcticblue .multiselect__option--highlight {
  background: #21273f !important;
  outline: none;
  color: #fff !important;
}
.arcticblue #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #21273f !important;
  background-clip: padding-box;
  border: 1px solid rgba(225, 77, 80, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.arcticblue .border-banner {
  border: 2px solid #f6625d;
  border-radius: 10px;
}
.arcticblue .btn-secondary:hover {
  color: #fff;
  background-color: #f6625d !important;
  border-color: none !important;
}
.arcticblue .btn-secondary.focus,
.arcticblue .btn-secondary:focus {
  color: #fff;
  background-color: #f6625d !important;
  border-color: #f6625d !important;
}
.arcticblue .bg-choose {
  background: #21273f !important;
  color: #fff;
}
.arcticblue .btn-join-activity {
  background: linear-gradient(180deg, #f6625d, #d24353);
  border-radius: 0 0 10px 10px;
  color: #fff;
  border-color: #171b2e !important;
}
.arcticblue .bg-input {
  background: #21273f !important;
  border-radius: 10px;
  color: #fff !important;
  border: none !important;
}
.arcticblue .bg-condition {
  background: #21273f !important;
  color: #fff;
}
.arcticblue .header-login {
  padding: 0 !important;
  overflow: hidden !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5019607843);
  border: 0 solid rgba(225, 77, 80, 0.125);
}
.arcticblue .footer-wrapper1 {
  height: auto;
}
.arcticblue .footer-wrapper,
.arcticblue .footer-wrapper1 {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.arcticblue .footer-wrapper {
  height: 58px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: #272c41;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.arcticblue .footer-wrapper .play-game {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 15px;
  text-align: center;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #f6625d, #d24353);
  box-shadow: 0 4px 6px rgba(225, 77, 80, 0.25);
  position: absolute;
  top: -20px;
}
.arcticblue .footer-wrapper .play-game .play-game-box {
  display: table-cell;
  transform: rotate(316deg);
  vertical-align: middle;
}
.arcticblue .footer-wrapper .play-game .item-count {
  width: 30px;
  filter: invert(0);
}
.arcticblue .footer-wrapper .play-game-5 {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 30px;
  text-align: center;
  background: linear-gradient(180deg, #f6625d, #d24353);
  box-shadow: 0 4px 6px rgba(225, 77, 80, 0.25);
}
.arcticblue .footer-wrapper .play-game-5 .play-game-box-5 {
  display: table-cell;
  vertical-align: middle;
}
.arcticblue .footer-wrapper .play-game-5 .item-count {
  width: 34px;
  filter: invert(0);
}
.arcticblue a {
  color: #fff !important;
}
.arcticblue a:hover {
  color: --blue;
  text-decoration: none !important;
}
.arcticblue .bg-table-aff {
  background-color: #21273f !important;
  border: 0 solid #21273f !important;
}
.arcticblue .border-left {
  border-left: 3px solid #fff !important;
}
.arcticblue .border-solid {
  border: 1px solid #e14d50;
}
.arcticblue .bg-from-aff {
  display: inline-block;
  width: 50% !important;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  vertical-align: middle;
  background-color: #21273f !important;
  border: 1px solid #21273f !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.arcticblue .bg-in-aff {
  background: #181b2c;
  border-radius: 5px;
  color: #e14d50;
  padding: 5px;
}
.arcticblue .icon-aff {
  position: absolute;
  top: 92px;
  left: 0;
  right: 0;
  color: #fff;
}
.arcticblue .btn-comein {
  position: absolute;
  bottom: -17%;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.arcticblue .bg-search {
  background-color: #21273f !important;
}
.arcticblue .bg-from,
.arcticblue .bg-search {
  border: 1px solid #fff !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff !important;
}
.arcticblue .bg-from {
  background-color: #21273f !important;
  background: #464646 url(/_nuxt/img/dropdown.2ae9015.png) no-repeat right
    0.75rem center/10px 8px;
}
.arcticblue .search {
  position: absolute;
  right: 24px;
  color: #bdbdbd;
}
.arcticblue .card-point {
  background: #181b2c !important;
  filter: drop-shadow(0 0 0 #181b2c) !important;
  color: #fff !important;
  border-radius: 10px;
}
.arcticblue .bg-point {
  background: #e14d50;
  border-radius: 20px;
  margin: 4px;
  color: #fff;
}
.arcticblue .bg-card-his {
  background: #181b2c !important;
  color: #fff !important;
}
.arcticblue .card-nodata {
  background: #181b2c;
  color: #fff;
  padding: 80px;
  border-radius: 10px;
}
.arcticblue .action-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2%;
}
.arcticblue .action-wrapper__btn-spin {
  background-image: url(https://es-dev.vrbet.com/_nuxt/img/button.1e27aca.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 6vw;
  width: 14vw;
  margin-bottom: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.arcticblue .action-wrapper__btn-spin span {
  font-size: 3vw;
  color: #fff;
  -webkit-text-stroke: 3px #fff;
}
@media screen and (max-width: 992px) {
  .arcticblue .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2.5px #fff;
    font-size: 6vw;
  }
}
@media screen and (max-width: 480px) {
  .arcticblue .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2px #fff;
    font-size: 8vw;
  }
}
@media screen and (max-width: 992px) {
  .arcticblue .action-wrapper__btn-spin {
    margin-top: 3vw;
    width: 26vw;
    height: 12vw;
  }
}
@media screen and (max-width: 480px) {
  .arcticblue .action-wrapper__btn-spin {
    width: 40vw;
    height: 18vw;
  }
}
.arcticblue .action-wrapper__btn-spin.disabledbtn {
  cursor: not-allowed;
  filter: grayscale(1);
}
.arcticblue .glass-panel {
  color: #fff;
  margin: 40px auto;
  background-color: hsla(0, 0%, 100%, 0.06);
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  width: 100%;
  border-radius: 15px;
  padding: 32px;
  backdrop-filter: blur(10px);
}
.arcticblue .glass-button {
  display: inline-block;
  padding: 15px 18px;
  text-decoration: none;
  border-radius: 15px;
  background-color: #4e4e4e;
  border: 1px solid #e14d50;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: #e14d50;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}
.arcticblue .glass-button:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.arcticblue .glass-panel {
  max-width: 600px;
}
.arcticblue #background-wrap {
  bottom: 0;
  left: 0;
  padding-top: 50px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.arcticblue .x1 {
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 35s linear infinite;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  transform: scale(0.65);
}
.arcticblue .x2 {
  -webkit-animation: animateCloud 20s linear infinite;
  -moz-animation: animateCloud 20s linear infinite;
  animation: animateCloud 20s linear infinite;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.arcticblue .x3 {
  -webkit-animation: animateCloud 30s linear infinite;
  -moz-animation: animateCloud 30s linear infinite;
  animation: animateCloud 30s linear infinite;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.arcticblue .x4 {
  -webkit-animation: animateCloud 18s linear infinite;
  -moz-animation: animateCloud 18s linear infinite;
  animation: animateCloud 18s linear infinite;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.arcticblue .x5 {
  -webkit-animation: animateCloud 25s linear infinite;
  -moz-animation: animateCloud 25s linear infinite;
  animation: animateCloud 25s linear infinite;
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  transform: scale(0.55);
}
.arcticblue .cloud {
  background: #272c41;
  background: -moz-linear-gradient(top, #272c41 5%, #f2f2f2 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, #272c41),
    color-stop(100%, #f2f2f2)
  );
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 8px 5px rgba(225, 77, 80, 0.1);
  -moz-box-shadow: 0 8px 5px rgba(225, 77, 80, 0.1);
  box-shadow: 0 8px 5px rgba(225, 77, 80, 0.1);
  height: 120px;
  position: relative;
  width: 350px;
}
.arcticblue .cloud:after,
.arcticblue .cloud:before {
  background: #272c41;
  content: "";
  position: absolute;
  z-index: -1;
}
.arcticblue .cloud:after {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  height: 100px;
  left: 50px;
  top: -50px;
  width: 100px;
}
.arcticblue .cloud:before {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  width: 180px;
  height: 180px;
  right: 50px;
  top: -90px;
}
.arcticblue .bg-share-facebook {
  background-color: #21273f !important;
  color: #fff !important;
}
.arcticblue .bg-game {
  background: linear-gradient(130deg, #31374d, #1e2236) padding-box,
    linear-gradient(180deg, #f6625d, #d24353) border-box !important;
  border-radius: 10px !important;
  border: 1px solid transparent;
  color: #d24353 !important;
}
.arcticblue .bg-game,
.arcticblue .bg-game-active {
  width: 80px;
  height: 67px;
  box-shadow: 0 0 9px -5px #0c0c0c;
}
.arcticblue .bg-game-active {
  background: linear-gradient(130deg, #f6625d, #d24353) padding-box;
  border-radius: 10px !important;
  color: #fff !important;
}
.arcticblue .bg-search-game {
  background-color: #21273f !important;
  border-radius: 10px !important;
  color: #bdbdbd !important;
  border: none !important;
}
.arcticblue .unactive-footer {
  color: #bdbdbd;
}
.arcticblue .btn-aff-share {
  background: linear-gradient(270deg, #f6625d, #d24353);
  border-radius: 10px;
  color: #fff;
  border-color: #d24353 !important;
  filter: drop-shadow(0 0 5px #d24353);
}
.arcticblue #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #21273f !important;
  background-clip: padding-box;
  border: 1px solid rgba(225, 77, 80, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.arcticblue .btn-change-language {
  background-color: #21273f !important;
  border: 1px solid #fff;
}
.arcticblue .card-money,
.arcticblue .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card-copy-light.73ed8f4.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.arcticblue .bg-iconuser {
  background: #fff;
  padding: 7px;
  border-radius: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #fff;
}
.arcticblue .content-lv {
  padding: 10px 0;
}
.arcticblue .border-bottom-aff {
  border-bottom: 1px solid #f6625d;
}
.arcticblue .body-content {
  background: #fff;
  width: 70%;
  border-bottom-right-radius: 20px;
  padding: 0 39px;
  overflow: auto;
  max-height: 300px;
  color: #e14d50;
}
@media (max-width: 479px) {
  .arcticblue .body-content {
    width: 75%;
    padding: 0 10px;
  }
}
.arcticblue .active2 {
  color: #232323 !important;
  background: #fff !important;
  border-bottom-left-radius: 0 !important;
}
.arcticblue .tab-item {
  padding: 15px !important;
  font-size: 14px !important;
}
.arcticblue .tab-history-class {
  border-radius: 20px;
  color: #fff;
  border: 1px solid #d24353;
}
.arcticblue .tab-item:last-child {
  border-bottom: 1px solid #c2c2c2;
  border-bottom-left-radius: 20px !important;
}
.arcticblue .tab-item,
.arcticblue .tab-item:last-child {
  cursor: pointer;
  color: #fff;
  background: linear-gradient(180deg, #f6625d 0, #d24353);
}
.arcticblue .tab-item {
  border-bottom: 1px solid #c2c2c2;
}
.arcticblue .header-aff {
  background: linear-gradient(180deg, #f6625d 0, #d24353);
  border-bottom: 1px solid #232323;
  border-radius: 20px 20px 0 0;
  color: #fff;
}
.arcticblue .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #c2c2c2;
  border-radius: 30rem !important;
}
.arcticblue .bg-aff-level {
  background: linear-gradient(#21273f, #21273f) padding-box,
    linear-gradient(90deg, #f6625d, #d24353, #f6625d) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.arcticblue .bg-aff-level .nunber-friend {
  background: #f6625d;
  border-radius: 10px;
  color: #fff;
}
.arcticblue .bg-aff-level .turn-other {
  background: #181b2c;
  border-radius: 10px;
}
.arcticblue .bg-aff-level .solid {
  border: 1px solid #f6625d;
  height: 40px;
}
.arcticblue .filters-content {
  background-color: #c2c2c2;
}
.arcticblue .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #21273f;
  color: #bdbdbd;
  padding: 5px;
}
.arcticblue .filters__button:hover {
  background-color: #21273f;
}
.arcticblue .filters-content {
  background-color: #21273f;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.arcticblue .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #171b2e;
  color: #bdbdbd;
  padding: 5px;
}
.arcticblue .filters__button2:hover {
  background-color: #171b2e;
}
.arcticblue .filters [data-content] {
  display: none;
}
.arcticblue [data-content].is-active[data-content] {
  display: grid;
}
.arcticblue [data-target].is-active {
  background: linear-gradient(180deg, #f6625d, #d24353);
  border-radius: 10px;
  color: #fff;
}
.arcticblue .condition-header {
  background: linear-gradient(
    109.63deg,
    #f6625d 3.68%,
    #e14d50 47.76%,
    #be2525 95.96%
  );
  border-radius: 5px;
  color: #fff;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.arcticblue .bg-wheel-condition {
  background: linear-gradient(#21273f, #21273f) padding-box,
    linear-gradient(109.63deg, #f6625d 3.68%, #e14d50 47.76%, #be2525 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.arcticblue .btn-up-slip {
  color: #f6625d;
  border: 2px solid #303857 !important;
  background: 0 0 !important;
}
.arcticblue .btn-no-received {
  background: #f6625d;
  border-color: #f6625d;
  color: #232323;
  border-radius: 10px;
}
.arcticblue .btn-no-received:hover {
  background-color: #f6625d !important;
  border-color: #f6625d !important;
  color: #232323;
  border-radius: 10px !important;
}
.arcticblue .card-points {
  background: linear-gradient(#21273f, #21273f) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.arcticblue .r-gold {
  background: linear-gradient(#21273f, #21273f) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.arcticblue .r-gold,
.arcticblue .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.arcticblue .r-silver {
  background: linear-gradient(#21273f, #21273f) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.arcticblue .r-copper {
  background: linear-gradient(#21273f, #21273f) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.arcticblue .cycle-gold {
  background: linear-gradient(#21273f, #21273f) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.arcticblue .cycle-gold,
.arcticblue .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.arcticblue .cycle-silver {
  background: linear-gradient(#21273f, #21273f) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
}
.arcticblue .cycle-copper {
  background: linear-gradient(#21273f, #21273f) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.arcticblue .btn-no-received:focus {
  background-color: #181b2c !important;
  border-color: #181b2c !important;
  border-radius: 10px !important;
}
.arcticblue .bg-pro {
  background: #181b2c;
  border-radius: 10px;
}
.arcticblue .filters-content-bg {
  background-color: #171b2e;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.arcticblue .is-unactive {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #171b2e;
  color: #7d7d7d;
  padding: 5px;
}
.arcticblue .fillter-icon {
  filter: invert(47%) sepia(59%) saturate(569%) hue-rotate(302deg)
    brightness(70%) contrast(102%);
  width: 30px;
}
.arcticblue .fillter-icon-active {
  filter: invert(100%) sepia(46%) saturate(632%) hue-rotate(177deg)
    brightness(100%) contrast(100%);
  width: 30px;
}
.arcticblue .card-decimal,
.arcticblue .card-transfer {
  background: #181b2c;
  box-shadow: 0 4px 10px rgba(23, 27, 46, 0.12);
  border-radius: 10px;
  color: #fff !important;
}
.arcticblue .bg-choose-team {
  background: hsla(0, 0%, 100%, 0.3);
  border-radius: 5px;
  color: #fff;
  padding: 2px;
  margin: 4px;
}
.arcticblue .bg-month {
  color: #7d7d7d;
}
.arcticblue .inactive {
  background: rgba(62, 62, 62, 0.7) !important;
}
.arcticblue input::placeholder {
  color: #bdbdbd;
}
.arcticblue .vue-pincode-input {
  max-width: none !important;
  outline: 0 !important;
  margin: 8px !important;
  padding: 5px !important;
  width: 50px !important;
  height: 50px !important;
  text-align: center !important;
  font-size: 1.5rem !important;
  border: none !important;
  border-radius: 100px !important;
  box-shadow: 0 0.3rem 8rem rgba(0, 0, 0, 0.1) !important;
  background: #181b2c;
}
.arcticblue .alert-secondary {
  color: #fff;
  background-color: #181b2c;
  border-color: #181b2c;
}
.arcticblue .bagfree {
  position: absolute;
  top: 5px;
  right: 6px;
}
.arcticblue .bagfree2 {
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 35px;
}
.arcticblue .bg-month {
  background: #181b2c;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #fff;
}
.arcticblue .bg-month-active {
  background: linear-gradient(#181b2c, #181b2c) padding-box,
    linear-gradient(90deg, #f6625d, #d24353) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #fff;
  border: 1px solid transparent;
}
.arcticblue .hexagon {
  position: relative;
  width: 55px;
  height: 28.7px;
  margin: 35.15px 0;
  border-left: 3.1421px solid #fff;
  border-right: 3.1421px solid #fff;
}
.arcticblue .hexagon:after,
.arcticblue .hexagon:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 38.35px;
  height: 38.35px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 5.8249px;
}
.arcticblue .hexagon:before {
  top: -19.1751px;
  border-top: 3.1421px solid #fff;
  border-right: 3.1421px solid #fff;
}
.arcticblue .hexagon:after {
  bottom: -19.1751px;
  border-bottom: 3.1421px solid #fff;
  border-left: 3.1421px solid #fff;
}
.arcticblue *,
.arcticblue :after,
.arcticblue :before {
  box-sizing: border-box;
}
.arcticblue .btn.focus {
  box-shadow: 0 0 0 0.2rem rgba(33, 39, 63, 0.25) !important;
}
.arcticblue .arry-input {
  height: calc(1.5em + 5rem + 10px) !important;
  border-radius: 10px !important;
  color: #fff !important;
}
.arcticblue .show-footer {
  display: none;
  position: absolute;
  top: -46px;
}
.arcticblue #modalQuestionnaire .modal-content {
  background-color: #21273f !important;
}
.arcticblue .bg-input-modal {
  background-color: #191b2c !important;
}
.pearlpeach .bg-header,
.pearlpeach body {
  background: #f4f4f4;
}
.pearlpeach .shadow-today {
  box-shadow: 0 0 15px #e14d50;
}
.pearlpeach .bd-daily-fix {
  border-color: #e04c4f !important;
  background: #f4f4f4 !important;
}
.pearlpeach .text-deposited-daily-fix {
  color: #bdbdbd;
}
.pearlpeach .bg-table-daily-fix {
  background: #c2c2c2 !important;
  color: #535867 !important;
}
.pearlpeach .text-daily-fix {
  color: #535867 !important;
}
.pearlpeach .text-credit-daily {
  background: linear-gradient(180deg, #fff 0, #fff) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.pearlpeach .text-color {
  color: #535867 !important;
}
.pearlpeach .text-template {
  color: #e14d50;
}
.pearlpeach .text-orange {
  color: #e14d50 !important;
}
.pearlpeach .text-theme {
  color: #fff;
}
.pearlpeach .text-spcial {
  background: linear-gradient(180deg, #f6625d 0, #d24353);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pearlpeach .text-linear,
.pearlpeach .text-linear-footer {
  background: linear-gradient(180deg, #e14d50 0, #ec5f5b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pearlpeach .text-see-history {
  color: #a9acb3;
}
.pearlpeach .text-head-hisotry {
  color: #535867;
}
.pearlpeach .text-tranfer {
  background: linear-gradient(180deg, #e14d50 0, #e14d50);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pearlpeach .text-color-icon {
  background: linear-gradient(180deg, #e14d50, #e14d50);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pearlpeach .text-credit {
  background: #e14d50;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pearlpeach .text-color-cs {
  color: #535867 !important;
}
.pearlpeach .bg-credit {
  background: linear-gradient(#fff, #fff);
  border-radius: 10px;
  border: 3px solid transparent;
}
.pearlpeach .bg-ball-choose-team {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #e14d50, #ec5f5b) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.pearlpeach .bg-wallet {
  background: #fff;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
}
.pearlpeach .bg-credit-free {
  background: linear-gradient(180deg, #e14d50, #ec5f5b);
  border-radius: 0 0 10px 10px;
  color: #fff !important;
}
.pearlpeach .recevied-com {
  background: #fff;
  border-radius: 10px;
  border: 2px solid #ec5f5b;
  color: #ec5f5b;
}
.pearlpeach .bg-card-commission {
  background: #fff;
}
.pearlpeach .bg-turn {
  color: #535867;
  background: #fff;
  border-radius: 10px;
}
.pearlpeach .bg-icon-index {
  background: #fff !important;
  border-radius: 10px !important;
}
.pearlpeach .bg-con-turn {
  background: #f2f2f2 !important;
}
.pearlpeach .color-toogle {
  background: linear-gradient(180deg, #5cc875 0, #5cc875);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pearlpeach .tab-content > .active {
  display: block;
  background: #fff !important;
}
.pearlpeach .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #e14d50, #e14d50) !important;
  color: #fff !important;
}
.pearlpeach .active-bg {
  background: linear-gradient(180deg, #f6625d, #d24353) !important;
  color: #535867 !important;
}
.pearlpeach .tab-box {
  background-color: #fff;
  color: #bdbdbd;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.pearlpeach .nav-tabs {
  border-bottom: 2px solid #2c3249 !important;
}
.pearlpeach .nav-tabs .nav-link {
  border: 0 !important;
  background: #fff !important;
  color: #bdbdbd !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.pearlpeach .boder-right {
  height: 50px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.2509803922);
}
.pearlpeach .btn-copy-bank {
  background: #fff;
  border-radius: 10px;
  color: #535867;
  width: max-content;
  border-color: #fff;
  box-shadow: 0 4px 4px rgba(225, 77, 80, 0.16);
}
.pearlpeach .btn-money {
  border-color: #e14d50;
  border-radius: 10px;
  background: hsla(0, 0%, 100%, 0.2);
  color: #e14d50;
}
.pearlpeach .active-btn-amount {
  background: linear-gradient(180deg, #e14d50, #ec5f5b) !important;
  color: #fff !important;
  font-weight: 900;
}
.pearlpeach .btn-topup-promptpay {
  border-color: #e14d50;
  border-radius: 10px;
  background: linear-gradient(180deg, #e14d50, #ec5f5b) !important;
  color: #fff;
}
.pearlpeach .boder-color {
  border-color: #232323 !important;
}
.pearlpeach .is-active-register {
  background: #e14d50 !important;
  border: 1px solid #e04c4f !important;
}
.pearlpeach .b-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin: 0;
  outline: 0;
  transform: translateX(0);
  background: linear-gradient(0.483turn, #ff7d78 4.17%, #991b29) !important;
}
.pearlpeach .bg-info {
  color: #535867;
  background: #f2f2f2 !important;
  padding: 5px;
  border-radius: 10px;
}
.pearlpeach .btn-change {
  background: #fff;
  box-shadow: 0 4px 10px hsla(0, 0%, 100%, 0.12);
  border-radius: 10px;
}
.pearlpeach .card-pro {
  background: #f2f2f2;
  border-radius: 10px;
  color: #535867 !important;
  font-weight: 400 !important;
  height: 13em;
}
.pearlpeach .bg-lock {
  background: #e14d50;
  padding: 8px;
  border-radius: 18px;
  width: 40px;
  color: #fff;
}
.pearlpeach .bg-login {
  background: linear-gradient(0deg, #e14d50 0, #fff);
  min-height: 100vh;
  height: 100%;
  width: 100%;
}
.pearlpeach .btn-cancel {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #f6625d, #e14d50) border-box;
  border-radius: 10px;
  color: #ec5f5b !important;
  border: 1px solid #ec5f5b;
}
.pearlpeach .btn-cancel:hover {
  border-radius: 10px;
  color: #000 !important;
  border: 1px solid #000 !important;
}
.pearlpeach .btn-theme-one {
  background: #ec5f5b;
  border-color: #fff !important;
  color: #fff;
  border-radius: 10px !important;
}
.pearlpeach .btn-theme-two {
  background: linear-gradient(180deg, #f6625d, #e14d50);
  border-radius: 10px;
  color: #fff;
  border-color: #e14d50 !important;
}
.pearlpeach .btn-login {
  background: #ec5f5b;
  border-radius: 5px;
  color: #fff;
  border-color: #ec5f5b !important;
}
.pearlpeach .btn-theme-seemore {
  background: linear-gradient(#f6625d, #d24353) padding-box,
    linear-gradient(180deg, #e14d50, #e14d50) border-box !important;
  border: 0.5px solid transparent;
  border-radius: 10px;
  color: #fff !important;
}
.pearlpeach .btn-copy {
  background: linear-gradient(180deg, #e14d50, #ec5f5b) !important;
  border-radius: 0 10px 10px 0 !important;
  color: #fff !important;
  border: none;
}
.pearlpeach .card {
  background: #fff !important;
  color: #535867 !important;
  filter: drop-shadow(0 0 1px #989898);
}
.pearlpeach .bg-input-theme {
  background-color: #f2f2f2 !important;
  color: #535867 !important;
}
.pearlpeach .border-theme {
  border-radius: 15px !important;
}
.pearlpeach .icon-activity {
  filter: invert(0);
  width: 20px;
}
.pearlpeach .bg-table {
  background-color: #fff;
  border-radius: 10px;
  border: 0 solid #fff !important;
}
.pearlpeach .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #e14d50 !important;
  border-top: 0 solid #e14d50 !important;
  padding: 4px 12px;
  background: #e14d50;
  color: #fff !important;
}
.pearlpeach .table td {
  vertical-align: top;
  border-top: 0 solid #a9acb3 !important;
  color: #a9acb3 !important;
}
.pearlpeach .Daily__item__box {
  position: relative;
  height: 75px;
  background: #fff;
  border-radius: 10px;
  border: 2px solid #a9acb3;
}
.pearlpeach .Daily__item__box.active {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #e14d50, #ec5f5b) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.pearlpeach .Daily__item__box.active-today {
  background: linear-gradient(180deg, #e14d50, #ec5f5b);
  border: none !important;
  color: #fff;
}
.pearlpeach .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 10px;
}
.pearlpeach .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.pearlpeach .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.pearlpeach .text-daily {
  color: #535867;
}
.pearlpeach .btn-reward {
  width: 85%;
  border-radius: 10px;
  border: 2px solid #a9acb3;
  cursor: pointer;
}
.pearlpeach .bg-btn-point {
  background: #c2c2c2;
  border-radius: 20px;
  margin: 4px;
}
.pearlpeach .bg-chosses {
  background-color: #fff;
  border-radius: 15px;
  filter: drop-shadow(0 1px 1px #989898);
  color: #535867;
}
.pearlpeach .bg-hover:hover,
.pearlpeach .btn-hover:focus {
  background-color: #e14d50;
}
.pearlpeach .showSlide {
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 80%;
  display: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.pearlpeach #modal-suscess-complain .modal-content,
.pearlpeach .showSlide {
  background-color: #fff !important;
}
.pearlpeach .from-complain {
  display: block;
  width: 100%;
  height: calc(1.5em + 5rem + 10px) !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  background-color: #f2f2f2 !important;
  background-clip: padding-box;
  border: 1px solid #f2f2f2 !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.pearlpeach .btn-withdraw {
  background: linear-gradient(180deg, #e14d50, #ec5f5b);
  box-shadow: 0 4px 4px rgba(225, 77, 80, 0.16);
  border-radius: 10px;
  color: #fff;
  border-color: #ec5f5b !important;
}
.pearlpeach .cover-withdraw {
  background: #fff;
  border-radius: 0 0 10px 10px;
}
.pearlpeach .hd-withdraw {
  background: #e14d50;
  border-radius: 10px 10px 0 0;
  color: #fff;
  padding: 10px;
  font-size: 18px;
}
.pearlpeach .card-withdraw {
  background: #f2f2f2 !important;
  color: #535867 !important;
  border-radius: 5px;
}
.pearlpeach .page-item.active .page-link {
  z-index: 3;
  color: #fff !important;
  background-color: #e14d50 !important;
  border-color: #e14d50 !important;
}
.pearlpeach .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #535867 !important;
  background-color: #fff !important;
  border: 1px solid #fff !important;
}
.pearlpeach .custom-control-input:checked ~ .custom-control-label:before {
  color: #535867 !important;
  border-color: #535867 !important;
  background-color: #e14d50 !important;
}
.pearlpeach .boxcredit {
  background: rgba(34, 32, 32, 0.6);
  width: 55%;
}
.pearlpeach .border-color {
  border: 2px solid #e14d50;
  border-radius: 10px;
}
.pearlpeach .btn-box {
  background-image: linear-gradient(315deg, #e14d50, #e14d50 74%);
  border-radius: 5px 25px;
  filter: drop-shadow(1px 2px 4px #d24353);
  border-color: #e14d50 !important;
}
.pearlpeach .breadcrumb {
  background-color: #f4f4f4 !important;
}
.pearlpeach .breadcrumb-item.active {
  color: #e14d50 !important;
}
.pearlpeach .breadcrumb-item {
  color: #535867 !important;
}
.pearlpeach .swal2-popup {
  background: #fff !important;
}
.pearlpeach .swal2-content,
.pearlpeach .swal2-title {
  color: #535867 !important;
}
.pearlpeach .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #e14d50, #ec5f5b) !important;
  border-radius: 10px !important;
  border-color: #535867 !important;
  color: #535867 !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.pearlpeach .bg-body-modal {
  background: linear-gradient(180deg, #e14d50, #ec5f5b);
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #ec5f5b !important;
  color: #fff;
}
.pearlpeach .modal-content {
  border-radius: 1rem !important;
}
.pearlpeach .bg-body,
.pearlpeach .bg-body-promotion {
  background: #fff !important;
}
.pearlpeach .bg-footer {
  border-top: 1px solid #fff !important;
  border-bottom-right-radius: calc(1rem - 1px) !important;
  border-bottom-left-radius: calc(1rem - 1px) !important;
  background-color: #fff !important;
}
.pearlpeach #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.pearlpeach #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(225, 77, 80, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.pearlpeach #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #fff !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.pearlpeach #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.pearlpeach #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(225, 77, 80, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.pearlpeach #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #fff !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.pearlpeach #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.pearlpeach #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(225, 77, 80, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.pearlpeach .card-bank {
  background: #f2f2f2;
  border-radius: 7px;
  color: #535867 !important;
}
.pearlpeach .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid rgba(225, 77, 80, 0.125);
}
.pearlpeach .swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid;
  border-radius: 50%;
}
.pearlpeach .swal2-icon.swal2-success [class^="swal2-success-line"] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
}
.pearlpeach .form-control {
  display: block;
  padding: 0.375rem 0.75rem;
  background-color: #f2f2f2;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.pearlpeach .custom-select,
.pearlpeach .form-control {
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #535867 !important;
  border: 1px solid #f2f2f2 !important;
  border-radius: 0.25rem;
}
.pearlpeach .custom-select {
  display: inline-block;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  vertical-align: middle;
  background-color: #f2f2f2 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(/_nuxt/img/sort-arrows.4ef9d5b.png) right 0.75rem
    center/8px 10px no-repeat;
}
.pearlpeach .multiselect__tags {
  min-height: 40px;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  font-size: 14px;
}
.pearlpeach .multiselect__content-wrapper,
.pearlpeach .multiselect__tags {
  display: block;
  border: 1px solid #f2f2f2 !important;
  background: #fff !important;
  color: #535867 !important;
}
.pearlpeach .multiselect__content-wrapper {
  position: absolute;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.pearlpeach .multiselect__input,
.pearlpeach .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #fff !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
  color: #535867;
}
.pearlpeach .multiselect__option--highlight {
  background: #fff !important;
  outline: none;
  color: #535867 !important;
}
.pearlpeach #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(225, 77, 80, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.pearlpeach .border-banner {
  border: 2px solid #e14d50;
  border-radius: 10px;
}
.pearlpeach .btn-secondary:hover {
  color: #535867;
  background-color: #e14d50 !important;
  border-color: none !important;
}
.pearlpeach .btn-secondary.focus,
.pearlpeach .btn-secondary:focus {
  color: #535867;
  background-color: #e14d50 !important;
  border-color: #e14d50 !important;
}
.pearlpeach .bg-choose {
  background: #fff !important;
  color: #535867;
}
.pearlpeach .btn-join-activity {
  background: linear-gradient(180deg, #f6625d, #e14d50);
  border-radius: 0 0 10px 10px;
  color: #fff;
  border-color: #f4f4f4 !important;
}
.pearlpeach .bg-input {
  background: #fff !important;
  border-radius: 10px;
  color: #535867 !important;
  border: none !important;
}
.pearlpeach .bg-condition {
  background: #fff !important;
  color: #535867;
}
.pearlpeach .header-login {
  padding: 0 !important;
  overflow: hidden !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5019607843);
  border: 0 solid rgba(225, 77, 80, 0.125);
}
.pearlpeach .footer-wrapper1 {
  height: auto;
}
.pearlpeach .footer-wrapper,
.pearlpeach .footer-wrapper1 {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.pearlpeach .footer-wrapper {
  height: 58px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: #fff;
  box-shadow: 0 0 20px hsla(0, 0%, 100%, 0.5);
  z-index: 2;
}
.pearlpeach .footer-wrapper .play-game {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 15px;
  text-align: center;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #f6625d, #e14d50);
  box-shadow: 0 4px 6px rgba(225, 77, 80, 0.25);
}
.pearlpeach .footer-wrapper .play-game .play-game-box {
  display: table-cell;
  transform: rotate(316deg);
  vertical-align: middle;
}
.pearlpeach .footer-wrapper .play-game .item-count {
  width: 30px;
  filter: invert(0);
}
.pearlpeach .footer-wrapper .play-game-5 {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 30px;
  text-align: center;
  background: linear-gradient(180deg, #f6625d, #e14d50);
  box-shadow: 0 4px 6px rgba(225, 77, 80, 0.25);
}
.pearlpeach .footer-wrapper .play-game-5 .play-game-box-5 {
  display: table-cell;
  vertical-align: middle;
}
.pearlpeach .footer-wrapper .play-game-5 .item-count {
  width: 34px;
  filter: invert(0);
}
.pearlpeach a {
  color: #535867 !important;
}
.pearlpeach a:hover {
  color: --blue;
  text-decoration: none !important;
}
.pearlpeach .bg-table-aff {
  background-color: #fff !important;
  border: 0 solid #fff !important;
}
.pearlpeach .border-left {
  border-left: 3px solid #535867 !important;
}
.pearlpeach .border-solid {
  border: 1px solid #e14d50;
}
.pearlpeach .bg-from-aff {
  display: inline-block;
  width: 50% !important;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #535867 !important;
  vertical-align: middle;
  background-color: #fff !important;
  border: 1px solid #fff !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.pearlpeach .bg-in-aff {
  background: #f2f2f2;
  border-radius: 5px;
  color: #e14d50;
  padding: 5px;
}
.pearlpeach .icon-aff {
  position: absolute;
  top: 92px;
  left: 0;
  right: 0;
  color: #535867;
}
.pearlpeach .btn-comein {
  position: absolute;
  bottom: -17%;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.pearlpeach .bg-search {
  background-color: #fff !important;
}
.pearlpeach .bg-from,
.pearlpeach .bg-search {
  border: 1px solid #535867 !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: #535867 !important;
}
.pearlpeach .bg-from {
  background-color: #fff !important;
  background: #464646 url(/_nuxt/img/dropdown.2ae9015.png) no-repeat right
    0.75rem center/10px 8px;
}
.pearlpeach .search {
  position: absolute;
  right: 24px;
  color: #a9acb3;
}
.pearlpeach .card-point {
  background: #f2f2f2 !important;
  filter: drop-shadow(0 0 0 #f2f2f2) !important;
  color: #535867 !important;
  border-radius: 10px;
}
.pearlpeach .bg-point {
  background: #e14d50;
  border-radius: 20px;
  margin: 4px;
  color: #535867;
}
.pearlpeach .bg-card-his {
  background: #f2f2f2 !important;
  color: #535867 !important;
}
.pearlpeach .card-nodata {
  background: #f2f2f2;
  color: #535867;
  padding: 80px;
  border-radius: 10px;
}
.pearlpeach .action-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2%;
}
.pearlpeach .action-wrapper__btn-spin {
  background-image: url(https://es-dev.vrbet.com/_nuxt/img/button.1e27aca.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 6vw;
  width: 14vw;
  margin-bottom: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pearlpeach .action-wrapper__btn-spin span {
  font-size: 3vw;
  color: #535867;
  -webkit-text-stroke: 3px #535867;
}
@media screen and (max-width: 992px) {
  .pearlpeach .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2.5px #535867;
    font-size: 6vw;
  }
}
@media screen and (max-width: 480px) {
  .pearlpeach .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2px #535867;
    font-size: 8vw;
  }
}
@media screen and (max-width: 992px) {
  .pearlpeach .action-wrapper__btn-spin {
    margin-top: 3vw;
    width: 26vw;
    height: 12vw;
  }
}
@media screen and (max-width: 480px) {
  .pearlpeach .action-wrapper__btn-spin {
    width: 40vw;
    height: 18vw;
  }
}
.pearlpeach .action-wrapper__btn-spin.disabledbtn {
  cursor: not-allowed;
  filter: grayscale(1);
}
.pearlpeach .glass-panel {
  color: #535867;
  margin: 40px auto;
  background-color: rgba(83, 88, 103, 0.06);
  border: 1px solid rgba(83, 88, 103, 0.1);
  width: 100%;
  border-radius: 15px;
  padding: 32px;
  backdrop-filter: blur(10px);
}
.pearlpeach .glass-button {
  display: inline-block;
  padding: 15px 18px;
  text-decoration: none;
  border-radius: 15px;
  background-color: #4e4e4e;
  border: 1px solid #e14d50;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: #e14d50;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}
.pearlpeach .glass-button:hover {
  background-color: rgba(83, 88, 103, 0.2);
}
.pearlpeach .glass-panel {
  max-width: 600px;
}
.pearlpeach #background-wrap {
  bottom: 0;
  left: 0;
  padding-top: 50px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.pearlpeach .x1 {
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 35s linear infinite;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  transform: scale(0.65);
}
.pearlpeach .x2 {
  -webkit-animation: animateCloud 20s linear infinite;
  -moz-animation: animateCloud 20s linear infinite;
  animation: animateCloud 20s linear infinite;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.pearlpeach .x3 {
  -webkit-animation: animateCloud 30s linear infinite;
  -moz-animation: animateCloud 30s linear infinite;
  animation: animateCloud 30s linear infinite;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.pearlpeach .x4 {
  -webkit-animation: animateCloud 18s linear infinite;
  -moz-animation: animateCloud 18s linear infinite;
  animation: animateCloud 18s linear infinite;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.pearlpeach .x5 {
  -webkit-animation: animateCloud 25s linear infinite;
  -moz-animation: animateCloud 25s linear infinite;
  animation: animateCloud 25s linear infinite;
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  transform: scale(0.55);
}
.pearlpeach .cloud {
  background: #fff;
  background: -moz-linear-gradient(top, #fff 5%, #f2f2f2 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, #fff),
    color-stop(100%, #f2f2f2)
  );
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 8px 5px rgba(225, 77, 80, 0.1);
  -moz-box-shadow: 0 8px 5px rgba(225, 77, 80, 0.1);
  box-shadow: 0 8px 5px rgba(225, 77, 80, 0.1);
  height: 120px;
  position: relative;
  width: 350px;
}
.pearlpeach .cloud:after,
.pearlpeach .cloud:before {
  background: #fff;
  content: "";
  position: absolute;
  z-index: -1;
}
.pearlpeach .cloud:after {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  height: 100px;
  left: 50px;
  top: -50px;
  width: 100px;
}
.pearlpeach .cloud:before {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  width: 180px;
  height: 180px;
  right: 50px;
  top: -90px;
}
.pearlpeach .bg-share-facebook {
  background-color: #fff !important;
  color: #535867 !important;
}
.pearlpeach .bg-game {
  background: linear-gradient(130deg, #fff, #fff) padding-box !important;
  border-radius: 10px !important;
  border: 1px solid transparent;
  color: #ec5f5b !important;
}
.pearlpeach .bg-game,
.pearlpeach .bg-game-active {
  width: 80px;
  height: 67px;
  box-shadow: 0 0 9px -5px #0c0c0c;
}
.pearlpeach .bg-game-active {
  background: linear-gradient(130deg, #f6625d, #d24353) padding-box;
  border-radius: 10px !important;
  color: #fff !important;
}
.pearlpeach .bg-search-game {
  background-color: #fff !important;
  border-radius: 10px !important;
  color: #a9acb3 !important;
  border: none !important;
}
.pearlpeach .unactive-footer {
  color: #535867;
}
.pearlpeach .btn-aff-share {
  background: linear-gradient(270deg, #e14d50, #ec5f5b);
  border-radius: 10px;
  color: #535867;
  border-color: #ec5f5b !important;
  filter: drop-shadow(0 0 5px #ec5f5b);
}
.pearlpeach #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(225, 77, 80, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.pearlpeach .btn-change-language {
  background-color: #fff !important;
  border: 1px solid #e14d50;
}
.pearlpeach .card-money,
.pearlpeach .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card-copy-light.73ed8f4.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.pearlpeach .bg-iconuser {
  background: #535867;
  padding: 7px;
  border-radius: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #535867;
}
.pearlpeach .content-lv {
  padding: 10px 0;
}
.pearlpeach .border-bottom-aff {
  border-bottom: 1px solid #e14d50;
}
.pearlpeach .body-content {
  background: #fff;
  width: 70%;
  border-bottom-right-radius: 20px;
  padding: 0 39px;
  overflow: auto;
  max-height: 300px;
  color: #e14d50;
}
@media (max-width: 479px) {
  .pearlpeach .body-content {
    width: 75%;
    padding: 0 10px;
  }
}
.pearlpeach .active2 {
  color: #535867 !important;
  background: #fff !important;
  border-bottom-left-radius: 0 !important;
}
.pearlpeach .tab-item {
  padding: 15px !important;
  font-size: 14px !important;
}
.pearlpeach .tab-history-class {
  border-radius: 20px;
  color: #535867;
  border: 1px solid #ec5f5b;
}
.pearlpeach .tab-item:last-child {
  border-bottom: 1px solid #c2c2c2;
  border-bottom-left-radius: 20px !important;
}
.pearlpeach .tab-item,
.pearlpeach .tab-item:last-child {
  cursor: pointer;
  color: #fff;
  background: linear-gradient(180deg, #e14d50 0, #ec5f5b);
}
.pearlpeach .tab-item {
  border-bottom: 1px solid #c2c2c2;
}
.pearlpeach .header-aff {
  background: linear-gradient(180deg, #e14d50 0, #ec5f5b);
  border-bottom: 1px solid #232323;
  border-radius: 20px 20px 0 0;
  color: #fff;
}
.pearlpeach .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #c2c2c2;
  border-radius: 30rem !important;
}
.pearlpeach .bg-aff-level {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #e14d50, #ec5f5b, #e14d50) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.pearlpeach .bg-aff-level .nunber-friend {
  background: #f6625d;
  border-radius: 10px;
  color: #fff;
}
.pearlpeach .bg-aff-level .turn-other {
  background: #f2f2f2;
  border-radius: 10px;
}
.pearlpeach .bg-aff-level .solid {
  border: 1px solid #f6625d;
  height: 40px;
}
.pearlpeach .filters-content {
  background-color: #c2c2c2;
}
.pearlpeach .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #fff;
  color: #bdbdbd;
  padding: 5px;
}
.pearlpeach .filters__button:hover {
  background-color: #fff;
}
.pearlpeach .filters-content {
  background-color: #fff;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.pearlpeach .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #f2f2f2;
  color: #bdbdbd;
  padding: 5px;
}
.pearlpeach .filters__button2:hover {
  background-color: #f2f2f2;
}
.pearlpeach .filters [data-content] {
  display: none;
}
.pearlpeach [data-content].is-active[data-content] {
  display: grid;
}
.pearlpeach [data-target].is-active {
  background: linear-gradient(180deg, #f6625d, #d24353);
  border-radius: 10px;
  color: #fff;
}
.pearlpeach .condition-header {
  background: linear-gradient(
    109.63deg,
    #f6625d 3.68%,
    #e14d50 47.76%,
    #be2525 95.96%
  );
  border-radius: 5px;
  color: #fff;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.pearlpeach .bg-wheel-condition {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(109.63deg, #f6625d 3.68%, #e14d50 47.76%, #be2525 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.pearlpeach .btn-up-slip {
  color: #e14d50;
  border: 2px solid #e14d50 !important;
  background: 0 0 !important;
}
.pearlpeach .btn-no-received {
  background: #f6625d;
  border-color: #f6625d;
  color: #fff;
  border-radius: 10px;
}
.pearlpeach .btn-no-received:hover {
  background-color: #f6625d !important;
  border-color: #f6625d !important;
  color: #fff;
  border-radius: 10px !important;
}
.pearlpeach .card-points {
  background: linear-gradient(#fff, #fff) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.pearlpeach .r-gold {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.pearlpeach .r-gold,
.pearlpeach .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.pearlpeach .r-silver {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.pearlpeach .r-copper {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.pearlpeach .cycle-gold {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.pearlpeach .cycle-gold,
.pearlpeach .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.pearlpeach .cycle-silver {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
}
.pearlpeach .cycle-copper {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.pearlpeach .btn-no-received:focus {
  background-color: #f2f2f2 !important;
  border-color: #f2f2f2 !important;
  border-radius: 10px !important;
}
.pearlpeach .bg-pro {
  background: #f2f2f2;
  border-radius: 10px;
}
.pearlpeach .filters-content-bg {
  background-color: #f2f2f2;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.pearlpeach .is-unactive {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #f2f2f2;
  color: #7d7d7d;
  padding: 5px;
}
.pearlpeach .fillter-icon {
  filter: invert(47%) sepia(59%) saturate(569%) hue-rotate(302deg)
    brightness(84%) contrast(102%);
  width: 30px;
}
.pearlpeach .fillter-icon-active {
  filter: invert(100%) sepia(46%) saturate(632%) hue-rotate(177deg)
    brightness(100%) contrast(100%);
  width: 30px;
}
.pearlpeach .card-decimal,
.pearlpeach .card-transfer {
  background: #f2f2f2;
  box-shadow: 0 4px 10px hsla(0, 0%, 95.7%, 0.12);
  border-radius: 10px;
  color: #535867 !important;
}
.pearlpeach .bg-choose-team {
  background: rgba(83, 88, 103, 0.3);
  border-radius: 5px;
  color: #535867;
  padding: 2px;
  margin: 4px;
}
.pearlpeach .bg-month {
  color: #7d7d7d;
}
.pearlpeach .inactive {
  background: rgba(169, 172, 179, 0.7) !important;
}
.pearlpeach input::placeholder {
  color: #a9acb3;
}
.pearlpeach .vue-pincode-input {
  max-width: none !important;
  outline: 0 !important;
  margin: 8px !important;
  padding: 5px !important;
  width: 50px !important;
  height: 50px !important;
  text-align: center !important;
  font-size: 1.5rem !important;
  border: none !important;
  border-radius: 100px !important;
  box-shadow: 0 0.3rem 8rem rgba(0, 0, 0, 0.1) !important;
  background: #f2f2f2;
}
.pearlpeach .alert-secondary {
  color: #535867;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}
.pearlpeach .bagfree {
  position: absolute;
  top: 5px;
  right: 6px;
}
.pearlpeach .bagfree2 {
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 35px;
}
.pearlpeach .bg-month {
  background: #f2f2f2;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #535867;
}
.pearlpeach .bg-month-active {
  background: linear-gradient(#f2f2f2, #f2f2f2) padding-box,
    linear-gradient(90deg, #e14d50, #ec5f5b) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #535867;
  border: 1px solid transparent;
}
.pearlpeach .hexagon {
  position: relative;
  width: 55px;
  height: 28.7px;
  margin: 35.15px 0;
  border-left: 3.1421px solid #535867;
  border-right: 3.1421px solid #535867;
}
.pearlpeach .hexagon:after,
.pearlpeach .hexagon:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 38.35px;
  height: 38.35px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 5.8249px;
}
.pearlpeach .hexagon:before {
  top: -19.1751px;
  border-top: 3.1421px solid #535867;
  border-right: 3.1421px solid #535867;
}
.pearlpeach .hexagon:after {
  bottom: -19.1751px;
  border-bottom: 3.1421px solid #535867;
  border-left: 3.1421px solid #535867;
}
.pearlpeach *,
.pearlpeach :after,
.pearlpeach :before {
  box-sizing: border-box;
}
.pearlpeach .btn.focus {
  box-shadow: 0 0 0 0.2rem hsla(0, 0%, 100%, 0.25) !important;
}
.pearlpeach .arry-input {
  height: calc(1.5em + 5rem + 10px) !important;
  border-radius: 10px !important;
  color: #535867 !important;
}
.pearlpeach .show-footer {
  display: none;
  position: absolute;
  top: -46px;
}
.darkmode .bg-login {
  min-height: 100vh;
  height: 100%;
  width: 100%;
}
.darkmode .breadcrumb {
  background-color: #020f1f;
}

.darkmode input::placeholder {
  color: #bdbdbd !important;
}
.darkmode .btn-register-new {
  background: transparent;
  color: #fff;
  border-color: #fff !important;
}
.darkmode .btn-line,
.darkmode .btn-register-new {
  border-radius: 20px !important;
  height: calc(1.5em + 0.75rem + 5px);
}
.darkmode .btn-line {
  background: linear-gradient(180deg, #00d814, #00aa10);
  color: #fff !important;
  border-color: #02c114 !important;
}
.darkmode #button-target {
  background: #172231;
  border-radius: 20px;
  border: 1px solid transparent !important;
}
.darkmode #modal-change-language .modal-content {
  background-color: #172231 !important;
}
.darkmode .btn-change-language {
  background-color: #020f1f !important;
  border: 1px solid #17a3ff;
  border-radius: 20px !important;
}
.darkmode .btn-theme-one {
  border-radius: 20px !important;
  height: calc(1.5em + 0.75rem + 5px);
}
.darkmode .btn-cancel {
  background: hsla(0, 0%, 100%, 0.1) !important;
  border: 1px solid #fff !important;
  border-radius: 20px !important;
  color: #fff !important;
  height: calc(1.5em + 0.75rem + 5px);
}
.darkmode .btn-cancel:hover {
  border-radius: 10px;
  color: #000 !important;
  border: 1px solid #000 !important;
  height: calc(1.5em + 0.75rem + 5px);
}
.darkmode .swal2-popup {
  background: #172231;
}
.darkmode .swal2-content,
.darkmode .swal2-title {
  color: #fff !important;
}
.darkmode .is-active-register-check {
  background: #379000 !important;
  border: 1px solid #379000 !important;
}
.darkmode .is-active-register {
  background: #ffd15c !important;
  border: 1px solid #ffd15c !important;
}
.darkmode .custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 12px) !important;
  vertical-align: middle;
  background-color: #172231;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(/_nuxt/img/sort-arrows.4ef9d5b.png) right 0.75rem
    center/8px 10px no-repeat;
}
.darkmode .custom-select,
.darkmode .multiselect__tags {
  color: #fff !important;
  border: 1px solid #172231;
  border-radius: 20px !important;
}
.darkmode .multiselect__tags {
  min-height: 40px;
  display: block;
  padding: 8px 40px 0 8px;
  background: #172231;
  font-size: 14px;
  height: calc(1.5em + 0.75rem + 12px);
}
.darkmode .multiselect__content-wrapper {
  position: absolute;
  display: block;
  background: #172231;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border-top: none;
  color: #fff !important;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.darkmode .multiselect__input,
.darkmode .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #172231;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
  color: #fff;
}
.darkmode .multiselect__option--highlight {
  background: #172231;
  outline: none;
  color: #fff !important;
}
.darkmode #modalQuestionnaire .modal-content {
  background-color: #172231;
}
.darkmode .bg-input-modal {
  background-color: #020f1f;
}
.darkmode .btn-login,
.darkmode .btn-theme-two {
  border-radius: 20px !important;
  height: calc(1.5em + 0.75rem + 5px);
}
.darkmode .card-point {
  background: #172231;
}
.darkmode .btn-copy {
  height: calc(1.5em + 0.75rem + 12px);
}
.darkmode .btn-topup-promptpay {
  border-radius: 20px !important;
}
.darkmode .text-quest {
  color: #fff;
}
.darkmode .steps-number {
  color: #232325 !important;
}
.darkmode .text-current {
  color: #ffd15c !important;
}
.darkmode .text-un-current {
  color: #8e8e8e !important;
}
.darkmode .steps-number-correct {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #c4c4c4;
  color: #fff !important;
}
.darkmode .vue-pincode-input {
  max-width: none !important;
  outline: 0 !important;
  margin: 6px !important;
  padding: 5px !important;
  width: 50px !important;
  height: 50px !important;
  text-align: center !important;
  font-size: 1.5rem !important;
  border-radius: 100px !important;
  box-shadow: 0 0.3rem 8rem rgba(0, 0, 0, 0.1) !important;
  background: #4c4747;
  border: 1px solid #4c4747 !important;
  color: #fff !important;
}
.darkmode .text-theme-footer {
  color: hsla(0, 0%, 74.1%, 0.95);
}
.darkmode .text-back-home {
  color: #fff;
}
.lightmode body {
  background: #ececec !important;
}
.lightmode .bg-login {
  background: #ececec;
}
.lightmode .bg-header {
  background: #ececec !important;
}
.lightmode .breadcrumb {
  background-color: #ececec !important;
}
.lightmode .form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 12px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #545454 !important;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid #fff !important;
  border-radius: 20px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.lightmode input::placeholder {
  color: #7a7a7a !important;
}
.lightmode .btn-register-new {
  background: #d8d8d8;
  color: #525252;
  border-color: #525252 !important;
}
.lightmode .btn-line,
.lightmode .btn-register-new {
  border-radius: 20px !important;
  height: calc(1.5em + 0.75rem + 5px);
}
.lightmode .btn-line {
  background: linear-gradient(180deg, #00d814, #00aa10);
  color: #fff !important;
  border-color: #02c114 !important;
}
.lightmode #button-target {
  background: #fff;
  border-radius: 20px;
  border: 1px solid transparent !important;
  color: #535867 !important;
}
.lightmode #modal-change-language .modal-content {
  background-color: #fff !important;
}
.lightmode .btn-change-language {
  background-color: #ececec !important;
  border: 1px solid #17a3ff;
  border-radius: 20px !important;
  color: #17a3ff !important;
}
.lightmode .inactive {
  background: #ececec !important;
  border: 1px solid #ececec !important;
  color: #525252 !important;
}
.lightmode .btn-theme-one {
  border-radius: 20px !important;
  height: calc(1.5em + 0.75rem + 5px);
}
.lightmode .btn-cancel {
  background: #fff !important;
  border: 1px solid #525252 !important;
  border-radius: 20px !important;
  color: #525252 !important;
  height: calc(1.5em + 0.75rem + 5px);
}
.lightmode .btn-cancel:hover {
  border-radius: 10px;
  color: #000 !important;
  border: 1px solid #000 !important;
  height: calc(1.5em + 0.75rem + 5px);
}
.lightmode .swal2-popup {
  background: #fff !important;
}
.lightmode .swal2-content,
.lightmode .swal2-title {
  color: #525252 !important;
}
.lightmode .is-active-register-check {
  background: #379000 !important;
  border: 1px solid #379000 !important;
}
.lightmode .is-active-register {
  background: #ffd15c !important;
  border: 1px solid #ffd15c !important;
}
.lightmode .custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 12px) !important;
  vertical-align: middle;
  background-color: #fff !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(/_nuxt/img/sort-arrows.4ef9d5b.png) right 0.75rem
    center/8px 10px no-repeat;
}
.lightmode .custom-select,
.lightmode .multiselect__tags {
  color: #6d6d6d !important;
  border: 1px solid #fff !important;
  border-radius: 20px !important;
}
.lightmode .multiselect__tags {
  min-height: 40px;
  display: block;
  padding: 8px 40px 0 8px;
  background: #fff !important;
  font-size: 14px;
  height: calc(1.5em + 0.75rem + 12px);
}
.lightmode .multiselect__content-wrapper {
  position: absolute;
  display: block;
  background: #fff !important;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border-top: none;
  color: #6d6d6d !important;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.lightmode .multiselect__input,
.lightmode .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #fff !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
  color: #6d6d6d;
}
.lightmode .multiselect__option--highlight {
  background: #fff !important;
  outline: none;
  color: #6d6d6d !important;
}
.lightmode #modalQuestionnaire .modal-content {
  background-color: #fff;
}
.lightmode .bg-input-modal {
  background-color: #f4f4f4 !important;
}
.lightmode .btn-login,
.lightmode .btn-theme-two {
  border-radius: 20px !important;
  height: calc(1.5em + 0.75rem + 5px);
}
.lightmode .nav-tabs .nav-link,
.lightmode .tab-content > .active {
  background: #fff !important;
}
.lightmode .btn-copy {
  height: calc(1.5em + 0.75rem + 12px);
}
.lightmode .text-quest {
  color: #2a2a2a;
}
.lightmode .steps-number {
  color: #161617 !important;
}
.lightmode .text-current {
  color: #dfa40b !important;
}
.lightmode .text-un-current {
  color: #8e8e8e;
}
.lightmode .steps-number-correct {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #8e8e8e;
  color: #fff !important;
}
.lightmode .vue-pincode-input {
  max-width: none !important;
  outline: 0 !important;
  margin: 6px !important;
  padding: 5px !important;
  width: 50px !important;
  height: 50px !important;
  text-align: center !important;
  font-size: 1.5rem !important;
  border-radius: 100px !important;
  box-shadow: 0 0.3rem 8rem rgba(0, 0, 0, 0.1) !important;
  background: #fff;
  border: 1px solid #d6d6d6 !important;
  color: #655a5a !important;
}
.lightmode .bg-info {
  background: #ececec !important;
}
.lightmode .text-theme-footer {
  color: #7a7a7a;
}
.lightmode .bg-from,
.lightmode .bg-search {
  background-color: #f0f0f0 !important;
}
.lightmode .text-back-home {
  color: #000;
}
.darkgold .bg-header,
.darkgold body {
  background: #2a2a2a;
}
.darkgold .shadow-today {
  box-shadow: 0 0 15px #ffddaf;
}
.darkgold .bd-daily-fix {
  border-color: #c0a98a !important;
  background: #2a2a2a !important;
}
.darkgold .text-deposited-daily-fix {
  color: #bdbdbd;
}
.darkgold .bg-table-daily-fix {
  background: #343434 !important;
  color: #fff !important;
}
.darkgold .text-daily-fix {
  color: #ffe1a6 !important;
}
.darkgold .text-credit-daily {
  background: linear-gradient(180deg, #343434 0, #343434) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.darkgold .text-color {
  color: #fff !important;
}
.darkgold .text-template {
  color: #ffe1a6;
}
.darkgold .text-theme {
  color: #3f3f3f;
}
.darkgold .text-spcial {
  background: linear-gradient(180deg, #696969 0, #1a1c1c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkgold .text-linear,
.darkgold .text-linear-footer {
  background: linear-gradient(180deg, #ffddaf 0, #e0a532);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkgold .text-see-history {
  color: #fff;
}
.darkgold .text-head-hisotry {
  color: #ffe1a6;
}
.darkgold .text-tranfer {
  background: linear-gradient(180deg, #ffe1a6 0, #ffe1a6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkgold .text-color-icon {
  background: linear-gradient(180deg, #ffe1a6, #ffe1a6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkgold .text-credit {
  background: #ffe1a6;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkgold .bg-credit {
  background: linear-gradient(#3f3f3f, #3f3f3f);
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkgold .bg-ball-choose-team {
  background: linear-gradient(#3f3f3f, #3f3f3f) padding-box,
    linear-gradient(90deg, #ffddaf, #e0a532) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkgold .bg-wallet {
  background: #3f3f3f;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
}
.darkgold .bg-credit-free {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 0 0 10px 10px;
}
.darkgold .recevied-com {
  background: #5c574c;
  border-radius: 10px;
  border: 2px solid #ffddaf;
  color: #e0a532;
}
.darkgold .bg-card-commission {
  background: #3f3f3f;
}
.darkgold .bg-turn {
  color: #fff;
  background: #3f3f3f;
  border-radius: 10px;
}
.darkgold .bg-icon-index {
  background: #3f3f3f !important;
  border-radius: 10px !important;
}
.darkgold .bg-con-turn {
  background: #343434 !important;
}
.darkgold .color-toogle {
  background: linear-gradient(180deg, #5cc875 0, #5cc875);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkgold .tab-content > .active {
  display: block;
  background: #3f3f3f !important;
}
.darkgold .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #555, #555) !important;
  color: #fff !important;
}
.darkgold .active-bg {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  color: #3f3f3f !important;
}
.darkgold .tab-box {
  background-color: #3f3f3f;
  color: #bdbdbd;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.darkgold .nav-tabs {
  border-bottom: 2px solid #696969 !important;
}
.darkgold .nav-tabs .nav-link {
  border: 0 !important;
  background: #3f3f3f !important;
  color: #bdbdbd !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.darkgold .boder-right {
  height: 50px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.2509803922);
}
.darkgold .btn-copy-bank {
  background: #343434;
  border-radius: 10px;
  color: #fff;
  width: max-content;
  border-color: #343434;
  box-shadow: 0 4px 4px hsla(0, 0%, 74.1%, 0.16);
}
.darkgold .btn-money {
  border-color: #ffddaf;
  border-radius: 10px;
  background: rgba(92, 87, 76, 0.2);
  color: #ffddaf;
}
.darkgold .active-btn-amount {
  color: #3f3f3f !important;
  font-weight: 900;
}
.darkgold .active-btn-amount,
.darkgold .btn-topup-promptpay {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
}
.darkgold .btn-topup-promptpay {
  border-color: #ffddaf;
  border-radius: 10px;
  color: #3f3f3f;
}
.darkgold .boder-color {
  border-color: #2e2e2e !important;
}
.darkgold .is-active-register {
  background: #c0ac83 !important;
  border: 1px solid #c0a98a !important;
}
.darkgold .b-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin: 0;
  outline: 0;
  transform: translateX(0);
  background: linear-gradient(0.483turn, #2a2a2a 4.17%, #3e3e3e) !important;
}
.darkgold .bg-info {
  color: #fff;
  background: #343434 !important;
  padding: 5px;
  border-radius: 10px;
}
.darkgold .btn-change {
  background: #3f3f3f;
  box-shadow: 0 4px 10px hsla(0, 0%, 74.1%, 0.12);
  border-radius: 10px;
}
.darkgold .card-pro {
  background: #343434;
  border-radius: 10px;
  color: #fff !important;
  font-weight: 400 !important;
  height: 13em;
}
.darkgold .bg-lock {
  background: #ffe1a6;
  padding: 8px;
  border-radius: 18px;
  width: 40px;
  color: #2a2a2a;
}
.darkgold .btn-cancel {
  background: #2a2a2a;
  border-radius: 10px;
  color: #ffe1a6 !important;
  border: 1px solid #ffe1a6;
}
.darkgold .btn-cancel:hover {
  border-radius: 10px;
  color: #000 !important;
  border: 1px solid #000 !important;
}
.darkgold .btn-theme-one {
  background: #ffddaf;
  border-color: #3f3f3f !important;
  color: #3f3f3f;
  border-radius: 10px;
}
.darkgold .btn-theme-two {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 10px;
  color: #2e2e2e;
}
.darkgold .btn-login {
  background: #ffd15a;
  border-radius: 10px;
  color: #2e2e2e;
  border-color: #ffd15a !important;
}
.darkgold .btn-theme-seemore {
  background: #565553;
  border-radius: 10px;
  color: #fff;
  border-color: #565553 !important;
}
.darkgold .btn-copy {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  border-radius: 0 10px 10px 0 !important;
  color: #3f3f3f !important;
  border: none;
}
.darkgold .card {
  background: #3f3f3f !important;
  color: #ffe1a6 !important;
  filter: drop-shadow(0 0 1px #989898);
}
.darkgold .bg-input-theme {
  background-color: #d1d1d1 !important;
}
.darkgold .border-theme {
  border-radius: 15px !important;
}
.darkgold .icon-activity {
  filter: invert(0);
  width: 20px;
}
.darkgold .bg-table {
  background-color: #3f3f3f;
  border-radius: 10px;
  border: 0 solid #3f3f3f !important;
}
.darkgold .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #bdbdbd !important;
  border-top: 0 solid #bdbdbd !important;
  padding: 4px 12px;
  background: #343434;
  color: #fff !important;
}
.darkgold .table td {
  vertical-align: top;
  border-top: 0 solid #bdbdbd !important;
  color: #bdbdbd !important;
}
.darkgold .Daily__item__box {
  position: relative;
  height: 75px;
  background: #3f3f3f;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
}
.darkgold .Daily__item__box.active {
  background: linear-gradient(#3f3f3f, #3f3f3f) padding-box,
    linear-gradient(90deg, #ffddaf, #e0a532) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.darkgold .Daily__item__box.active-today {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border: none !important;
  color: #3f3f3f;
}
.darkgold .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #3f3f3f;
  border-radius: 10px;
}
.darkgold .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.darkgold .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.darkgold .text-daily {
  color: #fff;
}
.darkgold .btn-reward {
  width: 85%;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
  cursor: pointer;
}
.darkgold .bg-btn-point {
  background: #3f3f3f;
  border-radius: 20px;
  margin: 4px;
  color: #bdbdbd;
}
.darkgold .bg-chosses {
  background-color: #343434;
  border-radius: 15px;
  filter: drop-shadow(0 1px 1px #989898);
  color: #fff;
}
.darkgold .bg-hover:hover,
.darkgold .btn-hover:focus {
  background-color: #3d3d3d;
}
.darkgold .showSlide {
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 80%;
  background-color: #3f3f3f !important;
  display: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.darkgold #modal-suscess-complain .modal-content {
  background-color: #2e2e2e !important;
}
.darkgold .from-complain {
  display: block;
  width: 100%;
  height: calc(1.5em + 5rem + 10px) !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  background-color: #343434 !important;
  background-clip: padding-box;
  border: 1px solid #343434 !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darkgold .btn-withdraw {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  box-shadow: 0 4px 4px hsla(0, 0%, 74.1%, 0.16);
  border-radius: 10px;
  color: #3f3f3f;
  border-color: #e0a532 !important;
}
.darkgold .cover-withdraw {
  background: #3f3f3f;
  border-radius: 0 0 10px 10px;
}
.darkgold .hd-withdraw {
  background: #343434;
  border-radius: 10px 10px 0 0;
  color: #fff;
  padding: 10px;
  font-size: 18px;
}
.darkgold .card-withdraw {
  background: #343434 !important;
  color: #fff !important;
  border-radius: 5px;
}
.darkgold .page-item.active .page-link {
  z-index: 3;
  color: #3f3f3f !important;
  background-color: #ffe1a6 !important;
  border-color: #ffe1a6 !important;
}
.darkgold .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #ffe1a6 !important;
  background-color: #3f3f3f !important;
  border: 1px solid #ffe1a6 !important;
}
.darkgold .custom-control-input:checked ~ .custom-control-label:before {
  color: #fff !important;
  border-color: #ffe1a6 !important;
  background-color: #ffe1a6 !important;
}
.darkgold .boxcredit {
  background: rgba(34, 32, 32, 0.6);
  width: 55%;
}
.darkgold .border-color {
  border: 2px solid #ffddaf;
  border-radius: 10px;
}
.darkgold .btn-box {
  background-image: linear-gradient(315deg, #ffddaf, #e0a532 74%);
  border-radius: 5px 25px;
  filter: drop-shadow(1px 2px 4px #e0a532);
  border-color: #ffddaf !important;
}
.darkgold .breadcrumb {
  background-color: #2a2a2a;
}
.darkgold .breadcrumb-item.active {
  color: #ffe1a6 !important;
}
.darkgold .breadcrumb-item {
  color: #fff !important;
}
.darkgold .swal2-popup {
  background: #3f3f3f !important;
}
.darkgold .swal2-content,
.darkgold .swal2-title {
  color: #fff !important;
}
.darkgold .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  border-radius: 10px !important;
  border-color: #fff !important;
  color: #fff !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.darkgold .bg-body-modal {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #3f3f3f !important;
  color: #2a2a2a;
}
.darkgold .modal-content {
  border-radius: 1rem !important;
}
.darkgold .bg-body,
.darkgold .bg-body-promotion {
  background: #3f3f3f !important;
}
.darkgold .bg-footer {
  border-top: 1px solid #3f3f3f !important;
  border-bottom-right-radius: calc(1rem - 1px) !important;
  border-bottom-left-radius: calc(1rem - 1px) !important;
  background-color: #3f3f3f !important;
}
.darkgold #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #3f3f3f !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkgold #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #3f3f3f !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkgold #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #3f3f3f !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darkgold #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #3f3f3f !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkgold #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #3f3f3f !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkgold #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #3f3f3f !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darkgold #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #3f3f3f !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkgold #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #3f3f3f !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkgold .card-bank {
  background: #343434;
  box-shadow: 0 4px 10px hsla(0, 0%, 74.1%, 0.12);
  border-radius: 7px;
  color: #ffe1a6 !important;
}
.darkgold .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid hsla(0, 0%, 74.1%, 0.125);
}
.darkgold .swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid;
  border-radius: 50%;
}
.darkgold .swal2-icon.swal2-success [class^="swal2-success-line"] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
}
.darkgold .form-control {
  display: block;
  padding: 0.375rem 0.75rem;
  background-color: #343434;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darkgold .custom-select,
.darkgold .form-control {
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  border: 1px solid #343434 !important;
  border-radius: 0.25rem;
}
.darkgold .custom-select {
  display: inline-block;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  vertical-align: middle;
  background-color: #343434 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(/_nuxt/img/sort-arrows.4ef9d5b.png) right 0.75rem
    center/8px 10px no-repeat;
}
.darkgold .multiselect__tags {
  min-height: 40px;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  font-size: 14px;
}
.darkgold .multiselect__content-wrapper,
.darkgold .multiselect__tags {
  display: block;
  border: 1px solid #343434 !important;
  background: #3f3f3f !important;
  color: #fff !important;
}
.darkgold .multiselect__content-wrapper {
  position: absolute;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.darkgold .multiselect__input,
.darkgold .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #3f3f3f !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
  color: #fff;
}
.darkgold .multiselect__option--highlight {
  background: #3f3f3f !important;
  outline: none;
  color: #fff !important;
}
.darkgold #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #3f3f3f !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.darkgold .border-banner {
  border: 2px solid #ffddaf;
  border-radius: 10px;
}
.darkgold .btn-secondary:hover {
  color: #fff;
  background-color: #ffddaf !important;
  border-color: none !important;
}
.darkgold .btn-secondary.focus,
.darkgold .btn-secondary:focus {
  color: #fff;
  background-color: #ffddaf !important;
  border-color: #ffddaf !important;
}
.darkgold .bg-choose {
  background: #3f3f3f !important;
  color: #fff;
}
.darkgold .btn-join-activity {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 0 0 10px 10px;
  color: #3f3f3f;
  border-color: #2a2a2a !important;
}
.darkgold .bg-input {
  background: #3f3f3f !important;
  border-radius: 10px;
  color: #fff !important;
  border: none !important;
}
.darkgold .bg-condition {
  background: #3f3f3f !important;
  color: #fff;
}
.darkgold .header-login {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5019607843);
  border: 0 solid hsla(0, 0%, 74.1%, 0.125);
}
.darkgold .footer-wrapper1 {
  height: auto;
}
.darkgold .footer-wrapper,
.darkgold .footer-wrapper1 {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.darkgold .footer-wrapper {
  height: 58px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: #171717;
  box-shadow: 0 0 16px hsla(0, 0%, 41.2%, 0.55);
  z-index: 2;
}
.darkgold .footer-wrapper .play-game {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 15px;
  text-align: center;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  box-shadow: 0 4px 6px hsla(0, 0%, 74.1%, 0.25);
}
.darkgold .footer-wrapper .play-game .play-game-box {
  display: table-cell;
  transform: rotate(316deg);
  vertical-align: middle;
}
.darkgold .footer-wrapper .play-game .item-count {
  width: 30px;
  filter: invert(1);
}
.darkgold .footer-wrapper .play-game-5 {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 30px;
  text-align: center;
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  box-shadow: 0 4px 6px hsla(0, 0%, 74.1%, 0.25);
}
.darkgold .footer-wrapper .play-game-5 .play-game-box-5 {
  display: table-cell;
  vertical-align: middle;
}
.darkgold .footer-wrapper .play-game-5 .item-count {
  width: 34px;
  filter: invert(1);
}
.darkgold a {
  color: #bdbdbd !important;
}
.darkgold a:hover {
  color: --blue;
  text-decoration: none !important;
}
.darkgold .bg-table-aff {
  background-color: #3f3f3f !important;
  border: 0 solid #3f3f3f !important;
}
.darkgold .border-left {
  border-left: 3px solid #ffe1a6 !important;
}
.darkgold .border-solid {
  border: 1px solid #343434;
}
.darkgold .bg-from-aff {
  display: inline-block;
  width: 50% !important;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  vertical-align: middle;
  background-color: #3f3f3f !important;
  border: 1px solid #3f3f3f !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.darkgold .bg-in-aff {
  background: #343434;
  border-radius: 5px;
  color: #bdbdbd;
  padding: 5px;
}
.darkgold .icon-aff {
  position: absolute;
  top: 92px;
  left: 0;
  right: 0;
  color: #fff;
}
.darkgold .btn-comein {
  position: absolute;
  bottom: -17%;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.darkgold .bg-search {
  background-color: #3f3f3f !important;
}
.darkgold .bg-from,
.darkgold .bg-search {
  border: 1px solid #ffe1a6 !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff !important;
}
.darkgold .bg-from {
  background-color: #3f3f3f !important;
  background: #464646 url(/_nuxt/img/dropdown.2ae9015.png) no-repeat right
    0.75rem center/10px 8px;
}
.darkgold .search {
  position: absolute;
  right: 24px;
  color: #bdbdbd;
}
.darkgold .card-point {
  background: #343434 !important;
  filter: drop-shadow(0 0 0 #343434) !important;
  color: #fff !important;
  border-radius: 10px;
}
.darkgold .bg-point {
  background: #e0a532;
  border-radius: 20px;
  margin: 4px;
  color: #3f3f3f;
}
.darkgold .bg-card-his {
  background: #343434 !important;
  color: #fff !important;
}
.darkgold .card-nodata {
  background: #343434;
  color: #fff;
  padding: 80px;
  border-radius: 10px;
}
.darkgold .action-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2%;
}
.darkgold .action-wrapper__btn-spin {
  background-image: url(https://es-dev.vrbet.com/_nuxt/img/button.1e27aca.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 6vw;
  width: 14vw;
  margin-bottom: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.darkgold .action-wrapper__btn-spin span {
  font-size: 3vw;
  color: #fff;
  -webkit-text-stroke: 3px #fff;
}
@media screen and (max-width: 992px) {
  .darkgold .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2.5px #fff;
    font-size: 6vw;
  }
}
@media screen and (max-width: 480px) {
  .darkgold .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2px #fff;
    font-size: 8vw;
  }
}
@media screen and (max-width: 992px) {
  .darkgold .action-wrapper__btn-spin {
    margin-top: 3vw;
    width: 26vw;
    height: 12vw;
  }
}
@media screen and (max-width: 480px) {
  .darkgold .action-wrapper__btn-spin {
    width: 40vw;
    height: 18vw;
  }
}
.darkgold .action-wrapper__btn-spin.disabledbtn {
  cursor: not-allowed;
  filter: grayscale(1);
}
.darkgold .glass-panel {
  color: #fff;
  margin: 40px auto;
  background-color: hsla(0, 0%, 100%, 0.06);
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  width: 100%;
  border-radius: 15px;
  padding: 32px;
  backdrop-filter: blur(10px);
}
.darkgold .glass-button {
  display: inline-block;
  padding: 15px 18px;
  text-decoration: none;
  border-radius: 15px;
  background-color: #4e4e4e;
  border: 1px solid #bdbdbd;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: #bdbdbd;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}
.darkgold .glass-button:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.darkgold .glass-panel {
  max-width: 600px;
}
.darkgold #background-wrap {
  bottom: 0;
  left: 0;
  padding-top: 50px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.darkgold .x1 {
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 35s linear infinite;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  transform: scale(0.65);
}
.darkgold .x2 {
  -webkit-animation: animateCloud 20s linear infinite;
  -moz-animation: animateCloud 20s linear infinite;
  animation: animateCloud 20s linear infinite;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.darkgold .x3 {
  -webkit-animation: animateCloud 30s linear infinite;
  -moz-animation: animateCloud 30s linear infinite;
  animation: animateCloud 30s linear infinite;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.darkgold .x4 {
  -webkit-animation: animateCloud 18s linear infinite;
  -moz-animation: animateCloud 18s linear infinite;
  animation: animateCloud 18s linear infinite;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.darkgold .x5 {
  -webkit-animation: animateCloud 25s linear infinite;
  -moz-animation: animateCloud 25s linear infinite;
  animation: animateCloud 25s linear infinite;
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  transform: scale(0.55);
}
.darkgold .cloud {
  background: #3f3f3f;
  background: -moz-linear-gradient(top, #3f3f3f 5%, #171717 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, #3f3f3f),
    color-stop(100%, #171717)
  );
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 8px 5px hsla(0, 0%, 74.1%, 0.1);
  -moz-box-shadow: 0 8px 5px hsla(0, 0%, 74.1%, 0.1);
  box-shadow: 0 8px 5px hsla(0, 0%, 74.1%, 0.1);
  height: 120px;
  position: relative;
  width: 350px;
}
.darkgold .cloud:after,
.darkgold .cloud:before {
  background: #3f3f3f;
  content: "";
  position: absolute;
  z-index: -1;
}
.darkgold .cloud:after {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  height: 100px;
  left: 50px;
  top: -50px;
  width: 100px;
}
.darkgold .cloud:before {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  width: 180px;
  height: 180px;
  right: 50px;
  top: -90px;
}
.darkgold .bg-share-facebook {
  background-color: #343434 !important;
  color: #fff !important;
}
.darkgold .bg-game {
  background: linear-gradient(#383838, #313131) padding-box,
    linear-gradient(180deg, #ffddaf, #e0a532) border-box !important;
  border: 0.5px solid transparent;
  border-radius: 10px !important;
  color: #ffe1a6 !important;
  width: 80px;
  height: 67px;
}
.darkgold .bg-game-active {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  border-radius: 10px !important;
  color: #3f3f3f !important;
  width: 80px;
  height: 67px;
}
.darkgold .bg-search-game {
  background-color: #3f3f3f !important;
  border-radius: 10px !important;
  color: #bdbdbd !important;
  border: none !important;
}
.darkgold .unactive-footer {
  color: #bdbdbd;
}
.darkgold .btn-aff-share {
  background: linear-gradient(270deg, #ffddaf, #e0a532);
  border-radius: 10px;
  color: #3f3f3f;
  border-color: #e0a532 !important;
  filter: drop-shadow(0 0 5px #e0a532);
}
.darkgold #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #3f3f3f !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkgold .btn-change-language {
  background-color: #3f3f3f !important;
  border: 1px solid #ffe1a6;
}
.darkgold .card-money,
.darkgold .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card\ copy.c4be5af.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.darkgold .bg-iconuser {
  background: #fff;
  padding: 7px;
  border-radius: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #ffe1a6;
}
.darkgold .content-lv {
  padding: 10px 0;
}
.darkgold .border-bottom-aff {
  border-bottom: 1px solid #ffddaf;
}
.darkgold .body-content {
  background: #fff;
  width: 70%;
  border-bottom-right-radius: 20px;
  padding: 0 39px;
  overflow: auto;
  max-height: 300px;
}
@media (max-width: 479px) {
  .darkgold .body-content {
    width: 75%;
    padding: 0 10px;
  }
}
.darkgold .active2 {
  color: #2e2e2e !important;
  background: #fff !important;
  border-bottom-left-radius: 0 !important;
}
.darkgold .tab-item {
  padding: 15px !important;
  font-size: 14px !important;
}
.darkgold .tab-history-class {
  border-radius: 20px;
  color: #2e2e2e;
  border: 1px solid #e0a532;
}
.darkgold .tab-item:last-child {
  border-bottom: 1px solid #ffe1a6;
  border-bottom-left-radius: 20px !important;
}
.darkgold .tab-item,
.darkgold .tab-item:last-child {
  cursor: pointer;
  color: #2e2e2e;
  background: linear-gradient(180deg, #ffddaf 0, #e0a532);
}
.darkgold .tab-item {
  border-bottom: 1px solid #ffe1a6;
}
.darkgold .header-aff {
  background: linear-gradient(180deg, #ffddaf 0, #e0a532);
  border-bottom: 1px solid #2e2e2e;
  border-radius: 20px 20px 0 0;
}
.darkgold .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #fff;
  border-radius: 30rem !important;
}
.darkgold .bg-aff-level {
  background: linear-gradient(#404040, #404040) padding-box,
    linear-gradient(90deg, #ffddaf, #ffe1a6, #e0a532) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkgold .bg-aff-level .nunber-friend {
  background: #555;
  border-radius: 10px;
  color: #fff;
}
.darkgold .bg-aff-level .turn-other {
  background: #343434;
  border-radius: 10px;
}
.darkgold .bg-aff-level .solid {
  border: 1px solid #ffddaf;
  height: 40px;
}
.darkgold .filters-content {
  background-color: #3f3f3f;
}
.darkgold .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #3f3f3f;
  color: #bdbdbd;
  padding: 5px;
}
.darkgold .filters__button:hover {
  background-color: #3f3f3f;
}
.darkgold .filters-content {
  background-color: #343434;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darkgold .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #343434;
  color: #bdbdbd;
  padding: 5px;
}
.darkgold .filters__button2:hover {
  background-color: #343434;
}
.darkgold .filters [data-content] {
  display: none;
}
.darkgold [data-content].is-active[data-content] {
  display: grid;
}
.darkgold [data-target].is-active {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 10px;
  color: #3f3f3f;
}
.darkgold .condition-header {
  background: linear-gradient(
    109.63deg,
    #ffddaf 3.68%,
    #ffe1a6 47.76%,
    #e0a532 95.96%
  );
  border-radius: 5px;
  color: #3f3f3f;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.darkgold .bg-wheel-condition {
  background: linear-gradient(#3f3f3f, #3f3f3f) padding-box,
    linear-gradient(109.63deg, #ffddaf 3.68%, #ffe1a6 47.76%, #e0a532 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.darkgold .btn-up-slip {
  color: #ffddaf;
  border: 2px solid #e0a532 !important;
  background: 0 0 !important;
}
.darkgold .btn-no-received {
  background: #343434;
  border-color: #343434;
  color: #fff;
  border-radius: 10px;
}
.darkgold .btn-no-received:hover {
  background-color: #343434 !important;
  border-color: #343434 !important;
  color: #fff;
  border-radius: 10px !important;
}
.darkgold .card-points {
  background: linear-gradient(#3f3f3f, #3f3f3f) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkgold .r-gold {
  background: linear-gradient(#3f3f3f, #3f3f3f) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.darkgold .r-gold,
.darkgold .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.darkgold .r-silver {
  background: linear-gradient(#3f3f3f, #3f3f3f) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.darkgold .r-copper {
  background: linear-gradient(#3f3f3f, #3f3f3f) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.darkgold .cycle-gold {
  background: linear-gradient(#3f3f3f, #3f3f3f) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.darkgold .cycle-gold,
.darkgold .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.darkgold .cycle-silver {
  background: linear-gradient(#3f3f3f, #3f3f3f) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
}
.darkgold .cycle-copper {
  background: linear-gradient(#3f3f3f, #3f3f3f) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.darkgold .btn-no-received:focus {
  background-color: #343434 !important;
  border-color: #343434 !important;
  border-radius: 10px !important;
}
.darkgold .bg-pro {
  background: #343434;
  border-radius: 10px;
}
.darkgold .filters-content-bg {
  background-color: #343434;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darkgold .is-unactive {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #343434;
  color: #7d7d7d;
  padding: 5px;
}
.darkgold .fillter-icon {
  filter: invert(62%) sepia(33%) saturate(666%) hue-rotate(337deg)
    brightness(152%) contrast(100%);
  width: 30px;
}
.darkgold .fillter-icon-active {
  filter: invert(41%) sepia(33%) saturate(666%) hue-rotate(15deg)
    brightness(51%) contrast(142%);
  width: 30px;
}
.darkgold .card-decimal {
  background: #ececec;
  color: #000 !important;
}
.darkgold .card-decimal,
.darkgold .card-transfer {
  box-shadow: 0 4px 10px rgba(42, 42, 42, 0.12);
  border-radius: 10px;
}
.darkgold .card-transfer {
  background: #171717;
  color: #ffe1a6 !important;
}
.darkgold .bg-choose-team {
  background: hsla(0, 0%, 100%, 0.3);
  border-radius: 5px;
  color: #fff;
  padding: 2px;
  margin: 4px;
}
.darkgold .bagfree {
  position: absolute;
  top: 5px;
  right: 6px;
}
.darkgold .bagfree2 {
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 35px;
}
.darkgold input::placeholder {
  color: #bdbdbd;
}
.darkgold .bg-month {
  background: #343434;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #7d7d7d;
}
.darkgold .bg-month-active {
  background: linear-gradient(#343434, #343434) padding-box,
    linear-gradient(90deg, #ffddaf, #e0a532) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #fff;
  border: 1px solid transparent;
}
.darkgold .btn.focus {
  box-shadow: 0 0 0 0.2rem rgba(63, 63, 63, 0.25) !important;
}
.darkgold .arry-input {
  height: calc(1.5em + 5rem + 10px) !important;
  border-radius: 10px !important;
  color: #fff !important;
}
.darkgold .show-footer {
  display: none;
  position: absolute;
  top: -46px;
}
.darkgold #modalQuestionnaire .modal-content {
  background-color: #3f3f3f !important;
}
.darkgold .bg-input-modal {
  background-color: #343434 !important;
}
.darknavy .bg-header,
.darknavy body {
  background: #0e1a29;
}
.darknavy .shadow-today {
  box-shadow: 0 0 15px #ffddaf;
}
.darknavy .bd-daily-fix {
  border-color: #c0a98a !important;
  background: #0e1a29 !important;
}
.darknavy .text-deposited-daily-fix {
  color: #bdbdbd;
}
.darknavy .bg-table-daily-fix {
  background: #1f3556 !important;
  color: #fff !important;
}
.darknavy .text-daily-fix {
  color: #ffe1a6 !important;
}
.darknavy .text-credit-daily {
  background: linear-gradient(180deg, #212846 0, #212846) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.darknavy .text-color {
  color: #fff !important;
}
.darknavy .text-template {
  color: #ffe1a6;
}
.darknavy .text-theme {
  color: #13233a;
}
.darknavy .text-spcial {
  background: linear-gradient(180deg, #696969 0, #1a1c1c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darknavy .text-linear,
.darknavy .text-linear-footer {
  background: linear-gradient(180deg, #ffddaf 0, #e0a532);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darknavy .text-see-history {
  color: #fff;
}
.darknavy .text-head-hisotry {
  color: #ffe1a6;
}
.darknavy .text-tranfer {
  background: linear-gradient(180deg, #ffe1a6 0, #ffe1a6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darknavy .text-color-icon {
  background: linear-gradient(180deg, #ffe1a6, #ffe1a6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darknavy .text-credit {
  background: #ffe1a6;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darknavy .bg-credit {
  background: linear-gradient(#1f3556, #1f3556);
  border-radius: 10px;
  border: 3px solid transparent;
}
.darknavy .bg-ball-choose-team {
  background: linear-gradient(#13233a, #13233a) padding-box,
    linear-gradient(90deg, #ffddaf, #e0a532) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darknavy .bg-wallet {
  background: #13233a;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
}
.darknavy .bg-credit-free {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 0 0 10px 10px;
}
.darknavy .recevied-com {
  background: #5c574c;
  border-radius: 10px;
  border: 2px solid #ffddaf;
  color: #ffe1a6;
}
.darknavy .bg-card-commission {
  background: #13233a;
}
.darknavy .bg-turn {
  color: #fff;
  background: #13233a;
  border-radius: 10px;
}
.darknavy .bg-icon-index {
  border-radius: 10px !important;
}
.darknavy .bg-con-turn,
.darknavy .bg-icon-index {
  background: #13233a !important;
}
.darknavy .color-toogle {
  background: linear-gradient(180deg, #5cc875 0, #5cc875);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darknavy .tab-content > .active {
  display: block;
  background: #1f3556 !important;
}
.darknavy .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #14243a, #14243a) !important;
  color: #fff !important;
}
.darknavy .active-bg {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  color: #191e32 !important;
}
.darknavy .tab-box {
  background-color: #13233a;
  color: #bdbdbd;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.darknavy .nav-tabs {
  border-bottom: 2px solid #14243a !important;
}
.darknavy .nav-tabs .nav-link {
  border: 0 !important;
  background: #1f3556 !important;
  color: #bdbdbd !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.darknavy .boder-right {
  height: 50px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.2509803922);
}
.darknavy .btn-copy-bank {
  background: #212846;
  border-radius: 10px;
  color: #fff;
  width: max-content;
  border-color: #212846;
  box-shadow: 0 4px 4px hsla(0, 0%, 74.1%, 0.16);
}
.darknavy .btn-money {
  border-color: #ffddaf;
  border-radius: 10px;
  background: rgba(92, 87, 76, 0.2);
  color: #ffddaf;
}
.darknavy .active-btn-amount {
  color: #13233a !important;
  font-weight: 900;
}
.darknavy .active-btn-amount,
.darknavy .btn-topup-promptpay {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
}
.darknavy .btn-topup-promptpay {
  border-color: #ffddaf;
  border-radius: 10px;
  color: #191e32;
}
.darknavy .boder-color {
  border-color: #191e32 !important;
}
.darknavy .is-active-register {
  background: #c0ac83 !important;
  border: 1px solid #c0a98a !important;
}
.darknavy .b-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin: 0;
  outline: 0;
  transform: translateX(0);
  background: linear-gradient(0.483turn, #1f3554 4.17%, #0b1420) !important;
}
.darknavy .bg-info {
  color: #fff;
  background: #13233a !important;
  padding: 5px;
  border-radius: 10px;
}
.darknavy .btn-change {
  background: #1f3556;
  box-shadow: 0 4px 10px hsla(0, 0%, 74.1%, 0.12);
  border-radius: 10px;
}
.darknavy .card-pro {
  background: #13233a;
  border-radius: 10px;
  color: #fff !important;
  font-weight: 400 !important;
  height: 13em;
}
.darknavy .bg-lock {
  background: #ffe1a6;
  padding: 8px;
  border-radius: 18px;
  width: 40px;
  color: #191e32;
}
.darknavy .btn-cancel {
  background: #101c2c;
  border-radius: 10px;
  color: #ffe1a6 !important;
  border: 1px solid #ffe1a6;
}
.darknavy .btn-cancel:hover {
  border-radius: 10px;
  color: #000 !important;
  border: 1px solid #000 !important;
}
.darknavy .btn-theme-one {
  background: #ffddaf;
  border-color: #13233a !important;
  color: #13233a;
  border-radius: 10px;
}
.darknavy .btn-theme-two {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 10px;
  color: #191e32;
}
.darknavy .btn-login {
  background: #006eb7 !important;
  border-radius: 20px;
  color: #fff;
  border-color: #006eb7 !important;
}
.darknavy .btn-theme-seemore {
  background: #0f2440 !important;
  border-radius: 10px;
  color: #fff !important;
  border-color: #0f2440 !important;
}
.darknavy .btn-copy {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  border-radius: 0 10px 10px 0 !important;
  color: #13233a !important;
  border: none;
}
.darknavy .card {
  background: #1f3556 !important;
  color: #ffe1a6 !important;
  filter: drop-shadow(0 0 1px #989898);
}
.darknavy .bg-input-theme {
  background-color: #d1d1d1 !important;
}
.darknavy .border-theme {
  border-radius: 15px !important;
}
.darknavy .icon-activity {
  filter: invert(0);
  width: 20px;
}
.darknavy .bg-table {
  background-color: #132034;
  border-radius: 10px;
  border: 0 solid #132034 !important;
}
.darknavy .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #bdbdbd !important;
  border-top: 0 solid #bdbdbd !important;
  padding: 4px 12px;
  background: #1f3556;
  color: #fff !important;
}
.darknavy .table td {
  vertical-align: top;
  border-top: 0 solid #bdbdbd !important;
  color: #bdbdbd !important;
}
.darknavy .Daily__item__box {
  position: relative;
  height: 75px;
  background: #13233a;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
}
.darknavy .Daily__item__box.active {
  background: linear-gradient(#13233a, #13233a) padding-box,
    linear-gradient(90deg, #ffddaf, #e0a532) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.darknavy .Daily__item__box.active-today {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border: none !important;
  color: #13233a;
}
.darknavy .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #13233a;
  border-radius: 10px;
}
.darknavy .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.darknavy .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.darknavy .text-daily {
  color: #fff;
}
.darknavy .btn-reward {
  width: 85%;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
  cursor: pointer;
}
.darknavy .bg-btn-point {
  background: #ffe1a6;
  border-radius: 20px;
  margin: 4px;
  color: #0e1a29;
}
.darknavy .bg-chosses {
  background-color: #13233a;
  border-radius: 15px;
  filter: drop-shadow(0 1px 1px #989898);
  color: #fff;
}
.darknavy .bg-hover:hover,
.darknavy .btn-hover:focus {
  background-color: #132034;
}
.darknavy .showSlide {
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 80%;
  background-color: #132034 !important;
  display: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.darknavy #modal-suscess-complain .modal-content {
  background-color: #191e32 !important;
}
.darknavy .from-complain {
  display: block;
  width: 100%;
  height: calc(1.5em + 5rem + 10px) !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  background-color: #13233a !important;
  background-clip: padding-box;
  border: 1px solid #13233a !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darknavy .btn-withdraw {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  box-shadow: 0 4px 4px hsla(0, 0%, 74.1%, 0.16);
  border-radius: 10px;
  color: #13233a;
  border-color: #e0a532 !important;
}
.darknavy .cover-withdraw {
  background: #13233a;
  border-radius: 0 0 10px 10px;
}
.darknavy .hd-withdraw {
  background: #1f3556;
  border-radius: 10px 10px 0 0;
  color: #fff;
  padding: 10px;
  font-size: 18px;
}
.darknavy .card-withdraw {
  background: #13233a !important;
  color: #fff !important;
  border-radius: 5px;
}
.darknavy .page-item.active .page-link {
  z-index: 3;
  color: #13233a !important;
  background-color: #ffe1a6 !important;
  border-color: #ffe1a6 !important;
}
.darknavy .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #ffe1a6 !important;
  background-color: #13233a !important;
  border: 1px solid #13233a !important;
}
.darknavy .custom-control-input:checked ~ .custom-control-label:before {
  color: #fff !important;
  border-color: #ffe1a6 !important;
  background-color: #ffe1a6 !important;
}
.darknavy .boxcredit {
  background: rgba(34, 32, 32, 0.6);
  width: 55%;
}
.darknavy .border-color {
  border: 2px solid #ffddaf;
  border-radius: 10px;
}
.darknavy .btn-box {
  background-image: linear-gradient(315deg, #ffddaf, #e0a532 74%);
  border-radius: 5px 25px;
  filter: drop-shadow(1px 2px 4px #e0a532);
  border-color: #ffddaf !important;
}
.darknavy .breadcrumb {
  background-color: #0e1a29;
}
.darknavy .breadcrumb-item.active {
  color: #ffe1a6 !important;
}
.darknavy .breadcrumb-item {
  color: #fff !important;
}
.darknavy .swal2-popup {
  background: #13233a !important;
}
.darknavy .swal2-content,
.darknavy .swal2-title {
  color: #fff !important;
}
.darknavy .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  border-radius: 10px !important;
  border-color: #fff !important;
  color: #fff !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.darknavy .bg-body-modal {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #1f3556 !important;
  color: #0e1a29;
}
.darknavy .modal-content {
  border-radius: 1rem !important;
}
.darknavy .bg-body {
  background: #1f3556 !important;
}
.darknavy .bg-body-promotion {
  background: #13233a !important;
}
.darknavy .bg-footer {
  border-top: 1px solid #13233a !important;
  border-bottom-right-radius: calc(1rem - 1px) !important;
  border-bottom-left-radius: calc(1rem - 1px) !important;
  background-color: #13233a !important;
}
.darknavy #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #1f3556 !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darknavy #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #1f3556 !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darknavy #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #1f3556 !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darknavy #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #1f3556 !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darknavy #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #1f3556 !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darknavy #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #1f3556 !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darknavy #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #1f3556 !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darknavy #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #1f3556 !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darknavy .card-bank {
  background: #0f2440;
  box-shadow: 0 4px 10px hsla(0, 0%, 74.1%, 0.12);
  border-radius: 7px;
  color: #ffe1a6 !important;
}
.darknavy .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid hsla(0, 0%, 74.1%, 0.125);
}
.darknavy .swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid;
  border-radius: 50%;
}
.darknavy .swal2-icon.swal2-success [class^="swal2-success-line"] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
}
.darknavy .form-control {
  display: block;
  padding: 0.375rem 0.75rem;
  background-color: #13233a;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darknavy .custom-select,
.darknavy .form-control {
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  border: 1px solid #13233a !important;
  border-radius: 0.25rem;
}
.darknavy .custom-select {
  display: inline-block;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  vertical-align: middle;
  background-color: #13233a !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(/_nuxt/img/sort-arrows.4ef9d5b.png) right 0.75rem
    center/8px 10px no-repeat;
}
.darknavy .multiselect__tags {
  min-height: 40px;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  font-size: 14px;
}
.darknavy .multiselect__content-wrapper,
.darknavy .multiselect__tags {
  display: block;
  border: 1px solid #13233a !important;
  background: #13233a !important;
  color: #fff !important;
}
.darknavy .multiselect__content-wrapper {
  position: absolute;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.darknavy .multiselect__input,
.darknavy .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #13233a !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
  color: #fff;
}
.darknavy .multiselect__option--highlight {
  background: #13233a !important;
  outline: none;
  color: #fff !important;
}
.darknavy #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #13233a !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.darknavy .border-banner {
  border: 2px solid #ffddaf;
  border-radius: 10px;
}
.darknavy .btn-secondary:hover {
  color: #fff;
  background-color: #006eb7 !important;
  border-color: none !important;
}
.darknavy .btn-secondary.focus,
.darknavy .btn-secondary:focus {
  color: #fff;
  background-color: #ffddaf !important;
  border-color: #ffddaf !important;
}
.darknavy .bg-choose {
  background: #13233a !important;
  color: #fff;
}
.darknavy .btn-join-activity {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 0 0 10px 10px;
  color: #13233a;
  border-color: #0e1a29 !important;
}
.darknavy .bg-input {
  background: #13233a !important;
  border-radius: 10px;
  color: #fff !important;
  border: none !important;
}
.darknavy .bg-condition {
  background: #13233a !important;
  color: #fff;
}
.darknavy .header-login {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5019607843);
  border: 0 solid hsla(0, 0%, 74.1%, 0.125);
}
.darknavy .footer-wrapper1 {
  height: auto;
}
.darknavy .footer-wrapper,
.darknavy .footer-wrapper1 {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.darknavy .footer-wrapper {
  height: 58px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: #142439;
  box-shadow: 0 0 16px hsla(0, 0%, 41.2%, 0.55);
  z-index: 2;
}
.darknavy .footer-wrapper .play-game {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 15px;
  text-align: center;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  box-shadow: 0 4px 6px hsla(0, 0%, 74.1%, 0.25);
  position: absolute;
  top: -20px;
}
.darknavy .footer-wrapper .play-game .play-game-box {
  display: table-cell;
  transform: rotate(316deg);
  vertical-align: middle;
}
.darknavy .footer-wrapper .play-game .item-count {
  width: 30px;
  filter: invert(1);
}
.darknavy .footer-wrapper .play-game-5 {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 30px;
  text-align: center;
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  box-shadow: 0 4px 6px hsla(0, 0%, 74.1%, 0.25);
}
.darknavy .footer-wrapper .play-game-5 .play-game-box-5 {
  display: table-cell;
  vertical-align: middle;
}
.darknavy .footer-wrapper .play-game-5 .item-count {
  width: 34px;
  filter: invert(1);
}
.darknavy a {
  color: #bdbdbd !important;
}
.darknavy a:hover {
  color: --blue;
  text-decoration: none !important;
}
.darknavy .bg-table-aff {
  background-color: #1f3556 !important;
  border: 0 solid #101c2c !important;
}
.darknavy .border-left {
  border-left: 3px solid #ffe1a6 !important;
}
.darknavy .border-solid {
  border: 1px solid #1f3556;
}
.darknavy .bg-from-aff {
  display: inline-block;
  width: 50% !important;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  vertical-align: middle;
  background-color: #13233a !important;
  border: 1px solid #13233a !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.darknavy .bg-in-aff {
  background: #353f66;
  border-radius: 5px;
  color: #ffe1a6;
  padding: 5px;
}
.darknavy .icon-aff {
  position: absolute;
  top: 92px;
  left: 0;
  right: 0;
  color: #fff;
}
.darknavy .btn-comein {
  position: absolute;
  bottom: -17%;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.darknavy .bg-search {
  background-color: #13233a !important;
}
.darknavy .bg-from,
.darknavy .bg-search {
  border: 1px solid #ffe1a6 !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff !important;
}
.darknavy .bg-from {
  background-color: #13233a !important;
  background: #464646 url(/_nuxt/img/dropdown.2ae9015.png) no-repeat right
    0.75rem center/10px 8px;
}
.darknavy .search {
  position: absolute;
  right: 24px;
  color: #bdbdbd;
}
.darknavy .card-point {
  background: #172231 !important;
  filter: drop-shadow(0 0 0 #13233a) !important;
  color: #fff !important;
  border-radius: 10px;
}
.darknavy .bg-point {
  background: #e0a532;
  border-radius: 20px;
  margin: 4px;
  color: #13233a;
}
.darknavy .bg-card-his {
  background: #13233a !important;
  color: #fff !important;
}
.darknavy .card-nodata {
  background: #13233a;
  color: #fff;
  padding: 80px;
  border-radius: 10px;
}
.darknavy .action-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2%;
}
.darknavy .action-wrapper__btn-spin {
  background-image: url(https://es-dev.vrbet.com/_nuxt/img/button.1e27aca.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 6vw;
  width: 14vw;
  margin-bottom: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.darknavy .action-wrapper__btn-spin span {
  font-size: 3vw;
  color: #fff;
  -webkit-text-stroke: 3px #fff;
}
@media screen and (max-width: 992px) {
  .darknavy .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2.5px #fff;
    font-size: 6vw;
  }
}
@media screen and (max-width: 480px) {
  .darknavy .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2px #fff;
    font-size: 8vw;
  }
}
@media screen and (max-width: 992px) {
  .darknavy .action-wrapper__btn-spin {
    margin-top: 3vw;
    width: 26vw;
    height: 12vw;
  }
}
@media screen and (max-width: 480px) {
  .darknavy .action-wrapper__btn-spin {
    width: 40vw;
    height: 18vw;
  }
}
.darknavy .action-wrapper__btn-spin.disabledbtn {
  cursor: not-allowed;
  filter: grayscale(1);
}
.darknavy .glass-panel {
  color: #fff;
  margin: 40px auto;
  background-color: hsla(0, 0%, 100%, 0.06);
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  width: 100%;
  border-radius: 15px;
  padding: 32px;
  backdrop-filter: blur(10px);
}
.darknavy .glass-button {
  display: inline-block;
  padding: 15px 18px;
  text-decoration: none;
  border-radius: 15px;
  background-color: #4e4e4e;
  border: 1px solid #bdbdbd;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: #bdbdbd;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}
.darknavy .glass-button:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.darknavy .glass-panel {
  max-width: 600px;
}
.darknavy #background-wrap {
  bottom: 0;
  left: 0;
  padding-top: 50px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.darknavy .x1 {
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 35s linear infinite;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  transform: scale(0.65);
}
.darknavy .x2 {
  -webkit-animation: animateCloud 20s linear infinite;
  -moz-animation: animateCloud 20s linear infinite;
  animation: animateCloud 20s linear infinite;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.darknavy .x3 {
  -webkit-animation: animateCloud 30s linear infinite;
  -moz-animation: animateCloud 30s linear infinite;
  animation: animateCloud 30s linear infinite;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.darknavy .x4 {
  -webkit-animation: animateCloud 18s linear infinite;
  -moz-animation: animateCloud 18s linear infinite;
  animation: animateCloud 18s linear infinite;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.darknavy .x5 {
  -webkit-animation: animateCloud 25s linear infinite;
  -moz-animation: animateCloud 25s linear infinite;
  animation: animateCloud 25s linear infinite;
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  transform: scale(0.55);
}
.darknavy .cloud {
  background: #1f3556;
  background: -moz-linear-gradient(top, #1f3556 5%, #13233a 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, #1f3556),
    color-stop(100%, #13233a)
  );
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 8px 5px hsla(0, 0%, 74.1%, 0.1);
  -moz-box-shadow: 0 8px 5px hsla(0, 0%, 74.1%, 0.1);
  box-shadow: 0 8px 5px hsla(0, 0%, 74.1%, 0.1);
  height: 120px;
  position: relative;
  width: 350px;
}
.darknavy .cloud:after,
.darknavy .cloud:before {
  background: #1f3556;
  content: "";
  position: absolute;
  z-index: -1;
}
.darknavy .cloud:after {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  height: 100px;
  left: 50px;
  top: -50px;
  width: 100px;
}
.darknavy .cloud:before {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  width: 180px;
  height: 180px;
  right: 50px;
  top: -90px;
}
.darknavy .bg-share-facebook {
  background-color: #212846 !important;
  color: #fff !important;
}
.darknavy .bg-game {
  background: linear-gradient(#1f3554, #0b1420) padding-box,
    linear-gradient(180deg, #eccfa9, #ffe1a6, #c69c4d) border-box !important;
  border: 0.5px solid transparent;
  border-radius: 10px !important;
  color: #ffe1a6 !important;
  width: 80px;
  height: 67px;
}
.darknavy .bg-game-active {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  border-radius: 10px !important;
  color: #191e32 !important;
  width: 80px;
  height: 67px;
}
.darknavy .bg-search-game {
  background-color: #13233a !important;
  border-radius: 10px !important;
  color: #bdbdbd !important;
  border: none !important;
}
.darknavy .unactive-footer {
  color: #bdbdbd;
}
.darknavy .btn-aff-share {
  background: linear-gradient(270deg, #ffddaf, #e0a532);
  border-radius: 10px;
  color: #13233a;
  border-color: #e0a532 !important;
  filter: drop-shadow(0 0 5px #e0a532);
}
.darknavy #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #13233a !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darknavy .btn-change-language {
  background-color: #13233a !important;
  border: 1px solid #ffe1a6;
}
.darknavy .card-money,
.darknavy .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card\ copy.c4be5af.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.darknavy .bg-iconuser {
  background: #fff;
  padding: 7px;
  border-radius: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #ffe1a6;
}
.darknavy .content-lv {
  padding: 10px 0;
}
.darknavy .border-bottom-aff {
  border-bottom: 1px solid #ffddaf;
}
.darknavy .body-content {
  background: #fff;
  width: 70%;
  border-bottom-right-radius: 20px;
  padding: 0 39px;
  overflow: auto;
  max-height: 300px;
}
@media (max-width: 479px) {
  .darknavy .body-content {
    width: 75%;
    padding: 0 10px;
  }
}
.darknavy .active2 {
  color: #191e32 !important;
  background: #fff !important;
  border-bottom-left-radius: 0 !important;
}
.darknavy .tab-item {
  padding: 15px !important;
  font-size: 14px !important;
}
.darknavy .tab-history-class {
  border-radius: 20px;
  color: #191e32;
  border: 1px solid #e0a532;
}
.darknavy .tab-item:last-child {
  border-bottom: 1px solid #ffe1a6;
  border-bottom-left-radius: 20px !important;
}
.darknavy .tab-item,
.darknavy .tab-item:last-child {
  cursor: pointer;
  color: #191e32;
  background: linear-gradient(180deg, #ffddaf 0, #e0a532);
}
.darknavy .tab-item {
  border-bottom: 1px solid #ffe1a6;
}
.darknavy .header-aff {
  background: linear-gradient(180deg, #ffddaf 0, #e0a532);
  border-bottom: 1px solid #191e32;
  border-radius: 20px 20px 0 0;
}
.darknavy .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #fff;
  border-radius: 30rem !important;
}
.darknavy .bg-aff-level {
  background: linear-gradient(#283051, #283051) padding-box,
    linear-gradient(90deg, #ffddaf, #ffe1a6, #e0a532) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darknavy .bg-aff-level .nunber-friend {
  background: #14243a;
  border-radius: 10px;
  color: #fff;
}
.darknavy .bg-aff-level .turn-other {
  background: #13233a;
  border-radius: 10px;
}
.darknavy .bg-aff-level .solid {
  border: 1px solid #ffddaf;
  height: 40px;
}
.darknavy .filters-content {
  background-color: #13233a;
}
.darknavy .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #14243a;
  color: #bdbdbd;
  padding: 5px;
}
.darknavy .filters__button:hover {
  background-color: #13233a;
}
.darknavy .filters-content {
  background-color: #14243a;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darknavy .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #192033;
  color: #bdbdbd;
  padding: 5px;
}
.darknavy .filters__button2:hover {
  background-color: #192033;
}
.darknavy .filters [data-content] {
  display: none;
}
.darknavy [data-content].is-active[data-content] {
  display: grid;
}
.darknavy [data-target].is-active {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 10px;
  color: #13233a;
}
.darknavy .condition-header {
  background: linear-gradient(
    109.63deg,
    #ffddaf 3.68%,
    #ffe1a6 47.76%,
    #e0a532 95.96%
  );
  border-radius: 5px;
  color: #13233a;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.darknavy .bg-wheel-condition {
  background: linear-gradient(#13233a, #13233a) padding-box,
    linear-gradient(109.63deg, #ffddaf 3.68%, #ffe1a6 47.76%, #e0a532 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.darknavy .btn-up-slip {
  color: #ffddaf;
  border: 2px solid #e0a532 !important;
  background: 0 0 !important;
}
.darknavy .btn-no-received {
  background: #13233a;
  border-color: #13233a;
  color: #fff;
  border-radius: 10px;
}
.darknavy .btn-no-received:hover {
  background-color: #13233a !important;
  border-color: #13233a !important;
  color: #fff;
  border-radius: 10px !important;
}
.darknavy .card-points {
  background: linear-gradient(#13233a, #13233a) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darknavy .r-gold {
  background: linear-gradient(#13233a, #13233a) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.darknavy .r-gold,
.darknavy .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.darknavy .r-silver {
  background: linear-gradient(#13233a, #13233a) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.darknavy .r-copper {
  background: linear-gradient(#13233a, #13233a) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.darknavy .cycle-gold {
  background: linear-gradient(#13233a, #13233a) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.darknavy .cycle-gold,
.darknavy .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.darknavy .cycle-silver {
  background: linear-gradient(#13233a, #13233a) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
}
.darknavy .cycle-copper {
  background: linear-gradient(#13233a, #13233a) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.darknavy .btn-no-received:focus {
  background-color: #343434 !important;
  border-color: #343434 !important;
  border-radius: 10px !important;
}
.darknavy .bg-pro {
  background: #0f2440;
  border-radius: 10px;
}
.darknavy .filters-content-bg {
  background-color: #192033;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darknavy .is-unactive {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #192033;
  color: #7d7d7d;
  padding: 5px;
}
.darknavy .fillter-icon {
  filter: invert(62%) sepia(33%) saturate(666%) hue-rotate(337deg)
    brightness(152%) contrast(100%);
  width: 30px;
}
.darknavy .fillter-icon-active {
  filter: invert(56%) sepia(33%) saturate(666%) hue-rotate(143deg)
    brightness(36%) contrast(157%);
  width: 30px;
}
.darknavy .card-decimal {
  background: #ececec;
  color: #000 !important;
}
.darknavy .card-decimal,
.darknavy .card-transfer {
  box-shadow: 0 4px 10px rgba(14, 26, 41, 0.12);
  border-radius: 10px;
}
.darknavy .card-transfer {
  background: #13233a;
  color: #ffe1a6 !important;
}
.darknavy .bg-choose-team {
  background: hsla(0, 0%, 100%, 0.3);
  border-radius: 5px;
  color: #fff;
  padding: 2px;
  margin: 4px;
}
.darknavy input::placeholder {
  color: #bdbdbd;
}
.darknavy .alert-secondary {
  color: #fff !important;
  background-color: #1f3556 !important;
  border-color: #1f3556 !important;
}
.darknavy .bagfree {
  position: absolute;
  top: 5px;
  right: 6px;
}
.darknavy .bagfree2 {
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 35px;
}
.darknavy .bg-month-active {
  background: linear-gradient(#0e1a29, #0e1a29) padding-box,
    linear-gradient(90deg, #ffddaf, #e0a532) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #fff;
  border: 1px solid transparent;
}
.darknavy .bg-month {
  background: #0e1a29;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #7d7d7d;
}
.darknavy .btn.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 48, 81, 0.25) !important;
}
.darknavy .arry-input {
  height: calc(1.5em + 5rem + 10px) !important;
  border-radius: 10px !important;
  color: #fff !important;
}
.darknavy .show-footer {
  display: none;
  position: absolute;
  top: -46px;
}
.darknavy #modalQuestionnaire .modal-content {
  background-color: #13233a !important;
}
.darknavy .bg-input-modal {
  background-color: #0a1627 !important;
}

.darkamethyst .shadow-today {
  box-shadow: 0 0 15px #ffddaf;
}
.darkamethyst .bd-daily-fix {
  border-color: #c0a98a !important;
  background: #251c38 !important;
}
.darkamethyst .text-deposited-daily-fix {
  color: #bdbdbd;
}
.darkamethyst .bg-table-daily-fix {
  background: #3c2f59 !important;
  color: #fff !important;
}
.darkamethyst .text-daily-fix {
  color: #ffe1a6 !important;
}
.darkamethyst .text-credit-daily {
  background: linear-gradient(180deg, #33264f 0, #33264f) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.darkamethyst .text-color {
  color: #fff !important;
}
.darkamethyst .text-template {
  color: #ffe1a6;
}
.darkamethyst .text-theme {
  color: #3c2f59;
}
.darkamethyst .text-spcial {
  background: linear-gradient(180deg, #696969 0, #1a1c1c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkamethyst .text-linear,
.darkamethyst .text-linear-footer {
  background: linear-gradient(180deg, #ffddaf 0, #e0a532);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkamethyst .text-see-history {
  color: #fff;
}
.darkamethyst .text-head-hisotry {
  color: #ffe1a6;
}
.darkamethyst .text-tranfer {
  background: linear-gradient(180deg, #ffe1a6 0, #ffe1a6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkamethyst .text-color-icon {
  background: linear-gradient(180deg, #ffe1a6, #ffe1a6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkamethyst .text-credit {
  background: #ffe1a6;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkamethyst .bg-credit {
  background: linear-gradient(#3e305c, #3e305c);
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkamethyst .bg-ball-choose-team {
  background: linear-gradient(#3c2f59, #3c2f59) padding-box,
    linear-gradient(90deg, #ffddaf, #e0a532) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkamethyst .bg-wallet {
  background: #3c2f59;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
}
.darkamethyst .bg-credit-free {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 0 0 10px 10px;
}
.darkamethyst .recevied-com {
  background: #5c574c;
  border-radius: 10px;
  border: 2px solid #ffddaf;
  color: #e0a532;
}
.darkamethyst .bg-card-commission {
  background: #3c2f59;
}
.darkamethyst .bg-turn {
  color: #fff;
  background: #3c2f59;
  border-radius: 10px;
}
.darkamethyst .bg-icon-index {
  background: #3c2f59 !important;
  border-radius: 10px !important;
}
.darkamethyst .bg-con-turn {
  background: #2b1e44 !important;
}
.darkamethyst .color-toogle {
  background: linear-gradient(180deg, #5cc875 0, #5cc875);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkamethyst .tab-content > .active {
  display: block;
  background: #3c2f59 !important;
}
.darkamethyst .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #534476, #534476) !important;
  color: #fff !important;
}
.darkamethyst .active-bg {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  color: #191e32 !important;
}
.darkamethyst .tab-box {
  background-color: #3c2f59;
  color: #bdbdbd;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.darkamethyst .nav-tabs {
  border-bottom: 2px solid #534476 !important;
}
.darkamethyst .nav-tabs .nav-link {
  border: 0 !important;
  background: #3e305c !important;
  color: #bdbdbd !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.darkamethyst .boder-right {
  height: 50px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.2509803922);
}
.darkamethyst .btn-copy-bank {
  background: #33264f;
  border-radius: 10px;
  color: #fff;
  width: max-content;
  border-color: #33264f;
  box-shadow: 0 4px 4px hsla(0, 0%, 74.1%, 0.16);
}
.darkamethyst .btn-money {
  border-color: #ffddaf;
  border-radius: 10px;
  background: rgba(92, 87, 76, 0.2);
  color: #ffddaf;
}
.darkamethyst .active-btn-amount {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  color: #3c2f59 !important;
  font-weight: 900;
}
.darkamethyst .btn-topup-promptpay {
  border-color: #ffddaf;
  border-radius: 10px;
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  color: #191e32;
}
.darkamethyst .boder-color {
  border-color: #191e32 !important;
}
.darkamethyst .is-active-register {
  background: #c0ac83 !important;
  border: 1px solid #c0a98a !important;
}
.darkamethyst .b-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin: 0;
  outline: 0;
  transform: translateX(0);
  background: linear-gradient(0.483turn, #3b1967 4.17%, #180928) !important;
}
.darkamethyst .bg-info {
  color: #fff;
  background: #2b1e44 !important;
  padding: 5px;
  border-radius: 10px;
}
.darkamethyst .btn-change {
  background: #3e305c;
  box-shadow: 0 4px 10px hsla(0, 0%, 74.1%, 0.12);
  border-radius: 10px;
}
.darkamethyst .card-pro {
  background: #2b1e44;
  border-radius: 10px;
  color: #fff !important;
  font-weight: 400 !important;
  height: 13em;
}
.darkamethyst .bg-lock {
  background: #ffe1a6;
  padding: 8px;
  border-radius: 18px;
  width: 40px;
  color: #191e32;
}
.darkamethyst .btn-cancel {
  background: #2b1e44;
  border-radius: 10px;
  color: #ffe1a6 !important;
  border: 1px solid #ffe1a6;
}
.darkamethyst .btn-cancel:hover {
  border-radius: 10px;
  color: #000 !important;
  border: 1px solid #000 !important;
}
.darkamethyst .btn-theme-one {
  background: #ffddaf;
  border-color: #3c2f59 !important;
  color: #3c2f59;
  border-radius: 10px;
}
.darkamethyst .btn-theme-two {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 10px;
  color: #191e32;
}
.darkamethyst .btn-login {
  background: #6900a7;
  border-radius: 10px;
  color: #fff;
  border-color: #6900a7 !important;
}
.darkamethyst .btn-theme-seemore {
  background: #565553;
  border-radius: 10px;
  color: #fff;
  border-color: #565553 !important;
}
.darkamethyst .btn-copy {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  border-radius: 0 10px 10px 0 !important;
  color: #3c2f59 !important;
  border: none;
}
.darkamethyst .card {
  background: #3c2f59 !important;
  color: #ffe1a6 !important;
  filter: drop-shadow(0 0 1px #989898);
}
.darkamethyst .bg-input-theme {
  background-color: #d1d1d1 !important;
}
.darkamethyst .border-theme {
  border-radius: 15px !important;
}
.darkamethyst .icon-activity {
  filter: invert(0);
  width: 20px;
}
.darkamethyst .bg-table {
  background-color: #534476;
  border-radius: 10px;
  border: 0 solid #534476 !important;
}
.darkamethyst .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #bdbdbd !important;
  border-top: 0 solid #bdbdbd !important;
  padding: 4px 12px;
  background: #3c2f59;
  color: #fff !important;
}
.darkamethyst .table td {
  vertical-align: top;
  border-top: 0 solid #bdbdbd !important;
  color: #bdbdbd !important;
}
.darkamethyst .Daily__item__box {
  position: relative;
  height: 75px;
  background: #3c2f59;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
}
.darkamethyst .Daily__item__box.active {
  background: linear-gradient(#3c2f59, #3c2f59) padding-box,
    linear-gradient(90deg, #ffddaf, #e0a532) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.darkamethyst .Daily__item__box.active-today {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border: none !important;
  color: #3c2f59;
}
.darkamethyst .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #3c2f59;
  border-radius: 10px;
}
.darkamethyst .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.darkamethyst .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.darkamethyst .text-daily {
  color: #fff;
}
.darkamethyst .btn-reward {
  width: 85%;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
  cursor: pointer;
}
.darkamethyst .bg-btn-point {
  background: #ffe1a6;
  border-radius: 20px;
  margin: 4px;
  color: #251c38;
}
.darkamethyst .bg-chosses {
  background-color: #2b1e44;
  border-radius: 15px;
  filter: drop-shadow(0 1px 1px #989898);
  color: #fff;
}
.darkamethyst .bg-hover:hover,
.darkamethyst .btn-hover:focus {
  background-color: #534476;
}
.darkamethyst .showSlide {
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 80%;
  background-color: #534476 !important;
  display: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.darkamethyst #modal-suscess-complain .modal-content {
  background-color: #3c2f59 !important;
}
.darkamethyst .from-complain {
  display: block;
  width: 100%;
  height: calc(1.5em + 5rem + 10px) !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  background-color: #33264f !important;
  background-clip: padding-box;
  border: 1px solid #33264f !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darkamethyst .btn-withdraw {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  box-shadow: 0 4px 4px hsla(0, 0%, 74.1%, 0.16);
  border-radius: 10px;
  color: #3c2f59;
  border-color: #e0a532 !important;
}
.darkamethyst .cover-withdraw {
  background: #3c2f59;
  border-radius: 0 0 10px 10px;
}
.darkamethyst .hd-withdraw {
  background: #3c2f59;
  border-radius: 10px 10px 0 0;
  color: #fff;
  padding: 10px;
  font-size: 18px;
}
.darkamethyst .card-withdraw {
  background: #2b1e44 !important;
  color: #fff !important;
  border-radius: 5px;
}
.darkamethyst .page-item.active .page-link {
  z-index: 3;
  color: #3c2f59 !important;
  background-color: #ffe1a6 !important;
  border-color: #ffe1a6 !important;
}
.darkamethyst .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #ffe1a6 !important;
  background-color: #3c2f59 !important;
  border: 1px solid #3c2f59 !important;
}
.darkamethyst .custom-control-input:checked ~ .custom-control-label:before {
  color: #fff !important;
  border-color: #ffe1a6 !important;
  background-color: #ffe1a6 !important;
}
.darkamethyst .boxcredit {
  background: rgba(34, 32, 32, 0.6);
  width: 55%;
}
.darkamethyst .border-color {
  border: 2px solid #ffddaf;
  border-radius: 10px;
}
.darkamethyst .btn-box {
  background-image: linear-gradient(315deg, #ffddaf, #e0a532 74%);
  border-radius: 5px 25px;
  filter: drop-shadow(1px 2px 4px #e0a532);
  border-color: #ffddaf !important;
}
.darkamethyst .breadcrumb {
  background-color: #251c38;
}
.darkamethyst .breadcrumb-item.active {
  color: #ffe1a6 !important;
}
.darkamethyst .breadcrumb-item {
  color: #fff !important;
}
.darkamethyst .swal2-popup {
  background: #3c2f59 !important;
}
.darkamethyst .swal2-content,
.darkamethyst .swal2-title {
  color: #fff !important;
}
.darkamethyst .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  border-radius: 10px !important;
  border-color: #fff !important;
  color: #fff !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.darkamethyst .bg-body-modal {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #3e305c !important;
  color: #251c38;
}
.darkamethyst .modal-content {
  border-radius: 1rem !important;
}
.darkamethyst .bg-body {
  background: #3e305c !important;
}
.darkamethyst .bg-body-promotion {
  background: #3c2f59 !important;
}
.darkamethyst .bg-footer {
  border-top: 1px solid #3c2f59 !important;
  border-bottom-right-radius: calc(1rem - 1px) !important;
  border-bottom-left-radius: calc(1rem - 1px) !important;
  background-color: #3c2f59 !important;
}
.darkamethyst #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #3e305c !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkamethyst #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #3e305c !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkamethyst #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #3e305c !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darkamethyst #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #3e305c !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkamethyst #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #3e305c !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkamethyst #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #3e305c !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darkamethyst #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #3e305c !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkamethyst #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #3e305c !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkamethyst .card-bank {
  background: #2b1e44;
  box-shadow: 0 4px 10px hsla(0, 0%, 74.1%, 0.12);
  border-radius: 7px;
  color: #ffe1a6 !important;
}
.darkamethyst .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid hsla(0, 0%, 74.1%, 0.125);
}
.darkamethyst .swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid;
  border-radius: 50%;
}
.darkamethyst .swal2-icon.swal2-success [class^="swal2-success-line"] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
}
.darkamethyst .form-control {
  display: block;
  padding: 0.375rem 0.75rem;
  background-color: #33264f;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darkamethyst .custom-select,
.darkamethyst .form-control {
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  border: 1px solid #2b1e44 !important;
  border-radius: 0.25rem;
}
.darkamethyst .custom-select {
  display: inline-block;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  vertical-align: middle;
  background-color: #2b1e44 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(/_nuxt/img/sort-arrows.4ef9d5b.png) right 0.75rem
    center/8px 10px no-repeat;
}
.darkamethyst .multiselect__tags {
  min-height: 40px;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  font-size: 14px;
}
.darkamethyst .multiselect__content-wrapper,
.darkamethyst .multiselect__tags {
  display: block;
  border: 1px solid #2b1e44 !important;
  background: #3c2f59 !important;
  color: #fff !important;
}
.darkamethyst .multiselect__content-wrapper {
  position: absolute;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.darkamethyst .multiselect__input,
.darkamethyst .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #3c2f59 !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
  color: #fff;
}
.darkamethyst .multiselect__option--highlight {
  background: #3c2f59 !important;
  outline: none;
  color: #fff !important;
}
.darkamethyst #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #3c2f59 !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.darkamethyst .border-banner {
  border: 2px solid #ffddaf;
  border-radius: 10px;
}
.darkamethyst .btn-secondary:hover {
  color: #3c2f59;
  background-color: #ffddaf !important;
  border-color: none !important;
}
.darkamethyst .btn-secondary.focus,
.darkamethyst .btn-secondary:focus {
  color: #3c2f59;
  background-color: #ffddaf !important;
  border-color: #ffddaf !important;
}
.darkamethyst .bg-choose {
  background: #3c2f59 !important;
  color: #fff;
}
.darkamethyst .btn-join-activity {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 0 0 10px 10px;
  color: #3c2f59;
  border-color: #251c38 !important;
}
.darkamethyst .bg-input {
  background: #3c2f59 !important;
  border-radius: 10px;
  color: #fff !important;
  border: none !important;
}
.darkamethyst .bg-condition {
  background: #3c2f59 !important;
  color: #fff;
}
.darkamethyst .header-login {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5019607843);
  border: 0 solid hsla(0, 0%, 74.1%, 0.125);
}
.darkamethyst .footer-wrapper1 {
  height: auto;
}
.darkamethyst .footer-wrapper,
.darkamethyst .footer-wrapper1 {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.darkamethyst .footer-wrapper {
  height: 58px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: #322256;
  box-shadow: 0 0 16px hsla(0, 0%, 41.2%, 0.55);
  z-index: 2;
}
.darkamethyst .footer-wrapper .play-game {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 15px;
  text-align: center;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  box-shadow: 0 4px 6px hsla(0, 0%, 74.1%, 0.25);
}
.darkamethyst .footer-wrapper .play-game .play-game-box {
  display: table-cell;
  transform: rotate(316deg);
  vertical-align: middle;
}
.darkamethyst .footer-wrapper .play-game .item-count {
  width: 30px;
  filter: invert(1);
}
.darkamethyst .footer-wrapper .play-game-5 {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 30px;
  text-align: center;
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  box-shadow: 0 4px 6px hsla(0, 0%, 74.1%, 0.25);
}
.darkamethyst .footer-wrapper .play-game-5 .play-game-box-5 {
  display: table-cell;
  vertical-align: middle;
}
.darkamethyst .footer-wrapper .play-game-5 .item-count {
  width: 34px;
  filter: invert(1);
}
.darkamethyst a {
  color: #bdbdbd !important;
}
.darkamethyst a:hover {
  color: --blue;
  text-decoration: none !important;
}
.darkamethyst .bg-table-aff {
  background-color: #3c2f59 !important;
  border: 0 solid #3c2f59 !important;
}
.darkamethyst .border-left {
  border-left: 3px solid #ffe1a6 !important;
}
.darkamethyst .border-solid {
  border: 1px solid #3c2f59;
}
.darkamethyst .bg-from-aff {
  display: inline-block;
  width: 50% !important;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  vertical-align: middle;
  background-color: #3c2f59 !important;
  border: 1px solid #3c2f59 !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.darkamethyst .bg-in-aff {
  background: #2b1e44;
  border-radius: 5px;
  color: #ffe1a6;
  padding: 5px;
}
.darkamethyst .icon-aff {
  position: absolute;
  top: 92px;
  left: 0;
  right: 0;
  color: #fff;
}
.darkamethyst .btn-comein {
  position: absolute;
  bottom: -17%;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.darkamethyst .bg-search {
  background-color: #3c2f59 !important;
}
.darkamethyst .bg-from,
.darkamethyst .bg-search {
  border: 1px solid #ffe1a6 !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff !important;
}
.darkamethyst .bg-from {
  background-color: #3c2f59 !important;
  background: #464646 url(/_nuxt/img/dropdown.2ae9015.png) no-repeat right
    0.75rem center/10px 8px;
}
.darkamethyst .search {
  position: absolute;
  right: 24px;
  color: #bdbdbd;
}
.darkamethyst .card-point {
  background: #2b1e44 !important;
  filter: drop-shadow(0 0 0 #2b1e44) !important;
  color: #fff !important;
  border-radius: 10px;
}
.darkamethyst .bg-point {
  background: #e0a532;
  border-radius: 20px;
  margin: 4px;
  color: #3c2f59;
}
.darkamethyst .bg-card-his {
  background: #2b1e44 !important;
  color: #fff !important;
}
.darkamethyst .card-nodata {
  background: #2b1e44;
  color: #fff;
  padding: 80px;
  border-radius: 10px;
}
.darkamethyst .action-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2%;
}
.darkamethyst .action-wrapper__btn-spin {
  background-image: url(https://es-dev.vrbet.com/_nuxt/img/button.1e27aca.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 6vw;
  width: 14vw;
  margin-bottom: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.darkamethyst .action-wrapper__btn-spin span {
  font-size: 3vw;
  color: #fff;
  -webkit-text-stroke: 3px #fff;
}
@media screen and (max-width: 992px) {
  .darkamethyst .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2.5px #fff;
    font-size: 6vw;
  }
}
@media screen and (max-width: 480px) {
  .darkamethyst .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2px #fff;
    font-size: 8vw;
  }
}
@media screen and (max-width: 992px) {
  .darkamethyst .action-wrapper__btn-spin {
    margin-top: 3vw;
    width: 26vw;
    height: 12vw;
  }
}
@media screen and (max-width: 480px) {
  .darkamethyst .action-wrapper__btn-spin {
    width: 40vw;
    height: 18vw;
  }
}
.darkamethyst .action-wrapper__btn-spin.disabledbtn {
  cursor: not-allowed;
  filter: grayscale(1);
}
.darkamethyst .glass-panel {
  color: #fff;
  margin: 40px auto;
  background-color: hsla(0, 0%, 100%, 0.06);
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  width: 100%;
  border-radius: 15px;
  padding: 32px;
  backdrop-filter: blur(10px);
}
.darkamethyst .glass-button {
  display: inline-block;
  padding: 15px 18px;
  text-decoration: none;
  border-radius: 15px;
  background-color: #4e4e4e;
  border: 1px solid #bdbdbd;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: #bdbdbd;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}
.darkamethyst .glass-button:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.darkamethyst .glass-panel {
  max-width: 600px;
}
.darkamethyst #background-wrap {
  bottom: 0;
  left: 0;
  padding-top: 50px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.darkamethyst .x1 {
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 35s linear infinite;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  transform: scale(0.65);
}
.darkamethyst .x2 {
  -webkit-animation: animateCloud 20s linear infinite;
  -moz-animation: animateCloud 20s linear infinite;
  animation: animateCloud 20s linear infinite;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.darkamethyst .x3 {
  -webkit-animation: animateCloud 30s linear infinite;
  -moz-animation: animateCloud 30s linear infinite;
  animation: animateCloud 30s linear infinite;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.darkamethyst .x4 {
  -webkit-animation: animateCloud 18s linear infinite;
  -moz-animation: animateCloud 18s linear infinite;
  animation: animateCloud 18s linear infinite;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.darkamethyst .x5 {
  -webkit-animation: animateCloud 25s linear infinite;
  -moz-animation: animateCloud 25s linear infinite;
  animation: animateCloud 25s linear infinite;
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  transform: scale(0.55);
}
.darkamethyst .cloud {
  background: #3e305c;
  background: -moz-linear-gradient(top, #3e305c 5%, #33264f 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, #3e305c),
    color-stop(100%, #33264f)
  );
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 8px 5px hsla(0, 0%, 74.1%, 0.1);
  -moz-box-shadow: 0 8px 5px hsla(0, 0%, 74.1%, 0.1);
  box-shadow: 0 8px 5px hsla(0, 0%, 74.1%, 0.1);
  height: 120px;
  position: relative;
  width: 350px;
}
.darkamethyst .cloud:after,
.darkamethyst .cloud:before {
  background: #3e305c;
  content: "";
  position: absolute;
  z-index: -1;
}
.darkamethyst .cloud:after {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  height: 100px;
  left: 50px;
  top: -50px;
  width: 100px;
}
.darkamethyst .cloud:before {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  width: 180px;
  height: 180px;
  right: 50px;
  top: -90px;
}
.darkamethyst .bg-share-facebook {
  background-color: #33264f !important;
  color: #fff !important;
}
.darkamethyst .bg-game {
  background: linear-gradient(#372a52, #2b2043) padding-box,
    linear-gradient(180deg, #eccfa9, #ffe1a6, #c69c4d) border-box !important;
  border: 0.5px solid transparent;
  border-radius: 10px !important;
  color: #ffe1a6 !important;
  width: 80px;
  height: 67px;
}
.darkamethyst .bg-game-active {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  border-radius: 10px !important;
  color: #251c38 !important;
  width: 80px;
  height: 67px;
}
.darkamethyst .bg-search-game {
  background-color: #33264f !important;
  border-radius: 10px !important;
  color: #bdbdbd !important;
  border: none !important;
}
.darkamethyst .unactive-footer {
  color: #bdbdbd;
}
.darkamethyst .btn-aff-share {
  background: linear-gradient(270deg, #ffddaf, #e0a532);
  border-radius: 10px;
  color: #3c2f59;
  border-color: #e0a532 !important;
  filter: drop-shadow(0 0 5px #e0a532);
}
.darkamethyst #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #3c2f59 !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkamethyst .btn-change-language {
  background-color: #3c2f59 !important;
  border: 1px solid #ffe1a6;
}
.darkamethyst .card-money,
.darkamethyst .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card\ copy.c4be5af.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.darkamethyst .bg-iconuser {
  background: #fff;
  padding: 7px;
  border-radius: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #ffe1a6;
}
.darkamethyst .content-lv {
  padding: 10px 0;
}
.darkamethyst .border-bottom-aff {
  border-bottom: 1px solid #ffddaf;
}
.darkamethyst .body-content {
  background: #3c2f59;
  width: 70%;
  border-bottom-right-radius: 20px;
  padding: 0 39px;
  overflow: auto;
  max-height: 300px;
  color: #fff !important;
}
@media (max-width: 479px) {
  .darkamethyst .body-content {
    width: 75%;
    padding: 0 10px;
  }
}
.darkamethyst .active2 {
  color: #fff !important;
  background: #3c2f59 !important;
  border-bottom-left-radius: 0 !important;
}
.darkamethyst .tab-item {
  padding: 15px !important;
  font-size: 14px !important;
}
.darkamethyst .tab-history-class {
  border-radius: 20px;
  color: #191e32;
  border: 1px solid #e0a532;
}
.darkamethyst .tab-item:last-child {
  border-bottom: 1px solid #ffe1a6;
  border-bottom-left-radius: 20px !important;
}
.darkamethyst .tab-item,
.darkamethyst .tab-item:last-child {
  cursor: pointer;
  color: #191e32;
  background: linear-gradient(180deg, #ffddaf 0, #e0a532);
}
.darkamethyst .tab-item {
  border-bottom: 1px solid #ffe1a6;
}
.darkamethyst .header-aff {
  background: linear-gradient(180deg, #ffddaf 0, #e0a532);
  border-bottom: 1px solid #191e32;
  border-radius: 20px 20px 0 0;
}
.darkamethyst .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #fff;
  border-radius: 30rem !important;
}
.darkamethyst .bg-aff-level {
  background: linear-gradient(#3c2f59, #3c2f59) padding-box,
    linear-gradient(90deg, #ffddaf, #ffe1a6, #e0a532) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkamethyst .bg-aff-level .nunber-friend {
  background: #534476;
  border-radius: 10px;
  color: #fff;
}
.darkamethyst .bg-aff-level .turn-other {
  background: #2b1e44;
  border-radius: 10px;
}
.darkamethyst .bg-aff-level .solid {
  border: 1px solid #ffddaf;
  height: 40px;
}
.darkamethyst .filters-content {
  background-color: #3c2f59;
}
.darkamethyst .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #534476;
  color: #bdbdbd;
  padding: 5px;
}
.darkamethyst .filters__button:hover {
  background-color: #3c2f59;
}
.darkamethyst .filters-content {
  background-color: #534476;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darkamethyst .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #251c38;
  color: #bdbdbd;
  padding: 5px;
}
.darkamethyst .filters__button2:hover {
  background-color: #251c38;
}
.darkamethyst .filters [data-content] {
  display: none;
}
.darkamethyst [data-content].is-active[data-content] {
  display: grid;
}
.darkamethyst [data-target].is-active {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 10px;
  color: #3c2f59;
}
.darkamethyst .condition-header {
  background: linear-gradient(
    109.63deg,
    #ffddaf 3.68%,
    #ffe1a6 47.76%,
    #e0a532 95.96%
  );
  border-radius: 5px;
  color: #3c2f59;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.darkamethyst .bg-wheel-condition {
  background: linear-gradient(#3c2f59, #3c2f59) padding-box,
    linear-gradient(109.63deg, #ffddaf 3.68%, #ffe1a6 47.76%, #e0a532 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.darkamethyst .btn-up-slip {
  color: #ffddaf;
  border: 2px solid #e0a532 !important;
  background: 0 0 !important;
}
.darkamethyst .btn-no-received {
  background: #2b1e44;
  border-color: #2b1e44;
  color: #fff;
  border-radius: 10px;
}
.darkamethyst .btn-no-received:hover {
  background-color: #2b1e44 !important;
  border-color: #2b1e44 !important;
  color: #fff;
  border-radius: 10px !important;
}
.darkamethyst .card-points {
  background: linear-gradient(#3c2f59, #3c2f59) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkamethyst .r-gold {
  background: linear-gradient(#3c2f59, #3c2f59) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.darkamethyst .r-gold,
.darkamethyst .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.darkamethyst .r-silver {
  background: linear-gradient(#3c2f59, #3c2f59) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.darkamethyst .r-copper {
  background: linear-gradient(#3c2f59, #3c2f59) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.darkamethyst .cycle-gold {
  background: linear-gradient(#3c2f59, #3c2f59) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.darkamethyst .cycle-gold,
.darkamethyst .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.darkamethyst .cycle-silver {
  background: linear-gradient(#3c2f59, #3c2f59) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
}
.darkamethyst .cycle-copper {
  background: linear-gradient(#3c2f59, #3c2f59) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.darkamethyst .btn-no-received:focus {
  background-color: #2b1e44 !important;
  border-color: #2b1e44 !important;
  border-radius: 10px !important;
}
.darkamethyst .bg-pro {
  background: #2b1e44;
  border-radius: 10px;
}
.darkamethyst .filters-content-bg {
  background-color: #251c38;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darkamethyst .is-unactive {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #251c38;
  color: #7d7d7d;
  padding: 5px;
}
.darkamethyst .fillter-icon {
  filter: invert(62%) sepia(33%) saturate(666%) hue-rotate(337deg)
    brightness(152%) contrast(100%);
  width: 30px;
}
.darkamethyst .fillter-icon-active {
  filter: invert(56%) sepia(33%) saturate(666%) hue-rotate(215deg)
    brightness(36%) contrast(149%);
  width: 30px;
}
.darkamethyst .card-decimal {
  background: #ececec;
  color: #000 !important;
}
.darkamethyst .card-decimal,
.darkamethyst .card-transfer {
  box-shadow: 0 4px 10px rgba(37, 28, 56, 0.12);
  border-radius: 10px;
}
.darkamethyst .card-transfer {
  background: #33264f;
  color: #ffe1a6 !important;
}
.darkamethyst .bg-choose-team {
  background: hsla(0, 0%, 100%, 0.3);
  border-radius: 5px;
  color: #fff;
  padding: 2px;
  margin: 4px;
}
.darkamethyst .alert-secondary {
  color: #fff !important;
  background-color: #2b1e44 !important;
  border-color: #2b1e44 !important;
}
.darkamethyst .bagfree {
  position: absolute;
  top: 5px;
  right: 6px;
}
.darkamethyst .bagfree2 {
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 35px;
}
.darkamethyst input::placeholder {
  color: #bdbdbd;
}
.darkamethyst .bg-month {
  background: #251c38;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #7d7d7d;
}
.darkamethyst .bg-month-active {
  background: linear-gradient(#251c38, #251c38) padding-box,
    linear-gradient(90deg, #ffddaf, #e0a532) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #fff;
  border: 1px solid transparent;
}
.darkamethyst .btn.focus {
  box-shadow: 0 0 0 0.2rem rgba(60, 47, 89, 0.25) !important;
}
.darkamethyst .arry-input {
  height: calc(1.5em + 5rem + 10px) !important;
  border-radius: 10px !important;
  color: #fff !important;
}
.darkamethyst .show-footer {
  display: none;
  position: absolute;
  top: -46px;
}
.darkamethyst #modalQuestionnaire .modal-content {
  background-color: #3c2f59 !important;
}
.darkamethyst .bg-input-modal {
  background-color: #33264f !important;
}

.darkruby .shadow-today {
  box-shadow: 0 0 15px #ffddaf;
}
.darkruby .bd-daily-fix {
  border-color: #ffe1a6 !important;
  background: #381a1a !important;
}
.darkruby .text-deposited-daily-fix {
  color: #bdbdbd;
}
.darkruby .bg-table-daily-fix {
  background: #442121 !important;
  color: #fff !important;
}
.darkruby .text-daily-fix {
  color: #ffe1a6 !important;
}
.darkruby .text-credit-daily {
  background: linear-gradient(180deg, #7a5555 0, #7a5555) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.darkruby .text-color {
  color: #fff !important;
}
.darkruby .text-template {
  color: #ffe1a6;
}
.darkruby .text-theme {
  color: #592b2b;
}
.darkruby .text-spcial {
  background: linear-gradient(180deg, #696969 0, #1a1c1c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkruby .text-linear,
.darkruby .text-linear-footer {
  background: linear-gradient(180deg, #ffddaf 0, #e0a532);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkruby .text-see-history {
  color: #fff;
}
.darkruby .text-head-hisotry {
  color: #ffe1a6;
}
.darkruby .text-tranfer {
  background: linear-gradient(180deg, #ffe1a6 0, #ffe1a6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkruby .text-color-icon {
  background: linear-gradient(180deg, #ffe1a6, #ffe1a6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkruby .text-credit {
  background: #ffe1a6;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkruby .bg-credit {
  background: linear-gradient(#592b2b, #592b2b);
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkruby .bg-ball-choose-team {
  background: linear-gradient(#592b2b, #592b2b) padding-box,
    linear-gradient(90deg, #ffddaf, #e0a532) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkruby .bg-wallet {
  background: #592b2b;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
}
.darkruby .bg-credit-free {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 0 0 10px 10px;
}
.darkruby .recevied-com {
  background: #5c574c;
  border-radius: 10px;
  border: 2px solid #ffddaf;
  color: #ffe1a6;
}
.darkruby .bg-card-commission {
  background: #592b2b;
}
.darkruby .bg-turn {
  color: #fff;
  background: #592b2b;
  border-radius: 10px;
}
.darkruby .bg-icon-index {
  background: #592b2b !important;
  border-radius: 10px !important;
}
.darkruby .bg-con-turn {
  background: #442121 !important;
}
.darkruby .color-toogle {
  background: linear-gradient(180deg, #5cc875 0, #5cc875);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkruby .tab-content > .active {
  display: block;
  background: #592b2b !important;
}
.darkruby .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #7a5555, #7a5555) !important;
  color: #fff !important;
}
.darkruby .active-bg {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  color: #2a2a2a !important;
}
.darkruby .tab-box {
  background-color: #592b2b;
  color: #bdbdbd;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.darkruby .nav-tabs {
  border-bottom: 2px solid #795353 !important;
}
.darkruby .nav-tabs .nav-link {
  border: 0 !important;
  background: #592b2b !important;
  color: #bdbdbd !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.darkruby .boder-right {
  height: 50px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.2509803922);
}
.darkruby .btn-copy-bank {
  background: #7a5555;
  border-radius: 10px;
  color: #fff;
  width: max-content;
  border-color: #7a5555;
  box-shadow: 0 4px 4px hsla(0, 0%, 74.1%, 0.16);
}
.darkruby .btn-money {
  border-color: #ffddaf;
  border-radius: 10px;
  background: rgba(92, 87, 76, 0.2);
  color: #ffddaf;
}
.darkruby .active-btn-amount {
  color: #592b2b !important;
  font-weight: 900;
}
.darkruby .active-btn-amount,
.darkruby .btn-topup-promptpay {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
}
.darkruby .btn-topup-promptpay {
  border-color: #ffddaf;
  border-radius: 10px;
  color: #2a2a2a;
}
.darkruby .boder-color {
  border-color: #2a2a2a !important;
}
.darkruby .is-active-register {
  background: #ffe1a6 !important;
  border: 1px solid #ffe1a6 !important;
}
.darkruby .b-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin: 0;
  outline: 0;
  transform: translateX(0);
  background: linear-gradient(0.483turn, #681616 4.17%, #2c0709) !important;
}
.darkruby .bg-info {
  color: #fff;
  background: #442121 !important;
  padding: 5px;
  border-radius: 10px;
}
.darkruby .btn-change {
  background: #592b2b;
  box-shadow: 0 4px 10px hsla(0, 0%, 74.1%, 0.12);
  border-radius: 10px;
}
.darkruby .card-pro {
  background: #442121;
  border-radius: 10px;
  color: #fff !important;
  font-weight: 400 !important;
  height: 13em;
}
.darkruby .bg-lock {
  background: #ffe1a6;
  padding: 8px;
  border-radius: 18px;
  width: 40px;
  color: #2a2a2a;
}
.darkruby .btn-cancel {
  background: #592b2b;
  border-radius: 10px;
  color: #ffe1a6 !important;
  border: 1px solid #ffe1a6;
}
.darkruby .btn-cancel:hover {
  border-radius: 10px;
  color: #000 !important;
  border: 1px solid #000 !important;
}
.darkruby .btn-theme-one {
  background: #ffddaf;
  border-color: #592b2b !important;
  color: #592b2b;
  border-radius: 10px;
}
.darkruby .btn-theme-two {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 10px;
  color: #2a2a2a;
}
.darkruby .btn-login {
  background: #861212;
  border-radius: 10px;
  color: #fff;
  border-color: #861212 !important;
}
.darkruby .btn-theme-seemore {
  background: #442121 !important;
  border-radius: 10px;
  color: #fff !important;
  border-color: #442121 !important;
}
.darkruby .btn-copy {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  border-radius: 0 10px 10px 0 !important;
  color: #592b2b !important;
  border: none;
}
.darkruby .card {
  background: #592b2b !important;
  color: #ffe1a6 !important;
  filter: drop-shadow(0 0 1px #989898);
}
.darkruby .bg-input-theme {
  background-color: #d1d1d1 !important;
}
.darkruby .border-theme {
  border-radius: 15px !important;
}
.darkruby .icon-activity {
  filter: invert(0);
  width: 20px;
}
.darkruby .bg-table {
  background-color: #7a5555;
  border-radius: 10px;
  border: 0 solid #7a5555 !important;
}
.darkruby .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #bdbdbd !important;
  border-top: 0 solid #bdbdbd !important;
  padding: 4px 12px;
  background: #592b2b;
  color: #fff !important;
}
.darkruby .table td {
  vertical-align: top;
  border-top: 0 solid #bdbdbd !important;
  color: #bdbdbd !important;
}
.darkruby .Daily__item__box {
  position: relative;
  height: 75px;
  background: #592b2b;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
}
.darkruby .Daily__item__box.active {
  background: linear-gradient(#592b2b, #592b2b) padding-box,
    linear-gradient(90deg, #ffddaf, #e0a532) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.darkruby .Daily__item__box.active-today {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border: none !important;
  color: #592b2b;
}
.darkruby .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #592b2b;
  border-radius: 10px;
}
.darkruby .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.darkruby .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.darkruby .text-daily {
  color: #fff;
}
.darkruby .btn-reward {
  width: 85%;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
  cursor: pointer;
}
.darkruby .bg-btn-point {
  background: #ffe1a6;
  border-radius: 20px;
  margin: 4px;
  color: #381a1a;
}
.darkruby .bg-chosses {
  background-color: #442121;
  border-radius: 15px;
  filter: drop-shadow(0 1px 1px #989898);
  color: #fff;
}
.darkruby .bg-hover:hover,
.darkruby .btn-hover:focus {
  background-color: #7a5555;
}
.darkruby .showSlide {
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 80%;
  background-color: #7a5555 !important;
  display: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.darkruby #modal-suscess-complain .modal-content {
  background-color: #2a2a2a !important;
}
.darkruby .from-complain {
  display: block;
  width: 100%;
  height: calc(1.5em + 5rem + 10px) !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  background-color: #7a5555 !important;
  background-clip: padding-box;
  border: 1px solid #7a5555 !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darkruby .btn-withdraw {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  box-shadow: 0 4px 4px hsla(0, 0%, 74.1%, 0.16);
  border-radius: 10px;
  color: #592b2b;
  border-color: #e0a532 !important;
}
.darkruby .cover-withdraw {
  background: #592b2b;
  border-radius: 0 0 10px 10px;
}
.darkruby .hd-withdraw {
  background: #592b2b;
  border-radius: 10px 10px 0 0;
  color: #fff;
  padding: 10px;
  font-size: 18px;
}
.darkruby .card-withdraw {
  background: #442121 !important;
  color: #fff !important;
  border-radius: 5px;
}
.darkruby .page-item.active .page-link {
  z-index: 3;
  color: #592b2b !important;
  background-color: #ffe1a6 !important;
  border-color: #ffe1a6 !important;
}
.darkruby .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #ffe1a6 !important;
  background-color: #592b2b !important;
  border: 1px solid #592b2b !important;
}
.darkruby .custom-control-input:checked ~ .custom-control-label:before {
  color: #fff !important;
  border-color: #ffe1a6 !important;
  background-color: #ffe1a6 !important;
}
.darkruby .boxcredit {
  background: rgba(34, 32, 32, 0.6);
  width: 55%;
}
.darkruby .border-color {
  border: 2px solid #ffddaf;
  border-radius: 10px;
}
.darkruby .btn-box {
  background-image: linear-gradient(315deg, #ffddaf, #e0a532 74%);
  border-radius: 5px 25px;
  filter: drop-shadow(1px 2px 4px #e0a532);
  border-color: #ffddaf !important;
}
.darkruby .breadcrumb {
  background-color: #381a1a;
}
.darkruby .breadcrumb-item.active {
  color: #ffe1a6 !important;
}
.darkruby .breadcrumb-item {
  color: #fff !important;
}
.darkruby .swal2-popup {
  background: #592b2b !important;
}
.darkruby .swal2-content,
.darkruby .swal2-title {
  color: #fff !important;
}
.darkruby .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  border-radius: 10px !important;
  border-color: #fff !important;
  color: #fff !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.darkruby .bg-body-modal {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #592b2b !important;
  color: #381a1a;
}
.darkruby .modal-content {
  border-radius: 1rem !important;
}
.darkruby .bg-body,
.darkruby .bg-body-promotion {
  background: #592b2b !important;
}
.darkruby .bg-footer {
  border-top: 1px solid #592b2b !important;
  border-bottom-right-radius: calc(1rem - 1px) !important;
  border-bottom-left-radius: calc(1rem - 1px) !important;
  background-color: #592b2b !important;
}
.darkruby #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #592b2b !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkruby #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #592b2b !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkruby #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #592b2b !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darkruby #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #592b2b !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkruby #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #592b2b !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkruby #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #592b2b !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darkruby #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #592b2b !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkruby #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #592b2b !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkruby .card-bank {
  background: #442121;
  box-shadow: 0 4px 10px hsla(0, 0%, 74.1%, 0.12);
  border-radius: 7px;
  color: #ffe1a6 !important;
}
.darkruby .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid hsla(0, 0%, 74.1%, 0.125);
}
.darkruby .swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid;
  border-radius: 50%;
}
.darkruby .swal2-icon.swal2-success [class^="swal2-success-line"] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
}
.darkruby .form-control {
  display: block;
  padding: 0.375rem 0.75rem;
  background-color: #7a5555;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darkruby .custom-select,
.darkruby .form-control {
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  border: 1px solid #442121 !important;
  border-radius: 0.25rem;
}
.darkruby .custom-select {
  display: inline-block;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  vertical-align: middle;
  background-color: #442121 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(/_nuxt/img/sort-arrows.4ef9d5b.png) right 0.75rem
    center/8px 10px no-repeat;
}
.darkruby .multiselect__tags {
  min-height: 40px;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  font-size: 14px;
}
.darkruby .multiselect__content-wrapper,
.darkruby .multiselect__tags {
  display: block;
  border: 1px solid #442121 !important;
  background: #592b2b !important;
  color: #fff !important;
}
.darkruby .multiselect__content-wrapper {
  position: absolute;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.darkruby .multiselect__input,
.darkruby .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #592b2b !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
  color: #fff;
}
.darkruby .multiselect__option--highlight {
  background: #592b2b !important;
  outline: none;
  color: #fff !important;
}
.darkruby #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #592b2b !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.darkruby .border-banner {
  border: 2px solid #ffddaf;
  border-radius: 10px;
}
.darkruby .btn-secondary:hover {
  color: #fff;
  background-color: #ffddaf !important;
  border-color: none !important;
}
.darkruby .btn-secondary.focus,
.darkruby .btn-secondary:focus {
  color: #fff;
  background-color: #ffddaf !important;
  border-color: #ffddaf !important;
}
.darkruby .bg-choose {
  background: #592b2b !important;
  color: #fff;
}
.darkruby .btn-join-activity {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 0 0 10px 10px;
  color: #592b2b;
  border-color: #381a1a !important;
}
.darkruby .bg-input {
  background: #592b2b !important;
  border-radius: 10px;
  color: #fff !important;
  border: none !important;
}
.darkruby .bg-condition {
  background: #592b2b !important;
  color: #fff;
}
.darkruby .header-login {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5019607843);
  border: 0 solid hsla(0, 0%, 74.1%, 0.125);
}
.darkruby .footer-wrapper1 {
  height: auto;
}
.darkruby .footer-wrapper,
.darkruby .footer-wrapper1 {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.darkruby .footer-wrapper {
  height: 58px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: #571414;
  box-shadow: 0 0 16px hsla(0, 0%, 41.2%, 0.55);
  z-index: 2;
}
.darkruby .footer-wrapper .play-game {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 15px;
  text-align: center;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  box-shadow: 0 4px 6px hsla(0, 0%, 74.1%, 0.25);
}
.darkruby .footer-wrapper .play-game .play-game-box {
  display: table-cell;
  transform: rotate(316deg);
  vertical-align: middle;
}
.darkruby .footer-wrapper .play-game .item-count {
  width: 30px;
  filter: invert(1);
}
.darkruby .footer-wrapper .play-game-5 {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 30px;
  text-align: center;
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  box-shadow: 0 4px 6px hsla(0, 0%, 74.1%, 0.25);
}
.darkruby .footer-wrapper .play-game-5 .play-game-box-5 {
  display: table-cell;
  vertical-align: middle;
}
.darkruby .footer-wrapper .play-game-5 .item-count {
  width: 34px;
  filter: invert(1);
}
.darkruby a {
  color: #bdbdbd !important;
}
.darkruby a:hover {
  color: --blue;
  text-decoration: none !important;
}
.darkruby .bg-table-aff {
  background-color: #592b2b !important;
  border: 0 solid #592b2b !important;
}
.darkruby .border-left {
  border-left: 3px solid #ffe1a6 !important;
}
.darkruby .border-solid {
  border: 1px solid #592b2b;
}
.darkruby .bg-from-aff {
  display: inline-block;
  width: 50% !important;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  vertical-align: middle;
  background-color: #592b2b !important;
  border: 1px solid #592b2b !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.darkruby .bg-in-aff {
  background: #442121;
  border-radius: 5px;
  color: #ffe1a6;
  padding: 5px;
}
.darkruby .icon-aff {
  position: absolute;
  top: 92px;
  left: 0;
  right: 0;
  color: #fff;
}
.darkruby .btn-comein {
  position: absolute;
  bottom: -17%;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.darkruby .bg-search {
  background-color: #592b2b !important;
}
.darkruby .bg-from,
.darkruby .bg-search {
  border: 1px solid #ffe1a6 !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff !important;
}
.darkruby .bg-from {
  background-color: #592b2b !important;
  background: #464646 url(/_nuxt/img/dropdown.2ae9015.png) no-repeat right
    0.75rem center/10px 8px;
}
.darkruby .search {
  position: absolute;
  right: 24px;
  color: #bdbdbd;
}
.darkruby .card-point {
  background: #442121 !important;
  filter: drop-shadow(0 0 0 #442121) !important;
  color: #fff !important;
  border-radius: 10px;
}
.darkruby .bg-point {
  background: #e0a532;
  border-radius: 20px;
  margin: 4px;
  color: #592b2b;
}
.darkruby .bg-card-his {
  background: #442121 !important;
  color: #fff !important;
}
.darkruby .card-nodata {
  background: #442121;
  color: #fff;
  padding: 80px;
  border-radius: 10px;
}
.darkruby .action-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2%;
}
.darkruby .action-wrapper__btn-spin {
  background-image: url(https://es-dev.vrbet.com/_nuxt/img/button.1e27aca.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 6vw;
  width: 14vw;
  margin-bottom: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.darkruby .action-wrapper__btn-spin span {
  font-size: 3vw;
  color: #fff;
  -webkit-text-stroke: 3px #fff;
}
@media screen and (max-width: 992px) {
  .darkruby .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2.5px #fff;
    font-size: 6vw;
  }
}
@media screen and (max-width: 480px) {
  .darkruby .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2px #fff;
    font-size: 8vw;
  }
}
@media screen and (max-width: 992px) {
  .darkruby .action-wrapper__btn-spin {
    margin-top: 3vw;
    width: 26vw;
    height: 12vw;
  }
}
@media screen and (max-width: 480px) {
  .darkruby .action-wrapper__btn-spin {
    width: 40vw;
    height: 18vw;
  }
}
.darkruby .action-wrapper__btn-spin.disabledbtn {
  cursor: not-allowed;
  filter: grayscale(1);
}
.darkruby .glass-panel {
  color: #fff;
  margin: 40px auto;
  background-color: hsla(0, 0%, 100%, 0.06);
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  width: 100%;
  border-radius: 15px;
  padding: 32px;
  backdrop-filter: blur(10px);
}
.darkruby .glass-button {
  display: inline-block;
  padding: 15px 18px;
  text-decoration: none;
  border-radius: 15px;
  background-color: #4e4e4e;
  border: 1px solid #bdbdbd;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: #bdbdbd;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}
.darkruby .glass-button:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.darkruby .glass-panel {
  max-width: 600px;
}
.darkruby #background-wrap {
  bottom: 0;
  left: 0;
  padding-top: 50px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.darkruby .x1 {
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 35s linear infinite;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  transform: scale(0.65);
}
.darkruby .x2 {
  -webkit-animation: animateCloud 20s linear infinite;
  -moz-animation: animateCloud 20s linear infinite;
  animation: animateCloud 20s linear infinite;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.darkruby .x3 {
  -webkit-animation: animateCloud 30s linear infinite;
  -moz-animation: animateCloud 30s linear infinite;
  animation: animateCloud 30s linear infinite;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.darkruby .x4 {
  -webkit-animation: animateCloud 18s linear infinite;
  -moz-animation: animateCloud 18s linear infinite;
  animation: animateCloud 18s linear infinite;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.darkruby .x5 {
  -webkit-animation: animateCloud 25s linear infinite;
  -moz-animation: animateCloud 25s linear infinite;
  animation: animateCloud 25s linear infinite;
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  transform: scale(0.55);
}
.darkruby .cloud {
  background: #592b2b;
  background: -moz-linear-gradient(top, #592b2b 5%, #4b2424 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, #592b2b),
    color-stop(100%, #4b2424)
  );
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 8px 5px hsla(0, 0%, 74.1%, 0.1);
  -moz-box-shadow: 0 8px 5px hsla(0, 0%, 74.1%, 0.1);
  box-shadow: 0 8px 5px hsla(0, 0%, 74.1%, 0.1);
  height: 120px;
  position: relative;
  width: 350px;
}
.darkruby .cloud:after,
.darkruby .cloud:before {
  background: #592b2b;
  content: "";
  position: absolute;
  z-index: -1;
}
.darkruby .cloud:after {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  height: 100px;
  left: 50px;
  top: -50px;
  width: 100px;
}
.darkruby .cloud:before {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  width: 180px;
  height: 180px;
  right: 50px;
  top: -90px;
}
.darkruby .bg-share-facebook {
  background-color: #7a5555 !important;
  color: #fff !important;
}
.darkruby .bg-game {
  background: linear-gradient(#632323, #4e1616) padding-box,
    linear-gradient(180deg, #eccfa9, #ffe1a6, #c69c4d) border-box !important;
  border: 0.5px solid transparent;
  border-radius: 10px !important;
  color: #ffe1a6 !important;
  width: 80px;
  height: 67px;
}
.darkruby .bg-game-active {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  border-radius: 10px !important;
  color: #381a1a !important;
  width: 80px;
  height: 67px;
}
.darkruby .bg-search-game {
  background-color: #4b2424 !important;
  border-radius: 10px !important;
  color: #bdbdbd !important;
  border: none !important;
}
.darkruby .unactive-footer {
  color: #bdbdbd;
}
.darkruby .btn-aff-share {
  background: linear-gradient(270deg, #ffddaf, #e0a532);
  border-radius: 10px;
  color: #592b2b !important;
  border-color: #e0a532 !important;
  filter: drop-shadow(0 0 5px #e0a532);
}
.darkruby #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #592b2b !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkruby .btn-change-language {
  background-color: #592b2b !important;
  border: 1px solid #ffe1a6;
}
.darkruby .card-money,
.darkruby .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card\ copy.c4be5af.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.darkruby .bg-iconuser {
  background: #fff;
  padding: 7px;
  border-radius: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #ffe1a6;
}
.darkruby .content-lv {
  padding: 10px 0;
}
.darkruby .border-bottom-aff {
  border-bottom: 1px solid #ffddaf;
}
.darkruby .body-content {
  background: #fff;
  width: 70%;
  border-bottom-right-radius: 20px;
  padding: 0 39px;
  overflow: auto;
  max-height: 300px;
}
@media (max-width: 479px) {
  .darkruby .body-content {
    width: 75%;
    padding: 0 10px;
  }
}
.darkruby .active2 {
  color: #2a2a2a !important;
  background: #fff !important;
  border-bottom-left-radius: 0 !important;
}
.darkruby .tab-item {
  padding: 15px !important;
  font-size: 14px !important;
}
.darkruby .tab-history-class {
  border-radius: 20px;
  color: #2a2a2a;
  border: 1px solid #e0a532;
}
.darkruby .tab-item:last-child {
  border-bottom: 1px solid #ffe1a6;
  border-bottom-left-radius: 20px !important;
}
.darkruby .tab-item,
.darkruby .tab-item:last-child {
  cursor: pointer;
  color: #2a2a2a;
  background: linear-gradient(180deg, #ffddaf 0, #e0a532);
}
.darkruby .tab-item {
  border-bottom: 1px solid #ffe1a6;
}
.darkruby .header-aff {
  background: linear-gradient(180deg, #ffddaf 0, #e0a532);
  border-bottom: 1px solid #2a2a2a;
  border-radius: 20px 20px 0 0;
}
.darkruby .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #fff;
  border-radius: 30rem !important;
}
.darkruby .bg-aff-level {
  background: linear-gradient(#592b2b, #592b2b) padding-box,
    linear-gradient(90deg, #ffddaf, #ffe1a6, #e0a532) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkruby .bg-aff-level .nunber-friend {
  background: #7a5555;
  border-radius: 10px;
  color: #fff;
}
.darkruby .bg-aff-level .turn-other {
  background: #442121;
  border-radius: 10px;
}
.darkruby .bg-aff-level .solid {
  border: 1px solid #ffddaf;
  height: 40px;
}
.darkruby .filters__button {
  width: 100%;
  border: none;
  border-radius: 0.5rem;
  background: #7a5555;
  color: #bdbdbd;
  padding: 5px;
}
.darkruby .filters__button:hover {
  background-color: #7a5555;
}
.darkruby .filters-content {
  background-color: #7a5555;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darkruby .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #442121;
  color: #bdbdbd;
  padding: 5px;
}
.darkruby .filters__button2:hover {
  background-color: #442121;
}
.darkruby .filters [data-content] {
  display: none;
}
.darkruby [data-content].is-active[data-content] {
  display: grid;
}
.darkruby [data-target].is-active {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 10px;
  color: #592b2b;
}
.darkruby .condition-header {
  background: linear-gradient(
    109.63deg,
    #ffddaf 3.68%,
    #ffe1a6 47.76%,
    #e0a532 95.96%
  );
  border-radius: 5px;
  color: #592b2b;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.darkruby .bg-wheel-condition {
  background: linear-gradient(#592b2b, #592b2b) padding-box,
    linear-gradient(109.63deg, #ffddaf 3.68%, #ffe1a6 47.76%, #e0a532 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.darkruby .btn-up-slip {
  color: #ffddaf;
  border: 2px solid #e0a532 !important;
  background: 0 0 !important;
}
.darkruby .btn-no-received {
  background: #442121;
  border-color: #442121;
  color: #fff;
  border-radius: 10px;
}
.darkruby .btn-no-received:hover {
  background-color: #442121 !important;
  border-color: #442121 !important;
  color: #fff;
  border-radius: 10px !important;
}
.darkruby .card-points {
  background: linear-gradient(#592b2b, #592b2b) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkruby .r-gold {
  background: linear-gradient(#592b2b, #592b2b) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.darkruby .r-gold,
.darkruby .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.darkruby .r-silver {
  background: linear-gradient(#592b2b, #592b2b) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.darkruby .r-copper {
  background: linear-gradient(#592b2b, #592b2b) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.darkruby .cycle-gold {
  background: linear-gradient(#592b2b, #592b2b) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.darkruby .cycle-gold,
.darkruby .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.darkruby .cycle-silver {
  background: linear-gradient(#592b2b, #592b2b) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
}
.darkruby .cycle-copper {
  background: linear-gradient(#592b2b, #592b2b) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.darkruby .btn-no-received:focus {
  background-color: #343434 !important;
  border-color: #343434 !important;
  border-radius: 10px !important;
}
.darkruby .bg-pro {
  background: #442121;
  border-radius: 10px;
}
.darkruby .filters-content-bg {
  background-color: #442121;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darkruby .is-unactive {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #442121;
  color: #7d7d7d;
  padding: 5px;
}
.darkruby .fillter-icon {
  filter: invert(62%) sepia(33%) saturate(666%) hue-rotate(337deg)
    brightness(152%) contrast(100%);
  width: 30px;
}
.darkruby .fillter-icon-active {
  filter: invert(56%) sepia(33%) saturate(666%) hue-rotate(308deg)
    brightness(36%) contrast(142%);
  width: 30px;
}
.darkruby .card-decimal {
  background: #ececec;
  color: #000 !important;
}
.darkruby .card-decimal,
.darkruby .card-transfer {
  box-shadow: 0 4px 10px rgba(56, 26, 26, 0.12);
  border-radius: 10px;
}
.darkruby .card-transfer {
  background: #4b2424;
  color: #ffe1a6 !important;
}
.darkruby .bg-choose-team {
  background: hsla(0, 0%, 100%, 0.3);
  border-radius: 5px;
  color: #fff;
  padding: 2px;
  margin: 4px;
}
.darkruby input::placeholder {
  color: #bdbdbd;
}
.darkruby .alert-secondary {
  color: #fff !important;
  background-color: #442121 !important;
  border-color: #442121 !important;
}
.darkruby .bagfree {
  position: absolute;
  top: 5px;
  right: 6px;
}
.darkruby .bagfree2 {
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 35px;
}
.darkruby .bg-month {
  background: #7a5555;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #fff;
}
.darkruby .bg-month-active {
  background: linear-gradient(#7a5555, #7a5555) padding-box,
    linear-gradient(90deg, #ffddaf, #e0a532) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #fff;
  border: 1px solid transparent;
}
.darkruby .btn.focus {
  box-shadow: 0 0 0 0.2rem rgba(89, 43, 43, 0.25) !important;
}
.darkruby .arry-input {
  height: calc(1.5em + 5rem + 10px) !important;
  border-radius: 10px !important;
  color: #fff !important;
}
.darkruby .show-footer {
  display: none;
  position: absolute;
  top: -46px;
}
.darkruby #modalQuestionnaire .modal-content {
  background-color: #592b2b !important;
}
.darkruby .bg-input-modal {
  background-color: #7a5555 !important;
}

.darkgoldbrown .shadow-today {
  box-shadow: 0 0 15px #ffddaf;
}
.darkgoldbrown .bd-daily-fix {
  border-color: #c0a98a !important;
  background: #262222 !important;
}
.darkgoldbrown .text-deposited-daily-fix {
  color: #bdbdbd;
}
.darkgoldbrown .bg-table-daily-fix {
  background: #383232 !important;
  color: #fff !important;
}
.darkgoldbrown .text-daily-fix {
  color: #ffe1a6 !important;
}
.darkgoldbrown .text-credit-daily {
  background: linear-gradient(180deg, #343434 0, #343434) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.darkgoldbrown .text-color {
  color: #fff !important;
}
.darkgoldbrown .text-template {
  color: #ffe1a6;
}
.darkgoldbrown .text-theme {
  color: #383232;
}
.darkgoldbrown .text-spcial {
  background: linear-gradient(180deg, #696969 0, #1a1c1c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkgoldbrown .text-linear,
.darkgoldbrown .text-linear-footer {
  background: linear-gradient(180deg, #ffddaf 0, #e0a532);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkgoldbrown .text-see-history {
  color: #fff;
}
.darkgoldbrown .text-head-hisotry {
  color: #ffe1a6;
}
.darkgoldbrown .text-tranfer {
  background: linear-gradient(180deg, #ffe1a6 0, #ffe1a6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkgoldbrown .text-color-icon {
  background: linear-gradient(180deg, #ffe1a6, #ffe1a6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkgoldbrown .text-credit {
  background: #ffe1a6;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkgoldbrown .bg-credit {
  background: linear-gradient(#383232, #383232);
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkgoldbrown .bg-ball-choose-team {
  background: linear-gradient(#383232, #383232) padding-box,
    linear-gradient(90deg, #ffddaf, #e0a532) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkgoldbrown .bg-wallet {
  background: #383232;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
}
.darkgoldbrown .bg-credit-free {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 0 0 10px 10px;
}
.darkgoldbrown .recevied-com {
  background: #5c574c;
  border-radius: 10px;
  border: 2px solid #ffddaf;
  color: #e0a532;
}
.darkgoldbrown .bg-card-commission {
  background: #383232;
}
.darkgoldbrown .bg-turn {
  color: #fff;
  background: #383232;
  border-radius: 10px;
}
.darkgoldbrown .bg-icon-index {
  background: #383232 !important;
  border-radius: 10px !important;
}
.darkgoldbrown .bg-con-turn {
  background: #383232 !important;
}
.darkgoldbrown .color-toogle {
  background: linear-gradient(180deg, #5cc875 0, #5cc875);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkgoldbrown .tab-content > .active {
  display: block;
  background: #383232 !important;
}
.darkgoldbrown .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #4a4343, #4a4343) !important;
  color: #fff !important;
}
.darkgoldbrown .active-bg {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  color: #383232 !important;
}
.darkgoldbrown .tab-box {
  background-color: #383232;
  color: #bdbdbd;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.darkgoldbrown .nav-tabs {
  border-bottom: 2px solid #696969 !important;
}
.darkgoldbrown .nav-tabs .nav-link {
  border: 0 !important;
  background: #383232 !important;
  color: #bdbdbd !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.darkgoldbrown .boder-right {
  height: 50px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.2509803922);
}
.darkgoldbrown .btn-copy-bank {
  background: #343434;
  border-radius: 10px;
  color: #fff;
  width: max-content;
  border-color: #343434;
  box-shadow: 0 4px 4px hsla(0, 0%, 74.1%, 0.16);
}
.darkgoldbrown .btn-money {
  border-color: #ffddaf;
  border-radius: 10px;
  background: rgba(92, 87, 76, 0.2);
  color: #ffddaf;
}
.darkgoldbrown .active-btn-amount {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  color: #383232 !important;
  font-weight: 900;
}
.darkgoldbrown .btn-topup-promptpay {
  border-color: #ffddaf;
  border-radius: 10px;
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  color: #383232;
}
.darkgoldbrown .boder-color {
  border-color: #2e2e2e !important;
}
.darkgoldbrown .is-active-register {
  background: #c0ac83 !important;
  border: 1px solid #c0a98a !important;
}
.darkgoldbrown .b-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin: 0;
  outline: 0;
  transform: translateX(0);
  background: linear-gradient(0.483turn, #3f3737 4.17%, #1b1716) !important;
}
.darkgoldbrown .bg-info {
  color: #fff;
  background: #262222 !important;
  padding: 5px;
  border-radius: 10px;
}
.darkgoldbrown .btn-change {
  background: #383232;
  box-shadow: 0 4px 10px hsla(0, 0%, 74.1%, 0.12);
  border-radius: 10px;
}
.darkgoldbrown .card-pro {
  background: #383232;
  border-radius: 10px;
  color: #fff !important;
  font-weight: 400 !important;
  height: 13em;
}
.darkgoldbrown .bg-lock {
  background: #ffe1a6;
  padding: 8px;
  border-radius: 18px;
  width: 40px;
  color: #262222;
}
.darkgoldbrown .btn-cancel {
  background: #383232;
  border-radius: 10px;
  color: #ffe1a6 !important;
  border: 1px solid #ffe1a6;
}
.darkgoldbrown .btn-cancel:hover {
  border-radius: 10px;
  color: #000 !important;
  border: 1px solid #000 !important;
}
.darkgoldbrown .btn-theme-one {
  background: #ffddaf;
  border-color: #383232 !important;
  color: #383232;
  border-radius: 10px;
}
.darkgoldbrown .btn-theme-two {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 10px;
  color: #2e2e2e;
}
.darkgoldbrown .btn-login {
  background: #ffd15a;
  border-radius: 10px;
  color: #2e2e2e;
  border-color: #ffd15a !important;
}
.darkgoldbrown .btn-theme-seemore {
  background: #565553;
  border-radius: 10px;
  color: #fff;
  border-color: #565553 !important;
}
.darkgoldbrown .btn-copy {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  border-radius: 0 10px 10px 0 !important;
  color: #383232 !important;
  border: none;
}
.darkgoldbrown .card {
  background: #383232 !important;
  color: #ffe1a6 !important;
  filter: drop-shadow(0 0 1px #989898);
}
.darkgoldbrown .bg-input-theme {
  background-color: #d1d1d1 !important;
}
.darkgoldbrown .border-theme {
  border-radius: 15px !important;
}
.darkgoldbrown .icon-activity {
  filter: invert(0);
  width: 20px;
}
.darkgoldbrown .bg-table {
  background-color: #4a4343;
  border-radius: 10px;
  border: 0 solid #4a4343 !important;
}
.darkgoldbrown .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #bdbdbd !important;
  border-top: 0 solid #bdbdbd !important;
  padding: 4px 12px;
  background: #383232;
  color: #fff !important;
}
.darkgoldbrown .table td {
  vertical-align: top;
  border-top: 0 solid #bdbdbd !important;
  color: #bdbdbd !important;
}
.darkgoldbrown .Daily__item__box {
  position: relative;
  height: 75px;
  background: #383232;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
}
.darkgoldbrown .Daily__item__box.active {
  background: linear-gradient(#383232, #383232) padding-box,
    linear-gradient(90deg, #ffddaf, #e0a532) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.darkgoldbrown .Daily__item__box.active-today {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border: none !important;
  color: #383232;
}
.darkgoldbrown .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #383232;
  border-radius: 10px;
}
.darkgoldbrown .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.darkgoldbrown .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.darkgoldbrown .text-daily {
  color: #fff;
}
.darkgoldbrown .btn-reward {
  width: 85%;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
  cursor: pointer;
}
.darkgoldbrown .bg-btn-point {
  background: #383232;
  border-radius: 20px;
  margin: 4px;
  color: #bdbdbd;
}
.darkgoldbrown .bg-chosses {
  background-color: #383232;
  border-radius: 15px;
  filter: drop-shadow(0 1px 1px #989898);
  color: #fff;
}
.darkgoldbrown .bg-hover:hover,
.darkgoldbrown .btn-hover:focus {
  background-color: #3d3d3d;
}
.darkgoldbrown .showSlide {
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 80%;
  background-color: #4a4343 !important;
  display: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.darkgoldbrown #modal-suscess-complain .modal-content {
  background-color: #2e2e2e !important;
}
.darkgoldbrown .from-complain {
  display: block;
  width: 100%;
  height: calc(1.5em + 5rem + 10px) !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  background-color: #403a3a !important;
  background-clip: padding-box;
  border: 1px solid #403a3a !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darkgoldbrown .btn-withdraw {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  box-shadow: 0 4px 4px hsla(0, 0%, 74.1%, 0.16);
  border-radius: 10px;
  color: #383232;
  border-color: #e0a532 !important;
}
.darkgoldbrown .cover-withdraw {
  background: #383232;
  border-radius: 0 0 10px 10px;
}
.darkgoldbrown .hd-withdraw {
  background: #383232;
  border-radius: 10px 10px 0 0;
  color: #fff;
  padding: 10px;
  font-size: 18px;
}
.darkgoldbrown .card-withdraw {
  background: #383232 !important;
  color: #fff !important;
  border-radius: 5px;
}
.darkgoldbrown .page-item.active .page-link {
  z-index: 3;
  color: #383232 !important;
  background-color: #ffe1a6 !important;
  border-color: #ffe1a6 !important;
}
.darkgoldbrown .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #ffe1a6 !important;
  background-color: #383232 !important;
  border: 1px solid #ffe1a6 !important;
}
.darkgoldbrown .custom-control-input:checked ~ .custom-control-label:before {
  color: #fff !important;
  border-color: #ffe1a6 !important;
  background-color: #ffe1a6 !important;
}
.darkgoldbrown .boxcredit {
  background: rgba(34, 32, 32, 0.6);
  width: 55%;
}
.darkgoldbrown .border-color {
  border: 2px solid #ffddaf;
  border-radius: 10px;
}
.darkgoldbrown .btn-box {
  background-image: linear-gradient(315deg, #ffddaf, #e0a532 74%);
  border-radius: 5px 25px;
  filter: drop-shadow(1px 2px 4px #e0a532);
  border-color: #ffddaf !important;
}
.darkgoldbrown .breadcrumb {
  background-color: #262222;
}
.darkgoldbrown .breadcrumb-item.active {
  color: #ffe1a6 !important;
}
.darkgoldbrown .breadcrumb-item {
  color: #fff !important;
}
.darkgoldbrown .swal2-popup {
  background: #383232 !important;
}
.darkgoldbrown .swal2-content,
.darkgoldbrown .swal2-title {
  color: #fff !important;
}
.darkgoldbrown .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  border-radius: 10px !important;
  border-color: #fff !important;
  color: #fff !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.darkgoldbrown .bg-body-modal {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #383232 !important;
  color: #262222;
}
.darkgoldbrown .modal-content {
  border-radius: 1rem !important;
}
.darkgoldbrown .bg-body,
.darkgoldbrown .bg-body-promotion {
  background: #383232 !important;
}
.darkgoldbrown .bg-footer {
  border-top: 1px solid #383232 !important;
  border-bottom-right-radius: calc(1rem - 1px) !important;
  border-bottom-left-radius: calc(1rem - 1px) !important;
  background-color: #383232 !important;
}
.darkgoldbrown #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #383232 !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkgoldbrown #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #383232 !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkgoldbrown #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #383232 !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darkgoldbrown #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #383232 !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkgoldbrown #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #383232 !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkgoldbrown #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #383232 !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darkgoldbrown #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #383232 !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkgoldbrown #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #383232 !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkgoldbrown .card-bank {
  background: #262222;
  box-shadow: 0 4px 10px hsla(0, 0%, 74.1%, 0.12);
  border-radius: 7px;
  color: #ffe1a6 !important;
}
.darkgoldbrown .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid hsla(0, 0%, 74.1%, 0.125);
}
.darkgoldbrown .swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid;
  border-radius: 50%;
}
.darkgoldbrown .swal2-icon.swal2-success [class^="swal2-success-line"] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
}
.darkgoldbrown .form-control {
  display: block;
  padding: 0.375rem 0.75rem;
  background-color: #403a3a !important;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darkgoldbrown .custom-select,
.darkgoldbrown .form-control {
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  border: 1px solid #383232 !important;
  border-radius: 0.25rem;
}
.darkgoldbrown .custom-select {
  display: inline-block;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  vertical-align: middle;
  background-color: #383232 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(/_nuxt/img/sort-arrows.4ef9d5b.png) right 0.75rem
    center/8px 10px no-repeat;
}
.darkgoldbrown .multiselect__tags {
  min-height: 40px;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  font-size: 14px;
}
.darkgoldbrown .multiselect__content-wrapper,
.darkgoldbrown .multiselect__tags {
  display: block;
  border: 1px solid #383232 !important;
  background: #383232 !important;
  color: #fff !important;
}
.darkgoldbrown .multiselect__content-wrapper {
  position: absolute;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.darkgoldbrown .multiselect__input,
.darkgoldbrown .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #383232 !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
  color: #fff;
}
.darkgoldbrown .multiselect__option--highlight {
  background: #383232 !important;
  outline: none;
  color: #fff !important;
}
.darkgoldbrown #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #383232 !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.darkgoldbrown .border-banner {
  border: 2px solid #ffddaf;
  border-radius: 10px;
}
.darkgoldbrown .btn-secondary:hover {
  color: #fff;
  background-color: #ffddaf !important;
  border-color: none !important;
}
.darkgoldbrown .btn-secondary.focus,
.darkgoldbrown .btn-secondary:focus {
  color: #fff;
  background-color: #ffddaf !important;
  border-color: #ffddaf !important;
}
.darkgoldbrown .bg-choose {
  background: #383232 !important;
  color: #fff;
}
.darkgoldbrown .btn-join-activity {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 0 0 10px 10px;
  color: #383232;
  border-color: #262222 !important;
}
.darkgoldbrown .bg-input {
  background: #383232 !important;
  border-radius: 10px;
  color: #fff !important;
  border: none !important;
}
.darkgoldbrown .bg-condition {
  background: #383232 !important;
  color: #fff;
}
.darkgoldbrown .header-login {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5019607843);
  border: 0 solid hsla(0, 0%, 74.1%, 0.125);
}
.darkgoldbrown .footer-wrapper1 {
  height: auto;
}
.darkgoldbrown .footer-wrapper,
.darkgoldbrown .footer-wrapper1 {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.darkgoldbrown .footer-wrapper {
  height: 58px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: #2d2929;
  box-shadow: 0 0 16px hsla(0, 0%, 41.2%, 0.55);
  z-index: 2;
}
.darkgoldbrown .footer-wrapper .play-game {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 15px;
  text-align: center;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  box-shadow: 0 4px 6px hsla(0, 0%, 74.1%, 0.25);
}
.darkgoldbrown .footer-wrapper .play-game .play-game-box {
  display: table-cell;
  transform: rotate(316deg);
  vertical-align: middle;
}
.darkgoldbrown .footer-wrapper .play-game .item-count {
  width: 30px;
  filter: invert(1);
}
.darkgoldbrown .footer-wrapper .play-game-5 {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 30px;
  text-align: center;
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  box-shadow: 0 4px 6px hsla(0, 0%, 74.1%, 0.25);
}
.darkgoldbrown .footer-wrapper .play-game-5 .play-game-box-5 {
  display: table-cell;
  vertical-align: middle;
}
.darkgoldbrown .footer-wrapper .play-game-5 .item-count {
  width: 34px;
  filter: invert(1);
}
.darkgoldbrown a {
  color: #bdbdbd !important;
}
.darkgoldbrown a:hover {
  color: --blue;
  text-decoration: none !important;
}
.darkgoldbrown .bg-table-aff {
  background-color: #4a4343 !important;
  border: 0 solid #4a4343 !important;
}
.darkgoldbrown .border-left {
  border-left: 3px solid #ffe1a6 !important;
}
.darkgoldbrown .border-solid {
  border: 1px solid #383232;
}
.darkgoldbrown .bg-from-aff {
  display: inline-block;
  width: 50% !important;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  vertical-align: middle;
  background-color: #383232 !important;
  border: 1px solid #383232 !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.darkgoldbrown .bg-in-aff {
  background: #343434;
  border-radius: 5px;
  color: #bdbdbd;
  padding: 5px;
}
.darkgoldbrown .icon-aff {
  position: absolute;
  top: 92px;
  left: 0;
  right: 0;
  color: #fff;
}
.darkgoldbrown .btn-comein {
  position: absolute;
  bottom: -17%;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.darkgoldbrown .bg-search {
  background-color: #383232 !important;
}
.darkgoldbrown .bg-from,
.darkgoldbrown .bg-search {
  border: 1px solid #ffe1a6 !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff !important;
}
.darkgoldbrown .bg-from {
  background-color: #383232 !important;
  background: #464646 url(/_nuxt/img/dropdown.2ae9015.png) no-repeat right
    0.75rem center/10px 8px;
}
.darkgoldbrown .search {
  position: absolute;
  right: 24px;
  color: #bdbdbd;
}
.darkgoldbrown .card-point {
  background: #262222 !important;
  filter: drop-shadow(0 0 0 #262222) !important;
  color: #fff !important;
  border-radius: 10px;
}
.darkgoldbrown .bg-point {
  background: #e0a532;
  border-radius: 20px;
  margin: 4px;
  color: #383232;
}
.darkgoldbrown .bg-card-his {
  background: #383232 !important;
  color: #fff !important;
}
.darkgoldbrown .card-nodata {
  background: #383232;
  color: #fff;
  padding: 80px;
  border-radius: 10px;
}
.darkgoldbrown .action-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2%;
}
.darkgoldbrown .action-wrapper__btn-spin {
  background-image: url(https://es-dev.vrbet.com/_nuxt/img/button.1e27aca.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 6vw;
  width: 14vw;
  margin-bottom: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.darkgoldbrown .action-wrapper__btn-spin span {
  font-size: 3vw;
  color: #fff;
  -webkit-text-stroke: 3px #fff;
}
@media screen and (max-width: 992px) {
  .darkgoldbrown .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2.5px #fff;
    font-size: 6vw;
  }
}
@media screen and (max-width: 480px) {
  .darkgoldbrown .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2px #fff;
    font-size: 8vw;
  }
}
@media screen and (max-width: 992px) {
  .darkgoldbrown .action-wrapper__btn-spin {
    margin-top: 3vw;
    width: 26vw;
    height: 12vw;
  }
}
@media screen and (max-width: 480px) {
  .darkgoldbrown .action-wrapper__btn-spin {
    width: 40vw;
    height: 18vw;
  }
}
.darkgoldbrown .action-wrapper__btn-spin.disabledbtn {
  cursor: not-allowed;
  filter: grayscale(1);
}
.darkgoldbrown .glass-panel {
  color: #fff;
  margin: 40px auto;
  background-color: hsla(0, 0%, 100%, 0.06);
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  width: 100%;
  border-radius: 15px;
  padding: 32px;
  backdrop-filter: blur(10px);
}
.darkgoldbrown .glass-button {
  display: inline-block;
  padding: 15px 18px;
  text-decoration: none;
  border-radius: 15px;
  background-color: #4e4e4e;
  border: 1px solid #bdbdbd;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: #bdbdbd;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}
.darkgoldbrown .glass-button:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.darkgoldbrown .glass-panel {
  max-width: 600px;
}
.darkgoldbrown #background-wrap {
  bottom: 0;
  left: 0;
  padding-top: 50px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.darkgoldbrown .x1 {
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 35s linear infinite;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  transform: scale(0.65);
}
.darkgoldbrown .x2 {
  -webkit-animation: animateCloud 20s linear infinite;
  -moz-animation: animateCloud 20s linear infinite;
  animation: animateCloud 20s linear infinite;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.darkgoldbrown .x3 {
  -webkit-animation: animateCloud 30s linear infinite;
  -moz-animation: animateCloud 30s linear infinite;
  animation: animateCloud 30s linear infinite;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.darkgoldbrown .x4 {
  -webkit-animation: animateCloud 18s linear infinite;
  -moz-animation: animateCloud 18s linear infinite;
  animation: animateCloud 18s linear infinite;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.darkgoldbrown .x5 {
  -webkit-animation: animateCloud 25s linear infinite;
  -moz-animation: animateCloud 25s linear infinite;
  animation: animateCloud 25s linear infinite;
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  transform: scale(0.55);
}
.darkgoldbrown .cloud {
  background: #383232;
  background: -moz-linear-gradient(top, #383232 5%, #2d2929 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, #383232),
    color-stop(100%, #2d2929)
  );
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 8px 5px hsla(0, 0%, 74.1%, 0.1);
  -moz-box-shadow: 0 8px 5px hsla(0, 0%, 74.1%, 0.1);
  box-shadow: 0 8px 5px hsla(0, 0%, 74.1%, 0.1);
  height: 120px;
  position: relative;
  width: 350px;
}
.darkgoldbrown .cloud:after,
.darkgoldbrown .cloud:before {
  background: #383232;
  content: "";
  position: absolute;
  z-index: -1;
}
.darkgoldbrown .cloud:after {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  height: 100px;
  left: 50px;
  top: -50px;
  width: 100px;
}
.darkgoldbrown .cloud:before {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  width: 180px;
  height: 180px;
  right: 50px;
  top: -90px;
}
.darkgoldbrown .bg-share-facebook {
  background-color: #343434 !important;
  color: #fff !important;
}
.darkgoldbrown .bg-game {
  background: linear-gradient(#3f3737, #1b1716) padding-box,
    linear-gradient(180deg, #ffddaf, #e0a532) border-box !important;
  border: 0.5px solid transparent;
  border-radius: 10px !important;
  color: #ffe1a6 !important;
  width: 80px;
  height: 67px;
}
.darkgoldbrown .bg-game-active {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  border-radius: 10px !important;
  color: #383232 !important;
  width: 80px;
  height: 67px;
}
.darkgoldbrown .bg-search-game {
  background-color: #383232 !important;
  border-radius: 10px !important;
  color: #bdbdbd !important;
  border: none !important;
}
.darkgoldbrown .unactive-footer {
  color: #bdbdbd;
}
.darkgoldbrown .btn-aff-share {
  background: linear-gradient(270deg, #ffddaf, #e0a532);
  border-radius: 10px;
  color: #383232;
  border-color: #e0a532 !important;
  filter: drop-shadow(0 0 5px #e0a532);
}
.darkgoldbrown #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #383232 !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkgoldbrown .btn-change-language {
  background-color: #383232 !important;
  border: 1px solid #ffe1a6;
}
.darkgoldbrown .card-money,
.darkgoldbrown .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card\ copy.c4be5af.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.darkgoldbrown .bg-iconuser {
  background: #fff;
  padding: 7px;
  border-radius: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #ffe1a6;
}
.darkgoldbrown .content-lv {
  padding: 10px 0;
}
.darkgoldbrown .border-bottom-aff {
  border-bottom: 1px solid #ffddaf;
}
.darkgoldbrown .body-content {
  background: #fff;
  width: 70%;
  border-bottom-right-radius: 20px;
  padding: 0 39px;
  overflow: auto;
  max-height: 300px;
}
@media (max-width: 479px) {
  .darkgoldbrown .body-content {
    width: 75%;
    padding: 0 10px;
  }
}
.darkgoldbrown .active2 {
  color: #2e2e2e !important;
  background: #fff !important;
  border-bottom-left-radius: 0 !important;
}
.darkgoldbrown .tab-item {
  padding: 15px !important;
  font-size: 14px !important;
}
.darkgoldbrown .tab-history-class {
  border-radius: 20px;
  color: #2e2e2e;
  border: 1px solid #e0a532;
}
.darkgoldbrown .tab-item:last-child {
  border-bottom: 1px solid #ffe1a6;
  border-bottom-left-radius: 20px !important;
}
.darkgoldbrown .tab-item,
.darkgoldbrown .tab-item:last-child {
  cursor: pointer;
  color: #2e2e2e;
  background: linear-gradient(180deg, #ffddaf 0, #e0a532);
}
.darkgoldbrown .tab-item {
  border-bottom: 1px solid #ffe1a6;
}
.darkgoldbrown .header-aff {
  background: linear-gradient(180deg, #ffddaf 0, #e0a532);
  border-bottom: 1px solid #2e2e2e;
  border-radius: 20px 20px 0 0;
}
.darkgoldbrown .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #fff;
  border-radius: 30rem !important;
}
.darkgoldbrown .bg-aff-level {
  background: linear-gradient(#404040, #404040) padding-box,
    linear-gradient(90deg, #ffddaf, #ffe1a6, #e0a532) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkgoldbrown .bg-aff-level .nunber-friend {
  background: #4a4343;
  border-radius: 10px;
  color: #fff;
}
.darkgoldbrown .bg-aff-level .turn-other {
  background: #383232;
  border-radius: 10px;
}
.darkgoldbrown .bg-aff-level .solid {
  border: 1px solid #ffddaf;
  height: 40px;
}
.darkgoldbrown .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #383232;
  color: #bdbdbd;
  padding: 5px;
}
.darkgoldbrown .filters__button:hover {
  background-color: #383232;
}
.darkgoldbrown .filters-content {
  background-color: #383232;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darkgoldbrown .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #262222;
  color: #bdbdbd;
  padding: 5px;
}
.darkgoldbrown .filters__button2:hover {
  background-color: #262222;
}
.darkgoldbrown .filters [data-content] {
  display: none;
}
.darkgoldbrown [data-content].is-active[data-content] {
  display: grid;
}
.darkgoldbrown [data-target].is-active {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 10px;
  color: #383232;
}
.darkgoldbrown .condition-header {
  background: linear-gradient(
    109.63deg,
    #ffddaf 3.68%,
    #ffe1a6 47.76%,
    #e0a532 95.96%
  );
  border-radius: 5px;
  color: #383232;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.darkgoldbrown .bg-wheel-condition {
  background: linear-gradient(#383232, #383232) padding-box,
    linear-gradient(109.63deg, #ffddaf 3.68%, #ffe1a6 47.76%, #e0a532 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.darkgoldbrown .btn-up-slip {
  color: #ffddaf;
  border: 2px solid #e0a532 !important;
  background: 0 0 !important;
}
.darkgoldbrown .btn-no-received {
  background: #383232;
  border-color: #383232;
  color: #fff;
  border-radius: 10px;
}
.darkgoldbrown .btn-no-received:hover {
  background-color: #383232 !important;
  border-color: #383232 !important;
  color: #fff;
  border-radius: 10px !important;
}
.darkgoldbrown .card-points {
  background: linear-gradient(#383232, #383232) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkgoldbrown .r-gold {
  background: linear-gradient(#383232, #383232) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.darkgoldbrown .r-gold,
.darkgoldbrown .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.darkgoldbrown .r-silver {
  background: linear-gradient(#383232, #383232) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.darkgoldbrown .r-copper {
  background: linear-gradient(#383232, #383232) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.darkgoldbrown .cycle-gold {
  background: linear-gradient(#383232, #383232) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.darkgoldbrown .cycle-gold,
.darkgoldbrown .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.darkgoldbrown .cycle-silver {
  background: linear-gradient(#383232, #383232) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
}
.darkgoldbrown .cycle-copper {
  background: linear-gradient(#383232, #383232) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.darkgoldbrown .btn-no-received:focus {
  background-color: #262222 !important;
  border-color: #262222 !important;
  border-radius: 10px !important;
}
.darkgoldbrown .bg-pro {
  background: #262222;
  border-radius: 10px;
}
.darkgoldbrown .filters-content-bg {
  background-color: #262222;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darkgoldbrown .is-unactive {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #262222;
  color: #7d7d7d;
  padding: 5px;
}
.darkgoldbrown .fillter-icon {
  filter: invert(62%) sepia(33%) saturate(666%) hue-rotate(337deg)
    brightness(152%) contrast(100%);
  width: 30px;
}
.darkgoldbrown .fillter-icon-active {
  filter: invert(41%) sepia(33%) saturate(666%) hue-rotate(15deg)
    brightness(51%) contrast(142%);
  width: 30px;
}
.darkgoldbrown .card-decimal {
  background: #ececec;
  color: #000 !important;
}
.darkgoldbrown .card-decimal,
.darkgoldbrown .card-transfer {
  box-shadow: 0 4px 10px rgba(38, 34, 34, 0.12);
  border-radius: 10px;
}
.darkgoldbrown .card-transfer {
  background: #2d2929;
  color: #ffe1a6 !important;
}
.darkgoldbrown .bg-choose-team {
  background: hsla(0, 0%, 100%, 0.3);
  border-radius: 5px;
  color: #fff;
  padding: 2px;
  margin: 4px;
}
.darkgoldbrown .bagfree {
  position: absolute;
  top: 5px;
  right: 6px;
}
.darkgoldbrown .bagfree2 {
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 35px;
}
.darkgoldbrown input::placeholder {
  color: #bdbdbd;
}
.darkgoldbrown .bg-month {
  background: #262222;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #7d7d7d;
}
.darkgoldbrown .bg-month-active {
  background: linear-gradient(#262222, #262222) padding-box,
    linear-gradient(90deg, #ffddaf, #e0a532) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #fff;
  border: 1px solid transparent;
}
.darkgoldbrown .btn.focus {
  box-shadow: 0 0 0 0.2rem rgba(63, 63, 63, 0.25) !important;
}
.darkgoldbrown .arry-input {
  height: calc(1.5em + 5rem + 10px) !important;
  border-radius: 10px !important;
  color: #fff !important;
}
.darkgoldbrown .show-footer {
  display: none;
  position: absolute;
  top: -46px;
}
.darkgoldbrown .alert-secondary {
  color: #fff !important;
  background-color: #403a3a !important;
  border-color: #403a3a !important;
}
.darkgoldbrown #modalQuestionnaire .modal-content {
  background-color: #383232 !important;
}
.darkgoldbrown .bg-input-modal {
  background-color: #262222 !important;
}

.darkgreen .shadow-today {
  box-shadow: 0 0 15px #ffddaf;
}
.darkgreen .bd-daily-fix {
  border-color: #c0a98a !important;
  background: #172619 !important;
}
.darkgreen .text-deposited-daily-fix {
  color: #bdbdbd;
}
.darkgreen .bg-table-daily-fix {
  background: #283e27 !important;
  color: #fff !important;
}
.darkgreen .text-daily-fix {
  color: #ffe1a6 !important;
}
.darkgreen .text-credit-daily {
  background: linear-gradient(180deg, #33264f 0, #33264f) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.darkgreen .text-color {
  color: #fff !important;
}
.darkgreen .text-template {
  color: #ffe1a6;
}
.darkgreen .text-theme {
  color: #283e27;
}
.darkgreen .text-spcial {
  background: linear-gradient(180deg, #696969 0, #1a1c1c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkgreen .text-linear,
.darkgreen .text-linear-footer {
  background: linear-gradient(180deg, #ffddaf 0, #e0a532);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkgreen .text-see-history {
  color: #fff;
}
.darkgreen .text-head-hisotry {
  color: #ffe1a6;
}
.darkgreen .text-tranfer {
  background: linear-gradient(180deg, #ffe1a6 0, #ffe1a6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkgreen .text-color-icon {
  background: linear-gradient(180deg, #ffe1a6, #ffe1a6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkgreen .text-credit {
  background: #ffe1a6;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkgreen .bg-credit {
  background: linear-gradient(#283e27, #283e27);
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkgreen .bg-ball-choose-team {
  background: linear-gradient(#283e27, #283e27) padding-box,
    linear-gradient(90deg, #ffddaf, #e0a532) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkgreen .bg-wallet {
  background: #283e27;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
}
.darkgreen .bg-credit-free {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 0 0 10px 10px;
}
.darkgreen .recevied-com {
  background: #5c574c;
  border-radius: 10px;
  border: 2px solid #ffddaf;
  color: #e0a532;
}
.darkgreen .bg-card-commission {
  background: #283e27;
}
.darkgreen .bg-turn {
  color: #fff;
  background: #283e27;
  border-radius: 10px;
}
.darkgreen .bg-icon-index {
  background: #283e27 !important;
  border-radius: 10px !important;
}
.darkgreen .bg-con-turn {
  background: #162e18 !important;
}
.darkgreen .color-toogle {
  background: linear-gradient(180deg, #5cc875 0, #5cc875);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkgreen .tab-content > .active {
  display: block;
  background: #283e27 !important;
}
.darkgreen .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #334f31, #334f31) !important;
  color: #fff !important;
}
.darkgreen .active-bg {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  color: #191e32 !important;
}
.darkgreen .tab-box {
  background-color: #283e27;
  color: #bdbdbd;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.darkgreen .nav-tabs {
  border-bottom: 2px solid #bdbdbd !important;
}
.darkgreen .nav-tabs .nav-link {
  border: 0 !important;
  background: #283e27 !important;
  color: #bdbdbd !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.darkgreen .boder-right {
  height: 50px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.2509803922);
}
.darkgreen .btn-copy-bank {
  background: #33264f;
  border-radius: 10px;
  color: #fff;
  width: max-content;
  border-color: #33264f;
  box-shadow: 0 4px 4px hsla(0, 0%, 74.1%, 0.16);
}
.darkgreen .btn-money {
  border-color: #ffddaf;
  border-radius: 10px;
  background: rgba(92, 87, 76, 0.2);
  color: #ffddaf;
}
.darkgreen .active-btn-amount {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  color: #283e27 !important;
  font-weight: 900;
}
.darkgreen .btn-topup-promptpay {
  border-color: #ffddaf;
  border-radius: 10px;
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  color: #191e32;
}
.darkgreen .boder-color {
  border-color: #191e32 !important;
}
.darkgreen .is-active-register {
  background: #c0ac83 !important;
  border: 1px solid #c0a98a !important;
}
.darkgreen .b-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin: 0;
  outline: 0;
  transform: translateX(0);
  background: linear-gradient(0.483turn, #266626 4.17%, #0a1b0c) !important;
}
.darkgreen .bg-info {
  color: #fff;
  background: #162e18 !important;
  padding: 5px;
  border-radius: 10px;
}
.darkgreen .btn-change {
  background: #283e27;
  box-shadow: 0 4px 10px hsla(0, 0%, 74.1%, 0.12);
  border-radius: 10px;
}
.darkgreen .card-pro {
  background: #162e18;
  border-radius: 10px;
  color: #fff !important;
  font-weight: 400 !important;
  height: 13em;
}
.darkgreen .bg-lock {
  background: #ffe1a6;
  padding: 8px;
  border-radius: 18px;
  width: 40px;
  color: #191e32;
}
.darkgreen .btn-cancel {
  background: #283e27;
  border-radius: 10px;
  color: #ffe1a6 !important;
  border: 1px solid #ffe1a6;
}
.darkgreen .btn-cancel:hover {
  border-radius: 10px;
  color: #000 !important;
  border: 1px solid #000 !important;
}
.darkgreen .btn-theme-one {
  background: #ffddaf;
  border-color: #283e27 !important;
  color: #283e27;
  border-radius: 20px !important;
}
.darkgreen .btn-theme-two {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 10px;
  color: #191e32;
}
.darkgreen .btn-login {
  background: #266626;
  border-radius: 10px;
  color: #fff;
  border-color: #266626 !important;
}
.darkgreen .btn-theme-seemore {
  background: #565553;
  border-radius: 10px;
  color: #fff;
  border-color: #565553 !important;
}
.darkgreen .btn-copy {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  border-radius: 0 10px 10px 0 !important;
  color: #283e27 !important;
  border: none;
}
.darkgreen .card {
  background: #283e27 !important;
  color: #ffe1a6 !important;
  filter: drop-shadow(0 0 1px #989898);
}
.darkgreen .bg-input-theme {
  background-color: #d1d1d1 !important;
}
.darkgreen .border-theme {
  border-radius: 15px !important;
}
.darkgreen .icon-activity {
  filter: invert(0);
  width: 20px;
}
.darkgreen .bg-table {
  background-color: #334f31;
  border-radius: 10px;
  border: 0 solid #334f31 !important;
}
.darkgreen .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #bdbdbd !important;
  border-top: 0 solid #bdbdbd !important;
  padding: 4px 12px;
  background: #283e27;
  color: #fff !important;
}
.darkgreen .table td {
  vertical-align: top;
  border-top: 0 solid #bdbdbd !important;
  color: #bdbdbd !important;
}
.darkgreen .Daily__item__box {
  position: relative;
  height: 75px;
  background: #283e27;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
}
.darkgreen .Daily__item__box.active {
  background: linear-gradient(#283e27, #283e27) padding-box,
    linear-gradient(90deg, #ffddaf, #e0a532) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.darkgreen .Daily__item__box.active-today {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border: none !important;
  color: #283e27;
}
.darkgreen .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #283e27;
  border-radius: 10px;
}
.darkgreen .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.darkgreen .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.darkgreen .text-daily {
  color: #fff;
}
.darkgreen .btn-reward {
  width: 85%;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
  cursor: pointer;
}
.darkgreen .bg-btn-point {
  background: #ffe1a6;
  border-radius: 20px;
  margin: 4px;
  color: #172619;
}
.darkgreen .bg-chosses {
  background-color: #162e18;
  border-radius: 15px;
  filter: drop-shadow(0 1px 1px #989898);
  color: #fff;
}
.darkgreen .bg-hover:hover,
.darkgreen .btn-hover:focus {
  background-color: #334f31;
}
.darkgreen .showSlide {
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 80%;
  background-color: #334f31 !important;
  display: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.darkgreen #modal-suscess-complain .modal-content {
  background-color: #283e27 !important;
}
.darkgreen .from-complain {
  display: block;
  width: 100%;
  height: calc(1.5em + 5rem + 10px) !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  background-color: #162e18 !important;
  background-clip: padding-box;
  border: 1px solid #162e18 !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darkgreen .btn-withdraw {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  box-shadow: 0 4px 4px hsla(0, 0%, 74.1%, 0.16);
  border-radius: 10px;
  color: #283e27;
  border-color: #e0a532 !important;
}
.darkgreen .cover-withdraw {
  background: #283e27;
  border-radius: 0 0 10px 10px;
}
.darkgreen .hd-withdraw {
  background: #283e27;
  border-radius: 10px 10px 0 0;
  color: #fff;
  padding: 10px;
  font-size: 18px;
}
.darkgreen .card-withdraw {
  background: #162e18 !important;
  color: #fff !important;
  border-radius: 5px;
}
.darkgreen .page-item.active .page-link {
  z-index: 3;
  color: #283e27 !important;
  background-color: #ffe1a6 !important;
  border-color: #ffe1a6 !important;
}
.darkgreen .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #ffe1a6 !important;
  background-color: #283e27 !important;
  border: 1px solid #283e27 !important;
}
.darkgreen .custom-control-input:checked ~ .custom-control-label:before {
  color: #fff !important;
  border-color: #ffe1a6 !important;
  background-color: #ffe1a6 !important;
}
.darkgreen .boxcredit {
  background: rgba(34, 32, 32, 0.6);
  width: 55%;
}
.darkgreen .border-color {
  border: 2px solid #ffddaf;
  border-radius: 10px;
}
.darkgreen .btn-box {
  background-image: linear-gradient(315deg, #ffddaf, #e0a532 74%);
  border-radius: 5px 25px;
  filter: drop-shadow(1px 2px 4px #e0a532);
  border-color: #ffddaf !important;
}
.darkgreen .breadcrumb {
  background-color: #172619;
}
.darkgreen .breadcrumb-item.active {
  color: #ffe1a6 !important;
}
.darkgreen .breadcrumb-item {
  color: #fff !important;
}
.darkgreen .swal2-popup {
  background: #283e27 !important;
}
.darkgreen .swal2-content,
.darkgreen .swal2-title {
  color: #fff !important;
}
.darkgreen .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  border-radius: 10px !important;
  border-color: #fff !important;
  color: #fff !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.darkgreen .bg-body-modal {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #283e27 !important;
  color: #172619;
}
.darkgreen .modal-content {
  border-radius: 1rem !important;
}
.darkgreen .bg-body,
.darkgreen .bg-body-promotion {
  background: #283e27 !important;
}
.darkgreen .bg-footer {
  border-top: 1px solid #283e27 !important;
  border-bottom-right-radius: calc(1rem - 1px) !important;
  border-bottom-left-radius: calc(1rem - 1px) !important;
  background-color: #283e27 !important;
}
.darkgreen #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #283e27 !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkgreen #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #283e27 !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkgreen #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #283e27 !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darkgreen #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #283e27 !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkgreen #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #283e27 !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkgreen #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #283e27 !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.darkgreen #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #283e27 !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.darkgreen #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #283e27 !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkgreen .card-bank {
  background: #162e18;
  box-shadow: 0 4px 10px hsla(0, 0%, 74.1%, 0.12);
  border-radius: 7px;
  color: #ffe1a6 !important;
}
.darkgreen .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid hsla(0, 0%, 74.1%, 0.125);
}
.darkgreen .swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid;
  border-radius: 50%;
}
.darkgreen .swal2-icon.swal2-success [class^="swal2-success-line"] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
}
.darkgreen .form-control {
  display: block;
  padding: 0.375rem 0.75rem;
  background-color: #162e18;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.darkgreen .custom-select,
.darkgreen .form-control {
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  border: 1px solid #162e18 !important;
  border-radius: 0.25rem;
}
.darkgreen .custom-select {
  display: inline-block;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  vertical-align: middle;
  background-color: #162e18 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(/_nuxt/img/sort-arrows.4ef9d5b.png) right 0.75rem
    center/8px 10px no-repeat;
}
.darkgreen .multiselect__tags {
  min-height: 40px;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  font-size: 14px;
}
.darkgreen .multiselect__content-wrapper,
.darkgreen .multiselect__tags {
  display: block;
  border: 1px solid #162e18 !important;
  background: #283e27 !important;
  color: #fff !important;
}
.darkgreen .multiselect__content-wrapper {
  position: absolute;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.darkgreen .multiselect__input,
.darkgreen .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #283e27 !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
  color: #fff;
}
.darkgreen .multiselect__option--highlight {
  background: #283e27 !important;
  outline: none;
  color: #fff !important;
}
.darkgreen #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #283e27 !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.darkgreen .border-banner {
  border: 2px solid #ffddaf;
  border-radius: 10px;
}
.darkgreen .btn-secondary:hover {
  color: #283e27;
  background-color: #ffddaf !important;
  border-color: none !important;
}
.darkgreen .btn-secondary.focus,
.darkgreen .btn-secondary:focus {
  color: #283e27;
  background-color: #ffddaf !important;
  border-color: #ffddaf !important;
}
.darkgreen .bg-choose {
  background: #283e27 !important;
  color: #fff;
}
.darkgreen .btn-join-activity {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 0 0 10px 10px;
  color: #283e27;
  border-color: #172619 !important;
}
.darkgreen .bg-input {
  background: #283e27 !important;
  border-radius: 10px;
  color: #fff !important;
  border: none !important;
}
.darkgreen .bg-condition {
  background: #283e27 !important;
  color: #fff;
}
.darkgreen .header-login {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5019607843);
  border: 0 solid hsla(0, 0%, 74.1%, 0.125);
}
.darkgreen .footer-wrapper1 {
  height: auto;
}
.darkgreen .footer-wrapper,
.darkgreen .footer-wrapper1 {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.darkgreen .footer-wrapper {
  height: 58px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: #0c3110;
  box-shadow: 0 0 16px hsla(0, 0%, 41.2%, 0.55);
  z-index: 2;
}
.darkgreen .footer-wrapper .play-game {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 15px;
  text-align: center;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  box-shadow: 0 4px 6px hsla(0, 0%, 74.1%, 0.25);
}
.darkgreen .footer-wrapper .play-game .play-game-box {
  display: table-cell;
  transform: rotate(316deg);
  vertical-align: middle;
}
.darkgreen .footer-wrapper .play-game .item-count {
  width: 30px;
  filter: invert(1);
}
.darkgreen .footer-wrapper .play-game-5 {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 30px;
  text-align: center;
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  box-shadow: 0 4px 6px hsla(0, 0%, 74.1%, 0.25);
}
.darkgreen .footer-wrapper .play-game-5 .play-game-box-5 {
  display: table-cell;
  vertical-align: middle;
}
.darkgreen .footer-wrapper .play-game-5 .item-count {
  width: 34px;
  filter: invert(1);
}
.darkgreen a {
  color: #bdbdbd !important;
}
.darkgreen a:hover {
  color: --blue;
  text-decoration: none !important;
}
.darkgreen .bg-table-aff {
  background-color: #283e27 !important;
  border: 0 solid #283e27 !important;
}
.darkgreen .border-left {
  border-left: 3px solid #ffe1a6 !important;
}
.darkgreen .border-solid {
  border: 1px solid #283e27;
}
.darkgreen .bg-from-aff {
  display: inline-block;
  width: 50% !important;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  vertical-align: middle;
  background-color: #283e27 !important;
  border: 1px solid #283e27 !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.darkgreen .bg-in-aff {
  background: #283e27;
  border-radius: 5px;
  color: #ffe1a6;
  padding: 5px;
}
.darkgreen .icon-aff {
  position: absolute;
  top: 92px;
  left: 0;
  right: 0;
  color: #fff;
}
.darkgreen .btn-comein {
  position: absolute;
  bottom: -17%;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.darkgreen .bg-search {
  background-color: #283e27 !important;
}
.darkgreen .bg-from,
.darkgreen .bg-search {
  border: 1px solid #ffe1a6 !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff !important;
}
.darkgreen .bg-from {
  background-color: #283e27 !important;
  background: #464646 url(/_nuxt/img/dropdown.2ae9015.png) no-repeat right
    0.75rem center/10px 8px;
}
.darkgreen .search {
  position: absolute;
  right: 24px;
  color: #bdbdbd;
}
.darkgreen .card-point {
  background: #162e18 !important;
  filter: drop-shadow(0 0 0 #162e18) !important;
  color: #fff !important;
  border-radius: 10px;
}
.darkgreen .bg-point {
  background: #e0a532;
  border-radius: 20px;
  margin: 4px;
  color: #283e27;
}
.darkgreen .bg-card-his {
  background: #162e18 !important;
  color: #fff !important;
}
.darkgreen .card-nodata {
  background: #162e18;
  color: #fff;
  padding: 80px;
  border-radius: 10px;
}
.darkgreen .action-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2%;
}
.darkgreen .action-wrapper__btn-spin {
  background-image: url(https://es-dev.vrbet.com/_nuxt/img/button.1e27aca.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 6vw;
  width: 14vw;
  margin-bottom: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.darkgreen .action-wrapper__btn-spin span {
  font-size: 3vw;
  color: #fff;
  -webkit-text-stroke: 3px #fff;
}
@media screen and (max-width: 992px) {
  .darkgreen .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2.5px #fff;
    font-size: 6vw;
  }
}
@media screen and (max-width: 480px) {
  .darkgreen .action-wrapper__btn-spin span {
    -webkit-text-stroke: 2px #fff;
    font-size: 8vw;
  }
}
@media screen and (max-width: 992px) {
  .darkgreen .action-wrapper__btn-spin {
    margin-top: 3vw;
    width: 26vw;
    height: 12vw;
  }
}
@media screen and (max-width: 480px) {
  .darkgreen .action-wrapper__btn-spin {
    width: 40vw;
    height: 18vw;
  }
}
.darkgreen .action-wrapper__btn-spin.disabledbtn {
  cursor: not-allowed;
  filter: grayscale(1);
}
.darkgreen .glass-panel {
  color: #fff;
  margin: 40px auto;
  background-color: hsla(0, 0%, 100%, 0.06);
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  width: 100%;
  border-radius: 15px;
  padding: 32px;
  backdrop-filter: blur(10px);
}
.darkgreen .glass-button {
  display: inline-block;
  padding: 15px 18px;
  text-decoration: none;
  border-radius: 15px;
  background-color: #4e4e4e;
  border: 1px solid #bdbdbd;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: #bdbdbd;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}
.darkgreen .glass-button:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.darkgreen .glass-panel {
  max-width: 600px;
}
.darkgreen #background-wrap {
  bottom: 0;
  left: 0;
  padding-top: 50px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
@-webkit-keyframes animateCloud {
  0% {
    margin-left: -1000px;
  }
  to {
    margin-left: 100%;
  }
}
@-moz-keyframes animateCloud {
  0% {
    margin-left: -1000px;
  }
  to {
    margin-left: 100%;
  }
}
@keyframes animateCloud {
  0% {
    margin-left: -1000px;
  }
  to {
    margin-left: 100%;
  }
}
.darkgreen .x1 {
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 35s linear infinite;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  transform: scale(0.65);
}
.darkgreen .x2 {
  -webkit-animation: animateCloud 20s linear infinite;
  -moz-animation: animateCloud 20s linear infinite;
  animation: animateCloud 20s linear infinite;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
}
.darkgreen .x3 {
  -webkit-animation: animateCloud 30s linear infinite;
  -moz-animation: animateCloud 30s linear infinite;
  animation: animateCloud 30s linear infinite;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}
.darkgreen .x4 {
  -webkit-animation: animateCloud 18s linear infinite;
  -moz-animation: animateCloud 18s linear infinite;
  animation: animateCloud 18s linear infinite;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
.darkgreen .x5 {
  -webkit-animation: animateCloud 25s linear infinite;
  -moz-animation: animateCloud 25s linear infinite;
  animation: animateCloud 25s linear infinite;
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  transform: scale(0.55);
}
.darkgreen .cloud {
  background: #283e27;
  background: -moz-linear-gradient(top, #283e27 5%, #283e27 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(5%, #283e27),
    color-stop(100%, #283e27)
  );
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 8px 5px hsla(0, 0%, 74.1%, 0.1);
  -moz-box-shadow: 0 8px 5px hsla(0, 0%, 74.1%, 0.1);
  box-shadow: 0 8px 5px hsla(0, 0%, 74.1%, 0.1);
  height: 120px;
  position: relative;
  width: 350px;
}
.darkgreen .cloud:after,
.darkgreen .cloud:before {
  background: #283e27;
  content: "";
  position: absolute;
  z-index: -1;
}
.darkgreen .cloud:after {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  height: 100px;
  left: 50px;
  top: -50px;
  width: 100px;
}
.darkgreen .cloud:before {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  width: 180px;
  height: 180px;
  right: 50px;
  top: -90px;
}
.darkgreen .bg-share-facebook {
  background-color: #33264f !important;
  color: #fff !important;
}
.darkgreen .bg-game {
  background: linear-gradient(#266626, #0a1b0c) padding-box,
    linear-gradient(180deg, #eccfa9, #ffe1a6, #c69c4d) border-box !important;
  border: 0.5px solid transparent;
  border-radius: 10px !important;
  color: #ffe1a6 !important;
  width: 80px;
  height: 67px;
}
.darkgreen .bg-game-active {
  background: linear-gradient(180deg, #ffddaf, #e0a532) !important;
  border-radius: 10px !important;
  color: #251c38 !important;
  width: 80px;
  height: 67px;
}
.darkgreen .bg-search-game {
  background-color: #283e27 !important;
  border-radius: 10px !important;
  color: #bdbdbd !important;
  border: none !important;
}
.darkgreen .unactive-footer {
  color: #bdbdbd;
}
.darkgreen .btn-aff-share {
  background: linear-gradient(270deg, #ffddaf, #e0a532);
  border-radius: 10px;
  color: #283e27;
  border-color: #e0a532 !important;
  filter: drop-shadow(0 0 5px #e0a532);
}
.darkgreen #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #283e27 !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 74.1%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.darkgreen .btn-change-language {
  background-color: #283e27 !important;
  border: 1px solid #ffe1a6;
}
.darkgreen .card-money,
.darkgreen .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card\ copy.c4be5af.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.darkgreen .bg-iconuser {
  background: #fff;
  padding: 7px;
  border-radius: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #ffe1a6;
}
.darkgreen .content-lv {
  padding: 10px 0;
}
.darkgreen .border-bottom-aff {
  border-bottom: 1px solid #ffddaf;
}
.darkgreen .body-content {
  background: #283e27;
  width: 70%;
  border-bottom-right-radius: 20px;
  padding: 0 39px;
  overflow: auto;
  max-height: 300px;
  color: #fff !important;
}
@media (max-width: 479px) {
  .darkgreen .body-content {
    width: 75%;
    padding: 0 10px;
  }
}
.darkgreen .active2 {
  color: #fff !important;
  background: #283e27 !important;
  border-bottom-left-radius: 0 !important;
}
.darkgreen .tab-item {
  padding: 15px !important;
  font-size: 14px !important;
}
.darkgreen .tab-history-class {
  border-radius: 20px;
  color: #191e32;
  border: 1px solid #e0a532;
}
.darkgreen .tab-item:last-child {
  border-bottom: 1px solid #ffe1a6;
  border-bottom-left-radius: 20px !important;
}
.darkgreen .tab-item,
.darkgreen .tab-item:last-child {
  cursor: pointer;
  color: #191e32;
  background: linear-gradient(180deg, #ffddaf 0, #e0a532);
}
.darkgreen .tab-item {
  border-bottom: 1px solid #ffe1a6;
}
.darkgreen .header-aff {
  background: linear-gradient(180deg, #ffddaf 0, #e0a532);
  border-bottom: 1px solid #191e32;
  border-radius: 20px 20px 0 0;
}
.darkgreen .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #fff;
  border-radius: 30rem !important;
}
.darkgreen .bg-aff-level {
  background: linear-gradient(#283e27, #283e27) padding-box,
    linear-gradient(90deg, #ffddaf, #ffe1a6, #e0a532) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkgreen .bg-aff-level .nunber-friend {
  background: #334f31;
  border-radius: 10px;
  color: #fff;
}
.darkgreen .bg-aff-level .turn-other {
  background: #162e18;
  border-radius: 10px;
}
.darkgreen .bg-aff-level .solid {
  border: 1px solid #ffddaf;
  height: 40px;
}
.darkgreen .filters-content {
  background-color: #283e27;
}
.darkgreen .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #334f31;
  color: #bdbdbd;
  padding: 5px;
}
.darkgreen .filters__button:hover {
  background-color: #283e27;
}
.darkgreen .filters-content {
  background-color: #334f31;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darkgreen .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #162e18;
  color: #bdbdbd;
  padding: 5px;
}
.darkgreen .filters__button2:hover {
  background-color: #162e18;
}
.darkgreen .filters [data-content] {
  display: none;
}
.darkgreen [data-content].is-active[data-content] {
  display: grid;
}
.darkgreen [data-target].is-active {
  background: linear-gradient(180deg, #ffddaf, #e0a532);
  border-radius: 10px;
  color: #283e27;
}
.darkgreen .condition-header {
  background: linear-gradient(
    109.63deg,
    #ffddaf 3.68%,
    #ffe1a6 47.76%,
    #e0a532 95.96%
  );
  border-radius: 5px;
  color: #283e27;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.darkgreen .bg-wheel-condition {
  background: linear-gradient(#283e27, #283e27) padding-box,
    linear-gradient(109.63deg, #ffddaf 3.68%, #ffe1a6 47.76%, #e0a532 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.darkgreen .btn-up-slip {
  color: #ffddaf;
  border: 2px solid #e0a532 !important;
  background: 0 0 !important;
}
.darkgreen .btn-no-received {
  background: #162e18;
  border-color: #162e18;
  color: #fff;
  border-radius: 10px;
}
.darkgreen .btn-no-received:hover {
  background-color: #162e18 !important;
  border-color: #162e18 !important;
  color: #fff;
  border-radius: 10px !important;
}
.darkgreen .card-points {
  background: linear-gradient(#283e27, #283e27) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.darkgreen .r-gold {
  background: linear-gradient(#283e27, #283e27) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.darkgreen .r-gold,
.darkgreen .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.darkgreen .r-silver {
  background: linear-gradient(#283e27, #283e27) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.darkgreen .r-copper {
  background: linear-gradient(#283e27, #283e27) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.darkgreen .cycle-gold {
  background: linear-gradient(#283e27, #283e27) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.darkgreen .cycle-gold,
.darkgreen .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.darkgreen .cycle-silver {
  background: linear-gradient(#283e27, #283e27) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
}
.darkgreen .cycle-copper {
  background: linear-gradient(#283e27, #283e27) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.darkgreen .btn-no-received:focus {
  background-color: #162e18 !important;
  border-color: #162e18 !important;
  border-radius: 10px !important;
}
.darkgreen .bg-pro {
  background: #162e18;
  border-radius: 10px;
}
.darkgreen .filters-content-bg {
  background-color: #162e18;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.darkgreen .is-unactive {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #162e18;
  color: #7d7d7d;
  padding: 5px;
}
.darkgreen .fillter-icon {
  filter: invert(62%) sepia(33%) saturate(666%) hue-rotate(337deg)
    brightness(152%) contrast(100%);
  width: 30px;
}
.darkgreen .fillter-icon-active {
  filter: invert(56%) sepia(33%) saturate(666%) hue-rotate(83deg)
    brightness(36%) contrast(149%);
  width: 30px;
}
.darkgreen .card-decimal {
  background: #ececec;
  color: #000 !important;
}
.darkgreen .card-decimal,
.darkgreen .card-transfer {
  box-shadow: 0 4px 10px rgba(23, 38, 25, 0.12);
  border-radius: 10px;
}
.darkgreen .card-transfer {
  background: #283e27;
  color: #ffe1a6 !important;
}
.darkgreen .bg-choose-team {
  background: hsla(0, 0%, 100%, 0.3);
  border-radius: 5px;
  color: #fff;
  padding: 2px;
  margin: 4px;
}
.darkgreen .alert-secondary {
  color: #fff !important;
  background-color: #162e18 !important;
  border-color: #162e18 !important;
}
.darkgreen .bagfree {
  position: absolute;
  top: 5px;
  right: 6px;
}
.darkgreen .bagfree2 {
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 35px;
}
.darkgreen input::placeholder {
  color: #bdbdbd;
}
.darkgreen .bg-month {
  background: #162e18;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #7d7d7d;
}
.darkgreen .bg-month-active {
  background: linear-gradient(#162e18, #162e18) padding-box,
    linear-gradient(90deg, #ffddaf, #e0a532) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #fff;
  border: 1px solid transparent;
}
.darkgreen .btn.focus {
  box-shadow: 0 0 0 0.2rem rgba(60, 47, 89, 0.25) !important;
}
.darkgreen .arry-input {
  height: calc(1.5em + 5rem + 10px) !important;
  border-radius: 10px !important;
  color: #fff !important;
}
.darkgreen .show-footer {
  display: none;
  position: absolute;
  top: -46px;
}
.darkgreen .vue-pincode-input {
  max-width: none !important;
  outline: 0 !important;
  margin: 6px !important;
  padding: 5px !important;
  width: 50px !important;
  height: 50px !important;
  text-align: center !important;
  font-size: 1.5rem !important;
  border: none !important;
  border-radius: 100px !important;
  box-shadow: 0 0.3rem 8rem rgba(0, 0, 0, 0.1) !important;
  background: #162e18 !important;
}
.darkgreen #modalQuestionnaire .modal-content {
  background-color: #283e27 !important;
}
.darkgreen .bg-input-modal {
  background-color: #162e18 !important;
}
.halloween-festival.darkmode .recevied-com {
  border-radius: 10px;
  border: 2px solid #ed7300;
  background: linear-gradient(180deg, #ff9b3c, #ed7300);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.halloween-festival.lightmode .recevied-com {
  background: #3e2314;
  border-radius: 10px;
  border: 2px solid #ed7300;
  color: #ed7300;
}
.halloween-festival body {
  background: #120802;
}
@media only screen and (max-width: 600px) {
  .halloween-festival .bg-header {
    background-image: url(/_nuxt/img/header.ecf22c3.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: unset;
  }
}
@media only screen and (min-width: 601px) {
  .halloween-festival .bg-header {
    background-image: url(/_nuxt/img/PCHeader.c6ada87.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: unset;
  }
}
@media only screen and (max-width: 768px) {
  .halloween-festival .bg-login {
    background-image: url(/_nuxt/img/Halloweenloginmbpur.44756ba.png) !important;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
    min-height: 100vh;
  }
}
@media only screen and (min-width: 769px) {
  .halloween-festival .bg-login {
    background-image: url(/_nuxt/img/halloweenbgPC.22dedc4.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
  }
}
.halloween-festival .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #a24c04, #622d00) !important;
  color: #fff !important;
}
.halloween-festival .nav-tabs .nav-link {
  border: 0 !important;
  background: #3e2314 !important;
  color: #bdbdbd !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.halloween-festival .tab-content > .active {
  display: block;
  background: #3e2314 !important;
}
.halloween-festival .text-color,
.halloween-festival a {
  color: #fff !important;
}
.halloween-festival .nav-tabs {
  border-bottom: 2px solid #926037 !important;
}
.halloween-festival .form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #bdbdbd !important;
  background-color: #281e19;
  background-clip: padding-box;
  border: 1px solid #281e19 !important;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.halloween-festival .btn-login {
  background-image: url(/_nuxt/img/btn-theme.a1ed060.png) !important;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.halloween-festival .btn-login,
.halloween-festival .btn-theme-two {
  border-radius: 10px;
  color: #2e2e2e;
  border-color: unset !important;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.16));
}
.halloween-festival .btn-theme-two {
  background: linear-gradient(180deg, #ff9b3c, #ed7300) !important;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.halloween-festival .btn-theme-one {
  background: #f68721;
  border-color: #120a05 !important;
  color: #fff;
  border-radius: 10px !important;
}
.halloween-festival .btn-cancel {
  background: #3f2413;
  border-radius: 10px;
  color: #bdbdbd !important;
  border: 1px solid #ed7300;
}
.halloween-festival .btn-secondary:hover {
  color: #bdbdbd;
  background-color: #ed7300 !important;
  border-color: none !important;
}
.halloween-festival
  .custom-control-input:checked
  ~ .custom-control-label:before {
  color: #bdbdbd !important;
  border-color: #bdbdbd !important;
  background-color: #bdbdbd !important;
}
.halloween-festival .is-active-register {
  background: #985338 !important;
  border: 1px solid #645c67 !important;
}
.halloween-festival .custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #bdbdbd !important;
  vertical-align: middle;
  background-color: #281e19 !important;
  border: 1px solid #281e19 !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.halloween-festival .multiselect__tags {
  min-height: 40px;
  display: block;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  border: 1px solid #281e19 !important;
  background: #281e19 !important;
  font-size: 14px;
  color: #bdbdbd !important;
}
.halloween-festival .multiselect__input,
.halloween-festival .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #281e19 !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
}
.halloween-festival .multiselect__option--highlight {
  background: #281e19 !important;
  outline: none;
  color: #bdbdbd !important;
}
.halloween-festival .multiselect__content-wrapper {
  position: absolute;
  display: block;
  background: #281e19 !important;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border: 1px solid #281e19 !important;
  border-top: none;
  color: #fff !important;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 601px) {
  .halloween-festival .footer-wrapper {
    height: 58px;
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-image: url(/_nuxt/img/PCFooter.0798bf7.png) !important;
    box-shadow: 0 0 16px rgba(255, 155, 60, 0.55);
    z-index: 2;
  }
  .halloween-festival .footer-wrapper .play-game {
    border-radius: 15px;
    height: 50px;
    text-align: center;
    transform: rotate(45deg);
    width: 50px;
    padding: 8px;
    background: linear-gradient(180deg, #f38114, #ffae61 47.4%, #ed7300);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
    position: absolute;
    top: -20px;
  }
  .halloween-festival .footer-wrapper .play-game .play-game-box {
    display: table-cell;
    transform: rotate(316deg);
    vertical-align: middle;
  }
  .halloween-festival .footer-wrapper .play-game .item-count {
    width: 30px;
    filter: invert(1);
  }
}
@media only screen and (max-width: 600px) {
  .halloween-festival .footer-wrapper {
    height: 58px;
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-image: url(/_nuxt/img/mbfooter.214240f.png) !important;
    box-shadow: 0 0 16px rgba(255, 155, 60, 0.55);
    z-index: 2;
  }
  .halloween-festival .footer-wrapper .play-game {
    border-radius: 15px;
    height: 50px;
    text-align: center;
    transform: rotate(45deg);
    width: 50px;
    padding: 8px;
    background: linear-gradient(180deg, #f38114, #ffae61 47.4%, #ed7300);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
    position: absolute;
    top: -20px;
  }
  .halloween-festival .footer-wrapper .play-game .play-game-box {
    display: table-cell;
    transform: rotate(316deg);
    vertical-align: middle;
  }
  .halloween-festival .footer-wrapper .play-game .item-count {
    width: 30px;
    filter: invert(1);
  }
}
.halloween-festival .bg-credit {
  background-image: url(/_nuxt/img/bg-credit.d862f94.png) !important;
  border-radius: 10px;
  border: 3px solid #ed7300 !important;
  background-repeat: no-repeat;
  background-size: cover;
}
.halloween-festival .text-credit {
  background: linear-gradient(180deg, #f38114, #ffae61 47.4%, #ed7300);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.halloween-festival .text-template {
  color: #f5871f !important;
}
.halloween-festival .text-theme {
  color: #2e2e2e !important;
}
.halloween-festival .bg-credit-free {
  background: linear-gradient(180deg, #ff9b3c, #ed7300);
  border-radius: 0 0 10px 10px;
  color: #2e2e2e !important;
}
.halloween-festival .bg-wallet {
  background: #120802;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
}
.halloween-festival .text-linear,
.halloween-festival .text-linear-footer,
.halloween-festival .text-tranfer {
  background: linear-gradient(180deg, #ff9b3c, #ed7300);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.halloween-festival .bg-card-commission {
  background: #3e2314;
}
.halloween-festival .text-see-history {
  color: #fff;
}
.halloween-festival .bg-turn {
  color: #fff;
  background: #3e2314;
  border-radius: 10px;
}
.halloween-festival .text-color-icon {
  background: linear-gradient(180deg, #ff9b3c, #ed7300);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.halloween-festival .bg-icon-index {
  background: #3e2314 !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 6px rgba(255, 174, 97, 0.1);
}
.halloween-festival .unactive-footer {
  color: #bdbdbd;
}
.halloween-festival .bg-body-modal {
  background: linear-gradient(180deg, #ff9b3c, #ed7300) !important;
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #ff9b3c !important;
  color: #fff;
}
.halloween-festival .bg-body,
.halloween-festival .swal2-popup {
  background: #3e2314 !important;
}
.halloween-festival .swal2-content,
.halloween-festival .swal2-title {
  color: #fff !important;
}
.halloween-festival .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #ff9b3c, #ed7300) !important;
  border-radius: 10px !important;
  border-color: #fff !important;
  color: #fff !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.halloween-festival .alert-secondary {
  color: #fff;
  background-color: #4d2d1c;
  border-color: #4d2d1c;
}
.halloween-festival .bg-con-turn {
  background: #4d2d1c !important;
}
.halloween-festival .breadcrumb {
  background-color: #120802 !important;
}
.halloween-festival .breadcrumb-item.active {
  color: #f5871f !important;
}
.halloween-festival .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid rgba(0, 0, 0, 0.125);
}
.halloween-festival .card {
  background: #3e2314 !important;
  color: #fff !important;
  filter: drop-shadow(0 0 1px #bdbdbd);
}
.halloween-festival .bg-info {
  color: #fff;
  background: #4d2d1c !important;
  padding: 5px;
  border-radius: 10px;
}
.halloween-festival .btn-change {
  background: #3e2314;
  box-shadow: 0 4px 10px rgba(40, 30, 25, 0.12);
  border-radius: 10px;
}
.halloween-festival .bg-lock {
  background: #f5871f;
  padding: 8px;
  border-radius: 18px;
  width: 40px;
}
.halloween-festival .card-pro {
  background: #4d2d1c !important;
  border-radius: 10px;
  color: #fff !important;
  font-weight: 400 !important;
  height: 13em;
}
.halloween-festival #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #3e2314 !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.halloween-festival #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #3e2314 !important;
  background-clip: padding-box;
  border: 1px solid rgba(62, 35, 20, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.halloween-festival #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #3e2314 !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.halloween-festival #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #3e2314 !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.halloween-festival #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #3e2314 !important;
  background-clip: padding-box;
  border: 1px solid rgba(62, 35, 20, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.halloween-festival #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #3e2314 !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.halloween-festival #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #3e2314 !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.halloween-festival #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #3e2314 !important;
  background-clip: padding-box;
  border: 1px solid rgba(62, 35, 20, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.halloween-festival .bg-search-game {
  background-color: #281e19 !important;
  border-radius: 10px !important;
}
.halloween-festival .search {
  color: #f5871f;
}
.halloween-festival .bg-game-active {
  background: linear-gradient(180deg, #ff9b3c, #ed7300) !important;
  color: #fff !important;
}
.halloween-festival .bg-game {
  background: #3e2314 !important;
  color: #bdbdbd !important;
}
.halloween-festival .bg-chosses {
  background-color: #3e2314;
  filter: drop-shadow(0 1px 1px #1b110d);
  color: #fff;
}
.halloween-festival .bg-hover:hover,
.halloween-festival .btn-hover:focus {
  background-color: #4d2d1c;
}
.halloween-festival #modal-suscess-complain .modal-content {
  background-color: #1b110d !important;
}
.halloween-festival .from-complain {
  background-color: #281e19 !important;
  color: #bdbdbd !important;
  border: 1px solid #1b110d !important;
}
.halloween-festival .text-head-hisotry {
  color: #f5871f !important;
}
.halloween-festival .bg-table {
  background-color: #281e19;
  border-radius: 10px;
  border: 0 solid #1b110d !important;
}
.halloween-festival .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #926037 !important;
  border-top: 0 solid #926037 !important;
  padding: 4px 12px;
  background: #3f2413;
  color: #fff !important;
}
.halloween-festival .table td {
  vertical-align: top;
  border-top: 0 solid #f5871f !important;
  color: #fff !important;
}
.halloween-festival .b-sidebar {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: unset;
  background-attachment: fixed;
  background-size: 100% 100%;
  background-image: url(/_nuxt/img/sidbar.5ca5476.png) !important;
}
.halloween-festival .card-bank {
  background: #4d2d1c;
  color: #fff !important;
  box-shadow: 0 4px 10px rgba(18, 8, 2, 0.12);
}
.halloween-festival [data-target].is-active {
  background: linear-gradient(180deg, #a24c04, #622d00) !important;
  border-radius: 10px;
  color: #fff;
}
.halloween-festival .is-unactive {
  background: #120802;
  color: #bb7b45;
}
.halloween-festival .filters-content-bg {
  background-color: #120802;
}
.halloween-festival .bg-pro {
  background: #4d2d1c;
}
.halloween-festival .btn-withdraw {
  background: linear-gradient(180deg, #ff9b3c, #ed7300) !important;
  border-radius: 10px;
  color: #fff;
  border-color: #120802 !important;
}
.halloween-festival .page-item.active .page-link {
  z-index: 3;
  color: #fff !important;
  background-color: #ed7300 !important;
  border-color: #ed7300 !important;
}
.halloween-festival .page-link {
  color: #fff !important;
  background-color: #4d2d1c !important;
  border: 1px solid #4d2d1c !important;
}
.halloween-festival .btn-money {
  border-color: #ed7300 !important;
  background: #674635 !important;
  color: #fff !important;
}
.halloween-festival .btn-no-received {
  background: #4d2d1c !important;
  border-color: #4d2d1c !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  color: #dbdbdb;
}
.halloween-festival .btn-no-received:hover {
  background-color: #4d2d1c !important;
  border-color: #4d2d1c !important;
  color: #dbdbdb;
}
.halloween-festival .btn-topup-promptpay {
  border-color: #ed7300;
  border-radius: 10px;
  background: linear-gradient(180deg, #ff9b3c, #ed7300) !important;
  color: #2e2e2e;
}
.halloween-festival .card-decimal,
.halloween-festival .card-transfer {
  background: #4d2d1c;
  color: #fff !important;
}
.halloween-festival .card-transfer {
  border-radius: 10px;
}
.halloween-festival .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #4d2d1c;
  color: #bb7b45;
  padding: 5px;
}
.halloween-festival .filters__button2:hover {
  background-color: #4d2d1c;
}
.halloween-festival .bg-choose {
  background: #3e2314 !important;
  color: #fff;
}
.halloween-festival .btn-join-activity {
  background: linear-gradient(180deg, #ff9b3c, #ed7300) !important;
  color: #fff;
}
.halloween-festival .bg-condition {
  background: #3e2314 !important;
  color: #fff;
}
.halloween-festival .bg-input {
  background: #3e2314 !important;
  color: #fff !important;
  border-radius: 10px 0 0 10px !important;
}
.halloween-festival .btn-copy {
  background: linear-gradient(180deg, #ff9b3c, #ed7300) !important;
  color: #fff !important;
  border: unset;
}
.halloween-festival .filters-content {
  background-color: #3e2314;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.halloween-festival .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #3e2314;
  color: #bb7b45;
  padding: 5px;
}
.halloween-festival .filters__button:hover {
  background-color: #3e2314;
}
.halloween-festival .bg-aff-level {
  background: linear-gradient(#3e2314, #3e2314) padding-box,
    linear-gradient(180deg, #f38114, #ffae61 47.4%, #ed7300) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.halloween-festival .bg-aff-level .nunber-friend {
  background: #4d2d1c;
  border-radius: 10px;
  color: #fff;
}
.halloween-festival .bg-aff-level .turn-other {
  background: #4d2d1c;
  border-radius: 10px;
}
.halloween-festival .bg-aff-level .solid {
  border: 1px solid #f38114;
  height: 40px;
}
.halloween-festival .btn-aff-share {
  background: linear-gradient(180deg, #ff9b3c, #ed7300);
  border-radius: 10px;
  color: #2e2e2e;
  border-color: #ff9b3c !important;
  filter: drop-shadow(0 0 5px #ff9b3c);
}
.halloween-festival .bg-table-aff {
  background-color: #3e2314 !important;
  border: 0 solid #3e2314 !important;
}
.halloween-festival .tab-history-class {
  border-radius: 20px;
  color: #fff;
  border: 1px solid #ed7300;
}
.halloween-festival .header-aff {
  background: linear-gradient(180deg, #ff9b3c 0, #ed7300);
  border-bottom: 1px solid #ed7300;
  border-radius: 20px 20px 0 0;
}
.halloween-festival .tab-item:last-child {
  cursor: pointer;
  border-bottom: 1px solid #ed7300;
  background: linear-gradient(180deg, #ff9b3c 0, #ed7300);
  border-bottom-left-radius: 20px !important;
}
.halloween-festival .tab-item {
  cursor: pointer;
  border-bottom: 1px solid #ed7300;
  background: linear-gradient(180deg, #ff9b3c 0, #ed7300);
}
.halloween-festival .border-banner {
  border: 2px solid #ed7300;
}
.halloween-festival .card-point {
  background: #4d2d1c !important;
  filter: drop-shadow(0 0 0 #4d2d1c) !important;
  color: #fff !important;
  border-radius: 10px;
}
.halloween-festival .bg-point {
  background: #ff9b3c;
  border-radius: 20px;
  margin: 4px;
  color: #2e2e2e;
}
.halloween-festival .bg-search {
  background-color: #281e19 !important;
  color: #bdbdbd !important;
}
.halloween-festival .bg-card-his {
  background: #4d2d1c !important;
  color: #fff !important;
  filter: drop-shadow(0 0 0 #1f120a) !important;
}
.halloween-festival .Daily__item__box {
  position: relative;
  height: 75px;
  background: #3e2314;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
}
.halloween-festival .Daily__item__box.active {
  background: linear-gradient(#3e2314, #3e2314) padding-box,
    linear-gradient(90deg, #ff9b3c, #ed7300) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.halloween-festival .Daily__item__box.active-today {
  background: linear-gradient(180deg, #ff9b3c, #ed7300);
  border: none !important;
}
.halloween-festival .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2e2e2e;
  border-radius: 10px;
}
.halloween-festival .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.halloween-festival .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.halloween-festival .text-daily {
  color: #fff;
}
.halloween-festival .bg-table-daily-fix {
  background: #4d2d1c !important;
  color: #fff !important;
}
.halloween-festival .bg-input-theme {
  background-color: #4d2d1c !important;
}
.halloween-festival .text-color-cs {
  color: #fff !important;
}
.halloween-festival .text-spcial {
  background: linear-gradient(180deg, #fff 0, #bdbdbd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.halloween-festival .bg-wheel-condition {
  background: linear-gradient(#3e2314, #3e2314) padding-box,
    linear-gradient(109.63deg, #f38114 3.68%, #ffae61 47.76%, #ed7300 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.halloween-festival .condition-header {
  background: linear-gradient(
    109.63deg,
    #f38114 3.68%,
    #ffae61 47.76%,
    #ed7300 95.96%
  );
  border-radius: 5px;
  color: #fff;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.halloween-festival .hd-withdraw {
  background: linear-gradient(180deg, #a24c04, #622d00);
  border-radius: 10px 10px 0 0;
  color: #fff;
  padding: 10px;
  font-size: 18px;
}
.halloween-festival .cover-withdraw {
  background: #3e2314;
  border-radius: 0 0 10px 10px;
}
.halloween-festival .card-withdraw {
  background: #4d2d1c !important;
  color: #fff !important;
  border-radius: 5px;
}
.halloween-festival .bg-share-facebook {
  background-color: #281e19 !important;
}
.halloween-festival #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #3e2314 !important;
  background-clip: padding-box;
  border: 1px solid rgba(62, 35, 20, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.halloween-festival .btn-change-language {
  background-color: #4d2d1c !important;
  border: 1px solid #ed7300;
}
.halloween-festival .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card\ copy.c4be5af.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.halloween-festival .r-gold {
  background: linear-gradient(#3e2314, #3e2314) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.halloween-festival .r-gold,
.halloween-festival .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.halloween-festival .r-silver {
  background: linear-gradient(#3e2314, #3e2314) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.halloween-festival .r-copper {
  background: linear-gradient(#3e2314, #3e2314) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.halloween-festival .cycle-gold {
  background: linear-gradient(#3e2314, #3e2314) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.halloween-festival .cycle-gold,
.halloween-festival .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.halloween-festival .cycle-silver {
  background: linear-gradient(#3e2314, #3e2314) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
}
.halloween-festival .cycle-copper {
  background: linear-gradient(#3e2314, #3e2314) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.halloween-festival .card-points {
  background: linear-gradient(#3e2314, #3e2314) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.halloween-festival .ghost {
  --width: 10vh;
  --height: 10vh;
  --move: -1vh;
  height: var(--height);
  width: var(--width);
  background: #fff;
  position: absolute;
  bottom: calc(var(--height) / 2);
  left: calc(83% - var(--width) / 2);
  transform-origin: 50% 50%;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 10%;
  border-bottom-right-radius: 10%;
  cursor: pointer;
  animation: float 2s ease-in-out infinite;
  top: 237px;
  z-index: 1;
}
.halloween-festival .ghost:hover .ghost-blush {
  --shadow-color: #ffc4ce;
  background: rgba(255, 167, 182, 0.5);
  transform: scale(1);
}
.halloween-festival .ghost-bottom {
  --size: calc(var(--width) / 3);
  width: var(--size);
  height: var(--size);
  background: #fff;
  border-radius: 100%;
  position: absolute;
  bottom: calc(var(--size) * -1 / 2.6);
  left: calc(50% - var(--size) / 2);
}
.halloween-festival .ghost-bottom:before {
  left: -100%;
}
.halloween-festival .ghost-bottom:after,
.halloween-festival .ghost-bottom:before {
  content: "";
  width: inherit;
  height: inherit;
  background: inherit;
  position: absolute;
  border-radius: 100%;
}
.halloween-festival .ghost-bottom:after {
  left: 100%;
}
.halloween-festival .ghost-eye {
  --x-pos: 22%;
  height: 22%;
  width: 22%;
  border-radius: 100%;
  background: #000;
  position: absolute;
  top: 30%;
}
.halloween-festival .ghost-eye.left {
  left: var(--x-pos);
}
.halloween-festival .ghost-eye.right {
  right: var(--x-pos);
}
@keyframes peer {
  0% {
    transform: translate(0);
  }
  10% {
    transform: translate(-150%);
  }
  40% {
    transform: translate(-150%);
  }
  50% {
    transform: translate(0);
  }
  to {
    transform: translate(0);
  }
}
.halloween-festival .ghost-iris {
  height: calc(var(--width) / 20);
  width: calc(var(--width) / 20);
  position: absolute;
  top: 10%;
  right: 20%;
  background: #fff;
  border-radius: 100%;
  animation: peer 5s 1s infinite;
}
.halloween-festival .ghost-blush {
  --x-pos: 6%;
  --size: calc(var(--height) / 20);
  --shadow-color: transparent;
  width: var(--size);
  height: var(--size);
  position: absolute;
  top: 40%;
  border-radius: 100%;
  box-shadow: 0 0 var(--size) calc(var(--size) / 2) var(--shadow-color);
  background: 0 0;
  transform: scale(0);
  transition: all 0.5s;
}
.halloween-festival .ghost-blush.left {
  left: var(--x-pos);
}
.halloween-festival .ghost-blush.right {
  right: var(--x-pos);
}
.halloween-festival .ghost2__dimples {
  display: flex;
  justify-content: space-around;
  margin: 0 auto;
  padding: 35px 0 0;
  width: 86px;
  height: 20px;
}
.halloween-festival .ghost2__dimples:after,
.halloween-festival .ghost2__dimples:before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background: #ffbeff;
  border-radius: 50%;
}
.halloween-festival .border-solid {
  border: 1px solid #926037;
}
.loykratong-festival.darkmode .recevied-com {
  border-radius: 10px;
  border: 2px solid #79cfff;
  background: linear-gradient(180deg, #d5f0ff, #3ea2ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.loykratong-festival.lightmode .recevied-com {
  background: #0c2656;
  border-radius: 10px;
  border: 2px solid #79cfff;
  color: #79cfff;
}
.loykratong-festival body {
  background: #091642;
}
@media only screen and (max-width: 600px) {
  .loykratong-festival .bg-header {
    background-image: url(/_nuxt/img/header.0b3889a.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: unset;
  }
}
@media only screen and (min-width: 601px) {
  .loykratong-festival .bg-header {
    background-image: url(/_nuxt/img/PCHeader.a6e2d20.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: unset;
  }
}
@media only screen and (max-width: 768px) {
  .loykratong-festival .bg-login {
    background-image: url(/_nuxt/img/Halloweenloginmbpur.4aaaead.png) !important;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
    min-height: 100vh;
  }
}
@media only screen and (min-width: 769px) {
  .loykratong-festival .bg-login {
    background-image: url(/_nuxt/img/halloweenbgPC.d765ddb.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
  }
}
.loykratong-festival .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #0096eb, #1b489f) !important;
  color: #fff !important;
}
.loykratong-festival .nav-tabs .nav-link {
  border: 0 !important;
  background: #172a4f !important;
  color: #bdbdbd !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.loykratong-festival .tab-content > .active {
  display: block;
  background: #172a4f !important;
}
.loykratong-festival .text-color,
.loykratong-festival a {
  color: #fff !important;
}
.loykratong-festival .nav-tabs {
  border-bottom: 2px solid #304a8b !important;
}
.loykratong-festival .form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  background-color: #073975;
  background-clip: padding-box;
  border: 1px solid #073975 !important;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.loykratong-festival .btn-login {
  background-image: url(/_nuxt/img/btn-theme.1080d6d.png) !important;
  color: #fff;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.loykratong-festival .btn-login,
.loykratong-festival .btn-theme-two {
  border-radius: 10px;
  border-color: unset !important;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.16));
}
.loykratong-festival .btn-theme-two {
  background: linear-gradient(180deg, #79cfff, #0094ff);
  color: #2e2e2e;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.loykratong-festival .btn-theme-one {
  background: #0095ff;
  border-color: #120a05 !important;
  color: #fff;
  border-radius: 10px !important;
}
.loykratong-festival .btn-cancel {
  background: #0f2f6b;
  border-radius: 10px;
  color: #bdbdbd !important;
  border: 1px solid #0094ff;
}
.loykratong-festival .btn-secondary:hover {
  color: #bdbdbd;
  background-color: #0c3975 !important;
  border-color: none !important;
}
.loykratong-festival
  .custom-control-input:checked
  ~ .custom-control-label:before {
  color: #bdbdbd !important;
  border-color: #bdbdbd !important;
  background-color: #bdbdbd !important;
}
.loykratong-festival .is-active-register {
  background: #1897ff !important;
  border: 1px solid #304a8b !important;
}
.loykratong-festival .custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #bdbdbd !important;
  vertical-align: middle;
  background-color: #073975 !important;
  border: 1px solid #073975 !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.loykratong-festival .multiselect__tags {
  min-height: 40px;
  display: block;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  border: 1px solid #073975 !important;
  background: #073975 !important;
  font-size: 14px;
  color: #fff !important;
}
.loykratong-festival .multiselect__input,
.loykratong-festival .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #073975 !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
}
.loykratong-festival .multiselect__option--highlight {
  background: #073975 !important;
  outline: none;
  color: #fff !important;
}
.loykratong-festival .multiselect__content-wrapper {
  position: absolute;
  display: block;
  background: #073975 !important;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border: 1px solid #073975 !important;
  border-top: none;
  color: #fff !important;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 601px) {
  .loykratong-festival .footer-wrapper {
    height: 58px;
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-image: url(/_nuxt/img/PCFooter.94a6692.png) !important;
    box-shadow: 0 0 16px rgba(15, 47, 107, 0.55);
    z-index: 2;
  }
  .loykratong-festival .footer-wrapper .play-game {
    border-radius: 15px;
    height: 50px;
    text-align: center;
    transform: rotate(45deg);
    width: 50px;
    padding: 8px;
    background: linear-gradient(180deg, #0094ff, #9cdbff 47.4%, #0094ff);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
    position: absolute;
    top: -20px;
  }
  .loykratong-festival .footer-wrapper .play-game .play-game-box {
    display: table-cell;
    transform: rotate(316deg);
    vertical-align: middle;
  }
  .loykratong-festival .footer-wrapper .play-game .item-count {
    width: 30px;
    filter: invert(1);
  }
}
@media only screen and (max-width: 600px) {
  .loykratong-festival .footer-wrapper {
    height: 58px;
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-image: url(/_nuxt/img/mbfooter.484a8f8.png) !important;
    box-shadow: 0 0 16px rgba(15, 47, 107, 0.55);
    z-index: 2;
  }
  .loykratong-festival .footer-wrapper .play-game {
    border-radius: 15px;
    height: 50px;
    text-align: center;
    transform: rotate(45deg);
    width: 50px;
    padding: 8px;
    background: linear-gradient(180deg, #0094ff, #9cdbff 47.4%, #0094ff);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
    position: absolute;
    top: -20px;
  }
  .loykratong-festival .footer-wrapper .play-game .play-game-box {
    display: table-cell;
    transform: rotate(316deg);
    vertical-align: middle;
  }
  .loykratong-festival .footer-wrapper .play-game .item-count {
    width: 30px;
    filter: invert(1);
  }
}
.loykratong-festival .bg-credit {
  background-image: url(/_nuxt/img/bg-credit.924e53b.png) !important;
  border-radius: 10px;
  border: 3px solid #79cfff !important;
  background-repeat: no-repeat;
  background-size: cover;
}
.loykratong-festival .text-credit {
  background: linear-gradient(180deg, #14a3f3, #61e3ff 47.4%, #00c2ed);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.loykratong-festival .text-template {
  color: #6acaff !important;
}
.loykratong-festival .text-theme {
  color: #2e2e2e !important;
}
.loykratong-festival .bg-credit-free {
  background: linear-gradient(180deg, #79cfff, #0094ff);
  border-radius: 0 0 10px 10px;
  color: #2e2e2e !important;
}
.loykratong-festival .bg-wallet {
  background: #120802;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
}
.loykratong-festival .text-linear,
.loykratong-festival .text-linear-footer,
.loykratong-festival .text-tranfer {
  background: linear-gradient(180deg, #d5f0ff, #3ea2ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.loykratong-festival .bg-card-commission {
  background: #0f2f6b;
}
.loykratong-festival .text-see-history {
  color: #fff;
}
.loykratong-festival .bg-turn {
  color: #fff;
  background: #0f2f6b;
  border-radius: 10px;
}
.loykratong-festival .text-color-icon {
  background: linear-gradient(180deg, #d5f0ff, #3ea2ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.loykratong-festival .bg-icon-index {
  background: #0f2f6b !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 6px rgba(255, 174, 97, 0.1);
}
.loykratong-festival .unactive-footer {
  color: #bdbdbd;
}
.loykratong-festival .bg-body-modal {
  background: linear-gradient(180deg, #0096eb, #1b489f) !important;
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #304a8b !important;
  color: #fff;
}
.loykratong-festival .bg-body,
.loykratong-festival .swal2-popup {
  background: #0f2f6b !important;
}
.loykratong-festival .swal2-content,
.loykratong-festival .swal2-title {
  color: #fff !important;
}
.loykratong-festival .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #0096eb, #1b489f) !important;
  border-radius: 10px !important;
  border-color: #fff !important;
  color: #fff !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.loykratong-festival .alert-secondary {
  color: #fff;
  background-color: #253a70;
  border-color: #253a70;
}
.loykratong-festival .bg-con-turn {
  background: #253a70 !important;
}
.loykratong-festival .breadcrumb {
  background-color: #091642 !important;
}
.loykratong-festival .breadcrumb-item.active {
  color: #6acaff !important;
}
.loykratong-festival .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid rgba(0, 0, 0, 0.125);
}
.loykratong-festival .card {
  background: #172a4f !important;
  color: #fff !important;
  filter: drop-shadow(0 0 1px #bdbdbd);
}
.loykratong-festival .bg-info {
  color: #fff;
  background: #0f2f6b !important;
  padding: 5px;
  border-radius: 10px;
}
.loykratong-festival .btn-change {
  background: #172a4f;
  box-shadow: 0 4px 10px rgba(40, 30, 25, 0.12);
  border-radius: 10px;
}
.loykratong-festival .bg-lock {
  background: #6acaff;
  padding: 8px;
  border-radius: 18px;
  width: 40px;
}
.loykratong-festival .card-pro {
  background: #0f2f6b !important;
  border-radius: 10px;
  color: #fff !important;
  font-weight: 400 !important;
  height: 13em;
}
.loykratong-festival #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #0f2f6b !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.loykratong-festival #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #0f2f6b !important;
  background-clip: padding-box;
  border: 1px solid rgba(15, 47, 107, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.loykratong-festival #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #0f2f6b !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.loykratong-festival #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #0f2f6b !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.loykratong-festival #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #0f2f6b !important;
  background-clip: padding-box;
  border: 1px solid rgba(15, 47, 107, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.loykratong-festival #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #0f2f6b !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.loykratong-festival #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #0f2f6b !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.loykratong-festival #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #0f2f6b !important;
  background-clip: padding-box;
  border: 1px solid rgba(15, 47, 107, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.loykratong-festival .bg-search-game {
  background-color: #073975 !important;
  border-radius: 10px !important;
}
.loykratong-festival .search {
  color: #6acaff;
}
.loykratong-festival .bg-game-active {
  background: linear-gradient(180deg, #d5f0ff, #3ea2ff) !important;
  color: #fff !important;
}
.loykratong-festival .bg-game {
  background: #0f2f6b !important;
  color: #bdbdbd !important;
}
.loykratong-festival .bg-chosses {
  background-color: #0f2f6b;
  filter: drop-shadow(0 1px 1px #0f2f6b);
  color: #fff;
}
.loykratong-festival .bg-hover:hover,
.loykratong-festival .btn-hover:focus {
  background-color: #0b1e44;
}
.loykratong-festival #modal-suscess-complain .modal-content {
  background-color: #0f2f6b !important;
}
.loykratong-festival .from-complain {
  background-color: #281e19 !important;
  color: #bdbdbd !important;
  border: 1px solid #0f2f6b !important;
}
.loykratong-festival .text-head-hisotry {
  color: #6acaff !important;
}
.loykratong-festival .bg-table {
  background-color: #172a4f;
  border-radius: 10px;
  border: 0 solid #172a4f !important;
}
.loykratong-festival .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #0094ff !important;
  border-top: 0 solid #0094ff !important;
  padding: 4px 12px;
  background: #0f2f6b;
  color: #fff !important;
}
.loykratong-festival .table td {
  vertical-align: top;
  border-top: 0 solid #0094ff !important;
  color: #fff !important;
}
.loykratong-festival .b-sidebar {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: unset;
  background-attachment: fixed;
  background-size: 100% 100%;
  background-image: url(/_nuxt/img/sidbar.a71d741.png) !important;
}
.loykratong-festival .card-bank {
  background: #253a70;
  color: #fff !important;
  box-shadow: 0 4px 10px rgba(18, 8, 2, 0.12);
}
.loykratong-festival [data-target].is-active {
  background: linear-gradient(180deg, #0f2f6b, #304a8b) !important;
  border-radius: 10px;
  color: #fff;
}
.loykratong-festival .is-unactive {
  background: #120802;
  color: #bb7b45;
}
.loykratong-festival .filters-content-bg {
  background-color: #120802;
}
.loykratong-festival .bg-pro {
  background: #0f2f6b;
}
.loykratong-festival .btn-withdraw {
  background: linear-gradient(180deg, #79cfff, #0094ff) !important;
  border-radius: 10px;
  color: #fff;
  border-color: #120802 !important;
}
.loykratong-festival .page-item.active .page-link {
  z-index: 3;
  color: #fff !important;
  background-color: #0094ff !important;
  border-color: #0094ff !important;
}
.loykratong-festival .page-link {
  color: #fff !important;
  background-color: #0f2f6b !important;
  border: 1px solid #0f2f6b !important;
}
.loykratong-festival .btn-money {
  border-color: #304a8b !important;
  background: #093975 !important;
  color: #fff !important;
}
.loykratong-festival .btn-no-received {
  background: #0f2f6b !important;
  border-color: #0f2f6b !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  color: #dbdbdb;
}
.loykratong-festival .btn-no-received:hover {
  background-color: #0f2f6b !important;
  border-color: #0f2f6b !important;
  color: #dbdbdb;
}
.loykratong-festival .btn-topup-promptpay {
  border-color: #304a8b;
  border-radius: 10px;
  background: linear-gradient(180deg, #79cfff, #0094ff) !important;
  color: #2e2e2e;
}
.loykratong-festival .card-decimal,
.loykratong-festival .card-transfer {
  background: #0f2f6b;
  color: #fff !important;
}
.loykratong-festival .card-transfer {
  border-radius: 10px;
}
.loykratong-festival .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #172a4f;
  color: #bb7b45;
  padding: 5px;
}
.loykratong-festival .filters__button2:hover {
  background-color: #172a4f;
}
.loykratong-festival .bg-choose {
  background: #0f2f6b !important;
  color: #fff;
}
.loykratong-festival .btn-join-activity {
  background: linear-gradient(180deg, #d5f0ff, #3ea2ff) !important;
  color: #2e2e2e;
}
.loykratong-festival .bg-condition {
  background: #0f2f6b !important;
  color: #fff;
}
.loykratong-festival .bg-input {
  background: #0f2f6b !important;
  color: #fff !important;
  border-radius: 10px 0 0 10px !important;
}
.loykratong-festival .btn-copy {
  background: linear-gradient(180deg, #d5f0ff, #3ea2ff) !important;
  color: #fff !important;
  border: unset;
}
.loykratong-festival .filters-content {
  background-color: #172a4f;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.loykratong-festival .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #172a4f;
  color: #6b7daa;
  padding: 5px;
}
.loykratong-festival .filters__button:hover {
  background-color: #172a4f;
}
.loykratong-festival .bg-aff-level {
  background: linear-gradient(#0f2f6b, #0f2f6b) padding-box,
    linear-gradient(180deg, #0094ff, #9cdbff 47.4%, #0094ff) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.loykratong-festival .bg-aff-level .nunber-friend {
  background: #172a4f;
  border-radius: 10px;
  color: #fff;
}
.loykratong-festival .bg-aff-level .turn-other {
  background: #172a4f;
  border-radius: 10px;
}
.loykratong-festival .bg-aff-level .solid {
  border: 1px solid #229cff;
  height: 40px;
}
.loykratong-festival .btn-aff-share {
  background: linear-gradient(180deg, #d5f0ff, #3ea2ff);
  border-radius: 10px;
  color: #2e2e2e;
  border-color: #d5f0ff !important;
  filter: drop-shadow(0 0 5px #d5f0ff);
}
.loykratong-festival .bg-table-aff {
  background-color: #172a4f !important;
  border: 0 solid #172a4f !important;
}
.loykratong-festival .tab-history-class {
  border-radius: 20px;
  color: #fff;
  border: 1px solid #172a4f;
}
.loykratong-festival .header-aff {
  background: linear-gradient(180deg, #d5f0ff, #3ea2ff);
  border-bottom: 1px solid #172a4f;
  border-radius: 20px 20px 0 0;
}
.loykratong-festival .tab-item:last-child {
  cursor: pointer;
  border-bottom: 1px solid #172a4f;
  background: linear-gradient(180deg, #d5f0ff, #3ea2ff);
  border-bottom-left-radius: 20px !important;
}
.loykratong-festival .tab-item {
  cursor: pointer;
  border-bottom: 1px solid #172a4f;
  background: linear-gradient(180deg, #d5f0ff, #3ea2ff);
}
.loykratong-festival .border-banner {
  border: 2px solid #0094ff;
}
.loykratong-festival .card-point {
  background: #0f2f6b !important;
  filter: drop-shadow(0 0 0 #0f2f6b) !important;
  color: #fff !important;
  border-radius: 10px;
}
.loykratong-festival .bg-point {
  background: #0095ff;
  border-radius: 20px;
  margin: 4px;
  color: #2e2e2e;
}
.loykratong-festival .bg-search {
  background-color: #073975 !important;
  color: #bdbdbd !important;
}
.loykratong-festival .bg-card-his {
  background: #0f2f6b !important;
  color: #fff !important;
  filter: drop-shadow(0 0 0 #1f120a) !important;
}
.loykratong-festival .Daily__item__box {
  position: relative;
  height: 75px;
  background: #0f2f6b;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
}
.loykratong-festival .Daily__item__box.active {
  background: linear-gradient(#0f2f6b, #0f2f6b) padding-box,
    linear-gradient(90deg, #d5f0ff, #3ea2ff) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.loykratong-festival .Daily__item__box.active-today {
  background: linear-gradient(180deg, #d5f0ff, #3ea2ff);
  border: none !important;
}
.loykratong-festival .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2e2e2e;
  border-radius: 10px;
}
.loykratong-festival .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.loykratong-festival .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.loykratong-festival .text-daily {
  color: #fff;
}
.loykratong-festival .bg-table-daily-fix {
  background: #223e7b !important;
  color: #fff !important;
}
.loykratong-festival .bg-input-theme {
  background-color: #223e7b !important;
}
.loykratong-festival .text-color-cs {
  color: #fff !important;
}
.loykratong-festival .text-spcial {
  background: linear-gradient(180deg, #fff 0, #bdbdbd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.loykratong-festival .bg-wheel-condition {
  background: linear-gradient(#0f2f6b, #0f2f6b) padding-box,
    linear-gradient(180deg, #0094ff, #9cdbff 47.4%, #0094ff) border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.loykratong-festival .condition-header {
  background: linear-gradient(180deg, #0094ff, #9cdbff 47.4%, #0094ff);
  border-radius: 5px;
  color: #fff;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.loykratong-festival .hd-withdraw {
  background: linear-gradient(180deg, #19315e, #203357);
  border-radius: 10px 10px 0 0;
  color: #fff;
  padding: 10px;
  font-size: 18px;
}
.loykratong-festival .cover-withdraw {
  background: #0f2f6b;
  border-radius: 0 0 10px 10px;
}
.loykratong-festival .card-withdraw {
  background: #091642 !important;
  color: #fff !important;
  border-radius: 5px;
}
.loykratong-festival .bg-share-facebook {
  background-color: #073975 !important;
}
.loykratong-festival #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #0f2f6b !important;
  background-clip: padding-box;
  border: 1px solid rgba(15, 47, 107, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.loykratong-festival .btn-change-language {
  background-color: #0f2f6b !important;
  border: 1px solid #0095ff;
}
.loykratong-festival .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card\ copy.c4be5af.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.loykratong-festival .r-gold {
  background: linear-gradient(#0f2f6b, #0f2f6b) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.loykratong-festival .r-gold,
.loykratong-festival .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.loykratong-festival .r-silver {
  background: linear-gradient(#0f2f6b, #0f2f6b) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.loykratong-festival .r-copper {
  background: linear-gradient(#0f2f6b, #0f2f6b) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.loykratong-festival .cycle-gold {
  background: linear-gradient(#0f2f6b, #0f2f6b) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.loykratong-festival .cycle-gold,
.loykratong-festival .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.loykratong-festival .cycle-silver {
  background: linear-gradient(#0f2f6b, #0f2f6b) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
}
.loykratong-festival .cycle-copper {
  background: linear-gradient(#0f2f6b, #0f2f6b) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.loykratong-festival .card-points {
  background: linear-gradient(#0f2f6b, #0f2f6b) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.loykratong-festival .border-solid {
  border: 1px solid #3b5db2;
}
.loykratong-festival .border-left {
  border-left: 3px solid #304a8b !important;
}
.christmas-festival.darkmode .recevied-com {
  border-radius: 10px;
  border: 2px solid #c0363e;
  background: linear-gradient(180deg, #d84952, #99161f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.christmas-festival.lightmode .recevied-com {
  background: hsla(0, 100%, 81%, 0.2);
  border-radius: 10px;
  border: 2px solid #c0363e;
  color: #c0363e;
}
.christmas-festival body {
  background: #ebebeb;
}
@media only screen and (max-width: 600px) {
  .christmas-festival .bg-header {
    background-image: url(/_nuxt/img/header-mb.41b4d26.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: unset;
    background: #ebebeb;
  }
}
@media only screen and (min-width: 601px) {
  .christmas-festival .bg-header {
    background-image: url(/_nuxt/img/header-pc.241498f.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: unset;
  }
}
@media only screen and (max-width: 768px) {
  .christmas-festival .bg-login {
    background-image: url(/_nuxt/img/mobile-login.1bb6f31.png) !important;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
    min-height: 100vh;
  }
}
@media only screen and (min-width: 769px) {
  .christmas-festival .bg-login {
    background-image: url(/_nuxt/img/pc-login.a930bd8.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
  }
}
.christmas-festival .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #008a61, #01493b) !important;
  color: #fff !important;
}
.christmas-festival .nav-tabs .nav-link {
  border: 0 !important;
  background: #fff !important;
  color: #9d9d9d !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.christmas-festival .tab-content > .active {
  display: block;
  background: #fff !important;
}
.christmas-festival .text-color {
  color: #2e2e2e !important;
}
.christmas-festival a {
  color: #4f4a3e !important;
}
.christmas-festival .nav-tabs {
  border-bottom: 2px solid #f1f1f1 !important;
}
.christmas-festival .form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #2e2e2e !important;
  background-color: #ededed;
  background-clip: padding-box;
  border: 1px solid #ededed !important;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.christmas-festival .btn-login {
  background: linear-gradient(180deg, #d84952, #99161f);
  border-radius: 10px;
  color: #fff;
  border-color: unset !important;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.16));
}
.christmas-festival .btn-theme-two {
  background: linear-gradient(180deg, #d84952, #99161f) !important;
  border-radius: 10px;
  color: #fff;
  border-color: unset !important;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16);
}
.christmas-festival .btn-theme-one {
  background: #d84952;
  border-color: #fff !important;
  color: #fff;
  border-radius: 10px !important;
}
.christmas-festival .btn-cancel {
  background: #ffecec;
  border-radius: 10px;
  color: #d84952 !important;
  border: 1px solid #99161f;
}
.christmas-festival .btn-secondary:hover {
  color: #fff !important;
  background-color: #d84952 !important;
  border-color: none !important;
}
.christmas-festival .btn-secondary.focus,
.christmas-festival .btn-secondary:focus {
  color: #fff;
  background-color: #d84952 !important;
  border-color: #d84952 !important;
}
.christmas-festival
  .custom-control-input:checked
  ~ .custom-control-label:before {
  color: #bdbdbd !important;
  border-color: #bdbdbd !important;
  background-color: #bdbdbd !important;
}
.christmas-festival .is-active-register {
  background: #ce342c !important;
  border: 1px solid #01493b !important;
}
.christmas-festival .custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #2e2e2e !important;
  vertical-align: middle;
  background-color: #ededed !important;
  border: 1px solid #ededed !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.christmas-festival .multiselect__tags {
  min-height: 40px;
  display: block;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  border: 1px solid #ededed !important;
  background: #d9d9d9 !important;
  font-size: 14px;
  color: #2e2e2e !important;
}
.christmas-festival .multiselect__input,
.christmas-festival .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #d9d9d9 !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
}
.christmas-festival .multiselect__option--highlight {
  background: #d9d9d9 !important;
  outline: none;
  color: #bdbdbd !important;
}
.christmas-festival .multiselect__content-wrapper {
  position: absolute;
  display: block;
  background: #d9d9d9 !important;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border: 1px solid #d9d9d9 !important;
  border-top: none;
  color: #2e2e2e !important;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 601px) {
  .christmas-festival .footer-wrapper {
    height: 58px;
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-image: url(/_nuxt/img/footer-pc.a1c6905.png) !important;
    box-shadow: 0 0 16px #027555;
    background: #02835f;
    z-index: 2;
  }
  .christmas-festival .footer-wrapper .play-game {
    border-radius: 15px;
    height: 50px;
    text-align: center;
    transform: rotate(45deg);
    width: 50px;
    padding: 8px;
    background: linear-gradient(180deg, #d61e2a, #ff727b 50.52%, #be121d);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
    position: absolute;
    top: -20px;
  }
  .christmas-festival .footer-wrapper .play-game .play-game-box {
    display: table-cell;
    transform: rotate(316deg);
    vertical-align: middle;
  }
  .christmas-festival .footer-wrapper .play-game .item-count {
    width: 30px;
    filter: invert(0);
  }
}
@media only screen and (max-width: 600px) {
  .christmas-festival .footer-wrapper {
    height: 58px;
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-image: url(/_nuxt/img/footer-mb.bc2268e.png) !important;
    box-shadow: 0 0 16px #027555;
    z-index: 2;
    background: #02835f;
  }
  .christmas-festival .footer-wrapper .play-game {
    border-radius: 15px;
    height: 50px;
    text-align: center;
    transform: rotate(45deg);
    width: 50px;
    padding: 8px;
    background: linear-gradient(180deg, #d61e2a, #ff727b 50.52%, #be121d);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
    position: absolute;
    top: -20px;
  }
  .christmas-festival .footer-wrapper .play-game .play-game-box {
    display: table-cell;
    transform: rotate(316deg);
    vertical-align: middle;
  }
  .christmas-festival .footer-wrapper .play-game .item-count {
    width: 30px;
    filter: invert(0);
  }
}
.christmas-festival .bg-credit {
  background-image: url(/_nuxt/img/bg-credit.2255090.png) !important;
  border-radius: 10px;
  border: 3px solid #99161f !important;
  background-repeat: no-repeat;
  background-size: cover;
}
.christmas-festival .text-credit {
  background: linear-gradient(180deg, #d84952, #99161f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.christmas-festival .text-template {
  color: #d84952 !important;
}
.christmas-festival .text-theme {
  color: #fff !important;
}
.christmas-festival .bg-credit-free {
  background: linear-gradient(180deg, #d84952, #99161f);
  border-radius: 0 0 10px 10px;
  color: #fff !important;
}
.christmas-festival .bg-wallet {
  background: #fff;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
}
.christmas-festival .text-linear,
.christmas-festival .text-linear-footer,
.christmas-festival .text-tranfer {
  background: linear-gradient(180deg, #d84952, #99161f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.christmas-festival .bg-card-commission {
  background: #fff;
}
.christmas-festival .text-see-history {
  color: #2e2e2e;
}
.christmas-festival .bg-turn {
  color: #4f4a3e;
  background: #fff;
  border-radius: 10px;
}
.christmas-festival .text-color-icon {
  background: linear-gradient(180deg, #d84952, #99161f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.christmas-festival .bg-icon-index {
  background: #fff !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 6px rgba(255, 174, 97, 0.1);
}
.christmas-festival .unactive-footer {
  color: #bdbdbd;
}
.christmas-festival .bg-body-modal {
  background: linear-gradient(180deg, #d84952, #99161f) !important;
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #ff9b3c !important;
  color: #fff;
}
.christmas-festival .bg-body,
.christmas-festival .swal2-popup {
  background: #fff !important;
}
.christmas-festival .swal2-content,
.christmas-festival .swal2-title {
  color: #4f4a3e !important;
}
.christmas-festival .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #d84952, #99161f) !important;
  border-radius: 10px !important;
  border-color: #fff !important;
  color: #fff !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.christmas-festival .alert-secondary {
  color: #2e2e2e;
  background-color: #ededed;
  border-color: #ededed;
}
.christmas-festival .bg-con-turn {
  background: #ededed !important;
}
.christmas-festival .breadcrumb {
  background-color: #ebebeb !important;
}
.christmas-festival .breadcrumb-item.active {
  color: #ce342c !important;
}
.christmas-festival .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid rgba(0, 0, 0, 0.125);
}
.christmas-festival .card {
  background: #fff !important;
  color: #4f4a3e !important;
  filter: drop-shadow(0 0 1px #bdbdbd);
}
.christmas-festival .bg-info {
  color: #4f4a3e;
  background: #ebebeb !important;
  padding: 5px;
  border-radius: 10px;
}
.christmas-festival .btn-change {
  background: #fff;
  box-shadow: 0 4px 10px rgba(40, 30, 25, 0.12);
  border-radius: 10px;
}
.christmas-festival .bg-lock {
  background: #db2934;
  padding: 8px;
  border-radius: 18px;
  width: 40px;
  color: #fff;
}
.christmas-festival .card-pro {
  background: #ededed !important;
  border-radius: 10px;
  color: #4f4a3e !important;
  font-weight: 400 !important;
  height: 13em;
}
.christmas-festival #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.christmas-festival #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.christmas-festival #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #fff !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.christmas-festival #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.christmas-festival #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.christmas-festival #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #fff !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.christmas-festival #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.christmas-festival #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.christmas-festival .bg-search-game {
  background-color: #fff !important;
  border-radius: 10px !important;
}
.christmas-festival .search {
  color: #ce342c;
}
.christmas-festival .bg-game-active {
  background: linear-gradient(180deg, #d84952, #99161f) !important;
  color: #fff !important;
}
.christmas-festival .bg-game {
  background: #fff !important;
  color: #bdbdbd !important;
}
.christmas-festival .bg-chosses {
  background-color: #fff;
  filter: drop-shadow(0 1px 1px #1b110d);
  color: #4f4a3e;
}
.christmas-festival .bg-hover:hover,
.christmas-festival .btn-hover:focus {
  background-color: #ffecec;
}
.christmas-festival #modal-suscess-complain .modal-content {
  background-color: #fff !important;
}
.christmas-festival .from-complain {
  background-color: #ededed !important;
  color: #4f4a3e !important;
  border: 1px solid #a6222a !important;
}
.christmas-festival .text-head-hisotry {
  color: #ce342c !important;
}
.christmas-festival .bg-table {
  background-color: #fff;
  border-radius: 10px;
  border: 0 solid #d84952 !important;
}
.christmas-festival .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #d84952 !important;
  border-top: 0 solid #d84952 !important;
  padding: 4px 12px;
  background: #ce342c;
  color: #fff !important;
}
.christmas-festival .table td {
  vertical-align: top;
  border-top: 0 solid #d84952 !important;
  color: #ce342c !important;
}
.christmas-festival .b-sidebar {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: unset;
  background-attachment: fixed;
  background-size: 100% 100%;
  background-image: url(/_nuxt/img/mobile-login.1bb6f31.png) !important;
}
.christmas-festival .card-bank {
  background: #ededed;
  color: #4f4a3e !important;
  box-shadow: 0 4px 10px rgba(18, 8, 2, 0.12);
}
.christmas-festival [data-target].is-active {
  background: linear-gradient(180deg, #008a61, #01493b) !important;
  border-radius: 10px;
  color: #fff;
}
.christmas-festival .is-unactive {
  background: #ededed;
  color: #9d9d9d;
}
.christmas-festival .filters-content-bg {
  background-color: #ededed;
}
.christmas-festival .bg-pro {
  background: #ededed;
  color: #4f4a3e !important;
}
.christmas-festival .btn-withdraw {
  background: linear-gradient(180deg, #d84952, #99161f) !important;
  border-radius: 10px;
  color: #fff;
  border-color: #ededed !important;
}
.christmas-festival .page-item.active .page-link {
  z-index: 3;
  color: #fff !important;
  background-color: #ce342c !important;
  border-color: #ce342c !important;
}
.christmas-festival .page-link {
  color: #4f4a3e !important;
  background-color: #fff !important;
  border: 1px solid #fff !important;
}
.christmas-festival .btn-money {
  border-color: #ce342c !important;
  background: #ffecec !important;
  color: #ce342c !important;
}
.christmas-festival .btn-no-received {
  background: #ffecec !important;
  border-color: #ffecec !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  color: #ce342c;
}
.christmas-festival .btn-no-received:hover {
  background-color: #ffecec !important;
  border-color: #ffecec !important;
  color: #ce342c;
}
.christmas-festival .btn-topup-promptpay {
  border-color: #d84952;
  border-radius: 10px;
  background: linear-gradient(180deg, #d84952, #99161f) !important;
  color: #fff;
}
.christmas-festival .card-decimal,
.christmas-festival .card-transfer {
  background: #ededed;
  color: #4f4a3e !important;
}
.christmas-festival .card-transfer {
  border-radius: 10px;
}
.christmas-festival .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #ededed;
  color: #9d9d9d;
  padding: 5px;
}
.christmas-festival .filters__button2:hover {
  background-color: #ededed;
}
.christmas-festival .bg-choose {
  background: #fff !important;
  color: #4f4a3e;
}
.christmas-festival .btn-join-activity {
  background: linear-gradient(180deg, #d84952, #99161f) !important;
  color: #fff;
}
.christmas-festival .bg-condition {
  background: #fff !important;
  color: #4f4a3e;
}
.christmas-festival .bg-input {
  background: #fff !important;
  color: #4f4a3e !important;
  border-radius: 10px 0 0 10px !important;
}
.christmas-festival .btn-copy {
  background: linear-gradient(180deg, #d84952, #99161f) !important;
  color: #fff !important;
  border: unset;
}
.christmas-festival .filters-content {
  background-color: #fff;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.christmas-festival .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #fff;
  color: #9d9d9d;
  padding: 5px;
}
.christmas-festival .filters__button:hover {
  background-color: #fff;
}
.christmas-festival .bg-aff-level {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(180deg, #d84952, #99161f) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.christmas-festival .bg-aff-level .nunber-friend {
  background: #ededed;
  border-radius: 10px;
  color: #4f4a3e;
}
.christmas-festival .bg-aff-level .turn-other {
  background: #ededed;
  border-radius: 10px;
}
.christmas-festival .bg-aff-level .solid {
  border: 1px solid #d84952;
  height: 40px;
}
.christmas-festival .btn-aff-share {
  background: linear-gradient(180deg, #d84952, #99161f);
  border-radius: 10px;
  color: #2e2e2e;
  border-color: #ce342c !important;
  filter: drop-shadow(0 0 5px #ce342c);
}
.christmas-festival .bg-table-aff {
  background-color: #fff !important;
  border: 0 solid #ce352c !important;
}
.christmas-festival .tab-history-class {
  border-radius: 20px;
  color: #fff;
  border: 1px solid #ce352c;
}
.christmas-festival .header-aff {
  background: linear-gradient(180deg, #d84952, #99161f);
  border-bottom: 1px solid #ce352c;
  border-radius: 20px 20px 0 0;
}
.christmas-festival .tab-item:last-child {
  border-bottom: 1px solid #ce352c;
  border-bottom-left-radius: 20px !important;
}
.christmas-festival .tab-item,
.christmas-festival .tab-item:last-child {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(180deg, #d84952, #99161f);
}
.christmas-festival .tab-item {
  border-bottom: 1px solid #ce352c;
}
.christmas-festival .body-content {
  color: #4f4a3e !important;
}
.christmas-festival .border-banner {
  border: 2px solid #ce352c;
}
.christmas-festival .card-point {
  background: #ededed !important;
  filter: drop-shadow(0 0 0 #ededed) !important;
  color: #4f4a3e !important;
  border-radius: 10px;
}
.christmas-festival .bg-point {
  background: #ce352c;
  border-radius: 20px;
  margin: 4px;
  color: #fff;
}
.christmas-festival .bg-search {
  background-color: #ebebeb !important;
  color: #4f4a3e !important;
}
.christmas-festival .bg-card-his {
  background: #ebebeb !important;
  color: #fff !important;
}
.christmas-festival .Daily__item__box {
  position: relative;
  height: 75px;
  background: #fff;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
}
.christmas-festival .Daily__item__box.active {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #d84952, #99161f) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.christmas-festival .Daily__item__box.active-today {
  background: linear-gradient(180deg, #d84952, #99161f);
  border: none !important;
  color: #fff !important;
}
.christmas-festival .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2e2e2e;
  border-radius: 10px;
}
.christmas-festival .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.christmas-festival .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.christmas-festival .text-daily {
  color: #4f4a3e;
}
.christmas-festival .bg-table-daily-fix {
  background: #ededed !important;
  color: #4f4a3e !important;
}
.christmas-festival .bg-input-theme {
  background-color: #ededed !important;
  color: #4f4a3e !important;
}
.christmas-festival .text-color-cs {
  color: #4f4a3e !important;
}
.christmas-festival .text-spcial {
  background: linear-gradient(180deg, #d84952, #99161f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.christmas-festival .bg-wheel-condition {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(109.63deg, #d84952 3.68%, #ff727b 47.76%, #99161f 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.christmas-festival .condition-header {
  background: linear-gradient(
    109.63deg,
    #d84952 3.68%,
    #ff727b 47.76%,
    #99161f 95.96%
  );
  border-radius: 5px;
  color: #fff;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.christmas-festival .hd-withdraw {
  background: linear-gradient(180deg, #d84952, #99161f);
  border-radius: 10px 10px 0 0;
  color: #fff;
  padding: 10px;
  font-size: 18px;
}
.christmas-festival .cover-withdraw {
  background: #fff;
  border-radius: 0 0 10px 10px;
}
.christmas-festival .card-withdraw {
  background: #ebebeb !important;
  color: #4f4f4f !important;
  border-radius: 5px;
}
.christmas-festival .bg-share-facebook {
  background-color: #fff !important;
}
.christmas-festival #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #3e2314 !important;
  background-clip: padding-box;
  border: 1px solid rgba(62, 35, 20, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.christmas-festival .btn-change-language {
  background-color: #fff !important;
  border: 1px solid #ce342c;
}
.christmas-festival .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card-copy-light.73ed8f4.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.christmas-festival .r-gold {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.christmas-festival .r-gold,
.christmas-festival .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.christmas-festival .r-silver {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.christmas-festival .r-copper {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.christmas-festival .cycle-gold {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.christmas-festival .cycle-gold,
.christmas-festival .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.christmas-festival .cycle-silver {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
}
.christmas-festival .cycle-copper {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.christmas-festival .card-points {
  background: linear-gradient(#fff, #fff) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.christmas-festival input::placeholder {
  color: #9d9d9d;
}
.christmas-festival #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.christmas-festival .progress-bar {
  background: linear-gradient(180deg, #d84952, #99161f) !important;
}
.christmas-festival .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #2c170b;
  border-radius: 30rem !important;
}
.christmas-festival .border-left {
  border-left: 3px solid #ce342c !important;
}
.christmas-festival .active-bg {
  background: linear-gradient(180deg, #008a61, #01493b) !important;
  color: #fff !important;
}
.christmas-festival .tab-box {
  background-color: #fff;
  color: #9d9d9d;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.christmas-festival .btn-theme-seemore {
  background: #ce342c;
  border-radius: 10px;
  color: #fff;
  border-color: #ce342c !important;
}
.christmas-festival .hexagon {
  position: relative;
  width: 55px;
  height: 28.7px;
  margin: 35.15px 0;
  border-left: 3.1421px solid #2e2e2e;
  border-right: 3.1421px solid #2e2e2e;
}
.christmas-festival .hexagon:after,
.christmas-festival .hexagon:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 38.35px;
  height: 38.35px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 5.8249px;
}
.christmas-festival .hexagon:before {
  top: -19.1751px;
  border-top: 3.1421px solid #2e2e2e;
  border-right: 3.1421px solid #2e2e2e;
}
.christmas-festival .hexagon:after {
  bottom: -19.1751px;
  border-bottom: 3.1421px solid #2e2e2e;
  border-left: 3.1421px solid #2e2e2e;
}
.christmas-festival *,
.christmas-festival :after,
.christmas-festival :before {
  box-sizing: border-box;
}
.christmas-festival .bg-in-aff {
  background: #ededed;
  border-radius: 5px;
  color: #4f4a3e;
  padding: 5px;
}
.christmas-festival .bg-month-active {
  background: linear-gradient(#f1f1f1, #f1f1f1) padding-box,
    linear-gradient(90deg, #d84952, #99161f) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #363636;
  border: 1px solid transparent;
}
.christmas-festival .bg-month {
  background: #f1f1f1;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #7d7d7d;
}
.christmas-festival .flake {
  background-color: #fff;
  border-radius: 100%;
  position: absolute;
  top: -10vh;
  padding: 1vw;
}
.christmas-festival .flake:first-child {
  animation: snow 19s linear 40s infinite normal backwards;
  left: 79%;
  opacity: 0.71;
  padding: 0.11vw;
}
.christmas-festival .flake:nth-child(2) {
  animation: snow 19s linear 10s infinite normal backwards;
  left: 57%;
  opacity: 1;
  padding: 0.34vw;
}
.christmas-festival .flake:nth-child(3) {
  animation: snow 14s linear 15s infinite normal backwards;
  left: 5%;
  opacity: 0.82;
  padding: 0.12vw;
}
.christmas-festival .flake:nth-child(4) {
  animation: snow 14s linear 30s infinite normal backwards;
  left: 95%;
  opacity: 0.32;
  padding: 0.28vw;
}
.christmas-festival .flake:nth-child(5) {
  animation: snow 12s linear 8s infinite normal backwards;
  left: 54%;
  opacity: 0.48;
  padding: 0.41vw;
}
.christmas-festival .flake:nth-child(6) {
  animation: snow 16s linear 30s infinite normal backwards;
  left: 20%;
  opacity: 0.64;
  padding: 0.28vw;
}
.christmas-festival .flake:nth-child(7) {
  animation: snow 12s linear 36s infinite normal backwards;
  left: 20%;
  opacity: 0.28;
  padding: 0.34vw;
}
.christmas-festival .flake:nth-child(8) {
  animation: snow 13s linear 3s infinite normal backwards;
  left: 62%;
  opacity: 0.55;
  padding: 0.14vw;
}
.christmas-festival .flake:nth-child(9) {
  animation: snow 18s linear 44s infinite normal backwards;
  left: 65%;
  opacity: 0.6;
  padding: 0.32vw;
}
.christmas-festival .flake:nth-child(10) {
  animation: snow 16s linear 32s infinite normal backwards;
  left: 90%;
  opacity: 0.55;
  padding: 0.18vw;
}
.christmas-festival .flake:nth-child(11) {
  animation: snow 14s linear 50s infinite normal backwards;
  left: 6%;
  opacity: 0.98;
  padding: 0.39vw;
}
.christmas-festival .flake:nth-child(12) {
  animation: snow 11s linear 22s infinite normal backwards;
  left: 93%;
  opacity: 0.51;
  padding: 0.2vw;
}
.christmas-festival .flake:nth-child(13) {
  animation: snow 13s linear 8s infinite normal backwards;
  left: 61%;
  opacity: 0.21;
  padding: 0.47vw;
}
.christmas-festival .flake:nth-child(14) {
  animation: snow 15s linear 43s infinite normal backwards;
  left: 19%;
  opacity: 0.46;
  padding: 0.25vw;
}
.christmas-festival .flake:nth-child(15) {
  animation: snow 11s linear 13s infinite normal backwards;
  left: 94%;
  opacity: 0.83;
  padding: 0.29vw;
}
.christmas-festival .flake:nth-child(16) {
  animation: snow 19s linear 15s infinite normal backwards;
  left: 92%;
  opacity: 0.83;
  padding: 0.28vw;
}
.christmas-festival .flake:nth-child(17) {
  animation: snow 19s linear 30s infinite normal backwards;
  left: 14%;
  opacity: 0.3;
  padding: 0.36vw;
}
.christmas-festival .flake:nth-child(18) {
  animation: snow 20s linear 41s infinite normal backwards;
  left: 46%;
  opacity: 1;
  padding: 0.16vw;
}
.christmas-festival .flake:nth-child(19) {
  animation: snow 15s linear 7s infinite normal backwards;
  left: 46%;
  opacity: 1;
  padding: 0.29vw;
}
.christmas-festival .flake:nth-child(20) {
  animation: snow 14s linear 7s infinite normal backwards;
  left: 40%;
  opacity: 1;
  padding: 0.13vw;
}
.christmas-festival .flake:nth-child(21) {
  animation: snow 16s linear 18s infinite normal backwards;
  left: 1%;
  opacity: 0.29;
  padding: 0.46vw;
}
.christmas-festival .flake:nth-child(22) {
  animation: snow 16s linear 3s infinite normal backwards;
  left: 35%;
  opacity: 0.64;
  padding: 0.25vw;
}
.christmas-festival .flake:nth-child(23) {
  animation: snow 19s linear 45s infinite normal backwards;
  left: 9%;
  opacity: 0.39;
  padding: 0.3vw;
}
.christmas-festival .flake:nth-child(24) {
  animation: snow 17s linear 40s infinite normal backwards;
  left: 73%;
  opacity: 0.4;
  padding: 0.2vw;
}
.christmas-festival .flake:nth-child(25) {
  animation: snow 13s linear 10s infinite normal backwards;
  left: 78%;
  opacity: 0.4;
  padding: 0.28vw;
}
.christmas-festival .flake:nth-child(26) {
  animation: snow 20s linear 6s infinite normal backwards;
  left: 23%;
  opacity: 0.77;
  padding: 0.44vw;
}
.christmas-festival .flake:nth-child(27) {
  animation: snow 14s linear 17s infinite normal backwards;
  left: 46%;
  opacity: 0.36;
  padding: 0.11vw;
}
.christmas-festival .flake:nth-child(28) {
  animation: snow 15s linear 14s infinite normal backwards;
  left: 35%;
  opacity: 0.85;
  padding: 0.31vw;
}
.christmas-festival .flake:nth-child(29) {
  animation: snow 16s linear 47s infinite normal backwards;
  left: 59%;
  opacity: 0.85;
  padding: 0.29vw;
}
.christmas-festival .flake:nth-child(30) {
  animation: snow 11s linear 48s infinite normal backwards;
  left: 98%;
  opacity: 0.51;
  padding: 0.26vw;
}
.christmas-festival .flake:nth-child(31) {
  animation: snow 20s linear 7s infinite normal backwards;
  left: 98%;
  opacity: 0.15;
  padding: 0.39vw;
}
.christmas-festival .flake:nth-child(32) {
  animation: snow 19s linear 44s infinite normal backwards;
  left: 34%;
  opacity: 0.54;
  padding: 0.37vw;
}
.christmas-festival .flake:nth-child(33) {
  animation: snow 11s linear 8s infinite normal backwards;
  left: 14%;
  opacity: 1;
  padding: 0.37vw;
}
.christmas-festival .flake:nth-child(34) {
  animation: snow 14s linear 28s infinite normal backwards;
  left: 34%;
  opacity: 0.36;
  padding: 0.5vw;
}
.christmas-festival .flake:nth-child(35) {
  animation: snow 16s linear 21s infinite normal backwards;
  left: 87%;
  opacity: 0.72;
  padding: 0.19vw;
}
.christmas-festival .flake:nth-child(36) {
  animation: snow 17s linear 18s infinite normal backwards;
  left: 58%;
  opacity: 0.48;
  padding: 0.34vw;
}
.christmas-festival .flake:nth-child(37) {
  animation: snow 11s linear 49s infinite normal backwards;
  left: 35%;
  opacity: 0.42;
  padding: 0.48vw;
}
.christmas-festival .flake:nth-child(38) {
  animation: snow 13s linear 29s infinite normal backwards;
  left: 8%;
  opacity: 0.96;
  padding: 0.5vw;
}
.christmas-festival .flake:nth-child(39) {
  animation: snow 15s linear 43s infinite normal backwards;
  left: 36%;
  opacity: 0.41;
  padding: 0.24vw;
}
.christmas-festival .flake:nth-child(40) {
  animation: snow 13s linear 46s infinite normal backwards;
  left: 18%;
  opacity: 0.13;
  padding: 0.15vw;
}
.christmas-festival .flake:nth-child(41) {
  animation: snow 14s linear 22s infinite normal backwards;
  left: 34%;
  opacity: 0.86;
  padding: 0.46vw;
}
.christmas-festival .flake:nth-child(42) {
  animation: snow 19s linear 3s infinite normal backwards;
  left: 66%;
  opacity: 0.82;
  padding: 0.11vw;
}
.christmas-festival .flake:nth-child(43) {
  animation: snow 15s linear 46s infinite normal backwards;
  left: 75%;
  opacity: 0.69;
  padding: 0.26vw;
}
.christmas-festival .flake:nth-child(44) {
  animation: snow 14s linear 12s infinite normal backwards;
  left: 55%;
  opacity: 0.33;
  padding: 0.39vw;
}
.christmas-festival .flake:nth-child(45) {
  animation: snow 16s linear 33s infinite normal backwards;
  left: 95%;
  opacity: 0.19;
  padding: 0.47vw;
}
.christmas-festival .flake:nth-child(46) {
  animation: snow 16s linear 15s infinite normal backwards;
  left: 72%;
  opacity: 0.2;
  padding: 0.48vw;
}
.christmas-festival .flake:nth-child(47) {
  animation: snow 16s linear 8s infinite normal backwards;
  left: 61%;
  opacity: 0.39;
  padding: 0.49vw;
}
.christmas-festival .flake:nth-child(48) {
  animation: snow 12s linear 21s infinite normal backwards;
  left: 15%;
  opacity: 0.29;
  padding: 0.42vw;
}
.christmas-festival .flake:nth-child(49) {
  animation: snow 17s linear 26s infinite normal backwards;
  left: 16%;
  opacity: 0.52;
  padding: 0.45vw;
}
.christmas-festival .flake:nth-child(50) {
  animation: snow 11s linear 42s infinite normal backwards;
  left: 67%;
  opacity: 1;
  padding: 0.16vw;
}
.christmas-festival .flake:nth-child(51) {
  animation: snow 11s linear 29s infinite normal backwards;
  left: 58%;
  opacity: 0.16;
  padding: 0.3vw;
}
.christmas-festival .flake:nth-child(52) {
  animation: snow 14s linear 33s infinite normal backwards;
  left: 85%;
  opacity: 1;
  padding: 0.2vw;
}
.christmas-festival .flake:nth-child(53) {
  animation: snow 14s linear 10s infinite normal backwards;
  left: 15%;
  opacity: 0.92;
  padding: 0.35vw;
}
.christmas-festival .flake:nth-child(54) {
  animation: snow 17s linear 44s infinite normal backwards;
  left: 88%;
  opacity: 0.29;
  padding: 0.25vw;
}
.christmas-festival .flake:nth-child(55) {
  animation: snow 17s linear 20s infinite normal backwards;
  left: 55%;
  opacity: 0.27;
  padding: 0.26vw;
}
.christmas-festival .flake:nth-child(56) {
  animation: snow 15s linear 27s infinite normal backwards;
  left: 97%;
  opacity: 0.99;
  padding: 0.33vw;
}
.christmas-festival .flake:nth-child(57) {
  animation: snow 13s linear 31s infinite normal backwards;
  left: 72%;
  opacity: 1;
  padding: 0.13vw;
}
.christmas-festival .flake:nth-child(58) {
  animation: snow 11s linear 6s infinite normal backwards;
  left: 69%;
  opacity: 0.99;
  padding: 0.15vw;
}
.christmas-festival .flake:nth-child(59) {
  animation: snow 11s linear 23s infinite normal backwards;
  left: 46%;
  opacity: 0.9;
  padding: 0.19vw;
}
.christmas-festival .flake:nth-child(60) {
  animation: snow 19s linear 16s infinite normal backwards;
  left: 34%;
  opacity: 1;
  padding: 0.15vw;
}
.christmas-festival .flake:nth-child(61) {
  animation: snow 17s linear 21s infinite normal backwards;
  left: 4%;
  opacity: 1;
  padding: 0.43vw;
}
.christmas-festival .flake:nth-child(62) {
  animation: snow 18s linear 3s infinite normal backwards;
  left: 80%;
  opacity: 0.26;
  padding: 0.16vw;
}
.christmas-festival .flake:nth-child(63) {
  animation: snow 12s linear 34s infinite normal backwards;
  left: 19%;
  opacity: 0.9;
  padding: 0.36vw;
}
.christmas-festival .flake:nth-child(64) {
  animation: snow 17s linear 7s infinite normal backwards;
  left: 69%;
  opacity: 0.63;
  padding: 0.29vw;
}
.christmas-festival .flake:nth-child(65) {
  animation: snow 15s linear 36s infinite normal backwards;
  left: 20%;
  opacity: 0.16;
  padding: 0.49vw;
}
.christmas-festival .flake:nth-child(66) {
  animation: snow 12s linear 6s infinite normal backwards;
  left: 29%;
  opacity: 0.81;
  padding: 0.45vw;
}
.christmas-festival .flake:nth-child(67) {
  animation: snow 14s linear 22s infinite normal backwards;
  left: 2%;
  opacity: 0.69;
  padding: 0.47vw;
}
.christmas-festival .flake:nth-child(68) {
  animation: snow 16s linear 41s infinite normal backwards;
  left: 8%;
  opacity: 0.44;
  padding: 0.2vw;
}
.christmas-festival .flake:nth-child(69) {
  animation: snow 18s linear 5s infinite normal backwards;
  left: 14%;
  opacity: 0.79;
  padding: 0.22vw;
}
.christmas-festival .flake:nth-child(70) {
  animation: snow 20s linear 12s infinite normal backwards;
  left: 25%;
  opacity: 0.23;
  padding: 0.49vw;
}
.christmas-festival .flake:nth-child(71) {
  animation: snow 20s linear 32s infinite normal backwards;
  left: 43%;
  opacity: 0.65;
  padding: 0.23vw;
}
.christmas-festival .flake:nth-child(72) {
  animation: snow 15s linear 3s infinite normal backwards;
  left: 25%;
  opacity: 0.42;
  padding: 0.29vw;
}
.christmas-festival .flake:nth-child(73) {
  animation: snow 16s linear 20s infinite normal backwards;
  left: 9%;
  opacity: 1;
  padding: 0.24vw;
}
.christmas-festival .flake:nth-child(74) {
  animation: snow 12s linear 26s infinite normal backwards;
  left: 64%;
  opacity: 0.55;
  padding: 0.43vw;
}
.christmas-festival .flake:nth-child(75) {
  animation: snow 19s linear 17s infinite normal backwards;
  left: 85%;
  opacity: 1;
  padding: 0.27vw;
}
.christmas-festival .flake:nth-child(76) {
  animation: snow 18s linear 3s infinite normal backwards;
  left: 100%;
  opacity: 0.63;
  padding: 0.18vw;
}
.christmas-festival .flake:nth-child(77) {
  animation: snow 14s linear 19s infinite normal backwards;
  left: 98%;
  opacity: 0.35;
  padding: 0.14vw;
}
.christmas-festival .flake:nth-child(78) {
  animation: snow 13s linear 3s infinite normal backwards;
  left: 79%;
  opacity: 0.25;
  padding: 0.14vw;
}
.christmas-festival .flake:nth-child(79) {
  animation: snow 18s linear 28s infinite normal backwards;
  left: 72%;
  opacity: 0.49;
  padding: 0.48vw;
}
.christmas-festival .flake:nth-child(80) {
  animation: snow 19s linear 3s infinite normal backwards;
  left: 79%;
  opacity: 0.19;
  padding: 0.35vw;
}
.christmas-festival .flake:nth-child(81) {
  animation: snow 13s linear 48s infinite normal backwards;
  left: 14%;
  opacity: 0.66;
  padding: 0.48vw;
}
.christmas-festival .flake:nth-child(82) {
  animation: snow 15s linear 1s infinite normal backwards;
  left: 3%;
  opacity: 0.72;
  padding: 0.34vw;
}
.christmas-festival .flake:nth-child(83) {
  animation: snow 15s linear 36s infinite normal backwards;
  left: 42%;
  opacity: 1;
  padding: 0.26vw;
}
.christmas-festival .flake:nth-child(84) {
  animation: snow 14s linear 15s infinite normal backwards;
  left: 98%;
  opacity: 0.41;
  padding: 0.17vw;
}
.christmas-festival .flake:nth-child(85) {
  animation: snow 18s linear 20s infinite normal backwards;
  left: 99%;
  opacity: 0.86;
  padding: 0.32vw;
}
.christmas-festival .flake:nth-child(86) {
  animation: snow 20s linear 14s infinite normal backwards;
  left: 43%;
  opacity: 0.27;
  padding: 0.3vw;
}
.christmas-festival .flake:nth-child(87) {
  animation: snow 14s linear 44s infinite normal backwards;
  left: 64%;
  opacity: 0.83;
  padding: 0.19vw;
}
.christmas-festival .flake:nth-child(88) {
  animation: snow 16s linear 24s infinite normal backwards;
  left: 11%;
  opacity: 0.83;
  padding: 0.48vw;
}
.christmas-festival .flake:nth-child(89) {
  animation: snow 13s linear 24s infinite normal backwards;
  left: 62%;
  opacity: 0.26;
  padding: 0.11vw;
}
.christmas-festival .flake:nth-child(90) {
  animation: snow 18s linear 44s infinite normal backwards;
  left: 72%;
  opacity: 0.92;
  padding: 0.13vw;
}
.christmas-festival .flake:nth-child(91) {
  animation: snow 13s linear 20s infinite normal backwards;
  left: 72%;
  opacity: 0.71;
  padding: 0.31vw;
}
.christmas-festival .flake:nth-child(92) {
  animation: snow 20s linear 14s infinite normal backwards;
  left: 80%;
  opacity: 0.69;
  padding: 0.38vw;
}
.christmas-festival .flake:nth-child(93) {
  animation: snow 11s linear 21s infinite normal backwards;
  left: 47%;
  opacity: 1;
  padding: 0.48vw;
}
.christmas-festival .flake:nth-child(94) {
  animation: snow 15s linear 35s infinite normal backwards;
  left: 51%;
  opacity: 0.85;
  padding: 0.32vw;
}
.christmas-festival .flake:nth-child(95) {
  animation: snow 11s linear 47s infinite normal backwards;
  left: 85%;
  opacity: 0.97;
  padding: 0.29vw;
}
.christmas-festival .flake:nth-child(96) {
  animation: snow 18s linear 37s infinite normal backwards;
  left: 54%;
  opacity: 0.25;
  padding: 0.45vw;
}
.christmas-festival .flake:nth-child(97) {
  animation: snow 17s linear 39s infinite normal backwards;
  left: 15%;
  opacity: 0.35;
  padding: 0.26vw;
}
.christmas-festival .flake:nth-child(98) {
  animation: snow 15s linear 5s infinite normal backwards;
  left: 61%;
  opacity: 0.37;
  padding: 0.21vw;
}
.christmas-festival .flake:nth-child(99) {
  animation: snow 11s linear 2s infinite normal backwards;
  left: 8%;
  opacity: 0.32;
  padding: 0.42vw;
}
.christmas-festival .flake:nth-child(100) {
  animation: snow 15s linear 19s infinite normal backwards;
  left: 31%;
  opacity: 0.85;
  padding: 0.5vw;
}
.christmas-festival .flake:nth-child(101) {
  animation: snow 13s linear 14s infinite normal backwards;
  left: 19%;
  opacity: 0.62;
  padding: 0.32vw;
}
.christmas-festival .flake:nth-child(102) {
  animation: snow 20s linear 42s infinite normal backwards;
  left: 76%;
  opacity: 0.87;
  padding: 0.31vw;
}
.christmas-festival .flake:nth-child(103) {
  animation: snow 15s linear 41s infinite normal backwards;
  left: 49%;
  opacity: 0.37;
  padding: 0.25vw;
}
.christmas-festival .flake:nth-child(104) {
  animation: snow 14s linear 42s infinite normal backwards;
  left: 80%;
  opacity: 0.91;
  padding: 0.11vw;
}
.christmas-festival .flake:nth-child(105) {
  animation: snow 19s linear 48s infinite normal backwards;
  left: 78%;
  opacity: 0.99;
  padding: 0.49vw;
}
.christmas-festival .flake:nth-child(106) {
  animation: snow 14s linear 11s infinite normal backwards;
  left: 40%;
  opacity: 1;
  padding: 0.22vw;
}
.christmas-festival .flake:nth-child(107) {
  animation: snow 15s linear 42s infinite normal backwards;
  left: 67%;
  opacity: 1;
  padding: 0.47vw;
}
.christmas-festival .flake:nth-child(108) {
  animation: snow 12s linear 28s infinite normal backwards;
  left: 36%;
  opacity: 0.58;
  padding: 0.37vw;
}
.christmas-festival .flake:nth-child(109) {
  animation: snow 15s linear 33s infinite normal backwards;
  left: 92%;
  opacity: 0.68;
  padding: 0.49vw;
}
.christmas-festival .flake:nth-child(110) {
  animation: snow 16s linear 5s infinite normal backwards;
  left: 42%;
  opacity: 0.47;
  padding: 0.46vw;
}
.christmas-festival .flake:nth-child(111) {
  animation: snow 20s linear 24s infinite normal backwards;
  left: 17%;
  opacity: 0.62;
  padding: 0.43vw;
}
.christmas-festival .flake:nth-child(112) {
  animation: snow 13s linear 1s infinite normal backwards;
  left: 9%;
  opacity: 0.55;
  padding: 0.21vw;
}
.christmas-festival .flake:nth-child(113) {
  animation: snow 12s linear 22s infinite normal backwards;
  left: 20%;
  opacity: 0.33;
  padding: 0.27vw;
}
.christmas-festival .flake:nth-child(114) {
  animation: snow 20s linear 36s infinite normal backwards;
  left: 16%;
  opacity: 0.28;
  padding: 0.12vw;
}
.christmas-festival .flake:nth-child(115) {
  animation: snow 15s linear 6s infinite normal backwards;
  left: 39%;
  opacity: 0.13;
  padding: 0.31vw;
}
.christmas-festival .flake:nth-child(116) {
  animation: snow 20s linear 35s infinite normal backwards;
  left: 62%;
  opacity: 0.21;
  padding: 0.46vw;
}
.christmas-festival .flake:nth-child(117) {
  animation: snow 12s linear 14s infinite normal backwards;
  left: 63%;
  opacity: 0.14;
  padding: 0.34vw;
}
.christmas-festival .flake:nth-child(118) {
  animation: snow 18s linear 14s infinite normal backwards;
  left: 49%;
  opacity: 0.85;
  padding: 0.11vw;
}
.christmas-festival .flake:nth-child(119) {
  animation: snow 16s linear 27s infinite normal backwards;
  left: 85%;
  opacity: 0.78;
  padding: 0.4vw;
}
.christmas-festival .flake:nth-child(120) {
  animation: snow 13s linear 27s infinite normal backwards;
  left: 64%;
  opacity: 0.18;
  padding: 0.19vw;
}
.christmas-festival .flake:nth-child(121) {
  animation: snow 19s linear 4s infinite normal backwards;
  left: 35%;
  opacity: 0.32;
  padding: 0.14vw;
}
.christmas-festival .flake:nth-child(122) {
  animation: snow 18s linear 50s infinite normal backwards;
  left: 35%;
  opacity: 1;
  padding: 0.38vw;
}
.christmas-festival .flake:nth-child(123) {
  animation: snow 12s linear 7s infinite normal backwards;
  left: 16%;
  opacity: 1;
  padding: 0.42vw;
}
.christmas-festival .flake:nth-child(124) {
  animation: snow 16s linear 15s infinite normal backwards;
  left: 10%;
  opacity: 0.25;
  padding: 0.19vw;
}
.christmas-festival .flake:nth-child(125) {
  animation: snow 20s linear 12s infinite normal backwards;
  left: 71%;
  opacity: 0.64;
  padding: 0.37vw;
}
.christmas-festival .flake:nth-child(126) {
  animation: snow 15s linear 14s infinite normal backwards;
  left: 33%;
  opacity: 0.39;
  padding: 0.25vw;
}
.christmas-festival .flake:nth-child(127) {
  animation: snow 18s linear 36s infinite normal backwards;
  left: 44%;
  opacity: 0.38;
  padding: 0.5vw;
}
.christmas-festival .flake:nth-child(128) {
  animation: snow 16s linear 4s infinite normal backwards;
  left: 40%;
  opacity: 0.61;
  padding: 0.4vw;
}
.christmas-festival .flake:nth-child(129) {
  animation: snow 11s linear 5s infinite normal backwards;
  left: 81%;
  opacity: 0.53;
  padding: 0.2vw;
}
.christmas-festival .flake:nth-child(130) {
  animation: snow 15s linear 14s infinite normal backwards;
  left: 44%;
  opacity: 0.9;
  padding: 0.37vw;
}
.christmas-festival .flake:nth-child(131) {
  animation: snow 16s linear 7s infinite normal backwards;
  left: 68%;
  opacity: 0.47;
  padding: 0.38vw;
}
.christmas-festival .flake:nth-child(132) {
  animation: snow 15s linear 36s infinite normal backwards;
  left: 99%;
  opacity: 0.46;
  padding: 0.36vw;
}
.christmas-festival .flake:nth-child(133) {
  animation: snow 13s linear 25s infinite normal backwards;
  left: 8%;
  opacity: 0.64;
  padding: 0.43vw;
}
.christmas-festival .flake:nth-child(134) {
  animation: snow 19s linear 38s infinite normal backwards;
  left: 71%;
  opacity: 0.97;
  padding: 0.35vw;
}
.christmas-festival .flake:nth-child(135) {
  animation: snow 20s linear 48s infinite normal backwards;
  left: 96%;
  opacity: 1;
  padding: 0.29vw;
}
.christmas-festival .flake:nth-child(136) {
  animation: snow 13s linear 42s infinite normal backwards;
  left: 17%;
  opacity: 0.91;
  padding: 0.42vw;
}
.christmas-festival .flake:nth-child(137) {
  animation: snow 16s linear 41s infinite normal backwards;
  left: 34%;
  opacity: 0.94;
  padding: 0.28vw;
}
.christmas-festival .flake:nth-child(138) {
  animation: snow 18s linear 22s infinite normal backwards;
  left: 82%;
  opacity: 0.27;
  padding: 0.38vw;
}
.christmas-festival .flake:nth-child(139) {
  animation: snow 13s linear 22s infinite normal backwards;
  left: 51%;
  opacity: 0.43;
  padding: 0.5vw;
}
.christmas-festival .flake:nth-child(140) {
  animation: snow 19s linear 22s infinite normal backwards;
  left: 54%;
  opacity: 0.89;
  padding: 0.41vw;
}
.christmas-festival .flake:nth-child(141) {
  animation: snow 16s linear 31s infinite normal backwards;
  left: 54%;
  opacity: 0.46;
  padding: 0.12vw;
}
.christmas-festival .flake:nth-child(142) {
  animation: snow 11s linear 49s infinite normal backwards;
  left: 2%;
  opacity: 0.75;
  padding: 0.29vw;
}
.christmas-festival .flake:nth-child(143) {
  animation: snow 15s linear 1s infinite normal backwards;
  left: 63%;
  opacity: 0.3;
  padding: 0.29vw;
}
.christmas-festival .flake:nth-child(144) {
  animation: snow 18s linear 26s infinite normal backwards;
  left: 46%;
  opacity: 0.98;
  padding: 0.43vw;
}
.christmas-festival .flake:nth-child(145) {
  animation: snow 12s linear 29s infinite normal backwards;
  left: 87%;
  opacity: 0.31;
  padding: 0.33vw;
}
.christmas-festival .flake:nth-child(146) {
  animation: snow 16s linear 1s infinite normal backwards;
  left: 37%;
  opacity: 0.42;
  padding: 0.13vw;
}
.christmas-festival .flake:nth-child(147) {
  animation: snow 17s linear 45s infinite normal backwards;
  left: 38%;
  opacity: 0.3;
  padding: 0.44vw;
}
.christmas-festival .flake:nth-child(148) {
  animation: snow 19s linear 35s infinite normal backwards;
  left: 65%;
  opacity: 0.77;
  padding: 0.21vw;
}
.christmas-festival .flake:nth-child(149) {
  animation: snow 16s linear 18s infinite normal backwards;
  left: 43%;
  opacity: 0.14;
  padding: 0.37vw;
}
.christmas-festival .flake:nth-child(150) {
  animation: snow 14s linear 26s infinite normal backwards;
  left: 46%;
  opacity: 0.5;
  padding: 0.5vw;
}
@keyframes snow {
  4% {
    transform: translate(0.4vw, 4vh);
  }
  8% {
    transform: translate(-0.2vw, 8vh);
  }
  12% {
    transform: translate(0.4vw, 12vh);
  }
  16% {
    transform: translate(0.4vw, 16vh);
  }
  20% {
    transform: translate(-0.4vw, 20vh);
  }
  24% {
    transform: translate(0.4vw, 24vh);
  }
  28% {
    transform: translate(-0.2vw, 28vh);
  }
  32% {
    transform: translate(0.4vw, 32vh);
  }
  36% {
    transform: translate(0.4vw, 36vh);
  }
  40% {
    transform: translate(-0.4vw, 40vh);
  }
  44% {
    transform: translate(0.4vw, 44vh);
  }
  48% {
    transform: translate(-0.2vw, 48vh);
  }
  52% {
    transform: translate(0.4vw, 52vh);
  }
  56% {
    transform: translate(0.4vw, 56vh);
  }
  60% {
    transform: translate(-0.4vw, 60vh);
  }
  64% {
    transform: translate(0.4vw, 64vh);
  }
  68% {
    transform: translate(-0.2vw, 68vh);
  }
  72% {
    transform: translate(0.4vw, 72vh);
  }
  76% {
    transform: translate(0.4vw, 76vh);
  }
  80% {
    transform: translate(-0.4vw, 80vh);
  }
  84% {
    transform: translate(0.4vw, 84vh);
  }
  88% {
    transform: translate(-0.2vw, 88vh);
  }
  92% {
    transform: translate(0.4vw, 92vh);
  }
  96% {
    transform: translate(0.4vw, 96vh);
  }
  to {
    transform: translate(-0.4vw, 100vh);
  }
  to {
    opacity: 0;
  }
}
.newyear-festival.darkmode .recevied-com {
  border-radius: 10px;
  border: 2px solid #f99f20;
  background: linear-gradient(180deg, #f3ec4a, #f99f20 100%, #f99f20 0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.newyear-festival.lightmode .recevied-com {
  background: #535579;
  border-radius: 10px;
  border: 2px solid #f99f20;
  color: #f99f20;
}
.newyear-festival body {
  background: #131526;
}
@media only screen and (max-width: 600px) {
  .newyear-festival .bg-header {
    background-image: url(/_nuxt/img/mb-header.6432035.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: unset;
    background: #131526;
  }
}
@media only screen and (min-width: 601px) {
  .newyear-festival .bg-header {
    background-image: url(/_nuxt/img/pc-header.50d4d5e.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: unset;
  }
}
@media only screen and (max-width: 768px) {
  .newyear-festival .bg-login {
    background-image: url(/_nuxt/img/mb-login.464fc72.png) !important;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
    min-height: 100vh;
  }
}
@media only screen and (min-width: 769px) {
  .newyear-festival .bg-login {
    background-image: url(/_nuxt/img/pc-login.502c952.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
  }
}
.newyear-festival .nav-tabs .nav-link.active {
  background: linear-gradient(
    180deg,
    #f3ec4a,
    #f99f20 100%,
    #f99f20 0
  ) !important;
  color: #282a57 !important;
}
.newyear-festival .nav-tabs .nav-link {
  border: 0 !important;
  background: #282a57 !important;
  color: #bdbdbd !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.newyear-festival .tab-content > .active {
  display: block;
  background: #282a57 !important;
}
.newyear-festival .text-color,
.newyear-festival a {
  color: #fff !important;
}
.newyear-festival .nav-tabs {
  border-bottom: 2px solid hsla(0, 0%, 100%, 0.1) !important;
}
.newyear-festival .form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #bdbdbd !important;
  background-color: #212543;
  background-clip: padding-box;
  border: 1px solid #212543 !important;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.newyear-festival .btn-login {
  background-image: url(/_nuxt/img/btn-login.7644dc3.png) !important;
  border-radius: 10px;
  color: #282a57;
  border-color: unset !important;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.16));
}
.newyear-festival .btn-theme-two {
  background: linear-gradient(
    180deg,
    #f3ec4a,
    #f99f20 100%,
    #f99f20 0
  ) !important;
  border-radius: 10px;
  color: #282a57;
  border-color: unset !important;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16);
}
.newyear-festival .btn-theme-one {
  background: #f99f20;
  border-color: #fff !important;
  color: #282a57;
  border-radius: 10px !important;
}
.newyear-festival .btn-cancel {
  background: #535579;
  border-radius: 10px;
  color: #fff !important;
  border: 1px solid #202248;
}
.newyear-festival .btn-secondary:hover {
  color: #fff !important;
  background-color: #535579 !important;
  border-color: none !important;
}
.newyear-festival .btn-secondary.focus,
.newyear-festival .btn-secondary:focus {
  color: #fff;
  background-color: #535579 !important;
  border-color: #535579 !important;
}
.newyear-festival .custom-control-input:checked ~ .custom-control-label:before {
  color: #bdbdbd !important;
  border-color: #bdbdbd !important;
  background-color: #bdbdbd !important;
}
.newyear-festival .is-active-register {
  background: #131526 !important;
  border: 1px solid #bdbdbd !important;
}
.newyear-festival .custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff !important;
  vertical-align: middle;
  background-color: #212543 !important;
  border: 1px solid #212543 !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.newyear-festival .multiselect__tags {
  min-height: 40px;
  display: block;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  border: 1px solid #212543 !important;
  background: #212543 !important;
  font-size: 14px;
  color: #fff !important;
}
.newyear-festival .multiselect__input,
.newyear-festival .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #212543 !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
}
.newyear-festival .multiselect__option--highlight {
  background: #212543 !important;
  outline: none;
  color: #fff !important;
}
.newyear-festival .multiselect__content-wrapper {
  position: absolute;
  display: block;
  background: #212543 !important;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border: 1px solid #212543 !important;
  border-top: none;
  color: #fff !important;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 601px) {
  .newyear-festival .footer-wrapper {
    height: 58px;
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-image: url(/_nuxt/img/pc-footer.eae6221.png) !important;
    box-shadow: 0 0 16px #1a1b60;
    z-index: 2;
    background: #1a1b60;
  }
  .newyear-festival .footer-wrapper .play-game {
    border-radius: 15px;
    height: 50px;
    text-align: center;
    transform: rotate(45deg);
    width: 50px;
    padding: 8px;
    background: linear-gradient(180deg, #fff865, #ffedb0 51.04%, #df9f45);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
    position: absolute;
    top: -20px;
  }
  .newyear-festival .footer-wrapper .play-game .play-game-box {
    display: table-cell;
    transform: rotate(316deg);
    vertical-align: middle;
  }
  .newyear-festival .footer-wrapper .play-game .item-count {
    width: 30px;
    filter: invert(1);
  }
  .newyear-festival .footer-wrapper .play-game-5 {
    border-radius: 30px;
    height: 50px;
    text-align: center;
    width: 50px;
    padding: 8px;
    background: linear-gradient(180deg, #f3ec4a, #f99f20 100%, #f99f20 0);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
    position: absolute;
    top: -20px;
  }
  .newyear-festival .footer-wrapper .play-game-5 .play-game-box-5 {
    display: table-cell;
    vertical-align: middle;
  }
  .newyear-festival .footer-wrapper .play-game-5 .item-count {
    width: 34px;
    filter: invert(1);
  }
}
@media only screen and (max-width: 600px) {
  .newyear-festival .footer-wrapper {
    height: 58px;
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-image: url(/_nuxt/img/mb-footer.7ae95f8.png) !important;
    box-shadow: 0 0 16px #1a1b60;
    z-index: 2;
    background: #1a1b60;
  }
  .newyear-festival .footer-wrapper .play-game {
    border-radius: 15px;
    height: 50px;
    text-align: center;
    transform: rotate(45deg);
    width: 50px;
    padding: 8px;
    background: linear-gradient(180deg, #fff865, #ffedb0 51.04%, #df9f45);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
    position: absolute;
    top: -20px;
  }
  .newyear-festival .footer-wrapper .play-game .play-game-box {
    display: table-cell;
    transform: rotate(316deg);
    vertical-align: middle;
  }
  .newyear-festival .footer-wrapper .play-game .item-count {
    width: 30px;
    filter: invert(1);
  }
  .newyear-festival .footer-wrapper .play-game-5 {
    border-radius: 30px;
    height: 50px;
    text-align: center;
    width: 50px;
    padding: 8px;
    background: linear-gradient(180deg, #f3ec4a, #f99f20 100%, #f99f20 0);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
    position: absolute;
    top: -20px;
  }
  .newyear-festival .footer-wrapper .play-game-5 .play-game-box-5 {
    display: table-cell;
    vertical-align: middle;
  }
  .newyear-festival .footer-wrapper .play-game-5 .item-count {
    width: 34px;
    filter: invert(1);
  }
}
.newyear-festival .bg-credit {
  background-image: url(/_nuxt/img/bg-credit.f48acec.png) !important;
  border-radius: 10px;
  border: 3px solid #f99f20 !important;
  background-repeat: no-repeat;
  background-size: cover;
}
.newyear-festival .text-credit {
  background: linear-gradient(180deg, #f3ec4a, #f99f20 100%, #f99f20 0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.newyear-festival .text-template {
  color: #f6c837 !important;
}
.newyear-festival .text-theme {
  color: #282a57 !important;
}
.newyear-festival .bg-credit-free {
  background: linear-gradient(180deg, #f3ec4a, #f99f20 100%, #f99f20 0);
  border-radius: 0 0 10px 10px;
  color: #282a57 !important;
}
.newyear-festival .bg-wallet {
  background: #131526;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
}
.newyear-festival .text-linear,
.newyear-festival .text-linear-footer,
.newyear-festival .text-tranfer {
  background: linear-gradient(180deg, #f3ec4a, #f99f20 100%, #f99f20 0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.newyear-festival .bg-card-commission {
  background: #282a57;
}
.newyear-festival .text-see-history {
  color: #fff;
}
.newyear-festival .bg-turn {
  color: #fff;
  background: #282a57;
  border-radius: 10px;
}
.newyear-festival .text-color-icon {
  background: linear-gradient(180deg, #fff865, #df9f45);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.newyear-festival .bg-icon-index {
  background: #282a57 !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 6px rgba(255, 174, 97, 0.1);
}
.newyear-festival .unactive-footer {
  color: #bdbdbd;
}
.newyear-festival .bg-body-modal {
  background: linear-gradient(
    180deg,
    #f3ec4a,
    #f99f20 100%,
    #f99f20 0
  ) !important;
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #f99f20 !important;
  color: #131526;
}
.newyear-festival .bg-body,
.newyear-festival .swal2-popup {
  background: #282a57 !important;
}
.newyear-festival .swal2-content,
.newyear-festival .swal2-title {
  color: #fff !important;
}
.newyear-festival .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(
    180deg,
    #f3ec4a,
    #f99f20 100%,
    #f99f20 0
  ) !important;
  border-radius: 10px !important;
  border-color: #f99f20 !important;
  color: #202248 !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.newyear-festival .alert-secondary {
  color: #fff;
  background-color: #202248;
  border-color: #202248;
}
.newyear-festival .bg-con-turn {
  background: #202248 !important;
}
.newyear-festival .breadcrumb {
  background-color: #131526 !important;
}
.newyear-festival .breadcrumb-item.active {
  color: #fff865 !important;
}
.newyear-festival .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid rgba(0, 0, 0, 0.125);
}
.newyear-festival .card {
  background: #282a57 !important;
  color: #fff !important;
  filter: drop-shadow(0 0 1px #bdbdbd);
}
.newyear-festival .bg-info {
  color: #fff;
  background: #202248 !important;
  padding: 5px;
  border-radius: 10px;
}
.newyear-festival .btn-change {
  background: #282a57;
  box-shadow: 0 4px 10px rgba(40, 30, 25, 0.12);
  border-radius: 10px;
}
.newyear-festival .bg-lock {
  background: #f6c837;
  padding: 8px;
  border-radius: 18px;
  width: 40px;
  color: #2a2a2a;
}
.newyear-festival .card-pro {
  background: #202248 !important;
  border-radius: 10px;
  color: #fff !important;
  font-weight: 400 !important;
  height: 13em;
}
.newyear-festival #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #f99f20 !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.newyear-festival #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #282a57 !important;
  background-clip: padding-box;
  border: 1px solid rgba(249, 159, 32, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.newyear-festival #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #282a57 !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.newyear-festival #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #f99f20 !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.newyear-festival #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #282a57 !important;
  background-clip: padding-box;
  border: 1px solid rgba(249, 159, 32, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.newyear-festival #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #282a57 !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.newyear-festival #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #f99f20 !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.newyear-festival #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #282a57 !important;
  background-clip: padding-box;
  border: 1px solid rgba(249, 159, 32, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.newyear-festival .bg-search-game {
  background-color: #212543 !important;
  border-radius: 10px !important;
}
.newyear-festival .search {
  color: #f6c837;
}
.newyear-festival .bg-game-active {
  background: linear-gradient(
    180deg,
    #f3ec4a,
    #f99f20 100%,
    #f99f20 0
  ) !important;
  color: #212543 !important;
}
.newyear-festival .bg-game {
  background: #282a57 !important;
  color: #f7bd31 !important;
}
.newyear-festival .bg-chosses {
  background-color: #282a57;
  filter: drop-shadow(0 1px 1px #1b110d);
  color: #fff;
}
.newyear-festival .bg-hover:hover,
.newyear-festival .btn-hover:focus {
  background-color: #535579;
}
.newyear-festival #modal-suscess-complain .modal-content {
  background-color: #282a57 !important;
}
.newyear-festival .from-complain {
  background-color: #202248 !important;
  color: #fff !important;
  border: 1px solid #fff865 !important;
}
.newyear-festival .text-head-hisotry {
  color: #fff865 !important;
}
.newyear-festival .bg-table {
  background-color: #282a57;
  border-radius: 10px;
  border: 0 solid #535579 !important;
}
.newyear-festival .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #535579 !important;
  border-top: 0 solid #535579 !important;
  padding: 4px 12px;
  background: #202248;
  color: #fff !important;
}
.newyear-festival .table td {
  vertical-align: top;
  border-top: 0 solid #282a57 !important;
  color: #fff !important;
}
.newyear-festival .b-sidebar {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: unset;
  background-attachment: fixed;
  background-size: 100% 100%;
  background-image: url(/_nuxt/img/side-bar.e12e8f1.png) !important;
}
.newyear-festival .card-bank {
  background: #202248;
  color: #fff !important;
  box-shadow: 0 4px 10px rgba(18, 8, 2, 0.12);
}
.newyear-festival [data-target].is-active {
  background: linear-gradient(180deg, #7075e0, #2f3499) !important;
  border-radius: 10px;
  color: #fff;
}
.newyear-festival .is-unactive {
  background: #202248;
  color: #bdbdbd;
}
.newyear-festival .filters-content-bg {
  background-color: #202248;
}
.newyear-festival .bg-pro {
  background: #202248;
  color: #fff !important;
}
.newyear-festival .btn-withdraw {
  background: linear-gradient(
    180deg,
    #f3ec4a,
    #f99f20 100%,
    #f99f20 0
  ) !important;
  border-radius: 10px;
  color: #282a57;
  border-color: #f99f20 !important;
}
.newyear-festival .page-item.active .page-link {
  z-index: 3;
  color: #282a57 !important;
  background-color: #f6c837 !important;
  border-color: #f6c837 !important;
}
.newyear-festival .page-link {
  color: #282a57 !important;
  background-color: #bdbdbd !important;
  border: 1px solid #bdbdbd !important;
}
.newyear-festival .btn-money {
  border-color: #f6c837 !important;
  background: #535579 !important;
  color: #f6c837 !important;
}
.newyear-festival .btn-no-received {
  background: #535579 !important;
  border-color: #535579 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  color: #fff865;
}
.newyear-festival .btn-no-received:hover {
  background-color: #535579 !important;
  border-color: #535579 !important;
  color: #fff865;
}
.newyear-festival .btn-topup-promptpay {
  border-color: #f99f20;
  border-radius: 10px;
  background: linear-gradient(
    180deg,
    #f3ec4a,
    #f99f20 100%,
    #f99f20 0
  ) !important;
  color: #282a57;
}
.newyear-festival .card-decimal,
.newyear-festival .card-transfer {
  background: #202248;
  color: #fff !important;
}
.newyear-festival .card-transfer {
  border-radius: 10px;
}
.newyear-festival .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #202248;
  color: #bdbdbd;
  padding: 5px;
}
.newyear-festival .filters__button2:hover {
  background-color: #202248;
}
.newyear-festival .bg-choose {
  background: #202248 !important;
  color: #fff;
}
.newyear-festival .btn-join-activity {
  background: linear-gradient(
    180deg,
    #f3ec4a,
    #f99f20 100%,
    #f99f20 0
  ) !important;
  color: #131526;
}
.newyear-festival .bg-condition {
  background: #202248 !important;
  color: #fff;
}
.newyear-festival .bg-input {
  background: #202248 !important;
  color: #fff !important;
  border-radius: 10px 0 0 10px !important;
}
.newyear-festival .btn-copy {
  background: linear-gradient(
    180deg,
    #f3ec4a,
    #f99f20 100%,
    #f99f20 0
  ) !important;
  color: #131526 !important;
  border: unset;
}
.newyear-festival .filters-content {
  background-color: #202248;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.newyear-festival .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #202248;
  color: #bdbdbd;
  padding: 5px;
}
.newyear-festival .filters__button:hover {
  background-color: #202248;
}
.newyear-festival .bg-aff-level {
  background: linear-gradient(#282a57, #282a57) padding-box,
    linear-gradient(180deg, #f38114, #ffae61 47.4%, #ed7300) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.newyear-festival .bg-aff-level .nunber-friend {
  background: #202248;
  border-radius: 10px;
  color: #fff;
}
.newyear-festival .bg-aff-level .turn-other {
  background: #202248;
  border-radius: 10px;
}
.newyear-festival .bg-aff-level .solid {
  border: 1px solid #f99f20;
  height: 40px;
}
.newyear-festival .btn-aff-share {
  background: linear-gradient(180deg, #f3ec4a, #f99f20 100%, #f99f20 0);
  border-radius: 10px;
  color: #131526 !important;
  border-color: #f3ec4a !important;
  filter: drop-shadow(0 0 5px #f3ec4a);
}
.newyear-festival .bg-table-aff {
  background-color: #282a57 !important;
  border: 0 solid #f3ec4a !important;
}
.newyear-festival .tab-history-class {
  border-radius: 20px;
  color: #fff;
  border: 1px solid #f99f20;
}
.newyear-festival .header-aff {
  background: linear-gradient(180deg, #f3ec4a, #f99f20 100%, #f99f20 0);
  border-bottom: 1px solid #f99f20;
  border-radius: 20px 20px 0 0;
  color: #131526;
}
.newyear-festival .tab-item:last-child {
  border-bottom: 1px solid #f99f20;
  border-bottom-left-radius: 20px !important;
}
.newyear-festival .tab-item,
.newyear-festival .tab-item:last-child {
  color: #131526;
  cursor: pointer;
  background: linear-gradient(180deg, #f3ec4a, #f99f20 100%, #f99f20 0);
}
.newyear-festival .tab-item {
  border-bottom: 1px solid #f99f20;
}
.newyear-festival .body-content {
  color: #4f4a3e !important;
}
.newyear-festival .border-banner {
  border: 2px solid #f99f20;
}
.newyear-festival .card-point {
  background: #202248 !important;
  filter: drop-shadow(0 0 0 #202248) !important;
  color: #fff !important;
  border-radius: 10px;
}
.newyear-festival .bg-point {
  background: #f99f20;
  border-radius: 20px;
  margin: 4px;
  color: #131526;
}
.newyear-festival .bg-search {
  background-color: #212543 !important;
  color: #fff !important;
}
.newyear-festival .bg-card-his {
  background: #202248 !important;
  color: #fff !important;
  filter: drop-shadow(0 0 0 #202248) !important;
}
.newyear-festival .Daily__item__box {
  position: relative;
  height: 75px;
  background: #fff;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
}
.newyear-festival .Daily__item__box.active {
  background: linear-gradient(#282a57, #282a57) padding-box,
    linear-gradient(90deg, #f3ec4a 0, #f99f20 100%, #f99f20 0) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.newyear-festival .Daily__item__box.active-today {
  background: linear-gradient(180deg, #f3ec4a, #f99f20 100%, #f99f20 0);
  border: none !important;
  color: #131526 !important;
}
.newyear-festival .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2e2e2e;
  border-radius: 10px;
}
.newyear-festival .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.newyear-festival .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.newyear-festival .text-daily {
  color: #4f4a3e;
}
.newyear-festival .bg-table-daily-fix {
  background: #202248 !important;
  color: #fff !important;
}
.newyear-festival .bg-input-theme {
  background-color: #202248 !important;
  color: #fff !important;
}
.newyear-festival .text-color-cs {
  color: #fff865 !important;
}
.newyear-festival .text-spcial {
  background: linear-gradient(180deg, #f3ec4a, #f99f20 100%, #f99f20 0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.newyear-festival .bg-wheel-condition {
  background: linear-gradient(#282a57, #282a57) padding-box,
    linear-gradient(109.63deg, #f3ec4a 3.68%, #f99f20 47.76%, #f99f20 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.newyear-festival .condition-header {
  border-radius: 5px;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.newyear-festival .condition-header,
.newyear-festival .hd-withdraw {
  background: linear-gradient(180deg, #f3ec4a, #f99f20 100%, #f99f20 0);
  color: #131526;
}
.newyear-festival .hd-withdraw {
  border-radius: 10px 10px 0 0;
  padding: 10px;
  font-size: 18px;
}
.newyear-festival .cover-withdraw {
  background: #282a57;
  border-radius: 0 0 10px 10px;
}
.newyear-festival .card-withdraw {
  background: #202248 !important;
  color: #fff !important;
  border-radius: 5px;
}
.newyear-festival .bg-share-facebook {
  background-color: #212543 !important;
}
.newyear-festival #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #282a57 !important;
  background-clip: padding-box;
  border: 1px solid rgba(40, 42, 87, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.newyear-festival .btn-change-language {
  background-color: #202248 !important;
  border: 1px solid #f99f20;
}
.newyear-festival .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card-copy-light.73ed8f4.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.newyear-festival .r-gold {
  background: linear-gradient(#282a57, #282a57) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.newyear-festival .r-gold,
.newyear-festival .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.newyear-festival .r-silver {
  background: linear-gradient(#282a57, #282a57) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.newyear-festival .r-copper {
  background: linear-gradient(#282a57, #282a57) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.newyear-festival .cycle-gold {
  background: linear-gradient(#3e2314, #3e2314) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.newyear-festival .cycle-gold,
.newyear-festival .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.newyear-festival .cycle-silver {
  background: linear-gradient(#3e2314, #3e2314) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
}
.newyear-festival .cycle-copper {
  background: linear-gradient(#3e2314, #3e2314) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.newyear-festival .card-points {
  background: linear-gradient(#282a57, #282a57) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.newyear-festival input::placeholder {
  color: #fff;
}
.newyear-festival #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.newyear-festival .progress-bar {
  background: linear-gradient(
    180deg,
    #f3ec4a,
    #f99f20 100%,
    #f99f20 0
  ) !important;
}
.newyear-festival .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #202248;
  border-radius: 30rem !important;
}
.newyear-festival .border-left {
  border-left: 3px solid #f99f20 !important;
}
.newyear-festival .active-bg {
  background: linear-gradient(180deg, #7075e0, #2f3499) !important;
  color: #fff !important;
}
.newyear-festival .tab-box {
  background-color: #202248;
  color: #bdbdbd;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.newyear-festival .btn-theme-seemore {
  background: #f99f20;
  border-radius: 10px;
  color: #131526;
  border-color: #f99f20 !important;
}
.newyear-festival .hexagon {
  position: relative;
  width: 55px;
  height: 28.7px;
  margin: 35.15px 0;
  border-left: 3.1421px solid #fff;
  border-right: 3.1421px solid #fff;
}
.newyear-festival .hexagon:after,
.newyear-festival .hexagon:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 38.35px;
  height: 38.35px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 5.8249px;
}
.newyear-festival .hexagon:before {
  top: -19.1751px;
  border-top: 3.1421px solid #fff;
  border-right: 3.1421px solid #fff;
}
.newyear-festival .hexagon:after {
  bottom: -19.1751px;
  border-bottom: 3.1421px solid #fff;
  border-left: 3.1421px solid #fff;
}
.newyear-festival *,
.newyear-festival :after,
.newyear-festival :before {
  box-sizing: border-box;
}
.newyear-festival .bg-in-aff {
  background: #202248;
  border-radius: 5px;
  color: #fff;
  padding: 5px;
}
.newyear-festival .vue-pincode-input {
  background: #212543 !important;
}
.newyear-festival .boder-color {
  border-color: #212543 !important;
}
.newyear-festival .bg-month {
  background: #202248;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #7d7d7d;
}
.newyear-festival .bg-month-active {
  background: linear-gradient(#202248, #202248) padding-box,
    linear-gradient(180deg, #f3ec4a, #f99f20 100%, #f99f20 0) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #fff;
  border: 1px solid transparent;
}
.newyear-festival .icon-aff {
  color: #363636 !important;
}
.newyear-festival .border-bottom-aff {
  border-bottom: 1px solid #f99f20;
}
.brightsky.newyear-festival .fillter-icon {
  filter: invert(69%) sepia(35%) saturate(502%) hue-rotate(1deg)
    brightness(100%) contrast(104%) !important;
  width: 30px;
}
.brightsky.newyear-festival .fillter-icon-active {
  filter: invert(0) sepia(46%) saturate(632%) hue-rotate(0deg) brightness(71%)
    contrast(74%) !important;
  width: 30px;
}
.purpleorchid.newyear-festival .fillter-icon {
  filter: invert(69%) sepia(35%) saturate(502%) hue-rotate(1deg)
    brightness(100%) contrast(104%) !important;
  width: 30px;
}
.purpleorchid.newyear-festival .fillter-icon-active {
  filter: invert(0) sepia(46%) saturate(632%) hue-rotate(0deg) brightness(71%)
    contrast(74%) !important;
  width: 30px;
}
.redcurrant.newyear-festival .fillter-icon {
  filter: invert(69%) sepia(35%) saturate(502%) hue-rotate(1deg)
    brightness(100%) contrast(104%) !important;
  width: 30px;
}
.redcurrant.newyear-festival .fillter-icon-active {
  filter: invert(0) sepia(46%) saturate(632%) hue-rotate(0deg) brightness(71%)
    contrast(74%) !important;
  width: 30px;
}
.superrich.newyear-festival .fillter-icon {
  filter: invert(69%) sepia(35%) saturate(502%) hue-rotate(1deg)
    brightness(100%) contrast(104%) !important;
  width: 30px;
}
.superrich.newyear-festival .fillter-icon-active {
  filter: invert(0) sepia(46%) saturate(632%) hue-rotate(0deg) brightness(71%)
    contrast(74%) !important;
  width: 30px;
}
.blueroyal.newyear-festival .fillter-icon {
  filter: invert(69%) sepia(35%) saturate(502%) hue-rotate(1deg)
    brightness(100%) contrast(104%) !important;
  width: 30px;
}
.blueroyal.newyear-festival .fillter-icon-active {
  filter: invert(0) sepia(46%) saturate(632%) hue-rotate(0deg) brightness(71%)
    contrast(74%) !important;
  width: 30px;
}
.pearlpeach.newyear-festival .fillter-icon {
  filter: invert(69%) sepia(35%) saturate(502%) hue-rotate(1deg)
    brightness(100%) contrast(104%) !important;
  width: 30px;
}
.pearlpeach.newyear-festival .fillter-icon-active {
  filter: invert(0) sepia(46%) saturate(632%) hue-rotate(0deg) brightness(71%)
    contrast(74%) !important;
  width: 30px;
}
.arcticblue.newyear-festival .fillter-icon {
  filter: invert(69%) sepia(35%) saturate(502%) hue-rotate(1deg)
    brightness(100%) contrast(104%) !important;
  width: 30px;
}
.arcticblue.newyear-festival .fillter-icon-active {
  filter: invert(0) sepia(46%) saturate(632%) hue-rotate(0deg) brightness(71%)
    contrast(74%) !important;
  width: 30px;
}
.chinese-festival.darkmode .recevied-com {
  border-radius: 10px;
  border: 2px solid #99161f;
  background: linear-gradient(180deg, #d84952, #99161f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.chinese-festival.lightmode .recevied-com {
  background: #f8f8f8;
  border-radius: 10px;
  border: 2px solid #99161f;
  color: #99161f;
}
.chinese-festival body {
  background: #ebebeb;
}
@media only screen and (max-width: 600px) {
  .chinese-festival .bg-header {
    background-image: url(/_nuxt/img/mb-header.fb42cbd.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: unset;
    background: #ebebeb;
  }
}
@media only screen and (min-width: 601px) {
  .chinese-festival .bg-header {
    background-image: url(/_nuxt/img/pc-header.2a6b09f.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: unset;
  }
}
@media only screen and (max-width: 768px) {
  .chinese-festival .bg-login {
    background-image: url(/_nuxt/img/mb-login.d122302.png) !important;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
    min-height: 100vh;
  }
}
@media only screen and (min-width: 769px) {
  .chinese-festival .bg-login {
    background-image: url(/_nuxt/img/pc-login.ccef017.jpg) !important;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
  }
}
.chinese-festival .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #d84952, #99161f) !important;
  color: #fff !important;
}
.chinese-festival .nav-tabs .nav-link {
  border: 0 !important;
  background: #fff !important;
  color: #9d9d9d !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.chinese-festival .tab-content > .active {
  display: block;
  background: #fff !important;
}
.chinese-festival .text-color,
.chinese-festival a {
  color: #2e2e2e !important;
}
.chinese-festival .nav-tabs {
  border-bottom: 2px solid #f1f1f1 !important;
}
.chinese-festival .form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #2e2e2e !important;
  background-color: #ededed;
  background-clip: padding-box;
  border: 1px solid #ededed !important;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.chinese-festival .btn-login {
  background-image: url(/_nuxt/img/btn-login.d2f215b.png) !important;
  border-radius: 10px;
  color: #fff;
  border-color: unset !important;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.16));
}
.chinese-festival .btn-theme-two {
  background: linear-gradient(180deg, #d84952, #99161f) !important;
  border-radius: 10px;
  color: #fff;
  border-color: unset !important;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16);
}
.chinese-festival .btn-theme-one {
  background: #99161f;
  border-color: #fff !important;
  color: #fff;
  border-radius: 10px !important;
}
.chinese-festival .btn-cancel {
  background: #ffecec;
  border-radius: 10px;
  color: #ce342c !important;
  border: 1px solid #ce342c;
}
.chinese-festival .btn-secondary:hover {
  color: #ce342c !important;
  background-color: #ffecec !important;
  border-color: none !important;
}
.chinese-festival .btn-secondary.focus,
.chinese-festival .btn-secondary:focus {
  color: #ce342c;
  background-color: #ffecec !important;
  border-color: #ffecec !important;
}
.chinese-festival .custom-control-input:checked ~ .custom-control-label:before {
  color: #bdbdbd !important;
  border-color: #bdbdbd !important;
  background-color: #bdbdbd !important;
}
.chinese-festival .is-active-register {
  background: #99161f !important;
  border: 1px solid #bdbdbd !important;
}
.chinese-festival .custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  vertical-align: middle;
  background-color: #ededed !important;
  border: 1px solid #ededed !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.chinese-festival .multiselect__tags {
  min-height: 40px;
  display: block;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  border: 1px solid #ededed !important;
  background: #ededed !important;
  font-size: 14px;
  color: #4f4a3e !important;
}
.chinese-festival .multiselect__input,
.chinese-festival .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #ededed !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
}
.chinese-festival .multiselect__option--highlight {
  background: #ededed !important;
  outline: none;
  color: #4f4a3e !important;
}
.chinese-festival .multiselect__content-wrapper {
  position: absolute;
  display: block;
  background: #ededed !important;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border: 1px solid #ededed !important;
  border-top: none;
  color: #4f4a3e !important;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 601px) {
  .chinese-festival .footer-wrapper {
    height: 58px;
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-image: url(/_nuxt/img/pc-footer.37a5183.png) !important;
    box-shadow: 0 0 16px #1a1b60;
    z-index: 2;
    background: #7b0300;
  }
  .chinese-festival .footer-wrapper .play-game {
    border-radius: 15px;
    height: 50px;
    text-align: center;
    transform: rotate(45deg);
    width: 50px;
    padding: 8px;
    background: linear-gradient(180deg, #fff865, #ffedb0 51.04%, #df9f45);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
    position: absolute;
    top: -20px;
  }
  .chinese-festival .footer-wrapper .play-game .play-game-box {
    display: table-cell;
    transform: rotate(316deg);
    vertical-align: middle;
  }
  .chinese-festival .footer-wrapper .play-game .item-count {
    width: 30px;
    filter: invert(1);
  }
  .chinese-festival .footer-wrapper .play-game-5 {
    border-radius: 30px;
    height: 50px;
    text-align: center;
    width: 50px;
    padding: 8px;
    background: linear-gradient(180deg, #fff865, #ffedb0 51.04%, #df9f45);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
    position: absolute;
    top: -20px;
  }
  .chinese-festival .footer-wrapper .play-game-5 .play-game-box-5 {
    display: table-cell;
    vertical-align: middle;
  }
  .chinese-festival .footer-wrapper .play-game-5 .item-count {
    width: 34px;
    filter: invert(1);
  }
}
@media only screen and (max-width: 600px) {
  .chinese-festival .footer-wrapper {
    height: 58px;
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-image: url(/_nuxt/img/mb-footer.1b062c7.png) !important;
    box-shadow: 0 0 16px #1a1b60;
    z-index: 2;
    background: #7b0300;
  }
  .chinese-festival .footer-wrapper .play-game {
    border-radius: 15px;
    height: 50px;
    text-align: center;
    transform: rotate(45deg);
    width: 50px;
    padding: 8px;
    background: linear-gradient(180deg, #fff865, #ffedb0 51.04%, #df9f45);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
    position: absolute;
    top: -20px;
  }
  .chinese-festival .footer-wrapper .play-game .play-game-box {
    display: table-cell;
    transform: rotate(316deg);
    vertical-align: middle;
  }
  .chinese-festival .footer-wrapper .play-game .item-count {
    width: 30px;
    filter: invert(1);
  }
  .chinese-festival .footer-wrapper .play-game-5 {
    border-radius: 30px;
    height: 50px;
    text-align: center;
    width: 50px;
    padding: 8px;
    background: linear-gradient(180deg, #f3ec4a, #f99f20 100%, #f99f20 0);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
    position: absolute;
    top: -20px;
  }
  .chinese-festival .footer-wrapper .play-game-5 .play-game-box-5 {
    display: table-cell;
    vertical-align: middle;
  }
  .chinese-festival .footer-wrapper .play-game-5 .item-count {
    width: 34px;
    filter: invert(1);
  }
}
.chinese-festival .bg-credit {
  background-image: url(/_nuxt/img/balance.068aea0.png) !important;
  border-radius: 10px;
  border: 3px solid #99161f !important;
  background-repeat: no-repeat;
  background-size: cover;
}
.chinese-festival .text-credit {
  background: linear-gradient(180deg, #d84952, #99161f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.chinese-festival .text-template {
  color: #ce342c !important;
}
.chinese-festival .text-theme {
  color: #fff !important;
}
.chinese-festival .bg-credit-free {
  background: linear-gradient(180deg, #d84952, #99161f);
  border-radius: 0 0 10px 10px;
  color: #fff !important;
}
.chinese-festival .bg-wallet {
  background: #fff;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
}
.chinese-festival .text-linear {
  background: linear-gradient(180deg, #d84952, #99161f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.chinese-festival .text-linear-footer {
  background: linear-gradient(180deg, #fff, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.chinese-festival .text-tranfer {
  background: linear-gradient(180deg, #d84952, #99161f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.chinese-festival .bg-card-commission {
  background: #fff;
}
.chinese-festival .text-see-history {
  color: #bdbdbd;
}
.chinese-festival .bg-turn {
  color: #4f4a3e;
  background: #fff;
  border-radius: 10px;
}
.chinese-festival .text-color-icon {
  background: linear-gradient(180deg, #d84952, #99161f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.chinese-festival .bg-icon-index {
  background: #fff !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 6px hsla(0, 0%, 100%, 0.1);
}
.chinese-festival .unactive-footer {
  color: #bdbdbd;
}
.chinese-festival .bg-body-modal {
  background: linear-gradient(180deg, #d84952, #99161f) !important;
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #99161f !important;
  color: #fff;
}
.chinese-festival .bg-body,
.chinese-festival .swal2-popup {
  background: #fff !important;
}
.chinese-festival .swal2-content,
.chinese-festival .swal2-title {
  color: #4f4a3e !important;
}
.chinese-festival .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #d84952, #99161f) !important;
  border-radius: 10px !important;
  border-color: #f99f20 !important;
  color: #4f4a3e !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.chinese-festival .alert-secondary {
  color: #4f4a3e;
  background-color: #ededed;
  border-color: #ededed;
}
.chinese-festival .bg-con-turn {
  background: #ededed !important;
}
.chinese-festival .breadcrumb {
  background-color: #ebebeb !important;
}
.chinese-festival .breadcrumb-item.active {
  color: #ce342c !important;
}
.chinese-festival .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid rgba(0, 0, 0, 0.125);
}
.chinese-festival .card {
  background: #fff !important;
  color: #4f4a3e !important;
  filter: drop-shadow(0 0 1px #bdbdbd);
}
.chinese-festival .bg-info {
  color: #4f4a3e;
  background: #ededed !important;
  padding: 5px;
  border-radius: 10px;
}
.chinese-festival .btn-change {
  background: #fff;
  box-shadow: 0 4px 10px rgba(40, 30, 25, 0.12);
  border-radius: 10px;
}
.chinese-festival .bg-lock {
  background: #ce342c;
  padding: 8px;
  border-radius: 18px;
  width: 40px;
  color: #fff;
}
.chinese-festival .card-pro {
  background: #ededed !important;
  border-radius: 10px;
  color: #4f4a3e !important;
  font-weight: 400 !important;
  height: 13em;
}
.chinese-festival #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #d84952 !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.chinese-festival #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(216, 73, 82, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.chinese-festival #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #d84952 !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.chinese-festival #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #d84952 !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.chinese-festival #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(216, 73, 82, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.chinese-festival #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #fff !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.chinese-festival #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #d84952 !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.chinese-festival #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(216, 73, 82, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.chinese-festival .bg-search-game {
  background-color: #fff !important;
  border-radius: 10px !important;
}
.chinese-festival .search {
  color: #ce342c;
}
.chinese-festival .bg-game-active {
  background: linear-gradient(180deg, #d84952, #99161f) !important;
  color: #fff !important;
}
.chinese-festival .bg-game {
  background: #fff !important;
  color: #ce342c !important;
}
.chinese-festival .bg-chosses {
  background-color: #fff;
  filter: drop-shadow(0 1px 1px #1b110d);
  color: #4f4a3e;
}
.chinese-festival .bg-hover:hover,
.chinese-festival .btn-hover:focus {
  background-color: #ffecec;
}
.chinese-festival #modal-suscess-complain .modal-content {
  background-color: #fff !important;
}
.chinese-festival .from-complain {
  background-color: #ededed !important;
  color: #4f4a3e !important;
  border: 1px solid #99161f !important;
}
.chinese-festival .text-head-hisotry {
  color: #ce342c !important;
}
.chinese-festival .bg-table {
  background-color: #fff;
  border-radius: 10px;
  border: 0 solid #d36862 !important;
}
.chinese-festival .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #d36862 !important;
  border-top: 0 solid #d36862 !important;
  padding: 4px 12px;
  background: #ce342c;
  color: #fff !important;
}
.chinese-festival .table td {
  vertical-align: top;
  border-top: 0 solid #d36862 !important;
  color: #ce342c !important;
}
.chinese-festival .b-sidebar {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: unset;
  background-attachment: fixed;
  background-size: 100% 100%;
  background-image: url(/_nuxt/img/mb-login.d122302.png) !important;
}
.chinese-festival .card-bank {
  background: #ededed;
  color: #4f4a3e !important;
  box-shadow: 0 4px 10px rgba(18, 8, 2, 0.12);
}
.chinese-festival [data-target].is-active {
  background: linear-gradient(180deg, #f08d00, #b22932) !important;
  border-radius: 10px;
  color: #fff;
}
.chinese-festival .is-unactive {
  background: #ededed;
  color: #9d9d9d;
}
.chinese-festival .filters-content-bg {
  background-color: #ededed;
}
.chinese-festival .bg-pro {
  background: #ededed;
  color: #4f4a3e !important;
}
.chinese-festival .btn-withdraw {
  background: linear-gradient(180deg, #d84952, #99161f) !important;
  border-radius: 10px;
  color: #fff;
  border-color: #99161f !important;
}
.chinese-festival .page-item.active .page-link {
  z-index: 3;
  color: #fff !important;
  background-color: #ce342c !important;
  border-color: #ce342c !important;
}
.chinese-festival .page-link {
  color: #4f4a3e !important;
  background-color: #bdbdbd !important;
  border: 1px solid #bdbdbd !important;
}
.chinese-festival .btn-money {
  border-color: #ce342c !important;
  background: #ffecec !important;
  color: #ce342c !important;
}
.chinese-festival .btn-no-received {
  background: #ffecec !important;
  border-color: #ffecec !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  color: #ce342c;
}
.chinese-festival .btn-no-received:hover {
  background-color: #ffecec !important;
  border-color: #ffecec !important;
  color: #ce342c;
}
.chinese-festival .btn-topup-promptpay {
  border-color: #ce342c;
  border-radius: 10px;
  background: linear-gradient(180deg, #d84952, #99161f) !important;
  color: #fff;
}
.chinese-festival .card-decimal,
.chinese-festival .card-transfer {
  background: #ededed;
  color: #4f4a3e !important;
}
.chinese-festival .card-transfer {
  border-radius: 10px;
}
.chinese-festival .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #ededed;
  color: #9d9d9d;
  padding: 5px;
}
.chinese-festival .filters__button2:hover {
  background-color: #ededed;
}
.chinese-festival .bg-choose {
  background: #fff !important;
  color: #4f4a3e;
}
.chinese-festival .btn-join-activity {
  background: linear-gradient(180deg, #d84952, #99161f) !important;
  color: #fff;
}
.chinese-festival .bg-condition {
  background: #fff !important;
  color: #4f4a3e;
}
.chinese-festival .bg-input {
  background: #fff !important;
  color: #4f4a3e !important;
  border-radius: 10px 10px 10px 10px !important;
}
.chinese-festival .btn-copy {
  background: linear-gradient(180deg, #d84952, #99161f) !important;
  color: #fff !important;
  border: unset;
}
.chinese-festival .filters-content {
  background-color: #fff;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.chinese-festival .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #fff;
  color: #bdbdbd;
  padding: 5px;
}
.chinese-festival .filters__button:hover {
  background-color: #fff;
}
.chinese-festival .bg-aff-level {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(180deg, #d84952, #99161f) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.chinese-festival .bg-aff-level .nunber-friend {
  background: #ededed;
  border-radius: 10px;
  color: #4f4a3e;
}
.chinese-festival .bg-aff-level .turn-other {
  background: #ededed;
  border-radius: 10px;
}
.chinese-festival .bg-aff-level .solid {
  border: 1px solid #d84952;
  height: 40px;
}
.chinese-festival .btn-aff-share {
  background: linear-gradient(180deg, #d84952, #99161f);
  border-radius: 10px;
  color: #fff !important;
  border-color: #d84952 !important;
  filter: drop-shadow(0 0 5px #d84952);
}
.chinese-festival .bg-table-aff {
  background-color: #fff !important;
  border: 0 solid #d84952 !important;
}
.chinese-festival .tab-history-class {
  border-radius: 20px;
  color: #fff;
  border: 1px solid #f99f20;
}
.chinese-festival .bg-in-aff {
  background: #ededed !important;
  color: #4f4a3e !important;
}
.chinese-festival .header-aff {
  background: linear-gradient(180deg, #d84952, #99161f);
  border-bottom: 1px solid #d84952;
  border-radius: 20px 20px 0 0;
  color: #fff;
}
.chinese-festival .tab-item:last-child {
  border-bottom: 1px solid #d84952;
  border-bottom-left-radius: 20px !important;
}
.chinese-festival .tab-item,
.chinese-festival .tab-item:last-child {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(180deg, #d84952, #99161f);
}
.chinese-festival .tab-item {
  border-bottom: 1px solid #d84952;
}
.chinese-festival .body-content {
  color: #4f4a3e !important;
}
.chinese-festival .border-banner {
  border: 2px solid #99161f;
}
.chinese-festival .card-point {
  background: #ededed !important;
  filter: drop-shadow(0 0 0 #99161f) !important;
  color: #4f4a3e !important;
  border-radius: 10px;
}
.chinese-festival .bg-point {
  background: #99161f;
  border-radius: 20px;
  margin: 4px;
  color: #fff;
}
.chinese-festival .bg-search {
  background-color: #ededed !important;
  color: #4f4a3e !important;
}
.chinese-festival .bg-card-his {
  background: #ededed !important;
  color: #4f4a3e !important;
}
.chinese-festival .Daily__item__box {
  position: relative;
  height: 75px;
  background: #fff;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
}
.chinese-festival .Daily__item__box.active {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(180deg, #d84952, #99161f) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.chinese-festival .Daily__item__box.active-today {
  background: linear-gradient(180deg, #d84952, #99161f);
  border: none !important;
  color: #fff !important;
}
.chinese-festival .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2e2e2e;
  border-radius: 10px;
}
.chinese-festival .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.chinese-festival .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.chinese-festival .text-daily {
  color: #4f4a3e;
}
.chinese-festival .bg-table-daily-fix {
  background: #cdcaca !important;
  color: #4f4a3e !important;
}
.chinese-festival .bg-input-theme {
  background-color: #ededed !important;
  color: #4f4a3e !important;
}
.chinese-festival .text-color-cs {
  color: #4f4a3e !important;
}
.chinese-festival .text-spcial {
  background: linear-gradient(180deg, #d84952, #99161f 100%, #99161f 0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.chinese-festival .bg-wheel-condition {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(109.63deg, #d84952 3.68%, #99161f 47.76%, #99161f 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.chinese-festival .condition-header {
  border-radius: 5px;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.chinese-festival .condition-header,
.chinese-festival .hd-withdraw {
  background: linear-gradient(180deg, #d84952, #99161f 100%, #99161f 0);
  color: #fff;
}
.chinese-festival .hd-withdraw {
  border-radius: 10px 10px 0 0;
  padding: 10px;
  font-size: 18px;
}
.chinese-festival .cover-withdraw {
  background: #fff;
  border-radius: 0 0 10px 10px;
}
.chinese-festival .card-withdraw {
  background: #ededed !important;
  color: #4f4f4f !important;
  border-radius: 5px;
}
.chinese-festival .bg-share-facebook {
  background-color: #fff !important;
}
.chinese-festival #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.chinese-festival .btn-change-language {
  background-color: #ce342c !important;
  border: 1px solid #ce342c;
  color: #fff !important;
}
.chinese-festival .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card-copy-light.73ed8f4.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.chinese-festival .r-gold {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.chinese-festival .r-gold,
.chinese-festival .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.chinese-festival .r-silver {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.chinese-festival .r-copper {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.chinese-festival .cycle-gold {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.chinese-festival .cycle-gold,
.chinese-festival .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.chinese-festival .cycle-silver {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
}
.chinese-festival .cycle-copper {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.chinese-festival .card-points {
  background: linear-gradient(#fff, #fff) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.chinese-festival input::placeholder {
  color: #9d9d9d;
}
.chinese-festival #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.chinese-festival .progress-bar {
  background: linear-gradient(180deg, #d84952, #99161f) !important;
}
.chinese-festival .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #99161f;
  border-radius: 30rem !important;
}
.chinese-festival .border-left {
  border-left: 3px solid #99161f !important;
}
.chinese-festival .border-solid {
  border: 1px solid #99161f !important;
}
.chinese-festival .active-bg {
  background: linear-gradient(180deg, #f08d00, #b22932) !important;
  color: #fff !important;
}
.chinese-festival .tab-box {
  background-color: #99161f;
  color: #bdbdbd;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.chinese-festival .btn-theme-seemore {
  background: #99161f;
  border-radius: 10px;
  color: #fff;
  border-color: #99161f !important;
}
.chinese-festival .hexagon {
  position: relative;
  width: 55px;
  height: 28.7px;
  margin: 35.15px 0;
  border-left: 3.1421px solid #4f4a3e;
  border-right: 3.1421px solid #4f4a3e;
}
.chinese-festival .hexagon:after,
.chinese-festival .hexagon:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 38.35px;
  height: 38.35px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 5.8249px;
}
.chinese-festival .hexagon:before {
  top: -19.1751px;
  border-top: 3.1421px solid #4f4a3e;
  border-right: 3.1421px solid #4f4a3e;
}
.chinese-festival .hexagon:after {
  bottom: -19.1751px;
  border-bottom: 3.1421px solid #4f4a3e;
  border-left: 3.1421px solid #4f4a3e;
}
.chinese-festival *,
.chinese-festival :after,
.chinese-festival :before {
  box-sizing: border-box;
}
.chinese-festival .bg-in-aff {
  background: #202248;
  border-radius: 5px;
  color: #fff;
  padding: 5px;
}
.chinese-festival .vue-pincode-input {
  background: #ebebeb !important;
}
.chinese-festival .boder-color {
  border-color: #ebebeb !important;
}
.chinese-festival .bg-month {
  background: #ededed;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #7d7d7d;
}
.chinese-festival .bg-month-active {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(180deg, #d84952, #99161f) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #4f4a3e;
  border: 1px solid transparent;
}
.chinese-festival .icon-aff {
  color: #363636 !important;
}
.chinese-festival .border-bottom-aff {
  border-bottom: 1px solid #d84952;
}
.brightsky.chinese-festival .fillter-icon {
  filter: invert(45%) sepia(59%) saturate(569%) hue-rotate(319deg)
    brightness(86%) contrast(95%) !important;
  width: 30px;
}
.brightsky.chinese-festival .fillter-icon-active {
  filter: invert(100%) sepia(46%) saturate(632%) hue-rotate(177deg)
    brightness(100%) contrast(100%) !important;
  width: 30px;
}
.purpleorchid.chinese-festival .fillter-icon {
  filter: invert(45%) sepia(59%) saturate(569%) hue-rotate(319deg)
    brightness(86%) contrast(95%) !important;
  width: 30px;
}
.purpleorchid.chinese-festival .fillter-icon-active {
  filter: invert(100%) sepia(46%) saturate(632%) hue-rotate(177deg)
    brightness(100%) contrast(100%) !important;
  width: 30px;
}
.redcurrant.chinese-festival .fillter-icon {
  filter: invert(45%) sepia(59%) saturate(569%) hue-rotate(319deg)
    brightness(86%) contrast(95%) !important;
  width: 30px;
}
.redcurrant.chinese-festival .fillter-icon-active {
  filter: invert(100%) sepia(46%) saturate(632%) hue-rotate(177deg)
    brightness(100%) contrast(100%) !important;
  width: 30px;
}
.superrich.chinese-festival .fillter-icon {
  filter: invert(45%) sepia(59%) saturate(569%) hue-rotate(319deg)
    brightness(86%) contrast(95%) !important;
  width: 30px;
}
.superrich.chinese-festival .fillter-icon-active {
  filter: invert(100%) sepia(46%) saturate(632%) hue-rotate(177deg)
    brightness(100%) contrast(100%) !important;
  width: 30px;
}
.blueroyal.chinese-festival .fillter-icon {
  filter: invert(45%) sepia(59%) saturate(569%) hue-rotate(319deg)
    brightness(86%) contrast(95%) !important;
  width: 30px;
}
.blueroyal.chinese-festival .fillter-icon-active {
  filter: invert(100%) sepia(46%) saturate(632%) hue-rotate(177deg)
    brightness(100%) contrast(100%) !important;
  width: 30px;
}
.pearlpeach.chinese-festival .fillter-icon {
  filter: invert(45%) sepia(59%) saturate(569%) hue-rotate(319deg)
    brightness(86%) contrast(95%) !important;
  width: 30px;
}
.pearlpeach.chinese-festival .fillter-icon-active {
  filter: invert(100%) sepia(46%) saturate(632%) hue-rotate(177deg)
    brightness(100%) contrast(100%) !important;
  width: 30px;
}
.arcticblue.chinese-festival .fillter-icon {
  filter: invert(45%) sepia(59%) saturate(569%) hue-rotate(319deg)
    brightness(86%) contrast(95%) !important;
  width: 30px;
}
.arcticblue.chinese-festival .fillter-icon-active {
  filter: invert(100%) sepia(46%) saturate(632%) hue-rotate(177deg)
    brightness(100%) contrast(100%) !important;
  width: 30px;
}
.valentine-festival.darkmode .recevied-com {
  border-radius: 10px;
  border: 2px solid #f25e7c;
  background: linear-gradient(180deg, #f8849b, #f44b6f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.valentine-festival.lightmode .recevied-com {
  background: #f8f8f8;
  border-radius: 10px;
  border: 2px solid #f25e7c;
  color: #f25e7c;
}
.valentine-festival body {
  background: #ebeaeb;
}
@media only screen and (max-width: 600px) {
  .valentine-festival .bg-header {
    background-image: url(/_nuxt/img/mb-header.d5f75d4.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: unset;
    background: #ebeaeb;
  }
}
@media only screen and (min-width: 601px) {
  .valentine-festival .bg-header {
    background-image: url(/_nuxt/img/pc-header.c44c0a4.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: unset;
  }
}
@media only screen and (max-width: 768px) {
  .valentine-festival .bg-login {
    background-image: url(/_nuxt/img/mb-login.c1a3817.png) !important;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
    min-height: 100vh;
  }
}
@media only screen and (min-width: 769px) {
  .valentine-festival .bg-login {
    background-image: url(/_nuxt/img/pc-login.3e155bb.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
  }
}
.valentine-festival .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #f8849b, #f44b6f) !important;
  color: #fff !important;
}
.valentine-festival .nav-tabs .nav-link {
  border: 0 !important;
  background: #fff !important;
  color: #9d9d9d !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.valentine-festival .tab-content > .active {
  display: block;
  background: #fff !important;
}
.valentine-festival .text-color {
  color: #2e2e2e !important;
}
.valentine-festival a {
  color: #4f4a3e !important;
}
.valentine-festival .nav-tabs {
  border-bottom: 2px solid #f1f1f1 !important;
}
.valentine-festival .form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #2e2e2e !important;
  background-color: #ededed;
  background-clip: padding-box;
  border: 1px solid #ededed !important;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.valentine-festival .btn-login {
  background-image: url(/_nuxt/img/btn-login.82f93d9.png) !important;
  border-radius: 10px;
  color: #fff;
  border-color: unset !important;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.valentine-festival .btn-theme-two {
  background: linear-gradient(180deg, #f8849b, #f44b6f);
  border-radius: 10px;
  color: #fff;
  border-color: unset !important;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.valentine-festival .btn-theme-one {
  background: #f44b6f;
  border-color: #fff !important;
  color: #fff;
  border-radius: 10px !important;
}
.valentine-festival .btn-cancel {
  background: #ffecec;
  border-radius: 10px;
  color: #f25e7c !important;
  border: 1px solid #f25e7c;
}
.valentine-festival .btn-secondary:hover {
  color: #fff !important;
  background-color: #f25e7c !important;
  border-color: none !important;
}
.valentine-festival .btn-secondary.focus,
.valentine-festival .btn-secondary:focus {
  color: #fff;
  background-color: #f25e7c !important;
  border-color: #f25e7c !important;
}
.valentine-festival
  .custom-control-input:checked
  ~ .custom-control-label:before {
  color: #bdbdbd !important;
  border-color: #bdbdbd !important;
  background-color: #bdbdbd !important;
}
.valentine-festival .is-active-register {
  background: #ff8aa6 !important;
  border: 1px solid #ff7878 !important;
}
.valentine-festival .custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4f4a3e !important;
  vertical-align: middle;
  background-color: #ebebeb !important;
  border: 1px solid #ebebeb !important;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #ebebeb url(https://i.imgur.com/8Yw5JAZ.png) right 0.75rem
    center/8px 10px no-repeat;
}
.valentine-festival .multiselect__tags {
  min-height: 40px;
  display: block;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  border: 1px solid #ededed !important;
  background: #ededed !important;
  font-size: 14px;
  color: #4f4a3e !important;
}
.valentine-festival .multiselect__input,
.valentine-festival .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #ededed !important;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
}
.valentine-festival .multiselect__option--highlight {
  background: #ededed !important;
  outline: none;
  color: #4f4a3e !important;
}
.valentine-festival .multiselect__content-wrapper {
  position: absolute;
  display: block;
  background: #ededed !important;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border: 1px solid #ededed !important;
  border-top: none;
  color: #4f4a3e !important;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 601px) {
  .valentine-festival .footer-wrapper {
    height: 58px;
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-image: url(/_nuxt/img/pc-footer.4ac65bc.png) !important;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
    z-index: 2;
    background: #eed6dd;
  }
  .valentine-festival .footer-wrapper .play-game {
    border-radius: 15px;
    height: 50px;
    text-align: center;
    transform: rotate(45deg);
    width: 50px;
    padding: 8px;
    background: linear-gradient(180deg, #f8849b, #f44b6f);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -20px;
  }
  .valentine-festival .footer-wrapper .play-game .play-game-box {
    display: table-cell;
    transform: rotate(316deg);
    vertical-align: middle;
  }
  .valentine-festival .footer-wrapper .play-game .item-count {
    width: 30px;
    filter: invert(0);
  }
  .valentine-festival .footer-wrapper .play-game-5 {
    border-radius: 30px;
    height: 50px;
    text-align: center;
    width: 50px;
    padding: 8px;
    background: linear-gradient(180deg, #f8849b, #f44b6f);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -20px;
  }
  .valentine-festival .footer-wrapper .play-game-5 .play-game-box-5 {
    display: table-cell;
    vertical-align: middle;
  }
  .valentine-festival .footer-wrapper .play-game-5 .item-count {
    width: 34px;
    filter: invert(0);
  }
}
@media only screen and (max-width: 600px) {
  .valentine-festival .footer-wrapper {
    height: 58px;
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-image: url(/_nuxt/img/mb-footer.8289746.png) !important;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
    z-index: 2;
    background: #eed6dd;
  }
  .valentine-festival .footer-wrapper .play-game {
    border-radius: 15px;
    height: 50px;
    text-align: center;
    transform: rotate(45deg);
    width: 50px;
    padding: 8px;
    background: linear-gradient(180deg, #f8849b, #f44b6f);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -20px;
  }
  .valentine-festival .footer-wrapper .play-game .play-game-box {
    display: table-cell;
    transform: rotate(316deg);
    vertical-align: middle;
  }
  .valentine-festival .footer-wrapper .play-game .item-count {
    width: 30px;
    filter: invert(0);
  }
  .valentine-festival .footer-wrapper .play-game-5 {
    border-radius: 30px;
    height: 50px;
    text-align: center;
    width: 50px;
    padding: 8px;
    background: linear-gradient(180deg, #f8849b, #f44b6f);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -20px;
  }
  .valentine-festival .footer-wrapper .play-game-5 .play-game-box-5 {
    display: table-cell;
    vertical-align: middle;
  }
  .valentine-festival .footer-wrapper .play-game-5 .item-count {
    width: 34px;
    filter: invert(0);
  }
}
.valentine-festival .bg-credit {
  background-image: url(/_nuxt/img/bg-credit.573abd1.png) !important;
  border-radius: 10px;
  border: 3px solid #f25e7d !important;
  background-repeat: no-repeat;
  background-size: cover;
}
.valentine-festival .text-credit {
  background: linear-gradient(180deg, #f8849b, #f44b6f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.valentine-festival .text-template {
  color: #f25e7c !important;
}
.valentine-festival .text-theme {
  color: #fff !important;
}
.valentine-festival .bg-credit-free {
  background: linear-gradient(180deg, #f8849b, #f44b6f);
  border-radius: 0 0 10px 10px;
  color: #fff !important;
}
.valentine-festival .bg-wallet {
  background: #fff;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
}
.valentine-festival .text-linear,
.valentine-festival .text-linear-footer,
.valentine-festival .text-tranfer {
  background: linear-gradient(180deg, #f8849b, #f44b6f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.valentine-festival .bg-card-commission {
  background: #fff;
}
.valentine-festival .text-see-history {
  color: #bdbdbd;
}
.valentine-festival .bg-turn {
  color: #f25e7d;
  background: #fff;
  border-radius: 10px;
}
.valentine-festival .text-color-icon {
  background: linear-gradient(180deg, #f25e7c, #f25e7c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.valentine-festival .bg-icon-index {
  background: #fff !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 6px rgba(255, 174, 97, 0.1);
}
.valentine-festival .unactive-footer {
  color: #cd7c8d;
}
.valentine-festival .bg-body-modal {
  background: linear-gradient(180deg, #f8849b, #f44b6f);
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
  border-bottom: 1px solid #f44b6f !important;
  color: #fff;
}
.valentine-festival .bg-body,
.valentine-festival .swal2-popup {
  background: #fff !important;
}
.valentine-festival .swal2-content,
.valentine-festival .swal2-title {
  color: #f25e7c !important;
}
.valentine-festival .swal2-styled.swal2-confirm {
  border: 0;
  background: initial;
  background: linear-gradient(180deg, #f8849b, #f44b6f) !important;
  border-radius: 10px !important;
  border-color: #f8849b !important;
  color: #fff !important;
  font-size: 1.0625em;
  width: 100% !important;
}
.valentine-festival .alert-secondary {
  color: #4f4a3e;
  background-color: #ededed;
  border-color: #ededed;
}
.valentine-festival .bg-con-turn {
  background: #ededed !important;
}
.valentine-festival .breadcrumb {
  background-color: #ebeaeb !important;
}
.valentine-festival .breadcrumb-item.active {
  color: #f25e7c !important;
}
.valentine-festival .header-profile {
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 solid rgba(0, 0, 0, 0.125);
}
.valentine-festival .card {
  background: #fff !important;
  color: #4f4a3e !important;
  filter: drop-shadow(0 0 1px #bdbdbd);
}
.valentine-festival .bg-info {
  color: #4f4a3e;
  background: #ededed !important;
  padding: 5px;
  border-radius: 10px;
}
.valentine-festival .btn-change {
  background: #fff;
  box-shadow: 0 4px 10px rgba(40, 30, 25, 0.12);
  border-radius: 10px;
}
.valentine-festival .bg-lock {
  background: #f25e7c;
  padding: 8px;
  border-radius: 18px;
  width: 40px;
  color: #fff;
}
.valentine-festival .card-pro {
  background: #ededed !important;
  border-radius: 10px;
  color: #4f4a3e !important;
  font-weight: 400 !important;
  height: 13em;
}
.valentine-festival #modal-redeem .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #f25e7c !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.valentine-festival #modal-redeem .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(242, 94, 124, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.valentine-festival #modal-change-password .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #fff !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.valentine-festival #modal-change-password .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.valentine-festival #modal-change-password .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #f25e7c !important;
  background-clip: padding-box;
  border: 1px solid rgba(249, 159, 32, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.valentine-festival #modal-change-pin .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #fff !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.valentine-festival #modal-change-pin .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #f25e7c !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.valentine-festival #modal-change-pin .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(249, 159, 32, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.valentine-festival .bg-search-game {
  background-color: #fff !important;
  border-radius: 10px !important;
}
.valentine-festival .search {
  color: #f44b6f;
}
.valentine-festival .bg-game-active {
  background: linear-gradient(180deg, #f8849b, #f44b6f) !important;
  color: #fff !important;
}
.valentine-festival .bg-game {
  background: #fff !important;
  color: #f25e7d !important;
}
.valentine-festival .bg-chosses {
  background-color: #fff;
  filter: drop-shadow(0 1px 1px #1b110d);
  color: #4f4a3e;
}
.valentine-festival .bg-hover:hover,
.valentine-festival .btn-hover:focus {
  background-color: #ffecec;
}
.valentine-festival #modal-suscess-complain .modal-content {
  background-color: #fff !important;
}
.valentine-festival .from-complain {
  background-color: #ededed !important;
  color: #2e2e2e !important;
  border: 1px solid #f25e7c !important;
}
.valentine-festival .text-head-hisotry {
  color: #f25e7c;
}
.valentine-festival .bg-table {
  background-color: #fff;
  border-radius: 10px;
  border: 0 solid #ffecec !important;
}
.valentine-festival .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #ffecec !important;
  border-top: 0 solid #ffecec !important;
  padding: 4px 12px;
  background: #ff6786;
  color: #fff !important;
}
.valentine-festival .table td {
  vertical-align: top;
  border-top: 0 solid #282a57 !important;
  color: #f25e7c !important;
}
.valentine-festival .b-sidebar {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: unset;
  background-attachment: fixed;
  background-size: 100% 100%;
  background-image: url(/_nuxt/img/side-bar.442ba29.png) !important;
}
.valentine-festival .card-bank {
  background: #ededed;
  color: #2e2e2e !important;
  box-shadow: 0 4px 10px rgba(18, 8, 2, 0.12);
}
.valentine-festival [data-target].is-active {
  background: linear-gradient(180deg, #ff9473, #ff6786) !important;
  border-radius: 10px;
  color: #fff;
}
.valentine-festival .is-unactive {
  background: #ededed;
  color: #9d9d9d;
}
.valentine-festival .filters-content-bg {
  background-color: #ededed;
}
.valentine-festival .bg-pro {
  background: #ededed;
  color: #4f4a3e !important;
}
.valentine-festival .btn-withdraw {
  background: linear-gradient(180deg, #f8849b, #f44b6f);
  border-radius: 10px;
  color: #fff;
  border-color: #f44b6f;
}
.valentine-festival .page-item.active .page-link {
  z-index: 3;
  color: #fff !important;
  background-color: #f25e7c !important;
  border-color: #f25e7c !important;
}
.valentine-festival .page-link {
  color: #2e2e2e !important;
  background-color: #fff !important;
  border: 1px solid #fff !important;
}
.valentine-festival .btn-money {
  border-color: #f25e7c;
  background: #ffecec;
  color: #f25e7c;
}
.valentine-festival .btn-no-received {
  background: #ffecec !important;
  border-color: #ffecec !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  color: #f25e7c;
}
.valentine-festival .btn-no-received:hover {
  background-color: #ffecec !important;
  border-color: #ffecec !important;
  color: #f25e7c;
}
.valentine-festival .btn-topup-promptpay {
  border-color: #f44b6f;
  border-radius: 10px;
  background: linear-gradient(180deg, #f8849b, #f44b6f) !important;
  color: #fff;
}
.valentine-festival .card-decimal,
.valentine-festival .card-transfer {
  background: #ededed;
  color: #2e2e2e !important;
}
.valentine-festival .card-transfer {
  border-radius: 10px;
}
.valentine-festival .filters__button2 {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #ededed;
  color: #9d9d9d;
  padding: 5px;
}
.valentine-festival .filters__button2:hover {
  background-color: #ededed;
}
.valentine-festival .bg-choose {
  background: #fff !important;
  color: #f25e7c;
}
.valentine-festival .btn-join-activity {
  background: linear-gradient(180deg, #f8849b, #f44b6f) !important;
  color: #fff;
  border: none;
}
.valentine-festival .bg-condition {
  background: #fff !important;
  color: #4f4a3e;
}
.valentine-festival .bg-input {
  background: #fff !important;
  color: #4f4a3e !important;
  border-radius: 10px !important;
}
.valentine-festival .btn-copy {
  background: linear-gradient(180deg, #f8849b, #f44b6f) !important;
  color: #fff !important;
  border: unset;
}
.valentine-festival .filters-content {
  background-color: #fff;
  padding: 2px;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-radius: 10px;
}
.valentine-festival .filters__button {
  width: 100%;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius: 0.5rem;
  background: #fff;
  color: #9d9d9d;
  padding: 5px;
}
.valentine-festival .filters__button:hover {
  background-color: #fff;
}
.valentine-festival .bg-aff-level {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(180deg, #f8849b, #f44b6f) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
.valentine-festival .bg-aff-level .nunber-friend {
  background: #ededed;
  border-radius: 10px;
  color: #f25e7c;
}
.valentine-festival .bg-aff-level .turn-other {
  background: #ededed;
  border-radius: 10px;
}
.valentine-festival .bg-aff-level .solid {
  border: 1px solid #f25e7d;
  height: 40px;
}
.valentine-festival .btn-aff-share {
  background-image: url(/_nuxt/img/btn-login.82f93d9.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 10px;
  color: #fff !important;
  border-color: #f25e7d !important;
  filter: drop-shadow(0 0 5px #f25e7d);
}
.valentine-festival .bg-table-aff {
  background-color: #fff !important;
  border: 0 solid #f25e7d !important;
}
.valentine-festival .tab-history-class {
  border-radius: 20px;
  color: #fff;
  border: 1px solid #f25e7d;
}
.valentine-festival .header-aff {
  border-radius: 20px 20px 0 0;
}
.valentine-festival .header-aff,
.valentine-festival .tab-item:last-child {
  background: linear-gradient(180deg, #f8849b, #f44b6f);
  border-bottom: 1px solid #f8849b;
  color: #fff;
}
.valentine-festival .tab-item:last-child {
  cursor: pointer;
  border-bottom-left-radius: 20px !important;
}
.valentine-festival .tab-item {
  cursor: pointer;
  border-bottom: 1px solid #f8849b;
  background: linear-gradient(180deg, #f8849b, #f44b6f);
  color: #fff;
}
.valentine-festival .body-content {
  color: #4f4a3e !important;
}
.valentine-festival .border-banner {
  border: 2px solid #f25e7c;
}
.valentine-festival .card-point {
  background: #ededed !important;
  filter: drop-shadow(0 0 0 #ededed) !important;
  color: #4f4a3e !important;
  border-radius: 10px;
}
.valentine-festival .bg-point {
  background: #f25e7d;
  border-radius: 20px;
  margin: 4px;
  color: #fff;
}
.valentine-festival .bg-search {
  background-color: #ededed !important;
  color: #4f4a3e !important;
}
.valentine-festival .bg-card-his {
  background: #202248 !important;
  color: #fff !important;
  filter: drop-shadow(0 0 0 #202248) !important;
}
.valentine-festival .Daily__item__box {
  position: relative;
  height: 75px;
  background: #fff;
  border-radius: 10px;
  border: 2px solid #bdbdbd;
}
.valentine-festival .Daily__item__box.active {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(180deg, #f8849b, #f44b6f) border-box;
  border-radius: 10px;
  border: 2px solid transparent;
}
.valentine-festival .Daily__item__box.active-today {
  background: linear-gradient(180deg, #f8849b, #f44b6f);
  border: none !important;
  color: #fff !important;
}
.valentine-festival .Daily__item__box .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 10px;
}
.valentine-festival .Daily__item__box .overlay-bg .deposit img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 85%;
  height: 30%;
}
.valentine-festival .Daily__item__box .overlay-bg .deposit span {
  z-index: 1;
}
.valentine-festival .text-daily {
  color: #4f4a3e;
}
.valentine-festival .bg-table-daily-fix {
  background: #f8849b !important;
  color: #fff !important;
}
.valentine-festival .bg-input-theme {
  background-color: #ededed !important;
  color: #f25e7d !important;
}
.valentine-festival .text-color-cs {
  color: #f25e7d !important;
}
.valentine-festival .text-spcial {
  background: linear-gradient(180deg, #f8849b, #f44b6f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.valentine-festival .bg-wheel-condition {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(109.63deg, #f8849b 3.68%, #f44b6f 47.76%, #f8849b 95.96%)
      border-box;
  border-radius: 10px;
  border: 5px solid transparent;
}
.valentine-festival .condition-header {
  background: linear-gradient(180deg, #f8849b, #f44b6f 100%, #f8849b 0);
  border-radius: 5px;
  color: #fff;
  width: 200px;
  height: auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -12px;
}
.valentine-festival .hd-withdraw {
  background: linear-gradient(180deg, #f8849b, #f44b6f);
  border-radius: 10px 10px 0 0;
  color: #fff;
  padding: 10px;
  font-size: 18px;
}
.valentine-festival .cover-withdraw {
  background: #fff;
  border-radius: 0 0 10px 10px;
}
.valentine-festival .card-withdraw {
  background: #ededed !important;
  color: #4f4a3e !important;
  border-radius: 5px;
}
.valentine-festival .bg-share-facebook {
  background-color: #fff !important;
}
.valentine-festival #modal-change-language .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 20px !important;
  outline: 0;
}
.valentine-festival .btn-change-language {
  background-color: #ffecec !important;
  border: 1px solid #f44b6f;
}
.valentine-festival .card-money-bank {
  position: relative;
  min-height: 175px;
  border-radius: 17px;
  background-image: url(/_nuxt/img/Card-copy-light.73ed8f4.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.valentine-festival .r-gold {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  padding: 10px;
  position: relative;
  left: 1.5px;
}
.valentine-festival .r-gold,
.valentine-festival .r-silver {
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  margin: auto;
  width: 100%;
}
.valentine-festival .r-silver {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
  padding: 7px;
}
.valentine-festival .r-copper {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  line-height: 2;
  width: 100%;
  padding: 7px;
  margin: auto auto auto 2px;
}
.valentine-festival .cycle-gold {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #bb995a, #fff7c4, #ac894c) border-box;
  margin-left: 5px;
}
.valentine-festival .cycle-gold,
.valentine-festival .cycle-silver {
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
}
.valentine-festival .cycle-silver {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #d9d9d9, #818181) border-box;
}
.valentine-festival .cycle-copper {
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #bf755a, #984325) border-box;
  border-radius: 60px;
  border: 3px solid transparent;
  position: absolute;
  padding: 10px;
  margin-top: 20px;
  z-index: 1;
  margin-left: 5px;
}
.valentine-festival .card-points {
  background: linear-gradient(#282a57, #282a57) padding-box;
  border-radius: 10px;
  border: 3px solid transparent;
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(var(--move, -10%));
  }
  to {
    transform: translateY(0);
  }
}
.valentine-festival input::placeholder {
  color: #9d9d9d;
}
.valentine-festival #modalTerms .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.valentine-festival .progress-bar {
  background: linear-gradient(180deg, #f8849b, #f44b6f) !important;
}
.valentine-festival .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #ededed;
  border-radius: 30rem !important;
}
.valentine-festival .border-left {
  border-left: 3px solid #f44b6f !important;
}
.valentine-festival .border-solid {
  border: 1px solid #f44b6f;
}
.valentine-festival .active-bg {
  background: linear-gradient(180deg, #ff9473, #ff6786) !important;
  color: #fff !important;
}
.valentine-festival .tab-box {
  background-color: #fff;
  color: #9d9d9d;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
}
.valentine-festival .btn-theme-seemore {
  background: #f25e7c;
  border-radius: 10px;
  color: #fff;
  border-color: #f25e7c;
}
.valentine-festival .hexagon {
  position: relative;
  width: 55px;
  height: 28.7px;
  margin: 35.15px 0;
  border-left: 3.1421px solid #f25e7c;
  border-right: 3.1421px solid #f25e7c;
}
.valentine-festival .hexagon:after,
.valentine-festival .hexagon:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 38.35px;
  height: 38.35px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 5.8249px;
}
.valentine-festival .hexagon:before {
  top: -19.1751px;
  border-top: 3.1421px solid #f25e7c;
  border-right: 3.1421px solid #f25e7c;
}
.valentine-festival .hexagon:after {
  bottom: -19.1751px;
  border-bottom: 3.1421px solid #f25e7c;
  border-left: 3.1421px solid #f25e7c;
}
.valentine-festival *,
.valentine-festival :after,
.valentine-festival :before {
  box-sizing: border-box;
}
.valentine-festival .bg-in-aff {
  background: #ededed;
  border-radius: 5px;
  color: #4f4a3e;
  padding: 5px;
}
.valentine-festival .vue-pincode-input {
  background: #ededed !important;
}
.valentine-festival .boder-color {
  border-color: #ededed !important;
}
.valentine-festival .bg-month {
  background: #ededed;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #7d7d7d;
}
.valentine-festival .bg-month-active {
  background: linear-gradient(#ededed, #ededed) padding-box,
    linear-gradient(180deg, #f8849b, #f44b6f) border-box;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  color: #f25e7d;
  border: 1px solid transparent;
}
.valentine-festival .icon-aff {
  color: #363636 !important;
}
.valentine-festival .border-bottom-aff {
  border-bottom: 1px solid #f44b6f;
}
.valentine-festival .card-nodata {
  background: #ededed;
  color: #4f4a3e;
  padding: 80px;
  border-radius: 10px;
}
.purpleorchid.valentine-festival .fillter-icon {
  filter: invert(69%) sepia(35%) saturate(502%) hue-rotate(1deg)
    brightness(100%) contrast(104%) !important;
  width: 30px;
}
.purpleorchid.valentine-festival .fillter-icon-active {
  filter: invert(0) sepia(46%) saturate(632%) hue-rotate(0deg) brightness(71%)
    contrast(74%) !important;
  width: 30px;
}
.blueroyal.valentine-festival .fillter-icon {
  filter: invert(69%) sepia(35%) saturate(502%) hue-rotate(1deg)
    brightness(100%) contrast(104%) !important;
  width: 30px;
}
.blueroyal.valentine-festival .fillter-icon-active {
  filter: invert(0) sepia(46%) saturate(632%) hue-rotate(0deg) brightness(71%)
    contrast(74%) !important;
  width: 30px;
}
.pearlpeach.valentine-festival .fillter-icon {
  filter: invert(69%) sepia(35%) saturate(502%) hue-rotate(1deg)
    brightness(100%) contrast(104%) !important;
  width: 30px;
}
.pearlpeach.valentine-festival .fillter-icon-active {
  filter: invert(0) sepia(46%) saturate(632%) hue-rotate(0deg) brightness(71%)
    contrast(74%) !important;
  width: 30px;
}
.arcticblue.valentine-festival .fillter-icon {
  filter: invert(69%) sepia(35%) saturate(502%) hue-rotate(1deg)
    brightness(100%) contrast(104%) !important;
  width: 30px;
}
.arcticblue.valentine-festival .fillter-icon-active {
  filter: invert(0) sepia(46%) saturate(632%) hue-rotate(0deg) brightness(71%)
    contrast(74%) !important;
  width: 30px;
}
.songkran-festival .song-block {
  display: block;
  position: absolute;
}
@media only screen and (min-width: 601px) {
  .songkran-festival .show-footer-song {
    display: block !important;
    width: 100%;
    position: absolute;
    top: -24vh;
    pointer-events: none;
  }
}
@media only screen and (max-width: 600px) {
  .songkran-festival .show-footer-song {
    display: block !important;
    width: 100%;
    position: absolute;
    top: -10vh;
    pointer-events: none;
  }
}
.lobby-valentine-festival .show-footer {
  position: absolute;
  top: -46px;
  display: block;
}
.lobby-songkran-festival .song-block {
  display: block;
  position: absolute;
}
@media only screen and (min-width: 601px) {
  .lobby-songkran-festival .show-footer-song {
    display: block !important;
    width: 100%;
    position: absolute;
    top: -24vh;
    pointer-events: none;
  }
}
@media only screen and (max-width: 600px) {
  .lobby-songkran-festival .show-footer-song {
    display: block !important;
    width: 100%;
    position: absolute;
    top: -9.8vh;
    pointer-events: none;
  }
}
.under-line {
  text-decoration: underline;
}
.cursor-pointer {
  cursor: pointer;
}
.fs-10 {
  font-size: 10px;
}
.fs-12 {
  font-size: 12px;
}
.fs-13 {
  font-size: 13px;
}
.fs-18 {
  font-size: 18px;
}
.fs-14 {
  font-size: 14px !important;
}
.fs-16 {
  font-size: 16px;
}
.fs-20 {
  font-size: 20px;
}
.fs-24 {
  font-size: 24px;
}
.fs-28 {
  font-size: 28px;
}
.fs-32 {
  font-size: 32px;
}
.fs-33 {
  font-size: 33px;
}
.fs-34 {
  font-size: 34px;
}
.fs-35 {
  font-size: 35px;
}
.fs-40 {
  font-size: 40px;
}
.fs-45 {
  font-size: 45px;
}
.fs-50 {
  font-size: 50px;
}
.fs-60 {
  font-size: 60px;
}
.fs-65 {
  font-size: 65px;
}
.fs-70 {
  font-size: 70px;
}
.fs-100 {
  font-size: 100px;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.font-weight-100 {
  font-weight: 100;
}
.font-weight-200 {
  font-weight: 200;
}
.font-weight-400 {
  font-weight: 400;
}
.font-weight-500 {
  font-weight: 500;
}
.font-weight-600 {
  font-weight: 600 !important;
}
.font-bold {
  font-weight: 700;
}
.radius-10 {
  border-radius: 10px;
}
.vue-pincode-input-wrapper {
  display: flex !important;
  justify-content: center;
}
.vue-pincode-input {
  max-width: none !important;
  outline: 0 !important;
  margin: 6px !important;
  padding: 5px !important;
  width: 50px !important;
  height: 50px !important;
  text-align: center !important;
  font-size: 1.5rem !important;
  border: none !important;
  border-radius: 100px !important;
  box-shadow: 0 0.3rem 8rem rgba(0, 0, 0, 0.1) !important;
  background: #f4f4f4;
}
.border-10 {
  border-radius: 10px !important;
}
.border-5 {
  border-radius: 5px !important;
}
.border-20 {
  border-radius: 20px !important;
}
.custom-checkbox .custom-control-label:before {
  border-radius: 1.25rem !important;
}
body {
  font-family: Sarabun;
}
.img-banner {
  border-radius: 15px;
}
.white-space {
  white-space: nowrap;
}
.bg-body-promotion {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.max-width-default {
  max-width: 500px;
}
.max-height-default {
  height: 1000px;
}
.mb-80 {
  margin-bottom: 80px;
}
.margin-bottom-page {
  margin-bottom: 150px;
}
.color-icon {
  filter: invert(0);
}
.color-icon-5 {
  filter: invert(1);
}
.text-u {
  color: #659cc3;
}
.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0.5rem 1rem !important;
}
pre {
  background: #fff;
}
.toggle-off-color {
  color: #bdbdbd;
}
.hidden-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.text-dark-box {
  color: #2e2e2e;
}
.breadcrumb {
  margin-bottom: 0 !important;
}
.btn-line {
  background: linear-gradient(180deg, #00d814, #00aa10);
  border-radius: 10px !important;
  color: #fff !important;
  border-color: #02c114 !important;
}
.bg-body {
  border-radius: 0 0 10px 10px !important;
  border-bottom-left-radius: calc(1rem - 1px) !important;
  border-bottom-right-radius: calc(1rem - 1px) !important;
}
.small,
small {
  font-size: 80% !important;
  font-weight: 400 !important;
}
.text-color-cs {
  color: #2e2e2e;
}
.swal2-popup {
  max-width: 98% !important;
}
.multiselect__placeholder {
  font-size: 1rem;
}
.underline {
  text-decoration-line: underline;
}
.text-theme-footer {
  color: hsla(0, 0%, 74.1%, 0.95);
}
.pyro > .after,
.pyro > .before {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  box-shadow: -120px -218.66667px #00f, 248px -16.66667px #00ff84,
    190px 16.33333px #002bff, -113px -308.66667px #ff009d,
    -109px -287.66667px #ffb300, -50px -313.66667px #ff006e,
    226px -31.66667px #ff4000, 180px -351.66667px #ff00d0,
    -12px -338.66667px #00f6ff, 220px -388.66667px #9f0,
    -69px -27.66667px #ff0400, -111px -339.66667px #6200ff,
    155px -237.66667px #0df, -152px -380.66667px #00ffd0, -50px -37.66667px #0fd,
    -95px -175.66667px #a6ff00, -88px 10.33333px #0d00ff,
    112px -309.66667px #005eff, 69px -415.66667px #ff00a6,
    168px -100.66667px #ff004c, -244px 24.33333px #f60, 97px -325.66667px #f06,
    -211px -182.66667px #00ffa2, 236px -126.66667px #b700ff,
    140px -196.66667px #9000ff, 125px -175.66667px #0bf,
    118px -381.66667px #ff002f, 144px -111.66667px #ffae00,
    36px -78.66667px #f600ff, -63px -196.66667px #c800ff,
    -218px -227.66667px #d4ff00, -134px -377.66667px #ea00ff,
    -36px -412.66667px #ff00d4, 209px -106.66667px #00fff2,
    91px -278.66667px #000dff, -22px -191.66667px #9dff00,
    139px -392.66667px #a6ff00, 56px -2.66667px #09f,
    -156px -276.66667px #ea00ff, -163px -233.66667px #00fffb,
    -238px -346.66667px #00ff73, 62px -363.66667px #08f,
    244px -170.66667px #0062ff, 224px -142.66667px #b300ff,
    141px -208.66667px #9000ff, 211px -285.66667px #f60,
    181px -128.66667px #1e00ff, 90px -123.66667px #c800ff,
    189px 70.33333px #00ffc8, -18px -383.66667px #0f3, 100px -6.66667px #ff008c;
  -moz-animation: 1s bang ease-out infinite backwards,
    1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -webkit-animation: bang 1s ease-out infinite backwards,
    gravity 1s ease-in infinite backwards, position 5s linear infinite backwards;
  -o-animation: 1s bang ease-out infinite backwards,
    1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -ms-animation: 1s bang ease-out infinite backwards,
    1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  animation: bang 1s ease-out infinite backwards,
    gravity 1s ease-in infinite backwards, position 5s linear infinite backwards;
}
.pyro > .after {
  -moz-animation-delay: 1.25s, 1.25s, 1.25s;
  -webkit-animation-delay: 1.25s, 1.25s, 1.25s;
  -o-animation-delay: 1.25s, 1.25s, 1.25s;
  -ms-animation-delay: 1.25s, 1.25s, 1.25s;
  animation-delay: 1.25s, 1.25s, 1.25s;
  -moz-animation-duration: 1.25s, 1.25s, 6.25s;
  -webkit-animation-duration: 1.25s, 1.25s, 6.25s;
  -o-animation-duration: 1.25s, 1.25s, 6.25s;
  -ms-animation-duration: 1.25s, 1.25s, 6.25s;
  animation-duration: 1.25s, 1.25s, 6.25s;
}
@-webkit-keyframes bang {
  0% {
    box-shadow: 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
      0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
      0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
      0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
      0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
      0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
      0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
      0 0 #fff, 0 0 #fff, 0 0 #fff;
  }
}
@-moz-keyframes bang {
  0% {
    box-shadow: 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
      0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
      0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
      0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
      0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
      0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
      0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
      0 0 #fff, 0 0 #fff, 0 0 #fff;
  }
}
@-o-keyframes bang {
  0% {
    box-shadow: 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
      0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
      0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
      0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
      0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
      0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
      0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
      0 0 #fff, 0 0 #fff, 0 0 #fff;
  }
}
@-ms-keyframes bang {
  0% {
    box-shadow: 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
      0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
      0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
      0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
      0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
      0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
      0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
      0 0 #fff, 0 0 #fff, 0 0 #fff;
  }
}
@keyframes bang {
  0% {
    box-shadow: 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
      0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
      0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
      0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
      0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
      0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
      0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
      0 0 #fff, 0 0 #fff, 0 0 #fff;
  }
}
@-webkit-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@-moz-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@-o-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@-ms-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@-webkit-keyframes position {
  0%,
  19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%,
  39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%,
  59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%,
  79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%,
  99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
@-moz-keyframes position {
  0%,
  19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%,
  39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%,
  59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%,
  79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%,
  99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
@-o-keyframes position {
  0%,
  19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%,
  39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%,
  59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%,
  79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%,
  99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
@-ms-keyframes position {
  0%,
  19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%,
  39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%,
  59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%,
  79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%,
  99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
@keyframes position {
  0%,
  19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%,
  39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%,
  59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%,
  79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%,
  99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
} /*!* Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license (Commercial License)
* Copyright 2022 Fonticons, Inc.*/

@-webkit-keyframes fa-beat {
  0%,
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  45% {
    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}
@keyframes fa-beat {
  0%,
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  45% {
    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}
@-webkit-keyframes fa-bounce {
  0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
  10% {
    -webkit-transform: scale(
        var(--fa-bounce-start-scale-x, 1.1),
        var(--fa-bounce-start-scale-y, 0.9)
      )
      translateY(0);
    transform: scale(
        var(--fa-bounce-start-scale-x, 1.1),
        var(--fa-bounce-start-scale-y, 0.9)
      )
      translateY(0);
  }
  30% {
    -webkit-transform: scale(
        var(--fa-bounce-jump-scale-x, 0.9),
        var(--fa-bounce-jump-scale-y, 1.1)
      )
      translateY(var(--fa-bounce-height, -0.5em));
    transform: scale(
        var(--fa-bounce-jump-scale-x, 0.9),
        var(--fa-bounce-jump-scale-y, 1.1)
      )
      translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    -webkit-transform: scale(
        var(--fa-bounce-land-scale-x, 1.05),
        var(--fa-bounce-land-scale-y, 0.95)
      )
      translateY(0);
    transform: scale(
        var(--fa-bounce-land-scale-x, 1.05),
        var(--fa-bounce-land-scale-y, 0.95)
      )
      translateY(0);
  }
  57% {
    -webkit-transform: scale(1) translateY(var(--fa-bounce-rebound, -0.125em));
    transform: scale(1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
  to {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
}
@keyframes fa-bounce {
  0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
  10% {
    -webkit-transform: scale(
        var(--fa-bounce-start-scale-x, 1.1),
        var(--fa-bounce-start-scale-y, 0.9)
      )
      translateY(0);
    transform: scale(
        var(--fa-bounce-start-scale-x, 1.1),
        var(--fa-bounce-start-scale-y, 0.9)
      )
      translateY(0);
  }
  30% {
    -webkit-transform: scale(
        var(--fa-bounce-jump-scale-x, 0.9),
        var(--fa-bounce-jump-scale-y, 1.1)
      )
      translateY(var(--fa-bounce-height, -0.5em));
    transform: scale(
        var(--fa-bounce-jump-scale-x, 0.9),
        var(--fa-bounce-jump-scale-y, 1.1)
      )
      translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    -webkit-transform: scale(
        var(--fa-bounce-land-scale-x, 1.05),
        var(--fa-bounce-land-scale-y, 0.95)
      )
      translateY(0);
    transform: scale(
        var(--fa-bounce-land-scale-x, 1.05),
        var(--fa-bounce-land-scale-y, 0.95)
      )
      translateY(0);
  }
  57% {
    -webkit-transform: scale(1) translateY(var(--fa-bounce-rebound, -0.125em));
    transform: scale(1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
  to {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
}
@-webkit-keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}
@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}
@-webkit-keyframes fa-beat-fade {
  0%,
  to {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
    transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}
@keyframes fa-beat-fade {
  0%,
  to {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
    transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}
@-webkit-keyframes fa-flip {
  50% {
    -webkit-transform: rotate3d(
      var(--fa-flip-x, 0),
      var(--fa-flip-y, 1),
      var(--fa-flip-z, 0),
      var(--fa-flip-angle, -180deg)
    );
    transform: rotate3d(
      var(--fa-flip-x, 0),
      var(--fa-flip-y, 1),
      var(--fa-flip-z, 0),
      var(--fa-flip-angle, -180deg)
    );
  }
}
@keyframes fa-flip {
  50% {
    -webkit-transform: rotate3d(
      var(--fa-flip-x, 0),
      var(--fa-flip-y, 1),
      var(--fa-flip-z, 0),
      var(--fa-flip-angle, -180deg)
    );
    transform: rotate3d(
      var(--fa-flip-x, 0),
      var(--fa-flip-y, 1),
      var(--fa-flip-z, 0),
      var(--fa-flip-angle, -180deg)
    );
  }
}
@-webkit-keyframes fa-shake {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  4% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  8%,
  24% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }
  12%,
  28% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }
  16% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }
  20% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
  }
  32% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }
  36% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
  }
  40%,
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes fa-shake {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  4% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  8%,
  24% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }
  12%,
  28% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }
  16% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }
  20% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
  }
  32% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }
  36% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
  }
  40%,
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
:host,
:root {
  --fa-font-light: normal 300 1em/1 "Font Awesome 6 Pro";
}
.header-logo {
  height: auto;
  max-height: 80px;
  max-width: 262px;
  margin: 0 auto;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
}
.v-marquee[data-v-fcabecae] {
  white-space: nowrap;
  overflow: hidden;
}
.v-marquee > div[data-v-fcabecae] {
  display: inline-block;
  animation: marquee linear infinite;
}
.v-marquee .pause[data-v-fcabecae] {
  animation-play-state: paused;
}
.v-marquee .running[data-v-fcabecae] {
  animation-play-state: running;
}
.w-33[data-v-118a88b6] {
  width: 33%;
}
.align-middle-1[data-v-118a88b6] {
  vertical-align: middle !important;
}
.show-footer-song[data-v-3abc83c9] {
  display: none;
}
.mt-15[data-v-3abc83c9] {
  margin-top: 15px;
}
.op[data-v-3abc83c9] {
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
}
.t-2[data-v-3abc83c9] {
  margin-top: 2rem !important;
}
.ml-8[data-v-3abc83c9] {
  margin-left: -8px;
}
.left-icon[data-v-3abc83c9] {
  margin-left: -17px;
}
.text-down {
  color: #7d7d7d;
}
.modal-content {
  border: none !important;
}
.sidebar-active[data-v-3704b24f] {
  background-color: hsla(0, 0%, 100%, 0.15);
  border-radius: 20px;
}
a[data-v-3704b24f]:hover {
  color: #0056b3;
  text-decoration: none;
}
.bg-overlay[data-v-3704b24f] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
  display: none;
  background: rgba(0, 0, 0, 0.7000000000000001);
}
.not-collapsed[data-v-3704b24f] {
  display: flex !important;
}
.ml-20 {
  margin-left: 6rem;
}
.box-language {
  position: relative;
}
.lang-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.inactive {
  opacity: 0.5;
}
.close-fifa[data-v-37627aa7] {
  position: fixed;
  right: 2%;
  bottom: 36%;
}
@media (max-width: 479px) {
  .close-fifa[data-v-37627aa7] {
    right: 3%;
    bottom: 34%;
  }
}
@media (max-width: 320px) {
  .close-fifa[data-v-37627aa7] {
    bottom: 35%;
    right: 1%;
  }
}
.sticky-text[data-v-37627aa7] {
  background: linear-gradient(91.83deg, #793545 -5.81%, #43031a 106.59%);
  border: 1px solid #590e25;
  border-radius: 100px;
  position: fixed;
  width: 80px;
  right: 1.6%;
  box-shadow: 0 0 4px 2px hsla(0, 0%, 100%, 0.2);
}
@media (max-width: 479px) {
  .sticky-text[data-v-37627aa7] {
    width: 77px;
    bottom: 26%;
    right: 1%;
  }
}
@media (max-width: 320px) {
  .sticky-text[data-v-37627aa7] {
    width: 77px;
    bottom: 26%;
    right: 1%;
  }
}
.sticky-social[data-v-37627aa7] {
  position: fixed;
  bottom: 29%;
  right: 2%;
  z-index: 20;
  background-size: 100% 100%;
  flex-direction: column;
  width: 75px;
  padding: 10px 5px 10px 10px;
}
@media (max-width: 479px) {
  .sticky-social[data-v-37627aa7] {
    bottom: 27%;
    width: 64px;
    padding: 5px 2px;
  }
}
@media (max-width: 320px) {
  .sticky-social[data-v-37627aa7] {
    bottom: 29%;
    width: 55px;
    padding: 5px 2px;
  }
}
@media (max-width: 479px) {
  .social-sticky[data-v-37627aa7] {
    width: 45px;
    height: 45px;
  }
}
.icon-bank {
  width: 31px;
  padding: 3px;
  line-height: 15px;
  text-align: center;
  vertical-align: middle;
  border-radius: 20px;
}
.multiselect__tags {
  border-radius: 10px !important;
}
.centent-promote[data-v-2d40d27a] {
  position: relative;
  max-width: 500px;
  max-height: 500px;
}
@media (max-width: 768px) {
  .centent-promote[data-v-2d40d27a] {
    max-width: 480px;
    max-height: 480px;
  }
}
@media (max-width: 479px) {
  .centent-promote[data-v-2d40d27a] {
    max-width: 340px;
    max-height: 340px;
  }
}
@media (max-width: 320px) {
  .centent-promote[data-v-2d40d27a] {
    max-width: 240px;
    max-height: 440px;
  }
}
.centent-promote .popup-promote-close[data-v-2d40d27a] {
  position: absolute;
  display: flex;
  top: -15px;
  right: -15px;
  z-index: 99;
  width: 38px;
  background-color: red;
  border-radius: 50%;
  padding: 10px;
  transition: all 0.3s;
}
.centent-promote .popup-promote-close[data-v-2d40d27a]:hover {
  transform: scale(1.1);
}
.centent-promote .popup-promote-close img[data-v-2d40d27a] {
  cursor: pointer;
  width: 100%;
  z-index: 100;
}
@media screen and (max-width: 480px) {
  .centent-promote .popup-promote-close[data-v-2d40d27a] {
    width: 30px;
    padding: 9px;
  }
}
img[data-v-2d40d27a] {
  width: 100%;
}
.swiper-arrow[data-v-2d40d27a] {
  position: relative;
  margin-top: 3%;
}
.swiper-button-next[data-v-2d40d27a],
.swiper-button-prev[data-v-2d40d27a] {
  position: relative;
  left: auto;
  right: auto;
  margin-top: -0.5%;
}
#modal-promote .modal-content {
  background: rgba(var(--RGB_black-color), 0.5) !important;
}
#modal-promote .modal-xl {
  max-width: none !important;
  height: 100%;
  margin: auto !important;
}
#modal-promote .modal-xl .modal-content {
  width: 100% !important;
  height: 100%;
  border-radius: 0 !important;
}
#modal-promote .modal-body,
#modal-promote .swiper-promote-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}
#modal-promote .swiper-promote-pagination {
  position: relative;
}
#modal-promote .swiper-promote-pagination .swiper-pagination-bullet {
  margin-right: 10px !important;
  opacity: 1;
  background-color: var(--white-color);
}
#modal-promote .swiper-promote-pagination .swiper-pagination-bullet-active {
  width: 12px;
  height: 12px;
  background: #f4bf01;
  opacity: 1;
}
#button-target {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 10px;
}
.song-block {
  display: none;
  position: absolute;
}