// ====================== Twitters Typeahead.js =======================

span.twitter-typeahead {
  width: 100%;
}

// dropdown suggestion menu
.tt-dropdown-menu {
  width: 100%;
  max-height: 250px;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: auto;

  margin-top: 8px;
  padding: 8px 0;

  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
}

// individual suggestions
.tt-suggestion {
  padding: 2px 12px;
  font-size: 14px;
  line-height: 20px;
}

// active and :hover
.tt-suggestion.tt-cursor {
  cursor: pointer;
  color: @suggestion-active-text;
  background-color: @suggestion-active-bg;
}

.tt-suggestion p {
  margin: 2px 0;
}

