Easy Autocomplete Profile Styling

profile-autocomplete.scss

.easy-autocomplete { width: 100% !important; position: relative;
  a { display: block; }
  .easy-autocomplete input {  float: none;
    &:hover, &:focus { box-shadow: none; border: none; }
  }
  .easy-autocomplete-container { left: 0; right: 0; margin: 0 auto; position: absolute; width: 70%; z-index: 15;
    ul { display: none; margin-top: 0; padding-bottom: 0; padding-left: 0; position: relative; top: -1px; background: $white;  max-height:400px; overflow-x: hidden; overflow-y: auto;
      li, .eac-category { display: block;
        &.selected { cursor: pointer; }
        div { display: block; font-weight: normal; word-break: break-word; }
        b { font-weight: bold; }
      }

    }
  }
}

.profileResult { overflow:hidden; border-bottom: 1px #e9e9e9 solid; padding: 15px;
  a { display: block; text-decoration: none; }
  .profileImage { float: left; width: 15%; float: left; max-width: 100px;
    img { width: auto; }
  }
  .profileText { color: #3e3e3e; width: 85%; padding: 15px 20px; text-align: left; float: left;
    h3 { font-size: 18px; color:#3e3e3e; font-family:Arial; }
    h4 { font-family: Arial; font-size: 15px; font-weight:normal; padding: 8px 0; color: #3e3e3e; font-weight: bold; }
    p { font-style: italic; font-size: 13px; color: #3e3e3e; line-height: 17px; font-family: Arial; }
  }
  &:hover { background: lighten(#3e3e3e,66%); }
}