/*Contains any common function to modify the tables, which can then be imported and applied per sub style.
	eg, for the email table may want to show lines, so can import the below to apply show-lines() just for item-container.email*/
/*tag colours on people page for diff link types.*/
@keyframes loading-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*Mixin to make avatar circle, for users, to be added inside a .name-and-avatar-display style*/
.register {
  position: relative;
  width: 450px;
}
.auth-panel .auth-internal .register h2.page-title {
  margin-left: 0;
}
.register .points {
  position: absolute;
  right: -280px;
  font-size: 20px;
  line-height: 40px;
}
.register .check-box-entry > input {
  width: 42px;
}
@media only screen and (max-width: 800px) {
  .register {
    width: unset;
  }
  .register .points {
    position: relative;
    right: unset;
    font-size: 20px;
    line-height: 40px;
    margin-bottom: 20px;
    padding-left: 60px;
  }
}
.existing-user-registration {
  width: 450px;
  margin: 0 auto;
}
.existing-user-registration .item-edit form {
  border: 1px solid #707070;
  border-radius: 33px;
  padding: 10px;
  margin-bottom: 10px;
  text-align: center;
}
.existing-user-registration .item-edit .user-item {
  display: flex;
  column-gap: 10px;
}
.existing-user-registration .item-edit .user-item .user-details {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}
.existing-user-registration .item-edit .user-item .user-details .existing-user-name,
.existing-user-registration .item-edit .user-item .user-details .existing-user-email {
  flex: 1 100%;
}
.existing-user-registration .item-edit .user-item .user-details div.has-info-popup .info-popup.floating .dialog {
  -webkit-border-radius: 33px;
  border-radius: 33px;
  background-clip: padding-box;
}
.existing-user-registration .item-edit .user-item .user-details div.has-info-popup .info-popup.floating .dialog p {
  margin-bottom: 1rem;
}