#notificationContainer{width:100%;max-width:260px;position:fixed;bottom:0;right:0;z-index:98;margin:10px;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;font-size:13px;font-weight:500}.successNotification{padding:10px 10px;background:#01b940;color:#fff;width:100%;margin:6px 0px;border-radius:3px}.warningNotification{padding:10px 10px;background:#ffc400;color:#836400;width:100%;margin:6px 0px;border-radius:3px}.errorNotification{padding:10px 10px;background:#f91e00;color:#fff;width:100%;margin:6px 0px;border-radius:3px}.timerProgress{height:2px;background-color:rgba(255,245,245,.7);position:absolute;margin-top:-8px}@keyframes notificationAnimation{0%{transform:translateX(110%)}50%{transform:translateX(-8%)}100%{transform:translateX(0)}}@-webkit-keyframes notificationAnimation{0%{transform:translateX(110%)}50%{transform:translateX(-8%)}100%{transform:translateX(0)}}@keyframes timerProgressAnimation{from{width:100%}to{width:0%;transform:rotate(0deg)}}@-webkit-keyframes timerProgressAnimation{from{width:100%}to{width:0%;transform:rotate(0deg)}}