.search-container {
  position: absolute;
  right: 0;
  top: 0;
  margin: 16px 10px;
}

#search-field {
  padding: 0 7px 2px 32px!important;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ic2VhcmNoLWljb24iIHdpZHRoPSIyMCIgaGVpZ2h0PSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjYjFiMWIxIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik05Ljg4MiA2LjA3YTQuMDk3IDQuMDk3IDAgMDE0LjA5NC00LjA5NCA0LjA5NyA0LjA5NyAwIDAxNC4wOTUgNC4wOTUgNC4wOTcgNC4wOTcgMCAwMS00LjA5NSA0LjA5NGMtMi4yNTgtLjA0Ny00LjA5NC0xLjg4My00LjA5NC00LjA5NG0xMC4wMjQgMEE1Ljk4NSA1Ljk4NSAwIDAwMTMuOTI5LjA5NEMxMC42ODIuMDk0IDggMi43NzYgOCA2LjA3MWE1Ljk4NSA1Ljk4NSAwIDAwNS45NzYgNS45NzZjLjU2NSAwIDEuMDgzLS4wOTQgMS41NTMtLjIzNWwxLjc4OSAzLjk1MyAxLjY5NC0uOC0xLjc4OC0zLjk1M2MxLjY0Ny0xLjA4MyAyLjY4Mi0yLjg3IDIuNjgyLTQuOTQxTTQgMi45NjVIMi4xMTh2Mi4xNjRIMHYxLjgzNmgyLjExOHYyLjE2NEg0VjYuOTY1aDIuMTE4VjUuMTI5SDR6Ii8+PC9nPjwvc3ZnPg==");
  background-position: 5px 50%;
  background-repeat: no-repeat;
  height: 36px;
  width: 100%;
  min-width: 300px;
  max-width: 400px;
  font-size: 16px;
  padding: 0 7px;
  border: 1px solid #dedede;
  border-radius: 5px;
  text-align: left;
  margin-right: 100px
}

@media (max-width:480px) {
 #search-field {
  min-width: 150px
 }
}

.search-results {
  position: fixed;
  display: none;
  right: 0px;
  background-color: white;
  z-index: 10000;
  width: 30%;
  min-width: 500px;
  top: 102px;
  bottom: 0%;
  padding: 10px;
  border: 1px solid #2d28281a;
  border-radius: 10px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 4px;
}

.search-results-scroll {
    overflow-y: auto;
    height: 100%;
}

.highlight-term {color: #1cb14a}

.list-group-item {
    padding: 25px;
    border: 0px;
    border-bottom: 1px solid #2d28281a;
}