header #navbarSearchResult {
  position: absolute;
  display: none;
  background-color: white;
  overflow-y: auto;
}

header #navbarSearchResult .list-group {
  border-radius: 0;
}

header #navbarSearchResult .list-group-item:hover {
  transition: var(--transition);
  background-color: var(--magenta);
}

header #navbarSearchResult .list-group-item:hover span {
  color: white;
}

header {
  background-color: white;
}

header .navbar-brand {
  background-color: white;
  box-shadow: none;
  font-weight: bold;
}

header .dropdown-toggle {
  background-color: transparent;
  color: black;
  border: 0;
}

header .dropdown-menu {
  border-radius: 0;
  top: 45px !important;
  left: -1px !important;
  padding: 0;
}

header #navbarSearchContainer .dropdown-toggle::after {
  display: none;
}

header #navbarSearchContainer {
  width: 100%;
  margin-right: 5px;
}

header #navbarSearch.form-control {
  transition: 1s all ease;
}

header #navbarSearch.form-control:focus {
  box-shadow: -2px 2px 7px 1px #000000;
  transition: 1s all ease;
}

header .dropdown-menu a {
  transition: 1s all ease;
}

header .dropdown-toggle.show {
  background-color: #dedede;
}

header #messagesBadge {
  left: -30px;
  top: 12px;
}

header #navbarSearchContainer .avatar {
  vertical-align: middle;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

header .navbar-search {
  display: flex;
}

header .dropdown-toggle {
  border-radius: 0;
  padding: 11px;
}

header .notification-element {
  cursor: pointer;
}

header .dropdown-item {
  padding: 0;
}

header .notification-target {
  margin-left: 10px;
}

header .navbar-nav .dropdown-menu {
  position: absolute;
}

@media(max-width: 766px) {

  header .navbar-nav .dropdown-menu {
    position: fixed;
    width: 100%;
  }

}

@media(min-width: 767px) {

  header .sidebar-toggle {
    display: none;
  }

}