:root {
  --beinpanel-purple-1: #2f0b57;
  --beinpanel-purple-2: #5c1ea6;
  --beinpanel-purple-3: #7d33d4;
  --beinpanel-purple-4: #a86cff;
  --beinpanel-purple-5: #efe2ff;
  --beinpanel-text: #f8f1ff;
  --beinpanel-dark-text: #2a1247;
}

body {
  background: linear-gradient(180deg, #4f1694 0%, #6c24bf 48%, #8741de 100%) !important;
  color: var(--beinpanel-text) !important;
}

.auth-bg {
  background: radial-gradient(circle at top left, rgba(143, 78, 232, 0.30), transparent 34%),
              linear-gradient(120deg, #f8f2ff 0%, #e6d8ff 52%, #d2b8ff 100%) !important;
}

.content-page,
.content,
.wrapper,
.container-fluid,
.right-bar-enabled .content-page,
.page-content,
.main-content {
  background: transparent !important;
}

.content-page {
  background: linear-gradient(180deg, #4f1694 0%, #6c24bf 48%, #8741de 100%) !important;
}

.card {
  background: linear-gradient(180deg, rgba(253, 250, 255, 0.98) 0%, rgba(243, 232, 255, 0.96) 100%) !important;
  border: 1px solid rgba(173, 124, 255, 0.42) !important;
  box-shadow: 0 18px 48px rgba(35, 8, 68, 0.24) !important;
  color: var(--beinpanel-dark-text) !important;
}

.btn-primary,
.bg-primary {
  background: linear-gradient(135deg, #6a22bd, #934df2) !important;
  border-color: #6a22bd !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background: linear-gradient(135deg, #5e23a7, #7c37db) !important;
  border-color: #5e23a7 !important;
}

.form-control:focus {
  border-color: rgba(111, 45, 189, 0.55) !important;
  box-shadow: 0 0 0 .2rem rgba(111, 45, 189, 0.16) !important;
}

.leftside-menu,
.side-nav,
.navbar-custom,
.topbar {
  background: linear-gradient(180deg, #2f0b57 0%, #4b1979 38%, #6f2dbd 100%) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

.nav-user {
  background: linear-gradient(135deg, #7d33d4 0%, #9d67ef 70%, #c5a2ff 100%) !important;
  color: #fff !important;
}

.nav-user *,
.nav-user .text-muted {
  color: #fff !important;
}

.side-nav .side-nav-link,
.side-nav .menuitem-active > a,
.side-nav .menuitem-active .side-nav-link,
.side-nav .side-nav-link i,
.side-nav .side-nav-link span,
.page-title-box,
.page-title-box .page-title,
.navbar-custom .button-menu-mobile,
.navbar-custom .navbar-nav,
.navbar-custom i,
.navbar-custom .nav-link,
.navbar-custom .header-title,
.navbar-custom .page-title-right,
.navbar-custom .breadcrumb-item,
.navbar-custom .breadcrumb-item a,
.navbar-custom h1,
.navbar-custom h2,
.navbar-custom h3,
.navbar-custom h4,
.navbar-custom h5,
.navbar-custom h6 {
  color: #ffffff !important;
}

.side-nav .menuitem-active > a,
.side-nav .side-nav-link:hover {
  background: rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
  border-left: 3px solid #f3d4ff !important;
}

.side-nav .menuitem-active > a i,
.side-nav .side-nav-link:hover i {
  color: #ffffff !important;
}

.side-nav .menu-title,
.side-nav .side-nav-item small,
.side-nav .side-nav-link small,
.navbar-custom .page-title,
.navbar-custom .text-muted {
  color: rgba(255, 255, 255, 0.88) !important;
}

.side-nav .menu-title,
.menu-title,
[class*="menu-title"],
.side-nav small,
.side-nav .text-muted,
.side-nav-item small,
.side-nav-item .text-muted,
.menuitem-active small,
.menuitem-active .text-muted,
.side-nav ul li small,
.side-nav ul li .text-muted {
  color: #e9d7ff !important;
  opacity: 1 !important;
  filter: none !important;
}

.navbar-custom {
  box-shadow: 0 10px 30px rgba(27, 5, 51, 0.30) !important;
}

.text-primary,
a,
a:hover {
  color: #cfa7ff !important;
}

.page-title,
.page-title-box .page-title,
.navbar-custom .page-title,
.navbar-custom .breadcrumb,
.navbar-custom .breadcrumb-item,
.navbar-custom .breadcrumb-item.active,
.navbar-custom .breadcrumb-item a,
.navbar-custom .btn,
.navbar-custom .dropdown-toggle,
.navbar-custom .noti-icon i,
.navbar-custom .button-menu-mobile {
  color: #ffffff !important;
}

.leftside-menu .logo-box,
.logo-box {
  background: linear-gradient(135deg, #341060 0%, #5c1ea6 65%, #7d33d4 100%) !important;
}

.leftside-menu .logo-box .logo-lg,
.leftside-menu .logo-box .logo-sm,
.leftside-menu .logo-box span,
.leftside-menu .logo-box img + span {
  color: #ffffff !important;
}

.badge,
.badge.bg-soft-success,
.badge.bg-success-subtle,
.badge.bg-info-subtle,
.badge.bg-danger-subtle,
.badge.bg-warning-subtle {
  background: rgba(111, 45, 189, 0.12) !important;
  color: var(--beinpanel-purple-1) !important;
}

.card *,
.card .text-muted,
.card h1,
.card h2,
.card h3,
.card h4,
.card h5,
.card h6,
.card span,
.card p,
.card div,
.card a {
  color: var(--beinpanel-dark-text) !important;
}

.side-nav .menu-title {
  font-weight: 700 !important;
  letter-spacing: .04em !important;
}

.side-nav .side-nav-link {
  color: #f7efff !important;
}

.side-nav .side-nav-link i,
.side-nav .side-nav-link span,
.side-nav .side-nav-link,
.side-nav .side-nav-link:focus,
.side-nav .side-nav-link:active {
  opacity: 1 !important;
}

.side-nav .side-nav-item,
.side-nav .side-nav-item *,
.side-nav li,
.side-nav li *,
.leftside-menu .side-nav *,
.leftside-menu .metismenu *,
.leftside-menu .menu-title,
.leftside-menu .menu-arrow,
.leftside-menu .badge,
.leftside-menu .collapse *,
.leftside-menu .collapsing * {
  color: inherit !important;
}

.leftside-menu .menu-title,
.leftside-menu [class*="menu-title"],
.leftside-menu small,
.leftside-menu .text-muted,
.leftside-menu .side-nav-item small,
.leftside-menu .side-nav-item .text-muted,
.leftside-menu .side-nav-link small,
.leftside-menu .side-nav-link .text-muted {
  color: #ead8ff !important;
  opacity: 1 !important;
}

.leftside-menu .side-nav-link,
.leftside-menu .side-nav-link span,
.leftside-menu .side-nav-link i,
.leftside-menu .side-nav-link p,
.leftside-menu .side-nav-link div,
.leftside-menu .side-nav-link a {
  color: #ffffff !important;
}

.leftside-menu .side-nav .mm-active > a,
.leftside-menu .side-nav .mm-active > a *,
.leftside-menu .side-nav .mm-show > li > a,
.leftside-menu .side-nav .mm-show > li > a * {
  color: #ffffff !important;
}

.topbar .logo-box,
.navbar-custom .logo-box {
  background: linear-gradient(135deg, #4b1979, #7d33d4) !important;
}