:root {
    --theme-text-color: #fff;
    
    --theme-tab-games-selector-item:linear-gradient(to bottom, #002cc1, #035bcf);
    --theme-tab-games-selector-item-active:linear-gradient(to bottom, #66b6f1, #61b9fe, #589bfc);
    --theme-menu-border: 0px solid #035bcf;
    --theme-menu-text-color: #fff;
    --theme-active-menu-text-color: #333333;

    /** for app style 2 **/
    --theme-tab-games-selector-bg: #000000f1;
    --theme-text-frame-color: #0844ad;
    --theme-text-frame-games-selected-bg: linear-gradient(to right, #002cc1, rgba(0,0,0,0));

    /** for app style 2-3 **/
    /* wallet card at all*/    
    --theme-gradient-primary: linear-gradient(to bottom, #002cc1, #035bcf);
    /* affiliate credit card at affiliate*/
    --theme-gradient-secondary: linear-gradient(to bottom, #002cc1, #035bcf);
    /* wallet card at home*/
    --theme-gradient-quinary: linear-gradient(to bottom, #002cc1, #035bcf);
    /* promotion card at promotion*/
    --theme-gradient-dark: linear-gradient(to bottom, #002cc1, #035bcf);

    --theme-top-header-bg-color: #002cc1;
    --theme-top-header-bg: linear-gradient(to bottom, #002cc1, #0c48d8);
    --theme-top-header-border: 0px solid #035bcf;
    --theme-hamburger-bg: linear-gradient(to bottom, #fff, #fff);

    --theme-register-bg-color: #81c2ff;
    --theme-register-bg: linear-gradient(to top, #54b6fe, #81c2ff);
    --theme-register-btn-text-color: #053393;
    --theme-register-btn-radius: 1rem;

    --theme-login-bg-color: #81c2ff;
    --theme-login-bg: linear-gradient(to top, #54b6fe, #81c2ff);

    --theme-btn-play-bg-color:linear-gradient(to bottom, #c27e00, #ffd650, #d1ad34);
    --theme-btn-play-text-color: #000;

    --theme-footer-bg: linear-gradient(to bottom, #002cc1, #035bcf) !important;
    --theme-footer-border: 1px solid #fff;
    /* for footer style 5 */
    --theme-footer-stop-color-1: #002cc1;
    --theme-footer-stop-color-2: #035bcf;

    --theme-primary-dark: #000b23 !important;
    --theme-text-tertiary: #ffed04;

    --theme-fpm-bg: #000000f1;
    --theme-body-bg-color: #000000;
    --theme-bg-filter: unset;

    /* text slide */    
    --theme-slide-text-color: #fff;

    /* bootstrap */
    --bs-primary: #035bcf !important;
    --bs-primary-rgb: 20, 97, 217 !important;
    --bs-secondary: #035bcf !important;
    --bs-secondary-rgb: 20, 97, 217 !important;
    --bs-font-black: #000000 !important;
    --bs-font-white: #ffffff !important;
    --bs-dark-rgb: 1, 38, 126 !important;
    --bs-tertiary-rgb: 255, 237, 0 !important;
}

#root {
    --footer-label-color: #ffffff!important;
}

.text-frame .frame {
    color: #0844ad;
}

.navbar-brand img {
  filter: drop-shadow(0 0 0.05rem #fff);
}