/* -------------------------
 * Support Bootstrap 4 beta
 * ------------------------- */

.fv-form-bootstrap4beta .fv-control-feedback {
    width: 38px;
    height: 38px;
    line-height: 38px;
}

/* For horizontal form */
.fv-form-bootstrap4beta .form-group.row .fv-control-feedback {
    right: 15px;
}
.fv-form-bootstrap4beta .form-group.row .form-check~.fv-control-feedback {
    top: -7px; /* labelHeight/2 - iconHeight/2 */
}
/* Inline form */
.fv-form-bootstrap4beta.form-inline .form-group {
    vertical-align: top;
}
/* Stacked form */
.fv-form-bootstrap4beta:not(.form-inline) label~.fv-control-feedback {
    top: 32px;
}
/* Without label */
.fv-form-bootstrap4beta:not(.form-inline) label.sr-only~.fv-control-feedback {
    top: -7px; /* labelHeight/2 - iconHeight/2 */
}
.fv-form-bootstrap4beta:not(.form-inline) .form-check~.fv-control-feedback {
    top: 25px; /* labelHeight + checkboxHeight/2 - iconHeight/2 */
}

.fv-form-bootstrap4beta .has-success label,
.fv-form-bootstrap4beta .has-success .fv-control-feedback,
.fv-form-bootstrap4beta .has-success .form-control-feedback {
    color: #5cb85c;
}
.fv-form-bootstrap4beta .has-success .form-control {
    border-color: #5cb85c;
}

.fv-form-bootstrap4beta .has-warning label,
.fv-form-bootstrap4beta .has-warning .fv-control-feedback,
.fv-form-bootstrap4beta .has-warning .form-control-feedback{
    color: #f0ad4e;
}
.fv-form-bootstrap4beta .has-warning .form-control {
    border-color: #f0ad4e;
}

.fv-form-bootstrap4beta .has-danger label,
.fv-form-bootstrap4beta .has-danger .fv-control-feedback,
.fv-form-bootstrap4beta .has-danger .form-control-feedback {
    color: #d9534f;
}
.fv-form-bootstrap4beta .has-danger .form-control {
    border-color: #d9534f;
}

.fv-form-bootstrap4beta .col .fv-control-feedback {
    right: 16px;
}