.wf_funnel_clear_5 {
	clear: both;
	height: 5px;
}

.wf_funnel_clear_10 {
	clear: both;
	height: 10px;
}

.wf_funnel_clear_20 {
	clear: both;
	height: 20px;
}
.wf_funnel_clear_24 {
	clear: both;
	height: 20px;
}
.wf_funnel_clear_30 {
	clear: both;
	height: 30px;
}

.wf_funnel_clear_40 {
	clear: both;
	height: 40px;
}

.wffn_clear {
	clear: both;
}

.wffn_clear_10 {
	clear: both;
	height: 10px;
}

.wffn_clear_20 {
	clear: both;
	height: 20px;
}

.wffn_clear_30 {
	clear: both;
	height: 30px;
}

.wffn_clear_40 {
	clear: both;
	height: 40px;
}

.wf_funnel_center_align {
	text-align: center;
}

.wf_funnel_right_align {
	text-align: right;
}
.wf_funnel_left_align {
	text-align: left;
}

.wf_funnel_h3 {
	font-size: 26px;
	line-height: normal;
	font-weight: 400;
	color: #2a2a2a;
	margin: 0 0 10px;
}

.wf_funnel_h5 {
	color: #444;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}

.wf_funnel_p {
	font-size: 16px;
	font-weight: 400;
	color: #666;
	line-height: 1.5;
}

.wffn_p {
	font-size: 18px;
	color: #000;
	margin: 11px 0 0;
}

svg {
	width: auto;
	/* margin: 0 auto */
}

a:focus {
	box-shadow: none;
}

.wffn_global_loader {
	position: absolute;
	width: calc(100% - 0px);
	height: 100%;
	min-height: 550px;
	text-align: center;
	background-color: #fff;
	z-index: 105;
}

.wffn_global_loader .spinner {
	visibility: visible;
	margin: auto;
	width: 50px;
	float: none;
	margin-top: 25%;
}

.spinner {
	background: url(../img/spinner.gif) no-repeat;
	background-size: 20px 20px;
	display: inline-block;
	visibility: hidden;
	float: right;
	vertical-align: middle;
	opacity: 0.7;
	width: 20px;
	height: 20px;
	margin: 4px 10px 0;
}

.ajax_loader_show {
	visibility: visible;
}

.bwfabt_row {
	width: 100%;
	display: block;
}

button:focus {
	outline: none;
}

.notice,
.updated,
.error {
	display: none !important;
}

.bwf-notice.notice,
.wfocu-notice.notice {
	display: block !important;
}

.wf_funnel_btn {
	min-width: 84px;
	position: relative;
	text-align: center;
	padding: 0 16px;
	font-weight: 500;
	border-radius: 8px;
	font-size: 14px;
	min-height: 36px;
	box-shadow: none;
	text-decoration: none;
	display: inline-flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border: 1px solid var(--wffn-primary);
	color: #fff;
	background: var(--wffn-primary);
	margin: 0;
}
.wf_funnel_btn.is_busy {
	opacity: 1 !important;
	background-image: linear-gradient(
		-45deg,
		#007cba 33%,
		#005a87 0,
		#005a87 70%,
		#007cba 0
	) !important;
	animation: components-button__busy-animation 2.5s linear infinite;
	pointer-events: none;
	color: #fff;
}

.wf_funnel_btn_primary,
.wf_funnel_btn_success,
.wf_funnel_btn_grey_border {
	color: #fff;
}

.wf_funnel_btn_primary,
.wf_funnel_btn_success {
	background: var(--wffn-primary);
	color: #fff;
	border: none;
}

.wf_funnel_btn_grey {
	background-color: #e33b3b;
	color: #fff;
}

.wf_funnel_btn:hover {
	color: #fff;
	background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.wf_funnel_pop_body,
#wffn_all_popups_vue .wffn-add-step-form-wrap .wf_funnel_pop_body {
	padding: 0 24px 24px;
	width: 100%;
	box-sizing: border-box;
	background-color: #fff;
	overflow-y: scroll;
}

.swal2-header .swal2-icon.swal2-warning {
	font-size: 15px;
	line-height: 77px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.swal2-header .swal2-icon.swal2-warning,
.swal2-header .swal2-icon.swal2-error {
	display: none !important;
}

.wf_funnel-icon-without-swal .swal2-icon {
	margin-top: 0;
	margin-bottom: 0;
}

.bwf_breadcrumb {
	display: flex;
	align-items: center;
	margin: 15px 0;
	font-weight: 300;
}

.bwf_breadcrumb .wf_funnel_card_switch {
	display: inline-flex;
	align-items: center;
	margin-right: 10px;
	position: relative;
	height: 26px;
	font-size: 17px;
}

.bwf_breadcrumb .wf_funnel_switch {
	position: relative;
	display: block;
	width: 28px;
	height: 15px;
	border: 1px solid #e8eae9;
	margin: 0;
	top: 0;
}

.bwf_breadcrumb .wf_funnel_slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 34px;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	background-color: #fc7626;
}

.bwf_breadcrumb input:checked + .wf_funnel_slider:before {
	-webkit-transform: translateX(13px);
	-ms-transform: translateX(13px);
	transform: translateX(13px);
}

input:checked + .wf_funnel_slider:before {
	-webkit-transform: translateX(12px);
	-ms-transform: translateX(12px);
	transform: translateX(12px);
}

.bwf_breadcrumb .wf_funnel_slider:before {
	border-radius: 50%;
	position: absolute;
	content: "";
	height: 11px;
	width: 11px;
	top: 2px;
	left: 2px;
	background-color: #fff;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
}

.bwf_breadcrumb .wf_funnel_switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

input:checked + .wf_funnel_slider {
	background-color: #6dbe45;
}

.bwf_breadcrumb ul {
	list-style: none;
	font-size: 0;
	height: 26px;
	margin: 0px 15px 0px 0px;
}

.bwf_breadcrumb ul li {
	display: inline-block;
	position: relative;
	padding-right: 22px;
	margin: 0;
	font-size: 14px;
	line-height: 26px;
	font-weight: 400;
}

.bwf_breadcrumb ul li:after {
	content: "\f345";
	font-family: dashicons;
	position: absolute;
	right: 2px;
	top: 1px;
	color: #3f3f3f;
	font-size: 17px;
	line-height: 26px;
}

.bwf_breadcrumb ul li:last-child {
	padding-right: 0;
	color: #3f3f3f;
}

.bwf_breadcrumb ul li:last-child:after {
	content: "";
}

.bwf_breadcrumb ul li a {
	font-size: inherit;
	line-height: 26px;
	color: #0074ac;
	font-weight: 300;
	text-decoration: none;
	text-shadow: none;
	outline: none;
}

.bwf_breadcrumb .bwf_after_bre {
	height: 26px;
}

.bwf_breadcrumb .bwf_after_bre > a {
	font-size: 15px;
	line-height: 26px;
	display: inline-flex;
	align-items: center;
	margin-right: 10px;
	text-decoration: none;
	gap: 4px;
	font-weight: 400;
	color: #444;
}

.bwf_breadcrumb .bwf_after_bre svg {
	margin-right: 2px;
	fill: var(--wffn-primary);
}

.bwf_breadcrumb .bwf_after_bre .dashicons {
	color: var(--wffn-primary);
}

.bwf_menu_list_primary {
	background: #fff;
	padding: 0 20px;
	margin: 0 0 20px;
	border-bottom: 1px solid #eaeaea;
}

.bwf_menu_list_primary ul {
	margin: 0;
	padding: 0;
}

.bwf_menu_list_primary ul li {
	display: inline-flex;
	margin: 0 20px;
	padding: 0;
	position: relative;
}

.bwf_menu_list_primary ul li a span {
	margin-right: 6px;
	color: #979197;
}

.bwf_menu_list_primary ul li.active,
.bwf_menu_list_primary ul li:hover {
	border-bottom: 3px solid var(--wffn-primary);
}

.bwf_menu_list_primary ul li a {
	display: flex;
	text-decoration: none;
	padding: 15px 0;
	color: #6f6f6f;
	font-size: 14px;
	cursor: pointer;
}

.bwf_menu_list_primary ul li.active a,
.bwf_menu_list_primary ul li.active a span,
.bwf_menu_list_primary ul li:hover a,
.bwf_menu_list_primary ul li:hover a span {
	color: #000;
}

.bwf_menu_list_primary ul li a svg {
	margin-right: 5px;
}

#wffn_flex_listing_vue .woofunnels_page_bwf_funnels .column-date_added {
	width: 200px;
}

.postbox {
	background: none;
	box-shadow: none;
	border: none;
}

.wffn_flex_import_page {
	width: 730px;
	background: #fff;
	margin: 0 auto;
	text-align: center;
	padding: 110px 25px;
	margin-top: 115px;
}

.wffn_import_head {
	font-size: 20px;
	color: #000;
}

.wffn_import_para {
	font-size: 15px;
	color: #878787;
}

.wffn_flex_import_page input[type="file"] {
	margin-left: 65px;
}

ul.wf_funnel_steps {
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
}

ul.wf_funnel_steps * {
	box-sizing: border-box;
}

ul.wf_funnel_steps li {
	padding: 15px 10px;
	border: 2px solid #e4e4e4;
	position: relative;
	cursor: pointer;
	text-align: center;
	border-radius: 8px;
}

ul.wf_funnel_steps li .wf_funnel_check_wrap {
	position: absolute;
	right: 4px;
	top: 4px;
	height: 18px;
	width: 18px;
	background-color: var(--wffn-primary);
	border-radius: 50%;
	display: inline-block;
	opacity: 0;
	font-family: dashicons;
}

ul.wf_funnel_steps * {
	box-sizing: border-box;
}

ul.wf_funnel_steps li .wf_funnel_check_wrap:after {
	content: "\f147";
	color: #fff;
	width: 18px;
	height: 18px;
	font-size: 16px;
	position: relative;
	right: 1px;
}

ul.wf_funnel_steps li:hover .wf_funnel_check_wrap {
	background-color: var(--wffn-primary);
}

ul.wf_funnel_steps li.selected .wf_funnel_check_wrap,
ul.wf_funnel_steps li.selected:hover .wf_funnel_check_wrap {
	background-color: var(--wffn-primary);
}

ul.wf_funnel_steps li:hover .wf_funnel_check_wrap,
ul.wf_funnel_steps li.selected .wf_funnel_check_wrap {
	opacity: 0;
}

ul.wf_funnel_steps li:hover,
ul.wf_funnel_steps li.selected {
	border-color: var(--wffn-primary);
	box-shadow: 1px 1px 10px #d6d6d6;
}

.wf_funnel_step_icon {
	display: block;
	margin: 0 0 10px;
	text-align: center;
}

.wf_funnel_step_icon .dashicons,
.wf_funnel_step_icon svg.dashicon {
	color: #444;
	background: transparent;
	font-size: 38px;
	height: 42px;
	width: 42px;
	line-height: 43px;
}

.selected .wf_funnel_step_icon .dashicons,
.selected .wf_funnel_step_icon svg.dashicon {
	color: var(--wffn-primary);
}

