:root {
  --main-bg  : #000000;
  --main-bg1 : #011424;
  --main-bg2 : #29303d;
  --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: #d70c0c;

  --cl-main-temp: #af0404;
  --cl-gradient1: #393939;
  --cl-gradient2: #030303;
  --ft-yellow: #e2dd9f;
  --bg-footer-gd: linear-gradient(-45deg, #000000, #320101, #000000, #640202);

  --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);}