@import url("./lightng.default_style.css");
/* page loader @::start */

[v-cloak] {
    display: none;
}
.toast-container {
    z-index: 999999999999;
}
.toast-container .toast-image-container{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    max-width: 2rem;
    width: 2rem;
    height: 2rem;
}
.btn-loader {
    width: 28px;
    height: 28px;
    border: 4px solid #FFF;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
} 
.v-page-loader {
	position: fixed;
	inset: 0;
	z-index: 50;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
	background-color: var(--white);
}
.v-page-loader .v-loader {
	--size: 45px;
	width: var(--size);
	height: var(--size);
	border-radius: 50%;
	display: inline-block;
	position: relative;
	border: 5px solid;
	border-color: var(--primary-clr) var(--primary-clr) var(--primary-clr) transparent;
	box-sizing: border-box;
	animation: rotation 0.8s linear infinite;
}
/*.v-page-loader .v-loader::after {*/
/*	content: "";*/
/*	box-sizing: border-box;*/
/*	position: absolute;*/
/*	left: 0;*/
/*	right: 0;*/
/*	top: 0;*/
/*	bottom: 0;*/
/*	margin: auto;*/
/*	border: 4px solid;*/
/*	border-color: transparent transparent rgba(var(--primary-clr-variant), 1) rgba(var(--primary-clr-variant), 1);*/
/*	width: 38px;*/
/*	height: 38px;*/
/*	border-radius: 50%;*/
/*	box-sizing: border-box;*/
/*	animation: rotationBack 0.45s linear infinite;*/
/*	transform-origin: center center;*/
/*}*/

@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@keyframes rotationBack {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(-360deg);
	}
}
/* page loader @::end */
/* button loader @::start */
.button-loader {
	width: 30px;
	height: 30px;
	border: 4px solid #fff;
	border-radius: 50%;
	display: block;
	position: relative;
	animation: pulse 1s linear infinite;
}
.button-loader:after {
	content: "";
	position: absolute;
	width: 30px;
	height: 30px;
	border: 3.3px solid #fff;
	border-radius: 50%;
	display: inline-block;
	box-sizing: border-box;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	animation: scaleUp 1s linear infinite;
}

@keyframes scaleUp {
	0% {
		transform: translate(-50%, -50%) scale(0);
	}
	60%,
	100% {
		transform: translate(-50%, -50%) scale(1);
	}
}
@keyframes pulse {
	0%,
	60%,
	100% {
		transform: scale(1);
	}
	80% {
		transform: scale(1.2);
	}
}
/* button loader @::end */

