@import "node_modules/bootstrap/scss/forms";

.form-group {
  margin-bottom: 1.5rem;

  .form-group-list {
    margin: 0.7rem 0;
    padding: 0;
    list-style: none;
  }

  .form-group-list li {
    line-height: 2;
  }
}

.form-control {
  border-color: #ddd;
  border-radius: 0.2rem;

  &.form-control-lg {
    padding: 1rem;
    font-size: 0.9rem;

    &[input="*"] {
      height: 51px;
    }
  }

  &:focus {
    border-color: $primary-color;
  }
}

.form-check-group {
  padding-bottom: 1rem;
  padding-top: calc(.5rem - 1px * 2);

  @media (min-width: 576px) {
    padding-top: 0.8rem;
    border-bottom: 1px solid #eee;
  }

  .form-check-inline {
    margin-bottom: 0;
  }
}

.form-check:last-child {
  margin-bottom: 0;
}

.input-group {
  .input-group-addon {
    transition: all 0.15s;
  }

  &.focus {
    .input-group-addon {
      background-color: $primary-color;
      color: #fff;
    }
  }
}

.form-check:last-child {
  margin-bottom: 0;
}

.col-form-label {
  font-weight: 400;
  color: #666;

  @media (min-width: 576px) {
    text-align: right;
    line-height: 2.5;
  }
}
.form-group-static {
  margin-bottom: 0.5rem;

  .form-group-text {
    display: flex;
    align-items: center;
    padding-top: 0.65rem;
    line-height: 2;
  }
}

.has-danger .form-control {
  border-color: #d9534f!important;
}

.form-control-feedback {
  font-size: 0.8rem;
}