.input.auto {
  width: 100%;
}

.text-editable {
  .best_in_place {
    @include io-icomoon("pencil");
    position: relative;

    &:before {
      position: absolute;
      right: $spacing-md*-1;
      top: 0;
      font-size: $font-size-icon-xs;
      color: $gray-lighter;
    }
  }

  .best_in_place_active {
    &:before {
      content: "";
    }
  }
}

form.formtastic {

  .plupload_start {
    display: none !important;
  }

  .plupload_upload_status {
    display: none !important;
  }

  #cboxLoadedContent {
    .selector {
      margin-bottom: -1px;
    }

    .actions {
      border-top: 1px solid $white;
      padding: 12px 22px !important;
    }
  }

  .popover {

    form.formtastic {
      margin-top: 15px;

      .inputs {
        .input {
          padding: 1px 0;
          border-bottom: 0;

          input[type=text] {
            width: 100%;
          }

          & > label {
            float: none;
            width: 100%;
            padding: 6px 0 0;
          }

          .selector {
            box-sizing: border-box;
            width: 100%;
          }
        }
      }

      .actions {
        border-top: none;
        padding-bottom: 0;
      }
    }
  }
}

.textarea-split {
  position: relative;

  .form-group {
    margin-right: $spacing-md * 2;
  }

  textarea, input {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
  }

  .btn {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
  }
}

.form-control, 
.form-control-static {
  .checkbox {
    position: absolute;
    left: 0;
    top: 4px;
    margin-bottom: 0;
  }

  &.flexible-height {
    height: auto;
  }
}


.form-control-search {
  padding-right: ($input-padding-x * 3);
  background-repeat: no-repeat;
  background-position: center right ($input-height * .25);
  background-size: ($input-height * .50) ($input-height * .50);
}

form {
  abbr[title] {
    display: none;
  }
}

.inline-errors {
  color: $state-danger-text;
  margin-top: calc($spacing-xs / 2) ;
  display: block;
  &:before {
    @extend [class*=" icon-"];
    @extend .icon-warning;
    padding-right: calc($spacing-xs / 2) ;
  }
}


.form-control-label-justify {
  justify-content: start;

  @include media-breakpoint-up(sm) {
   justify-content: end;
  }
}