.packs-list {
  border-collapse: collapse;
  overflow: scroll;

  &__wrapper {
    border: 1px solid $ui-fleet-blue-15;
    border-radius: 4px;
    overflow: hidden;
    margin-top: $pad-medium;
  }

  thead {
    background-color: $ui-off-white;
    border-bottom: 1px solid $ui-fleet-blue-15;

    th + th {
      border-left: 1px solid $ui-fleet-blue-15;
    }

    th {
      font-size: $x-small;
      font-weight: $bold;
      text-align: left;
      padding: $pad-medium $pad-large;

      &:nth-child(1) {
        border-top-left-radius: 3px;
        width: 20px;
      }

      &:nth-child(2) {
        width: calc(49% - 20px);
      }

      &:nth-child(3) {
        width: 17%;
      }

      &:nth-child(4) {
        width: 17%;
      }

      &:nth-child(5) {
        width: 17%;
      }

      &:last-child {
        border-top-right-radius: 3px;
      }
    }
  }

  &__th-pack-name {
    padding-left: 0;
    text-align: left;
  }

  &__select-all {
    margin-bottom: 0;
  }

  &__empty-table {
    text-align: center;
    font-size: $x-small;
    color: $core-fleet-black;
  }
}
