/* DARK NAVY + BLACK METALLIC THEME */

:root {
    --default: transparent;

    /* PRIMARY DARK BLUE / METALLIC */
    --orange-primary: #156CFF;
    --orange-light: #24D6FF;
    --orange-dark: #0B3D91;
    --orange-deep: #061B3A;

    /* BLACK METALLIC */
    --black-primary: #05070B;
    --black-secondary: #080C13;
    --black-card: #0B111B;
    --black-soft: #111923;

    /* TEXT */
    --white: #FFFFFF;
    --muted: #8F9BAD;

    /* GLOBAL */
    --body-theme-bg: #05070B;
    --body-color: #fff;

    /* MAIN UI */
    --announcement-cntr-bg: #061B3A;
    --announcement-cntr-color: #fff;
    --announcement-cntr-section-announcement-bg: #0B111B;
    --announcement-cntr-section-announcement-color: #24D6FF;
    --announcement-cntr-list-li-color: #24D6FF;

    --banner-bg: #05070B;
    --banner-carousel-indicators-li-border: 1px solid #fff;
    --banner-carousel-indicators-active-bg: #156CFF;
    --banner-carousel-indicators-active-border: #156CFF;

    /* BUTTON */
    --download-apk-details-btn-bg: linear-gradient(180deg, #24D6FF 0%, #156CFF 100%);
    --download-apk-btn-bg: linear-gradient(to bottom, #156CFF 0%, #0B3D91 100%);

    /* JACKPOT */
    --home-progressive-jackpot-bg: linear-gradient(#05070B, #156CFF, #05070B);
    --home-progressive-jackpot-color: #fff;
    --home-progressive-jackpot-outer-cntr-bg: #000;
    --home-progressive-jackpot-inner-cntr-bg: linear-gradient(#0B3D91, #080C13);
    --home-progressive-jackpot-border-cntr-bg: #0009;
    --home-progressive-jackpot-border-cntr-border: 3px solid #156CFF;
    --home-progressive-jackpot-jackpot-cntr-bg: linear-gradient(#156CFF, #05070B);
    --home-progressive-jackpot-jackpot-inner-cntr-bg: #000;
    --home-progressive-jackpot-jackpot-border-cntr-border: 3px dotted #0B8CFF;
    --home-progressive-jackpot-jackpot-currency-color: #24D6FF;
    --home-progressive-jackpot-jackpot-play-text-color: #156CFF;
    --home-progressive-jackpot-jackpot-play-text-label-color: #24D6FF;

    /* LOTTERY */
    --lottery-result-cntr-bg: #0B111B;
    --lottery-result-cntr-color: #fff;
    --lottery-result-cntr-title-bg: #156CFF;
    --lottery-result-cntr-title-color: #fff;
    --lottery-result-cntr-numbers-bg: #05070B;

    /* SPORTS */
    --sports-platform-title-color: #fff;
    --sports-matches-cntr-bg: #080C13;
    --sport-match-item-bg: #111923;
    --sport-match-item-color: #fff;
    --sport-match-item-even-bg: #16202D;
    --sport-match-item-even-color: #fff;
    --sport-match-item-info-cntr-bg: #0C131D;
    --sport-match-item-even-info-cntr-bg: #111923;
    --sport-match-item-even-info-cntr-color: #fff;
    --sport-match-item-info-color: #fff;
    --sport-match-item-teams-span-color: #24D6FF;

    /* POPULAR GAME */
    --popular-game-title-cntr-title-span-color: #fff;
    --popular-game-title-cntr-title-span-bg: #156CFF;
    --popular-game-title-cntr-title-span-after-bg: #156CFF;
    --popular-game-title-cntr-content-border: 1px solid #156CFF;
    --popular-game-title-cntr-content-game-list-game-item-game-name-color: #24D6FF;
    --popular-game-title-cntr-content-game-list-game-item-provider-name-color: #fff;
    --popular-games-left-section-title-bg: #080C13;
    --popular-games-left-section-title-color: #fff;
    --popular-games-scrtabs-tab-cntr-bg: #111923;
    --popular-games-nav-tabs-li-a-bg: #0B111B;
    --popular-games-nav-tabs-li-a-active-bg: #156CFF33;
    --popular-games-tab-pane-bg: #0C131D;
    --popular-games-tab-content-border: 1px solid #263445;

    /* HOME GAME */
    --home-game-list-cntr-title-span-color: #fff;
    --home-game-list-cntr-title-span-bg: #156CFF;
    --home-game-list-cntr-title-span-after-bg: #156CFF;
    --home-game-list-cntr-content-border: 1px solid #156CFF;
    --home-game-list-cntr-content-game-list-game-item-game-name-color: #24D6FF;
    --home-game-list-cntr-content-game-list-game-item-provider-name-color: #fff;
    --home-game-list-game-player-color: #fff;
    --home-game-list-active-player-color: #fff;
    --home-game-list-game-player-container-bg: #000000b2;

    /* INFO */
    --home-info-cntr-bg: #0B111B;
    --home-info-cntr-border: 2px solid #1D2A3A;
    --home-info-cntr-tickercntr-bg: #030509;

    /* ARCADE */
    --arcade-games-cntr-bg: #0B111B;
    --arcade-games-cntr-vendor-name-color: #fff;
    --arcade-games-cntr-filter-section-bg: #101721;
    --arcade-games-cntr-filter-section-input-text-bg: #0E141D;
    --arcade-games-cntr-filter-section-input-text-color: #fff;
    --arcade-games-cntr-category-filter-link-color: #fff;
    --arcade-games-cntr-category-filter-link-active-bg: #156CFF;
    --arcade-games-cntr-category-filter-link-active-color: #fff;

    /* PROVIDER */
    --provider-slide-bg: #0B111B;
    --provider-slide-i-bg: rgba(255,255,255,.1);
    --provider-slide-i-color: #24D6FF;
    --provider-slide-i-hover-bg: rgba(36,214,255,.2);
    --provider-slide-main-slide-item-bg: rgba(255,255,255,.08);
    --provider-slide-main-slide-item-a-not-game-info-bg: #111923;
    --provider-slide-main-slide-item-a-not-game-info-hover-bg: #182536;
    --provider-slide-main-slide-item-h5-color: #fff;

    /* PROMOTION */
    --promotion-cntr-bg: #05070B;
    --promotion-cntr-std-side-menu-li-a-bg: #0D141E;
    --promotion-cntr-std-side-menu-li-a-color: #fff;
    --promotion-cntr-std-side-menu-a-true-bg: #156CFF;
    --promotion-cntr-std-side-menu-a-true-color: #fff;
    --promotion-list-bg: #0C131D;
    --promotion-item-btn-cntr-promotion-label-h2-h3-color: #fff;
    --promotion-item-click-for-more-info-btn-color: #fff;
    --promotion-item-click-for-get-promo-btn-bg: #156CFF;
    --promotion-item-click-for-get-promo-btn-color: #fff;
    --promotion-item-click-for-get-promo-btn-hover-bg: #24D6FF;

    --promotion-item-details-bg: #05070B;
    --promotion-item-details-color: #fff;
    --promotion-item-details-promotion-title-color: #fff;
    --promotion-item-details-promotion-content-color: #fff;
    --promotion-item-details-click-for-get-promo-btn-bg: #156CFF;
    --promotion-item-details-click-for-get-promo-btn-color: #fff;
    --promotion-item-details-click-for-get-promo-btn-hover-bg: #24D6FF;

    /* REGISTER */
    --register-done-cntr-h2-color: #777;
    --register-done-cntr-h2-span-color: #24D6FF;
    --register-done-cntr-h3-color: #aaa;
    --register-done-cntr-h3-span-color: #777;

    --register-done-cntr-btn-cntr-register-done-btn-bg:
        linear-gradient(to bottom, #156CFF 0%, #0B3D91 100%);
    --register-done-cntr-btn-cntr-register-done-btn-border: 1px solid #156CFF;
    --register-done-cntr-btn-cntr-register-done-btn-color: #fff;
    --register-done-cntr-btn-cntr-register-done-btn-hover-bg:
        linear-gradient(to bottom, #24D6FF 0%, #156CFF 100%);

    --register-done-cntr-verification-done-border: 2px dotted #156CFF;
    --register-done-cntr-verification-done-color: #fff;
    --register-done-cntr-verification-done-bg: #0B111B;
    --register-done-cntr-verification-done-info-color: #24D6FF;
    --register-done-cntr-verification-done-info-border: 1px solid #156CFF;
    --register-done-cntr-verification-done-a-color: #24D6FF;

    /* FORM */
    --std-content-info-border: 1px solid #1D2A3A;
    --std-content-info-h2-color: #24D6FF;
    --std-content-info-std-content-block-bg: #0B111B;
    --std-content-info-table-border: 1px solid #1D2A3A;
    --std-content-info-table-thead-tr-th-bg: #111923;

    /* MENU */
    --std-side-menu-bg: #080C13;
    --std-side-menu-group-label-menu-a-bg: #111923;
    --std-side-menu-group-label-menu-a-color: #fff;
    --std-side-menu-a-active-hover-bg: #182536;
    --std-side-menu-a-active-hover-color: #24D6FF;
    --std-side-menu-player-acc-section-bg: #0D141E;
    --std-side-menu-player-acc-section-color: #fff;
    --std-side-menu-player-acc-section-username-color: #24D6FF;
    --std-side-menu-player-acc-section-wallet-cntr-bg: #030509;
    --std-side-menu-menu-section-bg: #080C13;
    --std-side-menu-menu-section-color: #fff;
    --std-side-menu-menu-section-hr-border: #263445;

    /* HEADER */
    --topbar-cntr-bg: #0A1018;
    --topbar-left-section-item-color: #aaa;
    --topbar-left-section-item-a-hover-color: #24D6FF;
    --topbar-left-section-language-selector-bg: #05070B;
    --topbar-left-section-language-selector-li-border: 1px solid #1D2A3A;

    --site-header-bg: #05070B;
    --site-header-border: 4px solid #156CFF;
    --top-menu-li-a-color: #fff;
    --top-menu-li-true-hover-bg: #156CFF;
    --top-menu-li-true-hover-a-color: #fff;

    --top-menu-game-list-btop: 4px solid #156CFF;
    --top-menu-game-list-bg: rgba(5,7,11,.96);
    --top-menu-game-list-bbot: 10px solid #156CFF;

    /* FOOTER */
    --footer-separator-border: 1px dotted #4B5868;
    --site-footer-border: 2px solid #156CFF;
    --site-footer-bg: linear-gradient(to right, #05070B 0%, #111923 100%) no-repeat center;
    --site-footer-bi: linear-gradient(to right, #05070B 0%, #111923 100%);
    --footer-links-li-a-color: #fff;
    --footer-links-li-a-hover-color: #24D6FF;
    --footer-section-title-color: #fff;

    /* LOGIN */
    --login-panel-login-btn-bg:
        linear-gradient(to right, #156CFF 0%, #0B3D91 100%);
    --login-panel-login-btn-color: #fff;
    --login-panel-login-btn-hover-bg:
        linear-gradient(to right, #24D6FF 0%, #156CFF 100%);

    --login-panel-register-btn-bg:
        linear-gradient(to bottom, #156CFF 0%, #0B3D91 100%);
    --login-panel-register-btn-color: #fff;
    --login-panel-register-btn-hover-bg:
        linear-gradient(to bottom, #24D6FF 0%, #156CFF 100%);

    /* PLAY */
    --play-now-bg: #156CFF;
    --play-now-color: #fff;
    --play-now-hover-bg: #24D6FF;
    --play-now-hover-color: #fff;

    /* GAME LIST */
    --game-list-title-bg: #0C131D;
    --game-list-title-div-color: #E9F2FF;
    --game-list-bg: #0C131D;
    --game-list-game-item-bg: #111923;
    --game-list-wrapper-cntr-hover-bg: #000;
    --game-list-game-name-color: #fff;
    --game-list-game-name-bg: #156CFF;
    --game-list-game-player-color: #fff;

    /* MODAL */
    --modal-content-bg: #0C131D;
    --modal-content-border: #263445;
    --modal-content-color: #B8C2D0;
    --modal-body-p-color: #B8C2D0;
    --modal-footer-border: #2B3747;
    --modal-footer-btn-primary-color: #fff;
    --modal-footer-btn-primary-bg: #156CFF;
    --modal-footer-btn-primary-hover-bg: #24D6FF;

    /* POPUP */
    --popover-bg: #111923;
    --popover-border: #156CFF;
    --popover-color: #fff;
    --popover-top-arrow-border: #156CFF;
    --popover-top-arrow-after-border: #111923;

    /* FLOATING BUTTON */
    --floating-action-btn-bg:
        linear-gradient(0deg, #0B3D91 0%, #156CFF 100%);
    --floating-action-btn-border: 1px solid #24D6FF;
    --floating-action-btn-bs: 0 4px 24px 0 #156CFF80;

    /* SEARCH */
    --search-cntr-bg: #0A1018;
    --search-header-title-color: #fff;
    --search-input-cntr-input-bg: #141C27;
    --search-input-cntr-input-border: 1px solid #2B3747;
    --search-input-cntr-input-color: #fff;
    --search-input-cntr-input-placeholder-color: #6C7787;

    /* COMMON */
    --a-color: #24D6FF;
    --a-focus-hover-color: #69F5FF;
    --std-section-title-color: #fff;
    --std-section-title-before-bg: #156CFF;

    --std-btn-group-btn-primary-bg: #156CFF;
    --std-btn-group-btn-primary-color: #fff;
    --std-btn-group-btn-primary-hover-bg: #24D6FF;
    --std-btn-group-btn-primary-hover-color: #fff;

    --std-outline-btn-border: 1px solid #156CFF;
    --std-outline-btn-color: #fff;

    /* BANKING */
    --bank-info-block-bg: #111923;
    --bank-info-block-color: #fff;
    --bank-info-block-hr-border-top: 1px solid #1D2A3A;
    --bank-info-block-hr-border-bottom: 1px solid #334154;

    --data-payment-gateway-bg: #111923;
    --data-payment-gateway-color: #fff;
    --data-payment-gateway-va-acc-number-bg: #000;
    --data-payment-gateway-qris-qr-code-cntr-a-bg: #156CFF;
    --data-payment-gateway-qris-qr-code-cntr-a-color: #fff;
    --data-payment-gateway-download-qr-btn-bg: #156CFF;
    --data-payment-gateway-download-qr-btn-color: #fff;

    /* BONUS */
    --bonus-selection-cntr-border: 1px solid #156CFF;
    --bonus-selection-cntr-color: #24D6FF;
    --bonus-selection-list-card-selected-border: #156CFF;
    --bonus-selection-list-card-selected-color: #24D6FF;

    /* NOTIFICATION */
    --notification-tabs-tab-item-bg: #111923;
    --notification-tabs-tab-item-color: #fff;
    --notification-tabs-tab-item-active-bg:
        linear-gradient(to bottom, #156CFF 0%, #0B3D91 100%);

    --notification-list-item-header-label-bg: #156CFF;
    --notification-list-item-play-btn-bg: #156CFF;
    --notification-list-item-play-btn-color: #fff;

    /* USER INFO */
    --user-info-dropdown-menu-li-a-bg: #080C13;
    --user-info-dropdown-menu-li-a-color: #fff;
    --user-info-dropdown-menu-li-a-focus-bg: #156CFF;
    --user-info-dropdown-menu-li-a-focus-color: #fff;

    --user-info-vendor-balances-cntr-border: 3px solid #156CFF;
    --user-info-vendor-balances-cntr-bg: rgba(0,0,0,.9);
    --user-info-vendor-balances-cntr-header-border: 2px solid #156CFF;
    --user-info-vendor-balances-cntr-header-strong-color: #24D6FF;

    /* LOYALTY */
    --loyalty-reward-cntr-bg: #05070B;
    --loyalty-reward-cntr-tab-filter-tab-bg: #151D28;
    --loyalty-reward-cntr-tab-filter-checked-tab-bg: #156CFF;
    --loyalty-reward-cntr-tab-filter-checked-tab-color: #fff;
    --loyalty-reward-cntr-category-title-color: #fff;
    --loyalty-reward-cntr-category-title-before-bg: #156CFF;
    --loyalty-reward-cntr-reward-button-bg:
        linear-gradient(to bottom, #156CFF, #0B3D91);
    --loyalty-reward-cntr-reward-button-color: #fff;

    /* DAILY REWARD */
    --daily-reward-cntr-bg: #0A1018;
    --daily-reward-cntr-title-h1-color: #fff;
    --daily-reward-cntr-desc-color: #fff;

    /* MISSION */
    --mission-cntr-item-bg: #151D28;
    --mission-cntr-item-info-h3-color: #fff;
    --mission-cntr-item-progress-cntr-bg: #05070B;
    --mission-cntr-item-action-cntr-bg: #101721;

    --mission-cntr-item-claimable-action-cntr-action-btn-bg:
        linear-gradient(to bottom, #156CFF 0%, #0B3D91 100%);

    --mission-cntr-item-claimable-action-cntr-action-btn-color: #fff;

    /* JACKPOT WINNERS */
    --jackpot-winners-bg: #05070B;
    --jackpot-winners-jackpot-winner-title-color: #fff;
    --jackpot-winners-winners-ticker-cntr-bg: #0A1018;
    --winners-ticker-ul-li-winner-info-color: #fff;
    --winners-ticker-ul-li-winner-amount-color: #24D6FF;

    /* PROFILE */
    --std-profile-bar-bg: #0A1018;
    --std-profile-bar-color: #fff;
    --std-profile-bar-a-color: #fff;
    --std-profile-bar-user-field-div-username-color: #24D6FF;
    --std-profile-bar-user-field-loyalty-info-cntr-lp-field-color: #24D6FF;
    --std-profile-bar-ref-code-cntr-bg: #151D28;
    --std-profile-bar-ref-code-cntr-color: #156CFF;

    /* OTP */
    --otp-hr-border: #156CFF;
    --request-otp-btn-contact-ver-link-border: 2px solid #156CFF;
    --request-otp-btn-contact-ver-link-color: #24D6FF;
    --otp-input-border: #156CFF;

    /* PAYMENT */
    --deposit-cntr-formatted-balance-color: #24D6FF;
    --deposit-cntr-copy-bank-acc-btn-color: #156CFF;
    --deposit-cntr-copy-bank-acc-btn-hover-color: #24D6FF;
    --deposit-cntr-admin-fee-cntr-color: #69F5FF;
    --deposit-cntr-reveal-bank-acc-btn-bg: #156CFF;
    --deposit-cntr-reveal-bank-acc-btn-hover-bg: #24D6FF;

    --deposit-amount-cntr-real-deposit-amount-color: #156CFF;
    --deposit-summary-cntr-header-summary-transfer-amount-color: #156CFF;

    --withdrawal-summary-cntr-header-transfer-amount-color: #156CFF;
    --withdrawal-amount-input-form-control-color: #24D6FF;
    --withdrawal-amount-currency-suffix-color: #24D6FF;

    /* COMMON BACKGROUNDS */
    --data-cntr-background-others-bg: #05070B;
    --data-cntr-background-promotions-bg: #0C131D;
    --data-cntr-background-banner-bg: #080C13;

    /* STATUS */
    --trans-item-green-color: #66F480;
    --trans-item-red-color: #FF695E;

    /* FOOTER */
    --footer-description-header-color: #777;
    --footer-description-note-color: #777;
    --footer-sitemap-header-color: #AAA;
    --footer-sitemap-link-color: #999;
    --footer-transaction-service-header-color: #fff;
    --footer-transaction-service-note-color: #fff;
    --footer-featured-product-bg: #111923;
    --footer-banking-card-bg: #111923;

    /* SOCIAL */
    --social-login-btn-bg: #1D2632;
    --social-login-btn-text-color: #E0E8F2;
    --social-login-btn-border-color: #435064;
    --social-login-header-bg: #0C131D;
    --social-login-header-color: #C0CBD8;

    /* SBO */
    --sbo-text-primary: #fff;
    --sbo-text-muted: rgba(255,255,255,.6);
    --sbo-surface: rgba(25,45,75,.5);
    --sbo-card-bg: rgba(15,25,40,.8);
    --sbo-card-hover-bg: rgba(25,45,70,.9);
    --sbo-live-badge-bg: #156CFF;
}