@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');

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


::-webkit-scrollbar {
	width:3px;
	height:3px;
} 
::-webkit-scrollbar-track {
	background:#333;
} 
::-webkit-scrollbar-thumb {
	background:#777; 
}

.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}
/*** default css ***/
:root {
  --vh: 100%;
}

.modal {
  height: calc(var(--vh, 1vh) * 100);
  overflow: auto;
}
body.modal-open {
  overflow: hidden;
}

body{
	height:100%;
	padding:0;
	background:#1d1d1d;
	font-family: "Poppins", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Rajdhani", sans-serif;
	line-height: 1.25;
	font-weight: 700;
	color:#eee;
}
p{
	color:#eee;
}
a{
	color:var(--color-theme-02);
	text-decoration:none;
	transition:all ease .3s;
}
a:hover{
	opacity:.5;
}
input:focus{
	outline:none !important;
	box-shadow:none !important;
}


/*** text color css ***/
.color-theme-01{
	color:var(--color-theme-01);
}
.color-theme-02{
	color:var(--color-theme-02);
}
.color-theme-03{
	color:var(--color-theme-03);
}
/*** Background css ***/
.bg-theme{
	background:var(--color-theme-01);
}
.bg-dark-blue{
	background:#000;
	background-color:var(--bg-dark-blue) !important;
}
.bg-dark{
	background:var(--bg-dark) !important;
}
.card-bg-dark{
	background:var(--card-dark-bg) !important;
}
/*** Button css ***/
#backButton, .backButton{
	cursor:pointer;
}
#backButton i.bx, .backButton i.bx{
	color:#fff !important;
}
.btn-theme{
	border-radius:35px;
	padding:12pt 25pt;
	background:#fff;
	color:var(--color-theme-01) !important;
	font-weight:bold;
	display:block;
	transition:all ease .3s;
}
.btn-theme:hover{
	background:#fff !important;
	color:var(--color-theme-01) !important;
	opacity:.5 !important;
}
.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;
}
.btn-insuf-balance{
	background:#e1bab6;
	color:#410002;
}
/*** tooltips css ***/
.custom-tooltip {
	position: relative;
	display: inline-block !important;
	cursor: pointer;
	color: #eee !important;
	font-size:12px !important;
	text-decoration: underline;
}

.custom-tooltip .custom-tooltiptext {
	visibility: hidden;
	width:auto;
	background-color: #fff;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	padding: 10px;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left:-20px;
	/*transform: translateX(-50%);*/
	opacity: 0;
	transition: opacity 0.3s;
}

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

.custom-tooltip:hover .custom-tooltiptext {
	visibility: visible;
	opacity: 1;
}

@media (max-width: 600px) {

	.custom-tooltip .custom-tooltiptext {
		width:auto;
		left:-15px;
	}

	.custom-tooltip .custom-tooltiptext::after {
		/*left: 50%;
		transform: translateX(-50%);*/
	}
}
/***** offcanvas *****/
.offcanvas{
	background-color:var(--bg-offcanvas);
}
.offcanvas.offcanvas-end{
	border-left:none !important;
}
.btn-close-offcanvas{
	color:var(--text-color-default);
}
.myWallet-address{
	width:100%;
	display:flex;
	justify-content:start;
	align-items:center;
	overflow:hidden;
	gap:10px;
	color:var(--text-color-offcanvas);
	font-weight:500;
}
.myAvatars{
	width:45px;
	height:45px;
	overflow:hidden;
	border-radius:50%;
	display:flex;
	justify-content:center;
	align-items:center;
}
.myAvatars img{
	max-width:100%;
}

.wallet-address-grid{
	width:80%;
	font-size:12px;
}
.wallet-address-id{
	padding:10px;
	background:#ddd;
	border-radius:15px;
	word-break: break-all;
	font-size:14px;
}
.log-out-block{
	margin-bottom:10pt;
	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;
	font-family: "Poppins", sans-serif;
	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 *****/
/*** connect wallet ***/
.connect-wallet-grid{
	padding-top:100px !important;
	height:100vh !important;
	position:relative;
}
.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{
	height:100%;
	padding:10pt 15pt;
	padding-top:30pt;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	position:relative;
}
.connect-wallet-view-grid p{
	color:#fff;
}
.connect-wallet-img{
	width:100%;
	max-width:250px;
	display:block;
	margin:30pt auto;
}
.referral-input-grid{
	width:100%;
	padding:10px;
	margin-bottom:10pt;
	border:1px solid #79757F;
	border-radius:10px;
	background:rgba(0,0,0,.65);
}
.referral-input-grid label{
	font-size:12px;
	color:#fff;
}
.referral-input-grid input{
	width:100%;
	border:none;
	background:transparent;
	font-size:12pt;
	font-weight:600;
	color:#fff;
}
.referral-input-grid input::placeholder{
	color:var(--referral-input-grid-input-placeholder);
}
.accept-our-terms{
	color:#f57575;
	font-size:80%;
	width:100%;
}
.radios-terms-container {
	display: block;
	position: relative;
	padding-left:45px;
	margin-bottom: 12px;
	font-size:14px;
	color:#fff;
	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 #999;
}
.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(--color-theme-02);
}
/*** dashboard ***/
.main-wrapper{
	/*background:var(--bg-dark-blue);*/
	background:#000;
	height:100vh;
    max-width: 500px;
    margin: 0 auto;
    padding-bottom:60pt;
    position: relative;
    overflow-Y: auto;
}
.main-fixed-navbar{
	padding:0;
}
.fixed-navbar-inner{
	background:var(--bg-dark-blue);
	max-width:500px;
	width:100%;
	min-height:60px;	
	padding:15pt;
	padding-bottom:5pt;
	padding-top:5pt;
	/*border-bottom:1px solid rgba(200,200,200,.15);*/
}

.fixed-navbar-bottom{
	border-bottom:1px solid #333;
}
.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{
	width: 25px;
    height: 20px;
	background-image:none !important;
}
.main-logo{
	max-width:100px;
	margin:5px 0;
}
.notification-icon{
	color:#fff;
	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%;
}
/*** modal send chat ***/

.modal-body {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.modal-send-chat .modal-content{
	height:100%;
	overflow:scroll;
}
.modal-send-chat .modal-title{
	color:var(--color-theme-01);
}
.chatting-wrapper {
	position: relative;
	height: 100%;
	overflow: hidden;
}
#current_user{
	font-size:12px;
	margin-left:10px;
}
#chatting_text_reply{
	display:block;
	height:30px;
}
.chatting-sliding-div {
	position: absolute;
	left: -100%;
	bottom: 0;
	top:0;
	width: 100%;
	height:100%;
	background:url(chatbg.jpg) no-repeat fixed center;
	display: flex;
	justify-content: start;
	flex-direction: column;
	transition: left 0.3s ease-in-out;
}
.chatting-sliding-div2 {
	position: absolute;
	left: -100%;
	bottom: 0;
	top:0;
	width: 100%;
	height:100%;
	background:url(chatbg.jpg) no-repeat fixed center;
	display: flex;
	justify-content: start;
	flex-direction: column;
	transition: left 0.3s ease-in-out;
}
.chatting-toggle-button {
	position: absolute;
	top: 20px;
	left: 20px;
	padding: 10px 20px;
	background-color: #007BFF;
	color: white;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}
