#settingsContainer {
  max-width: 400px;
}

#currentUsername {
  width: 20em;
}

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

#changePasswordDiv {
  display: flex;
  justify-content: center;
}

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

#accountTable {
  font-size: 9pt;
}

#changePasswordTable {
  font-size: 9pt;
}

.changePasswordInput {
  width: 15em;
}

#portalButton {
  margin-top: 10px
}

#subscriptionStatus {
  font-weight: bold;
}

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

/* authoization */

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

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