/* ==============
  Form-elements
===================*/

label {
  font-weight: 700;
}

.form-control {
  font-size: $base-font;
  background: lighten($dark, 6%);
  border: 1px solid lighten($dark, 10%);
  color: $gray-500;
  &:focus {
    background: lighten($dark, 6%);
    border: 1px solid lighten($dark, 10%);
    box-shadow: none;
    color: $gray-500;
  }
  &::placeholder{
    color: $gray-500;
   }
}

.custom-control-input:checked~.custom-control-indicator {
  background-color: $primary;
}

.custom-control-input:focus~.custom-control-indicator {
  -webkit-box-shadow: 0 0 0 1px $white, 0 0 0 3px $primary;
  box-shadow: 0 0 0 1px $white, 0 0 0 3px $primary;
}

.has-success {
  .form-control {
    border-color: $success;
    box-shadow: none;
  }
}

.has-warning {
  .form-control {
    border-color: $warning;
    box-shadow: none;
  }
}

.has-danger {
  .form-control {
    border-color: $danger;
    box-shadow: none;
  }
}

.input-group-addon {
  border-radius: 2px;
  border: 1px solid $light;
}

.input-group-text{
  font-size: 13px;
}