.app-label{cursor:pointer;font-size:var(--label-font-size);font-weight:var(--label-font-weight);line-height:100%}.app-control{width:100%}.app-control .control-field{position:relative}.app-control .control-field .form-control{background-color:#fff;border:var(--control-border-width) solid rgba(0,93,207,.3);border-radius:var(--control-border-radius);font-size:16px;font-weight:var(--control-font-weight);outline:var(--control-border-width) solid transparent;transition:border-color .3s,outline-color .3s}.app-control .control-field .form-control:hover{border-color:#005dcf}.app-control .control-field .form-control:focus{border-color:#005dcf;outline-color:#005dcf}.app-control .control-field .form-control[disabled],.app-control .control-field .form-control[readonly]{cursor:auto}.app-control .control-field.size-md.float-label .app-label{left:calc(var(--control-md-padding) - 6px)}.app-control .control-field.size-lg.float-label .app-label{left:calc(var(--control-lg-padding) - 6px)}.app-control .control-field.float-label{position:relative}.app-control .control-field.float-label .app-label{background-color:#fff;opacity:.6;padding:0 6px;position:absolute;transform-origin:left center;transition:.15s cubic-bezier(.4,0,.2,1);transition-property:opacity,transform,color;z-index:900}.app-control .control-field.float-label .app-label:has(+.form-control:not(:-moz-placeholder-shown)){color:#005dcf;opacity:1}.app-control .control-field.float-label .app-label:has(+.form-control:focus),.app-control .control-field.float-label .app-label:has(+.form-control:not(:placeholder-shown)){color:#005dcf;opacity:1}.app-control .control-field.has-error .app-label{color:#b00020!important;opacity:1}.app-control .control-field.has-error .form-control{border-color:#b00020}.app-control .control-field.has-error .form-control:focus{outline-color:#b00020}.app-input .control-field.size-md .form-control{height:var(--control-size-md);padding-left:var(--control-md-padding);padding-right:var(--control-md-padding)}.app-input .control-field.size-lg .form-control{height:var(--control-size-lg);padding-left:var(--control-lg-padding);padding-right:var(--control-lg-padding)}.app-input .control-field.float-label .app-label{top:calc(50% - var(--label-font-size)/2)}.app-input .control-field.float-label .app-label:has(+.form-control:not(:-moz-placeholder-shown)){transform:translateY(-170%) scale(.8)}.app-input .control-field.float-label .app-label:has(+.form-control:focus),.app-input .control-field.float-label .app-label:has(+.form-control:not(:placeholder-shown)){transform:translateY(-170%) scale(.8)}
