.co-search { padding:20px; background:url(../../home/img/black.png); border-radius:2px; }

.co-search .form-group { border-radius:2px; margin-bottom:0; }

.co-search-field-container { position:relative; display:inline-block; width:100%; }
	
.co-search-field-container i { color:#999999; font-size:24px; position:absolute; left:15px; top:18px; width:30px; text-align:center;  }

.co-search-f1,
.co-search-f2  { background:#ffffff; border:1px solid #ffffff; font-size:16px; display:inline-block; height:60px; padding-left:50px; box-shadow:none !important; }

.co-search-f1 { border-radius:2px 2px 0 0; border-bottom:1px solid #cccccc; }

.co-search-f1:hover,
.co-search-f1:active,
.co-search-f1:focus { background:#ffffff; border:1px solid #ffffff; border-bottom:1px solid #cccccc; }

.co-search-f2 { border-radius:0 0 2px 2px; }

.co-search-f2:hover,
.co-search-f2:active,
.co-search-f2:focus { background:#ffffff; border:1px solid #ffffff; }


.co-search-button { background:#3498fe; border-bottom:none !important; border:1px solid #3498fe; border-radius:0 2px 2px 0; font-size:24px; height:60px; line-height:48px; margin-top:20px; position:relative; width:100%; }

.co-search-button:hover,
.co-search-button:active,
.co-search-button:focus { background:#5dadfe; border:1px solid #5dadfe; }


@media only screen and (min-width : 992px) {

.co-search-field-container { position:relative; display:inline-block; width:94%; }

.co-search-field-container i { left:12px; top:12px; }

.co-search-field-container.fix i { left:2px; }

.co-search-f1,
.co-search-f2  { /*background:#ebebeb;*/ height:48px; }

.co-search-f1 { border-radius:2px 0 0 2px; border-bottom:1px solid #ffffff; }

.co-search-f1:hover,
.co-search-f1:active,
.co-search-f1:focus { border:1px solid #ffffff; border-bottom:1px solid #ffffff; }

.co-search-f2 { border-left:1px solid #cccccc; border-left:1px solid #cccccc; border-radius:0; margin-left:-8px; }

.co-search-f2:hover,
.co-search-f2:active,
.co-search-f2:focus { border-left:1px solid #cccccc; }

.co-search-button { border-radius:0 2px 2px 0; height:48px; margin-left:-20px; margin-top:0; position:absolute; width:8%; z-index:1002; }

.co-search-button i { position:absolute; top:10px; width:32px; margin-left:-16px; left:50%;  }

}

/*Ie10 and Ie11 fix hack*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  

	.co-search-button { height:48.5px; }
  
}

.typeahead-loading { 
  color: #0078c6;
  font-size: 18px;
  height: 47px;
  line-height: 53px;
  position: absolute;
  top: -4px;
  right: 11px;
  text-align: center;
  width: 46px; 
  display: none;
}

.twitter-typeahead {
  width: 100%;
}

.tt-menu {
  width: 422px;
  margin: 12px 0;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
    color: black;
    text-align: left;
    padding-left: 0px;
    padding-top: 5px;
    padding-right: 0px;
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
}

.tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: #0097cf;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
}

.tt-input {
    vertical-align: baseline !important;
}

.gist {
  font-size: 14px;
}