@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');

:root {
	--bagroundColor: #057a58;
	--bagroundLightColor: #0fc75e;
	--bagroundDarkColor: #002317;
	--primaryLightColor: #f9e16a;
	--primaryDarkColor: #f9dd4b;
	--primaryColor: #fbd603
}

body {
	overflow-x: hidden !important;
	min-height: 100vh;
	background: #095f4a !important;
	margin: 0 auto
}

.language .dropdown-toggle {
	padding: 0 !important;
	background: transparent !important;
	border: none !important
}

.language .dropdown-toggle img {
	height: 18px
}

.language .dropdown-toggle.text-left.empty::after {
	float: right;
	margin-top: 12px;
	margin-bottom: 0
}

.language .btn-primary.dropdown-toggle {
	color: #ffffff
}

.language .dropdown-toggle::after {
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent
}

.form-control.input-sm {
	height: 30px;
	padding: .2rem .7rem;
	border-radius: 5px
}

#datepicker1,
#datepicker2 {
	cursor: pointer;
	text-align: center
}

.btn-refresh {
	color: #fff
}

.label-dark {
	border-radius: 4px;
	border: 0.05rem solid #ffffff;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	padding: 0 10px
}

.menu {
	background: #0b764a;
	padding: 2px 0
}

.menu img {
	height: 20px
}

.menu a div {
	font-size: 14px;
	font-weight: bold
}

body {
	background: url("../images/cny_new26/bg.png")!important;
	background-size: 100% auto!important;
}

.card-primary {
	width: 100px;
	height: 100px;
	background: #057b59;
	border-radius: 10px;
	text-align: center;
	margin: 10px
}

.card-primary img {
	height: 70px
}

.card-primary .border-wrapper {
	min-width: 60px
}

.my-profile .card-primary img {
	margin-top: 23px;
	height: 40px
}

.profile-login {
	margin-top: -10px
}

.profile-login span {
	font-size: 8px
}

.label-primary {
	color: var(--primaryColor);
	background: var(--bagroundColor);
	border-radius: 5px;
	font-size: 10px;
	border: 1px solid #ffffff;
	padding: 2px 5px
}

.label-primary.size-sm {
	border-radius: 5px;
	font-size: 8px;
	border: 1px solid #ffffff;
	padding: 0 5px;
	line-height: 1.8;
	height: 15px
}

.label-yellow {
	background: var(--primaryColor);
	border-radius: 5px;
	font-size: 13px;
	padding: 6px 12px;
	text-transform: uppercase;
	color: rgba(0, 0, 0, 0.8);
	font-weight: bold
}

.btn-primary.dropdown-toggle {
	background: #ffffff;
	border-radius: 5px;
	font-size: 16px;
	padding: 4px 12px;
	color: rgba(0, 0, 0, 0.8);
	font-weight: bold;
	border: 1px solid #ffffff
}

#bank_acc_to {
	height: 38px
}

.btn-primary.dropdown-toggle:hover {
	background: #ffffff;
	color: var(--bagroundColor)
}

.dropdown-toggle::after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .255em;
	content: '';
	vertical-align: 0;
	border-top: .7em solid;
	border-right: .5em solid transparent;
	border-bottom: 0;
	border-left: .5em solid transparent
}

.dropdown-toggle.text-left::after {
	float: right;
	margin-top: 7px
}

.dropdown-toggle.text-left.empty::after {
	float: right;
	margin-top: 5px;
	margin-bottom: 5px
}

.dropdown-menu.show {
	width: 100%
}

input[type='date'] {
	color: #000000
}

.border {
	border: 1px solid rgba(256, 256, 256, 0.2) !important
}

.btn-file {
	border-radius: 10px;
	background: #ffffff;
	padding: 3px 7px;
	width: 110px;
	height: 36px
}

.btn-file .wrapper {
	background: var(--bagroundColor);
	border-radius: 10px;
	position: relative;
	height: 30px
}

.btn-file .file-text {
	position: absolute;
	top: 5px;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	white-space: nowrap
}

.btn-file input[type="file"] {
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 9999
}

.btn-green {
	background: #0c926d;
	border-radius: 10px;
	max-width: 100%;
	width: 240px;
	padding: 5px 20px
}

.btn-green.active {
	background: #fcdf1f
}

.btn-green.active div {
	color: #000000 !important
}

.table-yellow,
.table-yellow-1 {
	width: 100%
}

.table-yellow thead tr,
.table-yellow-1 thead tr {
	background: #ffed15
}

.table-yellow tbody tr,
.table-yellow-1 tbody tr {
	background: #0c926d
}

.table-yellow tbody td,
.table-yellow-1 tbody td {
	color: #ffffff;
	font-size: 13px;
	text-align: center;
	padding: 5px
}

.table-yellow tbody tr:nth-child(even),
.table-yellow-1 tbody tr:nth-child(even) {
	background: transparent
}

.table-yellow-1.table-tab th {
	text-transform: uppercase;
	background: #0c926d;
	color: #ffffff
}

.table-yellow-1.table-tab th.active {
	background: #ffed15
}

.table-yellow-1.table-tab.reverse th {
	text-transform: uppercase;
	background: #ffed15;
	color: #000000
}

.table-yellow-1.table-tab.reverse th.active {
	background: #0c926d;
	color: #ffffff
}

.table-yellow-1.table-tab th.active a {
	color: #000000
}

.table-yellow-1.table-tab.reverse th a {
	color: #000000
}

.table-yellow-1.table-tab.reverse th.active a {
	color: #ffffff
}

.table-yellow thead th {
	color: rgba(0, 0, 0, 0.8);
	font-size: 10px;
	height: 25px;
	border-collapse: collapse;
	border: 1px solid #1bb084;
	text-align: center
}

.table-yellow-1 thead th {
	color: rgba(0, 0, 0, 0.8);
	font-size: 13px;
	height: 30px;
	border-collapse: collapse;
	border: 2px solid #003128;
	text-align: center;
	vertical-align: middle
}

