/* =========================================================
   GLOBAL THEME VARIABLES
   Premium Red / Black / Gold
   Use this block after the original :root, or replace it.
========================================================== */

:root {
    --main-theme-color: #d4af37;
    --main-theme-dark-color: #720014;

    --claim-item-activation-btn-bg: linear-gradient(135deg, #ffd76a, #d4af37);
    --claim-item-activation-btn-hover-bg: linear-gradient(135deg, #d90429, #720014);
    --bonus-slider-modal-actv-btn-hover-bg: #720014;
    --claim-free-spin-note-color: #ffd76a;
    --claim-info-modal-modal-body-info-section-title-border: 1px solid rgba(212, 175, 55, .26);
    --claim-info-modal-h4-color: #ffd76a;
    --claim-item-info-btn-color: #0a0a0a;
    --claim-item-info-btn-hover-color: #ffffff;

    --home-progressive-jackpot-inner-cntr-bg:
        linear-gradient(90deg, rgba(217, 4, 41, .24), rgba(212, 175, 55, .12), rgba(0, 0, 0, 0));
    --home-progressive-jackpot-border-cntr-border: #d4af37;
    --home-progressive-jackpot-cntr-bg:
        linear-gradient(180deg, #d4af37 0%, #720014 48%, #050505 100%);
    --home-progressive-jackpot-jackpot-border-cntr-border: #775900;
    --home-progressive-jackpot-jakcpot-curr-color: #ffd76a;
    --popular-game-title-cntr-a-bg:
        linear-gradient(135deg, #ffd76a, #d4af37);
    --jackpot-cntr-bs: rgba(212, 175, 55, .50);

    --mobile-app-cntr-tab-pane-important-color: #d4af37;
    --mobile-app-cntr-a-color: #ffd76a;
    --profile-cntr-mobile-info-btn-hover-bg: #d90429;
    --std-content-info-primary-color: #ffd76a;

    --bank-info-active-carousel-bg:
        linear-gradient(135deg, #d90429, #720014);
    --set-as-default-btn-color: #ffd76a;
    --set-as-default-btn-border-color: #d4af37;

    --promotion-item-details-click-for-get-promo-btn-bg1: #d4af37;
    --promotion-item-details-click-for-get-promo-btn-bg2:
        linear-gradient(to right, #ffd76a 0%, #d4af37 48%, #720014 100%);
    --promotion-item-details-click-for-get-promo-btn-hover-bg1: #d90429;
    --promotion-item-details-click-for-get-promo-btn-hover-bg2:
        linear-gradient(to right, #d90429 0%, #720014 100%);

    --register-done-cntr-btn-deposit-bg1: #d4af37;
    --register-done-cntr-btn-deposit-bg2:
        linear-gradient(to top, #d4af37 0%, #ffd76a 100%);
    --register-done-cntr-btn-deposit-hover-bg1: #720014;
    --register-done-cntr-btn-deposit-hover-bg2:
        linear-gradient(to bottom, #d90429 0%, #720014 100%);
    --register-done-cntr-std-btn-group-btn-border: #d4af37;
    --register-done-cntr-std-btn-group-btn-hover-border: #ff1744;
    --register-done-cntr-std-btn-group-btn-hover-bg: #720014;
    --register-done-cntr-register-verification-done-border: #d4af37;
    --register-done-cntr-register-verification-done-bg:
        linear-gradient(135deg, #2a1e00, #111111);
    --register-done-cntr-register-verification-done-info-color: #ffd76a;
    --register-done-cntr-register-verification-done-info-border: #d4af37;

    --deposit-cntr-std-form-note-a-color: #ffd76a;
    --payment-method-checked-bg: #d4af37;
    --payment-method-checked-bg-image:
        linear-gradient(to right, #ffd76a 0%, #d4af37 52%, #720014 100%);

    --withdrawal-cont-primary-color: #ffd76a;
    --withdrawal-container-withdrawal-amount-data-currency-idr-input-form-control-color: #ffd76a;
    --remarks-cont-primary-border-color: #d4af37;
    --remarks-cont-primary-bg:
        linear-gradient(90deg, rgba(217, 4, 41, .12), rgba(212, 175, 55, .07));
    --remarks-cont-primary-color: #ffd76a;

    --large-game-list-li-bg:
        linear-gradient(180deg, rgba(0, 0, 0, .12) 35%, rgba(114, 0, 20, .90) 100%);
    --large-game-list-img-bg:
        linear-gradient(180deg, rgba(0, 0, 0, .08) 20%, #2a1e00 100%);
    --large-game-list-li-a-game-info-color: #ffd76a;
    --large-game-list-li-a-game-info-hover-color: #ff1744;
    --large-game-list-cntr-play-now-bg:
        linear-gradient(90deg, #ffd76a 0%, #d4af37 50%, #720014 100%);
    --large-game-list-cntr-play-now-hover-bg:
        linear-gradient(90deg, #d90429 0%, #720014 100%);

    --top-menu-game-list-cntr-bg: rgba(5, 5, 5, .92);
    --top-menu-game-list-cntr-li-bg:
        linear-gradient(180deg, rgba(0, 0, 0, .12) 35%, rgba(114, 0, 20, .90) 100%);
    --top-menu-games-cntr-li-a-img-bg:
        linear-gradient(180deg, rgba(0, 0, 0, .08) 20%, #2a1e00 100%);

    --footer-primary-hover-color: #ffd76a;
    --footer-bank-logo-bg: rgba(255, 215, 106, .08);
    --footer-bank-logo-filter:
        brightness(0) saturate(100%) invert(84%) sepia(49%) saturate(554%) hue-rotate(351deg) brightness(104%) contrast(103%);

    --modal-pend-trans-border-color: #d4af37;
    --modal-pend-trans-bg: rgba(212, 175, 55, .10);
    --modal-pend-trans-summary-border-color: #d4af37;
    --modal-pend-trans-gradient-bg:
        linear-gradient(to right, #720014 0%, #d90429 46%, #d4af37 100%);
    --modal-pend-trans-detail-filter:
        brightness(0) saturate(100%) invert(84%) sepia(49%) saturate(554%) hue-rotate(351deg) brightness(104%) contrast(103%);

    --progress-important-bg:
        linear-gradient(90deg, #d90429, #d4af37);

    --daily-reward-primary-bg: #720014;
    --daily-reward-primary-bg-image:
        linear-gradient(to right, #720014, #d90429, #d4af37);
    --daily-reward-secondary-bg: #d4af37;
    --daily-reward-secondary-bg-image:
        linear-gradient(to right, #ffd76a, #d4af37, #720014);

    --introjs-primary-color: #ffd76a;
    --introjs-primary-bg: #720014;

    --popover-primary-bg: #720014;
    --popover-border-color: #d4af37;

    --carousel-indicators-primary-bg: #d4af37;
    --carousel-indicators-primary-border-color: #ffd76a;

    --floating-action-btn-bg:
        linear-gradient(135deg, #d90429 0%, #720014 55%, #d4af37 100%);
    --floating-action-btn-border-color: #d4af37;

    --transaction-download-qr-bg:
        linear-gradient(135deg, #ffd76a, #d4af37);
    --transaction-download-qr-color: #0a0a0a;

    --complaint-primary-border-color: #d4af37;
    --complaint-secondary-border-color: #720014;
    --complaint-std-link-header-bg:
        linear-gradient(to right, #720014 0%, #d90429 48%, #d4af37 100%);
    --complaint-primary-color: #ffd76a;
    --complaint-secondary-color: #ff1744;

    --loyalty-bg-color: #720014;
    --loyalty-bg-image:
        linear-gradient(to right, #720014, #d90429, #d4af37);
    --loyalty-hover-bg-color: #d90429;
    --loyalty-hover-bg-image:
        linear-gradient(to right, #d90429, #720014);

    --modal-primary-bg: #d4af37;
    --modal-primary-gradient-bg:
        linear-gradient(to bottom, #ffd76a 0%, #d4af37 45%, #720014 100%);
    --modal-primary-hover-color: #ff1744;
    --modal-secondary-hover-color: #ffd76a;

    --std-popup-maintenance-bg:
        linear-gradient(135deg, #720014, #d90429);
    --std-primary-color: #ffd76a;
    --std-primary-border-color: #d4af37;
    --std-mobile-select-bg: #720014;
    --std-reveal-bank-btn-bg:
        linear-gradient(135deg, #ffd76a, #d4af37);
    --std-secondary-color: #ff1744;
    --std-expiration-count-bg: #720014;
    --std-active-hover-bg: #d90429;
    --std-primary-gradient-bg-image:
        linear-gradient(to right, #ffd76a 0%, #d4af37 50%, #720014 100%);

    --otp-hr-border-color: #d4af37;
    --contact-primary-border-color: #d4af37;
    --contact-primary-color: #ffd76a;
    --form-note-primary-color: #ffd76a;

    --copy-input-btn-primary-bg: #d4af37;
    --copy-input-btn-primary-bg-image:
        linear-gradient(to right, #ffd76a 0%, #d4af37 100%);
    --copy-input-btn-primary-color: #0a0a0a;
    --copy-input-btn-secondary-bg: #720014;
    --copy-input-btn-secondary-bg-image:
        linear-gradient(to right, #720014 0%, #d90429 100%);

    --payment-gateway-dwnld-qr-btn-bg: #720014;
    --payment-gateway-dwnld-qr-btn-bg-image:
        linear-gradient(to right, #720014 0%, #d90429 50%, #d4af37 100%);

    --otp-fake-inputs-border-color: #d4af37;
    --otp-popup-resend-btn-color: #ffd76a;

    --std-btn-group-bg:
        linear-gradient(90deg, #720014 0%, #d90429 45%, #d4af37 100%);

    --search-title-filter:
        brightness(0) saturate(100%) invert(84%) sepia(49%) saturate(554%) hue-rotate(351deg) brightness(104%) contrast(103%);

    --std-remark-notification-color: #ffd76a;
    --bonus-selection-primary-bg:
        linear-gradient(145deg, #2a1e00, #111111);
    --bonus-selection-primary-border-color: #d4af37;
    --bonus-selection-secondary-bg:
        linear-gradient(135deg, #d90429, #720014);

    --std-outline-btn-border-color: #d4af37;
    --std-remarks-container-primary-color: #ffd76a;
    --std-reporting-cntrl-group-input-bg: #0c0c0c;
    --std-reporting-cntrl-group-input-border: rgba(212, 175, 55, .22);
    --std-reporting-cntrl-group-input-color: #d6d0c5;

    --loyalty-border-color: #d4af37;
    --loyalty-bg:
        linear-gradient(135deg, #720014, #d90429);

    --mission-container-primary-bg:
        linear-gradient(to right, #720014, #d90429, #d4af37);
    --mission-container-secondary-bg:
        linear-gradient(to right, #ffd76a, #d4af37, #720014);

    --notification-primary-bg: #720014;
    --notification-bg-image:
        linear-gradient(to right, #720014 0%, #d90429 48%, #d4af37 100%);
    --notification-border-color: #d4af37;
    --notification-item-unseen-bg:
        linear-gradient(90deg, rgba(217, 4, 41, .14), rgba(212, 175, 55, .05));
    --notification-item-unseen-border-color: rgba(212, 175, 55, .26);
    --notification-secondary-bg: #d90429;
    --notification-tertiary-bg: #050505;

    --referral-primary-border-color: #d4af37;
    --referral-primary-gradient-bg:
        linear-gradient(to right, #ffd76a 0%, #d4af37 50%, #720014 100%);
    --referral-secondary-gradient-bg:
        linear-gradient(to bottom, #d90429 0%, #720014 100%);
    --referral-social-media-btn-filter:
        brightness(0) saturate(100%) invert(84%) sepia(49%) saturate(554%) hue-rotate(351deg) brightness(104%) contrast(103%);
    --referral-box-bg:
        linear-gradient(145deg, #171717, #090909);
    --referral-secondary-border-color: #720014;
    --referral-box-anchor-color: #ffd76a;
    --referral-primary-hover-color: #ff1744;
    --referral-secondary-hover-color: #ffd76a;
    --referral-primary-color: #d4af37;
    --referral-gradient-hover-bg:
        linear-gradient(to bottom, #720014 0%, #d90429 100%);

    --whitelist-domain-bg:
        linear-gradient(to right, #720014 0%, #d90429 50%, #d4af37 100%);

    --update-verification-note-primary-bg:
        linear-gradient(90deg, rgba(217, 4, 41, .10), rgba(212, 175, 55, .05));
    --update-verification-note-primary-color: #f8f3e6;

    --user-info-primary-anchor-color: #ffd76a;
    --pending-verification-cont-primary-bg:
        linear-gradient(135deg, #720014, #d90429);
    --pending-verification-cont-primary-color: #ffd76a;
    --user-info-primary-color: #ffd76a;
    --user-info-secondary-anchor-color: #ff1744;
    --user-info-vendor-balance-border-color: #d4af37;
    --unread-announcement-primary-border-color: #d4af37;

    --download-apk-primary-color: #ffd76a;

    --social-login-btn-bg:
        linear-gradient(180deg, #1d1d1d, #0c0c0c);
    --social-login-btn-text-color: #f0eadf;
    --social-login-btn-border-color: rgba(212, 175, 55, .24);
    --social-login-header-bg: #090909;
    --social-login-header-color: #d7d1c5;
    --social-login-container-header-separator-bg-color:
        linear-gradient(to right, transparent, #d4af37, transparent);

    --link-account-btn-bg:
        linear-gradient(180deg, #d4af37, #775900);
    --link-account-btn-color: #0a0a0a;
    --link-account-btn-border: 1px solid #ffd76a;
    --link-account-btn-hover-bg:
        linear-gradient(180deg, #d90429, #720014);
    --link-account-linked-bg:
        linear-gradient(145deg, #171717, #090909);
    --link-account-linked-border-color: rgba(212, 175, 55, .24);
    --link-account-linked-text-color: #f0eadf;
    --link-account-linked-box-shadow:
        0 12px 28px rgba(0, 0, 0, .32);

    --sbo-icon-filter:
        brightness(0) saturate(100%) invert(84%) sepia(49%) saturate(554%) hue-rotate(351deg) brightness(104%) contrast(103%);
    --sbo-text-primary: #ffffff;
    --sbo-text-muted: rgba(255, 255, 255, .62);
    --sbo-surface:
        linear-gradient(145deg, rgba(28, 28, 28, .92), rgba(8, 8, 8, .92));
    --sbo-live-badge-color: #ffffff;
    --sbo-live-badge-bg:
        linear-gradient(135deg, #d90429, #720014);
    --sbo-card-bg:
        linear-gradient(145deg, rgba(28, 28, 28, .96), rgba(8, 8, 8, .96));
    --sbo-card-hover-bg:
        linear-gradient(145deg, rgba(44, 13, 20, .98), rgba(10, 10, 10, .98));
    --sbo-team-name-color: rgba(255, 255, 255, .78);
    --sbo-odd-btn-bg:
        linear-gradient(145deg, rgba(42, 42, 42, .96), rgba(15, 15, 15, .96));
    --sbo-odd-btn-hover-bg:
        linear-gradient(135deg, rgba(217, 4, 41, .86), rgba(119, 89, 0, .88));
    --sbo-odd-label-color: rgba(255, 255, 255, .88);

    --live-tv-btn-color: #0a0a0a;
}
