.user-lists .short-user-profile-container {
  position: relative;
  display: inline-block;
  width: 80%;
}
@media (max-width: 1023px) and (min-width: 768px) {

  .user-lists .short-user-profile-container {
    width: 69%;
  }
}
@media (max-width: 767px) {

  .user-lists .short-user-profile-container {
    display: inline-block;
    width: 100%;
  }
}
.user-lists .user-list-row {
  vertical-align: top;
  display: inline-block;
  width: 60%;
}
@media (max-width: 1023px) and (min-width: 768px) {

  .user-lists .user-list-row {
    width: 100%;
  }
}
@media (max-width: 767px) {

  .user-lists .user-list-row {
    width: 100%;
  }
}
@media (max-width: 479px) {

  .user-lists .user-date-details {
    width: 198px;
    float: right;
    margin: 0;
    text-align: left;
  }
}
.user-lists .user-buttons-container {
  margin-left: -5px;
  display: inline-block;
  width: 20%;
}
.user-lists .user-buttons-container a {
  margin: 3px 0px;
}
@media (max-width: 1023px) and (min-width: 768px) {

  .user-lists .user-buttons-container {
    width: 30%;
  }
}
@media (max-width: 767px) {

  .user-lists .user-buttons-container {
    display: block;
    width: 200px;
    margin-left: 5px;
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
}
@media (max-width: 479px) {

  .user-lists .user-buttons-container {
    float: left;
//    width: 100px;
    border: none;
  }
}
.user-lists .user-info {
  vertical-align: top;
  display: inline-block;
  margin-left: 6px;
}
@media (max-width: 479px) {

  .user-lists .user-info {
    width: 198px;
  }
}
.user-list-header {
  color: #666;
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.user-list-header .user-buttons-container {
  margin-bottom: 0;
}
@media (max-width: 767px) {

  .user-list-header .user-buttons-container {
    display: none;
  }
}
.user-list-header .user-date-details {
  font-size: 16px;
  padding: 0;
}
@media (max-width: 1023px) and (min-width: 768px) {

  .user-list-header .user-date-details {
    display: none;
  }
}
@media (max-width: 767px) {

  .user-list-header .user-date-details {
    display: none;
  }
}
.user-list-holder {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  position: relative;
}
.user-list-holder .user-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}

@media (max-width: 767px) {

  .blacklist-page .user-list-holder {
    padding-bottom: 0;
  }
}
@media (max-width: 479px) {

  .blacklist-page .user-list-holder {
    padding-bottom: 0;
  }
}

.friends-page .short-user-profile-container {
  width: 70%;
}
@media (max-width: 767px) {

  .friends-page .short-user-profile-container {
    width: 100%;
  }
}
.friends-page .user-buttons-container {
  width: 29%;
}
@media (max-width: 767px) {

  .friends-page .user-buttons-container {
    width: 100%;
  }
}
.friends-page .user-list-row {
  width: 100%;
}