#ui.v3 yon-entity-table {
  div.entity-table__container {
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
    mat-progress-bar {
      margin-left_: var(--layout-grid-gap);
      margin-bottom: 0;
      margin-top: -1px;
      width: calc(100% - 25px);
      position: absolute;
      z-index: 10;
      border-radius: 3px;
      .mdc-linear-progress__bar,
      .mdc-linear-progress__buffer {
        height: 6px;
        border-radius: 3px;
      }
    }
    mat-header-row {
      mat-progress-bar {
        margin-left: 5px;
        width: calc(100% - 15px);
        top: 10px;
      }
    }
  }
  .entity-table__loading {
    .entity-table__loading-bar-row {
      margin-top: 0px;
      position: absolute;
    }
    &::after {
      background-color: var(--color-bg-table-loading);
      border-radius: 7px;
    }
  }
}
#ui.v3 yon-entity-table-filter {
  yon-button.mat-mdc-menu-trigger .entity-table-filter__pill-button {
    background-color: transparent;
    padding-right: 0;
    padding-left: 10px;
  }
  .mat-mdc-raised-button .material-symbols-sharp {
    font-variation-settings: “wght” 400, “FILL” 1;
  }
}
:root.dark div.entity-table__container:not(.table_flex),
:root.light div.entity-table__container:not(.table_flex),
#ui.v3 div.entity-table__container:not(.table_flex) {
  mat-table {
    display: table;
    min-width: 100%;
    background-color: transparent;

    .entity-table__row-loading-spinner {
      text-align: left;
      padding-right: 0px;
    }
    mat-header-row,
    mat-row {
      .entity-table__row-action-buttons {
        transform: none;
        text-align: right;
      }
      
        &:hover,
        &.selected {
          .entity-table__row-loading-spinner,
          .entity-table__row-action-button {
            background-color: var(--color-bg-table-row-selected)
          }       
      }

      .mat-sort-header-container,
      .mat-sort-header-content {
        align-items: flex-start;
      }
      display: table-row;
      mat-header-cell,
      mat-cell {
        vertical-align: top;
        display: table-cell;
        align-items: flex-start;
      }
      mat-cell {
        line-height: 40px;
        padding-right: 10px;
        min-height: 40px;
        height: 40px;

        div {
          display: inline-block;
        }
        div.entity-table__row-action-buttons,
        div.entity-table__row-action-buttons yon-button {
          display: flex;
          justify-self: center;
          button span {
            line-height: 40px;
          }
        }
      }
      mat-cell.entity-table__row-action-cell {
        padding-right: 0;
      }
      mat-header-cell.entity-table__column-right,
      .mat-sort-header-content {
        text-align: right;
        justify-items: flex-end;

        div {
          justify-content: flex-end;
        }
        p.entity-table__column-header-text {
          white-space_: nowrap;
          font-size: inherit;
          line-height: 16px;
          border-bottom: 1px solid var(--color-mono-contrast-max);
          padding-bottom: 2px;
        }
      }
      mat-header-cell.entity-table__column-right {
        padding-right: 10px !important;
      }
      mat-cell.entity-table__column-right,
      .mat-column-actionColumnButtons {
        text-align: right;
        div {
          text-align: right;
        }
      }
      mat-header-cell.mat-column-actionColumnButtons > div {
        padding-right: 10px;
      }
    }
    .mat-column-actionColumnButtons {
      text-align: right;
    }
  }
  .mat-mdc-table .mat-mdc-cell,
  .mat-mdc-table .mat-mdc-header-cell,
  .mat-mdc-table .mat-mdc-footer-cell {
    border-color: var(--color-table-border);
  }
  .mat-mdc-row.mat-mdc-no-data-row td {
    position: absolute;
  }
  mat-cell.mat-mdc-cell.mdc-data-table__cell,
  .mat-mdc-header-cell,
  .mat-sort-header-container,
  .mat-sort-header-content {
    word-wrap: normal;
    word-break: normal;
    overflow: visible;
    width: auto;
    min-width: 0;
    flex-grow: 1;
    white-space: nowrap;
    yon-entity-table-field {
      div {
        white-space: nowrap !important;
      }
    }
  }
  mat-cell.mat-column-message yon-entity-table-field div a {
    white-space: pre-line;
    line-height: 1.5;
    color: var(--color-mono-contrast-high);
  }
  .mat-sort-header-content {
    flex-grow: 0;
  }
  mat-cell.mat-mdc-cell.entity-table__checkbox-cell,
  mat-header-cell.mat-mdc-cell.entity-table__checkbox-cell,
  mat-header-cell.mat-mdc-header-cell.entity-table__checkbox-cell {
    max-width: 40px;
    padding-left: 0;
    padding-right: 0;
    width: 40px;
    .mdc-checkbox {
      margin-right: -10px;
    }
  }
  .entity-table__loading-bar-row {
    position: absolute !important;
    margin-top: -10px;
  }
  .entity-table__loading-bar-row {
    margin-left: 5px;
  }

  .mat-column-message {
    align-content: center;
  }

}