.form-group{margin:2em 0;position:relative}label:not(.form-check-label){color:#999;cursor:text;font-size:80%;position:absolute;right:5px;top:10px;transition:transform .15s ease-out,font-size .15s ease-out;z-index:1}label.form-check-label{cursor:pointer}.focused label{transform:translateY(-150%)}input[type=date]:not([aria-valuenow]).hide-value{color:transparent}input:not([type=checkbox]):not([type=submit]),select,textarea{border:0;box-shadow:0 1px 0 0 #e5e5e5;outline:0;transition:box-shadow .15s ease-out}input:focus:not([type=checkbox]):not([type=submit]),select:focus,textarea:focus{box-shadow:0 2px 0 0 blue}input.filled:not([type=checkbox]):not([type=submit]),select.filled,textarea.filled{box-shadow:0 2px 0 0 #90ee90}input.invalid:not([type=checkbox]):not([type=submit]),select.invalid,textarea.invalid{box-shadow:0 2px 0 0 red}