.quickSearch.component { position: relative; display: inline-block; margin: 0; padding: 0; width: 354px; font-size: 90%; background: none; }

.quickSearch.component label.query { display: none; }

.quickSearch.component div.query { position: relative; float: left; width: 300px; }

.quickSearch.component input.query { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; border: solid 1px #ccc; padding: 2px 4px; }
.quickSearch.component input.query:hover { border: 1px solid #edb94a; }
.quickSearch.component input.query:focus { border: solid 1px #EA9E07; }
.quickSearch.component input.query.empty { color: #888; }

.quickSearch.component ul.suggestions { position: absolute; border: solid 1px #ccc; max-height: 600px; overflow-y: auto; background: white; -webkit-box-shadow: 1px 1px 5px #888; -moz-box-shadow: 1px 1px 5px #888; box-shadow: 1px 1px 5px #888; -moz-box-sizing: border-box; box-sizing: border-box; padding: 4px 0; left: 0; top: 105%; width: 100%; z-index: 100; opacity: 0.95; }

/* force scroll bars to be visible in OSX */
.OS_OSX .quickSearch.component ul.suggestions::-webkit-scrollbar { -webkit-appearance: none; }
.OS_OSX .quickSearch.component ul.suggestions::-webkit-scrollbar:vertical { width: 10px; }
.OS_OSX .quickSearch.component ul.suggestions::-webkit-scrollbar:horizontal { height: 10px; }
.OS_OSX .quickSearch.component ul.suggestions::-webkit-scrollbar-thumb { border-radius: 10px; border: 2px solid white; background-color: rgba(0, 0, 0, .5); }

.quickSearch.component ul.suggestions li.none { padding: 4px 8px; color: #888; }
.quickSearch.component ul.suggestions li.none:after { content: "No suggestions"; }

.quickSearch.component ul.suggestions li.querying { padding: 4px 8px; color: #888; }
.quickSearch.component ul.suggestions li.querying:after { content: "Finding suggestions..."; }
.quickSearch.component ul.suggestions li.querying .spinner { position: absolute !important; left: auto !important; right: 15px; }

.quickSearch.component ul.suggestions li.header { padding: 8px; font-weight: bold; color: #8C4E2E; }

.quickSearch.component ul.suggestions li.selectable a { display: block; padding: 4px 4px 4px 16px; -webkit-transition: none; -moz-transition: none; transition: none; }
.quickSearch.component ul.suggestions li.selectable a:hover { color: #1e70a0; } /* prevent the standard link hover effect */
.quickSearch.component ul.suggestions li.selectable.selected { background: #1e70a0; color: white; }
.quickSearch.component ul.suggestions li.selectable.selected a { color: white; }

/* Contains */
.quickSearch.component ul.suggestions li.header[data-type="contains"] { display: none; }
.quickSearch.component ul.suggestions li.suggestion[data-type="contains"] a:before { content: "Item contains:"; padding: 0 4px 0 0; }
.quickSearch.component ul.suggestions li.suggestion.selected[data-type="contains"] a:before { content: "Item contains: "; padding: 0 2px 0 0; color: white; }

.quickSearch.component .button { float: right !important; margin: 0 !important; }