.form-material{position:relative}.form-material.floating{margin-top:20px;margin-bottom:20px}.form-material.floating+.form-material.floating{margin-top:40px}.form-material .form-control{padding-right:0;padding-left:0;background-color:transparent;background-color:transparent;background-repeat:no-repeat;background-position:center bottom,center -webkit-calc(100% - 1px);background-position:center bottom,center calc(100% - 1px);-webkit-background-size:0 2px,100% 1px;background-size:0 2px,100% 1px;-webkit-transition:background 0s ease-out;-o-transition:background 0s ease-out;transition:background 0s ease-out}.form-material .form-control,.form-material .form-control.focus,.form-material .form-control:focus{float:none;background-image:-webkit-gradient(linear,left top,left bottom,from(#3f51b5),to(#3f51b5)),-webkit-gradient(linear,left top,left bottom,from(#e0e0e0),to(#e0e0e0));background-image:-webkit-linear-gradient(#3f51b5,#3f51b5),-webkit-linear-gradient(#e0e0e0,#e0e0e0);background-image:-o-linear-gradient(#3f51b5,#3f51b5),-o-linear-gradient(#e0e0e0,#e0e0e0);background-image:linear-gradient(#3f51b5,#3f51b5),linear-gradient(#e0e0e0,#e0e0e0);border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.no-cssgradients .form-material .form-control{border-bottom:2px solid #e0e0e0}.form-material .form-control::-webkit-input-placeholder{color:#9e9e9e}.form-material .form-control::-moz-placeholder{color:#9e9e9e}.form-material .form-control:-ms-input-placeholder{color:#9e9e9e}.form-material .form-control:disabled::-webkit-input-placeholder{color:#bdbdbd}.form-material .form-control:disabled::-moz-placeholder{color:#bdbdbd}.form-material .form-control:disabled:-ms-input-placeholder{color:#bdbdbd}.form-material .form-control.focus,.form-material .form-control:focus{-webkit-background-size:100% 2px,100% 1px;background-size:100% 2px,100% 1px;outline:0;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s}.no-cssgradients .form-material .form-control.focus,.no-cssgradients .form-material .form-control:focus{background:0 0;border-bottom:2px solid #3f51b5}.form-material .form-control:disabled,.form-material .form-control[disabled],fieldset[disabled] .form-material .form-control{background:0 0;background:0 0;border-bottom:1px dashed #bdbdbd}.form-material .form-control:disabled~.floating-label,.form-material .form-control[disabled]~.floating-label,fieldset[disabled] .form-material .form-control~.floating-label{color:#bdbdbd}.form-material select[multiple],.form-material select[size],.form-material textarea.form-control{height:auto}.form-material .form-control-label{font-weight:500}.form-material.form-group .form-control-label{padding-top:0;padding-bottom:0}.form-material .floating-label{position:absolute;left:0;font-size:1rem;color:#757575;pointer-events:none;-webkit-transition:.3s ease all;-o-transition:.3s ease all;transition:.3s ease all}.form-material .floating-label.floating-label-static{position:relative;top:auto;display:block}.form-material [class*=col-]>.floating-label{left:1.0715rem}.form-material .form-control~.floating-label{top:.571429rem;font-size:1rem}.form-material .form-control.focus~.floating-label,.form-material .form-control:focus~.floating-label,.form-material .form-control:not(.empty)~.floating-label{top:-.8rem;font-size:.8rem}.form-material .form-control:-webkit-autofill~.floating-label{top:-.8rem;font-size:.8rem}.form-material .form-control-sm~.floating-label{top:.429rem;font-size:.858rem}.form-material .form-control-sm.focus~.floating-label,.form-material .form-control-sm:focus~.floating-label,.form-material .form-control-sm:not(.empty)~.floating-label{top:-.6864rem;font-size:.6864rem}.form-material .form-control-sm:-webkit-autofill~.floating-label{top:-.6864rem;font-size:.6864rem}.form-material .form-control-lg~.floating-label{top:.428667rem;font-size:1.286rem}.form-material .form-control-lg.focus~.floating-label,.form-material .form-control-lg:focus~.floating-label,.form-material .form-control-lg:not(.empty)~.floating-label{top:-1.0288rem;font-size:1.0288rem}.form-material .form-control-lg:-webkit-autofill~.floating-label{top:-1.0288rem;font-size:1.0288rem}.form-material .form-control.focus~.floating-label,.form-material .form-control:focus~.floating-label,.form-material .form-control:not(.empty)~.floating-label{font-weight:500}.form-material .form-control:-webkit-autofill~.floating-label{font-weight:500}.form-material .form-control.focus~.floating-label,.form-material .form-control:focus~.floating-label{color:#3f51b5}.form-material textarea.form-control{padding-bottom:.429rem;resize:none}.form-material.floating textarea.form-control{padding-top:.429rem}.form-material select.form-control{border:0;border-radius:0}.form-material:not(.floating) .form-control-label+select[multiple]{margin-top:5px}.form-material .hint{position:absolute;display:none;font-size:80%}.form-material .form-control.focus~.hint,.form-material .form-control:focus~.hint{display:block}.form-material .form-control.focus:invalid~.floating-label,.form-material .form-control:not(.empty):invalid~.floating-label{color:#f44336}.form-material .form-control:invalid{background-image:-webkit-gradient(linear,left top,left bottom,from(#f44336),to(#f44336)),-webkit-gradient(linear,left top,left bottom,from(#e0e0e0),to(#e0e0e0));background-image:-webkit-linear-gradient(#f44336,#f44336),-webkit-linear-gradient(#e0e0e0,#e0e0e0);background-image:-o-linear-gradient(#f44336,#f44336),-o-linear-gradient(#e0e0e0,#e0e0e0);background-image:linear-gradient(#f44336,#f44336),linear-gradient(#e0e0e0,#e0e0e0)}.form-material.has-warning .form-control.focus,.form-material.has-warning .form-control:focus,.form-material.has-warning .form-control:not(.empty){background-image:-webkit-gradient(linear,left top,left bottom,from(#ff9800),to(#ff9800)),-webkit-gradient(linear,left top,left bottom,from(#e0e0e0),to(#e0e0e0));background-image:-webkit-linear-gradient(#ff9800,#ff9800),-webkit-linear-gradient(#e0e0e0,#e0e0e0);background-image:-o-linear-gradient(#ff9800,#ff9800),-o-linear-gradient(#e0e0e0,#e0e0e0);background-image:linear-gradient(#ff9800,#ff9800),linear-gradient(#e0e0e0,#e0e0e0)}.no-cssgradients .form-material.has-warning .form-control.focus,.no-cssgradients .form-material.has-warning .form-control:focus,.no-cssgradients .form-material.has-warning .form-control:not(.empty){background:0 0;border-bottom:2px solid #ff9800}.form-material.has-warning .form-control:-webkit-autofill{background-image:-webkit-gradient(linear,left top,left bottom,from(#ff9800),to(#ff9800)),-webkit-gradient(linear,left top,left bottom,from(#e0e0e0),to(#e0e0e0));background-image:-webkit-linear-gradient(#ff9800,#ff9800),-webkit-linear-gradient(#e0e0e0,#e0e0e0);background-image:linear-gradient(#ff9800,#ff9800),linear-gradient(#e0e0e0,#e0e0e0)}.no-cssgradients .form-material.has-warning .form-control:-webkit-autofill{background:0 0;border-bottom:2px solid #ff9800}.form-material.has-warning .form-control:not(.empty){-webkit-background-size:100% 2px,100% 1px;background-size:100% 2px,100% 1px}.form-material.has-warning .form-control-label{color:#ff9800}.form-material.has-warning .form-control.focus~.floating-label,.form-material.has-warning .form-control:focus~.floating-label,.form-material.has-warning .form-control:not(.empty)~.floating-label{color:#ff9800}.form-material.has-warning .form-control:-webkit-autofill~.floating-label{color:#ff9800}.form-material.has-danger .form-control.focus,.form-material.has-danger .form-control:focus,.form-material.has-danger .form-control:not(.empty){background-image:-webkit-gradient(linear,left top,left bottom,from(#f44336),to(#f44336)),-webkit-gradient(linear,left top,left bottom,from(#e0e0e0),to(#e0e0e0));background-image:-webkit-linear-gradient(#f44336,#f44336),-webkit-linear-gradient(#e0e0e0,#e0e0e0);background-image:-o-linear-gradient(#f44336,#f44336),-o-linear-gradient(#e0e0e0,#e0e0e0);background-image:linear-gradient(#f44336,#f44336),linear-gradient(#e0e0e0,#e0e0e0)}.no-cssgradients .form-material.has-danger .form-control.focus,.no-cssgradients .form-material.has-danger .form-control:focus,.no-cssgradients .form-material.has-danger .form-control:not(.empty){background:0 0;border-bottom:2px solid #f44336}.form-material.has-danger .form-control:-webkit-autofill{background-image:-webkit-gradient(linear,left top,left bottom,from(#f44336),to(#f44336)),-webkit-gradient(linear,left top,left bottom,from(#e0e0e0),to(#e0e0e0));background-image:-webkit-linear-gradient(#f44336,#f44336),-webkit-linear-gradient(#e0e0e0,#e0e0e0);background-image:linear-gradient(#f44336,#f44336),linear-gradient(#e0e0e0,#e0e0e0)}.no-cssgradients .form-material.has-danger .form-control:-webkit-autofill{background:0 0;border-bottom:2px solid #f44336}.form-material.has-danger .form-control:not(.empty){-webkit-background-size:100% 2px,100% 1px;background-size:100% 2px,100% 1px}.form-material.has-danger .form-control-label{color:#f44336}.form-material.has-danger .form-control.focus~.floating-label,.form-material.has-danger .form-control:focus~.floating-label,.form-material.has-danger .form-control:not(.empty)~.floating-label{color:#f44336}.form-material.has-danger .form-control:-webkit-autofill~.floating-label{color:#f44336}.form-material.has-success .form-control.focus,.form-material.has-success .form-control:focus,.form-material.has-success .form-control:not(.empty){background-image:-webkit-gradient(linear,left top,left bottom,from(#4caf50),to(#4caf50)),-webkit-gradient(linear,left top,left bottom,from(#e0e0e0),to(#e0e0e0));background-image:-webkit-linear-gradient(#4caf50,#4caf50),-webkit-linear-gradient(#e0e0e0,#e0e0e0);background-image:-o-linear-gradient(#4caf50,#4caf50),-o-linear-gradient(#e0e0e0,#e0e0e0);background-image:linear-gradient(#4caf50,#4caf50),linear-gradient(#e0e0e0,#e0e0e0)}.no-cssgradients .form-material.has-success .form-control.focus,.no-cssgradients .form-material.has-success .form-control:focus,.no-cssgradients .form-material.has-success .form-control:not(.empty){background:0 0;border-bottom:2px solid #4caf50}.form-material.has-success .form-control:-webkit-autofill{background-image:-webkit-gradient(linear,left top,left bottom,from(#4caf50),to(#4caf50)),-webkit-gradient(linear,left top,left bottom,from(#e0e0e0),to(#e0e0e0));background-image:-webkit-linear-gradient(#4caf50,#4caf50),-webkit-linear-gradient(#e0e0e0,#e0e0e0);background-image:linear-gradient(#4caf50,#4caf50),linear-gradient(#e0e0e0,#e0e0e0)}.no-cssgradients .form-material.has-success .form-control:-webkit-autofill{background:0 0;border-bottom:2px solid #4caf50}.form-material.has-success .form-control:not(.empty){-webkit-background-size:100% 2px,100% 1px;background-size:100% 2px,100% 1px}.form-material.has-success .form-control-label{color:#4caf50}.form-material.has-success .form-control.focus~.floating-label,.form-material.has-success .form-control:focus~.floating-label,.form-material.has-success .form-control:not(.empty)~.floating-label{color:#4caf50}.form-material.has-success .form-control:-webkit-autofill~.floating-label{color:#4caf50}.form-material.has-info .form-control.focus,.form-material.has-info .form-control:focus,.form-material.has-info .form-control:not(.empty){background-image:-webkit-gradient(linear,left top,left bottom,from(#00bcd4),to(#00bcd4)),-webkit-gradient(linear,left top,left bottom,from(#e0e0e0),to(#e0e0e0));background-image:-webkit-linear-gradient(#00bcd4,#00bcd4),-webkit-linear-gradient(#e0e0e0,#e0e0e0);background-image:-o-linear-gradient(#00bcd4,#00bcd4),-o-linear-gradient(#e0e0e0,#e0e0e0);background-image:linear-gradient(#00bcd4,#00bcd4),linear-gradient(#e0e0e0,#e0e0e0)}.no-cssgradients .form-material.has-info .form-control.focus,.no-cssgradients .form-material.has-info .form-control:focus,.no-cssgradients .form-material.has-info .form-control:not(.empty){background:0 0;border-bottom:2px solid #00bcd4}.form-material.has-info .form-control:-webkit-autofill{background-image:-webkit-gradient(linear,left top,left bottom,from(#00bcd4),to(#00bcd4)),-webkit-gradient(linear,left top,left bottom,from(#e0e0e0),to(#e0e0e0));background-image:-webkit-linear-gradient(#00bcd4,#00bcd4),-webkit-linear-gradient(#e0e0e0,#e0e0e0);background-image:linear-gradient(#00bcd4,#00bcd4),linear-gradient(#e0e0e0,#e0e0e0)}.no-cssgradients .form-material.has-info .form-control:-webkit-autofill{background:0 0;border-bottom:2px solid #00bcd4}.form-material.has-info .form-control:not(.empty){-webkit-background-size:100% 2px,100% 1px;background-size:100% 2px,100% 1px}.form-material.has-info .form-control-label{color:#00bcd4}.form-material.has-info .form-control.focus~.floating-label,.form-material.has-info .form-control:focus~.floating-label,.form-material.has-info .form-control:not(.empty)~.floating-label{color:#00bcd4}.form-material.has-info .form-control:-webkit-autofill~.floating-label{color:#00bcd4}.form-material .input-group .form-control-wrap{margin-right:5px;margin-left:5px;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.form-material .input-group .form-control-wrap .form-control{float:none;width:100%}.form-material .input-group .input-group-addon{background:0 0;border:0}.form-material .input-group .input-group-btn .btn{margin:0;border-radius:.286rem}.form-material input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;width:100%;height:100%;opacity:0}.form-control-wrap{position:relative}