ul.wf_funnel_steps li .wf_funnel_h5 {
	display: inline-flex;
	align-items: center;
}

.wffn_content_wrap {
	width: 100%;
	/* float: left; */
	position: relative;
}

#wffn_design_container {
	position: relative;
	top: 0;
}

#wffn_design_container * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.wffn_filter_container {
	display: inline-flex;
}

.wffn_filter_container_inner {
	font-size: 13px;
	padding: 9px 24px;
	text-transform: capitalize;
	transition-duration: 0.05s;
	transition-timing-function: ease-in-out;
	cursor: pointer;
	display: table-cell;
	border: 1px solid var(--wffn-border-color);
	color: var(--wffn-text);
	line-height: 16px;
	height: 36px;
}
.wffn_filter_container_inner:first-child {
	border-radius: 8px 0 0 8px;
	border-right: none;
}
.wffn_filter_container_inner:last-child {
	border-radius: 0px 8px 8px 0px;
	border-left: none;
}
.wffn_filter_container_inner:only-child {
	border-radius: 8px;
	border: 1px solid var(--wffn-primary);
}

body:not(.rtl) .wffn_filter_container_inner:last-child {
	margin-right: 0;
}
.wffn_filter_container_inner:hover {
	color: var(--wffn-primary);
}
.wffn_filter_container_inner.wffn_selected_filter,
.wffn_filter_container_inner.wffn_selected_filter:hover,
.wffn_filter_container_inner.wffn_selected_filter:focus {
	background: var(--wffn-primary);
	color: #fff;
	border-color: var(--wffn-primary);
}

.wffn-hide.wffn-show {
	display: block;
	clear: both;
}

.wffn-hide {
	display: none;
}

.wffn_tab_container {
	width: 100%;
	margin: 0;
	box-sizing: border-box;
	position: relative;
	background: #fff;
}

.wffn_tabs_templates_part {
	display: inline-block;
	width: 100%;
	text-align: center;
	background: #fff;
}

.wffn_temp_anchor {
	display: inline-block;
}

#wffn_design_container input[name="wffn_tabs"] {
	display: none;
}

#wffn_design_container .wffn_tab_container label {
	margin: 0;
	min-width: 150px;
	line-height: 43px;
}

.wffn_tab_container div[data-select="selected"] label {
	z-index: 1;
	position: relative;
	background: var(--wffn-primary);
	color: #fff;
}

.wffn_tab_container label {
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	font-weight: 500;
	font-size: 14px;
	display: block;
	line-height: 21px;
	color: var(--wffn-text);
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	background: #fff;
	border-bottom: 2px solid transparent;
	margin-right: 10px;
}

#wffn_design_container .wffn_tab_container label {
	margin: 0;
	min-width: 150px;
	line-height: 43px;
}

#wffn_design_container #wffn_content1 {
	padding: 0;
}

.wffn_tab_container .wffn_tab-content,
.wffn_tab_container .wffn_tab-content {
	position: relative;
	top: 0;
	padding: 40px 30px;
	margin: auto;
	border: none;
}

.wffn_tab_container section {
	clear: both;
	padding-top: 10px;
	display: none;
}

.wffn_tab-content .wffn_pick_template {
	margin: 24px 0 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(275px, 1fr));
	grid-gap: 24px;
}

.wffn_tab-content .wffn_pick_template .wffn_temp_card {
	box-sizing: border-box;
	-webkit-animation: fadein 0.89s linear forwards;
	animation: fadein 0.89s linear forwards;
}

.wffn-funnel-new .wffn_tab-content .wffn_pick_template .wffn_temp_card {
	width: auto;
}

.wffn_tab-content
	.wffn_pick_template
	.wffn_temp_card
	.wffn_template_sec.wffn_build_from_scratch {
	background: #fff;
	border: 0;
	box-shadow: none !important;
	border-radius: 8px;
	height: 100%;
	/* max-width: 280px; */
}

.wffn_tab-content
	.wffn_pick_template
	.wffn_temp_card
	.wffn_template_sec.wffn_build_from_scratch
	.wffn_template_sec_design {
	height: 100%;
	/* min-height: 321px; */
	padding-bottom: calc(89% + 45px);
}

.wffn_tab-content .wffn_pick_template .wffn_temp_card .wffn_template_sec {
	text-align: center;
	max-width: 100%;
	width: 100%;
	position: relative;
	/* box-shadow: 0 0 0 1px var(--wffn-border-color) !important; */
	border: 1px solid var(--wffn-border-color);
	border-radius: 8px;
	background: #fff;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}

.wffn-funnel-new
	.wffn_tab-content
	.wffn_pick_template
	.wffn_temp_card
	.wffn_template_sec {
	height: auto;
}

.wffn_tab-content
	.wffn_pick_template
	.wffn_temp_card
	.wffn_template_sec:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.72);
	opacity: 0;
	transition: all 0.3s ease-in-out;
	z-index: 10;
}
.wffn_tab-content
	.wffn_pick_template
	.wffn_temp_card
	.wffn_template_sec
	.wffn_template_sec_ribbon {
	z-index: 7;
}
@media only screen and (max-width: 1390px) and (min-width: 1220px) {
	.wffn_tab-content .wffn_pick_template {
		grid-template-columns: repeat(4, 1fr);
	}
}
.wffn_tab-content
	.wffn_pick_template
	.wffn_temp_card
	.wffn_build_from_scratch.wffn_template_sec:before {
	height: 100%;
}

.wffn_tab-content
	.wffn_pick_template
	.wffn_temp_card
	.wffn_template_sec
	.wffn_template_sec_design {
	box-shadow: none;
}

.wffn_build_from_scratch .wffn_template_sec_design {
	overflow: visible;
	background: #fff;
}

.wffn_template_sec_design {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	max-width: 100%;
	/* height: 275px; */
	width: 100%;
	position: initial;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	overflow: hidden;
	padding-bottom: 89%;
}

.wffn_tab-content
	.wffn_pick_template
	.wffn_build_from_scratch
	.wffn_temp_overlay {
	opacity: 1;
	cursor: pointer;
	border: 2px dashed #353030;
	box-sizing: border-box;
	border-radius: 12px;
}

.wffn_temp_overlay {
	transition: all 0.3s ease-in-out;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 44;
	opacity: 0;
	/* display: table; */
}

.wffn_build_from_scratch .wffn_temp_middle_align {
	/* height: auto; */
	overflow: visible;
}

.wffn_temp_middle_align {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	height: 100%;
}

.wffn_steps_btn_add {
	position: absolute;
	width: 30px;
	height: 30px;
	margin-left: -15px;
	background-color: transparent;
	border: 3px solid var(--wffn-primary);
	border-radius: 50%;
	line-height: 20px;
	font-size: 26px;
	font-weight: 600;
	left: 50%;
	text-decoration: none;
}

.wffn_steps_btn_add span {
	color: var(--wffn-primary);
	font-weight: 800;
}

.wffn_template_btn_add {
	/* width: 80px;
    height: 80px;
    border-radius: 50%; */
	margin: 0 auto;
	text-decoration: none;
	/* background: var(--wffn-primary); */
	display: flex;
	align-items: center;
	justify-content: center;
}

.wffn_tab-content
	.wffn_pick_template
	.wffn_temp_card
	.wffn_template_sec:not(.wffn_build_from_scratch):hover:before,
.wffn_tab-content
	.wffn_pick_template
	.wffn_temp_card
	.wffn_template_sec.wffn_template_importing:before {
	/* opacity: 1 */
}

.wffn_tab-content
	.wffn_pick_template
	.wffn_template_sec:not(.wffn_build_from_scratch):hover
	.wffn_temp_overlay,
.wffn_tab-content
	.wffn_pick_template
	.wffn_template_sec.wffn_template_importing
	.wffn_temp_overlay {
	opacity: 1;
	border: 2px dashed transparent;
}

.wffn_tab-content
	.wffn_pick_template
	.wffn_build_from_scratch:hover
	.wffn_temp_overlay
	.wffn_steps_btn_add,
.wffn_tab-content
	.wffn_pick_template
	.wffn_build_from_scratch:hover
	.wffn_temp_overlay
	.wffn_steps_btn_add
	span {
	border-color: #fff;
	color: #fff;
	border-color: #fff;
	color: #fff;
}

.wffn_tab-content
	.wffn_pick_template
	.wffn_build_from_scratch.wffn_template_importing
	.wffn_temp_overlay
	.wffn_steps_btn_add,
.wffn_tab-content
	.wffn_pick_template
	.wffn_build_from_scratch.wffn_template_importing
	.wffn_temp_overlay
	.wffn_steps_btn_add
	span {
	border-color: #fff;
	color: #fff;
	border-color: #fff;
	color: #fff;
}

.wffn_tab-content
	.wffn_pick_template
	.wffn_build_from_scratch
	.wffn_temp_overlay
	.wffn_p {
	display: inline-block;
}

.wffn_tab-content
	.wffn_pick_template
	.wffn_build_from_scratch
	.wffn_temp_overlay
	.wffn_p.witha
	a {
	text-decoration: none;
	color: #000;
	padding: 11px 20px;
	border-radius: 4px;
}

.wffn_tab-content
	.wffn_pick_template
	.wffn_build_from_scratch
	.wffn_temp_overlay
	.wffn_p.witha
	a {
	text-decoration: none;
	color: #000;
	padding: 11px 20px;
	border-radius: 4px;
}

.wffn_tab-content
	.wffn_pick_template
	.wffn_build_from_scratch
	.wffn_temp_overlay
	.wffn_p.wffn_import_template {
	color: #000;
	/* padding: 0 20px 11px; */
	border-radius: 4px;
	margin: 2px 0 0;
}

/* .wffn_tab-content .wffn_pick_template .wffn_build_from_scratch:hover .wffn_temp_overlay .wffn_p.wffn_import_template,
.wffn_tab-content .wffn_pick_template .wffn_build_from_scratch:hover .wffn_temp_overlay .wffn_import_description {
    color: #fff
} */

/* .wffn_tab-content .wffn_pick_template .wffn_build_from_scratch:hover .wffn_temp_overlay svg path {
    fill: #fff;
} */

.wffn_tab-content
	.wffn_pick_template
	.wffn_build_from_scratch
	.wffn_temp_overlay
	.wffn_p.wffn_import_template
	.wffn_import_text {
	font-size: 15px;
	line-height: 24px;
	font-weight: 500;
}

.wffn_import_description {
	color: #868686;
	line-height: 20px;
	font-size: 13px;
	font-weight: 400;
	margin-top: 2px;
}

.wffn_tab-content
	.wffn_pick_template
	.wffn_temp_card
	.wffn_template_sec
	.wffn_img_temp {
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 6;
    transition: transform .3s;
}

.wffn_tab-content .wffn_pick_template .dashicons.dashicons-update {
	display: none;
}

.wffn_template_sec.wffn_template_importing span.dashicons.dashicons-update {
	display: inline-block;
	animation: rotation 2s infinite linear;
	margin-right: 4px;
}

.wffn_template_sec.wffn_build_from_scratch.wffn_template_importing
	span.dashicons.dashicons-update {
	margin-top: 0;
}

