.flip {
	cursor: pointer;
}
.product_details, .flip {
	padding: 10px 10px;
	text-align: left;
	background-color: #ffffff;
	border: solid 1px #c3c3c3;
	margin: 10px;
	line-height: 50px;
	font-size: 15px;
}
.wwp-wholesale-tab_tab a:before {
	font-family: Dashicons;
	content: "\f240" !important;
}
.product_details {
	padding: 10px;
	display: none;
	text-align: center;
	position: relative;
}

.bulk-options {
	background-color: white;
	padding: 8px;
	width: 97%;
	margin: 10px 10px;
	border: solid 1px #CCC;
	text-align: center;
	min-height: 30px;
	display: inline-block;
}

.bulk-options .wwp_bulk_field {
	width: auto;
	float: left;
	padding: 7px;
	line-height: 23px;
}
#wwp_bulk_form .wwp_bulk_controls{
	background-color: #f1f1f1;
	display: flex;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #cccccc;
}
.wwp_bulk_controls {
	margin: 10px 0px;
}

.wwp_bulk_filter {
	text-align: left;
}

.wwp_notify.success {
	border-left: solid 4px #22ca22;
	color: black;
	padding: 10px;
	background-color: white;
}

.wwp_notify.error {
	border-left: solid 4px #dc3232;
	color: black;
	padding: 10px;
	background-color: white;
}

.wwp_notify.empty {
	border-left: solid 4px #dc3232;
	color: black;
	padding: 10px;
	background-color: white;
}
.product_details p span {
	background: #c9e4ff;
	margin: 10px;
	padding: 2px 5px 5px;
	border: 1px solid #9ca1a6;
}
table.wholesale_pricing{
	width: 100%;
	padding: 20px;
	text-align: left;
}
.flip span.rotatingIcon {
	float: right;
	margin-right: 15px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.flipped span.rotatingIcon {

	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#wholesale-multiuser-pricing .wholesale_loader{
	display: none; 
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	min-height: 60px;
	right: 0;
	background-color: rgba(255,255,255,0.5);
	z-index: 9999;
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#wholesale-multiuser-pricing table, table.wholesale_pricing{
	width: 100%;
	border-spacing: 0;
	clear: both;
	margin: 0;
}

#wholesale-multiuser-pricing table tr {
	background-color: #ffffff ;
}
#wholesale-multiuser-pricing table tr:nth-child(odd), 
table.wholesale_pricing tr:nth-child(odd){
	background-color: #f5f5f5;
}
#wholesale-multiuser-pricing table td, #wholesale-multiuser-pricing table th{
	margin: 0;
	width: auto;
	max-width: 100%;
	padding: 10px 0;
}
#wholesale-multiuser-pricing table{
	border-bottom: 1px solid #DDDDDD !important;
	text-align: left;
	color: #0073AA;
	padding: 10px;
	
}
#wholesale-multiuser-pricing table th{
font-size: 16px;
}
#wholesale-multiuser-pricing .variable-item input[name="reg-price"], table.wholesale_pricing .variable-item input[name="reg-price"]{
		max-width: 50px;
}
#wholesale-multiuser-pricing .variable-item .qty{
max-width: 50px;
}
table.wholesale_pricing span.variation {
	color: #000;
	font-size: 16px;
	margin: 0px 15px;
	font-weight: 700;
}
.product_details .wwp-loader{
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: rgba(255,255,255,0.5);
}
#wwp_bulk_form .flip span.wwp-title {
	font-size: 20px;
	font-weight: 600;
	margin: 0px 15px;
}
.wwp-variable .variable-item > span{
	font-size: 16px;
	font-weight: 600;
	margin: 0px 15px;
}
#wwp_bulk_form .flip img{
	margin-bottom: -10px;
}
.wwp-variable .variable-item label {
	cursor: pointer;
	margin: 0px 5px;
}
table.wholesale_pricing .wwp-title{
	padding: 10px;
	font-size: 16px;
	font-weight: 700;
}
.wwp-btn {
	text-align: left;
	margin-left: 20px;
}
.wholesale_user_confirmation table label {
	display: block;
	margin-top: 10px;
}
.wholesale_user_confirmation table th{
	line-height: 0;
	margin-top: 0;
	padding: 18px 5px;
	vertical-align: top;
	font-size: 16px;
}
.wholesale_user_confirmation .user_info table {
	text-align: left;
	width: 100%;
	
   
}
.wholesale_user_confirmation .user_info td, .wholesale_user_confirmation .user_info th {
	
}
.wholesale_user_confirmation .user_info td, .wholesale_user_confirmation .user_info  th {
	 
	border-top: 1px solid #dee2e6;
}
.wholesale_user_confirmation .user_info table {
	border: 1px solid #b5b5b5;
}
.wholesale_user_confirmation .user_role {
	background-color: #f3f3f3;
}

.wholesale_user_confirmation .user_role  th {
	width: 36%;
	padding-bottom: 26px;
}
.post-type-wwp_requests p.waiting {
	background: #f2d600;
	width: max-content;
	min-width: 70px;
	padding: 3px;
	font-weight: 700;
	color: #fff;
	border-radius: 3px;
	text-align: center;
}
.post-type-wwp_requests p.approved {
	background: #61bd4f;
	width: max-content;
	min-width: 70px;
	padding: 3px;
	color: #fff;
	font-weight: 700;
	border-radius: 3px;
	text-align: center;
}
.post-type-wwp_requests p.rejected {
	background: #eb5a46;
	width: max-content;
	min-width: 70px;
	padding: 3px;
	color: #fff;
	font-weight: 700;
	border-radius: 3px;
	text-align: center;
}
div#registration_form_settings {
	align-items: left;
	display: inline-block;
	clear: both;
	width: 70% !important;
	text-align: left;
}

div#registration_form_settings table.form-table tr th h4 {
	font-weight: bold;
}
.form-table .switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

.form-table .switch input {display:none;}

