/*AUTOCOMPLETE STYLES*/
.vueAutoComplete .popup {
  z-index: 101;
  position: fixed;
  background-color: #FFFFFF;
  color: #333333;
  border: 1px solid #3ba3db;
  overflow: auto;
  min-width: inherit;
  max-height: 25vh;
  outline: none;
  cursor: pointer; }
  .vueAutoComplete .popup .popupItem {
    padding: .4rem;
    border: 1px solid transparent; }
    .vueAutoComplete .popup .popupItem:hover, .vueAutoComplete .popup .popupItem.hover {
      background-color: #eeeeee;
      color: #333333;
      border: 1px solid #DDDDDD; }
    .vueAutoComplete .popup .popupItem:active {
      background-color: #6bb5dd;
      color: #FFFFFF; }
    .vueAutoComplete .popup .popupItem.clearAll {
      color: #AAAAAA; }
  .vueAutoComplete .popup:empty {
    display: none; }

.vueAutoComplete .popup-enter-active {
  animation: autocomplete-fade-in 100ms ease-in; }

.vueAutoComplete .popup-leave-active {
  animation: autocomplete-fade-in 100ms ease-in reverse; }

@keyframes autocomplete-scale-in {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }

@keyframes autocomplete-fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }