.logo {
  width: 180px;
}

.logo img {
  height: 39px;
  margin-left: 1.16em;
  width: 166px;
  object-fit: contain;
}

#nav-top {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--dark-grey);
}

#nav-top-left {
  display: flex;
}

#nav-top-right {
  display: flex;
  align-items: center;
  width: 11em;
}

.notification {
  display: block;
  border-radius: 50%;
  width: 3em;
  height: 3em;
  background: url('/img/default/new-notification-dot.svg') no-repeat 70% 30%, var(--light-grey) url('/img/default/notification.svg') no-repeat 50% 50%;
  cursor: pointer;
}

#universal-search {
  margin-left: 1.5em;
  display: flex;
}

.search-holder input,
#universal-search input {
  border: none;
  width: 23em;
  padding: 0 1.4em 0 0.8em;
  height: 3.3em;
  font-size: 1em;
  border-radius: 0 0.3em 0.3em 0;
  background: var(--light-grey) url('/img/default/search.svg')  96% 50%  no-repeat;
}

#universal-search select {
  width: 7em;
  font-size: 1em;
  line-height: 1.3;
  padding: 0.9em 1.4em 0.9em 0.8em;
  box-sizing: border-box;
  margin: 0;
  border: none;
  border-radius: 0.3em 0 0 0.3em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--dark-grey);
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23001E3D%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat, repeat;
  background-position: right 0.7em top 50%, 0 0;
  background-size: 0.65em auto, 100%;
}

#nav-top div {
  align-self: center;
}