@siemens/ngx-datatable/themes/bootstrap.css

ngx-datatable is an Angular table grid component for presenting large and complex data.

.ghost-cell-container {
  background: #fff;
}

.ghost-cell-strip {
  background: #dee2e5;
  background-image: linear-gradient(to right, #dee2e5 0%, #dee2e5 10%, #fff, transparent);
  border-radius: 0;
  animation-duration: 10s;
}

.ngx-datatable .row-disabled {
  color: #83888e;
}
.ngx-datatable .row-disabled .datatable-body-cell-label {
  color: #83888e;
}
.ngx-datatable .datatable-row-wrapper .datatable-body-row.row-disabled:hover {
  background-color: inherit;
  transition: none;
}
.ngx-datatable .datatable-row-wrapper .datatable-body-row.row-disabled:hover .datatable-row-group {
  background-color: inherit;
  transition: none;
}

.ngx-datatable.bootstrap {
  box-shadow: none;
  font-size: 13px;
}
.ngx-datatable.bootstrap *,
.ngx-datatable.bootstrap *::before,
.ngx-datatable.bootstrap *::after {
  box-sizing: border-box;
}
.ngx-datatable.bootstrap .datatable-header {
  block-size: unset !important;
}
.ngx-datatable.bootstrap .datatable-header .datatable-header-cell {
  flex-shrink: 0;
  vertical-align: bottom;
  padding: 0.75rem;
  border-block-end: 1px solid #d1d4d7;
}
.ngx-datatable.bootstrap .datatable-header .datatable-header-cell .datatable-header-cell-label {
  line-height: 24px;
}
.ngx-datatable.bootstrap .datatable-body .datatable-body-row {
  vertical-align: top;
  border-block-start: 1px solid #d1d4d7;
}
.ngx-datatable.bootstrap .datatable-body .datatable-body-row.datatable-row-even {
  background-color: rgba(0, 0, 0, 0.05);
}
.ngx-datatable.bootstrap .datatable-body .datatable-body-row.active {
  background-color: #1483ff;
  color: #fff;
}
.ngx-datatable.bootstrap .datatable-body .datatable-body-row .datatable-body-cell {
  flex-shrink: 0;
  padding: 0.75rem;
  text-align: start;
  vertical-align: top;
}
.ngx-datatable.bootstrap .datatable-body .empty-row {
  position: relative;
  padding-block: 0.75rem;
  padding-inline: 1.25rem;
  margin-block-end: 0;
}
.ngx-datatable.bootstrap .datatable-body .custom-loading-indicator-wrapper {
  position: sticky;
  inset-block-start: 0;
  block-size: 0;
  z-index: 999;
}
.ngx-datatable.bootstrap .datatable-body .custom-loading-indicator-wrapper .custom-loading-content {
  inline-size: 100%;
  background-color: #fff;
}
.ngx-datatable.bootstrap .datatable-footer {
  background: #424242;
  color: #ededed;
  margin-block-start: -1px;
}
.ngx-datatable.bootstrap .datatable-footer .page-count {
  line-height: 50px;
  block-size: 50px;
  padding-block: 0;
  padding-inline: 1.2rem;
}
.ngx-datatable.bootstrap .datatable-footer .datatable-pager {
  margin-block: 0;
  margin-inline: 10px;
  vertical-align: top;
}
.ngx-datatable.bootstrap .datatable-footer .datatable-pager ul li {
  margin-block: 10px;
  margin-inline: 0;
}
.ngx-datatable.bootstrap .datatable-footer .datatable-pager ul li:not(.disabled).active a, .ngx-datatable.bootstrap .datatable-footer .datatable-pager ul li:not(.disabled):hover a {
  background-color: #545454;
  font-weight: bold;
}
.ngx-datatable.bootstrap .datatable-footer .datatable-pager a {
  block-size: 22px;
  min-inline-size: 24px;
  line-height: 22px;
  padding: 0;
  border-radius: 3px;
  margin-block: 0;
  margin-inline: 3px;
  text-align: center;
  vertical-align: top;
  text-decoration: none;
  vertical-align: bottom;
  color: #ededed;
}
.ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-left,
.ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-skip,
.ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-right,
.ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-prev {
  font-size: 18px;
  line-height: 27px;
  padding-block: 0;
  padding-inline: 3px;
}
.ngx-datatable.bootstrap .datatable-summary-row .datatable-body-row .datatable-body-cell {
  font-weight: bold;
}