.floating-label {position: relative;margin-bottom: 20px;}
.floating-input , .floating-select {font-size:14px;padding:2px 2px;display:block;width:100%;height:30px;background-color:transparent;border:none;border-bottom:1px solid #757575;}
.floating-input:focus , .floating-select:focus {outline:none;border-bottom:2px solid #5264AE;}
.flbl {color:#999;font-size:14px;font-weight:normal;position:absolute;pointer-events:none;left:5px;top:5px;transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all;}
.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {top:-18px;font-size:14px;color:#5264AE;}
.floating-select:focus ~ label , .floating-select:not([value=""]):valid ~ label {top:-18px;font-size:14px;color:#5264AE;}
.highlight {position:absolute; height:50%; width:100%; top:15%; left:0; pointer-events:none; opacity:0.5;}  /* highlighter */
.floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {width:50%;} /* active state */