.wffn_template_sec.wffn_template_importing .wffn_import_text {
	display: none;
}

.wffn_tab-content
	.wffn_pick_template
	.wffn_temp_card
	.wffn_template_sec.wffn_template_importing
	.wffn_importing_text {
	display: inline-block;
}

.wffn_importing_text {
	display: none;
}

.wffn_tmp_pro_tab {
	background: #f43c04;
	color: #fff;
	position: absolute;
	top: 8px;
	right: 4px;
	font-size: 14px;
	padding: 1px 3px;
	border-radius: 4px;
	z-index: 55;
	display: none;
}

.wffn_btn_white {
	font-size: 15px;
	line-height: 27px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	bottom: 0;
	width: 100%;
	font-weight: 600;
	opacity: 0;
	z-index: 99;
	left: 0;
	padding: 8px 0;
	transition: all 0.4s ease-in-out;
}

.wffn_btn_white:hover {
	color: #fff;
}

.wffn_template_sec_meta {
	display: flex;
	justify-content: space-between;
	padding: 12px;
	border-top: 1px solid var(--wffn-border-color);
	position: relative;
	z-index: 9;
	background-color: #fff;
}

.wffn_pick_template .wffn_temp_card .wffn_template_sec .wffn_pro_template{
	opacity: 0;
    display: none;
}

.wffn_pick_template .wffn_temp_card .wffn_template_sec:hover .wffn_template_sec_meta{
		content: "";
		display: block;
		height: 54px;
		width: 100%;
		background: #fff;
		opacity: 1;
		transition: all 0.3s ease-in-out;
		z-index: 50;
}

.wffn_pick_template .wffn_temp_card .wffn_template_sec:hover .wffn_pro_template{
	opacity: 1;
    display: block;
    position: relative;
    z-index: 9999999;
}

.wffn_pick_template .wffn_temp_card .wffn_template_sec:hover .wffn_template_meta_left{
    display: none;
}

.wffn_pick_template .wffn_temp_card .wffn_template_sec:hover .wffn_template_meta_right{
    display: none;
}

.wffn_pick_template .wffn_temp_card .wffn_template_sec:hover .wffn_template_sec_meta{
    padding: 8px 12px;
}

.wffn_pick_template .wffn_temp_card .wffn_template_sec:hover .wffn_img_temp{
    transform: scale(1.2);
}

.wffn_template_sec_meta .wffn_template_meta_left {
	text-transform: capitalize;
	font-weight: 500;
	font-size: 15px;
	line-height: 24px;
	color: #000;
	text-align: left;
	display: flex;
	flex-direction: column;
    align-items: flex-start;
	gap: 4px;
}
[dir="rtl"] .wffn_template_sec_meta .wffn_template_meta_left {
	text-align: right;
}
.wffn_template_sec_meta .wffn_template_meta_right {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	color: #82838e;
}

.wffn_tab-content .wffn_pick_template .wffn_template_sec:hover .wffn_btn_white,
.wffn_tab-content
	.wffn_pick_template
	.wffn_template_sec.wffn_template_importing
	.wffn_btn_white {
	opacity: 1;
}

.wffn_display_block {
	display: block;
}

.wffn_temp_middle_align .wffn_steps_btn {
	margin: 8px auto;
}
.wffn_template_sec_ribbon.wffn-pro.wffn-static-ribbon {
	position: static;
	margin-left: 8px;
	display: inline-flex;
	vertical-align: middle;
}
.wffn_template_sec_ribbon.wffn-pro {
	background: var(--brand-color);
	border: 1px solid #ffffff;
}

.wffn_template_sec_ribbon {
	position: absolute;
	display: block;
	background-color: var(--wffn-primary);
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	z-index: 1;
	font-weight: 500;
	font-size: 10px;
	line-height: 12px;
	border-radius: 8px;
	padding: 4px 8px;
	top: 11px;
	right: 12px;
}

.wffn_steps_btn {
	min-width: 110px;
	text-align: center;
	padding: 0 16px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	min-height: 40px;
	box-shadow: none;
	display: inline-flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}
.wffn_steps_btn.is_busy {
	opacity: 1 !important;
	background-image: linear-gradient(
		-45deg,
		#007cba 33%,
		#005a87 0,
		#005a87 70%,
		#007cba 0
	) !important;
	animation: components-button__busy-animation 2.5s linear infinite;
	pointer-events: none;
	color: #fff;
}

.wffn_steps_btn_success,
.wffn_steps_btn_success:focus {
	color: var(--wffn-primary);
	background-color: #fff;
	cursor: pointer;
}
.wffn_btn_blue {
	background-color: var(--wffn-primary);
	color: #fff;
}
.wffn_btn_blue:hover,
.wffn_btn_blue:focus {
	background-color: var(--wffn-primary-alter);
	color: #fff;
}

.wffn_steps_btn_green {
	color: #fff;
	background-color: #80c63c;
}

.wffn_steps_btn_green:hover,
.wffn_steps_btn_green:focus {
	background: var(--brand-color) !important;
	color: #fff !important;
}

.wf_funnel_btn_danger {
	background: var(--wffn-primary);
	border: 1px solid var(--wffn-primary);
	color: #fff;
}
.wf_funnel_btn_danger.is_busy {
	opacity: 1 !important;
	background-image: linear-gradient(
		-45deg,
		#007cba 33%,
		#005a87 0,
		#005a87 70%,
		#007cba 0
	) !important;
	animation: components-button__busy-animation 2.5s linear infinite;
	pointer-events: none;
	color: #fff;
}

.wf_funnel_btn_danger:hover,
.wf_funnel_btn_danger:focus {
	background: var(--wffn-primary-alter);
	border: 1px solid transparent;
	color: #fff;
}

.wf_funnel_templates_outer {
	margin: 0 auto;
	background: #fff;
}

.wf_funnel_heading_choosen_template {
	padding: 5px 25px;
	min-height: 48px;
	font-size: 15px;
	line-height: 1.5;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid var(--wffn-border-color);
	background: var(--wffn-boxer);
}

.wf_funnel_heading_choosen_template .wffn_funnel_heading {
	font-size: 18px;
	font-weight: 600;
	color: #353030;
	font-size: 15px;
}
.wffn_funnel_header_action {
	display: inline-flex;
	align-items: center;
}
.wffn_funnel_header_action .wf_funnel_link {
	border: 1px solid var(--wffn-border-color);
	padding: 0px 15px;
	min-height: 36px;
	border-radius: 8px;
	margin: 0 5px;
	display: inline-flex;
	align-items: center;
	font-size: 13px;
	text-decoration: none;
	color: var(--wffn-text);
}
.wffn_funnel_header_action .wf_funnel_link svg {
	margin-right: 3px;
}

.wffn_funnel_header_action .wf_funnel_link span {
	margin-right: 6px;
}

.wffn_funnel_header_action .wf_funnel_link:hover,
.wffn_funnel_header_action .wf_funnel_link:hover svg {
	border-color: var(--wffn-primary);
	fill: var(--wffn-primary);
	color: var(--wffn-primary);
}
.wffn_funnel_header_action .wf_funnel_red_link svg {
	fill: #1e1e1e;
	margin-right: 3px;
}
.wffn_funnel_header_action .wf_funnel_link.wf_funnel_red_link:hover,
.wffn_funnel_header_action .wf_funnel_link.wf_funnel_red_link:hover svg {
	border-color: #d22f2f;
	fill: #d22f2f;
	color: #d22f2f;
}

.wf_funnel_templates_inner.wf_funnel_selected_designed {
	box-sizing: border-box;
	margin: 0 auto;
	width: auto;
	border-radius: 8px;
	display: grid;
	align-items: center;
	grid-gap: 40px;
	grid-template-columns: 1fr 1.1fr;
	max-width: 1024px;
	padding: 24px 24px 0;
}

.wf_funnel_templates_inner {
	width: 100%;
	display: block;
}

.wf_funnel_templates_outer
	.wf_funnel_selected_designed
	.wf_funnel_template_sec {
	box-shadow: 0 0 5px #e0e0e0;
	margin: 0 auto;
	text-align: center;
	width: 264px;
	min-height: 350px;
}
.wf_funnel_templates_outer
	.wf_funnel_selected_designed
	.wf_funnel_template_sec.wf_funnel_build_from_scratch {
	box-shadow: unset;
}

.wf_funnel_templates_outer
	.wf_funnel_build_from_scratch
	.wf_funnel_template_sec_design {
	overflow: visible;
	position: relative;
}

.wf_funnel_templates_outer
	.wf_funnel_selected_designed
	.wf_funnel_temp_overlay {
	opacity: 1;
	transition: border 0.7s ease-in-out;
	cursor: pointer;
	background: #fff;
	border: 2px dashed var(--wffn-text);
	border-radius: 8px;
	padding: 10px;
	box-sizing: border-box;
}

.wf_funnel_templates_outer
	.wf_funnel_build_from_scratch
	.wf_funnel_temp_middle_align {
	height: 324px;
	overflow: visible;
}

.wf_funnel_templates_outer .wf_funnel_temp_middle_align {
	display: table-cell;
	vertical-align: middle;
}

.wf_funnel_template_sec {
	box-shadow: 0 0 5px #e0e0e0;
	margin: 0 25px;
}

.wf_funnel_templates_outer .wf_funnel_temp_overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.72);
	z-index: 44;
	opacity: 0;
	display: table;
	border: 2px solid transparent;
}

.wf_funnel_templates_design {
	/* background: var(--wffn-boxer);
    padding: 30px 0;
    margin: -1px;
    border-radius: 10px; */
}

.wf_selected_template_tag {
	display: inline-block;
	background: #e6e6e6;
	padding: 5px 20px;
	border-radius: 18px;
	text-transform: capitalize;
}

.wf_selected_template_tag ~ .wf_selected_template_tag {
	margin-left: 10px;
}

.wf_funnel_templates_design .wf_funnel_img {
	margin: 0 auto;
	min-height: 418px;
	max-width: 341px;
}

.wf_funnel_templates_design .wf_funnel_img img {
	max-width: 100%;
	border-radius: 8px;
	margin: 0 auto;
	border: 1px solid #dedfea;
}

.wf_funnel_img div {
	padding: 10px;
}

.wf_funnel_templates_design img {
	display: block;
}

.wf_funnel_templates_outer .wf_funnel_templates_action {
	display: grid;
	grid-gap: 12px;
	grid-template-columns: minmax(auto, 260px);
	justify-content: center;
}
.wf_funnel_templates_outer .wf_funnel_templates_action a {
	margin: 0;
	font-size: 14px;
}

.wf_funnel_selected_designed .wf_funnel_temp {
	font-weight: 300;
}

.wf_funnel_temp {
	font-size: 20px;
	line-height: 1.5;
}

.wf_funnel_btn_temp,
.wf_funnel_btn_temp:focus {
	min-width: 84px;
	text-align: center;
	padding: 0 16px;
	font-weight: 500;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-size: 14px;
	min-height: 36px;
	box-shadow: none;
	display: inline-flex;
	text-align: center;
	align-items: center;
	text-decoration: none;
	justify-content: center;
	border: 1px solid var(--wffn-primary);
	cursor: pointer;
}