.table-yellow-1 tbody td {
	color: #ffffff;
	font-size: 13px;
	border-collapse: collapse;
	border: 1px solid transparent;
	text-align: center
}

.table-yellow.table-tab thead tr a {
	color: rgba(0, 0, 0, 0.8);
	font-size: 9px;
	display: block
}

.table-yellow.table-tab thead th.active {
	background: var(--bagroundColor);
	border: 1px solid #ffffff
}

.table-yellow.table-tab.border-white thead th,
.table-yellow.border-white thead th {
	border: 1px solid #ffffff
}

.table-yellow.table-tab thead th.active a {
	color: #ffffff;
	font-size: 10px
}

.model-home {
	height: 1000px;
	background-size: 100% auto;
	margin-top: -200px;
	margin-bottom: -200px;
	position: relative
}

.turnover .table-yellow thead th {
	border: 2px solid #095f4a
}

.turnover .table-yellow tbody tr {
	background: #0c926c
}

.turnover .table-yellow tbody tr:nth-child(even) {
	background: #095f4a
}

.turnover .table-yellow tbody td {
	color: #ffffff;
	font-size: 9px;
	text-align: center;
	padding: 7px 0
}

.withdrawal .table-yellow tbody td {
	padding: 7px 0
}

.btn-primary {
	font-size: 13px
}

.btn-primary,
.btn-primary:hover {
	color: #fff;
	border-color: #ffffff;
	background-color: var(--bagroundColor);
	box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08)
}

.text-yellow {
	color: #f9e815 !important
}

.our-media img {
	width: 40px
}

.text-lighter {
	font-size: 12px;
	font-weight: lighter
}

.btn-yellow {
	background-image: linear-gradient(#f5e315, #f3cf22);
	color: #000000 !important;
	border-radius: 5px !important;
	font-size: 13px !important
}

.text-primary-light {
	color: var(--primaryLightColor)
}

* {
	color: #ffffff;
	font-family: 'Roboto', sans-serif
}

.description {
	font-size: 16px;
	font-weight: lighter
}

.description-sm {
	font-size: 16px;
	font-weight: lighter
}

.dropdown-toggle option {
	color: #000
}

.text-light div,
.text-light span,
.text-light a {
	color: #48c591 !important
}

.text-sm {
	font-size: 11px !important
}

.text-xs {
	font-size: 6px !important
}

.text-md {
	font-size: 12px !important
}

.la-2x {
	font-size: 1.5em
}

.w-33 {
	width: 40%
}

.w-66 {
	width: 60%
}

a,
a:hover {
	color: #ffffff
}

.ml-header {
	background: var(--bagroundDarkColor)
}

.ml-footer {
	border-top: 2px solid #057b59;
	background: #036649
}

.nav-bar img {
	height: 25px
}

#container {
	min-height: 100vh;
	background: #095f4a;
	margin: 0 auto
}

.logo img {
	height: 35px
}

.border-wrapper {
	border: 0.05rem solid #f5e277;
	border-radius: 3px;
	overflow: hidden;
	color: #fff
}
a.p-cup .border-wrapper{
	background: #003128;
}
.border-wrapper.service-item {
	border: 0.05rem solid #ffffff;
	padding: 50px 50px;
	border-radius: 10px
}

.ml-header .border-wrapper {
	border: 0.05rem solid #ffffff;
}


.btn-group-toggle {
	position: relative;
	width: 200px;
	border: 0.05rem solid #ffffff;
	border-radius: 5px;
	height: 27px;
	line-height: 1.8;
	font-weight: bold
}

.btn-group-toggle a,
.btn-group-toggle button {
	position: absolute;
	width: 50%;
	left: 0;
	text-align: center;
	bottom: 0;
	top: 0;
	font-size: 11px
}

.btn-group-toggle a.btn-login,
.btn-group-toggle button.btn-login {
	left: -0.05rem;
	top: -0.05rem;
	bottom: -0.05rem
}

.btn-group-toggle a.active,
.btn-group-toggle button.active {
	background-image: linear-gradient(#f5e315, #f3cf22);
	color: #037b59;
	border-radius: 5px
}

.btn-group-toggle a.right.active,
.btn-group-toggle button.right.active {
	right: -0.05rem;
	top: -0.05rem;
	bottom: -0.05rem;
	left: unset
}

.btn-group-toggle.size-lg {
	width: 260px;
	border: 0.15em solid #ffffff;
	border-radius: 5px;
	height: 35px
}

.btn-group-toggle.size-lg a,
.btn-group-toggle.size-lg button {
	font-size: 14px;
	left: unset
}

.btn-group-toggle.size-lg a.active,
.btn-group-toggle.size-lg button.active {
	color: #000000;
	line-height: 2;
	top: -0.15rem !important
}

.btn-group-toggle.size-lg a.left,
.btn-group-toggle.size-lg button.left {
	left: -0.15rem;
	top: 0;
	bottom: -0.15rem;
	right: unset
}

.btn-group-toggle.size-lg a.right,
.btn-group-toggle.size-lg button.right {
	right: -0.15rem;
	top: 0;
	bottom: -0.15rem;
	white-space: nowrap;
	left: unset
}

.bg-footer {
	background: url("../images/bg-footer.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	position: relative
}

.rightCSS {
	overflow: hidden
}

.rightCSS div {
	position: relative;
	animation: CSSright linear 18s infinite;
	white-space: nowrap
}

@keyframes CSSright {
	0% {
		right: -100%
	}

	100% {
		right: 100%
	}
}

.rightCSS:hover div {
	animation-play-state: paused
}

img {
	max-width: 100%
}

.li {
	float: left;
	width: 96%;
	margin: 3px 0;
	height: 20px
}

.ml-footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 99
}

.main-icon-list {
	background: url("../images/cny_new26/bg_icon.png") no-repeat;
	background-size: 100% 100%;
	border-radius: 10px
}
.p-cup{position: relative;}
.chrisma-tt{
	background: url("../images/cny_new26/lattern.png") no-repeat;
	height: 512px;
	width: 512px;
	background-size: 20%;
    position: absolute;
    top: -20px;
    right: -446px;
}
a.p-cup .justify-content-start{
	background: #003128;
}
.main-icon-list img {
	height: 100px
}

.main-icon-list a div {
	font-size: 13px
}

.main-icon-list-1 {
	background: #003128;
	min-height: 900px
}

.main-icon img {
	height: 150px
}

.border-line {
	height: 100px;
	margin-bottom: 50px
}

.border-line .border-icon {
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center
}

.border-line .border-icon img {
	height: 150px
}

.border-line .border-image {
	top: -100px
}

.footer-item img {
	width: 60px
}

.footer-item span {
	font-size: 12px
}

.footer-item span.active {
	color: #0ec65d !important
}

.game-item img {
	height: 170px;
	display: block;
	margin: 10px auto;
	cursor: pointer
}

.game-item img.f-log {
	border-radius: 100%
}

.game-item {
	margin-bottom: 50px
}

.game-item .label-white {
	border: 1px solid #ffffff;
	display: inline-block;
	border-radius: 20px;
	padding: 2px 20px;
	text-transform: capitalize
}

.game-item.big-img img {
	height: 350px;
	display: block;
	margin: 10px auto
}

.game-item.big-img-1 img {
	height: 300px;
	display: block;
	margin: 10px auto
}

.bg-sport-men {
	background: url("../images/w8bet bg.png");
	background-size: 100% auto
}

.stadium {
	height: 160px
}

.stadium img {
	object-fit: cover;
	height: 100%;
	width: 100%
}

.backdrop {
	position: absolute;
	width: 100%;
	height: 160px;
	box-shadow: 0 9px 10px -2px #009e4d
}

.pre-footer {
	position: relative;
	background-size: 100% auto;
	min-height: 107px
}

.pre-footer:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.9
}

