body{margin:0;padding:0}.error,.success{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:1000;padding:12px 20px;border-radius:6px;font-weight:500;font-size:1rem;max-width:700px;text-align:center;box-shadow:0 4px 10px #00000026}.error{margin-top:15px;padding:12px;border-radius:8px;background:#fdecea;color:#e74c3c;font-weight:500}.success{margin-top:15px;padding:12px;border-radius:8px;background:#eafaf1;color:#27ae60;font-weight:500}.mdp{width:100%;position:relative}.mdp input{width:100%}.mdp img{position:absolute;top:5px;right:10px;cursor:pointer;width:30px;height:30px}.mdp img:before{content:"";display:block;width:30px;height:30px;background-size:contain;background-image:url(https://cdn-icons-png.flaticon.com/128/10628/10628636.png);background-repeat:no-repeat;color:purple}.spinner-container,.no-data-message{display:flex;justify-content:center;align-items:center;height:200px;margin-top:18%;flex-direction:column}.spinner{border:6px solid #f3f3f3;border-top:6px solid #3498db;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}.no-data-message{font-size:20px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-style:italic bold}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}