.locationSearch {
   display: inline;
}

.searchList {
   margin-top: 0.3em;
   border: 1px solid rgb(204, 204, 204);
   border-radius: 4px;
   position: absolute;
   background-color: rgb(240, 240, 240);
   min-height: 2em;
   color: black;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   font-size: 14pt;
   z-index: 10;
}

.searchList.select {
   overflow-y: scroll;
   max-height: 20em;
}

.searchList.none {
   display: none;
}

.searchText {
   color: black;
   width: 400px;
   display: inline;
}

.searchItem {
   cursor: pointer;
   color: black;
   padding: 0.1em 0.6em;
   width: 400px;
}

.searchItem:hover, .searchItem.hover {
   background-color: gray;
   color: white;
}

input[type="text"], input[type="search"], select {
   color: black;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   font-size: 16pt;
   background-color: rgb(240, 240, 240);
   border: 1px solid gray;
}

input:focus {
   outline: 1px solid orange;
}

input::-webkit-search-cancel-button {
   -webkit-appearance: none;
   display: none;
   color: gray;
}

input::-ms-clear {
   display: none;
   color: gray;
}