.bg-black {
	background: url("../images/W8 sponsor bh.png") no-repeat #002316;
	background-size: 100% auto
}

.service-item img {
	width: 60%
}

.video {
	border-radius: 10px;
	border: 2px solid var(--bagroundDarkColor);
	height: 235px;
	width: 100%;
	overflow: hidden;
	position: relative
}

.video:after {
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	background: rgba(0, 0, 0, 0.2);
	left: 0;
	top: 0
}

.video img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.video i {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	font-size: 40px
}

.border-radius-20 {
	border-radius: 10px
}

.video-list {
	padding-right: 15px !important
}

.video-list img {
	width: 120px
}

.video-list h3 {
	font-weight: normal !important;
	font-size: 22px !important
}

.video-list .text-xs {
	font-size: 16px !important;
	font-weight: lighter
}

.service-list img {
	height: 130px;
	width: auto;
	margin-bottom: 15px;
	margin-top: 10px
}

.service-list h4 {
	height: 40px;
	font-weight: 500 !important;
	white-space: nowrap
}

h4 {
	font-weight: 500 !important
}

.social-media {
	width: 35px;
	height: 35px;
	padding: 4px
}

.footer-item span {
	color: var(--primaryDarkColor);
	font-size: 10px
}

.text-primary {
	color: #f4bd55 !important
}

.social-media-color a {
	padding-right: 2px
}

.small-icon {
	margin-top: 10px
}

.small-icon img {
	height: 50px;
	padding: 0 2px
}

.contact-us {
	border-radius: 20px;
	background: url("../images/contact-us/bg.png");
	background-size: 100% auto;
	min-height: 300px;
	position: relative
}

.licensed>div {
	border: 2px solid #ffffff;
	margin: 2px
}

.login {
	width: 100%;
	height: 1400px;
	background: url("../images/login/Background.png") no-repeat;
	background-size: 100% auto
}

.register {
	width: 100%;
	height: 100vh;
	background: url("../images/bg-register.png") no-repeat;
	background-size: auto 100%
}

.form-control {
	border: none;
	border-radius: 7px;
	font-size: 15px
}

.form-group.suffix,
.form-group.prefix {
	position: relative
}

.form-group.suffix span {
	position: absolute;
	right: 0;
	bottom: 0;
	color: gray;
	font-size: 20px;
	text-align: center;
	line-height: 40px;
	cursor: pointer
}

.prefix .form-control {
	padding-left: 70px
}

.prefix span {
	position: absolute;
	left: 20px;
	bottom: 0;
	color: gray;
	text-align: center;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	width: 60px;
	border-right: 1px solid #057a58;
	display: block;
	color: #057a58
}

label {
	margin-bottom: 0
}

.form-control {
	height: 40px
}

.my-checkbox {
	display: block;
	position: relative;
	padding-left: 40px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 15px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.my-checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0
}

.check-mark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #ffffff;
	border-radius: 4px
}

.my-checkbox.circle {
	padding-left: 25px
}

.circle .check-mark {
	border-radius: 20px
}

.my-checkbox:hover input~.check-mark {
	background-color: #ffffff
}

.my-checkbox input:checked~.check-mark {
	background-color: #0c926d
}

.check-mark:after {
	content: "";
	position: absolute;
	display: none
}

.my-checkbox input:checked~.check-mark:after {
	display: block
}

.my-checkbox .check-mark::after {
	left: 7px;
	top: 2px;
	width: 7px;
	height: 15px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.check-bok input[type=checkbox] {
	display: none
}

.check-bok input[type=checkbox]+label {
	background: #ffffff;
	height: 13px;
	width: 13px;
	display: inline-block;
	padding: 0 0 0 0;
	border-radius: 10px
}

.check-bok input[type=checkbox]:checked+label {
	background: url("../images/checked.png") no-repeat;
	background-size: 100% auto;
	height: 13px;
	width: 13px;
	display: inline-block;
	padding: 0 0 0 0
}

.checkbox-list .col-6 {
	margin-bottom: 10px
}

input[type="checkbox"] {
	border: 1px solid #ffffff;
	outline: none
}

input[type=checkbox]:checked {
	background: #057a58;
	outline: none;
	border: 1px solid #057a58
}

input:focus,
input:active {
	outline: none
}

input:hover {
	border: 1px solid rgba(50, 125, 255, 1)
}

#promotion .modal-dialog {
	margin: 0;
	height: 100vh;
	background: #0f583c
}

