@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

::-webkit-scrollbar {
	width:3px;
	height:3px;
} 
::-webkit-scrollbar-track {
	background:#eee;
} 
::-webkit-scrollbar-thumb {
	background:#dfd4f5; 
}

body{
	padding:0;
	background:var(--bg-body);
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Rajdhani", sans-serif;
	line-height: 1.25;
	font-weight: 700;
	color:var(--text-color-default-dark);
}
a{
	color:#6F528A;
	text-decoration:none;
	transition:all ease .3s;
}
a:hover{
	opacity:.5;
}
input:focus{
	outline:none !important;
	box-shadow:none !important;
}

/*** Text css ***/
.text-default-dark{
	color:var(--text-color-default-dark);
}

/*** Button css ***/
#backButton, .backButton{
	cursor:pointer;
}
#backButton i.bx, .backButton i.bx{
	color:var(--text-color-default-dark) !important;
}
.btn-theme{
	border-radius:35px;
	padding:12pt 25pt;
	background:var(--btn-theme-bg-color);
	color:var(--btn-theme-text-color);
	font-weight:bold;
	display:block;
}
.btn-theme-outline{
	border:1px solid var(--btn-theme-outline-border);
	border-radius:35px;
	padding:12pt 25pt;
	background:var(--btn-theme-outline-bg);
	color:var(--btn-theme-outline-text);
	font-weight:bold;
	display:block;
}

/*** Dark mode css ***/
.dark-mode-toggle {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: none;
	display: inline-block;
	border: none;
	border-radius: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width:100%;
	height:36px;
	padding:0 10px;
	cursor: pointer;
	overflow: hidden;
	border-radius: .4rem;
	/*border: .2rem solid var(--grey--dark);*/
}

.dark-mode-toggle:focus {
	outline: none;
}

:root[data-theme="dark"] .dark-mode-toggle__text:before {
	content: "Light Mode";
	text-transform:uppercase;
	font-size:12px;
}

:root[data-theme="light"] .dark-mode-toggle__text:before {
	content: "Dark Mode";
	text-transform:uppercase;
	font-size:12px;
}

.dark-mode-toggle__icon {
	display: block;
	background:#000;
	border-radius: 50%;
	width:18px;
	height:18px;
	position: relative;
	transition: width 0.3s, height 0.3s;
	z-index: 1;
	transform: rotate(-20deg);
}

.dark-mode-toggle__icon:before {
	z-index: 0;
	content: "";
	position: absolute;
	display: block;
	border-right: none;
	border-radius: 50%;
	width: 1.6rem;
	height: 1.6rem;
	top: 50%;
	left: 50%;
	transition: opacity 0.3s, background-image 03s;
	opacity: 0;
	transform: translate(-50%, -50%) rotate(0deg);
	animation: spin__rays 4s linear infinite;
	background-image: linear-gradient(
      0deg,
      transparent 46%,
      #000 46%,
      #000 54%,
      transparent 54%
    ),
    linear-gradient(
      90deg,
      transparent 46%,
      #000 46%,
      #000 54%,
      transparent 54%
    ),
    linear-gradient(
      45deg,
      transparent 47%,
      #000 47%,
      #000 53%,
      transparent 53%
    ),
    linear-gradient(
      135deg,
      transparent 47%,
      #000 47%,
      #000 53%,
      transparent 53%
    );
}

.dark-mode-toggle__icon:after {
	content: "";
	position: absolute;
	display: block;
	background:#f1ecf4;
	border-radius: 0.7rem;
	width:16px;
	height:16px;
	top: 50%;
	left: 200%;
	transform: translateY(-50%);
	transition: left 0.3s;
}

.dark-mode-toggle:hover .dark-mode-toggle__icon {
	/*background:orange;*/
}
.dark-mode-toggle:hover .dark-mode-toggle__icon:before {
  background-image:
	linear-gradient(
	  0deg,
	  transparent 47%,
	  orange 47%,
	  orange 53%,
	  transparent 53%
	),
	linear-gradient(
	  90deg,
	  transparent 47%,
	  orange 47%,
	  orange 53%,
	  transparent 53%
	),
	linear-gradient(
	  45deg,
	  transparent 48%,
	  orange 48%,
	  orange 52%,
	  transparent 52%
	),
	linear-gradient(
	  135deg,
	  transparent 48%,
	  orange 48%,
	  orange 52%,
	  transparent 52%
	);
}

:root[data-theme="light"] .dark-mode-toggle__icon:after {
	left: 40%;
}
:root[data-theme="dark"] .dark-mode-toggle__icon {
	width:16px;
	height:16px;
	background: orange;
}
:root[data-theme="dark"] .dark-mode-toggle__icon:before {
	opacity: 1;
	background-image: linear-gradient(0deg, transparent 46%, orange 46%, orange 54%, transparent 54%), linear-gradient(90deg, transparent 46%, orange 46%, orange 54%, transparent 54%), linear-gradient(45deg, transparent 47%, orange 47%, orange 53%, transparent 53%), linear-gradient(135deg, transparent 47%, orange 47%, orange 53%, transparent 53%);
}
:root[data-theme="dark"] .dark-mode-toggle__icon:after{
	top:-30px;
}

@keyframes spin__rays {
	from {
		transform: translate(-50%, -50%) rotate(0deg);
	}
	to {
		transform: translate(-50%, -50%) rotate(90deg);
	}
}

/* Hide only visually, but have it available for screenreaders */
.hidden--visually {
	/*border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width:1;*/
	color:var(--text-color-default);
	margin-left:10px;
}
.theme-image {
	transition: opacity 0.5s ease-in-out;
	opacity: 1;
}

.theme-image.fade {
	opacity: 0; /* Start with the image faded out */
}

/*** Main ***/
/***** offcanvas *****/
.offcanvas{
	background-color:var(--bg-offcanvas);
}
.offcanvas.offcanvas-end{
	border-left:none !important;
}
.btn-close-offcanvas{
	color:var(--text-color-default);
}
.myWallet-address{
	display:flex;
	align-items:center;
	max-width:320px;
	overflow:hidden;
	gap:10px;
	color:var(--text-color-offcanvas);
	font-weight:500;
}
.myAvatars{
	width:32px;
	height:32px;
	overflow:hidden;
	border-radius:50%;
	display:flex;
	justify-content:center;
	align-items:center;
}
.myAvatars img{
	max-width:100%;
}
.log-out-block{
	display:flex;
	align-items:center;
	margin-left:auto;
	gap:10pt;
	text-transform:uppercase;
	color:var(--text-color-offcanvas);
	font-weight:500;
	font-size:12px;
}
.log-out-block a{
	color:var(--text-color-offcanvas);
}
.icon-logOut{
	max-width:14px;
}
.myReferral-code{
	color:var(--text-color-offcanvas);
}
.referral-code{
	font-size:16px;
	font-weight:bold;
	color:var(--text-color-offcanvas);
}
.copy-referral-code{
	margin-left:auto;
}
.copy-referral-code a{
	color:var(--text-color-offcanvas);
	font-size:12px;
	font-weight:500;
	text-transform:uppercase;
}
.offcanvas-nav a{
	color:var(--text-color-offcanvas) !important;
	font-weight:600;
	transition:all ease .3s;
}
.offcanvas-nav a.nav-link{
	padding:10pt 0;
	font-weight:bold;
	transition:all ease .3s;
}
.sidebar {
	position: fixed;
	top: 0;
	right: 0;
	width:100%;
	max-width: 400px;
	height: 100%;
	background-color:var(--bg-offcanvas);
	color: white;
	padding: 20px;
	box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2);
	opacity: 0;
	visibility: hidden;
	transform: translateX(100%);
	transition: all 0.3s ease;
	z-index: 10000;
}
.sidebar.active {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}
.sidebar .close-btn{
	border:none;
	background:none;
}
.sidebar .close-btn i{
	color:var(--text-color-offcanvas);
}
.sidebar h2{
	color:var(--text-color-offcanvas);
}
.sidebar-divider{
	width:100%;
	margin:15pt 0;
	border-bottom:1px solid var(--text-color-offcanvas);
	opacity:.15;
}
.navbar-list{
	margin:0;
	padding:0;
}
.navbar-list li{
	list-style:none;
	display:block;
}
.navbar-list li a{
	display:block;
	padding:10pt;
	color:var(--text-color-offcanvas);
}
/***** offcanvas end *****/

