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