FM / css

/home/techb158/primomovers.ca/wp-content/plugins/everest-forms/assets/css/

/home/techb158/primomovers.ca/wp-content/plugins/everest-forms/assets/css

Name	Size	Mode	Actions
bourbon/	-	0755	rm
code-mirror/	-	0755	rm
components/	-	0755	rm
jquery-confirm/	-	0755	rm
jquery-ui/	-	0755	rm
mixins/	-	0755	rm
perfect-scrollbar/	-	0755	rm
utility/	-	0755	rm
variables/	-	0755	rm
activation-rtl.css	4425	0644	edit dl rm
activation.css	4431	0644	edit dl rm
activation.css.map	2194	0644	edit dl rm
activation.scss	3663	0644	edit dl rm
admin-rtl.css	816557	0644	edit dl rm
admin.css	816437	0644	edit dl rm
admin.css.map	49731	0644	edit dl rm
admin.scss	269742	0644	edit dl rm
customize-admin-rtl.css	496	0644	edit dl rm
customize-admin.css	496	0644	edit dl rm
customize-admin.scss	825	0644	edit dl rm
customize-controls-rtl.css	50031	0644	edit dl rm
customize-controls.css	50033	0644	edit dl rm
customize-controls.scss	34193	0644	edit dl rm
deactivation-feedback-rtl.css	3565	0644	edit dl rm
deactivation-feedback.css	3564	0644	edit dl rm
deactivation-feedback.scss	2521	0644	edit dl rm
everest-forms-default-frontend-rtl.css	2036	0644	edit dl rm
everest-forms-default-frontend.css	2036	0644	edit dl rm
everest-forms-default-frontend.scss	1197	0644	edit dl rm
everest-forms-rtl.css	99025	0644	edit dl rm
everest-forms.css	99014	0644	edit dl rm
everest-forms.css.map	4235	0644	edit dl rm
everest-forms.scss	40882	0644	edit dl rm
evf-form-preview-rtl.css	24632	0644	edit dl rm
evf-form-preview.css	24631	0644	edit dl rm
evf-form-preview.scss	16233	0644	edit dl rm
evf-locked-fields-rtl.css	4281	0644	edit dl rm
evf-locked-fields.css	4279	0644	edit dl rm
evf-locked-fields.scss	6246	0644	edit dl rm
flatpickr-rtl.css	13670	0644	edit dl rm
flatpickr.css	15581	0644	edit dl rm
flatpickr.css.map	17969	0644	edit dl rm
flatpickr.scss	18021	0644	edit dl rm
intlTelInput-rtl.css	40522	0644	edit dl rm
intlTelInput.css	40520	0644	edit dl rm
intlTelInput.scss	10287	0644	edit dl rm
menu-rtl.css	21720	0644	edit dl rm
menu.css	21716	0644	edit dl rm
menu.css.map	7104	0644	edit dl rm
menu.scss	22504	0644	edit dl rm
select2-rtl.css	14627	0644	edit dl rm
select2.css	14551	0644	edit dl rm
select2.css.map	13282	0644	edit dl rm
select2.scss	16536	0644	edit dl rm
_animation.scss	261	0644	edit dl rm
_backbone.scss	1994	0644	edit dl rm
_clearings.scss	286	0644	edit dl rm
_colors.scss	248	0644	edit dl rm
_confirm.scss	3033	0644	edit dl rm
_containers.scss	1130	0644	edit dl rm
_fonts.scss	739	0644	edit dl rm
_grid.scss	193	0644	edit dl rm
_sprite.scss	20641	0644	edit dl rm
_variables.scss	336	0644	edit dl rm

Edit: /home/techb158/primomovers.ca/wp-content/plugins/everest-forms/assets/css/admin.scss (269742B)

/**
 * admin.scss
 * General EverestForms admin styles.
 */

/**
 * Import
 */
@import 'variables/variables';
@import 'mixins/mixins';
@import 'fonts';
@import 'animation';
@import 'clearings';
@import 'confirm';

// Components
@import 'components/badge', 'components/forms', 'components/buttons',
	'components/card', 'components/table', 'components/entries-views',
	'components/toast', 'components/accordion', 'components/evf-header-skeleton',
	'components/evf-pro-upsell';

@import 'colors';
@import 'containers';
@import 'grid';

//Utilities
@import 'utility/display', 'utility/spacing', 'utility/border';

//Everest-forms icon
@font-face {
	font-family: 'EverestForms';
	src: url('../fonts/EverestForms.eot?5c6kq4');
	src:
		url('../fonts/EverestForms.eot?5c6kq4#iefix') format('embedded-opentype'),
		url('../fonts/EverestForms.ttf?5c6kq4') format('truetype'),
		url('../fonts/EverestForms.woff?5c6kq4') format('woff'),
		url('../fonts/EverestForms.svg?5c6kq4#EverestForms') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

body[class*='everest-forms_page_'] {
	background: #f4f4f4 !important;
	overflow-x: hidden;

// Subscription plan expiry picker (inline under the date input).
	.evf-subscription-expiry-picker-anchor {
		position: relative;
		overflow: visible;
	}

.flatpickr-calendar.evf-subscription-expiry-calendar {
		z-index: 1000001 !important;
		width: 312px !important;
		margin-top: 4px;
		padding-top: 8px;
		box-sizing: border-box;
		overflow: visible;

&::before,
		&::after {
			display: none !important;
		}

.flatpickr-months {
			display: flex;
			align-items: center;
			justify-content: center;
			position: relative;
			height: auto;
			min-height: 52px;
			padding: 8px 12px;
			box-sizing: border-box;
			overflow: visible;
		}

.flatpickr-months .flatpickr-prev-month,
		.flatpickr-months .flatpickr-next-month {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			height: 32px;
			width: 32px;
			padding: 8px;
			display: flex;
			align-items: center;
			justify-content: center;
			box-sizing: border-box;
			z-index: 2;
		}

.flatpickr-months .flatpickr-prev-month {
			left: 8px;
		}

.flatpickr-months .flatpickr-next-month {
			right: 8px;
		}

.flatpickr-months .flatpickr-month {
			flex: 1 1 auto;
			width: 100%;
			max-width: 100%;
			overflow: visible !important;
			height: auto;
			min-height: 36px;
			// Keep month/year clear of ‹ › arrows (they are position:absolute).
			padding: 0 36px;
			box-sizing: border-box;
			display: flex;
			align-items: center;
			justify-content: center;
		}

// Past / before-min (disabled, no trial tooltip).
		.flatpickr-day.flatpickr-disabled:not(.prevMonthDay):not(.nextMonthDay):not(
				.evf-expiry-trial-blocked
			) {
			cursor: not-allowed !important;
			opacity: 1 !important;
			color: #a7aaad !important;
			border-color: transparent !important;
			font-weight: 400;
		}

// Trial window only.
		.flatpickr-day.evf-expiry-trial-blocked,
		.flatpickr-day.evf-expiry-trial-blocked.flatpickr-disabled {
			cursor: not-allowed !important;
			opacity: 1 !important;
			color: #8c8f94 !important;
			border-color: transparent !important;
			font-weight: 400;
		}

.flatpickr-day.evf-expiry-trial-blocked:hover {
			color: #8c8f94 !important;
			background: #e2e4e7 !important;
			cursor: not-allowed !important;
		}

// Selectable dates in the current month read darker for contrast.
		.flatpickr-day:not(.flatpickr-disabled):not(.prevMonthDay):not(
				.nextMonthDay
			) {
			color: #1d2327;
			font-weight: 500;
		}

.flatpickr-current-month {
			position: static !important;
			width: auto !important;
			max-width: 100%;
			left: auto !important;
			transform: none !important;
			font-size: 14px !important;
			font-weight: 500;
			line-height: 1.4 !important;
			height: auto !important;
			min-height: 0;
			padding: 0 !important;
			margin: 0 !important;
			display: inline-flex !important;
			align-items: center;
			justify-content: center;
			gap: 10px;
			flex-wrap: nowrap;
			text-align: center;

.flatpickr-monthDropdown-months {
				font-size: 14px !important;
				line-height: 1.4 !important;
				height: 32px !important;
				width: 112px;
				min-width: 112px;
				max-width: 112px;
				margin: 0 !important;
				padding: 4px 24px 4px 12px !important;
				border: 1px solid #dcdcde !important;
				border-radius: 4px;
				background: #fff !important;
				box-sizing: border-box;
				appearance: menulist;
				cursor: pointer;
				text-align: left;
				vertical-align: middle;

&:focus,
				&:focus-visible,
				&:active {
					border-color: #6c47e8 !important;
					outline: none;
					box-shadow: 0 0 0 1px #6c47e8;
				}
			}

.numInputWrapper {
				display: inline-flex !important;
				align-items: stretch;
				width: 80px !important;
				min-width: 80px;
				max-width: 80px;
				height: 40px !important;
				flex-shrink: 0;
				border-radius: 4px;
				overflow: visible;
				position: relative;

input.cur-year {
					font-size: 14px !important;
					line-height: 1.4 !important;
					height: 40px !important;
					width: 100% !important;
					min-width: 0;
					padding: 4px 22px 4px 10px !important;
					border: 1px solid #dcdcde !important;
					border-radius: 4px;
					background: #fff !important;
					box-sizing: border-box;
					text-align: left;

&:focus,
					&:focus-visible {
						border-color: #6c47e8 !important;
						outline: none;
						box-shadow: 0 0 0 1px #6c47e8;
					}
				}

span.arrowUp,
				span.arrowDown {
					width: 18px;
					right: 0;
					opacity: 1 !important;
					border-color: #dcdcde;
					box-sizing: border-box;
				}

span.arrowUp {
					border-bottom: 0;
					border-radius: 0 4px 0 0;
				}

span.arrowDown {
					border-radius: 0 0 4px 0;
				}
			}
		}
	}

[class*='jconfirm-everest-forms-'] {
		font-family: -apple-system, BlinkMacSystemFont, Inter, 'Segoe UI', Roboto,
			Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
	}

#wpcontent {
		padding-left: 0;

#wpbody-content {
			#evf-react-header-root,
			.wrap,
			#everest-forms-builder-form,
			#everest-forms-dashboard,
			#evf-templates {
				font-family: -apple-system, BlinkMacSystemFont, Inter, 'Segoe UI',
					Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;

h1,
				h2,
				h3,
				h4,
				h5,
				h6,
				p,
				small,
				label,
				table {
					font-family: -apple-system, BlinkMacSystemFont, Inter, 'Segoe UI',
						Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
				}
			}

.wrap {
				max-width: 100%;
				margin: 24px;
				padding: 24px 28px;
				border-radius: 13px;
				background: #ffffff;
				border: 1px solid #e1e1e1;
			}
		}
	}

#setting-error-bulk_action,
	#message.updated.notice {
		display: none !important;
	}
}

body.everest-forms_page_evf-settings {
	#wpcontent {
		#wpbody-content {
			.wrap {
				padding: 0;
				margin: 0;
				border-radius: 0;
				background: transparent;
				border: 0;
			}
		}
	}
}

#everest-forms-entries-list {
	margin-top: 0;
}

.blockUI.blockOverlay {
	@include loader();
}

// Loader
.evf-loading {
	background: url(../images/icons/loader.svg);
	background-size: 20px 20px;
	display: inline-block;
	visibility: hidden;
	vertical-align: middle;
	opacity: 0.7;
	width: 20px;
	height: 20px;
	margin: 2px 0 0 5px;

&.evf-loading-active {
		visibility: visible;
		-webkit-animation: rotating 1s linear infinite;
		-moz-animation: rotating 1s linear infinite;
		-ms-animation: rotating 1s linear infinite;
		-o-animation: rotating 1s linear infinite;
		animation: rotating 1s linear infinite;
	}
}

//tinymce full-width
.everest_forms_tinymce_class {
	width: 100% !important;
}

/**
	   * Grid Styles
	   **/

.evf-form-row {
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}

// Gutter for all col
.evf-form-col-4,
.evf-form-col-6 {
	position: relative;
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}

.evf_addons_wrap {
	p.refresh {
		margin: 0 0 2em;
	}

.wp-filter {
		display: none;
	}

.plugin-card {
		.name,
		.desc {
			margin-right: 0;
		}

.plugin-card-top {
			padding: 20px;
			min-height: 130px;

.plugin-desc {
				overflow: hidden;
				display: -webkit-box;
				-webkit-box-orient: vertical;
			}

.plugin-icon {
				border: 1px solid #eee;
			}
		}

.plugin-card-bottom {
			.status {
				text-align: left;
				float: left;
				clear: left;
				width: 65%;
				padding-top: 5px;
				width: calc(100% - 180px);

span.status-label {
					color: #666;

&.status-active {
						color: #2a9b39;
					}

&.status-inactive {
						color: #a00;
					}
				}
			}

.action-buttons {
				float: right;
				clear: right;
				max-width: 180px;

&.upgrade-plan {
					margin: 0 auto;
				}
			}
		}
	}

.plugin-card-update-failed {
		.notice-error {
			margin: 0;
			padding: 9px 16px 8px;

.notice-dismiss {
				padding: 17px;
			}
		}
	}

@media screen and (max-width: 782px) {
		.plugin-card {
			.plugin-card-bottom {
				.status {
					padding-top: 9px;
				}

.action-buttons {
					.button.updating-message {
						&::before,
						&::after {
							margin-top: -1px;
						}
					}
				}
			}
		}

.plugin-card-update-failed {
			.notice-error {
				padding: 13px 20px;

.notice-dismiss {
					padding: 21px;
				}
			}
		}
	}
}

.clear {
	clear: both;
}

.wrap.everest-forms div.updated,
.wrap.everest-forms div.error {
	margin-top: 10px;
}

/**
	   * Help Tip Tooltip Icon
	   */
.everest-forms-help-tip {
	cursor: help;
	color: #666;
	display: inline-block;
	font-size: 1.2em;
	font-style: normal;
	height: 16px;
	line-height: 16px;
	position: relative;
	vertical-align: middle;
	width: 16px;

&::after {
		cursor: help;
		@include icon_dashicons('\f223');
	}
}

/**
	   * Notice info
	   */
.everest-forms-notice {
	display: inline-block;
	padding: 5px 15px;
	margin-bottom: 15px;
	border-radius: 4px;
	min-width: 500px;

&::before {
		content: '\f348';
		font-size: 22px;
		vertical-align: middle;
		font-family: dashicons;
		margin-right: 10px;
	}

&.everest-forms-notice-info {
		padding: 10px 14px;
		border: 0;
		border-left: 3px solid #7545bb;
		background: #f6f3fa;
		border-radius: 0;
		color: #383838;
		display: flex;
		align-items: center;
		margin-top: 24px;

&::before {
			// color: $blue;
			color: #7545bb;
			margin-top: 2px;
		}
	}

&.everest-forms-notice-success {
		background: lighten($green, 40%);
		border: 1px solid $green;

&::before {
			color: $green;
		}
	}

&.everest-forms-notice-warning {
		background: lighten($orange, 45%);
		border: 1px solid $orange;

&::before {
			color: $orange;
		}
	}

&.everest-forms-notice-danger {
		background: lighten($red, 30%);
		border: 1px solid $red;

&.everest-forms-notice-danger-text {
			color: $red;
		}

&::before {
			color: $red;
		}
	}
}

.evf-handler-counter {
	display: flex;

.evf-handler-counter__button {
		background: $color_gray-light-skin;
		width: 36px;
		height: 36px;
		display: flex;
		align-items: center;
		justify-content: center;
		border: 1px solid $color_gray-lighten;
		cursor: pointer;

&.evf-handler-counter__button-minus {
			border-radius: 3px 0 0 3px;
		}

&.evf-handler-counter__button-plus {
			border-radius: 0 3px 3px 0;
		}

&.dashicons {
			font-size: 20px;
		}
	}

.evf-handler-counter__input {
		width: 80px;
		border-radius: 0;

&::-webkit-outer-spin-button,
		&::-webkit-inner-spin-button {
			-webkit-appearance: none;
			margin: 0;
		}

&[type='number'] {
			margin: 0;
		}
	}
}

.everest-forms-text-info {
	color: $blue;
}

.everest-forms-text-success {
	color: $green;
}

.everest-forms-text-warming {
	color: $orange;
}

.everest-forms-text-danger {
	color: $red;
}

/**
	   * Help tip
	   */

h2 .everest-forms-help-tip {
	margin-top: -5px;
	margin-left: 0.25em;
}

img.help_tip {
	margin: 0 0 0 9px;
	vertical-align: middle;
}

.postbox img.help_tip {
	margin-top: 0;
}

.postbox .everest-forms-help-tip {
	margin: 0 0 0 9px;
}

/**
	   * Toggle class.
	   */
.everest-forms-show {
	display: block;
}

.everest-forms-hidden {
	display: none;
}

/**
	   * Core Styling
	   */
.everest-forms_page_evf-builder {
	.evf-shortcode-field {
		display: flex;

.widefat {
			width: 100%;
		}

input[type='text'] {
			min-height: 38px;
			font-size: 14px;
			line-height: 20px;
			width: -webkit-fill-available;
			padding: 0 12px;
			border: 1px solid #e1e1e1;
			color: #383838;
			font-weight: 400;
			box-shadow: none;
			margin: 0;
			border-right: 0;
			background: none;
			border-radius: 4px 0 0 4px;
			flex: 1;

&:focus {
				outline: 2px solid transparent;
			}
		}

.evf-copy-shortcode {
			width: 38px;
			box-shadow: none;
			margin: 0;
			margin-left: -5px;
			border-radius: 0 4px 4px 0;
			background: #f4f4f4 !important;
			border-color: #e1e1e1 !important;
			min-height: 36px;
			line-height: 20px;

svg {
				fill: #fff;
				width: 18px;
				height: 18px;
				margin-bottom: 3px;
				vertical-align: middle;
			}
		}
	}
}

body.everest-forms-builder {
	&.everest-forms_page_evf-builder {
		overflow-x: hidden;

#wpcontent {
			padding-left: 0;
		}

#wpfooter {
			position: fixed;
			padding: 11px 20px;
			background: #f1f1f1;
			border-top: 1px solid $color_gray-lighten;
			display: none;
		}
	}

@media screen and (max-width: 782px) {
		&.everest-forms_page_evf-builder {
			.auto-fold {
				#wpcontent {
					padding-left: 0;
				}
			}
		}
	}
}

.everest-forms-builder,
.everest-forms-builder-setup,
.everest-forms_page_evf-settings,
.everest-forms_page_evf-tools {
	.everest-forms {
		margin: 0;
	}

#wpcontent {
		padding-left: 0;
	}
}

/**
	   * Welcome page.
	   */
.dashboard_page_evf-welcome {
	#message {
		&.updated {
			display: none;
		}
	}
}

#everest-forms-welcome {
	max-width: 760px;
	border-radius: 4px;
	margin: 3rem auto;
	background: $color-white;
	border: 1px solid $color_gray-lighten;
	box-shadow: 0 2px 10px transparentize($color_gray-base, 0.9);

a {
		text-decoration: none;

&:focus {
			box-shadow: none;
			outline: none;
		}
	}

p {
		font-size: 1.25em;
		color: $color_gray-base;
	}

.eveverest-forms-welcome-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 1em;
		border-bottom: 1px solid $color_gray-lighten;
	}

.eveverest-forms-welcome-header__logo-wrap {
		display: flex;
		align-items: center;

.eveverest-forms-welcome-header__logo-icon {
			margin-right: 16px;
			padding-right: 16px;
			border-right: 1px solid $color_gray-lighten;

svg {
				display: block;
				fill: $everestforms;
				width: 24px;
				height: 24px;
			}
		}

span {
			font-size: 14px;
			font-weight: 600;
		}
	}

.everest-forms-welcome-container {
		text-align: center;

.everest-forms-welcome-container__header {
			padding: 0 1em;

h2 {
				font-size: 1.75em;
				margin-top: 1.75em;
			}

p {
				margin-bottom: 1.5em;
			}
		}

.everest-forms-welcome-video {
			cursor: pointer;
			display: flex;
			position: relative;
			align-items: center;
			justify-content: center;

.everest-forms-welcome-video__button {
				border: none;
				cursor: pointer;
				font-size: 24px;
				height: 40px;
				width: 54px;
				border-radius: 12px;
				padding: 8px 15px;
				position: absolute;
				color: $color-white;
				opacity: 0;
				visibility: hidden;
				transition: 0.25s ease;
				background: transparentize($color_gray-base, 0.25);

svg {
					height: 24px;
					width: 224px;
				}

&:hover {
					background: $red;
					visibility: visible;
					opacity: 1;
				}
			}

img {
				display: block;
				max-width: 100%;

&:hover {
					& + .everest-forms-welcome-video__button {
						visibility: visible;
						opacity: 1;
					}
				}
			}
		}

.everest-forms-welcome-container__action {
			padding: 0 32px;
			margin: 3rem 0;
			display: flex;
			justify-content: space-between;

.everest-forms-welcome-container__action-card {
				padding: 1em;
				margin: 0 1em;
				width: 100%;
				border-radius: 4px;
				width: calc(50% - 38px);
				border: 1px solid $color_gray-lighten;
				transition: 0.3s ease;

.everest-forms-welcome-container__action-card-img {
					svg {
						height: 64px;
						width: 64px;
					}
				}

.everest-forms-welcome-container__action-card-content {
					h3 {
						font-size: 1.23em;
						margin-bottom: 0.5em;
					}

p {
						margin-top: 0.5em;
					}
				}

&:hover {
					box-shadow: 0 2px 20px 0 transparentize($color_gray-base, 0.85);
				}
			}
		}
	}
}

/**
	   * Branding
	   */
.everest-forms_page_evf-builder,
.everest-forms_page_evf-settings,
.everest-forms_page_evf-entries,
.everest-forms_page_evf-tools {
	select {
		max-width: inherit;
	}

.clearfix {
		margin: 0px;
	}

// Toggle switch.
	.everest-forms-toggle-form {
		width: 31px;
		height: 16px;
		float: left;
		margin-top: 3px;
		margin-right: 4px;
		position: relative;

input[type='checkbox'] {
			position: absolute;
			top: 0;
			bottom: 0;
			width: 100%;
			opacity: 0;
			z-index: 1;

&:checked {
				+ .slider {
					// background: $evf_primary-color;
					background: #4cc741;

&::before {
						transform: translateX(100%);
					}
				}
			}
		}

.slider {
			cursor: pointer;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			transition: 0.4s;
			background: #cdd0d2;

&::before {
				content: '';
				width: 12px;
				height: 12px;
				position: absolute;
				left: 4px;
				bottom: 2px;
				transition: 0.4s;
				background: $color-white;
			}

&.round {
				border-radius: 16px;

&::before {
					border-radius: 50%;
				}
			}
		}
	}

.evf-toggle-section {
		display: inline-block;

.evf-toggle-switch {
			display: inline-flex;
			position: relative;
			line-height: 1;
			margin-bottom: 0;
			position: relative;

input {
				top: 0;
				left: 0;
				margin: 0;
				z-index: 1;
				opacity: 0;
				padding: 0;
				width: 100%;
				height: 100%;
				border: none;
				position: absolute;

&:checked {
					+ .evf-toggle-switch-wrap {
						background: #11a0d2;
						border: 9px solid transparent;

&::before {
							content: '';
							height: 6px;
							width: 2px;
							background: #fff;
							position: absolute;
							left: 0;
							top: 0;
							transform: translateY(-50%);
						}

&::after {
							border: 2px solid transparent;
						}
					}

~ .evf-toggle-switch-control {
						background: #fff;
						border-width: 0;
						transform: translateX(18px) translateY(-50%);
					}

&::before {
						display: none;
					}
				}

&:focus {
					+ .evf-toggle-switch-wrap {
						box-shadow:
							0 0 0 2px #fff,
							0 0 0 3px #6c7781;
					}
				}
			}

.evf-toggle-switch-wrap {
				width: 36px;
				height: 18px;
				display: inline-flex;
				background: #fff;
				border: 2px solid #6c7781;
				border-radius: 9px;
				transition: 0.2s background ease;
				position: relative;
				align-items: center;
				justify-content: flex-end;

&::after {
					content: '';
					width: 4px;
					height: 4px;
					margin-right: 2px;
					border-radius: 50%;
					display: inline-block;
					border: 2px solid $color_gray-normal;
				}
			}

.evf-toggle-switch-control {
				display: block;
				position: absolute;
				top: 50%;
				left: 4px;
				width: 10px;
				height: 10px;
				border-radius: 50%;
				transition: 0.1s transform ease;
				background: #6c7781;
				border: 5px solid #6c7781;
				transform: translateY(-50%);
			}
		}

label.evf-toggle-label {
			display: inline-block;
			margin-bottom: 0;
			margin-left: 4px;
		}
	}

.everest-forms-disabled {
		opacity: 0.5;
		pointer-events: none;
	}

// Radio and checkbox list option
	.everest-forms-checklist {
		margin-bottom: 14px;

ul {
			margin-bottom: 0;

label {
				font-weight: normal;
				margin-bottom: 0;
				margin-top: 0;
			}
		}

&.everest-forms-checklist-inline {
			ul {
				display: flex;
				flex-wrap: wrap;

li {
					margin-right: 10px;
					margin-bottom: 0;
				}
			}
		}
	}

.everest-forms-label-edit {
		display: flex;
		justify-content: space-between;

.dashicons {
			color: $color_gray-light;
			height: 24px;
			width: 24px;
			cursor: pointer;
			flex: 0 0 24px;
			margin: 4px;
			border-radius: 3px;
			display: flex;
			align-items: center;
			justify-content: center;
			opacity: 0;
			visibility: hidden;
		}

&:hover,
		&:active,
		&:focus,
		&:focus-within {
			.dashicons {
				visibility: visible;
				opacity: 1;
			}
		}

input {
			margin-right: 6px;
		}
	}

.everest-forms {
		.loading-dot {
			background: url(../images/icons/three-dots.svg);
			opacity: 0.7;
			width: 25px;
			height: 10px;
			display: inline-block;
			vertical-align: middle;
			background-size: 25px 10px;
		}

.everest-forms-overlay {
			width: 100%;
			z-index: 99999;
			overflow: hidden;
			background: #f1f1f1;
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			height: 100vh;

.everest-forms-overlay-content {
				position: absolute;
				top: 50%;
				left: 0;
				right: 0;
				width: 128px;
				height: 128px;
				margin: 0 auto;
				transform: translateY(-50%);

span.loading {
					display: block;
					font-size: 20px;
					text-align: center;
					letter-spacing: 0.05em;
				}
			}
		}

nav.evf-nav-tab-wrapper {
			padding: 0;
			border: none;
			display: flex;
			// align-items: center;
			margin: 0;
			//  margin: 0 0 1.5em;
			position: relative;
			border-bottom: none;
			background: #fff;

a.nav-tab {
				// Builder nav
				position: relative;
				z-index: 1;
				color: #383838;
				margin-left: 0;
				margin-bottom: 0;
				margin-top: 0;
				gap: 6px;
				display: flex;
				cursor: pointer;
				vertical-align: center;
				align-items: center;
				font-size: 14px;
				line-height: 24px;
				font-weight: 500;
				font-family: inherit;
				// padding: 0 12px;
				align-items: center;
				padding: 8px 16px;
				border-radius: 4px;
				border: none transparent;
				// max-height: 38px !important;
				// transition: 0.3s background ease-in-out;
				background: none;

&:hover,
				&.nav-tab-active {
					background: #f6f3fa;
					color: #7545bb;

.evf-nav-icon {
						&.fields,
						&.settings,
						&.integrations,
						&.payments {
							&::before {
								filter: brightness(0) saturate(100%) invert(26%) sepia(77%)
									saturate(1950%) hue-rotate(249deg) brightness(84%)
									contrast(81%);
							}
						}
					}
				}

&:hover {
					background: none;
				}

span {
					&.evf-nav-icon {
						float: none;
						width: auto;
						height: auto;
						display: flex;
						font-size: 17px;
						text-align: center;
						// display: none;

&::before {
							@include iconbefore('\e001');
							margin-right: 0;
						}

&.general::before {
							content: '\e001';
						}

&.settings::before {
							background-repeat: no-repeat;
							background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.983 12a3.34 3.34 0 0 1 1.422-2.735 1.34 1.34 0 0 0-1.343-2.303 3.34 3.34 0 0 1-4.728-2.738 1.343 1.343 0 0 0-1.333-1.207 1.34 1.34 0 0 0-1.334 1.213 1 1 0 0 1-.015.099 3.34 3.34 0 0 1-1.644 2.494 3.34 3.34 0 0 1-3.08.135A1.34 1.34 0 0 0 4.604 9.27a3.34 3.34 0 0 1 1.037 4.269 3.34 3.34 0 0 1-1.038 1.187v.001a1.34 1.34 0 0 0 1.334 2.31 3.34 3.34 0 0 1 4.729 2.73 1.34 1.34 0 0 0 2.669 0 3.34 3.34 0 0 1 4.727-2.73l.116.046a1.342 1.342 0 0 0 1.749-1.55 1.34 1.34 0 0 0-.53-.806A3.34 3.34 0 0 1 17.983 12m2 0a1.34 1.34 0 0 0 .445.996l.126.1.008.006a3.34 3.34 0 0 1-3.326 5.756l-.01-.004a1.34 1.34 0 0 0-1.9 1.097v.007a3.34 3.34 0 0 1-6.65 0l-.001-.007a1.34 1.34 0 0 0-1.9-1.097l-.01.004a3.34 3.34 0 0 1-3.326-5.756l.008-.005a1.34 1.34 0 0 0 0-2.195l-.009-.006a3.34 3.34 0 0 1 3.037-5.87l.288.114.01.004a1.34 1.34 0 0 0 1.9-1.096 1 1 0 0 1 .018-.122 3.338 3.338 0 0 1 6.591-.192l.044.308v.006a1.34 1.34 0 0 0 1.9 1.096l.01-.003a3.34 3.34 0 0 1 3.325 5.756l-.007.005a1.34 1.34 0 0 0-.57 1.098'/%3E%3Cpath d='M14 12a2 2 0 1 0-4 0 2 2 0 0 0 4 0m2 0a4 4 0 1 1-8 0 4 4 0 0 1 8 0'/%3E%3C/svg%3E");
						}

&.recaptcha::before {
							content: '\e003';
						}

&.email::before {
							content: '\e006';
						}

&.validation::before {
							content: '\e910';
						}

&.pdf-submission::before {
							content: '\e023';
						}

&.fields,
						&.settings,
						&.integrations,
						&.payments {
							&::before {
								width: 18px;
								height: 18px;
								filter: brightness(0) saturate(100%) invert(22%);
							}
						}

&.fields::before {
							background-repeat: no-repeat;
							background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.1 5.066c0-.015-.006-.047-.05-.087a.34.34 0 0 0-.227-.079H3.177a.34.34 0 0 0-.228.08c-.043.04-.049.07-.049.086v13.868c0 .015.006.047.05.086.045.042.123.08.227.08h17.646a.34.34 0 0 0 .228-.08c.043-.04.049-.07.049-.086zm1.8 13.868c0 1.167-1.015 1.966-2.077 1.966H3.177c-1.062 0-2.077-.8-2.077-1.966V5.066C1.1 3.9 2.115 3.1 3.177 3.1h17.646c1.062 0 2.077.8 2.077 1.966z'/%3E%3Cpath d='M11 8.1a.9.9 0 0 1 0 1.8H9.9v4.2H11a.9.9 0 0 1 0 1.8H7a.9.9 0 0 1 0-1.8h1.1V9.9H7a.9.9 0 0 1 0-1.8z'/%3E%3C/svg%3E");
						}

&.payment,
						&.payments {
							&::before {
								// content: '\e92a';
								background-repeat: no-repeat;
								background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 12a9 9 0 1 0-18 0 9 9 0 0 0 18 0m2 0c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11'/%3E%3Cpath d='M14.625 13.75a.875.875 0 0 0-.875-.875h-3.5a2.625 2.625 0 1 1 0-5.25h5.25a.875.875 0 0 1 0 1.75h-5.25a.875.875 0 1 0 0 1.75h3.5a2.625 2.625 0 1 1 0 5.25H8.5a.875.875 0 0 1 0-1.75h5.25a.875.875 0 0 0 .875-.875'/%3E%3Cpath d='M11.125 17.25V6.75a.875.875 0 0 1 1.75 0v10.5a.875.875 0 0 1-1.75 0'/%3E%3C/svg%3E");
							}
						}

&.integration,
						&.integrations {
							&::before {
								// content: '\e900';
								background-repeat: no-repeat;
								background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 16a1 1 0 1 1 0 2H5a1 1 0 1 1 0-2zm5-10a1 1 0 1 1 0 2h-9a1 1 0 0 1 0-2z'/%3E%3Cpath d='M19 17a2 2 0 1 0-4 0 2 2 0 0 0 4 0m2 0a4 4 0 1 1-8 0 4 4 0 0 1 8 0M9 7a2 2 0 1 0-4 0 2 2 0 0 0 4 0m2 0a4 4 0 1 1-8 0 4 4 0 0 1 8 0'/%3E%3C/svg%3E");
							}
						}

&.logs::before {
							content: '\e02d';
						}

&.import::before {
							content: '\e02e';
						}

&.export::before {
							content: '\e02f';
						}

&.form_migrator::before {
							content: '\e916';
						}

&.payment_log::before {
							content: '\e918';
						}

&.api_logs::before {
							content: '\e919';
						}

&.permission::before {
							content: '\e030';
						}

&.evf-widget::before {
							content: '\e902';
						}

&.geolocation::before {
							content: '\e900';
						}

&.delete::before {
							content: '\e906';
						}

&.misc::before {
							content: '\e911';
						}

&.ai::before {
							content: '\e912';
						}

&.lookup::before {
							content: '\e914';
						}

&.analytics::before {
							content: '\e915';
						}
					}
				}

&:focus {
					outline: none;
					box-shadow: none;
				}
			}
		}

.everest-forms-tools,
		.everest-forms-settings {
			padding-left: 20px;
			padding-right: 20px;

h2 {
				font-size: 20px;
			}

.form-table {
				tr {
					border-bottom: 1px solid $color_gray-lighten;

&:first-child {
						border-top: 1px solid $color_gray-lighten;
					}
				}

th {
					padding-top: 32px;

.everest-forms-help-tip {
						margin: 0;
						transform: translateY(-50%);
					}
				}

td:not(.everest-forms-permissions) {
					padding: 25px 0;
				}

.forminp-radio-image {
					ul {
						margin: 0;
						display: flex;

li {
							margin-right: 30px;

label,
							img {
								display: block;
							}

img {
								margin-bottom: 15px;
								border: 2px solid $color_gray-lighten;
							}
						}
					}
				}
			}
		}
	}
}

