/* Sidebar submenu polish (demo UX) */

/* Remove the default arrow injected via app.css */
.sidebar-menu .treeview-menu > li > a::before,
.treeview-menu > li > a::before {
  content: none !important;
  display: none !important;
}

/* Give submenu items a bit more left indent */
.sidebar-menu .treeview-menu > li > a {
  padding-left: 30px !important;
}

/* Ensure the custom bullet looks consistent even if other CSS isn't loaded */
.sidebar-menu .treeview-menu .sub-menu-bullet {
  font-size: 7px;
  margin-right: 8px;
  vertical-align: middle;
  opacity: 0.6;
  display: inline-block;
}

.sidebar-menu .treeview-menu > li.active > a .sub-menu-bullet {
  opacity: 1;
}