////////// Manager Header //////////

.header.manager {
  background-color: $navigation-manager-bg;
  border-bottom: 1px solid $border-color;
}

.header.manager .header-logo::before {
  content: url("@images/logo-testio/testio_horizontal_black.svg");
}

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

.header.manager .header-dropdown summary:after {
  background-color: $black;
}

.header.manager .navlink.active {
  color: $black;
  background-color: $navlink-manager-active-bg;
  & .icon {
    color: $black;
  }
}

.header.manager .navlink:hover,
.header.manager .navlink:focus,
.header.manager .navlink.active:focus,
.header.manager .navlink.active:hover,
.header.manager .dropdown-link:focus,
.header.manager .header-dropdown .dropdown-link:hover {
  color: $black;
  background-color: $navlink-manager-hover-bg;
  & .icon {
    color: $black;
  }
}

.header.manager .header-dropdown .dropdown-menu {
  background-color: $white;
  border: 1px solid $border-color;
}