/**
	   * Tabs
	   */
.everest-forms-tab {
	ul {
		display: flex;
		flex-wrap: wrap;
		margin: 0;

.everest-forms-tab-nav {
			display: inline-flex;
			margin: 0 8px 0 0;

.everest-forms-tab-nav-link {
				font-weight: 600;
				padding: 16px 8px;
				color: $color_gray-base;
				text-decoration: none;
				border-bottom: 2px solid transparent;
			}

&.active {
				.everest-forms-tab-nav-link {
					color: $everestforms;
					border-color: $everestforms;
				}
			}
		}
	}
}

.everest-forms-setup {
	font-size: 14px;
	max-width: calc(100% - 32px);
	margin: 20px auto;
	background: $color-white;

@media (min-width: 960px) {
		max-width: 835px;
	}

@media (min-width: 1280px) {
		max-width: 1100px;
	}

a {
		&:focus {
			box-shadow: none;
		}
	}

.page-title-action {
		top: 0;
		margin-left: 16px;

&:active {
			top: 0;
			margin-left: 16px;
		}
	}

.everest-forms-setup-header {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		padding: 0 16px;
		background: $color-white;
		border-bottom: 1px solid $color_gray-lighten;

@media only screen and (max-width: 768px) {
			padding-top: 16px;
		}

.everest-forms-logo {
			display: flex;
			flex-wrap: wrap;
			padding-right: 1em;
			border-right: 1px solid $color_gray-lighten;
			margin-right: 1em;
		}

h4 {
			margin: 0;
		}

.everest-forms-tab {
			margin-left: auto;

@media only screen and (max-width: 768px) {
				width: calc(100% + 32px);
				flex: 0 0 calc(100% + 32px);
				margin-top: 16px;
				margin-right: -16px;
				margin-left: -16px;
				border-top: 1px solid $color_gray-lighten;
			}
		}
	}
}

/**
	   * Template Setup
	   **/
.everest-forms {
	border-radius: 4px;

* {
		box-sizing: border-box;
	}

span {
		display: inline-block;
	}

.everest-forms-loader-overlay {
		background: transparentize($color_gray-dark, 0.25);
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 9;

.evf-loading {
			margin: 0 auto;
			position: absolute;
			left: 0;
			right: 0;
			top: 50%;
			transform: translateY(-50%);
		}
	}

.everest-forms-setup-form-name {
		padding: 15px 20px;
		border-bottom: 1px solid $color_gray-lighten;

.everest-forms-setup-name {
			margin-left: 40px;
			padding: 10px;
			height: 35px;
			width: 400px;

&.everest-forms-required {
				border-color: $red;
				box-shadow: 0 0 2px rgba(175, 0, 0, 0.8);
			}
		}
	}

.evf-setup-title {
		width: auto;
		font-size: 24px;
		line-height: 34px;
		font-weight: 600;
		color: $color_gray-dark;
		padding: 15px 20px 10px;

p.desc {
			font-weight: normal;
		}
	}

.evf-setup-templates {
		display: flex;
		flex-wrap: wrap;
		padding: 8px;

.evf-loading {
			margin: 80px auto;
		}

.evf-template {
			.everest-forms-screenshot {
				cursor: pointer;
				padding: 8px;
				margin: 0;
				min-height: auto;
				position: relative;
				border-radius: 4px;
				background: $color_gray-more-lighten;

@media only screen and (min-width: 1280px) {
					min-height: 280px;
				}

.everest-forms-badge {
					position: absolute;
					bottom: 16px;
					right: 16px;
					z-index: 1;
				}

.form-action {
					display: none;
					position: absolute;
					left: 0;
					right: 0;
					top: 50%;
					transform: translateY(-50%);
					z-index: 1;

.everest-forms-btn {
						&.everest-forms-btn-secondary {
							background: $color-white;
						}

&:last-child {
							margin-left: 8px;
						}
					}
				}
			}

img {
				display: block;
				width: 100%;
			}

.everest-forms-form-id-container {
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				justify-content: space-between;
				position: relative;

.everest-forms-template-name {
					font-size: 16px;
					font-weight: 600;
					margin: 16px 0;
					color: $color_gray-base;
					text-decoration: none;

&:hover {
						color: $everestforms;
					}
				}
			}

&:hover {
				.everest-forms-screenshot::after {
					content: '';
					display: block;
					background: transparentize($color_gray-base, 0.5);
					position: absolute;
					top: 0;
					left: 0;
					bottom: 0;
					right: 0;
				}

.form-action {
					display: flex;
					align-items: center;
					justify-content: center;
				}
			}

&:nth-child(even) {
				float: right;
			}

.evf-template-overlay {
				position: absolute;
				background: rgba(0, 0, 0, 0.5);
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				opacity: 0;
				visibility: hidden;
				transition: 0.5s background ease-in-out;
				color: $color-white;
				text-align: center;
				padding: 40% 0;

.evf-template-select {
					text-decoration: none;
				}

&.loading {
					.evf-button,
					.evf-button::before,
					.evf-button::after {
						background: $color-white;
						-webkit-animation: load1 1s infinite ease-in-out;
						animation: load1 1s infinite ease-in-out;
						width: 1em;
						height: 4em;
						padding: 0;
						border-radius: 0;
					}

.evf-button {
						color: $color-white;
						text-indent: -9999em;
						margin: 0 auto;
						position: relative;
						font-size: 11px;
						-webkit-transform: translateZ(0);
						-ms-transform: translateZ(0);
						transform: translateZ(0);
						-webkit-animation-delay: -0.16s;
						animation-delay: -0.16s;
					}

.evf-button::before,
					.evf-button::after {
						position: absolute;
						top: 0;
						content: '';
					}

.evf-button::before {
						left: -1.5em;
						-webkit-animation-delay: -0.32s;
						animation-delay: -0.32s;
					}

.evf-button::after {
						left: 1.5em;
					}

@-webkit-keyframes load1 {
						0%,
						80%,
						100% {
							box-shadow: 0 0;
							height: 4em;
						}

40% {
							box-shadow: 0 -2em;
							height: 5em;
						}
					}

@keyframes load1 {
						0%,
						80%,
						100% {
							box-shadow: 0 0;
							height: 4em;
						}

40% {
							box-shadow: 0 -2em;
							height: 5em;
						}
					}
				}
			}

&:hover .evf-template-overlay,
			.evf-template-overlay.loading {
				opacity: 1;
				visibility: visible;
			}

.evf-button {
				display: inline-block;
				padding: 15px 22px;
				background: $color-white;
				color: #000;
				font-size: 12px;
				text-transform: uppercase;
				border: none;
				border-radius: 100px;
			}
		}
	}
}

/**
	   * Form Setup
	   */
.everest-forms-builder-setup {
	#screen-meta-links {
		display: none;
	}

.jconfirm-everest-forms {
		.jconfirm-box {
			border-radius: 4px !important;

div.jconfirm-title-c {
				padding-bottom: 10px;

.jconfirm-icon-c {
					margin-bottom: 16px !important;

.dashicons {
						color: $color-white;
						font-size: 28px !important;
						height: 54px !important;
						width: 54px !important;
						border-radius: 50%;
						background: $red;
						line-height: 54px;
					}
				}

.jconfirm-title {
					font-size: 22px !important;
					font-weight: 600;
				}
			}

div.jconfirm-content {
				margin-bottom: 0 !important;
			}
		}
	}

.jconfirm-everest-forms-left {
		&.jconfirm-modern {
			.jconfirm-box {
				width: 500px !important;
				padding: 20px 30px 15px;
				border-radius: 4px !important;

.jconfirm-title-c {
					text-align: left;
					font-size: 20px;
					font-weight: 400;
					padding-bottom: 0;
					line-height: 1.8;

.jconfirm-icon-c {
						margin: 0;
					}
				}

.jconfirm-content {
					white-space: initial !important; // to avoid spacing issue on notice while installing addons
					text-align: left;
					margin-bottom: 0;

input[type='text'] {
						margin: 5px 2px 2px;
						padding: 5px 10px;

&:focus {
							border-color: #007cba;
							box-shadow: 0 0 0 1px #007cba;
						}
					}
				}

.jconfirm-buttons {
					text-align: right;

.everest-forms-btn {
						font-weight: 400;
						text-transform: none;
					}
				}
			}
		}
	}

.everest-forms-recommend-addons {
		margin-top: 20px;
		padding-top: 16px;
		border-top: 2px solid $color_gray-more-lighten;

.bulk-action-notice {
			margin: 0 0 20px;

p {
				padding: 0;
				margin: 8px 0 !important;
			}

&.notice-error {
				.button-link {
					text-decoration: none;
					display: flex;
					align-items: center;
					margin-top: 8px;

.toggle-indicator {
						display: inline-flex;
					}
				}

.bulk-action-errors {
					margin-top: 0;
				}
			}
		}

.plugins-list-table {
			border-radius: 4px;

.plugin-status {
				float: right;

span {
					width: 20px;
					height: 20px;
					overflow: hidden;
					border-radius: 50%;
					position: relative;
					vertical-align: top;
					white-space: nowrap;
					text-indent: -9999px;
					display: inline-block;
					border: 2px solid $color_gray-lighten;

&.active,
					&.activate-now {
						&::after {
							position: absolute;
							left: 50%;
							top: 50%;
							opacity: 1;
							width: 34%;
							height: 50%;
							content: '';
							transform-origin: left top;
							border-top: 2px solid $color_gray-lighten;
							border-right: 2px solid $color_gray-lighten;
							transform: scaleX(-1) rotate(135deg) translate(-58%, -40%);
						}
					}

&.activate-now {
						border-color: $color_gray-lighten;

&.updating-message {
							border-color: $color_gray-lighten;
							border-left-color: $green;
						}
					}

&.active {
						border-color: $green;

&::after {
							border-top: 2px solid $green;
							border-right: 2px solid $green;
						}
					}

&.updating-message {
						border-left-color: $green;
						animation: spin 0.75s linear infinite;

&::after {
							content: none;
						}
					}
				}
			}
		}

.everest-forms-template-install-addon {
			margin-top: 20px;
		}
	}

.everest-forms {
		.evf-setup-templates {
			.evf-template {
				width: 100%;
				background: $color-white;
				border-radius: 4px;
				position: relative;
				margin: 12px;

@media (min-width: 400px) {
					width: calc(50% - 24px);
					flex: 0 0 calc(50% - 24px);
				}

@media only screen and (min-width: 768px) {
					width: calc(33.333% - 24px);
					flex: 0 0 calc(33.333% - 24px);
				}

@media (min-width: 960px) {
					width: calc(25% - 24px);
					flex: 0 0 calc(25% - 24px);
				}
			}
		}
	}
}

// Entries page
#evf-dashboard-analytisc-body {
	&::after,
	&::before {
		display: none;
	}
}

p.search-box {
	margin-top: 15px;
}

#evf-dashboard-analytics {
	margin-bottom: 32px;

.evf-container {
		margin-left: 0;
		margin-right: 0;
		max-width: 100%;

#evf-dashboard-analytisc-header {
			margin: 40px 0 !important;
		}
	}
}

#evf-form-analytics {
	margin-left: 2px !important;
	margin-right: 20px !important;

.evf-container {
		max-width: 100% !important;
	}
}

.evf-entries-tab-wrapper {
	background: #fff;
	border-radius: 4px;
	overflow: visible;
}

.evf-entries-tab-header {
	display: flex;
	align-items: center;
	background: #fff;
	min-height: 50px;
	gap: 12px;

.evf-entries-tab-header-title {
		font-size: 22px;
		font-weight: 600;
	}

.evf-entries-form-selector {
		display: flex;
		align-items: center;
		flex: 0 0 auto;
		padding: 8px 0;

label.screen-reader-text {
			clip: rect(1px, 1px, 1px, 1px);
			position: absolute;
			height: 1px;
			width: 1px;
			overflow: hidden;
		}

select#filter-by-form {
			min-width: 200px;
			max-width: 280px;
			height: 36px;
			border: 1px solid #e1e1e1;
			border-radius: 4px;
			padding: 0 10px;
			font-size: 14px;
			color: #383838;
			background: #fff;
			cursor: pointer;
			transition: border-color 0.2s ease;

&:focus {
				border-color: #7545bb;
				box-shadow: none;
				outline: none;
			}
		}

.select2-container {
			min-width: 200px !important;
			max-width: 280px;
			margin: 0 !important;

.select2-selection--single {
				height: 38px;
				border-color: #e1e1e1;
				border-radius: 4px;
				transition: border-color 0.2s ease;

.select2-selection__rendered {
					line-height: 34px;
					padding-left: 10px;
					color: #383838;
				}

.select2-selection__arrow {
					// height: 34px;
				}
			}

&.select2-container--focus,
			&.select2-container--open {
				.select2-selection--single {
					border-color: #7545bb;
					box-shadow: none;
				}
			}
		}
	}

.evf-tab-nav {
		list-style: none;
		display: flex;
		gap: 2px;
		align-items: center;
		background: #f3f4f6;
		border-radius: 5px;
		padding: 4px;
		height: max-content;
		margin-left: auto;

li {
			margin: 0;
			padding: 0;

&::before {
				display: none !important;
			}
		}

&__btn {
			display: flex;
			align-items: center;
			gap: 8px;
			border: 0;
			background: 0 0;
			margin: 0;
			box-shadow: none;
			border-radius: 4px;
			padding: 6px 16px;
			font-weight: 500;
			font-size: 13px;
			color: #646970;
			cursor: pointer;
			transition: all 0.2s ease;
			white-space: nowrap;
			line-height: 20px;

&:focus {
				outline: none;
				box-shadow: none;
			}

svg {
				width: 15px;
				height: 15px;
				flex-shrink: 0;
				opacity: 0.5;
				transition: opacity 0.2s ease;
			}

&:hover {
				color: #7545bb;

svg {
					opacity: 0.85;
				}
			}

&.evf-tab--active {
				color: #7545bb;
				background: #fff;
				box-shadow: 0 4px 24px 0 rgba(10, 10, 10, 0.06);

svg {
					opacity: 1;
				}
			}
		}
	}

.evf-entries-header-actions {
		display: flex;
		align-items: center;
		gap: 8px;

.button,
		.evf-btn-view-analytics,
		.evf-btn-view-survey {
			display: inline-flex;
			align-items: center;
			gap: 4px;
			height: 36px;
			box-sizing: border-box;
			padding: 0 14px;
			border-radius: 4px;
			font-size: 13px;
			font-weight: 500;
			line-height: 34px;
			cursor: pointer;
			text-decoration: none;
			white-space: nowrap;
			transition: all 0.15s ease;

svg {
				flex-shrink: 0;
			}

&:focus {
				outline: none;
				box-shadow: none;
			}
		}

// Primary style: light bg, primary border & text
		.evf-btn-view-analytics,
		.evf-btn-view-survey {
			background: #fff;
			border: 1px solid #7545bb;
			color: #7545bb;
			height: 38px;
			margin-top: 2px;

&:hover {
				background: #f5f3ff;
				color: #5317aa;
				border-color: #5317aa;
			}
		}

// Secondary: light gray bg, no border when survey button is also present
		.evf-btn-view-survey ~ .evf-btn-view-analytics {
			background: #f5f5f5;
			border-color: #e9e9e9;

&:hover {
				background: #ebebeb;
				border-color: #e9e9e9;
			}
		}
	}
}

// .evf-tab-nav__btn {
// 	display: inline-flex;
// 	align-items: center;
// 	gap: 7px;
// 	padding: 13px 16px 12px;
// 	font-family: inherit;
// 	font-size: 14px;
// 	font-weight: 500;
// 	line-height: 1.4;
// 	color: #6b6b6b;
// 	background: transparent;
// 	border: none;
// 	border-bottom: 2px solid transparent;
// 	border-radius: 0;
// 	cursor: pointer;
// 	white-space: nowrap;
// 	// Transitions
// 	transition:
// 		color 0.2s ease,
// 		border-color 0.2s ease,
// 		background 0.2s ease;
// 	// Reset any WP button defaults
// 	box-shadow: none !important;
// 	outline: none;

// 	svg {
// 		width: 15px;
// 		height: 15px;
// 		flex-shrink: 0;
// 		opacity: 0.5;
// 		transition: opacity 0.2s ease;
// 	}

// 	// Hover
// 	// &:hover {
// 	// 	color: #7545bb;
// 	// 	background: #f6f3fa;

// 	// 	svg {
// 	// 		opacity: 0.85;
// 	// 	}
// 	// }

// 	// &:focus {
// 	// 	box-shadow: none;
// 	// 	outline: none;
// 	// }

// 	// Active / selected tab
// 	&.evf-tab--active {
// 		color: #7545bb;
// 		border-bottom-color: #7545bb;
// 		background: transparent;

// 		svg {
// 			opacity: 1;
// 		}
// 	}
// }
.evf-tab-panel {
	display: none;

&--active {
		display: block;
		animation: evf-tab-fadein 0.18s ease forwards;
	}
}

@keyframes evf-tab-fadein {
	from {
		opacity: 0;
		transform: translateY(4px);
	}

to {
		opacity: 1;
		transform: translateY(0);
	}
}

#evf-panel-analytics {
	padding: 0;

#evf-dashboard-analytics,
	#evf-form-analytics {
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-bottom: 0 !important;

.evf-container {
			max-width: 100% !important;
			margin-left: 0;
			margin-right: 0;
		}
	}
}

/**
	   * Form Builder
	   **/
#everest-forms-panel-settings {
	.evf-content-section {
		display: none;
	}

.evf-content-section.active {
		display: block;
	}

.everest-forms-panel-content-wrap {
		.everest-forms-panel-content {
			.evf-content-section,
			.evf-panel-content-section {
				min-height: calc(100vh - 155px);

&.active {
					padding: 24px 32px 32px;
					background: #ffffff;
					border-radius: 13px;
					border: 1px solid #e1e1e1;

.evf-content-section-title {
						margin-top: 0;
					}

.evf-confirmation-wrap {
						.evf-content-section-title {
							font-size: 18px;
							padding-bottom: 16px;
						}

.everest-forms-panel-field {
							label {
								margin-top: 0;
							}

.radio-list {
								display: flex;
								align-items: center;
								width: 100%;
								gap: 16px;

.inline {
									border: 1px solid #e1e1e1;
									padding: 8px 12px;
									border-radius: 4px;
									margin-bottom: 0;
									transition: all 0.3s ease-in-out;
									cursor: pointer;

&:hover {
										border-color: #7545bb;
									}

input[type='radio'] {
										margin-top: -2px;
										margin-right: 8px;
										vertical-align: middle;
										border-color: #bababa;
										background-color: white !important;

&:checked {
											border-color: #7545bb;

&::before {
												background: #7545bb;

@media screen and (max-width: 782px) {
													width: 0.5rem;
													height: 0.5rem;
													margin: 0.1875rem;
												}
											}
										}

@media screen and (max-width: 782px) {
											width: 1rem;
											height: 1rem;
										}
									}

&:has(input[type='radio']:checked) {
										border-color: #7545bb;
									}
								}
							}
						}
					}
				}

&-title {
					font-size: 22px;
					line-height: 130%;
					color: #222222;
				}

.everest-forms-panel-field {
					input[type='text'],
					input[type='email'],
					input[type='password'],
					textarea,
					select {
						border-color: #e1e1e1;
						padding: 3px 10px;
						color: #383838;
						min-height: 38px;
						padding: 0 12px;
					}

textarea {
						padding: 4px 12px;
					}

&.everest-forms-panel-field-toggle {
						display: flex;
						align-items: center;
						justify-content: flex-start;
						gap: 30px;

label,
						.evf-toggle-section {
							margin-bottom: 0;
						}

.evf-toggle-section {
							.everest-forms-toggle-form {
								margin: 0;
							}
						}
					}
				}
			}
		}
	}

.evf-content-confirmation-settings {
		.evf-builder-radio {
			.row {
				width: auto;
				height: 38px;
				padding: 8px 12px;
				gap: 8px;
				border-radius: 4px;
				border: 1px solid var(--EVF-violet-Primary-400, #7545bb);
				background: var(--Grey-0, #fff);
			}
		}

&:has(.evf-field-conditional-container[style*='display: none;']) {
			.evf_conditional_logic_container {
				margin-bottom: 0;
			}
		}
	}
}

#everest-forms-panel-payments,
#everest-forms-panel-integrations {
	.evf-panel-content-section {
		display: none;
	}

.evf-panel-content-section.active {
		display: block;
	}

.everest-forms-panel-content-wrap {
		.everest-forms-panel-content {
			.evf-content-section,
			.evf-panel-content-section {
				min-height: calc(100vh - 155px);

&.active {
					padding: 24px 32px 32px;
					background: #ffffff;
					border-radius: 13px;
					border: 1px solid #e1e1e1;
				}

&-title {
					font-size: 22px;
					line-height: 130%;
					color: #222222;
				}

.everest-forms-panel-field {
					input,
					textarea,
					select {
						border-color: #e1e1e1;
						padding: 3px 10px;
						color: #383838;
					}

&.everest-forms-panel-field-toggle {
						display: flex;
						align-items: center;
						justify-content: flex-end;
						flex-direction: row-reverse;
						gap: 8px;

label,
						.evf-toggle-section {
							margin-bottom: 0;
						}

.evf-toggle-section {
							.everest-forms-toggle-form {
								margin: 0;
							}
						}
					}
				}
			}
		}
	}
}

.everest-forms_page_evf-builder {
	.everest-forms-add-fields-group,
	.everest-forms-field-option-group {
		.handlediv {
			float: right;

&::before {
				content: '\f343' !important;
				cursor: pointer;
				display: inline-block;
				font: 400 20px/1 Dashicons;
				line-height: 0.5 !important;
				padding: 4px;
				position: relative;
				right: 0;
				top: 0;
			}
		}

&.closed {
			.handlediv::before {
				content: '\f347' !important;
			}
		}
	}

#everest-forms-builder {
		width: 100%;
		position: absolute;
		top: 0;
		bottom: 0;
		min-height: calc(100vh - 32px);

* {
			box-sizing: border-box;
		}

.wp-picker-holder * {
			box-sizing: content-box;
		}

#everest-forms-builder-form {
			position: fixed;
		}

h2,
		h3,
		h4,
		h5,
		h6 {
			color: $color_gray-dark;
		}

a {
			text-decoration: none;

&:focus {
				outline: none;
				box-shadow: 0 0 0 rgba(0, 0, 0, 0);
			}
		}

.add,
		.remove,
		.addPayment,
		.removePayment {
			color: $color_gray-normal;
			background: $color-white;
			height: 30px;
			width: 30px;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 4px;
			border: 1px solid $color_gray-lighten;

&:hover {
				color: $color-white;
			}
		}

.add {
			&:hover {
				background: $blue;
				border-color: $blue;
			}
		}

.remove {
			margin-left: 8px;

&:hover {
				background: $red;
				border-color: $red;
			}
		}

.after-label-description {
			float: right;
		}

input,
		select,
		option,
		textarea {
			border-color: $color_gray-lighten;

&::placeholder {
				color: $color_gray-light;
			}

&:focus {
				border-color: #5b9dd9;
			}
		}

.everest-forms-inner-options {
			padding-left: 20px;
		}

.input-group-col-2 {
			display: flex;
			flex-wrap: nowrap;

input[type='text'],
			input[type='number'],
			select {
				flex: 0 0 50%;
				margin-right: 2%;
				margin-bottom: 10px;
				max-width: calc(50% - 1%);

&:nth-child(2n) {
					margin-right: 0;
				}
			}
		}

.everest-forms-nav-wrapper {
			background: #fff;
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			height: 70px;
			padding: 0 20px 0 24px;
			border-bottom: 1px solid #e1e1e1;

// .everest-forms-logo {
			// 	display: flex;
			// 	align-items: center;
			// 	border-right: 1px solid #e2e2e2;
			// 	padding: 6px 24px 6px 0;
			// 	margin-right: 24px;

// 	img {
			// 		width: 40px;
			// 		height: 40px;
			// 	}
			// }

.everest-forms-back-button-wrapper {
				align-content: center;
				margin-right: 16px;

.back-button {
					display: flex;
					align-items: center;
					justify-content: center;
					position: relative;

&::before {
						content: '';
						background: #f4f4f4;
						position: absolute;
						width: 32px;
						height: 32px;
						top: 50%;
						left: 50%;
						border-radius: 4px;
						z-index: 0;
						-ms-transform: translate(-50%, -50%);
						transform: translate(-50%, -50%);
						opacity: 0;
						transition: all 0.3s ease-in-out;
					}

svg {
						width: 20px;
						height: 20px;
						fill: #383838;
						position: relative;
					}

&:hover {
						&::before {
							opacity: 1;
						}
					}
				}
			}

.everest-forms-btn {
				&:focus {
					color: #383838;
					// box-shadow: 0 0 0 3px
					// adjust-color($everestforms, $saturation: 39%, $lightness: +18%);
				}
			}

.evf-forms-nav-right {
				box-sizing: border-box;
				height: 100%;
				padding: 0;
				align-content: center;
				margin-left: auto;

.evf-shortcode-field {
					display: inline-block;
					vertical-align: middle;

input {
						margin: 0;
						width: 225px;
						height: 36px;
						padding: 4px 10px;
						line-height: 1.25;
						border-radius: 3px 0 0 3px;
						background: none;
						border: 1px solid #e1e1e1;
						font-size: 14px;
					}

button {
						padding: 0;
						width: 36px;
						height: 36px;
						margin-left: -4px;
						border-radius: 0 3px 3px 0;
						// border: 1px solid #e1e1e1;
						// border-left: none;
						background: #f6f3fa;

&.copy-shortcode {
							//  font-size: 16px;
							//  color: $color-white;

&::before {
								@include iconbefore('\e00c');
								line-height: 27px;
								margin-right: 0;
								padding-right: 0;
								border-right: none;
								content: none;
							}

svg {
								width: 18px;
								height: 18px;
								fill: #383838;
								margin-top: 4px;
								margin-left: 7px;
							}
						}

&:focus {
							box-shadow: none;
						}
					}
				}

.everest-forms-embed-button {
					margin-left: 6px;
					vertical-align: middle;
					background: none;
					font-size: 14px;
					color: #222;
					border: 1px solid #e1e1e1;
					border-radius: 4px;
					min-height: 36px;

&:active {
						color: #494d50;
					}

&:focus {
						box-shadow: none;
					}

&:hover {
						background: #f6f3fa;
						color: #7545bb;
					}

&.processing {
						font-size: 0;
						height: 36px;
						background: transparent;
						border: 1px solid #ffffff;
					}
				}

.everest-forms-save-button {
					min-width: 75px;
					cursor: pointer;
					min-height: 36px;
					color: $color-white;
					background: #7545bb;
					margin-left: 10px;
					position: relative;
					display: inline-block;
					vertical-align: middle;
					text-transform: capitalize;
					font-size: 15px;

&.processing {
						width: 75px;
						font-size: 0;
						min-height: 36px;
						transition: all 0.35s ease 0s;

&:focus {
							box-shadow: 0 0 0 2px
								adjust-color($everestforms, $saturation: 39%, $lightness: +18%);
						}
					}

.loading-dot {
						position: absolute;
						top: 50%;
						transform: translateY(-50%);
						left: 0;
						right: 0;
						margin: 0 auto;
					}

.spinner,
					.evf-loading {
						width: 14px;
						height: 14px;
						margin-top: 5px !important;
						margin-left: 5px !important;
						background-size: 14px 14px;
					}

&:hover {
						background: #9159e3;
					}
				}

.everest-forms-preview-button,
				.everest-forms-show-entries-btn {
					background: none;
					margin-left: 10px;
					display: inline-block;
					vertical-align: middle;
					font-size: 14px;
					color: #222222;
					border: 1px solid #e1e1e1;

&:hover {
						background: #eee8f7;
					}
				}

.everest-forms-show-entries-btn {
					height: 36px;
					margin-right: 10px;
					margin-left: 0 !important;
					width: 96px;

.evf-nav-btn-container {
						display: flex;
						align-items: center;
						justify-content: center;
						gap: 6px;
					}
				}
			}

.evf-nav-tab-wrapper {
				gap: 4px;
				overflow: unset !important;
			}
		}
		@media (max-width: 1366px) {
			.everest-forms-nav-wrapper {
				display: flex !important;
				flex-wrap: wrap !important;
				align-items: center !important;
				height: auto !important;
				min-height: 70px !important;
				padding: 10px 20px !important;
			}

.evf-tab-wrapper {
				width: 100% !important;
				flex: 0 0 100% !important;
				order: 1 !important;
				display: flex !important;
				align-items: center !important;
				gap: 12px !important;
			}

.evf-forms-nav-right {
				width: 100% !important;
				flex: 0 0 100% !important;
				order: 2 !important;
				display: flex !important;
				align-items: center !important;
				justify-content: flex-end !important;
				gap: 8px !important;
				margin-top: 8px !important;
			}
		}

.evf-tab-content {
			h5 {
				margin: 0 auto 20px auto;
				font-size: 24px;
				line-height: normal;
			}

.evf_smart_tag {
				input[type='text'] {
					width: 100%;
					min-height: 36px;
				}
			}

.evf-toggle-smart-tag-display {
				position: absolute;
				border-radius: 4px;
				background: #eeeeee;
				color: #4f4f4f;
				right: 4px;
				width: 28px;
				height: 28px;
				top: 5px;

.dashicons-editor-code {
					&::before {
						left: 0;
						right: 0;
						margin: 0 auto;
						line-height: 28px;
						position: absolute;
					}
				}
			}

.evf-smart-tag-lists {
				min-height: 125px;
				max-height: 300px;
				border: 1px solid rgb(219, 219, 219);
				right: 0;
				z-index: 1;
				margin-top: -1px;
				width: 230px;
				overflow-y: auto;
				position: absolute;
				background: $color-white;
				border-radius: 4px;
				box-shadow: 1px 3px 20px 0 transparentize($color_gray-dark, 0.8);
				top: 65px;

&::-webkit-scrollbar {
					width: 6px;
				}

/* Track */
				&::-webkit-scrollbar-track {
					box-shadow: inset 0 0 5px #939393;
					border-radius: 10px;
				}

/* Handle */
				&::-webkit-scrollbar-thumb {
					background: #787878;
					border-radius: 10px;
				}

/* Handle on hover */
				&::-webkit-scrollbar-thumb:hover {
					background: #3f3f3f;
				}

li,
				.smart-tag-title {
					padding: 7px 10px;
				}

.smart-tag-title {
					font-size: 14px;
					font-weight: 600;
					padding: 10px 12px;
					background: #e4e4e4;
					color: #3a3a3a;
				}

ul {
					margin: 0;
					padding: 6px;
				}

li {
					cursor: pointer;
					margin-bottom: 0;
					padding: 8px;
					border-radius: 3px;
					font-size: 14px;
					transition: all 0.3s ease-in-out;

&:hover {
						background: #eaeaea;
					}
				}
			}

.evf-field-conditional-container {
				&.active {
					padding: 18px 24px;
					box-shadow: none;
					border-radius: 4px;
					border-color: #e9e9e9;

.evf-content-section-title {
						padding-bottom: 20px;
						margin-bottom: 24px;
						padding-top: 0;

.confirmation-title {
							display: flex;
							align-items: center;
							flex-wrap: wrap;
							gap: 12px;
							position: relative;

.evf-edit-confirm-icon {
								display: flex;
								justify-content: center;
								align-items: center;
								width: 34px;
								height: 34px;
								padding: 0;
								background: #fdfdfd;
								border: 1px solid #e1e1e1;
								border-radius: 3px;
								cursor: pointer;

svg {
									width: 18px;
									height: 18px;
								}
							}

.edit-title {
								margin-bottom: 0;

.evf-confirm-edit-title-input {
									min-height: 34px;
									max-height: 34px;
									padding-right: 55px;

@media screen and (max-width: 600px) {
										max-width: 140px;
									}
								}
							}

.evf-confirmation-edit-ok {
								position: absolute;
								right: 73px;
								background: #f4f4f4;
								border: 0;
								font-size: 14px;
								line-height: 20px;
								padding: 4px 10px;
								border-radius: 2px;
								text-transform: capitalize;
								color: #383838;
								cursor: pointer;

@media screen and (max-width: 600px) {
									position: unset;
									margin-left: -4px;
									min-height: 32px;
								}
							}

.show-title {
								color: #222;
								font-size: 18px;
								font-weight: 600;
								line-height: 28px;
								margin: 0;
							}

.inactive-status,
							.active-status {
								padding: 6px 8px;
								border-radius: 50px;
								font-size: 10px;
								font-weight: 600;
								line-height: 10px;
								font-size: 12px;
								text-transform: capitalize;
							}

.inactive-status {
								background: #e1e1e1;
								color: #6b6b6b;
							}

.active-status {
								background: #e8f6ec;
								color: #13a53c;
							}
						}

.evf-close-custom-confirm-settings {
							svg {
								transition: all 0.3s ease-in-out;
								transform: rotate(-180deg);
							}
						}
					}

.evf-delete-conditional-confirmation {
						color: #6b6b6b;
						background: #f4f4f4;
						font-size: 14px;
						line-height: 20px;
						font-weight: 500;
						border: 1px solid #bababa;
						border-radius: 4px;
						padding: 6px 12px;
						cursor: pointer;
						transition: all 0.3s ease-in-out;

&:hover {
							color: #f55463;
							background: #feeef0;
							border-color: #feeef0;
						}
					}
				}

.evf-field-logic {
					.everest-forms-conditional-field-settings-redirect_to {
						width: 120px;
					}

.everest-forms-conditional-field-settings-custom_page {
						width: 150px;
					}

.remove-logic {
						padding: 4px;
					}
				}

&:has(.evf-conditional-confirmation-body[style*='display: none;']),
				&:has(
						.evf-field-confirmation-conditional-container[style*='display: none;']
					),
				&:has(
						.evf-conditional-confirmation-active-toggle[style*='display: none;']
					) {
					min-height: unset;

.evf-content-section-title {
						padding: 0;
						margin: 0;
						border-bottom: 0;

.evf-close-custom-confirm-settings {
							svg {
								transform: rotate(0deg);
							}
						}
					}
				}
			}

#evf-custom-css-block,
			#evf-custom-js-block {
				position: relative;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				min-height: 200px;
				font-size: 12px;
			}