.chatting-toggle-button:hover {
	background-color: #0056b3;
}
.chatting-close-button {
	padding: 5px 10px;
	background-color: #FF6347;
	color: white;
	border: none;
	border-radius: 3px;
	cursor: pointer;
}
.chatting-close-button:hover {
	background-color: #d32f2f;
}
.close-chatting{
	padding:0 0px 0 0;
	cursor:pointer;
	width:32px;
	height:32px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.chatting-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	display: none;
}
.chatting-contact-list{
	padding:15px;
	display: flex;
    flex-direction: column;
	height:85vh;
}
.new-friend-request{
	display:flex;
	gap:10px;
	padding:10px;
	margin-bottom:10px;
	background:#eee;
	border-radius:10px;
}
.new-friend-request-content{
	font-size:14px;
	max-width:85%;
}
.new-friend-request-content a{
	color:#000;
	font-weight:bold;
	text-decoration:underline;
}
.new-friend-request-img{
	width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f7f7f7;
    border: 1px solid #ddd;
}
.new-friend-request-img img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.group-chat-members ul{
	margin:0;
	padding:0;
}
.group-chat-members li{
	display:block;
	list-style:none;
	margin-bottom:10px;
}
.chat-members-card{
	display:flex;
	gap:5px;
	align-items:center;
	font-size:14px;
	color:#666;
}
.chat-members-card-left{
	display:flex;
	align-items:center;
	gap:10px;
}
.chat-members-avatar{
	width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f7f7f7;
    border: 1px solid #ddd;	
}
.chat-members-avatar img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.chat-members-name{
	font-size:14px;
	color:#000;
}
.add-members-grid{
	padding:0px;	
	max-height:60vh;
	min-height:300px;
	overflow:auto;
}
.add-members-grid ul{
	margin:0;
	padding:0;
	padding-bottom:100px;
}
.add-members-grid li{
	display:block;
	list-style:none;
}
.add-members-container {
	display: inline-block;
	position: relative;
	width:100%;
	padding:10px 0;
	margin:0;
	cursor: pointer;
	font-size:14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.add-members-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.add-members-checkmark {
	position: absolute;
	top:50%;
	right:5px;
	transform:translateY(-50%);
	height: 25px;
	width: 25px;
	background-color: #eee;
	border-radius:50%;
}
.add-members-container:hover input ~ .add-members-checkmark {
	background-color: #ccc;
}
.add-members-container input:checked ~ .add-members-checkmark {
	background-color:var(--color-theme-01);
}
.add-members-checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.add-members-container input:checked ~ .add-members-checkmark:after {
	display: block;
}
.add-members-container .add-members-checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.add-new-contact-form{
	padding:10px 0;
	height:90%;
}
.add-new-contact-row{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	padding:10px;
	margin-bottom:5px;
	Background:#f7f7f7;
	border-radius:5px;
}

.add-new-contact-row input{
	border: 1px solid #198754;
    border-radius: 6px;
    font-size: 12px;
    padding: 5px 10px;
}
.add-new-contact-input{
	border:0;
}
.ccl-title{
	margin-bottom:0px;
}
.add-chat-btn{
	width:25px;
	height:25px;
	border-radius:50%;
	background:var(--color-theme-02);
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--color-theme-01);
	cursor:pointer;
}
.add-chat-btn:hover{
	color:#000;
}
/*** add chat ***/
.toggle-btn-add-chat {
	background: #007bff;
	color: white;
	padding: 12px 20px;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	font-size: 16px;
	transition: background 0.3s ease;
}
.toggle-btn-add-chat:hover {
	background: #0056b3;
}
.dropdown-add-chat {
	border: 1px solid #ddd;
	border-radius: 8px;
	padding:15px;
	box-shadow: 0 0px 20px rgba(0,0,0,.35);
	display: none;
	animation: slideDown 0.1s ease;
	position: absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index:2;
}
@keyframes slideDown {
	from {
		opacity: 0;
		transform: translate(-50%,-10px);
	}
	to {
		opacity: 1;
		transform: translate(-50%,0);
	}
}
.dropdown-add-chat.show{
	display:block;
}
.close-btn-add-chat{
	position: absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	background: none;
	border: none;
	font-size:16px;
	font-weight:bold;
	cursor: pointer;
	color: #666;
	border-radius: 50%;
	width:22px;
	height:22px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition:all ease .3s;
}
.close-btn-add-chat:hover{
	color:#000;
}
.add-new-chat-header{
	position:relative;
	text-align:center;
	width:100%;
	padding:0px 0 0px;
	margin-bottom:10px;
}
.add-new-chat-wraper{
	position:relative;
	width:100%;
	height:60vh;	
	overflow:auto;
}
.add-new-chat-type{
	margin-bottom:15px;
}
.add-new-chat-type ul{
	margin:0;
	padding:0;
}
.add-new-chat-type li{
	list-style:none;
	display:block;
	margin-bottom:10px;
	font-size:14px;
}
.chat-type-icon{
	width:25px;
	height:25px;
	border-radius:50%;
	background:#eee;
	display:flex;
	align-items:center;
	justify-content:center;
}
.select-new-chat-type{
	border:0;
	background:transparent;
	padding:0;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:10px;
}
.number-contact-list{
	padding-bottom:35px;
}
.number-contact-list ul{
	margin:0;
	padding:0;
}
.number-contact-list li{
	list-style:none;
	display:block;
}
.choose-contact-container {
display: block;
position: relative;
margin-bottom: 12px;
padding-right:15px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.choose-contact-container input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.choose-contact-checkmark {
position: absolute;
top:50%;
right:15px;
transform:translateY(-100%);
height: 20px;
width: 20px;
background-color: #eee;
border-radius: 50%;
}
.choose-contact-container:hover input ~ .choose-contact-checkmark {
background-color: #ccc;
}
.choose-contact-container input:checked ~ .choose-contact-checkmark {
background-color:var(--color-theme-01);
}
.choose-contact-checkmark:after {
content: "";
position: absolute;
display: none;
}
.choose-contact-container input:checked ~ .choose-contact-checkmark:after {
display: block;
}
.choose-contact-container .choose-contact-checkmark:after {
top:6px;
left:6px;
width: 8px;
height: 8px;
border-radius: 50%;
background: white;
}
/*** END add chat ***/
.dropdown-card {
	border: 1px solid #ddd;
	border-radius: 8px;
	padding:15px;
	box-shadow: 0 0px 20px rgba(0,0,0,.35);
	display: none;
	animation: slideDown 0.1s ease;
	position: absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index:2;
}
@keyframes slideDown {
	from {
		opacity: 0;
		transform: translate(-50%,-10px);
	}
	to {
		opacity: 1;
		transform: translate(-50%,0);
	}
}
.dropdown-card.show{
	display:block;
}
.dropdown-card-header {
    position: relative;
    text-align: center;
    width: 100%;
    padding: 0px 0 0px;
    margin-bottom: 10px;
}
.dropdown-card-body {
    padding: 10px 0;
    height:90%;
}
/*** dropdown setting ***/
.setting-grid{
	margin:0;
	padding:0;
}
.setting-grid li{
	list-style:none;
	display:block;
	padding:0 10pt;
	padding-bottom:10px;
	border-bottom:1px solid #eee;
	font-size:14px;
}
.btn-setting-grid{
	border:0;
	background:transparent;
	padding:0;
	margin:0;
	width:100%;
	text-align:start;
	color:#222;
}
.btn-setting-grid.active, .btn-setting-grid.focus{
	outline:none;
}
.group-setting-grid{
	display:flex;
	height:100%;
	flex-direction:column;
}
/*** END dropdown setting ***/
.ccl-search{
	background:#f7f7f7;
	display:flex;
	gap:10px;
	align-items:center;
	padding:5px 10px;
	margin-bottom:15px;
	font-size:12px;
	border-radius:5px;
	border:1px solid #e5e5e5;
}
.ccl-search-form{
	border:0;
	width:100%;
	padding:5px;
	background:#f7f7f7;
}
.ccl-list{
	overflow:auto;
	height:100%;
}
.ccl-list ul{
	margin:0;
	padding:0;
}
.ccl-list li{
	list-style:none;
	display:block;
}
.ccl-list-alphabet{
	padding:0 10px;
	font-weight:500;
	font-size:14px;
	color:#5b5da7;
}
.toggle-chatting-chat{
	color:#000;
	cursor:pointer;
}
.toggle-chatting-chat:hover{
	color:#222;
}
.ccl-list-card{
	display:flex;
	align-items:center;
	gap:10px;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #eee;
}
.ccl-list-img{
	width:36px;
	height:36px;
	border-radius:50%;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#f7f7f7;
	border:1px solid #ddd;
}
.ccl-list-img img{
	aspect-ratio: 1 / 1;
    object-fit: cover;
}
.contact-list-name{
	font-weight:bold;
	font-size:14px;
	color:#198754;
}
.contact-list-des{
	font-size:12px;
	color:#999;
}
.notice-label{
	font-size:12px;
	padding:5px .52rem;
	border-radius:25px;
	background:var(--color-theme-02);
	color:var(--color-theme);
}
.chatting-block-top{
	padding:15px;
	background:#eee;
	border-bottom:1px solid #ccc;
	display:flex;
	align-items:center;
	gap:10px;
}
.button-icon{
	border:0;
	line-height: normal;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.chatting-img{
	width:36px;
	height:36px;
	border-radius:50%;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#f7f7f7;
	border:1px solid #ddd;
}

.loading {
    position: absolute;
    bottom: 400px; /* adjust as needed */
    left: 50%;
    transform: translateX(-50%);
    font-size: 16px;
    color: #555;
}

.chatting-img img{
	aspect-ratio: 1 / 1;
    object-fit: cover;
}
.chatting-name{
	font-size:16px;
	font-weight:bold;
	color:#198754;
}
.chatting-text-block{
	padding:15px;
	height: 100%;
	max-height:80vh;
	position:relative;
	overflow-y:auto;
	-webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
    scroll-behavior: smooth;
	/*display:flex;
	flex-direction:column;
	overflow:auto;
	overflow-y: auto;*/
}
.chatting-text-grid{
	display:flex;
	align-items:end;
	gap:5px;
	margin-bottom:10px;
}
.chatting-text-wrapper{
	width:80%;
}
.chatting-text-grid-block{
	display:flex;
	flex-direction:column;
	align-items:start;
	gap:5px;
	margin-bottom:5px;
}
.chatting-text-wrapper .chatting-text-grid-block:last-child{
	margin-bottom:0;
}
.chatting-user-title{
	font-size:12px;
	color:#444;
}
.chatting-text-dialog{
	padding:10px;	
	background:#fff;
	/* max-width:80%; */
	font-size:14px;
	border-radius:5px;
	position:relative;
	box-shadow: 0 0 5px rgba(0, 0, 0, .25);
}
.chatting-text-dialog span{
	position:relative;
}
.chatting-text-dialog img{
	position:relative;
}
.chatting-text-wrapper .chatting-text-grid-block:last-child .chatting-text-dialog:before{
	content:'';
	position:absolute;
	left:0;
	bottom:-15px;
	width:25px;
	height:25px;
	transform:rotateY(180deg);
	background:url(../img/chatting-dialog-bottom.png?147) no-repeat;
	background-position:center;
	background-size:cover;
	/*content:'';
	position:absolute;
	left:0px;
	bottom:-8px;
	width: 0px;
    height: 0px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #ddd;
    transform: skewX(300deg);*/
	/*background:#fff;
	width:15px;
	height:25px;
	transform:rotate(-20deg) skew(315deg, 350deg);*/
}
.chatting-text-grid.mine-reply .chatting-text-wrapper .chatting-text-grid-block:last-child .chatting-text-dialog:before{
	content:'';
	position:absolute;
	right:0;
	left:auto;
	bottom:-15px;
	width:25px;
	height:25px;
	transform:rotateY(0deg);
	background:url(../img/chatting-dialog-bottom.png?147) no-repeat;
	background-position:center;
	background-size:cover;
	/*content:'';
	position:absolute;
	left:10px;
	bottom:0px;
	width: 0px;
    height: 0px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    transform: skewX(60deg);*/
	/*background:#fff;
	width:15px;
	height:25px;
	transform:rotate(-20deg) skew(315deg, 350deg);*/
}

.chatting-text-grid.mine-reply{
	flex-direction:row-reverse;
}
.mine-reply .chatting-text-grid-block{
	align-items:end;
}
.chatting-text-grid.mine-reply .chatting-text-wrapper .chatting-text-grid-block:last-child .chatting-text-dialog:before{
	/*left: auto;
    right: 0px;
    bottom: -8px;
	background:transparent;*/
	/*left:auto;
	right:10px;
	bottom:-3px;
	transform:rotate(0deg) skew(25deg, 30deg);
	background:#fff;*/
}
.chatting-block-bottom{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	padding:15px;
	margin-top:auto;
	background:#0b293e;
	border-top:1px solid #eee;
	z-index:1;
}
.chatting-message-input-grid{
	width:100%;
	max-width:80%;
}
.chatting-message-field{
	border:1px solid #eee;
	border-radius:5px;
	background:#f7f7f7;
	width:100%;
	padding:5px 10px;
}
.chatting-gadget-icon{
	display:flex;
	align-items:center;
	gap:5px;
}
.chatting-icon{
	color:#fff;
	margin:0 5px;
	font-weight:bold;
}
.chatting-icon .bi{
	color:#198754;
	font-weight:bold;
}
.chatting-icon:hover{
	color:#555;
}
.toggle-gadget-button{
	border:0;
	background:none;
	color:#fff;
}
.toggle-chatting-gadget{
	opacity: 0;
    max-height:none;
    overflow: hidden;
    transition: opacity 0.2s ease-in-out, max-height 0.2s ease-in-out;
	position:absolute;
	right:0;
	bottom:0;
	background:#f9f9f9;
	width:100%;	
	padding:10px;
	transition:all ease .3s;
}
.toggle-chatting-gadget.visible-gadget{
	opacity:1;
	max-height:none;
	bottom:66px;
}
.toggle-chatting-gadget .chatting-icon{
	font-size:14px;
	color:#4b536a;
}
.modal-incoming-message .modal-content{
	background-color:var(--color-theme-02);
	border-radius:10px;
}
.modal-incoming-message .modal-content p{
	margin-bottom:0;
	font-size:14px;
	color:var(--color-theme);
}
.btn-close-modal{
	border:0;
	background-color:transparent;
}
.attachment-preview-grid{
	position:absolute;
	bottom:130px;
	left:0;
	width:100%;
	display:flex;
	justify-content:center;
	gap:5px;
	padding:15pt;
	overflow:auto;
    user-select: none;
}
.attachment-preview-grid:active{
	cursor:grabbing;
}
.attachment-preview-grid img{
	max-width:65px;
}
.attachment_chat{
	position:relative;
	padding:10px;
	background:rgba(0,0,0,.35);
	border-radius:10px;
	font-size:12px;
}
.close_preview{
    position: absolute;
    top: -5px;
    right: -5px;
    border-radius: 50%;
    background: #fff;
    width: 22px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
	cursor:pointer;
}
/* Avatar Image Styles */
/*.avatar-container {
	position: relative;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	border-radius: 8px;
	overflow: hidden;
}

.avatar-container:hover {
	transform: scale(1.05);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.avatar-container::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(45deg, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.1));
	opacity: 0;
	transition: opacity 0.3s ease;
	pointer-events: none;
}

.avatar-container:hover::after {
	opacity: 1;
}*/
/* Lightbox Styles */
.lightbox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.9);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}
.lightbox-overlay.active {
	opacity: 1;
	visibility: visible;
}
.lightbox-container {
	position: relative;
	max-width: 90%;
	max-height: 90%;
	animation: lightboxZoom 0.3s ease;
}
@keyframes lightboxZoom {
	from {
		transform: scale(0.8);
		opacity: 0;
	}
	to {
		transform: scale(1);
		opacity: 1;
	}
}
.lightbox-container img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	border-radius: 8px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}
.lightbox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	background: rgba(255, 255, 255, 0.2);
	border: none;
	color: white;
	font-size: 20px;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.3s ease;
}
.lightbox-close:hover {
	background: rgba(255, 255, 255, 0.3);
}
/* Mobile Responsiveness */
@media (max-width: 768px) {
	 .lightbox-container {
		 max-width: 95%;
		 max-height: 95%;
	 }
	 
	 .lightbox-close {
		 top: -40px;
		 right: -5px;
		 width: 35px;
		 height: 35px;
		 font-size: 25px;
	 }
}
/*** end modal send chat ***/
.fixed-bottom-navbar{
	position:fixed;
	bottom:10px;
	left:0;
	width:100%;
}
.fixed-bottom-navbar-inner{
	max-width:500px;
	width:100%;
	min-height:60px;
}
.bottom-navbar{
	padding:10pt 0;
	background:#23242c;
	border-radius:35px;
}
.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:#eee;
	transition:all ease .3s;
}
.bottom-navbar li a:hover{
	opacity:.5;
}
.bottom-navbar li a.active{
	color:#eee;
}
.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;
	height:50px;
	margin-top: -30px;
    margin-bottom: 9pt;
	background:var(--color-theme-01);
	border-radius:50%;
	display:flex;
	justify-content:center;
	align-items:center;
}
@media(max-width:500px){
	.bottom-navbar li{
		font-size:8pt;
	}
}

