.input {

width: 250px;
@media (max-width: $screen-sm) {
  width: initial;
}
color: #3c4257;
border-radius: 4px;
border: 0;
appearance: none;
box-shadow: 0 0 0 1px rgba(60, 66, 87, .16),
  0 1px 1px 0 rgba(0, 0, 0, .12);
font-size: 14px;
padding: 6px 7px 7px;
outline: 0;
background-color: #fff;
&:focus {
  @include focus-outline;
}
&:disabled {
  cursor: not-allowed;
  opacity: .5;
}
&.input-danger {
  box-shadow: 0 0 0 1px #e03953;
}

}

.search-input {

display: inline-block;
background-color: #fff;
border-radius: 4px;
box-shadow: 0 0 0 1px rgba(60, 66, 87, .16),
  0 1px 1px 0 rgba(0, 0, 0, .12);

i:before {
  color: #8892b3;
  margin-left: 10px;
  font-size: 12px;
}
.input {
  width: 174px;
  border: 0;
  box-shadow: none;
  &::placeholder {
    color: #a9aebf;
  }
}

}