@descco/ui-core/lib/css/06-components/form-group.css

Descco UI

/* ==========================================================================
  Variables
  ========================================================================== */
/* Colors
   ========================================================================== */
/* Form Group
   ========================================================================== */
.form-group__form-group___1dNKk {
  margin-bottom: 10px;
  position: relative; }

.form-group__form-group--checkbox___2flJA [class*="form-control"],
.form-group__form-group--radio___2xknp [class*="form-control"] {
  float: left;
  margin-right: 5px; }

.form-group__form-group--checkbox___2flJA [class*="label"],
.form-group__form-group--radio___2xknp [class*="label"] {
  line-height: 1.7;
  margin-bottom: 0;
  width: auto; }

.form-group__form-group--withoutTopLabel___3F3Gz.form-group__form-group--checkbox___2flJA, .form-group__form-group--withoutTopLabel___3F3Gz.form-group__form-group--radio___2xknp {
  margin-bottom: 18px;
  margin-top: 30px; }

/* States
   ========================================================================== */
.form-group__has-success___37K8s {
  color: #1ab394; }
  .form-group__has-success___37K8s [class*="label"],
  .form-group__has-success___37K8s [class*="help-text"],
  .form-group__has-success___37K8s [class*="form-feedback"],
  .form-group__has-success___37K8s [class*="form-addon"] {
    color: #1ab394; }
  .form-group__has-success___37K8s [class*="form-feedback"] {
    fill: #1ab394; }
  .form-group__has-success___37K8s [class*="form-addon"] {
    background: #dff0d8; }
  .form-group__has-success___37K8s [class*="form-addon"],
  .form-group__has-success___37K8s [class*="form-field"],
  .form-group__has-success___37K8s [class*="form-control"],
  .form-group__has-success___37K8s [class*="Select-control"] {
    border-color: #1ab394; }

.form-group__has-warning___1expN {
  color: #f8ac59; }
  .form-group__has-warning___1expN [class*="label"],
  .form-group__has-warning___1expN [class*="help-text"],
  .form-group__has-warning___1expN [class*="form-feedback"],
  .form-group__has-warning___1expN [class*="form-addon"] {
    color: #f8ac59; }
  .form-group__has-warning___1expN [class*="form-feedback"] {
    fill: #f8ac59; }
  .form-group__has-warning___1expN [class*="form-addon"] {
    background: #fcf8e3; }
  .form-group__has-warning___1expN [class*="form-addon"],
  .form-group__has-warning___1expN [class*="form-field"],
  .form-group__has-warning___1expN [class*="form-control"],
  .form-group__has-warning___1expN [class*="Select-control"] {
    border-color: #f8ac59; }

.form-group__has-error___26cU5 {
  color: #ed5565; }
  .form-group__has-error___26cU5 [class*="label"],
  .form-group__has-error___26cU5 [class*="help-text"],
  .form-group__has-error___26cU5 [class*="form-feedback"],
  .form-group__has-error___26cU5 [class*="form-addon"] {
    color: #ed5565; }
  .form-group__has-error___26cU5 [class*="form-feedback"] {
    fill: #ed5565; }
  .form-group__has-error___26cU5 [class*="form-addon"] {
    background: #f2dede; }
  .form-group__has-error___26cU5 [class*="form-addon"],
  .form-group__has-error___26cU5 [class*="form-field"],
  .form-group__has-error___26cU5 [class*="form-control"],
  .form-group__has-error___26cU5 [class*="Select-control"] {
    border-color: #ed5565; }
  .form-group__has-error___26cU5 [class="error"] {
    background: #ed5565;
    color: #fff;
    padding: 2px 5px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1; }