:root {
  --primary-1: #efce7f;
  --primary-2: #daa520;
  --secondary-1: #daa520;
  --secondary-2: #efce7f;
  --primary: linear-gradient(
    273.5deg,
    var(--primary-1) 7.12%,
    var(--primary-2) 100%
  );
  --secondary: linear-gradient(
    90deg,
    var(--secondary-1) 0%,
    var(--secondary-2) 100%
  );
  --text-secondary: #daa520;
  --form-border: rgb(50, 39, 37);
  --form-background: #f0e0c9;
  --form-background-light: #fce1be;
  --out-line-primary: #e8d197;
  --out-line-background-primary: #e8d197;
  --out-line-background-primary-2: var(--form-background);
  --border-primary: #000000;
  --text: #7b6031;
  --text-secondary-2: #7b6031;
  --text-primary: #7b6031;
  --text-primary-2: #daa520;
  --line: #e8d197;
  --member-level-card-bg: linear-gradient(
    107deg,
    #ffe39e 30.24%,
    #ffedc1 49.95%,
    #ffe298 100.29%
  );
  --member-level-card-detail-bg: linear-gradient(
    107deg,
    #ffe39e 30.24%,
    #ffedc1 49.95%,
    #ffe298 100.29%
  );
  --outline-text-color: #7b6031;
  --grey-outline: #e8d197;
  --text-section: #7b6031;

  --background-primary-color-1: #f0e0c9;
  --background-primary-color-2: #f0e0c9;
  --background-primary-color-3: #f0e0c9;
  --background-primary-color-4: #f0e0c9;
  --background-primary-color-5: #f0e0c9;

  --background-primary: linear-gradient(
    180deg,
    #f0e0c9 0%,
    #f0e0c9 18.75%,
    #f9e49b 35.94%,
    #f9e49b 61.54%,
    #daa520 100%
  );

  --background-navigation: linear-gradient(5deg, #f9e4cc 4.14%, #f8e4cb 95.84%);
  --box-border: #daa520;
  --box-page-1: #fbefe1;
  --box-page-2: #fffdf9;
  --box-page-background: var(--box-page-1);
  --background-linear-end: #e8d197;
  --primary-50: #f9f5ff;
  --text-navigation: #7b6031;
  --menu-text: #7b6031;
  --light-purple: #7b6031;
  --menu-item-background: var(--form-background);
  --disabled-button-primary: #daa520;
  --promotion-game-category-text: var(--text-secondary-2);
  --promotion-game-category-active: #7b6031;
  --menu-item-background-hover: linear-gradient(
    0deg,
    #836d2d 9.27%,
    rgba(131, 109, 45, 0) 32.35%
  );
  --out-line-light-purple: #daa520;
  --out-line-background-light-purple: #0a2031;
  --box-gray-purple: #f0e0c9;
  --pink-red: #fe4e4e;
  --wallet-label: #daa520;
  --active-nav: #daa520;
  --highlight-text: #daa520;
  --inactive-nav: #7b6031;
  --highlight-text-bottom: #daa520;
  --inactive-nav-bottom: #7b6031;
  --setting-menu: #7b6031;
  --setting-menu-hover: #daa520;
  --item-game-background: linear-gradient(
    0deg,
    #836d2d 9.27%,
    rgba(131, 109, 45, 0) 32.35%
  );
  --nav-play-game: linear-gradient(270deg, #efce7f 7.12%, #daa520 100%);
  --shadow-nav-play-game: #f0e0c9;
  --swal2-background: #f0d9b8;
  --bg-html: #daa520;
  --bg-jackpot-1: #f0e0c9;

  --bg-jackpot-box: rgba(255, 255, 255, 0.4);
  --bg-jackpot-winner-card: rgba(255, 255, 255, 0.2);

  --jackpot-text: var(--text);

  --bg-footer-profile-wallet: linear-gradient(
    270deg,
    #ffe9b2 0.79%,
    #eac66d 33.19%,
    #f6d788 66.54%,
    #daa520 99.89%
  );

  --text-referal-profile: #7b6031;
  --bg-member-level-icon-hexagon: var(--form-background);
  --wrapper-shrunk-bg: #f0e0c9;
  --tourtooltip-bg: var(--wrapper-shrunk-bg);
  --widget-bg: #f0d9b8;
  --widget-icon-inactive: var(--text-primary);
  --freespin-filter-text: var(--text-primary);
  --freespin-filter-highlight: #daa520;
  --withdraw-amount: var(--text-primary);
  --footer-policy-link: var(--text-section);
  --coupon-read-more: var(--text-secondary-2);
  --quest-complete-bg: var(--form-background);
  --text-danger: #daa520;
  --text-amount-latest-withdraw: #daa520;
  --text-coupon-history: #daa520;
  --mission-complete-text: var(--out-line-light-purple);
  --payment-time: #ffc107;
  --mission-complete-text: #7b6031;
  --bg-icon-member-lv: linear-gradient(270deg, #efce7f 7.12%, #daa520 100%);
  --game-name-text: #daa520;
  --reset-password-header: #7b6031;
  --label-bank-slip: #7b6031;
  --deposit-bg-remark: #f0e0c9;
  --copy-btn-bg: #7b6031;
  --checkbox-border-check: #e0b762;
  --checkbox-border: #7b6031;
  --text-fourth: #fff;
  --active-nav-2: #7b6031;
  --theme-coupondark: white;
  --annoucement-top-bg: linear-gradient(270deg, #daa520 7.12%, #bc8806 100%);
  --widget: #daa520;
  --widget-bg-linear: linear-gradient(
    to right,
    var(--primary-2),
    var(--primary-1)
  );
  --jackpot-text-active: #7b6031;
  --text-success: #03c758;
  --form-background-header: #f0e0c9;
  --text-third: #7b6031;
  --icon-arrow-back: #fff;
  --swal-footer-line: #e8d197;
  --icon-filter-line: #7b6031;
  --icon-game-button: #7b6031;
  --text-icon-close-btn: #7b6031;
  --text-icon-deposit: #7b6031;
  --row-highlight: #00000026;
  --otp-verify-text: var(--text);
  --otp-description-text: var(--text);
  --coupon-form-select: #7b6031;
  --reset-password-header: #7b6031;
  --bg-member-level-progress: #7b6031;
  --bg-badge-label: var(--form-background);
  --text-bg-badge-label: var(--menu-text);
  --bg-btn-play: #e0b762;
  --description-deposit-text: #7b6031;
  --text-lotto-date: #7b6031;
  --jackpot-term-n-condition: #7b6031;
  --btn-primary-text-color: #7b6031;
  --grid-point-table: #e8d197;
  --text-default-white: var(--text);
  --select-option-disabled: #7b6031;
  --text-point-color: #fff;
  --icon-btn-statistic: var(--text);
  --menu-item-icon: var(--active-nav);
  --menu-item-text: var(--inactive-nav);
  --menu-item-text-hover: var(--active-nav);
  --jackpot-winner-tier: var(--active-nav);
  --wallet-amount: var(--wallet-label);
  --balance-amount: var(--text-primary);
  --jackpot-optin-amount: var(--text);
  --jackpot-btn-join: rgba(0, 0, 0, 0.3);
  --game-text-tab: var(--text);
  --game-text-tag: var(--text-third);
  --game-icon-sort-by: var(--icon-filter-line);
  --swiper-pagination-bullet: rgba(0, 0, 0, 0.2);
  --profile-menu-background-hover: var(--menu-item-background);
  --profile-menu-text: var(--menu-text);
  --setting-menu-icon-hover: var(--setting-menu-hover);
  --member-level-rank-text: var(--text);
  --member-level-desc-text: var(--light-purple);
  --member-level-benefit-text: var(--text);
  --referral-overview-value: var(--text);
  --referral-report-text: var(--text-third);
  --coupon-code-bg: transparent;
  --rolling-subheader: var(--text-primary);
  --rolling-amount: var(--text);
  --nav-link-active: var(--text);
  --table-item-text: var(--text);
  --nav-link-text: var(--text-secondary-2);
  --promotion-time: var(--text-secondary-2);
  --form-control-placeholder: var(--text-secondary-2);
  --drop-file-text: var(--text);
  --quest-dropd-down-item: var(--light-purple);
  --quest-icon-sort-provider: var(--text);
  --menu-item-icon-active: var(--active-nav);
  --annoucement-top-text: var(--text-secondary);
  --redeem-reward-point-text: var(--text);
  --exchange-money-point: var(--inactive-nav);
  --exchange-money-point-header: var(--inactive-nav-bottom);
  --reward-free-spins-text: var(--menu-text);
  --reward-free-spins-highlight: var(--text);
  --reward-free-spins-clear-text: var(--light-purple);
  --profile-copy-stroke: var(--light-purple);
  --deposit-amount-active: var(--text-primary);
  --copy-btn-text: var(--text-secondary);
  --copy-btn-color: var(--text-primary);
  --play-game-btn-text: var(--text);
  --play-game-btn-demo-text: var(--text-secondary);
  --game-category-text: var(--text-third);
  --jackpot-card-wrapper-short: var(--form-background);
  --game-nav-bg: var(--form-background);
  --icon-close-btn: var(--text-secondary);
  --table-border-line: rgba(255, 255, 255, 0.226);
  --table-pagiantion-active: var(--text);
  --profile-header-text: #fff;
  --dropdown-item-text: var(--text);
  --calendar-icon: var(--text-third);
  --overview-text: var(--text);
  --otp-text: var(--text-primary);
  --drop-file-brightness: brightness(0.5);
  --set-default-radio-btn: var(--menu-text);
  --account-desc-text: var(--menu-text);
  --account-type-text: var(--light-purple);
  --set-default-text: var(--highlight-text-bottom);
  /* add color here */
  --exchange-money-card-border-top: rgba(255, 255, 255, 0);
  --exchange-money-card-border-bottom: rgba(255, 255, 255, 0.24);
}

.name {
  color: #7b6031 !important;
}

hr {
  color: #e8d197 !important;
}
.btn-submit,
.btn-primary {
  text-shadow: none !important;
}

.number-copy,
.marquee-wrapper .marquee-text a,
.marquee-wrapper .marquee-text {
  color: #fff !important;
}
.number-copy svg path {
  fill: #ffffff !important;
}

.deposit-warning-text {
  background-color: #fbefe1 !important;
}
.btn-primary {
  text-shadow: none !important;
}

.form-select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%237b6031' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.qr-wrapper {
  background-color: transparent !important;
}

.label-text {
  color: var(--text) !important;
}

.header-filter {
  .dropdown-item {
    color: var(--text-secondary-2) !important;
  }
  .dropdown-item:hover,
  .dropdown-item.active {
    color: var(--text) !important;
  }
}

.compact-lobby-page {
  .primary-tab:not(.primary-tab-active) {
    color: var(--text-primary) !important;

    svg path {
      fill: var(--text-primary) !important;
      color: var(--text-primary) !important;
    }
  }
}

.form-control.search-custom.search-game-input {
  color: var(--text-primary) !important;
}
.searh-game-play-quest
  .form-control.search-custom.search-game-input::placeholder {
  color: var(--text-primary) !important;
  opacity: 1 !important;
}

.container-game-tag {
  ul {
    li {
      .game-tag:not(.game-tag-active) {
        color: var(--text-primary) !important;
      }
    }
  }
}

#appbar .right .memo svg path {
  fill: #ffffff !important;
}

table thead tr th,
table tbody tr td {
  border-color: #e8d197 !important;
}
.table-bordered,
.table > :not(:first-child) {
  border-color: #e8d197 !important;
}