@focus (){outline-style:solid;outline-color:#2b45fe;outline-width:2px;outline-offset:1px}.page-template-tpl-form{height:100vh}.page-template-tpl-form .section-title{margin-bottom:10px}.page-template-tpl-form .section-title h1{margin-bottom:0}.page-template-tpl-form .logo-wrapper{position:relative;width:100%;max-width:1600px;top:30px;padding:0 3%;margin:auto}.page-template-tpl-form .logo-wrapper img{max-width:100px}.page-template-tpl-form .page-container .content-container .site-container .main-wrapper{margin-top:100px;width:100%;max-width:50%;text-align:center}.page-template-tpl-form .page-container .content-container .site-container .main-wrapper .form-wrapper .input-wrapper{max-width:100%}.page-template-tpl-form .page-container .content-container .site-container .main-wrapper .form-wrapper .input-wrapper.button .loader-wrapper{width:auto;left:20px;background:transparent}.page-template-tpl-form .page-container .content-container .site-container .main-wrapper .form-wrapper .input-wrapper.button .loader-wrapper .loader{border-width:3px;width:25px;height:25px}.page-template-tpl-form .page-container .content-container .site-container .main-wrapper .form-wrapper .input-wrapper label .loader-wrapper{width:auto;left:20px;background:transparent}.page-template-tpl-form .page-container .content-container .site-container .main-wrapper .form-wrapper .input-wrapper label .loader-wrapper .loader{width:25px;height:25px;border:3px solid #e2e4e7;border-top:3px solid #8a3aff}.page-template-tpl-form .page-container .content-container .site-container .main-wrapper .form-wrapper .login-inner,.page-template-tpl-form .page-container .content-container .site-container .main-wrapper .form-wrapper .lost-password-inner{width:100%;max-width:500px;margin:auto}.page-template-tpl-form .page-container .content-container .site-container .main-wrapper .form-wrapper .register-inner,.page-template-tpl-form .page-container .content-container .site-container .main-wrapper .form-wrapper .create-site-inner{width:100%;max-width:600px;margin:auto}.page-template-tpl-form .page-container .content-container .site-container .main-wrapper .form-wrapper .create-site-inner .btn.btn-primary{display:block;margin:auto}.page-template-tpl-form .page-container .content-container .site-container .main-wrapper .form-wrapper .create-site-inner .skip-button{position:relative;top:20px}.page-template-tpl-form .page-container .content-container .site-container .main-wrapper .form-wrapper input.is-invalid-input ~ span.form-error{display:block;bottom:-25px}.page-template-tpl-form .page-container .background-wrapper{position:fixed;width:588px;height:100vh;left:0;top:0;background-image:url("../../images/login-side-bg.png");background-size:cover;background-position:right center;background-repeat:no-repeat;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;-webkit-align-items:center;-moz-align-items:center;-webkit-box-align:center;-ms-flex-align:center}.page-template-tpl-form .page-container .background-wrapper .icon{position:relative;display:block;width:133px;height:166px;background-image:url("../../images/user.png");background-size:cover}.page-template-tpl-form .page-container[data-page-type="register"] .background-wrapper .icon{width:166px;height:178px;background-image:url("../../images/add-user.png")}.page-template-tpl-form .page-container[data-page-type="member-activation"] .background-wrapper .icon{width:200px;height:200px;background:url("../../images/ic_twotone-verified-user.svg") no-repeat center center/contain}.page-template-tpl-form .move-to-msg a{display:inline-block;position:relative;background-image:-webkit-linear-gradient(left, #0ab8f4, #2b45fe, #8a3aff);background-image:-moz-linear-gradient(left, #0ab8f4, #2b45fe, #8a3aff);background-image:-ms-linear-gradient(left, #0ab8f4, #2b45fe, #8a3aff);background-image:-o-linear-gradient(left, #0ab8f4, #2b45fe, #8a3aff);background-image:linear-gradient(to right, #0ab8f4, #2b45fe, #8a3aff);color:transparent;-webkit-background-clip:text;background-clip:text}.page-template-tpl-form .move-to-msg a:after{content:'';position:absolute;display:block;height:1px;width:0;bottom:1px;left:0;opacity:0;visibility:hidden;background:#2b45fe;background:-moz-linear-gradient(90deg, #0ab8f4 0%, #2b45fe 50%, #8a3aff 100%);background:-webkit-linear-gradient(90deg, #0ab8f4 0%, #2b45fe 50%, #8a3aff 100%);background:linear-gradient(90deg, #0ab8f4 0%, #2b45fe 50%, #8a3aff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="$bg1",endColorstr="$bg3",GradientType=1);-webkit-transition:all 250ms ease;-moz-transition:all 250ms ease;-ms-transition:all 250ms ease;-o-transition:all 250ms ease;transition:all 250ms ease}.page-template-tpl-form .move-to-msg a:hover:after{width:100%;opacity:1;visibility:visible}.page-template-tpl-form .btn.btn-primary.invert:active,.page-template-tpl-form .btn.btn-primary.invert:focus{color:#434343;background:#fff !important;border:1px solid}.page-template-tpl-form .btn.btn-primary.invert:active span,.page-template-tpl-form .btn.btn-primary.invert:focus span{color:#434343}.page-template-tpl-form .create-site-inner .create-site-inner-form{margin-bottom:40px}.page-template-tpl-form .create-site-inner .create-site-inner-form .flex-columns .fieldset-inner{flex-direction:column;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-webkit-box-direction:normal;-webkit-box-orient:vertical}.page-template-tpl-form .create-site-inner .create-site-inner-form .flex-columns .fieldset-inner .input-wrapper:first-child label{max-width:380px;margin:auto}.page-template-tpl-form .create-site-inner .create-site-inner-form .flex-columns .fieldset-inner .input-wrapper:last-child{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-webkit-box-pack:center;-ms-flex-pack:center}.page-template-tpl-form .create-site-inner .create-site-inner-form .flex-columns .fieldset-inner .input-wrapper:last-child label{width:100%;max-width:300px}@media only screen and (max-width: 1200px){.page-template-tpl-form .page-container .background-wrapper{width:45%}}@media only screen and (max-width: 640px){.page-template-tpl-form .logo-wrapper{text-align:center}.page-template-tpl-form .page-container .background-wrapper{display:none}.page-template-tpl-form .page-container .content-container .site-container .main-wrapper{max-width:100%}}

/*# sourceMappingURL=tpl-forms.css.map */