.autocomplete {
  position: relative;
  margin-bottom: 4px;
}
.autocomplete input[type=text],
.autocomplete .matches {
  width: 400px;
}
.autocomplete div {
  background: white;
  cursor: pointer;
}
.autocomplete .matches {
  position: absolute;
  top: 100%;
  left: 0;
  border: 1px solid #888;
  max-height: 220px;
  overflow-y: auto;
  z-index: 1;
}
.autocomplete .matches div {
  padding: 3px;
}
.autocomplete .matches div:nth-child(even) {
  background: #eee;
}
.autocomplete .matches div:nth-child(odd) {
  background: #fff;
}
.autocomplete .matches div:nth-child(even).selected,
.autocomplete .matches div:nth-child(odd).selected {
  color: #fff;
  background: #000;
  cursor: pointer;
}
.autocomplete .selected {
  background: rgba(128,128,128,0.2);
}