:root,
[data-theme-mode="light"],
[data-theme-mode="dark"] {
   --header-bg: transparent;
   --header-border-color: transparent;
   --header-prime-color: #475569;
   --header-height: 3.25rem;
   --quick-access-size: 4.5rem;
   --quick-access-top: calc(var(--header-height) - (var(--quick-access-size) * 0.3));
   --sidebar-logo-height: 42px;
   --sidebar-header-height: 64px;
}

[data-theme-mode="dark"] {
   --header-prime-color: #e2e8f0;
}

.app-header {
   background: transparent !important;
   background-color: transparent !important;
   border-block-end: none !important;
   box-shadow: none !important;
   height: var(--header-height) !important;
   min-height: var(--header-height) !important;
   max-height: var(--header-height) !important;
}

html[data-header-styles="light"] .app-header,
html[data-header-styles="dark"] .app-header,
html[data-header-styles="color"] .app-header,
html[data-header-styles="gradient"] .app-header,
html[data-header-styles="transparent"] .app-header {
   background: transparent !important;
   background-color: transparent !important;
   border-block-end: none !important;
   box-shadow: none !important;
}

.main-content {
   padding-block-start: var(--header-height) !important;
}

.app-header .main-header-container.container-fluid {
   --bs-gutter-x: 1.5rem;
}

.app-header .header-content-left {
   flex: 1 1 auto;
   min-width: 0;
}

.app-header .header-link,
.app-header .header-link-icon,
.app-header .main-header-container .header-link-icon {
   color: var(--header-prime-color) !important;
   fill: var(--header-prime-color) !important;
}

.app-header .header-link:hover .header-link-icon,
.app-header .header-link.show .header-link-icon,
.app-header .main-header-container .header-link-icon:hover {
   color: #004285 !important;
   fill: #004285 !important;
}

.app-header .main-header-container .header-link {
   padding: 0 0.4rem;
}

.app-header .main-header-container .header-link-icon {
   width: 1.75rem;
   height: 1.75rem;
   font-size: 0.78rem;
   padding: 0.35rem 7px;
}

.app-header .animated-arrow span,
.app-header .animated-arrow span::before,
.app-header .animated-arrow span::after {
   background: var(--header-prime-color) !important;
}

.app-header #mainHeaderProfile {
   color: var(--header-prime-color) !important;
}

.app-sidebar {
   z-index: 110 !important;
}

.app-sidebar .sidebar-header {
   height: var(--sidebar-header-height) !important;
   min-height: var(--sidebar-header-height) !important;
}

.app-sidebar .sidebar-header .header-logo {
   display: flex !important;
   align-items: center !important;
   max-width: 100%;
}

.app-sidebar .sidebar-header .header-logo .logo-image {
   height: var(--sidebar-logo-height) !important;
   width: auto !important;
   max-width: 100%;
   object-fit: contain;
   display: block;
}

.app-sidebar.collapsed .sidebar-header .header-logo .logo-image {
   height: calc(var(--sidebar-logo-height) * 0.82) !important;
}

.app-sidebar .nav-link,
.app-sidebar .nav-text,
.app-sidebar .submenu-link {
   font-weight: 400 !important;
}

.app-sidebar .nav-item.active .nav-link,
.app-sidebar .nav-item.active .nav-text {
   font-weight: 500 !important;
}

.quick-access-label {
   font-weight: 400 !important;
}

@media (max-width: 991.98px) {
   :root,
   [data-theme-mode="light"],
   [data-theme-mode="dark"] {
      --quick-access-top: calc(var(--header-height) - (var(--quick-access-size) * 0.2));
      --sidebar-logo-height: 38px;
      --sidebar-header-height: 60px;
   }
}

@media (max-width: 575.98px) {
   :root,
   [data-theme-mode="light"],
   [data-theme-mode="dark"] {
      --header-height: 3rem;
      --sidebar-logo-height: 34px;
      --sidebar-header-height: 56px;
   }
}