/*Expandable Nav CSS*********************************/
.expandable-nav li {
  position: relative;
  padding: 2px 0;
}
.expandable-nav span.nav-icon {
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px 10px;
  z-index: 100;
}
.expandable-nav span.nav-icon:hover {
  cursor: pointer;
}
.expandable-nav li a {
  color: #308883;
  display: block;
  padding: 7px 25px 7px 18px;
}
.expandable-nav li a:hover {
  color: #2c5a74 !important;
  text-decoration: none;
}
.expandable-nav li a.active {
  color: #308883 !important;
}
.expandable-nav li.collapsed {
  list-style-image: none !important;
  list-style-type: none !important;
}
/*Change indenting */
.expandable-nav .block-content ul.menu {
  margin: 0 !important;
}
.expandable-nav .block-content ul.menu li ul {
  padding: 0;
}
.expandable-nav .block-content ul.menu li ul ul {
  margin: 0 0 0 20px !important;
}
/*Add borders on the expanded menu items*/
.expandable-nav .block-content .menu-block-wrapper > ul.menu > li.hl-active-trail {
  background: #f9f9f9;
}
.expandable-nav .block-content .menu-block-wrapper > ul.menu > li.hl-active-trail > a {
  font-weight: bold;
}
/* Add background to selected sub-menu*/
.expandable-nav .block-content .menu-block-wrapper > ul.menu > li.hl-active-trail > ul {
  background: #f0f0f4;
  border-top: 1px solid #fff;
}
