@charset "UTF-8";

/**
Copyright 2023
**/

.fa, .fa-solid {
    color: #FFF;
}

.login-box, .regis-box, .resetpass-box {
    overflow: hidden;
    position: relative;
    top: 20px;
    background-color: rgba(51,51,51,0.5);
    border: 1px solid #FAD74C;
    border-radius: 20px;
    max-width: 400px;
    margin: auto;
}

.regis-box, .resetpass-box {
    top: 0 !important;
}

.btn-back {
    width: 45px;
    height: 45px;
    background: url('../../assets/img/button/btn-back.png') no-repeat center center;
    background-size: 100%;
}

.btn-top-menu, .badge-level {
    width: 46px;
    height: 46px;
}

.page-lobby {
    position:relative;
    /* background: url('../../assets/img/bg2.jpg') no-repeat top center; */
    /* background-size: cover; */
}

.modal-promoInfo .modal-content::before {
    content: '';
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    background: url('../../assets/img/bg2.jpg') no-repeat top center;
    background-size: cover;
}

.line-text::before, .line-text::after {
    display: inline-block;
    content: '';
    /* width: 20%; */
    width: 12%;
    height: 1px;
    background: linear-gradient(to right, transparent, #FAD74C, transparent);
}

/*
Page - Login
*/

main.page-login, main.page-register, main.page-resetpass {
    height: 100vh;
    /* content: '';
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1; */
    background: url('../../assets/img/background/bg.png') no-repeat top center;
    background-size: cover;
}

main.page-login.cny,
main.page-register.cny,
main.page-resetpass.cny {
    background: url('../../assets/img//background/bg_cny.png') no-repeat top center;
    background-size: cover;
}

main.page-login.xmas,
main.page-register.xmas,
main.page-resetpass.xmas {
    background: url('../../assets/img//background/bg_xmas.png') no-repeat top center;
    background-size: cover;
}

.btn-livechat, .btn-lang {
    width: 46px;
    height: 46px;
    display: inline-block;
}

.btn-livechat {
    background: url('../../assets/img/cs.png') no-repeat center center;
    background-size: 100%;
}

.btn-lang {
    background: url('../../assets/img/lang/en.png') no-repeat center center;
    background-size: 100%;
}

.btn-lang.my {
    background: url('../../assets/img/lang/my.png') no-repeat center center;
    background-size: 100%;
}

.btn-lang.cn {
    background: url('../../assets/img/lang/cn.png') no-repeat center center;
    background-size: 100%;
}

.btn-lang.vn {
    background: url('../../assets/img/lang/vn.png') no-repeat center center;
    background-size: 100%;
}

.login-box button[type=submit], .btn-regis, .btn-login {
    display: inline-block;
    text-decoration: none;
    background: #333;
    color: #FAD74C;
    font-weight: 600;
    padding: .5rem .5rem;
    font-size: 1.1rem;
}

.login-box button[type=submit], .btn-login {
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right: 1px solid #FAD74C;
}

/*
End Page - Login
*/

/*
Page - Registration
*/

main.page-register::before, main.page-resetpass::before {
    content: '';
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    background: url('../../assets/img/bg2.jpg') no-repeat top center;
    background-size: cover;
}

/*
End Page - Registration
*/

/*
Navigation
*/

.client-zone > label > span {
    font-size: 1rem;
}

.nav-client-zone > li {
    font-size: .7rem;
}

.client-zone .icon::before {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url('../../assets/img/icon/wallet.png') no-repeat center center;
    background-size: 100%;
    position: absolute;
    left: 0;
}

.client-zone .icon.i-gp::before {
    background: url('../../assets/img/icon/gp.png') no-repeat center center;
    background-size: 100%;
}

.client-zone .icon.i-bp::before {
    background: url('../../assets/img/icon/bp.png') no-repeat center center;
    background-size: 100%;
}

.client-zone .icon.i-lp::before {
    background: url('../../assets/img/icon/lp.png') no-repeat center center;
    background-size: 100%;
}

.client-zone .icon.i-fp::before {
    background: url('../../assets/img/icon/fp.png') no-repeat center center;
    background-size: 100%;
}

/*
End Navigation
*/

/*
Game Showcase
*/

.categoryImg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: auto !important;
    height: 100% !important;
    z-index: -1;
}

