/* General Styles */
body {
  background: var(--background-color-primary) !important;
}

/* Typography */
.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;
}

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

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

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

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

/* Status Colors */
.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;
}

/* Interactive Text */
.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;
}

/* 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;
}

/* Borders */
.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,
.primary-border.selected {
  border-color: var(--border-color-highlight) !important;
}

/* Gradient Border */
.gradient-border,
.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;
}

/* 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: 1px solid 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;
}

.tab_header tr th {
  color: var(--table-header-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;
}

/* Input Styles */
.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;
}

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

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

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

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

/* Checkbox Styles */
.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;
}

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

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

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

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

.page-link.current {
  background: var(--background-color-secondary) !important;
  color: var(--color-light) !important;
}

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

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

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

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

.sidemenu.nav-show .sidemenu-card a,
.sidemenu.show .sidemenu-card a {
  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 {
  color: var(--sidemenu-txt) !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-active-txt) !important;
}

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

.primary-btn > span,
.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,
.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;
  border-color: var(--option-border) !important;
  color: var(--option-txt) !important;
}

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

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

.active-nav-btn:hover {
  border-color: var(--option-selected-border) !important;
  color: var(--option-selected-txt) !important;
  background: var(--option-selected-bg) !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-color: var(--border-color-primary) !important;
  background: var(--background-color-secondary) !important;
}

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

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

.game-selector-btn.active {
  background: var(--primary-btn-bg) !important;
  color: var(--primary-btn-txt) !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;
}

/* Winner Styles */
.winner-first-place-bg {
  background: var(--first-background-color) !important;
}

.winner-first-place-bg::before {
  background: linear-gradient(to top,transparent 0%, var(--color-light) 100%) !important;
}

.winner-first-place-txt {
  color: var(--first-amount-color) !important;
}

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

.winner-amount {
  color: var(--amount-color) !important;
}

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

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

/* Footer Styles */
.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-active-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 Styles */
.accmenu-bg,
.accdetail-bg {
  background: var(--acc-bg) !important;
}

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

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

.acc-txt {
  color: var(--acc-txt) !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;
}

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

.accmenu-wallet-btn .fa,
.accmenu-wallet-btn > span {
  color: var(--secondary-btn-txt) !important;
}

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

/* Account Detail Styles */
.accdetail-options.deposit_options button {
  border-color: var(--border-color-secondary) !important;
}

.accdetail-options.deposit_options label {
  color: var(--subtitle-color-primary) !important;
}

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

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

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

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

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

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

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

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

/* Card Styles */
.card-bg {
  background: var(--card-body) !important;
  border-color: 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;
}


.acc-card-bg {
  background: var(--card-body) !important;
  border: 1px solid var(--card-border) !important;
}

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

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

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

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

/* Messaging Tab Styles */
.messaging-icon-unmarked {
  color: var(--text-color-primary) !important;
}

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

/* Datepicker Styles */
.ui-datepicker td .ui-state-default {
  background: var(--input-bg) !important;
  color: var(--input-color-primary) !important;
  border-color: var(--input-border) !important;
}

.ui-datepicker td .ui-state-hover {
  filter: brightness(75%) !important;
}

.ui-datepicker td .ui-state-active,
.ui-datepicker td .ui-widget-content .ui-state-active {
  background: var(--active-btn-bg) !important;
  color: var(--active-btn-txt) !important;
}

/* Helper class */
.helptxt {
  color: var(--primary-btn-txt) !important;
}

/* Rpt Styles */
.rptmenu-bg,
.rptdetail-bg {
  background: var(--acc-bg) !important;
}

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

/* Additional styles that were in the original but not included earlier */
.active-btn {
  background: var(--option-bg-primary) !important;
}

.active-btn:hover,
.active-btn.active {
  background: var(--option-selected-bg) !important;
}

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

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

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

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

/* Media Queries */
@media (min-width: 1560px) {
  .sidemenu.show .sidemenu-card a {
    background: var(--sidemenu-card-bg) !important;
  }
}

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

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

.data_inprogress {
  color: var(--color-info) !important;
}

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