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

.ff-accordion-table-container {
  overflow-y: auto;
  .ff-accordion-table {
    width: 100%;
    th,
    td {
      text-align: left;
      font-size: 12px;
      padding: 9px;
    }
    th {
      @extend .fontPoppinsSemiboldMd;
      color: $primary;
      border-bottom: 1px solid $grey_2;
    }
    td {
      @extend .fontPoppinsRegularSm;
    }
    tbody {
      tr:hover {
        background-color: $grey_6;
      }
    }
    &--primary-bg {
      background-color: $blue_4;
    }
    &--secondary-bg {
      background-color: $white;
    }
    &--default-bg {
      background-color: transparent;
    }
  }
  .ff-accordion-fixed-header {
    position: sticky !important;
    top: 0;
    z-index: 99;
    background-color: $white;
  }
  .column-table-accordion {
    @extend .fontPoppinsMediumSm;
    width: 100%;
    .accordion-header {
      display: flex;
      align-items: center;
      .header-title {
        padding: 8px;
      }
      .accordion-arrow {
        img {
          height: 30px;
          width: 35px;
        }
      }
    }
    .accordion-header:hover {
      // background-color: $grey_6;
    }
  }
}