.modal{display:none;position:fixed;z-index:999999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:80%;overflow-y:auto;background-color:#fefefe;padding:20px;border:1px solid #888;width:60%;box-shadow:0 4px 8px #0003;border-radius:10px}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}#previewTable{margin:0 auto;border-collapse:collapse;width:90%}#previewTable th,#previewTable td{padding:12px;text-align:center;text-transform:capitalize;border-bottom:1px solid #ddd}#previewTable th{background-color:#f2f2f2;font-weight:700}#previewTable tr:nth-child(2n){background-color:#fbfbbc}#previewTable tr:nth-child(odd){background-color:#c57575}#previewTable tr:hover{background-color:#ddd}@media only screen and (max-width: 768px){.modal-content{width:80%}}@media only screen and (max-width: 576px){.modal-content{width:90%}}