.wrap-game-category > dl > dd > nav,
.wrap-game-category > dl > dd > a,
.wrap-game-category > ul > li > a {
    cursor: pointer;
    padding: .5rem .5rem;
    border: 1px solid #FAD74C;
    min-height: 75px;
}

.wrap-game-category > dl > dd > nav > label {
    width: 60%;
    font-size: .65rem;
}

.wrap-game-category > dl > dd > nav > h5 {
    font-size: .85rem;
    font-weight: 600;
    margin: 0 0 .1rem 0;
}

.wrap-game-category > .showcase-casino > dd:first-child > nav {
    background: url('../../assets/img/lobby-casino.png') no-repeat left bottom #000;
    background-size: contain;
}

.wrap-game-category > .showcase-slot > dd:first-child > nav {
    background: url('../../assets/img/lobby-slot.png') no-repeat left bottom #000;
    background-size: contain;
}

.wrap-game-category > .showcase-lottery > dd:first-child > nav {
    background: url('../../assets/img/lobby-lotto.png') no-repeat left bottom #000;
    background-size: contain;
}

.wrap-game-category > .showcase-arcade > dd:first-child > nav {
    background: url('../../assets/img/lobby-arcade.png') no-repeat left bottom #000;
    background-size: contain;
}

.wrap-game-category > .showcase-sport > dd:first-child > nav {
    background: url('../../assets/img/lobby-sport.png') no-repeat left bottom #000;
    background-size: contain;
}

.wrap-game-category > .showcase-chipgame > dd:first-child > nav {
    background: url('../../assets/img/lobby-chip.png') no-repeat left bottom #000;
    background-size: contain;
}

.wrap-game-category > .showcase-casino > dd > a.f-img.ag {
    background: url('../../assets/img/lobby-ag.webp') no-repeat center center;
    background-size: 90%;
}

.wrap-game-category > .showcase-casino > dd > a.f-img.evo {
    background: url('../../assets/img/lobby-evolution.webp') no-repeat center center;
    background-size: 90%;
}

.wrap-game-category > .showcase-slot > dd > a.f-img.prg {
    background: url('../../assets/img/lobby-prg.webp') no-repeat center center;
    background-size: 90%;
}

.wrap-game-category > .showcase-slot > dd > a.f-img.lfc {
    background: url('../../assets/img/lobby-lfc.webp') no-repeat center center;
    background-size: 90%;
}

.wrap-game-category > .showcase-lottery > dd > a.f-img.w28 {
    background: url('../../assets/img/lobby-28win.webp') no-repeat center center;
    background-size: 90%;
}

.wrap-game-category > .showcase-lottery > dd > a.f-img.hw8 {
    background: url('../../assets/img/lobby-huawei88.webp') no-repeat center center;
    background-size: 90%;
}

.wrap-game-category > .showcase-arcade > dd > a.f-img.jdb {
    background: url('../../assets/img/lobby-jdb.png') no-repeat center center;
    background-size: 90%;
}

.wrap-game-category > .showcase-arcade > dd > a.f-img.mg8 {
    background: url('../../assets/img/lobby-mega.png') no-repeat center center;
    background-size: 90%;
}

.wrap-game-category > .showcase-sport > dd > a.f-img.saba {
    background: url('../../assets/img/lobby-saba.png') no-repeat center center;
    background-size: 90%;
}

.wrap-game-category > .showcase-sport > dd > a.f-img.prg {
    background: url('../../assets/img/lobby-prgv.png') no-repeat center center;
    background-size: 90%;
}

.wrap-game-category > .showcase-chipgame > dd > a.f-img.ag {
    background: url('../../assets/img/lobby-ag-chip.png') no-repeat center center;
    background-size: 90%;
}

