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




  --bdrd-big: 0.75rem;
  --bdrd-sm: 0.35rem;

  --w-bd-center: 768px;
}

/* ========== head bar ==========*/
.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;
}

.app .app__header-menu,
body {
  background: var(--main-bg3) !important;
}

.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(--main-bg3) !important;
  border: 2px solid var(--main-bg3);
}

.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(--main-bg3);
  border-color: var(--main-bg3);
  border-radius: 8px;
  color: var(--cl-black);
}

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

.bg-app_green {
  color: var(--cl-black) !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(--main-bg3) !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(--main-bg3) !important;
  color: #FFFFFF !important;
}

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

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

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

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



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

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

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

/* title nemu page*/
.money-detail .text-yellow {
  /* color: #FB7D10; */
}

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