@charset "UTF-8";

/**
Copyright 2019
**/

/*
Login
*/

.topbar::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: url('../../assets/img/topbar.png') no-repeat top center;
    background-size: 120%;
    width: 100%;
    height: 100%;
}

.topbar {
    min-height: 47px;
    padding: .2rem 0 0 0;
}

.topbar a {
    outline: none;
    display: inline-block;
    text-decoration: none;
    width: 35px;
    height: auto;
}

.modal-settings h5 {
    height: 28px;
    margin-top: .5rem !important;
    background: url('../../assets/img/en/title_popup_settings.png') no-repeat center center;
    background-size: contain;
}

.modal-settings h5.my { background-image: url('../../assets/img/my/title_popup_settings.png'); }
.modal-settings h5.cn { background-image: url('../../assets/img/cn/title_popup_settings.png'); }

.modal-chgpass h5 {
    width: 100%;
    height: 28px;
    margin: 0 !important;
    background: url('../../assets/img/en/title_popup_reset.png') no-repeat left center;
    background-size: contain;
}

.modal-chgpass h5.my { background-image: url('../../assets/img/my/title_popup_reset.png'); }
.modal-chgpass h5.cn { background-image: url('../../assets/img/cn/title_popup_reset.png'); }

.modal-tranxlog h5 {
    width: 100%;
    height: 28px;
    margin: 0 !important;
    background: url('../../assets/img/en/title_popup_tranx.png') no-repeat left center;
    background-size: contain;
}

.modal-tranxlog h5.my { background-image: url('../../assets/img/my/title_popup_tranx.png'); }
.modal-tranxlog h5.cn { background-image: url('../../assets/img/cn/title_popup_tranx.png'); }

.modal-gamecreditlog h5 {
    width: 100%;
    height: 28px;
    margin: 0 !important;
    background: url('../../assets/img/en/title_popup_creditlog.png') no-repeat left center;
    background-size: contain;
}

.modal-gamecreditlog h5.my { background-image: url('../../assets/img/my/title_popup_creditlog.png'); }
.modal-gamecreditlog h5.cn { background-image: url('../../assets/img/cn/title_popup_creditlog.png'); }

.modal-prompt h5 {
    height: 28px;
    margin-top: .5rem !important;
    background: url('../../assets/img/en/title_popup_msg.png') no-repeat center center;
    background-size: contain;
}

.modal-prompt h5.my { background-image: url('../../assets/img/my/title_popup_msg.png'); }
.modal-prompt h5.cn { background-image: url('../../assets/img/cn/title_popup_msg.png'); }

.modal-deposit h5, .modal-pgData h5, .modal-depositScreen h5 {
    width: 100%;
    height: 28px;
    margin: 0 !important;
    background: url('../../assets/img/en/title_popup_deposit.png') no-repeat center center;
    background-size: contain;
}

.modal-deposit h5.my, .modal-pgData h5.my, .modal-depositScreen h5.my {
    background-image: url('../../assets/img/my/title_popup_deposit.png');
}
.modal-deposit h5.cn, .modal-pgData h5.cn, .modal-depositScreen h5.cn {
    background-image: url('../../assets/img/cn/title_popup_deposit.png');
}

.loginForm {
    width: 80%;
    margin: 0 auto;
    padding: 1rem;
}

.loginForm .btn-login, .btn-major {
    font-size: 1.2rem;
    font-weight: 600;
    padding: .5rem;
    background: url('../../assets/img/bg_btn.png') no-repeat center center;
    background-size: cover;
}



/*
Lobby
*/

main.lobby {
    margin-top: 47px;
}

.offcanvas-header a {
    font-size: 1.5rem;
}

.offcanvas .offcanvas-body ul > li {
    padding-bottom: 1rem;
}

.offcanvas .offcanvas-body a {
    display: block;
    text-transform: uppercase;
    padding: 0 1rem 0 2rem;
    position: relative;
    text-decoration: none;
    outline: none;
    font-size: 1rem;
    letter-spacing: .1rem;
    font-weight: normal;
    color: #FFF;
}

.offcanvas .offcanvas-body a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: url('../../assets/img/menu/home.png') no-repeat left center;
    background-size: contain;
    width: 100%;
    height: 100%;
}

.offcanvas .offcanvas-body ul > li:nth-child(2) > a::before {
    background-image: url('../../assets/img/menu/setting.png');
}

.offcanvas .offcanvas-body ul > li:nth-child(3) > a::before {
    background-image: url('../../assets/img/menu/resetpass.png');
}

.offcanvas .offcanvas-body ul > li:nth-child(4) > a::before {
    background-image: url('../../assets/img/menu/transaction.png');
}

.offcanvas .offcanvas-body ul > li:nth-child(5) > a::before {
    background-image: url('../../assets/img/menu/creditlog.png');
}

.offcanvas .offcanvas-body ul > li:nth-child(6) > a::before {
    background-image: url('../../assets/img/menu/logout.png');
}

.offcanvas .offcanvas-body ul > li:nth-child(7) > a::before {
    background-image: url('../../assets/img/menu/homescreen.png');
}

.menuCategory nav {
    display: flex;
    flex-wrap: nowrap;
}

