:root {
  --primary-color: #2a2a2a;
  --secondary-color: #ffb93f;
  --secondary-color-2: #636363;
  --background-color: #131313;
  --scrollbar-color: #737373;
  --icon-color: #a6a6a6;
  --accent-color: #0af550;
  --hover-active-pressed-color: #facf2033;
  --disabled-color: #737373;
  --error-color: #ea4e3d;
  --warning-color: #facf20;
  --success-color: #56bb37;
  --white-color: #ffffff;
  --black-color: #000000;
  --green-gradient-left-color: #2a2a2a;
  --green-gradient-right-color: #737373;
  --yellow-gradient-right-color: #fde790;
  --text-color-gray: #333333;
  --text-color-lightgreen: #ffffff;
  --transparent-color: transparent;
  --top-header-gradient-top-color: #1f1f1f;
  --invitation-border-color: #2a2a2a;
  --invitation-placeholder-color: #454545;
  --profile-border-colour: #737373;
  --login-text-color: #8c8c8c;
  --login-remember-password: #999999;
  --faq-content-colour: #ffffff;
  --custom-check-box-indigo-colour: #4f46e5;
  /*  brand code colors */
  --editor-blockquote-color: #6b7280;
  --editor-content-code-bgcolor: #f3f4f6;
  --editor-content-code-color: #db2777;
  --editor-content-pre-color: #1f2937;
  --editor-content-border-color: #d1d5db;
  --promationdetails-link-color: #facc15;
  --promationdetails-info-section-bgcolor: #111827;
  --promationdetails-info-table-color: #374151;
  --promationdetails-banner-desc-color: #ffffffe6;
  --promationdetails-card-grid-color: #030712;
  --promationaldetails-card-header-clock-color: #3b82f6;
  --promationaldetails-card-header-gift-color: #22c55e;
  --promationaldetails-card-header-alert-triangle-color: #eab308;
  --promationaldetails-card-header-btn-hover-color: #45a049;
  --promationaldetails-card-header-claim-btn-color: #f9fafb;
  --promationaldetails-responsible-gambling-color: #4b5563;
  --global-style-data-form-container-bgcolor: #1e1e1e;
  --global-style-data-form-container-color: #aaaaaa;
  --global-style-data-form-color: #cccccc;
  --global-style-link-btn-color: #f39c12;
  --global-style-data-form-input-color: #444;
  --global-style-data-form-input-bgcolor: #2a2a2a;
  --global-style-data-return-btn-bgcolor: #555;
  --global-style-data-return-btn-hover-bgcolor: #666;
  --global-style-data-save-btn-hover-bgcolor: #e67e22;
  --custom-selected-value-bgcolor: #2a2a2a;
  --gameplay-bottombar-height: 45px;
  --benefits-banner: #2a2a2a;
  --input-background: #2a2a2a;
  --footer-color: var(--background-color);
  --yellow-gradient-left-color: var(--warning-color);
  --benefits-banner: var(--benefits-banner);
  --quarternary-color: var(--secondary-color);
  /* Base values */

  --lobby-swiper-arrow-bg-color: #1c1c1c;
  --lobby-swiper-arrow-border-color: #a6a6a6;
  --lobby-swiper-seeall-card-bg-color: linear-gradient(
    180deg,
    #242424 0%,
    #151515 100%
  );
  --lobby-swiper-seeall-card-border-color: #393939;
  --lobby-swiper-seeall-text-color: var(--secondary-color);

  --promo-divider-line: var(--green-gradient-right-color);

  --theme-color-line: var(--scrollbar-color);
  --theme-primary-color: var(--theme-custom-input-color);
  --theme-primary-gradient-color-0: #212121;
  --theme-primary-gradient-color-1: #171717;
  --theme-bg: #013924;
  --theme-icons-new-color: var(--icon-color);
  --theme-bg-color: #4b4b4b;
  --theme-btn-def-bg-color: var(--green-gradient-left-color);
  --theme-load-bg-color: #a6a6a6;
  --theme-secondary-color: var(--secondary-color);
  --theme-primary-font-color: var(--text-color-gray);
  --theme-aside-active-font-color: var(--text-color-gray);
  --theme-game-lobby-border: #36745b;
  --theme-btm-bg-color: var(--green-gradient-left-color);
  --theme-text-color: var(--text-color-lightgreen);
  /* --theme-text-color-placeholder: var(--text-color-lightgreen); */
  --theme-secondary-color-success: #04be02;
  --theme-secondary-color-error: var(--error-color);
  --theme-secondary-color-error-linear-gradient: #f35a4a;
  --theme-game-card-ddt_bg: var(--green-gradient-right-color);
  --theme-game-card-ddt_icon: var(--green-gradient-left-color);
  --theme-primary-color-0: var(--warning-color);
  --theme-primary-color-2: #fbd94d;
  --theme-primary-color-4: var(--success-color);
  --theme-primary-color-6: var(--accent-color);
  --theme-primary-color-17: #fee891;
  --theme-primary-color-18: var(--text-color-lightgreen);
  --theme-show-more-color: var(--text-color-lightgreen);
  --theme-dark-text-color: var(--background-color);
  --theme-select-focus-border: var(--secondary-color);
  --theme-lobby-bg-color: var(--background-color);
  --theme-quick-reg-text-color: var(--login-text-color);
  --theme-datepicker-border: var(--scrollbar-color);

  /* input */
  --theme-input-bg: var(--transparent-color);
  --theme-input-border: var(--profile-border-colour);
  --theme-input-icon-color: var(--quarternary-color);
  --theme-input-placeholder-color: var(--quarternary-color);
  --theme-input-copy-btn-color: var(--secondary-color);

  /* profile */
  --theme-profile-icon-color: var(--secondary-color);
  --theme-profile-text-color: var(--secondary-color);
  --theme-profile-vip-bg-color: var(--secondary-color);
  --theme-profile-vip-text-bg-color: var(--green-gradient-right-color);
  --theme-profile-vip-arrow-color: var(--secondary-color);
  --theme-profile-vip-separator-border-color: var(--secondary-color);
  --theme-profile-progress-bar-bg-color: var(--secondary-color-2);
  --theme-profile-progress-bar-value-color: var(--success-color);
  --theme-vip-progress-bar-bg-color: var(--quarternary-color);

  /* security */
  --theme-security-icon-yellow-color: var(--warning-color);
  --theme-security-icon-green-color: var(--success-color);

  /* custom input */
  --theme-custom-input-bg: var(--green-gradient-left-color);
  --theme-custom-input-border: var(--green-gradient-right-color);
  --theme-custom-input-icon-color: var(--text-color-lightgreen);
  --theme-custom-input-password-icon-color: var(--green-gradient-right-color);
  --theme-custom-input-copy-btn-color: var(--secondary-color);
  --theme-custom-input-color: #0d0d0d;
  --theme-deposit-icon-color: var(--theme-custom-input-color);

  /* status colors */
  --theme-error-color: var(--error-color);
  --theme-success-color: var(--success-color);
  --theme-warning-color: var(--warning-color);
  --theme-alert-font-color: var(--text-color-gray);

  /* new colors and gradiants */
  --btn-primary-text-color: var(--background-color);
  --btn-disabled-color: var(--disabled-color);
  --lobby-swiper-border-bottom: var(--primary-color);
  --benefits-banner-backside-color: var(--benefits-banner);
  --deposit-btn-color: var(--primary-color);

  --sideNavBar-promotions-from: #0045ad;
  --sideNavBar-promotions-To: #001b2d;
  --sideNavBar-border: #0142a3;
  --sideNabBar-icon-color: #0144a9;
  --sideNav-Bar-icon-border: #0055d4;
  --sideNav-rewards-from: #00904a;
  --sideNav-rewards-to: #00200d;
  --sideNave-rewards-border: #018d49;
  --sideNabBar-rewardsicon-color: #014a24;
  --sideNabBar-rewardsicon-border: #018d49;
  --sideNavBar-agent-from: #4e4e4e;
  --sideNavBar-agent-to: #010101;
  --sideNavBar-agent-border: #494949;
  --sideNavBar-agent-icon: #343434;
  --sideNavBar-agent-iconborder: #444444;
  --sideNavBar-missions-from: #7d00c0;
  --sideNavBar-missions-to: #120042;
  --sideNavBar-missions-border: #6e01ae;
  --sideNavBar-missions-icon: #35016b;
  --sideNavBar-missions-iconborder: #7701b9;
  --sideNavBar-vip-from: #ff00e1;
  --sideNavBar-vip-to: #670045;
  --sideNavBar-vip-border: #f501d7;
  --sideNavBar-vip-icon: #a30183;
  --sideNavBar-vip-bordericon: #fa01dc;
  --sideNavBar-unlock-from: #00bdc4;
  --sideNavBar-unlock-to: #1225f5;
  --sideNavBar-unlock-border: #01b6c6;
  --sideNavBar-unlock-icon: #0c57e5;
  --sideNavBar-unlock-iconborder: #01b7c6;
  --sideNavBar-history-from: #f48a00;
  --sideNavBar-history-to: #7e0a00;
  --sideNavBar-history-border: #f18701;
  --sideNavBar-history-icon: #ac3d01;
  --sideNavBar-history-iconborder: #f18701;
  --sideNavBar-telegram-from: #63cfff;
  --sideNavBar-telegram-to: #008fcc;
  --sideNavBar-telegram-border: #63cfff;
  --sideNavBar-telegram-icon: #2ab0ea;
  --sideNavBar-telegram-iconborder: #63cfff;
  --profile-vip-border-colour: #636363;
  --faq-dropdown-border-colour: #bebebe;
  --language-translation-icon-color: #e0e0e0;
  --theme-text-color-placeholder: #d3d5d9;
  --header-center-navigations: #9cb2a6;
  /* New Cashier */
  --cashier-border-colour: #009f5d;
  --card-linerGradient-colour: #efefef;
  --screen-backround-colour: #4d4d4d;
  --cashier-unactive-color: #80b29d;
  /* Cashier Payment Cards */
  --payment-card-bg-gradient-top-color: var(--white-color);
  --payment-card-bg-gradient-bottom-color: #efefef;
  --payment-card-border-color: #dcdcdc;
  --payment-card-selected-border-color: #00c171;
  --payment-card-notick-bg-color: #e5e5e5;
  --payment-card-tick-bg-color: #009f5d;
  --cashier-addbonus-text-color: #999999;
  /* Cashier Payment Cards */
  /* New Cashier */
  --cashier-border-colour: #009f5d;
  --card-linerGradient-colour: #efefef;
  --cashier-carousel-colour: #d9d9d9;
  --cashier-carousel-card-colour: var(--secondary-color);
  --cashier-global-colour: #01663c;
  --cashier-cashback-bonues-colour: #f1f1f1;
  --theme-cashier-active-tab-border-color: #009f5d;
  --theme-cashier-scrollbar-color: #00824c;
  --theme-cashier-earned-cashback-bg-color: #737373;
  --cashier-withdraw-popup-border-color: #01663c14;
  --cashier-withdraw-popup-line-border-color: #01663c66;
  --cashier-withdraw-popup-icon-color: #01663ccc;
  --cashier-withdraw-popup-text-color: #004629;
  --cashier-withdraw-popup-red-text-color: #ff0000;
  /* Cashier Payment Cards */
  --theme-payment-card-border-color: var(--payment-card-border-color);
  --theme-payment-card-selected-border-color: var(
    --payment-card-selected-border-color
  );
  --theme-payment-card-notick-bg-color: var(--payment-card-notick-bg-color);
  --theme-payment-card-tick-bg-color: var(--payment-card-tick-bg-color);
  --theme-cashier-addbonus-text-color: var(--cashier-addbonus-text-color);
  /* Cashier Payment Cards */
  --screen-backround-colour: #4d4d4d;

  --theme-promo-divider-line: var(--promo-divider-line);
}

