.colors ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.colors li {
  margin: 0 0 10px 0;
}
.colors label {
  cursor: pointer;
}
.colors input {
  display: none;
}
.colors input[type="radio"]:checked + .swatch {
  box-shadow: inset 0 0 0 4px #fff;
}
.swatch {
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  width: 30px;
  margin: 0 5px 0 0;
  border: 1px solid #d4d4d4;
  border-radius: 50px;
}
.tag-green {
  background: #11562c;
}
.tag-cyan {
  background: #17a2b8;
}
.tag-red {
  background: #dc3545;
}
.tag-blue {
  background: #397fe8;
}
.tag-yellow {
  background: #ffc107;
}
#account-screen {
  overflow: hidden;
}
#account-screen .add-edit-attributes-group-button {
  justify-content: center;
}
#account-screen .add-clinic-button {
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 576px) {
  #account-screen .add-edit-attributes-group-button button {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
    width: 80%;
  }
  #account-screen .add-edit-attributes-group-button .action-button-item {
    display: flex;
    justify-content: center;
  }
  #account-screen .account-info {
    padding-top: 15px;
    border-top: 1px solid #686868;
    border-bottom: 1px solid #686868;
  }
  #account-screen .change-password-form {
    margin-bottom: 15px;
  }
  #account-screen .clinic-management-title {
    text-align: center;
  }
}