.form-group {
  &.form-check-label {
    color: $gray-300;
  }

  .form-check.disabled .form-check-label {
    color: $gray-800;
  }

  label.required:after {
    background: $red-800;
  }
}

.form-control {
  color: $gray-300;
  background-color: $gray-875;
  border: solid 0.0625rem $gray-900;
  border-bottom: solid 0.0625rem $gray-800;
  border-radius: 0.25rem;

  &:focus {
    color: $gray-200;
    border-color: $gray-900;
    border-bottom-color: $blue-700;
    background: $gray-875;

    &::placeholder {
      color: $gray-700;
    }
  }

  &:disabled {
    background: $gray-850;
    border-color: $gray-875;
    box-shadow: inset 0 0 rem(6) $shadow-lighter;
    color: $gray-600;
  }

  &::placeholder {
    color: $gray-400;
  }
}

// PASSWORD INPUT
.password-input .input-group-addon {
  color: $blue-700;
  border-right: solid 0.0625rem $gray-900 !important;
}

// DROP-DOWN / SELECTS
select.form-control, select.form-control:focus {
  background-image: linear-gradient(45deg, transparent 50%, $gray-300 50%), linear-gradient(135deg, $gray-300 50%, transparent 50%);
}

//RADIO BUTTONS
.form-check input[type="radio"] {
  +.radio {
    background: $gray-950;
    border: solid rem(1) $gray-700;
  }

  &:checked+.radio {
    background: $blue-800;

    &:before {
      background: $black;
      box-shadow: 0 0.125em 0.25em $gray-800;
    }
  }

  &:disabled+.radio {
    border-color: $gray-800;
    background: $gray-850;
  }
}

// "TOGGLE" CHECKBOX
.form-check input[type="checkbox"] {
  +.checkbox {
    background: $gray-900;

    &:before {
      border: solid 0.0625rem $gray-850;
      background: $gray-800;
    }
  }

  &:checked + .checkbox {
    background: $alert-green;

    &:before {
      border-color: $gray-150;
      background: $white;
    }
  }
}

.input-group-addon {
  background: $gray-875;
  border: solid 0.0625rem $gray-900;
  border-bottom-color: $gray-800;
  color: $gray-300;

  &.btn-link:hover {
    border-top: solid 0.0625rem $gray-900;
    border-left: solid 0.0625rem $gray-900;
    border-bottom-color: $gray-300;
  }

}

.input-group .form-control:focus + .input-group-addon {
  border-bottom-color: $blue-700;
  background: $gray-875;
}
