.input {
  height: 45px;
  padding: 0.5em 1em;
  box-sizing: border-box;
  font-size: inherit;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  background: #fff;
  outline: 0;
  color: rgba(0, 0, 0, 0.5);
  &:focus {
    border: 2px solid #3090de;
    color: rgba(0, 0, 0, 0.6);
  }
}
.input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);
  opacity: 1;
}
.input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);
  opacity: 1;
}
.input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.input.has-error {
  border-color: rgba(226, 33, 112, 0.6);
  color: rgb(226, 33, 112);
}
.input.half {
  width: 48%;
  &.left {
    margin-right: 4%;
  }
}