<div class="card card-block sameheight-item">
	<div class="title-block">
		<h3 class="title">
			Underlined Inputs Validation
		</h3>
	</div>
	<form role="form">
		<div class="form-group has-success">
			<label class="control-label" >Input with success</label>
			<input type="text" class="form-control underlined" >
			<span class="has-success">Success message.</span>
		</div>
		<div class="form-group has-warning">
			<label class="control-label" >Input with warning</label>
			<input type="text" class="form-control underlined" >
			<span class="has-warning">Warning message.</span>
		</div>
		<div class="form-group has-error">
			<label class="control-label">Input with error</label>
			<input type="text" class="form-control underlined">
			<span class="has-error">Error message.</span>
		</div>
		<div class="form-group has-success  has-feedback">
			<label class="control-label" >Input with success icon</label>
			<input type="text" class="form-control underlined" >
			<span class="fa fa-check form-control-feedback"></span>
		</div>
		<div class="form-group has-warning  has-feedback">
			<label class="control-label" >Input with warning icon</label>
			<input type="text" class="form-control underlined" >
			<span class="fa fa-exclamation form-control-feedback"></span>
		</div>
		<div class="form-group has-error  has-feedback">
			<label class="control-label" >Input with error icon</label>
			<input type="text" class="form-control underlined" >
			<span class="fa fa-times form-control-feedback"></span>
		</div>
	</form>
</div>