.main-wrapper{
	background:var(--bg-color-FDF7FF);
	height: 100vh;
    max-width: 500px;
    margin: 0 auto;
    padding-bottom:60pt;
    position: relative;
    overflow-Y: auto;
}
.main-fixed-navbar{
	padding:0 !important;
}
.fixed-navbar-inner{
	max-width:500px !important;
	width:100% !important;
	min-height:60px;
	background:var(--bg-color-FDF7FF);
	padding:15pt;
	padding-bottom:5pt;
	padding-top:5pt;
	border-bottom:1px solid rgba(200,200,200,.15);
}
.fixed-navbar-bottom{
	border-bottom:1px solid var(--border-bottom);
}
.navbar-toggler{
	border:none;
}
.navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler:hover{
	outline:none !important;
	border:none !important;
	box-shadow:none;
}
.navbar-toggler-icon{
	max-width:32px;
}
.main-logo{
	max-width:100px;
	margin:5px 0;
}
.notification-icon{
	color:var(--text-color-333);
	font-weight:bold;
	padding:0 10px;
	position:relative;
}
span.notice-dot{
	position:absolute;
	right:5px;
	top:0px;
	width:6px;
	height:6px;
	background:#d00;
	border-radius:50%;
}
.fixed-bottom-navbar{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;

}
.fixed-bottom-navbar-inner{
	max-width:500px !important;
	width:100% !important;
	min-height:60px;
	background:var(--fixed-bottom-navbar-inner-bg);
}
.bottom-navbar{
	padding:10pt 0;
}
.bottom-navbar ul{
	margin:0;
	padding:0;
	display:flex;
	justify-content:space-around;
}
.bottom-navbar li{
	list-style:none;
	display:block;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#48454E;
	text-align:center;
	width:20%;
}
.bottom-navbar li a{
	text-decoration:none;
	color:var(--bottom-navbar-a-color);
	transition:all ease .3s;
}
.bottom-navbar li a:hover{
	opacity:.5;
}
.bottom-navbar li a.active{
	color:var(--bottom-navbar-a-active);
}
.bottom-navbar-icon{
	width:25px;
	height:auto;
	display:block;
	margin:0 auto 5pt;
}
.bottom-navbar-icon img{
	max-width:100%;
	width:100%;
}
.bottom-navbar-icon.icon-earn{
	width:50px;
	margin-top: -30px;
    margin-bottom: 9pt;
}
@media(max-width:500px){
	.bottom-navbar li{
		font-size:8pt;
	}
}
/*** connect wallet ***/
.connect-wallet-grid{
	height:100vh !important;
	position:realtive;
}
.connect-wallet-grid:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../img/connect-wallet-bg.png) no-repeat;
	background-size:cover;
	background-position:center;
}
.connect-wallet-view-grid{
	padding:10pt 15pt;
	padding-top:30pt;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	position:relative;
}
.connect-wallet-view-grid p{
	color:var(--text-color-default-dark);
}
.connect-wallet-img{
	width:100%;
	max-width:320px;
	display:block;
	margin:30pt auto;
}
.referral-input-grid{
	width:100%;
	padding:10px;
	margin-bottom:10pt;
	border:1px solid #79757F;
	border-radius:10px;
	background:var(--referral-input-grid-bg);
}
.referral-input-grid label{
	font-size:12px;
	color:var(--referral-input-grid-label);
}
.referral-input-grid input{
	width:100%;
	border:none;
	background:transparent;
	font-size:12pt;
	font-weight:600;
	color:var(--referral-input-grid-input);
}
.referral-input-grid input::placeholder{
	color:var(--referral-input-grid-input-placeholder);
}
.accept-our-terms{
	color:var(--accept-our-terms-text);
	font-size:80%;
	width:100%;
}
.radios-terms-container {
	display: block;
	position: relative;
	padding-left:45px;
	margin-bottom: 12px;
	font-size:14px;
	color:var(--text-color-default-dark);
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.radios-terms-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
.radios-terms-checkmark {
	position: absolute;
	top:5px;
	left:10px;
	height: 20px;
	width: 20px;
	border:2px solid var(--radios-terms-checkmark);
}
.radios-terms-container:hover input ~ .radios-terms-checkmark {
	background-color: #ccc;
}
.radios-terms-container input:checked ~ .radios-terms-checkmark {
	border-color: transparent;
}
.radios-terms-checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.radios-terms-container input:checked ~ .radios-terms-checkmark:after {
	display: flex;
}
.radios-terms-container .radios-terms-checkmark:after {
	content:"\ea41";
	font-family: boxicons !important;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#dbb9f9;
	justify-content:center;
	align-items:center;
	font-size:14pt;
	font-weight:bold;
	color:#625690;
}
.radios-terms-container a{
	color:var(--radios-terms-container-ahref);
}
/*** Home/ Dashboard page ****/
.main-wrapper-inner{
	padding:60px 0 100px;
	height:auto;
	background:var(--bg-color-FDF7FF);
}
.main-wrapper-inner-title{
	padding:10pt 15pt;
}
.dashboard-view-grid-01{
	padding:15pt 10pt;
	background:var(--dashboard-grid-01-bg);
}
.daily-staking-stats h4{
	color:var(--text-color-default-dark);
	margin-bottom:0;
}
.icon-earth{
	max-width:22px;
}
span.as-date{
	color:var(--text-color-default-dark);
	font-size:14px;
}
.staking-stats-img{
	max-width:36px;
}
.stake-amount-grid{
	display:flex;
	gap:10px;
	position:relative;
}
.stake-amount-grid:before{
	content:'';
	position:absolute;
	top:50%;
	left:54%;
	transform:translate(-50%,-50%);
	width:1px;
	height:120px;
	background:rgba(100,100,100,.5);
}
.stake-amount-left-grid{
	width:60%;
}
.stake-amount-right-grid{
	width:40%;
}
.stake-amount-block{
	margin-bottom:10pt;
}
.stake-amount-display, .stake-in-queue-display{
	font-size:2em;
	font-weight:bold;
	color:var(--text-color-default-dark);
}
.stake-amount-grid-title{
	font-size:14px;
	font-weight:600;
	color:var(--text-color-default-dark);
}
.stake-today-block{
	margin-bottom:10pt;
}
.stake-today-display{
	font-size:2em;
	font-weight:bold;
	color:var(--text-color-default-dark);	
}
.btn-view-queue{
	padding:10pt;
	border-radius:15px;
	background:var(--btn-view-queue-bg);
    display: inline-flex;
    align-items: center;
    gap: 10px;
	font-weight:bold;
	color:var(--btn-view-queue-text);
}
.btn-view-queue i{
	font-weight:bold;
	margin-top:3px;
}
.dashboard-view-grid-02{
	padding:15pt 0;
	background:var(--bg-color-FDF7FF);
}
.dashboard-main-icon-grid{
	margin:10pt 0;
}
.dashboard-main-icon-grid ul{
	margin:0;
	padding:0;
	display:flex;
	align-items:center;
}
.dashboard-main-icon-grid li{
	display:block;
	list-style:none;
	width:20%;
	text-align:center;
}
.dashboard-main-icon-grid li a{
	color:var(--text-color-default-dark);
}
.dashboard-main-icon{
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0 auto 10px;
	padding:5px;
	width:46px;
	height:46px;
	border-radius:50%;
	background:var(--dashboard-main-icon-bg);
}
.dashboard-main-icon img{
	max-width:100%;
}
.dashboard-main-icon-title{
	font-weight:600;
}
.dashboard-view-grid-03{
	padding:15pt;
	position:relative;
}
.btn-add-token{	
	border-radius:25px;
	background:var(--btn-add-token-bg);
	display:flex;
	align-items:center;
}
.btn-add-token a{
	padding:5px 15px;
	display:flex;
	align-items:center;
	gap:5px;
	color:var(--btn-add-token-color);
	text-transform:uppercase;
	font-weight:500;
	font-size:14px;
}
.btn-add-token a i{
	font-size:16pt;
}
.my-tokens-grid{
	margin:15pt 0;
	padding:0;
}
.my-tokens-grid ul{
	margin:0;
	padding:0	
}
.my-tokens-grid li{
	display:block;
	list-style:none;
	margin-bottom:10pt;
}
.my-tokens-grid li a{
	display:block;
}
.my-tokens-card{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.my-tokens-card-left{
	display:flex;
	gap:10px;
}
.my-tokens-icon{
	width:52px;
	height:52px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
}
.my-tokens-icon img{
	width:100%;
	max-width:100%;
}
.my-tokens-name{
	font-weight:bold;
	font-size:16pt;
	color:var(--text-color-default-dark);
}
.my-tokens-code{
	font-size:12px;
	text-transform:uppercase;
	color:var(--text-color-default-dark);
}
.my-tokens-card-right{
	text-align:right;
}
.my-tokens-amount{
	font-size:16pt;
	font-weight:bold;
	color:var(--text-color-default-dark);
}
.my-tokens-amount-value{
	font-weight:500;
	color:var(--text-color-default-dark);
}
.add-tokens-list{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
}
.add-tokens-list-wrapper{
	width:100%;
	max-width:500px;
	margin:0 auto;
	position:relative;
}
.sliding-div {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height:65vh;
	max-height:65vh;
	color: white;
	display: none; /* Hidden initially */
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transform: translateY(100%); /* Start off-screen */
	transition: transform 0.3s ease-in-out;
}
.sliding-div.active {
	display: flex; /* Show the div */
	transform: translateY(0); /* Slide into view */
}
.sliding-div-wrapper{
	width:100%;
	max-width:500px;
	height:100%;
	background:var(--sliding-div-wrapper-bg);
	position:relative;
	border-radius:15px 15px 0 0;
	box-shadow:0px -10px 10px rgba(100,100,100,.15);
}
.sliding-div-header{
	padding:15pt;
	text-align:center;
	position:relative;
}
.sliding-div-title{
	color:var(--text-color-default-dark);
	padding:15pt 0;
	font-weight:bold;
	font-size:16pt;
}
.close-sliding-div-btn{
	position:absolute;
	right:10px;
	top:-10px;
	width:45px;
	height:45px;
	padding:10px;
	border-radius:50%;
	border:1px solid var(--close-sliding-div-btn-border);
	background:var(--close-sliding-div-btn-bg);
	display: flex;
    justify-content: center;
    align-items: center;
	color:var(--text-color-default-dark);
	font-weight:bold;
	font-size:14pt;
}
.close-sliding-div{
	width:100%;
	max-width:125px;
	height:5px;
	display:block;
	margin:0 auto;
	border-radius:20px;
	border:0;
	border-top:1px solid #888;
	cursor:pointer;
	box-shadow:inset 5px 1px 5px rgb(219 219 219 / 15%);
}
.sliding-div-body{
	padding:15pt;
	padding-bottom: 150pt;
    overflow: auto;
    height: 100%;
	color:var(--text-color-default-dark);
}
.sliding-div-fixed-bottom{
	position:fixed;
	left:50%;
	bottom:0;
	transform:translateX(-50%);
	width:100%;
	max-width:500px;
	background:var(--sliding-div-fixed-bottom-bg);
	padding:10pt;
	margin:0 auto;
}
.sliding-div-btn-reset{
	border:1px solid #888;
	border-radius:25px;
	padding:10px;
	color:var(--sliding-div-btn-reset-text);
	font-weight:bold;
	text-align:center;
}
.sliding-div-btn-confirm{
	border-radius:25px;
	padding:10px 15pt;	
	color:var(--sliding-div-btn-confirm-text);
	font-weight:bold;
	text-align:center;
	background:var(--sliding-div-btn-confirm-bg);
}
/*.close-button {
	margin-top: 10px;
	padding: 5px 10px;
	background-color: #FF6347;
	color: white;
	border: none;
	border-radius: 3px;
	cursor: pointer;
}
.close-button:hover {
	background-color: #d32f2f;
}*/
.tokens-list-grid{
	margin-bottom:15pt;
}
.tokens-list-grid h4{
	font-size:12pt;
	font-weight:bold;
	color:var(--tokens-list-grid-h4);
}
.tokens-list-grid ul{
	margin:0;
	padding:0;
}
.tokens-list-grid li{
	display:block;
	list-style:none;
}
.tokens-list-grid li a{
	display:block;
}
.tokens-list-card{
	padding:10pt;
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
}
.tokens-list-card-left{
	display:flex;
	align-items:center;
	gap:10px;
}
.tokens-list-card-icon{
	width:52px;
	height:52px;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	background:#eee;
	border-radius:50%;
}
.tokens-list-card-icon img{
	max-width:100%;
	width:100%;
}
.tokens-list-card-name{
	font-weight:bold;
	font-size:16pt;
	color:var(--text-color-default-dark);
}
.tokens-list-card-code{
	font-size:12px;
	color:var(--text-color-default-dark);
}
.tokens-list-right{
	width:45px;
	height:45px;
	margin-left:auto;
}
.tokens-list-right i{
	color:var(--text-color-default-dark);
	font-size:20pt;
}

@media(min-width:991px){
	.daily-staking-stats{
		padding-left:15pt;
	}
	.stake-amount-block, .stake-in-queue-block{
		padding-left:15pt;
	}
}
@media(max-width:500px){
	.stake-amount-display, .stake-in-queue-display{
		font-size:1.5em;
	}
	.stake-today-display{
		font-size:1.5em;
	}
	.btn-view-queue{
		font-size:14px;
		gap:5px;
	}
	.dashboard-main-icon-title{
		font-size:14px;
	}
}
/*** Token detail page ***/
.token-details-headline{
	display:flex;
	align-items:center;
	gap:10pt;
}
.token-details-headline h4{
	font-weight:bold;
	font-size:14pt;
	color:var(--text-color-default-dark);
	margin-bottom:0;
}
.token-details-headline img{
	width:100%;
	max-width:32px;
	height:32px;
}
.token-details-view-grid01{
	padding:15pt;
	background:var(--token-details-view-grid01);
}
.total-balance-token{
	margin-bottom:15pt;
}
.total-balance-token h4{
	margin-bottom:0;
}
.total-balance-token a{
	color:var(--text-color-default-dark);
}
.total-balance-token-amount{
	font-weight:bold;
	font-size:20pt;
	color:var(--text-color-default-dark);
}
.total-balance-token-value{
	font-size:14px;
	color:var(--text-color-default-dark);
}
.token-spending-balance{
	margin-bottom:15pt;
}
.token-spending-balance h4{
	margin-bottom:0;
}
.spending-balance-amount{
	font-weight:bold;
	font-size:26pt;
	color:var(--text-color-default-dark);
}
.spending-balance-value{
	font-size:14px;
	color:var(--text-color-default-dark);
}
.token-details-view-grid02{
	border-radius:10px 10px 0 0;
	margin-top:-10px;
	padding:15pt;
	background:var(--token-details-view-grid02-bg);
}
.token-details-icons-grid{
	padding:10pt 0;
}
.token-details-icons-grid ul{
	margin:0;
	padding:0;
	display:flex;
	justify-content:center;
	align-items:center;
}
.token-details-icons-grid li{
	list-style:none;
	display:block;
	width: 20%;
    text-align: center;
}
.token-details-icons-grid li a{
	color:var(--text-color-default-dark);
}
.token-details-icons{
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0 auto 10px;
	padding:5px;
	width:46px;
	height:46px;
	border-radius:50%;
	background:var(--token-details-icons-bg);
}
.token-details-icons img{
	max-width:100%;
}
.token-details-icons-title{
	font-weight:600;
}
.token-details-transaciton-history{
	margin:15pt 0;
}
.transaction-history-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:15pt;
}
.transaction-history-head h4{
	font-weight:bold;
	color:var(--text-color-default-dark);
	margin-bottom:0;
}
.view-all-history{
	background:var(--view-all-history-bg);
	padding:5px 10px;
	border-radius:15px;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	color:var(--text-color-default-dark);
	display:flex;
	align-items:center;
	gap:3px;
}
.view-all-history i{
	color:#888;
}
.transaction-history-body{
	overflow:auto;
	height:100%;
}
ul.transaction-history-grid{
	margin:0;
	padding:0;
}
ul.transaction-history-grid li{
	display:block;
	list-style:none;
	margin-bottom:10pt;
}
ul.transaction-history-grid h3.pickup-date-display{
	font-weight:bold;
	font-size:14pt;
}
.transaction-history-card{
	display:flex;
	justify-content:space-between;
	color:var(--transaction-history-card-text);
}
.transaction-history-card-left{
	font-size:12px;
}
.transaction-history-title{
	font-weight:bold;
	font-size:12pt;
	color:var(--transaction-history-title-text);
}
.transaction-history-token{
	font-size:12px;
}
.grey-dot{
	width:6px;
	height:6px;
	border-radius:50%;
	background:#ccc;
	display:block;
}
.transaction-history-status{
	text-transform:uppercase;
	font-weight:bold;
}
.transaction-history-card-right{
	text-align:right;
}
.transaction-history-amount{
	font-size:14px;
	font-weight:bold;
}
.transaction-history-amount-value{
	font-size:14px;
}
.transaction-history-card.completed .transaction-history-status,
.transaction-history-card.completed .transaction-history-amount
{
	color:var(--transaction-history-card-completed);
}
.transaction-history-card.pending .transaction-history-status,
.transaction-history-card.pending .transaction-history-amount
{
	color:#ffc107;
}
.transaction-history-card.cancel .transaction-history-status,
.transaction-history-card.cancel .transaction-history-amount
{
	color:#d00;
}
.balance-icon img{
	max-width:45px;
}
.reverse-balance{
	margin:10pt 0;
	padding:5pt 10pt;
	background:var(--reverse-balance-bg);
	border-radius:10px;
	display:block;
	width:100%;
	color:var(--text-color-default-dark);
}
.reverse-balance span{
	font-weight:bold;
}
/*** transaction history ***/
.inner-navbar-title h4{
	margin-bottom:0;
	font-size:14pt;
	color:var(--text-color-default-dark);
}
/*** tubeswap page ***/
.navbar-page-title h4{
	margin-bottom:0;
	color:var(--text-color-default-dark);
}
.tubeswap-view-grid-01{
	padding:10pt 15pt;
}
.tubeswap-main-col{
	margin:10pt 0;
	padding:0;
}
.tubeswap-main-col ul{
	margin:0;
	padding:0;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:30pt;
}
.tubeswap-main-col li{
	display:block;
	list-style:none;
	width:33.33%;
}
.tubeswap-main-col-card{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:10px;
}
.tubeswap-main-col-card h3{
	margin-bottom:0;
	font-size:14pt;
}
.tubeswap-main-col-icon{
	border:1px solid var(--tubeswap-main-col-icon-border);
	border-radius:15px;
	background:var(--tubeswap-main-col-icon-bg);
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:88px;
}
.tubeswap-main-col-icon img{
	max-width:52px;
}
.tubeswap-view-grid-02{
	padding:10pt 15pt;
}
.tubeswap-view-grid-02-header{
	border-bottom:1px solid var(--tubeswap-view-grid-02-header-border-bottom);
	padding-bottom:5px;
}
.tabbed-token-pool .nav-link{
	color:#777;
	font-weight:600;
	position:relative;
}
.tabbed-token-pool .nav-link.active:before{
	content:'';
	position:absolute;
	left:0;
	bottom:-8px;
	width:100%;
	height:1px;
	background:var(--tabbed-token-pool-active-bg) no-repeat;
	transition:opacity 0.5s ease-in-out;
}
.tabbed-token-pool .nav-link.active, .tabbed-token-pool .show>.nav-link{
	background-color:transparent;
	color:var(--text-color-default-dark);
	border-radius:0;
}
.network-select{
	padding:10px;
	border:none;
	border-radius:25px;
	background:#eee;
}
select.network-select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding:10px 15px;
	padding-right:25px;
    border: none;
	position:relative;
}
.select-network-icon{
	max-width:25px;
}
/* Hide the default select element */
select.network-select {
    display: none;
}
/* Custom select container */
.custom-select-wrapper {
    position: relative;
    display: inline-block;
    width:auto;
}
/* Custom select styles */
.custom-select-inner {
    position: relative;
}
.custom-select-trigger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color:var(--custom-select-trigger-bg) ;
    padding:10px 10pt;
    border:none;
    border-radius:25px;
    cursor: pointer;
	gap:10pt;
	color:var(--text-color-default-dark);
}
/* Dropdown arrow */
.custom-select-inner .arrow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333;
    transition: transform 0.3s ease; /* Smooth rotation */
}
/* Rotate arrow when dropdown is open */
.custom-select-inner.open .arrow {
    transform: rotate(180deg);
}
/* Dropdown list */
.custom-options {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border: 1px solid #ccc;
    border-top: none;
    background-color: #fff;
    z-index: 10;
}
.custom-option {
    padding: 10px;
    cursor: pointer;
}
.custom-option:hover {
    background-color: #f0f0f0;
}
/* Show dropdown */
.custom-select-inner.open .custom-options {
    display: block;
}

