/* ORANGE MANDARIN + BLACK THEME */

:root {
    --default: transparent;

    /* PRIMARY ORANGE */
    --orange-primary: #FF8C00;
    --orange-light: #FFA726;
    --orange-dark: #E66F00;
    --orange-deep: #C95F00;

    /* BLACK */
    --black-primary: #050505;
    --black-secondary: #0B0B0B;
    --black-card: #111111;
    --black-soft: #181818;

    /* TEXT */
    --white: #FFFFFF;
    --muted: #B8B8B8;

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

    /* MAIN UI */
    --announcement-cntr-bg: #FF8C00;
    --announcement-cntr-color: #fff;
    --announcement-cntr-section-announcement-bg: #111;
    --announcement-cntr-section-announcement-color: #FFA726;
    --announcement-cntr-list-li-color: #FFA726;

    --banner-bg: #050505;
    --banner-carousel-indicators-li-border: 1px solid #fff;
    --banner-carousel-indicators-active-bg: #FF8C00;
    --banner-carousel-indicators-active-border: #FF8C00;

    /* BUTTON */
    --download-apk-details-btn-bg: linear-gradient(180deg, #FF9D1A 0%, #FF7A00 100%);
    --download-apk-btn-bg: linear-gradient(to bottom, #FF8C00 0%, #E66F00 100%);

    /* JACKPOT */
    --home-progressive-jackpot-bg: linear-gradient(#050505, #FF8C00, #050505);
    --home-progressive-jackpot-color: #fff;
    --home-progressive-jackpot-outer-cntr-bg: #000;
    --home-progressive-jackpot-inner-cntr-bg: linear-gradient(#CC6500, #080808);
    --home-progressive-jackpot-border-cntr-bg: #0009;
    --home-progressive-jackpot-border-cntr-border: 3px solid #FF8C00;
    --home-progressive-jackpot-jackpot-cntr-bg: linear-gradient(#FF8C00, #050505);
    --home-progressive-jackpot-jackpot-inner-cntr-bg: #000;
    --home-progressive-jackpot-jackpot-border-cntr-border: 3px dotted #E66F00;
    --home-progressive-jackpot-jackpot-currency-color: #FFA726;
    --home-progressive-jackpot-jackpot-play-text-color: #FF8C00;
    --home-progressive-jackpot-jackpot-play-text-label-color: #FFA726;

    /* LOTTERY */
    --lottery-result-cntr-bg: #111;
    --lottery-result-cntr-color: #fff;
    --lottery-result-cntr-title-bg: #FF8C00;
    --lottery-result-cntr-title-color: #fff;
    --lottery-result-cntr-numbers-bg: #050505;

    /* SPORTS */
    --sports-platform-title-color: #fff;
    --sports-matches-cntr-bg: #080808;
    --sport-match-item-bg: #171717;
    --sport-match-item-color: #fff;
    --sport-match-item-even-bg: #222;
    --sport-match-item-even-color: #fff;
    --sport-match-item-info-cntr-bg: #101010;
    --sport-match-item-even-info-cntr-bg: #181818;
    --sport-match-item-even-info-cntr-color: #fff;
    --sport-match-item-info-color: #fff;
    --sport-match-item-teams-span-color: #FF8C00;

    /* POPULAR GAME */
    --popular-game-title-cntr-title-span-color: #fff;
    --popular-game-title-cntr-title-span-bg: #FF8C00;
    --popular-game-title-cntr-title-span-after-bg: #FF8C00;
    --popular-game-title-cntr-content-border: 1px solid #FF8C00;
    --popular-game-title-cntr-content-game-list-game-item-game-name-color: #FF8C00;
    --popular-game-title-cntr-content-game-list-game-item-provider-name-color: #fff;
    --popular-games-left-section-title-bg: #0A0A0A;
    --popular-games-left-section-title-color: #fff;
    --popular-games-scrtabs-tab-cntr-bg: #171717;
    --popular-games-nav-tabs-li-a-bg: #0B0B0B;
    --popular-games-nav-tabs-li-a-active-bg: #FF8C0033;
    --popular-games-tab-pane-bg: #0C0C0C;
    --popular-games-tab-content-border: 1px solid #292929;

    /* HOME GAME */
    --home-game-list-cntr-title-span-color: #fff;
    --home-game-list-cntr-title-span-bg: #FF8C00;
    --home-game-list-cntr-title-span-after-bg: #FF8C00;
    --home-game-list-cntr-content-border: 1px solid #FF8C00;
    --home-game-list-cntr-content-game-list-game-item-game-name-color: #FF8C00;
    --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: #0B0B0B;
    --home-info-cntr-border: 2px solid #222;
    --home-info-cntr-tickercntr-bg: #030303;

    /* ARCADE */
    --arcade-games-cntr-bg: #0B0B0B;
    --arcade-games-cntr-vendor-name-color: #fff;
    --arcade-games-cntr-filter-section-bg: #111;
    --arcade-games-cntr-filter-section-input-text-bg: #0E0E0E;
    --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: #FF8C00;
    --arcade-games-cntr-category-filter-link-active-color: #fff;

    /* PROVIDER */
    --provider-slide-bg: #111;
    --provider-slide-i-bg: rgba(255,255,255,.1);
    --provider-slide-i-color: #FF8C00;
    --provider-slide-i-hover-bg: rgba(255,255,255,.2);
    --provider-slide-main-slide-item-bg: rgba(255,255,255,.08);
    --provider-slide-main-slide-item-a-not-game-info-bg: #181818;
    --provider-slide-main-slide-item-a-not-game-info-hover-bg: #242424;
    --provider-slide-main-slide-item-h5-color: #fff;

    /* PROMOTION */
    --promotion-cntr-bg: #050505;
    --promotion-cntr-std-side-menu-li-a-bg: #0D0D0D;
    --promotion-cntr-std-side-menu-li-a-color: #fff;
    --promotion-cntr-std-side-menu-a-true-bg: #FF8C00;
    --promotion-cntr-std-side-menu-a-true-color: #fff;
    --promotion-list-bg: #0C0C0C;
    --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: #FF8C00;
    --promotion-item-click-for-get-promo-btn-color: #fff;
    --promotion-item-click-for-get-promo-btn-hover-bg: #FFA726;

    --promotion-item-details-bg: #050505;
    --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: #FF8C00;
    --promotion-item-details-click-for-get-promo-btn-color: #fff;
    --promotion-item-details-click-for-get-promo-btn-hover-bg: #FFA726;

    /* REGISTER */
    --register-done-cntr-h2-color: #777;
    --register-done-cntr-h2-span-color: #FF8C00;
    --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, #FF8C00 0%, #E66F00 100%);
    --register-done-cntr-btn-cntr-register-done-btn-border: 1px solid #FF8C00;
    --register-done-cntr-btn-cntr-register-done-btn-color: #fff;
    --register-done-cntr-btn-cntr-register-done-btn-hover-bg: linear-gradient(to bottom, #FFA726 0%, #FF8C00 100%);

    --register-done-cntr-verification-done-border: 2px dotted #FF8C00;
    --register-done-cntr-verification-done-color: #fff;
    --register-done-cntr-verification-done-bg: #111;
    --register-done-cntr-verification-done-info-color: #FF8C00;
    --register-done-cntr-verification-done-info-border: 1px solid #FF8C00;
    --register-done-cntr-verification-done-a-color: #FF8C00;

    /* FORM */
    --std-content-info-border: 1px solid #222;
    --std-content-info-h2-color: #FF8C00;
    --std-content-info-std-content-block-bg: #111;
    --std-content-info-table-border: 1px solid #222;
    --std-content-info-table-thead-tr-th-bg: #111;

    /* MENU */
    --std-side-menu-bg: #080808;
    --std-side-menu-group-label-menu-a-bg: #151515;
    --std-side-menu-group-label-menu-a-color: #fff;
    --std-side-menu-a-active-hover-bg: #1D1D1D;
    --std-side-menu-a-active-hover-color: #FF8C00;
    --std-side-menu-player-acc-section-bg: #0D0D0D;
    --std-side-menu-player-acc-section-color: #fff;
    --std-side-menu-player-acc-section-username-color: #FF8C00;
    --std-side-menu-player-acc-section-wallet-cntr-bg: #030303;
    --std-side-menu-menu-section-bg: #080808;
    --std-side-menu-menu-section-color: #fff;
    --std-side-menu-menu-section-hr-border: #292929;

    /* HEADER */
    --topbar-cntr-bg: #0A0A0A;
    --topbar-left-section-item-color: #aaa;
    --topbar-left-section-item-a-hover-color: #FF8C00;
    --topbar-left-section-language-selector-bg: #050505;
    --topbar-left-section-language-selector-li-border: 1px solid #222;

    --site-header-bg: #050505;
    --site-header-border: 4px solid #FF8C00;
    --top-menu-li-a-color: #fff;
    --top-menu-li-true-hover-bg: #FF8C00;
    --top-menu-li-true-hover-a-color: #fff;

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

    /* FOOTER */
    --footer-separator-border: 1px dotted #555;
    --site-footer-border: 2px solid #FF8C00;
    --site-footer-bg: linear-gradient(to right, #050505 0%, #171717 100%) no-repeat center;
    --site-footer-bi: linear-gradient(to right, #050505 0%, #171717 100%);
    --footer-links-li-a-color: #fff;
    --footer-links-li-a-hover-color: #FF8C00;
    --footer-section-title-color: #fff;

    /* LOGIN */
    --login-panel-login-btn-bg: linear-gradient(to right, #FF8C00 0%, #E66F00 100%);
    --login-panel-login-btn-color: #fff;
    --login-panel-login-btn-hover-bg: linear-gradient(to right, #FFA726 0%, #FF8C00 100%);

    --login-panel-register-btn-bg: linear-gradient(to bottom, #FF8C00 0%, #FF8C00 100%);
    --login-panel-register-btn-color: #fff;
    --login-panel-register-btn-hover-bg: linear-gradient(to bottom, #FFA726 0%, #FF8C00 100%);

    /* PLAY */
    --play-now-bg: #FF8C00;
    --play-now-color: #fff;
    --play-now-hover-bg: #FFA726;
    --play-now-hover-color: #fff;

    /* GAME LIST */
    --game-list-title-bg: #0C0C0C;
    --game-list-title-div-color: #edeff6;
    --game-list-bg: #0C0C0C;
    --game-list-game-item-bg: #131313;
    --game-list-wrapper-cntr-hover-bg: #000;
    --game-list-game-name-color: #fff;
    --game-list-game-name-bg: #FF8C00;
    --game-list-game-player-color: #fff;

    /* MODAL */
    --modal-content-bg: #0C0C0C;
    --modal-content-border: #222;
    --modal-content-color: #bbb;
    --modal-body-p-color: #bbb;
    --modal-footer-border: #2B2B2B;
    --modal-footer-btn-primary-color: #fff;
    --modal-footer-btn-primary-bg: #FF8C00;
    --modal-footer-btn-primary-hover-bg: #FFA726;

    /* POPUP */
    --popover-bg: #111;
    --popover-border: #FF8C00;
    --popover-color: #fff;
    --popover-top-arrow-border: #FF8C00;
    --popover-top-arrow-after-border: #111;

    /* FLOATING BUTTON */
    --floating-action-btn-bg: linear-gradient(0deg, #E66F00 0%, #FF8C00 100%);
    --floating-action-btn-border: 1px solid #FFA726;
    --floating-action-btn-bs: 0 4px 24px 0 #FF8C0080;

    /* SEARCH */
    --search-cntr-bg: #0A0A0A;
    --search-header-title-color: #fff;
    --search-input-cntr-input-bg: #141414;
    --search-input-cntr-input-border: 1px solid #2B2B2B;
    --search-input-cntr-input-color: #fff;
    --search-input-cntr-input-placeholder-color: #6C6C6C;

    /* COMMON */
    --a-color: #FF8C00;
    --a-focus-hover-color: #FFA726;
    --std-section-title-color: #fff;
    --std-section-title-before-bg: #FF8C00;

    --std-btn-group-btn-primary-bg: #FF8C00;
    --std-btn-group-btn-primary-color: #fff;
    --std-btn-group-btn-primary-hover-bg: #FFA726;
    --std-btn-group-btn-primary-hover-color: #fff;

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

    /* BANKING */
    --bank-info-block-bg: #111;
    --bank-info-block-color: #fff;
    --bank-info-block-hr-border-top: 1px solid #222;
    --bank-info-block-hr-border-bottom: 1px solid #333;

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

    /* BONUS */
    --bonus-selection-cntr-border: 1px solid #FF8C00;
    --bonus-selection-cntr-color: #FF8C00;
    --bonus-selection-list-card-selected-border: #FF8C00;
    --bonus-selection-list-card-selected-color: #FF8C00;

    /* NOTIFICATION */
    --notification-tabs-tab-item-bg: #111;
    --notification-tabs-tab-item-color: #fff;
    --notification-tabs-tab-item-active-bg: linear-gradient(to bottom, #FF8C00 0%, #E66F00 100%);

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

    /* USER INFO */
    --user-info-dropdown-menu-li-a-bg: #080808;
    --user-info-dropdown-menu-li-a-color: #fff;
    --user-info-dropdown-menu-li-a-focus-bg: #FF8C00;
    --user-info-dropdown-menu-li-a-focus-color: #fff;

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

    /* LOYALTY */
    --loyalty-reward-cntr-bg: #050505;
    --loyalty-reward-cntr-tab-filter-tab-bg: #151515;
    --loyalty-reward-cntr-tab-filter-checked-tab-bg: #FF8C00;
    --loyalty-reward-cntr-tab-filter-checked-tab-color: #fff;
    --loyalty-reward-cntr-category-title-color: #fff;
    --loyalty-reward-cntr-category-title-before-bg: #FF8C00;
    --loyalty-reward-cntr-reward-button-bg: linear-gradient(to bottom, #FF8C00, #E66F00);
    --loyalty-reward-cntr-reward-button-color: #fff;

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

    /* MISSION */
    --mission-cntr-item-bg: #151515;
    --mission-cntr-item-info-h3-color: #fff;
    --mission-cntr-item-info-progress-cntr-bg: #050505;
    --mission-cntr-item-action-cntr-bg: #101010;

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

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

    /* JACKPOT WINNERS */
    --jackpot-winners-bg: #050505;
    --jackpot-winners-jackpot-winner-title-color: #fff;
    --jackpot-winners-winners-ticker-cntr-bg: #0A0A0A;
    --winners-ticker-ul-li-winner-info-color: #fff;
    --winners-ticker-ul-li-winner-amount-color: #FFA726;

    /* PROFILE */
    --std-profile-bar-bg: #0A0A0A;
    --std-profile-bar-color: #fff;
    --std-profile-bar-a-color: #fff;
    --std-profile-bar-user-field-div-username-color: #FFA726;
    --std-profile-bar-user-field-loyalty-info-cntr-lp-field-color: #FFA726;
    --std-profile-bar-ref-code-cntr-bg: #151515;
    --std-profile-bar-ref-code-cntr-color: #FF8C00;

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

    /* PAYMENT */
    --deposit-cntr-formatted-balance-color: #FFA726;
    --deposit-cntr-copy-bank-acc-btn-color: #FF8C00;
    --deposit-cntr-copy-bank-acc-btn-hover-color: #FFA726;
    --deposit-cntr-admin-fee-cntr-color: #FFB347;
    --deposit-cntr-reveal-bank-acc-btn-bg: #FF8C00;
    --deposit-cntr-reveal-bank-acc-btn-hover-bg: #FFA726;

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

    --withdrawal-summary-cntr-header-transfer-amount-color: #FF8C00;
    --withdrawal-amount-input-form-control-color: #FFA726;
    --withdrawal-amount-currency-suffix-color: #FFA726;

    /* COMMON BACKGROUNDS */
    --data-cntr-background-others-bg: #050505;
    --data-cntr-background-promotions-bg: #0C0C0C;
    --data-cntr-background-banner-bg: #080808;

    /* 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: #111;
    --footer-banking-card-bg: #111;

    /* SOCIAL */
    --social-login-btn-bg: #1D1D1D;
    --social-login-btn-text-color: #E0E0E0;
    --social-login-btn-border-color: #484848;
    --social-login-header-bg: #0C0C0C;
    --social-login-header-color: #C0C0C0;

    /* SBO */
    --sbo-text-primary: #fff;
    --sbo-text-muted: rgba(255,255,255,.6);
    --sbo-surface: rgba(60,60,60,.5);
    --sbo-card-bg: rgba(25,25,25,.8);
    --sbo-card-hover-bg: rgba(40,40,40,.9);
    --sbo-live-badge-bg: #E50000;
}