////////// Tester Sidebar //////////
 
.sidebar.tester,
.header.tester .sidebar {
  background-color: $navigation-tester-bg;
}

.sidebar.tester .navlink,
.sidebar.tester .navlink .icon,
.header.tester .sidebar .navlink,
.header.tester .sidebar .navlink .icon {
  color: $white;
}

.sidebar.tester summary:after {
  background-color: $white;
}

.sidebar.tester .navlink.active {
  color: $white;
  background-color: $navlink-tester-active-bg;
  & .icon {
    color: $white;
  }
  &:hover, &:focus {
    color: $navlink-tester-hover-color;
    background-color: $navlink-tester-hover-bg;
    & .icon {
      color: $navlink-tester-hover-color;
    }
  }
}

.sidebar.tester details[open],
.header.tester .sidebar details[open],
.header.tester .sidebar .header-dropdown[open] {
  background-color: $gray-800;
}


.sidebar.tester details summary.navlink:hover,
.sidebar.tester details summary.navlink:focus,
.header.tester .sidebar details summary.navlink:hover,
.header.tester .sidebar details summary.navlink:focus {
  background-color: $gray-800;
}

.header.tester .sidebar details .navlink.test-cycle:hover,
.header.tester .sidebar details .navlink.test-cycle:focus,
.header.tester .sidebar details .navlink.test-cycle.active:hover,
.header.tester .sidebar details .navlink.test-cycle.active:focus,
.sidebar.tester details .navlink.test-cycle:hover,
.sidebar.tester details .navlink.test-cycle:focus {
  background-color: $gray-700;
}

.sidebar.tester .navlink,
.header.tester .sidebar .navlink,
.sidebar.tester .navlink.active,
.header.tester .sidebar .navlink.active,
.sidebar.tester details .navlink,
.sidebar.tester details .navlink.active,
.header.tester .sidebar .navlink,
.header.tester .sidebar .navlink.active,
.header.tester .sidebar .navlink.test-cycle,
.header.tester .sidebar .navlink.test-cycle.active {
  &:hover, &:focus {
    color: $navlink-tester-hover-color;
    background-color: $navlink-tester-hover-bg;
    .icon, .navlink-info {
      color: $navlink-tester-hover-color;
    }
    &:after {
      background-color: $navlink-tester-hover-color;
    }
  }
}

.sidebar.tester .sidebar-divider,
.header.tester .sidebar-divider,
.header.tester .sidebar .sidebar-divider,
.header.tester .header .sidebar-divider {
  background-color: $navlink-tester-hover-bg;
}

.header.tester .sidebar .test-cycle .dropdown-actions .btn,
.sidebar.tester .test-cycle .dropdown-actions .btn,
.header.tester .sidebar .test-cycle .dropdown-actions .btn {
  &:hover, &:focus {
    color: $white;
  }
}