.search-bar{
  position: fixed;
  top: $top-bar-height;
  width:100%;
  height:$search-bar-height;
  box-shadow:black;
  alpha:0.3;
  distance:1;
  background: white;
  border: 1px solid #919095;//$mid-grey
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);
}

.search-input{
  position: fixed;
  width: 100%;
  top: $top-bar-height+($search-bar-height - $search-icon-height)/2;
  height:$search-icon-height;
  left: $left-margin + 40px;
}
.search-icon {
  position:fixed;
  width:20px;
  height:$search-icon-height;
  left: $left-margin;
  top: $top-bar-height+($search-bar-height - $search-icon-height)/2;

}