body:not(.page-template-samp) {
  /* Sidebar _____________________________________________________________________*/
}
body:not(.page-template-samp) #sidebar {
  --sidebar-margin: 0rem;
  --sidebar-width: 15rem;
  --sidebar-width-closed: 4.5rem;
  --sidebar-transition: 0.2s;
  --sidebar-radius: unset;
  width: var(--sidebar-width);
  margin: var(--sidebar-margin);
  transition: var(--sidebar-transition);
}
body:not(.page-template-samp) #sidebar .sidebar_container {
  border-radius: var(--sidebar-radius);
  background-color: var(--ui-background-01);
  padding-bottom: var(--padding-05);
  min-height: calc(100vh - var(--sidebar-margin) * 2);
  position: sticky;
  top: var(--sidebar-margin);
  transition: var(--sidebar-transition);
  width: var(--sidebar-width);
}
body:not(.page-template-samp) #sidebar .sidebar_container::after {
  content: "";
  background: var(--primary-100);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
body:not(.page-template-samp) .sidebar_content {
  display: flex;
  flex-direction: column;
  gap: var(--spacer-06);
}
body:not(.page-template-samp) .sidebar_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  padding: 0 var(--padding-04);
  height: 4.5rem;
}
body:not(.page-template-samp) .sidebar_body {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--padding-07);
}
body:not(.page-template-samp) .dark_mode {
  --text-primary: var(--white);
  --ui-background-01: var(--primary-100);
  color: var(--text-primary);
}
body:not(.page-template-samp) .dark_mode .btn-ghost {
  --button-label: var(--white);
  --button-background: transparent;
  --button-border: transparent;
  --button-label-hover: var(--white);
  --button-background-hover: var(--white-tint-20);
  --button-border-hover: transparent;
  --button-label-active: var(--white);
  --button-background-active: #0F40C5;
  --button-border-active: #0F40C5;
  --button-label-focus: #0F40C5;
  --button-background-focus: var(--white);
  --button-border-focus: transparent;
}
body:not(.page-template-samp) .dark_mode .form-search {
  --form-select-background: var(--white-tint-10);
  --form-select-border: var(--white-tint-40);
  --form-select-text: var(--white);
  --form-select-border-focus: var(--white);
  --form-select-focus-ring: 0 0 0 1px var(--white);
}
body:not(.page-template-samp) .dark_mode .form-search::placeholder {
  color: var(--white-tint-40);
}
body:not(.page-template-samp) .dark_mode .input-btn {
  --form-input-button-background-hover: var(--white-tint-20);
  --form-input-button-icon: var(--white);
  --form-input-button-border-focus: var(--white);
  --form-input-button-focus-ring: 0 0 0 1px var(--white);
}
body:not(.page-template-samp) {
  /* Collapsed */
}
body:not(.page-template-samp) #sidebar.collapsed:not(.submenu-open) {
  --sidebar-width: var(--sidebar-width-closed);
}
body:not(.page-template-samp) #sidebar.collapsed .logo,
body:not(.page-template-samp) #sidebar.collapsed .saltds-search,
body:not(.page-template-samp) #sidebar.collapsed .nav-link-text:not(.sub-menu .nav-link-text),
body:not(.page-template-samp) #sidebar.collapsed .btn-toggle .btn_icon,
body:not(.page-template-samp) #sidebar.collapsed .profile_details:not(.profile_menu .profile_details),
body:not(.page-template-samp) .btn-search,
body:not(.page-template-samp) #sidebar:not(.collapsed) .profile_menu .profile_content,
body:not(.page-template-samp) #sidebar.collapsed .menu-item-has-children > .nav-link:after,
body:not(.page-template-samp) #sidebar.collapsed .menu-btn:has(.menu-open),
body:not(.page-template-samp) #sidebar .menu-btn:has(.menu-close) {
  display: none;
}
body:not(.page-template-samp) #sidebar.collapsed .menu-btn:has(.menu-close),
body:not(.page-template-samp) #sidebar .menu-btn:has(.menu-open),
body:not(.page-template-samp) #sidebar.collapsed .btn-search {
  display: flex;
}
body:not(.page-template-samp) #sidebar.collapsed .sidebar_header {
  padding: 0.5rem;
}
body:not(.page-template-samp) #sidebar.collapsed .btn.menu-btn {
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  align-items: center;
  justify-content: center;
}
body:not(.page-template-samp) #sidebar.collapsed .btn.menu-btn {
  background-color: var(--primary-80);
}
body:not(.page-template-samp) #sidebar.collapsed .btn.menu-btn:hover {
  background-color: var(--primary-60);
}
body:not(.page-template-samp) #sidebar.collapsed .sidebar_body {
  align-items: center;
}
body:not(.page-template-samp) #sidebar.collapsed .portal svg {
  left: -15rem;
}
body:not(.page-template-samp) {
  /* Main nav ____________________________________________________________________*/
}
body:not(.page-template-samp) .main_nav .nav {
  --nav-link-padding-x: var(--padding-05);
  --nav-link-padding-y: var(--padding-03);
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
body:not(.page-template-samp) {
  /* .nav-item {
      position: relative;
  } */
}
body:not(.page-template-samp) .main_nav .nav-item .nav-link,
body:not(.page-template-samp) .main_nav .nav-link.submenu_toggle.active {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: var(--font-weight-md);
  padding: var(--nav-link-padding-y) var(--nav-link-padding-x);
  border-radius: var(--border-radius-md);
  background-color: transparent;
  color: var(--primary-20);
  display: flex;
  align-items: center;
  gap: 1rem;
  position: relative;
}
body:not(.page-template-samp) .main_nav .nav-link.submenu_toggle.active {
  color: var(--white);
}
body:not(.page-template-samp) .main_nav .nav-item.current_page_item > .nav-link::before {
  content: "";
  width: 0.25rem;
  height: 100%;
  background-color: #fff;
  position: absolute;
  right: -0.5rem;
  top: 0;
  border-top-left-radius: var(--border-radius-md);
  border-bottom-left-radius: var(--border-radius-md);
}
body:not(.page-template-samp) .main_nav .nav-item .nav-link:hover {
  background-color: var(--primary-20);
  border-color: transparent;
  color: var(--primary-70);
}
body:not(.page-template-samp) .main_nav .nav-link.active {
  background-color: var(--white-tint-70);
  color: var(--action-text-01);
}
body:not(.page-template-samp) .main_nav .nav-link.submenu_toggle.active:after {
  transform: rotate(180deg) translateY(50%);
}
body:not(.page-template-samp) .menu-item-has-children > .nav-link {
  position: relative;
}
body:not(.page-template-samp) .menu-item-has-children > .nav-link:after {
  font: var(--fa-font-solid);
  content: "\f054";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: var(--nav-link-padding-x);
}
body:not(.page-template-samp) .nav .sub-menu .nav-link {
  --nav-link-padding-x: var(--padding-03);
  --nav-link-padding-y: var(--padding-03);
  padding-inline-start: var(--padding-08);
}
body:not(.page-template-samp) {
  /* .menu-item-spacer {
      margin-bottom: 1rem;
  } */
}
body:not(.page-template-samp) .menu-item-divider {
  padding: 0;
  border-bottom: 1px solid var(--white-tint-40);
  margin: 1.25rem;
}
body:not(.page-template-samp) .menu-item-divider-text {
  display: none;
}
body:not(.page-template-samp) .menu-item-header {
  padding: 0;
  font-weight: 500;
  font-size: 1.25rem;
  margin: 1rem 1.25rem 0.5rem;
}
body:not(.page-template-samp) {
  /* Submenu drawer _____________________________________________________________ */
}
body:not(.page-template-samp) .main_nav .sub-menu {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--sidebar-width);
  height: 100%;
  overflow: hidden;
  background: var(--primary-90);
  color: var(--primary-20);
  box-shadow: inset 5rem 0 1rem 0 rgba(0, 0, 0, 0.2509803922);
  padding: 0 0.5rem;
  border-radius: var(--sidebar-radius);
  z-index: -5;
  transition: 0.2s;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 0;
  overflow-y: auto;
  list-style-type: none;
}
body:not(.page-template-samp) #sidebar.submenu-open .sidebar_container {
  width: var(--sidebar-width-closed);
}
body:not(.page-template-samp) .sub_menu_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0 0 1rem;
}
body:not(.page-template-samp) .sub_menu_title {
  white-space: nowrap;
  color: var(--white);
}
body:not(.page-template-samp) .sub_menu_title i {
  display: none;
}
body:not(.page-template-samp) #sidebar.collapsed.submenu-open {
  width: var(--sidebar-width);
}
body:not(.page-template-samp) .submenu-open .main_nav .submenu_toggle.active ~ .sub-menu {
  padding-left: calc(0.5rem + var(--sidebar-width-closed));
  z-index: -2;
}
body:not(.page-template-samp) .sub-menu-items {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
body:not(.page-template-samp) .main_nav {
  padding: 0 var(--padding-03);
}
body:not(.page-template-samp) .main_nav .sub-menu-items .nav-link {
  background: transparent;
  padding: 0.5rem 1rem;
  border-radius: var(--border-radius-md);
  display: block;
  text-decoration: none;
  transition: 0.15s;
  border: 1px solid transparent;
  position: relative;
  height: auto;
  min-height: unset;
}
body:not(.page-template-samp) .main_nav .nav .nav-item .submenu_toggle.active,
body:not(.page-template-samp) .sub-menu .current-menu-item .active,
body:not(.page-template-samp) .main_nav .current-menu-item .nav-link:not(.sub-menu .nav-link) {
  background-color: var(--white-tint-10);
  border-color: transparent;
  color: var(--action-text-02);
}
body:not(.page-template-samp) {
  /* Logo ________________________________________________________________________*/
}
body:not(.page-template-samp) .logo {
  display: flex;
  align-items: flex-start;
  gap: var(--padding-03);
  color: var(--white);
  white-space: nowrap;
}
body:not(.page-template-samp) .logo.samp {
  padding: var(--padding-03);
  align-items: center;
}
body:not(.page-template-samp) .logo.samp img {
  height: 2rem;
}
body:not(.page-template-samp) .logo .dsname {
  font-size: var(--typescale-03);
  letter-spacing: 0;
  line-height: 1.5rem;
  font-weight: var(--font-weight-md);
}
body:not(.page-template-samp) a.home_link {
  text-decoration: none;
}
body:not(.page-template-samp) .portal {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16rem;
  overflow: hidden;
  z-index: -1;
  border-radius: 1rem;
  mix-blend-mode: color-dodge;
  opacity: 0.8;
}
body:not(.page-template-samp) .portal svg {
  position: absolute;
  bottom: -6rem;
  left: -6.25rem;
  transition: 0.2s;
}
@keyframes moveInCircle {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes moveVertical {
  0% {
    transform: translateY(-50%);
  }
  50% {
    transform: translateY(50%);
  }
  100% {
    transform: translateY(-50%);
  }
}
@keyframes moveHorizontal {
  0% {
    transform: translateX(-50%) translateY(-10%);
  }
  50% {
    transform: translateX(50%) translateY(10%);
  }
  100% {
    transform: translateX(-50%) translateY(-10%);
  }
}
body:not(.page-template-samp) .gradient-bg {
  --color1: 9, 38, 118;
  --color2: 15, 64, 197;
  --color3: 9, 38, 118;
  --color4: 12, 51, 158;
  --col1-op: 1;
  --col2-op: 0.8;
  --col3-op: 0.8;
  --col4-op: 0.6;
  --col5-op: 1;
  --circle-size: 80%;
  --blending: hard-light;
  display: none;
  position: absolute;
  overflow: hidden;
  background: linear-gradient(40deg, var(--primary-100), var(--primary-100));
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -2;
}
body:not(.page-template-samp) .gradient-bg svg {
  display: none;
}
body:not(.page-template-samp) .gradients-container {
  filter: url(#goo) blur(40px);
  width: 100%;
  height: 100%;
}
body:not(.page-template-samp) .g1 {
  position: absolute;
  background: radial-gradient(circle at center, rgba(var(--color1), 0.8) 0, rgba(var(--color1), 0) 50%) no-repeat;
  mix-blend-mode: var(--blending);
  width: var(--circle-size);
  height: var(--circle-size);
  top: calc(50% - var(--circle-size) / 2);
  left: calc(50% - var(--circle-size) / 2);
  transform-origin: center center;
  animation: moveVertical 60s ease infinite;
  opacity: var(--col1-op);
}
body:not(.page-template-samp) .g2 {
  position: absolute;
  background: radial-gradient(circle at center, rgba(var(--color2), 0.8) 0, rgba(var(--color2), 0) 50%) no-repeat;
  mix-blend-mode: var(--blending);
  width: var(--circle-size);
  height: var(--circle-size);
  top: calc(50% - var(--circle-size) / 2);
  left: calc(50% - var(--circle-size) / 2);
  transform-origin: calc(50% - 400px);
  animation: moveInCircle 40s reverse infinite;
  opacity: var(--col2-op);
}
body:not(.page-template-samp) .g3 {
  position: absolute;
  background: radial-gradient(circle at center, rgba(var(--color3), 0.8) 0, rgba(var(--color3), 0) 50%) no-repeat;
  mix-blend-mode: var(--blending);
  width: var(--circle-size);
  height: var(--circle-size);
  top: calc(50% - var(--circle-size) / 2 + 200px);
  left: calc(50% - var(--circle-size) / 2 - 500px);
  transform-origin: calc(50% + 400px);
  animation: moveInCircle 80s linear infinite;
  opacity: var(--col3-op);
}
body:not(.page-template-samp) .g4 {
  position: absolute;
  background: radial-gradient(circle at center, rgba(var(--color4), 0.8) 0, rgba(var(--color4), 0) 50%) no-repeat;
  mix-blend-mode: var(--blending);
  width: var(--circle-size);
  height: var(--circle-size);
  top: calc(50% - var(--circle-size) / 2);
  left: calc(50% - var(--circle-size) / 2);
  transform-origin: calc(50% - 200px);
  animation: moveHorizontal 80s ease infinite;
  opacity: var(--col4-op);
}
body:not(.page-template-samp) .g5 {
  position: absolute;
  background: radial-gradient(circle at center, rgba(var(--color5), 0.8) 0, rgba(var(--color5), 0) 50%) no-repeat;
  mix-blend-mode: var(--blending);
  width: calc(var(--circle-size) * 2);
  height: calc(var(--circle-size) * 2);
  top: calc(50% - var(--circle-size));
  left: calc(50% - var(--circle-size));
  transform-origin: calc(50% - 800px) calc(50% + 200px);
  animation: moveInCircle 40s ease infinite;
  opacity: var(--col5-op);
}
body:not(.page-template-samp) {
  /* Remove native clear button from search */
}
body:not(.page-template-samp) [type=search]::-webkit-search-cancel-button,
body:not(.page-template-samp) [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
}
body:not(.page-template-samp) {
  /* Search button hide & reveal*/
}
body:not(.page-template-samp) .btn.btn-search {
  height: 2.75rem;
  width: 2.75rem;
}
body:not(.page-template-samp) {
  /* Badge stuff */
}
body:not(.page-template-samp) .main_nav .sub-menu-items .nav-link:has(.badge[aria-label=Planned]) {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body:not(.page-template-samp) .main_nav .sub-menu-items .nav-link:has(.badge[aria-label=Planned]) .nav-link-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
body:not(.page-template-samp) .badge[aria-label=Planned] {
  position: relative;
  top: unset;
  right: unset;
  transform: none;
}