#notifications{z-index:100;flex-direction:column;align-items:flex-end;display:flex;position:fixed;top:10px;right:20px}.notification{border-radius:3px;justify-content:space-between;align-items:center;margin:5px 0 10px;padding:10px;display:none;box-shadow:0 0 10px #00000080}.notification_message{margin-right:10px}.notification_show{display:flex}.notification_close{cursor:pointer}.notification_close:hover{color:#000}.notification_info{color:#fff;background:#2196f3}.notification_success{color:#fff;background:#5cb85c}.notification_error{color:#fff;background:#f44336}.notification_warning{color:#fff;background:#ff9800}