body {
  background: var(--background-color-primary) !important;
}

/* General Use */ /* Only For Change Color */
/* Body */
/* Backgrounds */
.primary-bg {
  background: var(--background-color-primary) !important;
}

.secondary-bg {
  background: var(--background-color-secondary) !important;
}

.tertiary-bg {
  background: var(--background-color-tertiary) !important;
}

/* Table Styles */
.perfect-datetimepicker table {
  background: var(--acc-bg);
}

table > thead > tr {
  background: var(--table-header-bg) !important;
}

table > thead > tr > th,
table > thead > tr > td {
  border-color: var(--table-header-border) !important;
  color: var(--table-header-txt) !important;
}

table > tbody > tr {
  background: var(--table-row-odd-bg) !important;
  border-color: var(--table-row-border) !important;
}

table > tbody > tr:nth-child(even) {
  background: var(--table-row-even-bg) !important;
}

table > tbody > tr > td,
table > tfoot > tr > td,
table > tr > td   {
  color: var(--table-body-txt) !important;
  border-top: none !important;
}

.tab_header tr th {
  color: var(--table-header-txt) !important;
}
 {
  background: var(--primary-btn-bg) !important;
}

.winner-table > thead > tr > th {
  color: var(--primary-btn-txt) !important;
}

.winner-table > tbody > tr {
  background: none !important;
  border: none !important;
}

.winner-table > tbody > tr:nth-child(even) {
  background: none !important;
}

.winner-table > tbody > tr > td  {
  color: var(--text-color-primary)
}

/*
#inbox_table > thead > tr,
#notification_table > thead > tr,
#user_downlines_table > thead > tr,
#referrer_commission_report_table > thead > tr,
#modal_commission_report_table > thead > tr {
  background: var(--table-header-bg) !important;
}

#inbox_table > thead > tr > th,
#notification_table > thead > tr > th,
#user_downlines_table > thead > tr > th,
#referrer_commission_report_table > thead > tr > th,
#modal_commission_report_table > thead > tr > th {
  border-color: var(--table-header-border) !important;
  color: var(--table-header-txt) !important;
}

#inbox_table > tbody > tr,
#notification_table > tbody > tr,
#user_downlines_table > tbody > tr,
#referrer_commission_report_table > tbody > tr,
#modal_commission_report_table > tbody > tr {
  background: var(--table-row-odd-bg) !important;
  border: 1px solid var(--table-row-border) !important;
}

#inbox_table > tbody > tr:nth-child(even),
#notification_table > tbody > tr:nth-child(even),
#user_downlines_table > tbody > tr:nth-child(even),
#referrer_commission_report_table > tbody > tr:nth-child(even),
#modal_commission_report_table > tbody > tr:nth-child(even) {
  background: var(--table-row-even-bg) !important;
}

#inbox_table > tbody > tr > td,
#notification_table > tbody > tr > td,
#user_downlines_table > tbody > tr > td,
#referrer_commission_report_table > tbody > tr > td,
#modal_commission_report_table > tbody > tr > td {
  color: var(--table-body-txt) !important;
}
*/


/* Modal Styles */
.modal-contanier-bg,
.modal-body-bg {
  background: var(--modal-body) !important;
}

.modal-header-bg {
  background: var(--modal-header) !important;
}

.modal-txt {
  color: var(--modal-txt) !important;
}

/* Info Bar */
.infobar-bg {
  background: var(--infobar-bg) !important;
}

/* Text */
.header-title {
  color: var(--title-color-primary) !important;
}

.main-title {
  color: var(--title-color-secondary) !important;
}

.sub-title {
  color: var(--subtitle-color-primary) !important;
}

.modal-title {
  color: var(--modal-title) !important;
}

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

.side-nav-items.active .primary-txt {
  color: var(--color-primary) !important;
}

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

.ckeditor-txt {
  color: var(--text-color-primary) !important;
}

.ckeditor-txt hr {
  border-color: var(--border-color-secondary) !important;
}

.text-success,
.success-txt {
  color: var(--color-success) !important;
}

.text-info,
.info-txt {
  color: var(--color-info) !important;
}

.text-danger,
.danger-txt {
  color: var(--color-danger) !important;
}

.text-warning,
.warning-txt {
  color: var(--color-warning) !important;
}

