html{overflow-y:scroll}table{width:100%;border-collapse:collapse;margin:1em 0;font-size:16px}table th,table td{border:1px solid #ddd;padding:8px 12px;text-align:left;vertical-align:top}table thead{background-color:#f4f4f4;font-weight:bold}table tbody tr:nth-child(even){background-color:#fafafa}@media (max-width:768px){table,table thead,table tbody,table th,table td,table tr{display:block;width:100%}table thead{display:none}table tr{margin-bottom:1em;border:1px solid #ddd;border-radius:6px;padding:8px;background:#fff}table td{border:none;position:relative;padding-left:50%;min-height:30px}table td:before{content:attr(data-label);position:absolute;left:10px;top:8px;font-weight:bold;white-space:nowrap}}