#site-alerts { margin-bottom:1rem; padding:0.8rem; }
#site-alerts .alert { padding:0.8rem; }
.alert { width:100%; margin-bottom:1rem; box-shadow:0 2px 4px 0 rgb(151, 151, 151); padding:0.5rem; }
.alert h2,.alert h3,.alert h4 { padding:0.5rem 0.5rem 0.5rem 2rem; background-repeat:no-repeat; background-size:1.5rem; background-position:left 0.5rem; line-height:normal; width:calc(100% - 4rem);  margin:0; }
.alert h2 { font-size:1.25rem; color:#000; }
.alert h4 { font-size:1.25rem; color:#000; }
.alert a { color:#555; font-size:1rem; }
.alert-error { border:1px solid #FF0000; background-color:rgba(239,200,200,0.7); color:#000; }
.alert-error h2 { background-image:url('/img/svg/error.svg'); }
.alert-error h4 { background-image:url('/img/svg/error.svg'); }
.alert-warning { border:1px solid #D1AE00; background-color:rgba(240,226,157,0.7); color:#000; }
.alert-warning h2 { background-image:url('/img/svg/warning.svg'); }
.alert-warning h4 { background-image:url('/img/svg/warning.svg'); }
.alert-confirm { border:1px solid #65B446; background-color:rgba(179,239,156,0.7);  color:#000; }
.alert-confirm h2 { background-image:url('/img/svg/check.svg'); }
.alert-confirm h4 { background-image:url('/img/svg/check.svg'); }
.alert-info { border:1px solid #24C3CC; background-color:rgba(172,227,231,0.7); color:#000; }
.alert-info h4 { background-image:url('/img/svg/info.svg'); }
.alert-debug { border:1px solid #ba9fc6; background-color: rgba(234,218,242,0.7); }
.alert-debug h4 { background-image:url('/img/svg/debug.svg'); }