.class-modal,.close-button-x,.content table tbody tr.class-modal.stripe{background-color:#fff}.content table th{font-size:18px;padding:.7rem .8rem}#modal-backdrop{position:initial;top:0;right:0;bottom:0;left:0;z-index:1000;background-color:#000;opacity:.5}.class-modal{width:600px;max-height:500px;overflow:auto;position:absolute;top:50%;transform:translateY(-50%);z-index:1040;border:1px solid rgba(0,0,0,.2);outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.class-modal td{width:600px}.content table tbody tr.class-modal.hover td{background:#fff}.close-button-x{float:right;font-size:24px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;margin-left:1rem}.close-button-x:hover{opacity:.5}@media screen and (max-width:768px){.class-modal{width:100%;position:initial;transform:translateY(0);z-index:100;background-color:#fff;border:none;-webkit-box-shadow:none;box-shadow:none}.class-modal td{width:initial}.content table tbody tr.class-modal.stripe{background-color:#f0f0f0;width:100%}#modal-backdrop{display:none}.content table tbody tr.class-modal.hover td{background:initial}}