.wf_funnel_btn_temp_alter {
	position: relative;
	font-size: 14px;
	min-width: 125px;
	border-radius: 8px;
	min-height: 36px;
	text-align: center;
	text-decoration: none;
	border: 1px solid transparent;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: var(--wffn-text);
}

.wf_funnel_btn_temp_alter ~ .wf_funnel_btn_temp_alter {
	margin-left: 10px;
}

.wf_funnel_btn_temp_alter.wf_funnel_btn_white_temp {
	border-color: var(--wffn-border-color);
}

.wf_funnel_btn_temp_alter.wf_funnel_btn_white_temp:hover {
	border-color: var(--wffn-primary);
}

.wf_funnel_btn_temp_alter.wf_funnel_btn_blue_temp {
	background: var(--wffn-primary);
	color: #fff;
	border-color: var(--wffn-primary);
}
.wf_funnel_btn_temp_alter.wf_funnel_btn_blue_outline {
	border-color: var(--wffn-primary);
	color: var(--wffn-primary);
}
.wf_funnel_btn_temp_alter.wf_funnel_btn_blue_temp:hover {
	border-color: #035a84;
}

.wf_funnel_btn_temp_alter svg {
	margin: 0 8px 0 0;
}

.wf_funnel_btn_blue_temp {
	background: var(--wffn-primary);
	color: #fff;
}

.wf_funnel_btn_blue_temp:hover,
.wf_funnel_btn_blue_temp:focus {
	color: #fff !important;
	background: #035a84;
}

.wf_funnel_btn_green_temp {
	background: #54c867;
	color: #fff;
}

.wf_funnel_btn_green_temp:hover {
	background: #45b157;
	color: #fff !important;
}

.wf_funnel_template_bottom {
	background: #f6f9fb;
	padding: 0 20px;
}

.wf_funnel_template_bottom .wf_funnel_edit_post_links {
	width: 50%;
	float: left;
	text-align: left;
}

.wf_funnel_template_bottom .wf_funnel_link.wf_funnel_blue_link {
	display: inline-block;
	font-size: 14px;
	text-decoration: none;
}

.wf_funnel_blue_link {
	color: #0085ba;
}

.wf_funnel_blue_link:hover {
	color: #085979;
}

.wf_funnel_template_bottom .wf_funnel_template_links {
	float: right;
	text-align: right;
	display: inline-flex;
}

.wf_funnel_red_link,
.wf_funnel_red_link:focus {
	color: #d22f2f;
}

.wf_funnel_link {
	font-size: 14px;
	text-decoration: none;
}

.wf_funnel_red_link:hover {
	color: #ff0202;
}

.wffn_funnels .row-actions {
	color: #444;
}

.wffn-tabs-view-vertical.wffn-widget-tabs {
	width: 100%;
	display: flex;
	min-height: 250px;
}

.wffn-widget-tabs.wffn-tabs-view-vertical .wffn-tabs-wrapper {
	width: 260px;
	float: left;
	margin-right: 25px;
	background: #fff;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 15px 10px;
	border: 1px solid var(--wffn-border-color);
}

.wffn-widget-tabs.wffn-tabs-view-vertical .wffn-tabs-wrapper .wffn_tab_heading {
	font-weight: 500;
	font-size: 15px;
	padding: 10px 2px 22px;
}

.wffn-widget-tabs .wffn-tabs-wrapper {
	font-size: 0;
}

.wffn-widget-tabs .wffn-tab-title.wffn-active {
	background-color: #ebf2f6;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: var(--wffn-primary);
}

.wffn-widget-tabs .wffn-tab-title.wffn-active:after {
	content: "";
	font-family: "dashicons";
	float: right;
	color: var(--wffn-primary);
}

.wffn-widget-tabs .wffn-tab-desktop-title {
	padding: 12px 16px;
	display: block;
	max-width: 250px;
}

.wffn-widget-tabs .wffn-tab-title {
	cursor: pointer;
	outline: none;
	font-size: 13px;
	line-height: 20px;
	color: var(--wffn-text);
	font-weight: 500;
	position: relative;
}

.wffn-widget-tabs .wffn-tab-title,
.wffn-widget-tabs .wffn-tab-title:before,
.wffn-widget-tabs .wffn-tab-title:after,
.wffn-widget-tabs .wffn-tab-content,
.wffn-widget-tabs .wffn-tabs-content-wrapper {
	border: 1px none #eeeded;
}

.wffn-widget-tabs.wffn-tabs-view-vertical .wffn-tabs-content-wrapper {
	width: calc(100% - 260px);
	background: #fff;
	float: left;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid var(--wffn-border-color);
}

.wffn-widget-tabs .wffn-tab-title,
.wffn-widget-tabs .wffn-tab-title:before,
.wffn-widget-tabs .wffn-tab-title:after,
.wffn-widget-tabs .wffn-tab-content,
.wffn-widget-tabs .wffn-tabs-content-wrapper {
	border: 1px none #eeeded;
}

.wffn-tabs-content-wrapper {
	position: relative;
}

.wffn-widget-tabs.wffn-tabs-view-vertical
	.wffn-tabs-content-wrapper
	#wffn_global_setting {
	padding: 30px 20px;
	width: 100%;
	float: left;
	box-sizing: border-box;
	position: relative;
}

.wffn_forms_global_settings
	.vue-form-generator
	fieldset
	.form-group
	.radio-list
	> label {
	width: 70px;
	display: inline-block;
}

.wffn-ty-shortcode-tab-area .wffn-scodes-label,
.wffn-opt-shortcode-tab-area .wffn-scodes-label {
	color: #000;
	font-size: 14px;
	margin: 1.33em 0 0.5em;
	font-weight: 400;
}

.wffn-opt-shortcode-tab-area .wffn-scode-copy input[readonly] {
	width: 100%;
	border: 1px solid #dfdfdf;
	background: #fff;
	height: 38px;
	padding: 0 10px;
	color: #878787;
}

.wffn-opt-shortcode-tab-area .wffn-scode-copy + a {
	float: right;
	margin: -36px 4px 3px 0;
	position: relative;
	color: var(--wffn-primary);
	text-decoration: none;
	font-size: 14px;
	background: #fff;
	height: 34px;
	width: 52px;
	text-align: center;
	display: flex;
	padding: 7px 0;
	box-sizing: border-box;
	align-items: center;
}

.wffn-ty-shortcode-tab-area fieldset legend,
.wffn-opt-shortcode-tab-area fieldset legend {
	font-size: 20px;
	line-height: 1.5;
	font-weight: 700;
	padding-left: 0;
	color: #353030;
}

.wffn_forms_wrap.wffn_forms_global_settings {
	margin-bottom: 20px;
}

.wffn_forms_wrap.wffn_forms_global_settings .valid.wffn-activeTab {
	padding: 0;
}

.wffn_forms_global_settings .vue-form-generator fieldset {
	display: none;
}

.valid.wffn-activeTab {
	padding: 15px 20px;
}

.wffn_forms_global_settings .vue-form-generator fieldset legend {
	padding-left: 0;
	padding-bottom: 15px;
	font-size: 20px;
	line-height: 1.5;
	font-weight: 700;
	padding-left: 0;
	color: var(--wffn-text);
	margin-top: 0;
}

.wffn_forms_global_settings .form-group {
	margin-bottom: 25px;
}

.wffn_forms_global_settings .form-group:before,
.wffn_forms_global_settings .form-group:after {
	content: "";
	clear: both;
	display: block;
}

.wffn_forms_global_settings .vue-form-generator fieldset .form-group > label {
	width: 200px;
	float: left;
	margin-bottom: 0;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 1.5;
	position: relative;
	top: 5px;
	padding-right: 12px;
}

.wffn_forms_global_settings .vue-form-generator fieldset label span {
	color: #353030;
	font-size: 13px;
	margin: 0;
	font-weight: 400;
}

.wffn_forms_global_settings .vue-form-generator fieldset .field-wrap,
.wffn_forms_global_settings .form-group .hint,
.wffn_funnel_setting .form-group .hint {
	padding-left: 201px !important;
	width: 100%;
	float: none;
	display: block;
	box-sizing: border-box;
}

.wffn_forms_global_settings .form-group.bwf_tracking_general_label .hint {
	padding-left: 0 !important;
}

.wffn_forms_global_settings .vue-form-generator fieldset .field-wrap,
.wffn_forms_global_settings .vue-form-generator fieldset .errors {
	display: block;
	padding-left: 200px;
}

.wffn_forms_global_settings
	.vue-form-generator
	fieldset
	.field-wrap
	.radio-list {
	line-height: 28px;
}
.wffn_forms_global_settings .form-group.field-input input[type="text"],
.wffn_forms_global_settings .form-group.field-input input[type="number"],
.wffn_forms_global_settings .form-group.field-input input[type="email"],
.wffn_forms_global_settings .form-group.field-input input[type="password"],
.wffn_forms_global_settings .form-group.field-input input[type="url"],
.wffn_forms_global_settings .form-group.field-input input[type="tel"],
.wffn_forms_global_settings .form-group.field-input input[type="number"] {
	max-height: 36px;
}
.wffn_forms_global_settings .form-group.field-input input[type="text"],
.wffn_forms_global_settings .form-group.field-input input[type="number"],
.wffn_forms_global_settings .form-group.field-input input[type="email"],
.wffn_forms_global_settings .form-group.field-input input[type="password"],
.wffn_forms_global_settings .form-group.field-input input[type="url"],
.wffn_forms_global_settings .form-group.field-input input[type="tel"],
.wffn_forms_global_settings .form-group.field-input input[type="number"],
.wffn_forms_global_settings textarea {
	width: 100%;
	padding: 9px 12px;
	font-size: 13px;
	line-height: 16px;
	color: #353030;
	background-color: #fff;
	border: 1px solid #d5d5d5;
	box-shadow: none;
	display: block;
	max-width: 100%;
	margin: 0;
	height: auto;
	border-radius: 8px;
}

.wffn_forms_global_settings textarea {
	height: 200px;
	max-width: 600px;
}

.wffn-tabs-view-vertical #wffn_global_setting .bwf_form_button {
	float: none;
	padding-left: 0;
	margin: 0;
}

.wffn-tabs-view-vertical .bwf_form_button {
	background: #fff;
	display: block;
	float: left;
	margin-left: 290px;
	margin-top: -46px;
}

.wffn_save_btn_style {
	min-width: 84px;
	text-align: center;
	padding: 0 16px;
	border-radius: 8px;
	font-size: 14px;
	min-height: 36px;
	font-weight: 500;
	box-shadow: none;
	text-decoration: none;
	display: inline-flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border: 1px solid var(--wffn-primary);
	color: #fff;
	background: var(--wffn-primary);
}

.wffn_save_btn_style.is_busy {
	opacity: 1 !important;
	background-image: linear-gradient(
		-45deg,
		#007cba 33%,
		#005a87 0,
		#005a87 70%,
		#007cba 0
	) !important;
	animation: components-button__busy-animation 2.5s linear infinite;
	pointer-events: none;
	color: #fff;
}
.wffn_save_btn_style:hover,
.wffn_save_btn_style:focus {
	background: var(--wffn-primary-alter);
}

