.notification{width:320px;position:fixed;right:5px;top:40px;z-index:9999;overflow:hidden;}
.notification-inline{width:100%;float:left;position:relative;clear:both;top:0;right:0;z-index:2;overflow:hidden;padding-top:4px;}
.notification .notice{margin-top:5px;float:left;width:98%;max-width:99%;padding:10px;font-size:0.9em;}
.notification .notice{display:block;min-width:200px;height:auto;position:relative;background-color:#4390df;padding:10px;color:white;font-size:14px;cursor:pointer;}
.notification-inline .notice{min-width:100%;float:left;}
.notification .notice *{color:inherit;}
.notification .notice:before{content:"";width:10px;height:10px;display:block;position:absolute;background-color:inherit;left:-5px;top:50%;margin-top:-5px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.notification .notice.marker-on-top:before{top:0;left:50%;margin-left:-5px;}
.notification .notice.marker-on-right:before{top:50%;margin-top:-5px;left:100%;margin-left:-5px;}
.notification .notice.marker-on-bottom:before{top:100%;margin-left:-5px;left:50%;margin-top:-5px;}
.notification .success{background-color:#60a917 !important;}
.notification .danger{background-color:#e51400 !important;}
.notification .info{background-color:#00aff0 !important;}
.notification .warning{background-color:#e3c800 !important;}