@import '../index.scss';

.mods-com-firecard-table {
  width: 100%;
  height: 100%;
  background: $background-transparent;
  border: 1px solid $border-color-eaeaea;

  .mods-com-firecard-table-content {
    width: 100%;
    height: calc(100% - 40px);
    overflow: auto;
    background: $firecard-list-background;

    .mods-com-firecard {
      display: inline-block;
      margin-top: 14px;
      margin-bottom: 10px;
      margin-left: 24px;
      /* stylelint-disable-next-line declaration-no-important */
      background-color: $background-transparent !important;
    }
  }

  .mods-com-firecard-table-content.no-pagination {
    height: 100%;
  }

  .mods-com-firecard-table-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    text-align: center;
    // background-color: #f3f3f3;
    background-color: $firecard-table-footer;
  }

  .ant-pagination-options {
    margin-left: 15px;
    vertical-align: top;

    .select-scroll-wrapper {
      display: none;
      width: auto;
      height: 23px;
    }

    .ant-select {
      display: none;
      height: 100%;

      .ant-select-selection--single {
        height: 100%;

        .ant-select-selection__rendered {
          line-height: 22px;
        }
      }
    }
  }

  .ant-pagination {
    .ant-pagination-jump-prev::after,
    .ant-pagination-jump-next::after {
      color: $font-color-047474;
    }

    .ant-pagination-total-text {
      height: 24px;
      margin-right: 15px;
      font-size: 12px;
      line-height: 24px;
      // color: #201e1e;
      color: $font-color-black;
      vertical-align: top;
    }

    .ant-pagination-options-quick-jumper {
      height: 24px;
      font-size: 12px;
      line-height: 24px;
      // color: #201e1e;
      color: $font-color-black;
      vertical-align: top;

      input {
        height: 24px;
        font-size: 13px;
        line-height: 24px;
        // color: #047474;
        // border: solid 1px #e4e4e4;
        color: $font-color-201e1e;
        background: $pagination-jumper-background;
        border: 1px solid $border-color-d9d9d9;
        border-radius: 2px;
      }
    }

    > li {
      height: 24px;
      margin: 0;
      font-size: 12px;
      line-height: 24px;
      color: $color-047474;
      vertical-align: top;
      border-left: 0;
      // border-color: $color-e4e4e4;
      border-color: $ant-pagination-item-border;
      border-radius: 0;

      > a {
        // color: #047474;
        color: $color-047474;

        &::after {
          height: 24px;
          font-size: 20px;
          line-height: 21px;
          color: $ant-pagination-prev-next-color;
        }
      }

      &.ant-pagination-prev {
        // border-left: 1px solid #e4e4e4;
        background: $ant-pagination-prev-next-background;
        border-left: 1px solid $ant-pagination-item-border;
        border-radius: 4px 0 0 4px;
      }

      &.ant-pagination-next {
        background: $ant-pagination-prev-next-background;
        border-radius: 0 4px 4px 0;
      }

      &.ant-pagination-item {
        color: $font-color-047474;
        background: $pagination-item-background;

        > a {
          color: $font-color-047474;
        }

        &.ant-pagination-item-active {
          background: $ant-pagination-item-active-background;
          border-color: $ant-pagination-item-border;

          > a {
            color: $font-color-paper;
          }
        }
      }
    }
  }
}
