@charset "utf-8";

.errorMessage{
	margin-bottom: 2%;
	padding: 1.5% 0% 1% 3%;
	text-align: left;
    color: #DD5152;
    background-color: #F9C7C8;
    border: 1px solid #DD5152;
    border-radius: 5px;
}

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

.warningMessage{
	margin-bottom: 2%;
	padding: 1.5% 0% 1% 3%;
	text-align: left;
    color: #856404;
    background-color: #fff3cd;
    border: 1px solid #856404;
    border-radius: 5px;
}

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

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

}