.v-body-wrapper {
	--top-bar-height: 4.2rem;
	--screen: 100dvh;
	--min-height-screen: var(--screen, 100vh);
	--max-sidebar-width: 262px;
	min-height: var(--min-height-screen);
	overflow: hidden;
}
#v-header-container {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
	background-color: transparent;
	height: var(--top-bar-height);
}
#v-header-container .v-header-inner {
	background-color: var(--white);
	padding: 0 1rem;
	height: 100%;
	border-bottom: 1px solid var(--border-line-clr);
}
.v-header-inner .v-logo {
	width: 7.5rem;
	transition: width 300ms ease-in-out;
}
.v-header-inner .v-profile-image {
	--size: 2.1rem;
	width: var(--size);
	height: var(--size);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	aspect-ratio: 1/1;
	overflow: hidden;
}
.v-header-inner .v-profile-image .img-fluid {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.v-header-inner .v-right-nav {
	display: flex;
	align-items: center;
	column-gap: 1.2rem;
	position: relative;
	isolation: isolate;
}
.v-header-inner .v-right-nav .v-dropdown {
	background-color: var(--white);
	width: 98vw;
	margin-inline: auto;
	min-height: 300px;
	transform-origin: top;
	position: fixed;
	z-index: 15;
	border: 1px solid rgba(var(--dark-variant), 0.01);
	left: 0;
	right: 0;
	border-radius: 0.5rem;
	display: flex;
	transform: scale(0.98);
	flex-direction: column;
	transition: all 250ms cubic-bezier(0.37, 0, 0.63, 1);
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.v-toggle {
	position: relative;
	width: 2rem;
	height: 2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	flex-direction: column;
	overflow: hidden;
}
.v-toggle .v-stroke {
	position: absolute;
	height: 2px;
	width: 25px;
	background-color: rgba(var(--dark-variant), 0.9);
	border-radius: 4px;
	cursor: pointer;
	transition: 0.3s;
}
.v-mobile-menu-toggler.active .v-stroke {
	background-color: var(--primary-clr);
}
.v-toggle span:nth-child(1) {
	transform: translateY(-7px);
	width: 25px;
}
.v-mobile-menu-toggler.active .v-toggle span:nth-child(1) {
	width: 25px;
	transform: translateY(0px) rotate(45deg);
	transition-delay: 0.125s;
}
.v-toggle span:nth-child(2) {
	transform: translateY(7px);
	width: 25px;
}
.v-mobile-menu-toggler.active .v-toggle span:nth-child(2) {
	width: 25px;
	transform: translateY(0px) rotate(315deg);
	transition-delay: 0.125s;
}
.v-mobile-menu-toggler.active .v-toggle span:nth-child(3) {
	transform: translateX(60px);
}
.v-header-inner .v-right-nav .v-profile-dropdown {
	padding: 0rem 1.1rem .8rem;
}
.v-profile-dropdown .v-profile-username {
	color: var(--primary-clr);
	font-size: 0.9rem;
}
.v-profile-dropdown .v-step-container.v-step-two {
	max-height: 450px;
	overflow-y: auto;
	padding-right: 5px;
	display: flex;
	flex-direction: column;
	row-gap: 1.5rem;
}
.v-profile-dropdown .v-step-container.v-step-two::-webkit-scrollbar {
	width: 4px;
}
.v-profile-dropdown .v-dropdown-link-list .v-link {
	color: var(--link-clr);
}

.v-header-inner .v-right-nav .v-noti-dropdown {
	display: flex;
	flex-direction: column;
	overflow: hidden;
}
.v-noti-dropdown .v-dropdown-body {
	flex-grow: 1;
	height: 250px;
	overflow: hidden;
	display: flex;
	flex-wrap: nowrap;
}
.v-noti-dropdown .v-notifs-container {
	overflow-y: auto;
	height: 100%;
	display: flex;
	flex-direction: column;
	min-width: 380px;
	display: none;
}
.v-noti-dropdown .v-notifs-container.active {
	display: block;
}
.v-noti-dropdown .v-notifs-container.active {
	animation: animateFromLeft 300ms cubic-bezier(0.37, 0, 0.63, 1);
}
.v-noti-dropdown .v-notifs-container::-webkit-scrollbar {
	width: 5px;
}
@keyframes animateFromLeft {
	from {
		opacity: 0;
		transform: scale(0.98) translateX(-100%);
	}
	to {
		opacity: 1;
		display: block;
		transform: scale(1);
	}
}
.v-noti-dropdown .v-notifs-container .v-each-noti::before {
	width: 3.5px;
	height: 100%;
	content: "";
	background-color: #bfc0bf;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	border-radius: 0 10px 10px 0;
	transition: 300ms ease-in-out;
}
.v-noti-dropdown .v-notifs-container .v-each-noti {
	display: flex;
	flex-direction: column;
	padding-block: 0.9rem;
	position: relative;
	padding-inline: 1rem;
	row-gap: 0.4rem;
	border-bottom: 1px solid var(--border-line-clr);
}
.v-noti-dropdown .v-notifs-container .v-each-noti:hover {
	background-color: #ddd2;
}
.v-noti-dropdown .v-notifs-container .v-each-noti:hover::before {
	background-color: var(--primary-clr);
}
.v-noti-dropdown .v-notifs-container .v-main-noti {
	font-size: 0.87rem;
	line-height: 1.3;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.v-noti-dropdown .v-notifs-container .v-datetime {
	font-size: 0.8rem;
	letter-spacing: 0.3px;
	font-weight: 600;
	color: rgba(var(--dark-variant), 0.45);
}
.v-noti-dropdown .v-dropdown-footer {
	padding-block: 0.6rem;
	background-color: var(--nav-link-bg);
}
.v-header-inner .v-right-nav .v-noti-dropdown .v-noti-header {
	display: flex;
	flex-direction: column;
	padding: 1rem 1rem 0;
	row-gap: 0.5rem;
	border-bottom: 2px solid #ddd7;
}
.v-noti-dropdown .v-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.v-noti-dropdown .v-top svg {
	color: var(--primary-clr);
}
.v-noti-dropdown .v-top .v-title {
	font-size: 1.2rem;
	letter-spacing: 0.5px;
	color: rgba(var(--dark-variant), 0.9);
	font-weight: 600;
}
.v-noti-dropdown .v-see-all-noti {
	font-size: 0.86rem;
	letter-spacing: 0.1px;
	color: var(--primary-clr-dark);
}
.v-noti-dropdown .v-bottom {
	display: flex;
	align-items: center;
	gap: 10px;
	overflow-x: auto;
}
.v-noti-dropdown .v-bottom::-webkit-scrollbar {
	height: 5px;
}
.v-noti-dropdown .v-bottom .v-num-of-noti {
	--size: 1.2rem;
	height: var(--size);
	width: var(--size);
	justify-content: center;
	background-color: transparent;
	border: 1px solid #0005;
	padding: 2px 5px 3px;
	border-radius: 4px;
	font-size: 0.8rem;
	aspect-ratio: 1/1;
	line-height: 1;
	display: flex;
	align-items: center;
}
.v-noti-dropdown .v-bottom .v-noti-toggler {
	display: flex;
	align-items: center;
	padding: 10px 0.5rem;
	position: relative;
	gap: 10px;
	line-height: 1;
	margin-bottom: 2px;
	background-color: transparent;
	transition: backgound-color 300ms ease-in-out;
}
.v-noti-dropdown .v-bottom .v-noti-toggler.active .v-text {
	color: var(--primary-clr);
	pointer-events: none;
}
.v-noti-dropdown .v-bottom .v-noti-toggler.active .v-num-of-noti {
	color: var(--white);
	background-color: rgba(var(--dark-variant), 0.9);
	pointer-events: none;
}
.v-noti-dropdown .v-bottom .v-noti-toggler .v-text {
	transition: font-weight 0.4s ease-in-out;
	will-change: font-weight;
	font-weight: normal;
	font-size: 0.9rem;
	white-space: nowrap;
}
.v-noti-dropdown .v-bottom .v-noti-toggler:hover .v-text {
	color: var(--primary-clr-dark);
}
.v-noti-dropdown .v-bottom .v-noti-toggler::before {
	content: "";
	position: absolute;
	background-color: transparent;
	height: 2px;
	border-radius: 10px 10px 0 0;
	bottom: -2.5px;
	left: 0;
	right: 0;
	z-index: 2;
	width: 100%;
	transition: background-color 300ms ease-in-out;
	position: absolute;
}
.v-noti-dropdown .v-bottom .v-noti-toggler.active::before {
	background-color: var(--primary-clr);
}
.v-header-inner .v-right-nav [data-v-expanded="false"],
.v-header-inner .v-right-nav #v-backdrop {
	transition-property: transform, opacity, visibility;
	will-change: transform, opacity, visibility;
	pointer-events: none;
	user-select: none;
	opacity: 0;
	visibility: hidden;
}
.v-header-inner .v-right-nav [data-v-expanded="true"],
.v-header-inner .v-right-nav #v-backdrop.show {
	transform: scale(1);
	pointer-events: all;
	user-select: auto;
	opacity: 1;
	visibility: visible;
}
.v-right-nav #v-backdrop {
	background-color: rgba(var(--dark-variant), 0.4);
	z-index: 11;
	position: fixed;
	inset: 0;
	backdrop-filter: blur(0.7px);
	transition: 600ms cubic-bezier(0.37, 0, 0.63, 1) 0s;
}

