input:focus ~ .floating-label,
input:not(:focus):valid ~ .floating-label{
  top: 8px;
  bottom: 10px;
  left: 20px;
  font-size: 14px;
  opacity: 1;
  margin-bottom:10px;
  padding-bottom:6px;
}

.inputText {
  font-size: 14px;
  width: auto;
  height: 35px;
  border:solid 1px black;
  border-style:solid;
}

.floating-label {
  position: absolute;
  pointer-events: none;
  left: 10px;
  top: 18px;
  transition: 0.2s ease all;
  font-size:14px;
  margin-bottom:10px;
  padding-bottom:6px;
}

.user-input-wrp {
	position: relative;
	width: 95%;
	padding-top:6px;
}
.user-input-wrp .inputText{
	width: 100%;
	outline: none;
	border:none;
	border-bottom: 1px solid #777;
 	box-shadow: none !important;
 	font-size:14px;
}
.user-input-wrp .inputText:focus{
	border-color: blue;
	border-width: medium medium 2px;
}
.user-input-wrp .floating-label {
	position: absolute;
	pointer-events: none;
	top: 18px;
	left: 10px;
	transition: 0.2s ease all;
	font-size:14px;
	  margin-bottom:10px;
  padding-bottom:6px;

}
.user-input-wrp input:focus ~ .floating-label,
.user-input-wrp input:not(:focus):valid ~ .floating-label{
	top: 5px;
	left: 10px;
	font-size: 14px;
	opacity: 1;
}