#promotion .modal-content {
	border-radius: 0;
	box-shadow: none;
	background: transparent
}

.box-provider {
	border: 1px solid #ffffff;
	background-image: linear-gradient(#0f9b4c, #106049);
	height: 80px;
	text-align: center;
	margin: 1px
}

.box-provider img {
	margin: 0 auto
}

.px-5 {
	padding-left: 30px !important;
	padding-right: 30px !important
}

.game-list {
	position: relative;
	margin-top: 50px
}

.game-list .game-logo {
	position: absolute;
	width: 100%;
	height: 60px;
	top: -50px;
	text-align: center
}

.game-list .game-logo img {
	height: 80px
}

.game-list .box-1 {
	border-radius: 5px 5px 0 0;
	border: 2px solid #ffffff;
	padding: 5px 4px 0 4px;
	border-bottom: 0
}

.game-list .box-2 {
	border-radius: 3px 3px 0 0;
	border: 1px solid #000000;
	text-align: center;
	padding-top: 10px;
	border-bottom: 0;
	min-height: 300px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
	background: rgb(9, 94, 64);
	background: linear-gradient(90deg, rgba(9, 94, 64, 1) 0%, rgba(28, 136, 107, 0.9) 48%, rgba(28, 136, 107, 0.9) 50%, rgba(28, 136, 107, 0.9) 52%, rgba(9, 94, 64, 1) 100%)
}

.game-list .box-2 img {
	height: 60px;
	display: block;
	margin: 0 auto
}

.slot.game-list .label-white {
	padding-right: 5px;
	padding-left: 5px
}

.game-list .box-2 .col-4,
.game-list .box-2 .col-6 {
	margin-bottom: 30px
}

.game-list .label-white {
	border: 2px solid #ffffff;
	border-radius: 10px;
	display: inline-block;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 11px
}

.fishing.game-list .label-white {
	padding-left: 5px;
	padding-right: 5px;
	min-width: 100px
}

.game-list .box-2 .col-6 img {
	height: 120px
}

.card-live {
	padding: 30px
}

.live-game .col-4,
.live-game .col-6 {
	margin-bottom: 0 !important
}

.card-live .bg-gradient {
	padding: 1px;
	/*	box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.4);*/
	border-radius: 15px;
	/*	background-image: linear-gradient(#21a480, rgba(28, 136, 107, 0))*/
}

.card-live .bg-inline {
	/*	background-image: linear-gradient(rgba(9, 94, 64, 1), rgba(28, 136, 107, 1));*/
	height: 280px;
	border-radius: 15px;
	position: relative
}

.card-live .card-live-img {
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
	cursor: pointer
}

.card-live .label-white {
	width: 207px;
	padding: 7px 30px;
	border: 2px solid #fff;
	border-radius: 20px;
	font-size: 17px;
	margin: 0 auto;
	text-align: center
}

.card-live .card-live-icon {
	position: absolute;
	top: 20px;
	right: 20px
}

.card-live .card-live-icon img {
	width: auto;
	height: 50px !important
}

.col-4 .card-live {
	padding-top: 10px
}

.col-4 .card-live .bg-inline {
	height: 220px
}

.col-4 .card-live .card-live-img {
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
	cursor: pointer
}

.card-live-1 {
	padding: 30px
}

.live-game .col-4,
.live-game .col-6 {
	margin-bottom: 0 !important
}

.card-live-1 .bg-gradient {
	padding: 1px;
	box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.4);
	border-radius: 15px;
	background-image: linear-gradient(#21a480, rgba(28, 136, 107, 0))
}

.card-live-1 .bg-inline {
	background-image: linear-gradient(rgba(9, 94, 64, 1), rgba(28, 136, 107, 1));
	border-radius: 15px;
	position: relative
}

.card-live-1 .label-white {
	padding: 5px 20px;
	border: 1px solid #ffffff;
	border-radius: 20px;
	display: block;
	min-width: 150px;
	width: 170px;
	left: 30%;
	margin-top: 10px !important;
	position: absolute
}

.px-bottom {
	margin-bottom: 40px
}

.card-live-1 img {
	height: 340px;
	padding-top: 5px
}

.live-game .box-2 .col-6 img {
	height: 100px
}

.live-game .box-2 .col-4 img {
	height: 65px
}

.live-game .col-4 .card-live .bg-inline {
	height: 60px
}

.col-4 .card-live .card-live-icon {
	top: 10px;
	right: 10px
}

.col-4 .card-live .card-live-icon img {
	width: auto;
	height: 25px !important
}

.col-4 .card-live .bg-gradient {
	border-radius: 10px
}

.col-4 .card-live .bg-inline {
	border-radius: 10px
}

.promotion-item {
	margin-top: 5px;
	position: relative
}

.promotion-item .desc {
	position: absolute;
	top: 20px;
	right: 30px
}

.promotion-item .desc div {
	font-size: 8px !important
}

.promotion-item .btn-sm {
	font-size: 8px;
	padding: 0 5px;
	border-radius: 3px
}

.promotion-item img {
	width: 100%;
	height: auto !important
}

@media only screen and (max-width:1080px) {}

.text-sm a,
.btn-group-toggle a,
.border-left .row .col a {
	color: #ffffff
}

p.text-md {
	line-height: 24px;
	color: #fff
}

.text-md {
	font-size: 14px
}

.label {
	background: #0b764a;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 5px;
	padding: 4px 10px;
	display: inline-block;
	height: 34px;
	line-height: 25px;
	min-width: 100px;
	text-align: center
}

#show-date {
	min-width: 220px
}

p.text-md {
	line-height: 24px;
	color: #fff
}

