<script> window.addEventListener("load", function(){ if(document.referrer.includes("display/MSA/Reset+User+Password")){ document.querySelector('#sign-up-container p').innerHTML = "Password reset was successful." } }); </script> <style> /* Change the white to any color. #dbecf1; */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px white inset !important; } div#content { background: white; padding: 100px 0; } #sign-up-container{ width: 75%; margin: 0 auto; height: 620px; display: flex; background: white; } div#custom-footer { display: none; } div#rw_wrapper { background: #dbecf1; } div#rw_theme_header { display: none !important; } #sign-up-container .left{ height: 100%; } #sign-up-container .left img{ height: 100%; } #sign-up-container .right { display: flex; flex-direction: column; width: 100%; } #sign-up-container .right .top-bar{ display: flex; flex-direction: row; justify-content: space-between; width: 90%; margin: 40px auto 0; } #sign-up-container .right .top-bar .logo img{ width: 140px; } #sign-up-container .right .top-bar .title { font-family: Arimo; font-size: 22px; font-weight: bold; color: black; height: 70%; border-bottom-width: 2px; /* border-radius: 5%; */ border-bottom-style: solid; } #sign-up-container .right .form{ width: 90%; margin:0px auto; margin-top: 20px; } #sign-up-container .right .form .label{ font-family: Arimo; font-size: 12px; letter-spacing: 0.39px; color: #555555; } #sign-up-container .right .form input { border: unset; border-bottom-width: 1px; border-bottom-style: solid; border-color: #ededed; width: 40%; margin: 10px 0; outline: none; font-family: Arimo; font-size: 15.3px; letter-spacing: 0.5px; color: black; padding-bottom: 10px; } #sign-up-container .right .form input::placeholder { opacity: 0.2; } #sign-up-container .right .t-c { width: 90%; margin: 0 auto; display: flex; flex-direction: row; margin-top: 20px; } #sign-up-container .right .t-c p{ font-family: Arimo; font-size: 12px; letter-spacing: 0.39px; color: #555555; margin: 0; margin-left: 10px; align-self: center; } #sign-up-container .right .t-c a{ font-weight: bold; color: #3d92d3; text-decoration: unset; } #sign-up-container .right .t-c .checkbox{ border-radius: 2px; border: solid 1px var(--p-blue-2); } #sign-up-container .submit-row{ width: 90%; margin: 20px auto 0; } #sign-up-container .submit-row #loginButton{ background: #fbbd28; border: unset; padding: 10px 20px; font-family: Arimo; font-size: 12px; font-weight: bold; line-height: 2; letter-spacing: 1.19px; text-align: center; color: black; text-transform: uppercase; outline: unset; border-radius: 3px; cursor: pointer; } #sign-up-container .footer{ width: 90%; margin: auto auto 50px; } #sign-up-container .footer p{ font-family: Arimo; font-size: 12px; letter-spacing: 0.39px; color: #555555; } #sign-up-container .footer a{ font-family: Arimo; font-size: 12px; letter-spacing: 0.39px; color: #37b448; text-decoration: none; font-weight: bolder; } button#forgot-btn { font-family: Arimo; font-size: 14px; font-weight: bold; line-height: 1.07; padding: unset; color: #37b448; border: unset; background: unset; margin: 30px 0 0; outline: unset; } #error-message { color: red; } #error-message a { color: red; text-decoration: underline; margin-left: 10px; } div#error-message { margin-bottom: 15px; } button#forgot-btn {cursor: pointer;} button#forgot-btn:hover { text-decoration: underline; } @media only screen and (max-width: 600px) { div#postiontoggle { display: none; } #sign-up-container .left { display: none; } #sign-up-container .right .form input { width: 80%; } .add-margin-mobile { margin-top: unset !important; } } .right { padding: 50px; } .right p { font-family: Poppins; font-size: 22px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.27; letter-spacing: normal; color: black; } .right a { margin-top: 30px; text-decoration: unset; cursor: pointer; border-radius: 8px; background-color: var(--primary-color); width: 136px; height: 57px; display: flex; justify-content: center; align-items: center; font-family: Arimo; font-size: 12px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 2; letter-spacing: 1.19px; text-align: center; color: white !important; text-transform: uppercase; } .right a:hover { color: unset; } </style> <div id="sign-up-container"> <div class="left"> <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/All+Stars/signinupbanner.png" alt=""> </div> <div class="right"> <p> Password reset was successful. A link to reset password has been sent to your email. </p> <a href="/display/MSA/login"> Go To Login</a> </div> </div> |