.claiminfo {
	font-family : "Rajdhani" , sans-serif;
}

.claiminfo div{
	margin:10px 0px !important;
}


.claiminfo p{
	font-weight:bold;
}

.claiminfo span{
	color: var(--color-theme-02);
	font-weight:normal;
}

.claiminfo label{
	color: var(--color-theme-02);
}


.main-wrapper-inner{
	padding:60px 0 100px;
	height:auto;
	/*background:var(--bg-dark-blue);*/
}
.dashboard-view-grid-01{
	padding:15pt 10pt 30pt;
	background:var(--bg-dark);
}
.total-assets-card{
	padding:0 10px;
	font-size:14px;
	color:rgba(255,255,255,.65);
}
.total-assets-amount{
	font-size:30pt;
	font-weight:bold;
	font-family:var(--font-family-theme);
	color:var(--color-theme-02);
	letter-spacing: 1.5px;
    line-height: normal;
}
.dashboard-view-grid-02{
	padding:10pt 0 15pt;
	margin-top:-30px;
	background:var(--bg-dark-blue);
	border-radius: 15px 15px 0 0;
}
.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:25%;
	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:30%;
	background:var(--color-theme-01);
}
.dashboard-main-icon img{
	max-width:100%;
}
.dashboard-main-icon-title{
	font-weight:600;
	color:#eee;
}
.dashboard-view-grid-03{
	padding:10pt;
	position:relative;
}
.btn-add-token{	
	border-radius:25px;
	background:#eee;
	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-grid li:nth-child(odd) .my-tokens-card{
	background:rgba(100,100,100,.1);
}
.my-tokens-card{
	display:flex;
	justify-content:space-between;
	align-items:center;
	border: 1px solid #222;
    border-radius: 10px;
    padding: 5pt;
}
.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(--color-theme-02);
}
.my-tokens-code{
	font-size:12px;
	text-transform:uppercase;
	color:#eee;
}
.my-tokens-card-right{
	text-align:right;
}
.my-tokens-amount{
	font-size:16pt;
	font-weight:bold;
	color:var(--color-theme-02);
}
.my-tokens-amount-value{
	font-weight:500;
	color:#eee;
}
.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;
	z-index:1;
}
.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:#fff;
	margin-bottom:0;
}
.token-details-headline img{
	width:100%;
	max-width:32px;
	height:32px;
}
.token-details-view-grid01{
	padding:10pt;
}
.token-details-card{
	padding:15px;
	border-radius:15px;
	background:var(--color-theme-01);
}
.view-balance-info{
	font-size:12px;
	color:#fff;
	background:rgba(0,0,0,.35);
	border-radius:25px;
	padding:5px 15px;
}
.total-balance-token{
	margin-bottom:10px;
}
.total-balance-token h4{
	margin-bottom:0;
	color:#fff;
	font-size:14px;
}
.total-balance-token a{
	color:var(--text-color-default-dark);
}
.total-balance-token-amount{
	font-weight:bold;
	font-size:20pt;
	color:#fff;
}
.total-balance-token-value{
	font-size:14px;
	color:#fff;
}
.token-spending-balance{
	/*margin-bottom:15pt;*/
}
.token-spending-balance h4{
	margin-bottom:0;
	color:#fff;
	font-size:14px;
}
.spending-balance-amount{
	font-weight:bold;
	font-size:26pt;
	color:#fff;
}
.spending-balance-value{
	font-size:14px;
	color:#fff;
}
.token-details-view-grid02{
	border-radius:10px 10px 0 0;
	margin-top:-10px;
	padding:10pt;
}
.token-details-icons-grid{
	padding:10pt 0;
	background:#000;
	border-radius:15px;
}
.token-details-icons-grid ul{
	margin:0;
	padding:0;
	display:flex;
	justify-content:space-between;
	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:#fff;
}
.token-details-icons{
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0 auto 6px;
	padding:5px;
	width:46px;
	height:46px;
	border-radius:30%;
	background:var(--color-theme-01);
}
.token-details-icons img{
	max-width:100%;
}
.token-details-icons-title{
	font-weight:600;
	color:var(--color-theme-02);
}
.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(--color-theme-02);
	margin-bottom:0;
}
.view-all-history{
	background:var(--color-theme-02);
	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:#444;
}
.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;
	padding:10px;
	border-radius: 10px;
}
ul.transaction-history-grid li:nth-child(odd){
	background:#221a26;
}
ul.transaction-history-grid li:nth-child(even){
	background:#312b34;
}
ul.transaction-history-grid h3.pickup-date-display{
	font-weight:bold;
	font-size:14pt;
}
.transaction-history-card{
	display:flex;
	justify-content:space-between;
	color:#fff;
}
.transaction-history-card-left{
	font-size:12px;
}
.transaction-history-title{
	font-weight:bold;
	font-size:12pt;
	color:var(--color-theme-02);
}
.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:#00cb6d;
}
.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:#d33e3e;
}
.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;
}
@media (max-width:500px){
	.token-details-icons-title{
		font-size:14px;
	}
}
/*** choose assets ***/
.main-wrapper-inner-title{
	padding:10pt 15pt;
}
.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 #222;
}
.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;
	color:var(--color-theme-02);
}
@media(max-width:414px){
	.choose-assets-card{
		font-size:14px;
	}
	.assets-card-icon{
		max-width:36px;
	}
	.assets-total-amount{
		font-size:14pt;
	}
}
/*** Deposit ***/
.receive-view-grid-01{
	padding:10pt 15pt;
}
.receive-view-grid-title{
	margin-bottom:15pt;
	font-size:16pt;
	font-weight:bold;
	color:#fff;
}
.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(--color-theme-03);
	font-weight:bold;
}
.choose-receive-chain a.active{
	background:var(--color-theme-01);
	color:var(--color-theme-02);
}
.qrcode-view-grid{
	width:100%;
	max-width:200px;
	margin:30pt auto;
	padding:10px;
	background:#fff;
	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(--color-theme-03);
}
@media(max-width:500px){
	.qrcode-view-grid{
		max-width:165px;
	}
}
/*** fixed bottom button ***/
.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-dark-blue);
	display:block;
	margin:0 auto;
	padding:20pt 10pt;
	color:#fff;
}
.fixed-bottom-button{
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;	
}
.fixed-bottom-button a{
	text-align:center;
	width:100%;
}
.info-message-box{
	font-size:12px;
}
/*** send ***/
.send-view-grid-01{
	padding:10pt;
}
.send-grid-card{
	margin-bottom:15pt;
	padding:10pt;
	border:1px solid #333;
	border-radius:10px;	
	color:#fff;
	background:var(--card-dark-bg);
}
.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(--color-theme-02);
}
.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:#aaa;
}
.input-wallet-ensName::placeholder{
	color:#777;
}
/*** custom select tokens ***/
.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;
}
/*** review staking details ***/
.review-staking-details-view-grid{
	padding:10pt 15pt;
	color:#fff;
}
.review-staking-details-card{
	font-size:14px;
	color:#fff;
	background-color:var(--card-dark-bg);
	border:1px solid rgba(255,255,255,.15);
}
.review-staking-details-card h4{
	font-size:18px;
}
.review-staking-details-row{
	line-height:24px;
}
.staking-amount-plus{
	color:var(--color-theme-02);
}
#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);
}

