.modal-header{padding:2px 16px;background-color:#5cb85c;color:#fff}.modal-body{padding:2px 16px}.modal-footer{padding:2px 16px;background-color:#5cb85c;color:#fff}.modal-content{position:relative;background-color:#fefefe;margin:auto;padding:0;border:1px solid #888;width:80%;box-shadow:0 4px 8px rgba(0,0,0,.2),0 6px 20px rgba(0,0,0,.19);animation-name:animatetop;animation-duration:.4s}.close{position:absolute;top:10px;right:14px;cursor:pointer;font-size:28px;color:#888;transition:color .2s,transform .2s;z-index:2}.close:hover{color:#f44336;transform:scale(1.15)}.close i{pointer-events:none}button[type=submit]{background-color:#007bff;color:#fff;border:none;border-radius:4px;padding:10px 25px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease;box-shadow:0 4px 8px rgba(0,123,255,.3)}button[type=submit]:hover{background-color:#0056b3;box-shadow:0 6px 12px rgba(0,86,179,.5)}button[type=submit]:active{background-color:#00408d;box-shadow:none;transform:translateY(1px)}@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}