.responsive-table{width:100%;border-collapse:collapse;text-align:left}.responsive-table th{background-color:#f2f2f2;padding:.8rem;border-bottom:1px solid #ccc}.responsive-table td{padding:.8rem;border-bottom:1px solid #ccc}.responsive-table .table-row:hover{background-color:#f8f8f8}@media (max-width: 30rem){.responsive-table,.responsive-table tbody,.responsive-table td,.responsive-table tr{display:block}.responsive-table thead{display:none}.responsive-table tr{border:1px solid #ccc;margin-bottom:10px;padding:10px}.responsive-table td{border:none;border-bottom:1px solid #eee;position:relative;padding:8px;text-align:left}.responsive-table td:last-child{border-bottom:0}.responsive-table td:before{content:attr(data-label) ": ";position:static;display:block;font-weight:600;color:#333}}