#insidePanel {
	position: fixed;
	top: 0;
	left:50%;
	width: 100%;
	height: 100%;
	max-width:500px;
	background-color:var(--bg-dark-blue);
	color: white;
	transform: translateX(-50%);
	/*transition: transform 0.5s ease-in-out;*/
	transition: all 0.3s ease-in-out;
	z-index:-1;
	opacity:0;
	overflow:scroll;
}
#insidePanel.visible {
	transform: translateX(-50%);
	opacity:1;
	z-index: 9999;
}
.inside-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;
	color:#fff;
}
.staking-submitted-grid{
	padding:10pt 15pt;
	width:100%;
}
.view-stake-receipt{
	color:#fff;
	font-weight:600;
}
.staking-process-step{
	margin:0;
	padding:0;
}
.staking-process-step li{
	list-style:none;
	display:block;
	color:var(--color-theme-01);
	margin-bottom:10px;
	position:relative;
}
.staking-process-step li:before{
	content:'';
	position:absolute;
	left:9px;
	top:18px;
	width:2px;
	height:100%;
	background:var(--color-theme-01);
}
.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(--color-theme-02);
}
.staking-process-step-detail{
	color:var(--color-theme-03);
}
/*** 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;
	justify-content:space-between;
	gap:15px;
	padding:15pt;
	background:var(--card-dark-bg);
	border-radius:15px;
	position:relative;
}
.earn-card-detail{
	margin-left:5pt;
	max-width:80%;
}
.earn-card-title{
	font-size:18pt;
	font-weight:bold;
	color:var(--color-theme-02);
	display:flex;
	align-items:center;
	gap:10px;
}
.earn-card-label{
	padding:5px 10px;
	border-radius:5px;
	background:#DFA400;
	color:#fff;
	font-size:12px;
}
.earn-card-desc{
	color:var(--color-theme-03);
	font-size:14px;
}
.earn-card-icon{
	width:42px;
	height:42px;
}
.earn-card-icon img{
	width:100%;
	max-width:100%;
}
.earn-card-img{
	position:absolute;
	bottom:0;
	right:0;
	width:100px;
	height:auto;
}
.earn-card-img img{
	max-width:100%;
	width:100%;
}
.hash-contract-status{
	background:#fff;
	display:inline-block;
	border-radius:6px;
	padding:5px 15px;
	padding-left:25px;
	margin-bottom:5px;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	color:#000;
	position:relative;
}
.hash-contract-status:before{
	content:'';
	position:absolute;
	top:50%;
	left:10px;
	transform:translate(0,-50%);
	width:8px;
	height:8px;
	background:green;
	border-radius:50%;
	transition:all ease .3s;
	animation-name: dot-blink;
	animation-duration:1s;
	animation-iteration-count: infinite;
}
@keyframes dot-blink{
	0%{opacity:1;}
	25%{opacity:.5;}
	50%{opacity:1;}
	75%{opacity:.5;}
	100%{opacity:1;}
}
@media(max-width:414px){
	.earn-card-icon{
		width:32px;
		height:32px;
	}
	.earn-card-title{
		font-size:14pt;
		flex-direction: column;
        align-items: flex-start;
		margin-bottom:5pt;
		gap:5px;
	}
	.earn-card-label{
		padding: 5px 10px;
		font-size: 10px;
		display: block;
	}
}
/*** buy hashpower ***/
.navbar-page-title h4{
	margin-bottom:0;
	color:var(--color-theme-02);
}
.history-icon{
	width:45px;
}
.wallet-balance-view-grid{
	padding:10pt;
	padding-bottom:50px;
	background:var(--bg-dark);
}
.wallet-balance-view-grid ul{
	margin:0;
	padding:0;
}
.wallet-balance-view-grid li{
	display:block;
	list-style:none;
}
.wallet-balance-card{
	display:flex;
	align-items:center;
	background:var(--bg-dark-blue);
	padding:10px;
	margin-bottom:10px;
	border-radius:10px;
	gap:10px;
}
.wallet-balance-icon{
	width:32px;
	height:32px;
	border-radius:50%;
	object-fit:fill;
	display:flex;
	align-items:center;
	justify-content:center;
}
.wallet-balance-icon img{
	width:100%;
	max-width:100%;
}
.wallet-balance-amount{
	font-weight:bold;
	font-size:20px;
	color:#fff;
}
.wallet-balance-value{
	font-size:14px;
	color:#fff;
}
.add-wallet-btn{
	padding:10px;
	padding-right:12pt;
	background:var(--color-theme-02);
	border-radius:25px;
	font-size:12px;
	font-weight:600;
	color:var(--color-theme-01);
	display:flex;
	align-items:center;
	gap:5px;
}
.daily-stake-board{
	padding:10pt;
	border-radius: 10px;
	background:var(--bg-dark-blue);
	color:#eee;
}
.apy-grid{
	margin-bottom:10px;
	font-size:12px;
	color:#aaa;
}
.apy-grid span{
	display:block;
	font-size:22px;
	font-weight:600;
	color:#eee;
}
.daily-deposit-grid{
	display:flex;
	align-items:start;
	gap:10px;
}
.daily-deposit-grid > div{
	width:50%;
	font-size:12px;
	color:#aaa;
	word-break: break-all;
}
.daily-deposit-grid span{
	display:block;
	color:#eee;
	font-size:16px;
	font-weight:500;
}
.buy-hashpower-view-grid{
	padding:15pt 15pt;
    margin-top: -30px;
    border-radius: 15px 15px 0 0;
    background: var(--bg-dark-blue);
	color:#fff;
}
.dark-card{
	padding:10px;
	background:var(--card-dark-bg);
	border-radius:15px;
}
.dark-card-title{
	display:flex;
	align-items:center;
	gap:10px;
	font-weight:600;
	color:var(--color-theme-02);
	margin-bottom:10pt;
}
.dark-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;
}
.contract-period-info{
	padding:0 5pt;
	font-size:12px;
	color:var(--color-theme-03);
}
.collapse-contract-period{
	position:relative;
	padding-right:25px;
}
.collapse-contract-period[aria-expanded="false"]:before{
	content:'+';
	position:absolute;
	top:50%;
	right:10px;
	transform:translate(0,-50%);
	color:#fff;
	transition:all ease .3s;
	display:none;
}
.collapse-contract-period[aria-expanded="true"]:before{
	content:'-';
	position:absolute;
	top:50%;
	right:10px;
	transform:translate(0,-50%);
	color:#fff;
	transition:all ease .3s;
}
.table-contract-period-info{
	font-size:12px;
	width:100%;
	border-radius:15px;
}
.table-contract-period-info tr{
	background:#154800;
}
.table-contract-period-info tr:nth-child(odd){
	background:rgb(62 195 7 / 15%);
}
.table-contract-period-info td{
	padding:5px;
}
.table-contract-period-info thead tr td{
	background:var(--color-theme-01);
	color:var(--color-theme-02);
}
/*** review bu hashpower details ***/
.hash-contract-active{
	display:flex;
	align-items:center;
	gap:15px;
	padding:10pt;
	margin:0 auto;
	margin-bottom:10px;
	max-width:300px;
	background:var(--card-dark-bg);
	border-radius:10px;
	font-size:14px;
}
.hash-contract-icon{
	width:45px;
	height:45px;
	border:1px solid #333;
	border-radius:50%;
}
.hash-contract-icon img{
	width:100%;
	max-width:100%;
}

