Page History

<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: #dbecf1white;
	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>