.act-txt {
  color: var(--title-color-secondary) !important;
}

.act-txt.active {
  color: var(--color-primary) !important;
}

.hv-txt:hover {
  color: var(--text-color-secondary) !important;
}

.link-txt {
  color: var(--color-primary) !important;
}

.highlight-txt {
  color: var(--color-primary);
}

/* Border */
.highlight-border {
  border-color: var(--border-color-highlight) !important;
}

.primary-border {
  border-color: var(--border-color-primary) !important;
}

.secondary-border {
  border-color: var(--border-color-secondary) !important;
}

.primary-border-act.active {
  border-color: var(--border-color-highlight) !important;
}

/* Deposit Option */
.primary-border.selected {
  border-color: var(--border-color-highlight) !important;
}

.gradient-border {
  border-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0),
      var(--border-color-highlight),
      rgba(0, 0, 0, 0)
    )
    1 !important;
}

.gradient-border::after {
  border-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0),
      var(--border-color-highlight),
      rgba(0, 0, 0, 0)
    )
    1 !important;
}

/* Input */
.primary-input {
  background: var(--input-bg) !important;
  border-color: var(--input-border) !important;
}

.primary-input-txt,
.primary-input-txt::placeholder {
  color: var(--input-color-primary) !important;
}

.disabled-input {
  background: var(--disable-input-bg) !important;
  border-color: var(--disable-input-border) !important;
}

.disabled-txt,
.disabled-txt::placeholder {
  color: var(--disable-input-color) !important;
}

/* Faicon */
.primary-faicon {
  color: var(--color-primary) !important;
}

.secondary-faicon {
  color: var(--color-dark) !important;
}
.secondary-faicon::before {
  color: var(--color-dark) !important;
}

.hover-faicon {
  color: var(--color-dark) !important;
}

.hover-faicon:hover {
  color: var(--color-secondary) !important;
}

/* Checkbox */
.checkbox-primary {
  accent-color: var(--color-accent) !important;
}

/* Indicator Styles */
.primary-indicators {
  background: var(--indicator-color) !important;
}

.primary-indicators.active {
  background: var(--indicator-active) !important;
}

.secondary-indicators {
  background: var(--color-dark) !important;
}

.secondary-indicators.active {
  background: var(--color-primary) !important;
}

/* Paginate */
.page-item.active .page-link {
  border-color: var(--border-color-highlight) !important;
  background: var(--primary-btn-bg) !important;
  color: var(--primary-btn-txt) !important;
}

.paginate_button.active {
  border-color: var(--border-color-highlight) !important;
  background: var(--primary-btn-bg) !important;
  color: var(--primary-btn-txt) !important;
}

.paginate_button.disabled {
  border-color: var(--border-color-primary) !important;
  background: var(--color-disable) !important;
  color: var(--subtitle-color-primary) !important;
}

.paginate_button {
  border-color: var(--border-color-secondary) !important;
  background: var(--background-color-secondary) !important;
  color: var(--subtitle-color-primary) !important;
}

.paginate_button:focus {
  box-shadow: none !important;
}

.paginate_button.current {
  background: var(--primary-btn-bg) !important;
  color: var(--primary-btn-txt) !important;
}

/* Header */
.header-bg {
  background: var(--header-bg) !important;
  box-shadow: 0px 3px 6px var(--header-shadow) !important;
}

.header-txt {
  color: var(--header-txt) !important;
}

.nav-primary-bg {
  background: var(--primary-btn-bg) !important;
}

.footer-header-title {
  color: var(--color-light) !important;
}

/* Sidemenu */
.sidemenu-bg {
  background: var(--sidemenu-bg) !important;
  box-shadow: 3px 0px 6px var(--header-shadow) !important;
}

.side-nav-menu .sidemenu-card {
  background: var(--sidemenu-card-bg) !important;
}

@media (min-width: 1560px) {
  .side-nav-menu .sidemenu-card {
    background: var(--sidemenu-card-bg) !important;
  }
}

.sidemenu-subtitle {
  color: var(--sidemenu-card-txt) !important;
}

.sidemenu-title {
  color: var(--sidemenu-card-title) !important;
}

.sidemenu-active-btn:hover {
  background: var(--sidemenu-active) !important;
  color: var(--sidemenu-hover-txt) !important;
}

