/* --- material floating label --- */

.floating-label-form-group {
	display: flex;
	height: 55px;
}

.floating-label-form-group .control-label {
	font-size: 16px;
	font-weight: 400;
	opacity: 0.4;
	pointer-events: none;
	position: absolute;
	transform: translate3d(0, 22px, 0) scale(1);
	transform-origin: left top;
	transition: 240ms;
}

.floating-label-form-group.focused .control-label {
	opacity: 1;
	transform: scale(0.75);
}

.floating-label-form-group .form-control {
	align-self: flex-end;
}

.floating-label-form-group.form-control::-webkit-input-placeholder {
	color: transparent;
	transition: 240ms;
}

.floating-label-form-group:focus::-webkit-input-placeholder {
	transition: none;
}

.floating-label-form-group.focused .form-control::-webkit-input-placeholder {
	color: #bbb;
}