.form-flow-form.multi-step-form-flow-form .step,
.form-flow-form:not(.multi-step-form-flow-form),
.form-flow-form .container_form_field {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: left;
}

.form-flow-form h3 {
	position: relative;
	margin-top: 20px;
	margin-bottom: 25px;
	border-bottom: 2px solid #e4e6ef;
	padding-bottom: 5px;
}

.form-flow-form > button.btn {
	margin-right: 10px;
	margin-left: 10px;
}
#form-draft-actions,
.form-flow-form .single_form_field_container,
.form-flow-form.multi-step-form-flow-form .step > *,
.form-flow-form:not(.multi-step-form-flow-form) > * {
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 20px;
}
.form-flow-form.multi-step-form-flow-form .step .container_form_field,
.form-flow-form .container_form_field {
  padding-right: 0px;
  padding-left: 0px;
  margin-bottom: 0px;
}
.form-flow-form.multi-step-form-flow-form .form-steps-container {
	width: 100% !important;
	flex: 1 0 100%;
}

.form-flow-form .form-check-input:checked {
	background-color: #0d6efd;
	border-color: #0d6efd;
}
.form-flow-form :not(.form-switch) > .form-check-input[type=checkbox],
.form-flow-form .form-check-input {
	border-color: #0d6efd;
}

.form-flow-form input[type="file"] {
	padding: .375rem .75rem;
}

.step-container {
  position: relative;
  text-align: center;
  transform: translateY(-43%);
}

.step-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid #007bff;
  line-height: 40px;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  cursor: pointer; /* Added cursor pointer */
}

.step-line {
  position: absolute;
  top: 21px;
  left: 50px;
  width: calc(100% - 100px);
  height: 2px;
  background-color: #007bff;
  z-index: -1;
}

#frmFlowForm {
  overflow-x: hidden;
}

#multi-step-form-progressbar {
  width: 100%;
  background-color: #f9f9f9;
  margin-bottom: 1rem;
  border-radius: .25rem;
}

#multi-step-form-progressbar-text {
  width: 0%;
  height: 35px;
  background-color: #f28007;
  text-align: center;
  line-height: 35px;
  color: #ffffff;
  font-size: 12px;
  border-radius: .25rem;
}

.single_dynamic_single_field_row:not(:last-child) .new-single-field-button {
  opacity: 0;
  pointer-events: none;
}
.single_dynamic_single_field_row:not(:first-child) > label {
  display: none !important;
}

.conditional_hidden_field {
  display: none !important;
}