: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: #068cf9;

    --cl-main-temp: #068cf9;
    --cl-gradient1: #393939;
    --cl-gradient2: #030303;
    --ft-yellow: #e2dd9f;
    --bg-footer-gd: linear-gradient(-45deg, #000000, #022a4b, #000000, #033863);

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


.app__body.login, .app__body.register{
    background: url(../../images/alltemp/i-login/bg_b1.png);
    background-size: cover;
}
.samhokha-login__bg-main{
    /* background: #0101015e; */
    background: linear-gradient(233deg, rgb(0 0 0 / 60%) 10.23%, rgb(41 41 41 / 35%) 60%, rgb(0 0 0) 82.02%);
    border-radius: 30px;
    padding: 50px 40px;
    position: relative;
    transition: all 0.3s ease;
    border: 1px solid #00000057;
    z-index: 10;
    animation: cyber-entrance 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@keyframes cyber-entrance {
    from {
        opacity: 0;
        transform: scale(0.8) rotateY(90deg);
    }
    to {
        opacity: 1;
        transform: scale(1) rotateY(0deg);
    }
}

.samhokha-login__bg-main i{ color: var(--main-bg3);}
.samhokha-login__bg-main .text-app_green{ color: #FFFFFF !important; }
.samhokha-login__bg-main button:hover {
    box-shadow: 
        rgb(60, 60, 60) -2.92857px 2.53781px 60px, 
        rgb(0, 0, 0) 2.92857px -2.53781px 60px;
}
.samhokha-login__bg-main .bg-app_green {
    color: #FFFFFF !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);}