@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";

@font-face {
  font-family: "Gyorz";
  src: url("/assets/fonts/gyokz-regular.woff2") format("woff2"),
       url("/assets/fonts/gyokz-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gyorz";
  src: url("/assets/fonts/gyokz-semibold.woff2") format("woff2"),
       url("/assets/fonts/gyokz-semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* extra bold */
@font-face {
  font-family: "Gyorz";
  src: url("/assets/fonts/gyokz-extrabold.woff2") format("woff2"),
       url("/assets/fonts/gyokz-extrabold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}


/* assets/scss/styles.scss */
:root {
  /* Change from 240, 241, 247 to new background */
  --body-bg-rgb: 240, 241, 247;
  
  /* Change from 132, 90, 223 to new magenta primary */
  --primary-rgb: 76, 18, 161;
  
  /* Change from 35, 183, 229 to new cyan secondary */
  --secondary-rgb: 0, 193, 212;
  
  /*new colors */
  --highlight-rgb: 255, 205, 0;
  --violet-rgb: 225, 217, 237;
  
  --warning-rgb: 245, 184, 73; 
  --info-rgb: 73, 182, 245;
  --success-rgb: 38, 191, 148;
  --danger-rgb: 230, 83, 60;
  --light-rgb: 243, 246, 248;
  --dark-rgb: 35, 35, 35;
  --orange-rgb: 255, 165, 5;
  --pink-rgb: 231, 145, 188;
  --teal-rgb: 18, 194, 194;
  --purple-rgb: 137, 32, 173;
  --default-body-bg-color: rgb(var(--body-bg-rgb));
  --primary-color: rgb(var(--primary-rgb));
  --secondary-color: rgb(var(--secondary-rgb));
  --violet-color: rgb(var(--violet-rgb));
  --highlight-color: rgb(var(--highlight-rgb));
  --primary-border: rgb(var(--primary-rgb));
  --primary01: rgba(var(--primary-rgb), 0.1);
  --primary02: rgba(var(--primary-rgb), 0.2);
  --primary03: rgba(var(--primary-rgb), 0.3);
  --primary04: rgba(var(--primary-rgb), 0.4);
  --primary05: rgba(var(--primary-rgb), 0.5);
  --primary06: rgba(var(--primary-rgb), 0.6);
  --primary07: rgba(var(--primary-rgb), 0.7);
  --primary08: rgba(var(--primary-rgb), 0.8);
  --primary09: rgba(var(--primary-rgb), 0.9);
  --primary005: rgba(var(--primary-rgb), 0.05);
  --default-font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --brand-font-family: "Gyorz", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --default-font-weight: 400;
  --default-text-color: #333335;
  --default-border: #f3f3f3;
  --default-background: #f7f8f9;
  --menu-bg: #fff;
  --menu-prime-color: #536485;
  --menu-border-color: #f3f3f3;
  --header-bg: #fff;
  --header-prime-color: #536485;
  --header-border-color: #f3f3f3;
  --custom-white: #fff;
  --custom-black: #000;
  --bootstrap-card-border: #f3f3f3;
  --list-hover-focus-bg: #f5f6f7;
  --text-muted: #8c9097;
  --input-border: #e9edf6;
  --form-control-bg: #ffffff;
  --gray-1: #f9fafb;
  --gray-2: #f2f4f5;
  --gray-3: #e6eaeb;
  --gray-4: #dbdfe1;
  --gray-5: #949eb7;
  --gray-6: #7987a1;
  --gray-7: #4d5875;
  --gray-8: #383853;
  --gray-9: #323251;
  --white-1: rgba(255, 255, 255, 0.1);
  --white-2: rgba(255, 255, 255, 0.2);
  --white-3: rgba(255, 255, 255, 0.3);
  --white-4: rgba(255, 255, 255, 0.4);
  --white-5: rgba(255, 255, 255, 0.5);
  --white-6: rgba(255, 255, 255, 0.6);
  --white-7: rgba(255, 255, 255, 0.7);
  --white-8: rgba(255, 255, 255, 0.8);
  --white-9: rgba(255, 255, 255, 0.9);
  --black-1: rgba(0, 0, 0, 0.1);
  --black-2: rgba(0, 0, 0, 0.2);
  --black-3: rgba(0, 0, 0, 0.3);
  --black-4: rgba(0, 0, 0, 0.4);
  --black-5: rgba(0, 0, 0, 0.5);
  --black-6: rgba(0, 0, 0, 0.6);
  --black-7: rgba(0, 0, 0, 0.7);
  --black-8: rgba(0, 0, 0, 0.8);
  --black-9: rgba(0, 0, 0, 0.9);
}
[data-theme-mode="dark"] {
  --body-bg-rgb: 26, 28, 30;
  --body-bg-rgb2: 37, 39, 41;
  --menu-bg: rgb(var(--body-bg-rgb));
  --menu-border-color: rgba(255, 255, 255, 0.1);
  --menu-prime-color: rgba(255, 255, 255, 0.6);
  --header-bg: rgb(var(--body-bg-rgb));
  --header-prime-color: rgba(255, 255, 255, 0.6);
  --header-border-color: rgba(255, 255, 255, 0.1);
  --custom-white: rgb(var(--body-bg-rgb));
  --custom-black: #fff;
  --default-border: rgba(255, 255, 255, 0.1);
  --default-text-color: rgba(255, 255, 255, 0.7);
  --light-rgb: 43, 46, 49;
  --dark-rgb: 240, 245, 248;
  --bootstrap-card-border: rgba(255, 255, 255, 0.1);
  --list-hover-focus-bg: rgba(255, 255, 255, 0.1);
  --default-background: rgba(255, 255, 255, 0.07);
  --default-body-bg-color: rgb(var(--body-bg-rgb2));
  --text-muted: rgba(255, 255, 255, 0.5);
  --input-border: #313335;
  --form-control-bg: #232628;
  --gray-100: #110f0f;
  --gray-200: #17171c;
  --gray-300: #393946;
  --gray-400: #505062;
  --gray-500: #73738c;
  --gray-600: #8f8fa3;
  --gray-700: #ababba;
  --gray-800: #c7c7d1;
  --gray-900: #e3e3e8;
  --white-1: rgba(0, 0, 0, 0.1);
  --white-2: rgba(0, 0, 0, 0.2);
  --white-3: rgba(0, 0, 0, 0.3);
  --white-4: rgba(0, 0, 0, 0.4);
  --white-5: rgba(0, 0, 0, 0.5);
  --white-6: rgba(0, 0, 0, 0.6);
  --white-7: rgba(0, 0, 0, 0.7);
  --white-8: rgba(0, 0, 0, 0.8);
  --white-9: rgba(0, 0, 0, 0.9);
  --black-1: rgba(255, 255, 255, 0.05);
  --black-2: rgba(255, 255, 255, 0.2);
  --black-3: rgba(255, 255, 255, 0.3);
  --black-4: rgba(255, 255, 255, 0.4);
  --black-5: rgba(255, 255, 255, 0.5);
  --black-6: rgba(255, 255, 255, 0.6);
  --black-7: rgba(255, 255, 255, 0.7);
  --black-8: rgba(255, 255, 255, 0.8);
  --black-9: rgba(255, 255, 255, 0.9);
}
@media (max-width: 991.98px) {
  .app-header .horizontal-logo .header-logo img {
    height: 2rem;
    line-height: 2rem;
  }
}
[data-theme-mode="dark"] .app-sidebar .main-sidebar-header .header-logo .desktop-dark {
  display: block;
}
[data-theme-mode="dark"] .app-sidebar .main-sidebar-header .header-logo .desktop-logo,
[data-theme-mode="dark"] .app-sidebar .main-sidebar-header .header-logo .toggle-logo,
[data-theme-mode="dark"] .app-sidebar .main-sidebar-header .header-logo .toggle-dark,
[data-theme-mode="dark"] .app-sidebar .main-sidebar-header .header-logo .desktop-white,
[data-theme-mode="dark"] .app-sidebar .main-sidebar-header .header-logo .toggle-white {
  display: none;
}
[data-theme-mode="dark"] .btn-close {
  filter: invert(1);
}
[data-theme-mode="dark"] .alert .btn-close {
  filter: unset;
}
[data-theme-mode="dark"] .dropdown-menu {
  box-shadow: 0 1rem 1.125rem rgba(40, 40, 40, 0.15);
}
[data-theme-mode="dark"] .choices__list--dropdown,
[data-theme-mode="dark"] .choices__list[aria-expanded] {
  box-shadow: rgba(10, 10, 10, 0.2) 0 0.5rem 1.5rem !important;
}
[data-theme-mode="dark"][data-menu-styles="light"] .app-sidebar .slide.has-sub .slide-menu {
  --menu-prime-color: rgb(171, 184, 199);
}
@media (max-width: 991.98px) {
  [data-header-styles="dark"] .app-header .horizontal-logo .header-logo .desktop-logo,
  [data-header-styles="dark"] .app-header .horizontal-logo .header-logo .desktop-dark,
  [data-header-styles="dark"] .app-header .horizontal-logo .header-logo .toggle-logo,
  [data-header-styles="dark"] .app-header .horizontal-logo .header-logo .desktop-white,
  [data-header-styles="dark"] .app-header .horizontal-logo .header-logo .toggle-white,
  [data-header-styles="transparent"][data-theme-mode="dark"]
    .app-header
    .horizontal-logo
    .header-logo
    .desktop-logo,
  [data-header-styles="transparent"][data-theme-mode="dark"]
    .app-header
    .horizontal-logo
    .header-logo
    .desktop-dark,
  [data-header-styles="transparent"][data-theme-mode="dark"]
    .app-header
    .horizontal-logo
    .header-logo
    .toggle-logo,
  [data-header-styles="transparent"][data-theme-mode="dark"]
    .app-header
    .horizontal-logo
    .header-logo
    .desktop-white,
  [data-header-styles="transparent"][data-theme-mode="dark"]
    .app-header
    .horizontal-logo
    .header-logo
    .toggle-white {
    display: none;
  }
  [data-header-styles="dark"] .app-header .horizontal-logo .header-logo .toggle-dark,
  [data-header-styles="transparent"][data-theme-mode="dark"]
    .app-header
    .horizontal-logo
    .header-logo
    .toggle-dark {
    display: block;
  }
}
@media (max-width: 991.98px) {
  [data-header-styles="color"] .app-header .horizontal-logo .header-logo .desktop-logo,
  [data-header-styles="color"] .app-header .horizontal-logo .header-logo .desktop-dark,
  [data-header-styles="color"] .app-header .horizontal-logo .header-logo .toggle-logo,
  [data-header-styles="color"] .app-header .horizontal-logo .header-logo .desktop-white,
  [data-header-styles="color"] .app-header .horizontal-logo .header-logo .toggle-dark,
  [data-header-styles="gradient"] .app-header .horizontal-logo .header-logo .desktop-logo,
  [data-header-styles="gradient"] .app-header .horizontal-logo .header-logo .desktop-dark,
  [data-header-styles="gradient"] .app-header .horizontal-logo .header-logo .toggle-logo,
  [data-header-styles="gradient"] .app-header .horizontal-logo .header-logo .desktop-white,
  [data-header-styles="gradient"] .app-header .horizontal-logo .header-logo .toggle-dark {
    display: none;
  }
  [data-header-styles="color"] .app-header .horizontal-logo .header-logo .toggle-white,
  [data-header-styles="gradient"] .app-header .horizontal-logo .header-logo .toggle-white {
    display: block;
  }
}
@media (max-width: 991.98px) {
  [data-header-styles="light"] .app-header .horizontal-logo .header-logo .toggle-logo,
  [data-header-styles="transparent"][data-theme-mode="light"]
    .app-header
    .horizontal-logo
    .header-logo
    .toggle-logo {
    display: block;
  }
  [data-header-styles="light"] .app-header .horizontal-logo .header-logo .desktop-logo,
  [data-header-styles="light"] .app-header .horizontal-logo .header-logo .toggle-dark,
  [data-header-styles="light"] .app-header .horizontal-logo .header-logo .desktop-dark,
  [data-header-styles="light"] .app-header .horizontal-logo .header-logo .desktop-white,
  [data-header-styles="light"] .app-header .horizontal-logo .header-logo .toggle-white,
  [data-header-styles="transparent"][data-theme-mode="light"]
    .app-header
    .horizontal-logo
    .header-logo
    .desktop-logo,
  [data-header-styles="transparent"][data-theme-mode="light"]
    .app-header
    .horizontal-logo
    .header-logo
    .toggle-dark,
  [data-header-styles="transparent"][data-theme-mode="light"]
    .app-header
    .horizontal-logo
    .header-logo
    .desktop-dark,
  [data-header-styles="transparent"][data-theme-mode="light"]
    .app-header
    .horizontal-logo
    .header-logo
    .desktop-white,
  [data-header-styles="transparent"][data-theme-mode="light"]
    .app-header
    .horizontal-logo
    .header-logo
    .toggle-white {
    display: none;
  }
}
@media (max-width: 991.98px) {
  [data-toggled="close"] .app-sidebar {
    transition: all 300ms ease;
    transform: translateX(-15rem);
  }
  [data-toggled="close"] .app-header {
    padding-inline-start: 0rem;
  }
  [data-toggled="close"] .app-header .horizontal-logo {
    display: block;
  }
  [data-toggled="close"][dir="rtl"] .app-sidebar {
    transition: all 300ms ease;
    transform: translateX(15rem);
  }
}
@media (max-width: 991.98px) {
  [data-toggled="open"] .app-sidebar {
    transition: all 300ms ease;
    transform: translateX(0rem);
  }
  [data-toggled="open"] .app-header {
    padding-inline-start: 0rem;
  }
  [data-toggled="open"] .app-header .horizontal-logo {
    display: block;
  }
}
[data-page-style="classic"] {
  --default-border: #e1e9e8;
  --header-border-color: #e1e9e8;
  --menu-border-color: #e1e9e8;
}
[data-page-style="classic"][data-theme-mode="dark"] {
  --default-border: rgba(255, 255, 255, 0.1);
  --header-border-color: rgba(255, 255, 255, 0.1);
  --menu-border-color: rgba(255, 255, 255, 0.1);
}
[data-page-style="classic"] body {
  background-color: var(--custom-white);
}
[data-page-style="classic"] .card.custom-card {
  box-shadow: none;
  border: 1px solid var(--default-border);
}
[data-page-style="classic"] .app-sidebar,
[data-page-style="classic"] .footer,
[data-page-style="classic"] .app-header,
[data-page-style="classic"] .app-sidebar .main-sidebar {
  box-shadow: none;
}
[data-page-style="classic"][data-nav-layout="horizontal"] .app-sidebar {
  border-block-end: 1px solid var(--default-border);
}
[data-page-style="modern"] {
  --light-rgb: 255, 255, 255;
  --custom-white: rgb(243, 246, 248);
  --default-border: #e6ebf1;
  --input-border: rgba(0, 0, 0, 0.1);
}
[data-page-style="modern"] .dropdown-menu {
  background-color: rgb(255, 255, 255);
}
[data-page-style="modern"] body {
  background-color: #fff;
}
[data-page-style="modern"] .card.custom-card {
  box-shadow: none;
  background-color: rgb(243, 246, 248);
}
[data-page-style="modern"][data-theme-mode="dark"] {
  --light-rgb: 20, 20, 20;
  --custom-white: rgb(var(--body-bg-rgb));
  --default-border: rgb(255, 255, 255, 0.1);
}
[data-page-style="modern"][data-theme-mode="dark"] .card.custom-card {
  box-shadow: none;
  background-color: var(--custom-white);
}
[data-page-style="modern"][data-theme-mode="dark"] .dropdown-menu {
  background-color: rgb(var(--light-rgb));
}
[data-page-style="modern"][data-theme-mode="dark"] body {
  background-color: var(--default-body-bg-color);
}
[data-page-style="modern"][data-theme-mode="dark"] .btn-light {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}
[data-page-style="modern"][data-theme-mode="dark"] .btn-light:hover,
[data-page-style="modern"][data-theme-mode="dark"] .btn-light:focus,
[data-page-style="modern"][data-theme-mode="dark"] .btn-light:active {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}
[data-page-style="modern"] .app-sidebar,
[data-page-style="modern"] .footer,
[data-page-style="modern"] .app-header,
[data-page-style="modern"] .app-sidebar .main-sidebar {
  box-shadow: none;
}
@media (min-width: 1400px) {
  [data-width="boxed"] body {
    background-color: var(--default-background);
  }
  [data-width="boxed"] .page {
    width: 1400px;
    margin: 0 auto;
    background-color: var(--default-body-bg-color);
    position: relative;
    box-shadow: 0 0 1rem var(--black-1);
  }
  [data-width="boxed"] .page .app-header {
    width: 1400px;
    margin: 0 auto;
  }
  [data-width="boxed"] .page .app-sidebar {
    inset-inline-start: auto;
  }
  [data-width="boxed"][data-nav-layout="horizontal"] .app-sidebar {
    width: 1400px !important;
  }
  [data-width="boxed"][data-page-style="classic"] .page {
    background-color: var(--custom-white);
  }
  [data-width="boxed"][data-page-style="classic"] .card {
    box-shadow: none;
  }
  [data-width="boxed"][data-theme-mode="dark"] {
    --default-body-bg-color: rgba(var(--body-bg-rgb), 0.85);
  }
  [data-width="boxed"][data-theme-mode="dark"] body {
    background-color: rgba(var(--body-bg-rgb), 0.6);
  }
  [data-width="boxed"][data-vertical-style="detached"] .page {
    width: 1400px;
    box-shadow: none;
  }
  [data-width="boxed"][data-vertical-style="detached"] .page .app-header {
    width: 1400px;
  }
  [data-width="boxed"][data-vertical-style="detached"][data-toggled="detached-close"] .app-content {
    margin-inline-start: 5rem;
  }
  [data-width="boxed"][data-vertical-style="detached"] .app-header .main-header-container {
    width: 99%;
  }
  [data-width="boxed"][data-vertical-style="detached"] .app-content {
    margin-inline-start: 15rem;
  }
  [data-width="boxed"][data-vertical-style="doublemenu"] .app-sidebar .main-sidebar {
    height: 100%;
  }
}
[data-menu-position="scrollable"][data-nav-layout="vertical"] .app-sidebar {
  position: absolute;
}
[data-menu-position="scrollable"][data-nav-layout="vertical"] .app-sidebar .main-sidebar-header {
  position: absolute;
}
[data-menu-position="scrollable"][data-nav-layout="horizontal"] .app-sidebar {
  position: relative;
  z-index: 102;
}
[data-menu-position="scrollable"][data-nav-layout="horizontal"] .app-content {
  margin-block-start: 4rem;
}
[data-menu-position="scrollable"][data-nav-layout="horizontal"][data-header-position="scrollable"]
  .app-sidebar {
  position: relative;
}
[data-menu-position="scrollable"][data-nav-layout="horizontal"][data-header-position="scrollable"]
  .app-header {
  position: relative;
}
@media (max-width: 991.98px) {
  [data-menu-position="scrollable"][data-nav-layout="horizontal"] .app-sidebar {
    position: absolute;
  }
  [data-menu-position="scrollable"][data-nav-layout="horizontal"] .main-content {
    margin-block-start: 0;
  }
  [data-menu-position="scrollable"][data-nav-layout="horizontal"] .main-sidebar {
    height: 100%;
  }
}
@media (min-width: 992px) {
  [data-menu-position="scrollable"] .app-content {
    min-height: calc(100vh - 2.5rem);
  }
}
[data-header-position="scrollable"][data-nav-layout="vertical"] .app-header {
  position: absolute;
}
[data-header-position="scrollable"][data-nav-layout="horizontal"] .app-sidebar {
  position: relative;
  top: 0;
}
[data-header-position="scrollable"][data-nav-layout="horizontal"] .app-sidebar.sticky {
  position: sticky;
  top: 0;
}
[data-header-position="scrollable"][data-nav-layout="horizontal"] .app-content {
  margin-block-start: 0;
}
[data-header-position="scrollable"][data-nav-layout="horizontal"] .app-header {
  position: relative;
}
[data-header-position="scrollable"][data-nav-layout="horizontal"][data-menu-position="scrollable"]
  .app-sidebar {
  position: relative;
}
[data-header-position="scrollable"][data-nav-layout="horizontal"][data-menu-position="scrollable"]
  .app-header {
  position: relative;
}
[data-header-position="scrollable"][data-nav-layout="horizontal"][data-width="boxed"] .app-header {
  margin: 0;
}
@media (max-width: 991.98px) {
  [data-header-position="scrollable"][data-nav-layout="horizontal"] .app-sidebar {
    position: absolute !important;
    z-index: 102;
  }
  [data-header-position="scrollable"][data-nav-layout="horizontal"] .main-content {
    padding-block-start: 0;
  }
  [data-header-position="scrollable"][data-nav-layout="horizontal"][data-menu-position="fixed"]
    .app-sidebar {
    position: fixed !important;
  }
  [data-header-position="scrollable"][data-nav-layout="horizontal"][data-menu-position="fixed"]
    .app-sidebar
    .main-sidebar {
    margin-block-start: 3.72rem;
  }
  [data-header-position="scrollable"][data-nav-layout="horizontal"][data-menu-position="fixed"]
    .app-sidebar.sticky
    .main-sidebar {
    margin-block-start: 0;
  }
  [data-header-position="scrollable"][data-nav-layout="vertical"] .app-sidebar.sticky {
    inset-block-start: 0;
  }
}
[data-menu-styles="light"] {
  --menu-bg: #fff;
  --menu-prime-color: #536485;
  --menu-border-color: #f3f3f3;
}
[data-menu-styles="light"][data-nav-layout="vertical"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-logo {
  display: block;
}
[data-menu-styles="light"][data-nav-layout="vertical"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-dark,
[data-menu-styles="light"][data-nav-layout="vertical"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-dark,
[data-menu-styles="light"][data-nav-layout="vertical"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-logo,
[data-menu-styles="light"][data-nav-layout="vertical"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-white,
[data-menu-styles="light"][data-nav-layout="vertical"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-white {
  display: none;
}
[data-menu-styles="light"] .app-sidebar .side-menu__item.active,
[data-menu-styles="light"] .app-sidebar .side-menu__item:hover {
  background-color: #f3f6f8;
}
@media (min-width: 992px) {
  [data-menu-styles="light"][data-vertical-style="doublemenu"] .slide.has-sub .slide-menu {
    border-inline-end: 1px solid #f3f3f3;
  }
}
[data-menu-styles="dark"] {
  --menu-bg: var(--custom-white);
  --menu-prime-color: #8f9bb3;
  --menu-border-color: rgba(255, 255, 255, 0.1);
}
[data-menu-styles="dark"][data-nav-layout="vertical"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-dark {
  display: block;
}
[data-menu-styles="dark"][data-nav-layout="vertical"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-logo,
[data-menu-styles="dark"][data-nav-layout="vertical"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-dark,
[data-menu-styles="dark"][data-nav-layout="vertical"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-logo,
[data-menu-styles="dark"][data-nav-layout="vertical"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-white,
[data-menu-styles="dark"][data-nav-layout="vertical"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-white {
  display: none;
}
[data-menu-styles="dark"][data-nav-layout="vertical"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-dark {
  display: block;
}
[data-menu-styles="dark"][data-nav-layout="vertical"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-logo,
[data-menu-styles="dark"][data-nav-layout="vertical"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-dark,
[data-menu-styles="dark"][data-nav-layout="vertical"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-logo,
[data-menu-styles="dark"][data-nav-layout="vertical"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-white,
[data-menu-styles="dark"][data-nav-layout="vertical"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-white {
  display: none;
}
[data-menu-styles="dark"][data-nav-layout="vertical"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-dark {
  display: block;
}
[data-menu-styles="dark"][data-nav-layout="vertical"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-logo,
[data-menu-styles="dark"][data-nav-layout="vertical"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-dark,
[data-menu-styles="dark"][data-nav-layout="vertical"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-logo,
[data-menu-styles="dark"][data-nav-layout="vertical"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-white,
[data-menu-styles="dark"][data-nav-layout="vertical"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-white {
  display: none;
}
[data-menu-styles="dark"] .app-sidebar .side-menu__item.active,
[data-menu-styles="dark"] .app-sidebar .side-menu__item:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-menu-styles="dark"] .app-sidebar .side-menu__item.active .side-menu__icon,
[data-menu-styles="dark"] .app-sidebar .side-menu__item.active .side-menu__label,
[data-menu-styles="dark"] .app-sidebar .side-menu__item.active .side-menu__angle,
[data-menu-styles="dark"] .app-sidebar .side-menu__item:hover .side-menu__icon,
[data-menu-styles="dark"] .app-sidebar .side-menu__item:hover .side-menu__label,
[data-menu-styles="dark"] .app-sidebar .side-menu__item:hover .side-menu__angle {
  color: rgb(255, 255, 255);
  fill: rgb(255, 255, 255);
}
[data-menu-styles="dark"] .app-sidebar .slide-menu.child1 .side-menu__item:hover {
  color: var(--highlight-color);
}
[data-menu-styles="dark"] .app-sidebar .slide-menu.child1 .side-menu__item:hover:before {
  border: 1px solid #fff;
  opacity: 1;
}
[data-menu-styles="dark"] .app-sidebar .side-menu__item.active,
[data-menu-styles="dark"] .app-sidebar .side-menu__item:hover {
  color: var(--highlight-color);
}
[data-menu-styles="dark"] .app-sidebar .slide-menu.child1 .side-menu__item.active:before {
  border-color: #fff;
}
[data-menu-styles="dark"][data-theme-mode="light"] {
  --menu-bg: #011626;
}
@media (min-width: 992px) {
  [data-menu-styles="dark"][data-nav-layout="horizontal"] .main-menu-container .slide-left,
  [data-menu-styles="dark"][data-nav-layout="horizontal"] .main-menu-container .slide-right {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.1);
  }
  [data-menu-styles="dark"][data-nav-layout="horizontal"] .main-menu-container .slide-left svg,
  [data-menu-styles="dark"][data-nav-layout="horizontal"] .main-menu-container .slide-right svg {
    fill: #fff;
  }
  [data-menu-styles="dark"][data-vertical-style="doublemenu"] .slide.has-sub .slide-menu {
    border-inline-end: 1px solid rgba(255, 255, 255, 0.1);
  }
}
[data-menu-styles="dark"][data-theme-mode="light"] {
  --menu-bg: rgb(var(--primary-rgb));
  --menu-prime-color: var(--violet-color); /* a3aed1 */
}
[data-menu-styles="color"] {
  --menu-bg: var(--primary-color);
  --menu-prime-color: rgba(255, 255, 255, 0.6);
  --menu-border-color: rgba(255, 255, 255, 0.1);
}
[data-menu-styles="color"][data-nav-layout="vertical"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-white {
  display: block;
}
[data-menu-styles="color"][data-nav-layout="vertical"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-logo,
[data-menu-styles="color"][data-nav-layout="vertical"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-dark,
[data-menu-styles="color"][data-nav-layout="vertical"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-dark,
[data-menu-styles="color"][data-nav-layout="vertical"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-logo,
[data-menu-styles="color"][data-nav-layout="vertical"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-white {
  display: none;
}
[data-menu-styles="color"][data-nav-layout="vertical"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-white {
  display: block;
}
[data-menu-styles="color"][data-nav-layout="vertical"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-logo,
[data-menu-styles="color"][data-nav-layout="vertical"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-dark,
[data-menu-styles="color"][data-nav-layout="vertical"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-dark,
[data-menu-styles="color"][data-nav-layout="vertical"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-logo {
  display: none;
}
[data-menu-styles="color"][data-nav-layout="vertical"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-white {
  display: block;
}
[data-menu-styles="color"][data-nav-layout="vertical"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-logo,
[data-menu-styles="color"][data-nav-layout="vertical"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-dark,
[data-menu-styles="color"][data-nav-layout="vertical"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-dark,
[data-menu-styles="color"][data-nav-layout="vertical"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-white,
[data-menu-styles="color"][data-nav-layout="vertical"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-logo {
  display: none;
}
[data-menu-styles="color"][data-nav-layout="vertical"][data-nav-style="icon-click"][data-toggled="icon-click-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-white,
[data-menu-styles="color"][data-nav-layout="vertical"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-white {
  display: block !important;
}
[data-menu-styles="color"][data-nav-layout="vertical"][data-nav-style="icon-click"][data-toggled="icon-click-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-logo,
[data-menu-styles="color"][data-nav-layout="vertical"][data-nav-style="icon-click"][data-toggled="icon-click-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-dark,
[data-menu-styles="color"][data-nav-layout="vertical"][data-nav-style="icon-click"][data-toggled="icon-click-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-white,
[data-menu-styles="color"][data-nav-layout="vertical"][data-nav-style="icon-click"][data-toggled="icon-click-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-dark,
[data-menu-styles="color"][data-nav-layout="vertical"][data-nav-style="icon-click"][data-toggled="icon-click-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-logo,
[data-menu-styles="color"][data-nav-layout="vertical"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-logo,
[data-menu-styles="color"][data-nav-layout="vertical"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-dark,
[data-menu-styles="color"][data-nav-layout="vertical"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-white,
[data-menu-styles="color"][data-nav-layout="vertical"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-dark,
[data-menu-styles="color"][data-nav-layout="vertical"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-logo {
  display: none !important;
}
[data-menu-styles="color"] .side-menu__item.active {
  color: #fff !important;
}
[data-menu-styles="color"] .side-menu__item.active:before {
  border: 1px solid #fff !important;
}
[data-menu-styles="color"] .side-menu__item.active .side-menu__icon,
[data-menu-styles="color"] .side-menu__item.active .side-menu__label,
[data-menu-styles="color"] .side-menu__item.active .side-menu__angle {
  color: #fff !important;
  fill: #fff !important;
}
[data-menu-styles="color"] .side-menu__item:hover {
  color: #fff !important;
}
[data-menu-styles="color"] .side-menu__item:hover:before {
  border: 1px solid #fff !important;
}
[data-menu-styles="color"] .side-menu__item:hover .side-menu__icon,
[data-menu-styles="color"] .side-menu__item:hover .side-menu__label,
[data-menu-styles="color"] .side-menu__item:hover .side-menu__angle {
  color: #fff !important;
  fill: #fff !important;
}
[data-menu-styles="color"] .slide-menu {
  --menu-bg: var(--primary-color);
}
[data-menu-styles="color"] .app-sidebar .main-menu > .slide > .side-menu__item.active,
[data-menu-styles="color"] .app-sidebar .main-menu > .slide > .side-menu__item:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
[data-menu-styles="color"] .app-sidebar .main-menu .slide .side-menu__item:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
@media (min-width: 992px) {
  [data-menu-styles="color"][data-nav-layout="horizontal"] .main-menu-container .slide-left,
  [data-menu-styles="color"][data-nav-layout="horizontal"] .main-menu-container .slide-right {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.1);
  }
  [data-menu-styles="color"][data-nav-layout="horizontal"] .main-menu-container .slide-left svg,
  [data-menu-styles="color"][data-nav-layout="horizontal"] .main-menu-container .slide-right svg {
    fill: var(--primary-color);
  }
  [data-menu-styles="color"][data-vertical-style="doublemenu"] .slide.has-sub .slide-menu {
    border-inline-end: 1px solid rgba(255, 255, 255, 0.1);
  }
}
[data-menu-styles="gradient"] {
  --menu-bg: linear-gradient(to bottom, var(--primary-color) 0%, #00b9da 100%);
  --menu-prime-color: rgba(255, 255, 255, 0.7);
  --menu-border-color: rgba(255, 255, 255, 0.1);
}
[data-menu-styles="gradient"][data-nav-layout="horizontal"] {
  --menu-bg: linear-gradient(to right, var(--primary-color) 0%, #00b9da 100%);
}
[data-menu-styles="gradient"] .app-sidebar .main-sidebar-header {
  background: var(--primary-color);
}
[data-menu-styles="gradient"][data-nav-layout="vertical"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-white {
  display: block;
}
[data-menu-styles="gradient"][data-nav-layout="vertical"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-logo,
[data-menu-styles="gradient"][data-nav-layout="vertical"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-dark,
[data-menu-styles="gradient"][data-nav-layout="vertical"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-dark,
[data-menu-styles="gradient"][data-nav-layout="vertical"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-white,
[data-menu-styles="gradient"][data-nav-layout="vertical"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-logo {
  display: none;
}
[data-menu-styles="gradient"][data-nav-layout="vertical"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-white {
  display: block;
}
[data-menu-styles="gradient"][data-nav-layout="vertical"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-logo,
[data-menu-styles="gradient"][data-nav-layout="vertical"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-dark,
[data-menu-styles="gradient"][data-nav-layout="vertical"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-white,
[data-menu-styles="gradient"][data-nav-layout="vertical"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-dark,
[data-menu-styles="gradient"][data-nav-layout="vertical"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-logo {
  display: none;
}
[data-menu-styles="gradient"][data-nav-layout="vertical"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-white {
  display: block;
}
[data-menu-styles="gradient"][data-nav-layout="vertical"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-logo,
[data-menu-styles="gradient"][data-nav-layout="vertical"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-dark,
[data-menu-styles="gradient"][data-nav-layout="vertical"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-dark,
[data-menu-styles="gradient"][data-nav-layout="vertical"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-white,
[data-menu-styles="gradient"][data-nav-layout="vertical"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-logo {
  display: none;
}
[data-menu-styles="gradient"][data-nav-layout="vertical"][data-nav-style="icon-click"][data-toggled="icon-click-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-white,
[data-menu-styles="gradient"][data-nav-layout="vertical"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-white {
  display: block !important;
}
[data-menu-styles="gradient"][data-nav-layout="vertical"][data-nav-style="icon-click"][data-toggled="icon-click-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-logo,
[data-menu-styles="gradient"][data-nav-layout="vertical"][data-nav-style="icon-click"][data-toggled="icon-click-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-dark,
[data-menu-styles="gradient"][data-nav-layout="vertical"][data-nav-style="icon-click"][data-toggled="icon-click-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-white,
[data-menu-styles="gradient"][data-nav-layout="vertical"][data-nav-style="icon-click"][data-toggled="icon-click-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-dark,
[data-menu-styles="gradient"][data-nav-layout="vertical"][data-nav-style="icon-click"][data-toggled="icon-click-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-logo,
[data-menu-styles="gradient"][data-nav-layout="vertical"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-logo,
[data-menu-styles="gradient"][data-nav-layout="vertical"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-dark,
[data-menu-styles="gradient"][data-nav-layout="vertical"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-white,
[data-menu-styles="gradient"][data-nav-layout="vertical"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-dark,
[data-menu-styles="gradient"][data-nav-layout="vertical"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-logo {
  display: none !important;
}
[data-menu-styles="gradient"] .side-menu__item.active {
  color: #fff !important;
}
[data-menu-styles="gradient"] .side-menu__item.active:before {
  border: 1px solid #fff !important;
}
[data-menu-styles="gradient"] .side-menu__item.active .side-menu__icon,
[data-menu-styles="gradient"] .side-menu__item.active .side-menu__label,
[data-menu-styles="gradient"] .side-menu__item.active .side-menu__angle {
  color: #fff !important;
  fill: #fff !important;
}
[data-menu-styles="gradient"] .side-menu__item:hover {
  color: #fff !important;
}
[data-menu-styles="gradient"] .side-menu__item:hover:before {
  border: 1px solid #fff !important;
}
[data-menu-styles="gradient"] .side-menu__item:hover .side-menu__icon,
[data-menu-styles="gradient"] .side-menu__item:hover .side-menu__label,
[data-menu-styles="gradient"] .side-menu__item:hover .side-menu__angle {
  color: #fff !important;
  fill: #fff !important;
}
[data-menu-styles="gradient"] .slide-menu {
  --menu-bg: var(--primary-color);
}
[data-menu-styles="gradient"] .app-sidebar .side-menu__item.active,
[data-menu-styles="gradient"] .app-sidebar .side-menu__item:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
@media (min-width: 992px) {
  [data-menu-styles="gradient"][data-nav-layout="horizontal"] .main-menu-container .slide-left,
  [data-menu-styles="gradient"][data-nav-layout="horizontal"] .main-menu-container .slide-right {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.1);
  }
  [data-menu-styles="gradient"][data-nav-layout="horizontal"] .main-menu-container .slide-left svg,
  [data-menu-styles="gradient"][data-nav-layout="horizontal"]
    .main-menu-container
    .slide-right
    svg {
    fill: var(--primary-color);
  }
  [data-menu-styles="gradient"][data-vertical-style="doublemenu"] .slide.has-sub .slide-menu {
    border-inline-end: 1px solid rgba(255, 255, 255, 0.1);
  }
}
[data-menu-styles="transparent"] {
  --menu-bg: var(--default-body-bg-color);
}
[data-menu-styles="transparent"][data-theme-mode="light"] {
  --menu-border-color: rgba(0, 0, 0, 0.07);
}
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="dark"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-dark {
  display: block;
}
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="dark"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-logo,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="dark"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-dark,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="dark"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-logo,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="dark"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-white,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="dark"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-white {
  display: none;
}
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="dark"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-dark {
  display: block;
}
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="dark"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-logo,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="dark"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-dark,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="dark"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-logo,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="dark"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-white,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="dark"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-white {
  display: none;
}
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="dark"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-dark {
  display: block;
}
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="dark"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-logo,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="dark"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-dark,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="dark"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-logo,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="dark"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-white,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="dark"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-white {
  display: none;
}
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="dark"][data-nav-style="icon-click"][data-toggled="icon-click-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-white,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="dark"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-white {
  display: block !important;
}
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="dark"][data-nav-style="icon-click"][data-toggled="icon-click-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-logo,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="dark"][data-nav-style="icon-click"][data-toggled="icon-click-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-dark,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="dark"][data-nav-style="icon-click"][data-toggled="icon-click-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-white,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="dark"][data-nav-style="icon-click"][data-toggled="icon-click-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-dark,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="dark"][data-nav-style="icon-click"][data-toggled="icon-click-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-logo,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="dark"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-logo,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="dark"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-dark,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="dark"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-white,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="dark"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-dark,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="dark"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-logo {
  display: none !important;
}
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="light"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-logo {
  display: block;
}
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="light"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-dark,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="light"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-dark,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="light"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-logo,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="light"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-white,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="light"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-white {
  display: none;
}
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="light"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-logo {
  display: block;
}
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="light"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-logo,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="light"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-dark,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="light"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-dark,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="light"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-white,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="light"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-white {
  display: none;
}
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="light"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-logo {
  display: block;
}
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="light"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-dark,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="light"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-dark,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="light"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-logo,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="light"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-white,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="light"][data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-white {
  display: none;
}
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="light"][data-nav-style="icon-click"][data-toggled="icon-click-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-dark,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="light"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-dark {
  display: block !important;
}
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="light"][data-nav-style="icon-click"][data-toggled="icon-click-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-logo,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="light"][data-nav-style="icon-click"][data-toggled="icon-click-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-dark,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="light"][data-nav-style="icon-click"][data-toggled="icon-click-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-white,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="light"][data-nav-style="icon-click"][data-toggled="icon-click-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-white,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="light"][data-nav-style="icon-click"][data-toggled="icon-click-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-logo,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="light"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-logo,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="light"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-dark,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="light"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .desktop-white,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="light"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-white,
[data-menu-styles="transparent"][data-nav-layout="vertical"][data-theme-mode="light"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
  .app-sidebar
  .main-sidebar-header
  .header-logo
  .toggle-logo {
  display: none !important;
}
[data-menu-styles="transparent"] .app-sidebar .side-menu__item.active,
[data-menu-styles="transparent"] .app-sidebar .side-menu__item:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
[data-menu-styles="transparent"][data-theme-mode="dark"] {
  --menu-prime-color: rgba(255, 255, 255, 0.6);
  --menu-border-color: rgba(255, 255, 255, 0.1);
  --menu-bg: rgb(var(--body-bg-rgb2));
}
[data-menu-styles="transparent"][data-theme-mode="dark"][icon-overlay="open"] {
  --menu-bg: rgb(var(--body-bg-rgb2));
}
[data-menu-styles="transparent"][data-theme-mode="dark"] .app-sidebar .side-menu__item.active,
[data-menu-styles="transparent"][data-theme-mode="dark"] .app-sidebar .side-menu__item:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-menu-styles="transparent"][data-theme-mode="dark"][data-nav-layout="horizontal"][data-nav-style="menu-click"]
  .app-sidebar
  .slide.has-sub
  .slide-menu,
[data-menu-styles="transparent"][data-theme-mode="dark"][data-nav-layout="horizontal"][data-nav-style="menu-hover"]
  .app-sidebar
  .slide.has-sub
  .slide-menu,
[data-menu-styles="transparent"][data-theme-mode="dark"][data-nav-layout="horizontal"][data-nav-style="icon-click"]
  .app-sidebar
  .slide.has-sub
  .slide-menu,
[data-menu-styles="transparent"][data-theme-mode="dark"][data-nav-layout="horizontal"][data-nav-style="icon-hover"]
  .app-sidebar
  .slide.has-sub
  .slide-menu {
  background-color: var(--custom-white);
}
[data-menu-styles="transparent"][data-theme-mode="dark"][data-nav-layout="vertical"][data-nav-style="menu-click"][data-toggled="menu-click-closed"]
  .app-sidebar
  .slide.has-sub
  .slide-menu,
[data-menu-styles="transparent"][data-theme-mode="dark"][data-nav-layout="vertical"][data-nav-style="menu-hover"][data-toggled="menu-hover-closed"]
  .app-sidebar
  .slide.has-sub
  .slide-menu,
[data-menu-styles="transparent"][data-theme-mode="dark"][data-nav-layout="vertical"][data-nav-style="icon-click"][data-toggled="icon-click-closed"]
  .app-sidebar
  .slide.has-sub
  .slide-menu,
[data-menu-styles="transparent"][data-theme-mode="dark"][data-nav-layout="vertical"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
  .app-sidebar
  .slide.has-sub
  .slide-menu {
  background-color: var(--custom-white);
}
@media (min-width: 992px) {
  [data-menu-styles="transparent"][data-nav-layout="horizontal"] .main-menu-container .slide-left,
  [data-menu-styles="transparent"][data-nav-layout="horizontal"] .main-menu-container .slide-right {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.1);
  }
  [data-menu-styles="transparent"][data-nav-layout="horizontal"]
    .main-menu-container
    .slide-left
    svg,
  [data-menu-styles="transparent"][data-nav-layout="horizontal"]
    .main-menu-container
    .slide-right
    svg {
    fill: var(--primary-color);
  }
}
[data-header-styles="light"] {
  --header-bg: var(--violet-color);
  --header-border-color: #f3f3f3;
  --header-prime-color: var(--primary-color);
}
[data-header-styles="light"] .main-header-container .header-link-icon:hover {
  background-color: #f3f6f8;
}
[data-header-styles="dark"] {
  --header-bg: var(--custom-white);
  --header-border-color: rgba(255, 255, 255, 0.1);
  --header-prime-color: rgba(255, 255, 255, 0.6);
}
@media (min-width: 992px) {
  [data-header-styles="dark"][data-nav-layout="horizontal"]
    .header-element
    .horizontal-logo
    .header-logo
    .desktop-dark {
    display: block;
  }
  [data-header-styles="dark"][data-nav-layout="horizontal"]
    .header-element
    .horizontal-logo
    .header-logo
    .desktop-logo,
  [data-header-styles="dark"][data-nav-layout="horizontal"]
    .header-element
    .horizontal-logo
    .header-logo
    .toggle-dark,
  [data-header-styles="dark"][data-nav-layout="horizontal"]
    .header-element
    .horizontal-logo
    .header-logo
    .toggle-logo,
  [data-header-styles="dark"][data-nav-layout="horizontal"]
    .header-element
    .horizontal-logo
    .header-logo
    .desktop-white,
  [data-header-styles="dark"][data-nav-layout="horizontal"]
    .header-element
    .horizontal-logo
    .header-logo
    .toggle-white {
    display: none;
  }
}
[data-header-styles="dark"] .main-header-container .header-link:hover .header-link-icon,
[data-header-styles="dark"] .main-header-container .header-link.show .header-link-icon {
  fill: #fff;
}
[data-header-styles="dark"] .main-header-container .header-link-icon:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
[data-header-styles="dark"][data-theme-mode="light"] {
  --header-bg: #011626;
}
[data-header-styles="color"] {
  --header-bg: var(--primary-color);
  --header-border-color: rgba(255, 255, 255, 0.1);
  --header-prime-color: rgba(255, 255, 255, 0.6);
}
@media (min-width: 992px) {
  [data-header-styles="color"][data-nav-layout="horizontal"]
    .header-element
    .horizontal-logo
    .header-logo
    .desktop-white {
    display: block;
  }
  [data-header-styles="color"][data-nav-layout="horizontal"]
    .header-element
    .horizontal-logo
    .header-logo
    .desktop-logo,
  [data-header-styles="color"][data-nav-layout="horizontal"]
    .header-element
    .horizontal-logo
    .header-logo
    .desktop-dark,
  [data-header-styles="color"][data-nav-layout="horizontal"]
    .header-element
    .horizontal-logo
    .header-logo
    .toggle-dark,
  [data-header-styles="color"][data-nav-layout="horizontal"]
    .header-element
    .horizontal-logo
    .header-logo
    .toggle-white,
  [data-header-styles="color"][data-nav-layout="horizontal"]
    .header-element
    .horizontal-logo
    .header-logo
    .toggle-logo {
    display: none;
  }
}
[data-header-styles="color"] .main-header-container .header-link:hover .header-link-icon,
[data-header-styles="color"] .main-header-container .header-link.show .header-link-icon {
  fill: #fff;
}
[data-header-styles="color"] .main-header-container .header-link-icon:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
[data-header-styles="gradient"] {
  --header-bg: linear-gradient(to right, var(--primary-color) 0%, #00b9da 100%);
  --header-border-color: rgba(255, 255, 255, 0.1);
  --header-prime-color: rgba(255, 255, 255, 0.6);
}
@media (min-width: 992px) {
  [data-header-styles="gradient"][data-nav-layout="horizontal"]
    .header-element
    .horizontal-logo
    .header-logo
    .desktop-white {
    display: block;
  }
  [data-header-styles="gradient"][data-nav-layout="horizontal"]
    .header-element
    .horizontal-logo
    .header-logo
    .desktop-logo,
  [data-header-styles="gradient"][data-nav-layout="horizontal"]
    .header-element
    .horizontal-logo
    .header-logo
    .desktop-dark,
  [data-header-styles="gradient"][data-nav-layout="horizontal"]
    .header-element
    .horizontal-logo
    .header-logo
    .toggle-dark,
  [data-header-styles="gradient"][data-nav-layout="horizontal"]
    .header-element
    .horizontal-logo
    .header-logo
    .toggle-white,
  [data-header-styles="gradient"][data-nav-layout="horizontal"]
    .header-element
    .horizontal-logo
    .header-logo
    .toggle-logo {
    display: none;
  }
}
[data-header-styles="gradient"] .main-header-container .header-link:hover .header-link-icon,
[data-header-styles="gradient"] .main-header-container .header-link.show .header-link-icon {
  fill: #fff;
}
[data-header-styles="gradient"] .main-header-container .header-link-icon:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
[data-header-styles="transparent"] {
  --header-bg: rgb(var(--body-bg-rgb2));
}
[data-header-styles="transparent"] .main-header-container .header-link-icon:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
[data-header-styles="transparent"][data-theme-mode="light"] {
  --header-border-color: rgba(0, 0, 0, 0.07);
  --header-bg: rgb(var(--body-bg-rgb));
}
[data-header-styles="transparent"][data-theme-mode="dark"] {
  --header-prime-color: rgba(255, 255, 255, 0.6);
  --header-border-color: rgba(255, 255, 255, 0.1);
}
[data-header-styles="transparent"][data-theme-mode="dark"]
  .main-header-container
  .header-link-icon:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
@media (min-width: 992px) {
  [data-header-styles="transparent"][data-nav-layout="horizontal"][data-theme-mode="light"]
    .header-element
    .horizontal-logo
    .header-logo
    .desktop-dark,
  [data-header-styles="transparent"][data-nav-layout="horizontal"][data-theme-mode="light"]
    .header-element
    .horizontal-logo
    .header-logo
    .toggle-logo,
  [data-header-styles="transparent"][data-nav-layout="horizontal"][data-theme-mode="light"]
    .header-element
    .horizontal-logo
    .header-logo
    .toggle-dark,
  [data-header-styles="transparent"][data-nav-layout="horizontal"][data-theme-mode="light"]
    .header-element
    .horizontal-logo
    .header-logo
    .desktop-white,
  [data-header-styles="transparent"][data-nav-layout="horizontal"][data-theme-mode="light"]
    .header-element
    .horizontal-logo
    .header-logo
    .toggle-white {
    display: none;
  }
  [data-header-styles="transparent"][data-nav-layout="horizontal"][data-theme-mode="light"]
    .header-element
    .horizontal-logo
    .header-logo
    .desktop-logo {
    display: block;
  }
  [data-header-styles="transparent"][data-nav-layout="horizontal"][data-theme-mode="dark"]
    .header-element
    .horizontal-logo
    .header-logo
    .desktop-dark {
    display: block;
  }
  [data-header-styles="transparent"][data-nav-layout="horizontal"][data-theme-mode="dark"]
    .header-element
    .horizontal-logo
    .header-logo
    .desktop-logo,
  [data-header-styles="transparent"][data-nav-layout="horizontal"][data-theme-mode="dark"]
    .header-element
    .horizontal-logo
    .header-logo
    .toggle-logo,
  [data-header-styles="transparent"][data-nav-layout="horizontal"][data-theme-mode="dark"]
    .header-element
    .horizontal-logo
    .header-logo
    .toggle-dark,
  [data-header-styles="transparent"][data-nav-layout="horizontal"][data-theme-mode="dark"]
    .header-element
    .horizontal-logo
    .header-logo
    .desktop-white,
  [data-header-styles="transparent"][data-nav-layout="horizontal"][data-theme-mode="dark"]
    .header-element
    .horizontal-logo
    .header-logo
    .toggle-white {
    display: none;
  }
}
[loader="disable"] #loader {
  display: none;
}
.accordion-button {
  background-color: var(--custom-white);
  color: var(--default-text-color);
  padding: 0.75rem 1rem;
  font-size: 0.85rem;
  font-weight: 500;
}
.accordion-button:not(.collapsed) {
  color: var(--default-text-color);
  background-color: var(--default-background);
  box-shadow: none;
}
.accordion-button:focus {
  border-color: var(--primary03);
  box-shadow: none;
}
.accordion-button:after,
.accordion-button:not(.collapsed)::after {
  background-image: none;
}
.accordion-button:after {
  content: "\ea4e";
  font-family: remixicon !important;
  font-size: 1rem;
  line-height: 1;
  background-color: var(--default-background);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3.125rem;
  color: var(--default-text-color);
}
.accordion-body {
  padding: 0.75rem 1rem;
  font-size: 0.8125rem;
  color: var(--text-muted);
}
.accordion-item {
  color: var(--default-text-color);
  background-color: var(--custom-white);
  border: 1px solid var(--default-border);
}
.accordion-item:last-of-type {
  border-bottom-right-radius: 0.35rem;
  border-bottom-left-radius: 0.35rem;
}
.accordion-item:first-of-type {
  border-top-left-radius: 0.35rem;
  border-top-right-radius: 0.35rem;
}
.alert {
  padding: 0.625rem 0.85rem;
  border-radius: 0.5rem;
  font-size: 0.8125rem;
}
.alert .btn-close {
  background-image: none;
  padding: 0.95rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.alert .btn-close i {
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.alert:last-child {
  margin-bottom: 0;
}
.alert-warning {
  background-color: rgba(var(--warning-rgb), 0.1);
  color: rgb(var(--warning-rgb));
  border-color: rgba(var(--warning-rgb), 0.1);
}
.alert-warning .btn-close {
  color: rgb(var(--warning-rgb));
}
.alert-secondary {
  background-color: rgba(var(--secondary-rgb), 0.1);
  color: rgb(var(--secondary-rgb));
  border-color: rgba(var(--secondary-rgb), 0.1);
}
.alert-secondary .btn-close {
  color: rgb(var(--secondary-rgb));
}
.alert-info {
  background-color: rgba(var(--info-rgb), 0.1);
  color: rgb(var(--info-rgb));
  border-color: rgba(var(--info-rgb), 0.1);
}
.alert-info .btn-close {
  color: rgb(var(--info-rgb));
}
.alert-danger {
  background-color: rgba(var(--danger-rgb), 0.1);
  color: rgb(var(--danger-rgb));
  border-color: rgba(var(--danger-rgb), 0.1);
}
.alert-danger .btn-close {
  color: rgb(var(--danger-rgb));
}
.badge {
  padding: 0.25rem 0.45rem;
  font-weight: 600;
  border-radius: 0.25rem;
}
.btn.btn-outline-primary .badge {
  background-color: var(--primary-color);
  color: #fff;
}
.btn.btn-outline-primary:hover .badge,
.btn.btn-outline-primary:focus .badge,
.btn.btn-outline-primary:active .badge {
  background-color: var(--custom-white);
  color: var(--default-text-color);
}
.btn.btn-outline-secondary .badge {
  background-color: rgb(var(--secondary-rgb));
  color: #fff;
}
.btn.btn-outline-secondary:hover .badge,
.btn.btn-outline-secondary:focus .badge,
.btn.btn-outline-secondary:active .badge {
  background-color: var(--custom-white);
  color: var(--default-text-color);
}
.btn.btn-outline-warning .badge {
  background-color: rgb(var(--warning-rgb));
  color: #fff;
}
.btn.btn-outline-warning:hover .badge,
.btn.btn-outline-warning:focus .badge,
.btn.btn-outline-warning:active .badge {
  background-color: var(--custom-white);
  color: var(--default-text-color);
}
.btn.btn-outline-success .badge {
  background-color: rgb(var(--success-rgb));
  color: #fff;
}
.btn.btn-outline-success:hover .badge,
.btn.btn-outline-success:focus .badge,
.btn.btn-outline-success:active .badge {
  background-color: var(--custom-white);
  color: var(--default-text-color);
}
.btn.btn-outline-danger .badge {
  background-color: rgb(var(--danger-rgb));
  color: #fff;
}
.btn.btn-outline-danger:hover .badge,
.btn.btn-outline-danger:focus .badge,
.btn.btn-outline-danger:active .badge {
  background-color: var(--custom-white);
  color: var(--default-text-color);
}
.page-header-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: var(--bs-breadcrumb-divider, "\ea65");
  font-family: "tabler-icons" !important;
}
[dir="rtl"] .page-header-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: var(--bs-breadcrumb-divider, "\ea64");
  font-family: "tabler-icons" !important;
}
.breadcrumb .breadcrumb-item a {
  color: var(--primary-color);
}
.breadcrumb .breadcrumb-item.active {
  color: var(--default-text-color);
  font-weight: 600;
}
.breadcrumb-item + .breadcrumb-item::before {
  color: var(--text-muted);
}
.btn {
  font-size: 0.85rem;
  border-radius: 0.35rem;
  padding: 0.5rem 0.85rem;
  box-shadow: none;
  font-weight: 500;
}
.btn.btn-sm {
  padding: 0.26rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
}
.btn.btn-lg {
  padding: 0.65rem 1rem;
  border-radius: 0.5rem;
  font-size: 0.95rem;
}
.btn-group .btn {
  padding: 0.45rem 0.75rem;
}
.btn-group-sm .btn {
  padding: 0.25rem 0.5rem;
}

.btn.active,
.btn.show,
.btn:active {
  color: #fff;
}

.btn:focus {
  box-shadow: none;
}
.btn-primary {
  background-color: rgb(var(--primary-rgb)) !important;
  border-color: rgb(var(--primary-rgb)) !important;
  color: #fff !important;
}
.btn-primary:hover {
  background-color: rgba(var(--primary-rgb), 0.9) !important;
  border-color: rgb(var(--primary-rgb)) !important;
  color: #fff;
}
.btn-primary:focus {
  background-color: rgb(var(--primary-rgb));
  border-color: rgb(var(--primary-rgb));
  color: #fff;
}

.btn-primary:focus {
  background-color: rgb(var(--primary-rgb));
  border-color: rgb(var(--primary-rgb));
  outline: 0;
  box-shadow: none;
}

.btn-primary.active:focus,
.btn-primary.show:focus,
.btn-primary:active:focus {
  box-shadow: 0 0.25rem 1rem var(--primary05);
}

.btn-primary.active,
.btn-primary.show,
.btn-primary:active {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-border) !important;
}
.btn-secondary {
  background-color: rgb(var(--secondary-rgb)) !important;
  border-color: rgb(var(--secondary-rgb)) !important;
  color: #fff !important;
}
.btn-secondary:hover {
  background-color: rgba(var(--secondary-rgb), 0.9) !important;
  border-color: rgb(var(--secondary-rgb)) !important;
  color: #fff;
}
.btn-secondary:focus {
  background-color: rgb(var(--secondary-rgb));
  border-color: rgb(var(--secondary-rgb));
  color: #fff;
}

.btn-secondary:focus {
  background-color: rgb(var(--secondary-rgb));
  border-color: rgb(var(--secondary-rgb));
  outline: 0;
  box-shadow: none;
}

.btn-secondary.active:focus,
.btn-secondary.show:focus,
.btn-secondary:active:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--secondary-rgb), 0.5);
}

.btn-secondary.active,
.btn-secondary.show,
.btn-secondary:active {
  background-color: rgb(var(--secondary-rgb)) !important;
  border-color: rgb(var(--secondary-rgb)) !important;
}
.btn-info {
  background-color: rgb(var(--info-rgb)) !important;
  border-color: rgb(var(--info-rgb)) !important;
  color: #fff !important;
}
.btn-info:hover {
  background-color: rgba(var(--info-rgb), 0.9) !important;
  border-color: rgb(var(--info-rgb)) !important;
  color: #fff;
}
.btn-info:focus {
  background-color: rgb(var(--info-rgb));
  border-color: rgb(var(--info-rgb));
  color: #fff;
}

.btn-info:focus {
  background-color: rgb(var(--info-rgb));
  border-color: rgb(var(--info-rgb));
  outline: 0;
  box-shadow: none;
}

.btn-info.active:focus,
.btn-info.show:focus,
.btn-info:active:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--info-rgb), 0.5);
}

.btn-info.active,
.btn-info.show,
.btn-info:active {
  background-color: rgb(var(--info-rgb)) !important;
  border-color: rgb(var(--info-rgb)) !important;
}
.btn-danger {
  background-color: rgb(var(--danger-rgb)) !important;
  border-color: rgb(var(--danger-rgb)) !important;
  color: #fff !important;
}
.btn-danger:hover {
  background-color: rgba(var(--danger-rgb), 0.9) !important;
  border-color: rgb(var(--danger-rgb)) !important;
  color: #fff;
}
.btn-danger:focus {
  background-color: rgb(var(--danger-rgb));
  border-color: rgb(var(--danger-rgb));
  color: #fff;
}

.btn-danger:focus {
  background-color: rgb(var(--danger-rgb));
  border-color: rgb(var(--danger-rgb));
  outline: 0;
  box-shadow: none;
}

.btn-danger.active:focus,
.btn-danger.show:focus,
.btn-danger:active:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--danger-rgb), 0.5);
}

.btn-danger.active,
.btn-danger.show,
.btn-danger:active {
  background-color: rgb(var(--danger-rgb)) !important;
  border-color: rgb(var(--danger-rgb)) !important;
}
.btn-success {
  background-color: rgb(var(--success-rgb)) !important;
  border-color: rgb(var(--success-rgb)) !important;
  color: #fff !important;
}
.btn-success:hover {
  background-color: rgba(var(--success-rgb), 0.9) !important;
  border-color: rgb(var(--success-rgb)) !important;
  color: #fff;
}
.btn-success:focus {
  background-color: rgb(var(--success-rgb));
  border-color: rgb(var(--success-rgb));
  color: #fff;
}

.btn-success:focus {
  background-color: rgb(var(--success-rgb));
  border-color: rgb(var(--success-rgb));
  outline: 0;
  box-shadow: none;
}

.btn-success.active:focus,
.btn-success.show:focus,
.btn-success:active:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--success-rgb), 0.5);
}

.btn-success.active,
.btn-success.show,
.btn-success:active {
  background-color: rgb(var(--success-rgb)) !important;
  border-color: rgb(var(--success-rgb)) !important;
}
.btn-light {
  background-color: rgb(var(--light-rgb));
  border-color: rgb(var(--light-rgb));
  color: var(--default-text-color);
}
.btn-light:hover {
  background-color: #e4ecf2;
  border-color: rgb(var(--light-rgb));
  color: var(--default-text-color);
}
.btn-light:focus {
  background-color: rgb(var(--light-rgb));
  border-color: rgb(var(--light-rgb));
  box-shadow: none;
  color: var(--default-text-color);
}
[data-theme-mode="dark"] .btn-light:hover {
  background-color: rgba(var(--light-rgb), 0.8);
}

.btn-light:focus {
  background-color: rgb(var(--light-rgb));
  border-color: rgb(var(--light-rgb));
  outline: 0;
  box-shadow: none;
}

.btn-light.active:focus,
.btn-light.show:focus,
.btn-light:active:focus {
  box-shadow: 0 0.25rem 1rem rgba(var(--light-rgb), 0.5);
}

.btn-light.active,
.btn-light.show,
.btn-light:active {
  background-color: rgb(var(--light-rgb)) !important;
  border-color: rgb(var(--light-rgb)) !important;
  color: var(--default-text-color) !important;
}
.btn-outline-primary {
  color: rgb(var(--primary-rgb));
  border-color: rgb(var(--primary-rgb));
}
.btn-outline-primary:hover,
.btn-outline-primary:active {
  color: #fff;
  background-color: rgb(var(--primary-rgb));
  border-color: rgb(var(--primary-rgb));
}
.btn-outline-primary:focus {
  color: #fff;
  background-color: rgb(var(--primary-rgb));
  border-color: rgb(var(--primary-rgb));
  box-shadow: none;
}
.btn-outline-primary:focus:active {
  box-shadow: none;
}
.btn-outline-secondary {
  color: rgb(var(--secondary-rgb));
  border-color: rgb(var(--secondary-rgb));
}
.btn-outline-secondary:hover,
.btn-outline-secondary:active {
  color: #fff;
  background-color: rgb(var(--secondary-rgb));
  border-color: rgb(var(--secondary-rgb));
}
.btn-outline-secondary:focus {
  color: #fff;
  background-color: rgb(var(--secondary-rgb));
  border-color: rgb(var(--secondary-rgb));
  box-shadow: none;
}
.btn-outline-secondary:focus:active {
  box-shadow: none;
}
.btn-outline-warning {
  color: rgb(var(--warning-rgb));
  border-color: rgb(var(--warning-rgb));
}
.btn-outline-warning:hover,
.btn-outline-warning:active {
  color: #fff;
  background-color: rgb(var(--warning-rgb));
  border-color: rgb(var(--warning-rgb));
}
.btn-outline-warning:focus {
  color: #fff;
  background-color: rgb(var(--warning-rgb));
  border-color: rgb(var(--warning-rgb));
  box-shadow: none;
}
.btn-outline-warning:focus:active {
  box-shadow: none;
}
.btn-outline-danger {
  color: rgb(var(--danger-rgb));
  border-color: rgb(var(--danger-rgb));
}
.btn-outline-danger:hover,
.btn-outline-danger:active {
  color: #fff;
  background-color: rgb(var(--danger-rgb));
  border-color: rgb(var(--danger-rgb));
}
.btn-outline-danger:focus {
  color: #fff;
  background-color: rgb(var(--danger-rgb));
  border-color: rgb(var(--danger-rgb));
  box-shadow: none;
}
.btn-outline-danger:focus:active {
  box-shadow: none;
}
.btn-outline-success {
  color: rgb(var(--success-rgb));
  border-color: rgb(var(--success-rgb));
}
.btn-outline-success:hover,
.btn-outline-success:active {
  color: #fff;
  background-color: rgb(var(--success-rgb));
  border-color: rgb(var(--success-rgb));
}
.btn-outline-success:focus {
  color: #fff;
  background-color: rgb(var(--success-rgb));
  border-color: rgb(var(--success-rgb));
  box-shadow: none;
}
.btn-outline-success:focus:active {
  box-shadow: none;
}
.btn-outline-dark {
  color: rgb(var(--dark-rgb));
  border-color: rgb(var(--dark-rgb));
}
.btn-outline-dark:hover,
.btn-outline-dark:active {
  color: var(--custom-white);
  background-color: var(--custom-black);
  border-color: var(--custom-black);
}
.btn-outline-dark:focus {
  color: var(--custom-white);
  background-color: rgb(var(--dark-rgb));
  border-color: rgb(var(--dark-rgb));
  box-shadow: none;
}
.btn-outline-dark:focus:active {
  box-shadow: none;
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #fff;
  background-color: rgb(var(--secondary-rgb));
  border-color: rgb(var(--secondary-rgb));
}
.btn-group-sm > .btn,
.btn-sm {
  font-size: 0.8rem;
  padding: 0.25rem 0.8rem;
  border-radius: 0.5rem;
}
.btn-icon {
  width: 2.313rem;
  height: 2.313rem;
  font-size: 0.95rem;
  flex-shrink: 0;
}
.btn-icon i {
  padding: 0rem;
  margin: 0 -0.5rem;
}
.btn-icon.btn-sm {
  width: 1.75rem;
  height: 1.75rem;
  font-size: 0.8rem;
}
.btn-icon.btn-lg {
  width: 2.75rem;
  height: 2.75rem;
  font-size: 1.2rem;
}
.btn-bd-primary {
  --bs-btn-font-weight: 600;
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--primary-color);
  --bs-btn-border-color: var(--primary-color);
  --bs-btn-border-radius: 0.5rem;
  --bs-btn-hover-color: var(--primary-color);
  --bs-btn-hover-bg: rgba(var(--primary-color), 0.9);
  --bs-btn-hover-border-color: rgba(var(--primary-color), 0.9);
  --bs-btn-active-color: var(--primary-color);
  --bs-btn-active-bg: rgba(var(--primary-color), 0.9);
  --bs-btn-active-border-color: rgba(var(--primary-color), 0.9);
}

.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
  color: #fff !important;
  background-color: rgb(var(--primary-rgb)) !important;
  border-color: rgb(var(--primary-rgb)) !important;
}

.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show,
.btn-outline-secondary:active {
  color: #fff !important;
  background-color: rgb(var(--secondary-rgb)) !important;
  border-color: rgb(var(--secondary-rgb)) !important;
}

.btn-outline-warning.active,
.btn-outline-warning.dropdown-toggle.show,
.btn-outline-warning:active {
  color: #fff !important;
  background-color: rgb(var(--warning-rgb)) !important;
  border-color: rgb(var(--warning-rgb)) !important;
}

.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show,
.btn-outline-danger:active {
  color: #fff !important;
  background-color: rgb(var(--danger-rgb)) !important;
  border-color: rgb(var(--danger-rgb)) !important;
}

.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show,
.btn-outline-success:active {
  color: #fff !important;
  background-color: rgb(var(--success-rgb)) !important;
  border-color: rgb(var(--success-rgb)) !important;
}

.btn-outline-dark.active,
.btn-outline-dark.dropdown-toggle.show,
.btn-outline-dark:active {
  color: var(--custom-white) !important;
  background-color: var(--custom-black) !important;
  border-color: var(--custom-black) !important;
}
.btn.show.btn-outline-secondary {
  background-color: rgb(var(--secondary-rgb));
  color: #fff;
  border-color: rgb(var(--secondary-rgb));
}
.btn.btn-primary-light {
  background-color: var(--primary01);
  color: var(--primary-color);
}
.btn.btn-primary-light:hover,
.btn.btn-primary-light:focus,
.btn.btn-primary-light:active {
  background-color: var(--primary-color);
  color: #fff;
  border-color: var(--primary-color);
}
.btn.btn-success-light {
  background-color: rgba(var(--success-rgb), 0.1);
  color: rgb(var(--success-rgb));
}
.btn.btn-success-light:hover,
.btn.btn-success-light:focus,
.btn.btn-success-light:active {
  background-color: rgb(var(--success-rgb));
  color: #fff;
  border-color: rgb(var(--success-rgb));
}
.btn.btn-danger-light {
  background-color: rgba(var(--danger-rgb), 0.1);
  color: rgb(var(--danger-rgb));
}
.btn.btn-danger-light:hover,
.btn.btn-danger-light:focus,
.btn.btn-danger-light:active {
  background-color: rgb(var(--danger-rgb));
  color: #fff;
  border-color: rgb(var(--danger-rgb));
}
@keyframes loader {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.btn-outline-secondary {
  --bs-btn-hover-color: rgb(var(--secondary-rgb));
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: rgb(var(--secondary-rgb));
  --bs-btn-active-color: rgb(var(--secondary-rgb));
}
.card {
  margin-block-end: 1.5rem;
}
.card .card-header,
.card .card-footer {
  background-color: var(--custom-white) !important;
  color: var(--default-text-color);
}
.card.custom-card {
  border-radius: 0.5rem;
  border: 0;
  background-color: var(--custom-white);
  box-shadow: 0 0.125rem 0 rgba(10, 10, 10, 0.04);
  position: relative;
  margin-block-end: 1.5rem;
  width: 100%;
}
.card.custom-card .card-header {
  padding: 1rem 1.25rem;
  background-color: transparent !important;
  border-block-end: 1px solid var(--default-border);
  display: flex;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.card.custom-card .card-header:first-child {
  border-radius: 0.625rem 0.625rem 0 0;
}
.card.custom-card .card-header .card-title:before {
  content: "";
  position: absolute;
  height: 1rem;
  width: 0.2rem;
  inset-block-start: 0.15rem;
  inset-inline-start: -0.65rem;
  background: linear-gradient(to bottom, var(--primary05) 50%, rgba(var(--secondary-rgb), 0.5) 50%);
  border-radius: 0.5rem;
}
.card.custom-card .card-header .card-title {
  position: relative;
  margin-block-end: 0;
  font-size: 0.9375rem;
  font-weight: 700;
  text-transform: capitalize;
}
.card.custom-card .card-header .card-title .subtitle {
  margin-block-end: 0;
  text-transform: initial;
}
.card.custom-card .card-footer {
  background-color: transparent !important;
  border-block-start: 1px solid var(--default-border);
  padding: 1rem 1.25rem;
  font-size: 0.813rem;
}
.card.custom-card .card-body {
  padding: 1.25rem;
  color: var(--default-text-color);
}
.card.custom-card .card-text {
  font-size: 0.813rem;
}
.card.custom-card.card-fullscreen {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  inset-inline-start: 0;
  bottom: 0;
  z-index: 9999;
  margin: 0;
}
.app-header .dropdown-toggle {
  position: relative;
}
.dropdown-menu {
  border-color: var(--default-border);
  box-shadow: 0 1rem 1.125rem rgba(169, 169, 169, 0.15);
  font-size: 0.875rem;
  color: var(--default-text-color);
  background-color: var(--custom-white);
  padding: 0;
  z-index: 10;
}
.dropdown-divider {
  border-color: var(--default-border);
}
.dropdown-header {
  color: var(--default-text-color);
}
.dropdown-item {
  color: var(--default-text-color);
  white-space: unset;
  padding: 0.5rem 0.9375rem;
  font-size: 0.8125rem;
  font-weight: 500;
}
.dropdown-item:not(.active):hover,
.dropdown-item:not(.active):focus,
.dropdown-item:not(.active):active {
  color: var(--primary-color);
  background-color: var(--primary005);
}
.dropdown-item.active {
  background-color: var(--primary-color) !important;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-inline-start: 0.25rem;
  vertical-align: 0;
  content: "\f282";
  font-family: bootstrap-icons !important;
  border: 0;
  font-size: 0.6rem;
  font-weight: 600;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-inline-start: 0.25rem;
  vertical-align: 0;
  content: "\f286";
  font-family: bootstrap-icons !important;
  border: 0;
  font-size: 0.6rem;
  font-weight: 600;
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-inline-start: 0.25rem;
  vertical-align: 0;
  content: "\f285";
  font-family: bootstrap-icons !important;
  border: 0;
  font-size: 0.6rem;
  font-weight: 600;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-inline-start: 0.25rem;
  vertical-align: 0;
  content: "\f284";
  font-family: bootstrap-icons !important;
  border: 0;
  font-size: 0.6rem;
  font-weight: 600;
}
.dropdown-divider {
  margin: 0;
}
@media (max-width: 575.98px) {
  .main-header-container .header-element .header-link {
    padding: 1rem 0.5rem;
  }
}
.form-control {
  border-color: var(--input-border);
  color: var(--default-text-color);
  background-color: var(--form-control-bg);
  font-size: 0.875rem;
  font-weight: var(--default-font-weight);
  line-height: 1.6;
  border-radius: 0.35rem;
}
.form-control:focus {
  box-shadow: none;
  border-color: var(--input-border);
  background-color: var(--custom-white);
  box-shadow: 0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.05);
  color: var(--default-text-color);
}
.form-label {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--default-text-color);
}
.form-text {
  color: var(--text-muted);
}
.form-select {
  background-color: var(--form-control-bg);
  border: 1px solid var(--input-border);
  color: var(--default-text-color);
  font-size: 0.813rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-size: 1.25rem;
}
.form-select option {
  background-color: transparent;
  padding: 0.35rem 0.75rem;
  border-radius: 0.25rem;
}
.form-select option:checked {
  background-color: var(--primary02);
  color: var(--primary-color);
}
.form-check-input {
  width: 1.1em;
  height: 1.1em;
  background-color: var(--custom-white);
  border: 1px solid var(--input-border);
}
.form-check-input:checked {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.form-check-input:focus {
  box-shadow: none;
}
.form-select:focus {
  border-color: var(--primary05);
  outline: 0;
  box-shadow: none;
}

.btn:focus {
  background-color: none;
  border-color: none;
  outline: 0;
}

.btn.active:focus,
.btn.show:focus,
.btn:active:focus {
  box-shadow: none;
}
.form-control:disabled,
.form-select:disabled {
  background-color: rgb(var(--light-rgb));
  color: var(--default-text-color);
}
.form-control::-webkit-file-upload-button {
  color: var(--default-text-color);
  background-color: var(--default-background);
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: var(--default-background);
}
.form-control::-webkit-input-placeholder {
  font-size: 0.8rem;
  font-weight: 500;
  opacity: 0.4;
  color: var(--default-text-color);
  padding-inline-start: 0px;
  -webkit-transition: padding-inline-start 0.1s ease-in;
  transition: padding-inline-start 0.1s ease-in;
}
.form-control:-moz-placeholder {
  font-size: 0.8rem;
  font-weight: 500;
  opacity: 0.4;
  color: var(--default-text-color);
}
.form-control::-moz-placeholder {
  font-size: 0.8rem;
  font-weight: 500;
  opacity: 0.4;
  color: var(--default-text-color);
}
.form-control:-ms-input-placeholder {
  font-size: 0.8rem;
  font-weight: 500;
  opacity: 0.4;
  color: var(--default-text-color);
}
.form-control-sm {
  font-size: 0.8rem;
  padding: 0.25rem 0.8rem;
  line-height: inherit;
}
.toggle {
  width: 3.75rem;
  height: 1.563rem;
  background-color: rgb(var(--light-rgb));
  margin-inline-start: 0.625rem;
  margin-block-end: 0.313rem;
  padding: 0.125rem;
  border-radius: 0.188rem;
  position: relative;
  overflow: hidden;
  transition: all 0.2s ease;
}
.toggle span {
  position: absolute;
  inset-block-start: 0.188rem;
  inset-block-end: 0.25rem;
  inset-inline-start: 0.188rem;
  display: block;
  width: 1.25rem;
  border-radius: 0.125rem;
  background-color: var(--custom-white);
  box-shadow: 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.45);
  cursor: pointer;
  transition: all 0.2s ease;
}
.toggle span::before {
  content: "on";
  inset-inline-start: -1.563rem;
}
.toggle span::after {
  content: "off";
  inset-inline-end: -1.813rem;
  color: var(--text-muted);
}
.toggle span::before,
.toggle span::after {
  position: absolute;
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  inset-block-start: 0.188rem;
  line-height: 1.38;
  transition: all 0.2s ease;
}
.toggle.on {
  background-color: var(--primary03);
}
.toggle.on span {
  background-color: var(--primary-color);
}
.toggle.on span::before {
  color: var(--primary-color);
}
.toggle.on.toggle-dark {
  background-color: rgba(var(--dark-rgb), 0.4);
}
.toggle.on.toggle-dark span {
  background-color: rgb(var(--dark-rgb));
}
.toggle.on.toggle-dark span::before {
  color: var(--custom-white);
}
.toggle.on span {
  inset-inline-start: 2.313rem;
}
.toggle.on.toggle-lg span {
  inset-inline-start: 2.563rem;
}
.toggle.on.toggle-lg span::before {
  inset-block-start: 0.5rem;
  inset-inline-start: -1.75rem;
}
.toggle.toggle-lg {
  height: 2.125rem;
  width: 4.5rem;
}
.toggle.toggle-lg span {
  width: 1.75rem;
}
.toggle.toggle-lg span::after {
  inset-block-start: 0.5rem;
  inset-inline-end: -1.938rem;
}
[dir="rtl"] [type="email"],
[dir="rtl"] [type="number"],
[dir="rtl"] [type="tel"],
[dir="rtl"] [type="url"] {
  direction: rtl;
}
.form-select.is-invalid:not([multiple]):not([size]) {
  padding-right: 1.125rem;
  background-size:
    16px 28px,
    calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
input[type="range"]::-webkit-slider-runnable-track {
  background-color: rgb(var(--light-rgb));
}
.form-check {
  min-height: inherit !important;
}
[data-theme-mode="dark"] input[type="week"]::-webkit-calendar-picker-indicator,
[data-theme-mode="dark"] input[type="month"]::-webkit-calendar-picker-indicator,
[data-theme-mode="dark"] input[type="date"]::-webkit-calendar-picker-indicator,
[data-theme-mode="dark"] input[type="datetime-local"]::-webkit-calendar-picker-indicator,
[data-theme-mode="dark"] input[type="time"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
}
[dir="rtl"] input[type="week"],
[dir="rtl"] input[type="month"],
[dir="rtl"] input[type="date"],
[dir="rtl"] input[type="datetime-local"],
[dir="rtl"] input[type="time"] {
  text-align: end;
}
.input-group-text {
  border-color: var(--input-border);
  font-size: 0.875rem;
  border-radius: 0.3125rem;
  background-color: rgb(var(--light-rgb));
  color: var(--default-text-color);
  letter-spacing: 0;
}
.input-group-text .form-control {
  border: 0;
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
.list-group-item {
  color: var(--default-text-color);
  background-color: var(--custom-white);
  border: 1px solid var(--default-border);
  padding: 0.75rem 1.25rem;
}
.list-group-item.active {
  color: #fff !important;
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color);
}
.list-group-item.disabled,
.list-group-item:disabled {
  color: var(--default-text-color);
  background-color: rgb(var(--light-rgb));
  opacity: 0.5;
}
.list-group-item-action:focus,
.list-group-item-action:hover {
  color: var(--default-text-color);
  background-color: var(--list-hover-focus-bg);
}
.modal {
  z-index: 105;
}
.modal-backdrop {
  z-index: 104;
}
.modal-content {
  color: var(--default-text-color);
  background-color: var(--custom-white);
  border: 1px solid var(--default-border);
  border-radius: 0.5rem;
}
.modal-header {
  padding: 1rem 1.25rem;
  border-block-end: 1px solid var(--default-border);
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.modal-header .modal-title {
  font-weight: 600;
  line-height: 1;
}
.modal-header .btn-close {
  font-size: 0.625rem;
}
.modal-footer {
  padding: 1rem 1.25rem;
  border-block-start: 1px solid var(--default-border);
}
.modal.animated .modal-dialog {
  transform: translate(0, 0);
}
.navbar {
  border-radius: 0.5rem;
}
.navbar .navbar-nav .nav-link {
  line-height: 1;
  padding: 0.4rem 1rem;
  font-weight: 500;
}
.navbar .navbar-toggler {
  padding: 0.4rem;
  font-size: 1rem;
  line-height: 1;
  color: var(--custom-black);
  border: 1px solid var(--default-border);
  border-radius: 0.5rem;
}
.navbar .navbar-toggler:focus {
  box-shadow: none;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: var(--custom-black);
}
.navbar-brand {
  margin-inline-end: 1.5rem;
}
.navbar-brand img {
  height: 2rem;
  line-height: 2rem;
}
.navbar-dark {
  background-color: rgb(var(--dark-rgb));
  color: var(--custom-white);
}
.navbar-dark .nav-link {
  color: var(--custom-white) !important;
}
.navbar-dark .nav-link.active {
  background-color: var(--white-2);
  color: var(--custom-white) !important;
}
.navbar-dark .nav-link:hover {
  color: var(--custom-white) !important;
}
.navbar-dark .form-control:focus {
  border-color: var(--white-2);
}
.navbar-dark .navbar-toggler {
  border: 1px solid var(--white-1);
}
.nav-item {
  margin-inline-end: 0.5rem;
}
.nav-item:last-child {
  margin-inline-end: 0;
}
.nav-link {
  color: var(--default-text-color);
  border-radius: 0.5rem;
  font-weight: 600;
}
.nav-link.active {
  background-color: var(--primary01);
  color: var(--primary-color);
}
.navbar-brand {
  color: var(--default-text-color);
}
.navbar-nav .nav-link.active,
.navbar-nav .show > .nav-link {
  color: var(--primary-color);
}
.nav-link.disabled {
  color: var(--default-text-color);
  opacity: 0.3;
}
.nav-tabs .nav-link.disabled,
.nav-tabs .nav-link:disabled {
  color: rgba(var(--dark-rgb), 0.5);
}
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .show > .nav-link {
  color: #fff;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: var(--primary-color);
}
.nav.nav-style-3 .nav-link {
  border-radius: 0;
}
.nav.nav-style-3 .nav-link {
  border-block-end: 3px solid transparent;
}
.nav.nav-style-3 .nav-link.active {
  background-color: transparent;
  border-block-end: 3px solid var(--primary-color);
  color: var(--primary-color);
}
.nav-link:focus,
.nav-link:hover {
  color: var(--primary-color);
}
.nav-tabs {
  border-color: var(--default-border);
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: var(--default-text-color);
  background-color: rgb(var(--light-rgb));
  border-color: var(--default-border);
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: var(--black-1);
}
.tab-content .tab-pane {
  padding: 1rem;
  border: 1px solid var(--default-border);
  border-radius: 0.5rem;
  color: var(--default-text-color);
}
.popover {
  background-color: var(--custom-white);
  border: 1px solid var(--default-border);
  box-shadow: 0 0.125rem 0 rgba(10, 10, 10, 0.04);
  font-size: 0.8rem;
  border-radius: 0.5rem;
  z-index: 999;
}
.popover .popover-header {
  background-color: var(--custom-white);
  border-block-end: 1px solid var(--default-border);
}
.popover .popover-body {
  color: var(--default-text-color);
}
.progress {
  background-color: rgb(var(--light-rgb));
  height: 0.75rem;
  border-radius: 0.25rem;
}
@keyframes progress-animate {
  0% {
    width: 0;
  }
}
caption {
  color: var(--text-muted);
  font-weight: 700;
}
.table {
  color: var(--default-text-color);
  border-color: var(--default-border);
  margin-block-end: 0;
}
.table tbody tr th {
  font-weight: 500;
}
.table th,
.table td {
  padding: 0.75rem;
  vertical-align: middle;
  line-height: 1.462;
  font-size: 0.813rem;
  font-weight: 500;
}
.table thead tr th {
  font-weight: 600;
  font-size: 0.85rem;
}
.table.table-bordered.border-primary tbody,
.table.table-bordered.border-primary td,
.table.table-bordered.border-primary th,
.table.table-bordered.border-primary thead,
.table.table-bordered.border-primary tr {
  border-color: rgba(var(--primary-rgb), 0.1);
}
[dir="rtl"] .table {
  margin-inline-end: 1px;
}
.toast {
  background-color: var(--custom-white);
  border: 1px solid var(--default-border);
  box-shadow: 0 0.125rem 0 rgba(10, 10, 10, 0.04);
  border-radius: 0.5rem;
}
.toast .btn-close {
  font-size: 0.563rem;
}
.tooltip {
  z-index: 105;
}
.authentication {
  min-height: 100vh;
}
.auth-title {
  color: var(--primary-color) !important;
  font-family: var(--brand-font-family);
  font-weight: 600;
  letter-spacing: 0.3px;
}
.authentication .auth-center-logo {
  position: relative;
  z-index: 2;
  width: clamp(320px, 40vw, 820px);

  max-width: 70%;
  height: auto;
}
/* Left panel background (ties into right panel blue/purple tone) */
.auth-left {
  /*background-color: var(--violet-color);*/
}

/* Make the card feel like a "control panel" */
.auth-left .custom-card {
  border: 0;
  border-radius: 18px;
  box-shadow: 0 18px 50px rgba(0,0,0,0.10), 0 4px 12px rgba(0,0,0,0.05);
  overflow: hidden;
}

/* Card body: clean, light; not a solid teal block */
.auth-left .card-body {
  background: rgba(255,255,255,0.92);
  backdrop-filter: blur(6px);
}

/* Title styling */
.auth-left .h5 {
  color: #0f172a !important;
  letter-spacing: 0.2px;
}

.auth-subtitle {
  color: #64748b;
  margin-top: 0.35rem;
}

/* Primary button: a premium gradient that matches right-side tone */
.auth-left .btn-primary {
  border: 0;
  border-radius: 12px;
  padding: 0.95rem 1rem;
  font-weight: 600;
  background: linear-gradient(135deg, #4c12a1, #00c1d4);
}

.auth-left .btn-primary:hover {
  filter: brightness(1.03);
}

.authentication .authentication-cover {
  background-image: url(https://core.heliotics.com/assets/images/company-logos/Core2.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.authentication .authentication-cover:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-start: 0;
  inset-block-end: 0;
  background-color: var(--primary02);
}
.authentication.authentication-basic .desktop-dark {
  display: none;
}
.authentication.authentication-basic .desktop-logo {
  display: block;
}
[data-theme-mode="dark"] .authentication.authentication-basic .desktop-dark {
  display: block;
}
[data-theme-mode="dark"] .authentication.authentication-basic .desktop-logo {
  display: none;
}
.authentication .desktop-logo,
.authentication .desktop-dark {
  height: 2rem;
  line-height: 2rem;
}
body {
  font-size: 0.813rem;
  font-family: var(--default-font-family);
  font-weight: var(--default-font-weight);
  background-color: var(--default-body-bg-color);
  color: var(--default-text-color);
  line-height: 1.5;
  text-align: start;
  overflow-x: clip;
  min-height: 100vh;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
*::-webkit-scrollbar {
  width: 0;
  height: 0.25rem;
  -webkit-transition: all ease 0.05s;
  transition: all ease 0.05s;
  background: rgb(var(--light-rgb));
}
*:hover::-webkit-scrollbar-thumb {
  background: rgb(var(--light-rgb));
}
a,
button {
  outline: 0 !important;
}
.page {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
}
@media (min-width: 992px) {
  .app-content {
    min-height: calc(100vh - 7.5rem);
    margin-block-end: 0;
    margin-block-start: 3.75rem;
    margin-inline-start: 15rem;
    transition: all 0.05s ease;
  }
}
.main-content {
  padding: 0 0.5rem;
}
.bd-example > .dropdown-menu {
  position: static;
  display: block;
}
.min-w-fit-content {
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.fixed-top {
  position: static;
  margin: -1rem -1rem 0rem -1rem;
}
.fixed-bottom {
  position: static;
  margin: 1rem 0rem -1rem -1rem;
}
.sticky-top {
  position: static;
  margin: -1rem -1rem 0rem -1rem;
}
.grid {
  display: grid;
  grid-template-rows: repeat(var(--bs-rows, 1), 1fr);
  grid-template-columns: repeat(var(--bs-columns, 12), 1fr);
  gap: var(--bs-gap, 1.5rem);
}
.callout {
  padding: 1.25rem;
  margin-block-start: 1.25rem;
  margin-block-end: 1.25rem;
  background-color: rgb(var(--light-rgb));
  border-inline-start: 0.25rem solid var(--default-border);
}
@media (min-width: 992px) {
  .footer {
    padding-inline-start: 15rem;
  }
}
.footer {
  box-shadow: 0 0.25rem 1rem var(--black-1);
}
.offcanvas {
  background-color: var(--custom-white);
  color: var(--default-text-color);
  border-color: var(--default-border) !important;
}
.offcanvas-body {
  flex-grow: 1;
  padding: 1rem 1rem;
  overflow-y: auto;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
#switcher-main-tab {
  border-block-end: 0;
}
#switcher-canvas {
  width: 27.5rem;
}
#switcher-canvas .offcanvas-body {
  padding: 0 0 4.75rem 0;
}
#switcher-canvas #switcher-main-tab button.nav-link {
  border-radius: 0;
  color: var(--default-text-color);
  font-weight: 600;
}
#switcher-canvas #switcher-main-tab button.nav-link.active {
  color: var(--custom-white);
  background-color: rgb(var(--primary-rgb));
  border-color: transparent;
}
#switcher-canvas #switcher-main-tab button.nav-link:hover {
  border-color: transparent;
}
.switcher-style {
  padding: 0.875rem 1.563rem;
}
.switcher-style h6 {
  margin-block-end: 0.625rem;
}
.theme-container-primary button,
.theme-container-background button {
  display: none;
}
.card {
  background-color: var(--custom-white);
  border: 1px solid var(--bootstrap-card-border);
}
@media (max-width: 575.98px) {
  .notifications-dropdown,
  .header-shortcuts-dropdown,
  .header-fullscreen {
    display: none !important;
  }
}
.btn-close:focus {
  box-shadow: none !important;
}
.fe {
  font-size: inherit !important;
}
.placeholder {
  background-color: var(--gray-7);
}
.card.card-fullscreen {
  border-radius: 0;
}
.timeline {
  position: relative;
}
.timeline li:before {
  content: "";
  position: absolute;
  inset-block-start: 4.625rem;
  inset-block-end: -3rem;
  width: 1px;
  border: 1px dashed var(--primary02);
  inset-inline-start: 20%;
  margin-inline-start: -1.5px;
}
.timeline > li {
  position: relative;
  min-height: 3.125rem;
  padding: 0.938rem 0;
}
.timeline li:last-child:before {
  display: none;
}
@media (max-width: 575.98px) {
  .timeline li:before {
    display: none;
  }
}
@media screen and (max-width: 400px) {
  .choices__inner .choices__list--multiple .choices__item {
    margin-block-end: 0.25rem !important;
  }
}
@media screen and (max-width: 991px) {
  .ql-toolbar.ql-snow .ql-formats {
    margin-block-end: 0.25rem !important;
  }
}
.scrollToTop {
  background-color: var(--primary-color);
  color: #fff;
  position: fixed;
  bottom: 20px;
  inset-inline-end: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  display: none;
  z-index: 10000;
  height: 2.5rem;
  width: 2.5rem;
  background-repeat: no-repeat;
  background-position: center;
  transition: background-color 0.1s linear;
  border-radius: 0.5rem;
  box-shadow: rgba(100, 100, 110, 0.2) 0 0.438rem 1.813rem 0;
}

.negotiation {
  position: relative;
  margin-inline-start: 1rem;
}

.negotiation:before {
  position: absolute;
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  inset-inline-start: -0.875rem;
  inset-block-start: 0.4375rem;
}
.negotiation:before {
  background-color: rgb(var(--danger-rgb));
}
#negotiation .card.custom-card {
  border-inline-start: 0.4rem solid rgba(var(--danger-rgb), 0.4) !important;
}
#negotiation .card.custom-card .avatar {
  background-color: rgb(var(--danger-rgb));
}

#negotiation .card.custom-card {
  margin-block-end: 0.5rem;
  touch-action: none;
}

#negotiation .card.custom-card:last-child {
  margin-block-end: 1.5rem;
}

#negotiation .card.custom-card .card-body {
  padding: 1rem;
}
#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--custom-white);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
@media (min-width: 992px) {
  body {
    padding-right: 0 !important;
    overflow: auto !important;
  }
}
[class^="ri-"],
[class*=" ri-"] {
  display: inline-flex;
}
[data-theme-mode="dark"] .choices[data-type*="select-one"] .choices__button {
  filter: invert(1);
}
[data-theme-mode="dark"] .navbar-nav .nav-link.active,
[data-theme-mode="dark"] .navbar-nav .nav-link.show {
  color: #fff;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--default-text-color);
}
.table > :not(caption) > * > * {
  --bs-body-bg: var(--custom-white);
  --bs-table-bg: var(--custom-white);
  color: var(--default-text-color);
}
.card.custom-card {
  color: var(--default-text-color) !important;
}
[data-theme-mode="light"][data-header-styles="transparent"] .page-header-breadcrumb h4 {
  color: var(--default-text-color) !important;
}
[data-theme-mode="light"][data-header-styles="transparent"]
  .app-header
  .main-header-container
  .form-control {
  background: rgba(0, 0, 0, 0.05) !important;
  color: var(--default-text-color);
  box-shadow: none;
}
[data-theme-mode="light"] .page-header-breadcrumb h4 {
  color: #fff !important;
}
hr {
  border-color: var(--default-border);
  opacity: 1;
}
[dir="rtl"] .dropdown-menu {
  --bs-position: start;
}
[dir="rtl"] .dropdown-menu-end {
  --bs-position: end;
}
[dir="rtl"] .bi-skip-backward::before {
  content: "\f55e";
}
[dir="rtl"] .bi-skip-forward::before {
  content: "\f552";
}

.shape-2,
.shape-3 {
  position: absolute;
  animation: animate 2s linear infinite wase;
}

.shape-2 i,
.shape-3 i {
  opacity: 0.2;
}
@keyframes animate {
  0% {
    -webkit-transform: translateY(0) rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-90px) rotate(360deg);
    opacity: 0;
  }
}
.shape-2 {
  inset-inline-start: 5%;
  inset-block-start: 42%;
  animation: animate 5s linear infinite;
}
.shape-3 {
  inset-inline-end: 15%;
  inset-block-end: 55%;
  animation: animate 7s linear infinite;
}
.my-stocks-ul li {
  padding: 0.87rem 1rem;
  border-bottom: 1px dashed var(--default-border);
}
.my-stocks-ul li:last-child {
  border-bottom: 0;
}
#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--custom-white);
}
.error-text {
  font-size: 8.25rem;
  font-weight: 500;
  line-height: 1;
}
@media (max-width: 575.98px) {
  .error-text {
    font-size: 3rem;
  }
}
.app-header {
  max-width: 100%;
  height: 3.75rem;
  z-index: 100;
  position: fixed;
  inset-block-start: 0;
  inset-inline: 0;

  background: var(--header-bg);
  border-block-end: 1px solid var(--header-border-color);
  transition: all 0.1s ease;
}
.app-header #mainHeaderProfile {
  color: var(--header-prime-color);
}
.app-header #orgDropdownToggle {
  color: var(--header-prime-color);
}
@media (min-width: 992px) {
  .app-header {
    padding-inline-start: 15rem;
  }
}
.header-icon-badge {
  position: absolute;
  padding: 0.15rem 0.25rem;
  inset-block-start: 0.75rem;
  inset-inline-end: 0.45rem;
  font-size: 0.625rem;
}
.related-app {
  text-align: center;
  border-radius: 0.5rem;
  border: 1px solid var(--default-border);
}
.related-app:hover {
  background-color: rgb(var(--light-rgb));
}
.header-profile-dropdown {
  min-width: 11rem;
}
.main-header-container {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  height: 100%;
}
.main-header-container .header-content-left,
.main-header-container .header-content-right {
  display: flex;
  align-items: stretch;
}
.main-header-container .header-element {
  display: flex;
  align-items: stretch;
}
.main-header-container .header-link {
  display: flex;
  align-items: center;
  padding: 1rem 0.65rem;
}
.main-header-container .header-link:hover .header-link-icon,
.main-header-container .header-link.show .header-link-icon {
  fill: var(--header-prime-color);
  color: var(--header-prime-color);
}
.main-header-container .header-link-icon {
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
  color: var(--header-prime-color);
  fill: var(--header-prime-color);
  transition: all ease 0.05s;
  position: relative;
  padding: 0.25rem;
  border-radius: 50%;
}
.main-header-container .header-link-icon:hover {
  background-color: rgb(var(--light-rgb));
}
.main-header-container .dropdown-toggle {
  text-decoration: none;
}
.main-header-container .dropdown-toggle::after {
  content: none;
}
.main-header-container .main-header-dropdown {
  box-shadow: 0 0.25rem 0.625rem rgba(20, 20, 20, 0.1);
  inset-block-start: -3px !important;
}
.main-header-container .main-header-dropdown.header-shortcuts-dropdown {
  width: 22rem;
}
.main-header-container .main-header-dropdown .dropdown-item {
  padding: 0.65rem;
  border-block-end: 1px solid var(--default-border);
}
.main-header-container .main-header-dropdown .dropdown-item:last-child {
  border-block-end: 0;
}
.main-header-container .notifications-dropdown .main-header-dropdown {
  width: 22rem;
}
@keyframes slideIn {
  0% {
    opacity: 0;
    transform: translateY(6rem);
  }
  100% {
    opacity: 1;
  }
  0% {
    opacity: 0;
    transform: translateY(6rem);
  }
}
[dir="rtl"] .app-header .dropdown-menu-end {
  --bs-position: end;
}
#searchModal .form-control {
  position: relative;
}
#searchModal .input-group {
  border: 2px solid var(--primary-color);
  border-radius: 0.25rem;
}
#searchModal .input-group i {
  color: var(--text-muted);
}
.search-tags {
  font-size: 0.75rem;
  color: var(--default-text-color);
  border: 1px solid var(--default-border);
  border-radius: 0.25rem;
  background-color: rgb(var(--light-rgb));
  padding: 0.125rem 0.55rem;
  line-height: 1.2rem;
  display: inline-flex;
  align-items: center;
  cursor: default;
  font-weight: 400;
  margin: 0.25rem 0;
}
.search-tags .tag-addon:last-child {
  border-radius: 0.5rem;
}
.search-tags a.tag-addon {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  padding: 0 0.5rem;
  color: inherit;
  text-decoration: none;
  background: rgb(var(--light-rgb));
  margin-inline-end: -0.4rem;
  margin-inline-start: 0.5rem;
  text-align: center;
  min-width: 1.5rem;
}
.search-tags a.tag-addon i {
  vertical-align: middle;
  margin: 0 -0.25rem;
  line-height: 1.5px;
  font-size: 0.813rem;
}
.search-tags i {
  font-size: 0.813rem;
}
.country-selector .header-link img {
  width: 1.75rem;
  height: 1.75rem;
}
.country-selector .dropdown-menu img {
  width: 1rem;
  height: 1rem;
}
#header-shortcut-scroll,
#header-notification-scroll {
  max-height: 20rem;
}
.pulse {
  display: block;
  cursor: pointer;
  animation: pulse-secondary 2s infinite;
}
.pulse.pulse-secondary {
  box-shadow: 0 0 0 rgba(var(--secondary-rgb), 0.4);
}
@keyframes pulse-secondary {
  0% {
    box-shadow: 0 0 0 0 rgba(var(--secondary-rgb), 0.4);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(var(--secondary-rgb), 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(var(--secondary-rgb), 0);
  }
}
[data-theme-mode="light"] .layout-setting .dark-layout {
  display: none;
}
[data-theme-mode="light"] .layout-setting .light-layout {
  display: block;
}
.layout-setting .dark-layout {
  display: none;
}
.layout-setting .light-layout {
  display: block;
}
[data-theme-mode="dark"] .layout-setting .light-layout {
  display: none;
}
[data-theme-mode="dark"] .layout-setting .dark-layout {
  display: block;
}
@media (max-width: 767.98px) {
  .header-element.header-fullscreen {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .app-header .dropdown-menu {
    width: 100%;
  }
}
.animated-arrow.hor-toggle {
  text-align: center;
  width: 2rem;
  font-size: 1.2rem;
  position: relative;
  margin: 0.3125rem 0;
  margin-inline-end: 0.625rem;
}
.animated-arrow {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  z-index: 102;
  transition: all 0.05s ease-in-out;
  cursor: pointer;
  padding: 0.3125rem;
  margin-block-start: 0.375rem;
  margin-block-end: 0;
  margin-inline-start: 0.5rem;
  margin-inline-end: 0;
}
.animated-arrow.hor-toggle span {
  vertical-align: middle;
}
.animated-arrow span {
  cursor: pointer;
  height: 0.125rem;
  width: 0.75rem;
  background: var(--header-prime-color);
  position: absolute;
  display: block;
  content: "";
  transition: all 0.05s ease-in-out;
}
.animated-arrow span:before,
.animated-arrow span:after {
  transition: all 0.05s ease-in-out;
}
.animated-arrow span:before {
  inset-block-start: -0.375rem;
  width: 1.4375rem;
}
.animated-arrow span:after {
  bottom: -0.375rem;
  width: 15px;
}
.animated-arrow span:before,
.animated-arrow span:after {
  cursor: pointer;
  height: 0.125rem;
  width: 1.0625rem;
  background: var(--header-prime-color);
  position: absolute;
  display: block;
  content: "";
}
[data-toggled="icon-overlay-close"] .animated-arrow span,
[data-toggled="close-menu-close"] .animated-arrow span,
[data-toggled="icon-text-close"] .animated-arrow span,
[data-toggled="detached-close"] .animated-arrow span,
[data-toggled="menu-click-closed"] .animated-arrow span,
[data-toggled="menu-hover-closed"] .animated-arrow span,
[data-toggled="icon-click-closed"] .animated-arrow span,
[data-toggled="icon-hover-closed"] .animated-arrow span {
  background-color: transparent;
  background: none !important;
}
[data-toggled="icon-overlay-close"] .animated-arrow span:before,
[data-toggled="close-menu-close"] .animated-arrow span:before,
[data-toggled="icon-text-close"] .animated-arrow span:before,
[data-toggled="detached-close"] .animated-arrow span:before,
[data-toggled="menu-click-closed"] .animated-arrow span:before,
[data-toggled="menu-hover-closed"] .animated-arrow span:before,
[data-toggled="icon-click-closed"] .animated-arrow span:before,
[data-toggled="icon-hover-closed"] .animated-arrow span:before {
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  bottom: 0px;
}
[data-toggled="icon-overlay-close"] .animated-arrow span:before,
[data-toggled="close-menu-close"] .animated-arrow span:before,
[data-toggled="icon-text-close"] .animated-arrow span:before,
[data-toggled="detached-close"] .animated-arrow span:before,
[data-toggled="menu-click-closed"] .animated-arrow span:before,
[data-toggled="menu-hover-closed"] .animated-arrow span:before,
[data-toggled="icon-click-closed"] .animated-arrow span:before,
[data-toggled="icon-hover-closed"] .animated-arrow span:before {
  inset-block-start: -1px;
}
[data-toggled="icon-overlay-close"] .animated-arrow span:after,
[data-toggled="close-menu-close"] .animated-arrow span:after,
[data-toggled="icon-text-close"] .animated-arrow span:after,
[data-toggled="detached-close"] .animated-arrow span:after,
[data-toggled="menu-click-closed"] .animated-arrow span:after,
[data-toggled="menu-hover-closed"] .animated-arrow span:after,
[data-toggled="icon-click-closed"] .animated-arrow span:after,
[data-toggled="icon-hover-closed"] .animated-arrow span:after {
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
[data-toggled="icon-overlay-close"] .animated-arrow span:after,
[data-toggled="close-menu-close"] .animated-arrow span:after,
[data-toggled="icon-text-close"] .animated-arrow span:after,
[data-toggled="detached-close"] .animated-arrow span:after,
[data-toggled="menu-click-closed"] .animated-arrow span:after,
[data-toggled="menu-hover-closed"] .animated-arrow span:after,
[data-toggled="icon-click-closed"] .animated-arrow span:after,
[data-toggled="icon-hover-closed"] .animated-arrow span:after {
  width: 1.0625rem;
  inset-block-start: -1px;
}
.header-notification-text {
  max-width: 14.5rem;
}
.choices__inner {
  padding: 0.5rem 0.85rem !important;
  background-color: var(--form-control-bg) !important;
  border-radius: 0.35rem !important;
  font-size: 0.813rem !important;
  border: 1px solid var(--input-border) !important;
  min-height: auto !important;
  line-height: 1.8;
}
.choices__input {
  padding: 0 !important;
}
.choices__list--single {
  padding-block: 0 !important;
  padding-inline-start: 0;
  padding-inline-end: 1rem !important;
}
.choices[data-type*="select-one"]::after {
  inset-inline-end: 0.7188rem !important;
}
.choices[data-type*="select-one"]::after {
  color: var(--text-muted) !important;
}
.choices[data-type*="select-one"] .choices__input {
  padding: 0.625rem !important;
}
.choices__list--dropdown {
  display: none;
}
.choices__list--dropdown.is-active {
  display: block;
}
.choices__list--dropdown,
.choices__list[aria-expanded] {
  background-color: var(--custom-white) !important;
  border: 1px solid var(--default-border) !important;
  z-index: 99 !important;
  border-radius: 0 0 0.5rem 0.5rem !important;
}
.choices[data-type*="select-one"] .choices__input {
  border-block-end: 1px solid var(--default-border) !important;
  background-color: var(--custom-white) !important;
  color: var(--default-text-color);
}
.choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: var(--primary-color) !important;
  color: #fff !important;
}
.choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: var(--primary-color) !important;
  color: #fff !important;
}
.choices__list--dropdown .choices__item--selectable.is-selected {
  color: var(--primary-color) !important;
}
.choices__list--dropdown .choices__item--selectable.is-selected.is-highlighted {
  color: #fff !important;
}
.choices__list--dropdown .choices__list {
  max-height: 250px !important;
}
.choices[data-type*="select-one"]::after {
  border-color: var(--text-muted) transparent transparent !important;
}
.choices__input {
  background-color: transparent !important;
  color: var(--custom-black);
}
.choices__list--multiple .choices__item {
  background-color: var(--primary-color) !important;
  border: 1px solid var(--primary-color) !important;
}
.choices[data-type*="select-multiple"] .choices__button,
.choices[data-type*="text"] .choices__button {
  border-inline-start: 1px solid rgba(255, 255, 255, 0.5) !important;
}
.choices__list--multiple .choices__item {
  margin-block-end: 1px !important;
}
.choices__list--single .choices__item {
  color: var(--default-text-color) !important;
}
.choices__input {
  margin-block-end: 0 !important;
}
.choices__list--multiple .choices__item {
  border-radius: 0.25rem !important;
  padding: 0.025rem 0.625rem !important;
}
.choices[data-type*="select-one"].is-open::after {
  margin-top: -0.156rem !important;
}
.input-group .choices__inner {
  border-radius: 0 0.5rem 0.5rem 0 !important;
}
.choices__heading {
  border-bottom: 1px solid var(--default-border) !important;
  color: var(--text-muted) !important;
}
[dir="rtl"] .input-group .choices__inner {
  border-radius: 0.5rem 0 0 0.5rem !important;
}
[dir="rtl"] .choices[data-type*="select-one"]::after {
  left: 0.7188rem;
  right: inherit;
}
[dir="rtl"] .choices[data-type*="select-one"] .choices__button {
  left: 0;
  right: inherit;
  margin-left: 1.5625rem;
  margin-right: inherit;
}
[dir="rtl"][data-theme-mode="dark"] .choices[data-type*="select-one"] .choices__button {
  filter: invert(1);
}
[dir="rtl"] .choices[data-type*="select-multiple"] .choices__button,
[dir="rtl"] .choices[data-type*="text"] .choices__button {
  margin: 0 8px 0 -4px;
  padding-right: 1rem;
  padding-left: inherit;
  border-right: 0px solid #008fa1;
  border-left: 0;
}
.choices__list--dropdown,
.choices__list[aria-expanded] {
  box-shadow: rgba(149, 157, 165, 0.2) 0 0.5rem 1.5rem !important;
}
[data-theme-mode="dark"] .choices[data-type*="select-one"] .choices__button {
  filter: invert(1);
}
.apexcharts-legend {
  padding: 0 1.25rem !important;
}
.apexcharts-tooltip {
  box-shadow: none !important;
  position: absolute; /* ensure it’s taken out of normal flow */
  z-index: 9999 !important; /* higher than your menu’s z-index */
  pointer-events: none; /* so it won’t intercept clicks */
}
.apexcharts-tooltip-marker {
  margin-inline-end: 0.625rem;
}
.apexcharts-tooltip.apexcharts-theme-light {
  border: 1px solid var(--default-border) !important;
  background: var(--custom-white) !important;
}
.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
  background: var(--custom-white) !important;
  border-block-end: 1px solid var(--default-border) !important;
}
.apexcharts-menu-item.exportCSV {
  display: none;
}
.apexcharts-grid line,
.apexcharts-xaxis line,
.apexcharts-grid-borders line {
  stroke: var(--default-border);
}
.apexcharts-radialbar-track.apexcharts-track path {
  stroke: rgb(var(--light-rgb));
}
.apexcharts-selection-rect {
  fill: var(--custom-black);
}
.apexcharts-menu {
  background: var(--custom-white) !important;
  border: 1px solid var(--default-border) !important;
  border-radius: 0.5rem !important;
}
.apexcharts-theme-light .apexcharts-menu-item:hover {
  background: rgb(var(--light-rgb)) !important;
}
.apexcharts-inner.apexcharts-graphical line.apexcharts-xaxis-tick {
  stroke: transparent !important;
}
.apexcharts-bar-series.apexcharts-plot-series .apexcharts-series .apexcharts-bar-area {
  stroke: var(--default-border) !important;
}
.apexcharts-treemap .apexcharts-series.apexcharts-treemap-series rect {
  stroke: var(--custom-white) !important;
}
.apexcharts-series.apexcharts-pie-series .apexcharts-pie-area {
  stroke: var(--custom-white) !important;
}
.apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value {
  fill: var(--default-text-color);
}
.apexcharts-radialbar-hollow {
  fill: var(--custom-white);
}
.apexcharts-radar-series.apexcharts-plot-series polygon,
.apexcharts-radar-series.apexcharts-plot-series line {
  stroke: var(--default-border);
}
.apexcharts-pie line,
.apexcharts-pie circle {
  stroke: var(--default-border);
}
.apexcharts-pie text {
  fill: var(--default-text-color);
}
.apexcharts-canvas .apexcharts-toolbar {
  z-index: 1;
}
.apexcharts-pie .apexcharts-datalabels rect {
  fill: transparent;
}
.apexcharts-pie text {
  fill: #fff;
}
[dir="rtl"] .apexcharts-canvas {
  direction: ltr;
}
.apexcharts-boxPlot-area {
  stroke: var(--default-text-color) !important;
}
[dir="rtl"] .flatpickr-input {
  text-align: end;
}
.flatpickr-calendar {
  background-color: var(--custom-white) !important;
  box-shadow: 0 0.125rem 0 rgba(10, 10, 10, 0.04) !important;
  border: 1px solid var(--default-border) !important;
  font-size: 0.813rem !important;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  color: var(--black-9) !important;
  fill: var(--black-9) !important;
}
.flatpickr-monthDropdown-months,
.numInput {
  color: var(--custom-black) !important;
}
.flatpickr-day.today.inRange {
  color: var(--primary-color) !important;
}
.dayContainer {
  padding: 0.25rem !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: var(--custom-white) !important;
  font-size: 0.813rem;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 1.25rem !important;
  height: 1.25rem !important;
  padding: 0.25rem;
  fill: var(--primary-color);
}
.flatpickr-day.inRange {
  box-shadow: none !important;
}
.flatpickr-calendar.open {
  z-index: 105 !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  background-color: var(--primary01) !important;
  border-radius: 0.25rem !important;
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after,
.flatpickr-calendar.arrowBottom:before {
  border-top-color: var(--text-muted) !important;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: var(--text-muted) !important;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
  box-shadow: none !important;
}
.flatpickr-day {
  color: var(--default-text-color) !important;
  font-weight: 500 !important;
}
.flatpickr-day.nextMonthDay,
.flatpickr-day.prevMonthDay {
  opacity: 0.5 !important;
}
.flatpickr-day.today {
  border-color: var(--primary-color) !important;
  background-color: var(--custom-white) !important;
  color: #000 !important;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: var(--primary-color) !important;
  color: #fff !important;
  border-color: var(--primary-color) !important;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  background: var(--default-background) !important;
  border-color: var(--default-border) !important;
}
.flatpickr-day.today:hover {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #fff !important;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  border-top: 1px solid var(--default-border) !important;
}
.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: var(--default-border) !important;
}
.flatpickr-calendar.arrowBottom:after,
.flatpickr-calendar.arrowBottom:before {
  border-top-color: var(--default-border) !important;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: var(--default-background) !important;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  color: var(--text-muted) !important;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
  inset-inline-start: 0 !important;
}
.flatpickr-months,
.flatpickr-weekdays {
  background-color: var(--primary01) !important;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  inset-block-start: 0 !important;
  padding-block-start: 0.313rem !important;
  padding-inline: 0.313rem !important;
  padding-block-end: 0 !important;
  color: var(--primary-color) !important;
  fill: var(--primary-color) !important;
}
@media (min-width: 420px) {
  .flatpickr-time .flatpickr-am-pm {
    padding: 0 1.875rem 0 0.5rem;
  }
}
.flatpickr-weekdays {
  border-block-end: 1px solid var(--default-border) !important;
}
.numInputWrapper span.arrowUp {
  top: -0.125rem !important;
}
.flatpickr-current-month .numInputWrapper {
  width: 3.5rem !important;
}
.flatpickr-calendar.hasTime {
  width: auto;
}
[dir="rtl"] .flatpickr-months .numInputWrapper span {
  left: 0 !important;
  right: inherit !important;
}
@media (max-width: 575.98) {
  .flatpickr-calendar {
    width: 250px !important;
  }
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  margin: -1px 2.25rem 0 0 !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
  padding-block: 0 !important;
  padding-inline-start: 0 !important;
  padding-inline-end: 0.5ch !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
}
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  stroke: var(--primary-color);
}
.flatpickr-day {
  border-radius: 0.5rem !important;
}
.numInputWrapper:hover {
  background: transparent !important;
}
.numInputWrapper span {
  border: 0px !important;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-block-end-color: var(--primary-color) !important;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #fff !important;
}
.numInputWrapper span:hover {
  background: transparent !important;
}
.numInputWrapper span.arrowUp:after {
  border-inline-start: 0.25rem solid transparent !important;
  border-inline-end: 0.25rem solid transparent !important;
  border-block-end: 0.25rem solid var(--primary05) !important;
  inset-block-start: 75% !important;
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-block-start-color: var(--primary-color) !important;
}
.numInputWrapper span.arrowDown:after {
  border-inline-start: 0.25rem solid transparent !important;
  border-inline-end: 0.25rem solid transparent !important;
  border-block-start: 0.25rem solid var(--primary05) !important;
  inset-block-start: 15% !important;
}
span.flatpickr-weekday {
  color: var(--primary08) !important;
  font-weight: 700 !important;
}
.flatpickr-months .flatpickr-month {
  color: var(--primary-color) !important;
  fill: var(--primary-color) !important;
}
.flatpickr-monthDropdown-months,
.numInput {
  color: var(--primary-color) !important;
}
.pcr-app {
  background: var(--custom-white) !important;
}
.pcr-app .pcr-interaction .pcr-result {
  color: var(--default-text-color) !important;
  background: var(--default-background) !important;
}
.pcr-app[data-theme="classic"] .pcr-selection .pcr-color-preview {
  margin-inline-end: 0.75em !important;
}
.pcr-app[data-theme="classic"] .pcr-selection .pcr-color-chooser,
.pcr-app[data-theme="classic"] .pcr-selection .pcr-color-opacity {
  margin-inline-start: 0.75em !important;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  box-shadow: 1px 0 0 var(--default-border) !important;
}
#result {
  border: 1px solid var(--default-border) !important;
}
#color1,
#color2 {
  margin: 0.625rem !important;
  display: inline-block !important;
  height: 12.5rem !important;
}
#result {
  margin: 4.25rem 0 4.25rem 4rem;
  height: 6.25rem;
  width: 6.25rem;
  display: inline-block;
  vertical-align: top;
  color: var(--gray-5);
  background: var(--gray-5);
  border: 1px solid #fff;
  box-shadow: 0 0 0.625rem;
}
#calendar {
  max-width: 68.75rem;
  margin: 1.25rem auto;
}
#map {
  height: 18.75rem;
  z-index: 10;
}
.content-wrapper {
  width: 100%;
}
.apexcharts-svg,
.apexcharts-canvas {
  width: 100% !important;
}
.apexcharts-legend-text {
  color: var(--default-text-color) !important;
  padding-inline-start: 0.9375rem !important;
  margin-inline-start: -0.625rem !important;
}
.apexcharts-text.apexcharts-yaxis-label tspan,
.apexcharts-text.apexcharts-xaxis-label tspan {
  fill: var(--text-muted);
}
.apexcharts-canvas .apexcharts-series.apexcharts-heatmap-series rect {
  stroke: var(--custom-white);
}
.apexcharts-yaxis .apexcharts-text {
  fill: var(--text-muted);
}
.ql-bubble .ql-editor blockquote {
  border-inline-start: 4px solid var(--default-background) !important;
}
.ql-toolbar.ql-snow,
.ql-container.ql-snow {
  border: 1px solid var(--default-border) !important;
}
.ql-snow .ql-picker {
  color: var(--default-text-color) !important;
}
.ql-snow .ql-stroke,
.ql-snow .ql-stroke.ql-fill {
  stroke: var(--default-text-color) !important;
}
.ql-snow .ql-fill {
  fill: var(--default-text-color) !important;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px !important;
}
.ql-snow .ql-picker-options .ql-picker-item {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.ql-editor {
  min-height: 15.62rem !important;
  overflow: visible !important;
}
.ql-snow .ql-formats {
  border: 1px solid var(--default-border);
  border-radius: 0.5rem;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: var(--default-border) !important;
  border-radius: 0.5rem !important;
}
.ql-snow .ql-picker-options {
  background-color: var(--custom-white) !important;
}
.ql-snow .ql-tooltip {
  background-color: var(--custom-white) !important;
  border: 1px solid var(--default-border) !important;
  box-shadow: 0 0.125rem 0 rgba(10, 10, 10, 0.04) !important;
  color: var(--default-text-color) !important;
}
.ql-snow .ql-tooltip input[type="text"] {
  border: 1px solid var(--default-border) !important;
  background-color: var(--default-background) !important;
  color: var(--default-text-color) !important;
  outline: 0;
}
.ql-snow .ql-tooltip {
  transform: translatex(12.5rem) !important;
  z-index: 100 !important;
}
.ql-toolbar.ql-snow {
  border-radius: 0.3rem 0.3rem 0 0 !important;
}
.ql-snow .ql-picker-label {
  padding-inline-start: 0.5rem !important;
  padding-inline-end: 0.125rem !important;
}
.ql-snow .ql-formats .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  inset-inline-end: 0 !important;
  inset-inline-start: auto !important;
}
.ql-container {
  border-radius: 0 0 0.3rem 0.3rem !important;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: var(--default-text-color) !important;
}
.ql-editor {
  text-align: start !important;
}
.ql-container {
  font-family: var(--default-font-family) !important;
}
.ql-snow .ql-editor {
  padding: 1.25rem;
}
.ql-bubble {
  border: 1px solid var(--default-border) !important;
  border-radius: 0.5rem !important;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-inline-start: -1.5em !important;
  margin-inline-end: 0.3em !important;
  text-align: start !important;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-inline-start: 1.5em !important;
}
.ql-toolbar.ql-snow .ql-formats {
  margin: 0.25rem;
}
[dir="rtl"] .ql-tooltip.ql-editing {
  left: 0 !important;
  top: 0 !important;
}
[dir="rtl"] .ql-bubble .ql-toolbar .ql-formats:first-child {
  margin-right: 12px;
}
[dir="rtl"] .ql-bubble .ql-toolbar .ql-formats {
  margin: 8px 0px 8px 12px;
}
.gridjs-table {
  width: 100%;
}
table.gridjs-table {
  text-align: start !important;
  font-size: 0.813rem !important;
  font-weight: 500 !important;
}
.gridjs-wrapper {
  box-shadow: none !important;
  border-radius: 0 !important;
}
.gridjs-wrapper:nth-last-of-type(2) {
  border-radius: 0 !important;
}
.gridjs-container {
  color: var(--default-text-color) !important;
}
th.gridjs-th {
  background-color: var(--custom-white) !important;
  border: 1px solid var(--default-border) !important;
  color: var(--default-text-color) !important;
  padding: 0.75rem !important;
}
td.gridjs-td {
  border: 1px solid var(--default-border) !important;
  padding: 0.75rem !important;
}
.gridjs-tbody,
td.gridjs-td {
  background-color: var(--custom-white) !important;
}
.gridjs-pagination {
  color: var(--default-text-color) !important;
}
.gridjs-pagination .gridjs-pages button:first-child {
  border-bottom-left-radius: 0.5rem !important;
  border-top-left-radius: 0.5rem !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.gridjs-pagination .gridjs-pages button:last-child {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-right-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}
[dir="rtl"] .gridjs-pagination .gridjs-pages button:first-child {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-right-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}
[dir="rtl"] .gridjs-pagination .gridjs-pages button:last-child {
  border-bottom-left-radius: 0.5rem !important;
  border-top-left-radius: 0.5rem !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.gridjs-pagination .gridjs-pages button:disabled,
.gridjs-pagination .gridjs-pages button:hover:disabled,
.gridjs-pagination .gridjs-pages button[disabled] {
  background-color: var(--custom-white) !important;
  color: var(--default-text-color) !important;
}
.gridjs-pagination .gridjs-pages button {
  background-color: var(--custom-white) !important;
  border: 1px solid var(--default-border) !important;
  padding: 0.375 0.75rem !important;
  color: var(--default-text-color) !important;
}
.gridjs-pagination .gridjs-pages button:focus {
  box-shadow: none !important;
  margin-inline-end: 0 !important;
}
.gridjs-pagination .gridjs-pages {
  float: end !important;
}
.swal2-container .swal2-title {
  font-size: 1.15rem;
  padding: 2rem 2rem 0.5rem;
}
.swal2-container .swal2-footer {
  padding: 1.5rem 1.5rem 0;
}
.swal2-container .swal2-popup {
  background: var(--custom-white);
  color: var(--default-text-color);
  padding: 0 0 2rem;
}
.swal2-container .swal2-center > .swal2-popup {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.swal2-container .swal2-actions {
  margin: 1rem auto 0;
}
.swal2-container .swal2-styled.swal2-confirm {
  margin: 0;
  padding: 0.375em 0.75rem;
  box-shadow: none;
  font-size: 0.8125rem;
  border-radius: 0.3rem;
}
.swal2-container .swal2-styled.swal2-confirm:focus,
.swal2-container .swal2-styled.swal2-cancel:focus,
.swal2-container .swal2-styled.swal2-deny:focus {
  box-shadow: none;
}
.swal2-container .swal2-styled.swal2-confirm {
  background-color: var(--primary-color) !important;
  color: #fff;
}
.swal2-container .swal2-footer {
  border-top: 1px solid var(--default-border);
}
.swal2-container .swal2-icon {
  width: 4rem;
  height: 4rem;
  margin: 2rem auto 0rem;
}
.swal2-container .swal2-icon.swal2-question {
  border-color: rgb(var(--success-rgb));
  color: rgb(var(--success-rgb));
}
.swal2-container .swal2-icon.swal2-error {
  border-color: rgb(var(--danger-rgb));
  color: rgb(var(--danger-rgb));
}
.swal2-container .swal2-icon.swal2-info {
  border-color: rgb(var(--info-rgb));
  color: rgb(var(--info-rgb));
}
.swal2-container .swal2-icon.swal2-warning {
  border-color: rgb(var(--warning-rgb));
  color: rgb(var(--warning-rgb));
}
.swal2-container .swal2-icon .swal2-icon-content {
  font-size: 3rem;
}
.swal2-container .swal2-image {
  border-radius: 0.5rem;
}
.swal2-container .swal2-html-container {
  margin: 0rem 1.6rem 0.3rem;
  font-size: 0.8rem;
  color: var(--text-muted);
}
.swal2-container .swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="left"] {
  inset-inline-start: 1em;
}
.swal2-container .swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
  top: 1.9em;
  width: 2em;
  height: 0.3em;
  background-color: rgb(var(--danger-rgb));
}
.swal2-container .swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="right"] {
  inset-inline-end: 1em;
  inset-block-start: 1.875rem;
}
.swal2-container .swal2-close:focus {
  box-shadow: none;
}
.swal2-container .swal2-deny,
.swal2-container .swal2-cancel {
  margin-inline-start: 0.625rem;
}
.swal2-container .swal2-close {
  font-size: 2rem;
  color: var(--text-muted);
  opacity: 0.5;
}
.swal2-container .swal2-close:hover {
  color: var(--primary-color);
}
.swal2-container .swal2-styled.swal2-deny {
  background-color: rgb(var(--danger-rgb));
  padding: 0.375em 0.75rem;
  box-shadow: none;
  font-size: 0.8125rem;
  border-radius: 0.3rem;
}
.swal2-container .swal2-styled.swal2-cancel {
  background-color: rgb(var(--light-rgb)) !important;
  color: var(--default-text-color);
  padding: 0.375em 0.75rem;
  box-shadow: none;
  font-size: 0.8125rem;
  border-radius: 0.3rem;
}
.swal2-container .swal2-icon.swal2-success [class^="swal2-success-line"][class$="long"] {
  top: 2.05em;
  inset-inline-end: 0.45em;
  width: 2em;
}
.swal2-container .swal2-icon.swal2-success [class^="swal2-success-line"][class$="tip"] {
  top: 2.375em;
  inset-inline-start: 0.9125em;
  width: 1.2625em;
}
.swal2-container .swal2-file:focus,
.swal2-container .swal2-input:focus,
.swal2-container .swal2-textarea:focus {
  border: 1px solid var(--default-border);
  box-shadow: none;
}
[dir="rtl"] .swal2-container .swal2-icon.swal2-success [class^="swal2-success-line"][class$="tip"] {
  inset-inline-start: 1.9125em;
}
pre[class*="language-"]:after,
pre[class*="language-"]:before {
  display: none !important;
}
pre[class*="language-"] > code {
  border-inline-start: 1px solid var(--default-border) !important;
  box-shadow: none !important;
  background-color: rgb(var(--light-rgb)) !important;
  border: 1px solid var(--default-border);
  border-radius: 0.5rem;
  background-image: none !important;
  white-space: pre-wrap;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
  background-color: var(--custom-white) !important;
  margin-bottom: 0 !important;
  max-height: 400px;
  overflow-y: hidden !important;
  border-radius: 0.5rem;
}
code[class*="language-"],
pre[class*="language-"] {
  color: var(--default-text-color) !important;
  font-size: 0.82rem !important;
}
pre[class*="language-"] {
  margin: 0 !important;
}
code[class*="language-"] {
  padding: 1rem !important;
}
[dir="rtl"] pre[class*="language-"] > code {
  border-left: 0;
  text-align: right;
}
.border-top-card {
  border-top-width: 0.188rem !important;
  border-top-style: solid !important;
}
.border-top-card.border-top-primary {
  border-top-color: var(--primary-color);
}
.border-top-card.border-top-secondary {
  border-top-color: rgb(var(--secondary-rgb));
}
.border-top-card.border-top-warning {
  border-top-color: rgb(var(--warning-rgb));
}
.border-top-card.border-top-success {
  border-top-color: rgb(var(--success-rgb));
}
.border-top-card.border-top-danger {
  border-top-color: rgb(var(--danger-rgb));
}
[dir="ltr"] #views .apexcharts-yaxis {
  transform: translate(0, 0);
}
[data-vertical-style="closed"][data-toggled="close-menu-close"] .app-sidebar {
  display: none;
}
@media (min-width: 992px) {
  [data-vertical-style="closed"][data-toggled="close-menu-close"] .app-content {
    margin-inline-start: 0;
  }
  [data-vertical-style="closed"][data-toggled="close-menu-close"] .app-header {
    padding-inline-start: 0;
  }
}
@media (min-width: 992px) {
  [data-vertical-style="detached"] .page {
    width: 95%;
    margin: 0 auto;
    padding-inline-start: 1.25rem;
  }
  [data-vertical-style="detached"] .app-sidebar {
    inset-block-start: calc(64px + 1.5rem);
    inset-block-end: 1.5rem;
    inset-inline-start: inherit;
    border-radius: 0.5rem;
    border: 1px solid var(--menu-border-color);
    height: auto;
  }
  [data-vertical-style="detached"] .app-sidebar .main-sidebar-header {
    display: none;
  }
  [data-vertical-style="detached"] .main-sidebar {
    height: 100%;
    margin-block-start: 0;
    box-shadow: none !important;
  }
  [data-vertical-style="detached"] .app-content {
    margin-inline-start: 15rem;
    position: relative;
  }
  [data-vertical-style="detached"][data-page-style="classic"] .app-sidebar {
    border: 1px solid var(--menu-border-color);
  }
  [data-vertical-style="detached"][data-theme-mode="light"][data-header-styles="dark"]
    .horizontal-logo
    .header-logo
    .desktop-logo,
  [data-vertical-style="detached"][data-theme-mode="light"][data-header-styles="dark"]
    .horizontal-logo
    .header-logo
    .toggle-logo,
  [data-vertical-style="detached"][data-theme-mode="light"][data-header-styles="dark"]
    .horizontal-logo
    .header-logo
    .toggle-dark,
  [data-vertical-style="detached"][data-theme-mode="light"][data-header-styles="dark"]
    .horizontal-logo
    .header-logo
    .desktop-white,
  [data-vertical-style="detached"][data-theme-mode="light"][data-header-styles="dark"]
    .horizontal-logo
    .header-logo
    .toggle-white {
    display: none;
  }
  [data-vertical-style="detached"][data-theme-mode="light"][data-header-styles="dark"]
    .horizontal-logo
    .header-logo
    .desktop-dark {
    display: block;
  }
  [data-vertical-style="detached"][data-theme-mode="light"][data-header-styles="color"]
    .horizontal-logo
    .header-logo
    .desktop-logo,
  [data-vertical-style="detached"][data-theme-mode="light"][data-header-styles="color"]
    .horizontal-logo
    .header-logo
    .toggle-logo,
  [data-vertical-style="detached"][data-theme-mode="light"][data-header-styles="color"]
    .horizontal-logo
    .header-logo
    .toggle-dark,
  [data-vertical-style="detached"][data-theme-mode="light"][data-header-styles="color"]
    .horizontal-logo
    .header-logo
    .desktop-dark,
  [data-vertical-style="detached"][data-theme-mode="light"][data-header-styles="color"]
    .horizontal-logo
    .header-logo
    .toggle-white,
  [data-vertical-style="detached"][data-theme-mode="light"][data-header-styles="gradient"]
    .horizontal-logo
    .header-logo
    .desktop-logo,
  [data-vertical-style="detached"][data-theme-mode="light"][data-header-styles="gradient"]
    .horizontal-logo
    .header-logo
    .toggle-logo,
  [data-vertical-style="detached"][data-theme-mode="light"][data-header-styles="gradient"]
    .horizontal-logo
    .header-logo
    .toggle-dark,
  [data-vertical-style="detached"][data-theme-mode="light"][data-header-styles="gradient"]
    .horizontal-logo
    .header-logo
    .desktop-dark,
  [data-vertical-style="detached"][data-theme-mode="light"][data-header-styles="gradient"]
    .horizontal-logo
    .header-logo
    .toggle-white {
    display: none;
  }
  [data-vertical-style="detached"][data-theme-mode="light"][data-header-styles="color"]
    .horizontal-logo
    .header-logo
    .desktop-white,
  [data-vertical-style="detached"][data-theme-mode="light"][data-header-styles="gradient"]
    .horizontal-logo
    .header-logo
    .desktop-white {
    display: block;
  }
  [data-vertical-style="detached"][data-theme-mode="dark"]
    .horizontal-logo
    .header-logo
    .desktop-logo,
  [data-vertical-style="detached"][data-theme-mode="dark"]
    .horizontal-logo
    .header-logo
    .toggle-logo,
  [data-vertical-style="detached"][data-theme-mode="dark"]
    .horizontal-logo
    .header-logo
    .toggle-dark,
  [data-vertical-style="detached"][data-theme-mode="dark"]
    .horizontal-logo
    .header-logo
    .desktop-white,
  [data-vertical-style="detached"][data-theme-mode="dark"]
    .horizontal-logo
    .header-logo
    .toggle-white {
    display: none;
  }
  [data-vertical-style="detached"][data-theme-mode="dark"]
    .horizontal-logo
    .header-logo
    .desktop-dark {
    display: block;
  }
  [data-vertical-style="detached"][data-theme-mode="dark"][data-header-styles="light"]
    .horizontal-logo
    .header-logo
    .desktop-dark,
  [data-vertical-style="detached"][data-theme-mode="dark"][data-header-styles="light"]
    .horizontal-logo
    .header-logo
    .toggle-logo,
  [data-vertical-style="detached"][data-theme-mode="dark"][data-header-styles="light"]
    .horizontal-logo
    .header-logo
    .toggle-dark,
  [data-vertical-style="detached"][data-theme-mode="dark"][data-header-styles="light"]
    .horizontal-logo
    .header-logo
    .desktop-white,
  [data-vertical-style="detached"][data-theme-mode="dark"][data-header-styles="light"]
    .horizontal-logo
    .header-logo
    .toggle-white {
    display: none;
  }
  [data-vertical-style="detached"][data-theme-mode="dark"][data-header-styles="light"]
    .horizontal-logo
    .header-logo
    .desktop-logo {
    display: block;
  }
  [data-vertical-style="detached"][data-toggled="detached-close"]:not([data-icon-overlay="open"])
    .app-sidebar {
    width: 5rem;
  }
  [data-vertical-style="detached"][data-toggled="detached-close"]:not([data-icon-overlay="open"])
    .app-sidebar
    .side-menu__label,
  [data-vertical-style="detached"][data-toggled="detached-close"]:not([data-icon-overlay="open"])
    .app-sidebar
    .side-menu__angle,
  [data-vertical-style="detached"][data-toggled="detached-close"]:not([data-icon-overlay="open"])
    .app-sidebar
    .category-name,
  [data-vertical-style="detached"][data-toggled="detached-close"]:not([data-icon-overlay="open"])
    .app-sidebar
    .slide-menu,
  [data-vertical-style="detached"][data-toggled="detached-close"]:not([data-icon-overlay="open"])
    .app-sidebar
    .side-menu__item
    .badge {
    display: none !important;
  }
  [data-vertical-style="detached"][data-toggled="detached-close"]:not([data-icon-overlay="open"])
    .app-sidebar
    .side-menu__item {
    justify-content: center;
  }
  [data-vertical-style="detached"][data-toggled="detached-close"]:not([data-icon-overlay="open"])
    .app-sidebar
    .side-menu__item
    .side-menu__icon {
    margin-inline-end: 0;
  }
  [data-vertical-style="detached"][data-toggled="detached-close"]:not([data-icon-overlay="open"])
    .app-sidebar
    .slide__category {
    padding: 1.2rem 1.65rem;
    position: relative;
  }
  [data-vertical-style="detached"][data-toggled="detached-close"]:not([data-icon-overlay="open"])
    .app-sidebar
    .slide__category:before {
    content: "";
    position: absolute;
    inset-inline-start: 2.25rem;
    inset-inline-end: 0;
    inset-block-start: 1.25rem;
    inset-block-end: 0;
    width: 0.35rem;
    border-radius: 3.125rem;
    height: 0.35rem;
    border: 1px solid var(--menu-prime-color);
    opacity: 1;
  }
  [data-vertical-style="detached"][data-toggled="detached-close"] .app-content {
    margin-inline-start: 5rem;
    position: relative;
  }
  [data-vertical-style="detached"][data-toggled="detached-close"][data-icon-overlay="open"]
    .app-sidebar {
    width: 15rem;
  }
  [data-vertical-style="detached"][data-toggled="detached-close"][data-icon-overlay="open"]
    .app-sidebar
    .main-sidebar-header {
    width: 15rem;
  }
  [data-vertical-style="detached"][data-toggled="detached-close"][data-icon-overlay="open"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-logo {
    display: block !important;
  }
  [data-vertical-style="detached"][data-toggled="detached-close"][data-icon-overlay="open"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-dark,
  [data-vertical-style="detached"][data-toggled="detached-close"][data-icon-overlay="open"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-logo,
  [data-vertical-style="detached"][data-toggled="detached-close"][data-icon-overlay="open"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-dark {
    display: none !important;
  }
  [data-vertical-style="detached"][data-toggled="detached-close"][data-icon-overlay="open"]
    .app-sidebar
    .side-menu__item {
    justify-content: flex-start;
  }
  [data-vertical-style="detached"][data-toggled="detached-close"][data-icon-overlay="open"]
    .app-sidebar
    .side-menu__icon {
    margin-inline-end: 0.625rem;
  }
  [data-vertical-style="detached"][data-toggled="detached-close"][data-icon-overlay="open"]
    .app-sidebar
    .slide__category {
    padding: 0.75rem 1.65rem;
  }
  [data-vertical-style="detached"][data-toggled="detached-close"][data-icon-overlay="open"]
    .app-sidebar
    .slide__category:before {
    display: none;
  }
  [data-vertical-style="detached"] .app-header {
    padding-inline-start: 0;
  }
  [data-vertical-style="detached"] .app-header .main-header-container {
    width: 94%;
  }
  [data-vertical-style="detached"] .app-header .horizontal-logo {
    padding: 0.85rem 0;
    display: block;
  }
  [data-vertical-style="detached"] .app-header .horizontal-logo img {
    height: 2rem;
    line-height: 2rem;
  }
  [data-vertical-style="detached"] .app-header .horizontal-logo .desktop-logo {
    display: block;
  }
  [data-vertical-style="detached"] .app-header .horizontal-logo .desktop-dark,
  [data-vertical-style="detached"] .app-header .horizontal-logo .toggle-logo,
  [data-vertical-style="detached"] .app-header .horizontal-logo .toggle-dark,
  [data-vertical-style="detached"] .app-header .horizontal-logo .desktop-white,
  [data-vertical-style="detached"] .app-header .horizontal-logo .toggle-white {
    display: none;
  }
  [data-vertical-style="detached"] .footer {
    box-shadow: none;
    background-color: transparent !important;
  }
}
@media (min-width: 992px) {
  [data-vertical-style="doublemenu"] .app-sidebar {
    width: 5rem;
  }
  [data-vertical-style="doublemenu"] .app-sidebar .main-sidebar {
    overflow: visible;
    height: 100%;
    box-shadow: none;
    margin-block-start: 0;
  }
  [data-vertical-style="doublemenu"] .app-sidebar .main-sidebar-header {
    width: 5rem;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
  }
  [data-vertical-style="doublemenu"] .app-sidebar .main-sidebar-header .header-logo .toggle-logo {
    display: block !important;
  }
  [data-vertical-style="doublemenu"] .app-sidebar .main-sidebar-header .header-logo .desktop-dark,
  [data-vertical-style="doublemenu"] .app-sidebar .main-sidebar-header .header-logo .desktop-logo,
  [data-vertical-style="doublemenu"] .app-sidebar .main-sidebar-header .header-logo .toggle-dark,
  [data-vertical-style="doublemenu"] .app-sidebar .main-sidebar-header .header-logo .desktop-white,
  [data-vertical-style="doublemenu"] .app-sidebar .main-sidebar-header .header-logo .toggle-white {
    display: none !important;
  }
  [data-vertical-style="doublemenu"] .app-sidebar .main-menu-container {
    margin-block-start: 3.75rem;
  }
  [data-vertical-style="doublemenu"] .app-sidebar .main-menu > .slide {
    padding: 0 1.2rem;
  }
  [data-vertical-style="doublemenu"] .app-sidebar .category-name,
  [data-vertical-style="doublemenu"] .app-sidebar .side-menu__label,
  [data-vertical-style="doublemenu"] .app-sidebar .side-menu__angle {
    display: none;
  }
  [data-vertical-style="doublemenu"] .app-sidebar .side-menu__icon {
    margin-inline-end: 0;
  }
  [data-vertical-style="doublemenu"] .app-sidebar .slide__category {
    display: none;
  }
  [data-vertical-style="doublemenu"] .app-header {
    padding-inline-start: 17rem;
  }
  [data-vertical-style="doublemenu"] .app-content {
    margin-inline-start: 17rem;
  }
  [data-vertical-style="doublemenu"] .slide.has-sub .slide-menu {
    position: absolute !important;
    inset-inline-start: 5rem !important;
    background: var(--menu-bg);
    box-shadow: none;
    transition: none !important;
    height: 100% !important;
    inset-inline-end: 0;
    border-inline-end: 1px solid var(--menu-border-color);
  }
  [data-vertical-style="doublemenu"] .slide-menu.child1 .slide {
    padding-inline-start: 0;
  }
  [data-vertical-style="doublemenu"] .slide-menu.child1 .slide .side-menu__item {
    text-align: start;
  }
  [data-vertical-style="doublemenu"] .slide-menu.child1 .slide .side-menu__item:before {
    inset-block-start: 0.938rem;
    inset-inline-start: 0.75rem;
  }
  [data-vertical-style="doublemenu"] .slide-menu.child1 .side-menu__angle {
    display: block;
    inset-inline-end: 1rem;
    inset-block-start: 0.65rem;
  }
  [data-vertical-style="doublemenu"] .slide-menu.child1 {
    min-width: 12rem;
  }
  [data-vertical-style="doublemenu"] .slide-menu.child1 .slide:nth-child(2) {
    padding-block-start: 0.75rem;
  }
  [data-vertical-style="doublemenu"] .slide-menu {
    display: none;
  }
  [data-vertical-style="doublemenu"] .slide-menu.double-menu-active {
    visibility: visible !important;
    display: block !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    border-radius: 0 !important;
    border-block-start: 0;
    overflow: hidden scroll;
  }
  [data-vertical-style="doublemenu"][data-theme-mode="light"][data-menu-styles="dark"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-logo,
  [data-vertical-style="doublemenu"][data-theme-mode="light"][data-menu-styles="dark"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-dark,
  [data-vertical-style="doublemenu"][data-theme-mode="light"][data-menu-styles="dark"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-logo {
    display: none !important;
  }
  [data-vertical-style="doublemenu"][data-theme-mode="light"][data-menu-styles="dark"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-dark {
    display: block !important;
  }
  [data-vertical-style="doublemenu"][data-theme-mode="light"][data-menu-styles="color"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-logo,
  [data-vertical-style="doublemenu"][data-theme-mode="light"][data-menu-styles="color"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-dark,
  [data-vertical-style="doublemenu"][data-theme-mode="light"][data-menu-styles="color"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-logo,
  [data-vertical-style="doublemenu"][data-theme-mode="light"][data-menu-styles="color"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-dark,
  [data-vertical-style="doublemenu"][data-theme-mode="light"][data-menu-styles="color"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-white,
  [data-vertical-style="doublemenu"][data-theme-mode="light"][data-menu-styles="gradient"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-logo,
  [data-vertical-style="doublemenu"][data-theme-mode="light"][data-menu-styles="gradient"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-dark,
  [data-vertical-style="doublemenu"][data-theme-mode="light"][data-menu-styles="gradient"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-logo,
  [data-vertical-style="doublemenu"][data-theme-mode="light"][data-menu-styles="gradient"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-dark,
  [data-vertical-style="doublemenu"][data-theme-mode="light"][data-menu-styles="gradient"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-white {
    display: none !important;
  }
  [data-vertical-style="doublemenu"][data-theme-mode="light"][data-menu-styles="color"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-white,
  [data-vertical-style="doublemenu"][data-theme-mode="light"][data-menu-styles="gradient"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-white {
    display: block !important;
  }
  [data-vertical-style="doublemenu"][data-theme-mode="dark"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-logo,
  [data-vertical-style="doublemenu"][data-theme-mode="dark"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-dark,
  [data-vertical-style="doublemenu"][data-theme-mode="dark"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-logo,
  [data-vertical-style="doublemenu"][data-theme-mode="dark"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-white,
  [data-vertical-style="doublemenu"][data-theme-mode="dark"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-white {
    display: none !important;
  }
  [data-vertical-style="doublemenu"][data-theme-mode="dark"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-dark {
    display: block !important;
  }
  [data-vertical-style="doublemenu"][data-theme-mode="dark"][data-menu-styles="light"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-logo,
  [data-vertical-style="doublemenu"][data-theme-mode="dark"][data-menu-styles="light"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-dark,
  [data-vertical-style="doublemenu"][data-theme-mode="dark"][data-menu-styles="light"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-dark,
  [data-vertical-style="doublemenu"][data-theme-mode="dark"][data-menu-styles="light"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-white,
  [data-vertical-style="doublemenu"][data-theme-mode="dark"][data-menu-styles="light"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-white {
    display: none !important;
  }
  [data-vertical-style="doublemenu"][data-theme-mode="dark"][data-menu-styles="light"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-logo {
    display: block !important;
  }
  [data-vertical-style="doublemenu"][data-theme-mode="dark"][data-page-style="classic"]
    .slide.has-sub
    .slide-menu {
    border-inline-end: 1px solid var(--default-border);
  }
  [data-vertical-style="doublemenu"][data-toggled="double-menu-close"] .app-header {
    padding-inline-start: 5rem;
  }
  [data-vertical-style="doublemenu"][data-toggled="double-menu-close"] .app-content {
    margin-inline-start: 5rem;
  }
  [data-vertical-style="doublemenu"][data-toggled="double-menu-close"]
    .app-sidebar
    .slide.has-sub
    .slide-menu {
    display: none !important;
  }
  [data-vertical-style="doublemenu"][data-toggled="double-menu-close"] .app-sidebar .main-sidebar {
    box-shadow: 0 0.125rem 0 rgba(10, 10, 10, 0.04);
  }
}
@media (min-width: 992px) {
  [data-nav-layout="horizontal"] {
  }
  [data-nav-layout="horizontal"] .main-menu {
    display: flex !important;
    transition: all 0.5s ease;
  }
  [data-nav-layout="horizontal"] .main-menu-container {
    display: inline-flex;
  }
  [data-nav-layout="horizontal"] .side-menu__label .badge {
    display: none;
  }
  [data-nav-layout="horizontal"] .app-header {
    padding-inline-start: 0 !important;
    z-index: 104;
    box-shadow: none;
  }
  [data-nav-layout="horizontal"] .app-content {
    min-height: calc(100vh - 10.5rem);
    margin-block-start: 7rem;
    margin-inline-start: 0rem !important;
  }
  [data-nav-layout="horizontal"] .app-content > .container-fluid {
    width: 94%;
    margin-inline-start: auto;
    margin-inline-end: auto;
  }
  [data-nav-layout="horizontal"] .app-sidebar .main-sidebar {
    overflow: visible;
  }
  [data-nav-layout="horizontal"] .app-sidebar .main-menu > .slide {
    margin: 0 0.1875rem;
  }
  [data-nav-layout="horizontal"] .app-sidebar .main-sidebar {
    box-shadow: none;
  }
  [data-nav-layout="horizontal"] .main-sidebar,
  [data-nav-layout="horizontal"] .main-header-container {
    width: 94%;
    margin: 0 auto;
  }
  [data-nav-layout="horizontal"] .horizontal-logo {
    padding: 0.85rem 0;
    display: block;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  [data-nav-layout="horizontal"] .horizontal-logo .header-logo img {
    height: 2rem;
    line-height: 2rem;
  }
  [data-nav-layout="horizontal"] .horizontal-logo .header-logo .desktop-logo {
    display: block;
  }
  [data-nav-layout="horizontal"] .horizontal-logo .header-logo .desktop-dark,
  [data-nav-layout="horizontal"] .horizontal-logo .header-logo .toggle-logo,
  [data-nav-layout="horizontal"] .horizontal-logo .header-logo .toggle-dark,
  [data-nav-layout="horizontal"] .horizontal-logo .header-logo .desktop-white,
  [data-nav-layout="horizontal"] .horizontal-logo .header-logo .toggle-white {
    display: none;
  }
}
@media (min-width: 992px) {
  [data-nav-layout="horizontal"] .main-header-container .sidemenu-toggle {
    display: none;
  }
  [data-nav-layout="horizontal"] .app-sidebar {
    width: 100% !important;
    height: 3rem;
    border-block-end: 1px solid var(--menu-border-color);
    inset-block-start: 3.75rem;
  }
  [data-nav-layout="horizontal"] .app-sidebar .slide-menu.child1 li {
    padding-inline-start: 0.5rem;
  }
  [data-nav-layout="horizontal"] .app-sidebar .slide-menu.child1 .side-menu__item:before {
    inset-block-start: 1rem;
  }
  [data-nav-layout="horizontal"] .app-sidebar .main-sidebar {
    height: 3rem !important;
    padding: 0;
  }
  [data-nav-layout="horizontal"] .app-sidebar .slide.has-sub .slide-menu.child1 {
    inset-inline-start: 1.5rem !important;
    padding: 0.1875rem 0;
  }
  [data-nav-layout="horizontal"] .app-sidebar .slide.has-sub .slide-menu.active {
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
  }
  [data-nav-layout="horizontal"] .app-sidebar .slide-menu.child1 {
    position: absolute !important;
  }
  [data-nav-layout="horizontal"] .app-sidebar .side-menu__item {
    width: 100%;
    display: flex;
    border-radius: 0;
    padding: 0.92rem;
  }
  [data-nav-layout="horizontal"] .app-sidebar .side-menu__angle {
    inset-inline-end: 0.45rem;
    display: block;
  }
  [data-nav-layout="horizontal"] .app-sidebar .side-menu__icon {
    margin-inline-end: 0.25rem;
    margin-block-end: 0;
  }
  [data-nav-layout="horizontal"] .app-sidebar .slide.has-sub .slide-menu.child1 {
    background-color: var(--menu-bg);
    inset-block-start: 100% !important;
    box-shadow: 0.063rem 0.188rem 0.5rem var(--black-1);
    min-width: 12rem;
  }
  [data-nav-layout="horizontal"] .app-sidebar .slide {
    padding: 0;
  }
  [data-nav-layout="horizontal"] .app-sidebar .slide-menu.child1 {
    border-radius: 0 0 0.25rem 0.25rem;
  }
  [data-nav-layout="horizontal"] .app-sidebar .slide-menu.child1 .slide.has-sub,
  [data-nav-layout="horizontal"] .app-sidebar .slide-menu.child1 .slide {
    width: 100%;
    display: flex;
    padding: 0 0.1875rem;
  }
  [data-nav-layout="horizontal"] .app-sidebar .slide,
  [data-nav-layout="horizontal"] .app-sidebar .slide.has-sub {
    position: static;
  }
  [data-nav-layout="horizontal"] .app-sidebar .main-menu {
    margin-block-end: 0;
  }
  [data-nav-layout="horizontal"] .main-sidebar-header {
    display: none !important;
  }
  [data-nav-layout="horizontal"] .main-sidebar {
    margin-block-start: 0;
    padding-block-end: 3rem;
  }
  [data-nav-layout="horizontal"] .slide__category {
    display: none;
  }
  [data-nav-layout="horizontal"] .main-menu-container .slide-left {
    inset-inline-start: 1.438rem;
  }
  [data-nav-layout="horizontal"] .main-menu-container .slide-left,
  [data-nav-layout="horizontal"] .main-menu-container .slide-right {
    position: absolute;
    top: 0.563rem;
    padding: 0.375rem;
    color: var(--custom-white);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    cursor: pointer;
    border: 1px solid var(--default-border);
    border-radius: 3.125rem;
  }
  [data-nav-layout="horizontal"] .main-menu-container .slide-left,
  [data-nav-layout="horizontal"] .main-menu-container .slide-right {
    position: absolute;
    top: 0.313rem;
    padding: 0.375rem;
    color: var(--custom-white);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    cursor: pointer;
    border: 1px solid var(--default-border);
    border-radius: 3.125rem;
    background: var(--custom-white);
  }
  [data-nav-layout="horizontal"] .main-menu-container .slide-right {
    inset-inline-end: -2%;
  }
  [data-nav-layout="horizontal"] .main-menu-container .slide-left {
    inset-inline-start: -2%;
  }
  [data-nav-layout="horizontal"][dir="rtl"] .main-menu-container .slide-right,
  [data-nav-layout="horizontal"][dir="rtl"] .main-menu-container .slide-left {
    transform: rotate(180deg);
  }
  [data-nav-layout="horizontal"][data-menu-styles="transparent"][data-theme-mode="dark"][data-icon-overlay="open"]
    .app-sidebar:hover {
    -webkit-backdrop-filter: blur(0px);
    backdrop-filter: blur(0px);
  }
  [data-nav-layout="horizontal"][data-menu-styles="light"] .main-menu-container .slide-right,
  [data-nav-layout="horizontal"][data-menu-styles="light"] .main-menu-container .slide-left {
    --custom-white: #fff;
    --default-border: #f3f3f3;
  }
  [data-nav-layout="horizontal"][data-page-style="modern"] .app-sidebar {
    border-block-end: 1px solid var(--header-border-color);
  }
  [data-nav-layout="horizontal"][data-menu-styles="transparent"][data-theme-mode="dark"]
    .app-sidebar {
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
  }
}
@media (min-width: 992px) {
  .icon-click .app-sidebar,
  [data-nav-style="icon-click"][data-nav-layout="horizontal"] .app-sidebar,
  [data-nav-style="icon-click"][data-toggled="icon-click-closed"] .app-sidebar {
    width: 5rem;
  }
  .icon-click .app-sidebar .main-sidebar,
  [data-nav-style="icon-click"][data-nav-layout="horizontal"] .app-sidebar .main-sidebar,
  [data-nav-style="icon-click"][data-toggled="icon-click-closed"] .app-sidebar .main-sidebar {
    overflow: visible;
    height: 90%;
  }
  .icon-click .app-sidebar .main-sidebar-header,
  [data-nav-style="icon-click"][data-nav-layout="horizontal"] .app-sidebar .main-sidebar-header,
  [data-nav-style="icon-click"][data-toggled="icon-click-closed"]
    .app-sidebar
    .main-sidebar-header {
    width: 5rem;
  }
  .icon-click .app-sidebar .main-sidebar-header .header-logo .toggle-logo,
  [data-nav-style="icon-click"][data-nav-layout="horizontal"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-logo,
  [data-nav-style="icon-click"][data-toggled="icon-click-closed"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-logo {
    display: block;
  }
  .icon-click .app-sidebar .main-sidebar-header .header-logo .desktop-dark,
  [data-nav-style="icon-click"][data-nav-layout="horizontal"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-dark,
  [data-nav-style="icon-click"][data-toggled="icon-click-closed"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-dark,
  .icon-click .app-sidebar .main-sidebar-header .header-logo .desktop-logo,
  [data-nav-style="icon-click"][data-nav-layout="horizontal"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-logo,
  [data-nav-style="icon-click"][data-toggled="icon-click-closed"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-logo,
  .icon-click .app-sidebar .main-sidebar-header .header-logo .toggle-dark,
  [data-nav-style="icon-click"][data-nav-layout="horizontal"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-dark,
  [data-nav-style="icon-click"][data-toggled="icon-click-closed"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-dark,
  .icon-click .app-sidebar .main-sidebar-header .header-logo .desktop-white,
  [data-nav-style="icon-click"][data-nav-layout="horizontal"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-white,
  [data-nav-style="icon-click"][data-toggled="icon-click-closed"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-white,
  .icon-click .app-sidebar .main-sidebar-header .header-logo .toggle-white,
  [data-nav-style="icon-click"][data-nav-layout="horizontal"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-white,
  [data-nav-style="icon-click"][data-toggled="icon-click-closed"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-white {
    display: none;
  }
  .icon-click .app-sidebar .category-name,
  [data-nav-style="icon-click"][data-nav-layout="horizontal"] .app-sidebar .category-name,
  [data-nav-style="icon-click"][data-toggled="icon-click-closed"] .app-sidebar .category-name,
  .icon-click .app-sidebar .side-menu__label,
  [data-nav-style="icon-click"][data-nav-layout="horizontal"] .app-sidebar .side-menu__label,
  [data-nav-style="icon-click"][data-toggled="icon-click-closed"] .app-sidebar .side-menu__label,
  .icon-click .app-sidebar .side-menu__angle,
  [data-nav-style="icon-click"][data-nav-layout="horizontal"] .app-sidebar .side-menu__angle,
  [data-nav-style="icon-click"][data-toggled="icon-click-closed"] .app-sidebar .side-menu__angle {
    display: none;
  }
  .icon-click .app-sidebar .side-menu__icon,
  [data-nav-style="icon-click"][data-nav-layout="horizontal"] .app-sidebar .side-menu__icon,
  [data-nav-style="icon-click"][data-toggled="icon-click-closed"] .app-sidebar .side-menu__icon {
    margin-inline-end: 0;
  }
  .icon-click .app-sidebar .slide__category,
  [data-nav-style="icon-click"][data-nav-layout="horizontal"] .app-sidebar .slide__category,
  [data-nav-style="icon-click"][data-toggled="icon-click-closed"] .app-sidebar .slide__category {
    padding: 1.2rem 1.65rem;
    position: relative;
  }
  .icon-click .app-sidebar .slide__category:before,
  [data-nav-style="icon-click"][data-nav-layout="horizontal"] .app-sidebar .slide__category:before,
  [data-nav-style="icon-click"][data-toggled="icon-click-closed"]
    .app-sidebar
    .slide__category:before {
    content: "";
    position: absolute;
    inset-inline-start: 2.25rem;
    inset-inline-end: 0;
    inset-block-start: 1.25rem;
    inset-block-end: 0;
    width: 0.35rem;
    border-radius: 3.125rem;
    height: 0.35rem;
    border: 1px solid var(--menu-prime-color);
    opacity: 1;
  }
  .icon-click .app-header,
  [data-nav-style="icon-click"][data-nav-layout="horizontal"] .app-header,
  [data-nav-style="icon-click"][data-toggled="icon-click-closed"] .app-header {
    padding-inline-start: 5rem;
  }
  .icon-click .app-content,
  [data-nav-style="icon-click"][data-nav-layout="horizontal"] .app-content,
  [data-nav-style="icon-click"][data-toggled="icon-click-closed"] .app-content {
    margin-inline-start: 5rem;
  }
  .icon-click .slide.has-sub .slide-menu,
  [data-nav-style="icon-click"][data-nav-layout="horizontal"] .slide.has-sub .slide-menu,
  [data-nav-style="icon-click"][data-toggled="icon-click-closed"] .slide.has-sub .slide-menu {
    position: absolute !important;
    inset-inline-start: 5rem !important;
    background: var(--menu-bg);
    inset-block-start: auto !important;
    box-shadow: 0.125rem 0.063rem 0.5rem var(--black-1);
    transition: none !important;
  }
  .icon-click .slide-menu.child1,
  [data-nav-style="icon-click"][data-nav-layout="horizontal"] .slide-menu.child1,
  [data-nav-style="icon-click"][data-toggled="icon-click-closed"] .slide-menu.child1 {
    min-width: 12rem;
  }
  .icon-click .slide-menu.child1 .slide .side-menu__item,
  [data-nav-style="icon-click"][data-nav-layout="horizontal"]
    .slide-menu.child1
    .slide
    .side-menu__item,
  [data-nav-style="icon-click"][data-toggled="icon-click-closed"]
    .slide-menu.child1
    .slide
    .side-menu__item {
    text-align: start;
  }
  .icon-click .slide-menu.child1 .slide .side-menu__item:before,
  [data-nav-style="icon-click"][data-nav-layout="horizontal"]
    .slide-menu.child1
    .slide
    .side-menu__item:before,
  [data-nav-style="icon-click"][data-toggled="icon-click-closed"]
    .slide-menu.child1
    .slide
    .side-menu__item:before {
    inset-block-start: 0.938rem;
    inset-inline-start: 0.75rem;
  }
  .icon-click .slide-menu.child1 .side-menu__angle,
  [data-nav-style="icon-click"][data-nav-layout="horizontal"] .slide-menu.child1 .side-menu__angle,
  [data-nav-style="icon-click"][data-toggled="icon-click-closed"]
    .slide-menu.child1
    .side-menu__angle {
    display: block;
    inset-inline-end: 0.5rem;
    inset-block-start: 0.65rem;
  }
}
@media (min-width: 992px) {
  [data-nav-layout="vertical"][data-nav-style="icon-click"][data-toggled="icon-click-closed"]
    .app-sidebar
    .main-menu
    > .slide {
    padding: 0 1.2rem;
  }
  [data-nav-layout="vertical"][data-nav-style="icon-click"][data-toggled="icon-click-closed"]
    .app-sidebar
    .slide
    .slide-menu.child1 {
    border-radius: 0 0.5rem 0.5rem 0;
  }
  [data-nav-layout="vertical"][data-nav-style="icon-click"][data-toggled="icon-click-closed"][dir="rtl"]
    .app-sidebar
    .slide
    .slide-menu.child1 {
    border-radius: 0.5rem 0 0 0.5rem;
  }
  [data-nav-layout="vertical"][data-nav-style="icon-click"][data-toggled="icon-click-closed"][data-theme-mode="dark"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-dark {
    display: block;
  }
  [data-nav-layout="vertical"][data-nav-style="icon-click"][data-toggled="icon-click-closed"][data-theme-mode="dark"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-dark,
  [data-nav-layout="vertical"][data-nav-style="icon-click"][data-toggled="icon-click-closed"][data-theme-mode="dark"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-logo,
  [data-nav-layout="vertical"][data-nav-style="icon-click"][data-toggled="icon-click-closed"][data-theme-mode="dark"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-logo,
  [data-nav-layout="vertical"][data-nav-style="icon-click"][data-toggled="icon-click-closed"][data-theme-mode="dark"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-white,
  [data-nav-layout="vertical"][data-nav-style="icon-click"][data-toggled="icon-click-closed"][data-theme-mode="dark"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-white {
    display: none;
  }
  [data-nav-layout="vertical"][data-nav-style="icon-click"][data-toggled="icon-click-closed"]
    .app-sidebar {
    position: absolute;
  }
  [data-nav-layout="vertical"][data-nav-style="icon-click"][data-toggled="icon-click-closed"]
    .app-sidebar
    .slide-menu.child1
    li.slide {
    padding-inline-start: 0;
  }
  [data-nav-layout="vertical"][data-nav-style="icon-click"][data-toggled="icon-click-closed"]
    .app-sidebar
    .slide-menu.child1
    li.slide
    a {
    border-radius: 0;
  }
}
@media (min-width: 992px) {
  .icon-hover .app-sidebar,
  [data-nav-layout="horizontal"][data-nav-style="icon-hover"] .app-sidebar,
  [data-nav-style="icon-hover"][data-toggled="icon-hover-closed"] .app-sidebar {
    width: 5rem;
  }
  .icon-hover .app-sidebar .main-sidebar,
  [data-nav-layout="horizontal"][data-nav-style="icon-hover"] .app-sidebar .main-sidebar,
  [data-nav-style="icon-hover"][data-toggled="icon-hover-closed"] .app-sidebar .main-sidebar {
    overflow: visible;
    height: 90%;
  }
  .icon-hover .app-sidebar .main-sidebar-header,
  [data-nav-layout="horizontal"][data-nav-style="icon-hover"] .app-sidebar .main-sidebar-header,
  [data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
    .app-sidebar
    .main-sidebar-header {
    width: 5rem;
  }
  .icon-hover .app-sidebar .main-sidebar-header .header-logo .toggle-logo,
  [data-nav-layout="horizontal"][data-nav-style="icon-hover"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-logo,
  [data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-logo {
    display: block;
  }
  .icon-hover .app-sidebar .main-sidebar-header .header-logo .desktop-dark,
  [data-nav-layout="horizontal"][data-nav-style="icon-hover"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-dark,
  [data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-dark,
  .icon-hover .app-sidebar .main-sidebar-header .header-logo .desktop-logo,
  [data-nav-layout="horizontal"][data-nav-style="icon-hover"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-logo,
  [data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-logo,
  .icon-hover .app-sidebar .main-sidebar-header .header-logo .toggle-dark,
  [data-nav-layout="horizontal"][data-nav-style="icon-hover"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-dark,
  [data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-dark,
  .icon-hover .app-sidebar .main-sidebar-header .header-logo .desktop-white,
  [data-nav-layout="horizontal"][data-nav-style="icon-hover"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-white,
  [data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-white,
  .icon-hover .app-sidebar .main-sidebar-header .header-logo .toggle-white,
  [data-nav-layout="horizontal"][data-nav-style="icon-hover"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-white,
  [data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-white {
    display: none;
  }
  .icon-hover .app-sidebar .category-name,
  [data-nav-layout="horizontal"][data-nav-style="icon-hover"] .app-sidebar .category-name,
  [data-nav-style="icon-hover"][data-toggled="icon-hover-closed"] .app-sidebar .category-name,
  .icon-hover .app-sidebar .side-menu__label,
  [data-nav-layout="horizontal"][data-nav-style="icon-hover"] .app-sidebar .side-menu__label,
  [data-nav-style="icon-hover"][data-toggled="icon-hover-closed"] .app-sidebar .side-menu__label,
  .icon-hover .app-sidebar .side-menu__angle,
  [data-nav-layout="horizontal"][data-nav-style="icon-hover"] .app-sidebar .side-menu__angle,
  [data-nav-style="icon-hover"][data-toggled="icon-hover-closed"] .app-sidebar .side-menu__angle {
    display: none;
  }
  .icon-hover .app-sidebar .side-menu__icon,
  [data-nav-layout="horizontal"][data-nav-style="icon-hover"] .app-sidebar .side-menu__icon,
  [data-nav-style="icon-hover"][data-toggled="icon-hover-closed"] .app-sidebar .side-menu__icon {
    margin-inline-end: 0;
  }
  .icon-hover .app-sidebar .slide__category,
  [data-nav-layout="horizontal"][data-nav-style="icon-hover"] .app-sidebar .slide__category,
  [data-nav-style="icon-hover"][data-toggled="icon-hover-closed"] .app-sidebar .slide__category {
    padding: 1.2rem 1.65rem;
    position: relative;
  }
  .icon-hover .app-sidebar .slide__category:before,
  [data-nav-layout="horizontal"][data-nav-style="icon-hover"] .app-sidebar .slide__category:before,
  [data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
    .app-sidebar
    .slide__category:before {
    content: "";
    position: absolute;
    inset-inline-start: 2.25rem;
    inset-inline-end: 0;
    inset-block-start: 1.25rem;
    inset-block-end: 0;
    width: 0.35rem;
    border-radius: 3.125rem;
    height: 0.35rem;
    border: 1px solid var(--menu-prime-color);
    opacity: 1;
  }
  .icon-hover .app-header,
  [data-nav-layout="horizontal"][data-nav-style="icon-hover"] .app-header,
  [data-nav-style="icon-hover"][data-toggled="icon-hover-closed"] .app-header {
    padding-inline-start: 5rem;
  }
  .icon-hover .app-content,
  [data-nav-layout="horizontal"][data-nav-style="icon-hover"] .app-content,
  [data-nav-style="icon-hover"][data-toggled="icon-hover-closed"] .app-content {
    margin-inline-start: 5rem;
  }
  .icon-hover .slide.has-sub .slide-menu,
  [data-nav-layout="horizontal"][data-nav-style="icon-hover"] .slide.has-sub .slide-menu,
  [data-nav-style="icon-hover"][data-toggled="icon-hover-closed"] .slide.has-sub .slide-menu {
    position: absolute !important;
    inset-inline-start: 5rem !important;
    background: var(--menu-bg);
    inset-block-start: auto !important;
    box-shadow: 0.125rem 0.063rem 0.5rem var(--black-1);
    transition: none !important;
  }
  .icon-hover .slide-menu.child1,
  [data-nav-layout="horizontal"][data-nav-style="icon-hover"] .slide-menu.child1,
  [data-nav-style="icon-hover"][data-toggled="icon-hover-closed"] .slide-menu.child1 {
    min-width: 12rem;
  }
  .icon-hover .slide-menu.child1 .slide .side-menu__item,
  [data-nav-layout="horizontal"][data-nav-style="icon-hover"]
    .slide-menu.child1
    .slide
    .side-menu__item,
  [data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
    .slide-menu.child1
    .slide
    .side-menu__item {
    text-align: start;
  }
  .icon-hover .slide-menu.child1 .slide .side-menu__item:before,
  [data-nav-layout="horizontal"][data-nav-style="icon-hover"]
    .slide-menu.child1
    .slide
    .side-menu__item:before,
  [data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
    .slide-menu.child1
    .slide
    .side-menu__item:before {
    inset-block-start: 0.938rem;
    inset-inline-start: 0.75rem;
  }
  .icon-hover .slide-menu.child1 .side-menu__angle,
  [data-nav-layout="horizontal"][data-nav-style="icon-hover"] .slide-menu.child1 .side-menu__angle,
  [data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
    .slide-menu.child1
    .side-menu__angle {
    display: block;
    inset-inline-end: 0.5rem;
    inset-block-start: 0.65rem;
  }
  .icon-hover .slide.has-sub:hover .slide-menu.child1,
  [data-nav-layout="horizontal"][data-nav-style="icon-hover"]
    .slide.has-sub:hover
    .slide-menu.child1,
  [data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
    .slide.has-sub:hover
    .slide-menu.child1 {
    display: block !important;
  }
}
@media (min-width: 992px) {
  [data-nav-layout="vertical"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
    .app-sidebar
    .main-menu
    > .slide {
    padding: 0 1.2rem;
  }
  [data-nav-layout="vertical"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
    .app-sidebar
    .slide
    .slide-menu.child1 {
    border-radius: 0 0.5rem 0.5rem 0;
  }
  [data-nav-layout="vertical"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"][dir="rtl"]
    .app-sidebar
    .slide
    .slide-menu.child1 {
    border-radius: 0.5rem 0 0 0.5rem;
  }
  [data-nav-layout="vertical"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"][data-theme-mode="dark"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-dark {
    display: block;
  }
  [data-nav-layout="vertical"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"][data-theme-mode="dark"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-dark,
  [data-nav-layout="vertical"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"][data-theme-mode="dark"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-logo,
  [data-nav-layout="vertical"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"][data-theme-mode="dark"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-logo,
  [data-nav-layout="vertical"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"][data-theme-mode="dark"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-white,
  [data-nav-layout="vertical"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"][data-theme-mode="dark"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-white {
    display: none;
  }
  [data-nav-layout="vertical"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
    .app-sidebar {
    position: absolute;
  }
  [data-nav-layout="vertical"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
    .app-sidebar
    .slide-menu.child1 {
    padding: 0.1875rem;
  }
  [data-nav-layout="vertical"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
    .app-sidebar
    .slide-menu.child1
    li.slide {
    padding-inline-start: 0;
  }
  [data-nav-layout="vertical"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"]
    .app-sidebar
    .slide-menu.child1
    li.slide
    a {
    border-radius: 0;
  }
}
@media (min-width: 992px) {
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"])
    .app-sidebar {
    width: 5rem;
  }
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"])
    .app-sidebar
    .main-sidebar-header {
    width: 5rem;
  }
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"])
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-logo {
    display: block;
  }
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"])
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-dark,
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"])
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-logo,
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"])
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-dark,
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"])
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-white,
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"])
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-white {
    display: none;
  }
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"])
    .app-sidebar
    .category-name,
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"])
    .app-sidebar
    .side-menu__label,
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"])
    .app-sidebar
    .side-menu__angle {
    display: none;
  }
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"])
    .app-sidebar
    .slide.has-sub.open
    .slide-menu {
    display: none !important;
  }
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"])
    .app-sidebar
    .side-menu__icon {
    margin-inline-end: 0;
  }
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"])
    .app-sidebar
    .slide__category {
    padding: 1.2rem 1.65rem;
    position: relative;
  }
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"])
    .app-sidebar
    .slide__category:before {
    content: "";
    position: absolute;
    inset-inline-start: 2.25rem;
    inset-inline-end: 0;
    inset-block-start: 1.25rem;
    inset-block-end: 0;
    width: 0.35rem;
    border-radius: 3.125rem;
    height: 0.35rem;
    border: 1px solid var(--menu-prime-color);
    opacity: 1;
  }
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"])
    .app-sidebar
    .side-menu__item
    .badge {
    display: none;
  }
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"])
    .side-menu__item {
    justify-content: center;
  }
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"] .app-header {
    padding-inline-start: 5rem;
  }
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"] .app-content {
    margin-inline-start: 5rem;
  }
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
    .app-sidebar {
    width: 15rem;
  }
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
    .app-sidebar
    .main-sidebar-header {
    width: 15rem;
  }
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-logo {
    display: block;
  }
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-dark,
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-logo,
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-dark,
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .desktop-white,
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
    .app-sidebar
    .main-sidebar-header
    .header-logo
    .toggle-white {
    display: none;
  }
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
    .app-sidebar
    .side-menu__item {
    justify-content: flex-start;
  }
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
    .app-sidebar
    .side-menu__icon {
    margin-inline-end: 0.625rem;
  }
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
    .app-sidebar
    .slide__category {
    padding: 0.75rem 1.65rem;
  }
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"]
    .app-sidebar
    .slide__category:before {
    display: none;
  }
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-theme-mode="dark"]
    .main-sidebar-header
    .header-logo
    .toggle-dark {
    display: block;
  }
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-theme-mode="dark"]
    .main-sidebar-header
    .header-logo
    .desktop-dark,
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-theme-mode="dark"]
    .main-sidebar-header
    .header-logo
    .desktop-logo,
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-theme-mode="dark"]
    .main-sidebar-header
    .header-logo
    .toggle-logo,
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-theme-mode="dark"]
    .main-sidebar-header
    .header-logo
    .desktop-white,
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-theme-mode="dark"]
    .main-sidebar-header
    .header-logo
    .toggle-white {
    display: none;
  }
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-theme-mode="dark"][data-icon-overlay="open"]
    .main-sidebar-header
    .header-logo
    .desktop-dark {
    display: block;
  }
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-theme-mode="dark"][data-icon-overlay="open"]
    .main-sidebar-header
    .header-logo
    .toggle-dark,
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-theme-mode="dark"][data-icon-overlay="open"]
    .main-sidebar-header
    .header-logo
    .desktop-logo,
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-theme-mode="dark"][data-icon-overlay="open"]
    .main-sidebar-header
    .header-logo
    .toggle-logo,
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-theme-mode="dark"][data-icon-overlay="open"]
    .main-sidebar-header
    .header-logo
    .desktop-white,
  [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-theme-mode="dark"][data-icon-overlay="open"]
    .main-sidebar-header
    .header-logo
    .toggle-white {
    display: none;
  }
}
@media (min-width: 992px) {
  [data-vertical-style="icontext"][data-toggled="icon-text-close"]:not([data-icon-text="open"])
    .app-sidebar {
    position: absolute;
    width: 9rem;
  }
  [data-vertical-style="icontext"][data-toggled="icon-text-close"]:not([data-icon-text="open"])
    .app-sidebar
    .main-sidebar {
    overflow: visible;
  }
  [data-vertical-style="icontext"][data-toggled="icon-text-close"]:not([data-icon-text="open"])
    .app-sidebar
    .main-sidebar-header {
    width: 9rem;
  }
  [data-vertical-style="icontext"][data-toggled="icon-text-close"]:not([data-icon-text="open"])
    .app-sidebar
    .side-menu__icon {
    margin-inline-end: 0;
    margin-block-end: 0.5rem;
  }
  [data-vertical-style="icontext"][data-toggled="icon-text-close"]:not([data-icon-text="open"])
    .app-sidebar
    .slide {
    padding: 0;
  }
  [data-vertical-style="icontext"][data-toggled="icon-text-close"]:not([data-icon-text="open"])
    .app-sidebar
    .slide__category,
  [data-vertical-style="icontext"][data-toggled="icon-text-close"]:not([data-icon-text="open"])
    .app-sidebar
    .side-menu__angle {
    display: none;
  }
  [data-vertical-style="icontext"][data-toggled="icon-text-close"]:not([data-icon-text="open"])
    .app-sidebar
    .slide.has-sub.open
    .slide-menu {
    display: none !important;
  }
  [data-vertical-style="icontext"][data-toggled="icon-text-close"]:not([data-icon-text="open"])
    .app-sidebar
    .side-menu__item {
    border-radius: 0;
  }
  [data-vertical-style="icontext"][data-toggled="icon-text-close"]:not([data-icon-text="open"])
    .app-sidebar
    .side-menu__item,
  [data-vertical-style="icontext"][data-toggled="icon-text-close"]:not([data-icon-text="open"])
    .app-sidebar
    .side-menu__label {
    display: block;
    text-align: center;
  }
  [data-vertical-style="icontext"][data-toggled="icon-text-close"]:not(
      [data-icon-text="open"]
    )[data-menu-position="fixed"]
    .app-sidebar {
    position: fixed;
  }
  [data-vertical-style="icontext"][data-toggled="icon-text-close"]:not([data-icon-text="open"])
    .app-header {
    padding-inline-start: 9rem;
  }
  [data-vertical-style="icontext"][data-toggled="icon-text-close"] .app-content {
    margin-inline-start: 9rem;
  }
  [data-vertical-style="icontext"][data-toggled="icon-text-close"][data-icon-text="open"]
    .app-sidebar {
    width: 15rem;
  }
  [data-vertical-style="icontext"][data-toggled="icon-text-close"][data-icon-text="open"]
    .app-sidebar
    .main-sidebar-header {
    width: 15rem;
  }
  [data-vertical-style="icontext"][data-toggled="icon-text-close"][data-icon-text="open"]
    .app-sidebar
    .side-menu__icon {
    margin-block-end: 0;
    margin-inline-end: 0.625rem;
  }
  [data-vertical-style="icontext"][data-toggled="icon-text-close"][data-icon-text="open"]
    .app-sidebar
    .slide {
    padding: 0rem 0.625rem;
  }
  [data-vertical-style="icontext"][data-toggled="icon-text-close"][data-icon-text="open"]
    .app-sidebar
    .slide-menu.child1
    li {
    padding: 0;
    padding-inline-start: 1.5rem;
  }
}
@media (min-width: 992px) {
  [data-nav-style="menu-click"][data-nav-layout="horizontal"] .app-sidebar .side-menu__item {
    display: flex !important;
    padding-top: 0.93rem;
    padding-inline-end: 1.75rem;
    padding-bottom: 0.93rem;
    padding-inline-start: 0.75rem;
  }
  [data-nav-style="menu-click"][data-nav-layout="horizontal"] .app-sidebar .side-menu__icon {
    margin-block-end: 0 !important;
    margin-inline-end: 0.35rem !important;
  }
  [data-nav-style="menu-click"][data-nav-layout="horizontal"] .app-sidebar .side-menu__angle {
    display: block !important;
  }
  [data-nav-style="menu-click"][data-nav-layout="horizontal"]
    .app-sidebar
    .slide.has-sub
    .slide-menu {
    inset-inline-start: auto !important;
  }
  [data-nav-style="menu-click"][data-nav-layout="horizontal"]
    .app-sidebar
    .slide.has-sub
    .slide-menu.active {
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
  }
  [data-nav-style="menu-click"][data-nav-layout="horizontal"]
    .app-sidebar
    .slide.has-sub
    .slide-menu.child1 {
    inset-block-start: 100% !important;
  }
  [data-nav-style="menu-click"][data-nav-layout="horizontal"] .app-header {
    padding-inline-start: 9.5rem;
  }
}
[data-nav-style="menu-click"][data-toggled="menu-click-closed"] .app-header {
  padding-inline-start: 9.5rem;
}
@media (min-width: 992px) {
  [data-nav-style="menu-click"][data-nav-layout="vertical"][data-toggled="menu-click-closed"]
    .app-sidebar {
    position: absolute;
  }
  [data-nav-style="menu-click"][data-nav-layout="vertical"][data-toggled="menu-click-closed"]
    .app-sidebar
    .side-menu__item {
    border-radius: 0.5rem;
    margin: 0.25rem 0.25rem 0 0.25rem !important;
  }
  [data-nav-style="menu-click"][data-nav-layout="vertical"][data-toggled="menu-click-closed"]
    .app-sidebar
    .side-menu__item:last-child {
    margin: 0.25rem !important;
  }
  [data-nav-style="menu-click"][data-nav-layout="vertical"][data-toggled="menu-click-closed"]
    .app-sidebar
    .slide
    .slide-menu.child1 {
    border-radius: 0 0.5rem 0.5rem 0;
  }
  [data-nav-style="menu-click"][data-nav-layout="vertical"][data-toggled="menu-click-closed"][dir="rtl"]
    .app-sidebar
    .slide
    .slide-menu.child1 {
    border-radius: 0.5rem 0 0 0.5rem;
  }
}
@media (min-width: 992px) {
  .menu-click .app-sidebar,
  [data-nav-style="menu-click"][data-nav-layout="horizontal"] .app-sidebar,
  [data-nav-style="menu-click"][data-toggled="menu-click-closed"] .app-sidebar {
    width: 9.5rem;
  }
  .menu-click .app-sidebar .main-sidebar,
  [data-nav-style="menu-click"][data-nav-layout="horizontal"] .app-sidebar .main-sidebar,
  [data-nav-style="menu-click"][data-toggled="menu-click-closed"] .app-sidebar .main-sidebar {
    overflow: visible;
    height: 90%;
  }
  .menu-click .app-sidebar .main-sidebar-header,
  [data-nav-style="menu-click"][data-nav-layout="horizontal"] .app-sidebar .main-sidebar-header,
  [data-nav-style="menu-click"][data-toggled="menu-click-closed"]
    .app-sidebar
    .main-sidebar-header {
    width: 9.5rem;
  }
  .menu-click .app-sidebar .side-menu__icon,
  [data-nav-style="menu-click"][data-nav-layout="horizontal"] .app-sidebar .side-menu__icon,
  [data-nav-style="menu-click"][data-toggled="menu-click-closed"] .app-sidebar .side-menu__icon {
    margin-inline-end: 0;
    margin-block-end: 0.5rem;
  }
  .menu-click .app-sidebar .slide,
  [data-nav-style="menu-click"][data-nav-layout="horizontal"] .app-sidebar .slide,
  [data-nav-style="menu-click"][data-toggled="menu-click-closed"] .app-sidebar .slide {
    padding: 0;
  }
  .menu-click .app-sidebar .slide-menu.child1,
  [data-nav-style="menu-click"][data-nav-layout="horizontal"] .app-sidebar .slide-menu.child1,
  [data-nav-style="menu-click"][data-toggled="menu-click-closed"] .app-sidebar .slide-menu.child1 {
    min-width: 12rem;
  }
  .menu-click .app-sidebar .slide-menu.child1 .slide .side-menu__item,
  [data-nav-style="menu-click"][data-nav-layout="horizontal"]
    .app-sidebar
    .slide-menu.child1
    .slide
    .side-menu__item,
  [data-nav-style="menu-click"][data-toggled="menu-click-closed"]
    .app-sidebar
    .slide-menu.child1
    .slide
    .side-menu__item {
    text-align: start;
  }
  .menu-click .app-sidebar .slide-menu.child1 .slide .side-menu__item:before,
  [data-nav-style="menu-click"][data-nav-layout="horizontal"]
    .app-sidebar
    .slide-menu.child1
    .slide
    .side-menu__item:before,
  [data-nav-style="menu-click"][data-toggled="menu-click-closed"]
    .app-sidebar
    .slide-menu.child1
    .slide
    .side-menu__item:before {
    inset-block-start: 0.938rem;
    inset-inline-start: 0.75rem;
  }
  .menu-click .app-sidebar .slide-menu.child1 .side-menu__angle,
  [data-nav-style="menu-click"][data-nav-layout="horizontal"]
    .app-sidebar
    .slide-menu.child1
    .side-menu__angle,
  [data-nav-style="menu-click"][data-toggled="menu-click-closed"]
    .app-sidebar
    .slide-menu.child1
    .side-menu__angle {
    display: block;
    inset-inline-end: 0.5rem;
    inset-block-start: 0.65rem;
  }
  .menu-click .app-sidebar .slide__category,
  [data-nav-style="menu-click"][data-nav-layout="horizontal"] .app-sidebar .slide__category,
  [data-nav-style="menu-click"][data-toggled="menu-click-closed"] .app-sidebar .slide__category,
  .menu-click .app-sidebar .side-menu__angle,
  [data-nav-style="menu-click"][data-nav-layout="horizontal"] .app-sidebar .side-menu__angle,
  [data-nav-style="menu-click"][data-toggled="menu-click-closed"] .app-sidebar .side-menu__angle {
    display: none;
  }
  .menu-click .app-sidebar .side-menu__item,
  [data-nav-style="menu-click"][data-nav-layout="horizontal"] .app-sidebar .side-menu__item,
  [data-nav-style="menu-click"][data-toggled="menu-click-closed"] .app-sidebar .side-menu__item,
  .menu-click .app-sidebar .side-menu__label,
  [data-nav-style="menu-click"][data-nav-layout="horizontal"] .app-sidebar .side-menu__label,
  [data-nav-style="menu-click"][data-toggled="menu-click-closed"] .app-sidebar .side-menu__label {
    display: block;
    text-align: center;
  }
  .menu-click .app-sidebar .slide.has-sub .slide-menu,
  [data-nav-style="menu-click"][data-nav-layout="horizontal"]
    .app-sidebar
    .slide.has-sub
    .slide-menu,
  [data-nav-style="menu-click"][data-toggled="menu-click-closed"]
    .app-sidebar
    .slide.has-sub
    .slide-menu {
    position: absolute !important;
    inset-inline-start: 9.5rem !important;
    background: var(--menu-bg);
    inset-block-start: auto !important;
    box-shadow: 0.125rem 0.063rem 0.5rem var(--black-1);
    transition: none !important;
  }
  .menu-click .app-content,
  [data-nav-style="menu-click"][data-nav-layout="horizontal"] .app-content,
  [data-nav-style="menu-click"][data-toggled="menu-click-closed"] .app-content {
    margin-inline-start: 9.5rem;
  }
}
@media (max-width: 991.98px) {
  .menu-click .app-sidebar,
  [data-nav-style="menu-click"][data-nav-layout="horizontal"] .app-sidebar,
  [data-nav-style="menu-click"][data-toggled="menu-click-closed"] .app-sidebar {
    width: 15rem;
  }
}
@media (min-width: 992px) {
  [data-nav-style="menu-hover"][data-nav-layout="horizontal"] .app-sidebar .side-menu__item {
    display: flex !important;
    padding-top: 0.93rem;
    padding-inline-end: 1.75rem;
    padding-bottom: 0.93rem;
    padding-inline-start: 0.75rem;
  }
  [data-nav-style="menu-hover"][data-nav-layout="horizontal"] .app-sidebar .side-menu__icon {
    margin-block-end: 0 !important;
    margin-inline-end: 0.35rem !important;
  }
  [data-nav-style="menu-hover"][data-nav-layout="horizontal"] .app-sidebar .side-menu__angle {
    display: block !important;
  }
  [data-nav-style="menu-hover"][data-nav-layout="horizontal"]
    .app-sidebar
    .slide.has-sub
    .slide-menu.active {
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
  }
  [data-nav-style="menu-hover"][data-nav-layout="horizontal"]
    .app-sidebar
    .slide.has-sub
    .slide-menu.child1 {
    inset-block-start: 100% !important;
  }
}
@media (min-width: 992px) {
  [data-nav-style="menu-hover"][data-nav-layout="vertical"][data-toggled="menu-hover-closed"]
    .app-sidebar {
    position: absolute;
  }
  [data-nav-style="menu-hover"][data-nav-layout="vertical"][data-toggled="menu-hover-closed"]
    .app-sidebar
    .side-menu__item {
    border-radius: 0.5rem;
    margin: 0.25rem 0.25rem 0 0.25rem !important;
  }
  [data-nav-style="menu-hover"][data-nav-layout="vertical"][data-toggled="menu-hover-closed"]
    .app-sidebar
    .side-menu__item:last-child {
    margin: 0.25rem !important;
  }
  [data-nav-style="menu-hover"][data-nav-layout="vertical"][data-toggled="menu-hover-closed"]
    .app-sidebar
    .slide
    .slide-menu.child1 {
    border-radius: 0 0.5rem 0.5rem 0;
  }
  [data-nav-style="menu-hover"][data-nav-layout="vertical"][data-toggled="menu-hover-closed"][dir="rtl"]
    .app-sidebar
    .slide
    .slide-menu.child1 {
    border-radius: 0.5rem 0 0 0.5rem;
  }
}
@media (min-width: 992px) {
  .menu-hover .app-sidebar,
  [data-nav-style="menu-hover"][data-nav-layout="horizontal"] .app-sidebar,
  [data-nav-style="menu-hover"][data-toggled="menu-hover-closed"] .app-sidebar {
    width: 9.5rem;
  }
  .menu-hover .app-sidebar .main-sidebar,
  [data-nav-style="menu-hover"][data-nav-layout="horizontal"] .app-sidebar .main-sidebar,
  [data-nav-style="menu-hover"][data-toggled="menu-hover-closed"] .app-sidebar .main-sidebar {
    overflow: visible;
    height: 90%;
  }
  .menu-hover .app-sidebar .main-sidebar-header,
  [data-nav-style="menu-hover"][data-nav-layout="horizontal"] .app-sidebar .main-sidebar-header,
  [data-nav-style="menu-hover"][data-toggled="menu-hover-closed"]
    .app-sidebar
    .main-sidebar-header {
    width: 9.5rem;
  }
  .menu-hover .app-sidebar .side-menu__icon,
  [data-nav-style="menu-hover"][data-nav-layout="horizontal"] .app-sidebar .side-menu__icon,
  [data-nav-style="menu-hover"][data-toggled="menu-hover-closed"] .app-sidebar .side-menu__icon {
    margin-inline-end: 0;
    margin-block-end: 0.5rem;
  }
  .menu-hover .app-sidebar .slide,
  [data-nav-style="menu-hover"][data-nav-layout="horizontal"] .app-sidebar .slide,
  [data-nav-style="menu-hover"][data-toggled="menu-hover-closed"] .app-sidebar .slide {
    padding: 0;
  }
  .menu-hover .app-sidebar .slide-menu.child1,
  [data-nav-style="menu-hover"][data-nav-layout="horizontal"] .app-sidebar .slide-menu.child1,
  [data-nav-style="menu-hover"][data-toggled="menu-hover-closed"] .app-sidebar .slide-menu.child1 {
    min-width: 12rem;
    display: none !important;
  }
  .menu-hover .app-sidebar .slide-menu.child1 .slide .side-menu__item,
  [data-nav-style="menu-hover"][data-nav-layout="horizontal"]
    .app-sidebar
    .slide-menu.child1
    .slide
    .side-menu__item,
  [data-nav-style="menu-hover"][data-toggled="menu-hover-closed"]
    .app-sidebar
    .slide-menu.child1
    .slide
    .side-menu__item {
    text-align: start;
  }
  .menu-hover .app-sidebar .slide-menu.child1 .slide .side-menu__item:before,
  [data-nav-style="menu-hover"][data-nav-layout="horizontal"]
    .app-sidebar
    .slide-menu.child1
    .slide
    .side-menu__item:before,
  [data-nav-style="menu-hover"][data-toggled="menu-hover-closed"]
    .app-sidebar
    .slide-menu.child1
    .slide
    .side-menu__item:before {
    inset-block-start: 0.938rem;
    inset-inline-start: 0.75rem;
  }
  .menu-hover .app-sidebar .slide.has-sub:hover .slide-menu.child1,
  [data-nav-style="menu-hover"][data-nav-layout="horizontal"]
    .app-sidebar
    .slide.has-sub:hover
    .slide-menu.child1,
  [data-nav-style="menu-hover"][data-toggled="menu-hover-closed"]
    .app-sidebar
    .slide.has-sub:hover
    .slide-menu.child1 {
    display: block !important;
  }
  .menu-hover .app-sidebar .slide__category,
  [data-nav-style="menu-hover"][data-nav-layout="horizontal"] .app-sidebar .slide__category,
  [data-nav-style="menu-hover"][data-toggled="menu-hover-closed"] .app-sidebar .slide__category,
  .menu-hover .app-sidebar .side-menu__angle,
  [data-nav-style="menu-hover"][data-nav-layout="horizontal"] .app-sidebar .side-menu__angle,
  [data-nav-style="menu-hover"][data-toggled="menu-hover-closed"] .app-sidebar .side-menu__angle {
    display: none;
  }
  .menu-hover .app-sidebar .slide-menu.child1 .side-menu__angle,
  [data-nav-style="menu-hover"][data-nav-layout="horizontal"]
    .app-sidebar
    .slide-menu.child1
    .side-menu__angle,
  [data-nav-style="menu-hover"][data-toggled="menu-hover-closed"]
    .app-sidebar
    .slide-menu.child1
    .side-menu__angle {
    display: block;
    inset-inline-end: 0.5rem;
    inset-block-start: 0.65rem;
  }
  .menu-hover .app-sidebar .side-menu__item,
  [data-nav-style="menu-hover"][data-nav-layout="horizontal"] .app-sidebar .side-menu__item,
  [data-nav-style="menu-hover"][data-toggled="menu-hover-closed"] .app-sidebar .side-menu__item,
  .menu-hover .app-sidebar .side-menu__label,
  [data-nav-style="menu-hover"][data-nav-layout="horizontal"] .app-sidebar .side-menu__label,
  [data-nav-style="menu-hover"][data-toggled="menu-hover-closed"] .app-sidebar .side-menu__label {
    display: block;
    text-align: center;
  }
  .menu-hover .app-sidebar .slide.has-sub .slide-menu,
  [data-nav-style="menu-hover"][data-nav-layout="horizontal"]
    .app-sidebar
    .slide.has-sub
    .slide-menu,
  [data-nav-style="menu-hover"][data-toggled="menu-hover-closed"]
    .app-sidebar
    .slide.has-sub
    .slide-menu {
    position: absolute !important;
    inset-inline-start: 9.5rem !important;
    background: var(--menu-bg);
    inset-block-start: auto !important;
    box-shadow: 0.125rem 0.063rem 0.5rem var(--black-1);
    transition: none !important;
  }
  .menu-hover .app-header,
  [data-nav-style="menu-hover"][data-nav-layout="horizontal"] .app-header,
  [data-nav-style="menu-hover"][data-toggled="menu-hover-closed"] .app-header {
    padding-inline-start: 9.5rem;
  }
  .menu-hover .app-content,
  [data-nav-style="menu-hover"][data-nav-layout="horizontal"] .app-content,
  [data-nav-style="menu-hover"][data-toggled="menu-hover-closed"] .app-content {
    margin-inline-start: 9.5rem;
  }
}
.main-sidebar {
  margin-block-start: 3.72rem;
  padding-block-start: 0.5rem;
  padding-block-end: 5rem;
  height: 100vh;
  position: relative;
  overflow: auto;
}
[dir="rtl"] .app-sidebar .fe-chevron-right {
  transform: rotate(180deg);
}
[dir="rtl"] .sidemenu-toggle .header-link .header-link-icon {
  transform: rotate(180deg);
}
.app-sidebar {
  width: 15rem;
  height: 100%;
  background: var(--menu-bg);
  border-inline-end: 1px solid var(--menu-border-color);
  position: fixed;
  inset-block-start: 0;
  inset-inline-start: 0;
  font-family: var(--brand-font-family);
  letter-spacing: 1px;
  z-index: 103;
  transition: all 0.05s ease;
}
.app-sidebar .main-sidebar-header {
  height: 3.75rem;
  width: 15rem;
  position: fixed;
  display: flex;
  background: var(--menu-bg);
  z-index: 9;
  align-items: center;
  justify-content: center;
  padding: 0.813rem 1.25rem;
  border-inline-end: 1px solid var(--menu-border-color);
  border-block-end: 1px solid var(--menu-border-color);
  transition: all 0.05s ease;
}
.app-sidebar .main-sidebar-header .header-logo img {
  height: 2rem;
  line-height: 2rem;
}
.app-sidebar .main-sidebar-header .header-logo .desktop-logo {
  display: block;
}
.app-sidebar .main-sidebar-header .header-logo .desktop-dark,
.app-sidebar .main-sidebar-header .header-logo .toggle-logo,
.app-sidebar .main-sidebar-header .header-logo .toggle-dark,
.app-sidebar .main-sidebar-header .header-logo .desktop-white,
.app-sidebar .main-sidebar-header .header-logo .toggle-white {
  display: none;
}
.app-sidebar .slide__category {
  color: var(--menu-prime-color);
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0.065rem;
  text-transform: uppercase;
  padding: 0.75rem 1.65rem;
  white-space: nowrap;
  opacity: 0.5;
  position: relative;
}
.app-sidebar .slide {
  margin: 0;
  padding: 0rem 0.75rem;
}
.app-sidebar .side-menu__item {
  padding: 0.75rem;
  position: relative;
  display: flex;
  align-items: center;
  text-decoration: none;
  font-size: 0.86rem;
  color: var(--menu-prime-color);
  font-weight: 600;
  border-radius: 0.5rem;
}
.app-sidebar .side-menu__item.active,
.app-sidebar .side-menu__item:hover {
  color: var(--menu-prime-color);
  background-color: rgba(var(--light-rgb), 0.5);
}
.app-sidebar .side-menu__item.active .side-menu__label,
.app-sidebar .side-menu__item.active .side-menu__angle,
.app-sidebar .side-menu__item:hover .side-menu__label,
.app-sidebar .side-menu__item:hover .side-menu__angle {
  color: var(--menu-prime-color);
}
.app-sidebar .side-menu__item.active .side-menu__icon,
.app-sidebar .side-menu__item:hover .side-menu__icon {
  fill: var(--menu-prime-color);
  color: var(--menu-prime-color);
}
.app-sidebar .side-menu__item.active {
  font-weight: 600;
}
.app-sidebar .slide-menu.child1 .side-menu__item.active {
  background-color: transparent;
}
.app-sidebar .slide-menu {
  padding: 0rem;
}
.app-sidebar .slide-menu.child1 .side-menu__item {
  padding: 0.45rem 1.6rem;
}
.app-sidebar .slide-menu.child1 .side-menu__item:before {
  position: absolute;
  content: "";
  width: 0.3rem;
  height: 0.3rem;
  border: 1px solid var(--menu-prime-color);
  border-radius: 50%;
  background-color: transparent;
  inset-inline-start: 0.5rem;
  opacity: 0.5;
}
.app-sidebar .slide-menu.child1 .side-menu__item:hover {
  color: var(--menu-prime-color);
}
.app-sidebar .slide-menu.child1 .side-menu__item:hover:before {
  content: "";
  border: 1px solid var(--menu-prime-color);
}
.app-sidebar .slide-menu.child1 .side-menu__item.active:before {
  position: absolute;
  content: "";
  width: 0.3rem;
  height: 0.3rem;
  border: 1px solid var(--menu-prime-color);
  border-radius: 50%;
  background-color: transparent;
  opacity: 1;
}
.app-sidebar .slide-menu.child1 li {
  padding: 0;
  padding-inline-start: 1.5rem;
  position: relative;
}
.app-sidebar .side-menu__label {
  white-space: nowrap;
  color: var(--menu-prime-color);
  position: relative;
  font-size: 0.92rem;
  line-height: 1;
  vertical-align: middle;
}
.app-sidebar .side-menu__icon {
  margin-inline-end: 0.625rem;
  width: 1.15rem;
  height: 1.15rem;
  font-size: 1.15rem;
  text-align: center;
  color: var(--menu-prime-color);
  fill: var(--menu-prime-color);
  border-radius: 0.5rem;
}
.app-sidebar .side-menu__angle {
  transform-origin: center;
  position: absolute;
  inset-inline-end: 0.75rem;
  font-size: 0.85rem;
  color: var(--menu-prime-color);
  transition: all 0.05s ease;
}
.horizontal-logo {
  padding: 0.85rem 0rem;
}
.slide.has-sub .slide-menu {
  transform: translate(0, 0) !important;
  visibility: visible !important;
}
.nav ul li {
  list-style-type: none;
}
.nav > ul {
  padding-inline-start: 0px;
}
.slide-menu {
  display: none;
}
.slide.has-sub {
  display: grid;
}
.slide.has-sub.open > .side-menu__item .side-menu__angle {
  transform: rotate(90deg);
}
@media (min-width: 992px) {
  [data-toggled="open"] .page {
    position: absolute;
  }
  [data-toggled="menu-click-closed"]:not([data-nav-layout="horizontal"]) .app-content,
  [data-toggled="menu-hover-closed"]:not([data-nav-layout="horizontal"]) .app-content,
  [data-toggled="icon-click-closed"]:not([data-nav-layout="horizontal"]) .app-content,
  [data-toggled="icon-hover-closed"]:not([data-nav-layout="horizontal"]) .app-content,
  [data-toggled="icon-text-close"]:not([data-nav-layout="horizontal"]) .app-content {
    min-height: calc(100vh + 50rem);
  }
}
@media (max-width: 991.98px) {
  .horizontal-logo .header-logo .desktop-logo,
  .horizontal-logo .header-logo .desktop-dark,
  .horizontal-logo .header-logo .toggle-dark,
  .horizontal-logo .header-logo .desktop-white,
  .horizontal-logo .header-logo .toggle-white {
    display: none;
  }
  .horizontal-logo .header-logo .toggle-logo {
    display: block;
  }
  .main-content {
    padding-block-start: 3.75rem;
  }
  .main-sidebar-header {
    display: none !important;
  }
  .main-sidebar {
    margin-block-start: 0;
  }
  .app-sidebar {
    inset-block-start: 0;
  }
  .main-menu {
    margin: 0 !important;
  }
}
.slide-left,
.slide-right {
  display: none;
}
[data-nav-layout="vertical"] .slide.has-sub.active > .side-menu__item {
  margin-block: 0.25rem;
}
@media (min-width: 992px) {
  .horizontal-logo {
    display: none;
  }
}
#responsive-overlay {
  visibility: hidden;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 101;
  background-color: rgba(15, 23, 42, 0.5);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 100ms;
}
#responsive-overlay.active {
  visibility: visible;
}
@media (min-width: 992px) {
  [data-nav-style="menu-click"][data-nav-layout="horizontal"][data-theme-mode="dark"]
    .landing-body
    .app-sidebar
    .slide.has-sub.open
    .slide-menu.child1::before {
    border-block-start-color: rgba(0, 0, 0, 0.1);
    border-inline-start-color: rgba(0, 0, 0, 0.1);
  }
  [data-nav-style="menu-click"][data-nav-layout="horizontal"][data-theme-mode="dark"][dir="rtl"]
    .slide.has-sub.open
    .slide-menu.child1::before {
    border-inline-end-color: var(--border);
    border-inline-start-color: transparent !important;
  }
  [data-nav-style="menu-click"][data-nav-layout="horizontal"]
    .landing-body
    .app-sidebar
    .side-menu__item
    .side-menu__angle {
    color: #fff;
  }
  [data-nav-style="menu-click"][data-nav-layout="horizontal"]
    .landing-body
    .app-sidebar
    .slide.has-sub.open
    .slide-menu.child1
    .slide
    .side-menu__item
    .side-menu__angle {
    color: var(--menu-prime-color) !important;
  }
  [data-nav-style="menu-click"][data-nav-layout="horizontal"]
    .landing-body
    .app-sidebar
    .slide.has-sub.open
    .slide-menu.child1
    .slide
    .side-menu__item:hover,
  [data-nav-style="menu-click"][data-nav-layout="horizontal"]
    .landing-body
    .app-sidebar
    .slide.has-sub.open
    .slide-menu.child1
    .slide
    .side-menu__item.active {
    color: var(--primary-color);
  }
  [data-nav-style="menu-click"][data-nav-layout="horizontal"]
    .landing-body
    .app-sidebar
    .slide.has-sub.open
    .slide-menu.child1
    .slide
    .side-menu__item:hover
    .side-menu__angle,
  [data-nav-style="menu-click"][data-nav-layout="horizontal"]
    .landing-body
    .app-sidebar
    .slide.has-sub.open
    .slide-menu.child1
    .slide
    .side-menu__item.active
    .side-menu__angle {
    color: var(--primary-color) !important;
  }
  [data-nav-style="menu-click"][data-nav-layout="horizontal"]
    .landing-body
    .app-sidebar
    .slide.has-sub.open
    .slide-menu.child1
    .slide
    .side-menu__item:hover:before,
  [data-nav-style="menu-click"][data-nav-layout="horizontal"]
    .landing-body
    .app-sidebar
    .slide.has-sub.open
    .slide-menu.child1
    .slide
    .side-menu__item.active:before {
    border-color: var(--primary-color) !important;
  }
  [data-nav-style="menu-click"][data-nav-layout="horizontal"]
    .landing-body
    .app-sidebar
    .side-menu__item {
    border-radius: 0.25rem;
    padding: 0.3rem;
  }
  [data-nav-style="menu-click"][data-nav-layout="horizontal"]
    .landing-body
    .app-sidebar
    .slide-menu.child1 {
    border-radius: 0.25rem;
    padding: 0.55rem 0.3rem;
  }
  [data-nav-style="menu-click"][data-nav-layout="horizontal"]
    .landing-body
    .app-sidebar
    .slide-menu.child1
    .side-menu__item {
    padding: 0.33rem 1.6rem;
  }
  [data-nav-style="menu-click"][data-nav-layout="horizontal"]
    .landing-body
    .app-sidebar
    .slide.has-sub.open
    .slide-menu.child1 {
    overflow: visible !important;
  }
  [data-nav-style="menu-click"][data-nav-layout="horizontal"]
    .landing-body
    .app-sidebar
    .slide.has-sub.open
    .slide-menu.child1::before {
    content: "";
    position: inherit !important;
    inset-block-start: -7px;
    inset-inline-start: 10%;
    width: 13px;
    height: 13px;
    z-index: 99999;
    border: 1px solid transparent;
    border-block-start-color: var(--border);
    border-inline-start-color: var(--border);
    transform: rotate(45deg);
    background-color: var(--custom-white);
  }
  [data-nav-style="menu-click"][data-nav-layout="horizontal"]
    .landing-body
    .app-sidebar
    .side-menu__item {
    padding-inline-end: 1.3rem;
    padding-inline-start: 1.3rem;
  }
  [data-nav-style="menu-click"][data-nav-layout="horizontal"]
    .landing-body
    .app-sidebar
    .side-menu__item.active,
  [data-nav-style="menu-click"][data-nav-layout="horizontal"]
    .landing-body
    .app-sidebar
    .side-menu__item:hover {
    background-color: transparent !important;
  }
  [data-nav-style="menu-click"][data-nav-layout="horizontal"]
    .landing-body
    .app-sidebar
    .slide-menu.child1
    .slide
    .side-menu__item:before {
    inset-block-start: 0.838rem;
    inset-inline-start: 0.65rem;
  }
  [data-nav-style="menu-click"][data-nav-layout="horizontal"]
    .landing-body
    .app-sidebar
    .side-menu__item:hover
    .side-menu__angle {
    color: var(--primary-color) !important;
  }
  [data-nav-style="menu-click"][data-nav-layout="horizontal"]
    .landing-body
    .app-sidebar
    .side-menu__label {
    color: #fff;
    opacity: 0.8;
  }
  [data-nav-style="menu-click"][data-nav-layout="horizontal"]
    .landing-body
    .app-sidebar
    .side-menu__item.active,
  [data-nav-style="menu-click"][data-nav-layout="horizontal"]
    .landing-body
    .app-sidebar
    .side-menu__item:hover {
    background-color: var(--primary-color);
    color: var(--primary-color);
  }
  [data-nav-style="menu-click"][data-nav-layout="horizontal"]
    .landing-body
    .app-sidebar
    .side-menu__item.active
    .side-menu__label,
  [data-nav-style="menu-click"][data-nav-layout="horizontal"]
    .landing-body
    .app-sidebar
    .side-menu__item.active
    .side-menu__angle,
  [data-nav-style="menu-click"][data-nav-layout="horizontal"]
    .landing-body
    .app-sidebar
    .side-menu__item:hover
    .side-menu__label,
  [data-nav-style="menu-click"][data-nav-layout="horizontal"]
    .landing-body
    .app-sidebar
    .side-menu__item:hover
    .side-menu__angle {
    color: #fff !important;
  }
}
.landing-body {
  background-color: var(--custom-white);
}
.landing-body .app-sidebar {
  border-bottom: 0;
}
.landing-body .app-sidebar .side-menu__item {
  padding: 0.8rem 1rem;
}
.landing-body .app-sidebar .side-menu__item.active,
.landing-body .app-sidebar .side-menu__item:hover {
  color: var(--primary-color) !important;
}
.landing-body .app-sidebar.sticky.sticky-pin .side-menu__item.active {
  font-weight: normal;
}
.landing-body .app-sidebar.sticky.sticky-pin .side-menu__item.active .side-menu__label {
  color: var(--primary-color) !important;
}
.landing-body .app-sidebar.sticky.sticky-pin .side-menu__item.active .side-menu__angle {
  color: var(--primary-color) !important;
}
.landing-body .app-sidebar .slide-menu.child1 .side-menu__item.active:before {
  width: 0.35rem;
  height: 0.35rem;
  border: 0px;
  border-radius: 1.0625rem;
  background-color: var(--primary-color);
  inset-block-start: 12px !important;
}
@media (min-width: 992px) {
  .landing-body .app-sidebar {
    inset-block-start: 0;
    padding: 0.5rem 0;
    height: auto !important;
    background-color: var(--primary01);
    box-shadow: none;
    border-inline-end: 0;
  }
  .landing-body .app-sidebar .main-sidebar {
    height: auto !important;
    width: 100%;
  }
  .landing-body .app-sidebar.sticky.sticky-pin {
    background-color: var(--custom-white);
    box-shadow: 0 0.25rem 1rem var(--black-1);
  }
  .landing-body .app-sidebar.sticky.sticky-pin .side-menu__item .side-menu__angle {
    color: var(--menu-prime-color);
  }
  .landing-body .app-sidebar.sticky.sticky-pin .side-menu__item:hover .side-menu__angle {
    color: var(--primary-color) !important;
  }
  .landing-body .app-sidebar.sticky.sticky-pin.app-sidebar .side-menu__label {
    color: var(--custom-black);
  }
  .landing-body
    .app-sidebar.sticky.sticky-pin.app-sidebar
    .side-menu__item:hover
    .side-menu__label {
    color: var(--primary-color) !important;
  }
  .landing-body .app-sidebar.app-sidebar .slide.has-sub.open .slide-menu.child1::before {
    border-block-start-color: var(--default-border) !important;
    border-inline-start-color: var(--default-border) !important;
  }
  .landing-body .app-header {
    display: none;
  }
  .landing-body .main-sidebar-header {
    display: block !important;
  }
  .landing-body .main-menu-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .landing-body .main-menu-container .slide-left,
  .landing-body .main-menu-container .slide-right {
    display: none;
  }
  .landing-body .main-content {
    padding: 0;
  }
}
@media (max-width: 991.98px) {
  .landing-body .app-sidebar .side-menu__item.active,
  .landing-body .app-sidebar .side-menu__item:hover {
    background-color: transparent;
  }
  .landing-body .main-menu-container .main-menu {
    padding-inline: 20px !important;
    width: 100%;
  }
  .landing-body .app-sidebar .slide-menu {
    padding-inline-start: 1rem;
  }
  .landing-body .app-sidebar .slide {
    padding: 0;
  }
}
.landing-body .main-menu-container .main-menu {
  padding-inline-start: 0;
}
.landing-body .app-content {
  margin-block-start: 4rem;
}
.landing-body .section {
  padding: 3.375rem 0;
  background-size: cover;
  position: relative;
}
.landing-body .app-sidebar .side-menu__label {
  font-family: 600;
}
.landing-body .btn-close {
  padding: 1.5rem;
  right: -0.875rem;
}
@media (max-width: 991.98px) {
  [data-theme-mode="dark"]
    .landing-body
    .app-header
    .main-header-container
    .horizontal-logo
    .header-logo
    .toggle-logo {
    display: none;
  }
  [data-theme-mode="dark"]
    .landing-body
    .app-header
    .main-header-container
    .horizontal-logo
    .header-logo
    .toggle-dark {
    display: block;
  }
}
@media (max-width: 992px) {
  .landing-body .app-sidebar .slide-menu.child1 li {
    padding: 0;
    padding-inline-start: 0;
    position: relative;
  }
}
.choices__list--dropdown .choices__item--selectable,
.choices__list[aria-expanded] .choices__item--selectable {
  padding: 10px !important;
}
.choices__list--dropdown .choices__item--selectable::after,
.choices__list[aria-expanded] .choices__item--selectable::after {
  display: none;
}
.avatar {
  position: relative;
  height: 2.625rem;
  width: 2.625rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  color: #fff;
  font-weight: 500;
}
.avatar a.badge:hover {
  color: #fff;
}
.avatar img {
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
}
.avatar.avatar-rounded {
  border-radius: 50%;
}
.avatar.avatar-rounded img {
  border-radius: 50%;
}
.avatar.online:before {
  position: absolute;
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  inset-inline-end: 0;
  inset-block-end: 0;
  border: 2px solid var(--custom-white);
}
.avatar.online:before {
  background-color: rgb(var(--success-rgb));
}
.avatar.avatar-xs {
  width: 1.25rem;
  height: 1.25rem;
  line-height: 1.25rem;
  font-size: 0.65rem;
}
.avatar.avatar-sm {
  width: 1.75rem;
  height: 1.75rem;
  line-height: 1.75rem;
  font-size: 0.65rem;
}
.avatar.avatar-sm.online:before {
  width: 0.5rem;
  height: 0.5rem;
}
.avatar.avatar-md {
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  font-size: 0.8rem;
}
.avatar.avatar-md.online:before {
  width: 0.75rem;
  height: 0.75rem;
}
.avatar.avatar-md svg {
  width: 1.5rem;
  height: 1.5rem;
}
.avatar.avatar-xl {
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  font-size: 1.25rem;
}
.avatar.avatar-xl.online:before {
  width: 0.95rem;
  height: 0.95rem;
}
.avatar.avatar-xxl {
  width: 5rem;
  height: 5rem;
  line-height: 5rem;
  font-size: 1.5rem;
}
.avatar.avatar-xxl.online:before {
  width: 1.05rem;
  height: 1.05rem;
  inset-block-end: 0.25rem;
}
.bg-body {
  background-color: var(--default-body-bg-color) !important;
}
.bg-primary {
  background-color: var(--primary-color) !important;
}
.bg-secondary {
  background-color: rgb(var(--secondary-rgb)) !important;
}
.bg-info {
  background-color: rgb(var(--info-rgb)) !important;
}
.bg-success {
  background-color: rgb(var(--success-rgb)) !important;
}
.bg-warning {
  background-color: rgb(var(--warning-rgb)) !important;
}
.bg-danger {
  background-color: rgb(var(--danger-rgb)) !important;
}
.bg-light {
  background-color: rgb(var(--light-rgb)) !important;
}
.bg-white {
  background-color: var(--custom-white) !important;
}
.bg-outline-info {
  background-color: var(--custom-white);
  border: 1px solid rgb(var(--info-rgb));
  color: rgb(var(--info-rgb));
}
.bg-primary-transparent {
  background-color: var(--primary01) !important;
  color: var(--primary-color) !important;
}
.bg-primary-transparent:hover {
  background-color: var(--primary01) !important;
  color: var(--primary-color) !important;
}
.bg-secondary-transparent {
  background-color: rgba(var(--secondary-rgb), 0.1) !important;
  color: rgb(var(--secondary-rgb)) !important;
}
.bg-secondary-transparent:hover {
  background-color: rgba(var(--secondary-rgb), 0.1) !important;
  color: rgb(var(--secondary-rgb)) !important;
}
.bg-info-transparent {
  background-color: rgba(var(--info-rgb), 0.1) !important;
  color: rgb(var(--info-rgb)) !important;
}
.bg-info-transparent:hover {
  background-color: rgba(var(--info-rgb), 0.1) !important;
  color: rgb(var(--info-rgb)) !important;
}
.bg-success-transparent {
  background-color: rgba(var(--success-rgb), 0.1) !important;
  color: rgb(var(--success-rgb)) !important;
}
.bg-success-transparent:hover {
  background-color: rgba(var(--success-rgb), 0.1) !important;
  color: rgb(var(--success-rgb)) !important;
}
.bg-warning-transparent {
  background-color: rgba(var(--warning-rgb), 0.1) !important;
  color: rgb(var(--warning-rgb)) !important;
}
.bg-warning-transparent:hover {
  background-color: rgba(var(--warning-rgb), 0.1) !important;
  color: rgb(var(--warning-rgb)) !important;
}
.bg-pink-transparent {
  background-color: rgba(var(--pink-rgb), 0.1) !important;
  color: rgb(var(--pink-rgb)) !important;
}
.bg-pink-transparent:hover {
  background-color: rgba(var(--pink-rgb), 0.1) !important;
  color: rgb(var(--pink-rgb)) !important;
}
.border {
  border: 1px solid var(--default-border) !important;
}
.border.border-primary {
  border: 1px solid var(--primary-color) !important;
  opacity: 1;
}
.border.border-light {
  border: 1px solid rgb(var(--light-rgb)) !important;
  opacity: 1;
}
.border.border-2 {
  border-width: 2px !important;
}
.border.border-block-end-dashed {
  border-bottom-style: dashed;
}
.border.border-0 {
  border: 0 !important;
}
.border.border-bottom-0 {
  border-block-end: 0 !important;
}
.border-top {
  border-top: 1px solid var(--default-border) !important;
}
.border-top.border-primary {
  border-color: var(--primary-color) !important;
}
.border-top.border-light {
  border-color: rgb(var(--light-rgb)) !important;
}
.border-bottom {
  border-bottom: 1px solid var(--default-border) !important;
}
.border-bottom.border-block-end-dashed {
  border-bottom-style: dashed !important;
}
.border-bottom.border-primary {
  border-color: var(--primary-color) !important;
}
.border-bottom.border-light {
  border-color: rgb(var(--light-rgb)) !important;
}
.border-start {
  border-inline-start: 1px solid var(--default-border) !important;
}
.border-start.border-primary {
  border-color: var(--primary-color) !important;
}
.border-start.border-light {
  border-color: rgb(var(--light-rgb)) !important;
}
.br-5 {
  border-radius: 0.3125rem;
}
.rounded {
  border-radius: 0.5rem !important;
}
.op-7 {
  opacity: 0.7;
}
.fs-2 {
  font-size: 0.125rem;
}
.fs-3 {
  font-size: 0.1875rem;
}
.fs-4 {
  font-size: 0.25rem;
}
.fs-5 {
  font-size: 0.3125rem;
}
.fs-6 {
  font-size: 0.375rem;
}
.fs-10 {
  font-size: 0.625rem;
}
.fs-11 {
  font-size: 0.6875rem;
}
.fs-12 {
  font-size: 0.75rem;
}
.fs-13 {
  font-size: 0.8125rem;
}
.fs-14 {
  font-size: 0.875rem;
}
.fs-15 {
  font-size: 0.9375rem;
}
.fs-16 {
  font-size: 1rem;
}
.fs-17 {
  font-size: 1.0625rem;
}
.fs-18 {
  font-size: 1.125rem;
}
.fs-20 {
  font-size: 1.25rem;
}
.fs-24 {
  font-size: 1.5rem;
}
.text-default {
  color: var(--default-text-color) !important;
}
.text-muted {
  color: var(--text-muted) !important;
}
.text-primary {
  color: var(--primary-color) !important;
  opacity: 1;
}
.text-secondary {
  color: rgb(var(--secondary-rgb)) !important;
  opacity: 1;
}
.text-info {
  color: rgb(var(--info-rgb)) !important;
  opacity: 1;
}
.text-success {
  color: rgb(var(--success-rgb)) !important;
  opacity: 1;
}
.text-warning {
  color: rgb(var(--warning-rgb)) !important;
  opacity: 1;
}
.text-danger {
  color: rgb(var(--danger-rgb)) !important;
  opacity: 1;
}
.text-dark {
  color: rgb(var(--dark-rgb)) !important;
}
.text-white {
  color: var(--custom-white) !important;
}
a {
  text-decoration: none;
  color: var(--default-text-color);
}
a:hover {
  --bs-text-opacity: 1;
  opacity: 1;
  color: var(--default-text-color);
}
.link-primary {
  color: var(--primary-color) !important;
}
.link-primary:hover,
.link-primary:focus,
.link-primary:active {
  color: var(--primary-color) !important;
}
[data-theme-mode="dark"] .shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(33, 37, 41, 0.3) !important;
}
[data-theme-mode="dark"] .shadow {
  box-shadow: 0 0.5rem 1rem rgba(33, 37, 41, 0.3) !important;
}
.w-auto {
  width: auto;
}

.chloader {
  transform: rotateZ(45deg);
  perspective: 1000px;
  border-radius: 50%;
  width: 248px;
  height: 248px;
  color: #fff;
}
.chloader:before,
.chloader:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  border-radius: 50%;
  transform: rotateX(70deg);
  animation: 1s spinCH linear infinite;
}
.chloader:after {
  color: rgba(132, 90, 223, 0.5);
  transform: rotateY(70deg);
  animation-delay: 0.4s;
}

.sensorboard .card {
  transition:
    background-color 0.2s ease,
    box-shadow 0.2s ease;
}

.sensorboard .card:hover {
  background-color: rgba(0, 123, 255, 0.05);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.sensorboard .measured-value {
  border-radius: 0.25rem;
  transition:
    background-color 0.15s ease,
    color 0.15s ease;
}

.sensorboard .measured-value:hover,
.sensorboard .measured-value:focus {
  background-color: rgba(13, 110, 253, 0.1);
  color: #0d6efd;
  outline: none;
}

.measured-value.active {
  background-color: #e7f1ff !important;
  color: #0366d6 !important;
}

.apexcharts-canvas,
.apexcharts-canvas .apexcharts-series,
.apexcharts-canvas .apexcharts-grid {
  overflow: visible !important;
}

.sensorboard .datasheet {
  display: block; /* your default data-view */
}
.sensorboard .datachart {
  display: none; /* charts hidden by default */
}

.sensorboard.show-charts .datasheet {
  display: none; /* hide data-view when showing charts */
}
.sensorboard.show-charts .datachart {
  display: block; /* show charts panel */
}

.page-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 56px;
  padding: 12px 0 10px;
}

.main-content.app-content {
  min-height: calc(100vh - var(--header-height, 72px));
}

.main-content .container-fluid {
  padding-top: 16px;
}

.page-title {
  margin: 0;
  font-family:var(--brand-font-family);
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.2;
}

.page-toolbar .chat-search {
  padding: 0 !important;
  border: 0 !important;
}
.page-toolbar .chat-search .input-group {
  height: 38px;
}
.page-toolbar .chat-search .position-absolute {
  height: 100%;
}

/* Hide the info icon by default */
.ema-line .ema-info-icon {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
}

/* Show it when hovering over the line or its parent */
.ema-line:hover .ema-info-icon,
.measvalue:hover + .ema-line .ema-info-icon {
  opacity: 1;
  pointer-events: auto;
}

/* ---------- Pins ---------- */
.core-pin {
  position: relative;
}
.core-pin .pin-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
}
.core-pin.pin-fresh .pin-dot {
  background: #2ecc71;
} /* green */
.core-pin.pin-warn .pin-dot {
  background: #f1c40f;
} /* yellow */
.core-pin.pin-stale .pin-dot {
  background: #95a5a6;
} /* gray  */
.core-pin.pin-hi .pin-dot {
  box-shadow:
    0 0 0 2px #4b7bec inset,
    0 0 6px 2px rgba(75, 123, 236, 0.5);
}

/* Pulse animation on value change */
.core-pin.pin-pulse .pin-dot {
  animation: pinPulse 0.7s ease-out 1;
}
@keyframes pinPulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.6);
    opacity: 0.35;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

/* ---------- Legend ---------- */

.map-legend {
  display: inline-block;
  font:
    10px/1.1 system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    Arial,
    sans-serif;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  padding: 2px 6px 3px 6px;
  color: #333;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.map-legend .row {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0;
  flex-wrap: nowrap;
  white-space: nowrap;
  line-height: 1.1;
}
.map-legend .row + .row {
  margin-top: 1px;
}
/* Force true circle in the legend */
.map-legend .legend-dot {
  display: inline-block; /* don't rely on flex intrinsic sizing */
  box-sizing: content-box; /* width/height exclude border */
  width: 8px;
  height: 8px;
  aspect-ratio: 1 / 1; /* keep it perfectly square */
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.25);
  padding: 0; /* no padding -> no oval */
  line-height: 0; /* ignore font metrics */
  transform: none !important; /* avoid inherited transforms */
  flex: 0 0 auto; /* don't stretch in flex */
  align-self: center; /* vertical centering */
}
.legend-dot.fresh {
  background: #2ecc71;
}
.legend-dot.warn {
  background: #f1c40f;
}
.legend-dot.stale {
  background: #95a5a6;
}
.map-legend .count {
  color: #000;
  font-weight: 600;
  margin-right: 2px;
}
.map-legend .muted {
  color: #666;
}

/* ---------- Tooltip ---------- */
.leaflet-tooltip.core-tip {
  box-sizing: border-box;
  min-width: 200px;
  max-width: 260px; /* single source of truth */
  min-height: 48px;
  padding: 6px 8px;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.12);
  color: #222;
  white-space: normal; /* allow wrapping inside */
  font:
    12px/1.35 system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    Arial,
    sans-serif;
}

/* Layout blocks */
.core-tip .tip {
  display: grid;
  gap: 6px;
}
.core-tip .head {
  display: flex;
  align-items: center;
  gap: 8px;
}
.core-tip .head .net {
  width: 18px;
  height: 18px;
  object-fit: contain;
  border-radius: 3px;
}
.core-tip .head .title {
  display: grid;
}
.core-tip .head .name {
  font-weight: 600;
  line-height: 1.2;
}
.core-tip .head .room {
  font-size: 11px;
  color: #666;
}

/* values list */
.core-tip .values {
  display: grid;
  gap: 3px;
}
.core-tip .values .val {
  display: flex;
  align-items: center;
  gap: 6px;
}
.core-tip .values .val i {
  font-size: 14px;
  opacity: 0.85;
}
.core-tip .values .val .txt {
  font-weight: 600;
}

/* footer meta */
.core-tip .meta {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #555;
}
.core-tip .meta .dot {
  opacity: 0.6;
}
.core-tip .meta .state {
  font-weight: 600;
  padding: 1px 6px;
  border-radius: 999px;
  font-size: 11px;
} /* New */ /* Recent */ /* Other */

/* General typography improvements */
/* Keep everything centered on the cross-axis */
#profile-main .contact-row .label,
#profile-main .contact-row .value,
#profile-main .contact-row a {
  display: inline-flex;
  align-items: center;
  line-height: 1.25;
  font-size: 0.95rem;
}

/* Edit mode inputs align with the row too */
#profile-main .contact-row input.form-control {
  display: inline-flex;
  align-self: center;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

/* Tiny button normalization so it doesn't tug the row */
.min-w-0 {
  min-width: 0;
} /* allow text-truncate inside flex */

/* keep label and first line of value on the same baseline */
.contact-row {
  align-items: baseline !important;
}

.contact-row .label,
.contact-row .value {
  line-height: 1.25; /* same line-height for both */
}

.contact-row .label {
  padding-top: 0.05rem;
}

/* keep the copy button from pulling the baseline down */
.contact-row .copy-btn {
  align-self: center; /* centers button without affecting text baseline */
  padding: 0.15rem 0.4rem; /* your xxs sizing */
  line-height: 1.2;
}

.org-selected-row td {
  background-color: rgb(var(--primary-rgb)) !important;
  color: #fff;
}

/* subtle chips for metrics */
.metric-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.35rem 0.6rem;
  border-radius: 999px;
  background: var(--bs-light, #f8f9fa);
  border: 1px solid rgba(0, 0, 0, 0.05);
  font-size: 0.9rem;
  line-height: 1;
}

/* tiny button */

/* little colored dots for summary list */
.dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  display: inline-block;
}

/* optional: skeleton while loading */
@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}

/* Make contact info easier to scan */
#profile-main a {
  text-decoration: none;
}
#profile-main a:hover {
  text-decoration: underline;
}

/* Alert row styling */
.alert-row {
  border-radius: 0.5rem;
  padding: 0.6rem 0.75rem;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    opacity 0.2s ease;
  border: 1px solid transparent;
}

/* Active = soft green */
.alert-active {
  background: rgba(40, 167, 69, 0.08); /* Bootstrap success rgb(40,167,69) */
  border-color: rgba(40, 167, 69, 0.18);
}

/* Inactive = soft grey */
.alert-inactive {
  background: rgba(108, 117, 125, 0.08); /* Bootstrap secondary rgb(108,117,125) */
  border-color: rgba(108, 117, 125, 0.18);
  /* Optional: slightly dim text */
  opacity: 0.95;
}

/* Improve spacing for copy buttons */
.copy-btn {
  padding: 0.15rem 0.4rem;
  font-size: 0.75rem;
  line-height: 1.2;
}

/* Subtle card text readability */
.card.custom-card {
  font-size: 15px;
  line-height: 1.55;
}

/* Right-side panel that sticks while scrolling the page */

#sensor_info #current {
  display: grid !important;
  grid-auto-rows: min-content;
  gap: 6px;
  justify-content: start; /* keep left-aligned */
}

#sensor_info .metric-chip {
  display: flex;
  align-items: center;
  gap: 6px;
  background: #f8f9fa;
  border-radius: 6px;
  padding: 4px 8px;
  width: fit-content;
}

/* Split container */
#mapSplit {
  display: flex;
  gap: 12px;
  align-items: stretch;
}

/* MAP takes all space by default */
#mapWrap {
  flex: 1 1 auto;
  min-width: 260px;
  transition:
    flex-basis 0.28s ease,
    width 0.28s ease;
}

/* PANEL is hidden by width=0 until opened */
#panelWrap {
  width: 0;
  flex: 0 0 auto;
  overflow: hidden;
  transition: width 0.28s ease;
}

/* When panel is open, give it a fixed width and let map shrink */
#mapSplit.panel-open #panelWrap {
  width: 380px;
} /* tweak width here */
#mapSplit.panel-open #mapWrap {
  flex-basis: calc(100% - 380px);
}

/* Make panel content scroll inside */
#sensor_info {
  height: 70vh;
  display: flex;
  flex-direction: column;
}
#sensor_info .card-body {
  flex: 1 1 auto;
  overflow: auto;
}

/* Mobile: panel overlays the map instead of stealing width */
@media (max-width: 991.98px) {
  #mapSplit {
    position: relative;
  }
  #panelWrap {
    position: absolute;
    right: 8px;
    top: 8px;
    bottom: 8px;
    z-index: 1000;
    width: 0;
    max-width: min(92vw, 420px);
  }
  #mapSplit.panel-open #panelWrap {
    width: min(92vw, 420px);
  }
  #mapSplit.panel-open #mapWrap {
    flex-basis: auto;
  } /* map stays full behind */
}

/* Larger text inside the organization modal */
#orgModal .list-group-item {
  font-size: 1rem; /* bump font size */
  line-height: 1.6; /* more breathing space */
  padding-top: 0.75rem; /* taller hit area */
  padding-bottom: 0.75rem;
}

/* Make the org name slightly bolder */
#orgModal .list-group-item .flex-grow-1 {
  font-weight: 500;
}

/* Slightly bigger radio buttons */
#orgModal .form-check-input {
  transform: scale(1.2);
  margin-right: 0.75rem;
}

/* Search input font and spacing */
#orgModal #orgFilter {
  font-size: 1.05rem;
  padding: 0.6rem 0.75rem;
}

@keyframes flashRedBg {
  0%,
  100% {
    background-color: inherit;
  }
  50% {
    background-color: #ffcccc; /* soft light red */
  }
}

.flashing-bg-red {
  animation: flashRedBg 2s ease-in-out infinite;
}

@keyframes spinCH {
  0%,
  100% {
    box-shadow: 0.8em 0px 0 0px currentcolor;
  }
  12% {
    box-shadow: 0.8em 0.8em 0 0 currentcolor;
  }
  25% {
    box-shadow: 0 0.8em 0 0px currentcolor;
  }
  37% {
    box-shadow: -0.8em 0.8em 0 0 currentcolor;
  }
  50% {
    box-shadow: -0.8em 0 0 0 currentcolor;
  }
  62% {
    box-shadow: -0.8em -0.8em 0 0 currentcolor;
  }
  75% {
    box-shadow: 0px -0.8em 0 0 currentcolor;
  }
  87% {
    box-shadow: 0.8em -0.8em 0 0 currentcolor;
  }
}

/* ========================================
   LIGHT MODE COLOR OVERRIDES
   ======================================== */

:root {
  /* New Colors */
  --body-bg-rgb: 225, 217, 237; /* #E1D9ED */
  --default-body-bg-color: rgba(225, 217, 237, 0.4); /* #E1D9ED66 */
  --default-text-color: #0E0E0E;
  
  /* Component Overrides */
  --bg-light-cyan: rgba(0, 193, 212, 0.2); /* #00c1d433 */
  --bg-info-trans: rgba(0, 193, 212, 0.2); /* #00C1D433 */
}

/* Specific component overrides for Light Mode */
.sensorboard .meas.card-body.bg-light {
  background-color: var(--bg-light-cyan) !important;
}

.custom-card.bg-info-transparent {
  background-color: var(--bg-info-trans) !important;
}

.sensorboard .card:hover {
  background-color: rgba(0, 193, 212, 0.2) !important; /* #00c1d433 */
}

.page-toolbar .chat-search {
  border: 1px solid #0E0E0E !important;
}

/* Accordion Buttons */
.accordion-button {
  background-color: rgba(76, 18, 161, 0.8) !important; /* #4C12A1CC */
  color: #FEFEFE !important;
}

.accordion-button:not(.collapsed) {
  background-color: rgb(76, 18, 161) !important; /* #4C12A1 */
  color: #FEFEFE !important;
}

.accordion-button::after {
  color: #FEFEFE !important;
}

/* Loading Spinner - Primary Violet + Highlight Yellow */
.chloader {
  color: #4C12A1; /* Primary Violet */
}

.chloader:after {
  color: #FFCD00 !important; /* Highlight Yellow */
  opacity: 1; /* Ensure visibility */
}

/* ========================================
   DARK MODE COLOR OVERRIDES
   ======================================== */

[data-theme-mode="dark"] {
  --default-text-color: #FEFEFE;
  --custom-white: #141414; /* Card background */
  --header-bg: #141414;
  --menu-bg: #141414;
  --menu-prime-color: #FEFEFE;
  
  /* Component Adjustments */
  --bg-light-cyan-dark: rgba(0, 193, 212, 0.8); /* #00C1D4CC */
}

[data-theme-mode="dark"] .text-dark,
[data-theme-mode="dark"] .card.custom-card {
  color: #FEFEFE !important;
}

[data-theme-mode="dark"] .sensorboard .meas.card-body.bg-light {
  background-color: var(--bg-light-cyan-dark) !important;
}

[data-theme-mode="dark"] .custom-card.bg-info-transparent {
  background-color: var(--bg-light-cyan-dark) !important;
}

/* View Switchers (Chart, Data, Analysis) */
[data-theme-mode="dark"] .sensorboard .nav-link {
  color: #bbb;
}

[data-theme-mode="dark"] .sensorboard .nav-link.active {
  color: #FEFEFE !important;
  text-decoration: underline;
  text-decoration-color: #FEFEFE;
}

/* Timeline Buttons (24H, Today, etc.) */
[data-theme-mode="dark"] .btn.btn-primary-light {
  color: #bbb !important;
}

[data-theme-mode="dark"] .btn.btn-primary-light.active,
[data-theme-mode="dark"] .btn.btn-primary-light:hover {
  color: #FEFEFE !important;
}

/* Modal Triggers */
[data-theme-mode="dark"] [data-bs-target="#groupMeasurementsModal"] {
  color: #bbb;
}

[data-theme-mode="dark"] [data-bs-target="#groupMeasurementsModal"]:hover {
  color: #FEFEFE;
}

/* ============================================================
   ADDITIONAL UI REFINEMENTS (LIGHT & DARK MODE)
   ============================================================ */

/* --- LIGHT MODE REFINEMENTS --- */

/* 1. Measurement Cards Background */
.meas.card-body.bg-light.border-primary {
    background-color: rgba(0, 193, 212, 0.2) !important; /* #00c1d433 */
}

/* 2. Accordion Icon Color */
.accordion-button::after {
    color: #0E0E0E !important;
}

/* 3. Alert Rows (Active & Inactive) */
.alert-row.alert-active {
    background-color: rgba(0, 193, 212, 0.2) !important; /* #00c1d433 */
    border-color: rgba(0, 193, 212, 0.2) !important;
}

.alert-row.alert-inactive {
    background-color: rgba(225, 217, 237, 0.4) !important; /* #E1D9ED66 */
    border-color: rgba(225, 217, 237, 0.4) !important;
}


/* --- DARK MODE REFINEMENTS --- */

[data-theme-mode="dark"] {
    /* 4. Dark Mode Body Background */
    --default-body-bg-color: rgba(20, 20, 20, 0.9) !important; /* #141414e6 */
}

/* 5. Active Tile Icon Color */
[data-theme-mode="dark"] .measico.avatar.text-white.bg-primary,
[data-theme-mode="dark"] .measico.avatar.text-white.bg-primary::before {
    color: #FEFEFE !important;
}

/* 6. Navigation Tabs (nav-style-3) */
/* Inactive Tabs */
[data-theme-mode="dark"] .nav.nav-style-3 .nav-link {
    color: rgba(254, 254, 254, 0.6) !important; /* White with 0.6 opacity */
}

/* Active Tab */
[data-theme-mode="dark"] .nav.nav-style-3 .nav-link.active {
    color: #FEFEFE !important;
    border-block-end: 3px solid #FEFEFE !important;
}

/* Hover State */
[data-theme-mode="dark"] .nav.nav-style-3 .nav-link:hover {
    color: #FEFEFE !important;
}
/* Measured Value Styles - Global */
.measured-value.active {
    background-color: #FEFEFE !important;
    color: #4C12A1 !important; /* Farba textu */
}

.sensorboard .measured-value:hover, 
.sensorboard .measured-value:focus {
    background-color: rgba(254, 254, 254, 0.2) !important; /* #FEFEFE s opacitou 0.2 */
}

/* Dark Mode Refinements */
[data-theme-mode="dark"] .btn-outline-primary {
    color: #FEFEFE !important;
    border-color: #FEFEFE !important;
}