:root {
    --main-bg: #201f24;
    --main-bg1: #000000;
    --main-bg2: #333333;
    --main-bg3: #666666;
    --cl-yelow: #068cf9;
    --cl-yelow1: rgb(250 255 0 /1);
    --cl-yellow1: #068cf9;
    --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(#1f97f9, #03467d);
    --cl-ic-buttom: #eedb51;

    --cl-main-temp: #068cf9;
    --cl-gradient1: #393939;
    --cl-gradient2: #030303;
    --ft-yellow: #e2dd9f;
    --bg-btn-footer-center: linear-gradient(0deg, #1a4e8c, #2268b2, #3e89d8, #80b6ec);
    --bg-btn-left: linear-gradient(180deg, #012755, #050301);
    --bg-btn-left-active: linear-gradient(180deg, #277cd0, #103a6c);
    --cl-bd-btn-left: #123b6d;
    --bg-menu-left: #031224;
    --bg-text-slide : #0b5a99;/* 098d09 */
    --bg-body : linear-gradient(to right,#000000, #063671, #000000);
    --bg-footer-gd: linear-gradient(-180deg, #022a4b, #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;}