.wrap-game-category > .showcase-chipgame > dd > a.f-img.pt {
    background: url('../../assets/img/lobby-pt-chip.png') no-repeat center center;
    background-size: 90%;
}

/*
End Game Showcase
*/

/*
OffCanvas Menu
*/

.offcanvas-menu {
    width: 25% !important;
    font-size: 3vw;
}

.offcanvas-menu .menu-social i {
    font-size: 2.3em;
}

/*
End OffCanvas Menu
*/

/*
Modal
*/

.btn-modal-close {
    color: #FAD74C;
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 1;
}

.modal-gameTransferBox .box-game-text,
.modal-gameInProgress .box-game-text {
    position: absolute;
    top: 5rem;
    left: 1rem;
    z-index: 1;
}

.modal-gameTransferBox .box-game-text h6,
.modal-gameInProgress .box-game-text h6 {
    color: #FAD74C;
    text-align: center; 
    border-bottom: 1px solid #FAD74C; 
    line-height: 0.1em;
    margin: 10px 0 20px; 
}

.modal-gameTransferBox .box-game-text h6 span,
.modal-gameInProgress .box-game-text h6 span {
    background: transparent; 
    padding:0 10px; 
    font-size: .8rem;
}

.section-turnover {
    font-size: .75rem;
    padding: .5rem;
    background-color: rgba(0,0,0,0.3);
}

.modal-gameTransferBox form,
.modal-gameInProgress form {
    font-size: 1rem;
}

.modal-gameTransferBox form input,
.modal-gameInProgress form input {
    border: 1px solid #818a91;
}

/*
End Modal
*/

/*
Wallet Info
*/

