.account-page {
  display: flex;
  min-height: calc(100vh - 116px);
  width: 100%;

  .views-element-container {
    overflow-x: auto;

    table {
      width: 100%;
      border-collapse: collapse;

      td,
      th {
        border: 1px solid #C4C4C4;
        padding: 10px;
        border-collapse: collapse;
      }

      th {
        font-weight: normal;

        &.is-active>a {
          font-weight: 450;
        }
      }

      a {
        color: inherit;
      }

      th.views-field>a {
        display: block;
        position: relative;
        padding-right: 15px;

        &:after {
          content: "";
          display: inline-block;
          background-image: url("../images/arrow-down-black.svg");
          background-position: center;
          background-repeat: no-repeat;
          width: 10px;
          height: 10px;
          position: absolute;
          right: 0;
          top: 8px;
        }

        &[href$="sort=desc"] {
          &:after {
            background-image: url("../images/arrow-up-black.svg");
          }

        }

        .tablesort {
          display: none;
        }
      }
    }
  }
}

.account-page__sidebar {
  background-color: #2B2E2F;
  color: white;
  padding: 80px 15px 40px 15px;
  width: 210px;

  .btn-link {
    color: white;
    text-decoration: none;

    &.active,
    &:hover {
      text-decoration: underline;
    }
  }
}

.account-page__content {
  padding: 89px 50px;
  width: calc(100% - 210px);

  #mijn-voorbestelling,
  .views-field {
    .btn {
      --bs-btn-border-radius: 5px;
      --bs-btn-font-size: 1.0625rem;
      padding-inline: 7px;
      padding-block: 6px;
      min-height: unset;
    }
  }

  .print-icon {
    width: 24px;
  }
}

.node--type-news-item {
  margin-top: 2em;
  border-top: 1px solid var(--bs-gray-500);
  padding-top: 2em;
}