.header-shadow {
  background: linear-gradient(
    180deg,
    var(--background-color) 45.56%,
    #262626 101.97%
  );
}

.offer-center.Reward-hub {
  background: #0d0d0d !important;
}

.btn-primary:disabled {
  background-color: var(--primary-color);
  color: var(--secondary-color-2);
}

.bg-pattern-brand {
  background-color: var(--background-color);
  background-image: url("/EBS/assets/img/background.webp");
  background-size: contain;
  background-position: center;
  background-repeat: repeat;
}

.banners .banner-content {
  background: linear-gradient(
    270deg,
    rgba(13, 13, 13, 0) 0%,
    rgba(13, 13, 13, 0.5) 26.88%,
    #0d0d0d 100%
  ) !important;
}

.game-card.no-image-card::after {
  content: url("/EBS/assets/img/Logo.svg");
  transform: scale(0.175);
}

.selected-row {
  margin: 0.168rem 0;
}

.alert-bar {
  background-color: var(--theme-custom-input-color);
}

table.vip-table tbody tr:nth-child(odd) {
  background-color: var(--invitation-border-color);
}

.icon-button {
  background-color: var(--secondary-color);
}

.editor-content {
  background-color: transparent !important;
}

.sidebar-language-select button {
  background-color: var(--primary-color);
  color: var(--white-color);
}