.form-table .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}
.map_shortcode_callback {
	align-items: left;
	width: 26%;
	margin-top: 2px;
	margin-left: 20px;
	clear: both;
	display: inline-block;
	text-align: left;
	vertical-align: top;
}
.map_shortcode_callback p {
	font-size: 16px;
	padding: 20px;
}
.map_shortcode_copy label {
	margin-left: 20px;
}
.map_shortcode_copy span.dashicons.dashicons-admin-page {
	font-size: 40px;
	padding-left: 15px;
	color: #2196F3;
}
.form-table .slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

.form-table input:checked + .slider {
	background-color: #2196F3;
}

.form-table input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}

.form-table input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.form-table .slider.round {
	border-radius: 34px;
}

.form-table .slider.round:before {
	border-radius: 50%;
}
.map_shortcode_copy span.dashicons.dashicons-admin-page:hover {
	cursor: pointer;
}

.taxonomy-wholesale_user_roles tr.form-field.term-slug-wrap {
	display: none;
}

.taxonomy-wholesale_user_roles .inline-edit-col label:nth-child(2) {
	display: none;
}
#multiroledropdown {
	display: none;
}
.wwwp_help_text {
	font-size: 12px !important;
	position: absolute;
	padding: 2px;
	padding-right: 10px;
	font-style: italic;
}

#code_editor_page_css {
	max-width: 614px;
	color: grey;
}


/*  Form Builder backend css  */ 

div#build-wrap {
	padding-top: 6px !important;
}

.form-wrap.form-builder .frmb-control li {
	width: 48% !important;
	float: left !important;
	text-align: center !important;
	border-radius: 2px !important;
	margin-bottom: 4px !important;
	margin-left: 4px !important;
	border: 1px solid #d6d6d6 !important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.form-wrap.form-builder .frmb-control li span { 
	padding-top: 3px !important;
	float: left !important;
	width: 100% !important;
	font-weight: 500 !important;
}
.form-wrap.form-builder .frmb-control li::before {
	background-color: #f1f1f1 !important;
	padding: 12px !important;
	border-radius: 50px !important;
	border: 1px solid #d0d0d0 !important;
	font-size: 23px !important;
	color: #000000 !important;
}
.form-wrap.form-builder .frmb-control li:hover::before {
	background-color: white !important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.form-wrap.form-builder .frmb-control li:hover {
	border: 1px solid #d6d6d6 !important;
	background-color: #7f54b3 !important;
	color: #ffffff !important;
	 
	-webkit-box-shadow: 3px 1px 10px 0px rgb(99 99 99 / 75%)!important;
	-moz-box-shadow:  3px 1px 10px 0px rgb(99 99 99 / 75%)!important;
	box-shadow: 3px 1px 10px 0px rgb(99 99 99 / 75%)!important;
	border: 1px solid #48009e !important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	
}
.form-wrap.form-builder .frmb-control li:first-child {
	border-radius: 2px !important;
}

.cb-wrap.pull-right {
	padding-left: 2px !important;
}

.form-wrap.form-builder .frmb {
	padding-top: 10px!important;
	background: #e8e8e8 !important;
	padding-left: 7px !important;
	padding-right: 7px !important;
	border: 1px solid #d6d6d6 !important;
	overflow: hidden !important;
	-webkit-box-shadow: 0px 11px 18px -21px rgba(0,0,0,0.75)!important;
	-moz-box-shadow: 0px 11px 18px -21px rgba(0,0,0,0.75)!important;
	box-shadow: 0px 11px 18px -21px rgba(0,0,0,0.75)!important;
	 
}

ul.frmb.stage-wrap.empty ,ul.frmb.stage-wrap {
	min-height: 522px!important;
} 
.form-wrap.form-builder .frmb>li:hover {
	border-color: #000000 !important;
	outline: 0 !important;
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 0%), 0 0 8px rgb(146 146 146);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.form-wrap.form-builder .frmb>li:hover {
	border-color: #929292 !important;
}
.form-wrap.form-builder .frmb li:first-child {
	border-top-right-radius: unset !important;
	border-top-left-radius: unset !important;
}
.form-wrap.form-builder .frmb .field-actions .toggle-form:hover {
	background-color: #2196f3 !important;
	color: #fff !important;
}
.form-wrap.form-builder .frmb li:first-child .field-actions .btn:last-child {
	border-radius: unset !important;
}
.form-wrap.form-builder .frmb .field-actions .btn:first-child {
	border-bottom-left-radius: unset !important;
}

.clear-all.btn.btn-danger {
	background-color: #ffc000;
	color: white;
	width: 50%;
}
.clear-all.btn.btn-danger:hover{
 
	background-color: #f1b500 !important;
		
}
.btn.btn-primary.save-template{
	background-color: #7f54b3 !important;
	color: white !important;
	width: 50% !important;
}
.btn.btn-primary.save-template:hover{
	background-color: #65399a !important;
}
.form-wrap.form-builder .form-actions {
	float: right !important;
	margin-top: 5px!important;
	width: 100%!important;
	padding: 5px!important;
}
.form-control{
	border: 1px solid #cccccc!important;
}
.form-wrap.form-builder .stage-wrap {
	width: calc(72% - 5px) !important;
}
.form-wrap.form-builder .cb-wrap {
	width: 27% !important;
}
.form-wrap.form-builder .frmb li.deleting, .form-wrap.form-builder .frmb li.delete:hover, .form-wrap.form-builder .frmb li:hover li.delete:hover {
	background-color: #ffefef !important;
}
.form-wrap.form-builder .form-control:focus {
	box-shadow: none;
}
#your-profile .rendered-form .form-control {
	width: 30%;
}
#your-profile div#container-wrap {
	background-color: #e8e8e8;
	padding: 12px;
	border: 1px solid #cacaca;
	border-radius: 7px;
}
#wwp_wholesale_form_builder_container .form-wrap.form-builder .frmb li {
	margin: 12px 12px 20px 12px;
	padding: 20px;
	border: 1px solid #f1f1f1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-box-shadow: 1px 2px 12px -8px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 2px 12px -8px rgba(0,0,0,0.75);
	box-shadow: 1px 2px 12px -8px rgba(0,0,0,0.75);
}
#wwp_wholesale_form_builder_container .form-wrap.form-builder .frmb li.ui-state-highlight {
	padding: 5px;
}

