.page.messages{position:fixed;top:100px;right:20px;z-index:9999;width:300px;max-width:100%}.messages{margin:0;padding:0;list-style:none}.message{padding:15px 20px;margin-bottom:10px;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.2);font-size:14px;line-height:1.4}.message-error{background-color:#fae5e5;color:#b30000;border:1px solid #ff8080}.message-success{background-color:#e5fae5;color:#060;border:1px solid #80ff80}.message-warning{background-color:#fff8e5;color:#804000;border:1px solid #ffe680}.message-notice{background-color:#e5f2fa;color:#004080;border:1px solid #80bfff}.message-close{float:right;font-size:18px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5;cursor:pointer}.message div:after{content:' X';position:absolute;top:10px;right:10px;font-size:13px}.message-close:hover{opacity:.75}