/* Status Messages */
/* status, error, warning */

.row--messages { position: relative; }
.messages { position: relative; padding: 30px 30px 30px 78px; }
.messages:before { content: ''; display: block; background: #DDD; position: absolute; top: 0; left: 0; height: 100%; width: 48px; }
.messages svg { width: 24px; height: auto; position: absolute; top: 50%; left: 12px; margin-top: -12px; }

.messages.status { background: #E0EFCB; }
.messages.status:before { background: #8fc641; }

.messages.warning { background: #FEECBF; }
.messages.warning:before { background: #fcb815; }

.messages.error { background: #FFC3CD; }
.messages.error:before { background: #e22a40; background: #FF2346; }