.v-right-nav .v-toggle-noti {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	border-radius: 50%;
	background-color: transparent;
	transition: 300ms ease-in-out;
	transition-property: background-color, color;
	will-change: background-color, color;
}
.v-right-nav .v-toggle-noti:hover {
	background-color: var(--nav-link-bg);
	color: var(--primary-clr);
}
.v-right-nav .v-toggle-noti .v-icon-badge {
	--size: 9.5px;
	background-color: var(--primary-clr);
	height: var(--size);
	width: var(--size);
	position: absolute;
	border-radius: 50%;
	top: 7px;
	right: 11px;
}
.v-right-nav .v-toggle-noti svg {
	--size: 1.4rem;
}
.v-right-nav .v-toggle-profile {
	display: flex;
	align-items: center;
	gap: 0.8rem;
}
.v-right-nav .v-toggle-profile .v-right-nav-detail {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: start;
	row-gap: 2px;
}
.v-toggle-profile .v-user-email,
.v-toggle-profile .v-user-name {
	line-height: 1.2;
}
.v-toggle-profile .v-user-name {
	font-weight: 600;
	color: rgba(var(--dark-variant), 0.8);
	font-size: 0.9rem;
}
.v-toggle-profile .v-user-email {
	letter-spacing: 0.05px;
	font-size: 0.8rem;
	clear: #0007;
}
.v-right-nav .v-profile-dropdown .v-step-container {
	display: flex;
	flex-direction: column;
	padding-block: 0.9rem;
}
.v-right-nav .v-profile-dropdown .v-step-container:not(:last-child) {
	border-bottom: 1px solid rgba(var(--dark-variant), 0.2);
}
.v-right-nav .v-profile-dropdown .v-step-one {
	align-items: center;
	row-gap: 0.5rem;
}
.v-right-nav .v-profile-dropdown .v-step-one .v-profile-image {
	--size: 4rem;
	height: var(--size);
	width: var(--size);
}
.v-right-nav .v-profile-dropdown .v-step-container .v-link {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 0.75rem 0.9rem;
	background-color: transparent;
	border-radius: 5px;
}
.v-right-nav .v-profile-dropdown .v-step-container .v-chevron-right {
	margin-left: auto;
}
.v-right-nav .v-profile-dropdown .v-step-container .v-link:hover {
	background-color: var(--nav-link-bg);
}
.v-right-nav .v-step-container svg {
	--size: 1.4rem !important;
}
.v-step-three .v-apps-container {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-top: 1rem;
}
.v-step-three .v-apps-container [href] {
	display: block;
}
.v-step-three .v-apps-container .v-store-logo {
	border-radius: 5px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 9rem;
	width: 100%;
}
#v-main {
	margin-top: var(--top-bar-height);
	display: flex;
}
#v-main .v-menu-sidebar {
	background-color: var(--white);
	border-right: 1px solid var(--border-line-clr);
	min-width: var(--max-sidebar-width);
	z-index: 9;
	width: 90%;
	padding: 1.1rem .8rem 1.1rem .8rem;
	display: flex;
	position: fixed;
	contain: layout;
	transition: 300ms cubic-bezier(0.37, 0, 0.63, 1);
	height: calc(var(--min-height-screen) - var(--top-bar-height));
}
#v-main .v-menu-sidebar .v-link-container:first-child {
	overflow-y: auto;
	flex-grow: 1;
}
#v-main .v-menu-sidebar .v-link-container.nav-pills .v-main-links {
	display: flex;
	flex-direction: column;
	row-gap: 5px;
}
#v-main .v-menu-sidebar .v-link-container:first-child .v-main-links {
	height: 100%;
	mask-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 74%, rgba(255, 255, 255, 0));
	mask-mode: alpha;
}
.v-menu-sidebar .v-link-container:first-child::-webkit-scrollbar {
	width: 0px;
}
#v-main .v-menu-sidebar .v-sidebar-link:has(.v-price) {
	justify-content: space-between;
}
#v-main .v-menu-sidebar .v-sidebar-link:has(.v-price) .v-price {
	font-size: 0.8rem;
	padding: 5px 10px;
	background-color: #ddd5;
	border: 1px solid #ddd2;
	border-radius: 1000px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#v-main .v-menu-sidebar .v-sidebar-link,
#v-main .v-menu-sidebar .v-sidebar-link .v-_asod0u {
	display: flex;
	align-items: center;
	column-gap: 1rem;
}
#v-main .v-menu-sidebar .v-sidebar-link .v-_asod0u {
	pointer-events: none;
	user-select: none;
}
#v-main .v-menu-sidebar .v-sidebar-link.v-is-dropdown {
	justify-content: space-between;
}
#v-main .v-menu-sidebar .v-is-dropdown .v-icon {
	transition: transform 280ms ease-in-out;
	transform-origin: center center;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	user-select: none;
}
#v-main .v-menu-sidebar .v-is-dropdown.active .v-icon {
	transform: rotate(90deg);
}
#v-main .v-menu-sidebar .v-is-dropdown .v-icon svg {
	--size: 1.2rem;
}
#v-main .v-menu-sidebar .v-sidebar-link {
	font-size: 0.98rem;
	font-weight: 590;
	letter-spacing: 0.2px;
	padding: 0.69rem 0.85rem 0.69rem 1rem;
	border-radius: 5px;
	border: 1px solid transparent;
	width: 100%;
	transition: 300ms ease-in-out;
	transition-property: background-color, color;
	color: var(--link-clr);
}
#v-main .v-menu-sidebar .v-sidebar-link:hover,
#v-main .v-menu-sidebar .v-sidebar-link.active {
	color: var(--primary-clr);
}
#v-main .v-menu-sidebar :is(.v-sidebar-link.nav-link:is(:hover, .active), .v-sidebar-link:not(.active):hover) {
	background-color: var(--nav-link-bg);
}
#v-main .v-main-link-container {
	padding: 5px 0;
}
#v-main .v-main-link-container:not(:last-child) {
	border-bottom: 1.5px solid rgba(var(--dark-variant), 0.08);
}
#v-main .v-main-link-container .v-dropdown-container {
	padding-left: 1.2rem;
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 400ms ease-in-out;
}
#v-main .v-main-link-container .v-sidebar-link.active + .v-dropdown-container {
	grid-template-rows: 1fr;
}
#v-main .v-menu-sidebar .v-sublinks-container {
	padding: 0 0.85rem 0 0;
	overflow: hidden;
}
#v-main .v-menu-sidebar .v-sublinks-container .v-sublink-item {
	line-height: 1;
}
#v-main .v-menu-sidebar .v-sublinks-container .v-sublink {
	margin: 0;
	display: block;
	padding: 0.55rem 1.8rem;
	color: var(--link-clr);
	border-radius: 1000px;
	line-height: 1.5;
	font-size: 0.95rem;
	font-weight: 595;
}
#v-main .v-menu-sidebar .v-sublinks-container .v-sublink:hover {
	background-color: var(--blue-ish-light);
	color: var(--blue-ish);
}
#v-main .v-menu-sidebar .v-sublinks-container .v-sublink.active {
	border-left: 1px solid rgba(var(--primary-clr-variant), 0.9);
	margin: 0;
	background-color: var(--nav-link-bg);
	color: var(--primary-clr);
}
#v-main .v-menu-sidebar-inner {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
#v-main .v-main-content {
	width: calc(100% - var(--max-sidebar-width));
	margin-inline-start: auto;
	background-color: var(--main-bg-clr);
	padding: 1.6rem 0.8rem 0.5rem;
	min-height: calc(var(--min-height-screen) - var(--top-bar-height));
	position: relative;
}