#wwp_wholesale_form_builder_container .frmb li .close-field {
	padding: 10px 20px;
}
#wwp_wholesale_form_builder_container  .frmb .form-elements {
	padding: 20px;
	background: #fbfbfb;
	border-radius: 0px;
	margin: 0;
	border: 1px solid #f7f7f7;
}
.form-wrap.form-builder .frmb li .close-field {
	position: absolute;
	color: #666;
	left: 50%;
	bottom: 6px;
	background: #fff;
	border-top: 1px solid #c5c5c5;
	border-left: 1px solid #c5c5c5;
	border-right: 1px solid #c5c5c5;
	transform: translateX(-50%);
	padding: 0 5px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	cursor: pointer;
	transition: background-color 250ms ease-in-out;
}
#wwp_wholesale_form_builder_container .frmb .field-actions .btn {
	border-color: #fbfbfb;
	background-color: #fbfbfb;
	color: #828282;
	font-size: 12px;
	border-width: 0px 0px 0px 0px;
	padding: 0px 6px 0px 6px;
}

#wwp_wholesale_form_builder_container .frmb .field-actions .del-button:hover {
	background-color: #ff0000a3;
	color: #fff;
}
#wwp_wholesale_form_builder_container .frmb .field-actions .copy-button:hover {
	background-color: #00cc00;
	color: #fff;
}
.form-wrap.form-builder .frmb li.deleting, .form-wrap.form-builder .frmb li.delete:hover, .form-wrap.form-builder .frmb li:hover li.delete:hover {
		background-color: #fdfdfd !important;
}
#wwp_wholesale_form_builder_container .frmb li.delete {
		border: 1px solid #ff0000a3 !important;
}
#wwp_wholesale_form_builder_container .frmb>li:hover {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: 0px 7px 9px -7px rgba(0,0,0,0.75) !important;
	-moz-box-shadow: 0px 7px 9px -7px rgba(0,0,0,0.75) !important;
	box-shadow: 0px 7px 9px -7px rgba(0,0,0,0.75) !important;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#wwp_wholesale_form_builder_container .frmb>li:hover {
	border-color: #dedede !important;
}
#wwp_wholesale_form_builder_container .icon-cancel:before {
	content: "\f1f8";
	font-family: FontAwesome;
}
#registration_form_settings .form-table h4 {
	margin: 0px;
	font-weight: 500!important;
}
#registration_form_settings .form-table th {
	vertical-align: top;
	text-align: left;
	padding: 9px 10px 20px 0;
}

#registration_form_settings form {
	background-color: white;
	padding: 10px;
	margin-top: 7px;
	border: 1px solid #d8d8d8;
}

.form-wrap.form-builder .frmb li.frmb-placeholder, .form-wrap.form-builder .frmb li.ui-state-highlight {
	background: radial-gradient(ellipse at center, #d2d2d2 0%, rgb(152 152 152 / 68%) 75%) !important;
}
.form-wrap.form-builder .frmb .sortable-options {
	background: #f1f1f1 !important;
}
#wwp_wholesale_form_builder_container .frmb li .prev-holder .form-group .form-control {
	width:100%;
}
.form-wrap.form-builder .form-control:focus {
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgb(249 249 249 / 60%);
}
.form-wrap.form-builder .frmb-control li.moving {
	opacity: 1  !important;
}
.form-wrap.form-builder .frmb-control li:hover {
	outline: 0;
}
#wwp_wholesale_form_builder_container .loader {
	border: 7px solid #f3f3f3;
	border-radius: 50%;
	border-top: 7px solid #b511ff;
	border-bottom: 7px solid #540079;
	width: 60px;
	height: 60px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	margin: 0 auto;
	margin-top: 10%;
}
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
#wwp_wholesale_form_builder_container .message {
	top: 40px;
	right: 30px;
	background-color: #4caf50e3;
	padding: 10px;
	width: 259px;
	line-height: 22px;
	height: 25px;
	border: 1px solid #227d26;
	color: white;
	border-radius: 5px;
	font-weight: 700;
	font-size: 16px;
	display: none;
	position: fixed;
	z-index: 999999;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.75);
}
#wwp_wholesale_form_builder_container span.dashicons.dashicons-yes-alt {
	font-size: 35px;
	margin-top: -5px;
}

#wwp_wholesale_form_builder_container span.message_text {
	padding-left: 14px;
}

span.dashicons.dashicons-no-alt {
	margin-top: -18px;
	background-color: #F44336;
	right: -8px;
	position: absolute;
	border-radius: 38px;
	cursor: pointer;
}
.post-type-wwp_requests a.page-title-action {
	display: none;
}
div#container-wrap textarea {
	width: 50% !important;
	min-height: 125px;
}
div#container-wrap label {
	color: black;
}

div#container-wrap .rendered-form .kc-toggle span {
	float: inherit;
}

div#container-wrap .rendered-form .kc-toggle input {
	display: none;
}
#container-wrap div#row-row--wide {
	margin-left: 0px;
	margin-right: 0px;
}
.wholesale_btn {
	font-size: 15px;
	background-color: #590cb5 !important;
	padding: 12px;
	color: white;
	text-decoration: none;
	border-radius: 5px;
	display: inline-table;
	margin-top: 10px;
}

.wholesale_btn:hover {
	color: white;
	background-color: #5100b3 !important;
}
.bagpro {
	background-color: #590cb5;
	color: white;
	padding: 0px;
	border-radius: 17px;
	padding-right: 7px;
	padding-left: 7px;
	border: 2px solid #590cb5;
}
.propragraph {
	font-size: 16px;
	font-weight: 400;
}
 

