.for-admin {
    display: none !important;
}
.for-manager{
    display: none !important;
}

#id_password_label,
#id_password2_label {
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

@media (min-width: 768px) {
  /* Label row: full width, icon right after the label text */
  #fitem_id_password > .col-form-label,
  #fitem_id_password2 > .col-form-label {
    flex: 0 0 100%;
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 0 !important;
    justify-content: flex-start !important;
    align-items: center !important;
  }

  /* Icon: centred vertically with the label text */
  #fitem_id_password > .col-form-label .form-label-addon,
  #fitem_id_password2 > .col-form-label .form-label-addon {
    align-self: center !important;
    margin-left: 0.5rem;
    position: relative;
    top: -0.1rem;   /* nudge up or down until it lines up with the text */
  }

  /* Input row: full width */
  #fitem_id_password > .felement,
  #fitem_id_password2 > .felement {
    flex: 0 0 100%;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Inputs stretch the full width of their row */
  #id_password,
  #id_password2 {
    width: 100% !important;
    max-width: 100% !important;
  }
    /* Log out other sessions: remove the empty left column so the checkbox sits at the left */
  .fitem:has(#id_logoutothersessions) > .col-md-3 {
    flex: 0 0 0 !important;
    width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
  }
  .fitem:has(#id_logoutothersessions) > .felement {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-content: flex-start !important;
  }

  /* Buttons: remove the empty left column and put both buttons on one row, aligned left */
  #fgroup_id_buttonar > .col-form-label {
    flex: 0 0 0 !important;
    width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
  }
  #fgroup_id_buttonar > .felement {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 0.5rem;
  }
  #fgroup_id_buttonar > .felement > .fitem {
    margin-bottom: 0 !important;
    width: auto !important;
  }
}