.ui-pnotify { top: 36px; right: 36px; position: absolute; height: auto; z-index: 2; } body > .ui-pnotify { position: fixed; z-index: 100040; } .ui-pnotify-modal-overlay { background-color: rgba(0, 0, 0, 0.4); top: 0; left: 0; position: absolute; height: 100%; width: 100%; z-index: 1; } body > .ui-pnotify-modal-overlay { position: fixed; z-index: 100039; } .ui-pnotify.ui-pnotify-in { display: block !important; } .ui-pnotify.ui-pnotify-move { -webkit-transition: left 0.5s ease, top 0.5s ease, right 0.5s ease, bottom 0.5s ease; transition: left 0.5s ease, top 0.5s ease, right 0.5s ease, bottom 0.5s ease; } .ui-pnotify.ui-pnotify-fade-slow { -webkit-transition: opacity .6s linear; transition: opacity .6s linear; opacity: 0; } .ui-pnotify.ui-pnotify-fade-slow.ui-pnotify.ui-pnotify-move { -webkit-transition: opacity 0.6s linear, left 0.5s ease, top 0.5s ease, right 0.5s ease, bottom 0.5s ease; transition: opacity 0.6s linear, left 0.5s ease, top 0.5s ease, right 0.5s ease, bottom 0.5s ease; } .ui-pnotify.ui-pnotify-fade-normal { -webkit-transition: opacity .4s linear; transition: opacity .4s linear; opacity: 0; } .ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move { -webkit-transition: opacity 0.4s linear, left 0.5s ease, top 0.5s ease, right 0.5s ease, bottom 0.5s ease; transition: opacity 0.4s linear, left 0.5s ease, top 0.5s ease, right 0.5s ease, bottom 0.5s ease; } .ui-pnotify.ui-pnotify-fade-fast { -webkit-transition: opacity .2s linear; transition: opacity .2s linear; opacity: 0; } .ui-pnotify.ui-pnotify-fade-fast.ui-pnotify.ui-pnotify-move { -webkit-transition: opacity 0.2s linear, left 0.5s ease, top 0.5s ease, right 0.5s ease, bottom 0.5s ease; transition: opacity 0.2s linear, left 0.5s ease, top 0.5s ease, right 0.5s ease, bottom 0.5s ease; } .ui-pnotify.ui-pnotify-fade-in { opacity: 1; } .ui-pnotify .ui-pnotify-shadow { -webkit-box-shadow: 0 6px 28px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 6px 28px 0 rgba(0, 0, 0, 0.1); } .ui-pnotify-container { background-position: 0 0; padding: .8em; height: 100%; margin: 0; } .ui-pnotify-container:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } .ui-pnotify-container.ui-pnotify-sharp { -webkit-border-radius: 0; border-radius: 0; } .ui-pnotify-title { display: block; margin-bottom: .4em; margin-top: 0; } .ui-pnotify-text { display: block; } .ui-pnotify-icon, .ui-pnotify-icon span { display: block; float: left; margin-right: 0.2em; } .ui-pnotify.stack-bottomleft, .ui-pnotify.stack-topleft { left: 25px; right: auto; } .ui-pnotify.stack-bottomleft, .ui-pnotify.stack-bottomright { bottom: 25px; top: auto; } .ui-pnotify.stack-modal { left: 50%; right: auto; margin-left: -150px; }