.wffn-tabs-view-vertical #wffn_global_setting .bwf_form_button .spinner:empty {
	display: none;
}

.wffn-tabs-content-wrapper .spinner:empty {
	display: none;
}

.wffn-tabs-view-vertical
	#wffn_global_setting
	.bwf_form_button
	.spinner.ajax_loader_show:empty {
	display: inline-block;
}

#modal-global-settings_success.iziModal {
	left: auto;
}

body
	#modal-global-settings_success.iziModal
	.iziModal-header.iziModal-noSubtitle
	.iziModal-header-buttons {
	right: 12px !important;
	margin: -18px 0 0 0;
}
#modal-global-settings_success.iziModal
	.iziModal-header.iziModal-noSubtitle
	.iziModal-button {
	width: 24px;
	height: 24px;
}

.swal2-container .swal2-popup {
	width: 600px;
	padding: 24px;
	border-radius: 8px;
	min-width: 540px;
	border: 1px solid #ddd;
	box-shadow: 0 8px 30px rgb(0 0 0 / 20%);
}

.swal2-header .swal2-icon.swal2-warning {
	font-size: 15px;
	line-height: 77px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #ee6723;
	border: 0;
	position: relative;
	margin: 0 auto 15px;
}

.swal2-header .swal2-icon.swal2-warning .swal2-icon-text {
	color: #fff;
}

.swal2-icon.swal2-warning.swal2-animate-warning-icon:before {
	content: "";
	position: absolute;
	width: calc(100% + 16px);
	height: calc(100% + 16px);
	border: 4px solid #007cba;
	top: -12px;
	border-radius: 50%;
}

.swal2-container .swal2-popup .swal2-title {
	font-size: 1.375rem;
	line-height: 35px;
	font-weight: 400;
	color: #353030;
	margin: 8px 0px;
}

.swal2-popup #swal2-content {
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	color: #82838e;
}
.swal2-popup #swal2-content .wf_delete_modal_content {
	text-align: left;
	/* margin-top: -6px; */
}

.swal2-container .swal2-popup .swal2-styled.swal2-confirm,
.swal2-container .swal2-popup .swal2-styled.swal2-cancel {
	text-align: center;
	padding: 0 16px;
	font-weight: 500;
	border-radius: 8px;
	font-size: 14px;
	min-height: 36px;
	box-shadow: none;
	text-decoration: none;
	display: inline-flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--wffn-primary);
	margin: 0;
}
body .swal2-popup .swal2-styled.swal2-confirm {
	background-color: var(--wffn-primary);
}
body .swal2-popup .swal2-styled.swal2-confirm[disabled],
body .swal2-popup .swal2-styled.swal2-confirm.is_busy {
	opacity: 1 !important;
	background-image: linear-gradient(
		-45deg,
		#007cba 33%,
		#005a87 0,
		#005a87 70%,
		#007cba 0
	) !important;
	animation: components-button__busy-animation 2.5s linear infinite;
}
@keyframes components-button__busy-animation {
	0% {
		background-position: 200px 0;
	}
}
.swal2-container .swal2-popup .swal2-styled.swal2-cancel,
.swal2-container .swal2-popup .swal2-styled.swal2-cancel:hover {
	border: 1px solid transparent !important;
	color: #5f6381;
}

.swal2-popup .swal2-styled.swal2-cancel {
	background: #fff !important;
	color: #5f6381 !important;
}

.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
	background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.swal2-popup .swal2-styled:focus {
	box-shadow: none !important;
}

body .iziModal .iziModal-header {
	background: #f9fdff !important;
	box-shadow: 0 0 0 0 !important;
	border-bottom: 1px solid #eee;
}

body .iziModal svg.wffn_loader {
	max-width: 100px;
}

#modal-global-settings_success h2.iziModal-header-title {
	font-size: 15px !important;
	margin: 3px 0 0;
	font-weight: 400 !important;
	color: #353030;
}

.iziModal {
	background: #fff !important;
	border: 1px solid #ddd;
	box-shadow: 0 3px 30px rgb(0 0 0 / 20%);
}

.swal2-container.swal2-shown {
	background: rgba(0, 0, 0, 0.35) !important;
}

.iziModal .iziModal-wrap {
	overflow: hidden;
	border-radius: 10px;
}

.woofunnels_page_wffn-settings .iziModal-content,
.woofunnels_page_wf-ty .iziModal-content,
.woofunnels_page_wf-lp .iziModal-content,
.woofunnels_page_wf-oty .iziModal-content,
.woofunnels_page_wf-op .iziModal-content,
.woofunnels_page_bwf_funnels .iziModal-content {
	min-height: auto;
}

.iziModal-content {
	min-height: 480px;
	background-color: #fff;
}

.wf_funnel_popup_header {
	float: left;
	width: 100%;
	padding: 24px 24px 16px;
	box-sizing: border-box;
	z-index: 99;
	top: 0;
	border-bottom: 0px solid #ddd;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	background: #fff;
	align-items: center;
	position: -webkit-sticky;
}

.wffn_p.witha,
.wffn_welcome_title,
.wf_funnel_popup_header {
	position: relative;
}

.wf_funnel_pop_title {
	font-family: "Open Sans", sans-serif;
	font-size: 24px;
	line-height: 32px;
	font-weight: 500;
	float: left;
	width: calc(100% - 80px);
	color: #353030;
	padding-left: 0px;
}

.wf_funnel_popup_close {
	float: right;
	background: none;
	border: 0;
	cursor: pointer;
	text-decoration: none;
	transition: unset !important;
	-webkit-font-smoothing: unset !important;
	animation: unset !important;
}

.wf_funnel_popup_close .dashicons {
	color: #6d6d6d;
	font-size: 19px;
	line-height: 18px;
	margin: 0;
	background: #f1f1f1;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	padding: 6px;
	box-sizing: border-box;
	transition: unset !important;
}

.wf_funnel_popup_close .dashicons:hover {
	color: #f27474;
}

.bwfabt_vue_forms .form-group {
	margin: 0 0 15px;
}

.bwfabt_vue_forms .form-group label {
	font-size: 13px;
	line-height: 16px;
	color: #3c434a;
	display: block;
	margin-bottom: 4px;
}

.bwfabt_vue_forms .form-group span {
	color: #353030;
	display: inline-block;
	line-height: 16px;
	font-weight: 400;
	margin-bottom: 4px;
}

.bwfabt_vue_forms .form-group input[type="text"],
.bwfabt_vue_forms .form-group input[type="number"],
.bwfabt_vue_forms .form-group textarea,
.bwfabt_vue_forms .form-group select,
.bwfabt_vue_forms .form-group textarea {
	font-size: 13px;
	line-height: normal;
	color: #3c434a;
	padding: 12px 10px;
	background-color: #fff;
	border: 1px solid #d5d5d5;
	box-shadow: none;
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 0;
	resize: none;
	box-sizing: border-box;
	border-radius: 8px;
}

body .iziModal .iziModal-button-close:hover:before {
	color: #f27474;
}

.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-title {
	font-size: 24px;
	line-height: 32px;
	float: left;
	color: #353030;
	width: 100%;
	font-weight: 500;
	animation: unset !important;
}

.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-button {
	opacity: 1;
	display: flex;
	place-content: center;
	align-items: center;
	overflow: hidden;
	border: 0;
	text-decoration: none !important;

	background-color: transparent;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='%23000000' width='20' height='20'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M8.06894 7.00909L12.6117 2.46618C12.9073 2.17068 12.9073 1.6929 12.6117 1.3974C12.3162 1.10191 11.8384 1.10191 11.5429 1.3974L7.00002 5.94032L2.45725 1.3974C2.16161 1.10191 1.68397 1.10191 1.38848 1.3974C1.09284 1.6929 1.09284 2.17068 1.38848 2.46618L5.93125 7.00909L1.38848 11.552C1.09284 11.8475 1.09284 12.3253 1.38848 12.6208C1.53574 12.7682 1.72937 12.8422 1.92286 12.8422C2.11635 12.8422 2.30985 12.7682 2.45725 12.6208L7.00002 8.07786L11.5429 12.6208C11.6903 12.7682 11.8838 12.8422 12.0773 12.8422C12.2708 12.8422 12.4643 12.7682 12.6117 12.6208C12.9073 12.3253 12.9073 11.8475 12.6117 11.552L8.06894 7.00909Z' fill='black'%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='11.6667' height='11.6667' fill='white' transform='translate(1.16675 1.1665)'%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	height: 20px;
	width: 20px;
	background-position: center !important;
	margin-top: 6px;
}
.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-button:before {
	content: unset;
}

body .iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-buttons {
	right: 24px !important;
}

body .iziModal .iziModal-button-close:hover {
	transform: rotate(0deg);
}

.wffn-integration .wffn-paste-form-html .wffn-gen-form {
	float: left;
	display: block;
	margin-top: 30px;
}
.wffn-integration .wffn-paste-form-html .wffn-gen-form.button,
#wffn_global_setting .email_test.button {
	min-width: 84px;
	text-align: center;
	padding: 0 16px;
	font-weight: 500;
	border-radius: 8px;
	font-size: 13px;
	font-size: 0.8125rem;
	min-height: 36px;
	box-shadow: none;
	text-decoration: none;
	display: inline-flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border: 1px solid var(--wffn-primary);
	color: #fff;
	background: var(--wffn-primary);
}
.wffn-integration .wffn-paste-form-html .wffn-gen-form.button:hover,
#wffn_global_setting .email_test.button:focus {
	background: var(--wffn-primary-alter);
}

.wffn_billing_accordion_inner {
	color: #31373c;
	margin: 15px 0 0;
	background: #fff;
	color: #31373c;
	border: 1px solid #ececec;
	padding: 12px 15px;
}

.accordion_left {
	text-align: left;
	display: inline-block;
	width: 80%;
	float: left;
}

.wffn_billing_accordion_inner .accordion_heading {
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
}

.accordion_right {
	text-align: right;
	display: inline-block;
	width: 20%;
	float: left;
}

.accordion_right .dashicons-arrow-down,
.accordion_left i {
	cursor: pointer;
}

.accordion_right i {
	margin-left: 10px;
}

.wffn_billing_accordion_content {
	display: none;
	background: #fbfbfb;
	padding: 15px;
	border: 1px solid #ececec;
	border-top-color: #ececec;
	border-top-style: solid;
	border-top-width: 1px;
	border-top: 0;
}

.wffn_row_billing {
	width: 100%;
	display: flex;
	margin: 0 0 15px;
}

.wffn_billing_left {
	flex: 0 0 135px;
	display: flex;
	align-items: center;
	padding-right: 10px;
}

.wffn_billing_left label {
	font-size: 13px;
	line-height: 24px;
	color: #414141;
	display: block;
	margin-bottom: 0;
	cursor: default;
}

.wffn_billing_right {
	width: calc(100% - 135px);
}

