CINXE.COM
HelpDocs
<!DOCTYPE html> <html lang="en"> <head> <title>HelpDocs</title> <meta name="description" content="HelpDocs for..."> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> #err .alert { background-color: #e60a0a; color: white; padding: 0.75em; text-align: center; } </style> <meta property="hd-render" content="hbs"> </head> <body data-article-id="undefined" data-category-id="undefined" data-search-term="undefined" data-original-search-term="undefined" data-search-result-count="undefined" data-language-code="" data-default-language-code="" data-account-id="" data-domain="" data-home-path="" data-search-placeholder="Help me with..." data-see-more-results-string="See more results" data-no-articles-found-string="No articles found" > <div id="internalMain" data-hd-template="_internal"> <div id="internalContent"> <script>window.hd_util_params = { current_page: 'login' };</script> <style> * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: always; text-rendering: optimizeLegibility; -webkit-text-size-adjust: none; -ms-text-size-adjust: 100; font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,sans-serif; } body { margin: 0; } hr { width: 100%; height: 1px; border-width: 0; color: gray; background-color: #eaeaea; margin: 2em 0; } .ssoLogins { margin-top: 1em; } button, input, select, textarea { font-family: inherit; font-size: 100%; width: 100%; margin: 10px 0; -webkit-box-sizing: border-box; box-sizing: border-box; } fieldset { border: 0; padding: 0; } input { display: block; max-height: 5rem; padding: 0.95rem; border-radius: 3px; border: 1px solid #c3c3c3; } @-webkit-keyframes fadeUpIn { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeUpIn { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } #login { padding-top: 4em; margin-bottom: 5rem; width: 100%; } #login .left.spacer { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 35%; } #login .right.spacer { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 35%; } #login .box { -webkit-animation: fadeUpIn 0.75s cubic-bezier(.2,1,.2,1); animation: fadeUpIn 0.75s cubic-bezier(.2,1,.2,1); } #login button { padding: 0.75rem; border-radius: 3px; border: none; cursor: pointer; font-weight: 500; } #login button#submitbutton { background-color: #4848e2; color: white; } #login .ssoButton, #login button.btn { border: 1px solid #c3c3c3; background-color: white; } #login .top img.logo { margin: 0 auto 2em auto !important; display: block; max-height: 3rem; -webkit-animation: fadeUpIn 2s cubic-bezier(.2,1,.2,1); animation: fadeUpIn 2s cubic-bezier(.2,1,.2,1); } #login .middle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 5em; } #login .box { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-bottom: -2em; background-color: white; border-radius: 6px; padding: 2em; -webkit-box-shadow: 0 1.1px 4.9px rgba(0, 0, 0, 0.045), 0 3.8px 16.3px rgba(0, 0, 0, 0.063), 0 17px 73px rgba(0, 0, 0, 0.07) ; box-shadow: 0 1.1px 4.9px rgba(0, 0, 0, 0.045), 0 3.8px 16.3px rgba(0, 0, 0, 0.063), 0 17px 73px rgba(0, 0, 0, 0.07) ; } @media only screen and (max-width: 768px) { #login .left.spacer { width: 5%; } #login .right.spacer { width: 5%; } #login .box { width: 90%; } } @media only screen and (min-width: 768px) { #login .left.spacer { width: 25%; } #login .right.spacer { width: 25%; } #login .box { width: 50%; } } @media only screen and (min-width: 1100px) { #login .left.spacer { width: 30%; } #login .right.spacer { width: 30%; } #login .box { width: 40%; } } @media only screen and (min-width: 2000px) { #login .left.spacer { width: 40%; } #login .right.spacer { width: 40%; } #login .box { width: 20%; } } @media only screen and (min-width: 3000px) { #login .left.spacer { width: 45%; } #login .right.spacer { width: 45; } #login .box { width: 10%; } } #login h1 { font-size: 1.5rem; text-align: center; margin: 0 auto; font-weight: 500; } #err { border-radius: 0; width:100%; background-color: red; color: white; text-align: center; padding: 1em; } </style> <div id="err"> Invalid token </div> <div id="login" style="background-color:#f45599 !important"> <div class="top"> </div> <div class="middle"> <div class="left spacer"></div> <div class="box"> <div class="title"> <h1> Login </h1> </div> <hr> <form id="loginform" action="/login" method="POST"> <fieldset> <label for="email">Email Address</label> <input id="email" type="email" name="email" placeholder="Enter email" required> </fieldset> <fieldset class="form-group"> <label for="password"> Password <small class="reset" style="display: none;cursor: pointer;">Forgot?</small> </label> <input id="password" type="password" name="password" placeholder="•••••••" required> </fieldset> <fieldset style="display: none"> <input id="forward" type="hidden" name="forward"> </fieldset> <fieldset style="display: none"> <input type="hidden" name="CSRFToken" value="brfv9yu9fv5mo6jd74dw"> </fieldset> <button id="submitbutton" type="submit">Login</button> </form> <p style="text-align:center;margin-bottom:0"> <small class="reset-prompt text-muted"> Need a new password? Enter your email, then hit <strong>Forgot?</strong> </small> </p> </div> <div class="right spacer"></div> </div> </div> <div style="position: relative !important; bottom: 0 !important; text-align: center !important; margin: 2em !important; padding: initial !important; padding-bottom: 2em !important; display: block !important; visibility: visible !important;"> <a href="https://www.helpdocs.io?ref=hd" target="_blank" title="Powered by HelpDocs" style="display: initial !important; visibility: visible !important; position: initial !important; margin: 0 !important; padding: 0 !important; color: #ccc !important; text-decoration: none !important;" > <img src="https://cdn.helpdocs.io/img/logo_grey.png?v=1744025098" alt="Powered by HelpDocs" style="height: 2em !important; width: 2em !important; display: initial !important; visibility: visible !important; position: initial !important; margin: 0 !important; padding: 0 !important;" /> <span style="position: absolute;width: 1px;clip: rect(0 0 0 0);overflow: hidden;white-space: nowrap;">(opens in a new tab)</span> </a> </div> </div> </div> <script src="https://cdn.helpdocs.io/js/js.cookie.min.js?v=1744025098"></script> <script src="https://cdn.helpdocs.io/js/highlight.min.js?v=1744025098"></script> <script src="https://cdn.helpdocs.io/js/libs/hdanalytics.js?v=1744025098" type="text/javascript"></script> <script src="https://cdn.helpdocs.io/js/libs/instantsearch.js?v=1744025098" type="text/javascript"></script> <script src="https://cdn.helpdocs.io/js/libs/hdthemeutils.js?v=1744025098" type="text/javascript"></script> </body> </html>