/* Apply table item alignment */
.daexthefu-react-table{

  /* Max specific column occupy the minimum width possible without wrapping text */
  &__daexthefu-data-table-statistics-menu tr th:nth-of-type(2),
  &__daexthefu-data-table-statistics-menu tr td:nth-of-type(2),
  &__daexthefu-data-table-statistics-menu tr th:nth-of-type(3),
  &__daexthefu-data-table-statistics-menu tr td:nth-of-type(3),
  &__daexthefu-data-table-statistics-menu tr th:nth-of-type(4),
  &__daexthefu-data-table-statistics-menu tr td:nth-of-type(4)
  {
    width: 1%;
    white-space: nowrap;
  }

  &__daexthefu-data-table-statistics-menu-details-view tr th:nth-of-type(1),
  &__daexthefu-data-table-statistics-menu-details-view tr td:nth-of-type(1),
  &__daexthefu-data-table-statistics-menu-details-view tr th:nth-of-type(2),
  &__daexthefu-data-table-statistics-menu-details-view tr td:nth-of-type(2),
  &__daexthefu-data-table-statistics-menu-details-view tr th:nth-of-type(4)
  &__daexthefu-data-table-statistics-menu-details-view tr td:nth-of-type(4)
  {
    width: 1%;
    white-space: nowrap;
  }

}

/* PFR Color Coded Icons -------------------------------------------------------------------------------------------- */
.daexthefu-pfr-cell-wrapper {
  display: flex;
}

.daexthefu-pfr-cell-icon {
  margin: 8px 8px 0 0;
}

.daexthefu-circle {
  width: 12px;
  height: 12px;
  margin: 3px 0;
  border-radius: 12px;
}

.daexthefu-circle-c1 {
  background: #007200;
}

.daexthefu-circle-c2 {
  background: orange;
}

.daexthefu-circle-c3 {
  background: #C50000;
}

.daexthefu-circle-c0 {
  background: grey;
}

@media screen and (max-width: 1304px) {

  .daexthefu-react-table{

    &__daexthefu-filters-statistics-menu.daexthefu-react-table__daexthefu-filters {
      flex-direction: column;
    }

    &__daexthefu-filters-statistics-menu  .daexthefu-pills {
      width: 100%;
    }

    &__daexthefu-filters-statistics-menu.daexthefu-react-table__daexthefu-filters .daexthefu-search-container {
      width: 100%;
    }

    &__daexthefu-filters-statistics-menu  .daexthefu-datepicker-container{
      width: 100%;
    }

    &__daexthefu-filters-statistics-menu .daexthefu-react-table__daexthefu-filters-left-section {
      flex-direction: column;
      width: 100%;
    }

  }

}