.ff-compact {
	background-color: var(--box-background);
	color: var(--text-color);
}

.ff-compact.flowform-box {
	padding: 20px;
}

.ff-compact .form-input-title p {
	font-size: 18px;
	margin: 0;
	margin-top: 10px;
}

.ff-compact,
.ff-compact p,
.ff-compact input,
.ff-compact textarea {
	font-size: 14px;
}

.ff-compact .ff-main-action .btn-text {
	font-size: 18px;
}

.ff-compact .form-group {
	margin: 10px 0;
	z-index: auto;
}

.ff-compact .flowform-input {
	padding: 4px;
}

.flowform-box .ff-compact .ff-choice-inline .ff-input-label,
.ff-compact .ff-input-label {
	margin: 0;
	margin-bottom: 5px;
	font-size: 14px;
	color: var(--text-color);
}

.ff-compact .ff-inline-label,
.ff-compact .ff-inline-help {
	margin: 0;
	margin-bottom: 5px;
}

.ff-compact .form-input-title {
	margin: 0;
}

.ff-compact .input-group-addon {
	line-height: 25px;
	padding: 0 10px;
}

.ff-compact .choice {
	padding: 4px 10px;
	min-width: auto;
	white-space: nowrap;
}

.ff-compact .choice-group {
	width: 100%;
}

.ff-compact.flowform-box,
.ff-compact .flowform-box {
	padding: 10px 10px;
	min-height: 50px;
	flex: calc(25% - 5px);
	min-width: calc(200px - 5px);
}

.ff-compact.ff-box-full,
.ff-compact .ff-box-full {
	flex: calc(100% - 5px);
}

.ff-compact .flowform-box .ff-choice-inline .ff-input-label {
	font-size: inherit;
	margin-top: 0;
	margin-bottom: 2px;
}

.ff-compact .ff-i-range-markers {
	margin-top: 15px;
}

.ff-compact .ff-i-range-options {
	margin-top: 15px;
}