.fpf-clear:before, .fpf-clear:after {
	content: " ";
	display: table;
}

.fpf-clear:after {
	clear: both;
}

.fpf-fields {
	display: block;
	clear: both;
	margin: 1em 0;
}

.fpf-totals dl {
	margin-bottom: 1em;
	overflow: hidden;
}

.fpf-totals dl:empty {
	display: none;
}

.fpf-totals dt {
	clear: left;
	float: left;
	width: 50%;
}

.fpf-totals dd {
	float: left;
}

.fpf-fields span.optional {
	display: none;
}

.fpf-field-tooltip {
	cursor: help;
}

.fpf-field-tooltip-icon:before {
	content: "";
	font-family: "fpf-icomoon" !important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.fpf-radio-images .woocommerce-input-wrapper, .fpf-radio-colors .woocommerce-input-wrapper {
	display: flex;
	flex-wrap: wrap;
	margin: -10px;
}

.fpf-radio-images input[type="radio"], .fpf-radio-colors input[type="radio"] {
	display: none;
}

.fpf-radio-images input[type="radio"]+label, .fpf-radio-colors input[type="radio"]+label {
	width: 100px;
	margin: 10px;
	cursor: pointer;
}

.fpf-radio-images input[type="radio"]+label img, .fpf-radio-colors input[type="radio"]+label .fpf-radio-preview {
	display: block;
	width: 100%;
	border: 2px solid rgba(255, 255, 255, 0);
	pointer-events: none;
}

.fpf-radio-images input[type="radio"]+label img {
	height: auto;
}

.fpf-radio-colors input[type="radio"]+label .fpf-radio-preview {
	height: 0;
	padding-bottom: calc(100% - 4px);
}

.fpf-radio-images input[type="radio"]:checked+label img, .fpf-radio-colors input[type="radio"]:checked+label .fpf-radio-preview {
	border-color: #000;
}

.fpf-fields-config-wrapper {
	margin-bottom: 1rem;
}

.fpf-field.fpf-image img {
	max-width: 100%;
	height: auto;
}

@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}
	
	to {
		transform: rotate(1turn);
	}
}

.icon-align-left:before {
	content: "" !important;
}

.icon-align-left:before, .icon-at-email:before {
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: fpf-icomoon !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	text-transform: none;
}

.icon-at-email:before {
	content: "" !important;
}

.icon-bookmark:before {
	content: "" !important;
}

.icon-bookmark:before, .icon-brush:before {
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: fpf-icomoon !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	text-transform: none;
}

.icon-brush:before {
	content: "" !important;
}

.icon-calendar-alt:before {
	content: "" !important;
}

.icon-calendar-alt:before, .icon-caret-down:before {
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: fpf-icomoon !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	text-transform: none;
}

.icon-caret-down:before {
	content: "" !important;
}

.icon-caret-left:before {
	content: "" !important;
}

.icon-caret-left:before, .icon-caret-right:before {
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: fpf-icomoon !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	text-transform: none;
}

.icon-caret-right:before {
	content: "" !important;
}

.icon-caret-up:before {
	content: "" !important;
}

.icon-caret-up:before, .icon-check:before {
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: fpf-icomoon !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	text-transform: none;
}

.icon-check:before {
	content: "" !important;
}

.icon-check-double:before {
	content: "" !important;
}

.icon-check-double:before, .icon-check-square:before {
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: fpf-icomoon !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	text-transform: none;
}

.icon-check-square:before {
	content: "" !important;
}

.icon-check-square-multi:before {
	content: "" !important;
}

.icon-check-square-multi:before, .icon-clock:before {
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: fpf-icomoon !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	text-transform: none;
}

.icon-clock:before {
	content: "" !important;
}

.icon-code:before {
	content: "" !important;
}

.icon-code:before, .icon-cog:before {
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: fpf-icomoon !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	text-transform: none;
}

.icon-cog:before {
	content: "" !important;
}

.icon-cogs:before {
	content: "" !important;
}

.icon-cogs:before, .icon-digits:before {
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: fpf-icomoon !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	text-transform: none;
}

.icon-digits:before {
	content: "" !important;
}

.icon-dollar-sign:before {
	content: "" !important;
}

.icon-dollar-sign:before, .icon-ellipsis-v:before {
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: fpf-icomoon !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	text-transform: none;
}