.brand-logo {
  display: flex;
  height: 0.756rem;
  align-items: center;
}

.brand-benfitsbtn {
  border-radius: 999px;
  background-color: var(--secondary-color) !important;
}

.brand-profile {
  background-color: transparent !important;
  border: 1px solid var(--secondary-color);
}

.brand-border {
  border: 1px solid var(--profile-vip-border-colour);
}

.brand-icons {
  color: var(--profile-border-colour) !important;
}

.brand-statement {
  border-radius: 999px;
  border: 1px solid var(--secondary-color);
}

.brand-deposit {
  border: 1px solid var(--secondary-color) !important;
}

.brand-alertbarclose {
  color: var(--profile-vip-border-colour);
}

.brand-alertbtn {
  background-color: var(--profile-border-colour);
}

.brand-gaemcardline {
  border: 1px solid var(--primary-color);
}

.brand-remember-password {
  color: var(--login-remember-password) !important;
}

.brand-changeAvatar {
  border: 1px solid var(--secondary-color);
  background-color: transparent;
  border-radius: 999px;
  color: var(--secondary-color) !important;
  height: 0.588rem;
}

.brand-changeAvatarmale {
  background-color: var(--secondary-color);
  color: var(--black-color);
  border-radius: 999px;
  height: 0.588rem;
}

