.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
  background: #243443 !important;
  color: #ffffff !important;
  opacity: 1 !important;
  box-shadow: 8px 10px 24px rgba(0, 0, 0, 0.28);
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
  border-top-right-radius: 6px;
  font-weight: 600;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
  border-bottom-right-radius: 8px;
  border-left: 1px solid rgba(255, 255, 255, 0.08);
  padding: 6px 0 !important;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu > li > a,
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu .treeview-menu > li > a {
  color: #dce8f1 !important;
  opacity: 1 !important;
  padding-top: 9px;
  padding-bottom: 9px;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu > li.active > a,
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu > li > a:hover,
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu .treeview-menu > li.active > a,
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu .treeview-menu > li > a:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}