.contributors ~ table {
  margin-bottom: 30px;
}

.buglist {
  display: none;
  table-layout: fixed;
}

.buglist .id {
  width: 80px;
}

.buglist .summary {
  width: 430px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.buglist .last-changed {
  text-align: left;
  width: 130px;
}

.buglist .assigned-to {
  width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}

.buglist tbody .id a {
  color: var(--status-translated);
}

.buglist th {
  cursor: pointer;
}

.buglist th:hover {
  color: var(--white-1);
}

.buglist th i {
  margin-left: 5px;
  position: absolute;
}

.buglist th.asc i:after {
  content: '';
  display: inline-block;
  margin-top: 5px;
}

.buglist th.desc i:after {
  content: '';
  display: inline-block;
  margin-top: -5px;
}

.controls.no-projects {
  text-align: right;
}

.controls.no-projects > .request-toggle.button {
  float: none;
}

.controls.no-projects > .search-wrapper {
  display: none;
}

#permissions-form .badge-tooltip {
  background: var(--black-3);
  border: 1px solid var(--dark-grey-1);
  border-radius: 10px;
  box-shadow: 0 0 20px -2px var(--tooltip-background);
  box-sizing: border-box;
  text-align: center;
  margin: auto;
  padding: 35px;
  position: fixed;
  display: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 360px;
  height: 560px;
  z-index: 100;

  .title {
    color: var(--tooltip-color-2);
    font-weight: 100;
    font-size: 20px;
    text-transform: uppercase;
  }

  img.badge {
    border: 2px solid var(--main-border-1);
    border-radius: 50%;
    margin: 60px auto 20px;
    width: 200px;
    height: 200px;
  }

  .badge-name {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 5px;
  }

  .badge-level {
    color: var(--tooltip-color-2);
    font-weight: 100;
    font-size: 20px;
    margin-bottom: 45px;
  }

  .notice {
    color: var(--tooltip-color-2);
    font-size: 16px;
    font-weight: 100;
  }

  .notice a {
    color: var(--status-error);
  }
  .continue {
    background: var(--button-background-1);
    border: none;
    border-radius: 3px;
    color: var(--light-grey-7);
    font-size: 15px;
    font-weight: 400;
    margin-top: 10px;
    padding: 10px 20px;
    text-transform: uppercase;
  }

  .continue:hover {
    color: var(--white-1);
  }
}

#permissions-form .selector-wrapper {
  white-space: nowrap;
}

#permissions-form h3 {
  padding-bottom: 30px;
}

#permissions-form h3 .remove-project {
  bottom: 25px;
  font-size: 13px;
  font-style: normal;
  letter-spacing: 0;
  position: absolute;
  right: 0;
}

#permissions-form h3 .remove-project:hover {
  background: var(--status-error);
}

#permissions-form h3 .remove-project .fas {
  float: left;
  font-size: 13px;
  margin-top: 2px;
  padding-right: 5px;
}

#permissions-form .permissions-groups {
  margin-bottom: 80px;
}

#permissions-form .user.select {
  display: inline-block;
  vertical-align: top;
  width: 300px;
}

#permissions-form .user.select.translators {
  text-align: center;
}

#permissions-form .user.select.managers {
  text-align: right;
}

#permissions-form .user.select.translators,
#permissions-form .user.select.managers {
  margin-left: 40px;
}

#permissions-form .user.select label {
  display: block;
}

#permissions-form .user.select label,
#permissions-form .user.select label a {
  color: var(--light-grey-7);
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}

#permissions-form .user.select label a {
  display: inline-block;
}

#permissions-form .user.select.translators label:hover,
#permissions-form .user.select.managers label:hover,
#permissions-form .user.select label a.active,
#permissions-form .user.select label a:hover {
  color: var(--white-1);
}

#permissions-form .user.select .menu {
  border-bottom: 1px solid var(--main-border-1);
  overflow: auto;
  padding: 10px 0;
}

#permissions-form .user.select .menu input[type='search'] {
  width: 100%;
}

#permissions-form .user.select .menu ul {
  height: 168px;
  margin-bottom: 0;
  white-space: normal;
}

#permissions-form .user.select .menu ul li {
  cursor: pointer;
  line-height: 17px;
  position: relative;
  width: 100%;

  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#permissions-form .user.select.available .menu ul li:not(.contributor) {
  display: none;
}

#permissions-form .user.select .intro {
  color: var(--light-grey-7);
  font-size: 13px;
  font-style: italic;
  font-weight: 300;
  margin: 10px 0;
  text-align: center;
  white-space: normal;
}

#permissions-form .button.save {
  float: right;
}

#permissions-form #project-selector {
  float: right;
}

#permissions-form #project-selector .button {
  margin-right: 10px;
  padding: 6px 12px;
}

#permissions-form #project-selector .button .icon {
  float: right;
  margin-left: 5px;
}

#permissions-form #project-selector .menu {
  background: var(--popup-background-1);
  bottom: 28px;
  width: 287px;
}

#permissions-form #project-selector .menu .search-wrapper input {
  width: 100%;
}

#permissions-form #project-selector .menu li {
  color: var(--light-grey-6);
  cursor: pointer;
}

#project-selector .menu li:not(.limited) {
  display: none;
}