.brand-avatartexcolor {
  color: var(--black-color);
}

.brand-norecord-colour {
  background-color: var(--black-color);
}

.brand-login-register {
  color: var(--login-text-color);
}

.brand-table tr {
  border-left: 1px solid var(--secondary-color) !important;
  border-right: 1px solid var(--secondary-color) !important;
}

.brand-helpdesk {
  border: 1px solid var(--profile-vip-border-colour) !important;
  background-color: transparent !important;
}

.brand-footer {
  background: linear-gradient(180deg, #242424 0%, #0d0d0d 100%) !important;
}

.brand-faq {
  border: 1px solid var(--faq-dropdown-border-colour);
}

.brand-custombtn {
  background-color: var(--profile-border-colour) !important;
  color: var(--primary-color) !important;
}

.brand-canceldatepicker {
  color: var(--faq-dropdown-border-colour);
}

.brand-helpdesk-input {
  border: 1px solid var(--profile-border-colour);
}

.brand-deposite-cashier {
  background: linear-gradient(
    180deg,
    var(--white-color) 0%,
    var(--card-linerGradient-colour) 100%
  );
}

.btn-primary {
  border-radius: 999px !important;
}

.btn-secondary {
  border-radius: 999px !important;
}

.brand-btn {
  border-radius: 999px !important;
}

.brand-bgupdatedob {
  background-color: var(--primary-color) !important;
}

/* brand scrollbar code */
.scrollbar::-webkit-scrollbar {
  width: 0.084rem;
  height: 0.084rem;
}

.scrollbar::-webkit-scrollbar-track {
  background-color: var(--background-color);
}

.scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--profile-border-colour);
  border-radius: 1rem;
  cursor: pointer;
}

.scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: var(--secondary-color-2);
}

.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

.security-basic-items,
.brand-updatedob {
  border: 1px solid var(--profile-border-colour) !important;
}

.security-basic-items .security-basic-item::after,
.profile-menus-item::after,
.profile-data-container .dob-container .custom-input-field-icon,
.brand-vip,
.brand-iconstatement {
  color: var(--secondary-color) !important;
}

.sidebar-language-select button .icons-globe,
.brand-sidenaviconcolor {
  color: var(--language-translation-icon-color);
}

.custom-input-field input,
.text-brand-textcolorplaceholder,
.brand-iconcolor {
  color: var(--white-color);
}

.editor-content button.btn-primary,
.editor-content button.btn-secondary,
.editor-content button,
.btn-secondary,
.brand-btn {
  border-radius: 999px;
}

.rewards-input,
.rewards-container .editor-content-info,
.vip-balance,
.editor-content .editor-content-info,
.brand-table tbody tr:nth-child(odd),
.bg-light,
.card-bg-light {
  background-color: var(--primary-color) !important;
}

.promation-icon button .icons-chevron-down,
.sidebar-language-select button .icons-chevron-down,
.text-brand-colorline {
  color: var(--icon-color);
}

.custom-select-open button,
table.vip-table thead tr th,
.brand-table tr td {
  border-color: var(--secondary-color) !important;
}
.active-tab .game-name {
  color: var(--theme-primary-color) !important;
}
.vip-balance-container {
  background-color: var(--theme-custom-input-color);
}
.brand-vipmenu {
  background-color: var(--primary-color) !important;
  border: 1px solid var(--secondary-color);
}
.modal button i.icons.icons-close {
  color: var(--secondary-color);
}
.deposit-step2 .close-button {
  color: var(--primary-color);
}

.lobby-games-swiper .game-card.no-image-card,
.lobby-games-swiper .see-all-card .game-card {
  background: var(--lobby-swiper-seeall-card-bg-color);
  border: 1px solid var(--lobby-swiper-seeall-card-border-color);
}
.lobby-games-swiper .see-all-card .game-card p {
  color: var(--lobby-swiper-seeall-text-color);
}
.promos .banner-content {
  background: linear-gradient(
    270deg,
    rgba(19, 19, 19, 0) 0%,
    rgba(19, 19, 19, 0.5) 26.88%,
    #131313 100%
  ) !important;
}