:root[data-color-theme="Purple_Theme"],
html[data-color-theme="Purple_Theme"] {
  --mn-primary: #8046A6;
  --mn-primary-rgb: 128, 70, 166;
  --mn-primary-hover: #663885;
  --mn-primary-active: #5b3277;
  --mn-secondary: #6F86C2;
  --mn-secondary-rgb: 111, 134, 194;
  --mn-accent: #9A0B9B;
  --mn-accent-rgb: 154, 11, 155;
  --mn-soft-bg: #F5F2F9;
  --mn-soft-bg-strong: #ECE5F3;
  --mn-text: #2F2F38;
  --mn-border: #D8D0E4;

  --bs-primary: var(--mn-primary);
  --bs-primary-rgb: var(--mn-primary-rgb);
  --bs-primary-bg-subtle: var(--mn-soft-bg);
  --bs-primary-border-subtle: var(--mn-border);
  --bs-primary-text-emphasis: #4d2a64;
  --bs-secondary: var(--mn-secondary);
  --bs-secondary-rgb: var(--mn-secondary-rgb);
  --bs-info: var(--mn-secondary);
  --bs-info-rgb: var(--mn-secondary-rgb);
  --bs-info-bg-subtle: #EEF2FB;
  --bs-info-border-subtle: #D5DDF2;
  --bs-info-text-emphasis: #405489;
  --bs-body-color: var(--mn-text);
  --bs-body-color-rgb: 47, 47, 56;
  --bs-border-color: var(--mn-border);
  --bs-link-color: var(--mn-primary);
  --bs-link-color-rgb: var(--mn-primary-rgb);
  --bs-link-hover-color: var(--mn-primary-hover);
  --bs-link-hover-color-rgb: 102, 56, 133;
}

:root[data-color-theme="Purple_Theme"][data-bs-theme="dark"],
html[data-color-theme="Purple_Theme"][data-bs-theme="dark"] {
  --mn-soft-bg: #2F2338;
  --mn-soft-bg-strong: #3A2947;
  --mn-border: #584365;
  --bs-primary-bg-subtle: #2F2338;
  --bs-primary-border-subtle: #584365;
  --bs-primary-text-emphasis: #E9DFF2;
  --bs-info-bg-subtle: #242C40;
  --bs-info-border-subtle: #43547D;
  --bs-info-text-emphasis: #D7DFF4;
  --bs-link-hover-color: #D6C1E5;
  --bs-link-hover-color-rgb: 214, 193, 229;
}

.datos-mn-logo {
  display: block;
  width: auto;
  height: 46px;
  max-width: 188px;
  object-fit: contain;
}

.datos-mn-logo-sm {
  height: 38px;
  max-width: 156px;
}

.datos-mn-logo-login {
  height: 52px;
  max-width: 220px;
}

html[data-bs-theme="dark"] .left-sidebar .datos-mn-logo,
html[data-bs-theme="dark"] .topbar .datos-mn-logo {
  background: rgba(255, 255, 255, .96);
  border-radius: 12px;
  padding: 5px 8px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .14);
}

@media (max-width: 575.98px) {
  .datos-mn-logo-login {
    height: 44px;
    max-width: 190px;
  }
}

:root[data-color-theme="Purple_Theme"] .btn-primary,
html[data-color-theme="Purple_Theme"] .btn-primary {
  --bs-btn-bg: var(--mn-primary);
  --bs-btn-border-color: var(--mn-primary);
  --bs-btn-hover-bg: var(--mn-primary-hover);
  --bs-btn-hover-border-color: var(--mn-primary-hover);
  --bs-btn-active-bg: var(--mn-primary-active);
  --bs-btn-active-border-color: var(--mn-primary-active);
  --bs-btn-disabled-bg: var(--mn-primary);
  --bs-btn-disabled-border-color: var(--mn-primary);
}

.left-sidebar.with-vertical > div {
  height: 100vh;
  display: flex;
  flex-direction: column;
}

.left-sidebar.with-vertical .brand-logo {
  flex: 0 0 auto;
}

.left-sidebar.with-vertical .scroll-sidebar {
  flex: 1 1 auto;
  min-height: 0;
  height: auto !important;
}

.left-sidebar.with-vertical #sidebarnav {
  padding-bottom: 56px;
}

