.error-alert {

    position: relative;

    width: 100%;

    height: auto;

    padding: 10px 10px 10px 10px;

    margin-bottom: 10px;

    background-color: #f1c1c5;

    border-color: #f5c6cb;

    color: #000000;

    font-weight: bold;

    display: none;

}



.error-alert-show {

    display: block !important;

}



.error-alert ul {

    margin-bottom: 0;

    list-style-type: disc;

    text-align: center; 

}



.error-alert .email-error {

    display: none; 

}



.error-alert .email-error-show {

    display: block !important; 

}



.error-alert .empty-error {

    display: none; 

}



.error-alert .empty-error-show {

    display: block !important;  

}



.success-alert {

    position: relative;

    width: 100%;

    height: auto;

    padding: 10px 10px 10px 10px;

    margin-bottom: 10px;

    background-color: #d4edda;

    border-color: #c3e6cb;

    color: black;

    font-weight: bold;

    display: none;

}



.success-alert-show {

    display: block !important;

}



.success-alert ul {

    margin-bottom: 0;

    list-style: none;

    text-align: center; 

}