.menuCategory nav > a {
    font-size: 1vh;
    text-align: center;
    color: #F4E0AA;
    text-transform: uppercase;
    text-decoration: none;
    background: rgb(33,33,33);
    background: -moz-linear-gradient(top,  rgba(33,33,33,1) 0%, rgba(61,61,61,1) 15%, rgba(103,103,103,1) 50%, rgba(33,33,33,1) 51%, rgba(6,6,6,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(33,33,33,1) 0%,rgba(61,61,61,1) 15%,rgba(103,103,103,1) 50%,rgba(33,33,33,1) 51%,rgba(6,6,6,1) 100%);
    background: linear-gradient(to bottom,  rgba(33,33,33,1) 0%,rgba(61,61,61,1) 15%,rgba(103,103,103,1) 50%,rgba(33,33,33,1) 51%,rgba(6,6,6,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#060606',GradientType=0 );
}

.menuCategory nav > a.active {
    color: #F4E0AA !important;
    background: rgb(250,233,146);
    background: -moz-linear-gradient(top,  rgba(250,233,146,1) 0%, rgba(199,157,62,1) 20%, rgba(159,109,18,1) 50%, rgba(134,92,12,1) 80%, rgba(206,142,61,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(250,233,146,1) 0%,rgba(199,157,62,1) 20%,rgba(159,109,18,1) 50%,rgba(134,92,12,1) 80%,rgba(206,142,61,1) 100%);
    background: linear-gradient(to bottom,  rgba(250,233,146,1) 0%,rgba(199,157,62,1) 20%,rgba(159,109,18,1) 50%,rgba(134,92,12,1) 80%,rgba(206,142,61,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fae992', endColorstr='#ce8e3d',GradientType=0 );
}

.menuCategory nav > a > i {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url('../../assets/img/category/slot.png') no-repeat center center;
    background-size: 100%;
}

.menuCategory nav > a:nth-child(2) > i { background-image: url('../../assets/img/category/casino.png'); }

.menuCategory nav > a:nth-child(3) > i { background-image: url('../../assets/img/category/sport.png'); }

.menuCategory nav > a:nth-child(4) > i { background-image: url('../../assets/img/category/horse.png'); }

.menuCategory nav > a:last-child > i { background-image: url('../../assets/img/category/esport.png'); }

.grid-item {
    max-height: calc(100vh - 56px);
	max-height: -webkit-calc(100vh - 56px);
	max-height: -moz-calc(100vh - 56px);
	overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.grid-item a.disabled {
    /* opacity: .5; */
    filter: grayscale(100%);
}

.btn-refresh {
    width: 100%;
    font-size: .8rem;
    display: inline-block;
    padding: .4rem .2rem .4rem .5rem;
    border-width: 0px;
    background: url('../../assets/img/bg_balance.png') no-repeat left center;
    background-size: 100%;
}

.modalBalance {
    width: 50%;
    border: 0px;
    padding: .4rem .5rem .4rem 3rem;
    background: url('../../assets/img/bg_balance.png') no-repeat left center;
    background-size: contain;
    text-align: justify;
}

.gamename {
    color: #FFCC00;
}

.draggable {
    display: inline-block;
	width: 50px;
	height: 50px;
	z-index: 1361;
	/* touch-action: auto; */
    position: fixed;
}

.modal-tranxlog input, .modal-tranxlog input:focus,
.modal-gamecreditlog input, .modal-gamecreditlog input:focus {
    font-size: .8rem;
}

.lobby {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* height: 500px; */
    width: 100%;
    height: 100%;
    /* height: 100vh; */
    /* height: calc(100vh - 126px); */
}

.lobby iframe {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100px;
    min-width: 100%;
    /* height: 500px; */
    /* height: 100vh; */
    height: 100%;
    /* height: calc(100vh - 126px); */
    min-height: 100%;
    /* min-height: 100vh; */
    /* min-height: calc(100vh - 126px); */
    /* min-height: -webkit-fill-available; */
    /* max-height: 100%; */
    /* max-height: 100vh; */
    /* max-height: calc(100vh - 63px); */
    transition: height 1000s steps(1);
}

/*
Angpow
*/

/* .btn-float.angpow {
    width: 35%;
    height: 30vw;
    display: inline-block;
    border-width: 0px;
    top: 60%;
    z-index: 1036;
    background: url('../../assets/img/angpow.gif') no-repeat top left;
    background-size: 100%;
} */

.btn-float-angpow {
    width: 12%;
    height: 30vw;
    display: inline-block;
    border-width: 0px;
    position: fixed;
    top: 80%;
    left: 2%;
    z-index: 1036;
}

.btn-float-angpow .angpow {
    width: 100%;
    display: block;
    height: 100%;
    background: url('../../assets/img/angpow.gif') no-repeat top left;
    background-size: 100%;
    border-width: 0;
}

.modal-angpow .modal-body {
    min-height: 300px;
    display: block;
    position: relative;
}

.modal-angpow .modal-body.no-lossrebate {
    background: url('../../assets/img/no_lossrebate.png') no-repeat center center;
    background-size: 100%;
}

.modal-angpow .modal-body.claim-lossrebate {
    background: url('../../assets/img/claim_lossrebate.png') no-repeat center center;
    background-size: 100%;
}

.modal-angpow .modal-body.deposit-lossrebate {
    background: url('../../assets/img/deposit_lossrebate.png') no-repeat center center;
    background-size: 100%;
}

.modal-angpow .modal-body .btn-close-angpow {
    width: 50px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    outline: none;
    border-width: 0px;
    background: transparent;
    padding: 0;
}

/*
Deposit
*/

.btn-float-deposit {
    width: 80px;
    height: 80px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1049;
    background: url('../../assets/img/en/deposit.gif') no-repeat bottom center;
    background-size: contain;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    margin: 0 auto;
    align-content: flex-end;
}

.btn-float-deposit.cn {
    background: url('../../assets/img/cn/deposit.gif') no-repeat bottom center;
    background-size: contain;
}

/*
Payment
*/

.btn-payprovider {
    padding: 1rem;
    background-color: #111;
}

.pbm-5{
    padding-bottom: 3.5rem !important;
}