.page-wrapper {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.page-wrapper .body-wrapper {
  flex: 1 0 auto;
  padding-bottom: 40px;
}

.admin-footer {
  position: sticky;
  bottom: 0;
  z-index: 20;
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  background: var(--bs-body-bg);
  border-top: 0;
  box-shadow: 0 -8px 24px rgba(47, 47, 56, .06);
  flex-shrink: 0;
}

html[data-bs-theme="dark"] .admin-footer {
  background: #15171c;
  box-shadow: 0 -8px 24px rgba(0, 0, 0, .18);
}

.left-sidebar.with-vertical {
  border-right: 1px solid rgba(216, 208, 228, .65) !important;
  box-shadow: 8px 0 24px rgba(47, 47, 56, .025);
}

html[data-bs-theme="dark"] .left-sidebar.with-vertical {
  border-right-color: rgba(88, 67, 101, .6) !important;
  box-shadow: 8px 0 24px rgba(0, 0, 0, .1);
}

:root[data-color-theme="Purple_Theme"] .btn-secondary,
html[data-color-theme="Purple_Theme"] .btn-secondary {
  --bs-btn-bg: var(--mn-secondary);
  --bs-btn-border-color: var(--mn-secondary);
  --bs-btn-hover-bg: #5c72aa;
  --bs-btn-hover-border-color: #5c72aa;
  --bs-btn-active-bg: #52669d;
  --bs-btn-active-border-color: #52669d;
}

:root[data-color-theme="Purple_Theme"] .btn-light-primary,
html[data-color-theme="Purple_Theme"] .btn-light-primary {
  --bs-btn-color: var(--mn-primary);
  --bs-btn-bg: var(--mn-soft-bg);
  --bs-btn-border-color: var(--mn-soft-bg);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--mn-primary);
  --bs-btn-hover-border-color: var(--mn-primary);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--mn-primary-hover);
  --bs-btn-active-border-color: var(--mn-primary-hover);
  color: var(--mn-primary) !important;
  background-color: var(--mn-soft-bg) !important;
  border-color: var(--mn-soft-bg) !important;
}

:root[data-color-theme="Purple_Theme"] .btn-light-primary:hover,
:root[data-color-theme="Purple_Theme"] .btn-light-primary:focus,
html[data-color-theme="Purple_Theme"] .btn-light-primary:hover,
html[data-color-theme="Purple_Theme"] .btn-light-primary:focus {
  color: #fff !important;
  background-color: var(--mn-primary) !important;
  border-color: var(--mn-primary) !important;
}

:root[data-color-theme="Purple_Theme"] .btn-accent,
html[data-color-theme="Purple_Theme"] .btn-accent {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--mn-accent);
  --bs-btn-border-color: var(--mn-accent);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #810982;
  --bs-btn-hover-border-color: #810982;
}

:root[data-color-theme="Purple_Theme"] .text-primary,
html[data-color-theme="Purple_Theme"] .text-primary {
  color: var(--mn-primary) !important;
}

:root[data-color-theme="Purple_Theme"] .text-secondary,
html[data-color-theme="Purple_Theme"] .text-secondary {
  color: var(--mn-secondary) !important;
}

:root[data-color-theme="Purple_Theme"] .text-accent,
html[data-color-theme="Purple_Theme"] .text-accent {
  color: var(--mn-accent) !important;
}

:root[data-color-theme="Purple_Theme"] .bg-primary,
html[data-color-theme="Purple_Theme"] .bg-primary {
  background-color: var(--mn-primary) !important;
}

:root[data-color-theme="Purple_Theme"] .bg-secondary,
html[data-color-theme="Purple_Theme"] .bg-secondary {
  background-color: var(--mn-secondary) !important;
}

:root[data-color-theme="Purple_Theme"] .bg-accent,
html[data-color-theme="Purple_Theme"] .bg-accent {
  background-color: var(--mn-accent) !important;
}

:root[data-color-theme="Purple_Theme"] .bg-primary-subtle,
:root[data-color-theme="Purple_Theme"] .bg-light-primary,
html[data-color-theme="Purple_Theme"] .bg-primary-subtle,
html[data-color-theme="Purple_Theme"] .bg-light-primary {
  background-color: var(--mn-soft-bg) !important;
}

:root[data-color-theme="Purple_Theme"] .bg-info-subtle,
html[data-color-theme="Purple_Theme"] .bg-info-subtle {
  background-color: #EEF2FB !important;
}

:root[data-color-theme="Purple_Theme"] .text-bg-primary,
html[data-color-theme="Purple_Theme"] .text-bg-primary {
  background-color: var(--mn-primary) !important;
  color: #fff !important;
}

:root[data-color-theme="Purple_Theme"] .text-bg-info,
html[data-color-theme="Purple_Theme"] .text-bg-info {
  background-color: var(--mn-secondary) !important;
  color: #fff !important;
}

:root[data-color-theme="Purple_Theme"] .text-bg-accent,
html[data-color-theme="Purple_Theme"] .text-bg-accent {
  background-color: var(--mn-accent) !important;
  color: #fff !important;
}

:root[data-color-theme="Purple_Theme"] .text-primary-emphasis,
html[data-color-theme="Purple_Theme"] .text-primary-emphasis {
  color: #4d2a64 !important;
}

