.abbreviation-autocomplete {
  position: relative
}

.abbreviation-autocomplete input[type="text"], .abbreviation-autocomplete ul {
  width: 100%
}

.abbreviation-autocomplete input[type="text"] {
  border: 1px solid #BFBFBF;
  border-radius: 4px;
  padding-left: 10px;
  height: 38px;
}

.abbreviation-autocomplete ul {
  background-color: #FCFAE1;
  border-width: 0 2px 2px 2px;
/*
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
*/
  cursor: pointer;
  margin: 2px;
  padding-left: 2px;
  position: relative
}

.abbreviation-autocomplete ul li {
  list-style-type: none;
  text-align: left
}

.abbreviation-autocomplete ul li.selected {
  background-color: #D0ECD0
}

.abbreviation-autocomplete ul li span.highlight {
  color: #008000
}