.mensagens , .Message{
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    font-weight: bold;
    margin-top: 1rem;
    color: #999999;
    
}
.mensagens button{
    padding: 0.5rem 2rem !important;
    border: unset;
    color: #fff;
    background-color: #014598 !important;
    border-radius: 9999px;
    margin-bottom: 0.5rem;
    cursor: pointer;
    margin-top: .5rem;
}
 .successMessage{
    background-color: #e4e4e5;
    /*color: #41464B;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding:2rem 1rem ;
    border-radius: 1rem;
}
.errorMessage{
    background-color: #f8d7da;
    /*color: #842029;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding:1rem 1rem ;
    border-radius: 1rem;
}
.infoMessage{
    background-color: #d1ecf1;
    /*color: #055160;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding:2rem 1rem ;
    border-radius: 1rem;
}.successMessage p{
    margin-top: .5rem;
} 
.errorMessage p{
    margin-top: .5rem;
} 
.MessagebgA p{
    margin-top: .5rem;
    color: #fff;
}

.MessagebgA{
    background-color: #014598;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding:2rem 1rem ;
    border-radius: 1rem;
}
@media (max-width: 950px){
    .form_successmessage{
        flex-direction: column;
    }
    .form_errormessage{
        flex-direction: column;
    }
    .form_infomessage{
        flex-direction: column;
    }
     .successMessage{
        margin-top: 1rem;
     }
     .errorMessage{
        margin-top: 1rem;
     }
     .infoMessage{
        margin-top: 1rem;
     }

}