: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); */
}

.footer-menu {
    position: relative;
}

.footer-menu:before {
  content: '';
    position: absolute;
    width: 100%;
    height: 30px;
    background: white;
    z-index: -2;
    bottom: 10px;
}

@media screen and (max-width: 512px) {
  #top-header .nav-container {
    padding-left: 5px;
    padding-right: 5px;
  }
.navbar-brand img {
    margin: 5px 0;
    height: 32px!important;
    width: 110px;
}

  #top-header .nav-container .header-register-menu .react-ripples button {
    font-size: 0.75rem!important;
  }
}