/*!
 * @author 		Cedric Kithima
 * @date		18 February 2015 
 * @description  Styling for Type Ahead
 */

-----------------------------------*/

.typeahead-container {
    position: relative;
    z-index: 998;
    background-color: #fff;
}

.typeahead-container.result,
.typeahead-container.filter {
    z-index: 999;
	position: relative;
}

.typeahead-result > ul > li.typeahead-group a, .dropdown-menu>li.typeahead>a:hover, .dropdown-menu>li.typeahead>a:focus {
    background: #007480 !important;
	background: #007480 !important;
	background-color: #007480 !important;
	background-image: none !important;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    font-size: 14px;
    color: #fff;
    text-transform: capitalize;
    font-weight: normal;
	font-family: "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
	border-radius: 10px;
}


/*------------------------------------*\
    INPUT, BUTTON & DROPDOWN
\*------------------------------------*/

.typeahead-container .input-group-btn {
    z-index: 1001;
}

.typeahead-container .typeahead-result > .dropdown-menu {
    display: block;
    width: 100%;
}

.typeahead-container .input-group .dropdown-menu {
    z-index: 1001;
}

.typeahead-container .input-group .form-control {
border: 1px solid #ccc;
padding: 0 16px;
height: 40px;
color: #464646;
line-height: 40px;
font-size: 12px;
}

.typeahead-container .btn[type="button"] {
    border-radius: 0;
    margin-left: -1px;
}
span.typeahead-display {
	text-transform: capitalize;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

.typeahead-container button.btn.btn-default {
	display: none;
	position:absolute;
	right: -99999999px;
} 

li.typeahead-group {
	margin: 5px 10px;
}

.dropdown-menu>li.active>a:hover, .dropdown-menu>li.active>a:focus, .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
	background: #fff !important;
	background-color: #fff !important;
	background-image: none !important;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
color:#007480;
text-decoration: underline;
}

input#searchBox {
	background-color: #fff;
	text-align: left;
	font-weight: normal;
}

input#searchBox.loading{
	background-image: url(../img/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: 660px center;
}

.typeahead-container.result input#searchBox.loading{
	background-image: none;
}