main.container{margin-top:50px}.mat-input{border:1px solid ddd;position:relative;height:50px;display:flex;flex-direction:row;align-content:center;border-radius:4px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}.mat-input input,.mat-input input,.mat-input input,.mat-input input{border-radius:4px;padding:20px 12px 8px 13px;border:none;flex:1}.mat-input input:focus,.mat-input input:focus,.mat-input input:focus,.mat-input input:focus{outline:none}.mat-input label{position:absolute;line-height:14px;left:13px;top:16px;font-size:16px;color:#858587;cursor:inherit;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}.mat-input.inline{height:46px}.mat-input.inline input{padding:8px 12px 8px 13px}.mat-input.inline label{top:14px}.mat-input.inline.active label{font-size:12px;top:-10px;left:10px;padding:0 3px;background:#fff;font-weight:400}.mat-input.active label{color:#858587;font-weight:700;font-size:11px;left:13px;top:2px}.mat-input.focus{border-color:#00bcd4;box-shadow:0 0 0 1px #00bcd4}.mat-input.focus label{color:#00bcd4}.mat-group{margin-bottom:20px}.mat-group .info{font-size:12px;display:block;padding:2px 12px 0 13px;color:#858587}.mat-group.error .info{color:#f44336}.mat-group.error .mat-input{border-color:#f44336;box-shadow:0 0 0 1px f44336}.mat-group.error .mat-input.active.focus label{color:#f44336}