:root {	
	--tabBg: #FFF; 
	--tabBgHover: -webkit-linear-gradient(left, #69f, #89f); 
	--tabBgHoverSingle: #89f; 
	--tabBgActiveSingle: #0037c1;
	--tabBgActive: -webkit-linear-gradient(left, #0037c1, #4a00c1); 
	--tabColor: #ffffff;
	--tabColorActive: #333333;
	--textColorB: #333333;
	--textColorW: #FFFFFF;
	--textColorS: #4772d9;
	--textColorG: #D9D9D9;
	--buttonBgSingle: #0037c1;
	--buttonBg: -webkit-linear-gradient(left, #69f, #89f);
	--ButtonBgHoverSingle: #4a00c1;
	--ButtonBgHover: -webkit-linear-gradient(left, #0037c1, #4a00c1);
	--buttonBgSecondarySingle: #e64040;
	--buttonBgSecondary: -webkit-linear-gradient(left, #e64040, #e73648);
	--accordionBg: #FAFAFA;
	}

	.widefat-100 {
	max-width: 100%!important;
	min-width: 100%!important;
	width: 100%!important;
	}


	.wp-core-ui select > option {
		padding: 8px 16px;
	}
 
	.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
		width: auto;
		min-width: 350px!important;
	}
	button.btn {
		padding: 8px 16px;
		border-color: #dae0e5;
	}
	input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
		padding: 8px 16px;
		border-color: #dae0e5;
		width: 25em;
	}
	a:hover,a:focus, .bootstrap-select button.dropdown-toggle:focus, input:focus{
		outline: none!important;
		text-decoration: none!important;
		box-shadow: none!important;
		-webkit-box-shadow: none!important;
		-moz-box-shadow: none!important;
		-ms-box-shadow: none!important;
		-o-box-shadow: none!important;
	}
	.tab .nav-tabs{
		border: none;
		margin-bottom: 10px;
	}
	.tab .nav-tabs li {
		overflow: hidden;
		display: flex;
		flex-grow: 1;
		justify-content: space-between;
		margin-right: 8px;
		box-shadow: 0px 0px 8px -2px rgba(0,0,0, 0.3);
		-webkit-box-shadow: 0px 0px 8px -2px rgba(0,0,0, 0.3);
		-moz-box-shadow: 0px 0px 8px -2px rgba(0,0,0, 0.3);
		-ms-box-shadow: 0px 0px 8px -2px rgba(0,0,0, 0.3);
		-o-box-shadow: 0px 0px 8px -2px rgba(0,0,0, 0.3);
	}
	.tab .nav-tabs li:last-child{
		margin-right:0;
	}
	.tab .nav-tabs li a{
	padding: 17px 10px;
	margin: 0;
	background: var(--tabBg);
	font-size: 14px;
	font-weight: 600;
	color: var(--textColorB);
	text-transform: capitalize;
	border-radius: 4px;
	position: relative;
	border: none;
	transition: all 0.3s ease 0s;
	width: 100%;
	text-align: center;
	}
	.tab .nav-tabs li a:hover {
		border: none;
		background: var(--tabBgHover);
		color: var(--textColorW);
		transition: none;
		-webkit-transition: none;
		-ms-transition: none;
		-moz-transition: none;
		-o-transition: none;
	}
	.tab .nav-tabs li a.nav-tab-active {
	border: none;
	background-color: var(--tabBgActiveSingle);
	background: var(--tabBgActive);
	color: var(--textColorW);
	}
	.tab .nav-tabs li a.active {
	background-color: var(--tabBgActiveSingle);
	background: var(--tabBgActive);
	color: var(--textColorW)!important;
	}
	/* .tab .nav-tabs li a:before{
		content: "";
		border-top: 0 solid var(--tabBgActive);
		border-right: 0 solid transparent;
		border-bottom: 0 solid transparent;
		position: absolute;
		top: 0;
		left: -50%;
		transition: all 0.3s ease 0s;
	} */
	.tab .nav-tabs li a:hover:before,
	.tab .nav-tabs li a.active:before, 
	.tab .nav-tabs li a.nav-tab-active:before { 
		left: 0; 
		/* border-top: 15px solid var(--tabBgActive);
		border-right: 15px solid transparent;
		border-bottom: 15px solid transparent; */
		background-color: var(--tabBgHoverSingle);
		background: var(--tabBgHover);
	}
	/* .tab .nav-tabs li a:after{
		content: "";
		border-bottom: 0 solid var(--tabBgActive);
		border-left: 0 solid transparent;
		border-top: 0 solid transparent;
		position: absolute;
		bottom: 0;
		right: -50%;
		transition: all 0.3s ease 0s;
	} */
	.tab .nav-tabs li a:hover:after,
	.tab .nav-tabs li a.active:after,
	.tab .nav-tabs li a.nav-tab-active:after { 
		right: 0; 
		border-bottom: 15px solid var(--tabBgActive);
		border-left: 15px solid transparent;
		border-top: 15px solid transparent;
	}
	.tab .tab-content{

		color: #384d48;
		position: relative;
		background: #FFF;
		padding: 20px;
		margin: 20px 0;
		border-radius: 6px;
		box-shadow: 0px 0px 8px -2px rgba(0,0,0, 0.3);
		-webkit-box-shadow: 0px 0px 8px -2px rgba(0,0,0, 0.3);
		-moz-box-shadow: 0px 0px 8px -2px rgba(0,0,0, 0.3);
		-ms-box-shadow: 0px 0px 8px -2px rgba(0,0,0, 0.3);
		-o-box-shadow: 0px 0px 8px -2px rgba(0,0,0, 0.3);
	}
	
	.tab .tab-content h3{
		font-size: 24px;
		margin-top: 0;
	}
  
	.wwp-button-primary, 
	button.clear-all,
	button.save-template,
	#publish {
		margin-right: .5em!important;
		font-size: 15px!important;
		font-weight: 500!important;
		line-height: 42px!important;
		box-shadow: 0 0 1px rgba(0,0,0,0)!important;
		position: relative!important;
		z-index: 1!important;
		text-align: center!important;
		cursor: pointer!important;
		border: none!important;
		border-radius: 3px!important;
		display: inline-block!important;
		outline: 0!important;
		padding: 0 2rem!important;
		vertical-align: middle!important;
		box-shadow: 0 2px 5px 0 rgba(0,0,0,0.08), 0 2px 10px 0 rgba(0,0,0,0.06)!important;
		color: #fff!important;
		background-color: var(--buttonBgSingle)!important;
		background: var(--buttonBg)!important;
		text-decoration: none!important;
		transition: all 0.5s ease 0s !important;
	}
	.wwp-button-primary.red {
		background-color: var(buttonBgSecondarySingle);
		background: var(buttonBgSecondary);
	}
	.wwp-button-primary.x-color {
		background-color: var(--buttonBgSingle);
		background: var(--buttonBg);
		margin-right: 0;
	}
	.wwp-button-primary:hover,
	.clear-all:hover,
	.save-template:hover,
	#publish:hover {
		color: #fff!important;
		background: var(--ButtonBgHover)!important;
		transition: all 0.5s ease 0s !important;
		box-shadow: 0 4px 10px 0 rgba(0,0,0,0.16), 0 4px 20px 0 rgba(0,0,0,0.12)!important;
	}
	
	.sep10px {
	clear: both;
	height: 10px;
	}
	.sep20px {
		clear: both;
		height: 20px;
	}
  
	.cbx {
		-webkit-user-select: none;
		user-select: none;
		-webkit-tap-highlight-color: transparent;
		cursor: pointer;
		display: inline-flex;
	}

	.cbx span {
		display: inline-block;
		vertical-align: middle;
		transform: translate3d(0, 0, 0);
	}
	.cbx span:first-child {
		position: relative;
		width: 24px;
		height: 24px;
		border-radius: 50%;
		transform: scale(1);
		vertical-align: middle;
		border: 1px solid #dae0e5;
		transition: all 0.2s ease;
	}
	.cbx span:first-child svg {
		position: absolute;
		z-index: 1;
		top: 7px;
		left: 5px;
		fill: none;
		stroke: white;
		stroke-width: 2;
		stroke-linecap: round;
		stroke-linejoin: round;
		stroke-dasharray: 16px;
		stroke-dashoffset: 16px;
		transition: all 0.3s ease;
		transition-delay: 0.1s;
		transform: translate3d(0, 0, 0);
	}
	.cbx.cbx-square > span {
		border-radius: 0!important;  
	}
	.cbx span:first-child:before {
		content: "";
		width: 100%;
		height: 100%;
		background-color: var(--buttonBgSingle)!important;
		background: var(--buttonBg)!important;
		display: block;
		transform: scale(0);
		opacity: 1;
		border-radius: 50%;
		transition-delay: 0.2s;
	}
	.cbx span:last-child {
		margin-left: 8px;
	}
	.cbx span:last-child:after {
		content: "";
		position: absolute;
		top: 8px;
		left: 0;
		height: 1px;
		width: 100%;
		transform-origin: 0 0;
		transform: scaleX(0);
	}

	.inp-cbx:checked + .cbx.wosvg span:last-child:after {
		top: 5px!important;
		left: 6px!important;
		color: #FFFFFF!important;
		width: 55%!important;
		height: 5px!important;
		border-left: 1px solid #FFF!important;
		border-bottom: 1px solid #FFF!important;
		bottom: 0;
		margin: auto;
		transform: rotateZ(-38deg)!important;
	}
	.inp-cbx {
		display:none!important;
	}
	
	.inp-cbx:checked + .cbx span:first-child {
		background-color: var(--tabBgHoverSingle);
		background: var(--tabBgHover);
		animation: check 0.6s ease;
	}
	.inp-cbx:checked + .cbx span:first-child svg {
		stroke-dashoffset: 0;
	}
	.inp-cbx:checked + .cbx span:first-child:before {
		transform: scale(2.2);
		opacity: 0;
		transition: all 0.6s ease;
	}
	.inp-cbx:checked + .cbx span:last-child {
		
		transition: all 0.3s ease;
	}
	.inp-cbx:checked + .cbx span:last-child:after {
		transform: scaleX(1);
		transition: all 0.3s ease;
	}
  
	.card {
		max-width: 100%!important;
		padding: 0;
		border-radius: 0!important;
	}
	#accordion .card > button,
	#accordion_notification .card > button,
	#accordion_notification_approved .card > button,
	#accordion_notification_rejected .card > button,
	#accordion_notification_subscription .card > button,
	#accordion_billing .card > button {
	border: none;
	text-align: left;
	font-size: 18px;
	color: var(--textColorS);
	line-height: 1.6;
	background-color: var(--accordionBg);
	padding: 16px;
	text-decoration: none!important;
	position: relative;
	}
	.card > button > .wwp_signal {
	position: absolute;
	right: 50px;
	top: 0;
	bottom: 0;
	height: 15px;
	margin: auto;
	display: flex;
	}
	.card > button > .wwp_signal > .wwp_circle {
	height: 15px;
	width: 15px;
	border: 1px solid transparent;
	border-radius: 100%;
	margin-right: 10px;
	}
	.wwp_circle.wwp_circle_off {
	border-color: #ef4848!important;
	}
	.wwp_circle.wwp_circle_off.active {
	background-color: #ef4848!important;
	border: 1px solid #ef4848;
	}
	.wwp_circle.wwp_circle_on {
	border-color: #69CC33!important;
	}
	.wwp_circle.wwp_circle_on.active {
	border: none!important;
	background-color: #69CC33;  
	background-color: #69CC33!important;
	}
	#accordion .card > button:focus,
	#accordion_notification .card > button:focus,
	#accordion_notification_approved .card > button:focus,
	#accordion_notification_rejected .card > button:focus,
	#accordion_notification_subscription .card > button:focus,
	#accordion_billing .card > button:focus { 
	outline:none!important;
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
	}
  
	#accordion .card > button:after,
	#accordion_notification .card > button:after,
	#accordion_notification_approved .card > button:after,
	#accordion_notification_rejected .card > button:after,
	#accordion_notification_subscription .card > button:after,
	#accordion_billing .card > button:after  {
	content: '\002B';
	color: var(--textColorG);
	line-height:1.3;
	font-weight: bold;
	position: absolute;
	right: 15px;
	border: 1px solid var(--textColorG);
	border-radius: 50%;
	width: 28px;
	height: 28px;
	text-align: center;
	}
  
	#accordion .card > button[aria-expanded="true"]:after,
	#accordion_notification .card > button[aria-expanded="true"]:after,
	#accordion_notification_approved .card > button[aria-expanded="true"]:after,
	#accordion_notification_rejected .card > button[aria-expanded="true"]:after,
	#accordion_notification_subscription .card > button[aria-expanded="true"]:after,
	#accordion_billing .card > button[aria-expanded="true"]:after {
	content: "\2212";
	}
	.wholesale_user_confirmation .user_info table, 
	.wholesale_user_confirmation .user_info td, 
	.wholesale_user_confirmation .user_info th {
	border: none!important;
	}
	.wholesale_user_confirmation .user_info td, .wholesale_user_confirmation .user_info th {
	padding: 10px 5px;
	}
	.wwp-request-wrapper {
	width: 100%;
	display: inline-flex;
	margin: 20px;
	}
	.wwp-request-wrapper label[for="active"] {
	margin-right: 20px;
	}
	#registration_form_settings ul.nav-tabs {
	margin: 25px 0!important;
	}
	.form-table .switch {
	width: 75px!important;
	height: 35px!important;
	}
	.form-table input:checked + .slider:before {
	-webkit-transform: translateX(40px)!important;
	-ms-transform: translateX(40px)!important;
	transform: translateX(40px)!important;
	}
	.form-table input:checked + .slider {
	background-color: var(--tabBgActive);
	}
	#registration_form_settings .general-table.form-table th {
	width: 350px!important;
	vertical-align: middle!important;
	}
	#registration_form_settings .general-table.form-table td p {
	margin:0!important;
	}
	#registration_form_settings .form-table th {
	vertical-align: middle!important;
	}
	.wwp-tags {
	color: #bbb;
	font-size: 12px;
	margin-top: 8px;
	display: block;
	margin-left: 2px;
	}
	.map_shortcode_callback {
	margin: 20px 0!important;
	box-shadow: 0px 0px 8px -2px #333333;
	background: #fff;
	border-radius: 6px;
	padding: 15px;
	font-size: 14px;
	font-size: 13px;
	}
	.map_shortcode_callback p {
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 13px;
	}
	span.dashicons.dashicons-admin-page {
	position: absolute;
	right: 5px;
	top: 0;
	bottom: 0;
	margin: auto;
	cursor: pointer;
	}
	.map_shortcode_callback p input {
	width: 100%!important;
	}
	.form-wrap.form-builder .frmb-control li span {
	padding-top: 3px !important;
	float: left !important;
	width: 100% !important;
	font-size: 12px !important;
	color: #333 !important;
	font-weight: normal!important;
	}
	.form-wrap.form-builder .frmb-control li::before {
	font-size: 18px !important;
	color: var(--textColorW) !important;
	background: var(--tabBgActive) !important;
	border: 1px solid var( --tabBgActive)!important;
	border-radius: 100% !important;
	padding: 0!important;
	margin: auto!important;
	width: 40px!important;
	height: 40px!important;
	display: flex;
	align-items: center;
	justify-content: center;
	}
	.form-wrap.form-builder .frmb-control li {
	box-shadow: 0px 0px 8px -2px #333333!important;
	-webkit-box-shadow: 0px 0px 8px -2px #333333!important;
	-moz-box-shadow: 0px 0px 8px -2px #333333!important;
	-ms-box-shadow: 0px 0px 8px -2px #333333!important;
	-o-box-shadow: 0px 0px 8px -2px #333333!important;
	border: none!important;
	}
	.form-wrap.form-builder .frmb-control li:hover {
	box-shadow: 0px 0px 8px -2px #333333!important;
	-webkit-box-shadow: 0px 0px 8px -2px #333333!important;
	-moz-box-shadow: 0px 0px 8px -2px #333333!important;
	-ms-box-shadow: 0px 0px 8px -2px #333333!important;
	-o-box-shadow: 0px 0px 8px -2px #333333!important;
	background: var( --tabBgActive)!important;
	border: none!important;
	}
	.form-wrap.form-builder .frmb-control li:hover::before {
	color: var(--textColorB) !important;
	background: var(--textColorW) !important;
	border: 1px solid var( --textColorW)!important;
	}
	.form-wrap.form-builder .frmb-control li:hover span {
	color: var(--textColorW)!important;
	}
  
	.form-wrap.form-builder .btn-group {
	display: flex!important;
	padding: 0!important;
	justify-content: space-evenly!important;
	}
	.form-wrap.form-builder .btn-group > .btn {
	margin: 0!important;
	flex: 0 0 48%;
	-webkit-flex: 0 0 48%;
	-ms-flex: 0 0 48%;
	}
  
	.flip {
	line-height: 1.2!important;
	padding: 20px;
	font-size: 14px;
	color: var(--textColorS);
	background-color: var(--accordionBg);
	position: relative;
	}
	.flip:after {
	content: '\002B';
	color: var(--textColorG);
	line-height: 1.3;
	font-weight: bold;
	position: absolute;
	right: 20px;
	border: 1px solid var(--textColorG);
	border-radius: 50%;
	width: 28px;
	height: 28px;
	text-align: center;
	font-size: 18px;
	}
	.flipped:after {
	content: '\2212';
	}
	.flip .wwp-title {
	font-size: 18px!important;
	font-weight: normal!important;
	margin: 0!important;
	}
	.flip.flipped {
	border-bottom: 0!important;
	margin-bottom: 0!important;
	}
	.product_details {
	line-height: 1.2!important;
	padding: 0!important;
	margin-top: 0!important;
	}
	.flip_img_wrapper {
	margin-right: 20px;
	}
	.flip_content_wrapper {
	display: flex;
	flex-direction: column;
	}
	.flip_content_wrapper > .flip_title_wrap {
	margin-bottom: 10px;
	}
	.flip_price_wrap {
	display: flex;
	min-width: 205px;
	justify-content: space-between;
	color: var(--textColorB);
	}
	.flip ~ .product_details table.wholesale_pricing tr td input[type="text"] {
	width: 100%;
	max-width: 25em;
	}
	.flip ~ .product_details table.wholesale_pricing tr td select {
		border: 1px solid #dae0e5;
	}
	.flip ~ .product_details table.wholesale_pricing tr th {
	padding: 20px 12px!important;
	}
	#wholesale-multiuser-pricing table tr, table.wholesale_pricing tr {
	border-bottom: 1px solid #dae0e5;
	}
	.wwp-btn-bulk-price {
	margin: 10px!important;
	text-align: left!important;
	}
	.flip ~ .product_details .variable-item {
	display: inline-flex;
	align-items: center;
	margin-bottom: 10px;
	}
	.flip ~ .product_details .variable-item input {
	max-width: 125px!important;
	}
	#wwp_bulk_form .flip img {
	margin: 0!important;
	}
	.wwp-custom-alert {
	position: fixed;
	right: 20px;
	top: 80px;
	transition: all 0.5s ease 0s;
	}
	.wwp-custom-alert > .wwp_notify.success {
	background: transparent!important;
	border: none!important;
	color: inherit!important;
	font-size: inherit!important;
	padding: 0!important;
	}
	div.bootstrap-select {
	position: relative;
	}
	div.bootstrap-select > div.dropdown-menu.show {
	top: 42px!important;
	transform: unset!important;
	}
	@keyframes check {
	50% {
		transform: scale(1.2);
	}
	}
	/* Fancy checkbox css end */
	@media screen and (min-width: 1300px) {
	.map_shortcode_callback {
		margin: 0px 20px!important;
	}
	}
	@media only screen and (max-width: 479px){
		.tab .nav-tabs li{
			width: 100%;
			text-align: center;
			margin-bottom: 15px;
		}
	}
  
  