.sidemenu-active-btn.active {
  background: var(--sidemenu-active) !important;
  color: var(--sidemenu-avtice-txt) !important;
}

.sidemenu-txt {
  color: var(--sidemenu-txt) !important;
}

.sidemenu-txt.active {
  color: var(--color-primary) !important;
}

.side-nav-items.active .sidemenu-txt {
  color: var(--color-primary) !important;  
}

/* Buttons */
.primary-btn {
  background: var(--primary-btn-bg) !important;
  color: var(--primary-btn-txt) !important;
}

.primary-btn > span {
  color: var(--primary-btn-txt) !important;
}

.primary-btn .fa {
  color: var(--primary-btn-txt) !important;
}

.secondary-btn {
  background: var(--secondary-btn-bg) !important;
  color: var(--secondary-btn-txt) !important;
}

.secondary-btn .fa {
  color: var(--secondary-btn-txt) !important;
}

.secondary-btn::before {
  background: var(--secondary-btn-bg) !important;
}

.secondary-btn::after {
  background: var(--secondary-btn-bg) !important;
}

.tertiary-btn {
  border-color: var(--border-color-primary) !important;
  color: var(--text-color-primary) !important;
}

.tertiary-btn .fa {
  color: var(--text-color-primary) !important;
}

.active-btn {
  background: var(--option-bg-primary) !important;
  color: var(--option-txt) !important;
  border-color: var(--option-border) !important;
}

.active-btn.selected {
  border-color: var(--option-selected-border) !important;
}

.active-btn.active,
.fund-box.active .active-btn {
  background: var(--option-selected-bg) !important;
  color: var(--option-selected-txt) !important;
}

.active-btn:before,
.check-deposit-option:before {
  background: var(--background-color-primary) !important;
  color: var(--color-success) !important;
}

.active-nav-btn {
  background: var(--option-bg-secondary) !important;
  color: var(--option-txt) !important;
}

.active-nav-btn:hover {
  border-color: 2px solid var(--option-selected-border) !important;
  color: var(--option-selected-txt) !important;
}

.active-nav-btn.active {
  border-color: transparent !important;
  background: var(--option-selected-bg) !important;
  color: var(--option-selected-txt) !important;
}

.active-gamenav-btn {
  border: 2px solid var(--option-border) !important;
  background: var(--option-bg-secondary) !important;
}

.active-gamenav-btn.active {
  border-color: var(--option-selected-border) !important;
  box-shadow: 0 0 10px var(--option-selected-bg) !important;
  background: var(--option-selected-bg) !important;
}

.game-selector-btn {
  background: var(--option-bg-primary) !important;
  border: 1px solid var(--border-color-secondary) !important;
  color: var(--subtitle-color-primary) !important;
}

.game-selector-btn.active {
  border: 1px solid var(--color-primary) !important;
  color: var(--title-color-primary) !important;
}

.active-type-nav-btn {
  background: var(--option-bg-secondary) !important;
  color: var(--option-txt) !important;
}

.active-type-nav-btn:hover {
  border-color: 2px solid var(--option-selected-border) !important;
  color: var(--option-selected-txt) !important;
}

.active-type-nav-btn.active {
  border-color: transparent !important;
  background: var(--option-selected-bg) !important;
  color: var(--option-selected-txt) !important;
}

/* Side Contact Menu */
.header-contact-btn {
  background: var(--color-primary) !important;
  border: 1px solid var(--border-color-highlight) !important;
}

.header-helpcard-box {
  background: var(--color-primary) !important;
  border: 1px solid var(--border-color-highlight) !important;
}

.header-helpcont-box {
  border-color: var(--border-color-primary) !important;
}

/* Footer */
.footer-bg {
  background: var(--footer-bg) !important;
}

.footer-title {
  color: var(--footer-title) !important;
}

.footer-txt-container,
.footer-txt-container > a {
  color: var(--footer-txt) !important;
}

.footer-txt-container > a:hover {
  color: var(--footer-hover-txt) !important;
}

/* Dropdown Styles */
.dropdown-header {
  background: var(--dropdown-header) !important;
}

.dropdown-bg {
  background: var(--dropdown-bg) !important;
}

.dropdown-active-btn {
  color: var(--dropdown-title) !important;
}

.dropdown-title {
  color: var(--dropdown-title) !important;
}

