:root {
    --primary-bg: #4a0a0a;
    --primary-text-color: #fff;
    --secondary-text-color: #74708f;
    --theme-text-color: #f00;
    --primary-button-bg: #db1a1a;
    --primary-button-bg-img: linear-gradient(to right, #db1a1a 0%, #470a0a 100%);
    --primary-button-text-color: #fff;
    --outline-button-text-color: #fff;
    --outline-button-border-color: #fc0000;
    --standard-form-container-bg: #1e1e1e;
    --standard-form-container-bg-img: none;
    --standard-form-content-bg: #230f2a;
    --standard-form-title-color: #fc0000;
    --standard-form-label-color: #fff;
    --standard-form-input-bg: #111;
    --standard-form-input-text-color: #fff;
    --standard-form-input-border-color: #333;
    --standard-form-input-copy-button-bg: linear-gradient(to right, #d84848 0%, #ee1d1d 100%);
    --standard-form-input-disabled-bg: #101010;
    --standard-form-input-disabled-text-color: #999;
    --standard-form-note-bg: #2b0101;
    --standard-form-note-color: #fff;
    --standard-form-group-link-text-color: #fff;
    --standard-content-block-bg: #4a0a0a;
    --standard-remark-container-bg: #171717;
    --standard-remark-container-text-color: #fff;
    --standard-remark-container-border-color: #d80000;
    --standard-remark-notification-container-bg: #ffffff1a;
    --standard-remark-notification-title-text-color: #fff;
    --standard-remark-notification-content-text-color: #bebebe;
    --standard-remark-content-container-p-color: #d8d8d8;
    --modal-header-bg: #fc0000;
    --modal-header-bg-img: linear-gradient(to right, #fc0000 0%, #870202 100%);
    --modal-content-bg: #000;
    --modal-footer-border-top-color: rgba(224, 224, 224, .2);
    --simple-modal-hr-bg: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent), color-stop(50%, #fff));
    --form-input-icon-color: #910000;
    --reporting-navbar-bg: #191919;
    --reporting-navbar-active-bg: #db1a1a;
    --reporting-navbar-active-bg-img: linear-gradient(to right, #db1a1a 0%, #470a0a 100%);
    --standard-icon-filter: invert(1);
    --announcement-bg: #121212;
    --announcement-text-color: #fff;
    --carousel-indicator-bg: transparent;
    --carousel-indicator-active-color: #f80000;
    --jackpot-container-bg-img: linear-gradient(#e71400, #2d0400);
    --jackpot-inner-container-bg: #000;
    --jackpot-border-container-bg: #000;
    --jackpot-border-container-border-color: #5f0800;
    --jackpot-currency-text-color: #d31200;
    --main-menu-outer-container-navigation-bg: #e30202;
    --main-menu-outer-container-navigation-icon-color: #fff;
    --main-menu-outer-container-link-color: #f00;
    --main-menu-outer-container-link-active-color: #f60;
    --home-section-title-container-bg: #710000;
    --home-section-title-container-bg-img: linear-gradient(to right, #710000 0%, #141414 100%);
    --download-apk-section-platform-title-color: #f00;
    --download-apk-section-button-bg: #910000;
    --download-apk-section-guide-link-color: #01de41;
    --forgot-password-icon-filter: brightness(0) invert(1);
    --body-bg: #0e0e0e;
    --body-home-bg: #0e0e0e;
    --site-header-bg: #0b0b0b;
    --site-header-button-bg: #910000;
    --site-header-button-bg-img: linear-gradient(to right, #470a0a 0%, #910000 100%);
    --site-menu-bg: #161616;
    --side-menu-trigger-bar-icon-bg: #fff;
    --side-menu-trigger-before-bg: rgba(0, 0, 0, .8);
    --side-menu-trigger-before-box-shadow: 1px 0 2px rgba(255, 255, 255, .3);
    --site-menu-list-border-top-color: #0e0e0e;
    --site-menu-list-item-bg: #161616;
    --site-menu-list-item-text-color: #bbb;
    --site-menu-list-item-border-left-color: #4a4a4a;
    --side-menu-login-panel-bg: #141414;
    --side-menu-login-panel-bg-img: linear-gradient(to right, #141414 0%, #050505 100%);
    --side-menu-login-panel-login-button-bg: #910000;
    --side-menu-login-panel-login-button-bg-img: linear-gradient(to right, #910000 0%, #910000 100%);
    --side-menu-login-panel-login-button-text-color: #fff;
    --side-menu-login-panel-register-button-color: #db1a1a;
    --side-menu-login-panel-telegram-bot-link-img-border: #ffffff1a;
    --side-menu-username-text-bg: -webkit-linear-gradient(left, #e50000, #e5000080);
    --side-menu-balance-field-bg: #040404;
    --side-menu-balance-field-text-color: #fff;
    --side-menu-balance-field-border-color: #f00;
    --side-menu-balance-field-real-balance-text-color: #00fc12;
    --side-menu-locked-balance-container-bg: #2c2b29;
    --side-menu-experience-point-text-color: #fff;
    --site-footer-link-active-color: #d80000;
    --site-footer-menu-bg: #4a0a0a;
    --site-footer-menu-text-color: #fff;
    --site-info-bg: #0e0e0e;
    --floating-action-button-bg: linear-gradient(90deg, #db1a1a 0%, #470a0a 100%);
    --floating-action-button-border-color: #ad2c2c;
    --floating-action-button-box-shadow: 0 4px 24px 0 #ff000080;
    --loyalty-info-container-bg: linear-gradient(0deg, #303030 0%, #525252 89.01%, #303030 99%);
    --loyalty-info-experience-container-bg: #222;
    --loyalty-info-experience-container-separator-border-color: #3e3e3e;
    --loyalty-info-experience-progress-bg: #ffffff1a;
    --loyalty-info-balance-container-bg: #060606;
    --loyalty-info-balance-container-amount-color: #61dd04;
    --vendor-balances-container-color: #d80000;
    --info-center-panel-heading-bg: #f00;
    --info-center-panel-heading-text-color: #fff;
    --search-popup-bg: #0a0a0a;
    --search-popup-close-icon-img-filter: initial;
    --search-popup-title-icon-img-filter: invert(10%) sepia(100%) saturate(7474%) hue-rotate(359deg) brightness(92%) contrast(122%);
    --search-input-bg: #141414;
    --search-input-text-color: #fff;
    --search-input-border-color: #2b2b2b;
    --search-result-section-title-bg: #1d1d1d;
    --recent-searches-section-title-text-color: #6c6c6c;
    --recent-searches-history-item-bg: #141414;
    --recent-searches-history-item-text-color: #fff;
    --tab-menu-container-bg: #808080;
    --tab-menu-container-border-right-color: #000;
    --tab-menu-container-active-bg: #d80000;
    --account-summary-referral-code-container-bg: #2b0101;
    --account-summary-referral-code-container-color: #d80000;
    --account-summary-last-transaction-table-header-bg: #d80000;
    --account-summary-last-transaction-table-body-bg: #0a0814;
    --payment-account-list-arrow-icon-filter: invert(1);
    --payment-account-default-label-bg: #41404c;
    --payment-account-default-label-text-color: #d8d8df;
    --payment-account-default-label-border-color: #908fa1;
    --register-page-payment-method-container-bg: #282828;
    --register-page-reminder-text-color: #b2b0b9;
    --register-done-container-text-color: #d5d5d5;
    --register-done-container-sub-text-color: #7c7c7c;
    --register-done-verification-remarks-container-bg: #fc00004f;
    --register-done-verification-remarks-container-text-color: #fff;
    --register-done-verification-remarks-container-link-text-color: #f00;
    --register-done-verification-remarks-container-border-color: #fc0000;
    --pending-transaction-card-bg: #1d1d1d;
    --pending-transaction-card-main-text-color: #fff;
    --pending-transaction-card-sub-text-color: #bbb;
    --pending-transaction-card-bank-info-bg: #222;
    --pending-transaction-card-bank-info-icon-filter: initial;
    --pending-transaction-card-copy-icon-filter: invert(1);
    --pending-transaction-card-hr-border-top-color: #2d2d2d;
    --pending-transaction-card-hr-border-bottom-color: #272727;
    --pending-transaction-summary-footer-border-top-color: #ffffff14;
    --pending-transaction-summary-detail-container-bg: #241717;
    --pending-transaction-summary-detail-container-text-color: #fff;
    --pending-transaction-summary-detail-container-border-color: #d80b0b;
    --pending-transaction-summary-detail-button-bg: #ca0101;
    --pending-transaction-details-container-bg: #242424;
    --pending-transaction-details-container-text-color: #fff;
    --pending-transaction-details-container-border-color: #404040;
    --pending-transaction-details-item-bg: #0e0e0e;
    --pending-transaction-details-item-border-color: #404040;
    --pending-transaction-details-item-copy-img: invert(0);
    --pending-transaction-details-item-icon-filter: initial;
    --pending-transaction-details-item-img-bg: #f997021a;
    --pending-transaction-details-item-secondary-color: #bdbdbd;
    --deposit-payment-method-selection-active-bg: #570505;
    --deposit-payment-method-selection-active-bg-img: linear-gradient(to bottom, #db1a1a 0%, #470a0a 100%);
    --deposit-container-bank-info-bg: #242424;
    --deposit-container-bank-info-copy-icon-filter: invert(1);
    --deposit-container-bank-info-hr-border-top-color: #000;
    --deposit-container-bank-info-hr-border-bottom-color: #393939;
    --deposit-container-bank-info-sub-text-color: #95939e;
    --deposit-container-bank-info-admin-fee-text-color: #ffb82e;
    --deposit-container-bank-info-icon-filter: initial;
    --pending-transaction-details-item-hr-border-color: rgba(224, 224, 224, .2);
    --pending-transaction-details-pending-bonus-remarks-bg: #ffffff0f;
    --pending-transaction-details-pending-bonus-remarks-text-color: #fff;
    --pending-transaction-details-pending-bonus-remarks-border-color: #fff9;
    --deposit-summary-container-border-color: #1e1e1e;
    --deposit-summary-header-bg: #1e1e1e;
    --deposit-summary-header-text-color: #fff;
    --deposit-summary-header-text-amount-color: #f00;
    --deposit-summary-content-bg: #000;
    --deposit-summary-detail-text-sub-color: #dbdbdb;
    --deposit-summary-footer-border-top-color: #303030;
    --bonus-selection-container-bg: #4f0001;
    --bonus-selection-container-text-color: #fff;
    --bonus-selection-container-border-color: #e60105;
    --bonus-selection-container-cancel-button-color: #fff;
    --bonus-selection-popup-bg: #0f0d1e;
    --bonus-selection-popup-text-color: #fff;
    --bonus-selection-popup-close-icon-filter: initial;
    --bonus-selection-card-bg: #1d1c21;
    --bonus-selection-card-border-color: #42404c;
    --bonus-selection-card-selected-bg: #4f0001;
    --bonus-selection-card-selected-border-color: #e60105;
    --bonus-selection-card-disabled-bg: #333;
    --bonus-selection-card-disabled-border-color: #42404c;
    --bonus-selection-card-apply-button-bg: #35333b;
    --bonus-selection-card-apply-button-border-color: #5a5762;
    --bonus-selection-card-cancel-button-bg: #3c1e1e;
    --bonus-selection-card-cancel-button-text-color: #ff7272;
    --bonus-selection-card-cancel-button-border-color: #582c2c;
    --bonus-selection-card-detail-bg: #3a3842;
    --bonus-selection-card-detail-highlighted-section-bg: #27252c;
    --bonus-selection-card-detail-highlighted-section-text-color: #d0d0d0;
    --bonus-selection-card-detail-disabled-text-color: #e7e7e7;
    --bonus-selection-card-remarks-bg: #4f0001;
    --bonus-selection-card-remarks-text-color: #fff;
    --bonus-selection-card-remarks-border-color: #e60105;
    --bonus-selection-card-footer-terms-arrow-disabled-filter: initial;
    --withdrawal-remark-container-bg: #171717;
    --withdrawal-remark-container-text-color: #fff;
    --withdrawal-remark-container-border-color: #e60105;
    --trans-item-green-color: #66f480;
    --trans-item-red-color: #ff695e;
    --pending-transaction-page-bg: #0a0a0a;
    --back-link-cntr-a-color: #fff;
    --back-link-cntr-a-hover-color: #fff;
    --back-link-cntr-a-img-filter: invert(1);
    --pending-trans-section-head-span-color: #fff;
    --pending-trans-section-head-a-color: #ff9806;
    --pending-trans-section-head-a-hover-color: #0d3d9e;
    --pending-trans-car-item-bg: #191919;
    --pending-trans-car-item-info-section-details-primary-color: #ececec;
    --pending-trans-car-item-info-section-details-secondary-color: #bdbdbd;
    --pending-trans-car-item-download-qr-btn-bg: linear-gradient(to right, #db1a1a 0%, #470a0a 100%);
    --pending-trans-car-item-download-qr-btn-color: #fff;
    --pending-trans-car-item-download-qr-btn-hover-bg: linear-gradient(to right, #470a0a 0%, #db1a1a 100%);
    --pending-trans-car-item-download-qr-btn-hover-color: #fff;
    --reporting-group-transaction-item-border-top-color: #242424;
    --reporting-detail-popup-bg: #252525;
    --pending-trans-detail-primary-color: #fff;
    --pending-trans-detail-secondary-color: #bdbdbd;
    --pending-trans-detail-card-bg: #262626;
    --pending-trans-detail-card-border-color: #404040;
    --pending-trans-detail-card-secondary-section-bg: #2c2c2c;
    --pending-trans-detail-remarks-color: #fff;
    --pending-trans-info-chevron-icon-filter: invert(1);
    --pending-trans-info-copy-icon-filter: invert(1);
    --pending-trans-expiration-in-color: #a9a9a9;
    --pending-trans-expiration-countdown-color: #55fc25;
    --reporting-detail-overlay-bg: #0b0b0b;
    --reporting-detail-overlay-color: #fff;
    --reporting-detail-overlay-close-button-filter: invert(1);
    --bet-report-detail-container-primary-bg: #191919;
    --bet-report-detail-container-secondary-bg: #282828;
    --bet-report-detail-header-border-color: #2f2f2f;
    --bet-report-detail-link-color: var(--theme-text-color);
    --claim-item-type-bg: #5b1919;
    --claim-item-type-expiration-countdown-bg: #4d1515;
    --claim-item-card-bg: #1b1b1b;
    --claim-item-card-text-color: #fff;
    --claim-item-card-note-text-color: #870202;
    --claim-item-card-border-color: #5b1919;
    --claim-item-activation-button-bg: #870202;
    --claim-item-claim-button-bg: linear-gradient(to bottom, #fc0000 0%, #870202 100%);
    --claim-item-claim-button-border-color: #870202;
    --claim-item-info-button-bg: #555;
    --claim-info-remarks-bg: #241717;
    --claim-info-remarks-text-color: #fff;
    --claim-info-remarks-border-color: #d80b0b;
    --claim-info-highlighted-section-bg: #ffffff26;
    --claim-info-highlighted-section-text-color: #d0d0d0;
    --claim-info-turnover-calculation-note-text-color: #eabd79;
    --combine-promo-info-warning-color: #db7500;
    --combine-promo-info-value-text-color: #fff;
    --bonus-progress-bg: #555;
    --bonus-progress-bar-bg: linear-gradient(to right, #a4c165 0%, #6dcf67 100%);
    --bonus-slider-modal-bg: #171717;
    --bonus-slider-form-bg: #202020;
    --bonus-slider-form-text-color: #dad9d9;
    --bonus-slider-form-border-top-color: #8c8c8c;
    --bonus-slider-control-button-bg: #e4e4e4;
    --bonus-slider-control-button-color: #525252;
    --bonus-slider-activation-button-hover-bg: #af0000;
    --messaging-side-menu-bg: #1d1d1d;
    --messaging-side-menu-text-color: #fff;
    --notification-tab-item-bg: #1f1e1b;
    --notification-tab-item-text-color: #fff;
    --notification-tab-item-border-bottom-color: #1f1e1b;
    --notification-tab-item-active-border-bottom-color: #fff;
    --notification-item-bg: #111;
    --notification-item-border-color: #242424;
    --notification-item-unread-bg: #200;
    --notification-item-unread-border-color: #d80000;
    --notification-item-unread-label-bg: #d80000;
    --notification-item-main-text-color: #fff;
    --notification-item-sub-text-color: #858585;
    --notification-item-teaser-text-color: #cfcfcf;
    --notification-empty-image-bg: #333;
    --reporting-control-group-bg: #191919;
    --reporting-table-header-bg: #2e0e0e;
    --reporting-table-header-text-color: #fff;
    --reporting-table-body-bg: #0e0e0e;
    --reporting-table-body-text-color: #bbb;
    --reporting-table-body-border-color: #0e0e0e;
    --reporting-table-grid-totals-color: #2e0e0e;
    --no-data-container-image-filter: invert(33%) sepia(0%) saturate(1260%) hue-rotate(138deg) brightness(95%) contrast(90%);
    --no-data-container-text-color: #7c7c7c;
    --referral-code-container-border-color: #e50000;
    --referral-button-bg: linear-gradient(to right, #bf0f0f 0%, #870d0d 100%);
    --referral-show-qr-button-bg: #1e1e1e;
    --referral-show-qr-button-text-color: #fff;
    --referral-show-qr-button-icon-filter: initial;
    --referral-share-button-img-filter: invert(100%) invert(12%) sepia(94%) saturate(5197%) hue-rotate(4deg) brightness(91%) contrast(118%);
    --referral-update-verification-note-bg: #231010;
    --referral-statistic-box-bg: #460d0d;
    --referral-statistic-box-border: none;
    --referral-statistic-box-border-bottom: 1px solid #e50000;
    --referral-statistic-box-text-color: #fff;
    --referral-statistic-box-amount-text-color: #e50000;
    --referral-guidance-feature-item-bg: #363636;
    --referral-guidance-feature-icon-container-bg: linear-gradient(to bottom, #db1a1a 0%, #470a0a 100%);
    --referral-guidance-feature-info-title-color: #fff;
    --referral-verification-form-note-bg: #cbcbcb;
    --referral-verification-form-note-color: #363565;
    --referral-verification-footer-line-bg: #555;
    --referral-pending-verification-image-bg: #d80000;
    --mobile-app-select-text-color: #fff;
    --mobile-app-select-active-bg: #870d0d;
    --daily-reward-popup-title-text-color: #fff;
    --daily-reward-popup-sub-title-text-color: #fff;
    --daily-reward-popup-detail-description-bg: #2f2e35;
    --daily-reward-popup-detail-description-text-color: #bbb;
    --double-exp-countdown-container-bg: #210202;
    --double-exp-countdown-container-text-color: #fff;
    --double-exp-countdown-number-bg: #05040a;
    --double-exp-countdown-number-separator-bg: #343045;
    --loyalty-container-bg: #0e0e0e;
    --loyalty-container-title-text-color: #fff;
    --loyalty-top-bar-container-bg: linear-gradient(82.95deg, #121212 -41.64%, #3d3d3d 138.36%);
    --loyalty-top-bar-container-text-color: #fff;
    --loyalty-top-bar-container-separator-bg: #fff3;
    --loyalty-top-bar-experience-bar-bg: #0a0a0a;
    --loyalty-top-bar-current-experience-point-text-color: #92ff2d;
    --loyalty-top-bar-experience-message-text-color: #f8e689;
    --loyalty-top-bar-icon-image-filter: invert(1);
    --loyalty-top-bar-loyalty-point-container-bg: #0e0e0e;
    --loyalty-top-bar-loyalty-point-info-icon-bg: #a8a8a8;
    --loyalty-top-bar-accumulated-point-container-bg: #0e0e0e;
    --loyalty-top-bar-accumulated-point-container-text-color: #a8a8a8;
    --loyalty-menu-item-bg: #212121;
    --loyalty-reward-tab-filter-item-bg: #1e1e1e;
    --loyalty-reward-tab-filter-item-text-color: #dbdbdb;
    --loyalty-reward-tab-filter-item-active-bg: #393939;
    --loyalty-reward-tab-filter-item-text-color: #fff;
    --loyalty-reward-category-title-border-color: #e30202;
    --loyalty-reward-product-card-bg: #191919;
    --loyalty-reward-product-card-item-lp-container-bg: #fff3;
    --loyalty-reward-product-card-item-lp-container-real-point-text-color: #6c757d;
    --loyalty-reward-product-card-redeem-button-bg: #e30202;
    --loyalty-reward-product-card-redeem-button-bg-img: linear-gradient(to right, #e30202, #7d0101);
    --loyalty-reward-product-card-disabled-button-bg: #fff3;
    --loyalty-reward-product-card-disabled-button-text-color: #ffffff4d;
    --loyalty-reward-product-scrollbar-bg: #58585a;
    --loyalty-reward-mission-item-bg: #211e1e;
    --loyalty-reward-mission-item-text-color: #fff;
    --loyalty-reward-mission-progress-bg: #020202;
    --loyalty-reward-mission-progress-text-color: #fff;
    --loyalty-reward-mission-progress-completed-text-color: #fff;
    --loyalty-reward-mission-action-container-bg: #333030;
    --loyalty-reward-mission-action-container-start-button-bg: #626262;
    --loyalty-history-filter-bg: #282525;
    --loyalty-history-filter-text-color: #fff;
    --loyalty-history-filter-border-color: #363333;
    --loyalty-history-list-item-bg: #211e1e;
    --loyalty-how-it-works-section-bg: #111;
    --loyalty-how-it-works-section-border-color: #212121;
    --loyalty-how-it-works-section-title-bg: #393939;
    --loyalty-how-it-works-section-title-text-color: #f00;
    --loyalty-level-item-bg: #121212;
    --loyalty-level-item-text-color: #ffffff4d;
    --loyalty-level-item-active-bg: #202020;
    --loyalty-level-item-text-active-color: #fff;
    --loyalty-level-item-lock-icon-image-filter: initial;
    --loyalty-level-progress-bar-bg: #252525;
    --loyalty-level-remarks-container-bg: #171717;
    --loyalty-level-remarks-container-border-color: #d80000;
    --loyalty-benefits-container-bg: #141414;
    --loyalty-benefits-list-item-bg: #252525;
    --loyalty-benefits-list-item-box-shadow: 0 4px 4px 0 #00000040;
    --loyalty-benefits-list-item-sub-text-color: #a8a8a8;
    --loyalty-benefits-list-item-arrow-icon-img-filter: invert(1);
    --loyalty-benefits-modal-main-text-color: #fff;
    --loyalty-benefits-modal-sub-text-color: #dbdbdb;
    --provider-list-text-color: #a8a8a8;
    --games-filter-section-bg: #0e0e0e;
    --games-filter-section-text-color: #9694a0;
    --games-filter-input-bg: #300707;
    --games-filter-tab-text-active-color: #fff;
    --games-filter-tab-text-active-border-bottom-color: #d80000;
    --games-list-text-color: #fff;
    --games-list-card-bg: #491313;
    --games-list-card-bg-img: linear-gradient(to bottom, #491313 0%, #2e0e0e 100%);
    --vendor-page-game-buttons-field-bg: #000;
    --otp-popup-background: #141125;
    --otp-popup-text-color: #fff;
    --otp-input-bg: #111;
    --otp-input-text-color: #fff;
    --otp-input-text-border-color: #333;
    --otp-input-text-filled-border-color: #ca0101;
    --contact-verification-input-bg: #141414;
    --contact-verification-input-text-color: #dbdbdb;
    --contact-verification-input-border-color: #2c2c2c;
    --promotion-top-tab-container-bg: #111;
    --promotion-top-tab-container-active-bg: #d80000;
    --promotion-top-tab-container-text-color: #fff;
    --promotion-filter-tab-bg: #1b1b1b;
    --promotion-filter-tab-text-color: #ccc;
    --promotion-filter-tab-active-bg: #d80000;
    --promotion-filter-tab-active-text-color: #fff;
    --promotion-item-bg: #0b0b0b;
    --promotion-item-text-color: #fff;
    --promotion-item-sub-text-color: #acabaa;
    --promotion-item-get-promo-button-bg: #910000;
    --promotion-item-get-button-text-color: #fff;
    --promotion-item-detail-button-border-color: #d80000;
    --promotion-item-detail-button-text-color: #d80000;
    --promotion-countdown-bg: #470404;
    --promotion-countdown-text-color: #fff;
    --promotion-countdown-box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
    --promotion-countdown-number-bg: #f6f6f6;
    --promotion-countdown-number-text-color: #470404;
    --promotion-share-button-border-color: #969696;
    --promotion-share-button-text-color: #fff;
    --promotion-share-button-icon-filter: invert(1) brightness(2);
    --date-range-picker-topbar-bg: #470a0a;
    --date-range-picker-selected-start-end-bg: #db1a1a;
    --date-range-picker-selected-today-bg: #c61d1d;
    --date-range-picker-selected-range-bg: #f8dad8;
    --intro-js-tooltip-bg: #848484;
    --intro-js-tooltip-title-text-color: #fff;
    --intro-js-tooltip-description-text-color: #fff;
    --popover-bg: #171717;
    --popover-text-color: #fff;
    --popover-border-color: #f00;
    --drawer-cntr-bg: #252525;
    --drawer-cntr-color: #fff;
    --drawer-cntr-displayed-content-label-input-radio-before-bg: #363636;
    --drawer-cntr-displayed-content-label-input-radio-before-border: #6f6f6f;
    --drawer-cntr-displayed-content-label-input-radio-checked-before-bg: #252525;
    --drawer-cntr-displayed-content-label-input-radio-checked-before-border: #d80000;
    --drawer-cntr-displayed-content-label-input-radio-checked-after-bg: #d80000;
    --reporting-form-cntr-group-select-form-control-bg: #080808;
    --reporting-form-cntr-group-form-control-select-border: #d80000;
    --reporting-form-cntr-group-form-control-select-color: #fff;
    --resolved-transaction-carousel-navigation-bg: #3d3d3d;
    --resolved-transaction-carousel-navigation-border-color: #8d8d8d;
    --resolved-transaction-carousel-navigation-arrow-filter: invert(1);
    --resolved-transaction-copy-icon-filter: invert(0);
    --resolved-transaction-header-icon: invert(0);
    --resolved-transaction-status-app-filter: brightness(0) saturate(100%) invert(85%) sepia(9%) saturate(2459%) hue-rotate(68deg) brightness(102%) contrast(88%);
    --resolved-transaction-status-rej-filter: brightness(0) saturate(100%) invert(76%) sepia(54%) saturate(2439%) hue-rotate(305deg) brightness(95%) contrast(144%);
    --modal-body-resolved-trans-wrapped-body-border-color: #404040;
    --modal-body-resolved-trans-details-bg: #252525;
    --modal-body-resolved-trans-details-cntr-bg: #212121;
    --modal-body-resolved-trans-details-cntr-border: none;
    --modal-body-resolved-trans-details-primary-color: #fff;
    --modal-body-resolved-trans-details-secondary-color: #bdbdbd;
    --modal-body-resolved-trans-details-dashed-color: rgba(255, 255, 255, .25);
    --modal-body-resolved-trans-details-amount-color: #fff;
    --modal-body-resolved-trans-details-rejected-reason-container-color: #362121;
    --modal-body-resolved-trans-details-rejected-reason-container-border-color: #4e2e2e;
    --modal-body-resolved-trans-details-rejected-reason-text-color: #ff8181;
    --free-spin-report-container-bg: #212121;
    --free-spin-report-title-color: #fff;
    --free-spin-report-detail-color: #bdbdbd;
    --free-spin-report-status-failed: #ff8181;
    --free-spin-report-status-pending: #feb944;
    --free-spin-report-status-success: #6ff082;
    --free-spin-report-status-ongoing-img: brightness(0) invert(1) brightness(.741);
    --reporting-group-inner-card-border-top-color: #424242;
    --empty-table-cntr-color: #888;
    --empty-table-cntr-img-filter: initial;
    --case-number-color: #e50000;
    --appeal-btn-border-color: #e50000;
    --appeal-btn-color: #e50000;
    --appeal-status-header-bg: #1f1f1f;
    --appeal-case-number-label-color: #dbdbdb;
    --appeal-status-header-color: #dbdbdb;
    --appeal-timeline-border-color: #fff3;
    --appeal-status-timeline-color: #bdbdbd;
    --appeal-status-timeline-details-bg: #161616;
    --appeal-status-timeline-details-color: #bdbdbd;
    --appeal-status-current-progress-color: #89ed95;
    --appeal-close-note-border-color: #f1f1f1;
    --appeal-cert-number-section-color: #dbdbdb;
    --appeal-case-number-btn-img-filter: invert(0);
    --appeal-close-note-border-color: #1f1f1f;
    --appeal-form-label-color: #fff;
    --tracker-form-title-color: #fff;
    --appeal-container-bg: #0f0f0f;
    --complaint-remarks-bg: #262626;
    --complaint-remarks-header-color: #e50000;
    --complaint-form-link-header-a-true-bg: #470a0a;
    --complaint-form-link-header-a-true-color: #fff;
    --complaint-form-link-header-a-color: #fff;
    --complaint-form-link-header-a-bg: #222;
    --std-form-container-form-control-bg: #080808;
    --std-form-container-form-control-border: #2b2b2b;
    --complaint-submit-button-bg: linear-gradient(to right, #db1a1a 0%, #470a0a 100%);
    --complaint-form-procedure-steps-color: #dbdbdb;
    --complaint-form-procedure-steps-bg: #262626;
    --complaint-upload-box-border-color: #e50000;
    --complaint-upload-box-plus-color: #e50000;
    --footer-separator-border: 1px dotted #262626;
    --footer-description-header-color: #d5d5d5;
    --footer-description-note-color: #676767;
    --footer-sitemap-header-color: #d5d5d5;
    --footer-sitemap-link-color: #676767;
    --footer-bank-list-note-color: #939393;
    --footer-sitemap-icon-bg: #303030;
    --footer-sitemap-icon-filter: invert(.5);
    --footer-sitemap-qr-icon-filter: invert(0);
    --footer-featured-product-bg: #121212;
    --footer-card-container-border: #1e1e1e;
    --footer-copyright-color: inherit
}

body:not(.empty-layout) {
    background-color: var(--body-bg);
}

body[data-route="home"]:not(.empty-layout) {
    background-color: var(--body-home-bg);
}

body.has-apk-download-notification {
    padding-top: 70px;
}

.site-header {
    background-color: var(--site-header-bg);
}

.site-header .header-info .unread-announcements-button:before {
    background: var(--theme-text-color);
    color: var(--primary-text-color);
    border-color: var(--primary-text-color);
}

.site-header .header-info .unread-announcements-button[data-announcement-count="0"]:before {
    background: var(--secondary-text-color);
}

.site-header .header-info a[href="login"],
.site-header .header-info a[href="register"] {
    background-color: var(--primary-button-bg);
    background-image: var(--primary-button-bg-img);
    color: var(--primary-button-text-color);
}

.site-header .header-info a[href="login"]:hover,
.site-header .header-info a[href="register"]:hover {
    background-color: var(--primary-button-bg);
    background-image: var(--primary-button-bg-img);
    opacity: 0.9;
}

.site-menu-trigger:before {
    background-color: var(--side-menu-trigger-before-bg);
    box-shadow: var(--side-menu-trigger-before-box-shadow);
}

.site-menu-trigger [data-icon="menu"] {
    background-color: var(--side-menu-trigger-bar-icon-bg);
}

.site-menu-trigger-input:checked + .inner-body-container .site-menu-trigger [data-icon="menu"]:before,
.site-menu-trigger-input:checked + .inner-body-container .site-menu-trigger [data-icon="menu"]:after {
    background-color: var(--theme-text-color);
}

.site-menu > ul {
    background-color: var(--site-menu-bg);
    color: var(--primary-text-color);
}

.site-menu li > a,
.site-menu summary {
    background-color: var(--site-menu-list-item-bg);
    color: var(--site-menu-list-item-text-color);
    border-left-color: var(--site-menu-list-item-border-left-color);
}

.site-menu li > a[data-active="true"] {
    border-left-color: var(--theme-text-color);
}

.site-menu li > a:hover,
.site-menu summary:hover {
    color: var(--primary-text-color);
    border-left-color: var(--theme-text-color);
}

.site-menu li + li,
.site-menu details article {
    border-top-color: var(--site-menu-list-border-top-color);
}

.site-menu [data-icon][data-new-notification="true"]:after,
.site-menu-trigger[data-new-notification="true"]:after {
    background-color: var(--theme-text-color);
}

.side-menu-user-info,
.side-menu-login-panel {
    background-color: var(--side-menu-login-panel-bg);
    background-image: var(--side-menu-login-panel-bg-img);
}

.side-menu-login-panel input[type="text"],
.side-menu-login-panel input[type="password"] {
    background-color: var(--standard-form-input-bg);
    color: var(--standard-form-input-text-color);
}

.side-menu-login-panel input[type="submit"] {
    border-color: var(--outline-button-border-color);
    color: var(--outline-button-text-color);
}

.side-menu-login-panel a {
    background-color: var(--side-menu-login-panel-login-button-bg);
    background-image: var(--side-menu-login-panel-login-button-bg-img);
    color: var(--side-menu-login-panel-login-button-text-color);
}

.side-menu-login-panel a:hover {
    opacity: 0.9;
}

.side-menu-login-panel input::-webkit-input-placeholder {
    color: var(--secondary-text-color);
}

.side-menu-user-info .username {
    background: var(--side-menu-username-text-bg);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.side-menu-user-info .balance > span {
    color: var(--side-menu-balance-field-real-balance-text-color);
}

.side-menu-user-info .locked-balance {
    background: var(--side-menu-locked-balance-container-bg);
}

.side-menu-user-info .locked-balance i {
    color: var(--primary-text-color);
}

.side-menu-user-info .buttons-container .logout-button {
    background-color: var(--standard-form-input-bg);
    color: var(--primary-text-color);
}

.side-menu-user-info .side-menu-balance-field {
    background-color: var(--side-menu-balance-field-bg);
    color: var(--side-menu-balance-field-text-color);
    border-color: var(--side-menu-balance-field-border-color);
}

.side-menu-user-info .side-menu-balance-field .balance > span {
    color: var(--side-menu-balance-field-real-balance-text-color);
}

.side-menu-user-info .side-menu-balance-field .loyalty-point {
    color: var(--jackpot-currency-text-color);
}

.site-contacts {
    background: var(--standard-content-block-bg);
    background-image: var(--standard-form-container-bg-img);
}

.site-contacts .contact-list li a {
    background-color: var(--body-bg);
    color: var(--primary-text-color);
}

.site-contacts .contact-list li a i {
    background-color: var(--standard-form-input-bg);
}

.footer-links-container {
    background-color: var(--site-footer-menu-bg);
}

.site-footer {
    background-color: var(--site-footer-menu-bg);
    color: var(--site-footer-menu-text-color);
}

.site-footer a[data-active="true"] {
    color: var(--site-footer-link-active-color);
}

.site-footer a:hover {
    color: var(--site-footer-link-active-color);
}

.user-balance {
    background-color: var(--standard-form-input-bg);
    color: var(--primary-text-color);
}

.user-balance > button [data-icon] {
    background-image: var(--image-src);
}

.user-balance .balance > a {
    color: var(--primary-text-color);
}

.user-balance .balance > a > span {
    color: var(--side-menu-balance-field-real-balance-text-color);
}

.user-balance .vendor-balances-container {
    border-color: var(--vendor-balances-container-color);
    background-color: var(--modal-content-bg);
}

.user-balance .vendor-balances-container .vendor-balances-header {
    border-bottom-color: var(--vendor-balances-container-color);
    color: var(--vendor-balances-container-color);
}

.user-balance .vendor-balances-container .vendor-balances-header,
.user-balance .vendor-balances-container strong {
    color: var(--vendor-balances-container-color);
}

.user-balance .vendor-balances-container ::-webkit-scrollbar-thumb {
    background: var(--loyalty-reward-product-scrollbar-bg);
}

.modal-header {
    background-color: var(--modal-header-bg);
    background-image: var(--modal-header-bg-img);
    color: var(--primary-text-color);
}

.modal-header .close {
    color: var(--primary-text-color);
}

.modal-body {
    background-color: var(--modal-content-bg);
    color: var(--primary-text-color);
}

.modal-footer {
    background-color: var(--modal-content-bg);
    border-top-color: var(--modal-footer-border-top-color);
}

.modal-footer .btn-primary {
    background-color: var(--primary-button-bg);
    background-image: var(--primary-button-bg-img);
    color: var(--primary-button-text-color);
}

.modal-footer .btn-primary:hover {
    opacity: 0.9;
}

.standard-form-container {
    background-color: var(--standard-form-container-bg);
    background-image: var(--standard-form-container-bg-img);
}

.standard-form-container label {
    color: var(--standard-form-label-color);
}

.standard-form-container .form-control {
    background-color: var(--standard-form-input-bg);
    color: var(--standard-form-input-text-color);
    border-bottom-color: var(--standard-form-input-border-color);
}

.standard-form-container .form-control:focus {
    border-color: var(--theme-text-color);
}

.standard-form-container .form-control option {
    background-color: var(--standard-form-input-bg);
    color: var(--standard-form-input-text-color);
}

.standard-form-container .form-control::-webkit-input-placeholder {
    color: var(--secondary-text-color);
}

.required-form-group > label:after {
    color: var(--theme-text-color);
}

.standard-form-title {
    color: var(--standard-form-title-color);
}

.standard-form-content {
    background-color: var(--standard-form-content-bg);
    color: var(--primary-text-color);
}

.standard-button,
.standard-secondary-button {
    background-color: var(--primary-button-bg);
    background-image: var(--primary-button-bg-img);
    color: var(--primary-button-text-color);
    border: 0;
}

.standard-button:hover,
.standard-secondary-button:hover {
    background-color: var(--primary-button-bg);
    background-image: var(--primary-button-bg-img);
    opacity: 0.9;
}

.standard-button[disabled],
.standard-secondary-button[disabled],
.standard-button[disabled]:hover,
.standard-secondary-button[disabled]:hover {
    background: var(--standard-form-input-disabled-bg);
    color: var(--standard-form-input-disabled-text-color);
    cursor: not-allowed;
}

.standard-form-note {
    color: var(--standard-form-note-color);
    background-color: var(--standard-form-note-bg);
}

.standard-form-note.with-icon > div:last-child {
    background-color: var(--referral-verification-form-note-bg);
    color: var(--referral-verification-form-note-color);
}

.standard-form-note.with-icon > div:last-child > span {
    color: var(--referral-verification-form-note-color);
}

.alert-success {
    color: var(--trans-item-green-color);
    background-color: var(--standard-form-note-bg);
    border-color: var(--trans-item-green-color);
}

.alert-danger {
    color: var(--theme-text-color);
    background-color: var(--standard-form-note-bg);
    border-color: var(--theme-text-color);
}

.captcha-input .captcha-container .refresh-captcha-button {
    color: var(--primary-text-color);
}

.copy-input-button-field .copy-input-button {
    background: var(--standard-form-input-copy-button-bg);
    color: var(--primary-button-text-color);
    border: none;
}

.copy-input-button-field .copy-input-button:hover {
    color: var(--primary-button-text-color);
    opacity: 0.9;
}

.standard-required-message,
.field-validation-error {
    color: var(--theme-text-color);
}

.reporting-control-group {
    background: var(--reporting-control-group-bg);
    color: var(--primary-text-color);
}

.reporting-control-group .form-control {
    background: var(--std-form-container-form-control-bg);
    border: 0;
    color: var(--primary-text-color);
}

.reporting-scroll-container {
    background-color: var(--standard-form-input-bg);
}

.reporting-scroll-container thead {
    background-color: var(--reporting-table-header-bg);
    color: var(--reporting-table-header-text-color);
}

.reporting-scroll-container tbody tr td {
    color: var(--reporting-table-body-text-color);
    border-color: var(--reporting-table-body-border-color);
}

.reporting-scroll-container .table td .status-pill[data-value] {
    background-color: var(--secondary-text-color);
    color: var(--primary-text-color);
}

.reporting-scroll-container .table td .status-pill[data-value=app] {
    background-color: var(--trans-item-green-color);
}

.reporting-scroll-container .table .grid-totals {
    background-color: var(--reporting-table-grid-totals-color);
    color: var(--primary-text-color);
    border-color: var(--reporting-table-grid-totals-color);
}

.reporting-nav-bar {
    background-color: var(--reporting-navbar-bg);
    color: var(--primary-text-color);
    border-color: var(--reporting-navbar-active-bg);
}

.reporting-nav-bar a,
.reporting-nav-bar a:hover {
    color: inherit;
}

.reporting-nav-bar a[data-active="true"] {
    background-color: var(--reporting-navbar-active-bg);
    background-image: var(--reporting-navbar-active-bg-img);
}

.standard-password-field > i {
    color: var(--form-input-icon-color);
}

.tab-menu-container {
    background-color: var(--tab-menu-container-bg);
}

.tab-menu-container a {
    color: var(--primary-text-color);
}

.tab-menu-container a:not(:last-child) {
    border-right-color: var(--tab-menu-container-border-right-color);
}

.tab-menu-container a[data-active="true"] {
    background-color: var(--tab-menu-container-active-bg);
}

.tab-menu-container a[data-active="true"] [data-icon] {
    background-image: var(--active-image-src);
}

.form-group-link-container a,
.form-group-link {
    color: var(--standard-form-group-link-text-color);
}

.form-group-link-container a:hover,
.form-group-link:hover {
    color: var(--theme-text-color);
}

.otp-hr {
    border-color: var(--theme-text-color);
}

.request-otp-button,
.request-otp-button:hover {
    border-color: var(--theme-text-color);
    color: var(--theme-text-color);
    background-color: transparent;
}

.request-otp-button[disabled] {
    border-color: var(--standard-form-input-disabled-bg);
    background-color: var(--standard-form-input-disabled-bg);
    color: var(--standard-form-input-disabled-text-color);
}

.otp-input {
    border-color: var(--theme-text-color);
    box-shadow: none;
}

.otp-input:focus {
    border-color: var(--primary-button-bg);
    box-shadow: 0 0 0 2px rgba(var(--primary-button-bg-rgb), 0.25);
}

.games-filter-section {
    background-color: var(--games-filter-section-bg);
    color: var(--games-filter-section-text-color);
}

.games-filter-section .name-filter input[type="text"] {
    background-color: var(--games-filter-input-bg);
    color: var(--primary-text-color);
}

.games-filter-section .category-filter .category-filter-link {
    color: var(--games-filter-section-text-color);
}

.games-filter-section .category-filter .category-filter-link.active {
    border-bottom-color: var(--games-filter-tab-text-active-border-bottom-color);
    color: var(--games-filter-tab-text-active-color);
}

.games-filter-section .category-filter .category-filter-link:hover {
    color: var(--primary-text-color);
}

.game-list ul > li {
    color: var(--games-list-text-color);
}

.bigger-game-list ul .inner-game-item,
.scrollable-game-list .inner-game-item {
    background-color: var(--games-list-card-bg);
    background-image: var(--games-list-card-bg-img);
}

.bigger-game-list ul .inner-game-item .wrapper-container .link-container,
.scrollable-game-list main .inner-game-item .wrapper-container .link-container {
    background-color: var(--modal-content-bg);
}

.bigger-game-list ul .inner-game-item .wrapper-container .rtp-container,
.scrollable-game-list main .inner-game-item .wrapper-container .rtp-container {
    background-color: var(--modal-content-bg);
    color: var(--primary-text-color);
}

.bigger-game-list ul .inner-game-item .wrapper-container .rtp-container .rtp-progress,
.scrollable-game-list main .inner-game-item .wrapper-container .rtp-container .rtp-progress {
    background-color: var(--primary-text-color);
    border-color: var(--standard-form-input-border-color);
}

.play-now,
.free-play {
    color: var(--primary-text-color);
}

.play-now {
    background-color: var(--primary-button-bg);
    background-image: var(--primary-button-bg-img);
    color: var(--primary-button-text-color);
}

.play-now:hover {
    background-color: var(--primary-button-bg);
    background-image: var(--primary-button-bg-img);
    color: var(--primary-button-text-color);
}

.free-play {
    color: var(--standard-remark-content-container-p-color);
}

.free-play:hover {
    color: var(--standard-remark-content-container-p-color);
}

.game-buttons-field {
    background-color: var(--vendor-page-game-buttons-field-bg);
}

.progressive-jackpot {
    color: var(--primary-text-color);
    text-shadow: 0 2px 22px var(--theme-text-color);
}

.progressive-jackpot .jackpot-currency {
    color: var(--jackpot-currency-text-color);
}

.announcement-container {
    background-color: var(--announcement-bg);
    color: var(--announcement-text-color);
}

.carousel-indicators li {
    border-color: var(--carousel-indicator-active-color);
}

.carousel-indicators .active {
    background-color: var(--carousel-indicator-active-color);
}

.loyalty-info-container {
    background-color: var(--loyalty-info-container-bg);
}

.loyalty-info-container .loyalty-info .loyalty-point-section .loyalty-point-detail {
    border-right-color: var(--loyalty-info-experience-container-separator-border-color);
}

.loyalty-info-container .loyalty-info .loyalty-point-section .loyalty-point-detail .username {
    color: var(--primary-text-color);
}

.loyalty-info-container .loyalty-info .loyalty-point-section .loyalty-point-detail .loyalty-point-info {
    background-color: var(--standard-form-input-bg);
}

.loyalty-info-container .loyalty-info .loyalty-point-section .loyalty-point-detail .loyalty-point-info a {
    color: var(--theme-text-color);
}

.loyalty-info-container .loyalty-experience {
    background-color: var(--loyalty-info-experience-container-bg);
}

.loyalty-info-container .loyalty-experience .loyalty-experience-progress {
    background-color: var(--loyalty-info-experience-progress-bg);
}

.loyalty-info-container .loyalty-experience .loyalty-experience-progress span {
    color: var(--primary-text-color);
}

.loyalty-info-container .user-balance {
    background-color: var(--loyalty-info-balance-container-bg);
}

.loyalty-info-container .user-balance .balance-container .username span {
    color: var(--primary-text-color);
}

.loyalty-info-container .user-balance .balance > a > span {
    color: var(--loyalty-info-balance-container-amount-color);
}

.popular-game-title-container {
    background-color: var(--home-section-title-container-bg);
    background-image: var(--home-section-title-container-bg-img);
    color: var(--primary-text-color);
}

.popular-game-title-container a {
    background-color: var(--primary-button-bg);
    color: var(--primary-button-text-color);
}

.download-apk-section span {
    color: var(--download-apk-section-platform-title-color);
}

.download-apk-section a {
    background-color: var(--download-apk-section-button-bg);
    color: var(--primary-text-color);
}

.download-apk-section a:hover {
    opacity: 0.9;
}

.download-apk-guide a {
    color: var(--download-apk-section-guide-link-color);
}

.download-apk-guide a:hover {
    text-decoration: underline;
}

.site-description,
.copyright {
    color: var(--secondary-text-color);
}

.main-menu-outer-container > i {
    background: var(--main-menu-outer-container-navigation-bg);
    color: var(--main-menu-outer-container-navigation-icon-color);
}

.main-menu-outer-container > main > a {
    color: var(--main-menu-outer-container-link-color);
}

.main-menu-outer-container > main > a[data-active="true"] {
    color: var(--main-menu-outer-container-link-active-color);
}

.main-menu-outer-container > main > a:hover {
    color: var(--main-menu-outer-container-link-active-color);
}

.standard-section-title {
    color: var(--standard-form-title-color);
}

.standard-checkbox-container label {
    color: var(--primary-text-color);
}

.standard-checkbox-container input[type="checkbox"] {
    accent-color: var(--primary-button-bg);
}

.simple-form-note {
    color: var(--theme-text-color);
}

[data-section="asterisk"] {
    color: var(--theme-text-color);
}

.last-transaction-model span[data-section="REJ"],
.last-transaction-model span[data-section="CAN"],
.last-transaction-model span[data-section="FAIL"] {
    color: var(--theme-text-color);
}

.last-transaction-model span[data-section="APP"] {
    color: var(--trans-item-green-color);
}

.last-transaction-model span[data-section="PEN"],
.last-transaction-model span[data-section="NEW"],
.last-transaction-model span[data-section="PRO"],
.last-transaction-model span[data-section="PRO1"],
.last-transaction-model span[data-section="APP1"] {
    color: var(--primary-button-bg);
}

.introjs-tooltip {
    background-color: var(--intro-js-tooltip-bg);
}

.introjs-tooltip-title {
    color: var(--intro-js-tooltip-title-text-color);
}

.introjs-tooltiptext p {
    color: var(--intro-js-tooltip-description-text-color);
}

.introjs-nextbutton.introjs-nextbutton {
    background-image: var(--primary-button-bg-img);
    color: var(--primary-button-text-color);
    border: none;
}

.introjs-nextbutton.introjs-nextbutton:focus {
    color: var(--primary-button-text-color);
}

.introjs-bullets ul li a {
    background-color: var(--secondary-text-color);
}

.introjs-bullets ul li a.active,
.introjs-bullets ul li a:hover {
    background-color: var(--theme-text-color);
}

.introjs-skipbutton {
    color: var(--primary-text-color);
}

.introjs-skipbutton:hover {
    color: var(--theme-text-color);
}

[data-payment-gateway] {
    background-color: var(--standard-form-input-bg);
    color: var(--primary-text-color);
}

[data-payment-gateway="va"] .va-account-number {
    background-color: var(--standard-form-input-disabled-bg);
    color: var(--standard-form-input-text-color);
}

[data-payment-gateway="qris"] .qris-admin-fee {
    color: var(--theme-text-color);
}

[data-payment-gateway] .download-qr-button {
    background: var(--primary-button-bg);
    background-image: var(--primary-button-bg-img);
    color: var(--primary-button-text-color);
}

[data-payment-gateway] .destination-account-info-container .destination-account-number-container {
    color: var(--primary-text-color);
}

[data-payment-gateway] .destination-account-info-container .destination-account-holder-info > span {
    color: var(--secondary-text-color);
}

.xp-label {
    background-color: var(--standard-form-input-bg);
    color: var(--primary-text-color);
}

.lp-label {
    background-color: var(--jackpot-currency-text-color);
    color: var(--primary-text-color);
}

.standard-side-menu {
    background-color: var(--standard-form-container-bg);
    color: var(--primary-text-color);
}

.standard-side-menu a {
    background-color: var(--standard-form-input-bg);
    color: var(--primary-text-color);
    border-color: var(--standard-form-input-border-color);
}

.standard-side-menu a[data-active="true"] {
    background-color: var(--primary-button-bg);
    background-image: var(--primary-button-bg-img);
}

.standard-side-menu a:not([data-active="true"]):hover {
    border-color: var(--theme-text-color);
    color: var(--theme-text-color);
}

.pending-transaction-card-bg {
    background-color: var(--pending-transaction-card-bg);
}

.pending-transaction-card-main-text-color {
    color: var(--pending-transaction-card-main-text-color);
}

.pending-transaction-card-sub-text-color {
    color: var(--pending-transaction-card-sub-text-color);
}

.pending-transaction-card-bank-info-bg {
    background-color: var(--pending-transaction-card-bank-info-bg);
}

.pending-transaction-card-copy-icon-filter {
    filter: var(--pending-transaction-card-copy-icon-filter);
}

.pending-transaction-summary-detail-container {
    background-color: var(--pending-transaction-summary-detail-container-bg);
    color: var(--pending-transaction-summary-detail-container-text-color);
    border-color: var(--pending-transaction-summary-detail-container-border-color);
}

.pending-transaction-summary-detail-button {
    background-color: var(--pending-transaction-summary-detail-button-bg);
}

.withdrawal-remark-container {
    background-color: var(--withdrawal-remark-container-bg);
    color: var(--withdrawal-remark-container-text-color);
    border-color: var(--withdrawal-remark-container-border-color);
}

.claim-item-card {
    background-color: var(--claim-item-card-bg);
    color: var(--claim-item-card-text-color);
    border-color: var(--claim-item-card-border-color);
}

.claim-item-card-note-text-color {
    color: var(--claim-item-card-note-text-color);
}

.claim-item-activation-button {
    background-color: var(--claim-item-activation-button-bg);
}

.claim-item-claim-button {
    background-image: var(--claim-item-claim-button-bg);
    border-color: var(--claim-item-claim-button-border-color);
}

.claim-item-info-button {
    background-color: var(--claim-item-info-button-bg);
}

.claim-info-remarks {
    background-color: var(--claim-info-remarks-bg);
    color: var(--claim-info-remarks-text-color);
    border-color: var(--claim-info-remarks-border-color);
}

.promotion-item {
    background-color: var(--promotion-item-bg);
    color: var(--promotion-item-text-color);
}

.promotion-item-sub-text-color {
    color: var(--promotion-item-sub-text-color);
}

.promotion-item-get-promo-button {
    background-color: var(--promotion-item-get-promo-button-bg);
    color: var(--promotion-item-get-button-text-color);
}

.promotion-item-detail-button {
    border-color: var(--promotion-item-detail-button-border-color);
    color: var(--promotion-item-detail-button-text-color);
}

.promotion-countdown {
    background-color: var(--promotion-countdown-bg);
    color: var(--promotion-countdown-text-color);
    box-shadow: var(--promotion-countdown-box-shadow);
}

.promotion-countdown-number {
    background-color: var(--promotion-countdown-number-bg);
    color: var(--promotion-countdown-number-text-color);
}

.popover {
    background-color: var(--popover-bg);
    color: var(--popover-text-color);
    border-color: var(--popover-border-color);
}

.notification-item {
    background-color: var(--notification-item-bg);
    border-color: var(--notification-item-border-color);
}

.notification-item-unread {
    background-color: var(--notification-item-unread-bg);
    border-color: var(--notification-item-unread-border-color);
}

.notification-item-unread-label {
    background-color: var(--notification-item-unread-label-bg);
}

.notification-item-main-text-color {
    color: var(--notification-item-main-text-color);
}

.notification-item-sub-text-color {
    color: var(--notification-item-sub-text-color);
}

.referral-code-container {
    border-color: var(--referral-code-container-border-color);
}

.referral-button {
    background-image: var(--referral-button-bg);
}

.referral-show-qr-button {
    background-color: var(--referral-show-qr-button-bg);
    color: var(--referral-show-qr-button-text-color);
}

.referral-statistic-box {
    background-color: var(--referral-statistic-box-bg);
    border: var(--referral-statistic-box-border);
    border-bottom: var(--referral-statistic-box-border-bottom);
    color: var(--referral-statistic-box-text-color);
}

.referral-statistic-box-amount-text-color {
    color: var(--referral-statistic-box-amount-text-color);
}

.daily-reward-container .reward-title h1 {
    color: var(--daily-reward-popup-title-text-color);
}

.daily-reward-container .reward-point .point {
    color: var(--trans-item-green-color);
}

.double-xp-countdown-container {
    background-color: var(--double-exp-countdown-container-bg);
    color: var(--double-exp-countdown-container-text-color);
}

.double-xp-countdown [data-value] span {
    background-color: var(--double-exp-countdown-number-bg);
    color: var(--primary-text-color);
}

.loyalty-reward-product-card {
    background-color: var(--loyalty-reward-product-card-bg);
}

.loyalty-reward-product-card-redeem-button {
    background-color: var(--loyalty-reward-product-card-redeem-button-bg);
    background-image: var(--loyalty-reward-product-card-redeem-button-bg-img);
}

.loyalty-reward-mission-item {
    background-color: var(--loyalty-reward-mission-item-bg);
    color: var(--loyalty-reward-mission-item-text-color);
}

.loyalty-reward-mission-progress {
    background-color: var(--loyalty-reward-mission-progress-bg);
    color: var(--loyalty-reward-mission-progress-text-color);
}

.loyalty-level-item {
    background-color: var(--loyalty-level-item-bg);
    color: var(--loyalty-level-item-text-color);
}

.loyalty-level-item-active {
    background-color: var(--loyalty-level-item-active-bg);
    color: var(--loyalty-level-item-text-active-color);
}

.loyalty-level-progress-bar {
    background-color: var(--loyalty-level-progress-bar-bg);
}

.loyalty-level-remarks-container {
    background-color: var(--loyalty-level-remarks-container-bg);
    border-color: var(--loyalty-level-remarks-container-border-color);
}

.bonus-progress {
    background-color: var(--bonus-progress-bg);
}

.bonus-progress-bar {
    background-image: var(--bonus-progress-bar-bg);
}

.free-spin-report-container {
    background-color: var(--free-spin-report-container-bg);
}

.free-spin-report-title {
    color: var(--free-spin-report-title-color);
}

.free-spin-report-detail {
    color: var(--free-spin-report-detail-color);
}

.free-spin-report-status-failed {
    color: var(--free-spin-report-status-failed);
}

.free-spin-report-status-pending {
    color: var(--free-spin-report-status-pending);
}

.free-spin-report-status-success {
    color: var(--free-spin-report-status-success);
}

.empty-table-cntr {
    color: var(--empty-table-cntr-color);
}

.case-number-color {
    color: var(--case-number-color);
}

.appeal-btn {
    border-color: var(--appeal-btn-border-color);
    color: var(--appeal-btn-color);
}

.appeal-status-header {
    background-color: var(--appeal-status-header-bg);
    color: var(--appeal-status-header-color);
}

.complaint-submit-button {
    background-image: var(--complaint-submit-button-bg);
}

.complaint-upload-box {
    border-color: var(--complaint-upload-box-border-color);
}

.complaint-upload-box-plus {
    color: var(--complaint-upload-box-plus-color);
}

.footer-separator {
    border: var(--footer-separator-border);
}

.footer-description-header {
    color: var(--footer-description-header-color);
}

.footer-sitemap-header {
    color: var(--footer-sitemap-header-color);
}

.footer-sitemap-link {
    color: var(--footer-sitemap-link-color);
}

.footer-bank-list-note {
    color: var(--footer-bank-list-note-color);
}

.footer-featured-product {
    background-color: var(--footer-featured-product-bg);
}

.footer-card-container {
    border: var(--footer-card-container-border);
}

html,
body,
.inner-body-container {
    height: 100%;
    width: 100%;
}

.inner-body-container > .inner-body {
    padding: 54px 0 52px;
    overflow: auto;
}

a {
    outline: none;
    transition: all .3s ease;
}

a,
a:hover,
a:active {
    text-decoration: none;
}

input,
button {
    outline: none;
}

::placeholder {
    text-transform: capitalize;
}

.top-tab-container a {
    background-color: var(--standard-form-input-bg);
    color: var(--primary-text-color);
}

.top-tab-container a[data-active="true"] {
    background-color: var(--primary-button-bg);
    color: var(--primary-button-text-color);
}

.carousel-inner > .item > img,
.carousel-inner > .item > picture > img,
.carousel-inner > .item > a > img,
.carousel-inner > .item > a > picture > img {
    width: 100%;
}

.popup-modal .modal-title:before {
    background-image: var(--mobile-popup-notification-src);
}

.popup-modal[data-title=""] .modal-title:before {
    background-image: var(--mobile-popup-alert-src);
}

.concise-transaction-popup .modal-body {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.popup-modal [data-popup="maintenance"] p span {
    color: var(--secondary-text-color);
    background-color: var(--standard-form-input-bg);
}

.giveaway-coupon-container .credit-amount {
    color: var(--trans-item-green-color);
}

.free-spin-container .free-spin-expired span {
    color: var(--theme-text-color);
}

.daily-reward-container .standard-secondary-button[disabled],
.daily-reward-container .standard-secondary-button[disabled]:hover {
    background: var(--standard-form-input-disabled-bg);
    color: var(--standard-form-input-disabled-text-color);
}

.daily-reward-container .expiration-countdown [data-section="minutes"]:after,
.daily-reward-container .expiration-countdown [data-section="seconds"]:after {
    color: var(--theme-text-color);
}

.daily-reward-container .expiration-countdown [data-value] {
    color: var(--theme-text-color);
}

.daily-reward-countdown [data-section="minutes"]:after,
.daily-reward-countdown [data-section="seconds"]:after {
    color: var(--theme-text-color);
}

.daily-reward-countdown [data-value] {
    color: var(--theme-text-color);
}

.loyalty-daily-reward-modal .close-popup-modal {
    color: var(--modal-content-bg);
}

.loyalty-available-rank-up-modal h2 {
    color: var(--modal-content-bg);
}

.standard-expand-button {
    background-image: var(--expand-icon-src);
}

.standard-expand-button[data-active="true"] {
    background-image: var(--collapse-icon-src);
}

.standard-button-group {
    text-align: center;
    margin-bottom: 15px;
}

.captcha-input .captcha-container img {
    height: 34px;
    margin-right: 10px;
}

.expiration-countdown [data-section] {
    background-color: var(--promotion-countdown-bg);
    color: var(--promotion-countdown-text-color);
    box-shadow: var(--promotion-countdown-box-shadow);
}

.expiration-countdown [data-value] {
    background-color: var(--promotion-countdown-number-bg);
    color: var(--promotion-countdown-number-text-color);
}

.standard-side-menu > h4 {
    color: var(--standard-form-title-color);
}

.pending-deposit-title {
    color: var(--standard-form-title-color);
}

.pending-deposit-line {
    background: var(--simple-modal-hr-bg);
}

.how-to-pay-container span {
    color: var(--primary-text-color);
}

.how-to-pay-container ol li {
    color: var(--primary-text-color);
}

.how-to-pay-container p {
    color: var(--primary-text-color);
}

[data-payment-gateway="qris"] .qris-qr-code-container img {
    background-color: var(--primary-text-color);
}

[data-payment-gateway] .destination-account-qr-code-container img {
    background-color: var(--primary-text-color);
}

[data-copied]:after {
    color: var(--trans-item-green-color);
}

.tab-menu-container[data-style="vertical"] a {
    font-size: 11px;
}

.loader-spinner > span:before {
    border-top-color: var(--primary-button-bg);
}

.loader-spinner > span:after {
    border-color: var(--standard-form-input-border-color);
}

.scrollable-game-list > i {
    color: var(--primary-text-color);
}

.scrollable-game-list main .inner-game-item .wrapper-container img {
    background-color: var(--modal-content-bg);
}

.bigger-game-list > i {
    color: var(--primary-text-color);
}

.bigger-game-list ul .inner-game-item .wrapper-container .link-container > a {
    color: var(--primary-text-color);
}

.bigger-game-list ul .inner-game-item .wrapper-container .link-container > a:hover {
    color: var(--theme-text-color);
}

.menu-preview-container .game-list ul > li.footer-row a {
    color: var(--primary-button-text-color);
    background-color: var(--primary-button-bg);
}

.game-list ul > li > a img {
    background-color: var(--modal-content-bg);
}

.bank-list [data-online='true']:before {
    background-color: var(--trans-item-green-color);
}

.bank-list [data-online='false']:before {
    background-color: var(--theme-text-color);
}

.social-media-list li a {
    color: var(--primary-text-color);
}

.social-media-list li a:hover {
    color: var(--theme-text-color);
}

.language-selector li a {
    color: var(--primary-text-color);
}

.language-selector li a:hover {
    color: var(--theme-text-color);
}

.download-apk-notification {
    background-color: var(--standard-form-input-bg);
}

.download-apk-notification p {
    color: var(--primary-text-color);
}

.download-apk-notification .download-btn {
    background-color: var(--primary-button-bg);
    background-image: var(--primary-button-bg-img);
    color: var(--primary-button-text-color);
}

.download-apk-notification .close {
    color: var(--primary-text-color);
}

.giveaway-coupon-container .giveaway-name {
    color: var(--standard-form-title-color);
}

.giveaway-coupon-container .giveaway-description {
    color: var(--primary-text-color);
}

.free-spin-container .free-spin-name {
    color: var(--standard-form-title-color);
}

.free-spin-container .free-spin-description {
    color: var(--primary-text-color);
}

.loyalty-info-container .loyalty-info .loyalty-point-section .loyalty-point-detail .loyalty-point-info a:hover {
    color: var(--primary-button-bg);
}

.loyalty-info-container .user-balance .balance::after {
    border-top-color: var(--primary-text-color);
}

.loyalty-info-container .user-balance .balance.open::after {
    border-bottom-color: var(--primary-text-color);
}

.introjs-helperLayer.introjs-helperLayer {
    box-shadow: rgba(33, 33, 33, 0.8) 0 0 1px 2px, rgba(33, 33, 33, 0.8) 0 0 0 5000px !important;
}

.introjs-tooltip-title.introjs-tooltip-title {
    color: var(--primary-text-color);
}

.introjs-tooltiptext.introjs-tooltiptext .subtitle {
    color: var(--primary-button-bg);
}

.introjs-tooltipbuttons.introjs-tooltipbuttons {
    border-top-color: var(--standard-form-input-border-color);
}

.modal-content ul,
.site-description ul {
    list-style: disc;
}

.modal-content ol,
.site-description ol {
    list-style: decimal;
}

textarea.form-control {
    height: auto;
}

.radio label,
.checkbox label {
    color: var(--primary-text-color);
}

input[type="radio"]:checked,
input[type="checkbox"]:checked {
    accent-color: var(--primary-button-bg);
}

.btn-default {
    color: var(--primary-text-color);
    background-color: var(--standard-form-input-bg);
    border-color: var(--standard-form-input-border-color);
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active {
    background-color: var(--primary-button-bg);
    border-color: var(--primary-button-bg);
    color: var(--primary-button-text-color);
}

.btn-primary {
    background-color: var(--primary-button-bg);
    background-image: var(--primary-button-bg-img);
    border-color: var(--primary-button-bg);
    color: var(--primary-button-text-color);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    opacity: 0.9;
}

.dropdown-menu {
    background-color: var(--standard-form-input-bg);
    border-color: var(--standard-form-input-border-color);
}

.dropdown-menu > li > a {
    color: var(--primary-text-color);
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: var(--primary-button-bg);
    color: var(--primary-button-text-color);
}

.nav-tabs > li > a {
    color: var(--primary-text-color);
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    background-color: var(--standard-form-content-bg);
    border-color: var(--standard-form-input-border-color);
    border-bottom-color: transparent;
    color: var(--primary-text-color);
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background-color: var(--primary-button-bg);
    color: var(--primary-button-text-color);
}

.pagination > li > a,
.pagination > li > span {
    background-color: var(--standard-form-input-bg);
    border-color: var(--standard-form-input-border-color);
    color: var(--primary-text-color);
}

.pagination > li > a:hover,
.pagination > li > span:hover {
    background-color: var(--primary-button-bg);
    color: var(--primary-button-text-color);
}

.pagination > .active > a,
.pagination > .active > span {
    background-color: var(--primary-button-bg);
    border-color: var(--primary-button-bg);
    color: var(--primary-button-text-color);
}

.pagination > .disabled > span,
.pagination > .disabled > a {
    background-color: var(--standard-form-input-disabled-bg);
    color: var(--standard-form-input-disabled-text-color);
}

.label-primary {
    background-color: var(--primary-button-bg);
}

.label-success {
    background-color: var(--trans-item-green-color);
}

.label-danger {
    background-color: var(--theme-text-color);
}

.badge {
    background-color: var(--primary-button-bg);
    color: var(--primary-button-text-color);
}

.progress {
    background-color: var(--bonus-progress-bg);
}

.progress-bar {
    background-color: var(--primary-button-bg);
}

.progress-bar-success {
    background-color: var(--trans-item-green-color);
}

.list-group-item {
    background-color: var(--standard-form-input-bg);
    border-color: var(--standard-form-input-border-color);
    color: var(--primary-text-color);
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    background-color: var(--primary-button-bg);
    border-color: var(--primary-button-bg);
    color: var(--primary-button-text-color);
}

a.list-group-item {
    color: var(--primary-text-color);
}

a.list-group-item:hover,
a.list-group-item:focus {
    background-color: var(--primary-button-bg);
    color: var(--primary-button-text-color);
}

.panel {
    background-color: var(--standard-form-input-bg);
    border-color: var(--standard-form-input-border-color);
}

.panel-heading {
    background-color: var(--standard-form-container-bg);
    border-color: var(--standard-form-input-border-color);
    color: var(--primary-text-color);
}

.panel-title {
    color: var(--primary-text-color);
}

.well {
    background-color: var(--standard-form-input-bg);
    border-color: var(--standard-form-input-border-color);
}

.close {
    color: var(--primary-text-color);
    text-shadow: none;
    opacity: 0.7;
}

.close:hover,
.close:focus {
    color: var(--theme-text-color);
    opacity: 1;
}

.tooltip-inner {
    background-color: var(--modal-content-bg);
    color: var(--primary-text-color);
}

.tooltip.top .tooltip-arrow {
    border-top-color: var(--modal-content-bg);
}

.popover-title {
    background-color: var(--standard-form-container-bg);
    color: var(--primary-text-color);
    border-bottom-color: var(--standard-form-input-border-color);
}

.carousel-control.left,
.carousel-control.right {
    background-image: none;
}

.carousel-control:hover,
.carousel-control:focus {
    color: var(--primary-text-color);
}

.carousel-caption {
    color: var(--primary-text-color);
    text-shadow: 0 1px 2px var(--modal-content-bg);
}

.alert-info {
    background-color: var(--standard-form-note-bg);
    border-color: var(--primary-button-bg);
    color: var(--primary-text-color);
}

.alert-warning {
    background-color: var(--standard-form-note-bg);
    border-color: var(--theme-text-color);
    color: var(--primary-text-color);
}

button.close {
    background: transparent;
}

.modal-backdrop {
    background-color: var(--modal-content-bg);
}

.modal-backdrop.in {
    opacity: 0.8;
}

.standard-form-container .form-control:disabled,
.standard-form-container .form-control[readonly] {
    background-color: var(--standard-form-input-disabled-bg);
    color: var(--standard-form-input-disabled-text-color);
}

.has-error .form-control:focus {
    border-color: var(--theme-text-color);
    box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.25);
}

.has-success .form-control:focus {
    border-color: var(--trans-item-green-color);
    box-shadow: 0 0 0 2px rgba(102, 244, 128, 0.25);
}

select.form-control option {
    background-color: var(--standard-form-input-bg);
    color: var(--standard-form-input-text-color);
}

input[type="file"] {
    color: var(--primary-text-color);
}

fieldset[disabled] .form-control {
    background-color: var(--standard-form-input-disabled-bg);
    color: var(--standard-form-input-disabled-text-color);
}

.standard-checkbox-container input[type="checkbox"]:checked {
    background-color: var(--primary-button-bg);
}

hr {
    border-top-color: var(--standard-form-input-border-color);
}

blockquote {
    border-left-color: var(--primary-button-bg);
    color: var(--primary-text-color);
}

code {
    background-color: var(--standard-form-input-bg);
    color: var(--theme-text-color);
}

pre {
    background-color: var(--standard-form-input-bg);
    border-color: var(--standard-form-input-border-color);
    color: var(--primary-text-color);
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-top-color: var(--standard-form-input-border-color);
}

.table-bordered,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border-color: var(--standard-form-input-border-color);
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: var(--standard-form-input-disabled-bg);
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: var(--primary-button-bg);
    color: var(--primary-button-text-color);
}

.navbar-default {
    background-color: var(--site-header-bg);
    border-color: var(--standard-form-input-border-color);
}

.navbar-default .navbar-brand {
    color: var(--primary-text-color);
}

.navbar-default .navbar-nav > li > a {
    color: var(--primary-text-color);
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: var(--theme-text-color);
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: var(--primary-text-color);
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: var(--primary-button-bg);
}

.breadcrumb {
    background-color: var(--standard-form-input-bg);
}

.breadcrumb > li + li:before {
    color: var(--secondary-text-color);
}

.breadcrumb > .active {
    color: var(--primary-text-color);
}

.pager li > a,
.pager li > span {
    background-color: var(--standard-form-input-bg);
    border-color: var(--standard-form-input-border-color);
    color: var(--primary-text-color);
}

.pager li > a:hover,
.pager li > a:focus {
    background-color: var(--primary-button-bg);
    color: var(--primary-button-text-color);
}

.jumbotron {
    background-color: var(--standard-form-container-bg);
    color: var(--primary-text-color);
}

.thumbnail {
    background-color: var(--standard-form-input-bg);
    border-color: var(--standard-form-input-border-color);
}

.thumbnail .caption {
    color: var(--primary-text-color);
}

.media-heading {
    color: var(--primary-text-color);
}

.list-group-item-heading {
    color: var(--primary-text-color);
}

.panel-footer {
    background-color: var(--standard-form-container-bg);
    border-top-color: var(--standard-form-input-border-color);
}

.panel-group .panel-heading + .panel-collapse .panel-body {
    border-top-color: var(--standard-form-input-border-color);
}

.well blockquote {
    border-color: var(--standard-form-input-border-color);
}

button:disabled,
button[disabled] {
    cursor: not-allowed;
    opacity: 0.6;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.text-muted {
    color: var(--secondary-text-color);
}

.text-primary {
    color: var(--primary-button-bg);
}

.text-warning {
    color: var(--theme-text-color);
}

.text-danger {
    color: var(--theme-text-color);
}

.text-success {
    color: var(--trans-item-green-color);
}

.text-info {
    color: var(--primary-button-bg);
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small {
    color: var(--secondary-text-color);
}

.page-header {
    border-bottom-color: var(--standard-form-input-border-color);
}

abbr[title],
abbr[data-original-title] {
    border-bottom-color: var(--secondary-text-color);
}

.introjs-arrow.top {
    border-bottom-color: var(--intro-js-tooltip-bg);
}

.introjs-arrow.right {
    border-left-color: var(--intro-js-tooltip-bg);
}

.introjs-arrow.bottom {
    border-top-color: var(--intro-js-tooltip-bg);
}

.introjs-arrow.left {
    border-right-color: var(--intro-js-tooltip-bg);
}

.introjs-tooltipbuttons {
    border-top-color: var(--standard-form-input-border-color);
}

.introjs-button {
    border-color: var(--standard-form-input-border-color);
    color: var(--primary-text-color);
    background-color: var(--standard-form-input-bg);
}

.introjs-button:hover {
    background-color: var(--primary-button-bg);
    color: var(--primary-button-text-color);
}

.introjs-disabled,
.introjs-disabled:hover {
    background-color: var(--standard-form-input-disabled-bg);
    color: var(--standard-form-input-disabled-text-color);
}

.introjs-bullets ul li a {
    background-color: var(--secondary-text-color);
}

.introjs-bullets ul li a.active,
.introjs-bullets ul li a:hover {
    background-color: var(--theme-text-color);
}

.introjs-progress {
    background-color: var(--standard-form-input-border-color);
}

.introjs-progressbar {
    background-color: var(--primary-button-bg);
}

.download-apk-notification .close:hover {
    color: var(--theme-text-color);
}

.loyalty-daily-reward-modal .daily-reward-container .reward-title h1,
.loyalty-daily-reward-modal .daily-reward-container p {
    color: var(--modal-content-bg);
}

.loyalty-daily-reward-modal .daily-reward-container .reward-point .point {
    color: var(--trans-item-green-color);
}

.standard-form-note.with-icon .icon-container {
    background: linear-gradient(to bottom, var(--secondary-text-color), var(--standard-form-input-border-color));
}

.standard-form-note.with-icon .icon-container > div {
    background-color: var(--standard-form-input-bg);
}

.introjs-tooltip-title.introjs-tooltip-title {
    color: var(--intro-js-tooltip-title-text-color);
}

.introjs-tooltiptext.introjs-tooltiptext p {
    color: var(--intro-js-tooltip-description-text-color);
}

.daily-reward-container .standard-secondary-button:hover {
    background: var(--primary-button-bg);
    background-image: var(--primary-button-bg-img);
}

.daily-reward-container p {
    color: var(--secondary-text-color);
}

.daily-reward-container .claim-daily-reward-countdown-container {
    color: var(--secondary-text-color);
}

.double-xp-countdown [data-section] + [data-section]::before {
    background-color: var(--double-exp-countdown-number-separator-bg);
}

.double-xp-countdown [data-value] span {
    background-color: var(--double-exp-countdown-number-bg);
    color: var(--double-exp-countdown-container-text-color);
}

.daily-reward-container .double-xp-countdown-container {
    background-color: var(--double-exp-countdown-container-bg);
    color: var(--double-exp-countdown-container-text-color);
}

.reporting-form-container .reporting-control-group {
    background: var(--reporting-control-group-bg);
}

.reporting-scroll-container .table td .status-pill[data-value] {
    background-color: var(--secondary-text-color);
}

.reporting-scroll-container .table td .status-pill[data-value=app] {
    background-color: var(--trans-item-green-color);
}

.standard-password-field input[type=text] ~ i:before {
    content: "\e105";
}

.standard-expand-button {
    background-image: var(--expand-icon-src);
}

.standard-expand-button[data-active="true"] {
    background-image: var(--collapse-icon-src);
}

.captcha-input .captcha-container .refresh-captcha-button {
    color: var(--primary-text-color);
}

.otp-dropdown-section [data-section="input"] .contact-verification-link {
    color: var(--standard-form-group-link-text-color);
}

.otp-dropdown-section [data-section="input"] .contact-verification-link:hover {
    color: var(--theme-text-color);
}

.pending-deposit-info > div > span:first-child {
    color: var(--standard-form-title-color);
}

.pending-deposit-info > div > span:last-child {
    color: var(--primary-text-color);
}

[data-payment-gateway] .payment-method-title {
    color: var(--standard-form-title-color);
}

[data-payment-gateway="va"] .va-account-name {
    color: var(--primary-text-color);
}

.how-to-pay-container span {
    color: var(--standard-form-title-color);
}

.how-to-pay-container ol li {
    color: var(--primary-text-color);
}

[data-payment-gateway="qris"] .qris-qr-code-container p {
    color: var(--secondary-text-color);
}

[data-payment-gateway] .download-qr-button:hover {
    opacity: 0.9;
}

[data-payment-gateway] .destination-account-info-container .destination-account-bank-info img {
    filter: var(--deposit-container-bank-info-icon-filter);
}

[data-payment-gateway] .destination-account-info-container .destination-account-number-container {
    color: var(--primary-text-color);
}

[data-payment-gateway] .destination-account-qr-code-container p {
    color: var(--secondary-text-color);
}

.standard-section-title {
    color: var(--standard-form-title-color);
}

.standard-checkbox-container.standard-checkbox-container label {
    color: var(--primary-text-color);
}

.simple-form-note {
    color: var(--theme-text-color);
}

.loader-spinner > span:before {
    border-top-color: var(--primary-button-bg);
}

.loader-spinner > span:after {
    border-color: var(--standard-form-input-border-color);
}

[data-section="asterisk"] {
    color: var(--theme-text-color);
}

.last-transaction-model span[data-section="REJ"],
.last-transaction-model span[data-section="CAN"],
.last-transaction-model span[data-section="FAIL"] {
    color: var(--theme-text-color);
}

.last-transaction-model span[data-section="APP"] {
    color: var(--trans-item-green-color);
}

[data-copied]:after {
    color: var(--trans-item-green-color);
}

.tab-menu-container a [data-icon] {
    background-image: var(--image-src);
}

.tab-menu-container a[data-active="true"] [data-icon] {
    background-image: var(--active-image-src);
}

.form-group-link {
    color: var(--standard-form-group-link-text-color);
}

.form-group-link:hover {
    color: var(--theme-text-color);
}

.otp-hr {
    border-color: var(--theme-text-color);
}

.request-otp-button[disabled] {
    border-color: var(--standard-form-input-disabled-bg);
    background-color: var(--standard-form-input-disabled-bg);
    color: var(--standard-form-input-disabled-text-color);
}

.otp-input:focus {
    border-color: var(--primary-button-bg);
}

.standard-sub-section .standard-form-title {
    color: var(--standard-form-title-color);
}

.games-filter-section .category-filter .category-filter-link:hover {
    color: var(--primary-text-color);
}

.game-list ul > li > a img {
    background-color: var(--modal-content-bg);
}

.bigger-game-list ul .inner-game-item .wrapper-container .link-container > a {
    color: var(--primary-text-color);
    background-color: var(--primary-button-bg);
}

.bigger-game-list ul .inner-game-item .wrapper-container .link-container > a:hover {
    background-color: var(--primary-button-bg);
    opacity: 0.9;
}

.scrollable-game-list main .inner-game-item .wrapper-container .link-container > a {
    color: var(--primary-text-color);
    background-color: var(--primary-button-bg);
}

.scrollable-game-list main .inner-game-item .wrapper-container .link-container > a:hover {
    background-color: var(--primary-button-bg);
    opacity: 0.9;
}

.play-now:before,
.free-play:before {
    background-image: var(--play-icon-src);
}

.play-desktop-version-now:before {
    background-image: var(--desktop-icon-src);
}

.progressive-jackpot {
    background-image: var(--image-src);
}

.progressive-jackpot .jackpot-container {
    background-image: var(--image-src);
}

.announcement-container > [data-section="date"] [data-icon="news"] {
    background-image: var(--image-src);
}

.banner {
    aspect-ratio: 640/299;
}

.download-apk-container .popup-modal .modal-body img {
    filter: contrast(0);
}

.download-apk-section img {
    width: 85%;
    margin: auto;
}

.bigger-game-list ul .inner-game-item .wrapper-container .rtp-container .rtp-progress .rtp-progress-bar[data-rtp="low"] {
    background: linear-gradient(to right, #cd9ba7, #ca6a86);
}

.bigger-game-list ul .inner-game-item .wrapper-container .rtp-container .rtp-progress .rtp-progress-bar[data-rtp="medium"] {
    background: linear-gradient(to right, #fcdc8f, #f2d064);
}

.bigger-game-list ul .inner-game-item .wrapper-container .rtp-container .rtp-progress .rtp-progress-bar[data-rtp="high"] {
    background: linear-gradient(to right, #31a13b, #62c88d);
}

.bigger-game-list .game-item input[type=checkbox].favourite-game-btn + label {
    background: var(--star-off-icon) center no-repeat;
    background-size: 19px;
    background-color: var(--primary-text-color);
}

.bigger-game-list .game-item input[type=checkbox].favourite-game-btn:checked + label {
    background-image: var(--star-on-icon);
}

.game-list .game-item input[type=checkbox].favourite-game-btn + label {
    background: var(--star-off-icon) center no-repeat;
    background-size: 19px;
    background-color: var(--primary-text-color);
}

.game-list .game-item input[type=checkbox].favourite-game-btn:checked + label {
    background-image: var(--star-on-icon);
}

.site-footer .live-chat-link img {
    background: transparent;
}

@keyframes pulse {
    0% {
        filter: initial;
    }
    50% {
        filter: brightness(40.5) drop-shadow(0 0 10px white);
    }
}

.user-balance .balance.open > .dropdown-menu {
    background-color: var(--modal-content-bg);
    border-color: var(--standard-form-input-border-color);
}

.user-balance .vendor-balances-container .vendor-balances-content::-webkit-scrollbar-thumb {
    background: var(--loyalty-reward-product-scrollbar-bg);
}

.modal-footer .btn-primary {
    background-color: var(--primary-button-bg);
    background-image: var(--primary-button-bg-img);
}

.modal-footer .btn-primary:hover {
    background-color: var(--primary-button-bg);
    background-image: var(--primary-button-bg-img);
    opacity: 0.9;
}

.introjs-nextbutton.introjs-nextbutton {
    background-image: var(--primary-button-bg-img);
}

.introjs-nextbutton.introjs-nextbutton:hover {
    opacity: 0.9;
}

.daily-reward-container .standard-secondary-button:hover {
    background: var(--primary-button-bg);
    background-image: var(--primary-button-bg-img);
}

.download-apk-notification .download-btn:hover {
    opacity: 0.9;
}

.promotion-item-get-promo-button:hover {
    opacity: 0.9;
}

.promotion-item-detail-button:hover {
    background-color: var(--promotion-item-detail-button-border-color);
    color: var(--primary-text-color);
}

.referral-button:hover {
    opacity: 0.9;
}

.referral-show-qr-button:hover {
    opacity: 0.9;
}

.claim-item-claim-button:hover {
    opacity: 0.9;
}

.claim-item-activation-button:hover {
    opacity: 0.9;
}

.loyalty-reward-product-card-redeem-button:hover {
    opacity: 0.9;
}

.complaint-submit-button:hover {
    opacity: 0.9;
}

.appeal-btn:hover {
    background-color: var(--appeal-btn-border-color);
    color: var(--primary-text-color);
}

.bigger-game-list ul input[type="radio"]:checked ~ .wrapper-container img,
.scrollable-game-list main input[type="radio"]:checked ~ .wrapper-container img {
    transform: scale(1.25);
}

.bigger-game-list ul input[type="radio"]:checked ~ .wrapper-container .rtp-container,
.scrollable-game-list main input[type="radio"]:checked ~ .wrapper-container .rtp-container {
    opacity: 0;
}

.site-menu-trigger-input:checked + .inner-body-container .site-menu-trigger [data-icon="menu"] {
    background-color: transparent;
}

.site-menu-trigger-input:checked + .inner-body-container .inner-body {
    transform: translateX(-60%);
}

.site-menu-trigger-input:checked + .inner-body-container .site-menu {
    transform: translateX(-100%);
}

@media (max-width: 480px) {
    .bigger-game-list ul > li,
    .scrollable-game-list main > .game-item {
        width: calc(100% / 3);
    }
}

@media screen and (device-aspect-ratio: 2/3),
       screen and (device-aspect-ratio: 40/71),
       screen and (device-aspect-ratio: 375/667),
       screen and (device-aspect-ratio: 9/16) {
    select,
    textarea,
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="tel"],
    input[type="url"],
    .standard-form-container .form-control {
        font-size: 16px;
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}