#notify {
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    z-index:9999;
    max-height: 132px; overflow: hidden; 
}
#notify.v1 { top: 0; }
#notify > div { padding: 5px; width: 100%; margin: 0; display: none;}
#notify > div > span.title { font-weight: bold; font-size: 20px; }
#notify > div > span.title + span { font-size: 16px; }
#notify > div > .icon { display: inline-block; width: 32px; height: 32px; vertical-align: middle;  background-size: 32px 32px; background-repeat: no-repeat; margin-right: 10px;}
#notify > .success { background: mediumseagreen; color: white; border: solid 2px seagreen; }
#notify > .success > .icon { background-image: url("../_img/notify-ok.png"); }
#notify > .info { background: royalblue; color: white; border: solid 2px steelblue; }
#notify > .info > .icon { background-image: url("../_img/notify-info.png"); }
#notify > .warn { background: orange; color: black; border: solid 2px darkorange; }
#notify > .warn > .icon { background-image: url("../_img/notify-warn.png"); }
#notify > .danger { background: firebrick; color: white; border: solid 2px darkred; }
#notify > .danger > .icon { background-image: url("../_img/notify-error.png"); }
#notify > div > span.close { float:right; vertical-align: top; display: inline-block; border: solid 1px white; border-radius:4px; padding:0 2px 4px; line-height:12px; font-size: 12px; color: white; }
#notify > div.warn > span.close { border-color: black; color: black; }
