:root,
  [data-bs-theme="light"],
  [data-bs-theme="dark"] {
    --bs-purple:#7367f0 !important;
    --bs-primary: #7367f0 !important;
    --bs-primary-rgb: rgb(115,103,240) !important;
    --bs-primary-bg-subtle: color-mix(in sRGB, var(--bs-paper-bg) 84%, #7367f0);
    --bs-primary-border-subtle: rgba(115,103,240, 0.39) !important;
    --bs-primary-contrast: #000 !important;
    --bs-link-color: #7367f0 !important;
    --bs-link-hover-color: #685dd8 !important;
    --bs-secondary: #685dd8 !important;
    --bs-secondary-rgb: rgb(104,93,216) !important;
    --bs-secondary-bg-subtle: color-mix(in sRGB, var(--bs-paper-bg) 84%, #685dd8);
    --bs-secondary-border-subtle: rgba(104,93,216, 0.39) !important;
    --bs-secondary-contrast: #000 !important;
    --bs-menu-color: #ffffff !important;
    --bs-menu-rbg: rgba(255,255,255, 0.95) !important;
  }

  .btn-primary {
    color: #fff;
    background-color: #7367f0 !important;
    border-color: #7367f0 !important;
  }
  .btn-primary:hover {
    background-color: #685dd8 !important;
    border-color: #685dd8 !important;
  }

  .bg-menu-theme .menu-inner-shadow {
    background: linear-gradient(#ffffff 41%, rgba(255,255,255, 0.11) 95%, rgba(255,255,255, 0)) !important;
  }

  .bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
    background: linear-gradient(72.47deg, var(--bs-primary) 22.16%, rgba(115,103,240, 0.7) 76.47%) !important;
    box-shadow: 0px 2px 6px 0px rgba(115,103,240, 0.48) !important;
  }

  .bg-menu-theme .menu-inner .menu-item.open > .menu-link.menu-toggle, .layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item.open > .menu-link.menu-toggle, .bg-menu-theme .menu-inner .menu-item.active > .menu-link.menu-toggle, .layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item.active > .menu-link.menu-toggle {
    background:rgba(115,103,240, 0.4) !important;
  }

  html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item:not(.active) .menu-link:hover, .layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item:not(.active) .menu-link:hover {
    background:rgba(115,103,240, 0.4) !important;
 }

 .form-check-input:checked {
    background-color: #7367f0 !important;
    border-color: #7367f0 !important;
  }