/* the position */
.search-container {
    position: absolute;
	/* top: 10vh; */
    /* right: 8vw */
	left: 0vh;
	/* width: 100%; */
}

/* input */

input {
	outline: none;
}
input[type=search] {
	position: absolute;
	left: 25vh;
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none; 
}

/* no action */
input[type=search] {
	background: rgba(196, 196, 210, 0.601) url(../assets/search_icon.svg) no-repeat 9px center;
	/* border: solid 1px #061d87; */
	padding: 9px 10px 9px 36px;
	width: 50px;
	height: auto;
	
	/* -webkit-border-radius: 10em;
	-moz-border-radius: 10em; */
	border-radius:8px 8px 14px;
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
/* when typing */
input[type=search]:focus {
	width: 80px;
	background-color: rgba(238, 238, 241, 0.732);
	/* border-color: #2196F3; */
	/* border-bottom: solid 1px #2196F3 !important; */
}


input:-moz-placeholder {
	color: rgb(153, 153, 153);
}
input::-webkit-input-placeholder {
	color: #999;
}