:root[data-color-theme="Purple_Theme"] .border-primary,
html[data-color-theme="Purple_Theme"] .border-primary {
  border-color: var(--mn-primary) !important;
}

:root[data-color-theme="Purple_Theme"] .border-primary-subtle,
html[data-color-theme="Purple_Theme"] .border-primary-subtle,
:root[data-color-theme="Purple_Theme"] .border,
html[data-color-theme="Purple_Theme"] .border {
  border-color: var(--mn-border) !important;
}

:root[data-color-theme="Purple_Theme"] .badge.bg-primary-subtle,
:root[data-color-theme="Purple_Theme"] .badge.bg-light-primary,
html[data-color-theme="Purple_Theme"] .badge.bg-primary-subtle,
html[data-color-theme="Purple_Theme"] .badge.bg-light-primary {
  background-color: var(--mn-soft-bg) !important;
  color: var(--mn-primary) !important;
  border-color: var(--mn-border) !important;
}

:root[data-color-theme="Purple_Theme"] .badge.bg-accent,
html[data-color-theme="Purple_Theme"] .badge.bg-accent {
  background-color: var(--mn-accent) !important;
  color: #fff !important;
}

:root[data-color-theme="Purple_Theme"] .form-control:focus,
:root[data-color-theme="Purple_Theme"] .form-select:focus,
html[data-color-theme="Purple_Theme"] .form-control:focus,
html[data-color-theme="Purple_Theme"] .form-select:focus {
  border-color: rgba(var(--mn-primary-rgb), 0.5);
  box-shadow: 0 0 0 0.2rem rgba(var(--mn-primary-rgb), 0.12);
}

:root[data-color-theme="Purple_Theme"] .sueldos-logo-mark,
html[data-color-theme="Purple_Theme"] .sueldos-logo-mark,
:root[data-color-theme="Purple_Theme"] .brand-mark.bg-primary,
html[data-color-theme="Purple_Theme"] .brand-mark.bg-primary {
  background-color: var(--mn-primary) !important;
}

:root[data-color-theme="Purple_Theme"] .card,
:root[data-color-theme="Purple_Theme"] .modal-content,
html[data-color-theme="Purple_Theme"] .card,
html[data-color-theme="Purple_Theme"] .modal-content {
  border-color: var(--mn-border);
}

:root[data-color-theme="Purple_Theme"] .nav-pills .nav-link.active,
:root[data-color-theme="Purple_Theme"] .user-profile-tab .nav-link.active,
html[data-color-theme="Purple_Theme"] .nav-pills .nav-link.active,
html[data-color-theme="Purple_Theme"] .user-profile-tab .nav-link.active {
  color: var(--mn-primary) !important;
  border-bottom-color: var(--mn-primary) !important;
}

:root[data-color-theme="Purple_Theme"] .nav-icon-hover-bg:hover,
:root[data-color-theme="Purple_Theme"] .nav-icon-hover-bg:focus-within,
html[data-color-theme="Purple_Theme"] .nav-icon-hover-bg:hover,
html[data-color-theme="Purple_Theme"] .nav-icon-hover-bg:focus-within {
  background-color: var(--mn-soft-bg) !important;
}

:root[data-color-theme="Purple_Theme"] .nav-icon-hover-bg:hover i,
:root[data-color-theme="Purple_Theme"] .nav-icon-hover-bg:focus-within i,
html[data-color-theme="Purple_Theme"] .nav-icon-hover-bg:hover i,
html[data-color-theme="Purple_Theme"] .nav-icon-hover-bg:focus-within i {
  color: var(--mn-primary) !important;
}

:root[data-color-theme="Purple_Theme"] .sidebar-nav ul .sidebar-item.selected > .sidebar-link.active,
:root[data-color-theme="Purple_Theme"] .sidebar-nav ul .sidebar-item.selected > .sidebar-link,
:root[data-color-theme="Purple_Theme"] .sidebar-nav ul .sidebar-item > .sidebar-link.active,
html[data-color-theme="Purple_Theme"] .sidebar-nav ul .sidebar-item.selected > .sidebar-link.active,
html[data-color-theme="Purple_Theme"] .sidebar-nav ul .sidebar-item.selected > .sidebar-link,
html[data-color-theme="Purple_Theme"] .sidebar-nav ul .sidebar-item > .sidebar-link.active {
  background-color: var(--mn-primary) !important;
  color: #fff !important;
}

:root[data-color-theme="Purple_Theme"] .sidebar-nav ul .sidebar-item.selected > .sidebar-link i,
:root[data-color-theme="Purple_Theme"] .sidebar-nav ul .sidebar-item > .sidebar-link.active i,
html[data-color-theme="Purple_Theme"] .sidebar-nav ul .sidebar-item.selected > .sidebar-link i,
html[data-color-theme="Purple_Theme"] .sidebar-nav ul .sidebar-item > .sidebar-link.active i {
  color: #fff !important;
}

