div.field-group input.text[type="text"],
div.field-group aui-select input.text[type="text"].text,
div.field-group input.text[type="tel"],
div.field-group input.text[type="password"] {
  width: 250px;
  background-color: var(--input-background-color);
  color: var(--text-color);
}

form.aui div.field-group span aui-select {
  background-color: var(--input-background-color);
  --aui-form-placeholder-text-color: var(--text-color);
  --aui-form-placeholder-disabled-text-color: var(--text-disabled-color);
}

form.aui:not(.aui-legacy-forms) select.prefix-select.select:not([size]),
form.aui:not(.aui-legacy-forms)
  select.prefix-select.select:not([size])
  option.prefix-option {
  background-color: var(--input-background-color);
  color: var(--text-color);
}

.login-container {
  display: flex;
  flex-direction: column;
  background-color: var(--modal-background-color);
  padding: 20px;
  box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

div.login-container div.field-group label[for="text-input"],
div.login-container div.field-group label[for="phoneInput"],
div.login-container div.field-group label[for="mobileInput"] {
  color: var(--text-color);
}

.login-container#registration > form.aui,
ul {
  margin-left: auto;
  margin-right: auto;
}

.login-container#registration > form.aui > p.note,
.login-container#registration > form.aui > p.note span.icon-required:before {
  display: table-caption;
  color: lightgray;
}

.login-container#registration > form.aui > p.note {
  padding: 4px 0px 4px 67px;
  font-size: x-small;
}

div h2 {
  font-weight: 500;
  text-transform: none;
  border-bottom: 1px solid #ccc;
  color: var(--h2);
}

form {
  width: 500px;
}

.rw_login_logo {
  margin: 0;
  padding: 0;
  display: block;
  text-align: center;
  padding-top: 50px;
}

span#darkMode {
  display: block;
}