#forgotten_password_section{
    display:none;
    flex-direction: column;
    align-items: center;
    width: 90vw;
}

#forgotten_password_text{
    margin-left: 20px;
}

#new_password_section{
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: white;
    width: 400px;
    padding: 2%;
    padding-right: 10px;
    border-radius: 8px;
    -webkit-box-shadow: 1px 1px 17px -2px rgba(0,0,0,0.10); 
    box-shadow: 1px 1px 17px -2px rgba(0,0,0,0.10);
}
#forgotten_password_form >div>.errorRegexReturn{
    color: red;
    position: absolute;
    top: 27px;
    left:5px;
}
#forgotten_password_form >.relative{
    width: 100%;
}
#forgotten_password_form >div>#message{
    color: red;
    position: absolute;
    width: 100%;
    top: -10px;
    text-align: center;
}
#validMessage{
    text-align: center;
}

#new_password_section>.title_forgotten_password_section>h2{
    
    text-align: center;
    width: 100%;
}
#forgottenPasswordArrowBack{
    margin-left: 20px;
}
#new_password_section>.title_forgotten_password_section{
    width: 100%
}