/* Example tokeninput style #1: Token vertical list*/ ul.token-input-list-facet { overflow: hidden; height: auto !important; height: 1%; width: 95%; border: 1px solid #999; cursor: text; font-size: 12px; font-family: Verdana; z-index: 999; margin: 0; padding: 0; background-color: #fff; list-style-type: none; clear: left; } ul.token-input-list-facet li { list-style-type: none; } ul.token-input-list-facet li input { border: 0; width: 350px; padding: 3px 8px; background-color: white; -webkit-appearance: caret; } li.token-input-token-facet { overflow: hidden; height: auto !important; height: 1%; margin: 3px; padding: 3px 5px; background-color: #d0efa0; color: #000; font-weight: bold; cursor: default; display: block; } li.token-input-token-facet p { float: left; padding: 0; margin: 0; } li.token-input-token-facet span { float: right; color: #777; cursor: pointer; } li.token-input-selected-token-facet { background-color: #08844e; color: #fff; } li.token-input-selected-token-facet span { color: #bbb; } div.token-input-dropdown-facet { position: relative; width: 95%; height: 150px; max-height: 200px; background-color: #E5F4FB; overflow: auto; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; cursor: default; font-size: 12px; font-family: Verdana; z-index: 1; } div.token-input-dropdown-facet p { margin: 0; padding: 5px; font-weight: bold; color: #777; } div.token-input-dropdown-facet ul { margin: 0; padding: 0; } div.token-input-dropdown-facet ul li { background-color: #E5F4FB; padding: 3px; list-style-type: none; } div.token-input-dropdown-facet ul li.token-input-dropdown-item-facet { background-color: #E5F4FB; } div.token-input-dropdown-facet ul li.token-input-dropdown-item2-facet { background-color: #E5F4FB; } div.token-input-dropdown-facet ul li em { font-weight: bold; font-style: normal; } div.token-input-dropdown-facet ul li.token-input-selected-dropdown-item-facet { background-color: #d0efa0; } .token-input-blur-text-facet { font-style: italic; color: #AAA; }