.explore-token-headline{
	display:flex;
	justify-content:space-between;
	align-items:center;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#888;
	margin-bottom:15pt;
}
.token-volume-grid{
	margin:10px 0;
	padding:0;
}
.token-volume-grid ul{
	margin:0;
	padding:0;
}
.token-volume-grid li{
	display:block;
	list-style:none;
	margin-bottom:10pt;
}
.token-volume-card{
	display:flex;
	align-items:center;
}
.token-volume-card-left, .token-volume-card-right{
	width:50%;
}
.token-volume-card-left{
	display:flex;
	align-items:center;
	gap:10pt;
}
.token-volume-card-right{
	display:flex;
	align-items:center;
	justify-content:end;
	gap:10pt;	
	color:var(--text-color-default-dark);
}
.token-volume-card-left b, .token-volume-card-right b{
	font-size:12pt;
}
.token-network-icon{
	position:relative;
}
.token-network-icon img{
	max-width:52px;
}
.from-network-icon{
	position:absolute;
	right:-5px;
	bottom:-5px;
}
.from-network-icon img{
	max-width:22px !important;
}
.token-volume-grid{
	color:var(--text-color-default-dark);
}
.price-percentage-badge{
	padding:5px 10px;
	background:#eee;
	border-radius:10px;
	color:var(--color-default-dark);
	font-size:12px;
}
.price-percentage-badge.up{
	background:#00391E;
	color:var(--price-percentage-badge-text);
}
.price-graph-block{
	max-width:65px;
}
.price-graph-block img{
	max-width:100%;
}
.token-pool-icon{
	position:relative;
	width:65px;
	height:65px;
}
.token-pool-icon img{
	max-width:45px;
}
.pool-token-01{
	position:absolute;
	top:0;
	left:0;
}
.pool-token-02{
	position:absolute;
	bottom:0;
	right:0;
}
@media(max-width:500px){
	.tubeswap-main-col-icon{
		max-height:65px;
	}
	.tubeswap-main-col-card h3{
		font-size:12pt;
	}
	.token-network-icon img{
		max-width:36px;
	}
	.from-network-icon img{
		max-width:16px !important;
	}
	.token-pool-icon{
		position:relative;
		width:52px;
		height:52px;
	}
	.token-pool-icon img{
		max-width:32px;
	}
}
/***token overview ***/
.token-overview-grid{
	padding:0;
}
.token-overview-header{
	display:flex;
	gap:10pt;
	padding:10pt 15pt;
}
.token-overview-info{
	position:relative;
	width:60px;
	height:60px;
}
.token-selected{
	width:100%;
	max-width:52px;
}
.token-network-selected{
	width:22px;
	height:22px;
	position:absolute;
	right:5px;
	bottom:5px;
}
.token-network-selected img{
	max-width:100%;
}
.token-overview-price-value h4{
	margin-bottom:0;
	font-size:22pt;
	line-height:normal;
}
.price-value-tag{
	font-size:14px;
	color:var(--text-color-default-dark);
}
.token-overview-chart{
	min-height:300px;
}
.token-overview-history-grid{
	padding:10pt;
}
.token-overview-history-grid h4{
	margin-bottom:0;
}
.table-history-overview{
	width:100%;
}
.table-history-overview thead tr td{
	font-weight:bold;
	font-size:12px;
	color:#777;
	text-transform:uppercase;
	background:transparent;
	border-bottom:1px solid var(--table-tr-td-border-bottom);
}
.table-history-overview tr td{
	font-size:14px;
	color:var(--text-color-default-dark);
	background:transparent;
	border-bottom:1px solid var(--table-tr-td-border-bottom);
}
.token-history-title{
	font-weight:bold;
}
.token-history-time{
	font-size:12px;
}
.token-history-amount-01 span{
	font-weight:600;
	color:var(--token-history-amount-span-plus);
	margin-right:3pt;
}
.token-history-amount-02 span{
	font-weight:600;
	color:var(--token-history-amount02-span-plus);
	margin-right:3pt;
}
.token-history-value-price span{
	font-weight:600;
	font-size:12pt;
}
.btn-copy-address{
	color:var(--text-color-default-dark);
	border:0;
	border-radius:5px;
	background:transparent;
	transition:all ease .3s;
}
.btn-copy-address:hover{
	opacity:.5;
	background:#ccc;
}
.fixed-bottom-button-grid{
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	z-index:1;
}
.fixed-bottom-button-inner{
	max-width:500px;
	width:100%;
	height:100%;
	background:var(--bg-color-FDF7FF);
	display:block;
	margin:0 auto;
	padding:16pt 10pt;
}
.fixed-bottom-button{
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;	
}
.fixed-bottom-button a{
	text-align:center;
	width:100%;
}
@media(max-width:500px){
	.token-overview-info{
		width:52px;
		height:52px;
	}
	.token-selected{
		max-width:40px;
	}
	.token-network-selected{
		width:20px;
		height:20px;
	}
	.table-history-overview{
		min-width:500px;
	}
}
/*** swap ***/
.history-icon{
	width:45px;
}
.swap-view-grid-01{
	padding:10pt 15pt;
	position:relative;
}
.swap-view-grid-01-inner{	
	display:flex;
	flex-direction:column;
	gap:20pt;
	position:relative;
}
.swap-section{
	padding:15pt;
	background:var(--swap-section-bg);
	border:1px solid var(--swap-section-border);
	border-radius:15px;
	position: relative;
	transition: opacity 0.5s ease, transform 0.5s ease;
}
.fade-up{
	opacity:0;
	transform:translateY(0px);
}
.fade-down{
	opacity:0;
	transform:translateY(-10px);
}
.swap-section label{
	display: block;
	font-size: 14px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom: 5pt;
	color: #888;
}
.swap-section select,
.swap-section input{
	width:100%;
	padding: 10px;
	font-size: 16px;
	border: 1px solid #ddd;
	border-radius: 5px;
	margin-bottom: 5px;
	display:block;
}
.swap-amount-price{
	font-size: 14px;
	font-weight:bold;
	color: #888;
	text-transform:uppercase;	
}
.swap-icon{
	display: flex;
	justify-content: center;
	align-items: center;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	z-index:1;
}
.switch-btn{
	background:transparent;
	border:0;
	width:65px;
	height:65px;
	padding:0;
}
.switch-btn img{
	max-width:100%;
	width:100%;
}
.swap-section input.swap-input-volume{
	border:0;
	background:transparent;
	text-align:right;
	font-size:20pt;
	font-weight:bold;
	color:var(--text-color-default-dark);
}
.swap-section input.swap-input-volume:focus{
	outline:none;
}

.custom-select-tokens {
	position: relative;
	cursor: pointer;
	width:100%;
}
.selected-item, .dropdown-item {
	display: flex;
	align-items: center;
	padding: 10px;
	border-radius: 5px;
	background-color:var(--selected-dropdown-item-bg);
	color:var(--selected-dropdown-item-text);
}
.dropdown-item{
	border:0;
}
.selected-item img, .dropdown-item img {
	width: 20px;
	height: 20px;
	margin-right: 10px;
}
.selected-item .chevron {
	margin-left: auto;
	font-size: 14px; /* Adjust as needed */
	transition: transform 0.3s ease; /* Smooth rotation */
}
/* Rotate chevron when active */
.selected-item.active .chevron {
	transform: rotate(180deg);
}
.dropdown {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index:2;
}
.dropdown-item {
	/*border-top: 1px solid #ccc;*/
	transition:all ease .3s;
	border-radius:0;
}
.dropdown-item:hover {
	background-color: #fff;
}
.swap-view-grid-02{
	padding:10pt 15pt;
	position:relative;
}
.swap-view-grid-02-inner{
	border:1px solid var(--swap-view-grid-02-inner-border);
	border-radius:15px;
	padding:10px;
	font-size:14px;
	font-weight:600;
	color:var(--swap-view-grid-02-inner-text);
}
.btn-insuf-balance{
	background:#e1bab6;
	color:#410002;
}
.select-01-wrapper{
	position:relative;
}
.select-01-wrapper{
	background:var(--select-01-wrapper-bg);
	border:1px solid #938F9933;
	border-radius:15px;
}
.select-01-wrapper:before{
	content:"";
	position:absolute;
	top:50%;
	right:5px;
	transform:translateY(-50%);
	width:20px;
	height:20px;
	background:url(../img/icons/icon-soft-alt.png) no-repeat;
	background-position:center;
	background-size:auto;
}
.select-01{	
	padding:5px 10px;
	padding-right:20px;
	border:0;
	background:transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position:relative;
	color:var(--text-color-default-dark);
}
.select-01 option{
	background:var(--bg-white);
}

