:root {
	--topay-red: #e31b23;
	--topay-blue: #1f5eff;
}

.btn-grd-primary,
.bg-grd-primary {
	background-image: linear-gradient(135deg, var(--panelix-primary, #6d5efc), #8b5cf6) !important;
}

.brand-logo {
	display: flex;
	align-items: center;
}

.brand-logo-image {
	height: 48px;
	width: auto;
	max-width: 180px;
	object-fit: contain;
}

.sidebar-wrapper .sidebar-header .sidebar-logo {
	height: 36px;
	width: auto;
	max-width: 140px;
	object-fit: contain;
}

.sidebar-wrapper .sidebar-header {
	align-items: center;
}

.sidebar-wrapper .logo-icon {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-grow: 1;
}

[data-bs-theme=blue-theme] body .sidebar-wrapper .sidebar-header {
	border-bottom: 1px solid rgba(31, 94, 255, 0.25);
}

[data-bs-theme=blue-theme] body .metismenu a:hover,
[data-bs-theme=blue-theme] body .metismenu .mm-active > a {
	color: #9ec5ff !important;
}

.page-footer {
	color: #8b8fa3;
}