.messages-modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.4);border-radius:10px}.messages-modal-content{background-color:#fefefe;margin:30% auto;padding:20px;border:1px solid #888;width:80%;border-radius:10px}.close{color:#aaa;float:right;font-size:28px;font-weight:bold}.close:hover,.close:focus{color:black;text-decoration:none;cursor:pointer}.messages-modal .alert{text-align:center;background-color:#fff;margin-bottom:15px}.messages-modal .alert-error{color:#f44336}.messages-modal .alert-success{color:#4caf50}