/* https://github.com/vufind-org/autocomplete.js (v2.1.3) */
.autocomplete-results {
  position: absolute;
  display: none;
  box-sizing: border-box;
  background-color: white;
  overflow: hidden;
  
  z-index: 1010;
  
  border:solid 1px var(--libri-logo-dark); width:40%; /* height: 40vh; */ background-color: #fff; border-radius:5px; 
  margin-top: 10px;
  margin-left:-3px;
  -webkit-box-shadow:0 14px 26px -12px rgba(153,153,153,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(153,153,153,.2);
  -moz-box-shadow:0 14px 26px -12px rgba(153,153,153,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(153,153,153,.2);
  box-shadow:0 14px 26px -12px rgba(153,153,153,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(153,153,153,.2);
  padding:5px;
  }
  
  
.autocomplete-results.open {
  display: table;
}

.ac-item {
  display: block;
  margin: 0;
  padding: 0.6rem;
 /* border-bottom: 1px solid #e2e8f0;*/
  border-radius:4px;
  cursor: pointer;
  text-decoration: none;
}
.ac-item:last-child {
  border: 0;
}

.ac-item.is-selected,
.ac-item:hover {
  color: white;
  background-color: var(--libri-logo-dark);
  background-color: #5c517b; 
  
} 
.ac-item small {
  display: block;
  color: #718096;
  text-decoration: none;
}
.ac-item.is-selected small,
.ac-item:hover small {
  color: #e2e8f0;
}

.ac-header {
  font-size: smaller;
  color: white;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #eee;
}
.ac-header:hover {
  background-color: gray;
  cursor: default;
}

.ac-item[disabled],
.ac-item[disabled] small {
  color: #4a5568;
  background-color: white; /* #F7FAFC; */
  cursor: default;
}