/*
//uso html:

<div class="label-float col-sm-4">
  <input type="text" placeholder=" "/>
  <label>Telefone</label>
</div>
<br/>

<div class="label-float col-sm-4">
  <input type="text" placeholder=" " required/>
  <label>Nome de Usuário</label>
</div>

*/
<!--
.label_fixo {
	margin-top: -10px !important;
	color: #3951b2 !important;
	font-size: 13px !important;
}
.label-float{
  position: relative;
  padding-top: 8px;
  padding-left: 8px;
  margin-top: 18px;
}

.label-float input::placeholder{
  color:transparent;
}

.label-float label{
  pointer-events: none;
  position: absolute;
  color: #CCC;
  font-weight: normal;
  top: 2px;
  left: 20px;
  margin-top: 13px;
  transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
}

/*
.label-float input:required:invalid + label{
  color: red;
}
*/

.label-float input:focus:required:invalid{
  /** / border-bottom: 2px solid red; /**/
}
.label-float input:required:invalid + label:before{
  /* content: '*'; */
}
.label-float input:focus + label,
.label-float input:not(:placeholder-shown) + label{
  font-size: 13px;
  font-weight: bold;
  margin-top: -14px;
  color: #3951b2;
}

.label-float select + label {
	margin-top: -14px !important;
	color: #3951b2 !important;
	font-weight: bold !important;
	font-size: 13px !important;
}

.label-float textarea:hover + label {
	margin-top: -14px !important;
	color: #3951b2 !important;
	font-weight: bold !important;
	font-size: 13px !important;
}

.label-fixado label {
  margin-top: -24px !important;
  color: #3951b2 !important;
  font-weight: bold !important;
  font-size: 13px !important;
}

-->