.navbar-nav .nav-item {
	margin-left: 7px
}

.navbar-nav .nav-item a {
	color: #fff;
	padding: 0 13px;
	font-size: 14px;
	display: flex;
	position: relative
}

.navbar-nav .nav-item span.nav-link-inner--text {
	padding-left: 4px
}

.navbar-nav .nav-item span {
	color: #fff;
	font-size: 13px;
	padding-left: 10px;
	white-space: nowrap
}

.top-menu .navbar-nav .nav-item:not(:first-child) {
	border-left: 1px solid #0b764a
}

ul.navbar-nav {
	flex-direction: row
}

.pl-1 {
	text-transform: capitalize
}

.err_div {
	width: 100% !important;
	text-align: center !important
}

.active-men .btn-green,
a.memb:hover .btn-green {
	background: #fbd603
}

.active-men .btn-green div,
a.memb:hover .btn-green div {
	color: #000000 !important
}

.wd-ra {
	text-align: center
}

.dropdown select {
	padding: 6px 12px;
	color: #000;
	text-transform: capitalize;
	background: #ffffff;
	font-weight: 700;
	border-radius: 5px;
	cursor: pointer
}

.dropdown select option {
	color: #666
}

.table-tab thead tr th a {
	color: #fff
}

.card-live .label-white:hover,
.card-live-1 .label-white:hover,
.game-item .label-white:hover {
	background: #fdd926;
	color: #000
}

.slots-banner {
	height: 450px;
	background: url(../images/slots/banner.png) no-repeat top;
	position: relative
}

.slots-banner .container {
	position: relative;
	margin: 0 auto
}

.slots-banner:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/slots/banner2.png) no-repeat top;
	background-size: 2000px 449px;
	pointer-events: none
}

.slots-banner .container .suspend#suspend_1 {
	height: 2.63rem;
	left: -28px;
	bottom: -215px
}

.slots-banner .container .suspend {
	position: absolute
}

.slots-banner .container .suspend#suspend_2 {
	height: 1.2rem;
	left: 435px;
	top: 101px
}

.slots-banner .container .suspend#suspend_3 {
	height: 1.08rem;
	left: 630px;
	top: 38px
}

.slots-banner .container .suspend#suspend_4 {
	height: 1.39rem;
	right: 56px;
	top: 307px
}

.slots-banner .bottom-item {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(50%) translateX(-585px) translateZ(0);
	transform: translateX(50%) translateX(-288px) translateZ(0);
	top: 298px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	z-index: 1
}

.slots-banner .bottom-item .center-w {
	width: 250px;
	height: 183px
}

.slots-banner .bottom-item .slider {
	width: 85%;
	height: 100%;
	margin: 0 auto
}

.slots-banner .bottom-item .center-w .slider-container>div>div {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	position: relative
}

.slots-banner .bottom-item .center-w .slider-container>div>div>span:first-child {
	white-space: nowrap;
	font-size: 16px;
	color: #a1aabc;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: -11px
}

.slots-banner .bottom-item .center-w .slider-container>div>div>img {
	width: 252px;
	height: 68px;
	top: 30px;
	position: absolute
}

.game-content li.force-hover:hover {
	-webkit-transform: translateY(-0.11rem);
	transform: translateY(-0.11rem);
	box-shadow: 0 0.1rem 0.04rem #121111
}

.game-content li.force-hover:hover .img-box .hover-box {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}

.slots-games .slots-games-items {
	display: -webkit-flex;
	display: flex;
	padding-top: 24px
}

.slots-games .slots-games-items .brand-list {
	width: 250px;
	height: 100%;
	min-height: 11.21rem;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	background: #002317
}

.game-content li>p span {
	white-space: nowrap;
	color: #fff
}

.slots-games .slots-games-items .brand-list li {
	height: 60px;
	padding-left: 36px;
	border-bottom: 0.01rem solid rgba(77, 79, 85, .4)
}

.slots-games .slots-games-items .brand-list li a {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	font-size: 16px;
	padding-top: 19px;
	color: rgba(162, 170, 189, .5);
	transition: color .3s;
	cursor: pointer
}

.slots-games .slots-games-items .brand-list li:last-child {
	border-bottom: none
}

.slots-games .slots-games-items .brand-list li .icon-box {
	width: 50px;
	position: relative
}

.slots-games .slots-games-items .slots-games-right {
	width: 979px;
	margin-left: 45px;
	position: relative
}

.game-content {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%
}

.slots-games .slots-games-items .slots-games-right .type-game-list-box .game-content li {
	width: 180px;
	height: 159px;
	margin-bottom: 25px
}

.game-content li {
	margin-right: 13px
}

.game-content li {
	overflow: hidden;
	border-radius: 10px;
	background: #002317;
	margin-bottom: 33px;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s
}

.slots-games .slots-games-items .slots-games-right .type-game-list-box .game-content li .img-box {
	width: 100%
}

.game-content li .img-box {
	width: 180px;
	height: 117px;
	position: relative;
	display: block !important;
	overflow: hidden
}

.icon-game-1,
.icon-game-common {
	display: inline-block;
	width: 180px;
	height: 117px;
	background-size: 100% 100%
}

.slots-games .slots-games-items .slots-games-right .type-game-list-box .game-content li>p {
	height: 41px;
	font-size: 16px
}

.game-content li>p {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	padding-left: 19px;
	padding-right: 12px;
	font-size: 14px;
	color: #a2aabd;
	height: 41px;
	padding-bottom: 0.06rem;
	transition: color .3s;
	position: relative
}

.game-content li .img-box .hover-box,
.game-content li .img-box .hover-box>span {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center
}

.game-content li .img-box .hover-box {
	transition: opacity .3s, -webkit-transform .3s;
	transition: transform .3s, opacity .3s;
	transition: transform .3s, opacity .3s, -webkit-transform .3s;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(31, 6, 7, .79);
	-webkit-flex-direction: column;
	flex-direction: column
}

img.slot-img {
	width: 100%;
	height: 100%
}

