/**
 * 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;

	[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: 32px;
}

.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;
	float: right;

	&.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-line-clamp: 4;
				-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 {
		max-width: 650px;
		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;
		gap: 12px;

		&::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'] {
			-moz-appearance: textfield;
		}
	}
}

.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 {
		#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 {
		// height: 80px;
	}

	// Toggle switch.
	.everest-forms-toggle-form {
		width: 28px;
		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: 2px;
				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: absolute;
			top: 0;
			bottom: 0;
			height: auto;
			min-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: #8546d3;
				}

				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: 36px;
				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;
							}
						}

						&: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;
			}
		}

		.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: 20px 8px;
						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;

							&::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,
							select {
								height: 36px;

								&[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;

						&::before {
							content: '';
							background: #7545bb;
							width: 4px;
							height: 100%;
							position: absolute;
							top: 0;
							left: 0;
							opacity: 0;
							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;
				align-items: baseline;
				gap: 30px;

				&.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 {
					.evf-toggle-smart-tag-display {
						top: 32px;
					}
				}

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

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

						.evf-trail-period-wrapper,
						.evf-expiry-date-wrapper {
							margin-top: 10px;
							width: 100%;
							display: flex;
							justify-content: space-between;
							align-content: center;
						}
					}
				}
			}

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

					.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: calc(100% - 36px);
							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: #7e3bd0;
						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;
	}

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

							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;

					button {
						margin: 2px;
						cursor: pointer;

						&:hover {
							background: #7e3bd0;
							color: #fff;
							border: none;
						}

						&.evf-fm-btn-active {
							background: #7e3bd0;
							color: #fff;
							border: none;
						}
					}
				}

				.evf-fm-import-selected-wrapper {
					display: flex;
					flex-direction: row;
					justify-content: space-between;
					margin-left: 15px;
					margin-right: 100px;
				}

				.evf-fm-import-selected-btn {
					margin-top: 16px;
					padding: 8px;
					background: #e9ebf1;
					border-radius: 4px;
					border: none;
					align-items: right;

					&: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 {
		&:hover {
			color: #a00;
		}
	}

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

	#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: #007cba;
			}
		}

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

@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: #8c5aca;
						color: #fff;
						font-weight: 500;
						border: 1px solid #8c5aca;
						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;
		}

		.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;
			right: 3px;
			height: 30px;

			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: 38px;

		.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] {
		color: #222;
		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;

			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;
		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 {
			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: #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;
						}

						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: 30px;
										}

										span {
											width: 30px;
											height: 30px;
											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;
							}
						}
					}
				}
			}
		}
	}
}

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

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

						&::before {
							content: '';
							background: #7545bb;
							width: 4px;
							height: 100%;
							position: absolute;
							top: 0;
							left: 0;
							opacity: 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;
						}

						.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-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: 22px 0 24px;

		.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: 26px;
				height: 26px;
				border-radius: 6px;
				background: #f4f4f4;
				color: #383838;
				font-size: 11px;
				font-style: normal;
				font-weight: 600;
				border: 1px solid #e1e1e1;
			}

			&: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: 16px;
			height: 16px;
		}
	}

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

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