/* from typeahead examples */ .typeahead, .tt-query, .tt-hint { width: 396px; height: 30px; padding: 8px 12px; font-size: 24px; line-height: 30px; border: 2px solid #ccc; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; outline: none; box-sizing: content-box; } .typeahead { background-color: #fff; } .typeahead:focus { border: 2px solid #0097cf; } .tt-query { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .tt-hint { color: #999 } .tt-dropdown-menu { width: 422px; margin-top: 12px; padding: 8px 0; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); z-index: 1001 !important; /*vs leaflet*/ } .tt-suggestion { padding: 3px 20px; font-size: 18px; line-height: 24px; cursor: pointer; } .tt-suggestion.tt-cursor { color: #fff; background-color: #0097cf; } .tt-suggestion p { margin: 0; } /*#custom-templates .empty-message { padding: 5px 10px; text-align: center; }*/ .tt-group-header { margin: 0 20px 5px 20px; padding: 3px 0; border-bottom: 1px solid #ccc; font-size: 100%; } .tt-suggestion { font-size: 100%; line-height: 1.4em; } .tt-suggestion .ec-tt-country, .tt-suggestion .ec-tt-subtitle { font-size: 90%; color: gray; } .tt-suggestion .ec-tt-geocoding { color: steelblue; } .tt-suggestion.tt-cursor .ec-tt-subtitle, .tt-suggestion.tt-cursor .ec-tt-geocoding { color: white; } .tt-dropdown-menu { max-height: 600px; overflow-y: auto; } .tt-suggestion .city-badge { background-color: #AABB55; } .ec-tt-buttons { position: absolute; top: 8px; right: 6px; } .ec-tt-buttons * { padding: 7px 8px; cursor: pointer; } .ec-tt-with-buttons .tt-query, .ec-tt-with-buttons .tt-hint { padding-right: 40px; } .ec-tt-speech.listening { color: #5cb85c /*bootstrap-success*/; } .ec-tt-speech.error { color: #d9534f /*bootstrap-danger*/; }