.slots-games .slots-games-items .slots-games-right .type-game-list-box .game-content li .img-box .hover-box>span {
	width: 150px;
	height: 30px;
	font-size: 14px;
	text-transform: uppercase
}

.game-content li .img-box .hover-box>span:first-child {
	background: #fdd926;
	color: #000;
	white-space: nowrap
}

.game-content li .img-box .hover-box>span {
	background: #929292;
	color: #414141;
	border-radius: 5px;
	cursor: pointer;
	font-family: nunito-bold;
	margin: 3px 8px
}

.game-content li .img-box .hover-box,
.game-content li .img-box .hover-box>span {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center
}

.brand-list li a span {
	color: #fff
}

.brand-list li:hover a span,
.brand-list li.on a span {
	color: #f9e815
}

body[data-pages='faq'] .bg-star .container {
	background: #003128;
	padding: 30px
}

body[data-pages='faq'] .bg-star .container p,
body[data-pages='faq'] .bg-star .container p span {
	color: #fff
}

body[data-pages='faq'] .bg-star .container ol li,
body[data-pages='faq'] .bg-star .container ul li {
	color: #fff;
	list-style-type: decimal;
	margin-left: 30px
}

body[data-pages='faq'] .bg-star .container ol li span,
body[data-pages='faq'] .bg-star .container ul li span {
	color: #fff
}

.border-con {
	margin-top: -76px
}

.main-game-list .outer-box {
	border-radius: 5px 5px 0 0;
	border: 2px solid #ffffff;
	padding: 5px 4px 0 4px;
	border-bottom: 0
}

.inner-box {
	padding-bottom: 0;
	position: relative
}

.option-switcher {
	padding-top: 20px
}

.option-switcher {
	display: flex;
	flex-wrap: wrap;
	border-bottom: 0
}

.option-switcher .option-switcher-tab.active {
	background-color: var(--backgroundColor);
	border-color: #ffffff
}

.option-switcher .option-switcher-tab {
	width: 20%;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #1bb084;
	background-color: #ffed15;
	cursor: pointer;
	padding: 0.2rem
}

.option-switcher .option-switcher-tab span {
	color: rgba(0, 0, 0, 0.8);
	font-size: 14px;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.option-switcher .option-switcher-tab.active span {
	color: #fff
}

.promo-popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	justify-content: center;
	align-items: center;
	z-index: 1000;
	width: 100%;
	height: 100%;
	overflow: auto;
	outline: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, .204919))
}

.promo-popup .popup-overlay {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .5);
	z-index: 0;
	overflow: hidden
}

.promo-popup .popup {
	justify-content: center;
	flex-direction: column;
	margin: auto;
	padding: 0 !important;
	border-radius: .06rem;
	max-width: 95%;
	max-height: 90%;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	transform: translate(-50%, -50%)
}

.promo-popup .popup,
.popup-header,
.popup-footer {
	display: flex;
	align-items: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	width: 60%
}

.popup-header {
	background-color: var(--custom-blue);
	padding: .1rem .15rem;
	border-top-left-radius: .5rem;
	border-top-right-radius: .5rem;
	background-color: #0f583c
}

.popup-header .popup-header-left {
	width: 90%
}

.popup-header .popup-header-right {
	width: 10%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	padding: .5rem
}

.popup-header-right a i {
	color: #fff;
	font-size: 1.25rem
}

.popup-header .popup-title {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #fff;
	font-size: 1.3rem;
	padding: .5rem;
	text-align: center
}

.popup-header .popup-btn {
	width: 100%;
	padding: .5rem;
	display: block;
	text-align: center;
	color: #fff
}

.promo-popup .popup .popup-body {
	overflow-y: scroll;
	min-height: .75rem;
	background-color: #0e2312;
	width: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-top-right-radius: 0.75rem;
	border-top-left-radius: 0.75rem
}

.promo-popup .popup .popup-body-content {
	padding: 1rem
}

.promo-popup .btn-promo-apply {
	background-color: var(--custom-blue);
	padding: 0.5rem 1.5rem
}

.promo-popup hr {
	background-color: var(--light-gray)
}

.promo-popup .popup .popup-body table {
	border-collapse: collapse;
	width: 100%
}

.promo-popup .popup .popup-body table tr td {
	vertical-align: middle;
	padding: 5px
}

.promo-popup .popup .popup-body table tr td span {
	color: #fff
}

.promotion-container-wrapper {
	position: relative
}

.promotion-right-wrapper {
	position: absolute;
	right: 0;
	height: 100%
}

.promotion-btn-group-wrapper {
	display: flex;
	align-items: center;
	height: 100%;
	flex-direction: column;
	padding: .25rem;
	position: relative
}