.icon-ellipsis-v:before {
	content: "" !important;
}

.icon-exchange-alt:before {
	content: "" !important;
}

.icon-exchange-alt:before, .icon-exclamation-triangle:before {
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: fpf-icomoon !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	text-transform: none;
}

.icon-exclamation-triangle:before {
	content: "" !important;
}

.icon-eye:before {
	content: "" !important;
}

.icon-eye:before, .icon-font:before {
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: fpf-icomoon !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	text-transform: none;
}

.icon-font:before {
	content: "" !important;
}

.icon-heading:before {
	content: "" !important;
}

.icon-heading:before, .icon-heart:before {
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: fpf-icomoon !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	text-transform: none;
}

.icon-heart:before {
	content: "" !important;
}

.icon-image:before {
	content: "" !important;
}

.icon-image:before, .icon-images:before {
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: fpf-icomoon !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	text-transform: none;
}

.icon-images:before {
	content: "" !important;
}

.icon-link:before {
	content: "" !important;
}

.icon-link:before, .icon-list-ul:before {
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: fpf-icomoon !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	text-transform: none;
}

.icon-list-ul:before {
	content: "" !important;
}

.icon-long-arrow-alt-down:before {
	content: "" !important;
}

.icon-long-arrow-alt-down:before, .icon-long-arrow-alt-left:before {
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: fpf-icomoon !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	text-transform: none;
}

.icon-long-arrow-alt-left:before {
	content: "" !important;
}

.icon-long-arrow-alt-right:before {
	content: "" !important;
}

.icon-long-arrow-alt-right:before, .icon-long-arrow-alt-up:before {
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: fpf-icomoon !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	text-transform: none;
}

.icon-long-arrow-alt-up:before {
	content: "" !important;
}

.icon-magic:before {
	content: "" !important;
}

.icon-magic:before, .icon-paint-brush:before {
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: fpf-icomoon !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	text-transform: none;
}

.icon-paint-brush:before {
	content: "" !important;
}

.icon-palette:before {
	content: "" !important;
}

.icon-palette:before, .icon-paragraph:before {
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: fpf-icomoon !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	text-transform: none;
}

.icon-paragraph:before {
	content: "" !important;
}

.icon-plugin-symbol:before {
	content: "" !important;
}

.icon-plugin-symbol:before, .icon-plus:before {
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: fpf-icomoon !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	text-transform: none;
}

.icon-plus:before {
	content: "" !important;
}

.icon-question-circle:before {
	content: "" !important;
}

.icon-question-circle:before, .icon-spinner:before {
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: fpf-icomoon !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	text-transform: none;
}

.icon-spinner:before {
	content: "" !important;
}

.icon-star:before {
	content: "" !important;
}

.icon-star:before, .icon-tasks:before {
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: fpf-icomoon !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	text-transform: none;
}

.icon-tasks:before {
	content: "" !important;
}

.icon-tasks-alt:before {
	content: "" !important;
}

.icon-tasks-alt:before, .icon-times:before {
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: fpf-icomoon !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	text-transform: none;
}

.icon-times:before {
	content: "" !important;
}

.icon-trash-alt:before {
	content: "" !important;
}

.icon-trash-alt:before, .icon-upload:before {
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: fpf-icomoon !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	text-transform: none;
}

.icon-upload:before {
	content: "" !important;
}

.picker_wrapper.popup {
	background-color: #fff !important;
	border: 1px solid #e2e4e7 !important;
	bottom: auto !important;
	box-shadow: none !important;
	left: 0 !important;
	margin: 0 !important;
	right: auto !important;
	top: 0 !important;
}

.picker_wrapper.popup .picker_arrow, .picker_wrapper.popup .picker_done {
	display: none !important;
}

.fpf-colorpicker {
	align-items: center;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 2px 3px hsla(0, 0%, 4%, .1), 0 0 0 1px hsla(0, 0%, 4%, .1);
	display: flex;
	left: 0;
	margin-top: 4px;
	opacity: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
	z-index: 100;
}

.fpf-colorpicker.fpf-colorpicker-open {
	opacity: 1;
	visibility: visible;
}

.fpf-colorpicker .fpf-colorpicker-select {
	flex: 1;
	margin: 10px;
	width: 100px;
}

.fpf-field.fpf-time {
	position: relative;
}