.brxe-df-lentele {
  display: flex;
  flex-direction: column;
  gap: 48px;

  a {
    color: #00535c;
    text-decoration: underline;
    &:hover,
    &:focus,
    &:active {
      color: #d7df23;
    }
  }

  li::marker {
    color: #00535c;
  }

  .df-table {
    border-collapse: collapse;
  }

  .df-wrapper {
    width: 100%;
    overflow-x: auto;
  }

  tr {
    td,
    th {
      vertical-align: baseline;
      padding: 16px 0;
      max-width: 500px;
      &:not(:last-child) {
        padding-right: 16px;
      }
    }
    border-bottom: 0.5px solid #c7e6eb;
  }
  .df-column-button {
    text-align: end;
  }

  .df-table-button {
    font-size: 14px;
    line-height: 16px;
    padding: 12px 20px;
    gap: 4px;
    min-width: max-content;
    &:hover,
    &:active,
    &:focus {
      svg {
        transform: rotate(45deg);
      }
    }
  }
}

.df-table.checkered {
  tr {
    border-bottom: 1px solid #c7e6eb;
    td,
    th {
      padding: 18px 20px 18px 24px;
    }

    &:first-child {
      td:first-child,
      th:first-child {
        border-top-left-radius: 22px;
      }
      td:last-child,
      th:last-child {
        border-top-right-radius: 22px;
      }
    }

    &:last-child {
      border-bottom: none;
      td:first-child,
      th:first-child {
        border-bottom-left-radius: 22px;
      }
      td:last-child,
      th:last-child {
        border-bottom-right-radius: 22px;
      }
    }

    td:nth-child(odd),
    th:nth-child(odd) {
      background-color: #ffffff;
    }
    td:nth-child(even),
    th:nth-child(even) {
      background-color: #e1f6f9;
    }
  }
}