/*** stake ***/
.stake-view-grid-01{
	padding:10pt 15pt;
}
.stake-view-grid-tabbed{
	margin:10pt 0;
}
.stake-view-tab{
	display:flex;
	justify-content:center;
	margin:0 auto;
	padding:5px 10px;
	width:fit-content;
	background:var(--stake-view-tab-bg);
	border-radius:25px;
	border:1px solid var(--stake-view-tab-border);
}
.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:25px;
}
.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 #333;
	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 #333;
}
.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:#fff;
}
.table-staking-method tr td{
	width:25%;
	text-align:center;
}
.input-enter-staking-amount{
	padding:0 10pt;
	border:1px solid #333;
	border-radius:10px;
	color:#fff;
}
.input-enter-staking-amount img{
	width:100%;
	max-width:22px;
}
.staking-amount-enter-input{
	width:100%;
	padding:0px 5pt;
	margin-left:auto;
	border:none;
	font-size:16pt;
	font-weight:bold;
	text-align:right;
	background:none;
	color:#aaa;
}
.staking-amount-enter-input::placeholder{
	color:#444;
}
.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;
	}
}
/*** mining ***/
.mining-view-grid-wrapper{
	padding:10pt 15pt;
}
.mining-view-grid{
	padding:10pt 0;
}
.mining-view-grid-01{
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: bold;
    margin-bottom: 10pt;	
	color:#fff;
}
.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:#fff;
	border:1px solid #dbb9f940;
	border-radius:10px;
	background:var(--card-dark-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;
	color:var(--color-theme-02);
}
.mining-view-card-amount span{
	font-size:20px;
	font-weight:bold;
}
.mining-view-grid-03{
	margin-bottom: 10pt;
}
.mining-view-grid-03 h4{
	font-size:16pt;
	margin:15pt 0;
}
.mining-view-grid-03 ul{
	margin:0;
	padding:0;
}
.mining-view-grid-03 li{
	display:block;
	list-style:none;
	margin-bottom:10pt;
}
.active-hash-card{
	display:flex;
	align-items:center;
	gap:10px;
	padding:10pt;
	background:var(--card-dark-bg);
	border-radius:10px;
}
.active-hash-card-icon{
	width:40px;
	height:40px;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:5pt;
	background:var(--bg-dark-blue);
	border-radius:50%;
}
.active-hash-card-icon img{
	width:100%;
	max-width:100%;
}
.active-hash-card-details{
	font-size:16px;
}
.contract-end-date{
	font-size:12px;
	color:#fff;
}
/***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(--color-theme-03);
}
.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;
}
@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;
	}
}
/*** hash contract details ***/
.daily-mining-reward-grid{
	color:#fff;
}
.daily-mining-reward-grid-01{
	padding:10pt 15pt;
}
.btn-view-all{
	display:flex;
	align-items:center;
	padding:5px 10pt;
	background:var(--color-theme-02);
	border-radius:25px;
	color:var(--color-theme-03);
	font-size:12px;
}
.daily-mining-reward-history{
	margin:0;
	padding:0;
}
.daily-mining-reward-history li{
	list-style:none;
	display:block;
}
.daily-mining-reward-history-card{
	font-size:14px;
}
.daily-mining-reward-history-date{
	padding:10px 15pt;
	background:var(--bg-dark);
}
.daily-mining-reward-history-details{
	padding:10pt 15pt;
	display:flex;
	align-items:start;
}
.daily-mining-reward-history-title{
	font-weight:bold;
	font-size:16px;
	color:var(--color-theme-02);
}
.daily-mining-reward-history-source{
	font-size:14px;
	color:#aaa;
}
.daily-mining-reward-history-td{
	font-size:12px;
	color:#aaa;
	display:flex;
	align-items:center;
	gap:5px;
}
.daily-mining-reward-history-td span.completed{
	color:var(--color-theme-02);
}
.daily-mining-reward-history-td span.pending{
	color:#ffc107;
}
.daily-mining-reward-history-td span.cancel{
	color:#ff5858;
}
.daily-mining-reward-history-amount{
	font-weight:600;
	font-size:14pt;
}
.daily-mining-reward-history-amount.up{
	color:var(--color-theme-02);
}
.daily-mining-reward-history-amount.down{
	color:#ff5858;
}
/*** 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:#eee;
}
.community-profile-card{
	display:flex;
	align-items:center;
	gap:15px;
	margin-bottom:10pt;
	padding:10pt;
	background:var(--bg-dark);
	border-radius:10px;
}
.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;
}
.community-grid-01{
	padding:10pt 15pt;
}
.leaderboard-grid{
	min-height:200px;
	padding:15pt;
	border:1px solid #333;
	border-radius:25px;
	background:url(../img/leaderboard-card-bg.png) no-repeat center center;
	background-size:cover;
	background-position:center;
	background-color:#111713;
}
.leaderboard-grid-top{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:10pt;
}
.leaderboard-grid-top a{
	color:#fff;
}
.leaderboard-grid-top h4{
	font-size:18px;
	text-transform:uppercase;
	margin-bottom:0;
}
.lgticon{
	transform:rotate(-45deg);
}
.leaderboard-tabbed{
	width:100%;
	border-radius:35px;
	border:1px solid #444;
	padding:5px 5px;
}
.leaderboard-tabbed li.nav-item{
	width:50%;
}
.leaderboard-tabbed .nav-link{
	border-radius:35px;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
}
.leaderboard-tabbed .nav-link.active, .leaderboard-tabbed .show>.nav-link{
	border-radius:35px;
	background:#fff;
	color:#000;
}
.leaderboard-tabbed-card{
	display:flex;
	align-items: center;
	width:100%;
	gap:5px;
}
.leaderboard-tabbed-card-left{
	width:40%;
	min-height:65px;
	text-align:center;
}
.leaderboard-tabbed-card-right{
	width:60%;
	min-height:65px;
	text-align:center;
	border:1px solid #7DFF00;
	border-radius:25px;
	padding:10px;
}
.leaderboard-rank-title{
	display:block;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	word-break:break-word;
}
.icon-solo-rank{
	width:100%;
	max-width:52px;
	display:block;
	margin:0px auto;
}
.ltcr-top{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:20px;
}
.ltcr-top-01{
	font-size:32pt;
	font-weight:500;
}
.ltcr-top-02{
	font-size:14px;
}
.rank-badge{
	display:block;
	margin:0 auto;
	width:36px;
	height:36px;
	border-radius:50%;
	border:1px solid #666;
	overflow:hidden;
}
.rank-badge img{
	aspect-ratio: 1 / 1;
    object-fit: cover;
}
.ltcr-middle{
	font-size:14px;
	font-weight:500;
	color:#fff;
}
.icon-hyperX{
	width:100%;
	max-width:14px;
}
.ltcr-bottom{
	padding:10px;
}
.next-rank-progress{
	height: 26px;
    background: #aaa;
    border-radius: 25px;
	position:relative;
}
.next-rank-progress-text{
	width:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	color:#000;
	text-transform:uppercase;
	font-weight:bold;
}
.next-rank-progress-bar{
	padding:0 10px;
	color:#000;
	text-align:center;
	background:#7DFF00;
	overflow: visible;
}
.community-grid-02 {
    padding: 10pt 15pt;
}
.myprofile-grid{
	min-height:200px;
	padding:15pt;
	background:#111713;
	border:1px solid #444;
	border-radius:25px;
}
.myprofile-grid-top{
	display: flex;
	align-items: center;
	gap:10px;
	margin-bottom: 10pt;
}
.myprofile-grid-top h4{
	font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 0;	
}
.myprofile-grid-top a {
    color: #fff;
}
.myprofile-grid-middle{
	display:flex;
	align-items:center;
	gap:10px;
	margin-bottom:20pt;
}
.myprofile-avatar{
	width:100%;
	max-width:80px;
	border-radius:50%;
	overflow:hidden;
	position:relative;
	max-height:80px;
}
.myprofile-avatar:before{
	content:'';
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	width:100%;
	height:70px;
	background:url(../img/profile-avatar.png);
	background-size:cover;
}
.myprofile-avatar img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
}
.user-id-grid{
	margin-bottom:10px;
	font-size:20px;
	display:flex;
	align-items:center;
	gap:10px;
	color:#fff;
}
.user-id-grid a{
	color:#fff;
}
.solo-rank-label{
	width:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:5px;
	padding:5px;
	background:#7DFF00;
	border-radius:20px;
}
.srl-badge{
	width:30px;
	height:30px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
}
.srl-badge img{
	width:100%;
	height:100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.team-rank-label{
	width:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:5px;
	padding:5px;
	background:#fff;
	border-radius:20px;
}
.solo-rank-icon, .team-rank-icon{
	height:20px;
}
.view-all{
	color:#fff;
	font-size:12px;
	text-transform:uppercase;
}
.my-stats-label{
	font-size:14px;
	color:#aaa;
	display:flex;
	align-items:center;
	gap:5px;
}
.my-stats-label img{
	width:100%;
	max-width:16px;
}
.my-stats-value{
	font-size:14px;
	color:#fff;
}
.community-grid-03{
	padding:10pt 15pt;
	position:relative;
}
.community-grid-03:before{
	content:'';
	position:absolute;
	left:30pt;
	top:-15px;
	width:1px;
	height:100%;
	background:#444;
}
.downline-grid{
	padding-left:30px;
}
.downline-grid h4{
	font-size:20px;
}
ul.downline-grid-ul{
	margin:0;
	padding:0;
}
.downline-grid-ul li{
	display:block;
	list-style:none;
	margin-bottom:10pt;
}
.downline-grid-item{
	width:100%;
	padding:10pt;
	background:#111713;
	border-radius:20px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	color:#aaa;
}
.downline-grid-item-left{
	display:flex;
	align-items:center;
	gap:10px;
}
.downline-grid-item-left-avatar{
    width: 100%;
    max-width:60px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
	max-height:60px;
	height:auto;
}
.downline-grid-item-left-avatar:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height:55px;
    background: url(../img/profile-avatar.png);
    background-size: cover;
}
.downline-grid-item-left-avatar img {
    width: 100%;
    
    object-fit: cover;
    object-position: center;
}
.downline-member-id{
	display: block;
	font-size:20px;
	font-weight:bold;
	color:#fff;
}
.downline-grid-item-right{
	color:#fff;
}
@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;
	}
	.leaderboard-grid{
		padding:15px;
	}
	.leaderboard-tabbed{
		font-size:14px;
	}
	.leaderboard-rank-title{
		font-size:12px;
	}
	.leaderboard-tabbed-card-right{
		padding:5px;
	}
	.ltcr-top{
		margin-bottom:10px;
		margin-top:10px;
	}
	.ltcr-top-01{
		font-size:20pt;
	}
	.ltcr-middle{
		font-size:12px;
	}
	.next-rank-progress-text{
		font-size:80%;
	}
}	
@media(max-width:490px){
	.srl-badge{
		width:25px;
		height:25px;
	}
	.solo-rank-icon, .team-rank-icon {
		height: 10px;
	}
	.downline-grid-item-left-avatar{
		width:36px;
	}
	.downline-grid-item-left-avatar:before{
		height:30px;
	}
	.downline-grid-item-left{
		font-size:80%;
	}
	.downline-member-id{
		font-size:16px;
	}
	.downline-grid-item-right{
		font-size:14px;
	}
	.downline-grid-item{
		padding:10px;
	}
	.community-grid-03:before{
		left: 25pt;
		top: -16px	
	}
	.downline-grid {
		padding-left: 25px;
	}
}
/*** rank page ***/
.rank-leaderboard-grid{
	padding:10pt 15pt 25pt;
}
.rank-leaderboard-tab img{
	width:auto;
	max-height:16px;
	filter:invert(1);
	transition:all ease .3s;
}
.leaderboard-tabbed a.nav-link.active .rank-leaderboard-tab img{
	filter:invert(0);
}
.rank-leaderboard-card{
	display:flex;
	align-items:center;
	gap:10px;
	margin-bottom:10pt;
}
.rank-leaderboard-card-left{
	padding:10pt;
}
.rank-leaderboard-card-right p{
	color:#aaa;
	font-size:14px;
	margin-bottom:0;
}
.rank-leaderboard-data{
	padding:10pt;
	margin-bottom:20pt;
	border:1px solid #7DFF00;
	border-radius:20px;
	min-height:100px;
	display:flex;
	align-items:start;
	justify-content:space-between;
}
.rld-01 h4{
	color:#aaa;
	font-size:16px;
	text-transform:uppercase;
	margin-bottom:0;
}
.rld-01-rank{
	font-size:3em;
	color:#7DFF00;
}
.rld-02{
	text-align:center;
}
.rld-02-badge {
    display: block;
    margin: 0 auto;
    width:60px;
    height:60px;
    border-radius: 50%;
    border: 1px solid #666;
    overflow: hidden;
}
.rld-02-badge img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.rld-03{
	text-align:center;
	width:40%;
}
.hyper-points{
	font-size:22pt;
	color:#fff;
}
.progress-to-next-rank{
	font-size:12px;
	color:#aaa;
	text-transform:uppercase;
	margin-bottom:5px;
}
.leaderboard {
	margin: 0 auto;
	overflow: hidden;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}