.wffn_billing_right input[type="text"],
.wffn_billing_right input[type="number"],
.wffn_billing_right textarea,
.wffn_billing_right select {
	font-size: 14px;
	line-height: 24px;
	color: #444;
	padding: 5px 10px;
	background-color: #fff;
	border: 1px solid #d5d5d5;
	box-shadow: none;
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 0;
	height: auto;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-ms-border-radius: 0;
	box-sizing: border-box;
	font: -webkit-control;
}

.wffn_billing_right.optin_flex_3_field > div {
	display: flex;
	clear: both;
}

.wffn_billing_right.optin_flex_3_field > div:nth-child(1) {
	margin-bottom: 10px;
}

.wffn_billing_right.optin_flex_3_field input[type="text"],
.wffn_billing_right.optin_flex_3_field input[type="number"],
.wffn_billing_right.optin_flex_3_field textarea,
.wffn_billing_right.optin_flex_3_field select {
	width: 29%;
	margin-right: 1%;
	box-sizing: border-box;
}

.wffn_billing_right.optin_flex_eql_field > div {
	display: flex;
	clear: both;
}

.wffn_billing_right.optin_flex_eql_field > div:nth-child(1) {
	margin-bottom: 10px;
}

.wffn_billing_right.optin_flex_eql_field input[type="text"],
.wffn_billing_right.optin_flex_eql_field input[type="number"],
.wffn_billing_right.optin_flex_eql_field textarea,
.wffn_billing_right.optin_flex_eql_field select {
	width: 90%;
	margin-right: 1%;
	box-sizing: border-box;
}

.wffn_billing_right.optin_flex_eql_field .wp-picker-container button {
	margin: 0;
}
.wffn_row_billing.wfop_custom_pad {
	display: none;
}
.wffn_row_billing.wfop_custom_pad.wfop_show_pad {
	display: flex;
}

.bwf-spin-loader {
	width: 1.5em;
	height: 1.5em;
	border: 0.25em solid transparent;
	border-radius: 100%;
	background-color: transparent !important;
	-webkit-animation: bwf-rotate-loading 1.5s linear 0s infinite normal;
	animation: bwf-rotate-loading 1.5s linear 0s infinite normal;
	border-left-color: #444;
	border-right-color: #444;
}

.bwf-spin-loader.bwf-spin-loader-s {
	width: 1em;
	height: 1em;
}

.bwf-spin-loader.bwf-spin-loader-l {
	width: 2em;
	height: 2em;
}

.bwf-spin-loader.bwf-spin-loader-xl {
	width: 3em;
	height: 3em;
	border-width: 0.4em;
}

.bwf-spin-loader.bwf-spin-loader-xxl {
	width: 4em;
	height: 4em;
	border-width: 0.4em;
}

@-webkit-keyframes bwf-rotate-loading {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes bwf-rotate-loading {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/* highlighted wrap when no products */
.wffn_welcome_wrap {
	background-color: #fff;
	padding: 80px 0;
	text-align: center;
	width: 100%;
}

.wffn_welc_head {
	font-size: 26px;
	line-height: 34px;
	color: #000;
	margin: 0 0 10px;
}

.wffn_welc_icon {
	display: inline-block;
	vertical-align: middle;
}

.wffn_welc_title {
	display: inline-block;
	vertical-align: middle;
}

.wffn_welc_text {
	max-width: 585px;
	margin: 0 auto 35px;
}

.wffn_welc_text p {
	font-size: 16px;
	line-height: 24px;
	color: #8a8a8a;
	margin: 0 0 15px;
}

/* Settings css */
#wffn_design_setting .vue-form-generator .form-group label {
	font-size: 14px;
	line-height: 24px;
	color: #414141;
	display: block;
	margin-bottom: 7px;
	cursor: default;
}

#wffn_design_setting .form-group {
	width: 100%;
	float: left;
	padding: 0 2%;
	margin: 0 0 15px 0;
}

#wffn_design_setting .form-group.wffn_design_setting_50 {
	width: 48%;
	display: inline-block;
	margin: 1%;
}

#wffn_design_setting .field-wrap {
	display: flex;
}

#wffn_design_setting .vue-form-generator * {
	box-sizing: border-box;
}

#wffn_design_setting .vue-form-generator .field-input .wrapper {
	width: 100%;
}

#wffn_design_setting .vue-form-generator .form-control:not([class*=" col-"]) {
	width: 100%;
}

#wffn_design_setting .vue-form-generator .field-input input[type="color"] {
	width: 60px;
	display: block;
}

#wffn_design_setting .vue-form-generator .field-input .helper {
	margin: auto 0.5em;
}

#wffn_design_setting
	.form-group.wffn_main_design_sub_heading.field-label
	label {
	font-weight: 700;
	margin: 8px 0 0;
	color: #1266ae;
	font-size: 13px;
}

#wffn_design_setting
	.form-group.wffn_main_design_sub_heading.field-label
	label
	> span {
	font-size: 20px;
	line-height: 1.5;
	font-weight: 700;
	padding-left: 0;
	color: #000;
}

#wffn_design_setting .vue-form-generator fieldset > .form-group:first-child {
	margin-top: 0;
}

#wffn_design_setting .form-group.wffn_main_design_heading.field-label {
	background: #fff;
	border-radius: 0;
	margin-top: 0;
	font-weight: normal;
	margin-left: 0;
	padding: 11px 15px 10px 15px;
}

#wffn_design_setting .form-group.wffn_main_design_heading.field-label label {
	font-size: 14px;
	line-height: 26px;
	margin-bottom: 0;
}

#wffn_design_setting
	.form-group.wffn_main_design_heading.field-label
	label
	> span {
	margin: 0;
}

#wffn_design_setting input,
#wffn_design_setting select {
	font-size: 14px !important;
	height: 37px !important;
	padding: 0 10px;
}

#wffn_design_setting .vue-form-generator .hint {
	font-style: italic;
	font-size: 0.8em;
}

#wffn_design_setting .vue-form-generator .field-switch .handle {
	top: 1px;
	width: 20px;
	height: 20px;
}

#wffn_design_setting .vue-form-generator .field-switch .field-wrap label {
	width: 48px;
	height: 22px;
}

#wffn_design_setting .vue-form-generator .field-switch input:checked ~ .handle {
	left: 28px;
}

#wffn_design_setting .field-switch .label:before,
#wffn_design_setting .field-switch .label:after {
	content: "";
}

#wffn_design_setting + .bwf_form_button,
#wffn_design_setting .bwf_form_button {
	margin: 25px 1% 0 !important;
}

#wffn_design_setting .vue-form-generator .form-control {
	margin: 0;
	font-size: 13px;
	box-shadow: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-ms-border-radius: 0;
	box-sizing: border-box;
}

#wffn_design_setting .vue-form-generator select.form-control {
	background-image: none;
	-webkit-appearance: menulist;
}

.clear_left {
	clear: left;
}

/* Sticky Bar */
div#wpcontent {
	padding: 0;
	/* overflow-x: hidden !important; */
	min-height: calc(100vh - 32px);
}

.wrap.wffn-funnel-common,
.wrap#wffn_lp_edit_vue_wrap,
.wrap#wffn_ty_edit_vue_wrap,
.wrap#wffn_op_edit_vue_wrap,
.wrap#wffn_oty_edit_vue_wrap,
.wrap.bwf-funnel-common {
	padding: 24px;
	margin: 0;
}

#wffn_lp_edit_vue_wrap .wrap,
#wffn_ty_edit_vue_wrap .wrap,
#wffn_op_edit_vue_wrap .wrap,
#wffn_oty_edit_vue_wrap .wrap {
	padding: 24px;
	margin: 0;
	background-color: #fff;
}

#wfop_layout_container {
	margin-left: 20px;
}

.wffn_forms_global_settings #wffn_form_fields > div {
	padding-left: 0 !important;
	margin-top: 10px;
	display: inline-block;
}

.wffn_forms_global_settings #wffn_form_fields > div label,
.wffn-optin-fields.optin-map-table-head .fmap-head {
	min-width: 110px;
	display: inline-block;
	margin-right: 5px;
}

.wffn-optin-fields.optin-map-table-head > div {
	display: inline-block;
	font-weight: bold;
}

.wffn-optin-fields.optin-map-table-head {
	margin-bottom: 5px;
}

.wfty_design_accordion {
	border: 1px solid #ddd;
	margin-bottom: 15px;
	background: #fbfbfb;
}

#wffn_design_setting
	.wfty_design_accordion[status="close"]
	.form-group.wfty_main_design_heading.field-label {
	margin: 0;
}

#wffn_design_setting .wfty_design_accordion[status="open"] {
	padding-bottom: 20px;
}

#wffn_design_setting .form-group.wfty_main_design_heading.field-label {
	background: #fff;
	border-radius: 0;
	margin-top: 0;
	font-weight: 500;
	margin-left: 0;
	padding: 11px 15px 10px 15px;
}

#wffn_design_setting .form-group.wfty_main_design_heading.field-label label {
	font-weight: 500;
}

#wffn_design_setting
	.form-group.wfty_main_design_heading.field-label[status="open"] {
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
}

#wffn_design_setting
	.vue-form-generator
	.wfty_design_accordion
	.form-group
	label,
#wffn_design_setting
	.vue-form-generator
	.wfty_design_accordion
	.form-group
	label
	span {
	margin: 0;
}

#wffn_design_setting
	.wfty_design_accordion
	.form-group.wfty_main_design_heading {
	width: 100%;
	margin: 0;
}

body #wffn_design_setting .form-group.wfty_design_setting_50 {
	width: 50%;
	display: block;
}

.wffn_blur_text {
	color: transparent !important;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.72) !important;
	text-decoration-line: line-through !important;
}

.wffn_blur_text::-moz-selection {
	color: transparent !important;
}

.wffn_blur_text::selection {
	color: transparent !important;
}

#wffn_design_setting .form-group:not(.wfty_main_design_heading) > label {
	margin: 0 0 5px !important;
}

#wffn_design_setting
	.wfty_design_accordion
	.form-group.wfty_main_design_heading
	> label {
	cursor: pointer;
}

#wffn_design_setting
	.wfty_design_accordion
	.form-group.wfty_main_design_heading
	> label
	> span {
	position: relative;
}

#wffn_design_setting
	.wfty_design_accordion
	.form-group.wfty_main_design_heading
	> label
	> span:before {
	font-family: "dashicons";
	content: "\f140";
	display: inline-block;
	padding-right: 3px;
	vertical-align: middle;
	font-weight: 900;
	position: absolute;
	right: 0;
	font-size: 18px;
}

#wffn_design_setting
	.wfty_design_accordion
	.form-group.wfty_main_design_heading.field-label[status="open"]
	> label
	> span:before {
	content: "\f142";
}

#wffn_design_setting fieldset .button.wp-color-result {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	box-shadow: none;
	border-radius: 0;
	width: 25px;
	padding: 0 !important;
	margin: 0 !important;
	max-height: 40px;
	font-size: 15px;
	border: none;
}

#wffn_design_setting .wp-picker-container {
	display: block;
	position: relative;
	top: 0;
}

#wffn_design_setting span.wp-color-result-text,
#wffn_design_setting input.button.button-small.wp-picker-clear {
	display: none !important;
}

#wffn_design_setting span.wp-picker-input-wrap {
	display: block !important;
}