#wwp-global-settings .nav {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

#wwp-global-settings .nav a {
	text-decoration: none;
}
#wwp-global-settings .tab-pane {
	display: none;
}

.custom-button-save-changes {
	margin-right: .5em!important;
	font-size: 15px!important;
	font-weight: 500!important;
	line-height: 42px!important;
	box-shadow: 0 0 1px rgba(0,0,0,0)!important;
	position: relative!important;
	z-index: 1!important;
	text-align: center!important;
	cursor: pointer!important;
	border: none!important;
	border-radius: 3px!important;
	display: inline-block!important;
	outline: 0!important;
	padding: 0 2rem!important;
	vertical-align: middle!important;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.08), 0 2px 10px 0 rgba(0,0,0,0.06)!important;
	color: #fff!important;
	background-color: var(--buttonBgSingle)!important;
	background: var(--buttonBg)!important;
	text-decoration: none!important;
	transition: all 0.5s ease 0s !important;
}

#wwp-global-settings .container_data {
	width: 63%;
	background-color: white;
	padding-left: 20px;
	display: block;
	float: left;
	border: 1px solid #d8d8d8;
}

.save_button_lite_container {
	float: left;
	width: 100%;
	margin-top: 10px;
}

.map_shortcode_callback h5 {
	font-size: 18px;
	margin: 0px;
	margin-bottom: 5px;
}

