:root {
  --primary-1: #01a3fe;
  --primary-2: #eb0087;
  --secondary-1: #53a4f1;
  --secondary-2: #dd55fc;
  --primary: linear-gradient(
    270deg,
    var(--primary-2) -0.31%,
    var(--primary-2) 116.72%
  );
  --secondary: linear-gradient(
    90deg,
    var(--secondary-1) 0%,
    var(--secondary-2) 100%
  );
  --text-primary: #0e266e;
  --text-secondary: #f2f2f2;
  --form-border: rgb(50, 39, 37);
  --form-background: #0145c2;
  --form-background-light: #2b6ce4;
  --out-line-primary: #4471d4;
  --out-line-background-primary: #0010234f;
  --border-primary: #007afc;
  --text: #fff;
  --text-secondary: #fff;
  --text-secondary-2: var(--light-purple);
  --text-primary: #fff;
  --text-primary-2: var(--highlight-text);
  --out-line-background-primary-2: var(--out-line-background-primary);
  --line: #1c323f;
  --member-level-card-bg: linear-gradient(
    90deg,
    #0152ac 13.37%,
    rgba(33, 94, 164, 0.75) 68.05%,
    #0152ac 90.18%
  );
  --member-level-card-detail-bg: linear-gradient(
    90deg,
    #051a3b 33.37%,
    rgba(16, 53, 96, 0.75) 68.05%,
    #132d57 90.18%
  );

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

  --background-primary-color-1: #003a8b;
  --background-primary-color-2: #00a1f5;
  --background-primary-color-3: #0c69be;
  --background-primary-color-4: #0e4a93;
  --background-primary-color-5: #0a2753;

  --background-primary: linear-gradient(
    180deg,
    var(--background-primary-color-1) 0%,
    var(--background-primary-color-2) 150px,
    var(--background-primary-color-3) 35.94%,
    var(--background-primary-color-4) 68.75%,
    var(--background-primary-color-5) 100%
  );
  --background-navigation: linear-gradient(
    360deg,
    #0e3473 0%,
    #0d63b9 46.35%,
    #068cdd 100%
  );
  --box-border: #091e31;
  --box-page-1: #0c3e88;
  --box-page-2: #091e31;
  --box-page-background: #0559ba;
  --background-linear-end: #1f4e87;
  --primary-50: #f9f5ff;
  --text-navigation: #fff;
  --menu-text: #fff;
  --light-purple: #abb4be;
  --menu-item-background: var(--form-background);
  --menu-item-background-hover: #00d5d8;
  --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: #0a2031;
  --box-gray-purple: rgba(255, 255, 255, 0.1);
  --pink-red: #fe4e4e;
  --wallet-label: #fff9e1;
  --highlight-text: #14f1fe;
  --active-nav: #f4fffe;
  --inactive-nav: #f4fffe;
  --highlight-text-bottom: #00d5d8;
  --inactive-nav-bottom: #ffffff;
  --setting-menu-hover: var(--highlight-text);
  --setting-menu: #fff;
  --item-game-background: linear-gradient(
    360deg,
    #1d598e 0%,
    rgba(31, 136, 38, 0.11) 90%
  );
  --nav-play-game: linear-gradient(
    136.53deg,
    #eb0087 6.5%,
    #eb0087 47.91%,
    #eb0087 90.65%
  );
  --shadow-nav-play-game: #eea4fe;
  --swal2-background: #163c6c;
  --bg-html: #0a2753;
  --bg-jackpot-1: #00b9fc;

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

  --jackpot-text: var(--text);
  /* add color here */
}

.gradient-outline-primary:not(.input-primary):not(.table-item) {
  background: linear-gradient(
    270deg,
    #06a0f5 -0.31%,
    #f751b9 116.72%
  ) !important;
}
.gradient-outline-primary:not(.input-primary):not(.table-item)::before {
  display: none !important;
}

.btn.gradient-outline-primary:not(.table-item),
.btn.btn-shadow {
  transition: all 0.15s !important;
  box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px,
    rgba(45, 35, 66, 0.3) 0 7px 13px -3px,
    rgba(58, 65, 111, 0.5) 0 -4.5px 0 inset !important;
}

.container-tab-primary li .primary-tab-active,
.primary-tab.disable-select.compact,
.btn.btn-primary,
.promotion-game-category.promotion-game-category-active,
.btn-submit,
div.indicator-game,
.game-tag.game-tag-active.compact,
.btn-primary,
.menu-item .-icon,
.report-item.primary,
.report-item.primary.btn-shadow,
.report-item.gradient-outline-primary {
  transition: all 0.15s !important;
  box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px,
    rgba(45, 35, 66, 0.3) 0 7px 13px -3px, rgba(58, 65, 111, 0.5) 0 -6px 0 inset !important;
}
.container-tab-primary li .primary-tab-active:active,
.primary-tab.disable-select.compact:active,
.btn.btn-primary:active,
.promotion-game-category.promotion-game-category-active:active,
.btn-submit:active,
.game-tag.game-tag-active.compact:active,
.btn-primary:active,
.btn.gradient-outline-primary:active,
.btn.btn-shadow:active,
.menu-item:active .-icon,
.report-item.primary:active,
.report-item.gradient-outline-primary:active {
  transition: all 0.15s !important;
  transform: translateY(2px);
  box-shadow: rgb(0 0 0 / 38%) 6px 6px 18px inset !important;
}

.gradient-outline-primary {
  border-radius: 8px !important;
}

.readmore-btn.grey-outline-btn.gradient-outline-primary.grey {
  color: white !important;
}
.lotto-table .table-wrap .name {
  color: #00000073 !important;
}

.condition-red {
  color: #d2d2d2 !important;
}