.modal{display:block;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}#myBtn{display:none}.modal-content{position:relative;background-color:#fefefe;margin:auto;padding:0;border-top-left-radius:6px;border-top-right-radius:6px;width:80%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s}@-webkit-keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}.modal-close{color:#2e65b5;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#2e65b5;background-color:#ebf6fa;text-decoration:none;cursor:pointer}.modal-header{padding:10px 30px;color:#332a7b;background-color:#e7e7e7;border-top-left-radius:6px;border-top-right-radius:6px}.modal-body{padding:2px 16px}.modal-footer{padding:2px 16px;background-color:#5cb85c;color:#fff}