.form-container-with-picker {
	max-width: 600px;
	margin: auto;
}

.umbraco-forms-fieldset {
	border-left: 1px solid var(--greyscale-600);
	border-right: 1px solid var(--greyscale-600);
	padding: 0 2rem;
}

	.umbraco-forms-fieldset:last-of-type {
		padding-bottom: 2rem;
		border-bottom: 1px solid var(--greyscale-600);
	}

	.umbraco-forms-fieldset:first-of-type {
		border-top: 1px solid var(--greyscale-600);
		padding-top: 2rem;
	}

.form-container-with-picker.umbraco-forms-form {
	width: 100%;
	max-width: 660px;
}

.umbraco-forms-field {
	width: 100%;
	margin-bottom: 2.5rem;
}

	.umbraco-forms-field input:not([type=checkbox]):not([type=radio]), .umbraco-forms-field textarea {
		width: 100%;
	}

	.umbraco-forms-field textarea {
		resize: none;
		height: 168px;
	}

	.umbraco-forms-field.mandatory label::after, .umbraco-forms-field.mandatory legend::after {
		content: "*";
		color: var(--primary-400);
	}

.umbraco-forms-navigation.row-fluid .col-md-12 {
	display: flex;
	gap: 8px;
}

.umbraco-forms-navigation input[type=submit] {
	background-color: var(--primary-500);
	color: var(--greyscale-1000);
	padding: 1rem 2rem;
	margin-top: 1rem;
	flex-grow: 1;
}

.umbraco-forms-fieldset legend {
	margin-top: 1rem;
	font-weight: 600;
}

.umbraco-forms-hidden {
	display: none;
}

.field-validation-error {
	color: var(--primary-400);
}

fieldset.umbraco-forms-field legend {
	font-size: 1rem;
}

.umbraco-forms-field .checkboxlist-vertical div {
	display: flex;
	gap: 8px;
	align-items: baseline;
}