@charset "utf-8";

.successMessage{
	margin-bottom: 2%;
	padding: 1% 0% 1% 1%;
	text-align: left;
    color: #52B052;
    background-color: #C4FAC4;
    border: 1px solid #52B052;  
    border-radius: 5px;
    font-size: 15px;
    font-weight: 500;
}

.warningMessage{
	margin-bottom: 2%;
	padding: 1% 0% 1% 1%;
	text-align: left;
    color: #856404;
    background-color: #fff3cd;
    border: 1px solid #856404;  
    border-radius: 5px;
    font-size: 15px;
    font-weight: 500;
}

.errorMessage{
	margin-bottom: 2%;
	padding: 1% 0% 1% 1%;
	text-align: left;
    color: #DD5152;
    background-color: #F9C7C8;
    border: 1px solid #DD5152;  
    border-radius: 5px;
    font-size: 15px;
    font-weight: 500;
}

@media (min-width: 320px) and (max-width: 991px){

	.successMessage, .warningMessage .errorMessage {
		width: 100%;
	}

}