body { padding-bottom: 130px; }

.header-section { background: var(--grey-gra, linear-gradient(270deg, #202020 .07%, #575656 51.6%, #202020 100.02%)); }

.top-balance {
	background: linear-gradient(91deg, #1f1c1500 10.84%, #4d4636 92.77%);
	position: relative;
}
.top-balance .tx_gold span { font-family: "Poppins", sans-serif !important; }

.top-balance:after, .top-balance:before {
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	right: 0;
}

.top-balance:after, .top-balance:before {
	background: linear-gradient(270deg, #ccab67, #42310d);
}

.text-xs {
	font-size: .75rem;
	line-height: 1rem;
}

.opacity-70 {
	opacity: .7;
}

.logo2 { filter: drop-shadow(0px 4px 3px #303030); }
.header-section .navbar-toggle-btn span { background: #e3bb72; height: 2px; }
.header-section .navbar-toggle-btn {
	width: 20px;
	height: 20px;
}
.header-section .navbar-toggle-btn span:nth-child(2), .header-section .navbar-toggle-btn span:nth-child(3) {
	top: 6px;
}
.header-section .navbar-toggle-btn span:nth-child(4) {
	top: 13px;
}
.tx_gold { color: #ccab67; }
.tx_gold_2 { color: #fbdeb2; }
.tx_gold_3 { color: #d0ae71; }
.tx_gold_4 { color: #fdd387; }
.tx_gold_5 { color: #d5b67b; }
.tx_gold_6 { color: #8a7349; }


.fw400 { font-weight: 400 !important; }
.fw500 { font-weight: 500 !important; }
.fs12 { font-size: 12px !important; }
.fs13 { font-size: 13px !important; }
.fs14 { font-size: 14px !important; }
.fs16 { font-size: 16px !important; }
.fs18 { font-size: 18px !important; }
.fs24 { font-size: 24px !important; }
.fs30 { font-size: 30px !important; }

.fas_green {
	color: #3AB54A;
}
.fas_red {
	color: #EC2024;
}
.fas_wait {
	color: #FFB147;
}
.fas_blue {
	color: #2196F3;
}
.fas_yellow {
	color: #FFB147;
}
.fa-circle-xmark::before {
	content: "\f057";
	background: linear-gradient(white, white) center bottom/29% 69% no-repeat;
}

.alert {
	font-size: 18px;
	padding: 7px;
	text-align: center;
}


.anoucement-cointainer {
	background: var(--grey-gra, linear-gradient(270deg, #202020 .07%, #575656 51.6%, #202020 100.02%));
}

.marquee {
	animation: mqslide-left 20s linear infinite;
	overflow: hidden;
}

.announcement-text {
	background: linear-gradient(90deg, #d9d9d9 75.39%, #d9d9d900 98.19%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: #d9d9d9;
	opacity: .7;
	padding-top: 4px;
	font-size: 13px;
}

.header-section { position: relative !important;  }

.balanceCreditCustomButton, .balanceUCoinCustomButton {
	background: linear-gradient(180deg, rgba(0, 0, 0, .3), transparent);
	border: 1px solid #61615f;
	border-radius: 25px;
	font-family: "Poppins", sans-serif !important;
	min-height: 42px;
}

.balanceCreditColumn {
	background: linear-gradient(90deg, #bd9d654d 3.64%, #bd9d6500 81.82%);
	border-radius: 25px 0 0 25px;
	height: 32px;
	display: flex;
	align-items: center;
	min-width: 42px;
}
.block_mu_btn { max-width: 360px; margin: 0 auto; padding-bottom: 40px;}
.mu_btn { text-align: center; margin-bottom: 20px; }
.mu_btn .iconmu_btn {
	background: var(--dark, linear-gradient(0deg, hsla(49, 4%, 48%, .75) -.04%, rgba(23, 21, 22, .75) -.04%, rgba(97, 97, 95, .75) 97.15%));
	border-radius: 20px;
	width: 54px;
	height: 54px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}
.mu_btn a { 
	color: #fbdeb2;
	font-size: 13px;
	line-height: 1;
}

.teams-card-section { margin-top: -80px; }
.rank_mb { display: none; }
.rank_lg { display: block; max-width: 600px; margin: 0 auto; }
.tournament-wrapper-border { min-height: 250px; }
.tournament-section .tournament-wrapper {
	max-width: 680px;
}

.wmb { max-width: 640px; }
.bggr_gray { background: linear-gradient(269deg, rgb(0 0 0) 10%, #1e1e1e 20%, #1e1e1e 50%, #1e1e1e 80%, rgb(0 0 0) 90%); }
.bg_brgray { background: linear-gradient(180deg, #25252580, #34343480); border: 1px solid #61615f; }
.title_p { color: #fbdeb2; font-size: 14px; }
.block_g_1 {  
	background: linear-gradient(180deg, #25252580, #34343480); border: 1px solid #61615f; 
	border-radius: 13px;
	margin-top: 18px;
	padding: 15px;
	opacity: 1;
	text-align: center;
}
.block_g_1 .amount { font-family: "Poppins", sans-serif !important; }
.block_g_2 { 
	background: linear-gradient(90deg, #252525, #343434);
	border: 1px solid #605033;
	border-radius: 10px;
} 
.card_gray {
	background: linear-gradient(303deg, #171516 13.4%, #67655b 67.39%, #444 96.15%);
	border: 1px solid var(--border, hsla(30, 86%, 78%, .3));
	border-radius: 10px;
}

.btn_gold_2 { 
	background: linear-gradient(279deg, #8b6832 5.27%, #fcdd9a 48.74%, #966b2a 89.58%);
	border-radius: 27.5px;
	box-shadow: inset 0 1px 1px #fdd486cc;
	height: 35px;
	min-width: 100px;
	color: #2d2213;
}
.btn_gold_3 { 
	background: linear-gradient(0deg, #ffe1b7, #efc57e 16.15%, #ffe8c4);
	border: 1px solid #ffeabd;
	border-radius: 6px;
	font-size: 14px;
	padding: 4px 10px;
}
.-title.amount { font-family: "Poppins", sans-serif !important; }
#qrcode_share {
	width: 100%;
	margin: auto;
	margin-bottom: 20px;
	display: none;
}
.card_gray .card-footer {
	color: #fff;
	line-height: 1;
	font-size: 20px;
	text-align: center;
	position: relative;
	padding: 3px 5px;
	background: radial-gradient(104.23% 227% at 61.16% -35%, #FFE297 0%, #2D2105 100%);
	border: 0px;
}

.btn-gradient-2 {
	border: 1px solid transparent;
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	background: linear-gradient(181deg, #675d47 0%, #201c19 100%)padding-box, linear-gradient(90deg, #E6CEA1 0%, #A6772E 96.86%);
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 25px;
	line-height: 16px;
	text-align: center;
	letter-spacing: 1;
	color: #EFD8A5 !important;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
	font-size: 14px;
	font-weight: 400;
	padding: 8px 17px;
}

.btn-gradient-2.disabled {
	border: 0px solid transparent;
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background: linear-gradient(181deg, #675d472b 0%, #201c19 100%);
	border-radius: 25px;
	line-height: 16px;
	text-align: center;
	color: #EFD8A5 !important;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
	font-size: 14px;
	font-weight: 400;
	padding: 8px 17px;
}
.bg_brown {
	border-radius: 0 !important;
	border-right: 0;
	border-left: 0;
	color: #fff !important;
	font-size: 12px;
	background: linear-gradient(90deg, #252525, #343434);
	border: 1px solid #605033 !important;
}
.bg_gray { background-color: #222222 !important; color: #fff; }
.table > :not(caption) > * > * { color: #fff; background-color: #222222 !important; }
.table > tbody { background-color: #222222 !important; }
.table > tbody > td { font-size: 14px; padding: 8px 0; }
.card_bg_gold { 
	background: linear-gradient(90deg, #4646464d, #8a734980 47.63%, #4646464d); 
	border: 1px solid rgb(var(--n3));
	border-radius: 12px;
	display: flex;
	align-items: start;
	justify-content: center;
}
.card_bg_black { background: linear-gradient(180deg, #222, #2220); border-radius: 25px 25px 0 0; } 

label { color: #fbdeb2; font-size: 13px; }

.dtblockinput {
	background: linear-gradient(180deg, #252525, #343434);
	border: 0px solid var(--lighter, #fbdeb2);
	border-radius: 10px;
	padding: 4px 0;
	line-height: 0;
	height: 46px;
}
.dtblockinput span { font-size: 14px !important; }
.blockmt35 { margin-top: -80px; }

table #tbody_list > tr > td {  font-size: 13px !important; border-color: #605033; }
table #tbody_list > tr > td span {  font-size: 13px !important;  }
.card_dp_sb table thead { background: linear-gradient(270deg, #171516bf, #605033bf 99.98%); }
.card_dp_sb table thead > tr > th { font-size: 13px !important; color: #fbdeb2;}
.card_dp_sb .table > :not(caption) > * > * { background-color: transparent !important; }

.withdraw .dtblockinput { 
	border: 1px solid var(--lighter, #fbdeb2) !important;
	height: 40px;
}

.withdraw .dtblockinput input { 
	color: #f5f5f5;
	font-weight: 200;
}

.withdrawal-break-lines {
	background: #61615f;
	height: 1px;
}

input {    
	background: transparent;
	border: none;
	color: #fff;
}


.custom-cointaner {
	background: linear-gradient(303deg, #171516 13.4%, #67655b 67.39%, #444 96.15%);
	border: 1px solid hsla(30, 86%, 78%, .3);
	border-radius: 10px;
}

.custom-bank-logo-cointaner {
	/*background: #feeaca;*/
	border: 0 solid #fff;
	border-radius: 5px;
	min-height: 32px;
}

.custom-tag, .custom-tag2 {
	align-items: center;
	border-radius: 10px 0;
	display: flex;
	font-size: 9px;
	font-style: italic;
	justify-content: center;
}

.custom-tag {
	background: linear-gradient(290deg, #ebbd6f 5.16%, #ffebcc 47.02%, #efd0a0 92.92%);
	color: #464646;
	height: 15px;
}
.flex-col {
	flex-direction: column;
}

.max-h-26px {
	max-height: 26px;
}

.min-h-135px {
	min-height: 135px;
}

.w-95px {
	width: 95px;
}

.top-2 {
	top: .5rem;
}
.right-2 {
	right: .5rem;
}
.right-3 {
	right: .75rem;
}
.bottom-3 {
	bottom: .75rem;
}
.overflow-hidden {
	overflow: hidden;
}
.text-10px { font-size: 10px; }

.custom-round-btn-box { 
	height: 40px;
	width: 40px;
	background: linear-gradient(133deg, #fcdd9a 0%, #966b2a 100%);
	border-radius: 27.5px;
	padding: 9px 10px;
}

.btn_cfwitdraw { 
	color: black;
	background: linear-gradient(270.03deg, rgb(139, 104, 50) 0.05%, rgb(252, 221, 154) 51.59%, rgb(150, 107, 42) 100%), linear-gradient(0deg, rgb(236, 202, 119), rgb(236, 202, 119));
	border: 1px solid rgb(236, 202, 119); 
	border-radius: .75rem;
	width: 100%;
}

.withdraw ul {
	--icon-space: 1.3em;
	list-style: none;
	padding: 0 12px;
	margin-top: 10px;
}

.withdraw .remark li {
	padding-left: var(--icon-space);
	font-size: 12px;
	font-weight: 300;
	color: #d1d1d1;
}

.withdraw .remark li:before {
	content: "*";
	font-family: 'Font Awesome 6 Free';
	display: inline-block;
	margin-left: calc(var(--icon-space)* -1);
	width: var(--icon-space);
	font-size: 10px;
}


.card_dp { 
	background: linear-gradient(90deg, #252525, #343434);
	border: 1px solid #605033;
	border-radius: 10px;
	padding: 0.5rem ;
} 

.card_dp .card_dp_sb .fs20 { font-size: 14px; color: #fbdeb2; }
.card_dp .card_dp_sb .detail p { font-size: 14px; }
.card_dp .card_dp_sb .copy { margin: 20px 0; }
.list_decimal_showpro_step1 { 
	background: linear-gradient(180deg, #25252580, #34343480);
	border: 1px solid #61615f;
	border-radius: 13px;
	margin-top: 18px;
	padding: 15px;
	opacity: 1;
	text-align: center;
	margin: 20px 25px 0 25px;
}
.button_money {
	background: linear-gradient(180deg, #252525, #343434);
	border: 1px solid #61615f;
	border-radius: 25px;
	color: #fff;
	height: 38px;
	width: 93%;
	padding: 5px 0px 5px 17px;
	letter-spacing: 1px;
	font-size: 14px;
	display: inline;
}
.super_money_six {
	position: absolute;
	margin-top: 12px;
	margin-left: 7px;
}

.fix_footer { background: #000; }

.mumt { margin-top: -70px }

.offcanvas { 
	max-width: 80%;
	background: linear-gradient(0deg, rgb(88, 66, 65) 19.44%, rgb(21, 21, 21) 100%);
	color: #bd9d64;
}
.offcanvas-body { padding: 0; }
.btn-close { --bs-btn-close-bg: unset !important; width: 2em; height: 2em; }
.offcanvas-header { 
	position: absolute;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.custom-button-round-bg {
	background: linear-gradient(270deg, #8b6832 .05%, #fcdd9a 51.59%, #966b2a);
	border-radius: 27.5px;
	height: 55px;
}
.custom-button-round-bg2 {
	background: transparent;
	border: 1px solid #fbdeb2;
	border-radius: 27.5px;
	height: 47px;
}

.slgame {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.slgame .menu-left-btn-container {
	padding: 0px 4px;
	margin-bottom: 5px;
	width: 10%;
	display: inline-flex;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	overflow: hidden;
}

.menu-icon {
	width: 100%;
	height: 50px;
	-o-object-fit: contain;
	object-fit: contain;
}

.provider-wrap {
	background-image: linear-gradient(180deg, #393939, #292929);
	border-radius: 10px;
	margin: 0px;
	padding: 4px 4px 0 4px;
	width: 100%;
}

.balance-text-container {
	min-height: 1.7rem;
	line-height: 10pxว;
}

.provider-wrap {
	background-image: linear-gradient(180deg,#393939,#292929);
	border-radius: 10px;
	margin: 0px;
	padding: 4px 4px 0 4px;
	width: 100%;
}

.provider-wrap.active {
	background-image: linear-gradient( 144deg, #b58b41 0%, #fff9b6 49%, #c2962d 80%, #deb541 100%);
}

.icon-wrap {
	background-image: url(../../assets/img/bg-icon.png?v2);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-radius: 9px;
	padding: 5px 5px;
}

.menu-icon {
	width: 100%;
	height: 50px;
	-o-object-fit: contain;
	object-fit: contain;
	padding: 6px;
}

.provider-wrap.active .balance-text { color: #000; }

.balance-text-container {
	min-height: 1.7rem;
	line-height: 10pxว
}
.label-center, .text-vertical-center {
	display: flex !important;
	align-items: center !important;
	height: 100% !important;
}

.label-center {
	justify-content: center !important;
}

.balance-text {
	color: #ebc76e;
	font-size: 13px;
	line-height: 1;
	font-weight: 300;
}


.x-quick-button-group.-sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 60px;
	left: 0;
	z-index: 2;
	padding: 0.75rem 0.5rem;
	width: 100%;
	background: #fff;
}

.block_g { 
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	/*margin-bottom: 160px;*/
	padding: 0 3px;
}
.game_card_container { width: 25% !important; padding: 6px; }
#list_game-container_8 .game_card_container, #list_game-container_9 .game_card_container { width: 33.33% !important; padding: 6px; }

.sticky_g {
	position: sticky;
	top: 103px;
	border: 1px solid transparent;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border-radius: 0px;
	text-align: center;
	color: #EFD8A5 !important;
	transition: .25s ease-in-out;
	opacity: 1;
	background: linear-gradient(180deg,#2a2a2a,#000) !important;
	filter: blur(0);
	backdrop-filter: unset;
	border-radius: 0px 0px 20px 20px;
	padding: 7px 0px 5px 0px;
	box-shadow: inset 0px 0px 19px #464646;
	z-index: 9;
	flex-wrap: wrap;
}

.sticky {
	flex:1;
	height:100px;
	background:blue;
	margin:10px;
	position:sticky;
	top:0;
}

.mu_btnmb { display: none; }
h3.member_credit { font-weight: 500; }



@media (max-width: 1399px) {

}

@media (max-width: 1199px) {

}

@media (max-width: 991px) {
	.menu-icon {
		height: 40px;
		padding: 3px;
	}
	.game_card_container {
		width: 25% !important;
		padding: 6px;
	}
}

@media (max-width: 767px) {
	.slgame .menu-left-btn-container {
		width: 19.6%;
	}
	.game_card_container {
		width: 33.33% !important;
		padding: 4px;
	}
}

@media (max-width: 602px) {

}

@media (max-width: 575px) {
	.rank_mb { display: block; }
	.rank_lg { display: none; }
	.teams-card-section { margin-top: -40px; }
	.bggr_gray { background: #1e1e1e; }
	.blockmt35 { margin-top: -35px; }
	.mumt { margin-top: 0px }
}


@media (max-width: 480px) {

}

@media (max-width: 360px) {
	.game_card_container {
		width: 50% !important;
		padding: 4px;
	}
	.balance-text { font-size: 11px; }
}

@media (max-width: 303px) {

}

@keyframes mqslide-left { 
	0% {
		transform: translate(100%);
	}
	100% {
		transform: translate(-100%);
	}
}



.jconfirm .jconfirm-box div.jconfirm-title-c {
	text-align: center !important;
	font-size: 24px !important;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane {
	display: none;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll {
	text-align: center;
	/*    display: none;*/
	/*jmfix*/
}
.jconfirm .jconfirm-box {
	background: linear-gradient(0deg, #fff 0%, #fff 100%) padding-box, linear-gradient(0deg, #D0B962 -19.28%, #F8FDAE 13.39%, #A2844D 60.57%, #F0E58E 88.4%, #C8A876 96.86%) !important;
	border-radius: 10px !important;
	border: 2px solid transparent;
	position: relative;
	font-size: 17px;
	color: #000000;
	padding: 2rem 0rem !important;
	cursor: pointer;
	text-decoration: none;
	margin: 0 auto;
}
.jconfirm .jconfirm-box .jconfirm-buttons {
	padding-bottom: 11px;
	display: flex;
	justify-content: center;
	float: none !important;
	align-items: center;
	padding-top: 15px;
	padding-bottom: 0px !important;
}
.jconfirm .jconfirm-box .jconfirm-buttons .btn-cf {
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 8px 10px;
	cursor: pointer;
	text-decoration: none;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	filter: blur(0px);
	backdrop-filter: blur(0px);
	margin-left: 10px !important;
	margin-right: 10px !important;
	font-size: 18px !important;
	line-height: 1;
	letter-spacing: 0px;
	background: linear-gradient(203deg, #f1d88c 3.52%, #dcc27a 12.7%, #b79a5a 31.05%, #9d7d43 48.7%, #8c6c35 63.52%, #876630 74.11%);
	border: 1px solid rgba(188, 152, 88, .16);
	border-radius: 5px;
	color: #fff;
	flex-shrink: 0;
	min-height: 36px;
	min-width: 95px;
}
.jconfirm .jconfirm-box .jconfirm-buttons .btn-cc {
	border: 1px solid transparent;
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: #000;
	padding: 8px 10px;
	cursor: pointer;
	text-decoration: none;
	background: linear-gradient(108.79deg, rgba(255, 255, 255, 1) 40.56%, rgba(211, 211, 211, 1) 97.23%) padding-box, linear-gradient(90deg, #E6CEA1 0%, #A6772E 96.86%);
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	filter: blur(0px);
	backdrop-filter: blur(0px);
	border-radius: 5px;
	min-height: 36px;
	min-width: 95px;
	margin-left: 10px !important;
	margin-right: 10px !important;
	font-size: 18px !important;
	line-height: 1;
	letter-spacing: 0px;
}
.jconfirm.jconfirm-light .jconfirm-bg {
	background-color: #000 !important;
	opacity: 0.8 !important;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {
	border: 1px solid transparent;
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: #2c2c2c !important;
	padding: 8px 10px;
	cursor: pointer;
	text-decoration: none;
	background: linear-gradient(330deg, #8b6832 5.27%, #fcdd9a 48.74%, #966b2a 89.58%);
	border-radius: 27.5px;
	box-shadow: inset 0 1px 1px #fdd486cc;
	filter: blur(0px);
	backdrop-filter: blur(0px);
	min-width: 94px;
	margin-left: 10px !important;
	margin-right: 10px !important;
	font-size: 18px !important;
	line-height: 1;
	letter-spacing: normal;
}
.alert {
	font-size: 18px;
}
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
	font-size: 17px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
}