@font-face {
	font-family: prompt;
	src: url(../fonts/Prompt/Prompt-Regular.ttf);
}

body {
	font-family: prompt !important;
	/* background-color: #e9eef4; */
	/* background-image: url(../images/bg-301023.webp); */
	background: #4d4d4d;
	background: linear-gradient(180deg, rgba(77, 77, 77, 1) 0%, rgba(28, 28, 28, 1) 100%);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
}

body.login-page {
	/* background-image: url(../images/bg-301023.webp);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: center; */
	background: #560979;
	background: linear-gradient(0deg, rgba(86, 9, 121, 1) 0%, rgba(199, 115, 255, 1) 100%);
}

body.register-page {
	/* background-image: url(../images/bg-301023.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center; */
	background: #560979;
	background: linear-gradient(0deg, rgba(86, 9, 121, 1) 0%, rgba(199, 115, 255, 1) 100%);
	max-width: 600px;
	margin: auto;
}

body.register-page .text-white {
	text-shadow: 1px 1px 3px black;
}

.text-register {
	font-size: 1.5rem;
	font-weight: bold;
	color: white;
	text-shadow: 1px 1px 3px black;
}

.eff-click:active {
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
}

/* marquee{
    background-color: lightgrey;
} */
div.section {
	max-width: 550px;
	min-height: 550px;
	margin: auto;
	/* background: rgb(33,33,33); */
	/* background-image: url(../images/bg-mb.jpg); */
	background: #560979;
	background: linear-gradient(0deg, rgba(86, 9, 121, 1) 0%, rgba(199, 115, 255, 1) 100%);
	background-repeat: no-repeat;
	background-size: cover;
	/* background-attachment: fixed; */
	/* background-position: center; */
}

.modal-body {
	color: white;
	background: rgb(33, 33, 33);
}

