.autocomplete {
    position: relative;
}

.autocomplete-clear {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(45%);
  cursor: pointer;
  font-size: 1rem;
  line-height: 1;
  background-color: rgba(255, 255, 255, 0.8);
}

.autocomplete-clear.d-none {
  display: none;
}

.autocomplete label {
    white-space: nowrap;
}

.autocomplete-items {
    position: absolute;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
    max-height: 15rem;
    overflow-y: auto;

}

.autocomplete-items div {
    padding: 8px 10px;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #d4d4d4;

}

.autocomplete-items div:nth-child(1) {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}


.autocomplete-items div:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9;
}

.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
}