.leaderboard-item {
	display: flex;
	align-items: center;
	padding: 15px;
	margin-bottom: 5px;
    background: #111713;
    border-radius: 15px;
	transition: background-color 0.3s ease;
}
.leaderboard-item:hover {
	background: rgba(255, 255, 255, 0.05);
}
.leaderboard-item:last-child {
	border-bottom: none;
}
.leaderboard-rank-badge {
	width:65px;
	height: 48px;
	border-radius:25px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 18px;
	margin-right: 16px;
	color: white;
	background:#17261C;
}
.rank-1 .leaderboard-rank-badge{ background:#4D0032; color:#FF33B9;}
.rank-1 .username{ color:#FF33B9;}
.rank-1 .points-value{ color:#FF33B9;}
.rank-2 .leaderboard-rank-badge{ background:#003330; }
.rank-2 .username{ color:#00FFF0;}
.rank-2 .points-value{ color:#00FFF0;}
.rank-3 .leaderboard-rank-badge{ background:#00291C; color:#00FFB2; }
.rank-3 .username{ color:#00FFB2;}
.rank-3 .points-value{ color:#00FFB2;}
.user-info {
	flex: 1;
	min-width: 0;
}
.username {
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 4px;
	visibility: hidden;
}
.username.masked {
    visibility: visible;
}
.wallet-container {
	display: flex;
	align-items: center;
	gap: 8px;
}
.wallet-id {
	font-size: 14px;
	color: #888;
	font-family: 'Monaco', 'Menlo', monospace;
	visibility: hidden;
}
.wallet-id.masked {
    visibility: visible;
}
.copy-btn {
	background: none;
	border: none;
	color: #666;
	cursor: pointer;
	padding: 2px;
	border-radius: 4px;
	transition: color 0.2s ease;
}
.copy-btn:hover {
	color: #00bcd4;
}
.points {
	text-align: right;
	margin-left: 16px;
}
.points-value {
	font-size: 18px;
	font-weight: bold;
	color: white;
}
.points-label {
	font-size: 12px;
	color: #666;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
.copy-btn svg {
	width: 14px;
	height: 14px;
}
@media(max-width:490px){
	.rank-leaderboard-grid{
		padding:10pt;
	}
	.rld-01-rank{
		font-size:2em;
	}
	.rld-02-badge{
		width:40px;
		height:40px;
	}
	.rld-03{
		width:45%
	}
	.hyper-points{
		font-size:14pt;
	}
	.progress-to-next-rank{
		font-size:10px;
	}
}