.dcsRowContent form, .dcsFormGroup {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: space-between;
}

.form-floating {
  display: flex;
  flex-direction: column;
  flex: 1 1 100px;
}

.dcsForm {
  display: flex;
  padding: 10px 0px;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
}

.dcsRegisterForm {
  display: flex;
  padding: 10px 20px;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
}

.errorArea {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.dcsFormItem {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.dcsInputLabel, .form-label {
  display: flex;
  flex-direction: row;
  padding: 20px 0px;
  min-width: 85px;
  width: 150px;
  align-items: center;
}
.dcsInput, .form-control {
  width: 250px;
  padding-left: 10px;
  background-color: #eff0f4;
  border: none;
  height: 34px;
  border-radius: 10px;
}

select.dcsInput, select.form-control {
  width: 262px;
  padding-left: 10px;
  background-color: #eff0f4;
  border: none;
  height: 34px;
  border-radius: 10px;
}

.input-with-check {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.input-group-append {
  padding: 0px 10px;
}

.dcsAlertRow {
  display: flex;
  width: 100%;
}

.checkbox .form-label, .checkbox .dcsInputLabel {
  width: 205px;
}

.checkbox .form-label input, .checkbox .dcsInputLabel input {
  margin-right: 10px;
}

form.twoFactorForm {
  display: flex;
  flex-direction: column;
}

.twoFactorForm .form-floating {
  flex: 1;
}