.dropdown-active-btn.active,
.dropdown-active-btn:hover {
  background: var(--dropdown-active) !important;
  color: var(--dropdown-active-txt) !important;
}

.dropdown-act-txt {
  color: var(--dropdown-title) !important;
}

.dropdown-act-txt:hover,
.dropdown-act-txt.active {
  color: var(--dropdown-active-txt) !important;
}

.lang-act-txt {
  color: var(--dropdown-txt) !important;
}

.lang-act-txt:hover,
.lang-act-txt.active {
  color: var(--color-primary) !important;
}

/* Account Menu */
.accmenu-bg {
  background: var(--background-color-primary) !important;
}

.accdetail-bg {
  background: var(--background-color-primary) !important;
}

.accmenu-name {
  color: var(--accmenu-name) !important;
}

.accmenu-wallet-card-bg {
  background: var(--accmenu-wallet-card-bg) !important;
}

.accmenu-wallet-card-title {
  color: var(--accmenu-wallet-card-title) !important;
}

.accmenu-wallet-card-txt {
  color: var(--accmenu-wallet-card-txt) !important;
}

.accmenu-referral-card-bg {
  background: var(--accmenu-referral-card-bg) !important;
}

.accmenu-referral-card-title {
  color: var(--accmenu-referral-card-title) !important;
}

.accmenu-referral-card-txt {
  color: var(--accmenu-referral-card-txt) !important;
}

:checked + .accmenu-slider {
  background: var(--accmenu-slider) !important;
}

.accdetail-options .deposit_options.selected {
  border-color: var(--border-color-highlight) !important;
}

.accdetail-options .depolabel.selected {
  color: var(--color-primary) !important;
}

.accdetail-active {
  background: var() !important;
}

.accdetail-active-btn {
  background: var(--background-color-primary) !important;
  color: var(--text-color-primary) !important;
  border-color: var(--border-color-primary) !important;
}

.accdetail-active-btn.active,
.accdetail-active-btn:hover{
  background: var(--active-btn-bg) !important;
  color: var(--active-btn-txt) !important;
}

.rtp-box {
  background: var(--background-color-tertiary) !important;
  border-color: var(--border-color-secondary) !important;
  color: var(--text-color-tertiary) !important;
}

.jackpot-txt {
  color: var(--jackpot-txt) !important;
}

/* Card Styles */
.card-bg {
  background: var(--card-body) !important;
  border: 1px solid var(--card-border) !important;
}

.card-header {
  background: var(--card-header) !important;
}

.card-title {
  color: var(--card-title) !important;
}

.card-txt {
  color: var(--card-txt) !important;
}

.card-shadow {
  box-shadow: 0 0 5px var(--card-shadow) !important;
}

.accdetail-bank.active,
.accdetail-bank.active .bank-border {
  border-color: var(--border-color-primary) !important;
  background: var(--active-btn-bg) !important;
}

.accdetail-bank.active .bankname {
  color: var(--active-btn-txt) !important;
}

.accdetail-bank .bankname {
  color: var(--subtitle-color-primary) !important;
}

.wallet-card-bg {
  background: var(--wallet-card-bg) !important;
}

.wallet-card-title {
  color: var(--wallet-card-title) !important;
}

.wallet-card-txt {
  color: var(--wallet-card-txt) !important;
}

.main-wallet-container .fund-box.active .fund-label > p {
  color: var(--color-primary) !important;
}

.message-indicator {
  background: var(--notification-bg) !important;
}

.message-indicator .notificationInboxCount {
  color: var(--notification-txt) !important;
}

.messaging-star-marked {
  color: var(--color-secondary) !important;
}

.messaging-star-unmarked {
  color: var(--text-color-primary) !important;
}

.close {
  text-shadow: none !important;
  opacity: .75 !important;
}

.data_failed,
.data_rejected,
.data_cancelled,
.data_expired {
  color: var(--color-danger) !important;
  font-weight: 700;
}

.data_success,
.data_completed,
.data_active,
.data_approved {
  color: var(--color-success) !important;
  font-weight: 700;
}

.data_in-progress,
.data_inprogress {
  color: var(--color-info) !important;
  font-weight: 700;
}

.data_pending {
  color: var(--color-warning) !important;
  font-weight: 700;
}