/*
<div class="field">
	<label ng-show="betterField" class="show-hide">Better field</label>
	<input  type="text" class="form-control" ng-model="betterField" placeholder="Better field"/>
</div>
<div class="field">
	<label ng-show="betterField2" class="show-hide">Better select</label>
	<select  class="form-control input-sm short-input" ng-model="betterField2">
		<option value="" >Better select</option>
		<option value="1">Option 1</option>
		<option value="2">Option 2</option>
	</select>
</div>
*/

.show-hide.ng-hide-add, .show-hide.ng-hide-remove {
	transition: all linear 0.2s;
	display: block!important;
	position: absolute;
}

.show-hide.ng-hide-add.ng-hide-add-active, .show-hide.ng-hide-remove {
	top: -8px;
	display: block!important;
	position: absolute;
	opacity: 0;
}

.show-hide.ng-hide-add, .show-hide.ng-hide-remove.ng-hide-remove-active {
	top: -14px;
	opacity: 1;
	display: block!important;
	position: absolute;
}

.field {
	position: relative;
	margin-bottom: 1em;
	padding-bottom: 1em;
}

.field>label {
	position: absolute;
	top: -14px;
	color: #333333;
	font-size: 0.9em;
}

.field>input, .field>select, .field>textarea {
	border: 0;
	padding: 0.5em 0!important;
	box-shadow: none !important;
	border-radius: 0;
	border-bottom: 1px solid #c8c8c8;
	margin-top: 15px
}

.short-input {
	max-width: 400px;
	display: block;
}

.field>input[disabled], .field>input[readonly], .field>select[disabled], .field>select[readonly], .field>textarea[disabled], .field>textarea[readonly] {
	background-color: #fff;
	resize: none;
}