.wallet-info > dd {
    background-color: transparent;
    background-image: linear-gradient(160deg, #32302F 0%, #413E3D 100%);
    padding: 10px 10px 5px;
    font-weight: 600;
    font-size: 0.7rem;
    color: #FAD74C;
    text-align: center;
}

/*
End Wallet Info
*/

/*
Convert
*/

.convertForm [role=group] label {
    font-size: .8rem;
}

/*
End Convert
*/

/*
Payment Method
*/

.menu-pay-method > a {
    filter: grayscale(85%);
}

.menu-pay-method > a.active {
    filter: grayscale(0%);
}

.menu-withdraw-method > a > img {
    border-radius: .5rem;
}

/*
End Payment Method
*/

/*
Community
*/

.menu-community > a {
    width: 100%;
    font-weight: 600;
    margin: .2rem;
    border: 1px solid #FAD74C;
    border-radius: 10px;
    padding: .5rem 1rem;
    color: #FAD74C;
    text-align: center;
}

.menu-community > a.active {
    color: #32302F !important;
    background: rgb(250,215,76);
    background: -moz-linear-gradient(180deg, #FAD74C 0%, #FFA600 100%);
    background: -webkit-linear-gradient(180deg, #FAD74C 0%, #FFA600 100%);
    background: linear-gradient(180deg, #FAD74C 0%, #FFA600 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAD74C', endColorstr='#FFA600',GradientType=1 );
}

.community-wallet, .accTurnover {
    background-color: #3F3D3B;
}

.community-player {
    /* margin-top: 15px; */
    border-radius: 10px;
    border: 2px solid #000;
    box-shadow: 0px 0px 5px 0px #fad74c;
    background-color: transparent;
    background-image: linear-gradient(180deg, #FAD74C 0%, #FFA600 100%);
    color: #333;
    font-weight: 600;
}

.community-player small, .referral-info small {
    font-size: .7rem;
    font-weight: normal;
}

.community-player dl > dd:nth-child(2) {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.community-genealogy {
    text-align: center;
    border: 1px solid #FAD74C;
    border-radius: 10px;
    padding: 10px;
}

.community-genealogy h2 {
    font-size: 3.5vw;
}

.community-genealogy article, .community-downline article {
    font-size: .7rem;
}

.community-downline h2 {
    font-size: .7rem;
}

.community-pool {
    width: 100%;
    height: 220px;
    background: url('../../assets/img/bg-pool.png') no-repeat center center transparent;
    background-size: cover;
    margin: 10px auto;
}

.community-pool h3 {
    margin-top: 30px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 1.2rem;
    text-shadow: 0px 0px 10px #FFFFFF;
}

.pool-block {
    background-color: #000;
}

/*
End Community
*/

/*
Referral
*/

.ref-header {
    background: url('../../assets/img/bg-referral.png') no-repeat center right;
    background-size: contain;
}

/*
End Referral
*/

/*
Game In-Progress
*/

.game-in-progress {
    border-radius: 0 10px 10px 0;
    background-color: transparent;
    background-image: linear-gradient(300deg, #FFA600 0%, #FAD74C 100%);
    color: #32302F;
    padding: .2rem 1rem;
    font-size: .8rem;
}

/*
End Game In-Progress
*/

/*
Statement
*/

#statementTable > tbody > tr > * {
    background-color: transparent !important;
}

.sec-total {
    margin: 20px auto 0;
}

.statement-block {
    background-color: transparent;
    background-image: linear-gradient(300deg, #FFA600 0%, #FAD74C 100%);
    color: #2e3133;
    font-weight: 600;
}

.statement-block > dl > dd > small {
    font-size: .7rem;
    font-weight: normal;
}

.statement-block > dl > dd > a[data-bs-toggle="collapse"] {
    font-size: .7rem;
}

/*
Statement
*/

/*
Support
*/

.support-header {
    padding: 1rem 1rem;
    background: url('../../assets/img/bg-support.png') no-repeat right center #000;
    background-size: contain;
    font-weight: 600;
    color: #FAD74C;
    min-height: 84px;
}

.nav-support > a > img {
    width: 20% !important;
    margin-right: 1rem;
}

.nav-support > a > article > label {
    color: #FAD74C;
}

/*
End Support
*/

/*
Pin
*/

.pop-layer-1000 {
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.6);
    /* display: flex; */
    display: none;
    align-items: center;
    justify-content: center;
}

.pop-6-digit > div {
    border: 1px solid #FAD74C;
    background-color: #333;
    border-radius: 10px;
    margin: 0 30px;
    font-size: 0.6rem;
    color: #FAD74C;
    text-align: center;
    width: 300px;
}
.pop-6-digit > div > h5 {
    margin-top: 10px;
    line-height: 2rem;
    font-size: 1.2rem;
}
.pop-6-digit > div > small {
    display: flex;
    align-items: center;
    --text-divider-gap: 0.4rem;
    font-size: 0.6rem;
}
.pop-6-digit > div > small:before, .pop-6-digit > div > small:after {
    content: '';
    height: 1px;
    background-color: #FAD74C;
    flex-grow: 1;
}
.pop-6-digit > div > small::before {
    margin-right: var(--text-divider-gap);
}
.pop-6-digit > div > small::after {
    margin-left: var(--text-divider-gap);
}
.pop-6-digit > div > label {
    line-height: 4rem;
    font-size: 2rem;
    color: #fff;
}
.pop-6-digit > div > nav {
    display: flex;
    justify-content: left;
    align-items: center;
    flex-wrap: wrap;
}
.pop-6-digit > div > nav > button {
    font-size: 20px;
    background-image: linear-gradient(#383635, #404349);
    color: #FFFFff;
    width: calc((100% - 6px) / 3);
    line-height: 50px;
    margin: 1px;
    border-width: 0px;
}
.pop-6-digit > div > nav > button:nth-child(10) {
    border-radius: 0 0 0 10px;
}
.pop-6-digit > div > nav > button:nth-child(12) {
    border-radius: 0 0 10px 0;
}

.pop-6-digit .key_clear > img,
.pop-6-digit .key_del > img {
    width: 26px !important;
    height: 26px !important;
}

.pop-6-digit > nav {
    position: fixed;
    bottom: 0;
    right: 0;
}

/*
End Pin
*/