table { --bs-table-color: var(--bs-body-color); --bs-table-bg: transparent; --bs-table-border-color: var(--bs-border-color); --bs-table-accent-bg: transparent; --bs-table-striped-color: var(--bs-body-color); --bs-table-striped-bg: rgba(0, 0, 0, 0.05); --bs-table-active-color: var(--bs-body-color); --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: var(--bs-body-color); --bs-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 16px; color: var(--bs-table-color); vertical-align: top; border-color: var(--bs-table-border-color); overflow-x: auto; -webkit-overflow-scrolling: touch; font-size: .7rem; vertical-align: middle !important; } table>:not(caption)>*>* { padding: .5rem .5rem; background-color: var(--bs-table-bg); border-bottom-width: 1px; box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg) } table>tbody { vertical-align: inherit } table>thead { vertical-align: bottom } table>:not(caption)>*>* { padding: .25rem .25rem } table>:not(caption)>* { border-width: 1px 0 } table>:not(caption)>*>* { border-width: 0 1px } @media(max-width: 575.98px) { table { overflow-x: auto; -webkit-overflow-scrolling: touch } }