// Overrides styles of jquery-ui/autocomplete
//

/* Autocomplete
----------------------------------*/
.ui-autocomplete {
  position: absolute;
  cursor: default;
}

/* Menu
----------------------------------*/
.ui-menu {
  list-style: none;
  padding: calc(#{$line-height} / 4) calc(#{$line-height} / 3);
  display: block;
  background: $body-background;
  border: 1px solid $border;
  font-size: $small-font-size;

  .ui-menu-item {

    .ui-menu-item-wrapper {
      padding: calc(#{$line-height} / 4) calc(#{$line-height} / 3);
      position: relative;
    }

    .ui-state-hover,
    .ui-state-active {
      background: #ececec;
      border-radius: rem-calc(6);
    }
  }

}