////////// Manager Sidebar //////////
 
.sidebar.manager,
.header.manager .sidebar {
  background-color: $white;
  border-right: 1px solid $border-color;
}

.sidebar.manager .navlink,
.sidebar.manager .navlink .icon,
.header.manager .sidebar .navlink,
.header.manager .sidebar .navlink .icon {
  color: $black;
}

.sidebar.manager summary:after,
.header.manager summary:after,
.sidebar.manager summary:hover:after,
.header.manager summary:hover:after {
  background-color: $black;
}

.sidebar.manager .navlink.active,
.header.manager .navlink.active {
  color: $black;
  background-color: $teal-darker;
  & .icon {
    color: $black;
  }
}

.sidebar.manager .navlink:hover,
.sidebar.manager .navlink:focus,
.sidebar.manager .navlink.active:focus,
.sidebar.manager .navlink.active:hover,
.header.manager .sidebar .navlink:hover,
.header.manager .sidebar .navlink:focus,
.header.manager .sidebar .navlink.active:focus,
.header.manager .sidebar .navlink.active:hover {
  color: $black;
  background-color: $gray-lighter;
  & .icon {
    color: $black;
  }
}

.sidebar.manager details[open],
.header.manager .sidebar details[open],
.header.manager .sidebar .header-dropdown[open],
.sidebar.manager .sidebar-divider,
.header.manager .sidebar-divider {
  background-color: $gray-lightest;
}