.dmt-table-wrapper { max-width: 100%; margin-bottom: 1.5em; }
.dmt-table-wrapper.dmt-scrollable { overflow-x: auto; -webkit-overflow-scrolling: touch; }

.dmt-table { border-collapse: collapse; table-layout: fixed; }
.dmt-table.dmt-full { width: 100%; }

.dmt-table th,
.dmt-table td { padding: 8px 12px; vertical-align: top; word-wrap: break-word; overflow-wrap: anywhere; }

/* záhlaví */
.dmt-table th { font-weight: 700; background: #eee; }

/* zarovnání */
.dmt-align-left   th, .dmt-align-left   td { text-align: left; }
.dmt-align-center th, .dmt-align-center td { text-align: center; }
.dmt-align-right  th, .dmt-align-right  td { text-align: right; }

/* ohraničení */
.dmt-bordered th,
.dmt-bordered td { border: 1px solid #ccc; }

/* pruhy */
.dmt-striped tbody tr:nth-child(even) td,
.dmt-striped tbody tr:nth-child(even) th { background: #f6f6f6; }

/* responzivita */
.dmt-table-wrapper { width: 100%; box-sizing: border-box; }
.dmt-table { box-sizing: border-box; }

@media (max-width: 600px) {
    .dmt-table th,
    .dmt-table td { padding: 6px 8px; font-size: 14px; }
}
@media (max-width: 400px) {
    .dmt-table th,
    .dmt-table td { padding: 4px 5px; font-size: 13px; }
}