.float-input-wrp {
	position: relative;
	/* width: 50%; */
}
.float-input-wrp .floatInput{
	width: 100%;
	outline: none;
	border:none;
	border-bottom: 1px solid #777;
 	box-shadow: none !important;
}
.float-input-wrp .floatInput:focus{
	border-color: blue;
	border-width: medium medium 2px;
}
.float-input-wrp .floating-label {
	position: absolute;
	pointer-events: none;
	top: 35px;
	left: 5px;
    font-size: 15px;
	transition: 0.2s ease all;
	color: #b8b7b7;
}

.float-input-wrp .floating-label.is-invalid {
    color: #dc3545de;
}

.float-input-wrp .floating-label-static{
	position: absolute;
	pointer-events: none;
	top: 10px!important;
    left: 5px!important;
    font-size: 13px;
    opacity: 1;
    color: #f18f10;
    font-weight: bold;
}

.float-input-wrp input:focus ~ .floating-label,
.float-input-wrp input:not(:focus):valid ~ .floating-label{
    top: 10px;
    left: 5px;
    font-size: 13px;
    opacity: 1;
    color: #f18f10;
    font-weight: bold;
}

.float-input-wrp textarea:focus ~ .floating-label,
.float-input-wrp textarea:not(:focus):valid ~ .floating-label{
    top: 10px;
    left: 5px;
    font-size: 13px;
    opacity: 1;
    color: #f18f10;
    font-weight: bold;
}