&.everest-forms-panel-field-textarea {
				.evf-smart-tag-lists {
					top: 40%;
				}
			}

.everest-forms-panel {
				width: 100%;
				display: none;

&.active {
					display: block;
				}

.everest-forms-sub-label {
					font-size: 12px;
					font-weight: 400;
					margin-bottom: 0;
					color: $color_gray-base;
				}

.everest-forms-panel-sidebar-content {
					display: flex;

.everest-forms-panel-content-wrap {
						width: calc(100% - 400px);
					}
				}

.everest-forms-one-half {
					float: left;
					width: 49%;
					margin-right: 2%;

&:nth-child(2) {
						margin-right: 0;
					}
				}

.everest-forms-field-row {
					margin: 0 0 10px 0;
					position: relative;
				}

.everest-forms-panel-sidebar {
					width: 400px;
					height: calc(100vh - 105px);
					position: relative;
					background: #ffff;
					border-right: 1px solid #e1e1e1;

@media screen and (max-width: 1226px) {
						height: calc(100vh - 180px);
					}

#evf-collapse {
						width: 22px;
						height: 41px;
						background: #ffff;
						position: fixed;
						top: 50%;
						transform: translateY(-50%);
						border: 1px solid #e1e1e1;
						border-left: 0;
						border-radius: 0 4px 4px 0;
						z-index: 1;
						cursor: pointer;

&.close {
							left: 559px;

@media screen and (max-width: 960px) {
								left: 315px;
							}

@media screen and (max-width: 782px) {
								left: 279px;
							}

@media screen and (max-width: 600px) {
								display: none;
							}
						}

&.open {
							left: 160px;

svg {
								transform: rotate(180deg) translateX(2px);
							}

&:hover {
								svg {
									transform: rotate(180deg) translateX(0px);
								}
							}

@media screen and (max-width: 960px) {
								left: 36px;
							}

@media screen and (max-width: 782px) {
								left: 0;
							}
						}

svg {
							width: 12px;
							height: 12px;
							display: block;
							transform: translateX(-2px);
							transition: all 0.3s ease-in-out;
						}

&:hover {
							svg {
								transform: translateX(-4px);
							}
						}
					}

.everest-forms-input-group {
						background: $color-white;
						border: 1px solid $input-border-color;
						border-radius: 4px;

.everest-forms-input-control {
							background: none;
							border-color: transparent !important;
							box-shadow: none;
							height: 38px;
							padding: 0 12px;

&::placeholder {
								font-size: 14px;
								color: #999999;
							}

&:focus {
								border-color: transparent;
							}
						}

&__text {
							background: none;
							border: none;

svg {
								fill: #999999;
							}
						}

&:focus-within {
							border: 1px solid $everestforms;
							box-shadow: 0 0 0 1px $everestforms;
						}
					}

.everest-forms-fields-not-found {
						text-align: center;
						margin-top: 2.85em;

.everest-forms-fields-not-found__title {
							font-size: 1.7em;
						}
					}

.everest-forms-add-fields-heading {
						display: block;
						font-size: 16px;
						line-height: 150%;
						font-weight: 500;
						margin-bottom: 20px;
						padding-bottom: 14px;
						color: $color_gray-dark;
						border-bottom: 1px solid $color_gray-lighten;
						display: flex;
						align-items: center;
						justify-content: space-between;

i {
							display: flex;
							align-items: center;
							justify-content: center;
							width: 18px;
							height: 18px;

&::before {
								padding: 0;
							}
						}
					}

.evf-registered-buttons {
						list-style: none;
						padding: 0;
						display: flex;
						flex-wrap: wrap;
						gap: 16px;
					}

.evf-registered-item {
						padding: 18px 4px;
						border: 1px solid #edeff7;
						width: 30.3%;
						z-index: 999;
						color: #383838;
						font-weight: 400;
						cursor: pointer;
						border-radius: 4px;
						font-size: 12px;
						transition: all 0.3s ease-in-out;
						text-align: center;
						background: #fbfbfd;
						line-height: 150%;
						max-height: fit-content;

.dashicons {
							display: block;
							margin: 0 auto;
						}

&.evf-upgrade-addon {
							cursor: not-allowed;
						}

&.evf-one-time-draggable-field {
							cursor: not-allowed;
							opacity: 0.55;
							color: #6d6d6d;
							background: #f3f4f6;
							border-color: #d2d5db;
							box-shadow: none;

.evf-icon {
								opacity: 0.55;
							}

&:hover {
								opacity: 0.58;
								color: #6d6d6d;
								border-color: #d2d5db;
								background: #f3f4f6;
							}
						}

//  &.evf-upgrade-addon,
						&.recaptcha_empty_key_validate,
						&.turnstile_empty_key_validate,
						&.hcaptcha_empty_key_validate,
						&.enable-stripe-model,
						&.enable-authorize-net-model,
						&.enable-payment-subscription-plan,
						&.enable-mollie-model &.enable-square-model {
							opacity: 0.45;

&:hover {
								opacity: 1;
								color: $evf_primary-color;
								border-color: $evf_primary-color;
								background: #fbf9fd;
							}
						}

&.evf-upgrade-addon,
						&.upgrade-modal {
							position: relative;
							background: #fafbfc;
							border-color: #e3e6ea;
							color: #ccd1d6;
						}

&.upgrade-modal {
							&::before {
								content: '';
								background-image: url(../images/icons/everest-form-pro-icon.png);
								background-repeat: no-repeat;
								background-position: center;
								background-size: 100%;
								position: absolute;
								border-radius: 2px;
								width: 16px;
								height: 16px;
								top: 7px;
								right: 7px;
							}
						}

&:hover {
							color: $evf_primary-color;
							border-color: $evf_primary-color;
							background: #ffffff;

.evf-icon {
								color: inherit;
							}

svg {
								.cls-1,
								.cls-2,
								.cls-3 {
									fill: $blue;
								}
							}
						}

&:focus {
							outline: none;
						}

svg {
							width: 40px;
							height: 40px;
							display: block;
							margin: 0 auto 10px;

.cls-1,
							.cls-2,
							.cls-3 {
								fill: #414042;
								transition: 0.5s fill ease-in-out;
								font-size: 7px;
								font-weight: 300;
							}
						}

&.ui-draggable-dragging {
							margin: 0;
							width: 105px !important;
							background: $color-white;
							position: relative;
							z-index: 99999;

svg {
								.cls-1,
								.cls-2,
								.cls-3 {
									fill: $blue;
								}
							}
						}
					}

.evf-setting--checkbox,
					.evf-field-option--checkbox {
						input,
						label {
							width: auto;
							padding: 0;
							display: inline-block;
							vertical-align: top;
							height: auto;
						}

input {
							margin: 3px 5px 0 0;
						}
					}

.everest-forms-field-options {
						background: #ffffff;
						display: none;

.everest-forms-border-container {
							.everest-forms-field-option-row {
								&.everest-forms-field-option-row-date_format {
									> .inline {
										margin-left: 0;
										margin-right: 10px;

&:last-child {
											margin-right: 0;
										}
									}
								}

&:last-child {
									margin-bottom: 15px;
								}
							}
						}

.everest-forms-field-option-row {
							position: relative;
							margin-bottom: 15px;

&:last-child {
								margin-bottom: 0;
							}

.inline {
								margin-bottom: 0;
								// display: inline-block;
								vertical-align: top;
								margin-left: 5px;
							}

.everest-forms-current-date-format,
							.everest-forms-past-date-disable-format,
							.everest-forms-min-max-date-format,
							.everest-forms-slot-booking {
								margin-bottom: 14px;
							}

&.everest-forms-field-option-row-limit_controls,
							&.everest-forms-field-option-row-min_length_controls {
								display: flex;
								align-items: center;

input[type='number'] {
									width: 30%;
									margin-right: 8px;
								}

select {
									min-height: 30px;
								}

&.everest-forms-hidden {
									display: none !important;
								}
							}

input {
								border-radius: 6px;
							}

input,
							select {
								height: 36px;
								border-color: #e1e1e1;

&[type='checkbox'],
								&[type='radio'] {
									height: 16px;
								}
							}

input[type='radio'] {
								margin-top: -2px;
								margin-right: 8px;
								vertical-align: middle;
								border-color: #bababa;
								background-color: white !important;

&:checked {
									border-color: #7545bb;

&::before {
										background: #7545bb;

@media screen and (max-width: 782px) {
											width: 0.5rem;
											height: 0.5rem;
											margin: 0.1875rem;
										}
									}
								}

@media screen and (max-width: 782px) {
									width: 1rem;
									height: 1rem;
								}
							}

input,
							select,
							textarea {
								&:focus {
									box-shadow: none;
									border-color: $evf_primary-color;
								}
							}

.evf-meta-key-input-wrapper {
								.evf-meta-key-copy-btn {
									display: flex;
									align-items: center;
									justify-content: center;
								}
							}
						}

.everest-forms-field-option {
							display: none;

// Email/Password Confirmation.
							&.everest-forms-confirm-disabled,
							&.everest-forms-field-option-email:not(
									.everest-forms-confirm-enabled
								),
							&.everest-forms-field-option-password:not(
									.everest-forms-confirm-enabled
								) {
								.everest-forms-field-option-row-sublabel_hide,
								.everest-forms-field-option-row-confirmation_placeholder {
									display: none;
								}
							}

&-group {
								&-basic,
								&-advanced,
								&-conditionals,
								&-calculations,
								&-quiz {
									// background: #fbfbfd;
									background: $color-white;
									border: 1px solid #e1e1e1;
									border-radius: 2px;
									margin-bottom: 16px;

.everest-forms-field-option-group-toggle {
										padding: 16px 14px;
										border-bottom: 0;
									}

&.open {
										.everest-forms-field-option-group-toggle {
											// background: #f6f7f9;
											border-bottom: 1px solid #e1e1e1;
										}
									}
								}

&.closed {
									background: #ffffff;
								}
							}
						}

.everest-forms-field-option-phone {
							.format-selected-smart {
								display: none;
							}

.format-selected-default {
								.everest-forms-field-option-row {
									margin-bottom: 15px;
								}
							}
						}

.everest-forms-field-option-group {
							&-basic,
							&-advanced,
							&-conditionals,
							&-calculations,
							&-quiz {
								// background: #fbfbfd;
								background: $color-white;
								border: 1px solid #e1e1e1;
								border-radius: 2px;
								margin-bottom: 16px;

.everest-forms-field-option-group-toggle {
									padding: 16px 14px;
									border-bottom: 0;
								}
							}

&:last-child {
								.everest-forms-field-option-group-inner {
									border-bottom: none;
								}
							}
						}

.everest-forms-field-option-group-toggle {
							background: $color_gray-light-skin;
							border-bottom: 1px solid $color_gray-lighten;
							padding: 15px 0;
							font-size: 14px;
							font-weight: 600;
							display: block;
							color: $color_gray-dark;
						}

.everest-forms-field-option-group-inner {
							padding: 16px;
							background: #f6f7f9;
						}
					}

.evf-panel-tab {
						display: flex;
						align-items: center;
						justify-content: space-between;
						padding: 15px 20px;
						font-size: 14px;
						font-weight: 600;
						color: $color_gray-dark;
						// background: adjust-color(
						// 	$color_gray-more-lighten,
						// 	$saturation: -1,
						// 	$lightness: +2
						// );
						background: none;
						border-bottom: 1px solid #e1e1e1;
						position: relative;
						transition: all 0.3s ease-in-out;

&.upgrade-addons-settings {
							opacity: 0.4;
						}

&::before {
							content: '';
							background: #7545bb;
							width: 4px;
							height: 100%;
							position: absolute;
							top: 0;
							left: 0;
							opacity: 0;
							transition: all 0.3s ease-in-out;
						}

.everest-forms-toggle-arrow {
							font-size: 14px;
							margin-left: auto;
							line-height: 1.4;
						}

&:hover,
						&.active {
							position: relative;
							color: $everestforms;
							background: $color-white;

&::before {
								opacity: 1;
							}
						}
					}

.everest-forms-active-connections,
					.everest-forms-active-email,
					.everest-forms-active-sms-notifications {
						display: none;
						padding: 0 20px;
						margin-top: -2px;
						background: $color-white;
						position: relative;
						border-bottom: 1px solid $color_gray-lighten;

&.active {
							display: flex;
							align-items: flex-end;
							flex-direction: column-reverse;

&.everest-forms-hidden {
								display: none;
							}
						}

.everest-forms-connections-add,
						.everest-forms-email-add {
							margin-bottom: 20px;
						}

.everest-forms-active-connections-list,
						.everest-forms-active-email-connections-list,
						.everest-forms-active-sms-notifications-connections-list {
							width: 100%;
							padding: 14px 16px 16px;
							display: flex;
							flex-wrap: wrap;
							margin: 0 0 20px;
							border-radius: 3px;
							border: 1px solid #e9e9e9;
							background: $color-white;
							gap: 24px;

&.empty-list {
								display: none;
							}

h4 {
								margin-top: 0;
								color: #222;
								font-size: 14px;
								font-weight: 500;
								line-height: 150%;
								margin-top: 4px;
								margin-bottom: 24px;
							}

li {
								width: 100%;
								display: flex;
								padding: 10px;
								cursor: pointer;
								margin-bottom: 2px;
								align-items: center;
								justify-content: space-between;
								transition: all 0.25s ease 0s;
								//  border: 1px solid $color_gray-lighten;

&.active-user {
									background: #f6f3fa;
									border: 0;
									padding: 10px;
									border-radius: 3px;

.user-nickname {
										color: $everestforms;
										transition: all 0.25s ease 0s;
										color: $evf_primary-color;
									}
								}

&:hover {
									.user-nickname {
										color: $everestforms;
									}
								}

.user-nickname {
									color: $color_gray-base;
									font-weight: 500;
									line-height: 150%;
								}

.evf-email-side-section {
									display: flex;
									align-items: center;
									gap: 12px;

.evf-toggle-section {
										.everest-forms-toggle-form {
											margin: 0;
										}
									}

.evf-vertical-divider {
										background: #bababa;
										width: 1px;
										height: 16px;
									}

a {
										// display: flex;

span {
											display: flex;
											align-items: center;
											justify-content: center;
										}

svg {
											width: 18px;
											height: 18px;
											fill: #999999;
											transition: all 0.3s ease-in-out;
										}

&:hover {
											svg {
												fill: #7545bb;
											}

.everest-forms-email-default-remove {
												svg {
													fill: #ff2f39;
												}
											}
										}
									}
								}

.toggle-remove {
									color: $color_gray-base;
									cursor: pointer;
									position: relative;
									padding-left: 13px;
									transition: all 0.25s ease 0s;

&:hover {
										color: $red;

&::before,
										&::after {
											background: $red;
										}
									}

&::before,
									&::after {
										top: 50%;
										left: 3px;
										width: 2px;
										content: '';
										height: 10px;
										position: absolute;
										background: $color_gray-base;
										display: inline-block;
										transition: all 0.25s ease 0s;
									}

&::before {
										transform: translateY(-50%) rotate(45deg);
									}

&::after {
										transform: translateY(-50%) rotate(-45deg);
									}
								}
							}
						}

.everest-forms-active-email-connections-list {
							gap: 0;
						}
					}

.everest-forms-active-email {
						position: relative;
						transition: all 0.3s ease-in-out;

&.active {
							&::before {
								opacity: 1;
							}
						}

.everest-forms-email-add {
							position: absolute;
							top: 14px;
							right: 38px;
							border-radius: 3px;
							background: #f6f3fa;
							color: #8c64c6;
							font-size: 13px;
							font-weight: 400;
							line-height: 150%;
							padding: 6px 12px 6px 10px;
							display: flex;
							align-items: center;
							gap: 6px;
							margin: 0;
							transition: all 0.3s ease-in-out;

svg {
								width: 13px;
								height: 13px;
								fill: #8c64c6;
								transition: all 0.3s ease-in-out;
							}

&:hover {
								background: #8c64c6;
								color: $color-white;

svg {
									fill: $color-white;
								}
							}
						}
					}

.everest-forms-tab-content {
						.evf-toggle-section {
							display: flex;
							align-items: center;

> {
								span {
									margin-top: 0;
								}

label {
									margin-bottom: 0;
								}
							}
						}
					}
				}

.everest-forms-field-option-date-time {
					.format-selected-date .everest-forms-time,
					.format-selected-time .everest-forms-date {
						display: none;
					}
				}

.everest-forms-field-captcha {
					.format-selected-math {
						font-size: 16px;

input {
							width: 70px;
							display: inline-block;
						}
					}

.format-selected-math .everest-forms-question,
					.format-selected-question .everest-forms-equation {
						display: none;
					}
				}

.everest-forms-field-option-address {
					.default,
					.placeholder {
						width: 44%;
						float: left;
						margin-right: 2%;
						display: flex;
						flex-direction: column;

input {
							width: 99%;
						}

label {
							font-weight: 400;
						}
					}

.hide {
						input {
							margin: 7px 0 0 0;
						}
					}
				}

&-sidebar-content {
					&.collapsed {
						.everest-forms-panel-sidebar {
							width: 0px;
						}

.everest-forms-panel-content-wrap {
							width: 100% !important;

// @media screen and (max-width: 960px) {
							// 	width: 100% !important;
							// }
						}
					}
				}
			}

.everest-forms-panel-content-wrap {
				.evf-admin-row {
					display: flex;
					position: relative;
					margin-bottom: 15px;
					padding: 20px !important;
					background: transparent;
					border: 1px solid transparent;
					transition:
						0.5s border,
						0.5s background;

&:last-child {
						margin-bottom: 0;
					}

.evf-toggle-row {
						top: 0;
						right: 0;
						opacity: 0;
						display: flex;
						cursor: pointer;
						position: absolute;
						visibility: hidden;
						color: $color-white;
						transition: 0.7s all;
						z-index: 9999;

.evf-show-grid {
							&:hover {
								span {
									&.dashicons {
										background: $green;
									}
								}
							}
						}

.evf-delete-row {
							span {
								&.dashicons {
									// border-right: 1px solid	transparentize($color-white, 0.8);
									border-right: 1px solid #fff;
								}
							}

&:hover {
								span {
									&.dashicons {
										background: $red;
									}
								}
							}
						}

.evf-duplicate-row {
							span {
								&.dashicons {
									border-radius: 0 0 0 3px;
									border-right: 1px solid transparentize($color-white, 0.8);
								}
							}

&:hover {
								span {
									&.dashicons {
										background: $blue;
									}
								}
							}
						}

span {
							&.dashicons {
								// background: $color_gray-base;
								font-size: 14px;
								height: auto;
								width: auto;
								// color: $color-white;
								padding: 5px;
								background: #e9e9e9;
								color: #666666;

&:hover {
									color: #fff;
								}
							}
						}

.evf-toggle-row-content {
							display: none;
							position: absolute;
							width: 160px;
							padding: 20px;
							text-align: center;
							right: -10px;
							border-radius: 5px;
							background: $color-white;
							font-weight: 600;
							font-size: 12px;
							top: 35px;
							transition: 0.9s background;
							border: 1px solid $color-gray-lighten;
							box-shadow: 1px 2px 10px 0 transparentize($color_gray-dark, 0.85);

&::before,
							&::after {
								content: '';
								position: absolute;
							}

&::before {
								top: -7px;
								right: 14px;
								border-right: 7px solid transparent;
								border-bottom: 7px solid $color-white;
								border-left: 7px solid transparent;
							}

&::after {
								top: -8px;
								right: 12px;
								border-right: 9px solid transparent;
								border-bottom: 9px solid $color-gray-lighten;
								border-left: 9px solid transparent;
								z-index: -1;
							}

> span {
								color: $color_gray-base;
								display: block;
							}

small {
								color: $color_gray-light;
								margin-bottom: 10px;
								display: block;
							}

.evf-grid-selector {
								margin: 3px;
								width: 40px;
								height: 30px;
								display: inline-block;
								border: 1px solid $color_gray-lighten;

span {
									height: 100%;
									display: inline-block;
									background: $color-white;

&:nth-child(n + 1) {
										border-left: 1px solid $color_gray-lighten;
									}

&:nth-child(1) {
										border-left: 0 none;
									}
								}

&.active {
									border-color: $blue;

span {
										border-color: $blue;
									}
								}
							}
						}
					}

&.evf-hover {
						// background: lighten($blue, 48%);
						// border: 1px dashed $blue;
						background: #fcfcfc;
						border: 1px solid #e7e7e7;
						border-radius: 5px;

.evf-admin-grid {
							// border: 1px dashed $color-gray-light;
							background: transparent;
						}

.evf-toggle-row {
							opacity: 1;
							visibility: visible;
						}
					}

.evf-admin-grid {
						padding: 20px;
						cursor: pointer;
						background: $color-white;
						position: relative;
						border: 1px solid transparent;
						transition:
							0.5s border,
							0.5s background;
						text-align: left;

&.evf-hover {
							&.evf-item-hover {
								position: relative;

.everest-forms-field,
								.evf-registered-item {
									&:nth-last-child(2) {
										margin-bottom: 0;

&.active {
											margin-bottom: 10px;
										}
									}
								}

&::before {
									display: none;
								}
							}
						}

&.evf-grid-1 {
							width: 100%;
						}

&.evf-grid-2 {
							width: 50%;
						}

&.evf-grid-3 {
							width: 33.3333%;
						}

&.evf-grid-4 {
							width: 25%;
						}

.evf-registered-item {
							padding: 20px;
							font-size: 18px;
							min-height: 94px;
							margin-bottom: 10px;

&:last-child {
								margin-bottom: 0;
							}

&.ui-draggable {
								width: 100%;

.evf-icon {
									display: inline-block;
								}
							}

.evf-icon {
								font-size: 24px;
								vertical-align: middle;
							}

.spinner {
								float: none;
								width: 25px;
								height: 25px;
								margin: 10px 0 5px 10px;
							}

.dashicons {
								font-size: 22px;
								margin-top: 3px;
							}
						}

.ui-sortable-placeholder {
							width: 100%;
							visibility: visible !important;
							background: lighten($green, 42%);
							border: 1px dashed lighten($green, 15%);
						}

&.evf-empty-grid {
							display: flex;
							align-items: center;
							justify-content: center;
							position: relative;
							border: 1px dashed $color-gray-light;
							border-radius: 4px;

&::before {
								content: '\f132';
								font-size: 17px !important;
								width: 30px !important;
								height: 30px !important;
								color: #6b6b6b !important;
								font-family: dashicons;
								line-height: 1.2;
								cursor: all-scroll;
								color: $color_gray-lighten;
							}
						}

input {
							&[type='text'],
							&[type='password'],
							&[type='date'],
							&[type='datetime'],
							&[type='datetime-local'],
							&[type='email'],
							&[type='month'],
							&[type='number'],
							&[type='search'],
							&[type='tel'],
							&[type='time'],
							&[type='url'],
							&[type='week'] {
								padding: 0 8px;
								line-height: 2;
								min-height: 30px;
								border-radius: 4px;
							}
						}

input,
						select,
						textarea {
							&:disabled,
							&.disabled {
								background-color: #ffff !important;
							}
						}
					}
				}

.everest-forms-field-payment-single {
					.widefat,
					.item-price-hidden {
						display: none;
					}

.item-price-hidden {
						margin: 0;
						color: #999;
						font-size: 12px;
					}

.format-selected-user {
						.widefat {
							display: block;
						}

.item-price {
							display: none;
						}
					}

.format-selected-hidden {
						.item-price-hidden {
							display: block;
						}
					}
				}

.everest-forms-field {
					cursor: move;
					padding: 15px;
					position: relative;
					margin-bottom: 10px;
					border: 1px solid transparent;
					border-radius: 3px;
					transition: 0.5s box-shadow;

.everest-forms-image-choices {
						.everest-forms-image-choices-item {
							margin-bottom: 20px !important;

&:has(input:checked) {
								.everest-forms-field-label-inline {
									border-color: var(--wp--preset--color--vivid-cyan-blue);
									box-shadow: 0px 6px 24px 0px rgba(10, 10, 10, 0.06);
								}
							}

label {
								font-weight: normal;
								margin-bottom: 0;
							}

.everest-forms-image-choices-image {
								display: block;
								margin-bottom: 10px;

img {
									max-width: 100%;
									display: block;
								}
							}
						}
					}

// column layout for choice fields
					&.everest-forms-list-2-columns,
					&.everest-forms-list-3-columns {
						ul {
							display: flex;
							flex-wrap: wrap;
							margin-left: -15px;
							margin-right: -15px;

li {
								padding-left: 15px;
								padding-right: 15px;
							}
						}
					}

&.everest-forms-list-2-columns {
						li {
							flex: 0 0 50%;
							max-width: 50%;

&:nth-child(1n + 3) {
								margin-top: 10px;
							}
						}
					}

&.everest-forms-list-3-columns {
						li {
							flex: 0 0 33.333%;
							max-width: 33.333%;

&:nth-child(1n + 4) {
								margin-top: 10px;
							}
						}
					}

&.everest-forms-list-inline {
						ul {
							li {
								display: inline-block;
								margin-right: 15px;
							}
						}
					}

&:last-child {
						margin-bottom: 0;
					}

&.everest-forms-field--first,
					&.everest-forms-field--last {
						width: 48.5%;
						margin-right: 3%;
						float: left;
					}

&.everest-forms-field--last {
						margin-right: 0;
						float: right;
					}

&.active {
						margin: 0 0 10px;
						// border: 1px solid $color_gray-lighten;
						border: 1px solid #d7d9e0;
						// background: $color_gray-light-skin;
						background: #f9f9f9;

.evf-field-action {
							opacity: 1;
							visibility: visible;
						}

&:last-child {
							margin-bottom: 0;
						}
					}

&.required label {
						.required {
							font-weight: 300;
							margin: 0 0 0 5px;
							display: inline-block;
							vertical-align: middle;
						}
					}

&.ui-sortable-placeholder {
						border: 1px dashed transparentize($blue, 0.75);
					}

&.label_hide {
						input[type='text'] {
							margin-bottom: 0;
						}

.description {
							margin-top: 5px;

&:empty {
								margin-top: 0;
							}
						}
					}

input {
						&[type='text'],
						&[type='email'] {
							margin-bottom: 5px;
						}

&[type='checkbox'],
						&[type='radio'] {
							margin-right: 10px;
						}
					}

select,
					textarea {
						margin-bottom: 5px;
					}

select {
						option {
							color: inherit;

&.placeholder {
								opacity: 0.5;
							}
						}

&[multiple] {
							padding: 6px 8px;
							box-shadow: none;
						}
					}

canvas {
						border: 1px solid rgba(222, 222, 222, 0.75);
					}

&.everest-forms-field-select {
						select:not([multiple]) {
							height: 35px;
						}
					}

.select2-container {
						margin-bottom: 5px;
						width: 100% !important;

span.selection {
							width: 100% !important;
						}

.select2-selection--multiple {
							border-color: $color_gray-lighten;
						}

.select2-selection__choice {
							margin: 4px 4px 0 0;
						}

.select2-search__field {
							min-height: 24px;
							line-height: 1.4;
						}
					}

.evf-field-action {
						position: absolute;
						// top: 15px;
						// right: 15px;
						top: 6px;
						right: 1px;
						visibility: hidden;
						opacity: 0;
						transition: 0.5s all;

a {
							padding: 5px;
							// color: $color-white;
							// background: $color_gray-base;
							// border-right: 1px solid transparentize($color-white, 0.8);
							background: #e9e9e9;
							border-right: 1px solid #fff;
							color: #666666;

&:first-child {
								// border-radius: 3px 0 0 3px;
								border-radius: 0 0 0 3px;
							}

&:last-child {
								// border-radius: 0 3px 3px 0;
								border-radius: 0 3px 0 0;
								border-right: none;
							}

&.everest-forms-field-delete:hover {
								background: $red;
							}

&:hover {
								color: #fff;
								background: $blue;
							}
						}

.dashicons {
							font-size: 15px;
							height: auto;
							width: auto;
						}
					}

&.label_hide {
						.label-title {
							display: none;
						}
					}

&.sublabel_hide {
						.everest-forms-sub-label {
							display: none;
						}
					}

.everest-forms-confirm-enabled {
						display: flex;

.everest-forms-confirm-primary,
						.everest-forms-confirm-confirmation {
							width: 50%;
							flex-wrap: wrap;
						}

.everest-forms-confirm-primary {
							padding-right: 15px;
						}

.everest-forms-confirm-confirmation {
							padding-left: 15px;
						}
					}

.everest-forms-confirm-disabled {
						.everest-forms-confirm-primary {
							.everest-forms-sub-label {
								display: none;
							}
						}

.everest-forms-confirm-confirmation {
							display: none;
						}
					}

&:hover {
						border-radius: 3px;
						border: 1px dashed #8c64c6;
						background: #f8f8fa;

.evf-field-action {
							visibility: visible;
							opacity: 1;
						}
					}

&.ui-sortable-helper {
						padding: 20px 30px;
						height: auto !important;
						left: -20px;
						right: -20px;
						background: $color-white;

&:hover {
							.evf-field-action {
								display: none;
							}
						}
					}

label {
						cursor: all-scroll;
					}

img {
						width: 280px;
						height: auto;
					}
				}

.file-uploader {
					width: 100%;
					border: 2px dashed $color_gray-lighten;
					background: $color_gray-light-skin;
					border-radius: 3px;
					cursor: pointer;
					text-align: center;
					padding-top: 30px;
					padding-bottom: 30px;
					position: relative;

svg {
						width: 30px;
						height: 30px;
						fill: #bbbcbd;
						margin-bottom: 20px;
					}

input {
						&.file-input {
							touch-action: manipulation;
							max-width: 100%;
							min-width: 14px;
							margin: 0;
							opacity: 0;
							height: 18px;
						}
					}

.drop {
						display: block;
						font-size: 14px;
						font-weight: 600;
						color: $color_gray-light;
						margin-bottom: 10px;
					}

.or {
						font-size: 12px;
						color: $color-gray-light;
						font-weight: 600;
						display: block;
						margin-bottom: 10px;
					}

.file-control {
						position: absolute;
						bottom: 30px;
						color: $blue;
						padding-bottom: 2px;
						display: block;
						left: 0;
						right: 0;

&::before {
							content: '';
							width: 45px;
							background: $blue;
							height: 1px;
							display: block;
							left: 50%;
							bottom: -2px;
							position: absolute;
							transform: translateX(-50%);
						}
					}
				}

.publishing-action {
					width: 100%;
					text-align: right;
				}

.submit-button {
					display: inline-block;
					font-size: 12px;
					font-weight: 600;
					color: $color-white;
					padding: 15px 20px;
					border: 0 none;
					background: $green;
					border-radius: 3px;
				}
			}

label {
				font-size: 14px;
				line-height: 24px;
				margin-bottom: 8px;
				color: #222;
				font-weight: 500;
				max-width: 300px;
				width: 100%;
				display: flex;
				align-items: center;
				gap: 4px;

i {
					color: $color_gray-light;
					font-size: 16px;
					line-height: 1.2;
					margin-top: 3px;
					margin-top: 0;
					width: 14px;
					height: 18px;
				}

.required {
					color: $red;
					display: none;
				}

input {
					&[type='checkbox'],
					&[type='radio'] {
						margin-right: 10px;
					}
				}

&.evf-toggle-switch {
					margin-bottom: 0;
				}

&.evf-toggle-label {
					display: inline-block;
					margin-bottom: 0;
				}

&.everest-forms-hidden {
					display: none;
				}

&.evf-privacy-policy-consent-message {
					display: initial;
					margin-bottom: 0;
				}
			}

.everest-forms-label-edit {
				margin-bottom: 4px;

label {
					margin-bottom: 4px;
					padding: 4px 0;
					flex: 1;
				}

input {
					font-size: 13px;
					font-weight: 600;
				}

.dashicons {
					margin-right: 7px;
				}
			}

input:not(.ed_button),
			textarea:not(.wp-editor-area) {
				color: #222222;

&::placeholder {
					color: $color_gray-light;
				}
			}

textarea,
			textarea:not(.wp-editor-area) {
				height: 120px;

&.short {
					padding: 8px 12px;
					height: 100px;
				}
			}

.description {
				color: $color_gray-normal;
			}

.everest-forms-checklist {
				ul {
					label {
						margin-top: 0;
						margin-bottom: 0;
						font-weight: normal;
					}
				}
			}

.everest-forms-question {
				margin-top: 0;
				line-height: 1.2;
			}

.evf-grid-lists {
				width: 100%;
				display: flex;
				text-align: center;
				box-sizing: border-box;
				justify-content: center;
				border: 1px solid transparent;
				border-radius: 4px;
				transition: all 0.3s ease-in;
				border-left: 0;
				gap: 24px;
				// margin-left: -1.5%;
				// margin-right: 1.5%;
				background: transparent;
				display: flex;

.evf-grid-lists-item {
					padding-left: 1.5%;
					padding-right: 1.5%;
					background: $color-white;
				}
			}

.evf-content-section-title {
				position: relative;
				font-size: 22px;
				font-weight: 600;
				line-height: 130%;
				margin-bottom: 20px;
				padding-bottom: 20px;
				display: flex;
				align-items: center;
				justify-content: space-between;
				color: #222222;
				border-bottom: 1px solid #e9e9e9;

.evf-title {
					// margin-right: 20px;
				}

.evf-enable-email-toggle,
				.evf-enable-webhook-toggle {
					position: absolute;
					top: 15px;
					right: -20px;

img {
						width: 100%;
						height: auto;
					}
				}

.evf-toggle-section {
					margin-top: 2px;
				}
			}