.info-message-box{
	padding:10pt;
	background:var(--info-message-box-bg);
	border-radius:10px;
	font-size:14px;
	color:var(--info-message-box-text);
}
/*** pool view ***/
.pool-view-fixed-tab-header{
	border-bottom: 1px solid var(--pool-view-fixed-tab-header-border-bottom);
    padding-bottom: 7px;	
}
.fixed-tabbed{
	position:fixed;
	width:100%;
	max-width:500px;
	background:var(--bg-color-FDF7FF);
	z-index:1;
}
.tab-content-pool-view{
	margin-top:60px;
}
.pool-view-chart-grid-01{
	padding:10pt 15pt;
}
.ul-pair-info{
	margin:0;
	padding:0;
	padding-left:10pt;
}
.ul-pair-info li{
	list-style:none;
	display:block;
	font-weight:bold;
	color:var(--text-color-default-dark);
	padding-bottom:10pt;
}
.ul-pair-info li img{
	width:100%;
	max-width:32px;	
}
.tokens-unlocked-card{
	padding:10px;
	border:1px solid var(--tokens-unlocked-card-border);
	border-radius:10px;
}
.tokens-unlocked-card h4{
	color:var(--tokens-unlocked-card-h4);
	font-size:12pt;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:10px;
}
.total-tokens-unlocked{
	font-size:20pt;
	font-weight:bold;
	color:var(--text-color-default-dark);
}
.unlocked-badge{
	background:#efefef;
	border-radius:10px;
	padding:3px 10px;
	font-size:14px;
	font-weight:600;
}
.unlocked-badge.up{
	background:#00391E;
	color:var(--unlocked-badge-up);
}
.unlocked-badge.down{
	background:#410002;
	color:#fff;
}
.tokens-unlocked-list-card{
	border-radius:10px;
	background:var(--tokens-unlocked-list-card-bg);
	padding:10px;
	line-height:35pt;
	color:var(--text-color-default-dark);
}
.img-tokens-unlocked{
	width:100%;
	max-width:32px;		
}
.total-volume-24h{
	font-size:20pt;
	font-weight:bold;
	color:var(--text-color-default-dark);	
}
.points-value-convert{
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
	color:#6F528A;
}
.total-fee-24h{
	font-size:20pt;
	font-weight:bold;
	color:var(--text-color-default-dark);		
}
.myPositions-view-grid{
	padding:10pt 15pt;
}
.myPositions-card-01{
	padding:10px;
	border:1px solid var(--myPositions-card-border);
	border-radius: 10px;
}
.myPositions-card-01 h4{
	color:var(--card-title-color-purple);
	font-size:12pt;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:10px;	
}
.overview-details-grid{
	display:flex;
	align-items:center;
	font-weight:bold;
	font-size:14px;
	color:var(--text-color-default-dark);
	margin-bottom:10px;
}
.overview-amount{
	color:var(--overview-amount-text);
}
.tokens-overlap img{
	width:100%;
	max-width:30px;	
}
.tokens-overlap{
	display:flex;
	align-items:center;
	margin-left:5pt;
}
.tokens-overlap span{
	display:block;
}
.tokens-overlap span ~ span{
	margin-left:-15px;
}
.total-farming-earning{
	font-size:20pt;
	font-weight:bold;
	color:var(--text-color-default-dark);	
}
.myPositions-card-02{
	padding:10px;
	border:1px solid var(--myPositions-card-border);
	border-radius: 10px;
}
.choose-status-tabbed{
	background:var(--choose-status-tabbed-bg);
	border-radius:20px;
	padding:5px;
	margin-bottom:10pt;
}
.choose-status-tabbed ul{
	margin:0;
	padding:0;
	display:flex;
	justify-content:space-between;
	gap:10px;
}
.choose-status-tabbed li{
	list-style:none;
	width:25%;
	text-align:center;
}
.choose-status-tabbed li a.active{
	background:var(--choose-status-tabbed-li-active);
	font-weight:bold;
	color:var(--choose-status-tabbed-li-active-text);
	padding:5px 10px;
	border-radius:20px;
}
.choose-status-tabbed li a{
	font-size:14px;
	font-weight:bold;
	color:#79757F;
	width:100%;
	display:block;
	padding:5px 10px;
	border-radius:20px;
}
.status-type-choose{
	font-size:12px;
	font-weight:600;
	text-transform:uppercase;
	color:var(--card-title-color-purple);
	margin-bottom:15px;
}
.position-card-existing{
	margin-bottom:15px;
}
.position-card-existing a{
	display:flex;
	align-items:center;
	gap:15px;
	width:100%;
	border-radius:15px;
	padding:10px;
	background:var(--position-card-existing-a-bg);
	color:var(--text-color-default-dark);
}
.tokens-selected-position{
	position:relative;
	width:75px;
	height:75px;
}
.tokens-selected-01{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	max-width:45px;
}
.tokens-selected-02{
	position:absolute;
	left:25px;
	top:25px;
	width:100%;
	max-width:45px;
}
.tokens-selected-01 img, .tokens-selected-02 img{
	max-width:100%;
	width:100%;
}
.tokens-selected-network{
	position:absolute;
	bottom:0px;
	right:0px;
	width:22px;
	height:22px;
}
.tokens-selected-network img{
	width:100%;
	max-width:100%;
}
.tokens-selected-name{
	font-size:16pt;
	color:#79757F;
}
.tokens-selected-name span{
	font-weight:bold;
	color:var(--text-color-default-dark);
}
.tokens-selected-min-max{
	font-size:14px;
	color:#79757F;
}
.tokens-selected-min-max span{
	font-weight:bold;
	color:var(--text-color-default-dark);
}
.tokens-to-tokens{
	font-size:14px;
	color:var(--text-color-default-dark);
}
.view-position-list{
	margin-bottom:10px;
	display:flex;
	align-items:center;
	gap:10px;
	color:var(--text-color-default-dark);
}
.view-position-list a{
	color:var(--text-color-default-dark);
}
.check-position-icon{
	max-width:25px;
}
@media (max-width:500px){
	.tokens-selected-position{
		width:60px;
		height:60px;
	}
	.position-card-existing a{
		gap:7px;
	}
	.tokens-selected-01{
		max-width:36px;
	}
	.tokens-selected-02{
		max-width:36px;
		left:20px;
		top:20px;
	}
	.tokens-selected-name{
		font-size:18px;
	}
	.tokens-selected-min-max, .tokens-to-tokens{
		font-size:12px;
	}
}
@media (max-width:414px){
	.ul-pair-info li{
		padding-bottom:5px;
	}
	.tokens-unlocked-card h4{
		margin-bottom:5px;
	}
	.tokens-unlocked-list-card{
		line-height:25pt;
	}
	.tokens-selected-position{
		width:45px;
		height:45px;
	}
	.tokens-selected-01, .tokens-selected-02{
		max-width:30px;
	}
	.tokens-selected-02{
		left:10px;
		top:10px;
	}
	.tokens-selected-network{
		width:16px;
		height:16px;
		bottom:5px;
	}
}
/*** send ***/
.send-view-grid-01{
	padding:10pt;
}
.send-grid-card{
	margin-bottom:15pt;
	padding:10pt;
	border:1px solid var(--send-grid-card-border);
	border-radius:10px;	
	color:var(--send-grid-card-text);
}
.send-grid-card-label{
	font-size:14px;
	text-transform:uppercase;
}
.send-amount-grid{
	padding:20pt 0;
	text-align:center;
}
.input-grand-amount-send{
	width:100%;
	margin-bottom:10pt;
	font-size:24pt;
	font-weight:bold;
	border:none;
	text-align:center;
	background:transparent;
	color:var(--text-color-default-dark);
}
.transfer-send-icon{
	width:100%;
	max-width:36px;
}
.input-wallet-ensName{
	margin:5pt 0 5pt;
	width:100%;
	font-size:16pt;
	border:none;
	background:transparent;
	color:var(--text-color-default-dark);
}
.input-wallet-ensName::placeholder{
	color:#aaa;
}
/*** choose assets ***/
.choose-assets-grid{
	
	min-height:360px;
}
.choose-assets-grid ul{
	margin:0;
	padding:0;
}
.choose-assets-grid li{
	display:block;
	list-style:none;
	padding:10pt 15pt;
	border-bottom:1px solid var(--choose-assets-grid-border);
}
.choose-assets-grid li a{
	color:var(--text-color-default-dark);
}
.choose-assets-card{
	display:flex;
	align-items:center;
}
.assets-card-icon{
	width:100%;
	max-width:45px;
}
.assets-total-amount{
	font-weight:bold;
	font-size:16pt;
}
@media(max-width:414px){
	.choose-assets-card{
		font-size:14px;
	}
	.assets-card-icon{
		max-width:36px;
	}
	.assets-total-amount{
		font-size:14pt;
	}
}
/*** Receive ***/
.receive-view-grid-01{
	padding:10pt 15pt;
}
.receive-view-grid-title{
	margin-bottom:15pt;
	font-size:16pt;
	font-weight:bold;
	color:var(--text-color-default-dark);
}
.choose-receive-chain{
	width: fit-content;
    margin: auto;
	padding:5px 10px;
	border-radius:35px;
	background:var(--choose-receive-chain-bg);
	display:flex;
	justify-content:center;
	align-items:center;
}
.choose-receive-chain a{
	padding:5px 15pt;
	border-radius:25px;
	background:var(--choose-receive-chain-a-bg);
	color:var(--choose-receive-chain-a-text);
	font-weight:bold;
}
.choose-receive-chain a.active{
	background:var(--choose-receive-chain-active-bg);
	color:var(--choose-receive-chain-active-text);
}
.qrcode-view-grid{
	width:100%;
	max-width:200px;
	margin:30pt auto;
	display:block;
}
.qrcode-view-grid img{
	max-width:100%;
}
.copy-address-badge{
	border-radius:10px;
	padding:10pt;
	background:var(--copy-address-badge-bg);
	display:flex;
	align-items:center;
	justify-content:space-around;
}
.user-wallet-address{
	width:80%;
	word-wrap: break-word;
	color:var(--user-wallet-address-text);
	font-weight:bold;
	font-size:14px;
}
.copy-address-badge a{
	color:var(--copy-address-badge-a);
	font-weight:bold;
}
.receive-info-msg{
	margin:15pt 0;
	display:flex;
	gap:10px;
	font-size:10pt;
	color:var(--receive-info-msg-text);
}
@media(max-width:500px){
	.qrcode-view-grid{
		max-width:165px;
	}
}
/*** History ***/
.top-fixed-tabbed{
	width:100%;
	overflow-x: auto; /* Enables horizontal scrolling */
	scrollbar-width: thin; /* For Firefox */
	scrollbar-color: #dfd4f5 #f1f1f1; /* For Firefox */
	gap: 10px;
	padding: 10px;
	margin:10pt 0;
	white-space: nowrap; /* Keeps items in a single line */
	cursor: grab; /* Grab cursor for desktop */
}
.top-fixed-tabbed::-webkit-scrollbar {
	height: 8px; /* Height of the scrollbar */
}
.top-fixed-tabbed::-webkit-scrollbar-thumb {
	background: #dfd4f5; /* Scrollbar thumb color */
	border-radius: 10px;
}
.top-fixed-tabbed::-webkit-scrollbar-thumb:hover {
	background: #dfd4f5;
}
.top-fixed-tabbed::-webkit-scrollbar-track {
	background: #f1f1f1;
}
/* Disable text selection */
.no-select {
	user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
}
.history-fixed-tabbed .nav-link.active, .history-fixed-tabbed .show>.nav-link{
	color:var(--text-color-default-dark);
    background-color:transparent;
	position:relative;
}
.history-fixed-tabbed .nav-link.active:before{
	content:'';
	position:absolute;
	left:0;
	bottom:-6px;
	width:100%;
	height:2px;
	background:#000;
}
.history-fixed-tabbed .nav-link{
	color:#777;
	font-weight:600;
}
.history-view-grid-01{
	padding:10pt 15pt;
	margin-top:100pt;
}
.history-view-grid-02{
	padding:10pt 15pt;
	margin-top:75pt;
}
.all-assets-type-date{
	padding:0 15pt;
	display:flex;
	align-items:center;
	gap:10px;
	width:100%;
}
.all-assets-type-date a.toggle-link{
	color:var(--text-color-default-dark);
	display:block;
	padding:0 6pt;
	padding-right:20pt;
	font-size:14px;
	font-weight:600;
	position:relative;
}
.all-assets-type-date a.toggle-link:before{
	content:"\ea29";
	font-family: boxicons !important;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	width:16px;
	height:100%;
	font-size:10px;
	display:flex;
	justify-content:center;
	align-items:center;
	transform:all ease .3s;
}
.all-assets-type-date a.toggle-link[aria-expanded="true"]:before{
	transform:rotate(180deg);
	top:0;
}
.sliding-down {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height:200px;
	background-color:var(--sliding-down-bg);
	border-top:1px solid var(--sliding-down-border-top);
	color:var(--text-color-default-dark);
	display: none; /* Hidden initially */
	opacity:0;
	padding:0;
	transform: translateY(5pt);
	/*transition: transform 0.5s ease-in-out;*/
	transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

/* Active class makes the div slide up */
.sliding-down.active {
	opacity: 1;
	display: flex; /* Show the div */
	transform: translateY(10pt);
	overflow:scroll;
	max-height:50vh;
}
.sd-tokens{
	margin:0;
	padding:0;
}
.sd-tokens li{
	display:block;
	list-style:none;
	padding:10px 15pt;
	color:var(--text-color-default-dark);
	border-bottom:1px solid var(--sd-tokens-li-border);
	font-size:14px;
}
.sd-tokens li:last-child{
	border-bottom:none;
}
.sd-tokens li a{
	color:var(--text-color-default-dark);
	font-size:14px;
	padding-right:30px;
	position:relative;
	display:block;
}
.sd-tokens li a.active{
	color:var(--sd-tokens-li-a-active);
	font-weight:bold;
}
.sd-tokens li a.active:before{
	content:"\ed31";
	font-family: boxicons !important;
	font-size:18px;
	color:var(--sd-tokens-li-a-active-text);
	position:absolute;
	top:50%;
	right:0px;
	transform:translate(0,-50%);
	width:25px;
	height:100%;
}
.history-choose-date{
	padding:5px 10pt !important;
	background:var(--history-choose-date-bg) !important;
	border-radius:25px !important;
	font-size:14px !important;
	font-weight:bold !important;
	color:var(--text-color-default-dark) !important;
	display:flex !important;
	align-items:center !important;
	gap:10px !important;
}
.history-choose-date:before{
	display:none !important;
}
.input-group-search{
	background:var(--input-group-search-bg);
	border:1px solid var(--input-group-search-border);
	border-radius:30px;
	color:var(--input-group-search-text);
}
.input-group-search span i.bx{
	color:var(--input-group-search-text);
}
.input-group-search input{
	color:var(--input-group-search-text) !important;
}
.input-group-search input::placeholder{
	color:var(--input-group-search-text);
}
.sliding-div-header.border-bottom{
	border-bottom-color:var(--border-bottom-color) !important;
}
.date-range-grid{
	margin-bottom:10pt;
}
.date-range-grid ul{
	margin:0;
	padding:0;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.date-range-grid li{
	list-style:none;
	display:block;
}
.date-range-grid li a{
	display:block;
	border-radius:25px;
	padding:5px 10pt;
	font-size:12px;
	font-weight:bold;
	color:var(--text-color-default-dark);
	text-transform:uppercase;
}
.date-range-grid li a.active{
	border:1px solid #666;
}
@media(max-width:414px){
	.date-range-grid li a{
		font-size:10px;
		font-weight:700;
		padding:5px;
	}
}
/*** earn ***/
.earn-view-grid-01{
	padding:10pt 15pt;
}
.what-to-do-today{
	font-size:18pt;
	margin:10pt 0;
	display:inline-block;
	width:100%;
}
.earn-card-grid{
	margin:10pt 0;
}
.earn-card-grid ul{
	margin:0;
	padding:0;
}
.earn-card-grid li{
	display:block;
	list-style:none;
	margin-bottom:10pt;
}
.earn-card-grid li a{
	display:block;
}
.earn-card{
	display:flex;
	align-items:center;
	gap:15px;
	padding:15pt;
	background:var(--earn-card-bg);
	border-radius:10px;
}
.earn-card-detail{
	margin-left:5pt;
}
.earn-card-title{
	font-size:18pt;
	font-weight:bold;
	color:var(--text-color-default-dark);
	display:flex;
	align-items:center;
	gap:5px;
}
.earn-card-label{
	padding:5px 15px;
	border-radius:5px;
	background:#DFA400;
	color:#fff;
	font-size:12px;
}
.earn-card-desc{
	color:var(--text-color-default-dark);
	font-size:14px;
}
.earn-card-icon{
	width:42px;
	height:42px;
}
.earn-card-icon img{
	width:100%;
	max-width:100%;
}
.staking-alert-notice{
	background:#fff;
	border-radius:20px;
	padding:0px 20px;
	padding-left:30px;
	margin-bottom:10px;
	color:#000;
	display:inline-block;
	font-weight:bold;
	text-transform:uppercase;
	position:relative;
}
.staking-alert-notice:before{
	content:'';
	position:absolute;
	top:50%;
	left:10px;
	transform:translateY(-50%);
	width:8px;
	height:8px;
	border-radius:50%;
	background:#663AE0;
	animation-name:blink-dot;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	transition:all ease .3s;
}
@keyframes blink-dot{
	0%{opacity:1;}
	25%{opacity:0.35;}
	50%{opacity:1;}
	75%{opacity:.35;}
	100%{opacity:1;}
}
@media(max-width:414px){
	.earn-card-icon{
		width:32px;
		height:32px;
	}
	.earn-card-title{
		font-size:16pt;
	}
	.earn-card-label{
		padding: 5px 10px;
		font-size: 10px;
	}
}
/*** stake ***/
.inner-header-title {margin-top:30px;margin-left:5px;}
.card-box {
	padding:10px 10px;
}

.form-group {}
.form-group input{margin:5px 0px;}

.stake-view-grid-01{
	padding:10pt 15pt;
}
.stake-view-grid-tabbed{
	margin:10pt 0;
}
.shadow-scroll-x {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.stake-view-tab {
  display: flex;
  flex-wrap: nowrap; /* 禁止换行 */
  gap: 8px;
  padding: 5px 10px;
  margin: 0 0 20px 0; /* 去掉 auto，避免居中限制滚动 */
  background: var(--stake-view-tab-bg);
  border-radius: 25px;
  border: 1px solid var(--stake-view-tab-border);
  min-width: max-content; /* 自动撑开宽度，支持滚动 */
}
.stake-view-tab .nav-link{
	color:#79757F;
	font-weight:600;
	position:relative;
	display:flex;
	align-items:center;
	gap:5px;
}

.stake-view-tab .nav-link.active, .stake-view-tab .show>.nav-link{
	background-color:var(--stake-view-tab-navlink-bg);
	border-radius:25px;
	color:var(--stake-view-tab-navlink-text);
}
.stake-ticket-unit{
    width: 16px;
    height: 16px;
	display: inline-block;
    border-radius: 50%;
    background: #DFA400;
    color: #fff;
    font-weight: bold;
    font-size: 10px;
	display:flex;
	align-items:center;
	justify-content:center;	
}
.pills-tickets-grid{
	padding:15pt 0;
	color:var(--text-color-default-dark);
}
.pills-tickets-view-queue a{
	display:flex;
	align-items:center;
	gap:5px;
	font-size:14px;
	font-weight:bold;
	color:var(--pills-tickets-view-queue-a);
}
.pills-tickets-view-queue a i{
	font-size:20px;
}
.pills-tickets-grid-02{
	margin:20pt 0;
}
.pills-tickets-grid-02 ul{
	margin:0;
	padding:0;
	display:flex;
	justify-content:space-between;
	gap:10px;
}
.pills-tickets-grid-02 li{
	width:33.33%;
	min-height:100px;
	padding:10px;
	border-radius:20px;
	background:var(--pills-tickets-grid-02-li-bg);
	list-style:none;
	display:flex;
	flex-direction:column;
	gap:10px;
}
.pills-tickets-title{
	font-weight:600;
	font-size:16px;
}
.pills-tickets-amount{
	margin-top:auto;
	font-weight:bold;
	font-size:22px;
}
.pills-tickets-amount span{
	font-size:12px;
}
.purchase-staking-ticket{
	padding:10pt;
	border-radius:15px;
	border:1px solid var(--purchase-staking-ticket-border);
	background:var(--purchase-staking-ticket-bg);
}
.purchase-staking-ticket p{
	font-size:14px;
}
.purchase-staking-title{
	display:flex;
	align-items:center;
	gap:10px;
	margin-bottom:10px;
}
.purchase-staking-title h3{
	font-size:18pt;
	margin:0;
}
.icon-purchase-ticket{
	width:100%;
	max-width:25px;
}
.staking-tickets-tokens{
	width:100%;
	max-width:25px;
}
.staking-tickets-wrapper{
	border-radius:10px;
	border:1px solid var(--staking-tickets-wrapper-border);
	padding:10pt;
	background:var(--staking-tickets-wrapper-bg);
	min-height:60px;
}
.staking-tickets-wrapper select{
	background:var(--staking-tickets-wrapper-select-bg);
	color:var(--text-color-default-dark);
}
.staking-tickets-wrapper select:focus{
	outline:none;
}
.staking-ticket-bottom{
	background:var(--staking-ticket-bottom-bg);
}
.stake-ticket-detail{
	display:flex;
	align-items:center;
	padding:0 10pt;
	margin-bottom:10px;
	color:var(--text-color-default-dark);
}
.stake-ticket-grid{
	display:flex;
	align-items:center;
	position:relative;
	gap:10px;
}
.stake-ticket-icon{
	position:relative;
	max-width:22px;
}
.stake-ticket-icon img{
	width:100%;
	max-width:100%;
}
.stake-ticket-count{
	position:absolute;
	top:-5px;
	right:-10px;
	width:16px;
	height:16px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#DFA400;
	color:#fff;
	font-weight:bold;
	font-size:10px;
}
.stake-ticket-total{
	color:var(--stake-ticket-total);
	font-size:12px;
}
.stake-ticket-total span{
	font-size:1.5em;
}
.pills-tickets-list-grid{
	padding:15pt 0;
}
.tickets-list-view-grid ul{
	margin:0;
	padding:0;
	display:flex;
	justify-content:center;
	gap:10px;
	flex-wrap:wrap;
}
.tickets-list-view-grid li{
	display:block;
	list-style:none;
	width:46.66%;
}

.stake-tickets-card a{
	padding:10pt;
	width:100%;
	min-height:125px;
	background-color:var(--stake-tickets-card-a-bg);
	border-radius:5px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	color:var(--text-color-default-dark);
	position:relative;
	overflow:hidden;
}
.stake-tickets-card a:hover{
	opacity:1;
}
.stake-tickets-card a.status-active:hover{
	opacity:.5;
}
.stake-tickets-card a.status-used{
	cursor:not-allowed;
	position:relative;
}
.stake-tickets-card a.status-used:before{
	content:'';
	position:absolute;
	bottom:-45px;
	right:-20px;
	transform:rotate(45deg);
	width:30%;
	height:100%;
	background:var(--stake-tickets-card-status-used);
	border-left:2px dotted var(--stake-tickets-card-status-used-border);
}
.stake-tickets-card a.status-used:after{
	content:"\ea41";
	font-family: boxicons !important;
	position:absolute;
	bottom:10px;
	right:10px;
	width:25px;
	height:25px;
	border-radius:50%;
	background:#b3b2c5;
	display:flex;
	justify-content:center;
	align-items:center;
	color:#fff;
	font-weight:bold;
}
.stake-tickets-content{
	font-size:12px;
}
.stake-tickets-number{
	font-size:14pt;
	font-weight:bold;
	color:#625690;
}
.stake-tickets-date{
	font-size:12px;
}
.stake-tickets-status{
	margin-top:auto;
	font-size:14px;
	font-weight:bold;
}
.stake-tickets-card a.status-active .stake-tickets-status span{
	color:green;
}
.stake-tickets-card a.status-used .stake-tickets-status span{
	color:red;
}
.pill-staking-grid{
	padding:15pt 0;
}
.pill-staking-grid-01{
	display:flex;
	align-items:center;
	gap:10px;
	font-weight:bold;
	margin-bottom:10pt;
	color:var(--text-color-default-dark);
}
.my-staking-stats-icon{
	width:100%;
	max-width:32px;
}
.pill-staking-grid-02{
	margin-bottom:10pt;
}
.pill-staking-grid-02 ul{
	margin:0;
	padding:0;
	display:flex;
	justify-content:space-between;
	gap:10px;
}
.pill-staking-grid-02 li{
	display:block;
	list-style:none;
	width:46.666%;
}
.staking-quota-point-card{
	width:100%;
	height:100%;
	padding:10pt;
	border-radius:10px;
	background:var(--staking-quota-point-card);
	display:flex;
	justify-content:center;
	flex-direction:column;
}
.staking-quota-point-card-title{
	font-size:14px;
	font-weight:600;
	color:var(--text-color-default-dark);
}
.staking-quota-point-card-amount{
	margin-top:auto;
	font-size:12px;
	color:var(--text-color-default-dark);
}
.staking-quota-point-card-amount span{
	font-size:20px;
	font-weight:bold;
	color:var(--text-color-default-dark);
}
.pill-staking-card{
	padding:10pt;
	border-radius:10px;
	border:1px solid var(--pill-staking-card-border);
	background:var(--pill-staking-card-bg);
	color:var(--text-color-default-dark);
}
.pill-staking-card-title{
	display:flex;
	align-items:center;
	gap:10px;
	font-weight:600;
	color:var(--text-color-default-dark);
	margin-bottom:10pt;
}
.pill-staking-card-title span{
	width:20px;
	height:20px;
	border-radius:5px;
	background:#DBB9F9;
	font-size: 12px;
    font-weight: 700;
	color:#000;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.select-staking-method-grid{
	border:1px solid #ccc;
	border-radius:5px;
}
.select-staking-method-grid ul{
	margin:0;
	padding:0;
}
.select-staking-method-grid li{
	display:block;
	list-style:none;
	padding:10px;
	border-bottom:1px solid #ccc;
}
.staking-method-container {
	display: block;
	position: relative;
	padding-left: 35px;
	cursor: pointer;
	font-size:14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-weight:600;
}
.staking-method-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
.staking-method-checkmark {
	position: absolute;
	top:50%;
	left: 0;
	transform:translateY(-50%);
	height: 20px;
	width: 20px;
	background-color: #eee;
	border-radius: 50%;
	border: 2px solid #777;
    box-sizing: border-box;
}
.staking-method-container:hover input ~ .staking-method-checkmark {
	background-color: #ccc;
}
.staking-method-container input:checked ~ .staking-method-checkmark {
	background-color: #fff;
	border-color: #625690;
}
.staking-method-checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.staking-method-container input:checked ~ .staking-method-checkmark:after {
	display: block;
}
.staking-method-container .staking-method-checkmark:after {
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #625690;
}
.staking-method-container img{
	width:100%;
	max-width:22px;
}
.table-staking-method{
	width:100%;
	color:var(--text-color-default-dark);
}
.table-staking-method tr td{
	width:25%;
	text-align:center;
}
.input-enter-staking-amount{
	display:flex;
	align-items:center;
	padding:0 10pt;
	border:1px solid #999;
	border-radius:10px;
	color:var(--text-color-default-dark);
}
.input-enter-staking-amount img{
	width:100%;
	max-width:22px;
}
.staking-amount-enter-input{
	width:100%;
	padding:5px 10pt;
	margin-left:auto;
	border:none;
	font-size:16pt;
	font-weight:bold;
	text-align:right;
	background:none;
	color:var(--text-color-default-dark);
}
.staking-amount-enter-input::placeholder{
	color:var(--text-color-default-dark);
}
.staking-amount-enter-input:focus{
	outline:none;
}
.subtotal-card-title{
	display:flex;
	font-size:10pt;
	font-weight:bold;
	margin-bottom:5px;
}
.subtotal-card img{
	width:100%;
	max-width:22px;
}
.subtotal-card-balance{
	display:flex;
	align-items:center;
	font-size:12px;
}
.subtotal-balance-grid-01{
	display:flex;
	align-items:center;	
}
.subtotal-balance-grid-01 img{
	width:100%;
	max-width:16px;
}
.review-staking-details{
	padding:0pt 0 10pt;
	font-size:12pt;
	color:var(--text-color-default-dark);
}
.review-staking-ticket{
	display:flex;
	align-items:center;
	font-weight:600;
	font-size:14px;
	margin:10px 0;
}
.review-staking-ticket a{
	color:var(--text-color-default-dark);
}
.review-staking-ticket img{
	width:100%;
	max-width:14px;	
}
.staking-ticket-checked{
	position:relative;
	padding:0 10px;
	padding-right:10pt;
}
.staking-ticket-checked span{
	position:absolute;
	top:-5px;
	right:5px;
	font-size:12px;
}
.staking-ticket-selected-grid{
	display:flex;
	align-items:center;
	margin-left:auto;
	gap:5px;
}
.staking-ticket-selected-grid i{
	font-size:16pt;
}
.staking-ticket-selected{
	padding:2pt 15px;
	border-radius:10px;
	background:green;
	color:#fff;
	font-weight:600;
}
@media (max-width:414px){
	.pills-tickets-amount{
		font-size:16px;
	}
	.pills-tickets-title{
		font-size:14px;
	}
	.staking-quota-point-card-amount span{
		display:block;
	}
}
/*** review staking details ***/
.review-staking-details-view-grid{
	padding:10pt 15pt;
	color:var(--text-color-default-dark);
}
.review-staking-details-card{
	font-size:14px;
	color:var(--text-color-default-dark);
	background-color:var(--review-staking-details-card-bg);
	border:1px solid var(--review-staking-details-card-border);
}
.review-staking-details-card h4{
	font-size:18px;
}
.review-staking-details-row{
	line-height:24px;
}
.staking-amount-plus{
	color:#6F528A;
}
#sidePanel {
	position: fixed;
	top: 0;
	left:50%;
	width: 100%;
	height: 100%;
	max-width:500px;
	background-color:var(--sidePanel-bg);
	color: white;
	transform: translateX(50%);
	/*transition: transform 0.5s ease-in-out;*/
	transition: all 0.5s ease-in-out;
	z-index: 9999;
	opacity:0;
}
#sidePanel.visible {
	transform: translateX(-50%);
	opacity:1;
}
.side-panel-body{
	height:100vh;
	color:var(--text-color-default-dark);
}
.staking-submitted{
	height:100vh;
	display:flex;
	align-items:center;
	justify-content:space-around;
	flex-direction:column;
}
.staking-submitted-grid{
	padding:10pt 15pt;
	width:100%;
}
.view-stake-receipt{
	color:var(--view-stake-receipt-text);
	font-weight:600;
}
.staking-process-step{
	margin:0;
	padding:0;
}
.staking-process-step li{
	list-style:none;
	display:block;
	color:var(--staking-process-step-color);
	margin-bottom:10px;
	position:relative;
}
.staking-process-step li:before{
	content:'';
	position:absolute;
	left:9px;
	top:18px;
	width:2px;
	height:100%;
	background:var(--staking-process-step-color);
}
.staking-process-step li:last-child:before{
	display:none;
}
.staking-process-step li i{
	font-size:16pt;
}
.staking-process-step li h5{
	margin-bottom:0;
	color:var(--staking-process-step-color);#6F528A
}
.staking-process-step-detail{
	color:var(--text-color-default-dark);
}
/*** mining ***/
.mining-view-grid{
	padding:10pt 0;
}
.mining-view-grid-01{
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: bold;
    margin-bottom: 10pt;	
	color:var(--text-color-default-dark);
}
.mining-view-grid-02{
	margin-bottom: 10pt;
}
.mining-view-grid-02 ul{
	margin:0;
	padding:0;
	display: flex;
    justify-content: space-between;
    gap: 10px;
}
.mining-view-grid-02 li{
	display: block;
    list-style: none;
    width: 46.666%;
}
.mining-view-card{
	width:100%;
	height:100%;
	padding:10pt;
	color:var(--text-color-default-dark);
	border:1px solid #dbb9f940;
	border-radius:10px;
	background:var(--view-card-bg);
	display:flex;
	justify-content:center;
	flex-direction:column;
}
.mining-view-card-title{
	font-size:14px;
	font-weight:600;
}
.mining-view-card-amount{
	margin-top:auto;
	font-size:12px;
}
.mining-view-card-amount span{
	font-size:20px;
	font-weight:bold;
}
.btn-mvc{
	padding:5px 10px;
	color:#000;
	font-size:12px;
	border:none;
	border-radius:15px;
	background:#fff;
	cursor:pointer;
}
.mining-select-card{
    padding: 10pt;
	color:var(--text-color-default-dark);
    border-radius: 10px;
    border: 1px solid var(--mining-select-card-border);
    background:var(--mining-select-card-bg) ;
}
.mining-select-card-title{
	display:flex;
	align-items:center;
	gap:10px;
	font-weight:600;
	color:var(--text-color-default-dark);
	margin-bottom:10pt;
}
.mining-select-card-title span{
	width:20px;
	height:20px;
	border-radius:5px;
	background:#DBB9F9;
	font-size: 12px;
    font-weight: 700;
	color:#000;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.select-mining-method-grid{
	border:1px solid #ccc;
	border-radius:5px;
}
.select-mining-method-grid ul{
	margin:0;
	padding:0;
}
.select-mining-method-grid li{
	display:block;
	list-style:none;
	padding:10px;
	border-bottom:1px solid #ccc;
}
.mining-method-container {
	display: block;
	position: relative;
	padding-left: 35px;
	cursor: pointer;
	font-size:14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-weight:600;
}
.mining-method-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
.mining-method-checkmark {
	position: absolute;
	top:50%;
	left: 0;
	transform:translateY(-50%);
	height: 20px;
	width: 20px;
	background-color: #eee;
	border-radius: 50%;
	border: 2px solid #777;
    box-sizing: border-box;
}
.mining-method-container:hover input ~ .mining-method-checkmark {
	background-color: #ccc;
}
.mining-method-container input:checked ~ .mining-method-checkmark {
	background-color: #fff;
	border-color: #625690;
}
.mining-method-checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.mining-method-container input:checked ~ .mining-method-checkmark:after {
	display: block;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #625690;
}
.mining-method-container .mining-method-checkmark:after {
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #625690;
}
.mining-method-container img{
	width:100%;
	max-width:22px;
}
.table-mining-method{
	width:100%;
}
.table-mining-method tr td{
	width:25%;
	text-align:center;
	color:var(--text-color-default-dark);
}
.select-mining-period-grid{
	margin-bottom:10pt;
}
.select-mining-period-grid ul{
	margin:0;
	padding:0;
	display:flex;
	justify-content:center;
	gap:10px;
}
.select-mining-period-grid li{
	display:block;
	list-style:none;
	width:33%;
}

.select-mining-period-container{
	display: block;
	position: relative;
	overflow:hidden;
	width:100%;
	height:100px;
	background:#888;
	border-radius:10px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.select-mining-period-container.active{
	border:2px solid #000;
}
.select-mining-period-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	display:none;
}
.select-mining-period-checkmark {
	position: absolute;
	top: 0;
	right: 0;
	height: 25px;
	width: 25px;
	/*background-color: #eee;
	border-radius: 50%;*/
}
.select-mining-period-container:hover input ~ .select-mining-period-checkmark {
	/*background-color: #ccc;*/
}
.select-mining-period-container input:checked ~ .select-mining-period-checkmark {
	/*background-color: #2196F3;*/
}
.select-mining-period-checkmark:after {
	content: "";
	position: absolute;
	display: none;
	transition:all ease .3s;
}
.select-mining-period-container input:checked ~ .select-mining-period-checkmark:before{
	content:'';
	position:absolute;
	top:-5px;
	right:-20px;
	width:60px;
	height:30px;
	background:var(--select-mining-period-container-select);
	transform:rotate(45deg);
}
.select-mining-period-container input:checked ~ .select-mining-period-checkmark:after {
	display: block;
}
.select-mining-period-container .select-mining-period-checkmark:after {
	content:"\ea41";
	font-family: boxicons !important;
	color:#fff;
	font-size:14pt;
	font-weight:bold;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	/*top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;*/
}
.mining-period-detail{
	display:flex;
	justify-content:space-between;
	align-items:stretch;
	flex-direction:column;
	height:100%;
}
.mining-period-day{
	background:var(--mining-period-day-bg);
	color:#fff;
	font-weight:bold;	
	font-size:14pt;
	height:70%;
	display: flex;
    justify-content: center;
    align-items: center;
}
.mining-hash-use{
	background:#CCBDFF;
	font-size:12px;
	font-weight:600;
	text-transform:uppercase;
	color:var(--mining-hash-use-text);
	height:30%;
	display: flex;
    justify-content: center;
    align-items: center;
}
.input-enter-mining-amount{
	display:flex;
	align-items:center;
	padding:0 10pt;
	border:1px solid #999;
	border-radius:10px;
	color:var(--text-color-default-dark);
}
.input-enter-mining-amount img{
	width:100%;
	max-width:22px;
}
.mining-amount-enter-input{
	width:100%;
	padding:5px 10pt;
	margin-left:auto;
	border:none;
	font-size:16pt;
	font-weight:bold;
	text-align:right;
	background:none;
	color:var(--text-color-default-dark);
}
.mining-amount-enter-input::placeholder{
	color:var(--text-color-default-dark);
}
.mining-amount-enter-input:focus{
	outline:none;
}
@media(min-width:500px){
	.select-mining-period-grid li{
		width:auto;
	}
	.select-mining-period-container{
		width:100px;
	}
}
/*** community ***/
.community-view-grid-01{
	padding:10pt 15pt;
}
.join-tubeDao-grid{
	padding:10pt;
	border-radius:10px;
	background:linear-gradient(45deg, #22143c, #8b5f93);
}
.join-tubeDao-grid a{
	display:flex;
	align-items:center;
	color:#fff;
	font-size:14px;
}
.join-tubeDao-grid h4{
	color:#fff;
	margin-bottom:0;
}
.icon-join-tubeDao{
	width:100%;
	max-width:45px;
}
.icon-join-tubeDao-next{
	width:100%;
	max-width:32px;	
}
.community-view-grid-02{
	padding:10pt 15pt 15pt;
	margin-bottom:10pt;
	border-bottom:1px solid var(--community-view-grid-02-border);
}
.community-view-grid-title{
	margin-bottom:10pt;
	font-weight:600;
	color:var(--text-color-default-dark);
}
.community-view-grid-title a{
	display:flex;
	align-items:center;
	gap:5px;
	color:var(--text-color-default-dark);
}
.community-profile-card{
	display:flex;
	align-items:center;
	gap:15px;
	margin-bottom:10pt;
}
.community-profile-avatar{
	width:60px;
	height:60px;
}
.community-profile-avatar img{
	max-width:100%;
	width:100%;
}
.icon-member-rank{
	width:10px;
	max-width:10px;
}
.community-member-rank{
	color:var(--community-member-rank-text);
	font-size:12px;
	font-weight:600;
	text-transform:uppercase;
	display:flex;
	align-items:center;
	gap:5px;
}
.community-member-reffer-code{
	font-size:20pt;
	font-weight:bold;
	color:var(--text-color-default-dark);
	display:flex;
	align-items:center;
	gap:10px;
}
.copy-reffer-code{
	padding:5px 10px;
	border-radius:8px;
	background:var(--copy-reffer-code-bg);
	color:var(--copy-reffer-code-text);
	font-size:12px;
	font-weight:500;
	text-transform:uppercase;
}
.community-stats-card{
	min-height:200px;
	padding:10pt;
	background:var(--community-stats-card-bg);
	border-radius:10px;
}
.community-stats-card h4{
	color:#79757F;
	font-size:14pt;
}
.community-stats-ul ul{
	margin:0;
	padding:0;
	display:flex;
	flex-wrap:wrap;
}
.community-stats-ul li{
	list-style:none;
	display:block;
	width:50%;
	margin-bottom:10px;
}
.community-stats-ul-amount{
	font-size:14px;
	font-weight:700;
	color:var(--text-color-default-dark);
}
.community-stats-ul-amount span{
	font-size:18pt;
	font-weight:bold;
}
.community-stats-desc{
	font-size:14px;
	font-weight:600;
	color:#6F528A;
}
.community-stats-desc a{
	display:flex;
	align-items:center;
	gap:5px;
	color:var(--community-stats-desc-a-text);
}
.community-stats-desc img{
	max-width:16px;
}
.community-view-grid-03{
	padding:10pt 15pt;
}
.community-members-list{
	margin:10pt 0;
}
.community-members-list ul{
	margin:0;
	padding:0;
}
.community-members-list li{
	list-style:none;
	display:block;
	margin-bottom:10px;
}
.community-members-list li a{
	display:block;
}
.community-members-list li:nth-child(even) .community-members-card{
	background:var(--community-members-list-li-even);
}
.community-members-card{
	display:flex;
	align-items:center;
	gap:15px;
	width:100%;
	min-height:60px;
	padding:10px;
	background:var(--community-members-card-bg);
	border-radius:10px;
	border:1px solid var(--community-members-card-border);
}
.community-member-card-avatar{
	position:relative;
	width:52px;
	height:52px;
}
.community-member-card-avatar img{
	max-width:100%;
	width:100%;
}
.community-member-rank-badge{
	position:absolute;
	bottom:0;
	right:-5px;
	width:20px;
	height:20px;
	display:flex;
	justify-content:center;
	align-items:center;
	background:#F0DBFF;
	border-radius:50%;
	color:#280D42;
	font-weight:bold;
	font-size:10px;
}
.community-member-card-mid{
	color:var(--community-member-card-mid-text);
	font-weight:600;
	font-size:14px;
}
.community-member-code{
	font-weight:bold;
	font-size:14pt;
	color:var(--community-member-code-text);
}
.community-card-last{
	margin-left:auto;
}
.community-card-last-info{
	display:flex;
	align-items:center;
	gap:5px;
	font-weight:bold;
	font-size:14px;
	color:var(--community-card-last-info-text);
}
.community-card-last-info img{
	width:100%;
	max-width:16px;
}
@media(max-width:500px){
	.community-stats-desc{
		font-size:11px;
	}
	.community-stats-desc img{
		max-width:14px;
	}
	.community-member-card-avatar{
		width:36px;
		height:36px;
	}
	.community-profile-avatar{
		width:52px;
		height:52px;
	}
}
/*** Manage tubedao ***/
.manage-tubedao-view-grid{
	padding:10pt 15pt;
}
.default-custom-tabbed {
    margin: 10pt 0;
}
.default-custom-nav-pills{
	display:flex;
	justify-content:center;
	margin:0 auto;
	padding:5px 10px;
	width:fit-content;
	background:var(--default-custom-nav-pills-bg);
	border-radius:25px;
	border:1px solid var(--default-custom-nav-pills-border);
}
.default-custom-nav-pills .nav-link{
	color:#79757F;
	font-weight:600;
	position:relative;
	display:flex;
	align-items:center;
	gap:5px;
}
.default-custom-nav-pills .nav-link.active, .default-custom-nav-pills .show>.nav-link{
	background-color:var(--default-custom-nav-pills-nav-link-active);
	border-radius:25px;
	color:var(--default-custom-nav-pills-nav-link-active-text);
}
.default-custom-tabbed-pane{
	padding:10pt 0;
	color:var(--text-color-default-dark);
}
.remain-quota{
	display:flex;
	align-items:center;
	font-weight:700;
	color:var(--text-color-default-dark);
	margin-bottom:20pt;
}
.quota-card{
	width:100%;
	max-width:360px;
	min-height:200px;
	display:block;
	margin:0 auto 10pt;
	border:4px solid #E6E0EC;
	border-color:transparent;
	border-radius:25px;
	overflow:hidden;
	box-shadow:0 0 10px rgba(50,50,50,.15);
}
.quota-card.selected{
	border-color:#ccc;
}
.quota-card-header{
	width:100%;
	min-height:60px;
	background:#eee;
	border-radius:15px 15px 0 0;
}
.quota-card-header.normal{
	background:url(../img/quota-card-header-normal.png) no-repeat;
	background-size:cover;
	background-position:center top;
}
.quota-card-header.core{
	background:url(../img/quota-card-header-core.png) no-repeat;
	background-size:cover;
	background-position:center top;
}
.quota-card-header.strategies{
	background:url(../img/quota-card-header-strategies.png) no-repeat;
	background-size:cover;
	background-position:center;
}
.quota-card-header.supreme{
	background:url(../img/quota-card-header-supreme.png) no-repeat;
	background-size:cover;
	background-position:center top;
}
.quota-card-body{
	width:100%;
	min-height:140px;
	background:var(--quota-card-body-bg);
	border-radius:0 0 15px 15px;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}
.current-tier-label{
	margin:10pt;
	padding:5px 10pt;
	border-radius:25px;
	background:#eee;
	box-shadow:0 0 5px rgba(0,0,0,.15);
	display:inline-block;
	color:#6F528A;
	font-weight:700;
}
.learn-more-tubedao-grid{
	font-size:14px;
	color:var(--text-color-default-dark);
}
.learn-more-tubedao-grid h4{
	color:var(--text-color-default-dark);
	font-weight:600;
}
.learn-more-label{
	background:var(--learn-more-label-bg);
	padding:10pt;
	margin-bottom:10pt;
	border-radius:10px;
}
.icon-checkboxes{
	width:100%;
	max-width:22px;
}
.icon-tubedao-benefits{
	width:100%;
	max-width:12px;
}
/*** Purchase tubedao ***/
.purchase-tubedao-grid{
	padding: 10pt 15pt;
}
.purchase-tubedao-select-card{
    padding: 10pt;
    border-radius: 10px;
    border: 1px solid #ccc;
    background: #F7F2FA;
}
.purchase-tubedao-select-card-title{
	display:flex;
	align-items:center;
	gap:10px;
	font-weight:600;
	margin-bottom:10pt;
}
.purchase-tubedao-select-card-title span{
	width:20px;
	height:20px;
	border-radius:5px;
	background:#DBB9F9;
	font-size: 12px;
    font-weight: 700;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.select-purchase-tubedao-grid{
	margin-bottom:10pt;
}
.select-purchase-tubedao-grid ul{
	margin:0;
	padding:0;
	display:flex;
	justify-content:center;
	gap:10px;
}
.select-purchase-tubedao-grid li{
	display:block;
	list-style:none;
	width:33%;
}
.select-purchase-tubedao-container{
	display: block;
	position: relative;
	overflow:hidden;
	width:100%;
	height:100px;
	background:#ccc;
	border-radius:10px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.select-purchase-tubedao-container.puchase-core-committe{
	background:url(../img/quota-card-header-core.png) no-repeat;
	background-size:cover;
	background-position:center;
}
.select-purchase-tubedao-container.puchase-strategies-committe{
	background:url(../img/quota-card-header-strategies.png) no-repeat;
	background-size:cover;
	background-position:center;
}
.select-purchase-tubedao-container.puchase-supreme-committe{
	background:url(../img/quota-card-header-supreme.png) no-repeat;
	background-size:cover;
	background-position:center;
}
.select-purchase-tubedao-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	display:none;
}
.select-purchase-tubedao-checkmark {
	position: absolute;
	top: 0;
	right: 0;
	height: 25px;
	width: 25px;
}
.select-purchase-tubedao-container:hover input ~ .select-purchase-tubedao-checkmark {
	/*background-color: #ccc;*/
}
.select-purchase-tubedao-container input:checked ~ .select-purchase-tubedao-checkmark {
	/*background-color: #2196F3;*/
}
.select-purchase-tubedao-checkmark:after {
	content: "";
	position: absolute;
	display: none;
	transition:all ease .3s;
}
.select-purchase-tubedao-container input:checked ~ .select-purchase-tubedao-checkmark:before{
	content:'';
	position:absolute;
	top:-5px;
	right:-20px;
	width:60px;
	height:30px;
	background:#1C1B20;
	transform:rotate(45deg);
}
.select-purchase-tubedao-container input:checked ~ .select-purchase-tubedao-checkmark:after {
	display: block;
}
.select-purchase-tubedao-container .select-purchase-tubedao-checkmark:after {
	content:"\ea41";
	font-family: boxicons !important;
	color:#fff;
	font-size:14pt;
	font-weight:bold;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.select-purchase-tubedao-detail{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	height:100%;
	padding: 10pt;
	border:2px solid #00000000;
    border-radius: 10px;
}
.select-purchase-tubedao-container.active .select-purchase-tubedao-detail{
	border:2px solid #000;
}
.select-purchase-tubedao-name{
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
}

.select-purchase-payment-method-grid{
	border:1px solid #ccc;
	border-radius:5px;
}
.select-purchase-payment-method-grid ul{
	margin:0;
	padding:0;
}
.select-purchase-payment-method-grid li{
	display:block;
	list-style:none;
	padding:10px;
	border-bottom:1px solid #ccc;
}
.select-purchase-payment-method-container {
	display: block;
	position: relative;
	padding-left: 35px;
	cursor: pointer;
	font-size:14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-weight:600;
}
.select-purchase-payment-method-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
.select-purchase-payment-method-checkmark {
	position: absolute;
	top:50%;
	left: 0;
	transform:translateY(-50%);
	height: 20px;
	width: 20px;
	background-color: #eee;
	border-radius: 50%;
	border: 2px solid #777;
    box-sizing: border-box;
}
.select-purchase-payment-method-container:hover input ~ .select-purchase-payment-method-checkmark {
	background-color: #ccc;
}
.select-purchase-payment-method-container input:checked ~ .select-purchase-payment-method-checkmark {
	background-color: #fff;
	border-color: #625690;
}
.select-purchase-payment-method-checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.select-purchase-payment-method-container input:checked ~ .select-purchase-payment-method-checkmark:after {
	display: block;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #625690;
}
.select-purchase-payment-method-container .select-purchase-payment-method-checkmark:after {
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #625690;
}
.select-purchase-payment-method-container img{
	width:100%;
	max-width:22px;
}
.table-purchase-payment-method{
	width:100%;
}
.table-purchase-payment-method tr td{
	width:25%;
	text-align:center;
}
/*** member profile ***/
.button-back-uplevel{
	background:var(--button-back-uplevel-bg);
	padding: 5pt 8pt;
    border-radius: 20px;
	color:var(--text-color-default-dark);
	display:flex;
	align-items:center;
}
.add-favorite-btn a{
	padding:5pt 10pt;
	background:var(--add-favorite-btn-a-bg);
	border-radius:10px;
	font-size:14px;
	font-weight:600;
	color:var(--add-favorite-btn-a-text);
	display:flex;
	align-items:center;
	gap:5px;
}
.input-member-favorite{
	padding:10pt;
	border-radius:15px;
}
/*** tubepay ***/
.tubepay-view-grid{
    padding: 10pt 0pt;
}
.tabbed-simple-line .nav-link{
	color:#777;
	font-weight:600;
	position:relative;
}
.tabbed-simple-line .nav-link.active:before{
	content:'';
	position:absolute;
	left:0;
	bottom:-8px;
	width:100%;
	height:1px;
	background:var(--tabbed-simple-line-nav-link-active-before-bg) no-repeat;
	transition:opacity 0.5s ease-in-out;
}
.tabbed-simple-line .nav-link.active, .tabbed-simple-line .show>.nav-link{
	background-color:transparent;
	color:var(--text-color-default-dark);
	border-radius:0;
}
.tubepay-nodes-view-grid{
	position:relative;
	/*z-index:1;*/
	text-align:center;
	color:var(--text-color-default-dark);
}
.liquidity-pool-img{
	width:100%;
	max-width:220px;
	margin:20pt auto;
	position:relative;
}
.liquidity-pool-img img{
	max-width:100%;
}
.tubes-logo-shape{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	max-width:320px !important;
}
.btn-buy-nodes{
	max-width:265px;
	margin:0 auto;
}
.tubepay-card-view-grid{
	position:relative;
	z-index:1;
	text-align:center;
	color:var(--text-color-default-dark);
}
.buy-tubePay-card-img{
	width:100%;
	max-width:365px;
	margin:20pt auto;
	position:relative;	
}
.buy-tubePay-card-img img{
	max-width:100%;
}
/*** incubstake ***/
.incubstake-view-grid{
	padding:10pt 15pt;
}
.incubstake-view-grid-01{
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: bold;
	color:var(--text-color-default-dark);
    margin-bottom: 10pt;
}
.earn-incub-stake-icon{
	width: 100%;
    max-width: 25px;
}
.incubstake-view-grid-02{
	margin-bottom: 10pt;
}
.incubstake-view-grid-02 ul{
	margin:0;
	padding:0;
	display: flex;
    justify-content: space-between;
    gap: 10px;
}
.incubstake-view-grid-02 li{
	display: block;
    list-style: none;
    width: 46.666%;
}
.incubstake-view-card{
	width:100%;
	height:100%;
	padding:10pt;
	border-radius:10px;
	background:var(--incubstake-view-card-bg);
	display:flex;
	justify-content:center;
	flex-direction:column;
	color:var(--text-color-default-dark);
}
.incubstake-view-card-title{
	font-size:14px;
	font-weight:600;
}
.incubstake-view-card-amount{
	margin-top:auto;
	font-size:12px;
}
.incubstake-view-card-amount span{
	font-size:20px;
	font-weight:bold;
}
.incubstake-select-card{
	padding: 10pt;
    border-radius: 10px;
    border: 1px solid var(--incubstake-select-card-border);
    background:var(--incubstake-select-card-bg);
	color:var(--text-color-default-dark);
}
.incubstake-select-card-title{
	display:flex;
	align-items:center;
	gap:10px;
	font-weight:600;
	color:var(--text-color-default-dark);
	margin-bottom:10pt;
}
.incubstake-select-card-title span{
	width:20px;
	height:20px;
	border-radius:5px;
	background:#DBB9F9;
	font-size: 12px;
    font-weight: 700;
	color:#000;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.select-incubstake-method-grid{
	border:1px solid #ccc;
	border-radius:5px;
}
.select-incubstake-method-grid ul{
	margin:0;
	padding:0;
}
.select-incubstake-method-grid li{
	display:block;
	list-style:none;
	padding:10px;
	border-bottom:1px solid #ccc;
}
.incubstake-method-container {
	display: block;
	position: relative;
	padding-left: 35px;
	cursor: pointer;
	font-size:14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-weight:600;
}
.incubstake-method-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
.incubstake-method-checkmark {
	position: absolute;
	top:50%;
	left: 0;
	transform:translateY(-50%);
	height: 20px;
	width: 20px;
	background-color: #eee;
	border-radius: 50%;
	border: 2px solid #777;
    box-sizing: border-box;
}
.incubstake-method-container:hover input ~ .incubstake-method-checkmark {
	background-color: #ccc;
}
.incubstake-method-container input:checked ~ .incubstake-method-checkmark {
	background-color: #fff;
	border-color: #625690;
}
.incubstake-method-checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.incubstake-method-container input:checked ~ .incubstake-method-checkmark:after {
	display: block;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #625690;
}
.incubstake-method-container .incubstake-method-checkmark:after {
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #625690;
}
.incubstake-method-container img{
	width:100%;
	max-width:22px;
}
.table-incubstake-method{
	width:100%;
	color:var(--text-color-default-dark);
}
.table-incubstake-method tr td{
	width:25%;
	text-align:center;
}

.select-incubstake-period-grid{
	margin-bottom:10pt;
}
.select-incubstake-period-grid ul{
	margin:0;
	padding:0;
	display:flex;
	justify-content:center;
	gap:10px;
}
.select-incubstake-period-grid li{
	display:block;
	list-style:none;
	width:33%;
}
.select-incubstake-period-container{
	display: block;
	position: relative;
	overflow:hidden;
	width:100%;
	height:100px;
	background:#888;
	border-radius:10px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.select-incubstake-period-container.active{
	border:2px solid #000;
}
.select-incubstake-period-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	display:none;
}
.select-incubstake-period-checkmark {
	position: absolute;
	top: 0;
	right: 0;
	height: 25px;
	width: 25px;
	/*background-color: #eee;
	border-radius: 50%;*/
}
.select-incubstake-period-container:hover input ~ .select-incubstake-period-checkmark {
	/*background-color: #ccc;*/
}
.select-incubstake-period-container input:checked ~ .select-incubstake-period-checkmark {
	/*background-color: #2196F3;*/
}
.select-incubstake-period-checkmark:after {
	content: "";
	position: absolute;
	display: none;
	transition:all ease .3s;
}
.select-incubstake-period-container input:checked ~ .select-incubstake-period-checkmark:before{
	content:'';
	position:absolute;
	top:-5px;
	right:-20px;
	width:60px;
	height:30px;
	background:var(--select-incubstake-period-container-input-checked);
	transform:rotate(45deg);
}
.select-incubstake-period-container input:checked ~ .select-incubstake-period-checkmark:after {
	display: block;
}
.select-incubstake-period-container .select-incubstake-period-checkmark:after {
	content:"\ea41";
	font-family: boxicons !important;
	color:#fff;
	font-size:14pt;
	font-weight:bold;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.incubstake-period-detail{
	display:flex;
	justify-content:space-between;
	align-items:stretch;
	flex-direction:column;
	height:100%;
}
.incubstake-period-day{
	background:var(--incubstake-period-day-bg);
	color:#fff;
	font-weight:bold;	
	font-size:14pt;
	height:70%;
	display: flex;
    justify-content: center;
    align-items: center;
}
.incubstake-points-use{
	background:#CCBDFF;
	font-size:12px;
	font-weight:600;
	text-transform:uppercase;
	color:var(--incubstake-points-use-text);
	height:30%;
	display: flex;
    justify-content: center;
    align-items: center;
}
.input-enter-incubstake-amount{
	display:flex;
	align-items:center;
	padding:0 10pt;
	border:1px solid #999;
	border-radius:10px;
}
.input-enter-incubstake-amount img{
	width:100%;
	max-width:22px;
}
.incubstake-amount-enter-input{
	width:100%;
	padding:5px 10pt;
	margin-left:auto;
	border:none;
	font-size:16pt;
	font-weight:bold;
	text-align:right;
	background:none;
	color:var(--text-color-default-dark);
}
.incubstake-amount-enter-input::placeholder{
	color:var(--text-color-default-dark);
}
.incubstake-amount-enter-input:focus{
	outline:none;
}
/*** Add liquidity ***/
.add-liquidity-view-grid{
	padding:10pt 15pt;
}
.add-liquidity-card {
    padding: 10pt;
    border-radius: 10px;
    border: 1px solid var(--add-liquidity-card-border);
    background:var(--add-liquidity-card-bg);
	font-size:14px;
}
.add-liquidity-card-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
	color:var(--text-color-default-dark);
    margin-bottom: 10pt;
}
.add-liquidity-card-title span {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    background: #DBB9F9;
    font-size: 12px;
    font-weight: 700;
	color:#000;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.set-fee-tier-grid{
	margin-bottom:10pt;
}
.set-fee-tier-grid ul{
	margin:0;
	padding:0;
	display:flex;
	justify-content:center;
	gap:10px;
}
.set-fee-tier-grid li{
	display:block;
	list-style:none;
	width:33%;
}
.set-fee-tier-container{
	display: block;
	position: relative;
	overflow:hidden;
	width:100%;
	height:100px;
	background:#888;
	border-radius:10px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.set-fee-tier-container.active{
	border:2px solid #000;
}
.set-fee-tier-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	display:none;
}
.set-fee-tier-checkmark {
	position: absolute;
	top: 0;
	right: 0;
	height: 25px;
	width: 25px;
	/*background-color: #eee;
	border-radius: 50%;*/
}
.set-fee-tier-container:hover input ~ .set-fee-tier-checkmark {
	/*background-color: #ccc;*/
}
.set-fee-tier-container input:checked ~ .set-fee-tier-checkmark {
	/*background-color: #2196F3;*/
}
.set-fee-tier-checkmark:after {
	content: "";
	position: absolute;
	display: none;
	transition:all ease .3s;
}
.set-fee-tier-container input:checked ~ .set-fee-tier-checkmark:before{
	content:'';
	position:absolute;
	top:-5px;
	right:-20px;
	width:60px;
	height:30px;
	background:#1C1B20;
	transform:rotate(45deg);
}
.set-fee-tier-container input:checked ~ .set-fee-tier-checkmark:after {
	display: block;
}
.set-fee-tier-container .set-fee-tier-checkmark:after {
	content:"\ea41";
	font-family: boxicons !important;
	color:#fff;
	font-size:14pt;
	font-weight:bold;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	/*top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;*/
}
.set-fee-tier-detail{
	display:flex;
	justify-content:space-between;
	align-items:stretch;
	flex-direction:column;
	height:100%;
}
.set-fee-tier-percent{
	background:#625690;
	color:#fff;
	font-weight:bold;	
	font-size:14pt;
	height:70%;
	display: flex;
    justify-content: center;
    align-items: center;
}
.set-fee-tier-pick{
	background:#CCBDFF;
	font-size:12px;
	font-weight:600;
	text-transform:uppercase;
	color:var(--text-default-dark);
	height:30%;
	display: flex;
    justify-content: center;
    align-items: center;
}

.set-price-range-container {
	display: block;
	position: relative;
	padding:5px 15px;
	cursor: pointer;
	font-size:12px;
	font-weight:600;
	text-transform:uppercase;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.set-price-range-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
.set-price-range-checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height:100%;
	width:100%;
	background-color:var(--set-price-range-checkmark-bg) ;
}
.set-price-range-container:hover input ~ .set-price-range-checkmark {
	background-color:#ccc;
}
.set-price-range-container input:checked ~ .set-price-range-checkmark {
	background-color:var(--set-price-range-container-input-checked);
}
.set-price-range-checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.set-price-range-container input:checked ~ .set-price-range-checkmark:after {
	display: none;
}
.set-price-range-container .set-price-range-checkmark:after {
	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
.set-price-tokens{
	position:relative;
	text-align:center;
	z-index:1;
}
.set-price-range-container input:checked ~ .set-price-range-checkmark{
    /*border: 1px solid #999;	*/
}
.set-price-range-container.right .set-price-range-checkmark{
	border-radius:0 10px 10px 0;
	border: 1px solid var(--set-price-range-container-right-border);
}
.set-price-range-container.left .set-price-range-checkmark{
	border-radius:10px 0 0 10px;
	border: 1px solid var(--set-price-range-container-left-border);
}
.add-liquidity-current-price h3{
	font-size:2em;
	font-weight:bold;
}
.add-liquidity-current-price p{
	color:#79757F;
	font-size:12px;
	font-weight:600;
}
.set-price-card{
	margin-bottom:10px;
	padding:10pt;
	border:1px solid #ccc;
	border-radius:10px;
}
.set-price-card p{
	color:#79757F;
	font-size:12px;
	font-weight:600;
	margin-bottom:0;
}
.set-price-card-label{
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
	color:#79757F;
	margin-bottom:10px;
}
.set-liquidity-price-quantity{
	width:100%;
	display:flex;
	justify-content:space-between;
	margin-bottom:10px;
}
.set-liquidity-price-quantity button.minus, .set-liquidity-price-quantity button.plus{
	background:var(--price-quantity-button-bg);
	border:none;
	border-radius:10px;
	padding:5px 10pt;
	cursor:pointer;
	font-weight:bold;
	font-size:14pt;
	color:var(--text-color-default-dark);
	display:flex;
	justify-content:center;
	align-items:center;
}
.price-input-box{
	width:100%;
	height:100%;
	border:none;
	background:transparent;
	font-size:20pt;
	font-weight:bold;
	color:var(--text-color-default-dark);
}
.price-input-box:focus{
	outline:none;
}
.price-input-box::-webkit-inner-spin-button,
.price-input-box::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.price-input-box[type="number"] {
  -moz-appearance: textfield;
}
.select-date-range-grid ul{
	margin:0;
	padding:0;
	display:flex;
	justify-content:center;
	align-items:center;
	gap:15px;	
}
.select-date-range-grid li{
	display:block;
	list-style:none;
}
.select-date-range-btn{
	border-color:transparent;
	border-radius:20px;
	padding:5px 15px;
	background:var(--select-date-range-btn-bg);
	font-size: 12px;
	color:var(--text-color-default-dark);
}
.select-date-range-btn.active{
	border-color:#000;
}
.deposite-amount-grid{
	display:flex;
	justify-content:space-between;
	gap:10px;
	border:1px solid #ddd;
	border-radius:10px;
	padding:10px;
	margin-bottom:10px;
}
.deposite-amount-balance small{
	font-size:12px;
	font-weight:600;
	text-transform:uppercase;
	color:#79757F;
}
.deposite-balance-token{
	display:flex;
	align-items:center;
	gap:10px;
	padding:5pt 10pt;
	background:var(--deposite-balance-token-bg);
	border-radius:10px;
	color:var(--text-color-default-dark);
}
.deposite-balance-token img{
	width:100%;
	max-width:16px;
}
@media(max-width:414px){
	.set-fee-tier-percent{
		font-size:14px;
	}
	.set-fee-tier-container{
		height:80px;
	}
	.set-fee-tier-container input:checked ~ .set-fee-tier-checkmark:before{
		top: -5px;
		right: -35px;
	}
	.set-fee-tier-container .set-fee-tier-checkmark:after{
		font-size: 12px;
		top: 40%;
        left: 70%;
	}
	.set-price-range-container{
		font-size:10px;
		padding:5px 10px;
	}
}
/*** pool ***/
.all-pool-view-grid{
	padding:0pt 15pt;
}
.view-pools-details-title{
	font-size:14px;
	color:var(--view-pools-details-title);
}
.view-pools-details-input{
	font-size:14px;
	font-weight:600;
	color:var(--view-pools-details-input);
}
.my-positions-view-grid{
	padding:0pt 15pt;
	position:relative;
}
@media(max-width:500px){
	.btn-discover-tools, .btn-add-positions{
		font-size:14px;
		padding:15px;
	}
}
/*** pool overview ***/
.position-overview-view-grid{
	padding:10pt 15pt;
	margin-top:60px;
}
.position-overview-01{
	display:flex;
	align-items:center;
	gap:10px;
	margin-bottom:15px;
}
.position-token-icons{
	display:flex;
	align-items:center;
}
.position-token-icons img{
	width:100%;
	max-width:30px;
}
.position-token-icons img ~ img{
	margin-left:-10px;
}
.position-token-name{
	font-weight:bold;
	font-size:14pt;
	color:var(--text-color-default-dark);
}
.position-percentage{
	color:#938F99;
	font-weight:500;
}
.position-status{
	font-weight:600;
	position:relative;
	padding-right:15px;
}
.position-status:before{
	content:'';
	position:absolute;
	top:50%;
	right:0px;
	transform:translate(0,-30%);
	width:6px;
	height:6px;
	border-radius:50%;
	background:#ccc;
}
.position-status.active{
	color:var(--position-status-active);
}
.position-status.active:before{
	background:var(--position-status-active-before);
}
.position-status.in-active{
	color:#ffc107;
}
.position-status.in-active:before{
	background:#ffc107;
}
.position-token-card{
	background:var(--position-token-card-bg);
	border:1px solid var(--position-token-card-border);
	border-radius:10px;
	padding:10pt;
	margin-bottom:15px;
	color:var(--position-token-card-text);
}
.position-token-card-title{
	font-weight:bold;
	margin-bottom:5px;
	color:var(--position-token-card-title);
	text-transform:uppercase;
}
.position-token-amount{
	font-weight:bold;
	font-size:22pt;
	margin-bottom:10px;
}
.position-token-select-grid{
	padding:10px;
	margin-bottom:10px;
	background:var(--position-token-select-grid-bg);
	border-radius:10px;
}
.position-token-liquidity{
	display:flex;
	align-items:center;
	gap:10px;
	font-weight:bold;
}
.position-token-liquidity img{
	width:100%;
	max-width:30px;
}
.position-token-liquidity-volume{
	display:flex;
	align-items:center;
	gap:10px;
}
.position-liquidity-percentage{
	font-size:14px;
	color:var(--text-color-default-dark);
}
.position-liquidity-amount{
	font-weight:bold;
	font-size:18px;
	color:var(--text-color-default-dark);
}
.collect-claim-fees{
	padding:10px 25px;
	background:#6F528A;
	border-radius:10px;
	font-weight:bold;
	font-size:16px;
	color:#fff;
}
.min-max-price-grid ul{
	margin:0;
	padding:0;
	display:flex;
	gap:10px;
	align-items:center;
}
.min-max-price-grid li{
	display:block;
	list-style:none;
	background:var(--min-max-price-grid-li-bg);
	border-radius:10px;
	text-align:center;
	width:50%;
	padding:10px;
	color:var(--text-color-default-dark);
}
.min-max-price-amount{
	font-weight:bold;
	font-size:22px;
}
/*** farm ***/
.default-tooltip {
	position: relative;
	display: inline-block;
	cursor: pointer;
	text-decoration: underline;
	line-height:normal;
}

.default-tooltip .default-tooltiptext {
	visibility: hidden;
	width:100%;
	min-width:100px;
	max-width:100%;
	background-color: #333;
	color: #fff;
	text-align: center;
	font-size:12px;
	border-radius: 5px;
	padding: 10px;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	transition: opacity 0.3s;
}

.default-tooltip .default-tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #333 transparent transparent transparent;
}

.default-tooltip:hover .default-tooltiptext {
	visibility: visible;
	opacity: 1;
}
.toggle-container {
	position: relative;
	width:150px;
	height: 40px;
	background-color:var(--toggle-container-bg);
	border-radius: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	overflow: hidden;
	padding: 5px;
	box-sizing: border-box;
}
.toggle-slider {
	position: absolute;
	width: 50%;
	height: 100%;
	/*background-color: #4caf50;
	border-radius: 30px;*/
	top: 0;
	left: 0;
	transition: all 0.3s ease;
	z-index: 1;
}
.toggle-slider:before{
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:98%;
	height:80%;
	background-color:var(--toggle-slider-before-bg);
	border-radius: 30px;
}
.toggle-option {
	flex: 1;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #79757F;
	line-height: 40px;
	position: relative;
	z-index: 2;
	cursor: pointer;
}
.toggle-container input {
	display: none;
}
.toggle-container input:checked + .toggle-slider {
	left: 48%;
}
.toggle-container input:checked ~ .toggle-option:first-of-type {
	color: #aaa;
}
.toggle-container input:checked ~ .toggle-option:last-of-type {
	color: #000;
}
.toggle-container input:not(:checked) ~ .toggle-option:first-of-type {
	color:var(--text-color-default-dark);
}
.default-custom-radios {
	display: block;
	position: relative;
	padding-left:25px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size:14px;
	font-weight:600;
	color:var(--text-color-default-dark);
}
.default-custom-radios input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
.default-custom-radios-checkmark {
	position: absolute;
	top:50%;
	left: 0;
	transform:translateY(-50%);
	height:16px;
	width:16px;
	background-color: #eee;
}
.default-custom-radios:hover input ~ .default-custom-radios-checkmark {
	background-color: #ccc;
}
.default-custom-radios input:checked ~ .default-custom-radios-checkmark {
	background-color:#caa9ff;
}
.default-custom-radios-checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.default-custom-radios input:checked ~ .default-custom-radios-checkmark:after {
	display: flex;
	justify-content:center;
	align-items:center;
}
.default-custom-radios .default-custom-radios-checkmark:after {
	content:'✔';
	position:absolute;
 	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width: 8px;
	height: 8px;
	font-size:10px;
	color:#000;
}
.farm-view-grid{
	padding:10pt 15pt;
	margin-top:100px;
}
.farm-view-card{
	min-height:200px;
	background:var(--farm-view-card-bg);
	border-radius:15px;
	padding:10px;
	margin-bottom:10px;
	color:var(--farm-view-card-text);
}
.farm-view-card-box-01{
	width:50%;
}
.farm-view-card-box-01 h4{
	color:var(--farm-view-card-box-h4);
}
.farm-view-card-box-02{
	width:50%;
}
.farm-view-card-box-apr-icon{
	width:52px;
	height:52px;
}
.farm-view-card-box-apr-icon img{
	max-width:100%;
}
h5.apr-percentage{
	color:#280D42;
}
h5.apr-percentage.up{
	color:var(--apr-percentage-up);
}
h5.apr-percentage.down{
	color:var(--apr-percentage-down);
}
.farm-view-card-des{
	font-weight:600;
	font-size:14px;
	margin-bottom:10px;
}
.farm-view-card-box-03{
	background:var(--farm-view-card-box-03-bg);
	padding:10px;
	margin-bottom:10px;
	border-radius:10px;
	min-height:125px;
}
.farm-view-card-left-box{
	width:70%;
}
.farm-view-card-right-box{
	width:30%;
}
.farm-view-card-box-03-title{
	font-weight:600;
	font-size:18px;
	color:var(--farm-view-card-box-03-title);
	margin-bottom:10px;
}
.farm-view-card-box-03-apr{
	display:flex;
	align-items:center;
	gap:5px;
	color:var(--farm-view-card-box-03-apr);
	font-weight:500;
	text-transform:uppercase;
	margin-bottom:10px;
}
.farm-view-card-box-03-apr img{
	width:100%;
	max-width:25px;
}
.farm-view-card-box-03 p{
	margin-bottom:0;
}
.farm-view-card-point-earned{
	font-weight:bold;
	font-size:2em;
	margin-bottom:0;
}
.btn-collapse-info-staked{
	display:block;
	width:100%;
	font-weight:600;
	font-size:14px;
	color:#1E1048;
	text-align:center;
}
.collapse-info-staked{
	font-size:14px;
	font-weight:bold;
	color:#1E1048;
}
.btn-add-liqui{
    border-radius: 35px;
    padding: 12pt 25pt;
    background: #625690;
    color: #fff;
    font-weight: bold;
    display: block;
}
.purchase-beneficiary-card{
	padding:20pt 10pt;
	margin-bottom:15px;
	background:#01A659;
	border-radius:10pt;
	position:relative;
	overflow:hidden;
}
.btn-purchase-beneficiary{
	background:#048448;
	color:#fff;
	border:1px solid #fff;
	border-radius:10px;
	width:100%;
	padding:10px;
}
.kyc-img{
	max-width:56px;
}

.inner-wrapper{
	padding:10pt;
	padding-bottom:100px;
}
.inner-header-wrapper{
	margin-top:60px;
	padding:10pt;
}
body:has(.alert) .inner-header-wrapper {
  margin-top: 0;
}

.inner-header-title h3{
	color:var(--color-theme);
}
.inner-header-title p{
	color:var(--color-secondary);
}
.purchase-ticket-grid-01{
	display:flex;
	flex-wrap:wrap;
	position:relative;
	margin-bottom:10pt;
}
.purchase-ticket-grid-01:before{
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	background:var(--color-secondary);
	width:2px;
	height:60%;
	background:var(--color-secondary);
}
.purchase-ticket-grid-01 > div{
	width:50%;
	text-align:center;
}
.total-staking-grid, .queue-list-grid{
	max-width:120px;
	margin:0 auto 10px;
}
.total-staking-grid h4, .queue-list-grid h4{
	color:var(--color-secondary);
	font-size:14pt;
	margin:0;
}
.total-staking-amount, .total-queue-list{
	font-size:30pt;
	font-weight:bold;
	color:var(--color-theme);
}
.total-staking-amount-small{
	font-size:20pt;
	font-weight:bold;
	color:var(--color-theme);
}
.btn-get-ticket{
	width:100%;
	border-radius:35px;
	padding:10px 10pt;
	background:var(--btn-theme-bg-color);
	color:var(--btn-theme-text-color);
	position:relative;
	text-align:center;
	transition:all ease .3s;
	border: none;
	outline: none;
}
.btn-get-ticket font{
	display:block;
	height:100%;
	width:100%;
	color:var(--btn-theme-text-color);
}
.btn-get-ticket font:hover{
	text-decoration:none;
}
.purchase-staking-ticket-grid{
	position:relative;
	margin-bottom:60pt;
}
.purchase-ticket-grid-02{
	padding:10pt;
	margin-bottom:20pt;
	background:#33186B;
	border-radius:10pt;
	min-height:200px;
	position:relative;
	overflow:hidden;
}
.purchase-ticket-grid-02:before{
	content:'';
	position:absolute;
	bottom:-40pt;
	right:-20pt;
	width:120px;
	height:220px;
	border-radius:15px;
	background:rgba(255,255,255,.15);
	transform:rotate(45deg);
}
.purchase-staking-ticket{
	color:#000;
}
.purchase-arrow{
	width:52px;
	height:52px;
	margin:0 auto -20pt;
	padding:10px;
	background:#000;
	border-radius:10px;
	box-shadow:0 0 10px rgba(0,0,0,.35);
	display:flex;
	justify-content:center;
	align-items:center;
	position:absolute;
	top:43%;
	bottom:50%;
	left:50%;
	transform:translate(-50%, 0);
	z-index:1;
}
.purchase-ticket-grid-03{
	padding:20pt 10pt;
	margin-bottom:15px;
	background:#C499F3;
	border-radius:10pt;
	position:relative;
	overflow:hidden;
}
.purchase-ticket-grid-03:before{
	content:'';
	position:absolute;
	bottom:-40pt;
	right:-20pt;
	width:120px;
	height:220px;
	border-radius:15px;
	background:rgba(255,255,255,.15);
	transform:rotate(45deg);
}
.purchase-beneficiary-card{
	padding:20pt 10pt;
	margin-bottom:15px;
	background:#01A659;
	border-radius:10pt;
	position:relative;
	overflow:hidden;
}
.btn-purchase-beneficiary{
	background:#048448;
	color:#fff;
	border:1px solid #fff;
	border-radius:10px;
	width:100%;
	padding:10px;
}
.staking-card-grid{
	padding:20pt 10pt;
	margin-bottom:15px;
	background:#C499F3;
	border-radius:10pt;
	position:relative;
	overflow:hidden;
	color:#fff;
}
.staking-card-grid:before{
	content:'';
	position:absolute;
	bottom:-40pt;
	right:-20pt;
	width:120px;
	height:220px;
	border-radius:15px;
	background:rgba(255,255,255,.15);
	transform:rotate(45deg);
}
.staking-card-title h3{
	color:#fff;
}
.select-package-card {
  display: block;
  position: relative;
  padding:1em;
  padding-top:2em;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-height:125px;
  width:50%;
  background:var(--color-theme);
  border-radius:10px;
  border:1px solid rgba(0,0,0,.15);
  text-align:center;
}
.select-package-card input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.select-package-card-checkmark {
  position: absolute;
  top:10px;
  left:10px;
  height:25px;
  width:25px;
  background-color:var(--color-secondary);
  border-radius:50%;
}
.select-package-card:hover input ~ .select-package-card-checkmark {
  background-color:var(--color-secondary);
  transition:all ease .3s;
}
.select-package-card input:checked ~ .select-package-card-checkmark {
  background-color:transparent;
  transition:all ease .3s;
}
.select-package-card-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.select-package-card input:checked ~ .select-package-card-checkmark:after {
  display: block;
}
.select-package-card .select-package-card-checkmark:after {
	content:'';
	background:url(../images/icon-selected-tick.png) no-repeat #fff;
	background-size:cover;
 	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius: 50%;
}
.package-title{
	position:relative;
	z-index:1;
}
.main-wrapper-inner-form{
	padding:0 0 100px;
	height:auto;
	background:var(--bg-color-FDF7FF);
}
.floating-cube{
	transform:translate(0%,0%);
	max-width:220px;
	animation: floating-cube 4s linear infinite alternate;
}
.wallet-btn{
    width: auto;
    height: auto;
    background-color: #4f4093 !important;
    color: #fff;
    display: inherit;
    padding: 0.75rem 1.5rem;
    border-radius: 5px;
    transition: all ease .3s;
	place-items: center;
	font-family: "Rajdhani", sans-serif;
    font-weight: 600;
	transition:all ease .3s;
}
.wallet-btn:hover{
	background-color:#917deb;
	color:#eee;
}
.modal-card .modal-content{
	border:none;
	box-shadow:0 0 20px rgba(0,0,0,.35);
	text-align:center;
}
.btn-theme-submit{
	width:100%;
	padding:10px 25px !important;	
	background:linear-gradient(0deg, #6c4bc6, #c992ff);
	border:0;
	border-radius:10px;
	color:#fff !important;
	font-size:16px;
	justify-content:start !important;
	transition:all ease .3s;
	position:relative;
	overflow:hidden;
	z-index:1;
}
.btn-theme-submit a{
	color:#fff;
}
.btn-theme-submit a:hover{
	color:rgba(255,255,255,.65);
}
.btn-theme-submit:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:0%;
	height:100%;
	border-radius:0px;
	background:linear-gradient(90deg, #DC39FC , rgba(255,255,255,.15) );
	z-index:-1;
	transition:all ease .3s;
	transform:skewX(0deg);
}
.btn-theme-submit:hover:before{
	width:110%;
	background:linear-gradient(90deg, #c992ff , rgba(0,0,0,.15) );
	left:-15px;
	transform:skewX(45deg);
}
@keyframes floating-cube{
	0% {
		transform:translate(0%,0%);
	}
	100%{
		transform:translate(0%,-10%);
	}
}
@media(max-width:500px){
	.farm-view-card-box-03 p{
		font-size:13px;
	}
	.farm-view-card-box-03-title{
		font-size:16px;
		margin-bottom:5px;
	}
	.farm-view-card-box-03-apr{
		font-size:12px;
		margin-bottom:5px;
	}
	.farm-view-card-box-03 a.btn-theme-outline, .farm-view-card-box-03 a.btn-theme{
		padding:15px 20px;
		font-size:12px;
	}
	.btn-add-liqui{
		padding:15px 20px;
		font-size:14px;
	}
	.farm-view-card-left-box{
	width:60%;
	}
	.farm-view-card-right-box{
		width:40%;
	}
}

/*** ticket list page ***/

.ticket-list-card{
	display:flex;
	align-items:start;
	justify-content:space-between;
	width:100%;
	padding:10px;
}
.ticket-list-card-no{
	width:20%;
	max-width:36px;
	color:var(--color-secondary);
}
.ticket-list-card-no span{
	width:30px;
	height:30px;
	border-radius:10px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#ccc;
	color:#666;
	font-size:12px;
}
.ticket-list-card-content{
	width:100%;
	max-width:80%;
	padding:0 10px;
}
.ticket-list-card-icon{
	width:20%;
	max-width:36px;
}
.ticket-list-card-icon img{
	width:100%;
	max-width:32px;
}
.ticket-list-card-title{
	overflow: hidden;
    white-space: nowrap;
	text-overflow:ellipsis;
	color:var(--color-theme);
	font-weight:600;
	margin-bottom:5pt;
}
.ticket-list-card-status{
	font-size:13px;
	color:#666;
	padding:0px 10px;
	line-height:24px;
	margin-bottom:5pt;
	background:#f7f7f7;
	border-radius:10px;
	display:inline-block;
}
.ticket-list-card-status.in-progress{
	background:#C1C501;
	color:#fff;
}
.ticket-list-card-status.completed{
	background:#38C00A;
	color:#fff;
}
.ticket-list-card-status.closed{
	background:#B12C2C;
	color:#fff;
}
.ticket-list-card-desc{
	font-size:12px;
	color:#999;
}
.own-ticket-list{
	margin-bottom:20pt;
}
.own-ticket-list ul{
	margin:0;
	padding:0;
	display:flex;
	gap:5px;
	flex-wrap:wrap;
	list-style: none;
}
.own-ticket-list li{
	width:49%;
	padding:5px;
}
.own-ticket-list li a{
	display:block;
	transition:all ease .3s;
	height:100%;
}
.own-ticket-list li a:hover{
	text-decoration:none;
	opacity:.85;
}
.own-ticket-card{
	border-radius:15px;
	min-height:125px;
	background:#fff;
	display:flex;
	justify-content:space-between;
	box-shadow: 0 0 10px rgba(0, 0, 0, .15);
	height:100%;
}
.own-ticket-left{
	width:70%;
	display:flex;
	flex-direction:column;
	padding:10pt;
}
.own-ticket-info{
	margin-bottom:0px;
}
.own-ticket-detail{
	font-size:10px;
	color:#777;
}
.own-ticket-detail h3{
	color:var(--color-theme);
	font-size:16pt;
	font-weight:700;
	margin-bottom:0;
}
.own-ticket-status{
	font-size:12px;
	color:#000;
	text-align:right;
}
.own-ticket-status span{
	font-weight:bold;
}
.status-unstake{
	color:#d00;
}
.status-stake{
	color:green;
}
.own-ticket-right{
	width:30%;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:6px;
	text-align:center;
	background: var(--bg-offcanvas);
	color:#000;
	font-weight:600;
	border-radius:0 15px 15px 0;
	border-left: 2px dashed #fff;
}
.btn-load-more-ticket{
	padding:5pt 10pt;
	background:var(--color-theme);
	color:#fff;
	border-radius:10px;
	transition:all ease .3s;
}
.btn-load-more-ticket:hover{
	color:rgba(255,255,255,.5);
	text-decoration:none;
}
.ticket-list-grid{
	margin:0pt 0;
}
.ticket-list-grid ul{
	margin:0;
	padding:0;
}
.ticket-list-grid li{
	display:block;
	list-style:none;
}
.ticket-list-grid li:nth-child(odd) .ticket-list-card{
	background:#f7f7f7;
	border-radius:10px;
}

.info-box {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid #bce8f1;
  border-radius: 4px;
  background-color: #d9edf7;
  color: #31708f;
  font-weight: 500;
}

/*** pre-lauch ***/
.prelaunch-duration-grid{
	margin-bottom:10px;
}
.prelaunch-duration-grid ul{
	margin:0;
	padding:0;
	display:flex;
	gap:5px;
}
.prelaunch-duration-grid li{
	list-style:none;
	display:block;
	width:20%;
	background:#a67cd3;
	border-radius: 10px;
	border:1px solid #a06fc5;
    padding: 5px 10px;
	text-align:center;
}
.prelaunch-day{
	font-size:14px;
}
.prelaunch-volume{
	font-weight:bold;
	color:#000;
}