.notify{border-radius:4px;-webkit-border-radius:4px;padding:15px;position:fixed;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;width:400px;z-index:10000}.notify>button.close{-webkit-appearance:none;background:0 0;border:0;color:#000;cursor:pointer;filter:alpha(opacity=20);float:right;font-size:23px;font-weight:700;line-height:1;opacity:.2;outline:none;padding:0;position:absolute;right:12px;text-shadow:0 1px 0 #fff;top:8px}.notify>button.close:hover{filter:alpha(opacity=50);opacity:.5}.notify-dismissible .message{padding-right:25px}.notify.scale{opacity:0;-webkit-transform:scale(.8);-moz-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.notify.left.drop{opacity:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.notify.center.drop{opacity:0;-webkit-transform:translateY(-120%);-moz-transform:translateY(-120%);-o-transform:translateY(-120%);transform:translateY(-120%)}.notify.right.drop{opacity:0;-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-o-transform:translateX(50%);transform:translateX(50%)}.notify.middle.center.drop{opacity:0;-webkit-transform:translateY(-20%);-moz-transform:translateY(-20%);-o-transform:translateY(-20%);transform:translateY(-20%)}.notify.bottom.center.drop{opacity:0;-webkit-transform:translateY(120%);-moz-transform:translateY(120%);-o-transform:translateY(120%);transform:translateY(120%)}.notify.fade,.notify.out{opacity:0}.notify-default{background-color:#fff;box-shadow:0 3px 10px rgba(0,0,0,.2);-webkit-box-shadow:0 3px 10px rgba(0,0,0,.2);color:#333}.notify-info{background-color:#d9edf7;color:#31708f}.notify-toast{background-color:rgba(0,0,0,.75);color:#fff}.notify-danger{background-color:#f2dede;color:#a94442}.notify-warning{background-color:#fcf8e3;color:#8a6d3b}.notify-success{background-color:#dff0d8;color:#3c763d}.notify.top{top:15px}.notify.middle{top:50%}.notify.bottom{bottom:15px}.notify.left{left:15px}.notify.center{left:50%;margin-left:-200px}.notify.right{right:15px}.notify-buttons{margin-top:10px;width:100%}.notify-buttons.left{text-align:left}.notify-buttons.center{text-align:center}.notify-buttons.right{text-align:right}.notify-buttons>button{background:#fff;border:1px solid #ddd;color:#333;cursor:pointer;outline:none;padding:4px 10px}.notify-buttons>button:hover{background:#eee}.notify-buttons>button:first-child{margin-right:5px}.notify-backdrop{background-color:#000;bottom:0;height:100%;left:0;opacity:0;position:fixed;right:0;top:0;-webkit-transition:opacity .4s ease-in-out;-moz-transition:opacity .4s ease-in-out;-o-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out;width:100%;z-index:9998}body.notify-open{overflow:hidden}body.notify-open-drop{overflow-x:hidden}@media (max-width:768px){.notify{border-radius:0;-webkit-border-radius:0;left:0!important;margin:0!important;width:100%}.notify.top{top:0!important}.notify.bottom{bottom:0!important}.notify.middle{border-radius:4px;-webkit-border-radius:4px;margin-left:10%!important;width:80%!important}.notify.left.drop,.notify.right.drop{-webkit-transform:translateY(-120%);-moz-transform:translateY(-120%);-o-transform:translateY(-120%);transform:translateY(-120%)}.notify.bottom.drop{opacity:0;-webkit-transform:translateY(120%);-moz-transform:translateY(120%);-o-transform:translateY(120%);transform:translateY(120%)}}