.everest-forms-panel-field {
				position: relative;
				margin-bottom: 20px;
				max-width: 100%;
				display: flex;
				gap: 12px;

&.evf-field-conditional-container {
					display: none;
				}

&.evf-field-webhook-headers-container,
				&.evf-field-confirmation-conditional-container {
					display: block;
				}

&.evf-toggle-section-wrapper {
					display: block;

.evf-toggle-section {
						display: flex;
						gap: 30px;
						flex-direction: row-reverse;
						justify-content: flex-end;

.tooltipstered {
							margin-top: 5px;
							margin-left: 10px;
						}
					}
				}

&:last-child {
					margin-bottom: 0;
				}

&.everest-forms-panel-field-toggle {
					display: flex;
					align-items: center;
					justify-content: space-between;

.evf-toggle-section {
						margin-bottom: 0;
					}
				}

.wp-editor-container {
					margin-bottom: 10px;
					border-radius: 4px;

.quicktags-toolbar {
						border-radius: 4px 4px 0 0;
					}

textarea {
						border-radius: 0 0 4px 4px;
					}
				}

.submission-date-wrapper {
					.evf-form-row {
						margin-left: 0;
						margin-right: 0;

.evf-form-col-12 {
							gap: 12px;

.everest-forms-panel-field-checkbox {
								margin-bottom: 12px;

input[type='checkbox'] {
									margin-right: 8px;
								}
							}
						}
					}
				}

input,
				select,
				textarea {
					&:focus {
						box-shadow: none;
						border-color: $evf_primary-color;
					}
				}

.desc {
					margin: 10px 0;
					font-style: italic;
					line-height: 1.2;
				}

.evf-hidden-content {
					margin-top: 10px;
				}

.max-entry-section {
					.max-entry-section-content {
						display: flex;

.everest-forms-panel-field {
							margin-bottom: 0;
						}

.entry-period {
							flex: 1;
							margin-left: 10px;
						}
					}
				}

&.everest-forms-panel-field-tinymce {
					.evf-toggle-smart-tag-display {
						top: 38px;
						right: 8px;
						border: 1px solid #e1e1e1;
					}

.evf-smart-tag-lists {
						top: 70px;
					}
				}

&#everest-forms-panel-field-settings-query_string-wrap {
					flex-wrap: wrap;

> label {
						flex: 0 0 300px;
					}

> input[type='text'] {
						flex: 1 1 0;
						width: auto;
						min-width: 0;
					}

.evf-toggle-smart-tag-display {
						// Align the smart-tag icon inside the single-line input
						// (the 2-column layout puts the input at the row top).
						top: 5px;
					}

// EVF-2643: keep the example/help text on its own line,
					// aligned beneath the input instead of beside it.
					.desc {
						flex: 0 0 100%;
						box-sizing: border-box;
						padding-left: 312px; // 300px label column + 12px flex gap
						margin: 6px 0 0;
					}
				}

&.evf_conditional_logic_container {
					label {
						margin-bottom: 0;
					}
				}
			}

.evf-choices-list {
				background: $color_gray-more-lighten;
				border-radius: 4px;
				padding: 1px 8px;

.sort {
					cursor: grab;
					display: flex;
					// margin-top: 6px;
					// padding-right: 6px;
					color: $color_gray-light;

svg {
						fill: currentColor;
						transform: rotate(90deg);
					}

&:active {
						cursor: grabbing;
					}
				}

li {
					background: $color-white;
					border: 1px solid $color_gray-lighten;
					display: flex;
					flex-wrap: wrap;
					align-items: center;
					padding: 8px;
					margin: 8px 0;
					z-index: 99999 !important;

.evf-choice-list-input {
						flex: 1;
						margin-right: 4px;
					}

input {
						&[type='text'] {
							width: 100%;
						}

&[type='radio'],
						&[type='checkbox'] {
							margin: 0px 6px 0 0;
						}

&.value {
							display: none;
							margin-top: 8px;

&.evf-money-input {
								width: 22%;
								display: inline-block;
								margin: 0 0 0 auto;
								flex: 0 0 22%;
								border-radius: 6px;
							}
						}
					}

.everest-forms-attachment-media-view {
						flex: 100%;
						display: none;
						margin-top: 8px;

.button-add-media {
							width: 100%;
							padding: 8px;
							outline: none;
							cursor: pointer;
							border-radius: 3px;
							color: $color_gray-base;
							border: 1px dashed $color-gray-lighten;
						}

.thumbnail-image {
							display: block;
							max-height: 200px;
							margin-bottom: 3px;
							border-radius: 4px;
							position: relative;
							overflow: hidden;

img {
								display: block;
								max-width: 100%;
								user-select: none;
								border-radius: 4px;
							}
						}

.actions {
							margin-top: 8px;
						}
					}

&.ui-sortable-placeholder {
						visibility: visible !important; // Overwrite CSS over JS.
						background: $color_gray-more-lighten;
						border: 1px dashed $color_gray-lighten;
					}

&.ui-sortable-helper {
						z-index: 99999 !important; // Overwrite CSS over JS.
					}
				}

.add,
				.remove {
					display: inline-flex;
					align-items: center;
					justify-content: center;
					width: 20px;
					height: 20px;
					// margin-top: 5px;
					border: none;

.dashicons {
						width: 16px;
						height: 16px;
						font-size: 16px;
					}
				}

.add {
					&:hover {
						color: $blue;
						background: none;
					}
				}

.remove {
					margin-left: 0;

&:hover {
						color: $red;
						background: none;
					}
				}

&.show-images {
					li {
						.everest-forms-attachment-media-view {
							display: block;
						}
					}
				}

&.show-values {
					li {
						input[type='text'].value {
							display: block;
						}
					}
				}
			}

.everest-forms-field-option-row-choices_images {
				.notice {
					display: inline-block;
					margin: 0 0 15px 0 !important;

&.hidden {
						display: none;
					}
				}
			}

.everest-forms-field-option-row-rows,
			.everest-forms-field-option-row-columns,
			.everest-forms-field-option-row-drop_down_choices,
			.everest-forms-field-option-row-choices,
			.everest-forms-field-option-row-questions {
				ul {
					li {
						clear: both;
						padding: 5px 10px;
						border-radius: 4px;
						border: 1px solid transparent;
					}
				}

.evf-questions-list {
					li {
						padding: 10px;
						background: $color-white;
						margin-bottom: 10px;
						border: 1px solid $color_gray-lighten;

input[type='text'] {
							width: calc(100% - 39px);
						}

.answer-wrap {
							margin-top: 6px;
						}
					}
				}

.question-wrap,
				.answer-wrap {
					input {
						margin-right: 8px;
						vertical-align: middle;
					}

.add,
					.remove {
						width: 30px;
						height: 30px;
						display: inline-flex;
						vertical-align: middle;
						border-radius: 3px;
						border: 1px solid $color_gray-lighten;
					}

.add {
						&:hover {
							background: $blue;
							border-color: $blue;
						}
					}

.remove {
						&:hover {
							background: $red;
							border-color: $red;
						}
					}
				}
			}

.everest-forms-field-option-payment-multiple,
			.everest-forms-field-option-payment-subscription-plan,
			.everest-forms-field-option-payment-checkbox {
				.everest-forms-field-option-row {
					li {
						input[type='text'] {
							width: 65%;
							margin-right: 8px;

&.evf-money-input {
								width: 30%;
								display: inline-block;
								margin: 0 0 0 auto;
								// flex: 0 0 23%;
							}
						}
					}
				}
			}

.everest-forms-field-option-payment-subscription-plan {
				.everest-forms-field-option-row {
					li {
						.evf-subscription-plan-tabs {
							margin-top: 8px;
							width: 100%;

.evf-spt-strip {
								display: flex;
								background: #e4e4e66e;
								border-radius: 4px;
								padding: 2px;
								gap: 1px;
								margin-bottom: 0;
							}

.evf-spt-tab {
								flex: 1;
								padding: 8px;
								text-align: center;
								font-size: 13px;
								font-weight: 600;
								color: #8c8f94;
								cursor: pointer;
								border-radius: 4px;
								display: flex;
								align-items: center;
								justify-content: center;
								gap: 3px;
								line-height: 1.2;
								transition:
									background 0.15s,
									color 0.15s,
									box-shadow 0.15s;

&.evf-spt-tab--active {
									background: #fff;
									color: #6c47e8;
									box-shadow:
										0 1px 3px rgba(0, 0, 0, 0.13),
										0 0 0 0.5px rgba(0, 0, 0, 0.06);
								}

.evf-spt-dot {
									width: 5px;
									height: 5px;
									border-radius: 50%;
									background: #2fb344;
									flex-shrink: 0;
									display: inline-block;
								}
							}

.evf-spt-panel {
								padding: 10px 0 4px;
							}

.evf-spt-always-badge {
								display: inline-flex;
								align-items: center;
								gap: 4px;
								font-size: 10px;
								font-weight: 600;
								background: #ede9fe;
								color: #6c47e8;
								border-radius: 3px;
								padding: 2px 6px;
								margin-bottom: 7px;
								letter-spacing: 0.2px;
							}

.evf-spt-input-row {
								display: flex;
								gap: 7px;
								align-items: center;

input[type='number'] {
									width: 62px;
									border: 1px solid #dcdcde;
									border-radius: 4px;
									padding: 5px 7px;
									font-size: 13px;
									color: #2c3338;
									background: #fff;
								}

select {
									flex: 1;
									border: 1px solid #dcdcde;
									border-radius: 4px;
									padding: 5px 7px;
									font-size: 13px;
									color: #2c3338;
									background: #fff;
									line-height: 1.6;
								}
							}

.evf-spt-toggle-row {
								display: flex;
								align-items: center;
								justify-content: space-between;
								margin-bottom: 8px;

.evf-spt-toggle-label {
									font-size: 14px;
									font-weight: 500;
									color: #3c434a;
								}
							}

.evf-spt-panel-detail {
								&.evf-spt-dimmed {
									opacity: 0.38;
									pointer-events: none;
								}
							}

.evf-radio-subscription-expiry-input {
								width: 100%;
								border: 1px solid #dcdcde;
								border-radius: 4px;
								padding: 5px 8px;
								font-size: 13px;
								color: #555d66;
								background: #fff;
								box-sizing: border-box;

&.active {
									border-color: #7c5cfd;
									box-shadow: 0 0 0 1px #7c5cfd;
								}
							}

.evf-subscription-expiry-picker-anchor {
								.flatpickr-wrapper {
									display: block;
									width: 100%;
								}

.flatpickr-calendar.evf-subscription-expiry-calendar {
									position: relative !important;
									top: auto !important;
									left: auto !important;
									right: auto !important;
									box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
								}
							}

.evf-expiry-trial-hint {
								margin: 6px 0 0;
								font-size: 12px;
								line-height: 1.4;
								color: #646970;
							}

.evf-spt-panel--expiry,
							.evf-spt-panel-detail {
								overflow: visible;
							}
						}
					}
				}
			}

.evf-content-email-settings-inner {
				display: none;
				-webkit-animation: fadeIn 0.5s;
				animation: fadeIn 0.5s;
				margin: 20px 0;
				border-radius: 7px;

&.active-connection {
					display: block;

&.everest-forms-hidden {
						display: none;
					}
				}
			}

.evf-content-sms-notifications-settings-inner {
				display: none;
				-webkit-animation: fadeIn 0.5s;
				animation: fadeIn 0.5s;
				margin: 20px 0;
				border-radius: 4px;

&.active-connection {
					display: block;

&.everest-forms-hidden {
						display: none;
					}
				}
			}
		}

.evf-registered-item {
			z-index: 999;
			cursor: pointer;
			border-radius: 2px;
			font-size: 12px;
			text-align: center;
			margin: 0;
			background: $color-white;
			border: 1px solid $color_gray-lighten;
			color: $color_gray-normal;

.evf-icon {
				color: #6b6b6b;
				display: block;
				font-size: 24px;
				text-align: center;
				margin-bottom: 6px;
				padding: 0;
			}

&.ui-draggable-dragging {
				width: calc(100% - 20px) !important;
				text-align: center !important;
				font-size: 12px !important;
			}

&.ui-sortable-placeholder {
				width: 100% !important;
			}
		}

.everest-forms-field.ui-draggable-dragging {
			margin: 0;
			width: 105px !important;
			background: $color-white;
			text-align: center;
			font-size: 12px !important;

.evf-icon {
				color: inherit;
				display: block !important;
				font-size: 32px !important;
			}
		}

.evf-confirmation-wrap,
		.everest-forms-border-container {
			border: 1px solid #e1e1e1;
			border-radius: 7px;
			padding: 18px 22px 20px;
			margin-bottom: 20px;
			max-width: 100%;

&:last-child {
				margin-bottom: 0;
			}

.everest-forms-border-container-title {
				// display: inline-block;
				color: #222222;
				font-size: 18px;
				font-weight: 600;
				line-height: 140%;
				background: transparent;
				margin: 0 0 16px;
				padding-bottom: 14px;
				border-bottom: 1px solid #e9e9e9;
			}

label {
				margin-bottom: 10px;
				margin-top: 2px;

.everest-forms-help-tooltip {
					height: 16px;
					width: 16px;
					line-height: 1;
					vertical-align: middle;
				}
			}

select {
				// margin-bottom: 14px;
			}

.inline {
				margin-top: 0;
				padding-left: 0;
			}

.input-group-col-2 {
				margin-bottom: 15px;

input[type='text'],
				input[type='number'],
				select {
					margin-bottom: 0;
					margin-left: 0;
				}
			}
		}

.everest-forms-tab-content {
			position: relative;
			//  height: calc(100vh - 200px);

.everest-forms-add-fields-group {
				margin-bottom: 36px;

&.closed {
					margin-bottom: 0;
				}
			}

.everest-forms-notice {
				display: inline-block;
			}
		}

.everest-forms-panel {
			.panel-wrap {
				overflow: hidden;
			}

.wp-picker-input-wrap {
				label {
					font-weight: 400;
					display: inline-block;
				}
			}
		}

.everest-forms-panel-content-wrap {
			.everest-forms-panel-content {
				position: relative;
				padding: 30px;
				background: #f6f7f9;
				height: calc(100vh - 105px);
				overflow-x: hidden !important;

@media screen and (max-width: 1226px) {
					height: calc(100vh - 180px);
				}

/* width */
				&::-webkit-scrollbar {
					width: 6px;
				}

/* Track */
				&::-webkit-scrollbar-track {
					box-shadow: inset 0 0 5px rgb(158, 158, 158);
					border-radius: 10px;
				}

/* Handle */
				&::-webkit-scrollbar-thumb {
					background: rgb(93, 93, 93);
					border-radius: 10px;
				}

/* Handle on hover */
				&::-webkit-scrollbar-thumb:hover {
					background: #454545;
				}

.everest-forms-preview-wrap {
					background: #ffffff;
					padding: 28px 32px;
					border-radius: 13px;
					border: 1px solid #e1e1e1;
				}

.evf-content-sms-notifications-settings {
					.evf-content-sms-notifications-settings-inner {
						padding: 20px 20px 0;
						border: 1px solid $color_gray-lighten;

.everest-forms-sms-notfications-name {
							background: $color_gray-light-skin;
							margin-left: -20px;
							margin-top: -20px;
							margin-right: -20px;
							padding: 20px;
							border-radius: 4px 4px 0 0;
							border-bottom: 1px solid $color_gray-lighten;

input[type='text'] {
								font-weight: 600;
							}

.everest-forms-text-danger {
								margin: 10px 0 0;
							}
						}
					}
				}

.evf-content-email-settings {
					.evf-content-email-settings-inner {
						// padding: 20px 20px 0;
						padding: 18px 22px 24px;
						// border: 1px solid $color_gray-lighten;
						border: 1px solid #e2e2e2;
						max-width: 100%;

.everest-forms-email-name {
							background: transparent;
							// margin-left: -20px;
							// margin-top: -20px;
							// margin-right: -20px;
							// padding: 20px;
							padding: 0;
							border-radius: 4px 4px 0 0;
							// border-bottom: 1px solid $color_gray-lighten;
							border-bottom: 1px solid #e2e2e2;
							margin-bottom: 20px;

input[type='text'] {
								font-weight: 600;
								border: 0;
								padding: 0;
								font-size: 18px;
								line-height: 140%;
								color: #222;
								padding-bottom: 14px;
							}

.everest-forms-text-danger {
								margin: 10px 0 0;
							}
						}
					}
				}

.evf-content-post-submissions-settings,
				.everest-forms-settings {
					.everest-forms-panel-field {
						max-width: 500px;
					}
				}

.everest-forms-title-desc {
					display: inline-flex;
					align-items: center;
					flex-direction: row;
					position: relative;
					width: 100%;
					max-width: 100%;
					margin-bottom: 32px;
					width: 100%;

.evf-icon {
						display: flex;
						align-items: center;
						justify-content: center;
						width: 38px;
						height: 38px;
						cursor: pointer;
						border-radius: 3px;
						color: #7545bb;
						background: #f6f3fa;
						order: -1;

&::after {
							content: '';
							border-radius: 3px;
							position: absolute;
							left: 32px;
							right: 0;
							height: 30px;
							border-radius: 0 3px 3px 0;
							transition: all 0.3s ease 0s;
						}
					}

.everest-forms-name-input {
						font-size: 20px;
						font-weight: 400;
						height: 38px;
						border: none;
						margin: 0;
						box-shadow: none;
						pointer-events: none;
						background: none;
						z-index: 1;
						padding: 0 12px;
						min-width: 0;
						max-width: calc(100% - 38px);

&.everst-forms-name-editing {
							flex: 1 1 auto;
							width: calc(100% - 38px);
							pointer-events: all;

& + .evf-icon {
								background: $everestforms;
								color: $color-white;
								border-radius: 4px 0 0 4px;

&::after {
									top: 0;
									right: 0;
									border: 1px solid $everestforms;
									height: 36px;
								}
							}
						}

&:focus {
							box-shadow: none;
						}
					}
				}

.evf-admin-field-wrapper {
					cursor: move;
					position: relative;
					gap: 20px;

.evf-sortable-placeholder {
						background: transparentize($green, 0.95);
						border: 1px dashed transparentize($green, 0.75);
					}
				}

.evf-add-row {
					margin: 20px auto 0;
					text-align: center;

span {
						//  width: auto;
						height: auto;
						//  font-size: 13px;
						//  background: #51cf66;
						font-family: inherit;
						padding: 8px 16px 8px 14px;
						display: flex;
						align-items: center;
						justify-content: center;
						width: max-content;
						margin: 0 auto;
						gap: 6px;
						font-size: 14px;
						background: #7545bb;
						transition: all 0.3s ease-in-out;

&.dashicons {
							&::before {
								//  width: 20px;
								//  height: 20px;
								//  line-height: 1;
								font-size: 16px;
								//  margin-right: 10px;
								font-family: dashicons;
								vertical-align: middle;
								//  padding: 2px 12px 2px 0;
								//  border-right: 1px solid
								// 	 transparentize($color-white, 0.7);
								width: auto;
								height: auto;
								margin: 0;
								padding: 0;
								border-right: 0;
							}
						}

&:hover {
							//  background: #33ba4a;
							background: #8d2fff;
						}
					}
				}

.evf-add-row-repeater {
					margin: 20px auto;
					text-align: left;
					pointer-events: none;

span {
						width: auto;
						height: auto;
						padding: 10px;
						font-size: 13px;
						background: #51cf66;
						color: $color-white;
						font-family: inherit;

&.dashicons {
							&::before {
								width: 20px;
								height: 20px;
								line-height: 1;
								font-size: 16px;
								margin: 0 10px 0 10px;
								font-family: dashicons;
								text-align: center;
								vertical-align: middle;
								padding: 10px;
								cursor: text;
								border-right: none;
							}
						}

&:hover {
							background: #33ba4a;
						}
					}
				}
			}
		}

.everest-forms-fields-tab {
			display: flex;
			flex-wrap: wrap;

a {
				width: 50%;
				display: block;
				padding: 12px 0 16px;
				font-size: 14px;
				line-height: 150%;
				font-weight: 500;
				text-align: center;
				color: $color_gray-dark;
				background: #f6f7f9;
				border-top: 3px solid transparent;
				transition: all 0.3s ease-in-out;
				// border-bottom: 1px solid $color_gray-lighten;

&.active {
					background: $color-white;
					color: #7545bb;
					border-top-color: #7545bb;
				}

&:hover {
					color: #7545bb;
				}
			}
		}

.everest-forms-panel-sidebar {
			.everest-forms-add-fields,
			.everest-forms-field-options {
				background: #ffff;
				padding: 16px 14px;
			}

.everest-forms-add-fields {
				.everest-forms-input-group {
					margin-bottom: 26px !important;
				}
			}
		}

.evf-range-slider-reset-icon {
			width: 16px;
			height: 16px;
			font-size: 16px;
			cursor: pointer;
			margin-left: 10px;
			color: $color_gray-light;
			transition: all 0.2s ease 0s;
		}

.everest-forms-field {
			&.everest-forms-field-image-upload {
				.everest-forms-uploader {
					display: flex;
					flex-direction: column;
					align-items: center;
					padding: 20px;
					border-radius: 4px;
					border: 1px dashed $color_gray-lighten;

svg {
						margin-bottom: 10px;
						background: $color_gray-light-skin;
						height: 48px;
						width: 48px;
						padding: 8px;
						border-radius: 4px;
					}

span {
						display: block;
						font-size: 14px;

&.everest-forms-upload-title {
							margin-bottom: 5px;
						}

&.everest-forms-upload-hint {
							color: $color_gray-light;
						}
					}
				}

input {
					display: none;
				}

&.active {
					svg {
						background: darken($color_gray-light-skin, 5%);
					}
				}
			}
		}
	}
}

/**
	   * Settings styling.
	   **/
.everest-forms {
	h2.evf-nav-tab-wrapper {
		margin-bottom: 1em;
	}

nav.evf-nav-tab-wrapper {
		margin: 1.5em 0 1em;
	}

.subsubsub {
		margin: -8px 0 0;
	}

.evf-admin-breadcrumb {
		margin-left: 0.5em;

a {
			color: #a46497;
		}
	}

#template div {
		margin: 0;

p .button {
			float: right;
			margin-left: 10px;
			margin-top: -4px;
		}

.editor textarea {
			margin-bottom: 8px;
		}
	}

textarea[disabled='disabled'] {
		background: #dfdfdf !important;
	}

table.form-table {
		margin: 0;
		position: relative;
		table-layout: fixed;

.forminp-radio {
			ul {
				margin: 0;

li {
					line-height: 1.4em;
				}

&.everest-forms-recaptcha-type {
					display: flex;

li {
						margin-right: 15px;
						margin-bottom: 0;

label {
							margin-bottom: 0 !important;
							margin-top: 5px !important;
						}
					}
				}
			}
		}

input[type='text'],
		input[type='number'],
		input[type='email'] {
			height: auto;
		}

textarea.input-text {
			height: 100%;
			min-width: 150px;
			display: block;
		}

// Give regular settings inputs a standard width and padding.
		textarea,
		input[type='text'],
		input[type='email'],
		input[type='number'],
		input[type='password'],
		input[type='datetime'],
		input[type='datetime-local'],
		input[type='date'],
		input[type='time'],
		input[type='week'],
		input[type='url'],
		input[type='tel'],
		input.regular-input {
			margin: 0;
			padding: 0 8px;
			width: 350px;
			box-sizing: border-box;
			vertical-align: top;

@media only screen and (max-width: 782px) {
				width: 100%;
			}
		}

input[type='datetime-local'],
		input[type='date'],
		input[type='time'],
		input[type='week'],
		input[type='tel'] {
			width: 200px;
		}

select {
			width: 350px;
			margin: 0;
			box-sizing: border-box;
			height: 32px;
			vertical-align: top;

@media only screen and (max-width: 782px) {
				width: 100%;
			}
		}

input[size] {
			width: auto !important;
		}

// Ignore nested inputs.
		table {
			select,
			textarea,
			input[type='text'],
			input[type='email'],
			input[type='number'],
			input.regular-input {
				width: auto;
			}
		}

textarea.wide-input {
			width: 100%;
		}

img.help_tip,
		.everest-forms-help-tip {
			padding: 0;
			margin: -4px 0 0 5px;
			vertical-align: middle;
			cursor: help;
			line-height: 1;
		}

span.help_tip {
			cursor: help;
			color: $blue;
		}

th {
			width: 270px;
			position: relative;
			padding-right: 24px;
		}

th label {
			position: relative;
			display: block;

img.help_tip,
			.everest-forms-help-tip {
				margin: -7px -24px 0 0;
				position: absolute;
				right: 0;
				top: 50%;

@media only screen and (max-width: 782px) {
					right: auto;
					margin-left: 5px;
				}
			}
		}

th label,
		th.titledesc {
			color: $color_gray-base;
		}

th label + .everest-forms-help-tip {
			position: absolute;
			margin: 0;
			right: 0;
			top: 20px;
		}

td.everest-forms-permissions {
			display: flex;
			flex-wrap: wrap;
			align-items: flex-end;

fieldset {
				padding: 0 20px;

label {
					position: relative;
					display: block;
					font-weight: 600;
				}
			}
		}

.select2-container {
			vertical-align: top;
			margin-bottom: 3px;
		}

table.widefat th {
			padding-right: inherit;
		}

.wp-list-table .everest-forms-help-tip {
			float: none;
		}

fieldset {
			margin-top: 4px;

img.help_tip,
			.everest-forms-help-tip {
				margin: -3px 0 0 5px;
			}

p.description {
				margin-bottom: 8px;
			}

&:first-child {
				margin-top: 0;
			}
		}

.iris-picker {
			z-index: 100;
			display: none;
			position: absolute;
			border: 1px solid #ccc;
			border-radius: 3px;
			box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);

.ui-slider {
				border: 0 !important;
				margin: 0 !important;
				width: auto !important;
				height: auto !important;
				background: none transparent !important;

.ui-slider-handle {
					margin-bottom: 0 !important;
				}
			}
		}

.forminp-color {
			font-size: 0;
		}

.iris-error {
			background: #ffafaf;
		}

.colorpickpreview {
			padding: 0;
			width: 30px;
			height: 30px;
			box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
			font-size: 16px;
			border-radius: 4px;
			margin-right: 3px;

@media only screen and (max-width: 782px) {
				float: left;
				width: 40px;
				height: 40px;
			}
		}
	}

.everest-forms-save-button {
		box-shadow: none;
		text-shadow: none;
		transition: 0.25s all ease-in-out;
	}

.everest-forms-integrations-connection {
		a {
			text-decoration: none;
		}

.everest-forms-integrations {
			border-radius: 3px;
			border: 1px solid #e1e1e1;
			padding: 16px 20px;
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 10px;

&[data-action='upgrade'] {
				opacity: 0.4;
			}

.integration-header-info {
				display: flex;
				flex: 1;
				align-items: center;
				gap: 16px;

.integration-status {
					position: relative;

.toggle-switch-outer {
						width: 20px;
						height: 20px;
						display: block;
						position: relative;
						border-radius: 3px;
						border: 1px solid #ced4da;

&.connected {
							border-color: $green;

&::before {
								background: $green;
							}
						}

&::before {
							left: 0;
							top: 50%;
							right: 0;
							content: '';
							width: 10px;
							height: 10px;
							display: block;
							margin: 0 auto;
							border-radius: 2px;
							position: absolute;
							background: #ced4da;
							transform: translateY(-50%);
						}
					}
				}

.integration-detail {
					display: flex;
					align-items: center;
					gap: 16px;

.logo {
						width: 50px;
						height: 50px;
						flex: 0 0 50px;
						display: flex;
						overflow: hidden;
						align-items: center;
						padding: 2px;
						border-radius: 2px;
						border: 1px solid #edeff7;
						background: #ffffff;
						margin: 0;

img {
							width: 100%;
							display: block;
						}
					}

.integration-info {
						a {
							display: inline-block;

&:hover h3 {
								color: $everestforms;
							}

&:focus {
								box-shadow: none;
							}
						}

h3,
						p {
							margin-top: 0;
							margin-bottom: 0;
						}
					}
				}
			}

.integartion-action {
				flex-wrap: wrap;
				display: flex;
				align-items: center;

.toggle-button {
					margin-right: 20px;

.slide {
						display: block;
						height: 22px;
						cursor: pointer;
						width: 44px;
						position: relative;

&.inactive,
						&.active {
							border-radius: 34px;

&::before {
								border-radius: 50%;
								position: absolute;
								content: '';
								height: 18px;
								width: 18px;
								bottom: 2px;
								background: $color-white;
								-webkit-transition: 0.4s;
								transition: 0.4s;
							}
						}

&.inactive {
							background: #ced4da;

&::before {
								left: 2px;
							}
						}

&.active {
							background: $everestforms;

&::before {
								right: 2px;
							}
						}
					}
				}

.integration-setup {
					width: 35px;
					height: 35px;
					display: block;
					font-size: 16px;
					color: #78818a;
					position: relative;
					border-radius: 3px;
					border: 1px solid #ced4da;
					transition: all 0.25s;

.evf-icon-setting-cog {
						position: absolute;
						top: 50%;
						transform: translateY(-50%);
						width: 100%;
						text-align: center;

&::before {
							content: '\e92e';
						}
					}

&:hover {
						color: $everestforms;
						border-color: $everestforms;
					}
				}
			}
		}
	}

.evf-connection-form {
		input {
			width: 100%;
			margin-right: 15px;
			margin-bottom: 15px;

@media screen and (min-width: 1200px) {
				width: calc(33% - 20px);
			}
		}
	}

.everest-forms-integration-content {
		display: flex;
		background: $color-white;
		border: 1px solid #ced4da;

.integration-addon-detail {
			width: 400px;
			padding: 20px;
			border-right: 1px solid #ced4da;

.evf-integration-info-header {
				display: flex;
				align-items: center;
			}

.evf-integration-logo {
				width: 60px;
				height: 60px;
				padding: 10px;
				display: flex;
				align-items: center;
				flex: 0 0 60px;
				margin: 0 20px 0 0;
				border-radius: 3px;
				border: 1px solid #ced4da;

img {
					width: 100%;
				}
			}

.integration-info {
				h3 {
					margin-top: 0;
					margin-bottom: 5px;
				}

.toggle-switch {
					&.connected {
						display: block;
						padding-left: 15px;
						position: relative;

&::before {
							left: 0;
							top: 50%;
							content: '';
							width: 10px;
							height: 10px;
							display: block;
							position: absolute;
							background: $green;
							border-radius: 50%;
							transform: translateY(-50%);
						}
					}
				}
			}
		}

.integration-connection-detail {
			padding: 20px;
			width: calc(100% - 400px);

.evf-account-connect {
				margin-bottom: 20px;

h3 {
					margin-top: 0;
				}

.everest-forms-btn {
					.evf-loading {
						width: 14px;
						height: 14px;
						background-size: 14px 14px;
						margin: 2px 0 0 5px;
					}
				}
			}

.evf-connection-list {
				table.evf-connection-list-table {
					width: 100%;
					border-spacing: 0;
					border-collapse: collapse;
					border: 1px solid #ced4da;

tr {
						td {
							padding: 10px 20px;
							border-bottom: 1px solid #ced4da;

&:last-child {
								text-align: right;
							}

.disconnect {
								color: $red;
								position: relative;
								display: inline-block;
								padding-left: 15px;

&::before {
									display: block;
									content: '';
									position: absolute;
									height: 10px;
									width: 10px;
									background: $red;
									top: 50%;
									transform: translateY(-50%);
									left: 0;
									border-radius: 50%;
								}
							}
						}

&:last-child {
							td {
								border-bottom: none;
							}
						}
					}
				}
			}
		}
	}
}

/**
	   * Import and Export
	   */
.evf-tools-export-entries,
.everest-forms-import-form,
.everest-forms-import-entries-wrapper,
.everest-forms-export-form,
.everest-forms-form-migrator {
	background: $color-white;
	max-width: 100%;
	padding: 20px;
	margin-top: 20px;
	box-shadow: 1px 3px 10px transparentize($color_gray-base, 0.95);
	border-radius: 4px;

h3 {
		margin: 0;
		font-size: 20px;
		padding-bottom: 16px;
		border-bottom: 2px solid $color_gray-more-lighten;
	}

p {
		font-size: 14px;
	}

select {
		margin: 1em 0;
	}

.evf-fm-select-popular-form {
		display: flex;
		align-items: center;

select {
			margin: 0;
		}

.evf-loading {
			margin: 0 0 0 10px;
		}

.select2-container .dropdown-wrapper[aria-hidden='true'] {
			display: none;
		}
	}

.description {
		margin-bottom: 16px;

.dashicons {
			width: 16px;
			height: 16px;
			font-size: 16px;
			vertical-align: middle;
			margin-right: 2px;
			margin-bottom: 3px;
		}
	}

.everest-forms-file-upload {
		margin: 1em 0;
		position: relative;
		z-index: 1;

input {
			opacity: 0;
			z-index: 2;
			width: 400px;
			height: 46px;
		}

label {
			display: inline-block;
			padding: 4px;
			min-width: 400px;
			position: absolute;
			left: 0;
			border-radius: 4px;
			border: 1px solid $color_gray-lighten;
			z-index: -1;
		}

.everest-forms-btn {
			width: auto;
			height: auto;
			font-size: 13px;
			margin-right: 10px;
			vertical-align: middle;
		}
	}

.publishing-action {
		padding-top: 20px;
		text-align: right;
		border-top: 2px solid $color_gray-more-lighten;
	}

.evf-fm-wrapper {
		.evf-fm-form-list-container {
			.evf-fm-forms-table-wrapper {
				h4 {
					margin: 0;
					font-size: 16px;
					padding-top: 16px;
					padding-bottom: 16px;
				}

table,
				th,
				td {
					border-collapse: collapse;
				}

table {
					tr {
						border-bottom: 2px solid #e9ebf1;

&.evf-fm-hide-row {
							display: none;
						}

&.evf-fm-show-row {
							display: none;
						}

th {
							width: 150px;
							padding: 12px;
						}

td {
							.evf-fm-import-actions {
								display: flex;
								align-items: center;
							}

width: 600px;
							padding: 12px;
							text-align: center;

.evf-fm-import-single {
								padding: 8px;
								background: #e9ebf1;
								border-radius: 4px;
								border: none;

&:hover {
									background: #7e3bd0;
									color: #fff;
									border: none;
									cursor: pointer;
								}
							}

.evf-fm-import-entry {
								padding: 8px;
								background: #b5facd;
								border-radius: 4px;
								border: none;
								display: inline;
								margin-left: 8px;

&:not(:disabled):hover {
									background: #7e3bd0;
									color: #fff;
									border: none;
									cursor: pointer;
								}
							}
						}
					}
				}

.evf-fm-pagination {
					padding-top: 16px;
					display: flex;
					flex-direction: row;
					align-items: center;
					gap: 4px;

button {
						margin: 2px;
						cursor: pointer;
						border: 1px solid #ddd;
						background: #fff;
						color: #555;
						padding: 4px 10px;
						border-radius: 3px;
						min-width: 30px;

&:hover {
							background: #7e3bd0;
							color: #fff;
							border-color: #7e3bd0;
						}

&.evf-fm-btn-active {
							background: #7e3bd0;
							color: #fff;
							border-color: #7e3bd0;
						}
					}
				}

.evf-fm-import-selected-wrapper {
					display: flex;
					flex-direction: row;
					align-items: center;
					margin-left: 15px;
					margin-right: 100px;

.evf-fm-pagination {
						margin-left: auto;
					}
				}

.evf-fm-import-selected-btn {
					margin-top: 16px;
					padding: 8px;
					background: #e9ebf1;
					border-radius: 4px;
					border: none;

&:hover {
						background: #7e3bd0;
						color: #fff;
						border: none;
						cursor: pointer;
					}
				}
			}
		}
	}
}