#wwp-global-settings .form-table input:checked + .slider:before {
	background-color: #69CC33;
}
#wwp-global-settings .form-table .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	-webkit-transition: .4s;
	transition: .4s;
	border: 2px solid #CECECE;
}

#wwp-global-settings .form-table .slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 3px;
	background-color: #ef4848;
	-webkit-transition: .4s;
	transition: .4s;
}


#wwp-global-settings .col-md-12 {
	max-width: 98%;
}

body.taxonomy-wholesale_user_roles p.search-box {
	display: none !important;
}

body.taxonomy-wholesale_user_roles #col-container #col-left { 
	display: none !important;
}

#col-right {
	width: 100% !important;
}

form.search-form.wp-clearfix {
	display: none !important;
}


.modal-lg, .modal-xl {
	max-width: 644px!important;
}
.tier_popup span.dashicons.dashicons-trash {
	padding-top: 5px;
	color: #dc3545;
}
.tier_popup span.dashicons.dashicons-trash:hover {
	color: #b10011;
}

.tier_popup span.dashicons.dashicons-plus-alt {
	padding-top: 5px;
	color: #28a745;
}
.tier_popup span.dashicons.dashicons-plus-alt:hover {
	padding-top: 5px;
	color: #218838;
}
.tier_popup .modal-body {
	background-color: #f7f7f7;
	box-shadow: 0px 1px 9px -6px rgb(0 0 0 / 75%) inset;
	-webkit-box-shadow: 0px 1px 9px -6px rgb(0 0 0 / 75%) inset;
	-moz-box-shadow: 0px 1px 9px -6px rgb(0 0 0 / 75%) inset;
}
.bunch_row {
	margin-bottom: 10px;
	display: flex;
}


