| 
									
										
										
										
											2017-11-26 14:33:11 +01:00
										 |  |  | /*! Autocomplete.js v2.6.3 | license MIT | (c) 2017, Baptiste Donaux | http://autocomplete-js.com */ | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2017-02-12 15:06:01 +01:00
										 |  |  | @background_color:  white; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | .autocomplete { | 
					
						
							|  |  |  |     position: absolute; | 
					
						
							|  |  |  |     max-height: 0; | 
					
						
							|  |  |  |     overflow-y: hidden; | 
					
						
							|  |  |  |     text-align: left; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     &:active, &:focus, &:hover { | 
					
						
							|  |  |  |       background-color: @background_color; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     &:empty { | 
					
						
							|  |  |  |         display: none; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     > ul { | 
					
						
							|  |  |  |         list-style-type: none; | 
					
						
							|  |  |  |         margin: 0; | 
					
						
							|  |  |  |         padding: 0; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |         > li { | 
					
						
							|  |  |  |             cursor: pointer; | 
					
						
							|  |  |  |             padding: 5px 0 5px 10px; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |             &.active, &:active, &:focus { | 
					
						
							|  |  |  |                 background-color: @color-base; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |                 a:active, a:focus, a:hover { | 
					
						
							|  |  |  |                     text-decoration: none; | 
					
						
							|  |  |  |                 } | 
					
						
							|  |  |  |             } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |             &.locked { | 
					
						
							|  |  |  |                 cursor: inherit; | 
					
						
							|  |  |  |             } | 
					
						
							|  |  |  |         } | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     &.open { | 
					
						
							|  |  |  |         display: block; | 
					
						
							|  |  |  |         background-color: @background_color; | 
					
						
							|  |  |  |         border: 1px solid @color-base; | 
					
						
							|  |  |  |         max-height: 500px; | 
					
						
							|  |  |  |         overflow-y: auto; | 
					
						
							|  |  |  |         z-index:100; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |         &:empty { | 
					
						
							|  |  |  |             display: none; | 
					
						
							|  |  |  |         } | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | @media screen and (max-width: @results-width) { | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |   .autocomplete { | 
					
						
							|  |  |  |     bottom: 0; | 
					
						
							|  |  |  |   } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |   .autocomplete > ul > li { | 
					
						
							|  |  |  |     padding: 7px 0 7px 10px; | 
					
						
							|  |  |  |     border-bottom: 1px solid @color-result-top-border; | 
					
						
							|  |  |  |     text-align: left; | 
					
						
							|  |  |  |   } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | } |