

#searchResultsContainer {
    max-height: 300pt;
    overflow: auto;
    scrollbar-color: rgb(37, 124, 224) rgb(126, 196, 243);
    scrollbar-width: thin;
}

#searchResultsContainer::-webkit-scrollbar {
  width: 8px;
}

#searchResultsContainer::-webkit-scrollbar-track {
  background: rgb(126, 196, 243);
}

#searchResultsContainer::-webkit-scrollbar-thumb {
  background-color: rgb(37, 124, 224);
  border-radius: 20px;
}

#searchResultsContainer li {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 40pt;
  overflow: hidden;
}
#searchResultsContainer a > img {
  height: 100%;
  width: auto;
}
#searchResultsContainer a > div {
  padding: 5pt;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}


/* ========================================================================
   Component: Dropdown
 ========================================================================== */
/*
 * 1. Hide by default
 * 2. Set position
 * 3. Set a default width
 * 4. Style
 */
.uk-dropdown {
  /* 1 */
  display: none;
  /* 2 */
  position: absolute;
  z-index: 1020;
  /* 3 */
  box-sizing: border-box;
  /* 4 */
  padding: 5px;
  background: rgba(126,175,217,0.8);
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);
  border-radius: 4pt;
  width: 390px;
}
@media only screen and (max-width : 500px) {
  .uk-dropdown {
  width: 370px;   
  }
}
/* Show */
.uk-dropdown.uk-open {
  display: block;
}