/* Angular Material Autocomplete Component
------------------------------------------------------------ */
md-autocomplete {
  height: 34px;
}
md-autocomplete input:not(.md-input) {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
md-autocomplete input:not(.md-input)::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #999;
}
md-autocomplete input:not(.md-input)::-moz-placeholder {
  /* Firefox 19+ */
  color: #999;
}
md-autocomplete input:not(.md-input):-ms-input-placeholder {
  /* IE 10+ */
  color: #999;
}
md-autocomplete input:not(.md-input):-moz-placeholder {
  /* Firefox 18- */
  color: #999;
}
md-autocomplete input:not(.md-input).has-error {
  border-color: #a94442;
}
md-autocomplete input:not(.md-input):focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.md-visually-hidden {
  display: none;
}
.md-virtual-repeat-container.md-autocomplete-suggestions-container {
  margin-top: -6px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  height: 0;
}
.freeform-autocomplete-menu > li {
  font-size: 14px;
  line-height: 1.828571;
  height: 26px;
  /* This is the style applied to existing matches. */
}
.freeform-autocomplete-menu > li .highlight {
  color: black;
}
.freeform-autocomplete-menu > li:hover,
.freeform-autocomplete-menu > li.selected {
  background: #80a1d1;
  color: white;
}