ul.app-sidebar-nav {
  list-style-type: none;
  padding: 0 1rem;
  margin: 0;
}
ul.app-sidebar-nav > li {
  margin-bottom: 0.75rem;
}
ul.app-sidebar-nav > li:last-child {
  margin-bottom: 0;
}
ul.app-sidebar-nav > li > .app-sidebar-nav-item {
  display: flex;
  align-items: center;
  transition: 0.2s ease;
}
ul.app-sidebar-nav > li > .app-sidebar-nav-item > a {
  cursor: pointer;
  flex: 1;
  display: flex;
  align-items: center;
  padding: 0.25rem 0;
  color: #495057;
  color: var(--color-gray-700);
  font-size: 0.875rem;
  text-decoration: none;
  transition: color 0.2s ease;
}
ul.app-sidebar-nav > li > .app-sidebar-nav-item > a > ion-icon {
  color: #212529;
  color: var(--color-gray-900);
  font-size: 1.25rem;
  margin-right: 0.875rem;
  --ionicon-stroke-width: 2.5rem;
  transition: color 0.2s ease;
}
ul.app-sidebar-nav > li .app-sidebar-nav-more {
  cursor: pointer;
  flex: 0 0 auto;
  padding-left: 0.25rem;
  color: #ced4da;
  color: var(--color-gray-400);
  font-size: 0.875rem;
  --ionicon-stroke-width: 100px;
}
ul.app-sidebar-nav > li.active > div > a {
  color: #247bff;
}
ul.app-sidebar-nav > li.active > div > a > i, ul.app-sidebar-nav > li.active > div > a > ion-icon {
  color: #247bff;
  color: var(--color-primary);
}
ul.app-sidebar-nav > li > .app-sidebar-nav-item:hover > a {
  color: #247bff;
  color: var(--color-primary);
}
ul.app-sidebar-nav > li > .app-sidebar-nav-item:hover > a > i, ul.app-sidebar-nav > li > .app-sidebar-nav-item:hover > a > ion-icon {
  color: #247bff;
  color: var(--color-primary);
}
.app-sidebar-nav-child {
  display: none;
  padding-top: 0.5rem;
  padding-left: 1rem;
  margin-bottom: 0.75rem;
}
.app-sidebar-nav-child.active {
  display: block;
}
.app-sidebar-nav-child > ul {
  list-style-type: none;
  width: 100%;
  padding: 0.5rem;
  background-color: #f1f3f5;
  background-color: var(--color-gray-100);
  border-radius: 6px;
  transition: background-color 0.2s ease;
}
.app-sidebar-nav-child > ul > li {
  padding: 0.5rem;
  margin-bottom: 0.25rem;
  border-radius: 6px;
  transition: 0.2s ease;
}
.app-sidebar-nav-child > ul > li:last-child {
  margin-bottom: 0;
}
.app-sidebar-nav-child > ul > li > a {
  flex: 1;
  display: flex;
  align-items: center;
  color: #868e96;
  color: var(--color-gray-600);
  font-size: 0.875rem;
  text-decoration: none;
}
.app-sidebar-nav-child > ul > li > a > i, .app-sidebar-nav-child > ul > li > a > ion-icon {
  color: #adb5bd;
  color: var(--color-gray-500);
  font-size: 1rem;
  margin-right: 0.75rem;
  --ionicon-stroke-width: 3rem;
}
.app-sidebar-nav-child > ul > li.active > a {
  color: #247bff;
}
.app-sidebar-nav-child > ul > li.active > a > i, .app-sidebar-nav-child > ul > li.active > a > ion-icon {
  color: #247bff;
}
/*# sourceMappingURL=ba42f76404dc5c6e8b82c37e44a475690b2de3fd.sidebar-nav.scss.map */