/* =================================================================================================
Copyright (c) 2008 - 2019 Shincube Pte. Ltd.No part of this code can be reused or modified in part or in whole, in any other sites, projects, codes, without the prior written permission from Shincube Pte. Ltd.
================ V{alidated}Form v1.0 =======================================================*/
:root{--vform-green-color:#5fb760;--vform-red-color:#d75452;--vform-yellow-color:#eeac57;--vform-blue-color:#52aad7}.vform-label{padding-top:0;padding-bottom:0;padding-left:calc(.75rem + 1px);padding-right:calc(.75rem + 1px);margin:0}.vform-inputdiv{padding-left:calc(.75rem + 1px);padding-right:calc(.75rem + 1px);position:relative;width:100%}.vform-loading.vform-icon-feedback{animation:vform-spinner-icon 2s linear infinite}@keyframes vform-spinner-icon{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.vform-icon-feedback.pselect-icon-disp{top:8px!important}.vform-icon-feedback{position:absolute;right:28px;top:10px;background-color:transparent;z-index:2}.vform-icon-feedback.hidden{display:none}.vform-control{display:block;padding:6px 12px;color:#555;width:100%;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}div.pfile-overlay.vform-success{border-color:var(--vform-green-color);color:#666}div.pfile-overlay.vform-error{border-color:var(--vform-red-color);color:#666}div.pfile-overlay.vform-warning{border-color:var(--vform-yellow-color);color:#666}div.pfile-overlay.vform-loading{border-color:var(--vform-blue-color);color:#666}.pfile-overlay.vform-error::after,.pfile-overlay.vform-success::after,.pfile-overlay.vform-loading::after,.pfile-overlay.vform-warning::after{content:"";width:72px}div.pselect-display.vform-success{border-color:var(--vform-green-color);color:#666}div.pselect-display.vform-error{border-color:var(--vform-red-color);color:#666}div.pselect-display.vform-warning{border-color:var(--vform-yellow-color);color:#666}div.pselect-display.vform-loading{border-color:var(--vform-blue-color);color:#666}div.pselect-icon-disp.vform-success{color:var(--vform-green-color)}div.pselect-icon-disp.vform-error{color:var(--vform-red-color)}div.pselect-icon-disp.vform-warning{color:var(--vform-yellow-color)}div.pselect-icon-disp.vform-loading{color:var(--vform-blue-color)}div.vform-control.vform-success,textarea.vform-control.vform-success{border-color:var(--vform-green-color);color:black}div.vform-control.vform-error,textarea.vform-control.vform-error{border-color:var(--vform-red-color);color:black}div.vform-control.vform-warning,textarea.vform-control.vform-warning{border-color:var(--vform-yellow-color);color:black}div.vform-control.vform-loading,textarea.vform-control.vform-loading{border-color:var(--vform-blue-color);color:black}input.vform-success{border-color:var(--vform-green-color);padding:6px 40px 6px 12px}input.vform-error{border-color:var(--vform-red-color);padding:6px 40px 6px 12px}input.vform-warning{border-color:var(--vform-yellow-color);padding:6px 40px 6px 12px}input.vform-loading{border-color:var(--vform-blue-color);padding:6px 40px 6px 12px}label.vform-error,i.vform-error,svg.vform-error,div.vform-feedbackdiv.vform-error,small.vform-error{color:var(--vform-red-color)}label.vform-warning,i.vform-warning,svg.vform-warning,div.vform-feedbackdiv.vform-warning,small.vform-warning{color:var(--vform-yellow-color)}label.vform-success,i.vform-success,svg.vform-success,div.vform-feedbackdiv.vform-success,small.vform-success{color:var(--vform-green-color)}label.vform-loading,i.vform-loading,svg.vform-loading,div.vform-feedbackdiv.vform-loading,small.vform-loading{color:var(--vform-blue-color)}i.vform-loading{-webkit-animation:spin 2s linear infinite;-moz-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-moz-keyframes spin{100%{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg)}}@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px white inset}.vform-feedbackdiv{padding-top:0;padding-bottom:0;padding-left:calc(.75rem + 1px);padding-right:calc(.75rem + 1px);margin:0}