.container-xl {
  max-width: 1400px;
  padding-bottom: 100px;
  @media (min-width: 960px) {
    padding-left: 50px;
    padding-right: 50px;
  }
}

.table td, .table th {
  padding: 0.5rem;
}

.full .rank {
  width: 5%;
}
.widget .rank {
  @media (min-width: 960px) {
    width: 13%;
  }
  @media (max-width: 960px) {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.full .alias {
  width: 20%;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 350px;
  @media (max-width: 960px) {
    width: 40%;
    max-width: 500px;
  }
}
.widget .alias {
  width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 350px;
  @media (max-width: 960px) {
    max-width: 175px;
  }
}

.full .capacity {
  width: 10%;
  @media (max-width: 960px) {
    width: 30%;
  }
}
.widget .capacity {
  width: 32%;
  @media (max-width: 960px) {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.full .channels {
  width: 15%;
  padding-right: 50px;
  @media (max-width: 960px) {
    display: none;
  }
}

.full .timestamp-first {
  width: 10%;
  @media (max-width: 960px) {
    display: none;
  }
}

.full .timestamp-update {
  width: 10%;
  @media (max-width: 960px) {
    display: none;
  }
}

.full .location {
  width: 15%;
  @media (max-width: 960px) {
    width: 30%;
  }
  @media (max-width: 600px) {
    display: none;
  }
}