.custom-field,.custom-field .field{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.custom-field{position:relative;height:56px;border:1px solid #ddd;margin:9px 0}.custom-field .field{color:#000;background-color:#fff;padding:5px 17px 0;font-family:"Roboto-Regular";font-size:16px;line-height:20px;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.custom-field.no-placeholder .field{padding-top:0}.custom-field .error-msg,.custom-field label{font-family:"Roboto-Regular";line-height:20px;padding-left:17px}.custom-field label{font-size:16px;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;color:#999;position:absolute;top:0;left:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:300ms all;-o-transition:300ms all;-moz-transition:300ms all;transition:300ms all}.custom-field.active label,.custom-field.filled label{height:45%;font-size:11px}.custom-field .error-msg{display:none;font-size:11px;color:red;white-space:nowrap}.custom-field.invalid:not(.active){border-color:red;margin-bottom:22px}.custom-field.invalid:not(.active) .error-msg{display:block}.custom-field.active{border-color:#efbf42}