zhdk/madek

.ui-autocomplete
  background-clip: padding-box
  background-color: #FFFFFF
  border: 1px solid rgba(0, 0, 0, 0.2)
  border-radius: 6px 6px 6px 6px
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)
  list-style: none outside none
  margin: 2px 0 0
  max-height: 300px
  max-width: 600px
  min-width: 160px
  overflow-y: auto
  padding: 5px 0
  z-index: 1000
  width: 100% !important
  li
    list-style: none outside none
  a.ui-state-focus, a.ui-state-hover, a:hover
    background-color: #0081C2
    background-image: linear-gradient(to bottom, #0088cc, #0077b3)
    background-repeat: repeat-x
    color: #FFFFFF
    outline: 0 none
    text-decoration: none
  a
    clear: both
    color: #333333
    border-bottom: 1px solid $mono-bright
    display: block
    font-weight: normal
    line-height: 20px
    padding: 3px 20px
    overflow: hidden
    text-overflow: ellipsis
    white-space: nowrap
  &.narrow
    width: 300px !important
  &.wide
    width: 500px !important

.ui-helper-hidden-accessible
  display: none