/**
 * Styling for the Messages component
 * 
 * @package Core
 * @subpackage Scripts
 * @author TimoBakx
 * 
 * Changelog
 * 2.0.0
 *		Rewritten for message divs instead of a dialog
 * 1.0.0
 * 		First version
 */

/* Each message */
.systemMessage {

    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;

}

/* Message type 1 (information) */
.systemMessage1 {
	color: #084298;
    background-color: #cfe2ff;
    border-color: #b6d4fe;

}


/* Message type 2 (warning) */
.systemMessage2 {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5;
}

/* Message type 3 (error) */
.systemMessage3 {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

/* Message type 4 (success) */
.systemMessage4 {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}