/* $forms
 ------------------------------------------*/

label {
  font-weight: $font-weight-medium;
}

textarea {
  resize: vertical;
}

.no-resize {
  resize: none;
}

.form-control {
  @mixin placeholder($color: $input-color-placeholder) {
    &:-moz-placeholder {
      color: $color;
      font-size:  0.75rem;
    }
    &::-moz-placeholder {
      color: $color;
      font-size:  0.75rem;
    }
    &:-ms-input-placeholder {
      color: $color;
      font-size:  0.75rem;
    }
    &::-webkit-input-placeholder {
      color: $color;
      font-size:  0.75rem;
    }
  }
}

select.form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.placeholder {
  color: $input-color-placeholder;
}

.form-control {
  border-color: $input-border;
  font-weight: $font-weight-base;
  font-size: $font-size-base;
  @include rounded($input-border-radius-base);
  @include transition(border $transition-duration linear);
  @include box-shadow(none);
}

.form-control:focus {
  border-color: $input-border-focus;
  @include box-shadow(none);
}


.cs-radio {
  label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 1.875em;
    margin-right: 0.9375em;
    &:before {
      content: "";
      display: block;
      @include square(16px);
      margin-right: 0.875em;
      position: absolute;
      top: 0;
      left: 0;
      border: 0.0625rem solid $border-color;
      background-color: #fff;
      border-radius: 50%;
    }
  }
  input[type="radio"] {
    display: none !important;
    *display: inline;
    &:checked + label:after {
      content: '';
      display: block;
      position: absolute;
      top: 3px;
      left: 3px;
      @include square(10px);
      background-color: $brand-primary;
      border-radius: 50%;
    }
    &:checked:disabled + label:after {
      @include opacity(.6);
      cursor: not-allowed;
    }
  }
}
/* Custom checkbox */
.cs-checkbox {
  label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 1.875em;
    margin-right: 0.9375em;
    &:before {
      content: "";
      display: block;
      @include square(16px);
      margin-right: $gutter;
      position: absolute;
      top: 0;
      left: 0;
      border: 0.0625rem solid $border-color;
      background-color: #fff;
    }
  }
  input[type="checkbox"] {
    display: none !important;
    *display: inline;
    &:checked + label:after {
      content: '';
      display: block;
      position: absolute;
      top: 3px;
      left: 3px;
      @include square(10px);
      background-color: $brand-primary;
    }
    &:checked:disabled + label:after {
      @include opacity(.6);
      cursor: not-allowed;
    }
  }
}


/* Validation States */
.has-success {
  @include form-control-validation($brand-success, $brand-success, $brand-success);
}

.has-warning {
  @include form-control-validation($brand-warning, $brand-warning, $brand-warning);
}

.has-error {
  @include form-control-validation($brand-danger, $brand-danger, $brand-danger);
}

.spinner .form-control {
  text-align: center;
}