note{display:none;padding:1em;position:absolute;cursor:pointer;overflow:hidden;box-shadow:1px 1px 5px rgba(0,0,0,0.3);border-radius:5px;z-index:2001;border:0;text-align:center}note i.close{cursor:pointer;float:right;font-size:1.7em;line-height:0.7em}note.right{right:1em}note.left{left:1em}note.center{left:0;right:0;margin:auto}note.top{top:1em;bottom:auto}note.bottom{top:auto;bottom:1em}note.middle{top:15%;margin:auto}note.success{background:yellowgreen;color:#fff}note.error{background:red;color:#fff}note.warning{background:orange;color:#fff}note.info{background:#3289C8;color:#fff}note.alert{background:orangered;color:#fff}note.default{background:#000;color:#fff}
shell{position:fixed;top:0;left:0;bottom:0;right:0;cursor:auto;z-index:2000;background:rgba(0,0,0,0.3)}
note.modal{background:#fafafa;color:#000;cursor:default;text-align:center}