/*.page-ath-alt .page-ath-content {*/

/* background-color: #fff; */
/*background-image: url(/public/images/social/login-bg.jpg);*/
/*background-repeat: no-repeat;*/
/*background-position: center;*/
/*background-size: cover;*/
/*position: relative;*/

/*}*/
body {
	font-family: "League Spartan";
}

.input-checkbox~label:not(.error):after,
.input-radio~label:not(.error):after {
	background: #000;
}

a {
	color: #000;
}

.toggle-line {
	background: #000;
}

.card-token {
	background-image: linear-gradient(45deg, #a66cff 0%, #7668fe 100%);
	color: #fff;
}

.btn-primary:disabled,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	background: #a66cff;
	border-color: #a66cff;
	color: #fff;
}

.footer-links li a:hover {
	color: #fff;
}

.topbar {
	background: #fff;
}

.user-thumb {
	color: #fff;
	background: #000;
}

.navbar-menu>li>a {
	color: #000;
	font-weight: 400;
	gap: 20px;
}

.progress-percent:after,
.pay-check:checked~label:before,
.pay-check:checked~label {
	border-color: #a66cff;
}

.text-primary {
	color: #000 !important;
}

.navbar-menu>li>a:before,
.bonus-base,
.pay-check-label:after {
	background: #ffcc00;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span,
p span {
	color: #FFE234 !Important;
}

.card-title {
	color: #000;
	font-weight: 600;
}

.spinner .sp {
	background-color: #FC0;
}

.total-amount-lead {
	color: #FFE234;
}

#Floader {
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(255, 255, 255, .9);
	width: 100%;
	height: 100%;
	font-size: 25px;
	text-align: center;
	color: #fff;
	text-shadow: 0 0 0px #000;
	z-index: 9999;
}

.inline-loader {
	width: 30%;
	padding: 25px;
}

.inline-loader .spinner.spiner_img {
	margin: 0 auto !important;
	top: auto;
	left: auto;
	position: initial;
}

.inline-loader span {
	font-size: 20px;
	margin: 0 auto;
}

.user-dashboard.page-user .pay-wallet-address button.copy-trigger.copy-clipboard {
	min-width: 160px !important;
	background: #000;
	color: #fff;
}

.user-thumb:hover,
.user-thumb:focus {
	color: #fff;
}

.copy-feedback {
	color: #000;
	height: auto;
	text-align: right;
	padding: 13px 20px;
}

.copy-trigger:focus,
.copy-trigger:hover,
.input-switch:checked~label:before {
	background: #ffcc00;
}

.data-head .data-col,
.total-amount-lg {
	color: #000;
}

.navbar-menu>li>a:hover,
.navbar-menu>li>a:focus,
.navbar-menu>li>a:active,
.nav-tabs-line .nav-link.active {
	color: #000;
}

.user-status,
.nav-tabs-line .nav-link:after {
	background: #000;
}

.user-dropdown:after {
	border-bottom-color: #000;
}

h1,
h2,
h4,
h5 {
	color: #fff;
}

