//--- typeahead start ---

.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;
}

.typeahead {
  background-color: #fff;
}

.typeahead:focus {
  Xborder: 2px solid #0097cf;	/* fix to have inside glow when entering into typeahead box */
}

.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: 160px;		/* width of typeahead drop down! */

  xheight:300px; 
  overflow-y:auto;

  margin-top: 0px;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: .5px .866px 2px 0px rgba(0,0,0,0.35);
}
@media (min-width:300px) { .tt-dropdown-menu { width:233px !important; } }
@media (min-width:320px) { .tt-dropdown-menu { width:233px !important; } }
@media (min-width:350px) { .tt-dropdown-menu { width:210px !important; } }
@media (min-width:400px) { .tt-dropdown-menu { width:262px !important; } }
@media (min-width:450px) { .tt-dropdown-menu { width:310px !important; } }
@media (min-width:500px) { .tt-dropdown-menu { width:360px !important; } }
@media (min-width:550px) { .tt-dropdown-menu { width:410px !important; } }
@media (min-width:600px) { .tt-dropdown-menu { width:460px !important; } }
@media (min-width:650px) { .tt-dropdown-menu { width:510px !important; } }
@media (min-width:700px) { .tt-dropdown-menu { width:560px !important; } }
@media (min-width:768px) { .tt-dropdown-menu { width:346px !important; } }
@media (min-width:992px) { .tt-dropdown-menu { width:346px !important; } }
@media (min-width:1200px) { .tt-dropdown-menu { width:380px !important; } }

.tt-suggestion {
  padding: 8px 20px;		/* padding around each suggestion */
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 14px;
  line-height: 14px;		/* height of the text */
  color:#4765a0;		/* suggestion color */
  color:#000000;		/* suggestion color */
}

.tt-suggestion.tt-cursor {
  color: #fff;			/* suggestion text color on hover over */
  background-color: #0097cf;	/* suggestion background color on hover over */

}

.tt-suggestion p {
  margin: 0;
}

/*--- typeahead end ---*/

.empty-message { margin-left:6px; }