.search {
  width: 100%;
  display: flex;
}
 
.searchTerm {
  /*font-family: 'Open Sans Condensed',  'Fira Sans Condensed', "Helvetica",  'Helvetica Neue',  sans-serif; 
  font-size:1.0em; 
  
	font-family:  Verdana, 'sans-serif';*/
	font-size: 1.0em !important;
	width: 100%;
	font-weight:600 !important;  
	border: 1px solid #A9A9A9 !important;  /*#dadada; */
	border-radius: 3px 0 0 3px !important;
	border-right: none;
	padding: 0 0 0 8px !important;
	height: 36px !important;
	outline: none;
	color: #5E74A0;
 
}
.searchTerm:focus{
	background: #ffff99;
}	
.searchButton {
  width: 50px;
 /* height: 34px; */
  border: 1px solid #5E74A0;
  background: #5E74A0;
  text-align: center;
  color: #fff;  
  border-radius: 0 3px 3px 0;
  cursor: pointer;
  font-size: 20px;
}
.searchButton:before{
	font-family: 'FontAwesome';
	content:"\f002";
	
}
 
.wrap{
  width: 100%;
   
  transform: translate(-50%, -50%); 
}

/* ================================ */
/* ======= my search field ======= */
/* ================================ */
div.vs_search   {
   box-sizing: border-box;
   display: flex; 
   width: 100%;
   float:right;
    margin-right:5px;
	padding-left:8px;
}

div.vs_search input[type=text] {
  height: 40px;
  padding: 10px;
  font-size: 17px;
  border:solid 1px #b3b3b3;
 width: 100%;

 /* float: right;
  
  background: #f1f1f1; */
  border-radius:4px 0px 0px 4px;
  outline: none;
}

div.vs_search input[type=text]:focus {
	border: 1px solid #b3b3b3 ;
	border-radius:5px 0px 0px 5px !important;
	background: #ffff99;
	font-weight:300;
}

div.vs_search .button {
  float: left;  
  width: 40px;
  height: 40px;
  padding-top:10px;
  background: #5E74A0;
  text-align: center;
  color: #fff;  
  cursor: pointer;
  font-size: 20px;
  border-radius:0px 5px 5px 0px;
 	
}
 
div.vs_search .button:before{
	font-family: 'FontAwesome';
	content:"\f002";
	text-shadow:none;
	
}
 

div.vs_search .button:hover {
  background: #0b7dda;
}

div.vs_search::after {
  content: "";
  clear: both;
  display: table;
} 