.bi-table-container,
bi-tbl {
  display: block; }
  .bi-table-container table > tbody,
  bi-tbl table > tbody {
    transition: opacity 0.3s; }
    .bi-table-container table > tbody.bi-tbl-fade-out,
    bi-tbl table > tbody.bi-tbl-fade-out {
      opacity: 0.2; }
  .bi-table-container .bi-table-th-placeholder,
  bi-tbl .bi-table-th-placeholder {
    height: 0;
    overflow: hidden; }
  .bi-table-container.bi-table-sticky-header,
  bi-tbl.bi-table-sticky-header {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-top: 36px; }
    .bi-table-container.bi-table-sticky-header > div,
    bi-tbl.bi-table-sticky-header > div {
      border-top: 2px solid #ebebec;
      overflow: auto; }
    .bi-table-container.bi-table-sticky-header table th,
    bi-tbl.bi-table-sticky-header table th {
      padding: 0 8px !important;
      border-bottom: 0 !important; }
      .bi-table-container.bi-table-sticky-header table th .bi-table-th-content,
      bi-tbl.bi-table-sticky-header table th .bi-table-th-content {
        position: absolute;
        top: 10px; }
    .bi-table-container.bi-table-sticky-header table tr:first-child td,
    bi-tbl.bi-table-sticky-header table tr:first-child td {
      border-top: 1px solid transparent; }
  .bi-table-container .bi-tbl-spinner-container,
  bi-tbl .bi-tbl-spinner-container {
    height: 30px;
    overflow: hidden; }
  .bi-table-container.bi-table--nav tbody tr,
  bi-tbl.bi-table--nav tbody tr {
    cursor: pointer; }
    .bi-table-container.bi-table--nav tbody tr.bi-active,
    bi-tbl.bi-table--nav tbody tr.bi-active {
      background-color: #F5F5F5 !important; }
    .bi-table-container.bi-table--nav tbody tr:hover,
    bi-tbl.bi-table--nav tbody tr:hover {
      background-color: #FAFAFA; }
    .bi-table-container.bi-table--nav tbody tr td a,
    .bi-table-container.bi-table--nav tbody tr td .bi-hint,
    bi-tbl.bi-table--nav tbody tr td a,
    bi-tbl.bi-table--nav tbody tr td .bi-hint {
      line-height: normal; }
  .bi-table-container.bi-table--data,
  bi-tbl.bi-table--data {
    padding-top: 32px !important;
    background-color: #ebebec;
    border: 1px solid #d7d8da;
    overflow: hidden; }
    .bi-table-container.bi-table--data > div,
    bi-tbl.bi-table--data > div {
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      border-top: 2px solid #d7d8da;
      background-color: #FFFFFF; }
    .bi-table-container.bi-table--data table > thead td,
    .bi-table-container.bi-table--data table > thead th,
    .bi-table-container.bi-table--data table > tbody td,
    .bi-table-container.bi-table--data table > tbody th,
    bi-tbl.bi-table--data table > thead td,
    bi-tbl.bi-table--data table > thead th,
    bi-tbl.bi-table--data table > tbody td,
    bi-tbl.bi-table--data table > tbody th {
      max-width: 300px;
      white-space: nowrap;
      word-break: break-all;
      overflow: hidden; }
    .bi-table-container.bi-table--data table > thead th,
    bi-tbl.bi-table--data table > thead th {
      border-bottom: none; }
      .bi-table-container.bi-table--data table > thead th:not(:first-child) > .bi-table-th-content > span,
      bi-tbl.bi-table--data table > thead th:not(:first-child) > .bi-table-th-content > span {
        margin-left: -8px;
        padding-left: 8px;
        border-left: 1px solid #d7d8da !important; }
    .bi-table-container.bi-table--data table > thead .bi-table-th-content,
    bi-tbl.bi-table--data table > thead .bi-table-th-content {
      top: 0 !important; }
      .bi-table-container.bi-table--data table > thead .bi-table-th-content span,
      bi-tbl.bi-table--data table > thead .bi-table-th-content span {
        display: flex;
        height: 32px;
        font-weight: bold;
        align-items: center; }
    .bi-table-container.bi-table--data table > tbody > tr:nth-child(even),
    bi-tbl.bi-table--data table > tbody > tr:nth-child(even) {
      background-color: #F5F5F5; }
    .bi-table-container.bi-table--data table > tbody > tr:nth-child(odd),
    bi-tbl.bi-table--data table > tbody > tr:nth-child(odd) {
      background-color: #FFFFFF; }
    .bi-table-container.bi-table--data table > tbody > tr:last-child,
    bi-tbl.bi-table--data table > tbody > tr:last-child {
      border-bottom: 1px solid #d7d8da; }
    .bi-table-container.bi-table--data table > tbody > tr > td,
    bi-tbl.bi-table--data table > tbody > tr > td {
      padding: 5px 8px !important;
      border-top: 1px solid #d7d8da;
      font-size: 12px; }
      .bi-table-container.bi-table--data table > tbody > tr > td:not(:first-child),
      bi-tbl.bi-table--data table > tbody > tr > td:not(:first-child) {
        border-left: 1px solid #d7d8da; }
      .bi-table-container.bi-table--data table > tbody > tr > td a:visited,
      bi-tbl.bi-table--data table > tbody > tr > td a:visited {
        color: #686b73 !important; }