#search {
	width:100%;
	padding: .25rem .15rem;
	position:relative;
	overflow:visible;
	border:1px solid #888;
    border-radius: .2rem;
	background-color: transparent;
    height: 35px;
    
    display: -webkit-box;
    
    display: -ms-flexbox;
    
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

#search-q {
	border:0;
	-o-text-overflow:ellipsis;
	   text-overflow:ellipsis;
	max-width:none;
    padding: .1rem 32px .1rem .5rem;
    font-size: 1em;
    
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
}

#search .magnifier {
	background-color: transparent;
	padding: 0;
	color: #888;
    border: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 2.2rem;
    height: 100%;
}


#search .suggest {
	position: absolute;
	top: 100%;
	right: 0;
	width: 100%;
	z-index: 999999;
	display: none;
	border: 0;
	list-style-type: none;
	background-color: white;
	margin-top: 0.2rem;
	overflow: hidden;
	box-shadow: 5px 5px 4px -4px #222;
}

#search .suggest > * {
	cursor: pointer;
	padding: .2rem .5rem;
}

#search .suggest > .highlight,
#search .suggest > *:focus,
#search .suggest > *:hover {background-color: #eee}