/****************************************************************************
	1. General
	2. lottery-header And Side Menu
	3. Footer
	4. Main Container
	5. Lottery
*****************************************************************************/
:root {
    --main-bg-color: #050041;
    --main-secondary-bg-color: #002381;
    --main-third-bg-color: #002381;
    --main-border-color: #689AFF;
    --main-gradient-color: #2F0AB5;
    --main-gradient-2nd-color: #2F0AB5;
    --main-gradient-3rd-color: #02219A;
    --main-gradient-secondary-color: #4A89FE;
    --main-gradient-secondary-2nd-color: #0020ED;
    --main-color: #689AFF;
    --main-white: #FFFFFF;
    --main-black: #161616;
    --main-dark: #161616;
    --main-red: #FF0000;
    --main-green: #008000;
    --main-blue: #0000FF;
    --main-2nd-black: #100B54;
    --main-text-color: #FFFFFF;
    --main-secondary-text-color: #3C603E;
    --main-input-border-color: #100B54;
    --main-input-bg-color: #FFFFFF;

    --main-rbg-white: 255, 255, 255;

    --main-btn-primary-color: #FFFFFF;
    --main-btn-primary-hover-color: #FFFFFF;
    --main-btn-primary-gradient-color: #4A89FE;
    --main-btn-primary-gradient-2nd-color: #4A89FE;
    --main-btn-primary-gradient-3rd-color: #0020ED;
    --main-btn-secondary-color: #FFFFFF;
    --main-btn-secondary-hover-color: #FFFFFF;
    --main-btn-secondary-gradient-color: #4A89FE;
    --main-btn-secondary-gradient-2nd-color: #0020ED;
    --main-btn-outline-bg-color: #161616;
    --main-btn-outline-color: #FFFFFF;
    --main-btn-outline-hover-color: #FFFFFF;
    --main-btn-outline-gradient-color: #4A89FE;
    --main-btn-outline-gradient-2nd-color: #4A89FE;
    --main-btn-outline-gradient-3rd-color: #0020ED;

    /** Color For Bottom Menu (Mobile View) **/
    --main-bottom-menu-gradient-bg-color: #4A89FE;
    --main-bottom-menu-gradient-2nd-bg-color: #4A89FE;
    --main-bottom-menu-gradient-3rd-bg-color: #0020ED;
    --main-bottom-menu-font-color: #161616;
    --main-bottom-menu-bg-color: #161616;
    --main-bottom-menu-text-color: #689AFF;
    --main-bottom-menu-active-text-color: #FFFFFF;

    /** Color For Popup Box **/
    --main-dialog-gradient-bg-color: #4A89FE;
    --main-dialog-gradient-2nd-bg-color: #4A89FE;
    --main-dialog-gradient-3rd-bg-color: #0020ED;
    --main-dialog-bg-color: #050041;
    --main-dialog-color-white: #FFFFFF;
    --main-dialog-color-black: #E5F3FF;
    --main-dialog-border-color: #dee2e6;

    /** Color For Otp Popup Box **/
    --main-otp-gradient-bg-color: #050041;
    --main-otp-gradient-2nd-bg-color: #050041;
    --main-otp-color-white: #FFFFFF;
    --main-otp-color-black: #FFFFFF;

    /** Color For Header **/
    --main-header-border-color: #FFFFFF;
    --main-header-bg-color: #161616;
    --main-header-color-dark: #000000;
    --main-header-color-white: #FFFFFF;
    --main-header-text-color: #FFFFFF;
    --main-header-btn-gradient-color: #4A89FE;
    --main-header-btn-gradient-2nd-color: #4A89FE;
    --main-header-btn-gradient-3rd-color: #0020ED;
    --main-header-btn-color: #0E1E0F;

    /** Color For Sidebar **/
    --main-sidebar-bg-color: #161616;
    --main-sidebar-promotion-gradient-color: #FB236B;
    --main-sidebar-promotion-gradient-2nd-color: #F79B95;
    --main-sidebar-vip-gradient-color: #FF4638;
    --main-sidebar-vip-gradient-2nd-color: #FFB14A;
    --main-sidebar-checkin-gradient-color: #2F46EE;
    --main-sidebar-checkin-gradient-2nd-color: #781DED;
    --main-sidebar-reward-gradient-color: #830BCF;
    --main-sidebar-reward-gradient-2nd-color: #DD1963;
    --main-sidebar-lottery-gradient-color: #00E876;
    --main-sidebar-lottery-gradient-2nd-color: #002FE4;
    --main-sidebar-news-gradient-color: #EF9E00;
    --main-sidebar-news-gradient-2nd-color: #E21742;
    --main-sidebar-luckyspin-gradient-color: #781DED;
    --main-sidebar-luckyspin-gradient-2nd-color: #2F46EE;
    --main-sidebar-download-gradient-color: #1000EF;
    --main-sidebar-download-gradient-2nd-color: #8100D7;
    --main-sidebar-btn-bg-color: #002381;
    --main-sidebar-btn-border-color: #689AFF;
    --main-sidebar-btn-color: #FFFFFF;
    --main-sidebar-btn-text-color: #FFFFFF;
    --main-sidebar-dropdown-border: #002381;
    --main-sidebar-dropdown-bg: #689AFF;
    --main-sidebar-dropdown-text-color: #FFFFFF;

    /** Color For Footer **/
    --main-footer-border-color: #FFFFFF;
    --main-footer-bg-color: #161616;
    --main-footer-text-color: #FFFFFF;
    --main-footer-2nd-text-color: #FFFFFF;
    --main-footer-divider-bg-color: #FFFFFF;
    --main-footer-partner-bg: #2E2E2E;

    /*** Color For Homepage Carousel ***/
    --main-carousel-bg: #050041;
    --main-carousel-btn-gradient-bg: #4A89FE;
    --main-carousel-btn-gradient-2nd-bg: #4A89FE;
    --main-carousel-btn-gradient-3rd-bg: #0020ED;

    /*** Color For Homepage Marquee ***/
    --main-marquee-gradient-bg: #02219A;
    --main-marquee-gradient-2nd-bg: #2F0AB5;
    --main-marquee-color: #FFFFFF;
    --main-marquee-i-color: #FFFFFF;

    /*** Color For Homepage Menu ***/
    --main-home-menu-btn-gradient-bg: #02219A;
    --main-home-menu-btn-gradient-2nd-bg: #02219A;
    --main-home-menu-btn-gradient-3rd-bg: #2F0AB5;
    --main-home-menu-image-bg: #002381;
    --main-home-menu-title-color: #FFFFFF;
    --main-home-menu-badge-bg: #002381;
    --main-home-menu-badge-color: #FFFFFF;


    /*** Color For Earning Item ***/
    --main-earning-border-color: #689AFF;
    --main-earning-bg-color: #002381;
    --main-earning-text-color: #FFFFFF;
    --main-earning-price-color: #689AFF;

    /*** Color For Homepage Title ***/
    --main-homepage-title-color: #FFFFFF;
    --main-homepage-icon-color: #689AFF;

    /*** Color For Homepage App Download ***/
    --main-header-app-bg-color: #ACC9FF;
    --main-header-app-text-color: #161616;
    --main-header-app-btn-bg-color: 0, 0, 0;
    --main-header-app-btn-text-color: #FFFFFF;
    --main-app-gradient-bg: #100B54;
    --main-app-gradient-2nd-bg: #0900FF;
    --main-app-border-color: #FFFFFF;


    /*** Color For Homepage Hotgames ***/
    --main-hotgames-bg-color: #002381;
    --main-hotgames-cover-bg-color: 255, 255, 255;
    --main-hotgames-games-color: #FFFFFF;
    --main-hotgames-platform-color: #689AFF;


    /*** Color For Maintenance ***/
    --main-maintenance-color: #FFFFFF;

    /*** Color For Error ***/
    --main-error-color: #FFFFFF;

    /*** Color For Success ***/
    --main-success-color: #FFFFFF;

    /*** Color For Transaction Page ***/
    --main-trans-failed-color: #FF0000;
    --main-trans-success-color: #008000;
    --main-trans-info-color: #0000FF;

    /*** Color For About Page ***/
    --main-about-text-color: #FFFFFF;
    --main-div-gradient-color: #0900FF;
    --main-div-gradient-2nd-color: #100B54;
    --main-text-gradient-color: #FFFFFF;
    --main-text-gradient-2nd-color: #FFFFFF;
    --main-text-gradient-3rd-color: #FFFFFF;
    --main-partner-bg-color: #002381;


    /** Color For FAQ / TNC / POLICY **/
    --main-faq-desc-color: #FFFFFF;
    --main-faq-desc-bg-gradient-color: #02219A;
    --main-faq-desc-bg-gradient-2nd-color: #02219A;
    --main-faq-desc-bg-gradient-3rd-color: #2F0AB5;
    --main-faq-item-bg-gradient-color: #02219A;
    --main-faq-item-bg-gradient-2nd-color: #2F0AB5;
    --main-faq-item-text-color: #FFFFFF;
    --main-faq-icon-bg-gradient-color: #DBFBFB;
    --main-faq-icon-bg-gradient-2nd-color: #91B7FF;
    --main-faq-icon-bg-gradient-3rd-color: #91B7FF;
    --main-faq-arrow-color: #FFFFFF;
    --main-faq-body-text-color: #FFFFFF;

    /** Color For Contact Page **/
    --main-contact-desc-text-color: #FFFFFF;
    --main-contact-desc-bg-gradient-color: #002381;
    --main-contact-desc-bg-gradient-2nd-color: #002381;
    --main-contact-desc-bg-gradient-3rd-color: #002381;
    --main-contact-text-color: #FFFFFF;
    --main-1st-item-bg-gradient-color: #FB236B;
    --main-1st-item-bg-gradient-2nd-color: #F79B95;
    --main-2nd-item-bg-gradient-color: #FF4638;
    --main-2nd-item-bg-gradient-2nd-color: #FFB14A;
    --main-3rd-item-bg-gradient-color: #2F46EE;
    --main-3rd-item-bg-gradient-2nd-color: #781DED;
    --main-4th-item-bg-gradient-color: #830BCF;
    --main-4th-item-bg-gradient-2nd-color: #DD1963;

    /** Color For Promotion **/
    --main-promotion-sidemenu-btn-bg: #FFFFFF;
    --main-promotion-sidemenu-btn-gradient-color: #4A89FE;
    --main-promotion-sidemenu-btn-gradient-2nd-color: #4A89FE;
    --main-promotion-sidemenu-btn-gradient-3rd-color: #0020ED;
    --main-promotion-sidemenu-btn-color: #100B54;
    --main-promotion-sidemenu-btn-active-color: #FFFFFF;
    --main-promotion-popup-header: #050041;
    --main-promotion-popup-bg: #050041;
    --main-promotion-text-color: #FFFFFF;
    --main-promotion-highlight-text-color: #FFFFFF;
    --main-promotion-table-border: #91B7FF;

    /** Color For VIP **/
    --main-vip-gradient-bg: #050041;
    --main-vip-gradient-2nd-bg: #050041;
    --main-vip-gradient-3rd-bg: #050041;
    --main-vip-gradient-title-bg: #DBFBFB;
    --main-vip-gradient-title-2nd-bg: #91B7FF;
    --main-vip-gradient-title-3rd-bg: #91B7FF;
    --main-vip-top-bg: #02219A;
    --main-vip-top-color: #FFFFFF;
    --main-vip-top-icon-bg: #FFFFFF;
    --main-vip-top-icon-shadow: 0, 0, 0;
    --main-vip-top-icon-font-gradient-color: #4A89FE;
    --main-vip-top-icon-font-gradient-2nd-color: #4A89FE;
    --main-vip-top-icon-font-gradient-3rd-color: #0020ED;
    --main-vip-top-icon-text-color: #FFFFFF;
    --main-vip-top-desc-gradient-color: #02219A;
    --main-vip-top-desc-gradient-2nd-color: #2F0AB5;
    --main-vip-top-desc-gradient-3rd-color: #2F0AB5;
    --main-vip-carousel-gradient-bg: #02219A;
    --main-vip-carousel-gradient-2nd-bg: #2F0AB5;
    --main-vip-carousel-gradient-3rd-bg: #2F0AB5;
    --main-vip-carousel-title: #FFFFFF;
    --main-vip-even-row: #689AFF;
    --main-vip-border-gradient-bg: #4A89FE;
    --main-vip-border-gradient-2nd-bg: #4A89FE;
    --main-vip-border-gradient-3rd-bg: #0020ED;
    --main-vip-desc-color: #FFFFFF;

    /** Color For Login Page **/
    --main-login-gradient-bg: #002381;
    --main-login-gradient-2nd-bg: #002381;
    --main-login-text: #FFFFFF;
    --main-login-input-border: #689AFF;
    --main-login-input-bg: #FFFFFF;
    --main-login-invalid-input-border: #FF0000;
    --main-login-input-text: #000000;
    --main-login-check-border: #689AFF;
    --main-login-checked-bg: #689AFF;
    --main-login-check-label: #689AFF;

    /** Color For Register Page **/
    --main-reg-gradient-bg: #002381;
    --main-reg-gradient-2nd-bg: #002381;
    --main-reg-text: #FFFFFF;
    --main-reg-input-border: #689AFF;
    --main-reg-input-bg: #FFFFFF;
    --main-reg-invalid-input-border: #FF0000;
    --main-reg-input-text: #000000;
    --main-reg-check-border: #689AFF;
    --main-reg-checked-bg: #689AFF;
    --main-reg-check-label: #689AFF;
    --main-reg-primary-text: #689AFF;

    /** Color For Profile Page **/
    --main-profile-menu-btn-text-color: #E5F3FF;
    --main-profile-menu-btn-icon-bg: #E5F3FF;
    --main-profile-menu-btn-icon-color: #03001F;
    --main-profile-top-shadow: 0, 0, 0;
    --main-profile-top-badge-bg: #FFFFFF;
    --main-profile-top-badge-text: #0E1E0F;
    --main-profile-top-verified-bg: #019C4A;
    --main-profile-top-verified-text: #FFFFFF;
    --main-profile-top-non-verify-bg: #EEE547;
    --main-profile-top-non-verify-text: #0E1E0F;
    --main-profile-select-border: #161616;
    --main-profile-select-bg: #161616;
    --main-profile-input-border: #E5F3FF;
    --main-profile-input-bg: #161616;
    --main-profile-input-icon-border: #E5F3FF;
    --main-profile-input-icon-color: #E5F3FF;
    --main-profile-input-label-color: #E5F3FF;
    --main-profile-input-color: #E5F3FF;
    --main-profile-invalid-input-border: #FF0000;
    --main-profile-btn-bg: #E5F3FF;
    --main-profile-btn-text: #161616;

    /** Color For Ref Page **/
    --main-ref-item-bg: #03001F;
    --main-ref-text-color: #E5F3FF;
    --main-ref-input-border: #E5F3FF;
    --main-ref-input-text-color: #E5F3FF;
    --main-ref-btn-bg: #E5F3FF;
    --main-ref-btn-text: #03001F;
    --main-ref-qrcode-bg: #03001F;
    --main-ref-qrcode-title: #E5F3FF;
    --main-ref-qrcode-img-bg: #E5F3FF;

    /** Color For Page Options **/
    --main-page-option-btn-bg: #03001F;
    --main-page-option-btn-color: #FFFFFF;
    --main-page-option-btn-hover-border: #03001F;
    --main-page-option-secondary-btn-bg: #CECECE;
    --main-page-option-secondary-btn-color: #FFFFFF;
    --main-page-option-secondary-btn-hover-bg: #03001F;
    --main-page-option-secondary-btn-hover-color: #FFFFFF;
    --main-page-option-secondary-btn-border: #03001F;

    /** Color For Profile Bank **/
    --main-profile-bank-text: #FFFFFF;
    --main-profile-bank-btn-bg: #242424;
    --main-profile-bank-btn-text: #FFFFFF;
    --main-profile-alert-text: #FFFFFF;
    --main-profile-alert-danger-bg: #5A031B;
    --main-profile-alert-success-bg: #175A08;
    --main-profile-close-btn-bg: #0E1E0F;
    --main-profile-close-btn-text: #FFFFFF;
    --main-profile-modal-close-bg: #0E1E0F;
    --main-profile-modal-close-text: #FFFFFF;

    /** Color For History Page **/
    --main-history-bg: #03001F;
    --main-history-table-first: #CECECE;
    --main-history-table-last: #FFFFFF;
    --main-history-card-text: #FFFFFF;

    /** Color For Wallet Page **/
    --main-wallet-badge-bg: #FFFFFF;
    --main-wallet-badge-title: #FFFFFF;
    --main-wallet-badge-color: #0E1E0F;
    --main-wallet-badge-success-bg: #019C4A;
    --main-wallet-badge-success-color: #FFFFFF;
    --main-wallet-badge-warning-bg: #EEE547;
    --main-wallet-badge-warning-color: #0E1E0F;
    --main-wallet-btn-color: #FFFFFF;

    /** Color For Deposit Form **/
    --main-dep-input-border-color: #E5F3FF;
    --main-dep-input-bg: #161616;
    --main-dep-select-border-color: #161616;
    --main-dep-select-bg: #161616;
    --main-dep-invalid-input-border-color: #FF0000;
    --main-dep-input-label-color: #E5F3FF;
    --main-dep-input-color: #E5F3FF;
    --main-dep-selection-bg: #E5F3FF;
    --main-dep-selection-text: #161616;
    --main-dep-selection-border: #E5F3FF;
    --main-dep-secondary-selection-bg: #161616;
    --main-dep-secondary-selection-text: #E5F3FF;
    --main-dep-secondary-selection-border: #E5F3FF;
    --main-dep-other-selection-bg: #E5F3FF;
    --main-dep-other-selection-text: #161616;
    --main-dep-other-selection-border: #E5F3FF;
    --main-dep-other-selection-hover-bg: #161616;
    --main-dep-other-selection-hover-text: #E5F3FF;
    --main-dep-other-selection-hover-border: #E5F3FF;
    --main-dep-amount-btn-bg: #E0E0E0;
    --main-dep-amount-shadow-bg: 0, 0, 0;
    --main-dep-copy-btn-bg: #E5F3FF;
    --main-dep-copy-btn-border: #E5F3FF;
    --main-dep-copy-btn-text: #161616;
    --main-dep-checked-icon: #019C4A;
    --main-dep-checked-border: #019C4A;
    --main-dep-checked-invalid-border: #FF0000;

    /** Color For Wallet Form **/
    --main-wallet-form-box-shadow: 129, 130, 136;
    --main-wallet-form-referrer-gradient: #E189EA;
    --main-wallet-form-referrer-gradient-2nd: #C27CF1;
    --main-wallet-form-referrer-gradient-3rd: #8E64FD;
    --main-wallet-form-rebate-gradient: #F79B95;
    --main-wallet-form-rebate-gradient-2nd: #FB236B;
    --main-wallet-form-fc-gradient: #6D44FF;
    --main-wallet-form-fc-gradient-2nd: #00EFDB;
    --main-wallet-form-fc-gradient-3rd: #00EFDB;
    --main-wallet-form-table-bg: 236, 236, 236;
    --main-wallet-form-input-border: #E5F3FF;
    --main-wallet-form-input-text: #E5F3FF;
    --main-wallet-form-input-label: #E5F3FF;
    --main-wallet-form-hr: #FFFFFF;
    --main-wallet-form-btn-bg: #E5F3FF;
    --main-wallet-form-btn-text: #161616;
    --main-wallet-form-outline-btn-border: #E5F3FF;
    --main-wallet-form-outline-btn-text: #E5F3FF;
    --main-wallet-form-outline-btn-hover-bg: #E5F3FF;
    --main-wallet-form-outline-btn-hover-text: #161616;
    --main-wallet-form-primary-text: #0E1E0F;

    /** Color For Claim Bonus **/
    --main-claim-bg: #100B54;
    --main-claim-label: #FFFFFF;
    --main-claim-input-border: #FFFFFF;
    --main-claim-input-color: #FFFFFF;
    --main-claim-hr: #FFFFFF;
    --main-claim-enddate-color: #FFFFFF;
    --main-claim-close-border: #FFFFFF;
    --main-claim-close-color: #FFFFFF;

    /** Color For Games Page **/
    --main-games-sidemenu-bg: #FFFFFF;
    --main-games-sidemenu-color: #050041;
    --main-games-sidemenu-active-gradient-bg: #4A89FE;
    --main-games-sidemenu-active-gradient-2nd-bg: #4A89FE;
    --main-games-sidemenu-active-gradient-3rd-bg: #0020ED;
    --main-games-sidemenu-active-color: #FFFFFF;
    --main-games-input-color: #100B54;
    --main-games-input-gradient-bg: #02219A;
    --main-games-input-gradient-2nd-bg: #2F0AB5;
    --main-games-input-icon-gradient-bg: #FFFFFF;
    --main-games-input-icon-gradient-2nd-bg: #FFFFFF;
    --main-games-input-icon-gradient-3rd-bg: #FFFFFF;
    --main-games-input-icon-color: #100B54;
    --main-games-popup-bg: #100B54;
    --main-games-popup-color: #FFFFFF;
    --main-games-popup-border: #100B54;
    --main-games-popup-table-border: #100B54;
    --main-games-popup-table-highlight: #FFFFFF;
    --main-games-popup-input-border: #100B54;
    --main-games-popup-input-bg: #FFFFFF;
    --main-games-popup-select-bg: #FFFFFF;
    --main-games-popup-select-border: #FFFFFF;
    --main-games-popup-copy-btn-bg: #100B54;
    --main-games-popup-copy-btn-border: #100B54;
    --main-games-popup-copy-btn-text: #FFFFFF;
    --main-games-popup-hr: #FFFFFF;
    --main-games-open-btn-text: #FFFFFF;
    --main-games-open-btn-bg: transparent;
    --main-games-open-btn-before-gradient: #4A89FE;
    --main-games-open-btn-before-gradient-2nd: #4A89FE;
    --main-games-open-btn-before-gradient-3rd: #0020ED;
    --main-games-category-gradient: #4A89FE;
    --main-games-category-gradient-2nd: #4A89FE;
    --main-games-category-gradient-3rd: #0020ED;

    /** Color For Checkin Page **/
    --main-checkin-title-gradient-bg: #FAB266;
    --main-checkin-title-gradient-2nd-bg: #F58335;
    --main-checkin-redeem-bg: #06C755;
    --main-checkin-redeem-hr: 16, 11, 84;
    --main-checkin-btn: #DEF0FF;
    --main-checkin-btn-text: #161616;
    --main-checkin-link: 16, 11, 84;
}


html.bg-white,
body.bg-white {
    background: var(--main-2nd-black) !important;
}
#bank_modal .modal-content {
    background: var(--main-black) !important;
}

.hidden_credit_amount,
.shown_credit_amount,
.home-menu-item .btn_restore_wallet {
    color: var(--main-white);
}