.promotion-btn-group-wrapper .btn-promo-apply span,
.promotion-btn-group-wrapper .btn-promo-more span {
	font-size: 8px;
	padding: 0 5px;
	border-radius: 3px;
	background-image: linear-gradient(#f5e315, #f3cf22);
	color: #000000;
	white-space: nowrap
}

.promotion-btn-group-title,
.promotion-btn-group-subtitle {
	width: 100%;
	overflow: hidden;
	font-size: 8px;
	color: #ffed15;
	text-overflow: ellipsis
}

.promotion-btn-group-subtitle {
	color: #fff
}

.btn-promo-more:hover,
.btn-promo-apply:hover {
	text-decoration: none;
	color: #000000
}

.promotion-btn-group {
	display: flex;
	justify-content: space-evenly;
	width: 100%;
	position: absolute;
	bottom: 10%
}

.promotion-btn-group a {
	display: flex;
	padding: 1rem 0.25rem .5rem;
	width: 50%;
	align-items: center;
	justify-content: center;
	opacity: 0
}

.promo-list .promotion-container {
	padding-bottom: 1rem
}

.promo-list div.promotion-container-last {
	padding-bottom: 0
}

.popup-body-top-wrapper {
	position: relative
}

.popup-body-top-wrapper .popup-body-top-image {
	position: relative
}

.popup-body-top-image .popup-body-left-close-element {
	position: absolute;
	top: 0;
	left: 0;
	width: 60%;
	height: 100%;
	opacity: 0
}

.popup-body-right-close-wrapper {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 40%;
	height: 35%;
	display: flex;
	justify-content: space-evenly;
	align-items: flex-end
}

.popup-body-right-close-wrapper a {
	width: 50%
}

.popup-body-right-close-wrapper .popup-body-right-close-btn-left {
	width: 50%;
	position: absolute;
	left: -5px;
	bottom: 5%;
	padding: 0.5rem 0;
	height: 100%
}

.popup-body-right-close-wrapper .popup-body-right-close-btn-right {
	width: 50%;
	position: absolute;
	right: 0;
	bottom: 5%;
	padding: 0.5rem 0;
	height: 100%
}

.popup-body-top-wrapper .popup-body-btn-close {
	position: absolute;
	top: .5rem;
	right: 8px;
	background: #fff;
	border-radius: 50px
}

.popup-body-top-wrapper .popup-body-btn-close a {
	padding: .5rem
}

.popup-body-top-wrapper .popup-body-btn-close a i {
	font-size: 1.2rem
}

.placed-promo {
	padding: 20px
}

.placed-promo p {
	color: #fff;
	line-height: 25px
}

.placed-promo ol {
	margin-left: 20px
}

.placed-promo ol li {
	margin-left: 30px;
	list-style-type: decimal
}

#bankModal .modal-content, #bankModal_usdt .modal-content {
	background-color: #057a58
}

#bankModal .btn-close-bind-bank {
	position: absolute;
	right: 0;
	top: 0;
	padding: 4px 10px 5px 15px;
	background: none !important
}

#bankModal .btn-bind-bank-submit {
	background-image: linear-gradient(#f5e315, #f3cf22);
	color: #000000;
	border-color: transparent;
	border-radius: 5px;
	text-transform: uppercase
}

#bankaccount_1 option {
	color: #666
}

.requried {
	color: red
}

#currency {
	height: 40px
}

.home-popup-icon {
	position: fixed;
	bottom: 20px;
	right: 10px;
	z-index: 3
}

.btn-close-home-popup-icon {
	position: absolute;
	right: -10px;
	top: -15px
}

.home-popup-icon img {
	width: 75px;
	height: 75px
}

.btn-close-home-popup-icon img {
	width: 35px;
	height: 35px
}

.promobanner .swiper .swiper-pagination-bullet {
	background-color: #fff;
	opacity: 1;
	width: 8px;
	height: 8px;
	vertical-align: middle
}

.promobanner .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: transparent;
	border: 2px solid #fff;
	width: 12px;
	height: 12px
}

.ml-header .container .justify-content-between form div .px-1:nth-child(3) {
	width: 90px !important
}

.main-icon-list-1 .px-5 ol li {
	margin-top: 0;
	margin-bottom: 1rem;
	list-style-type: decimal;
	line-height: 200%
}

.main-icon-list-1 .px-5 p {
	color: #fff
}

.main-icon-list-1 .px-5 ol[style="list-style-type: lower-alpha;"] li {
	list-style-type: lower-alpha
}

.main-icon-list-1 .px-5 ol li span,
.main-icon-list-1 .px-5 p span,
.main-icon-list-1 .px-5 p span a {
	color: #fff
}

.bd-saca {
	background: url(../images/cny_new26/main_bg.png) no-repeat;
	background-size: 100% 125%;
}
.shoes-root-cny{
	background: url(../images/cny_new26/rooft.png) no-repeat;
	width: 1007px;
    background-size: 100% 100%;
    height: 183px;
    position: absolute;
    top: -86px;
    left: 70px;
    z-index: 1;
}
.bg-chrisam{
	background: url(../images/cny_new26/frame.png) center no-repeat;
	background-size: 117% 107%;
}
.bg-chrisam .border-wrapper.service-item{
	border: none;
}
.main-icon{
	z-index: 1;
}

.promobanner .swiper-slide img {
	width: 100%;
}

/* 2248 */

.model-home .dac {
	width: 1050px !important;
	right: 0px !important;
	bottom: 155px !important;
}
.btn-group-menu-group{
	background: #0c926d;
    border-radius: 20px;
    width: 324px;
}
.btn-group-menu-group .m-box{
	width: 100px;
    height: 85px;
    border-radius: 5px;
    display: inline-block;
    position: relative;
        text-align: center;
}
.btn-group-menu-group .m-box a .icons_deposit{
	    background: url(../images/depo_icon.png) no-repeat;
    width: 30px;
    position: absolute;
    height: 30px;
    text-align: center;
	left: 35px;
    top: 15px;
}
.btn-group-menu-group .m-box a .icons_khqcode{
	background: url(../images/khqr/khrq.png) no-repeat;
width: 30px;
position: absolute;
height: 30px;
text-align: center;
left: 35px;
top: 15px;
}
.btn-group-menu-group .m-box a .icons_usdt, .icons_usdt_sub{
	    background: url(../images/usdt_icon.png) no-repeat;
    width: 30px;
    position: absolute;
    height: 30px;
    text-align: center;
	left: 35px;
    top: 15px;
}

.d_title {
    color: #fff !important;
    line-height: 120px;
        font-size: 13px;
}
.m-deposit::after{
	content: "";
    width: 1px;
    height: 55%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    display: block;
}
.m-active{    
	background: #226754;
    border-radius: 9px;
    padding: 5px 10px; 
}
/*new bank select*/
 /* Style the custom dropdown */
.dropdown {
    position: relative;
    display: inline-block;
    width: 350px;
}

.dropdown-button {
    padding: 10px;
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    cursor: pointer;
    border-radius: 7px;
    height: 40px;
    line-height: 20px;
    color: #000;
    background: #f1f1f1 url(../images/dropdown-white.png) top right no-repeat;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 311px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 1;
    color: #000;
    border: 1px solid #ccc;
    border-radius: 7px;
}