ul.radio_ul {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.radio_ul li {
	border: 1px solid #fff;
	border-radius: 5px;
	width: calc(50% - 10px);
	padding: 10px 15px 10px 40px;
	position: relative;
}

.radio_ul li:after {
	content: '';
	position: absolute;
	background: var(--bg-icon);
	height: 22px;
	width: 22px;
	left: 8px;
	background-size: cover;
	top: 50%;
	transform: translateY(-50%);
}

.radio_ul input[type="radio"] {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	opacity: 0;
}

.radio_ul input[type="radio"]:checked::before {
	content: '';
	position: absolute;
	background: #a66cff47;
	width: 100%;
	height: 100%;
	visibility: visible;
}

.radio_ul li.active {
	border-color: #a66cff;
}

.radio_ul li.active::before {
	position: absolute;
	content: '';
	width: 23px;
	height: 23px;
	border-radius: 50%;
	background: #7968fe;
	left: auto;
	right: -9px;
	top: -1px;
	border: 4px solid #fff;
	transform: translateY(-50%);
}

.progress-percent {
	border-radius: 10px;
	background: linear-gradient(268deg, #FC0 12.45%, #FFA325 77.44%);
}

.progress-bar {
	background: #fff;
	border: 2px solid #000;
}

.token-overview-value {
	color: #000;
}

.copy-address {
	padding: 12px 20px;
	color: #fff;
	line-height: 20px;
	padding: 12px 50px 12px 40px;
	border-radius: 10px;
	border: 2px solid #000;
	width: 100%;
	background: #000;
}

.copy-trigger:focus,
.copy-trigger:hover {
	background: transparent;
}

.ti-files:before {
	color: #fc0;
}

.copy-wrap .copy-icon {
	color: #fff;
}

.copy-trigger {
	background: transparent;
}

.user-account-status .btn-grp li a {
	cursor: default !important;
}

.page-ath .input-checkbox~label:not(.error):after,
.page-ath .input-radio~label:not(.error):after {
	background: #fff;
}

a,
.page-ath-heading small,
.input-checkbox-md~label:not(.error),
.input-radio-md~label:not(.error),
.form-note,
.footer-links li,
.input-item label,
label,
.btn-primary,
.btn,
body p,
div,
span {
	font-family: "League Spartan", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
label {
	font-family: "League Spartan", sans-serif;
}

.footer-links li a,
.page-ath-heading,
.page-ath a,
.input-checkbox~label:not(.error),
.input-radio~label:not(.error),
.page-ath-heading small,
.form-note,
.footer-links li,
.page-ath .btn-primary,
.page-ath .btn-primary,
.input-item label,
label,
.input-bordered,
.select2-container--flat .select2-selection--single .select2-selection__rendered,
.select2-container--flat .select2-selection--multiple .select2-selection__rendered,
.input-bordered:focus,
.btn-outline.btn-light:hover,
.btn-outline.btn-light:focus,
.btn-outline.btn-light:active,
.btn-outline.btn-light,
.user-welcome,
body p,
div,
span {
	color: #000;
}

.page-ath .btn-primary,
.btn-primary,
.btn,
.btn-outline.btn-light,
.btn-danger {
	border: 2px solid #000;
	color: #000;
	border-radius: 10px;
	background: #FC0;
	box-shadow: none;
	position: relative;
}

.page-ath .btn-primary {
	min-height: 50px;
}

.footer-links li a:is(:hover, :focus, :active),
.page-ath a:is(:hover, :focus, :active),
.link,
.navbar-menu>li.active a {
	color: #000;

}

.navbar-menu>li.active a {
	font-weight: 900;
}

.page-ath .btn-primary:disabled,
.page-ath .btn-primary:hover,
.page-ath .btn-primary:focus,
.page-ath .btn-primary:active,
.page-ath .input-checkbox~label:not(.error):after,
.page-ath .input-radio~label:not(.error):after,
.btn:is(:hover, :focus, :disabled, :active),
.btn-primary:is(:hover, :focus, :disabled, :active),
.btn-outline.btn-light:hover,
.btn-outline.btn-light:focus,
.btn-outline.btn-light:active {
	background: #fff;
	border-color: #000;
	color: #000;
}

.page-ath .input-checkbox~label:not(.error):after,
.page-ath .input-radio~label:not(.error):after {
	background: #fc0;
	border-color: #fc0;
	color: #000;
	border-radius: 8px;
}

.input-bordered,
.select2-container--flat .select2-selection--single .select2-selection__rendered,
.select2-container--flat .select2-selection--multiple .select2-selection__rendered,
.select2-container .select2-selection--single,
.select2-selection--single .select2-selection__arrow,
.select2-selection--multiple .select2-selection__arrow,
body .select-block~.select2-container.select2,
.select-bordered~.select2-container--flat.select2-container--open .select2-selection--single,
.select-bordered~.select2-container--flat.select2-container--open .select2-selection--multiple {
	min-height: 50px;
	border-radius: 8px;
}

.select2-container--flat .select2-selection--single .select2-selection__rendered {
	height: auto;
	display: flex;
	align-items: center;
}

.input-bordered,
.select-bordered~.select2-container--flat .select2-selection--single,
.select-bordered~.select2-container--flat .select2-selection--multiple,
.input-checkbox~label:not(.error):before,
.input-radio~label:not(.error):before,
body .deg_current_option,
.input-bordered:focus,
body .select-block~.select2-container.select2,
.select-bordered~.select2-container--flat.select2-container--open .select2-selection--single,
.select-bordered~.select2-container--flat.select2-container--open .select2-selection--multiple {
	border-color: #000;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	border: 1px solid 000;
	-webkit-text-fill-color: 000;
	-webkit-box-shadow: 0 0 0px 1000px #fff inset;
	transition: background-color 5000s ease-in-out 0s;
}

body .select-block~.select2-container.select2 {
	border: 0;
}

body .select2-container {
	z-index: 9999;
}

body .deg_select_box {
	z-index: 1000;
}

.aside.sidebar-right .ti-arrow-right {
	display: none;
}

.token-pay-currency {
	top: 17px;
}

.toast-message {
	color: #fff;
}

body .modal-dialog {
	margin-top: 0;
	margin-bottom: 0;
}

body .validate-modern select~.error {
	z-index: 99999;
}

.input-bordered,
.select2-container--flat .select2-selection--single .select2-selection__rendered,
.select2-container--flat .select2-selection--multiple .select2-selection__rendered,
.select2-container .select2-selection--single,
.select2-selection--single .select2-selection__arrow,
.select2-selection--multiple .select2-selection__arrow,
body .select-block~.select2-container.select2,
.select-bordered~.select2-container--flat.select2-container--open .select2-selection--single,
.select-bordered~.select2-container--flat.select2-container--open .select2-selection--multiple span#nationality-error {
	z-index: 11;
}

span.select2.select2-container.select2-container--flat.bordered {
	z-index: 0;
}


h2.page-ath-heading {
	color: #000;
	text-align: left;
	font-size: 48px;
	font-weight: 400;
	font-family: 'Rugen';
}

.page-ath-heading {
	margin-bottom: 36px;
	padding: 0;
}

.input-bordered,
.footer-links li a,
.footer-links li {
	color: #000 !important;
}

.input-bordered {
	border-radius: 10px;
	border: 2px solid #000;
	width: 100%;
	padding: 17px;
	line-height: 20px;
	font-size: 20px;
	font-weight: 500;
	color: #000;
	transition: all .4s;
	background: #fff;
}

/*.input-bordered {*/
/*	border-radius: 10px;*/
/*	width: 100%;*/
/*	color: #000;*/
/*	transition: all .4s;*/
/*	background: #fff;*/
/*}*/

.page-ath-alt .page-ath-form {
	background: #f7f7f7;
	border-radius: 6px;
	padding: 32px 33px 57px;
	margin-right: auto;
	margin-left: 131px;
	max-width: 742px;
	width: 100%;
	box-shadow: none;
}

::placeholder {
	color: #000 !important;
}

.page-ath::placeholder {
	font-size: 24px;
	font-weight: 500;
}

.page-user {
	background: url(/public/images/social/dashboard-bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.card-innr {
	position: relative;
	padding: 20px 25px;

}

.card {
	margin-bottom: 15px;
	transition: background .4s, border-color .4s, color .4s;
	vertical-align: top;
	border-radius: 10px;
	border: 2px solid rgba(0, 0, 0, 0.30);
	background: #FFF;
}

.progress-info li span,
.progress-info li,
.card-sub-title,
.token-bonus-date,
.form-control,
.input-switch~label:not(.error),
.total-title,
.total-title-sm,
.total-title-xs,
.total-title-lead,
div.dataTables_wrapper div.dataTables_info,
.nav-tabs-line .nav-link .total-note {
	color: #000;
}

.text-dark,
.text-exlight,
.copyright-text,
.text-light {
	color: #000 !important;
}

.text-dark {
	font-size: 20px;
	font-weight: 600;
}

.topbar,
.navbar,
.topbar-wrap {
	border-bottom: none;
	background: transparent !Important;
}

a:hover,
a:focus,
a:active {
	outline: 0;
	color: #FFE234;
}

.card-full-height {
	height: calc(100% - 15px);
}

.data-table:not(.dt-init) .data-item:last-child .data-col {
	padding-bottom: 14px;
}

.data-head .data-col {
	padding: 10px 10px 0 10px;
}

.data-table th.dataTables_empty,
.data-table td.dataTables_empty {
	border-radius: 0 !important;
}

.content_right.page-content11 .row {
	margin-right: 0;
	margin-left: 0;
}

.total-note span {
	color: rgba(0, 0, 0, 0.50) !important;
}

.total-amount,
.total-amount-lead,
.total-amount-lg,
.total-amount-md,
.total-amount-sm {
	display: block;
	margin-bottom: 0;
	line-height: 1.3;
	color: #FFE234;
}

/*.token-pay-amount.payment-get input#amountInUSD {*/
/*	padding: 10px 45px 10px 15px;*/
/*}*/

.topbar.is-sticky {
	background: #fff !important
}

.topbar-logo {
	padding: 8px 0;
}

.navbar.navbar-mobile {
	background: #fff !important;
	box-shadow: 0 1px 3px rgb(24 30 43 / 41%);
}

.dropdown-content {
	background: #fff;
}

.dropdown-content-top-left:after {
	border-left: 7px solid #fff;
}

.user-dashboard.page-user .pay-wallet-address {
	background-color: #000 !important;
	box-shadow: 1px 4px 10px -2px rgb(0 0 0 / 34%) !important;
	border: 2px solid rgba(0, 0, 0, 0.30);
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
	background: #fff;
	border-color: #000;
	color: #000;
}

.badge-success {
	color: #fff !important;
	background: #00d285;
}

.progress-percent:after {
	position: absolute;
	content: '';
	right: 0;
	top: 50%;
	height: 21px;
	width: 47px;
	/* border: 3px solid #7668fe; */
	border: none;
	/*background: #fff;*/
	border-radius: 50%;
	transform: translate(50%, -50%);
	background: url(/public/images/kang-progress-icon.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.progress-bar,
.progress-hcap,
.progress-scap,
.progress-psale,
.progress-percent {
	height: 23px;
}

.progress-hcap,
.progress-scap,
.progress-psale,
.progress-percent {
	top: 0px;
	left: 0px;
	bottom: 0px;
	height: 19px !important;
	border-radius: 10px;
}

.progress-bar {
	border-radius: 10px;
}

h5.token-amount.pay-amount-u.amount-crypto,
h5.dgrn-amount.token-amount.pay-amount-u {
	max-width: 100px;
	/*white-space: nowrap;*/
	/*overflow: hidden;*/
	/*text-overflow: ellipsis;*/
	color: #000;
}

.table-outter .data-col:last-child {
	padding-right: 10px;
}

.table-outter .data-col {
	padding: 14px 7px 14px 7px;
	vertical-align: top;
}

.data-item .lead {
	font-size: 12px;
}

.table-outter .dataTables_filter label {
	background: transparent;
	border-radius: 10px;
	border: 1px solid #000;
}

.table-outter .btn span,
.table-outter .btn:hover span,
.modal-content .input-note,
.popup-title,
table.dataTable th>span,
.form-control:focus {
	color: #000;
}

.modal-content {
	background-color: #fff;
}


.token-pay-currency .input-hint {
	padding: 5px 2px;
}

.token-purchase .radio_ul li:after {
	top: 23px;
}

#add-wallet input#token-address {
	min-height: auto;
}

#Floader .inline-loader {
	width: 95%;
	max-width: 700px;
}

.toggle-tigger.dt-filter-text em {
	line-height: 1.2;
}

.copy-feedback {
	padding-right: 45px;
}

.user-receive-wallet .d-flex.justify-content-between {
	font-size: 16px;
	font-weight: 300;
}

.copy-address {
	padding-left: 35px;
	padding-right: 45px;
}

form.forgot-pass-form .d-flex.justify-content-between.align-items-center {
	gap: 20px;
}

input#google2fa_code::-webkit-outer-spin-button,
input#google2fa_code::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

form.validate-modern a {
	box-shadow: none;
}

.topbar-nav li.active a {
	color: #fdcb00;
}

table.refferal-table td {
	font-size: 14px;
	color: #000;
}

table.refferal-table td.data-col.refferal-name {
	word-break: break-all;
	min-width: 120px;
}

table.refferal-table td.data-col.refferal-date {
	min-width: 180px;
}

table.refferal-table td.data-col.refferal-tokens {
	min-width: 120px;
}

.data-col {
	padding: 14px 15px 14px 5px;
}

.data-col:last-child {
	padding-right: 6px;
}

.text-head {
	color: #000 !important;
}

p a {
	color: #000;
}

p a:hover,
p a:focus {
	color: #cc89fb;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

.input-note {
	color: #f7f6fa;
}

/* Hide scrollbar for Chrome, Safari and Opera */
body::-webkit-scrollbar {
	display: none;
}

body {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

span.loader_text {
	color: #000;
}

.dropdown-content-center-left:after {
	border-left: 7px solid #7357a0;
}

table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty {
	color: #000;
}

.nav-tabs-line .nav-link {
	color: #000;
}

.user-welcome {
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 130px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 15px;
}

.bg-light {
	background: #7357a0 !important;
}

.topbar-nav-item .dropdown-content a {
	color: #fff;
}

.topbar-nav-item .dropdown-content a:hover {
	color: #FFE234;
}

/*15/2/2024*/
.page-ath-alt .page-ath-header {
	padding-bottom: 152px;
}

.btn {
	padding: 23px 35px;
	font-size: 24px;
	font-weight: 500;
}

.input-item {
	position: relative;
	padding-bottom: 26px;
}

.page-ath .btn-primary:before {
	content: '';
	position: absolute;
	top: -16px;
	right: -16px;
	width: 30px;
	height: 30px;
	transform: rotate(45deg);
	background: #f7f7f7;
	display: inline-block;
}

/*, .btn-primary:after, .btn:after, .btn-outline.btn-light:after, .btn-danger:after*/
.page-ath .btn-primary:after {
	content: '';
	position: absolute;
	top: 8px;
	right: -6px;
	width: 30px;
	height: 2px;
	background: #000;
	transform: rotate(45deg);
}

.page-ath .input-checkbox-md~label:not(.error),
.page-ath .input-radio-md~label:not(.error) {
	font-size: 24px;
	line-height: 40px;
}

.rem_frgt {
	padding: 35px 0 30px;
	/*align-items: flex-start;*/
}

.forget_p {
	font-size: 24px;
	line-height: normal;
	border-bottom: 1px solid #000;
}

.input-checkbox~label:not(.error):before,
.input-radio~label:not(.error):before {
	content: '';
	border: 2px solid #000;
	border-radius: 10px;
}

.page-ath .input-checkbox-md~label:not(.error):before,
.page-ath .input-checkbox-md~label:not(.error):after,
.page-ath .input-radio-md~label:not(.error):before,
.page-ath .input-radio-md~label:not(.error):after {
	height: 40px;
	width: 40px;
}

.page-ath .input-checkbox-md~label:not(.error),
.page-ath .input-radio-md~label:not(.error) {
	padding-left: 57px;
	color: #7c7c7c;
}

.rem_frgt .input-item.text-left {
	padding-bottom: 0;
}

.form-note {
	text-align: center;
	font-size: 24px;
	line-height: normal;
	color: rgba(0, 0, 0, 0.50);
	;
}

.page-ath strong {
	font-weight: 700;
}

.page-ath .input-checkbox-md~label:not(.error):after,
.page-ath .input-radio-md~label:not(.error):after {
	line-height: 40px;
	font-size: 22px;
}

.input-checkbox~label:not(.error):before,
.input-checkbox~label:not(.error):after,
.input-radio~label:not(.error):before,
.input-radio~label:not(.error):after {
	border-radius: 10px;
}

body.page-ath {
	position: relative;
	background-color: #fff;
}

body.page-ath:before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(/public/images/social/bg.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	background-position: bottom right;
	/*background-size: contain;*/
	z-index: -1;
}

.p_data {
	max-width: 692px;
	margin-left: 151px;
	display: flex;
	margin-bottom: 36px;
	justify-content: space-between;
	position: relative;
}

.p_data li {
	font-size: 15px;
	font-weight: 300;
	line-height: 24px;
	position: relative;
}

.p_data li:first-child:before {
	content: "";
	position: absolute;
	height: 26px;
	background: #c9c9c9;
	width: 1px;
	left: 200%;
}

li.p_dolar:before {
	content: "";
	position: absolute;
	height: 26px;
	background: #c9c9c9;
	width: 1px;
	left: 176%;
}

.p_data li span {
	font-weight: 700;
}

li.live:before {
	display: none;
}

h2 span {
	color: #000 !important;
}

.return-to-login {
	font-size: 24px;
}

.navbar-innr {
	justify-content: center;
}

.navbar {
	box-shadow: none;
}

.navbar-menu>li>a:before {
	display: none;
}

li.p_b_token a {
	font-size: 16px;
	font-weight: 600;
	border: 2px solid #000;
	color: #000;
	border-radius: 10px;
	background: #FC0;
	padding: 11px 35px;
	position: relative;
}

.account-info .card-title,
.referral-info .card-title,
.kyc-info .card-title {
	font-size: 16px;
}

.user-dashboard .btn {
	/*padding: 8px 20px;*/
	/*font-size: 16px;*/
	font-weight: 600;
	line-height: 100%;

	padding: 12px 20px;
	font-size: 15px;

}

.user-dashboard .input-item {
	padding-bottom: 16px;
}

.dash-first-card .card {
	background: #000;
	justify-content: center;
}
.dash-first-card .token-balance.token-balance-with-icon {
    justify-content: center;
}

.dash-second-card .card {
	border: 2px solid rgba(0, 0, 0, 0.30);
	background: #FC0;
}

.dash-first-card .card-sub-title {
	color: #fff;
}

.dash-second-card .text-dark {
	font-size: 20px;
	font-weight: 600;
	border-radius: 10px;
	border: 2px solid #000;
	background: #FFF;
	padding: 10px 20px;
}

.dash-second-card .btn {
	font-size: 15px;
	padding: 8px 32px;
	line-height: 20px;
	border-radius: 10px;
	border: 2px solid #000;
	background: #000;
	color: #fff;
}

.dash-fourth-card-progress .card {
	border: none;
}

.dash-fourth-card-progress {
	padding-top: 17px;
}

.dash-fourth-card-progress .card-innr {
	padding: 0;
}

.user-dashboard .btn:before,
li.p_b_token a:before {
	content: '';
	position: absolute;
	top: -16px;
	right: -16px;
	width: 25px;
	height: 25px;
	transform: rotate(45deg);
	background: #fff;
	display: inline-block;
}

.user-dashboard .btn:after,
li.p_b_token a:after {
	content: '';
	position: absolute;
	top: 5px;
	right: -4px;
	width: 19px;
	height: 2px;
	background: #000;
	transform: rotate(45deg);
}

.topbar-nav {
	gap: 50px;
}

/*.btn-light-alt:disabled, .btn-light-alt:hover, .btn-light-alt:focus, .btn-light-alt:active, .btn-light-alt.active {*/
/*    background: #000;*/
/*    border-color: #000;*/
/*}*/
.topbar {
	padding: 40px 0 75px;
}

.topbar.is-sticky {
	padding: 10px 0 10px;
}

.dash-second-card .btn:before,
.dash-second-card .btn:after {
	display: none;
}

h4.card-title {
	font-size: 16px;
	font-weight: 600;
	line-height: 100%;
}

.content-area .card-head {
	padding-bottom: 16px;
}

.progress-info li span {
	font-size: 15px;
	font-weight: 300;
	text-transform: capitalize;
}

.progress-info li {
	font-size: 15px;
	font-weight: 700;
	display: flex;
	gap: 10px;
}

.progress-bar {
	margin-top: 8px;
}

.dash-fourth-card-progress .card-title-sm {
	font-size: 24px;
	font-weight: 700;
	line-height: 24px;
}

.dash-fourth-card-progress .card-head {
	padding-bottom: 12px;
}

.card.card-sales-progress {
	margin-bottom: 54px;
}

.user-links {
	background: #000;
}

ul.user-links.bg-light {
	background: #000 !important;
}

.dash-first-card .token-balance-sub span {
	color: #fff;
}

.dash-second-card .badge-success {
	color: #fff !important;
	background: #000;
	border-color: #000;
	border-radius: 10px;
	padding: 8px 22px;
}

.dash-second-card .card-title.card-title-sm,
.dash-third-card .user-account-status {
	display: flex;
	justify-content: space-between;
}

.social-row p {
	color: rgba(0, 0, 0, 0.50);
	font-size: 18px;
	font-weight: 600;
}

.social-row .img-title-outer {
	display: flex;
	gap: 10px;
}

.buy_rypto-icons {
	display: flex;
	gap: 26px;
	justify-content: center;
}

.btn.pbuy_crypto {
	max-width: 271px;
	width: 100%;

}

.btn.pbuy_crypto h5.card-title.card-title-sm {
	line-height: 100%;
	font-size: 15px;
}

.content-area .buy_rypto.card .card-head {
	padding-bottom: 40px;
	text-align: center;
}

.dash-fourth-card-progress .p_percent {
	font-weight: 900;
	display: flex;
	justify-content: end;
	padding-top: 0;
}

.social-col {
	display: flex;
	justify-content: space-between;
	margin-bottom: 13px;
	align-items: center;
	border: 2px solid #000;
	border-radius: 10px;
	padding-left: 16px;
}

.social-btn .btn {
	border-top: 0;
	border-bottom: 0;
	border-right: 0;
}

.social-icons-outer .card-title {
	padding-bottom: 28px;
}

.buy_rypto.card.card-full-height {
	justify-content: space-around;
}

.popup-body strong {
	color: #000;
}

.topbar-wrap {
	margin-bottom: 27px;
}

.page-ath .input-item img {
	position: absolute;
	top: 22%;
	left: 35px;
}

.page-ath .input-item {
	position: relative;
}

.page-ath .input-bordered {
	padding: 23px 35px 23px 70px;
}

.p-purchase-token .card-text {
	font-size: 15px;
	line-height: 24px;
	font-weight: 300;
	color: rgba(0, 0, 0, 0.50);
	padding-bottom: 16px;
}

.card-innr.p_mytoken_page {
	display: flex;
}

.p-purchase-token .token-pay-amount {
	width: 100%;
	padding-bottom: 16px;
}

.user-dashboard .p-pay-with-crypto {
	border: 2px solid #000;
	border-radius: 10px;
	padding: 17px;
	display: flex;
	gap: 78px;
	margin-bottom: 16px;
	max-width: 359px;
	justify-content: space-between;
	align-items: center;
}

.paycrypyo_amt.amount-crypto {
	font-size: 20px;
	font-weight: 500;
	border: 2px solid #000;
	padding: 17px;
	border-radius: 10px;
	line-height: normal;
	max-width: 283px;
	width: 100%;
}

.input-item.send-wrap.left-half {
	width: 360px;
}

.input-item.select-wrap.right-half {
	width: calc(100% - 400px);
}

.input-item.p-pay-with-crypto .card-title {
	font-size: 20px;
	font-weight: 500;
	line-height: normal;
}

input.p_pay_w_crypto {
	width: 18px;
	height: 18px;
	/*accent-color: #fc0;*/
}

.send-select-token-wrap {
	display: flex;
	gap: 34px;
	justify-content: space-between;
}

.send-select-token-wrap .input-item {
	display: flex;
	align-items: center;
	gap: 22px;
}

.send-select-token-wrap .card-text {
	padding-bottom: 0;
}

.input-item.select-wrap .selectCustom {
	max-width: 172px;
}

h5.token-amount.pay-amount-u.amount-crypto {
	color: #000;
}


.token-calc {
	padding-bottom: 0;
}

.token-calc,
.token-symbol.pay-currency.ucap,
h5.dgrn-amount.token-amount.pay-amount-u,
h5.token-amount.pay-amount-u.amount-crypto,
.token-eq-sign {
	font-size: 20px;
	font-weight: 500;
	line-height: normal;
	color: #000;
}

.token-received-amount {
	display: flex;
	align-items: center;
}

.token-contribute {
	margin: 0;
}

.btn.btn-alt.btn-primary.payment-btn.show_loader.rabo-btn {
	max-width: 414px;
	width: 100%;
	margin: 33px auto 33px;
	padding: 17px;
	line-height: 100%;
}

.rabo-btn-wrap li {
	width: 100%;
	text-align: center;
}

.p-purchase-token .token-overview-title,
.p-purchase-token .token-overview-value {
	font-size: 15px;
	letter-spacing: 0;
	margin-bottom: 0;
	text-transform: capitalize;
	line-height: 24px;
	font-weight: 300;
	color: #000;
	display: inline-block;
}

.p-purchase-token .token-overview-value {
	font-weight: 700;
}

.p-purchase-token .token-overview {
	border: none;
}

.p-purchase-token li.p_b_token a:hover {
	background: #fff;
	border-color: #000;
	color: #000;
}

.p-purchase-token .token-bonus,
.p-purchase-token .token-total {
	padding: 0;
}

.p-purchase-token .row.token-overview-row {
	flex-direction: column;
	align-items: flex-end;
	text-align: end;
}

.p-purchase-token .token-overview-wrap {
	margin: 0 !important;
}

.p-amount-left-wrap,
.p-amount-right-wrap {
	width: 50%;
}

.m_you_get_div {
	display: flex;
	margin-bottom: 16px;
}

.token-calc {
	padding-bottom: 5px;
}

.user-dashboard.page-user .pay-wallet-address {
	background-color: #ffff !important;
	box-shadow: 1px 4px 10px -2px rgb(0 0 0 / 34%) !important;
}

.p-amount-right-wrap:before {
	content: "";
	background: #9F8CC5;
	width: 1px;
	height: 77px;
	position: absolute;
	top: 0;
	left: 70px;
}

.p-amount-right-wrap {
	position: relative;
}

.total-wg li {
	width: 15%;
}

ul.list.total-wg .btn.btn-primary {
	line-height: 20px;
	padding: 8px 12px;
	min-width: auto;
}

.total-wg {
	display: flex;
	flex-wrap: nowrap;
	gap: 20px;
}

/*.p_my_tkn .total-title-xs {*/
/*    font-size: 15px;*/
/*    font-weight: 500;*/
/*}*/
.total-amount-sm {
	color: #000;
}

.p_my_tkn .card-innr>.card-title {
	padding-bottom: 34px;
}

.p_my_tkn .card-innr {
	border-radius: 10px;
	border: 2px solid rgba(0, 0, 0, 0.30) !important;
}

.p_my_tkn .card-bordered.nopd {
	border: none;
}

.card-innr.p_rabo_tokn {
	margin-bottom: 25px;
}

.card-innr.p_my_tkn {
	padding: 10px 15px 0;
}

.card-innr.p_mytoken_page {
	padding: 0;
}

.content-area.card.p_mytoken_page_main {
	padding: 45px 10px;
}

.refer-a-friend {
	margin-bottom: 0 !important;
}

ul.list.total-wg li {
	position: relative;
}

ul.list.total-wg li:before {
	position: absolute;
	content: "";
	background: #9F8CC5;
	width: 1px;
	height: 36px;
	left: -22px;
	top: 18px;
}

ul.list.total-wg li:first-child:before,
ul.list.total-wg li:nth-child(2):before {
	display: none;
}

.card-innr.p_stats {
	background: #000;
}

.card-innr.p_stats .total-title-sm,
.card-innr.p_stats .total-title-xs.ucap,
.card-innr.p_stats ul.list.total-wg,
.card-innr.p_stats .total-amount-sm,
.card-innr.p_stats .total-title-xs {
	color: #fff;
}

ul.list.total-wg li:first-child {
	align-items: center;
	display: flex;
}

.card-innr.p_stats {
	position: relative;
}

.card-innr.p_stats:before {
	content: "";
	position: absolute;
	background: url(/../public/images/social/rabbit_png.png);
	width: 50px;
	height: 56px;
	background-repeat: no-repeat;
	right: 15px;
	bottom: 20px;
}

.p-big-rabit-img {
	position: relative;
}

.p-big-rabit-img .card:before {
	content: "";
	position: absolute;
	background: url(/../public/images/social/b-rabit.png);
	width: 90px;
	height: 124px;
	background-repeat: no-repeat;
	right: 22px;
	top: 0;
}

ul#main-nav li:before {
	background: #000;
	height: 23px;
	width: 1px;
	position: absolute;
	content: "";
	top: 33%;
	left: 0;
}

.navbar-menu>li:first-child:before {
	display: none;
}

.navbar-menu>li.active svg path {
	fill: #fc0;
}

.pagination li a:hover,
.pagination li a:focus {
	background: #ffcc00;
}

.toggle-tigger .ti {
	line-height: 30px;
}

.input-item.select-wrap.right-half input#base_currency {
	padding-right: 30px;
}
.social-col .icon_img img {
    width: 14px;
}
li.p_b_token a:hover {
    background: #fff;
}
.user-dashboard .btn.btn-success.plane_class {
    cursor: auto;
}
.btn-success:disabled, .btn-success:hover, .btn-success:focus, .btn-success:active {
    color: #fff;
    background: #00b975;
    border-color: #00b975;
}
.btn-success.plane_class {
    font-size: 13px;
    padding: 10px 23px;
    border-radius: 10px;
    font-weight: 600;   
    background: #00b975;
    border-color: #00b975;
}
.page-ath .input-checkbox {
    height: 40px;
    width: 100%;
}

.page-ath .input-checkbox~label a {
    color: #7c7c7c;
    text-decoration: underline;
}

.content-area.card.p-purchase-token {
    margin-bottom: 0;
}

.howwork-section {
    padding: 210px 0 0;
    background: #D9D9D9;
}
/* Media Query */

@media (min-width: 992px) {
	.topbar-logo img {
		height: 50px;
	}

	.navbar-menu>li {
		padding: 0 30px;
	}
}


@media (max-width: 1280px) {


	body.page-ath:before {
		width: 35%;
		background-size: contain;
	}

	.buy_rypto.card.card-full-height {
		justify-content: space-around;
	}

	.social-col {
		flex-direction: column;
		gap: 10px;
		padding: 10px;
	}

	.social-btn {
		width: 100%;
		max-width: 100%;
	}

	.social-btn .btn {
		border-top: 0;
		border-bottom: 0;
		border-right: 0;
		border: 2px solid #000;
		width: 100%;
	}

	.user-dashboard .btn:before,
	li.p_b_token a:before {
		top: -8px;
		right: -10px;
		width: 20px;
		height: 16px;
	}

	.token-calc,
	.token-symbol.pay-currency.ucap,
	h5.dgrn-amount.token-amount.pay-amount-u,
	h5.token-amount.pay-amount-u.amount-crypto,
	.token-eq-sign {
		font-size: 18px;
		font-weight: 500;
		line-height: normal;
		color: #000;
	}
}

@media (max-width: 1279.98px) {

	h5.token-amount.pay-amount-u.amount-crypto,
	h5.dgrn-amount.token-amount.pay-amount-u {
		max-width: 100%;
	}

	.token-calc,
	.token-symbol.pay-currency.ucap,
	h5.dgrn-amount.token-amount.pay-amount-u,
	h5.token-amount.pay-amount-u.amount-crypto,
	.token-eq-sign {
		font-size: 18px;
	}

	.p-amount-right-wrap:before {
		display: none;
	}

	.btn {
		padding: 15px 25px;
		font-size: 20px;
	}

	.p_data {
		max-width: 570px;
		margin: auto;
		gap: 120px;
		margin-bottom: 20px;
	}

	.p_data li:first-child:before {
		left: 160%;
	}

	li.p_dolar:before {
		left: 140%;
	}

	/*.input-checkbox-md~label:not(.error),*/
	/*.input-radio-md~label:not(.error),*/
	/*.input-checkbox-md~label:not(.error),*/
	/*.input-radio-md~label:not(.error),*/
	.forget_p,
	::placeholder,
	.form-note {
		font-size: 20px;
		line-height: 30px;
	}

	.input-checkbox-md~label:not(.error):before,
	.input-checkbox-md~label:not(.error):after,
	.input-radio-md~label:not(.error):before,
	.input-radio-md~label:not(.error):after {
		height: 24px;
		width: 24px;
	}

	.input-checkbox-md~label:not(.error):after,
	.input-radio-md~label:not(.error):after {
		line-height: 24px;
		font-size: 12px;
	}


	.input-item.send-wrap.left-half,
	.input-item.select-wrap.right-half,
	.input-item.select-wrap .selectCustom {
		width: 100%;
		max-width: 100%;
	}

	.send-select-token-wrap .input-item {
		align-items: flex-start;
		gap: 16px;
		flex-direction: column;
	}

	.p-amount-left-wrap,
	.p-amount-right-wrap,
	.paycrypyo_amt.amount-crypto {
		width: 100%;
		max-width: 100%;
	}

	.m_you_get_div {
		flex-direction: column;
	}

	.p-purchase-token .row.token-overview-row {
		flex-direction: column;
		align-items: flex-start;
		text-align: left;
	}

	.token-overview {
		padding: 0;
		margin-top: 16px;
	}

	.input-bordered,
	.paycrypyo_amt.amount-crypto,
	.user-dashboard .p-pay-with-crypto {
		padding: 15px 25px;
		line-height: 18px;
		font-size: 18px;
	}

	.input-item.p-pay-with-crypto .card-title {
		line-height: 18px;
		font-size: 18px;
	}

	.token-pay-currency {
		top: 14px;
	}

	.btn.btn-alt.btn-primary.payment-btn.show_loader.rabo-btn {
		padding: 15px 25px;
	}
	
	.page-ath .input-bordered {
        padding: 17px 25px 17px 50px;
    }
    
    .page-ath .input-item img {
        top: 17%;
        left: 20px;
    }

}

@media (max-width: 1024px) {
	.page-ath-alt .page-ath-form {
		background: #f7f7f7;
		border-radius: 6px;
		padding: 32px 33px 57px;
		margin-right: auto;
		margin-left: auto;
		max-width: 570px;
	}

	h2.page-ath-heading {
		font-size: 35px;
	}

	.page-ath-alt .page-ath-header {
		padding-bottom: 70px;
	}

	.page-ath-alt .page-ath-header {
		padding-bottom: 100px;
	}

	.card.card-sales-progress {
		margin-bottom: 34px;
	}

	.social-icons-outer .card-title {
		padding-bottom: 0px;
	}
	
	.page-ath .input-checkbox-md~label:not(.error), .page-ath .input-radio-md~label:not(.error) {
        font-size: 20px;
        line-height: 40px;
    }
}

@media(max-width: 992px) {

	.account-info .user-account-status .card-title,
	.account-info .user-receive-wallet .card-title {
		font-size: 1.2em;
	}

	.topbar-logo img {
		height: 50px;
	}
}

@media(max-width: 991px) {
	.topbar-nav {
		gap: 0;
	}

	li.p_b_token {
		display: none;
	}

	.p_rabo_tokn .total-wg li {
		width: 31%;
	}

	.p_rabo_tokn .total-wg {
		flex-wrap: wrap;
	}

	ul.list.total-wg li:before {
		display: none;
	}

	ul#main-nav li:before {
		display: none;
	}
}

@media(max-width: 767.98px) {
	.card-innr.p_mytoken_page {
		flex-wrap: wrap;
	}

	.btn.btn-alt.btn-primary.payment-btn.show_loader.rabo-btn {
		margin: 0;
	}

	.radio_ul li {
		width: 100%;
	}

	.token-bonus,
	.token-total {
		padding: 20px 0 0;
	}

	.token-overview .col-md-4:last-child .token-bonus,
	.token-overview .col-md-4:last-child .token-total {
		padding: 20px 0;
	}

	.card-innr h3 .ucap {
		margin: 6px 0 0;
	}

	#Floader .inline-loader {
		width: 100%;
	}

	body.page-ath:before {
		display: none;
	}

	/*.input-checkbox-md~label:not(.error):after,*/
	/*.input-radio-md~label:not(.error):after {*/
	/*	line-height: 29px;*/
	/*	font-size: 15px;*/
	/*}*/

	/*.input-checkbox-md~label:not(.error):before,*/
	/*.input-checkbox-md~label:not(.error):after,*/
	/*.input-radio-md~label:not(.error):before,*/
	/*.input-radio-md~label:not(.error):after {*/
	/*	height: 29px;*/
	/*	width: 29px;*/
	/*}*/

	.input-checkbox-md~label:not(.error),
	.input-radio-md~label:not(.error) {
		line-height: 29px;
	}

	.page-ath-heading {
		margin-bottom: 30px;
	}

	h2.page-ath-heading {
		font-size: 30px;
	}

	.user-dashboard .p-pay-with-crypto {
		max-width: 100%;
	}

	.send-select-token-wrap {
		flex-direction: column;
	}

	.send-select-token-wrap {
		gap: 0;
	}

	/*.input-checkbox-md~label:not(.error),*/
	/*.input-radio-md~label:not(.error),*/
	/*.input-checkbox-md~label:not(.error),*/
	/*.input-radio-md~label:not(.error),*/
	.forget_p,
	::placeholder,
	.form-note,
	.input-bordered,
	.paycrypyo_amt.amount-crypto,
	.user-dashboard .p-pay-with-crypto,
	.input-item.p-pay-with-crypto .card-title {
		font-size: 18px;
		line-height: 20px !important;
	}

	.token-calc,
	.token-symbol.pay-currency.ucap,
	h5.dgrn-amount.token-amount.pay-amount-u,
	h5.token-amount.pay-amount-u.amount-crypto,
	.token-eq-sign {
		font-size: 20px;
	}

	.p_rabo_tokn .total-wg li {
		width: 100%;
	}

	.p_rabo_tokn .total-wg {
		gap: 0;
	}

	.card.card-sales-progress {
		margin-bottom: 35px;
	}

	.content-area .buy_rypto.card .card-head {
		padding-bottom: 30px;
	}

	.btn.pbuy_crypto {
		max-width: 100%;
		width: 100%;
	}
	
	.toggle-tigger .ti {
        line-height: 12px;
    }

    .page-ath .input-checkbox-md~label:not(.error), 
    .page-ath .input-radio-md~label:not(.error) {
        font-size: 18px;
        line-height: 25px;
        padding-left: 40px;
    }
    .page-ath .input-checkbox-md~label:not(.error):after, 
    .page-ath .input-radio-md~label:not(.error):after {
        line-height: 25px;
        font-size: 12px;
    }
    .page-ath .input-checkbox-md~label:not(.error):before, 
    .page-ath .input-checkbox-md~label:not(.error):after, 
    .page-ath .input-radio-md~label:not(.error):before, 
    .page-ath .input-radio-md~label:not(.error):after {
        height: 24px;
        width: 24px;
    }
    .toggle-tigger .ti.ti-user {
        line-height: 30px;
    }
    .page-ath .input-checkbox {
        height: 24px;
    }
}

@media (max-width: 660px) {
	.page-ath-alt .page-ath-form {
		width: 95%;
		padding: 20px;
	}

	.p_data {
		max-width: 95%;
		gap: 100px;
	}
}

@media(max-width: 480px) {


	table.refferal-table {
		width: 440px;
		font-size: 12px;
	}

	.p_data {
		gap: 60px;
	}

	.p_data li:first-child:before {
		left: 130%;
	}

	li.p_dolar:before {
		left: 120%;
	}

	.input-checkbox-md~label:not(.error),
	.input-radio-md~label:not(.error) {
		padding-left: 40px;
	}
	
	.p_data li {
        font-size: 13px;
        line-height: 23px;
    }
    
    .page-ath .input-checkbox-md~label:not(.error), .page-ath .input-radio-md~label:not(.error) {
        font-size: 16px;
        line-height: 24px;
    }
    
    .page-ath .input-checkbox-md~label:not(.error), .page-ath .input-radio-md~label:not(.error) {
        padding-left: 35px;
    }
    
    .progress-info li span, .progress-info li {
        font-size: 12px;
        line-height: 12px;
    }
    
    .progress-info li {
        gap: 4px;
    }

	/*.user-dashboard .btn {*/
	/*	padding: 8px 20px;*/
	/*}*/
}

@media (max-width: 390px) {
	.card-innr {
		padding: 20px 15px;
	}
	.p_data {
        gap: 40px;
    }
    .p_data li:first-child:before {
        left: 120%;
    }
    .progress-info li span, .progress-info li {
        font-size: 11px;
        line-height: 11px;
    }
}