.notification-container{box-sizing:border-box;z-index:999999;width:320px;max-height:calc(100% - 30px);padding:0 15px;position:fixed;top:0;right:0;overflow:hidden auto}.notification{box-sizing:border-box;color:#fff;cursor:pointer;opacity:.9;background-color:#ccc;border-radius:2px;margin-top:15px;padding:15px 15px 15px 58px;font-size:1em;line-height:1.2em;animation:.4s notification-in;position:relative;box-shadow:0 0 12px #999}.notification .title{margin:0 0 5px;font-size:1em;font-weight:700;line-height:1.2em}.notification:hover,.notification:focus{opacity:1}.notification:before{text-align:center;width:28px;height:28px;margin-top:-14px;font-size:24px;line-height:28px;display:block;position:absolute;top:50%;left:15px}.notification-info{background-color:#2f96b4}.notification-info:before{content:"i";font-weight:700}.notification-success{background-color:#51a351}.notification-success:before{content:"✓"}.notification-warning{background-color:#f89406}.notification-warning:before{content:"!";font-weight:700}.notification-error{background-color:#bd362f}.notification-error:before{content:"✕"}@keyframes notification-in{0%{visibility:hidden;transform:translate(100%)}to{visibility:visible;transform:translate(0,0)}}