.select{
	display: block;
	font-weight: 400;
	display: inline-flex;
	color: rgba(0,0,0,0.9);
	position: relative;
	line-height: 1;
	padding: 5px 1em;
	background-color: #fff;
	border: $inputBorder;
	transition: 0.3s;
	border-radius: 0.25rem;
	outline:none;
	-ms-flex:1 1 auto;
	flex:1 1 auto;
	width: 100%;
	display: -ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;

}

.select:hover{
	border-color:rgba(0,0,0,0.15);
}
.select:focus, .select.focus{
	border-color:rgba(128,192,208,0.9);
}
.select.active{
	border-color:rgba(0,0,0,0.4);
}
// all type of errors
.select.error{
	border-color:rgba(255,0,0,0.5);
}
.select.requirement{
	border-color:rgba(255,0,0,0.3);
}
.select.warning{
	border-color:rgba(255,145,0,0.5);
}
.select.ok{
	border-color:rgba(39,128,39,0.5);
}
.select.preview.error label{
	border-color:rgba(255,0,0,0.5);
}
.select.preview.warning label{
	border-color:rgba(255,145,0,0.5);
}
.select.preview.ok label{
	border-color:rgba(39,128,39,0.5);
}