.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
}
.modal {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1050;
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	outline: 0;
	overflow: auto;
}
.fade {
	transition: opacity .15s linear;
}
.modal.show .modal-dialog {
	-webkit-transform: none;
	transform: none;
}
.modal.fade .modal-dialog {
	transition: -webkit-transform .3s ease-out;
	transition: transform .3s ease-out;
	transition: transform .3s ease-out,-webkit-transform .3s ease-out;
	-webkit-transform: translate(0,-50px);
	transform: translate(0,-50px);
}
.modal-dialog-centered {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	min-height: calc(100% - 1rem);
}
.modal-dialog {
	position: relative;
	width: auto;
	margin: .5rem;
	pointer-events: none;
}
.modal-lg, .modal-xl {
	max-width: 650px!important;
}
.modal-content {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .3rem;
	outline: 0;
}
.modal-dialog {
	position: relative;
	width: auto;
	margin: .5rem;
	pointer-events: none;
}
.modal-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 1rem 1rem;
	border-bottom: 1px solid #dee2e6;
	border-top-left-radius: calc(.3rem - 1px);
	border-top-right-radius: calc(.3rem - 1px);
}
.modal-title {
	margin-bottom: 0;
	line-height: 1.5;
}
.modal-header .close {
	padding: 1rem 1rem;
	margin: -1rem -1rem -1rem auto;
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
	cursor: pointer;
}
button.close {
	padding: 0;
	background-color: transparent;
	border: 0;
}
.close {
	float: right;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .5;
}
[type=button], [type=reset], [type=submit], button {
	-webkit-appearance: button;
}
.modal-body {
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1rem;
}
.modal-footer {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: .75rem;
	border-top: 1px solid #dee2e6;
	border-bottom-right-radius: calc(.3rem - 1px);
	border-bottom-left-radius: calc(.3rem - 1px);
}
.modal-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1040;
	width: 100vw;
	height: 100vh;
	background-color: #000;
}
.modal-backdrop.show {
	opacity: .5;
}
.fade {
	transition: opacity .15s linear;
}
.form-control-sm {
	height: calc(1.5em + .5rem + 2px);
	padding: .25rem .5rem;
	font-size: .875rem;
	line-height: 1.5;
	border-radius: .2rem;
}
.tier_popup h5 {
	font-size: 1.25rem;
	margin: 0;
}

