some autocomplete clan & family testing

system/styles/scss/npc.scss

@@ -182,4 +182,16 @@
     input[type="number"] {
         width: auto;
     }
+    form .form-group {
+        border-bottom: solid #8080803d 1px;
+
+        &.smaller {
+            > label {
+                flex: 10;
+            }
+            .form-fields {
+                flex: 1;
+            }
+        }
+    }
 }

system/styles/scss/ui.scss

@@ -917,3 +917,36 @@ button {
         display: none;
     }
 }
+
+.autocomplete {
+    /*the container must be positioned relative:*/
+    position: relative;
+    display: inline-block;
+
+    .autocomplete-items {
+        position: absolute;
+        border: 1px solid #d4d4d4;
+        border-bottom: none;
+        border-top: none;
+        z-index: 99;
+        /*position the autocomplete items to be the same width as the container:*/
+        top: 100%;
+        left: 0;
+        right: 0;
+    }
+    .autocomplete-items div {
+        padding: 10px;
+        cursor: pointer;
+        background-color: #fff;
+        border-bottom: 1px solid #d4d4d4;
+    }
+    .autocomplete-items div:hover {
+        /*when hovering an item:*/
+        background-color: #e9e9e9;
+    }
+    .autocomplete-active {
+        /*when navigating through the items using the arrow keys:*/
+        background-color: DodgerBlue !important;
+        color: #ffffff;
+    }
+}