#wffn_design_setting span.wp-picker-input-wrap.hidden > label {
	display: block;
	font-size: 14px;
	cursor: default;
	text-transform: capitalize;
	width: 100%;
	float: none;
	margin-bottom: 0;
}

body #wffn_design_setting .wffn_color_pick input {
	width: 100%;
	min-height: 37px;
}

#wffn_design_setting .wp-picker-holder {
	position: absolute;
	z-index: 9;
}

#wffn_design_setting .vue-form-generator .wp-picker-holder .iris-picker {
	box-sizing: unset !important;
}

#wffn_design_container .wffn_template_header {
	width: 100%;
	background: #fff;
	display: flex;
	border-bottom: 1px solid var(--wffn-border-color);
	align-items: center;
}

.wffn_template_editor {
	position: relative;
	display: flex;
	padding: 5px 0;
}

.wffn_template_editor .wffn_editor_field_label {
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	margin-right: 10px;
}

.wffn_field_select_dropdown {
	position: relative;
}

.wffn_field_select_dropdown.active .dashicons-arrow-down-alt2:before {
	content: "\f343";
}

.wffn_field_select_dropdown .wffn_field_select_label {
	font-size: 14px;
	font-weight: 500;
	display: inline-block;
	cursor: pointer;
}

.wffn_field_select_dropdown .wffn_field_dropdown {
	position: absolute;
	background: #fff;
	box-shadow: 0px 1px 10px 0px #e8e8e8;
	border: 1px solid #ccc;
	border-radius: 4px;
	width: 280px;
	top: 35px;
	z-index: 50;
	right: 0;
}

.wffn_field_select_dropdown .components-popover__content .wffn_field_dropdown {
	border: 0px;
}

.wffn_field_select_dropdown .wffn_field_dropdown .wffn_dropdown_header {
	padding: 2px 0px;
	border-bottom: 1px solid #eaeaea;
}

#wffn_design_container .wffn_template_header .wffn_field_dropdown label {
	background: #fff;
	line-height: 1.3;
	text-align: left;
	padding: 10px 20px;
	border: 0;
}

#wffn_design_container
	.wffn_template_header
	.wffn_field_dropdown
	.wffn_dropdown_fields {
	color: #292929;
	font-weight: 400;
	box-sizing: border-box;
}
#wffn_design_container
	.wffn_template_header
	.wffn_field_dropdown
	.wffn_dropdown_fields
	input:checked
	~ span {
	font-weight: 500;
	color: var(--wffn-text);
}

.wffn_field_dropdown .wffn_dropdown_body {
	padding: 10px 0;
}

.wffn_field_dropdown .wffn_dropdown_footer {
	/* padding-bottom: 10px; */
}

.wffn_field_select_label [class*="dashicons-"]:before {
	color: var(--wffn-text);
}

label.wffn_dropdown_fields:hover input {
	border-color: var(--wffn-primary);
	box-sizing: border-box;
}

.label.wffn_dropdown_fields input:checked {
	border-color: var(--wffn-primary);
}

.wffn_ml_auto {
	margin-left: auto;
}

.transparent_cover {
	background-color: transparent !important;
}

/** sweetalert popup style */
.swal2-icon {
	transform: scale(0.8);
}

.swal2-icon.swal2-success .swal2-success-ring {
	background: #13c37b;
}

.swal2-icon.swal2-success .swal2-success-ring:before {
	position: absolute;
	width: calc(100% + 20px);
	height: calc(100% + 20px);
	content: "";
	left: -13px;
	border: 3px solid #007cba;
	border-radius: 50%;
	top: -13px;
}

.swal2-header .swal2-icon.swal2-success {
	margin: 0 auto 0.5em;
}

.swal2-header .swal2-icon.swal2-success [class^="swal2-success-line"] {
	z-index: 3;
	background-color: #fff;
	height: 0.2125em;
}

.swal2-header .swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
	width: 2.9375em;
	height: 0.2125em;
	background: #fff;
}

.swal2-header .swal2-icon.swal2-error .swal2-x-mark {
	background: #e6283f;
	border-radius: 50%;
}

.swal2-header .swal2-icon.swal2-error {
	padding: 8px;
	border: 4px solid #007cba;
	margin: 0 auto;
	display: none !important;
}

.wffn_field_select_dropdown
	.components-dropdown__content
	.components-popover__content
	> div {
	padding: 0;
}

.wffn_field_select_dropdown
	.wffn_field_dropdown_container
	.wffn_field_dropdown {
	position: relative;
	top: unset;
}

.update-nag,
#wf-extended-protection-notice {
	margin-top: 80px;
}
.wtfb-widget-tabs
	.wfocu_gsettings_paypal_ref_trans
	.components-radio-control__option {
	display: inline-flex;
	margin-top: 10px;
	transform: translateY(-5px);
}

/* .wtfb-widget-tabs .wfocu_gsettings_paypal_ref_trans .components-radio-control__option input {
    margin-left: 0px !important;
} */

.wffn-preview-overlay {
	height: 100%;
	width: 100%;
	position: fixed;
	background: #a9a99b59;
	display: inline-block;
	top: 0;
	left: 0;
	z-index: 99999;
}

.wffn_template_preview_overlay .wffn_template_preview_modal * {
	box-sizing: border-box;
}
.wffn_template_preview_wrap .wffn_template_preview_header {
	background-color: #fff;
	height: 65px;
	display: flex;
	align-items: center;
	padding: 0 25px;
	box-shadow: 0px 1px 6px rgb(0 0 0 / 10%);
	position: relative;
	z-index: 10;
}
.wffn_template_preview_wrap .wffn_template_preview_content:before,
.wffn_template_preview_wrap .wffn_template_preview_content:after {
	/* content: "";
	display: table;
	clear: both; */
}
.wffn_template_preview_wrap .wffn_template_preview_content {
	position: relative;
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-areas: "sidebar preview";
	z-index: 9;
}
.wffn_template_preview_wrap
	.wffn_template_preview_header
	.wffn_template_viewport {
	flex: 1;
	text-align: center;
}
.wffn_template_preview_wrap
	.wffn_template_preview_header
	.wffn_template_viewport
	.wffn_viewport_icons {
	margin: 0 4px;
	padding: 8px 8px 10px;
	cursor: pointer;
	border: 2px solid transparent;
	border-radius: 8px;
}
.wffn_template_preview_wrap
	.wffn_template_preview_header
	.wffn_template_viewport
	.wffn_viewport_icons.active {
	border: 2px solid var(--wffn-primary);
	color: var(--wffn-primary);
}
.wffn_template_preview_wrap
	.wffn_template_preview_header
	.wffn-import-template-btn {
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	display: inline-block;
	padding: 12px 24px;
	height: 44px;
	font-weight: 500;
	border-radius: 8px;
	background: var(--brand-color);
	border-color: var(--brand-color);
	box-shadow: unset;
	min-width: 201px;
	transform: translateY(-1px);
}
.wffn_template_preview_wrap
	.wffn_template_preview_header
	.wffn-import-template-btn.is_busy,
.wffn_template_preview_wrap
	.wffn_template_preview_header
	.wffn-import-template-btn.is_busy:focus,
.wffn_template_preview_wrap
	.wffn_template_preview_header
	.wffn-import-template-btn.is-busy,
.wffn_template_preview_wrap
	.wffn_template_preview_header
	.wffn-import-template-btn.is-busy:focus {
	/* animation: components-button__busy-animation 2500ms infinite linear; */
	background-image: none !important;
	/* border-color: var(--brand-color); */
}
.wffn_template_preview_wrap
	.wffn_template_preview_header
	.wffn-import-template-btn:focus,
.wffn_template_preview_wrap
	.wffn_template_preview_header
	.wffn-import-template-btn:active,
.wffn_template_preview_wrap
	.wffn_template_preview_header
	.wffn-import-template-btn:disabled {
	background-color: var(--brand-color) !important;
}
.wffn_template_preview_wrap
	.wffn_template_preview_header
	.wffn-import-template-btn:hover {
	background: var(--brand-color) !important;
}
.wffn_template_preview_wrap
	.wffn_template_preview_header
	.wffn_template_preview_close {
	background-color: #fff;
	margin-left: 30px;
	padding: 3px 0px;
}

.wffn_template_preview_wrap
	.wffn_template_preview_content
	.wffn_template_preview_inner {
	width: 100%;
	grid-area: preview;
}
.wffn_template_preview_wrap
	.wffn_template_preview_content
	.wffn_template_preview_inner
	.wffn_template_preview_frame {
	background-color: rgba(0, 0, 0, 0.08);
	flex: 1;
	position: relative;
	z-index: 9;
}
.wffn_template_preview_wrap
	.wffn_template_preview_content
	.wffn_template_preview_inner
	.wffn_template_preview_frame
	iframe {
	display: block;
	/* min-height: calc(100vh - 66px); */
	margin: auto;
	background-color: #fff;
}
.wffn_template_preview_wrap
	.wffn_template_preview_content
	.wffn_template_preview_inner
	.wffn_template_preview_frame.tablet
	iframe {
	max-width: 768px;
}
.wffn_template_preview_wrap
	.wffn_template_preview_content
	.wffn_template_preview_inner
	.wffn_template_preview_frame.mobile
	iframe {
	max-width: 480px;
}
.wffn_template_preview_wrap
	.wffn_template_preview_content
	.wffn_template_preview_inner
	.wffn_global_loader {
	background-color: #fff;
	border-right: 1px solid #cfcfcf;
}

.wffn_template_preview_close button {
	display: inline-flex;
	text-decoration: none;
	font-size: 13px;
	margin: 0;
	border: 0;
	cursor: pointer;
	-webkit-appearance: none;
	background: none;
	transition: box-shadow 0.1s linear;
	height: 36px;
	padding: 0;
	align-items: center;
	box-sizing: border-box;
	color: #1e1e1e;
	box-shadow: unset !important;
}
.wffn_template_preview_close button:hover {
	color: var(--wffn-primary);
}
.bwf-table-item.wf_funnel_right_align {
	text-align: right;
}

.wffn_swl_btn .wf_funnel_btn.wf_cancel_btn {
	background: #fff;
	color: #5f6381;
	border: 1px solid transparent;
}

@-webkit-keyframes wffn_fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
@keyframes wffn_fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
@-webkit-keyframes wffn_hideSwl {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		opacity: 0;
	}
}

.swal2-popup.swal2-modal.swal2-show,
div.iziModal.fadeInUp,
div.iziModal-overlay.fadeInUp {
	-webkit-animation-duration: 0.1s;
	animation-duration: 0.1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: wffn_fadeInUp;
	animation-name: wffn_fadeInUp;
}

