.table {
width: 100%; margin-bottom: 1rem; color: #212121;
}
.table th, .table td {
padding: 0.75rem; vertical-align: top; border-top: 1px solid #e2e2e2;
}
.table thead th {
vertical-align: bottom; border-bottom: 2px solid #e2e2e2;
}
.table tbody + tbody {
border-top: 2px solid #e2e2e2;
}
.table-sm th, .table-sm td {
padding: 0.3rem;
}
.table-bordered {
border: 1px solid #e2e2e2;
}
.table-bordered th, .table-bordered td {
border: 1px solid #e2e2e2;
}
.table-bordered thead th, .table-bordered thead td {
border-bottom-width: 2px;
}
.table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody {
border: 0;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, 0.05);
}
.table-hover tbody tr:hover {
color: #212121; background-color: #f2f4f7;
}
.table-danger, .table-danger > th, .table-danger > td {
background-color: #f4cac1;
}
.table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody {
border-color: #ea9c8c;
}
.table-hover .table-danger:hover {
background-color: #f0b7ab;
}
.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
background-color: #f0b7ab;
}
.table-success, .table-success > th, .table-success > td {
background-color: #b8e4d3;
}
.table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody {
border-color: #7acdad;
}
.table-hover .table-success:hover {
background-color: #a6ddc8;
}
.table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
background-color: #a6ddc8;
}
.table-info, .table-info > th, .table-info > td {
background-color: #fff9e2;
}
.table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody {
border-color: #fff5ca;
}
.table-hover .table-info:hover {
background-color: #fff4c9;
}
.table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
background-color: #fff4c9;
}
.table-warning, .table-warning > th, .table-warning > td {
background-color: #ffebb8;
}
.table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody {
border-color: #ffda7a;
}
.table-hover .table-warning:hover {
background-color: #ffe49f;
}
.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
background-color: #ffe49f;
}
.table-primary, .table-primary > th, .table-primary > td {
background-color: #b8d2ed;
}
.table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody {
border-color: #7aacde;
}
.table-hover .table-primary:hover {
background-color: #a4c5e8;
}
.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
background-color: #a4c5e8;
}
.table-jurnal, .table-jurnal > th, .table-jurnal > td {
background-color: #b8e3f6;
}
.table-jurnal th, .table-jurnal td, .table-jurnal thead th, .table-jurnal tbody + tbody {
border-color: #7acbee;
}
.table-hover .table-jurnal:hover {
background-color: #a1daf3;
}
.table-hover .table-jurnal:hover > td, .table-hover .table-jurnal:hover > th {
background-color: #a1daf3;
}
.table-talenta, .table-talenta > th, .table-talenta > td {
background-color: #edc3c6;
}
.table-talenta th, .table-talenta td, .table-talenta thead th, .table-talenta tbody + tbody {
border-color: #de9095;
}
.table-hover .table-talenta:hover {
background-color: #e7afb3;
}
.table-hover .table-talenta:hover > td, .table-hover .table-talenta:hover > th {
background-color: #e7afb3;
}
.table-klikpajak, .table-klikpajak > th, .table-klikpajak > td {
background-color: #fdd6b8;
}
.table-klikpajak th, .table-klikpajak td, .table-klikpajak thead th, .table-klikpajak tbody + tbody {
border-color: #fcb37b;
}
.table-hover .table-klikpajak:hover {
background-color: #fcc89f;
}
.table-hover .table-klikpajak:hover > td, .table-hover .table-klikpajak:hover > th {
background-color: #fcc89f;
}
.table-mekari, .table-mekari > th, .table-mekari > td {
background-color: #d6ccf8;
}
.table-mekari th, .table-mekari td, .table-mekari thead th, .table-mekari tbody + tbody {
border-color: #b3a0f1;
}
.table-hover .table-mekari:hover {
background-color: #c4b6f5;
}
.table-hover .table-mekari:hover > td, .table-hover .table-mekari:hover > th {
background-color: #c4b6f5;
}
.table-dark, .table-dark > th, .table-dark > td {
background-color: #c1c1c1;
}
.table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody {
border-color: #8c8c8c;
}
.table-hover .table-dark:hover {
background-color: #b4b4b4;
}
.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
background-color: #b4b4b4;
}
.table-slate, .table-slate > th, .table-slate > td {
background-color: #d9d9d9;
}
.table-slate th, .table-slate td, .table-slate thead th, .table-slate tbody + tbody {
border-color: #b8b8b8;
}
.table-hover .table-slate:hover {
background-color: #cccccc;
}
.table-hover .table-slate:hover > td, .table-hover .table-slate:hover > th {
background-color: #cccccc;
}
.table-muted, .table-muted > th, .table-muted > td {
background-color: #eaeaea;
}
.table-muted th, .table-muted td, .table-muted thead th, .table-muted tbody + tbody {
border-color: #d8d8d8;
}
.table-hover .table-muted:hover {
background-color: #dddddd;
}
.table-hover .table-muted:hover > td, .table-hover .table-muted:hover > th {
background-color: #dddddd;
}
.table-smoke, .table-smoke > th, .table-smoke > td {
background-color: #f7f7f7;
}
.table-smoke th, .table-smoke td, .table-smoke thead th, .table-smoke tbody + tbody {
border-color: #f0f0f0;
}
.table-hover .table-smoke:hover {
background-color: #eaeaea;
}
.table-hover .table-smoke:hover > td, .table-hover .table-smoke:hover > th {
background-color: #eaeaea;
}
.table-light, .table-light > th, .table-light > td {
background-color: #fefefe;
}
.table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody {
border-color: #fdfdfd;
}
.table-hover .table-light:hover {
background-color: #f1f1f1;
}
.table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
background-color: #f1f1f1;
}
.table-cloud, .table-cloud > th, .table-cloud > td {
background-color: #fbfcfd;
}
.table-cloud th, .table-cloud td, .table-cloud thead th, .table-cloud tbody + tbody {
border-color: #f8f9fb;
}
.table-hover .table-cloud:hover {
background-color: #eaeff5;
}
.table-hover .table-cloud:hover > td, .table-hover .table-cloud:hover > th {
background-color: #eaeff5;
}
.table-link, .table-link > th, .table-link > td {
background-color: #bdd0ff;
}
.table-link th, .table-link td, .table-link thead th, .table-link tbody + tbody {
border-color: #84a8ff;
}
.table-hover .table-hover {
background-color: #a4beff;
}
.table-hover .table-hover > td, .table-hover .table-hover > th {
background-color: #a4beff;
}
.table-white, .table-white > th, .table-white > td {
background-color: white;
}
.table-white th, .table-white td, .table-white thead th, .table-white tbody + tbody {
border-color: white;
}
.table-hover .table-white:hover {
background-color: #f2f2f2;
}
.table-hover .table-white:hover > td, .table-hover .table-white:hover > th {
background-color: #f2f2f2;
}
.table-active, .table-active > th, .table-active > td {
background-color: #f2f4f7;
}
.table-hover .table-active:hover {
background-color: #e2e7ed;
}
.table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
background-color: #e2e7ed;
}
.table .thead-dark th {
color: #fff; background-color: #777; border-color: #8a8a8a;
}
.table .thead-light th {
color: #212121; background-color: #fff; border-color: #e2e2e2;
}
.table-dark {
color: #fff; background-color: #777;
}
.table-dark th, .table-dark td, .table-dark thead th {
border-color: #8a8a8a;
}
.table-dark.table-bordered {
border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
color: #fff; background-color: rgba(255, 255, 255, 0.075);
}
@media (max-width: 575.98px) {
.table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; }
}
@media (max-width: 767.98px) {
.table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; }
}
@media (max-width: 991.98px) {
.table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; }
}
@media (max-width: 1271.98px) {
.table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; }
}
.table-responsive {
display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
border: 0;
}
.table {
margin-bottom: 0; border-spacing: 0; border-collapse: separate; border: 1px solid #e2e2e2; border-radius: 4px;
}
.table td {
background: #fff;
}
.table tr:hover {
background: #f2f4f7;
}
.table tr:hover td {
background: inherit;
}
.table th, .table td {
padding: 10px 16px; border-top: 0;
}
.table th .btn-icon, .table td .btn-icon {
margin-top: -8px; margin-bottom: -8px;
}
.table thead th {
background-color: #fbfbfb; border-bottom: 1px solid #e2e2e2;
}
.table thead th:first-child {
border-top-left-radius: 4px;
}
.table thead th:last-child {
border-top-right-radius: 4px;
}
.table thead .sort {
cursor: pointer;
}
.table thead .sort span {
position: relative;
}
.table thead .sort span::before, .table thead .sort span::after {
position: absolute; right: -12px; width: 0; height: 0; content: ""; border-style: solid;
}
.table thead .sort span::before {
top: 2px; border-color: transparent transparent #777 transparent; border-width: 0 4px 4px;
}
.table thead .sort span::after {
bottom: 2px; border-color: #777 transparent transparent transparent; border-width: 4px 4px 0;
}
.table thead .sort.sort-up span::before, .table thead .sort.sort-down span::before {
border-color: transparent transparent #212121 transparent;
}
.table thead .sort.sort-up span::after, .table thead .sort.sort-down span::after {
border-color: #212121 transparent transparent transparent;
}
.table tbody tr:not(:last-child) th, .table tbody tr:not(:last-child) td {
border-bottom: 1px solid #e2e2e2;
}
.table .table-action-list {
position: -webkit-sticky; position: sticky; left: 16px;
}
.table.table-bordered tbody th, .table.table-bordered tbody td {
border-bottom: 0;
}
.table.table-bordered th, .table.table-bordered td {
border-right: 1px solid #e2e2e2; border-left: 0;
}
.table.table-bordered thead th:last-child, .table.table-bordered tbody td:last-child {
border-right: 0;
}
.table .table__checkbox {
width: 32px; padding-right: 0;
}
.table .table__checkbox .custom-control {
padding-left: 16px; margin-bottom: 0;
}
.table .table__checkbox .custom-control-label::before, .table .table__checkbox .custom-control-label::after {
left: -16px;
}
.table-layout-auto {
table-layout: auto !important;
}
.table-sticky thead tr th {
position: -webkit-sticky; position: sticky; top: 0;
}
.table-sticky th:nth-child(1), .table-sticky th:last-child {
z-index: 2;
}
.table-sticky–left td:nth-child(1), .table-sticky–left th:nth-child(1) {
position: -webkit-sticky; position: sticky; left: 0; z-index: 2;
}
.table-sticky–right td:last-child, .table-sticky–right th:last-child {
position: -webkit-sticky; position: sticky; right: 0; z-index: 2;
} /*# sourceMappingURL=mekari-ui-tables.css.map */