
.search {
  position: relative;
}

.search > input {
  padding-right: 2.8125rem;
}

.search > input:focus + button {
  color: #006fcf;
}

.search > input::-ms-clear {
  display: none;
}

.search > input .disabled + button {
  color: #c8c9c7 !important;
}

.search > button {
  color: #53565a;
}

.search > button.btnLoading {
  cursor: default;
}

.searchResults {
  position: absolute;
  background-color: #fff;
  border: 1px solid #ecedee;
  border-radius: 0.25rem;
  z-index: 98;
  width: 100%;
  padding: 0;
  margin: 0.1875rem 0 0;
  font-size: 0.9375rem;
  color: #000;
  text-align: left;
  list-style: none;
  background-clip: padding-box;
  visibility: hidden;
  transition: opacity 0.25S ease-out, visibility 0.25S ease-out;
  will-change: opacity, visibilty;
}

.searchResults:not(:empty) {
  visibility: visible;
}

.searchResultsItem {
  display: block;
  width: 100%;
  clear: both;
  font-weight: normal;
  text-align: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #fff;
}

.searchResultsItem:first-of-type {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.searchResultsItem:last-of-type {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.searchResultsItem:hover, .searchResultsItem:focus {
  outline: none;
  background-color: #f7f8f9;
}

.searchResultsItemLink {
  display: block;
  padding: 0.625rem 0.9375rem;
  min-height: 2.75rem;
  white-space: normal;
}

.searchResultsItem .textTruncate {
  padding: 0.625rem 0.9375rem;
}

.searchResults .noResultsMsg {
  padding: 0.625rem 0.9375rem;
  height: 2.75rem;
}