/* Inputs */

.form-input-checkbox {
	padding-top: .5em;
	text-align: center;
}

/* Form Groups */

.form-input-group {
	display: flex;
	padding: .5em;
}

	.form-input-group > * {
		flex: 1 0 auto;
		width: auto;
	}

		.form-input-group > *:not(:last-child) {
			margin-right: .5em;
		}

	.form-input-group.spacing-2 > * {
		width: calc(50% - .5em);
	}

	.form-input-group.spacing-3 > * {
		max-width: calc(33.33333%);
	}

	.form-input-group.spacing-4 > * {
		max-width: calc(25% - .5em);
	}

	.form-input-group.no-pad {
		padding: 0;
	}

/* Labels */

.form-label {
	padding: .5em;
}

	.form-label > span {
		float: right;
	}

/* Categories and Data Cards */

.form-category, .form-data-card {
	border: 1px solid #DDD;
	border-radius: .25rem;
	margin-bottom: .5em;
	background-color: #FFF;
}

	.form-category > *, .form-data-card {
		margin: .25em;
	}

.form-category-header {
	background-color: #FAFAFA;
	border-bottom: 1px solid #EEE;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
	margin: 0;
	padding: .75em;
	font-weight: 500;
}

.form-data-card {
	font-size: 13px;
}

	.form-data-card > .form-card-header {
		font-weight: bold;
		background-color: #EEE;
		border-bottom: 1px solid #DDD;
		padding: .25em;
	}

	.form-data-card > .form-label, .form-data-card > * > .form-label {
		margin: .25em;
		padding: 0;
	}

	.form-data-card.interactive.selected {
		background-color: #def7ff;
		border-color: #a1e8ff;
	}

	.form-data-card.interactive:hover {
		cursor: pointer;
	}

/* Tables */

.form-table thead tr {
	background-color: #EEE;
}

/* Errors */

.form-error-label {
	width: 100%;
	padding: 0 .75em;
	text-align: right;
	font-size: 11px;
	color: red;
}

/* Required */

.required:after {
	content: " *";
	color: red;
}