/**
	   * List Table.
	   */
table.wp-list-table {
	span.na {
		color: #999;
	}

.row-actions {
		color: #999;
	}

.column-title {
		width: 25% !important;

.locate-form {
			margin: 2px 0 0;
			font-size: 11px;
			color: #666;
		}
	}

.column-tags {
		width: 12%;
	}

.column-shortcode {
		width: 25%;
	}

.column-enabled {
		width: 10%;
		padding-left: 32px !important;
	}

.column-date {
		width: 10%;
	}

.column-author {
		width: 10%;
	}

.column-entries {
		width: 8%;
	}

.column-actions {
		width: 25%;
	}

.column-status img {
		height: 12px;
		margin-left: 5px;
		margin-bottom: -2px;
	}

img.attachment-thumbnail {
		height: 40px;
	}

.submitdelete {
		border: none;

&:hover {
			color: #a00;
			border: none;
		}

&:focus {
			color: #b91c1c;
			outline: none;
			box-shadow: none;
			border: none;
		}
	}

.new-entries-notification td {
		padding: 0;
		text-align: center;

a {
			padding: 10px;
			box-shadow: none;
			background: lighten(#0095ff, 45%);
		}
	}

.column-tags {
		.evf-form-tags {
			border: none;
			background: none;
			padding: 0 8px;
			color: #7545bb;
			// border: 1px solid #7545bb;
			line-height: 16px;
			min-height: unset;
			vertical-align: middle;
			margin-bottom: 6px;
			font-size: 13px;
			text-decoration: none;
			text-align: center;

&::before {
				margin-right: 3px;
				content: '#';
			}

&:hover {
				text-decoration: underline;
			}
		}
	}
}

/**
	   * Entry viewer.
	   **/
.everest-forms-entry {
	.postbox {
		.inside {
			padding: 6px 0 0;

p {
				margin: 0;
				padding: 6px 10px 8px;
			}
		}

.submitdelete {
			color: #a00;
			padding: 1px 2px;
			text-decoration: none;

&:focus {
				color: #b91c1c;
				outline: none;
				box-shadow: none;
				border: none;
			}
		}
	}

#poststuff {
		#everest-forms-entry-fields,
		#everest-forms-entry-details,
		#everest-forms-entry-actions,
		#everest-forms-entry-payment {
			h2.hndle {
				cursor: inherit;

.dashicons {
					width: 16px;
					height: 16px;
					font-size: 16px;
					margin: 1px 2px 0 4px;
				}
			}

.inside {
				margin: 0;
				padding: 0;

.everest-forms-edit-entry-field {
					.evf-field {
						input[type='text'],
						input[type='date'],
						input[type='date'],
						input[type='datetime-local'],
						input[type='email'],
						input[type='file'],
						input[type='image'],
						input[type='month'],
						input[type='number'],
						input[type='password'],
						input[type='range'],
						input[type='search'],
						input[type='tel'],
						input[type='time'],
						input[type='url'],
						input[type='week'],
						select,
						.StripeElement,
						canvas.evf-signature-canvas {
							padding: 0 8px;
							margin-bottom: 0;
						}

textarea {
							width: 100%;
							max-width: 100%;
							min-width: 100%;
							height: 120px;
						}

ul {
							li {
								margin: 0;
								display: block;

label,
								input {
									margin: 0;
								}

input[type='radio'],
								input[type='checkbox'] {
									margin-top: 4px;
									margin-right: 8px;
								}
							}
						}
					}

.evf-field-radio ul,
					.evf-field-checkbox ul,
					.evf-field-payment-radio ul,
					.evf-field-payment-checkbox ul {
						margin: 0;

li {
							display: flex;
							margin-bottom: 5px;
						}
					}

label.evf-error {
						cursor: default;
						color: #900;
						margin: 5px 0 0 0;
					}

abbr.required {
						color: #fa5252;
						font-weight: 700;
						border: 0 !important;
						text-decoration: none;
						vertical-align: middle;
					}
				}

.everest-forms-entry-details-meta,
				.everest-forms-entry-actions-meta,
				.everest-forms-entry-payment-meta {
					padding: 6px 0 0;

p {
						margin: 0;
						padding: 6px 10px 8px;
					}

.dashicons {
						top: 0;
						left: -2px;
						position: relative;
						padding: 0 2px 0 0;
						color: $color_gray-light;
						text-decoration: none;
					}
				}

.everest-forms-entry-actions-meta a {
					box-shadow: none;
					text-decoration: none;
				}

#major-publishing-actions {
					outline: inherit;

a.button-secondary {
						margin-left: 5px;
					}
				}
			}
		}

#evf-entry-nav-buttons {
			padding: 5px 10px;

#evf-next-entry-button {
				float: right;
			}
		}

#everest-forms-entry-fields {
			.inside {
				table {
					border: none;

td a:focus {
						box-shadow: none;
					}
				}

span.list {
					display: block;
				}

img.attachment-thumbnail {
					height: 150px;
				}
			}

.everest-forms-empty-field-toggle {
				float: right;
				padding: 3px 0 0;
				text-decoration: none;
			}
		}
	}
}

/**
	   * DB log viewer.
	   **/
.wp-list-table.logs {
	.log-level {
		display: inline;
		padding: 0.2em 0.6em 0.3em;
		font-size: 80%;
		font-weight: bold;
		line-height: 1;
		color: $color-white;
		text-align: center;
		white-space: nowrap;
		vertical-align: baseline;
		border-radius: 0.2em;

&:empty {
			display: none;
		}
	}

/**
		   * Add color to levels
		   *
		   * Descending severity:
		   *   emergency, alert -> red
		   *   critical, error  -> orange
		   *   warning, notice  -> yellow
		   *   info             -> blue
		   *   debug            -> green
		   */
	.log-level--emergency,
	.log-level--alert {
		background: #ff4136;
	}

.log-level--critical,
	.log-level--error {
		background: #ff851b;
	}

.log-level--warning,
	.log-level--notice {
		color: #222;
		background: #ffdc00;
	}

.log-level--info {
		background: #0074d9;
	}

.log-level--debug {
		background: #3d9970;
	}

// Adjust log table columns only when table is not collapsed.
	@media screen and (min-width: 783px) {
		.column-timestamp {
			width: 18%;
		}

.column-level {
			width: 14%;
		}

.column-source {
			width: 15%;
		}
	}
}

#log-viewer-select {
	padding: 10px 0 8px;
	line-height: 28px;

h2 a {
		vertical-align: middle;
	}
}

#log-viewer {
	background: $color-white;
	border: 1px solid #e5e5e5;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
	padding: 5px 20px;

pre {
		font-family: monospace;
		white-space: pre-wrap;
		word-wrap: break-word;
	}
}

/**
	   * Tooltips.
	   **/
.tips {
	cursor: help;
	text-decoration: none;
}

img.tips {
	padding: 5px 0 0;
}

.tooltipster-base {
	display: flex;
	position: absolute;
	pointer-events: none;

&.tooltipster-ruler {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: hidden;
		visibility: hidden;
	}

.tooltipster-box {
		border: none;
		flex: 1 1 auto;
		border-radius: 3px;
		border: 1px solid #e1e1e1;
		background: #fff;
		margin: 0 !important;

.tooltipster-content {
			color: #222;
			overflow: auto;
			font-size: 13px;
			max-width: 200px;
			max-height: 100%;
			text-align: center;
			padding: 16px 20px;
			box-sizing: border-box;
			box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);

a {
				//  color: #ff7d20;
				color: #967cff;
			}

code {
				padding: 1px;
				background: #888;
			}
		}
	}

.tooltipster-arrow {
		overflow: hidden;
		position: absolute;

.tooltipster-arrow-uncropped {
			position: relative;

.tooltipster-arrow-border {
				top: 0;
				left: 0;
				width: 0;
				height: 0;
				position: absolute;
				border: 5px solid transparent;
			}

.tooltipster-arrow-background {
				display: none;
			}
		}
	}

&.tooltipster-top,
	&.tooltipster-bottom {
		.tooltipster-arrow {
			width: 10px;
			height: 5px;
			margin-left: -5px;
		}
	}

&.tooltipster-left,
	&.tooltipster-right {
		.tooltipster-arrow {
			top: 0;
			width: 5px;
			height: 10px;
			margin-left: 0;
			margin-top: -5px;
		}
	}

&.tooltipster-bottom {
		.tooltipster-arrow {
			top: -5px;

.tooltipster-arrow-uncropped {
				top: -5px;

.tooltipster-arrow-border {
					border-bottom-color: #333;
				}
			}
		}
	}

&.tooltipster-left {
		.tooltipster-arrow {
			right: -5px;

.tooltipster-arrow-border {
				border-left-color: #333;
			}
		}
	}

&.tooltipster-right {
		.tooltipster-arrow {
			left: -5px;

.tooltipster-arrow-uncropped {
				left: -5px;

.tooltipster-arrow-border {
					border-right-color: #333;
				}
			}
		}
	}

&.tooltipster-top {
		.tooltipster-arrow {
			bottom: -5px;

.tooltipster-arrow-border {
				border-top-color: #333;
			}
		}
	}

&.tooltipster-fade {
		opacity: 0;
		transition-property: opacity;

&.tooltipster-show {
			opacity: 1;
		}
	}

&.tooltipster-update-rotate {
		animation: rotating 600ms;
	}
}

.evf_error_tip {
	color: $color-white;
	max-width: 20em;
	font-size: 0.8em;
	line-height: 1.8em;
	text-align: center;
	border-radius: 3px;
	position: absolute;
	white-space: normal;
	background: #d82223;
	margin: 1.5em 1px 0 -1em;
	padding: 0.618em 1em;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	z-index: 9999999;

code {
		padding: 1px;
		background: #888;
	}

&::after {
		content: '';
		display: block;
		border: 8px solid #d82223;
		border-right-color: transparent;
		border-left-color: transparent;
		border-top-color: transparent;
		position: absolute;
		top: -3px;
		left: 50%;
		margin: -1em 0 0 -3px;
	}
}

/**
	   *Date picker.
	   **/
img.ui-datepicker-trigger {
	vertical-align: middle;
	margin-top: -1px;
	cursor: pointer;
}

#ui-datepicker-div {
	display: none;
}

/**
	   * Blank State.
	   **/
.everest-forms-BlankState {
	text-align: center;
	padding: 5em 0 0;

.everest-forms-BlankState-icon {
		display: unset;
		fill: #ddd;
		width: 128px;
		height: 128px;
		margin: 0 0 0.875em;
	}

.everest-forms-BlankState-message {
		color: #aaa;
		margin: 0 auto 1.5em;
		line-height: 1.5em;
		font-size: 1.2em;
		max-width: 500px;
	}

.everest-forms-BlankState-cta {
		font-size: 1.2em;
		padding: 0.75em 1.5em;
		margin: 0 0.25em;
		height: auto;
		display: inline-block !important;
	}
}

.evf-pointer {
	.evf-pointer-buttons {
		.close {
			float: left;
			margin: 6px 0 0 15px;
		}
	}
}

/**
	   * Select2 elements.
	   */
.select2-container {
	.select2-selection--multiple {
		.select2-selection__rendered {
			display: block;
		}

input {
			&.select2-search__field {
				min-width: 10px;
				margin-top: 0 !important;
				margin-bottom: 4px;
			}
		}
	}

&.select2-container--focus {
		.select2-selection--multiple {
			border-color: #7545bb;
			// box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
			outline: 1px solid #7545bb;
		}
	}
}

.select2-drop,
.select2-dropdown {
	z-index: 999999 !important;

.everest-forms-btn {
		margin: 8px 4px;
	}
}

.select2-results {
	line-height: 1.5em;

.select2-results__option,
	.select2-results__group {
		margin: 0;
		padding: 8px;

&:focus {
			outline: none;
		}
	}

.description {
		display: block;
		color: #999;
		padding-top: 4px;
	}
}

.select2-dropdown {
	border-color: #007cba;

&::after {
		position: absolute;
		left: 0;
		right: 0;
		height: 1px;
		background: #fff;
		content: '';
	}
}

.select2-dropdown--below {
	box-shadow:
		0 0 0 1px #007cba,
		0 2px 1px rgba(0, 0, 0, 0.1);

&::after {
		top: -1px;
	}
}

.select2-dropdown--above {
	box-shadow:
		0 0 0 1px #007cba,
		0 -2px 1px rgba(0, 0, 0, 0.1);

&::after {
		bottom: -1px;
	}
}

.select2-container--open {
	.select2-dropdown--below {
		margin-top: -15px;
	}
}

.select2-container {
	@media only screen and (max-width: 782px) {
		font-size: 16px;
	}

&:focus {
		outline: none;
	}

span.selection {
		display: block;
	}

.select2-selection__rendered.ui-sortable li {
		cursor: move;
	}

.select2-selection {
		border-color: #7e8993;
	}

.select2-search__field {
		min-width: 150px;
	}

.select2-selection--single {
		height: 30px;
		border-color: #7e8993;

@media only screen and (max-width: 782px) {
			height: 40px;
		}

&:focus {
			outline: none;
		}

.select2-selection__rendered {
			line-height: 28px;
			padding-right: 24px;

@media only screen and (max-width: 782px) {
				line-height: 38px;
			}

&:hover {
				color: #7545bb;
			}
		}

.select2-selection__arrow {
			right: 1px;
			height: 28px;
			width: 23px;
			background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E)
				no-repeat right 5px top 55%;
			background-size: 16px 16px;

@media only screen and (max-width: 782px) {
				height: 38px;
			}

b {
				display: none;
			}
		}
	}

&.select2-container--focus .select2-selection--single,
	&.select2-container--open .select2-selection--single,
	&.select2-container--open .select2-selection--multiple {
		border-color: #7545bb;
		// box-shadow: 0 0 0 1px #007cba;
	}

.selection {
		.select2-selection--multiple {
			//Tags
			max-height: max-content;
			min-height: 38px;
			line-height: 1.5;
			border-radius: 4px;
			border-color: #e1e1e1;
			width: 100%;

.select2-selection__rendered {
				.select2-selection__choice {
					background: #f4f4f4;
					border-radius: 3px;
					gap: 4px;
					padding: 6px 10px 6px 8px;
					border: 0;
				}
			}

li {
				margin: 0;
			}

.select2-selection__choice {
				padding: 2px 6px;

.description {
					display: none;
				}
			}
		}
	}

.select2-selection__clear {
		color: #999;
		margin-top: -1px;
		z-index: 1;
	}

.select2-search--inline .select2-search__field {
		min-height: 28px;
		font-family: inherit;
		font-size: inherit;
		font-weight: inherit;
		padding: 0 0 0 3px;
	}

.everest-forms table.form-table .select2-container {
		@media only screen and (max-width: 782px) {
			min-width: 100% !important;
		}
	}
}

/**
	   * Select2 colors for built-in admin color themes.
	   */
.admin-color {
	$wp_admin_colors: (
		blue: #096484,
		coffee: #c7a589,
		ectoplasm: #a3b745,
		midnight: #e14d43,
		ocean: #9ebaa0,
		sunrise: #dd823b,
		light: #04a4cc,
	);

@each $name, $color in $wp_admin_colors {
		&-#{$name} {
			.select2-dropdown {
				border-color: $color;
			}

.select2-dropdown--below {
				box-shadow:
					0 0 0 1px $color,
					0 2px 1px rgba(0, 0, 0, 0.1);
			}

.select2-dropdown--above {
				box-shadow:
					0 0 0 1px $color,
					0 -2px 1px rgba(0, 0, 0, 0.1);
			}

.select2-selection--single .select2-selection__rendered:hover {
				color: #7545bb !important;
			}

.select2-container.select2-container--focus .select2-selection--single,
			.select2-container.select2-container--open .select2-selection--single,
			.select2-container.select2-container--open .select2-selection--multiple {
				border-color: #7545bb;
				box-shadow: 0 0 0 1px #7545bb;
			}

.select2-container--default
				.select2-results__option--highlighted[aria-selected],
			.select2-container--default
				.select2-results__option--highlighted[data-selected] {
				background: $color;
			}
		}
	}
}

.everest-forms {
	table {
		&.form-table {
			.select2-container--default {
				&.select2-container--focus {
					.select2-selection--multiple {
						border-color: #7545bb;
						// box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
						// outline: 2px solid transparent;
					}
				}
			}

.select2-container {
				// min-width: 350px !important;
			}
		}
	}
}

@media screen and (max-width: 1226px) {
	.everest-forms_page_evf-builder {
		#everest-forms-builder {
			.everest-forms-nav-wrapper {
				.evf-forms-nav-right {
					width: 269px;

.evf-shortcode-field {
						input {
							display: none;
						}

button {
							border-radius: 3px;
						}
					}
				}
			}
		}
	}
}

/**
	   * Small screen optimisation.
	   **/

/**
	   * Optimisation for screens 960px and smaller.
	   **/
@media only screen and (max-width: 960px) {
	.everest-forms_page_evf-builder {
		#everest-forms-builder {
			.evf-tab-content {
				.everest-forms-panel {
					.everest-forms-panel-sidebar {
						width: 280px;
						height: calc(100vh - 122px);

.evf-registered-buttons {
							.evf-registered-item {
								width: 46%;
							}
						}
					}

.everest-forms-panel-sidebar-content {
						.everest-forms-panel-content-wrap {
							width: calc(100% - 280px);
						}
					}
				}
			}
		}
	}

.everest-forms {
		.everest-forms-integration-content {
			.integration-addon-detail {
				width: 280px;
			}
		}
	}
}

@media screen and (max-width: 998px) {
	.everest-forms_page_evf-builder {
		#everest-forms-builder {
			.everest-forms-nav-wrapper {
				nav.evf-nav-tab-wrapper {
					width: calc(100% - 269px);
				}

.evf-forms-nav-right {
					width: 269px;

.evf-shortcode-field {
						input {
							display: none;
						}

button {
							border-radius: 3px;
						}
					}
				}
			}
		}
	}
}

/**
	   * Optimisation for screens 782px and smaller.
	   **/
@media screen and (max-width: 782px) {
	.everest-forms_page_evf-builder {
		.auto-fold {
			#wpcontent {
				padding-left: 0;
			}
		}

.everest-forms {
			.everest-forms-overlay {
				z-index: 99999;
			}
		}

#everest-forms-builder {
			width: 100%;

#everest-forms-builder-form {
				width: 100% !important; // Adjust Form builder width

.evf-tab-content {
					.everest-forms-panel-content-wrap {
						.everest-forms-panel-content {
							height: calc(100vh - 122px);

&.ps {
								height: calc(100vh - 176px);
							}
						}

.evf-admin-row {
							.evf-admin-grid {
								padding: 0;
								margin: 0;
							}
						}
					}

.everest-forms-field-option-row-choices {
						ul {
							li {
								input[type='text'] {
									width: calc(100% - 118px);
								}

a {
									&.add,
									&.remove {
										width: 40px;
										height: 40px;
									}
								}
							}
						}
					}
				}
			}

.everest-forms-tab-content {
				height: calc(100vh - 172px);
			}
		}
	}

.evf-nav-tab-wrapper {
		overflow-x: auto;
	}

.everest-forms_page_evf-settings {
		.everest-forms {
			.everest-forms-settings {
				table {
					&.form-table {
						th {
							padding: 15px 0 15px;
						}
					}
				}
			}
		}
	}

.everest-forms-builder-setup {
		.everest-forms {
			#everest-forms-setup-name {
				width: auto;
			}

.evf-setup-desc {
				a {
					width: 200px;
				}
			}
		}
	}
}

/**
	   * Optimisation for screens 768px.
	   */
@media screen and (min-width: 768px) {
	.evf-form-col-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}

.evf-form-col-4 {
		flex: 0 0 33.333%;
		max-width: 33.333%;
	}
}

/**
	   * Optimisation for screens 600px and smaller.
	   */
@media screen and (max-width: 600px) {
	.everest-forms_page_evf-builder,
	.everest-forms_page_evf-settings {
		.everest-forms {
			.evf-nav-tab-wrapper {
				a {
					&.nav-tab {
						margin: 0;
					}
				}
			}
		}
	}

.everest-forms-builder-setup {
		.everest-forms {
			width: 100%;
			margin: 20px 0;

.evf-setup-desc a {
				display: block;
				margin-bottom: 30px;
				text-align: center;
				width: 100%;
				margin-left: 0;
			}
		}
	}

.everest-forms_page_evf-builder {
		#wpbody-content {
			padding-bottom: 0;
		}

#everest-forms-builder {
			position: initial;

#everest-forms-builder-form {
				position: relative;
			}

.evf-tab-content {
				.everest-forms-panel-content-wrap {
					padding: 20px 20px 0;

.evf-admin-row {
						flex-direction: column;
						margin: 0 0 20px;
						position: relative;

.evf-admin-grid {
							&.evf-grid-1,
							&.evf-grid-2,
							&.evf-grid-3,
							&.evf-grid-4 {
								width: auto;
							}
						}
					}
				}
			}

.everest-forms-nav-wrapper {
				nav.evf-nav-tab-wrapper {
					width: calc(100% - 207px);
				}

.evf-forms-nav-right {
					width: 207px;
					margin-top: 10px;
					padding: 9px 17px;

.evf-shortcode-field {
						display: none;
					}
				}
			}

.evf-tab-content {
				.everest-forms-panel {
					.everest-forms-panel-sidebar-content {
						flex-direction: column;

.everest-forms-panel-sidebar,
						.everest-forms-panel-content-wrap {
							width: 100%;
						}

.everest-forms-panel-sidebar {
							height: auto;
						}

.everest-forms-panel-content-wrap {
							padding: 0;
						}
					}
				}

.evf-choices-list {
					li {
						input[type='text'] {
							width: 84%;
						}
					}
				}
			}
		}
	}

.everest-forms {
		.everest-forms-integration-content {
			flex-wrap: wrap;

.integration-addon-detail {
				width: 100%;
				margin: 0 20px;
				border-bottom: 1px solid #ced4da;
				border-right: none;
				padding-left: inherit;
			}

.integration-connection-detail {
				width: 100%;
			}
		}

.everest-forms-integrations-connection {
			.everest-forms-integrations {
				.integration-header-info {
					.integration-detail {
						flex-direction: column;
						align-items: flex-start;
					}
				}

.integration-header-info {
					align-items: flex-start;

.integration-status {
						margin-top: 15px;
					}

.integration-detail {
						.logo {
							margin-bottom: 15px;
						}
					}
				}
			}
		}
	}
}

@media screen and (max-width: 428px) {
	.everest-forms_page_evf-builder {
		#everest-forms-builder {
			.evf-tab-content {
				.everest-forms-panel {
					.everest-forms-panel-sidebar {
						.evf-registered-buttons {
							.evf-registered-item {
								width: 46%;
							}
						}
					}
				}
			}
		}
	}
}

/**
	   * Optimisation for screens 400px and smaller.
	   */
@media screen and (max-width: 400px) {
	#everest-forms-builder {
		.evf-tab-lists li {
			a {
				padding: 15px;
			}

.dashicons {
				font-size: 24px;
			}
		}

.evf-tab-content {
			.everest-forms-panel {
				.everest-forms-panel-sidebar {
					.evf-registered-buttons {
						.evf-registered-item {
							width: 47%;
						}
					}
				}
			}
		}
	}

.jconfirm.jconfirm-white .jconfirm-box,
	.jconfirm.jconfirm-light .jconfirm-box {
		width: 90% !important;
	}
}

.evf-repeater-fields {
	padding: 0 20px 20px;

.everest-forms-field-repeater-fields {
		width: calc(100% + 60px) !important;
		margin-left: -30px !important;
		margin-top: -1px !important;
		min-height: 48px;
	}

div.evf-admin-grid.evf-repeatable-grid {
		padding: 0 10px 10px !important;
	}
}

