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}