@import '../../assets/styles/colors';
@import '../../assets/styles/rsfonts';

.ff-fixed-header-table {
  overflow-y: auto;
}

.ff-table {
  th,
  td {
    text-align: left;
    font-size: 12px;
    padding: 9px 8px;
  }
  thead {
    tr {
      th {
        @extend .fontPoppinsSemiboldMd;
        color: $primary;
        border-bottom: 1px solid $grey_2;
        text-transform: uppercase;
      }
      th:first-child {
        div {
          display: flex;
          align-items: center;
          .ff-table-checkbox {
            padding-right: 8px;
          }
        }
      }
    }
  }
  tbody {
    tr {
      .action-column {
        opacity: 0;
      }
      &:hover {
        background-color: $grey_6;
        .action-column {
          opacity: 1;
        }
      }
      td {
        color: $text_color;
        @extend .fontPoppinsRegularSm;

        &.clickable-cell {
          cursor: pointer;
        }
      }
      td:first-child {
        div {
          display: flex;
          align-items: center;
          .ff-table-checkbox {
            padding-right: 8px;
          }
        }
      }
    }
  }
  .primary-bg {
    background-color: $blue_4;
  }
  .secondary-bg {
    background-color: $white;
  }
  .default-bg {
    background-color: transparent;
  }
}
.border-borderRadius {
  border: 1px solid $grey_2;
  border-radius: 5px;
  border-collapse: none !important;
}

.ff-fixed-header {
  position: sticky !important;
  top: 0;
  z-index: 99;
  background-color: $white;
}
.no-data-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}