Update autocomplete.js

themes/bootstrap3/less/components/autocomplete.less

-/* crhallberg/autocomplete.js 0.14 */
+/* https://github.com/vufind-org/autocomplete.js 1.0b */
 @autocomplete-item-bg   : #fff;
 @autocomplete-active-bg : @brand-primary;
-@autocomplete-hover-bg  : lighten(@brand-primary, 60%);
+@autocomplete-hover-bg  : lighten(@brand-primary, 40%);
 @autocomplete-border    : lightgray;
 @autocomplete-secondary : darkgray; // item description
 
 .autocomplete-results {
   position: absolute;
+  display: table;
+  max-width: 500px; /* customized */
   margin: 0;
   margin-top: 2px;
   padding: 0;
   border: 1px solid @autocomplete-border;
   background-color: @autocomplete-item-bg;
-  border-radius: @border-radius-base;
   overflow: hidden;
   z-index: 50;
 
-  .item {
+  .ac-item {
     display: block;
     margin: 0;
-    padding: .75rem 1.25rem;
+    padding: .5rem;
     border-bottom: 1px solid @autocomplete-border;
     cursor: pointer;
 
@@ -36,4 +37,17 @@
       color: @autocomplete-secondary;
     }
   }
+  .ac-section-header {
+    float: right;
+    display: block;
+    margin-top: -1.75rem;
+    padding: 0 .5rem;
+    color: @autocomplete-border;
+    background-color: #fff;
+  }
+  .ac-section-divider {
+    margin: 1rem .5rem;
+    border: 0;
+    border-top: 2px solid @autocomplete-border;
+  }
 }

themes/bootstrap3/scss/components/autocomplete.scss

-/* crhallberg/autocomplete.js 0.14 */
+/* https://github.com/vufind-org/autocomplete.js 1.0b */
 $autocomplete-item-bg   : #fff !default;
 $autocomplete-active-bg : $brand-primary !default;
 $autocomplete-hover-bg  : lighten($brand-primary, 60%) !default;
@@ -7,19 +7,19 @@ $autocomplete-secondary : darkgray !default; // item description
 
 .autocomplete-results {
   position: absolute;
+  display: table;
   margin: 0;
   margin-top: 2px;
   padding: 0;
   border: 1px solid $autocomplete-border;
   background-color: $autocomplete-item-bg;
-  border-radius: $border-radius-base;
   overflow: hidden;
   z-index: 50;
 
   .item {
     display: block;
     margin: 0;
-    padding: .75rem 1.25rem;
+    padding: .5rem;
     border-bottom: 1px solid $autocomplete-border;
     cursor: pointer;
 
@@ -28,7 +28,7 @@ $autocomplete-secondary : darkgray !default; // item description
     &.loading { background-color: $autocomplete-item-bg; }
     &.selected {
       background-color: $autocomplete-active-bg;
-      color: contrast($autocomplete-active-bg);
+      color: if(lightness($autocomplete-active-bg) > 50, black, white);
     }
 
     small {
@@ -36,4 +36,17 @@ $autocomplete-secondary : darkgray !default; // item description
       color: $autocomplete-secondary;
     }
   }
+  .ac-section-header {
+    float: right;
+    display: block;
+    margin-top: -1.75rem;
+    padding: 0 .5rem;
+    color: $autocomplete-border;
+    background-color: #fff;
+  }
+  .ac-section-divider {
+    margin: 1rem .5rem;
+    border: 0;
+    border-top: 2px solid $autocomplete-border;
+  }
 }