:root {
  --primary-1: #fb8c28;
  --primary-2: #fb5638;
  --secondary-1: #fb8c28;
  --secondary-2: #fb5638;
  --primary: linear-gradient(270deg, #fb8c28 7.12%, #fb5638 100%);
  --secondary: linear-gradient(
    90deg,
    var(--secondary-1) 0%,
    var(--secondary-2) 100%
  );
  --text-primary: #2b1603;
  --text-secondary: #2b1603;
  --form-border: rgb(45, 37, 50);
  --form-background: #e4e4e4;
  --form-background-light: #fb8c28;
  --out-line-primary: #fb8c28;
  --out-line-background-primary: #2b1603;
  --border-primary: #fb5638;
  --text: #272727;
  --text-secondary: #2b1603;
  --text-secondary-2: var(--light-purple);
  --text-primary: #2b1603;
  --text-primary-2: var(--highlight-text);
  --out-line-background-primary-2: var(--out-line-background-primary);
  --line: #a2a9b0;
  --member-level-card-bg: linear-gradient(
    107deg,
    #a8adb1 16.45%,
    rgba(223, 226, 230, 0.8) 39.96%,
    #a8adb1 100.29%
  );
  --member-level-card-detail-bg: linear-gradient(
    107deg,
    #a8adb1 16.45%,
    rgba(223, 226, 230, 0.8) 39.96%,
    #a8adb1 100.29%
  );

  --outline-text-color: #272727;
  --grey-outline: var(--light-purple);
  --disabled-button-primary: var(--light-purple);
  --text-section: var(--light-purple);

  --background-primary-color-1: #b6bbc0;
  --background-primary-color-2: #e2e5e9;
  --background-primary-color-3: #d9dde1;
  --background-primary-color-4: #bfc4c9;
  --background-primary-color-5: #a5aeb8;

  --background-primary: linear-gradient(
    180deg,
    #b6bbc0 0%,
    #e2e5e9 18.75%,
    #d9dde1 35.94%,
    #bfc4c9 68.75%,
    #a5aeb8 100%
  );
  --background-navigation: var(
    --no-30-orange-grey-navbar-bg,
    linear-gradient(180deg, #dfe2e6 4.14%, #a8adb1 95.84%)
  );
  --background-linear-end: #fb5638;
  --primary-50: #f9f5ff;
  --text-navigation: #fff;
  --menu-text: var(--light-purple);
  --light-purple: #272727;
  --menu-item-background: var(--form-background);
  --menu-item-background-hover: var(--form-background);
  --promotion-game-category-text: var(--light-purple);
  --promotion-game-category-active: var(--text-secondary);
  --out-line-light-purple: var(--light-purple);
  --out-line-background-light-purple: #190a31;
  --box-border: #ff4e1e;
  --box-gray-purple: #090909a6;
  --pink-red: #fe4e4e;
  --wallet-label: #272727;
  --active-nav: #ff4e1e;
  --highlight-text: #ff4e1e;
  --inactive-nav: #272727;
  --highlight-text-bottom: #ff4e1e;
  --inactive-nav-bottom: #ffffff;
  --setting-menu-hover: var(--highlight-text);
  --setting-menu: var(--light-purple);
  --box-page-1: #ff4e1e;
  --box-page-2: var(--box-border);
  --box-page-background: #f6f6f6;
  /* mock */
  --item-game-background: linear-gradient(
    360deg,
    #fb5638 0%,
    rgba(68, 31, 136, 0.11) 90%
  );
  --nav-play-game: linear-gradient(270deg, #fb8c28 7.12%, #fb5638 100%);
  --shadow-nav-play-game: #fb8c28;
  --swal2-background: #f5f8fa;
  --bg-html: #e4e4e4;
  --footer-content: linear-gradient(180deg, #fff 0%, #929aa3 25%) !important;
  --bg-jackpot-1: #dfe2e6;

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

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

  --jackpot-text: #ffffff;
  /* add color here */
}
.container-tab-primary li .primary-tab-active {
  color: #fff !important;
}
.wallet .balance .amount {
  color: #272727 !important;
}
.wallet .label-text-wallet {
  color: #ff4e1e !important;
}
.btn-primary {
  color: #fff !important;
}
.text-white1 {
  color: #272727 !important;
}
#appbar .right .memo svg path {
  fill: #6c757d !important;
}
.primary-tab.compact {
  background: #09090924 !important;
}
.number-copy {
  color: #fff !important;
}
.text-back {
  color: #272727 !important;
}
.text-title-head {
  color: #272727 !important;
}
.bank-info-content {
  color: #272727 !important;
}
.username {
  color: #fff !important;
  background: var(--highlight-text) !important;
}
.btn-submit {
  color: #fff !important;
}
.form-wrapper > .form-group .custom-select {
  color: #272727 !important;
}
.overview-container {
  background: #09090924 !important;
}
.overview-container-2 {
  background: #09090924 !important;
}
.overview-subcontainer {
  background: #fff !important;
}
.deposit-number-pill.is-active {
  color: #fff !important;
}
.promotion-description {
  color: #272727 !important;
}
.form-select:disabled {
  color: #272727 !important;
}
td {
  color: #272727 !important;
}
.time-replied {
  color: #272727 !important;
}
.description-post {
  color: #272727 !important;
}
.badge-lable {
  color: #fff !important;
}
.post-lable-content {
  color: #272727 !important;
}
.game-tag-active {
  color: #fff !important;
}
.report-item {
  color: #fff !important;
}
.fade-input {
  color: #272727 !important;
}
.copy-input {
  color: #272727 !important;
}
.reward-section .box {
  background: #fff !important;
}
.box-reward-play {
  background: #b63e14 !important;
  color: #fff !important;
}
.reward-value {
  color: #fff !important;
}
.grey-outline-btn.gradient-outline-primary {
  &.dark-2 {
    color: #fff !important;
  }
}
.btn-play {
  color: #fff !important;
}
.marquee-text {
  color: #fff !important;
}
.text-point {
  color: #fff !important;
}
.point-wrapper-inline .text-point {
  color: #272727 !important;
}
.promotion-game-category-active {
  color: #fff !important;
}
.provider-item {
  background: var(--box-gray-purple) !important;
}
.marquee-wrapper a {
  color: #fff !important;
}
.point-table .point-header {
  color: #272727 !important;
}
.point-table .table-content .point-data {
  border: 0.77037px solid #a2a9b0 !important;
}
.point-table .point-header {
  border: 0.77037px solid #a2a9b0 !important;
}
.ribbon-2 {
  color: #fff !important;
}
.form-control,
.form-select,
.form-control {
  background-color: #fff !important;
  border: 1px solid #a2a9b0 !important;
}
.form-select:disabled {
  background-color: #fff !important;
}
.modal-content {
  background: #fff !important;
}
.custom-text-area-upload {
  background: none !important;
}
.hr-area-input {
  display: 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='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
}

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

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

.form-control.search-game-input {
  border: 2px solid transparent !important;
}