1span.twitter-typeahead .tt-menu, 2span.twitter-typeahead .tt-dropdown-menu { 3 position: absolute; 4 top: 100%; 5 left: 0; 6 z-index: 1000; 7 display: none; 8 float: left; 9 min-width: 160px; 10 padding: 5px 0; 11 margin: 2px 0 0; 12 list-style: none; 13 font-size: 14px; 14 text-align: left; 15 background-color: #ffffff; 16 border: 1px solid #cccccc; 17 border: 1px solid rgba(0, 0, 0, 0.15); 18 border-radius: 4px; 19 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); 20 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); 21 background-clip: padding-box; 22} 23span.twitter-typeahead .tt-suggestion { 24 display: block; 25 padding: 3px 20px; 26 clear: both; 27 font-weight: normal; 28 line-height: 1.42857143; 29 color: #333333; 30 white-space: nowrap; 31} 32span.twitter-typeahead .tt-suggestion .tt-highlight{ 33 font-weight: bold; 34 color: #a94442; 35 /*text-decoration: underline;*/ 36} 37span.twitter-typeahead .tt-suggestion.tt-cursor, 38span.twitter-typeahead .tt-suggestion:hover, 39span.twitter-typeahead .tt-suggestion:focus { 40 color: #ffffff; 41 text-decoration: none; 42 outline: 0; 43 background-color: #337ab7; 44} 45.input-group.input-group-lg span.twitter-typeahead .form-control { 46 height: 46px; 47 padding: 10px 16px; 48 font-size: 18px; 49 line-height: 1.3333333; 50 border-radius: 6px; 51} 52.input-group.input-group-sm span.twitter-typeahead .form-control { 53 height: 30px; 54 padding: 5px 10px; 55 font-size: 12px; 56 line-height: 1.5; 57 border-radius: 3px; 58} 59/*span.twitter-typeahead { 60 width: 100%; 61}*/ 62.input-group span.twitter-typeahead { 63 display: block !important; 64 height: 34px; 65} 66.input-group span.twitter-typeahead .tt-menu, 67.input-group span.twitter-typeahead .tt-dropdown-menu { 68 top: 32px !important; 69} 70.input-group span.twitter-typeahead:not(:first-child):not(:last-child) .form-control { 71 border-radius: 0; 72} 73.input-group span.twitter-typeahead:first-child .form-control { 74 border-top-left-radius: 4px; 75 border-bottom-left-radius: 4px; 76 border-top-right-radius: 0; 77 border-bottom-right-radius: 0; 78} 79.input-group span.twitter-typeahead:last-child .form-control { 80 border-top-left-radius: 0; 81 border-bottom-left-radius: 0; 82 border-top-right-radius: 4px; 83 border-bottom-right-radius: 4px; 84} 85.input-group.input-group-sm span.twitter-typeahead { 86 height: 30px; 87} 88.input-group.input-group-sm span.twitter-typeahead .tt-menu, 89.input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu { 90 top: 30px !important; 91} 92.input-group.input-group-lg span.twitter-typeahead { 93 height: 46px; 94} 95.input-group.input-group-lg span.twitter-typeahead .tt-menu, 96.input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu { 97 top: 46px !important; 98} 99 100/* Added by Observium developers 101 see: https://stackoverflow.com/questions/17957513/extending-the-width-of-bootstrap-typeahead-to-match-input-field */ 102.twitter-typeahead, .tt-hint, .tt-input, .tt-menu { 103 width: 100%; 104}