:root,
  [data-bs-theme="light"],
  [data-bs-theme="dark"] {
    --bs-purple:#4D4083 !important;
    --bs-primary: #4D4083 !important;
    --bs-primary-rgb: rgb(77,64,131) !important;
    --bs-primary-bg-subtle: color-mix(in sRGB, var(--bs-paper-bg) 84%, #4D4083);
    --bs-primary-border-subtle: rgba(77,64,131, 0.39) !important;
    --bs-primary-contrast: #000 !important;
    --bs-link-color: #4D4083 !important;
    --bs-link-hover-color: #14b874 !important;
    --bs-secondary: #14b874 !important;
    --bs-secondary-rgb: rgb(20,184,116) !important;
    --bs-secondary-bg-subtle: color-mix(in sRGB, var(--bs-paper-bg) 84%, #14b874);
    --bs-secondary-border-subtle: rgba(20,184,116, 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: #4D4083 !important;
    border-color: #4D4083 !important;
  }
  .btn-primary:hover {
    background-color: #14b874 !important;
    border-color: #14b874 !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(77,64,131, 0.7) 76.47%) !important;
    box-shadow: 0px 2px 6px 0px rgba(77,64,131, 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(77,64,131, 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(77,64,131, 0.4) !important;
 }

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