.modal{display:none;position:fixed;z-index:1;margin-top:auto;margin-bottom:auto;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.5)}.modal-content{background-color:#fefefe;margin:auto;padding:0;border:1px solid #888;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}@media screen and (max-width:1000px){.modal-content{margin-top:0;width:95%;min-width:300px;max-width:500px}}@media screen and (min-width:1001px){.modal-content{width:750px;max-width:850px}}@media screen and (max-height:600px){.modal-content{margin-top:0}}@media screen and (min-height:601px){.modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}}@-webkit-keyframes animatetop{from{top:-300px;opacity:0}to{top:400;opacity:1}}@keyframes animatetop{from{top:-300px;opacity:0}to{top:400;opacity:1}}.close{color:#fff;float:left;font-size:28px;font-weight:700;padding:10px}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}.modal-footer,.modal-header h2{padding:2px 16px;background-color:#8f8f8f;color:#fff}.modal-body{padding:2px 16px}.modal-body table td{vertical-align:middle}