.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 */