.forminator-ui[data-design=none] .forminator-pagination-steps {
	counter-reset: pagination-steps;
	margin-bottom: 30px;
}

@media (min-width: 783px) {
	.forminator-ui[data-design=none] .forminator-pagination-steps {
		display: flex;
		align-items: center;
	}
	
	.forminator-ui[data-design=none] .forminator-pagination-steps .forminator-break {
		width: auto;
		min-width: 20px;
		height: 1px;
		flex: 1;
		margin: 0 15px;
	}
	
	.forminator-ui[data-design=none] .forminator-pagination-steps .forminator-step {
		height: auto;
		flex: 0 1 auto;
	}
}

.forminator-ui[data-design=none] .forminator-break {
	width: 1px;
	height: 20px;
	margin: 0 11px;
}

.forminator-ui[data-design=none] .forminator-step {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: flex-end;
}

.forminator-ui[data-design=none] .forminator-step.forminator-current~.forminator-step .forminator-step-label {
	color: var(--theme-text-color);
}

.forminator-ui[data-design=none] .forminator-step.forminator-current~.forminator-step .forminator-step-dot {
	color: var(--theme-text-color);
	background: var(--theme-form-field-border-initial-color);
}

.forminator-ui[data-design=none] .forminator-step-label {
	flex: 1;
	display: block;
	font-size: 13px;
	font-weight: 500;
	color: var(--theme-palette-color-1);
}

.forminator-ui[data-design=none] .forminator-step-dot {
	width: 22px;
	height: 22px;
	margin-right: 8px;
	border-radius: 100%;
	font-size: 12px;
	font-weight: 500;
	color: #fff;
	background: var(--theme-palette-color-1);
}

.forminator-ui[data-design=none] .forminator-step-dot:before {
	display: block;
	content: counter(pagination-steps);
	counter-increment: pagination-steps;
	line-height: 22px;
	text-align: center;
}

.forminator-ui[data-design=none] .forminator-break {
	background: var(--theme-form-field-border-initial-color);
}

.forminator-ui[data-design=none] .forminator-break:first-child, .forminator-ui[data-design=none] .forminator-break:last-child {
	display: none;
}

.forminator-ui[data-design=none] .forminator-pagination-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 30px;
}

.forminator-ui[data-design=none] .forminator-response-message {
	font-size: 15px;
	background: #fff;
	margin-bottom: 30px;
	padding: 10px 20px 10px 22px;
	box-shadow: inset 4px 0 0 0 var(--messageIndicator), 0px 5px 15px rgba(0, 0, 0, .05);
}

.forminator-ui[data-design=none] .forminator-response-message p {
	--theme-content-spacing: 10px;
}

.forminator-ui[data-design=none] .forminator-response-message[aria-hidden=true] {
	display: none;
}

.forminator-ui[data-design=none] .forminator-response-message.forminator-success {
	--messageIndicator: var(--theme-palette-color-1);
}

.forminator-ui[data-design=none] .forminator-response-message.forminator-error {
	--messageIndicator: #e04562;
}

.forminator-ui[data-design=none] .forminator-response-message.forminator-accessible {
	display: none;
}

.forminator-ui[data-design=none] .forminator-error-message {
	display: block;
	margin-top: 5px;
	padding: 5px 10px;
	border-radius: 2px;
	font-size: 12px;
	font-weight: 500;
	color: #e04562;
	background-color: #f9e4e8;
}

.forminator-calendar {
	font-size: 15px;
	padding: 25px;
	background-color: #fff;
	box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, .1);
}

.forminator-calendar .ui-datepicker-header {
	position: relative;
	display: block;
	margin-bottom: 20px;
}

.forminator-calendar .ui-datepicker-header .ui-corner-all {
	position: absolute;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	cursor: pointer;
	color: #fff;
	background-color: var(--theme-palette-color-1);
}

.forminator-calendar .ui-datepicker-header .ui-corner-all.ui-datepicker-prev:before {
	content: "❮";
}

.forminator-calendar .ui-datepicker-header .ui-corner-all.ui-datepicker-next {
	right: 0;
}

.forminator-calendar .ui-datepicker-header .ui-corner-all.ui-datepicker-next:before {
	content: "❯";
}

.forminator-calendar .ui-datepicker-header .ui-corner-all .ui-icon {
	display: none;
}

.forminator-calendar .ui-datepicker-header .ui-datepicker-title {
	display: flex;
	justify-content: space-between;
	padding: 0 55px;
}

.forminator-calendar .ui-datepicker-header .ui-datepicker-title select {
	max-width: 47%;
	font-size: 15px;
}

.forminator-calendar .ui-datepicker-calendar th, .forminator-calendar .ui-datepicker-calendar td {
	text-align: center;
}

.forminator-calendar .ui-datepicker-today, .forminator-calendar .ui-datepicker-current-day {
	background-color: var(--theme-palette-color-1);
}

.forminator-calendar .ui-datepicker-today a, .forminator-calendar .ui-datepicker-current-day a {
	color: #fff;
	font-weight: bold;
}

.forminator-ui[data-design=none]:not(.forminator-size--small) .forminator-timepicker .forminator-row {
	align-items: flex-end;
}

.forminator-ui[data-design=none] .forminator-label {
	display: block;
	font-weight: 500;
}

.forminator-ui[data-design=none] .forminator-label .forminator-required {
	color: #e04562;
}

.forminator-ui[data-design=none] .forminator-hidden {
	display: none !important;
}

.forminator-ui[data-design=none] .forminator-description {
	display: flex;
	font-size: 12px;
}

.forminator-ui[data-design=none] .forminator-description span {
	text-align: right;
	margin-left: auto;
}

.forminator-ui[data-design=none] .forminator-radio, .forminator-ui[data-design=none] .forminator-checkbox, .forminator-ui[data-design=none] .forminator-checkbox__wrapper {
	display: flex;
	--top: 4px;
}

.forminator-ui[data-design=none] .forminator-input-with-icon {
	position: relative;
}

.forminator-ui[data-design=none] .forminator-input-with-icon [class*=forminator-icon-] {
	display: block;
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
}

.forminator-ui[data-design=none] .forminator-input-with-icon .forminator-input {
	padding-left: 35px;
}