.swal2-popup.swal2-modal.swal2-hide {
	-webkit-animation: wffn_hideSwl 0s forwards;
	animation: wffn_hideSwl 0s forwards;
}
.wfty_form_submit .wfty_save_funnel_rules {
	min-width: 84px;
	text-align: center;
	padding: 0 16px;
	font-weight: 500;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-size: 14px;
	min-height: 36px;
	box-shadow: none;
	display: inline-flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--wffn-primary);
	color: #fff;
	background: var(--wffn-primary);
	text-decoration: none;
	cursor: pointer;
}
.wfty_form_submit .wfty_save_funnel_rules.is_busy {
	opacity: 1 !important;
	background-image: linear-gradient(
		-45deg,
		#007cba 33%,
		#005a87 0,
		#005a87 70%,
		#007cba 0
	) !important;
	animation: components-button__busy-animation 2.5s linear infinite;
	pointer-events: none;
	color: #fff;
}
.wfty_form_submit .wfty_save_funnel_rules:hover {
	background: var(--wffn-primary-alter);
}
.wfty_form_submit .wfty_save_funnel_rules:focus {
	box-shadow: unset;
}
.wp-admin .bwf-notice.notice {
	margin-left: 0px;
}

.hide_bscroll {
	overflow: hidden !important;
}

.wf_funnel_templates_inner .wf_funnel_btn_white_temp {
	float: left;
}

.bwf-display-flex {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
}
.multiselect__option--highlight,
.multiselect__option--highlight:after {
	background: #0073aa !important;
}
.multiselect__spinner:after,
.multiselect__spinner:before {
	border-color: var(--wffn-desc) transparent transparent !important;
}
.lgt_bold {
	font-weight: 500;
}
/**RTL CSS**/
body.rtl .bwf-section-inline .bwf-st-add:last-child {
	margin-left: 0 !important;
	margin-right: 15px !important;
}
body.rtl .bwf-mr-15.components-button.is-secondary {
	margin-left: 15px !important;
	margin-right: 0px !important;
}
body.rtl .bwf-st-add .components-button svg {
	margin-left: 5px !important;
	margin-right: 0 !important;
}
body.rtl .wtfb-widget-tabs .wtfb-tab-item-wrapper,
body.rtl .wffn-widget-tabs.wffn-tabs-view-vertical .wffn-tabs-wrapper {
	margin-left: 25px !important;
	margin-right: 0px !important;
}
.wtfb-widget-tabs .form-group .bwf-pro-container .bwf-pro-btn{
	margin-right: 0px !important;
}
.rtl .bwf-attention-container .bwf-close-button{
	right: auto;
	left: 24px;
}
body.rtl .wtfb-widget-tabs button{
    margin-left:auto!important;
    margin-right:320px!important;
}
body.rtl .wtfb-widget-tabs button.bwf-license-action-btn{
	margin: 0!important;
}
body.rtl .wtfb-widget-tabs .form-group input{
    float:none;
}
body.rtl .wffn-widget-tabs.wffn-tabs-view-vertical .wffn_accord .wffn-tabs-wrapper, body.rtl .wfop_edit_form_wrap .wffn_right_optin{
    margin-left: 0px !important;
    margin-right: 25px !important;
}
body.rtl
	#wffn_design_container
	.wffn_template_header
	.wffn_field_dropdown
	:not(.wffn_dropdown_body)
	.wffn_dropdown_fields
	input[type="radio"] {
	float: left;
	margin: 0 8px 0px 0px;
}
body.rtl .wffn_funnel_header_action .wf_funnel_link span,
body.rtl .wffn_funnel_header_action .wf_funnel_red_link svg,
body.rtl .wf_funnel_btn_temp_alter svg,
body.rtl .bwf-card-controls .bwf-card-action svg {
	margin-left: 5px !important;
	margin-right: 0px !important;
}
body.rtl .wf_funnel_templates_inner .wf_funnel_btn_white_temp {
	float: right;
	margin-left: 15px;
}
body.rtl .wffn-opt-shortcode-tab-area .wffn-scode-copy + a {
	float: left;
	margin-left: 2px;
}
body.rtl
	.wfop_edit_form_wrap
	.wffn-tabs-view-vertical
	.bwf_form_button.btn_right_bar {
	right: unset !important;
	left: 0 !important;
}
body.rtl .bwfan_header .bwf-flex .bwf-mr-10,
body.rtl .wffn_filter_container_inner {
	margin-left: 10px !important;
	margin-right: 0px !important;
}
body.rtl
	.wffn_forms_global_settings
	.vue-form-generator
	fieldset
	.form-group
	> label,
body.rtl .wffn-tabs-view-vertical #wffn_global_setting .bwf_form_button,
body.rtl
	.wffn-tabs-view-vertical
	#wffn_global_setting
	.bwf_form_button
	.spinner {
	float: right !important;
}
body.rtl .wffn_forms_global_settings .vue-form-generator fieldset .field-wrap,
body.rtl .wffn_forms_global_settings .form-group .hint,
body.rtl .wffn_funnel_setting .form-group .hint {
	padding-left: 0px !important;
	padding-right: 201px !important;
}
.wfacp_template_preview_container {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}
.wfacp_template_preview_container .wf_template_preview_wrap {
	border: 1px solid var(--wffn-border-color);
	border-radius: var(--wffn-border-radius);
	overflow: hidden;
}
.wffn_funnel_common {
	background-color: #fff;
}
.empty_template_error .button {
	display: inline-flex;
	align-items: center;
	margin: 5px auto 0;
}
.wffn-tabs-view-vertical .multiselect__option,
.wffn-tabs-view-vertical .multiselect__tag {
	white-space: normal;
}
.swal2-container .swal2-popup .swal2-actions {
	gap: 8px;
	justify-content: flex-end;
	margin-left: unset;
	margin-right: unset;
	margin-top: 24px;
}
.swal2-container.wf-pro-modal-container {
	z-index: 99999;
}
.swal2-container.wf-pro-modal-container .wf-swal-pro-modal .swal2-confirm {
	background-color: var(--brand-color);
	border-color: var(--brand-color) !important;
	padding: 0 30px;
	height: 45px;
	font-size: 16px;
	transition: 0.25s;
}
.swal2-container.wf-pro-modal-container .wf-swal-pro-modal .swal2-confirm:hover,
.swal2-container.wf-pro-modal-container
	.wf-swal-pro-modal
	.swal2-confirm:focus {
	background-color: var(--brand-color);
}
.swal2-container.wf-pro-modal-container .wf-swal-pro-modal .swal2-actions {
	justify-content: center;
}

.bwf-header-settings-nav {
	margin-right: 15px;
}
.bwf-header-settings-nav svg {
	max-height: 25px;
	max-width: 25px;
	display: block;
}
.swal2-container .swal2-popup,
.swal2-container .swal-upgrade-pro.swal2-popup {
	width: 600px;
}
.swal2-container .swal2-popup .swal2-header,
.swal-upgrade-pro.swal2-popup .swal2-header {
	display: flex;
	flex-direction: unset;
	align-items: flex-start;
	justify-content: space-between;
}
.swal2-container .swal-upgrade-pro.swal2-popup .swal2-close {
	position: unset;
	height: 30px;
	line-height: 30px;
	justify-content: end;
}
.swal2-container .swal2-popup .swal2-close {
	height: 30px;
	line-height: 30px;
	justify-content: end;
	right: 25px;
}
.swal2-container .swal2-popup .swal2-title,
.swal2-container .swal2-popup #swal2-content,
.swal-upgrade-pro.swal2-popup .swal2-title,
.swal-upgrade-pro.swal2-popup #swal2-content {
	text-align: left;
}
.swal2-container .swal2-popup .swal2-title,
.swal-upgrade-pro.swal2-popup .swal2-title {
	margin: 0 !important;
	display: inline-block;
	align-items: center;
	gap: 8px;
	font-weight: 500 !important;
	font-size: 24px !important;
}
.swal2-container .swal2-popup .swal2-title img,
.swal-upgrade-pro.swal2-popup .swal2-title img {
	margin-right: 5px;
}
.swal2-container .swal2-popup #swal2-content,
.swal-upgrade-pro.swal2-popup #swal2-content {
	margin: 16px auto 4px !important;
}
.swal2-container .swal-upgrade-pro.swal2-popup .swal2-styled.swal2-confirm {
	background: var(--brand-color) !important;
	border: none;
	padding: 0 24px;
	height: 44px;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	transition: 0.25s;
}
.swal2-container .swal-upgrade-pro.swal2-popup .swal2-styled.swal2-confirm i {
	display: none;
}

.swal2-container .swal-upgrade-pro.swal2-popup .swal2-actions {
	justify-content: flex-end !important;
}
legend.wffn-show-pro {
	margin-left: 0;
	display: flex;
	align-items: center;
	cursor: pointer;
}
legend.wffn-show-pro span[data-item] {
	display: inline-block;
	width: auto;
	vertical-align: sub;
	margin: 0px 5px -5px 0px;
}
.wffn-is-disabled label,
.wffn-is-disabled input {
	pointer-events: none !important;
}
.wffn-is-disabled label,
.wffn-is-disabled label span {
	color: #666 !important;
}
.wffn-is-disabled input {
	opacity: 0.7;
}
body .bwf-modal-zindex {
	z-index: 100000;
}

/** RTL Style */
body.rtl
	.wffn_template_preview_wrap
	.wffn_template_preview_header
	.wffn_template_preview_close {
	margin-left: 0px;
	margin-right: 30px;
}

body.rtl .wffn_template_sec_ribbon.wffn-pro.wffn-static-ribbon {
	margin-left: 0;
	margin-right: 8px;
}

body.rtl .wffn_template_sec_ribbon{
    right:auto;
    left:12px;
}

body.rtl .wffn-widget-tabs .wffn-tab-title.wffn-active:after {
	content: "\f341";
	float: left;
}

body.rtl .bwfan-tag-rounded.bwfan_ml_12 {
	margin-left: 0;
	margin-right: 12px;
}
body.rtl .wf_funnel_templates_inner .wf_funnel_btn_blue_temp {
	float: right;
	margin-left: 15px;
}

body.rtl .wffn-ellipsis-menu.is-opened .wffn-ellipsis-menu-dropdown {
	left: 0;
	right: unset;
}

body.rtl
	.bwfan_page_header
	.wffn-ellipsis-menu.is-opened
	.wffn-ellipsis-menu-dropdown {
	right: 0;
}
body.rtl .swal2-container .swal2-popup .swal2-close {
	right: unset;
	left: 25px;
}
body.rtl .swal2-popup #swal2-content .wf_delete_modal_content {
	text-align: right;
}

body.rtl .wffn_template_header_item.wffn_template_editor_wrap.wffn_ml_auto {
	margin-left: 0;
	margin-right: auto;
}

body.rtl
	.wffn_template_editor
	.wffn_field_select_dropdown
	.wffn_field_dropdown {
	right: unset;
	left: 0;
}

body.rtl
	#wffn_design_container
	.wffn_template_header
	.wffn_field_dropdown
	label {
	text-align: right;
}
body.rtl .wf_funnel_right_align{
	text-align: left;
}
body.rtl .wf_funnel_right_align button{
	margin-right: 15px;
    margin-left: 0px;
}
/**End RTL Style */

.wf_funnel_pop_body .form-group.error.required {
	display: block !important;
	border: none;
	padding: 0;
	box-shadow: none;
}

#wf_landing_edit_modal.iziModal,
#wf_thankyou_edit_modal.iziModal,
#wf_optin_edit_modal.iziModal,
#wf_oty_edit_modal.iziModal {
	margin-top: 120px;
}
