.modal{display:none;position:fixed;z-index:1;padding-top:50px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.4)}.modal-header,.modal-body{padding:2px 16px}.modal-content{position:relative;background-color:white;margin:auto;padding:0;border:1px solid #888;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);animation-name:animatetop;animation-duration:.4s;display:table;width:auto}@keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}.close{color:black;float:right;font-size:28px}.close:hover,.close:focus{color:#aaa;text-decoration:none;cursor:pointer}