.simple-notification-container{position:fixed;top:50px;right:0;width:310px;height:auto;overflow-y:auto;overflow-x:hidden;z-index:999;}.simple-notification-wrapper{max-height:0;-webkit-animation:pushDown .5s forwards;animation:pushDown .5s forwards}.simple-notification{position:relative;color:#fff;border-radius:4px;padding:15px 20px 15px 15px;width:300px;opacity:1;margin-top:10px;border:1px solid transparent;font-family:sans-serif;-webkit-animation:slideIn .5s forwards;animation:slideIn .5s forwards;-webkit-animation-delay:.1s;animation-delay:.1s}.simple-notification .close-notification{position:absolute;width:15px;height:15px;background-image:url(close-icon.svg);background-size:contain;background-repeat:no-repeat;top:10px;right:10px;font-size:20px;color:#000;opacity:.3;cursor:pointer}.close-notification:hover{opacity:.7}.simple-notification.warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.simple-notification.good{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.simple-notification.danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.simple-notification.attention{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.simple-notification.fade-out{opacity:0;transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;-webkit-transition:opacity .5s ease-in-out}@keyframes slideIn{100%{margin-left:0}}@keyframes pushDown{100%{max-height:200px}}@-webkit-keyframes slideIn{100%{margin-left:0;max-height:200px}}@-moz-keyframes slideIn{100%{margin-left:0;max-height:200px}}@-o-keyframes slideIn{100%{margin-left:0;max-height:200px}}