@media (min-width: 576px) {
	.modal-dialog {
		max-width: 500px;
		margin: 1.75rem auto;
	}
	.form-inline .form-control {
		display: inline-block;
		width: auto;
		vertical-align: middle;
	}
}
.row_tire {
	display: flex;
	margin-left: 5px;
}
.tire_table_lable {
	width: 32%;
	padding-left: 0px;
	font-size: 15px;
}

.tier_popup span.dashicons.dashicons-trash {
	padding-top: 5px;
	color: #dc3545;
}

.icons {
	position: absolute;
	right: 10px;
}

.tier_popup button.btn.btn-secondary {
	margin-right: 5px;
}

button.btn.btn-secondary {
	color: #fff;
	background-color: #5a6268;
	border-color: #545b62;
	border-radius: 4px;
	padding: 9px 20px;
	border-style: solid;
}

.col-md-4.wrapper_my_input {
	flex: 0 0 33%;
	max-width: 33%;
}

p.wwp_required_field {
	color: #dc3545;
	padding-left: 4px;
	display: none;
}

.addborderred {
	border: 1px solid #e40000!important;
}

.wwp_error_span {
	padding-left: 4px;
	display: block;
	color: #dc3545;
	font-size: 12px;
}

.bunch_row .wrapper_my_input .form-control.form-control-sm {
	width: 95% !important;
}


.wwp_dashboard_img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wwp_premium_pop .header {
	margin-bottom: 20px;
}

.wwp_premium_pop {
	position: fixed;
	max-width: 638px;
	text-align: center;
	background: rgb(255,255,255);
	background: linear-gradient(159deg, rgba(255, 255, 255, 1) 0%, rgb(253 182 66 / 23%) 58%, rgba(255, 255, 255, 1) 100%);
	background-color: white;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width:80%;
	z-index: 9999;

}

a.wwp-pop-close-button {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 30px;
	color: #2D3748;
	cursor: pointer;
}


.guarantee-item {
	display: flex;
	padding: 5px 10px;
	border-radius: 5px;
	align-items: center;
}

span.guarantee-item svg {
	margin-right: 8px;
}

.popup-guarantee {
	display: flex;
	justify-content: center;
	gap: 10px;
	font-size: 14px;
	color: #333;
	background: #F9DBAA;
	max-width: 530px;
	width: 70%;
	margin: 0 auto;
	border-radius: 4px;
	border: 1px solid #F9DBAA;
}

.guarantee-item {
	display: flex;
	padding: 5px 10px;
	border-radius: 5px;
	align-items: center;
}

span.guarantee-item svg {
	margin-right: 8px;
}

.wwp_features {
	display: ruby;
	list-style: none;
	padding: 0;
	font-size: 16px;
	color: #333;
}




.wwp_features li {
	margin: 10px 0;  
	font-size: 13px;
	display: block;
}

.wwp_features li::before {
	content: '✔';
	color: #E6A53A;
	margin-right: 10px;
}

.popup-btn {
	text-decoration: none;
	background: #FDB642;
	color: black;
	border: none;
	padding: 10px 20px;
	border-radius: 10px;
	font-size: 16px;
	cursor: pointer;
	display: inline-flex;
	transition: background 0.3s;
}

.popup-btn:hover {
	background: #ff6f00;
}

.wwwp_bl_order{
	width: 100%;
	height: 100%;
}

.wwp_dashboard_img.blurred ,.wwwp_bl_order.blurred,.wwp_extra_fields_container_data_img.blurred , .wwp_recaptcha_fields_container_data_img.blurred{
	filter: blur(2px);
 
}

img.wwp_extra_fields_container_data_img {
	height: 700px;
}

.blurred-background {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	filter: blur(2px); /* Apply blur effect */
	z-index: 999; /* Ensure it’s below the popup but above the main content */
}

.wwp_recaptcha_fields_container_data_img {
	height: 100%;
	width: 1024px;
}

.wwp-svg-pop-content{
	padding: 10px;
}


/***************************************** vertical pop up css ******************************************/
.wwp_premium_vertical_pop {
	position: fixed;
	max-width: 638px;
	text-align: center;
	background: rgb(255,255,255);
	background: linear-gradient(159deg, rgba(255, 255, 255, 1) 0%, rgb(253 182 66 / 23%) 58%, rgba(255, 255, 255, 1) 100%);
	background-color: white;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	top: 55%;
	left: 85%;
	right: 0%;
	transform: translate(-50%, -50%);
	width: 20%;
	z-index: 9999;
}



.vertical-popup-guarantee {
	font-size: 14px;
	color: #333;
	background: #F9DBAA;
	max-width: 530px;
	width: 100%;
	margin: 0 auto;
	border-radius: 4px;
	border: 1px solid #F9DBAA;
	margin-top: 20px;
	margin-bottom: 20px;
	float:right;
}

.wwp_vertical_features{
	display: ruby;
	list-style: none;
	padding: 0;
	font-size: 16px;
	color: #333;
}
.wwp_vertical_features li {
	margin: 10px 0;  
	font-size: 13px;
	display: block;
}

.wwp_vertical_features li::before {
	content: '✔';
	color: #E6A53A;
	margin-right: 10px;
}

.guarantee-item {
	display: flex;
	padding: 5px 10px;
	border-radius: 5px;
	justify-content: center;
}