#elementor-editor-wrapper .everest-icon:before,
.elementor-edit-area .everest-icon:before {
	content: '\e902';
	font-family: 'EverestForms';
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

.everest-forms-field.ui-sortable-helper .evf-field-action {
	display: none;
}

.everest-forms-builder .everest-forms-field.ui-sortable-helper {
	padding: 15px 15px 0 15px;
	border: 1px solid #cdd0d8;
	border-radius: 3px;

label {
		display: block;
		font-size: 13px;
		font-weight: 600;
		margin-bottom: 10px;

.required {
			vertical-align: middle;
			padding-left: 6px;
		}
	}
}

.everest-forms-builder {
	.evf-registered-item.ui-draggable.ui-draggable-handle.ui-draggable-dragging {
		font-size: 12px !important;
		background: #fff;
		border: 1px solid #cdd0d8;
		color: #6c7680;

.evf-icon {
			padding: 0 8px;
			border-radius: 4px;
			font-size: 24px;
			vertical-align: middle;
		}
	}
}

.jconfirm-content-pane {
	height: auto !important;

.evf-shortcut-keyword {
		margin-bottom: 18px;

.evf-shortcut-title {
			flex: 3;
		}

li {
			display: flex;
			align-items: center;

.evf-key {
				display: flex;
				flex: 2;
				column-gap: 8px;
				color: #3498db;

span {
					border: 1px solid #3498db;
					background: #3498db13;
					padding: 4px 0;
					width: 40px;
					border-radius: 2px;
				}
			}
		}
	}
}

.evf-btn-container {
	a {
		display: inline-block;
		padding: 4px 8px;
		border: 1px solid #3498db;
		margin-bottom: 8px;
		border-radius: 2px;
		background: #f5fbff;
		line-height: 1.8em;

&:hover {
			background: #3498db;
			color: #fff;
			cursor: pointer;
		}
	}

.evf-btn-unselect-all {
		margin-left: 8px;
	}
}

// Customize Select2 style
.select2-results__option .wrap:before {
	content: '\2610';
	width: 25px;
	height: 25px;
	padding-right: 10px;
}

.select2-results__option[data-selected='true'] .wrap:before {
	content: '\2714';
}

.select2-drop,
.select2-dropdown {
	z-index: 999999 !important;
}

.select2-results {
	line-height: 1.5em;

.select2-results__option,
	.select2-results__group {
		margin: 0;
		padding: 8px;
	}
}

.select2-dropdown {
	border-color: gray;
}

.select2-dropdown--below {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.select2-dropdown--above {
	box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);
}

.select2-container {
	.select2-selection__rendered.ui-sortable li {
		cursor: move;
	}

.select2-selection {
		border-color: gray;
	}

.select2-search__field {
		min-width: 20px;
	}

.select2-selection--single {
		height: 32px;

.select2-selection__rendered {
			display: block;
			line-height: 32px;
			padding-right: 24px;
		}

.select2-selection__arrow {
			right: 3px;
			height: 30px;
		}
	}

.select2-selection--multiple {
		min-height: 28px;
		border-radius: 4px;
		line-height: 1.5;
		border: 1px solid #ddd !important;
		padding-left: 4px;

li {
			margin: 0;
		}

.select2-selection__choice {
			padding: 2px 6px;
		}

.select2-selection__rendered {
			// display: block;
			display: flex;
			margin: 0px;

.select2-selection__choice {
				margin: 4px;
				line-height: 1.4;
				display: flex;
				align-items: center;
				justify-content: center;

.select2-selection__choice__remove {
					bottom: 0px;
				}
			}
		}
	}

.select2-selection__clear {
		color: #999;
		margin-top: -1px;
	}

.select2-search--inline {
		.select2-search__field {
			font-family: inherit;
			font-size: inherit;
			font-weight: inherit;
			padding: 3px 0;
			margin: 0;
			line-height: 1;
			min-height: 26px;
			height: 32px;
		}
	}
}

.everest-forms-form-template-wrapper {
	.everest-forms-form-template {
		&[data-filter-template='free'] {
			.everest-forms-template-wrap[data-plan='premium'] {
				display: none;
			}
		}

&[data-filter-template='premium'] {
			.everest-forms-template-wrap[data-plan='free'] {
				display: none;
			}
		}
	}
}

.everest-forms-panel-field {
	&.everest-forms-panel-field-checkbox {
		.inline {
			padding-left: 0;
		}
	}
}

.jconfirm-scrollpane {
	.jconfirm-row {
		.jconfirm-box {
			border-top: 0 !important;
			padding: 20px !important;

div {
				&.jconfirm-title-c {
					padding-bottom: 6px;

.jconfirm-title {
						line-height: 32px;

h4 {
							margin: 0;
						}
					}
				}
			}

.jconfirm-buttons {
				padding: 0 !important;

button {
					&.btn-confirm {
						margin: 0;
						// background: $evf_primary-color;
						// background: $everestforms;
					}
				}
			}

.jconfirm-content {
				&-pane {
					margin-bottom: 6px !important;
				}

.everest_forms_hide_container {
					> p {
						padding-left: 20px;
						padding-right: 20px;
					}

.everest-forms-btn {
						background: #8c5aca;
						color: $color-white;
						font-weight: 500;
						transition: all 0.3s ease-in-out;

&:hover {
							background: #a869f6;
						}

&:focus {
							box-shadow: none;
						}

&.everest-forms-select-existing-page {
							margin: 16px 0;
							background: none;
							color: #6b6b6b;
							font-size: 15px;
							font-weight: 400;
							letter-spacing: 0.3px;
							width: 100%;
							text-align: left;
							padding: 14px 16px;
							border: 1px solid #e1e1e1;
							border-radius: 4px;
							line-height: 20px;
							background-image: url("data:image/svg+xml,%3Csvg width='10' height='14' viewBox='0 0 10 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 2L8 7L3 12' stroke='%236b6b6b' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
							background-repeat: no-repeat;
							background-position: right 12px center;
							background-size: 14px 12px;

&:hover {
								border: 1px solid #7545bb;
							}
						}

&.everest-forms-create-new-page {
							padding: 10px 16px;
							border-radius: 4px;
							background: transparent;
							font-size: 15px;
							width: 100%;
							text-align: left;
							padding: 14px 16px;
							border: 1px solid #e1e1e1;
							font-weight: 400;
							border-radius: 4px;
							letter-spacing: 0.3px;
							color: #6b6b6b;
							line-height: 20px;
							background-image: url("data:image/svg+xml,%3Csvg width='10' height='14' viewBox='0 0 10 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 2L8 7L3 12' stroke='%236b6b6b' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
							background-repeat: no-repeat;
							background-position: right 12px center;
							background-size: 14px 12px;

&:hover {
								border: 1px solid #7545bb;
							}
						}
					}
				}

.everest-forms-show-exist-page {
					select {
						// width: 70%;
						// height: 35px;
						// padding-left: 10px;
						// border-color: #d5d5d5;
						// color: #383838;
						border-radius: 4px;
						background: transparent;
						font-size: 15px;
						width: 100%;
						text-align: left;
						padding: 14px 16px;
						border: 1px solid #e1e1e1;
						font-weight: 400;
						border-radius: 4px;
						letter-spacing: 0.3px;
						color: #6b6b6b;
						line-height: 20px;
						margin: 16px 0;

appearance: none;
						-webkit-appearance: none;
						-moz-appearance: none;

background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236b7280' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
						background-repeat: no-repeat;
						background-position: right 12px center;
						background-size: 12px 8px;

&:focus {
							box-shadow: none;
							border-color: #7545bb;
							background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%237545bb' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
						}
					}

.everest-forms-lets-go-btn {
						background: #7545bb;
						color: #fff;
						font-weight: 500;
						border: 1px solid #7545bb;
						padding: 6px 16px;
						border-radius: 4px;
						vertical-align: middle;
						margin-left: 10px;
						transition: all 0.3s ease-in-out;

&:hover {
							background: #a869f6;
							border-color: #a869f6;
						}
					}

.everest-forms-show-container {
						display: flex;
						align-items: center;
						justify-content: center;
						gap: 2px;
						margin-top: 12px;
						font-size: 14px;
						text-decoration: underline;
						color: #494949;
						transition: all 0.3s ease-in-out;

&:hover {
							color: #383838;
						}

&::before {
							content: '';
							background-image: url('../images/icons/embed-back-icon.svg');
							background-repeat: no-repeat;
							background-position: center;
							background-size: 100%;
							display: block;
							width: 18px;
							height: 18px;
							margin-top: 2px;
						}
					}
				}

.everest-forms-select-existing-post-container {
					input[type='text'] {
						width: 100%;
						padding: 14px 16px;
						margin: 16px 0;
						font-size: 15px;
						line-height: 20px;

&:focus {
							border-color: #7545bb;
						}
					}
				}
			}
		}
	}
}

.select2-container {
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	position: relative;
	vertical-align: middle;
	width: 350px;

.select2-selection--single {
		box-sizing: border-box;
		cursor: pointer;
		display: block;
		height: 28px;
		margin: 0 0 -4px;
		-ms-user-select: none;
		user-select: none;
		-webkit-user-select: none;
		height: 30px;
		border-color: #7e8993;
		height: 32px;

.select2-selection__rendered {
			display: block;
			padding-left: 8px;
			padding-right: 20px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			line-height: 28px;
			padding-right: 24px;
			display: block;
			line-height: 32px;
			padding-right: 24px;

&:hover &:active {
				color: #7545bb;
			}
		}

.select2-selection__clear {
			position: relative;
		}

&:focus {
			outline: 0;
		}

b {
				display: none;
			}
		}
	}

.select2-selection--multiple {
		box-sizing: border-box;
		cursor: pointer;
		display: block;
		min-height: 32px;
		-ms-user-select: none;
		user-select: none;
		-webkit-user-select: none;
		min-height: 30px;
		line-height: 1.5;
		border-radius: 4px;
		border-color: #7e8993;
		min-height: 28px;
		border-radius: 4px;
		line-height: 1.5;
		border: 1px solid #ddd !important;
		padding-left: 4px;

.select2-selection__rendered {
			display: inline-block;
			overflow: hidden;
			padding-left: 8px;
			text-overflow: ellipsis;
			white-space: nowrap;
			display: block;
			display: flex;
			margin: 0;

.select2-selection__choice {
				margin: 4px;
				line-height: 1.4;
				display: flex;
				align-items: center;
				justify-content: center;

.select2-selection__choice__remove {
					bottom: 0;
				}
			}
		}

input.select2-search__field {
			min-width: 10px;
			margin-top: 0 !important;
			margin-bottom: 4px;
		}

li {
			margin: 0;
			margin: 0;
		}

.select2-selection__choice {
			padding: 2px 6px;
			padding: 2px 6px;

.description {
				display: none;
			}
		}
	}

.select2-search--inline {
		float: left;
		padding: 0;

.select2-search__field {
			box-sizing: border-box;
			border: none;
			font-size: 100%;
			margin: 0;
			padding: 0;
			min-height: 28px;
			font-size: inherit;
			font-weight: inherit;
			padding: 0 0 0 3px;
			font-size: inherit;
			font-weight: inherit;
			padding: 3px 0;
			margin: 0;
			line-height: 1;
			min-height: 26px;
			height: 32px;

&::-webkit-search-cancel-button {
				-webkit-appearance: none;
			}
		}
	}

&:focus {
		outline: 0;
	}

span.selection {
		display: block;
	}

.select2-selection__rendered.ui-sortable {
		li {
			cursor: move;
			cursor: move;
		}
	}

.select2-selection {
		border-color: #7e8993;
		border-color: #04a4cc;
	}

.select2-search__field {
		min-width: 150px;
		min-width: 20px;
	}

.select2-selection__clear {
		color: #999;
		margin-top: -1px;
		z-index: 1;
		color: #999;
		margin-top: -1px;
	}
}

.select2-container[dir='rtl'] {
	.select2-selection--single {
		.select2-selection__rendered {
			padding-right: 8px;
			padding-left: 20px;
		}
	}
}

.select2-dropdown {
	background: #fff;
	border: 1px solid #aaa;
	border-radius: 4px;
	box-sizing: border-box;
	display: block;
	position: absolute;
	left: -100000px;
	width: 100%;
	z-index: 1051;
	z-index: 999999 !important;
	border-color: #007cba;
	z-index: 999999 !important;
	border-color: gray;

.everest-forms-btn {
		margin: 8px 4px;
	}

&::after {
		position: absolute;
		left: 0;
		right: 0;
		height: 1px;
		background: #fff;
		content: '';
	}
}

.select2-results {
	display: block;
	line-height: 1.5em;
	line-height: 1.5em;

.select2-results__group {
		margin: 0;
		padding: 8px;
		margin: 0;
		padding: 8px;

&:focus {
			outline: 0;
		}
	}

.select2-results__option {
		margin: 0;
		padding: 8px;
		margin: 0;
		padding: 8px;

&:focus {
			outline: 0;
		}
	}

.description {
		display: block;
		color: #999;
		padding-top: 4px;
	}
}

.select2-results__options {
	list-style: none;
	margin: 0;
	padding: 0;
}

.select2-results__option {
	padding: 6px;
	outline: 0;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-select: none;

.wrap {
		&:before {
			content: '\2610';
			width: 25px;
			height: 25px;
			padding-right: 10px;
		}
	}
}

.select2-results__option[aria-selected] {
	cursor: pointer;
}

.select2-results__option[data-selected] {
	cursor: pointer;
}

.select2-container--open {
	.select2-dropdown {
		left: 0;
	}

.select2-dropdown--above {
		border-bottom: none;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

.select2-dropdown--below {
		border-top: none;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		margin-top: 0;
	}
}

.select2-search--dropdown {
	display: block;
	padding: 4px;

.select2-search__field {
		width: 100%;
		box-sizing: border-box;

&::-webkit-search-cancel-button {
			-webkit-appearance: none;
		}
	}
}

.select2-search--dropdown.select2-search--hide {
	display: none;
}

.select2-close-mask {
	border: 0;
	margin: 0;
	padding: 0;
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	min-height: 100%;
	min-width: 100%;
	height: auto;
	width: auto;
	opacity: 0;
	z-index: 99;
	background: #fff;
}

.select2-hidden-accessible {
	border: 0 !important;
	clip: rect(0 0 0 0) !important;
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
}

.select2-container--default {
	.select2-selection--single {
		background: #fff;
		border: 1px solid #e1e1e1;
		border-radius: 4px;
		min-height: 36px;

.select2-selection__rendered {
			color: #444;
			line-height: 28px;
		}

.select2-selection__clear {
			cursor: pointer;
			float: right;
			font-weight: 700;
		}

.select2-selection__placeholder {
			color: #999;
		}

.select2-selection__arrow {
			height: 26px;
			position: absolute;
			top: 6px;
			right: 1px;
			width: 20px;

b {
				border-color: #888 transparent transparent transparent;
				border-style: solid;
				border-width: 5px 4px 0 4px;
				height: 0;
				left: 50%;
				margin-left: -4px;
				margin-top: -2px;
				position: absolute;
				top: 50%;
				width: 0;
			}
		}
	}

.select2-selection--multiple {
		background: #fff;
		border: 1px solid #aaa;
		border-radius: 4px;
		cursor: text;

.select2-selection__rendered {
			box-sizing: border-box;
			list-style: none;
			margin: 0;
			padding: 0;
			width: 100%;

li {
				list-style: none;
				// margin: 5px 5px 0 0;

&::before {
					content: '';
					display: none;
				}
			}
		}

.select2-selection__placeholder {
			color: #999;
			margin-top: 5px;
			float: left;
		}

.select2-selection__clear {
			cursor: pointer;
			float: right;
			font-weight: 700;
			margin-top: 5px;
			margin-right: 10px;
		}

.select2-selection__choice {
			background: #e4e4e4;
			border: 1px solid #aaa;
			border-radius: 4px;
			cursor: default;
			float: left;
			margin-right: 5px;
			margin-top: 5px;
			padding: 0 5px;
		}

.select2-selection__choice__remove {
			color: #999;
			cursor: pointer;
			display: inline-block;
			font-weight: 700;
			margin-right: 2px;

&:hover {
				color: #333;
			}
		}
	}

.select2-search--dropdown {
		.select2-search__field {
			border: 1px solid #aaa;
		}
	}

.select2-search--inline {
		.select2-search__field {
			background: 0 0;
			border: none;
			outline: 0;
			box-shadow: none;
			-webkit-appearance: textfield;
		}
	}

.select2-results {
		> .select2-results__options {
			max-height: 200px;
			overflow-y: auto;
		}
	}

.select2-results__option[role='group'] {
		padding: 0;
	}

.select2-results__option[aria-disabled='true'] {
		color: #999;
	}

.select2-results__option[aria-selected='true'] {
		background: #ddd;
	}

.select2-results__option[data-selected='true'] {
		background: #ddd;
	}

.select2-results__option {
		.select2-results__option {
			padding-left: 1em;

.select2-results__group {
				padding-left: 0;
			}

.select2-results__option {
				margin-left: -1em;
				padding-left: 2em;

.select2-results__option {
					margin-left: -2em;
					padding-left: 3em;

.select2-results__option {
						margin-left: -3em;
						padding-left: 4em;

.select2-results__option {
							margin-left: -4em;
							padding-left: 5em;

.select2-results__option {
								margin-left: -5em;
								padding-left: 6em;
							}
						}
					}
				}
			}
		}
	}

.select2-results__option--highlighted[aria-selected] {
		color: #fff;
		background: #0073aa;
	}

.select2-results__option--highlighted[data-selected] {
		/* dropdown on hover */
		color: #7545bb;
		background: #eee8f7;
	}

.select2-results__group {
		cursor: default;
		display: block;
		padding: 6px;
	}
}

.select2-container--default[dir='rtl'] {
	.select2-selection--single {
		.select2-selection__clear {
			float: left;
		}

.select2-selection__arrow {
			left: 1px;
			right: auto;
		}
	}

.select2-selection--multiple {
		.select2-search--inline {
			float: right;
		}

.select2-selection__choice {
			float: right;
			margin-left: 5px;
			margin-right: auto;
		}

.select2-selection__placeholder {
			float: right;
		}

.select2-selection__choice__remove {
			margin-left: 2px;
			margin-right: auto;
		}
	}
}

.select2-container--default.select2-container--disabled {
	.select2-selection--single {
		background: #eee;
		cursor: default;

.select2-selection__clear {
			display: none;
		}
	}

.select2-selection--multiple {
		background: #eee;
		cursor: default;
	}

.select2-selection__choice__remove {
		display: none;
	}
}

.select2-container--default.select2-container--open {
	.select2-selection--single {
		.select2-selection__arrow {
			b {
				border-color: transparent transparent #888 transparent;
				border-width: 0 4px 5px 4px;
			}
		}
	}
}

.select2-container--default.select2-container--focus {
	.select2-selection--multiple {
		border: solid #000 1px;
		outline: 0;
	}
}

.select2-container--default.select2-container--open.select2-container--above {
	.select2-selection--multiple {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

.select2-selection--single {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
}

.select2-container--default.select2-container--open.select2-container--below {
	.select2-selection--multiple {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

.select2-selection--single {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
}

.select2-container--classic {
	.select2-selection--single {
		background: #f7f7f7;
		border: 1px solid #aaa;
		border-radius: 4px;
		outline: 0;
		background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
		background-repeat: repeat-x;

&:focus {
			border: 1px solid $primary-color;
		}

.select2-selection__rendered {
			color: #444;
			line-height: 28px;
		}

.select2-selection__clear {
			cursor: pointer;
			float: right;
			font-weight: 700;
			margin-right: 10px;
		}

.select2-selection__placeholder {
			color: #999;
		}

.select2-selection__arrow {
			background: #ddd;
			border: none;
			border-left: 1px solid #aaa;
			border-top-right-radius: 4px;
			border-bottom-right-radius: 4px;
			height: 26px;
			position: absolute;
			top: 1px;
			right: 1px;
			width: 20px;
			background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
			background-repeat: repeat-x;

.select2-selection--multiple {
		background: #fff;
		border: 1px solid #aaa;
		border-radius: 4px;
		cursor: text;
		outline: 0;

&:focus {
			border: 1px solid #0073aa;
		}

.select2-selection__rendered {
			list-style: none;
			margin: 0;
			padding: 0 5px;
		}

.select2-selection__clear {
			display: none;
		}

.select2-selection__choice__remove {
			color: #888;
			cursor: pointer;
			display: inline-block;
			font-weight: 700;
			margin-right: 2px;

&:hover {
				color: #555;
			}
		}
	}

.select2-search--dropdown {
		.select2-search__field {
			border: 1px solid #aaa;
			outline: 0;
		}
	}

.select2-search--inline {
		.select2-search__field {
			outline: 0;
			box-shadow: none;
		}
	}

.select2-dropdown {
		background: #fff;
		border: 1px solid transparent;
	}

.select2-dropdown--above {
		border-bottom: none;
	}

.select2-dropdown--below {
		border-top: none;
	}

.select2-results {
		> .select2-results__options {
			max-height: 200px;
			overflow-y: auto;
		}
	}

.select2-results__option[role='group'] {
		padding: 0;
	}

.select2-results__option[aria-disabled='true'] {
		color: grey;
	}

.select2-results__option--highlighted[aria-selected] {
		background: #3875d7;
		color: #fff;
	}

.select2-results__option--highlighted[data-selected] {
		background: #3875d7;
		color: #fff;
	}

.select2-results__group {
		cursor: default;
		display: block;
		padding: 6px;
	}
}

.select2-container--classic[dir='rtl'] {
	.select2-selection--single {
		.select2-selection__clear {
			float: left;
		}

.select2-selection__arrow {
			border: none;
			border-right: 1px solid #aaa;
			border-radius: 0;
			border-top-left-radius: 4px;
			border-bottom-left-radius: 4px;
			left: 1px;
			right: auto;
		}
	}

.select2-selection--multiple {
		.select2-selection__choice {
			float: right;
			margin-left: 5px;
			margin-right: auto;
		}

.select2-selection__choice__remove {
			margin-left: 2px;
			margin-right: auto;
		}
	}
}

.select2-container--classic.select2-container--open {
	.select2-selection--single {
		border: 1px solid #0073aa;

.select2-selection__arrow {
			background: 0 0;
			border: none;

b {
				border-color: transparent transparent #888 transparent;
				border-width: 0 4px 5px 4px;
			}
		}
	}

.select2-selection--multiple {
		border: 1px solid #0073aa;
	}

.select2-dropdown {
		border-color: #0073aa;
	}
}

.select2-container--classic.select2-container--open.select2-container--above {
	.select2-selection--single {
		border-top: none;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		background-image: linear-gradient(to bottom, #fff 0, #eee 50%);
		background-repeat: repeat-x;
	}

.select2-selection--multiple {
		border-top: none;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
}

.select2-container--classic.select2-container--open.select2-container--below {
	.select2-selection--single {
		border-bottom: none;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
		background-repeat: repeat-x;
	}

.select2-selection--multiple {
		border-bottom: none;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
}

.evf-akismet {
	.evf-akismet-warning {
		.evf-akismet-warning-label {
			color: #ffcc00;
		}
	}
}

// Everest Forms system info settings.
.everest-forms {
	position: relative;
}

.everest-forms-system-info-setting {
	margin-top: 40px;

&-copy {
		background: #7545bb;
		position: absolute;
		top: 0;
		right: 0;
		padding: 8px 14px;
		border-radius: 4px;
		border: 0;
		font-size: 14px;
		line-height: 22px;
		font-weight: 500;
		cursor: pointer;
		color: #ffffff;
	}

table {
		width: 100%;
		border-collapse: collapse;

th,
		td {
			padding: 10px;
			border: 1px solid #dcdcdc;
			text-align: left;
			font-size: 14px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

th {
			font-weight: 500;
			vertical-align: top;
		}

tr {
			&:nth-child(even) {
				background: #ffffff;

th {
					background: #ffffff;
				}
			}

&:hover {
				background: #f4f4f4;

th {
					background: #f4f4f4;
				}
			}

th {
				&[colspan='2'] {
					background: #f4f4f4;
					color: #222222;
					font-size: 15px;
					line-height: 23px;
					font-weight: 500;
					letter-spacing: 0.2px;
				}
			}
		}
	}
}

// Image upload button delete icon
.everest-forms-panel-field-image {
	.everest-forms-custom-image-container {
		.everest-forms-custom-image-delete {
			display: inline-flex;
			position: relative;

i {
				display: none;
			}

&:hover {
				&::before {
					content: '';
					background: #000;
					position: absolute;
					width: 100%;
					height: 100%;
					opacity: 0.6;
				}

i {
					position: absolute;
					display: contents;

&:hover {
						&::before,
						&::after {
							transform: translate(-50%, -50%) scale(1.1);
						}
					}

&::before {
						content: '';
						background: #d52626;
						width: 42px;
						height: 42px;
						position: absolute;
						border-radius: 50%;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
					}

&::after {
						content: '\e906';
						position: absolute;
						font-size: 22px;
						color: #fff;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
					}
				}
			}
		}
	}
}

#everest-forms-builder {
	.everest-forms-options {
		padding-left: 20px;
	}

.evf-tab-content {
		.evf-quiz-section {
			.enable-quiz-head {
				background: #f8f9fa;
				margin-left: -20px;
				margin-top: -20px;
				margin-right: -20px;
				padding: 20px 20px 0;
				border-bottom: 1px solid #e0e3e6;

label {
					font-size: 14px;
				}
			}

.evf-quiz-reporting {
				.everest-forms-panel-field-radio {
					.row {
						display: flex;
						align-items: center;
						margin-bottom: 10px;

input {
							margin: 0 4px 0 0;
						}

input[type='radio'] {
							position: relative !important;

&:checked {
								background: #f6f5f8;
								border-color: #7545bb;

&::before {
									content: '' !important;
									position: absolute !important;
									inset: 0 !important;
									margin: auto !important;
									float: none !important;
									display: block !important;
									border-radius: 50% !important;
									width: 0.5rem !important;
									height: 0.5rem !important;
									background: #fff !important;
									background-color: #7545bb !important;
									outline: 4px solid transparent !important;
								}
							}
						}

label {
							margin-bottom: 0;
						}
					}
				}
			}

.evf-quiz-settings {
				padding-left: 20px;

.everest-forms-overall-feedback {
					max-width: 800px;
					border: 1px solid transparent;

> div > label {
						padding: 0 10px;
						margin: 0 0 10px -10px;
						background: $color-white;
						display: inline-block;
						transform: translateY(-50%);
					}

.everest-forms-panel-field {
						margin-bottom: 0;
					}

.everest-forms-options {
						padding-left: 0;
					}

.overall-feedback-option {
						.evf-form-group {
							padding: 20px;
							position: relative;
							margin-bottom: 20px;
							border-radius: 4px;
							border: 1px solid $color_gray-lighten;
							background: #fcfcfd;

input {
								&.score_from {
									pointer-events: none;
									background: $color_gray-light-skin;
								}
							}

.evf-disabled {
								cursor: not-allowed;

input {
									pointer-events: none;
									background: $color_gray-light-skin;
								}
							}

.feedback-label-group {
								flex: 1;
								display: flex;
								margin-bottom: 15px;

.feedback-input-group {
									flex: 1;
									margin-right: 15px;

label {
										margin-bottom: 6px;
									}

.feedback-input-value {
										display: flex;
										align-items: center;
										position: relative;

input {
											padding-right: 40px;
										}

span {
											width: 40px;
											height: 40px;
											display: flex;
											align-items: center;
											justify-content: center;
											position: absolute;
											right: 0;
											background: $color_gray-more-lighten;
											border: 1px solid $color-gray-lighten;
											border-radius: 0 4px 4px 0;
										}
									}

&:last-child {
										margin-right: 0;
									}
								}
							}

.remove_feedback {
								cursor: pointer;
								position: absolute;
								top: 3px;
								right: 3px;
								color: $color_gray-base;

&:hover {
									color: $red;
								}
							}
						}

.add_feedback {
							display: block;
							text-align: right;
							margin-left: auto;
							background: #7e3bd0;
							padding: 6px 16px;
							border: none;
							border-radius: 3px;
							font-size: 12px;
							font-weight: 400;
							color: #ffffff;
							margin-top: 20px;
						}
					}
				}
			}
		}

// Likert-table and Scale rating table
		table {
			&.everest-forms-likert-table,
			&.everest-froms-likert-field-preview,
			&.everest-forms-scale-rating-table {
				input {
					display: none;
				}

label {
					margin-bottom: 0;
				}
			}

// Likert-table
			&.everest-forms-likert-table,
			&.everest-froms-likert-field-preview {
				background: $color-white;
				width: 100%;
				overflow: hidden;
				margin-bottom: 5px;
				border: 1px solid $color_gray-lighten;

input,
				select {
					border-color: $color_gray-lighten;
				}

label {
					&::before {
						height: 16px;
						width: 16px;
						content: '';
						border: 1px solid $color_gray-lighten;
						display: block;
						margin: 0 auto;
					}
				}

input[type='radio'] {
					+ label {
						&::before {
							border-radius: 50%;
						}
					}
				}

select {
					height: 20px;
					width: 70px;
					opacity: 0.6;
					font-size: 12px;
				}

th,
				td {
					padding: 10px;
					height: 42px;
					word-break: break-word;
				}

th {
					font-size: 12px;
					font-weight: 400;
					text-align: center;
				}

thead {
					th {
						background: $color_gray-light-skin;
						border-bottom: 1px solid $color_gray-lighten;
					}
				}

tbody {
					tr {
						text-align: left;

th {
							text-align: left;
						}

td {
							text-align: center;

&:last-child {
								border-right: none;
							}
						}

&:nth-child(even) {
							th,
							td {
								background: $color_gray-light-skin;
							}
						}
					}
				}
			}

// Scale rating table
			&.everest-forms-scale-rating-table {
				width: 100%;
				table-layout: fixed;

thead {
					tr {
						th {
							font-size: 12px;
							font-weight: 400;
							padding-bottom: 10px;

.lowest-rating {
								float: left;
							}

.highest-rating {
								float: right;
							}
						}
					}
				}

tbody {
					tr {
						td {
							border: 1px solid $color_gray-lighten;
							height: 40px;
							border-right: none;
							background: $color_gray-light-skin;
							text-align: center;

&:last-child {
								border-right: 1px solid $color_gray-lighten;
							}
						}
					}
				}
			}
		}
	}
}

#everest-forms-builder {
	.everest-forms-panel-field-radio {
		.row {
			input[type='radio'] {
				position: relative;

&:checked {
					border-color: #7545bb;

&::before {
						content: '';
						position: absolute;
						inset: 0;
						margin: auto;
						display: block;
						border-radius: 50%;
						width: 0.5rem;
						height: 0.5rem;
						background-color: #7545bb;
						border: none;
					}
				}
			}
		}
	}
}

.evf-survey-choices {
	&[data-choice-type='drop_down_choices'] {
		input[type='text'] {
			width: 74%;
		}
	}
}

// Quiz
.evf-correct-answers {
	li {
		margin-bottom: 10px;
	}
}

/**
	* Analytic Table Dashboard
	*/
.evf-survey-loader {
	display: block;
	padding: 70px;
	background: $color-white;
	box-shadow: 0 1px 5px rgba(51, 56, 64, 0.1);

.evf-loading.evf-loading-active {
		margin: 0 auto;
		float: none;
		display: block;
	}
}

.everest-forms-single-survey-container {
	border-top: 1px solid $color_gray-lighten;
	margin: 20px 0;

.everest-forms-survey-block {
		margin-right: 0;
		margin-top: 25px;
	}

.survey-block-chart-content {
		.survey-block-chart-overview {
			max-height: 329px;
		}
	}

.everest-forms-survey-summary {
		max-height: 455px;
		overflow-x: hidden;
		overflow-y: auto;
	}
}

.full-survey-entries-header {
	padding: 20px 0;
	margin-bottom: 35px;
	border-bottom: 1px solid $color_gray-lighten;

select {
		height: 36px;
		padding: 0 10px;
		font-size: 16px;
		font-weight: 600;
		border-radius: 3px;
	}

.everest-forms-btn {
		vertical-align: middle;
	}
}

.everest-forms-survey-block {
	padding: 20px;
	background: $color-white;
	margin-right: 20px;
	margin-bottom: 30px;
	border-radius: 8px;
	box-shadow: 0 1px 5px rgba(51, 56, 64, 0.1);
	position: relative;

.everest-forms-survey-header {
		margin-top: 0;

.everest-forms-survey-selection {
			label {
				top: -35px;
				position: absolute;
				padding: 5px 10px;
				border-radius: 3px;
				background: $color-white;
				box-shadow: 0 2px 2px rgba(159, 175, 199, 0.6);
			}
		}
	}

&.evf-empty-data {
		display: flex;
		align-items: center;

.evf-icon-circle {
			padding: 20px;
			background: transparentize($color_gray-lighten, 0.75);
			display: inline-flex;
			border-radius: 50%;
			margin-right: 20px;

svg {
				height: 64px;
				width: 64px;
				fill: $color_gray-base;
			}
		}
	}
}

.everest-forms-survey-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 35px 0 20px;

.everest-forms-survey-selection {
		display: flex;
		align-items: center;
		position: relative;

.form-header-name {
			margin-right: 15px;
		}

.survey-type-select {
			position: relative;
			margin-right: 15px;

label {
				left: 0;
				right: 0;
				top: -22px;
				position: absolute;
				text-align: center;
				font-style: italic;
			}

select {
				&.survey-type {
					margin: 0;
					height: 36px;
					padding: 0 5px;
					font-size: 14px;
					min-width: 170px;
					border-radius: 3px;
					font-weight: normal;
				}
			}
		}

.evf-analytic-button {
			margin-left: 15px;
		}

.survey-type {
			margin: 10px 0 0;
			font-size: 16px;
			box-shadow: none;
			font-weight: 600;
		}
	}

.evf-analytic-action-nav {
		ul {
			margin: 0;
			display: flex;

li {
				margin-bottom: 0;
				margin-right: 15px;

&:last-child {
					margin-right: 0;
				}
			}
		}
	}
}

.box-wrap {
	background: $color-white;
	display: flex;
	justify-content: space-between;
	border: 1px solid $color_gray-lighten;
	border-radius: 8px;
}

.survey-block-average-overview {
	display: flex;
	flex-wrap: wrap;

.box-wrap {
		flex: 1;
		align-items: center;
		margin: 0 10px 20px;

&:first-child {
			margin-left: 0;
		}

&:last-child {
			margin-right: 0;
		}
	}

.response-detail {
		color: $color_gray-light;
		display: flex;
		flex-direction: column;
		font-size: 16px;
		padding: 20px;

strong {
			font-size: 36px;
			line-height: 1;
			margin-bottom: 5px;
			color: $color_gray-dark;
		}
	}

.icon-thumbnail {
		padding: 20px;
		display: flex;
		border-left: 1px solid $color_gray-lighten;

svg {
			height: 48px;
			width: 48px;
			fill: $everestforms;
			border-radius: 4px;
			background: transparentize($everestforms, 0.85);
			padding: 10px;
		}
	}
}

.survey-block-chart-content {
	width: 60%;
	padding: 0 20px;
	border-right: 1px solid $color_gray-lighten;

.chart-tab-action {
		padding: 15px 0;
		text-align: right;
		border-bottom: 1px solid $color_gray-lighten;

button {
			width: 35px;
			height: 35px;
			border: none;
			line-height: 1;
			cursor: pointer;
			margin-left: 10px;
			border-radius: 4px;
			background: $color_gray-more-lighten;
			transition: all 0.25s ease 0s;

&.current-tab-active,
			&:hover {
				color: $color-white;
				background: $everestforms;

svg {
					fill: $color-white;
				}
			}

svg {
				width: 20px;
				height: 20px;
				fill: $color_gray-normal;
				transition: all 0.25s ease 0s;
			}
		}
	}

.survey-block-chart-overview {
		height: 370px;
		padding: 50px 0;
		background: $color-white;
	}
}

.everest-forms-survey-summary {
	flex: 1;
	padding: 20px;
	overflow: auto;

table {
		width: 100%;
		border-spacing: 0;
		border-radius: 4px;
		border: 1px solid $color_gray-lighten;

th,
		td {
			padding: 10px;
		}

thead {
			th {
				background: $color_gray-light-skin;
				border-bottom: 1px solid $color_gray-lighten;

&:first-child {
					text-align: left;
					border-radius: 4px 0 0 0;
				}

&:last-child {
					text-align: right;
					border-radius: 0 4px 0 0;
				}
			}
		}

tbody {
			tr {
				&:nth-child(even) {
					th,
					td {
						background: $color_gray-light-skin;
					}
				}

td {
					&:last-child {
						text-align: right;
					}
				}
			}
		}

&.evf-likert-chart-table {
			th,
			td {
				text-align: center;
			}

thead {
				th {
					&:last-child {
						text-align: center;
					}
				}
			}

tbody {
				tr {
					td {
						&:last-child {
							text-align: center;
						}
					}
				}
			}
		}
	}

.summary-chart-wrapper {
		width: 100%;
		border-spacing: 0;
		border-radius: 4px;
		border: 1px solid $color_gray-lighten;

.summary-chart-header {
			background: $color_gray-light-skin;
			border-bottom: 1px solid $color_gray-lighten;
			border-radius: 4px 4px 0 0;
			margin: 0;
			padding: 15px 10px;
			font-size: 14px;
		}

.summary-chart-body {
			display: flex;
			flex-wrap: wrap;

.survey-chart-row {
				flex: 1;
				padding: 15px 5px;
				position: relative;
				text-align: center;

&:first-child {
					flex: 100%;
					border-bottom: 1px solid $color_gray-lighten;
					padding: 30px;

.survey-chart-column {
						&:last-child {
							font-size: 22px;
							color: $everestforms;
							margin-top: 10px;
						}
					}
				}

svg {
					width: 200px !important;
					margin: 0 auto;
				}

.progressbar-text {
					font-size: 28px;
					font-weight: 600;
					position: absolute;
				}

.survey-chart-column {
					margin: 5px 0;
					font-size: 14px;
					font-weight: 600;
				}
			}
		}
	}

/**
		* Star Rating Table
	   **/
	.approx-rating-result {
		padding: 20px;
		margin: 10px 0;

.approx-rating-label {
			font-size: 48px;
			line-height: 1;
			margin-bottom: 10px;
		}

.total-reviews {
			font-size: 16px;
			font-weight: 600;
			color: $color_gray-base;
		}
	}

.summary-chart-rating {
		margin: 0 20px;
		padding: 20px 0;
		border-top: 1px solid $color_gray-lighten;

.survey-chart-row {
			margin-bottom: 15px;

.survey-chart-column {
				display: flex;
				justify-content: space-between;

&:first-child {
					margin-bottom: 5px;
				}

.rating-progress {
					flex: 1;
					height: 5px;
					display: flex;
					overflow: hidden;
					background: $color_gray-lighten;
					border-radius: 3px;

.progress-bar {
						display: flex;
						flex-direction: column;
						justify-content: center;
						color: $color-white;
						text-align: center;
						white-space: nowrap;
						background: $everestforms;
						transition: width 0.6s ease;
					}
				}
			}
		}
	}

&::-webkit-scrollbar {
		width: 8px;
	}

&::-webkit-scrollbar-track {
		background: $color_gray-more-lighten;
	}

&::-webkit-scrollbar-thumb {
		background: transparentize($color_gray-normal, 0.5);
		border-radius: 4px;
	}

&::-webkit-scrollbar-thumb:hover {
		background: transparentize($color_gray-normal, 0.25);
	}
}

/**
	* quiz entry
	*/
#everest-forms-entry-fields:not(.postbox) {
	.correct_answer {
		background: rgba(0, 255, 43, 0.1);
		padding: 7px;
	}

.wrong_answer {
		background: rgba(255, 0, 0, 0.1);
		padding: 7px;
	}

table {
		tbody {
			th {
				display: flex;
				justify-content: space-between;
			}

tr {
				td {
					span {
						margin-bottom: 7px;

&:last-child {
							margin-bottom: 0;
						}
					}
				}
			}
		}
	}
}

/**
	* Yes/No field.
	*/
.everest-forms-field {
	.yes-no-preview {
		display: flex;
		column-gap: 24px;

&.text-only {
			input {
				text-align: center;
				width: 80px;
				padding: 8px 0;
				border: none;
				outline: 1px solid;

&:nth-child(1) {
					outline-color: #008000;
					background: #eeffee;
				}

&:nth-child(2) {
					outline-color: #fa5252;
					background: #fff1f1;
				}
			}
		}

&.icon-text {
			.yes-no-icon {
				display: inline-flex;
				column-gap: 16px;
				align-items: center;
			}
		}
	}
}

//General settings
.everest-forms-settings {
	display: flex;
	background: #f4f4f4 !important;
	min-height: 100vh;

.everest-forms-settings-container {
		flex: 1;
		padding: 20px;
		// background: inherit;
		// background: #f4f4f4 !important;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

.everest-forms-options-header {
			&--top {
				h3 {
					font-size: 24px;
					margin-bottom: 10px;
				}
			}
		}

.everest-forms-card {
			background: #f1f1f1;
			border-radius: 5px;
			padding: 20px;
			margin-bottom: 20px;

.everest-forms-global-settings {
				display: flex;
				align-items: flex-start;
				margin-bottom: 10px;

@media screen and (max-width: 1260px) {
					flex-direction: column;
					gap: 8px;
					align-items: flex-start;
				}

label {
					flex: 1;
					font-weight: bold;
				}

&--field {
					flex: 2;
					width: 100%;
				}

&.evf-restapi-key-wrapper {
					.forminp-restapi_key {
						align-items: center;
						gap: 8px !important;

.evf-restapi-key {
							max-width: 530px;
							width: 100%;
							min-height: 38px;
							padding: 0 12px;
							color: #383838;
							border-color: #e1e1e1;
						}

.everest-forms-generate-api-key {
							min-height: 36px;
							padding: 0 16px;
							font-size: 14px;
							line-height: 24px;
						}
					}
				}

&--field {
					&.forminp-input_test_button {
						display: flex;
						align-items: center;

input[type='email'] {
							max-width: 260px;
							width: 100%;
							min-height: 38px;
							border-color: #e1e1e1;
							padding: 0 12px;
							color: #383838;
							font-size: 14px;
							line-height: 24px;
						}

.everest_forms_send_routine_report_test_email {
							min-height: 36px;
							padding: 0 16px;
							font-size: 14px;
							line-height: 24px;
							align-content: center;
							background: #faf8fc;
							border: 1px solid #7545bb;
							color: #7545bb;

&:focus {
								box-shadow: none;
								outline: none;
								outline-offset: 0;
							}
						}
					}

&.forminp-link {
						.button.everest_forms_license_key_deactivation {
							min-height: 32px;
							padding: 0 16px;
							font-size: 14px;
							line-height: 24px;
							color: #ffffff;
							background: #f25656 !important;
							align-content: center;
						}
					}
				}

&:has(.forminp-toggle),
				&:has(.forminp-display_div),
				&:has(.forminp-display_div) {
					label {
						padding-top: 0 !important;
					}
				}
			}
		}

.submit {
			text-align: right;

.everest-forms-btn {
				padding: 10px 20px;
				font-size: 16px;
				border-radius: 5px;
				cursor: pointer;
				background: #6c63ff;
				color: #fff;
				border: none;

&:hover {
					background: #5b52e6;
				}
			}
		}
	}
}

// Everest Forms Global Settings Design ReVamp CSS
#wpcontent {
	#wpbody-content {
		padding-bottom: 42px;
	}
}

.everest-forms_page_evf-settings,
.everest-forms_page_evf-tools {
	.everest-forms {
		// padding: 20px;
		overflow: hidden;
	}
}

.everest-forms {
	.everest-forms-settings {
		padding: 24px !important;
		gap: 24px;
		background: transparent;

@media screen and (max-width: 1180px) {
			flex-direction: column;
		}

&-wrapper {
			// box-shadow: 0px 6px 26px 0px rgba(10, 10, 10, 0.08);
			background: #ffffff;
			flex: 1;
			display: flex;
			max-width: 100%;
			border-radius: 8px;
		}

&-main {
			&:has(#message) {
				.everest-forms-toggle-wrapper {
					top: 76px;
				}
			}
		}

.everest-forms-settings-container {
			#message {
				border: 1px solid #e6e6e6;
				border-left-width: 4px;
				border-left-color: #00a32a;
				box-shadow: unset;
				margin-top: 0;
				margin-bottom: 20px;

&.error {
					border-left-color: #d63638 !important;
				}
			}
		}

.everest-forms-header {
			display: flex;
			flex-direction: column;
			background: #fafafc;
			border: 1px solid #e1e1e1;
			padding: 0px 0 20px;
			width: 300px;
			overflow-x: hidden;
			max-width: 100%;
			transition: all 0.3s;
			border-radius: 8px 0 0 8px;

@media screen and (max-width: 1300px) {
				width: 220px;
			}

&--top {
				text-align: center;
				padding-bottom: 30px;
				border-bottom: 1px solid #ededed;

&-logo {
					display: flex;
					align-items: center;
					justify-content: center;

img {
						max-height: 70px;
					}
				}
			}

&--nav {
				height: 100%;

// Tab item container
				.evf-nav__tab-item {
					display: flex;
					flex-direction: column;

// Rotate arrow when active and has sub-sections
					&:has(.evf-scroll-ui) {
						.nav-tab-active {
							.evf-nav__link-label svg {
								// transform: rotate(90deg);
							}
						}
					}

.evf-scroll-ui {
						border-left: 4px solid transparent;
						background: #ffffff;
					}
				}

.evf-nav-tab-wrapper {
					display: flex;
					flex-direction: column;
					gap: 1px;
					background: transparent;
					position: relative;
					overflow: unset !important;

.evf-nav__link {
						width: 100%;
						display: flex;
						padding: 16px 20px;
						align-items: center;
						gap: 16px;
						min-height: 54px;
						border-bottom: 1px solid #e1e1e1;
						position: relative;
						border-radius: 0;
						transition: all 0.3s ease-in-out;

&::after {
							content: '';
							background: #fff;
							width: 8px;
							height: 100%;
							position: absolute;
							top: 0;
							right: -4px;
							opacity: 0;
							transition: all 0.3s ease-in-out;
						}

&-icon {
							display: flex;
							align-items: center;
							justify-content: center;

svg {
								width: 20px;
								height: 20px;

path {
									fill: #4e4e4e;
									transition: all 0.3s ease-in-out;
								}
							}
						}

&-label {
							display: flex;
							align-items: center;
							width: 100%;
							opacity: 1;
							transition: all 0.4s ease-in-out;

> p {
								width: 100%;
								margin: 0;
								font-size: 15px;
								font-weight: 500;
								line-height: 21px;
								color: #4e4e4e;
								transition: all 0.3s ease-in-out;
							}

svg {
								width: 20px;
								height: 20px;
								transition: transform 0.3s ease-in-out;

path {
									transition: stroke 0.3s ease-in-out;
								}
							}
						}

&:hover,
						&.nav-tab-active {
							background: #ffffff;
							margin-bottom: 0;
							// gap: 24px;

&::before {
								opacity: 1;
							}

.evf-nav__link {
								&-icon {
									svg {
										path {
											fill: #7545bb;
										}
									}
								}

&-label {
									> p {
										color: #7545bb;
									}

svg {
										path {
											stroke: #7545bb;
										}
									}
								}
							}
						}

&.nav-tab-active {
							background: #ffffff;

&::before,
							&::after {
								opacity: 1;
							}
						}
					}

#evf-settings-collapse {
						margin: 0;
						padding: 16px 20px;
						min-height: 54px;
						background: transparent;
						border: 1px solid transparent;
						cursor: pointer;
						transition: all 0.3s ease-in-out;

&::before,
						&::after {
							content: none;
						}

.evf-nav__link-label {
							line-height: 21px;
						}

.evf-nav-icon {
							display: flex;
							align-items: center;
							justify-content: center;
							min-width: 20px;
							flex-shrink: 0;

img {
								width: 20px;
								height: 20px;
								transition: all 0.3s ease-in-out;
							}
						}

&:hover {
							background: #7545bb;
							color: #ffffff;

.evf-nav-icon {
								img {
									filter: brightness(0) saturate(100%) invert(100%) sepia(0%)
										saturate(7487%) hue-rotate(137deg) brightness(89%)
										contrast(114%);
								}
							}
						}
					}

.ps__rail {
						&-x {
							display: none;
						}
					}
				}

.evf-scroll-ui {
					// max-height: 300px;
					// overflow-y: auto;
					padding: 0;
					margin-top: 0;
					animation: slideDown 0.3s ease;

&::-webkit-scrollbar {
						width: 4px;
					}

&::-webkit-scrollbar-track {
						background: transparent;
					}

&::-webkit-scrollbar-thumb {
						background: #d1d5db;
						border-radius: 2px;
					}

&::-webkit-scrollbar-thumb:hover {
						background: #9ca3af;
					}
				}

.evf-subsections {
					list-style: none;
					margin: 0;
					padding: 8px 0;
					background: transparent;
					position: relative;

&::before {
						content: '';
						position: absolute;
						left: 27px;
						top: 27px;
						width: 1px;
						height: calc(100% - 16px - 36px);
						background: #e1e1e1;
						z-index: 1;
					}

li {
						margin: 0;
						padding: 0;
						position: relative;

a {
							display: flex;
							align-items: center;
							padding: 12px 20px 12px 52px;
							text-decoration: none;
							color: #6b7280;
							font-size: 14px;
							font-weight: 500;
							line-height: 21px;
							position: relative;
							background: transparent;
							transition: color 0.2s ease;

&::before {
								content: '';
								position: absolute;
								left: 23px;
								top: 50%;
								transform: translateY(-50%);
								width: 10px;
								height: 10px;
								background: #e1e1e1;
								border-radius: 50%;
								z-index: 2;
								transition: all 0.2s ease;
							}

&.current {
								color: #7545bb;

&::before {
									background: #7545bb;
								}
							}

&:hover {
								color: #7545bb;
							}

&:focus {
								outline: none;
								box-shadow: none;
							}
						}
					}
				}
			}

&.collapsed {
				width: 60px;

.everest-forms-header--top {
					&-logo {
						justify-content: flex-start;

img {
							max-height: 50px;
							all: unset;
							margin-left: 15px;
						}
					}
				}

.everest-forms-header--nav {
					height: 100%;

.evf-nav__tab-item {
						display: flex;
						flex-direction: column;
						position: relative;

// Add vertical line for parent items that have children
						&:has(.evf-subsections) {
							position: relative;

// Main vertical connecting line
							> .evf-scroll-ui::before {
								content: '';
								position: absolute;
								left: 28px;
								top: 0;
								bottom: 12px;
								width: 1px;
								background: #e1e1e1;
								z-index: 1;
							}
						}

&:has(.evf-scroll-ui) {
							.nav-tab-active {
								.evf-nav__link-label svg {
									transform: rotate(90deg);
								}
							}
						}

.evf-scroll-ui {
							border-left: 4px solid transparent;
							background: #ffffff;
							position: relative;
						}
					}

.evf-subsections {
						list-style: none;
						margin: 0;
						padding: 0;
						background: transparent;
						position: relative;

li {
							margin: 0;
							padding: 0;
							position: relative;

// Vertical connecting line
							&::before {
								content: '';
								position: absolute;
								left: 28px;
								top: 0;
								bottom: 0;
								width: 1px;
								background: #dcdcdc;
								z-index: 1;
							}

// Hide vertical line after last item
							&:last-child::before {
								bottom: 50%;
							}

// Horizontal line connecting to text
							&::after {
								content: '';
								position: absolute;
								left: 28px;
								top: 50%;
								transform: translateY(-50%);
								width: 16px;
								height: 1px;
								background: #dcdcdc;
								z-index: 1;
							}

a {
								display: flex;
								align-items: center;
								padding: 12px 20px 12px 52px;
								text-decoration: none;
								color: #6b7280;
								font-size: 14px;
								font-weight: 500;
								line-height: 21px;
								border-left: 3px solid transparent;
								position: relative;
								background: transparent;

&.current {
									color: #7545bb;
									border-left-color: #7545bb;
									font-weight: 600;
								}

&:focus {
									outline: none;
									box-shadow: none;
								}
							}
						}
					}

@media screen and (max-width: 1300px) {
						.evf-subsections li {
							&::before {
								left: 24px;
							}

&::after {
								left: 24px;
								width: 14px;
							}

a {
								padding: 10px 16px 10px 44px;
								font-size: 13px;
							}
						}
					}

@media screen and (max-width: 782px) {
						.evf-subsections li {
							&::before {
								left: 20px;
							}

&::after {
								left: 20px;
								width: 12px;
							}

a {
								padding: 10px 16px 10px 40px;
								font-size: 13px;
							}
						}
					}
				}

// Animation for sliding down sub-sections
				@keyframes slideDown {
					from {
						opacity: 0;
						transform: translateY(-10px);
					}

to {
						opacity: 1;
						transform: translateY(0);
					}
				}

// Mobile responsive
				@media screen and (max-width: 782px) {
					.everest-forms-header--nav {
						.evf-subsections li a {
							padding: 10px 16px 10px 40px;
							font-size: 13px;

&.current::before {
								left: 20px;
							}
						}

.evf-scroll-ui {
							max-height: 250px;
						}
					}
				}
			}
		}

@keyframes slideDown {
			from {
				opacity: 0;
				transform: translateY(-10px);
			}

to {
				opacity: 1;
				transform: translateY(0);
			}
		}

@media screen and (max-width: 782px) {
			.everest-forms-header--nav {
				.evf-subsections li a {
					padding: 10px 16px 10px 40px;
					font-size: 13px;

&.current::before {
						left: 20px;
					}
				}

.evf-scroll-ui {
					max-height: 250px;
				}
			}
		}

.everest-forms-settings-container {
			padding: 32px 20px 52px 32px;
			box-shadow: none;
			border: 1px solid #e1e1e1;
			border-left: none;
			border-radius: 0 8px 8px 0;

.everest-forms-settings-main {
				position: relative;

.everest-forms-toggle-wrapper {
					position: absolute;
					right: 0;
					top: 6px;
					display: flex;
					align-items: center;
					gap: 6px;

.evf-toggle-section {
						.everest-forms-toggle-form {
							margin: 0;
						}
					}

.everest-forms-toggle-text {
						font-size: 14px;
						line-height: 24px;
						color: #383838;
						font-weight: 500;
					}
				}

p {
					a {
						color: #5b6edb;
						text-decoration: underline;
					}
				}
			}

.everest-forms-options-header {
				margin-bottom: 32px;

&--top {
					display: flex;
					align-items: center;
					padding-bottom: 24px;
					border-bottom: 1px solid #e1e1e1;

.evf-forms-options-header-header--top-icon {
						display: flex;
						align-items: center;
						justify-content: center;
						width: 40px;
						height: 40px;
						border-radius: 4px;
						background: #eee8f7;
						margin-right: 16px;

svg {
							width: 20px;
							height: 20px;

path {
								fill: #7545bb;
							}
						}
					}

h3 {
						margin: 0;
						color: #383838;
						font-size: 24px;
						font-weight: 600;
						line-height: 34px;
					}
				}
			}

.everest-forms-card {
				padding: 0;
				background: transparent;
				border: 0;
				display: flex;
				flex-direction: column;
				gap: 24px;

.everest-forms-global-settings {
					gap: 20px;
					margin-bottom: 0;

&:has(label[for='everest_forms_email_template']),
					&:has(label[for='everest_forms_pdf_template']) {
						align-items: flex-start;
					}

> label {
						color: #383838;
						font-size: 14px;
						font-weight: 500;
						line-height: 24px;
						max-width: 300px;
						width: 100%;
						flex: unset;
						display: flex;
						align-items: center;
						gap: 8px;
						padding-top: 6px;

.everest-forms-help-tip {
							width: 14px;
							height: 14px;
							transition: filter 0.3s ease;

&::after {
								// settings help icon
								color: transparent;
								background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12ZM23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12Z' fill='%23383838'/%3E%3Cpath d='M11 16V12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12V16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16Z' fill='%23383838'/%3E%3Cpath d='M12.0098 7C12.5621 7 13.0098 7.44772 13.0098 8C13.0098 8.55228 12.5621 9 12.0098 9H12C11.4477 9 11 8.55228 11 8C11 7.44772 11 7 12 7H12.0098Z' fill='%23383838'/%3E%3C/svg%3E");
								background-repeat: no-repeat;
							}

&:hover::after {
								filter: brightness(0) saturate(100%) invert(26%) sepia(77%)
									saturate(1950%) hue-rotate(249deg) brightness(84%)
									contrast(81%);
							}
						}
					}

&--field {
						flex: 1;

&.forminp-input_test_button {
							.everest_forms_send_email_test {
								min-height: 36px;
								padding: 0 16px;
								font-size: 14px;
								line-height: 24px;
								align-content: center;
								background: #f6f3fa;
								border: 1px solid #7545bb;
								color: #7545bb;
							}

@media screen and (max-width: 782px) {
								display: flex;
								flex-direction: column;
								gap: 12px;

input[type='email'] {
									width: 100%;
									margin-right: 0 !important;
								}

.button.everest_forms_send_email_test {
									margin-bottom: 0;
									width: max-content;
								}
							}
						}

fieldset {
							> label {
								font-size: 14px;
								line-height: 22px;
								font-weight: 400;

strong {
									font-weight: 600;
								}

a {
									color: #7545bb;
									text-decoration: underline;

&:focus {
										box-shadow: none;
										outline: none;
									}
								}
							}
						}

&.forminp-radio {
							.everest-forms-recaptcha-type {
								margin: 0;
								display: flex;
								flex-wrap: wrap;
								align-items: center;
								//  gap: 24px;

//  @media screen and (max-width: 1260px) {
								// 	 gap: 16px;
								//  }

li {
									margin-bottom: 0;

> label {
										display: flex;
										align-items: center;
										gap: 6px;
										font-size: 14px;
										line-height: 24px;
										font-weight: 400;
										color: #383838;
									}
								}
							}

fieldset {
								> ul {
									display: flex;
									align-items: center;
									gap: 30px;

li {
										> label {
											font-size: 14px;
											line-height: 24px;
											color: #383838;
											font-weight: 500;
										}
									}
								}
							}

&-image {
								&.everest-forms-recaptcha-settings {
									ul {
										flex-wrap: wrap;
										margin-bottom: 0;

li {
											> label {
												display: flex;
												flex-direction: row;
												align-items: center;
												gap: 8px;
												border: 1px solid #e5e5e5;
												padding: 6px 12px 6px 6px;
												border-radius: 4px;
												min-width: 190px;
												cursor: pointer;
												color: #383838;
												font-size: 14px;
												font-weight: 500;
												line-height: 20px;
												transition: all 0.3s;

&:hover {
													background: #f6f5f8;
													border-color: #7545bb;
												}

img {
													width: 40px;
													height: auto;
													border-radius: 2px;
													border: 0.6px solid #e5e5e5;
												}
											}

input[type='radio'] {
												display: none !important;

&:checked ~ label {
													background: #f6f5f8;
													border-color: #7545bb;
												}
											}
										}
									}
								}
							}
						}

&.forminp-text,
						&.forminp-number,
						&.forminp-email,
						&.forminp-color {
							input {
								height: 38px;
								border-radius: 4px;
								width: 100%;
								background: #ffffff;
								border-color: #e1e1e1;
								padding: 0 12px;
								color: #383838;
								font-size: 14px;
								line-height: 24px;

&:focus {
									border-color: #7545bb;
									outline: none;
									box-shadow: none;
								}
							}
						}

&.forminp-select {
							.select2-container {
								width: 100% !important;
							}

.select2-selection {
								height: 36px;
								margin-bottom: 0;
								border-color: #e1e1e1;

&__rendered {
									padding-left: 12px;
									padding-right: 12px;
									line-height: 34px;
								}

&__arrow {
									// height: 34px;
								}
							}

.select2-container--focus,
							.select2-container--open {
								.select2-selection {
									border-color: #7545bb;
									box-shadow: none;
								}
							}
						}

&.forminp-radio-image {
							fieldset {
								ul {
									display: flex;
									align-items: center;
									gap: 20px;
									margin-top: 0;
									margin-bottom: 16px;

li {
										margin-bottom: 0;

input {
											display: none;

&:checked ~ label {
												border: 1px solid #7545bb;
											}
										}

label {
											display: flex;
											flex-direction: column;
											border: 1px solid #e1e1e1;
											padding: 8px;
											border-radius: 6px;
											gap: 12px;
											font-weight: 500;
											cursor: pointer;

img {
												border: 1px solid #eee8f7;
												border-radius: 4px;
											}
										}
									}
								}

.description {
									margin: 0;
									font-size: 14px;
									line-height: 20px;
								}
							}
						}

&.forminp-link {
							.everest_forms_send_email_test {
								border-radius: 4px;
								border: 1px solid #e1e1e1;
								background: #f6f7f7;
								padding: 4px 12px;
								color: #383838;
								font-weight: 500;
								display: flex;
								align-items: center;
								justify-content: center;
								gap: 6px;
								width: max-content;

&::after {
									content: '';
									background-image: url('../images/icons/send-icon.svg');
									background-repeat: no-repeat;
									background-size: 100%;
									background-position: center;
									width: 14px;
									height: 14px;
								}
							}
						}

&.forminp-multiselect {
							.select2-container {
								width: 100% !important;

.select2-selection {
									&.select2-selection--multiple {
										height: 38px;
										padding: 5px;
									}

&__rendered {
										display: block;
									}

&__choice {
										flex-direction: row-reverse;
										padding: 4px 8px 4px 10px;
										margin: 0;
										margin-right: 4px;
									}
								}
							}
						}

&.forminp-textarea {
							textarea {
								width: 100%;
								border-color: #e1e1e1;
								padding: 8px 12px;
							}
						}

&.forminp-select {
							select {
								width: 100%;
								height: 36px;
								border-color: #e1e1e1;
								padding-left: 12px;
								padding-right: 12px;

&:focus {
									border-color: #7545bb;
									outline: none;
									box-shadow: none;
								}
							}
						}

&.forminp-color {
							position: relative;

.colorpickpreview {
								width: 26px;
								height: 26px;
								border-radius: 3px;
								position: absolute;
								top: 5px;
								left: 6px;
								border: 1px solid #e9e9e9;
							}

input {
								padding-left: 36px;
							}
						}

&.forminp-image {
							.evf-button {
								border-radius: 4px;
								border: 1px solid #e1e1e1;
								background: #f6f7f7;
								display: flex;
								padding: 10px 12px 10px 10px;
								justify-content: center;
								align-items: center;
								gap: 8px;
								color: #383838;
								font-size: 14px;
								font-weight: 400;
								line-height: 14px;
								gap: 6px;

&::before {
									content: '';
									background-image: url('../images/icons/upload-icon.svg');
									background-repeat: no-repeat;
									background-size: 100%;
									background-position: center;
									width: 14px;
									height: 14px;
								}
							}

.everest-forms-custom-image-delete,
							.evf-image-container {
								object-fit: cover;
								display: inline-flex;
								position: relative;
								border-radius: 8px;
								height: 100px;
								width: auto;
								overflow: hidden;
								object-fit: cover;
								object-position: center;
								margin: auto;
								display: inline-flex;
								position: relative;
								justify-content: center;
								cursor: pointer;
								user-select: none;

i {
									display: none;
								}

&:hover {
									&::before {
										content: '';
										background: #000;
										position: absolute;
										width: 100%;
										height: 100%;
										opacity: 0.6;
									}

i {
										position: absolute;
										display: contents;

&:hover {
											&::before,
											&::after {
												transform: translate(-50%, -50%) scale(1.1);
											}
										}

&::before {
											content: '';
											background: #d52626;
											width: 42px;
											height: 42px;
											position: absolute;
											border-radius: 50%;
											top: 50%;
											left: 50%;
											transform: translate(-50%, -50%);
										}

&::after {
											content: '\e907';
											position: absolute;
											font-size: 22px;
											color: #fff;
											top: 50%;
											left: 50%;
											transform: translate(-50%, -50%);
										}
									}
								}
							}
						}
					}
				}
			}

> p {
				margin: 0;
				font-size: 14px;
				line-height: 24px;
				margin-bottom: 20px;
			}
		}

&-premium {
			&-sidebar {
				//  width: 300px;
				//  max-width: 100%;
				//  padding: 18px 10px 26px 10px;
				//  transition: all 0.3s;

h2 {
					color: #222222;
				}

&.everest-forms-hidden {
					//  margin-right: -325px;
					//  display: unset;
				}
			}
		}

.submit {
			margin: 0;
			padding: 0;
			text-align: left;

.everest-forms-btn {
				border-radius: 4px;
				background: #7545bb;
				padding: 8px 16px;
				color: #ffffff;
				font-size: 14px;
				font-weight: 500;
				line-height: 22px;
				transition: all 0.3s ease-in-out;

&:hover {
					background: #9159e3;
				}
			}
		}
	}
}

everest-forms-field-option-row-rating-icon {
	.everest-forms-rating-icon-container {
		display: flex;
		flex-wrap: wrap;

label {
			flex: 1;
			padding: 4px;
			display: flex;
			justify-content: center;
			background: $color_gray-more-lighten;
			border: 1px solid $color_gray-lighten;
		}

input[type='radio'] {
			display: none;
		}

svg {
			width: 32px;
			height: 32px;
			font-size: 18px;
			fill: adjust-color($color_gray-normal, $saturation: +4%, $lightness: -2%);
		}

input:checked {
			+ label {
				color: $color-white;
				background: $everestforms;
				border-color: $everestforms;

svg {
					fill: $color-white;
				}
			}
		}
	}
}

// WordPress main sidebar is closed, builder Sidebar Collapse Button Design Fix
.folded {
	#evf-collapse {
		&.open {
			left: 36px !important;
		}

&.close {
			left: 435px !important;
		}
	}
}

body {
	&.evf-premium-sidebar-hidden {
		.everest-forms-settings-premium-sidebar {
			margin-right: -885px;
			display: unset;

@media screen and (max-width: 1180px) {
				display: none;
			}
		}
	}

&.evf-premium-sidebar-show {
		.everest-forms-settings-premium-sidebar {
			display: block;
			width: 300px;
			max-width: 100%;
			padding: 18px 10px 26px 10px;
			transition: all 0.3s;

@media screen and (max-width: 1180px) {
				width: 100%;
			}
		}
	}
}

#everest-forms-dashboard {
	background: #fafafc;
}

.evf-oxy-element {
	.everest-forms {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 30px 0;

.everest-forms-notice {
			margin-bottom: 0;

&::before {
				top: 50%;
				left: 16px;
				transform: translateY(-50%);
				line-height: 20px;
				margin-right: 0;
			}
		}
	}
}

.everest-forms-tabs {
	display: flex;
	list-style: none;
	padding: 0;
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;

li {
		padding: 10px 15px;
		cursor: pointer;
		background: #f7f7f7;
		font-weight: 500;

&.active {
			background: #fff;
		}
	}
}

.everest-forms_page_evf-tools {
	.everest-forms-tab-content {
		display: none;

&.active {
			display: block;
		}
	}
}

body {
	background: #f0f0f1;

&.everest-forms_page_evf-tools {
		.everest-forms {
			&-settings {
				&-container {
					.everest-forms-tabs-wrapper {
						.everest-forms-tabs {
							margin: 0;
							gap: 32px;
							border-bottom: 1px solid #e1e1e1;
							margin-bottom: 36px;

li {
								color: #383838;
								font-size: 15px;
								font-weight: 500;
								line-height: 21px;
								padding: 0 0 14px;
								margin-bottom: 0;
								background: transparent;
								position: relative;

&::before {
									content: '';
									background: transparent;
									width: 100%;
									height: 3px;
									position: absolute;
									bottom: -2px;
									border-radius: 50px;
								}

&:hover {
									color: #7545bb;
								}

&.active {
									color: #7545bb;

&::before {
										background: #7545bb;
									}
								}
							}
						}

.everest-forms-tab-content {
							.everest-forms-import-form,
							.everest-forms-import-entries-wrapper,
							.everest-forms-export-form,
							.evf-tools-export-entries {
								margin-top: 0;
								padding: 24px 0 0 !important;
								box-shadow: none;
								border-radius: 8px;
								border: 1px solid #e9e9e9;
								background: #ffffff;

p,
								.everest-forms-file-upload,
								.evf-enhanced-select,
								.select2-container {
									padding: 0 24px !important;
								}

.select2 {
									&-container {
										min-height: 38px;
										margin-top: 8px;
										margin-bottom: 24px;
										padding-right: 0 !important;
										padding-left: 0 !important;
										margin-left: 24px;
									}

&-selection {
										min-height: 38px;
										border-color: #e9e9e9;

&__rendered {
											height: 100%;
											vertical-align: middle;
											padding: 5px 12px;
											flex-wrap: wrap;
											box-sizing: border-box;

.select2-search {
												margin: 0;

&__field {
													margin-bottom: 0 !important;
													padding: 0;
												}
											}
										}

&__arrow {
											top: 5px;
											right: 5px;
										}
									}
								}

h3 {
									display: none;
								}

p {
									color: #383838;
									font-size: 14px;
									font-weight: 400;
									line-height: 24px;
									margin: 0;
								}

.evf-form-and-csv-upload {
									.everest-forms-upload-csv-container {
										p {
											color: #383838;
											font-size: 14px;
											font-weight: 400;
											line-height: 24px;
										}
									}
								}

.everest-forms-file-upload {
									margin: 8px 0 24px;
									height: max-content;

input[type='file'] {
										min-height: max-content;
									}

label {
										display: inline-flex;
										align-items: center;
										gap: 16px;
										padding: 6px;
										border-radius: 4px;
										border: 1px solid #e1e1e1;
										left: 24px;

.everest-forms-btn {
											padding: 8px 12px;
											color: #4e4e4e;
											font-size: 14px;
											font-weight: 400;
											line-height: 20px;
											margin-right: 0;
											background: #f0f0f0;
										}

#import-file-name,
										#import-file-name-entry {
											color: #4e4e4e;
											font-size: 14px;
											font-weight: 400;
											line-height: 20px;
										}
									}
								}

p.description {
									color: #383838;
									margin-bottom: 20px;

i {
										color: #646970;
									}
								}

.publishing-action {
									border-top: 1px solid #e9e9e9;
									padding-left: 24px;
									padding-right: 24px;
									padding-bottom: 24px;
									text-align: left;

.everest-forms-btn {
										padding: 8px 14px;
										color: #fff;
										font-size: 14px;
										font-weight: 500;
										line-height: 20px;
										background: #7545bb;
									}
								}
							}

.evf-tools-export-entries {
								.evf-tools-entries-export-options {
									&-fields,
									&-additional-info,
									&-format,
									&-date,
									&-search {
										padding: 0 24px;

h4 {
											margin: 0;
										}

.select2-container {
											padding-left: 0 !important;
											margin-bottom: 12px;
											margin-left: 0;

.selection {
												width: 350px;
											}
										}

input {
											margin-top: 8px;
											min-height: 38px;
											border-color: #e9e9e9;
											padding: 5px 12px;

&[name='date_range'] {
												background: #fafafa;
											}
										}

.evf-tools-entries-export-options-export-format-select {
											margin: 8px 0 24px !important;
											min-height: 38px;
											border-color: #e9e9e9;
											padding: 5px 12px;
										}

&-options {
											display: grid;
											grid-template-columns: repeat(
												auto-fit,
												minmax(200px, 1fr)
											);
											gap: 12px;

select,
											input[type='text'] {
												min-height: 38px;
												border-color: #e9e9e9;
												color: #383838;
												margin: 8px 0 0 !important;

&::placeholder {
													color: #6b6b6b;
												}
											}
										}
									}
								}
							}
						}
					}

.everest-forms-form-migrator {
						margin-top: 0;
						padding: 24px 0 0 !important;
						box-shadow: none;
						border-radius: 8px;
						border: 1px solid #e9e9e9;
						background: #ffffff;

p,
						.everest-forms-file-upload,
						.evf-enhanced-select,
						.select2-container {
							padding: 0 24px !important;
						}

.evf-fm-select-popular-form {
							display: flex;
							align-items: center;
							margin-top: 8px;
							margin-bottom: 24px;

.evf-loading {
								margin: 0 0 0 10px;
							}
						}

.select2 {
							&-container {
								display: flex;
								align-items: center;
								min-height: 38px;
								padding-right: 0 !important;
								padding-left: 0 !important;
								margin-left: 24px;

> .selection {
									flex: 1;
									min-width: 0;
								}
							}

&-selection {
								min-height: 38px;
								border-color: #e9e9e9;

&__rendered {
									height: 100%;
									vertical-align: middle;
									padding: 5px 12px;
									flex-wrap: wrap;
									box-sizing: border-box;

.select2-search {
										margin: 0;

&__field {
											margin-bottom: 0 !important;
											padding: 0;
										}
									}
								}

&__arrow {
									top: 5px;
									right: 5px;
								}
							}
						}

h3 {
							display: none;
						}

p {
							color: #383838;
							font-size: 14px;
							font-weight: 400;
							line-height: 24px;
							margin: 0;
						}

.evf-form-and-csv-upload {
							.everest-forms-upload-csv-container {
								p {
									color: #383838;
									font-size: 14px;
									font-weight: 400;
									line-height: 24px;
								}
							}
						}

.everest-forms-file-upload {
							margin: 8px 0 24px;
							height: max-content;

input[type='file'] {
								min-height: max-content;
							}

label {
								display: inline-flex;
								align-items: center;
								gap: 16px;
								padding: 6px;
								border-radius: 4px;
								border: 1px solid #e1e1e1;
								left: 24px;

.everest-forms-btn {
									padding: 8px 12px;
									color: #4e4e4e;
									font-size: 14px;
									font-weight: 400;
									line-height: 20px;
									margin-right: 0;
									background: #f0f0f0;
								}

#import-file-name,
								#import-file-name-entry {
									color: #4e4e4e;
									font-size: 14px;
									font-weight: 400;
									line-height: 20px;
								}
							}
						}

p.description {
							color: #383838;
							margin-bottom: 20px;

i {
								display: none;
							}
						}

.publishing-action {
							border-top: 1px solid #e9e9e9;
							padding-left: 24px;
							padding-right: 24px;
							padding-bottom: 24px;
							text-align: left;

.everest-forms-btn {
								padding: 8px 14px;
								color: #fff;
								font-size: 14px;
								font-weight: 500;
								line-height: 20px;
								background: #7545bb;
							}
						}

.evf-fm-form-list-container {
							.evf-fm-forms-table-wrapper {
								padding: 0 24px 24px;

h4 {
									padding: 0;
									margin-bottom: 16px;
								}

table.evf-fm-forms-table {
									tbody {
										tr {
											border-bottom: 1px solid #dcdcdc;

th {
												width: 30px !important;
											}

td {
												font-size: 13px;

.evf-fm-import-actions {
													justify-content: flex-end;
													gap: 10px;

button {
														margin: 0;
														padding: 8px 10px;
														font-weight: 500;

&:disabled {
															background: #dfdfdf;
															cursor: not-allowed;
															pointer-events: none;
														}

&.evf-fm-import {
															&-single {
																border: 1px solid #7545bb;
																color: #7545bb;
																background: #f2f2f2;

&:hover {
																	background: #7545bb;
																	color: #ffffff;
																}
															}
														}
													}
												}
											}
										}
									}
								}

.evf-fm-import-selected-wrapper {
									margin: 24px 0 0;
									align-items: center;

.evf-fm-import-selected-btn {
										margin-top: 0;
										padding: 8px 14px;
										font-size: 14px;
										line-height: 20px;
										background: #7545bb;
										color: #ffffff;
									}

.evf-fm-pagination {
										padding-top: 0;

button {
											margin: 0;
											font-size: 14px;
											line-height: 20px;
											width: 32px;
											height: 32px;
											padding: 0;
											display: flex;
											align-items: center;
											justify-content: center;
											border-radius: 3px;
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}

// .select2 {
	// 	&-container {
	// 		&--open {
	// 			.select2-dropdown {
	// 				width: 326px !important;

// 				&--above,
	// 				&--below {
	// 					left: 24px;
	// 				}
	// 			}
	// 		}
	// 	}
	// }
}

.everest-forms-smart-smtp-page-features {
	&__wrapper {
		width: 730px;
		padding: 40px;
		gap: 32px;
		display: flex;
		flex-direction: column;
		margin: auto;
		background: #ffffff;
		border-radius: 8px;
		margin-top: 40px;
		border: 1px solid #e9e9e9;

@media only screen and (max-width: 768px) {
			width: 670px;
		}

@media only screen and (max-width: 400px) {
			width: 326px;
			margin: 16px;
		}
	}

&__images {
		img {
			@media only screen and (max-width: 400px) {
				height: 50px;
			}
		}

span {
			@media only screen and (max-width: 400px) {
				font-size: 2.5rem;
			}
		}
	}
}

.everest-forms-smart-smtp-page-features {
	&__images {
		display: flex;
		justify-content: center;
		gap: 32px;
		align-items: center;

#everest-forms-smart-smtp-page-features__everest-forms-logo {
			background: #7545bb;
			padding: 6px;
			border-radius: 10px;
		}

span {
			font-size: 4.375rem;
			font-weight: 100;
			color: #dfdfdf;
		}
	}

&__heading {
		text-align: center;
		font-size: 1.5rem;
		font-weight: 600;
		margin-bottom: 0;
		color: #383838;

@media only screen and (max-width: 400px) {
			line-height: 1.8rem;
		}
	}

&__description {
		display: flex;
		justify-content: center;
		font-size: 14px;
		font-weight: 400;
		color: #383838;
		flex-direction: column;
		line-height: 1.31rem;
		align-items: center;
		padding: 0 65px;

@media only screen and (max-width: 400px) {
			padding: 0;
			text-align: center;
			margin-top: 0;
			margin-bottom: 0;
			line-height: 1.8rem;
		}
	}

&__listing {
		padding: 0 64px;
		display: grid;
		grid-template-columns: auto auto auto;
		font-size: 14px;

@media only screen and (max-width: 400px) {
			padding: 0;
			margin-top: 0;
			margin-bottom: 0;
			grid-template-columns: auto;
		}

li {
			display: flex;
			align-items: center;
			gap: 10px;

svg {
				width: 28px;
				height: 28px;
			}
		}
	}
}

.everest-forms-smart-smtp-page-setup {
	&__wrapper {
		width: 730px;
		display: flex;
		flex-direction: column;
		margin: auto;
		background: #ffffff;
		border-radius: 8px;
		margin-top: 40px;
		border: 1px solid #e9e9e9;
		margin-bottom: 40px;

@media only screen and (max-width: 768px) {
			width: 670px;
		}

@media only screen and (max-width: 400px) {
			width: 326px;
		}

.everest_forms_install_and_activate_smart_smtp,
		.everest_forms_setup_smart_smtp {
			font-size: 0.875rem;
			font-weight: 600;
		}
	}

&__inner-wrapper {
		display: flex;
		margin: 0;

@media only screen and (max-width: 400px) {
			flex-direction: column;
		}
	}
}

.everest-forms-smart-smtp-page {
	&__install-and-activate {
		display: flex;
		padding: 34px 30px;
		flex-direction: column;
		align-items: flex-start;
		gap: 24px;
		flex: 1 0 0;
		border-right: 1px solid #e9e9e9;

@media only screen and (max-width: 400px) {
			border-right: none;
			border-bottom: 6px solid #e9e9e9;
		}
	}

&__setup-smart-smtp {
		display: flex;
		height: 353px;
		padding: 34px 30px;
		flex-direction: column;
		align-items: flex-start;
		gap: 24px;
		flex: 1 0 0;
	}

&__installation-step-one {
		margin-bottom: 0;
		color: #7545bb;
		background: #f6f0ff;
		padding: 12px 24px;
		border-radius: 50%;
		font-size: 2rem;
		font-weight: 600;
		opacity: 0.7;
		margin-top: 0;

&__title {
			font-size: 1.5rem;
			line-height: 1.875rem;
			margin-bottom: 0;
			margin-top: 0;
		}

&__description {
			margin-top: 0;
			margin-bottom: 0;
			font-size: 0.875rem;
		}
	}

&__setup-step-two {
		margin-bottom: 0;
		color: #7545bb;
		background: #f6f0ff;
		padding: 12px 24px;
		border-radius: 50%;
		font-size: 2rem;
		font-weight: 600;
		opacity: 0.7;
		margin-top: 0;

&__title {
			font-size: 1.5rem;
			line-height: 1.875rem;
			margin-bottom: 0;
			margin-top: 0;
		}

&__description {
			margin-top: 0;
			margin-bottom: 0;
			font-size: 0.875rem;
		}
	}

&__setup-disabled {
		opacity: 0.7;
	}

&__support-links {
		font-size: 14px;
		text-align: center;
		margin-bottom: 40px;
	}
}

.everest_forms_install_and_activated_smart_smtp {
	background: #bbb;
	opacity: 0.3;
	padding: 12px 20px;
	color: #363636;
	font-size: 14px;
}

.everest-forms-form-listing__header {
	display: flex;
	padding: 0 24px;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #e2e8f0;
	background: var(--white, #fff);
	margin-bottom: 40px;
	margin-top: -10px;

.everest-forms-form-listing__header-left {
		display: flex;
		align-items: center;
		justify-content: center;
	}

div#everest-forms-header__logo {
		display: flex;
		align-items: center;
		gap: 2px;
		height: 74px;
	}

button#evf-form-listing__screen-options {
		color: #222222;
		font-size: 14px;
		line-height: 21px;
		border-color: #eaeaea;
		border-radius: 4px;
		padding: 8px 16px;
		background: #eaeaea;
	}

button#show-settings-link {
		display: none;
	}

span#everest-forms-logo__separator {
		padding: 0 20px;
		color: #e2e8f0;
		font-size: 40px;
		font-weight: 100;
	}

a#everest-forms-form-listing__heading {
		font-size: 16px;
		text-decoration: none;
		font-weight: 600;
		color: #222222;
	}
}

#everest-forms-list-table__container {
	background: #ffffff;
	// padding: 24px;
	// margin: 25px auto;
	border-radius: 7px;

table.wp-list-table {
		border-color: #dcdcdc;
		border-radius: 5px;
		margin-bottom: 16px;
		overflow: hidden;

a {
			color: #383838;
			transition: all 0.3s ease-in-out;

&:hover {
				color: #475bb2;
			}
		}

thead {
			tr {
				td,
				th {
					border-bottom-color: #dcdcdc;
				}

th {
					font-size: 14px;
					font-weight: 600;
					line-height: 24px;
					color: #383838;

&.sortable,
					&.sorted {
						padding: 0;

a {
							font-size: 14px;
							font-weight: 600;
							line-height: 24px;
							padding: 12px 8px;
							display: flex;
							align-items: center;
							gap: 8px;

&:focus {
								box-shadow: none;
							}

.sorting-indicators {
								gap: 4px;

.sorting-indicator {
									margin: 0;
								}
							}
						}
					}
				}
			}
		}

tbody {
			tr {
				td {
					&.username {
						img {
							border-radius: 5px0;
							margin-top: 2px;
						}
					}

&.actions {
						a {
							color: #475bb2;
							transition: all 0.3s ease-in-out;
							padding-bottom: 2px;
							position: relative;

&::before {
								content: '';
								background: #475bb2;
								width: 100%;
								height: 1px;
								position: absolute;
								bottom: 0;
								opacity: 0;
								transition: all 0.3s ease-in-out;
							}

&:hover {
								&::before {
									opacity: 1;
								}
							}

&:focus {
								box-shadow: none;
								outline: none;
							}
						}
					}
				}
			}
		}
	}

.tablenav {
		padding: 0;
		margin: 0 0 16px;
		height: auto;

&.bottom {
			margin-bottom: 0;
		}

.actions {
			display: flex;
			align-items: center;
			gap: 12px;
			padding-right: 16px;

select {
				min-height: 38px;
				margin: 0;
				border-color: #bababa;

&:hover {
					color: #475bb2;
				}

&:focus {
					box-shadow: none;
					border: 1px solid #475bb2;
				}
			}

input {
				&[type='submit'] {
					padding: 6px 14px;
					min-height: 38px;
					border-radius: 3px;
					border: 1px solid #7545bb;
					background: #f6f7f7;
					color: #7545bb;
					font-size: 14px;
					font-weight: 500;
					line-height: 150%;
					transition: all 0.3s ease-in-out;
					margin-right: 0;

&:hover {
						background: #f2f2f2;
					}
				}
			}

.evf-manage-tags {
				padding: 6px 14px;
				border-radius: 3px;
				border: 1px solid #7545bb;
				background: #f6f7f7;
				color: #7545bb;
				font-size: 14px;
				font-weight: 500;
				line-height: 150%;
				min-height: 38px;
				transition: all 0.3s ease-in-out;

&:disabled {
					pointer-events: none;
				}

&:hover {
					background: #f2f2f2;
				}
			}

&.bulkactions {
				.select2 {
					&-selection {
						min-height: 38px;
						max-height: 38px;
						padding-left: 8px;
						padding-right: 12px;

&:has(.select2-selection__choice) {
							padding-left: 0;
						}

&__rendered {
							min-height: 38px;
						}
					}

&-search {
						margin: 0;
						display: flex;
						align-items: center;

&__field {
							margin-bottom: 0;
						}
					}

&-container--focus,
					&-container--open {
						.select2-selection {
							box-shadow: none;
							outline: none;
							border-color: #7545bb !important;
						}
					}
				}
			}
		}

&-pages {
			margin-bottom: 0;
		}
	}

.evf-bulk-edit-forms-tags-container {
		display: flex;
		align-items: flex-end;
		margin-bottom: 20px;
		gap: 12px;

label {
			font-size: 14px;
			font-weight: 500;
		}

.tags-selects {
			display: flex;
			flex-direction: column;
			gap: 4px;

.select2 {
				&-selection {
					min-height: 38px;
					max-height: 38px;
					padding-left: 8px;
					padding-right: 12px;

&:has(.select2-selection__choice) {
						padding-left: 0;
					}

&__rendered {
						min-height: 38px;
					}
				}

&-search {
					margin: 0;
					display: flex;
					align-items: center;

&__field {
						margin-bottom: 0;
					}
				}

&-container--focus,
				&-container--open {
					.select2-selection {
						box-shadow: none;
						outline: none;
						border-color: #7545bb !important;
					}
				}
			}
		}

.evf-update-bulk-tags {
			padding: 6px 14px;
			border-radius: 3px;
			border: 1px solid #7545bb;
			background: #f6f7f7;
			color: #7545bb;
			font-size: 14px;
			font-weight: 500;
			line-height: 26px;
			height: 38px;
			margin-top: 0;
			transition: all 0.3s ease-in-out;

&:hover {
				background: #f2f2f2;
			}
		}
	}

div.everest-forms-list-table-container__header {
		display: flex;
		align-items: center;
		gap: 15px;
		margin-bottom: 15px;

a {
			color: #7545bb;
			border-color: #7545bb;
			top: 0;
			font-size: 14px;
			font-weight: 500;
		}
	}
}

button#show-settings-link {
	display: none;
}

.everest-forms-list-filters-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	// border-bottom: 1px solid #dcdcdc;
	padding-bottom: 24px;
	margin-bottom: 24px;

ul.subsubsub {
		font-size: 15px;
		margin: 0px;

li {
			font-weight: 600;

a .count {
				font-weight: 600;
			}
		}
	}

#everest-forms-list-search-form {
		width: 275px;
		position: relative;

#everest-forms-list-table-search-input {
			border-radius: 4px;
			border: 1px solid #bababa;
			background: #ffffff;
			padding: 3px 42px 3px 12px;
			width: 100%;

&::placeholder {
				color: #999999;
			}

&:focus {
				box-shadow: none;
				border: 1px solid #475bb2;
			}
		}

button {
			&#search-submit {
				position: absolute;
				border: 0;
				background: transparent;
				padding: 0;
				width: 18px;
				height: 18px;
				display: flex;
				align-items: center;
				justify-content: center;
				right: 12px;
				top: 8px;

svg {
					path {
						fill: #999999;
					}
				}
			}
		}
	}
}

