:root {
  --main-bg: #201f24;
  --main-bg1: #000000;
  --main-bg2: #333333;
  --main-bg3: #666666;
  --cl-yelow: #af0404;
  --cl-yelow1: rgb(250 255 0 /1);
  --cl-yellow1: #af0404;
  --cl-white: #FFFFFF;
  --cl-black: #000000;
  --cl-gray: #70798a;
  --cl-gray1: #2c2e3b;
  --cl-red: #F6465D;
  --cl-green: #3cc647;
  --popuphome: #000000a8;

  --btn-green: linear-gradient(#276a58, #3ca27f, #59cd9a, #89dbb7);
  --bd-btn-green: #78d6ad;
  --btn-orange: linear-gradient(#a82e04, #de3b06, #f3590e, #f6a074);
  --bd-btn-orange: #f4864d;
  --btn-yellow: linear-gradient(#977211, #978f15, #978f15, #977211);
  --bd-btn-yellow: #f7b319;

  --btn-csn: linear-gradient(#fb3737, #af0404);
  --cl-ic-buttom: #ffc107;

  --cl-main-temp: #af0404;
  --cl-bdcolor : #e2dd9f;
  --cl-gradient1: #393939;
  --cl-gradient2: #030303;
  --ft-yellow: #e2dd9f;
  --bg-btn-footer-center: linear-gradient(0deg, #a82e04, #de3b06, #f3590e, #ff9800);
  --bg-btn-left: linear-gradient(180deg, #440302, #050301);
  --bg-btn-left-active: linear-gradient(180deg, #d30500, #810808);
  --cl-bd-btn-left: #640202;
  --bg-menu-left: #210303;
  --bg-text-slide : #b26300;/* cc7201 */
  --bg-body : linear-gradient(to right,#000000, #630705, #000000);
  --bg-footer-gd: linear-gradient(-180deg, #320101, #000000);
  --bdrd-big : 0.75rem;
  --bdrd-sm : 0.35rem;

  --w-bd-center : 768px;

}

/* .anav-i {
  color: var(--cl-main-temp) !important;
}

.anav-menu {
  color: var(--cl-main-temp) !important;
}*/

/* ========== head bar ==========*/
/* .app .app__nav-menu{ background: var(--cl-main-temp);} */
.app .app__nav-menu-mobile button {
color: var(--cl-white) !important;
}

.app .app__nav-menu button {
color: var(--cl-white) !important;
}
.app__userinfo span:not(.text-white,.text-red,.text-green){ color: var(--cl-black);}
/* ========== head bar ==========*/

footer.app__footer .bt-footer {
color: var(--cl-white) !important;
}

footer.app__footer .app__footer-main-nologin .bt-home-link,
footer.app__footer .app__footer-main-login .bt-home-link {
/* btn home footer*/
background-color: var(--cl-white);
color: var(--cl-main-temp) !important;
border: 2px solid var(--cl-main-temp);
}

.app__menu-linkButton a.app__buttonlink-menu {
/*btn register login page*/
background-color: var(--cl-white);
border-color: var(--cl-yelow);
border-radius: 8px;
color: var(--cl-yelow);
}

.app__nav-menu-linkButton a.app__buttonlink-menu {
/*btn register menu more*/
background-color: var(--cl-main-temp);
border-color: var(--cl-main-temp);
border-radius: 8px;
color: var(--cl-black);
}

.anav-i,
.anav-menu {
/* icon menu more*/
color: var(--cl-main-temp) !important;
}

.bg-app_green {
color: var(--cl-white) !important;
}

/*btn login page*/
.app__nav-menu-linkButton .app__user-login {
color: var(--cl-white);
}

/* username menu more*/
.app__menu-detailuser-mobile .app__menu-linkButton-mobile .app__user-login {
color: var(--cl-white);
}

/*icon user menu more*/
.app__menu-linkButton .app__user-login {
color: var(--cl-white);
}

/*icon user 089xxxxx credit*/
.box-language .active {
background: var(--cl-main-temp) !important;
color: var(--cl-white) !important;
}
.rfBetCredit{ color: var(--cl-yellow1);}

/* language active*/
.text-app_green {
/* color: var(--cl-yellow1) !important; */
}



/* ======== friendList page ========*/
.btstatemnt,
.btac,
.header-fl,
.-info-flex .-block2 .-t-log-flex.-header,
.dstatment .blocktitle {
background: var(--cl-main-temp) !important;
color: #FFFFFF !important;
}

.box-frindlist {
background: rgb(0 0 0 / 0%) !important;
}

.btfsearch,
.btshort {
background: #e1e1e1 !important;
}

.row-totel {
color: var(--cl-main-temp);
}

/* ======== friendList page ========*/



.btcopy-qrcode {
/* qrcode */
background: var(--cl-main-temp) !important;
color: #FFFFFF !important;
}

.dtxtpass,
.bt-changepass {
/* change password page*/
background: var(--cl-main-temp) !important;
color: #FFFFFF !important;
}

.h3p {
color: var(--cl-white) !important;
}

/* bar iframe open*/
.v-toolbar__content{
background: var(--cl-main-temp);
}

.deposite .text-yellow, .withdraw .text-yellow {
  color: var(--cl-main-temp) !important;
} 

.bg-yellow{ background-color: var(--cl-main-temp);}
.marquee-parent .marquee-child{ color: #FFFFFF;}