/*** Layout */
html,
body,
#nu-shell,
#nu-shell-main,
#nu-shell-content,
#nu-shell-content-main {
  height: 100%;
}

#nu-shell,
#nu-shell-main,
#nu-shell-sidebar,
#nu-shell-content {
  overflow: hidden;
}

#nu-shell-header,
#nu-shell-sidebar,
#nu-shell-sidebar-content,
#nu-shell-content-breadcrumb {
  flex: 0 0 auto;
}

#nu-shell-content,
#nu-shell-content-main {
  flex: 1 1 auto;
}

#nu-shell-content-main {
  overflow: auto;
}

/*** Sidebar Layout */
#nu-shell-main:hover #nu-shell-content {
  margin-left: -200px;
}

#nu-shell-main.active #nu-shell-content,
#nu-shell-main:hover #nu-shell-content:hover {
  margin-left: 0px;
}

/*** Animation */
#nu-shell-main.shell-animated #nu-shell-content {
  transition: margin 0.25s ease;
}

#nu-shell-main.shell-animated #nu-shell-sidebar {
  transition: all 0.25s ease;
}

/*** Sidebar */
#nu-shell-sidebar {
  width: 60px;
  z-index: 500;
}

#nu-shell-sidebar:hover,
#nu-shell-sidebar .nav-item {
  width: 260px;
}

#nu-shell-main.active #nu-shell-sidebar {
  width: 260px;
}

#nu-shell-sidebar-content {
  border-bottom-right-radius: 15px;
  width: 100%;
}

#nu-shell-header {
  background-color: #59a315;
}

.demo #nu-shell-header {
  background: linear-gradient(90deg, #ffbb00 20em, #59a315 30em, #59a315 100%);
}

#nu-shell-main #sidebarToggleButton {
  cursor: pointer;
}

#nu-shell-main #iconDynamicSidebar {
  opacity: 0;
  z-index: -1;
}

#nu-shell-main #iconVariableSidebar {
  opacity: 1;
  z-index: auto;
}

#nu-shell-main.active #iconDynamicSidebar {
  opacity: 1;
  z-index: auto;
}

#nu-shell-main.active #iconVariableSidebar {
  opacity: 0;
  z-index: -1;
}

#nu-shell-main .nu-sidebar .nav-link {
  padding: 0.25em 1em 0.25em 1.65em;
}

#nu-shell-main .nu-sidebar .nav-link:not(.disabled) {
  color: white;
}

#nu-shell-main .nu-sidebar .nav-link.nu-sidebar-main {
  padding: 1em 1.65em;
  background-color: #3a4851;
  border-top: 1px solid white;
  position: sticky;
  top: 0;
  z-index: 5;
}

#nu-shell-main .nu-sidebar .nav-link.nu-sidebar-main.active {
  color: white;
  background-color: #79B844;
}

#nu-shell-main .nu-sidebar .nav-link.nu-sidebar-main.active:hover {
  color: white;
}

#nu-shell-main .nu-sidebar .nav-link.nu-sidebar-main .bi {
  scale: 1.8;
}

#nu-shell-main .nu-sidebar .nav-link .nu-sidebar-submenu-icon {
  scale: 0.9;
}

#nu-shell-main .nu-sidebar .nav-link.active, #nu-shell-main .nu-sidebar .nav-link:hover {
  color: #79B844;
}

#nu-shell-main .nu-sidebar .nu-sidebar-submenu {
  margin: .5em 0;
}

#nu-shell-main .nu-sidebar #nu-shell-sidebar-footer {
  border-top: 1px solid white;
}

#nu-shell-main .nu-sidebar #nu-shell-sidebar-footer #sidebarToggleButton {
  font-size: 150%;
}

#nu-shell-main .nu-sidebar .simplebar-scrollbar::before {
  background-color: white;
}

#nu-shell-main .nu-sidebar .nav-link .nav-link-text {
  opacity: 0;
  text-overflow: ellipsis;
  overflow: hidden;
}

#nu-shell-main.shell-animated .nu-sidebar .nav-link * {
  transition: opacity 0.25s ease;
}

#nu-shell-main.active #nu-shell-sidebar.nu-sidebar .nav-link .nav-link-text,
#nu-shell-sidebar:hover.nu-sidebar .nav-link .nav-link-text {
  opacity: 1;
}

#nu-shell-sidebar-content {
  background-color: #3a4851;
}

#nu-shell-content-breadcrumb {
  background-color: white;
}

#nu-shell-content-breadcrumb .navbar {
  padding-top: unset;
  padding-bottom: unset;
}

#nu-shell-content-breadcrumb .breadcrumb {
  margin-bottom: 0;
  background-color: unset;
}

/*** Background */
body {
  background-color: #EEEEEE;
  background-image: none;
}

/*** Old Breadcrumb */
#breadcrumb {
  display: none;
}

#breadcrumb_new {
  background-color: unset;
  color: #6c757d;
}

#breadcrumb_new a {
  margin-right: .5em;
}

#breadcrumb_new a + a {
  margin-left: .5em;
}
/*# sourceMappingURL=shell-wo.css.map */