/* Toasts */
toast { position:fixed; right:10px; top:10px; width:222px; min-height:56px; padding:5px 50px 5px 10px; background:#fff; border:1px solid #fff; box-shadow:-1px 1px 4px #888; opacity:0.9; z-index:100; display:block; font-size:12px; line-height:16px; border-radius:6px 0 0 6px; }
toast:hover { opacity:1; }
toast:after { position:absolute; right:0; top:0; width:50px; height:50px; line-height:50px; font-size:30px; text-align:center; }
toast .title { font-weight:bold; margin-bottom:2px; }
toast .progress { height:4px; border:1px solid #bbb; margin:4px 0 1px 0; }
toast .progress .bar { height:100%; background:#ad0; }

toast[type]:after { font-family:'moon-entypo-awesome'; }

toast[type="info"] { background:#FFF8E5; border-color:#ffbe00; }
toast[type="info"]:after { content:"\e860"; color:#ffbe00; }

toast[type="error"] { background:#fae5e5; border-color:#c00; }
toast[type="error"]:after { content:"\e864"; color:#c00; }

toast[type="success"] { background:#e5f5e5; border-color:#090; }
toast[type="success"]:after { content:"\e863"; color:#090; }

toast[type="pending"] { background:#e5ebf5; border-color:#4592ec; }
toast[type="pending"]:after { content:"\ea09"; color:#4592ec; }

/* Notification */
#notification { position:absolute; left:0; top:35px; height:0; width:100%; background:#fae5e5; color:#c00; z-index:100; overflow:visible; text-align:center; display:none; }
#notification_message { background:#e5ebf5; border:1px solid #4592ec; color:#333; font-size: 1.25rem; padding:1rem 2rem; position:relative; top:-10px; border-radius:0.5rem; box-shadow:1px 2px 3px #888; display:inline-block; }
#notification_message a { text-decoration:none; margin-left:5px; color: #0d6efd; font-size: 1.3rem; }
#notification_message.error { background:#fae5e5; border-color:#c00; }

/* From EMS
alert { display:block; padding:6px 12px; border:1px solid; position:relative; cursor:default; font-size:0.75rem; line-height:1.375em; }
alert[data-closable="1"]:before { /* close icon / content:"\e865"; font-family:'moon-entypo-awesome'; position:absolute; top:6px; right:8px; cursor:pointer; }
alert > div { color:#000; padding-top:6px; }
alert > header { font-size:0.875rem; }
alert > header:before { /* icons / display:inline-block; margin-right:6px; width:1em; text-align:center; font-family:'moon-entypo-awesome'; }
alert[data-type="good"] { background:#e5f5e5; color:#090; }
alert[data-type="good"] > header:before { content:"\e863"; } /* checkmark-circle icon /
alert[data-type="info"] { background:#FFF8E5; color:#ffbe00; }
alert[data-type="info"] > header:before { content:"\e860"; /* info3 icon / }
alert[data-type="warn"] { background:#fae5e5; color:#c00; }
alert[data-type="warn"] > header:before { content:"\e864"; /* spam icon / }

*/