#settingsContainer {
  max-width: 400px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#currentUsername {
}

.accountBanner {
  background-color: var(--neutral1);
  font-size: 10pt;
  padding: 0 2px 0 2px;
  margin-bottom: 10px;
}

#changePasswordDiv {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: end;
  width: min-content;
}

#accountDiv {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#accountTable {
  font-size: 9pt;
}

#changePasswordTable {
  font-size: 9pt;
}

.changePasswordInput {
  width: 15em;
  margin-left: 4px;
}

#portalButton {
}

#subscriptionStatus {
  font-weight: bold;
}

.subscriptionDataLabel {
  text-align: right;
  font-weight: bold;
  white-space: nowrap;
}

/* authorization */

#unauthorizedContainer {
  max-width: 500px;
  display: flex;
  flex-wrap: wrap;
  justify-contents: center;
}

.unauthorizedMessage {
  font-size: 11pt;
  text-align: left;
  padding: 5px;
  flex-basis: 100%;
}

.changePasswordRow {
  display: flex;
  flex-wrap: nowrap;
  padding: 2px;
}

.accountRow {
  display: flex;
  flex-wrap: nowrap;
  padding: 2px;
}

.changePasswordLabel {
  white-space: nowrap;
}


.settingsButtonRow {
  display: flex;
  justify-content: center;
  width: 100%;
  padding-top: 8px;
}

.settingsBlock {
  width: 100%;
  padding: 10px;
  display: flex;
  justify-content: center;
  background-color: var(--neutral3);
}

.subscriptionData {
  text-align: left;
}