/*! typeahead.js 0.8.1 https://github.com/twitter/typeahead Copyright 2013 Twitter, Inc. and other contributors; Licensed MIT */

.typeahead,
.tt-query,
.tt-hint {
  padding: 8px 12px;
  font-size: 16px;
  line-height: 30px;
  border: 2px solid #ccc;
  border-radius: 8px;
  outline: none;
}
.tt-hint {
    color:#ccc!important;
}
.typeahead {
  background-color: #fff;
}

.typeahead:focus {
  border: 2px solid #0097cf;
}

.tt-query {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: #fff;
}

.reset-search-form {
  position: absolute;
  right: 56px;
  top: 15px;
}
.reset-search-form:before {
  color: #8B949B;
}

.tt-hint {
  width: 100%!important;
  padding: 0 10px 0 13px!important;
  font-size: 16px!important;
  line-height: 20px!important;
  height: 38px!important;
}

#globalSearch .tt-hint {
  top: 6px!important;
  left: -3px!important;
  background: none!important;
}

.tt-dropdown-menu {
  width: 100%;
  padding: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  box-shadow: 0 5px 10px rgba(0,0,0,.2)
}

.tt-suggestion {
  padding: 8px 2%;
  font-size: 16px;
  line-height: 1;
}
.tt-dataset {
  padding: 8px 0;
}
.tt-dataset:empty {
  display: none;
}
.tt-suggestion:first-of-type {

}
.tt-suggestion:last-of-type {

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

.tt-suggestion.tt-is-under-cursor {
  background-color: #06c;
}
.tt-cursor,
.tt-suggestion:hover {
	color: #fff!important;
	background: #06c;
	font-weight: 700!important;
	cursor: pointer;
}
.tt-suggestion:hover * {
	color: inherit;
}
.tt-header {
  color: #8B949B;
  text-transform: uppercase;
  font-size: 13px;
  padding: 8px 2%;
}
/*
.tt-suggestion.tt-is-under-cursor p{
 color: #fff;
}
*/
/*Styles for filter only search in search*/
.filter-search button{
display: none;
}
.filter-search .twitter-typeahead{
width: 96%;
}
.filter-search .tt-dropdown-menu{
max-width: 122%;
}

.head-componant > .twitter-typeahead {
    flex-grow: 2;
    -webkit-flex-grow: 2;
}
.head-componant > .twitter-typeahead .twitter-typeahead {
    width:100%;
}

.filter-search .tt-dataset {padding: 3px 0 0;}
.filter-search .tt-dropdown-menu  .filter-category-title {font-weight: 400; font-size: 12px; text-transform: uppercase;}
.filter-search .tt-suggestion {font-size: 14px; padding: 6px 10px;}
.filter-search .tt-dropdown-menu p.tt-cursor strong {color: #fff!important;}

/* !--- RWD sm --- */
@media screen and (max-width:801px) {
	.tt-hint {font-size: 16px!important;height: 30px!important; width:100% !important;}
	#globalSearch .tt-hint {top: 10px!important; left: -3px!important; background: none!important}
	.tt-dropdown-menu {width: calc(100vw - 24px); border: 0; border-radius: 0; overflow-y: scroll; max-height: 50vh;}
  .reset-search-form {top: 27px; right: 66px;}
}

/* !--- RWD med --- */
@media screen and (max-width:801px) and (min-width:599px) {
	.head-search-form .search-input.tt-input {width: 100%;}
	/*.twitter-typeahead{max-width: 76%;}*/
}

/* !--- RWD b/t med & full --- */
@media screen and (max-width:1020px) and (min-width:801px) {
	.tt-hint {width: 100%!important; height: 36px!important;}
	.head-search-form .search-input.tt-input {width: 100%;}
}

@media screen and (min-width: 1220px) {
	.tt-dropdown-menu {width: 100%}
}