:root[data-color-theme="Purple_Theme"] .sidebar-nav ul .sidebar-item > .sidebar-link:hover,
html[data-color-theme="Purple_Theme"] .sidebar-nav ul .sidebar-item > .sidebar-link:hover {
  background-color: var(--mn-soft-bg) !important;
  color: var(--mn-primary) !important;
}

:root[data-color-theme="Purple_Theme"] .sidebar-nav ul .sidebar-item > .sidebar-link:hover i,
html[data-color-theme="Purple_Theme"] .sidebar-nav ul .sidebar-item > .sidebar-link:hover i {
  color: var(--mn-primary) !important;
}

:root[data-color-theme="Purple_Theme"] .dropzone.border-primary,
html[data-color-theme="Purple_Theme"] .dropzone.border-primary {
  border-color: var(--mn-primary) !important;
}

:root[data-color-theme="Purple_Theme"] .dropzone.bg-primary-subtle,
html[data-color-theme="Purple_Theme"] .dropzone.bg-primary-subtle {
  background-color: var(--mn-soft-bg) !important;
}

.boletin-dropzone {
  min-height: 180px;
  cursor: pointer;
  border: 1.5px dashed var(--mn-border);
  background: var(--mn-soft-bg);
  transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}

.boletin-dropzone:hover,
.boletin-dropzone.border-primary {
  border-color: var(--mn-primary) !important;
  box-shadow: 0 10px 30px rgba(var(--mn-primary-rgb), .08);
}

:root[data-color-theme="Purple_Theme"][data-bs-theme="dark"] .boletin-dropzone,
html[data-color-theme="Purple_Theme"][data-bs-theme="dark"] .boletin-dropzone {
  background: rgba(var(--mn-primary-rgb), .12);
  border-color: rgba(216, 208, 228, .24);
}

:root[data-color-theme="Purple_Theme"] .select2-container--default .select2-selection--single {
  border-color: var(--mn-border) !important;
  min-height: 38px;
}

:root[data-color-theme="Purple_Theme"] .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--mn-text) !important;
  line-height: 36px;
}

:root[data-color-theme="Purple_Theme"] .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 36px;
}

:root[data-color-theme="Purple_Theme"] .select2-container--default.select2-container--open .select2-selection--single,
:root[data-color-theme="Purple_Theme"] .select2-container--default .select2-search--dropdown .select2-search__field:focus {
  border-color: rgba(var(--mn-primary-rgb), 0.5) !important;
  box-shadow: 0 0 0 0.2rem rgba(var(--mn-primary-rgb), 0.12);
}

:root[data-color-theme="Purple_Theme"] .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--mn-primary) !important;
  color: #fff !important;
}

:root[data-color-theme="Purple_Theme"] .select2-container--default .select2-results__option[aria-selected=true] {
  background-color: var(--mn-soft-bg) !important;
  color: var(--mn-primary) !important;
}

:root[data-color-theme="Purple_Theme"][data-bs-theme="dark"] .bg-primary-subtle,
:root[data-color-theme="Purple_Theme"][data-bs-theme="dark"] .bg-light-primary,
html[data-color-theme="Purple_Theme"][data-bs-theme="dark"] .bg-primary-subtle,
html[data-color-theme="Purple_Theme"][data-bs-theme="dark"] .bg-light-primary,
:root[data-color-theme="Purple_Theme"][data-bs-theme="dark"] .btn-light-primary,
html[data-color-theme="Purple_Theme"][data-bs-theme="dark"] .btn-light-primary {
  background-color: var(--mn-soft-bg) !important;
  color: #E9DFF2 !important;
  border-color: var(--mn-border) !important;
}

:root[data-color-theme="Purple_Theme"][data-bs-theme="dark"] .bg-info-subtle,
html[data-color-theme="Purple_Theme"][data-bs-theme="dark"] .bg-info-subtle {
  background-color: #242C40 !important;
}

:root[data-color-theme="Purple_Theme"][data-bs-theme="dark"] .sidebar-nav ul .sidebar-item > .sidebar-link:hover,
html[data-color-theme="Purple_Theme"][data-bs-theme="dark"] .sidebar-nav ul .sidebar-item > .sidebar-link:hover,
:root[data-color-theme="Purple_Theme"][data-bs-theme="dark"] .nav-icon-hover-bg:hover,
html[data-color-theme="Purple_Theme"][data-bs-theme="dark"] .nav-icon-hover-bg:hover {
  background-color: var(--mn-soft-bg) !important;
}