.v-h-container {
	background-color: rgba(var(--primary-clr-variant), 0.9);
	padding: 2rem 1rem 0.8rem;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	color: var(--white);
	border-radius: 0.8rem;
	row-gap: 0.7rem;
}
.v-h-container::before,
.v-h-container::after {
	content: "";
	width: 10rem;
	height: 10rem;
	border-radius: 50%;
	background-color: rgba(225 255 255 / 8%);
	user-select: none;
	pointer-events: none;
	position: absolute;
}
.v-h-container::before {
	top: 0;
	left: 0;
	transform: translate(-30%, -30%);
}
.v-h-container::after {
	bottom: 0;
	right: 0;
	transform: translate(30%, 30%);
}
.v-h-container .v-subtext {
	font-size: 0.8rem;
	line-height: 1.4;
	text-wrap: wrap;
	opacity: 0.8;
}
.v-h-container .v-link-wrapper {
	position: relative;
}
.v-h-container .v-link-wrapper [href] {
	color: var(--primary-clr);
	padding: 0.5rem 1rem;
	font-size: 0.85rem;
	margin: auto;
	border-radius: 5px;
	width: 90%;
	text-align: center;
	justify-content: center;
	display: flex;
	text-transform: capitalize;
	background-color: var(--white);
}
.v-h-container .v-h-floating-icon {
	position: absolute;
	bottom: 0;
	background-color: var(--primary-clr);
	border: 4px solid var(--white);
	display: flex;
	align-items: center;
	transform: translateY(40%);
	justify-content: center;
	padding: 5px;
	border-radius: 50%;
	user-select: none;
	pointer-events: none;
}
.v-h-container .v-h-floating-icon svg {
	--size: 1.2rem !important;
}
.v-go-back {
	display: flex;
	align-items: center;
	gap: 0.3rem;
}
.v-go-back svg {
	--size: 1rem !important;
	opacity: 0.8;
	line-height: 1;
}
.v-go-back .v-text {
	line-height: 1;
	display: flex;
	margin-bottom: 2px;
	align-items: center;
	opacity: 0.6;
	font-weight: 500;
}
/* banner all over pages */
.v-next-setup {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.5rem 0.8rem;
	margin-block-end: 1.5rem;
}
.v-banner-board {
	background-color: var(--white);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.1rem 1.2rem;
	border: 1px solid rgba(var(--dark-variant), 0.08);
	border-radius: 6px;
	gap: 2rem;
}
.v-banner-board .v-right .v-kick {
	color: var(--white);
	font-size: 0.89rem;
	letter-spacing: 0.2px;
	padding: 0.48rem 1rem;
	border-radius: 1000px;
	line-height: 1;
	display: flex;
	transition: background-color 300ms ease-in-out;
	background-color: rgba(var(--primary-clr-variant), 0.9);
}
.v-banner-board .v-right .v-kick:hover {
	background-color: var(--primary-clr);
}
.v-banner-board .v-left {
	display: flex;
	align-items: center;
	gap: 10px;
}
.v-banner-board .v-left .v-top-text {
	line-height: 1.4;
	margin-bottom: 2px;
	font-size: 0.9rem;
	display: block;
}
.v-banner-board .v-left .v-icon {
	--size: 1.45rem;
	display: flex;
	align-items: center;
	aspect-ratio: 1/1;
	width: var(--size);
	height: var(--size);
}
.v-banner-board .v-left svg {
	--size: 1.5rem;
	color: var(--primary-clr);
	fill: var(--primary-clr);
}
.v-page-header {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 0.3rem 1rem;
}
.v-page-header:has(button, .v-button) {
	justify-content: space-between;
}
.v-page-header .v-button {
	background-color: var(--primary-clr);
	color: var(--white);
	padding: 0.5rem 1.4rem;
	transition: background-color 300ms ease-in-out;
	border-radius: 3.5px;
	font-size: 0.9rem;
	text-transform: capitalize;
}
.v-page-header .v-button:hover {
	background-color: var(--primary-clr-dark);
}
.v-history-container .v-history-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-block-end: 1.2rem;
	border-bottom: 1px solid rgba(var(--dark-variant), 0.1);
}
.v-history-container .v-history-header .v-89q030n {
	line-height: 1;
	font-size: 0.9rem;
	font-weight: 600;
	letter-spacing: 0.5px;
	transition: color 300ms ease-in-out;
	color: var(--primary-clr);
}
.v-history-container .v-history-header .v-89q030n:hover {
	color: var(--primary-clr-dark);
}
.v-history-body-container-inner:has(.v-empty-history-container) {
	display: grid;
	place-content: center;
}
.v-history-body-container-inner .v-empty-history-container,
.v-history-body-container-inner .v-empty-texts {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.v-history-body-container-inner .v-empty-history-container {
	margin-block: 2rem 0rem;
	padding-block-end: 4rem;
}
.v-history-body-container-inner .v-empty-texts {
	text-align: center;
	margin-top: 0.5rem;
}
.v-empty-history-container .v-empty-texts .v-9r3f9d {
	font-weight: 500;
}
.v-empty-history-container .v-empty-texts .v-9dj2 {
	font-size: 0.89rem;
	opacity: 0.8;
}
.v-history-body-container-inner .v-empty-history-container svg {
	--size: 6.5rem;
	fill: var(--primary-clr);
}
.v-search-container {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-top: 1rem;
	flex-grow: 1;
}
[data-v-receiver] {
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	transition: all 200ms ease;
}
[data-v-receiver].active {
	pointer-events: all;
	opacity: 1;
	visibility: visible;
}
.v-history-wrapper {
	display: block;
	width: 100%;
	padding-top: 1rem;
}
.v-history-wrapper .v-each-history {
	display: block;
}
.v-history-wrapper .v-each-history:not(:last-child) .v-main-history-wrap {
	border-bottom: 1px solid rgba(var(--dark-variant), 0.09);
}
.v-history-wrapper .v-each-history .v-main-history-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding-block: 1.5rem;
}
.v-each-history .v-main-history-wrap .v-left {
	display: flex;
	align-items: center;
	gap: 1rem;
}
.v-each-history .v-main-history-wrap .v-image,
.v-each-history .v-main-history-wrap .v-user-image {
	--size: 2rem;
	width: var(--size);
	height: var(--size);
	background-color: #ddd;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 50%;
	display: none;
}
.v-each-history .v-main-history-wrap .v-image {
	padding: 5px;
}
.v-each-history .v-main-data {
	flex-direction: column;
	align-items: flex-start;
	line-height: 1;
	row-gap: 5px;
	display: flex;
}
.v-each-history .v-main-data .v-dot {
	--size: 4px;
	line-height: 1;
	height: var(--size);
	background-color: rgba(var(--dark-variant), 0.9);
	border-radius: 50%;
	display: flex;
	align-items: center;
	opacity: 0.4;
	justify-content: center;
	font-weight: 900;
	width: var(--size);
}
.v-each-history .v-main-data .v-use {
	font-weight: 500;
}
.v-each-history .v-main-data .v-user {
	font-weight: 600;
	letter-spacing: 0.3px;
}
.v-each-history .v-right .v-trans-val {
	font-weight: 500;
}
.v-each-history .v-right .v-trans-val.debit {
	color: var(--red);
}
.v-each-history .v-main-data .v-status,
.v-each-history .v-main-data .v-badge{
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	width: auto;
	padding: 8px 1rem;
	letter-spacing: 0.1px;
	font-size: 0.85rem;
	font-weight: 600;
	display: none;
	color: var(--white);
}
.v-each-history .v-main-data .v-badge {
	background-color: rgba(var(--primary-clr-variant), 0.15);
	letter-spacing: 0.3px;
	color: var(--primary-clr);
}
.v-each-history .v-main-data .v-status.success {
	background-color: rgba(var(--primary-clr-variant), 0.9);
}
.v-each-history .v-main-data .v-status.failed {
	background-color: var(--red);
}
.v-each-history .v-main-data .v-datetime, 
.v-each-history .v-main-data .v-reason {
	opacity: 0.4;
	font-size: 600;
	font-size: 0.85rem;
}
.v-each-history .v-main-data .v-datetime {
	font-size: 0.84rem;
}
.v-each-history .v-main-data .v-1032n09a {
	display: flex;
	align-items: center;
	column-gap: 6px;
}
.v-each-history .v-main-data .v-icon {
	display: flex;
	align-items: center;
}
.v-each-history .v-main-data .v-icon:has(+ .success) {
	color: var(--primary-clr);
}
.v-each-history .v-main-data .v-icon:has(+ .failed) {
	color: var(--red);
}
.v-each-history .v-main-data .v-icon svg {
	--size: 1.8rem;
}
.v-page-wrapper {
	margin-bottom: 2rem;
}
.v-page-wrapper .v-239fjfcs {
	background-color: var(--white);
	padding: 1rem 1rem;
	border-radius: 10px;
	border: 1px solid #0001;
	isolation: isolate;
}
.offcanvas .offcanvas-body {
	display: flex;
	flex-direction: column;
}
.offcanvas .offcanvas-body .v-offcanvas-body-inner {
	flex-grow: 1;
	max-height: 80vh;
	overflow-y: auto;
}
.offcanvas .offcanvas-body .v-offcanvas-body-inner::-webkit-scrollbar {
	width: 5px;
}
.offcanvas .v-each-data {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-block: 1rem;
	column-gap: 3rem;
}
.offcanvas .v-each-data .v-left {
    border: none;
}
.offcanvas .v-each-data:last-child .v-left,
.offcanvas .v-each-data:last-child .v-right{
    font-size: 1.04rem;
}
.offcanvas .v-each-data .v-left{
    white-space: nowrap;   
}
.offcanvas .v-each-data:last-child .v-right{
    color: var(--primary-clr);   
}
.offcanvas .v-each-data .v-status,
.offcanvas .v-each-data .v-badge{
	border-radius: 50px;
	overflow: hidden;
	padding: 8px 1rem;
	font-weight: 500;
	font-size: 0.85rem;
}
.offcanvas .v-each-data .v-badge.queued,
.offcanvas .v-each-data .v-status.queued{
    background-color: rgb(0 184 255 / 15%);
	color: #00B8FF;
}
.offcanvas .v-each-data .v-badge.success,
.offcanvas .v-each-data .v-status.success {
    background-color: #deffee;
	color: var(--primary-clr);
}
.offcanvas .v-each-data .v-badge.failed,
.offcanvas .v-each-data .v-status.failed{
    background-color: #f8e3e3;
	color: #8c0303;
}
.offcanvas .v-each-data .v-badge.pending,
.offcanvas .v-each-data .v-status.pending {
    background-color: #f8f6e3;
	color: #a79e05;
}
.offcanvas .v-each-data .v-right {
	text-align: end;
    font-size: 0.9rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.offcanvas .v-each-data .v-right:has(svg) {
	display: flex;
	align-items: center;
	column-gap: 5px;
}
.offcanvas .v-each-data .v-left {
	font-size: 0.9rem;
}
.offcanvas .v-each-data .v-right:has(svg) .v-data {
	max-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 0.9rem;
}
.offcanvas .v-each-data .v-right:has(svg) svg {
	color: var(--primary-clr);
}
.offcanvas .v-success-btn {
	padding: 0.9rem 0.7rem;
	font-size: 0.9rem;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 3px;
	color: var(--white);
	font-weight: 500;
}
.offcanvas .v-offcanvas-cat {
    background-color: var(--dark);
	font-size: 0.9rem;
    width: 100%;
    border-radius: 4px;
    padding: 1rem;
    color: var(--white);
}
.offcanvas .v-download {
    background-color: var(--primary-clr);   
}
.offcanvas .v-amt,
.offcanvas .v-wal {
	font-weight: 500;
}
.v-pagination {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-block: 2rem 1rem;
}
.v-pagination .page-link {
	color: var(--dark);
	font-size: 0.9rem;
}
.v-pagination .page-link.active {
	background-color: var(--primary-clr);
	border-color: var(--primary-clr);
	color: var(--white);
	font-weight: 500;
}
.v-pagination .page-link:not(.active):focus {
	background-color: var(--primary-clr-less-bright);
	box-shadow: 0 0 0 0.25rem rgba(var(--primary-clr-variant), 0.25);
}
.v-pagination .page-link:not(.active):hover {
	background-color: rgba(var(--primary-clr-variant), 0.2);
	border-color: rgba(var(--primary-clr-variant), 0.2);
}

/* general */
.v-jumbotron {
	background-color: #c6eced;
	padding: 1rem;
	border-radius: 1rem;
	margin: 0 0 2rem;
}
.v-jumbotron .v-update {
	background-color: #178a9e;
	border-radius: 8px;
	padding: 0.8rem 1.5rem;
	color: var(--white);
	font-size: 0.9rem;
}
.v-jumbotron .v-close-jumbotron {
	border-radius: 50%;
	padding: 7px;
	aspect-ratio: 1/1;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 300ms ease-in-out;
	color: #222;
	transition-property: background-color, color;
}
.v-jumbotron .v-close-jumbotron:hover {
	background-color: #178a9e;
	color: var(--white);
}
.v-jumbotron .v-close-jumbotron svg {
	width: 1.5rem;
	height: 1.5rem;
}
.v-jumbotron .v-subtext {
	font-size: 0.94rem;
	display: block;
	margin-top: 3px;
	text-wrap: balance;
}
.v-left {
	background-color: var(--white);
	border-radius: 1rem;
	border: 1px solid #ddd5;
}
.v-left .v-board {
	background-color: var(--primary-clr-dark);
	border-radius: 1rem;
	max-height: 700px;
}
.v-left .v-board .v-list,
.v-left .v-board .v-board-header .v-title {
	color: var(--white);
}
.v-left .v-board .v-list {
	display: flex;
	flex-direction: column;
	padding-top: 1rem;
}
.v-left .v-board .v-list .v-each-item {
	padding: 0.5rem 0;
}
.v-left .v-board .v-list .v-each-item .v-icon {
	display: flex;
	align-items: center;
	aspect-ratio: 1/1;
	justify-content: center;
}
.v-left .v-board .v-list .v-each-item svg {
	--size: 1.5rem;
	width: var(--size);
	height: var(--size);
}
.v-left .v-board .v-image-container {
	transform: scale(1.3) translateY(-5%);
	max-width: 8rem;
}
.v-download-options {
	display: flex;
	flex-direction: column;
	row-gap: 1.5rem;
	margin: 1rem 0;
	padding: 1rem;
}
.v-download-options .v-each-download-option .v-content {
	display: flex;
	align-items: center;
	column-gap: 10px;
}
.v-download-options .v-content .v-top {
	color: var(--primary-clr-dark);
}
.v-download-options .v-content .v-subtext {
	font-size: 0.9rem;
	color: #0009;
	font-weight: 500;
}
.v-download-options .v-each-download-option .v-icon {
	background-color: #f4f5f5;
	border-radius: 8px;
	padding: 8px 10px;
	border: 1px solid #f4f5f5;
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1/1;
}
.v-download-options .v-each-download-option .v-icon svg {
	color: var(--primary-clr-dark);
	fill: var(--primary-clr-dark);
}
.v-download-options .v-each-download-option .v-link-out {
	background-color: var(--primary-clr);
	font-size: 0.95rem;
	letter-spacing: 0.3px;
	padding: 10px 2.25rem;
	border-radius: 5px;
	transition: background-color 300ms ease-in-out;
	color: var(--white);
}
.v-download-options .v-each-download-option .v-link-out:hover {
	background-color: var(--primary-clr-dark);
}
.v-download-options .v-link {
	color: var(--primary-clr-dark);
	letter-spacing: 0.2px;
}
.v-download-options .v-link svg {
	width: 1.3rem;
	height: 1.3rem;
}
.v-each-small-cards {
	height: 100%;
}
.v-each-small-cards .v-subtext {
	color: #3b3b3b;
	font-size: 0.97rem;
}
.v-right .v-each-card {
	background-color: var(--white);
	padding: 1rem;
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
	border-radius: 1rem;
	flex-grow: 1;
	justify-content: space-evenly;
	border: 1px solid #ddd6;
}
.v-right .v-each-card .v-card-title {
	font-size: 1.1rem;
}
.v-right .v-each-card .v-icon {
	background-color: #f4f5f5;
	border-radius: 8px;
	padding: 10px 10px;
	border: 1px solid #f4f5f5;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: max-content;
}
.v-right .v-each-card .v-icon svg {
	width: 1.5rem;
	height: 1.5rem;
}
.v-right .v-each-card .v-link-out {
	display: flex;
	align-items: center;
	column-gap: 5px;
	color: var(--primary-clr-dark);
}
.v-right .v-each-card .v-link-out .v-text {
	font-size: 0.96rem;
}
.v-share-board {
	background-color: var(--white);
	border-radius: 1rem;
	padding: 1rem;
	margin: 1.5rem 0;
	border: 1px solid #ddd6;
}
.v-share-board .v-learn-more {
	color: var(--primary-clr-dark);
	font-size: 0.96rem;
}
.v-share-board .v-share-board-header .v-title {
	font-size: 1.05rem;
}
.v-share-board .v-subtext {
	font-size: 0.97rem;
}
.v-share-board .v-form-group .form-control {
	min-height: 3rem;
	border-radius: 7px;
}
.v-share-board .v-form-group .v-copy {
	background-color: var(--primary-clr);
	border-radius: 7px;
	color: var(--white);
	padding-inline: 1rem;
	font-size: 0.95rem;
	letter-spacing: 0.4px;
}
.v-card-boards .v-each-card-board {
	border-radius: 1rem;
	padding: 1rem;
	background-color: var(--white);
	display: flex;
	flex-direction: column;
	border: 1px solid #ddd6;
}
.v-card-boards .v-each-card-board .v-card-content {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	row-gap: 0.2rem;
	margin-top: 0.8rem;
}
.v-card-boards .v-each-card-board.v-variant * {
	color: var(--white);
}
.v-card-boards .v-each-card-board.v-variant {
	background-color: var(--primary-clr-dark);
	border-color: rgba(var(--primary-clr-variant), 0.15);
}
.v-card-boards .v-each-card-board .v-icon {
	background-color: #f4f5f5;
	border-radius: 8px;
	padding: 10px 10px;
	border: 1px solid rgba(var(--primary-clr-variant), 0.15);
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: max-content;
	backdrop-filter: blur(0.1px);
	color: var(--primary-clr-dark);
}
.v-card-boards .v-each-card-board.v-variant .v-icon {
	background-color: rgba(255 255 255 / 0.15);
	border-color: rgba(255 255 255 / 0.3);
	color: #fff;
}
.v-tabs-choice {
	display: flex;
	align-items: center;
	gap: 3px;
}
.v-tabs-choice .v-choice span {
	opacity: 0.9;
	letter-spacing: 0.5px;
	font-size: 0.78rem;
	font-weight: 600;
}
.v-tabs-choice .v-choice {
	background-color: #e1e2e4;
	padding: 9px 10px;
	color: #000;
	border-radius: 5px;
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid transparent;
	transition: 300ms ease-in-out;
	transition-property: background-color, color;
}
.v-tabs-choice .v-choice:hover {
	background-color: #64c361;
	color: #fff;
}

@media all and (min-width: 485px) {
	.v-tabs-choice .v-choice {
		flex-grow: 1;
	}
}
.v-main-container-construct {
	margin: 0 0 6rem;
}
.v-meter-number-input-container {
	display: flex;
	align-items: stretch;
	background-color: #eaebec;
	border-radius: 10px;
}
.v-main-container-construct-inner {
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
}
.v-main-container-construct-inner .v-form-label {
	font-size: 0.9rem;
	opacity: 0.7;
	line-height: 1;
}
.v-main-container-construct-inner .v-meter-input .form-control,
.v-main-container-construct-inner .v-2309f .form-select {
	min-height: 2.5rem;
	padding: 0 0.375rem;
}
.v-main-container-construct-inner .form-select {
	background-color: transparent;
	padding: 0.47rem 10px;
	border: none;
	cursor: pointer;
}

.v-main-container-construct-inner .form-select:focus {
	box-shadow: none;
}
.v-meter-number-input-container .v-meter-input {
	flex-grow: 1;
	padding: 0.1rem 1rem;
}
.v-meter-number-input-container .v-meter-input .form-control {
	font-size: 1.35rem;
	font-weight: 600;
	letter-spacing: 0.4px;
}
.v-meter-details-container {
	border-radius: 1rem;
	overflow: hidden;
	background-color: var(--white);
	padding: 1rem;
	display: flex;
	flex-direction: column;
}
.v-meter-details-container .v-meter-details {
	display: flex;
	align-items: center;
	padding: 0.8rem 0;
	column-gap: 10px;
}
.v-meter-details-container .v-meter-details .v-icon {
	aspect-ratio: 1/1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 7px;
	color: var(--link-clr);
}
.v-meter-details-container .v-meter-details .v-icon svg {
	--size: 1.6rem;
}
.v-meter-details-container .v-meter-details-inner {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}
.v-meter-details-container .v-meter-details-inner .form-control {
	max-width: 600px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.v-2309f .v-input-main .form-control {
	min-height: 2.8rem;
	padding: 0.5rem 0.5rem 0.5rem 2.2rem;
	font-size: 1.35rem;
	font-weight: 600;
	letter-spacing: 0.4px;
}
.v-2309f .v-input-main .v-naira-icon {
	position: absolute;
	top: 50%;
	left: 1rem;
	font-size: 1.35rem;
	font-weight: 600;
	transform: translate(-50%, -50%);
}
.v-meter-details-container .v-meter-details:not(:last-child) {
	border-bottom: 1px solid #ddd5;
}
.v-meter-number-input-container .v-meter-add {
	flex-grow: 0.4;
	background-color: #ddd;
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 5px;
	padding: 0 1rem;
	border-radius: 0 0.5rem 0.5rem 0;
	white-space: nowrap;
}
.v-main-container-construct .v-main-container-construct-inner .v-2309f {
	background-color: #eaebec;
	border-radius: 0.5rem;
	padding: 0.5rem;
}
.v-main-container-construct .v-main-container-construct-inner .v-2309f .v-form-label {
	padding: 0 0.5rem;
	display: flex;
}
.v-main-container-construct-inner .v-meter-input .form-control,
.v-main-container-construct-inner .form-control {
	background-color: transparent;
	border: none;
	padding: 0;
}
.v-tag-name-container {
	background-color: #fff;
	border-radius: 1rem;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	width: 100%;
}
.v-tag-name-input {
	border-top: 1px solid #ddd8;
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 300ms ease-in-out;
}
.v-tag-name-input-inner {
	overflow: hidden;
	position: relative;
}
.v-tag-name-input-inner .v-apply {
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translate(0%, -50%);
	background-color: transparent;
	padding: 8px 1.5rem 12px;
	transition: 300ms ease-in-out;
	display: flex;
	align-items: center;
	line-height: 1;
	border-radius: 1rem;
}
.v-tag-name-input-inner .v-apply:hover {
	background-color: #ddd7;
}
.v-tag-name-input-inner .v-apply.active {
	color: var(--primary-clr);
}
.v-tag-name-input .form-control {
	border: none;
	min-height: 3.3rem;
	padding: 0 6rem 0 1rem;
}
.v-tag-name-container:has(.form-check-input:checked) .v-tag-name-input {
	grid-template-rows: 1fr;
}
.v-tag-name-container {
	border: 1px solid #ddd6;
}
.v-tag-name-container .form-control:focus {
	border: none;
}
.v-tag-name-container .form-control::placeholder {
	color: #0005;
}
.v-form-check .form-check-input {
	width: 1.3rem;
	height: 1.3rem;
	cursor: pointer;
	transition: 300ms ease-in-out;
}
.v-form-check .form-check-input:checked {
	background-color: var(--primary-clr);
}
.v-form-check .form-check-input:not(:checked) {
	background-color: #fff;
}
.v-form-check .form-check-input:focus,
.v-form-check .form-check-input:checked {
	box-shadow: 0 0 0 0.25rem rgba(var(--primary-clr-variant), 0.25);
	border-color: rgba(var(--primary-clr-variant), 0.5);
}
.v-tag-name-container .form-check-input,
.v-tag-name-container .form-check-input:not(:checked) {
	background-color: #a6a7a8;
	width: 2.3rem;
	height: 1.2rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.2em' height='1.2em' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10'/%3E%3C/svg%3E");
	border: 1px solid #a6a7a8;
	cursor: pointer;
}
.v-tag-name-container .form-check-input:focus,
.v-tag-name-container .form-check-input:checked {
	box-shadow: none;
	border-color: rgba(var(--primary-clr-variant), 0.15);
}
.v-tag-name-container .form-check-input:checked {
	background-color: var(--primary-clr);
}
.v-form-check .form-check-label {
	line-height: 1;
	margin-left: 10px;
	margin-top: 4px;
}
.v-button-container .v-button {
	font-size: 1.01rem;
	width: 100%;
	border-radius: 4px;
	padding: 0.9rem 1rem;
	text-align: center;
	font-weight: 500;
}
.v-button-container .v-button:disabled {
	background-color: #ddd;
	cursor: not-allowed;
	color: #0007;
}
.v-button-container .v-button:not(:disabled) {
	background-color: var(--primary-clr-dark);
	color: var(--white);
	cursor: pointer;
}
.v-meter-number-input-container .v-dropdown {
	background-color: var(--white);
	transition: 300ms ease-in-out;
	position: absolute;
	width: 100%;
	top: 100%;
	border-radius: 0 0 10px 10px;
	display: grid;
	z-index: 5;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	grid-template-rows: 0fr;
}
.v-meter-number-input-container .v-dropdown .v-list {
	overflow: hidden;
	height: auto;
	display: flex;
	flex-direction: column;
	border: 1px solid #ddd4;
	border-top: none;
}
.v-meter-number-input-container .v-dropdown .v-list .v-each-meter {
    background-color: transparent;
    transition: 300ms ease-in-out;
}
.v-meter-number-input-container .v-dropdown .v-list .v-each-meter:hover {
	background-color: #ddd3;
}
.v-meter-number-input-container .v-dropdown .v-list .v-each-meter:not(:last-child) {
	border-bottom: 1px solid #ddd6;
}
.v-meter-number-input-container .v-dropdown .v-each-meter .v-meter-num {
	font-weight: 500;
	font-size: 1.01rem;
}
.v-meter-number-input-container .v-dropdown .v-each-meter .v-address {
	font-size: 0.95rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*.v-meter-number-input-container:hover .v-dropdown,*/
.v-meter-number-input-container .v-dropdown.active {
	grid-template-rows: 1fr;
}

/* order review */
.v-review-card-container {
	background-color: var(--white);
	border-radius: 1rem;
	border: 1px solid #ddd6;
	padding: 1rem;
}
.v-review-card-container .v-review-card-header {
	text-transform: capitalize;
	font-weight: 600;
	letter-spacing: 0.1px;
}
.v-review-card-container .v-meter-details-left {
	display: flex;
	align-items: flex-start;
	column-gap: 1rem;
}
.v-review-card-container .v-meter-details-left .v-user-details {
	display: flex;
	flex-direction: column;
	row-gap: 3px;
}
.v-review-card-container .v-user-details .v-comp,
.v-review-card-container .v-user-details .v-address {
	color: #0009;
}
.v-review-card-container .v-meter-details-left .v-user-details .v-name {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1.015rem;
}
.v-review-card-container .v-meter-type {
	font-size: 0.85rem;
	padding: 8px 1rem;
	border-radius: 5px;
	border: 1px solid rgb(74, 174, 140, 0.1);
	background-color: #e9fff7;
	color: #4aae8c;
}
.v-review-card-container .v-meter-details-left .v-image-icon {
	--size: 2.8rem;
	height: var(--size);
	width: var(--size);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1/1;
	padding: 10px;
	background-color: var(--primary-clr-less-bright);
}
.v-form-check .v-link-out {
	color: var(--primary-clr-dark);
	text-decoration: 1.5px solid underline var(--primary-clr);
	text-underline-offset: 1.5px;
}
.v-total-amount .v-amount {
	color: var(--primary-clr);
	font-weight: 600;
}
.v-total-amount .v-289f2 {
	font-size: 0.96rem;
}
.v-total-amount .v-for,
.v-total-amount .v-value {
	font-size: 0.94rem;
	color: #0009;
}
.v-total-amount .v-total .v-for {
	font-size: 1rem;
	color: #000;
}
.v-total-amount .v-total .v-value {
	color: var(--primary-clr);
}


/* carousel design */
.v-carousel .carousel-inner {
	overflow: visible;
}
.v-each-item-container {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 120px;
}
.v-each-item-container .v-landscape-image {
	width: 100%;
	height: 100%;
}
.v-each-item-container .v-landscape-image .img-fluid {
	width: 100%;
	border-radius: 1rem;
	height: 100%;
	object-fit: cover;
}
.v-each-item-container .v-human-avatar {
	bottom: 0;
	position: absolute;
	z-index: 2;
	height: 100%;
	pointer-events: none;
	user-select: none;
	display: flex;
	align-items: center;
	justify-content: center;
}
.v-carousel .carousel-item:nth-child(2n + 1) .v-human-avatar {
	transform: translate(-1rem, -12%);
	right: 0;
}
.v-carousel .carousel-item .v-human-avatar .img-fluid {
	height: 150px;
}
.v-carousel .carousel-item:nth-child(2n) .v-human-avatar {
	transform: translate(50%, -12%);
	left: 0;
}

/* payment successful page */
.v-successful-wrapper {
	background-color: var(--white);
	border-radius: 1rem;
	overflow: hidden;
	padding: 1rem;
}
.v-successful-wrapper .v-status-image {
	max-width: 8rem;
	margin: auto;
}
.v-successful-wrapper .v-qr-code-image-container {
	border: 1px solid #ddd5;
	padding: 5px;
	border-radius: 10px;
	background-color: var(--white);
	max-width: 8rem;
	margin: auto;
}
.v-store-content .v-store-wrap-images .v-image {
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	max-width: 8rem;
	padding: 5px;
	background-color: var(--dark);
}
.v-phone-mockup-image-wrapper {
	display: flex;
	align-items: baseline;
	justify-content: center;
	max-height: 300px;
	padding-top: 1rem;
}
.v-phone-mockup-image {
	max-width: 16rem;
}

#downloadReceiptOption .modal-body {
	min-height: 200px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
#downloadReceiptOption .modal-content {
	border-radius: 1.5rem;
}
#downloadReceiptOption .modal-body > * {
	width: 100%;
}
#downloadReceiptOption .v-download {
	background-color: transparent;
	padding: 0.7rem 1rem;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #ddd9;
	color: var(--link-clr);
	border-radius: 8px;
	transition: 300ms ease-in-out;
}
#downloadReceiptOption .v-download:hover {
	background-color: rgba(var(--primary-clr-variant), 0.1);
	border-color: rgba(var(--primary-clr-variant), 0.15);
	color: var(--primary-clr);
}
.swal2-toast .swal2-close {
  top: 2px !important;  
  right: 2px !important;
  position: absolute !important;
}