.text-gold {
	background: linear-gradient(308deg, rgba(196, 120, 7, 1) 0%, rgba(246, 225, 118, 1) 24%, rgba(215, 136, 12, 1) 49%, rgba(246, 225, 118, 1) 75%, rgba(196, 120, 7, 1) 99%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.box-balance {
	/* background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%); */
	padding: 1rem;
	border-radius: .6rem;
	/* background: rgb(42,42,42);
	background: linear-gradient(360deg, rgba(42,42,42,1) 0%, rgba(69,69,69,1) 100%); */
	background-color: #1c1c1c;
	/* opacity: 0.8; */
	background-image: linear-gradient(135deg, #000000 25%, transparent 25%), linear-gradient(225deg, #000000 25%, transparent 25%), linear-gradient(45deg, #000000 25%, transparent 25%), linear-gradient(315deg, #000000 25%, #1c1c1c 25%);
	background-position: 10px 0, 10px 0, 0 0, 0 0;
	background-size: 20px 20px;
	background-repeat: repeat;
	/* border: 2px solid #ad0101;
	box-shadow: 1px 1px 5px #ad0101; */
	/* animation: shadow-circle 3s infinite; */
	margin-top: .5rem;
	box-shadow: 0px 0px 15px grey;
	/* margin: auto; */
}

.content-balance {
	text-align: center;
	width: 30%;
}

.balance-credit {
	align-self: center;
	font-size: 1.6rem;
	text-align: left;
	background: rgb(255, 203, 80);
	background: linear-gradient(180deg, rgba(255, 203, 80, 1) 0%, rgba(255, 162, 38, 1) 100%);
	padding: .5rem 1rem;
	border-radius: .4rem;
	color: #424242;
	font-weight: bold;
	/* text-shadow: 1px 1px 8px black; */
}

.wallet {
	/* text-shadow: 1px 1px 8px black; */
}

.wallet-box {
	color: #000;
	padding: 5px 8px;
	border-radius: .6rem;
	background-color: white;
}

.text-credit {
	color: white;
	font-size: 1.1rem;
	/* font-weight: bold; */
	margin-bottom: .2rem;
}

.menu-box {
	margin: .5rem .5rem;
	width: 20%;
}

.menu-box-deposit {
	margin: .5rem .5rem;
	width: 45%;
}

.btn-copy {
	background: rgb(255, 122, 33);
	background: linear-gradient(0deg, rgba(255, 122, 33, 1) 0%, rgba(255, 189, 31, 1) 100%);
	color: #fff;
}

.btn-deposit {
	background: rgb(255, 122, 33);
	background: linear-gradient(0deg, rgba(255, 122, 33, 1) 0%, rgba(255, 189, 31, 1) 100%);
}

.btn-deposit {
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	transition: 0.5s;
	background-size: 200% auto;
	color: #fff;
	font-size: 1.3rem;
	font-weight: bold;
	/* box-shadow: 0 0 10px #eee; */
	border-radius: 10px;
	display: block;
}

.btn-deposit:hover {
	background-position: right center;
	/* change the direction of the change here */
	color: #fff;
	text-decoration: none;
}

.border-gold {
	border: double 3px transparent;
	border-radius: .5rem;
	background-image: linear-gradient(white, white), linear-gradient(308deg, rgba(196, 120, 7, 1) 0%, rgba(246, 225, 118, 1) 24%, rgba(215, 136, 12, 1) 49%, rgba(246, 225, 118, 1) 75%, rgba(196, 120, 7, 1) 99%);
	background-origin: border-box;
	background-clip: content-box, border-box;
}

.border-silver {
	border: double 4px transparent;
	border-radius: .5rem;
	background-image: linear-gradient(white, white), linear-gradient(273deg, rgba(190, 208, 209, 1) 0%, rgba(242, 242, 242, 1) 39%, rgba(190, 208, 209, 1) 70%, rgba(255, 255, 255, 1) 100%);
	background-origin: border-box;
	background-clip: content-box, border-box;
}

.border-custom {
	border: double 3px transparent;
	border-radius: .5rem;
	background: linear-gradient(white, white), linear-gradient(86deg, rgba(116, 2, 2, 1) 0%, rgba(212, 8, 8, 1) 32%, rgba(139, 14, 7, 1) 62%, rgba(177, 32, 16, 1) 100%);
	background-origin: border-box;
	background-clip: content-box, border-box;
}

.btn-cashback {
	border-radius: .5rem;
	box-shadow: 0 0 8px 1px var(--yellow2);
	font-size: 16px;
	padding: 5px;
	/* font-weight: bold; */
	background: rgb(255, 122, 33);
	background: linear-gradient(0deg, rgba(255, 122, 33, 1) 0%, rgba(255, 189, 31, 1) 100%);
	color: #fff;
}

.btn-payment {
	color: white;
	font-size: 16px;
	font-weight: bold;
	border-radius: .5rem;
	padding: .3rem .5rem;
	background: rgb(255, 202, 43);
	background: linear-gradient(180deg, rgba(255, 202, 43, 1) 0%, rgba(238, 143, 0, 1) 100%);
}

#amount_payment {
	text-align: center;
	font-size: 18px;
}

.btn-nowpay-amount {
	color: white;
	font-size: 12px;
	font-weight: bold;
	border-radius: .5rem;
	padding: .3rem .5rem;
	background: rgb(49, 49, 49);
}

.menu-box-withdraw {
	margin: .5rem .5rem;
	width: 45%;
}

.btn-withdraw {
	background: rgb(40, 40, 40);
	background: linear-gradient(0deg, rgba(40, 40, 40, 1) 0%, rgba(87, 87, 87, 1) 100%);
}

.btn-withdraw {
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	transition: 0.5s;
	background-size: 200% auto;
	color: #fff;
	font-size: 1.3rem;
	font-weight: bold;
	/* box-shadow: 0 0 10px #eee; */
	border-radius: 10px;
	display: block;
}

.btn-withdraw:hover {
	background-position: right center;
	/* change the direction of the change here */
	color: #fff;
	text-decoration: none;
}

.turnover {
	padding: .5rem .8rem;
	border-radius: .4rem;
	/* background: #ebebeb; */
	font-size: 14px;
	color: #fff
}

img.icon-menu {
	/* background: rgb(25,25,25);
	background: linear-gradient(0deg, rgba(25,25,25,1) 0%, rgba(54,54,54,1) 100%); */
	/* padding: .5rem;
	border-radius: .4rem; */
	width: auto;
	height: 65px;
}

img.icon-menu-deposit {
	width: auto;
	height: 65px;
	box-shadow: 1px 1px 5px #c31432;
	animation: shadow-deposit 3s infinite;
}

img.icon-menu-withdraw {
	width: auto;
	height: 65px;
	box-shadow: 1px 1px 5px #11998e;
	animation: shadow-withdraw 3s infinite;
}

.header-game {
	padding: 0rem .4rem;
	font-size: 1.2rem;
}

.text-number {
	font-size: .8rem;
	color: white !important;
}

.text-main {
	font-size: 1.1rem;
	color: white !important;
}

.btn-main {
	color: #212529;
	background-color: #a4b0be;
	border-color: #a4b0be;
}

.btn-dark {
	color: white;
	background: rgb(0, 0, 0);
	background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(59, 57, 57, 1) 50%, rgba(91, 89, 89, 1) 80%, rgba(176, 176, 176, 1) 100%);
}

.btn-gold {
	color: #000;
	background: rgba(196, 120, 7, 1);
	background: linear-gradient(308deg, rgba(196, 120, 7, 1) 0%, rgba(246, 225, 118, 1) 24%, rgba(215, 136, 12, 1) 49%, rgba(246, 225, 118, 1) 75%, rgba(196, 120, 7, 1) 99%)
}

.btn-warning {
	font-weight: bold;
	background: rgb(195, 127, 0);
	background: linear-gradient(0deg, rgba(195, 127, 0, 1) 0%, rgba(236, 172, 0, 1) 32%, rgba(236, 172, 0, 1) 54%, rgba(241, 235, 77, 1) 85%);
}

.btn-register {
	background: rgb(114, 9, 179);
	background: linear-gradient(180deg, rgba(114, 9, 179, 1) 0%, rgba(70, 0, 138, 1) 100%);
	/* background: rgb(255, 122, 33);
	background: linear-gradient(0deg, rgba(255, 122, 33, 1) 0%, rgba(255, 189, 31, 1) 100%); */
}

.btn-register {
	padding: 10px;
	text-align: center;
	transition: 0.5s;
	background-size: 200% auto;
	color: #fff;
	/* font-weight: bold; */
	font-size: 1.3rem;
	font-weight: bold;
	/* box-shadow: 0 0 10px #eee; */
	border-radius: 10px;
	display: block;
}

.btn-register:hover {
	background-position: right center;
	filter: contrast(1.2);
	/* change the direction of the change here */
	color: #fff;
	text-decoration: none;
}

.btn-login {
	background: rgb(255, 122, 33);
	background: linear-gradient(0deg, rgba(255, 122, 33, 1) 0%, rgba(255, 189, 31, 1) 100%);
}

.btn-login {
	padding: 10px;
	text-align: center;
	transition: 0.5s;
	background-size: 200% auto;
	color: #fff;
	/* font-weight: bold; */
	font-size: 1.2rem;
	font-weight: bold;
	/* box-shadow: 0 0 10px #eee; */
	border-radius: 10px;
	display: block;
}

.btn-login:hover {
	/* font-weight: bold; */
	color: #fff;
	filter: contrast(1.2);
	text-decoration: none;
}

hr {
	border-color: white !important;
}


h1 {
	font-size: 22px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 16px;
}

h5 {
	font-size: 14px;
}

h6 {
	font-size: 12px;
}

.text-primary {
	color: #fe6300 !important;
}

.bg-dark {
	border-radius: .5rem;
	padding: .3rem .5rem;
	background: #000000;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #3e3e3e, #000000);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #3e3e3e, #000000);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.text-green {
	background: #11998e;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #38ef7d, #11998e);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #38ef7d, #11998e);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.logout-top {
	border-radius: .5rem;
	/* padding: .3rem .5rem; */
}

.text-user {
	font-size: 14px;
	color: black;
	border-radius: 20px;
	background-color: #f9ca24;
}

.text-money {
	font-size: 2em;
	line-height: 2.2rem;
}

.rounded {
	border-radius: .5rem !important;
}

.btn {
	border-radius: 10px;
}

.btn-black {
	color: #fff;
	background-color: black;
	border-color: black;
}

.btn-success {
	color: #fff;
	background-color: #1dd1a1;
	border-color: #1dd1a1;
}

.btn-success:hover {
	color: #fff;
	background-color: grey;
	border-color: grey;
}

.btn-black:hover {
	color: black;
	background-color: grey;
	border-color: grey;
}

.custom-control-input:checked~.custom-control-label::before {
	border-color: #fe6300;
	background-color: #fe6300;
}

.category .category-list {
	padding: .5rem 0rem;
	transition: .5s;
	color: #fff;
	background: rgb(71, 71, 71);
	background: linear-gradient(180deg, rgba(71, 71, 71, 1) 0%, rgba(25, 25, 25, 1) 100%);
}

.category .category-list:hover {
	transition: .5s;
	background: rgb(255, 122, 33);
	background: linear-gradient(0deg, rgba(255, 122, 33, 1) 0%, rgba(255, 189, 31, 1) 100%);
}

.category .category-list.active {
	background: rgb(255, 122, 33);
	background: linear-gradient(0deg, rgba(255, 122, 33, 1) 0%, rgba(255, 189, 31, 1) 100%);
}

.logo-login {
	width: 250px;
	margin-bottom: -4rem;
}

img.logo {
	width: 220px;
}

.bank-logo {
	width: 100px;
	height: 100px;
}

.bank-icon {
	width: 90px;
	height: 90px;
	border-radius: 1rem;
}

img.right-arrow {
	width: 40px;
}

.header-top-left {
	width: 25%;
}

.header-top-center {
	width: 50%;
}

.header-top-right {
	width: 25%;
}

/* .dashboard {
	padding-bottom: 8.5rem !important;
} */
.footer-menu {
	/* border-top-left-radius: 1rem;
	border-top-right-radius: 1rem; */
	padding: .6rem .3rem;
	width: 33.3%;
	background: rgb(71, 71, 71);
	background: linear-gradient(180deg, rgba(71, 71, 71, 1) 0%, rgba(25, 25, 25, 1) 100%);
}

.footer-menu-center {
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	border: 2px solid #000;
	border-bottom: 0px;
	position: relative;
	margin-top: -15px;
	padding: 1rem .3rem .5rem .3rem;
	width: 33.3%;
	background: rgb(255, 122, 33);
	background: linear-gradient(0deg, rgba(255, 122, 33, 1) 0%, rgba(255, 189, 31, 1) 100%);
}

.footer-text-center {
	color: #fff;
	/* font-weight: bold; */
	font-size: 1.2rem;
}

img.footer-img-center {
	margin-top: -4rem;
	width: 110px;
}

img.img-game {
	width: 80%;
}

img.footer-img {
	width: 35px;
}

.div-cert {
	width: 500px;
	background-color: #fff;
	border-radius: 0 0 0.5rem 0.5rem;
	padding: .5rem;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 2px 2px 5px #000;
}

.box-cert {
	width: 25%;
}

.img-cert {
	width: 100%;
	padding: 5px;
}

.footer-text {
	color: #fff;
	/* font-weight: bold; */
	font-size: 1rem;
}

.form-auth {
	width: 500px;
	background-color: #1c1c1c;
	/* opacity: 0.8; */
	background-image: linear-gradient(135deg, #000000 25%, transparent 25%), linear-gradient(225deg, #000000 25%, transparent 25%), linear-gradient(45deg, #000000 25%, transparent 25%), linear-gradient(315deg, #000000 25%, #1c1c1c 25%);
	background-position: 10px 0, 10px 0, 0 0, 0 0;
	background-size: 20px 20px;
	background-repeat: repeat;
	/* background: rgb(42,42,42);
	background: linear-gradient(360deg, rgba(42,42,42,1) 0%, rgba(69,69,69,1) 100%); */
	box-shadow: 2px 2px 5px #000;
	padding: 4rem 2rem 2rem 2rem;
	border-radius: .5rem .5rem 0 0;
}

.form-auth .form-group {
	margin-bottom: .5rem !important;
}

.form-register-1 {
	/* background: #1f1f1f; */
	background-color: #1c1c1c;
	/* opacity: 0.8; */
	background-image: linear-gradient(135deg, #000000 25%, transparent 25%), linear-gradient(225deg, #000000 25%, transparent 25%), linear-gradient(45deg, #000000 25%, transparent 25%), linear-gradient(315deg, #000000 25%, #1c1c1c 25%);
	background-position: 10px 0, 10px 0, 0 0, 0 0;
	background-size: 20px 20px;
	background-repeat: repeat;
	box-shadow: 2px 2px 5px #000;
	padding: 1.5rem;
	border-radius: .5rem;
}

.register-logo {
	width: 150px;
}

input:focus,
input.form-control:focus {
	outline: none !important;
	outline-width: 0 !important;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.form-auth .form-control {
	text-align: center;
	/* background-color: #0d0d0d; */
	padding: 1.5rem 0;
	color: #000;
	/* border-top: 0 !important;
	border-right: 0 !important;
	border-left: 0 !important;
	border-bottom: 0 !important; */
	border-radius: .8rem;
	border: 2px solid white;
}

.form-auth input.form-control:focus {
	border: 2px solid #ff7a21;
	/* box-shadow: 2px #ff7a21 !important; */
}

.maintain-box {
	margin-top: 10rem;
}

img.maintain {
	width: 600px;
}

.bar-game-list {
	padding: .8rem 0;
	background: rgb(77, 77, 77);
	background: linear-gradient(180deg, rgba(77, 77, 77, 1) 0%, rgba(52, 52, 52, 1) 100%);
}

.text-title-game {
	color: #fff;
	font-size: 1.2rem;
	text-transform: uppercase;
}

.game {
	text-align: center;
}

.game a {
	text-decoration: none;
	color: white;
}

.img-game {
	border: 2px solid rgba(196, 120, 7, 1);
	box-shadow: 1px 1px 6px #000;
	transition: .5s;
}

.img-game:hover {
	box-shadow: 1px 1px 10px rgba(246, 225, 118, 1);
	transition: .5s;
}

.text-game {
	font-size: 1rem;
}

.game div.game-name {
	text-shadow: 3px 3px 5px black;
	color: white;
	padding: .6rem 0;
	font-size: .8rem;
}

.game img.slot-game {
	border-radius: .3rem;
	width: 80px;
}

.text-register-question {
	font-size: 14px;
	margin-top: 2rem;
	margin-bottom: .5rem;
	color: #fff;
}

.text-contact-line {
	font-size: 14px;
	margin-top: 1rem;
}

.text-contact-line img {
	width: 20px;
}

.slot-page {
	height: 100vh;
}

@keyframes shadow-deposit {
	50% {
		box-shadow: 2px 2px 20px #c31432;
	}
}

@keyframes shadow-withdraw {
	50% {
		box-shadow: 2px 2px 20px #11998e;
	}
}

@keyframes shadow-circle {
	50% {
		box-shadow: 1px 1px 20px rgba(196, 120, 7, 1);
	}
}

@keyframes shadow-login {
	50% {
		box-shadow: 1px 1px 20px #2AF598;
	}
}

@keyframes shadow-register {
	50% {
		box-shadow: 1px 1px 5px #FFCC70;
		padding-top: .6rem;
		font-size: 1.1rem;
	}
}

@media only screen and (max-width: 600px) {
	.form-auth {
		width: 90%;
		padding: 3rem 1rem 1rem 1rem;
	}

	.div-cert {
		width: 90%;
	}

	.slot-page {
		height: inherit;
	}

	.btn-login {
		padding: 8px;
		font-size: 1.1rem;
		border-radius: 10px;
	}

	.btn-register {
		padding: 10px;
		font-size: 1.1rem;
		border-radius: 10px;
	}

	.form-auth .form-control {
		padding: 1.2rem 0;
		color: #000;
		font-size: 1rem;
		border-radius: .6rem;
	}

	img.maintain {
		width: 320px;
	}

	.maintain-box {
		margin-top: 12rem;
	}

	.logo-login {
		width: 180px;
		margin-bottom: -4rem;
	}

	/* .footer-menu-center {
		border-top-left-radius: 1rem;
		border-top-right-radius: 1rem;
		border: 2px solid #000;
		border-bottom: 0px;
		position: relative;
		margin-top: -15px;
		padding: 1rem .3rem .5rem .3rem;
		width: 33.3%;
		background: rgb(103,0,230);
		background: linear-gradient(180deg, rgba(103,0,230,1) 0%, rgba(81,0,161,1) 100%);
	} */

	.footer-text-center {
		color: #fff;
		/* font-weight: bold; */
		font-size: 1rem;
	}

	img.footer-img-center {
		margin-top: -3rem;
		width: 100px;
	}
}