html,
body {
	height: 100%;
}

body {
	font-family: Montserrat, sans-serif;
	background-color: #222;
	font-size: 14px;
	color: #fff;
}

.container {
	padding-left: 20px;
	padding-right: 20px;
}

.main-container {
	position: relative;
	width: 100%;
	max-width: 428px;
	min-height: 100%;
	margin: 0 auto;
	background-color: #030808;
}

	.main-container.authentication {
		display: flex;
		align-items: center;
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.main-container.after-login {
		padding-top: 20px;
		padding-bottom: 100px;
	}

		.main-container.after-login.overlay {
			padding-top: 0;
			padding-bottom: 100px;
		}

.container-toolbar {
	padding: 20px 15px;
}

.bg-login-header {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 50vh;
	background-image: url("bg-header-login.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

	.bg-login-header .logo {
		position: absolute;
		left: 50%;
		top: 40px;
	}

.lock-scroll {
	overflow: hidden;
}

/*------ Typography -----*/
h1 {
	font-size: 32px;
}

h2 {
	font-size: 28px;
	font-weight: 700;
}

h3 {
	font-size: 24px;
	font-weight: 700;
}

h4 {
	font-size: 18px;
	font-weight: 700;
}

h5 {
	font-size: 16px;
}

h6 {
	font-size: 14px;
}

.fs-5 {
	font-size: 18px !important;
}

.fs-7 {
	font-size: 12px;
}

.fs-8 {
	font-size: 10px;
}

/*------ Colors -----*/
:root {
	--gray70: rgba(255, 255, 255, 0.7);
	--gray50: rgba(255, 255, 255, 0.5);
	--gray30: rgba(255, 255, 255, 0.3);
	--black: #000000;
	--white: #ffffff;
	--green: #20F19E;
	--orange: #FF882E;
	--yellow: #F1B71C;
	--light-gray: #A0A0A0;
	--red: #fb0000;
}

.text-red {
	color: var(--red);
}

.text-gray30 {
	color: var(--gray30);
}

.text-gray50 {
	color: var(--gray50);
}

.text-gray70 {
	color: var(--gray70);
}

.text-green {
	color: var(--green);
}

.text-yellow {
	color: var(--yellow);
}

.text-light-gray {
	color: var(--light-gray);
}

.text-orange {
	color: var(--orange);
}

.text-gradient {
	background-image: linear-gradient(to right, #ff882e, #f69733, #eda43d, #e5b04a, #ddbb5a, #d4c35f, #cbcb66, #c1d36f, #acdb72, #92e37b, #6ceb8a, #1bf29e);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}

.bg-green {
	background-color: var(--green);
}

/*------ Misc -----*/
.divider {
	display: block;
	text-align: center;
	margin: 1rem 0;
	overflow: hidden;
	white-space: nowrap;
}

	.divider .divider-text {
		position: relative;
		display: inline-block;
		font-size: 13px;
		color: var(--gray50);
		padding: 0 10px;
	}

		.divider .divider-text i {
			font-size: 1.25rem;
		}

		.divider .divider-text:before, .divider .divider-text:after {
			content: "";
			position: absolute;
			top: 50%;
			width: 100vw;
			border-top: 1px solid var(--gray50);
		}

		.divider .divider-text:before {
			right: 100%;
		}

		.divider .divider-text:after {
			left: 100%;
		}

.h-10 {
	height: 10vh;
}

.h-80 {
	height: 80vh;
}

.h-90 {
	height: 90vh;
}

.h-100 {
	height: 100vh !important;
}

/*------ Components -----*/
.toast {
	border-radius: 16px;
}

.toast-body {
	border-radius: 9px;
}

.toast-body .border-start {
	border-left: 1px solid rgba(255, 255, 255, 0.2)!important;
}

.toast .btn-close {
	font-size: 10px;
}

.modal.show .modal-dialog {
	max-width: 400px;
}

.modal-content.bg-gray {
	background: #1f1f1f;
}

.modal-content.bg-wallet {
	background: #212424;
}

.modal-content.bg-gray .btn-close {
	--bs-btn-close-bg: url("");
}

.modal-header {
	border-bottom: 0;
	padding-bottom: 0;
}

.modal-footer {
	border-top: 0;
}

.modal-body {
	padding-bottom: 40px;
}

textarea.form-control {
	min-height: 120px;
}

.form-group {
	position: relative;
}

	.form-group input {
		position: relative;
		width: 100%;
		height: 50px;
		border: 1px solid var(--gray50);
		border-radius: 10px;
		font-size: 14px;
		transition: border-color 0.3s ease;
		background-color: transparent;
		color: #fff;
		padding: 0 12px;
		z-index: 2;
	}

	.form-group label i {
		font-size: 16px;
	}

	.form-group label {
		position: absolute;
		left: 12px;
		top: 12px;
		font-size: 14px;
		color: #777;
		background: #030808;
		transition: top 0.3s ease, font-size 0.3s ease, color 0.3s ease;
		z-index: 1;
	}

	.form-group input:focus {
		border-color: var(--white);
		outline: none;
	}

		.form-group input:focus + label,
		.form-group input:not(:placeholder-shown) + label {
			top: -8px;
			font-size: 12px;
			color: var(--white);
			background-color: #030808;
			padding: 0 6px;
			border-radius: 4px;
			left: 8px;
			z-index: 3;
		}

			.form-group input:focus + label i,
			.form-group input:not(:placeholder-shown) + label i {
				display: none;
			}

		.form-group input:focus + .input-btn-last,
		.form-group input:not(:placeholder-shown) + .input-btn-last {
			display: block !important;
		}

.input-btn-last {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 16px;
}

.show-pass-confirm .input-btn-last {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 16px;
}

.form-group a.link-show-pass {
	color: var(--gray50);
}

	.form-group a.link-show-pass:hover {
		color: var(--white);
	}

input:-webkit-autofill,
input:-webkit-autofill:focus {
	transition: background-color 600000s 0s, color 600000s 0s;
}

input[data-autocompleted] {
	background-color: transparent !important;
}

.form-control::placeholder {
	color: var(--gray50);
	opacity: 1;
}

.form-control:-ms-input-placeholder {
	color: var(--gray50);
}

.form-control::-ms-input-placeholder {
	color: var(--gray50);
}

.form-control,
.form-control:active,
.form-control:focus,
.input-group-text,
.input-group-text:focus {
	background-color: transparent;
	height: 50px;
	border: 1px solid var(--gray50);
	box-shadow: none;
	color: var(--gray50);
	font-size: 14px;
}

.input-group.twocols .input-group-text {
	border-right: 0;
}

.input-group.twocols .form-control {
	border-left: 0;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
	margin-left: 0;
}

.input-group i {
	color: rgba(255, 255, 255, 0.5);
	font-size: 18px;
}

.btn {
	height: 50px;
	font-size: 16px;
	border-radius: 10px;
	font-weight: 500;
}

.btn-green,
.btn-green:hover {
	background-color: var(--green);
	color: var(--black);
}

.btn-gradient,
.btn-gradient:hover {
	border: 0;
	background: linear-gradient(91.71deg, #FF882E 0%, #D5C872 49.12%, #1BF29E 95.38%);
	color: var(--black);
}

.form-check-input:checked {
	background-color: #fff !important;
	border-color: #fff !important;
}

	.form-check-input:checked[type="checkbox"] {
		--bs-form-check-bg-image: url("");
	}

/*------ Utilities -----*/
a {
	text-decoration: none;
}

.rounded-start {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.rounded-start {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.mt-4 {
	margin-top: 2.5rem !important;
}

.mb-4 {
	margin-bottom: 2.5rem !important;
}

/*------ Bottom Nav -----*/
.btm-nav {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 428px;
	background: #030808;
	margin: 0 auto;
	padding: 10px 0 10px;
	z-index: 10;
}

	.btm-nav .menu-item {
		display: block;
	}

		.btm-nav .menu-item img {
			width: 25px;
		}

		.btm-nav .menu-item .text {
			font-size: 10px;
			color: #696b6b;
			font-weight: 500;
		}

	.btm-nav .active .text {
		color: var(--green);
	}

	.btm-nav .btm-nav-home.active img,
	.btm-nav .btm-nav-home:hover img {
		content: url("");
	}

	.btm-nav .btm-nav-wallet.active img,
	.btm-nav .btm-nav-wallet:hover img {
		content: url("");
	}

	.btm-nav .btm-nav-bth.active img,
	.btm-nav .btm-nav-bth:hover img {
		content: url("");
	}

	.btm-nav .btm-nav-booster.active img,
	.btm-nav .btm-nav-booster:hover img {
		content: url("");
	}

	.btm-nav .btm-nav-package.active img,
	.btm-nav .btm-nav-package:hover img {
		content: url("");
	}

	.btm-nav .btm-nav-item:hover .text {
		color: var(--green);
	}

/*------ Mobile Menu -----*/
.icon_menu {
	height: 16px;
	width: 22px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	z-index: 20;
}

	.icon_menu span {
		display: block;
		background: #fff;
		width: 100%;
		height: 2px;
		margin-top: -1px;
		position: absolute;
		left: 0;
		top: 50%;
		transition: all 0.3s ease;
	}

	.icon_menu:before,
	.icon_menu:after {
		content: '';
		display: block;
		background: #fff;
		width: 100%;
		height: 2px;
		position: absolute;
		left: 0;
		transform-origin: center center;
		transform: rotate(0deg);
		transition: all 0.3s ease;
	}

	.icon_menu:before {
		top: 2px;
		margin-top: -1px;
	}

	.icon_menu:after {
		bottom: 2px;
		margin-bottom: -1px;
	}

.menu_shown .icon_menu span {
	background: transparent;
}

.menu_shown .icon_menu:before {
	top: 50%;
	transform: rotate(45deg);
}

.menu_shown .icon_menu:after {
	bottom: 50%;
	transform: rotate(-45deg);
}

.top_menu .line {
	width: 100%;
	height: 2px;
	background-color: #2C2C2C;
}

	.top_menu .line.top {
		margin-top: 20px;
		margin-bottom: 20px;
	}

.top_menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 270px;
	height: 100%;
	background: #111111;
	z-index: 10;
	transition: all .4s ease-in-out;
	transform: translateX(-500%);
	visibility: visible;
	overflow: hidden;
	overscroll-behavior: contain;
	z-index: 100;
}

.top_menu{
  display:none;
}
.top_menu.show{
  display:block; /* P.S: Use `!important` if missing `#content` (selector specificity). */
}

@media only screen and (min-width: 429px ) {
	.top_menu {
		left: 50%;
		margin-left: -214px;
	}
}

.top_menu-inner {
	height: 100% !important;
	overflow-y: hidden !important;
	overflow-x: hidden !important;
}

.top_menu{
	display:none;
}
  
.top_menu.show{
	display:block !important; /* P.S: Use `!important` if missing `#content` (selector specificity). */
}
  
@media only screen and (min-width: 429px ) {
	.top_menu {
		left: 50%;
		margin-left: -214px;
	}
}
  
.menu_shown .top_menu {
	transform: translateX(0);
}

.top_menu__item {
	display: block;
	line-height: 2;
	padding: 25px 0;
	background: transparent;
	transition: all .3s ease;
	letter-spacing: .04em;
}

.top_menu__item:hover {
	background: rgba(123, 119, 193, 0.2);
}

.side-menu {
	list-style: none;
	padding-left: 0;
}

.side-menu li:not(.side-exclude) {
	border-left: 4px solid transparent;
	height: 50px;
	line-height: 50px;
	padding-left: 21px;
}

.side-menu > li:not(.side-exclude) > a {
    color: #fff;
    font-size: 14px;
}

.side-menu li:not(.side-exclude) a span {
	margin-left: 15px;
}

.side-menu li:not(.side-exclude).active,
.side-menu li:not(.side-exclude):hover {
	border-left: 4px solid transparent;
	border-image: linear-gradient(to bottom, #F1B71C, #F1B71C, #20F19E) 1;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.147) 115.12%);
}

.side-menu li:not(.side-exclude).active span,
.side-menu li:not(.side-exclude):hover span{
	background-image: linear-gradient(to right, #ff882e, #f69733, #eda43d, #e5b04a, #ddbb5a, #d4c35f, #cbcb66, #c1d36f, #acdb72, #92e37b, #6ceb8a, #1bf29e);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}

.side-menu > li > ul > li:not(.side-exclude).active a,
.side-menu > li > ul > li:not(.side-exclude):hover a {
	color: var(--green);
}

.side-menu li.sm-home.active img,
.side-menu li:hover.sm-home img {
	content: url("");
}

.side-menu li.sm-wallet.active img,
.side-menu li:hover.sm-wallet img {
	content: url("");
}

.side-menu li.sm-bth.active img,
.side-menu li:hover.sm-bth img {
	content: url("");
}

.side-menu li.sm-booster.active img,
.side-menu li:hover.sm-booster img {
	content: url("");
}

.side-menu li.sm-buy-bitbooster.active img,
.side-menu li:hover.sm-buy-bitbooster img {
	content: url("");
}

.side-menu li.sm-about-us.active img,
.side-menu li:hover.sm-about-us img {
	content: url("");
}

.side-menu li.sm-referral-link.active img,
.side-menu li:hover.sm-referral-link img {
	content: url("");
}

.side-menu li.sm-downline-tree.active img,
.side-menu li:hover.sm-downline-tree img {
	content: url("");
}

.side-menu li.sm-announcement.active img,
.side-menu li:hover.sm-announcement img {
	content: url("");
}

.side-menu li.sm-events.active img,
.side-menu li:hover.sm-events img {
	content: url("");
}

.side-menu li.sm-referral.active img,
.side-menu li:hover.sm-referral img {
	content: url("");
}

.side-menu li.sm-gcs-ticket.active img,
.side-menu li:hover.sm-gcs-ticket img {
	content: url("");
}

.side-menu li.sm-logout.active img,
.side-menu li:hover.sm-logout img {
	content: url("");
}

.side-menu img:not(.side-exclude) {
	width: 20px;
}

/*------ Vertical Progress -----*/
.StepProgress {
	position: relative;
	padding-left: 45px;
	list-style: none;
}

	.StepProgress::before {
		display: inline-block;
		content: '';
		position: absolute;
		top: 0;
		left: 19px;
		width: 10px;
		height: 100%;
		border-left: 2px solid #CCC;
	}

.StepProgress-item {
	position: relative;
	counter-increment: list;
}

	.StepProgress-item:not(:last-child) {
		padding-bottom: 20px;
	}

	.StepProgress-item::before {
		display: inline-block;
		content: '';
		position: absolute;
		left: -26px;
		height: 100%;
		width: 10px;
	}

	.StepProgress-item::after {
		content: '';
		display: inline-block;
		position: absolute;
		top: 0;
		left: -37px;
		width: 12px;
		height: 12px;
		border: 2px solid #CCC;
		border-radius: 50%;
		background-color: #FFF;
	}

	.StepProgress-item.is-done::after {
		content: "✔";
		font-size: 10px;
		color: #FFF;
		text-align: center;
		border: 2px solid green;
		background-color: green;
	}

	.StepProgress-item.current::before {
		border-left: 2px solid #0d1e17;
	}

	.StepProgress-item.current::after {
		content: counter(list);
		padding-top: 4px;
		width: 40px;
		height: 40px;
		top: -5px;
		left: -45px;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		color: var(--green);
		background-color: #0d1e17;
		border: 5px solid #030808;
	}

.StepProgress strong {
	display: block;
}


/*------ Authentication -----*/
.otp input,
.otp input:focus {
	background-color: #202324;
	border-color: #202324;
	text-align: center;
}

.authentication .btn-back {
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: 14px;
	color: var(--gray70);
}

.authentication .btn-skip {
	position: absolute;
	top: 20px;
	right: 20px;
	color: var(--green);
}

.authentication .link-sign-in {
	margin-top: 80px;
}

.logo-login {
	position: absolute;
	top: 40px;
	left: 50%;
	margin-left: -91px;
}

.login-wrap {
	padding-top: 50%;
}

/*------ Tree -----*/
.tree {
	display: flex;
	flex-direction: column;
	gap: 18px;
	margin-left: 46px;
	position: relative;
	width: 100%;
	margin-bottom: 50px;
}

.tree .parent {
	position: relative;
	padding-block: 4px;
}

.tree .parent::before, 
.tree .parent::after {
	content: '';
	position: absolute;

}

.tree .parent::before {
	width: 18px;
	top: 42px;
	left: -18px;
	border-bottom: 1px dashed var(--green);
}

.tree .parent::after {
	display: block;
	width: 0;
	top: 0;
	left: -27.5px;
	height: 39px;
	border-left: 1px solid var(--green);
	bottom: 0;
}


.tree .parent:last-child::after {
	height: 5px;
	bottom: auto;
}

.tree .parent::after {
	height: 100%;
	top: 50px;
}

.tree details[open] > .parent::before,
.tree details[open] > .nested-item::after {
	border-left-color: #88bcaa;
}

.tree .parent.parent:last-child::after {
	content: none;
	bottom: auto;
}

.tree details {
	margin: 0 auto;
}

.details > .nested-list {
	padding: 15px;
}

.tree summary {
	display: block;
	position: relative;
	cursor: pointer;
}

.tree summary::before {
content: '+';
position: absolute;
top: 30px;
left: -37px;
width: 18px;
height: 18px;
text-align: center;
color: var(--black);
border: 1px solid var(--green);
border-radius: 50%;
background-color: var(--green);
z-index: 10;
line-height: 17px;
font-size: 20px;
}

/*.tree::after {
content: '';
position: absolute;
top: -18px;
left: -27px;
width: 1px;
height: 22px;
background-color: var(--green);

}*/

.tree details[open] > summary::before {
content: '-';
border: 1px solid var(--green);
color: var(--black);
font-size: 20px;
line-height: 13px;
}

.tree details[open] > .tree.parent::after {
display: block;
width: 0;
top: 0;
left: -27.5px;
height: 39px;
border-left: 1px solid #88bcaa; /* Change border color here */
bottom: 0;
}

.tree .nested-list {
padding: 0 0 0 45px;
}

.tree .nested-item {
	min-width: 350px;
position: relative;
padding: 10px 0 0 0;
margin-top: 0;
}

.tree .nested-item::marker {
	color: var(--green);
	list-style-type: square;
}

.tree .nested-item::before, 
.tree .nested-item::after {
content: '';
position: absolute;
left: -17px;
}


.tree .nested-item::before {
width: 28px;
top: 48px;
left: -27px;
border-bottom: 1px dashed var(--green);
}

.tree .nested-item::after {
display: block;
width: 0;
top: 0;
left: -27px;
height: 45px;
height: calc(100% + 50px);
border-left: 1px solid var(--green);
bottom: 0;
}

.tree .nested-item:last-child::after {
top: 0px;
height: calc(19px + 30px);
bottom: auto;
}

.tree .label {
display: inline-block;
font-size: 10px;
padding-inline: 3px;
color: #929292;
margin-right: 10px;
border: 1px solid #ECECEC;
}

.tree > .parent:last-child {
padding-bottom: 0;
}

.tree-title {
font-size: 12px;
}

.tree-title:hover {
color: #36bc9e;
cursor: pointer;
}

.details[open=""] .tree-parent-box.first-level  {
	min-width: 330px;
  background: transparent;
  border-image: url("") 12 / 20px stretch;
}

.details[open=""] .tree-parent-box.first-level {
	border-image: url("") 12 / 20px stretch;
}

.dropdown-info a:after {
	display: none;
}

.dropdown-info ul.dropdown-menu {
	background-color: #212424;
}

.dropdown-info ul.dropdown-menu a {
	color: var(--gray70);
	font-size: 12px;
}

.dropdown-info ul.dropdown-menu a:hover {
	background: transparent;
	color: var(--white);
}

.tree-parent-box {
	min-width: 330px;
	border-radius: 15px;
	padding: 10px;
	background: linear-gradient(209.74deg, rgba(255, 255, 255, 0.028) 11.77%, rgba(255, 255, 255, 0.049) 90.91%);
	border-radius: 15px;
	border: 1px solid rgba(255, 255, 255, 0.2);
}
  
.tree-parent-box i.bi,
.tree-parent-box-gradient i.bi {
	font-size: 12px;
}
  
/*------ Simple Scrollbar -----*/
#simple-bar {
	width: 100%;
	max-height: 100%;
	min-height: 100%;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

.downline-tree-wrapper {
margin: 0 auto;
width: 100%;
}

.simplebar-content-wrapper {
scrollbar-width: auto;
-ms-overflow-style: auto;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
display: initial;
width: initial;
height: initial;
}

.simplebar-scrollbar:before {
	background: var(--green);
	opacity: 1!important;
}

.simplebar-track.simplebar-horizontal {
	background: var(--gray30);
	border-radius: 30px;
	height: 10px;
}

/*------ Pages -----*/
.bg-dashbaord-top {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 350px;
	background-image: url("");
	background-size: cover;
	background-repeat: no-repeat;
}

.bg-dashbaord-top.christmas {
	background-image: url("");
	background-size: cover;
	background-repeat: no-repeat;
}

.dashbaord-balance {
	position: relative;
	width: 100%;
	height: 350px;
	background-image: url("");
	background-position: top center;
	background-size: contain;
	background-repeat: no-repeat;
	padding: 10px;
}

.btn-dahsboard-deposit {
	padding: 0 15px !important;
	height: 30px;
}

.badge-dashboard-annoucemenet {
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0%, rgba(0, 0, 0, 0.08) 100%);
	border-radius: 3px;
	padding: 8px 15px;
	border-left: 4px solid #FF882E;
	font-weight: 400;
	font-size: 12px;
}

.btn-deposit {
	width: 80px;
	padding: 6px;
	display: block;
	position: relative;
	border-radius: 15px;
	background: linear-gradient(90deg, #FF882E 0%, #D5C872 51.5%, #20F19E 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	text-align: center;
}

	.btn-deposit::before {
		content: "";
		position: absolute;
		inset: 0;
		border-radius: 15px;
		border: 1px solid transparent;
		background: linear-gradient(140deg, #FF882E, #D5C872) border-box;
		-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
		mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
		-webkit-mask-composite: destination-out;
		mask-composite: exclude;
	}

.booster-status-box.green {
	padding: 10px;
	display: block;
	position: relative;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background: linear-gradient(90deg, rgba(14, 34, 16, 0.8) 0%, rgba(0, 0, 0, 0.147) 50%);
	border-radius: 15px;
}

	.booster-status-box.green::before {
		content: "";
		position: absolute;
		inset: 0;
		border-radius: 15px;
		border: 1px solid transparent;
		background: linear-gradient(140deg, #1d422f, #0a1c15) border-box;
		-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
		mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
		-webkit-mask-composite: destination-out;
		mask-composite: exclude;
	}

.booster-status-box.orange {
	padding: 10px;
	display: block;
	position: relative;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background: linear-gradient(90deg, rgba(41, 24, 10, 0.8) 0%, rgba(0, 0, 0, 0.147) 50%);
	border-radius: 15px;
}

	.booster-status-box.orange::before {
		content: "";
		position: absolute;
		inset: 0;
		border-radius: 15px;
		border: 1px solid transparent;
		background: linear-gradient(140deg, #533118, #1a1109) border-box;
		-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
		mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
		-webkit-mask-composite: destination-out;
		mask-composite: exclude;
	}

.booster-status-box.yellow {
	padding: 10px;
	display: block;
	position: relative;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background: linear-gradient(90deg, rgba(39, 35, 15, 0.8) 0%, rgba(0, 0, 0, 0.147) 50%);
	border-radius: 15px;
}

	.booster-status-box.yellow::before {
		content: "";
		position: absolute;
		inset: 0;
		border-radius: 15px;
		border: 1px solid transparent;
		background: linear-gradient(140deg, #544819, #16170b) border-box;
		-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
		mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
		-webkit-mask-composite: destination-out;
		mask-composite: exclude;
	}

.booster-status-box.gray {
	padding: 10px;
	display: block;
	position: relative;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background: linear-gradient(90deg, rgba(29, 32, 32, 0.8) 0%, rgba(0, 0, 0, 0.147) 50%);
	border-radius: 15px;
}

	.booster-status-box.gray::before {
		content: "";
		position: absolute;
		inset: 0;
		border-radius: 15px;
		border: 1px solid transparent;
		background: linear-gradient(140deg, #474a4a, #141717) border-box;
		-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
		mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
		-webkit-mask-composite: destination-out;
		mask-composite: exclude;
	}

.carousel.slide img {
	border-radius: 10px;
}

#slide-about img {
	border-radius: 0;
}

.carousel.slide .carousel-indicators {
	bottom: -40px;
}

.after-login.dashbaord {
	background-image: url("");
	background-position: top right;
	background-repeat: no-repeat;
}

.referral-performance-box {
	padding: 30px;
	background: linear-gradient(148.37deg, rgba(255, 255, 255, 0.08) -10.01%, rgba(255, 255, 255, 0.008) 79.32%);
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.total-output-rewards {
	padding: 30px;
	border-radius: 10px;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-image: linear-gradient(to bottom, #FF882E, #F1B71C, #1BF29E) 1;
	background: linear-gradient(267.98deg, rgba(255, 255, 255, 0.08) 2.47%, rgba(255, 255, 255, 0.0304) 94.74%);
}

.bg-rewards {
	padding: 30px;
	background: linear-gradient(264.15deg, rgba(255, 255, 255, 0.08) 2.15%, rgba(255, 255, 255, 0.0304) 95.06%);
	border-radius: 10px;
}

.badge-green {
	border-left: 4px solid var(--green);
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0%, rgba(0, 0, 0, 0.08) 100%);
	background-blend-mode: screen;
	border-radius: 3px;
	padding: 8px 25px;
}

.list-income li {
	line-height: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
}

	.list-income li:after {
		display: block;
		width: 100%;
		content: url("");
		text-align: center;
	}

	.list-income li:last-child:after {
		content: none;
	}

.christmas-deco {
	width: 100%;
	position: absolute;
	top: -13%;
	left: 0;
}

.christmas-deco img {
	width: 60%;
}

.border-balance {
	width: 100%;
	height: 291px;
	background-image: url("");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}

.border-balance-line-spacing {
	margin-top: 10px;
	margin-bottom: 10px;
}

.announcement-box {
	background-color: #111515;
	padding: 15px;
	border-radius: 10px;
}

.list-announcements li {
	margin-top: 10px;
}

	.list-announcements li:last-child {
		margin-bottom: 0;
	}

.bg-downline-tree-top {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 350px;
	background-image: url("");
	background-size: cover;
	background-repeat: no-repeat;
}

.badge-pill {
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	border-radius: 30px;
	padding: 5px 20px;
}

	.badge-pill.bg-green {
		color: var(--black);
	}

.event-card {
	width: 100%;
	height: 165px;
	padding: 20px;
	background-image: url("");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}

.event-cover {
	width: 100px;
	height: 100px;
}

.list-events {
	margin-top: -30px;
}

.list-event-details {
	margin-top: 30px;
}

.list-event-details li {
	margin-top: 0!important;
}

.list-events li {
	margin-top: 30px;
}

.badge-pill.bg-gray {
	background-color: #181b1b;
	color: var(--gray50) !important;
}

.event-card .list-events {
	margin-top: 30px;
}

.btn-back-overlay {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 10;
	font-size: 14px;
	color: #fff;
}

.event-cover-big {
	position: relative;
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-overlay {
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.4);
	width: 100%;
	height: 100%;
}

.event-cover-big .btn-shared {
	position: absolute;
	bottom: 50px;
	right: 20px;
	z-index: 10;
}

.top-curve {
	position: relative;
	z-index: 100;
	margin-top: -35px;
	width: 100%;
	height: 35px;
	background: #030808;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
}

.event-title {
	font-size: 20px;
	line-height: 28px;
	font-weight: 600;
}

.event-single-line {
	width: 100%;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.12);
}

.ticket-qualified .border-end,
.why-buy-bitbooster .border-end {
	border-color: rgba(255,255,255,0.3) !important;
}

.invitation-ticket-box {
	background: linear-gradient(209.74deg, rgba(255, 255, 255, 0.042) 11.77%, rgba(255, 255, 255, 0.045) 90.91%);
	border-radius: 10px;
	border: 1px solid #3b3e3e;
	padding: 30px 20px;
}

.step-box {
	padding: 20px;
	background: linear-gradient(89.48deg, rgba(255, 255, 255, 0.1) -8.21%, rgba(255, 255, 255, 0.047) 96.13%);
	border-radius: 10px;
}

.marquee {
	width: 100%;
	pointer-events: none;
	overflow: hidden;
}

.marquee__inner-wrap {
	height: 100%;
	width: 100%;
}

.marquee span {
	text-align: center;
	font-weight: 400;
	white-space: nowrap;
	font-size: 48px;
	line-height: 1.2;
	font-weight: 700;
	letter-spacing: 3px;
	padding: 1vh 1vw 0;
	text-transform: uppercase;
	color: #030808;
	text-shadow: -1px -1px 0 #20F19E, 1px -1px 0 #20F19E, -1px 1px 0 #20F19E, 1px 1px 0 #20F19E;
}

.marquee__inner {
	height: 100%;
	width: fit-content;
	align-items: center;
	display: flex;
	position: relative;
	animation: marquee 10s linear infinite;
	will-change: transform;
}

@keyframes marquee {
	to {
		transform: translateX(-50%);
	}
}

.about-faq-box {
	border-top-leftradius: 30px;
	border-top-right-radius: 30px;
	padding: 20px;
	background: linear-gradient(224.42deg, rgba(255, 255, 255, 0.08) 22.5%, rgba(255, 255, 255, 0) 60.95%);
}

.accordion.about .accordion-item {
	background-color: transparent !important;
	border: 0;
	color: var(--gray50);
}

.accordion.about .accordion-button:not(.collapsed) {
	background-color: transparent;
	color: var(--green);
}

.accordion.about .accordion-button {
	background-color: transparent;
	padding: 0;
	box-shadow: none !important;
	padding-bottom: 10px;
	padding-top: 10px;
	color: #fff;
}

.accordion.about .accordion-item:not(.promotion)::after {
	content: url("");
}

.accordion.about .accordion-body {
	padding: 10px 0 10px 0;
}

.accordion-button.collapsed::after {
	background-image: url("");
}

.accordion-button:not(.collapsed)::after {
	background-image: url("");
}

.bg-profile-top {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 200px;
	background-image: url("");
	background-size: cover;
	background-repeat: no-repeat;
}

.avatar-profile {
	position: relative;
}

.profile-edit {
	position: absolute;
	bottom: 5px;
	right: -5px;
}

.list-profile li,
.list-sp-line li {
	margin-top: 8px;
}

	.list-profile li:after,
	.list-sp-line li:after,
	.list-sp-line.table-style li:after {
		content: url("") !important;
	}

	.list-profile li:last-child:after,
	.list-sp-line li:last-child:after {
		content: none !important
	}

.avatar-profile-edit {
	width: 90px;
	height: 90px;
	position: relative;
	margin: 0 auto;
}


.form-edit-profile .form-control {
	border: 0;
	border-bottom: 1px solid var(--gray50);
	border-radius: 0;
	height: 40px;
	padding: 0;
	color: var(--white);
}

.custom-form-group {
	position: relative;
}

.custom-form-group .input-edit {
	position: absolute;
	right: 10px;
	top: 0;
}

.btn-modal-transparent,
.btn-modal-transparent:hover {
	background: transparent;
	color: var(--gray50);
	font-weight: medium;
}

.btn-modal-dark,
.btn-modal-dark:hover {
	background: #191c1c;
	color: var(--green);
	font-weight: medium;
}

.toast {
	width: 428px;
}

.toast.wrong {
	background: rgba(150, 0, 32, 0.5);
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: 0px 0px 26.2px rgba(254, 0, 0, 0.1);
	backdrop-filter: blur(27.85px);
	border-radius: 9px;
}

.toast.correct {
	background: rgba(4, 121, 75, 0.25);
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: 0px 0px 26.2px rgba(0, 164, 99, 0.1);
	backdrop-filter: blur(27.85px);
	border-radius: 9px;
}

.input-edit {
	color: var(--green);
}

.modal-hd-line {
	margin: 0 auto;
	width: 180px;
	height: 3px;
	background: rgba(255, 255, 255, 0.3);
}

.list-upload-photo li {
	border-top: 1px solid #363636;
	padding: 15px;
}

	.list-upload-photo li a {
		display: block;
		color: var(--gray50);
		font-size: 16px;
	}

.modal.change-password-otp .otp .form-control {
	background-color: #393c3c;
}

.page-header-overlay {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 100%;
}

.icon-lock-green {
	position: absolute;
	left: 0;
	top: 10px;
}

.verify-identity {
	border: 0;
	border-bottom: 1px solid var(--gray50);
	border-radius: 0;
	padding-left: 40px;
}

.qrcode-box {
	padding: 30px;
	background: linear-gradient(209.74deg, rgba(255, 255, 255, 0.1) 11.77%, rgba(255, 255, 255, 0.049) 90.91%);
	border-radius: 10px;
}

.btn-outline-white,
.btn-outline-white:hover {
	border: 1px solid var(--white);
	color: var(--white);
}

.badge-booster {
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0%, rgba(0, 0, 0, 0.08) 100%);
	border-radius: 3px;
	padding: 15px 15px;
	border-left: 4px solid var(--green);
	font-weight: 400;
	font-size: 12px;
}

.cs-ticket-search {
	border: 0;
	background: linear-gradient(264.15deg, rgba(255, 255, 255, 0.08) 2.15%, rgba(255, 255, 255, 0.0304) 95.06%);
	border-radius: 8px;
}

.not-found {
	margin-top: 50%;
}


.floating-plus-green {
	position: absolute;
	right: 0;
	bottom: 70px;
	z-index: 20;
}

.file {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

	.file > input[type='file'] {
		display: none
	}

	.file > label {
		width: 100%;
		cursor: pointer;
		outline: 0;
		user-select: none;
		border-color: var(--gray50);
		border-style: solid;
		border-radius: 0.375rem;
		border-width: 1px;
		background-color: transparent;
		padding-left: 16px;
		padding-right: 16px;
		padding-top: 16px;
		padding-bottom: 16px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.file.text-start > label {
		width: 100%;
		cursor: pointer;
		outline: 0;
		user-select: none;
		border-color: var(--gray50);
		border-style: solid;
		border-radius: 0.375rem;
		border-width: 1px;
		background-color: transparent;
		padding-left: 16px;
		padding-right: 16px;
		padding-top: 16px;
		padding-bottom: 16px;
		display: flex;
		justify-content: start;
		align-items: center;
	}

.dark-box {
	width: 100%;
	border-radius: 10px;
	background-color: #101414;
	padding: 20px;
}

.list-service-ticket {
	margin-top: -10px;
}

	.list-service-ticket li {
		margin: 10px auto;
	}

.dark-box-ticket-details {
	padding: 20px;
	background: linear-gradient(128.64deg, rgba(255, 255, 255, 0.1) 42.42%, rgba(255, 255, 255, 0.03) 115.45%);
	border-radius: 10px;
}

.dark-box-reply-ticket {
	padding: 20px;
	background: linear-gradient(209.74deg, rgba(255, 255, 255, 0.1) 11.77%, rgba(255, 255, 255, 0.03) 90.91%);
	border-radius: 10px;
}

.buy-bitbooster-curve-box {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	padding: 20px;
	background: linear-gradient(216.38deg, rgba(255, 255, 255, 0.0584) 25.64%, rgba(255, 255, 255, 0.0224) 80.49%);
}

.box-outline {
	border: 1px solid rgba(255, 255, 255, 0.3);
	padding: 20px;
	border-radius: 10px;
}

.dark-box-referral-link {
	background: linear-gradient(209.74deg, rgba(255, 255, 255, 0.1) 11.77%, rgba(255, 255, 255, 0.049) 90.91%);
	border-radius: 10px;
	padding: 30px 20px;
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.btn-choose-package {
	border: 1px solid rgba(255, 255, 255, 0.3);
	padding: 15px 10px;
	height: auto;
}

	.btn-choose-package.active {
		border: 1px solid rgba(32, 241, 158, 0.5);
	}


.order-detail-box {
	padding: 15px 10px;
	border-radius: 10px;
	background: linear-gradient(264.15deg, rgba(255, 255, 255, 0.08) 2.15%, rgba(255, 255, 255, 0.0304) 95.06%);
}

.input-group .form-control {
	background-color: #1e2121;
	color: #fff;
	border: 0;
}

.input-group .input-group-text {
	border: 0;
	background-color: #262929;
}

.input-group.number .form-control,
.input-group.number .input-group-text {
	height: 40px;
}


.total-package-box {
	padding: 20px;
	background: linear-gradient(231.68deg, #0A1010 100%, rgba(20, 22, 22, 0.6) 100%);
	box-shadow: -4px -5px 10.8px rgba(0, 0, 0, 0.15);
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	z-index: 5;
}

.dark-box-referral {
	padding: 15px;
	background: linear-gradient(209.74deg, rgba(255, 255, 255, 0.042) 11.77%, rgba(255, 255, 255, 0.045) 90.91%);
	backdrop-filter: blur(3.05px);
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.referral-rating {
	width: 75px;
	height: 75px;
	padding: 10px;
	background: linear-gradient(209.74deg, rgba(255, 255, 255, 0.042) 11.77%, rgba(255, 255, 255, 0.045) 90.91%);
	backdrop-filter: blur(3.05px);
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	display: table;
	text-align: center;
}

	.referral-rating .inner {
		display: table-cell;
		vertical-align: middle;
	}

	.referral-rating i {
		color: var(--green);
	}

.form-select.referral-filter {
	display: inline-block;
	border: 0;
	background-color: transparent;
	padding: 0;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	background-position: calc(100% - 8px) center;
	--bs-form-select-bg-img: url("");
}

.form-select:focus {
	box-shadow: none;
}

.form-select.table-filter {
	display: inline-block;
	border: 0;
	background-color: transparent;
	padding: 0;
	color: var(--gray50);
	font-size: 14px;
	font-weight: 500;
	background-position: calc(100% - 8px) center;
	--bs-form-select-bg-img: url("");
}


.date-range-picker {
	position: relative;
	width: 100%;
	border: 1px solid var(--gray50);
	height: 50px;
	border-radius: 10px;
	padding: 15px 20px;
	font-size: 14px;
}

	.date-range-picker .icon-calendar {
		position: absolute;
		right: 20px;
		top: 12px;
	}

.daterangepicker.ltr {
	background-color: #252525;
	border-radius: 10px;
}

.daterangepicker::before {
	border-bottom: 7px solid #252525 !important;
	z-index: 10;
}

.applyBtn {
	background-color: var(--green);
	height: 35px;
	color: var(--black);
	padding: 5px 10px;
	font-size: 14px;
	font-weight: 600;
}

.cancelBtn {
	font-size: 14px;
	color: var(--white);
	font-weight: 600;
}

.ranges li.active,
.ranges li:hover {
	background-color: var(--green);
	border-color: var(--green);
	color: var(--black);
}

.ranges li {
	background-color: #030808;
	border-color: #030808;
	color: var(--white);
}

.daterangepicker .calendar-table {
	background-color: #030808;
	border: 0;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
	background-color: var(--green);
	color: var(--black);
}

.daterangepicker td.in-range {
	background-color: #c5f1df;
	color: var(--black);
}

	.daterangepicker td.in-range:hover {
		background-color: var(--green);
		color: var(--black);
	}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
	background-color: #252525;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
	background-color: var(--green);
	color: var(--black);
}

.daterangepicker table {
	font-size: 14px;
}

.daterangepicker.ltr .calendar-table {
	padding: 6px;
}

.daterangepicker .input-mini.active,
.daterangepicker .input-mini {
	border: 1px solid var(--gray50);
	height: 30px;
	color: var(--white);
}

.daterangepicker .daterangepicker_input i {
	color: var(--gray50);
}

.wallet-amount {
	font-size: 36px;
}

.dark-box-wallet {
	background: linear-gradient(209.74deg, rgba(255, 255, 255, 0.1) 11.77%, rgba(255, 255, 255, 0.049) 90.91%);
	border-radius: 10px;
	padding: 15px;
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.curve-box-wallet {
	background: linear-gradient(177.54deg, #202424 2.19%, rgba(5, 16, 13, 0.13) 82.78%);
	border-radius: 25px 25px 0px 0px;
	padding: 20px;
	margin-top: 30px;
}

.dark-box-assets {
	background: rgba(255, 255, 255, 0.08);
	border-radius: 15px;
	padding: 15px;
}

.list-my-assets li {
	margin: 10px auto;
}

.list-choose-network li {
	padding: 20px;
	border-top: 1px solid #363636;
	cursor: pointer;
}

	.list-choose-network li.active,
	.list-choose-network li:hover {
		background-color: #2c2f2f;
	}

.deposit-network-name {
	font-size: 24px;
}

.dark-box-wallet-name {
	padding: 20px;
	background: rgba(255, 255, 255, 0.03);
}

.deposit-amount {
	font-size: 48px;
}

.line-gray50 {
	width: 100%;
	height: 1px;
	background: rgba(255, 255, 255, 0.5);
}

.dark-box-receive-amount {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	padding: 20px;
	background: linear-gradient(231.68deg, #202424 -21.03%, rgba(32, 36, 36, 0.25) 72.07%);
}

	.dark-box-receive-amount.swap {
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		background: linear-gradient(231.68deg, #2F3737 -21.03%, rgba(32, 36, 36, 0.25) 72.07%);
	}

.carousel-wallet-address {
	padding-left: 20px;
	overflow: hidden;
}

.owl-stage-outer {
	overflow: visible !important;
}

.owl-carousel .owl-item img {
	transform-style: flat;
	width: revert-layer;
}

.owl-item:first-of-type .block {
	height: 80px;
	width: 200px;
}

.wallet-address-box {
	display: inline-block;
	height: 80px;
	width: 200px;
	padding: 15px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 10px;
	margin-right: 20px;
}

	.wallet-address-box.active,
	.wallet-address-box:hover {
		border: 1px solid var(--green);
	}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: var(--green);
}

.owl-theme .owl-dots .owl-dot span {
	background: var(--gray50);
}

.bg-my-asset-top {
	padding: 5px;
	width: 100%;
	height: 180px;
	background-image: url("");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}

.tab-content {
	padding-top: 10px;
}

.nav-tabs {
	border-bottom: 1.5px solid var(--gray30);
}

	.nav-tabs .nav-link {
		color: var(--gray50);
		border: 0;
	}

		.nav-tabs .nav-link.active,
		.nav-tabs .nav-link:hover {
			color: var(--green);
			border: 0;
			border-radius: 0;
			border-top-left-radius: 2px;
			border-top-right-radius: 2px;
			background: linear-gradient(2.01deg, rgba(27, 242, 158, 0.08) 1.34%, rgba(27, 242, 158, 0.0288) 122.11%);
			border-bottom: 1.5px solid #1BF29E;
		}

.list-normal li {
	margin: 15px auto;
}

.green-box {
	display: inline-block;
	background: rgba(27, 242, 158, 0.03);
	border: 1.5px solid rgba(32, 241, 158, 0.5);
	border-radius: 8px;
	padding: 10px 15px;
	border-radius: 10px;
}

.fs-32 {
	font-size: 32px;
}

.form-control.search2 {
	border-radius: 8px;
	border: 0;
	background: rgba(255, 255, 255, 0.08);
	padding-left: 40px;
}

.form-select.select-2 {
	border-radius: 8px;
	border: 0;
	background: rgba(255, 255, 255, 0.08);
	color: #fff;
	height: 50px;
	background-position: center right;
	background-repeat: no-repeat;
	background-position-x: calc(100% - 15px);
	background-size: 10px;
	padding-right: 20px;
	text-align: center;
	background-image: url("")
}

.form-select.select-2:after {
	font-family: bootstrap-icons;
	content: '\F282';
}

.icon-search2 {
	position: absolute;
	left: 15px;
	top: 15px;
}

.filter-bar .one {
	flex: 2 0;
}

.filter-bar .two {
	flex: 01;
}

.bth-select {
	background-color: transparent !important;
	display: inline-block;
	width: auto;
	padding: 0;
	font-weight: 600;
	font-size: 14px;
}

.highlight-green {
	display: inline-block;
	background: rgba(32, 241, 158, 0.1);
	border-radius: 26px;
	padding: 5px 15px;
}

.custom-table-alike {
	font-size: 12px;
}

.custom-table-alike .ct-heading {
	color: var(--gray50);
}

.custom-table-alike .ct-body {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 1px;
	margin-bottom: 1px;
}

.custom-table-alike div.rmv-margin {
	margin: 0;
	margin-top: -5px;
	margin-bottom: -5px;
}

.custom-table-alike.yellow .ct-body {
	background: rgba(255, 136, 46, 0.05);
}

.custom-table-alike.green .ct-body {
	background: rgba(27, 242, 158, 0.05);
}

.buysell-tabs {
	background-color: rgba(217, 217, 217, 0.3);
	border-radius: 10px;
	padding: 8px 8px 6px 8px;
}

.buysell-tabs .nav-link {
	color: var(--gray50);
	font-size: 12px;
}

.buysell-tabs .nav-link.active {
	background: rgba(217, 217, 217, 0.1);
	border-radius: 8px;
	color: var(--green);
	font-size: 12px;
	font-weight: 500;
}


.btn-bth-usdt {
	background: rgba(255, 255, 255, 0.05);
	border-radius: 5px;
	color: var(--gray30);
	font-weight: 500;
	font-size: 12px;
	width: 100%;
}

.btn-bth-usdt.active {
	background: rgba(245, 200, 20, 0.05);
	border: 1px solid rgba(245, 200, 20, 0.5);
	border-radius: 5px;
	color: var(--yellow);
}

.stepper-wrapper {
	display: flex;
	justify-content: space-between;
	margin: 0 -15px;
}

.stepper-item {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 1;
}

.stepper-item.active::after {
	position: absolute;
	content: "";
	border-bottom: 2px solid var(--green);
	width: 100%;
	top: 4px;
	left: -50%;
	z-index: 10;
}

.stepper-item::before {
	position: absolute;
	content: "";
	border-bottom: 1px solid rgba(32, 241, 158, 0.5);
	width: 100%;
	top: 4px;
	left: -50%;
	z-index: 2;
}

.stepper-item.active .step-counter {
	width: 8px;
	height: 8px;
	margin-top: 1px;
}

.stepper-item .step-counter {
	position: relative;
	z-index: 5;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 5px;
	height: 5px;
	background: var(--green);
	border-radius: 50px;
	margin-top: 2px;
}

.stepper-item:first-child::before {
	content: none;
}

.stepper-item:last-child::after {
	content: none;
}

.tooltip-inner {
	background-color: rgba(32, 241, 158, 0.5);
	box-shadow: 0px 0px 4px black;
	opacity: 1 !important;
	font-size: 12px;
}

.nav-pills.underline .nav-link {
	font-size: 12px;
	font-weight: 500;
	color: var(--gray50);
}

.nav-pills.underline .nav-link.active {
	background-color: transparent;
}

.nav-pills.underline .nav-link:hover {
	color: #fff;
}

.nav-pills.underline .nav-link:hover:after,
.nav-pills.underline .nav-link.active:after {
	content: '';
	border-bottom: 2px solid var(--green);
	width: 40px;
	display: block;
	margin: 3px auto 0;
}

.calendar-tabs {
	background-color: rgba(217, 217, 217, 0.05);
	border-radius: 37px;
	padding: 10px;
}

.calendar-tabs .nav-link.active {
	background-color: rgba(217, 217, 217, 0.1);
	border-radius: 20px;
	color: var(--green);
}

.calendar-tabs .nav-link {
	font-size: 14px;
	color: var(--white);
}

.btn-buysell,
.btn-buysell:hover {
	background: rgba(255, 255, 255, 0.05);
	border-radius: 10px;
}

.btn-buysell.text-green:hover {
	color: var(--green);
}

.btn-buysell.text-orange:hover {
	color: var(--orange);
}

.sticky-btm-box {
	position: fixed;
	width: 100%;
	max-width: 428px;
	bottom: 60px;
}

.has-sticky-btm {
	padding-bottom: 220px!important;
}