/*!
 * Float Labels
 *
 * Version: 1.0.9
 * Author: Paul Ryley (http://geminilabs.io)
 * URL: https://github.com/geminilabs/float-labels.js
 * License: MIT
 */form.floated-labels .floatlabel {
	position: relative
}
form.floated-labels .floatlabel input, form.floated-labels .floatlabel select, form.floated-labels .floatlabel textarea {
	line-height: normal;
	border: 1px solid #ccc;
	padding: 12px
}
form.floated-labels .floatlabel select {
	position: relative;
	color: #aaa;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none
}
form.floated-labels .floatlabel.is-active label.floatlabel-label {
	opacity: 1;
	visibility: visible
}
form.floated-labels .floatlabel.is-active input, form.floated-labels .floatlabel.is-active select, form.floated-labels .floatlabel.is-active textarea {
	color: #333;
	border-color: #ccc;
	padding-top: 17px;
	padding-bottom: 4px
}
form.floated-labels .floatlabel.is-focused label.floatlabel-label {
	color: #3cbb78
}

form.floated-labels .floatlabel label.floatlabel-label {
	position: absolute;
	display: block;
	top: 8px;
	left: 16px;
	color: #888e94;
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	line-height: 1;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	padding: 0 1px
}
form.floated-labels .floatlabel label.floatlabel-label.is-visible {
	opacity: 1;
	visibility: visible
}
form.floated-labels .styled.select {
	position: relative
}