.msgError,
.msgDone,
.msgInfo { padding: 20px 20px 20px 40px; position: relative; margin-bottom:10px; border-radius: 3px; }
.msgError::before,
.msgDone::before,
.msgInfo::before { display:flex; align-items: center; justify-content: center; width: 40px; height: 100%; position: absolute; top:0; left:0; font-size: 16px; font-family: 'icomoon' !important; font-weight: normal; content: "\e90a"; font-smoothing: none; }
.msgError a,
.msgDone a,
.msgInfo a { color: inherit; text-decoration: underline; }
.msgError a:hover,
.msgDone a:hover,
.msgInfo a:hover,
.msgError button:hover,
.msgDone button:hover,
.msgInfo button:hover { opacity: 0.7; }

.msgError { background: #721c24; color: #f8d7da; }
.msgError button { background: #ab555d; color: #fff; }

.msgDone { background: #d4edda; color: #155724; }
.msgDone button { background: #155724; color: #fff; }

.msgInfo { background: #fff3cd; color: #856404; }
.msgInfo button { background: #856404; color: #fff; }

.msgError code,
.msgDone code,
.msgInfo code { display: inline-block; padding: 5px 10px; background: rgba(255,255,255,0.8); border-radius: 3px; margin: 1px; }