#everest-forms-panel-field-settings-form_tags-wrap {
	.select2-container {
		margin-bottom: 5px;
		width: 100% !important;

span.selection {
			width: 100% !important;
		}

.select2-selection--multiple {
			border-color: $color_gray-lighten;
		}

.select2-selection__choice {
			margin: 4px 4px 4px 0;
		}

.select2-search__field {
			min-height: 24px;
			line-height: 1.4;
		}
	}
}

.evf-manage-tags-body {
	.tags-list {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;

.tag {
			margin-left: 6px;
		}
	}
}

.evf-meta-key-input-wrapper {
	position: relative;
	display: inline-block;
	width: 100%;

.evf-meta-key-copy-btn {
		position: absolute;
		right: 4px;
		top: 0;
		transform: translateY(10%);
		color: #383838;
		font-size: 12px;
		font-weight: 400;
		cursor: pointer;
		text-decoration: underline;
		padding: 5px;
		background: #ffffff;
		width: 30px;
		height: 30px;
	}

.evf-edit-meta-key-icon {
		position: absolute;
		right: 8px;
		top: 50%;
		transform: translateY(-250%);
		cursor: pointer;
		display: flex;
		align-items: center;
		text-decoration: underline;
	}

.evf-meta-key-actions {
		position: absolute;
		right: 7px;
		top: 56%;
		transform: translateY(-180%);
		display: flex;
		gap: 6px;
	}
}

