@font-face {
	font-family: sukhumvit;
	src: url(../fonts/Sukhumvit/SukhumvitSet-Medium.ttf);
}

body {
	font-family: sukhumvit;
	background-color: var(--base-color-11);
	height: 100%;
}

.mobile-index {
	display: none;
}

.bg-secon {
	background-image: url("../images/bg-secon.png?v=2");
	background-repeat: no-repeat;
	height: 40vw;
	background-position: center;
	background-size: cover;
}

.mobile-index .bg-secon {
	background-image: url("../images/bg-secon-mobile.png");
	background-repeat: no-repeat;
	width: 100%;
	background-position: center;
	background-size: cover;
}

.img-secon {
	padding: .5rem;
	position: absolute;
	z-index: -1;
	width: 100%;
}

.mobile-index .mobile-contact {
	padding: .5rem;
margin-top: 3rem;
}

#contactModal .modal-content {
	background: inherit;
	border: 0;
}

.line-contact {
	margin-top: 1rem;
	padding: 1rem;
	border-radius: 1rem;
	background: var(--base-color-3);
	background: linear-gradient(90deg, var(--base-color-3) 0%, var(--base-color-4) 48%, var(--base-color-5) 100%);
	color: white;
	text-align: center;
	font-size: 1.5rem;
}

.contact-close {
	width: 34px;
	color: white;
	margin: .5rem auto;
	text-align: center;
	border-radius: 50%;
	background: grey;
	padding: .5rem;
}

.img-secon img {
	width: 100%;
	
    height: 22rem;
}

.mobile-index .logo-secon-box img {
	width: 150px;
}

.mobile-index .btn-register-secon {
	font-size: 1.2rem;
	padding: .3rem 1.5rem;
	box-shadow: 0 0 15px white;
}

.logo-secon-box {
	padding-top: 6vw;
}

.btn-register-box {
	padding-top: 4vw;
	width: 60%;
	margin: auto;
}

.btn-register-secon {
	font-size: 1.7rem;
	padding: .6rem 2.5rem;
	font-weight: bold;
	display: block;
	color: black;
	box-shadow: 0 0 15px white;
	border-radius: 2rem;
	background: rgb(255, 179, 0);
	background: linear-gradient(90deg, rgba(255, 179, 0, 1) 0%, rgba(234, 223, 126, 1) 100%);
	animation: btn-register-animate 1s infinite;
}
.register-step-mb{

	padding: 2vw;
	width: 80%;
	margin: 2rem auto;
	background: rgba(0, 0, 0, 0.37);
	border-radius: 2rem;
	color:#fff;
}
.register-step-mb span{
    font-size: .7rem;

}

.register-step {
	padding: 2vw;
	width: 60%;
	margin: 2rem auto;
	background: rgba(0, 0, 0, 0.37);
	border-radius: 2rem;
	color:#fff;
}
.register-step span{
    font-size: 1.2rem;
	font-weight: bold;
}
.btn-register-step {
    font-size: 1.7rem;
	font-weight: bold;
	display: block;
	color: black;
	box-shadow: 0 0 15px white;
	border-radius: 2rem;
	background: rgb(255, 179, 0);
	background: linear-gradient(
		90deg,
		rgba(255, 179, 0, 1) 0%,
		rgba(234, 223, 126, 1) 100%
	);
	padding: 0.6rem 1.4rem;
	margin:10px 0;
	margin-bottom:15px;
}
.line-register-step {
	width: 20px;
	height: 2px;
	background: rgb(255, 255, 255);
	margin-top: 2.5rem;
}

@keyframes btn-register-animate {
	0% {
		box-shadow: 0 0 15px white;
	}

	50% {
		box-shadow: 0 0 7px white;
	}

	100% {
		box-shadow: 0 0 15px white;
	}
}

.wrapper-index {
	width: 100%;
	padding: .5rem 1rem;
	margin: auto;
}

div.register-box-index {
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 28vw;
	;
	z-index: 999;
	position: absolute;
}

img.register-img {
	width: 30vw;
}

.brand-logo {
	width: 200px;
}

.top-bar {
	padding: 1rem;
	background: var(--base-color-3);
	background: linear-gradient(90deg, var(--base-color-3) 0%, var(--base-color-4) 48%, var(--base-color-5) 100%);
	/* background: var(--base-color-3);
  background: linear-gradient(180deg, var(--base-color-3) 0%, var(--base-color-11) 100%); */
}

.map-box {
	border: 3px solid #7f0303;
	background-color: var(--base-color-11);
	margin-top: 2rem;
	margin-bottom: 2rem;
	margin: auto;
	width: 80%;
}

.map {
	margin: auto;
	height: 400px;
	width: 60%;
}

.secon-bar {
	margin: 5px 0px;
	padding: .5rem;
	color: white;
	background: var(--base-color-3);
	background: linear-gradient(90deg, var(--base-color-3) 0%, var(--base-color-4) 48%, var(--base-color-5) 100%);
}

.third-bar {
	width: 80%;
	border-radius: 2rem;
	margin: 1.5rem auto;
	padding: .5rem;
	color: white;
	font-size: 1.2em;
	background: var(--base-color-3);
	background: linear-gradient(90deg, var(--base-color-3) 0%, var(--base-color-4) 48%, var(--base-color-5) 100%);
}

.btn-logout {
	border: 1px solid #fff;
	border-radius: 1rem;
	padding: .2rem .4rem;
	font-size: 12px;
}

.btn-logout:hover {
	background-color: #252525 !important;
}

.box-content {
	width: 80%;
	margin: auto;
	padding: 2rem;
}

.about-content {
	width: 80%;
	margin: auto;
	padding: 2rem;
}

.box-header {
	font-size: 1.5em;
}

.box-detail {
	font-size: 1em;
}

.bg-darkred {
	background-color: var(--base-color-11);
}

.bg-darkred-2 {
	background: var(--base-color-3);
	background: linear-gradient(90deg, var(--base-color-3) 0%, var(--base-color-4) 48%, var(--base-color-5) 100%);
}

.bg-dark {
	background-color: var(--base-color-11) !important;
}

.center-header {
	text-align: center !important;
	font-size: 1.2em;
}

.form-register {
	margin: auto;
	max-width: 500px;
	padding: 1rem 0 2rem 0;
}

.form-edit {
	margin: auto;
	width: 90%;
	padding: 1rem;
}

.form-edit .input-group-text {
	background-color: #fff;
	border-right: 2px solid #000;
	padding: .5rem;
}

.form-edit .form-control {
	padding: .5rem;
}

.form-success {
	font-weight: bold;
	font-size: 1.5rem;
	margin: auto;
	width: 100%;
}

.register-header {
	text-align: center;
	margin: 3rem 0 .8rem 0;
}

.register-header img {
	width: 300px;
}

.register-text {
	font-size: 1.2rem;
}

.form-register .form-control {
	background-color: var(--base-color-12);
	border-top: 2px solid #fff !important;
	border-left: 2px solid #fff !important;
	border-bottom: 2px solid #fff !important;
	border-right: 2px solid #fff !important;
	border-top-right-radius: 1.5rem;
	border-bottom-right-radius: 1.5rem;
	height: auto;
	color: #fff !important;
	padding: .8rem;
	border: 0px;
}

.form-register .form-control::placeholder {
	color: #fff;
}

.form-register .input-group-text {
	background-color: var(--base-color-12);
	border-top: 2px solid #fff !important;
	border-left: 2px solid #fff !important;
	border-bottom: 2px solid #fff !important;
	border-top-left-radius: 1.5rem;
	border-bottom-left-radius: 1.5rem;
	padding-left: 2rem;
	padding-right: 1.6rem;
	/* padding-left: 2rem; */
	border: 0px;
}

.phone-img {
	width: 25px;
	margin-right: .5rem;
}

div.icon-bank-box {
	height: 90px;
}

div.bank-box-img {
	width: 85px;
}

img.bank-img {
	/* border: 4px solid transparent;   */
	width: 95%;
}

.form-register img.bank-img.active {
	width: 100%;
	/* border: 4px solid #fff; */
	box-shadow: 0 0 10px #fff;
	border-radius: 3rem;
}

