*:focus {
  outline: none;
}

.nav-search-bar {
  width: 75rem;
  height: 2.2rem;
  display: block;
  border: 0;
  margin: 0;
  padding: 0;
  border-color: #fff;
}

.nav-search-bar:focus {
  border-color: #fff;
  box-shadow: 0 0 3px rgba(228, 121, 17, .5), 0 1px 0 rgba(0, 0, 0, .07) inset;
}

* {
  box-sizing: border-box;
}

body {
  font: 16px Arial;
}


input {
  border: 1px solid transparent;
  background-color: #f1f1f1;
  font-size: 16px;
}

input[type=text] {
  background-color: #f1f1f1;
}

input[type=submit] {
  cursor: pointer;
}

.autocomplete-field {
  top: 45px;
  position: relative;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  z-index: 99;
  width: 75rem;
  overflow: auto;
  height: auto;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 2.5rem;
  right: 0;
}

.autocomplete-items li {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
  list-style-type: none;
}

/*when hovering an item:*/
.autocomplete-items li:hover {
  background-color: #87d9ff;
}

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

.unmatched-word {
  display: none;
}

.autofillList-noneDisplay {
  display: none;
}

.autocomplete-matched {
  color: rgba(255, 102, 0, 0.712);
  font-size: 1.1rem;
}