.dropdown-content label {
    padding: 8px;
    display: block;
    color: #000;
    text-indent: 38px;
    position: relative;
}
.icons_usdt_sub{
	left: 9px;
    top: 6px;
}
.dropdown-content input {
    margin-right: 8px;

}

.dropdown:hover .dropdown-content {
    display: block;
}
.dropdown-content label input[type="radio"] {
    visibility: hidden;
    z-index: 999;
}
.dropdown-content label input[type="radio"]:checked + label {
    background-color: #66bb6a;
    border-color: #fff;
}
.dropdown-content label input[type="radio"]:checked + label:after {
    opacity: 1;
}
.dropdown-content label label {
    background-color: #e7e9f2;
    border: 2px solid #a5a5a5;
    border-radius: 50%;
    cursor: pointer;
    height: 24px;
    right: 10px;
    position: absolute;
    top: 10px;
    width: 24px;
    max-width: unset;
    z-index: -1;
}
.dropdown-content label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 5px;
    opacity: 0;
    position: absolute;
    top: 5px;
    transform: rotate(-45deg);
    width: 10px;
}
p.currency-usd{
	position: absolute;
	right: 8px;
    top: 6px;
    color: #555;
    font-weight: bold;
}
#bankModal_usdt .modal-dialog{max-width: 550px;}
#bankModal_usdt .modal-dialog .modal-content{text-align: center;}
#bankModal_usdt .modal-dialog .modal-content .modal-body form .mb-3 h3{color: #fff; font-size: 25px}
.usdt-btn {text-align: center;}
.usdt-btn .btn-bind-bank-usdt{
	width: 100%;
    background-image: linear-gradient(#f5e315, #f3cf22);
    font-size: 13px !important;
    color: #000;
}
.usdt-amount{
	border-radius: 5px; 
	border: 1px solid #fff;
	 width: 180px; 
	 text-align: center;
	 margin: 0 auto; 
}
#convertion{ color: #f4d61e;font-size: 26px;font-weight: bold;}
.usdt-amount span{font-size: 16px; color: #fff; font-weight: 500}
.ico_copy{
	position: absolute;
    right: 8px;
    top: 8px;
    cursor: pointer;
}
ul.channel-ustd, ul.channel-ustd-fixed { width: 345px;display: flex;}
.channel-ustd li {display: inline-block;background: #004a35; border-radius: 10px; padding: 10px 14px;height: 46px; white-space: nowrap;cursor: pointer;}
.channel-ustd li:last-child{margin-left: 12px}
.channel-ustd li.with-active{background: #047a58;border: 1px solid #f4d61e;}
.add_ustd{
	position: absolute;
    right: -45px;
    top: 3px;
    cursor: pointer;
}
p.text-ustd{color: #fff; font-size: 14px; }
p.text-ustd span{color: #f5e315}
p.text-ustd-with{color: #fff; font-size: 14px;white-space: nowrap;}
p.text-ustd-with span{color: #f5e315}
ul.channel-ustd-fixed li{
	display: inline-block;
	border: 1px solid #000;
	color: #000; 
	border-radius: 10px; 
	font-weight: bold;
	cursor: pointer;
	padding: 10px 14px;height: 46px; white-space: nowrap;}
.channel-ustd-fixed li:last-child{margin-left: 12px}
.channel-ustd-fixed li.with-active{background: #047a58;border: none;color: #fff; }
.w-ustd-wh{width: 93%}
#bankDepositModal .modal-dialog{
    width: 90%;
    margin: auto;
}
#bankDepositModal .bank-item {
    cursor: pointer;
    transition: background-color 0.2s;
}
#bankDepositModal .bank-item:hover {
    background-color: #f8f9fa;
}
.bank-name,
.bank-name-display {
    color: #373636;
    font-weight: 600;
}
#bankDepositModal h5.modal-title {
    color: #949090;
    font-size: 16px;
    font-weight: 600;
}
#bankDepositModal .form-check-input {
    margin-right: 0;
    position: static;
}
#bankDepositModal .form-check-input:checked {
    background-color: #007bff;
    border-color: #007bff;
}
#bankDepositModal input[type="radio"] {
    appearance: none;
    outline: transparent;
    margin: 0;
    font: inherit;
    width: 1.2em;
    height: 1.2em;
    border-radius: 100%;
    border: 2px solid #949090;
    display: grid;
    place-content: center;
    transition: 100ms box-shadow ease-in-out, 100ms outline ease-in-out;
}
#bankDepositModal input[type="radio"]::before {
    content: "";
    width: 0.5em;
    height: 0.5em;
    border-radius: 100%;
    transition: 140ms box-shadow ease-in-out, 100ms background-color ease-in-out;
    background-color: #949090;
    outline: 0.1px solid rgba(0, 0, 0, 0.01);
    outline-offset: -0.5px;
}
#bankDepositModal input[type="radio"]:checked {
    appearance: none;
    outline: transparent;
    margin: 0;
    font: inherit;
    width: 1.2em;
    height: 1.2em;
    border-radius: 100%;
    background-color: transparent;
    border: 2px solid #047A58;
    display: grid;
    place-content: center;
    transition: 100ms box-shadow ease-in-out, 100ms outline ease-in-out;
}
#bankDepositModal input[type="radio"]:checked::before {
    content: "";
    width: 0.5em;
    height: 0.5em;
    border-radius: 100%;
    transition: 140ms box-shadow ease-in-out, 100ms background-color ease-in-out;
    background-color: #047A58;
    outline: 0.1px solid rgba(0, 0, 0, 0.01);
    outline-offset: -0.5px;
}
.bank-selector {
    width: 100%;
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
    transition: all 0.2s;
}
.dropdown-arrow {
    color: #666;
    transition: transform 0.2s;
}
.khq-code-wrapper{
	margin-top: 16px;
}
.khq-code-wrapper .m-box{
	display: inline-flex;
	
}
.qr-khm{
	margin-right: 35px;
}