/*
 * uigg 2.2 (build 20220510)
 * Project: https://ui.gg
 * Author: http://www.mixice.com
 * Github: https://github.com/mixice/uigg
 * license: Edit By PANHA
 */
/* import */

html,
body {
    background: var(--bg-color) !important;
    height: 100%;
    transition-duration: 0s;
    /* background-size: cover; */
    /* background-image: url(../images/bg-black.jpg) !important; */
}

/* color */
.red {
    --color: #5A42FC;
    --color-lg: linear-gradient(to bottom, #5A42FC, #2E19B2) !important;
}

:root {
    /* --color :yellow; */
    /* --color-lg: #c35b0b; */
    --theme-color: #6600cc;
    --bg-color: #191919;
    --color-lg: linear-gradient(#a30303, #a30303 120%);
    --spark: #ed683c;
    --spark2: #f6a319;
    --oragegradien: #ff6d0a;
    --sharpcyan: #023043;
    --sharpred: #230007;
    --sharpgreen: #00451c;
    --sharpblack: #383838;
    --sharpbrown: #320a09;
    --color3: #ffd700;
    --white: #fff;
    --fff: #fff;
    --f7: #f7f7f7;
    --eee: #eee;
    --ddd: #ddd;
    --ccc: #ccc;
    --bbb: #bbb;
    --999: #999;
    --666: #666;

    --222: #222;
    --111: #111;
    --000: #000;
    --black: #000;

    --brown: #8d1313;
    --red: #ff3b52;
    --pink: #ff3ea6;
    --purple: #d844d8;
    --sapphire: #6c62f9;
    --blue: #2e6efd;
    --cyan: #0df0f0;
    --green: #47DCA1;
    --lime: #af0;
    --yellow: #fe0;
    --orange: #fb0;
    --tomato: #f60;
    --violet: #a34fe4;

    --fff-1: rgba(255, 255, 255, .1);
    --fff-2: rgba(255, 255, 255, .2);
    --fff-3: rgba(255, 255, 255, .3);
    --fff-4: rgba(255, 255, 255, .4);
    --fff-5: rgba(255, 255, 255, .5);
    --fff-6: rgba(255, 255, 255, .6);
    --fff-7: rgba(255, 255, 255, .7);
    --fff-8: rgba(255, 255, 255, .8);
    --fff-9: rgba(255, 255, 255, .9);

    --000-1: rgba(0, 0, 0, .1);
    --000-2: rgba(0, 0, 0, .2);
    --000-3: rgba(0, 0, 0, .3);
    --000-4: rgba(0, 0, 0, .4);
    --000-5: rgba(0, 0, 0, .5);
    --000-6: rgba(0, 0, 0, .6);
    --000-7: rgba(0, 0, 0, .7);
    --000-8: rgba(0, 0, 0, .8);
    --000-9: rgba(0, 0, 0, .9);
}



.head {
    background-color: #000 !important;
}


.blue {
    --color: #5A42FC;
    --color-lg: linear-gradient(to bottom, #5A42FC, #2E19B2);
}

.sharp-blue {
    --color: var(--sharpblue);
    /* --color-lg: var(--sharpblue); */
    --color-lg: linear-gradient(to bottom, var(--sharpblue), var(--sharpblue))
}

.oragegradien {
    --color: var(--oragegradien);
    --color-lg: linear-gradient(to bottom, var(--oragegradien), var(--oragegradien))
}

.sharpcyan {
    --color: var(--sharpcyan);
    --color-lg: linear-gradient(to bottom, var(--sharpcyan), var(--sharpcyan))
}

.sharpred {
    --color: var(--sharpred);
    --color-lg: linear-gradient(to bottom, var(--sharpred), var(--sharpred))
}

.sharpgreen {
    --color: var(--sharpgreen);
    --color-lg: linear-gradient(to bottom, var(--sharpgreen), var(--sharpgreen))
}

.sharpblack {
    --color: var(--sharpblack);
    --color-lg: linear-gradient(to bottom, var(--sharpblack), var(--sharpblack))
}

.sapphire {
    --color: #642ef7;
    /* --color-lg: #642ef7; */
    --color-lg: linear-gradient(to bottom, #642ef7, #642ef7)
}


/* orange */

.orange {
    --color: var(--oragegradien);
    --color-lg: linear-gradient(to bottom, var(--oragegradien), var(--oragegradien))
}

.cyan {
    --color: var(--cyan);
    --color-lg: linear-gradient(to bottom, var(--cyan), var(--cyan))
}

.violet {
    --color: #a34fe4;
    /* --color-lg: #a34fe4; */
    --color-lg: linear-gradient(to bottom, #a34fe4, #a34fe4)
}

.yellow {
    --color: #fe0;
    /* --color-lg: #fe0; */
    --color-lg: linear-gradient(to bottom, #fe0, #fe0)
}

.black {
    --color: #1e2230;
    --color-lg: linear-gradient(to bottom, #1e2230, #1e2230)
}

.deep {
    --color: var(--deep);
    --color-lg: linear-gradient(to bottom, var(--deep), var(--deep))
}


.green {
    --color: var(--green);
    --color-lg: linear-gradient(to bottom, var(--green), #34be87)
}

/* .orange {
    --color: var(--orange);
    --color-lg: var(--orange-lg)
} */

.im-cont h5 {
    color: #fff
}

.red {
    --color: var(--red);
    --color-lg: linear-gradient(to bottom, var(--red), #db1d33)
}

.sapphire {
    --color: var(--sapphire);
    --color-lg: linear-gradient(to bottom, var(--sapphire), #453db4)
}


.games-filter {
    justify-content: space-around;
}

.nav-control {
    background-color: #000;
    border-radius: 25px;
}

.l-navbar {
    background-color: var(--theme-color) !important;
}

.nav-head {
    background-color: var(--theme-color) !important;
}

.btn.focus,
.btn:focus {
    box-shadow: none !important;
}

.btn {
    border: none;
}

.log .btn {
    background-image: var(--spark2) !important;
}

.btn-register:hover {
    color: #fff !important;
}

.btn-login:hover {
    color: #000 !important;
}

.btn-login {

    color: #fff;
    border: 2px solid #f6a319 !important;
}

/* .btn-login{
    padding: 3px !important;
} */
.sign-in-page__header {
    background: var(--theme-color) !important;
    color: #fff;
}

.header_toggle {
    background: var(--spark2) !important;
}

.border-div-game {
    padding: 0px 20px 20px 20px;
    border: 2px solid var(--color3);
    border-radius: 25px;
}

.category__icon-wrap {
    border: 2px solid var(--color3);
}

.seeall {
    border: none;
}

.col-3 {
    max-width: 20% !important;
}

div.text-wrap {
    width: 224px;

}

button.inp,
html input[type=button].inp,
input[type=reset].inp,
input[type=submit].inp {
    background-image: var(--color-lg) !important;
}

.center-data-btn a {
    background-image: var(--color-lg) !important;
    color: #fff !important;
    border: none !important;
}

.main {
    margin-top: 30px !important;
}

#carouselExampleControls {
    left: 25px;
}

.poker_popup .poker_popup_form {
    border: 2px solid #ed683c !important;
}

.poker_popup .poker_close {
    background-color: #ed683c !important;
}

.account-wrap span {
    color: #000 !important;
}

.btnView {
    color: #000 !important;
}

.register_img img {
    width: 135px;
}

/* .lang-l ul {
    height: 55px;
    overflow: hidden;
    overflow-y: scroll;
 }

 .lang-l ul::-webkit-scrollbar {
    width: 8px;

 }

 .lang-l ul::-webkit-scrollbar-thumb {
    background-color: #cfcdcd;


 }
 .l-navbar nav ul{
    padding: 0 !important;
 } */
.nav::-webkit-scrollbar {
    width: 0
}

.nav {
    overflow: auto !important;
}

.crypto ul {
    text-align: center;
}

.vank ul li img {
    height: 120px;
}

.header1 nav a img {
    margin-left: 195px;
}

.im {
    top: 30% !important;
}

nav .side-nav li:hover,
nav .side-nav li.active {
    background: var(--bg-color) !important;
}

.center-side a.active,
.center-side a:hover {
    background: var(--theme-color) !important;
}

.center-data-btn a{
    background: var(--theme-color) !important;
}