.qeek-input-wrapper {
  position: relative;
  width: 100%;
  display: inline-block; }

.qeek-input {
  width: 100%;
  box-sizing: border-box;
  padding: 6px 8px;
  color: #222222;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  transition: all 0.3s;
  outline: none; }
  .qeek-input:hover {
    border-color: #215fb2; }
  .qeek-input:focus, .qeek-input-focused {
    border-color: #215fb2;
    box-shadow: 0 0 0 2px rgba(33, 95, 178, 0.1); }
  .qeek-input-sm {
    padding: 4px 8px; }
  .qeek-input-lg {
    padding: 8px 8px; }
  .qeek-input-error {
    border-color: #ff2d55; }
    .qeek-input-error:hover {
      border-color: #ff2d55; }
    .qeek-input-error:focus, .qeek-input-error-focused {
      border-color: #ff2d55;
      box-shadow: 0 0 0 2px rgba(255, 45, 85, 0.1); }
  .qeek-input-error-msg {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 4px;
    color: #ff2d55;
    font-size: 13px;
    line-height: 12px; }
  .qeek-input::-moz-placeholder {
    opacity: 1; }
  .qeek-input::placeholder {
    color: fade(#ffffff, 30%); }
  .qeek-input:placeholder-shown {
    text-overflow: ellipsis; }