.table-container {
  table {
    width: 100%;

    border: none;

    thead {
      background-color: $builda-gray;
      color: setTextColor($builda-gray);

      tr {
        th {
          border: none;

          padding-top: calculateRem(20);
          padding-right: calculateRem(10);
          padding-bottom: calculateRem(20);
          padding-left: calculateRem(10);

          text-align: left;

          &:first-of-type {
            padding-left: calculateRem(20);
          }

          &:last-of-type {
            padding-right: calculateRem(30);
          }

          &.sorter {
            cursor: pointer;

            &:hover {
              .icon-container {
                visibility: visible;
              }
            }

            .icon-container {
              visibility: hidden;
              opacity: 0.7;
            }
          }

          input[type=checkbox] {
            border-color: setTextColor($builda-gray);

            &:after {
              color: setTextColor($builda-gray);
            }
          }
        }
      }
    }

    tbody {
      background-color: #F6F6F6;

      tr {
        &:not(:last-of-type) {
          td {
            border-bottom: solid 1px $builda-lightgray;
          }
        }

        &:hover {
          background-color: $admin-primary-color;
          color: setTextColor($admin-primary-color);

          box-shadow: 0 2px 2px 0 rgba(0,0,0,0.40), 0 -2px 2px 0 rgba(0,0,0,0.25);

          td {
            border: none;

            &.hover-only {
              display: table-cell;

              a {
                color: setTextColor($admin-primary-color);
              }
            }

            &.hide-on-hover {
              display: none;
            }

            input[type=checkbox] {
              border-color: setTextColor($admin-primary-color);

              &:after {
                color: setTextColor($admin-primary-color);
              }
            }
          }
        }

        &.checked {
          background-color: $admin-primary-color;
          color: setTextColor($admin-primary-color);

          box-shadow: 0 2px 2px 0 rgba(0,0,0,0.40), 0 -2px 2px 0 rgba(0,0,0,0.25);

          td {
            border: none;

            input[type=checkbox] {
              border-color: setTextColor($admin-primary-color);

              &:after {
                color: setTextColor($admin-primary-color);
              }
            }
          }
        }

        td {
          border: none;

          padding-top: calculateRem(15);
          padding-right: calculateRem(10);
          padding-bottom: calculateRem(15);
          padding-left: calculateRem(10);

          &:first-of-type {
            padding-left: calculateRem(20);
          }

          &:last-of-type {
            padding-right: calculateRem(30);
          }

          &.hover-only {
            display: none;
          }

          input[type=checkbox] {
            border-color: $black;

            &:after {
              color: $black;
            }
          }
        }
      }
    }
  }

  .pagination-container {
    display: flex;
    justify-content: flex-end;

    margin-top: calculateRem(20);

    .icon-container {
      color: $black;

      &:hover {
        color: $admin-primary-color;
      }

      &.previous {
        margin-right: calculateRem(30);
      }

      &.next {
        margin-left: calculateRem(30);
      }
    }
  }
}