/*
 * Copyright (c) 2008-2019 by teambits GmbH, Darmstadt, Germany (http://www.teambits.de). All rights reserved.
 * This is CONFIDENTIAL code. Use is subject to license terms.
 */
/* Default styling * https://github.com/tonystar/float-label-css/blob/master/scss/float-label.scss */
.has-float-label {
	display: block;
	position: relative;
}

.has-float-label label, .has-float-label > span {
	position: absolute;
	left: 0;
	top: -1.25rem;
	cursor: text;
	font-size: 75%;
	opacity: 1;
	transition: all 0.2s;
}

.has-float-label input, .has-float-label select {
	margin-bottom: 0.5em;
	border: 0;
	border-bottom: 2px solid #b0b0b0;
}

.has-float-label input::placeholder, .has-float-label select::placeholder {
	opacity: 1;
	transition: all 0.2s;
}

.has-float-label input:placeholder-shown:not(:focus)::placeholder, .has-float-label select:placeholder-shown:not(:focus)::placeholder {
	opacity: 0;
}

.has-float-label input:placeholder-shown:not(:focus) + *, .has-float-label select:placeholder-shown:not(:focus) + * {
	font-size: 100%;
	opacity: 0.5;
	top: 0;
}

.has-float-label input:focus, .has-float-label select:focus {
	outline: none;
	border-color: rgba(0, 0, 0, .5);
}

.has-float-label .invalid {
	border-color: #DC3545 !important;
}

.has-float-label > label .invalid {
	color: #DC3545 !important;
}