body {
    background-color: #fff;
}
/*Request page*/
.email-form{
 label.required{
    display: none;
 }   
}
.requestForm--email{
    border-radius: 1rem;
    border: 1px solid rgb(201, 218, 220);
    background-color: rgb(244 247 247);
    width: calc(100% - 1rem); 
    padding: .9rem;
    height: 3.2rem;
    font-size: .875rem;
    box-sizing: border-box;
    &:focus-within{
        outline: none;
        border: 3px solid rgb(37, 77, 235);
    }
}
.rstmdp {
    background-image: url("/images/Background-register.svg");
    background-size: cover;
    background-position: center;
    margin-bottom: 3rem;
    height: 40rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-inline: .5rem;
    padding-block: 5rem;
}

.card {
    width: 38rem;
    height: auto;
    padding: 2.5rem;
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    text-align: center;
    & h1{
        color: #004246;
        font-size: 2rem;
        text-align: center;
    }
    & a{
        color: #C30000;
    &:hover{
    color: #ffce4c;
    }
    }
}
/*End request page*/

/*ResetMDP page*/
.resetPassword--form{
    padding-top: 1rem;
}

.form-group{
    label{
        display: block;
    }
}
.resetForm__password--first-container, .resetForm__password--second-container{
    border-radius: 1rem;
    border: 1px solid rgb(201, 218, 220);
    background-color: rgb(244 247 247);
    width: calc(100% - 1rem); 
    padding: .9rem;
    height: 3.2rem;
    font-size: .875rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    &:focus-within{
        outline: none;
        border: 3px solid rgb(37, 77, 235);
    }  
}
#button__changeType-first, #button__changeType-second{
    border: none;
    outline: none;
    background-color: transparent;
    padding: 0;
}
.eye-first, .eye-second{
    width: 1.2rem;
}
.resetForm__password--first, .resetForm__password--second{
    background-color: transparent;
    border:none;
    width: 90%;
    &:focus{
        outline: none;
        border:none;
    }
    &:not(:placeholder-shown){
        background-color: #f4f7f7;
    }
}
.resetPassword--btn{
    display: flex;
    justify-content: flex-end;
    padding-top: 1rem;
    width: calc(100% - 1rem);
}
/* End ResetMDP page*/
.email-form {
    margin-top: 2rem;
    text-align: center;
}

.instruction {
    display: block; 
    margin-top: 1rem;
    text-align: center;
    color: #00666C;
}

.form-footer {
    margin-top: 2rem;
    display: flex;
    justify-content: center;
}

.form-btn{
    display: flex;
    justify-content: center;
    font-weight: bold;
    border-radius: 1rem;
    border:1px solid rgb(0 66 70);
    padding: 0.75rem 1.5rem; 
    background-color: initial;
    color: #004246;
    transition: 0.4s ease-in-out;
    &:hover{
       color: white;
       background-color: rgb(0 66 70);
       cursor : pointer;
       transition: 0.4s ease-in-out;
    }
 }
 @media screen and (max-width: 700px) {
    .rstmdp {
        height: auto;
    }
    
    .card{
        padding-inline: 1.5rem;
    }
    // .form-btn{
    //     width: 12.2rem;
    // }
    // .reset-btn{
    //     width: auto;
    // }
    .form-footer {
        justify-content: flex-end;
    }
 }