.success-header {
	font-weight: bold;
	text-align: center;
	font-size: 2rem;
	margin-bottom: 1rem;
}

.success-box {
	width: 90%;
	margin: auto;
	padding: 1rem;
	margin-bottom: 1rem;
	background: rgb(0, 23, 65);
	background: linear-gradient(0deg, rgba(0, 23, 65, 1) 2%, rgba(0, 13, 92, 1) 47%, rgba(0, 41, 120, 1) 100%);
}

.success-border {
	padding: 1rem;
	border: 3px solid var(--base-color-11);
}

.correct-img {
	width: 100px;
}

.text-silver {
	background: rgb(155, 156, 158);
	background-color: white;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.text-warning {
	background: rgb(255, 247, 149);
	background: linear-gradient(180deg, rgba(255, 247, 149, 1) 0%, rgba(252, 204, 0, 1) 42%, rgba(253, 187, 45, 1) 82%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.text-success {
	background: rgb(19, 111, 0);
	background: linear-gradient(0deg, rgba(19, 111, 0, 1) 0%, rgba(43, 191, 0, 1) 49%, rgba(174, 255, 161, 1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.red-line {
	width: 20%;
	height: 5px;
	background: var(--base-color-2);
	background: linear-gradient(0deg, var(--base-color-2) 0%, var(--base-color-11) 62%, var(--base-color-3) 100%);
}

.border-red {
	border-radius: 5px;
	padding: 3px;
	background: var(--base-color-9);
	background: var(--base-color-5);
}

.border-gold {
	border-radius: 5px;
	padding: 3px;
	background: rgb(101, 67, 2);
	background: linear-gradient(180deg, rgba(101, 67, 2, 1) 0%, rgba(247, 201, 114, 1) 25%, rgba(100, 66, 2, 1) 48%, rgba(247, 201, 114, 1) 73%, rgba(111, 77, 12, 1) 100%);
}

.border-silver {
	border-radius: 5px;
	padding: 3px;
	background: rgb(120, 120, 120);
	background: linear-gradient(180deg, rgba(120, 120, 120, 1) 0%, rgba(195, 198, 200, 1) 39%, rgba(238, 238, 238, 1) 55%, rgba(196, 196, 196, 1) 72%, rgba(120, 120, 120, 1) 100%);
}

.border-gold-deposit {
	border-radius: 25px;
	padding: 3px;
	background: rgb(101, 67, 2);
	background: linear-gradient(180deg, rgba(101, 67, 2, 1) 0%, rgba(247, 201, 114, 1) 25%, rgba(100, 66, 2, 1) 48%, rgba(247, 201, 114, 1) 73%, rgba(111, 77, 12, 1) 100%);
}

.btn-copy {
	border-radius: .8rem;
	width: 100%;
	font-size: 1.5rem;
	padding: 1.2rem 1.4rem !important;
}

.icon-user-left {
	margin-right: .5rem;
	width: 30px;
	height: 40px;
}

.border-copy-silver {
	border-radius: .8rem;
	padding: 3px;
	background: rgb(120, 120, 120);
	background: linear-gradient(180deg, rgba(120, 120, 120, 1) 0%, rgba(195, 198, 200, 1) 39%, rgba(238, 238, 238, 1) 55%, rgba(196, 196, 196, 1) 72%, rgba(120, 120, 120, 1) 100%);
}

.border-gold-deposit .d-flex {
	border-radius: 25px;
}

.wallet-circle {
	height: 250px;
	background-image: url('../images/circle_gold.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 250px 250px;
}

img.wallet-icon {
	width: 80px;
	margin-top: 2rem;
}

.wallet-top {
	margin-right: 1rem;
}

.wallet-text {
	font-weight: bold;
	font-size: 1.4em;
}

.user-detail-mobile {
	display: none;
}

.profile-box {
	margin: auto;
	width: 50%;
}

.profile-box .red-line {
	width: 100%;
}

.profile-content {
	width: 60%;
	margin: auto;
}

.profile-detail {
	font-size: 1.2rem;
}

.chw-header {
	color: #fff;
	font-size: 1.5rem;
	text-align: center;
	margin-bottom: 1rem;
}

.btn-profile {
	display: inline-block;
	position: relative;
	text-decoration: none;
	color: #fff;
	border: 0;
	font-size: 1rem;
	padding: .5rem 1.2rem;
	border-radius: 1.2rem;
	border: 2px solid #fff;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	background: rgb(79, 79, 79);
	background: linear-gradient(273deg, rgba(79, 79, 79, 1) 0%, rgba(53, 54, 54, 1) 100%);
}

.btn-copy-mylink {
	display: inline-block;
	position: relative;
	text-decoration: none;
	color: #fff;
	border: 0;
	font-size: 1rem;
	padding: .5rem 1.2rem;
	border-radius: 1.2rem;
	border: 2px solid #fff;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	background: rgb(79, 79, 79);
	background: linear-gradient(273deg, rgba(79, 79, 79, 1) 0%, rgba(53, 54, 54, 1) 100%);
}

.box-circle-number {
	border: 3px solid #fff;
	/* padding: 2rem 2.5rem; */
	width: 120px;
	height: 120px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.2rem;
	margin: 0 .3rem;
	border-radius: 50%;
	background: var(--base-color-3);
	background: linear-gradient(90deg, var(--base-color-3) 0%, var(--base-color-4) 48%, var(--base-color-5) 100%);
	color: #fff;
}

.box-circle-text {
	color: #fff;
	font-size: 1rem;
}

.my-link {
	border-radius: 1.5rem;
	border: 2px solid #fff;
	padding: .5rem 1.2rem;
	max-width: 400px;
	color: #fff;
	margin: auto;
}

.commission-box-amount {
	background-color: #fff;
	color: #000;
	font-size: 1.2rem;
	padding: .5rem 1.2rem;
	border-radius: 1.5rem;
}

.btn-commission {
	display: inline-block;
	position: relative;
	text-decoration: none;
	color: #fff;
	border: 1px solid #fff;
	font-size: .8rem;
	padding: .5rem;
	border-radius: 50%;
	border: 2px solid #fff;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	background: var(--base-color-3);
	background: linear-gradient(90deg, var(--base-color-3) 0%, var(--base-color-4) 48%, var(--base-color-5) 100%);
}

.btn-chw {
	display: inline-block;
	position: relative;
	text-decoration: none;
	color: #000;
	border: 0;
	font-size: 1rem;
	padding: .3rem 1.5rem;
	border-radius: 1.2rem;
	border: 2px solid #fff;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	background: var(--base-color-1);
	background: linear-gradient(90deg, var(--base-color-1) 0%, var(--base-color-2) 100%);
}

.btn-profile:hover {
	filter: contrast(.8);
	color: #fff;
}

.deposit-box {
	width: 50%;
}

.text-logout {
	font-size: 14px;
}

.copy-img {
	margin-top: .5rem;
	width: 120px;
}

.balance-text {
	font-weight: bold;
	font-size: 1.6em;
}

.withdraw-box-top {
	width: 50%;
	font-size: 1.2em;
	margin: auto;
}

.form-withdraw {
	width: 50%;
}

.form-withdraw .form-control {
	padding: 1.5rem;
	border: 2px solid #fff;
	border-left: 0;
	background-color: #000;
	border-top-right-radius: 2rem;
	border-bottom-right-radius: 2rem;
	color: #fff;
}

.form-withdraw .input-group-text {
	border: 2px solid #fff;
	border-right: 0;
	/* padding: 1.5rem; */
	padding-left: 2rem;
	background-color: #000;
	border-top-left-radius: 2rem;
	border-bottom-left-radius: 2rem;
}

.title-withdraw-history {
	width: 90%;
	padding: 1rem;
	background: var(--base-color-4);
	background: linear-gradient(180deg, var(--base-color-4) 0%, var(--base-color-11) 100%);
	margin: auto;
	margin-bottom: 1rem;
	;
}

img.wallet-menu {
	height: 50px;
	width: auto;
}

.btn-list-menu {
	border: 2px solid white !important;
	border-radius: 1rem;
	font-size: 1rem !important;
	width: 110px;
	height: 110px;
	padding: .8rem 1rem;
}

.btn-list-desktop {
	display: block;
}

.btn-list-mobile {
	display: none !important;
}

img.wallet-menu-deposit {
	height: 80px;
	width: auto;
}

img.wallet-menu-withdraw {
	height: 80px;
	width: auto;
}

.btn-wallet-deposit {
	border: 2px solid white !important;
	border-radius: 1rem !important;
	font-size: 1.3rem !important;
	padding: 1.1rem 2.3rem !important;
}

.btn-wallet-withdraw {
	border: 2px solid white !important;
	border-radius: 1rem !important;
	font-size: 1.3rem !important;
	padding: 1.1rem 2.3rem !important;
}

.deposit-withdraw-bottom {
	width: 70%;
	margin: auto;
	padding-bottom: 3rem;
	display: block;
}

.btn-dw-custom {
	display: inline-block;
	position: relative;
	text-decoration: none;
	color: var(--base-color-12);
	border: 0;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	background: rgb(79, 79, 79);
	background: linear-gradient(273deg, rgba(79, 79, 79, 1) 0%, rgba(53, 54, 54, 1) 100%);
}

.btn-dw-custom:hover {
	text-decoration: none;
	filter: contrast(.8);
}

.deposit-bottom {
	margin: 0 1rem;
}

.withdraw-bottom {
	margin: 0 1rem;
}

.deposit-bottom .btn-dw-custom {
	border-radius: 0;
	font-weight: bold;
	font-size: 1.2rem;
	padding: 1rem 2rem;
	border-radius: 1rem;
	border: 2px solid #fff;
}

.withdraw-bottom .btn-dw-custom {
	border-radius: 0;
	font-weight: bold;
	font-size: 1.2rem;
	padding: 1rem 2rem;
	border-radius: 1rem;
	border: 2px solid #fff;
}

.deposit-pro-box {
	padding: 1rem;
	color: white;
	border-radius: 1.5rem;
	background: rgb(79, 79, 79);
	background: linear-gradient(273deg, rgba(79, 79, 79, 1) 0%, rgba(53, 54, 54, 1) 100%);
}

.user-text {
	font-size: 1.2em;
}

.text-danger {
	color: #a72424 !important;
}

.modal-content {
	border-radius: 1.5rem;
	background: var(--base-color-3);
	background: linear-gradient(90deg, var(--base-color-3) 0%, var(--base-color-4) 48%, var(--base-color-5) 100%);
}

.form-login {
	padding: 1rem 1.2rem;
}

.input-desktop {
	display: block;
}

.form-login .input-group-text {
	border-radius: 1.2rem;
	background-color: var(--base-color-11);
	border: 0px;
}

.form-login .form-control {
	height: auto;
	padding: .8rem 1.2rem;
	border-radius: 1.2rem;
	border: 0px;
}

.form-login input {
	font-size: 1.1rem;
	color: var(--base-color-12);
	;
	background-color: white;
}

.form-login input:focus {
	color: var(--base-color-12);
	;
	background-color: white;
}

.form-login input::placeholder {
	color: grey !important;
}

.form-check input:checked {
	background-color: red;
}

.btn-warning {
	font-weight: bold;
	color: var(--base-color-11);
	background: var(--base-color-6);
	background: linear-gradient(0deg, var(--base-color-6) 0%, var(--base-color-7) 32%, var(--base-color-7) 54%, var(--base-color-8) 85%);
}

.btn-warning:active {
	/*on click*/
	color: grey;
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
	background: var(--base-color-6);
	background: linear-gradient(0deg, var(--base-color-6) 0%, var(--base-color-7) 50%, var(--base-color-8) 94%);
}

.btn-login-top {
	font-weight: 200;
	border-radius: .5rem;
	width: 120px;
	color: #000;
	/* border: 2px solid white; */
	font-size: 1.1rem;
	background: var(--base-color-1);
	background: linear-gradient(90deg, var(--base-color-1) 0%, var(--base-color-2) 100%);
}

.btn-register-top {
	font-size: 1.1rem;
	padding: .5rem 2.5rem;
}

.btn-login {
	font-weight: bold;
	width: 70%;
	border-radius: 1.5rem;
	box-shadow: 0 0 5px #fff;
	color: var(--base-color-12);
	background: var(--base-color-1);
	background: linear-gradient(90deg, var(--base-color-1) 0%, var(--base-color-2) 100%);
}

.btn-danger {
	font-weight: bold;
	color: white;
	border: 2px solid white;
	background: var(--base-color-10);
	background: linear-gradient(180deg, var(--base-color-2) 0%, var(--base-color-2) 100%);
}

.btn-submit {
	padding: .3rem 2rem;
	font-size: 1.4em;
	border-radius: 1.5rem;
	color: var(--base-color-12);
}

.mobile-menu-bottom {
	display: none;
}

.btn-main {
	font-weight: bold;
	color: white;
	background: linear-gradient(180deg, var(--base-color-2) 0%, var(--base-color-2) 100%);
}

.btn-outline-light {
	border: 3px solid white;
	border-radius: .8rem;
}

.btn-outline-light:hover {
	color: white;
	background: var(--base-color-2);
	background: linear-gradient(0deg, var(--base-color-2) 0%, var(--base-color-2) 62%, var(--base-color-3) 100%);
}

.btn-outline-light:active {
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
	color: white !important;
	background: var(--base-color-2);
	background: linear-gradient(0deg, var(--base-color-2) 0%, var(--base-color-2) 62%, var(--base-color-3) 100%);
}

.dropdown-menu {
	background-color: var(--base-color-11);
	/* margin-left: rem; */
	padding: 0;
	width: 40px !important;
	min-width: 0 !important;
}

.dropdown-item {
	margin-top: .4rem;
	padding: 0.1rem;
}
.wallet {
	font-size: 14px;
	width: 200px;
	color: white;
	background: var(--base-color-9);
	background: linear-gradient(180deg, var(--base-color-4) 0%, var(--base-color-11) 100%);
	padding: .3rem .5rem;
}

.menu-bar {
	width: 12%;
	padding: 1rem;
	background: var(--base-color-3);
	background: #282C31;
	border-radius: 1rem;
}

.menu-bar.active {
	/* border: 3px solid #252525; */
	background: #143355 !important;
}

.menu-bar img {
	width: 30%;
}

.menu-mobile .menu-bar {
	width: 24%;
	padding: .5rem;
	background: var(--base-color-3);
	background: #282C31;
	border-radius: 1rem;
	font-size: 12px;
}

.menu-mobile .menu-bar.active {
	/* border: 3px solid #252525; */
	background: #143355 !important;
}

.menu-mobile .menu-bar img {
	height: 20px;
}

.center-menu {
	padding: 6rem;
}

.center-menu-box {
	width: 15%;
}

.center-menu img {
	width: 100%;
}

img.user-circle {
	width: 90%;
	margin-bottom: .8rem;
}

.user-name {
	font-size: 1.2em;
}

.deposit-content {
	color: white;
	font-size: 1.3em;
}

.table-deposit {
	width: 90%;
}

.table-history {
	width: 90%;
}

.table-history th:first-child {
	/*border-radius: 10px 0 0 0;*/
}

.table-history th:last-child {
	/*border-radius: 0 10px 0 0;*/
}

.table-history th:only-child {
	/*border-radius: 10px 10px 0 0;*/
}

.table-history tr:last-child td:first-child {
	/*border-radius: 0 0 0 10px;*/
}

.table-history tr:last-child td:last-child {
	/*border-radius: 0 0 10px 10px;*/
}

.table-deposit th:first-child {
	/*border-radius: 10px 0 0 0;*/
}

.table-deposit th:last-child {
	/*border-radius: 0 10px 0 0;*/
}

.table-deposit th:only-child {
	/*border-radius: 10px 10px 0 0;*/
}

.table-deposit tr:last-child td:first-child {
	/*border-radius: 0 0 0 10px;*/
}

.table-deposit tr:last-child td:last-child {
	/*border-radius: 0 0 10px 10px;*/
}

.table thead th {
	border-bottom: none;
}

.table td, .table th {
	border-top: none;
}

.game-logo {
	width: 70px;
}

.btn-withdraw {
	display: inline-block;
	position: relative;
	text-decoration: none;
	color: var(--base-color-12);
	border: 2px solid white;
	border-radius: 2rem;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	background: var(--base-color-1);
	background: linear-gradient(90deg, var(--base-color-1) 0%, var(--base-color-2) 100%);
}

.btn-withdraw:hover {
	filter: contrast(.8);
}

.login-desktop {
	display: block;
}

.login-mobile {
	display: none;
}

footer {
	position: relative;
	padding: 10px 0;
	color: white;
	font-size: 1.2em;
	bottom: 0;
	left: 0;
	width: 100%;
}

footer img.bank-footer {
	width: 70px;
}

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

.link-game-desktop {
	display: block;
}

.link-game-mobile {
	display: none;
}

.link-back-desktop {
	display: block;
}

.link-back-mobile {
	display: none;
}

.custom-deposit {
	background: var(--base-color-5) !important;
	background: linear-gradient(0deg, var(--base-color-5) 2%, var(--base-color-3) 47%, var(--base-color-4) 80%, var(--base-color-5) 100%) !important;
}

.custom-withdraw {
	background: var(--base-color-5) !important;
	background: linear-gradient(0deg, var(--base-color-5) 2%, var(--base-color-3) 47%, var(--base-color-4) 80%, var(--base-color-5) 100%) !important;
}

.btn-custom {
	display: inline-block;
	position: relative;
	text-decoration: none;
	color: var(--base-color-12);
	border: 0;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	background: var(--base-color-1);
	background: linear-gradient(90deg, var(--base-color-1) 0%, var(--base-color-2) 100%);
}

.btn-custom-cc {
	display: inline-block;
	position: relative;
	text-decoration: none;
	color: var(--base-color-11);
	border: 0;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	background: var(--base-color-7);
	background: linear-gradient(180deg, rgba(180, 129, 50, 1) 0%, rgba(243, 211, 151, 1) 28%, rgba(203, 158, 75, 1) 47%, rgba(180, 129, 46, 1) 68%);
}

.btn-custom:hover {
	/*on hover*/
	color: grey;
	text-decoration: none;
}

.btn-custom-cc:hover {
	/*on hover*/
	color: grey;
	text-decoration: none;
}

button:focus {
	outline: 0 !important;
}

.btn-custom:active {
	/*on click*/
	color: grey;
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
	background: var(--base-color-2);
	background: linear-gradient(0deg, var(--base-color-2) 0%, var(--base-color-2) 62%, var(--base-color-4) 100%);
}

.btn-custom-cc:active {
	/*on click*/
	color: grey;
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	background: var(--base-color-2);
	background: linear-gradient(0deg, var(--base-color-2) 0%, var(--base-color-2) 62%, var(--base-color-4) 100%);
}

.btn-category-com {
	/* height: 100px;
	width: 100px; */
	font-weight: bold;
	color: white;
	padding: 1rem 1.5rem;
	font-size: .9rem;
	border-radius: 1.5rem !important;
	background: var(--base-color-3);
	background: linear-gradient(90deg, var(--base-color-3) 0%, var(--base-color-4) 48%, var(--base-color-5) 100%);
}

.btn-category-com:hover {
	opacity: 0.8;
	color: white;
}

.btn-category-com:active {
	/*on click*/
	color: #fff;
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	background: rgb(79, 79, 79);
	background: linear-gradient(273deg, rgba(79, 79, 79, 1) 0%, rgba(53, 54, 54, 1) 100%);
}

.btn-category {
	height: 100px;
	width: 100px;
	font-weight: bold;
	color: white;
	padding: .5rem;
	font-size: .9rem;
	border-radius: 1.5rem !important;
	background: var(--base-color-3);
	background: linear-gradient(90deg, var(--base-color-3) 0%, var(--base-color-4) 48%, var(--base-color-5) 100%);
}

.btn-category:hover {
	opacity: 0.8;
	color: white;
}

.btn-category:active {
	/*on click*/
	color: #fff;
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	background: rgb(79, 79, 79);
	background: linear-gradient(273deg, rgba(79, 79, 79, 1) 0%, rgba(53, 54, 54, 1) 100%);
}

.btn.focus, .btn:focus {
	outline: 0;
	box-shadow: none;
}

.nav-pills .btn-category.active {
	background: rgb(79, 79, 79);
	background: linear-gradient(273deg, rgba(79, 79, 79, 1) 0%, rgba(53, 54, 54, 1) 100%);
}

.bank-deposit-img {
	height: 100px;
	border-radius: 15px;
}
        
      @-webkit-keyframes swal2-show {
        0% {
          -webkit-transform: scale(.7);
          transform: scale(.7)
        }

        45% {
          -webkit-transform: scale(1.05);
          transform: scale(1.05)
        }

        80% {
          -webkit-transform: scale(.95);
          transform: scale(.95)
        }

        100% {
          -webkit-transform: scale(1);
          transform: scale(1)
        }
      }

      @keyframes swal2-show {
        0% {
          -webkit-transform: scale(.7);
          transform: scale(.7)
        }

        45% {
          -webkit-transform: scale(1.05);
          transform: scale(1.05)
        }

        80% {
          -webkit-transform: scale(.95);
          transform: scale(.95)
        }

        100% {
          -webkit-transform: scale(1);
          transform: scale(1)
        }
      }

      @-webkit-keyframes swal2-hide {
        0% {
          -webkit-transform: scale(1);
          transform: scale(1);
          opacity: 1
        }

        100% {
          -webkit-transform: scale(.5);
          transform: scale(.5);
          opacity: 0
        }
      }

      @keyframes swal2-hide {
        0% {
          -webkit-transform: scale(1);
          transform: scale(1);
          opacity: 1
        }

        100% {
          -webkit-transform: scale(.5);
          transform: scale(.5);
          opacity: 0
        }
      }

      @-webkit-keyframes swal2-animate-success-line-tip {
        0% {
          top: 1.1875em;
          left: .0625em;
          width: 0
        }

        54% {
          top: 1.0625em;
          left: .125em;
          width: 0
        }

        70% {
          top: 2.1875em;
          left: -.375em;
          width: 3.125em
        }

        84% {
          top: 3em;
          left: 1.3125em;
          width: 1.0625em
        }

        100% {
          top: 2.8125em;
          left: .875em;
          width: 1.5625em
        }
      }

      @keyframes swal2-animate-success-line-tip {
        0% {
          top: 1.1875em;
          left: .0625em;
          width: 0
        }

        54% {
          top: 1.0625em;
          left: .125em;
          width: 0
        }

        70% {
          top: 2.1875em;
          left: -.375em;
          width: 3.125em
        }

        84% {
          top: 3em;
          left: 1.3125em;
          width: 1.0625em
        }

        100% {
          top: 2.8125em;
          left: .875em;
          width: 1.5625em
        }
      }

      @-webkit-keyframes swal2-animate-success-line-long {
        0% {
          top: 3.375em;
          right: 2.875em;
          width: 0
        }

        65% {
          top: 3.375em;
          right: 2.875em;
          width: 0
        }

        84% {
          top: 2.1875em;
          right: 0;
          width: 3.4375em
        }

        100% {
          top: 2.375em;
          right: .5em;
          width: 2.9375em
        }
      }

      @keyframes swal2-animate-success-line-long {
        0% {
          top: 3.375em;
          right: 2.875em;
          width: 0
        }

        65% {
          top: 3.375em;
          right: 2.875em;
          width: 0
        }

        84% {
          top: 2.1875em;
          right: 0;
          width: 3.4375em
        }

        100% {
          top: 2.375em;
          right: .5em;
          width: 2.9375em
        }
      }

      @-webkit-keyframes swal2-rotate-success-circular-line {
        0% {
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg)
        }

        5% {
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg)
        }

        12% {
          -webkit-transform: rotate(-405deg);
          transform: rotate(-405deg)
        }

        100% {
          -webkit-transform: rotate(-405deg);
          transform: rotate(-405deg)
        }
      }

      @keyframes swal2-rotate-success-circular-line {
        0% {
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg)
        }

        5% {
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg)
        }

        12% {
          -webkit-transform: rotate(-405deg);
          transform: rotate(-405deg)
        }

        100% {
          -webkit-transform: rotate(-405deg);
          transform: rotate(-405deg)
        }
      }

      @-webkit-keyframes swal2-animate-error-x-mark {
        0% {
          margin-top: 1.625em;
          -webkit-transform: scale(.4);
          transform: scale(.4);
          opacity: 0
        }

        50% {
          margin-top: 1.625em;
          -webkit-transform: scale(.4);
          transform: scale(.4);
          opacity: 0
        }

        80% {
          margin-top: -.375em;
          -webkit-transform: scale(1.15);
          transform: scale(1.15)
        }

        100% {
          margin-top: 0;
          -webkit-transform: scale(1);
          transform: scale(1);
          opacity: 1
        }
      }

      @keyframes swal2-animate-error-x-mark {
        0% {
          margin-top: 1.625em;
          -webkit-transform: scale(.4);
          transform: scale(.4);
          opacity: 0
        }

        50% {
          margin-top: 1.625em;
          -webkit-transform: scale(.4);
          transform: scale(.4);
          opacity: 0
        }

        80% {
          margin-top: -.375em;
          -webkit-transform: scale(1.15);
          transform: scale(1.15)
        }

        100% {
          margin-top: 0;
          -webkit-transform: scale(1);
          transform: scale(1);
          opacity: 1
        }
      }

      @-webkit-keyframes swal2-animate-error-icon {
        0% {
          -webkit-transform: rotateX(100deg);
          transform: rotateX(100deg);
          opacity: 0
        }

        100% {
          -webkit-transform: rotateX(0);
          transform: rotateX(0);
          opacity: 1
        }
      }

      @keyframes swal2-animate-error-icon {
        0% {
          -webkit-transform: rotateX(100deg);
          transform: rotateX(100deg);
          opacity: 0
        }

        100% {
          -webkit-transform: rotateX(0);
          transform: rotateX(0);
          opacity: 1
        }
      }

      body.swal2-toast-shown .swal2-container {
        background-color: transparent
      }

      body.swal2-toast-shown .swal2-container.swal2-shown {
        background-color: transparent
      }

      body.swal2-toast-shown .swal2-container.swal2-top {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
      }

      body.swal2-toast-shown .swal2-container.swal2-top-end,
      body.swal2-toast-shown .swal2-container.swal2-top-right {
        top: 0;
        right: 0;
        bottom: auto;
        left: auto
      }

      body.swal2-toast-shown .swal2-container.swal2-top-left,
      body.swal2-toast-shown .swal2-container.swal2-top-start {
        top: 0;
        right: auto;
        bottom: auto;
        left: 0
      }

      body.swal2-toast-shown .swal2-container.swal2-center-left,
      body.swal2-toast-shown .swal2-container.swal2-center-start {
        top: 50%;
        right: auto;
        bottom: auto;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
      }

      body.swal2-toast-shown .swal2-container.swal2-center {
        top: 50%;
        right: auto;
        bottom: auto;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
      }

      body.swal2-toast-shown .swal2-container.swal2-center-end,
      body.swal2-toast-shown .swal2-container.swal2-center-right {
        top: 50%;
        right: 0;
        bottom: auto;
        left: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
      }

      body.swal2-toast-shown .swal2-container.swal2-bottom-left,
      body.swal2-toast-shown .swal2-container.swal2-bottom-start {
        top: auto;
        right: auto;
        bottom: 0;
        left: 0
      }

      body.swal2-toast-shown .swal2-container.swal2-bottom {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
      }

      body.swal2-toast-shown .swal2-container.swal2-bottom-end,
      body.swal2-toast-shown .swal2-container.swal2-bottom-right {
        top: auto;
        right: 0;
        bottom: 0;
        left: auto
      }

      body.swal2-toast-column .swal2-toast {
        flex-direction: column;
        align-items: stretch
      }

      body.swal2-toast-column .swal2-toast .swal2-actions {
        flex: 1;
        align-self: stretch;
        height: 2.2em;
        margin-top: .3125em
      }

      body.swal2-toast-column .swal2-toast .swal2-loading {
        justify-content: center
      }

      body.swal2-toast-column .swal2-toast .swal2-input {
        height: 2em;
        margin: .3125em auto;
        font-size: 1em
      }

      body.swal2-toast-column .swal2-toast .swal2-validation-message {
        font-size: 1em
      }

      .swal2-popup.swal2-toast {
        flex-direction: row;
        align-items: center;
        width: auto;
        padding: .625em;
        box-shadow: 0 0 .625em #d9d9d9;
        overflow-y: hidden
      }

      .swal2-popup.swal2-toast .swal2-header {
        flex-direction: row
      }

      .swal2-popup.swal2-toast .swal2-title {
        flex-grow: 1;
        justify-content: flex-start;
        margin: 0 .6em;
        font-size: 1em
      }

      .swal2-popup.swal2-toast .swal2-footer {
        margin: .5em 0 0;
        padding: .5em 0 0;
        font-size: .8em
      }

      .swal2-popup.swal2-toast .swal2-close {
        position: initial;
        width: .8em;
        height: .8em;
        line-height: .8
      }

      .swal2-popup.swal2-toast .swal2-content {
        justify-content: flex-start;
        font-size: 1em
      }

      .swal2-popup.swal2-toast .swal2-icon {
        width: 2em;
        min-width: 2em;
        height: 2em;
        margin: 0
      }

      .swal2-popup.swal2-toast .swal2-icon-text {
        font-size: 2em;
        font-weight: 700;
        line-height: 1em
      }

      .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
        width: 2em;
        height: 2em
      }

      .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
        top: .875em;
        width: 1.375em
      }

      .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
        left: .3125em
      }

      .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
        right: .3125em
      }

      .swal2-popup.swal2-toast .swal2-actions {
        height: auto;
        margin: 0 .3125em
      }

      .swal2-popup.swal2-toast .swal2-styled {
        margin: 0 .3125em;
        padding: .3125em .625em;
        font-size: 1em
      }

      .swal2-popup.swal2-toast .swal2-styled:focus {
        box-shadow: 0 0 0 .0625em #fff, 0 0 0 .125em rgba(50, 100, 150, .4)
      }

      .swal2-popup.swal2-toast .swal2-success {
        border-color: #a5dc86
      }

      .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
        position: absolute;
        width: 2em;
        height: 2.8125em;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border-radius: 50%
      }

      .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
        top: -.25em;
        left: -.9375em;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 2em 2em;
        transform-origin: 2em 2em;
        border-radius: 4em 0 0 4em
      }

      .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
        top: -.25em;
        left: .9375em;
        -webkit-transform-origin: 0 2em;
        transform-origin: 0 2em;
        border-radius: 0 4em 4em 0
      }

      .swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
        width: 2em;
        height: 2em
      }

      .swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
        top: 0;
        left: .4375em;
        width: .4375em;
        height: 2.6875em
      }

      .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
        height: .3125em
      }

      .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
        top: 1.125em;
        left: .1875em;
        width: .75em
      }

      .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
        top: .9375em;
        right: .1875em;
        width: 1.375em
      }

      .swal2-popup.swal2-toast.swal2-show {
        -webkit-animation: showSweetToast .5s;
        animation: showSweetToast .5s
      }

      .swal2-popup.swal2-toast.swal2-hide {
        -webkit-animation: hideSweetToast .2s forwards;
        animation: hideSweetToast .2s forwards
      }

      .swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip {
        -webkit-animation: animate-toast-success-tip .75s;
        animation: animate-toast-success-tip .75s
      }

      .swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long {
        -webkit-animation: animate-toast-success-long .75s;
        animation: animate-toast-success-long .75s
      }

      @-webkit-keyframes showSweetToast {
        0% {
          -webkit-transform: translateY(-.625em) rotateZ(2deg);
          transform: translateY(-.625em) rotateZ(2deg);
          opacity: 0
        }

        33% {
          -webkit-transform: translateY(0) rotateZ(-2deg);
          transform: translateY(0) rotateZ(-2deg);
          opacity: .5
        }

        66% {
          -webkit-transform: translateY(.3125em) rotateZ(2deg);
          transform: translateY(.3125em) rotateZ(2deg);
          opacity: .7
        }

        100% {
          -webkit-transform: translateY(0) rotateZ(0);
          transform: translateY(0) rotateZ(0);
          opacity: 1
        }
      }

      @keyframes showSweetToast {
        0% {
          -webkit-transform: translateY(-.625em) rotateZ(2deg);
          transform: translateY(-.625em) rotateZ(2deg);
          opacity: 0
        }

        33% {
          -webkit-transform: translateY(0) rotateZ(-2deg);
          transform: translateY(0) rotateZ(-2deg);
          opacity: .5
        }

        66% {
          -webkit-transform: translateY(.3125em) rotateZ(2deg);
          transform: translateY(.3125em) rotateZ(2deg);
          opacity: .7
        }

        100% {
          -webkit-transform: translateY(0) rotateZ(0);
          transform: translateY(0) rotateZ(0);
          opacity: 1
        }
      }

      @-webkit-keyframes hideSweetToast {
        0% {
          opacity: 1
        }

        33% {
          opacity: .5
        }

        100% {
          -webkit-transform: rotateZ(1deg);
          transform: rotateZ(1deg);
          opacity: 0
        }
      }

      @keyframes hideSweetToast {
        0% {
          opacity: 1
        }

        33% {
          opacity: .5
        }

        100% {
          -webkit-transform: rotateZ(1deg);
          transform: rotateZ(1deg);
          opacity: 0
        }
      }

      @-webkit-keyframes animate-toast-success-tip {
        0% {
          top: .5625em;
          left: .0625em;
          width: 0
        }

        54% {
          top: .125em;
          left: .125em;
          width: 0
        }

        70% {
          top: .625em;
          left: -.25em;
          width: 1.625em
        }

        84% {
          top: 1.0625em;
          left: .75em;
          width: .5em
        }

        100% {
          top: 1.125em;
          left: .1875em;
          width: .75em
        }
      }

      @keyframes animate-toast-success-tip {
        0% {
          top: .5625em;
          left: .0625em;
          width: 0
        }

        54% {
          top: .125em;
          left: .125em;
          width: 0
        }

        70% {
          top: .625em;
          left: -.25em;
          width: 1.625em
        }

        84% {
          top: 1.0625em;
          left: .75em;
          width: .5em
        }

        100% {
          top: 1.125em;
          left: .1875em;
          width: .75em
        }
      }

      @-webkit-keyframes animate-toast-success-long {
        0% {
          top: 1.625em;
          right: 1.375em;
          width: 0
        }

        65% {
          top: 1.25em;
          right: .9375em;
          width: 0
        }

        84% {
          top: .9375em;
          right: 0;
          width: 1.125em
        }

        100% {
          top: .9375em;
          right: .1875em;
          width: 1.375em
        }
      }

      @keyframes animate-toast-success-long {
        0% {
          top: 1.625em;
          right: 1.375em;
          width: 0
        }

        65% {
          top: 1.25em;
          right: .9375em;
          width: 0
        }

        84% {
          top: .9375em;
          right: 0;
          width: 1.125em
        }

        100% {
          top: .9375em;
          right: .1875em;
          width: 1.375em
        }
      }

      body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
        overflow: hidden
      }

      body.swal2-height-auto {
        height: auto !important
      }

      body.swal2-no-backdrop .swal2-shown {
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        background-color: transparent
      }

      body.swal2-no-backdrop .swal2-shown>.swal2-modal {
        box-shadow: 0 0 10px rgba(0, 0, 0, .4)
      }

      body.swal2-no-backdrop .swal2-shown.swal2-top {
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
      }

      body.swal2-no-backdrop .swal2-shown.swal2-top-left,
      body.swal2-no-backdrop .swal2-shown.swal2-top-start {
        top: 0;
        left: 0
      }

      body.swal2-no-backdrop .swal2-shown.swal2-top-end,
      body.swal2-no-backdrop .swal2-shown.swal2-top-right {
        top: 0;
        right: 0
      }

      body.swal2-no-backdrop .swal2-shown.swal2-center {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
      }

      body.swal2-no-backdrop .swal2-shown.swal2-center-left,
      body.swal2-no-backdrop .swal2-shown.swal2-center-start {
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
      }

      body.swal2-no-backdrop .swal2-shown.swal2-center-end,
      body.swal2-no-backdrop .swal2-shown.swal2-center-right {
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
      }

      body.swal2-no-backdrop .swal2-shown.swal2-bottom {
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
      }

      body.swal2-no-backdrop .swal2-shown.swal2-bottom-left,
      body.swal2-no-backdrop .swal2-shown.swal2-bottom-start {
        bottom: 0;
        left: 0
      }

      body.swal2-no-backdrop .swal2-shown.swal2-bottom-end,
      body.swal2-no-backdrop .swal2-shown.swal2-bottom-right {
        right: 0;
        bottom: 0
      }

      .swal2-container {
        display: flex;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 10px;
        background-color: transparent;
        z-index: 1060;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch
      }

      .swal2-container.swal2-top {
        align-items: flex-start
      }

      .swal2-container.swal2-top-left,
      .swal2-container.swal2-top-start {
        align-items: flex-start;
        justify-content: flex-start
      }

      .swal2-container.swal2-top-end,
      .swal2-container.swal2-top-right {
        align-items: flex-start;
        justify-content: flex-end
      }

      .swal2-container.swal2-center {
        align-items: center
      }

      .swal2-container.swal2-center-left,
      .swal2-container.swal2-center-start {
        align-items: center;
        justify-content: flex-start
      }

      .swal2-container.swal2-center-end,
      .swal2-container.swal2-center-right {
        align-items: center;
        justify-content: flex-end
      }

      .swal2-container.swal2-bottom {
        align-items: flex-end
      }

      .swal2-container.swal2-bottom-left,
      .swal2-container.swal2-bottom-start {
        align-items: flex-end;
        justify-content: flex-start
      }

      .swal2-container.swal2-bottom-end,
      .swal2-container.swal2-bottom-right {
        align-items: flex-end;
        justify-content: flex-end
      }

      .swal2-container.swal2-grow-fullscreen>.swal2-modal {
        display: flex !important;
        flex: 1;
        align-self: stretch;
        justify-content: center
      }

      .swal2-container.swal2-grow-row>.swal2-modal {
        display: flex !important;
        flex: 1;
        align-content: center;
        justify-content: center
      }

      .swal2-container.swal2-grow-column {
        flex: 1;
        flex-direction: column
      }

      .swal2-container.swal2-grow-column.swal2-bottom,
      .swal2-container.swal2-grow-column.swal2-center,
      .swal2-container.swal2-grow-column.swal2-top {
        align-items: center
      }

      .swal2-container.swal2-grow-column.swal2-bottom-left,
      .swal2-container.swal2-grow-column.swal2-bottom-start,
      .swal2-container.swal2-grow-column.swal2-center-left,
      .swal2-container.swal2-grow-column.swal2-center-start,
      .swal2-container.swal2-grow-column.swal2-top-left,
      .swal2-container.swal2-grow-column.swal2-top-start {
        align-items: flex-start
      }

      .swal2-container.swal2-grow-column.swal2-bottom-end,
      .swal2-container.swal2-grow-column.swal2-bottom-right,
      .swal2-container.swal2-grow-column.swal2-center-end,
      .swal2-container.swal2-grow-column.swal2-center-right,
      .swal2-container.swal2-grow-column.swal2-top-end,
      .swal2-container.swal2-grow-column.swal2-top-right {
        align-items: flex-end
      }

      .swal2-container.swal2-grow-column>.swal2-modal {
        display: flex !important;
        flex: 1;
        align-content: center;
        justify-content: center
      }

      .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal {
        margin: auto
      }

      @media all and (-ms-high-contrast:none),
      (-ms-high-contrast:active) {
        .swal2-container .swal2-modal {
          margin: 0 !important
        }
      }

      .swal2-container.swal2-fade {
        transition: background-color .1s
      }

      .swal2-container.swal2-shown {
        background-color: rgba(0, 0, 0, .4)
      }

      .swal2-popup {
        display: none;
        position: relative;
        flex-direction: column;
        justify-content: center;
        width: 32em;
        max-width: 100%;
        padding: 1.25em;
        border-radius: .3125em;
        background: #fff;
        font-family: inherit;
        font-size: 1rem;
        box-sizing: border-box
      }

      .swal2-popup:focus {
        outline: 0
      }

      .swal2-popup.swal2-loading {
        overflow-y: hidden
      }

      .swal2-popup .swal2-header {
        display: flex;
        flex-direction: column;
        align-items: center
      }

      .swal2-popup .swal2-title {
        display: block;
        position: relative;
        max-width: 100%;
        margin: 0 0 .4em;
        padding: 0;
        color: #595959;
        font-size: 1.875em;
        font-weight: 600;
        text-align: center;
        text-transform: none;
        word-wrap: break-word
      }

      .swal2-popup .swal2-actions {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin: 1.25em auto 0;
        z-index: 1
      }

      .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
        opacity: .4
      }

      .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
        background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
      }

      .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:active {
        background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2))
      }

      .swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
        width: 2.5em;
        height: 2.5em;
        margin: .46875em;
        padding: 0;
        border: .25em solid transparent;
        border-radius: 100%;
        border-color: transparent;
        background-color: transparent !important;
        color: transparent;
        cursor: default;
        box-sizing: border-box;
        -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
        animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
      }

      .swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-cancel {
        margin-right: 30px;
        margin-left: 30px
      }

      .swal2-popup .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin-left: 5px;
        border: 3px solid #999;
        border-radius: 50%;
        border-right-color: transparent;
        box-shadow: 1px 1px 1px #fff;
        content: '';
        -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
        animation: swal2-rotate-loading 1.5s linear 0s infinite normal
      }

      .swal2-popup .swal2-styled {
        margin: .3125em;
        padding: .625em 2em;
        font-weight: 500;
        box-shadow: none
      }

      .swal2-popup .swal2-styled:not([disabled]) {
        cursor: pointer
      }

      .swal2-popup .swal2-styled.swal2-confirm {
        border: 0;
        border-radius: .25em;
        background: initial;
        background-color: #3085d6;
        color: #fff;
        font-size: 1.0625em
      }

      .swal2-popup .swal2-styled.swal2-cancel {
        border: 0;
        border-radius: .25em;
        background: initial;
        background-color: #aaa;
        color: #fff;
        font-size: 1.0625em
      }

      .swal2-popup .swal2-styled:focus {
        outline: 0;
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(50, 100, 150, .4)
      }

      .swal2-popup .swal2-styled::-moz-focus-inner {
        border: 0
      }

      .swal2-popup .swal2-footer {
        justify-content: center;
        margin: 1.25em 0 0;
        padding: 1em 0 0;
        border-top: 1px solid #eee;
        color: #545454;
        font-size: 1em
      }

      .swal2-popup .swal2-image {
        max-width: 100%;
        margin: 1.25em auto
      }

      .swal2-popup .swal2-close {
        position: absolute;
        top: 0;
        right: 0;
        justify-content: center;
        width: 1.2em;
        height: 1.2em;
        padding: 0;
        transition: color .1s ease-out;
        border: none;
        border-radius: 0;
        outline: initial;
        background: 0 0;
        color: #ccc;
        font-family: serif;
        font-size: 2.5em;
        line-height: 1.2;
        cursor: pointer;
        overflow: hidden
      }

      .swal2-popup .swal2-close:hover {
        -webkit-transform: none;
        transform: none;
        color: #f27474
      }

      .swal2-popup>.swal2-checkbox,
      .swal2-popup>.swal2-file,
      .swal2-popup>.swal2-input,
      .swal2-popup>.swal2-radio,
      .swal2-popup>.swal2-select,
      .swal2-popup>.swal2-textarea {
        display: none
      }

      .swal2-popup .swal2-content {
        justify-content: center;
        margin: 0;
        padding: 0;
        color: #545454;
        font-size: 1.125em;
        font-weight: 300;
        line-height: normal;
        z-index: 1;
        word-wrap: break-word
      }

      .swal2-popup #swal2-content {
        text-align: center
      }

      .swal2-popup .swal2-checkbox,
      .swal2-popup .swal2-file,
      .swal2-popup .swal2-input,
      .swal2-popup .swal2-radio,
      .swal2-popup .swal2-select,
      .swal2-popup .swal2-textarea {
        margin: 1em auto
      }

      .swal2-popup .swal2-file,
      .swal2-popup .swal2-input,
      .swal2-popup .swal2-textarea {
        width: 100%;
        transition: border-color .3s, box-shadow .3s;
        border: 1px solid #d9d9d9;
        border-radius: .1875em;
        font-size: 1.125em;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06);
        box-sizing: border-box
      }

      .swal2-popup .swal2-file.swal2-inputerror,
      .swal2-popup .swal2-input.swal2-inputerror,
      .swal2-popup .swal2-textarea.swal2-inputerror {
        border-color: #f27474 !important;
        box-shadow: 0 0 2px #f27474 !important
      }

      .swal2-popup .swal2-file:focus,
      .swal2-popup .swal2-input:focus,
      .swal2-popup .swal2-textarea:focus {
        border: 1px solid #b4dbed;
        outline: 0;
        box-shadow: 0 0 3px #c4e6f5
      }

      .swal2-popup .swal2-file::-webkit-input-placeholder,
      .swal2-popup .swal2-input::-webkit-input-placeholder,
      .swal2-popup .swal2-textarea::-webkit-input-placeholder {
        color: #ccc
      }

      .swal2-popup .swal2-file:-ms-input-placeholder,
      .swal2-popup .swal2-input:-ms-input-placeholder,
      .swal2-popup .swal2-textarea:-ms-input-placeholder {
        color: #ccc
      }

      .swal2-popup .swal2-file::-ms-input-placeholder,
      .swal2-popup .swal2-input::-ms-input-placeholder,
      .swal2-popup .swal2-textarea::-ms-input-placeholder {
        color: #ccc
      }

      .swal2-popup .swal2-file::placeholder,
      .swal2-popup .swal2-input::placeholder,
      .swal2-popup .swal2-textarea::placeholder {
        color: #ccc
      }

      .swal2-popup .swal2-range input {
        width: 80%
      }

      .swal2-popup .swal2-range output {
        width: 20%;
        font-weight: 600;
        text-align: center
      }

      .swal2-popup .swal2-range input,
      .swal2-popup .swal2-range output {
        height: 2.625em;
        margin: 1em auto;
        padding: 0;
        font-size: 1.125em;
        line-height: 2.625em
      }

      .swal2-popup .swal2-input {
        height: 2.625em;
        padding: 0 .75em
      }

      .swal2-popup .swal2-input[type=number] {
        max-width: 10em
      }

      .swal2-popup .swal2-file {
        font-size: 1.125em
      }

      .swal2-popup .swal2-textarea {
        height: 6.75em;
        padding: .75em
      }

      .swal2-popup .swal2-select {
        min-width: 50%;
        max-width: 100%;
        padding: .375em .625em;
        color: #545454;
        font-size: 1.125em
      }

      .swal2-popup .swal2-checkbox,
      .swal2-popup .swal2-radio {
        align-items: center;
        justify-content: center
      }

      .swal2-popup .swal2-checkbox label,
      .swal2-popup .swal2-radio label {
        margin: 0 .6em;
        font-size: 1.125em
      }

      .swal2-popup .swal2-checkbox input,
      .swal2-popup .swal2-radio input {
        margin: 0 .4em
      }

      .swal2-popup .swal2-validation-message {
        display: none;
        align-items: center;
        justify-content: center;
        padding: .625em;
        background: #f0f0f0;
        color: #666;
        font-size: 1em;
        font-weight: 300;
        overflow: hidden
      }

      .swal2-popup .swal2-validation-message::before {
        display: inline-block;
        width: 1.5em;
        min-width: 1.5em;
        height: 1.5em;
        margin: 0 .625em;
        border-radius: 50%;
        background-color: #f27474;
        color: #fff;
        font-weight: 600;
        line-height: 1.5em;
        text-align: center;
        content: '!';
        zoom: normal
      }

      @supports (-ms-accelerator:true) {
        .swal2-range input {
          width: 100% !important
        }

        .swal2-range output {
          display: none
        }
      }

      @media all and (-ms-high-contrast:none),
      (-ms-high-contrast:active) {
        .swal2-range input {
          width: 100% !important
        }

        .swal2-range output {
          display: none
        }
      }

      @-moz-document url-prefix() {
        .swal2-close:focus {
          outline: 2px solid rgba(50, 100, 150, .4)
        }
      }

      .swal2-icon {
        position: relative;
        justify-content: center;
        width: 5em;
        height: 5em;
        margin: 1.25em auto 1.875em;
        border: .25em solid transparent;
        border-radius: 50%;
        line-height: 5em;
        cursor: default;
        box-sizing: content-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        zoom: normal
      }

      .swal2-icon-text {
        font-size: 3.75em
      }

      .swal2-icon.swal2-error {
        border-color: #f27474
      }

      .swal2-icon.swal2-error .swal2-x-mark {
        position: relative;
        flex-grow: 1
      }

      .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
        display: block;
        position: absolute;
        top: 2.3125em;
        width: 2.9375em;
        height: .3125em;
        border-radius: .125em;
        background-color: #f27474
      }

      .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
        left: 1.0625em;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
      }

      .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
        right: 1em;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
      }

      .swal2-icon.swal2-warning {
        border-color: #facea8;
        color: #f8bb86
      }

      .swal2-icon.swal2-info {
        border-color: #9de0f6;
        color: #3fc3ee
      }

      .swal2-icon.swal2-question {
        border-color: #c9dae1;
        color: #87adbd
      }

      .swal2-icon.swal2-success {
        border-color: #a5dc86
      }

      .swal2-icon.swal2-success [class^=swal2-success-circular-line] {
        position: absolute;
        width: 3.75em;
        height: 7.5em;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border-radius: 50%
      }

      .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
        top: -.4375em;
        left: -2.0635em;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 3.75em 3.75em;
        transform-origin: 3.75em 3.75em;
        border-radius: 7.5em 0 0 7.5em
      }

      .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
        top: -.6875em;
        left: 1.875em;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0 3.75em;
        transform-origin: 0 3.75em;
        border-radius: 0 7.5em 7.5em 0
      }

      .swal2-icon.swal2-success .swal2-success-ring {
        position: absolute;
        top: -.25em;
        left: -.25em;
        width: 100%;
        height: 100%;
        border: .25em solid rgba(165, 220, 134, .3);
        border-radius: 50%;
        z-index: 2;
        box-sizing: content-box
      }

      .swal2-icon.swal2-success .swal2-success-fix {
        position: absolute;
        top: .5em;
        left: 1.625em;
        width: .4375em;
        height: 5.625em;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        z-index: 1
      }

      .swal2-icon.swal2-success [class^=swal2-success-line] {
        display: block;
        position: absolute;
        height: .3125em;
        border-radius: .125em;
        background-color: #a5dc86;
        z-index: 2
      }

      .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
        top: 2.875em;
        left: .875em;
        width: 1.5625em;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
      }

      .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
        top: 2.375em;
        right: .5em;
        width: 2.9375em;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
      }

      .swal2-progresssteps {
        align-items: center;
        margin: 0 0 1.25em;
        padding: 0;
        font-weight: 600
      }

      .swal2-progresssteps li {
        display: inline-block;
        position: relative
      }

      .swal2-progresssteps .swal2-progresscircle {
        width: 2em;
        height: 2em;
        border-radius: 2em;
        background: #3085d6;
        color: #fff;
        line-height: 2em;
        text-align: center;
        z-index: 20
      }

      .swal2-progresssteps .swal2-progresscircle:first-child {
        margin-left: 0
      }

      .swal2-progresssteps .swal2-progresscircle:last-child {
        margin-right: 0
      }

      .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep {
        background: #3085d6
      }

      .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progresscircle {
        background: #add8e6
      }

      .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progressline {
        background: #add8e6
      }

      .swal2-progresssteps .swal2-progressline {
        width: 2.5em;
        height: .4em;
        margin: 0 -1px;
        background: #3085d6;
        z-index: 10
      }

      [class^=swal2] {
        -webkit-tap-highlight-color: transparent
      }

      .swal2-show {
        -webkit-animation: swal2-show .3s;
        animation: swal2-show .3s
      }

      .swal2-show.swal2-noanimation {
        -webkit-animation: none;
        animation: none
      }

      .swal2-hide {
        -webkit-animation: swal2-hide .15s forwards;
        animation: swal2-hide .15s forwards
      }

      .swal2-hide.swal2-noanimation {
        -webkit-animation: none;
        animation: none
      }

      .swal2-rtl .swal2-close {
        right: auto;
        left: 0
      }

      .swal2-animate-success-icon .swal2-success-line-tip {
        -webkit-animation: swal2-animate-success-line-tip .75s;
        animation: swal2-animate-success-line-tip .75s
      }

      .swal2-animate-success-icon .swal2-success-line-long {
        -webkit-animation: swal2-animate-success-line-long .75s;
        animation: swal2-animate-success-line-long .75s
      }

      .swal2-animate-success-icon .swal2-success-circular-line-right {
        -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
        animation: swal2-rotate-success-circular-line 4.25s ease-in
      }

      .swal2-animate-error-icon {
        -webkit-animation: swal2-animate-error-icon .5s;
        animation: swal2-animate-error-icon .5s
      }

      .swal2-animate-error-icon .swal2-x-mark {
        -webkit-animation: swal2-animate-error-x-mark .5s;
        animation: swal2-animate-error-x-mark .5s
      }

      @-webkit-keyframes swal2-rotate-loading {
        0% {
          -webkit-transform: rotate(0);
          transform: rotate(0)
        }

        100% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg)
        }
      }

      @keyframes swal2-rotate-loading {
        0% {
          -webkit-transform: rotate(0);
          transform: rotate(0)
        }

        100% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg)
        }
      }

      @media print {
        body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
          overflow-y: scroll !important
        }

        body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true] {
          display: none
        }

        body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
          position: initial !important
        }
      }

      .swal2-popup.swal2-toast {
    display: flex !important;
    width: auto !important;
    padding: 0.5em !important;
      }

      .bankselectpopup {
        display: none;
        position: fixed;
        color: #ffffff;
        height: 500px;
        max-width: 400px;
        box-shadow: 0 0 20px 1px #777;
        border-radius: 5px;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #000000;
        top: 0;
        z-index: 99;
        margin: auto auto;
    }
     .inbankselectpopup{
         height: 500px;
         width: 100%;
         overflow: auto;
         box-shadow: 0 0 20px 1px #000;
         border-radius: 5px;
         font-size: 14px;
         text-align: center;
         overflow: auto;
         animation: showbank .5s ease 0s normal none;
     }
     .closeanimationselectbank{
         animation: showbankclose .5s ease 0s normal none;
     }
     
     .btnclosebankselect{
       position: absolute;
       right: 30px;
       top: 3px;
       border-radius: 5px;
       border: none;
       font-size: 20px;
       padding: 0 7px;
       background:  #ed2638;
       color: white;
       transition: .3s;
     }
     .bankselectpopup img{
       width: 70px;
     }
     .bankselectpopup table{
       width: 100%;
       text-align: center;
     }
     .bankselectpopup td{
       padding: 10px;
       width: 50%;
     
     }
     .selectbank{
       cursor: pointer;
     }
     @keyframes showbank {
         0.0%{
             transform: scale(0.1);
         }
         100%{
             transform: scale(1) translate(0px,0px);
         }
         50.3%{
             transform: translate(0px,-100px);
         }
         74.9%{
             transform: scale(1) translate(0px,0px);
         }
     }
     
     @keyframes showbankclose {
         0.0%{
          transform: scale(1) translate(0px,0px);
         }
         100%{
            transform: scale(0.1) translate(-900px,0px);
         }
     
     }