.evf-meta-key-warning {
	margin-top: 8px;
	padding: 10px;
	background: #fff7f1;
	border-left: 3px solid orange;
	color: #6b4d00;
	font-size: 14px;
	display: flex;
	align-items: flex-start;
	gap: 8px;

.everest-forms-meta-key-warning-icon {
		flex-shrink: 0;
		margin-top: 2px;
	}
}

.evf-disable-row {
	pointer-events: none;
	opacity: 0.5;
}

.everest-forms-clean-talk-message-outer-wrapper {
	margin-top: 16px;
	margin-bottom: 6px;
	padding: 10px 11px;
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;

&.everest-forms-clean-talk-empty-state {
		background: #fffaf5;
		border-left: 3px solid #ee9936;
	}

&.everest-forms-clean-talk-invalid-state {
		background: #fff4f4;
		border-left: 3px solid #f25656;
	}

&.everest-forms-clean-talk-success-state {
		background: #f5fff4;
		border-left: 3px solid #4cc741;
	}

.everest-forms-clean-talk-icon-box {
		margin-top: 5px;
	}
}

.everest-forms-outer-wrapper-setting-body {
	padding: 20px;
	border: 1px solid #e9e9e9;
	border-radius: 8px;
	width: 100%;

.everest-forms-inner-wrapper-setting-body {
		margin-bottom: 20px;
		max-width: 100%;
		border-radius: 8px;
		padding: 22px 22px 0 22px;
		background: #fcfcfd;
		border: 1px solid #f4f4f4;
	}
}

#evf-react-header-root > div {
	top: 0px !important;
}

.wrap.everest-forms {
	padding: 0;
	margin: 0;
}

.jconfirm-buttons .evf_entries_save_action {
	font-size: 15px;
	font-weight: 600;
	background: #7545bb;
	color: #fff;
	border-radius: 4px;
	padding: 10px 20px;
	text-transform: capitalize;
}

.jconfirm {
	&-everest-forms-coupon__left {
		.jconfirm-box {
			max-width: 700px;
			width: 100%;

.jconfirm-title-c {
				text-align: left !important;
			}

.jconfirm-content-pane {
				margin-bottom: 0 !important;

.everest-forms-coupons__form {
					margin-bottom: 24px;

.everest-forms-coupons__create-coupon {
						width: auto;
						flex: 1;
						cursor: pointer;

> label {
							cursor: pointer;
						}

.everest-forms-coupon__description {
							font-size: 14px;
							line-height: 24px;
							margin: 0;
						}
					}
				}
			}
		}
	}
}

.everest-forms-import-entries-wrapper {
	.evf-form-and-csv-upload {
		.select2-container {
			margin-bottom: 0 !important;
			.select2-dropdown {
				border: 1px solid #e1e1e1 !important;
			}

.select2-selection {
				min-width: 400px !important;
				color: #383838 !important;

.select2-selection__rendered:hover {
					color: #7545bb !important;
				}
			}
		}
	}
}

.everest-forms-help-tooltip {
	color: transparent !important;
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12ZM23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12Z' fill='%23383838'/%3E%3Cpath d='M11 16V12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12V16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16Z' fill='%23383838'/%3E%3Cpath d='M12.0098 7C12.5621 7 13.0098 7.44772 13.0098 8C13.0098 8.55228 12.5621 9 12.0098 9H12C11.4477 9 11 8.55228 11 8C11 7.44772 11 7 12 7H12.0098Z' fill='%23383838'/%3E%3C/svg%3E");
	background-repeat: no-repeat !important;
	height: 14px !important;
	width: 14px !important;
	margin-left: 2px;
	display: inline-block;

&:hover {
		filter: brightness(0) saturate(100%) invert(26%) sepia(77%) saturate(1950%)
			hue-rotate(249deg) brightness(84%) contrast(81%);
	}
}

.evf-tools-export-entries {
	.select2-container {
		min-width: 400px !important;
		.select2-selection {
			min-width: 400px !important;
			color: #383838 !important;

.select2-selection__rendered {
				min-width: 400px;
			}
		}
	}
}

// Layout container buttons in the form builder sidebar.
.evf-layout-container-btn {
	padding: 20px 8px;
	border: 1px solid #edeff7;
	width: 30.3%;
	color: #383838;
	font-weight: 400;
	cursor: grab;

&:active {
		cursor: grabbing;
	}
	border-radius: 4px;
	font-size: 12px;
	transition: all 0.3s ease-in-out;
	text-align: center;
	background: #fbfbfd;
	line-height: 150%;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	background: #ffffff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	border: 1px solid #edeff7;
	border-radius: 4px;
	padding: 20px 8px;
	width: 30.3%;

svg {
		width: 36px;
		height: 24px;
		display: block;
		transition: opacity 0.3s ease-in-out;
		color: $evf_primary-color;
		fill: #6b6b6b;
	}

&:hover {
		color: $evf_primary-color;
		border-color: $evf_primary-color !important;
		background: #ffffff;
		cursor: grab;

svg {
			opacity: 1;
			fill: $evf_primary-color !important;
		}
	}

&:focus {
		outline: none;
	}
}

// Row / add-strip targets while dragging a layout preset from the sidebar.
.evf-layout-drop-target-hover {
	outline: none;
	background-color: transparent;
}

// Hide empty-grid plus icon while the grid is active drop target.
#everest-forms-builder .evf-admin-grid.evf-empty-grid.evf-item-hover::before {
	display: none !important;
}

// Precise insertion line for layout drop (top/bottom).
.evf-admin-row.evf-layout-insert-before,
.evf-admin-row.evf-layout-insert-after {
	position: relative;
}

.evf-admin-row.evf-layout-insert-before::before,
.evf-admin-row.evf-layout-insert-after::after {
	content: '';
	position: absolute;
	left: 8px;
	right: 8px;
	height: 2px;
	background: $evf_primary-color;
	border-radius: 3px;
	z-index: 10000;
}

.evf-admin-row.evf-layout-insert-before::before {
	top: -8px;
}

.evf-admin-row.evf-layout-insert-after::after {
	bottom: -8px;
}

.evf-admin-field-wrapper.evf-layout-insert-empty,
[id^='part_'].evf-layout-insert-empty {
	position: relative;
}

.evf-admin-field-wrapper.evf-layout-insert-empty::before,
[id^='part_'].evf-layout-insert-empty::before {
	content: '';
	position: absolute;
	left: 8px;
	right: 8px;
	top: 0;
	height: 3px;
	background: $evf_primary-color;
	border-radius: 3px;
	box-shadow: 0 0 0 2px rgba(93, 150, 238, 0.12);
	z-index: 10000;
}

// Add-row strip shows bottom insertion line.
.evf-add-row.evf-layout-insert-after-all {
	position: relative;
}

.evf-add-row.evf-layout-insert-after-all::after {
	content: '';
	position: absolute;
	left: 8px;
	right: 8px;
	bottom: -2px;
	height: 3px;
	background: $evf_primary-color;
	border-radius: 3px;
	box-shadow: 0 0 0 2px rgba(93, 150, 238, 0.12);
	z-index: 10000;
}

// While dragging a layout preset, show each existing row boundary in the canvas.
#everest-forms-builder.evf-is-dragging-layout-container {
	.evf-admin-field-container {
		.evf-admin-row {
			border-color: #c5cee0 !important;
			border-style: solid !important;
			border-radius: 4px;
			background-color: rgba(251, 251, 253, 0.85);
			box-shadow: inset 0 0 0 1px rgba(93, 150, 238, 0.12);
		}
	}
}

.evf-builder-get-started {
	padding: 28px 24px;

h3 {
		margin: 0 0 8px;
		font-size: 26px;
		line-height: 1.2;
		font-weight: 600;
		color: #1f1f1f;
	}

> p {
		margin: 0;
		font-size: 15px;
		line-height: 26px;
		color: #6b6b6b;
	}

.evf-builder-get-started-steps {
		display: flex;
		align-items: center;
		gap: 12px;
		margin: 24px 0;

.step {
			display: inline-flex;
			align-items: center;
			gap: 10px;
			font-size: 14px;
			line-height: 1.2;
			color: #2d2d2d;

span {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				width: 28px !important;
				height: 28px !important;
				border-radius: 6px;
				background: #f4f4f4 !important;
				color: #383838;
				font-size: 11px;
				font-style: normal;
				font-weight: 600;
				border: 1px solid #e1e1e1 !important;
			}

&:not(:last-child)::after {
				content: '';
				width: 74px;
				height: 1px;
				background: #d9d9d9;
				margin-left: 10px;
			}
		}
	}

.everest-forms-btn.everest-forms-btn-primary {
		padding: 12px 20px;
		font-size: 13px;
		line-height: 1.2;
		font-weight: 600;
	}
}

#everest-forms-panel-integrations,
#everest-forms-panel-payments {
	.integration-name {
		display: flex;
		align-items: center;
		gap: 16px;
		justify-content: space-between;

svg {
			width: 19px;
			height: 19px;
		}
	}

.evf-panel-tab {
		min-height: 86px;
		background: #f4f4f4;
		border-bottom: 1px solid #e1e1e1;

.logo {
			width: 38px;
			height: 38px;
			flex: 0 0 38px;
			margin: 0;
			border: 1px solid #e1e1e1;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 5px;

img {
				width: 28px;
				height: 28px;
			}
		}

&.upgrade-addons-settings {
			opacity: 0.7 !important;
			color: #4a4a4a;

&:hover {
				background: #f0f0f0;
				color: #2f2f2f;
			}

i.dashicons {
				width: 18px;
				height: 18px;
				min-width: 18px;
				background-color: #f4b25e;
				border-radius: 3px;
				background-position: center;
				background-repeat: no-repeat;
				background-size: 11px;
			}
		}

&.evf-addon-install-trigger {
			opacity: 0.65;

.logo {
				filter: grayscale(50%);
			}

.evf-integration-inactive-badge {
				font-size: 10px;
				font-weight: 600;
				color: #888;
				background: #e1e1e1;
				border-radius: 3px;
				padding: 2px 6px;
				text-transform: uppercase;
				letter-spacing: 0.3px;
				white-space: nowrap;
			}

&:hover {
				opacity: 0.85;
			}
		}
	}
}

// Payments upsell — builder tab (no sidebar, full-width content area).
#everest-forms-panel-payments {
	.panel-wrap.everest-forms-panel-content-wrap {
		background: #fff;
	}

.everest-forms-panel-content {
		width: 100%;
		padding: 0;
		background: #fff;
	}
}

// Payments upsell — shared between builder tab and admin page.
.evf-payment-upsell-page {
	width: 100%;
	padding: 48px 0;
	text-align: center;

.evf-payment-upsell-header {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		margin-bottom: 14px;

.evf-payment-wave {
			font-size: 32px;
			line-height: 1;
		}

h2 {
			margin: 0;
			font-size: 28px;
			font-weight: 700;
			color: #1f1f1f;
			line-height: 1.2;
		}
	}

> h3 {
		margin: 0 0 16px;
		font-size: 18px;
		font-weight: 600;
		color: #1f1f1f;
		line-height: 1.4;
	}

> p {
		margin: 0 auto 16px;
		font-size: 14px;
		line-height: 1.7;
		color: #6b6b6b;
		max-width: 540px;

a {
			color: #7545bb;
			text-decoration: underline;

&:hover {
				color: #5317aa;
			}
		}
	}

.evf-payment-upsell-illustration {
		margin: 0 auto 16px;
		max-width: 260px;
		line-height: 0;

svg {
			width: 100%;
			height: auto;
		}
	}

.evf-payment-upsell-btn {
		display: inline-block;
		padding: 14px 36px;
		background: #7545bb;
		color: #fff;
		font-size: 15px;
		font-weight: 600;
		line-height: 1.2;
		border-radius: 5px;
		text-decoration: none;
		border: none;
		cursor: pointer;
		transition: background 0.2s ease;

&:hover {
			background: #5317aa;
			color: #fff;
		}
	}

.evf-payment-upsell-help {
		margin: 20px 0 0;
		font-size: 13px;
		color: #6b6b6b;

a {
			color: #7545bb;
			text-decoration: underline;

&:hover {
				color: #5317aa;
			}
		}
	}
}

// Payments upsell — standalone admin page wrapper.
.evf-payments-page-wrap {
	min-height: calc(100vh - 80px);
	padding: 24px;

.evf-payments-upsell-card {
		background: #fff;
		width: 100%;
		padding: 60px 48px;
		box-sizing: border-box;
		text-align: center;
		border-radius: 12px;
		border: 1px solid #e1e1e1;

.evf-payments-icon-wrap {
			display: flex;
			justify-content: center;
			margin-bottom: 20px;

img {
				display: block;
				width: 75px;
				height: 75px;
				object-fit: contain;
				border-radius: 6px;
			}
		}

h3 {
			margin: 0 0 8px;
			font-size: 22px;
			font-weight: 700;
			color: #1a1a1a;
			line-height: 1.3;
		}

.evf-payments-desc {
			margin: 0 auto 18px;
			font-size: 14px;
			line-height: 1.7;
			color: #6b6b6b;
			max-width: 460px;
		}

.evf-payments-gateways {
			display: flex;
			align-items: center;
			justify-content: center;
			flex-wrap: wrap;
			gap: 8px;
			margin-bottom: 40px;
		}

.evf-payments-gateway-badge {
			display: inline-flex;
			align-items: center;
			gap: 6px;
			padding: 4px 14px;
			border: 1px solid #e5e7eb;
			border-radius: 100px;
			font-size: 12px;
			font-weight: 500;
			color: #374151;
			background: #f5f5f5;

.evf-payments-gateway-icon {
				display: block;
				width: 18px;
				height: 18px;
				flex-shrink: 0;
				object-fit: contain;
			}

&.evf-payments-gateway-badge--more {
				color: #6b7280;
				border-color: #e5e7eb;
				line-height: 1.5;
			}
		}

.evf-payments-upsell-btn {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			padding: 12px 24px;
			background: #7545bb;
			color: #fff;
			font-size: 14px;
			font-weight: 600;
			line-height: 1.2;
			border-radius: 4px;
			text-decoration: none;
			transition: background 0.2s ease;

&:hover {
				background: #9159e3;
				color: #fff;
			}
			&:focus {
				box-shadow: none !important;
				outline: none !important;
			}
		}
	}
}

.everest-forms-panel-field-tinymce {
	.wp-editor-wrap {
		width: 100%;
	}

.evf-toggle-smart-tag-display {
		top: 4px !important;
	}
}

.everest-forms-panel-field-textarea {
	.CodeMirror {
		width: 100%;
		border: 1px solid #e1e1e1;
		border-radius: 4px;
	}
}

.evf-content-section-body
	.everest-forms-panel-field-radio-image
	.everest-forms-layout {
	display: flex;
}

.evf-content-form-landing-pages-settings-body {
	width: 100%;
}

@media (max-width: 1366px) {
	.everest-forms-nav-wrapper {
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: center !important;
		height: auto !important;
		min-height: 70px !important;
		padding: 10px 20px !important;
	}

.evf-tab-wrapper {
		width: 100% !important;
		flex: 0 0 100% !important;
		order: 1 !important;
		display: flex !important;
		align-items: center !important;
		gap: 12px !important;
	}

.evf-forms-nav-right {
		width: 100% !important;
		flex: 0 0 100% !important;
		order: 2 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		gap: 8px !important;
		margin-top: 8px !important;
	}
}

@media (max-width: 1366px) {
	.evf-forms-nav-right .everest-forms-shortcode input {
		max-width: 120px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

.evf-forms-nav-right .everest-forms-shortcode {
		display: flex;
		align-items: center;
		gap: 6px;
	}
}
.evf-popover-fields {
	gap: 12px !important;
}
.evf-popover-field-item {
	padding: 16px 8px !important;
}
.evf-popover-tab.active {
	background: #f6f3fa !important;
	color: #7545bb !important;
	border-radius: 4px !important;
}
.evf-popover-tab.hover {
	background: #f4f4f4 !important;
	color: #6b6b6b !important;
	border-radius: 4px !important;
}
.evf-popover-tabs {
	padding: 12px 12px !important;
}
.evf-popover-search-wrap .dashicons-search::before {
	content: none !important;
	display: none !important;
}
.evf-popover-search-wrap .dashicons-search {
	font-size: 0 !important;
	width: 0 !important;
	margin: 0 !important;
}
#evf-popover-search:focus {
	border-color: #7545bb !important;
	box-shadow: none !important;
}
.evf-popover-fields-wrap {
	padding: 12px 12px !important;
}
.evf-popover-search-wrap {
	gap: 0 !important;
}
.evf-popover-field-icon .evf-icon {
	padding: 0 !important;
	width: 18px !important;
	height: 18px !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.evf-payments-upsell-btn svg {
	margin-top: -3px;
}

.everest-forms-field-payment-subscription-plan {
	ul.primary-input {
		list-style: none;
		display: flex;
		flex-direction: column;
		gap: 8px;
		margin: 0;
		padding: 0;

li {
			border: 1.5px solid #dcdcde;
			border-radius: 6px;
			padding: 10px 14px;
			display: flex;
			align-items: flex-start;
			gap: 10px;
			cursor: pointer;
			transition:
				border-color 0.15s,
				background 0.15s;
			margin: 0;

&:has(input:checked) {
				border-color: #6c47e8;
			}
		}

input[type='radio'] {
			margin-top: 3px;
			flex-shrink: 0;
		}

.everest-forms-field-label-inline {
			flex: 1;
			cursor: pointer;
		}
	}

.evf-plan-wrap {
		flex: 1;
		display: flex;
		flex-direction: column;
	}

.evf-plan-main {
		display: flex;
		justify-content: space-between;
		align-items: baseline;
		gap: 8px;
	}

.evf-plan-name {
		font-size: 13px;
		font-weight: 500;
	}

.evf-plan-price {
		font-size: 13px;
		font-weight: 700;
		white-space: nowrap;
	}

.evf-plan-meta {
		display: block;
		font-size: 0.8em;
		color: #757575;
		margin-top: 3px;
		font-weight: 400;
	}
}
// Conditional Logic upsell panel (free version only).
.evf-cl-upsell-group {
	> .everest-forms-field-option-group-toggle {
		color: #999 !important;
	}
}

.evf-cl-pro-badge {
	display: inline-flex;
	align-items: center;
	margin-left: 5px;
	vertical-align: middle;
	position: relative;
	top: -1px;

svg {
		width: 18px;
		height: 18px;
		margin-top: 2px;
	}
}

.evf-cl-upgrade-notice {
	background: transparent;
	margin-bottom: 14px;

p {
		margin: 0;
		color: #3c3c3c;
		font-size: 13px;
		line-height: 24px;
		font-weight: 500;
	}
}

.evf-cl-upgrade-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #7545bb;
	color: #fff !important;
	font-size: 13px;
	font-weight: 600;
	padding: 10px 16px;
	border-radius: 4px;
	text-decoration: none !important;
	transition: background 0.2s ease;

svg {
		width: 14px;
		height: 14px;
		flex-shrink: 0;
	}

&:hover {
		background: #9159e3;
		color: #fff !important;
	}
}

.evf-cl-features {
	list-style: none;
	margin: 0 0 14px;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 4px;

li {
		display: flex;
		align-items: flex-start;
		gap: 7px;
		font-size: 13px;
		line-height: 1.5;
		color: #3c3c3c;

svg {
			flex-shrink: 0;
			width: 14px;
			height: 14px;
			margin-top: 2px;
			color: #7545bb;
		}
	}
}

.evf-payment-gateway-selector-preview-note, .everest-forms-field-option-row-payment_gateway_choice{
    a{
        color: #2271b1 !important;
        text-decoration: underline !important;
    }
}

// EVF-2695: choice-field options (radio/checkbox/subscription-plan/likert/scale-rating/etc.) in
// the Fields-tab canvas share generic admin-only templates (`ul.primary-input li`, or a `<table>`
// for Likert/Scale Rating) with no v2-frontend classes at all, so they never see StyleCustomizer
// v2's own CSS — instead they fall back to wp-admin's own `input[type=checkbox|radio]` styling
// (wp-admin/css/forms.css), which draws a custom bordered box via `appearance: none`. The real
// frontend/Style-tab preview never has this problem because the v2 "Default" variation
// deliberately renders the plain native control (see StyleCustomizer/V2/assets/css/frontend.css)
// — reset appearance back to native here too so the canvas matches instead of showing that old
// bordered-box look. Yes/No and (star) Rating render via SVG icons, not radio/checkbox inputs,
// so they were never affected and need no rule here.
.evf-admin-field-wrapper,
.evf-admin-field-container {
	ul.primary-input li,
	table.everest-forms-likert-table td,
	table.everest-forms-scale-rating-table td {
		input[type='radio'],
		input[type='checkbox'] {
			appearance: auto;
			-webkit-appearance: auto;
			border: 0;
			border-radius: 0;
			background: none;
			box-shadow: none;
		}
	}
}

cmd: