/**
 * Form validation css, support bootstarp4
 */
.form-inline.fv-form-bootstrap .form-group,
.fv-form-bootstrap4.form-inline .form-group {
	vertical-align: top
}

.fv-has-feedback {
	position: relative
}

.fv-control-feedback {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
	display: block;
	text-align: center
}

.fv-help-block {
	display: block
}

.fv-form [placeholder]::-ms-clear {
	display: none
}

.fv-form-foundation .form-error,
.fv-form-uikit .uk-text-danger {
	display: block
}

.fv-form-bootstrap .help-block {
	margin-bottom: 0
}

.fv-form-bootstrap .tooltip-inner {
	text-align: left
}

.fv-form-bootstrap .fv-bootstrap-icon-input-group {
	z-index: 100
}

.fv-form-bootstrap4 .fv-control-feedback {
	width: 36px;
	height: 36px;
	line-height: 36px
}

.fv-form-bootstrap4 .form-control-lg ~.fv-control-feedback {
	width: 40px;
	height: 40px;
	line-height: 40px
}

.fv-form-bootstrap4 .form-control-xl ~.fv-control-feedback {
	width: 40px;
	height: 48px;
	line-height: 48px
}

.fv-form-bootstrap4 .form-group.row .fv-control-feedback {
	right: 15px
}

.fv-form-bootstrap4 .form-group.row .form-check ~.fv-control-feedback {
	top: -7px
}

.fv-form-bootstrap4:not(.form-inline) label ~.fv-control-feedback {
	top: 28px
}

/* .fv-form-bootstrap4:not(.form-inline) label ~ .form-control-lg ~.fv-control-feedback {
  top: 32px
} */

.fv-form-bootstrap4:not(.form-inline) label.sr-only ~.fv-control-feedback {
	top: -7px
}

.fv-form-bootstrap4:not(.form-inline) .form-check ~.fv-control-feedback {
	top: 25px
}

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

.fv-form-bootstrap4 .has-warning .fv-control-feedback,
.fv-form-bootstrap4 .has-warning .form-control-feedback,
.fv-form-bootstrap4 .has-warning label:not(.form-control-label) {
	color: #dd8e4f
}

.fv-form-bootstrap4:not(.form-inline) .select2 ~.fv-control-feedback {
	right: 20px;
}

.fv-form-bootstrap4:not(.form-inline) .input-group ~.fv-control-feedback {
	display: none!important;
}

.fv-has-feedback .row .fv-control-feedback {
	right: 16px;
}

.containerGroup .fv-control-feedback {
	right: -20px;
}

.fv-form-bootstrap4 .has-warning .form-control,
.fv-form-bootstrap4 .has-warning .note-editor.note-frame,
.fv-form-bootstrap4 .has-warning select.select2 ~ span.select2 .select2-selection--single {
	border-color: #da8252
}

.fv-form-bootstrap4 .form-group.has-warning {
  margin-bottom: 1rem!important;
}

.fv-form-bootstrap4 .error {
  display: none;  
}

.fv-form-bootstrap4 .has-warning .error {
  display: inline;
  color: #dd8e4f;
}