#epb-user-journey-epb-change-group .js-form-item {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  margin-bottom: 0px;
}

#epb-user-journey-epb-change-group .js-form-item {
  color: white;
}

#epb-user-journey-epb-change-group .js-form-item .form-select {
  border-radius: 5px;
  text-align: center;
  width: 100%;
  padding: 5px 30px 5px 5px;
}

:root .group-changer select {
  option {
    color: var(--bs-dark);
    background-color: var(--bs-light);
  }

  option[value="15"] {
    color: var(--bs-info);
    font-weight: bold;
  }

  &:has([value="15"]:checked) {
    color: var(--bs-dark);
    background-color: var(--bs-light);
  }

  &:has(:not([value="15"]):checked) {
    color: var(--bs-dark);
    background-color: var(--bs-light);
    transition: background 2s;
  }

}

html body .group-changer {
  display: flex;
  flex-direction: row;
  max-height: 100%;
  margin: 10px 20px;
  justify-items: center;
  align-items: center;
}

html body .group-changer .js-form-item-dropdown {
  margin: 0px !important;
}

html body .group-changer .js-form-item-dropdown select {
  border: 1px solid #222;
}

a.nav-link--user {
  display: flex;
  align-items: center;
}