.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-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;
	}
}

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

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

.fluentform .ff-el-input--label {
	display: inline-block;
	margin-bottom: 5px;
	position: relative;
}

.fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after {
	color: var(--fluentform-danger);
	content: " *";
	margin-left: 3px;
}

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

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

.fluentform input[type=checkbox] {
	-webkit-appearance: checkbox;
}

.fluentform input[type=radio] {
	-webkit-appearance: radio;
}

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

.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;
	}
}