.fluentform * {
	box-sizing: border-box;
}

.fluentform .clearfix:after, .fluentform .clearfix:before, .fluentform .ff-el-group:after, .fluentform .ff-el-group:before, .fluentform .ff-el-repeat .ff-el-input--content:after, .fluentform .ff-el-repeat .ff-el-input--content:before, .fluentform .ff-step-body:after, .fluentform .ff-step-body:before {
	content: " ";
	display: table;
}

.fluentform .clearfix:after, .fluentform .ff-el-group:after, .fluentform .ff-el-repeat .ff-el-input--content:after, .fluentform .ff-step-body:after {
	clear: both;
}

@media (min-width:768px) {
	.frm-fluent-form .ff-t-container {
		display: flex;
		gap: 15px;
		width: 100%;
	}
	
	.frm-fluent-form .ff-name-address-wrapper .ff-t-cell, .frm-fluent-form .ff-name-field-wrapper .ff-t-cell {
		justify-content: flex-end;
	}
	
	.frm-fluent-form .ff-t-cell {
		display: flex;
		flex-direction: column;
		vertical-align: inherit;
		width: 100%;
	}
	
	.frm-fluent-form .ff-t-cell:first-of-type {
		padding-left: 0;
	}
	
	.frm-fluent-form .ff-t-cell:last-of-type {
		flex-grow: 1;
		padding-right: 0;
	}
	
	.frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom {
		align-items: flex-end;
		display: flex;
		margin: auto 0 0;
	}
	
	.frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom button {
		margin-bottom: 20px;
	}
}

@media (max-width:768px) {
	.ff-t-cell {
		margin-left: 0 !important;
	}
}

.fluentform .ff-el-group {
	margin-bottom: 20px;
}

.fluentform .ff-el-form-control {
	display: block;
	width: 100%;
}

.fluentform .ff-el-tooltip svg {
	fill: var(--fluentform-primary);
}

.fluentform .ff-step-header--tabs .ff-step-titles li .ff-step-title-text i, .fluentform .ff-step-header--tabs .ff-step-titles li .ff-step-title-text span[class*=dashicons], .fluentform .ff-step-header--tabs .ff-step-titles li .ff-step-title-text svg {
	align-items: center;
	display: inline-flex;
	flex: 0 0 auto;
	justify-content: center;
	line-height: 1;
}

.fluentform .ff-step-header--tabs .ff-step-titles li .ff-step-title-text svg {
	height: 16px;
	width: 16px;
}

.fluentform .ff-step-header--tabs-left .ff-step-titles li .ff-step-title-text i, .fluentform .ff-step-header--tabs-left .ff-step-titles li .ff-step-title-text span[class*=dashicons], .fluentform .ff-step-header--tabs-left .ff-step-titles li .ff-step-title-text svg {
	align-items: center;
	display: inline-flex;
	flex: 0 0 auto;
	justify-content: center;
	line-height: 1;
}

.fluentform .ff-step-header--tabs-left .ff-step-titles li .ff-step-title-text svg {
	height: 16px;
	width: 16px;
}

.fluentform input[type=checkbox], .fluentform input[type=radio] {
	display: inline-block;
	margin: 0;
}

.fluentform textarea {
	max-width: 100%;
}

.fluentform .ff-text-left {
	text-align: left;
}

.fluentform .ff-el-form-control:focus~.ff-el-help-message {
	display: block !important;
}

.fluentform .ff-el-form-control::-moz-placeholder {
	color: #868e96;
	opacity: 1;
}

.fluentform .ff-el-form-control::placeholder {
	color: #868e96;
	opacity: 1;
}

.fluentform .ff-el-form-control:disabled, .fluentform .ff-el-form-control[readonly]:not(.flatpickr-input) {
	background-color: #e9ecef;
	opacity: 1;
}

.ff-errors-in-stack {
	display: none;
	margin-top: 15px;
}

@keyframes skeleton-loading {
	0% {
		background-color: #e3e6e8;
	}
	
	to {
		background-color: #f0f3f5;
	}
}

@keyframes ff-progress-anim {
	0% {
		width: 0;
	}
	
	5% {
		width: 0;
	}
	
	10% {
		width: 15%;
	}
	
	30% {
		width: 40%;
	}
	
	50% {
		width: 55%;
	}
	
	80% {
		width: 100%;
	}
	
	95% {
		width: 100%;
	}
	
	to {
		width: 0;
	}
}