Popup Builder – Responsive WordPress Pop up

Version Description

Release Info

Developer	Sygnoos
Plugin	Popup Builder – Responsive WordPress Pop up
Version	4.0
Comparing to
See all releases

Code changes from version 3.84 to 4.0

Files changed (211) hide show

PopupBuilderInit.php +7 -0
com/classes/Actions.php +135 -10
com/classes/Ajax.php +130 -121
com/classes/ConditionCreator.php +33 -25
com/classes/Feedback.php +1 -1
com/classes/Filters.php +50 -47
com/classes/RegisterPostType.php +61 -72
com/classes/ScriptsLoader.php +12 -12
com/classes/Updates.php +3 -58
com/classes/_detection/SgpbPopupVersionDetection.php +127 -0
com/classes/components/Menu.php +1 -1
com/classes/dataTable/Subscribers.php +46 -6
com/classes/extension/SgpbPopupExtension.php +23 -7
com/classes/popups/FblikePopup.php +2 -1
com/classes/popups/ImagePopup.php +6 -5
com/classes/popups/SubscriptionPopup.php +11 -8
com/config/config.php +3 -1
com/config/configPackage.php +1 -1
com/config/dataConfig.php +168 -113
com/helpers/AdminHelper.php +57 -6
com/helpers/ConfigDataHelper.php +60 -86
com/helpers/License.php +33 -0
com/helpers/MultipleChoiceButton.php +98 -17
com/libs/ListTable.php +14 -14
com/libs/Table.php +147 -15
languages/popupBuilder.pot +1 -1
popup-builder.php +1 -1
public/css/ResetFormStyle.css +7 -18
public/css/SubscriptionForm.css +3 -3
public/css/fonts/Glyphter.woff +0 -0
public/css/fonts/Segoe UI Bold Italic.ttf +0 -0
public/css/fonts/Segoe UI Bold.ttf +0 -0
public/css/fonts/Segoe UI Italic.ttf +0 -0
public/css/fonts/Segoe UI.ttf +0 -0
public/css/fonts/Segoe-UI-Bold.woff +0 -0
public/css/fonts/SegoeUI.woff +0 -0
public/css/listsNewStyles.css +428 -0
public/css/newDesign.css +5130 -0
public/css/newDesignFromBuild.css +1 -0
public/css/popupAdminStyles.css +18 -25
public/css/sgPopupRangeSlider.css +1 -1
public/css/sgbp-bootstrap.css +1 -1
public/css/sgpb-modal.css +100 -0
public/fonts/Glyphter.woff +0 -0
public/fonts/SegoeUI.woff +0 -0
public/icons/Artboard 2.svg +1 -0
public/icons/Black/advancedClosing.svg +1 -0
public/icons/Black/ageRestriction.svg +1 -0
public/icons/Black/ageVerification.svg +1 -0
public/icons/Black/contactForm.svg +1 -0
public/icons/Black/countdown.svg +1 -0
public/icons/Black/edd.svg +1 -0
public/icons/Black/eye.svg +1 -0
public/icons/Black/fblike.svg +1 -0
public/icons/Black/gamification.svg +1 -0
public/icons/Black/geo-targeting.svg +1 -0
public/icons/Black/html.svg +1 -0
public/icons/Black/iframe.svg +1 -0
public/icons/Black/image.svg +1 -0
public/icons/Black/login.svg +1 -0
public/icons/Black/moreIdeas.svg +1 -0
public/icons/Black/pdf.svg +1 -0
public/icons/Black/pushNotification.svg +1 -0
public/icons/Black/registration.svg +1 -0
public/icons/Black/scheduling.svg +1 -0
public/icons/Black/sgpbAWeber.svg +1 -0
public/icons/Black/sgpbAdBlock.svg +1 -0
public/icons/Black/sgpbAdvancedTargeting.svg +1 -0
public/icons/Black/sgpbAnalitics.svg +1 -0
public/icons/Black/sgpbExitIntent.svg +1 -0
public/icons/Black/sgpbInactivity.svg +1 -0
public/icons/Black/sgpbMailchimp.svg +1 -0
public/icons/Black/sgpbRandom.svg +1 -0
public/icons/Black/sgpbRecentSales.svg +1 -0
public/icons/Black/sgpbScroll.svg +1 -0
public/icons/Black/sgpbWOO.svg +1 -0
public/icons/Black/social.svg +1 -0
public/icons/Black/subscription.svg +1 -0
public/icons/Black/subscriptionPlus.svg +1 -0
public/icons/Black/video.svg +1 -0
public/icons/arrow-down.png +0 -0
public/icons/arrow-up.png +0 -0
public/icons/back.png +0 -0
public/icons/calendar.svg +1 -0
public/icons/calendarRound.png +0 -0
public/icons/cloud.svg +1 -0
public/icons/down.png +0 -0
public/icons/eye.svg +1 -0
public/icons/eyeBlack.svg +1 -0
public/icons/geo-targeting.svg +3 -0
public/icons/google-gray-icon.svg +1 -0
public/icons/google-icon.svg +1 -0
public/icons/google-red-icon.svg +1 -0
public/icons/iconClone.png +0 -0
public/icons/iconEdit.png +0 -0
public/icons/iconSetings.svg +1 -0
public/icons/mouse-icon.svg +1 -0
public/icons/next.png +0 -0
public/icons/recycle-bin.svg +1 -0
public/icons/settings-and-close.svg +1 -0
public/icons/settings_icon.svg +1 -0
public/icons/sgpbAdvancedTargeting.svg +3 -0
public/icons/time-is-money.svg +1 -0
public/icons/volume.svg +1 -0
public/icons/white/advancedClosing.svg +1 -0
public/icons/white/ageRestriction.svg +1 -0
public/icons/white/ageVerification.svg +1 -0
public/icons/white/aweber.svg +1 -0
public/icons/white/contactForm.svg +1 -0
public/icons/white/countdown.svg +1 -0
public/icons/white/edd.svg +1 -0
public/icons/white/fblike.svg +1 -0
public/icons/white/gamification.svg +1 -0
public/icons/white/geo-targeting.svg +1 -0
public/icons/white/html.svg +1 -0
public/icons/white/iframe.svg +1 -0
public/icons/white/image.svg +1 -0
public/icons/white/login.svg +1 -0
public/icons/white/mailchimp.svg +1 -0
public/icons/white/moreIdeas.svg +1 -0
public/icons/white/pdf.svg +1 -0
public/icons/white/pushNotification.svg +1 -0
public/icons/white/recentSales.svg +1 -0
public/icons/white/registration.svg +1 -0
public/icons/white/scheduling.svg +1 -0
public/icons/white/sgpbAdBlock.svg +1 -0
public/icons/white/sgpbAdvancedTargeting.svg +1 -0
public/icons/white/sgpbAnalytics.svg +1 -0
public/icons/white/sgpbExitIntent.svg +1 -0
public/icons/white/sgpbInactivity.svg +1 -0
public/icons/white/sgpbRandom.svg +1 -0
public/icons/white/sgpbScroll.svg +1 -0
public/icons/white/sgpbWOO.svg +1 -0
public/icons/white/social.svg +1 -0
public/icons/white/subscription.svg +1 -0
public/icons/white/subscriptionPlus.svg +1 -0
public/icons/white/video.svg +1 -0
public/images/NoImage.png +0 -0
public/images/chrome-messanger.png +0 -0
public/images/colorful-memphis-design-background.png +0 -0
public/images/livepreviewBg.png +0 -0
public/images/mediaEditor.png +0 -0
public/images/messanger.png +0 -0
public/images/notification.png +0 -0
public/images/popupEvents.png +0 -0
public/images/social-icons.png +0 -0
public/images/timer.png +0 -0
public/img/emailIntegrationCloseBtn.png +0 -0
public/img/sgpbLogo.png +0 -0
public/js/Backend.js +45 -29
public/js/FloatingButton.js +3 -4
public/js/MediaButton.js +1 -1
public/js/Modals.js +155 -0
public/js/Subscribers.js +11 -15
public/js/Subscription.js +1 -1
public/js/sgpbDetect.js +146 -0
public/scss/_buttons.scss +122 -0
public/scss/_fonts.scss +15 -0
public/scss/_generalSettings.scss +5 -0
public/scss/_global.scss +948 -0
public/scss/_license.scss +46 -0
public/scss/_media.scss +83 -0
public/scss/_popupExtenssionsList.scss +99 -0
public/scss/_popupMainOptions.scss +414 -0
public/scss/_reset.scss +216 -0
public/scss/_subscriptionExtension.scss +21 -0
public/scss/_table.scss +364 -0
public/scss/_variables.scss +61 -0
public/scss/footer.scss +4 -0
public/scss/header.scss +33 -0
public/scss/main.scss +19 -0
public/svg/Edit /342/200/223 1.svg" +8 -0
public/svg/add /342/200/223 1.svg" +22 -0
public/svg/arrow_cross.svg +10 -0
public/svg/delet /342/200/223 1.svg" +24 -0
public/svg/geo-targeting.svg +1 -0
public/svg/geo-targeting1.svg +31 -0
public/svg/geo-targeting2.svg +3 -0
public/svg/iconfinder_settings_115801.svg +1 -0
public/svg/settings /342/200/223 1.svg" +25 -0
public/svg/sgpbAdvancedTargeting.svg +1 -0
public/svg/sgpbAdvancedTargeting2.svg +3 -0
public/svg/upload /342/200/223 1.svg" +23 -0
public/svg/view /342/200/223 1.svg" +28 -0
public/svg/voice /342/200/223 1.svg" +24 -0
public/views/allMetaboxesView.php +57 -0
public/views/closeSettingsView.php +327 -230
public/views/conditionsView.php +62 -240
public/views/customEditor.php +25 -33
public/views/dimensionsView.php +36 -41
public/views/floatingButton.php +68 -102
public/views/importConfigView.php +38 -43
public/views/importPopupsView.php +32 -0
public/views/importSettingsView.php +0 -34
public/views/jsVariableView.php +3 -10
public/views/license.php +43 -68
public/views/main/image.php +12 -9
public/views/mainActionButtons.php +29 -16
public/views/mediaButton.php +7 -8
public/views/newsletter.php +94 -197
public/views/options/facebook.php +18 -31
public/views/options/subscription.php +243 -344
public/views/optionsView.php +281 -339
public/views/otherConditionsView.php +35 -92
public/views/popupDesignView.php +183 -187
public/views/popupOpeningCounter.php +15 -18
public/views/popupTypes.php +50 -99
public/views/settings.php +82 -5
public/views/settingsOptions.php +0 -105
public/views/subscribers.php +101 -140
readme.txt +14 -3

PopupBuilderInit.php CHANGED Viewed

	@@ -34,6 +34,7 @@ class PopupBuilderInit
34	$this->registerHooks();
35	$this->actions();
36	$this->filters();

37	}
38
39	private function includeData()
	@@ -45,6 +46,7 @@ class PopupBuilderInit
45	require_once(SG_POPUP_HELPERS_PATH.'Functions.php');
46	require_once(SG_POPUP_HELPERS_PATH.'ScriptsIncluder.php');
47	require_once(SG_POPUP_HELPERS_PATH.'PopupBuilderActivePackage.php');

48	require_once(SG_POPUP_EXTENSION_PATH.'SgpbPopupExtension.php');
49	require_once(SG_POPUP_HELPERS_PATH.'MultipleChoiceButton.php');
50	require_once(SG_POPUP_CLASSES_PATH.'ConditionBuilder.php');
	@@ -71,6 +73,7 @@ class PopupBuilderInit
71	require_once(SG_POPUP_CLASSES_PATH.'Notification.php');
72	require_once(SG_POPUP_CLASSES_PATH.'Feedback.php');
73	require_once(SG_POPUP_COMPONENTS_PATH.'Menu.php');

74	}
75
76	public function actions()
	@@ -82,6 +85,10 @@ class PopupBuilderInit
82	{
83	$this->filters = new Filters();
84	}




85
86	private function registerHooks()
87	{


34	$this->registerHooks();
35	$this->actions();
36	$this->filters();
37	+ $this->versionDetection();
38	}
39
40	private function includeData()

46	require_once(SG_POPUP_HELPERS_PATH.'Functions.php');
47	require_once(SG_POPUP_HELPERS_PATH.'ScriptsIncluder.php');
48	require_once(SG_POPUP_HELPERS_PATH.'PopupBuilderActivePackage.php');
49	+ require_once(SG_POPUP_HELPERS_PATH.'License.php');
50	require_once(SG_POPUP_EXTENSION_PATH.'SgpbPopupExtension.php');
51	require_once(SG_POPUP_HELPERS_PATH.'MultipleChoiceButton.php');
52	require_once(SG_POPUP_CLASSES_PATH.'ConditionBuilder.php');

73	require_once(SG_POPUP_CLASSES_PATH.'Notification.php');
74	require_once(SG_POPUP_CLASSES_PATH.'Feedback.php');
75	require_once(SG_POPUP_COMPONENTS_PATH.'Menu.php');
76	+ require_once(SGPB_POPUP_DETECTION_PATH.'SgpbPopupVersionDetection.php');
77	}
78
79	public function actions()

85	{
86	$this->filters = new Filters();
87	}
88	+ public function versionDetection()
89	+ {
90	+ new SgpbPopupVersionDetection();
91	+ }
92
93	private function registerHooks()
94	{

com/classes/Actions.php CHANGED Viewed

@@ -18,9 +18,11 @@ class Actions
+            	{
             		add_action('init', array($this, 'wpInit'), 9999999999);
             		add_action('init', array($this, 'postTypeInit'), 9999);
             		add_action('admin_menu', array($this, 'addSubMenu'));
             		add_action('admin_menu', array($this, 'supportLinks'), 999);
             		add_action('admin_head', array($this, 'showPreviewButtonAfterPopupPublish'));
             		add_action('admin_enqueue_scripts', array($this, 'adminLoadPopups'));
             		add_action('admin_action_popupSaveAsNew', array($this, 'popupSaveAsNew'));
             		add_action('admin_post_csv_file', array($this, 'getSubscribersCsvFile'));
@@ -59,12 +61,99 @@ class Actions
             		add_filter('views_edit-popupbuilder', array($this, 'mainActionButtons'), 10, 1);
             		add_action('wpml_loaded', array($this, 'wpmlRelatedActions'));
             		new SGPBFeedback();
             		new SGPBReports();
             		new SGPBMenu();
             		new Ajax();
+            	}
             	public function wpmlRelatedActions()
+            	{
             		// The actions below will be executed right after WPML is fully configured and loaded.
@@ -100,11 +189,31 @@ class Actions
             	public function showPreviewButtonAfterPopupPublish()
+            	{
             		$currentPostType = AdminHelper::getCurrentPostType();
-            -
            		if (!empty($currentPostType) && $currentPostType == SG_POPUP_POST_TYPE) {
             			echo '<style>
             				#save-post {
             					display:none !important;
+            				}
             			</style>';
+            		}
+            	}
@@ -478,7 +587,7 @@ class Actions
             		if (empty($popup) || (!is_object($popup) && $popup != 'publish')) {
             			return $content;
+            		}
-            -
             		$isActive = $popup->isActive();
             		if (!$isActive) {
             			return $content;
@@ -922,8 +1031,6 @@ class Actions
             	public function popupsTableColumnsValues($column, $postId)
+            	{
             		$postId = (int)$postId;// Convert to int for security reasons
-            -
            		$switchButton = '';
-            -
            		$isActive = '';
             		global $post_type;
             		if ($postId) {
             			$args['status'] = array('publish', 'draft', 'pending', 'private', 'trash');
@@ -942,7 +1049,7 @@ class Actions
+            		}
             		else if ($column == 'counter') {
             			$count = $popup->getPopupOpeningCountById($postId);
-            -
            			echo '<div class="sgpb-counter-wrapper"><div class="sgpb-dashboard-popup-count-wrapper">'.$count.'</div>'.'<input onclick="SGPBBackend.resetCount('.$postId.', true);" type="button" name="" class="button sgpb-reset-count-btn" value="'.__('reset', SG_POPUP_TEXT_DOMAIN).'"></div>';
+            		}
             		else if ($column == 'type') {
             			global $SGPB_POPUP_TYPES;
@@ -957,11 +1064,29 @@ class Actions
             			if ($popupPostStatus == 'publish' || $popupPostStatus == 'draft') {
             				$isActive = $popup->getOptionValue('sgpb-is-active', true);
+            			}
-            -
            			$switchButton .= '<label class="sgpb-switch">';
-            -
            			$switchButton .= '<input class="sg-switch-checkbox" data-switch-id="'.$postId.'" type="checkbox" '.$isActive.'>';
-            -
            			$switchButton .= '<div class="sgpb-slider sgpb-round"></div>';
-            -
            			$switchButton .= '</label>';
-            -
            			echo $switchButton;
+            		}
+            	}


18	{
19	add_action('init', array($this, 'wpInit'), 9999999999);
20	add_action('init', array($this, 'postTypeInit'), 9999);
21	+ add_action('init', array($this, 'updatesInit'), 9999);
22	add_action('admin_menu', array($this, 'addSubMenu'));
23	add_action('admin_menu', array($this, 'supportLinks'), 999);
24	add_action('admin_head', array($this, 'showPreviewButtonAfterPopupPublish'));
25	+ add_action('admin_head', array($this, 'custom_admin_js'));
26	add_action('admin_enqueue_scripts', array($this, 'adminLoadPopups'));
27	add_action('admin_action_popupSaveAsNew', array($this, 'popupSaveAsNew'));
28	add_action('admin_post_csv_file', array($this, 'getSubscribersCsvFile'));

61	add_filter('views_edit-popupbuilder', array($this, 'mainActionButtons'), 10, 1);
62	add_action('wpml_loaded', array($this, 'wpmlRelatedActions'));
63
64	+ add_filter('get_user_option_screen_layout_'.SG_POPUP_POST_TYPE, array($this, 'screenLayoutSetOneColumn'));
65	new SGPBFeedback();
66	new SGPBReports();
67	new SGPBMenu();
68	new Ajax();
69	}
70
71	+ private function checkIfLicenseIsActive($license, $itemId, $storeURL, $key) {
72	+ $transient = 'sgpb-license-key-'.$key.'-requested';
73	+ if ( false !== ( $value = get_transient( $transient ) ) ) {
74	+ return;
75	+ }
76	+ $apiParams = array(
77	+ 'edd_action' => 'activate_license',
78	+ 'license' => $license,
79	+ 'item_id' => $itemId, // The ID of the item in EDD
80	+ 'url' => home_url()
81	+ );
82	+ $response = wp_remote_post($storeURL, array('timeout' => 15, 'sslverify' => false, 'body' => $apiParams));
83	+ if (!is_wp_error($response) \|\| 200 == wp_remote_retrieve_response_code($response)) {
84	+ $licenseData = json_decode(wp_remote_retrieve_body($response));
85	+ update_option('sgpb-license-status-'.$key, $licenseData->license);
86	+ set_transient($transient, $licenseData->item_name, WEEK_IN_SECONDS);
87	+ }
88	+
89	+ }
90	+ public function updatesInit()
91	+ {
92	+ if (!class_exists('sgpb\EDD_SL_Plugin_Updater')) {
93	+ // load our custom updater if it doesn't already exist
94	+ require_once(SG_POPUP_LIBS_PATH .'EDD_SL_Plugin_Updater.php');
95	+ }
96	+ $licenses = (new License())->getLicenses();
97	+ foreach ($licenses as $license) {
98	+ $key = @$license['key'];
99	+ $storeURL = @$license['storeURL'];
100	+ $itemId = @$license['itemId'];
101	+ $pluginMainFilePath = @$license['file'];
102	+ $pluginMainFilePath = SG_POPUP_PLUGIN_PATH.$pluginMainFilePath;
103	+
104	+ $licenseKey = trim(get_option('sgpb-license-key-'.$key));
105	+ $status = get_option('sgpb-license-status-'.$key);
106	+
107	+ if ($status == false \|\| $status != 'valid') {
108	+ continue;
109	+ }
110	+ $this->checkIfLicenseIsActive($licenseKey, $itemId, $storeURL, $key);
111	+ $version = @constant('SG_VERSION_'.$key);
112	+
113	+ // If the version of the extension is not found, update will not possibly be shown
114	+ if(empty($version)) {
115	+ continue;
116	+ }
117	+ $sgpbUpdater = new EDD_SL_Plugin_Updater($storeURL, $pluginMainFilePath, array(
118	+ 'version' => $version, // current version number
119	+ 'license' => $licenseKey, // license key (used get_option above to retrieve from DB)
120	+ 'item_id' => $license['itemId'], // id of this plugin
121	+ 'author' => $license['autor'], // author of this plugin
122	+ 'beta' => false // set to true if you wish customers to receive update notifications of beta releases
123	+ ));
124	+ }
125	+ }
126	+ public function custom_admin_js()
127	+ {
128	+ ?>
129	+ <script type="text/javascript">
130	+ jQuery(document).ready(function($) {
131	+ const myForm = $('#posts-filter');
132	+ myForm.addClass('sgpb-table');
133	+ const searchValue = $('#post-search-input').val();
134	+ $('#posts-filter .tablenav.top .tablenav-pages').append($('.subsubsub').addClass('show'));
135	+ myForm.append($('#posts-filter .tablenav.bottom .tablenav-pages:not(.no-pages, .one-page) .pagination-links'));
136	+ $('#sgpbSearchInPosts').val(searchValue);
137	+ $('#sgpbSearchInPosts').keyup('enter', function (e) {
138	+ if (e.key === 'Enter') {
139	+ $('#post-search-input').val(this.value);
140	+ $(myForm).submit();
141	+ }
142	+ });
143	+ $('#sgpbSearchInPostsSubmit').on('click', function () {
144	+ $('#post-search-input').val($('#sgpbSearchInPosts').val());
145	+ $(myForm).submit();
146	+ })
147	+ });
148	+ </script>
149	+ <?php
150	+ }
151	+
152	+ public function screenLayoutSetOneColumn()
153	+ {
154	+ return 1;
155	+ }
156	+
157	public function wpmlRelatedActions()
158	{
159	// The actions below will be executed right after WPML is fully configured and loaded.

189	public function showPreviewButtonAfterPopupPublish()
190	{
191	$currentPostType = AdminHelper::getCurrentPostType();
192	+ if (!empty($currentPostType) && ($currentPostType == SG_POPUP_POST_TYPE \|\| $currentPostType == SG_POPUP_AUTORESPONDER_POST_TYPE \|\| $currentPostType == SG_POPUP_TEMPLATE_POST_TYPE)) {
193	echo '<style>
194	#save-post {
195	display:none !important;
196	}
197	+ .subsubsub {
198	+ display:none !important;
199	+ }
200	+ .subsubsub.show {
201	+ display:block !important;
202	+ }
203	+ .search-box {
204	+ display:none !important;
205	+ }
206	+ .search-box.show {
207	+ display:block !important;
208	+ }
209	+ .tablenav-pages.no-pages {
210	+ display: block;
211	+ }
212	+ .tablenav-pages :not(.subsubsub, .subsubsub ),
213	+ .tablenav-pages.no-pages :not(.subsubsub, .subsubsub ),
214	+ .tablenav-pages.one-page :not(.subsubsub, .subsubsub ) {
215	+ display: none;
216	+ }
217	</style>';
218	}
219	}

587	if (empty($popup) \|\| (!is_object($popup) && $popup != 'publish')) {
588	return $content;
589	}
590	+
591	$isActive = $popup->isActive();
592	if (!$isActive) {
593	return $content;

1031	public function popupsTableColumnsValues($column, $postId)
1032	{
1033	$postId = (int)$postId;// Convert to int for security reasons


1034	global $post_type;
1035	if ($postId) {
1036	$args['status'] = array('publish', 'draft', 'pending', 'private', 'trash');

1049	}
1050	else if ($column == 'counter') {
1051	$count = $popup->getPopupOpeningCountById($postId);
1052	+ echo '<div ><span>'.$count.'</span>'.'<input onclick="SGPBBackend.resetCount('.$postId.', true);" type="button" name="" class="sgpb-btn sgpb-btn-dark-outline" value="'.__('reset', SG_POPUP_TEXT_DOMAIN).'"></div>';
1053	}
1054	else if ($column == 'type') {
1055	global $SGPB_POPUP_TYPES;

1064	if ($popupPostStatus == 'publish' \|\| $popupPostStatus == 'draft') {
1065	$isActive = $popup->getOptionValue('sgpb-is-active', true);
1066	}
1067	+ $checked = isset($isActive) && $isActive ? 'checked' : '';
1068	+ echo '<label class="sgpb-switch">
1069	+ <input class="sg-switch-checkbox sgpb-popup-status-js" value="1" data-switch-id="'.$postId.'" type="checkbox" '.$checked.'>
1070	+ <div class="sgpb-slider sgpb-round"></div>
1071	+ </label>';
1072	+ }
1073	+ else if ($column == 'sgpbIsRandomEnabled') {
1074	+ $showValues = apply_filters('sgpbAddRandomTableColumnValues', $postId);
1075	+ echo $showValues;
1076	+ }
1077	+ else if ($column == 'options') {
1078	+ $cloneUrl = AdminHelper::popupGetClonePostLink($postId);
1079	+ $actionButtons = '<div class="icon icon_blue">
1080	+ <img src="'.SG_POPUP_PUBLIC_URL.'icons/iconEdit.png" alt="Edit" class="icon_edit" onclick="location.href=\''.get_edit_post_link($postId).'\'">
1081	+ </div>';
1082	+ $actionButtons .= '<div class="icon icon_blue">
1083	+ <img src="'.SG_POPUP_PUBLIC_URL.'icons/iconClone.png" alt="Clone" class="icon_clone" onclick="location.href=\''.$cloneUrl.'\'">
1084	+ </div>';
1085	+ $actionButtons .= '<div class="icon icon_pink">
1086	+ <img src="'.SG_POPUP_PUBLIC_URL.'icons/recycle-bin.svg" alt="Remove" class="icon_remove" onclick="location.href=\''.get_delete_post_link($postId).'\'">
1087	+ </div>';
1088	+
1089	+ echo $actionButtons;
1090	}
1091	}
1092

com/classes/Ajax.php CHANGED Viewed

	@@ -1,6 +1,7 @@
1	<?php
2	namespace sgpb;
3	use \ConfigDataHelper;

4
5	class Ajax
6	{
	@@ -35,7 +36,7 @@ class Ajax
35	$postData = $this->getPostData();
36	$value = '';
37
38	- if (!empty($postData[$key])) {
39	$value = $postData[$key];
40	}
41
	@@ -44,60 +45,61 @@ class Ajax
44
45	public function actions()
46	{
47	- add_action('wp_ajax_sgpb_send_to_open_counter', array($this, 'addToCounter'));
48	add_action('wp_ajax_nopriv_sgpb_send_to_open_counter', array($this, 'addToCounter'));
49
50	- add_action('wp_ajax_sgpb_process_after_submission', array($this, 'sgpbSubsciptionFormSubmittedAction'));
51	add_action('wp_ajax_nopriv_sgpb_process_after_submission', array($this, 'sgpbSubsciptionFormSubmittedAction'));
52
53	- add_action('wp_ajax_sgpb_subscription_submission', array($this, 'subscriptionSubmission'));
54	add_action('wp_ajax_nopriv_sgpb_subscription_submission', array($this, 'subscriptionSubmission'));
55
56	$allowToAction = AdminHelper::userCanAccessTo();
57
58	- if ($allowToAction) {
59	add_action('wp_ajax_add_condition_group_row', array($this, 'addConditionGroupRow'));
60	- add_action('wp_ajax_add_condition_rule_row', array($this, 'addConditionRuleRow'));
61	- add_action('wp_ajax_change_condition_rule_row', array($this, 'changeConditionRuleRow'));
62	- add_action('wp_ajax_select2_search_data', array($this, 'select2SearchData'));
63	- add_action('wp_ajax_change_popup_status', array($this, 'changePopupStatus'));
64	- // proStartGold
65	- add_action('wp_ajax_check_same_origin', array($this, 'checkSameOrigin'));
66	- // proEndGold
67	- add_action('wp_ajax_sgpb_subscribers_delete', array($this, 'deleteSubscribers'));
68	- add_action('wp_ajax_sgpb_add_subscribers', array($this, 'addSubscribers'));
69	- add_action('wp_ajax_sgpb_import_subscribers', array($this, 'importSubscribers'));
70	- add_action('~~wp_ajax_sgpb_save_imported_subscribers~~', array($this, '~~saveImportedSubscribers~~'));
71	- add_action('~~wp_ajax_sgpb_send_newsletter~~', array($this, '~~sendNewsletter~~'));
72	- add_action('~~wp_ajax_sgpb_change_review_popup_show_period~~', array($this, '~~changeReviewPopupPeriod~~'));
73	- add_action('~~wp_ajax_sgpb_dont_show_review_popup~~', array($this, '~~dontShowReviewPopup~~'));
74	- add_action('~~wp_ajax_sgpb_close_banner~~', array($this, '~~closeMainRateUsBanner~~'));
75	- add_action('~~wp_ajax_sgpb_close_license_notice~~', array($this, '~~closeLicenseNoticeBanner~~'));
76	- add_action('~~wp_ajax_sgpb_hide_ask_review_popup~~', array($this, '~~dontShowAskReviewBanner~~'));
77	- add_action('~~wp_ajax_sgpb_reset_popup_opening_count~~', array($this, '~~resetPopupOpeningCount~~'));
78	- ~~/Extension~~ ~~notification~~ ~~panel/~~
79	- ~~add_action('wp_ajax_sgpb_dont_show_extension_panel',~~ ~~array($this,~~ ~~'extensionNotificationPanel'));~~
80	- add_action('~~wp_ajax_sgpb_dont_show_problem_alert~~', array($this, '~~dontShowProblemAlert~~'));
81	- // ~~autosave~~
82	- ~~add_action('wp_ajax_sgpb_autosave',~~ ~~array($this, 'sgpbAutosave'));~~

83	}
84	}
85
86	public function sgpbAutosave()
87	{
88	$allowToAction = AdminHelper::userCanAccessTo();
89	- if (!$allowToAction) {
90	wp_die('');
91	}
92	check_ajax_referer(SG_AJAX_NONCE, 'nonce');
93
94	$popupId = @(int)$_POST['post_ID'];
95	$postStatus = get_post_status($popupId);
96	- if ($postStatus == 'publish') {
97	wp_die('');
98	}
99
100	- if (!isset($_POST['allPopupData'])) {
101	wp_die(true);
102	}
103	$popupData = SGPopup::parsePopupDataFromData($_POST['allPopupData']);
	@@ -105,7 +107,7 @@ class Ajax
105	$popupType = $popupData['sgpb-type'];
106	$popupClassName = SGPopup::getPopupClassNameFormType($popupType);
107	$popupClassPath = SGPopup::getPopupTypeClassPath($popupType);
108	- if (file_exists($popupClassPath.$popupClassName.'.php')) {
109	require_once($popupClassPath.$popupClassName.'.php');
110	$popupClassName = __NAMESPACE__.'\\'.$popupClassName;
111	$popupClassName::create($popupData, '_preview', 1);
	@@ -127,13 +129,13 @@ class Ajax
127	check_ajax_referer(SG_AJAX_NONCE, 'nonce');
128	$messageType = sanitize_text_field($_POST['messageType']);
129
130	- if ($messageType == 'count') {
131	$maxPopupCount = get_option('SGPBMaxOpenCount');
132	- if (!$maxPopupCount) {
133	$maxPopupCount = SGPB_ASK_REVIEW_POPUP_COUNT;
134	}
135	$maxPopupData = AdminHelper::getMaxOpenPopupId();
136	- if (!empty($maxPopupData['maxCount'])) {
137	$maxPopupCount = $maxPopupData['maxCount'];
138	}
139
	@@ -143,7 +145,7 @@ class Ajax
143	}
144
145	$popupTimeZone = get_option('timezone_string');
146	- if (!$popupTimeZone) {
147	$popupTimeZone = SG_POPUP_DEFAULT_TIME_ZONE;
148	}
149	$timeDate = new \DateTime('now', new \DateTimeZone($popupTimeZone));
	@@ -166,14 +168,14 @@ class Ajax
166	$tableName = $wpdb->prefix.'sgpb_analytics';
167	$popupId = (int)$_POST['popupId'];
168	$allPopupsCount = get_option('SgpbCounter');
169	- if ($wpdb->get_var("SHOW TABLES LIKE '$tableName'") == $tableName) {
170	SGPopup::deleteAnalyticsDataByPopupId($popupId);
171	}
172	- if (empty($allPopupsCount)) {
173	echo SGPB_AJAX_STATUS_FALSE;
174	wp_die();
175	}
176	- if (isset($allPopupsCount[$popupId])) {
177	$allPopupsCount[$popupId] = 0;
178	}
179
	@@ -228,27 +230,27 @@ class Ajax
228	{
229	check_ajax_referer(SG_AJAX_NONCE, 'nonce');
230
231	- if (isset($_GET['sg_popup_preview_id']) && !isset($_POST['params'])) {
232	wp_die(0);
233	}
234
235	/* Sanitizing multidimensional array */
236	- $popupParams = $_POST['params'];
237	- array_walk($popupParams, 'sanitize_text_field');
238
239	- $popupsIdCollection = is_array($popupParams['popupsIdCollection'])?$popupParams['popupsIdCollection']:array();
240	$popupsCounterData = get_option('SgpbCounter');
241
242	- if ($popupsCounterData === false) {
243	$popupsCounterData = array();
244	}
245
246	- foreach ($popupsIdCollection as $popupId => $popupCount) {
247	- if (empty($popupsCounterData[$popupId])) {
248	- $popupsCounterData[$popupId] = 0;
249	- }
250	- $popupsCounterData[$popupId] += $popupCount;
251	- }
252
253	update_option('SgpbCounter', $popupsCounterData);
254	wp_die(1);
	@@ -262,7 +264,7 @@ class Ajax
262
263	$subscribersId = array_map('sanitize_text_field', $_POST['subscribersId']);
264
265	- foreach ($subscribersId as $subscriberId) {
266	$prepareSql = $wpdb->prepare('DELETE FROM '.$wpdb->prefix.SGPB_SUBSCRIBERS_TABLE_NAME.' WHERE id = %d', $subscriberId);
267	$wpdb->query($prepareSql);
268	}
	@@ -280,22 +282,21 @@ class Ajax
280	$date = date('Y-m-d');
281	$subscriptionPopupsId = array_map('sanitize_text_field', $_POST['popups']);
282
283	- foreach ($subscriptionPopupsId as $subscriptionPopupId) {
284	$selectSql = $wpdb->prepare('SELECT id FROM '.$wpdb->prefix.SGPB_SUBSCRIBERS_TABLE_NAME.' WHERE email = %s AND subscriptionType = %d', $email, $subscriptionPopupId);
285	$res = $wpdb->get_row($selectSql, ARRAY_A);
286	// add new subscriber
287	- if (empty($res)) {
288	$sql = $wpdb->prepare('INSERT INTO '.$wpdb->prefix.SGPB_SUBSCRIBERS_TABLE_NAME.' (firstName, lastName, email, cDate, subscriptionType) VALUES (%s, %s, %s, %s, %d) ', $firstName, $lastName, $email, $date, $subscriptionPopupId);
289	$res = $wpdb->query($sql);
290	- }
291	- // edit existing
292	else {
293	$sql = $wpdb->prepare('UPDATE '.$wpdb->prefix.SGPB_SUBSCRIBERS_TABLE_NAME.' SET firstName = %s, lastName = %s, email = %s, cDate = %s, subscriptionType = %d, unsubscribered = 0 WHERE id = %d', $firstName, $lastName, $email, $date, $subscriptionPopupId, $res['id']);
294	$wpdb->query($sql);
295	$res = 1;
296	}
297
298	- if ($res) {
299	$status = SGPB_AJAX_STATUS_TRUE;
300	}
301	}
	@@ -318,6 +319,18 @@ class Ajax
318	wp_die();
319	}
320












321	public function saveImportedSubscribers()
322	{
323	check_ajax_referer(SG_AJAX_NONCE, 'nonce');
	@@ -334,19 +347,18 @@ class Ajax
334	$subscriptionPlusContent = apply_filters('sgpbImportToSubscriptionList', $csvFileArray, $mapping, $formId);
335
336	// -1 it's mean saved from Subscription Plus
337	- if ($subscriptionPlusContent != -1) {
338	- foreach ($csvFileArray as $csvData) {
339	global $wpdb;
340	$subscribersTableName = $wpdb->prefix.SGPB_SUBSCRIBERS_TABLE_NAME;
341	$sql = $wpdb->prepare('SELECT submittedData FROM '.$subscribersTableName);
342	- if (!empty($mapping['date'])) {
343	$date = $csvData[$mapping['date']];
344	$date = date('Y-m-d', strtotime($date));
345	}
346	- if ($sql) {
347	$sql = $wpdb->prepare('INSERT INTO '.$subscribersTableName.' (firstName, lastName, email, cDate, subscriptionType, status, unsubscribed) VALUES (%s, %s, %s, %s, %d, %d, %d) ', $csvData[$mapping['firstName']], $csvData[$mapping['lastName']], $csvData[$mapping['email']], $date, $formId, 0, 0);
348	- }
349	- else {
350	$sql = $wpdb->prepare('INSERT INTO '.$subscribersTableName.' (firstName, lastName, email, cDate, subscriptionType, status, unsubscribed, submittedData) VALUES (%s, %s, %s, %s, %d, %d, %d, %s) ', $csvData[$mapping['firstName']], $csvData[$mapping['lastName']], $csvData[$mapping['email']], $csvData[$mapping['date']], $formId, 0, 0, '');
351	}
352
	@@ -361,7 +373,7 @@ class Ajax
361	public function sendNewsletter()
362	{
363	$allowToAction = AdminHelper::userCanAccessTo();
364	- if (!$allowToAction) {
365	wp_redirect(get_home_url());
366	exit();
367	}
	@@ -369,7 +381,7 @@ class Ajax
369	global $wpdb;
370
371	$newsletterData = stripslashes_deep($_POST['newsletterData']);
372	- if (isset($newsletterData['testSendingStatus']) && $newsletterData['testSendingStatus'] == 'test') {
373	AdminHelper::sendTestNewsletter($newsletterData);
374	}
375	$subscriptionFormId = (int)$newsletterData['subscriptionFormId'];
	@@ -394,39 +406,38 @@ class Ajax
394
395	$remoteGet = wp_remote_get($url);
396
397	- if (is_array($remoteGet) && !empty($remoteGet['headers']['x-frame-options'])) {
398	$siteUrl = esc_url($_POST['siteUrl']);
399	$xFrameOptions = $remoteGet['headers']['x-frame-options'];
400	$mayNotShow = false;
401
402	- if ($xFrameOptions == 'deny') {
403	$mayNotShow = true;
404	- }
405	- ~~else~~ if ($~~xFrameOptions~~ == ~~'SAMEORIGIN'~~) {
406	- if (strpos($url, $siteUrl) === false) {
407	$mayNotShow = true;
408	}
409	- }
410	- ~~else~~ {
411	- if (strpos($xFrameOptions, $siteUrl) === false) {
412	$mayNotShow = true;;
413	}
414	}
415
416	- if ($mayNotShow) {
417	echo $status;
418	wp_die();
419	}
420	}
421
422	// $remoteGet['response']['code'] < 400 it's mean correct status
423	- if (is_array($remoteGet) && isset($remoteGet['response']['code']) && $remoteGet['response']['code'] < 400) {
424	$status = SGPB_AJAX_STATUS_TRUE;
425	}
426
427	echo $status;
428	wp_die();
429	}

430	// proEndGold
431
432	public function changePopupStatus()
	@@ -435,11 +446,11 @@ class Ajax
435	$obj = SGPopup::find($popupId);
436	$isDraft = '';
437	$postStatus = get_post_status($popupId);
438	- if ($postStatus == 'draft') {
439	$isDraft = '_preview';
440	}
441
442	- if (!$obj \|\| !is_object($obj)) {
443	wp_die(SGPB_AJAX_STATUS_FALSE);
444	}
445	$options = $obj->getOptions();
	@@ -460,7 +471,7 @@ class Ajax
460
461	parse_str($submissionData, $formData);
462
463	- if (empty($formData)) {
464	echo SGPB_AJAX_STATUS_FALSE;
465	wp_die();
466	}
	@@ -468,7 +479,7 @@ class Ajax
468	$hiddenChecker = sanitize_text_field($formData['sgpb-subs-hidden-checker']);
469
470	// this check is made to protect ourselves from bot
471	- if (!empty($hiddenChecker)) {
472	echo 'Bot';
473	wp_die();
474	}
	@@ -486,16 +497,15 @@ class Ajax
486	$list = $wpdb->get_row($getSubscriberQuery, ARRAY_A);
487
488	// When subscriber does not exist we insert to subscribers table otherwise we update user info
489	- if (empty($list['id'])) {
490	$sql = $wpdb->prepare('INSERT INTO '.$subscribersTableName.' (firstName, lastName, email, cDate, subscriptionType) VALUES (%s, %s, %s, %s, %d) ', $firstName, $lastName, $email, $date, $popupPostId);
491	$res = $wpdb->query($sql);
492	- }
493	- else {
494	$sql = $wpdb->prepare('UPDATE '.$subscribersTableName.' SET firstName = %s, lastName = %s, email = %s, cDate = %s, subscriptionType = %d WHERE id = %d', $firstName, $lastName, $email, $date, $popupPostId, $list['id']);
495	$wpdb->query($sql);
496	$res = 1;
497	}
498	- if ($res) {
499	$status = SGPB_AJAX_STATUS_TRUE;
500	}
501
	@@ -504,35 +514,35 @@ class Ajax
504	}
505
506	public function sgpbSubsciptionFormSubmittedAction()
507	- {
508	- check_ajax_referer(SG_AJAX_NONCE, 'nonce');
509	- $this->setPostData($_POST);
510	-
511	- $submissionData = $this->getValueFromPost('formData');
512	- $popupPostId = (int)$this->getValueFromPost('popupPostId');
513	- parse_str($submissionData, $formData);
514	- if (empty($_POST)) {
515	- echo SGPB_AJAX_STATUS_FALSE;
516	- wp_die();
517	- }
518	- $email = sanitize_email($_POST['emailValue']);
519	- $firstName = sanitize_text_field($_POST['firstNameValue']);
520	- $lastName = sanitize_text_field($_POST['lastNameValue']);
521	- $userData = array(
522	- 'email' => $email,
523	- 'firstName' => $firstName,
524	- 'lastName' => $lastName
525	- );
526	- $this->sendSuccessEmails($popupPostId, $userData);
527	- do_action('sgpbProcessAfterSuccessfulSubmission', $popupPostId, $userData);
528	- }
529
530	public function sendSuccessEmails($popupPostId, $subscriptionDetails)
531	{
532	global $wpdb;
533	$popup = SGPopup::find($popupPostId);
534
535	- if (!is_object($popup)) {
536	return false;
537	}
538	$subscribersTableName = $wpdb->prefix.SGPB_SUBSCRIBERS_TABLE_NAME;
	@@ -546,14 +556,14 @@ class Ajax
546	$adminEmail = get_option('admin_email');
547	$userData = @get_user_by('email', $adminEmail);
548
549	- if (!empty($userData)) {
550	$adminUserName = $userData->display_name;
551	}
552
553	$newSubscriberEmailHeader = AdminHelper::getEmailHeader($adminEmail);
554	$takeReviewAfterFirstSubscription = get_option('sgpb-new-subscriber');
555
556	- if ($count['countIds'] == 1 && !$takeReviewAfterFirstSubscription) {
557	// take review
558	update_option('sgpb-new-subscriber', 1);
559	$newSubscriberEmailTitle = __('Congrats! You have already 1 subscriber!', SG_POPUP_TEXT_DOMAIN);
	@@ -571,17 +581,17 @@ class Ajax
571	$search = sanitize_text_field($_POST['searchTerm']);
572	$searchResults = $this->selectFromPost($postTypeName, $search);
573
574	- if (isset($_POST['searchCallback'])) {
575	$searchCallback = sanitize_text_field($_POST['searchCallback']);
576	$searchResults = apply_filters('sgpbSearchAdditionalData', $search, array());
577	}
578
579	- if (empty($searchResults)) {
580	$results['items'] = array();
581	}
582
583	/Selected custom post type convert for select2 format/
584	- foreach ($searchResults as $id => $name) {
585	$results['items'][] = array(
586	'id' => $id,
587	'text' => $name
	@@ -594,10 +604,10 @@ class Ajax
594
595	private function selectFromPost($postTypeName, $search)
596	{
597	- $args = array(
598	's' => $search,
599	- 'post__in' => ! empty( $_REQUEST['include'] ) ? array_map( 'intval', $_REQUEST['include'] ) : null,
600	- 'page' => ! empty( $_REQUEST['page'] ) ? absint( $_REQUEST['page'] ) : null,
601	'posts_per_page' => 100,
602	'post_type' => $postTypeName
603	);
	@@ -665,30 +675,29 @@ class Ajax
665	$paramName = sanitize_text_field($_POST['paramName']);
666
667	$savedData = array(
668	- 'param' => $paramName
669	);
670
671	- if ($targetType == 'target' \|\| $targetType == 'conditions') {
672	$savedData['operator'] = '==';
673	- }
674	- else if ($conditionConfig['specialDefaultOperator']) {
675	$savedData['operator'] = $paramName;
676	}
677
678	- if (!empty($_POST['paramValue'])) {
679	$savedData['tempParam'] = sanitize_text_field($_POST['paramValue']);
680	$savedData['operator'] = $paramName;
681	}
682	// change operator value related to condition value
683	- if (!empty($conditionConfig['operatorAllowInConditions']) && in_array($paramName, $conditionConfig['operatorAllowInConditions'])) {
684	$conditionConfig['paramsData']['operator'] = array();
685
686	- if (!empty($conditionConfig['paramsData'][$paramName.'Operator'])) {
687	$operatorData = $conditionConfig['paramsData'][$paramName.'Operator'];
688	$SGPB_DATA_CONFIG_ARRAY[$targetType]['paramsData']['operator'] = $operatorData;
689	// change take value related to condition value
690	$operatorDataKeys = array_keys($operatorData);
691	- if (!empty($operatorDataKeys[0])) {
692	$savedData['operator'] = $operatorDataKeys[0];
693	$builderObj->setTakeValueFrom('operator');
694	}


1	<?php
2	namespace sgpb;
3	use \ConfigDataHelper;
4	+ use \SgpbDataConfig;
5
6	class Ajax
7	{

36	$postData = $this->getPostData();
37	$value = '';
38
39	+ if(!empty($postData[$key])) {
40	$value = $postData[$key];
41	}
42

45
46	public function actions()
47	{
48	+ add_action('wp_ajax_sgpb_send_to_open_counter', array($this, 'addToCounter'));
49	add_action('wp_ajax_nopriv_sgpb_send_to_open_counter', array($this, 'addToCounter'));
50
51	+ add_action('wp_ajax_sgpb_process_after_submission', array($this, 'sgpbSubsciptionFormSubmittedAction'));
52	add_action('wp_ajax_nopriv_sgpb_process_after_submission', array($this, 'sgpbSubsciptionFormSubmittedAction'));
53
54	+ add_action('wp_ajax_sgpb_subscription_submission', array($this, 'subscriptionSubmission'));
55	add_action('wp_ajax_nopriv_sgpb_subscription_submission', array($this, 'subscriptionSubmission'));
56
57	$allowToAction = AdminHelper::userCanAccessTo();
58
59	+ if($allowToAction) {
60	add_action('wp_ajax_add_condition_group_row', array($this, 'addConditionGroupRow'));
61	+ add_action('wp_ajax_add_condition_rule_row', array($this, 'addConditionRuleRow'));
62	+ add_action('wp_ajax_change_condition_rule_row', array($this, 'changeConditionRuleRow'));
63	+ add_action('wp_ajax_select2_search_data', array($this, 'select2SearchData'));
64	+ add_action('wp_ajax_change_popup_status', array($this, 'changePopupStatus'));
65	+ // proStartGold
66	+ add_action('wp_ajax_check_same_origin', array($this, 'checkSameOrigin'));
67	+ // proEndGold
68	+ add_action('wp_ajax_sgpb_subscribers_delete', array($this, 'deleteSubscribers'));
69	+ add_action('wp_ajax_sgpb_add_subscribers', array($this, 'addSubscribers'));
70	+ add_action('wp_ajax_sgpb_import_subscribers', array($this, 'importSubscribers'));
71	+ add_action('wp_ajax_sgpb_import_settings', array($this, 'importSettings'));
72	+ add_action('wp_ajax_sgpb_save_imported_subscribers', array($this, 'saveImportedSubscribers'));
73	+ add_action('wp_ajax_sgpb_send_newsletter', array($this, 'sendNewsletter'));
74	+ add_action('wp_ajax_sgpb_change_review_popup_show_period', array($this, 'changeReviewPopupPeriod'));
75	+ add_action('wp_ajax_sgpb_dont_show_review_popup', array($this, 'dontShowReviewPopup'));
76	+ add_action('wp_ajax_sgpb_close_banner', array($this, 'closeMainRateUsBanner'));
77	+ add_action('wp_ajax_sgpb_close_license_notice', array($this, 'closeLicenseNoticeBanner'));
78	+ add_action('wp_ajax_sgpb_hide_ask_review_popup', array($this, 'dontShowAskReviewBanner'));
79	+ add_action('wp_ajax_sgpb_reset_popup_opening_count', array($this, 'resetPopupOpeningCount'));
80	+ /Extension notification panel/
81	+ add_action('wp_ajax_sgpb_dont_show_extension_panel', array($this, 'extensionNotificationPanel'));
82	+ add_action('wp_ajax_sgpb_dont_show_problem_alert', array($this, 'dontShowProblemAlert'));
83	+ // autosave
84	+ add_action('wp_ajax_sgpb_autosave', array($this, 'sgpbAutosave'));
85	}
86	}
87
88	public function sgpbAutosave()
89	{
90	$allowToAction = AdminHelper::userCanAccessTo();
91	+ if(!$allowToAction) {
92	wp_die('');
93	}
94	check_ajax_referer(SG_AJAX_NONCE, 'nonce');
95
96	$popupId = @(int)$_POST['post_ID'];
97	$postStatus = get_post_status($popupId);
98	+ if($postStatus == 'publish') {
99	wp_die('');
100	}
101
102	+ if(!isset($_POST['allPopupData'])) {
103	wp_die(true);
104	}
105	$popupData = SGPopup::parsePopupDataFromData($_POST['allPopupData']);

107	$popupType = $popupData['sgpb-type'];
108	$popupClassName = SGPopup::getPopupClassNameFormType($popupType);
109	$popupClassPath = SGPopup::getPopupTypeClassPath($popupType);
110	+ if(file_exists($popupClassPath.$popupClassName.'.php')) {
111	require_once($popupClassPath.$popupClassName.'.php');
112	$popupClassName = __NAMESPACE__.'\\'.$popupClassName;
113	$popupClassName::create($popupData, '_preview', 1);

129	check_ajax_referer(SG_AJAX_NONCE, 'nonce');
130	$messageType = sanitize_text_field($_POST['messageType']);
131
132	+ if($messageType == 'count') {
133	$maxPopupCount = get_option('SGPBMaxOpenCount');
134	+ if(!$maxPopupCount) {
135	$maxPopupCount = SGPB_ASK_REVIEW_POPUP_COUNT;
136	}
137	$maxPopupData = AdminHelper::getMaxOpenPopupId();
138	+ if(!empty($maxPopupData['maxCount'])) {
139	$maxPopupCount = $maxPopupData['maxCount'];
140	}
141

145	}
146
147	$popupTimeZone = get_option('timezone_string');
148	+ if(!$popupTimeZone) {
149	$popupTimeZone = SG_POPUP_DEFAULT_TIME_ZONE;
150	}
151	$timeDate = new \DateTime('now', new \DateTimeZone($popupTimeZone));

168	$tableName = $wpdb->prefix.'sgpb_analytics';
169	$popupId = (int)$_POST['popupId'];
170	$allPopupsCount = get_option('SgpbCounter');
171	+ if($wpdb->get_var("SHOW TABLES LIKE '$tableName'") == $tableName) {
172	SGPopup::deleteAnalyticsDataByPopupId($popupId);
173	}
174	+ if(empty($allPopupsCount)) {
175	echo SGPB_AJAX_STATUS_FALSE;
176	wp_die();
177	}
178	+ if(isset($allPopupsCount[$popupId])) {
179	$allPopupsCount[$popupId] = 0;
180	}
181

230	{
231	check_ajax_referer(SG_AJAX_NONCE, 'nonce');
232
233	+ if(isset($_GET['sg_popup_preview_id']) && !isset($_POST['params'])) {
234	wp_die(0);
235	}
236
237	/* Sanitizing multidimensional array */
238	+ $popupParams = $_POST['params'];
239	+ array_walk($popupParams, 'sanitize_text_field');
240
241	+ $popupsIdCollection = is_array($popupParams['popupsIdCollection']) ? $popupParams['popupsIdCollection'] : array();
242	$popupsCounterData = get_option('SgpbCounter');
243
244	+ if($popupsCounterData === false) {
245	$popupsCounterData = array();
246	}
247
248	+ foreach($popupsIdCollection as $popupId => $popupCount) {
249	+ if(empty($popupsCounterData[$popupId])) {
250	+ $popupsCounterData[$popupId] = 0;
251	+ }
252	+ $popupsCounterData[$popupId] += $popupCount;
253	+ }
254
255	update_option('SgpbCounter', $popupsCounterData);
256	wp_die(1);

264
265	$subscribersId = array_map('sanitize_text_field', $_POST['subscribersId']);
266
267	+ foreach($subscribersId as $subscriberId) {
268	$prepareSql = $wpdb->prepare('DELETE FROM '.$wpdb->prefix.SGPB_SUBSCRIBERS_TABLE_NAME.' WHERE id = %d', $subscriberId);
269	$wpdb->query($prepareSql);
270	}

282	$date = date('Y-m-d');
283	$subscriptionPopupsId = array_map('sanitize_text_field', $_POST['popups']);
284
285	+ foreach($subscriptionPopupsId as $subscriptionPopupId) {
286	$selectSql = $wpdb->prepare('SELECT id FROM '.$wpdb->prefix.SGPB_SUBSCRIBERS_TABLE_NAME.' WHERE email = %s AND subscriptionType = %d', $email, $subscriptionPopupId);
287	$res = $wpdb->get_row($selectSql, ARRAY_A);
288	// add new subscriber
289	+ if(empty($res)) {
290	$sql = $wpdb->prepare('INSERT INTO '.$wpdb->prefix.SGPB_SUBSCRIBERS_TABLE_NAME.' (firstName, lastName, email, cDate, subscriptionType) VALUES (%s, %s, %s, %s, %d) ', $firstName, $lastName, $email, $date, $subscriptionPopupId);
291	$res = $wpdb->query($sql);
292	+ } // edit existing

293	else {
294	$sql = $wpdb->prepare('UPDATE '.$wpdb->prefix.SGPB_SUBSCRIBERS_TABLE_NAME.' SET firstName = %s, lastName = %s, email = %s, cDate = %s, subscriptionType = %d, unsubscribered = 0 WHERE id = %d', $firstName, $lastName, $email, $date, $subscriptionPopupId, $res['id']);
295	$wpdb->query($sql);
296	$res = 1;
297	}
298
299	+ if($res) {
300	$status = SGPB_AJAX_STATUS_TRUE;
301	}
302	}

319	wp_die();
320	}
321
322	+ public function importSettings()
323	+ {
324	+ check_ajax_referer(SG_AJAX_NONCE, 'nonce');
325	+ ob_start();
326	+ require_once SG_POPUP_VIEWS_PATH.'importPopupsView.php';
327	+ $content = ob_get_contents();
328	+ ob_end_clean();
329	+
330	+ echo $content;
331	+ wp_die();
332	+ }
333	+
334	public function saveImportedSubscribers()
335	{
336	check_ajax_referer(SG_AJAX_NONCE, 'nonce');

347	$subscriptionPlusContent = apply_filters('sgpbImportToSubscriptionList', $csvFileArray, $mapping, $formId);
348
349	// -1 it's mean saved from Subscription Plus
350	+ if($subscriptionPlusContent != -1) {
351	+ foreach($csvFileArray as $csvData) {
352	global $wpdb;
353	$subscribersTableName = $wpdb->prefix.SGPB_SUBSCRIBERS_TABLE_NAME;
354	$sql = $wpdb->prepare('SELECT submittedData FROM '.$subscribersTableName);
355	+ if(!empty($mapping['date'])) {
356	$date = $csvData[$mapping['date']];
357	$date = date('Y-m-d', strtotime($date));
358	}
359	+ if($sql) {
360	$sql = $wpdb->prepare('INSERT INTO '.$subscribersTableName.' (firstName, lastName, email, cDate, subscriptionType, status, unsubscribed) VALUES (%s, %s, %s, %s, %d, %d, %d) ', $csvData[$mapping['firstName']], $csvData[$mapping['lastName']], $csvData[$mapping['email']], $date, $formId, 0, 0);
361	+ } else {

362	$sql = $wpdb->prepare('INSERT INTO '.$subscribersTableName.' (firstName, lastName, email, cDate, subscriptionType, status, unsubscribed, submittedData) VALUES (%s, %s, %s, %s, %d, %d, %d, %s) ', $csvData[$mapping['firstName']], $csvData[$mapping['lastName']], $csvData[$mapping['email']], $csvData[$mapping['date']], $formId, 0, 0, '');
363	}
364

373	public function sendNewsletter()
374	{
375	$allowToAction = AdminHelper::userCanAccessTo();
376	+ if(!$allowToAction) {
377	wp_redirect(get_home_url());
378	exit();
379	}

381	global $wpdb;
382
383	$newsletterData = stripslashes_deep($_POST['newsletterData']);
384	+ if(isset($newsletterData['testSendingStatus']) && $newsletterData['testSendingStatus'] == 'test') {
385	AdminHelper::sendTestNewsletter($newsletterData);
386	}
387	$subscriptionFormId = (int)$newsletterData['subscriptionFormId'];

406
407	$remoteGet = wp_remote_get($url);
408
409	+ if(is_array($remoteGet) && !empty($remoteGet['headers']['x-frame-options'])) {
410	$siteUrl = esc_url($_POST['siteUrl']);
411	$xFrameOptions = $remoteGet['headers']['x-frame-options'];
412	$mayNotShow = false;
413
414	+ if($xFrameOptions == 'deny') {
415	$mayNotShow = true;
416	+ } else if($xFrameOptions == 'SAMEORIGIN') {
417	+ if(strpos($url, $siteUrl) === false) {

418	$mayNotShow = true;
419	}
420	+ } else {
421	+ if(strpos($xFrameOptions, $siteUrl) === false) {

422	$mayNotShow = true;;
423	}
424	}
425
426	+ if($mayNotShow) {
427	echo $status;
428	wp_die();
429	}
430	}
431
432	// $remoteGet['response']['code'] < 400 it's mean correct status
433	+ if(is_array($remoteGet) && isset($remoteGet['response']['code']) && $remoteGet['response']['code'] < 400) {
434	$status = SGPB_AJAX_STATUS_TRUE;
435	}
436
437	echo $status;
438	wp_die();
439	}
440	+
441	// proEndGold
442
443	public function changePopupStatus()

446	$obj = SGPopup::find($popupId);
447	$isDraft = '';
448	$postStatus = get_post_status($popupId);
449	+ if($postStatus == 'draft') {
450	$isDraft = '_preview';
451	}
452
453	+ if(!$obj \|\| !is_object($obj)) {
454	wp_die(SGPB_AJAX_STATUS_FALSE);
455	}
456	$options = $obj->getOptions();

471
472	parse_str($submissionData, $formData);
473
474	+ if(empty($formData)) {
475	echo SGPB_AJAX_STATUS_FALSE;
476	wp_die();
477	}

479	$hiddenChecker = sanitize_text_field($formData['sgpb-subs-hidden-checker']);
480
481	// this check is made to protect ourselves from bot
482	+ if(!empty($hiddenChecker)) {
483	echo 'Bot';
484	wp_die();
485	}

497	$list = $wpdb->get_row($getSubscriberQuery, ARRAY_A);
498
499	// When subscriber does not exist we insert to subscribers table otherwise we update user info
500	+ if(empty($list['id'])) {
501	$sql = $wpdb->prepare('INSERT INTO '.$subscribersTableName.' (firstName, lastName, email, cDate, subscriptionType) VALUES (%s, %s, %s, %s, %d) ', $firstName, $lastName, $email, $date, $popupPostId);
502	$res = $wpdb->query($sql);
503	+ } else {

504	$sql = $wpdb->prepare('UPDATE '.$subscribersTableName.' SET firstName = %s, lastName = %s, email = %s, cDate = %s, subscriptionType = %d WHERE id = %d', $firstName, $lastName, $email, $date, $popupPostId, $list['id']);
505	$wpdb->query($sql);
506	$res = 1;
507	}
508	+ if($res) {
509	$status = SGPB_AJAX_STATUS_TRUE;
510	}
511

514	}
515
516	public function sgpbSubsciptionFormSubmittedAction()
517	+ {
518	+ check_ajax_referer(SG_AJAX_NONCE, 'nonce');
519	+ $this->setPostData($_POST);
520	+
521	+ $submissionData = $this->getValueFromPost('formData');
522	+ $popupPostId = (int)$this->getValueFromPost('popupPostId');
523	+ parse_str($submissionData, $formData);
524	+ if(empty($_POST)) {
525	+ echo SGPB_AJAX_STATUS_FALSE;
526	+ wp_die();
527	+ }
528	+ $email = sanitize_email($_POST['emailValue']);
529	+ $firstName = sanitize_text_field($_POST['firstNameValue']);
530	+ $lastName = sanitize_text_field($_POST['lastNameValue']);
531	+ $userData = array(
532	+ 'email' => $email,
533	+ 'firstName' => $firstName,
534	+ 'lastName' => $lastName
535	+ );
536	+ $this->sendSuccessEmails($popupPostId, $userData);
537	+ do_action('sgpbProcessAfterSuccessfulSubmission', $popupPostId, $userData);
538	+ }
539
540	public function sendSuccessEmails($popupPostId, $subscriptionDetails)
541	{
542	global $wpdb;
543	$popup = SGPopup::find($popupPostId);
544
545	+ if(!is_object($popup)) {
546	return false;
547	}
548	$subscribersTableName = $wpdb->prefix.SGPB_SUBSCRIBERS_TABLE_NAME;

556	$adminEmail = get_option('admin_email');
557	$userData = @get_user_by('email', $adminEmail);
558
559	+ if(!empty($userData)) {
560	$adminUserName = $userData->display_name;
561	}
562
563	$newSubscriberEmailHeader = AdminHelper::getEmailHeader($adminEmail);
564	$takeReviewAfterFirstSubscription = get_option('sgpb-new-subscriber');
565
566	+ if($count['countIds'] == 1 && !$takeReviewAfterFirstSubscription) {
567	// take review
568	update_option('sgpb-new-subscriber', 1);
569	$newSubscriberEmailTitle = __('Congrats! You have already 1 subscriber!', SG_POPUP_TEXT_DOMAIN);

581	$search = sanitize_text_field($_POST['searchTerm']);
582	$searchResults = $this->selectFromPost($postTypeName, $search);
583
584	+ if(isset($_POST['searchCallback'])) {
585	$searchCallback = sanitize_text_field($_POST['searchCallback']);
586	$searchResults = apply_filters('sgpbSearchAdditionalData', $search, array());
587	}
588
589	+ if(empty($searchResults)) {
590	$results['items'] = array();
591	}
592
593	/Selected custom post type convert for select2 format/
594	+ foreach($searchResults as $id => $name) {
595	$results['items'][] = array(
596	'id' => $id,
597	'text' => $name

604
605	private function selectFromPost($postTypeName, $search)
606	{
607	+ $args = array(
608	's' => $search,
609	+ 'post__in' => !empty($_REQUEST['include']) ? array_map('intval', $_REQUEST['include']) : null,
610	+ 'page' => !empty($_REQUEST['page']) ? absint($_REQUEST['page']) : null,
611	'posts_per_page' => 100,
612	'post_type' => $postTypeName
613	);

675	$paramName = sanitize_text_field($_POST['paramName']);
676
677	$savedData = array(
678	+ 'param' => $paramName
679	);
680
681	+ if($targetType == 'target' \|\| $targetType == 'conditions') {
682	$savedData['operator'] = '==';
683	+ } else if($conditionConfig['specialDefaultOperator']) {

684	$savedData['operator'] = $paramName;
685	}
686
687	+ if(!empty($_POST['paramValue'])) {
688	$savedData['tempParam'] = sanitize_text_field($_POST['paramValue']);
689	$savedData['operator'] = $paramName;
690	}
691	// change operator value related to condition value
692	+ if(!empty($conditionConfig['operatorAllowInConditions']) && in_array($paramName, $conditionConfig['operatorAllowInConditions'])) {
693	$conditionConfig['paramsData']['operator'] = array();
694
695	+ if(!empty($conditionConfig['paramsData'][$paramName.'Operator'])) {
696	$operatorData = $conditionConfig['paramsData'][$paramName.'Operator'];
697	$SGPB_DATA_CONFIG_ARRAY[$targetType]['paramsData']['operator'] = $operatorData;
698	// change take value related to condition value
699	$operatorDataKeys = array_keys($operatorData);
700	+ if(!empty($operatorDataKeys[0])) {
701	$savedData['operator'] = $operatorDataKeys[0];
702	$builderObj->setTakeValueFrom('operator');
703	}

com/classes/ConditionCreator.php CHANGED Viewed

	@@ -81,8 +81,8 @@ class ConditionCreator
81	{
82	ob_start();
83	?>
84	- <div class="sg-target-rule sg-target-rule-<?php echo $conditionDataObj->getRuleId(); ?> sgpb-event-row" data-rule-id="<?php echo $conditionDataObj->getRuleId(); ?>">
85	- <div class="~~row~~">
86	<?php
87	$savedData = $conditionDataObj->getSavedData();
88
	@@ -105,7 +105,7 @@ class ConditionCreator
105	$showRowStatusClass = ($hideStatus) ? 'sg-hide-condition-row' : $showRowStatusClass;
106	?>
107	<?php if ($conditionName != 'hiddenOption'): ?>
108	- <div data-condition-name="<?php echo $conditionName;?>" class="<?php echo '~~col-sm-3~~ sg-condition-'.$conditionName.'-wrapper'.' '.$showRowStatusClass; ?>">
109	<?php
110	if (!$hideStatus) {
111	echo self::createConditionElement($conditionDataObj, $conditionName);
	@@ -193,6 +193,7 @@ class ConditionCreator
193	$operatorsData = $conditionData['operators'];
194	$eventButtonClasses = '';
195	$eventButtonWrapperClass = '';

196
197	if (empty($operatorsData)) {
198	return $operatorsHtml;
	@@ -208,30 +209,35 @@ class ConditionCreator
208	if (empty($saveData['hiddenOption']) && $operator['name'] == 'Edit' && $saveData["param"] != 'load') {
209	continue;
210	}




211	if ($operator['operator'] == 'edit') {


212	$identificatorClass = $idHiddenDiv;
213	- $eventButtonClasses = '~~btn btn~~-~~success btn~~-xs';
214	- $eventButtonWrapperClass = 'col-sm-2 ';
215	}
216	if ($operator['operator'] == 'add') {
217	- $~~eventButtonClasses~~ = '~~btn btn-primary btn-xs~~';
218	- $~~eventButtonWrapperClass~~ = '~~col-sm-2~~ ';
219	- $~~style~~ = '';
220	//Don't show add button if it's not for last element
221	if ($groupId < $groupTotal) {
222	$style = 'style="display: none;"';
223	}
224	}
225	if ($operator['operator'] == 'delete') {
226	- $~~eventButtonClasses~~ = '~~btn btn-danger btn-xs~~';
227	- $~~eventButtonWrapperClass~~ = '~~col-sm-1~~ ';
228	- }
229	- if ($operator['name'] == 'Edit') {
230	- $operator['name'] = 'Settings';
231	}
232
233	- $~~operatorsHtml~~ .= '<~~div~~ class="'.$~~eventButtonWrapperClass~~.'sg-~~rules-~~'.$~~operator['operator']~~.'~~-button-wrapper sgpb-static-padding-top~~" '.$~~style~~.'>';
234	- $operatorsHtml .= '<a href="javascript:void(0)" class="sg-rules-'.$operator['operator'].'-rule '.$eventButtonClasses.'" data-id="'.$identificatorClass.'"><span>'.__(' '.$operator['name'], SG_POPUP_TEXT_DOMAIN).'</span></a>';


235	$operatorsHtml .= '</div>';
236	}
237
	@@ -328,9 +334,9 @@ class ConditionCreator
328	}
329
330	// if exists customOperator it takes the custom one
331	- if ($ruleName == 'operator' && !empty($paramsData['customOperator'])) {
332	- $data = $paramsData['customOperator'];
333	- }
334
335	$optionAttr = array();
336	if (!empty($attrs[$ruleName])) {
	@@ -470,11 +476,13 @@ class ConditionCreator
470	}
471	}
472	if (isset($optionAttrs['infoAttrs']['info']) && $optionAttrs['infoAttrs']['info']) {
473	- $info .= '<~~span~~ class="~~dashicons dashicons~~-~~editor-help~~ sgpb-info-icon ~~sgpb-info-icon-align~~"~~></span~~>';
474	- $info .= '<~~span~~ class="~~infoSelectRepeat samefontStyle~~ sgpb-info-~~text~~">~~'.$optionAttrs['infoAttrs']['info'].'</span>';~~


475	}
476
477	- return "<~~label~~ $labelAttributes>$optionTitle</~~label~~>$info";
478	}
479
480	public static function getHiddenDataContent($conditionDataObj)
	@@ -495,7 +503,7 @@ class ConditionCreator
495	ob_start();
496	?>
497
498	- <div class="sgpb-wrapper">
499	<div class="tab">
500	<?php
501	$activeTab = '';
	@@ -515,8 +523,8 @@ class ConditionCreator
515	</div>
516	<?php echo self::createHiddenFields($hiddenOptionsData, $conditionDataObj, $ruleId); ?>
517	<div class="modal-footer">
518	- <button type="button" class="sgpb-no-button events-option-close btn ~~btn~~-~~default~~ btn-sm" href="#"><?php _e('Cancel', SG_POPUP_TEXT_DOMAIN); ?></button>
519	- <button class="btn ~~btn~~-~~primary~~ btn-sm sgpb-popup-option-save"><?php _e('Save', SG_POPUP_TEXT_DOMAIN); ?></button>
520	</div>
521	</div>
522	<?php
	@@ -541,7 +549,7 @@ class ConditionCreator
541	$colMdValue = 2;
542	}
543	?>
544	- <div class="row form-group">
545	<div class="col-md-6">
546	<?php echo self::createConditionFieldHeader($conditionDataObj, $name); ?>
547	</div>


81	{
82	ob_start();
83	?>
84	+ <div class="events form sg-target-rule sgpb-margin-bottom-40 sg-target-rule-<?php echo $conditionDataObj->getRuleId(); ?> sgpb-event-row" data-rule-id="<?php echo $conditionDataObj->getRuleId(); ?>">
85	+ <div class="formItem sgpb-align-item-start">
86	<?php
87	$savedData = $conditionDataObj->getSavedData();
88

105	$showRowStatusClass = ($hideStatus) ? 'sg-hide-condition-row' : $showRowStatusClass;
106	?>
107	<?php if ($conditionName != 'hiddenOption'): ?>
108	+ <div data-condition-name="<?php echo $conditionName;?>" class="<?php echo 'inputBlock sg-condition-'.$conditionName.'-wrapper'.' '.$showRowStatusClass; ?>">
109	<?php
110	if (!$hideStatus) {
111	echo self::createConditionElement($conditionDataObj, $conditionName);

193	$operatorsData = $conditionData['operators'];
194	$eventButtonClasses = '';
195	$eventButtonWrapperClass = '';
196	+ $icon = '';
197
198	if (empty($operatorsData)) {
199	return $operatorsHtml;

209	if (empty($saveData['hiddenOption']) && $operator['name'] == 'Edit' && $saveData["param"] != 'load') {
210	continue;
211	}
212	+ if ($operator['name'] == 'Edit') {
213	+ $operator['name'] = 'Settings';
214	+ }
215	+
216	if ($operator['operator'] == 'edit') {
217	+ $icon = 'D';
218	+ $btnClass = ' icons_gray';
219	$identificatorClass = $idHiddenDiv;
220	+ $eventButtonClasses = 'sg-rules-'.$operator['operator'].'-rule ';

221	}
222	if ($operator['operator'] == 'add') {
223	+ $icon = 'L';
224	+ $btnClass = ' icons_blue';
225	+ $eventButtonClasses = 'sg-rules-'.$operator['operator'].'-rule ';
226	//Don't show add button if it's not for last element
227	if ($groupId < $groupTotal) {
228	$style = 'style="display: none;"';
229	}
230	}
231	if ($operator['operator'] == 'delete') {
232	+ $icon = 'I';
233	+ $btnClass = ' icons_pink';
234	+ $eventButtonClasses = 'sg-rules-'.$operator['operator'].'-rule ';


235	}
236
237	+ $element = '<i class="sgpb-icons '.$btnClass.'" data-id="'.$identificatorClass.'">'.$icon.'</i>';
238	+
239	+ $operatorsHtml .= '<div class="'.$eventButtonClasses.' sg-rules-'.$operator['operator'].'-button-wrapper" '.$style.'>';
240	+ $operatorsHtml .= $element;
241	$operatorsHtml .= '</div>';
242	}
243

334	}
335
336	// if exists customOperator it takes the custom one
337	+ if ($ruleName == 'operator' && !empty($paramsData['customOperator'])) {
338	+ $data = $paramsData['customOperator'];
339	+ }
340
341	$optionAttr = array();
342	if (!empty($attrs[$ruleName])) {

476	}
477	}
478	if (isset($optionAttrs['infoAttrs']['info']) && $optionAttrs['infoAttrs']['info']) {
479	+ $info = '<div class="question-mark sgpb-info-icon">B</div>';
480	+ $info .= '<div class="sgpb-info-wrapper">
481	+ <span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">'.$optionAttrs['infoAttrs']['info'].'</span>
482	+ </div>';
483	}
484
485	+ return "<div class=\"sgpb-display-flex text\"><span class=\"inputBlock__title\" $labelAttributes>$optionTitle</span>$info</div>";
486	}
487
488	public static function getHiddenDataContent($conditionDataObj)

503	ob_start();
504	?>
505
506	+ <div class="sgpb sgpb-wrapper">
507	<div class="tab">
508	<?php
509	$activeTab = '';

523	</div>
524	<?php echo self::createHiddenFields($hiddenOptionsData, $conditionDataObj, $ruleId); ?>
525	<div class="modal-footer">
526	+ <button type="button" class="sgpb-no-button events-option-close sgpb-modal-cancel sgpb-btn sgpb-btn-gray-light" href="#"><?php _e('Cancel', SG_POPUP_TEXT_DOMAIN); ?></button>
527	+ <button class="sgpb-btn sgpb-btn-blue sgpb-popup-option-save"><?php _e('Save', SG_POPUP_TEXT_DOMAIN); ?></button>
528	</div>
529	</div>
530	<?php

549	$colMdValue = 2;
550	}
551	?>
552	+ <div class="row form-group formItem sgpb-margin-y-10">
553	<div class="col-md-6">
554	<?php echo self::createConditionFieldHeader($conditionDataObj, $name); ?>
555	</div>

com/classes/Feedback.php CHANGED Viewed

	@@ -85,7 +85,7 @@ class SGPBFeedback
85	<div id="sgpb-feedback-popup">
86	<div class="sgpb-feedback-popup-wrapper">
87	<div class="sgpb-wrapper">
88	- <div class="row sgpb-feedback-popup-header">
89	<div class="col-sm-3 sgpb-add-subscriber-header-column">
90	<h4>
91	<?php _e('Quick Feedback', SG_POPUP_TEXT_DOMAIN)?>


85	<div id="sgpb-feedback-popup">
86	<div class="sgpb-feedback-popup-wrapper">
87	<div class="sgpb-wrapper">
88	+ <div class="row sgpb-feedback-popup-header sgpb-position-relative">
89	<div class="col-sm-3 sgpb-add-subscriber-header-column">
90	<h4>
91	<?php _e('Quick Feedback', SG_POPUP_TEXT_DOMAIN)?>

com/classes/Filters.php CHANGED Viewed

	@@ -413,23 +413,34 @@ class Filters
413	$otherConditionsProLabel .= '<a href="'.SG_POPUP_SCHEDULING_URL.'" target="_blank" class="sgpb-pro-label-metabox">';
414	$otherConditionsProLabel .= __('UNLOCK OPTION', SG_POPUP_TEXT_DOMAIN).'</a>';
415	}








416	$metaboxes['targetMetaboxView'] = array(
417	'key' => 'targetMetaboxView',
418	- 'displayName' => '~~Popup~~ Display Rules',

419	'filePath' => SG_POPUP_VIEWS_PATH.'targetView.php',
420	'priority' => 'high'
421	);
422
423	$metaboxes['eventsMetaboxView'] = array(
424	'key' => 'eventsMetaboxView',
425	- 'displayName' => '~~Popup~~ Events',

426	'filePath' => SG_POPUP_VIEWS_PATH.'eventsView.php',
427	'priority' => 'high'
428	);
429
430	$metaboxes['conditionsMetaboxView'] = array(
431	'key' => 'conditionsMetaboxView',
432	- 'displayName' => '~~Popup~~ Conditions',

433	'filePath' => SG_POPUP_VIEWS_PATH.'conditionsView.php',
434	'priority' => 'high'
435	);
	@@ -437,6 +448,7 @@ class Filters
437	$metaboxes['behaviorAfterSpecialEventsMetaboxView'] = array(
438	'key' => 'behaviorAfterSpecialEventsMetaboxView',
439	'displayName' => 'Behavior After Special Events',

440	'filePath' => SG_POPUP_VIEWS_PATH.'behaviorAfterSpecialEventsView.php',
441	'priority' => 'high'
442	);
	@@ -444,48 +456,47 @@ class Filters
444	$metaboxes['popupDesignMetaBoxView'] = array(
445	'key' => 'popupDesignMetaBoxView',
446	'displayName' => 'Design',

447	'filePath' => SG_POPUP_VIEWS_PATH.'popupDesignView.php',
448	'priority' => 'high'
449	);
450
451	$metaboxes['closeSettings'] = array(
452	'key' => 'closeSettings',
453	- 'displayName' => '~~Close Settings~~',

454	'filePath' => SG_POPUP_VIEWS_PATH.'closeSettingsView.php',
455	'priority' => 'high'
456	);
457
458	- $metaboxes['~~spgdimension~~'] = array(
459	- 'key' => '~~spgdimension~~',
460	'displayName' => 'Dimensions',

461	'filePath' => SG_POPUP_VIEWS_PATH.'dimensionsView.php',
462	'priority' => 'high'
463	);
464
465	$metaboxes['optionsMetaboxView'] = array(
466	'key' => 'optionsMetaboxView',
467	- 'displayName' => '~~Popup Options~~',

468	'filePath' => SG_POPUP_VIEWS_PATH.'optionsView.php',
469	'priority' => 'high'
470	);
471
472	$metaboxes['otherConditionsMetaBoxView'] = array(
473	'key' => 'otherConditionsMetaBoxView',
474	- 'displayName' => '~~Popup Additional Conditions~~'.$otherConditionsProLabel,

475	'filePath' => SG_POPUP_VIEWS_PATH.'otherConditionsView.php',
476	'priority' => 'high'
477	);
478
479	- $metaboxes['customCssJs'] = array(
480	- 'key' => 'customCssJs',
481	- 'displayName' => 'Custom JS or CSS',
482	- 'filePath' => SG_POPUP_VIEWS_PATH.'customEditor.php',
483	- 'priority' => 'low'
484	- );
485	-
486	$metaboxes['floatingButton'] = array(
487	'key' => 'floatingButton',
488	'displayName' => 'Floating Button',

489	'filePath' => SG_POPUP_VIEWS_PATH.'floatingButton.php',
490	'context' => 'side',
491	'priority' => 'high'
	@@ -493,12 +504,23 @@ class Filters
493
494	$metaboxes['popupOpeningCounter'] = array(
495	'key' => 'popupOpeningCounter',
496	- 'displayName' => '~~Popup statistics~~',

497	'filePath' => SG_POPUP_VIEWS_PATH.'popupOpeningCounter.php',
498	'context' => 'side',
499	'priority' => 'low'
500	);
501










502	return $metaboxes;
503	}
504
	@@ -765,10 +787,17 @@ class Filters
765
766	$additionalItems = array();
767	$additionalItems['counter'] = __('Views', SG_POPUP_TEXT_DOMAIN);
768	- $additionalItems['onOff'] = __('~~Enabled (show popup)~~', SG_POPUP_TEXT_DOMAIN);






769	$additionalItems['type'] = __('Type', SG_POPUP_TEXT_DOMAIN);
770	$additionalItems['shortcode'] = __('Shortcode', SG_POPUP_TEXT_DOMAIN);
771	$additionalItems['className'] = __('Class', SG_POPUP_TEXT_DOMAIN);

772
773	return $columns + $additionalItems;
774	}
	@@ -787,43 +816,15 @@ class Filters
787	unset($actions['inline hide-if-no-js']);
788	// remove view link
789	unset($actions['view']);

790
791	- $actions['clone'] = '<a href="'.$~~this->popupGetClonePostLink($post->ID , 'display', false)~~.'" title="';
792	$actions['clone'] .= esc_attr__("Clone this item", SG_POPUP_TEXT_DOMAIN);
793	$actions['clone'] .= '">'. esc_html__('Clone', SG_POPUP_TEXT_DOMAIN).'</a>';
794
795	return $actions;
796	}
797
798	- /**
799	- * Retrieve duplicate post link for post.
800	- *
801	- * @param int $id Optional. Post ID.
802	- * @param string $context Optional, default to display. How to write the '&', defaults to '&'.
803	- * @return string
804	- */
805	- public function popupGetClonePostLink($id = 0, $context = 'display')
806	- {
807	- if (!$post = get_post($id)) {
808	- return;
809	- }
810	- $actionName = "popupSaveAsNew";
811	-
812	- if ('display' == $context) {
813	- $action = '?action='.$actionName.'&post='.$post->ID;
814	- } else {
815	- $action = '?action='.$actionName.'&post='.$post->ID;
816	- }
817	-
818	- $postTypeObject = get_post_type_object($post->post_type);
819	-
820	- if (!$postTypeObject) {
821	- return;
822	- }
823	-
824	- return wp_nonce_url(apply_filters('popupGetClonePostLink', admin_url("admin.php".$action), $post->ID, $context), 'duplicate-post_' . $post->ID);
825	- }
826	-
827	/* media button scripts */
828	public function adminJsFilter($jsFiles)
829	{
	@@ -862,6 +863,8 @@ class Filters
862	$cssFiles[] = array('folderUrl' => SG_POPUP_CSS_URL, 'filename' => 'sgbp-bootstrap.css', 'dep' => array(), 'ver' => SG_POPUP_VERSION, 'inFooter' => false);
863	$cssFiles[] = array('folderUrl' => SG_POPUP_CSS_URL, 'filename' => 'select2.min.css', 'dep' => array(), 'ver' => SG_POPUP_VERSION, 'inFooter' => false);
864	$cssFiles[] = array('folderUrl' => SG_POPUP_CSS_URL, 'filename' => 'popupAdminStyles.css', 'dep' => array(), 'ver' => SG_POPUP_VERSION, 'inFooter' => false);


865
866	return $cssFiles;
867	}


413	$otherConditionsProLabel .= '<a href="'.SG_POPUP_SCHEDULING_URL.'" target="_blank" class="sgpb-pro-label-metabox">';
414	$otherConditionsProLabel .= __('UNLOCK OPTION', SG_POPUP_TEXT_DOMAIN).'</a>';
415	}
416	+ $metaboxes['allMetaboxesView'] = array(
417	+ 'key' => 'allMetaboxesView',
418	+ 'displayName' => 'Main Options',
419	+ 'short_description' => 'main options',
420	+ 'filePath' => SG_POPUP_VIEWS_PATH.'allMetaboxesView.php',
421	+ 'priority' => 'high'
422	+ );
423	+
424	$metaboxes['targetMetaboxView'] = array(
425	'key' => 'targetMetaboxView',
426	+ 'displayName' => 'Display Rules',
427	+ 'short_description' => 'Select where on the website to trigger the popup',
428	'filePath' => SG_POPUP_VIEWS_PATH.'targetView.php',
429	'priority' => 'high'
430	);
431
432	$metaboxes['eventsMetaboxView'] = array(
433	'key' => 'eventsMetaboxView',
434	+ 'displayName' => 'Events',
435	+ 'short_description' => 'Select the specific actions that will trigger the popup, default event is on load',
436	'filePath' => SG_POPUP_VIEWS_PATH.'eventsView.php',
437	'priority' => 'high'
438	);
439
440	$metaboxes['conditionsMetaboxView'] = array(
441	'key' => 'conditionsMetaboxView',
442	+ 'displayName' => 'Conditions',
443	+ 'short_description' => 'Select advanced conditions for more professional targeting',
444	'filePath' => SG_POPUP_VIEWS_PATH.'conditionsView.php',
445	'priority' => 'high'
446	);

448	$metaboxes['behaviorAfterSpecialEventsMetaboxView'] = array(
449	'key' => 'behaviorAfterSpecialEventsMetaboxView',
450	'displayName' => 'Behavior After Special Events',
451	+ 'short_description' => 'Select special events that will trigger the popup',
452	'filePath' => SG_POPUP_VIEWS_PATH.'behaviorAfterSpecialEventsView.php',
453	'priority' => 'high'
454	);

456	$metaboxes['popupDesignMetaBoxView'] = array(
457	'key' => 'popupDesignMetaBoxView',
458	'displayName' => 'Design',
459	+ 'short_description' => 'Customize design, background and overlay of the popup',
460	'filePath' => SG_POPUP_VIEWS_PATH.'popupDesignView.php',
461	'priority' => 'high'
462	);
463
464	$metaboxes['closeSettings'] = array(
465	'key' => 'closeSettings',
466	+ 'displayName' => 'Closing',
467	+ 'short_description' => 'Select the desired popup closing method, customize close button',
468	'filePath' => SG_POPUP_VIEWS_PATH.'closeSettingsView.php',
469	'priority' => 'high'
470	);
471
472	+ $metaboxes['dimensions'] = array(
473	+ 'key' => 'dimensions',
474	'displayName' => 'Dimensions',
475	+ 'short_description' => 'Make your popup mobile friendly and responsive for all devices',
476	'filePath' => SG_POPUP_VIEWS_PATH.'dimensionsView.php',
477	'priority' => 'high'
478	);
479
480	$metaboxes['optionsMetaboxView'] = array(
481	'key' => 'optionsMetaboxView',
482	+ 'displayName' => 'Advanced',
483	+ 'short_description' => 'Use advanced features for popup animations, opening and closing actions',
484	'filePath' => SG_POPUP_VIEWS_PATH.'optionsView.php',
485	'priority' => 'high'
486	);
487
488	$metaboxes['otherConditionsMetaBoxView'] = array(
489	'key' => 'otherConditionsMetaBoxView',
490	+ 'displayName' => 'Scheduling'.$otherConditionsProLabel,
491	+ 'short_description' => 'Schedule your popup for a particular day or for a selected timeframe',
492	'filePath' => SG_POPUP_VIEWS_PATH.'otherConditionsView.php',
493	'priority' => 'high'
494	);
495







496	$metaboxes['floatingButton'] = array(
497	'key' => 'floatingButton',
498	'displayName' => 'Floating Button',
499	+ 'short_description' => 'Set the popup to appear on a scrollable call to action button',
500	'filePath' => SG_POPUP_VIEWS_PATH.'floatingButton.php',
501	'context' => 'side',
502	'priority' => 'high'

504
505	$metaboxes['popupOpeningCounter'] = array(
506	'key' => 'popupOpeningCounter',
507	+ 'displayName' => 'Statistics',
508	+ 'short_description' => 'Enable or disable the counts of the popup',
509	'filePath' => SG_POPUP_VIEWS_PATH.'popupOpeningCounter.php',
510	'context' => 'side',
511	'priority' => 'low'
512	);
513
514	+ $metaboxes['customCssJs'] = array(
515	+ 'key' => 'customCssJs',
516	+ 'displayName' => 'Custom JS or CSS',
517	+ 'short_description' => 'Add custom JS and/or CSS code for extra control',
518	+ 'filePath' => SG_POPUP_VIEWS_PATH.'customEditor.php',
519	+ 'priority' => 'low'
520	+ );
521	+
522	+ $metaboxes = apply_filters('sgpbPopupTypeMainViewMetaboxes', $metaboxes);
523	+
524	return $metaboxes;
525	}
526

787
788	$additionalItems = array();
789	$additionalItems['counter'] = __('Views', SG_POPUP_TEXT_DOMAIN);
790	+ $additionalItems['onOff'] = __('Status', SG_POPUP_TEXT_DOMAIN);
791	+ $filterColumnsDisplaySettings = apply_filters('sgpbAddRandomColumnIntoAllPopupsViewTable', $additionalItems);
792	+
793	+ if (isset($filterColumnsDisplaySettings['sgpbIsRandomEnabled'])){
794	+ $additionalItems = $filterColumnsDisplaySettings;
795	+ }
796	+
797	$additionalItems['type'] = __('Type', SG_POPUP_TEXT_DOMAIN);
798	$additionalItems['shortcode'] = __('Shortcode', SG_POPUP_TEXT_DOMAIN);
799	$additionalItems['className'] = __('Class', SG_POPUP_TEXT_DOMAIN);
800	+ $additionalItems['options'] = __('Actions', SG_POPUP_TEXT_DOMAIN);
801
802	return $columns + $additionalItems;
803	}

816	unset($actions['inline hide-if-no-js']);
817	// remove view link
818	unset($actions['view']);
819	+ $url = AdminHelper::popupGetClonePostLink($post->ID , 'display', false);
820
821	+ $actions['clone'] = '<a href="'.$url.'" title="';
822	$actions['clone'] .= esc_attr__("Clone this item", SG_POPUP_TEXT_DOMAIN);
823	$actions['clone'] .= '">'. esc_html__('Clone', SG_POPUP_TEXT_DOMAIN).'</a>';
824
825	return $actions;
826	}
827





























828	/* media button scripts */
829	public function adminJsFilter($jsFiles)
830	{

863	$cssFiles[] = array('folderUrl' => SG_POPUP_CSS_URL, 'filename' => 'sgbp-bootstrap.css', 'dep' => array(), 'ver' => SG_POPUP_VERSION, 'inFooter' => false);
864	$cssFiles[] = array('folderUrl' => SG_POPUP_CSS_URL, 'filename' => 'select2.min.css', 'dep' => array(), 'ver' => SG_POPUP_VERSION, 'inFooter' => false);
865	$cssFiles[] = array('folderUrl' => SG_POPUP_CSS_URL, 'filename' => 'popupAdminStyles.css', 'dep' => array(), 'ver' => SG_POPUP_VERSION, 'inFooter' => false);
866	+ $cssFiles[] = array('folderUrl' => SG_POPUP_CSS_URL, 'filename' => 'popupAdminStyles.css', 'dep' => array(), 'ver' => SG_POPUP_VERSION, 'inFooter' => false);
867	+ $cssFiles[] = array('folderUrl' => SG_POPUP_CSS_URL, 'filename' => 'newDesignFromBuild.css', 'dep' => array(), 'ver' => rand(1, 10000), 'inFooter' => false);
868
869	return $cssFiles;
870	}

com/classes/RegisterPostType.php CHANGED Viewed

@@ -97,7 +97,7 @@ class RegisterPostType
             			'edit_item'          => __('Edit Popup', SG_POPUP_TEXT_DOMAIN),
             			'view_item'          => __('View Popup', SG_POPUP_TEXT_DOMAIN),
             			'all_items'          => __('All Popups', SG_POPUP_TEXT_DOMAIN),
-            -
            			'search_items'       => __('Search Popups', SG_POPUP_TEXT_DOMAIN),
             			'parent_item_colon'  => __('Parent Popups:', SG_POPUP_TEXT_DOMAIN),
             			'not_found'          => __('No popups found.', SG_POPUP_TEXT_DOMAIN),
             			'not_found_in_trash' => __('No popups found in Trash.', SG_POPUP_TEXT_DOMAIN)
@@ -106,48 +106,6 @@ class RegisterPostType
             		return $labels;
+            	}
-            -
            	public function registerTaxonomy()
-            -
            	{
-            -
            		$labels = array(
-            -
            			'name'                       => _x('Categories', 'taxonomy general name', SG_POPUP_TEXT_DOMAIN),
-            -
            			'singular_name'              => _x('Categories', 'taxonomy singular name', SG_POPUP_TEXT_DOMAIN),
-            -
            			'search_items'               => __('Search Categories', SG_POPUP_TEXT_DOMAIN),
-            -
            			'popular_items'              => __('Popular Categories', SG_POPUP_TEXT_DOMAIN),
-            -
            			'all_items'                  => __('All Categories', SG_POPUP_TEXT_DOMAIN),
-            -
            			'parent_item'                => null,
-            -
            			'parent_item_colon'          => null,
-            -
            			'edit_item'                  => __('Edit Category', SG_POPUP_TEXT_DOMAIN),
-            -
            			'update_item'                => __('Update Category', SG_POPUP_TEXT_DOMAIN),
-            -
            			'add_new_item'               => __('Add New Category', SG_POPUP_TEXT_DOMAIN),
-            -
            			'new_item_name'              => __('New Category Name', SG_POPUP_TEXT_DOMAIN),
-            -
            			'separate_items_with_commas' => __('Separate Categories with commas', SG_POPUP_TEXT_DOMAIN),
-            -
            			'add_or_remove_items'        => __('Add or remove Categories', SG_POPUP_TEXT_DOMAIN),
-            -
            			'choose_from_most_used'      => __('Choose from the most used Categories', SG_POPUP_TEXT_DOMAIN),
-            -
            			'not_found'                  => __('No Categories found.', SG_POPUP_TEXT_DOMAIN),
-            -
            			'menu_name'                  => __('Categories', SG_POPUP_TEXT_DOMAIN),
-            -
            		);
-            -
-            -
            		$args = array(
-            -
            			'hierarchical'          => true,
-            -
            			'labels'                => $labels,
-            -
            			'show_ui'               => true,
-            -
            			'show_admin_column'     => true,
-            -
            			'sort'                  => 12,
-            -
            			'update_count_callback' => '_update_post_term_count',
-            -
            			'query_var'             => true,
-            -
            			'show_in_rest'          => true,
-            -
            			'capabilities' => array(
-            -
            				'manage_terms' => 'manage_popup_categories_terms',
-            -
            				'edit_terms' => 'manage_popup_categories_terms',
-            -
            				'assign_terms' => 'manage_popup_categories_terms',
-            -
            				'delete_terms' => 'manage_popup_categories_terms'
-            -
            			)
-            -
            		);
-            -
-            -
            		register_taxonomy(SG_POPUP_CATEGORY_TAXONOMY, SG_POPUP_POST_TYPE, $args);
-            -
            		register_taxonomy_for_object_type(SG_POPUP_CATEGORY_TAXONOMY, SG_POPUP_POST_TYPE);
-            -
            	}
-            -
             	public function postTypeSupportForPopupTypes($supports)
+            	{
             		$popupType = $this->getPopupTypeName();
@@ -178,7 +136,6 @@ class RegisterPostType
             		register_post_type($postType, $args);
             		$this->createPopupObjFromPopupType();
-            -
            		$this->registerTaxonomy();
+            	}
             	private function createPopupObjFromPopupType()
@@ -259,10 +216,12 @@ class RegisterPostType
             		$popupTypeViewData = $popupTypeObj->getPopupTypeOptionsView();
             		if (!empty($popupTypeMainView)) {
-            -
            			add_action('add_meta_boxes', array($this, 'popupTypeMain'));
+            		}
             		if (!empty($popupTypeViewData)) {
-            -
            			add_action('add_meta_boxes', array($this, 'popupTypeOptions'));
+            		}
             		if ($popupType == 'subscription') {
             			add_action('add_meta_boxes', array($this, 'rightBannerMetabox'));
@@ -286,6 +245,25 @@ class RegisterPostType
             		);
+            	}
             	public function popupTypeMain()
+            	{
             		$popupTypeObj = $this->getPopupTypeObj();
@@ -300,6 +278,24 @@ class RegisterPostType
             		);
+            	}
             	public function popupTypeOptions()
+            	{
             		$popupTypeObj = $this->getPopupTypeObj();
@@ -388,7 +384,7 @@ class RegisterPostType
+            	{
             		add_meta_box(
             			'optionsMetaboxView',
-            -
            			__('Popup Options', SG_POPUP_TEXT_DOMAIN),
             			array($this, 'optionsMetaboxView'),
             			SG_POPUP_POST_TYPE,
             			'normal',
@@ -404,33 +400,26 @@ class RegisterPostType
             			return false;
+            		}
-            -
            		foreach ($additionalMetaboxes as $additionalMetabox) {
-            -
            			if (empty($additionalMetabox)) {
-            -
            				continue;
-            -
            			}
-            -
            			$context = 'normal';
-            -
            			$priority = 'low';
-            -
            			$filepath = $additionalMetabox['filePath'];
-            -
            			$popupTypeObj = $this->getPopupTypeObj();
-            -
            			if (!empty($additionalMetabox['context'])) {
-            -
            				$context = $additionalMetabox['context'];
-            -
            			}
-            -
            			if (!empty($additionalMetabox['priority'])) {
-            -
            				$priority = $additionalMetabox['priority'];
-            -
            			}
-            -
            			add_meta_box(
-            -
            				$additionalMetabox['key'],
-            -
            				__($additionalMetabox['displayName'], SG_POPUP_TEXT_DOMAIN),
-            -
            				function() use ($filepath, $popupTypeObj) {
-            -
            					require_once $filepath;
-            -
            				},
-            -
            				SG_POPUP_POST_TYPE,
-            -
            				$context,
-            -
            				$priority
-            -
            			);
-            -
            		}
             		return true;
+            	}


97	'edit_item' => __('Edit Popup', SG_POPUP_TEXT_DOMAIN),
98	'view_item' => __('View Popup', SG_POPUP_TEXT_DOMAIN),
99	'all_items' => __('All Popups', SG_POPUP_TEXT_DOMAIN),
100	+ 'search_items' => __('Search', SG_POPUP_TEXT_DOMAIN),
101	'parent_item_colon' => __('Parent Popups:', SG_POPUP_TEXT_DOMAIN),
102	'not_found' => __('No popups found.', SG_POPUP_TEXT_DOMAIN),
103	'not_found_in_trash' => __('No popups found in Trash.', SG_POPUP_TEXT_DOMAIN)

106	return $labels;
107	}
108










































109	public function postTypeSupportForPopupTypes($supports)
110	{
111	$popupType = $this->getPopupTypeName();

136	register_post_type($postType, $args);
137
138	$this->createPopupObjFromPopupType();

139	}
140
141	private function createPopupObjFromPopupType()

216	$popupTypeViewData = $popupTypeObj->getPopupTypeOptionsView();
217
218	if (!empty($popupTypeMainView)) {
219	+ add_filter('sgpbAdditionalMetaboxes', array($this, 'sgpbPopupTypeMainViewMetaboxes'), 1, 1);
220	+ //add_action('add_meta_boxes', array($this, 'popupTypeMain'));
221	}
222	if (!empty($popupTypeViewData)) {
223	+ //add_action('add_meta_boxes', array($this, 'popupTypeOptions'));
224	+ add_filter('sgpbAdditionalMetaboxes', array($this, 'sgpbPopupTypeOptionsViewMetaboxes'), 1, 1);
225	}
226	if ($popupType == 'subscription') {
227	add_action('add_meta_boxes', array($this, 'rightBannerMetabox'));

245	);
246	}
247
248	+ public function sgpbPopupTypeMainViewMetaboxes($metaboxes)
249	+ {
250	+ $popupTypeObj = $this->getPopupTypeObj();
251	+ $optionsView = $popupTypeObj->getPopupTypeMainView();
252	+ $typeView = array();
253	+
254	+ $metaboxes['popupTypeMainView'] = array(
255	+ 'key' => 'popupTypeMainView',
256	+ 'displayName' => __($optionsView['metaboxTitle'], SG_POPUP_TEXT_DOMAIN),
257	+ 'filePath' => $optionsView['filePath'],
258	+ 'short_description' => $optionsView['short_description'],
259	+ SG_POPUP_POST_TYPE,
260	+ 'normal',
261	+ 'high'
262	+ );
263	+
264	+ return $metaboxes;
265	+ }
266	+
267	public function popupTypeMain()
268	{
269	$popupTypeObj = $this->getPopupTypeObj();

278	);
279	}
280
281	+ public function sgpbPopupTypeOptionsViewMetaboxes($metaboxes)
282	+ {
283	+ $popupTypeObj = $this->getPopupTypeObj();
284	+ $optionsView = $popupTypeObj->getPopupTypeOptionsView();
285	+
286	+ $metaboxes['popupTypeOptionsView'] = array(
287	+ 'key' => 'popupTypeOptionsView',
288	+ 'displayName' => __($optionsView['metaboxTitle'], SG_POPUP_TEXT_DOMAIN),
289	+ 'short_description' => $optionsView['short_description'],
290	+ 'filePath' => $optionsView['filePath'],
291	+ SG_POPUP_POST_TYPE,
292	+ 'normal',
293	+ 'high'
294	+ );
295	+
296	+ return $metaboxes;
297	+ }
298	+
299	public function popupTypeOptions()
300	{
301	$popupTypeObj = $this->getPopupTypeObj();

384	{
385	add_meta_box(
386	'optionsMetaboxView',
387	+ __('Advanced', SG_POPUP_TEXT_DOMAIN),
388	array($this, 'optionsMetaboxView'),
389	SG_POPUP_POST_TYPE,
390	'normal',

400	return false;
401	}
402








403
404	+ $context = 'normal';
405	+ $priority = 'high';
406	+ $key = 'allMetaboxesView';
407	+ $metabox = $additionalMetaboxes['allMetaboxesView'];
408	+ $popupTypeObj = $this->getPopupTypeObj();
409	+ $filepath = $metabox['filePath'];
410
411	+ add_meta_box(
412	+ $key,
413	+ __($metabox['displayName'], SG_POPUP_TEXT_DOMAIN),
414	+ function() use ($filepath, $popupTypeObj) {
415	+ require_once $filepath;
416	+ },
417	+ SG_POPUP_POST_TYPE,
418	+ $context,
419	+ $priority
420	+ );
421	+
422	+ remove_meta_box('popup-categoriesdiv', SG_POPUP_POST_TYPE, 'side');
423
424	return true;
425	}

com/classes/ScriptsLoader.php CHANGED Viewed

	@@ -63,12 +63,12 @@ class ScriptsLoader
63	global $wp;
64	$currentUrl = home_url( $wp->request );
65	$currentUrl = strpos($currentUrl, '/popupbuilder/');
66	-
67	// during preview wp request is empty that is why we check query_string
68	if (is_preview()) {
69	$currentUrl = strrpos($wp->query_string, 'popupbuilder');
70	}
71	-
72	if ($currentPostType == SG_POPUP_POST_TYPE && $currentUrl === false) {
73	return false;
74	}
	@@ -130,12 +130,13 @@ class ScriptsLoader
130	<div class="sgpb-popup-builder-content-'.esc_attr($popupId).' sgpb-popup-builder-content-html">'.$popupContent.'</div>
131	</div>
132	</div>';
133	- ~~echo~~ $extraContent~~.$footerPopupContent~~;

134	});
135	}
136
137	- $this->includeScripts(~~$popups~~);
138	- $this->includeStyles(~~$popups~~);
139	}
140
141	public function loadToAdmin()
	@@ -163,14 +164,15 @@ class ScriptsLoader
163	echo $footerPopupContent;
164	});
165	}
166	- $this->includeScripts(~~$popups~~);
167	- $this->includeStyles(~~$popups~~);
168
169	}
170
171	- private function includeScripts(~~$popups~~)
172	{
173	global $post;

174	$registeredPlugins = AdminHelper::getOption(SGPB_POPUP_BUILDER_REGISTERED_PLUGINS);
175
176	if (!$registeredPlugins) {
	@@ -256,10 +258,7 @@ class ScriptsLoader
256	foreach ($localizeData as $valueData) {
257	if (empty($valueData)) {
258	continue;
259	- }
260
261	- if (!is_array($valueData['data'])) {
262	- $valueData['data'] = (array)$valueData['data'];
263	}
264
265	ScriptsIncluder::localizeScript($valueData['handle'], $valueData['name'], $valueData['data']);
	@@ -268,10 +267,11 @@ class ScriptsLoader
268	}
269	}
270
271	- private function includeStyles(~~$popups~~)
272	{
273	global $post;
274	$styles = array();

275	$registeredPlugins = AdminHelper::getOption(SGPB_POPUP_BUILDER_REGISTERED_PLUGINS);
276
277	if (!$registeredPlugins) {


63	global $wp;
64	$currentUrl = home_url( $wp->request );
65	$currentUrl = strpos($currentUrl, '/popupbuilder/');
66	+
67	// during preview wp request is empty that is why we check query_string
68	if (is_preview()) {
69	$currentUrl = strrpos($wp->query_string, 'popupbuilder');
70	}
71	+
72	if ($currentPostType == SG_POPUP_POST_TYPE && $currentUrl === false) {
73	return false;
74	}

130	<div class="sgpb-popup-builder-content-'.esc_attr($popupId).' sgpb-popup-builder-content-html">'.$popupContent.'</div>
131	</div>
132	</div>';
133	+ $footerPopupContent .= $extraContent;
134	+ echo $footerPopupContent;
135	});
136	}
137
138	+ $this->includeScripts();
139	+ $this->includeStyles();
140	}
141
142	public function loadToAdmin()

164	echo $footerPopupContent;
165	});
166	}
167	+ $this->includeScripts();
168	+ $this->includeStyles();
169
170	}
171
172	+ private function includeScripts()
173	{
174	global $post;
175	+ $popups = $this->getLoadablePopups();
176	$registeredPlugins = AdminHelper::getOption(SGPB_POPUP_BUILDER_REGISTERED_PLUGINS);
177
178	if (!$registeredPlugins) {

258	foreach ($localizeData as $valueData) {
259	if (empty($valueData)) {
260	continue;

261


262	}
263
264	ScriptsIncluder::localizeScript($valueData['handle'], $valueData['name'], $valueData['data']);

267	}
268	}
269
270	+ private function includeStyles()
271	{
272	global $post;
273	$styles = array();
274	+ $popups = $this->getLoadablePopups();
275	$registeredPlugins = AdminHelper::getOption(SGPB_POPUP_BUILDER_REGISTERED_PLUGINS);
276
277	if (!$registeredPlugins) {

com/classes/Updates.php CHANGED Viewed

@@ -1,14 +1,11 @@
             <?php
             namespace sgpb;
-            -
            if (!class_exists('sgpb\EDD_SL_Plugin_Updater')) {
-            -
            	// load our custom updater if it doesn't already exist
-            -
            	require_once(SG_POPUP_LIBS_PATH .'EDD_SL_Plugin_Updater.php');
-            -
            }
             class Updates
+            {
             	private $licenses = array();
             	public function setLicenses($licenses)
+            	{
@@ -22,35 +19,13 @@ class Updates
             	public function __construct()
+            	{
             		$this->init();
+            	}
-            -
            	public function setRegisterdExtensionsLicenses()
-            -
            	{
-            -
            		$registered = AdminHelper::getOption(SGPB_POPUP_BUILDER_REGISTERED_PLUGINS);
-            -
            		$registered = json_decode($registered, true);
-            -
-            -
            		if (empty($registered)) {
-            -
            			return false;
-            -
            		}
-            -
            		$licenses = array();
-            -
            		foreach ($registered as $register) {
-            -
-            -
            			if (empty($register['options']['licence'])) {
-            -
            				continue;
-            -
            			}
-            -
-            -
            			$licenses[] = $register['options']['licence'];
-            -
            		}
-            -
-            -
            		$this->setLicenses($licenses);
-            -
-            -
            		return true;
-            -
            	}
-            -
             	private function init()
+            	{
-            -
            		$this->setRegisterdExtensionsLicenses();
             		$licenses = $this->getLicenses();
             		if (empty($licenses)) {
@@ -60,36 +35,6 @@ class Updates
             		add_action('admin_init', array($this, 'sgpbActivateLicense'));
             		add_action('admin_notices', array($this, 'sgpbAdminNotices'));
-            -
            		$licenses = $this->getLicenses();
-            -
-            -
            		foreach ($licenses as $license) {
-            -
            			$key = @$license['key'];
-            -
            			$storeURL = @$license['storeURL'];
-            -
            			$pluginMainFilePath = @$license['file'];
-            -
            			$pluginMainFilePath = SG_POPUP_PLUGIN_PATH.$pluginMainFilePath;
-            -
-            -
            			$licenseKey = trim(get_option('sgpb-license-key-'.$key));
-            -
            			$status = get_option('sgpb-license-status-'.$key);
-            -
-            -
            			if ($status == false || $status != 'valid') {
-            -
            				continue;
-            -
            			}
-            -
-            -
            			$version = @constant('SG_VERSION_'.$key);
-            -
-            -
            			// If the version of the extension is not found, update will not possibly be shown
-            -
            			if(empty($version)) {
-            -
            				continue;
-            -
            			}
-            -
            			$sgpbUpdater = new EDD_SL_Plugin_Updater($storeURL, $pluginMainFilePath, array(
-            -
            				'version' 	=> $version,		// current version number
-            -
            				'license' 	=> $licenseKey,	// license key (used get_option above to retrieve from DB)
-            -
            				'item_id'   => $license['itemId'],	// id of this plugin
-            -
            				'author' 	=> $license['autor'],	// author of this plugin
-            -
            				'beta'      => false // set to true if you wish customers to receive update notifications of beta releases
-            -
            			));
-            -
            		}
-            -
             		return true;
+            	}

             <?php
             namespace sgpb;
             class Updates
+            {
             	private $licenses = array();
+            +
            	private $licenseClass;
             	public function setLicenses($licenses)
+            	{
             	public function __construct()
+            	{
+            +
            		$this->licenseClass = new License();
             		$this->init();
+            	}
             	private function init()
+            	{
+            +
            		$this->setLicenses($this->licenseClass->getLicenses());
             		$licenses = $this->getLicenses();
             		if (empty($licenses)) {
             		add_action('admin_init', array($this, 'sgpbActivateLicense'));
             		add_action('admin_notices', array($this, 'sgpbAdminNotices'));
             		return true;
+            	}

com/classes/_detection/SgpbPopupVersionDetection.php ADDED Viewed

	@@ -0,0 +1,127 @@


1	+ <?php
2	+
3	+ namespace sgpb;
4	+
5	+
6	+ class SgpbPopupVersionDetection
7	+ {
8	+ public static function compareVersions()
9	+ {
10	+ if(!self::checkIfIsOnPopupPage()) // check if user is in popup builder page (only admin pages)
11	+ {
12	+ return [];
13	+ }
14	+ wp_update_plugins(); // Check for plugin updates.
15	+ $plugin_info = get_site_transient("update_plugins"); // get plugins to update
16	+ $registeredPlugins = AdminHelper::getAllExtensions(); // getting active PopupBuilder plugins
17	+ $hasOldPlugin = [];
18	+
19	+ foreach($registeredPlugins["active"] as $plugin) {
20	+ $pluginData = get_plugin_data(WP_PLUGIN_DIR.'/'.$plugin["pluginKey"]); // getting plugin registered data
21	+ $plugin["name"] = $pluginData["Name"]; // setting name in plugin array! this is for frontend to show full name
22	+ $plugin_slug = null;
23	+ if(isset($plugin_info->response[$plugin["pluginKey"]])) {
24	+ $plugin_slug = $plugin_info->response[$plugin["pluginKey"]]->slug; // getting current slug generated by wordpress without slug will not update the plugin
25	+ }
26	+ /* this logic will work only < stable versions */
27	+ if(version_compare($plugin["stable_version"], $pluginData["Version"], ">")) {
28	+ $hasLicense = self::getLicenseOfPlugin($plugin);
29	+ $hasOldPlugin[] = [
30	+ "plugin" => $plugin,
31	+ "message" => self::pluginUpdateMessage("extensions", $plugin),
32	+ "license" => $hasLicense,
33	+ "slug" => $plugin_slug,
34	+ ];
35	+ }
36	+ }
37	+ $filteredByLicense = self::pluginUpdateMessage(self::filterPluginsByLicense($hasOldPlugin));
38	+ return $filteredByLicense;
39	+ }
40	+
41	+ private static function pluginUpdateMessage($filteredByLicense)
42	+ {
43	+ if(empty($filteredByLicense)) {
44	+ return [];
45	+ }
46	+ $headerMessage = empty($filteredByLicense["autoUpdate"]) ? 'You use major updated version of Popup Builder' : 'Updating active Popup Builder extensions';
47	+ $adminLicenseUrl = admin_url("edit.php?post_type=".SG_POPUP_POST_TYPE."&page=".SGPB_POPUP_LICENSE);
48	+
49	+ $modalData = [
50	+ "header" => '<h3 class="sgpb-modal-detection-header">'.$headerMessage.'</h3>',
51	+ "logo" => SG_POPUP_IMG_URL.'sgpbLogo.png',
52	+ "manualMessage" => '<p class="sgpb-text-center">As you don’t have updates for the extensions listed below, you will have issues using the plugin.
53	+ <br>Please do the following in order to use the plugin properly:</p>
54	+ <p class="sgpb-margin-top-10 sgpb-text-center" style="font-style: italic">If you don’t have an active license, purchase a new one.</p>
55	+ <p class="sgpb-text-center">OR</p>
56	+ <p class="sgpb-text-center" style="font-style: italic">If you have an active license, add its license code <a href="'.$adminLicenseUrl.'">here</a>.</p>',
57	+ "footerMessage" => '<p class="sgpb-modal-footer-message sgpb-margin-top-30 sgpb-text-center" style="font-style: italic">You can download the previous version of Popup Builder Plugin from <a href="https://downloads.wordpress.org/plugin/popup-builder.3.83.zip">here</a>.</p>'
58	+ ];
59	+
60	+ return array(
61	+ "modalData" => $modalData,
62	+ "autoUpdate" => empty($filteredByLicense['autoUpdate']) ? [] : $filteredByLicense['autoUpdate'],
63	+ "manualUpdate" => empty($filteredByLicense['manualUpdate']) ? [] : $filteredByLicense['manualUpdate'],
64	+ );
65	+ }
66	+
67	+ private static function checkIfIsOnPopupPage()
68	+ {
69	+ if("popupbuilder_page_license" === get_current_screen()->id) {
70	+ return false;
71	+ }
72	+ switch(get_current_screen()->post_type) {
73	+ case SG_POPUP_POST_TYPE:
74	+ case "sgpbtemplate":
75	+ case "sgpbautoresponder":
76	+ return true;
77	+ default:
78	+ return false;
79	+ }
80	+ }
81	+
82	+ private static function getLicenseOfPlugin($oldPlugins)
83	+ {
84	+
85	+ $licenseClass = new License();
86	+ $licenses = $licenseClass->getLicenses();
87	+
88	+ foreach($licenses as $license) {
89	+ if(array_search($license['file'], $oldPlugins) === false) {
90	+ continue;
91	+ }
92	+
93	+ $key = @$license["key"];
94	+ $licenseKey = trim(get_option("sgpb-license-key-".$key));
95	+ $status = get_option("sgpb-license-status-".$key);
96	+ $license["option_key"] = $licenseKey;
97	+ $license["option_status"] = $status;
98	+ if($status == false \|\| $status != "valid") {
99	+ return false;
100	+ }
101	+
102	+ return $license;
103	+ }
104	+
105	+ return false;
106	+ }
107	+
108	+ private static function filterPluginsByLicense($extensions)
109	+ {
110	+ if(empty($extensions)) {
111	+ return [];
112	+ }
113	+ $extensionsToUpdateNow = array_filter($extensions, function($extension){
114	+ return $extension["license"] !== false;
115	+ });
116	+ $extensionsToUpdate = array_filter($extensions, function($extension){
117	+ return $extension["license"] == false;
118	+ });
119	+
120	+ wp_enqueue_script("updates");
121	+
122	+ return [
123	+ "autoUpdate" => array_values($extensionsToUpdateNow),
124	+ "manualUpdate" => array_values($extensionsToUpdate)
125	+ ];
126	+ }
127	+ }

com/classes/components/Menu.php CHANGED Viewed

	@@ -229,4 +229,4 @@ class SGPBMenu
229	update_post_meta($item_id, '_menu_sgpb_popup_id', $popupId);
230	}
231	}
232	- }


229	update_post_meta($item_id, '_menu_sgpb_popup_id', $popupId);
230	}
231	}
232	+ }

com/classes/dataTable/Subscribers.php CHANGED Viewed

	@@ -12,7 +12,7 @@ class Subscribers extends SGPBTable
12	public function __construct()
13	{
14	global $wpdb;
15	- parent::__construct('');
16
17	$this->setRowsPerPage(SGPB_APP_POPUP_TABLE_LIMIT);
18	$this->setTablename($wpdb->prefix.SGPB_SUBSCRIBERS_TABLE_NAME);
	@@ -26,14 +26,20 @@ class Subscribers extends SGPBTable
26	'subscriptionType'
27	);
28





29	$displayColumns = array(
30	- 'bulk'=>~~'<input~~ ~~class="subs-bulk" type="checkbox" autocomplete="off">'~~,
31	'id' => 'ID',
32	'firstName' => __('First name', SG_POPUP_TEXT_DOMAIN),
33	'lastName' => __('Last name', SG_POPUP_TEXT_DOMAIN),
34	'email' => __('Email', SG_POPUP_TEXT_DOMAIN),
35	'cDate' => __('Date', SG_POPUP_TEXT_DOMAIN),
36	'subscriptionType' => __('Popup', SG_POPUP_TEXT_DOMAIN)

37	);
38
39	$filterColumnsDisplaySettings = array(
	@@ -73,7 +79,10 @@ class Subscribers extends SGPBTable
73	$row[5] = date('d F Y', strtotime($row[5]));
74
75	$id = $row[0];
76	- $row[0] = '<~~input~~ ~~type="checkbox"~~ class="~~subs~~-~~delete-~~checkbox~~" data~~-~~delete-id=~~"~~'.esc_attr($id).'"~~>';



77	}
78
79	public function customizeQuery(&$query)
	@@ -96,7 +105,7 @@ class Subscribers extends SGPBTable
96	<input type="hidden" class="sgpb-subscription-popup-id" name="sgpb-subscription-popup-id" value="<?php echo $selectedPopup;?>">
97	<input type="hidden" name="page" value="<?php echo SG_POPUP_SUBSCRIBERS_PAGE; ?>" >
98
99	- <select name="sgpb-subscription-popup" id="sgpb-subscription-popup">
100	<?php
101	$list .= '<option value="all">'.__('All', SG_POPUP_TEXT_DOMAIN).'</option>';
102	foreach ($subscriptionPopups as $popupId => $popupTitle) {
	@@ -111,7 +120,6 @@ class Subscribers extends SGPBTable
111	echo $list;
112	?>
113	</select>
114	-
115	<?php
116	$content = ob_get_contents();
117	ob_end_clean();
	@@ -139,7 +147,7 @@ class Subscribers extends SGPBTable
139	ob_start();
140	?>
141	<input type="hidden" class="sgpb-subscribers-date" name="sgpb-subscribers-date" value="<?php echo $selectedDate;?>">
142	- <select name="sgpb-subscribers-dates" id="sgpb-subscribers-dates">
143	<?php
144	$gotDateList = '<option value="all">'.__('All dates', SG_POPUP_TEXT_DOMAIN).'</option>';
145	foreach ($uniqueDates as $date) {
	@@ -163,4 +171,36 @@ class Subscribers extends SGPBTable
163
164	return $content;
165	}
































166	}


12	public function __construct()
13	{
14	global $wpdb;
15	+ parent::__construct('sgpbAllSubscribers');
16
17	$this->setRowsPerPage(SGPB_APP_POPUP_TABLE_LIMIT);
18	$this->setTablename($wpdb->prefix.SGPB_SUBSCRIBERS_TABLE_NAME);

26	'subscriptionType'
27	);
28
29	+ $selectAllCheckbox = '<div class="sgpb-wrapper checkbox-wrapper">
30	+ <input class="subs-bulk" type="checkbox" id="checkbox-all">
31	+ <label class="checkboxLabel" for="checkbox-all"></label>
32	+ </div>';
33	+
34	$displayColumns = array(
35	+ 'bulk' => $selectAllCheckbox,
36	'id' => 'ID',
37	'firstName' => __('First name', SG_POPUP_TEXT_DOMAIN),
38	'lastName' => __('Last name', SG_POPUP_TEXT_DOMAIN),
39	'email' => __('Email', SG_POPUP_TEXT_DOMAIN),
40	'cDate' => __('Date', SG_POPUP_TEXT_DOMAIN),
41	'subscriptionType' => __('Popup', SG_POPUP_TEXT_DOMAIN)
42	+ //'options' => __('Actions', SG_POPUP_TEXT_DOMAIN)
43	);
44
45	$filterColumnsDisplaySettings = array(

79	$row[5] = date('d F Y', strtotime($row[5]));
80
81	$id = $row[0];
82	+ $row[0] = '<div class="sgpb-wrapper checkbox-wrapper">
83	+ <input class="subs-delete-checkbox" type="checkbox" id="checkbox-'.esc_attr($id).'" data-delete-id="'.esc_attr($id).'">
84	+ <label class="checkboxLabel" for="checkbox-'.esc_attr($id).'"></label>
85	+ </div>';
86	}
87
88	public function customizeQuery(&$query)

105	<input type="hidden" class="sgpb-subscription-popup-id" name="sgpb-subscription-popup-id" value="<?php echo $selectedPopup;?>">
106	<input type="hidden" name="page" value="<?php echo SG_POPUP_SUBSCRIBERS_PAGE; ?>" >
107
108	+ <select class="select__select sgpb-margin-right-10" name="sgpb-subscription-popup" id="sgpb-subscription-popup">
109	<?php
110	$list .= '<option value="all">'.__('All', SG_POPUP_TEXT_DOMAIN).'</option>';
111	foreach ($subscriptionPopups as $popupId => $popupTitle) {

120	echo $list;
121	?>
122	</select>

123	<?php
124	$content = ob_get_contents();
125	ob_end_clean();

147	ob_start();
148	?>
149	<input type="hidden" class="sgpb-subscribers-date" name="sgpb-subscribers-date" value="<?php echo $selectedDate;?>">
150	+ <select class="select__select sgpb-margin-right-10" name="sgpb-subscribers-dates" id="sgpb-subscribers-dates">
151	<?php
152	$gotDateList = '<option value="all">'.__('All dates', SG_POPUP_TEXT_DOMAIN).'</option>';
153	foreach ($uniqueDates as $date) {

171
172	return $content;
173	}
174	+
175	+ // parent class method overriding
176	+ public function extra_tablenav($which)
177	+ {
178	+ $isVisibleExtraNav = $this->getIsVisibleExtraNav();
179	+
180	+ if (!$isVisibleExtraNav) {
181	+ return '';
182	+ }
183	+ ?>
184	+ <div class="sgpb-display-flex sgpb-justify-content-between actions">
185	+ <div>
186	+ <label class="screen-reader-text" for="sgpb-subscription-popup"><?php _e('Filter by popup', SG_POPUP_TEXT_DOMAIN)?></label>
187	+ <?php echo $this->getNavPopupsConditions(); ?>
188	+ <label class="screen-reader-text" for="sgpb-subscribers-dates"><?php _e('Filter by date', SG_POPUP_TEXT_DOMAIN)?></label>
189	+ <?php echo $this->getNavDateConditions(); ?>
190	+ <input name="filter_action" id="post-query-submit" class="buttonGroup__button buttonGroup__button_blueBg buttonGroup__button_unrounded" value="<?php _e('Filter', SG_POPUP_TEXT_DOMAIN)?>" type="submit">
191	+ </div>
192	+ <div>
193	+ <?php
194	+ if ($which == 'top') {
195	+ ?>
196	+ <button type="button" class="sgpb-btn sgpb-btn-danger sgpb-btn-disabled sgpb-btn--rounded sg-subs-delete-button" data-ajaxNonce="<?php echo SG_AJAX_NONCE;?>">
197	+ <?php _e('Delete subscriber(s)', SG_POPUP_TEXT_DOMAIN)?>
198	+ </button>
199	+ <?php
200	+ }
201	+ ?>
202	+ </div>
203	+ </div>
204	+ <?php
205	+ }
206	}

com/classes/extension/SgpbPopupExtension.php CHANGED Viewed

	@@ -2,6 +2,8 @@
2
3	require_once(SG_POPUP_EXTENSION_PATH.'SgpbIPopupExtension.php');
4	use sgpb\AdminHelper;


5	if (class_exists('SgpbPopupExtension')) {
6	return false;
7	}
	@@ -46,6 +48,7 @@ class SgpbPopupExtension implements SgpbIPopupExtension
46	'popupType',
47	'editpage',
48	'popupspage',

49	$newsletterPage,
50	$settingsPage
51	);
	@@ -202,6 +205,15 @@ class SgpbPopupExtension implements SgpbIPopupExtension
202	)
203	);
204	}









205
206	$scriptData = array(
207	'jsFiles' => apply_filters('sgpbAdminJsFiles', $jsFiles),
	@@ -223,24 +235,28 @@ class SgpbPopupExtension implements SgpbIPopupExtension
223	'popupType',
224	'editpage',
225	'popupspage',

226	$newsletterPage,
227	$settingsPage
228	);
229	-
230	if (in_array($pageName, $allowPages)) {
231	- $cssFiles[] = array('folderUrl' => SG_POPUP_CSS_URL, 'filename' => 'jquery.dateTimePicker.min.css', 'dep' => array(), 'ver' => ~~SG_POPUP_VERSION~~, 'inFooter' => false);
232	- $cssFiles[] = array('folderUrl' => SG_POPUP_CSS_URL, 'filename' => 'sgbp-bootstrap.css', 'dep' => array(), 'ver' => ~~SG_POPUP_VERSION~~, 'inFooter' => false);
233	- $cssFiles[] = array('folderUrl' => SG_POPUP_CSS_URL, 'filename' => 'popupAdminStyles.css', 'dep' => array(), 'ver' => ~~SG_POPUP_VERSION~~, 'inFooter' => false);
234	- $cssFiles[] = array('folderUrl' => SG_POPUP_CSS_URL, 'filename' => 'select2.min.css', 'dep' => array(), 'ver' => ~~SG_POPUP_VERSION~~, 'inFooter' => false);
235	- $cssFiles[] = array('folderUrl' => SG_POPUP_CSS_URL, 'filename' => 'sgPopupRangeSlider.css', 'dep' => array(), 'ver' => ~~SG_POPUP_VERSION~~, 'inFooter' => false);
236	- $cssFiles[] = array('folderUrl' => SG_POPUP_CSS_URL, 'filename' => 'theme.css', 'dep' => array(), 'ver' => ~~SG_POPUP_VERSION~~, 'inFooter' => false);

237	$cssFiles[] = array('folderUrl' => '', 'filename' => 'wp-color-picker');
238	}
239	else if ($pageName == SG_POPUP_SUBSCRIBERS_PAGE) {
240	$cssFiles[] = array('folderUrl' => SG_POPUP_CSS_URL, 'filename' => 'sgbp-bootstrap.css', 'dep' => array(), 'ver' => SG_POPUP_VERSION, 'inFooter' => false);
241	$cssFiles[] = array('folderUrl' => SG_POPUP_CSS_URL, 'filename' => 'popupAdminStyles.css', 'dep' => array(), 'ver' => SG_POPUP_VERSION, 'inFooter' => false);
242	$cssFiles[] = array('folderUrl' => SG_POPUP_CSS_URL, 'filename' => 'select2.min.css', 'dep' => array(), 'ver' => SG_POPUP_VERSION, 'inFooter' => false);


243	}

244
245	$cssData = array(
246	'cssFiles' => apply_filters('sgpbAdminCssFiles', $cssFiles)


2
3	require_once(SG_POPUP_EXTENSION_PATH.'SgpbIPopupExtension.php');
4	use sgpb\AdminHelper;
5	+ use \sgpb\SgpbPopupVersionDetection;
6	+
7	if (class_exists('SgpbPopupExtension')) {
8	return false;
9	}

48	'popupType',
49	'editpage',
50	'popupspage',
51	+ 'popupbuilder_page_license',
52	$newsletterPage,
53	$settingsPage
54	);

205	)
206	);
207	}
208	+ $jsFiles[] = array('folderUrl'=> SG_POPUP_JS_URL, 'filename' => 'Modals.js');
209	+ if (count($versionDetection = SgpbPopupVersionDetection::compareVersions())) {
210	+ $jsFiles[] = array('folderUrl'=> SG_POPUP_JS_URL, 'filename' => 'sgpbDetect.js');
211	+ $localizeData[] = array(
212	+ 'handle' => 'sgpbDetect.js',
213	+ 'name' => 'SGPB_JS_DETECTIONS',
214	+ 'data' => $versionDetection
215	+ );
216	+ }
217
218	$scriptData = array(
219	'jsFiles' => apply_filters('sgpbAdminJsFiles', $jsFiles),

235	'popupType',
236	'editpage',
237	'popupspage',
238	+ 'popupbuilder_page_license',
239	$newsletterPage,
240	$settingsPage
241	);

242	if (in_array($pageName, $allowPages)) {
243	+ $cssFiles[] = array('folderUrl' => SG_POPUP_CSS_URL, 'filename' => 'jquery.dateTimePicker.min.css', 'dep' => array(), 'ver' => rand(1, 1000), 'inFooter' => false);
244	+ $cssFiles[] = array('folderUrl' => SG_POPUP_CSS_URL, 'filename' => 'sgbp-bootstrap.css', 'dep' => array(), 'ver' => rand(1, 1000), 'inFooter' => false);
245	+ $cssFiles[] = array('folderUrl' => SG_POPUP_CSS_URL, 'filename' => 'popupAdminStyles.css', 'dep' => array(), 'ver' => rand(1, 1000), 'inFooter' => false);
246	+ $cssFiles[] = array('folderUrl' => SG_POPUP_CSS_URL, 'filename' => 'select2.min.css', 'dep' => array(), 'ver' => rand(1, 1000), 'inFooter' => false);
247	+ $cssFiles[] = array('folderUrl' => SG_POPUP_CSS_URL, 'filename' => 'sgPopupRangeSlider.css', 'dep' => array(), 'ver' => rand(1, 1000), 'inFooter' => false);
248	+ $cssFiles[] = array('folderUrl' => SG_POPUP_CSS_URL, 'filename' => 'theme.css', 'dep' => array(), 'ver' => rand(1, 1000), 'inFooter' => false);
249	+ $cssFiles[] = array('folderUrl' => SG_POPUP_CSS_URL, 'filename' => 'newDesignFromBuild.css', 'dep' => array(), 'ver' => rand(1, 10000), 'inFooter' => false);
250	$cssFiles[] = array('folderUrl' => '', 'filename' => 'wp-color-picker');
251	}
252	else if ($pageName == SG_POPUP_SUBSCRIBERS_PAGE) {
253	$cssFiles[] = array('folderUrl' => SG_POPUP_CSS_URL, 'filename' => 'sgbp-bootstrap.css', 'dep' => array(), 'ver' => SG_POPUP_VERSION, 'inFooter' => false);
254	$cssFiles[] = array('folderUrl' => SG_POPUP_CSS_URL, 'filename' => 'popupAdminStyles.css', 'dep' => array(), 'ver' => SG_POPUP_VERSION, 'inFooter' => false);
255	$cssFiles[] = array('folderUrl' => SG_POPUP_CSS_URL, 'filename' => 'select2.min.css', 'dep' => array(), 'ver' => SG_POPUP_VERSION, 'inFooter' => false);
256	+ $cssFiles[] = array('folderUrl' => SG_POPUP_CSS_URL, 'filename' => 'newDesignFromBuild.css', 'dep' => array(), 'ver' => rand(1, 10000), 'inFooter' => false);
257	+
258	}
259	+ $cssFiles[] = array('folderUrl' => SG_POPUP_CSS_URL, 'filename' => 'sgpb-modal.css', 'dep' => array(), 'ver' => rand(1, 10000), 'inFooter' => false);
260
261	$cssData = array(
262	'cssFiles' => apply_filters('sgpbAdminCssFiles', $cssFiles)

com/classes/popups/FblikePopup.php CHANGED Viewed

	@@ -13,7 +13,8 @@ class FblikePopup extends SGPopup
13	{
14	return array(
15	'filePath' => SG_POPUP_TYPE_OPTIONS_PATH.'facebook.php',
16	- 'metaboxTitle' => 'Facebook ~~Options~~'

17	);
18	}
19


13	{
14	return array(
15	'filePath' => SG_POPUP_TYPE_OPTIONS_PATH.'facebook.php',
16	+ 'metaboxTitle' => 'Facebook Settings',
17	+ 'short_description' => 'Select your Facebook page URL for liking and sharing it'
18	);
19	}
20

com/classes/popups/ImagePopup.php CHANGED Viewed

	@@ -30,7 +30,11 @@ class ImagePopup extends SGPopup
30
31	public function getPopupTypeOptionsView()
32	{
33	- return array();




34	}
35
36	public function getRemoveOptions()
	@@ -54,10 +58,7 @@ class ImagePopup extends SGPopup
54
55	public function getPopupTypeMainView()
56	{
57	- return array(
58	- 'filePath' => SG_POPUP_TYPE_MAIN_PATH.'image.php',
59	- 'metaboxTitle' => 'Image Popup Main Options'
60	- );
61	}
62
63	/**


30
31	public function getPopupTypeOptionsView()
32	{
33	+ return array(
34	+ 'filePath' => SG_POPUP_TYPE_MAIN_PATH.'image.php',
35	+ 'metaboxTitle' => 'Image Settings',
36	+ 'short_description' => 'Upload your feature image for the popup'
37	+ );
38	}
39
40	public function getRemoveOptions()

58
59	public function getPopupTypeMainView()
60	{
61	+ return array();



62	}
63
64	/**

com/classes/popups/SubscriptionPopup.php CHANGED Viewed

	@@ -254,7 +254,7 @@ class SubscriptionPopup extends SGPopup
254	'data-error-message-class' => 'sgpb-subs-email-error-message'
255	),
256	'style' => $inputStyles,
257	- 'errorMessageBoxStyles' => $inputStyles['width']
258	);
259
260	$firstNamePlaceholder = $this->getFieldValue('sgpb-subs-first-placeholder');
	@@ -273,7 +273,7 @@ class SubscriptionPopup extends SGPopup
273	'data-error-message-class' => 'sgpb-subs-first-name-error-message'
274	),
275	'style' => $inputStyles,
276	- 'errorMessageBoxStyles' => $inputStyles['width']
277	);
278
279	$lastNamePlaceholder = $this->getFieldValue('sgpb-subs-last-placeholder');
	@@ -292,7 +292,7 @@ class SubscriptionPopup extends SGPopup
292	'data-error-message-class' => 'sgpb-subs-last-name-error-message'
293	),
294	'style' => $inputStyles,
295	- 'errorMessageBoxStyles' => $inputStyles['width']
296	);
297
298	/* GDPR checkbox */
	@@ -310,10 +310,10 @@ class SubscriptionPopup extends SGPopup
310	'id' => 'sgpb-gdpr-field-label',
311	'data-error-message-class' => 'sgpb-gdpr-error-message'
312	),
313	- 'style' => array('width' => $inputWidth),
314	'label' => $gdprLabel,
315	'text' => $this->getFieldValue('sgpb-subs-gdpr-text'),
316	- 'errorMessageBoxStyles' => $inputStyles['width']
317	);
318	/* GDPR checkbox */
319
	@@ -471,6 +471,8 @@ class SubscriptionPopup extends SGPopup
471	.sgpb-subs-form-<?php echo $popupId; ?> .js-subs-text-inputs::-moz-placeholder {color:<?php echo $placeholderColor; ?>;font-weight: lighter;}
472	.sgpb-subs-form-<?php echo $popupId; ?> .js-subs-text-inputs:-ms-input-placeholder {color:<?php echo $placeholderColor; ?>;font-weight: lighter;} /* ie */
473	.sgpb-subs-form-<?php echo $popupId; ?> .js-subs-text-inputs:-moz-placeholder {color:<?php echo $placeholderColor; ?>;font-weight: lighter;}


474	</style>
475	<?php
476	$styles = ob_get_contents();
	@@ -488,7 +490,8 @@ class SubscriptionPopup extends SGPopup
488	{
489	$optionsViewData = array(
490	'filePath' => SG_POPUP_TYPE_OPTIONS_PATH . 'subscription.php',
491	- 'metaboxTitle' => 'Subscription ~~Options~~'

492	);
493
494	$isSubscriptionPlusActive = is_plugin_active(SGPB_POPUP_SUBSCRIPTION_PLUS_EXTENSION_KEY);
	@@ -585,8 +588,8 @@ class SubscriptionPopup extends SGPopup
585	$styleData = array(
586	'placeholderColor' => $popupOptions['sgpb-subs-text-placeholder-color'],
587	'formColor' => $popupOptions['sgpb-subs-form-bg-color'],
588	- 'formPadding' => @$popupOptions['sgpb-subs-form-padding'],
589	- 'formBackgroundOpacity' => @$popupOptions['sgpb-subs-form-bg-opacity']
590	);
591
592	$validateScript = $popupObj->createValidateObj($subsFields, $validationMessages);


254	'data-error-message-class' => 'sgpb-subs-email-error-message'
255	),
256	'style' => $inputStyles,
257	+ 'errorMessageBoxStyles' => $inputStyles["width"]??''
258	);
259
260	$firstNamePlaceholder = $this->getFieldValue('sgpb-subs-first-placeholder');

273	'data-error-message-class' => 'sgpb-subs-first-name-error-message'
274	),
275	'style' => $inputStyles,
276	+ 'errorMessageBoxStyles' => $inputStyles['width']??''
277	);
278
279	$lastNamePlaceholder = $this->getFieldValue('sgpb-subs-last-placeholder');

292	'data-error-message-class' => 'sgpb-subs-last-name-error-message'
293	),
294	'style' => $inputStyles,
295	+ 'errorMessageBoxStyles' => $inputStyles['width']??''
296	);
297
298	/* GDPR checkbox */

310	'id' => 'sgpb-gdpr-field-label',
311	'data-error-message-class' => 'sgpb-gdpr-error-message'
312	),
313	+ 'style' => array('width' => $inputWidth??''),
314	'label' => $gdprLabel,
315	'text' => $this->getFieldValue('sgpb-subs-gdpr-text'),
316	+ 'errorMessageBoxStyles' => $inputStyles['width']??''
317	);
318	/* GDPR checkbox */
319

471	.sgpb-subs-form-<?php echo $popupId; ?> .js-subs-text-inputs::-moz-placeholder {color:<?php echo $placeholderColor; ?>;font-weight: lighter;}
472	.sgpb-subs-form-<?php echo $popupId; ?> .js-subs-text-inputs:-ms-input-placeholder {color:<?php echo $placeholderColor; ?>;font-weight: lighter;} /* ie */
473	.sgpb-subs-form-<?php echo $popupId; ?> .js-subs-text-inputs:-moz-placeholder {color:<?php echo $placeholderColor; ?>;font-weight: lighter;}
474	+ .sgpb-subs-form-<?php echo $popupId; ?> input[type="checkbox"] {-webkit-appearance: checkbox;!important}
475	+ .sgpb-subs-form-<?php echo $popupId; ?> input[type="checkbox"]:before {content: none!important; }
476	</style>
477	<?php
478	$styles = ob_get_contents();

490	{
491	$optionsViewData = array(
492	'filePath' => SG_POPUP_TYPE_OPTIONS_PATH . 'subscription.php',
493	+ 'metaboxTitle' => 'Subscription Settings',
494	+ 'short_description' => 'Create subscription form, customize the fields and styles'
495	);
496
497	$isSubscriptionPlusActive = is_plugin_active(SGPB_POPUP_SUBSCRIPTION_PLUS_EXTENSION_KEY);

588	$styleData = array(
589	'placeholderColor' => $popupOptions['sgpb-subs-text-placeholder-color'],
590	'formColor' => $popupOptions['sgpb-subs-form-bg-color'],
591	+ 'formPadding' => $popupOptions['sgpb-subs-form-padding']??'',
592	+ 'formBackgroundOpacity' => $popupOptions['sgpb-subs-form-bg-opacity']??''
593	);
594
595	$validateScript = $popupObj->createValidateObj($subsFields, $validationMessages);

com/config/config.php CHANGED Viewed

	@@ -65,6 +65,7 @@ class SgpbPopupConfig
65	self::addDefine('SG_POPUP_DATA_TABLES_PATH', SG_POPUP_CLASSES_PATH.'dataTable/');
66	self::addDefine('SG_POPUP_CLASSES_POPUPS_PATH', SG_POPUP_CLASSES_PATH.'popups/');
67	self::addDefine('SG_POPUP_EXTENSION_PATH', SG_POPUP_CLASSES_PATH.'extension/');

68	self::addDefine('SG_POPUP_LIBS_PATH', SG_POPUP_COM_PATH.'libs/');
69	self::addDefine('SG_POPUP_HELPERS_PATH', SG_POPUP_COM_PATH.'helpers/');
70	self::addDefine('SG_POPUP_JS_PATH', SG_POPUP_PUBLIC_PATH.'js/');
	@@ -100,7 +101,7 @@ class SgpbPopupConfig
100	self::addDefine('SGPB_AJAX_STATUS_TRUE', 1);
101	self::addDefine('SGPB_SUBSCRIBERS_TABLE_NAME', 'sgpb_subscribers');
102	self::addDefine('SGPB_POSTS_TABLE_NAME', 'posts');
103	- self::addDefine('SGPB_APP_POPUP_TABLE_LIMIT', 15);
104	self::addDefine('SGPB_SUBSCRIBERS_ERROR_TABLE_NAME', 'sgpb_subscription_error_log');
105	self::addDefine('SGPB_CRON_REPEAT_INTERVAL', 1);
106	self::addDefine('SGPB_NOTIFICATIONS_CRON_REPEAT_INTERVAL', 12); /* Hours */
	@@ -126,6 +127,7 @@ class SgpbPopupConfig
126	self::addDefine('SGPB_REVIEW_POPUP_PERIOD', 30);
127	self::addDefine('SGPB_POPUP_EXPORT_FILE_NAME', 'PopupBuilderPopups.xml');
128	self::addDefine('SG_POPUP_AUTORESPONDER_POST_TYPE', 'sgpbautoresponder');

129	self::addDefine('SGPB_INACTIVE_EXTENSIONS', 'inactivePBExtensions');
130	self::addDefine('SGPB_POPUP_LICENSE_SCREEN', SG_POPUP_POST_TYPE.'_page_'.SGPB_POPUP_LICENSE);
131	self::addDefine('SGPB_SUBSCRIPTION_ERROR_MESSAGE', __('There was an error while trying to send your request. Please try again', SG_POPUP_TEXT_DOMAIN).'.');


65	self::addDefine('SG_POPUP_DATA_TABLES_PATH', SG_POPUP_CLASSES_PATH.'dataTable/');
66	self::addDefine('SG_POPUP_CLASSES_POPUPS_PATH', SG_POPUP_CLASSES_PATH.'popups/');
67	self::addDefine('SG_POPUP_EXTENSION_PATH', SG_POPUP_CLASSES_PATH.'extension/');
68	+ self::addDefine('SGPB_POPUP_DETECTION_PATH', SG_POPUP_CLASSES_PATH.'_detection/');
69	self::addDefine('SG_POPUP_LIBS_PATH', SG_POPUP_COM_PATH.'libs/');
70	self::addDefine('SG_POPUP_HELPERS_PATH', SG_POPUP_COM_PATH.'helpers/');
71	self::addDefine('SG_POPUP_JS_PATH', SG_POPUP_PUBLIC_PATH.'js/');

101	self::addDefine('SGPB_AJAX_STATUS_TRUE', 1);
102	self::addDefine('SGPB_SUBSCRIBERS_TABLE_NAME', 'sgpb_subscribers');
103	self::addDefine('SGPB_POSTS_TABLE_NAME', 'posts');
104	+ self::addDefine('SGPB_APP_POPUP_TABLE_LIMIT', 10);
105	self::addDefine('SGPB_SUBSCRIBERS_ERROR_TABLE_NAME', 'sgpb_subscription_error_log');
106	self::addDefine('SGPB_CRON_REPEAT_INTERVAL', 1);
107	self::addDefine('SGPB_NOTIFICATIONS_CRON_REPEAT_INTERVAL', 12); /* Hours */

127	self::addDefine('SGPB_REVIEW_POPUP_PERIOD', 30);
128	self::addDefine('SGPB_POPUP_EXPORT_FILE_NAME', 'PopupBuilderPopups.xml');
129	self::addDefine('SG_POPUP_AUTORESPONDER_POST_TYPE', 'sgpbautoresponder');
130	+ self::addDefine('SG_POPUP_TEMPLATE_POST_TYPE', 'sgpbtemplate');
131	self::addDefine('SGPB_INACTIVE_EXTENSIONS', 'inactivePBExtensions');
132	self::addDefine('SGPB_POPUP_LICENSE_SCREEN', SG_POPUP_POST_TYPE.'_page_'.SGPB_POPUP_LICENSE);
133	self::addDefine('SGPB_SUBSCRIPTION_ERROR_MESSAGE', __('There was an error while trying to send your request. Please try again', SG_POPUP_TEXT_DOMAIN).'.');

com/config/configPackage.php CHANGED Viewed

	@@ -3,6 +3,6 @@ if (!defined('ABSPATH')) {
3	exit();
4	}
5
6	- define('SG_POPUP_VERSION', '3.84');
7	define('SGPB_POPUP_PKG', SGPB_POPUP_PKG_FREE);
8	define('POPUP_BUILDER_BASENAME', 'popupbuilder-platinum/popup-builder.php');


3	exit();
4	}
5
6	+ define('SG_POPUP_VERSION', '4.0');
7	define('SGPB_POPUP_PKG', SGPB_POPUP_PKG_FREE);
8	define('POPUP_BUILDER_BASENAME', 'popupbuilder-platinum/popup-builder.php');

com/config/dataConfig.php CHANGED Viewed

	@@ -300,7 +300,7 @@ class SgpbDataConfig
300	)
301	),
302	'load' => array(
303	- 'htmlAttrs' => array('class' => 'js-sg-onload-text', 'placeholder' => __('default custom delay will be used', SG_POPUP_TEXT_DOMAIN), 'min' => 0),
304	'infoAttrs' => array(
305	'label' => 'Delay',
306	'info' => __('Specify how long the popup appearance should be delayed after loading the page (in sec).', SG_POPUP_TEXT_DOMAIN)
	@@ -308,7 +308,7 @@ class SgpbDataConfig
308	),
309	SGPB_CLICK_ACTION_KEY => array(
310	'htmlAttrs' => array(
311	- 'class' => 'js-sg-select2 js-select-basic',
312	'data-select-class' => 'js-select-basic',
313	'data-select-type' => 'basic'
314	),
	@@ -319,7 +319,7 @@ class SgpbDataConfig
319	),
320	SGPB_HOVER_ACTION_KEY => array(
321	'htmlAttrs' => array(
322	- 'class' => 'js-sg-select2 js-select-basic',
323	'data-select-class' => 'js-select-basic',
324	'data-select-type' => 'basic'
325	),
	@@ -329,14 +329,14 @@ class SgpbDataConfig
329	)
330	),
331	'clickActionCustomClass' => array(
332	- 'htmlAttrs' => array('class' => 'js-sg-inactivity-text', 'min' => 0),
333	'infoAttrs' => array(
334	'label' => 'Custom Class',
335	'info' => __('Add the CSS class name of your HTML element which will trigger this popup after click.', SG_POPUP_TEXT_DOMAIN)
336	)
337	),
338	'hoverActionCustomClass' => array(
339	- 'htmlAttrs' => array('class' => 'js-sg-inactivity-text', 'min' => 0),
340	'infoAttrs' => array(
341	'label' => 'Custom Class',
342	'info' => __('Add the CSS class name of your HTML element which will trigger this popup after click.', SG_POPUP_TEXT_DOMAIN)
	@@ -344,7 +344,7 @@ class SgpbDataConfig
344	),
345	'defaultClickClassName' => array(
346	'htmlAttrs' => array(
347	- 'class' => 'js-sg-click-event',
348	'min' => 0,
349	'readonly' => '',
350	'value' => 'sg-popup-id-',
	@@ -357,7 +357,7 @@ class SgpbDataConfig
357	),
358	'defaultHoverClassName' => array(
359	'htmlAttrs' => array(
360	- 'class' => 'js-sg-hover-event',
361	'min' => 0,
362	'readonly' => '',
363	'value' => 'sg-popup-hover-',
	@@ -490,175 +490,230 @@ class SgpbDataConfig
490	public static function allExtensionsKeys()
491	{
492	$keys = array();
493	-























494	$keys[] = array(
495	'label' => __('Age Restriction', SG_POPUP_TEXT_DOMAIN),


496	'pluginKey' => 'popupbuilder-age-verification/PopupBuilderAgeverification.php',
497	'key' => 'ageVerification',
498	'url' => SGPB_AGE_VERIFICATION_PLUGIN_URL
499	);
500	$keys[] = array(
501	- 'label' => __('~~Gamification~~', SG_POPUP_TEXT_DOMAIN),
502	- '~~pluginKey~~' => '~~popupbuilder-gamification/PopupBuilderGamification~~.~~php~~',
503	- '~~key~~' => '~~gamification~~',
504	- '~~url~~' => ~~SGPB_GAMIFICATION_PLUGIN_URL~~


505	);
506	$keys[] = array(
507	- 'label' => __('~~PDF~~', SG_POPUP_TEXT_DOMAIN),
508	- '~~pluginKey~~' => '~~popupbuilder-pdf/PopupBuilderPdf~~.~~php~~',
509	- '~~key~~' => '~~pdf~~',
510	- '~~url~~' => ~~SGPB_PDF_PLUGIN_URL~~


511	);
512	- $keys[] = array(
513	- 'label' => __('~~Push~~ ~~Notification~~', SG_POPUP_TEXT_DOMAIN),
514	- '~~pluginKey~~' => '~~popupbuilder-push-notification/PopupBuilderPushNotification~~.~~php~~',
515	- '~~key~~' => '~~pushNotification~~',
516	- '~~url~~' => ~~SG_POPUP_PUSH_NOTIFICATION_URL~~










517	);
518	$keys[] = array(
519	'label' => __('EDD', SG_POPUP_TEXT_DOMAIN),


520	'pluginKey' => 'popupbuilder-edd/PopupBuilderEdd.php',
521	'key' => 'edd',
522	'url' => SGPB_EDD_PLUGIN_URL
523	);
524	$keys[] = array(
525	- 'label' => __('~~Scheduling~~', SG_POPUP_TEXT_DOMAIN),
526	- '~~pluginKey~~' => '~~popupbuilder-scheduling/PopupBuilderScheduling~~.~~php~~',
527	- '~~key~~' => '~~scheduling~~',
528	- '~~url~~' => ~~SG_POPUP_SCHEDULING_URL~~










529	);
530	$keys[] = array(
531	'label' => __('Geo Targeting', SG_POPUP_TEXT_DOMAIN),


532	'pluginKey' => 'popupbuilder-geo-targeting/PopupBuilderGeoTargeting.php',
533	'key' => 'geo-targeting',
534	'url' => SG_POPUP_GEO_TARGETING_URL
535	);
536	$keys[] = array(
537	'label' => __('Iframe', SG_POPUP_TEXT_DOMAIN),


538	'pluginKey' => 'popupbuilder-iframe/PopupBuilderIframe.php',
539	'key' => 'iframe',
540	'url' => SG_POPUP_IFRAME_URL
541	);
542	- $keys[] = array(
543	- 'label' => __('Social', SG_POPUP_TEXT_DOMAIN),
544	- 'pluginKey' => 'popupbuilder-social/PopupBuilderSocial.php',
545	- 'key' => 'social',
546	- 'url' => SG_POPUP_SOCIAL_URL
547	- );
548	- $keys[] = array(
549	- 'label' => __('Video', SG_POPUP_TEXT_DOMAIN),
550	- 'pluginKey' => 'popupbuilder-video/PopupBuilderVideo.php',
551	- 'key' => 'video',
552	- 'url' => SG_POPUP_VIDEO_URL
553	- );
554	- $keys[] = array(
555	- 'label' => __('Countdown', SG_POPUP_TEXT_DOMAIN),
556	- 'pluginKey' => 'popupbuilder-countdown/PopupBuilderCountdown.php',
557	- 'key' => 'countdown',
558	- 'url' => SG_POPUP_COUNTDOWN_URL
559	- );
560	- $keys[] = array(
561	- 'label' => __('Restriction', SG_POPUP_TEXT_DOMAIN),
562	- 'pluginKey' => 'popupbuilder-restriction/PopupBuilderAgerestriction.php',
563	- 'key' => 'ageRestriction',
564	- 'url' => SG_POPUP_RESTRICTION_URL
565	- );
566	- $keys[] = array(
567	- 'label' => __('Contact Form', SG_POPUP_TEXT_DOMAIN),
568	- 'pluginKey' => 'popupbuilder-contact-form/PopupBuilderContactForm.php',
569	- 'key' => 'contactForm',
570	- 'url' => SG_POPUP_CONTACT_FORM_URL
571	- );
572	- $keys[] = array(
573	- 'label' => __('AdBlock', SG_POPUP_TEXT_DOMAIN),
574	- 'pluginKey' => 'popupbuilder-adblock/PopupBuilderAdBlock.php',
575	- 'key' => 'sgpbAdBlock',
576	- 'url' => SG_POPUP_AD_BLOCK_URL
577	- );
578	- $keys[] = array(
579	- 'label' => __('Scroll', SG_POPUP_TEXT_DOMAIN),
580	- 'pluginKey' => 'popupbuilder-scroll/PopupBuilderScroll.php',
581	- 'key' => 'sgpbScroll',
582	- 'url' => SG_POPUP_SCROLL_URL
583	- );
584	- $keys[] = array(
585	- 'label' => __('Advanced Closing', SG_POPUP_TEXT_DOMAIN),
586	- 'pluginKey' => 'popupbuilder-advanced-closing/PopupBuilderAdvancedClosing.php',
587	- 'key' => 'advancedClosing',
588	- 'url' => SG_POPUP_ADVANCED_CLOSING_URL
589	- );
590	- $keys[] = array(
591	- 'label' => __('Analytics', SG_POPUP_TEXT_DOMAIN),
592	- 'pluginKey' => 'popupbuilder-analytics/PopupBuilderAnalytics.php',
593	- 'key' => 'sgpbAnalitics',
594	- 'url' => SG_POPUP_ANALYTICS_URL
595	- );
596	$keys[] = array(
597	'label' => __('Inactivity', SG_POPUP_TEXT_DOMAIN),


598	'pluginKey' => 'popupbuilder-inactivity/PopupBuilderInactivity.php',
599	'key' => 'sgpbInactivity',
600	'url' => SG_POPUP_INACTIVITY_URL
601	);
602	$keys[] = array(
603	- 'label' => __('~~Exit~~ ~~Intent~~',SG_POPUP_TEXT_DOMAIN),
604	- '~~pluginKey~~' => '~~popupbuilder-exit-intent/PopupBuilderExitIntent~~.~~php~~',
605	- '~~key~~' => '~~sgpbExitIntent~~',
606	- '~~url~~' => ~~SG_POPUP_EXIT_INTENT_URL~~


607	);
608	$keys[] = array(
609	'label' => __('Mailchimp', SG_POPUP_TEXT_DOMAIN),


610	'pluginKey' => 'popupbuilder-mailchimp/PopupBuilderMailchimp.php',
611	'key' => 'sgpbMailchimp',
612	'url' => SG_POPUP_MAILCHIMP_URL
613	);
614	$keys[] = array(
615	- 'label' => __('~~AWeber~~', SG_POPUP_TEXT_DOMAIN),
616	- '~~pluginKey~~' => '~~popupbuilder-aweber/PopupBuilderAWeber~~.~~php~~',
617	- '~~key~~' => '~~sgpbAWeber~~',
618	- '~~url~~' => ~~SG_POPUP_AWEBER_URL~~










619	);
620	$keys[] = array(
621	'label' => __('Random', SG_POPUP_TEXT_DOMAIN),


622	'pluginKey' => 'popupbuilder-random/PopupBuilderRandom.php',
623	'key' => 'sgpbRandom',
624	'url' => SG_POPUP_RANDOM_URL
625	);
626	- $keys[] = array(
627	- 'label' => __('WooCommerce', SG_POPUP_TEXT_DOMAIN),
628	- 'pluginKey' => 'popupbuilder-woocommerce/popupbuilderWoocommerce.php',
629	- 'key' => 'sgpbWOO',
630	- 'url' => SG_POPUP_WOOCOMMERCE_URL
631	- );
632	$keys[] = array(
633	'label' => __('Recent Sales', SG_POPUP_TEXT_DOMAIN),


634	'pluginKey' => 'popupbuilder-recent-sales/PopupBuilderRecentSales.php',
635	'key' => 'sgpbRecentSales',
636	'url' => SG_POPUP_RECENT_SALES_URL
637	);
638	- $keys[] = array(
639	- 'label' => __('Advanced Targeting', SG_POPUP_TEXT_DOMAIN),
640	- 'pluginKey' => 'popupbuilder-advanced-targeting/PopupBuilderAdvancedTargeting.php',
641	- 'key' => 'sgpbAdvancedTargeting',
642	- 'url' => SG_POPUP_ADVANCED_TARGETING_URL
643	- );
644	- $keys[] = array(
645	- 'label' => __('Log In', SG_POPUP_TEXT_DOMAIN),
646	- 'pluginKey' => 'popupbuilder-login/PopupBuilderLogin.php',
647	- 'key' => 'login',
648	- 'url' => SG_POPUP_LOGIN_URL
649	- );
650	$keys[] = array(
651	'label' => __('Registration', SG_POPUP_TEXT_DOMAIN),


652	'pluginKey' => 'popupbuilder-registration/PopupBuilderRegistration.php',
653	'key' => 'registration',
654	'url' => SG_POPUP_REGISTRATION_URL
655	);
































656	$keys[] = array(
657	'label' => __('Subscription Plus', SG_POPUP_TEXT_DOMAIN),


658	'pluginKey' => 'popupbuilder-subscription-plus/PopupBuilderSubscriptionPlus.php',
659	'key' => 'subscriptionPlus',
660	'url' => SG_POPUP_SUBSCRIPTION_PLUS_URL
661	);
















662
663	return apply_filters('sgpbExtensionsKeys', $keys);
664	}
	@@ -736,7 +791,7 @@ class SgpbDataConfig
736	),
737	'redirect-url' => array(
738	'htmlAttrs' => array(
739	- 'class' => 'sg-full-width',
740	'placeholder' => 'https://www.example.com',
741	'required' => 'required'
742	),
	@@ -760,7 +815,7 @@ class SgpbDataConfig
760	),
761	'close-popup' => array(
762	'htmlAttrs' => array(
763	- 'class' => 'sg-full-width',
764	'required' => 'required',
765	'value' => 0,
766	'min' => 0
	@@ -823,7 +878,7 @@ class SgpbDataConfig
823	$options[] = array('name' => 'sgpb-height', 'type' => 'text', 'defaultValue' => '480px');
824	$options[] = array('name' => 'sgpb-max-width', 'type' => 'text', 'defaultValue' => '');
825	$options[] = array('name' => 'sgpb-max-height', 'type' => 'text', 'defaultValue' => '');
826	- $options[] = array('name' => 'sgpb-min-width', 'type' => 'text', 'defaultValue' => '~~120~~');
827	$options[] = array('name' => 'sgpb-min-height', 'type' => 'text', 'defaultValue' => '');
828	$options[] = array('name' => 'sgpb-popup-timer-status', 'type' => 'checkbox', 'defaultValue' => '');
829	$options[] = array('name' => 'sgpb-popup-start-timer', 'type' => 'text', 'defaultValue' => '');
	@@ -880,18 +935,18 @@ class SgpbDataConfig
880	$options[] = array('name' => 'sgpb-subs-text-width', 'type' => 'text', 'defaultValue' => '300px');
881	$options[] = array('name' => 'sgpb-subs-text-height', 'type' => 'text', 'defaultValue' => '40px');
882	$options[] = array('name' => 'sgpb-subs-text-border-width', 'type' => 'text', 'defaultValue' => '2px');
883	- $options[] = array('name' => 'sgpb-subs-text-border-color', 'type' => 'text', 'defaultValue' => '#~~CCCCCC~~');
884	- $options[] = array('name' => 'sgpb-subs-text-bg-color', 'type' => 'text', 'defaultValue' => '#~~FFFFFF~~');
885	$options[] = array('name' => 'sgpb-subs-text-color', 'type' => 'text', 'defaultValue' => '#000000');
886	- $options[] = array('name' => 'sgpb-subs-text-placeholder-color', 'type' => 'text', 'defaultValue' => '#~~CCCCCC~~');
887	$options[] = array('name' => 'sgpb-subs-btn-width', 'type' => 'text', 'defaultValue' => '300px');
888	$options[] = array('name' => 'sgpb-subs-btn-height', 'type' => 'text', 'defaultValue' => '40px');
889	$options[] = array('name' => 'sgpb-subs-btn-border-radius', 'type' => 'text', 'defaultValue' => '4px');
890	$options[] = array('name' => 'sgpb-subs-btn-border-width', 'type' => 'text', 'defaultValue' => '0px');
891	- $options[] = array('name' => 'sgpb-subs-btn-border-color', 'type' => 'text', 'defaultValue' => '#~~4CAF50~~');
892	$options[] = array('name' => 'sgpb-subs-btn-title', 'type' => 'text', 'defaultValue' => __('Subscribe', SG_POPUP_TEXT_DOMAIN));
893	$options[] = array('name' => 'sgpb-subs-btn-progress-title', 'type' => 'text', 'defaultValue' => __('Please wait...', SG_POPUP_TEXT_DOMAIN));
894	- $options[] = array('name' => 'sgpb-subs-btn-bg-color', 'type' => 'text', 'defaultValue' => '#~~4CAF50~~');
895	$options[] = array('name' => 'sgpb-subs-btn-text-color', 'type' => 'text', 'defaultValue' => '#FFFFFF');
896	$options[] = array('name' => 'sgpb-subs-error-message', 'type' => 'text', 'defaultValue' => SGPB_SUBSCRIPTION_ERROR_MESSAGE);
897	$options[] = array('name' => 'sgpb-subs-invalid-message', 'type' => 'text', 'defaultValue' => __('Please enter a valid email address', SG_POPUP_TEXT_DOMAIN).'.');


300	)
301	),
302	'load' => array(
303	+ 'htmlAttrs' => array('class' => 'js-sg-onload-text formItem__input formItem__input_select2_num_input', 'placeholder' => __('default custom delay will be used', SG_POPUP_TEXT_DOMAIN), 'min' => 0),
304	'infoAttrs' => array(
305	'label' => 'Delay',
306	'info' => __('Specify how long the popup appearance should be delayed after loading the page (in sec).', SG_POPUP_TEXT_DOMAIN)

308	),
309	SGPB_CLICK_ACTION_KEY => array(
310	'htmlAttrs' => array(
311	+ 'class' => 'js-sg-select2 js-select-basic formItem__input formItem__input_select2_num_input',
312	'data-select-class' => 'js-select-basic',
313	'data-select-type' => 'basic'
314	),

319	),
320	SGPB_HOVER_ACTION_KEY => array(
321	'htmlAttrs' => array(
322	+ 'class' => 'js-sg-select2 js-select-basic formItem__input formItem__input_select2_num_input',
323	'data-select-class' => 'js-select-basic',
324	'data-select-type' => 'basic'
325	),

329	)
330	),
331	'clickActionCustomClass' => array(
332	+ 'htmlAttrs' => array('class' => 'js-sg-inactivity-text formItem__input formItem__input_select2_num_input', 'min' => 0),
333	'infoAttrs' => array(
334	'label' => 'Custom Class',
335	'info' => __('Add the CSS class name of your HTML element which will trigger this popup after click.', SG_POPUP_TEXT_DOMAIN)
336	)
337	),
338	'hoverActionCustomClass' => array(
339	+ 'htmlAttrs' => array('class' => 'js-sg-inactivity-text formItem__input formItem__input_select2_num_input', 'min' => 0),
340	'infoAttrs' => array(
341	'label' => 'Custom Class',
342	'info' => __('Add the CSS class name of your HTML element which will trigger this popup after click.', SG_POPUP_TEXT_DOMAIN)

344	),
345	'defaultClickClassName' => array(
346	'htmlAttrs' => array(
347	+ 'class' => 'js-sg-click-event formItem__input formItem__input_select2_num_input',
348	'min' => 0,
349	'readonly' => '',
350	'value' => 'sg-popup-id-',

357	),
358	'defaultHoverClassName' => array(
359	'htmlAttrs' => array(
360	+ 'class' => 'js-sg-hover-event formItem__input formItem__input_select2_num_input',
361	'min' => 0,
362	'readonly' => '',
363	'value' => 'sg-popup-hover-',

490	public static function allExtensionsKeys()
491	{
492	$keys = array();
493	+ $keys[] = array(
494	+ 'label' => __('AdBlock', SG_POPUP_TEXT_DOMAIN),
495	+ 'version' => '3.0',
496	+ 'stable_version' => '3.0',
497	+ 'pluginKey' => 'popupbuilder-adblock/PopupBuilderAdBlock.php',
498	+ 'key' => 'sgpbAdBlock',
499	+ 'url' => SG_POPUP_AD_BLOCK_URL
500	+ );
501	+ $keys[] = array(
502	+ 'label' => __('Advanced Closing', SG_POPUP_TEXT_DOMAIN),
503	+ 'version' => '2.0',
504	+ 'stable_version' => '2.0',
505	+ 'pluginKey' => 'popupbuilder-advanced-closing/PopupBuilderAdvancedClosing.php',
506	+ 'key' => 'advancedClosing',
507	+ 'url' => SG_POPUP_ADVANCED_CLOSING_URL
508	+ );
509	+ $keys[] = array(
510	+ 'label' => __('Advanced Targeting', SG_POPUP_TEXT_DOMAIN),
511	+ 'version' => '3.0',
512	+ 'stable_version' => '3.0',
513	+ 'pluginKey' => 'popupbuilder-advanced-targeting/PopupBuilderAdvancedTargeting.php',
514	+ 'key' => 'sgpbAdvancedTargeting',
515	+ 'url' => SG_POPUP_ADVANCED_TARGETING_URL
516	+ );
517	$keys[] = array(
518	'label' => __('Age Restriction', SG_POPUP_TEXT_DOMAIN),
519	+ 'version' => '2.0',
520	+ 'stable_version' => '2.0',
521	'pluginKey' => 'popupbuilder-age-verification/PopupBuilderAgeverification.php',
522	'key' => 'ageVerification',
523	'url' => SGPB_AGE_VERIFICATION_PLUGIN_URL
524	);
525	$keys[] = array(
526	+ 'label' => __('Analytics', SG_POPUP_TEXT_DOMAIN),
527	+ 'version' => '4.0',
528	+ 'stable_version' => '4.0',
529	+ 'pluginKey' => 'popupbuilder-analytics/PopupBuilderAnalytics.php',
530	+ 'key' => 'sgpbAnalitics',
531	+ 'url' => SG_POPUP_ANALYTICS_URL
532	);
533	$keys[] = array(
534	+ 'label' => __('AWeber', SG_POPUP_TEXT_DOMAIN),
535	+ 'version' => '3.0',
536	+ 'stable_version' => '3.0',
537	+ 'pluginKey' => 'popupbuilder-aweber/PopupBuilderAWeber.php',
538	+ 'key' => 'sgpbAWeber',
539	+ 'url' => SG_POPUP_AWEBER_URL
540	);
541	+ $keys[] = array(
542	+ 'label' => __('Contact Form', SG_POPUP_TEXT_DOMAIN),
543	+ 'version' => '3.0',
544	+ 'stable_version' => '3.0',
545	+ 'pluginKey' => 'popupbuilder-contact-form/PopupBuilderContactForm.php',
546	+ 'key' => 'contactForm',
547	+ 'url' => SG_POPUP_CONTACT_FORM_URL
548	+ );
549	+ $keys[] = array(
550	+ 'label' => __('Countdown', SG_POPUP_TEXT_DOMAIN),
551	+ 'version' => '3.0',
552	+ 'stable_version' => '3.0',
553	+ 'pluginKey' => 'popupbuilder-countdown/PopupBuilderCountdown.php',
554	+ 'key' => 'countdown',
555	+ 'url' => SG_POPUP_COUNTDOWN_URL
556	);
557	$keys[] = array(
558	'label' => __('EDD', SG_POPUP_TEXT_DOMAIN),
559	+ 'version' => '2.0',
560	+ 'stable_version' => '2.0',
561	'pluginKey' => 'popupbuilder-edd/PopupBuilderEdd.php',
562	'key' => 'edd',
563	'url' => SGPB_EDD_PLUGIN_URL
564	);
565	$keys[] = array(
566	+ 'label' => __('Exit Intent',SG_POPUP_TEXT_DOMAIN),
567	+ 'version' => '4.0',
568	+ 'stable_version' => '4.0',
569	+ 'pluginKey' => 'popupbuilder-exit-intent/PopupBuilderExitIntent.php',
570	+ 'key' => 'sgpbExitIntent',
571	+ 'url' => SG_POPUP_EXIT_INTENT_URL
572	+ );
573	+ $keys[] = array(
574	+ 'label' => __('Gamification', SG_POPUP_TEXT_DOMAIN),
575	+ 'version' => '2.0',
576	+ 'stable_version' => '2.0',
577	+ 'pluginKey' => 'popupbuilder-gamification/PopupBuilderGamification.php',
578	+ 'key' => 'gamification',
579	+ 'url' => SGPB_GAMIFICATION_PLUGIN_URL
580	);
581	$keys[] = array(
582	'label' => __('Geo Targeting', SG_POPUP_TEXT_DOMAIN),
583	+ 'version' => '3.0',
584	+ 'stable_version' => '3.0',
585	'pluginKey' => 'popupbuilder-geo-targeting/PopupBuilderGeoTargeting.php',
586	'key' => 'geo-targeting',
587	'url' => SG_POPUP_GEO_TARGETING_URL
588	);
589	$keys[] = array(
590	'label' => __('Iframe', SG_POPUP_TEXT_DOMAIN),
591	+ 'version' => '2.0',
592	+ 'stable_version' => '2.0',
593	'pluginKey' => 'popupbuilder-iframe/PopupBuilderIframe.php',
594	'key' => 'iframe',
595	'url' => SG_POPUP_IFRAME_URL
596	);






















































597	$keys[] = array(
598	'label' => __('Inactivity', SG_POPUP_TEXT_DOMAIN),
599	+ 'version' => '2.0',
600	+ 'stable_version' => '2.0',
601	'pluginKey' => 'popupbuilder-inactivity/PopupBuilderInactivity.php',
602	'key' => 'sgpbInactivity',
603	'url' => SG_POPUP_INACTIVITY_URL
604	);
605	$keys[] = array(
606	+ 'label' => __('Log In', SG_POPUP_TEXT_DOMAIN),
607	+ 'version' => '3.0',
608	+ 'stable_version' => '3.0',
609	+ 'pluginKey' => 'popupbuilder-login/PopupBuilderLogin.php',
610	+ 'key' => 'login',
611	+ 'url' => SG_POPUP_LOGIN_URL
612	);
613	$keys[] = array(
614	'label' => __('Mailchimp', SG_POPUP_TEXT_DOMAIN),
615	+ 'version' => '4.0',
616	+ 'stable_version' => '4.0',
617	'pluginKey' => 'popupbuilder-mailchimp/PopupBuilderMailchimp.php',
618	'key' => 'sgpbMailchimp',
619	'url' => SG_POPUP_MAILCHIMP_URL
620	);
621	$keys[] = array(
622	+ 'label' => __('PDF', SG_POPUP_TEXT_DOMAIN),
623	+ 'version' => '2.0',
624	+ 'stable_version' => '2.0',
625	+ 'pluginKey' => 'popupbuilder-pdf/PopupBuilderPdf.php',
626	+ 'key' => 'pdf',
627	+ 'url' => SGPB_PDF_PLUGIN_URL
628	+ );
629	+ $keys[] = array(
630	+ 'label' => __('Push Notification', SG_POPUP_TEXT_DOMAIN),
631	+ 'version' => '2.0',
632	+ 'stable_version' => '2.0',
633	+ 'pluginKey' => 'popupbuilder-push-notification/PopupBuilderPushNotification.php',
634	+ 'key' => 'pushNotification',
635	+ 'url' => SG_POPUP_PUSH_NOTIFICATION_URL
636	);
637	$keys[] = array(
638	'label' => __('Random', SG_POPUP_TEXT_DOMAIN),
639	+ 'version' => '2.0',
640	+ 'stable_version' => '2.0',
641	'pluginKey' => 'popupbuilder-random/PopupBuilderRandom.php',
642	'key' => 'sgpbRandom',
643	'url' => SG_POPUP_RANDOM_URL
644	);






645	$keys[] = array(
646	'label' => __('Recent Sales', SG_POPUP_TEXT_DOMAIN),
647	+ 'version' => '2.0',
648	+ 'stable_version' => '2.0',
649	'pluginKey' => 'popupbuilder-recent-sales/PopupBuilderRecentSales.php',
650	'key' => 'sgpbRecentSales',
651	'url' => SG_POPUP_RECENT_SALES_URL
652	);












653	$keys[] = array(
654	'label' => __('Registration', SG_POPUP_TEXT_DOMAIN),
655	+ 'version' => '2.0',
656	+ 'stable_version' => '2.0',
657	'pluginKey' => 'popupbuilder-registration/PopupBuilderRegistration.php',
658	'key' => 'registration',
659	'url' => SG_POPUP_REGISTRATION_URL
660	);
661	+ $keys[] = array(
662	+ 'label' => __('Restriction', SG_POPUP_TEXT_DOMAIN),
663	+ 'version' => '3.0',
664	+ 'stable_version' => '3.0',
665	+ 'pluginKey' => 'popupbuilder-restriction/PopupBuilderAgerestriction.php',
666	+ 'key' => 'ageRestriction',
667	+ 'url' => SG_POPUP_RESTRICTION_URL
668	+ );
669	+ $keys[] = array(
670	+ 'label' => __('Scheduling', SG_POPUP_TEXT_DOMAIN),
671	+ 'version' => '2.0',
672	+ 'stable_version' => '2.0',
673	+ 'pluginKey' => 'popupbuilder-scheduling/PopupBuilderScheduling.php',
674	+ 'key' => 'scheduling',
675	+ 'url' => SG_POPUP_SCHEDULING_URL
676	+ );
677	+ $keys[] = array(
678	+ 'label' => __('Scroll', SG_POPUP_TEXT_DOMAIN),
679	+ 'version' => '3.0',
680	+ 'stable_version' => '3.0',
681	+ 'pluginKey' => 'popupbuilder-scroll/PopupBuilderScroll.php',
682	+ 'key' => 'sgpbScroll',
683	+ 'url' => SG_POPUP_SCROLL_URL
684	+ );
685	+ $keys[] = array(
686	+ 'label' => __('Social', SG_POPUP_TEXT_DOMAIN),
687	+ 'version' => '2.0',
688	+ 'stable_version' => '2.0',
689	+ 'pluginKey' => 'popupbuilder-social/PopupBuilderSocial.php',
690	+ 'key' => 'social',
691	+ 'url' => SG_POPUP_SOCIAL_URL
692	+ );
693	$keys[] = array(
694	'label' => __('Subscription Plus', SG_POPUP_TEXT_DOMAIN),
695	+ 'version' => '4.0',
696	+ 'stable_version' => '4.0',
697	'pluginKey' => 'popupbuilder-subscription-plus/PopupBuilderSubscriptionPlus.php',
698	'key' => 'subscriptionPlus',
699	'url' => SG_POPUP_SUBSCRIPTION_PLUS_URL
700	);
701	+ $keys[] = array(
702	+ 'label' => __('Video', SG_POPUP_TEXT_DOMAIN),
703	+ 'version' => '2.0',
704	+ 'stable_version' => '2.0',
705	+ 'pluginKey' => 'popupbuilder-video/PopupBuilderVideo.php',
706	+ 'key' => 'video',
707	+ 'url' => SG_POPUP_VIDEO_URL
708	+ );
709	+ $keys[] = array(
710	+ 'label' => __('WooCommerce', SG_POPUP_TEXT_DOMAIN),
711	+ 'version' => '3.0',
712	+ 'stable_version' => '3.0',
713	+ 'pluginKey' => 'popupbuilder-woocommerce/popupbuilderWoocommerce.php',
714	+ 'key' => 'sgpbWOO',
715	+ 'url' => SG_POPUP_WOOCOMMERCE_URL
716	+ );
717
718	return apply_filters('sgpbExtensionsKeys', $keys);
719	}

791	),
792	'redirect-url' => array(
793	'htmlAttrs' => array(
794	+ 'class' => 'sg-full-width formItem__input formItem__input_select2_num_input',
795	'placeholder' => 'https://www.example.com',
796	'required' => 'required'
797	),

815	),
816	'close-popup' => array(
817	'htmlAttrs' => array(
818	+ 'class' => 'sg-full-width formItem__input formItem__input_select2_num_input',
819	'required' => 'required',
820	'value' => 0,
821	'min' => 0

878	$options[] = array('name' => 'sgpb-height', 'type' => 'text', 'defaultValue' => '480px');
879	$options[] = array('name' => 'sgpb-max-width', 'type' => 'text', 'defaultValue' => '');
880	$options[] = array('name' => 'sgpb-max-height', 'type' => 'text', 'defaultValue' => '');
881	+ $options[] = array('name' => 'sgpb-min-width', 'type' => 'text', 'defaultValue' => '120px');
882	$options[] = array('name' => 'sgpb-min-height', 'type' => 'text', 'defaultValue' => '');
883	$options[] = array('name' => 'sgpb-popup-timer-status', 'type' => 'checkbox', 'defaultValue' => '');
884	$options[] = array('name' => 'sgpb-popup-start-timer', 'type' => 'text', 'defaultValue' => '');

935	$options[] = array('name' => 'sgpb-subs-text-width', 'type' => 'text', 'defaultValue' => '300px');
936	$options[] = array('name' => 'sgpb-subs-text-height', 'type' => 'text', 'defaultValue' => '40px');
937	$options[] = array('name' => 'sgpb-subs-text-border-width', 'type' => 'text', 'defaultValue' => '2px');
938	+ $options[] = array('name' => 'sgpb-subs-text-border-color', 'type' => 'text', 'defaultValue' => '#e8e8e8');
939	+ $options[] = array('name' => 'sgpb-subs-text-bg-color', 'type' => 'text', 'defaultValue' => '#f1f1f1');
940	$options[] = array('name' => 'sgpb-subs-text-color', 'type' => 'text', 'defaultValue' => '#000000');
941	+ $options[] = array('name' => 'sgpb-subs-text-placeholder-color', 'type' => 'text', 'defaultValue' => '#757575');
942	$options[] = array('name' => 'sgpb-subs-btn-width', 'type' => 'text', 'defaultValue' => '300px');
943	$options[] = array('name' => 'sgpb-subs-btn-height', 'type' => 'text', 'defaultValue' => '40px');
944	$options[] = array('name' => 'sgpb-subs-btn-border-radius', 'type' => 'text', 'defaultValue' => '4px');
945	$options[] = array('name' => 'sgpb-subs-btn-border-width', 'type' => 'text', 'defaultValue' => '0px');
946	+ $options[] = array('name' => 'sgpb-subs-btn-border-color', 'type' => 'text', 'defaultValue' => '#007fe1');
947	$options[] = array('name' => 'sgpb-subs-btn-title', 'type' => 'text', 'defaultValue' => __('Subscribe', SG_POPUP_TEXT_DOMAIN));
948	$options[] = array('name' => 'sgpb-subs-btn-progress-title', 'type' => 'text', 'defaultValue' => __('Please wait...', SG_POPUP_TEXT_DOMAIN));
949	+ $options[] = array('name' => 'sgpb-subs-btn-bg-color', 'type' => 'text', 'defaultValue' => '#007fe1');
950	$options[] = array('name' => 'sgpb-subs-btn-text-color', 'type' => 'text', 'defaultValue' => '#FFFFFF');
951	$options[] = array('name' => 'sgpb-subs-error-message', 'type' => 'text', 'defaultValue' => SGPB_SUBSCRIPTION_ERROR_MESSAGE);
952	$options[] = array('name' => 'sgpb-subs-invalid-message', 'type' => 'text', 'defaultValue' => __('Please enter a valid email address', SG_POPUP_TEXT_DOMAIN).'.');

com/helpers/AdminHelper.php CHANGED Viewed

	@@ -183,7 +183,7 @@ class AdminHelper
183
184	foreach ($attrs as $attrName => $attrValue) {
185	if ($attrName == 'class') {
186	- $attrValue .= ' ~~sgpb-full-width-events form-control~~';
187	}
188	$attrString .= ''.$attrName.'="'.$attrValue.'" ';
189	}
	@@ -214,18 +214,29 @@ class AdminHelper
214	return $input;
215	}
216
217	- public static function createRadioButtons($elements, $name, $selectedInput, $lineMode = false)
218	{
219	$str = '';
220
221	foreach ($elements as $key => $element) {
222	$value = '';
223	$checked = '';



224
225	if (isset($element['value'])) {
226	$value = $element['value'];
227	}
228	- if ($element['~~value~~'] ~~== $selectedInput~~) {








229	$checked = 'checked';
230	}
231	$attrStr = '';
	@@ -234,14 +245,27 @@ class AdminHelper
234	$attrStr .= $attrKey.'="'.esc_attr($dataValue).'" ';
235	}
236	}








237
238	if ($lineMode) {
239	- ~~$str~~ ~~.= '<input type="radio" name="'.esc_attr~~(~~$name).'" value="'.esc_attr~~($~~value~~)~~.'"~~ ~~'.$checked.' '.$attrStr.'>';~~





240	}
241	else {
242	$str .= '<div class="row form-group">';
243	$str .= '<label class="col-md-5 control-label">'.__($element['title'], SG_POPUP_TEXT_DOMAIN).'</label>';
244	- $str .= '<div class="col-sm-7"><input type="radio" name="'.esc_attr($name).'" value="'.esc_attr($value).'" '.$checked.' autocomplete="off"~~></~~div>';
245	$str .= '</div>';
246	}
247	}
	@@ -1178,7 +1202,6 @@ class AdminHelper
1178	if (!empty($args['charset'])) {
1179	$charset = $args['charset'];
1180	}
1181	-
1182	$headers = 'MIME-Version: 1.0'."\r\n";
1183	$headers .= 'From: "'.$blogInfo.'" <'.$fromEmail.'>'."\r\n";
1184	$headers .= 'Content-type: '.$contentType.'; charset='.$charset.''."\r\n"; //set UTF-8
	@@ -2072,4 +2095,32 @@ class AdminHelper
2072
2073	return false !== strpos( (string) $content, '<!-- wp:' );
2074	}




























2075	}


183
184	foreach ($attrs as $attrName => $attrValue) {
185	if ($attrName == 'class') {
186	+ $attrValue .= '';
187	}
188	$attrString .= ''.$attrName.'="'.$attrValue.'" ';
189	}

214	return $input;
215	}
216
217	+ public static function createRadioButtons($elements, $name, $selectedInput, $lineMode = false, $extraHtmlAfterInput = '')
218	{
219	$str = '';
220
221	foreach ($elements as $key => $element) {
222	$value = '';
223	$checked = '';
224	+ $stringWithlabel = '';
225	+ $labelClasses = '';
226	+ $stringLabel = '';
227
228	if (isset($element['value'])) {
229	$value = $element['value'];
230	}
231	+ if (isset($element['label_class'])) {
232	+ $labelClasses = 'class="'.$element['label_class'].'"';
233	+ $stringLabel = '<span class="sgpb-margin-bottom-10">'.esc_attr($value).'</span>';
234	+ }
235	+
236	+ if (is_array($element) && $element['value'] == $selectedInput) {
237	+ $checked = 'checked';
238	+ }
239	+ else if (!is_array($element) && $element == $selectedInput) {
240	$checked = 'checked';
241	}
242	$attrStr = '';

245	$attrStr .= $attrKey.'="'.esc_attr($dataValue).'" ';
246	}
247	}
248	+ if (!empty($extraHtmlAfterInput)) {
249	+ if ($extraHtmlAfterInput == 'img') {
250	+ $extraHtmlAfterInput = '<img src="">';
251	+ }
252	+ else if ($extraHtmlAfterInput == 'bg_img') {
253	+ $extraHtmlAfterInput = '<span class="sgpb-popup-theme-img sgpb-margin-x-7"></span>';
254	+ }
255	+ }
256
257	if ($lineMode) {
258	+ if (!empty($extraHtmlAfterInput)) {
259	+ $str .= '<label '.$labelClasses.'><input type="radio" name="'.esc_attr($name).'" value="'.esc_attr($value).'" '.$checked.' '.$attrStr.'>'.$extraHtmlAfterInput.$stringLabel.'</label>';
260	+ }
261	+ else {
262	+ $str .= '<input type="radio" name="'.esc_attr($name).'" value="'.esc_attr($value).'" '.$checked.' '.$attrStr.'>';
263	+ }
264	}
265	else {
266	$str .= '<div class="row form-group">';
267	$str .= '<label class="col-md-5 control-label">'.__($element['title'], SG_POPUP_TEXT_DOMAIN).'</label>';
268	+ $str .= '<div class="col-sm-7"><input type="radio" name="'.esc_attr($name).'" value="'.esc_attr($value).'" '.$checked.' autocomplete="off">'.$extraHtmlAfterInput.'</div>';
269	$str .= '</div>';
270	}
271	}

1202	if (!empty($args['charset'])) {
1203	$charset = $args['charset'];
1204	}

1205	$headers = 'MIME-Version: 1.0'."\r\n";
1206	$headers .= 'From: "'.$blogInfo.'" <'.$fromEmail.'>'."\r\n";
1207	$headers .= 'Content-type: '.$contentType.'; charset='.$charset.''."\r\n"; //set UTF-8

2095
2096	return false !== strpos( (string) $content, '<!-- wp:' );
2097	}
2098	+ /**
2099	+ * Retrieve duplicate post link for post.
2100	+ *
2101	+ * @param int $id Optional. Post ID.
2102	+ * @param string $context Optional, default to display. How to write the '&', defaults to '&'.
2103	+ * @return string
2104	+ */
2105	+ public static function popupGetClonePostLink($id = 0, $context = 'display')
2106	+ {
2107	+ if (!$post = get_post($id)) {
2108	+ return;
2109	+ }
2110	+ $actionName = "popupSaveAsNew";
2111	+
2112	+ if ('display' == $context) {
2113	+ $action = '?action='.$actionName.'&post='.$post->ID;
2114	+ } else {
2115	+ $action = '?action='.$actionName.'&post='.$post->ID;
2116	+ }
2117	+
2118	+ $postTypeObject = get_post_type_object($post->post_type);
2119	+
2120	+ if (!$postTypeObject) {
2121	+ return;
2122	+ }
2123	+
2124	+ return wp_nonce_url(apply_filters('popupGetClonePostLink', admin_url("admin.php".$action), $post->ID, $context), 'duplicate-post_' . $post->ID);
2125	+ }
2126	}

com/helpers/ConfigDataHelper.php CHANGED Viewed

	@@ -253,10 +253,10 @@ class ConfigDataHelper
253	'class' => 'col-md-7 sgpb-choice-option-wrapper'
254	),
255	'labelAttr' => array(
256	- 'class' => '~~col-md-5 sgpb-choice-option-wrapper sgpb-sub-option-label~~'
257	),
258	'groupWrapperAttr' => array(
259	- 'class' => '~~row~~ ~~form-group~~ sgpb-choice-wrapper'
260	)
261	),
262	'buttonPosition' => 'right',
	@@ -308,7 +308,10 @@ class ConfigDataHelper
308	'DidClose' => '<b>#3</b> Add the code you want to run <b>after</b> the popup closes. This code will work when the popup is already closed on the page.'
309	),
310	'description' => array(
311	- ~~__(~~'If ~~you need the popup id number in the custom code, you may use the following variable to get the ID: <code~~>~~popupId</code>', SG_POPUP_TEXT_DOMAIN)~~



312	)
313	),
314	'css' => array(
	@@ -323,14 +326,19 @@ class ConfigDataHelper
323	'/popup wrapper/'."\n".
324	'.sgpb-popup-builder-content-popupId {'."\n\n".'}'."\n\n"
325	),
326	- '~~description~~' => array(
327	- __('If you need the popup id number in the custom code, you may use the following variable to get the ID: <code>popupId</code>', SG_POPUP_TEXT_DOMAIN),
328	'<br>/popup content wrapper/',
329	'.sgpb-content-popupId',
330	'<br>/overlay/',
331	'.sgpb-popup-overlay-popupId',
332	'<br>/popup wrapper/',
333	'.sgpb-popup-builder-content-popupId'






334	)
335	)
336	);
	@@ -406,10 +414,10 @@ class ConfigDataHelper
406	'class' => 'col-md-7 sgpb-choice-option-wrapper'
407	),
408	'labelAttr' => array(
409	- 'class' => '~~col-md-5 sgpb-choice-option-wrapper~~'
410	),
411	'groupWrapperAttr' => array(
412	- 'class' => '~~row~~ ~~form~~-~~group~~ sgpb-~~choice~~-~~wrapper~~'
413	)
414	),
415	'buttonPosition' => 'right',
	@@ -448,42 +456,42 @@ class ConfigDataHelper
448	array(
449	'value' => 'sgpb-theme-1',
450	'data-attributes' => array(
451	- 'class' => 'js-sgpb-popup-themes',
452	'data-popup-theme-number' => 1
453	)
454	),
455	array(
456	'value' => 'sgpb-theme-2',
457	'data-attributes' => array(
458	- 'class' => 'js-sgpb-popup-themes',
459	'data-popup-theme-number' => 2
460	)
461	),
462	array(
463	'value' => 'sgpb-theme-3',
464	'data-attributes' => array(
465	- 'class' => 'js-sgpb-popup-themes',
466	'data-popup-theme-number' => 3
467	)
468	),
469	array(
470	'value' => 'sgpb-theme-4',
471	'data-attributes' => array(
472	- 'class' => 'js-sgpb-popup-themes',
473	'data-popup-theme-number' => 4
474	)
475	),
476	array(
477	'value' => 'sgpb-theme-5',
478	'data-attributes' => array(
479	- 'class' => 'js-sgpb-popup-themes',
480	'data-popup-theme-number' => 5
481	)
482	),
483	array(
484	'value' => 'sgpb-theme-6',
485	'data-attributes' => array(
486	- 'class' => 'js-sgpb-popup-themes',
487	'data-popup-theme-number' => 6
488	)
489	)
	@@ -504,16 +512,23 @@ class ConfigDataHelper
504	'fullScreen' => __('Full screen', SG_POPUP_TEXT_DOMAIN)
505	);
506
507	- $data['~~freeConditions~~'] = array(
508	'devices' => __('Devices', SG_POPUP_TEXT_DOMAIN),
509	'user-status' => __('User Status', SG_POPUP_TEXT_DOMAIN),
510	'after-x' => __('After x pages visit', SG_POPUP_TEXT_DOMAIN),
511	'user-role' => __('User Role', SG_POPUP_TEXT_DOMAIN),
512	- '~~countries~~' => __('~~Countries~~', SG_POPUP_TEXT_DOMAIN),
513	- 'detect-by-url' => __('Detect by URL', SG_POPUP_TEXT_DOMAIN),
514	'cookie-detection' => __('Cookie Detection', SG_POPUP_TEXT_DOMAIN),
515	'operation-system' => __('Operating System', SG_POPUP_TEXT_DOMAIN),
516	- 'browser-detection' => __('Web Browser', SG_POPUP_TEXT_DOMAIN)








517	);
518
519	$data['closeButtonPositions'] = array(
	@@ -657,78 +672,37 @@ class ConfigDataHelper
657	)
658	);
659
660	- $data['~~contactFormSuccessBehavior~~'] = array(
661	- ~~'template' =>~~ array(
662	- '~~fieldWrapperAttr~~' => ~~array(~~
663	- '~~class~~' => ~~'col-md-6 sgpb-choice-option-wrapper'~~
664	- ),
665	- '~~labelAttr~~' => ~~array(~~
666	- 'class' => 'col-md-6 sgpb-choice-option-wrapper sgpb-sub-option-label'
667	- ),
668	- 'groupWrapperAttr' => array(
669	- 'class' => 'row form-group sgpb-choice-wrapper'
670	)
671	),
672	- ~~'buttonPosition' => 'right',~~
673	- '~~nextNewLine~~' => ~~true~~,
674	- '~~fields~~' => array(
675	- ~~array(~~
676	- '~~attr~~' => ~~array(~~
677	- ~~'type' => 'radio',~~
678	- ~~'name' => 'sgpb-contact-success-behavior'~~,
679	- ~~'class' => 'contact-success-message',~~
680	- '~~data-attr-href~~' => '~~contact-show-success-message~~',
681	- '~~value~~' => ~~'showMessage'~~
682	- ),
683	- '~~label~~' => ~~array(~~
684	- ~~'name' => __('Success message', SG_POPUP_TEXT_DOMAIN~~)~~.':'~~
685	- )
686	- ),
687	- ~~array(~~
688	- '~~attr~~' => array(
689	- '~~type~~' => '~~radio~~',
690	- '~~name~~' => ~~'sgpb-contact-success-behavior',~~
691	- 'class' => 'contact-redirect-to-URL ok-ggoel',
692	- 'data-attr-href' => 'contact-redirect-to-URL',
693	- 'value' => 'redirectToURL'
694	- ),
695	- 'label' => array(
696	- 'name' => __('Redirect to URL', SG_POPUP_TEXT_DOMAIN).':'
697	- )
698	- ),
699	- array(
700	- 'attr' => array(
701	- 'type' => 'radio',
702	- 'name' => 'sgpb-contact-success-behavior',
703	- 'class' => 'contact-success-open-popup',
704	- 'data-attr-href' => 'contact-open-popup',
705	- 'value' => 'openPopup'
706	- ),
707	- 'label' => array(
708	- 'name' => __('Open popup', SG_POPUP_TEXT_DOMAIN).':'
709	- )
710	- ),
711	- array(
712	- 'attr' => array(
713	- 'type' => 'radio',
714	- 'name' => 'sgpb-contact-success-behavior',
715	- 'class' => 'contact-hide-popup',
716	- 'value' => 'hidePopup'
717	- ),
718	- 'label' => array(
719	- 'name' => __('Hide popup', SG_POPUP_TEXT_DOMAIN).':'
720	- )
721	)
722	)
723	);
724
725	- $data['socialShareTheme'] = array(
726	- 'flat' => __('Flat', SG_POPUP_TEXT_DOMAIN),
727	- 'classic' => __('Classic', SG_POPUP_TEXT_DOMAIN),
728	- 'minima' => __('Minima', SG_POPUP_TEXT_DOMAIN),
729	- 'plain' => __('Plain', SG_POPUP_TEXT_DOMAIN)
730	- );
731	-
732	$data['socialThemeSizes'] = array(
733	'8' => '8',
734	'10' => '10',
	@@ -759,10 +733,10 @@ class ConfigDataHelper
759	'class' => 'col-md-6 sgpb-choice-option-wrapper'
760	),
761	'labelAttr' => array(
762	- 'class' => '~~col-md-6~~ sgpb-~~choice~~-~~option~~-~~wrapper sgpb-sub-option-label~~'
763	),
764	'groupWrapperAttr' => array(
765	- 'class' => '~~row~~ ~~form-group~~ sgpb-choice-wrapper'
766	)
767	),
768	'buttonPosition' => 'right',
	@@ -1226,7 +1200,7 @@ class ConfigDataHelper
1226	$translatedData = array(
1227	'imageSupportAlertMessage' => __('Only image files supported', SG_POPUP_TEXT_DOMAIN),
1228	'areYouSure' => __('Are you sure?', SG_POPUP_TEXT_DOMAIN),
1229	- 'addButtonSpinner' => __('~~Add~~', SG_POPUP_TEXT_DOMAIN),
1230	'audioSupportAlertMessage' => __('Only audio files supported (e.g.: mp3, wav, m4a, ogg)', SG_POPUP_TEXT_DOMAIN),
1231	'publishPopupBeforeElementor' => __('Please, publish the popup before starting to use Elementor with it!', SG_POPUP_TEXT_DOMAIN),
1232	'publishPopupBeforeDivi' => __('Please, publish the popup before starting to use Divi Builder with it!', SG_POPUP_TEXT_DOMAIN),


253	'class' => 'col-md-7 sgpb-choice-option-wrapper'
254	),
255	'labelAttr' => array(
256	+ 'class' => 'formItem__title'
257	),
258	'groupWrapperAttr' => array(
259	+ 'class' => 'subFormItem sgpb-choice-wrapper formItem'
260	)
261	),
262	'buttonPosition' => 'right',

308	'DidClose' => '<b>#3</b> Add the code you want to run <b>after</b> the popup closes. This code will work when the popup is already closed on the page.'
309	),
310	'description' => array(
311	+ '<span class="formItem__text">
312	+ '.__('If you need the popup id number in the custom code, you may use the following variable to get the ID:', SG_POPUP_TEXT_DOMAIN).'
313	+ <b>popupId</b>
314	+ </span>'
315	)
316	),
317	'css' => array(

326	'/popup wrapper/'."\n".
327	'.sgpb-popup-builder-content-popupId {'."\n\n".'}'."\n\n"
328	),
329	+ 'helperText' => array(

330	'<br>/popup content wrapper/',
331	'.sgpb-content-popupId',
332	'<br>/overlay/',
333	'.sgpb-popup-overlay-popupId',
334	'<br>/popup wrapper/',
335	'.sgpb-popup-builder-content-popupId'
336	+ ),
337	+ 'description' => array(
338	+ '<span class="formItem__text">
339	+ '.__('If you need the popup id number in the custom code, you may use the following variable to get the ID:', SG_POPUP_TEXT_DOMAIN).'
340	+ <b>popupId</b>
341	+ </span>'
342	)
343	)
344	);

414	'class' => 'col-md-7 sgpb-choice-option-wrapper'
415	),
416	'labelAttr' => array(
417	+ 'class' => 'formItem__title'
418	),
419	'groupWrapperAttr' => array(
420	+ 'class' => 'subFormItem sgpb-choice-wrapper sgpb-display-flex sgpb-align-item-center formItem'
421	)
422	),
423	'buttonPosition' => 'right',

456	array(
457	'value' => 'sgpb-theme-1',
458	'data-attributes' => array(
459	+ 'class' => 'js-sgpb-popup-themes sgpb-popup-theme-1',
460	'data-popup-theme-number' => 1
461	)
462	),
463	array(
464	'value' => 'sgpb-theme-2',
465	'data-attributes' => array(
466	+ 'class' => 'js-sgpb-popup-themes sgpb-popup-theme-2',
467	'data-popup-theme-number' => 2
468	)
469	),
470	array(
471	'value' => 'sgpb-theme-3',
472	'data-attributes' => array(
473	+ 'class' => 'js-sgpb-popup-themes sgpb-popup-theme-3',
474	'data-popup-theme-number' => 3
475	)
476	),
477	array(
478	'value' => 'sgpb-theme-4',
479	'data-attributes' => array(
480	+ 'class' => 'js-sgpb-popup-themes sgpb-popup-theme-4',
481	'data-popup-theme-number' => 4
482	)
483	),
484	array(
485	'value' => 'sgpb-theme-5',
486	'data-attributes' => array(
487	+ 'class' => 'js-sgpb-popup-themes sgpb-popup-theme-5',
488	'data-popup-theme-number' => 5
489	)
490	),
491	array(
492	'value' => 'sgpb-theme-6',
493	'data-attributes' => array(
494	+ 'class' => 'js-sgpb-popup-themes sgpb-popup-theme-6',
495	'data-popup-theme-number' => 6
496	)
497	)

512	'fullScreen' => __('Full screen', SG_POPUP_TEXT_DOMAIN)
513	);
514
515	+ $data['freeConditionsAdvancedTargeting'] = array(
516	'devices' => __('Devices', SG_POPUP_TEXT_DOMAIN),
517	'user-status' => __('User Status', SG_POPUP_TEXT_DOMAIN),
518	'after-x' => __('After x pages visit', SG_POPUP_TEXT_DOMAIN),
519	'user-role' => __('User Role', SG_POPUP_TEXT_DOMAIN),
520	+ 'detect-by-url' => __('Referral URL detection', SG_POPUP_TEXT_DOMAIN),

521	'cookie-detection' => __('Cookie Detection', SG_POPUP_TEXT_DOMAIN),
522	'operation-system' => __('Operating System', SG_POPUP_TEXT_DOMAIN),
523	+ 'browser-detection' => __('Web Browser', SG_POPUP_TEXT_DOMAIN),
524	+ 'query-string' => __('URL Query String', SG_POPUP_TEXT_DOMAIN)
525	+ );
526	+
527	+ $data['freeConditionsGeoTargeting'] = array(
528	+ 'countries' => __('Countries', SG_POPUP_TEXT_DOMAIN),
529	+ 'cities' => __('Cities', SG_POPUP_TEXT_DOMAIN),
530	+ 'states' => __('States', SG_POPUP_TEXT_DOMAIN),
531	+ 'visitor-ip' => __('Visitor IP', SG_POPUP_TEXT_DOMAIN)
532	);
533
534	$data['closeButtonPositions'] = array(

672	)
673	);
674
675	+ $data['socialShareTheme'] = array(
676	+ array(
677	+ 'value' => 'flat',
678	+ 'data-attributes' => array(
679	+ 'class' => 'js-social-share-theme sgpb-social-popup-flat',
680	+ 'data-popup-theme-number' => 1




681	)
682	),
683	+ array(
684	+ 'value' => 'classic',
685	+ 'data-attributes' => array(
686	+ 'class' => 'js-social-share-theme sgpb-social-popup-classic',
687	+ 'data-popup-theme-number' => 1
688	+ )
689	+ ),
690	+ array(
691	+ 'value' => 'minima',
692	+ 'data-attributes' => array(
693	+ 'class' => 'js-social-share-theme sgpb-social-popup-minima',
694	+ 'data-popup-theme-number' => 1
695	+ )
696	+ ),
697	+ array(
698	+ 'value' => 'plain',
699	+ 'data-attributes' => array(
700	+ 'class' => 'js-social-share-theme sgpb-social-popup-plain',
701	+ 'data-popup-theme-number' => 1






























702	)
703	)
704	);
705







706	$data['socialThemeSizes'] = array(
707	'8' => '8',
708	'10' => '10',

733	'class' => 'col-md-6 sgpb-choice-option-wrapper'
734	),
735	'labelAttr' => array(
736	+ 'class' => 'subFormItem__title sgpb-margin-right-10'
737	),
738	'groupWrapperAttr' => array(
739	+ 'class' => 'subFormItem sgpb-choice-wrapper'
740	)
741	),
742	'buttonPosition' => 'right',

1200	$translatedData = array(
1201	'imageSupportAlertMessage' => __('Only image files supported', SG_POPUP_TEXT_DOMAIN),
1202	'areYouSure' => __('Are you sure?', SG_POPUP_TEXT_DOMAIN),
1203	+ 'addButtonSpinner' => __('L', SG_POPUP_TEXT_DOMAIN),
1204	'audioSupportAlertMessage' => __('Only audio files supported (e.g.: mp3, wav, m4a, ogg)', SG_POPUP_TEXT_DOMAIN),
1205	'publishPopupBeforeElementor' => __('Please, publish the popup before starting to use Elementor with it!', SG_POPUP_TEXT_DOMAIN),
1206	'publishPopupBeforeDivi' => __('Please, publish the popup before starting to use Divi Builder with it!', SG_POPUP_TEXT_DOMAIN),

com/helpers/License.php ADDED Viewed

	@@ -0,0 +1,33 @@


1	+ <?php
2	+
3	+ namespace sgpb;
4	+
5	+
6	+ class License
7	+ {
8	+ public function getLicenses()
9	+ {
10	+ return $this->setRegisteredExtensionsLicenses();
11	+ }
12	+
13	+ public function setRegisteredExtensionsLicenses()
14	+ {
15	+ $registered = AdminHelper::getOption(SGPB_POPUP_BUILDER_REGISTERED_PLUGINS);
16	+ $registered = json_decode($registered, true);
17	+
18	+ if(empty($registered)) {
19	+ return [];
20	+ }
21	+ $licenses = array();
22	+ foreach($registered as $register) {
23	+
24	+ if(empty($register['options']['licence'])) {
25	+ continue;
26	+ }
27	+
28	+ $licenses[] = $register['options']['licence'];
29	+ }
30	+
31	+ return $licenses;
32	+ }
33	+ }

com/helpers/MultipleChoiceButton.php CHANGED Viewed

@@ -126,9 +126,9 @@ class MultipleChoiceButton
+            	{
             		ob_start();
             		?>
-            -
            		<div class="sgpb-buttons-wrapper">
-            -
            			<?php echo $this->renderFields()?>
-            -
            		</div>
             		<?php
             		$content = ob_get_contents();
             		ob_get_clean();
@@ -151,22 +151,101 @@ class MultipleChoiceButton
             		if (!empty($template['groupWrapperAttr'])) {
             			$groupAttrStr = $this->createAttrs($template['groupWrapperAttr']);
+            		}
-            -
             		foreach ($fields as $field) {
-            -
            			$labelView = $this->createLabel($field);
-            -
            			$radioButton = $this->createRadioButton($field);
             			$buttonsView .= "<div $groupAttrStr>";
-            -
-            -
            			if ($buttonPosition == 'right') {
-            -
            				$buttonsView .= $labelView.$radioButton;
-            -
            			}
-            -
            			else {
-            -
            				$buttonsView .= $radioButton.$labelView;
-            -
            			}
             			$buttonsView .= '</div>';
+            		}
-            -
            		return $buttonsView;
+            	}
             	private function createRadioButton($field)
@@ -200,10 +279,12 @@ class MultipleChoiceButton
             		$info = '';
             		if (isset($field['label']['info'])) {
-            -
            			$info = '<span class="dashicons dashicons-editor-help sgpb-info-icon sgpb-info-icon-align"></span>';
-            -
            			$info .= '<span class="infoSelectRepeat samefontStyle sgpb-info-text">';
             			$info .= @$field['label']['info'];
-            -
            			$info .= '</span>';
+            		}
             		$label = "<div $parentAttrsStr>";


126	{
127	ob_start();
128	?>
129	+
130	+ <?php echo $this->renderFields()?>
131	+
132	<?php
133	$content = ob_get_contents();
134	ob_get_clean();

151	if (!empty($template['groupWrapperAttr'])) {
152	$groupAttrStr = $this->createAttrs($template['groupWrapperAttr']);
153	}

154	foreach ($fields as $field) {
155	+ $labelView = $this->createNewBrandSelectTitle($field);
156	+ $radioButton = $this->createNewBrandLabel($field);
157
158	$buttonsView .= "<div $groupAttrStr>";
159	+ $buttonsView .= $labelView.$radioButton;






160	$buttonsView .= '</div>';
161	}
162	+ return '<div class="subForm dimensionForm">'.$buttonsView.'</div>';
163	+ }
164	+
165	+ private function createNewBrandLabel($field)
166	+ {
167	+ $template = $this->getTemplate();
168	+ $savedValue = $this->getSavedValue();
169	+ $parentAttrsStr = '';
170	+ $classList = '';
171	+ $label = '';
172	+ $inputName = '';
173	+ $checked = '';
174	+ $value = '';
175	+ $inputDataAttr = '';
176	+
177	+ if (empty($field['label'])) {
178	+ return $label;
179	+ }
180	+ if (!empty($field['attr']['value'])) {
181	+ $value = $field['attr']['value'];
182	+ }
183	+ if (!empty($field['attr']['class'])) {
184	+ $classList = $field['attr']['class'];
185	+ }
186	+
187	+ $labelData = $field['label'];
188	+ if (!empty($template['labelAttr'])) {
189	+ $parentAttrsStr = $this->createAttrs($template['labelAttr']);
190	+ }
191	+
192	+ if (!empty($field['attr']['name'])) {
193	+ $inputName = $field['attr']['name'];
194	+ }
195	+ if (!empty($field['attr']['data-attr-href'])) {
196	+ $inputDataAttr = $field['attr']['data-attr-href'];
197	+ }
198	+
199	+ if (is_array($savedValue) && in_array($value, $savedValue)) {
200	+ $checked = 'checked';
201	+ }
202	+ else if (!is_array($savedValue) && $savedValue == $value) {
203	+ $checked = 'checked';
204	+ }
205	+
206	+ $info = '';
207	+ if (isset($field['label']['info'])) {
208	+ $info = '<div class="question-mark">B</div>';
209	+ $info .= '<div class="sgpb-info-wrapper">';
210	+ $info .= '<span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">';
211	+ $info .= @$field['label']['info'];
212	+ $info .= '</span>';
213	+ $info .= '</div>';
214	+ }
215	+
216	+ $label .= '<label class="control control__radio sgpb-choice-option-wrapper">';
217	+ $label .= '<input value="'.$value.'" class="sgpb-radio-input '.$classList.'" type="radio" name="'.$inputName.'" '.$checked.' data-attr-href="'.$inputDataAttr.'">';
218	+ $label .= '<div class="control__indicator"></div>';
219	+ $label .= '</label>';
220	+ $label .= $info;
221	+
222	+ return $label;
223	+ }
224	+
225	+ private function createNewBrandSelectTitle($field)
226	+ {
227	+ $template = $this->getTemplate();
228	+ $parentAttrsStr = '';
229	+ $title = '';
230	+ $labelName = '';
231	+ if (empty($field['label'])) {
232	+ return $title;
233	+ }
234	+
235	+ $labelData = $field['label'];
236	+ if (!empty($template['labelAttr'])) {
237	+ $parentAttrsStr = $this->createAttrs($template['labelAttr']);
238	+ }
239	+
240	+ if (!empty($labelData['name'])) {
241	+ $labelName = $labelData['name'];
242	+ }
243	+
244	+ $title = "<span $parentAttrsStr>";
245	+ $title .= $labelName;
246	+ $title .= '</span>';
247	+
248	+ return $title;
249	}
250
251	private function createRadioButton($field)

279
280	$info = '';
281	if (isset($field['label']['info'])) {
282	+ $info = '<div class="question-mark">B</div>';
283	+ $info = '<div class="sgpb-info-wrapper">';
284	+ $info = '<span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">';
285	$info .= @$field['label']['info'];
286	+ $info = '</span>';
287	+ $info .= '</div>';
288	}
289
290	$label = "<div $parentAttrsStr>";

com/libs/ListTable.php CHANGED Viewed

	@@ -751,9 +751,9 @@ class SGPBListTable {
751	}
752
753	if ( $disable_first ) {
754	- $page_links[] = '<span class="tablenav-pages-navspan" aria-hidden="true">«</span>';
755	} else {
756	- $page_links[] = sprintf( "<a class='first-page' href='%s'><span class='screen-reader-text'>%s</span><span aria-hidden='true'>%s</span></a>",
757	esc_url( remove_query_arg( 'paged', $current_url ) ),
758	__( 'First page' ),
759	'«'
	@@ -761,9 +761,9 @@ class SGPBListTable {
761	}
762
763	if ( $disable_prev ) {
764	- $page_links[] = '<span class="tablenav-pages-navspan" aria-hidden="true">&lsaquo;</span>';
765	} else {
766	- $page_links[] = sprintf( "<a class='prev-page' href='%s'><span class='screen-reader-text'>%s</span><span aria-hidden='true'>%s</span></a>",
767	esc_url( add_query_arg( 'paged', max( 1, $current-1 ), $current_url ) ),
768	__( 'Previous page' ),
769	'&lsaquo;'
	@@ -784,9 +784,9 @@ class SGPBListTable {
784	$page_links[] = $total_pages_before . sprintf( _x( '%1$s of %2$s', 'paging' ), $html_current_page, $html_total_pages ) . $total_pages_after;
785
786	if ( $disable_next ) {
787	- $page_links[] = '<span class="tablenav-pages-navspan" aria-hidden="true">&rsaquo;</span>';
788	} else {
789	- $page_links[] = sprintf( "<a class='next-page' href='%s'><span class='screen-reader-text'>%s</span><span aria-hidden='true'>%s</span></a>",
790	esc_url( add_query_arg( 'paged', min( $total_pages, $current+1 ), $current_url ) ),
791	__( 'Next page' ),
792	'&rsaquo;'
	@@ -794,9 +794,9 @@ class SGPBListTable {
794	}
795
796	if ( $disable_last ) {
797	- $page_links[] = '<span class="tablenav-pages-navspan" aria-hidden="true">»</span>';
798	} else {
799	- $page_links[] = sprintf( "<a class='last-page' href='%s'><span class='screen-reader-text'>%s</span><span aria-hidden='true'>%s</span></a>",
800	esc_url( add_query_arg( 'paged', $total_pages, $current_url ) ),
801	__( 'Last page' ),
802	'»'
	@@ -865,7 +865,7 @@ class SGPBListTable {
865	// We need a primary defined so responsive views show something,
866	// so let's fall back to the first non-checkbox column.
867	foreach( $columns as $col => $column_name ) {
868	- if ( 'cb' === $col ) {
869	continue;
870	}
871
	@@ -1014,8 +1014,7 @@ class SGPBListTable {
1014	}
1015
1016	foreach ( $columns as $column_key => $column_display_name ) {
1017	- $class = array( 'manage-column', "column-$column_key" );
1018	-
1019	if ( in_array( $column_key, $hidden ) ) {
1020	$class[] = 'hidden';
1021	}
	@@ -1046,12 +1045,12 @@ class SGPBListTable {
1046	}
1047
1048	$tag = ( 'cb' === $column_key ) ? 'td' : 'th';

1049	$scope = ( 'th' === $tag ) ? 'scope="col"' : '';
1050	$id = $with_id ? "id='$column_key'" : '';
1051
1052	if ( !empty( $class ) )
1053	$class = "class='" . join( ' ', $class ) . "'";
1054	-
1055	echo "<$tag $scope $id $class>$column_display_name</$tag>";
1056	}
1057	}
	@@ -1234,15 +1233,16 @@ class SGPBListTable {
1234	$primary
1235	);
1236	} elseif ( method_exists( $this, 'column_' . $column_name ) ) {

1237	echo "<td $attributes>";
1238	echo call_user_func( array( $this, 'column_' . $column_name ), $item );
1239	echo $this->handle_row_actions( $item, $column_name, $primary );
1240	- echo "</td>";
1241	} else {
1242	echo "<td $attributes>";
1243	echo $this->column_default( $item, $column_name );
1244	echo $this->handle_row_actions( $item, $column_name, $primary );
1245	- echo "</td>";
1246	}
1247	}
1248	}


751	}
752
753	if ( $disable_first ) {
754	+ $page_links[] = '<span class="tablenav-pages-navspan disabled" aria-hidden="true">«</span>';
755	} else {
756	+ $page_links[] = sprintf( "<a class='first-page button' href='%s'><span class='screen-reader-text'>%s</span><span aria-hidden='true'>%s</span></a>",
757	esc_url( remove_query_arg( 'paged', $current_url ) ),
758	__( 'First page' ),
759	'«'

761	}
762
763	if ( $disable_prev ) {
764	+ $page_links[] = '<span class="tablenav-pages-navspan disabled" aria-hidden="true">&lsaquo;</span>';
765	} else {
766	+ $page_links[] = sprintf( "<a class='prev-page button' href='%s'><span class='screen-reader-text'>%s</span><span aria-hidden='true'>%s</span></a>",
767	esc_url( add_query_arg( 'paged', max( 1, $current-1 ), $current_url ) ),
768	__( 'Previous page' ),
769	'&lsaquo;'

784	$page_links[] = $total_pages_before . sprintf( _x( '%1$s of %2$s', 'paging' ), $html_current_page, $html_total_pages ) . $total_pages_after;
785
786	if ( $disable_next ) {
787	+ $page_links[] = '<span class="tablenav-pages-navspan disabled" aria-hidden="true">&rsaquo;</span>';
788	} else {
789	+ $page_links[] = sprintf( "<a class='next-page button' href='%s'><span class='screen-reader-text'>%s</span><span aria-hidden='true'>%s</span></a>",
790	esc_url( add_query_arg( 'paged', min( $total_pages, $current+1 ), $current_url ) ),
791	__( 'Next page' ),
792	'&rsaquo;'

794	}
795
796	if ( $disable_last ) {
797	+ $page_links[] = '<span class="tablenav-pages-navspan disabled" aria-hidden="true">»</span>';
798	} else {
799	+ $page_links[] = sprintf( "<a class='last-page button' href='%s'><span class='screen-reader-text'>%s</span><span aria-hidden='true'>%s</span></a>",
800	esc_url( add_query_arg( 'paged', $total_pages, $current_url ) ),
801	__( 'Last page' ),
802	'»'

865	// We need a primary defined so responsive views show something,
866	// so let's fall back to the first non-checkbox column.
867	foreach( $columns as $col => $column_name ) {
868	+ if ( 'bulk' === $col ) {
869	continue;
870	}
871

1014	}
1015
1016	foreach ( $columns as $column_key => $column_display_name ) {
1017	+ $class = array( 'manage-column', "column-$column_key", 'table__head' );

1018	if ( in_array( $column_key, $hidden ) ) {
1019	$class[] = 'hidden';
1020	}

1045	}
1046
1047	$tag = ( 'cb' === $column_key ) ? 'td' : 'th';
1048	+ $tag = 'div';
1049	$scope = ( 'th' === $tag ) ? 'scope="col"' : '';
1050	$id = $with_id ? "id='$column_key'" : '';
1051
1052	if ( !empty( $class ) )
1053	$class = "class='" . join( ' ', $class ) . "'";

1054	echo "<$tag $scope $id $class>$column_display_name</$tag>";
1055	}
1056	}

1233	$primary
1234	);
1235	} elseif ( method_exists( $this, 'column_' . $column_name ) ) {
1236	+ //<div class="table__data">01</div>
1237	echo "<td $attributes>";
1238	echo call_user_func( array( $this, 'column_' . $column_name ), $item );
1239	echo $this->handle_row_actions( $item, $column_name, $primary );
1240	+ echo '</td>';
1241	} else {
1242	echo "<td $attributes>";
1243	echo $this->column_default( $item, $column_name );
1244	echo $this->handle_row_actions( $item, $column_name, $primary );
1245	+ echo '</td>';
1246	}
1247	}
1248	}

com/libs/Table.php CHANGED Viewed

@@ -165,17 +165,19 @@ class SGPBTable extends SGPBListTable
             		//get the columns registered in the get_columns and get_sortable_columns methods
             		list($columns, $hidden) = $this->get_column_info();
-            -
            		if (!empty($records)) {
-            -
            			foreach($records as $rec) {
-            -
            				echo '<tr>';
-            -
            				$this->customizeRow($rec);
-            -
            				for ($i = 0; $i<count($rec); $i++) {
-            -
            					echo '<td>'.stripslashes($rec[$i]).'</td>';
-            -
            				}
-            -
            				echo '</tr>';
+            			}
+            		}
+            	}
@@ -192,10 +194,10 @@ class SGPBTable extends SGPBListTable
             	public function __toString()
+            	{
             		$this->prepare_items(); ?>
-            -
            		<form method="get" id="posts-filter">
             		<p class="search-box">
             			 <input type="hidden" name="post_type" value="popupbuilder" />
-            -
            			 <?php $this->search_box('search', 'search_id'); ?>
             		</p>
             		<?php $this->display();?>
             		</form>
@@ -211,11 +213,6 @@ class SGPBTable extends SGPBListTable
             		if (!$isVisibleExtraNav) {
             			return '';
+            		}
-            -
-            -
-            -
-            -
-            -
             		?>
             		<div class="alignleft actions daterangeactions">
             			<label class="screen-reader-text" for="sgpb-subscription-popup"><?php _e('Filter by popup', SG_POPUP_TEXT_DOMAIN)?></label>
@@ -228,4 +225,139 @@ class SGPBTable extends SGPBListTable
             		</div>
             		<?php
+            	}
+            }


165	//get the columns registered in the get_columns and get_sortable_columns methods
166	list($columns, $hidden) = $this->get_column_info();
167
168	+ foreach($records as $key => $rec) {
169	+ echo '<tr>';

170
171	+ $this->customizeRow($rec);



172
173	+ foreach ($rec as $k => $item) {
174	+ if (0 === $k) {
175	+ echo '<th scope="row" class="check-column">'.$item.'</th>';
176	+ } else {
177	+ echo '<td>'.stripslashes($item).'</td>';
178	+ }
179	}
180	+ echo '</tr>';
181	}
182	}
183

194	public function __toString()
195	{
196	$this->prepare_items(); ?>
197	+ <form method="get" id="posts-filter-<?php echo $this->id?>">
198	<p class="search-box">
199	<input type="hidden" name="post_type" value="popupbuilder" />
200	+ <?php $this->search_box('search', $this->id); ?>
201	</p>
202	<?php $this->display();?>
203	</form>

213	if (!$isVisibleExtraNav) {
214	return '';
215	}





216	?>
217	<div class="alignleft actions daterangeactions">
218	<label class="screen-reader-text" for="sgpb-subscription-popup"><?php _e('Filter by popup', SG_POPUP_TEXT_DOMAIN)?></label>

225	</div>
226	<?php
227	}
228	+
229	+ public function search_box( $text, $input_id ) {
230	+ if ( empty( $_REQUEST['s'] ) && !$this->has_items() )
231	+ return;
232	+ $input_id = $input_id . '-search-input';
233	+
234	+ if ( ! empty( $_REQUEST['orderby'] ) )
235	+ echo '<input type="hidden" name="orderby" value="' . esc_attr( $_REQUEST['orderby'] ) . '" />';
236	+ if ( ! empty( $_REQUEST['order'] ) )
237	+ echo '<input type="hidden" name="order" value="' . esc_attr( $_REQUEST['order'] ) . '" />';
238	+ if ( ! empty( $_REQUEST['post_mime_type'] ) )
239	+ echo '<input type="hidden" name="post_mime_type" value="' . esc_attr( $_REQUEST['post_mime_type'] ) . '" />';
240	+ if ( ! empty( $_REQUEST['detached'] ) )
241	+ echo '<input type="hidden" name="detached" value="' . esc_attr( $_REQUEST['detached'] ) . '" />';
242	+ ?>
243	+ <div class="search search-box">
244	+ <input type="search" class="search__input" id="<?php echo $input_id ?>" name="s" value="<?php _admin_search_query(); ?>" />
245	+ <div>
246	+ <?php submit_button($text, 'search__button', '', false, array('id' => 'search-submit')); ?>
247	+ </div>
248	+ </div>
249	+ <?php
250	+ }
251	+
252	+ public function display() {
253	+ $singular = $this->_args['singular'];
254	+
255	+ $this->display_tablenav( 'top' );
256	+ ?>
257	+ <table class="table sgpb-table <?php echo implode( ' ', $this->get_table_classes() ); ?>">
258	+ <thead >
259	+ <tr>
260	+ <?php $this->print_column_headers(); ?>
261	+ </tr>
262	+ </thead>
263	+
264	+ <tbody class='sgpb-table-body'<?php
265	+ if ( $singular ) {
266	+ echo " data-wp-lists='list:$singular'";
267	+ } ?>>
268	+ <?php $this->display_rows_or_placeholder(); ?>
269	+ </tbody>
270	+ <!-- <div class="table__row">
271	+ <?php /$this->print_column_headers(); /?>
272	+ </div>-->
273	+
274	+ </table>
275	+ <?php
276	+ $this->display_tablenav( 'bottom' );
277	+ }
278	+
279	+ public function display_rows_or_placeholder() {
280	+ if ( $this->has_items() ) {
281	+ $this->display_rows();
282	+ } else {
283	+ echo '<tr class="no-items"><td class="colspanchange" colspan="' . $this->get_column_count() . '">';
284	+ $this->no_items();
285	+ echo '</td></tr>';
286	+ }
287	+ }
288	+
289	+ public function no_items() {
290	+ _e( 'No items found.' );
291	+ }
292	+
293	+ public function has_items() {
294	+ return !empty( $this->items );
295	+ }
296	+
297	+ public function print_column_headers( $with_id = true ) {
298	+ list( $columns, $hidden, $sortable, $primary ) = $this->get_column_info();
299	+
300	+ $current_url = set_url_scheme( 'http://' . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'] );
301	+ $current_url = remove_query_arg( 'paged', $current_url );
302	+
303	+ if ( isset( $_GET['orderby'] ) )
304	+ $current_orderby = sanitize_text_field($_GET['orderby']);
305	+ else
306	+ $current_orderby = '';
307	+
308	+ if ( isset( $_GET['order'] ) && 'desc' == $_GET['order'] )
309	+ $current_order = 'desc';
310	+ else
311	+ $current_order = 'asc';
312	+
313	+ /* TODO check this part of code in each imported table file */
314	+ /*if ( ! empty( $columns['bulk'] ) ) {
315	+ static $cb_counter = 1;
316	+ $columns['bulk'] = '<label class="screen-reader-text" for="cb-select-all-' . $cb_counter . '">' . __( 'Select All' ) . '</label>'
317	+ . '<input id="cb-select-all-' . $cb_counter . '" type="checkbox" />';
318	+ $cb_counter++;
319	+ }*/
320	+
321	+ foreach ( $columns as $column_key => $column_display_name ) {
322	+ $class = array( 'manage-column', "column-$column_key", 'table__head' );
323	+ if ( in_array( $column_key, $hidden ) ) {
324	+ $class[] = 'hidden';
325	+ }
326	+
327	+ if ( 'bulk' == $column_key )
328	+ $class[] = 'check-column';
329	+ elseif ( in_array( $column_key, array( 'posts', 'comments', 'links' ) ) )
330	+ $class[] = 'num';
331	+
332	+ if ( $column_key === $primary ) {
333	+ $class[] = 'column-primary';
334	+ }
335	+
336	+ if ( isset( $sortable[$column_key] ) ) {
337	+ list( $orderby, $desc_first ) = $sortable[$column_key];
338	+
339	+ if ( $current_orderby == $orderby ) {
340	+ $order = 'asc' == $current_order ? 'desc' : 'asc';
341	+ $class[] = 'sorted';
342	+ $class[] = $current_order;
343	+ } else {
344	+ $order = $desc_first ? 'desc' : 'asc';
345	+ $class[] = 'sortable';
346	+ $class[] = $desc_first ? 'asc' : 'desc';
347	+ }
348	+
349	+ $column_display_name = '<a href="' . esc_url( add_query_arg( compact( 'orderby', 'order' ), $current_url ) ) . '"><span>' . $column_display_name . '</span><span class="sorting-indicator"></span></a>';
350	+ }
351	+
352	+ $tag = ( 'bulk' === $column_key ) ? 'td' : 'th';
353	+
354	+ $scope = ( 'th' === $tag ) ? 'scope="col"' : '';
355	+ $id = $with_id ? "id='$column_key'" : '';
356	+
357	+ if ( !empty( $class ) )
358	+ $class = "class='" . join( ' ', $class ) . "'";
359	+ echo "<$tag $scope $id $class>$column_display_name</$tag>";
360	+ }
361	+ }
362	+
363	}

languages/popupBuilder.pot CHANGED Viewed

	@@ -1763,7 +1763,7 @@ msgstr ""
1763	msgid "Min height"
1764	msgstr ""
1765
1766	- #: public/views/~~importSettingsView~~.php:20
1767	msgid "Import popups"
1768	msgstr ""
1769


1763	msgid "Min height"
1764	msgstr ""
1765
1766	+ #: public/views/importPopupsView.php:20
1767	msgid "Import popups"
1768	msgstr ""
1769

popup-builder.php CHANGED Viewed

	@@ -3,7 +3,7 @@
3	* Plugin Name: Popup Builder
4	* Plugin URI: https://popup-builder.com
5	* Description: The most complete popup plugin. Html, image, iframe, shortcode, video and many other popup types. Manage popup dimensions, effects, themes and more.
6	- * Version: 3.84
7	* Author: Sygnoos
8	* Author URI: https://sygnoos.com
9	* License: GPLv2


3	* Plugin Name: Popup Builder
4	* Plugin URI: https://popup-builder.com
5	* Description: The most complete popup plugin. Html, image, iframe, shortcode, video and many other popup types. Manage popup dimensions, effects, themes and more.
6	+ * Version: 4.0
7	* Author: Sygnoos
8	* Author URI: https://sygnoos.com
9	* License: GPLv2

public/css/ResetFormStyle.css CHANGED Viewed

@@ -1,28 +1,17 @@
-            -
            .sgpb-form-wrapper input,
             .sgpb-form-wrapper label,
-            -
            .sgpb-form-wrapper select,
             .sgpb-form-wrapper button,
             .sgpb-form-wrapper
-            -
            textarea{margin:0;border:0;padding:0;display:inline-block;vertical-align:middle;white-space:normal;background:none;line-height:1;max-width:100% !important;font-size:13px;font-family:Arial}.sgpb-form-wrapper input:focus{outline:0}.sgpb-form-wrapper input,
-            -
            .sgpb-form-wrapper
-            -
            textarea{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.sgpb-form-wrapper button,
-            -
            .sgpb-form-wrapper input[type=reset],
-            -
            .sgpb-form-wrapper input[type=button],
-            -
            .sgpb-form-wrapper input[type=submit],
-            -
            .sgpb-form-wrapper input[type=checkbox],
-            -
            .sgpb-form-wrapper input[type=radio],
-            -
            .sgpb-form-wrapper
-            -
            select{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.sgpb-form-wrapper input[type=checkbox],
-            -
            .sgpb-form-wrapper input[type=radio]{width:13px;height:13px}.sgpb-form-wrapper input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}.sgpb-form-wrapper ::-webkit-search-decoration{display:none}.sgpb-form-wrapper button,
-            -
            .sgpb-form-wrapper input[type="reset"],
-            -
            .sgpb-form-wrapper input[type="button"],
-            -
            .sgpb-form-wrapper input[type="submit"]{overflow:visible;width:auto}.sgpb-form-wrapper ::-webkit-file-upload-button{padding:0;border:0;background:none}.sgpb-form-wrapper
             textarea{vertical-align:top;overflow:auto}.sgpb-form-wrapper select[multiple]{vertical-align:top}.sgpb-form-wrapper input[type="text"],
             .sgpb-form-wrapper input[type="number"],
             .sgpb-form-wrapper input[type="password"],
             .sgpb-form-wrapper input[type="email"],
             .sgpb-form-wrapper input[type="submit"],
-            -
            .sgpb-form-wrapper input[type="button"]{max-width:100% !important;padding:10px
-            -
            !important;box-sizing:border-box;font-size:14px !important;box-shadow:none !important;margin:5px
             auto !important;display:inline-block !important;font-weight:bold !important;background-image:none !important;line-height:normal !important}.sgpb-form-wrapper input[type="submit"],
             .sgpb-form-wrapper input[type="button"]{line-height:0.4 !important;font-size:18px !important}.sg-js-hide{display:none}


1	+ .sgpb-form-wrapper select, .sgpb-form-wrapper
2	+ label{margin:0;border:0;padding:0;display:inline-block;vertical-align:middle;white-space:normal;line-height:1;max-width:100% !important;font-size:13px;font-family:Arial}.sgpb-form-wrapper input,
3	.sgpb-form-wrapper label,

4	.sgpb-form-wrapper button,
5	+ .sgpb-form-wrapper select,
6	.sgpb-form-wrapper
7	+ textarea{background:none;outline:none}.sgpb-form-wrapper input:focus{outline:0}.sgpb-form-wrapper input[type=checkbox],
8	+ .sgpb-form-wrapper input[type=radio]{width:13px;height:13px}.sgpb-form-wrapper input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}.sgpb-form-wrapper ::-webkit-search-decoration{display:none}.sgpb-form-wrapper ::-webkit-file-upload-button{padding:0;border:0;background:none}.sgpb-form-wrapper












9	textarea{vertical-align:top;overflow:auto}.sgpb-form-wrapper select[multiple]{vertical-align:top}.sgpb-form-wrapper input[type="text"],
10	.sgpb-form-wrapper input[type="number"],
11	.sgpb-form-wrapper input[type="password"],
12	.sgpb-form-wrapper input[type="email"],
13	.sgpb-form-wrapper input[type="submit"],
14	+ .sgpb-form-wrapper input[type="button"]{max-width:100% !important;padding:0
15	+ 10px !important;box-sizing:border-box;font-size:14px !important;box-shadow:none !important;margin:5px
16	auto !important;display:inline-block !important;font-weight:bold !important;background-image:none !important;line-height:normal !important}.sgpb-form-wrapper input[type="submit"],
17	.sgpb-form-wrapper input[type="button"]{line-height:0.4 !important;font-size:18px !important}.sg-js-hide{display:none}

public/css/SubscriptionForm.css CHANGED Viewed

	@@ -1,6 +1,6 @@
1	- .sgpb-form-wrapper input,
2	.sgpb-form-wrapper
3	- textarea{padding:~~15px~~;border:1px
4	solid #ccc;margin-bottom:10px;width:100%;box-sizing:border-box;font-family:Arial;color:#2C3E50;font-size:13px}.sgpb-form-wrapper .sgpb-field-textarea-wrapper,
5	.sgpb-form-wrapper .sgpb-field-dropdown-wrapper{margin:5px
6	auto !important}.sgpb-form-wrapper input[type="submit"],
	@@ -12,7 +12,7 @@ solid}.sgpb-inputs-wrapper.form-group{margin:0;padding:0}.sgpb-subscription-form
12	0 0 0;max-width:5% !important;font-weight:bold}.sgpb-gdpr-label-wrapper{margin:0
13	auto !important;text-align:left !important}#sgpb-gdpr-field-label+label{margin:4px
14	0 0 5px;width:80% !important;text-align:left !important}.sgpb-gdpr-info{margin-bottom:0;margin-top:5px;text-align:left;border:none;background:transparent;padding:0;display:inline-block;overflow-wrap:break-word;line-height:1.4em;font-size:13px;font-family:BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}.sgpb-form-wrapper
15	- select{width:100%;padding:7px;border:1px
16	solid #CCC}.sgpb-choice-option-label,.sgpb-choice-option-wrapper{display:inline-block !important}.sgpb-choice-option-wrapper input,
17	.sgpb-field-gdpr-wrapper input[type=checkbox]{margin:0
18	10px 0 0px !important}.sgpb-buttons-wrapper,.sgpb-field-gdpr-wrapper{text-align:left}.sgpb-subs-text-checkbox-gdpr{font-size:13px;text-align:left}.sgpb-label-wrapper{text-align:left;font-weight:900}.sgpb-field-gdpr-wrapper,.sgpb-label-gdpr-wrapper{display:inline-block}.sgpb-field-wrapper{max-width:100% !important}.sgpb-subscription-plus-form-error-placement


1	+ .sgpb-form-wrapper input[type="checkbox"]:after{content:none}.sgpb-form-wrapper input,
2	.sgpb-form-wrapper
3	+ textarea{padding:inherit!important;border:1px
4	solid #ccc;margin-bottom:10px;width:100%;box-sizing:border-box;font-family:Arial;color:#2C3E50;font-size:13px}.sgpb-form-wrapper .sgpb-field-textarea-wrapper,
5	.sgpb-form-wrapper .sgpb-field-dropdown-wrapper{margin:5px
6	auto !important}.sgpb-form-wrapper input[type="submit"],

12	0 0 0;max-width:5% !important;font-weight:bold}.sgpb-gdpr-label-wrapper{margin:0
13	auto !important;text-align:left !important}#sgpb-gdpr-field-label+label{margin:4px
14	0 0 5px;width:80% !important;text-align:left !important}.sgpb-gdpr-info{margin-bottom:0;margin-top:5px;text-align:left;border:none;background:transparent;padding:0;display:inline-block;overflow-wrap:break-word;line-height:1.4em;font-size:13px;font-family:BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}.sgpb-form-wrapper
15	+ select{box-sizing:border-box;width:100%;padding:7px;border:1px
16	solid #CCC}.sgpb-choice-option-label,.sgpb-choice-option-wrapper{display:inline-block !important}.sgpb-choice-option-wrapper input,
17	.sgpb-field-gdpr-wrapper input[type=checkbox]{margin:0
18	10px 0 0px !important}.sgpb-buttons-wrapper,.sgpb-field-gdpr-wrapper{text-align:left}.sgpb-subs-text-checkbox-gdpr{font-size:13px;text-align:left}.sgpb-label-wrapper{text-align:left;font-weight:900}.sgpb-field-gdpr-wrapper,.sgpb-label-gdpr-wrapper{display:inline-block}.sgpb-field-wrapper{max-width:100% !important}.sgpb-subscription-plus-form-error-placement

public/css/fonts/Glyphter.woff ADDED Viewed

Binary file

public/css/fonts/Segoe UI Bold Italic.ttf ADDED Viewed

Binary file

public/css/fonts/Segoe UI Bold.ttf ADDED Viewed

Binary file

public/css/fonts/Segoe UI Italic.ttf ADDED Viewed

Binary file

public/css/fonts/Segoe UI.ttf ADDED Viewed

Binary file

public/css/fonts/Segoe-UI-Bold.woff ADDED Viewed

Binary file

public/css/fonts/SegoeUI.woff ADDED Viewed

Binary file

public/css/listsNewStyles.css ADDED Viewed

	@@ -0,0 +1,428 @@


1	+ @font-face {
2	+ font-family: "Glyphter";
3	+ src: url("../fonts/Glyphter.woff") format("woff");
4	+ }
5	+
6	+ body {
7	+ background-color: #ffffff;
8	+ }
9	+ .wp-has-submenu:after {
10	+ border-right-color: #ffffff !important;
11	+ }
12	+ .wrap {
13	+ display: flex;
14	+ height: auto;
15	+ padding: 0 0.417vw 45px 0.417vw;
16	+ background: white;
17	+ flex-direction: column;
18	+ height: auto;
19	+ width: 98%;
20	+ }
21	+ .sgpb-wrapp {
22	+ display: inline-block;
23	+ margin-bottom: 105px;
24	+ }
25	+ .sgpb-wrapp .wp-heading-inline {
26	+ font: Bold calc(20px + 0.521vw)/calc(33px + 0.521vw) Segoe UI Regular;
27	+ letter-spacing: 0px;
28	+ color: #000;
29	+ margin-bottom: 20px;
30	+ display: block !important;
31	+ height: 100px;
32	+ }
33	+ .wrap .sgpb-wrapp .page-title-action {
34	+ border-radius: 39px;
35	+ font: Bold calc(10px + 0.417vw)/calc(10px + 0.729vw) Segoe UI Regular;
36	+ letter-spacing: 0px;
37	+ padding: 0.859vw 1.188vw;
38	+ align-items: center;
39	+ border: none;
40	+ margin: 0 10px;
41	+ margin-left: 0;
42	+ display: inline;
43	+ border: 2px solid #2873EB;
44	+ border-radius: 39px;
45	+ color: #2873EB;
46	+ background-color: transparent;
47	+ }
48	+ .wrap .sgpb-wrapp .page-title-action:hover {
49	+ background: #2873EB 0% 0% no-repeat padding-box !important;
50	+ box-shadow: 0px 0px 10px #2873EB66 !important;
51	+ border-radius: 39px !important;
52	+ color: #FFFFFF !important;
53	+ border: 2px solid rgba(40, 115, 235, 0.3) !important;
54	+ }
55	+ .subsubsub {
56	+ display: flex;
57	+ position: relative;
58	+ margin-left: 64%;
59	+ margin-bottom: -70px;
60	+ }
61	+ .subsubsub li a {
62	+ width: 100%;
63	+ height: 100%;
64	+ display: inline-block;
65	+ line-height: 30px;
66	+ }
67	+ .subsubsub li {
68	+ width: 140px;
69	+ border-radius: 29px;
70	+ height: 57px;
71	+ border: 2px solid rgba(0, 0, 0, 0.2);
72	+ font-size: calc(8px + 0.521vw);
73	+ line-height: calc(17px + 0.521vw);
74	+ letter-spacing: 0px;
75	+ color: #000;
76	+ background-color: #ffffff;
77	+ text-align: center;
78	+ padding: 5px;
79	+ margin-left: 10px;
80	+ overflow: hidden;
81	+ }
82	+ .subsubsub li:hover {
83	+ background-color: rgba(0, 0, 0, 0.1);
84	+ }
85	+ .subsubsub a .count, .subsubsub a.current .count,
86	+ .subsubsub li a,
87	+ .subsubsub li span {
88	+ color: #000000;
89	+ }
90	+
91	+ .search-box {
92	+ display: flex;
93	+ margin: -150px 0 0 0 !important;
94	+ }
95	+
96	+ .search-box input[type="submit"] {
97	+ font: Bold calc(10px + 0.417vw)/calc(10px + 0.729vw) Segoe UI Regular;
98	+ letter-spacing: 0px;
99	+ color: #FFF;
100	+ background: #2873EB 0% 0% no-repeat padding-box;
101	+ box-shadow: 0px 0px 10px #2873EB4C;
102	+ border-radius: 39px;
103	+ border: none;
104	+ padding: 13px;
105	+ margin-left: -88px;
106	+ margin-top: 5px;
107	+ height: 50px;
108	+ }
109	+
110	+ .search-box input[type="search"] {
111	+ width: calc(100px + 11.146vw);
112	+ height: 60px;
113	+ background: #F1F1F1 0% 0% no-repeat padding-box;
114	+ border-radius: 5px;
115	+ padding: 15px 0;
116	+ padding-left: 0px;
117	+ padding-left: 15px;
118	+ border: none;
119	+ }
120	+ .tablenav {
121	+ display: flex;
122	+ }
123	+
124	+ .tablenav.bottom {
125	+ margin-top: -55px !important;
126	+ float: right !important;
127	+ margin-right: 30px !important;
128	+ }
129	+ .tablenav .actions select {
130	+ height: 60px;
131	+ letter-spacing: 0px;
132	+ color: #000;
133	+ font-size: calc(0.521vw + 10px);
134	+ line-height: calc(17px + 0.521vw);
135	+ background: #f1f1f1 0% 0% no-repeat padding-box;
136	+ background-position-x: 0%;
137	+ background-position-y: 0%;
138	+ background-repeat: no-repeat;
139	+ background-image: none;
140	+ border-radius: 5px;
141	+ border: none;
142	+ padding-top: 13px;
143	+ padding-bottom: 19px;
144	+ padding-left: 1.094vw;
145	+ padding-right: 1.094vw;
146	+ width: 16.667vw;
147	+ min-width: 200px;
148	+ margin-right: 0;
149	+ background-image: url(../icons/down.png);
150	+ background-repeat: no-repeat;
151	+ background-position-x: 95.1%;
152	+ background-position-y: 22px;
153	+ }
154	+
155	+ .tablenav .actions {
156	+ display: flex;
157	+ align-items: center;
158	+ width: calc(10.417vw + 144px);
159	+ height: 60px;
160	+ min-width: 300px;
161	+ }
162	+
163	+ table {
164	+ background: #ffffff 0% 0% no-repeat padding-box !important;
165	+ box-shadow: 0px 0px 15px #0000001a !important;
166	+ border-radius: 5px !important;
167	+ width: 100% !important;
168	+ margin-top: 70px !important;
169	+ overflow-y: auto !important;
170	+ border: none !important;
171	+ }
172	+ table thead th,
173	+ table tbody th,
174	+ table tfoot th {
175	+ font: Bold calc(10px + 0.521vw) / calc(10px + 0.885vw) Segoe UI Regular !important;
176	+ letter-spacing: 0px !important;
177	+ color: #000 !important;
178	+ padding: calc(0.26vw + 15px) !important;
179	+ padding-left: calc(15px + 0.26vw) !important;
180	+ text-align: left !important;
181	+ padding-left: 0 !important;
182	+ margin-right: 40px !important;
183	+ /width: 60px !important;/
184	+ }
185	+ #posts-filter table tbody tr:last-child th,
186	+ #posts-filter table tbody tr:last-child td {
187	+ border-bottom: 1px solid #ccd0d4 !important;
188	+ }
189	+ table tbody td.title,
190	+ table tbody td.type {
191	+ padding-top: 30px !important;
192	+ }
193	+ .no-items td {
194	+ padding-left: 30px !important;
195	+ }
196	+ #posts-filter table tbody tr td {
197	+ margin-right: 0 !important;
198	+ }
199	+ table thead th#onOff,
200	+ table thead th#counter {
201	+ width: 10% !important;
202	+ }
203	+ table thead th#title {
204	+ width: 13% !important;
205	+ }
206	+
207	+ table thead th#type {
208	+ width: 70px !important;
209	+ }
210	+ table thead th#options {
211	+ width: 100px !important;
212	+ }
213	+ table thead th#shortcode,
214	+ table thead th#className {
215	+ width: 100px !important;
216	+ }
217	+ table thead td {
218	+ width: 30px !important;
219	+ }
220	+ table thead td input[type="checkbox"]:before {
221	+ content: '-';
222	+ margin-top: -13px;
223	+ color: #fff;
224	+ font-size: 53px;
225	+ }
226	+ table thead td,
227	+ table tbody th {
228	+ padding-left: 3px !important;
229	+ }
230	+ table tbody th { padding-top: 30px !important; }
231	+ table thead td input[type="checkbox"]:checked::before,
232	+ table tbody th input[type="checkbox"]:checked::before {
233	+ content: "E";
234	+ font-family: "Glyphter", Arial, Helvetica, sans-serif;
235	+ font-size: 24px;
236	+ line-height: 1.1;
237	+ color: #ffffff;
238	+ }
239	+ table thead td input[type="checkbox"],
240	+ table tbody th input[type="checkbox"] {
241	+ width: 28px;
242	+ height: 28px;
243	+ background: #2873eb 0% 0% no-repeat padding-box;
244	+ border-radius: 3px;
245	+ display: flex;
246	+ justify-content: center;
247	+ align-items: center;
248	+ margin: 0 20px;
249	+ border-color: #cccccc !important;
250	+ }
251	+ table tbody th input[type="checkbox"]:checked::before {
252	+ color: #2873eb !important;
253	+ }
254	+ table tbody th input[type="checkbox"] {
255	+ background: #f1f1f1 0% 0% no-repeat padding-box;
256	+ }
257	+ table tfoot th,
258	+ table tfoot td {
259	+ visibility: hidden;
260	+ padding: 30px 0 0 0 !important;
261	+ }
262	+ table tbody td .row-actions {
263	+ display: none !important;
264	+ }
265	+ table tbody td {
266	+ letter-spacing: 0px !important;
267	+ color: #000 !important;
268	+ font-size: calc(10px + 0.521vw) !important;
269	+ line-height: calc(17px + 0.521vw) !important;
270	+ text-align: left !important;
271	+ margin-right: 40px !important;
272	+ padding-top: 21px !important;
273	+ padding-left: 0px !important;
274	+ }
275	+ table tbody td strong a.row-title {
276	+ font-size: calc(10px + 0.521vw) !important;
277	+ color: #000 !important;
278	+ font-weight: lighter;
279	+ }
280	+ table tbody td .sgpb-counter-wrapper {
281	+ display: flex;
282	+ align-items: center;
283	+ justify-content: center;
284	+ }
285	+ table tbody td .sgpb-reset-count-btn {
286	+ border: 2px solid #000000 !important;
287	+ border-radius: 5px !important;
288	+ font-size: calc(10px + 0.521vw) !important;
289	+ line-height: calc(17px + 0.521vw) !important;
290	+ letter-spacing: 0px !important;
291	+ color: #000 !important;
292	+ background-color: transparent !important;
293	+ padding: 0.459vw 0.188vw !important;
294	+ font: Regular calc(10px + 0.417vw)/calc(10px + 0.729vw) Segoe UI !important;
295	+ align-items: center !important;
296	+ margin: 0 10px !important;
297	+ min-width: 75px !important;
298	+ display: flex !important;
299	+ justify-content: center !important;
300	+ text-align: center;
301	+ }
302	+ table .code {
303	+ border: 1px solid #C2C2C2;
304	+ border-radius: 5px;
305	+ height: 42px;
306	+ background-color: #fff;
307	+ letter-spacing: 0px;
308	+ color: #000;
309	+ font-size: calc(7px + 0.521vw);
310	+ line-height: calc(17px + 0.521vw);
311	+ text-align: left;
312	+ width: 90%;
313	+ }
314	+ table tbody td.options {
315	+ display: flex;
316	+ padding-bottom: 18px;
317	+ }
318	+ .tablenav input[type="submit"] {
319	+ border-radius: 5px;
320	+ height: 100%;
321	+ margin: 0;
322	+ background: #2873EB 0% 0% no-repeat padding-box;
323	+ box-shadow: 0px 0px 10px #2873EB66;
324	+ color: #FFFFFF;
325	+ font: Bold calc(10px + 0.417vw)/calc(10px + 0.729vw) Segoe UI Regular;
326	+ letter-spacing: 0px;
327	+ padding: 0.859vw 1.188vw;
328	+ align-items: center;
329	+ border: none;
330	+ min-width: 75px;
331	+ display: flex;
332	+ justify-content: center;
333	+ }
334	+ select:focus,
335	+ a:focus,
336	+ li:focus {
337	+ outline: 0 !important;
338	+ box-shadow: none !important;
339	+ }
340	+ .select__select {
341	+ height: 60px !important;
342	+ letter-spacing: 0px !important;
343	+ color: #000 !important;
344	+ font-size: calc(0.521vw + 10px) !important;
345	+ line-height: calc(17px + 0.521vw) !important;
346	+ background: #f1f1f1 0% 0% no-repeat padding-box !important;
347	+ border-radius: 5px !important;
348	+ border: none !important;
349	+ padding-top: 13px !important;
350	+ padding-bottom: 19px !important;
351	+ padding-left: 1.094vw !important;
352	+ padding-right: 1.094vw !important;
353	+ background-image: url(../icons/down.png) !important;
354	+ background-repeat: no-repeat !important;
355	+ background-position-x: 95.1% !important;
356	+ background-position-y: 17px !important;
357	+ }
358	+ .select__select_transparient {
359	+ background-size: 9px !important;
360	+ min-width: 80px !important;
361	+ background-color: transparent !important;
362	+ width: 40% !important;
363	+ margin-top: 0 !important;
364	+ padding-top: 0 !important;
365	+ margin-left: -10px !important;
366	+ }
367	+ .tablenav.top .tablenav-pages {
368	+ display: none;
369	+ }
370	+ .tablenav.bottom .tablenav-pages .button {
371	+ border: none;
372	+ background-color: #ffffff !important;
373	+ color: #000000 !important;
374	+ font-size: 30px;
375	+ line-height: 30px;
376	+ }
377	+ .tablenav.bottom .tablenav-pages .button.disabled {
378	+ color: #cccccc !important;
379	+ }
380	+ .tablenav.bottom .tablenav-pages .button.disabled:hover {
381	+ cursor: default !important;
382	+ }
383	+ .tablenav.bottom .tablenav-pages .button::focus {
384	+ outline: 0 !important;
385	+ box-shadow: none !important;
386	+ }
387	+ .tablenav.bottom .tablenav-pages .button:hover {
388	+ cursor: pointer;
389	+ }
390	+ .tablenav.bottom .tablenav-pages {
391	+ letter-spacing: 0px;
392	+ font-size: calc(10px + 0.521vw);
393	+ line-height: calc(17px + 0.521vw);
394	+ color: #000;
395	+ }
396	+ .tablenav.bottom .actions {
397	+ display: none;
398	+ }
399	+ .sgpb-dashboard-popup-count-wrapper {
400	+ margin-right: 5px;
401	+ float: left;
402	+ }
403	+ .sorting-indicator {
404	+ margin-top: 14px !important;
405	+ }
406	+ .icon {
407	+ width: 50px;
408	+ min-width: 50px;
409	+ height: 50px;
410	+ border-radius: 15px;
411	+ display: flex;
412	+ align-items: center;
413	+ justify-content: center;
414	+ border-radius: 50%;
415	+ margin: 0 0.26vw;
416	+ }
417	+ .icon:hover {
418	+ cursor: pointer;
419	+ }
420	+ .icon_pink {
421	+ background: #ffcece 0% 0% no-repeat padding-box;
422	+ }
423	+ .icon_blue {
424	+ background: #b5caec 0% 0% no-repeat padding-box;
425	+ }
426	+ .notice {
427	+ visibility: hidden !important;
428	+ }

public/css/newDesign.css ADDED Viewed

	@@ -0,0 +1,5130 @@


1	+ @font-face {
2	+ font-family: "Segoe UI Regular";
3	+ src: url("../fonts/SegoeUI.woff") format("woff");
4	+ }
5	+
6	+ @font-face {
7	+ font-family: "Segoe UI Bold";
8	+ src: url("fonts/Segoe-UI-Bold.woff") format("woff");
9	+ }
10	+
11	+ @font-face {
12	+ font-family: "Glyphter";
13	+ src: url("../fonts/Glyphter.woff") format("woff");
14	+ }
15	+
16	+ * {
17	+ box-sizing: border-box;
18	+ font-family: "Segoe UI Regular", Arial, Helvetica, sans-serif;
19	+ }
20	+
21	+ html {
22	+ height: 100%;
23	+ }
24	+
25	+ body {
26	+ height: 100%;
27	+ margin: 0;
28	+ padding: 0;
29	+ overflow-x: hidden;
30	+ }
31	+
32	+ h1,
33	+ h2,
34	+ h3,
35	+ h4,
36	+ h5,
37	+ h6 {
38	+ margin: 0;
39	+ }
40	+
41	+ input {
42	+ outline: none;
43	+ }
44	+
45	+ button {
46	+ cursor: pointer;
47	+ }
48	+
49	+ input[type="text"]:focus,
50	+ input[type="email"]:focus,
51	+ input[type="search"]:focus {
52	+ box-shadow: none;
53	+ }
54	+
55	+ input[type="button"]:hover,
56	+ input[type="submit"]:hover {
57	+ cursor: pointer !important;
58	+ }
59	+
60	+ /* menu */
61	+ .sgpb-content {
62	+ display: flex;
63	+ height: 100%;
64	+ background: white;
65	+ }
66	+
67	+ .sgpb-aside_left {
68	+ width: 300px;
69	+ display: flex;
70	+ flex-direction: column;
71	+ height: 100%;
72	+ }
73	+
74	+ .sgpb-box__aside_left {
75	+ margin-bottom: 8px;
76	+ padding: 14px;
77	+ width: 100%;
78	+ height: 56px;
79	+ background: #f8f8f8;
80	+ box-sizing: border-box;
81	+ border-left: 3px solid #f8f8f8;
82	+ transition: 0.2s;
83	+ }
84	+
85	+ .sgpb-box-aside__h3 {
86	+ text-align: left;
87	+ letter-spacing: 0px;
88	+ color: #000000;
89	+ font: 20px/27px Segoe UI Regular;
90	+ margin: 0;
91	+ }
92	+
93	+ .sgpb-box-aside__span {
94	+ width: 100%;
95	+ height: 40px;
96	+ font: 15px/20px Segoe UI Regular;
97	+ color: #757575;
98	+ }
99	+
100	+ .sgpb-box__aside_left_active {
101	+ width: 392px;
102	+ height: 124px;
103	+ background: #ffffff 0% 0% no-repeat padding-box;
104	+ box-shadow: 0px 0px 10px #01b9ff29;
105	+ border-left: 3px solid #01b9ff;
106	+ }
107	+
108	+ .sgpb-box-aside__h3_active {
109	+ text-align: left;
110	+ font: Black 20px/27px Segoe UI Regular;
111	+ letter-spacing: 0px;
112	+ color: #01b9ff;
113	+ }
114	+
115	+ .sgpb-menuIcon {
116	+ width: 40px;
117	+ position: absolute;
118	+ top: 23px;
119	+ right: 10px;
120	+ display: none;
121	+ }
122	+
123	+ .sgpb-menuIcon > div {
124	+ width: 35px;
125	+ height: 5px;
126	+ background-color: gray;
127	+ margin: 6px 0;
128	+ }
129	+
130	+ .sgpb-hiddenMenu {
131	+ position: absolute;
132	+ width: 100%;
133	+ background: #23282d;
134	+ z-index: 99;
135	+ display: none;
136	+ }
137	+
138	+ .sgpb-menu {
139	+ width: 100%;
140	+ }
141	+
142	+ .sgpb-menu__item {
143	+ list-style: none;
144	+ text-align: center;
145	+ padding: 10px 0;
146	+ }
147	+
148	+ .sgpb-menu__item > a {
149	+ letter-spacing: 0px;
150	+ font-size: 20px;
151	+ line-height: 27px;
152	+ color: #fff;
153	+ text-decoration: none;
154	+ }
155	+
156	+ .sgpb-closeIcon {
157	+ position: absolute;
158	+ top: 23px;
159	+ right: 10px;
160	+ width: 32px;
161	+ height: 32px;
162	+ opacity: 0.3;
163	+ z-index: 999;
164	+ }
165	+
166	+ .sgpb-closeIcon:hover {
167	+ opacity: 1;
168	+ }
169	+
170	+ .sgpb-closeIcon:before, .closeIcon:after {
171	+ position: absolute;
172	+ left: 15px;
173	+ content: " ";
174	+ height: 33px;
175	+ width: 2px;
176	+ background-color: #fff;
177	+ }
178	+
179	+ .sgpb-closeIcon:before {
180	+ transform: rotate(45deg);
181	+ }
182	+
183	+ .sgpb-closeIcon:after {
184	+ transform: rotate(-45deg);
185	+ }
186	+
187	+ /* conditions */
188	+ .sgpb-popup-display-rules {
189	+ padding-left: 39px;
190	+ position: relative;
191	+ }
192	+
193	+ .sgpb-popup-display-rules__heading {
194	+ /* TODO font-family: Bold */
195	+ letter-spacing: 0px;
196	+ color: #000000;
197	+ font-size: 40px;
198	+ line-height: 53px;
199	+ }
200	+
201	+ .sgpb-slect-icon-wrapper {
202	+ align-items: flex-end;
203	+ }
204	+
205	+ .sgpb-icons__item {
206	+ font-family: "Glyphter", Arial, Helvetica, sans-serif;
207	+ font-size: 30px;
208	+ }
209	+
210	+ .sgpb-icons_pink {
211	+ color: #C12121;
212	+ }
213	+
214	+ .sgpb-select__title {
215	+ font: Bold calc(10px + 0.521vw)/calc(17px + 0.521vw) Segoe UI Regular;
216	+ letter-spacing: 0px;
217	+ color: #000;
218	+ }
219	+
220	+ @media screen and (max-width: 600px) {
221	+ .sgpb-popup-display-rules {
222	+ padding-left: 7px;
223	+ }
224	+ }
225	+
226	+ @media screen and (max-width: 796px) {
227	+ .sgpb-select_margined {
228	+ margin-left: 31px !important;
229	+ }
230	+ }
231	+
232	+ @media screen and (max-width: 658px) {
233	+ .sgpb-select_margined {
234	+ margin-left: 0 !important;
235	+ }
236	+ }
237	+
238	+ /* main page */
239	+ .sgpb-main-page {
240	+ padding: 2.865vw 2.417vw;
241	+ background: white;
242	+ margin-top: 1.719vw;
243	+ }
244	+
245	+ .sgpb-main-page .sgpb-button__span {
246	+ font: Bold 22px/28px Segoe UI Regular !important;
247	+ }
248	+
249	+ .sgpb-heading {
250	+ display: flex;
251	+ justify-content: space-between;
252	+ margin-bottom: 76px;
253	+ }
254	+
255	+ .sgpb-heading__h1 {
256	+ text-align: left;
257	+ font: Bold 40px/53px Segoe UI Regular;
258	+ letter-spacing: 0px;
259	+ color: #000000;
260	+ font-size: calc(20px + (40 - 20) * ((100vw - 300px) / (1600 - 300)));
261	+ }
262	+
263	+ /* BLUE BUTTON */
264	+ .sgpb-blue-button-wraper {
265	+ min-width: 200px;
266	+ display: flex;
267	+ justify-content: space-between;
268	+ align-items: center;
269	+ }
270	+
271	+ .sgpb-button_blue {
272	+ width: 37.755vw;
273	+ max-width: 296px;
274	+ min-width: 200px;
275	+ display: flex;
276	+ justify-content: space-evenly;
277	+ align-items: center;
278	+ border-radius: 50px;
279	+ height: 71px;
280	+ background: #01b9ff 0% 0% no-repeat padding-box;
281	+ box-shadow: 0px 0px 6px #01b9ff80;
282	+ }
283	+
284	+ .sgpb-button__span {
285	+ text-align: left;
286	+ font: Bold 23px/33px Segoe UI Regular;
287	+ letter-spacing: 0px;
288	+ color: #ffffff;
289	+ padding-right: 20px;
290	+ }
291	+
292	+ .sgpb-mini-blocks {
293	+ width: 42px;
294	+ height: 41px;
295	+ align-content: center;
296	+ position: relative;
297	+ display: flex;
298	+ z-index: 9;
299	+ flex-wrap: wrap;
300	+ margin-left: 20px;
301	+ }
302	+
303	+ .sgpb-mini-blocks_white {
304	+ width: 15px;
305	+ height: 15px;
306	+ margin: 1.6px;
307	+ background: #ffffff 0% 0% no-repeat padding-box;
308	+ border-radius: 2px;
309	+ }
310	+
311	+ .sgpb-mini-blocks_litle {
312	+ width: 11.27px;
313	+ height: 11.27px;
314	+ }
315	+
316	+ /* addPopup */
317	+ .sgpb-addPopup {
318	+ display: flex;
319	+ justify-content: space-between;
320	+ flex-wrap: wrap;
321	+ }
322	+
323	+ .sgpb-__box {
324	+ width: 357px;
325	+ height: 129px;
326	+ position: relative;
327	+ display: flex;
328	+ margin-bottom: 47.22px;
329	+ margin-right: 20px;
330	+ align-items: center;
331	+ background: #ffffff 0% 0% no-repeat padding-box;
332	+ box-shadow: 0px 0px 16px #00000026;
333	+ border-radius: 18px;
334	+ }
335	+
336	+ .sgpb-__box:hover,
337	+ .sgpb-blue-button-wraper:hover {
338	+ cursor: pointer;
339	+ }
340	+
341	+ .sgpb-__box .sgpb-cross {
342	+ font-size: 22px !important;
343	+ }
344	+
345	+ .sgpb-_blue {
346	+ width: 128px;
347	+ height: 129px;
348	+ display: flex;
349	+ justify-content: center;
350	+ align-items: center;
351	+ background: #2873eb 0% 0% no-repeat padding-box;
352	+ box-shadow: 0px 0px 15px #0000001a;
353	+ border-radius: 18px;
354	+ transition: 0.3s;
355	+ }
356	+
357	+ .sgpb-blue_free {
358	+ transform: translate(-23px, -23px);
359	+ }
360	+
361	+ .sgpb-__text {
362	+ height: 36px;
363	+ margin-left: 21px;
364	+ font: Bold 25px/33px Segoe UI Regular;
365	+ letter-spacing: 0px;
366	+ color: #000000;
367	+ text-align: center;
368	+ }
369	+
370	+ .sgpb-pro-box-sgpbAdvancedTargeting .sgpb-__text {
371	+ font: Bold 22px/33px Segoe UI Regular;
372	+ margin-left: 14px;
373	+ }
374	+
375	+ .sgpb-__icon {
376	+ width: 115px;
377	+ }
378	+
379	+ .sgpb-type-icon {
380	+ height: 70px;
381	+ margin-top: 80px;
382	+ background-size: contain;
383	+ background-repeat: no-repeat;
384	+ background-position: 42px;
385	+ margin-left: 46px;
386	+ }
387	+
388	+ .sgpb-_free {
389	+ width: 45px;
390	+ height: 27px;
391	+ text-align: left;
392	+ font: Bold 20px/27px Segoe UI Regular;
393	+ letter-spacing: 0px;
394	+ color: #239800;
395	+ text-shadow: 0px 0px 6px #00000029;
396	+ align-self: normal;
397	+ margin: 6px;
398	+ opacity: 0;
399	+ transition: visibility 0s, opacity 0.5s linear;
400	+ }
401	+
402	+ .sgpb-pro-extensions_white {
403	+ background: white;
404	+ }
405	+
406	+ .sgpb-box_gray {
407	+ background: #f1f1f1;
408	+ }
409	+
410	+ .sgpb-pro-heading {
411	+ margin-bottom: 40px;
412	+ }
413	+
414	+ .sgpb-pro-extensions {
415	+ display: flex;
416	+ justify-content: space-between;
417	+ flex-wrap: wrap;
418	+ }
419	+
420	+ /* MEDIA SCREEN */
421	+ @media screen and (max-width: 952px) {
422	+ .sgpb-addPopup {
423	+ justify-content: center;
424	+ }
425	+
426	+ .sgpb-pro-extensions {
427	+ justify-content: center;
428	+ }
429	+
430	+ .sgpb-heading__h1 {
431	+ text-align: center;
432	+ }
433	+
434	+ .sgpb-button_blue {
435	+ margin: auto;
436	+ }
437	+
438	+ .sgpb-heading {
439	+ flex-direction: column;
440	+ }
441	+ }
442	+
443	+ @media screen and (max-width: 690px) {
444	+ .sgpb-button__span {
445	+ font-size: 20px;
446	+ }
447	+ }
448	+
449	+ /* inputs */
450	+ .sgpb-select__text {
451	+ display: flex;
452	+ align-items: center;
453	+ }
454	+
455	+ .sgpb-select_margined {
456	+ margin-left: 31px;
457	+ }
458	+
459	+ .sgpb-select__text > span {
460	+ /* TODO: font-family: Bold Segoe UI Regular; */
461	+ letter-spacing: 0px;
462	+ color: #000;
463	+ font-size: 20px;
464	+ line-height: 27px;
465	+ }
466	+
467	+ .sgpb-slect-icon-wrapper {
468	+ display: flex;
469	+ }
470	+
471	+ .sgpb-select__select {
472	+ height: 60px !important;
473	+ letter-spacing: 0px !important;
474	+ color: #000 !important;
475	+ font-size: calc(0.521vw + 10px) !important;
476	+ line-height: calc(17px + 0.521vw) !important;
477	+ background: #f1f1f1 0% 0% no-repeat padding-box !important;
478	+ border-radius: 5px !important;
479	+ border: none !important;
480	+ padding-top: 13px !important;
481	+ padding-bottom: 19px !important;
482	+ padding-left: 1.094vw !important;
483	+ padding-right: 1.094vw !important;
484	+ width: 16.667vw !important;
485	+ min-width: 200px !important;
486	+ margin-top: 17px !important;
487	+ background-image: url(../icons/down.png) !important;
488	+ background-repeat: no-repeat !important;
489	+ background-position-x: 95.1% !important;
490	+ background-position-y: 22px !important;
491	+ }
492	+
493	+ .sgpb-cross {
494	+ font-weight: bolder;
495	+ position: absolute;
496	+ left: 300px;
497	+ bottom: 0px;
498	+ top: 81px;
499	+ border-radius: 50%;
500	+ transition: visibility 0s, opacity 0.3s linear;
501	+ opacity: 0;
502	+ font-family: "Glyphter", Arial, Helvetica, sans-serif;
503	+ font-size: 25px;
504	+ color: #fff;
505	+ width: 60px;
506	+ height: 60px;
507	+ display: flex;
508	+ align-items: center;
509	+ justify-content: center;
510	+ background: #2873EB 0% 0% no-repeat padding-box;
511	+ box-shadow: 0px 0px 15px #2873EB4C;
512	+ margin-left: 11px;
513	+ }
514	+
515	+ select {
516	+ -webkit-appearance: none;
517	+ -moz-appearance: none;
518	+ text-indent: 1px;
519	+ text-overflow: "";
520	+ }
521	+
522	+ .sgpb-select__select_mini {
523	+ width: 162px;
524	+ background-position-x: 91.1%;
525	+ background-position-y: 22px;
526	+ }
527	+
528	+ .sgpb-select__pages {
529	+ display: flex;
530	+ padding: 0 10px;
531	+ justify-content: space-between;
532	+ align-items: center;
533	+ width: 121px;
534	+ margin-right: 6px;
535	+ height: 31px;
536	+ background: #ffffff 0% 0% no-repeat padding-box;
537	+ border: 1px solid #ffffff;
538	+ border-radius: 2px;
539	+ }
540	+
541	+ .sgpb-select__pages_wrap {
542	+ height: 60px;
543	+ display: flex;
544	+ margin-left: 31px;
545	+ background-image: none;
546	+ }
547	+
548	+ .sgpb-page-button__span {
549	+ text-align: left;
550	+ font: Bold 15px/20px Segoe UI Regular;
551	+ letter-spacing: 0px;
552	+ color: #000000;
553	+ }
554	+
555	+ .sgpb-select__select:focus {
556	+ outline: none;
557	+ }
558	+
559	+ .sgpb-icons__item {
560	+ width: 60px;
561	+ height: 60px;
562	+ display: flex;
563	+ align-items: center;
564	+ justify-content: center;
565	+ border-radius: 50%;
566	+ background: #b5caec;
567	+ margin-left: 11px;
568	+ }
569	+
570	+ .sgpb-icons_pink {
571	+ align-self: flex-end;
572	+ background: #ffcece;
573	+ }
574	+
575	+ .sgpb-icons_gray {
576	+ align-self: flex-end;
577	+ background: #c7c7c7;
578	+ }
579	+
580	+ .sgpb-icons_blue {
581	+ align-self: flex-end;
582	+ }
583	+
584	+ .sgpb-control__radio {
585	+ height: 30px;
586	+ }
587	+
588	+ .sgpb-control__radio .sgpb-control__indicator {
589	+ border-radius: 50%;
590	+ }
591	+
592	+ .sgpb-control__radio .sgpb-control__indicator:after {
593	+ left: 7px;
594	+ top: 7px;
595	+ height: 14px;
596	+ width: 14px;
597	+ border-radius: 50%;
598	+ background: #2873eb;
599	+ transition: background 250ms;
600	+ }
601	+
602	+ .sgpb-control__radio input:disabled ~ .sgpb-control__indicator:after {
603	+ background: #7b7b7b;
604	+ }
605	+
606	+ /metabox options design/
607	+ .sgpb-metaboxes-reorder {
608	+ top: 0 !important;
609	+ position: absolute !important;
610	+ margin-left: 320px !important;
611	+ }
612	+
613	+ .sgpb-metabox-option-name {
614	+ letter-spacing: 0px;
615	+ color: #000;
616	+ font-size: calc(15px + 1.302vw);
617	+ line-height: calc(15px + 1.979vw);
618	+ transform: translateY(-14px);
619	+ display: flex;
620	+ font-family: Segoe UI Bold !important;
621	+ }
622	+
623	+ .sgpb-wrapper .form-group {
624	+ margin-bottom: 20px;
625	+ }
626	+
627	+ .sg-full-width {
628	+ padding-top: 20px;
629	+ border-radius: 5px;
630	+ margin-bottom: 20px;
631	+ }
632	+
633	+ .sg-target-rule label {
634	+ letter-spacing: 0px;
635	+ color: #000;
636	+ font-size: 20px;
637	+ line-height: 27px;
638	+ font: Bold calc(10px + 0.521vw) / calc(17px + 0.521vw) Segoe UI Regular;
639	+ }
640	+
641	+ .sgpb-info-icon {
642	+ letter-spacing: 0px;
643	+ font-size: 10px;
644	+ line-height: 16px;
645	+ color: #000;
646	+ text-shadow: 0px 0px 6px #00000080;
647	+ background: #c6c6c6 0% 0% no-repeat padding-box;
648	+ width: 18px;
649	+ height: 18px;
650	+ border-radius: 50%;
651	+ display: flex;
652	+ justify-content: center;
653	+ align-items: center;
654	+ margin-left: 9px;
655	+ font-weight: bolder;
656	+ cursor: pointer;
657	+ font-family: "Glyphter", Arial, Helvetica, sans-serif;
658	+ }
659	+
660	+
661	+ .select2-selection {
662	+ height: 60px !important;
663	+ letter-spacing: 0px !important;
664	+ color: #000 !important;
665	+ font-size: calc(0.521vw + 10px) !important;
666	+ line-height: calc(17px + 0.521vw) !important;
667	+ background: #f1f1f1 0% 0% no-repeat padding-box !important;
668	+ border-radius: 5px !important;
669	+ border: none !important;
670	+ padding-top: 13px !important;
671	+ padding-bottom: 19px !important;
672	+ padding-left: 1.094vw !important;
673	+ padding-right: 1.094vw !important;
674	+ width: 10.667vw !important;
675	+ min-width: 200px !important;
676	+ background-image: url(../icons/down.png) !important;
677	+ background-repeat: no-repeat !important;
678	+ background-position-x: 95.1% !important;
679	+ background-position-y: 22px !important;
680	+ }
681	+
682	+ #options-otherConditionsMetaBoxView .select2-selection {
683	+ background-image: url(../icons/calendarRound.png) !important;
684	+ background-position-x: 97.1% !important;
685	+ background-position-y: 4px !important;
686	+ }
687	+
688	+ .select2-selection {
689	+ min-width: 100px !important;
690	+ }
691	+
692	+
693	+ #options-targetMetaboxView .select2-selection__arrow {
694	+ display: none !important;
695	+ }
696	+
697	+ .select2-results,
698	+ .select2-search.select2-search--dropdown {
699	+ letter-spacing: 0px !important;
700	+ color: #000 !important;
701	+ font-size: calc(0.521vw + 10px) !important;
702	+ line-height: calc(17px + 0.521vw) !important;
703	+ background: #f1f1f1 0% 0% no-repeat padding-box !important;
704	+ border-radius: 5px !important;
705	+ border: none !important;
706	+ padding-top: 13px !important;
707	+ padding-bottom: 19px !important;
708	+ width: 10.667vw;
709	+ min-width: 200px !important;
710	+ margin-top: 0 !important;
711	+ }
712	+
713	+ .select2-dropdown.select2-dropdown--below,
714	+ .select2-dropdown.select2-dropdown--above {
715	+ min-width: 200px !important;
716	+ width: 71% !important;
717	+ }
718	+
719	+ /////////////////// events/display rules/conditions ///////////////////////
720	+ .licenseBlocks form {
721	+ display: flex;
722	+ }
723	+
724	+ /events/
725	+
726	+ .form, .events, .formItem {
727	+ width: 100%;
728	+ }
729	+
730	+ .formItem {
731	+ display: flex;
732	+ align-items: center;
733	+ margin: 41px 0;
734	+ width: 100%;
735	+ flex-wrap: wrap;
736	+ flex-direction: row;
737	+ }
738	+
739	+ .events {
740	+ padding: 0 2.083vw;
741	+ }
742	+
743	+ .form {
744	+ margin-top: 30px;
745	+ }
746	+
747	+ .events__heading {
748	+ font: Bold calc(1.042vw + 20px)/calc(33px + 1.042vw) Segoe UI Regular;
749	+ letter-spacing: 0px;
750	+ color: #000;
751	+ }
752	+
753	+ .text {
754	+ display: flex;
755	+ align-items: center;
756	+ color: #000;
757	+ font-size: calc(10px + 0.521vw);
758	+ line-height: calc(0.521vw + 17px);
759	+ }
760	+
761	+ .inputBlock__title {
762	+ font: Bold calc(0.521vw + 10px)/calc(17px + 0.521vw) Segoe UI Regular;
763	+ letter-spacing: 0px;
764	+ color: #000;
765	+ font-family: Segoe UI Bold !important;
766	+ }
767	+
768	+ .inputBlock_right {
769	+ margin-left: calc(0.625vw + 10px);
770	+ }
771	+
772	+ .select__select_small {
773	+ width: calc(62px + 5.208vw)
774	+ }
775	+
776	+ .icons__item {
777	+ width: 60px;
778	+ height: 60px;
779	+ display: flex;
780	+ align-items: center;
781	+ justify-content: center;
782	+ border-radius: 50%;
783	+ background: #b5caec;
784	+ }
785	+
786	+ .icons_pink {
787	+ background: #ffcece;
788	+ }
789	+
790	+ .formItem:last-child {
791	+ margin-top: 30px;
792	+ }
793	+
794	+ .cross, .icons__item {
795	+ margin: 0 10px;
796	+ }
797	+
798	+ @media only screen and (max-width: 1300px) {
799	+ .aside_left {
800	+ display: none;
801	+ }
802	+
803	+ .menuIcon {
804	+ display: block;
805	+ }
806	+
807	+ .content {
808	+ height: 100%;
809	+ }
810	+ }
811	+
812	+ @media only screen and (max-width: 700px) {
813	+ .content {
814	+ padding: 45px 0 45px 0;
815	+ }
816	+ }
817	+
818	+ @media only screen and (max-width: 620px) {
819	+ .form > .formItem {
820	+ flex-direction: column;
821	+ align-items: flex-start;
822	+ }
823	+
824	+ .inputBlock_right {
825	+ margin: 10px 0;
826	+ }
827	+
828	+ .cross {
829	+ margin-left: 0;
830	+ }
831	+
832	+ .icons_pink {
833	+ margin-right: auto;
834	+ margin-left: 0;
835	+ }
836	+ }
837	+
838	+ @media only screen and (max-width: 520px) {
839	+ .inputBlock {
840	+ width: 285px;
841	+ }
842	+
843	+ .formItem {
844	+ flex-wrap: wrap;
845	+ justify-content: right;
846	+ padding: 0 10px;
847	+ }
848	+
849	+ .events {
850	+ padding: 0 1.083vw;
851	+ }
852	+ }
853	+
854	+ /display rules/
855	+ .popup-display-rules {
856	+ padding-left: 39px;
857	+ position: relative;
858	+ }
859	+
860	+ .popup-display-rules__heading {
861	+ /* TODO font-family: Bold */
862	+ letter-spacing: 0px;
863	+ color: #000000;
864	+ font-size: 40px;
865	+ line-height: 53px;
866	+ }
867	+
868	+ .slect-icon-wrapper {
869	+ align-items: flex-end;
870	+ }
871	+
872	+ .icons__item {
873	+ font-family: "Glyphter", Arial, Helvetica, sans-serif;
874	+ font-size: 30px;
875	+ }
876	+
877	+ .icons_pink {
878	+ color: #C12121;
879	+ }
880	+
881	+ .select__title {
882	+ font: Bold calc(10px + 0.521vw)/calc(17px + 0.521vw) Segoe UI Regular;
883	+ letter-spacing: 0px;
884	+ color: #000;
885	+ }
886	+
887	+ @media screen and (max-width: 600px) {
888	+ .popup-display-rules {
889	+ padding-left: 7px;
890	+ }
891	+ }
892	+
893	+
894	+ @media screen and (max-width: 796px) {
895	+ .select_margined {
896	+ margin-left: 31px !important;
897	+ }
898	+ }
899	+
900	+
901	+ @media screen and (max-width: 658px) {
902	+ .select_margined {
903	+ margin-left: 0 !important;
904	+ }
905	+ }
906	+
907	+ .sg-rules-delete-rule .icons__item,
908	+ .sg-rules-add-rule .icons__item {
909	+ width: 60px !important;
910	+ height: 60px !important;
911	+ }
912	+
913	+ .icons_cross {
914	+ font-size: 30px;
915	+ color: #2873EB;
916	+ align-self: flex-end;
917	+ }
918	+
919	+ /////////////////// events/display rules/conditions ///////////////////////
920	+
921	+ /////////////////// design ///////////////////////
922	+ .formItem__input_big {
923	+ padding: 16px 21px !important;
924	+ border-radius: 5px !important;
925	+ width: 98px !important;
926	+ }
927	+
928	+ .formItem__inputValueType {
929	+ background: #F1F1F1 0% 0% no-repeat padding-box;
930	+ border-radius: 0 5px 5px 0;
931	+ display: flex;
932	+ align-items: center;
933	+ justify-content: center;
934	+ letter-spacing: 0px;
935	+ color: #000;
936	+ font-size: calc(10px + 0.521vw);
937	+ line-height: calc(10px + 0.885vw);
938	+ padding-right: 10px;
939	+ height: 60px;
940	+ width: 40px;
941	+ }
942	+
943	+ .formItem__square {
944	+ width: calc(52px + 4.271vw);
945	+ height: calc(52px + 4.271vw);
946	+ background: #F1F1F1 0% 0% no-repeat padding-box;
947	+ border-radius: 5px;
948	+ margin: 0 4.5px;
949	+ }
950	+
951	+ .formItem__square_selected {
952	+ width: calc(84px + 4.271vw);
953	+ height: calc(84px + 4.271vw);
954	+ }
955	+
956	+ .formItem_itemsCentered {
957	+ align-items: center;
958	+ margin-top: 18px;
959	+ }
960	+
961	+ .subForm {
962	+ border-radius: 5px;
963	+ background-color: rgba(0, 0, 0, 0.02);
964	+ padding: 19px 32px;
965	+ width: calc(230px + 46.875vw);
966	+ }
967	+
968	+ .subFormItem {
969	+ display: flex;
970	+ align-items: center;
971	+ margin-bottom: 30px;
972	+ flex-wrap: wrap;
973	+ }
974	+
975	+ .subFormItem__input {
976	+ height: 60px !important;
977	+ padding: 17px 88px 16px 20px !important;
978	+ letter-spacing: 0px !important;
979	+ color: #000 !important;
980	+ background: #F1F1F1 0% 0% no-repeat padding-box !important;
981	+ border-radius: 5px !important;
982	+ border: none !important;
983	+ margin-left: 20px !important;
984	+ margin-right: 7px !important;
985	+ width: 15.052vw !important;
986	+ min-width: 150px !important;
987	+ font-size: calc(10px + 0.521vw) !important;
988	+ line-height: calc(17px + 0.521vw) !important;
989	+ padding-right: 0 !important;
990	+ }
991	+
992	+ .sgpb-close-button-position > .select2-selection,
993	+ .sgpb-close-button-position > .select2.select2-container,
994	+ .select2-container {
995	+ width: 15.052vw !important;
996	+ min-width: 150px !important;
997	+ }
998	+
999	+ .sgpb-select2-input-styles-animation-effect .select2-container {
1000	+ width: 11.052vw !important;
1001	+ min-width: 150px !important;
1002	+ }
1003	+
1004	+ .subFormItem__input.subFormItem__input_leftRounded {
1005	+ margin-right: 0 !important;
1006	+ }
1007	+
1008	+ .colorPicker {
1009	+ position: relative;
1010	+ }
1011	+
1012	+ .colorPicker__input {
1013	+ opacity: 0;
1014	+ position: absolute;
1015	+ width: 48px;
1016	+ height: 48px;
1017	+ left: 30px;
1018	+ top: 5px;
1019	+ }
1020	+
1021	+ input[class*="formItem__input_sgpb-popup-overlay"],
1022	+ .formItem__input_sgpb-popup-overlay,
1023	+ .formItem__input_sgpb-button-text {
1024	+ width: 289px !important;
1025	+ height: 60px !important;
1026	+ background: #F1F1F1 0% 0% no-repeat padding-box !important;
1027	+ border-radius: 5px !important;
1028	+ padding-left: 17px 20px 17px 0 !important;
1029	+ }
1030	+
1031	+ .formItem__input {
1032	+ height: 60px !important;
1033	+ border: none !important;
1034	+ background: #F1F1F1 0% 0% no-repeat padding-box !important;
1035	+ border-radius: 5px 0 0 5px !important;
1036	+ letter-spacing: 0px !important;
1037	+ color: #000 !important;
1038	+ font-size: calc(10px + 0.521vw) !important;
1039	+ line-height: calc(10px + 0.885vw) !important;
1040	+ margin-left: 1.146vw !important;
1041	+ width: calc(20px + 2.240vw) !important;
1042	+ padding: 0.833vw calc(0.629vw) !important;
1043	+ }
1044	+
1045	+ .formItem__input_sgpb-pixels.formItem__input {
1046	+ width: 100px !important;
1047	+ }
1048	+
1049	+ .formItem__input_sgpb-pixels + span {
1050	+ width: 100px !important;
1051	+ }
1052	+
1053	+ .formItem__input_sgpb-no-margin-top {
1054	+ margin-top: 0 !important;
1055	+ }
1056	+
1057	+ .subFormBackground {
1058	+ display: flex;
1059	+ background: #F1F1F1 0% 0% no-repeat padding-box;
1060	+ border-radius: 5px;
1061	+ padding: 0 10px;
1062	+ align-items: center;
1063	+ }
1064	+
1065	+ .subFormItemIcons {
1066	+ display: flex;
1067	+ flex-direction: column;
1068	+ justify-content: space-around;
1069	+ margin-right: 40px;
1070	+ }
1071	+
1072	+ .subFormItem > .select__select {
1073	+ margin-left: 20px;
1074	+ }
1075	+
1076	+ .buttonsBlock_right > .buttonsBlock__button:first-child {
1077	+ margin-left: 0;
1078	+ }
1079	+
1080	+ .buttonsBlock_right > .buttonsBlock__button:last-child {
1081	+ margin-right: 0;
1082	+ }
1083	+
1084	+ .onOffswitch_smallLeftMargin {
1085	+ margin-left: 7px;
1086	+ }
1087	+
1088	+ /////////////////// design ///////////////////////
1089	+
1090	+ /////////////////// switcher ///////////////////////
1091	+
1092	+ .onOffswitch-checkbox {
1093	+ position: absolute;
1094	+ opacity: 0;
1095	+ pointer-events: none;
1096	+ }
1097	+
1098	+ .onOffswitch__label {
1099	+ display: block;
1100	+ overflow: hidden;
1101	+ cursor: pointer;
1102	+ border-radius: 21px;
1103	+ }
1104	+
1105	+ .onOffswitch-inner {
1106	+ display: block;
1107	+ width: 200%;
1108	+ margin-left: -100%;
1109	+ transition: margin 0.3s ease-in 0s;
1110	+ }
1111	+
1112	+ .onOffswitch-inner:before,
1113	+ .onOffswitch-inner:after {
1114	+ display: block;
1115	+ float: left;
1116	+ width: 50%;
1117	+ height: 42px;
1118	+ padding: 0;
1119	+ line-height: 42px;
1120	+ font-size: 16px;
1121	+ color: white;
1122	+ font-family: Trebuchet, Arial, sans-serif;
1123	+ font-weight: bold;
1124	+ box-sizing: border-box;
1125	+ }
1126	+
1127	+ .onOffswitch-inner:before {
1128	+ content: "on";
1129	+ padding-top: 5px;
1130	+ padding-left: 17px;
1131	+ background-color: #e6e6e6;
1132	+ color: #000000;
1133	+ font: bold 20px/27px Segoe UI Regular;
1134	+ }
1135	+
1136	+ .onOffswitch-inner:after {
1137	+ content: "off";
1138	+ padding-right: 15px;
1139	+ padding-top: 7px;
1140	+ background-color: #e6e6e6;
1141	+ color: #a3a3a3;
1142	+ text-align: right;
1143	+ font: bold 20px/27px Segoe UI Regular;
1144	+ }
1145	+
1146	+ .onOffswitch-switch {
1147	+ display: block;
1148	+ width: 33px;
1149	+ margin: 4.5px;
1150	+ background: #b3b3b3;
1151	+ position: absolute;
1152	+ top: 0;
1153	+ bottom: 0;
1154	+ right: 43px;
1155	+ border-radius: 21px;
1156	+ transition: all 0.3s ease-in 0s;
1157	+ }
1158	+
1159	+ .onOffswitch-checkbox:checked + .onOffswitch__label .onOffswitch-inner {
1160	+ margin-left: 0;
1161	+ }
1162	+
1163	+ .onOffswitch-checkbox:checked + .onOffswitch__label .onOffswitch-switch {
1164	+ right: 0px;
1165	+ background-color: #2873eb;
1166	+ }
1167	+
1168	+ /////////////////// switcher ///////////////////////
1169	+
1170	+ /////////////////// index ///////////////////////
1171	+ @font-face {
1172	+ font-family: "Segoe UI Regular";
1173	+ src: url("../fonts/SegoeUI.woff") format("woff") !important;
1174	+ }
1175	+
1176	+ @font-face {
1177	+ font-family: "Glyphter";
1178	+ src: url("../fonts/Glyphter.woff") format("woff");
1179	+ }
1180	+
1181	+ .sgpb-wrapper > *,
1182	+ .sgpb-content > * {
1183	+ box-sizing: border-box;
1184	+ font-family: "Segoe UI Regular", Arial, Helvetica, sans-serif !important;
1185	+ }
1186	+
1187	+ /////////////////// index ///////////////////////
1188	+
1189	+ /////////////////// inputs ///////////////////////
1190	+ .select__text {
1191	+ display: flex;
1192	+ align-items: center;
1193	+ }
1194	+
1195	+ .select_margined {
1196	+ margin-left: 31px;
1197	+ }
1198	+
1199	+ .select__text > span {
1200	+ /* TODO: font-family: Bold Segoe UI Regular; */
1201	+ letter-spacing: 0px;
1202	+ color: #000;
1203	+ font-size: 20px;
1204	+ line-height: 27px;
1205	+ }
1206	+
1207	+ .slect-icon-wrapper {
1208	+ display: flex;
1209	+ }
1210	+
1211	+ .select__select {
1212	+ height: 60px !important;
1213	+ letter-spacing: 0px !important;
1214	+ color: #000 !important;
1215	+ font-size: calc(0.521vw + 10px) !important;
1216	+ line-height: calc(17px + 0.521vw) !important;
1217	+ background: #f1f1f1 0% 0% no-repeat padding-box !important;
1218	+ border-radius: 5px !important;
1219	+ border: none !important;
1220	+ padding-top: 13px !important;
1221	+ padding-bottom: 19px !important;
1222	+ padding-left: 1.094vw !important;
1223	+ padding-right: 1.094vw !important;
1224	+ width: 16.667vw !important;
1225	+ min-width: 200px !important;
1226	+ flex-direction: column !important;
1227	+ margin-top: 17px !important;
1228	+ background-image: url(../icons/down.png) !important;
1229	+ background-repeat: no-repeat !important;
1230	+ background-position-x: 95.1% !important;
1231	+ background-position-y: 22px !important;
1232	+ }
1233	+
1234	+ .cross {
1235	+ font-size: 10px;
1236	+ font-weight: bolder;
1237	+ width: 60px;
1238	+ height: 60px;
1239	+ background: #B5CAEC 0% 0% no-repeat padding-box;
1240	+ border-radius: 30px;
1241	+ position: relative;
1242	+ display: flex;
1243	+ justify-content: center;
1244	+ align-items: center;
1245	+ }
1246	+
1247	+ .select__select_mini {
1248	+ width: 162px;
1249	+ background-position-x: 91.1%;
1250	+ background-position-y: 22px;
1251	+ }
1252	+
1253	+ .select__pages {
1254	+ display: flex;
1255	+ padding: 0 10px;
1256	+ justify-content: space-between;
1257	+ align-items: center;
1258	+ width: 121px;
1259	+ margin-right: 6px;
1260	+ height: 31px;
1261	+ background: #ffffff 0% 0% no-repeat padding-box;
1262	+ border: 1px solid #ffffff;
1263	+ border-radius: 2px;
1264	+ }
1265	+
1266	+ .select__pages_wrap {
1267	+ height: 60px;
1268	+ display: flex;
1269	+ margin-left: 31px;
1270	+ background-image: none;
1271	+ }
1272	+
1273	+ .page-button__span {
1274	+ text-align: left;
1275	+ font: Bold 15px/20px Segoe UI Regular;
1276	+ letter-spacing: 0px;
1277	+ color: #000000;
1278	+ }
1279	+
1280	+ .select__select:focus {
1281	+ outline: none;
1282	+ }
1283	+
1284	+ .icons__item {
1285	+ width: 60px;
1286	+ height: 60px;
1287	+ display: flex;
1288	+ align-items: center;
1289	+ justify-content: center;
1290	+ border-radius: 50%;
1291	+ background: #b5caec;
1292	+ margin-left: 11px;
1293	+ }
1294	+
1295	+ .icons_pink {
1296	+ align-self: flex-end;
1297	+ background: #ffcece;
1298	+ }
1299	+
1300	+ .icons_gray {
1301	+ align-self: flex-end;
1302	+ background: #c7c7c7;
1303	+ }
1304	+
1305	+ .icons_blue {
1306	+ align-self: flex-end;
1307	+ }
1308	+
1309	+ /////////////////// inputs ///////////////////////
1310	+
1311	+ /////////////////// menu ///////////////////////
1312	+ .aside_left {
1313	+ width: 381px;
1314	+ display: flex;
1315	+ flex-direction: column;
1316	+ height: 100%;
1317	+ }
1318	+
1319	+ .box__aside_left {
1320	+ margin-bottom: 8px;
1321	+ padding: 20px;
1322	+ width: 381px;
1323	+ height: 108px;
1324	+ background: #f8f8f8;
1325	+ }
1326	+
1327	+ .box-aside__h3 {
1328	+ text-align: left;
1329	+ letter-spacing: 0px;
1330	+ color: #000000;
1331	+ font-size: calc(20px + (27 - 20) * ((100vw - 300px) / (1600 - 300)));
1332	+ font: bolder 20px/27px Segoe UI Regular;
1333	+ }
1334	+
1335	+ .box-aside__span {
1336	+ width: 319px;
1337	+ height: 40px;
1338	+ font: 15px/20px Segoe UI Regular;
1339	+ color: #757575;
1340	+ }
1341	+
1342	+ .sgpb-box-aside__span {
1343	+ display: none;
1344	+ }
1345	+
1346	+ .sgpb-metabox-active-tab .sgpb-box-aside__span {
1347	+ display: inline-block;
1348	+ }
1349	+
1350	+ .box__aside_left_active,
1351	+ .sgpb-metabox-active-tab {
1352	+ width: 300px;
1353	+ height: 90px;
1354	+ background: #ffffff 0% 0% no-repeat padding-box !important;
1355	+ box-shadow: 0px 0px 10px #01b9ff29;
1356	+ border-left: 3px solid #01b9ff;
1357	+ }
1358	+
1359	+ .sgpb-box__aside_left:hover {
1360	+ cursor: pointer;
1361	+ background: #ffffff 0% 0% no-repeat padding-box !important;
1362	+ box-shadow: 0px 0px 10px #01b9ff29;
1363	+ border-left: 3px solid #01b9ff;
1364	+ height: 90px;
1365	+ }
1366	+
1367	+ .sgpb-box__aside_left:hover .sgpb-box-aside__span {
1368	+ display: inline-block;
1369	+ }
1370	+
1371	+ .box-aside__h3_active {
1372	+ text-align: left;
1373	+ font: Black 20px/27px Segoe UI Regular;
1374	+ letter-spacing: 0px;
1375	+ color: #01b9ff;
1376	+ }
1377	+
1378	+ .menuIcon {
1379	+ width: 40px;
1380	+ position: absolute;
1381	+ top: 23px;
1382	+ right: 10px;
1383	+ display: none;
1384	+ }
1385	+
1386	+ .menuIcon > div {
1387	+ width: 35px;
1388	+ height: 5px;
1389	+ background-color: gray;
1390	+ margin: 6px 0;
1391	+ }
1392	+
1393	+ .hiddenMenu {
1394	+ position: absolute;
1395	+ width: 100%;
1396	+ background: #23282d;
1397	+ z-index: 99;
1398	+ display: none;
1399	+ }
1400	+
1401	+ .menu {
1402	+ width: 100%;
1403	+ }
1404	+
1405	+ .menu__item {
1406	+ list-style: none;
1407	+ text-align: center;
1408	+ padding: 10px 0;
1409	+ }
1410	+
1411	+ .menu__item > a {
1412	+ letter-spacing: 0px;
1413	+ color: #000000;
1414	+ font-size: 20px;
1415	+ line-height: 27px;
1416	+ color: #fff;
1417	+ text-decoration: none;
1418	+ }
1419	+
1420	+ .closeIcon {
1421	+ position: absolute;
1422	+ top: 23px;
1423	+ right: 10px;
1424	+ width: 32px;
1425	+ height: 32px;
1426	+ opacity: 0.3;
1427	+ z-index: 999;
1428	+ }
1429	+
1430	+ .closeIcon:hover {
1431	+ opacity: 1;
1432	+ }
1433	+
1434	+ .closeIcon:before, .closeIcon:after {
1435	+ position: absolute;
1436	+ left: 15px;
1437	+ content: ' ';
1438	+ height: 33px;
1439	+ width: 2px;
1440	+ background-color: #fff;
1441	+ }
1442	+
1443	+ .closeIcon:before {
1444	+ transform: rotate(45deg);
1445	+ }
1446	+
1447	+ .closeIcon:after {
1448	+ transform: rotate(-45deg);
1449	+ }
1450	+
1451	+ /////////////////// menu ///////////////////////
1452	+
1453	+ /////////////////// close settings ///////////////////////
1454	+ .close-settings {
1455	+ padding-left: 39px;
1456	+ width: 100%;
1457	+ }
1458	+
1459	+ .onOffswitch_smallMargin {
1460	+ margin-left: 5px;
1461	+ }
1462	+
1463	+
1464	+ .subForm {
1465	+ border-radius: 5px;
1466	+ background-color: rgba(0, 0, 0, 0.02);
1467	+ padding: 19px 32px;
1468	+ }
1469	+
1470	+ .subFormItem {
1471	+ display: flex;
1472	+ align-items: center;
1473	+ margin-bottom: 30px;
1474	+ flex-wrap: wrap;
1475	+ }
1476	+
1477	+ .subFormItem__input {
1478	+ height: 60px;
1479	+ padding: 17px 88px 16px 20px;
1480	+ letter-spacing: 0px;
1481	+ color: #000;
1482	+ background: #f1f1f1 0% 0% no-repeat padding-box;
1483	+ border-radius: 5px;
1484	+ border: none;
1485	+ margin-left: 20px;
1486	+ margin-right: 7px;
1487	+ width: 15.052vw;
1488	+ min-width: 150px;
1489	+ font-size: calc(10px + 0.521vw);
1490	+ line-height: calc(17px + 0.521vw);
1491	+ padding-right: 0;
1492	+ }
1493	+
1494	+ .formItem_aligne_bottom {
1495	+ align-items: baseline;
1496	+ }
1497	+
1498	+ .formItem__inputValueType {
1499	+ background: #f1f1f1 0% 0% no-repeat padding-box;
1500	+ border-radius: 0 5px 5px 0;
1501	+ display: flex;
1502	+ align-items: center;
1503	+ justify-content: center;
1504	+ letter-spacing: 0px;
1505	+ color: #000;
1506	+ font-size: calc(10px + 0.521vw);
1507	+ line-height: calc(10px + 0.885vw);
1508	+ padding-right: 10px;
1509	+ height: 60px;
1510	+ width: 40px;
1511	+ }
1512	+
1513	+ .buttonPosition {
1514	+ display: flex;
1515	+ align-items: baseline;
1516	+ }
1517	+
1518	+ .formItem__direction {
1519	+ text-align: left;
1520	+ font: 15px/20px Segoe UI Regular;
1521	+ letter-spacing: 0px;
1522	+ color: #757575;
1523	+ min-width: 50px;
1524	+ }
1525	+
1526	+ .inputPxWrapper {
1527	+ display: flex;
1528	+ margin: 0 1.641vw 20px 9px;
1529	+ }
1530	+
1531	+ .inputPxWrapper_moreMargin {
1532	+ margin: 0 10px 31px 28.5px;
1533	+ }
1534	+
1535	+ .buttonPosition__wrapper {
1536	+ margin-left: 18px;
1537	+ }
1538	+
1539	+ .subFormItem__x {
1540	+ margin-left: 22px;
1541	+ width: 35px;
1542	+ height: 35px;
1543	+ background: #f1f1f1 0% 0% no-repeat padding-box;
1544	+ border-radius: 5px;
1545	+ display: flex;
1546	+ justify-content: center;
1547	+ align-items: center;
1548	+ }
1549	+
1550	+ .blackRound {
1551	+ width: 82px;
1552	+ height: 82px;
1553	+ background: var(--unnamed-color-000000) 0% 0% no-repeat padding-box;
1554	+ background: #000000 0% 0% no-repeat padding-box;
1555	+ border-radius: 50%;
1556	+ position: relative;
1557	+ display: flex;
1558	+ justify-content: center;
1559	+ align-items: center;
1560	+ }
1561	+
1562	+ .easy-icons-wrapper {
1563	+ margin-left: 18px;
1564	+ }
1565	+
1566	+ .bundle-advertising {
1567	+ height: 169px;
1568	+ bottom: 8px;
1569	+ text-align: left;
1570	+ font: Light 62px/83px Segoe UI Regular;
1571	+ letter-spacing: 0px;
1572	+ background: #f6f6f6;
1573	+ }
1574	+
1575	+ .marginLeft0 {
1576	+ margin-left: 0;
1577	+ }
1578	+
1579	+ .closeIcon {
1580	+ top: 25px;
1581	+ right: 25px;
1582	+ left: 25px;
1583	+ bottom: 25px;
1584	+ opacity: 1;
1585	+ }
1586	+
1587	+ .closeIcon::after,
1588	+ .closeIcon::before {
1589	+ width: 4px;
1590	+ }
1591	+
1592	+ .noBottomMargin {
1593	+ margin-bottom: 0;
1594	+ }
1595	+
1596	+ /* MEDIA SCREEN */
1597	+
1598	+ @media only screen and (max-width: 1000px) {
1599	+ .subForm {
1600	+ width: 100%;
1601	+ }
1602	+
1603	+ .aside_left {
1604	+ display: none;
1605	+ }
1606	+ }
1607	+
1608	+ @media only screen and (max-width: 600px) {
1609	+ .formItem_aligne_bottom {
1610	+ flex-direction: column;
1611	+ }
1612	+
1613	+ .buttonPosition__wrapper {
1614	+ margin-top: 20px;
1615	+ }
1616	+
1617	+ .close-settings {
1618	+ padding-left: 0;
1619	+ }
1620	+ }
1621	+
1622	+ @media only screen and (max-width: 400px) {
1623	+ .subFormItem__input {
1624	+ margin: 10px 0;
1625	+ }
1626	+
1627	+ .subForm {
1628	+ padding: 19px 15px;
1629	+ }
1630	+
1631	+ .buttonPosition__wrapper {
1632	+ margin-left: 0;
1633	+ }
1634	+
1635	+ .subFormItem {
1636	+ flex-direction: column;
1637	+ flex-wrap: initial;
1638	+ }
1639	+
1640	+ .subFormItem > * {
1641	+ margin-left: 0;
1642	+ margin-top: 5px;
1643	+ }
1644	+ }
1645	+
1646	+ /////////////////// close settings ///////////////////////
1647	+
1648	+ /////////////////// next back ///////////////////////
1649	+ .buttonsBlock {
1650	+ width: max-content;
1651	+ display: flex;
1652	+ justify-content: space-evenly;
1653	+ }
1654	+
1655	+ .buttonsBlock__button {
1656	+ cursor: pointer;
1657	+ margin: 0 7.5px;
1658	+ display: flex;
1659	+ justify-content: center;
1660	+ align-items: center;
1661	+ outline: none;
1662	+ background: white;
1663	+ width: 63px;
1664	+ height: 34px;
1665	+ border: 1px solid #000000;
1666	+ border-radius: 5px;
1667	+ opacity: 1;
1668	+ }
1669	+
1670	+ .button__arrow-icon {
1671	+ width: 8px;
1672	+ height: 8px;
1673	+ }
1674	+
1675	+ .span_button-text {
1676	+ margin-bottom: 4px;
1677	+ margin-left: 2px;
1678	+ margin-right: 2px;
1679	+ }
1680	+
1681	+ /////////////////// next back ///////////////////////
1682	+
1683	+ /////////////////// design ///////////////////////
1684	+ .design {
1685	+ padding-left: 1.719vw;
1686	+ width: auto;
1687	+ }
1688	+
1689	+ .design__heading {
1690	+ letter-spacing: 0px;
1691	+ color: #000;
1692	+ font-size: calc(15px + 1.302vw);
1693	+ line-height: calc(15px + 1.979vw);
1694	+ font-weight: bolder;
1695	+ transform: translateY(-14px);
1696	+ display: flex;
1697	+ }
1698	+
1699	+ .formItem_lessMargin {
1700	+ margin-bottom: 13px;
1701	+ margin-top: 0;
1702	+ }
1703	+
1704	+ .formItem__inputValueType {
1705	+ background: #F1F1F1 0% 0% no-repeat padding-box;
1706	+ border-radius: 0 5px 5px 0;
1707	+ display: flex;
1708	+ align-items: center;
1709	+ justify-content: center;
1710	+ letter-spacing: 0px;
1711	+ color: #000;
1712	+ font-size: calc(10px + 0.521vw);
1713	+ line-height: calc(10px + 0.885vw);
1714	+ padding-right: 10px;
1715	+ height: 60px;
1716	+ width: 40px;
1717	+ }
1718	+
1719	+ .formItem__square {
1720	+ width: calc(52px + 4.271vw);
1721	+ height: calc(52px + 4.271vw);
1722	+ background: #F1F1F1 0% 0% no-repeat padding-box;
1723	+ border-radius: 5px;
1724	+ margin: 0 4.5px;
1725	+ }
1726	+
1727	+ .formItem__square_selected {
1728	+ width: calc(84px + 4.271vw);
1729	+ height: calc(84px + 4.271vw);
1730	+ }
1731	+
1732	+ .formItem_itemsCentered {
1733	+ align-items: center;
1734	+ margin-top: 18px;
1735	+ }
1736	+
1737	+ .subForm {
1738	+ border-radius: 5px;
1739	+ background-color: rgba(0, 0, 0, 0.02);
1740	+ padding: 19px 32px;
1741	+ width: 100%;
1742	+ }
1743	+
1744	+ .subFormItem {
1745	+ display: flex;
1746	+ align-items: center;
1747	+ margin-bottom: 30px;
1748	+ flex-wrap: wrap;
1749	+ }
1750	+
1751	+ .subFormItem__Title {
1752	+ letter-spacing: 0px;
1753	+ color: #000;
1754	+ font-size: calc(10px + 0.521vw);
1755	+ line-height: calc(10px + 0.885vw);
1756	+ }
1757	+
1758	+ .subFormItem__input {
1759	+ height: 60px;
1760	+ padding: 17px 88px 16px 20px;
1761	+ letter-spacing: 0px;
1762	+ color: #000;
1763	+ background: #F1F1F1 0% 0% no-repeat padding-box;
1764	+ border-radius: 5px;
1765	+ border: none;
1766	+ margin-left: 20px;
1767	+ margin-right: 7px;
1768	+ width: 15.052vw;
1769	+ min-width: 150px;
1770	+ font-size: calc(10px + 0.521vw);
1771	+ line-height: calc(17px + 0.521vw);
1772	+ padding-right: 0;
1773	+ }
1774	+
1775	+ .form {
1776	+ display: flex;
1777	+ flex-direction: column;
1778	+ }
1779	+
1780	+ .colorPicker {
1781	+ position: relative;
1782	+ }
1783	+
1784	+ .colorPicker__input {
1785	+ opacity: 0;
1786	+ position: absolute;
1787	+ width: 48px;
1788	+ height: 48px;
1789	+ left: 30px;
1790	+ top: 5px;
1791	+ }
1792	+
1793	+ .unhideColorPicker {
1794	+ display: flex;
1795	+ border-radius: 5px;
1796	+ padding: 6px 10px;
1797	+ margin-left: 20px;
1798	+ padding-right: 40px;
1799	+ }
1800	+
1801	+ .subFormItem__range {
1802	+ background-color: #fff;
1803	+ margin-left: 20px;
1804	+ width: calc(45px + 13.021vw);
1805	+ }
1806	+
1807	+
1808	+ .subFormItem:last-child {
1809	+ margin-bottom: 0;
1810	+ }
1811	+
1812	+ .subFormItemImages {
1813	+ display: flex;
1814	+ }
1815	+
1816	+ .sgpb-background-image-block-1,
1817	+ .sgpb-background-image-block-2 {
1818	+ margin-left: 20px;
1819	+ }
1820	+
1821	+ .subFormBackground {
1822	+ display: flex;
1823	+ background: #F1F1F1 0% 0% no-repeat padding-box;
1824	+ border-radius: 5px;
1825	+ padding: 0 10px;
1826	+ align-items: center;
1827	+ }
1828	+
1829	+ .subFormItemIcons {
1830	+ display: flex;
1831	+ flex-direction: column;
1832	+ justify-content: space-around;
1833	+ margin-right: 40px;
1834	+ }
1835	+
1836	+ .subFormItem > .select__select + .select2 {
1837	+ margin-left: 20px !important;
1838	+ }
1839	+
1840	+ .buttonsBlock_right > .buttonsBlock__button:first-child {
1841	+ margin-left: 0;
1842	+ }
1843	+
1844	+ .buttonsBlock_right > .buttonsBlock__button:last-child {
1845	+ margin-right: 0;
1846	+ }
1847	+
1848	+ .onOffswitch_smallLeftMargin {
1849	+ margin-left: 7px;
1850	+ }
1851	+
1852	+ @media only screen and (max-width: 1500px) {
1853	+ .menuIcon {
1854	+ display: block;
1855	+ }
1856	+
1857	+ .aside_left {
1858	+ display: none;
1859	+ }
1860	+ }
1861	+
1862	+ @media only screen and (max-width: 1160px) {
1863	+ .subFormBackground {
1864	+ margin-left: 20px;
1865	+ }
1866	+
1867	+ .subFormItemImages {
1868	+ flex-wrap: wrap;
1869	+ }
1870	+ }
1871	+
1872	+ @media only screen and (max-width: 1000px) {
1873	+ .subForm {
1874	+ width: 100%;
1875	+ }
1876	+
1877	+ .aside_left {
1878	+ display: none;
1879	+ }
1880	+ }
1881	+
1882	+ @media only screen and (max-width: 500px) {
1883	+ .formItem__input_sgpb-popup-overlay {
1884	+ width: 100% !important;
1885	+ margin-right: 18px !important;
1886	+ }
1887	+
1888	+ .subFormItemImages {
1889	+ justify-content: center;
1890	+ }
1891	+
1892	+ .subFormItemImages > img {
1893	+ margin-bottom: 10px;
1894	+ border: 5px solid #ECECEC;
1895	+ margin-left: 20px;
1896	+ }
1897	+
1898	+ .subFormItemImages .icons_pink {
1899	+ margin: 10px 0;
1900	+ }
1901	+
1902	+ .formItem__input_sgpb-popup-overlay {
1903	+ margin-left: 0 !important;
1904	+ width: 65% !important;
1905	+ min-width: 200px !important;
1906	+ margin-top: 10px !important;
1907	+ }
1908	+ }
1909	+
1910	+ @media only screen and (max-width: 350px) {
1911	+ .subForm {
1912	+ padding: 19px 10px;
1913	+ }
1914	+ }
1915	+
1916	+ /////////////////// design ///////////////////////
1917	+
1918	+
1919	+ /////////////////// range ///////////////////////
1920	+ input[type="range"] {
1921	+ --thumbSize: 18px;
1922	+ --trackSize: 8px;
1923	+ --thumbBg: #fff;
1924	+ --trackBg: #f2f2f2;
1925	+ --progressBg: #2873EB;
1926	+ --webkitProgressPercent: 0%;
1927	+ width: 100%;
1928	+ }
1929	+
1930	+ input[type="range"] {
1931	+ -webkit-appearance: none;
1932	+ -moz-appearance: none;
1933	+ appearance: none;
1934	+ height: var(--thumbSize);
1935	+ padding: 0;
1936	+ }
1937	+
1938	+ input[type="range"]:focus {
1939	+ outline: none;
1940	+ }
1941	+
1942	+ /* Thumb */
1943	+ input[type="range"]::-webkit-slider-thumb {
1944	+ -webkit-appearance: none;
1945	+ appearance: none;
1946	+ width: var(--thumbSize);
1947	+ height: var(--thumbSize);
1948	+ background-color: var(--thumbBg);
1949	+ border-radius: calc(var(--thumbSize) / 2);
1950	+ border: none;
1951	+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
1952	+ margin-top: calc(((var(--thumbSize) - var(--trackSize)) / 2) * -1);
1953	+ cursor: pointer;
1954	+ }
1955	+
1956	+ input[type="range"]::-moz-range-thumb {
1957	+ -moz-appearance: none;
1958	+ appearance: none;
1959	+ width: var(--thumbSize);
1960	+ height: var(--thumbSize);
1961	+ background-color: var(--thumbBg);
1962	+ border-radius: calc(var(--thumbSize) / 2);
1963	+ border: none;
1964	+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
1965	+ margin-top: calc(((var(--thumbSize) - var(--trackSize)) / 2) * -1);
1966	+ cursor: pointer;
1967	+ }
1968	+
1969	+ input[type="range"]::-ms-thumb {
1970	+ -ms-appearance: none;
1971	+ appearance: none;
1972	+ width: var(--thumbSize);
1973	+ height: var(--thumbSize);
1974	+ background-color: var(--thumbBg);
1975	+ border-radius: calc(var(--thumbSize) / 2);
1976	+ border: none;
1977	+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
1978	+ margin-top: calc(((var(--thumbSize) - var(--trackSize)) / 2) * -1);
1979	+ cursor: pointer;
1980	+ }
1981	+
1982	+ /* Track */
1983	+ input[type="range"]::-webkit-slider-runnable-track {
1984	+ height: var(--trackSize);
1985	+ background-image: linear-gradient(
1986	+ 90deg,
1987	+ var(--progressBg) var(--webkitProgressPercent),
1988	+ var(--trackBg) var(--webkitProgressPercent)
1989	+ );
1990	+ border-radius: calc(var(--trackSize) / 2);
1991	+ }
1992	+
1993	+ input[type="range"]::-moz-range-track {
1994	+ height: var(--trackSize);
1995	+ background-color: var(--trackBg);
1996	+ border-radius: calc(var(--trackSize) / 2);
1997	+ }
1998	+
1999	+ input[type="range"]::-ms-track {
2000	+ height: var(--trackSize);
2001	+ background-color: var(--trackBg);
2002	+ border-radius: calc(var(--trackSize) / 2);
2003	+ }
2004	+
2005	+ /* Progress */
2006	+ input[type="range"]::-moz-range-progress {
2007	+ height: var(--trackSize);
2008	+ background-color: var(--progressBg);
2009	+ border-radius: calc(var(--trackSize) / 2) 0 0 calc(var(--trackSize) / 2);
2010	+ }
2011	+
2012	+ input[type="range"]::-ms-fill-lower {
2013	+ height: var(--trackSize);
2014	+ background-color: var(--progressBg);
2015	+ border-radius: calc(var(--trackSize) / 2) 0 0 calc(var(--trackSize) / 2);
2016	+ }
2017	+
2018	+ .range-wrap {
2019	+ margin-left: 20px;
2020	+ position: relative;
2021	+ width: 15.365vw;
2022	+ }
2023	+
2024	+ .range-value {
2025	+ position: absolute;
2026	+ top: -100%;
2027	+ }
2028	+
2029	+ .range-value span {
2030	+ width: 30px;
2031	+ height: 24px;
2032	+ text-align: center;
2033	+ background: #2873EB;
2034	+ color: #fff;
2035	+ font-size: 12px;
2036	+ display: block;
2037	+ position: absolute;
2038	+ left: -50%;
2039	+ transform: translate(-50%, 0);
2040	+ border-radius: 6px;
2041	+ font: Bold 12px/11px Segoe UI Regular;
2042	+ line-height: 24px;
2043	+ }
2044	+
2045	+ .range-value span:before {
2046	+ content: "";
2047	+ position: absolute;
2048	+ width: 0;
2049	+ height: 0;
2050	+ border-top: 10px solid #2873EB;
2051	+ border-left: 5px solid transparent;
2052	+ border-right: 5px solid transparent;
2053	+ top: 100%;
2054	+ left: 50%;
2055	+ margin-left: -5px;
2056	+ margin-top: -1px;
2057	+ }
2058	+
2059	+ /////////////////// range ///////////////////////
2060	+
2061	+ /////////////////// question mark ///////////////////////
2062	+ .question-mark {
2063	+ letter-spacing: 0px;
2064	+ font-size: 10px;
2065	+ line-height: 16px;
2066	+ color: #000;
2067	+ text-shadow: 0px 0px 6px #00000080;
2068	+ background: #c6c6c6 0% 0% no-repeat padding-box;
2069	+ width: 18px;
2070	+ height: 18px;
2071	+ border-radius: 50%;
2072	+ display: flex;
2073	+ justify-content: center;
2074	+ align-items: center;
2075	+ margin-left: 9px;
2076	+ margin-right: 9px;
2077	+ font-weight: bolder;
2078	+ cursor: pointer;
2079	+ font-family: "Glyphter", Arial, Helvetica, sans-serif;
2080	+ }
2081	+
2082	+ /////////////////// question mark ///////////////////////
2083	+
2084	+ /////////////////// custom js/css ///////////////////////
2085	+ .customJsOrCss {
2086	+ padding: 1.823vh 2.083vw;
2087	+ width: 100%;
2088	+ display: flex;
2089	+ flex-direction: column;
2090	+ }
2091	+
2092	+ #options-customCssJs .sgpb-metabox-option-name {
2093	+ margin: 1em 0 10px;
2094	+ }
2095	+
2096	+ #options-customCssJs .customJsOrCss__heading {
2097	+ font: Bold calc(20px + 1.042vw)/calc(20px + 1.719vw) Segoe UI Regular;
2098	+ letter-spacing: 0px;
2099	+ color: #000;
2100	+ margin-bottom: 29px;
2101	+ }
2102	+
2103	+ #options-customCssJs .customJsOrCss__text {
2104	+ letter-spacing: 0px;
2105	+ color: #757575;
2106	+ font-size: calc(10px + 0.260vw);
2107	+ height: calc(10px + 0.521vw);
2108	+ height: 40px;
2109	+ line-height: 20px;
2110	+ }
2111	+
2112	+ #options-customCssJs .sections {
2113	+ border-bottom: 1px solid rgba(0, 0, 0, 0.19);
2114	+ padding: 12px 0;
2115	+ margin-bottom: 20px;
2116	+ }
2117	+
2118	+ #options-customCssJs .sections__section {
2119	+ font: Bold calc(10px + 0.521vw)/calc(17px + 0.521vw) Segoe UI Regular;
2120	+ letter-spacing: 0px;
2121	+ color: #000;
2122	+ padding: 10px calc(20px + 1.563vw);
2123	+ }
2124	+
2125	+ #options-customCssJs .sections__section_active {
2126	+ color: #2873EB;
2127	+ border-bottom: 3px solid #2873EB;
2128	+ }
2129	+
2130	+ #options-customCssJs .formItem__text {
2131	+ letter-spacing: 0px;
2132	+ color: #000;
2133	+ font-size: calc(10px + 0.260vw);
2134	+ line-height: calc(10px + 0.521vw);
2135	+ }
2136	+
2137	+ #options-customCssJs .formItem__href {
2138	+ font-size: calc(10px + 0.260vw);
2139	+ line-height: calc(10px + 0.521vw);
2140	+ letter-spacing: 0px;
2141	+ text-decoration: none;
2142	+ color: #2873EB;
2143	+ }
2144	+
2145	+ #options-customCssJs .formItem {
2146	+ display: flex;
2147	+ flex-direction: row;
2148	+ margin: 37px 0;
2149	+ }
2150	+
2151	+ #options-customCssJs .formItem__textarea::placeholder {
2152	+ font: Italic calc(10px + 0.260vw)/calc(10px + 0.521vw) Segoe UI Regular;
2153	+ letter-spacing: 0px;
2154	+ color: #757575;
2155	+ }
2156	+
2157	+ .mailchimp-popup-options .formItem__textarea,
2158	+ #options-popupTypeOptionsView .formItem__textarea,
2159	+ .generalSettings .formItem__textarea,
2160	+ #options-customCssJs .formItem__textarea {
2161	+ padding: 18px 14px;
2162	+ background: #ECECEC 0% 0% no-repeat padding-box;
2163	+ border-radius: 5px;
2164	+ border: none;
2165	+ width: calc(152px + 31.250vw);
2166	+ margin-top: 12px;
2167	+ height: calc(250px + 5.208vw);
2168	+ }
2169	+
2170	+ .mailchimp-popup-options .formItem__textarea {
2171	+ max-width: 300px;
2172	+ max-height: 140px;
2173	+ }
2174	+
2175	+ #options-popupTypeOptionsView .formItem__textarea {
2176	+ padding: 18px 14px !important;
2177	+ }
2178	+
2179	+ #options-customCssJs .formItem__textarea:focus {
2180	+ outline: none;
2181	+ }
2182	+
2183	+ #options-customCssJs .formItem__title {
2184	+ font: Bold calc(10px + 0.260vw)/calc(10px + 0.521vw) Segoe UI Regular;
2185	+ letter-spacing: 0px;
2186	+ color: #000;
2187	+ }
2188	+
2189	+ @media only screen and (max-width: 1025px) {
2190	+ .aside_left {
2191	+ display: none;
2192	+ }
2193	+
2194	+ .menuIcon {
2195	+ display: block;
2196	+ }
2197	+ }
2198	+
2199	+ .sgpb-pdf-options-container #js-upload-pdf-button {
2200	+ color: #2873EB;
2201	+ }
2202	+
2203	+ #sgpb-editor-options-tab-content-wrapper-2 .formItem {
2204	+ margin: 0 !important;
2205	+ }
2206	+
2207	+ /////////////////// custom js/css ///////////////////////
2208	+
2209	+ /////////////////// dimensions ///////////////////////
2210	+ .dimensions {
2211	+ padding: 0 39px;
2212	+ }
2213	+
2214	+ .dimensions, .form {
2215	+ width: 100%;
2216	+ }
2217	+
2218	+ .dimensions__heading {
2219	+ font: Bold calc(20px + 1.042vw)/calc(1.563vw + 23px) Segoe UI Regular;
2220	+ letter-spacing: 0px;
2221	+ color: #000;
2222	+ }
2223	+
2224	+ .formItem__title_equal {
2225	+ width: 120px;
2226	+ }
2227	+
2228	+ .quotedMessage {
2229	+ width: 215px;
2230	+ height: 51px;
2231	+ border-radius: 5px;
2232	+ display: none;
2233	+ align-items: center;
2234	+ position: relative;
2235	+ right: 14%;
2236	+ z-index: 999999;
2237	+ }
2238	+
2239	+ .quotedMessage__message {
2240	+ font: 12px/13px Segoe UI Bold;
2241	+ letter-spacing: 0px;
2242	+ color: #000000;
2243	+ padding: 0 14px;
2244	+ height: 100%;
2245	+ display: flex;
2246	+ align-items: center;
2247	+ background: #BCBCBC 0% 0% no-repeat padding-box;
2248	+ box-shadow: 4px 0px 6px #00000029;
2249	+ border-radius: 5px;
2250	+ }
2251	+
2252	+ .sgpb-info-text {
2253	+ color: #000000;
2254	+ font: 13px/14px Segoe UI Bold;
2255	+ width: 215px;
2256	+ min-height: 51px;
2257	+ position: absolute;
2258	+ min-width: 20px;
2259	+ min-height: 13px;
2260	+ display: none;
2261	+ margin-top: -18px;
2262	+ margin-left: 0;
2263	+ box-shadow: 4px 0px 6px #00000029;
2264	+ padding: 5px;
2265	+ z-index: 9999;
2266	+ background: #BCBCBC 0% 0% no-repeat padding-box;
2267	+ border-radius: 5px;
2268	+ }
2269	+
2270	+ .quotedMessage__left {
2271	+ width: 0;
2272	+ height: 0;
2273	+ border-top: 10px solid transparent;
2274	+ border-bottom: 10px solid transparent;
2275	+ border-right: 10px solid #BCBCBC;
2276	+ }
2277	+
2278	+ .question-mark_right {
2279	+ margin-left: calc(20px + 2.865vw);
2280	+ margin-right: 2px;
2281	+ }
2282	+
2283	+ .subForm {
2284	+ padding: calc(11px + 0.521vw) calc(10px + 1.042vw) calc(5px + 1.042vw) calc(10px + 1.042vw);
2285	+ background-color: rgba(0, 0, 0, 0.02);
2286	+ }
2287	+
2288	+ .subFormItem {
2289	+ display: flex;
2290	+ align-items: center;
2291	+ }
2292	+
2293	+ .subFormItem__Title {
2294	+ letter-spacing: 0px;
2295	+ color: #000;
2296	+ font-size: calc(10px + 0.521vw);
2297	+ line-height: calc(17px + 0.521vw);
2298	+ }
2299	+
2300	+ .subFormItem__input {
2301	+ letter-spacing: 0px;
2302	+ color: #000;
2303	+ font-size: calc(10px + 0.521vw);
2304	+ line-height: calc(17px + 0.521vw);
2305	+ padding: 10px 13px;
2306	+ background: #F1F1F1 0% 0% no-repeat padding-box;
2307	+ border-radius: 5px;
2308	+ border: none;
2309	+ width: 75px;
2310	+ border-radius: 5px 0 0 5px;
2311	+ }
2312	+
2313	+ .subFormItemInput {
2314	+ display: flex;
2315	+ justify-content: center;
2316	+ align-items: center;
2317	+ background: #F1F1F1 0% 0% no-repeat padding-box;
2318	+ margin-left: 21px;
2319	+ }
2320	+
2321	+ .subFormItemInput > div {
2322	+ padding: 0 17px;
2323	+ border-radius: 0 5px 5px 0;
2324	+ }
2325	+
2326	+ .subForm_flex {
2327	+ display: flex;
2328	+ flex-wrap: wrap;
2329	+ }
2330	+
2331	+ .subFormItemInput_smallMargin {
2332	+ margin: 0 10px;
2333	+ }
2334	+
2335	+ .minWidth, .maxWidth, .minHeight, .maxHeight {
2336	+ width: auto;
2337	+ display: flex;
2338	+ align-items: center;
2339	+ justify-content: space-between;
2340	+ min-width: 270px;
2341	+ }
2342	+
2343	+ .minWidth > .formItem__input, .maxWidth > .formItem__input, .minHeight > .formItem__input, .maxHeight > .formItem__input {
2344	+ margin-left: 1.198vw;
2345	+ }
2346	+
2347	+ .maxWidth, .maxHeight {
2348	+ margin-left: 1.250vw;
2349	+ }
2350	+
2351	+ .formItem:first-child {
2352	+ margin: 1.198vw 0;
2353	+ }
2354	+
2355	+ .subForm_flex {
2356	+ margin-bottom: 20px;
2357	+ }
2358	+
2359	+ .formItem_margined {
2360	+ margin: 15px 0 34px 0;
2361	+ }
2362	+
2363	+ @media only screen and (max-width: 1000px) {
2364	+ .menuIcon {
2365	+ display: block;
2366	+ }
2367	+
2368	+ .aside_left {
2369	+ display: none;
2370	+ }
2371	+ }
2372	+
2373	+ @media only screen and (max-width: 500px) {
2374	+ .dimensions {
2375	+ padding: 0;
2376	+ }
2377	+ }
2378	+
2379	+ @media only screen and (max-width: 1240px) {
2380	+ .bottom, .formItem:last-child {
2381	+ flex-direction: column;
2382	+ align-items: flex-start;
2383	+ }
2384	+
2385	+ .maxWidth, .maxHeight {
2386	+ margin-top: 1.250vw;
2387	+ margin-left: 0;
2388	+ }
2389	+ }
2390	+
2391	+ #options-dimensions .subForm.dimensionForm,
2392	+ .countdownOptions .subForm.dimensionForm,
2393	+ #options-popupTypeOptionsView .subForm.dimensionForm {
2394	+ padding: 0;
2395	+ background-color: #fff !important;
2396	+ }
2397	+
2398	+ .subFormItem.sgpb-sub-option,
2399	+ .subFormItem.sgpb-choice-wrapper {
2400	+ margin: 0 !important;
2401	+ padding-top: 0 !important;
2402	+ }
2403	+
2404	+ #sgpb-social-share-url-wrapper .subFormItem,
2405	+ .sgpb-social-url-form-item {
2406	+ margin: 0 !important;
2407	+ padding-top: 0 !important;
2408	+ }
2409	+
2410	+ #sgpb-social-share-url-wrapper {
2411	+ padding-left: 5.208vw;
2412	+ }
2413	+
2414	+ .maxWidth span,
2415	+ .maxHeight span {
2416	+ min-width: 105px;
2417	+ }
2418	+
2419	+ /////////////////// dimensions ///////////////////////
2420	+
2421	+ /////////////////// subscribers ///////////////////////
2422	+
2423	+ .subscription {
2424	+ padding: 10.188vw calc(20px + 1.042vw) calc(20px + 1.042vw) 0;
2425	+ display: flex;
2426	+ flex-direction: column;
2427	+ }
2428	+
2429	+ .subscription__heading {
2430	+ font: Bold calc(20px + 0.521vw)/calc(33px + 0.521vw) Segoe UI Regular;
2431	+ letter-spacing: 0px;
2432	+ color: #000;
2433	+ margin-bottom: 20px;
2434	+ }
2435	+
2436	+
2437	+ .subscription, .form {
2438	+ width: 100%;
2439	+ }
2440	+
2441	+ .select {
2442	+ display: flex;
2443	+ width: calc(10.417vw + 144px);
2444	+ }
2445	+
2446	+ .info .buttonGroup__button {
2447	+ width: calc(50px + 2.917vw);
2448	+ }
2449	+
2450	+ .select__select:nth-child(even) {
2451	+ margin: 0 20px;
2452	+ width: calc(68px + 10.417vw);
2453	+ }
2454	+
2455	+ .selectGroup {
2456	+ display: flex;
2457	+ }
2458	+
2459	+ .info {
2460	+ padding: 3.125vw 0;
2461	+ }
2462	+
2463	+ .table__data:first-child,
2464	+ .table__head:first-child {
2465	+ width: 80px;
2466	+ display: flex;
2467	+ justify-content: center;
2468	+ }
2469	+
2470	+ .table__data:nth-child(6),
2471	+ .table__head:nth-child(6) {
2472	+ margin-right: 0;
2473	+ }
2474	+
2475	+ .table__data:nth-child(8),
2476	+ .table__head:nth-child(8) {
2477	+ display: flex;
2478	+ justify-content: center;
2479	+ }
2480	+
2481	+ .table__data:nth-child(9),
2482	+ .table__head:nth-child(9) {
2483	+ justify-content: center;
2484	+ }
2485	+
2486	+ .table__row .buttonGroup__button_black {
2487	+ border: 2px solid #000000 !important;
2488	+ border-radius: 5px !important;
2489	+ background-color: transparent !important;
2490	+ letter-spacing: 0px !important;
2491	+ color: #000 !important;
2492	+ font-weight: normal !important;
2493	+ width: 140px !important;
2494	+ height: 50px !important;
2495	+ font-size: 1vw !important;
2496	+ line-height: calc(1vw + 7px) !important;
2497	+ padding: 0 !important;
2498	+ }
2499	+
2500	+ header .buttonGroup__button:first-child {
2501	+ margin-left: 0;
2502	+ }
2503	+
2504	+ @media only screen and (max-width: 920px) {
2505	+ .selectGroup {
2506	+ flex-direction: column;
2507	+ }
2508	+
2509	+ .select__select:nth-child(even) {
2510	+ margin: 10px 0;
2511	+ }
2512	+ }
2513	+
2514	+ @media only screen and (max-width: 600px) {
2515	+ header {
2516	+ flex-direction: column;
2517	+ align-items: flex-start;
2518	+ }
2519	+
2520	+ .search {
2521	+ padding: 10px 0;
2522	+ }
2523	+ }
2524	+
2525	+ /////////////////// subscribers ///////////////////////
2526	+
2527	+ /////////////////// data table ///////////////////////
2528	+ .table {
2529	+ background: #ffffff 0% 0% no-repeat padding-box;
2530	+ box-shadow: 0px 0px 15px #0000001a;
2531	+ border-radius: 5px;
2532	+ width: 100%;
2533	+ margin-top: 5.25vw;
2534	+ overflow: hidden;
2535	+ }
2536	+
2537	+ .table__head {
2538	+ font: Bold calc(10px + 0.521vw) / calc(10px + 0.885vw) Segoe UI Regular;
2539	+ letter-spacing: 0px;
2540	+ color: #000;
2541	+ padding: calc(0.26vw + 15px);
2542	+ text-align: left;
2543	+ padding-left: 0;
2544	+ margin-right: 40px;
2545	+ }
2546	+
2547	+ .table__head:first-child {
2548	+ transform: translate(10px);
2549	+ }
2550	+
2551	+ .table__head:last-child {
2552	+ margin-right: 20px !important;
2553	+ }
2554	+
2555	+ .table__data {
2556	+ letter-spacing: 0px;
2557	+ color: #000;
2558	+ font-size: calc(10px + 0.521vw);
2559	+ line-height: calc(17px + 0.521vw);
2560	+ text-align: left;
2561	+ margin-right: 40px;
2562	+ }
2563	+
2564	+ .table__data_button {
2565	+ display: flex;
2566	+ align-items: center;
2567	+ justify-content: center;
2568	+ }
2569	+
2570	+ .table__row {
2571	+ border-bottom: 1px solid #f1f1f1;
2572	+ display: flex;
2573	+ align-items: center;
2574	+ width: 100%;
2575	+ min-width: 1200px;
2576	+ padding: 10px;
2577	+ }
2578	+
2579	+ .table__data_icons {
2580	+ display: flex;
2581	+ }
2582	+
2583	+ .table__row_active {
2584	+ background: rgba(40, 115, 235, 0.1);
2585	+ }
2586	+
2587	+ .head__square {
2588	+ width: 28px;
2589	+ height: 28px;
2590	+ background: #2873eb 0% 0% no-repeat padding-box;
2591	+ border-radius: 3px;
2592	+ display: flex;
2593	+ justify-content: center;
2594	+ align-items: center;
2595	+ margin: 0 auto;
2596	+ }
2597	+
2598	+ .head__square > div {
2599	+ width: 14px;
2600	+ height: 3px;
2601	+ background: #ffffff 0% 0% no-repeat padding-box;
2602	+ }
2603	+
2604	+ .pagination {
2605	+ padding: 10px 0;
2606	+ display: flex;
2607	+ justify-content: flex-end;
2608	+ }
2609	+
2610	+ .pagination__page {
2611	+ letter-spacing: 0px;
2612	+ font-size: calc(10px + 0.521vw);
2613	+ line-height: calc(17px + 0.521vw);
2614	+ color: #000;
2615	+ }
2616	+
2617	+ .pagination__arrowLeft,
2618	+ .pagination__arrowRight {
2619	+ margin: 0 5px;
2620	+ }
2621	+
2622	+ .icon {
2623	+ width: 60px;
2624	+ height: 60px;
2625	+ border-radius: 15px;
2626	+ display: flex;
2627	+ align-items: center;
2628	+ justify-content: center;
2629	+ border-radius: 50%;
2630	+ }
2631	+
2632	+ .icon_blue {
2633	+ background: #b5caec 0% 0% no-repeat padding-box;
2634	+ }
2635	+
2636	+ .icon_pink {
2637	+ background: #ffcece 0% 0% no-repeat padding-box;
2638	+ }
2639	+
2640	+ /////////////////// data table ///////////////////////
2641	+
2642	+ /////////////////// type additional option view ///////////////////////
2643	+ .video-popup-options,
2644	+ .age-verification-popup-options,
2645	+ .login-popup-options,
2646	+ .registration-popup-options,
2647	+ .mailchimp-popup-options,
2648	+ .sgpb-popup-opening-analytics-container,
2649	+ .subscription-popup-options {
2650	+ padding: 0 39px;
2651	+ width: 100%;
2652	+ }
2653	+
2654	+ .video-popup-options__heading {
2655	+ font: Bold calc(1.042vw + 20px) / calc(20px + 1.719vw) Segoe UI Regular;
2656	+ letter-spacing: 0px;
2657	+ color: #000;
2658	+ }
2659	+
2660	+ .grayFormItem__input {
2661	+ padding: 15px 21px;
2662	+ border: none;
2663	+ background: #efefef 0% 0% no-repeat padding-box;
2664	+ border-radius: 5px;
2665	+ width: calc(72px + 13.021vw);
2666	+ margin-left: 18px;
2667	+ margin-right: 18px;
2668	+ }
2669	+
2670	+ .grayFormItem__input::placeholder {
2671	+ letter-spacing: 0px;
2672	+ color: #c2c2c2;
2673	+ font-size: calc(0.521vw + 10px);
2674	+ font-style: italic;
2675	+ line-height: calc(0.521vw + 10px);
2676	+ font-weight: bold;
2677	+ color: #000;
2678	+ }
2679	+
2680	+ .grayFormItem:first-child {
2681	+ margin-bottom: calc(10px + 1.458vw);
2682	+ }
2683	+
2684	+ .sgpb-video-icon-wrapper.icons__item {
2685	+ width: 58px !important;
2686	+ height: 58px !important;
2687	+ display: flex;
2688	+ align-items: center;
2689	+ justify-content: center;
2690	+ border-radius: 50%;
2691	+ background: #b5caec;
2692	+ }
2693	+
2694	+ .icons__item_first {
2695	+ margin-right: 13px;
2696	+ }
2697	+
2698	+ @media only screen and (max-width: 1055px) {
2699	+ .aside_left {
2700	+ display: none;
2701	+ }
2702	+
2703	+ .menuIcon {
2704	+ display: block;
2705	+ }
2706	+ }
2707	+
2708	+ @media only screen and (max-width: 400px) {
2709	+ .video-popup-options {
2710	+ padding: 0;
2711	+ }
2712	+
2713	+ .formItem__title_marginBottom {
2714	+ margin-bottom: 15px;
2715	+ }
2716	+
2717	+ .formItem {
2718	+ flex-wrap: wrap;
2719	+ }
2720	+ }
2721	+
2722	+ .sgpb-fblike-options .select2-container,
2723	+ #options-dimensions .select2-container,
2724	+ #autoresponderMetabox .select2-container,
2725	+ .aweber-popup-options .select2-container,
2726	+ .mailchimp-popup-options .select2-container {
2727	+ margin-left: 20px;
2728	+ }
2729	+
2730	+ #autoresponderMetabox .events .select2-container {
2731	+ margin-left: 0;
2732	+ width: 11.052vw !important;
2733	+ }
2734	+
2735	+ .sg-target-group .icons__item {
2736	+ margin-top: 10px;
2737	+ }
2738	+
2739	+ /////////////////// type additional option view ///////////////////////
2740	+
2741	+ /////////////////// main option view ///////////////////////
2742	+ .livePreview {
2743	+ border-radius: 27px;
2744	+ padding: 10px;
2745	+ background-color: rgba(0, 0, 0, 0.06);
2746	+ width: calc(50px + 6.427vw);
2747	+ display: flex;
2748	+ align-items: center;
2749	+ justify-content: center;
2750	+ }
2751	+
2752	+ .livePreview_centered {
2753	+ margin: 10px auto 20px;
2754	+ }
2755	+
2756	+ .registration-popup-options .sgpb-inputs-wrapper input[type="checkbox"],
2757	+ .login-popup-options .sgpb-inputs-wrapper input[type="checkbox"] {
2758	+ position: inherit;
2759	+ }
2760	+
2761	+ .registration-popup-options .sgpb-inputs-wrapper input[type="submit"],
2762	+ .login-popup-options .sgpb-inputs-wrapper input[type="submit"] {
2763	+ border-radius: 5px;
2764	+ }
2765	+
2766	+ .mailchimp-popup-options .sgpb-choice-option-wrapper .control__indicator,
2767	+ .aweber-popup-options .sgpb-choice-option-wrapper .control__indicator,
2768	+ .registration-popup-options .sgpb-choice-option-wrapper .control__indicator,
2769	+ .login-popup-options .sgpb-choice-option-wrapper .control__indicator {
2770	+ margin: 0;
2771	+ }
2772	+
2773	+ .left, .right {
2774	+ width: 50%;
2775	+ }
2776	+
2777	+ .left {
2778	+ display: flex;
2779	+ flex-direction: column;
2780	+ align-items: flex-start;
2781	+ }
2782	+
2783	+ .right {
2784	+ padding: 15px 13px;
2785	+ position: -webkit-sticky;
2786	+ position: sticky;
2787	+ bottom: 100%;
2788	+ z-index: 9999;
2789	+ }
2790	+
2791	+ #options-popupTypeOptionsView .content {
2792	+ height: 100%;
2793	+ }
2794	+
2795	+ #options-popupTypeOptionsView .videoPopupMainOptionsUpload {
2796	+ width: 100%;
2797	+ padding: 0 1.563vw;
2798	+ display: flex;
2799	+ box-sizing: content-box;
2800	+ }
2801	+
2802	+ #options-popupTypeOptionsView .videoPopupMainOptionsUpload__title {
2803	+ font: Bold calc(20px + 1.042vw)/calc(33px + 1.042vw) Segoe UI Regular;
2804	+ letter-spacing: 0px;
2805	+ color: #000;
2806	+ }
2807	+
2808	+ #options-popupTypeOptionsView .icons__item {
2809	+ display: flex;
2810	+ align-items: center;
2811	+ justify-content: center;
2812	+ border-radius: 50%;
2813	+ background: #b5caec;
2814	+ width: calc(53px + 3.125vw);
2815	+ height: calc(53px + 3.125vw);
2816	+ font-family: "Glyphter", Arial, Helvetica, sans-serif;
2817	+ font-size: 3.906vw;
2818	+ color: #2873EB;
2819	+ }
2820	+
2821	+ #options-popupTypeOptionsView .icons__item_default {
2822	+
2823	+ }
2824	+
2825	+ #options-popupTypeOptionsView .icons_blue {
2826	+ background: #B5CAEC 0% 0% no-repeat padding-box;
2827	+ left: -63px !important;
2828	+ }
2829	+
2830	+ #options-popupTypeOptionsView .form {
2831	+ display: flex;
2832	+ align-items: center;
2833	+ margin-top: 42px;
2834	+ justify-content: center;
2835	+ width: 95%;
2836	+ }
2837	+
2838	+ #options-popupTypeOptionsView .formItem {
2839	+ position: relative;
2840	+ }
2841	+
2842	+ #options-popupTypeOptionsView .formItem_first {
2843	+ display: flex;
2844	+ transform: translateX(-2.271vw);
2845	+ flex-direction: column;
2846	+ align-items: center;
2847	+ justify-content: center;
2848	+ }
2849	+
2850	+ #options-popupTypeOptionsView .formItem_last {
2851	+ padding: 6.406vw 6.006vw;
2852	+ background: #FCFCFC 0% 0% no-repeat padding-box;
2853	+ box-shadow: 0px 0px 20px #00000033;
2854	+ border-radius: 10px;
2855	+ width: calc(20.833vw + 165px);
2856	+ height: calc(20.833vw + 133px);
2857	+ display: flex;
2858	+ align-items: center;
2859	+ justify-content: center;
2860	+ flex-direction: column;
2861	+ transform: translateX(-0.271vw);
2862	+ }
2863	+
2864	+ #options-popupTypeOptionsView .formItem_last > img {
2865	+ height: 17.292vw;
2866	+ width: 17.292vw;
2867	+ }
2868	+
2869	+ #options-popupTypeOptionsView .formItem__title {
2870	+ font: Bold calc(10px + 0.521vw)/calc(17px + 0.521vw) Segoe UI Regular;
2871	+ letter-spacing: 0px;
2872	+ color: #000;
2873	+ }
2874	+
2875	+ #options-popupTypeOptionsView .formItem__input {
2876	+ padding: 17px;
2877	+ border: none;
2878	+ background: #F1F1F1 0% 0% no-repeat padding-box;
2879	+ border-radius: 5px;
2880	+ margin-top: 15px;
2881	+ }
2882	+
2883	+ #options-popupTypeOptionsView .subscription-popup-options .formItem__input {
2884	+ margin-top: 0;
2885	+ }
2886	+
2887	+ #options-popupTypeOptionsView .icons_blue {
2888	+ position: absolute;
2889	+ left: -29px;
2890	+ }
2891	+
2892	+ @media only screen and (max-width: 1300px) {
2893	+ .menuIcon {
2894	+ display: block;
2895	+ }
2896	+
2897	+ .aside_left {
2898	+ display: none;
2899	+ }
2900	+ }
2901	+
2902	+ @media only screen and (max-width: 670px) {
2903	+ .form {
2904	+ flex-direction: column;
2905	+ }
2906	+
2907	+ .formItem_last {
2908	+ margin-top: 15px;
2909	+ }
2910	+ }
2911	+
2912	+ .sgpb-show-image-container {
2913	+ background-image: url(../images/NoImage.png);
2914	+ height: 17.292vw;
2915	+ width: 17.292vw;
2916	+ background-repeat: no-repeat;
2917	+ background-size: 17.292vw;
2918	+ background-color: #fcfcfc;
2919	+ background-size: contain;
2920	+ background-position: top;
2921	+ }
2922	+
2923	+ /////////////////// main option view ///////////////////////
2924	+
2925	+ /////////////////// popup options ///////////////////////
2926	+ .popupOptions {
2927	+ padding: 0 2.031vw;
2928	+ width: 100%;
2929	+ }
2930	+
2931	+ .popupOptions__heading {
2932	+ font: Bold calc(1.042vw + 20px) / calc(20px + 1.719vw) Segoe UI Regular;
2933	+ letter-spacing: 0px;
2934	+ color: #000;
2935	+ }
2936	+
2937	+ .form {
2938	+ width: 100%;
2939	+ }
2940	+
2941	+ .formItem__title_margined {
2942	+ width: calc(30px + 11vw);
2943	+ }
2944	+
2945	+ .subForm {
2946	+ background-color: rgba(0, 0, 0, 0.02);
2947	+ padding: 35px 30px;
2948	+ border-radius: 5px;
2949	+ width: 100%;
2950	+ }
2951	+
2952	+ .subFormItem {
2953	+ display: flex;
2954	+ padding: calc(0.342vw + 8px) 0;
2955	+ align-items: center;
2956	+ }
2957	+
2958	+ .subFormItem__Title {
2959	+ letter-spacing: 0px !important;
2960	+ color: #000 !important;
2961	+ font-size: calc(10px + 0.521vw) !important;
2962	+ line-height: calc(17px + 0.521vw) !important;
2963	+ padding-right: calc(10px + 0.521vw) !important;
2964	+ font-family: Segoe UI Bold !important;
2965	+ }
2966	+
2967	+ .subFormItem__title {
2968	+ font-family: Segoe UI Regular !important;
2969	+ font-size: calc(10px + 0.521vw) !important;
2970	+ }
2971	+
2972	+ .grayFormItem__title {
2973	+ padding-right: calc(9.5px + 0.521vw);
2974	+ letter-spacing: 0px;
2975	+ color: #000;
2976	+ font-size: calc(0.521vw + 5px);
2977	+ line-height: calc(10px + 0.521vw);
2978	+ }
2979	+
2980	+ .noPadding {
2981	+ padding-top: 0;
2982	+ padding-bottom: 0;
2983	+ }
2984	+
2985	+ .noMargin {
2986	+ margin: 0 !important;
2987	+ }
2988	+
2989	+ .grayForm {
2990	+ padding: 27px 25px 20px 25px;
2991	+ border-radius: 5px;
2992	+ background-color: rgba(0, 0, 0, 0.02);
2993	+ }
2994	+
2995	+ .grayFormItem {
2996	+ display: flex;
2997	+ align-items: center;
2998	+ }
2999	+
3000	+ .grayFormItem__input {
3001	+ padding: 15px 21px !important;
3002	+ border: none !important;
3003	+ background: #efefef 0% 0% no-repeat padding-box !important;
3004	+ border-radius: 5px !important;
3005	+ width: calc(72px + 13.021vw) !important;
3006	+ }
3007	+
3008	+ .grayFormItem__input::placeholder {
3009	+ letter-spacing: 0px;
3010	+ color: #c2c2c2;
3011	+ font-size: calc(0.521vw + 10px);
3012	+ font-style: italic;
3013	+ line-height: calc(0.521vw + 10px);
3014	+ }
3015	+
3016	+ .grayFormItem:first-child {
3017	+ margin-bottom: calc(10px + 1.458vw);
3018	+ }
3019	+
3020	+ .subFormItem__input {
3021	+ padding: calc(7px + 0.221vw) calc(9px + 0.521vw) !important;
3022	+ border: none !important;
3023	+ background: #f1f1f1 0% 0% no-repeat padding-box !important;
3024	+ border-radius: 5px !important;
3025	+ width: calc(36px + 3.958vw) !important;
3026	+ }
3027	+
3028	+ .icon_blue {
3029	+ color: #2873EB;
3030	+ }
3031	+
3032	+ .icons_pink {
3033	+ background: #ffcece;
3034	+ color: #C12121;
3035	+ }
3036	+
3037	+ .musicForm {
3038	+ display: flex;
3039	+ flex-direction: column;
3040	+ }
3041	+
3042	+ .musicFormItem {
3043	+ display: flex;
3044	+ margin: 0 auto;
3045	+ }
3046	+
3047	+ .musicFormItem__input {
3048	+ padding: 0.521vw calc(9px + 0.521vw);
3049	+ width: calc(102px + 15.625vw);
3050	+ background: #f1f1f1 0% 0% no-repeat padding-box;
3051	+ border-radius: 5px;
3052	+ border: none;
3053	+ margin-right: 15px;
3054	+ }
3055	+
3056	+ .musicFormItem_last {
3057	+ padding-top: 11px;
3058	+ }
3059	+
3060	+ .icons__item_first {
3061	+ margin-right: 13px;
3062	+ }
3063	+
3064	+ .subFormItem__input_big {
3065	+ width: calc(7.813vw + 80px);
3066	+ margin-right: 12px;
3067	+ }
3068	+
3069	+ .subFormItem__input_leftRounded {
3070	+ border-radius: 5px 0 0 5px;
3071	+ }
3072	+
3073	+ .subFormItem__text__rightRounded {
3074	+ background: #f1f1f1 0% 0% no-repeat padding-box;
3075	+ border-radius: 0 5px 5px 0;
3076	+ display: flex;
3077	+ align-items: center;
3078	+ padding-right: 15px;
3079	+ font-size: calc(10px + 0.521vw);
3080	+ line-height: calc(0.521vw + 17px);
3081	+ letter-spacing: 0px;
3082	+ color: #000;
3083	+ }
3084	+
3085	+ .subFormItem_flex {
3086	+ display: flex;
3087	+ }
3088	+
3089	+ .subForm_squared {
3090	+ display: flex;
3091	+ }
3092	+
3093	+ #sgpb-floating-btn-wrapper .squares__square:hover,
3094	+ #sgpb-floating-btn-wrapper .squares__square.squares__square_active {
3095	+ background-color: #2873EB !important;
3096	+ color: #ffffff !important;
3097	+ }
3098	+
3099	+ #sgpb-floating-btn-wrapper .subForm_squared {
3100	+ background-color: initial !important;
3101	+ }
3102	+
3103	+ #sgpb-floating-btn-wrapper .squares__square {
3104	+ height: 50px !important;
3105	+ width: 110px !important;
3106	+ opacity: 1 !important;
3107	+ background-color: #D8E6FC !important;
3108	+ color: #2873EB !important;
3109	+ border-radius: 5px !important;
3110	+ font: normal normal normal 18px/24px Segoe UI Bold;
3111	+ padding-top: 12px;
3112	+ margin-right: 10px;
3113	+ }
3114	+
3115	+ #sgpb-floating-btn-wrapper .sgpb-floating-button-position-empty-box.squares__square {
3116	+ background-color: #D8E6FC !important;
3117	+ opacity: 0.34 !important;
3118	+ cursor: default !important;
3119	+ color: #2873EB !important;
3120	+ }
3121	+
3122	+ .sgpb-floating-btn-position-boxes-container .squares__square {
3123	+ padding: 12px 8px !important;
3124	+ font: normal normal normal 14px/24px Segoe UI Bold !important;
3125	+ }
3126	+
3127	+ .sgpb-floating-btn-position-boxes-container .subForm.subForm_squared {
3128	+ padding: 10px 24px 0 32px !important;
3129	+ }
3130	+
3131	+ .squares {
3132	+ display: flex;
3133	+ flex-wrap: wrap;
3134	+ justify-content: space-around;
3135	+ margin-left: 8.750vw;
3136	+ width: 350px;
3137	+ height: 350px;
3138	+ }
3139	+
3140	+ .squares__square {
3141	+ background: #b2c8ec 0% 0% no-repeat padding-box;
3142	+ opacity: 0.4;
3143	+ width: 100px;
3144	+ height: 100px;
3145	+ }
3146	+
3147	+ .squares__square_active {
3148	+ background: #2873eb 0% 0% no-repeat padding-box;
3149	+ box-shadow: 0px 3px 10px #2873eb80;
3150	+ opacity: 1;
3151	+ }
3152	+
3153	+ .squares__square_leftRounded {
3154	+ border-radius: 5px 0px 0px 5px;
3155	+ }
3156	+
3157	+ .squares__square_rightRounded {
3158	+ border-radius: 0px 5px 5px 0px;
3159	+ }
3160	+
3161	+ .formItem_blue {
3162	+ background-color: rgba(178, 200, 236, 0.17);
3163	+ border-radius: 5px;
3164	+ padding: calc(10px + 1.042vw) calc(10px + 1.25vw);
3165	+ }
3166	+
3167	+ .formItem_blue > * {
3168	+ opacity: 0.17;
3169	+ }
3170	+
3171	+ .unlockOption {
3172	+ background: #2873eb 0% 0% no-repeat padding-box;
3173	+ border-radius: 20px;
3174	+ opacity: 1;
3175	+ display: flex;
3176	+ margin-left: 2.604vw;
3177	+ }
3178	+
3179	+ .unlockOption > .icon {
3180	+ background: #ffffff 0% 0% no-repeat padding-box;
3181	+ box-shadow: 0px 0px 6px #2873eb80;
3182	+ border-radius: 20px;
3183	+ width: 67px;
3184	+ height: 70px;
3185	+ display: flex;
3186	+ justify-content: center;
3187	+ align-items: center;
3188	+ }
3189	+
3190	+ .unlockOption__title {
3191	+ font: Bold calc(8px + 0.521vw) / calc(14px + 0.521vw) Segoe UI Regular;
3192	+ letter-spacing: 0px;
3193	+ color: #fff;
3194	+ padding: 0 12px;
3195	+ display: flex;
3196	+ align-items: center;
3197	+ }
3198	+
3199	+ .disabledButton {
3200	+ margin-top: 10vh;
3201	+ }
3202	+
3203	+ @media only screen and (max-width: 1396px) {
3204	+ .musicFormItem {
3205	+ margin-left: calc(53px + 11.7vw);
3206	+ }
3207	+
3208	+ .formItem__title_margined {
3209	+ width: calc(40px + 11.7vw);
3210	+ }
3211	+ }
3212	+
3213	+ @media only screen and (max-width: 1076px) {
3214	+ .musicFormItem {
3215	+ margin-left: calc(63px + 11.7vw);
3216	+ }
3217	+
3218	+ .formItem__title_margined {
3219	+ width: calc(50px + 11.7vw);
3220	+ }
3221	+ }
3222	+
3223	+ @media only screen and (max-width: 913px) {
3224	+ .musicFormItem {
3225	+ margin-left: calc(85px + 11.7vw);
3226	+ }
3227	+
3228	+ .formItem__title_margined {
3229	+ width: calc(70px + 11.7vw);
3230	+ }
3231	+ }
3232	+
3233	+ @media only screen and (max-width: 1000px) {
3234	+ .aside_left {
3235	+ display: none;
3236	+ }
3237	+
3238	+ .menuIcon {
3239	+ display: block;
3240	+ }
3241	+ }
3242	+
3243	+ @media only screen and (max-width: 550px) {
3244	+ .popupOptions {
3245	+ padding: 0;
3246	+ }
3247	+
3248	+ .musicFormItem {
3249	+ margin-left: 10px;
3250	+ }
3251	+
3252	+ .formItem__title_margined {
3253	+ width: calc(90px + 11.7vw);
3254	+ }
3255	+
3256	+ .subForm_squared {
3257	+ padding: 35px 0;
3258	+ }
3259	+
3260	+ .formItem {
3261	+ padding: 0 10px;
3262	+ }
3263	+
3264	+ .formItem_blue {
3265	+ flex-direction: column;
3266	+ }
3267	+
3268	+ .formItem_blue > .formItem__title {
3269	+ padding-top: 10px;
3270	+ }
3271	+
3272	+ .unlockOption {
3273	+ margin-bottom: 10px;
3274	+ }
3275	+ }
3276	+
3277	+ /////////////////// popup options ///////////////////////
3278	+
3279	+ /////////////////// newsletter ///////////////////////
3280	+ .generalSettings .select2-selection,
3281	+ .sgpb-newsletter-wrapper .select2-selection {
3282	+ margin-left: 1.146vw !important;
3283	+ }
3284	+
3285	+ .sgpb-newsletter-wrapper .formItem__input {
3286	+ font-style: normal;
3287	+ }
3288	+
3289	+ .sgpb-newsletter-wrapper {
3290	+ width: 100%;
3291	+ padding: 45px 5.417vw 45px 5.417vw !important;
3292	+ }
3293	+
3294	+ .newsletterSettings {
3295	+ margin-top: 30px;
3296	+ margin-right: 3.438vw;
3297	+ }
3298	+
3299	+ .newsletter__heading {
3300	+ font: Bold calc(1.042vw + 25px) / calc(25px + 1.719vw) Segoe UI Regular;
3301	+ letter-spacing: 0px;
3302	+ color: #000;
3303	+ }
3304	+
3305	+ .newsletter__h3 {
3306	+ font: Bold calc(10px + 0.781vw)/calc(13px + 1.042vw) Segoe UI Regular;
3307	+ color: #000000;
3308	+ }
3309	+
3310	+ .formItem_left {
3311	+ margin-right: 40px;
3312	+ display: flex;
3313	+ align-items: baseline;
3314	+ }
3315	+
3316	+ .titleQuestionWrapper {
3317	+ display: flex;
3318	+ }
3319	+
3320	+ .sendButton {
3321	+ width: 187px;
3322	+ height: 60px;
3323	+ font: Bold 18px/24px Segoe UI Regular;
3324	+ color: #ffffff;
3325	+ background: #2873eb;
3326	+ border-radius: 5px;
3327	+ outline: none;
3328	+ border: none;
3329	+ }
3330	+
3331	+ .mediaEditor {
3332	+ width: 100%;
3333	+ margin-top: 25px;
3334	+ margin-bottom: 2.083vw;
3335	+ }
3336	+
3337	+ .newsletter__span_bold {
3338	+ display: block;
3339	+ margin-top: 2.604vw;
3340	+ margin-bottom: 1.563vw;
3341	+ font: Bold calc(0.521vw + 10px) / calc(5px + 0.728vw) Segoe UI Regular;
3342	+ }
3343	+
3344	+ .newsletterShortCodes {
3345	+ width: 39%;
3346	+ max-width: 615px;
3347	+ height: min-content;
3348	+ background: #ffffff 0% 0% no-repeat padding-box;
3349	+ box-shadow: 1px 0px 30px rgb(0 0 0 / 20%);
3350	+ border-radius: 10px;
3351	+ padding: 16px 1.578vw;
3352	+ }
3353	+
3354	+ .newsletter__ul {
3355	+ padding: 0;
3356	+ }
3357	+
3358	+ .newsletter__li {
3359	+ list-style-type: none;
3360	+ text-align: left;
3361	+ font-size: calc(10px + 0.521vw);
3362	+ letter-spacing: 0px;
3363	+ color: #000000;
3364	+ line-height: calc(30px + 0.521vw);
3365	+ }
3366	+
3367	+ .li__span_aqua {
3368	+ text-align: left;
3369	+ font-size: calc(10px + 0.521vw);
3370	+ letter-spacing: 0px;
3371	+ color: #2873eb;
3372	+ margin-left: 20px;
3373	+ }
3374	+
3375	+ .newsletterWrapper {
3376	+ display: flex;
3377	+ }
3378	+
3379	+ .formItem__title {
3380	+ font: Regular 20px/27px Segoe UI Regular;
3381	+ letter-spacing: 0px;
3382	+ font-size: calc(10px + 0.521vw);
3383	+ line-height: calc(0.521vw + 17px);
3384	+ color: #000;
3385	+ }
3386	+
3387	+ /* MEDIA SCREEN */
3388	+
3389	+ @media only screen and (max-width: 1280px) {
3390	+ .newsletterWrapper {
3391	+ flex-direction: column;
3392	+ }
3393	+
3394	+ .newsletterShortCodes {
3395	+ width: 500px;
3396	+ margin-top: 4.344vw;
3397	+ }
3398	+ }
3399	+
3400	+ @media only screen and (max-width: 640px) {
3401	+ .formItem {
3402	+ flex-direction: column;
3403	+ }
3404	+
3405	+ .newsletterShortCodes {
3406	+ width: 100%;
3407	+ }
3408	+
3409	+ .formItem__input {
3410	+ margin-top: 17px;
3411	+ }
3412	+ }
3413	+
3414	+ /////////////////// newsletter ///////////////////////
3415	+
3416	+ /////////////////// countdown ///////////////////////
3417	+ .countdownOptions .squares {
3418	+ width: 450px;
3419	+ height: 245px !important;
3420	+ }
3421	+
3422	+ .countdownOptions .squares__square_bottomLeftRounded {
3423	+ border-bottom-left-radius: 5px !important;
3424	+ }
3425	+
3426	+ .countdownOptions .squares__square_bottomRightRounded {
3427	+ border-bottom-right-radius: 5px !important;
3428	+ }
3429	+
3430	+ .countdownOptions .squares__square_topLeftRounded {
3431	+ border-top-left-radius: 5px !important;
3432	+ }
3433	+
3434	+ .countdownOptions .squares__square_tomRightRounded {
3435	+ border-top-right-radius: 5px !important;
3436	+ }
3437	+
3438	+ .countdownOptions .subFormItem {
3439	+ margin: 0;
3440	+ }
3441	+
3442	+ .countdownOptions {
3443	+ padding-left: 1.719vw;
3444	+ width: auto;
3445	+ }
3446	+
3447	+ .countdownOptions__heading {
3448	+ letter-spacing: 0px;
3449	+ color: #000;
3450	+ font-size: calc(15px + 1.302vw);
3451	+ line-height: calc(15px + 1.979vw);
3452	+ font-weight: bolder;
3453	+ transform: translateY(-14px);
3454	+ display: flex;
3455	+ }
3456	+
3457	+ .timerSection {
3458	+ width: 100%;
3459	+ max-width: 590px;
3460	+ padding: 1.25vw 1.094vw 1.51vw 1.094vw;
3461	+ background: #ffffff 0% 0% no-repeat padding-box;
3462	+ box-shadow: 1px 0px 30px rgb(0 0 0 / 20%);
3463	+ border-radius: 10px;
3464	+ margin-top: 44px;
3465	+ margin-bottom: 1.667vw;
3466	+ }
3467	+
3468	+ .timerSection__img {
3469	+ width: 100%;
3470	+ }
3471	+
3472	+ .timerSection__button {
3473	+ font-size: calc(10px + 0.521vw);
3474	+ margin-bottom: 16px;
3475	+ width: 145px;
3476	+ height: 40px;
3477	+ border-radius: 27px;
3478	+ border: none;
3479	+ color: black;
3480	+ background: #f0f0f0;
3481	+ outline: none;
3482	+ font-weight: bolder;
3483	+ letter-spacing: 0px;
3484	+ display: flex;
3485	+ justify-content: center;
3486	+ align-items: center;
3487	+ }
3488	+
3489	+ .blackEye {
3490	+ margin-right: 5px;
3491	+ }
3492	+
3493	+ .subFormItem {
3494	+ display: flex;
3495	+ align-items: center;
3496	+ margin-bottom: 30px;
3497	+ flex-wrap: wrap;
3498	+ width: max-content;
3499	+ position: relative;
3500	+ margin-top: 15px;
3501	+ }
3502	+
3503	+ .colorPicker {
3504	+ position: relative;
3505	+ }
3506	+
3507	+ .colorPicker__input {
3508	+ opacity: 0;
3509	+ position: absolute;
3510	+ width: 48px;
3511	+ height: 48px;
3512	+ left: 30px;
3513	+ top: 5px;
3514	+ }
3515	+
3516	+ .control__indicator {
3517	+ margin-left: 15px;
3518	+ }
3519	+
3520	+ .subForm {
3521	+ border-radius: 5px;
3522	+ background-color: rgba(0, 0, 0, 0.02);
3523	+ padding: 19px 32px;
3524	+ }
3525	+
3526	+ .countdownOptions .subFormItem__input {
3527	+ height: 60px;
3528	+ padding: 17px 88px 16px 20px;
3529	+ letter-spacing: 0px;
3530	+ color: #000;
3531	+ background: #f1f1f1 0% 0% no-repeat padding-box;
3532	+ border-radius: 5px;
3533	+ border: none;
3534	+ margin-left: 20px;
3535	+ margin-right: 17px;
3536	+ width: 15.052vw !important;
3537	+ min-width: 170px;
3538	+ max-width: 300px;
3539	+ font-size: calc(10px + 0.521vw);
3540	+ line-height: calc(17px + 0.521vw);
3541	+ padding-right: 0;
3542	+ }
3543	+
3544	+ .hiddenInput {
3545	+ height: 60px;
3546	+ position: absolute;
3547	+ right: 20px;
3548	+ z-index: 9;
3549	+ opacity: 0;
3550	+ }
3551	+
3552	+ .countdownOptions .calWrapper {
3553	+ display: none;
3554	+ width: 48px;
3555	+ height: 48px;
3556	+ background: #ffffff 0% 0% no-repeat padding-box;
3557	+ box-shadow: 0px 0px 6px #00000029;
3558	+ position: absolute;
3559	+ border-radius: 50%;
3560	+ right: 14px !important;
3561	+ display: flex;
3562	+ top: 20px !important;
3563	+ justify-content: center;
3564	+ align-items: center;
3565	+ }
3566	+
3567	+ .dayPosition__wrapper {
3568	+ margin-left: 18px;
3569	+ }
3570	+
3571	+ .dayPosition {
3572	+ display: flex;
3573	+ align-items: baseline;
3574	+ }
3575	+
3576	+ .countdownOptions .formItem__direction {
3577	+ text-align: left !important;
3578	+ letter-spacing: 0px !important;
3579	+ font-size: calc(10px + 0.521vw) !important;
3580	+ line-height: calc(17px + 0.521vw) !important;
3581	+ color: #000000 !important;
3582	+ }
3583	+
3584	+ .inputPxWrapper {
3585	+ display: flex;
3586	+ margin: 0 10px 20px 10px;
3587	+ }
3588	+
3589	+ .countdownOptions .formItem__input {
3590	+ height: 60px;
3591	+ border: none;
3592	+ background: #f1f1f1 0% 0% no-repeat padding-box;
3593	+ border-radius: 5px;
3594	+ letter-spacing: 0px;
3595	+ color: #000;
3596	+ font-size: calc(10px + 0.521vw);
3597	+ line-height: calc(10px + 0.885vw);
3598	+ margin-left: 18px;
3599	+ width: calc(20px + 2.24vw);
3600	+ min-width: 50px;
3601	+ padding: 0.833vw 0.729vw;
3602	+ font-style: normal !important;
3603	+ margin-top: 0 !important;
3604	+ }
3605	+
3606	+ .countdownOptions .formItem__input:focus {
3607	+ outline: none !important;
3608	+ box-shadow: none !important;
3609	+ }
3610	+
3611	+ .formItem__inputValueType {
3612	+ background: #f1f1f1 0% 0% no-repeat padding-box;
3613	+ border-radius: 0 5px 5px 0;
3614	+ display: flex;
3615	+ align-items: center;
3616	+ justify-content: center;
3617	+ letter-spacing: 0px;
3618	+ color: #000;
3619	+ font-size: calc(10px + 0.521vw);
3620	+ line-height: calc(10px + 0.885vw);
3621	+ padding-right: 10px;
3622	+ height: 60px;
3623	+ width: 40px;
3624	+ }
3625	+
3626	+ .formItem__input {
3627	+ width: 8.854vw;
3628	+ }
3629	+
3630	+ .onOffswitch {
3631	+ margin-left: 22px;
3632	+ position: relative;
3633	+ width: 87px;
3634	+ }
3635	+
3636	+ .buttonsBlock_right {
3637	+ margin-top: 5.208vw;
3638	+ margin-left: auto;
3639	+ }
3640	+
3641	+ .formItem_left {
3642	+ margin-right: 40px;
3643	+ display: flex;
3644	+ align-items: baseline;
3645	+ }
3646	+
3647	+ .titleQuestionWrapper {
3648	+ display: flex;
3649	+ }
3650	+
3651	+ /* MEDIA SCREEN */
3652	+ @media only screen and (max-width: 1210px) {
3653	+ .formItem__input {
3654	+ margin-left: 0;
3655	+ }
3656	+ }
3657	+
3658	+ @media only screen and (max-width: 1060px) {
3659	+ .subForm {
3660	+ width: 100%;
3661	+ }
3662	+
3663	+ .aside_left {
3664	+ display: none;
3665	+ }
3666	+
3667	+ .menuIcon {
3668	+ display: block;
3669	+ }
3670	+ }
3671	+
3672	+ @media only screen and (max-width: 470px) {
3673	+ .timerSection__button {
3674	+ width: 100px;
3675	+ height: 30px;
3676	+ }
3677	+
3678	+ .menuIcon {
3679	+ top: 5px;
3680	+ }
3681	+
3682	+ .subFormItem_column {
3683	+ flex-direction: column;
3684	+ }
3685	+
3686	+ .dayPosition {
3687	+ flex-direction: column;
3688	+ }
3689	+
3690	+ .subFormItem__Title {
3691	+ margin-bottom: 7px;
3692	+ }
3693	+
3694	+ .formItem_left {
3695	+ flex-direction: column;
3696	+ }
3697	+
3698	+ .inputPxWrapper {
3699	+ margin: 5px 0;
3700	+ }
3701	+
3702	+ .formItem__input {
3703	+ padding: 10px;
3704	+ }
3705	+ }
3706	+
3707	+ /////////////////// countdown ///////////////////////
3708	+
3709	+ /////////////////// all popups ///////////////////////
3710	+ .popups__heading {
3711	+ font: Bold calc(20px + 0.521vw)/calc(20px + 1.719vw) Segoe UI Regular;
3712	+ letter-spacing: 0px;
3713	+ color: #000;
3714	+ }
3715	+
3716	+ .popups, .form {
3717	+ width: 100%;
3718	+ }
3719	+
3720	+ .info .buttonGroup .buttonGroup__button {
3721	+ width: calc(40px + 5.208vw);
3722	+ border-radius: 29px;
3723	+ height: 57px;
3724	+ border: 2px solid rgba(0, 0, 0, 0.2);
3725	+ }
3726	+
3727	+ .info .buttonGroup .buttonGroup__button:nth-child(2) {
3728	+ width: calc(5.208vw + 81px)
3729	+ }
3730	+
3731	+ .info .buttonGroup .buttonGroup__button:nth-child(3) {
3732	+ width: calc(5.208vw + 55px)
3733	+ }
3734	+
3735	+
3736	+ .buttonGroup__button_unrounded {
3737	+ border-radius: 5px !important;
3738	+ height: 100%;
3739	+ margin: 0;
3740	+ }
3741	+
3742	+ .info {
3743	+ margin-top: 4.813vw;
3744	+ display: flex;
3745	+ justify-content: space-between;
3746	+ }
3747	+
3748	+ .selectGroup {
3749	+ display: flex;
3750	+ }
3751	+
3752	+ .select {
3753	+ display: flex;
3754	+ align-items: center;
3755	+ width: calc(10.417vw + 144px);
3756	+ height: 60px;
3757	+ }
3758	+
3759	+ .select:last-child {
3760	+ margin-left: 20px;
3761	+ }
3762	+
3763	+ .checkbox-wrapper {
3764	+ justify-content: center;
3765	+ width: 93%;
3766	+ }
3767	+
3768	+ .select__select_transparient {
3769	+ background-size: 9px;
3770	+ min-width: 100px;
3771	+ background-color: transparent;
3772	+ width: 100%;
3773	+ }
3774	+
3775	+ .buttonGroup__button_black {
3776	+ border: 2px solid #000000;
3777	+ border-radius: 5px;
3778	+ font-size: calc(10px + 0.521vw);
3779	+ line-height: calc(17px + 0.521vw);
3780	+ letter-spacing: 0px;
3781	+ color: #000;
3782	+ background-color: transparent;
3783	+ padding: 0.459vw 1.188vw;
3784	+ }
3785	+
3786	+ .table__data:first-child, .table__head:first-child {
3787	+ width: 80px;
3788	+ }
3789	+
3790	+ .table__data:nth-child(2), .table__head:nth-child(2) {
3791	+ width: 50px;
3792	+ }
3793	+
3794	+ .table__head:nth-child(3),
3795	+ .table__data:nth-child(3),
3796	+ .table__data:nth-child(4),
3797	+ .table__head:nth-child(4),
3798	+ .table__data:nth-child(5),
3799	+ .table__head:nth-child(5) {
3800	+ min-width: 170px;
3801	+ max-width: 170px;
3802	+ }
3803	+
3804	+ .sgpb-contacted-users .table__head:nth-child(3),
3805	+ .sgpb-contacted-users .table__data:nth-child(3),
3806	+ .sgpb-contacted-users .table__data:nth-child(4),
3807	+ .sgpb-contacted-users .table__head:nth-child(4),
3808	+ .sgpb-contacted-users .table__data:nth-child(5),
3809	+ .sgpb-contacted-users .table__head:nth-child(5) {
3810	+ min-width: 250px;
3811	+ max-width: 250px;
3812	+ }
3813	+
3814	+ .table__data:nth-child(6),
3815	+ .table__head:nth-child(6),
3816	+ .table__data:nth-child(7),
3817	+ .table__head:nth-child(7) {
3818	+ width: 180px;
3819	+ }
3820	+
3821	+ .table__data_bordered {
3822	+ border: 1px solid #C2C2C2;
3823	+ border-radius: 5px;
3824	+ height: 42px;
3825	+ }
3826	+
3827	+ header {
3828	+ margin-top: 1.563vw;
3829	+ }
3830	+
3831	+ @media only screen and (max-width: 1090px) {
3832	+ .info {
3833	+ flex-wrap: wrap;
3834	+ flex-direction: column;
3835	+ }
3836	+
3837	+ .buttonGroup {
3838	+ margin-top: 25px;
3839	+ }
3840	+
3841	+ .buttonGroup__button_black:first-child {
3842	+ margin-left: 0;
3843	+ }
3844	+
3845	+ }
3846	+
3847	+ @media only screen and (max-width: 640px) {
3848	+ .selectGroup {
3849	+ flex-direction: column;
3850	+ }
3851	+
3852	+ .selectGroup > .select:last-child {
3853	+ margin-left: 0;
3854	+ margin-top: 15px;
3855	+ }
3856	+
3857	+ header {
3858	+ flex-direction: column;
3859	+ align-items: flex-start;
3860	+ }
3861	+
3862	+ .search {
3863	+ margin-top: 15px;
3864	+ }
3865	+
3866	+ .buttonGroup > .buttonGroup__button_blueBg:first-child {
3867	+ margin-left: 0;
3868	+ }
3869	+ }
3870	+
3871	+ /////////////////// all popups ///////////////////////
3872	+
3873	+ /////////////////// license ///////////////////////
3874	+ .content {
3875	+ display: flex;
3876	+ height: auto;
3877	+ padding: 45px 2.417vw 45px 2.417vw;
3878	+ background: white;
3879	+ flex-direction: column;
3880	+ height: auto;
3881	+ margin-left: 0;
3882	+ }
3883	+
3884	+ .sgpb-license-wrapper {
3885	+ padding: 45px 5.417vw 45px 5.417vw !important;
3886	+ }
3887	+
3888	+ .licenseBlock {
3889	+ background: #FFF;
3890	+ box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
3891	+ border-radius: 10px;
3892	+ padding: 1.823vw 1.250vw;
3893	+ width: calc(100px + 7.813vw + 26.042vw);
3894	+ height: calc(126px + 10.417vw);
3895	+ display: flex;
3896	+ flex-direction: column;
3897	+ justify-content: space-between;
3898	+ position: relative;
3899	+ }
3900	+
3901	+ .licenseBlock__title {
3902	+ font: Bold calc(10px + 0.781vw)/calc(13px + 1.042vw) Segoe UI Regular;
3903	+ letter-spacing: 0px;
3904	+ color: #000;
3905	+ }
3906	+
3907	+ .licenseBlock__status {
3908	+ letter-spacing: 0px;
3909	+ display: flex;
3910	+ }
3911	+
3912	+ .status__active {
3913	+ width: 27px;
3914	+ border: 5px solid #00AE5D;
3915	+ border-radius: 50%;
3916	+ height: 27px;
3917	+ margin-right: 5px;
3918	+ }
3919	+
3920	+ .licenseKey__input {
3921	+ background: #F1F1F1 0% 0% no-repeat padding-box !important;
3922	+ border-radius: 5px !important;
3923	+ letter-spacing: 0px !important;
3924	+ color: #000 !important;
3925	+ font-size: calc(10px + 0.260vw) !important;
3926	+ line-height: calc(10px + 0.521vw) !important;
3927	+ padding: 1.042vw !important;
3928	+ width: calc(5.208vw + 90px + 10.417vw) !important;
3929	+ height: 60px !important;
3930	+ border: none !important;
3931	+ margin-right: -5px;
3932	+ }
3933	+
3934	+ .licenseKey__button {
3935	+ font: Bold calc(10px + 0.417vw)/calc(10px + 0.729vw) Segoe UI Regular;
3936	+ letter-spacing: 0px;
3937	+ color: #FFF;
3938	+ padding: 0.938vw 1.615vw;
3939	+ border: none;
3940	+ background: #2873EB 0% 0% no-repeat padding-box;
3941	+ border-radius: 5px;
3942	+ width: calc(58px + 5.208vw);
3943	+ height: 60px;
3944	+ }
3945	+
3946	+ .licenseKey__button:hover {
3947	+ cursor: pointer;
3948	+ }
3949	+
3950	+ .licenseKey {
3951	+ display: flex;
3952	+ justify-content: space-between;
3953	+ align-items: center;
3954	+ padding-bottom: 3.438vw;
3955	+ flex-wrap: wrap;
3956	+ }
3957	+
3958	+ .licenseKey__form {
3959	+ display: flex;
3960	+ }
3961	+
3962	+ .activeIcon {
3963	+ position: absolute;
3964	+ background: #00AE5D 0% 0% no-repeat padding-box;
3965	+ border-radius: 10px;
3966	+ height: 2px;
3967	+ width: 92%;
3968	+ left: 4%;
3969	+ top: 0;
3970	+ }
3971	+
3972	+ .status__unActive {
3973	+ width: 27px;
3974	+ border: 5px solid #CC0000;
3975	+ border-radius: 50%;
3976	+ height: 27px;
3977	+ margin-right: 5px;
3978	+ }
3979	+
3980	+ .unActiveIcon {
3981	+ position: absolute;
3982	+ background: #CC0000 0% 0% no-repeat padding-box;
3983	+ border-radius: 10px;
3984	+ height: 2px;
3985	+ width: 92%;
3986	+ left: 4%;
3987	+ top: 0;
3988	+ }
3989	+
3990	+ .licenseBlock:nth-child(odd) {
3991	+ margin-right: 2.604vw;
3992	+ }
3993	+
3994	+ .licenseBlock:nth-child(even) {
3995	+ margin-left: 2.604vw;
3996	+ }
3997	+
3998	+ .even {
3999	+ display: flex;
4000	+ margin: 2.604vw 0;
4001	+ }
4002	+
4003	+ @media only screen and (max-width: 1355px) {
4004	+ .even {
4005	+ flex-direction: column;
4006	+ }
4007	+
4008	+ .licenseBlock {
4009	+ margin: 1.302vw 0;
4010	+ }
4011	+
4012	+ .even > .licenseBlock:last-child {
4013	+ margin-left: 0;
4014	+ }
4015	+
4016	+ }
4017	+
4018	+ @media only screen and (max-width: 700px) {
4019	+ .licenseBlock {
4020	+ width: 100%;
4021	+ min-width: calc(100px + 7.813vw + 26.042vw);
4022	+ }
4023	+ }
4024	+
4025	+ /////////////////// license ///////////////////////
4026	+
4027	+ /////////////////// social popup type ///////////////////////
4028	+
4029	+ .socialOptions {
4030	+ width: 100%;
4031	+ padding: 0 2vw;
4032	+ display: flex;
4033	+ flex-direction: column;
4034	+ }
4035	+
4036	+ .socialOptions__heading {
4037	+ font: Bold calc(20px + 1.042vw)/calc(33px + 1.042vw) Segoe UI Regular;
4038	+ letter-spacing: 0px;
4039	+ color: #000;
4040	+ margin-bottom: 50px;
4041	+ }
4042	+
4043	+ .socialOptions .contactForm {
4044	+ box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
4045	+ border-radius: 10px;
4046	+ background-color: rgba(255, 255, 255, 0.2);
4047	+ padding: calc(12px + 0.625vw);
4048	+ }
4049	+
4050	+ .onOffswitch-switch {
4051	+ background: #757575;
4052	+ }
4053	+
4054	+ .onOffswitch-inner::after {
4055	+ color: #000;
4056	+ }
4057	+
4058	+ .socialOptions .livePreview {
4059	+ border-radius: 27px;
4060	+ padding: 10px;
4061	+ background-color: rgba(0, 0, 0, 0.06);
4062	+ width: calc(50px + 6.427vw);
4063	+ display: flex;
4064	+ align-items: center;
4065	+ justify-content: center;
4066	+ margin-left: 10px;
4067	+ margin-bottom: 10px;
4068	+ }
4069	+
4070	+ .livePreview__text {
4071	+ font: Bold calc(10px + 0.260vw)/calc(10px + 0.521vw) Segoe UI Regular;
4072	+ letter-spacing: 0px;
4073	+ color: #000;
4074	+ margin-left: 5px;
4075	+ }
4076	+
4077	+ .socialOptions .formItem {
4078	+ padding: 1.198vw 1.198vw;
4079	+ }
4080	+
4081	+ .socialOptions .formItem_flex {
4082	+ display: flex;
4083	+ align-items: center;
4084	+ }
4085	+
4086	+ .socialOptions .subForm {
4087	+ background-color: rgba(0, 0, 0, 0.02);
4088	+ padding: calc(10px + 0.521vw) 0;
4089	+ margin-top: 21px;
4090	+ }
4091	+
4092	+ .socialOptions .subFormItem {
4093	+ display: flex;
4094	+ padding: calc(14px + 1.042vw) 0;
4095	+ align-items: center;
4096	+ margin: 0 calc(10px + 0.521vw);
4097	+ }
4098	+
4099	+ .socialOptions .subFormItem-label {
4100	+ padding: 0;
4101	+ }
4102	+
4103	+ .socialOptions .subFormItem__Title {
4104	+ margin-right: 15px;
4105	+ }
4106	+
4107	+ .socialOptions .subFormItem_gray {
4108	+ background-color: rgba(0, 0, 0, 0.02);
4109	+ margin: 0;
4110	+ padding: 10px 0;
4111	+ }
4112	+
4113	+ .socialOptions .subFormItem__input {
4114	+ padding: calc(10px + 0.313vw) calc(10px + 0.469vw) !important;
4115	+ background: #E5E5E5 0% 0% no-repeat padding-box !important;
4116	+ border-radius: 5px !important;
4117	+ letter-spacing: 0px !important;
4118	+ font-size: calc(10px + 0.521vw) !important;
4119	+ line-height: calc(0.521vw + 17px) !important;
4120	+ color: #000 !important;
4121	+ border: none !important;
4122	+ }
4123	+
4124	+ .control {
4125	+ font-family: arial;
4126	+ display: block;
4127	+ position: relative;
4128	+ padding-left: 30px;
4129	+ padding-top: 3px;
4130	+ cursor: pointer;
4131	+ margin-right: 14px;
4132	+ }
4133	+
4134	+ .control input {
4135	+ position: absolute;
4136	+ z-index: -1;
4137	+ opacity: 0;
4138	+ }
4139	+
4140	+ .control__radio {
4141	+ height: 30px;
4142	+ margin-left: 18px;
4143	+ }
4144	+
4145	+ .control__radio .control__indicator:after {
4146	+ left: 7px;
4147	+ top: 7px;
4148	+ height: 14px;
4149	+ width: 14px;
4150	+ border-radius: 50%;
4151	+ background: #2873eb;
4152	+ transition: background 250ms;
4153	+ }
4154	+
4155	+ .formItem_column {
4156	+ display: flex;
4157	+ flex-direction: column;
4158	+ padding-left: 5.208vw;
4159	+ }
4160	+
4161	+ .formItem__title_small {
4162	+ letter-spacing: 0px;
4163	+ color: #000;
4164	+ font-size: 12px;
4165	+ line-height: 16px;
4166	+ width: 100%;
4167	+ }
4168	+
4169	+ .formItem__input::placeholder {
4170	+ font: Italic 15px/20px Segoe UI Regular;
4171	+ letter-spacing: 0px;
4172	+ color: #C2C2C2;
4173	+ }
4174	+
4175	+ .theme {
4176	+ padding: calc(10px + 0.365vw) calc(10px + 0.313vw) calc(10px + 0.365vw) calc(10px + 0.625vw);
4177	+ background: #F1F1F1 0% 0% no-repeat padding-box;
4178	+ border-radius: 5px;
4179	+ margin: 0 9px;
4180	+ display: flex;
4181	+ flex-direction: column;
4182	+ align-items: center;
4183	+ justify-content: space-between;
4184	+ }
4185	+
4186	+ .flex {
4187	+ display: flex;
4188	+ }
4189	+
4190	+ #sgpb-subscribers-dates,
4191	+ #sgpb-contact-date-list,
4192	+ #sgpb-contact-popup,
4193	+ #sgpb-subscription-popup,
4194	+ #sgpb-notification-popup,
4195	+ #sgpb-notification-date-list,
4196	+ #sgpb-campaigns-date-list {
4197	+ margin-top: 0 !important;
4198	+ }
4199	+
4200	+ #sgpb-contact-popup,
4201	+ #sgpb-subscription-popup,
4202	+ #sgpb-notification-popup,
4203	+ #sgpb-campaigns-date-list {
4204	+ margin-left: 7px !important;
4205	+ }
4206	+
4207	+ #sgpb-contact-date-list {
4208	+ margin-left: 0 !important;
4209	+ }
4210	+
4211	+ .subscribers-wrapper .search.search-box {
4212	+ float: right;
4213	+ }
4214	+
4215	+ .subscribers-wrapper .actions {
4216	+ width: 100%;
4217	+ padding: 21px 0 0 0 !important;
4218	+ }
4219	+
4220	+ .sgpb-contacted-users .actions {
4221	+ width: 100%;
4222	+ padding-top: 10px !important;
4223	+ }
4224	+
4225	+ .subscribers-wrapper .table {
4226	+ margin-top: 3.25vw !important;
4227	+ }
4228	+
4229	+ .sgpb-table-body {
4230	+ padding: 10px 0;
4231	+ }
4232	+
4233	+ .buttonsBlock_right {
4234	+ margin-left: auto;
4235	+ }
4236	+
4237	+ @media only screen and (max-width: 1485px) {
4238	+ .theme {
4239	+ margin: 0;
4240	+ }
4241	+
4242	+ .themes > .theme:last-child {
4243	+ margin: 0;
4244	+ }
4245	+
4246	+ .subFormItem_themes, .themes {
4247	+ flex-direction: column;
4248	+ }
4249	+ }
4250	+
4251	+ @media only screen and (max-width: 1150px) {
4252	+ .menuIcon {
4253	+ display: block;
4254	+ }
4255	+
4256	+ .aside_left {
4257	+ display: none;
4258	+ }
4259	+ }
4260	+
4261	+ @media only screen and (max-width: 715px) {
4262	+ .socialIcons {
4263	+ display: none;
4264	+ }
4265	+ }
4266	+
4267	+ /////////////////// social popup type ///////////////////////
4268	+
4269	+ /////////////////// add new subscriber ///////////////////////
4270	+ #sgpb-add-new-subscriber .select2-selection,
4271	+ .select2-results,
4272	+ #sgpb-add-new-subscriber .select2-container {
4273	+ width: 100% !important;
4274	+ }
4275	+
4276	+ #sgpb-add-new-subscriber .addNewSubscribers__heading {
4277	+ font: Bold calc(20px + 1.042vw) / calc(1.532vw + 20px) Segoe UI Regular;
4278	+ text-align: center;
4279	+ }
4280	+
4281	+ #sgpb-add-new-subscriber .x,
4282	+ #sgpb-add-new-subscriber .y {
4283	+ height: 2px;
4284	+ width: 11px;
4285	+ background: white;
4286	+ position: absolute;
4287	+ border-radius: 5px;
4288	+ }
4289	+
4290	+ #sgpb-add-new-subscriber .x {
4291	+ transform: rotate(45deg);
4292	+ }
4293	+
4294	+ #sgpb-add-new-subscriber .y {
4295	+ transform: rotate(-45deg);
4296	+ }
4297	+
4298	+ .sgpb-dialog-div .closeIconSub,
4299	+ #sgpb-add-new-subscriber .closeIconSub {
4300	+ cursor: pointer;
4301	+ display: flex;
4302	+ justify-content: center;
4303	+ align-items: center;
4304	+ width: 26px;
4305	+ height: 26px;
4306	+ background: #2873eb 0% 0% no-repeat padding-box;
4307	+ border-radius: 50%;
4308	+ float: right;
4309	+ }
4310	+
4311	+ #sgpb-add-new-subscriber .addNewSubscribers {
4312	+ position: relative;
4313	+ margin: 4.14vw 14.36vw 10.479vw 11.125vw;
4314	+ padding: 6.727vw 6.21vw 5.175vw;
4315	+ width: 74.515vw;
4316	+ background: #ffffff 0% 0% no-repeat padding-box;
4317	+ box-shadow: 1px 0px 30px rgb(0 0 0 / 20%);
4318	+ border-radius: 16px;
4319	+ }
4320	+
4321	+ #sgpb-add-new-subscriber .formItem {
4322	+ display: flex;
4323	+ align-items: center;
4324	+ margin: 10px 0;
4325	+ }
4326	+
4327	+ #sgpb-add-new-subscriber .sgpb-formItem-input {
4328	+ width: 100% !important;
4329	+ border: none !important;
4330	+ padding: 10px 15px !important;
4331	+ background: #f1f1f1 0% 0% no-repeat padding-box !important;
4332	+ border-radius: 5px !important;
4333	+ height: 60px !important;
4334	+ margin-left: 0 !important;
4335	+ }
4336	+
4337	+ #sgpb-add-new-subscriber .formItem__input {
4338	+ margin-left: 0;
4339	+ }
4340	+
4341	+ #sgpb-add-new-subscriber .select__select {
4342	+ width: 100% !important;
4343	+ max-width: 100% !important;
4344	+ margin-left: 0 !important;
4345	+ }
4346	+
4347	+ #sgpb-add-new-subscriber .cancel,
4348	+ #sgpb-import-subscribers .cancel,
4349	+ #sgpb-import-subscribers .add,
4350	+ #sgpb-add-new-subscriber .add {
4351	+ width: 12.744vw;
4352	+ height: 3.762vw;
4353	+ background: #ffffff 0% 0% no-repeat padding-box;
4354	+ border: 1px solid #000000;
4355	+ border-radius: 5px;
4356	+ text-align: center;
4357	+ outline: none;
4358	+ font-size: calc(10px + 0.521vw);
4359	+ font-weight: bolder;
4360	+ }
4361	+
4362	+ #sgpb-import-subscribers .add,
4363	+ #sgpb-add-new-subscriber .add {
4364	+ background: #2873eb;
4365	+ color: white;
4366	+ border: none;
4367	+ }
4368	+
4369	+ #sgpb-add-new-subscriber .buttonGroup__button {
4370	+ min-width: 90px !important;
4371	+ min-height: 60px !important;
4372	+ }
4373	+
4374	+ #sgpb-import-subscribers .cancelAddbuttonsWrapper,
4375	+ #sgpb-add-new-subscriber .cancelAddbuttonsWrapper {
4376	+ width: 100%;
4377	+ display: flex;
4378	+ justify-content: space-between;
4379	+ margin: auto;
4380	+ margin-top: 17px;
4381	+ }
4382	+
4383	+ #sgpb-import-subscribers .formItem__title {
4384	+ margin-right: 20px;
4385	+ }
4386	+
4387	+ .sgpb-our-fields-keys {
4388	+ max-width: 250px;
4389	+ }
4390	+
4391	+ /////////////////// add new subscriber ///////////////////////
4392	+
4393	+ /////////////////// more details ///////////////////////
4394	+ .subscriber-submitted-data__heading {
4395	+ font: Bold calc(20px + 1.042vw) / calc(1.532vw + 20px) Segoe UI Regular;
4396	+ text-align: center;
4397	+ padding-top: 40px;
4398	+ padding-bottom: 20px;
4399	+ }
4400	+
4401	+ .sgpb-add-new-subscribers-wrapper,
4402	+ .sgpb-import-settings-wrapper,
4403	+ .subscriber-submitted-data {
4404	+ position: relative;
4405	+ background: #ffffff 0% 0% no-repeat padding-box;
4406	+ box-shadow: 1px 0px 30px rgb(0 0 0 / 20%);
4407	+ border-radius: 16px;
4408	+ text-align: center;
4409	+ }
4410	+
4411	+ .x,
4412	+ .y {
4413	+ height: 2px;
4414	+ width: 11px;
4415	+ left: 7px;
4416	+ background: white;
4417	+ position: absolute;
4418	+ border-radius: 5px;
4419	+ }
4420	+
4421	+ .x {
4422	+ transform: rotate(45deg);
4423	+ }
4424	+
4425	+ .y {
4426	+ transform: rotate(-45deg);
4427	+ }
4428	+
4429	+ .closeIconSub {
4430	+ cursor: pointer;
4431	+ display: flex;
4432	+ justify-content: center;
4433	+ align-items: center;
4434	+ width: 26px;
4435	+ height: 26px;
4436	+ background: #2873eb 0% 0% no-repeat padding-box;
4437	+ border-radius: 50%;
4438	+ position: absolute;
4439	+ right: 8px;
4440	+ top: 8px;
4441	+ }
4442	+
4443	+ .mailBlock {
4444	+ padding-bottom: 2.234vw;
4445	+ padding-top: 1.234vw;
4446	+ padding-left: 60px;
4447	+ padding-right: 60px;
4448	+ }
4449	+
4450	+ .notBorder {
4451	+ border: none;
4452	+ }
4453	+
4454	+ .spanRegular {
4455	+ font: Regular 15px/20px Segoe UI Regular;
4456	+ letter-spacing: 0px;
4457	+ color: #545454;
4458	+ }
4459	+
4460	+ .spanRegular-title {
4461	+ float: left;
4462	+ }
4463	+
4464	+ .spanRegular-value {
4465	+ float: right;
4466	+ }
4467	+
4468	+ /////////////////// more details ///////////////////////
4469	+
4470	+ /////////////////// heading ///////////////////////
4471	+ .subscription header {
4472	+ display: flex;
4473	+ align-items: center;
4474	+ justify-content: space-between;
4475	+ width: 100%;
4476	+ z-index: 9999;
4477	+ }
4478	+
4479	+ .buttonGroup {
4480	+ display: flex;
4481	+ }
4482	+
4483	+ .buttonGroup__button {
4484	+ font: Bold calc(10px + 0.417vw)/calc(10px + 0.729vw) Segoe UI Regular;
4485	+ letter-spacing: 0px;
4486	+ padding: 0.859vw 1.188vw;
4487	+ display: flex;
4488	+ align-items: center;
4489	+ border: none;
4490	+ margin: 0 10px;
4491	+ min-width: 75px;
4492	+ display: flex;
4493	+ justify-content: center;
4494	+ text-decoration: none !important;
4495	+ }
4496	+
4497	+ .buttonGroup__button_blueBg {
4498	+ background: #2873EB 0% 0% no-repeat padding-box;
4499	+ box-shadow: 0px 0px 10px #2873EB66;
4500	+ border-radius: 39px;
4501	+ color: #FFFFFF !important;
4502	+ }
4503	+
4504	+ .buttonGroup__button_blueBg:hover {
4505	+ background: #2873EBD6 0% 0% no-repeat padding-box;
4506	+ }
4507	+
4508	+ .buttonGroup__button.buttonGroup__button_shortcodes {
4509	+ font: calc(10px + 0.417vw)/calc(10px + 0.729vw) Segoe UI Regular;
4510	+ letter-spacing: 0px;
4511	+ padding: 0.859vw 1.188vw;
4512	+ border: none;
4513	+ margin: 5px 5px;
4514	+ min-width: 75px;
4515	+ text-decoration: none !important;
4516	+ background: #e0ecff 0% 0% no-repeat padding-box;
4517	+ border-radius: 5px;
4518	+ color: #2873EB !important;
4519	+ cursor: pointer;
4520	+ display: inline-block
4521	+ }
4522	+
4523	+ .buttonGroup__button_shortcodes:hover {
4524	+ background: #afceffcc 0% 0% no-repeat padding-box;
4525	+ }
4526	+
4527	+ .buttonGroup__button_whiteBg {
4528	+ border: 2px solid #2873EB;
4529	+ border-radius: 39px;
4530	+ color: #2873EB;
4531	+ background-color: transparent;
4532	+ }
4533	+
4534	+ .buttonGroup__button_whiteBg:hover {
4535	+ background: #2873EB 0% 0% no-repeat padding-box !important;
4536	+ box-shadow: 0px 0px 10px #2873EB66 !important;
4537	+ border-radius: 39px !important;
4538	+ color: #FFFFFF !important;
4539	+ border: 2px solid rgba(40, 115, 235, 0.3) !important;
4540	+ }
4541	+
4542	+ .search__input {
4543	+ width: calc(100px + 11.146vw) !important;
4544	+ height: 60px !important;
4545	+ background: #F1F1F1 0% 0% no-repeat padding-box !important;
4546	+ border-radius: 5px 0 0 5px !important;
4547	+ padding: 15px 0 !important;
4548	+ padding-left: 15px !important;
4549	+ border: none !important;
4550	+ margin: 0 !important;
4551	+ }
4552	+
4553	+ .search__input::placeholder {
4554	+ letter-spacing: 0px !important;
4555	+ color: #000 !important;
4556	+ font-size: calc(10px + 0.417vw) !important;
4557	+ line-height: calc(10px + 0.729vw) !important;
4558	+ }
4559	+
4560	+ .search__button {
4561	+ font: Bold calc(10px + 0.417vw)/calc(10px + 0.729vw) Segoe UI !important;
4562	+ letter-spacing: 0px !important;
4563	+ color: #FFF !important;
4564	+ background: #2873EB 0% 0% no-repeat padding-box !important;
4565	+ box-shadow: 0px 0px 10px #2873EB4C !important;
4566	+ border-radius: 39px !important;
4567	+ border: none !important;
4568	+ padding: 13px !important;
4569	+ }
4570	+
4571	+ .search > div {
4572	+ background: #F1F1F1 0% 0% no-repeat padding-box;
4573	+ border-radius: 0 5px 5px 0;
4574	+ display: flex;
4575	+ justify-content: center;
4576	+ align-items: center;
4577	+ }
4578	+
4579	+ .search {
4580	+ display: flex;
4581	+ }
4582	+
4583	+
4584	+ @media only screen and (max-width: 1090px) {
4585	+ .buttonGroup {
4586	+ margin-top: 25px;
4587	+ }
4588	+
4589	+ .buttonGroup__button_black:first-child {
4590	+ margin-left: 0;
4591	+ }
4592	+
4593	+ }
4594	+
4595	+ @media only screen and (max-width: 640px) {
4596	+ .buttonGroup > .buttonGroup__button_blueBg:first-child {
4597	+ margin-left: 0;
4598	+ }
4599	+ }
4600	+
4601	+ /////////////////// heading ///////////////////////
4602	+
4603	+ /////////////////// radio ///////////////////////
4604	+ .control-group {
4605	+ display: flex;
4606	+ margin-bottom: 30px;
4607	+ justify-content: space-evenly;
4608	+ height: 30px;
4609	+ width: max-content;
4610	+ }
4611	+
4612	+ .control {
4613	+ font-family: arial;
4614	+ display: block;
4615	+ position: relative;
4616	+ padding-left: 30px;
4617	+ padding-top: 3px;
4618	+ cursor: pointer;
4619	+ margin-right: 14px;
4620	+ }
4621	+
4622	+ .control input {
4623	+ position: absolute;
4624	+ z-index: -1;
4625	+ opacity: 0;
4626	+ }
4627	+
4628	+ .control__indicator {
4629	+ position: absolute;
4630	+ top: 2px;
4631	+ left: 0;
4632	+ height: 27px;
4633	+ width: 28px;
4634	+ background: #e6e6e6;
4635	+ border: 0px solid #000000;
4636	+ border-radius: undefinedpx;
4637	+ }
4638	+
4639	+ .control:hover input ~ .control__indicator,
4640	+ .control input:focus ~ .control__indicator {
4641	+ background: #cccccc;
4642	+ }
4643	+
4644	+ .control input:checked ~ .control__indicator {
4645	+ background: #e6e6e6;
4646	+ }
4647	+
4648	+ .control:hover input:not([disabled]):checked ~ .control__indicator,
4649	+ .control input:disabled ~ .control__indicator {
4650	+ background: #e6e6e6;
4651	+ opacity: 0.6;
4652	+ pointer-events: none;
4653	+ }
4654	+
4655	+ .control__indicator:after {
4656	+ box-sizing: unset;
4657	+ content: "";
4658	+ position: absolute;
4659	+ display: none;
4660	+ }
4661	+
4662	+ .control input:checked ~ .control__indicator:after {
4663	+ display: block;
4664	+ }
4665	+
4666	+ .control__radio .control__indicator {
4667	+ border-radius: 50%;
4668	+ }
4669	+
4670	+ .control__radio input:disabled ~ .control__indicator:after {
4671	+ background: #7b7b7b;
4672	+ }
4673	+
4674	+ .popupOptions .subFormItem {
4675	+ margin: 0 !important;
4676	+ }
4677	+
4678	+ /////////////////// radio ///////////////////////
4679	+
4680	+ /////////////////// simple checkbox ///////////////////////
4681	+ .checkbox-wrapper {
4682	+ width: 31px;
4683	+ display: flex;
4684	+ height: 29px;
4685	+ }
4686	+
4687	+ .sgpb-wrapper [type="checkbox"]:not(:checked),
4688	+ .sgpb-wrapper [type="checkbox"]:checked {
4689	+ position: absolute;
4690	+ left: -9999px;
4691	+ }
4692	+
4693	+ .sgpb-wrapper [type="checkbox"]:not(:checked) + .checkboxLabel,
4694	+ .sgpb-wrapper [type="checkbox"]:checked + .checkboxLabel {
4695	+ position: relative;
4696	+ padding-left: 24px;
4697	+ cursor: pointer;
4698	+ margin-bottom: 7px;
4699	+ display: inline-block;
4700	+ font-size: 17px;
4701	+ }
4702	+
4703	+ .sgpb-wrapper [type="checkbox"]:not(:checked) + .checkboxLabel:before,
4704	+ .sgpb-wrapper [type="checkbox"]:checked + .checkboxLabel:before {
4705	+ content: "";
4706	+ position: absolute;
4707	+ left: 0px;
4708	+ top: 0px;
4709	+ width: 30px;
4710	+ height: 30px;
4711	+ border: 0px hidden #ffffff;
4712	+ background: #f1f1f1;
4713	+ border-radius: 4px;
4714	+ box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
4715	+ }
4716	+
4717	+ .sgpb-wrapper [type="checkbox"]:not(:checked) + .checkboxLabel:after,
4718	+ .sgpb-wrapper [type="checkbox"]:checked + .checkboxLabel:after {
4719	+ content: "E";
4720	+ font-family: "Glyphter", Arial, Helvetica, sans-serif;
4721	+ position: absolute;
4722	+ top: 0;
4723	+ left: 3px;
4724	+ font-size: 24px;
4725	+ line-height: 1.1;
4726	+ color: #2873eb;
4727	+ transition: all 0.2s;
4728	+ }
4729	+
4730	+ .sgpb-wrapper [type="checkbox"]:not(:checked) + .checkboxLabel:after {
4731	+ opacity: 0;
4732	+ transform: scale(0);
4733	+ }
4734	+
4735	+ .sgpb-wrapper [type="checkbox"]:checked + .checkboxLabel:after {
4736	+ opacity: 1;
4737	+ transform: scale(1);
4738	+ }
4739	+
4740	+
4741	+ /////////////////// simple checkbox ///////////////////////
4742	+
4743	+ /////////////////// bundle advertising ///////////////////////
4744	+ .design__disabledButton, .disabledButton {
4745	+ letter-spacing: 0px;
4746	+ color: #D5D5D5;
4747	+ font-size: 62px;
4748	+ font-size: calc(22px + 2.083vw);
4749	+ line-height: calc(23px + 3.125vw);
4750	+ height: 169px;
4751	+ border: none;
4752	+ width: 100%;
4753	+ margin-top: 9.167vw;
4754	+ }
4755	+
4756	+ /////////////////// bundle advertising ///////////////////////
4757	+
4758	+
4759	+ /* //////////// custom edits ////////////// */
4760	+ .sgpb-contact-delete-button,
4761	+ .sg-subs-delete-button {
4762	+ float: right;
4763	+ background-color: #bababa !important;
4764	+ color: #6a6a6a !important;
4765	+ }
4766	+
4767	+ .sgpb-contact-delete-button {
4768	+ box-shadow: none;
4769	+ }
4770	+
4771	+ .sgpb-contact-delete-button-active,
4772	+ .sg-subs-delete-button-active {
4773	+ background-color: #fec5c6 !important;
4774	+ color: #b81d21 !important;
4775	+ }
4776	+
4777	+ .formStatus_notConnected {
4778	+ color: #CC0000;
4779	+ margin-left: 0.885vw;
4780	+ }
4781	+
4782	+ .formStatus_connected {
4783	+ color: #00AE5D;
4784	+ margin-left: 3.490vw;
4785	+ }
4786	+
4787	+ .sgpb-metaboxes-reorder .unhideColorPicker .button {
4788	+ vertical-align: middle !important;
4789	+ }
4790	+
4791	+ .select2-container .select2-selection--multiple {
4792	+ display: inline-table !important;
4793	+ padding: 7px !important;
4794	+ }
4795	+
4796	+ .formItem__input_select2_num_input {
4797	+ margin-left: 0 !important;
4798	+ width: 200px !important;
4799	+ height: 60px !important;
4800	+ background: #F1F1F1 0% 0% no-repeat padding-box !important;
4801	+ border-radius: 5px !important;
4802	+ padding-left: 17px 20px 17px 0 !important;
4803	+ margin-right: 15px !important;
4804	+ }
4805	+
4806	+ #options-behaviorAfterSpecialEventsMetaboxView .form,
4807	+ #options-targetMetaboxView .form,
4808	+ #options-eventsMetaboxView .form {
4809	+ margin-top: 15px !important;
4810	+ }
4811	+
4812	+ #options-behaviorAfterSpecialEventsMetaboxView .select2-container,
4813	+ #options-wooSpecialEvents .select2-container,
4814	+ #options-conditionsMetaboxView .select2-container,
4815	+ #options-eddSpecialEvents .select2-container,
4816	+ #options-eventsMetaboxView .select2-container,
4817	+ #options-targetMetaboxView .select2-container {
4818	+ width: 10.552vw !important;
4819	+ min-width: 200px !important;
4820	+ margin-right: 20px;
4821	+ }
4822	+
4823	+ .select2-selection--multiple {
4824	+ background-image: none !important;
4825	+ }
4826	+
4827	+ #options-conditionsMetaboxView .js-select-basic.formItem__input.formItem__input_sgpb-popup-overlay {
4828	+ max-width: 200px !important;
4829	+ margin-left: 0 !important;
4830	+ }
4831	+
4832	+ .select2-selection {
4833	+ min-width: 200px !important;
4834	+ }
4835	+
4836	+ .newsletterSettings .select2-selection {
4837	+ min-width: 200px !important;
4838	+ margin-left: 0 !important;
4839	+ }
4840	+
4841	+ #options-wooSpecialEvents .text,
4842	+ #autoresponderMetabox .text,
4843	+ #options-eddSpecialEvents .text,
4844	+ #options-targetMetaboxView .text,
4845	+ #options-behaviorAfterSpecialEventsMetaboxView .text,
4846	+ #options-conditionsMetaboxView .text,
4847	+ #options-eventsMetaboxView .text {
4848	+ margin-top: -26px;
4849	+ margin-bottom: 10px;
4850	+ }
4851	+
4852	+ #options-closeSettings .subForm {
4853	+ padding-top: 0;
4854	+ }
4855	+
4856	+ #options-closeSettings .subFormItem {
4857	+ margin-bottom: 0;
4858	+ }
4859	+
4860	+ .select2-container--default .select2-selection--single .select2-selection__arrow {
4861	+ visibility: hidden !important;
4862	+ }
4863	+
4864	+ #options-popupDesignMetaBoxView {
4865	+ display: flex;
4866	+ flex-direction: column;
4867	+ }
4868	+
4869	+ /Swich button style/
4870	+ .sgpb-switch {
4871	+ position: relative;
4872	+ display: inline-block;
4873	+ width: 60px;
4874	+ height: 34px;
4875	+ }
4876	+
4877	+ /* Hide default HTML checkbox */
4878	+ .sgpb-switch input {
4879	+ display: none;
4880	+ }
4881	+
4882	+ #allMetaboxesView {
4883	+ min-height: 2000px;
4884	+ }
4885	+
4886	+ #allMetaboxesView .inside {
4887	+ border: none;
4888	+ }
4889	+
4890	+ .sgpb-pro-conditions-main-wrapper {
4891	+ align-items: flex-start;
4892	+ }
4893	+
4894	+ .sgpb-pro-conditions-box {
4895	+ min-height: 100px;
4896	+ flex: 1;
4897	+ background-color: #FCFCFC;
4898	+ margin: 0 10px;
4899	+ text-align: center;
4900	+ padding: 0 30px 0;
4901	+ max-width: 310px;
4902	+ }
4903	+
4904	+ .sgpb-pro-conditions-extension-icon {
4905	+ margin: 10px auto;
4906	+ display: block;
4907	+ }
4908	+
4909	+ .sgpb-pro-conditions-box .formItem__direction {
4910	+ display: block;
4911	+ margin: 20px auto;
4912	+ max-height: 60px;
4913	+ min-height: 60px;
4914	+ }
4915	+
4916	+ .sgpb-pro-conditions-box .formItem__Title {
4917	+ font-size: 26px;
4918	+ }
4919	+
4920	+ .sgpb-pro-conditions-box .sgpb-pro-conditions-pro-url {
4921	+ color: #2873EB !important;
4922	+ font: normal normal normal 15px/20px Segoe UI Regular;
4923	+ margin: 15px 0;
4924	+ display: block;
4925	+ text-decoration: none !important;
4926	+ }
4927	+
4928	+ .sgpb-pro-conditions-box .sgpb-pro-conditions-options-menu-item {
4929	+ max-height: 30px !important;
4930	+ min-height: 30px !important;
4931	+ text-align: center;
4932	+ }
4933	+
4934	+ .sgpb-pro-conditions-box .sgpb-pro-conditions-inline-border {
4935	+ opacity: 0.36;
4936	+ border-bottom: 0.5px solid #707070;
4937	+ }
4938	+
4939	+ .sgpb-pro-conditions-box .sgpb-box-conditions-separator {
4940	+ opacity: 0.25;
4941	+ }
4942	+
4943	+ .sgpb-pro-conditions-box .sgpb-box-conditions-separator:last-child {
4944	+ display: none;
4945	+ }
4946	+
4947	+ .sgpb-pro-conditions-box .sgpb-pro-conditions-pro-url:hover {
4948	+ color: #2873EB !important;
4949	+ }
4950	+
4951	+ .sgpb-pro-conditions-box .buttonGroup__button_blueBg {
4952	+ background: #2873EB 0% 0% no-repeat padding-box !important;
4953	+ }
4954	+
4955	+ .sgpb-pro-conditions-box .sgpb-pro-conditions-pro-url:focus,
4956	+ .sgpb-pro-conditions-box .sgpb-pro-conditions-pro-url:hover,
4957	+ .sgpb-pro-conditions-box .sgpb-pro-conditions-pro-url:active {
4958	+ outline: 0;
4959	+ border: none;
4960	+ -moz-outline-style: none;
4961	+ box-shadow: none;
4962	+ }
4963	+
4964	+ /* //////////// custom edits ////////////// */
4965	+
4966	+ .saveCHangeButton {
4967	+ width: 187px;
4968	+ height: 60px;
4969	+ background: #2873eb 0% 0% no-repeat padding-box;
4970	+ border-radius: 5px !important;
4971	+ color: white !important;
4972	+ border: none !important;
4973	+ outline: none !important;
4974	+ font: Bold 18px/24px Segoe UI !important;
4975	+ }
4976	+
4977	+ .generalSettings .right .formItem {
4978	+ margin: 0px 0 30px 0;
4979	+ }
4980	+
4981	+ .generalSettings .right {
4982	+ padding: 15px 13px;
4983	+ background: #FFFFFF 0% 0% no-repeat padding-box;
4984	+ box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
4985	+ border-radius: 10px;
4986	+ background-color: rgba(255, 255, 255, 0.2);
4987	+ min-height: 600px;
4988	+ width: 45% !important;
4989	+ }
4990	+
4991	+ .generalSettings .left {
4992	+ width: 55% !important;
4993	+ }
4994	+
4995	+ .generalSettings {
4996	+ width: 100%;
4997	+ max-width: 1250px;
4998	+ display: flex;
4999	+ }
5000	+
5001	+ .generalSettings__heading {
5002	+ font: Bold calc(1.042vw + 25px) / calc(25px + 1.719vw) Segoe UI Regular;
5003	+ letter-spacing: 0px;
5004	+ color: #000;
5005	+ }
5006	+
5007	+ .formItemTitle_marginRight {
5008	+ margin-right: 17px;
5009	+ }
5010	+
5011	+ .icons__item:hover {
5012	+ cursor: pointer;
5013	+ }
5014	+
5015	+ .js-fixed-position-style:hover,
5016	+ .js-countdown-position-style:hover {
5017	+ cursor: pointer;
5018	+ }
5019	+
5020	+ /* themes part */
5021	+ .js-sgpb-popup-themes,
5022	+ .js-social-share-theme {
5023	+ position: absolute;
5024	+ opacity: 0;
5025	+ width: 0;
5026	+ height: 0;
5027	+ }
5028	+
5029	+ .js-sgpb-popup-themes:checked + img {
5030	+ width: calc(50px + 4.271vw);
5031	+ height: calc(50px + 4.271vw);
5032	+ }
5033	+
5034	+ .sgpb-popup-theme-1 + img {
5035	+ background-image: url(../img/theme1.jpg) !important;
5036	+ }
5037	+
5038	+ .sgpb-popup-theme-2 + img {
5039	+ background-image: url(../img/theme2.jpg) !important;
5040	+ }
5041	+
5042	+ .sgpb-popup-theme-3 + img {
5043	+ background-image: url(../img/theme3.jpg) !important;
5044	+ }
5045	+
5046	+ .sgpb-popup-theme-4 + img {
5047	+ background-image: url(../img/theme4.jpg) !important;
5048	+ }
5049	+
5050	+ .sgpb-popup-theme-5 + img {
5051	+ background-image: url(../img/theme5.jpg) !important;
5052	+ }
5053	+
5054	+ .sgpb-popup-theme-6 + img {
5055	+ background-image: url(../img/theme6.jpg) !important;
5056	+ }
5057	+
5058	+ .sgpb-popup-theme-1 + img,
5059	+ .sgpb-popup-theme-2 + img,
5060	+ .sgpb-popup-theme-3 + img,
5061	+ .sgpb-popup-theme-4 + img,
5062	+ .sgpb-popup-theme-5 + img,
5063	+ .sgpb-popup-theme-6 + img {
5064	+ width: calc(32px + 4.271vw);
5065	+ height: calc(32px + 4.271vw);
5066	+ background: #F1F1F1 0% 0% no-repeat padding-box;
5067	+ border-radius: 5px;
5068	+ margin: 0 4.5px;
5069	+ cursor: pointer;
5070	+ background-size: contain;
5071	+ background-position: center center;
5072	+ border-color: #f1f1f1 !important;
5073	+ }
5074	+
5075	+ /* themes part */
5076	+
5077	+ /* Subscribers page view */
5078	+ #sgpb-subscriber-data,
5079	+ #sgpb-add-new-subscriber,
5080	+ .sgpb-subscribers-popup,
5081	+ #sgpb-export-subscribers {
5082	+ position: fixed;
5083	+ top: 0;
5084	+ right: 0;
5085	+ bottom: 0;
5086	+ left: 0;
5087	+ background-color: rgba(0, 0, 0, 0.6);
5088	+ z-index: 9999;
5089	+ opacity: 0;
5090	+ pointer-events: none;
5091	+ }
5092	+
5093	+ #sgpb-add-new-subscriber:target,
5094	+ #sgpb-subscriber-data:target {
5095	+ opacity: 1;
5096	+ pointer-events: auto;
5097	+ }
5098	+
5099	+ .sgpb-add-new-subscribers-wrapper {
5100	+ width: 30%;
5101	+ min-width: 310px;
5102	+ background-color: white;
5103	+ padding: 15px;
5104	+ box-sizing: border-box;
5105	+ border-radius: 8px;
5106	+ overflow: auto;
5107	+ margin: 13% auto;
5108	+ }
5109	+
5110	+ .sgpb-subscriber-data-wrapper {
5111	+ width: 30%;
5112	+ min-width: 310px;
5113	+ background-color: transparent;
5114	+ padding: 15px;
5115	+ box-sizing: border-box;
5116	+ border-radius: 8px;
5117	+ overflow: auto;
5118	+ }
5119	+
5120	+ .sgpb-add-subscriber-popup-btns,
5121	+ .sgpb-subscriber-popup-btns {
5122	+ width: 100%;
5123	+ }
5124	+
5125	+ .sgpb-add-subscriber-popup-close-btn {
5126	+ float: right;
5127	+ margin-top: -10px;
5128	+ margin-right: 5px;
5129	+ cursor: pointer;
5130	+ }

public/css/newDesignFromBuild.css ADDED Viewed

	@@ -0,0 +1 @@

+ @font-face{font-family:"Segoe UI Regular";src:url(../fonts/SegoeUI.woff) format("woff")}@font-face{font-family:"Segoe UI Bold";src:url(fonts/Segoe-UI-Bold.woff) format("woff")}@font-face{font-family:Glyphter;src:url(../fonts/Glyphter.woff) format("woff")}.sgpb *{box-sizing:border-box;font-family:Segoe UI Regular,Arial,Helvetica,sans-serif}.sgpb html{height:100%}.sgpb body{height:100%;margin:0;padding:0;overflow-x:hidden}.sgpb h1,.sgpb h2,.sgpb h3,.sgpb h4,.sgpb h5,.sgpb h6,.sgpb p{margin:0;padding:0}.sgpb input{outline:0}.sgpb button{cursor:pointer}.sgpb input[type=email]:focus,.sgpb input[type=number]:focus,.sgpb input[type=search]:focus,.sgpb input[type=text]:focus{box-shadow:none}.sgpb input[type=button]:hover,.sgpb input[type=submit]:hover{cursor:pointer}body.post-type-popupbuilder,body.post-type-sgpbautoresponder,body.post-type-sgpbtemplate{line-height:1.2}body.post-type-popupbuilder .sgpb-modal .inputBlock__title,body.post-type-popupbuilder .sgpb-wrapper .inputBlock__title,body.post-type-sgpbautoresponder .sgpb-modal .inputBlock__title,body.post-type-sgpbautoresponder .sgpb-wrapper .inputBlock__title,body.post-type-sgpbtemplate .sgpb-modal .inputBlock__title,body.post-type-sgpbtemplate .sgpb-wrapper .inputBlock__title{font-weight:600;font-size:17px}body.post-type-popupbuilder .sgpb-modal .text,body.post-type-popupbuilder .sgpb-wrapper .text,body.post-type-sgpbautoresponder .sgpb-modal .text,body.post-type-sgpbautoresponder .sgpb-wrapper .text,body.post-type-sgpbtemplate .sgpb-modal .text,body.post-type-sgpbtemplate .sgpb-wrapper .text{display:flex;align-items:center;color:#000;margin-bottom:10px}body.post-type-popupbuilder .sgpb-modal .sgpb-icons,body.post-type-popupbuilder .sgpb-wrapper .sgpb-icons,body.post-type-sgpbautoresponder .sgpb-modal .sgpb-icons,body.post-type-sgpbautoresponder .sgpb-wrapper .sgpb-icons,body.post-type-sgpbtemplate .sgpb-modal .sgpb-icons,body.post-type-sgpbtemplate .sgpb-wrapper .sgpb-icons{margin-right:10px;font-weight:400}body.post-type-popupbuilder .sgpb-modal .icons_blue,body.post-type-popupbuilder .sgpb-wrapper .icons_blue,body.post-type-sgpbautoresponder .sgpb-modal .icons_blue,body.post-type-sgpbautoresponder .sgpb-wrapper .icons_blue,body.post-type-sgpbtemplate .sgpb-modal .icons_blue,body.post-type-sgpbtemplate .sgpb-wrapper .icons_blue{background:#b5caec!important;color:#2873eb!important}body.post-type-popupbuilder .sgpb-modal .icons_pink,body.post-type-popupbuilder .sgpb-wrapper .icons_pink,body.post-type-sgpbautoresponder .sgpb-modal .icons_pink,body.post-type-sgpbautoresponder .sgpb-wrapper .icons_pink,body.post-type-sgpbtemplate .sgpb-modal .icons_pink,body.post-type-sgpbtemplate .sgpb-wrapper .icons_pink{background:#ffcece!important;color:#c12121!important}body.post-type-popupbuilder .sgpb-modal .icons_gray,body.post-type-popupbuilder .sgpb-wrapper .icons_gray,body.post-type-sgpbautoresponder .sgpb-modal .icons_gray,body.post-type-sgpbautoresponder .sgpb-wrapper .icons_gray,body.post-type-sgpbtemplate .sgpb-modal .icons_gray,body.post-type-sgpbtemplate .sgpb-wrapper .icons_gray{background:#c7c7c7!important;color:#333!important}body.post-type-popupbuilder #autoresponderMetabox .popup-conditions-wrapper .sgpb-box-autoresponder-events .formItem,body.post-type-sgpbautoresponder #autoresponderMetabox .popup-conditions-wrapper .sgpb-box-autoresponder-events .formItem,body.post-type-sgpbtemplate #autoresponderMetabox .popup-conditions-wrapper .sgpb-box-autoresponder-events .formItem{align-items:flex-end!important}body.post-type-popupbuilder #autoresponderMetabox .popup-conditions-wrapper .sgpb-box-autoresponder-events .formItem .sg-rules-add-rule,body.post-type-popupbuilder #autoresponderMetabox .popup-conditions-wrapper .sgpb-box-autoresponder-events .formItem .sg-rules-delete-rule,body.post-type-sgpbautoresponder #autoresponderMetabox .popup-conditions-wrapper .sgpb-box-autoresponder-events .formItem .sg-rules-add-rule,body.post-type-sgpbautoresponder #autoresponderMetabox .popup-conditions-wrapper .sgpb-box-autoresponder-events .formItem .sg-rules-delete-rule,body.post-type-sgpbtemplate #autoresponderMetabox .popup-conditions-wrapper .sgpb-box-autoresponder-events .formItem .sg-rules-add-rule,body.post-type-sgpbtemplate #autoresponderMetabox .popup-conditions-wrapper .sgpb-box-autoresponder-events .formItem .sg-rules-delete-rule{margin-bottom:10px}.post-type-popupbuilder .sgpb-wrapper .h1,.post-type-popupbuilder .sgpb-wrapper .h2,.post-type-popupbuilder .sgpb-wrapper .h3,.post-type-popupbuilder .sgpb-wrapper .h4,.post-type-popupbuilder .sgpb-wrapper .h5,.post-type-popupbuilder .sgpb-wrapper .h6,.post-type-popupbuilder .sgpb-wrapper h1,.post-type-popupbuilder .sgpb-wrapper h2,.post-type-popupbuilder .sgpb-wrapper h3,.post-type-popupbuilder .sgpb-wrapper h4,.post-type-popupbuilder .sgpb-wrapper h5,.post-type-popupbuilder .sgpb-wrapper h6,.post-type-sgpbautoresponder .sgpb-wrapper .h1,.post-type-sgpbautoresponder .sgpb-wrapper .h2,.post-type-sgpbautoresponder .sgpb-wrapper .h3,.post-type-sgpbautoresponder .sgpb-wrapper .h4,.post-type-sgpbautoresponder .sgpb-wrapper .h5,.post-type-sgpbautoresponder .sgpb-wrapper .h6,.post-type-sgpbautoresponder .sgpb-wrapper h1,.post-type-sgpbautoresponder .sgpb-wrapper h2,.post-type-sgpbautoresponder .sgpb-wrapper h3,.post-type-sgpbautoresponder .sgpb-wrapper h4,.post-type-sgpbautoresponder .sgpb-wrapper h5,.post-type-sgpbautoresponder .sgpb-wrapper h6,.post-type-sgpbtemplate .sgpb-wrapper .h1,.post-type-sgpbtemplate .sgpb-wrapper .h2,.post-type-sgpbtemplate .sgpb-wrapper .h3,.post-type-sgpbtemplate .sgpb-wrapper .h4,.post-type-sgpbtemplate .sgpb-wrapper .h5,.post-type-sgpbtemplate .sgpb-wrapper .h6,.post-type-sgpbtemplate .sgpb-wrapper h1,.post-type-sgpbtemplate .sgpb-wrapper h2,.post-type-sgpbtemplate .sgpb-wrapper h3,.post-type-sgpbtemplate .sgpb-wrapper h4,.post-type-sgpbtemplate .sgpb-wrapper h5,.post-type-sgpbtemplate .sgpb-wrapper h6{font-family:Segoe UI Regular,Arial,Helvetica,sans-serif}.post-type-popupbuilder .sgpb-wrapper code,.post-type-sgpbautoresponder .sgpb-wrapper code,.post-type-sgpbtemplate .sgpb-wrapper code{padding:2px 4px;font-size:90%;color:#2873eb;background-color:#f9f2f4;border-radius:4px}.post-type-popupbuilder #wpcontent,.post-type-sgpbautoresponder #wpcontent,.post-type-sgpbtemplate #wpcontent{background:#fff}.post-type-popupbuilder .dashicons,.post-type-popupbuilder .dashicons-before:before,.post-type-sgpbautoresponder .dashicons,.post-type-sgpbautoresponder .dashicons-before:before,.post-type-sgpbtemplate .dashicons,.post-type-sgpbtemplate .dashicons-before:before{font-family:dashicons}.post-type-popupbuilder .dashicons-menu-icon-sgpb,.post-type-popupbuilder .dashicons-menu-icon-sgpb:before,.post-type-sgpbautoresponder .dashicons-menu-icon-sgpb,.post-type-sgpbautoresponder .dashicons-menu-icon-sgpb:before,.post-type-sgpbtemplate .dashicons-menu-icon-sgpb,.post-type-sgpbtemplate .dashicons-menu-icon-sgpb:before{font-family:popupbuilder-icon}.post-type-popupbuilder a,.post-type-sgpbautoresponder a,.post-type-sgpbtemplate a{text-decoration:none}.post-type-popupbuilder a:focus,.post-type-popupbuilder a:hover,.post-type-sgpbautoresponder a:focus,.post-type-sgpbautoresponder a:hover,.post-type-sgpbtemplate a:focus,.post-type-sgpbtemplate a:hover{outline:0;text-decoration:none;box-shadow:none}.post-type-popupbuilder .edit-post-meta-boxes-area .postbox>.inside.inside,.post-type-sgpbautoresponder .edit-post-meta-boxes-area .postbox>.inside.inside,.post-type-sgpbtemplate .edit-post-meta-boxes-area .postbox>.inside.inside{border-bottom:none}.post-type-popupbuilder .select2,.post-type-sgpbautoresponder .select2,.post-type-sgpbtemplate .select2{min-width:190px;width:auto!important;line-height:1.2}.post-type-popupbuilder .select2 .select2-selection,.post-type-sgpbautoresponder .select2 .select2-selection,.post-type-sgpbtemplate .select2 .select2-selection{background:#f1f1f1;border:none!important;padding:7px;height:auto;min-height:49px;outline:0}.post-type-popupbuilder .select2 .select2-selection__rendered,.post-type-sgpbautoresponder .select2 .select2-selection__rendered,.post-type-sgpbtemplate .select2 .select2-selection__rendered{line-height:2.7!important;max-width:280px}.post-type-popupbuilder .select2 .select2-selection__arrow,.post-type-sgpbautoresponder .select2 .select2-selection__arrow,.post-type-sgpbtemplate .select2 .select2-selection__arrow{height:47px}.post-type-popupbuilder .select2 .select2-selection__arrow b,.post-type-sgpbautoresponder .select2 .select2-selection__arrow b,.post-type-sgpbtemplate .select2 .select2-selection__arrow b{border-color:#000 transparent transparent transparent}.post-type-popupbuilder .select2 .select2-selection--multiple,.post-type-sgpbautoresponder .select2 .select2-selection--multiple,.post-type-sgpbtemplate .select2 .select2-selection--multiple{padding:0 5px}.post-type-popupbuilder .select2 .select2-selection__choice,.post-type-sgpbautoresponder .select2 .select2-selection__choice,.post-type-sgpbtemplate .select2 .select2-selection__choice{display:inline-flex;flex-direction:row-reverse;background:#fff;padding:0 6px 0 10px;justify-content:space-between;align-items:center}.post-type-popupbuilder .select2 .select2-selection__choice__remove,.post-type-sgpbautoresponder .select2 .select2-selection__choice__remove,.post-type-sgpbtemplate .select2 .select2-selection__choice__remove{margin-left:10px}.post-type-popupbuilder .sgpb-reset-count-btn,.post-type-sgpbautoresponder .sgpb-reset-count-btn,.post-type-sgpbtemplate .sgpb-reset-count-btn{color:#c12121!important}.post-type-popupbuilder .sgpb-reset-count-btn:hover,.post-type-sgpbautoresponder .sgpb-reset-count-btn:hover,.post-type-sgpbtemplate .sgpb-reset-count-btn:hover{color:#0a4b78!important}.post-type-popupbuilder .sgpb-add-subscriber-header-spinner-column,.post-type-sgpbautoresponder .sgpb-add-subscriber-header-spinner-column,.post-type-sgpbtemplate .sgpb-add-subscriber-header-spinner-column{text-align:center;margin-top:10px}.post-type-popupbuilder .sgpb-add-subscriber-header-spinner-column .sgpb-subscribers-add-spinner,.post-type-sgpbautoresponder .sgpb-add-subscriber-header-spinner-column .sgpb-subscribers-add-spinner,.post-type-sgpbtemplate .sgpb-add-subscriber-header-spinner-column .sgpb-subscribers-add-spinner{margin:0}.sgpb .sgpb-btn,.sgpb .sgpb-btn:active,.sgpb .sgpb-btn:focus{background:0 0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:10px 15px;border:2px solid transparent;line-height:1.2;font-weight:600;cursor:pointer}.sgpb .sgpb-btn-blue{color:#fff!important;background:#2873eb;border-color:#2873eb}.sgpb .sgpb-btn-blue:active,.sgpb .sgpb-btn-blue:focus,.sgpb .sgpb-btn-blue:hover{box-shadow:0 0 10px rgba(40,115,235,.4);background:#fff;color:#2873eb!important;border-color:#2873eb}.sgpb .sgpb-btn-blue--outline{color:#2873eb!important;background:#fff;border-color:#2873eb}.sgpb .sgpb-btn-blue--outline:active,.sgpb .sgpb-btn-blue--outline:focus,.sgpb .sgpb-btn-blue--outline:hover{box-shadow:0 0 10px rgba(40,115,235,.4);background:#2873eb;color:#fff!important;border-color:#2873eb}.sgpb .sgpb-btn-blue-light{color:#2873eb;background:rgba(0,102,255,.2);border-color:transparent}.sgpb .sgpb-btn-blue-light:active,.sgpb .sgpb-btn-blue-light:focus,.sgpb .sgpb-btn-blue-light:hover{box-shadow:none;background:rgba(0,102,255,.2);color:#2873eb!important;border-color:transparent}.sgpb .sgpb-btn-dark-outline,.sgpb .sgpb-btn-dark-outline:active,.sgpb .sgpb-btn-dark-outline:focus{background:#fff;color:#000;border-color:#000}.sgpb .sgpb-btn-danger{color:#c12121!important;background:#fcc}.sgpb .sgpb-btn-danger:active,.sgpb .sgpb-btn-danger:focus,.sgpb .sgpb-btn-danger:hover{box-shadow:none;background:#c12121;color:#fff!important;border-color:transparent}.sgpb .sgpb-btn-gray-light{color:#000;background-color:#f1f1f1}.sgpb .sgpb-btn-gray-light:active,.sgpb .sgpb-btn-gray-light:focus,.sgpb .sgpb-btn-gray-light:hover{background-color:#fff}.sgpb .sgpb-btn-more_extensions,.sgpb .sgpb-btn-more_extensions:active,.sgpb .sgpb-btn-more_extensions:focus,.sgpb .sgpb-btn-more_extensions:hover{box-shadow:0 0 6px rgba(1,185,255,.8);background:#01b9ff;color:#fff;border-color:#01b9ff;font:Bold 22px/28px Segoe UI Regular!important;padding:5px 34px}.sgpb .sgpb-btn--rounded{border-radius:39px}.sgpb .sgpb-btn--rounded:active,.sgpb .sgpb-btn--rounded:focus{-webkit-border-radius:39px;-moz-border-radius:39px;border-radius:39px}.sgpb .sgpb-btn-disabled,.sgpb .sgpb-btn-disabled:active,.sgpb .sgpb-btn-disabled:focus,.sgpb .sgpb-btn-disabled:hover{outline:0!important;cursor:no-drop!important;background:#c2c2c2!important;color:#707070!important;border-color:transparent!important;box-shadow:none!important}.sgpb .sgpb--group{display:flex}.sgpb .sgpb--group .sgpb-btn{margin-left:-2px;border-top-left-radius:0;border-bottom-left-radius:0}.sgpb .sgpb--group .sgpb-input{border-top-right-radius:0;border-bottom-right-radius:0}.sgpb .sgpb-header-h1{color:#000;text-align:left;font-size:40px;font-weight:700;letter-spacing:0}.sgpb .sgpb-header-h2{color:#000;text-align:left;font-size:35px;font-weight:700;letter-spacing:0}.sgpb .sgpb-header-h3{color:#000;text-align:left;font-size:30px;font-weight:700;letter-spacing:0}.sgpb .sgpb-header-h4{color:#000;text-align:left;font-size:25px;font-weight:700;letter-spacing:0}.sgpb .sgpb-cubes{width:40px;height:40px;align-content:center;position:relative;display:flex;z-index:9;flex-wrap:wrap}.sgpb .sgpb-cubes-mini{width:15px;height:15px;background:#fff;margin:2px;border-radius:2px}.sgpb .sgpb-cubes-mini_little{width:13px;height:13px}.sgpb .sgpb-box{height:90px;display:flex;align-items:center;box-shadow:0 0 20px rgba(0,0,0,.2);border-radius:18px;cursor:pointer;background:#fff;color:#000;flex:0 0 23%;margin:0 1%}.sgpb .sgpb-box-img{width:90px;height:90px;border-radius:18px;position:relative;margin-right:22px;transition:.4s}.sgpb .sgpb-box-text{font:Bold 20px/24px Segoe UI Regular!important}.sgpb .sgpb-box-plus{font-weight:bolder;position:absolute;right:-3%;bottom:-13%;border-radius:50%;transition:visibility 0s,opacity .3s linear;opacity:0;font-family:Glyphter,Arial,Helvetica,sans-serif;font-size:20px;color:#fff;width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:#2873eb 0 0 no-repeat padding-box;box-shadow:0 0 15px rgba(40,115,235,.3);margin-left:11px}.sgpb .sgpb-box-default{background:#f1f1f1}.sgpb .sgpb-box-default img{background:#fff}.sgpb .sgpb-box-active img{background:#2873eb}.sgpb .sgpb-box:hover img{transform:translate(-23px,-23px);box-shadow:0 0 20px rgba(0,0,0,.2)}.sgpb .sgpb-box:hover .sgpb-box-plus{opacity:1}.sgpb .sgpb-addPopup,.sgpb .sgpb-pro-extensions{flex-wrap:wrap}.sgpb .sgpb-options{width:100%;display:flex;position:relative;flex-direction:column}.sgpb .sgpb-options-menu{width:23%;padding:20px;background:#f8f8f8;margin-bottom:10px;position:relative;cursor:pointer}.sgpb .sgpb-options-menu:before{content:'';position:absolute;top:0;bottom:0;left:0;width:3px;background:0 0}.sgpb .sgpb-options-menu-header__sub{display:none;color:#757575}.sgpb .sgpb-options-menu-active{background:#fff;box-shadow:0 0 10px rgba(1,185,255,.3)}.sgpb .sgpb-options-menu-active:before{background:#01b9ff}.sgpb .sgpb-options-menu-active .sgpb-options-menu-header{color:#01b9ff;margin-bottom:10px}.sgpb .sgpb-options-menu-active .sgpb-options-menu-header__sub{display:block}.sgpb .sgpb-options-menu-active+.sgpb-options-content{display:block}.sgpb .sgpb-options-content{display:none;position:absolute;top:0;right:0;width:77%;padding:0 40px}.sgpb .sgpb-options-content .sgpb-header-h1{line-height:1.2}.sgpb .sgpb-options-content .sgpb-wrapper .text{display:flex;align-items:center;color:#000;margin-top:-30px;margin-bottom:10px}.sgpb .sgpb-options-content .sgpb-wrapper .text .inputBlock__title{font-weight:600;font-size:17px}.sgpb .sgpb-options-content .sgpb-wrapper .sgpb-icons{margin-right:10px}.sgpb .sgpb-options-content .sgpb-wrapper .sgpb-btn{width:80%;text-align:center;font-size:20px}.sgpb .sgpb-options-content .sgpb-wrapper .sgpb-pro-conditions *{font-family:"Segoe UI Regular"}.sgpb .sgpb-options-content .sgpb-wrapper .sgpb-pro-conditions-box{max-width:349px;display:flex;align-items:center;flex-direction:column;padding:13px 10px;border:1px solid rgba(112,112,112,.12);background:rgba(232,232,232,.11);border-radius:10px}.sgpb .sgpb-options-content .sgpb-wrapper .sgpb-pro-conditions-main-wrapper{align-items:flex-start}.sgpb .sgpb-options-content .sgpb-wrapper .sgpb-pro-conditions-title{font-size:30px;font-weight:600;color:#000}.sgpb .sgpb-options-content .sgpb-wrapper .sgpb-pro-conditions-text{font-size:15px;color:#757575;padding:0 25px}.sgpb .sgpb-options-content .sgpb-wrapper .sgpb-pro-conditions-pro-url{font-family:"Segoe UI Regular";color:#2873eb;font-size:15px}.sgpb .sgpb-options-content .sgpb-wrapper .sgpb-pro-conditions-inline-border{width:80%;height:2px;background:rgba(112,112,112,.12)}.sgpb .sgpb-options-content .sgpb-wrapper .sgpb-pro-conditions-list{width:80%;text-align:center}.sgpb .sgpb-options-content .sgpb-wrapper .sgpb-pro-conditions-list .sgpb-pro-conditions-inline-border{width:100%}.sgpb .sgpb-options-content .sgpb-wrapper .sgpb-pro-conditions-list .sgpb-pro-conditions-inline-border:last-child{display:none}.sgpb .sgpb-options-content .sgpb-wrapper .sgpb-pro-conditions-list *{color:#757575;font-size:15px}.sgpb .sgpb-options-content .sgpb-wrapper .sgpb-design .formItem label{position:relative}.sgpb .sgpb-options-content .sgpb-wrapper .sgpb-design .formItem label .sgpb-popup-theme-img{display:block;width:105px;height:70px;background-size:100px;background-repeat:no-repeat;background-position:center}.sgpb .sgpb-options-content .sgpb-wrapper .sgpb-design .formItem label .sgpb-popup-theme-1+.sgpb-popup-theme-img{background-image:url(../img/theme1.jpg)}.sgpb .sgpb-options-content .sgpb-wrapper .sgpb-design .formItem label .sgpb-popup-theme-2+.sgpb-popup-theme-img{background-image:url(../img/theme2.jpg)}.sgpb .sgpb-options-content .sgpb-wrapper .sgpb-design .formItem label .sgpb-popup-theme-3+.sgpb-popup-theme-img{background-image:url(../img/theme3.jpg)}.sgpb .sgpb-options-content .sgpb-wrapper .sgpb-design .formItem label .sgpb-popup-theme-4+.sgpb-popup-theme-img{background-image:url(../img/theme4.jpg)}.sgpb .sgpb-options-content .sgpb-wrapper .sgpb-design .formItem label .sgpb-popup-theme-5+.sgpb-popup-theme-img{background-image:url(../img/theme5.jpg)}.sgpb .sgpb-options-content .sgpb-wrapper .sgpb-design .formItem label .sgpb-popup-theme-6+.sgpb-popup-theme-img{background-image:url(../img/theme6.jpg)}.sgpb .sgpb-options-content .sgpb-wrapper .sgpb-design .formItem label input[type=radio]{width:100%;height:100%;visibility:hidden;position:absolute}.sgpb .sgpb-options-content .sgpb-wrapper .sgpb-design .formItem label input[type=radio]:checked+.sgpb-popup-theme-img{width:140px;height:110px;background-size:130px;box-shadow:0 0 10px rgba(1,185,255,.3)}.sgpb .sgpb-options-content .sgpb-wrapper .sgpb-design .formItem .subFormItem .sgpb-range-wrap input[type=range]{cursor:pointer;width:200px}.sgpb .sgpb-options-content .sgpb-wrapper .sgpb-design .formItem .subFormItem .sgpb-range-wrap input[type=text]{width:52px;padding:0 0 0 10px!important}.sgpb .sgpb-options-content .sgpb-wrapper .sgpb-design .formItem .subFormItem .subFormBackground{background:#f1f1f1;border-radius:5px}.sgpb .sgpb-options-content .sgpb-wrapper .sgpb-design .formItem .subFormItem .subFormBackground .subFormItemIcons{display:inline-flex;flex-direction:column;justify-content:space-around}.sgpb .sgpb-options-content .sgpb-wrapper .sgpb-design .formItem .subFormItem .subFormBackground .icons__item{background:#b5caec;width:60px;height:60px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}.sgpb .sgpb-options-content .sgpb-wrapper .sgpb-design .formItem .subFormItem .subFormBackground .icons__item+img{width:200px}.sgpb .sgpb-options-content .sgpb-wrapper .sgpb-design .formItem .subFormItem .subFormBackground .icons__item.icons_pink{background:#ffcece}.sgpb .sgpb-options-content .sgpb-wrapper .sgpb-design .formItem .subFormItem .subFormBackground .icons__item:hover{cursor:pointer}.sgpb .sgpb-options-content .sgpb-wrapper .sgpb-close-settings input{max-width:100px}.sgpb .sgpb-options-content .sgpb-wrapper .sgpb-close-settings .sgpb-close-button-image-option-wrapper .subFormItem__x{width:60px;height:60px}.sgpb .sgpb-options-content .sgpb-wrapper .sgpb-close-settings .sgpb-close-button-image-option-wrapper .subFormItem__x div{width:100%;height:100%}.sgpb .sgpb-options-content .sgpb-wrapper .sgpb-close-settings .sgpb-close-button-image-option-wrapper .icons__item{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.sgpb .sgpb-options-content .sgpb-wrapper .sgpb-close-settings .sgpb-close-button-image-option-wrapper .icons__item img{width:45px;height:45px}.sgpb .sgpb-options-content .sgpb-wrapper .sgpb-close-settings .sgpb-close-button-image-option-wrapper .icons__item.icons_blue{background:#b5caec}.sgpb .sgpb-options-content .sgpb-wrapper .sgpb-close-settings .sgpb-close-button-image-option-wrapper .icons__item.icons_pink{background:#ffcece}.sgpb .sgpb-options-content .sgpb-media-upload{width:100%;height:70%;min-height:50vh}.sgpb .sgpb-options-content .sgpb-media-upload .formItem_last{width:500px;height:500px;position:relative;margin:0;box-shadow:0 0 20px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center}.sgpb .sgpb-options-content .sgpb-media-upload .formItem_last .sgpb-icons{position:absolute;left:-7%;width:80px;height:80px;font-size:50px;margin:0}.sgpb .sgpb-options-content .sgpb-media-upload .sgpb-show-image-container{background-image:url(../images/NoImage.png);width:70%;height:70%;min-height:40vh;background-repeat:no-repeat;background-size:contain;background-position:center}.sgpb .sgpb-options-content .sgpb-squares{display:flex;flex-wrap:wrap;justify-content:space-around;margin-left:8.75vw;width:350px;height:350px}.sgpb .sgpb-options-content .sgpb-squares__square{background:#2873eb 0 0 no-repeat padding-box;opacity:.4;width:100px;height:100px}.sgpb .sgpb-options-content .sgpb-squares__square:hover{cursor:pointer}.sgpb .sgpb-options-content .sgpb-squares__square_leftRounded{border-radius:5px 0 0 5px}.sgpb .sgpb-options-content .sgpb-squares__square_rightRounded{border-radius:0 5px 5px 0}.sgpb .sgpb-options-content .sgpb-squares__square.active,.sgpb .sgpb-options-content .sgpb-squares__square:hover{background:#2873eb 0 0 no-repeat padding-box;box-shadow:0 3px 10px rgba(40,115,235,.8);opacity:1}.sgpb .sgpb-options-content .sgpb-customJsOrCss_text{font-size:15px}.sgpb .sgpb-options-content .sgpb-customJsOrCss .formItem__title{font-size:15px}.sgpb .sgpb-options-content .sgpb-floating-btn-wrapper *{font-family:"Segoe UI Regular"}.sgpb .sgpb-options-content .sgpb-floating-btn-wrapper .subFormItem__title{font-size:20px;color:#000}.sgpb .sgpb-options-content .sgpb-floating-btn-wrapper .sgpb-input-button,.sgpb .sgpb-options-content .sgpb-floating-btn-wrapper input[type=button].sgpb-input-button{background:#d8e6fc;border-radius:3px;color:#2873eb;border-color:transparent;width:120px;height:47px;display:inline-flex;justify-content:center;align-items:center;font-size:16px;font-weight:700}.sgpb .sgpb-options-content .sgpb-floating-btn-wrapper .sgpb-input-button.active,.sgpb .sgpb-options-content .sgpb-floating-btn-wrapper .sgpb-input-button:focus,.sgpb .sgpb-options-content .sgpb-floating-btn-wrapper .sgpb-input-button:hover,.sgpb .sgpb-options-content .sgpb-floating-btn-wrapper input[type=button].sgpb-input-button.active,.sgpb .sgpb-options-content .sgpb-floating-btn-wrapper input[type=button].sgpb-input-button:focus,.sgpb .sgpb-options-content .sgpb-floating-btn-wrapper input[type=button].sgpb-input-button:hover{color:#fff;background-color:#2873eb;box-shadow:none}.sgpb .sgpb-options-content .sgpb-floating-btn-wrapper .sgpb-input-button-disabled,.sgpb .sgpb-options-content .sgpb-floating-btn-wrapper input[type=button].sgpb-input-button-disabled{background-color:#d8e6fc!important;opacity:.34!important;cursor:default!important;color:#2873eb!important}.sgpb .sgpb-options-content .sgpb-floating-btn-wrapper .sgpb-input-button-bg-arrows,.sgpb .sgpb-options-content .sgpb-floating-btn-wrapper input[type=button].sgpb-input-button-bg-arrows{background-image:url(../svg/arrow_cross.svg);background-color:rgba(216,230,252,.34)!important;background-repeat:no-repeat;background-position:center;opacity:1!important}.sgpb .sgpb-options-content .sgpb-floating-btn-wrapper .wp-picker-container button{margin:0 10px 0 0}.sgpb .sgpb-options-content .sgpb-floating-btn-wrapper .wp-picker-container .wp-picker-holder{position:absolute}.sgpb .sgpb-options-content .sgpb-floating-btn-wrapper .wp-picker-container .wp-picker-input-wrap .sgpb-color-picker{padding:0 5px!important;line-height:2.1!important}.sgpb .sgpb-options-content .icons__item:hover{cursor:pointer}.sgpb .sgpb-options-content .icons_blue{background:#b5caec!important;color:#2873eb!important}.sgpb .sgpb-options-content .icons_pink{background:#ffcece!important;color:#c12121!important}.sgpb .sgpb-options-content .icons_gray{background:#c7c7c7!important;color:#333!important}.sgpb .sgpb-subscription-popup-options .dimensionForm{width:100%}.sgpb .sgpb-subscription-popup-options .dimensionForm .sgpb-choice-wrapper{margin-bottom:20px}.sgpb .sgpb-subscription .search-box{display:none}.sgpb .sgpb-subscription .table>thead>tr>th{vertical-align:middle}.sgpb .sgpb-license:nth-child(odd){margin-right:30px}.sgpb .sgpb-license-block{box-shadow:0 0 30px rgba(0,0,0,.2);border-radius:5px;width:48%}.sgpb .sgpb-license-border{top:0;position:absolute;height:2px;left:5%;width:90%}.sgpb .sgpb-license-border.active{background:#00ae5d}.sgpb .sgpb-license-border.inactive{background:#c00}.sgpb .sgpb-license__status{display:flex;align-items:center}.sgpb .sgpb-license__status .active{width:27px;height:27px;border:5px solid #00ae5d;border-radius:50%;margin-right:5px}.sgpb .sgpb-license__status .inactive{width:27px;height:27px;border:5px solid #c00;border-radius:50%;margin-right:5px}.sgpb .sgpb-cursor-pointer{cursor:pointer}.sgpb .sgpb-display-flex{display:flex!important}.sgpb .sgpb-display-block{display:block!important}.sgpb .sgpb-display-grid{display:grid!important}.sgpb .sgpb-display-inline-flex{display:inline-flex!important}.sgpb .sgpb-display-inline-block{display:inline-block!important}.sgpb .sgpb-display-inline-grid{display:inline-grid!important}.sgpb .sgpb-display-none{display:none!important}.sgpb .sgpb-justify-content-between{justify-content:space-between!important}.sgpb .sgpb-justify-content-around{justify-content:space-around!important}.sgpb .sgpb-justify-content-center{justify-content:center!important}.sgpb .sgpb-justify-content-flex-end{justify-content:flex-end}.sgpb .sgpb-flex-direction-column{flex-direction:column!important}.sgpb .sgpb-flex-direction-column-reverse{flex-direction:column-reverse!important}.sgpb .sgpb-flex-direction-row{flex-direction:row!important}.sgpb .sgpb-flex-direction-row-reverse{flex-direction:row-reverse!important}.sgpb .sgpb-flex-container{display:flex!important;align-items:stretch!important}.sgpb .sgpb-flex-100{flex:0 0 100px}.sgpb .sgpb-flex-200{flex:0 0 200px}.sgpb .sgpb-flex-220{flex:0 0 220px}.sgpb .sgpb-flex-250{flex:0 0 250px}.sgpb .sgpb-flex-auto{flex:auto}.sgpb .sgpb-align-item-center{align-items:center!important}.sgpb .sgpb-align-item-start{align-items:start!important}.sgpb .sgpb-align-item-baseline{align-items:baseline!important}.sgpb .sgpb-align-item-stretch{align-items:stretch!important}.sgpb .sgpb-position-relative{position:relative!important}.sgpb .sgpb-position-absolute{position:absolute!important}.sgpb .sgpb-position-fixed{position:fixed!important}.sgpb .sgpb-position-sticky{position:-webkit-sticky!important;position:sticky!important;top:10px!important}.sgpb .sgpb-margin-0{margin:0!important}.sgpb .sgpb-margin-5{margin:5px!important}.sgpb .sgpb-margin-10{margin:10px!important}.sgpb .sgpb-margin-20{margin:20px!important}.sgpb .sgpb-margin-30{margin:30px!important}.sgpb .sgpb-margin-40{margin:40px!important}.sgpb .sgpb-margin-50{margin:50px!important}.sgpb .sgpb-margin-auto{margin:0 auto!important}.sgpb .sgpb-margin-top-0{margin-top:0!important}.sgpb .sgpb-margin-top-5{margin-top:5px!important}.sgpb .sgpb-margin-top-10{margin-top:10px!important}.sgpb .sgpb-margin-top-20{margin-top:20px!important}.sgpb .sgpb-margin-top-30{margin-top:30px!important}.sgpb .sgpb-margin-top-40{margin-top:40px!important}.sgpb .sgpb-margin-top-50{margin-top:50px!important}.sgpb .sgpb-margin-bottom-0{margin-bottom:0!important}.sgpb .sgpb-margin-bottom-5{margin-bottom:5px!important}.sgpb .sgpb-margin-bottom-10{margin-bottom:10px!important}.sgpb .sgpb-margin-bottom-20{margin-bottom:20px!important}.sgpb .sgpb-margin-bottom-30{margin-bottom:30px!important}.sgpb .sgpb-margin-bottom-40{margin-bottom:40px!important}.sgpb .sgpb-margin-bottom-50{margin-bottom:50px!important}.sgpb .sgpb-margin-left-0{margin-left:0!important}.sgpb .sgpb-margin-left-5{margin-left:5px!important}.sgpb .sgpb-margin-left-10{margin-left:10px!important}.sgpb .sgpb-margin-left-20{margin-left:20px!important}.sgpb .sgpb-margin-left-30{margin-left:30px!important}.sgpb .sgpb-margin-left-40{margin-left:40px!important}.sgpb .sgpb-margin-left-50{margin-left:50px!important}.sgpb .sgpb-margin-right-0{margin-right:0!important}.sgpb .sgpb-margin-right-5{margin-right:5px!important}.sgpb .sgpb-margin-right-10{margin-right:10px!important}.sgpb .sgpb-margin-right-20{margin-right:20px!important}.sgpb .sgpb-margin-right-30{margin-right:30px!important}.sgpb .sgpb-margin-right-40{margin-right:40px!important}.sgpb .sgpb-margin-right-50{margin-right:50px!important}.sgpb .sgpb-margin-x-0{margin-left:0!important;margin-right:0!important}.sgpb .sgpb-margin-x-5{margin-left:5px!important;margin-right:5px!important}.sgpb .sgpb-margin-x-7{margin-left:7px!important;margin-right:7px!important}.sgpb .sgpb-margin-x-10{margin-left:10px!important;margin-right:10px!important}.sgpb .sgpb-margin-x-20{margin-left:20px!important;margin-right:20px!important}.sgpb .sgpb-margin-x-30{margin-left:30px!important;margin-right:30px!important}.sgpb .sgpb-margin-x-40{margin-left:40px!important;margin-right:40px!important}.sgpb .sgpb-margin-x-50{margin-left:50px!important;margin-right:50px!important}.sgpb .sgpb-margin-y-0{margin-top:0!important;margin-bottom:0!important}.sgpb .sgpb-margin-y-5{margin-top:5px!important;margin-bottom:5px!important}.sgpb .sgpb-margin-y-5-auto{margin-left:auto!important;margin-right:auto!important}.sgpb .sgpb-margin-y-10{margin-top:10px!important;margin-bottom:10px!important}.sgpb .sgpb-margin-y-10-auto{margin-left:auto!important;margin-right:auto!important}.sgpb .sgpb-margin-y-20{margin-top:20px!important;margin-bottom:20px!important}.sgpb .sgpb-margin-y-20-auto{margin-left:auto!important;margin-right:auto!important}.sgpb .sgpb-margin-y-30{margin-top:30px!important;margin-bottom:30px!important}.sgpb .sgpb-margin-y-30-auto{margin-left:auto!important;margin-right:auto!important}.sgpb .sgpb-margin-y-40{margin-top:40px!important;margin-bottom:40px!important}.sgpb .sgpb-margin-y-40-auto{margin-left:auto!important;margin-right:auto!important}.sgpb .sgpb-margin-y-50{margin-top:50px!important;margin-bottom:50px!important}.sgpb .sgpb-margin-y-50-auto{margin-left:auto!important;margin-right:auto!important}.sgpb .sgpb-padding-0{padding:0!important}.sgpb .sgpb-padding-5{padding:5px!important}.sgpb .sgpb-padding-10{padding:10px!important}.sgpb .sgpb-padding-20{padding:20px!important}.sgpb .sgpb-padding-30{padding:30px!important}.sgpb .sgpb-padding-40{padding:40px!important}.sgpb .sgpb-padding-50{padding:50px!important}.sgpb .sgpb-padding-top-0{padding-top:0!important}.sgpb .sgpb-padding-top-5{padding-top:5px!important}.sgpb .sgpb-padding-top-10{padding-top:10px!important}.sgpb .sgpb-padding-top-20{padding-top:20px!important}.sgpb .sgpb-padding-top-30{padding-top:30px!important}.sgpb .sgpb-padding-top-40{padding-top:40px!important}.sgpb .sgpb-padding-top-50{padding-top:50px!important}.sgpb .sgpb-padding-bottom-0{padding-bottom:0!important}.sgpb .sgpb-padding-bottom-5{padding-bottom:5px!important}.sgpb .sgpb-padding-bottom-10{padding-bottom:10px!important}.sgpb .sgpb-padding-bottom-20{padding-bottom:20px!important}.sgpb .sgpb-padding-bottom-30{padding-bottom:30px!important}.sgpb .sgpb-padding-bottom-40{padding-bottom:40px!important}.sgpb .sgpb-padding-bottom-50{padding-bottom:50px!important}.sgpb .sgpb-padding-left-0{padding-left:0!important}.sgpb .sgpb-padding-left-5{padding-left:5px!important}.sgpb .sgpb-padding-left-10{padding-left:10px!important}.sgpb .sgpb-padding-left-20{padding-left:20px!important}.sgpb .sgpb-padding-left-30{padding-left:30px!important}.sgpb .sgpb-padding-left-40{padding-left:40px!important}.sgpb .sgpb-padding-left-50{padding-left:50px!important}.sgpb .sgpb-padding-right-0{padding-right:0!important}.sgpb .sgpb-padding-right-5{padding-right:5px!important}.sgpb .sgpb-padding-right-10{padding-right:10px!important}.sgpb .sgpb-padding-right-20{padding-right:20px!important}.sgpb .sgpb-padding-right-30{padding-right:30px!important}.sgpb .sgpb-padding-right-40{padding-right:40px!important}.sgpb .sgpb-padding-right-50{padding-right:50px!important}.sgpb .sgpb-padding-x-0{padding-left:0!important;padding-right:0!important}.sgpb .sgpb-padding-x-5{padding-left:5px!important;padding-right:5px!important}.sgpb .sgpb-padding-x-10{padding-left:10px!important;padding-right:10px!important}.sgpb .sgpb-padding-x-20{padding-left:20px!important;padding-right:20px!important}.sgpb .sgpb-padding-x-30{padding-left:30px!important;padding-right:30px!important}.sgpb .sgpb-padding-x-40{padding-left:40px!important;padding-right:40px!important}.sgpb .sgpb-padding-x-50{padding-left:50px!important;padding-right:50px!important}.sgpb .sgpb-padding-y-0{padding-top:0!important;padding-bottom:0!important}.sgpb .sgpb-padding-y-5{padding-top:5px!important;padding-bottom:5px!important}.sgpb .sgpb-padding-y-10{padding-top:10px!important;padding-bottom:10px!important}.sgpb .sgpb-padding-y-20{padding-top:20px!important;padding-bottom:20px!important}.sgpb .sgpb-padding-y-30{padding-top:30px!important;padding-bottom:30px!important}.sgpb .sgpb-padding-y-40{padding-top:40px!important;padding-bottom:40px!important}.sgpb .sgpb-padding-y-50{padding-top:50px!important;padding-bottom:50px!important}.sgpb .sgpb-text-center{text-align:center}.sgpb .sgpb-text-nowrap{white-space:nowrap}.sgpb .sgpb-text-capitalize{text-transform:capitalize}.sgpb .sgpb-input[type=text],.sgpb .sgpb-input[type=url]{padding:10px 15px!important;border-radius:5px!important;background:#f1f1f1!important;border:2px solid transparent!important;line-height:1.2!important}.sgpb .sgpb-input[type=text]:active,.sgpb .sgpb-input[type=text]:focus,.sgpb .sgpb-input[type=url]:active,.sgpb .sgpb-input[type=url]:focus{border-color:transparent!important}.sgpb .sgpb input[type=radio],.sgpb .sgpb-radio-input{width:20px;height:20px;display:inline-flex;justify-content:center;align-items:center;border-color:transparent;background:#e6e6e6}.sgpb .sgpb input[type=radio]:checked:before,.sgpb .sgpb-radio-input:checked:before{content:"";border-radius:50%;width:.5rem;height:.5rem;margin:0!important;background-color:#2873eb}.sgpb .sgpb input[type=radio]:active,.sgpb .sgpb input[type=radio]:focus,.sgpb .sgpb-radio-input:active,.sgpb .sgpb-radio-input:focus{outline:0!important}.sgpb .sgpb textarea:not(.js-contact-field-textarea){background:#ececec;border-radius:5px;width:100%;min-height:200px;border-color:transparent;padding:5px}.sgpb .sgpb textarea:not(.js-contact-field-textarea):active,.sgpb .sgpb textarea:not(.js-contact-field-textarea):focus{border-color:transparent;box-shadow:none;outline:0}.sgpb .sgpb-icons{font-family:Glyphter,Arial,Helvetica,sans-serif!important;font-size:22px;font-style:normal;border-radius:50%;display:flex;justify-content:center;align-items:center;width:40px;height:40px}.sgpb .sgpb-icons:hover{cursor:pointer}.sgpb .sgpb-width-100{width:100%}.sgpb .sgpb-width-90{width:90%}.sgpb .sgpb-width-80{width:80%}.sgpb .sgpb-width-70{width:70%}.sgpb .sgpb-width-60{width:60%}.sgpb .sgpb-width-50{width:50%}.sgpb .sgpb-width-40{width:40%}.sgpb .sgpb-width-35{width:35%}.sgpb .sgpb-width-30{width:30%}.sgpb .sgpb-width-20{width:20%}.sgpb .sgpb-width-10{width:10%}.sgpb .sgpb .question-mark{font-family:Glyphter,Arial,Helvetica,sans-serif!important;font-size:10px;line-height:16px;letter-spacing:0;color:#000;text-shadow:0 0 6px #000;background:#c6c6c6 0 0 no-repeat padding-box;width:18px;height:18px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-left:9px;margin-right:9px;font-weight:bolder;cursor:pointer}.sgpb .sgpb-info-text{color:#000;font:13px/14px Segoe UI Bold;width:215px;position:absolute;min-width:20px;min-height:13px;display:none;margin-top:-18px;margin-left:0;box-shadow:4px 0 6px rgba(0,0,0,.2);padding:5px;z-index:9999;background:#bcbcbc 0 0 no-repeat padding-box;border-radius:5px}.sgpb .sgpb-bg-black{background:#000}.sgpb .sgpb-bg-black__opacity-02{background:rgba(0,0,0,.02)}.sgpb .sgpb-bg-white{background-color:#fff}.sgpb .sgpb-border{border:1px solid}.sgpb .sgpb-border-top{border-top:1px solid}.sgpb .sgpb-border-bottom{border-bottom:1px solid}.sgpb .sgpb-border-left{border-left:1px solid}.sgpb .sgpb-border-right{border-right:1px solid}.sgpb .sgpb-border-color-black{border-color:#000}.sgpb .sgpb-border-radius-5px{border-radius:5px}.sgpb .sgpb-border-radius-50{border-radius:50%}.sgpb .sgpb-border-radius-50:active,.sgpb .sgpb-border-radius-50:focus{border-radius:50%}.sgpb .sgpb-unlock-options{display:flex;align-items:center;justify-content:space-between;background:#2873eb;border-radius:20px;opacity:1!important;cursor:pointer}.sgpb .sgpb-unlock-options *{opacity:1!important}.sgpb .sgpb-unlock-options__icon{box-shadow:0 0 6px rgba(40,115,235,.8);background:#fff;border-radius:20px;display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px}.sgpb .sgpb-unlock-options__icon img{width:55px;height:55px}.sgpb .sgpb-unlock-options__title{margin-left:10px!important;padding:0 10px 0 0!important;font-weight:700!important;color:#fff!important}.sgpb .sgpb-tabs{display:flex;align-items:center;justify-content:start;border-bottom:2px solid rgba(0,0,0,.2)}.sgpb .sgpb-tabs .sgpb-tab-link{color:#000;font-size:20px;padding:15px 40px;font-weight:600;margin-bottom:-2px;cursor:pointer}.sgpb .sgpb-tabs .sgpb-tab-active{color:#2873eb;border-bottom:2px solid #2873eb}.sgpb .sgpb-onOffSwitch{position:relative;width:60px}.sgpb .sgpb-onOffSwitch__label{display:block;background:#e6e6e6;overflow:hidden;cursor:pointer;border-radius:21px}.sgpb .sgpb-onOffSwitch-inner{display:block;width:200%;margin-left:-100%;transition:margin .3s ease-in 0s}.sgpb .sgpb-onOffSwitch-inner:after,.sgpb .sgpb-onOffSwitch-inner:before{display:block;float:left;width:50%;height:30px;padding:0;line-height:42px;font-size:16px;color:#000;font:bold 16px/27px Segoe UI Regular;box-sizing:border-box}.sgpb .sgpb-onOffSwitch-inner:before{content:"on";padding-top:0;padding-left:9px;background-color:#e6e6e6}.sgpb .sgpb-onOffSwitch-inner:after{content:"off";padding-right:10px;padding-top:0;background-color:#e6e6e6;text-align:right}.sgpb .sgpb-onOffSwitch-switch{display:block;width:26px;height:26px;background:#757575;position:absolute;top:2px;right:32px;border-radius:50%;transition:all .3s ease-in 0s}.sgpb .sgpb-onOffSwitch input[type=checkbox]{visibility:hidden;position:absolute;width:100%!important;height:100%!important;margin:0!important}.sgpb .sgpb-onOffSwitch input[type=checkbox]:checked+.sgpb-onOffSwitch__label .sgpb-onOffSwitch-inner{margin-left:0}.sgpb .sgpb-onOffSwitch input[type=checkbox]:checked+.sgpb-onOffSwitch__label .sgpb-onOffSwitch-switch{right:2px;background-color:#2873eb}.sgpb .sgpb .formItem{display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;margin-top:20px;margin-bottom:20px}.sgpb .sgpb .formItem *{color:#000}.sgpb .sgpb .formItem-label{font-size:17px;font-weight:700;margin-right:20px}.sgpb .sgpb .formItem .sgpb-option-disable,.sgpb .sgpb .formItem.sgpb-option-disable{background:#b2c8ec2b}.sgpb .sgpb .formItem .sgpb-option-disable *,.sgpb .sgpb .formItem.sgpb-option-disable *{opacity:.7}.sgpb .sgpb .formItem .sgpb-option-disable label,.sgpb .sgpb .formItem.sgpb-option-disable label{cursor:no-drop}.sgpb .sgpb .formItem .sgpb-option-disable .sgpb-info-text,.sgpb .sgpb .formItem .sgpb-option-disable .sgpb-info-wrapper,.sgpb .sgpb .formItem.sgpb-option-disable .sgpb-info-text,.sgpb .sgpb .formItem.sgpb-option-disable .sgpb-info-wrapper{opacity:1}.sgpb .sgpb .formItem__title{font-size:17px;font-weight:700;margin-right:20px;color:#000}.sgpb .sgpb .formItem .subFormItem .wp-picker-container button{margin:0 6px}.sgpb .sgpb .formItem .subFormItem .wp-picker-container .wp-picker-holder{position:absolute}.sgpb .sgpb .formItem .subFormItem .wp-picker-container .wp-picker-input-wrap .sgpb-color-picker{padding:0 5px!important;line-height:2.1!important}.sgpb .sgpb .formItem .subFormItem__title{font-size:15px;color:#000}.sgpb .sgpb .formItem .inputBlock{margin-right:30px}.sgpb .sgpb .formItem .inputBlock input:not(input[type=search]){padding:5px 15px!important;border-radius:5px!important;background:#f1f1f1!important;border:2px solid transparent!important;line-height:2.7!important;height:auto!important}.sgpb .sgpb .formItem .inputBlock input:not(input[type=search]):active,.sgpb .sgpb .formItem .inputBlock input:not(input[type=search]):focus{border-color:transparent!important}.sgpb .sgpb .formItem input[type=email]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker),.sgpb .sgpb .formItem input[type=number]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker),.sgpb .sgpb .formItem input[type=text]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker),.sgpb .sgpb .formItem input[type=url]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker){padding:5px 15px!important;border-radius:5px!important;background-color:#f1f1f1!important;border:2px solid transparent!important;line-height:2.7!important}.sgpb .sgpb .formItem input[type=email]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker):active,.sgpb .sgpb .formItem input[type=email]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker):focus,.sgpb .sgpb .formItem input[type=number]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker):active,.sgpb .sgpb .formItem input[type=number]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker):focus,.sgpb .sgpb .formItem input[type=text]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker):active,.sgpb .sgpb .formItem input[type=text]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker):focus,.sgpb .sgpb .formItem input[type=url]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker):active,.sgpb .sgpb .formItem input[type=url]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker):focus{border-color:transparent!important}.sgpb .sgpb .formItem input[type=checkbox]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.js-login-remember-me-inputs){width:20px;height:20px;display:inline-flex;justify-content:center;align-items:center;border-color:transparent;background:#e6e6e6}.sgpb .sgpb .formItem input[type=checkbox]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.js-login-remember-me-inputs):checked:before{content:"E";font-family:Glyphter,Arial,Helvetica,sans-serif;font-size:15px;color:#2873eb;position:relative;top:4px;font-weight:600;left:2px}.sgpb .sgpb .formItem input[type=checkbox]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.js-login-remember-me-inputs):active,.sgpb .sgpb .formItem input[type=checkbox]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.js-login-remember-me-inputs):focus{outline:0!important}.sgpb .sgpb-shadow-black{box-shadow:0 0 30px rgba(0,0,0,.5)}.sgpb .sgpb-shadow-black-10{box-shadow:0 0 10px rgba(0,0,0,.5)}.sgpb .sgpb-overflow-auto{overflow:auto}.sgpb .sgpb-overflow-hidden{overflow:hidden}.sgpb .sgpb-nowrap{white-space:nowrap}.sgpb .sgpb-list-group{display:flex;flex-direction:column}.sgpb .sgpb-list-group-item{position:relative;display:block;padding:.5rem 1rem;color:#000;text-decoration:none;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.sgpb .sgpb-list-group-item.active,.sgpb .sgpb-list-group-item:hover{background-color:rgba(0,127,225,.36)}.sgpb .sgpb-list-group-flush>.sgpb-list-group-item{border-width:0 0 1px}.sgpb .sgpb-list-group-flush>.sgpb-list-group-item:last-child{border-bottom-width:0}@media screen and (max-width:1250px) and (min-width:1100px){.sgpb .sgpb .sgpb-options-menu{padding:12px}.sgpb .sgpb .sgpb-options-menu h3{font-size:14px}.sgpb .sgpb .sgpb-options-content{padding:0 0 0 20px}.sgpb .sgpb .formItem input[type=email]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker),.sgpb .sgpb .sgpb .formItem input[type=number]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker),.sgpb .sgpb .sgpb .formItem input[type=text]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker),.sgpb .sgpb .sgpb .formItem input[type=url]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker){padding:0 3px!important;line-height:1.7!important;margin:0 2px!important}.sgpb .edit-post-meta-boxes-area .postbox>.inside{padding:0}}@media screen and (max-width:1350px) and (min-width:1250px){.sgpb .sgpb .sgpb-options-menu{padding:15px}.sgpb .sgpb .sgpb-options-menu h3{font-size:15px}.sgpb .sgpb .sgpb-options-content{padding:0 0 0 20px}.sgpb .sgpb .formItem input[type=email]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker),.sgpb .sgpb .sgpb .formItem input[type=number]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker),.sgpb .sgpb .sgpb .formItem input[type=text]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker),.sgpb .sgpb .sgpb .formItem input[type=url]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker){padding:5px!important;line-height:2!important;margin:5px!important}.sgpb .edit-post-meta-boxes-area .postbox>.inside{padding:0}}@media screen and (max-width:1500px) and (min-width:1310px){.sgpb .sgpb .sgpb-options-menu{padding:15px}.sgpb .sgpb .sgpb-options-menu h3{font-size:15px}.sgpb .sgpb .sgpb-options-content{padding:0 0 0 20px}.sgpb .sgpb .formItem input[type=email]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker),.sgpb .sgpb .sgpb .formItem input[type=number]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker),.sgpb .sgpb .sgpb .formItem input[type=text]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker),.sgpb .sgpb .sgpb .formItem input[type=url]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker){padding:5px!important;line-height:2!important;margin:5px!important}.sgpb .edit-post-meta-boxes-area .postbox>.inside{padding:0}}.sgpb-cursor-pointer{cursor:pointer}.sgpb-display-flex{display:flex!important}.sgpb-display-block{display:block!important}.sgpb-display-grid{display:grid!important}.sgpb-display-inline-flex{display:inline-flex!important}.sgpb-display-inline-block{display:inline-block!important}.sgpb-display-inline-grid{display:inline-grid!important}.sgpb-display-none{display:none!important}.sgpb-justify-content-between{justify-content:space-between!important}.sgpb-justify-content-around{justify-content:space-around!important}.sgpb-justify-content-center{justify-content:center!important}.sgpb-justify-content-flex-end{justify-content:flex-end}.sgpb-flex-direction-column{flex-direction:column!important}.sgpb-flex-direction-column-reverse{flex-direction:column-reverse!important}.sgpb-flex-direction-row{flex-direction:row!important}.sgpb-flex-direction-row-reverse{flex-direction:row-reverse!important}.sgpb-flex-container{display:flex!important;align-items:stretch!important}.sgpb-flex-100{flex:0 0 100px}.sgpb-flex-200{flex:0 0 200px}.sgpb-flex-220{flex:0 0 220px}.sgpb-flex-250{flex:0 0 250px}.sgpb-flex-auto{flex:auto}.sgpb-align-item-center{align-items:center!important}.sgpb-align-item-start{align-items:start!important}.sgpb-align-item-baseline{align-items:baseline!important}.sgpb-align-item-stretch{align-items:stretch!important}.sgpb-position-relative{position:relative!important}.sgpb-position-absolute{position:absolute!important}.sgpb-position-fixed{position:fixed!important}.sgpb-position-sticky{position:-webkit-sticky!important;position:sticky!important;top:10px!important}.sgpb-margin-0{margin:0!important}.sgpb-margin-5{margin:5px!important}.sgpb-margin-10{margin:10px!important}.sgpb-margin-20{margin:20px!important}.sgpb-margin-30{margin:30px!important}.sgpb-margin-40{margin:40px!important}.sgpb-margin-50{margin:50px!important}.sgpb-margin-auto{margin:0 auto!important}.sgpb-margin-top-0{margin-top:0!important}.sgpb-margin-top-5{margin-top:5px!important}.sgpb-margin-top-10{margin-top:10px!important}.sgpb-margin-top-20{margin-top:20px!important}.sgpb-margin-top-30{margin-top:30px!important}.sgpb-margin-top-40{margin-top:40px!important}.sgpb-margin-top-50{margin-top:50px!important}.sgpb-margin-bottom-0{margin-bottom:0!important}.sgpb-margin-bottom-5{margin-bottom:5px!important}.sgpb-margin-bottom-10{margin-bottom:10px!important}.sgpb-margin-bottom-20{margin-bottom:20px!important}.sgpb-margin-bottom-30{margin-bottom:30px!important}.sgpb-margin-bottom-40{margin-bottom:40px!important}.sgpb-margin-bottom-50{margin-bottom:50px!important}.sgpb-margin-left-0{margin-left:0!important}.sgpb-margin-left-5{margin-left:5px!important}.sgpb-margin-left-10{margin-left:10px!important}.sgpb-margin-left-20{margin-left:20px!important}.sgpb-margin-left-30{margin-left:30px!important}.sgpb-margin-left-40{margin-left:40px!important}.sgpb-margin-left-50{margin-left:50px!important}.sgpb-margin-right-0{margin-right:0!important}.sgpb-margin-right-5{margin-right:5px!important}.sgpb-margin-right-10{margin-right:10px!important}.sgpb-margin-right-20{margin-right:20px!important}.sgpb-margin-right-30{margin-right:30px!important}.sgpb-margin-right-40{margin-right:40px!important}.sgpb-margin-right-50{margin-right:50px!important}.sgpb-margin-x-0{margin-left:0!important;margin-right:0!important}.sgpb-margin-x-5{margin-left:5px!important;margin-right:5px!important}.sgpb-margin-x-7{margin-left:7px!important;margin-right:7px!important}.sgpb-margin-x-10{margin-left:10px!important;margin-right:10px!important}.sgpb-margin-x-20{margin-left:20px!important;margin-right:20px!important}.sgpb-margin-x-30{margin-left:30px!important;margin-right:30px!important}.sgpb-margin-x-40{margin-left:40px!important;margin-right:40px!important}.sgpb-margin-x-50{margin-left:50px!important;margin-right:50px!important}.sgpb-margin-y-0{margin-top:0!important;margin-bottom:0!important}.sgpb-margin-y-5{margin-top:5px!important;margin-bottom:5px!important}.sgpb-margin-y-5-auto{margin-left:auto!important;margin-right:auto!important}.sgpb-margin-y-10{margin-top:10px!important;margin-bottom:10px!important}.sgpb-margin-y-10-auto{margin-left:auto!important;margin-right:auto!important}.sgpb-margin-y-20{margin-top:20px!important;margin-bottom:20px!important}.sgpb-margin-y-20-auto{margin-left:auto!important;margin-right:auto!important}.sgpb-margin-y-30{margin-top:30px!important;margin-bottom:30px!important}.sgpb-margin-y-30-auto{margin-left:auto!important;margin-right:auto!important}.sgpb-margin-y-40{margin-top:40px!important;margin-bottom:40px!important}.sgpb-margin-y-40-auto{margin-left:auto!important;margin-right:auto!important}.sgpb-margin-y-50{margin-top:50px!important;margin-bottom:50px!important}.sgpb-margin-y-50-auto{margin-left:auto!important;margin-right:auto!important}.sgpb-padding-0{padding:0!important}.sgpb-padding-5{padding:5px!important}.sgpb-padding-10{padding:10px!important}.sgpb-padding-20{padding:20px!important}.sgpb-padding-30{padding:30px!important}.sgpb-padding-40{padding:40px!important}.sgpb-padding-50{padding:50px!important}.sgpb-padding-top-0{padding-top:0!important}.sgpb-padding-top-5{padding-top:5px!important}.sgpb-padding-top-10{padding-top:10px!important}.sgpb-padding-top-20{padding-top:20px!important}.sgpb-padding-top-30{padding-top:30px!important}.sgpb-padding-top-40{padding-top:40px!important}.sgpb-padding-top-50{padding-top:50px!important}.sgpb-padding-bottom-0{padding-bottom:0!important}.sgpb-padding-bottom-5{padding-bottom:5px!important}.sgpb-padding-bottom-10{padding-bottom:10px!important}.sgpb-padding-bottom-20{padding-bottom:20px!important}.sgpb-padding-bottom-30{padding-bottom:30px!important}.sgpb-padding-bottom-40{padding-bottom:40px!important}.sgpb-padding-bottom-50{padding-bottom:50px!important}.sgpb-padding-left-0{padding-left:0!important}.sgpb-padding-left-5{padding-left:5px!important}.sgpb-padding-left-10{padding-left:10px!important}.sgpb-padding-left-20{padding-left:20px!important}.sgpb-padding-left-30{padding-left:30px!important}.sgpb-padding-left-40{padding-left:40px!important}.sgpb-padding-left-50{padding-left:50px!important}.sgpb-padding-right-0{padding-right:0!important}.sgpb-padding-right-5{padding-right:5px!important}.sgpb-padding-right-10{padding-right:10px!important}.sgpb-padding-right-20{padding-right:20px!important}.sgpb-padding-right-30{padding-right:30px!important}.sgpb-padding-right-40{padding-right:40px!important}.sgpb-padding-right-50{padding-right:50px!important}.sgpb-padding-x-0{padding-left:0!important;padding-right:0!important}.sgpb-padding-x-5{padding-left:5px!important;padding-right:5px!important}.sgpb-padding-x-10{padding-left:10px!important;padding-right:10px!important}.sgpb-padding-x-20{padding-left:20px!important;padding-right:20px!important}.sgpb-padding-x-30{padding-left:30px!important;padding-right:30px!important}.sgpb-padding-x-40{padding-left:40px!important;padding-right:40px!important}.sgpb-padding-x-50{padding-left:50px!important;padding-right:50px!important}.sgpb-padding-y-0{padding-top:0!important;padding-bottom:0!important}.sgpb-padding-y-5{padding-top:5px!important;padding-bottom:5px!important}.sgpb-padding-y-10{padding-top:10px!important;padding-bottom:10px!important}.sgpb-padding-y-20{padding-top:20px!important;padding-bottom:20px!important}.sgpb-padding-y-30{padding-top:30px!important;padding-bottom:30px!important}.sgpb-padding-y-40{padding-top:40px!important;padding-bottom:40px!important}.sgpb-padding-y-50{padding-top:50px!important;padding-bottom:50px!important}.sgpb-text-center{text-align:center}.sgpb-text-nowrap{white-space:nowrap}.sgpb-text-capitalize{text-transform:capitalize}.sgpb-input[type=text],.sgpb-input[type=url]{padding:10px 15px!important;border-radius:5px!important;background:#f1f1f1!important;border:2px solid transparent!important;line-height:1.2!important}.sgpb-input[type=text]:active,.sgpb-input[type=text]:focus,.sgpb-input[type=url]:active,.sgpb-input[type=url]:focus{border-color:transparent!important}.sgpb input[type=radio],.sgpb-radio-input{width:20px;height:20px;display:inline-flex;justify-content:center;align-items:center;border-color:transparent;background:#e6e6e6}.sgpb input[type=radio]:checked:before,.sgpb-radio-input:checked:before{content:"";border-radius:50%;width:.5rem;height:.5rem;margin:0!important;background-color:#2873eb}.sgpb input[type=radio]:active,.sgpb input[type=radio]:focus,.sgpb-radio-input:active,.sgpb-radio-input:focus{outline:0!important}.sgpb textarea:not(.js-contact-field-textarea){background:#ececec;border-radius:5px;width:100%;min-height:200px;border-color:transparent;padding:5px}.sgpb textarea:not(.js-contact-field-textarea):active,.sgpb textarea:not(.js-contact-field-textarea):focus{border-color:transparent;box-shadow:none;outline:0}.sgpb-icons{font-family:Glyphter,Arial,Helvetica,sans-serif!important;font-size:22px;font-style:normal;border-radius:50%;display:flex;justify-content:center;align-items:center;width:40px;height:40px}.sgpb-icons:hover{cursor:pointer}.sgpb-width-100{width:100%}.sgpb-width-90{width:90%}.sgpb-width-80{width:80%}.sgpb-width-70{width:70%}.sgpb-width-60{width:60%}.sgpb-width-50{width:50%}.sgpb-width-40{width:40%}.sgpb-width-35{width:35%}.sgpb-width-30{width:30%}.sgpb-width-20{width:20%}.sgpb-width-10{width:10%}.sgpb .question-mark{font-family:Glyphter,Arial,Helvetica,sans-serif!important;font-size:10px;line-height:16px;letter-spacing:0;color:#000;text-shadow:0 0 6px #000;background:#c6c6c6 0 0 no-repeat padding-box;width:18px;height:18px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-left:9px;margin-right:9px;font-weight:bolder;cursor:pointer}.sgpb-info-text{color:#000;font:13px/14px Segoe UI Bold;width:215px;position:absolute;min-width:20px;min-height:13px;display:none;margin-top:-18px;margin-left:0;box-shadow:4px 0 6px rgba(0,0,0,.2);padding:5px;z-index:9999;background:#bcbcbc 0 0 no-repeat padding-box;border-radius:5px}.sgpb-bg-black{background:#000}.sgpb-bg-black__opacity-02{background:rgba(0,0,0,.02)}.sgpb-bg-white{background-color:#fff}.sgpb-border{border:1px solid}.sgpb-border-top{border-top:1px solid}.sgpb-border-bottom{border-bottom:1px solid}.sgpb-border-left{border-left:1px solid}.sgpb-border-right{border-right:1px solid}.sgpb-border-color-black{border-color:#000}.sgpb-border-radius-5px{border-radius:5px}.sgpb-border-radius-50{border-radius:50%}.sgpb-border-radius-50:active,.sgpb-border-radius-50:focus{border-radius:50%}.sgpb-unlock-options{display:flex;align-items:center;justify-content:space-between;background:#2873eb;border-radius:20px;opacity:1!important;cursor:pointer}.sgpb-unlock-options *{opacity:1!important}.sgpb-unlock-options__icon{box-shadow:0 0 6px rgba(40,115,235,.8);background:#fff;border-radius:20px;display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px}.sgpb-unlock-options__icon img{width:55px;height:55px}.sgpb-unlock-options__title{margin-left:10px!important;padding:0 10px 0 0!important;font-weight:700!important;color:#fff!important}.sgpb-tabs{display:flex;align-items:center;justify-content:start;border-bottom:2px solid rgba(0,0,0,.2)}.sgpb-tabs .sgpb-tab-link{color:#000;font-size:20px;padding:15px 40px;font-weight:600;margin-bottom:-2px;cursor:pointer}.sgpb-tabs .sgpb-tab-active{color:#2873eb;border-bottom:2px solid #2873eb}.sgpb-onOffSwitch{position:relative;width:60px}.sgpb-onOffSwitch__label{display:block;background:#e6e6e6;overflow:hidden;cursor:pointer;border-radius:21px}.sgpb-onOffSwitch-inner{display:block;width:200%;margin-left:-100%;transition:margin .3s ease-in 0s}.sgpb-onOffSwitch-inner:after,.sgpb-onOffSwitch-inner:before{display:block;float:left;width:50%;height:30px;padding:0;line-height:42px;font-size:16px;color:#000;font:bold 16px/27px Segoe UI Regular;box-sizing:border-box}.sgpb-onOffSwitch-inner:before{content:"on";padding-top:0;padding-left:9px;background-color:#e6e6e6}.sgpb-onOffSwitch-inner:after{content:"off";padding-right:10px;padding-top:0;background-color:#e6e6e6;text-align:right}.sgpb-onOffSwitch-switch{display:block;width:26px;height:26px;background:#757575;position:absolute;top:2px;right:32px;border-radius:50%;transition:all .3s ease-in 0s}.sgpb-onOffSwitch input[type=checkbox]{visibility:hidden;position:absolute;width:100%!important;height:100%!important;margin:0!important}.sgpb-onOffSwitch input[type=checkbox]:checked+.sgpb-onOffSwitch__label .sgpb-onOffSwitch-inner{margin-left:0}.sgpb-onOffSwitch input[type=checkbox]:checked+.sgpb-onOffSwitch__label .sgpb-onOffSwitch-switch{right:2px;background-color:#2873eb}.sgpb .formItem{display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;margin-top:20px;margin-bottom:20px}.sgpb .formItem *{color:#000}.sgpb .formItem-label{font-size:17px;font-weight:700;margin-right:20px}.sgpb .formItem .sgpb-option-disable,.sgpb .formItem.sgpb-option-disable{background:#b2c8ec2b}.sgpb .formItem .sgpb-option-disable *,.sgpb .formItem.sgpb-option-disable *{opacity:.7}.sgpb .formItem .sgpb-option-disable label,.sgpb .formItem.sgpb-option-disable label{cursor:no-drop}.sgpb .formItem .sgpb-option-disable .sgpb-info-text,.sgpb .formItem .sgpb-option-disable .sgpb-info-wrapper,.sgpb .formItem.sgpb-option-disable .sgpb-info-text,.sgpb .formItem.sgpb-option-disable .sgpb-info-wrapper{opacity:1}.sgpb .formItem__title{font-size:17px;font-weight:700;margin-right:20px;color:#000}.sgpb .formItem .subFormItem .wp-picker-container button{margin:0 6px}.sgpb .formItem .subFormItem .wp-picker-container .wp-picker-holder{position:absolute}.sgpb .formItem .subFormItem .wp-picker-container .wp-picker-input-wrap .sgpb-color-picker{padding:0 5px!important;line-height:2.1!important}.sgpb .formItem .subFormItem__title{font-size:15px;color:#000}.sgpb .formItem .inputBlock{margin-right:30px}.sgpb .formItem .inputBlock input:not(input[type=search]){padding:5px 15px!important;border-radius:5px!important;background:#f1f1f1!important;border:2px solid transparent!important;line-height:2.7!important;height:auto!important}.sgpb .formItem .inputBlock input:not(input[type=search]):active,.sgpb .formItem .inputBlock input:not(input[type=search]):focus{border-color:transparent!important}.sgpb .formItem input[type=email]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker),.sgpb .formItem input[type=number]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker),.sgpb .formItem input[type=text]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker),.sgpb .formItem input[type=url]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker){padding:5px 15px!important;border-radius:5px!important;background-color:#f1f1f1!important;border:2px solid transparent!important;line-height:2.7!important}.sgpb .formItem input[type=email]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker):active,.sgpb .formItem input[type=email]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker):focus,.sgpb .formItem input[type=number]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker):active,.sgpb .formItem input[type=number]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker):focus,.sgpb .formItem input[type=text]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker):active,.sgpb .formItem input[type=text]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker):focus,.sgpb .formItem input[type=url]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker):active,.sgpb .formItem input[type=url]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker):focus{border-color:transparent!important}.sgpb .formItem input[type=checkbox]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.js-login-remember-me-inputs){width:20px;height:20px;display:inline-flex;justify-content:center;align-items:center;border-color:transparent;background:#e6e6e6}.sgpb .formItem input[type=checkbox]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.js-login-remember-me-inputs):checked:before{content:"E";font-family:Glyphter,Arial,Helvetica,sans-serif;font-size:15px;color:#2873eb;position:relative;top:4px;font-weight:600;left:2px}.sgpb .formItem input[type=checkbox]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.js-login-remember-me-inputs):active,.sgpb .formItem input[type=checkbox]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.js-login-remember-me-inputs):focus{outline:0!important}.sgpb-shadow-black{box-shadow:0 0 30px rgba(0,0,0,.5)}.sgpb-shadow-black-10{box-shadow:0 0 10px rgba(0,0,0,.5)}.sgpb-overflow-auto{overflow:auto}.sgpb-overflow-hidden{overflow:hidden}.sgpb-nowrap{white-space:nowrap}.sgpb-list-group{display:flex;flex-direction:column}.sgpb-list-group-item{position:relative;display:block;padding:.5rem 1rem;color:#000;text-decoration:none;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.sgpb-list-group-item.active,.sgpb-list-group-item:hover{background-color:rgba(0,127,225,.36)}.sgpb-list-group-flush>.sgpb-list-group-item{border-width:0 0 1px}.sgpb-list-group-flush>.sgpb-list-group-item:last-child{border-bottom-width:0}.post-type-popupbuilder .subtitle,.post-type-sgpbautoresponder .subtitle,.post-type-sgpbtemplate .subtitle{display:none}.post-type-popupbuilder form *,.post-type-sgpbautoresponder form *,.post-type-sgpbtemplate form *{font-family:Segoe UI Regular,Arial,Helvetica,sans-serif,FontAwesome}.post-type-popupbuilder form .tablenav.top,.post-type-sgpbautoresponder form .tablenav.top,.post-type-sgpbtemplate form .tablenav.top{height:40px}.post-type-popupbuilder form .tablenav.top .pagination-links,.post-type-sgpbautoresponder form .tablenav.top .pagination-links,.post-type-sgpbtemplate form .tablenav.top .pagination-links{display:none}.post-type-popupbuilder form .tablenav.top .actions,.post-type-sgpbautoresponder form .tablenav.top .actions,.post-type-sgpbtemplate form .tablenav.top .actions{display:flex}.post-type-popupbuilder form .tablenav.top .actions.bulkactions,.post-type-sgpbautoresponder form .tablenav.top .actions.bulkactions,.post-type-sgpbtemplate form .tablenav.top .actions.bulkactions{margin-right:8px}.post-type-popupbuilder form .tablenav.top .actions input,.post-type-popupbuilder form .tablenav.top .actions select,.post-type-sgpbautoresponder form .tablenav.top .actions input,.post-type-sgpbautoresponder form .tablenav.top .actions select,.post-type-sgpbtemplate form .tablenav.top .actions input,.post-type-sgpbtemplate form .tablenav.top .actions select{padding:10px 20px;border-radius:5px;background-color:#f1f1f1;border:2px solid transparent;line-height:1.2;margin:0}.post-type-popupbuilder form .tablenav.top .actions input:active,.post-type-popupbuilder form .tablenav.top .actions input:focus,.post-type-popupbuilder form .tablenav.top .actions select:active,.post-type-popupbuilder form .tablenav.top .actions select:focus,.post-type-sgpbautoresponder form .tablenav.top .actions input:active,.post-type-sgpbautoresponder form .tablenav.top .actions input:focus,.post-type-sgpbautoresponder form .tablenav.top .actions select:active,.post-type-sgpbautoresponder form .tablenav.top .actions select:focus,.post-type-sgpbtemplate form .tablenav.top .actions input:active,.post-type-sgpbtemplate form .tablenav.top .actions input:focus,.post-type-sgpbtemplate form .tablenav.top .actions select:active,.post-type-sgpbtemplate form .tablenav.top .actions select:focus{border-color:transparent;box-shadow:none}.post-type-popupbuilder form .tablenav.top .actions select,.post-type-sgpbautoresponder form .tablenav.top .actions select,.post-type-sgpbtemplate form .tablenav.top .actions select{padding-left:5px;min-width:120px}.post-type-popupbuilder form .tablenav.top .actions input,.post-type-sgpbautoresponder form .tablenav.top .actions input,.post-type-sgpbtemplate form .tablenav.top .actions input{font-family:"Segoe UI Regular";font-weight:500;margin-left:-2px;color:#fff;background:#2873eb;border-color:#2873eb;font-size:14px}.post-type-popupbuilder form .tablenav.top .actions input:hover,.post-type-sgpbautoresponder form .tablenav.top .actions input:hover,.post-type-sgpbtemplate form .tablenav.top .actions input:hover{box-shadow:0 0 10px rgba(40,115,235,.4);background:#fff;color:#2873eb;border-color:#2873eb}.post-type-popupbuilder form .tablenav.top .tablenav-pages .subsubsub li,.post-type-sgpbautoresponder form .tablenav.top .tablenav-pages .subsubsub li,.post-type-sgpbtemplate form .tablenav.top .tablenav-pages .subsubsub li{color:#fff}.post-type-popupbuilder form .tablenav.top .tablenav-pages .subsubsub li a,.post-type-sgpbautoresponder form .tablenav.top .tablenav-pages .subsubsub li a,.post-type-sgpbtemplate form .tablenav.top .tablenav-pages .subsubsub li a{font-family:"Segoe UI Regular";color:#2873eb;font-weight:600;background:0 0;-webkit-border-radius:29px;-moz-border-radius:29px;border-radius:29px;padding:10px 30px;border:2px solid rgba(0,0,0,.14);line-height:1.2}.post-type-popupbuilder form .tablenav.top .tablenav-pages .subsubsub li a:focus,.post-type-sgpbautoresponder form .tablenav.top .tablenav-pages .subsubsub li a:focus,.post-type-sgpbtemplate form .tablenav.top .tablenav-pages .subsubsub li a:focus{box-shadow:none;outline:0}.post-type-popupbuilder form .tablenav.top .tablenav-pages .subsubsub li a.current,.post-type-sgpbautoresponder form .tablenav.top .tablenav-pages .subsubsub li a.current,.post-type-sgpbtemplate form .tablenav.top .tablenav-pages .subsubsub li a.current{color:#000}.post-type-popupbuilder form table,.post-type-sgpbautoresponder form table,.post-type-sgpbtemplate form table{border:none;box-shadow:0 0 15px #0000001A;padding:10px;margin-top:50px;border-collapse:separate}.post-type-popupbuilder form table input[type=checkbox],.post-type-sgpbautoresponder form table input[type=checkbox],.post-type-sgpbtemplate form table input[type=checkbox]{width:20px;height:20px;position:relative;border:1px solid #707070;box-shadow:none;transition:.05s border-color ease-in-out;line-height:0}.post-type-popupbuilder form table input[type=checkbox]:before,.post-type-sgpbautoresponder form table input[type=checkbox]:before,.post-type-sgpbtemplate form table input[type=checkbox]:before{content:'-';position:absolute;top:36%;left:17%;color:#fff;font-size:31px}.post-type-popupbuilder form table input[type=checkbox]:checked,.post-type-sgpbautoresponder form table input[type=checkbox]:checked,.post-type-sgpbtemplate form table input[type=checkbox]:checked{background:#2873eb;border-color:transparent}.post-type-popupbuilder form table input[type=checkbox]:checked::before,.post-type-sgpbautoresponder form table input[type=checkbox]:checked::before,.post-type-sgpbtemplate form table input[type=checkbox]:checked::before{content:"E";font-family:Glyphter,Arial,Helvetica,sans-serif;font-size:13px;line-height:1.1;color:#fff}.post-type-popupbuilder form table .sgpb-switch .sg-switch-checkbox:checked+.sgpb-slider,.post-type-sgpbautoresponder form table .sgpb-switch .sg-switch-checkbox:checked+.sgpb-slider,.post-type-sgpbtemplate form table .sgpb-switch .sg-switch-checkbox:checked+.sgpb-slider{background-color:#2873eb}.post-type-popupbuilder form table thead input[type=checkbox],.post-type-sgpbautoresponder form table thead input[type=checkbox],.post-type-sgpbtemplate form table thead input[type=checkbox]{background:#2873eb}.post-type-popupbuilder form table thead tr *,.post-type-sgpbautoresponder form table thead tr *,.post-type-sgpbtemplate form table thead tr *{color:#000;font-family:"Segoe UI Regular";font-weight:600}.post-type-popupbuilder form table thead td,.post-type-popupbuilder form table thead th,.post-type-sgpbautoresponder form table thead td,.post-type-sgpbautoresponder form table thead th,.post-type-sgpbtemplate form table thead td,.post-type-sgpbtemplate form table thead th{border:none}.post-type-popupbuilder form table .check-column,.post-type-popupbuilder form table td,.post-type-sgpbautoresponder form table .check-column,.post-type-sgpbautoresponder form table td,.post-type-sgpbtemplate form table .check-column,.post-type-sgpbtemplate form table td{vertical-align:middle!important}.post-type-popupbuilder form table tbody tr,.post-type-sgpbautoresponder form table tbody tr,.post-type-sgpbtemplate form table tbody tr{background-color:#fff;position:relative}.post-type-popupbuilder form table tbody tr td,.post-type-popupbuilder form table tbody tr th,.post-type-sgpbautoresponder form table tbody tr td,.post-type-sgpbautoresponder form table tbody tr th,.post-type-sgpbtemplate form table tbody tr td,.post-type-sgpbtemplate form table tbody tr th{border-top:1px solid rgba(194,194,194,.31);color:#000}.post-type-popupbuilder form table tbody tr.bulk-edit-popupbuilder select,.post-type-popupbuilder form table tbody tr.bulk-edit-sgpbautoresponder select,.post-type-popupbuilder form table tbody tr.bulk-edit-sgpbtemplate select,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-popupbuilder select,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-sgpbautoresponder select,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-sgpbtemplate select,.post-type-sgpbtemplate form table tbody tr.bulk-edit-popupbuilder select,.post-type-sgpbtemplate form table tbody tr.bulk-edit-sgpbautoresponder select,.post-type-sgpbtemplate form table tbody tr.bulk-edit-sgpbtemplate select{padding:10px 20px;border-radius:5px;background-color:#f1f1f1;border:2px solid transparent;line-height:1.2;margin:0}.post-type-popupbuilder form table tbody tr.bulk-edit-popupbuilder select:active,.post-type-popupbuilder form table tbody tr.bulk-edit-popupbuilder select:focus,.post-type-popupbuilder form table tbody tr.bulk-edit-sgpbautoresponder select:active,.post-type-popupbuilder form table tbody tr.bulk-edit-sgpbautoresponder select:focus,.post-type-popupbuilder form table tbody tr.bulk-edit-sgpbtemplate select:active,.post-type-popupbuilder form table tbody tr.bulk-edit-sgpbtemplate select:focus,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-popupbuilder select:active,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-popupbuilder select:focus,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-sgpbautoresponder select:active,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-sgpbautoresponder select:focus,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-sgpbtemplate select:active,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-sgpbtemplate select:focus,.post-type-sgpbtemplate form table tbody tr.bulk-edit-popupbuilder select:active,.post-type-sgpbtemplate form table tbody tr.bulk-edit-popupbuilder select:focus,.post-type-sgpbtemplate form table tbody tr.bulk-edit-sgpbautoresponder select:active,.post-type-sgpbtemplate form table tbody tr.bulk-edit-sgpbautoresponder select:focus,.post-type-sgpbtemplate form table tbody tr.bulk-edit-sgpbtemplate select:active,.post-type-sgpbtemplate form table tbody tr.bulk-edit-sgpbtemplate select:focus{border-color:transparent;box-shadow:none}.post-type-popupbuilder form table tbody tr.bulk-edit-popupbuilder select,.post-type-popupbuilder form table tbody tr.bulk-edit-sgpbautoresponder select,.post-type-popupbuilder form table tbody tr.bulk-edit-sgpbtemplate select,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-popupbuilder select,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-sgpbautoresponder select,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-sgpbtemplate select,.post-type-sgpbtemplate form table tbody tr.bulk-edit-popupbuilder select,.post-type-sgpbtemplate form table tbody tr.bulk-edit-sgpbautoresponder select,.post-type-sgpbtemplate form table tbody tr.bulk-edit-sgpbtemplate select{padding-left:5px;min-width:120px}.post-type-popupbuilder form table tbody tr.bulk-edit-popupbuilder button.cancel,.post-type-popupbuilder form table tbody tr.bulk-edit-popupbuilder input,.post-type-popupbuilder form table tbody tr.bulk-edit-sgpbautoresponder button.cancel,.post-type-popupbuilder form table tbody tr.bulk-edit-sgpbautoresponder input,.post-type-popupbuilder form table tbody tr.bulk-edit-sgpbtemplate button.cancel,.post-type-popupbuilder form table tbody tr.bulk-edit-sgpbtemplate input,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-popupbuilder button.cancel,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-popupbuilder input,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-sgpbautoresponder button.cancel,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-sgpbautoresponder input,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-sgpbtemplate button.cancel,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-sgpbtemplate input,.post-type-sgpbtemplate form table tbody tr.bulk-edit-popupbuilder button.cancel,.post-type-sgpbtemplate form table tbody tr.bulk-edit-popupbuilder input,.post-type-sgpbtemplate form table tbody tr.bulk-edit-sgpbautoresponder button.cancel,.post-type-sgpbtemplate form table tbody tr.bulk-edit-sgpbautoresponder input,.post-type-sgpbtemplate form table tbody tr.bulk-edit-sgpbtemplate button.cancel,.post-type-sgpbtemplate form table tbody tr.bulk-edit-sgpbtemplate input{background:0 0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:10px 15px;border:2px solid transparent;line-height:1.2;font-weight:600;cursor:pointer}.post-type-popupbuilder form table tbody tr.bulk-edit-popupbuilder button.cancel:active,.post-type-popupbuilder form table tbody tr.bulk-edit-popupbuilder button.cancel:focus,.post-type-popupbuilder form table tbody tr.bulk-edit-popupbuilder input:active,.post-type-popupbuilder form table tbody tr.bulk-edit-popupbuilder input:focus,.post-type-popupbuilder form table tbody tr.bulk-edit-sgpbautoresponder button.cancel:active,.post-type-popupbuilder form table tbody tr.bulk-edit-sgpbautoresponder button.cancel:focus,.post-type-popupbuilder form table tbody tr.bulk-edit-sgpbautoresponder input:active,.post-type-popupbuilder form table tbody tr.bulk-edit-sgpbautoresponder input:focus,.post-type-popupbuilder form table tbody tr.bulk-edit-sgpbtemplate button.cancel:active,.post-type-popupbuilder form table tbody tr.bulk-edit-sgpbtemplate button.cancel:focus,.post-type-popupbuilder form table tbody tr.bulk-edit-sgpbtemplate input:active,.post-type-popupbuilder form table tbody tr.bulk-edit-sgpbtemplate input:focus,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-popupbuilder button.cancel:active,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-popupbuilder button.cancel:focus,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-popupbuilder input:active,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-popupbuilder input:focus,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-sgpbautoresponder button.cancel:active,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-sgpbautoresponder button.cancel:focus,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-sgpbautoresponder input:active,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-sgpbautoresponder input:focus,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-sgpbtemplate button.cancel:active,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-sgpbtemplate button.cancel:focus,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-sgpbtemplate input:active,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-sgpbtemplate input:focus,.post-type-sgpbtemplate form table tbody tr.bulk-edit-popupbuilder button.cancel:active,.post-type-sgpbtemplate form table tbody tr.bulk-edit-popupbuilder button.cancel:focus,.post-type-sgpbtemplate form table tbody tr.bulk-edit-popupbuilder input:active,.post-type-sgpbtemplate form table tbody tr.bulk-edit-popupbuilder input:focus,.post-type-sgpbtemplate form table tbody tr.bulk-edit-sgpbautoresponder button.cancel:active,.post-type-sgpbtemplate form table tbody tr.bulk-edit-sgpbautoresponder button.cancel:focus,.post-type-sgpbtemplate form table tbody tr.bulk-edit-sgpbautoresponder input:active,.post-type-sgpbtemplate form table tbody tr.bulk-edit-sgpbautoresponder input:focus,.post-type-sgpbtemplate form table tbody tr.bulk-edit-sgpbtemplate button.cancel:active,.post-type-sgpbtemplate form table tbody tr.bulk-edit-sgpbtemplate button.cancel:focus,.post-type-sgpbtemplate form table tbody tr.bulk-edit-sgpbtemplate input:active,.post-type-sgpbtemplate form table tbody tr.bulk-edit-sgpbtemplate input:focus{background:0 0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:10px 15px;border:2px solid transparent;line-height:1.2;font-weight:600;cursor:pointer}.post-type-popupbuilder form table tbody tr.bulk-edit-popupbuilder input,.post-type-popupbuilder form table tbody tr.bulk-edit-sgpbautoresponder input,.post-type-popupbuilder form table tbody tr.bulk-edit-sgpbtemplate input,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-popupbuilder input,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-sgpbautoresponder input,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-sgpbtemplate input,.post-type-sgpbtemplate form table tbody tr.bulk-edit-popupbuilder input,.post-type-sgpbtemplate form table tbody tr.bulk-edit-sgpbautoresponder input,.post-type-sgpbtemplate form table tbody tr.bulk-edit-sgpbtemplate input{color:#fff!important;background:#2873eb;border-color:#2873eb}.post-type-popupbuilder form table tbody tr.bulk-edit-popupbuilder input:active,.post-type-popupbuilder form table tbody tr.bulk-edit-popupbuilder input:focus,.post-type-popupbuilder form table tbody tr.bulk-edit-popupbuilder input:hover,.post-type-popupbuilder form table tbody tr.bulk-edit-sgpbautoresponder input:active,.post-type-popupbuilder form table tbody tr.bulk-edit-sgpbautoresponder input:focus,.post-type-popupbuilder form table tbody tr.bulk-edit-sgpbautoresponder input:hover,.post-type-popupbuilder form table tbody tr.bulk-edit-sgpbtemplate input:active,.post-type-popupbuilder form table tbody tr.bulk-edit-sgpbtemplate input:focus,.post-type-popupbuilder form table tbody tr.bulk-edit-sgpbtemplate input:hover,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-popupbuilder input:active,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-popupbuilder input:focus,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-popupbuilder input:hover,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-sgpbautoresponder input:active,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-sgpbautoresponder input:focus,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-sgpbautoresponder input:hover,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-sgpbtemplate input:active,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-sgpbtemplate input:focus,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-sgpbtemplate input:hover,.post-type-sgpbtemplate form table tbody tr.bulk-edit-popupbuilder input:active,.post-type-sgpbtemplate form table tbody tr.bulk-edit-popupbuilder input:focus,.post-type-sgpbtemplate form table tbody tr.bulk-edit-popupbuilder input:hover,.post-type-sgpbtemplate form table tbody tr.bulk-edit-sgpbautoresponder input:active,.post-type-sgpbtemplate form table tbody tr.bulk-edit-sgpbautoresponder input:focus,.post-type-sgpbtemplate form table tbody tr.bulk-edit-sgpbautoresponder input:hover,.post-type-sgpbtemplate form table tbody tr.bulk-edit-sgpbtemplate input:active,.post-type-sgpbtemplate form table tbody tr.bulk-edit-sgpbtemplate input:focus,.post-type-sgpbtemplate form table tbody tr.bulk-edit-sgpbtemplate input:hover{box-shadow:0 0 10px rgba(40,115,235,.4);background:#fff;color:#2873eb!important;border-color:#2873eb}.post-type-popupbuilder form table tbody tr.bulk-edit-popupbuilder button.cancel,.post-type-popupbuilder form table tbody tr.bulk-edit-sgpbautoresponder button.cancel,.post-type-popupbuilder form table tbody tr.bulk-edit-sgpbtemplate button.cancel,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-popupbuilder button.cancel,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-sgpbautoresponder button.cancel,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-sgpbtemplate button.cancel,.post-type-sgpbtemplate form table tbody tr.bulk-edit-popupbuilder button.cancel,.post-type-sgpbtemplate form table tbody tr.bulk-edit-sgpbautoresponder button.cancel,.post-type-sgpbtemplate form table tbody tr.bulk-edit-sgpbtemplate button.cancel{background:#fff;color:#000;border-color:#000}.post-type-popupbuilder form table tbody tr.bulk-edit-popupbuilder button.cancel:active,.post-type-popupbuilder form table tbody tr.bulk-edit-popupbuilder button.cancel:focus,.post-type-popupbuilder form table tbody tr.bulk-edit-sgpbautoresponder button.cancel:active,.post-type-popupbuilder form table tbody tr.bulk-edit-sgpbautoresponder button.cancel:focus,.post-type-popupbuilder form table tbody tr.bulk-edit-sgpbtemplate button.cancel:active,.post-type-popupbuilder form table tbody tr.bulk-edit-sgpbtemplate button.cancel:focus,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-popupbuilder button.cancel:active,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-popupbuilder button.cancel:focus,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-sgpbautoresponder button.cancel:active,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-sgpbautoresponder button.cancel:focus,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-sgpbtemplate button.cancel:active,.post-type-sgpbautoresponder form table tbody tr.bulk-edit-sgpbtemplate button.cancel:focus,.post-type-sgpbtemplate form table tbody tr.bulk-edit-popupbuilder button.cancel:active,.post-type-sgpbtemplate form table tbody tr.bulk-edit-popupbuilder button.cancel:focus,.post-type-sgpbtemplate form table tbody tr.bulk-edit-sgpbautoresponder button.cancel:active,.post-type-sgpbtemplate form table tbody tr.bulk-edit-sgpbautoresponder button.cancel:focus,.post-type-sgpbtemplate form table tbody tr.bulk-edit-sgpbtemplate button.cancel:active,.post-type-sgpbtemplate form table tbody tr.bulk-edit-sgpbtemplate button.cancel:focus{background:#fff;color:#000;border-color:#000}.post-type-popupbuilder form table tr.sgpb-popups-table-selected-row,.post-type-sgpbautoresponder form table tr.sgpb-popups-table-selected-row,.post-type-sgpbtemplate form table tr.sgpb-popups-table-selected-row{background-color:rgba(40,115,235,.1)}.post-type-popupbuilder form table .row-actions,.post-type-sgpbautoresponder form table .row-actions,.post-type-sgpbtemplate form table .row-actions{display:none}.post-type-popupbuilder form table .column-options,.post-type-sgpbautoresponder form table .column-options,.post-type-sgpbtemplate form table .column-options{display:flex;justify-content:space-around}.post-type-popupbuilder form table .column-options .icon,.post-type-sgpbautoresponder form table .column-options .icon,.post-type-sgpbtemplate form table .column-options .icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%}.post-type-popupbuilder form table .column-options .icon_edit,.post-type-popupbuilder form table .column-options .icon_remove,.post-type-sgpbautoresponder form table .column-options .icon_edit,.post-type-sgpbautoresponder form table .column-options .icon_remove,.post-type-sgpbtemplate form table .column-options .icon_edit,.post-type-sgpbtemplate form table .column-options .icon_remove{width:40px;height:40px}.post-type-popupbuilder form table .column-options .icon_clone,.post-type-sgpbautoresponder form table .column-options .icon_clone,.post-type-sgpbtemplate form table .column-options .icon_clone{width:35px;height:35px}.post-type-popupbuilder form table .column-options .icon_blue,.post-type-sgpbautoresponder form table .column-options .icon_blue,.post-type-sgpbtemplate form table .column-options .icon_blue{background:#b5caec}.post-type-popupbuilder form table .column-options .icon_pink,.post-type-sgpbautoresponder form table .column-options .icon_pink,.post-type-sgpbtemplate form table .column-options .icon_pink{background:#ffcece}.post-type-popupbuilder form table .column-options .icon img,.post-type-sgpbautoresponder form table .column-options .icon img,.post-type-sgpbtemplate form table .column-options .icon img{cursor:pointer}.post-type-popupbuilder form table .column-counter div,.post-type-sgpbautoresponder form table .column-counter div,.post-type-sgpbtemplate form table .column-counter div{max-width:80px;display:flex;justify-content:space-around}.post-type-popupbuilder form table .column-counter div input,.post-type-sgpbautoresponder form table .column-counter div input,.post-type-sgpbtemplate form table .column-counter div input{background:#fff;color:#000;border-color:#000;border-radius:5px;line-height:1.2;padding:5px 10px;cursor:pointer}.post-type-popupbuilder form table .column-className input,.post-type-popupbuilder form table .column-shortcode input,.post-type-sgpbautoresponder form table .column-className input,.post-type-sgpbautoresponder form table .column-shortcode input,.post-type-sgpbtemplate form table .column-className input,.post-type-sgpbtemplate form table .column-shortcode input{background:0 0;border-width:1px;border-color:#c2c2c2}.post-type-popupbuilder form table .check-column,.post-type-sgpbautoresponder form table .check-column,.post-type-sgpbtemplate form table .check-column{padding:0 0 0 5px!important}.post-type-popupbuilder form table .column-title a,.post-type-sgpbautoresponder form table .column-title a,.post-type-sgpbtemplate form table .column-title a{color:#2873eb}.post-type-popupbuilder form table tfoot,.post-type-sgpbautoresponder form table tfoot,.post-type-sgpbtemplate form table tfoot{display:none}.post-type-popupbuilder form .tablenav.bottom,.post-type-sgpbautoresponder form .tablenav.bottom,.post-type-sgpbtemplate form .tablenav.bottom{display:none}.post-type-popupbuilder form .pagination-links,.post-type-sgpbautoresponder form .pagination-links,.post-type-sgpbtemplate form .pagination-links{display:flex;justify-content:flex-end;align-items:center;margin-top:30px;margin-bottom:30px;font-size:16px;font-weight:700}.post-type-popupbuilder form .pagination-links .disabled,.post-type-sgpbautoresponder form .pagination-links .disabled,.post-type-sgpbtemplate form .pagination-links .disabled{display:none}.post-type-popupbuilder form .pagination-links .paging-input,.post-type-sgpbautoresponder form .pagination-links .paging-input,.post-type-sgpbtemplate form .pagination-links .paging-input{order:-1}.post-type-popupbuilder form .pagination-links a.button,.post-type-sgpbautoresponder form .pagination-links a.button,.post-type-sgpbtemplate form .pagination-links a.button{background:0 0;border:none;font-size:22px;color:#000;font-weight:700;min-height:28px;line-height:1.2}.post-type-popupbuilder form .pagination-links a.button .screen-reader-text,.post-type-sgpbautoresponder form .pagination-links a.button .screen-reader-text,.post-type-sgpbtemplate form .pagination-links a.button .screen-reader-text{display:none}.post-type-popupbuilder form .pagination-links a.button:active,.post-type-popupbuilder form .pagination-links a.button:focus,.post-type-sgpbautoresponder form .pagination-links a.button:active,.post-type-sgpbautoresponder form .pagination-links a.button:focus,.post-type-sgpbtemplate form .pagination-links a.button:active,.post-type-sgpbtemplate form .pagination-links a.button:focus{background:0 0;border:none;font-size:22px;color:#000;font-weight:700;height:auto;min-height:auto;line-height:1.2;outline:0;box-shadow:none}.post-type-popupbuilder #wpwrap,.post-type-sgpbautoresponder #wpwrap,.post-type-sgpbtemplate #wpwrap{background:#fff}@media screen and (max-width:1250px) and (min-width:1100px){.sgpb .sgpb-options-menu{padding:12px}.sgpb .sgpb-options-menu h3{font-size:14px}.sgpb .sgpb-options-content{padding:0 0 0 20px}.sgpb .formItem input[type=email]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker),.sgpb .sgpb .formItem input[type=number]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker),.sgpb .sgpb .formItem input[type=text]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker),.sgpb .sgpb .formItem input[type=url]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker){padding:0 3px!important;line-height:1.7!important;margin:0 2px!important}.edit-post-meta-boxes-area .postbox>.inside{padding:0}}@media screen and (max-width:1350px) and (min-width:1250px){.sgpb .sgpb-options-menu{padding:15px}.sgpb .sgpb-options-menu h3{font-size:15px}.sgpb .sgpb-options-content{padding:0 0 0 20px}.sgpb .formItem input[type=email]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker),.sgpb .sgpb .formItem input[type=number]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker),.sgpb .sgpb .formItem input[type=text]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker),.sgpb .sgpb .formItem input[type=url]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker){padding:5px!important;line-height:2!important;margin:5px!important}.edit-post-meta-boxes-area .postbox>.inside{padding:0}}@media screen and (max-width:1500px) and (min-width:1310px){.sgpb .sgpb-options-menu{padding:15px}.sgpb .sgpb-options-menu h3{font-size:15px}.sgpb .sgpb-options-content{padding:0 0 0 20px}.sgpb .formItem input[type=email]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker),.sgpb .sgpb .formItem input[type=number]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker),.sgpb .sgpb .formItem input[type=text]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker),.sgpb .sgpb .formItem input[type=url]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker){padding:5px!important;line-height:2!important;margin:5px!important}.edit-post-meta-boxes-area .postbox>.inside{padding:0}}

public/css/popupAdminStyles.css CHANGED Viewed

	@@ -1,19 +1,16 @@
1	- .sgpb-~~dashboard~~-popup-count-~~wrapper~~{~~display~~:~~inline~~-~~block~~;margin:~~5px~~
2	- 5px 0 0;float:left}.sgpb-counter-wrapper{max-width:90px}.sgpb-counter-wrapper .sgpb-reset-count-btn{float:right}.sgpb-popup-opening-analytics-option-value-span.badge{margin-top:5px}.sgpb-clear{clear:both}.sgpb-popup-content-direction-right .sgpb-contact-admin-wrapper,
3	.sgpb-popup-content-direction-right .sgpb-subscription-admin-wrapper,
4	.sgpb-forms-preview-direction,
5	.sgpb-forms-preview-direction input[type="url"],
6	.sgpb-forms-preview-direction input[type="email"]{direction:rtl !important;text-align:right !important}.sg-hide-condition-row{display:none !important}.sgpb-wrapper .wp-picker-clear{display:none}.xdsoft_datetimepicker{z-index:999999 !important}.sgpb-wrapper
7	.tab{border-radius:3px}.sgpb-static-padding-top{padding-top:4px}.sgpb-wrapper .sgpb-slider-wrapper{margin-top:4px !important}.sgpb-wrapper .sgpb-slider-wrapper .js-popup-overlay-opacity,
8	- .sgpb-wrapper .sgpb-slider-wrapper .js-popup-content-opacity{margin-top:3px !important}.sgpb-align-center{text-align:center}.sgpb-input-max-3{width:70px !important}.radio-btn-fix{margin-top:0 !important;margin-right:5px !important;margin-left:2px !important}.sgpb-align-center{text-align:center}.sg-hide,.sgpb-hide,.sg-hide-element{display:none}.sg-full-width{width:100%}.sgpb-hidden-auto-close-row{width:103% !important}.col-xs-6 .sgpb-pro-button{font-size:22px;padding:3px
9	10px;font-weight:normal;margin-top:16px;margin-right:0 !important;float:right}.themes-preview{border:0px
10	- solid red;width:240px;height:130px;margin-top:1px;margin-left:40%;display:block;position:absolute;z-index:9999999999999999}.theme-preview-1{background-image:url("../img/theme1.jpg");background-size:240px 130px}.theme-preview-2{background-image:url("../img/theme2.jpg");background-size:240px 130px}.theme-preview-3{background-image:url("../img/theme3.jpg");background-size:240px 130px}.theme-preview-4{background-image:url("../img/theme4.jpg");background-size:240px 130px}.theme-preview-5{background-image:url("../img/theme5.jpg");background-size:240px 130px}.theme-preview-6{background-image:url("../img/theme6.jpg");background-size:240px 130px}.fixed-wrapper{max-width:248px;width:100%;height:191px;display:inline-block;margin-top:4px;margin-left:15px}.js-popup-fixed{width:100%;display:none}.fix-wrapper-style{width:38.5%;display:inline-block}.js-~~fixed~~-~~position~~-~~style{width:31.85%;height:53px;float:left;cursor:pointer}#fixed-position2,#fixed-position4,#fixed-position8,#fixed-position6{float:left;width:31.85%;height:53px}#fixed-position1{border:1px~~
11	- solid #ccc}#fixed-position2{border-bottom:1px solid #ccc;border-top:1px solid #ccc}#fixed-position3{border:1px
12	- solid #ccc}#fixed-position6{border-left:1px solid #ccc;border-right:1px solid #ccc}#fixed-position9{border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc}#fixed-position8{border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #ccc}#fixed-position7{border-top:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #ccc}#fixed-position4{border-right:1px solid #ccc;border-left:1px solid #ccc}.sgpb-color-picker-wrapper
13	a{text-decoration:none !important}.sgpb-color-picker-wrapper .iris-picker{z-index:99999}.sgpb-color-picker-wrapper .wp-picker-container
14	a{height:24px}.popups-div{width:200px;height:200px;float:left;margin-right:10px;margin-bottom:10px;background-color:#DEDEDE;background-size:100%;transition:all .1s ease-in-out;position:relative}.popups-div:hover{background-color:#CDCDCD;transform:scale(1.02)}.sgpb-type-icon{height:115px;margin-top:20px;background-size:contain;background-repeat:no-repeat;background-position:42px}.sgpb-type-text-wrapper{text-align:center}.sgpb-type-text{font-size:23px;margin:14px
15	- 0 0 0 !important;color:#000 !important}.sgpb-more-ideas{background-image:url("../img/moreIdeas.png")}.~~image-popup{background-image:url("../img/imageTypeIcon.png")}.~~pdf-popup,.pdf-popup-pro{background-image:url("../img/pdfTypeIcon.png")}.sgpb-image-div{background-color:#87e37f !important}.sgpb-image-div:hover{background-color:#b1fdab !important}.create-popup-link{text-decoration:none !important}.create-popup-link:focus,.create-popup-link:hover,.create-popup-link:active{outline:0;border:none;-moz-outline-style:none;box-shadow:none}.~~html-popup{background-image:url("../img/htmlTypeIcon.png")}.~~sgpb-html-div{background-color:#f7941d !important}.sgpb-html-div:hover{background-color:#ffac49 !important}.sgpb-pdf-div{background-color:#dc1d00 !important}.sgpb-pdf-div:hover{background-color:#ea7766 !important}.~~fblike-popup{background-image:url("../img/facebookTypeIcon.png")}.~~sgpb-fblike-div{background-color:#4267b2 !important}.sgpb-fblike-div:hover{background-color:#648bdb !important}.~~iframe-popup{background-image:url("../img/iframeTypeIcon.png")}.~~sgpb-iframe-div{background-color:#b084bc !important}.sgpb-iframe-div:hover{background-color:#d4a6e0 !important}.gamification-popup,.gamification-popup-pro{background-image:url("../img/gamificationIcon.png")}.sgpb-gamification-div{background-color:#b084bc !important}.sgpb-gamification-div:hover{background-color:#d4a6e0 !important}.pushNotification-popup,.pushNotification-popup-pro{background-image:url("../img/pushNotificationTypeIcon.png")}.sgpb-extensions-wrapper .sgpb-pushNotification-div,
16	- .sgpb-extensions-wrapper .sgpb-pushNotification-div:hover{background-color:rgba(212, 166, 224, 0.4) !important}.sgpb-pushNotification-div{background-color:#b084bc !important}.sgpb-pushNotification-div:hover{background-color:#d4a6e0 !important}.sgpb-extensions-wrapper .sgpb-iframe-div{background-color:rgba(212, 166, 224, 0.4) !important}.sgpb-free-extensions-wrapper .sgpb-pdf-div{background-color:#ea7766 !important}.sgpb-extensions-wrapper .sgpb-gamification-div{background-color:rgba(212, 166, 224, 0.4) !important}.~~video-popup{background-image:url("../img/videoTypeIcon.png")}.~~sgpb-video-div{background-color:#d22215 !important}.sgpb-video-div:hover{background-color:#f34133 !important}.sgpb-extensions-wrapper .sgpb-video-div{background-color:rgba(243, 65, 51, 0.4) !important}.~~ageRestriction-popup{background-image:url("../img/restrictionTyoeIcon.png")}.~~sgpb-ageRestriction-div{background-color:#f7cc44 !important}.sgpb-ageRestriction-div:hover{background-color:#ffdd73 !important}.ageVerification-popup,.ageVerification-popup-pro{background-image:url('../img/ageVerificationTypeIcon.png')}.sgpb-ageVerification-div{background-color:#d22215 !important}.sgpb-ageVerification-div:hover{background-color:#f34133 !important}.sgpb-extensions-wrapper .sgpb-ageRestriction-div{background-color:#ffdd73 !important}.~~countdown-popup{background-image:url("../img/CountdownTypeIcon.png")}.~~sgpb-countdown-div{background-color:#acd373 !important}.sgpb-countdown-div:hover{background-color:#cef398 !important}.sgpb-extensions-wrapper .sgpb-countdown-div{background-color:#cef398 !important}.~~social-popup{background-image:url("../img/socialTypeIcon.png")}.~~sgpb-social-div{background-color:#1da0f1 !important}.sgpb-social-div:hover{background-color:#38b3ff !important}.sgpb-extensions-wrapper .sgpb-social-div{background-color:rgba(29, 160, 241, 0.4) !important}.sg-exit-intent{background-image:url("../img/ExitIntent.png")}.~~subscription-popup{background-image:url("../img/subscriptionTypeIcon.png")}.~~subscriptionPlus-popup-pro{background-image:url("../img/subscriptionPlusTypeIcon.png")}.sgpb-subscription-div{background-color:#7eb540 !important}.sgpb-subscription-div:hover{background-color:#a1dd5e !important}.~~contactForm-popup{background-image:url("../img/contactFormTypeIcon.png")}.~~sgpb-contactForm-div{background-color:#f94563 !important}.sgpb-contactForm-div:hover{background-color:#ff5974 !important}.sgpb-mailchimp-div{background-color:#ffe01b !important}.sgpb-mailchimp-div:hover{background-color:#ffe74e !important}.sgpb-aweber-div{background-color:#0079c1 !important}.sgpb-aweber-div:hover{background-color:#42b1f3 !important}.~~sgpbAWeber-popup-pro,.aweber-popup{background-image:url("../img/aweberTypeIcon.png") !important}.~~scheduling-popup-pro{background-image:url("../img/schedulingTypeIcon.png") !important}.edd-popup-pro{background-image:url("../img/eddTypeIcon.png") !important}.sgpb-edd-div{background-color:#7dbfe9 !important}.geo-targeting-popup-pro{background-image:url("../img/geoTypeIcon.png") !important}.sgpb-geo-targeting-div{background-color:rgba(73, 185, 173, 0.4) !important}.sgpb-subscriptionPlus-div{background-color:rgba(23, 165, 143, 0.4) !important}.sgpb-sgpbAWeber-div{background-color:rgba(0,121,193,0.4)}.sgpb-sgpbAWeber-div:hover{background-color:rgba(0,121,193,0.4)}.sgpb-login-div{background-color:#396af7 !important}.sgpb-login-div:hover{background-color:#4d7afc !important}.sgpb-extensions-wrapper .sgpb-login-div{background-color:rgba(77, 122, 252, 0.4) !important}.sgpb-registration-div{background-color:#fe415b !important}.sgpb-registration-div:hover{background-color:#fe5a70 !important}.sgpb-extensions-wrapper .sgpb-registration-div{background-color:rgba(254, 65, 91, 0.4) !important}.login-popup-pro,.login-popup{background-image:url("../img/loginTypeIcon.png") !important}.registration-popup-pro,.registration-popup{background-image:url("../img/registrationTypeIcon.png") !important}.sgpbMailchimp-popup-pro,.mailchimp-popup{background-image:url("../img/mailchimpTypeIcon.png") !important}.sgpb-scheduling-div{background-color:#1976d3}.sgpb-scheduling-div:hover{background-color:#308ee8}.sgpb-extensions-wrapper .sgpb-scheduling-div{background-color:rgba(48, 142, 232, 0.4) !important}.sgpb-sgpbMailchimp-div{background-color:rgba(255, 224, 27, 0.4) !important}.sgpbAdBlock-popup-pro{background-image:url("../img/adBlockTypeIcon.png") !important}.sgpb-sgpbAdBlock-div{background-color:rgba(249,61,62,0.4)}.sgpb-sgpbAdBlock-div{background-color:rgba(249,61,62,0.4)}.sgpb-sgpbAdBlock-div:hover{background-color:rgba(249,61,62,0.4)}.sgpbScroll-popup-pro{background-image:url("../img/scroll.png") !important}.sgpb-sgpbScroll-div{background-color:rgba(73,185,173,0.4)}.sgpb-sgpbScroll-div:hover{background-color:rgba(73,185,173,0.4)}.sgpbInactivity-popup-pro{background-image:url("../img/inactivity.png") !important}.sgpb-sgpbInactivity-div{background-color:rgba(197,212,61,0.4)}.sgpb-sgpbInactivity-div:hover{background-color:rgba(197,212,61,0.4)}.sgpbRandom-popup-pro{background-image:url("../img/random.png") !important}.sgpb-sgpbRandom-div{background-color:rgba(225,240,85,0.4)}.sgpb-sgpbRandom-div:hover{background-color:rgba(225,240,85,0.4)}.advancedClosing-popup-pro{background-image:url("../img/advancesClosing.png") !important}.sgpb-advancedClosing-div{background-color:rgba(241,139,64,0.4)}.sgpb-advancedClosing-div:hover{background-color:rgba(241,139,64,0.4)}.sgpbAdvancedTargeting-popup-pro{background-image:url("../img/advancedTargeting.png") !important}.sgpb-sgpbAdvancedTargeting-div{background-color:rgba(245,110,107,0.4)}.sgpb-sgpbAdvancedTargeting-div:hover{background-color:rgba(245,110,107,0.4)}.sgpbAnalitics-popup-pro{background-image:url("../img/analyticsTypeIcon.png") !important}.sgpbRecentSales-popup-pro{background-image:url("../img/recentSales.png") !important}.sgpb-sgpbAnalitics-div{background-color:rgba(250,166,40,0.4)}.sgpb-sgpbAnalitics-div:hover{background-color:rgba(250,166,40,0.4)}.sgpbExitIntent-popup-pro{background-image:url("../img/exitIntentTypeIcon.png") !important}.~~recentSales-popup{background-image:url("../img/recentSales.png") !important}.~~sgpb-recentSales-div{background-color:#ff5723 !important}.sgpb-recentSales-div:hover{background-color:#ff6e41 !important}.sgpb-sgpbRecentSales-div{background-color:rgba(255, 87, 35, 0.4) !important}.sgpb-sgpbExitIntent-div{background-color:rgba(140,115,211,0.4)}.sgpb-sgpbExitIntent-div:hover{background-color:rgba(140,115,211,0.4)}.iframe-popup-pro{background-image:url("../img/iframeTypeIcon.png")}.iframe-popup-pro-wrapper{background-color:rgba(176,132,188,0.4)}.~~iframe~~-popup-pro-wrapper:hover{background-color:rgba(176,132,188,0.4)}.video-popup-pro{background-image:url("../img/videoTypeIcon.png")}.video-popup-pro-wrapper{background-color:rgba(210,34,21,0.26)}.video-popup-pro-wrapper:hover{background-color:rgba(210,34,21,0.26)}.ageRestriction-popup-pro{background-image:url("../img/restrictionTyoeIcon.png")}.ageRestriction-popup-pro-wrapper{background-color:rgba(247,204,68,0.4)}.ageRestriction-popup-pro-wrapper:hover{background-color:rgba(247,204,68,0.4)}.countdown-popup-pro{background-image:url("../img/CountdownTypeIcon.png")}.countdown-popup-pro-wrapper{background-color:rgba(172, 211, 115, 0.4) !important}.countdown-popup-pro-wrapper:hover{background-color:rgba(172, 211, 115, 0.4) !important}.social-popup-pro{background-image:url("../img/socialTypeIcon.png")}.social-popup-pro-wrapper{background-color:rgba(2,116,179,0.4)}.social-popup-pro-wrapper:hover{background-color:rgba(2,116,179,0.4)}.contactForm-popup-pro{background-image:url("../img/contactFormTypeIcon.png")}.contactForm-popup-pro-wrapper{background-color:rgba(251,175,93,0.4)}.contactForm-popup-pro-wrapper:hover{background-color:rgba(251,175,93,0.4)}.Woo-popup,.sgpbWOO-popup-pro{background-image:url("../img/wooTypeIcon.png")}.sgpb-Woo-div,.sgpb-sgpbWOO-div{background-color:#a46497 !important}.sgpb-Woo-div:hover,.sgpb-sgpbWOO-div:hover{background-color:#cb7fbb !important}.sgpb-extensions-wrapper .sgpb-sgpbWOO-div{background-color:#cb7fbb !important}.sgpb-popup-type-pro-ribbon{background-image:url(../img/probadge.png);position:absolute;top:-5px;right:-5px;width:71px;height:40px;background-size:cover}.sgpb-popup-type-free-pro-ribbon{background-image:url(../img/freeProbadge.png);position:absolute;top:-5px;right:-5px;width:71px;height:40px;background-size:cover}.sg-rules-or{border-top:2px dashed #ddd;line-height:1;text-align:center;margin:15px
17	0 5px}.sgpb-wrapper.sgpb-settings input[type="checkbox"]{margin-top:2px !important}.sgpb-wrapper.sgpb-settings .sgpb-info-icon-align{margin-top:6px !important}.sgpb-wrapper.sgpb-settings .hndle.ui-sortable-handle.js-special-title{font-weight:600}.sgpb-wrapper.sgpb-settings
18	h2{margin-bottom:20px}.sgpb-wrapper input[type="radio"]:checked:before{margin:3px
19	3px 0 !important}.sgpb-wrapper input[type="checkbox"]:focus{outline:0
	@@ -28,18 +25,17 @@ button{background-color:inherit;float:left;border:none;outline:none;cursor:point
28	12px;border:1px
29	solid #ccc;border-top:none}.sgpb-tab-content-options{padding:20px
30	5px}.js-sgpb-popup-themes{margin-right:8px !important}.sgpb-image-popup-headline{margin-top:27px !important;margin-bottom:41px !important;text-align:center !important;font:17px arial !important}.sgpb-image-uploader-wrapper{margin:0
31	- auto;width:82%;text-align:center}.sgpb-show-image-container,.sgpb-show-gamification-image-container{~~width~~:~~222px~~;~~height~~:~~127px~~;background-~~color:#F8F8F8~~;~~margin~~:~~14px~~
32	- ~~auto;background-size:contain;background-position:center~~ ~~center~~;~~background~~-~~repeat~~:~~no-repeat~~}.sgpb-show-button-image-container,.sgpb-show-~~sales~~-image-container,.sgpb-show-~~gamification~~-image-container,.sgpb-show-background-image-container{~~background-color:#F8F8F8~~;~~background-size~~:~~contain;background~~-~~position~~:~~center center;background~~-~~repeat:~~no-~~repeat~~;~~border~~:~~1px~~
33	- solid #ccc;border-radius:3px}.sgpb-show-button-image-container,.sgpb-show-gamification-image-container,.sgpb-show-sales-image-container{width:35px;height:35px}.sgpb-show-background-image-container{width:300px;height:135px}.sgpb-show-gamification-image-container{margin-top:0px}.sgpb-no-image{display:block;font:13px Arial;margin:0
34	auto;text-align:center;padding-top:56px}.sgpb-inline-block{display:inline-block}.sgpb-button-text .form-control,.sgpb-full-width.form-control{height:29px !important;padding:6px
35	12px !important;width:100% !important}.sgpb-full-width{width:100%}.sgpb-close-btn-change-image-wrapper{max-width:120px}.sgpb-close-btn-image-wrapper{max-width:40px}.sgpb-video-url-input{width:100%}.sgpb-switch{position:relative;display:inline-block;width:60px;height:34px}.sgpb-switch
36	input{display:none}.sgpb-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition: .4s;transition: .4s;-ms-transform:scale(0.8,0.8);-webkit-transform:scale(0.8,0.8);transform:scale(0.8,0.8)}.sgpb-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:white;-webkit-transition: .4s;transition: .4s}input:checked+.sgpb-slider{background-color:#2196F3}input:focus+.sgpb-slider{box-shadow:0 0 1px #2196F3}input:checked+.sgpb-slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.sgpb-slider.sgpb-round{border-radius:34px}.sgpb-slider.sgpb-round:before{border-radius:50%}.sgpb-slider.sgpb-round{border-radius:34px}.sgpb-slider.sgpb-round:before{border-radius:50%}.sg-condition-value-wrapper
37	input{width:100%}.sgpb-full-width.form-control{height:28px !important;padding:2px
38	12px !important;width:100% !important}.sgpb-full-width-events.form-control{height:28px !important;padding:6px
39	- 12px !important;width:100% !important;font-size:13px}.sgpb-same-origin-warning{margin-top:10px}.sgpb-restriction-unit{vertical-align:sub !important}.sgpb-wrapper .col-md-4.sgpb-close-btn-change-image-wrapper{min-width:120px !important}.sgpb-wrapper .col-md-4.sgpb-background-change-image-wrapper{min-width:120px}~~#sgpb-subscriber-data,#sgpb-add-new-subscriber,.sgpb-subscribers-popup,#sgpb-export-subscribers{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0~~.6);z-index:9999;opacity:0;pointer-events:none}#sgpb-add-new-subscriber:target,#sgpb-subscriber-data:target{opacity:1;pointer-events:auto}.sgpb-add-new-subscribers-wrapper{width:30%;min-width:310px;background-color:white;padding:15px;box-sizing:border-box;border-radius:8px;overflow:auto;margin:13% auto}.sgpb-subscriber-data-wrapper{width:30%;min-width:310px;background-color:white;padding:15px;box-sizing:border-box;border-radius:8px;overflow:auto}.sgpb-add-subscriber-popup-btns,.sgpb-subscriber-popup-btns{width:100%}.sgpb-add-subscriber-popup-close-btn{float:right;margin-top:-10px;margin-right:5px;cursor:pointer}.sg-admin-popup-labeles{margin:4px
40	0px;display:inline-block}.sg-bottom-hr{margin-top:14px;margin-bottom:13px}.sgpb-add-subscriber-input{width:100%;border-radius:5px}.sgpb-add-subscriber-input
41	option{padding:3px}.sgpb-add-subscriber-input option:checked{background:#18bc9c linear-gradient(0deg, #18bc9c 0%, #18bc9c 100%)}.sgpb-email-error,.sgpb-subscription-error,.sgpb-newsletter-validation{color:#f00;margin-top:-10px;margin-bottom:15px;font-weight:bold}.sgpb-subscribers-add-spinner{margin-top:12px;margin-left:-55px}.sgpb-subscribers-remove-spinner{margin-bottom:-5px;margin-right:5px}.sg-successfully{float:right;background-color:#dff0d8;border-radius:5px;color:#3c763d;padding:5px;margin-top:6px;margin-right:5px}.sg-newslatter-submit-wrapper{margin-top:15px}.sgpb-subscriber-export-radio{padding-top:9px}.subscribers-wrapper .widefat .check-column{padding:12px
42	- 0 0px 2px}.sgpb-subs-delete-button-wrapper{text-align:right;margin-bottom:5px}.sgpb-show-subscriber-data-popup,.sgpb-show-subscriber-data-popup:target,.sgpb-show-~~add~~-~~subscriber-popup~~,.sgpb-show-~~add~~-~~subscriber-popup~~:target{opacity:1 !important;pointer-events:auto !important}.sgpb-add-subscriber-header-column{min-width:210px}.sgpb-add-subscriber-header-column
43	h1{margin-top:0}.sgpb-add-subscriber-header-spinner-column{min-width:70px}.postbox-container .select2-container{z-index:999;min-width:46px}.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:25px !important}.select2-container--default .select2-selection--single,.select2-dropdown.select2-dropdown--below{border:2px
44	solid #dce4ec !important}.select2-dropdown.select2-dropdown--below{border-top:none !important}.sgpb-options-content{padding:10px}#wpbody-content>div.sgpb-wrapper.sgpb-newsletter>div{margin:0
45	!important}.sgpb-label-align-center-sm{padding-top:12px}.sgpb-wrapper .postbox-container{float:none !important}.sgpb-wrapper .js-special-title{cursor:inherit !important}.sgpb-alert{padding:15px;margin-bottom:20px;border:1px
	@@ -51,17 +47,16 @@ solid #ccc;position:absolute;min-width:20px;min-height:13px;display:none;margin-
51	.sgpb-box-autoresponder-events .sgpb-event-row:not(:first-child),
52	.sgpb-box-woocommerce-special-events .sgpb-event-row:not(:first-child),
53	.sgpb-box-conditions .sgpb-event-row:not(:first-child),
54	- .sgpb-box-events .sgpb-event-row:not(:first-child){~~border-top:1px dashed #ccc;margin-top:20px;padding-top:10px~~}.sgpb-box-woocommerce-special-events .sgpb-event-row:not(:last-child) .sg-rules-add-button-wrapper.sgpb-static-padding-top{display:none}.sgpb-box-autoresponder-events .sgpb-event-row:not(:last-child) .sg-rules-add-button-wrapper.sgpb-static-padding-top{display:none}.col-md-2.sg-rules-edit-button-wrapper{max-width:144px}.sg-rules-add-rule:before,.sg-rules-edit-rule:before,.sg-rules-delete-rule:before{top:4px;font:400 17px/1 dashicons;position:relative}.sg-rules-add-rule:before{content:"\f132"}.sg-rules-edit-rule:before{content:"\f111"}.sg-rules-delete-rule:before{content:"\f158"}.sg-rules-add-button-wrapper.sgpb-static-padding-top,.sg-rules-edit-button-wrapper.sgpb-static-padding-top,.sg-rules-delete-button-wrapper.sgpb-static-padding-top{padding-top:23px}.sg-rules-add-button-wrapper.sgpb-static-padding-top{max-width:88px}.sg-rules-edit-button-wrapper.sgpb-static-padding-top{max-width:114px}.sgpb-events-spinner:before{content:""}.sgpb-event-row
55	.btn{line-height:22px;border-radius:4px}.sgpb-hide-add-button{display:none !important}.sgpb-tab-content-options
56	- label{margin-bottom:0}.sgpb-label-align-with-select2{padding-top:8px}@media (max-width: 990px){.sg-rules-edit-button-wrapper.sgpb-static-padding-top{max-width:90px;width:30%}.sg-rules-add-button-wrapper.sgpb-static-padding-top{max-width:65px}}@media (max-width: 1240px){.sgpb-add-new-row{padding-right:15px}}@media (max-width: 768px){.col-sm-2.sg-rules-edit-button-wrapper .sg-rules-edit-rule{float:unset}.col-sm-2.sg-rules-edit-button-wrapper{width:12%;float:left;min-width:90px}.col-sm-1.sg-rules-delete-button-wrapper{width:12%;float:left}}.sgpb-preview-animation,.sgpb-preview-close-animation{background-image:url(../img/preview-eye.png);width:30px;height:30px;display:inline-block;cursor:pointer}#js-open-animation-effect,#js-close-animation-effect{display:none;width:~~150px~~;height:~~150px~~;margin-left:5px;background-image:url(../img/animationImage.png);background-size:~~150px~~ ~~150px~~;position:absolute;~~top~~:-~~46px~~;~~left:72px;~~z-index:9999}#sgpb-hidden-media-popup .sgpb-add-subscriber-popup-close-btn,
57	#sgpb-js-variable-wrapper .sgpb-add-subscriber-popup-close-btn{margin-top:0}.sgpb-insert-popup-btns,
58	.sgpb-insert-popup + span,
59	.sgpb-insert-popup-event .select2-container{width:100%}.sgpb-insert-popup-btns{border:1px
60	solid #ccc}#sgpb-hidden-media-popup .sgpb-static-padding-top,
61	#sgpb-js-variable-wrapper .sgpb-add-subscriber-popup-close-btn{padding-top:10px}#sgpb-hidden-media-popup .col-sm-8 .select2.select2-container:nth-child(n+3){display:none}#sgpb-custom-button-wrapper .col-md-6 .select2.select2-container:nth-child(n+3){display:none}#sgpb-custom-button-wrapper{overflow-x:hidden}.sgpb-insert-popup-title-border{width:100%;height:1px;background-color:#ccc;margin:10px
62	- 0}.sgpb-label-error{color:red}.sgpb-change-sound-btn{line-height:11px !important;min-width:110px !important}.sgpb-reset-sound-btn{line-height:11px !important;min-width:75px !important;width:100% !important;max-width:110px !important}.sgpb-sub-option{padding-left:30px !important;font-weight:500 !important}.sgpb-sub-option-label{padding-left:30px !important}.sgpb-double-sub-option{padding-left:~~60px~~ !important;font-weight:lighter !important}.sgpb-double-sub-option-label{padding-left:60px !important;font-weight:500 !important}.sgpb-sub-option-label
63	- label{font-weight:500 !important}.sgpb-hidden-full-width-column{padding-left:27px !important}#sgpb-~~subs-~~gdpr-~~text~~{padding:~~6px~~
64	- 12px !important;width:100% !important;font-size:13px}.sgpb-gdpr-label{padding-top:17px}.sgpb-license-status{pointer-events:none !important}.sgpb-each-option-section{margin-top:30px}.sgpb-live-preview-wrapper,.sgpb-relative-position{position:relative}.sgpb-loader{position:absolute;height:100%;width:100%;top:0;background:white}@import url(https://fonts.googleapis.com/css?family=Open+Sans);.sgpb-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sgpb-banner{position:relative;padding:10px
65	20px;animation:loader 1s cubic-bezier(0.5, 0.1, 0.15, 1) alternate infinite;background-color:#ccc}@keyframes
66	loader{0%{letter-spacing:-1px}100%{letter-spacing:15px}}.sgpb-banner::before{content:'';width:100%;height:100%;position:absolute;z-index:-1;top:0;left:0;transform:skewX(-15deg);background-color:#ccc}.sgpb-banner-left,.sgpb-banner-right{width:60px;height:100%;position:absolute;z-index:-2;bottom:-30%;transform:skewX(-15deg);background-color:#ccc}.sgpb-banner-left{animation:sub-banner-left 1s cubic-bezier(0.5, 0.1, 0.15, 1) alternate infinite}@keyframes sub-banner-left{0%{right:82%}100%{right:90%}}.sgpb-banner-right{animation:sub-banner-right 1s cubic-bezier(0.5, 0.1, 0.15, 1) alternate infinite}@keyframes sub-banner-right{0%{left:82%}100%{left:90%}}.sgpb-banner-left::before,.sgpb-banner-right::before{content:'';width:0;height:0;position:absolute;top:-1px;border:22px
67	solid;border-color:transparent}.sgpb-banner-left::before{left:-1px;border-left-color:#fff}.sgpb-banner-right::before{right:-1px;border-right-color:#fff}.sgpb-pro-wrapper,.sgpb-free-wrapper,.sgpb-free-extensions-wrapper,.sgpb-extensions-wrapper{max-width:850px;margin:0
	@@ -90,12 +85,9 @@ input{display:inline-block !important}.sgpb-import-wrapper
90	.submit{float:none !important;padding:0
91	!important}.sgpb-media-btn-wrapper{background-color:#f3f3f4}.sgpb-gutenberg-logo{max-height:130px !important}.sgpb-gutenberg-shortcode-wrapper{height:30px !important;display:contents;background-color:#f3f3f4 !important}.sgpb-gutenberg-shortcode-input{width:100% !important}.sgpb-gutenberg-form-selector-wrapper .components-base-control{width:100% !important}.subscribers-wrapper .tablenav.top,
92	.subscribers-wrapper
93	- .tablenav.bottom{margin-left:-8px !important}.mce-widget .dashicons-menu-icon-sgpb:before{padding-left:0px !important}.sgpb-text-warning{color:#007bff !important}.sgpb-info-span{color:#787878;font-style:italic;font-weight:lighter}.sgpb-file-settings-available-wrapper,.sgpb-label-config-left{border-right:1px solid #CCC}.sgpb-file-settings-label{text-align:center}.sgpb-to-center-window{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.sgpb-import-subscribers-close{margin-right:-8px !important}.sgpb-custom-button-close-popup{position:absolute;right:-3px;top:6px}.sgpb-editor ::placeholder{color:#CCC;font-style:italic}.reset-button{color:#0073aa !important;float:right !important;border:1px
94	solid #ccc !important;background-color:#f7f7f7 !important;padding:4px
95	- 8px !important;font-size:13px !important;cursor:pointer !important;border-radius:2px !important;margin-right:35px !important;margin-bottom:5px !important;top:-3px !important;font-weight:600 !important}.reset-button:hover{color:#f7f7f7 !important;background-color:#0073aa !important}.sgpb-editor{~~border~~:~~1px~~
96	- solid #ddd;border-top:none;background-color:#f7f7f7}.editor-static-text{padding-top:10px;border:none}.editor-static-text
97	- div{color:black;margin-left:30px;margin-right:30px;padding:3px
98	- 8px}.editor-content{font-style:normal !important;padding:10px;color:black !important;height:100px;width:100%;margin-top:0px;margin-bottom:20px !important}.editor-content-css{height:400px}.sgpb-editor-options-tabs-wrapper{background-color:white !important;overflow:hidden}.sgpb-editor-options-tabs-wrapper
99	input{color:black !important;border-radius:0px !important;background-color:rgba(204, 204, 204, 0.4) !important;border:1px
100	solid #ddd !important}.sgpb-editor-options-tabs-wrapper input:hover{background-color:#ccc !important;color:#636363 !important}.sgpb-editor-options-tabs-wrapper .sgpb-active-tab{background-color:#f7f7f7 !important;box-shadow:none !important;border-bottom:1px solid #f7f7f7 !important}.sgpb-editor-tab-links{background-color:#fff}.sgpb-editor-tab-2{border-left:none !important}.sgpb-notification-center-wrapper{margin-right:21px;padding:20px
101	20px 0 !important;border:1px
	@@ -111,5 +103,6 @@ h3{border-bottom:1px solid #ccc;padding-bottom:15px;padding-left:20px}.sgpb-noti
111	5px;min-width:18px;height:18px;border-radius:9px;background-color:#ca4a1f;color:#fff;font-size:12px;line-height:1.5;text-align:center;z-index:26}.sgpb-support-notification-wrapper{text-align:center}.sgpb-support-notification-wrapper .btn-info{margin-right:10px}.sgpb-support-notification-wrapper h4:nth-child(2){margin-bottom:25px}.sgpb-support-notification-dont-show{font-size:12px !important;text-align:right;margin-top:10px}.sgpb-support-notification-dont-show
112	a{font-size:12px !important}.sgpb-review-description .sgrb-review-h2{margin-top:0 !important}.sgpb-hide-notification-at-all{float:right}.sgpb-hide-notification-at-all:hover{cursor:pointer;background-color:#cccccca3}#sgpb-feedback-popup{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.6);z-index:9999;opacity:0;pointer-events:none}#sgpb-feedback-popup:target{opacity:1;pointer-events:auto}.sgpb-feedback-popup-wrapper{width:35%;min-width:310px;background-color:white;padding:0
113	15px 15px 15px;box-sizing:border-box;border-radius:4px;overflow:auto;position:fixed;left:50%;top:30%;margin-top:-37.5px;margin-left:-201px}.sgpb-show-feedback-popup,.sgpb-show-feedback-popup:target{opacity:1 !important;pointer-events:auto !important;display:block !important}.sgpb-deactivate-feedback-dialog-input{margin:0
114	- !important}.sgpb-feedback-popup-wrapper .sgpb-add-subscriber-popup-close-btn{margin-top:9px}.sgpb-feedback-popup-wrapper .sgpb-feedback-popup-header{border-bottom:1px solid #ccc}.sgpb-feedback-descritpion{margin:10px
115	- 0 15px 0 !important}.sgpb-feedback-each-reason-row{margin-bottom:10px}.sgpb-deactivate-feedback-dialog-label{margin-top:2px}.sgpb-feedback-text-input{width:100%}.sgpb-feedback-submit{background-color:#2873EB !important;border-color:#2873EB !important}.sgpb-feedback-submit:hover{background-color:#2873ebcc !important;border-color:#2873ebcc !important}.sgpb-feedback-submit-skip{float:right}.sgpb-feedback-error-message{font-size:13px;color:#f00}.sgpb-feedback-btns-wrapper{margin-top:30px}.btn-light.js-send-newsletter{color:#000 !important}.sgpb-js-newsletter-spinner{margin-left:10px}.sgpb-floating-btn-wrapper .col-md-5.sgpb-static-padding-top{padding-right:0 !important}#sgpb-floating-button{position:fixed;text-align:center;border-style:solid}.sgpb-corner-bottom-right{transition:all .2s ease,transform 1ms!important}.sgpb-corner-top-right{transition:all .2s ease,transform 1ms!important}.sgpb-corner-bottom-left,.sgpb-corner-bottom-right,.sgpb-corner-top-left,.sgpb-corner-top-right{border:none !important}


1	+ .sgpb-counter-wrapper{max-width:90px}.sgpb-counter-wrapper .sgpb-reset-count-btn{float:right}.sgpb-popup-opening-analytics-container .sgpb-reset-count-btn{background:#FCC 0% 0% no-repeat padding-box;border-radius:10px;opacity:0.86;border:none;font:normal normal normal 20px Segoe UI Regular;letter-spacing:0px;color:#C12121;width:100px;height:50px}.sgpb-popup-opening-analytics-container .sgpb-reset-count-btn:hover{opacity:1}.sgpb-popup-opening-analytics-option-value-span{margin-left:10px}.sgpb-clear{clear:both}.sgpb-popup-content-direction-right .sgpb-contact-admin-wrapper,

2	.sgpb-popup-content-direction-right .sgpb-subscription-admin-wrapper,
3	.sgpb-forms-preview-direction,
4	.sgpb-forms-preview-direction input[type="url"],
5	.sgpb-forms-preview-direction input[type="email"]{direction:rtl !important;text-align:right !important}.sg-hide-condition-row{display:none !important}.sgpb-wrapper .wp-picker-clear{display:none}.xdsoft_datetimepicker{z-index:999999 !important}.sgpb-wrapper
6	.tab{border-radius:3px}.sgpb-static-padding-top{padding-top:4px}.sgpb-wrapper .sgpb-slider-wrapper{margin-top:4px !important}.sgpb-wrapper .sgpb-slider-wrapper .js-popup-overlay-opacity,
7	+ .sgpb-wrapper .sgpb-slider-wrapper .js-popup-content-opacity{margin-top:3px !important}.sgpb-align-center{text-align:center}.sgpb-input-max-3{width:70px !important}.radio-btn-fix{margin-top:0 !important;margin-right:5px !important;margin-left:2px !important}.sgpb-align-center{text-align:center}.sg-hide,.sgpb-hide,.sg-hide-element{display:none !important}.sg-full-width{width:100%}.sgpb-hidden-auto-close-row{width:103% !important}.col-xs-6 .sgpb-pro-button{font-size:22px;padding:3px
8	10px;font-weight:normal;margin-top:16px;margin-right:0 !important;float:right}.themes-preview{border:0px
9	+ solid red;width:240px;height:130px;margin-top:1px;margin-left:40%;display:block;position:absolute;z-index:9999999999999999}.theme-preview-1{background-image:url("../img/theme1.jpg");background-size:240px 130px}.theme-preview-2{background-image:url("../img/theme2.jpg");background-size:240px 130px}.theme-preview-3{background-image:url("../img/theme3.jpg");background-size:240px 130px}.theme-preview-4{background-image:url("../img/theme4.jpg");background-size:240px 130px}.theme-preview-5{background-image:url("../img/theme5.jpg");background-size:240px 130px}.theme-preview-6{background-image:url("../img/theme6.jpg");background-size:240px 130px}.fixed-wrapper{max-width:248px;width:100%;height:191px;display:inline-block;margin-top:4px;margin-left:15px}.js-popup-fixed{width:100%;display:none}.fix-wrapper-style{width:38.5%;display:inline-block}.sgpb-color-picker-wrapper


10	a{text-decoration:none !important}.sgpb-color-picker-wrapper .iris-picker{z-index:99999}.sgpb-color-picker-wrapper .wp-picker-container
11	a{height:24px}.popups-div{width:200px;height:200px;float:left;margin-right:10px;margin-bottom:10px;background-color:#DEDEDE;background-size:100%;transition:all .1s ease-in-out;position:relative}.popups-div:hover{background-color:#CDCDCD;transform:scale(1.02)}.sgpb-type-icon{height:115px;margin-top:20px;background-size:contain;background-repeat:no-repeat;background-position:42px}.sgpb-type-text-wrapper{text-align:center}.sgpb-type-text{font-size:23px;margin:14px
12	+ 0 0 0 !important;color:#000 !important}.sgpb-more-ideas{background-image:url("../img/moreIdeas.png")}.pdf-popup,.pdf-popup-pro{background-image:url("../img/pdfTypeIcon.png")}.sgpb-image-div{background-color:#87e37f !important}.sgpb-image-div:hover{background-color:#b1fdab !important}.create-popup-link{text-decoration:none !important}.create-popup-link:focus,.create-popup-link:hover,.create-popup-link:active{outline:0;border:none;-moz-outline-style:none;box-shadow:none}.sgpb-html-div{background-color:#f7941d !important}.sgpb-html-div:hover{background-color:#ffac49 !important}.sgpb-pdf-div{background-color:#dc1d00 !important}.sgpb-pdf-div:hover{background-color:#ea7766 !important}.sgpb-fblike-div{background-color:#4267b2 !important}.sgpb-fblike-div:hover{background-color:#648bdb !important}.sgpb-iframe-div{background-color:#b084bc !important}.sgpb-iframe-div:hover{background-color:#d4a6e0 !important}.gamification-popup,.gamification-popup-pro{background-image:url("../img/gamificationIcon.png")}.sgpb-gamification-div{background-color:#b084bc !important}.sgpb-gamification-div:hover{background-color:#d4a6e0 !important}.pushNotification-popup,.pushNotification-popup-pro{background-image:url("../img/pushNotificationTypeIcon.png")}.sgpb-extensions-wrapper .sgpb-pushNotification-div,
13	+ .sgpb-extensions-wrapper .sgpb-pushNotification-div:hover{background-color:rgba(212, 166, 224, 0.4) !important}.sgpb-pushNotification-div{background-color:#b084bc !important}.sgpb-pushNotification-div:hover{background-color:#d4a6e0 !important}.sgpb-extensions-wrapper .sgpb-iframe-div{background-color:rgba(212, 166, 224, 0.4) !important}.sgpb-free-extensions-wrapper .sgpb-pdf-div{background-color:#ea7766 !important}.sgpb-extensions-wrapper .sgpb-gamification-div{background-color:rgba(212, 166, 224, 0.4) !important}.sgpb-video-div{background-color:#d22215 !important}.sgpb-video-div:hover{background-color:#f34133 !important}.sgpb-extensions-wrapper .sgpb-video-div{background-color:rgba(243, 65, 51, 0.4) !important}.sgpb-ageRestriction-div{background-color:#f7cc44 !important}.sgpb-ageRestriction-div:hover{background-color:#ffdd73 !important}.ageVerification-popup,.ageVerification-popup-pro{background-image:url('../img/ageVerificationTypeIcon.png')}.sgpb-ageVerification-div{background-color:#d22215 !important}.sgpb-ageVerification-div:hover{background-color:#f34133 !important}.sgpb-extensions-wrapper .sgpb-ageRestriction-div{background-color:#ffdd73 !important}.sgpb-countdown-div{background-color:#acd373 !important}.sgpb-countdown-div:hover{background-color:#cef398 !important}.sgpb-extensions-wrapper .sgpb-countdown-div{background-color:#cef398 !important}.sgpb-social-div{background-color:#1da0f1 !important}.sgpb-social-div:hover{background-color:#38b3ff !important}.sgpb-extensions-wrapper .sgpb-social-div{background-color:rgba(29, 160, 241, 0.4) !important}.sg-exit-intent{background-image:url("../img/ExitIntent.png")}.subscriptionPlus-popup-pro{background-image:url("../img/subscriptionPlusTypeIcon.png")}.sgpb-subscription-div{background-color:#7eb540 !important}.sgpb-subscription-div:hover{background-color:#a1dd5e !important}.sgpb-contactForm-div{background-color:#f94563 !important}.sgpb-contactForm-div:hover{background-color:#ff5974 !important}.sgpb-mailchimp-div{background-color:#ffe01b !important}.sgpb-mailchimp-div:hover{background-color:#ffe74e !important}.sgpb-aweber-div{background-color:#0079c1 !important}.sgpb-aweber-div:hover{background-color:#42b1f3 !important}.scheduling-popup-pro{background-image:url("../img/schedulingTypeIcon.png") !important}.edd-popup-pro{background-image:url("../img/eddTypeIcon.png") !important}.sgpb-edd-div{background-color:#7dbfe9 !important}.geo-targeting-popup-pro{background-image:url("../img/geoTypeIcon.png") !important}.sgpb-geo-targeting-div{background-color:rgba(73, 185, 173, 0.4) !important}.sgpb-subscriptionPlus-div{background-color:rgba(23, 165, 143, 0.4) !important}.sgpb-sgpbAWeber-div{background-color:rgba(0,121,193,0.4)}.sgpb-sgpbAWeber-div:hover{background-color:rgba(0,121,193,0.4)}.sgpb-login-div{background-color:#396af7 !important}.sgpb-login-div:hover{background-color:#4d7afc !important}.sgpb-extensions-wrapper .sgpb-login-div{background-color:rgba(77, 122, 252, 0.4) !important}.sgpb-registration-div{background-color:#fe415b !important}.sgpb-registration-div:hover{background-color:#fe5a70 !important}.sgpb-extensions-wrapper .sgpb-registration-div{background-color:rgba(254, 65, 91, 0.4) !important}.sgpb-scheduling-div{background-color:#1976d3}.sgpb-scheduling-div:hover{background-color:#308ee8}.sgpb-extensions-wrapper .sgpb-scheduling-div{background-color:rgba(48, 142, 232, 0.4) !important}.sgpb-sgpbMailchimp-div{background-color:rgba(255, 224, 27, 0.4) !important}.sgpbAdBlock-popup-pro{background-image:url("../img/adBlockTypeIcon.png") !important}.sgpb-sgpbAdBlock-div{background-color:rgba(249,61,62,0.4)}.sgpb-sgpbAdBlock-div{background-color:rgba(249,61,62,0.4)}.sgpb-sgpbAdBlock-div:hover{background-color:rgba(249,61,62,0.4)}.sgpbScroll-popup-pro{background-image:url("../img/scroll.png") !important}.sgpb-sgpbScroll-div{background-color:rgba(73,185,173,0.4)}.sgpb-sgpbScroll-div:hover{background-color:rgba(73,185,173,0.4)}.sgpbInactivity-popup-pro{background-image:url("../img/inactivity.png") !important}.sgpb-sgpbInactivity-div{background-color:rgba(197,212,61,0.4)}.sgpb-sgpbInactivity-div:hover{background-color:rgba(197,212,61,0.4)}.sgpbRandom-popup-pro{background-image:url("../img/random.png") !important}.sgpb-sgpbRandom-div{background-color:rgba(225,240,85,0.4)}.sgpb-sgpbRandom-div:hover{background-color:rgba(225,240,85,0.4)}.advancedClosing-popup-pro{background-image:url("../img/advancesClosing.png") !important}.sgpb-advancedClosing-div{background-color:rgba(241,139,64,0.4)}.sgpb-advancedClosing-div:hover{background-color:rgba(241,139,64,0.4)}.sgpbAdvancedTargeting-popup-pro{background-image:url("../img/advancedTargeting.png") !important}.sgpb-sgpbAdvancedTargeting-div{background-color:rgba(245,110,107,0.4)}.sgpb-sgpbAdvancedTargeting-div:hover{background-color:rgba(245,110,107,0.4)}.sgpbAnalitics-popup-pro{background-image:url("../img/analyticsTypeIcon.png") !important}.sgpbRecentSales-popup-pro{background-image:url("../img/recentSales.png") !important}.sgpb-sgpbAnalitics-div{background-color:rgba(250,166,40,0.4)}.sgpb-sgpbAnalitics-div:hover{background-color:rgba(250,166,40,0.4)}.sgpbExitIntent-popup-pro{background-image:url("../img/exitIntentTypeIcon.png") !important}.sgpb-recentSales-div{background-color:#ff5723 !important}.sgpb-recentSales-div:hover{background-color:#ff6e41 !important}.sgpb-sgpbRecentSales-div{background-color:rgba(255, 87, 35, 0.4) !important}.sgpb-sgpbExitIntent-div{background-color:rgba(140,115,211,0.4)}.sgpb-sgpbExitIntent-div:hover{background-color:rgba(140,115,211,0.4)}.iframe-popup-pro{background-image:url("../img/iframeTypeIcon.png")}.iframe-popup-pro-wrapper{background-color:rgba(176,132,188,0.4)}.countdown-popup-pro-wrapper:hover{background-color:rgba(176,132,188,0.4)}.video-popup-pro{background-image:url("../img/videoTypeIcon.png")}.video-popup-pro-wrapper{background-color:rgba(210,34,21,0.26)}.video-popup-pro-wrapper:hover{background-color:rgba(210,34,21,0.26)}.ageRestriction-popup-pro{background-image:url("../img/restrictionTyoeIcon.png")}.ageRestriction-popup-pro-wrapper{background-color:rgba(247,204,68,0.4)}.ageRestriction-popup-pro-wrapper:hover{background-color:rgba(247,204,68,0.4)}.countdown-popup-pro{background-image:url("../img/CountdownTypeIcon.png")}.countdown-popup-pro-wrapper{background-color:rgba(172, 211, 115, 0.4) !important}.countdown-popup-pro-wrapper:hover{background-color:rgba(172, 211, 115, 0.4) !important}.social-popup-pro{background-image:url("../img/socialTypeIcon.png")}.social-popup-pro-wrapper{background-color:rgba(2,116,179,0.4)}.social-popup-pro-wrapper:hover{background-color:rgba(2,116,179,0.4)}.contactForm-popup-pro{background-image:url("../img/contactFormTypeIcon.png")}.contactForm-popup-pro-wrapper{background-color:rgba(251,175,93,0.4)}.contactForm-popup-pro-wrapper:hover{background-color:rgba(251,175,93,0.4)}.Woo-popup,.sgpbWOO-popup-pro{background-image:url("../img/wooTypeIcon.png")}.sgpb-Woo-div,.sgpb-sgpbWOO-div{background-color:#a46497 !important}.sgpb-Woo-div:hover,.sgpb-sgpbWOO-div:hover{background-color:#cb7fbb !important}.sgpb-extensions-wrapper .sgpb-sgpbWOO-div{background-color:#cb7fbb !important}.sgpb-popup-type-pro-ribbon{background-image:url(../img/probadge.png);position:absolute;top:-5px;right:-5px;width:71px;height:40px;background-size:cover}.sgpb-popup-type-free-pro-ribbon{background-image:url(../img/freeProbadge.png);position:absolute;top:-5px;right:-5px;width:71px;height:40px;background-size:cover}.sg-rules-or{border-top:2px dashed #ddd;line-height:1;text-align:center;margin:15px
14	0 5px}.sgpb-wrapper.sgpb-settings input[type="checkbox"]{margin-top:2px !important}.sgpb-wrapper.sgpb-settings .sgpb-info-icon-align{margin-top:6px !important}.sgpb-wrapper.sgpb-settings .hndle.ui-sortable-handle.js-special-title{font-weight:600}.sgpb-wrapper.sgpb-settings
15	h2{margin-bottom:20px}.sgpb-wrapper input[type="radio"]:checked:before{margin:3px
16	3px 0 !important}.sgpb-wrapper input[type="checkbox"]:focus{outline:0

25	12px;border:1px
26	solid #ccc;border-top:none}.sgpb-tab-content-options{padding:20px
27	5px}.js-sgpb-popup-themes{margin-right:8px !important}.sgpb-image-popup-headline{margin-top:27px !important;margin-bottom:41px !important;text-align:center !important;font:17px arial !important}.sgpb-image-uploader-wrapper{margin:0
28	+ auto;width:82%;text-align:center}.sgpb-show-button-image-container,.sgpb-show-sales-image-container,.sgpb-show-gamification-image-container,.sgpb-show-background-image-container{background-color:#F8F8F8;background-size:contain;background-position:center center;background-repeat:no-repeat;border:1px
29	+ solid #ccc;border-radius:3px}.sgpb-show-button-image-container,.sgpb-show-gamification-image-container,.sgpb-show-sales-image-container{width:35px;height:35px}.sgpb-show-background-image-container{width:212px;height:132px}.sgpb-show-gamification-image-container{margin-top:0px}.sgpb-no-image{display:block;font:13px Arial;margin:0

30	auto;text-align:center;padding-top:56px}.sgpb-inline-block{display:inline-block}.sgpb-button-text .form-control,.sgpb-full-width.form-control{height:29px !important;padding:6px
31	12px !important;width:100% !important}.sgpb-full-width{width:100%}.sgpb-close-btn-change-image-wrapper{max-width:120px}.sgpb-close-btn-image-wrapper{max-width:40px}.sgpb-video-url-input{width:100%}.sgpb-switch{position:relative;display:inline-block;width:60px;height:34px}.sgpb-switch
32	input{display:none}.sgpb-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition: .4s;transition: .4s;-ms-transform:scale(0.8,0.8);-webkit-transform:scale(0.8,0.8);transform:scale(0.8,0.8)}.sgpb-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:white;-webkit-transition: .4s;transition: .4s}input:checked+.sgpb-slider{background-color:#2196F3}input:focus+.sgpb-slider{box-shadow:0 0 1px #2196F3}input:checked+.sgpb-slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.sgpb-slider.sgpb-round{border-radius:34px}.sgpb-slider.sgpb-round:before{border-radius:50%}.sgpb-slider.sgpb-round{border-radius:34px}.sgpb-slider.sgpb-round:before{border-radius:50%}.sg-condition-value-wrapper
33	input{width:100%}.sgpb-full-width.form-control{height:28px !important;padding:2px
34	12px !important;width:100% !important}.sgpb-full-width-events.form-control{height:28px !important;padding:6px
35	+ 12px !important;width:100% !important;font-size:13px}.sgpb-same-origin-warning{margin-top:10px}.sgpb-restriction-unit{vertical-align:sub !important}.sgpb-wrapper .col-md-4.sgpb-close-btn-change-image-wrapper{min-width:120px !important}.sgpb-wrapper .col-md-4.sgpb-background-change-image-wrapper{min-width:120px}.sg-admin-popup-labeles{margin:4px
36	0px;display:inline-block}.sg-bottom-hr{margin-top:14px;margin-bottom:13px}.sgpb-add-subscriber-input{width:100%;border-radius:5px}.sgpb-add-subscriber-input
37	option{padding:3px}.sgpb-add-subscriber-input option:checked{background:#18bc9c linear-gradient(0deg, #18bc9c 0%, #18bc9c 100%)}.sgpb-email-error,.sgpb-subscription-error,.sgpb-newsletter-validation{color:#f00;margin-top:-10px;margin-bottom:15px;font-weight:bold}.sgpb-subscribers-add-spinner{margin-top:12px;margin-left:-55px}.sgpb-subscribers-remove-spinner{margin-bottom:-5px;margin-right:5px}.sg-successfully{float:right;background-color:#dff0d8;border-radius:5px;color:#3c763d;padding:5px;margin-top:6px;margin-right:5px}.sg-newslatter-submit-wrapper{margin-top:15px}.sgpb-subscriber-export-radio{padding-top:9px}.subscribers-wrapper .widefat .check-column{padding:12px
38	+ 0 0px 2px}.sgpb-subs-delete-button-wrapper{text-align:right;margin-bottom:5px}.sgpb-show-subscriber-data-popup,.sgpb-show-subscriber-data-popup:target,.sgpb-show-popup-js,.sgpb-show-popup-js:target{opacity:1 !important;pointer-events:auto !important}.sgpb-add-subscriber-header-column{min-width:210px}.sgpb-add-subscriber-header-column
39	h1{margin-top:0}.sgpb-add-subscriber-header-spinner-column{min-width:70px}.postbox-container .select2-container{z-index:999;min-width:46px}.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:25px !important}.select2-container--default .select2-selection--single,.select2-dropdown.select2-dropdown--below{border:2px
40	solid #dce4ec !important}.select2-dropdown.select2-dropdown--below{border-top:none !important}.sgpb-options-content{padding:10px}#wpbody-content>div.sgpb-wrapper.sgpb-newsletter>div{margin:0
41	!important}.sgpb-label-align-center-sm{padding-top:12px}.sgpb-wrapper .postbox-container{float:none !important}.sgpb-wrapper .js-special-title{cursor:inherit !important}.sgpb-alert{padding:15px;margin-bottom:20px;border:1px

47	.sgpb-box-autoresponder-events .sgpb-event-row:not(:first-child),
48	.sgpb-box-woocommerce-special-events .sgpb-event-row:not(:first-child),
49	.sgpb-box-conditions .sgpb-event-row:not(:first-child),
50	+ .sgpb-box-events .sgpb-event-row:not(:first-child){}.sgpb-box-woocommerce-special-events .sgpb-event-row:not(:last-child) .sg-rules-add-button-wrapper.sgpb-static-padding-top{display:none}.sgpb-box-autoresponder-events .sgpb-event-row:not(:last-child) .sg-rules-add-button-wrapper.sgpb-static-padding-top{display:none}.col-md-2.sg-rules-edit-button-wrapper{max-width:144px}.sg-rules-add-button-wrapper.sgpb-static-padding-top,.sg-rules-edit-button-wrapper.sgpb-static-padding-top,.sg-rules-delete-button-wrapper.sgpb-static-padding-top{padding-top:23px}.sg-rules-add-button-wrapper.sgpb-static-padding-top{max-width:88px}.sg-rules-edit-button-wrapper.sgpb-static-padding-top{max-width:114px}.sgpb-events-spinner:before{content:""}.sgpb-event-row
51	.btn{line-height:22px;border-radius:4px}.sgpb-hide-add-button{display:none !important}.sgpb-tab-content-options
52	+ label{margin-bottom:0}.sgpb-label-align-with-select2{padding-top:8px}@media (max-width: 990px){.sg-rules-edit-button-wrapper.sgpb-static-padding-top{max-width:90px;width:30%}.sg-rules-add-button-wrapper.sgpb-static-padding-top{max-width:65px}}@media (max-width: 1240px){.sgpb-add-new-row{padding-right:15px}}@media (max-width: 768px){.col-sm-2.sg-rules-edit-button-wrapper .sg-rules-edit-rule{float:unset}.col-sm-2.sg-rules-edit-button-wrapper{width:12%;float:left;min-width:90px}.col-sm-1.sg-rules-delete-button-wrapper{width:12%;float:left}}.sgpb-preview-animation,.sgpb-preview-close-animation{background-image:url(../img/preview-eye.png);width:30px;height:30px;display:inline-block;cursor:pointer}#js-open-animation-effect,#js-close-animation-effect{display:none;width:100px;height:100px;margin-left:5px;background-image:url(../img/animationImage.png);background-size:100px 100px;position:absolute;right:-120px;z-index:9999}#sgpb-hidden-media-popup .sgpb-add-subscriber-popup-close-btn,
53	#sgpb-js-variable-wrapper .sgpb-add-subscriber-popup-close-btn{margin-top:0}.sgpb-insert-popup-btns,
54	.sgpb-insert-popup + span,
55	.sgpb-insert-popup-event .select2-container{width:100%}.sgpb-insert-popup-btns{border:1px
56	solid #ccc}#sgpb-hidden-media-popup .sgpb-static-padding-top,
57	#sgpb-js-variable-wrapper .sgpb-add-subscriber-popup-close-btn{padding-top:10px}#sgpb-hidden-media-popup .col-sm-8 .select2.select2-container:nth-child(n+3){display:none}#sgpb-custom-button-wrapper .col-md-6 .select2.select2-container:nth-child(n+3){display:none}#sgpb-custom-button-wrapper{overflow-x:hidden}.sgpb-insert-popup-title-border{width:100%;height:1px;background-color:#ccc;margin:10px
58	+ 0}.sgpb-label-error{color:red}.sgpb-change-sound-btn{line-height:11px !important;min-width:110px !important}.sgpb-reset-sound-btn{line-height:11px !important;min-width:75px !important;width:100% !important;max-width:110px !important}.sgpb-sub-option{padding-left:30px !important;font-weight:500 !important}.sgpb-sub-option-label{padding-left:30px !important}.sgpb-double-sub-option{padding-left:40px !important;font-weight:lighter !important}.sgpb-double-sub-option-label{padding-left:60px !important;font-weight:500 !important}.sgpb-sub-option-label
59	+ label{font-weight:500 !important}.sgpb-hidden-full-width-column{padding-left:27px !important}.sgpb-gdpr-label{padding-top:17px}.sgpb-license-status{pointer-events:none !important}.sgpb-each-option-section{margin-top:30px}.sgpb-live-preview-wrapper,.sgpb-relative-position{position:relative}.sgpb-loader{position:absolute;height:100%;width:100%;top:0;background:white}@import url(https://fonts.googleapis.com/css?family=Open+Sans);.sgpb-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sgpb-banner{position:relative;padding:10px

60	20px;animation:loader 1s cubic-bezier(0.5, 0.1, 0.15, 1) alternate infinite;background-color:#ccc}@keyframes
61	loader{0%{letter-spacing:-1px}100%{letter-spacing:15px}}.sgpb-banner::before{content:'';width:100%;height:100%;position:absolute;z-index:-1;top:0;left:0;transform:skewX(-15deg);background-color:#ccc}.sgpb-banner-left,.sgpb-banner-right{width:60px;height:100%;position:absolute;z-index:-2;bottom:-30%;transform:skewX(-15deg);background-color:#ccc}.sgpb-banner-left{animation:sub-banner-left 1s cubic-bezier(0.5, 0.1, 0.15, 1) alternate infinite}@keyframes sub-banner-left{0%{right:82%}100%{right:90%}}.sgpb-banner-right{animation:sub-banner-right 1s cubic-bezier(0.5, 0.1, 0.15, 1) alternate infinite}@keyframes sub-banner-right{0%{left:82%}100%{left:90%}}.sgpb-banner-left::before,.sgpb-banner-right::before{content:'';width:0;height:0;position:absolute;top:-1px;border:22px
62	solid;border-color:transparent}.sgpb-banner-left::before{left:-1px;border-left-color:#fff}.sgpb-banner-right::before{right:-1px;border-right-color:#fff}.sgpb-pro-wrapper,.sgpb-free-wrapper,.sgpb-free-extensions-wrapper,.sgpb-extensions-wrapper{max-width:850px;margin:0

85	.submit{float:none !important;padding:0
86	!important}.sgpb-media-btn-wrapper{background-color:#f3f3f4}.sgpb-gutenberg-logo{max-height:130px !important}.sgpb-gutenberg-shortcode-wrapper{height:30px !important;display:contents;background-color:#f3f3f4 !important}.sgpb-gutenberg-shortcode-input{width:100% !important}.sgpb-gutenberg-form-selector-wrapper .components-base-control{width:100% !important}.subscribers-wrapper .tablenav.top,
87	.subscribers-wrapper
88	+ .tablenav.bottom{margin-left:-8px !important}.mce-widget .dashicons-menu-icon-sgpb:before{padding-left:0px !important}.sgpb-text-warning{color:#007bff !important}.sgpb-info-span{color:#787878;font-style:italic;font-weight:lighter}.sgpb-file-settings-available-wrapper,.sgpb-label-config-left{border-right:1px solid #CCC}.sgpb-file-settings-label{text-align:center}.sgpb-to-center-window{position:absolute !important;left:50%;top:50%;transform:translate(-50%,-50%)}.sgpb-import-subscribers-close{margin-right:-8px !important}.sgpb-custom-button-close-popup{position:absolute;right:-3px;top:6px}.sgpb-editor ::placeholder{color:#CCC;font-style:italic}.reset-button{color:#0073aa !important;float:right !important;border:1px
89	solid #ccc !important;background-color:#f7f7f7 !important;padding:4px
90	+ 8px !important;font-size:13px !important;cursor:pointer !important;border-radius:2px !important;margin-right:35px !important;margin-bottom:5px !important;top:-3px !important;font-weight:600 !important}.reset-button:hover{color:#f7f7f7 !important;background-color:#0073aa !important}.editor-content-css{height:400px}.sgpb-editor-options-tabs-wrapper{background-color:white !important;overflow:hidden}.sgpb-editor-options-tabs-wrapper



91	input{color:black !important;border-radius:0px !important;background-color:rgba(204, 204, 204, 0.4) !important;border:1px
92	solid #ddd !important}.sgpb-editor-options-tabs-wrapper input:hover{background-color:#ccc !important;color:#636363 !important}.sgpb-editor-options-tabs-wrapper .sgpb-active-tab{background-color:#f7f7f7 !important;box-shadow:none !important;border-bottom:1px solid #f7f7f7 !important}.sgpb-editor-tab-links{background-color:#fff}.sgpb-editor-tab-2{border-left:none !important}.sgpb-notification-center-wrapper{margin-right:21px;padding:20px
93	20px 0 !important;border:1px

103	5px;min-width:18px;height:18px;border-radius:9px;background-color:#ca4a1f;color:#fff;font-size:12px;line-height:1.5;text-align:center;z-index:26}.sgpb-support-notification-wrapper{text-align:center}.sgpb-support-notification-wrapper .btn-info{margin-right:10px}.sgpb-support-notification-wrapper h4:nth-child(2){margin-bottom:25px}.sgpb-support-notification-dont-show{font-size:12px !important;text-align:right;margin-top:10px}.sgpb-support-notification-dont-show
104	a{font-size:12px !important}.sgpb-review-description .sgrb-review-h2{margin-top:0 !important}.sgpb-hide-notification-at-all{float:right}.sgpb-hide-notification-at-all:hover{cursor:pointer;background-color:#cccccca3}#sgpb-feedback-popup{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.6);z-index:9999;opacity:0;pointer-events:none}#sgpb-feedback-popup:target{opacity:1;pointer-events:auto}.sgpb-feedback-popup-wrapper{width:35%;min-width:310px;background-color:white;padding:0
105	15px 15px 15px;box-sizing:border-box;border-radius:4px;overflow:auto;position:fixed;left:50%;top:30%;margin-top:-37.5px;margin-left:-201px}.sgpb-show-feedback-popup,.sgpb-show-feedback-popup:target{opacity:1 !important;pointer-events:auto !important;display:block !important}.sgpb-deactivate-feedback-dialog-input{margin:0
106	+ !important}.sgpb-feedback-popup-wrapper .sgpb-add-subscriber-popup-close-btn{margin-top:9px;position:absolute;right:9px}.sgpb-feedback-popup-wrapper .sgpb-feedback-popup-header{border-bottom:1px solid #ccc}.sgpb-feedback-descritpion{margin:10px
107	+ 0 15px 0 !important}.sgpb-feedback-each-reason-row{margin-bottom:10px}.sgpb-deactivate-feedback-dialog-label{margin-top:2px}.sgpb-feedback-text-input{width:100%}.sgpb-feedback-submit{background-color:#2873EB !important;border-color:#2873EB !important}.sgpb-feedback-submit:hover{background-color:#2873ebcc !important;border-color:#2873ebcc !important}.sgpb-feedback-submit-skip{float:right}.sgpb-feedback-error-message{font-size:13px;color:#f00}.sgpb-feedback-btns-wrapper{margin-top:30px}.btn-light.js-send-newsletter{color:#000 !important}.sgpb-js-newsletter-spinner{margin-left:10px}.sgpb-floating-btn-wrapper .col-md-5.sgpb-static-padding-top{padding-right:0 !important}#sgpb-floating-button{position:fixed;text-align:center;border-style:solid}.sgpb-corner-bottom-right{transition:all .2s ease,transform 1ms!important}.sgpb-corner-top-right{transition:all .2s ease,transform 1ms!important}.sgpb-corner-bottom-left,.sgpb-corner-bottom-right,.sgpb-corner-top-left,.sgpb-corner-top-right{border:none !important}.post-type-popupbuilder .sgpb-close-button-border-options
108	+ .select2{min-width:inherit}

public/css/sgPopupRangeSlider.css CHANGED Viewed

	@@ -14,4 +14,4 @@ ins{color:#999}.theme-blue .back-bar{height:5px;border-radius:2px;background-col
14	solid #AAA;background-color:#e7e7e7;background-image:-moz-linear-gradient(top, #eeeeee, #dddddd);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd));background-image:-webkit-linear-gradient(top, #eeeeee, #dddddd);background-image:-o-linear-gradient(top, #eeeeee, #dddddd);background-image:linear-gradient(to bottom, #eeeeee, #dddddd);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0)}.theme-blue .back-bar .pointer-label{color:#999}.theme-blue .back-bar
15	.focused{color:#333}.theme-blue .scale
16	span{border-left:1px solid #e5e5e5}.theme-blue .scale
17	- ins{color:#999}.range-bar{background-color:#a9acb1;border-radius:15px;display:block;height:~~4px~~;position:relative;width:100%}.range-quantity{background-color:#017afd;border-radius:15px;display:block;height:100%;width:0}.range-handle{background-color:#fff;border-radius:100%;cursor:move;height:~~20px~~;left:0;top:-10px;position:absolute;width:~~20px~~;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.4);box-shadow:0 1px 3px rgba(0,0,0,0.4)}.range-min,.range-max{height:20px;padding-top:4px;position:absolute;text-align:center;top:-9px;display:none}.display-box{background-color:#f7fcff;border-radius:5px;font-size:0.8em;height:23px;right:-41px;box-sizing:border-box;padding-top:2px;position:absolute;text-align:center;top:-10px;width:35px;-webkit-box-shadow:inset 0 0 10px rgba(0, 0, 0, 0.15);box-shadow:inset 0 0 10px rgba(0, 0, 0, 0.15)}


14	solid #AAA;background-color:#e7e7e7;background-image:-moz-linear-gradient(top, #eeeeee, #dddddd);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd));background-image:-webkit-linear-gradient(top, #eeeeee, #dddddd);background-image:-o-linear-gradient(top, #eeeeee, #dddddd);background-image:linear-gradient(to bottom, #eeeeee, #dddddd);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0)}.theme-blue .back-bar .pointer-label{color:#999}.theme-blue .back-bar
15	.focused{color:#333}.theme-blue .scale
16	span{border-left:1px solid #e5e5e5}.theme-blue .scale
17	+ ins{color:#999}.range-bar{background-color:#a9acb1;border-radius:15px;display:block;height:10px;position:relative;width:100%}.range-quantity{background-color:#017afd;border-radius:15px;display:block;height:100%;width:0}.range-handle{background-color:#fff;border-radius:100%;cursor:move;height:25px;left:0;top:-10px;position:absolute;width:25px;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.4);box-shadow:0 1px 3px rgba(0,0,0,0.4)}.range-min,.range-max{height:20px;padding-top:4px;position:absolute;text-align:center;top:-9px;display:none}.display-box{background-color:#f7fcff;border-radius:5px;font-size:0.8em;height:23px;right:-41px;box-sizing:border-box;padding-top:2px;position:absolute;text-align:center;top:-10px;width:35px;-webkit-box-shadow:inset 0 0 10px rgba(0, 0, 0, 0.15);box-shadow:inset 0 0 10px rgba(0, 0, 0, 0.15)}

public/css/sgbp-bootstrap.css CHANGED Viewed

	@@ -489,7 +489,7 @@ solid #ecf0f1}.sgpb-wrapper .table-responsive>.table{margin-bottom:0}.sgpb-wrapp
489	.sgpb-wrapper .table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}.sgpb-wrapper
490	fieldset{padding:0;margin:0;border:0;min-width:0}.sgpb-wrapper
491	legend{display:block;width:100%;padding:0;margin-bottom:21px;font-size:22.5px;line-height:inherit;color:#2c3e50;border:0;border-bottom:1px solid transparent}.sgpb-wrapper
492	- label{~~display:inline-block;max-width:100%;margin-bottom:5px;font-weight:bold~~}.sgpb-wrapper input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.sgpb-wrapper input[type="radio"],
493	.sgpb-wrapper input[type="checkbox"]{margin:4px
494	0 0;margin-top:1px \9;line-height:normal}.sgpb-wrapper input[type="file"]{display:block}.sgpb-wrapper input[type="range"]{display:block;width:100%}.sgpb-wrapper select[multiple],
495	.sgpb-wrapper select[size]{height:auto}.sgpb-wrapper input[type="file"]:focus,


489	.sgpb-wrapper .table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}.sgpb-wrapper
490	fieldset{padding:0;margin:0;border:0;min-width:0}.sgpb-wrapper
491	legend{display:block;width:100%;padding:0;margin-bottom:21px;font-size:22.5px;line-height:inherit;color:#2c3e50;border:0;border-bottom:1px solid transparent}.sgpb-wrapper
492	+ label{}.sgpb-wrapper input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.sgpb-wrapper input[type="radio"],
493	.sgpb-wrapper input[type="checkbox"]{margin:4px
494	0 0;margin-top:1px \9;line-height:normal}.sgpb-wrapper input[type="file"]{display:block}.sgpb-wrapper input[type="range"]{display:block;width:100%}.sgpb-wrapper select[multiple],
495	.sgpb-wrapper select[size]{height:auto}.sgpb-wrapper input[type="file"]:focus,

public/css/sgpb-modal.css ADDED Viewed

	@@ -0,0 +1,100 @@


1	+ .select2-container.select2-container--open {
2	+ z-index: 999999 !important;
3	+ }
4	+
5	+ .sgpb.sgpb-modal {
6	+ position: fixed;
7	+ top: 0;
8	+ bottom: 0;
9	+ left: 0;
10	+ right: 0;
11	+ display: flex;
12	+ justify-content: center;
13	+ align-items: center;
14	+ background: #00000082;
15	+ z-index: 99999;
16	+ }
17	+
18	+ .sgpb-modal .sgpb-modal-main {
19	+ min-width: 400px;
20	+ min-height: 200px;
21	+ background: #FFFFFF 0 0 no-repeat padding-box;
22	+ box-shadow: 0 3px 20px #00000029;
23	+ border-radius: 12px;
24	+ padding: 20px;
25	+ position: relative;
26	+ display: flex;
27	+ flex-direction: column;
28	+ justify-content: space-between;
29	+ align-items: center;
30	+ }
31	+
32	+ .sgpb-modal .sgpb-modal-main .sgpb-close-icon {
33	+ position: absolute;
34	+ top: 3%;
35	+ right: 3%;
36	+ background: #2873EB;
37	+ border-radius: 50%;
38	+ width: 26px;
39	+ height: 26px;
40	+ display: flex;
41	+ align-items: center;
42	+ justify-content: center;
43	+ cursor: pointer;
44	+ }
45	+
46	+ .sgpb-modal .sgpb-modal-main .sgpb-close-icon::before, .sgpb-modal .sgpb-modal-main .sgpb-close-icon::after {
47	+ content: '';
48	+ display: block;
49	+ height: 2px;
50	+ width: 14px;
51	+ left: 6px;
52	+ background: white;
53	+ position: absolute;
54	+ border-radius: 5px;
55	+ }
56	+ .sgpb-modal .sgpb-modal-main .sgpb-close-icon::before {
57	+ transform: rotate(45deg);
58	+ }
59	+ .sgpb-modal .sgpb-modal-main .sgpb-close-icon::after {
60	+ transform: rotate(-45deg);
61	+ }
62	+ .sgpb-modal .sgpb-modal-main .sgpb-modal-header {
63	+ font: normal normal bold 20px/27px Segoe UI Regular;
64	+ color: #000000;
65	+ }
66	+ .sgpb-modal .sgpb-modal-main .sgpb-modal-body {
67	+ max-height: 360px;
68	+ overflow-y: auto;
69	+ overflow-x: hidden;
70	+ padding: 5px;
71	+ }
72	+
73	+ .post-type-popupbuilder .sgpb-modal .sgpb-modal-main .sgpb-modal-body .select2 {
74	+ width: 100% !important;
75	+ }
76	+
77	+ .sgpb-modal .sgpb-modal-main .sgpb-modal-footer button {
78	+ text-transform: capitalize;
79	+ }
80	+
81	+ /* width */
82	+ .sgpb-modal ::-webkit-scrollbar {
83	+ width: 5px;
84	+ }
85	+
86	+ /* Track */
87	+ .sgpb-modal ::-webkit-scrollbar-track {
88	+ background: #f1f1f1;
89	+ }
90	+
91	+ /* Handle */
92	+ .sgpb-modal ::-webkit-scrollbar-thumb {
93	+ background: #888;
94	+ border-radius: 3px;
95	+ }
96	+
97	+ /* Handle on hover */
98	+ .sgpb-modal ::-webkit-scrollbar-thumb:hover {
99	+ background: #555;
100	+ }

public/fonts/Glyphter.woff ADDED Viewed

Binary file

public/fonts/SegoeUI.woff ADDED Viewed

Binary file

public/icons/Artboard 2.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" width="15.083" height="11.021" viewBox="0 0 15.083 11.021"><defs><style>.a{fill:#2873eb;}</style></defs><g transform="translate(-2.696 -34.461)"><path class="a" d="M.159,6.08A.92.92,0,0,1,.15,5.06C.832,4.025,3.74,0,7.746,0c4.033,0,6.636,4.075,7.214,5.077a.912.912,0,0,1,.122.456v.045a.919.919,0,0,1-.145.5c-.646,1.013-3.408,4.946-7.4,4.946C3.783,11.021.86,7.1.159,6.08Zm3.36-.57A4.025,4.025,0,1,0,7.544,1.486,4.025,4.025,0,0,0,3.519,5.511ZM6.125,7.123A2.144,2.144,0,0,1,5.6,4.605l1.948.874L6.809,3.5a2.143,2.143,0,1,1-.684,3.626Z" transform="translate(2.696 34.461)"/></g></svg>

public/icons/Black/advancedClosing.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><title>Artboard 6</title><polygon points="93.33 40.08 83.61 50.45 74.04 40.23 72.29 41.86 81.98 52.2 72.59 62.21 74.34 63.84 83.61 53.94 93.03 63.99 94.78 62.36 85.25 52.2 95.07 41.71 93.33 40.08"/><path d="M83.68,20.61A31.43,31.43,0,1,0,115.11,52,31.43,31.43,0,0,0,83.68,20.61Zm0,59.85A28.43,28.43,0,1,1,112.11,52,28.45,28.45,0,0,1,83.68,80.46Z"/><path d="M77.44,85.86l.9.9h0l5.08,5.08-9.79,9.79-4.77-4.77h0l-2.19-2.19a27.35,27.35,0,0,1-7.83,3.38v3.1h0v7.24l-13.84,0V101h0V98a27.42,27.42,0,0,1-6.65-2.75l-2.19,2.19h0l-4.79,4.79-9.79-9.79,4.74-4.74h0l2.19-2.19a27.33,27.33,0,0,1-3-7.24H13.82V64.4H25.59a27.37,27.37,0,0,1,3.1-7.23L26.5,55h0l-4.75-4.75,9.79-9.79,4.91,4.92h0l2.19,2.19a27.11,27.11,0,0,1,7.86-3v-3h0V34.87h7.92a32.59,32.59,0,0,1,2.07-3h-13V42.29a31.16,31.16,0,0,0-4.26,1.62l-7.7-7.7-14,14L25,57.71a31.89,31.89,0,0,0-1.58,3.7H10.84l0,19.85H23.28A29.84,29.84,0,0,0,24.81,85l-7.48,7.47,14,14,7.55-7.56A29.78,29.78,0,0,0,42,100.18l0,11.19,19.85,0v-11.1a30.47,30.47,0,0,0,4.34-1.86l7.45,7.44,14-14-5.48-5.48A35.07,35.07,0,0,1,77.44,85.86Z"/><path d="M49.89,57.76c-.15-1-.26-2-.32-3A18.2,18.2,0,1,0,68,82.71c-.9-.46-1.78-1-2.63-1.49A15.2,15.2,0,1,1,49.89,57.76Z"/></svg>

public/icons/Black/ageRestriction.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><title>Artboard 25</title><path d="M110.44,45.2H69.12a3.89,3.89,0,0,0-3.88,3.89V78a3.89,3.89,0,0,0,3.88,3.89h41.32A3.89,3.89,0,0,0,114.33,78V49.09A3.89,3.89,0,0,0,110.44,45.2Zm2,32.8a2.05,2.05,0,0,1-2,2H69.12a2,2,0,0,1-2-2V49.09a2,2,0,0,1,2-2.05h41.32a2.05,2.05,0,0,1,2,2.05Z"/><path d="M57.54,45.2H16.22a3.89,3.89,0,0,0-3.89,3.89V78a3.89,3.89,0,0,0,3.89,3.89H57.54A3.89,3.89,0,0,0,61.43,78V49.09A3.89,3.89,0,0,0,57.54,45.2ZM28.85,65.44v4.33H25.1V65.49l-3.84-8.17h4.31l1.34,3.91a4.57,4.57,0,0,1,.2.7c0,.19.08.39.13.6h0a7.66,7.66,0,0,1,.25-1.23l1.33-4h4Zm13.23,4.33H34V57.32h7.75v2.93h-4v1.82h3.76V65H37.79v1.83h4.29Zm9.75-1.61A3.92,3.92,0,0,1,50,69.53a8.22,8.22,0,0,1-2.88.45,9.46,9.46,0,0,1-3.58-.66V65.91a7.36,7.36,0,0,0,1.73.93,5.18,5.18,0,0,0,1.76.35A1.84,1.84,0,0,0,48,67a.75.75,0,0,0,.34-.65.88.88,0,0,0-.17-.53,1.71,1.71,0,0,0-.51-.43,8.68,8.68,0,0,0-1.28-.55c-2-.77-3-2-3-3.73a3.5,3.5,0,0,1,1.37-2.89,5.8,5.8,0,0,1,3.68-1.08c.44,0,.84,0,1.2,0s.7.08,1,.13.72.15,1.26.3v3.16a6.44,6.44,0,0,0-3.09-.85,1.89,1.89,0,0,0-1,.23.73.73,0,0,0-.38.64.8.8,0,0,0,.31.65,5.51,5.51,0,0,0,1.29.66,7.18,7.18,0,0,1,2.74,1.71A3.3,3.3,0,0,1,52.5,66,3.53,3.53,0,0,1,51.83,68.16Z"/><path d="M86.54,67.05c0,.29,0,.64,0,1h0c-.19-.31-.37-.58-.53-.8l-7.36-10H78V69.77h.86V59.47c0-.21,0-.4,0-.55h0l.12.18a5.21,5.21,0,0,0,.4.6l7.41,10.07h.61V57.32h-.86Z"/><path d="M96,57.11a5.64,5.64,0,0,0-4.4,1.79,6.9,6.9,0,0,0-1.61,4.77,6.57,6.57,0,0,0,1.57,4.56A5.33,5.33,0,0,0,95.71,70,5.49,5.49,0,0,0,100,68.21a7,7,0,0,0,1.59-4.86A6.49,6.49,0,0,0,100,58.83,5.2,5.2,0,0,0,96,57.11Zm3.4,10.58a4.66,4.66,0,0,1-3.65,1.5,4.5,4.5,0,0,1-3.55-1.52,6,6,0,0,1-1.32-4.09,5.93,5.93,0,0,1,1.4-4.12,5,5,0,0,1,7.15-.09,6,6,0,0,1,1.32,4.12A6.09,6.09,0,0,1,99.35,67.69Z"/></svg>

public/icons/Black/ageVerification.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><title>Artboard 12</title><path d="M54.67,83.26V45.21h-5A33.92,33.92,0,0,1,44.6,48.4a33.56,33.56,0,0,1-6,2.39v6.9a14.84,14.84,0,0,0,2.21-.43,18.7,18.7,0,0,0,2.15-.72,17.84,17.84,0,0,0,2-1,10.24,10.24,0,0,0,1.6-1.13V83.26Z"/><path d="M62.23,67.57a8.87,8.87,0,0,0-1.36,2.67,9.7,9.7,0,0,0-.46,3,9.46,9.46,0,0,0,1,4.32,10,10,0,0,0,2.74,3.36,12.74,12.74,0,0,0,4.18,2.17,18.83,18.83,0,0,0,10.66,0,12.69,12.69,0,0,0,4.18-2.19,9.88,9.88,0,0,0,2.71-3.37,9.78,9.78,0,0,0,1-4.35,10,10,0,0,0-.46-3A9.1,9.1,0,0,0,85,67.4a10.19,10.19,0,0,0-2.31-2.22,12.53,12.53,0,0,0-3.19-1.6A12.28,12.28,0,0,0,84.06,60a7.76,7.76,0,0,0,1.66-4.81,8.65,8.65,0,0,0-.89-3.89,9.12,9.12,0,0,0-2.47-3.1,11.8,11.8,0,0,0-3.81-2.05,15,15,0,0,0-4.85-.74,14.71,14.71,0,0,0-4.79.74,11.51,11.51,0,0,0-3.77,2.06,9.41,9.41,0,0,0-2.48,3.14,8.77,8.77,0,0,0-.9,3.94,8.19,8.19,0,0,0,1.56,4.87,11.46,11.46,0,0,0,4.39,3.59,12.35,12.35,0,0,0-3.21,1.6A10,10,0,0,0,62.23,67.57ZM69.64,54.2a4.37,4.37,0,0,1,.91-1.5,4.4,4.4,0,0,1,5-1,4.39,4.39,0,0,1,1.43,1,4.57,4.57,0,0,1,.95,1.5,5.29,5.29,0,0,1,.34,1.89,4.9,4.9,0,0,1-.35,1.84,5.07,5.07,0,0,1-1,1.5,4.47,4.47,0,0,1-1.42,1,4.34,4.34,0,0,1-3.46,0,4.5,4.5,0,0,1-1.42-1,5.05,5.05,0,0,1-1.3-3.36A5.2,5.2,0,0,1,69.64,54.2Zm-1,16.13a5.2,5.2,0,0,1,1.14-1.75,5,5,0,0,1,1.74-1.14A5.79,5.79,0,0,1,73.65,67a5.51,5.51,0,0,1,4,1.63,5.05,5.05,0,0,1,1.12,1.75,6.13,6.13,0,0,1,0,4.38,5.07,5.07,0,0,1-1.14,1.72,5.3,5.3,0,0,1-1.73,1.09,6,6,0,0,1-2.19.39,6.4,6.4,0,0,1-2.25-.38,4.93,4.93,0,0,1-1.72-1.08,4.51,4.51,0,0,1-1.12-1.71,6.26,6.26,0,0,1-.39-2.28A5.72,5.72,0,0,1,68.59,70.33Z"/><path d="M108.19,46.4a16.13,16.13,0,0,1-2.66,1.8A45.88,45.88,0,1,1,84.78,24.37,16.3,16.3,0,0,1,86.93,22,49,49,0,1,0,108.19,46.4Z"/><polygon points="96.04 42.79 98.86 42.79 98.86 35.23 106.43 35.23 106.43 32.4 98.86 32.4 98.86 24.84 96.04 24.84 96.04 32.4 88.47 32.4 88.47 35.23 96.04 35.23 96.04 42.79"/></svg>

public/icons/Black/contactForm.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><title>Artboard 5</title><rect x="46.22" y="31.85" width="55.23" height="4.39"/><polygon points="66.16 48.8 73.93 44.41 52.4 44.41 52.4 48.8 66.16 48.8"/><polygon points="93.67 48.6 93.67 44.41 85 44.41 83.81 48.6 93.67 48.6"/><path d="M11,81.34,28.58,92.06,45.33,81.34,37.59,96.1l1.21.66V110l9.83-7.89,11.8,6.41L78.14,47.63Zm30.83,22.28v-5.2l3.86,2.1Zm16.69.4L41.7,94.85,48,82.76l5.35-10.21-9.7,6.22L28.54,88.45,17.32,81.6,73.24,53.51Z"/><path d="M104.94,17.47H41.4A10.45,10.45,0,0,0,31,27.9V61.54a10.39,10.39,0,0,0,1.24,4.93L34.94,65a7.27,7.27,0,0,1-.92-3.5V27.9a7.39,7.39,0,0,1,7.38-7.38h63.54a7.39,7.39,0,0,1,7.38,7.38V61.54a7.4,7.4,0,0,1-7.38,7.39H77.85L77,72h5.19l14.51,15.2V72h8.28a10.45,10.45,0,0,0,10.43-10.44V27.9A10.44,10.44,0,0,0,104.94,17.47Z"/></svg>

public/icons/Black/countdown.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><title>Artboard 16</title><path d="M10.42,36.37V84.48H114V36.37ZM111.18,81.63H13.28V39.22h97.9Z"/><rect x="60.34" y="40.78" width="2.7" height="39.28"/><path d="M28.28,70.17a6.36,6.36,0,0,0,5.54-2.75c1.28-1.83,1.93-4.45,1.93-7.89q0-10.33-7.07-10.33A6.54,6.54,0,0,0,23,52c-1.3,1.85-2,4.52-2,8Q21,70.17,28.28,70.17Zm.2-17.56q2.72,0,2.72,7.06t-2.78,7.08q-2.84,0-2.84-6.86C25.58,55,26.55,52.61,28.48,52.61Z"/><path d="M45,57c-.69,1.3-1.32,2.64-1.89,4a41.87,41.87,0,0,0-1.51,4.25,40.27,40.27,0,0,0-1,4.55h4.67a39.13,39.13,0,0,1,1-4.64,37.56,37.56,0,0,1,1.4-4.24c.54-1.39,1.18-2.8,1.89-4.23s1.53-3,2.43-4.59V49.54H37.79v3.64h9.42C46.44,54.43,45.7,55.7,45,57Z"/><path d="M81.24,59.43a6.34,6.34,0,0,0,5.53-2.74q1.94-2.74,1.93-7.89c0-3.69-.69-6.35-2-8.07H76.35c-.14.16-.27.32-.4.5q-2,2.76-2,8Q74,59.43,81.24,59.43Zm.19-17.56q2.71,0,2.72,7.07c0,4.71-.93,7.07-2.77,7.07s-2.84-2.29-2.84-6.86Q78.54,41.88,81.43,41.87Z"/><path d="M104.05,55.37h-8.6a1.54,1.54,0,0,1,.29-.83,4.91,4.91,0,0,1,.76-.9,10.88,10.88,0,0,1,1.11-.93c.42-.32.86-.64,1.31-1,.67-.46,1.31-.94,1.93-1.43a9.85,9.85,0,0,0,1.65-1.64,7.49,7.49,0,0,0,1.15-2,6.61,6.61,0,0,0,.43-2.48,6.13,6.13,0,0,0-.45-2.39,5,5,0,0,0-.53-1H91.54V44.1a7.57,7.57,0,0,1,5-2.08,3.29,3.29,0,0,1,2.25.67,2.51,2.51,0,0,1,.74,2,3.52,3.52,0,0,1-.23,1.26,4.23,4.23,0,0,1-.69,1.15,8.14,8.14,0,0,1-1.13,1.16c-.45.38-1,.79-1.56,1.21s-1.16.86-1.79,1.37a11,11,0,0,0-1.73,1.74,9.06,9.06,0,0,0-1.32,2.22,7.23,7.23,0,0,0-.52,2.79v1.53h13.49Z"/><path d="M78.71,80.56a21.49,21.49,0,0,1-.17-3q0-7.27,2.89-7.28,2.71,0,2.72,7.07A22.58,22.58,0,0,1,84,80.56h4.47a20.92,20.92,0,0,0,.27-3.31q0-10.34-7.07-10.34A6.55,6.55,0,0,0,76,69.68q-2,2.76-2,8a22.62,22.62,0,0,0,.18,2.84Z"/><path d="M95.67,68.54a18.83,18.83,0,0,1-3.28,1.3V73.6a9,9,0,0,0,1.2-.23,9.49,9.49,0,0,0,1.17-.4,8.83,8.83,0,0,0,1.07-.52,5.38,5.38,0,0,0,.87-.62v8.73h4.45V66.8h-2.7A19.34,19.34,0,0,1,95.67,68.54Z"/></svg>

public/icons/Black/edd.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><title>Artboard 28</title><path d="M62.05,14.9a49.24,49.24,0,1,0,49.24,49.23A49.23,49.23,0,0,0,62.05,14.9Zm0,95.35a46.12,46.12,0,1,1,46.12-46.12A46.16,46.16,0,0,1,62.05,110.25Z"/><path d="M67.53,86.06a19.88,19.88,0,0,0-3.68-1.71,17.38,17.38,0,0,1-2.79-1.17A4.56,4.56,0,0,1,59.45,82a2.24,2.24,0,0,1-.54-1.52,2.68,2.68,0,0,1,.45-1.35,2.19,2.19,0,0,1,1.34-1,6.16,6.16,0,0,1,2.43-.45,17.53,17.53,0,0,1,2.25.18,7.84,7.84,0,0,1,1.71.45c.53.18.89.36,1.25.45l1.08-3.33a8.32,8.32,0,0,0-2.51-.81,26.85,26.85,0,0,0-3-.36v-3.5H60.88v3.68a8.1,8.1,0,0,0-1.43.36,8.64,8.64,0,0,0-2.88,1.44,5.56,5.56,0,0,0-1.8,2.07,5.33,5.33,0,0,0-.63,2.61,4.57,4.57,0,0,0,.9,2.87A7.21,7.21,0,0,0,57.47,86a16.36,16.36,0,0,0,3.77,1.62,15.3,15.3,0,0,1,2.61,1.08,4,4,0,0,1,1.44,1.25,3,3,0,0,1,.45,1.53,2.51,2.51,0,0,1-.54,1.62,3.66,3.66,0,0,1-1.62,1.08,7.1,7.1,0,0,1-2.52.36,18.84,18.84,0,0,1-2.33-.18l-2.16-.54a10.73,10.73,0,0,1-1.8-.72l-1.08,3.51a6.81,6.81,0,0,0,1.8.71q1.08.27,2.43.54c.9.09,1.79.18,2.69.18h.18v3.6h3.06V97.74l1.08-.27A8.71,8.71,0,0,0,68,96a5.42,5.42,0,0,0,1.8-2.25,6.61,6.61,0,0,0,.63-2.7,5.9,5.9,0,0,0-.72-2.87A6.84,6.84,0,0,0,67.53,86.06Z"/><path d="M102.8,63.74a40.75,40.75,0,0,0-81.5,0L40,45.05l6.29,6.29L32.6,65h59L77.9,51.34l6.29-6.29ZM63.09,58.91,45.67,40.63H57.23v-9c0-2.3,2.63-4.25,5.86-4.25S69,29.25,69,31.63v9H80.51Z"/></svg>

public/icons/Black/eye.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" width="18.861" height="13.781" viewBox="0 0 18.861 13.781"><g transform="translate(-2.696 -34.461)"><path d="M.2,7.6A1.149,1.149,0,0,1,.188,6.328C1.04,5.033,4.676,0,9.688,0c5.042,0,8.3,5.1,9.021,6.349a1.144,1.144,0,0,1,.153.571v.057a1.156,1.156,0,0,1-.181.62c-.807,1.265-4.262,6.185-9.251,6.185C4.73,13.781,1.075,8.88.2,7.6Zm4.2-.713A5.033,5.033,0,1,0,9.433,1.859,5.033,5.033,0,0,0,4.4,6.891ZM7.658,8.906A2.68,2.68,0,0,1,7,5.759L9.433,6.852l-.919-2.48a2.68,2.68,0,1,1-.856,4.534Z" transform="translate(2.696 34.461)"/></g></svg>

public/icons/Black/fblike.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><title>Artboard 25 copy</title><path d="M63.82,14.9a49.92,49.92,0,1,0,49.92,49.92A49.92,49.92,0,0,0,63.82,14.9Zm0,96.68a46.76,46.76,0,1,1,46.76-46.76A46.81,46.81,0,0,1,63.82,111.58Z"/><path d="M69,48.48c0-1.25.56-1.88,1.65-1.88H78.1V34.77l-9.9,0c-9.69,0-13.14,6.79-13.14,13.15v5.74H49.3V65.76h5.76V94.92H69V65.76H77.1l1.24-12.14H69Zm7.3,7-.87,8.47H67.18V93.08H56.89V63.93H51.13V55.46h5.76V47.88c0-2.66.82-11.32,11.31-11.32l8.06,0v8.17h-5.6a3.38,3.38,0,0,0-3.48,3.72v7Z"/></svg>

public/icons/Black/gamification.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><title>Artboard 26</title><path d="M102.19,50.2H67.25a1.84,1.84,0,0,0-1.27.48,4.2,4.2,0,0,1-5.86,0,1.84,1.84,0,0,0-1.27-.48H23.37a4.6,4.6,0,0,0-4.6,4.6V66.56a4.18,4.18,0,0,0,2.68,3.9v38.09a4.28,4.28,0,0,0,4.27,4.28H99.85a4.28,4.28,0,0,0,4.27-4.28V70.46a4.2,4.2,0,0,0,2.68-3.9V54.8A4.6,4.6,0,0,0,102.19,50.2Zm-.64,58.35a1.71,1.71,0,0,1-1.7,1.71H25.72a1.71,1.71,0,0,1-1.7-1.71V70.89h77.53Zm2.81-42a1.76,1.76,0,0,1-1.76,1.76H23a1.76,1.76,0,0,1-1.77-1.76V54.8a2.16,2.16,0,0,1,2.17-2.16H102.2a2.16,2.16,0,0,1,2.16,2.16Z"/><path d="M60.83,48.46a2.25,2.25,0,0,0,1,1.4A2.27,2.27,0,0,0,65,49.24a2.3,2.3,0,0,0,.24-2.09C73.62,42.76,94.71,30.64,84.3,24,68.85,14.8,63.89,35.36,62.47,44.58,59.08,33.33,49.51,7,36.77,16.79,16.83,33.05,50.35,45.19,60.83,48.46ZM79,27.1c9.87,4.87-12.91,18.42-13.92,19C65.07,46.11,63.62,20,79,27.1ZM39.24,23.74c10.33-9.89,21.42,20,21.91,21.31C61.15,45.05,23.86,39.27,39.24,23.74Z"/></svg>

public/icons/Black/geo-targeting.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><title>Artboard 13</title><path d="M72,43.84a14.63,14.63,0,0,0-9.64-3.43,14.83,14.83,0,0,0-9.75,3.49,16,16,0,0,0-3.49,20l13,23.79L75.34,63.88A16,16,0,0,0,72,43.84Zm1.31,18.9L62.13,82.82l-11-20a13.68,13.68,0,0,1,2.92-17.08,12.52,12.52,0,0,1,8.24-2.93,12.37,12.37,0,0,1,8.13,2.87A13.6,13.6,0,0,1,73.27,62.74Z"/><path d="M62.24,47.51a7.62,7.62,0,1,0,7.61,7.61A7.62,7.62,0,0,0,62.24,47.51Zm0,12.87a5.26,5.26,0,1,1,5.25-5.26A5.27,5.27,0,0,1,62.24,60.38Z"/><path d="M103.09,62.29a40.44,40.44,0,0,0-39.21-39V13.57h-3v9.74a40.44,40.44,0,0,0-38.66,39H12.18v3H22.25a40.45,40.45,0,0,0,38.66,38.87V114h3v-9.85a40.45,40.45,0,0,0,39.21-38.88h9.52v-3Zm-3.15,3A37.35,37.35,0,0,1,63.88,101V90.69h-3V101A37.35,37.35,0,0,1,25.4,65.27H35.49v-3H25.4A37.34,37.34,0,0,1,60.91,26.46V36.88h3V26.45A37.34,37.34,0,0,1,99.94,62.29H89.3v3Z"/></svg>

public/icons/Black/html.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><title>Artboard 27 copy</title><polygon points="56.9 63.9 25.65 44.96 56.9 25.7 56.9 15.64 11.95 42.72 11.95 47.64 56.9 74.39 56.9 63.9"/><polygon points="90.91 84.48 90.91 89.09 105.22 97.91 90.91 106.58 90.91 111.39 111.49 99.13 111.49 96.88 90.91 84.48"/><polygon points="102.65 29.6 46.6 112.68 52.83 112.68 109 29.6 102.65 29.6"/></svg>

public/icons/Black/iframe.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><title>Artboard 14</title><path d="M12.66,14.06v99.71H112V14.06Zm3.16,23.72h61.4v47.4H15.82Zm93,72.83h-93V88.29h93Zm0-25.43H80.33V37.78h28.53Zm0-50.51h-93V17.22h93Z"/><rect x="82.17" y="23.69" width="4.69" height="4.58"/><rect x="89.99" y="23.69" width="4.69" height="4.58"/><rect x="97.87" y="23.69" width="4.69" height="4.58"/></svg>

public/icons/Black/image.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><title>Artboard 26 copy</title><path d="M62.47,14.9A49.51,49.51,0,1,0,112,64.41,49.51,49.51,0,0,0,62.47,14.9Zm0,95.87a46.37,46.37,0,1,1,46.37-46.36A46.42,46.42,0,0,1,62.47,110.77Z"/><circle cx="56.45" cy="47.81" r="6.84" transform="translate(-17.27 53.92) rotate(-45)"/><polygon points="85.58 50.03 58.42 83.1 35.34 64.35 20.11 77.77 21.11 80.51 35.41 67.91 58.8 86.91 85.9 53.92 105.78 71.44 106.01 68.03 85.58 50.03"/></svg>

public/icons/Black/login.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><title>Artboard 22</title><path d="M64.19,36.43a1.38,1.38,0,0,0,.56-.12,1.35,1.35,0,0,0,.77-1L66,31.62l3.75,3a1.33,1.33,0,0,0,2.16-1.22c-.2-1.45-.4-3-.55-4.37,1.21,1,2.74,2.33,4.19,3.57a1.33,1.33,0,1,0,1.74-2c-6.45-5.56-6.71-5.64-7-5.75a1.37,1.37,0,0,0-1.29.25c-.54.45-.75.63-.16,5.35l-3-2.41a1.32,1.32,0,0,0-1.33-.21,1.35,1.35,0,0,0-.84,1.06l-.55,3.92c-3.55-2.32-7-4.62-7.62-5.16a1.32,1.32,0,0,0-1-.51,1.34,1.34,0,0,0-1.34,1.33c0,.91,0,1.05,10.32,7.73A1.34,1.34,0,0,0,64.19,36.43Z"/><path d="M96,65.69c-6-3.64-13.94-6.13-22.51-7.2A30.05,30.05,0,0,0,82.3,46a1.26,1.26,0,0,0,.27,0c1.55,0,2.82-1.82,2.82-4.06a4.39,4.39,0,0,0-1.71-3.74c0-13.48-4.56-24.14-19.87-24.14S44,24.75,44,38.25A4.17,4.17,0,0,0,42,42.08c0,2.25,1.26,4.07,2.82,4.07a2,2,0,0,0,.49-.07,29.63,29.63,0,0,0,8.72,12.45c-8.73,1.13-16.72,3.73-22.76,7.52a10.17,10.17,0,0,0-4.82,8.66V92.39h18a16.15,16.15,0,0,1,.81-2.67H29.15v-15a7.53,7.53,0,0,1,3.57-6.4,51.51,51.51,0,0,1,17.79-6.52,14.13,14.13,0,0,0-.1,1.47,13,13,0,1,0,25.94,0,13,13,0,0,0-.12-1.66A53.08,53.08,0,0,1,94.62,68a7.56,7.56,0,0,1,3.66,6.45V89.72H81.39a16.15,16.15,0,0,1,.81,2.67H101v-18A10.25,10.25,0,0,0,96,65.69ZM47.86,45.19a2.7,2.7,0,0,0-2.54-1.78H45a2.4,2.4,0,0,1-.34-1.34,2.17,2.17,0,0,1,.42-1.43,2.67,2.67,0,0,0,1.5-2.4c0-14.66,5.48-21.49,17.19-21.49S81,23.58,81,38.23a2.67,2.67,0,0,0,1.25,2.27A2.09,2.09,0,0,1,82.72,42a2.41,2.41,0,0,1-.36,1.35H82.3a2.66,2.66,0,0,0-2.51,1.77c-3.17,8.87-11.74,15.3-16,15.3S51.09,54.32,47.86,45.19ZM63.38,74a10.53,10.53,0,0,1-10.3-10.73,11.06,11.06,0,0,1,.19-1.92c1.33-.19,2.67-.35,4-.48a13.32,13.32,0,0,0,6.51,2.2,13.19,13.19,0,0,0,6.44-2.23c1.08.09,2.14.21,3.2.34a11.05,11.05,0,0,1,.22,2.09A10.52,10.52,0,0,1,63.38,74Z"/><path d="M63.25,78.13A17.55,17.55,0,1,0,80.79,95.68,17.56,17.56,0,0,0,63.25,78.13Zm0,32.42A14.87,14.87,0,1,1,78.12,95.68,14.89,14.89,0,0,1,63.25,110.55Z"/><rect x="54.85" y="93.91" width="14.87" height="5.27" transform="translate(-51.7 82.17) rotate(-49.99)"/><polygon points="55.33 104.84 58.96 104.56 54.92 101.17 55.33 104.84"/><path d="M68.89,86.78a1.42,1.42,0,0,0-2,.18l-1.31,1.56,4,3.38,1.31-1.56a1.41,1.41,0,0,0-.18-2Z"/></svg>

public/icons/Black/moreIdeas.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><title>Artboard 27 copy 3</title><path d="M77.21,39.19A28.54,28.54,0,1,0,40.05,82.5a10.83,10.83,0,0,1,3.86,8.41v10a3.51,3.51,0,0,0,3.55,3.52l.38,0,21.43-3a3.52,3.52,0,0,0,3.19-3.51v-7a11.13,11.13,0,0,1,4-8.54,28.53,28.53,0,0,0,.73-43.18Zm-2.6,40.93a14.06,14.06,0,0,0-5.07,10.79v7a.62.62,0,0,1-.61.6l-21.44,3a.61.61,0,0,1-.46-.16.6.6,0,0,1-.19-.44v-10a13.74,13.74,0,0,0-4.93-10.67A25.61,25.61,0,0,1,55.24,35a27.34,27.34,0,0,1,3-.17,25.32,25.32,0,0,1,17,6.53,25.6,25.6,0,0,1-.65,38.74Z"/><path d="M68.79,103.66l-20.27,2.53a1.47,1.47,0,0,0,.36,2.91l20.27-2.54a1.46,1.46,0,0,0-.36-2.9Z"/><path d="M67.24,108.66,50.13,110.8a1.23,1.23,0,0,0,.31,2.45l5.65-.7a3.46,3.46,0,0,0,6.48-.81l5-.63a1.22,1.22,0,0,0,1.07-1.37A1.23,1.23,0,0,0,67.24,108.66Z"/><path d="M22.82,54.3H16.11a1.63,1.63,0,1,0,0,3.25h6.71a1.63,1.63,0,0,0,0-3.25Z"/><path d="M101.24,54.3H94.53a1.63,1.63,0,0,0,0,3.25h6.71a1.63,1.63,0,1,0,0-3.25Z"/><path d="M35,35.86a1.62,1.62,0,0,0,0-2.3l-8-8a1.62,1.62,0,0,0-2.29,2.3l8,8A1.62,1.62,0,0,0,35,35.86Z"/><path d="M90.06,25.47l-8,8a1.62,1.62,0,1,0,2.3,2.29l8-8a1.63,1.63,0,1,0-2.3-2.3Z"/><rect x="57.03" y="14.9" width="3.25" height="10.27" rx="1.36"/></svg>

public/icons/Black/pdf.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><title>Artboard 27</title><path d="M53.38,58c-.5,1.08-1,2.13-1.46,3.17a108.6,108.6,0,0,1-5,9.72,54,54,0,0,0-11.34,5.33,24.54,24.54,0,0,0-4.49,3.63,7.91,7.91,0,0,0-2.51,4.65,2.93,2.93,0,0,0,1.17,2.59,4.89,4.89,0,0,0,4,.52c4.33-.91,7.65-4.63,10.48-7.76a84.86,84.86,0,0,0,6.49-8.22v0a96.27,96.27,0,0,1,12.91-3c2.1-.35,4.26-.64,6.46-.84a29.72,29.72,0,0,0,5,3.87,22.82,22.82,0,0,0,4.51,2.16A32.3,32.3,0,0,0,84.49,75a14.61,14.61,0,0,0,2.57.14c2-.07,4.76-.82,5-3.19A3.26,3.26,0,0,0,91.59,70c-1.53-2.74-6.85-3.6-9.28-4a38,38,0,0,0-5.83-.39c-1.53,0-3,.06-4.52.15l-1.63.13c-.55-.57-1.09-1.17-1.61-1.77a58.88,58.88,0,0,1-8.13-12.95,52.27,52.27,0,0,0,1.31-7c.51-4.4.69-9.42-1-13.61-.57-1.45-2.09-3.21-3.84-2.34-2,1-2.58,3.87-2.75,5.9a19.6,19.6,0,0,0,.24,4.9,35.23,35.23,0,0,0,1.22,4.7c.46,1.41,1,2.81,1.52,4.2-.35,1.09-.73,2.16-1.11,3.21C55.31,53.56,54.32,55.82,53.38,58ZM44.79,74.36c-.91,1.42-1.8,2.69-2.63,3.81-2,2.78-4.36,6.07-7.73,7.3a5.94,5.94,0,0,1-2.37.42c-.8,0-1.58-.39-1.54-1.29a3.87,3.87,0,0,1,.6-1.66,10.45,10.45,0,0,1,1.38-1.78,23.13,23.13,0,0,1,4.13-3.35,49.32,49.32,0,0,1,8.73-4.34Zm31.67-6.9a36.47,36.47,0,0,1,4.43.28,15.58,15.58,0,0,1,8,3c.42.35.56.66.51.93-.14.77-1.77,1.2-2.53,1.32a14.52,14.52,0,0,1-6.76-.65,21.31,21.31,0,0,1-4.25-2,24.52,24.52,0,0,1-3.77-2.82C73.53,67.49,75,67.43,76.46,67.46ZM56.28,38.79a16.17,16.17,0,0,1-.13-4.44,9.58,9.58,0,0,1,.44-2.09c.18-.56.57-1.93,1.19-2.11,1-.29,1.34,1.92,1.46,2.54.66,3.54.07,7.49-.72,11-.13.56-.27,1.1-.41,1.64-.25-.67-.48-1.35-.7-2A35.7,35.7,0,0,1,56.28,38.79Zm3.61,14.87a54.15,54.15,0,0,0,7.66,11.49c.29.32.57.63.87.94-1.73.18-3.43.41-5.09.68a97.86,97.86,0,0,0-11,2.41c.41-.12,2.31-3.71,2.73-4.46A53.73,53.73,0,0,0,59.89,53.66Z"/><path d="M82.56,39.7a5.75,5.75,0,0,0,4.06-1.33,4.8,4.8,0,0,0,1.43-3.74,4.24,4.24,0,0,0-1.37-3.4A6.12,6.12,0,0,0,82.56,30h-5V44.49h3.9V39.7Zm-1.09-6.52h1c1.09,0,1.63.49,1.63,1.47A1.81,1.81,0,0,1,83.58,36a2,2,0,0,1-1.4.5h-.71Z"/><path d="M100.65,42.53a7.49,7.49,0,0,0,2-5.58,6.7,6.7,0,0,0-1.9-5.14A7.52,7.52,0,0,0,95.37,30h-5V44.49H95A7.65,7.65,0,0,0,100.65,42.53Zm-6.38-9.35h1.14a2.92,2.92,0,0,1,2.39,1,4.64,4.64,0,0,1,.78,3,4.93,4.93,0,0,1-.83,3.16,3.14,3.14,0,0,1-2.61,1h-.87Z"/><polygon points="113.78 33.16 113.78 30.03 105.23 30.03 105.23 44.49 109.08 44.49 109.08 39.06 113.41 39.06 113.41 35.92 109.08 35.92 109.08 33.16 113.78 33.16"/><path d="M100.2,48.88a44.41,44.41,0,1,1-13.58-20.8A12.37,12.37,0,0,1,89,26.17a47.24,47.24,0,1,0,13.89,21.29A12.48,12.48,0,0,1,100.2,48.88Z"/></svg>

public/icons/Black/pushNotification.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><title>Artboard 29</title><path d="M61.75,14.9A48.91,48.91,0,0,0,23.53,94.33L22.07,112l17.35-4.65A48.92,48.92,0,1,0,61.75,14.9Zm0,95a46.06,46.06,0,0,1-21.65-5.4l-.65-.35-14,3.84,1.22-14.31-.46-.57a46.07,46.07,0,1,1,35.57,16.79Z"/><path d="M95.16,72.75c-.66-.39-1.24-.73-1.87-1-4.49-2.23-7.36-6-9.29-12.14-.62-2-1.06-4.06-1.5-6.07s-.88-4.11-1.51-6.16c-2.93-9.52-9.75-15.06-18.72-15.21-.09,0-.35,0-.35,0a.74.74,0,0,1-.12-.22c-.87-2.15-2.92-3.16-5.48-2.72s-4.15,2-4.29,4.35c0,.4,0,.43-.63.7-7.7,3.4-11.65,9.59-11.74,18.41a52.29,52.29,0,0,0,.85,8.57l.2,1.23c.88,5.78,1.4,10.57-.6,15.33a22.75,22.75,0,0,1-3.61,5.3c-.49.59-1,1.2-1.48,1.82l1.39,2.28L95.77,76l.44-2.63ZM39.7,83.68a20.07,20.07,0,0,0,3-4.78C45,73.47,44.44,68.06,43.52,62l-.2-1.24a50.33,50.33,0,0,1-.82-8.1c.08-7.71,3.37-12.89,10-15.84a3.39,3.39,0,0,0,2.32-3.13c0-.42.09-1.4,1.93-1.72a4.25,4.25,0,0,1,.67-.06A1.6,1.6,0,0,1,59.17,33a2.94,2.94,0,0,0,3,2c10.49.18,14.56,8.35,16,13.2.6,1.93,1,4,1.45,5.93s.91,4.22,1.57,6.32c2,6.59,5.27,10.9,10.1,13.51Z"/><path d="M73.32,82.2c-2.25.47-4.51.86-6.77,1.29s-4.63.91-7,1.3c-1,.17-1.11.57-.67,1.45,1.47,2.91,5.27,4.61,8.91,3.9s6.4-3.7,6.66-6.85C74.58,82.31,74.34,82,73.32,82.2Z"/></svg>

public/icons/Black/registration.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><title>Artboard 23</title><path d="M63.15,36a1.38,1.38,0,0,0,.56-.12,1.32,1.32,0,0,0,.77-1L65,31.19l3.77,3.06A1.34,1.34,0,0,0,70.94,33c-.2-1.46-.41-3.07-.56-4.39,1.22,1,2.76,2.34,4.21,3.59a1.35,1.35,0,1,0,1.76-2c-6.49-5.58-6.75-5.67-7.06-5.77a1.39,1.39,0,0,0-1.3.24c-.54.46-.76.64-.16,5.38l-3-2.42a1.31,1.31,0,0,0-1.33-.21,1.35,1.35,0,0,0-.84,1.06l-.56,3.95c-3.56-2.33-7-4.65-7.66-5.19a1.33,1.33,0,0,0-1.05-.52,1.35,1.35,0,0,0-1.35,1.35c0,.91,0,1.05,10.37,7.76A1.3,1.3,0,0,0,63.15,36Z"/><path d="M95.12,65.44c-6.06-3.66-14-6.16-22.62-7.24a30.18,30.18,0,0,0,8.85-12.56,2.51,2.51,0,0,0,.27,0c1.57,0,2.84-1.83,2.84-4.09a4.42,4.42,0,0,0-1.72-3.76c0-13.55-4.59-24.26-20-24.26s-20,10.72-20,24.28a4.23,4.23,0,0,0-1.93,3.86c0,2.26,1.27,4.09,2.83,4.09a2.09,2.09,0,0,0,.5-.08A29.81,29.81,0,0,0,53,58.24C44.19,59.38,36.16,62,30.08,65.8a10.24,10.24,0,0,0-4.84,8.7V92.28h18a16,16,0,0,1,.81-2.68H27.93V74.5a7.58,7.58,0,0,1,3.58-6.43A51.8,51.8,0,0,1,49.4,61.52,14.1,14.1,0,0,0,49.29,63a13,13,0,1,0,26.08,0,13,13,0,0,0-.12-1.67,53.58,53.58,0,0,1,18.49,6.41,7.59,7.59,0,0,1,3.67,6.48V89.6h-17a16,16,0,0,1,.81,2.68H100.1V74.22A10.3,10.3,0,0,0,95.12,65.44ZM46.73,44.83A2.7,2.7,0,0,0,44.18,43l-.28,0a2.45,2.45,0,0,1-.35-1.35A2.11,2.11,0,0,1,44,40.27a2.69,2.69,0,0,0,1.5-2.42c0-14.73,5.51-21.6,17.29-21.6S80,23.11,80.05,37.84a2.66,2.66,0,0,0,1.27,2.27,2.14,2.14,0,0,1,.45,1.48A2.52,2.52,0,0,1,81.42,43h-.07a2.7,2.7,0,0,0-2.53,1.79c-3.18,8.91-11.8,15.37-16,15.37S50,54,46.73,44.83Zm15.6,29A10.58,10.58,0,0,1,52,63a11.17,11.17,0,0,1,.19-1.93c1.34-.19,2.68-.36,4-.48a13.45,13.45,0,0,0,6.55,2.2,13.24,13.24,0,0,0,6.47-2.24c1.08.1,2.15.21,3.21.35a10.39,10.39,0,0,1,.23,2.1A10.58,10.58,0,0,1,62.33,73.78Z"/><path d="M62.2,78A17.64,17.64,0,1,0,79.83,95.58,17.65,17.65,0,0,0,62.2,78Zm0,32.58a14.95,14.95,0,1,1,15-15A15,15,0,0,1,62.2,110.53Z"/><path d="M69.09,91.36H60.68V89.09a1.88,1.88,0,0,1,3.76,0v.26h1.75v-.26a3.64,3.64,0,0,0-7.27,0v2.27H55.6a1.92,1.92,0,0,0-1.92,1.92v9.33a1.92,1.92,0,0,0,1.92,1.91H69.09A1.91,1.91,0,0,0,71,102.61V93.28A1.91,1.91,0,0,0,69.09,91.36Zm-6.23,6.88v3a.52.52,0,0,1-1,0v-3a2.09,2.09,0,1,1,1,0Z"/></svg>

public/icons/Black/scheduling.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><title>Artboard 7</title><path d="M66.67,30.37a3.08,3.08,0,0,0,3.08,3.08h7.52a3.08,3.08,0,0,0,3.08-3.08V18.56a3.08,3.08,0,0,0-3.08-3.08H69.75a3.08,3.08,0,0,0-3.08,3.08v2.1H39.27v3.05h27.4Zm3.08-11.85h7.52l0,0,0,11.85-7.56,0Z"/><path d="M18.35,91.76A3.31,3.31,0,0,1,15,88.45V47.4h76.1V57.82a28,28,0,0,1,3,.53V27a6.36,6.36,0,0,0-6.35-6.35H80.35v3.05h7.48A3.31,3.31,0,0,1,91.14,27V43.38H15V27a3.31,3.31,0,0,1,3.31-3.3h7.24v6.66a3.08,3.08,0,0,0,3.09,3.08h7.51a3.08,3.08,0,0,0,3.08-3.08V18.56a3.08,3.08,0,0,0-3.08-3.08H28.68a3.08,3.08,0,0,0-3.09,3.08v2.1H18.35A6.36,6.36,0,0,0,12,27V88.45a6.36,6.36,0,0,0,6.35,6.35h41.4a30.47,30.47,0,0,1-.69-3ZM28.68,18.52h7.51l0,0,0,11.85-7.56,0Z"/><path d="M88,59.56A26.74,26.74,0,1,0,114.71,86.3,26.77,26.77,0,0,0,88,59.56ZM88,110a23.7,23.7,0,1,1,23.69-23.7A23.72,23.72,0,0,1,88,110Z"/><path d="M101.65,85.53h-12V74.2A1.2,1.2,0,0,0,88.5,73H87.41a1.2,1.2,0,0,0-1.2,1.2V85.53h0v3.56h15.44A1.07,1.07,0,0,0,102.73,88V86.6A1.07,1.07,0,0,0,101.65,85.53Z"/></svg>

public/icons/Black/sgpbAWeber.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><title>Artboard 11</title><path d="M90.83,14.1H49.58s-6.17,17.07-6.17,49.44,6.17,49.85,6.17,49.85H90.83A21.59,21.59,0,0,0,112.41,91.8V35.69A21.59,21.59,0,0,0,90.83,14.1Zm18.29,77.7a18.31,18.31,0,0,1-18.29,18.3h-38S46.7,93.41,46.7,63.54,52.87,17.4,52.87,17.4h38a18.3,18.3,0,0,1,18.29,18.29Z"/><path d="M35.37,14.1A21.59,21.59,0,0,0,13.78,35.69V91.8a21.59,21.59,0,0,0,21.59,21.59h6.27s-6.42-17.47-6.42-49.85S41.7,14.1,41.7,14.1Zm1.83,96H35.37A18.31,18.31,0,0,1,17.08,91.8V35.69A18.3,18.3,0,0,1,35.37,17.4h1.82s-5.32,16.51-5.32,46.38S37.2,110.1,37.2,110.1Z"/><path d="M65.82,24.33h-.07A6.8,6.8,0,0,0,59,29.17s-5.45,14.6-5.45,35.27C53.58,84.66,59,99.18,59,99.18A6.81,6.81,0,0,0,65.71,104c4.49,0,7.79-3.82,6.71-7.78a124.27,124.27,0,0,1-4.64-32c0-15,4.77-32.11,4.77-32.11C73.56,28.1,70.27,24.33,65.82,24.33ZM69,31.23c-.2.72-4.88,17.66-4.88,32.92A125.84,125.84,0,0,0,68.92,97a2.78,2.78,0,0,1-.62,2.52,3.4,3.4,0,0,1-2.59,1.15,3.23,3.23,0,0,1-3.19-2.28l0-.14,0-.14A107.32,107.32,0,0,1,57.2,64.44a109,109,0,0,1,5.26-34.22l0-.14,0-.16a3.22,3.22,0,0,1,3.2-2.29h.07a3.39,3.39,0,0,1,2.57,1.13A2.7,2.7,0,0,1,69,31.23Z"/><path d="M83.58,35.6h0c-2.66,0-5,1.43-5.58,3.46A69.52,69.52,0,0,0,73.43,64.3a68.62,68.62,0,0,0,4.49,24.86c.63,2,2.93,3.43,5.57,3.43h0c3.73,0,6.46-2.73,5.57-5.56A77.89,77.89,0,0,1,85.21,64.1c0-10.76,4-23,4-23C90,38.3,87.27,35.6,83.58,35.6Zm2.67,4.94c-.17.51-4,12.63-4,23.56a78.81,78.81,0,0,0,4,23.51,1.8,1.8,0,0,1-.51,1.81,3,3,0,0,1-2.15.82,2.68,2.68,0,0,1-2.65-1.63l0-.1,0-.1A67.48,67.48,0,0,1,76.43,64.3a68.48,68.48,0,0,1,4.36-24.48l0-.11,0-.11A2.67,2.67,0,0,1,83.53,38h0a3,3,0,0,1,2.14.81A1.76,1.76,0,0,1,86.25,40.54Z"/></svg>

public/icons/Black/sgpbAdBlock.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><title>Artboard 10</title><path d="M83.11,14.3H41.56L14,43.05v42.8l27.53,28H83.11l28.59-28V43.05Zm25.48,70.25L81.84,110.76h-39L17.14,84.58V44.3L42.89,17.41H81.82l26.77,26.92Z"/><path d="M76.44,54.47l-1,2.69V39.38a5.65,5.65,0,0,0-5.52-5.74h-.44a5.28,5.28,0,0,0-2.61.71,6.3,6.3,0,0,0-12.22,0,5.53,5.53,0,0,0-2.84-.81,5.86,5.86,0,0,0-5.74,6v2.63a5,5,0,0,0-2.35-.62c-3,0-5.42,2.71-5.42,6V77h0a21.65,21.65,0,0,0,5.68,15.18,20.76,20.76,0,0,0,15.21,6.41h.08a22.54,22.54,0,0,0,16-6.57,21.15,21.15,0,0,0,6.2-13c.08-.63,1.41-10,2.07-12.46A54.35,54.35,0,0,1,87,59a5.65,5.65,0,0,0-2.82-7.45l-.4-.17A5.64,5.64,0,0,0,76.44,54.47ZM83,54.39a2.53,2.53,0,0,1,1.18,3.38,53.92,53.92,0,0,0-3.07,7.16c-.8,2.77-2.7,13.92-2.7,13.92h0l0,0a18.18,18.18,0,0,1-5.29,10.94,19.5,19.5,0,0,1-13.86,5.66h-.07a17.69,17.69,0,0,1-13-5.44,18.65,18.65,0,0,1-4.83-13V47.53c0-1.62,1-2.94,2.32-2.94S46,45.91,46,47.53V61.18h3.13V39.48a2.65,2.65,0,1,1,5.28,0V59.72h3.1V35.82a3.21,3.21,0,0,1,6.41,0v3.47s0,.06,0,.09V61.23H67V39.29a2.54,2.54,0,0,1,2.42-2.55h.44a2.54,2.54,0,0,1,2.41,2.64V65.16H75.4l3.89-9.47a2.54,2.54,0,0,1,3.27-1.47Z"/></svg>

public/icons/Black/sgpbAdvancedTargeting.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><title>Artboard 8</title><path d="M53.21,59.22l.1,0C54.21,65.32,58.39,70,63.41,70s9.25-4.69,10.13-10.87a1,1,0,0,0,.34.06c.89,0,1.61-1.1,1.61-2.45s-.69-2.38-1.55-2.43A12.29,12.29,0,0,0,74,52.77c0-6.84-2.77-12.38-10.7-12.38-8.21,0-10.69,5.54-10.69,12.38a13.13,13.13,0,0,0,.11,1.67,2.51,2.51,0,0,0-1.16,2.33C51.59,58.12,52.32,59.22,53.21,59.22Zm3.43-9.72a4.29,4.29,0,0,1,3.61,1.22c1.68,1.69,2,1.21,2.06,1s-.14-3.09,1.06-3.19c1.38-.12,4.41,5,5.37,4.81s-2.48-4.57-1.28-5c.7-.23,2.65,2.66,4.2,4.85a15.6,15.6,0,0,1,.41,3.54c0,6.4-3.88,11.61-8.66,11.61-4.62,0-8.4-4.89-8.63-11a4.39,4.39,0,0,0,0-.53,3.1,3.1,0,0,0,0-.54A14.08,14.08,0,0,1,56.64,49.5Z"/><path d="M63.36,77.7c-4.48,0-8.34-3-10.24-7.28A28.65,28.65,0,0,0,40.34,78v8H84.5V77a28.84,28.84,0,0,0-11-6.35C71.56,74.85,67.75,77.7,63.36,77.7Z"/><path d="M63.72,13.3a50,50,0,1,0,50,50A50,50,0,0,0,63.72,13.3ZM65.31,110V94.49H62.1V110A46.77,46.77,0,0,1,17,65H32.58V61.75H17A46.75,46.75,0,0,1,62.1,16.62V32.15h3.21V16.62A46.76,46.76,0,0,1,110.4,61.75H94.76V65H110.4A46.77,46.77,0,0,1,65.31,110Z"/></svg>

public/icons/Black/sgpbAnalitics.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><title>Artboard 3</title><path d="M113.67,27.73l-5.83,5.38-4.68,3.82,6-1.18,2.34-.46c-3.58,6.16-15.58,26.78-17.35,29.78A7.56,7.56,0,0,0,82.83,69L60.71,62.87l-.66,1.23c0-.31.05-.63.05-.95a10.25,10.25,0,1,0-18.39,6.19l-.23-.22-29.64,33L44.37,71.85l-.18-.17a10.22,10.22,0,0,0,15.06-4.45L82.5,72.81l0-.06a7.59,7.59,0,0,0,15.07-1.3A7.51,7.51,0,0,0,96.74,68l15-32.73.12,0,1.39,2.62L116,43l.11-5.86.16-8.29.07-3.57ZM49.85,70.94a7.79,7.79,0,1,1,7.79-7.79A7.79,7.79,0,0,1,49.85,70.94ZM90,76.59a5.14,5.14,0,1,1,5.14-5.14A5.15,5.15,0,0,1,90,76.59Zm24.55-39.46-1.92-3.61-3.8.74c.2-.17,5.88-5.42,5.88-5.42Z"/></svg>

public/icons/Black/sgpbExitIntent.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><title>Artboard 2</title><path d="M108.34,51.51A46.52,46.52,0,1,1,83.08,21.58a22.25,22.25,0,0,1,2.26-3.34A50.55,50.55,0,1,0,112,49.85,21.34,21.34,0,0,1,108.34,51.51Z"/><polygon points="80.93 35.46 98.93 35.46 98.93 45.5 114.77 33.95 98.93 21.35 98.93 31.43 80.93 31.43 80.93 35.46"/><polygon points="79.49 42.4 62.59 60.43 45.95 42.66 42.91 45.5 59.75 63.47 43.43 80.88 46.46 83.72 62.59 66.5 78.97 83.98 82 81.14 65.44 63.47 82.52 45.24 79.49 42.4"/></svg>

public/icons/Black/sgpbInactivity.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><title>Artboard 21</title><path d="M46.11,53.57a5.16,5.16,0,0,1,1.52-2.63c1.62-1.17,4.47-1.4,7-1.6s4.78-.39,6.1-1.4a5.9,5.9,0,0,0,2-5.81l-1.47.35a4.44,4.44,0,0,1-1.4,4.27c-1,.74-3.07.91-5.3,1.09-2.85.23-5.79.47-7.75,1.88a7,7,0,0,0-2.2,3.83A21.74,21.74,0,0,0,23.14,75.29V91.41a21.75,21.75,0,0,0,21.75,21.76h0A21.76,21.76,0,0,0,66.65,91.41V75.29A21.77,21.77,0,0,0,46.11,53.57ZM63.63,91.41a18.74,18.74,0,0,1-37.48,0V75.29A18.75,18.75,0,0,1,43.94,56.6a38.66,38.66,0,0,0-.31,5.14h-.46a2.43,2.43,0,0,0-2.43,2.42V76.35a2.43,2.43,0,0,0,2.43,2.42h2.89a2.42,2.42,0,0,0,2.42-2.42V64.16a2.42,2.42,0,0,0-2.42-2.42h-.93a39.38,39.38,0,0,1,.34-5.16A18.75,18.75,0,0,1,63.63,75.29Z"/><polygon points="84.08 16.75 84.08 14.35 68.08 14.35 68.08 17.84 78 17.84 67.31 30.89 67.31 33.35 84.11 33.35 84.11 29.88 73.63 29.88 84.08 16.75"/><polygon points="93.37 44.01 102.06 33.09 102.06 31.1 88.76 31.1 88.76 33.99 97.01 33.99 88.12 44.85 88.12 46.9 102.09 46.9 102.09 44.01 93.37 44.01"/><polygon points="83.78 41.94 83.78 40.47 73.99 40.47 73.99 42.6 80.06 42.6 73.52 50.59 73.52 52.1 83.8 52.1 83.8 49.98 77.38 49.98 83.78 41.94"/></svg>

public/icons/Black/sgpbMailchimp.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><title>Artboard 24</title><path d="M84.53,67.63a1.89,1.89,0,1,0,1.89,1.89A1.89,1.89,0,0,0,84.53,67.63Z"/><path d="M88.25,67.07a1.89,1.89,0,1,0,1.89-1.89A1.89,1.89,0,0,0,88.25,67.07Z"/><path d="M57.6,45.2l-.13-1.11a19.31,19.31,0,0,1-.15-3.86c.78,0,2.17.16,3.16.26,3.75.36,4.69.39,5.38-.18.91-.75.69-2,.4-3.83,0-.23-.09-.51-.13-.79A14.89,14.89,0,0,1,71,37.15a15.54,15.54,0,0,1,2.85,3.51,1.37,1.37,0,0,0,2.37-1.38A18,18,0,0,0,72.69,35c-1.63-1.34-6.93-2.45-8.19-2.09-1.53.44-1.25,2.16-1,4,.05.3.12.71.17,1.07-.83,0-2.06-.15-3-.24-3-.3-4.19-.38-4.9-.06s-1.68.75-1.23,5.63a35.1,35.1,0,0,0-7.26,3.58c-2.62,1.83-8.75,9.2-8.75,10.51a1.37,1.37,0,0,0,2.65.49c.59-1,5-6.9,7.67-8.75a36.08,36.08,0,0,1,7.61-3.6Z"/><path d="M34.9,71.57a6,6,0,0,0-3.95.88c-2.27,1.36-3.24,5.57-3.28,5.74L29,78.5c.24-1.06,1.18-4,2.65-4.87a4.59,4.59,0,0,1,3-.7A4,4,0,0,1,37.55,75c1.35,2.24,1.43,4.08.23,5.17-.74.67-2.27-.1-2.28-.1l-.64,1.21a5.08,5.08,0,0,0,2.1.53,2.49,2.49,0,0,0,1.74-.63c.81-.73,2.43-2.88,0-6.88A5.3,5.3,0,0,0,34.9,71.57Z"/><path d="M46.92,69.9a1.94,1.94,0,1,0,1.94,1.94A1.94,1.94,0,0,0,46.92,69.9Z"/><path d="M113.3,78.54c-.2-.94-1.15-1.69-3.43-3.32-.56-.39-1.37-1-1.62-1.18-.07-.6,0-2.22,0-3.33.09-3.49.06-4.53-.35-5.2s-1.46-1.34-7.31-4.9c-2-1.24-4.74-2.89-5.55-3.49-.15-.87-.24-3.39-.31-5.28-.12-3.56-.22-5.79-.53-6.72-.66-2-2.45-3-4.2-3.74a11.93,11.93,0,0,0-1.07-3.18c1.2-2.84,7-17.7-1.09-22.12-7-3.85-17.52,1.54-20.62,3.32l-4.16-3.65a7.81,7.81,0,0,0-8.22-1.29c-4.77,2.07-14.41,7.18-25.36,18.13A61,61,0,0,0,12.74,62.18,7.79,7.79,0,0,0,15.58,70L21,74.19c-1.35,4.76-.57,10.27,3.48,13.59a15.78,15.78,0,0,0,9.8,3.61h.35c.25,1.87,1.52,5.49,7,10.17,10.34,10.2,22.24,11,30.93,11.67.75,0,1.5.08,2.26.08,6.7,0,13.44-2.13,20-6.33,4.6-2.93,7-5,12.39-11.42C112.87,88.8,113.58,79.85,113.3,78.54Zm-5-1.08.59.43c-2.8,2.2-10.05,7.75-15,10.13-4.73,2.29-15.82,3.77-20,1.22a3,3,0,0,1-1.37-1.55,61.51,61.51,0,0,0,8.94-.61,61.91,61.91,0,0,0,9.86-3,.69.69,0,0,0-.51-1.28,60.82,60.82,0,0,1-9.58,3,62.09,62.09,0,0,1-8.79.59C73,82.66,80.12,81.39,87,80.16c2.14-.38,4.35-.78,6.33-1.24a30.46,30.46,0,0,0,12.12-5.85,4.8,4.8,0,0,0,.34,2.3A9.33,9.33,0,0,0,108.28,77.46ZM91.6,46a50.28,50.28,0,0,1,.39,6c.19,5.19.29,6.14.74,6.76S94,59.8,99.16,63c2.34,1.42,5.46,3.33,6.34,4,.08.7,0,2.47,0,3.69,0,.23,0,.42,0,.63A28.57,28.57,0,0,1,93,77.58c-2,.46-4.14.85-6.27,1.23-7.84,1.4-16,2.84-15.81,8.17h0v0a4.06,4.06,0,0,0,2.16,3.38C75,91.52,77.75,92,80.79,92a35.31,35.31,0,0,0,13.68-2.71,85.23,85.23,0,0,0,12.11-7.88A56.54,56.54,0,0,1,102,87.81c-1.14,1.56-9.77,10.7-16.18,12.07a20.51,20.51,0,0,1-15.72-3.51C66.61,93.94,66,89.05,66,89l-2.74.26a27.44,27.44,0,0,1,0,4c-.46-.12-1.47-.7-2.36-2.69-1.44-3.21-1.82-6.67-1.23-11.21.38-3,3.76-6.49,5-7.59l1.95-1.71-2.51-.66a38.26,38.26,0,0,1-7.07-3.23,6.79,6.79,0,0,1-2.65-3,7,7,0,0,0,3.57.66l.65.21,1.31-1.32-.38-.81v0c0-.56-.1-1.68-.3-3.85-.34-3.62,2.63-6.82,4.72-8.1,1.92-1.17,8.76-1.44,13.4-.12l1,.3.53-.93c2.25-3.88,8.14-5.17,9.65-5.44C90.19,44.46,91.28,45,91.6,46ZM67.67,22.31l1.83-.91-.08-.08c3.48-1.87,11.84-5.72,17.1-2.84,4.94,2.71,2.17,12.4.59,16.79a22.79,22.79,0,0,0-12.24-7.82,35.68,35.68,0,0,0-15.35-.3A88.36,88.36,0,0,1,67.67,22.31ZM15.42,62.77a58.22,58.22,0,0,1,16-28.24C42.05,23.9,51.34,19,55.93,17a5.07,5.07,0,0,1,5.32.83l3.41,3c-4.46,2.45-16.2,9.48-24.54,19.77-.66.82-1.31,1.66-2,2.52a77.41,77.41,0,0,0-8.38,13C26,62.74,23.25,68.71,22,71.48L17.26,67.8A5,5,0,0,1,15.42,62.77Zm89.71,31c-5.16,6.2-7.36,8.06-11.76,10.86C86.53,109,79.59,111,72.73,110.48c-8.26-.59-19.58-1.4-29.26-10.94-5-4.29-5.91-7.34-6.09-8.51a14.11,14.11,0,0,0,5.82-3,12.36,12.36,0,0,0,4.65-11.77l-2.68.61a9.67,9.67,0,0,1-3.72,9c-5.07,4.22-11.29,2.88-15.2-.32s-3.74-9.86-1.13-14,9.3-4.35,9.37-4.35l0-2.75a18.78,18.78,0,0,0-4.75.8,8.48,8.48,0,0,1,.12-1.76,29,29,0,0,1,2.41-6.23,117.18,117.18,0,0,1,9-13.78,61.77,61.77,0,0,1,12.16-11.5c2.32-1.61,12.18-4.22,20.74-1.95a19.28,19.28,0,0,1,11.71,8.24l-.16.36.5.24a11.44,11.44,0,0,1,.94,2.29c-2.42.55-7.34,2.05-10,5.7-4.68-1.07-11.8-1-14.6.67-3.2,2-6.45,6.14-6,10.69.12,1.27.19,2.16.23,2.8a3.44,3.44,0,0,1-2.92-2.79c-.26-.84-.67-2.25-2-2.2a1.55,1.55,0,0,0-1.44,1.27c-.42,1.8.85,8.84,5.35,11.27C58.21,70,60,70.8,61.27,71.32c-1.63,1.75-4,4.72-4.35,7.74-.66,5.07-.21,9,1.45,12.68C59.83,95,62,96.1,63.52,96.08a2.47,2.47,0,0,0,1.85-.84,17.39,17.39,0,0,0,3.12,3.37c3,2.8,12,5,17.57,4,6-1.09,16.4-10.74,18.4-13.75,0,0,3.51-4.77,5.19-7l.87-1.15A25.85,25.85,0,0,1,105.13,93.79Z"/><path d="M88,54.06c-1.21.24-1.79,2.37-1.3,4.74a7.5,7.5,0,0,0,.92,2.42,2.61,2.61,0,0,1,1.62-1.08,2.51,2.51,0,0,1,1.9.37,7.47,7.47,0,0,0-.09-2.6C90.56,55.54,89.2,53.81,88,54.06Z"/><path d="M73.49,61.34c-2.68.68-4.52,2.57-4.1,4.21a2,2,0,0,0,.12.34c-.1-1.56,1.66-3.23,4.16-3.87s4.83,0,5.49,1.41a2.27,2.27,0,0,0,0-.35C78.69,61.44,76.17,60.66,73.49,61.34Z"/><path d="M75,63a2.81,2.81,0,0,0-1.13,3.58,3.28,3.28,0,0,1,4.82-2.83A2.82,2.82,0,0,0,75,63Z"/></svg>

public/icons/Black/sgpbRandom.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><title>Artboard 20</title><path d="M9.94,91.16l49,22.06V56.06L9.94,34Zm3.19-52.23,42.63,19.2v50.15L13.13,89.09Z"/><path d="M65.54,55.92v57.15l49-22.06V33.85Zm45.83,33L68.73,108.14V58l42.64-19.19Z"/><path d="M63.76,13.57,11.83,29.64l50.34,21,50.05-20.83ZM21.19,30.08,63.73,16.92l39.41,13.19-41,17.06Z"/><ellipse cx="63.97" cy="29.89" rx="6.86" ry="2.81"/><path d="M24.94,56.37a5.64,5.64,0,0,0,0,11.23,5.64,5.64,0,0,0,0-11.23Z"/><ellipse cx="39.29" cy="84.76" rx="5.15" ry="5.61"/><ellipse cx="86.67" cy="86.98" rx="4.59" ry="5.61"/><ellipse cx="86.67" cy="66.08" rx="4.59" ry="5.61"/><path d="M100.88,85c2.36,0,4.28-2.27,4.28-5.07s-1.92-5.07-4.28-5.07S96.59,77.17,96.59,80,98.51,85,100.88,85Z"/><path d="M100.88,65.77c2.36,0,4.28-2.27,4.28-5.07s-1.92-5.07-4.28-5.07-4.29,2.27-4.29,5.07S98.51,65.77,100.88,65.77Z"/></svg>

public/icons/Black/sgpbRecentSales.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><title>Artboard 18</title><polygon points="62.49 63.72 33.67 63.72 33.67 67.64 62.49 67.64 62.49 67.66 66.41 67.66 66.41 26.72 62.49 26.72 62.49 63.72"/><path d="M62.33,14.09a49.43,49.43,0,0,0-5.73,98.57c-.07-1-.12-2-.12-3,0-.12,0-.24,0-.36a46.14,46.14,0,1,1,52.34-45.74,44.3,44.3,0,0,1-.24,4.63c1.1.25,2.19.54,3.25.87A49.34,49.34,0,0,0,62.33,14.09Z"/><path d="M91.38,91.26V83.12a16.38,16.38,0,0,1,6.77,2.23v-5.8a16,16,0,0,0-6.77-1.46V74.18H88.24v4a10.06,10.06,0,0,0-6.32,2.76,7.81,7.81,0,0,0-2.38,5.75A8,8,0,0,0,81.38,92q1.83,2.17,6.86,4v7.82a16.82,16.82,0,0,1-4.4-1A12.76,12.76,0,0,1,80.12,101v6a17.65,17.65,0,0,0,8.12,2v4.53h3.14v-4.66a10.88,10.88,0,0,0,6.51-2.66,7.57,7.57,0,0,0,2.27-5.74,7.44,7.44,0,0,0-2-5.28A17.29,17.29,0,0,0,91.38,91.26ZM88.24,90q-3-1.48-3-3.7,0-2.58,3-3.11Zm3.14,13.77V97.28c2.05.89,3.07,2,3.07,3.44Q94.45,103.32,91.38,103.79Z"/></svg>

public/icons/Black/sgpbScroll.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><title>Artboard 17</title><path d="M54.74,40.9a4.34,4.34,0,0,0-4.34,4.34V82.46a4.34,4.34,0,0,0,4.34,4.34H71.25a4.34,4.34,0,0,0,4.34-4.34V45.24a4.34,4.34,0,0,0-4.34-4.34Zm17.44,4.34V82.46a.93.93,0,0,1-.93.93H54.74a.93.93,0,0,1-.93-.93V45.24a.93.93,0,0,1,.93-.92H71.25A.93.93,0,0,1,72.18,45.24Z"/><rect x="56.98" y="56.13" width="12.03" height="1.68"/><rect x="56.98" y="62.92" width="12.03" height="1.68"/><rect x="56.98" y="69.78" width="12.03" height="1.68"/><path d="M47.88,32.11H78.23A1.81,1.81,0,0,0,79.48,29L64.39,14.59a1.81,1.81,0,0,0-2.49,0L46.64,29A1.81,1.81,0,0,0,47.88,32.11Zm15.25-14L74.22,28.69H51.92Z"/><path d="M78.23,95.46H47.88a1.81,1.81,0,0,0-1.24,3.12L61.9,113a1.81,1.81,0,0,0,2.49,0L79.48,98.57A1.81,1.81,0,0,0,78.23,95.46Zm-15.1,14L51.92,98.87h22.3Z"/></svg>

public/icons/Black/sgpbWOO.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><title>Artboard 15</title><path d="M89.4,38.52A6.11,6.11,0,0,0,85,37.13a5.64,5.64,0,0,0-4.76,3.13C77.42,45.38,75.34,52.87,73.91,63A111.47,111.47,0,0,1,71.2,51.7c-1-5.26-4.16-5.85-6-5.71-2.16.14-3.93,1.49-5.25,4L50.38,68.25c-1.55-6.88-3-14.85-4.32-23.75-.48-3.55-2.79-5.44-6.27-5.16a5.79,5.79,0,0,0-4.47,2.26,6,6,0,0,0-1.14,4.73c3.11,19.8,6.07,33.37,8.8,40.39,1.34,3.21,3.09,4.76,5.26,4.61,2.89-.21,5.74-3.3,9.27-10.07,1.33-2.73,3.28-6.65,5.82-11.68C66.12,77.91,69.77,84.42,74.2,89a6.94,6.94,0,0,0,5,2.44h.41a5,5,0,0,0,4.06-2.74,7.86,7.86,0,0,0,.81-4.32c-.31-4.75.18-11.39,1.46-19.75,1.35-8.73,3-15,5-18.53a6.25,6.25,0,0,0,.71-3.41A5.7,5.7,0,0,0,89.4,38.52Zm-1.26,6C86,48.47,84.28,54.87,82.85,64.09,81.53,72.68,81,79.55,81.36,84.55a4.68,4.68,0,0,1-.45,2.6,1.81,1.81,0,0,1-1.53,1.08,4,4,0,0,1-2.91-1.48C71.75,81.93,68,74.59,65.2,65l-1.1-3.86-1.82,3.58c-3.42,6.74-6,11.86-7.59,15.17-3.84,7.37-5.95,8.28-6.68,8.34h0c-.6,0-1.37-1-2.06-2.64-2.64-6.77-5.53-20.13-8.61-39.7a2.91,2.91,0,0,1,.53-2.32l0,0a2.66,2.66,0,0,1,2.18-1c1.86-.15,2.64.52,2.9,2.46,1.61,10.84,3.41,20.31,5.35,28.15l1,4L62.76,51.46c1.17-2.22,2.3-2.3,2.67-2.32.66,0,2-.14,2.66,3.14a100.66,100.66,0,0,0,5.1,18.33l2.38,6,.66-6.43c1.34-13.1,3.61-22.66,6.78-28.42a2.5,2.5,0,0,1,2.22-1.5,3,3,0,0,1,2.21.73,2.56,2.56,0,0,1,1,1.85A3.1,3.1,0,0,1,88.14,44.54Z"/><path d="M63.05,13.75a49.83,49.83,0,1,0,49.83,49.83A49.83,49.83,0,0,0,63.05,13.75Zm0,96.5a46.67,46.67,0,1,1,46.67-46.67A46.72,46.72,0,0,1,63.05,110.25Z"/></svg>

public/icons/Black/social.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><title>Artboard 19</title><path d="M96.15,14.09a14,14,0,0,0-13.3,18.63L47,51.27l.12.22a18.29,18.29,0,1,0,1.56,24.45L71.41,94.65a12.24,12.24,0,1,0,2.07-2.33l-23.05-19a18.22,18.22,0,0,0-1.37-19.61L84.19,35.54a14.07,14.07,0,1,0,12-21.45ZM81.44,92.43a9,9,0,1,1-9,9A9,9,0,0,1,81.44,92.43ZM34.37,79.75A15.17,15.17,0,1,1,49.54,64.58,15.19,15.19,0,0,1,34.37,79.75ZM96.15,39.12a11,11,0,1,1,11-11A11,11,0,0,1,96.15,39.12Z"/></svg>

public/icons/Black/subscription.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><title>Artboard 27 copy 2</title><path d="M74.54,79.64h-1a3.7,3.7,0,0,0-1.39.27,3.52,3.52,0,0,0-2.91-2.15H68.13a4.34,4.34,0,0,0-1,.14,3.29,3.29,0,0,0-3.36-2.79H62.63a3.62,3.62,0,0,0-.94.14v-6c0-2.41-1.52-4.3-3.45-4.3H57.11c-1.93,0-3.45,1.89-3.45,4.3V86.68l-1.53-2.53a5,5,0,0,0-2.21-2.06,3.21,3.21,0,0,0-2.93.06l-1,.56c-1.67,1-2,3.36-.84,5.45L56.63,108H76v-.12l.52,0L77.76,83.6C77.76,82.24,76.51,79.64,74.54,79.64Zm-.32,25.8H58L47.34,86.91c-.55-1-.41-1.85-.07-2l1-.56a.82.82,0,0,1,.66,0A2.44,2.44,0,0,1,50,85.42l3.68,6.75h2.49V69.23c0-1.1.57-1.8,1-1.8h1.13c.39,0,.95.7.95,1.8v23h2.53v-14c0-.3.38-.63.91-.63h1.11c.53,0,.91.33.91.63V92.59l2.69,0V82c0-.1.21-1.72,1.08-1.72h.46a1.84,1.84,0,0,1,1.49,1.6,2.24,2.24,0,0,0-.06.52v11h2.39V83.24c0-.07.06-1.11.83-1.11h1a1.49,1.49,0,0,1,.86,1.41Z"/><path d="M100.93,21.94H22.74A12.43,12.43,0,0,0,10.32,34.37V78.65A12.43,12.43,0,0,0,22.74,91.08H44.52L42.6,87.72H22.74a9.05,9.05,0,0,1-7.23-3.62l33.2-23.21a15.22,15.22,0,0,1-1.22-3.24L14,81.06a8.77,8.77,0,0,1-.34-2.41V34.37a9.16,9.16,0,0,1,.21-1.91L53.45,60.12a14.16,14.16,0,0,0,16,.19L110,33.43a7.3,7.3,0,0,1,0,.94V78.65a9.36,9.36,0,0,1-.1,1.3L77,58.11a15.17,15.17,0,0,1-1.29,3.17l33,21.94a9.07,9.07,0,0,1-7.83,4.5H79.26L79,91.08h21.91a12.44,12.44,0,0,0,12.43-12.43V34.37A12.44,12.44,0,0,0,100.93,21.94ZM67.64,57.52a10.81,10.81,0,0,1-12.27-.15L15.22,29.3a9.08,9.08,0,0,1,7.52-4h78.19a9.09,9.09,0,0,1,8,4.79Z"/></svg>

public/icons/Black/subscriptionPlus.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><title>Artboard 9</title><path d="M78.83,72.19H77.46a4.85,4.85,0,0,0-1.86.36c-.78-1.49-2.13-2.87-3.88-2.87H70.27a5.45,5.45,0,0,0-1.36.19,4.4,4.4,0,0,0-4.49-3.73H63a4.88,4.88,0,0,0-1.27.19v-8c0-3.22-2-5.74-4.6-5.74h-1.5c-2.57,0-4.6,2.52-4.6,5.74V81.58l-2-3.38A6.64,6.64,0,0,0,46,75.45a4.27,4.27,0,0,0-3.91.08l-1.3.75c-2.23,1.29-2.72,4.48-1.12,7.26L54.94,110H80.72v-.15l.69,0,1.7-32.46C83.11,75.66,81.45,72.19,78.83,72.19Zm-.44,34.4H56.79L42.55,81.88c-.74-1.27-.55-2.46-.1-2.72l1.3-.75a1,1,0,0,1,.88.07,3.32,3.32,0,0,1,1.45,1.41l4.9,9h3.33V58.31c0-1.48.75-2.42,1.27-2.42h1.5c.52,0,1.28.94,1.28,2.42V89h3.37V70.3c0-.4.5-.84,1.22-.84h1.47c.71,0,1.21.44,1.21.84V89.45l3.59,0V75.28c0-.12.27-2.28,1.44-2.28l.61,0a2.44,2.44,0,0,1,2,2.14,3.1,3.1,0,0,0-.08.69v14.7h3.19l0-13.38V77c0-.1.08-1.48,1.12-1.48h1.32a2,2,0,0,1,1.15,1.87Z"/><path d="M64.09,30.64a20.66,20.66,0,0,0-15,34.86V60a17.35,17.35,0,1,1,23.1,6.71l3.46,1.81A20.68,20.68,0,0,0,64.09,30.64Z"/><path d="M62.79,41.49V50H54.26V51.2a6.48,6.48,0,0,1,2.12-.39,6.61,6.61,0,0,1,5,2.3h1.45v8h3.09v-8h8V50h-8V41.49Z"/><path d="M102.86,16.31H24A11.18,11.18,0,0,0,12.83,27.49V72.9A11.17,11.17,0,0,0,24,84.07H38.65l-1.76-3.32H24a7.57,7.57,0,0,1-2.35-.4l19.79-18a25.58,25.58,0,0,1-1.33-3L18.83,78.76a7.8,7.8,0,0,1-2.68-5.86v-45L39.33,43.77a24.71,24.71,0,0,1,1-3.05L16.74,24.52A7.86,7.86,0,0,1,24,19.63h78.85a7.84,7.84,0,0,1,7.31,5.06L87.44,40.29a27.76,27.76,0,0,1,1,3l22.22-15.26V72.9a7.82,7.82,0,0,1-1.29,4.29L88.31,58A25.42,25.42,0,0,1,87.1,61L107.25,79.4a7.8,7.8,0,0,1-4.39,1.35h-18v3.32h18A11.17,11.17,0,0,0,114,72.9V27.49A11.18,11.18,0,0,0,102.86,16.31Z"/></svg>

public/icons/Black/video.svg ADDED Viewed

	@@ -0,0 +1 @@


1	+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><title>Artboard 4</title><path d="M62.66,13.8A50.34,50.34,0,1,0,113,64.14,50.39,50.39,0,0,0,62.66,13.8Zm0,97.53a47.2,47.2,0,1,1,47.19-47.19A47.25,47.25,0,0,1,62.66,111.33Z"/><polygon points="52.58 83.55 79.49 63.1 52.58 43.28 52.58 83.55"/></svg>

public/icons/arrow-down.png ADDED Viewed

Binary file

public/icons/arrow-up.png ADDED Viewed

Binary file

public/icons/back.png ADDED Viewed

Binary file

public/icons/calendar.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" width="24.367" height="26.237" viewBox="0 0 24.367 26.237"><g transform="translate(-28.889 -26.079)"><g transform="translate(28.89 26.08)"><path d="M-18950.693-408.52a1.943,1.943,0,0,1-1.941-1.941v-20.486a1.947,1.947,0,0,1,1.941-1.945h2.5v-.8a1.061,1.061,0,0,1,1.061-1.061,1.057,1.057,0,0,1,1.055,1.061v.8h4.539v-.8a1.056,1.056,0,0,1,1.055-1.056,1.054,1.054,0,0,1,1.057,1.056v.8h4.537v-.8a1.058,1.058,0,0,1,1.057-1.061,1.062,1.062,0,0,1,1.061,1.061v.8h2.568a1.923,1.923,0,0,1,1.369.571,1.9,1.9,0,0,1,.566,1.375v20.486a1.912,1.912,0,0,1-.566,1.375,1.939,1.939,0,0,1-1.369.566Zm-.762-18.4a.633.633,0,0,0-.186.447v16.234a.632.632,0,0,0,.633.633h21.123a.632.632,0,0,0,.633-.633l0-16.234a.633.633,0,0,0-.633-.633h-21.119A.625.625,0,0,0-18951.455-426.918Zm2.74-2.611a1.68,1.68,0,0,0,1.588,1.127,1.689,1.689,0,0,0,1.59-1.127,1.684,1.684,0,0,0-.533-1.874v.1a1.058,1.058,0,0,1-1.057,1.061,1.062,1.062,0,0,1-1.061-1.061v-.1A1.685,1.685,0,0,0-18948.715-429.53Zm6.549-.086a1.691,1.691,0,0,0,1.527,1.208,1.693,1.693,0,0,0,1.646-1.037,1.7,1.7,0,0,0-.43-1.9v.043a1.056,1.056,0,0,1-1.055,1.056,1.061,1.061,0,0,1-.752-.309,1.061,1.061,0,0,1-.309-.747v-.152A1.685,1.685,0,0,0-18942.166-429.615Zm6.744.086a1.679,1.679,0,0,0,1.584,1.118,1.681,1.681,0,0,0,1.59-1.118,1.688,1.688,0,0,0-.527-1.874v.1a1.063,1.063,0,0,1-1.062,1.061,1.057,1.057,0,0,1-1.055-1.061v-.1A1.689,1.689,0,0,0-18935.422-429.53Zm-6.174,16.358a1,1,0,0,1-1-1v-2.083a1,1,0,0,1,1-1h2.084a1,1,0,0,1,1,1v2.083a1,1,0,0,1-1,1Zm-6.93,0a1,1,0,0,1-1-1v-2.083a1,1,0,0,1,1-1h2.078a1,1,0,0,1,1,1v2.083a1,1,0,0,1-1,1Zm13.879-6.26a1,1,0,0,1-1-1v-2.083a1,1,0,0,1,1-1h2.084a1,1,0,0,1,1,1v2.083a1,1,0,0,1-1,1Zm-6.949,0a1,1,0,0,1-1-1v-2.083a1,1,0,0,1,1-1h2.084a1,1,0,0,1,1,1v2.083a1,1,0,0,1-1,1Zm-6.93,0a1,1,0,0,1-1-1v-2.083a1,1,0,0,1,1-1h2.078a1,1,0,0,1,1,1v2.083a1,1,0,0,1-1,1Z" transform="translate(18952.633 434.756)"/></g></g></svg>

public/icons/calendarRound.png ADDED Viewed

Binary file

public/icons/cloud.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="67.518" height="53.146" viewBox="0 0 67.518 53.146"><defs><style>.a{fill:#2873eb;}.b{fill:#fff;}.c{filter:url(#a);}</style><filter id="a" x="0" y="0" width="67.518" height="53.146" filterUnits="userSpaceOnUse"><feOffset input="SourceAlpha"/><feGaussianBlur stdDeviation="5" result="b"/><feFlood flood-color="#2873eb" flood-opacity="0.298"/><feComposite operator="in" in2="b"/><feComposite in="SourceGraphic"/></filter></defs><g transform="translate(-20.03 -47.35)"><g class="c" transform="matrix(1, 0, 0, 1, 20.03, 47.35)"><path class="a" d="M69.143,70.877a9.943,9.943,0,0,0-9.567-8.527,9.819,9.819,0,0,0-9.221,7.089,6.627,6.627,0,0,0-2.5-.489,7.273,7.273,0,0,0-7.032,6.908A4.776,4.776,0,0,0,37.1,80.639,4.7,4.7,0,0,0,41.631,85.5H67.723a7.152,7.152,0,0,0,6.892-7.387A7.288,7.288,0,0,0,69.143,70.877Z" transform="translate(-22.1 -47.35)"/></g><path class="b" d="M105.487,113.357l4.127,3.771.722-.658-4.849-4.43-4.847,4.431.72.658Z" transform="translate(-51.316 -37.995)"/></g></svg>

public/icons/down.png ADDED Viewed

Binary file

public/icons/eye.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="55.712" height="45.554" viewBox="0 0 55.712 45.554"><defs><style>.a{fill:#2873eb;}.b{filter:url(#a);}</style><filter id="a" x="0" y="0" width="55.712" height="45.554" filterUnits="userSpaceOnUse"><feOffset input="SourceAlpha"/><feGaussianBlur stdDeviation="3" result="b"/><feFlood flood-color="#2873eb" flood-opacity="0.502"/><feComposite operator="in" in2="b"/><feComposite in="SourceGraphic"/></filter></defs><g transform="translate(6.304 -25.46)"><g class="b" transform="matrix(1, 0, 0, 1, -6.3, 25.46)"><path class="a" d="M.4,15.2a2.3,2.3,0,0,1-.022-2.552C2.079,10.062,9.349,0,19.369,0,29.451,0,35.96,10.19,37.4,12.693a2.291,2.291,0,0,1,.307,1.142v.113a2.3,2.3,0,0,1-.363,1.238c-1.614,2.531-8.52,12.367-18.5,12.367C9.459,27.554,2.149,17.755.4,15.2Zm8.4-1.424A10.063,10.063,0,1,0,18.86,3.715,10.063,10.063,0,0,0,8.8,13.779Zm6.515,4.029a5.362,5.362,0,0,1-1.324-6.294L18.86,13.7,17.023,8.743a5.359,5.359,0,1,1-1.71,9.066Z" transform="translate(9 9)"/></g></g></svg>

public/icons/eyeBlack.svg ADDED Viewed

	@@ -0,0 +1 @@

public/icons/geo-targeting.svg ADDED Viewed

	@@ -0,0 +1,3 @@


1	+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="423" height="423" viewBox="0 0 423 423">
2	+ <image x="2" y="2" width="419" height="419" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAaMAAAGjBAMAAABzu2fHAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAD1BMVEUoc+vt8vsoc+vt8vsAAADrPbbHAAAAAnRSTlMAAHaTzTgAAAABYktHRASPaNlRAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5QEPEjMVaUrvsgAAC0hJREFUeNrt3Wt24zYMBeAer6CjFcTkDqj9762P6Uz0AEng4pIUXeJPT2JZ4qcLMGmSsf/4o0e9wr/V5VqdapFmqEWaoRZphlqkGWqRZqhFmqEWaYZapBlqkWaoRZqhFmmGWqQZapFmqEWaoRZphlqkGWqRZqhFmqEWaYb6OFI41ujFcDW/62v0stB6hVKNXh1QoVpfo5doqlcdNFdUWtA8KANojvazgSZAWXpuju6DQE8OCovoyUF5RM80uUCPbD6vqJPph76Ki43p53/3VDzsrb/cn81JW16z/1O/SD8rj3oOKSfaf1W6fJyN6ykkWRT3PU/KZvUM0lYDyaQM6gmkrQrKkWTUeNJWB+VJImo4qbApaEjCRvEeTFJEVCYJQSlMDUmaiGqke1B1UzuSKqIq6R5U1dSMtClFVdLNNIp0FeVXXCXdmm8QSS1SkK6m9xCSXqQh2UxtSJtepCJdTf1JFpGOZDE1IVlEStLF9O5MMom0JL2pAWkzidSki6krySbSk86md0fSKaTIJClNdJJVZCGdvzfqRrKKTKRdExObdApJtUoTKSliYpPMIhvpZHp3IZnbzkpStB6XtNlFVtLJ1IFkbzs7qdp6VNIGiMykk6k5CWg7gLRXYmKSoJAA0l6OiUmCRAgpFWMikg4h6dsOIpVjIpKwkCBSMSYeacNEEOloakjC2g4k7YWYaCQ0JJBUiIlGQkMCSYWYWCQ4JJSUj4lFgkNCSfmYSCQ8JJi052IikfCQcFLKxMQhbbgIJ+Vi4pDwtvNUJiYKyROSp+SYyKSuokNMdNKgkA4xvcmkUX2XiYlBGrM5ZGMikMaFJG8QVFJ3kdh5BNLAkMTO85NGhiTG5CcNDUmKiUgaIvqOiUfaxoZ0iIlGGtx3QkxeknNz+J5uuHNvGwSNhIQUrgWZ2CTHalIQyhPTm0JyhBTk8sc0jBRy5bg5FBJ6c1MIPNOl83wkNKSSyJM4k4SugWNKRBLYd6FWaOhvHsm2hKoITt1PwvouKUjob9DcJGgBZ1Gsft50zjeLZLp+IQs8JhYJ6rtUSiKhpmPndSeVeyuVH25OQi6eKikkMKZD53Um1UTHI6CYfCSk7xTrrauLz6KQkJCi96DszXp7SI6+Kz8FiolB8vSd8jBLTN+d15WkC0l/nHgfCCTDddXPcHUeTsJDYuLvZ+9KMqzToL8+JcAkvO/Y/MtTepKS5Qmmg0kkuO9MfqTzvnqTtPcd/zqOkl60vkvynXF0XjeSnOrvfep2Jvx7k7F9Fw51eSj1HiYzSVxhOJf0hKi+Aomkv6BEuoguZ4OHCSOho3Q6PoWiyd55rmFCSWWR+LiBlDwkxiiFUDH1HSaQFIXr51svjSDpL6cM6XQIPEwIiTBKKUOKpScpScgwvYLxaimz3F8nSecPT8fo75tnf/CT0jWVfOf1IYG7gxBSvC3n5gZIwDD5Ryk7OcJRepJjf3CTUhBWO5IEbnjxdunzCVKQDzOQ4GHy7w7yCW6fTfOQkhRS9vVOo+IKXpJ7w0uZ58u7oIEED5N5lJLy7svD9EjSNZRcyGkUibXhOezZAofJvDvs6ps/LSk/9fLQLRJAMo/Srl6o/AXMQAL3B9Ienl/RIs1I0l/p9zDZSPbdQSTJ63R/rYX2Bz8pLNL/nLQ7SIbr9JwliGT/SovveDjpa5GakdIiZU8BkcxXKSw8j52fFGgky5Zn/7KU+4n4/4KUgjrPZ5Ji5sBYeKaiYJLlzt0Wlrv5YRrSLpNuS71/+uGkeLvs9RwfQJJ/c3E8rg8pMEhJOonwSfNOtCPfETFJ4h/gFJ/4XFL+F7N+UupCSvJaT6cJ0om7koCrCNf9/myQQkozkY5/QnT6KN6f92CSsNp7CQfZRJ1I0kxkSMIx05DkmCT2g0nlPz/OqqP6Kl1J0lBIMUlHPJoUxWtnQwL+rPp4WrXoxSNV/k4cHKVepMzqyqLUgBSsZSWdei/KD8b8SZNxeX/PF5GUXV7hudVReijp50PiA7VzDiYBo54+lRSrRwwj1Rco34QPJNVzHEYyd16ahaSPSRHraJJiidZb8AyS9T3LFEGOIxmHSXMHHkIqdpLxaIDE+/+l7wUwSWVo4/8FPFyqwcHDSKZhskU6jGRZJt53A0iWFxpBRF1JhnU6RqnXT4iOpKhelubIwST9Qh2jNIKkeKqn7/qS1MM0hhRxUv2pnr7rTNIOkyekTr9+vtxA0mE00svTFRYSdoXuJN1iXaM0hhQIB1VJepGPpOq8USTwipr74eu77iTNMPlIaQyJ+qMkP8n1HZH+x8JxNlJ0HfEwUj0DX995/pofvI3VSXGO0gBSta+cfdfpX8YId/FZJN+3D7XG8vbdCNLeh2QROb/W1jrL23fIHu4mJQUJFo0kBeDBZiTn19pyEM7vhpwk+Lqlp3tHqdeLI+iTcPfdUFIwPtSU5N0fCt3l7rtRpNSOhO0OLJLmX2xOQ9K/plcvknt/yPYXbZT6k1KR5BD1ezE5maT4R6jdSK2Gyd93aTQpqj6LkKwiAklsMULfuUn4/WxFQjc8wv4g9pi/7/wvGOzuPInkET2A5Hx7gdxZEZJ/f8i+o0JkkOwiwv4gDA5vlKB3hfCTbpkQ+u4RJMXrIgMkYJQY+0PmVWcdN8n5Phe0/SFmPx5Fcqzg0mijR6kZyRWS822yaMMUxY88N6nbu2TlVnAmuUJyktidxxil8aRTMIS+877jHHuYPoR0GKYH9N03yXFjD45HkDbqMDH77k8viTNMxJBwEvCuwrlVcPuO8EbJkUZynGmnvJ01b5gidZQ6vzW8HFNk9p2HRBwm6igxSNGxkHAoz3kOo+Qh8bZx6iiNJqUDySVKFBJxG2f23WjS/jASd5hcokPfuUjczqOE9CiS4xz7qe98JGbnuUjHviORCDFRQvKTmJ1HIb39JF7nOW7Koe+YJMeK2H3nJP3uPPdvbSmk95NI0SNKVBKr81ykc995SYyYvH13CYlHwu9zehiJ03mOJ9/6zk3idJ6HdA3JTyLElCh/3NWA5Pgba0pIv/rOT2JsEB7SLSQCibFBMEg/GpB839SAlVqQGJ1HCOnNJI2MSQiJQRoZkxAShTQuptSe1DumIPQdhfTdeZ1jEkPikEbFJIbEIQ2KSQ6JRBoTkxwSieSJKaHxpl4kc0wwKch9xyJteEwoKRcSi+SICSXlQqKR8JhAUjYkGgmPCSRlQ+KRNtSEkUI2JB7pEBPy1m3Qmx+JIRFJaEwQqRASkYTGhJBKITFJG2YCSKkUEpN0jMnQegAplEKikrCY7KRySFTSMSb9Es2kVA6JSzrGpG49MymUQ+KSoNazkiptxyYhrWck1dqOTgJaz0iqtR2ddIpJZ7KRQjUkOukYk26ZJlKqh0Qn2U0WkkbEJ51aT7NQA+kkevcjnWKKVFLQhNSAdI6pbtKTgiqkFiSjSU1SipqQNpNJSzqdNPzoSzrHVDMpSUEbUhuSyaQj6UWNSJvBpCKdzxd+9CdZTBqSRdSKdGk9xbsdG0TvMaSrKeCkZBO1I6lNNZJV1JC0XU0RIl3PEqoXbkfSmsoku6gl6W4yv6BuAkRNSbdxEoPKk+6g+iC1JgmmOypLCpioMUkyBR0poKLWJNF0TkokBVzUnCSbyq+4loJH1J6UMX2rrqTc8VpRB1LW9B/rSCocqhbhJEMFQnVYpqleHyfym0avXywP6Gv04umm0SvPF9h8X6PXXazPiuhnmYP6Gr1iOmr0aumo0Stlo75Gr9JaHwf6p14f5smzZubcYKOXsUiLNH0t0gy1SDPUIs1QizRDLdIMtUgz1CLNUIs0Qy3SDLVIM9QizVCLNEMt0gy1SDPUIs1QizRDLdIMtUgzVFfSX4gu9dvh4TolAAAAAElFTkSuQmCC"/>
3	+ </svg>

public/icons/google-gray-icon.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" width="15.344" height="15.653" viewBox="0 0 15.344 15.653"><defs><style>.a{fill:#757575;}</style></defs><g transform="translate(0)"><path class="a" d="M11.71,18.969c0,.889,0,1.779,0,2.668,1.491.049,2.986.026,4.477.049-.658,3.307-5.157,4.379-7.537,2.22a5.01,5.01,0,0,1,.213-7.81,5.163,5.163,0,0,1,6.087.161A27.851,27.851,0,0,0,16.938,14.2a7.931,7.931,0,0,0-5.228-1.932A7.83,7.83,0,0,0,8.874,27.391a7.724,7.724,0,0,0,8.9-2.365,8.971,8.971,0,0,0,1.412-6.05C16.695,18.958,14.2,18.961,11.71,18.969Z" transform="translate(-3.884 -12.262)"/></g></svg>

public/icons/google-icon.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" width="17.003" height="17.345" viewBox="0 0 17.003 17.345"><defs><style>.a{fill:#fff;}</style></defs><g transform="translate(-3.884 -12.262)"><path class="a" d="M12.556,19.694c0,.985,0,1.971,0,2.956,1.652.054,3.308.029,4.96.054-.729,3.664-5.714,4.853-8.352,2.46a5.552,5.552,0,0,1,.236-8.654c1.971-1.573,4.774-1.184,6.745.178a30.862,30.862,0,0,0,2.2-2.277,8.788,8.788,0,0,0-5.793-2.141A8.676,8.676,0,0,0,9.414,29.027c3.379,1.3,7.71.414,9.867-2.621a9.941,9.941,0,0,0,1.565-6.7C18.08,19.681,15.318,19.685,12.556,19.694Z" transform="translate(0 0)"/></g></svg>

public/icons/google-red-icon.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" width="19.39" height="19.781" viewBox="0 0 19.39 19.781"><defs><style>.a{fill:#dd4b39;}</style></defs><g transform="translate(0)"><path class="a" d="M13.774,20.737c0,1.124,0,2.248,0,3.372,1.884.061,3.773.033,5.657.061-.831,4.179-6.516,5.534-9.524,2.8a6.331,6.331,0,0,1,.269-9.869c2.248-1.794,5.444-1.351,7.692.2a35.2,35.2,0,0,0,2.507-2.6,10.022,10.022,0,0,0-6.606-2.441,9.894,9.894,0,0,0-3.584,19.11c3.853,1.483,8.792.472,11.253-2.989a11.337,11.337,0,0,0,1.785-7.645C20.073,20.723,16.924,20.728,13.774,20.737Z" transform="translate(-3.884 -12.262)"/></g></svg>

public/icons/iconClone.png ADDED Viewed

Binary file

public/icons/iconEdit.png ADDED Viewed

Binary file

public/icons/iconSetings.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="58" height="58" viewBox="0 0 58 58"><defs><style>.a{fill:#333;}.b{filter:url(#a);}</style><filter id="a" x="0" y="0" width="58" height="58" filterUnits="userSpaceOnUse"><feOffset dy="3" input="SourceAlpha"/><feGaussianBlur stdDeviation="5" result="b"/><feFlood flood-opacity="0.302"/><feComposite operator="in" in2="b"/><feComposite in="SourceGraphic"/></filter></defs><g transform="translate(15 12)"><path class="a" d="M14.606,10.7a3.906,3.906,0,1,0,3.906,3.906A3.932,3.932,0,0,0,14.606,10.7Zm0,6.781a2.878,2.878,0,0,1-2.874-2.874,2.874,2.874,0,1,1,5.749,0A2.878,2.878,0,0,1,14.606,17.481Z" transform="translate(-0.7 -0.7)"/><g class="b" transform="matrix(1, 0, 0, 1, -15, -12)"><path class="a" d="M26.517,11.078l-2.7-.523c-.174-.349-.262-.785-.436-1.134L24.86,7.153A1.728,1.728,0,0,0,24.6,4.972L22.941,3.315a1.722,1.722,0,0,0-1.221-.523,1.758,1.758,0,0,0-.959.262L18.492,4.536A4.382,4.382,0,0,0,17.358,4.1l-.523-2.7A1.782,1.782,0,0,0,15.09,0H12.735a1.782,1.782,0,0,0-1.745,1.4l-.523,2.7c-.349.174-.785.262-1.134.436L7.153,3.053a2.588,2.588,0,0,0-.96-.349,1.722,1.722,0,0,0-1.221.523L3.227,4.885a1.839,1.839,0,0,0-.174,2.268L4.536,9.421A4.382,4.382,0,0,0,4.1,10.555l-2.7.523A1.782,1.782,0,0,0,0,12.822v2.355a1.782,1.782,0,0,0,1.4,1.745l2.7.523c.174.349.262.785.436,1.134L3.053,20.847a1.715,1.715,0,0,0,.262,2.181l1.657,1.657a1.722,1.722,0,0,0,1.221.523,1.758,1.758,0,0,0,.96-.262l2.268-1.483a4.382,4.382,0,0,0,1.134.436l.523,2.7A1.782,1.782,0,0,0,12.822,28h2.355a1.782,1.782,0,0,0,1.745-1.4l.523-2.7c.349-.174.785-.262,1.134-.436l2.268,1.483a1.758,1.758,0,0,0,.96.262,1.722,1.722,0,0,0,1.221-.523l1.657-1.657a1.728,1.728,0,0,0,.262-2.181l-1.483-2.268a4.382,4.382,0,0,0,.436-1.134l2.7-.523A1.782,1.782,0,0,0,28,15.178V12.822A1.96,1.96,0,0,0,26.517,11.078ZM13.956,20.15a6.28,6.28,0,1,1,6.28-6.28A6.254,6.254,0,0,1,13.956,20.15Z" transform="translate(15 12)"/></g></g></svg>

public/icons/mouse-icon.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><title>Artboard 21</title><path class="mouse__icon_blue" d="M46.11,53.57a5.16,5.16,0,0,1,1.52-2.63c1.62-1.17,4.47-1.4,7-1.6s4.78-.39,6.1-1.4a5.9,5.9,0,0,0,2-5.81l-1.47.35a4.44,4.44,0,0,1-1.4,4.27c-1,.74-3.07.91-5.3,1.09-2.85.23-5.79.47-7.75,1.88a7,7,0,0,0-2.2,3.83A21.74,21.74,0,0,0,23.14,75.29V91.41a21.75,21.75,0,0,0,21.75,21.76h0A21.76,21.76,0,0,0,66.65,91.41V75.29A21.77,21.77,0,0,0,46.11,53.57ZM63.63,91.41a18.74,18.74,0,0,1-37.48,0V75.29A18.75,18.75,0,0,1,43.94,56.6a38.66,38.66,0,0,0-.31,5.14h-.46a2.43,2.43,0,0,0-2.43,2.42V76.35a2.43,2.43,0,0,0,2.43,2.42h2.89a2.42,2.42,0,0,0,2.42-2.42V64.16a2.42,2.42,0,0,0-2.42-2.42h-.93a39.38,39.38,0,0,1,.34-5.16A18.75,18.75,0,0,1,63.63,75.29Z"/><polygon class="z__icon_blue" points="84.08 16.75 84.08 14.35 68.08 14.35 68.08 17.84 78 17.84 67.31 30.89 67.31 33.35 84.11 33.35 84.11 29.88 73.63 29.88 84.08 16.75"/><polygon class="z__icon_blue" points="93.37 44.01 102.06 33.09 102.06 31.1 88.76 31.1 88.76 33.99 97.01 33.99 88.12 44.85 88.12 46.9 102.09 46.9 102.09 44.01 93.37 44.01"/><polygon class="z__icon_blue" points="83.78 41.94 83.78 40.47 73.99 40.47 73.99 42.6 80.06 42.6 73.52 50.59 73.52 52.1 83.8 52.1 83.8 49.98 77.38 49.98 83.78 41.94"/><style>.mouse__icon_blue{fill: #304F9E;}.z__icon_blue{fill:#32A7E1;}</style></svg>

public/icons/next.png ADDED Viewed

Binary file

public/icons/recycle-bin.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="56.208" height="58" viewBox="0 0 56.208 58"><defs><style>.a{fill:#c12121;}.b{filter:url(#a);}</style><filter id="a" x="0" y="0" width="56.208" height="58" filterUnits="userSpaceOnUse"><feOffset input="SourceAlpha"/><feGaussianBlur stdDeviation="5" result="b"/><feFlood flood-color="#c12121" flood-opacity="0.502"/><feComposite operator="in" in2="b"/><feComposite in="SourceGraphic"/></filter></defs><g transform="translate(15 15)"><g class="b" transform="matrix(1, 0, 0, 1, -15, -15)"><path class="a" d="M7.976,28A2.26,2.26,0,0,1,5.7,26.076L2.375,5.965h1.9L7.6,25.788a.408.408,0,0,0,.38.382H18.414a.411.411,0,0,0,.38-.382L22.023,5.965h1.991l-3.323,20.11A2.35,2.35,0,0,1,18.414,28Zm8.637-5.387a1.047,1.047,0,0,1-.854-1.058l.948-10.682a.954.954,0,1,1,1.9.193l-.948,10.679a.983.983,0,0,1-.9.883A.734.734,0,0,1,16.612,22.613Zm-7.879-.869L7.782,11.065a.955.955,0,0,1,.858-1.059.944.944,0,0,1,1.043.866l.947,10.682a1.046,1.046,0,0,1-.854,1.058.734.734,0,0,1-.145.014A.984.984,0,0,1,8.733,21.744Zm3.7-.288V11.16a.949.949,0,1,1,1.9,0V21.554a.941.941,0,0,1-.947.866A.958.958,0,0,1,12.436,21.456ZM1.141,5.1A1.087,1.087,0,0,1,0,4.041,1.062,1.062,0,0,1,1.045,2.983h24.11A1.059,1.059,0,0,1,26.2,4.041,1,1,0,0,1,25.155,5.1Zm9.777-2.793A2.244,2.244,0,0,1,13.1,0a2.162,2.162,0,0,1,2.185,2.212h-.854A1.613,1.613,0,0,0,13.1,1.346a1.529,1.529,0,0,0-1.234.961Z" transform="translate(15 15)"/></g></g></svg>

public/icons/settings-and-close.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><title>Artboard 6</title> <style>.close__icon{fill:#304F9E}.settings__icon{fill: #304F9E}.cycle__icon{fill: #32A7E1}</style><polygon class="close__icon" points="93.33 40.08 83.61 50.45 74.04 40.23 72.29 41.86 81.98 52.2 72.59 62.21 74.34 63.84 83.61 53.94 93.03 63.99 94.78 62.36 85.25 52.2 95.07 41.71 93.33 40.08"/><path class="cycle__icon" d="M83.68,20.61A31.43,31.43,0,1,0,115.11,52,31.43,31.43,0,0,0,83.68,20.61Zm0,59.85A28.43,28.43,0,1,1,112.11,52,28.45,28.45,0,0,1,83.68,80.46Z"/><path class="settings__icon" d="M77.44,85.86l.9.9h0l5.08,5.08-9.79,9.79-4.77-4.77h0l-2.19-2.19a27.35,27.35,0,0,1-7.83,3.38v3.1h0v7.24l-13.84,0V101h0V98a27.42,27.42,0,0,1-6.65-2.75l-2.19,2.19h0l-4.79,4.79-9.79-9.79,4.74-4.74h0l2.19-2.19a27.33,27.33,0,0,1-3-7.24H13.82V64.4H25.59a27.37,27.37,0,0,1,3.1-7.23L26.5,55h0l-4.75-4.75,9.79-9.79,4.91,4.92h0l2.19,2.19a27.11,27.11,0,0,1,7.86-3v-3h0V34.87h7.92a32.59,32.59,0,0,1,2.07-3h-13V42.29a31.16,31.16,0,0,0-4.26,1.62l-7.7-7.7-14,14L25,57.71a31.89,31.89,0,0,0-1.58,3.7H10.84l0,19.85H23.28A29.84,29.84,0,0,0,24.81,85l-7.48,7.47,14,14,7.55-7.56A29.78,29.78,0,0,0,42,100.18l0,11.19,19.85,0v-11.1a30.47,30.47,0,0,0,4.34-1.86l7.45,7.44,14-14-5.48-5.48A35.07,35.07,0,0,1,77.44,85.86Z"/><path class="settings__icon" d="M49.89,57.76c-.15-1-.26-2-.32-3A18.2,18.2,0,1,0,68,82.71c-.9-.46-1.78-1-2.63-1.49A15.2,15.2,0,1,1,49.89,57.76Z"/></svg>

public/icons/settings_icon.svg ADDED Viewed

	@@ -0,0 +1 @@

public/icons/sgpbAdvancedTargeting.svg ADDED Viewed

	@@ -0,0 +1,3 @@


1	+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="421" height="421" viewBox="0 0 421 421">
2	+ <image x="2" y="2" width="417" height="417" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAaEAAAGhCAMAAAD/dvvwAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAOVBMVEUoc+stbdROfclch8uGpdmsw+hyltHP3vgpbt3I2fU/dck0b82btuG80O8oc+socujR4Pnt8vsAAABppnO/AAAADnRSTlMA9uLe1trZ8vvn6fDW3+qd5hYAAAABYktHRBJ7vGwAAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5QEPEjQwbQ+tMgAAFjdJREFUeNrtnW2joiAQhS+Z2bv4///sZpslMAgiMIfifNu2e6/yOMNhAPn7K1h3X3Ff6M/Jm0wllVvBaCqo9IoEp2JKoehwKqZ4SginYtquLHgqpEBlpFMprRcDngrJW2x0KiUfcdOpkBbFzaVCWhY3kspoUdw0KqRFbWjCXohd0+zbh2Sj/E8rxw/3TbMToq+Qtiio3YRoDg8oUg4faYRm/yNl17ZNI46VUQY+YndoO4WMm9CH1KltzqIySoSnvzTtiWTjS+jN6dqsxcTdVPB8RHPt7GzWEXpj2q3CxN1cwHwuh5t00VlN6IWpXRNM3E0GyceXThihiZK3g+BuNjA+/e7qTSec0JNSdz17OnLupsPhczyc1tDZRuhJ6bbzCyXu5oPgc9k7bUF0QiOk08ELEncTcvMRQXhiEPKHxN2MjHwCkltUQk9IO48+ibspmfjsbsF44hEaIbXnX2Tkzm6rnFtKQqO72zuzHXeDZuazC89uKQiNkG7OQOJu1Hx8jlvDJwWhMZAOrh6Ju2HzALq0EfCkIDRC2juqQtxNm4HPeXt6S0jIwzVwN29iQE3g2CcfodF+LzPibuBS+KQj9NWMMvJJSWg0Dc3ivXA3dApAsfmkJTQyOn8foqx8UhNy5Truxo7L55yAT3pCIyPxRYzsdyKi+evchEbvffwSRPbbOEYan/IQGsew/Tcwst/DIRWfXISGYcnWcTf8ZkC7JB1QZkKL3RF302/jky7B5SX0YHTtC2bEkeByE3qkul2xiGzXfUnk4JgIDfJ2LBKR9cG6puaTm9CDkd0xcGNYD+iS0iFwESoxjBgDiIPQUhhxo1gFKEsA8RBaCCNuGCsApbZwrIQejHalILJc53HTErgCCA2yLSPTWS5yl40PG6FBdpcCEFkuMY9FYCb0YHSAR2TJcMkHqSCEHoahx0bEn+GYCQ1DJ5AR0de2zwyIl5B1aMQNxwqoz+fhMAgN8oqKiLws0eVuIHZC1tErJKBz9gACIGTtjAABZe+CQAgN8gyHiLygtFOpyIQGuQdDBOIRcAjZ/AISoCODRwAi9PALQIioK+EwcVCEBnk6oiCiroPFxGERelg6EERogHAIWVw3AqCGExAQIYvr5gfEMwxCJASACBAQFCF2RIiAsAgxI4IEBEaIFREmIDRCNCI2QgCA4AjxIQIFhEeICxEqIEBCPIiIP5ltVemyAAlxICL+IGupZyZEQoMUmREBA8IkRJdRsxK6oAAa9mKuG/flTKIQ5QTEN2FXjE4Zg8j8S30F5BQ565oL0B0mlyCLXLuQiRDTqp7SRK0AygMIY6RagKhhUQ5AuTc3FCxqWJQekKiA/JXBc1efvU231ISqjdsoytClBZR1i+o3iNoClpJQdQmrRbiFhICqSwhQ1ydDZIZndQkhSuYWzN9bawlBot67kIYQ7+rfgiUvSQiZI6EKKFRdkiAyfueJ+z7LFfGapgSAar10g4iXnUUHhDPtXaTkMTaiarQj6xaZUDXasUVUf6ICqtWezYqb5/RfVVeORFDMPGfmOO67+wbFzHPVxyWRmeeihVDNcXEUK88Zv6aOVSMp1rhV/yV1UiiazKmiKCFU63HxdI0RRPqvqHMOEWVOiW8HVIdCUXXaHkSGTeC+p++SOSiqNgFM3dYg0n8cfgGjnIv7Ynyud7+NkP7TMLtViVuVt31zEfNxei9Es2/BQW2sLBTitKW87uzH1x5310znhwWp3UKoCKctu/3l7tJlDwtpk+PWfxTQacvb2YnnlaG53i/tkuG4vymEZCv88DwlMGeGza15oYR6tPtbOjvdwijvaVWeCg4i/efQBqsLpwnbhZcHNgQRdggtHCW8qIzHWnorMIiwQ8h2EpOH8HalBdZ+oEPIem6jj0DeszaTUfspPoSkr8WmBVcaCeqJkENoIyBARCE9EXAIbUpx/4W2JNN45tYnOaByguWErHVCWw6zPoi07yMNI26eEJYFNo+yOoiQQyhsHKQLbTp/bYlb+zZQzxpUSaAEtnLWKHGvCyGgeaE4OW7UlftWVK2bbMV93OTaYqldYHlO6ssb1xAC2usQw8dNQrI/D+ljiBWAgEarsvdtfh9hBdGa0o/2zQP3tX8UM4TQgmiN4YZ91CI5bcA7G6WboBKtduvb9L5BxH1DioznrzyfsLliqguohx2l5/DyfELn2/LewhoT+XoF7Vtf6xNGAWXwwd8raN/CqSdI98rF1cLyCno/W1w9IT4gsDTnV1fQvgM0dRe+eMQurDQ36HuPyxoMDTvfZl8jLEL6RF5Zg6HYw9X/wprJ8xkSad8AytPxvfYoIKs6yqN8ipsEthQURGsb7F64b0uVR5pTvwCU5Ab/yVVx6/aqK2qti1SBBuSj9DRXUpIbvEdDz7cYd4qvaC0H0d2hrNAoZ5rT/h/oAfM3Cv8LicqirXHMYEGEU3Z8ypnm1P9GSnLe49Upb80RPcfd9EI7MKvgSnPa1QMNV42Hqx/343ftwUh+u/fNzog8cxm5TmgXfklJ5Bi0av+LlKN1Kzc9PbLT2v3Td84Q/Y8UqrInuG9Mk2MeT7t4oCSnF7ZnhxpojGYdywfRK/URB9GhnY6gZ/NFQlAp2hopg7Yhb97in3r+K+QIt4BGSBu5LSY5qIqISkgfxsyCQ/mf9/2+foBwC2CEjALxAiGswZzahRge5oNI0p+/fsKcSYd6DgezurXktbmvVZG62NR8eLpX0+ud5/Sqyul5M15dCTYgWvTb2qUjFRQ0QtQOrVd0CP3zqevZa/9GJWSUt8rw2hohcmr+/948YXx8VYNI38IHR6j1JYRlQ5XYt1yavAmqWD25g/cISk2YWIvmhkW/rf4H1mBbuWzrMEDeWiLyX/nv7XxO4ISEJyGsbkghtHb90QvRlM/UmQg4QnpHVEg3NCe0Pv/+99zvdUuK5cYjZO2IkLshhVBAm/5H9H7o5pYbj5D0I4Q1GlKuOsR9dUL5wRaakPAihDTzMKiEgqJ7nHr4lA9mp2LgEdJnICyEwIohM7cdWHKX3fz9f1dkQleakJb8sLqh+Yg1SpN2yIQsU+Hqh1BzQ6M+hKIMAz5LpMHS+fPifAjBPVkfgxwn/76JA76f1mIV1A+xxqvKBHacFv0MC3u01zDZxqzQRmE2Qxdp2mpeP0Va0/QUaRWgjcJ8fYGI8yuVgTvWvn2LVUA2CsqZfpGG0mppBWen4f8bdhPCqigoj1QkD6M2AlieI60CsJVT1xYkIQSW1YezkxDUxKNM8fBI4BumzZz6EVReVruMSKv4tF29UEnDmIAgCEEFfRJC2uIhrBll3cyhWzmVUKynXSUkuG9SFWHm1A+w9g7miCHBfZOqiEVz6gdYWTlHDGE9k/rVmYSg1tRrSTmWUzgm4R5LOwchLO+Zw22jVYobByGsuqm6MSsNIayVTZTdVj+AsnJaqTcJISzzOhRHSBldRioZqgvssdL6YOxRwR4ODWoQiTi/soW+YXNApBHivj7jemfWJtIM3nwz3hGtF3ISwpp7eF7wzNvEngW/CzxA5vyD+k+0wcF4xadmatM4RvPlDy9NA3j+52AOWeEJDR+/EGc11mvACrgW67/Oi4RAL1tEfH6mPA9n4iY1i4RAL7uJaLwmKweZ4WY3Wxaha8RWfTUA2B6cmQ4lEpoqqBGswmSVwCbuZmoXCYE+WJNViFDdnroh0B53KJTQYHmpxYb7h1qPQV5hWYSmOsD2EearRoH1YhxFZRKaOqLNuWnKl7jdkFE61QhtVaKrnoaZmw+jmArb6ebtNjehXCS0VSLVfU8WdGOaey9iTZcsYh83VgqhKc1tdHPT85lwtfavEprS3MYefnIcCRcn/Cqhd9tuGlNH4lwJUZoczqYh0dR6KUv4P0vo3cdvCKL35FjK4erPEnr75A1BNDVe0l1dv0voHQDBQbT9N1RCXrceHETXrb+gElrWOwQC34LwfnFZ2imWHyb0ufegwsJ70VDiJXK/TOgdREHVufdS08RL03+Z0GezSkCee+e4XeL6fWJCYqPSFvU/qxtXx8Fn33/qRYy3rW24vF4OdX7opXcgrF3N+zmX4wp+i8ay4LIIfVLIuq5IBv4ci25FE/ostF9TF5gdVQi4UFtXmbPgb302ofojmgECfOmfoWVCWJskKX02H/simgFCe1cZqWVCoCsaZ/p0KZ6IZoAK6IQG8yWApRGaH5fms/1n9nXA7VyUily3rWi2La939ivduTRADkKY+4c0zd861yw2u2xnO5Xx+9j/+gJCCqLePgSVp/lmKcwNd4SWawrASzHnUk6RFnSqU/kcu1IAOQgJ7svzlHq6an84ae0v5VXZbIi4pdh2a/0yoVKeNKnVRo5NOy1JlvK21/aCpq5nR72zu0aotKLC+0Y6LRs8QkmIy04I8wRw/Grp/MZ0QKUSMg/vtOlSThc0yvVeH9yNT6bk6eLm0xcVQIObUAlD1o9kKxyAiqjEKXK9Xw53eyct2S7EUX8oK8E95SJUxpB1LnlqepLPubT89l+u95yivZfVS/J0uKiUxO6abD9g4ntxESpmQGTcWddem6cO7a1QOs/7uBuEyrXbXyninfUaIbTyyCODiRR7FdLtit4m97kPUHZb3nbP/iXBKO00OglASAcnIZxXosvTbur+4wfR/wkMQLu3cxICmX+Q3X5eX4seRFO673cnKEgeZ3hBmDl504rTsYNoPgcokM789DgHD8DMyb1Zy4ncPapzF30DU3ugj51WP2OuncruQJUI4oa2NB6BM0iyo6wc1JnGsmvutA4RW1CdoZ0YQSxk8DnTmLEyZ+cTN7Y7+i8IgDXDWh2YJMRmFRb5xLwuaS2Hs+c6Y5EC0rHTZOpJkecW/9CZ1zPo0f33B2MVlLWHFkVaknhb/iusc37kwe0Ik3he89n3PkrNsDu6/gxjoYE2CvxVBdncvRTjHdnS41m4cHVHZEXBJJT7XeHy5nqq39peWpBnrz8U09uvuTrtMiyEMk9AdDuvNouDyHcF1/3IMjrSd/r/WRDlHLOuCKCntq0edfrFmTgcAzX1wNwR+fZAcRCtAfQYgGXvjSQ9XmXsiOTJtdyNUHiiW/045DZ11m6IqyOSV9+mUhEFXp6nSYjxpwKlj9TshPJ0RHKNRZgrbC9QFxCvmQ2DHuN/vB1RUIu9tL7EKW/umgWpjJnOOhoyCWU4tiK4xV7P0MorXO9I3srn6WxFOSrNJS/NrXNVhI5rwmitpVeVrTPSu+W/BUSpF/x4DxwXG873nSSrxsTU05AJkX6I5BKhxC/vCHBVlLxWFzhmnbzUZ/ELlrkhDr/dxQHkwygGn1E5EC147cx+21n+X6PzUn8k22jPQobXZeiZ/28RUcK3ukcFdB/XJLbU6l4p290mu6gq/WJpqbXL3zKhdFPhsQE9JZrr6YNJylPbbBht8RCiV8rlT3NJAP3XUYhL01yo7folEHIluUxpTqYDlFbJCTmTXKY0J72bBEzJCTmTXKY0VwnZ5E5yOqE0aa4SsjWMnv7/mNJcJWSRR5LLk+YqIYuWpoZshJLU5iohS7vog+s/H0QpanOVEC1HTc5CKMUURCVEN4teP/QjlGLJTyVEytjQ9OeHKEE9txIipc84/3kSSjAkqoTIVtHLvH++iOJ7hUqIktdgiCQUfydRJUQ1iqdPIAjFX5VVCRHy9gkEoujXVQkR8vYJOeoKlRDRJn71BJpQ9KWNlZAp4wDXvzWIYr+OvxIym8TfapNBFNlwV0KGdKvtIqQjivwOmUrIaJEVVjuH4a6EdK0OocSj1kpIbxB91b8bUNogqoQ0rRqtWrxC1CCqhLT2MBb+exBKGkSVkKqQEEobRJWQ2hxBIZQ0iCohRWEhlDSIKiGlNQJDKGUQVUJzhYYQEUTxXjHK3dJIhMztvN6E0lXnKqGZAsoJVkLR3vpQCc3aYkMIpQuiSuijlfNCDkKxFmbJtlAlWPYkNhFKPtladd0GyCAEcejNN8lYnbCWkIGI9cCO71P4YNVKKMMbzX5JhtNeTyid466i3su+HpBBqJqFiGojhFA1Cwm13SbQQYR3NGahIt7pGUTIRIR23nGpimETaESxV6D+qLZWE5aCCOpI6lJFvOQ1mJA5KKp5brvi5TgqiGqe2ywzx20hVPNcdEXNcTXPJVDUHEcGUcJ31P6CIuc4ElEdt25QtLHqIqKa58J1SwDIJFTrc8Hq+hSETER1HiJQxHkXMQCZhAIOaKoa6CN9ohAiENWuKES3VIBqVxRHxOv6YwGqXVEMpeqEbHmujopWijq2LCIhAlFdtbBKsk0LiECU63C4L9EpNSAiiBKflfddog71iUyIQFTdgreooxljA6IQxdua9+WizuuND4hClPXQ7HKVrpbgJFQNnY8kUUtIQ4hAVA2dh/IBIhHVPOdSDhu3hAhnUrxt5oLJv3kBUV0RDCLVL6GsSZLUubAJCVGIUIZFkITIM+pTAiIRgQyLEAkxAAJGBEiIBRAuIjxCVCkhAyBYRHCEqFJCFkCoiNAIMQKiCAEgAiNEAspFCBMRFiFeQJiIoAiRJiEjIEhESIRIm50VECIiIEIIgGhErHsocQhhAKIRcZZRYQh1AgOQBRHflB4KIWq6gQcQjYhv1hWDkLwBAbIg4lpeAkGIXJPAB4hGxLUCCIEQPU5lBGRBxOO6AQjR41RWQBZELK6bn1B3BgRkQXRh8AvchCRt4tgBWRAx+AVmQhaPAADIgij/FjBeQtQGLhRANkS51wCxErJ0QSCAbIhEl5URIyHLMBUHkA1R3vcu8BGyjIKQAFkR5cx0bIRsGQ4KkBWROGVjxERI3voS+CwwyubpeAhZygiIgKyIco1eOQjJkygIkBVRn8cwMBCyDYJQAVkR3Xc5wig7IXsAwQKyI8oRRrkJ2QMIGNACo0vy4WteQkUG0DKi5LNGWQlZLRw+oAVEicdGGQnJti8Y0BKjJqVjyEZIWosIhfBZQtQnTHW5CC0kuGIALSC6i2SuLg+hpQRXEKBFRudE3VEOQvImvoTPIqJHd5SCUXpC8nS+fw8gF6PyCMmu+S4+y4gSWIa0hJb5FApoEVF8RikJOfgUCygvo3SEvpiPk1FMz5CK0JfzcSCK6evSEFr2b18ByMko1vgoBSHZXn6AjxPRXURZyxCdkJT7o+PKuRs2H6MYHVJkQvK0c1z0N/HxYHQ/by3YxST0CB/humDuBs2P6BFIm3qkeITkzRk+3wjIh9Fd7MOzXSRC8nRw9T7fyseP0f1ylWGQYhCS3f7icY3czcjN6H6+hkTSZkKeeL6bjy+j+2V9uttG6JHcnN7gN/h4M7ofm9uqfBdOSMp259H3/Awff0aPfLf3t3eBhOTt4JXbforPGkb33pfSekLyQefce18Jd5PhMnpQuhxaZ8ZbR+iR2Rrv2PlJPisZPXTcLWPyJiS79nD27Hd+mk8ApAemS3O1GAg3IfkInH0j/PPaz+MJYjSqF7vm2nZSQWUn9Pje6YHm7GenKx9DQe32X+KB6sGqHWlphEYq7YPLA0wYmcpnrg1NmFLczYIlbhoVj1vcSCofD3FzqXg8xE2n4vFRpVOAKp4SVOkUoIqnCFU4RajCKUIVTiGqaErRT5D5By7fn8DxGYNuAAAAAElFTkSuQmCC"/>
3	+ </svg>

public/icons/time-is-money.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><title>Artboard 18</title><style>.time__icon_blue{fill: #304F9E}.money__icon_blue{fill: #32A7E1;}</style><polygon class="time__icon_blue" points="62.49 63.72 33.67 63.72 33.67 67.64 62.49 67.64 62.49 67.66 66.41 67.66 66.41 26.72 62.49 26.72 62.49 63.72"/><path class="time__icon_blue" d="M62.33,14.09a49.43,49.43,0,0,0-5.73,98.57c-.07-1-.12-2-.12-3,0-.12,0-.24,0-.36a46.14,46.14,0,1,1,52.34-45.74,44.3,44.3,0,0,1-.24,4.63c1.1.25,2.19.54,3.25.87A49.34,49.34,0,0,0,62.33,14.09Z"/><path class="money__icon_blue" d="M91.38,91.26V83.12a16.38,16.38,0,0,1,6.77,2.23v-5.8a16,16,0,0,0-6.77-1.46V74.18H88.24v4a10.06,10.06,0,0,0-6.32,2.76,7.81,7.81,0,0,0-2.38,5.75A8,8,0,0,0,81.38,92q1.83,2.17,6.86,4v7.82a16.82,16.82,0,0,1-4.4-1A12.76,12.76,0,0,1,80.12,101v6a17.65,17.65,0,0,0,8.12,2v4.53h3.14v-4.66a10.88,10.88,0,0,0,6.51-2.66,7.57,7.57,0,0,0,2.27-5.74,7.44,7.44,0,0,0-2-5.28A17.29,17.29,0,0,0,91.38,91.26ZM88.24,90q-3-1.48-3-3.7,0-2.58,3-3.11Zm3.14,13.77V97.28c2.05.89,3.07,2,3.07,3.44Q94.45,103.32,91.38,103.79Z"/></svg>

public/icons/volume.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="56.266" height="58" viewBox="0 0 56.266 58"><defs><style>.a{fill:#2873eb;}.b{filter:url(#a);}</style><filter id="a" x="0" y="0" width="56.266" height="58" filterUnits="userSpaceOnUse"><feOffset input="SourceAlpha"/><feGaussianBlur stdDeviation="5" result="b"/><feFlood flood-color="#2873eb" flood-opacity="0.502"/><feComposite operator="in" in2="b"/><feComposite in="SourceGraphic"/></filter></defs><g transform="translate(10.225 15.451)"><g class="b" transform="matrix(1, 0, 0, 1, -10.22, -15.45)"><path class="a" d="M18.282,27.643,9.29,19.394V8.939L18.352.374a1.3,1.3,0,0,1,2.205.951V26.64A1.36,1.36,0,0,1,19.186,28,1.321,1.321,0,0,1,18.282,27.643ZM21.808,8.571a5.535,5.535,0,0,1,0,10.858ZM3.351,19.394A3.348,3.348,0,0,1,0,16.042V12.287A3.347,3.347,0,0,1,3.351,8.939H7.88V19.394Z" transform="translate(15 15)"/></g></g></svg>

public/icons/white/advancedClosing.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Artboard 6</title><polygon class="cls-1" points="93.33 40.08 83.61 50.45 74.04 40.23 72.29 41.86 81.98 52.2 72.59 62.21 74.34 63.84 83.61 53.94 93.03 63.99 94.78 62.36 85.25 52.2 95.07 41.71 93.33 40.08"/><path class="cls-1" d="M83.68,20.61A31.43,31.43,0,1,0,115.11,52,31.43,31.43,0,0,0,83.68,20.61Zm0,59.85A28.43,28.43,0,1,1,112.11,52,28.45,28.45,0,0,1,83.68,80.46Z"/><path class="cls-1" d="M77.44,85.86l.9.9h0l5.08,5.08-9.79,9.79-4.77-4.77h0l-2.19-2.19a27.35,27.35,0,0,1-7.83,3.38v3.1h0v7.24l-13.84,0V101h0V98a27.42,27.42,0,0,1-6.65-2.75l-2.19,2.19h0l-4.79,4.79-9.79-9.79,4.74-4.74h0l2.19-2.19a27.33,27.33,0,0,1-3-7.24H13.82V64.4H25.59a27.37,27.37,0,0,1,3.1-7.23L26.5,55h0l-4.75-4.75,9.79-9.79,4.91,4.92h0l2.19,2.19a27.11,27.11,0,0,1,7.86-3v-3h0V34.87h7.92a32.59,32.59,0,0,1,2.07-3h-13V42.29a31.16,31.16,0,0,0-4.26,1.62l-7.7-7.7-14,14L25,57.71a31.89,31.89,0,0,0-1.58,3.7H10.84l0,19.85H23.28A29.84,29.84,0,0,0,24.81,85l-7.48,7.47,14,14,7.55-7.56A29.78,29.78,0,0,0,42,100.18l0,11.19,19.85,0v-11.1a30.47,30.47,0,0,0,4.34-1.86l7.45,7.44,14-14-5.48-5.48A35.07,35.07,0,0,1,77.44,85.86Z"/><path class="cls-1" d="M49.89,57.76c-.15-1-.26-2-.32-3A18.2,18.2,0,1,0,68,82.71c-.9-.46-1.78-1-2.63-1.49A15.2,15.2,0,1,1,49.89,57.76Z"/></svg>

public/icons/white/ageRestriction.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Artboard 25</title><path class="cls-1" d="M110.44,45.2H69.12a3.89,3.89,0,0,0-3.88,3.89V78a3.89,3.89,0,0,0,3.88,3.89h41.32A3.89,3.89,0,0,0,114.33,78V49.09A3.89,3.89,0,0,0,110.44,45.2Zm2,32.8a2.05,2.05,0,0,1-2,2H69.12a2,2,0,0,1-2-2V49.09a2,2,0,0,1,2-2.05h41.32a2.05,2.05,0,0,1,2,2.05Z"/><path class="cls-1" d="M57.54,45.2H16.22a3.89,3.89,0,0,0-3.89,3.89V78a3.89,3.89,0,0,0,3.89,3.89H57.54A3.89,3.89,0,0,0,61.43,78V49.09A3.89,3.89,0,0,0,57.54,45.2ZM28.85,65.44v4.33H25.1V65.49l-3.84-8.17h4.31l1.34,3.91a4.57,4.57,0,0,1,.2.7c0,.19.08.39.13.6h0a7.66,7.66,0,0,1,.25-1.23l1.33-4h4Zm13.23,4.33H34V57.32h7.75v2.93h-4v1.82h3.76V65H37.79v1.83h4.29Zm9.75-1.61A3.92,3.92,0,0,1,50,69.53a8.22,8.22,0,0,1-2.88.45,9.46,9.46,0,0,1-3.58-.66V65.91a7.36,7.36,0,0,0,1.73.93,5.18,5.18,0,0,0,1.76.35A1.84,1.84,0,0,0,48,67a.75.75,0,0,0,.34-.65.88.88,0,0,0-.17-.53,1.71,1.71,0,0,0-.51-.43,8.68,8.68,0,0,0-1.28-.55c-2-.77-3-2-3-3.73a3.5,3.5,0,0,1,1.37-2.89,5.8,5.8,0,0,1,3.68-1.08c.44,0,.84,0,1.2,0s.7.08,1,.13.72.15,1.26.3v3.16a6.44,6.44,0,0,0-3.09-.85,1.89,1.89,0,0,0-1,.23.73.73,0,0,0-.38.64.8.8,0,0,0,.31.65,5.51,5.51,0,0,0,1.29.66,7.18,7.18,0,0,1,2.74,1.71A3.3,3.3,0,0,1,52.5,66,3.53,3.53,0,0,1,51.83,68.16Z"/><path class="cls-1" d="M86.54,67.05c0,.29,0,.64,0,1h0c-.19-.31-.37-.58-.53-.8l-7.36-10H78V69.77h.86V59.47c0-.21,0-.4,0-.55h0l.12.18a5.21,5.21,0,0,0,.4.6l7.41,10.07h.61V57.32h-.86Z"/><path class="cls-1" d="M96,57.11a5.64,5.64,0,0,0-4.4,1.79,6.9,6.9,0,0,0-1.61,4.77,6.57,6.57,0,0,0,1.57,4.56A5.33,5.33,0,0,0,95.71,70,5.49,5.49,0,0,0,100,68.21a7,7,0,0,0,1.59-4.86A6.49,6.49,0,0,0,100,58.83,5.2,5.2,0,0,0,96,57.11Zm3.4,10.58a4.66,4.66,0,0,1-3.65,1.5,4.5,4.5,0,0,1-3.55-1.52,6,6,0,0,1-1.32-4.09,5.93,5.93,0,0,1,1.4-4.12,5,5,0,0,1,7.15-.09,6,6,0,0,1,1.32,4.12A6.09,6.09,0,0,1,99.35,67.69Z"/></svg>

public/icons/white/ageVerification.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Artboard 12</title><path class="cls-1" d="M54.67,83.26V45.21h-5A33.92,33.92,0,0,1,44.6,48.4a33.56,33.56,0,0,1-6,2.39v6.9a14.84,14.84,0,0,0,2.21-.43,18.7,18.7,0,0,0,2.15-.72,17.84,17.84,0,0,0,2-1,10.24,10.24,0,0,0,1.6-1.13V83.26Z"/><path class="cls-1" d="M62.23,67.57a8.87,8.87,0,0,0-1.36,2.67,9.7,9.7,0,0,0-.46,3,9.46,9.46,0,0,0,1,4.32,10,10,0,0,0,2.74,3.36,12.74,12.74,0,0,0,4.18,2.17,18.83,18.83,0,0,0,10.66,0,12.69,12.69,0,0,0,4.18-2.19,9.88,9.88,0,0,0,2.71-3.37,9.78,9.78,0,0,0,1-4.35,10,10,0,0,0-.46-3A9.1,9.1,0,0,0,85,67.4a10.19,10.19,0,0,0-2.31-2.22,12.53,12.53,0,0,0-3.19-1.6A12.28,12.28,0,0,0,84.06,60a7.76,7.76,0,0,0,1.66-4.81,8.65,8.65,0,0,0-.89-3.89,9.12,9.12,0,0,0-2.47-3.1,11.8,11.8,0,0,0-3.81-2.05,15,15,0,0,0-4.85-.74,14.71,14.71,0,0,0-4.79.74,11.51,11.51,0,0,0-3.77,2.06,9.41,9.41,0,0,0-2.48,3.14,8.77,8.77,0,0,0-.9,3.94,8.19,8.19,0,0,0,1.56,4.87,11.46,11.46,0,0,0,4.39,3.59,12.35,12.35,0,0,0-3.21,1.6A10,10,0,0,0,62.23,67.57ZM69.64,54.2a4.37,4.37,0,0,1,.91-1.5,4.4,4.4,0,0,1,5-1,4.39,4.39,0,0,1,1.43,1,4.57,4.57,0,0,1,.95,1.5,5.29,5.29,0,0,1,.34,1.89,4.9,4.9,0,0,1-.35,1.84,5.07,5.07,0,0,1-1,1.5,4.47,4.47,0,0,1-1.42,1,4.34,4.34,0,0,1-3.46,0,4.5,4.5,0,0,1-1.42-1,5.05,5.05,0,0,1-1.3-3.36A5.2,5.2,0,0,1,69.64,54.2Zm-1,16.13a5.2,5.2,0,0,1,1.14-1.75,5,5,0,0,1,1.74-1.14A5.79,5.79,0,0,1,73.65,67a5.51,5.51,0,0,1,4,1.63,5.05,5.05,0,0,1,1.12,1.75,6.13,6.13,0,0,1,0,4.38,5.07,5.07,0,0,1-1.14,1.72,5.3,5.3,0,0,1-1.73,1.09,6,6,0,0,1-2.19.39,6.4,6.4,0,0,1-2.25-.38,4.93,4.93,0,0,1-1.72-1.08,4.51,4.51,0,0,1-1.12-1.71,6.26,6.26,0,0,1-.39-2.28A5.72,5.72,0,0,1,68.59,70.33Z"/><path class="cls-1" d="M108.19,46.4a16.13,16.13,0,0,1-2.66,1.8A45.88,45.88,0,1,1,84.78,24.37,16.3,16.3,0,0,1,86.93,22,49,49,0,1,0,108.19,46.4Z"/><polygon class="cls-1" points="96.04 42.79 98.86 42.79 98.86 35.23 106.43 35.23 106.43 32.4 98.86 32.4 98.86 24.84 96.04 24.84 96.04 32.4 88.47 32.4 88.47 35.23 96.04 35.23 96.04 42.79"/></svg>

public/icons/white/aweber.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Artboard 11</title><path class="cls-1" d="M90.83,14.1H49.58s-6.17,17.07-6.17,49.44,6.17,49.85,6.17,49.85H90.83A21.59,21.59,0,0,0,112.41,91.8V35.69A21.59,21.59,0,0,0,90.83,14.1Zm18.29,77.7a18.31,18.31,0,0,1-18.29,18.3h-38S46.7,93.41,46.7,63.54,52.87,17.4,52.87,17.4h38a18.3,18.3,0,0,1,18.29,18.29Z"/><path class="cls-1" d="M35.37,14.1A21.59,21.59,0,0,0,13.78,35.69V91.8a21.59,21.59,0,0,0,21.59,21.59h6.27s-6.42-17.47-6.42-49.85S41.7,14.1,41.7,14.1Zm1.83,96H35.37A18.31,18.31,0,0,1,17.08,91.8V35.69A18.3,18.3,0,0,1,35.37,17.4h1.82s-5.32,16.51-5.32,46.38S37.2,110.1,37.2,110.1Z"/><path class="cls-1" d="M65.82,24.33h-.07A6.8,6.8,0,0,0,59,29.17s-5.45,14.6-5.45,35.27C53.58,84.66,59,99.18,59,99.18A6.81,6.81,0,0,0,65.71,104c4.49,0,7.79-3.82,6.71-7.78a124.27,124.27,0,0,1-4.64-32c0-15,4.77-32.11,4.77-32.11C73.56,28.1,70.27,24.33,65.82,24.33ZM69,31.23c-.2.72-4.88,17.66-4.88,32.92A125.84,125.84,0,0,0,68.92,97a2.78,2.78,0,0,1-.62,2.52,3.4,3.4,0,0,1-2.59,1.15,3.23,3.23,0,0,1-3.19-2.28l0-.14,0-.14A107.32,107.32,0,0,1,57.2,64.44a109,109,0,0,1,5.26-34.22l0-.14,0-.16a3.22,3.22,0,0,1,3.2-2.29h.07a3.39,3.39,0,0,1,2.57,1.13A2.7,2.7,0,0,1,69,31.23Z"/><path class="cls-1" d="M83.58,35.6h0c-2.66,0-5,1.43-5.58,3.46A69.52,69.52,0,0,0,73.43,64.3a68.62,68.62,0,0,0,4.49,24.86c.63,2,2.93,3.43,5.57,3.43h0c3.73,0,6.46-2.73,5.57-5.56A77.89,77.89,0,0,1,85.21,64.1c0-10.76,4-23,4-23C90,38.3,87.27,35.6,83.58,35.6Zm2.67,4.94c-.17.51-4,12.63-4,23.56a78.81,78.81,0,0,0,4,23.51,1.8,1.8,0,0,1-.51,1.81,3,3,0,0,1-2.15.82,2.68,2.68,0,0,1-2.65-1.63l0-.1,0-.1A67.48,67.48,0,0,1,76.43,64.3a68.48,68.48,0,0,1,4.36-24.48l0-.11,0-.11A2.67,2.67,0,0,1,83.53,38h0a3,3,0,0,1,2.14.81A1.76,1.76,0,0,1,86.25,40.54Z"/></svg>

public/icons/white/contactForm.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Artboard 5</title><rect class="cls-1" x="46.22" y="31.85" width="55.23" height="4.39"/><polygon class="cls-1" points="66.16 48.8 73.93 44.41 52.4 44.41 52.4 48.8 66.16 48.8"/><polygon class="cls-1" points="93.67 48.6 93.67 44.41 85 44.41 83.81 48.6 93.67 48.6"/><path class="cls-1" d="M11,81.34,28.58,92.06,45.33,81.34,37.59,96.1l1.21.66V110l9.83-7.89,11.8,6.41L78.14,47.63Zm30.83,22.28v-5.2l3.86,2.1Zm16.69.4L41.7,94.85,48,82.76l5.35-10.21-9.7,6.22L28.54,88.45,17.32,81.6,73.24,53.51Z"/><path class="cls-1" d="M104.94,17.47H41.4A10.45,10.45,0,0,0,31,27.9V61.54a10.39,10.39,0,0,0,1.24,4.93L34.94,65a7.27,7.27,0,0,1-.92-3.5V27.9a7.39,7.39,0,0,1,7.38-7.38h63.54a7.39,7.39,0,0,1,7.38,7.38V61.54a7.4,7.4,0,0,1-7.38,7.39H77.85L77,72h5.19l14.51,15.2V72h8.28a10.45,10.45,0,0,0,10.43-10.44V27.9A10.44,10.44,0,0,0,104.94,17.47Z"/></svg>

public/icons/white/countdown.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Artboard 16</title><path class="cls-1" d="M10.42,36.37V84.48H114V36.37ZM111.18,81.63H13.28V39.22h97.9Z"/><rect class="cls-1" x="60.34" y="40.78" width="2.7" height="39.28"/><path class="cls-1" d="M28.28,70.17a6.36,6.36,0,0,0,5.54-2.75c1.28-1.83,1.93-4.45,1.93-7.89q0-10.33-7.07-10.33A6.54,6.54,0,0,0,23,52c-1.3,1.85-2,4.52-2,8Q21,70.17,28.28,70.17Zm.2-17.56q2.72,0,2.72,7.06t-2.78,7.08q-2.84,0-2.84-6.86C25.58,55,26.55,52.61,28.48,52.61Z"/><path class="cls-1" d="M45,57c-.69,1.3-1.32,2.64-1.89,4a41.87,41.87,0,0,0-1.51,4.25,40.27,40.27,0,0,0-1,4.55h4.67a39.13,39.13,0,0,1,1-4.64,37.56,37.56,0,0,1,1.4-4.24c.54-1.39,1.18-2.8,1.89-4.23s1.53-3,2.43-4.59V49.54H37.79v3.64h9.42C46.44,54.43,45.7,55.7,45,57Z"/><path class="cls-1" d="M81.24,59.43a6.34,6.34,0,0,0,5.53-2.74q1.94-2.74,1.93-7.89c0-3.69-.69-6.35-2-8.07H76.35c-.14.16-.27.32-.4.5q-2,2.76-2,8Q74,59.43,81.24,59.43Zm.19-17.56q2.71,0,2.72,7.07c0,4.71-.93,7.07-2.77,7.07s-2.84-2.29-2.84-6.86Q78.54,41.88,81.43,41.87Z"/><path class="cls-1" d="M104.05,55.37h-8.6a1.54,1.54,0,0,1,.29-.83,4.91,4.91,0,0,1,.76-.9,10.88,10.88,0,0,1,1.11-.93c.42-.32.86-.64,1.31-1,.67-.46,1.31-.94,1.93-1.43a9.85,9.85,0,0,0,1.65-1.64,7.49,7.49,0,0,0,1.15-2,6.61,6.61,0,0,0,.43-2.48,6.13,6.13,0,0,0-.45-2.39,5,5,0,0,0-.53-1H91.54V44.1a7.57,7.57,0,0,1,5-2.08,3.29,3.29,0,0,1,2.25.67,2.51,2.51,0,0,1,.74,2,3.52,3.52,0,0,1-.23,1.26,4.23,4.23,0,0,1-.69,1.15,8.14,8.14,0,0,1-1.13,1.16c-.45.38-1,.79-1.56,1.21s-1.16.86-1.79,1.37a11,11,0,0,0-1.73,1.74,9.06,9.06,0,0,0-1.32,2.22,7.23,7.23,0,0,0-.52,2.79v1.53h13.49Z"/><path class="cls-1" d="M78.71,80.56a21.49,21.49,0,0,1-.17-3q0-7.27,2.89-7.28,2.71,0,2.72,7.07A22.58,22.58,0,0,1,84,80.56h4.47a20.92,20.92,0,0,0,.27-3.31q0-10.34-7.07-10.34A6.55,6.55,0,0,0,76,69.68q-2,2.76-2,8a22.62,22.62,0,0,0,.18,2.84Z"/><path class="cls-1" d="M95.67,68.54a18.83,18.83,0,0,1-3.28,1.3V73.6a9,9,0,0,0,1.2-.23,9.49,9.49,0,0,0,1.17-.4,8.83,8.83,0,0,0,1.07-.52,5.38,5.38,0,0,0,.87-.62v8.73h4.45V66.8h-2.7A19.34,19.34,0,0,1,95.67,68.54Z"/></svg>

public/icons/white/edd.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Artboard 28</title><path class="cls-1" d="M62.05,14.9a49.24,49.24,0,1,0,49.24,49.23A49.23,49.23,0,0,0,62.05,14.9Zm0,95.35a46.12,46.12,0,1,1,46.12-46.12A46.16,46.16,0,0,1,62.05,110.25Z"/><path class="cls-1" d="M67.53,86.06a19.88,19.88,0,0,0-3.68-1.71,17.38,17.38,0,0,1-2.79-1.17A4.56,4.56,0,0,1,59.45,82a2.24,2.24,0,0,1-.54-1.52,2.68,2.68,0,0,1,.45-1.35,2.19,2.19,0,0,1,1.34-1,6.16,6.16,0,0,1,2.43-.45,17.53,17.53,0,0,1,2.25.18,7.84,7.84,0,0,1,1.71.45c.53.18.89.36,1.25.45l1.08-3.33a8.32,8.32,0,0,0-2.51-.81,26.85,26.85,0,0,0-3-.36v-3.5H60.88v3.68a8.1,8.1,0,0,0-1.43.36,8.64,8.64,0,0,0-2.88,1.44,5.56,5.56,0,0,0-1.8,2.07,5.33,5.33,0,0,0-.63,2.61,4.57,4.57,0,0,0,.9,2.87A7.21,7.21,0,0,0,57.47,86a16.36,16.36,0,0,0,3.77,1.62,15.3,15.3,0,0,1,2.61,1.08,4,4,0,0,1,1.44,1.25,3,3,0,0,1,.45,1.53,2.51,2.51,0,0,1-.54,1.62,3.66,3.66,0,0,1-1.62,1.08,7.1,7.1,0,0,1-2.52.36,18.84,18.84,0,0,1-2.33-.18l-2.16-.54a10.73,10.73,0,0,1-1.8-.72l-1.08,3.51a6.81,6.81,0,0,0,1.8.71q1.08.27,2.43.54c.9.09,1.79.18,2.69.18h.18v3.6h3.06V97.74l1.08-.27A8.71,8.71,0,0,0,68,96a5.42,5.42,0,0,0,1.8-2.25,6.61,6.61,0,0,0,.63-2.7,5.9,5.9,0,0,0-.72-2.87A6.84,6.84,0,0,0,67.53,86.06Z"/><path class="cls-1" d="M102.8,63.74a40.75,40.75,0,0,0-81.5,0L40,45.05l6.29,6.29L32.6,65h59L77.9,51.34l6.29-6.29ZM63.09,58.91,45.67,40.63H57.23v-9c0-2.3,2.63-4.25,5.86-4.25S69,29.25,69,31.63v9H80.51Z"/></svg>

public/icons/white/fblike.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Artboard 25 copy</title><path class="cls-1" d="M63.82,14.9a49.92,49.92,0,1,0,49.92,49.92A49.92,49.92,0,0,0,63.82,14.9Zm0,96.68a46.76,46.76,0,1,1,46.76-46.76A46.81,46.81,0,0,1,63.82,111.58Z"/><path class="cls-1" d="M69,48.48c0-1.25.56-1.88,1.65-1.88H78.1V34.77l-9.9,0c-9.69,0-13.14,6.79-13.14,13.15v5.74H49.3V65.76h5.76V94.92H69V65.76H77.1l1.24-12.14H69Zm7.3,7-.87,8.47H67.18V93.08H56.89V63.93H51.13V55.46h5.76V47.88c0-2.66.82-11.32,11.31-11.32l8.06,0v8.17h-5.6a3.38,3.38,0,0,0-3.48,3.72v7Z"/></svg>

public/icons/white/gamification.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Artboard 26</title><path class="cls-1" d="M102.19,50.2H67.25a1.84,1.84,0,0,0-1.27.48,4.2,4.2,0,0,1-5.86,0,1.84,1.84,0,0,0-1.27-.48H23.37a4.6,4.6,0,0,0-4.6,4.6V66.56a4.18,4.18,0,0,0,2.68,3.9v38.09a4.28,4.28,0,0,0,4.27,4.28H99.85a4.28,4.28,0,0,0,4.27-4.28V70.46a4.2,4.2,0,0,0,2.68-3.9V54.8A4.6,4.6,0,0,0,102.19,50.2Zm-.64,58.35a1.71,1.71,0,0,1-1.7,1.71H25.72a1.71,1.71,0,0,1-1.7-1.71V70.89h77.53Zm2.81-42a1.76,1.76,0,0,1-1.76,1.76H23a1.76,1.76,0,0,1-1.77-1.76V54.8a2.16,2.16,0,0,1,2.17-2.16H102.2a2.16,2.16,0,0,1,2.16,2.16Z"/><path class="cls-1" d="M60.83,48.46a2.25,2.25,0,0,0,1,1.4A2.27,2.27,0,0,0,65,49.24a2.3,2.3,0,0,0,.24-2.09C73.62,42.76,94.71,30.64,84.3,24,68.85,14.8,63.89,35.36,62.47,44.58,59.08,33.33,49.51,7,36.77,16.79,16.83,33.05,50.35,45.19,60.83,48.46ZM79,27.1c9.87,4.87-12.91,18.42-13.92,19C65.07,46.11,63.62,20,79,27.1ZM39.24,23.74c10.33-9.89,21.42,20,21.91,21.31C61.15,45.05,23.86,39.27,39.24,23.74Z"/></svg>

public/icons/white/geo-targeting.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Artboard 13</title><path class="cls-1" d="M72,43.84a14.63,14.63,0,0,0-9.64-3.43,14.83,14.83,0,0,0-9.75,3.49,16,16,0,0,0-3.49,20l13,23.79L75.34,63.88A16,16,0,0,0,72,43.84Zm1.31,18.9L62.13,82.82l-11-20a13.68,13.68,0,0,1,2.92-17.08,12.52,12.52,0,0,1,8.24-2.93,12.37,12.37,0,0,1,8.13,2.87A13.6,13.6,0,0,1,73.27,62.74Z"/><path class="cls-1" d="M62.24,47.51a7.62,7.62,0,1,0,7.61,7.61A7.62,7.62,0,0,0,62.24,47.51Zm0,12.87a5.26,5.26,0,1,1,5.25-5.26A5.27,5.27,0,0,1,62.24,60.38Z"/><path class="cls-1" d="M103.09,62.29a40.44,40.44,0,0,0-39.21-39V13.57h-3v9.74a40.44,40.44,0,0,0-38.66,39H12.18v3H22.25a40.45,40.45,0,0,0,38.66,38.87V114h3v-9.85a40.45,40.45,0,0,0,39.21-38.88h9.52v-3Zm-3.15,3A37.35,37.35,0,0,1,63.88,101V90.69h-3V101A37.35,37.35,0,0,1,25.4,65.27H35.49v-3H25.4A37.34,37.34,0,0,1,60.91,26.46V36.88h3V26.45A37.34,37.34,0,0,1,99.94,62.29H89.3v3Z"/></svg>

public/icons/white/html.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Artboard 27 copy</title><polygon class="cls-1" points="56.9 63.9 25.65 44.96 56.9 25.7 56.9 15.64 11.95 42.72 11.95 47.64 56.9 74.39 56.9 63.9"/><polygon class="cls-1" points="90.91 84.48 90.91 89.09 105.22 97.91 90.91 106.58 90.91 111.39 111.49 99.13 111.49 96.88 90.91 84.48"/><polygon class="cls-1" points="102.65 29.6 46.6 112.68 52.83 112.68 109 29.6 102.65 29.6"/></svg>

public/icons/white/iframe.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Artboard 14</title><path class="cls-1" d="M12.66,14.06v99.71H112V14.06Zm3.16,23.72h61.4v47.4H15.82Zm93,72.83h-93V88.29h93Zm0-25.43H80.33V37.78h28.53Zm0-50.51h-93V17.22h93Z"/><rect class="cls-1" x="82.17" y="23.69" width="4.69" height="4.58"/><rect class="cls-1" x="89.99" y="23.69" width="4.69" height="4.58"/><rect class="cls-1" x="97.87" y="23.69" width="4.69" height="4.58"/></svg>

public/icons/white/image.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Artboard 26 copy</title><path class="cls-1" d="M62.47,14.9A49.51,49.51,0,1,0,112,64.41,49.51,49.51,0,0,0,62.47,14.9Zm0,95.87a46.37,46.37,0,1,1,46.37-46.36A46.42,46.42,0,0,1,62.47,110.77Z"/><circle class="cls-1" cx="56.45" cy="47.81" r="6.84" transform="translate(-17.27 53.92) rotate(-45)"/><polygon class="cls-1" points="85.58 50.03 58.42 83.1 35.34 64.35 20.11 77.77 21.11 80.51 35.41 67.91 58.8 86.91 85.9 53.92 105.78 71.44 106.01 68.03 85.58 50.03"/></svg>

public/icons/white/login.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Artboard 22</title><path class="cls-1" d="M64.19,36.43a1.38,1.38,0,0,0,.56-.12,1.35,1.35,0,0,0,.77-1L66,31.62l3.75,3a1.33,1.33,0,0,0,2.16-1.22c-.2-1.45-.4-3-.55-4.37,1.21,1,2.74,2.33,4.19,3.57a1.33,1.33,0,1,0,1.74-2c-6.45-5.56-6.71-5.64-7-5.75a1.37,1.37,0,0,0-1.29.25c-.54.45-.75.63-.16,5.35l-3-2.41a1.32,1.32,0,0,0-1.33-.21,1.35,1.35,0,0,0-.84,1.06l-.55,3.92c-3.55-2.32-7-4.62-7.62-5.16a1.32,1.32,0,0,0-1-.51,1.34,1.34,0,0,0-1.34,1.33c0,.91,0,1.05,10.32,7.73A1.34,1.34,0,0,0,64.19,36.43Z"/><path class="cls-1" d="M96,65.69c-6-3.64-13.94-6.13-22.51-7.2A30.05,30.05,0,0,0,82.3,46a1.26,1.26,0,0,0,.27,0c1.55,0,2.82-1.82,2.82-4.06a4.39,4.39,0,0,0-1.71-3.74c0-13.48-4.56-24.14-19.87-24.14S44,24.75,44,38.25A4.17,4.17,0,0,0,42,42.08c0,2.25,1.26,4.07,2.82,4.07a2,2,0,0,0,.49-.07,29.63,29.63,0,0,0,8.72,12.45c-8.73,1.13-16.72,3.73-22.76,7.52a10.17,10.17,0,0,0-4.82,8.66V92.39h18a16.15,16.15,0,0,1,.81-2.67H29.15v-15a7.53,7.53,0,0,1,3.57-6.4,51.51,51.51,0,0,1,17.79-6.52,14.13,14.13,0,0,0-.1,1.47,13,13,0,1,0,25.94,0,13,13,0,0,0-.12-1.66A53.08,53.08,0,0,1,94.62,68a7.56,7.56,0,0,1,3.66,6.45V89.72H81.39a16.15,16.15,0,0,1,.81,2.67H101v-18A10.25,10.25,0,0,0,96,65.69ZM47.86,45.19a2.7,2.7,0,0,0-2.54-1.78H45a2.4,2.4,0,0,1-.34-1.34,2.17,2.17,0,0,1,.42-1.43,2.67,2.67,0,0,0,1.5-2.4c0-14.66,5.48-21.49,17.19-21.49S81,23.58,81,38.23a2.67,2.67,0,0,0,1.25,2.27A2.09,2.09,0,0,1,82.72,42a2.41,2.41,0,0,1-.36,1.35H82.3a2.66,2.66,0,0,0-2.51,1.77c-3.17,8.87-11.74,15.3-16,15.3S51.09,54.32,47.86,45.19ZM63.38,74a10.53,10.53,0,0,1-10.3-10.73,11.06,11.06,0,0,1,.19-1.92c1.33-.19,2.67-.35,4-.48a13.32,13.32,0,0,0,6.51,2.2,13.19,13.19,0,0,0,6.44-2.23c1.08.09,2.14.21,3.2.34a11.05,11.05,0,0,1,.22,2.09A10.52,10.52,0,0,1,63.38,74Z"/><path class="cls-1" d="M63.25,78.13A17.55,17.55,0,1,0,80.79,95.68,17.56,17.56,0,0,0,63.25,78.13Zm0,32.42A14.87,14.87,0,1,1,78.12,95.68,14.89,14.89,0,0,1,63.25,110.55Z"/><rect class="cls-1" x="54.85" y="93.91" width="14.87" height="5.27" transform="translate(-51.7 82.17) rotate(-49.99)"/><polygon class="cls-1" points="55.33 104.84 58.96 104.56 54.92 101.17 55.33 104.84"/><path class="cls-1" d="M68.89,86.78a1.42,1.42,0,0,0-2,.18l-1.31,1.56,4,3.38,1.31-1.56a1.41,1.41,0,0,0-.18-2Z"/></svg>

public/icons/white/mailchimp.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Artboard 24</title><path class="cls-1" d="M84.53,67.63a1.89,1.89,0,1,0,1.89,1.89A1.89,1.89,0,0,0,84.53,67.63Z"/><path class="cls-1" d="M88.25,67.07a1.89,1.89,0,1,0,1.89-1.89A1.89,1.89,0,0,0,88.25,67.07Z"/><path class="cls-1" d="M57.6,45.2l-.13-1.11a19.31,19.31,0,0,1-.15-3.86c.78,0,2.17.16,3.16.26,3.75.36,4.69.39,5.38-.18.91-.75.69-2,.4-3.83,0-.23-.09-.51-.13-.79A14.89,14.89,0,0,1,71,37.15a15.54,15.54,0,0,1,2.85,3.51,1.37,1.37,0,0,0,2.37-1.38A18,18,0,0,0,72.69,35c-1.63-1.34-6.93-2.45-8.19-2.09-1.53.44-1.25,2.16-1,4,.05.3.12.71.17,1.07-.83,0-2.06-.15-3-.24-3-.3-4.19-.38-4.9-.06s-1.68.75-1.23,5.63a35.1,35.1,0,0,0-7.26,3.58c-2.62,1.83-8.75,9.2-8.75,10.51a1.37,1.37,0,0,0,2.65.49c.59-1,5-6.9,7.67-8.75a36.08,36.08,0,0,1,7.61-3.6Z"/><path class="cls-1" d="M34.9,71.57a6,6,0,0,0-3.95.88c-2.27,1.36-3.24,5.57-3.28,5.74L29,78.5c.24-1.06,1.18-4,2.65-4.87a4.59,4.59,0,0,1,3-.7A4,4,0,0,1,37.55,75c1.35,2.24,1.43,4.08.23,5.17-.74.67-2.27-.1-2.28-.1l-.64,1.21a5.08,5.08,0,0,0,2.1.53,2.49,2.49,0,0,0,1.74-.63c.81-.73,2.43-2.88,0-6.88A5.3,5.3,0,0,0,34.9,71.57Z"/><path class="cls-1" d="M46.92,69.9a1.94,1.94,0,1,0,1.94,1.94A1.94,1.94,0,0,0,46.92,69.9Z"/><path class="cls-1" d="M113.3,78.54c-.2-.94-1.15-1.69-3.43-3.32-.56-.39-1.37-1-1.62-1.18-.07-.6,0-2.22,0-3.33.09-3.49.06-4.53-.35-5.2s-1.46-1.34-7.31-4.9c-2-1.24-4.74-2.89-5.55-3.49-.15-.87-.24-3.39-.31-5.28-.12-3.56-.22-5.79-.53-6.72-.66-2-2.45-3-4.2-3.74a11.93,11.93,0,0,0-1.07-3.18c1.2-2.84,7-17.7-1.09-22.12-7-3.85-17.52,1.54-20.62,3.32l-4.16-3.65a7.81,7.81,0,0,0-8.22-1.29c-4.77,2.07-14.41,7.18-25.36,18.13A61,61,0,0,0,12.74,62.18,7.79,7.79,0,0,0,15.58,70L21,74.19c-1.35,4.76-.57,10.27,3.48,13.59a15.78,15.78,0,0,0,9.8,3.61h.35c.25,1.87,1.52,5.49,7,10.17,10.34,10.2,22.24,11,30.93,11.67.75,0,1.5.08,2.26.08,6.7,0,13.44-2.13,20-6.33,4.6-2.93,7-5,12.39-11.42C112.87,88.8,113.58,79.85,113.3,78.54Zm-5-1.08.59.43c-2.8,2.2-10.05,7.75-15,10.13-4.73,2.29-15.82,3.77-20,1.22a3,3,0,0,1-1.37-1.55,61.51,61.51,0,0,0,8.94-.61,61.91,61.91,0,0,0,9.86-3,.69.69,0,0,0-.51-1.28,60.82,60.82,0,0,1-9.58,3,62.09,62.09,0,0,1-8.79.59C73,82.66,80.12,81.39,87,80.16c2.14-.38,4.35-.78,6.33-1.24a30.46,30.46,0,0,0,12.12-5.85,4.8,4.8,0,0,0,.34,2.3A9.33,9.33,0,0,0,108.28,77.46ZM91.6,46a50.28,50.28,0,0,1,.39,6c.19,5.19.29,6.14.74,6.76S94,59.8,99.16,63c2.34,1.42,5.46,3.33,6.34,4,.08.7,0,2.47,0,3.69,0,.23,0,.42,0,.63A28.57,28.57,0,0,1,93,77.58c-2,.46-4.14.85-6.27,1.23-7.84,1.4-16,2.84-15.81,8.17h0v0a4.06,4.06,0,0,0,2.16,3.38C75,91.52,77.75,92,80.79,92a35.31,35.31,0,0,0,13.68-2.71,85.23,85.23,0,0,0,12.11-7.88A56.54,56.54,0,0,1,102,87.81c-1.14,1.56-9.77,10.7-16.18,12.07a20.51,20.51,0,0,1-15.72-3.51C66.61,93.94,66,89.05,66,89l-2.74.26a27.44,27.44,0,0,1,0,4c-.46-.12-1.47-.7-2.36-2.69-1.44-3.21-1.82-6.67-1.23-11.21.38-3,3.76-6.49,5-7.59l1.95-1.71-2.51-.66a38.26,38.26,0,0,1-7.07-3.23,6.79,6.79,0,0,1-2.65-3,7,7,0,0,0,3.57.66l.65.21,1.31-1.32-.38-.81v0c0-.56-.1-1.68-.3-3.85-.34-3.62,2.63-6.82,4.72-8.1,1.92-1.17,8.76-1.44,13.4-.12l1,.3.53-.93c2.25-3.88,8.14-5.17,9.65-5.44C90.19,44.46,91.28,45,91.6,46ZM67.67,22.31l1.83-.91-.08-.08c3.48-1.87,11.84-5.72,17.1-2.84,4.94,2.71,2.17,12.4.59,16.79a22.79,22.79,0,0,0-12.24-7.82,35.68,35.68,0,0,0-15.35-.3A88.36,88.36,0,0,1,67.67,22.31ZM15.42,62.77a58.22,58.22,0,0,1,16-28.24C42.05,23.9,51.34,19,55.93,17a5.07,5.07,0,0,1,5.32.83l3.41,3c-4.46,2.45-16.2,9.48-24.54,19.77-.66.82-1.31,1.66-2,2.52a77.41,77.41,0,0,0-8.38,13C26,62.74,23.25,68.71,22,71.48L17.26,67.8A5,5,0,0,1,15.42,62.77Zm89.71,31c-5.16,6.2-7.36,8.06-11.76,10.86C86.53,109,79.59,111,72.73,110.48c-8.26-.59-19.58-1.4-29.26-10.94-5-4.29-5.91-7.34-6.09-8.51a14.11,14.11,0,0,0,5.82-3,12.36,12.36,0,0,0,4.65-11.77l-2.68.61a9.67,9.67,0,0,1-3.72,9c-5.07,4.22-11.29,2.88-15.2-.32s-3.74-9.86-1.13-14,9.3-4.35,9.37-4.35l0-2.75a18.78,18.78,0,0,0-4.75.8,8.48,8.48,0,0,1,.12-1.76,29,29,0,0,1,2.41-6.23,117.18,117.18,0,0,1,9-13.78,61.77,61.77,0,0,1,12.16-11.5c2.32-1.61,12.18-4.22,20.74-1.95a19.28,19.28,0,0,1,11.71,8.24l-.16.36.5.24a11.44,11.44,0,0,1,.94,2.29c-2.42.55-7.34,2.05-10,5.7-4.68-1.07-11.8-1-14.6.67-3.2,2-6.45,6.14-6,10.69.12,1.27.19,2.16.23,2.8a3.44,3.44,0,0,1-2.92-2.79c-.26-.84-.67-2.25-2-2.2a1.55,1.55,0,0,0-1.44,1.27c-.42,1.8.85,8.84,5.35,11.27C58.21,70,60,70.8,61.27,71.32c-1.63,1.75-4,4.72-4.35,7.74-.66,5.07-.21,9,1.45,12.68C59.83,95,62,96.1,63.52,96.08a2.47,2.47,0,0,0,1.85-.84,17.39,17.39,0,0,0,3.12,3.37c3,2.8,12,5,17.57,4,6-1.09,16.4-10.74,18.4-13.75,0,0,3.51-4.77,5.19-7l.87-1.15A25.85,25.85,0,0,1,105.13,93.79Z"/><path class="cls-1" d="M88,54.06c-1.21.24-1.79,2.37-1.3,4.74a7.5,7.5,0,0,0,.92,2.42,2.61,2.61,0,0,1,1.62-1.08,2.51,2.51,0,0,1,1.9.37,7.47,7.47,0,0,0-.09-2.6C90.56,55.54,89.2,53.81,88,54.06Z"/><path class="cls-1" d="M73.49,61.34c-2.68.68-4.52,2.57-4.1,4.21a2,2,0,0,0,.12.34c-.1-1.56,1.66-3.23,4.16-3.87s4.83,0,5.49,1.41a2.27,2.27,0,0,0,0-.35C78.69,61.44,76.17,60.66,73.49,61.34Z"/><path class="cls-1" d="M75,63a2.81,2.81,0,0,0-1.13,3.58,3.28,3.28,0,0,1,4.82-2.83A2.82,2.82,0,0,0,75,63Z"/></svg>

public/icons/white/moreIdeas.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Artboard 27 copy 3</title><path class="cls-1" d="M77.21,39.19A28.54,28.54,0,1,0,40.05,82.5a10.83,10.83,0,0,1,3.86,8.41v10a3.51,3.51,0,0,0,3.55,3.52l.38,0,21.43-3a3.52,3.52,0,0,0,3.19-3.51v-7a11.13,11.13,0,0,1,4-8.54,28.53,28.53,0,0,0,.73-43.18Zm-2.6,40.93a14.06,14.06,0,0,0-5.07,10.79v7a.62.62,0,0,1-.61.6l-21.44,3a.61.61,0,0,1-.46-.16.6.6,0,0,1-.19-.44v-10a13.74,13.74,0,0,0-4.93-10.67A25.61,25.61,0,0,1,55.24,35a27.34,27.34,0,0,1,3-.17,25.32,25.32,0,0,1,17,6.53,25.6,25.6,0,0,1-.65,38.74Z"/><path class="cls-1" d="M68.79,103.66l-20.27,2.53a1.47,1.47,0,0,0,.36,2.91l20.27-2.54a1.46,1.46,0,0,0-.36-2.9Z"/><path class="cls-1" d="M67.24,108.66,50.13,110.8a1.23,1.23,0,0,0,.31,2.45l5.65-.7a3.46,3.46,0,0,0,6.48-.81l5-.63a1.22,1.22,0,0,0,1.07-1.37A1.23,1.23,0,0,0,67.24,108.66Z"/><path class="cls-1" d="M22.82,54.3H16.11a1.63,1.63,0,1,0,0,3.25h6.71a1.63,1.63,0,0,0,0-3.25Z"/><path class="cls-1" d="M101.24,54.3H94.53a1.63,1.63,0,0,0,0,3.25h6.71a1.63,1.63,0,1,0,0-3.25Z"/><path class="cls-1" d="M35,35.86a1.62,1.62,0,0,0,0-2.3l-8-8a1.62,1.62,0,0,0-2.29,2.3l8,8A1.62,1.62,0,0,0,35,35.86Z"/><path class="cls-1" d="M90.06,25.47l-8,8a1.62,1.62,0,1,0,2.3,2.29l8-8a1.63,1.63,0,1,0-2.3-2.3Z"/><rect class="cls-1" x="57.03" y="14.9" width="3.25" height="10.27" rx="1.36"/></svg>

public/icons/white/pdf.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Artboard 27</title><path class="cls-1" d="M53.38,58c-.5,1.08-1,2.13-1.46,3.17a108.6,108.6,0,0,1-5,9.72,54,54,0,0,0-11.34,5.33,24.54,24.54,0,0,0-4.49,3.63,7.91,7.91,0,0,0-2.51,4.65,2.93,2.93,0,0,0,1.17,2.59,4.89,4.89,0,0,0,4,.52c4.33-.91,7.65-4.63,10.48-7.76a84.86,84.86,0,0,0,6.49-8.22v0a96.27,96.27,0,0,1,12.91-3c2.1-.35,4.26-.64,6.46-.84a29.72,29.72,0,0,0,5,3.87,22.82,22.82,0,0,0,4.51,2.16A32.3,32.3,0,0,0,84.49,75a14.61,14.61,0,0,0,2.57.14c2-.07,4.76-.82,5-3.19A3.26,3.26,0,0,0,91.59,70c-1.53-2.74-6.85-3.6-9.28-4a38,38,0,0,0-5.83-.39c-1.53,0-3,.06-4.52.15l-1.63.13c-.55-.57-1.09-1.17-1.61-1.77a58.88,58.88,0,0,1-8.13-12.95,52.27,52.27,0,0,0,1.31-7c.51-4.4.69-9.42-1-13.61-.57-1.45-2.09-3.21-3.84-2.34-2,1-2.58,3.87-2.75,5.9a19.6,19.6,0,0,0,.24,4.9,35.23,35.23,0,0,0,1.22,4.7c.46,1.41,1,2.81,1.52,4.2-.35,1.09-.73,2.16-1.11,3.21C55.31,53.56,54.32,55.82,53.38,58ZM44.79,74.36c-.91,1.42-1.8,2.69-2.63,3.81-2,2.78-4.36,6.07-7.73,7.3a5.94,5.94,0,0,1-2.37.42c-.8,0-1.58-.39-1.54-1.29a3.87,3.87,0,0,1,.6-1.66,10.45,10.45,0,0,1,1.38-1.78,23.13,23.13,0,0,1,4.13-3.35,49.32,49.32,0,0,1,8.73-4.34Zm31.67-6.9a36.47,36.47,0,0,1,4.43.28,15.58,15.58,0,0,1,8,3c.42.35.56.66.51.93-.14.77-1.77,1.2-2.53,1.32a14.52,14.52,0,0,1-6.76-.65,21.31,21.31,0,0,1-4.25-2,24.52,24.52,0,0,1-3.77-2.82C73.53,67.49,75,67.43,76.46,67.46ZM56.28,38.79a16.17,16.17,0,0,1-.13-4.44,9.58,9.58,0,0,1,.44-2.09c.18-.56.57-1.93,1.19-2.11,1-.29,1.34,1.92,1.46,2.54.66,3.54.07,7.49-.72,11-.13.56-.27,1.1-.41,1.64-.25-.67-.48-1.35-.7-2A35.7,35.7,0,0,1,56.28,38.79Zm3.61,14.87a54.15,54.15,0,0,0,7.66,11.49c.29.32.57.63.87.94-1.73.18-3.43.41-5.09.68a97.86,97.86,0,0,0-11,2.41c.41-.12,2.31-3.71,2.73-4.46A53.73,53.73,0,0,0,59.89,53.66Z"/><path class="cls-1" d="M82.56,39.7a5.75,5.75,0,0,0,4.06-1.33,4.8,4.8,0,0,0,1.43-3.74,4.24,4.24,0,0,0-1.37-3.4A6.12,6.12,0,0,0,82.56,30h-5V44.49h3.9V39.7Zm-1.09-6.52h1c1.09,0,1.63.49,1.63,1.47A1.81,1.81,0,0,1,83.58,36a2,2,0,0,1-1.4.5h-.71Z"/><path class="cls-1" d="M100.65,42.53a7.49,7.49,0,0,0,2-5.58,6.7,6.7,0,0,0-1.9-5.14A7.52,7.52,0,0,0,95.37,30h-5V44.49H95A7.65,7.65,0,0,0,100.65,42.53Zm-6.38-9.35h1.14a2.92,2.92,0,0,1,2.39,1,4.64,4.64,0,0,1,.78,3,4.93,4.93,0,0,1-.83,3.16,3.14,3.14,0,0,1-2.61,1h-.87Z"/><polygon class="cls-1" points="113.78 33.16 113.78 30.03 105.23 30.03 105.23 44.49 109.08 44.49 109.08 39.06 113.41 39.06 113.41 35.92 109.08 35.92 109.08 33.16 113.78 33.16"/><path class="cls-1" d="M100.2,48.88a44.41,44.41,0,1,1-13.58-20.8A12.37,12.37,0,0,1,89,26.17a47.24,47.24,0,1,0,13.89,21.29A12.48,12.48,0,0,1,100.2,48.88Z"/></svg>

public/icons/white/pushNotification.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Artboard 29</title><path class="cls-1" d="M61.75,14.9A48.91,48.91,0,0,0,23.53,94.33L22.07,112l17.35-4.65A48.92,48.92,0,1,0,61.75,14.9Zm0,95a46.06,46.06,0,0,1-21.65-5.4l-.65-.35-14,3.84,1.22-14.31-.46-.57a46.07,46.07,0,1,1,35.57,16.79Z"/><path class="cls-1" d="M95.16,72.75c-.66-.39-1.24-.73-1.87-1-4.49-2.23-7.36-6-9.29-12.14-.62-2-1.06-4.06-1.5-6.07s-.88-4.11-1.51-6.16c-2.93-9.52-9.75-15.06-18.72-15.21-.09,0-.35,0-.35,0a.74.74,0,0,1-.12-.22c-.87-2.15-2.92-3.16-5.48-2.72s-4.15,2-4.29,4.35c0,.4,0,.43-.63.7-7.7,3.4-11.65,9.59-11.74,18.41a52.29,52.29,0,0,0,.85,8.57l.2,1.23c.88,5.78,1.4,10.57-.6,15.33a22.75,22.75,0,0,1-3.61,5.3c-.49.59-1,1.2-1.48,1.82l1.39,2.28L95.77,76l.44-2.63ZM39.7,83.68a20.07,20.07,0,0,0,3-4.78C45,73.47,44.44,68.06,43.52,62l-.2-1.24a50.33,50.33,0,0,1-.82-8.1c.08-7.71,3.37-12.89,10-15.84a3.39,3.39,0,0,0,2.32-3.13c0-.42.09-1.4,1.93-1.72a4.25,4.25,0,0,1,.67-.06A1.6,1.6,0,0,1,59.17,33a2.94,2.94,0,0,0,3,2c10.49.18,14.56,8.35,16,13.2.6,1.93,1,4,1.45,5.93s.91,4.22,1.57,6.32c2,6.59,5.27,10.9,10.1,13.51Z"/><path class="cls-1" d="M73.32,82.2c-2.25.47-4.51.86-6.77,1.29s-4.63.91-7,1.3c-1,.17-1.11.57-.67,1.45,1.47,2.91,5.27,4.61,8.91,3.9s6.4-3.7,6.66-6.85C74.58,82.31,74.34,82,73.32,82.2Z"/></svg>

public/icons/white/recentSales.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Artboard 18</title><polygon class="cls-1" points="62.49 63.72 33.67 63.72 33.67 67.64 62.49 67.64 62.49 67.66 66.41 67.66 66.41 26.72 62.49 26.72 62.49 63.72"/><path class="cls-1" d="M62.33,14.09a49.43,49.43,0,0,0-5.73,98.57c-.07-1-.12-2-.12-3,0-.12,0-.24,0-.36a46.14,46.14,0,1,1,52.34-45.74,44.3,44.3,0,0,1-.24,4.63c1.1.25,2.19.54,3.25.87A49.34,49.34,0,0,0,62.33,14.09Z"/><path class="cls-1" d="M91.38,91.26V83.12a16.38,16.38,0,0,1,6.77,2.23v-5.8a16,16,0,0,0-6.77-1.46V74.18H88.24v4a10.06,10.06,0,0,0-6.32,2.76,7.81,7.81,0,0,0-2.38,5.75A8,8,0,0,0,81.38,92q1.83,2.17,6.86,4v7.82a16.82,16.82,0,0,1-4.4-1A12.76,12.76,0,0,1,80.12,101v6a17.65,17.65,0,0,0,8.12,2v4.53h3.14v-4.66a10.88,10.88,0,0,0,6.51-2.66,7.57,7.57,0,0,0,2.27-5.74,7.44,7.44,0,0,0-2-5.28A17.29,17.29,0,0,0,91.38,91.26ZM88.24,90q-3-1.48-3-3.7,0-2.58,3-3.11Zm3.14,13.77V97.28c2.05.89,3.07,2,3.07,3.44Q94.45,103.32,91.38,103.79Z"/></svg>

public/icons/white/registration.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Artboard 23</title><path class="cls-1" d="M63.15,36a1.38,1.38,0,0,0,.56-.12,1.32,1.32,0,0,0,.77-1L65,31.19l3.77,3.06A1.34,1.34,0,0,0,70.94,33c-.2-1.46-.41-3.07-.56-4.39,1.22,1,2.76,2.34,4.21,3.59a1.35,1.35,0,1,0,1.76-2c-6.49-5.58-6.75-5.67-7.06-5.77a1.39,1.39,0,0,0-1.3.24c-.54.46-.76.64-.16,5.38l-3-2.42a1.31,1.31,0,0,0-1.33-.21,1.35,1.35,0,0,0-.84,1.06l-.56,3.95c-3.56-2.33-7-4.65-7.66-5.19a1.33,1.33,0,0,0-1.05-.52,1.35,1.35,0,0,0-1.35,1.35c0,.91,0,1.05,10.37,7.76A1.3,1.3,0,0,0,63.15,36Z"/><path class="cls-1" d="M95.12,65.44c-6.06-3.66-14-6.16-22.62-7.24a30.18,30.18,0,0,0,8.85-12.56,2.51,2.51,0,0,0,.27,0c1.57,0,2.84-1.83,2.84-4.09a4.42,4.42,0,0,0-1.72-3.76c0-13.55-4.59-24.26-20-24.26s-20,10.72-20,24.28a4.23,4.23,0,0,0-1.93,3.86c0,2.26,1.27,4.09,2.83,4.09a2.09,2.09,0,0,0,.5-.08A29.81,29.81,0,0,0,53,58.24C44.19,59.38,36.16,62,30.08,65.8a10.24,10.24,0,0,0-4.84,8.7V92.28h18a16,16,0,0,1,.81-2.68H27.93V74.5a7.58,7.58,0,0,1,3.58-6.43A51.8,51.8,0,0,1,49.4,61.52,14.1,14.1,0,0,0,49.29,63a13,13,0,1,0,26.08,0,13,13,0,0,0-.12-1.67,53.58,53.58,0,0,1,18.49,6.41,7.59,7.59,0,0,1,3.67,6.48V89.6h-17a16,16,0,0,1,.81,2.68H100.1V74.22A10.3,10.3,0,0,0,95.12,65.44ZM46.73,44.83A2.7,2.7,0,0,0,44.18,43l-.28,0a2.45,2.45,0,0,1-.35-1.35A2.11,2.11,0,0,1,44,40.27a2.69,2.69,0,0,0,1.5-2.42c0-14.73,5.51-21.6,17.29-21.6S80,23.11,80.05,37.84a2.66,2.66,0,0,0,1.27,2.27,2.14,2.14,0,0,1,.45,1.48A2.52,2.52,0,0,1,81.42,43h-.07a2.7,2.7,0,0,0-2.53,1.79c-3.18,8.91-11.8,15.37-16,15.37S50,54,46.73,44.83Zm15.6,29A10.58,10.58,0,0,1,52,63a11.17,11.17,0,0,1,.19-1.93c1.34-.19,2.68-.36,4-.48a13.45,13.45,0,0,0,6.55,2.2,13.24,13.24,0,0,0,6.47-2.24c1.08.1,2.15.21,3.21.35a10.39,10.39,0,0,1,.23,2.1A10.58,10.58,0,0,1,62.33,73.78Z"/><path class="cls-1" d="M62.2,78A17.64,17.64,0,1,0,79.83,95.58,17.65,17.65,0,0,0,62.2,78Zm0,32.58a14.95,14.95,0,1,1,15-15A15,15,0,0,1,62.2,110.53Z"/><path class="cls-1" d="M69.09,91.36H60.68V89.09a1.88,1.88,0,0,1,3.76,0v.26h1.75v-.26a3.64,3.64,0,0,0-7.27,0v2.27H55.6a1.92,1.92,0,0,0-1.92,1.92v9.33a1.92,1.92,0,0,0,1.92,1.91H69.09A1.91,1.91,0,0,0,71,102.61V93.28A1.91,1.91,0,0,0,69.09,91.36Zm-6.23,6.88v3a.52.52,0,0,1-1,0v-3a2.09,2.09,0,1,1,1,0Z"/></svg>

public/icons/white/scheduling.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Artboard 7</title><path class="cls-1" d="M66.67,30.37a3.08,3.08,0,0,0,3.08,3.08h7.52a3.08,3.08,0,0,0,3.08-3.08V18.56a3.08,3.08,0,0,0-3.08-3.08H69.75a3.08,3.08,0,0,0-3.08,3.08v2.1H39.27v3.05h27.4Zm3.08-11.85h7.52l0,0,0,11.85-7.56,0Z"/><path class="cls-1" d="M18.35,91.76A3.31,3.31,0,0,1,15,88.45V47.4h76.1V57.82a28,28,0,0,1,3,.53V27a6.36,6.36,0,0,0-6.35-6.35H80.35v3.05h7.48A3.31,3.31,0,0,1,91.14,27V43.38H15V27a3.31,3.31,0,0,1,3.31-3.3h7.24v6.66a3.08,3.08,0,0,0,3.09,3.08h7.51a3.08,3.08,0,0,0,3.08-3.08V18.56a3.08,3.08,0,0,0-3.08-3.08H28.68a3.08,3.08,0,0,0-3.09,3.08v2.1H18.35A6.36,6.36,0,0,0,12,27V88.45a6.36,6.36,0,0,0,6.35,6.35h41.4a30.47,30.47,0,0,1-.69-3ZM28.68,18.52h7.51l0,0,0,11.85-7.56,0Z"/><path class="cls-1" d="M88,59.56A26.74,26.74,0,1,0,114.71,86.3,26.77,26.77,0,0,0,88,59.56ZM88,110a23.7,23.7,0,1,1,23.69-23.7A23.72,23.72,0,0,1,88,110Z"/><path class="cls-1" d="M101.65,85.53h-12V74.2A1.2,1.2,0,0,0,88.5,73H87.41a1.2,1.2,0,0,0-1.2,1.2V85.53h0v3.56h15.44A1.07,1.07,0,0,0,102.73,88V86.6A1.07,1.07,0,0,0,101.65,85.53Z"/></svg>

public/icons/white/sgpbAdBlock.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Artboard 10</title><path class="cls-1" d="M83.11,14.3H41.56L14,43.05v42.8l27.53,28H83.11l28.59-28V43.05Zm25.48,70.25L81.84,110.76h-39L17.14,84.58V44.3L42.89,17.41H81.82l26.77,26.92Z"/><path class="cls-1" d="M76.44,54.47l-1,2.69V39.38a5.65,5.65,0,0,0-5.52-5.74h-.44a5.28,5.28,0,0,0-2.61.71,6.3,6.3,0,0,0-12.22,0,5.53,5.53,0,0,0-2.84-.81,5.86,5.86,0,0,0-5.74,6v2.63a5,5,0,0,0-2.35-.62c-3,0-5.42,2.71-5.42,6V77h0a21.65,21.65,0,0,0,5.68,15.18,20.76,20.76,0,0,0,15.21,6.41h.08a22.54,22.54,0,0,0,16-6.57,21.15,21.15,0,0,0,6.2-13c.08-.63,1.41-10,2.07-12.46A54.35,54.35,0,0,1,87,59a5.65,5.65,0,0,0-2.82-7.45l-.4-.17A5.64,5.64,0,0,0,76.44,54.47ZM83,54.39a2.53,2.53,0,0,1,1.18,3.38,53.92,53.92,0,0,0-3.07,7.16c-.8,2.77-2.7,13.92-2.7,13.92h0l0,0a18.18,18.18,0,0,1-5.29,10.94,19.5,19.5,0,0,1-13.86,5.66h-.07a17.69,17.69,0,0,1-13-5.44,18.65,18.65,0,0,1-4.83-13V47.53c0-1.62,1-2.94,2.32-2.94S46,45.91,46,47.53V61.18h3.13V39.48a2.65,2.65,0,1,1,5.28,0V59.72h3.1V35.82a3.21,3.21,0,0,1,6.41,0v3.47s0,.06,0,.09V61.23H67V39.29a2.54,2.54,0,0,1,2.42-2.55h.44a2.54,2.54,0,0,1,2.41,2.64V65.16H75.4l3.89-9.47a2.54,2.54,0,0,1,3.27-1.47Z"/></svg>

public/icons/white/sgpbAdvancedTargeting.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Artboard 8</title><path class="cls-1" d="M53.21,59.22l.1,0C54.21,65.32,58.39,70,63.41,70s9.25-4.69,10.13-10.87a1,1,0,0,0,.34.06c.89,0,1.61-1.1,1.61-2.45s-.69-2.38-1.55-2.43A12.29,12.29,0,0,0,74,52.77c0-6.84-2.77-12.38-10.7-12.38-8.21,0-10.69,5.54-10.69,12.38a13.13,13.13,0,0,0,.11,1.67,2.51,2.51,0,0,0-1.16,2.33C51.59,58.12,52.32,59.22,53.21,59.22Zm3.43-9.72a4.29,4.29,0,0,1,3.61,1.22c1.68,1.69,2,1.21,2.06,1s-.14-3.09,1.06-3.19c1.38-.12,4.41,5,5.37,4.81s-2.48-4.57-1.28-5c.7-.23,2.65,2.66,4.2,4.85a15.6,15.6,0,0,1,.41,3.54c0,6.4-3.88,11.61-8.66,11.61-4.62,0-8.4-4.89-8.63-11a4.39,4.39,0,0,0,0-.53,3.1,3.1,0,0,0,0-.54A14.08,14.08,0,0,1,56.64,49.5Z"/><path class="cls-1" d="M63.36,77.7c-4.48,0-8.34-3-10.24-7.28A28.65,28.65,0,0,0,40.34,78v8H84.5V77a28.84,28.84,0,0,0-11-6.35C71.56,74.85,67.75,77.7,63.36,77.7Z"/><path class="cls-1" d="M63.72,13.3a50,50,0,1,0,50,50A50,50,0,0,0,63.72,13.3ZM65.31,110V94.49H62.1V110A46.77,46.77,0,0,1,17,65H32.58V61.75H17A46.75,46.75,0,0,1,62.1,16.62V32.15h3.21V16.62A46.76,46.76,0,0,1,110.4,61.75H94.76V65H110.4A46.77,46.77,0,0,1,65.31,110Z"/></svg>

public/icons/white/sgpbAnalytics.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Artboard 3</title><path class="cls-1" d="M113.67,27.73l-5.83,5.38-4.68,3.82,6-1.18,2.34-.46c-3.58,6.16-15.58,26.78-17.35,29.78A7.56,7.56,0,0,0,82.83,69L60.71,62.87l-.66,1.23c0-.31.05-.63.05-.95a10.25,10.25,0,1,0-18.39,6.19l-.23-.22-29.64,33L44.37,71.85l-.18-.17a10.22,10.22,0,0,0,15.06-4.45L82.5,72.81l0-.06a7.59,7.59,0,0,0,15.07-1.3A7.51,7.51,0,0,0,96.74,68l15-32.73.12,0,1.39,2.62L116,43l.11-5.86.16-8.29.07-3.57ZM49.85,70.94a7.79,7.79,0,1,1,7.79-7.79A7.79,7.79,0,0,1,49.85,70.94ZM90,76.59a5.14,5.14,0,1,1,5.14-5.14A5.15,5.15,0,0,1,90,76.59Zm24.55-39.46-1.92-3.61-3.8.74c.2-.17,5.88-5.42,5.88-5.42Z"/></svg>

public/icons/white/sgpbExitIntent.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Artboard 2</title><path class="cls-1" d="M108.34,51.51A46.52,46.52,0,1,1,83.08,21.58a22.25,22.25,0,0,1,2.26-3.34A50.55,50.55,0,1,0,112,49.85,21.34,21.34,0,0,1,108.34,51.51Z"/><polygon class="cls-1" points="80.93 35.46 98.93 35.46 98.93 45.5 114.77 33.95 98.93 21.35 98.93 31.43 80.93 31.43 80.93 35.46"/><polygon class="cls-1" points="79.49 42.4 62.59 60.43 45.95 42.66 42.91 45.5 59.75 63.47 43.43 80.88 46.46 83.72 62.59 66.5 78.97 83.98 82 81.14 65.44 63.47 82.52 45.24 79.49 42.4"/></svg>

public/icons/white/sgpbInactivity.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Artboard 21</title><path class="cls-1" d="M46.11,53.57a5.16,5.16,0,0,1,1.52-2.63c1.62-1.17,4.47-1.4,7-1.6s4.78-.39,6.1-1.4a5.9,5.9,0,0,0,2-5.81l-1.47.35a4.44,4.44,0,0,1-1.4,4.27c-1,.74-3.07.91-5.3,1.09-2.85.23-5.79.47-7.75,1.88a7,7,0,0,0-2.2,3.83A21.74,21.74,0,0,0,23.14,75.29V91.41a21.75,21.75,0,0,0,21.75,21.76h0A21.76,21.76,0,0,0,66.65,91.41V75.29A21.77,21.77,0,0,0,46.11,53.57ZM63.63,91.41a18.74,18.74,0,0,1-37.48,0V75.29A18.75,18.75,0,0,1,43.94,56.6a38.66,38.66,0,0,0-.31,5.14h-.46a2.43,2.43,0,0,0-2.43,2.42V76.35a2.43,2.43,0,0,0,2.43,2.42h2.89a2.42,2.42,0,0,0,2.42-2.42V64.16a2.42,2.42,0,0,0-2.42-2.42h-.93a39.38,39.38,0,0,1,.34-5.16A18.75,18.75,0,0,1,63.63,75.29Z"/><polygon class="cls-1" points="84.08 16.75 84.08 14.35 68.08 14.35 68.08 17.84 78 17.84 67.31 30.89 67.31 33.35 84.11 33.35 84.11 29.88 73.63 29.88 84.08 16.75"/><polygon class="cls-1" points="93.37 44.01 102.06 33.09 102.06 31.1 88.76 31.1 88.76 33.99 97.01 33.99 88.12 44.85 88.12 46.9 102.09 46.9 102.09 44.01 93.37 44.01"/><polygon class="cls-1" points="83.78 41.94 83.78 40.47 73.99 40.47 73.99 42.6 80.06 42.6 73.52 50.59 73.52 52.1 83.8 52.1 83.8 49.98 77.38 49.98 83.78 41.94"/></svg>

public/icons/white/sgpbRandom.svg ADDED Viewed

	@@ -0,0 +1 @@

public/icons/white/sgpbScroll.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Artboard 17</title><path class="cls-1" d="M54.74,40.9a4.34,4.34,0,0,0-4.34,4.34V82.46a4.34,4.34,0,0,0,4.34,4.34H71.25a4.34,4.34,0,0,0,4.34-4.34V45.24a4.34,4.34,0,0,0-4.34-4.34Zm17.44,4.34V82.46a.93.93,0,0,1-.93.93H54.74a.93.93,0,0,1-.93-.93V45.24a.93.93,0,0,1,.93-.92H71.25A.93.93,0,0,1,72.18,45.24Z"/><rect class="cls-1" x="56.98" y="56.13" width="12.03" height="1.68"/><rect class="cls-1" x="56.98" y="62.92" width="12.03" height="1.68"/><rect class="cls-1" x="56.98" y="69.78" width="12.03" height="1.68"/><path class="cls-1" d="M47.88,32.11H78.23A1.81,1.81,0,0,0,79.48,29L64.39,14.59a1.81,1.81,0,0,0-2.49,0L46.64,29A1.81,1.81,0,0,0,47.88,32.11Zm15.25-14L74.22,28.69H51.92Z"/><path class="cls-1" d="M78.23,95.46H47.88a1.81,1.81,0,0,0-1.24,3.12L61.9,113a1.81,1.81,0,0,0,2.49,0L79.48,98.57A1.81,1.81,0,0,0,78.23,95.46Zm-15.1,14L51.92,98.87h22.3Z"/></svg>

public/icons/white/sgpbWOO.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Artboard 15</title><path class="cls-1" d="M89.4,38.52A6.11,6.11,0,0,0,85,37.13a5.64,5.64,0,0,0-4.76,3.13C77.42,45.38,75.34,52.87,73.91,63A111.47,111.47,0,0,1,71.2,51.7c-1-5.26-4.16-5.85-6-5.71-2.16.14-3.93,1.49-5.25,4L50.38,68.25c-1.55-6.88-3-14.85-4.32-23.75-.48-3.55-2.79-5.44-6.27-5.16a5.79,5.79,0,0,0-4.47,2.26,6,6,0,0,0-1.14,4.73c3.11,19.8,6.07,33.37,8.8,40.39,1.34,3.21,3.09,4.76,5.26,4.61,2.89-.21,5.74-3.3,9.27-10.07,1.33-2.73,3.28-6.65,5.82-11.68C66.12,77.91,69.77,84.42,74.2,89a6.94,6.94,0,0,0,5,2.44h.41a5,5,0,0,0,4.06-2.74,7.86,7.86,0,0,0,.81-4.32c-.31-4.75.18-11.39,1.46-19.75,1.35-8.73,3-15,5-18.53a6.25,6.25,0,0,0,.71-3.41A5.7,5.7,0,0,0,89.4,38.52Zm-1.26,6C86,48.47,84.28,54.87,82.85,64.09,81.53,72.68,81,79.55,81.36,84.55a4.68,4.68,0,0,1-.45,2.6,1.81,1.81,0,0,1-1.53,1.08,4,4,0,0,1-2.91-1.48C71.75,81.93,68,74.59,65.2,65l-1.1-3.86-1.82,3.58c-3.42,6.74-6,11.86-7.59,15.17-3.84,7.37-5.95,8.28-6.68,8.34h0c-.6,0-1.37-1-2.06-2.64-2.64-6.77-5.53-20.13-8.61-39.7a2.91,2.91,0,0,1,.53-2.32l0,0a2.66,2.66,0,0,1,2.18-1c1.86-.15,2.64.52,2.9,2.46,1.61,10.84,3.41,20.31,5.35,28.15l1,4L62.76,51.46c1.17-2.22,2.3-2.3,2.67-2.32.66,0,2-.14,2.66,3.14a100.66,100.66,0,0,0,5.1,18.33l2.38,6,.66-6.43c1.34-13.1,3.61-22.66,6.78-28.42a2.5,2.5,0,0,1,2.22-1.5,3,3,0,0,1,2.21.73,2.56,2.56,0,0,1,1,1.85A3.1,3.1,0,0,1,88.14,44.54Z"/><path class="cls-1" d="M63.05,13.75a49.83,49.83,0,1,0,49.83,49.83A49.83,49.83,0,0,0,63.05,13.75Zm0,96.5a46.67,46.67,0,1,1,46.67-46.67A46.72,46.72,0,0,1,63.05,110.25Z"/></svg>

public/icons/white/social.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Artboard 19</title><path class="cls-1" d="M96.15,14.09a14,14,0,0,0-13.3,18.63L47,51.27l.12.22a18.29,18.29,0,1,0,1.56,24.45L71.41,94.65a12.24,12.24,0,1,0,2.07-2.33l-23.05-19a18.22,18.22,0,0,0-1.37-19.61L84.19,35.54a14.07,14.07,0,1,0,12-21.45ZM81.44,92.43a9,9,0,1,1-9,9A9,9,0,0,1,81.44,92.43ZM34.37,79.75A15.17,15.17,0,1,1,49.54,64.58,15.19,15.19,0,0,1,34.37,79.75ZM96.15,39.12a11,11,0,1,1,11-11A11,11,0,0,1,96.15,39.12Z"/></svg>

public/icons/white/subscription.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Artboard 27 copy 2</title><path class="cls-1" d="M74.54,79.64h-1a3.7,3.7,0,0,0-1.39.27,3.52,3.52,0,0,0-2.91-2.15H68.13a4.34,4.34,0,0,0-1,.14,3.29,3.29,0,0,0-3.36-2.79H62.63a3.62,3.62,0,0,0-.94.14v-6c0-2.41-1.52-4.3-3.45-4.3H57.11c-1.93,0-3.45,1.89-3.45,4.3V86.68l-1.53-2.53a5,5,0,0,0-2.21-2.06,3.21,3.21,0,0,0-2.93.06l-1,.56c-1.67,1-2,3.36-.84,5.45L56.63,108H76v-.12l.52,0L77.76,83.6C77.76,82.24,76.51,79.64,74.54,79.64Zm-.32,25.8H58L47.34,86.91c-.55-1-.41-1.85-.07-2l1-.56a.82.82,0,0,1,.66,0A2.44,2.44,0,0,1,50,85.42l3.68,6.75h2.49V69.23c0-1.1.57-1.8,1-1.8h1.13c.39,0,.95.7.95,1.8v23h2.53v-14c0-.3.38-.63.91-.63h1.11c.53,0,.91.33.91.63V92.59l2.69,0V82c0-.1.21-1.72,1.08-1.72h.46a1.84,1.84,0,0,1,1.49,1.6,2.24,2.24,0,0,0-.06.52v11h2.39V83.24c0-.07.06-1.11.83-1.11h1a1.49,1.49,0,0,1,.86,1.41Z"/><path class="cls-1" d="M100.93,21.94H22.74A12.43,12.43,0,0,0,10.32,34.37V78.65A12.43,12.43,0,0,0,22.74,91.08H44.52L42.6,87.72H22.74a9.05,9.05,0,0,1-7.23-3.62l33.2-23.21a15.22,15.22,0,0,1-1.22-3.24L14,81.06a8.77,8.77,0,0,1-.34-2.41V34.37a9.16,9.16,0,0,1,.21-1.91L53.45,60.12a14.16,14.16,0,0,0,16,.19L110,33.43a7.3,7.3,0,0,1,0,.94V78.65a9.36,9.36,0,0,1-.1,1.3L77,58.11a15.17,15.17,0,0,1-1.29,3.17l33,21.94a9.07,9.07,0,0,1-7.83,4.5H79.26L79,91.08h21.91a12.44,12.44,0,0,0,12.43-12.43V34.37A12.44,12.44,0,0,0,100.93,21.94ZM67.64,57.52a10.81,10.81,0,0,1-12.27-.15L15.22,29.3a9.08,9.08,0,0,1,7.52-4h78.19a9.09,9.09,0,0,1,8,4.79Z"/></svg>

public/icons/white/subscriptionPlus.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Artboard 9</title><path class="cls-1" d="M78.83,72.19H77.46a4.85,4.85,0,0,0-1.86.36c-.78-1.49-2.13-2.87-3.88-2.87H70.27a5.45,5.45,0,0,0-1.36.19,4.4,4.4,0,0,0-4.49-3.73H63a4.88,4.88,0,0,0-1.27.19v-8c0-3.22-2-5.74-4.6-5.74h-1.5c-2.57,0-4.6,2.52-4.6,5.74V81.58l-2-3.38A6.64,6.64,0,0,0,46,75.45a4.27,4.27,0,0,0-3.91.08l-1.3.75c-2.23,1.29-2.72,4.48-1.12,7.26L54.94,110H80.72v-.15l.69,0,1.7-32.46C83.11,75.66,81.45,72.19,78.83,72.19Zm-.44,34.4H56.79L42.55,81.88c-.74-1.27-.55-2.46-.1-2.72l1.3-.75a1,1,0,0,1,.88.07,3.32,3.32,0,0,1,1.45,1.41l4.9,9h3.33V58.31c0-1.48.75-2.42,1.27-2.42h1.5c.52,0,1.28.94,1.28,2.42V89h3.37V70.3c0-.4.5-.84,1.22-.84h1.47c.71,0,1.21.44,1.21.84V89.45l3.59,0V75.28c0-.12.27-2.28,1.44-2.28l.61,0a2.44,2.44,0,0,1,2,2.14,3.1,3.1,0,0,0-.08.69v14.7h3.19l0-13.38V77c0-.1.08-1.48,1.12-1.48h1.32a2,2,0,0,1,1.15,1.87Z"/><path class="cls-1" d="M64.09,30.64a20.66,20.66,0,0,0-15,34.86V60a17.35,17.35,0,1,1,23.1,6.71l3.46,1.81A20.68,20.68,0,0,0,64.09,30.64Z"/><path class="cls-1" d="M62.79,41.49V50H54.26V51.2a6.48,6.48,0,0,1,2.12-.39,6.61,6.61,0,0,1,5,2.3h1.45v8h3.09v-8h8V50h-8V41.49Z"/><path class="cls-1" d="M102.86,16.31H24A11.18,11.18,0,0,0,12.83,27.49V72.9A11.17,11.17,0,0,0,24,84.07H38.65l-1.76-3.32H24a7.57,7.57,0,0,1-2.35-.4l19.79-18a25.58,25.58,0,0,1-1.33-3L18.83,78.76a7.8,7.8,0,0,1-2.68-5.86v-45L39.33,43.77a24.71,24.71,0,0,1,1-3.05L16.74,24.52A7.86,7.86,0,0,1,24,19.63h78.85a7.84,7.84,0,0,1,7.31,5.06L87.44,40.29a27.76,27.76,0,0,1,1,3l22.22-15.26V72.9a7.82,7.82,0,0,1-1.29,4.29L88.31,58A25.42,25.42,0,0,1,87.1,61L107.25,79.4a7.8,7.8,0,0,1-4.39,1.35h-18v3.32h18A11.17,11.17,0,0,0,114,72.9V27.49A11.18,11.18,0,0,0,102.86,16.31Z"/></svg>

public/icons/white/video.svg ADDED Viewed

	@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.49 128.15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Artboard 4</title><path class="cls-1" d="M62.66,13.8A50.34,50.34,0,1,0,113,64.14,50.39,50.39,0,0,0,62.66,13.8Zm0,97.53a47.2,47.2,0,1,1,47.19-47.19A47.25,47.25,0,0,1,62.66,111.33Z"/><polygon class="cls-1" points="52.58 83.55 79.49 63.1 52.58 43.28 52.58 83.55"/></svg>

public/images/NoImage.png ADDED Viewed

Binary file

public/images/chrome-messanger.png ADDED Viewed

Binary file

public/images/colorful-memphis-design-background.png ADDED Viewed

Binary file

public/images/livepreviewBg.png ADDED Viewed

Binary file

public/images/mediaEditor.png ADDED Viewed

Binary file

public/images/messanger.png ADDED Viewed

Binary file

public/images/notification.png ADDED Viewed

Binary file

public/images/popupEvents.png ADDED Viewed

Binary file

public/images/social-icons.png ADDED Viewed

Binary file

public/images/timer.png ADDED Viewed

Binary file

public/img/emailIntegrationCloseBtn.png ADDED Viewed

Binary file

public/img/sgpbLogo.png ADDED Viewed

Binary file

public/js/Backend.js CHANGED Viewed

	@@ -2,9 +2,16 @@ function SGPBBackend(){this.closeButtonDefaultPositions={};this.closeButtonDefau
2	SGPBBackend.sgAddEvent=function(element,eventName,fn)
3	{if(element.addEventListener){element.addEventListener(eventName,fn,false);}
4	else if(element.attachEvent){element.attachEvent('on'+eventName,fn);}};SGPBBackend.prototype.sgInit=function()
5	- {this.makePopupTitleRequired();this.targetCondition();this.popupSelect2();this.sgTabs();this.accordion();this.initRadioAccordions();this.fixedPositionSelection();this.popupThemesPreview();this.setCloseButtonDefaultPositionValues();this.colorPicker();this.rangeSlider();this.backgroundRangeSliderInit();this.overlayRangeSliderInit();this.imageUpload();this.buttonImageUpload();this.buttonImageRemove();this.backgroundImageUpload();this.backgroundImageRemove();this.multipleChoiceButton();this.switchPopupActive();this.previewInit();this.soundUpload();this.resetSound();this.soundPreview();this.showInfo();this.openAnimationPreview();this.closeAnimationPreview();this.resetToDefaultValue();this.editPopupSettingsForFullscreenMode();this.autosave();this.popupBuilderButton();this.downloadSystemInfoFile();};SGPBBackend.prototype.~~changeTab~~=function(~~tab~~)
6	- {jQuery('#~~sgpb-editor-options-tab-content-wrapper-~~'~~+tab~~).~~css~~('~~display~~',~~'none');var i,tabContent,tabLinks;tabContent=jQuery('.sgpb-editor-options-tab-content-wrapper');tabContent.each(~~function(){~~jQuery(this).css(~~'~~display~~',~~'none');~~});~~tabLinks~~=~~jQuery~~(~~'.sgpb-editor-tab-links'~~);~~tabLinks~~.~~each~~(function(){~~jQuery(this).removeClass('~~sgpb-~~active-tab');});jQuery('#~~sgpb-~~editor~~-~~options~~-~~tab~~-~~content-wrapper-'+tab)~~.~~css~~('~~display~~','~~block~~');jQuery('.~~sgpb-editor-tab-'+tab~~).~~addClass~~(~~'sgpb-active-tab'~~);~~this~~.~~rangeSlider~~();};SGPBBackend.prototype.~~downloadSystemInfoFile~~=function()~~{if(!jQuery('.sgpb-download-system-info').length){return false;}~~
7	- jQuery('~~.sgpb-download-system-info~~').~~bind~~('click',function(){~~window~~.~~location.href=SGPB_JS_PARAMS.postUrl+~~'~~?action=sgpb_system_info~~';});~~};SGPBBackend.prototype.resetCssEditorContent=function(){~~jQuery('.~~editor~~-~~content-css~~').~~val~~('');};SGPBBackend.prototype.~~popupBuilderButton~~=function()







8	{var that=this;jQuery(document).on('tinymce-editor-setup',function(event,editor){if(editor.settings.toolbar1.indexOf('popupBuilderHtmlButton')!==-1){return;}
9	editor.settings.toolbar1+=', popupBuilderHtmlButton';editor.addButton('popupBuilderHtmlButton',{text:'Popup Builder Button',tooltip:'Popup Builder Custom HTML Button',icon:'wp-menu-image dashicons-before dashicons-menu-icon-sgpb-button',onclick:function(){that.mediaButtonPopup('sgpb-custom-button-wrapper');}});});};SGPBBackend.popups=[];SGPBBackend.prototype.mediaButtonPopup=function(hiddenDivId)
10	{var select2Init=1;var that=this;var popupConfigObj=new PopupConfig();popupConfigObj.magicCall('setContentPadding',14);popupConfigObj.magicCall('setContentBorderRadius',4);popupConfigObj.magicCall('setContentBorderRadiusType','px');popupConfigObj.magicCall('setScrollingEnabled',true);popupConfigObj.magicCall('setContentBorderWidth',5);popupConfigObj.magicCall('setContentBorderColor','#506274');popupConfigObj.magicCall('setShadowSpread',1);popupConfigObj.magicCall('setContentShadowBlur',4);popupConfigObj.magicCall('setContentShadowColor','#cccccc');popupConfigObj.magicCall('setMinWidth',400);popupConfigObj.magicCall('contents',document.getElementById(hiddenDivId));popupConfigObj.magicCall('setOverlayColor','black');popupConfigObj.magicCall('setOverlayOpacity',40);var config=popupConfigObj.combineConfigObj();var popup=new SGPopup(config);if(!SGPBBackend.popups.length){SGPBBackend.popups.push(popup);}
	@@ -25,7 +32,7 @@ window.send_to_editor(button);});};SGPBBackend.prototype.closeMediaButtonPopup=f
25	{var htmlTarget=jQuery('.js-sgpb-reset-default-value');if(!htmlTarget.length){return false;}
26	htmlTarget.each(function(){jQuery(this).bind('change',function(){var currentValue=jQuery(this).val();var defaultValue=jQuery(this).data('default');if(!defaultValue\|\|currentValue){return false;}
27	jQuery(this).val(defaultValue);});});};SGPBBackend.prototype.showInfo=function()
28	- {jQuery('.~~sgpb~~-~~info-icon~~').hover(function(){jQuery(this).~~nextAll~~('.sgpb-info-~~text~~').~~first~~().css({'display':'inline-block'});},function(){jQuery(this).~~nextAll~~('.sgpb-info-~~text~~').~~first~~().css({'display':'none'});});};SGPBBackend.prototype.soundPreview=function()
29	{var songValue=1;var lastSong=undefined;jQuery('.js-preview-sound').bind('click',function(){var uploadFile=jQuery('#js-sound-open-url').val();if(typeof lastSong==='undefined'){lastSong=new Audio(uploadFile);}
30	if(songValue===1){lastSong.play();songValue=2;}
31	else if(songValue===2){lastSong.pause();songValue=1;}
	@@ -54,17 +61,17 @@ var choiceInputWrapperId=choiceInput.attr('data-attr-href');jQuery('#'+choiceInp
54	{var radioButtonsList=[jQuery("[name='sgpb-content-click-behavior']"),jQuery("[name='sgpb-popup-dimension-mode']")];for(var radioButtonIndex in radioButtonsList){var radioButton=radioButtonsList[radioButtonIndex];if(typeof radioButton!=='object'){continue;}
55	var that=this;radioButton.each(function(){that.buildRadioAccordionActions(jQuery(this));});radioButton.on("change",function(){that.buildRadioAccordionActions(jQuery(this),'change');});}};SGPBBackend.prototype.buildRadioAccordionActions=function(currentRadioButton,event)
56	{if(event=='change'){currentRadioButton.parents('.sg-radio-option-behavior').first().find('.js-radio-accordion').addClass('sg-hide');}
57	- var value=currentRadioButton.val();var toggleContent=jQuery('.js-accordion-'+value);toggleContent.addClass('sg-hide');var addAfter=currentRadioButton;if(currentRadioButton.is(':checked')){if(currentRadioButton.parents('.~~row~~').first().length){addAfter=currentRadioButton.parents('.~~row~~').first();}
58	jQuery('.js-accordion-'+value).removeClass('sg-hide');addAfter.after(toggleContent);}};SGPBBackend.prototype.accordion=function()
59	- {var that=this;var element=jQuery(".js-checkbox-accordion");element.each(function(){that.checkboxAccordion(jQuery(this));});element.click(function(){~~var elements=jQuery(this);~~that.checkboxAccordion(jQuery(this));if(jQuery(this).attr('id')=='sgpb-show-background'){SGPBBackend.prototype.backgroundRangeSliderInit();}
60	else if(jQuery(this).attr('id')=='sgpb-enable-popup-overlay'){SGPBBackend.prototype.overlayRangeSliderInit();}});};SGPBBackend.prototype.checkboxAccordion=function(element)
61	- {if(!element.is(':checked')){element.parents('.~~row~~').first().nextAll('div').first().find('input').attr('disabled','disabled');element.parents('.~~row~~').first().nextAll('div').first().css({'display':'none'});if(element.attr('id')=='schedule-status'){element.parents('.~~row~~').first().nextAll('div').first().find('select').removeAttr('required');}}
62	- else{element.parents('.~~row~~').first().nextAll('div').first().find('input:disabled').removeAttr('disabled');element.parents('.~~row~~').first().nextAll('div').first().css({'display':'inline-block'});if(element.attr('id')=='schedule-status'){element.parents('.~~row~~').first().nextAll('div').first().find('select').attr('required','required');}}};SGPBBackend.prototype.sgTabs=function()
63	{jQuery('.events-tabs').each(function(){jQuery(this).tabs();});};SGPBBackend.prototype.targetCondition=function()
64	{this.addRuleRow();this.addGroupRow();this.removeRuleButton();this.editOpenPopup();this.changeConditionParams();};SGPBBackend.prototype.reInitRulesConfigButton=function()
65	{this.addRuleRow();this.addGroupRow();this.removeRuleButton();this.changeConditionParams();this.editOpenPopup();this.popupSelect2();this.sgTabs();this.showInfo();};SGPBBackend.prototype.editOpenPopup=function()
66	{if(jQuery('.sg-rules-edit-rule').length==0){return;}
67	- var that=this;that.unbindPopup();jQuery('.sg-rules-edit-rule').each(function(){jQuery(this).on('click',function(e){e.preventDefault();var hiddenDivId=jQuery(this).attr('data-id');var popupConfigObj=new PopupConfig();popupConfigObj.magicCall('setContentPadding',8);popupConfigObj.magicCall('setMinWidth',500);popupConfigObj.magicCall('setSrcElement',hiddenDivId);popupConfigObj.magicCall('setOverlayColor','black');var config=popupConfigObj.combineConfigObj();config.willOpen=function(){that.reInitRulesConfigButton();};var popup=new SGPopup(config);popup.open();jQuery(window).bind('sgpbDidOpen',function(){that.popupContentTabs();that.popupHiddenContentAccordions();});jQuery('.sgpb-popup-option-save').on('click',function(e){e.preventDefault();var parent=jQuery(this).parents('.sgpb-wrapper').first();var elements=parent.find('.sgpb-popup-option');if(elements.length){elements.each(function(){var currentValue=jQuery(this).val();var type=jQuery(this).attr('type');if(type=='checkbox'){var currChecked=jQuery(this).is(':checked');jQuery(this).prop('defaultChecked','');if(currChecked){jQuery(this).prop('defaultChecked','checked')}}
68	else if(type=='text'){jQuery(this).attr("value",jQuery(this).val());}
69	else if(type=='number'){currentValue=parseInt(currentValue);if(isNaN(currentValue)){currentValue=0;}
70	jQuery(this).attr("value",currentValue);}});}
	@@ -89,24 +96,29 @@ var paramSavedValue=jQuery(this).val();var data={action:'change_condition_rule_r
89	that.eventsAddButtonSpinner(jQuery(this).parent().parent().find('.sg-rules-add-rule'),'hide');});});});jQuery('.popup-special-conditions-wrapper .sg-condition-operator-wrapper select').each(function(){jQuery(this).change(function(e){e.preventDefault();var paramSavedValue=jQuery(this).val();var currentTargetDiv=jQuery(this).closest('.popup-special-conditions-wrapper');var conditionName=currentTargetDiv.data('condition-type');var paramValue=currentTargetDiv.find('.sg-condition-param-wrapper select').first().val();var ruleId=0;var groupId=0;var prevRuleDiv=jQuery(this).parents('.sg-target-rule').first();var currentGroupDiv=jQuery(this).parents('.sg-target-group').first();var currentTargetDiv=jQuery(this).parents('.popup-conditions-wrapper').first();var groupId=parseInt(currentGroupDiv.attr('data-group-id'));var ruleId=parseInt(prevRuleDiv.attr('data-rule-id'));var data={action:'change_condition_rule_row',nonce_ajax:SGPB_JS_PARAMS.nonce,conditionName:conditionName,paramName:paramSavedValue,paramValue:paramValue,popupId:SGPBBackend.getParamFromUrl('post'),ruleId:ruleId,groupId:groupId};jQuery.post(ajaxurl,data,function(response){currentTargetDiv.find('.sg-target-rule-'+ruleId).after(response);currentTargetDiv.find('.sg-target-rule-'+ruleId).first().remove();that.reInitRulesConfigButton();if(currentTargetDiv.find('.sg-target-rule-'+ruleId).next().length){jQuery('.popup-conditions-'+conditionName+' > .sg-target-group-'+groupId+' .sg-target-rule-'+ruleId+' .sg-rules-add-button-wrapper').hide();}});});});};SGPBBackend.prototype.popupSelect2=function()
90	{if(!jQuery('.js-sg-select2').length){return;}
91	jQuery('select.js-sg-select2').each(function(){var type=jQuery(this).attr('data-select-type');var className=jQuery(this).attr('data-select-class');var options={width:'100%'};if(type=='ajax'){options=jQuery.extend(options,{minimumInputLength:1,ajax:{url:SGPB_JS_PARAMS.url,dataType:'json',delay:250,type:"POST",data:function(params){var searchKey=jQuery(this).attr('data-value-param');var dataCallback=jQuery(this).attr('data-select-callback');return{action:'select2_search_data',nonce_ajax:SGPB_JS_PARAMS.nonce,searchTerm:params.term,searchCallback:dataCallback,searchKey:searchKey};},processResults:function(data){return{results:jQuery.map(data.items,function(item){return{text:item.text,id:item.id}})};}}});}
92	- jQuery(this).sgpbselect2(options);});};SGPBBackend.prototype.~~fixedPositionSelection~~=function()
93	- {jQuery(".js-~~fixed~~-~~position~~-style").bind("click",function(){var ~~sgElement~~=jQuery(this);var ~~sgPoss~~=~~sgElement~~.attr('data-sgvalue');jQuery(~~".js-fixed-position-style").css("backgroundColor","~~#~~FFFFFF");jQuery(this).css("backgroundColor","rgba(70,173,208,0.5)");jQuery(".js~~-~~fixed~~-~~position").val(sgPoss);});jQuery(".js~~-~~fixed-position-~~style").bind("mouseover",function(){jQuery(".js-fixed-position-style").css("backgroundColor","#FFFFFF");jQuery(this).css("backgroundColor","rgb(70,173,208)");jQuery(".js-fixed-position-style").each(function(){if(jQuery(this).attr("data-sgvalue")==jQuery('~~.js-fixed-position'~~).val())
94	- ~~jQuery(this)~~.~~css~~(~~"backgroundColor","rgba(70,173,208,0.5~~)");});~~});~~jQuery(".js-~~fixed~~-position~~-style"~~).bind(~~"mouseout"~~,function(){~~if(~~jQuery(~~".js-fixed-position-style"~~).attr("data-sgvalue")~~!==~~jQuery(~~".js~~-~~fixed~~-~~position").val()\|\|jQuery(".js~~-~~fixed-~~position").val()~~==1){jQuery(this)~~.~~css~~(~~"backgroundColor","#FFFFFF"~~);}
95	- jQuery(".js-fixed-position-style").each(function(){if(jQuery(this).attr("data-sgvalue")==jQuery('.js-fixed-position').val()){jQuery(this).css("backgroundColor","rgba(70,173,208,0.5)");}});});if(jQuery('.js-fixed-position').val()!=''){jQuery(".js-fixed-position-style").each(function(){if(jQuery(this).attr("data-sgvalue")==jQuery('.js-fixed-position').val()){jQuery(this).css("backgroundColor","rgba(70,173,208,0.5)");}});}};SGPBBackend.prototype.~~hideTabContents~~=function(~~ruleId~~)




96	{jQuery(".sgpb-tab-content-"+ruleId).each(function(){var id=jQuery(this).attr("id");var currentTab=jQuery("[data-content-id="+id+"]");if(!currentTab.hasClass('sgpb-active')){jQuery(this).hide();}});};SGPBBackend.prototype.popupContentTabs=function()
97	{var ruleId=jQuery("#popup-dialog-main-div .sgpb-tab-links").first().attr('data-rule-id');var that=this;this.hideTabContents(ruleId);jQuery("#popupDialogMainDiv .sgpb-tab-links").bind('click',function(){jQuery("#popupDialogMainDiv .sgpb-tab-links").removeClass('sgpb-active');that.hideTabContents(ruleId);jQuery(".sgpb-tab-content").hide();var id=jQuery(this).attr('data-content-id');jQuery('#'+id).show();jQuery(this).addClass('sgpb-active');});};SGPBBackend.prototype.popupHiddenContentAccordions=function()
98	{jQuery('.sgpb-popup-accordion').each(function(){var key=jQuery(this).attr('data-name');var ruleId=jQuery(this).attr('data-rule-id');if(!jQuery(this).is(':checked')){jQuery(".sgpb-popup-hidden-content-"+key+"-"+ruleId+"-wrapper").hide();}});jQuery('.sgpb-popup-accordion').bind('change',function(){var key=jQuery(this).attr('data-name');var ruleId=jQuery(this).attr('data-rule-id');jQuery(".sgpb-popup-hidden-content-"+key+"-"+ruleId+"-wrapper").hide();if(jQuery(this).is(':checked')){jQuery(".sgpb-popup-hidden-content-"+key+"-"+ruleId+"-wrapper").show();}});};SGPBBackend.prototype.popupThemesPreview=function()
99	{var that=this;if(!jQuery('.js-sgpb-popup-themes').length){return false;}
100	- that.themeRelatedSettings();jQuery('.js-sgpb-popup-themes').~~bind~~("~~mouseover~~",function(e){var themeId=jQuery(this).attr('data-popup-theme-number');jQuery('.~~theme-preview-'+themeId~~).~~css~~('~~display~~','~~block~~');jQuery(~~this).click(function(){jQuery(~~'.sgpb-disable-border-wrapper').addClass('sg-hide');that.setCloseButtonDefaultPositions();that.setCloseButtonDefaultPositionValues();document.getElementById('sgpb-button-position-top').value='none';document.getElementById('sgpb-button-position-right').value='none';document.getElementById('sgpb-button-position-bottom').value='none';document.getElementById('sgpb-button-position-left').value='none';if(themeId==4){jQuery('.sgpb-close-button-image-option-wrapper').~~addClass~~('~~sg-hide');jQuery('.~~sgpb-~~close~~-~~button-border-options~~')~~.addClass('sg-hide'~~);jQuery('.sgpb-close-button-~~text~~-option-wrapper').~~removeClass~~('~~sg-hide');document.getElementById('~~sgpb-~~button~~-~~position-bottom~~')~~.value=that.closeButtonDefaultPositions[themeId].bottom~~;~~document.getElementById('sgpb-button-position-right').value=that.closeButtonDefaultPositions[themeId].right;~~}
101	- ~~else if(themeId==3){~~jQuery('.sgpb-close-button-~~text-option-wrapper').addClass('sg-hide');jQuery('.sgpb-close-button-~~border-options').~~removeClass~~('sg-hide');jQuery('.sgpb-close-button-~~image~~-option-wrapper').removeClass('sg-hide');~~jQuery('input[name=sgpb-button-image-width]').val('38');jQuery('input[name=sgpb-button-image-height]').val('19');jQuery('.sgpb-disable-border-wrapper').removeClass('sg-hide');~~document.getElementById('sgpb-button-position-~~right~~').value=that.closeButtonDefaultPositions[themeId].~~right~~;document.getElementById('sgpb-button-position-~~top~~').value=that.closeButtonDefaultPositions[themeId].~~top~~;}

102	else{if(themeId==2){jQuery('input[name=sgpb-button-image-width]').val('20');jQuery('input[name=sgpb-button-image-height]').val('20');jQuery('.sgpb-disable-border-wrapper').removeClass('sg-hide');document.getElementById('sgpb-button-position-right').value=that.closeButtonDefaultPositions[themeId].right;document.getElementById('sgpb-button-position-top').value=that.closeButtonDefaultPositions[themeId].top;}
103	else if(themeId==5){jQuery('input[name=sgpb-button-image-width]').val('17');jQuery('input[name=sgpb-button-image-height]').val('17');document.getElementById('sgpb-button-position-bottom').value=that.closeButtonDefaultPositions[themeId].bottom;document.getElementById('sgpb-button-position-right').value=that.closeButtonDefaultPositions[themeId].right;}
104	else if(themeId==6){jQuery('input[name=sgpb-button-image-width]').val('30');jQuery('input[name=sgpb-button-image-height]').val('30');document.getElementById('sgpb-button-position-top').value=that.closeButtonDefaultPositions[themeId].top;document.getElementById('sgpb-button-position-right').value=that.closeButtonDefaultPositions[themeId].right;}
105	else{jQuery('input[name=sgpb-button-image-width]').val('21');jQuery('input[name=sgpb-button-image-height]').val('21');}
106	if(themeId==1){document.getElementById('sgpb-button-position-bottom').value=that.closeButtonDefaultPositions[themeId].bottom;document.getElementById('sgpb-button-position-right').value=that.closeButtonDefaultPositions[themeId].right;}
107	- jQuery('.sgpb-close-button-text-option-wrapper').addClass('sg-hide');jQuery('.sgpb-close-button-border-options').addClass('sg-hide');jQuery('.sgpb-close-button-image-option-wrapper').removeClass('~~sg-hide');}});});jQuery('.js-~~sgpb-~~popup~~-~~themes').bind("mouseout",function(e){jQuery('.themes-preview').css('display','~~none');});};SGPBBackend.prototype.setCloseButtonDefaultPositions=function()
108	- {~~var theme=jQuery('.js-sgpb-popup-themes:checked').attr('data-popup-theme-number');~~if(theme==1\|\|theme==4\|\|theme==5){jQuery('.sgpb-button-position-top-js').~~hide~~();jQuery('.sgpb-button-position-~~right~~-js').~~show~~();jQuery('.sgpb-button-position-~~left~~-js').~~hide~~();jQuery('.sgpb-button-position-bottom-js').~~show~~();}
109	- else if(theme==2\|\|theme==3\|\|theme==6){jQuery('.sgpb-button-position-top-js').~~show~~();jQuery('.sgpb-button-position-right-js').~~show~~();jQuery('.sgpb-button-position-left-js').~~hide~~();jQuery('.sgpb-button-position-bottom-js').~~hide~~();}};SGPBBackend.prototype.setCloseButtonDefaultPositionValues=function()
110	{var that=this;jQuery('.sgpb-close-button-position').on('change',function(){var theme=jQuery('.js-sgpb-popup-themes:checked').attr('data-popup-theme-number');var buttonLocation=jQuery('.sgpb-close-button-position option:selected').val();that.setCloseButtonLocation(buttonLocation);document.getElementById('sgpb-button-position-top').value='none';document.getElementById('sgpb-button-position-right').value='none';document.getElementById('sgpb-button-position-bottom').value='none';document.getElementById('sgpb-button-position-left').value='none';if(theme==1){document.getElementById('sgpb-button-position-bottom').value=that.closeButtonDefaultPositions[theme].bottom;if(buttonLocation=='bottomRight'){document.getElementById('sgpb-button-position-right').value=that.closeButtonDefaultPositions[theme].right;}
111	else if(buttonLocation=='bottomLeft'){document.getElementById('sgpb-button-position-left').value=that.closeButtonDefaultPositions[theme].left;}}
112	else if(theme==2){if(buttonLocation=='topLeft'){document.getElementById('sgpb-button-position-left').value=that.closeButtonDefaultPositions[theme].left;document.getElementById('sgpb-button-position-top').value=that.closeButtonDefaultPositions[theme].top;}
	@@ -125,10 +137,14 @@ else if(theme==6){if(buttonLocation=='topRight'){document.getElementById('sgpb-b
125	else if(buttonLocation=='topLeft'){document.getElementById('sgpb-button-position-top').value=that.closeButtonDefaultPositions[theme].top;document.getElementById('sgpb-button-position-left').value=that.closeButtonDefaultPositions[theme].left;}
126	else if(buttonLocation=='bottomLeft'){document.getElementById('sgpb-button-position-left').value=that.closeButtonDefaultPositions[theme].left;document.getElementById('sgpb-button-position-bottom').value=that.closeButtonDefaultPositions[theme].bottom;}
127	else if(buttonLocation=='bottomRight'){document.getElementById('sgpb-button-position-right').value=that.closeButtonDefaultPositions[theme].right;document.getElementById('sgpb-button-position-bottom').value=that.closeButtonDefaultPositions[theme].bottom;}}});};SGPBBackend.prototype.setCloseButtonLocation=function(location)
128	- {jQuery('.sgpb-button-position-top-js').~~hide~~(~~);jQuery(~~'.sgpb-~~button~~-~~position-right-js~~')~~.hide(~~)~~;jQuery('.sgpb-button-position-left-js').hide();jQuery('.sgpb-button-position-bottom-js').hide();if(location=='topRight')~~{jQuery('.sgpb-button-position-top-js').~~show~~(~~);jQuery(~~'.sgpb-~~button~~-~~position-right-js~~')~~.show()~~;}
129	- ~~else~~ if(~~location=='topLeft'){~~jQuery('.sgpb-button-position-~~top~~-js').~~show~~();jQuery('.sgpb-button-position-~~left~~-js').~~show~~();}
130	- ~~else~~ if(~~location=='bottomLeft'){~~jQuery('.sgpb-button-position-left-js').~~show~~();jQuery('.sgpb-button-position-~~bottom~~-js').~~show~~();}
131	- ~~else~~ if(~~location=='bottomRight'){~~jQuery('.sgpb-button-position-~~right~~-js').~~show~~();jQuery('.sgpb-button-position-bottom-js').~~show~~();}~~};SGPBBackend.prototype.rangeSlider=function()~~




132	{if(typeof Powerange!='undefined'){var powerRangeSelectors=['js-popup-overlay-opacity','js-popup-content-opacity','js-subs-bg-opacity','js-contact-bg-opacity','js-login-bg-opacity','js-registration-bg-opacity'];for(var i in powerRangeSelectors){if(typeof powerRangeSelectors[i]!='string'){continue;}
133	if(jQuery('.'+powerRangeSelectors[i]).length==0){continue;}
134	this.powerRange(powerRangeSelectors[i]);}}};SGPBBackend.prototype.powerRange=function(cssSelectorName)
	@@ -143,15 +159,15 @@ jQuery(".sgpb-show-image-container").css({'background-image':'url("'+attachment.
143	{var supportedImageTypes=['image/bmp','image/png','image/jpeg','image/jpg','image/ico','image/gif','image/x-icon','image/x-png']
144	var custom_uploader;jQuery('#js-button-upload-image-button').click(function(e){e.preventDefault();if(custom_uploader){custom_uploader.open();return;}
145	custom_uploader=wp.media.frames.file_frame=wp.media({titleFF:'Choose Image',button:{text:'Choose Image'},multiple:false,library:{type:'image'}});custom_uploader.on('select',function(){var attachment=custom_uploader.state().get('selection').first().toJSON();if(supportedImageTypes.indexOf(attachment.mime)===-1){alert(SGPB_JS_LOCALIZATION.imageSupportAlertMessage);return;}
146	- jQuery(".sgpb-show-button-image-container").css({'background-image':'url("'+attachment.url+'")'});jQuery(".sgpb-show-button-image-container").html("");jQuery('#js-button-upload-image').~~val~~(attachment.url);jQuery('.js-sgpb-remove-close-button-image').removeClass('sg-hide');});custom_uploader.open();});};SGPBBackend.prototype.buttonImageRemove=function()
147	{jQuery('#js-button-upload-image-remove-button').click(function(){var selectedTheme=jQuery('.js-sgpb-popup-themes:checked').attr('data-popup-theme-number');if(typeof selectedTheme=='undefined'){selectedTheme=6;}
148	jQuery(".sgpb-show-button-image-container").html("");jQuery("#js-button-upload-image").attr('value','');jQuery('.sgpb-show-button-image-container').attr('style','background-image: url("'+sgpbPublicUrl+'img/theme_'+selectedTheme+'/close.png")');jQuery('.js-sgpb-remove-close-button-image').addClass('sg-hide');});};SGPBBackend.prototype.backgroundImageUpload=function()
149	{if(jQuery('#js-background-upload-image').val()){jQuery('.sgpb-show-background-image-container').html('');jQuery('.sgpb-show-background-image-container').css({'background-image':'url("'+jQuery("#js-background-upload-image").val()+'")'});}
150	- var supportedImageTypes=['image/bmp','image/png','image/jpeg','image/jpg','image/ico','image/gif'];var custom_uploader;jQuery('#js-background-upload-image-button').click(function(e){e.preventDefault();if(custom_uploader){custom_uploader.open();return;}
151	custom_uploader=wp.media.frames.file_frame=wp.media({titleFF:'Choose Image',button:{text:'Choose Image'},multiple:false,library:{type:'image'}});custom_uploader.on('select',function(){var attachment=custom_uploader.state().get('selection').first().toJSON();if(supportedImageTypes.indexOf(attachment.mime)===-1){alert(SGPB_JS_LOCALIZATION.imageSupportAlertMessage);return;}
152	- jQuery('.sgpb-show-background-image-container').~~css~~({'background-image':'~~url~~("'~~+attachment~~.~~url+~~'")'});jQuery('.sgpb-~~show-~~background-image-~~container~~').~~html~~('');jQuery('#js-background-upload-image').val(attachment.url);jQuery('input[name="sgpb-background-image"]').attr('value',attachment.url);~~jQuery('.js-sgpb-remove-background-image').removeClass('sg-hide');~~});custom_uploader.open();});};SGPBBackend.prototype.backgroundImageRemove=function()
153	- {jQuery('#js-background-upload-image-remove-button').click(function(){jQuery('.sgpb-show-background-image-container').~~html~~('~~<span class="sgpb-no-image">(No image selected)</span>~~');jQuery('~~.sgpb~~-~~show-~~background-image~~-container~~').~~removeAttr~~('~~style~~');jQuery('~~#js~~-background-~~upload~~-~~image~~').~~attr~~('~~value~~'~~,''~~);jQuery('.~~js-~~sgpb-~~remove-~~background-image').addClass('sg-~~hide~~');});};SGPBBackend.prototype.switchPopupActive=function()
154	- {var that=this;jQuery('.sg-~~switch~~-~~checkbox~~').bind('change',function(){var popupId=jQuery(this).attr('data-switch-id');var ajaxNonce=jQuery(this).attr('data-checkbox-ajaxNonce');if(~~jQuery(~~this).~~is(':~~checked')){that.changePopupStatus('on',popupId);}
155	else{that.changePopupStatus('',popupId);}});};SGPBBackend.prototype.changePopupStatus=function(status,popupId)
156	{var data={action:'change_popup_status',ajaxNonce:SGPB_JS_PARAMS.nonce,popupId:popupId,popupStatus:status};jQuery.post(ajaxurl,data,function(response){if(!response){alert('Can not change the current popup status.');location.reload();}});};SGPBBackend.prototype.colorPicker=function()
157	{var that=this;var colorPicker=jQuery('.sgpb-color-picker');if(!colorPicker.length){return false;}
	@@ -179,8 +195,8 @@ jQuery('.sgpb-overlay-color').val(overlay);if(overlay){jQuery('.sgpb-overlay-col
179	else{jQuery('.sgpb-overlay-color .wp-color-result').removeAttr('style');}
180	jQuery('input[name=sgpb-content-padding]').val(padding);jQuery('.sgpb-close-button-position').val(buttonPosition);});};SGPBBackend.prototype.setThemeDefaultCloseBtnImage=function(theme)
181	{jQuery('#js-button-upload-image-remove-button').click();jQuery('.sgpb-show-button-image-container').attr('style','background-image: url("'+sgpbPublicUrl+'img/theme_'+theme+'/close.png")');};SGPBBackend.prototype.eventsAddButtonSpinner=function(element,showHide)
182	- {if(showHide=='show'){element.addClass('sgpb-events-spinner');element.~~text~~(~~SGPB_JS_LOCALIZATION.addButtonSpinner+~~' ~~...~~');}
183	- else{jQuery('.sg-rules-add-rule').removeClass('sgpb-events-spinner');jQuery('.sg-rules-add-rule').~~text~~(' '~~+SGPB_JS_LOCALIZATION.addButtonSpinner~~);}};SGPBBackend.prototype.editPopupSettingsForFullscreenMode=function(popupId)
184	{var responsiveModeSelector=jQuery('.sgpb-responsive-mode-change-js');var that=this;var closeButtonCheckbox=jQuery('#close-button');if(typeof responsiveModeSelector=='undefined'){return false;}
185	responsiveModeSelector.change(function(){var selectedMode=jQuery(this).val();if(selectedMode=='fullScreen'){if(closeButtonCheckbox.is(':checked')){closeButtonCheckbox.click();}}});};SGPBBackend.hexToRgba=function(hex,opacity)
186	{var c;if(/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)){c=hex.substring(1).split('');if(c.length==3){c=[c[0],c[0],c[1],c[1],c[2],c[2]];}


2	SGPBBackend.sgAddEvent=function(element,eventName,fn)
3	{if(element.addEventListener){element.addEventListener(eventName,fn,false);}
4	else if(element.attachEvent){element.attachEvent('on'+eventName,fn);}};SGPBBackend.prototype.sgInit=function()
5	+ {this.makePopupTitleRequired();this.targetCondition();this.popupSelect2();this.sgTabs();this.accordion();this.initRadioAccordions();this.fixedPositionSelection();this.floatingBtnStylesSelection();this.popupThemesPreview();this.setCloseButtonDefaultPositionValues();this.colorPicker();this.rangeSlider();this.backgroundRangeSliderInit();this.overlayRangeSliderInit();this.imageUpload();this.buttonImageUpload();this.buttonImageRemove();this.backgroundImageUpload();this.backgroundImageRemove();this.multipleChoiceButton();this.switchPopupActive();this.popupsTableRowColorChange();this.previewInit();this.soundUpload();this.resetSound();this.soundPreview();this.showInfo();this.openAnimationPreview();this.closeAnimationPreview();this.resetToDefaultValue();this.editPopupSettingsForFullscreenMode();this.autosave();this.popupBuilderButton();this.downloadSystemInfoFile();this.changeMetaboxTabs();this.newsletterShortcodes();this.openImportPopupsModal();};SGPBBackend.prototype.openImportPopupsModal=function()
6	+ {const that=this;jQuery('#sgpbImportSettings').on('click',function(){const data={action:'sgpb_import_settings',nonce:SGPB_JS_PARAMS.nonce};const modal=new SGPBModals();jQuery.post(ajaxurl,data,function(response){const confirmBtn=`<button class="sgpb-btn sgpb-btn-blue sgpb-btn-disabled"id="UploadFileAndImport">Upload file and import</button>`;jQuery(modal.modalContent('uploadFileAndImportForm','',jQuery(response),confirmBtn)).appendTo(document.body);modal.actionsCloseModal();that.uploadPopupsInputChangeListener();that.uploadPopups();});})};SGPBBackend.prototype.uploadPopups=function()
7	+ {jQuery('#UploadFileAndImport').on('click',function(){if(jQuery(this).hasClass('sgpb-btn-disabled'))return;jQuery('.sgpb-modal').find('form').find('input[type="submit"]').click();})};SGPBBackend.prototype.uploadPopupsInputChangeListener=function()
8	+ {jQuery('.sgpb-modal').find('form').find('input[type="file"]').on('change',function(){if(jQuery(this).val().length){jQuery('#UploadFileAndImport').removeClass('sgpb-btn-disabled')}else{jQuery('#UploadFileAndImport').addClass('sgpb-btn-disabled')}})};SGPBBackend.prototype.newsletterShortcodes=function()
9	+ {jQuery('.buttonGroup__button_shortcodes').on('click',function(){var shortcodeValue=jQuery(this).attr('data-value');var tempInput=document.createElement("input");tempInput.value=shortcodeValue;document.body.appendChild(tempInput);tempInput.select();document.execCommand("copy");document.body.removeChild(tempInput);alert('Copied to Clipboard!');});};SGPBBackend.prototype.popupsTableRowColorChange=function()
10	+ {jQuery('table tr th input').on('change',function(){if(this.checked){jQuery(this).parent('th').parent('tr').addClass('sgpb-popups-table-selected-row')}else{jQuery(this).parent('th').parent('tr').removeClass('sgpb-popups-table-selected-row')}});jQuery('table thead tr td input').on('change',function(){if(this.checked){jQuery(this).closest('table').find('tbody tr').addClass('sgpb-popups-table-selected-row');}else{jQuery(this).closest('table').find('tbody tr').removeClass('sgpb-popups-table-selected-row');}});};SGPBBackend.prototype.changeMetaboxTabs=function()
11	+ {var that=this;jQuery('.sgpb-metabox-tabs').on('click',function(){var currentElementId=jQuery(this).attr('id');jQuery('.sgpb-metabox-active-tab').removeClass('sgpb-metabox-active-tab');jQuery(this).addClass('sgpb-metabox-active-tab');jQuery('.sgpb-metabox-options').addClass('sg-hide');jQuery('#options-'+currentElementId).removeClass('sg-hide');that.backgroundRangeSliderInit();that.overlayRangeSliderInit();that.rangeSlider();});}
12	+ SGPBBackend.prototype.changeTab=function(tab)
13	+ {jQuery('#sgpb-editor-options-tab-content-wrapper-'+tab).css('display','none');var i,tabContent,tabLinks;tabContent=jQuery('.sgpb-editor-options-tab-content-wrapper');tabContent.each(function(){jQuery(this).css('display','none');});tabLinks=jQuery('.sgpb-tab-link');tabLinks.each(function(){jQuery(this).removeClass('sgpb-tab-active');});jQuery('#sgpb-editor-options-tab-content-wrapper-'+tab).css('display','block');jQuery('.sgpb-tab-'+tab).addClass('sgpb-tab-active');this.rangeSlider();};SGPBBackend.prototype.downloadSystemInfoFile=function(){if(!jQuery('.sgpb-download-system-info').length){return false;}
14	+ jQuery('.sgpb-download-system-info').bind('click',function(){window.location.href=SGPB_JS_PARAMS.postUrl+'?action=sgpb_system_info';});};SGPBBackend.prototype.popupBuilderButton=function()
15	{var that=this;jQuery(document).on('tinymce-editor-setup',function(event,editor){if(editor.settings.toolbar1.indexOf('popupBuilderHtmlButton')!==-1){return;}
16	editor.settings.toolbar1+=', popupBuilderHtmlButton';editor.addButton('popupBuilderHtmlButton',{text:'Popup Builder Button',tooltip:'Popup Builder Custom HTML Button',icon:'wp-menu-image dashicons-before dashicons-menu-icon-sgpb-button',onclick:function(){that.mediaButtonPopup('sgpb-custom-button-wrapper');}});});};SGPBBackend.popups=[];SGPBBackend.prototype.mediaButtonPopup=function(hiddenDivId)
17	{var select2Init=1;var that=this;var popupConfigObj=new PopupConfig();popupConfigObj.magicCall('setContentPadding',14);popupConfigObj.magicCall('setContentBorderRadius',4);popupConfigObj.magicCall('setContentBorderRadiusType','px');popupConfigObj.magicCall('setScrollingEnabled',true);popupConfigObj.magicCall('setContentBorderWidth',5);popupConfigObj.magicCall('setContentBorderColor','#506274');popupConfigObj.magicCall('setShadowSpread',1);popupConfigObj.magicCall('setContentShadowBlur',4);popupConfigObj.magicCall('setContentShadowColor','#cccccc');popupConfigObj.magicCall('setMinWidth',400);popupConfigObj.magicCall('contents',document.getElementById(hiddenDivId));popupConfigObj.magicCall('setOverlayColor','black');popupConfigObj.magicCall('setOverlayOpacity',40);var config=popupConfigObj.combineConfigObj();var popup=new SGPopup(config);if(!SGPBBackend.popups.length){SGPBBackend.popups.push(popup);}

32	{var htmlTarget=jQuery('.js-sgpb-reset-default-value');if(!htmlTarget.length){return false;}
33	htmlTarget.each(function(){jQuery(this).bind('change',function(){var currentValue=jQuery(this).val();var defaultValue=jQuery(this).data('default');if(!defaultValue\|\|currentValue){return false;}
34	jQuery(this).val(defaultValue);});});};SGPBBackend.prototype.showInfo=function()
35	+ {jQuery('.question-mark').hover(function(){jQuery(this).next('.sgpb-info-wrapper').find('.sgpb-info-text').css({'display':'inline-block'});},function(){jQuery(this).next('.sgpb-info-wrapper').find('.sgpb-info-text').css({'display':'none'});});};SGPBBackend.prototype.soundPreview=function()
36	{var songValue=1;var lastSong=undefined;jQuery('.js-preview-sound').bind('click',function(){var uploadFile=jQuery('#js-sound-open-url').val();if(typeof lastSong==='undefined'){lastSong=new Audio(uploadFile);}
37	if(songValue===1){lastSong.play();songValue=2;}
38	else if(songValue===2){lastSong.pause();songValue=1;}

61	{var radioButtonsList=[jQuery("[name='sgpb-content-click-behavior']"),jQuery("[name='sgpb-popup-dimension-mode']")];for(var radioButtonIndex in radioButtonsList){var radioButton=radioButtonsList[radioButtonIndex];if(typeof radioButton!=='object'){continue;}
62	var that=this;radioButton.each(function(){that.buildRadioAccordionActions(jQuery(this));});radioButton.on("change",function(){that.buildRadioAccordionActions(jQuery(this),'change');});}};SGPBBackend.prototype.buildRadioAccordionActions=function(currentRadioButton,event)
63	{if(event=='change'){currentRadioButton.parents('.sg-radio-option-behavior').first().find('.js-radio-accordion').addClass('sg-hide');}
64	+ var value=currentRadioButton.val();var toggleContent=jQuery('.js-accordion-'+value);toggleContent.addClass('sg-hide');var addAfter=currentRadioButton;if(currentRadioButton.is(':checked')){if(currentRadioButton.parents('.subFormItem').first().length){addAfter=currentRadioButton.parents('.subFormItem').first();}
65	jQuery('.js-accordion-'+value).removeClass('sg-hide');addAfter.after(toggleContent);}};SGPBBackend.prototype.accordion=function()
66	+ {var that=this;var element=jQuery(".js-checkbox-accordion");element.each(function(){that.checkboxAccordion(jQuery(this));});element.click(function(){that.checkboxAccordion(jQuery(this));if(jQuery(this).attr('id')=='sgpb-show-background'){SGPBBackend.prototype.backgroundRangeSliderInit();}
67	else if(jQuery(this).attr('id')=='sgpb-enable-popup-overlay'){SGPBBackend.prototype.overlayRangeSliderInit();}});};SGPBBackend.prototype.checkboxAccordion=function(element)
68	+ {if(!element.is(':checked')){element.parents('.formItem').first().nextAll('div').first().find('input').attr('disabled','disabled');element.parents('.formItem').first().nextAll('div').first().css({'display':'none'});if(element.attr('id')=='schedule-status'){element.parents('.formItem').first().nextAll('div').first().find('select').removeAttr('required');}}
69	+ else{element.parents('.formItem').first().nextAll('div').first().find('input:disabled').removeAttr('disabled');element.parents('.formItem').first().nextAll('div').first().css({'display':'inline-block'});if(element.attr('id')=='schedule-status'){element.parents('.formItem').first().nextAll('div').first().find('select').attr('required','required');}}};SGPBBackend.prototype.sgTabs=function()
70	{jQuery('.events-tabs').each(function(){jQuery(this).tabs();});};SGPBBackend.prototype.targetCondition=function()
71	{this.addRuleRow();this.addGroupRow();this.removeRuleButton();this.editOpenPopup();this.changeConditionParams();};SGPBBackend.prototype.reInitRulesConfigButton=function()
72	{this.addRuleRow();this.addGroupRow();this.removeRuleButton();this.changeConditionParams();this.editOpenPopup();this.popupSelect2();this.sgTabs();this.showInfo();};SGPBBackend.prototype.editOpenPopup=function()
73	{if(jQuery('.sg-rules-edit-rule').length==0){return;}
74	+ var that=this;that.unbindPopup();jQuery('.sg-rules-edit-rule').each(function(){jQuery(this).on('click',function(e){e.preventDefault();var hiddenDivId=jQuery(this).children('i').attr('data-id');var popupConfigObj=new PopupConfig();popupConfigObj.magicCall('setContentPadding',8);popupConfigObj.magicCall('setMinWidth',500);popupConfigObj.magicCall('setSrcElement',hiddenDivId);popupConfigObj.magicCall('setOverlayColor','black');var config=popupConfigObj.combineConfigObj();config.willOpen=function(){that.reInitRulesConfigButton();};var popup=new SGPopup(config);popup.open();jQuery(window).bind('sgpbDidOpen',function(){that.popupContentTabs();that.popupHiddenContentAccordions();});jQuery('.sgpb-popup-option-save').on('click',function(e){e.preventDefault();var parent=jQuery(this).parents('.sgpb-wrapper').first();var elements=parent.find('.sgpb-popup-option');if(elements.length){elements.each(function(){var currentValue=jQuery(this).val();var type=jQuery(this).attr('type');if(type=='checkbox'){var currChecked=jQuery(this).is(':checked');jQuery(this).prop('defaultChecked','');if(currChecked){jQuery(this).prop('defaultChecked','checked')}}
75	else if(type=='text'){jQuery(this).attr("value",jQuery(this).val());}
76	else if(type=='number'){currentValue=parseInt(currentValue);if(isNaN(currentValue)){currentValue=0;}
77	jQuery(this).attr("value",currentValue);}});}

96	that.eventsAddButtonSpinner(jQuery(this).parent().parent().find('.sg-rules-add-rule'),'hide');});});});jQuery('.popup-special-conditions-wrapper .sg-condition-operator-wrapper select').each(function(){jQuery(this).change(function(e){e.preventDefault();var paramSavedValue=jQuery(this).val();var currentTargetDiv=jQuery(this).closest('.popup-special-conditions-wrapper');var conditionName=currentTargetDiv.data('condition-type');var paramValue=currentTargetDiv.find('.sg-condition-param-wrapper select').first().val();var ruleId=0;var groupId=0;var prevRuleDiv=jQuery(this).parents('.sg-target-rule').first();var currentGroupDiv=jQuery(this).parents('.sg-target-group').first();var currentTargetDiv=jQuery(this).parents('.popup-conditions-wrapper').first();var groupId=parseInt(currentGroupDiv.attr('data-group-id'));var ruleId=parseInt(prevRuleDiv.attr('data-rule-id'));var data={action:'change_condition_rule_row',nonce_ajax:SGPB_JS_PARAMS.nonce,conditionName:conditionName,paramName:paramSavedValue,paramValue:paramValue,popupId:SGPBBackend.getParamFromUrl('post'),ruleId:ruleId,groupId:groupId};jQuery.post(ajaxurl,data,function(response){currentTargetDiv.find('.sg-target-rule-'+ruleId).after(response);currentTargetDiv.find('.sg-target-rule-'+ruleId).first().remove();that.reInitRulesConfigButton();if(currentTargetDiv.find('.sg-target-rule-'+ruleId).next().length){jQuery('.popup-conditions-'+conditionName+' > .sg-target-group-'+groupId+' .sg-target-rule-'+ruleId+' .sg-rules-add-button-wrapper').hide();}});});});};SGPBBackend.prototype.popupSelect2=function()
97	{if(!jQuery('.js-sg-select2').length){return;}
98	jQuery('select.js-sg-select2').each(function(){var type=jQuery(this).attr('data-select-type');var className=jQuery(this).attr('data-select-class');var options={width:'100%'};if(type=='ajax'){options=jQuery.extend(options,{minimumInputLength:1,ajax:{url:SGPB_JS_PARAMS.url,dataType:'json',delay:250,type:"POST",data:function(params){var searchKey=jQuery(this).attr('data-value-param');var dataCallback=jQuery(this).attr('data-select-callback');return{action:'select2_search_data',nonce_ajax:SGPB_JS_PARAMS.nonce,searchTerm:params.term,searchCallback:dataCallback,searchKey:searchKey};},processResults:function(data){return{results:jQuery.map(data.items,function(item){return{text:item.text,id:item.id}})};}}});}
99	+ jQuery(this).sgpbselect2(options);});};SGPBBackend.prototype.floatingBtnStylesSelection=function()
100	+ {var that=this;that.floatingBtnStyleAfterChangeActions();jQuery('.js-floating-button-style').bind('click',function(){var floatinStyleBtn=jQuery(this);var btnStyle=floatinStyleBtn.attr('data-sgvalue');jQuery('#sgpb-floating-button-style').val(btnStyle)
101	+ that.floatingBtnStyleAfterChangeActions();});jQuery('.js-floating-button-position').bind('click',function(){var floatinPositionBtn=jQuery(this);var btnPosition=floatinPositionBtn.attr('data-sgvalue');jQuery('#sgpb-floating-button-position').val(btnPosition);that.floatingBtnStyleAfterChangeActions();});}
102	+ SGPBBackend.prototype.floatingBtnStyleAfterChangeActions=function()
103	+ {var btnStyle=jQuery('#sgpb-floating-button-style').val();jQuery('.js-floating-button-style').removeClass(' active');jQuery('.sgpb-floating-button-style-'+btnStyle).addClass(' active');var btnStyle=jQuery('#sgpb-floating-button-position').val();jQuery('.js-floating-button-position').removeClass(' active');jQuery('.sgpb-floating-button-position-'+btnStyle).addClass(' active');jQuery('.js-floating-button-position').removeClass('sgpb-input-button-disabled');jQuery('.js-floating-button-position').removeAttr('disabled');if(jQuery('#sgpb-floating-button-style').val()=='corner'){jQuery('.sgpb-floating-button-position-left-center').addClass('sgpb-input-button-disabled');jQuery('.sgpb-floating-button-position-top-center').addClass('sgpb-input-button-disabled');jQuery('.sgpb-floating-button-position-right-center').addClass('sgpb-input-button-disabled');jQuery('.sgpb-floating-button-position-bottom-center').addClass('sgpb-input-button-disabled');jQuery('.sgpb-floating-button-position-left-center').attr('disabled','disabled');jQuery('.sgpb-floating-button-position-top-center').attr('disabled','disabled');jQuery('.sgpb-floating-button-position-right-center').attr('disabled','disabled');jQuery('.sgpb-floating-button-position-bottom-center').attr('disabled','disabled');}};SGPBBackend.prototype.fixedPositionSelection=function()
104	+ {jQuery(".js-fixed-position-style").bind("click",function(){var sgElement=jQuery(this);var sgPoss=sgElement.attr('data-sgvalue');jQuery(".js-fixed-position-style").removeClass(' active');sgElement.addClass(' active');jQuery(".js-fixed-position").val(sgPoss);});jQuery(".js-fixed-position-style").bind("mouseover",function(){jQuery(".js-fixed-position-style").removeClass(' active');jQuery(this).addClass(' active');jQuery(".js-fixed-position-style").each(function(){if(jQuery(this).attr("data-sgvalue")==jQuery('.js-fixed-position').val())
105	+ jQuery(this).addClass(' active');});});jQuery(".js-fixed-position-style").bind("mouseout",function(){if(jQuery(".js-fixed-position-style").attr("data-sgvalue")!==jQuery(".js-fixed-position").val()\|\|jQuery(".js-fixed-position").val()==1){jQuery(this).removeClass(' active');}
106	+ jQuery(".js-fixed-position-style").each(function(){if(jQuery(this).attr("data-sgvalue")==jQuery('.js-fixed-position').val()){jQuery(this).addClass(' active');}});});if(jQuery('.js-fixed-position').val()!=''){jQuery(".js-fixed-position-style").each(function(){if(jQuery(this).attr("data-sgvalue")==jQuery('.js-fixed-position').val()){jQuery(this).addClass(' active');}});}};SGPBBackend.prototype.hideTabContents=function(ruleId)
107	{jQuery(".sgpb-tab-content-"+ruleId).each(function(){var id=jQuery(this).attr("id");var currentTab=jQuery("[data-content-id="+id+"]");if(!currentTab.hasClass('sgpb-active')){jQuery(this).hide();}});};SGPBBackend.prototype.popupContentTabs=function()
108	{var ruleId=jQuery("#popup-dialog-main-div .sgpb-tab-links").first().attr('data-rule-id');var that=this;this.hideTabContents(ruleId);jQuery("#popupDialogMainDiv .sgpb-tab-links").bind('click',function(){jQuery("#popupDialogMainDiv .sgpb-tab-links").removeClass('sgpb-active');that.hideTabContents(ruleId);jQuery(".sgpb-tab-content").hide();var id=jQuery(this).attr('data-content-id');jQuery('#'+id).show();jQuery(this).addClass('sgpb-active');});};SGPBBackend.prototype.popupHiddenContentAccordions=function()
109	{jQuery('.sgpb-popup-accordion').each(function(){var key=jQuery(this).attr('data-name');var ruleId=jQuery(this).attr('data-rule-id');if(!jQuery(this).is(':checked')){jQuery(".sgpb-popup-hidden-content-"+key+"-"+ruleId+"-wrapper").hide();}});jQuery('.sgpb-popup-accordion').bind('change',function(){var key=jQuery(this).attr('data-name');var ruleId=jQuery(this).attr('data-rule-id');jQuery(".sgpb-popup-hidden-content-"+key+"-"+ruleId+"-wrapper").hide();if(jQuery(this).is(':checked')){jQuery(".sgpb-popup-hidden-content-"+key+"-"+ruleId+"-wrapper").show();}});};SGPBBackend.prototype.popupThemesPreview=function()
110	{var that=this;if(!jQuery('.js-sgpb-popup-themes').length){return false;}
111	+ that.themeRelatedSettings();jQuery('.js-sgpb-popup-themes').next('.sgpb-popup-theme-img').on("click",function(e){var themeId=jQuery(this).prev().attr('data-popup-theme-number');jQuery(this).prev().attr('checked','checked');jQuery('.sgpb-disable-border-wrapper').addClass('sg-hide');that.setCloseButtonDefaultPositions(jQuery(this).prev('input').data('popup-theme-number'));that.setCloseButtonDefaultPositionValues();document.getElementById('sgpb-button-position-top').value='none';document.getElementById('sgpb-button-position-right').value='none';document.getElementById('sgpb-button-position-bottom').value='none';document.getElementById('sgpb-button-position-left').value='none';if(themeId==4){if(!jQuery('.sgpb-close-button-image-option-wrapper').hasClass('sgpb-display-none')){jQuery('.sgpb-close-button-image-option-wrapper').addClass('sgpb-display-none');}
112	+ jQuery('.sgpb-close-button-border-options').addClass('sg-hide');jQuery('.sgpb-close-button-text-option-wrapper').removeClass('sg-hide');document.getElementById('sgpb-button-position-bottom').value=that.closeButtonDefaultPositions[themeId].bottom;document.getElementById('sgpb-button-position-right').value=that.closeButtonDefaultPositions[themeId].right;}
113	+ else if(themeId==3){jQuery('.sgpb-close-button-text-option-wrapper').addClass('sg-hide');jQuery('.sgpb-close-button-border-options').removeClass('sg-hide');jQuery('.sgpb-close-button-image-option-wrapper').removeClass('sgpb-display-none');jQuery('input[name=sgpb-button-image-width]').val('38');jQuery('input[name=sgpb-button-image-height]').val('19');jQuery('.sgpb-disable-border-wrapper').removeClass('sg-hide');document.getElementById('sgpb-button-position-right').value=that.closeButtonDefaultPositions[themeId].right;document.getElementById('sgpb-button-position-top').value=that.closeButtonDefaultPositions[themeId].top;}
114	else{if(themeId==2){jQuery('input[name=sgpb-button-image-width]').val('20');jQuery('input[name=sgpb-button-image-height]').val('20');jQuery('.sgpb-disable-border-wrapper').removeClass('sg-hide');document.getElementById('sgpb-button-position-right').value=that.closeButtonDefaultPositions[themeId].right;document.getElementById('sgpb-button-position-top').value=that.closeButtonDefaultPositions[themeId].top;}
115	else if(themeId==5){jQuery('input[name=sgpb-button-image-width]').val('17');jQuery('input[name=sgpb-button-image-height]').val('17');document.getElementById('sgpb-button-position-bottom').value=that.closeButtonDefaultPositions[themeId].bottom;document.getElementById('sgpb-button-position-right').value=that.closeButtonDefaultPositions[themeId].right;}
116	else if(themeId==6){jQuery('input[name=sgpb-button-image-width]').val('30');jQuery('input[name=sgpb-button-image-height]').val('30');document.getElementById('sgpb-button-position-top').value=that.closeButtonDefaultPositions[themeId].top;document.getElementById('sgpb-button-position-right').value=that.closeButtonDefaultPositions[themeId].right;}
117	else{jQuery('input[name=sgpb-button-image-width]').val('21');jQuery('input[name=sgpb-button-image-height]').val('21');}
118	if(themeId==1){document.getElementById('sgpb-button-position-bottom').value=that.closeButtonDefaultPositions[themeId].bottom;document.getElementById('sgpb-button-position-right').value=that.closeButtonDefaultPositions[themeId].right;}
119	+ jQuery('.sgpb-close-button-text-option-wrapper').addClass('sg-hide');jQuery('.sgpb-close-button-border-options').addClass('sg-hide');jQuery('.sgpb-close-button-image-option-wrapper').removeClass('sgpb-display-none');}});};SGPBBackend.prototype.setCloseButtonDefaultPositions=function(theme)
120	+ {if(theme==1\|\|theme==4\|\|theme==5){jQuery('.sgpb-button-position-top-js').addClass('sgpb-display-none');jQuery('.sgpb-button-position-left-js').addClass('sgpb-display-none');jQuery('.sgpb-button-position-right-js').removeClass('sgpb-display-none');jQuery('.sgpb-button-position-bottom-js').removeClass('sgpb-display-none');}
121	+ else if(theme==2\|\|theme==3\|\|theme==6){jQuery('.sgpb-button-position-top-js').removeClass('sgpb-display-none');jQuery('.sgpb-button-position-right-js').removeClass('sgpb-display-none');jQuery('.sgpb-button-position-left-js').addClass('sgpb-display-none');jQuery('.sgpb-button-position-bottom-js').addClass('sgpb-display-none');}};SGPBBackend.prototype.setCloseButtonDefaultPositionValues=function()
122	{var that=this;jQuery('.sgpb-close-button-position').on('change',function(){var theme=jQuery('.js-sgpb-popup-themes:checked').attr('data-popup-theme-number');var buttonLocation=jQuery('.sgpb-close-button-position option:selected').val();that.setCloseButtonLocation(buttonLocation);document.getElementById('sgpb-button-position-top').value='none';document.getElementById('sgpb-button-position-right').value='none';document.getElementById('sgpb-button-position-bottom').value='none';document.getElementById('sgpb-button-position-left').value='none';if(theme==1){document.getElementById('sgpb-button-position-bottom').value=that.closeButtonDefaultPositions[theme].bottom;if(buttonLocation=='bottomRight'){document.getElementById('sgpb-button-position-right').value=that.closeButtonDefaultPositions[theme].right;}
123	else if(buttonLocation=='bottomLeft'){document.getElementById('sgpb-button-position-left').value=that.closeButtonDefaultPositions[theme].left;}}
124	else if(theme==2){if(buttonLocation=='topLeft'){document.getElementById('sgpb-button-position-left').value=that.closeButtonDefaultPositions[theme].left;document.getElementById('sgpb-button-position-top').value=that.closeButtonDefaultPositions[theme].top;}

137	else if(buttonLocation=='topLeft'){document.getElementById('sgpb-button-position-top').value=that.closeButtonDefaultPositions[theme].top;document.getElementById('sgpb-button-position-left').value=that.closeButtonDefaultPositions[theme].left;}
138	else if(buttonLocation=='bottomLeft'){document.getElementById('sgpb-button-position-left').value=that.closeButtonDefaultPositions[theme].left;document.getElementById('sgpb-button-position-bottom').value=that.closeButtonDefaultPositions[theme].bottom;}
139	else if(buttonLocation=='bottomRight'){document.getElementById('sgpb-button-position-right').value=that.closeButtonDefaultPositions[theme].right;document.getElementById('sgpb-button-position-bottom').value=that.closeButtonDefaultPositions[theme].bottom;}}});};SGPBBackend.prototype.setCloseButtonLocation=function(location)
140	+ {if(!jQuery('.sgpb-button-position-top-js').hasClass('sgpb-display-none')){jQuery('.sgpb-button-position-top-js').addClass('sgpb-display-none');}
141	+ if(!jQuery('.sgpb-button-position-right-js').hasClass('sgpb-display-none')){jQuery('.sgpb-button-position-right-js').addClass('sgpb-display-none');}
142	+ if(!jQuery('.sgpb-button-position-left-js').hasClass('sgpb-display-none')){jQuery('.sgpb-button-position-left-js').addClass('sgpb-display-none');}
143	+ if(!jQuery('.sgpb-button-position-bottom-js').hasClass('sgpb-display-none')){jQuery('.sgpb-button-position-bottom-js').addClass('sgpb-display-none');}
144	+ if(location=='topRight'){jQuery('.sgpb-button-position-top-js').removeClass('sgpb-display-none');jQuery('.sgpb-button-position-right-js').removeClass('sgpb-display-none');}
145	+ else if(location=='topLeft'){jQuery('.sgpb-button-position-top-js').removeClass('sgpb-display-none');jQuery('.sgpb-button-position-left-js').removeClass('sgpb-display-none');}
146	+ else if(location=='bottomLeft'){jQuery('.sgpb-button-position-left-js').removeClass('sgpb-display-none');jQuery('.sgpb-button-position-bottom-js').removeClass('sgpb-display-none');}
147	+ else if(location=='bottomRight'){jQuery('.sgpb-button-position-right-js').removeClass('sgpb-display-none');jQuery('.sgpb-button-position-bottom-js').removeClass('sgpb-display-none');}};SGPBBackend.prototype.rangeSlider=function()
148	{if(typeof Powerange!='undefined'){var powerRangeSelectors=['js-popup-overlay-opacity','js-popup-content-opacity','js-subs-bg-opacity','js-contact-bg-opacity','js-login-bg-opacity','js-registration-bg-opacity'];for(var i in powerRangeSelectors){if(typeof powerRangeSelectors[i]!='string'){continue;}
149	if(jQuery('.'+powerRangeSelectors[i]).length==0){continue;}
150	this.powerRange(powerRangeSelectors[i]);}}};SGPBBackend.prototype.powerRange=function(cssSelectorName)

159	{var supportedImageTypes=['image/bmp','image/png','image/jpeg','image/jpg','image/ico','image/gif','image/x-icon','image/x-png']
160	var custom_uploader;jQuery('#js-button-upload-image-button').click(function(e){e.preventDefault();if(custom_uploader){custom_uploader.open();return;}
161	custom_uploader=wp.media.frames.file_frame=wp.media({titleFF:'Choose Image',button:{text:'Choose Image'},multiple:false,library:{type:'image'}});custom_uploader.on('select',function(){var attachment=custom_uploader.state().get('selection').first().toJSON();if(supportedImageTypes.indexOf(attachment.mime)===-1){alert(SGPB_JS_LOCALIZATION.imageSupportAlertMessage);return;}
162	+ jQuery(".sgpb-show-button-image-container").css({'background-image':'url("'+attachment.url+'")'});jQuery(".sgpb-show-button-image-container").html("");jQuery('#js-button-upload-image').attr('value',attachment.url);jQuery('.js-sgpb-remove-close-button-image').removeClass('sg-hide');});custom_uploader.open();});};SGPBBackend.prototype.buttonImageRemove=function()
163	{jQuery('#js-button-upload-image-remove-button').click(function(){var selectedTheme=jQuery('.js-sgpb-popup-themes:checked').attr('data-popup-theme-number');if(typeof selectedTheme=='undefined'){selectedTheme=6;}
164	jQuery(".sgpb-show-button-image-container").html("");jQuery("#js-button-upload-image").attr('value','');jQuery('.sgpb-show-button-image-container').attr('style','background-image: url("'+sgpbPublicUrl+'img/theme_'+selectedTheme+'/close.png")');jQuery('.js-sgpb-remove-close-button-image').addClass('sg-hide');});};SGPBBackend.prototype.backgroundImageUpload=function()
165	{if(jQuery('#js-background-upload-image').val()){jQuery('.sgpb-show-background-image-container').html('');jQuery('.sgpb-show-background-image-container').css({'background-image':'url("'+jQuery("#js-background-upload-image").val()+'")'});}
166	+ var supportedImageTypes=['image/bmp','image/png','image/jpeg','image/jpg','image/ico','image/gif'];var custom_uploader;jQuery('.js-background-upload-image-button').click(function(e){e.preventDefault();if(custom_uploader){custom_uploader.open();return;}
167	custom_uploader=wp.media.frames.file_frame=wp.media({titleFF:'Choose Image',button:{text:'Choose Image'},multiple:false,library:{type:'image'}});custom_uploader.on('select',function(){var attachment=custom_uploader.state().get('selection').first().toJSON();if(supportedImageTypes.indexOf(attachment.mime)===-1){alert(SGPB_JS_LOCALIZATION.imageSupportAlertMessage);return;}
168	+ jQuery('.sgpb-show-background-image-container').attr('src',attachment.url);jQuery('.sgpb-show-background-image-container').html('');jQuery('.sgpb-background-image-block-2').addClass('sgpb-display-none');jQuery('.sgpb-background-image-block-1').removeClass('sgpb-display-none');jQuery('#js-background-upload-image').val(attachment.url);jQuery('input[name="sgpb-background-image"]').attr('value',attachment.url);});custom_uploader.open();});};SGPBBackend.prototype.backgroundImageRemove=function()
169	+ {jQuery('#js-background-upload-image-remove-button').click(function(){jQuery('.sgpb-show-background-image-container').removeAttr('src');jQuery('#js-background-upload-image').attr('value','');jQuery('.sgpb-background-image-block-2').removeClass('sgpb-display-none');jQuery('.sgpb-background-image-block-1').addClass('sgpb-display-none');});};SGPBBackend.prototype.switchPopupActive=function()
170	+ {var that=this;jQuery('.sgpb-popup-status-js').bind('change',function(){var popupId=jQuery(this).attr('data-switch-id');var ajaxNonce=jQuery(this).attr('data-checkbox-ajaxNonce');if(this.checked){that.changePopupStatus('on',popupId);}
171	else{that.changePopupStatus('',popupId);}});};SGPBBackend.prototype.changePopupStatus=function(status,popupId)
172	{var data={action:'change_popup_status',ajaxNonce:SGPB_JS_PARAMS.nonce,popupId:popupId,popupStatus:status};jQuery.post(ajaxurl,data,function(response){if(!response){alert('Can not change the current popup status.');location.reload();}});};SGPBBackend.prototype.colorPicker=function()
173	{var that=this;var colorPicker=jQuery('.sgpb-color-picker');if(!colorPicker.length){return false;}

195	else{jQuery('.sgpb-overlay-color .wp-color-result').removeAttr('style');}
196	jQuery('input[name=sgpb-content-padding]').val(padding);jQuery('.sgpb-close-button-position').val(buttonPosition);});};SGPBBackend.prototype.setThemeDefaultCloseBtnImage=function(theme)
197	{jQuery('#js-button-upload-image-remove-button').click();jQuery('.sgpb-show-button-image-container').attr('style','background-image: url("'+sgpbPublicUrl+'img/theme_'+theme+'/close.png")');};SGPBBackend.prototype.eventsAddButtonSpinner=function(element,showHide)
198	+ {if(showHide=='show'){element.addClass('sgpb-events-spinner');element.html('<i class="sgpb-icons icons_blue" data-id="">...</i>');}
199	+ else{jQuery('.sg-rules-add-rule').removeClass('sgpb-events-spinner');jQuery('.sg-rules-add-rule').html('<i class="sgpb-icons icons_blue" data-id="">L</i>');}};SGPBBackend.prototype.editPopupSettingsForFullscreenMode=function(popupId)
200	{var responsiveModeSelector=jQuery('.sgpb-responsive-mode-change-js');var that=this;var closeButtonCheckbox=jQuery('#close-button');if(typeof responsiveModeSelector=='undefined'){return false;}
201	responsiveModeSelector.change(function(){var selectedMode=jQuery(this).val();if(selectedMode=='fullScreen'){if(closeButtonCheckbox.is(':checked')){closeButtonCheckbox.click();}}});};SGPBBackend.hexToRgba=function(hex,opacity)
202	{var c;if(/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)){c=hex.substring(1).split('');if(c.length==3){c=[c[0],c[0],c[1],c[1],c[2],c[2]];}

public/js/FloatingButton.js CHANGED Viewed

	@@ -23,15 +23,14 @@ SGPBFloatingButton.prototype.adminInit = function()
23	that.reorderPositions(buttonStyle);
24	that.reorderOtherOptions(buttonStyle);
25	});
26	- jQuery('~~#sgpb~~-floating-button-position').on(~~'select2:close',~~ function() {
27	setTimeout(function() {
28	that.livePreview();
29	}, 100);
30	});
31
32	- jQuery('~~#sgpb~~-floating-button-style').on(~~'select2:select',~~ function(e) {
33	- var ~~data~~ = e.~~params.~~data;
34	- var buttonStyle = data.id;
35	setTimeout(function(){
36	that.livePreview();
37	that.reorderOtherOptions(buttonStyle);


23	that.reorderPositions(buttonStyle);
24	that.reorderOtherOptions(buttonStyle);
25	});
26	+ jQuery('.js-floating-button-position').click(function() {
27	setTimeout(function() {
28	that.livePreview();
29	}, 100);
30	});
31
32	+ jQuery('.js-floating-button-style').click(function(e) {
33	+ var buttonStyle = jQuery(this).attr('data-sgvalue');

34	setTimeout(function(){
35	that.livePreview();
36	that.reorderOtherOptions(buttonStyle);

public/js/MediaButton.js CHANGED Viewed

	@@ -4,7 +4,7 @@ SGPBMediaButton.prototype.init=function()
4	{var that=this;jQuery(document).on('tinymce-editor-setup',function(event,editor){if(editor.settings.toolbar1.indexOf('popupBuilderEditorButton')!==-1){return;}
5	editor.settings.toolbar1+=', popupBuilderEditorButton';editor.addButton('popupBuilderEditorButton',{icon:'wp-menu-image dashicons-before dashicons-menu-icon-sgpb sgpb-tinymce-button',onclick:function(){that.mediaButtonPopup();}});});};SGPBMediaButton.prototype.openMediaButtonPopup=function()
6	{var that=this;jQuery('.sgpb-tinymce-button, .sgpb-insert-media-button-js, .sgpb-insert-js-variable').unbind('click').bind('click',function(e){e.preventDefault();that.mediaButtonPopup(jQuery(this));});};SGPBMediaButton.prototype.mediaButtonPopup=function(currentTag)
7	- {var select2Init=1;var that=this;var hiddenDivId=jQuery(currentTag).attr('data-id')\|\|'sgpb-hidden-media-popup';var popupConfigObj=new PopupConfig();popupConfigObj.magicCall('setContentPadding',14);popupConfigObj.magicCall('setContentBorderRadius',4);popupConfigObj.magicCall('setContentBorderRadiusType','px');popupConfigObj.magicCall('setContentBorderWidth',5);popupConfigObj.magicCall('setContentBorderColor','#506274');popupConfigObj.magicCall('setShadowSpread',1);popupConfigObj.magicCall('setContentShadowBlur',4);popupConfigObj.magicCall('setContentShadowColor','#cccccc');popupConfigObj.magicCall('setMinWidth',400);popupConfigObj.magicCall('setSrcElement',hiddenDivId);popupConfigObj.magicCall('setOverlayColor','black');popupConfigObj.magicCall('setOverlayOpacity',40);var config=popupConfigObj.combineConfigObj();var popup=new SGPopup(config);popup.open();jQuery(window).bind('sgpbDidOpen',function(){jQuery('.sgpb-insert-popup').addClass('js-sg-select2');if(mediaButtonParams.currentPostType!==mediaButtonParams.popupBuilderPostType){jQuery('.sgpb-insert-popup-event').addClass('js-sg-select2');if(select2Init===1){that.popupSelect2();}
8	select2Init++;jQuery('.select2-container--below').remove();that.popupSelect2();}
9	else{that.popupSelect2();jQuery('.select2-container--below').remove();}
10	that.closeMediaButtonPopup(popup);});that.insertPopup(popup);};SGPBMediaButton.prototype.closeMediaButtonPopup=function(popup)


4	{var that=this;jQuery(document).on('tinymce-editor-setup',function(event,editor){if(editor.settings.toolbar1.indexOf('popupBuilderEditorButton')!==-1){return;}
5	editor.settings.toolbar1+=', popupBuilderEditorButton';editor.addButton('popupBuilderEditorButton',{icon:'wp-menu-image dashicons-before dashicons-menu-icon-sgpb sgpb-tinymce-button',onclick:function(){that.mediaButtonPopup();}});});};SGPBMediaButton.prototype.openMediaButtonPopup=function()
6	{var that=this;jQuery('.sgpb-tinymce-button, .sgpb-insert-media-button-js, .sgpb-insert-js-variable').unbind('click').bind('click',function(e){e.preventDefault();that.mediaButtonPopup(jQuery(this));});};SGPBMediaButton.prototype.mediaButtonPopup=function(currentTag)
7	+ {var select2Init=1;var that=this;var hiddenDivId=jQuery(currentTag).attr('data-id')\|\|'sgpb-hidden-media-popup';var popupConfigObj=new PopupConfig();popupConfigObj.magicCall('setContentPadding',14);popupConfigObj.magicCall('setContentBorderRadius',4);popupConfigObj.magicCall('setContentBorderRadiusType','px');popupConfigObj.magicCall('setContentBorderWidth',0);popupConfigObj.magicCall('setContentBorderColor','#506274');popupConfigObj.magicCall('setShadowSpread',1);popupConfigObj.magicCall('setContentShadowBlur',4);popupConfigObj.magicCall('setContentShadowColor','#cccccc');popupConfigObj.magicCall('setMinWidth',400);popupConfigObj.magicCall('setSrcElement',hiddenDivId);popupConfigObj.magicCall('setOverlayColor','black');popupConfigObj.magicCall('setOverlayOpacity',40);var config=popupConfigObj.combineConfigObj();var popup=new SGPopup(config);popup.open();jQuery(window).bind('sgpbDidOpen',function(){jQuery('.sgpb-insert-popup').addClass('js-sg-select2');if(mediaButtonParams.currentPostType!==mediaButtonParams.popupBuilderPostType){jQuery('.sgpb-insert-popup-event').addClass('js-sg-select2');if(select2Init===1){that.popupSelect2();}
8	select2Init++;jQuery('.select2-container--below').remove();that.popupSelect2();}
9	else{that.popupSelect2();jQuery('.select2-container--below').remove();}
10	that.closeMediaButtonPopup(popup);});that.insertPopup(popup);};SGPBMediaButton.prototype.closeMediaButtonPopup=function(popup)

public/js/Modals.js ADDED Viewed

	@@ -0,0 +1,155 @@


1	+ function SGPBModals() {
2	+ }
3	+
4	+ SGPBModals.prototype.changeModalContent = function (modal, newContent, targetId)
5	+ {
6	+ this.moveContentBeforeModalDestroy(targetId, modal);
7	+ const header = newContent.find(`#${targetId}Header`),
8	+ body = newContent.find(`#${targetId}Body`),
9	+ footer = newContent.find(`#${targetId}Footer`);
10	+ modal.find('.sgpb-modal-header').text(header.text());
11	+ modal.find('.sgpb-modal-body').html(body.children());
12	+ modal.find('#sgpb-modal-footer-action-btn').html(footer.children());
13	+ modal.data('target', newContent.attr('id'));
14	+ modal.find('select').sgpbselect2();
15	+ };
16	+
17	+ /* TODO fix and remove this function */
18	+ SGPBModals.prototype.modalInit = function ()
19	+ {
20	+ const that = this;
21	+
22	+ jQuery('.sgpb-modal-btn').on('click', function () {
23	+ const targetId = jQuery(this).data('target'),
24	+ target = jQuery('#' + targetId),
25	+ header = target.find(`#${targetId}Header`),
26	+ body = target.find(`#${targetId}Body`),
27	+ footer = target.find(`#${targetId}Footer`);
28	+ const content = that.modalContent(targetId, header.text(), body.children(), footer.children());
29	+ jQuery(content).appendTo(document.body);
30	+ that.actionsCloseModal();
31	+ })
32	+ };
33	+ SGPBModals.prototype.actionsCloseModal = function (closeOnBackDropClick = false, handleCloseEvent = undefined, handleEventArguments = null)
34	+ {
35	+ const that = this;
36	+ jQuery('.sgpb-close-icon, .sgpb-modal-cancel').on('click', function () {
37	+ if (typeof handleCloseEvent != 'undefined') {
38	+ handleCloseEvent(handleEventArguments)
39	+ }
40	+ that.moveContentBeforeModalDestroy(jQuery('.sgpb-modal').data('target'), jQuery('.sgpb-modal'));
41	+ that.destroyModal('cancel');
42	+ });
43	+ /* handle backdrop click and close */
44	+ if (closeOnBackDropClick){
45	+ jQuery('.sgpb.sgpb-modal').on('click', function (e) {
46	+ if(e.target !== this) return;
47	+ if (typeof handleCloseEvent != 'undefined') {
48	+ handleCloseEvent(handleEventArguments)
49	+ }
50	+ that.moveContentBeforeModalDestroy(jQuery('.sgpb-modal').data('target'), jQuery('.sgpb-modal'));
51	+ that.destroyModal('cancel');
52	+ });
53	+ }
54	+
55	+ jQuery(document).keyup(function (e) {
56	+ if (e.keyCode === 27) {
57	+ if (jQuery('.sgpb-modal')) {
58	+ if (typeof handleCloseEvent != 'undefined') {
59	+ handleCloseEvent(handleEventArguments)
60	+ }
61	+ that.moveContentBeforeModalDestroy(jQuery('.sgpb-modal').data('target'), jQuery('.sgpb-modal'));
62	+ that.destroyModal('cancel');
63	+ }
64	+ }
65	+ });
66	+
67	+ };
68	+
69	+ SGPBModals.prototype.openModal = function (content)
70	+ {
71	+ jQuery(content).appendTo(document.body);
72	+ };
73	+ /* TODO add reason logic callback for full control modal destroy moment */
74	+ SGPBModals.prototype.destroyModal = function (reason)
75	+ {
76	+ jQuery('.sgpb-modal').remove();
77	+ jQuery(document.body).removeClass('sgpb-overflow-hidden');
78	+ };
79	+ SGPBModals.prototype.moveContentBeforeModalDestroy = function (id, modal)
80	+ {
81	+ let target = jQuery('#' + id),
82	+ body = target.find(`#${id}Body`),
83	+ footer = target.find(`#${id}Footer`);
84	+ if (!target.length)
85	+ return;
86	+ if (!body.length) {
87	+ target.append(modal.find('.sgpb-modal-body').children());
88	+ } else {
89	+ body.append(modal.find('.sgpb-modal-body').children());
90	+ }
91	+ if (footer.length)
92	+ footer.append(modal.find('#sgpb-modal-footer-action-btn').children());
93	+ };
94	+ SGPBModals.prototype.modalContent = function (targetId, header = '', body = '', footerConfirmBtn = '', hideFooter = false, styles = '', hideCloseBtn = false)
95	+ {
96	+ jQuery(document.body).addClass('sgpb-overflow-hidden');
97	+ return jQuery('<div/>', {
98	+ "class": 'sgpb sgpb-modal',
99	+ "style": styles,
100	+ "data-target": targetId,
101	+ html: jQuery('<div/>', {
102	+ "class": 'sgpb-modal-main',
103	+ html: [
104	+ jQuery('<span/>', {
105	+ "class": `sgpb-close-icon ${hideCloseBtn ? 'sgpb-display-none' : ''}`,
106	+ }),
107	+ jQuery('<h2/>', {
108	+ "class": 'sgpb-modal-header',
109	+ html: header
110	+ }),
111	+ jQuery('<div/>', {
112	+ "class": 'sgpb-modal-body sgpb-width-100',
113	+ html: body
114	+ }),
115	+ jQuery('<div/>', {
116	+ "class": `sgpb-modal-footer ${hideFooter ? 'sgpb-display-none' : ''}`,
117	+ html: [
118	+ jQuery('<button/>', {
119	+ "class": "sgpb-btn sgpb-btn-dark-outline sgpb-modal-cancel sgpb-margin-right-10",
120	+ text: 'cancel'
121	+ }),
122	+ jQuery('<div/>', {
123	+ id: 'sgpb-modal-footer-action-btn',
124	+ "class": "sgpb-display-inline-block",
125	+ html: footerConfirmBtn
126	+ }),
127	+ ]
128	+ })
129	+ ]
130	+ })
131	+ });
132	+ };
133	+
134	+ // this action is to pass already opened modal new content for each part of source code
135	+ SGPBModals.prototype.changeModalContentAdvanced = function (modal, header = '', body = '', confirmBtn = '', oldTargetId, newTargetId)
136	+ {
137	+ if (!modal)
138	+ return;
139	+ this.moveContentBeforeModalDestroy(oldTargetId, modal);
140	+ if (header) {
141	+ modal.find('.sgpb-modal-header').text(header);
142	+ }
143	+ if (body) {
144	+ modal.find('.sgpb-modal-body').html(body);
145	+ }
146	+ if (confirmBtn) {
147	+ modal.find('#sgpb-modal-footer-action-btn').html(confirmBtn);
148	+ }
149	+ if (newTargetId) {
150	+ modal.data('target', newTargetId);
151	+ }
152	+ };
153	+ jQuery(document).ready(function () {
154	+ sgpbModalsObj = new SGPBModals();
155	+ });

public/js/Subscribers.js CHANGED Viewed

	@@ -1,23 +1,17 @@
1	function SGPBSubscribers(){}
2	SGPBSubscribers.prototype.init=function()
3	- {this.~~openAddSubscriberPopup~~();this.~~openImportSubscriberPopup~~();this.~~subscriberFileUploader~~();this.~~closeAddSubscriberPopup~~();this.~~importSubscriber~~();this.~~dataImport~~();this.~~deleteSubscribers();this~~.~~addSubscribers~~();this.~~toggleCheckedSubscribers~~();this.~~fixSubscriptionBulkCheckbox~~();this.~~exportSubscribers~~();};SGPBSubscribers.prototype.deleteSubscribers=function()
4	{var checkedSubscribersList=[];var that=this;jQuery('.sg-subs-delete-button').bind('click',function(){var data={};data.ajaxNonce=jQuery(this).attr('data-ajaxNonce');jQuery('.subs-delete-checkbox').each(function(){var isChecked=jQuery(this).prop('checked');if(isChecked){var subscriberId=jQuery(this).attr('data-delete-id');checkedSubscribersList.push(subscriberId);}});if(checkedSubscribersList.length===0){alert('Please select at least one subscriber.');}
5	- else{var isSure=confirm(SGPB_JS_LOCALIZATION.areYouSure);if(isSure){that.deleteSubscribersAjax(checkedSubscribersList,data);}}});};SGPBSubscribers.prototype.~~openImportSubscriberPopup~~=function()
6	- {if(jQuery('.bulkactions').empty()){jQuery('.bulkactions').remove();}
7	- var that=this;jQuery('.sgpb-import-subscriber').bind('click',function(){jQuery('#sgpb-import-subscribers').addClass('sgpb-show-add-subscriber-popup');SGPBSubscribers.prototype.escKeyClosePopup();that.closePopup();});};SGPBSubscribers.prototype.subscriberFileUploader=function()
8	{var uploadButton=jQuery('#js-import-subscriber-button');var supportedAudioTypes=['text/plain','text/x-csv','text/csv'];if(!uploadButton.length){return false;}
9	var uploader;uploadButton.bind('click',function(e){e.preventDefault();if(uploader){uploader.open();return false;}
10	uploader=wp.media.frames.file_frame=wp.media({titleFF:SGPB_JS_LOCALIZATION.changeSound,button:{text:SGPB_JS_LOCALIZATION.changeSound},library:{type:supportedAudioTypes},multiple:false});uploader.on('select',function(){var attachment=uploader.state().get('selection').first().toJSON();if(supportedAudioTypes.indexOf(attachment.mime)===-1){alert(SGPB_JS_LOCALIZATION.audioSupportAlertMessage);return;}
11	jQuery('#js-import-subscriber-file-url').val(attachment.url);});uploader.open();});};SGPBSubscribers.prototype.importSubscriber=function()
12	{var importSubscriber=jQuery('.sgpb-import-subscriber-to-list');var that=this;if(!importSubscriber.length){return false;}
13	- importSubscriber.bind('click',function(){var popupSubscriptionList=jQuery('.js-sg-import-list').val();var importListURL=jQuery('#js-import-subscriber-file-url').val();var data={action:'sgpb_import_subscribers',nonce:SGPB_JS_PARAMS.nonce,popupSubscriptionList:popupSubscriptionList,importListURL:importListURL,beforeSend:function(){importSubscriber.prop('disabled',true);}};jQuery.post(ajaxurl,data,function(response){importSubscriber.prop('disabled',false);jQuery('.sgpb-add-subscriber-content-wrapper').html('');jQuery('.sgpb-add-subscriber-content-wrapper').append(response);that.closePopup();that.disableSelectedValue();jQuery('.sgpb-add-new-subscribers-wrapper').addClass('sgpb-to-center-window');jQuery('.sgpb-add-new-subscribers-wrapper').css({'margin-top':0});that.saveImportValue();});});};SGPBSubscribers.prototype.disableSelectedValue=function(){var selectOptioon=jQuery('.sgpb-our-fields-keys');if(!~~selectOptioon~~.length)~~{return false;}~~

14	selectOptioon.bind('change',function(){var currentVal=jQuery(this).val();jQuery('.sgpb-our-fields-keys option[value="'+jQuery(this).attr('data-saved-value')+'"]').removeAttr('disabled');jQuery(this).attr('data-saved-value',currentVal);jQuery('.sgpb-our-fields-keys option[value="'+currentVal+'"]').not(jQuery(this)).attr('disabled','disabled');});};SGPBSubscribers.prototype.saveImportValue=function()
15	- {var importSubscriber=jQuery('.sgpb-import-subscriber-to-list');var mapping={};var data={action:'sgpb_save_imported_subscribers',nonce:SGPB_JS_PARAMS.nonce,popupSubscriptionList:jQuery('.sgpb-to-import-popup-id').val(),importListURL:jQuery('.sgpb-imported-file-url').val(),};jQuery('.sgpb-save-subscriber').bind('click',function(){mapping={};var ourFields=jQuery('.sgpb-our-fields-keys');ourFields.each(function(){var currentValue=jQuery('option:selected',this).val();if(currentValue){mapping[currentValue]=jQuery(this).attr('data-index');}});data.namesMapping=mapping;data.popupId=jQuery('.sgpb-to-import-popup-id').val();data.beforeSend=function(){jQuery('.sgpb-save-subscriber').prop('disabled',true);};jQuery.post(ajaxurl,data,function(response){window.location.reload();jQuery('.sgpb-save-subscriber').prop('disabled',false);});});};SGPBSubscribers.prototype.~~closePopup~~=function()
16	- {jQuery('.sgpb-subscriber-popup-close-btn-js').bind('click',function(){jQuery(this).parents('.sgpb-subscribers-popup').first().removeClass('sgpb-show-add-subscriber-popup');jQuery('.sgpb-add-subscriber-input:selected').prop('selected',false);jQuery('.sgpb-add-subscriber-input').val('');});};SGPBSubscribers.prototype.openAddSubscriberPopup=function()
17	- {if(jQuery('.bulkactions').empty()){jQuery('.bulkactions').remove();}
18	- jQuery('.sgpb-add-subscriber').bind('click',function(){jQuery('#sgpb-add-new-subscriber').addClass('sgpb-show-add-subscriber-popup');SGPBSubscribers.prototype.escKeyClosePopup();});};SGPBSubscribers.prototype.escKeyClosePopup=function()
19	- {jQuery(document).keyup(function(e){if(e.keyCode===27){if(jQuery('#sgpb-add-new-subscriber').hasClass('sgpb-show-add-subscriber-popup')){jQuery('#sgpb-add-new-subscriber').removeClass('sgpb-show-add-subscriber-popup');}}});};SGPBSubscribers.prototype.closeAddSubscriberPopup=function()
20	- {jQuery('.sgpb-add-subscriber-popup-close-btn-js').bind('click',function(){jQuery('#sgpb-add-new-subscriber').removeClass('sgpb-show-add-subscriber-popup');jQuery('.sgpb-add-subscriber-input:selected').prop('selected',false);jQuery('.sgpb-add-subscriber-input').val('');});};SGPBSubscribers.prototype.addSubscribers=function()
21	{var that=this;jQuery('.sgpb-add-to-list-js').bind('click',function(){jQuery('.sgpb-subscription-error').addClass('sg-hide-element');jQuery('.sgpb-email-error').addClass('sg-hide-element');var email=jQuery('.sgpb-add-subscribers-email').val();var firstName=jQuery('.sgpb-add-subscribers-first-name').val();var lastName=jQuery('.sgpb-add-subscribers-last-name').val();var subscriptionPopups=[];jQuery('.js-sg-newsletter-forms > option').each(function(){if(jQuery(this).prop('selected')){subscriptionPopups.push(jQuery(this).val());}});var validationString=/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)\|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])\|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;var validEmail=email.search(validationString);if(jQuery('.js-sg-newsletter-forms > option').is(':checked')===false&&validEmail===-1){jQuery('.sgpb-subscription-error').removeClass('sg-hide-element');jQuery('.sgpb-email-error').removeClass('sg-hide-element');return;}
22	if(jQuery('.js-sg-newsletter-forms > option').is(':checked')===false){jQuery('.sgpb-subscription-error').removeClass('sg-hide-element');return;}
23	if(validEmail===-1){jQuery('.sgpb-email-error').removeClass('sg-hide-element');return;}
	@@ -26,11 +20,13 @@ jQuery('.sgpb-email-error').addClass('sg-hide-element');var data={action:'sgpb_a
26	window.location.href=SGPB_JS_ADMIN_URL.url+'?action=csv_file'+parameters;});};SGPBSubscribers.prototype.getUrlParameter=function(key)
27	{var pageUrl=window.location.search.substring(1);var urlVariables=pageUrl.split('&');for(var i=0;i<urlVariables.length;i++){var param=urlVariables[i].split('=');if(param[0]==key){if(typeof param[1]!=='undefined'){return param[1];}
28	else{return'';}}}};SGPBSubscribers.prototype.addToSubscribersAjax=function(data)
29	- {jQuery.post(ajaxurl,data,function(response){if(response!==1){jQuery('.sgpb-subscriber-adding-error').removeClass('sg-hide-element');jQuery('.sgpb-subscribers-add-spinner').addClass('sg-hide-element');}
30	else{location.reload();}});};SGPBSubscribers.prototype.toggleCheckedSubscribers=function()
31	{var that=this;jQuery('.subs-bulk').each(function(){jQuery(this).bind('click',function(){var bulkStatus=jQuery(this).prop('checked');that.changeCheckedSubscribers(bulkStatus);});});};SGPBSubscribers.prototype.changeCheckedSubscribers=function(bulkStatus)
32	- {jQuery('.subs-delete-checkbox').each(function(){jQuery(this).prop('checked',bulkStatus);});};SGPBSubscribers.prototype.~~fixSubscriptionBulkCheckbox~~=function()
33	- {jQuery('#bulk,.column-bulk').removeClass().addClass('manage-column column-cb check-column');};SGPBSubscribers.prototype.dataImport=function()
34	{var custom_uploader;jQuery('#js-upload-export-file').click(function(e){e.preventDefault();var ajaxNonce=jQuery(this).attr('data-ajaxNonce');if(custom_uploader){custom_uploader.open();return;}
35	custom_uploader=wp.media.frames.file_frame=wp.media({titleFF:'Select Export File',button:{text:'Select Export File'},multiple:false,library:{type:'text/plain'}});custom_uploader.on('select',function(){attachment=custom_uploader.state().get('selection').first().toJSON();var data={action:'import_popups',ajaxNonce:ajaxNonce,attachmentUrl:attachment.url};jQuery('.js-sg-import-gif').removeClass('sg-hide-element');jQuery.post(ajaxurl,data,function(response,d){location.reload();jQuery('.js-sg-import-gif').addClass('sg-hide-element');});});custom_uploader.open();});};SGPBSubscribers.prototype.deleteSubscribersAjax=function(checkedSubscribersList)
36	- {var data={action:'sgpb_subscribers_delete',nonce:SGPB_JS_PARAMS.nonce,subscribersId:checkedSubscribersList,beforeSend:function(){jQuery('.sgpb-subscribers-remove-spinner').removeClass('sg-hide-element');}};jQuery.post(ajaxurl,data,function(response){jQuery('.sgpb-subscribers-remove-spinner').addClass('sg-hide-element');jQuery('.subs-delete-checkbox').prop('checked','');window.location.reload();});};~~jQuery(document)~~.~~ready(~~function()~~{var subscribers=new SGPBSubscribers();subscribers.init();});~~


1	function SGPBSubscribers(){}
2	SGPBSubscribers.prototype.init=function()
3	+ {this.deleteSubscribers();this.toggleCheckedSubscribers();this.popupsTableRowColorChange();this.deleteButtonHideShow();this.exportSubscribers();this.modal=new SGPBModals();this.modal.modalInit();this.subscriberFileUploader();this.importSubscriber();this.addSubscribers();};SGPBSubscribers.prototype.deleteSubscribers=function()
4	{var checkedSubscribersList=[];var that=this;jQuery('.sg-subs-delete-button').bind('click',function(){var data={};data.ajaxNonce=jQuery(this).attr('data-ajaxNonce');jQuery('.subs-delete-checkbox').each(function(){var isChecked=jQuery(this).prop('checked');if(isChecked){var subscriberId=jQuery(this).attr('data-delete-id');checkedSubscribersList.push(subscriberId);}});if(checkedSubscribersList.length===0){alert('Please select at least one subscriber.');}
5	+ else{var isSure=confirm(SGPB_JS_LOCALIZATION.areYouSure);if(isSure){that.deleteSubscribersAjax(checkedSubscribersList,data);}}});};SGPBSubscribers.prototype.subscriberFileUploader=function()


6	{var uploadButton=jQuery('#js-import-subscriber-button');var supportedAudioTypes=['text/plain','text/x-csv','text/csv'];if(!uploadButton.length){return false;}
7	var uploader;uploadButton.bind('click',function(e){e.preventDefault();if(uploader){uploader.open();return false;}
8	uploader=wp.media.frames.file_frame=wp.media({titleFF:SGPB_JS_LOCALIZATION.changeSound,button:{text:SGPB_JS_LOCALIZATION.changeSound},library:{type:supportedAudioTypes},multiple:false});uploader.on('select',function(){var attachment=uploader.state().get('selection').first().toJSON();if(supportedAudioTypes.indexOf(attachment.mime)===-1){alert(SGPB_JS_LOCALIZATION.audioSupportAlertMessage);return;}
9	jQuery('#js-import-subscriber-file-url').val(attachment.url);});uploader.open();});};SGPBSubscribers.prototype.importSubscriber=function()
10	{var importSubscriber=jQuery('.sgpb-import-subscriber-to-list');var that=this;if(!importSubscriber.length){return false;}
11	+ importSubscriber.bind('click',function(){var popupSubscriptionList=jQuery('.js-sg-import-list').val();var importListURL=jQuery('#js-import-subscriber-file-url').val();if(!importListURL.length)
12	+ return;var data={action:'sgpb_import_subscribers',nonce:SGPB_JS_PARAMS.nonce,popupSubscriptionList:popupSubscriptionList,importListURL:importListURL,beforeSend:function(){importSubscriber.prop('disabled',true);}};jQuery.post(ajaxurl,data,function(response){importSubscriber.prop('disabled',false);that.modal.changeModalContent(jQuery('.sgpb-modal'),jQuery(response),jQuery('.sgpb-modal').data('target'));that.removeAllValuesOnModalDestroy();that.saveImportValue();that.disableSelectedValue();});});};SGPBSubscribers.prototype.removeAllValuesOnModalDestroy=function(){jQuery('.sgpb-add-subscriber-input:selected').prop('selected',false);jQuery('.sgpb-add-subscriber-input').val('');jQuery('#js-import-subscriber-file-url').val('')};SGPBSubscribers.prototype.disableSelectedValue=function(){var selectOptioon=jQuery('.sgpb-our-fields-keys');if(!selectOptioon.length){return false;}
13	selectOptioon.bind('change',function(){var currentVal=jQuery(this).val();jQuery('.sgpb-our-fields-keys option[value="'+jQuery(this).attr('data-saved-value')+'"]').removeAttr('disabled');jQuery(this).attr('data-saved-value',currentVal);jQuery('.sgpb-our-fields-keys option[value="'+currentVal+'"]').not(jQuery(this)).attr('disabled','disabled');});};SGPBSubscribers.prototype.saveImportValue=function()
14	+ {var importSubscriber=jQuery('.sgpb-import-subscriber-to-list');var mapping={};var data={action:'sgpb_save_imported_subscribers',nonce:SGPB_JS_PARAMS.nonce,popupSubscriptionList:jQuery('.sgpb-to-import-popup-id').val(),importListURL:jQuery('.sgpb-imported-file-url').val(),};jQuery('.sgpb-save-subscriber').bind('click',function(){mapping={};var ourFields=jQuery('.sgpb-our-fields-keys');ourFields.each(function(){var currentValue=jQuery('option:selected',this).val();if(currentValue){mapping[currentValue]=jQuery(this).attr('data-index');}});data.namesMapping=mapping;data.popupId=jQuery('.sgpb-to-import-popup-id').val();data.beforeSend=function(){jQuery('.sgpb-save-subscriber').prop('disabled',true);};jQuery.post(ajaxurl,data,function(response){window.location.reload();jQuery('.sgpb-save-subscriber').prop('disabled',false);});});};SGPBSubscribers.prototype.addSubscribers=function()





15	{var that=this;jQuery('.sgpb-add-to-list-js').bind('click',function(){jQuery('.sgpb-subscription-error').addClass('sg-hide-element');jQuery('.sgpb-email-error').addClass('sg-hide-element');var email=jQuery('.sgpb-add-subscribers-email').val();var firstName=jQuery('.sgpb-add-subscribers-first-name').val();var lastName=jQuery('.sgpb-add-subscribers-last-name').val();var subscriptionPopups=[];jQuery('.js-sg-newsletter-forms > option').each(function(){if(jQuery(this).prop('selected')){subscriptionPopups.push(jQuery(this).val());}});var validationString=/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)\|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])\|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;var validEmail=email.search(validationString);if(jQuery('.js-sg-newsletter-forms > option').is(':checked')===false&&validEmail===-1){jQuery('.sgpb-subscription-error').removeClass('sg-hide-element');jQuery('.sgpb-email-error').removeClass('sg-hide-element');return;}
16	if(jQuery('.js-sg-newsletter-forms > option').is(':checked')===false){jQuery('.sgpb-subscription-error').removeClass('sg-hide-element');return;}
17	if(validEmail===-1){jQuery('.sgpb-email-error').removeClass('sg-hide-element');return;}

20	window.location.href=SGPB_JS_ADMIN_URL.url+'?action=csv_file'+parameters;});};SGPBSubscribers.prototype.getUrlParameter=function(key)
21	{var pageUrl=window.location.search.substring(1);var urlVariables=pageUrl.split('&');for(var i=0;i<urlVariables.length;i++){var param=urlVariables[i].split('=');if(param[0]==key){if(typeof param[1]!=='undefined'){return param[1];}
22	else{return'';}}}};SGPBSubscribers.prototype.addToSubscribersAjax=function(data)
23	+ {jQuery.post(ajaxurl,data,function(response){if(response!=='1'){jQuery('.sgpb-subscriber-adding-error').removeClass('sg-hide-element');jQuery('.sgpb-subscribers-add-spinner').addClass('sg-hide-element');}
24	else{location.reload();}});};SGPBSubscribers.prototype.toggleCheckedSubscribers=function()
25	{var that=this;jQuery('.subs-bulk').each(function(){jQuery(this).bind('click',function(){var bulkStatus=jQuery(this).prop('checked');that.changeCheckedSubscribers(bulkStatus);});});};SGPBSubscribers.prototype.changeCheckedSubscribers=function(bulkStatus)
26	+ {jQuery('.subs-delete-checkbox').each(function(){jQuery(this).prop('checked',bulkStatus);jQuery('.subs-bulk').prop('checked',bulkStatus);jQuery('.sg-subs-delete-button').removeClass('sgpb-btn-disabled');if(!bulkStatus){jQuery('.sg-subs-delete-button').addClass('sgpb-btn-disabled');}});};SGPBSubscribers.prototype.dataImport=function()

27	{var custom_uploader;jQuery('#js-upload-export-file').click(function(e){e.preventDefault();var ajaxNonce=jQuery(this).attr('data-ajaxNonce');if(custom_uploader){custom_uploader.open();return;}
28	custom_uploader=wp.media.frames.file_frame=wp.media({titleFF:'Select Export File',button:{text:'Select Export File'},multiple:false,library:{type:'text/plain'}});custom_uploader.on('select',function(){attachment=custom_uploader.state().get('selection').first().toJSON();var data={action:'import_popups',ajaxNonce:ajaxNonce,attachmentUrl:attachment.url};jQuery('.js-sg-import-gif').removeClass('sg-hide-element');jQuery.post(ajaxurl,data,function(response,d){location.reload();jQuery('.js-sg-import-gif').addClass('sg-hide-element');});});custom_uploader.open();});};SGPBSubscribers.prototype.deleteSubscribersAjax=function(checkedSubscribersList)
29	+ {var data={action:'sgpb_subscribers_delete',nonce:SGPB_JS_PARAMS.nonce,subscribersId:checkedSubscribersList,beforeSend:function(){jQuery('.sgpb-subscribers-remove-spinner').removeClass('sg-hide-element');}};jQuery.post(ajaxurl,data,function(response){jQuery('.sgpb-subscribers-remove-spinner').addClass('sg-hide-element');jQuery('.subs-delete-checkbox').prop('checked','');window.location.reload();});};SGPBSubscribers.prototype.deleteButtonHideShow=function()
30	+ {if(!jQuery('.subs-delete-checkbox').length){return false;}
31	+ jQuery('.subs-delete-checkbox').on('click',function(){jQuery('.sg-subs-delete-button').removeClass('sgpb-btn-disabled');if(!jQuery('.subs-delete-checkbox').is(':checked')){jQuery('.sg-subs-delete-button').addClass('sgpb-btn-disabled');}});};SGPBSubscribers.prototype.popupsTableRowColorChange=function()
32	+ {jQuery('table tr th input').on('change',function(){if(this.checked){jQuery(this).parent('th').parent('tr').addClass('sgpb-popups-table-selected-row')}else{jQuery(this).parent('th').parent('tr').removeClass('sgpb-popups-table-selected-row')}});jQuery('table thead tr td input').on('change',function(){if(this.checked){jQuery(this).closest('table').find('tbody tr').addClass('sgpb-popups-table-selected-row');}else{jQuery(this).closest('table').find('tbody tr').removeClass('sgpb-popups-table-selected-row');}});};jQuery(document).ready(function(){var subscribers=new SGPBSubscribers();subscribers.init();});

public/js/Subscription.js CHANGED Viewed

	@@ -35,7 +35,7 @@ var styleObj={};styleObj[styleType]=dimension;jQuery('.'+selector).css(styleObj)
35	{jQuery('.js-sgpb-form-padding').on('change keydown keyup',function(){var padding=jQuery(this).val();jQuery('.sgpb-subscription-admin-wrapper').css('padding',padding+'px');});};SGPBSubscription.prototype.changeColor=function()
36	{var that=this;if(typeof jQuery.wp==='undefined'\|\|typeof jQuery.wp.wpColorPicker!=='function'){return false;}
37	jQuery('.js-subs-color-picker').each(function(){var currentColorPicker=jQuery(this);currentColorPicker.wpColorPicker({change:function(){that.colorPickerChange(jQuery(this));}});});jQuery('.wp-picker-holder').mouseover(function(){var selectedInput=jQuery(this).prev().find('.js-subs-color-picker');that.colorPickerChange(selectedInput);});jQuery('.wp-picker-holder').bind('click',function(){var selectedInput=jQuery(this).prev().find('.js-subs-color-picker');that.colorPickerChange(selectedInput);});};SGPBSubscription.prototype.changeOpacity=function()
38	- {var that=this;jQuery('.js-subs-bg-opacity').~~next().find('.range-handle').~~on('change ~~mousemove~~',function(){that.colorPickerChange(jQuery('input[name=sgpb-subs-form-bg-color]'));});};SGPBSubscription.prototype.setupPlaceholderColor=function(element,color)
39	{jQuery('.'+element).each(function(){jQuery('#sgpb-placeholder-style').remove();var styleContent='.'+element+'::-webkit-input-placeholder {color: '+color+' !important;}';styleContent+='.'+element+'::-moz-placeholder {color: '+color+' !important;}';styleContent+='.'+element+'::-ms-placeholder {color: '+color+' !important;}';var styleBlock='<style id="sgpb-placeholder-style">'+styleContent+'</style>';jQuery('head').append(styleBlock);});};SGPBSubscription.prototype.colorPickerChange=function(colorPicker)
40	{var that=this;var opacity=jQuery('input[name=sgpb-subs-form-bg-opacity]').val();var colorValue=colorPicker.val();if(typeof colorValue==='undefined'){return false;}
41	colorValue=SGPBBackend.hexToRgba(colorValue,opacity);var styleType=colorPicker.attr('data-style-type');var selector=colorPicker.attr('data-subs-rel');if('placeholder'===styleType){that.setupPlaceholderColor(selector,colorValue);return false;}


35	{jQuery('.js-sgpb-form-padding').on('change keydown keyup',function(){var padding=jQuery(this).val();jQuery('.sgpb-subscription-admin-wrapper').css('padding',padding+'px');});};SGPBSubscription.prototype.changeColor=function()
36	{var that=this;if(typeof jQuery.wp==='undefined'\|\|typeof jQuery.wp.wpColorPicker!=='function'){return false;}
37	jQuery('.js-subs-color-picker').each(function(){var currentColorPicker=jQuery(this);currentColorPicker.wpColorPicker({change:function(){that.colorPickerChange(jQuery(this));}});});jQuery('.wp-picker-holder').mouseover(function(){var selectedInput=jQuery(this).prev().find('.js-subs-color-picker');that.colorPickerChange(selectedInput);});jQuery('.wp-picker-holder').bind('click',function(){var selectedInput=jQuery(this).prev().find('.js-subs-color-picker');that.colorPickerChange(selectedInput);});};SGPBSubscription.prototype.changeOpacity=function()
38	+ {var that=this;jQuery('.js-subs-bg-opacity').on('change',function(){that.colorPickerChange(jQuery('input[name=sgpb-subs-form-bg-color]'));});};SGPBSubscription.prototype.setupPlaceholderColor=function(element,color)
39	{jQuery('.'+element).each(function(){jQuery('#sgpb-placeholder-style').remove();var styleContent='.'+element+'::-webkit-input-placeholder {color: '+color+' !important;}';styleContent+='.'+element+'::-moz-placeholder {color: '+color+' !important;}';styleContent+='.'+element+'::-ms-placeholder {color: '+color+' !important;}';var styleBlock='<style id="sgpb-placeholder-style">'+styleContent+'</style>';jQuery('head').append(styleBlock);});};SGPBSubscription.prototype.colorPickerChange=function(colorPicker)
40	{var that=this;var opacity=jQuery('input[name=sgpb-subs-form-bg-opacity]').val();var colorValue=colorPicker.val();if(typeof colorValue==='undefined'){return false;}
41	colorValue=SGPBBackend.hexToRgba(colorValue,opacity);var styleType=colorPicker.attr('data-style-type');var selector=colorPicker.attr('data-subs-rel');if('placeholder'===styleType){that.setupPlaceholderColor(selector,colorValue);return false;}

public/js/sgpbDetect.js ADDED Viewed

	@@ -0,0 +1,146 @@


1	+ function SGPBDetect() {
2	+ }
3	+
4	+ SGPBDetect.prototype.init = function () {
5	+ this.pluginData = [];
6	+ this.finishBtn = '<div class="sgpb-text-center"><button class="sgpb-btn sgpb-btn-more_extensions" id="sgpbFinishUpdatingProcess">Finish the process</button></div>';
7	+ this.blockScreen();
8	+ this.modalDetectionStyles();
9	+ this.checkIfModalClosed();
10	+ };
11	+ SGPBDetect.prototype.blockScreen = function () {
12	+ var body = this.generateHtml(SGPB_JS_DETECTIONS);
13	+ this.modalDetection(SGPB_JS_DETECTIONS.modalData.header, SGPB_JS_DETECTIONS.modalData.logo, body);
14	+ this.updateActions();
15	+ };
16	+ SGPBDetect.prototype.generateHtml = function (dataToGenerate) {
17	+ let html = '';
18	+ if (dataToGenerate.autoUpdate.length) {
19	+ html = '<ul class="sgpb-plugins-list sgpb-plugins-list-auto-update">';
20	+ for (let i = 0; i < dataToGenerate.autoUpdate.length; i++) {
21	+ html += `<li class="sgpb-update-plugin sgpb-update-plugin-progress updateMyPlugin"
22	+ data-name="${dataToGenerate.autoUpdate[i].plugin.name}"
23	+ data-key="${dataToGenerate.autoUpdate[i].plugin.pluginKey}"
24	+ data-slug="${dataToGenerate.autoUpdate[i].slug}">updating... ${dataToGenerate.autoUpdate[i].plugin.name}</li>`
25	+ }
26	+ html += '<input type="hidden" id="sgpbCanUpdateNextPlugin" /><input type="hidden" id="sgpbNextPluginIndex" value="0" /></ul>';
27	+ }
28	+
29	+ if (dataToGenerate.manualUpdate.length) {
30	+ html += dataToGenerate.modalData.manualMessage;
31	+ html += '<ul class="sgpb-plugins-list"><li class="sgpb-text-center">';
32	+ for (let i = 0; i < dataToGenerate.manualUpdate.length; i++) {
33	+ html += `<a href="${dataToGenerate.manualUpdate[i].plugin.url}" target="_blank">${dataToGenerate.manualUpdate[i].plugin.name}</a>`;
34	+ html += dataToGenerate.manualUpdate[i + 1] !== undefined ? ', ' : '';
35	+ }
36	+ html += '</li></ul>';
37	+ html += dataToGenerate.modalData.footerMessage;
38	+ }
39	+
40	+ return html;
41	+ };
42	+
43	+ SGPBDetect.prototype.update = function (args) {
44	+ var that = this;
45	+ args = _.extend({
46	+ success: that.updatePluginSuccess,
47	+ error: that.updatePluginError,
48	+ }, args);
49	+ return wp.updates.ajax('update-plugin', args);
50	+ };
51	+ SGPBDetect.prototype.updatePluginSuccess = function (response) {
52	+ jQuery("li[data-key='" + response.plugin + "']").removeClass('updating sgpb-update-plugin-progress');
53	+ jQuery("li[data-key='" + response.plugin + "']").addClass('sgpb-update-plugin-success');
54	+ jQuery("#sgpbCanUpdateNextPlugin").val(1);
55	+ };
56	+ SGPBDetect.prototype.updatePluginError = function (response) {
57	+ jQuery("li[data-key='" + response.plugin + "']").removeClass('updating sgpb-update-plugin-progress');
58	+ jQuery("li[data-key='" + response.plugin + "']").addClass('sgpb-update-plugin-failed');
59	+ jQuery("#sgpbCanUpdateNextPlugin").val(0);
60	+ };
61	+ SGPBDetect.prototype.updateActions = function () {
62	+ var that = this;
63	+ jQuery('.updateMyPlugin').each(function () {
64	+ that.pluginData.push({
65	+ plugin: jQuery(this).data('key'),
66	+ slug: jQuery(this).data('slug'),
67	+ name: jQuery(this).data('name')
68	+ });
69	+ });
70	+ this.updateRecursion();
71	+ setInterval(function () {
72	+ if (jQuery("#sgpbCanUpdateNextPlugin").val() === '1') {
73	+ that.updateRecursion();
74	+ }
75	+ }, 1000);
76	+ };
77	+ SGPBDetect.prototype.updateRecursion = function () {
78	+ jQuery("#sgpbCanUpdateNextPlugin").val(0);
79	+ if (!this.pluginData[+jQuery("#sgpbNextPluginIndex").val()]) {
80	+ jQuery('.sgpb-plugins-list-auto-update').empty();
81	+ if (!SGPB_JS_DETECTIONS.manualUpdate.length) {
82	+ jQuery('.sgpb-modal-detection .sgpb-modal-body').append(this.finishBtn);
83	+ jQuery('#sgpbFinishUpdatingProcess').on('click', function () {
84	+ window.location.reload();
85	+ });
86	+ }
87	+ return;
88	+ }
89	+ this.singleItem = this.pluginData[+jQuery("#sgpbNextPluginIndex").val()];
90	+ jQuery("li[data-slug='" + this.singleItem.slug + "']").addClass('updating');
91	+ this.update({plugin: this.singleItem.plugin, slug: this.singleItem.slug});
92	+ jQuery("#sgpbNextPluginIndex").val(+jQuery("#sgpbNextPluginIndex").val() + 1)
93	+ };
94	+
95	+ SGPBDetect.prototype.modalDetectionStyles = function () {
96	+ var css = '<style id="sgpb-modal-detection-styles">.sgpb-overflow-hidden{overflow: hidden!important;}.sgpb.sgpb-modal-detection {position: fixed;top: 0;bottom: 0;left: 0;right: 0;display: flex;justify-content: center;align-items: center;background: #00000082;z-index: 999;-webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px);}';
97	+ css += '.sgpb.sgpb-modal-detection .sgpb-modal-detection-main {max-width: calc(100vw - 42%);max-height: calc(100vh - 15%); overflow-x: auto; background: #FFFFFF 0 0 no-repeat padding-box;box-shadow: 0 3px 20px #00000029;border-radius: 12px;padding: 20px;position: relative;}';
98	+ css += '.sgpb.sgpb-modal-detection .sgpb-modal-detection-header {font-size: 30px; text-align: center}';
99	+ css += '.sgpb.sgpb-modal-detection .sgpb-modal-logo {width: 150px; margin: 15px auto; display: block}';
100	+ css += '.sgpb.sgpb-modal-detection .sgpb-modal-body {font-size: 24px;}';
101	+ css += '.sgpb.sgpb-modal-detection .sgpb-modal-body a, .sgpb.sgpb-modal-detection .sgpb-modal-body .sgpb-plugins-list .sgpb-update-plugin {font-weight: normal; font-size: 17px; color: #2873EB;}';
102	+ css += '.sgpb.sgpb-modal-detection .sgpb-modal-body p{font-size: 20px;margin: 0;}';
103	+ css += '.sgpb.sgpb-modal-detection .sgpb-plugins-list-auto-update {max-width: 73%; margin: 0 auto;}';
104	+ css += '.sgpb.sgpb-modal-detection .sgpb-modal-body p.sgpb-modal-footer-message{font-size: 15px;}';
105	+ css += '.sgpb-plugins-list {display: flex; flex-direction: column;} .sgpb-update-plugin { display: inline-flex;justify-content: space-between;color: #2873eb} .sgpb-update-plugin:after { content: "";font: normal 20px/1 dashicons;display: block;}.sgpb-update-plugin-success{color:#00ae5d}.sgpb-update-plugin-success:after { content: "\\f147";}.sgpb-update-plugin-failed{color:#c00}.sgpb-update-plugin-failed:after { content: "\\f534";}.sgpb-update-plugin-progress:after { content: "\\f463";}.sgpb-update-plugin-progress.updating:after{animation: sgpbRotation 2s infinite linear;}@keyframes sgpbRotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg);}}';
106	+ css += '</style>';
107	+ jQuery(css).appendTo(document.body);
108	+ };
109	+
110	+ SGPBDetect.prototype.modalDetection = function (header, logo, body, url) {
111	+ jQuery(document.body).addClass('sgpb-overflow-hidden');
112	+ var modal = jQuery('<div/>', {
113	+ "class": 'sgpb sgpb-modal-detection',
114	+ html: jQuery('<div/>', {
115	+ "class": 'sgpb-modal-detection-main',
116	+ html:
117	+ jQuery('<div/>', {
118	+ "class": 'sgpb-modal-body',
119	+ html: [
120	+ jQuery(header),
121	+ jQuery('<img />', {
122	+ "class": 'sgpb-modal-logo',
123	+ src: logo,
124	+ alt: 'logo'
125	+ }),
126	+ body
127	+ ]
128	+ })
129	+ })
130	+ });
131	+ jQuery(modal).appendTo(document.body);
132	+ };
133	+
134	+ SGPBDetect.prototype.checkIfModalClosed = function () {
135	+ var that = this;
136	+ setInterval(function () {
137	+ if (!jQuery('.sgpb.sgpb-modal-detection').length \|\| !jQuery('#sgpb-modal-detection-styles').length) {
138	+ that.init();
139	+ }
140	+ }, 800)
141	+ };
142	+
143	+ jQuery(document).ready(function () {
144	+ sgpbDetect = new SGPBDetect();
145	+ sgpbDetect.init();
146	+ });

public/scss/_buttons.scss ADDED Viewed

	@@ -0,0 +1,122 @@


1	+ @import "variables";
2	+
3	+ .sgpb {
4	+ &-btn {
5	+ background: transparent;
6	+ -webkit-border-radius: 5px;
7	+ -moz-border-radius: 5px;
8	+ border-radius: 5px;
9	+ padding: 10px 15px;
10	+ border: 2px solid transparent;
11	+ line-height: 1.2;
12	+ font-weight: 600;
13	+ cursor: pointer;
14	+ &:active, &:focus {
15	+ @extend .sgpb-btn;
16	+ }
17	+ &-blue {
18	+ color: $white!important;
19	+ background: $blue;
20	+ border-color: $blue;
21	+ &:hover, &:focus, &:active {
22	+ box-shadow: 0 0 10px $blue_shadow;
23	+ background: $white;
24	+ color: $blue!important;
25	+ border-color: $blue;
26	+ }
27	+ &--outline {
28	+ color: $blue!important;
29	+ background: $white;
30	+ border-color: $blue;
31	+ &:hover, &:focus, &:active {
32	+ box-shadow: 0 0 10px $blue_shadow;
33	+ background: $blue;
34	+ color: $white!important;
35	+ border-color: $blue;
36	+ }
37	+ }
38	+ &-light {
39	+ color: $blue;
40	+ background: $blue_light_0066ff_opacity_2;
41	+ border-color: transparent;
42	+ &:hover, &:focus, &:active {
43	+ box-shadow: none;
44	+ background: $blue_light_0066ff_opacity_2;
45	+ color: $blue!important;
46	+ border-color: transparent;
47	+ }
48	+ }
49	+ }
50	+ &-dark {
51	+ &-outline {
52	+ background: $white;
53	+ color: $black;
54	+ border-color: $black;
55	+ &:active, &:focus {
56	+ @extend .sgpb-btn-dark-outline;
57	+ }
58	+ }
59	+ }
60	+ &-danger {
61	+ color: $red!important;
62	+ background: $red_whiten_FFCC;
63	+ &:hover, &:focus, &:active {
64	+ box-shadow: none;
65	+ background: $red;
66	+ color: $white!important;
67	+ border-color: transparent;
68	+ }
69	+ }
70	+ &-gray-light {
71	+ color: $black;
72	+ background-color: $light;
73	+ &:hover, &:focus, &:active {
74	+ background-color: $white;
75	+ }
76	+ }
77	+ &-more_extensions {
78	+ box-shadow: 0 0 6px $blue_light_opacity_8;
79	+ background: $blue_light;
80	+ color: $white;
81	+ border-color: $blue_light;
82	+ font: Bold 22px/28px Segoe UI Regular !important;
83	+ padding: 5px 34px;
84	+ &:hover, &:active, &:focus {
85	+ @extend .sgpb-btn-more_extensions;
86	+ }
87	+ }
88	+ &--rounded {
89	+ border-radius: 39px;
90	+ &:active, &:focus {
91	+ -webkit-border-radius: 39px;
92	+ -moz-border-radius: 39px;
93	+ border-radius: 39px;
94	+ }
95	+ }
96	+ &-disabled {
97	+ outline: none!important;
98	+ cursor: no-drop!important;
99	+ background: $gray_light!important;
100	+ color: $gray!important;
101	+ border-color: transparent!important;
102	+ box-shadow: none!important;
103	+ &:hover, &:focus, &:active {
104	+ @extend .sgpb-btn-disabled;
105	+ }
106	+ }
107	+
108	+ }
109	+
110	+ &--group {
111	+ display: flex;
112	+ .sgpb-btn {
113	+ margin-left: -2px;
114	+ border-top-left-radius: 0;
115	+ border-bottom-left-radius: 0;
116	+ }
117	+ .sgpb-input {
118	+ border-top-right-radius: 0;
119	+ border-bottom-right-radius: 0;
120	+ }
121	+ }
122	+ }

public/scss/_fonts.scss ADDED Viewed

	@@ -0,0 +1,15 @@


1	+ @font-face {
2	+ font-family: "Segoe UI Regular";
3	+ src: url("../fonts/SegoeUI.woff") format("woff");
4	+ }
5	+
6	+ @font-face {
7	+ font-family: "Segoe UI Bold";
8	+ src: url("fonts/Segoe-UI-Bold.woff") format("woff");
9	+ }
10	+
11	+ @font-face {
12	+ font-family: "Glyphter";
13	+ src: url("../fonts/Glyphter.woff") format("woff");
14	+ }
15	+

public/scss/_generalSettings.scss ADDED Viewed

	@@ -0,0 +1,5 @@


1	+ @import "variables";
2	+
3	+ .sgpb {
4	+
5	+ }

public/scss/_global.scss ADDED Viewed

	@@ -0,0 +1,948 @@


1	+ @import "variables";
2	+
3	+ .sgpb {
4	+ &-cursor {
5	+ &-pointer {
6	+ cursor: pointer;
7	+ }
8	+ }
9	+ &-display {
10	+ &-flex {
11	+ display: flex!important;
12	+ }
13	+ &-block {
14	+ display: block!important;
15	+ }
16	+ &-grid {
17	+ display: grid!important;
18	+ }
19	+ &-inline {
20	+ &-flex {
21	+ display: inline-flex!important;
22	+ }
23	+ &-block {
24	+ display: inline-block!important;
25	+ }
26	+ &-grid {
27	+ display: inline-grid!important;
28	+ }
29	+ }
30	+ &-none {
31	+ display: none!important;
32	+ }
33	+ }
34	+ &-justify-content {
35	+ &-between {
36	+ justify-content: space-between!important;
37	+ }
38	+ &-around {
39	+ justify-content: space-around!important;
40	+ }
41	+ &-center {
42	+ justify-content: center!important;
43	+ }
44	+ &-flex-end {
45	+ justify-content: flex-end;
46	+ }
47	+ }
48	+ &-flex{
49	+ &-direction {
50	+ &-column {
51	+ flex-direction: column!important;
52	+ &-reverse {
53	+ flex-direction: column-reverse!important;
54	+ }
55	+ }
56	+ &-row {
57	+ flex-direction: row!important;
58	+ &-reverse {
59	+ flex-direction: row-reverse!important;
60	+ }
61	+ }
62	+ }
63	+ &-container {
64	+ display: flex!important;
65	+ align-items: stretch!important;
66	+ }
67	+ &-100 {
68	+ flex: 0 0 100px
69	+ }
70	+ &-200 {
71	+ flex: 0 0 200px
72	+ }
73	+ &-220 {
74	+ flex: 0 0 220px
75	+ }
76	+ &-250 {
77	+ flex: 0 0 250px
78	+ }
79	+ &-auto {
80	+ flex: auto
81	+ }
82	+ }
83	+ &-align {
84	+ &-item {
85	+ &-center {
86	+ align-items: center!important;
87	+ }
88	+ &-start {
89	+ align-items: start!important;
90	+ }
91	+ &-baseline {
92	+ align-items: baseline!important;
93	+ }
94	+ &-stretch {
95	+ align-items: stretch!important;
96	+ }
97	+ }
98	+ }
99	+ &-position {
100	+ &-relative {
101	+ position: relative!important;
102	+ }
103	+ &-absolute {
104	+ position: absolute!important;
105	+ }
106	+ &-fixed {
107	+ position: fixed!important;
108	+ }
109	+ &-sticky {
110	+ position: -webkit-sticky!important;
111	+ position: sticky!important;
112	+ top: 10px!important;
113	+ }
114	+ }
115	+ &-margin {
116	+ &-0 {
117	+ margin: 0!important;
118	+ }
119	+ &-5 {
120	+ margin: 5px!important;
121	+ }
122	+ &-10 {
123	+ margin: 10px!important;
124	+ }
125	+ &-20 {
126	+ margin: 20px!important;
127	+ }
128	+ &-30 {
129	+ margin: 30px!important;
130	+ }
131	+ &-40 {
132	+ margin: 40px!important;
133	+ }
134	+ &-50 {
135	+ margin: 50px!important;
136	+ }
137	+ &-auto {
138	+ margin: 0 auto!important;
139	+ }
140	+ &-top {
141	+ &-0 {
142	+ margin-top: 0!important;
143	+ }
144	+ &-5 {
145	+ margin-top: 5px!important;
146	+ }
147	+ &-10 {
148	+ margin-top: 10px!important;
149	+ }
150	+ &-20 {
151	+ margin-top: 20px!important;
152	+ }
153	+ &-30 {
154	+ margin-top: 30px!important;
155	+ }
156	+ &-40 {
157	+ margin-top: 40px!important;
158	+ }
159	+ &-50 {
160	+ margin-top: 50px!important;
161	+ }
162	+ }
163	+ &-bottom {
164	+ &-0 {
165	+ margin-bottom: 0!important;
166	+ }
167	+ &-5 {
168	+ margin-bottom: 5px!important;
169	+ }
170	+ &-10 {
171	+ margin-bottom: 10px!important;
172	+ }
173	+ &-20 {
174	+ margin-bottom: 20px!important;
175	+ }
176	+ &-30 {
177	+ margin-bottom: 30px!important;
178	+ }
179	+ &-40 {
180	+ margin-bottom: 40px!important;
181	+ }
182	+ &-50 {
183	+ margin-bottom: 50px!important;
184	+ }
185	+ }
186	+ &-left {
187	+ &-0 {
188	+ margin-left: 0!important;
189	+ }
190	+ &-5 {
191	+ margin-left: 5px!important;
192	+ }
193	+ &-10 {
194	+ margin-left: 10px!important;
195	+ }
196	+ &-20 {
197	+ margin-left: 20px!important;
198	+ }
199	+ &-30 {
200	+ margin-left: 30px!important;
201	+ }
202	+ &-40 {
203	+ margin-left: 40px!important;
204	+ }
205	+ &-50 {
206	+ margin-left: 50px!important;
207	+ }
208	+ }
209	+ &-right {
210	+ &-0 {
211	+ margin-right: 0!important;
212	+ }
213	+ &-5 {
214	+ margin-right: 5px!important;
215	+ }
216	+ &-10 {
217	+ margin-right: 10px!important;
218	+ }
219	+ &-20 {
220	+ margin-right: 20px!important;
221	+ }
222	+ &-30 {
223	+ margin-right: 30px!important;
224	+ }
225	+ &-40 {
226	+ margin-right: 40px!important;
227	+ }
228	+ &-50 {
229	+ margin-right: 50px!important;
230	+ }
231	+ }
232	+ &-x {
233	+ &-0 {
234	+ margin-left: 0!important;
235	+ margin-right: 0!important;
236	+ }
237	+ &-5 {
238	+ margin-left: 5px!important;
239	+ margin-right: 5px!important;
240	+ }
241	+ &-7 {
242	+ margin-left: 7px!important;
243	+ margin-right: 7px!important;
244	+ }
245	+ &-10 {
246	+ margin-left: 10px!important;
247	+ margin-right: 10px!important;
248	+ }
249	+ &-20 {
250	+ margin-left: 20px!important;
251	+ margin-right: 20px!important;
252	+ }
253	+ &-30 {
254	+ margin-left: 30px!important;
255	+ margin-right: 30px!important;
256	+ }
257	+ &-40 {
258	+ margin-left: 40px!important;
259	+ margin-right: 40px!important;
260	+ }
261	+ &-50 {
262	+ margin-left: 50px!important;
263	+ margin-right: 50px!important;
264	+ }
265	+ }
266	+ &-y {
267	+ &-0 {
268	+ margin-top: 0!important;
269	+ margin-bottom: 0!important;
270	+ }
271	+ &-5 {
272	+ margin-top: 5px!important;
273	+ margin-bottom: 5px!important;
274	+ &-auto {
275	+ margin-left: auto!important;
276	+ margin-right: auto!important;
277	+ }
278	+ }
279	+ &-10 {
280	+ margin-top: 10px!important;
281	+ margin-bottom: 10px!important;
282	+ &-auto {
283	+ margin-left: auto!important;
284	+ margin-right: auto!important;
285	+ }
286	+ }
287	+ &-20 {
288	+ margin-top: 20px!important;
289	+ margin-bottom: 20px!important;
290	+ &-auto {
291	+ margin-left: auto!important;
292	+ margin-right: auto!important;
293	+ }
294	+ }
295	+ &-30 {
296	+ margin-top: 30px!important;
297	+ margin-bottom: 30px!important;
298	+ &-auto {
299	+ margin-left: auto!important;
300	+ margin-right: auto!important;
301	+ }
302	+ }
303	+ &-40 {
304	+ margin-top: 40px!important;
305	+ margin-bottom: 40px!important;
306	+ &-auto {
307	+ margin-left: auto!important;
308	+ margin-right: auto!important;
309	+ }
310	+ }
311	+ &-50 {
312	+ margin-top: 50px!important;
313	+ margin-bottom: 50px!important;
314	+ &-auto {
315	+ margin-left: auto!important;
316	+ margin-right: auto!important;
317	+ }
318	+ }
319	+ }
320	+ }
321	+ &-padding {
322	+ &-0 {
323	+ padding: 0!important;
324	+ }
325	+ &-5 {
326	+ padding: 5px!important;
327	+ }
328	+ &-10 {
329	+ padding: 10px!important;
330	+ }
331	+ &-20 {
332	+ padding: 20px!important;
333	+ }
334	+ &-30 {
335	+ padding: 30px!important;
336	+ }
337	+ &-40 {
338	+ padding: 40px!important;
339	+ }
340	+ &-50 {
341	+ padding: 50px!important;
342	+ }
343	+ &-top {
344	+ &-0 {
345	+ padding-top: 0!important;
346	+ }
347	+ &-5 {
348	+ padding-top: 5px!important;
349	+ }
350	+ &-10 {
351	+ padding-top: 10px!important;
352	+ }
353	+ &-20 {
354	+ padding-top: 20px!important;
355	+ }
356	+ &-30 {
357	+ padding-top: 30px!important;
358	+ }
359	+ &-40 {
360	+ padding-top: 40px!important;
361	+ }
362	+ &-50 {
363	+ padding-top: 50px!important;
364	+ }
365	+ }
366	+ &-bottom {
367	+ &-0 {
368	+ padding-bottom: 0!important;
369	+ }
370	+ &-5 {
371	+ padding-bottom: 5px!important;
372	+ }
373	+ &-10 {
374	+ padding-bottom: 10px!important;
375	+ }
376	+ &-20 {
377	+ padding-bottom: 20px!important;
378	+ }
379	+ &-30 {
380	+ padding-bottom: 30px!important;
381	+ }
382	+ &-40 {
383	+ padding-bottom: 40px!important;
384	+ }
385	+ &-50 {
386	+ padding-bottom: 50px!important;
387	+ }
388	+ }
389	+ &-left {
390	+ &-0 {
391	+ padding-left: 0!important;
392	+ }
393	+ &-5 {
394	+ padding-left: 5px!important;
395	+ }
396	+ &-10 {
397	+ padding-left: 10px!important;
398	+ }
399	+ &-20 {
400	+ padding-left: 20px!important;
401	+ }
402	+ &-30 {
403	+ padding-left: 30px!important;
404	+ }
405	+ &-40 {
406	+ padding-left: 40px!important;
407	+ }
408	+ &-50 {
409	+ padding-left: 50px!important;
410	+ }
411	+ }
412	+ &-right {
413	+ &-0 {
414	+ padding-right: 0!important;
415	+ }
416	+ &-5 {
417	+ padding-right: 5px!important;
418	+ }
419	+ &-10 {
420	+ padding-right: 10px!important;
421	+ }
422	+ &-20 {
423	+ padding-right: 20px!important;
424	+ }
425	+ &-30 {
426	+ padding-right: 30px!important;
427	+ }
428	+ &-40 {
429	+ padding-right: 40px!important;
430	+ }
431	+ &-50 {
432	+ padding-right: 50px!important;
433	+ }
434	+ }
435	+ &-x {
436	+ &-0 {
437	+ padding-left: 0!important;
438	+ padding-right: 0!important;
439	+ }
440	+ &-5 {
441	+ padding-left: 5px!important;
442	+ padding-right: 5px!important;
443	+ }
444	+ &-10 {
445	+ padding-left: 10px!important;
446	+ padding-right: 10px!important;
447	+ }
448	+ &-20 {
449	+ padding-left: 20px!important;
450	+ padding-right: 20px!important;
451	+ }
452	+ &-30 {
453	+ padding-left: 30px!important;
454	+ padding-right: 30px!important;
455	+ }
456	+ &-40 {
457	+ padding-left: 40px!important;
458	+ padding-right: 40px!important;
459	+ }
460	+ &-50 {
461	+ padding-left: 50px!important;
462	+ padding-right: 50px!important;
463	+ }
464	+ }
465	+ &-y {
466	+ &-0 {
467	+ padding-top: 0!important;
468	+ padding-bottom: 0!important;
469	+ }
470	+ &-5 {
471	+ padding-top: 5px!important;
472	+ padding-bottom: 5px!important;
473	+ }
474	+ &-10 {
475	+ padding-top: 10px!important;
476	+ padding-bottom: 10px!important;
477	+ }
478	+ &-20 {
479	+ padding-top: 20px!important;
480	+ padding-bottom: 20px!important;
481	+ }
482	+ &-30 {
483	+ padding-top: 30px!important;
484	+ padding-bottom: 30px!important;
485	+ }
486	+ &-40 {
487	+ padding-top: 40px!important;
488	+ padding-bottom: 40px!important;
489	+ }
490	+ &-50 {
491	+ padding-top: 50px!important;
492	+ padding-bottom: 50px!important;
493	+ }
494	+ }
495	+ }
496	+ &-text {
497	+ &-center {
498	+ text-align: center;
499	+ }
500	+ &-nowrap {
501	+ white-space: nowrap;
502	+ }
503	+ &-capitalize {
504	+ text-transform: capitalize;
505	+ }
506	+ }
507	+ &-input[type="text"], &-input[type="url"] {
508	+ padding: 10px 15px!important;
509	+ border-radius: 5px!important;
510	+ background: $light!important;
511	+ border: 2px solid transparent!important;
512	+ line-height: 1.2!important;
513	+ &:focus, &:active {
514	+ border-color: transparent!important;
515	+ }
516	+ }
517	+ input[type=radio], &-radio-input {
518	+ width: 20px;
519	+ height: 20px;
520	+ display: inline-flex;
521	+ justify-content: center;
522	+ align-items: center;
523	+ border-color: transparent;
524	+ background: $gray_e6;
525	+ &:checked {
526	+ &:before {
527	+ content: "";
528	+ border-radius: 50%;
529	+ width: .5rem;
530	+ height: .5rem;
531	+ margin: 0!important;
532	+ background-color: $blue;
533	+ }
534	+ }
535	+ &:active, &:focus {
536	+ outline: none!important;
537	+ }
538	+ }
539	+ textarea:not(.js-contact-field-textarea) {
540	+ background: $gray_ec;
541	+ border-radius: 5px;
542	+ width: 100%;
543	+ min-height: 200px;
544	+ border-color: transparent;
545	+ padding: 5px;
546	+ &:focus, &:active {
547	+ border-color: transparent;
548	+ box-shadow: none;
549	+ outline: none;
550	+ }
551	+ }
552	+ &-icons {
553	+ font-family: Glyphter,Arial,Helvetica,sans-serif!important;
554	+ font-size: 22px;
555	+ font-style: normal;
556	+ border-radius: 50%;
557	+ display: flex;
558	+ justify-content: center;
559	+ align-items: center;
560	+ width: 40px;
561	+ height: 40px;
562	+ &:hover {
563	+ cursor: pointer;
564	+ }
565	+ }
566	+ &-width-100 {
567	+ width: $percentage_100;
568	+ }
569	+ &-width-90 {
570	+ width: $percentage_90;
571	+ }
572	+ &-width-80 {
573	+ width: $percentage_80;
574	+ }
575	+ &-width-70 {
576	+ width: $percentage_70;
577	+ }
578	+ &-width-60 {
579	+ width: $percentage_60;
580	+ }
581	+ &-width-50 {
582	+ width: $percentage_50;
583	+ }
584	+ &-width-40 {
585	+ width: $percentage_40;
586	+ }
587	+ &-width-35 {
588	+ width: $percentage_35;
589	+ }
590	+ &-width-30 {
591	+ width: $percentage_30;
592	+ }
593	+ &-width-20 {
594	+ width: $percentage_20;
595	+ }
596	+ &-width-10 {
597	+ width: $percentage_10;
598	+ }
599	+ .question-mark {
600	+ font-family: Glyphter,Arial,Helvetica,sans-serif!important;
601	+ font-size: 10px;
602	+ line-height: 16px;
603	+ letter-spacing: 0;
604	+ color: $black;
605	+ text-shadow: 0 0 6px $black;
606	+ background: $gray_c6 0 0 no-repeat padding-box;
607	+ width: 18px;
608	+ height: 18px;
609	+ border-radius: $percentage_50;
610	+ display: flex;
611	+ justify-content: center;
612	+ align-items: center;
613	+ margin-left: 9px;
614	+ margin-right: 9px;
615	+ font-weight: bolder;
616	+ cursor: pointer;
617	+ }
618	+ &-info-text {
619	+ color: $black;
620	+ font: 13px/14px Segoe UI Bold;
621	+ width: 215px;
622	+ position: absolute;
623	+ min-width: 20px;
624	+ min-height: 13px;
625	+ display: none;
626	+ margin-top: -18px;
627	+ margin-left: 0;
628	+ box-shadow: 4px 0 6px $black_opacity_20;
629	+ padding: 5px;
630	+ z-index: 9999;
631	+ background: $gray_bc 0 0 no-repeat padding-box;
632	+ border-radius: 5px;
633	+ }
634	+ &-bg {
635	+ &-black {
636	+ background: $black;
637	+ &__opacity-02 {
638	+ background: $black_opacity_02;
639	+ }
640	+ }
641	+ &-white {
642	+ background-color: $white;
643	+ }
644	+ }
645	+ &-border {
646	+ border: 1px solid;
647	+ &-top {
648	+ border-top: 1px solid;
649	+ }
650	+ &-bottom {
651	+ border-bottom: 1px solid;
652	+ }
653	+ &-left {
654	+ border-left: 1px solid;
655	+ }
656	+ &-right {
657	+ border-right: 1px solid;
658	+ }
659	+ &-color {
660	+ &-black {
661	+ border-color: $black;
662	+ }
663	+ }
664	+ &-radius {
665	+ &-5px {
666	+ border-radius: 5px;
667	+ }
668	+ &-50 {
669	+ border-radius: 50%;
670	+ &:active, &:focus {
671	+ border-radius: 50%;
672	+ }
673	+ }
674	+ }
675	+
676	+ }
677	+ &-unlock-options {
678	+ display: flex;
679	+ align-items: center;
680	+ justify-content: space-between;
681	+ background: $blue;
682	+ border-radius: 20px;
683	+ opacity: 1!important;
684	+ cursor: pointer;
685	+ * {
686	+ opacity: 1!important;
687	+ }
688	+ &__icon {
689	+ box-shadow: 0 0 6px $blue_opacity_8;
690	+ background: $white;
691	+ border-radius: 20px;
692	+ display: inline-flex;
693	+ align-items: center;
694	+ justify-content: center;
695	+ width: 60px;
696	+ height: 60px;
697	+ img {
698	+ width: 55px;
699	+ height: 55px;
700	+ }
701	+ }
702	+ &__title {
703	+ margin-left: 10px!important;
704	+ padding: 0 10px 0 0!important;
705	+ font-weight: bold!important;
706	+ color: $white!important;
707	+ }
708	+ }
709	+ &-tabs {
710	+ display: flex;
711	+ align-items: center;
712	+ justify-content: start;
713	+ border-bottom: 2px solid $black_opacity_20;
714	+ .sgpb-tab {
715	+ &-link {
716	+ color: $black;
717	+ font-size: 20px;
718	+ padding: 15px 40px;
719	+ font-weight: 600;
720	+ margin-bottom: -2px;
721	+ cursor: pointer;
722	+ }
723	+ &-active {
724	+ color: $blue;
725	+ border-bottom: 2px solid $blue;
726	+ }
727	+ }
728	+ }
729	+ &-onOffSwitch {
730	+ position: relative;
731	+ width: 60px;
732	+ &__label {
733	+ display: block;
734	+ background: $gray_e6;
735	+ overflow: hidden;
736	+ cursor: pointer;
737	+ border-radius: 21px;
738	+ }
739	+ &-inner {
740	+ display: block;
741	+ width: 200%;
742	+ margin-left: -$percentage_100;
743	+ transition: margin 0.3s ease-in 0s;
744	+ &:before, &:after {
745	+ display: block;
746	+ float: left;
747	+ width: $percentage_50;
748	+ height: 30px;
749	+ padding: 0;
750	+ line-height: 42px;
751	+ font-size: 16px;
752	+ color: $black;
753	+ font: bold 16px/27px Segoe UI Regular;
754	+ box-sizing: border-box;
755	+ }
756	+ &:before {
757	+ content: "on";
758	+ padding-top: 0;
759	+ padding-left: 9px;
760	+ background-color: $gray_e6;
761	+ }
762	+ &:after {
763	+ content: "off";
764	+ padding-right: 10px;
765	+ padding-top: 0;
766	+ background-color: $gray_e6;
767	+ text-align: right;
768	+ }
769	+ }
770	+ &-switch {
771	+ display: block;
772	+ width: 26px;
773	+ height: 26px;
774	+ background: $gray_75;
775	+ position: absolute;
776	+ top: 2px;
777	+ right: 32px;
778	+ border-radius: 50%;
779	+ transition: all 0.3s ease-in 0s;
780	+ }
781	+ input[type="checkbox"] {
782	+ visibility: hidden;
783	+ position: absolute;
784	+ width: 100%!important;
785	+ height: 100%!important;
786	+ margin: 0!important;
787	+ &:checked {
788	+ + .sgpb-onOffSwitch__label .sgpb-onOffSwitch-inner {
789	+ margin-left: 0;
790	+ }
791	+ + .sgpb-onOffSwitch__label .sgpb-onOffSwitch-switch {
792	+ right: 2px;
793	+ background-color: #2873eb;
794	+ }
795	+ }
796	+ }
797	+ }
798	+ .formItem {
799	+ display: flex;
800	+ flex-wrap: wrap;
801	+ flex-direction: row;
802	+ align-items: center;
803	+ margin-top: 20px;
804	+ margin-bottom: 20px;
805	+ * {
806	+ color: $black;
807	+ }
808	+ &-label {
809	+ font-size: 17px;
810	+ font-weight: bold;
811	+ margin-right: 20px;
812	+ }
813	+ &.sgpb-option-disable, .sgpb-option-disable {
814	+ background: #b2c8ec2b;
815	+ * {
816	+ opacity: .7;
817	+ }
818	+ label {
819	+ cursor: no-drop;
820	+ }
821	+ .sgpb-info-wrapper, .sgpb-info-text {
822	+ opacity: 1;
823	+ }
824	+ }
825	+ &__title {
826	+ font-size: 17px;
827	+ font-weight: bold;
828	+ margin-right: 20px;
829	+ color: $black;
830	+ }
831	+ .subForm {
832	+ &Item {
833	+ .wp-picker-container {
834	+ button {
835	+ margin: 0 6px;
836	+ }
837	+ .wp-picker-holder {
838	+ position: absolute;
839	+ }
840	+ .wp-picker-input-wrap {
841	+ .sgpb-color-picker {
842	+ padding: 0 5px!important;
843	+ line-height: 2.1!important;
844	+ }
845	+ }
846	+ }
847	+ &__title {
848	+ font-size: 15px;
849	+ color: $black;
850	+ }
851	+ }
852	+ }
853	+ .inputBlock {
854	+ margin-right: 30px;
855	+ input:not(input[type="search"]) {
856	+ padding: 5px 15px!important;
857	+ border-radius: 5px!important;
858	+ background: $light!important;
859	+ border: 2px solid transparent!important;
860	+ line-height: 2.7!important;
861	+ height: auto!important;
862	+ &:focus, &:active {
863	+ border-color: transparent!important;
864	+ }
865	+ }
866	+ }
867	+ input[type="number"]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker),
868	+ input[type="text"]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker),
869	+ input[type="url"]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker),
870	+ input[type="email"]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker) {
871	+ padding: 5px 15px!important;
872	+ border-radius: 5px!important;
873	+ background-color: $light!important;
874	+ border: 2px solid transparent!important;
875	+ line-height: 2.7!important;
876	+ &:focus, &:active {
877	+ border-color: transparent!important;
878	+ }
879	+ }
880	+ input[type="checkbox"]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.js-login-remember-me-inputs) {
881	+ width: 20px;
882	+ height: 20px;
883	+ display: inline-flex;
884	+ justify-content: center;
885	+ align-items: center;
886	+ border-color: transparent;
887	+ background: $gray_e6;
888	+ &:checked {
889	+ &:before {
890	+ content: "E";
891	+ font-family: Glyphter,Arial,Helvetica,sans-serif;
892	+ font-size: 15px;
893	+ color: $blue;
894	+ position: relative;
895	+ top: 4px;
896	+ font-weight: 600;
897	+ left: 2px;
898	+ }
899	+ }
900	+ &:active, &:focus {
901	+ outline: none!important;
902	+ }
903	+ }
904	+ }
905	+ &-shadow {
906	+ &-black {
907	+ box-shadow: 0 0 30px $black_opacity_5;
908	+ &-10 {
909	+ box-shadow: 0 0 10px $black_opacity_5;
910	+ }
911	+ }
912	+ }
913	+ &-overflow {
914	+ &-auto {
915	+ overflow: auto;
916	+ }
917	+ &-hidden {
918	+ overflow: hidden;
919	+ }
920	+ }
921	+ &-nowrap {
922	+ white-space: nowrap;
923	+ }
924	+ &-list-group {
925	+ display: flex;
926	+ flex-direction: column;
927	+ &-item {
928	+ position: relative;
929	+ display: block;
930	+ padding: .5rem 1rem;
931	+ color: $black;
932	+ text-decoration: none;
933	+ background-color: #fff;
934	+ border: 1px solid rgba(0,0,0,.125);
935	+ &:hover, &.active {
936	+ background-color: rgba(0, 127, 225, 0.36);
937	+ }
938	+ }
939	+ &-flush {
940	+ >.sgpb-list-group-item {
941	+ border-width: 0 0 1px;
942	+ &:last-child {
943	+ border-bottom-width: 0;
944	+ }
945	+ }
946	+ }
947	+ }
948	+ }

public/scss/_license.scss ADDED Viewed

	@@ -0,0 +1,46 @@


1	+ @import "variables";
2	+
3	+ .sgpb {
4	+ &-license {
5	+ &:nth-child(odd) {
6	+ margin-right: 30px;
7	+ }
8	+ &-block {
9	+ box-shadow: 0 0 30px $black_opacity_20;
10	+ border-radius: 5px;
11	+ width: 48%;
12	+ }
13	+ &-border {
14	+ top: 0;
15	+ position: absolute;
16	+ height: 2px;
17	+ left: 5%;
18	+ width: 90%;
19	+ &.active {
20	+ background: $green;
21	+ }
22	+ &.inactive {
23	+ background: $red_cc;
24	+ }
25	+ }
26	+
27	+ &__status {
28	+ display: flex;
29	+ align-items: center;
30	+ .active {
31	+ width: 27px;
32	+ height: 27px;
33	+ border: 5px solid $green;
34	+ border-radius: 50%;
35	+ margin-right: 5px;
36	+ }
37	+ .inactive {
38	+ width: 27px;
39	+ height: 27px;
40	+ border: 5px solid $red_cc;
41	+ border-radius: 50%;
42	+ margin-right: 5px;
43	+ }
44	+ }
45	+ }
46	+ }

public/scss/_media.scss ADDED Viewed

	@@ -0,0 +1,83 @@


1	+ @import "variables";
2	+
3	+ @media screen and (max-width: 1250px) and (min-width: 1100px) {
4	+ .sgpb {
5	+ .sgpb-options-menu {
6	+ padding: 12px;
7	+
8	+ h3 {
9	+ font-size: 14px;
10	+ }
11	+ }
12	+
13	+ .sgpb-options-content {
14	+ padding: 0 0 0 20px;
15	+ }
16	+ .formItem input[type=email]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker),
17	+ .sgpb .formItem input[type=number]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker),
18	+ .sgpb .formItem input[type=text]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker),
19	+ .sgpb .formItem input[type=url]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker) {
20	+ padding: 0 3px!important;
21	+ line-height: 1.7!important;
22	+ margin: 0 2px!important;
23	+ }
24	+ }
25	+
26	+ .edit-post-meta-boxes-area .postbox > .inside {
27	+ padding: 0;
28	+ }
29	+ }
30	+
31	+ @media screen and (max-width: 1350px) and (min-width: 1250px) {
32	+ .sgpb {
33	+ .sgpb-options-menu {
34	+ padding: 15px;
35	+ h3 {
36	+ font-size: 15px;
37	+ }
38	+ }
39	+
40	+ .sgpb-options-content {
41	+ padding: 0 0 0 20px;
42	+ }
43	+ .formItem input[type=email]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker),
44	+ .sgpb .formItem input[type=number]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker),
45	+ .sgpb .formItem input[type=text]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker),
46	+ .sgpb .formItem input[type=url]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker) {
47	+ padding: 5px!important;
48	+ line-height: 2!important;
49	+ margin: 5px!important;
50	+ }
51	+ }
52	+
53	+ .edit-post-meta-boxes-area .postbox > .inside {
54	+ padding: 0;
55	+ }
56	+ }
57	+
58	+ @media screen and (max-width: 1500px) and (min-width: 1310px) {
59	+ .sgpb {
60	+ .sgpb-options-menu {
61	+ padding: 15px;
62	+ h3 {
63	+ font-size: 15px;
64	+ }
65	+ }
66	+
67	+ .sgpb-options-content {
68	+ padding: 0 0 0 20px;
69	+ }
70	+ .formItem input[type=email]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker),
71	+ .sgpb .formItem input[type=number]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker),
72	+ .sgpb .formItem input[type=text]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker),
73	+ .sgpb .formItem input[type=url]:not(.sgpb-mailchimp-input):not(.js-registration-text-inputs):not(.js-login-text-inputs):not(.text):not(.wp-color-picker) {
74	+ padding: 5px!important;
75	+ line-height: 2!important;
76	+ margin: 5px!important;
77	+ }
78	+ }
79	+
80	+ .edit-post-meta-boxes-area .postbox > .inside {
81	+ padding: 0;
82	+ }
83	+ }

public/scss/_popupExtenssionsList.scss ADDED Viewed

	@@ -0,0 +1,99 @@


1	+ @import "variables";
2	+
3	+ .sgpb {
4	+ &-cubes {
5	+ width: 40px;
6	+ height: 40px;
7	+ align-content: center;
8	+ position: relative;
9	+ display: flex;
10	+ z-index: 9;
11	+ flex-wrap: wrap;
12	+
13	+ &-mini {
14	+ width: 15px;
15	+ height: 15px;
16	+ background: $white;
17	+ margin: 2px;
18	+ border-radius: 2px;
19	+
20	+ &_little {
21	+ width: 13px;
22	+ height: 13px;
23	+ }
24	+ }
25	+ }
26	+
27	+ &-box {
28	+ height: 90px;
29	+ display: flex;
30	+ align-items: center;
31	+ box-shadow: 0 0 20px $black_opacity_20;
32	+ border-radius: 18px;
33	+ cursor: pointer;
34	+ background: $white;
35	+ color: $black;
36	+ flex: 0 0 23%;
37	+ margin: 0 1%;
38	+ &-img {
39	+ width: 90px;
40	+ height: 90px;
41	+ border-radius: 18px;
42	+ position: relative;
43	+ margin-right: 22px;
44	+ transition: 0.4s;
45	+ }
46	+
47	+ &-text {
48	+ font: Bold 20px/24px Segoe UI Regular !important;
49	+ }
50	+
51	+ &-plus {
52	+ font-weight: bolder;
53	+ position: absolute;
54	+ right: -3%;
55	+ bottom: -13%;
56	+ border-radius: 50%;
57	+ transition: visibility 0s, opacity 0.3s linear;
58	+ opacity: 0;
59	+ font-family: "Glyphter", Arial, Helvetica, sans-serif;
60	+ font-size: 20px;
61	+ color: #fff;
62	+ width: 45px;
63	+ height: 45px;
64	+ display: flex;
65	+ align-items: center;
66	+ justify-content: center;
67	+ background: $blue 0 0 no-repeat padding-box;
68	+ box-shadow: 0 0 15px $blue_opacity_3;
69	+ margin-left: 11px;
70	+ }
71	+ &-default {
72	+ background: $light;
73	+
74	+ img {
75	+ background: $white;
76	+ }
77	+ }
78	+
79	+ &-active {
80	+ img {
81	+ background: $blue;
82	+ }
83	+ }
84	+
85	+ &:hover {
86	+ img {
87	+ transform: translate(-23px, -23px);
88	+ box-shadow: 0 0 20px $black_opacity_20;
89	+ }
90	+ .sgpb-box-plus {
91	+ opacity: 1;
92	+ }
93	+ }
94	+ }
95	+
96	+ &-addPopup, &-pro-extensions {
97	+ flex-wrap: wrap;
98	+ }
99	+ }

public/scss/_popupMainOptions.scss ADDED Viewed

	@@ -0,0 +1,414 @@


1	+ @import "variables";
2	+
3	+ .sgpb {
4	+ &-options {
5	+ width: 100%;
6	+ display: flex;
7	+ position: relative;
8	+ flex-direction: column;
9	+ &-menu {
10	+ width: 23%;
11	+ padding: 20px;
12	+ background: $white_light;
13	+ margin-bottom: 10px;
14	+ position: relative;
15	+ cursor: pointer;
16	+ &:before {
17	+ content: '';
18	+ position: absolute;
19	+ top: 0;
20	+ bottom: 0;
21	+ left: 0;
22	+ width: 3px;
23	+ background: transparent;
24	+ }
25	+ &-header {
26	+ &__sub {
27	+ display: none;
28	+ color: $gray_75;
29	+ }
30	+ }
31	+ &-active {
32	+ background: $white;
33	+ box-shadow: 0 0 10px $blue_light_opacity_3;
34	+ &:before {
35	+ background: $blue_light;
36	+ }
37	+ .sgpb-options-menu-header {
38	+ color: $blue_light;
39	+ margin-bottom: 10px;
40	+ }
41	+ .sgpb-options-menu-header__sub {
42	+ display: block;
43	+ }
44	+ + .sgpb-options-content {
45	+ display: block;
46	+ }
47	+ }
48	+ }
49	+ &-content {
50	+ display: none;
51	+ position: absolute;
52	+ top: 0;
53	+ right: 0;
54	+ width: 77%;
55	+ padding: 0 40px;
56	+ .sgpb-header-h1 {
57	+ line-height: 1.2;
58	+ }
59	+ .sgpb{
60	+ &-wrapper {
61	+ .text {
62	+ display: flex;
63	+ align-items: center;
64	+ color: $black;
65	+ margin-top: -30px;
66	+ margin-bottom: 10px;
67	+ .inputBlock__title {
68	+ font-weight: 600;
69	+ font-size: 17px;
70	+ }
71	+ }
72	+ .sgpb {
73	+ &-icons {
74	+ margin-right: 10px;
75	+ }
76	+ &-btn {
77	+ width: 80%;
78	+ text-align: center;
79	+ font-size: 20px;
80	+ }
81	+ &-pro-conditions {
82	+ * {
83	+ font-family: "Segoe UI Regular";
84	+ }
85	+ &-box {
86	+ max-width: 349px;
87	+ display: flex;
88	+ align-items: center;
89	+ flex-direction: column;
90	+ padding: 13px 10px;
91	+ border: 1px solid $gray_opacity_1;
92	+ background: $gray_e8_opacity_1;
93	+ border-radius: 10px;
94	+ }
95	+ &-main-wrapper {
96	+ align-items: flex-start;
97	+ }
98	+ &-title {
99	+ font-size: 30px;
100	+ font-weight: 600;
101	+ color: $black;
102	+ }
103	+ &-text {
104	+ font-size: 15px;
105	+ color: $gray_75;
106	+ padding: 0 25px;
107	+ }
108	+ &-pro-url {
109	+ font-family: "Segoe UI Regular";
110	+ color: $blue;
111	+ font-size: 15px;
112	+ }
113	+ &-inline-border {
114	+ width: 80%;
115	+ height: 2px;
116	+ background: $gray_opacity_1;
117	+ }
118	+ &-list {
119	+ width: 80%;
120	+ text-align: center;
121	+ .sgpb-pro-conditions-inline-border {
122	+ width: 100%;
123	+ }
124	+ .sgpb-pro-conditions-inline-border:last-child {
125	+ display: none;
126	+ }
127	+ * {
128	+ color: $gray_75;
129	+ font-size: 15px;
130	+ }
131	+ }
132	+ }
133	+
134	+ &-design {
135	+ .formItem {
136	+ label {
137	+ position: relative;
138	+ .sgpb-popup-theme {
139	+ &-img {
140	+ display: block;
141	+ width: 105px;
142	+ height: 70px;
143	+ background-size: 100px;
144	+ background-repeat: no-repeat;
145	+ background-position: center;
146	+ }
147	+ &-1 {
148	+ + .sgpb-popup-theme-img {
149	+ background-image: url('../img/theme1.jpg');
150	+ }
151	+ }
152	+ &-2 {
153	+ + .sgpb-popup-theme-img {
154	+ background-image: url('../img/theme2.jpg');
155	+ }
156	+ }
157	+ &-3 {
158	+ + .sgpb-popup-theme-img {
159	+ background-image: url('../img/theme3.jpg');
160	+ }
161	+ }
162	+ &-4 {
163	+ + .sgpb-popup-theme-img {
164	+ background-image: url('../img/theme4.jpg');
165	+ }
166	+ }
167	+ &-5 {
168	+ + .sgpb-popup-theme-img {
169	+ background-image: url('../img/theme5.jpg');
170	+ }
171	+ }
172	+ &-6 {
173	+ + .sgpb-popup-theme-img {
174	+ background-image: url('../img/theme6.jpg');
175	+ }
176	+ }
177	+ }
178	+ input[type="radio"] {
179	+ width: 100%;
180	+ height: 100%;
181	+ visibility: hidden;
182	+ position: absolute;
183	+ &:checked {
184	+ + .sgpb-popup-theme-img {
185	+ width: 140px;
186	+ height: 110px;
187	+ background-size: 130px;
188	+ box-shadow: 0 0 10px $blue_light_opacity_3;
189	+ }
190	+ }
191	+ }
192	+ }
193	+ .subForm {
194	+ &Item {
195	+ .sgpb-range-wrap {
196	+ input[type="range"] {
197	+ cursor: pointer;
198	+ width: 200px;
199	+ }
200	+ input[type="text"] {
201	+ width: 52px;
202	+ padding: 0 0 0 10px!important;
203	+ }
204	+ }
205	+ .subFormBackground {
206	+ background: $light;
207	+ border-radius: 5px;
208	+ .subFormItemIcons {
209	+ display: inline-flex;
210	+ flex-direction: column;
211	+ justify-content: space-around;
212	+ }
213	+ .icons__item {
214	+ background: $blue_whiten;
215	+ width: 60px;
216	+ height: 60px;
217	+ display: inline-flex;
218	+ align-items: center;
219	+ justify-content: center;
220	+ border-radius: 50%;
221	+ cursor: pointer;
222	+ + img {
223	+ width: 200px;
224	+ }
225	+ &.icons_pink {
226	+ background: $red_whiten;
227	+ }
228	+ &:hover {
229	+ cursor: pointer;
230	+ }
231	+ }
232	+ }
233	+ }
234	+ }
235	+ }
236	+ }
237	+ &-close-settings {
238	+ input {
239	+ max-width: 100px;
240	+ }
241	+ .sgpb-close-button-image-option-wrapper {
242	+ .subFormItem__x {
243	+ width: 60px;
244	+ height: 60px;
245	+ div {
246	+ width: 100%;
247	+ height: 100%;
248	+ }
249	+ }
250	+ .icons__item {
251	+ -webkit-border-radius: $percentage_50;
252	+ -moz-border-radius: $percentage_50;
253	+ border-radius: $percentage_50;
254	+ img {
255	+ width: 45px;
256	+ height: 45px;
257	+ }
258	+ &.icons_blue {
259	+ background: $blue_whiten;
260	+ }
261	+ &.icons_pink {
262	+ background: $red_whiten;
263	+ }
264	+ }
265	+ }
266	+ }
267	+ }
268	+ }
269	+ &-media-upload {
270	+ width: 100%;
271	+ height: 70%;
272	+ min-height: 50vh;
273	+ .formItem_last {
274	+ width: 500px;
275	+ height: 500px;
276	+ position: relative;
277	+ margin: 0;
278	+ box-shadow: 0 0 20px $black_opacity_3;
279	+ display: flex;
280	+ align-items: center;
281	+ justify-content: center;
282	+ .sgpb-icons {
283	+ position: absolute;
284	+ left: -7%;
285	+ width: 80px;
286	+ height: 80px;
287	+ font-size: 50px;
288	+ margin: 0;
289	+ }
290	+ }
291	+ .sgpb-show-image-container {
292	+ background-image: url(../images/NoImage.png);
293	+ width: 70%;
294	+ height: 70%;
295	+ min-height: 40vh;
296	+ background-repeat: no-repeat;
297	+ background-size: contain;
298	+ background-position: center;
299	+ }
300	+ }
301	+ &-squares {
302	+ display: flex;
303	+ flex-wrap: wrap;
304	+ justify-content: space-around;
305	+ margin-left: 8.750vw;
306	+ width: 350px;
307	+ height: 350px;
308	+ &__square {
309	+ background: $blue 0 0 no-repeat padding-box;
310	+ opacity: 0.4;
311	+ width: 100px;
312	+ height: 100px;
313	+ &:hover {
314	+ cursor: pointer;
315	+ }
316	+ &_leftRounded {
317	+ border-radius: 5px 0 0 5px;
318	+ }
319	+ &_rightRounded {
320	+ border-radius: 0 5px 5px 0;
321	+ }
322	+ &.active, &:hover {
323	+ background: $blue 0 0 no-repeat padding-box;
324	+ box-shadow: 0 3px 10px $blue_opacity_8;
325	+ opacity: 1;
326	+ }
327	+ }
328	+ }
329	+ &-customJsOrCss {
330	+ &_text {
331	+ font-size: 15px;
332	+ }
333	+ .formItem__title {
334	+ font-size: 15px;
335	+ }
336	+ }
337	+ &-floating-btn-wrapper {
338	+ * {
339	+ font-family: "Segoe UI Regular";
340	+ }
341	+ .subFormItem {
342	+ &__title {
343	+ font-size: 20px;
344	+ color: $black;
345	+ }
346	+ }
347	+ input[type="button"].sgpb-input-button, .sgpb-input-button {
348	+ background: $blue_d8;
349	+ border-radius: 3px;
350	+ color: $blue;
351	+ border-color: transparent;
352	+ width: 120px;
353	+ height: 47px;
354	+ display: inline-flex;
355	+ justify-content: center;
356	+ align-items: center;
357	+ font-size: 16px;
358	+ font-weight: bold;
359	+ &:hover, &:focus, &.active {
360	+ color: $white;
361	+ background-color: $blue;
362	+ box-shadow: none;
363	+ }
364	+ &-disabled {
365	+ background-color: $blue_d8 !important;
366	+ opacity: 0.34 !important;
367	+ cursor: default !important;
368	+ color: $blue !important;
369	+ }
370	+ &-bg-arrows {
371	+ background-image: url("../svg/arrow_cross.svg");
372	+ background-color: $blue_d8_opacity_034!important;
373	+ background-repeat: no-repeat;
374	+ background-position: center;
375	+ opacity: 1!important;
376	+ }
377	+ }
378	+ .wp-picker-container {
379	+ button {
380	+ margin: 0 10px 0 0;
381	+ }
382	+ .wp-picker-holder {
383	+ position: absolute;
384	+ }
385	+ .wp-picker-input-wrap {
386	+ .sgpb-color-picker {
387	+ padding: 0 5px!important;
388	+ line-height: 2.1!important;
389	+ }
390	+ }
391	+ }
392	+ }
393	+ }
394	+ .icons__item {
395	+ &:hover {
396	+ cursor: pointer;
397	+ }
398	+ }
399	+ .icons_blue {
400	+ background: $blue_whiten!important;
401	+ color: $blue!important;
402	+ }
403	+ .icons_pink {
404	+ background: $red_light!important;
405	+ color: $red!important;
406	+ }
407	+ .icons_gray {
408	+ background: $gray_c7!important;
409	+ color: $black_3!important;
410	+ }
411	+ }
412	+
413	+ }
414	+ }

public/scss/_reset.scss ADDED Viewed

	@@ -0,0 +1,216 @@


1	+ @import "variables";
2	+
3	+ .sgpb {
4	+ * {
5	+ box-sizing: border-box;
6	+ font-family: $font_family, Arial, Helvetica, sans-serif;
7	+ }
8	+
9	+ html {
10	+ height: 100%;
11	+ }
12	+
13	+ body {
14	+ height: 100%;
15	+ margin: 0;
16	+ padding: 0;
17	+ overflow-x: hidden;
18	+ }
19	+
20	+ h1,
21	+ h2,
22	+ h3,
23	+ h4,
24	+ h5,
25	+ h6,
26	+ p {
27	+ margin: 0;
28	+ padding: 0;
29	+ }
30	+
31	+ input {
32	+ outline: none;
33	+ }
34	+
35	+ button {
36	+ cursor: pointer;
37	+ }
38	+
39	+ input[type="text"]:focus,
40	+ input[type="number"]:focus,
41	+ input[type="email"]:focus,
42	+ input[type="search"]:focus {
43	+ box-shadow: none;
44	+ }
45	+
46	+ input[type="button"]:hover,
47	+ input[type="submit"]:hover {
48	+ cursor: pointer;
49	+ }
50	+ }
51	+
52	+ body.post-type-popupbuilder,
53	+ body.post-type-sgpbautoresponder,
54	+ body.post-type-sgpbtemplate {
55	+ line-height: 1.2;
56	+
57	+ .sgpb-wrapper, .sgpb-modal {
58	+ .inputBlock__title {
59	+ font-weight: 600;
60	+ font-size: 17px;
61	+ }
62	+
63	+ .text {
64	+ display: flex;
65	+ align-items: center;
66	+ color: #000;
67	+ margin-bottom: 10px;
68	+ }
69	+
70	+ .sgpb-icons {
71	+ margin-right: 10px;
72	+ font-weight: normal;
73	+ }
74	+
75	+ .icons_blue {
76	+ background: $blue_whiten !important;
77	+ color: $blue !important;
78	+ }
79	+
80	+ .icons_pink {
81	+ background: $red_light !important;
82	+ color: $red !important;
83	+ }
84	+
85	+ .icons_gray {
86	+ background: $gray_c7 !important;
87	+ color: $black_3 !important;
88	+ }
89	+ }
90	+ #autoresponderMetabox {
91	+ .popup-conditions-wrapper {
92	+ .sgpb-box-autoresponder-events {
93	+ .formItem {
94	+ align-items: flex-end!important;
95	+ .sg-rules-add-rule, .sg-rules-delete-rule {
96	+ margin-bottom: 10px;
97	+ }
98	+ }
99	+ }
100	+ }
101	+ }
102	+ }
103	+
104	+ .post-type-popupbuilder,
105	+ .post-type-sgpbautoresponder,
106	+ .post-type-sgpbtemplate {
107	+ .sgpb-wrapper h1,
108	+ .sgpb-wrapper h2,
109	+ .sgpb-wrapper h3,
110	+ .sgpb-wrapper h4,
111	+ .sgpb-wrapper h5,
112	+ .sgpb-wrapper h6,
113	+ .sgpb-wrapper .h1,
114	+ .sgpb-wrapper .h2,
115	+ .sgpb-wrapper .h3,
116	+ .sgpb-wrapper .h4,
117	+ .sgpb-wrapper .h5,
118	+ .sgpb-wrapper .h6 {
119	+ font-family: $font_family, Arial, Helvetica, sans-serif;
120	+ }
121	+ .sgpb-wrapper code {
122	+ padding: 2px 4px;
123	+ font-size: 90%;
124	+ color: #2873eb;
125	+ background-color: #f9f2f4;
126	+ border-radius: 4px;
127	+ }
128	+ #wpcontent {
129	+ background: $white;
130	+ }
131	+
132	+ .dashicons,
133	+ .dashicons-before:before {
134	+ font-family: dashicons;
135	+ }
136	+
137	+ .dashicons-menu-icon-sgpb, .dashicons-menu-icon-sgpb:before {
138	+ font-family: 'popupbuilder-icon';
139	+ }
140	+
141	+ a {
142	+ text-decoration: none;
143	+
144	+ &:hover, &:focus {
145	+ outline: none;
146	+ text-decoration: none;
147	+ box-shadow: none;;
148	+ }
149	+ }
150	+
151	+ .edit-post-meta-boxes-area .postbox > .inside.inside {
152	+ border-bottom: none;
153	+ }
154	+
155	+ .select2 {
156	+ min-width: 190px;
157	+ width: auto !important;
158	+ line-height: 1.2;
159	+
160	+ .select2-selection {
161	+ background: $light;
162	+ border: none !important;
163	+ padding: 7px;
164	+ height: auto;
165	+ min-height: 49px;
166	+ outline: none;
167	+
168	+ &__rendered {
169	+ line-height: 2.7 !important;
170	+ max-width: 280px;
171	+ }
172	+
173	+ &__arrow {
174	+ height: 47px;
175	+
176	+ b {
177	+ border-color: $black transparent transparent transparent;
178	+ }
179	+ }
180	+
181	+ &--multiple {
182	+ padding: 0 5px;
183	+ }
184	+
185	+ &__choice {
186	+ display: inline-flex;
187	+ flex-direction: row-reverse;
188	+ background: white;
189	+ padding: 0 6px 0 10px;
190	+ justify-content: space-between;
191	+ align-items: center;
192	+
193	+ &__remove {
194	+ margin-left: 10px;
195	+ }
196	+ }
197	+ }
198	+ }
199	+
200	+ .sgpb-reset-count-btn {
201	+ color: #C12121 !important;
202	+
203	+ &:hover {
204	+ color: #0a4b78 !important;
205	+ }
206	+ }
207	+
208	+ .sgpb-add-subscriber-header-spinner-column {
209	+ text-align: center;
210	+ margin-top: 10px;
211	+
212	+ .sgpb-subscribers-add-spinner {
213	+ margin: 0;
214	+ }
215	+ }
216	+ }

public/scss/_subscriptionExtension.scss ADDED Viewed

	@@ -0,0 +1,21 @@


1	+ @import "variables";
2	+
3	+ .sgpb {
4	+ &-subscription-popup-options {
5	+ .dimensionForm {
6	+ width: 100%;
7	+ .sgpb-choice-wrapper {
8	+ margin-bottom: 20px;
9	+ }
10	+ }
11	+ }
12	+ &-subscription{
13	+ .search-box {
14	+ display: none;
15	+ }
16	+ .table > thead > tr > th {
17	+ vertical-align: middle;
18	+ }
19	+ }
20	+
21	+ }

public/scss/_table.scss ADDED Viewed

	@@ -0,0 +1,364 @@


1	+ @import "variables";
2	+
3	+ .post-type-popupbuilder,
4	+ .post-type-sgpbautoresponder,
5	+ .post-type-sgpbtemplate {
6	+ .subtitle {
7	+ display: none;
8	+ }
9	+ form {
10	+ * {
11	+ font-family: $font_family, Arial, Helvetica, sans-serif, FontAwesome;
12	+ }
13	+ .tablenav.top {
14	+ height: 40px;
15	+ .pagination-links {
16	+ display: none;
17	+ }
18	+ .actions {
19	+ display: flex;
20	+ &.bulkactions {
21	+ margin-right: 8px;
22	+ }
23	+ select, input {
24	+ padding: 10px 20px;
25	+ border-radius: 5px;
26	+ background-color: $light;
27	+ border: 2px solid transparent;
28	+ line-height: 1.2;
29	+ margin: 0;
30	+
31	+ &:focus, &:active {
32	+ border-color: transparent;
33	+ box-shadow: none;
34	+ }
35	+ }
36	+
37	+ select {
38	+ padding-left: 5px;
39	+ min-width: 120px;
40	+ }
41	+
42	+ input {
43	+ font-family: "Segoe UI Regular";
44	+ font-weight: 500;
45	+ margin-left: -2px;
46	+ color: $white;
47	+ background: $blue;
48	+ border-color: $blue;
49	+ font-size: 14px;
50	+
51	+ &:hover {
52	+ box-shadow: 0 0 10px $blue_shadow;
53	+ background: $white;
54	+ color: $blue;
55	+ border-color: $blue;
56	+ }
57	+ }
58	+ }
59	+
60	+ .tablenav-pages {
61	+ .subsubsub {
62	+ li {
63	+ color: white;
64	+
65	+ a {
66	+ font-family: "Segoe UI Regular";
67	+ color: $blue;
68	+ font-weight: 600;
69	+ background: transparent;
70	+ -webkit-border-radius: 29px;
71	+ -moz-border-radius: 29px;
72	+ border-radius: 29px;
73	+ padding: 10px 30px;
74	+ border: 2px solid rgba(0, 0, 0, 0.14);
75	+ line-height: 1.2;
76	+ &:focus {
77	+ box-shadow: none;
78	+ outline: none;
79	+ }
80	+ &.current {
81	+ color: $black;
82	+ }
83	+ }
84	+ }
85	+ }
86	+ }
87	+ }
88	+
89	+ table {
90	+ border: none;
91	+ box-shadow: 0 0 15px #0000001A;
92	+ padding: 10px;
93	+ margin-top: 50px;
94	+ border-collapse: separate;
95	+ input[type="checkbox"] {
96	+ width: 20px;
97	+ height: 20px;
98	+ position: relative;
99	+ border: 1px solid $gray;
100	+ box-shadow: none;
101	+ transition: .05s border-color ease-in-out;
102	+ line-height: 0;
103	+
104	+ &:before {
105	+ content: '-';
106	+ position: absolute;
107	+ top: 36%;
108	+ left: 17%;
109	+ color: $white;
110	+ font-size: 31px;
111	+ }
112	+
113	+ &:checked {
114	+ background: $blue;
115	+ border-color: transparent;
116	+
117	+ &::before {
118	+ content: "E";
119	+ font-family: "Glyphter", Arial, Helvetica, sans-serif;
120	+ font-size: 13px;
121	+ line-height: 1.1;
122	+ color: #ffffff;
123	+ }
124	+ }
125	+
126	+ }
127	+ .sgpb-switch {
128	+ .sg-switch-checkbox {
129	+ &:checked + .sgpb-slider {
130	+ background-color: $blue;
131	+ }
132	+ }
133	+ }
134	+ thead {
135	+ input[type="checkbox"] {
136	+ background: $blue;
137	+ }
138	+ tr * {
139	+ color: $black;
140	+ font-family: "Segoe UI Regular";
141	+ font-weight: 600;
142	+ }
143	+ td, th {
144	+ border: none;
145	+ }
146	+
147	+ }
148	+ td, .check-column {
149	+ vertical-align: middle !important;
150	+ }
151	+ tbody {
152	+ tr {
153	+ background-color: $white;
154	+ position: relative;
155	+
156	+ td, th {
157	+ border-top: 1px solid $gray_light_opacity_3;
158	+ color: $black;
159	+ }
160	+ &.bulk-edit-sgpbautoresponder,
161	+ &.bulk-edit-sgpbtemplate,
162	+ &.bulk-edit-popupbuilder {
163	+ select {
164	+ padding: 10px 20px;
165	+ border-radius: 5px;
166	+ background-color: $light;
167	+ border: 2px solid transparent;
168	+ line-height: 1.2;
169	+ margin: 0;
170	+
171	+ &:focus, &:active {
172	+ border-color: transparent;
173	+ box-shadow: none;
174	+ }
175	+ }
176	+
177	+ select {
178	+ padding-left: 5px;
179	+ min-width: 120px;
180	+ }
181	+ input, button.cancel {
182	+ background: transparent;
183	+ -webkit-border-radius: 5px;
184	+ -moz-border-radius: 5px;
185	+ border-radius: 5px;
186	+ padding: 10px 15px;
187	+ border: 2px solid transparent;
188	+ line-height: 1.2;
189	+ font-weight: 600;
190	+ cursor: pointer;
191	+ &:active, &:focus {
192	+ background: transparent;
193	+ -webkit-border-radius: 5px;
194	+ -moz-border-radius: 5px;
195	+ border-radius: 5px;
196	+ padding: 10px 15px;
197	+ border: 2px solid transparent;
198	+ line-height: 1.2;
199	+ font-weight: 600;
200	+ cursor: pointer;
201	+ }
202	+ }
203	+ input {
204	+ color: $white!important;
205	+ background: $blue;
206	+ border-color: $blue;
207	+ &:hover, &:focus, &:active {
208	+ box-shadow: 0 0 10px $blue_shadow;
209	+ background: $white;
210	+ color: $blue!important;
211	+ border-color: $blue;
212	+ }
213	+ }
214	+ button.cancel {
215	+ background: $white;
216	+ color: $black;
217	+ border-color: $black;
218	+ &:active, &:focus {
219	+ background: $white;
220	+ color: $black;
221	+ border-color: $black;
222	+ }
223	+ }
224	+ }
225	+ }
226	+ }
227	+
228	+ tr.sgpb-popups-table-selected-row {
229	+ background-color: $blue_opacity_1;
230	+ }
231	+
232	+ .row-actions {
233	+ display: none;
234	+ }
235	+
236	+ .column-options {
237	+ display: flex;
238	+ justify-content: space-around;
239	+
240	+ .icon {
241	+ display: inline-flex;
242	+ align-items: center;
243	+ justify-content: center;
244	+ width: 40px;
245	+ height: 40px;
246	+ border-radius: $percentage_50;
247	+
248	+ &_edit, &_remove {
249	+ width: 40px;
250	+ height: 40px;
251	+ }
252	+
253	+ &_clone {
254	+ width: 35px;
255	+ height: 35px;
256	+ }
257	+
258	+ &_blue {
259	+ background: $blue_whiten;
260	+ }
261	+
262	+ &_pink {
263	+ background: $red_whiten;
264	+ }
265	+
266	+ img {
267	+ cursor: pointer;
268	+ }
269	+ }
270	+ }
271	+
272	+ .column-counter div {
273	+ max-width: 80px;
274	+ display: flex;
275	+ justify-content: space-around;
276	+
277	+ input {
278	+ background: $white;
279	+ color: $black;
280	+ border-color: $black;
281	+ border-radius: 5px;
282	+ line-height: 1.2;
283	+ padding: 5px 10px;
284	+ cursor: pointer;
285	+ }
286	+ }
287	+
288	+ .column-shortcode, .column-className {
289	+ input {
290	+ background: transparent;
291	+ border-width: 1px;
292	+ border-color: $gray_light;
293	+ }
294	+ }
295	+
296	+ .check-column {
297	+ padding: 0 0 0 5px !important;
298	+ }
299	+
300	+ .column-title {
301	+ a {
302	+ color: $blue;
303	+ }
304	+ }
305	+
306	+ tfoot {
307	+ display: none;
308	+ }
309	+ }
310	+
311	+ .tablenav.bottom {
312	+ display: none;
313	+ }
314	+
315	+ .pagination-links {
316	+ display: flex;
317	+ justify-content: flex-end;
318	+ align-items: center;
319	+ margin-top: 30px;
320	+ margin-bottom: 30px;
321	+ font-size: 16px;
322	+ font-weight: bold;
323	+
324	+ .disabled {
325	+ display: none;
326	+ }
327	+
328	+ .paging-input {
329	+ order: -1;
330	+ }
331	+
332	+ a.button {
333	+ background: none;
334	+ border: none;
335	+ font-size: 22px;
336	+ color: black;
337	+ font-weight: bold;
338	+ min-height: 28px;
339	+ line-height: 1.2;
340	+
341	+ .screen-reader-text {
342	+ display: none;
343	+ }
344	+
345	+ &:focus, &:active {
346	+ background: none;
347	+ border: none;
348	+ font-size: 22px;
349	+ color: black;
350	+ font-weight: bold;
351	+ height: auto;
352	+ min-height: auto;
353	+ line-height: 1.2;
354	+ outline: none;
355	+ box-shadow: none;
356	+ }
357	+ }
358	+ }
359	+ }
360	+
361	+ #wpwrap {
362	+ background: $white;
363	+ }
364	+ }

public/scss/_variables.scss ADDED Viewed

	@@ -0,0 +1,61 @@


1	+ $font_default: 20px/27px Segoe UI Regular;
2	+ $font_family: Segoe UI Regular;
3	+
4	+ $percentage_100: 100%;
5	+ $percentage_90: 90%;
6	+ $percentage_80: 80%;
7	+ $percentage_70: 70%;
8	+ $percentage_60: 60%;
9	+ $percentage_50: 50%;
10	+ $percentage_40: 40%;
11	+ $percentage_35: 35%;
12	+ $percentage_30: 30%;
13	+ $percentage_20: 20%;
14	+ $percentage_10: 10%;
15	+
16	+ $black: #000000;
17	+ $black_3: #333333;
18	+ $black_opacity_02: rgba(0, 0, 0, 0.02);
19	+ $black_opacity_20: rgba(0, 0, 0, 0.2);
20	+ $black_opacity_3: rgba(0, 0, 0, 0.3);
21	+ $black_opacity_5: rgba(0, 0, 0, 0.5);
22	+
23	+ $white_light: #f8f8f8;
24	+ $light: #F1F1F1;
25	+ $white: #ffffff;
26	+
27	+ $blue: #2873EB;
28	+ $blue_opacity_1: rgba(40, 115, 235, 0.1);
29	+ $blue_opacity_3: rgba(40, 115, 235, 0.3);
30	+ $blue_opacity_8: rgba(40, 115, 235, 0.8);
31	+ $blue_shadow: rgba(40, 115, 235, 0.4);
32	+ $blue_light: #01B9FF;
33	+ $blue_light_0066ff: #0066FF;
34	+ $blue_light_0066ff_opacity_2: rgba(0, 102, 255, 0.2);
35	+ $blue_light_opacity_8: rgba(1, 185, 255, 0.8);
36	+ $blue_light_opacity_3: rgba(1, 185, 255, 0.3);
37	+ $blue_whiten: #B5CAEC;
38	+ $blue_d8: #D8E6FC;
39	+ $blue_d8_opacity_034: rgba(216, 230, 252, 0.34);
40	+
41	+ $gray: #707070;
42	+ $gray_opacity_1: rgba(112, 112, 112, 0.12);
43	+ $gray_75: #757575;
44	+ $gray_e6: #E6E6E6;
45	+ $gray_e8: #E8E8E8;
46	+ $gray_a3: #A3A3A3;
47	+ $gray_ec: #ECECEC;
48	+ $gray_e8_opacity_1: rgba(232, 232, 232, 0.11);
49	+ $gray_light: #C2C2C2;
50	+ $gray_light_opacity_3: rgba(194, 194, 194, 0.31);
51	+ $gray_c6: #c6c6c6;
52	+ $gray_c7: #c7c7c7;
53	+ $gray_bc: #BCBCBC;
54	+
55	+ $red: #C12121;
56	+ $red_cc: #CC0000;
57	+ $red_light: #FFCECE;
58	+ $red_whiten_FFCC: #FFCCCC;
59	+ $red_whiten: #FFCECE;
60	+
61	+ $green: #00AE5D;

public/scss/footer.scss ADDED Viewed

	@@ -0,0 +1,4 @@


1	+ @import "variables";
2	+ .sgpb {
3	+
4	+ }

public/scss/header.scss ADDED Viewed

	@@ -0,0 +1,33 @@


1	+ @import "variables";
2	+ .sgpb {
3	+ &-header {
4	+ &-h1 {
5	+ color: $black;
6	+ text-align: left;
7	+ font-size: 40px;
8	+ font-weight: bold;
9	+ letter-spacing: 0;
10	+ }
11	+ &-h2 {
12	+ color: $black;
13	+ text-align: left;
14	+ font-size: 35px;
15	+ font-weight: bold;
16	+ letter-spacing: 0;
17	+ }
18	+ &-h3 {
19	+ color: $black;
20	+ text-align: left;
21	+ font-size: 30px;
22	+ font-weight: bold;
23	+ letter-spacing: 0;
24	+ }
25	+ &-h4 {
26	+ color: $black;
27	+ text-align: left;
28	+ font-size: 25px;
29	+ font-weight: bold;
30	+ letter-spacing: 0;
31	+ }
32	+ }
33	+ }

public/scss/main.scss ADDED Viewed

	@@ -0,0 +1,19 @@


1	+ @import "fonts";
2	+ @import "variables";
3	+ @import "reset";
4	+
5	+ .sgpb {
6	+ @import "buttons";
7	+ @import "header";
8	+ @import "popupExtenssionsList";
9	+ @import "popupMainOptions";
10	+ @import "subscriptionExtension";
11	+ @import "license";
12	+ @import "generalSettings";
13	+ @import "footer";
14	+ @import "global";
15	+ @import "media";
16	+ }
17	+ @import "global";
18	+ @import "table";
19	+ @import "media";

public/svg/Edit /342/200/223 1.svg" ADDED Viewed

	@@ -0,0 +1,8 @@


1	+ <svg id="Edit_1" data-name="Edit – 1" xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60">
2	+ <g id="Group_110" data-name="Group 110" transform="translate(-1190 -1526)">
3	+ <circle id="Ellipse_21" data-name="Ellipse 21" cx="30" cy="30" r="30" transform="translate(1190 1526)" fill="#b5caec"/>
4	+ </g>
5	+ <g id="Group_109" data-name="Group 109" transform="translate(-10.076 1.637)">
6	+ <path id="Union_34" data-name="Union 34" d="M0,27.923l.172-6.055,5.838,4.9L.086,28,.068,28A.073.073,0,0,1,0,27.923Zm.582-6.552L16.006,3l5.842,4.9L6.426,26.276ZM16.422,2.5,17.553,1.15A3.224,3.224,0,0,1,22.1.758l.9.752a3.223,3.223,0,0,1,.393,4.544L22.26,7.4Z" transform="translate(28.076 14.363)" fill="#2873eb"/>
7	+ </g>
8	+ </svg>

public/svg/add /342/200/223 1.svg" ADDED Viewed

	@@ -0,0 +1,22 @@


1	+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="60" height="60" viewBox="0 0 60 60">
2	+ <defs>
3	+ <clipPath id="clip-path">
4	+ <rect width="60" height="60" fill="none"/>
5	+ </clipPath>
6	+ <filter id="Union_63" x="7" y="10" width="46" height="46" filterUnits="userSpaceOnUse">
7	+ <feOffset dy="3" input="SourceAlpha"/>
8	+ <feGaussianBlur stdDeviation="3" result="blur"/>
9	+ <feFlood flood-color="#2873eb" flood-opacity="0.302"/>
10	+ <feComposite operator="in" in2="blur"/>
11	+ <feComposite in="SourceGraphic"/>
12	+ </filter>
13	+ </defs>
14	+ <g id="add_1" data-name="add – 1" clip-path="url(#clip-path)">
15	+ <g id="Group_235" data-name="Group 235" transform="translate(-1027 -368)">
16	+ <rect id="Rectangle_418" data-name="Rectangle 418" width="60" height="60" rx="30" transform="translate(1027 368)" fill="#b5caec"/>
17	+ <g transform="matrix(1, 0, 0, 1, 1027, 368)" filter="url(#Union_63)">
18	+ <path id="Union_63-2" data-name="Union 63" d="M-1979.276,24.724V17.276h-7.447A3.277,3.277,0,0,1-1990,14a3.277,3.277,0,0,1,3.277-3.277h7.447V3.277A3.277,3.277,0,0,1-1976,0a3.277,3.277,0,0,1,3.276,3.277v7.447h7.448A3.277,3.277,0,0,1-1962,14a3.276,3.276,0,0,1-3.276,3.276h-7.448v7.448A3.276,3.276,0,0,1-1976,28,3.277,3.277,0,0,1-1979.276,24.724Z" transform="translate(44 2006) rotate(90)" fill="#2873eb"/>
19	+ </g>
20	+ </g>
21	+ </g>
22	+ </svg>

public/svg/arrow_cross.svg ADDED Viewed

	@@ -0,0 +1,10 @@


1	+ <svg xmlns="http://www.w3.org/2000/svg" width="32" height="30" viewBox="0 0 32 30">
2	+ <g id="Group_285" data-name="Group 285" transform="translate(-814 -701)">
3	+ <rect id="Rectangle_489" data-name="Rectangle 489" width="3" height="24" transform="translate(828 704)" fill="#2873eb"/>
4	+ <rect id="Rectangle_490" data-name="Rectangle 490" width="3" height="24" transform="translate(842 715) rotate(90)" fill="#2873eb"/>
5	+ <path id="Polygon_43" data-name="Polygon 43" d="M4.676,1.2a1,1,0,0,1,1.648,0l3.6,5.235A1,1,0,0,1,9.1,8H1.9a1,1,0,0,1-.824-1.567Z" transform="translate(824 701)" fill="#2873eb"/>
6	+ <path id="Polygon_45" data-name="Polygon 45" d="M4.676,1.2a1,1,0,0,1,1.648,0l3.6,5.235A1,1,0,0,1,9.1,8H1.9a1,1,0,0,1-.824-1.567Z" transform="translate(846 711) rotate(90)" fill="#2873eb"/>
7	+ <path id="Polygon_46" data-name="Polygon 46" d="M4.676,1.2a1,1,0,0,1,1.648,0l3.6,5.235A1,1,0,0,1,9.1,8H1.9a1,1,0,0,1-.824-1.567Z" transform="translate(814 722) rotate(-90)" fill="#2873eb"/>
8	+ <path id="Polygon_44" data-name="Polygon 44" d="M4.676,1.2a1,1,0,0,1,1.648,0l3.6,5.235A1,1,0,0,1,9.1,8H1.9a1,1,0,0,1-.824-1.567Z" transform="translate(835 731) rotate(180)" fill="#2873eb"/>
9	+ </g>
10	+ </svg>

public/svg/delet /342/200/223 1.svg" ADDED Viewed

	@@ -0,0 +1,24 @@


1	+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="60" height="60" viewBox="0 0 60 60">
2	+ <defs>
3	+ <clipPath id="clip-path">
4	+ <rect width="60" height="60" fill="none"/>
5	+ </clipPath>
6	+ <filter id="Union_23" x="2" y="1" width="56.208" height="58" filterUnits="userSpaceOnUse">
7	+ <feOffset input="SourceAlpha"/>
8	+ <feGaussianBlur stdDeviation="5" result="blur"/>
9	+ <feFlood flood-color="#c12121" flood-opacity="0.502"/>
10	+ <feComposite operator="in" in2="blur"/>
11	+ <feComposite in="SourceGraphic"/>
12	+ </filter>
13	+ </defs>
14	+ <g id="delet_1" data-name="delet – 1" clip-path="url(#clip-path)">
15	+ <g id="Group_237" data-name="Group 237" transform="translate(-798 -368)">
16	+ <ellipse id="Ellipse_23" data-name="Ellipse 23" cx="30" cy="30" rx="30" ry="30" transform="translate(798 368)" fill="#ffcece"/>
17	+ <g id="Untitled-1" transform="translate(815 384)">
18	+ <g transform="matrix(1, 0, 0, 1, -17, -16)" filter="url(#Union_23)">
19	+ <path id="Union_23-2" data-name="Union 23" d="M7.976,28A2.26,2.26,0,0,1,5.7,26.076L2.375,5.965h1.9L7.6,25.788a.408.408,0,0,0,.38.382H18.414a.411.411,0,0,0,.38-.382L22.023,5.965h1.991l-3.323,20.11A2.35,2.35,0,0,1,18.414,28Zm8.637-5.387a1.047,1.047,0,0,1-.854-1.058l.948-10.682a.954.954,0,1,1,1.9.193l-.948,10.679a.983.983,0,0,1-.9.883A.734.734,0,0,1,16.612,22.613Zm-7.879-.869L7.782,11.065a.955.955,0,0,1,.858-1.059.944.944,0,0,1,1.043.866l.947,10.682a1.046,1.046,0,0,1-.854,1.058.734.734,0,0,1-.145.014A.984.984,0,0,1,8.733,21.744Zm3.7-.288V11.16a.949.949,0,1,1,1.9,0V21.554a.941.941,0,0,1-.947.866A.958.958,0,0,1,12.436,21.456ZM1.141,5.1A1.087,1.087,0,0,1,0,4.041,1.062,1.062,0,0,1,1.045,2.983h24.11A1.059,1.059,0,0,1,26.2,4.041,1,1,0,0,1,25.155,5.1Zm9.777-2.793A2.244,2.244,0,0,1,13.1,0a2.162,2.162,0,0,1,2.185,2.212h-.854A1.613,1.613,0,0,0,13.1,1.346a1.529,1.529,0,0,0-1.234.961Z" transform="translate(17 16)" fill="#c12121"/>
20	+ </g>
21	+ </g>
22	+ </g>
23	+ </g>
24	+ </svg>

public/svg/geo-targeting.svg ADDED Viewed

	@@ -0,0 +1 @@

public/svg/geo-targeting1.svg ADDED Viewed

	@@ -0,0 +1,31 @@


1	+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="149.996" height="149.996" viewBox="0 0 423 423">
2	+ <metadata><?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?>
3	+ <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c140 79.160451, 2017/05/06-01:08:21 ">
4	+ <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
5	+ <rdf:Description rdf:about=""/>
6	+ </rdf:RDF>
7	+ </x:xmpmeta>
8	+
9	+
10	+
11	+
12	+
13	+
14	+
15	+
16	+
17	+
18	+
19	+
20	+
21	+
22	+
23	+
24	+
25	+
26	+
27	+
28	+
29	+ <?xpacket end="w"?></metadata>
30	+ <image x="2" y="2" width="419" height="419" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJUAAACVCAYAAABRorhPAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5QEPEjIgJuIa0AAAMHZJREFUeNrtnXecXFXd/9/nlqk7M9tTNnVDIJuETgApCQERKQIigoqPiI+oD3ZRrI/og7/nsT429MGCKBZARKoChtB7JwmhJiE9m63Ty733nN8fZyaZLTHJ7uzMBvfzes1r99ydvfeecz/3nO/5VjHv0i4m8E9xH3BYWftZYGmtb2o8w6r1DewDmAJEB7Un8E9g1PoG9gEkdtOewCBMkGoCFccEqSZQcUyQagIVxwSpJlBxTJBqAhXHBKkmUHFMkGoCFccEqSZQcUyQagIVxwSpdg+1m/YEBmGCVLuHu5v2BAZhwqAMPqAVbTQ+qez4ocB+wIGDvn8g8GDx9w3AE8XfE8Dy4u+bat2pWuJfkVQzgMVowhwOHAxMA8Qe/n8EOL6sfUHZ76Wl8XlgM3AnsA24h38hQ/S/AqlCaP+nY4AzgPlj2O8SMQ8tfs4otuPA08CtwHPAw7UelLHEm5VUIeAU4CzgNKBlb08gAFeCEGAKPQUJQCrwJFjmXp0uhl5aS8vrS8BtaJI9VuvBqjTEm8zzswP4QPEzdXdfVkqTJpVX5B2FVJDIKBSaOJGAYGqDgSE0mQyhj/emFX1pWTwJ2BZEggZSKiIBgd/e05UUgIeAm4DfAMlaD2Al8GYh1ZnoWelD/7SzAlwP0vmdpLAMwawWg8Y6g5BPcNR+Fqahv7Oo3ea6R3Pc/7JDc51Bd0py7FybS08Pcf/qAo4HQZ+gOyF5cq1LwIY12yVdCUnBVQRsQUNYEPCJPRHYuoBfATejl8p9Fvv68ncm8BXgqF19QQjIO9CdlGQLivqwwcxmg6XzbY6cY9PeajCn1aSt0cQQirpg+bomuP6xHLmCbuUK4Lfg+Hk+jp/nK/ueojcp8duC1ZtdNvZIVm70WLHBZdUmly19koKjqAsImiIGlqFnvkFoKfblK8C1wE/ZR8m1r5LqKODH7IJMhoCCC9sTknReMSlmsHiezQnzfRw802RBm8mUBpMdcrWSZPIAgt6kB4Bt6lnI9cAsavNMAxwPXFcT1PH0EmoaEPIJpIJFc2wWzRGccyRIqXh1q8tLWzxeWO9yz4sOKze4pHKKxjpBS8QAoc8xCKUl/A/Ax9nHdo77GqlmA18F/n3wHwRgGJDIKjb2SBrrBEvn+1g8z+L4eTaHzbIwTQNQFBxFPC1xPT2TjQaiKG9lCpoZOUf/VAp8FhwwxWRem807F8FnT5U89rrD/asdHnqlwBOvu5gGTG8y8VvDzl7vB04GfgD8CHBq/QD2BPsSqT4BfB/wD/6DaUB/RrG5VzJ3ssmlpwV520E+3rrQh2EIQJHMSAquN4BEoyXUP4MQelbrSytAz35Bn+DtB/t5+8F++tMef3+uwLJVBW55ukAqr5jVbOIbSq5JwHfRM9dn2KlgHbfYF0i1H3AVA7XdwEAyzW41+cpZIT50QoA5k3S3khmPgruTPGNJoj1BtqDIFjTBQj7B+44L8r7jgnzwpQK/fSDHLU/nSecVM5qHnbkWopWoPwS+yDietcY7qT6BnvYHaIVKMtPa7R5TGwy+fGaIj54UYGaLhRaavR16pVoTaVfIFBTpvIdlwpIOH0s6bD64OsDVD+S4/Zk8mYJidouJOVSo/yzwdrSsdV+t+zEcxjOpfgZcUn5ACE2Ujb2SXEHx4aVBLntHkFnlZFI7vzfeIYp6r56Eh2nCkvk+lsz38cgrBX6+LMv1j+dpiRg0RwSeHPCvHcC96OXwx7Xux2CMR1I1Af9gYKg5lqmXuk1dHksX+vjaO8OcuMDHEDLtC2waBCFAFsllmXDsAT6OPcDHKQdlufwvaV7e4tHeamKbQ2atH6F3wO+rdR/KMd5cX94BPMUwhHp9m6QvJfnGu8Pc/aV6TlzgI5H26EnoV3hfJNNglGau7oRHKuvxgcVB7v/Pes472s/r2zy6EhJr6BN7L9pwPaPW91/CeCLV+Wh72OwdN1cc5FXrXA6dZXHPV+q5/F0RlFJ0J7wdtrk3GwwBeVeTa2aLyZ8+EeWaj0UI+QWvdXoYQ5f3twNPMk6INV5IdR5wffkB24TupGJdl8dHTwmy/Ksxjp7rozfpkswqjDchmcoh0OTqTkhSWcmFi0M8+o0GTjnQx+p1LoUypWwRk9DEml7rex8PpHo3cEP5AcuEDT0SUPz8ojqu+vcoAVvQFdfb8Tfj7LQrlHa63QmXqY0mN38uysdPD7K1TxLPquGI9TQ1nrFqTarzgD+XH7BMWN8l8Vnwt8tiXHxiWMtOSTl4AP+lYAjointIBVdeFOO77w2zqcujMy4Hu+G0UmNi1fIxnU/ZDCXQ0/nqTR5+G+76Yj1HtPvoSbq4kqovd6XlpzclifdJOuP6Z29KDifTVAWmAf1pRSrr8vFTQlz9sQhCwMYeiT2QWC3UUMaqlUrhfAbJUELAK1s9lnTY/OyiOjrabHoSXs2WOqm0m8yBMyyyDrREDLqSkgNnWLjesHa6qsAQkHPAkx4fOiHEUXN8vOP7/azp9GifZOJ6O75akrHeAqyr5j3Wwp9qf+CV8gOmAa9v8zj5QJvbv1APCLrjHkaNlzsFBG2Baex06PMkZB01bpSrjRGT17a6nPw//fSlFTOajXJiAawF5lTznqr92JqAv5UfsExY3y1pjhhc89EooAXyWhMK9BLnSYUnKfuMH0KBVpjOnWJx95di2CZs6x8ie7ajXWiqhmo/uhvQBmJgp1Ae9MFtn4/RHDW1yWIcEKoEx9PuLHlXkXO0D9V4ghDQm/Q4YKrN/76/ju7+YXeFF6BNOlVBNWWqyynzNDAEdCUU0ZDgls/FOGy2TU+ydjJUCaahP3XB3TM7lZU7HPVqCaUgntYa+GRO8bk/pPGZAr81IJz6h8AjaIvFmKJapDoR+EapYQjtBtLZI7n5C1G9y0u4NSGUKgY01IcFwtBOfNm84pm1DpkC2MNwy5EQ8sH8NmsH+fIF7WVaC5R8t1JZycffFqY/LfnadWk6ZlqDg/T/inahiY/l/VSDVCHglvIDroRNvZLvvD/M2Yv8JNLVJ5QqRsFEQ3ovvnaby8Ov5rlnlcO2uOT1To9MXg3eqgP6AYb8grmTTA6cbrJgmsWZh/loipqU/NVLgn21oHeFCp/l8dWzwzy91uXvLxSYO9ks93CYhvZ/P2ss76Uau78/oY2eQHGn1yk581Aff/5MjIIjSVTR7FJ62I0RPcPc+XyBZSsL3P5sgfU92q4W8gliIYFliGFVB4YAVyriGUUyp5ASDm+3WNLh49+O83PQDBtQdMWrr7D1JLTETDr7PY6+vJ90XtESGdKP9zDIilFJjDWpjqUsGtcQsC0umRQzeOTyBupDgp6iMrEa8CTEQgKfbfDKVpf/uTXN7x/KIwRMqTeIBHXUaN7VaoP+tBrimyWVwjZ16JVlCvyaP3QlJV0JRVujwTmL/Fx2RpBpTRZ9KQ9ZZcO3UtAUNVm+Ms/p348zrdHANgfcQBqoG6vrm83HXDaW/bsDrYQD9Nvd2a/49cURDp5l05usLqGaIwaWJfju7Rku/lWSZ9a5tLeaTIoZGEKwLS7ZntChVm0NBict8DFvqknHVJOONv05eKbN9CaT7pQimZVs6JZYpqA5YtAaNXBcWPZ8gVueKdDWaHB4ux/bVGQL1bMKCAGOq+iYZtOTlNz5XIHJ9Ub5bOVDR03fPSbXH8OZ6lOUeSWaBry02eOjJwX4+Yei2n/cq465o7QkgOK8H8W58ZE80yaZ1IcFjqs9SQ0BSzpszlnk55AZJi1Rg+nNw8e2O45izXZJZ8Lj3lUONz+dZ+VGj8n1Bk11AkNomTFTUHz21BD/fV4YYVDV5VAqaAgbZAqK477ZxxtdkulNxmAP0nbGQNs+lqTqRis7EQLiGf2aPHJ5PbNarappzJWCpojBS1s8PnNtkuUvOsydrL0oN/ZK+tOSfz8hyIWLAxw1x8Jn6x2g62p5aejyB5aBXiqFAAy29rlcfX+OPz6SY02nx7Qmg0hAkMrB2g0u5y72c+NnYnqZTFSRWBKaYybLV+U5+wcJJtUbgzcetwJnV/q6Y7X8fQM4tdQwBKzdJvnuBWHeeqCf3irpozwJzTGDdF5x/H/18fQal4XTLTwJqze6HDzT4kcfiPCls0LMbLbIO4p4Rvu/54upzZQa+AFNrGxBq0UyeUlrzGBxh493H+XHceH+l1xyjqIhLGhuMHjwJYdVm1zOOTKAz9QyWzX6r1UNio42mzWdLvevdmiNGeV6tXnoqmCvVvK6Y0GqILCs1DAEbO6VHLmfzfcvqEMpRd4Z+0FVCiIhgVKCf/t5kqfXuXRMs8jk9dL07qP9/OkTUQ5v95PKeMQzOkHH3t6XEJDJK7IFRUvU4JSD/SycZnL3CoeupCZWU8TgwecL2D7BiQcGcFyprzW2QwBo9U3QJzhkhsVtz+VJ5CAwMIHIkcBPKnnNsZiIByTJcDwtoH/r3SGCfoNEVlXlLbVN8NsGn7k2yV8ezjGn1STnwNpOl0tPC/KnT9bTUGfQFR/WixLQekOfpR+Cv/gRYmjSz9IS2ZOQJDMeZx0R4PFvNnDoTIs3uiSmgPYZNv/v1gzXPZIhFjarljnUENCXksxstbloSYCtfUPMYHPQaZcqd80K98EGvlXeofXdHmce7mPxfD+JtFeVHZCUEA2b3PFsjv9bnmPOdK3jfX2bx2XvCPGt8+vIFTy6h5FvlNJvdmPEoCliErQFUmkjsgAa6kyaIiax0NBMLqLopdmT8JjebHLNRyIYArb2SyJBQV1A8Onfp3h9m0tDnVE19xkFeJ7kouMDzJ1s0psaYhT/SCWvV2mN+qeA+lLD8fSb/h8nBQEoeGO/rVYK6usMtvZ5fOFPaepDgrAf1nR6nLTQ5jvvq0NKRSo3UOEqFfhMTcZcQXLnc3lWbPR4dp1LV1JiW2AIwWGzLCbFDM46zMfMVgslJT1JtWPTUZqFe5Me7ZMtrv9klPN/mqA3JZnaYLByg8t//TXNtZdor4JBu7ExgQDiacnUJosLjw/wtT+naQhb5bLVOWjzzapKXK/SMtW1QGNpcNd3e5x1uI/PnR4mmZZVmfGFgHDA5Ht3pPnrY3nmTrXoSupkZLddGiMWMobMUJ6Epogg4De5/tEcn7o2xZXLctz5QoGNvZLupGRLn2Rzn+Te1Q5/fy7PnSscXt3mcdgsm9Z6k4KrXWRKpFJK64oWzvDheZJbnsrTHDWIhgyee8PlxAU2cybbpPPVEQcU4Ldh/ykmd77gEM+owcnZcuh4y1GjksvfCZS5taC0h+Kph/gBg3wVXEYUEAsbrO9y+OMjedpaTBxPsT0h+a9zw0xv1grXwYRqiRm4Llz0iwTv/3mCZ9e5TIkZzG8zaYkYBG1ByCeIBgX7TzaZP90inlX89K4sJ/13P7c+nSMWNgj6dppDSgnW8o7HZe8Is2SBzaZeScgH6YLiquU5gGFti2MBISCeVkxpsDlnkY/NvUNEkQvQm6xRo5Kk+nB5oyupWNxhc9bhfnKF6shSBmAagl/fl2Ndl0tjncHa7R7nHeXnwiVBUllvgJvKDkJ5cNYPE/x2WZbZrSbtrQZZR7F6s1fMJaUz7Qm0y/OmHkl9SHDgDJNtccnZ34tz5d1ZwoGBeiAhIJlV+GzBt86tw1OKnAMzm01ufSbPwy/niYXNqmX7131XvP0gP81Rk7w74MqT0PlRR41KyVQW8LbywexJSd55eJBoyKyaW0tdQLCtz+XWZwq0Rk0yBb3sXXq6fgFzhZ2yj1QQDQk8D875YZy7XiiwoF0Px7ouSUNYcNkZQd5+kJ9ZLfqf+jOK5S8WuH+1w7JVBRrCBtMbTcJ+wSevTTG/zeTEhf4BvvWGgETG47gOH+cu8nPjkwVmtxj0pSU3PF7guHn+qnmSCqEz4Rw7z8ex+1v8Y6XDrBZR/qK9F51/dFSo1Ex1MmUZgAuuzl53zFwbkFULPbFtg0dfc1nb5dEQFmyPexx7gM3hs21SWTlAg28ZWuXw7dvS3P5Envlteop5cZPHW+Za3P+f9Xz7vRFOWGAzvclgepPBIbMsLj09zO1fiHHlByMoBRt6PBrCBvVBwZeuT5NIS6LBAQ+KQlGRev5bAggUrqftkM+td4mnPML+vejkKFG6l7OP8KGUGuxg+Fa0XXBUqBSpzi9vdCcVh8+yOLxdP8xqcKo0OA+/4uww3mYKsGSejRBi8FRPNGSwYn2BH9yZZcYUnbLntW0eJy+0uf3zMdpbLXoSOt4wntFuLr1JSU/CI5NTfHhpiD9/KoJpaA+FaY0GT61zueKWNLYtBhDYEFBwJIvaLeZPs0hkFdGgwdpOjxc3e0XTUHWgZT3J6YdoY3k8O2BcYlTA16oSvfFRZpIpyRFLOmxM0yBfpdRcIT/0pT2eX+9SH4KsA9MaDU7o8KFQQ+x3hmFw90qHvuLOcFOv5Ji5Nrd9Poa/GA09XEoiIbRbTG/SZXFHgCveHaYzLvEUTIkZ3PpMgXWdHpHAwP9M5xXNUZOj97PYnpAEbNielDy9zkVU2UMxmVW0xEwWz/PRnx6i0zifUa4tlSDVkeioWAAcF5ojghM6LEBWzY8o6Bdsj2tXlGhQEE9L9it6ZmZyAwcuaEMy63HPKodYWOd+SuUVl54eJOAzd+tNoBM+Qibn8bG3Bjn1IB+beyWxsGBLn2TVJhdrUHoWWbyFRe02fkvgeOC3BC+sd4Hq5obQO1TBYbO0V+igS580knOWoxKkKq/TQldScuQcm0Nm26RzVdDslaAE3UmF42m9T8ZRLGq3sG3t3lKOcECwqcdjbadLfUiQyCoWTrM4ao5NwdmzaB5BKXms4OwjfORdLZ94Ep5Yoy84NL+oYu4kk0hR5tKVI7SuvhpK0PJ7V1Jx4HSLlqixw3heRIxBqZz2FqMllckgu1G2oDh0loVtGmQL1RsohODptQ6b+yQBW88E7a06rfXgB6ZUyTao9UqJrOTgGRYtMWNHzvQ9GrwiURZOs2iqM/A8QOi0kTA0PtArGndjQUHBhWhQ8No2l864R12guktgKic5ZJbF8QfYbE8MGCBBmTgzEoyWVBJdiWoHLFOwYJreSVU7/4Ft7owmNgQ7olsGL8HCMHjkVYd1XR4hnyCTh2P3twBBwdt7rVHBUzuVnkDYP3zHMznJgdNNFk4z6U9LIgFtj9zS6+Ef9Z5r75B3tVx56CyLgjOkz4eM5tyjJdVBaCOyHrSCYkaTwUHTLbwRPJzRYk/lN6UU7a0mTXUGBU/ht+HVbVrlb41gRPyWGPACubuwHggBntIfIbRbSshfrGVT5eEqzbL7T7Hw+YbIVR2Mwod9tKQ6kLK85jkHJsUMptQbNSHVnkKgmNqgzS9SahnrqTUunifxW3s+vZYE3tWbXXrSO4V7vz389xX6YRqi9gGooJfjGU0Gk2MG2cKAG5rPKEw2oyXVlPJGPC2ZN9UkGjZIF6o/alLt2cNyXO0jVRcQ5ByoDxqs2OjywEsOwcCeu6QEbb0PvOXpArYhsEyt+D10pl5KB59H52Zgh+HZNPTsnneq5LE3CAVHccBkgykxc7jndcxIzztaUr2tvCEEzGoxdSmzKu5mSlBq5yoiFTuE38FES+YUbU0Wxx1g0xmXBHyQycPPlmUBqPOL3RJLKQgHDW57Js8/VhaY1miQymvvzyPaLeQwJwgHDFZt9Fi1UWvhE1nF/DaLmS0m2RpENzuewrIMDphqDp6pQM9WI8JoSbWjPp2UUBcUHDFb28+qHsKuJEftZzG90SDnKPwWrNroIaUatuCjkooLjvXTEjVI52Fms8HdKxx+cmeagN8kGhyeWApN2KaoSTrn8aXr0tQF9Cy1oVty/tF+Dm/3ER+qVEQUo4gzBYVpQjKnxYXGOpNsvsrjhTbZ+G2D2S0GqdyQP/eM9LyjIVUrsKTUMA1tsE3maiQsCL1Ftwyh3YBNwStbPQRqWL1TPCM5cj8f5yzysa7TxW9rn6rP/THNt29N4bMFzVGTWFBgGUV/JEv7mzdHLV5Y73DmDxJs6pNMrjfoTSmiQcHHTgwAagghS/LXy1tc+tLaxdgyNJlBIWqQ6aYkrJuGDooddMsjViuMpishig55oPVTk+tNpjeZWl9TZaSzirZGk1mtJvGMIhIUbO71WNclCfqGTpuuBFB8+pQgTRGDjT2ShpA2HH/5hjTv+lGcZSvybO6TREOCpoiJYcCLG12+fWuKU74d56GXHWY26QDS7QnJN88JMW+aTV9qqCWhtKt8+g0XqcA0tWfsvKlal1Y7wV1xzFyLxvCQZGkjTu04GtcXbV8oipiJvOLIqRYL20wteFYZOQeaogYHz7C4Z1WBtgaDFzd7PPhygQ8uCSOVO2DbbwgdqNAxzeamz8Q48wdx3uj2mN5k0DHVZNlKh+WrHGY0GRw2y6I5avLqVpcXNrhs7dOh+/PbLDIFxWtrHd69NMinTwuTyUu8YXKU1gUF3QmPh1/WYVJ5R5uzZjWbNd8Kmsaw4sqIS++OZqbqHXAiQdGlVuGztMZ6Tz8+a68LXQ9BaVCWzrcIB7QW3W/DnS8UAIl/uNdHQF/SY8l8H7d/PorPgpe3eORdxfRGg0kxg7604qanCvz07gyPvOpgCpg7WZta1nV5vLbV5dPnhPnlh+souIpMfqgdTymwTIPrH8vz0haPWFCwrd/jiFkWR+1nkcqOfldjFcdxb8a95FAoKqziGM1MdRjlG+GiQi/oExim2CslR8n11vFGl/owX5AcNcfmgMkm67s9pjeZ/O25Ave9WGDpAj/diYEeqAJtEuhLeizu8PHkFQ188bo0d68okMpJ6vyCoF8wpd7ANCDvKNJ5xda4pODCEe0W/3FSHR9cEgQldxl9HAkKepOSq+/P0hDW1UjTecUpB/kwTYOcM7po7ZK8Z41o0hP4rWGX3yOBZnSk+V7BQpf3Co+gL3PLG/Vhg+0Jybk/SWAIMeyWelfoTSkOmmHx7feEkZIRmUoA0jlFU9TkvKP8fOmGNJPrtez0f/dkWbrAj99iSHpFgRaiuxOSWS0mN3wqymOvOjz4ssNDrzh0JSRrtnvkHGiNCPafYtHWYHDygT7OO9pPJGiQSHu7jh1U4LMN/nBPmufXeyyYZtIZVxw6y+a9x/jJF+SoCOUzte/WF/6UZsUGl8a6vXstLVOQzOkQskEzbBBdiX5vl8G0hQ5YGDV8lpZrlr/o7Ji19hTxPknWKduljVDQV8VsJxctCfD7R/J0JSQzm03ueK7A/avynLDQP2wOh5LfVHdCL5Nv2d/mLfv7+Lyns8Cs2OCRKSim1ht0tJlEQwYgyBfkDtfhXdk5I0FBT9Lj1/fnaInqL3UnJZefE6IxYo46rbdRTCf5xBqHJ1c7xBr2jqGehIANrVFjgJ6viHkjuScLXfQ5OvJuaUipOze1fu9fO0PoPOVqDzXiu4IAEhlJS8ziwuP9fOGPaVqjeoX/4V1ZFs/3EfAJCu7wFzGKaQ57k1rG8ZnQXGdwysGlIt6KbE6RyEgcd/el4PQsZfKHe1Ks3OCyYLp20DtkpsUFxwYoOKP3NyuNWUvEoKEoB44EFQxsTVhUgFCg3xjHhc6EHNFM1ZWUlanXJ8BxPT5wfIBrHsixPSGZ3WJy29N5fn1flo+cFKY74e6RB0XBKy7Fw+jednefpaDWZNbj6vtztES1VNwVl3zt7DANdZUJCCmNWVdS0tcr95ocu5mpRoKoBdzPyGQqH3BwqVFwtUflSQvsEctUnhy9eUfPVorWmMWFiwN88doULVGbxqjBL+/N8b5jA8RCgkRmbIM4dZZjwbduTrF6s0dHm8nmXknHNIt/O85PwalMcq7SeB01xyZoixHLVGs6i+VRBv77KiC7l7eUtoClI+xPHXrpFAD9acnMGRZ/+VQUwxS47p6TqrT7S+UrlPheQMH1+NAJAW58PM+a7R5tDQbPrHP57QM5PnFKGCHc0V9nF1AK6iMGK9c7/OLeHG0NWkGaLSi+eU5plqpMOqWCp1AefO994RHt/izL4Nm1BU7/XoJwQAwObj2TESRFG41KITSgVdR1ZAvaPym7F14KQlDR1DoCSKQVzTGLy88J884fxnFj0NZg8O3bM5y80Gb/qRa9ybHxodcbDoNf3pcjkdE+Zq9t8zjlIB/vfktAu1lX8LoCyLtqRDndI5YuPDDMOGxhhKmxR6P8HOCrKBX4LIFpaFdZx9vzT8HdtWPbSGEYOjDhjMN8nHygjw3dksY6weZuj1/em0MIY0wy+UkF9XUmD6zO8fuHc8xu1T7gOUfx0RO19i5bqRm5DG5xHPdm3EvqFV/JY3bgKVcySMG9x2M/in7YlL1vUb/g9e0eqzZ7gxM/1AyZvN4xXLw0QCanqzPMaDW57vE8r28tVDydj0KnywbFFbdkyBYUdQGDN7o8Llwc4NRD/aSy46PuTjk29kqyhSGWgMhIzzea7nUBL5YaQVvQGddFDc0qJZ3YbecMSGc9zjzCz3nH+HmjyyMWNOiMS65clgPEiNyHdwkFoYDBX5/I8/DLDu2t2he9sc7g6+/Ue6GqBoPsEQRPrXXpS6vB1S1GPDOMZkhTlOWK9BRYhtgrWaoayBT0Luyb76orJnfV/um/WJ7lHy/kqa8zKuJQqNCuN9v7Pb7+lzTRkMC2BBu2e1xwjJ/2STZ9yfFVzKn0pEJ+hssQ+PeRnne0XdwRf2wYkMopnlyjD40HH2woVvNMecxrs3jvMX7e6PYIFn3If7YsCwoClYhkUWDbJr99KMeLmzwmRQ264pI5U00uOTmIlHuvQxprBGxBKit5ao1LNDhkYkqP9LyjJdWd5Q1TaKOrDiuv0UgNg5Lv1EeWBokFBfGMYlaLyV0rHO58Pk9d0BzVbKUUNNYJtsd16utJDVpW29Yv+fI7QrRPsulNVS9ae09hCDDQlS2G8RJZO+LzjvK+BijGomGDFzZ4JNKSsG/8jKAhoD8lWTDD5lOnBNnSp6s0hAPw9Zsy9KY8oiExYm2yZYIwBFfcnGFNp0dLRLClX3J4u8X5bwmQd6qTn2tv4bMF67olW+LDPq9HR3re0ZLqAbSzHqDV/Z1xydZ+iWmOr1F0Jbie4rIzQnRMs9gWl0ytN3j6VYffP5THZxsjWrKlgljY5Nm1Dr97MMe0Ru1B2Z+WfPzkAHVBg1R2nK17RZgGPLnWZWOPN9g7djV7r0nfgdGSqgetJAP0dnp9j2TlRnfckcoQOoQsHDT59yXaWwGgpcHgNw/k6E95xMJ779arNdCCX9ybI1PQfupruzzOWeTnohN09r5xVR+3iFI/X9zo4rlDhPSX0BuxEaESgvrD5QekVDy/Xk9e4+79LBqbLzw+QMc0iy1Ft+AV6x1+80AO2zT3Su4pzVJ3PpflD4/kmd2ic7WbAj5+chDQcYXjkFOEfDoMf/Vml2h4yB0+P5pzV0Kcfqy8EQ0K7lvt0JfyiASqO1C7Q8nYXF9n8vWzQ2QK2rQxrcnke3/LsmpDgcbInitEQz6B4yr+57YsSukQ9nVdHu84zM+JC32kMuNTlgII+LRS9sXNHtGBpX0VgzZge4tKkGpAmuRYUCdvfb2zuhni9hhCK0Tfc2yQUw7ysb5b5/fc1if5xfIse6oQ9aRWdN7xbI5HXnWY1WLQm9Yz3zfepc2iubGzWY8KUukkJctfdNjUK3eoWIqIo+vVjBiVeOqvAs+UGral0zPev9oBRib8jiUEO7XaHz0xgFTab2p2q8kNT+R5ebOzW4WoouR37vGd27PEwtp2tqnH4wPH+eloq24tw72F3wKpPO5/ySHkG+Kgt3y056/UVPJQ6Rel9IA/9LIDyF0mq6glDANSGY/TDvXz1oU2azo9IkEdjPC1G9NIqYaNFSxBAAGfyU/vzvLEKw7TGnUw6dQGk4uXBlFSjbuXqRyRkMGqDS5PrXVpiQ6hwA2MUhyuFKkeKG+0Rg3uf9lh2YoCdUFzXA5wrmgLuOLcEE11gngGpjeZ3PREgVufLhAODj9bSaXrL2/rc/jdQzmmtpi4xWDSr54VYvYki770+FN07rh/CaCzOG/ulYMrasXRNQBHhUqR6g5gTalhm5DMSu58QScIGI/LgGFAX1JyWLufC48PsL7bwzYhHIBfLM/ieZLQMKmoSyqEH92V5Y1uSWNYsLVfh4Z97KQgeUeOy5eohHBQkM173PRkgfqhKpR7gFGbvCtFKhe4ptSQCibFTB5+xSWV9QhXOfXgnkLLEpIPnxBgaoPOwjK9yWTZiw63PZMnFBhovlFFFcKjrxT48V1ZZrcYSKA/Ibl4qR/D1IrO8TpL6QphBo+/5vDIaw7NkSGP/7pKXKeS27PbyxsNYcFz611ueHzk2uqxhijWwps71cf5R/vZ0OlhW9AQEnzz5gzdcY9Y3c57t4t+slctz+JKnYbxjS6P0w738563BMjmq1NxdaSwTZ1F8NqHcyg5JHFJJ6PwTChHJUm1Aniy1BACogFdJyadk+N3tpLan/3LZ4Y4cJbNlj7JlHqDF9a4RYWoHiKlIBoyefjlArc+U2BWsy5TghL85zkh/D6DVK0y3uwBlNK22Zc2u/zteYcp9UNk3T8yCtNMOSqtSPpKeScm1Rs8scbhhsdyBHzVK5q4NxBCK0RbYhaffFuAnoQuITepWbuxdMVdYmFByK+DR7/655T28PQL1nRKzj7Cx9FzfSQy48tXakg/ATC447kCvSldHGAQrtnbc+4KlR6Ge4H+8gMNYR0AkMrKXWbtrTUMoUuoveeYAIvm2GztlzTXCV7apGP2LNMg6De44fE8D77sMK3BIJ6RtEQNPntqsUDmOFV0gpYdGyIGa7YV+L97ssMFnP6FChWQhMqTSgH/uaOhYHLM4InXXW54LEfQPz5nK4BkRhEJmly8NEBvQuuZZjQb/ODvGV7f5gKCq5ZnqQ/pgIn13R6fPiXIEXP89CbGrzkGtCwlhJYT3yhaEAY9hq+M7MzDYywm7P+jbLZSQGNY8Mv7cuQKQytMjReUFKIfWhrkrEU+1nV5xEKCvrTimgeyXLUszbNvuLQ1GvSkFO2tFhcu9uN5EjWOCVUyej/5mpYF92s1BxcruAV4raJjOQb98IBvlBpKweR6g2fWunz39gw+e2xCoyqBnKNTFZaWtJyrc1Fd91ieb92aYVqjLvi4rV/ykaUBpjVZxDPVqRI2EpRK3AL85O4suYLOHTYIX6z0dcfq8f4YvUXd0blJ9QZXLsvy6pbqVjrfq8EwdJHFJfP9nHmYn/VdHpYBphAELEHAhk09ksUdNp89LUSuML4VnQKIBE1+/1CW6x/TrjmDxv1WyoJXKjaOY9inC0q/KKX1VvGM4ss3aN+voD0O/a1gR/GfS94awDIFGUe7C9sWO6ptXXJSAJ+tVQjjVS9VMie9sd3l639J0xw1Bu9O88BnxuLaY0mq5ZS5xXgSZreY/PXJPFfflyMctMYlq7Q/u8fi+X4+fnKAddu1qsAwYGOPZPE8m3OP8pPJ71nmmFqhlI7yazem2dgjaY4MSeF9OfDGmIzhGPft38obpgFTGkwuuy7Fs2sLNEXNqpYk21OUom8+eXKQtkaDeEaRK+iIkyvODWOaBpka5D3fUygFkZDFDY/m+OPDOdqHCufrgR+M1fXHmlTbgf9Xakilc5WncopLrkmSyEga6nZfXaHaMIROfDa9xeKCY/xs6vbY1Cs5Z5Gf4+ZpRed4naU8qQsHrN7k8Nk/pGmNmYMzuYCuPjpmmrVq7MO+hk72AOhEEvtPMXniNYdL/5DCMg1CvvFHLKUg70gue0eY+dMtCim1I/G+M04VnZ6ElpiuTffRq5N0JiStsSFj+2PgibG8D7P5mMuq0d8bgMsoWgukgoY6g4dfcQnYsGS+H9dV44pYQkC+AE1Ri3ReMn2SySVvCxFPy/EoCiIVREN6+nzXjxLct9qhY6pZXMp3YA1w2piP3bxLu6rV7w8BV5cahoBETrG5V3LvV2OcMN9PT9Ibdzof06BY71hnnUvnq1vveE8glY65rAtafP3GJFfckKZjtt4IDXoB2igLqRsrVFMN+RvgZ+UDEQ0KmiOC912Z5Nm1Dk2R8ecl6njaxcU2tSw4fgll8rO703z3jgxzpg9LqPdSBUJBdUkF8AnK5CspdRWpVE5x2vfivPCGQ1PUGlfE8lvsKKKtyVXrO9oJTShBXdDiqmUZPvG7FC0Rg8BQHeDvgOurdV+1MJicDLxeargezGwxyBQUb/9OP8+/oVUN44FYCp2GyDQo+4w850IlsZNQJr+4J80l16SY1mgQCw0pRP4X4IPVvLdqylTlmM2grCKWCeu7JSEf/P2yGIfN9tGbrEE5rtL9GPqhXfqnFE+ucWmJGHQlJUfOsfjB++rIOWqwEFw17CSUwVXLMlzy2xRtDcMSqhMtR1V1IGtl2l0HvKf8gOvp2neZApz6nThPvl6gMWJhGRVNHL/nAyM00VducHlytcOjr+mKCis3uFhm7YI5PKlNXnVBkyvvTvMf16Roa9wloY6kyoSC2pEKtJrh/PIDJWLlXTj1u3F+vixNNGzSVCeqrnkvVSBtrDOINehKCrEGg8aiMbwWS6BU0BLT+R4u/lWcL1yXZlqTQSw4ZHy60ITaUIPbrCmpAP4MnFd+wPVgepOBbQo+/psUX7k+iasELTGzZg+z1pBKz5rNUZMN3S5nfD/Br+/O0tZgDkeo7cAR1IhQUHtSAdzIMDNWU51gv8km/3NzhtO/08+aTpfmqFkM2a71LVcPUmonx2jI5M7n8pxwRT/3rCywoN3CZzLckldTQsH4IBXoGetUyqoLSKXdYOfPsHj4VYfjv9nPTU/kqAuaNEcrk/x1PEOhVRnNMRPDFHz9xhRnfD9OpgAHTNUG4kHv1u3oJW9jre99vJAK4C70oOzYFZbkmvZWrWJ475UJPvzLBNvjkuaYhd8Sb0pyeVLHHjZFLZ583WHJf/Vzxc0ZZrYYNNWJ4QoZ/BFd8qOmM1QJ44lUoKtgHgJcVX7QkzpR66wWk6vvy/HW/47zq3szhIOC5pipq7G/CZZEKXXOq5aYRXdK8eXrk5z23X4ef91hfptJwB7W8P5J4P21vvdyjKY2zVghCfwHegezIzJHKq18XDjDZEufx0d+leSuFwpccnKAkxb6AEEi7eF4FSjvVmVIqQt3B3wGuYLkdw9m+OndWZ55zWHGZJMpDcZws9NW4FNo5ea4wngkVQlfBx4HfolW4AFaiG+NGbRE4e/PF/jHijxnHObnQ0sCnHyQzqiRynrk3fGZFrEEhb6/uoDAZxtk85LfPZjl6vtyPPqaQ31IsHC2hesNW7fnPvTmpiaa691hPJMKdGz/QuCHlJkaSktde6uB48Ffn8rzt+cLnHGojw+fEODEBT7qhAAl6U3pGL7xMnvpwlDsKJmbyEj+/HiWX9yb49FXHSJBwf5TtIFxF0WgLgX+t9b9+GcY76QCHUN4EfBX9HK4qPSH0pK43yQTx4ObnszzjxUFDm+3eOfhfk4/1Mf0Zt3FXF7q3Ac1gFI6VKouIEAYgOKZtS63PpPnrhUFVqx3CfgEB0w1d3x/GPwe+G/g5Zp0Yi+wL5CqhNuLn08D30IXsQQGkivvwqOvuty/2uH7fzc483A/Jy/0cfR+Fo2RoouBkmQLuiZhaRmqJFRRWRn0CXy2AAQFR/LKVo8XNxe46Yk8y1YW6M8qYkHB7FatJd8FmZ4r9vevtX4Ae4p9iVQl/Bi4DR2q/eHyP5R0W9ObdPqfVE7xk7uy/OreHIfPtuhoM1nUbnNCh01jWNAY0UuQhiKTk5iGIOeoPdLcl2Yg2xTFxLJiwPm29unsvy+s97j3xQKvbvPY0idBKSbXmzRHduqahiFUJ/BTynz89xXsi6QCrSS9GD3olwAfLf9j6QHVBQQHTNGKwtWbXR57zeHah/LMajZojRl0TDU5ej+bhrDB7BaD2a0myZyiOVoim8Bv7dQLuR74LYFlmUQsfRHXlfRnFEEbnnjNZUOxOMGmXv1zfbekPy0J+gQNYcH0Rh2h/U+KYG9Fb07+F11OeJ9DrVxfKo2FwGfRWvkpu/tyOq/IO4q+tCLg07kdZjQZtDWaJLOSw2ZZTG/SIe53PJdnY4/OWJPOK6Y3GZxxqB/PU5imYOUGl7VdHtGA4JVtHr0pXT7WNgX1IUHYL/a0tvGjaLnpWiBT6wEdDd4spCohiBbqzwRO2ZN/kEq7saTzimxB51JI5RQ5R7NgRpNBOKBnK8uEdE6xoaeYKFZBOCAI2gJX6hIiPmuvJLTtaEvCbcBNtR68SuHNRqpyLALOQhPswFrfTBm60KqSW9ER3COuqzde8WYmVTmOAg4F3oJ2Z97tEllBxNERwc+id693sY8vb7vDvwqpyuFHz1zzgOPQ2voT0UvnaLQLJanpKfSy9kzx8wD7qMA9Uvwrkmo4tKDJFgTePuhvnwdmlLU3AN8f9J0V7Mwjv6nWnak19lWVQqVR/mYNzip3LgNJ9QZalTGBXWC8ub6MRwR3057AIEyQagIVxwSpJlBxTJBqAhXHBKkmUHFMkGoCFccEqSZQcUyQagIVxwSpJlBxTJBqAhXHBKkmUHFMkGr3iO6mPYFBmDAo7x5bGeh/tbXWNzTe8f8Bc4E5vWfzr0sAAAAASUVORK5CYII="/>
31	+ </svg>

public/svg/geo-targeting2.svg ADDED Viewed

	@@ -0,0 +1,3 @@


1	+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="423" height="423" viewBox="0 0 423 423">
2	+ <image x="2" y="2" width="419" height="419" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAaMAAAGjBAMAAABzu2fHAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAD1BMVEUoc+vt8vsoc+vt8vsAAADrPbbHAAAAAnRSTlMAAHaTzTgAAAABYktHRASPaNlRAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5QEPEjMVaUrvsgAAC0hJREFUeNrt3Wt24zYMBeAer6CjFcTkDqj9762P6Uz0AEng4pIUXeJPT2JZ4qcLMGmSsf/4o0e9wr/V5VqdapFmqEWaoRZphlqkGWqRZqhFmqEWaYZapBlqkWaoRZqhFmmGWqQZapFmqEWaoRZphlqkGWqRZqhFmqEWaYb6OFI41ujFcDW/62v0stB6hVKNXh1QoVpfo5doqlcdNFdUWtA8KANojvazgSZAWXpuju6DQE8OCovoyUF5RM80uUCPbD6vqJPph76Ki43p53/3VDzsrb/cn81JW16z/1O/SD8rj3oOKSfaf1W6fJyN6ykkWRT3PU/KZvUM0lYDyaQM6gmkrQrKkWTUeNJWB+VJImo4qbApaEjCRvEeTFJEVCYJQSlMDUmaiGqke1B1UzuSKqIq6R5U1dSMtClFVdLNNIp0FeVXXCXdmm8QSS1SkK6m9xCSXqQh2UxtSJtepCJdTf1JFpGOZDE1IVlEStLF9O5MMom0JL2pAWkzidSki6krySbSk86md0fSKaTIJClNdJJVZCGdvzfqRrKKTKRdExObdApJtUoTKSliYpPMIhvpZHp3IZnbzkpStB6XtNlFVtLJ1IFkbzs7qdp6VNIGiMykk6k5CWg7gLRXYmKSoJAA0l6OiUmCRAgpFWMikg4h6dsOIpVjIpKwkCBSMSYeacNEEOloakjC2g4k7YWYaCQ0JJBUiIlGQkMCSYWYWCQ4JJSUj4lFgkNCSfmYSCQ8JJi052IikfCQcFLKxMQhbbgIJ+Vi4pDwtvNUJiYKyROSp+SYyKSuokNMdNKgkA4xvcmkUX2XiYlBGrM5ZGMikMaFJG8QVFJ3kdh5BNLAkMTO85NGhiTG5CcNDUmKiUgaIvqOiUfaxoZ0iIlGGtx3QkxeknNz+J5uuHNvGwSNhIQUrgWZ2CTHalIQyhPTm0JyhBTk8sc0jBRy5bg5FBJ6c1MIPNOl83wkNKSSyJM4k4SugWNKRBLYd6FWaOhvHsm2hKoITt1PwvouKUjob9DcJGgBZ1Gsft50zjeLZLp+IQs8JhYJ6rtUSiKhpmPndSeVeyuVH25OQi6eKikkMKZD53Um1UTHI6CYfCSk7xTrrauLz6KQkJCi96DszXp7SI6+Kz8FiolB8vSd8jBLTN+d15WkC0l/nHgfCCTDddXPcHUeTsJDYuLvZ+9KMqzToL8+JcAkvO/Y/MtTepKS5Qmmg0kkuO9MfqTzvnqTtPcd/zqOkl60vkvynXF0XjeSnOrvfep2Jvx7k7F9Fw51eSj1HiYzSVxhOJf0hKi+Aomkv6BEuoguZ4OHCSOho3Q6PoWiyd55rmFCSWWR+LiBlDwkxiiFUDH1HSaQFIXr51svjSDpL6cM6XQIPEwIiTBKKUOKpScpScgwvYLxaimz3F8nSecPT8fo75tnf/CT0jWVfOf1IYG7gxBSvC3n5gZIwDD5Ryk7OcJRepJjf3CTUhBWO5IEbnjxdunzCVKQDzOQ4GHy7w7yCW6fTfOQkhRS9vVOo+IKXpJ7w0uZ58u7oIEED5N5lJLy7svD9EjSNZRcyGkUibXhOezZAofJvDvs6ps/LSk/9fLQLRJAMo/Srl6o/AXMQAL3B9Ienl/RIs1I0l/p9zDZSPbdQSTJ63R/rYX2Bz8pLNL/nLQ7SIbr9JwliGT/SovveDjpa5GakdIiZU8BkcxXKSw8j52fFGgky5Zn/7KU+4n4/4KUgjrPZ5Ji5sBYeKaiYJLlzt0Wlrv5YRrSLpNuS71/+uGkeLvs9RwfQJJ/c3E8rg8pMEhJOonwSfNOtCPfETFJ4h/gFJ/4XFL+F7N+UupCSvJaT6cJ0om7koCrCNf9/myQQkozkY5/QnT6KN6f92CSsNp7CQfZRJ1I0kxkSMIx05DkmCT2g0nlPz/OqqP6Kl1J0lBIMUlHPJoUxWtnQwL+rPp4WrXoxSNV/k4cHKVepMzqyqLUgBSsZSWdei/KD8b8SZNxeX/PF5GUXV7hudVReijp50PiA7VzDiYBo54+lRSrRwwj1Rco34QPJNVzHEYyd16ahaSPSRHraJJiidZb8AyS9T3LFEGOIxmHSXMHHkIqdpLxaIDE+/+l7wUwSWVo4/8FPFyqwcHDSKZhskU6jGRZJt53A0iWFxpBRF1JhnU6RqnXT4iOpKhelubIwST9Qh2jNIKkeKqn7/qS1MM0hhRxUv2pnr7rTNIOkyekTr9+vtxA0mE00svTFRYSdoXuJN1iXaM0hhQIB1VJepGPpOq8USTwipr74eu77iTNMPlIaQyJ+qMkP8n1HZH+x8JxNlJ0HfEwUj0DX995/pofvI3VSXGO0gBSta+cfdfpX8YId/FZJN+3D7XG8vbdCNLeh2QROb/W1jrL23fIHu4mJQUJFo0kBeDBZiTn19pyEM7vhpwk+Lqlp3tHqdeLI+iTcPfdUFIwPtSU5N0fCt3l7rtRpNSOhO0OLJLmX2xOQ9K/plcvknt/yPYXbZT6k1KR5BD1ezE5maT4R6jdSK2Gyd93aTQpqj6LkKwiAklsMULfuUn4/WxFQjc8wv4g9pi/7/wvGOzuPInkET2A5Hx7gdxZEZJ/f8i+o0JkkOwiwv4gDA5vlKB3hfCTbpkQ+u4RJMXrIgMkYJQY+0PmVWcdN8n5Phe0/SFmPx5Fcqzg0mijR6kZyRWS822yaMMUxY88N6nbu2TlVnAmuUJyktidxxil8aRTMIS+877jHHuYPoR0GKYH9N03yXFjD45HkDbqMDH77k8viTNMxJBwEvCuwrlVcPuO8EbJkUZynGmnvJ01b5gidZQ6vzW8HFNk9p2HRBwm6igxSNGxkHAoz3kOo+Qh8bZx6iiNJqUDySVKFBJxG2f23WjS/jASd5hcokPfuUjczqOE9CiS4xz7qe98JGbnuUjHviORCDFRQvKTmJ1HIb39JF7nOW7Koe+YJMeK2H3nJP3uPPdvbSmk95NI0SNKVBKr81ykc995SYyYvH13CYlHwu9zehiJ03mOJ9/6zk3idJ6HdA3JTyLElCh/3NWA5Pgba0pIv/rOT2JsEB7SLSQCibFBMEg/GpB839SAlVqQGJ1HCOnNJI2MSQiJQRoZkxAShTQuptSe1DumIPQdhfTdeZ1jEkPikEbFJIbEIQ2KSQ6JRBoTkxwSieSJKaHxpl4kc0wwKch9xyJteEwoKRcSi+SICSXlQqKR8JhAUjYkGgmPCSRlQ+KRNtSEkUI2JB7pEBPy1m3Qmx+JIRFJaEwQqRASkYTGhJBKITFJG2YCSKkUEpN0jMnQegAplEKikrCY7KRySFTSMSb9Es2kVA6JSzrGpG49MymUQ+KSoNazkiptxyYhrWck1dqOTgJaz0iqtR2ddIpJZ7KRQjUkOukYk26ZJlKqh0Qn2U0WkkbEJ51aT7NQA+kkevcjnWKKVFLQhNSAdI6pbtKTgiqkFiSjSU1SipqQNpNJSzqdNPzoSzrHVDMpSUEbUhuSyaQj6UWNSJvBpCKdzxd+9CdZTBqSRdSKdGk9xbsdG0TvMaSrKeCkZBO1I6lNNZJV1JC0XU0RIl3PEqoXbkfSmsoku6gl6W4yv6BuAkRNSbdxEoPKk+6g+iC1JgmmOypLCpioMUkyBR0poKLWJNF0TkokBVzUnCSbyq+4loJH1J6UMX2rrqTc8VpRB1LW9B/rSCocqhbhJEMFQnVYpqleHyfym0avXywP6Gv04umm0SvPF9h8X6PXXazPiuhnmYP6Gr1iOmr0aumo0Stlo75Gr9JaHwf6p14f5smzZubcYKOXsUiLNH0t0gy1SDPUIs1QizRDLdIMtUgz1CLNUIs0Qy3SDLVIM9QizVCLNEMt0gy1SDPUIs1QizRDLdIMtUgzVFfSX4gu9dvh4TolAAAAAElFTkSuQmCC"/>
3	+ </svg>

public/svg/iconfinder_settings_115801.svg ADDED Viewed

	@@ -0,0 +1 @@

public/svg/settings /342/200/223 1.svg" ADDED Viewed

	@@ -0,0 +1,25 @@


1	+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="60" height="62" viewBox="0 0 60 62">
2	+ <defs>
3	+ <clipPath id="clip-path">
4	+ <rect width="60" height="62" fill="none"/>
5	+ </clipPath>
6	+ <filter id="Path_65" x="1" y="4" width="58" height="58" filterUnits="userSpaceOnUse">
7	+ <feOffset dy="3" input="SourceAlpha"/>
8	+ <feGaussianBlur stdDeviation="5" result="blur"/>
9	+ <feFlood flood-opacity="0.302"/>
10	+ <feComposite operator="in" in2="blur"/>
11	+ <feComposite in="SourceGraphic"/>
12	+ </filter>
13	+ </defs>
14	+ <g id="settings_1" data-name="settings – 1" clip-path="url(#clip-path)">
15	+ <g id="Group_283" data-name="Group 283" transform="translate(-15 -15)">
16	+ <rect id="Rectangle_417" data-name="Rectangle 417" width="60" height="60" rx="30" transform="translate(15 15)" fill="#c7c7c7"/>
17	+ <g id="iconfinder_settings_115801" transform="translate(31 31)">
18	+ <path id="Path_64" data-name="Path 64" d="M14.606,10.7a3.906,3.906,0,1,0,3.906,3.906A3.932,3.932,0,0,0,14.606,10.7Zm0,6.781a2.878,2.878,0,0,1-2.874-2.874,2.874,2.874,0,1,1,5.749,0A2.878,2.878,0,0,1,14.606,17.481Z" transform="translate(-0.7 -0.7)" fill="#333"/>
19	+ <g transform="matrix(1, 0, 0, 1, -16, -16)" filter="url(#Path_65)">
20	+ <path id="Path_65-2" data-name="Path 65" d="M26.517,11.078l-2.7-.523c-.174-.349-.262-.785-.436-1.134L24.86,7.153A1.728,1.728,0,0,0,24.6,4.972L22.941,3.315a1.722,1.722,0,0,0-1.221-.523,1.758,1.758,0,0,0-.959.262L18.492,4.536A4.382,4.382,0,0,0,17.358,4.1l-.523-2.7A1.782,1.782,0,0,0,15.09,0H12.735a1.782,1.782,0,0,0-1.745,1.4l-.523,2.7c-.349.174-.785.262-1.134.436L7.153,3.053a2.588,2.588,0,0,0-.96-.349,1.722,1.722,0,0,0-1.221.523L3.227,4.885a1.839,1.839,0,0,0-.174,2.268L4.536,9.421A4.382,4.382,0,0,0,4.1,10.555l-2.7.523A1.782,1.782,0,0,0,0,12.822v2.355a1.782,1.782,0,0,0,1.4,1.745l2.7.523c.174.349.262.785.436,1.134L3.053,20.847a1.715,1.715,0,0,0,.262,2.181l1.657,1.657a1.722,1.722,0,0,0,1.221.523,1.758,1.758,0,0,0,.96-.262l2.268-1.483a4.382,4.382,0,0,0,1.134.436l.523,2.7A1.782,1.782,0,0,0,12.822,28h2.355a1.782,1.782,0,0,0,1.745-1.4l.523-2.7c.349-.174.785-.262,1.134-.436l2.268,1.483a1.758,1.758,0,0,0,.96.262,1.722,1.722,0,0,0,1.221-.523l1.657-1.657a1.728,1.728,0,0,0,.262-2.181l-1.483-2.268a4.382,4.382,0,0,0,.436-1.134l2.7-.523A1.782,1.782,0,0,0,28,15.178V12.822A1.96,1.96,0,0,0,26.517,11.078ZM13.956,20.15a6.28,6.28,0,1,1,6.28-6.28A6.254,6.254,0,0,1,13.956,20.15Z" transform="translate(16 16)" fill="#333"/>
21	+ </g>
22	+ </g>
23	+ </g>
24	+ </g>
25	+ </svg>

public/svg/sgpbAdvancedTargeting.svg ADDED Viewed

	@@ -0,0 +1 @@

public/svg/sgpbAdvancedTargeting2.svg ADDED Viewed

	@@ -0,0 +1,3 @@


1	+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="421" height="421" viewBox="0 0 421 421">
2	+ <image x="2" y="2" width="417" height="417" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAaEAAAGhCAMAAAD/dvvwAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAOVBMVEUoc+stbdROfclch8uGpdmsw+hyltHP3vgpbt3I2fU/dck0b82btuG80O8oc+socujR4Pnt8vsAAABppnO/AAAADnRSTlMA9uLe1trZ8vvn6fDW3+qd5hYAAAABYktHRBJ7vGwAAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5QEPEjQwbQ+tMgAAFjdJREFUeNrtnW2joiAQhS+Z2bv4///sZpslMAgiMIfifNu2e6/yOMNhAPn7K1h3X3Ff6M/Jm0wllVvBaCqo9IoEp2JKoehwKqZ4SginYtquLHgqpEBlpFMprRcDngrJW2x0KiUfcdOpkBbFzaVCWhY3kspoUdw0KqRFbWjCXohd0+zbh2Sj/E8rxw/3TbMToq+Qtiio3YRoDg8oUg4faYRm/yNl17ZNI46VUQY+YndoO4WMm9CH1KltzqIySoSnvzTtiWTjS+jN6dqsxcTdVPB8RHPt7GzWEXpj2q3CxN1cwHwuh5t00VlN6IWpXRNM3E0GyceXThihiZK3g+BuNjA+/e7qTSec0JNSdz17OnLupsPhczyc1tDZRuhJ6bbzCyXu5oPgc9k7bUF0QiOk08ELEncTcvMRQXhiEPKHxN2MjHwCkltUQk9IO48+ibspmfjsbsF44hEaIbXnX2Tkzm6rnFtKQqO72zuzHXeDZuazC89uKQiNkG7OQOJu1Hx8jlvDJwWhMZAOrh6Ju2HzALq0EfCkIDRC2juqQtxNm4HPeXt6S0jIwzVwN29iQE3g2CcfodF+LzPibuBS+KQj9NWMMvJJSWg0Dc3ivXA3dApAsfmkJTQyOn8foqx8UhNy5Truxo7L55yAT3pCIyPxRYzsdyKi+evchEbvffwSRPbbOEYan/IQGsew/Tcwst/DIRWfXISGYcnWcTf8ZkC7JB1QZkKL3RF302/jky7B5SX0YHTtC2bEkeByE3qkul2xiGzXfUnk4JgIDfJ2LBKR9cG6puaTm9CDkd0xcGNYD+iS0iFwESoxjBgDiIPQUhhxo1gFKEsA8RBaCCNuGCsApbZwrIQejHalILJc53HTErgCCA2yLSPTWS5yl40PG6FBdpcCEFkuMY9FYCb0YHSAR2TJcMkHqSCEHoahx0bEn+GYCQ1DJ5AR0de2zwyIl5B1aMQNxwqoz+fhMAgN8oqKiLws0eVuIHZC1tErJKBz9gACIGTtjAABZe+CQAgN8gyHiLygtFOpyIQGuQdDBOIRcAjZ/AISoCODRwAi9PALQIioK+EwcVCEBnk6oiCiroPFxGERelg6EERogHAIWVw3AqCGExAQIYvr5gfEMwxCJASACBAQFCF2RIiAsAgxI4IEBEaIFREmIDRCNCI2QgCA4AjxIQIFhEeICxEqIEBCPIiIP5ltVemyAAlxICL+IGupZyZEQoMUmREBA8IkRJdRsxK6oAAa9mKuG/flTKIQ5QTEN2FXjE4Zg8j8S30F5BQ565oL0B0mlyCLXLuQiRDTqp7SRK0AygMIY6RagKhhUQ5AuTc3FCxqWJQekKiA/JXBc1efvU231ISqjdsoytClBZR1i+o3iNoClpJQdQmrRbiFhICqSwhQ1ydDZIZndQkhSuYWzN9bawlBot67kIYQ7+rfgiUvSQiZI6EKKFRdkiAyfueJ+z7LFfGapgSAar10g4iXnUUHhDPtXaTkMTaiarQj6xaZUDXasUVUf6ICqtWezYqb5/RfVVeORFDMPGfmOO67+wbFzHPVxyWRmeeihVDNcXEUK88Zv6aOVSMp1rhV/yV1UiiazKmiKCFU63HxdI0RRPqvqHMOEWVOiW8HVIdCUXXaHkSGTeC+p++SOSiqNgFM3dYg0n8cfgGjnIv7Ynyud7+NkP7TMLtViVuVt31zEfNxei9Es2/BQW2sLBTitKW87uzH1x5310znhwWp3UKoCKctu/3l7tJlDwtpk+PWfxTQacvb2YnnlaG53i/tkuG4vymEZCv88DwlMGeGza15oYR6tPtbOjvdwijvaVWeCg4i/efQBqsLpwnbhZcHNgQRdggtHCW8qIzHWnorMIiwQ8h2EpOH8HalBdZ+oEPIem6jj0DeszaTUfspPoSkr8WmBVcaCeqJkENoIyBARCE9EXAIbUpx/4W2JNN45tYnOaByguWErHVCWw6zPoi07yMNI26eEJYFNo+yOoiQQyhsHKQLbTp/bYlb+zZQzxpUSaAEtnLWKHGvCyGgeaE4OW7UlftWVK2bbMV93OTaYqldYHlO6ssb1xAC2usQw8dNQrI/D+ljiBWAgEarsvdtfh9hBdGa0o/2zQP3tX8UM4TQgmiN4YZ91CI5bcA7G6WboBKtduvb9L5BxH1DioznrzyfsLliqguohx2l5/DyfELn2/LewhoT+XoF7Vtf6xNGAWXwwd8raN/CqSdI98rF1cLyCno/W1w9IT4gsDTnV1fQvgM0dRe+eMQurDQ36HuPyxoMDTvfZl8jLEL6RF5Zg6HYw9X/wprJ8xkSad8AytPxvfYoIKs6yqN8ipsEthQURGsb7F64b0uVR5pTvwCU5Ab/yVVx6/aqK2qti1SBBuSj9DRXUpIbvEdDz7cYd4qvaC0H0d2hrNAoZ5rT/h/oAfM3Cv8LicqirXHMYEGEU3Z8ypnm1P9GSnLe49Upb80RPcfd9EI7MKvgSnPa1QMNV42Hqx/343ftwUh+u/fNzog8cxm5TmgXfklJ5Bi0av+LlKN1Kzc9PbLT2v3Td84Q/Y8UqrInuG9Mk2MeT7t4oCSnF7ZnhxpojGYdywfRK/URB9GhnY6gZ/NFQlAp2hopg7Yhb97in3r+K+QIt4BGSBu5LSY5qIqISkgfxsyCQ/mf9/2+foBwC2CEjALxAiGswZzahRge5oNI0p+/fsKcSYd6DgezurXktbmvVZG62NR8eLpX0+ud5/Sqyul5M15dCTYgWvTb2qUjFRQ0QtQOrVd0CP3zqevZa/9GJWSUt8rw2hohcmr+/948YXx8VYNI38IHR6j1JYRlQ5XYt1yavAmqWD25g/cISk2YWIvmhkW/rf4H1mBbuWzrMEDeWiLyX/nv7XxO4ISEJyGsbkghtHb90QvRlM/UmQg4QnpHVEg3NCe0Pv/+99zvdUuK5cYjZO2IkLshhVBAm/5H9H7o5pYbj5D0I4Q1GlKuOsR9dUL5wRaakPAihDTzMKiEgqJ7nHr4lA9mp2LgEdJnICyEwIohM7cdWHKX3fz9f1dkQleakJb8sLqh+Yg1SpN2yIQsU+Hqh1BzQ6M+hKIMAz5LpMHS+fPifAjBPVkfgxwn/76JA76f1mIV1A+xxqvKBHacFv0MC3u01zDZxqzQRmE2Qxdp2mpeP0Va0/QUaRWgjcJ8fYGI8yuVgTvWvn2LVUA2CsqZfpGG0mppBWen4f8bdhPCqigoj1QkD6M2AlieI60CsJVT1xYkIQSW1YezkxDUxKNM8fBI4BumzZz6EVReVruMSKv4tF29UEnDmIAgCEEFfRJC2uIhrBll3cyhWzmVUKynXSUkuG9SFWHm1A+w9g7miCHBfZOqiEVz6gdYWTlHDGE9k/rVmYSg1tRrSTmWUzgm4R5LOwchLO+Zw22jVYobByGsuqm6MSsNIayVTZTdVj+AsnJaqTcJISzzOhRHSBldRioZqgvssdL6YOxRwR4ODWoQiTi/soW+YXNApBHivj7jemfWJtIM3nwz3hGtF3ISwpp7eF7wzNvEngW/CzxA5vyD+k+0wcF4xadmatM4RvPlDy9NA3j+52AOWeEJDR+/EGc11mvACrgW67/Oi4RAL1tEfH6mPA9n4iY1i4RAL7uJaLwmKweZ4WY3Wxaha8RWfTUA2B6cmQ4lEpoqqBGswmSVwCbuZmoXCYE+WJNViFDdnroh0B53KJTQYHmpxYb7h1qPQV5hWYSmOsD2EearRoH1YhxFZRKaOqLNuWnKl7jdkFE61QhtVaKrnoaZmw+jmArb6ebtNjehXCS0VSLVfU8WdGOaey9iTZcsYh83VgqhKc1tdHPT85lwtfavEprS3MYefnIcCRcn/Cqhd9tuGlNH4lwJUZoczqYh0dR6KUv4P0vo3cdvCKL35FjK4erPEnr75A1BNDVe0l1dv0voHQDBQbT9N1RCXrceHETXrb+gElrWOwQC34LwfnFZ2imWHyb0ufegwsJ70VDiJXK/TOgdREHVufdS08RL03+Z0GezSkCee+e4XeL6fWJCYqPSFvU/qxtXx8Fn33/qRYy3rW24vF4OdX7opXcgrF3N+zmX4wp+i8ay4LIIfVLIuq5IBv4ci25FE/ostF9TF5gdVQi4UFtXmbPgb302ofojmgECfOmfoWVCWJskKX02H/simgFCe1cZqWVCoCsaZ/p0KZ6IZoAK6IQG8yWApRGaH5fms/1n9nXA7VyUily3rWi2La939ivduTRADkKY+4c0zd861yw2u2xnO5Xx+9j/+gJCCqLePgSVp/lmKcwNd4SWawrASzHnUk6RFnSqU/kcu1IAOQgJ7svzlHq6an84ae0v5VXZbIi4pdh2a/0yoVKeNKnVRo5NOy1JlvK21/aCpq5nR72zu0aotKLC+0Y6LRs8QkmIy04I8wRw/Grp/MZ0QKUSMg/vtOlSThc0yvVeH9yNT6bk6eLm0xcVQIObUAlD1o9kKxyAiqjEKXK9Xw53eyct2S7EUX8oK8E95SJUxpB1LnlqepLPubT89l+u95yivZfVS/J0uKiUxO6abD9g4ntxESpmQGTcWddem6cO7a1QOs/7uBuEyrXbXyninfUaIbTyyCODiRR7FdLtit4m97kPUHZb3nbP/iXBKO00OglASAcnIZxXosvTbur+4wfR/wkMQLu3cxICmX+Q3X5eX4seRFO673cnKEgeZ3hBmDl504rTsYNoPgcokM789DgHD8DMyb1Zy4ncPapzF30DU3ugj51WP2OuncruQJUI4oa2NB6BM0iyo6wc1JnGsmvutA4RW1CdoZ0YQSxk8DnTmLEyZ+cTN7Y7+i8IgDXDWh2YJMRmFRb5xLwuaS2Hs+c6Y5EC0rHTZOpJkecW/9CZ1zPo0f33B2MVlLWHFkVaknhb/iusc37kwe0Ik3he89n3PkrNsDu6/gxjoYE2CvxVBdncvRTjHdnS41m4cHVHZEXBJJT7XeHy5nqq39peWpBnrz8U09uvuTrtMiyEMk9AdDuvNouDyHcF1/3IMjrSd/r/WRDlHLOuCKCntq0edfrFmTgcAzX1wNwR+fZAcRCtAfQYgGXvjSQ9XmXsiOTJtdyNUHiiW/045DZ11m6IqyOSV9+mUhEFXp6nSYjxpwKlj9TshPJ0RHKNRZgrbC9QFxCvmQ2DHuN/vB1RUIu9tL7EKW/umgWpjJnOOhoyCWU4tiK4xV7P0MorXO9I3srn6WxFOSrNJS/NrXNVhI5rwmitpVeVrTPSu+W/BUSpF/x4DxwXG873nSSrxsTU05AJkX6I5BKhxC/vCHBVlLxWFzhmnbzUZ/ELlrkhDr/dxQHkwygGn1E5EC147cx+21n+X6PzUn8k22jPQobXZeiZ/28RUcK3ukcFdB/XJLbU6l4p290mu6gq/WJpqbXL3zKhdFPhsQE9JZrr6YNJylPbbBht8RCiV8rlT3NJAP3XUYhL01yo7folEHIluUxpTqYDlFbJCTmTXKY0J72bBEzJCTmTXKY0VwnZ5E5yOqE0aa4SsjWMnv7/mNJcJWSRR5LLk+YqIYuWpoZshJLU5iohS7vog+s/H0QpanOVEC1HTc5CKMUURCVEN4teP/QjlGLJTyVEytjQ9OeHKEE9txIipc84/3kSSjAkqoTIVtHLvH++iOJ7hUqIktdgiCQUfydRJUQ1iqdPIAjFX5VVCRHy9gkEoujXVQkR8vYJOeoKlRDRJn71BJpQ9KWNlZAp4wDXvzWIYr+OvxIym8TfapNBFNlwV0KGdKvtIqQjivwOmUrIaJEVVjuH4a6EdK0OocSj1kpIbxB91b8bUNogqoQ0rRqtWrxC1CCqhLT2MBb+exBKGkSVkKqQEEobRJWQ2hxBIZQ0iCohRWEhlDSIKiGlNQJDKGUQVUJzhYYQEUTxXjHK3dJIhMztvN6E0lXnKqGZAsoJVkLR3vpQCc3aYkMIpQuiSuijlfNCDkKxFmbJtlAlWPYkNhFKPtladd0GyCAEcejNN8lYnbCWkIGI9cCO71P4YNVKKMMbzX5JhtNeTyid466i3su+HpBBqJqFiGojhFA1Cwm13SbQQYR3NGahIt7pGUTIRIR23nGpimETaESxV6D+qLZWE5aCCOpI6lJFvOQ1mJA5KKp5brvi5TgqiGqe2ywzx20hVPNcdEXNcTXPJVDUHEcGUcJ31P6CIuc4ElEdt25QtLHqIqKa58J1SwDIJFTrc8Hq+hSETER1HiJQxHkXMQCZhAIOaKoa6CN9ohAiENWuKES3VIBqVxRHxOv6YwGqXVEMpeqEbHmujopWijq2LCIhAlFdtbBKsk0LiECU63C4L9EpNSAiiBKflfddog71iUyIQFTdgreooxljA6IQxdua9+WizuuND4hClPXQ7HKVrpbgJFQNnY8kUUtIQ4hAVA2dh/IBIhHVPOdSDhu3hAhnUrxt5oLJv3kBUV0RDCLVL6GsSZLUubAJCVGIUIZFkITIM+pTAiIRgQyLEAkxAAJGBEiIBRAuIjxCVCkhAyBYRHCEqFJCFkCoiNAIMQKiCAEgAiNEAspFCBMRFiFeQJiIoAiRJiEjIEhESIRIm50VECIiIEIIgGhErHsocQhhAKIRcZZRYQh1AgOQBRHflB4KIWq6gQcQjYhv1hWDkLwBAbIg4lpeAkGIXJPAB4hGxLUCCIEQPU5lBGRBxOO6AQjR41RWQBZELK6bn1B3BgRkQXRh8AvchCRt4tgBWRAx+AVmQhaPAADIgij/FjBeQtQGLhRANkS51wCxErJ0QSCAbIhEl5URIyHLMBUHkA1R3vcu8BGyjIKQAFkR5cx0bIRsGQ4KkBWROGVjxERI3voS+CwwyubpeAhZygiIgKyIco1eOQjJkygIkBVRn8cwMBCyDYJQAVkR3Xc5wig7IXsAwQKyI8oRRrkJ2QMIGNACo0vy4WteQkUG0DKi5LNGWQlZLRw+oAVEicdGGQnJti8Y0BKjJqVjyEZIWosIhfBZQtQnTHW5CC0kuGIALSC6i2SuLg+hpQRXEKBFRudE3VEOQvImvoTPIqJHd5SCUXpC8nS+fw8gF6PyCMmu+S4+y4gSWIa0hJb5FApoEVF8RikJOfgUCygvo3SEvpiPk1FMz5CK0JfzcSCK6evSEFr2b18ByMko1vgoBSHZXn6AjxPRXURZyxCdkJT7o+PKuRs2H6MYHVJkQvK0c1z0N/HxYHQ/by3YxST0CB/humDuBs2P6BFIm3qkeITkzRk+3wjIh9Fd7MOzXSRC8nRw9T7fyseP0f1ylWGQYhCS3f7icY3czcjN6H6+hkTSZkKeeL6bjy+j+2V9uttG6JHcnN7gN/h4M7ofm9uqfBdOSMp259H3/Awff0aPfLf3t3eBhOTt4JXbforPGkb33pfSekLyQefce18Jd5PhMnpQuhxaZ8ZbR+iR2Rrv2PlJPisZPXTcLWPyJiS79nD27Hd+mk8ApAemS3O1GAg3IfkInH0j/PPaz+MJYjSqF7vm2nZSQWUn9Pje6YHm7GenKx9DQe32X+KB6sGqHWlphEYq7YPLA0wYmcpnrg1NmFLczYIlbhoVj1vcSCofD3FzqXg8xE2n4vFRpVOAKp4SVOkUoIqnCFU4RajCKUIVTiGqaErRT5D5By7fn8DxGYNuAAAAAElFTkSuQmCC"/>
3	+ </svg>

public/svg/upload /342/200/223 1.svg" ADDED Viewed

	@@ -0,0 +1,23 @@


1	+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="67.518" height="60" viewBox="0 0 67.518 60">
2	+ <defs>
3	+ <clipPath id="clip-path">
4	+ <rect width="67.518" height="60" fill="none"/>
5	+ </clipPath>
6	+ <filter id="Path_2798" x="0" y="3" width="67.518" height="53.146" filterUnits="userSpaceOnUse">
7	+ <feOffset input="SourceAlpha"/>
8	+ <feGaussianBlur stdDeviation="5" result="blur"/>
9	+ <feFlood flood-color="#2873eb" flood-opacity="0.298"/>
10	+ <feComposite operator="in" in2="blur"/>
11	+ <feComposite in="SourceGraphic"/>
12	+ </filter>
13	+ </defs>
14	+ <g id="upload_1" data-name="upload – 1" clip-path="url(#clip-path)">
15	+ <ellipse id="Ellipse_47" data-name="Ellipse 47" cx="30.5" cy="30" rx="30.5" ry="30" transform="translate(3)" fill="#b5caec"/>
16	+ <g id="Artboard_1" data-name="Artboard 1" transform="translate(-20.03 -44.35)">
17	+ <g transform="matrix(1, 0, 0, 1, 20.03, 44.35)" filter="url(#Path_2798)">
18	+ <path id="Path_2798-2" data-name="Path 2798" d="M69.143,70.877a9.943,9.943,0,0,0-9.567-8.527,9.819,9.819,0,0,0-9.221,7.089,6.627,6.627,0,0,0-2.5-.489,7.273,7.273,0,0,0-7.032,6.908A4.776,4.776,0,0,0,37.1,80.639,4.7,4.7,0,0,0,41.631,85.5H67.723a7.152,7.152,0,0,0,6.892-7.387A7.288,7.288,0,0,0,69.143,70.877Z" transform="translate(-22.1 -44.35)" fill="#2873eb"/>
19	+ </g>
20	+ <path id="Path_2799" data-name="Path 2799" d="M105.487,113.357l4.127,3.771.722-.658-4.849-4.43-4.847,4.431.72.658Z" transform="translate(-51.316 -37.995)" fill="#fff"/>
21	+ </g>
22	+ </g>
23	+ </svg>

public/svg/view /342/200/223 1.svg" ADDED Viewed

	@@ -0,0 +1,28 @@


1	+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="59" height="60" viewBox="0 0 59 60">
2	+ <defs>
3	+ <clipPath id="clip-path">
4	+ <rect width="59" height="60" fill="none"/>
5	+ </clipPath>
6	+ <filter id="Union_28" x="1.767" y="7.446" width="55.712" height="45.554" filterUnits="userSpaceOnUse">
7	+ <feOffset input="SourceAlpha"/>
8	+ <feGaussianBlur stdDeviation="3" result="blur"/>
9	+ <feFlood flood-color="#2873eb" flood-opacity="0.502"/>
10	+ <feComposite operator="in" in2="blur"/>
11	+ <feComposite in="SourceGraphic"/>
12	+ </filter>
13	+ </defs>
14	+ <g id="view_1" data-name="view – 1" clip-path="url(#clip-path)">
15	+ <g id="Group_281" data-name="Group 281" transform="translate(-950 -368)">
16	+ <g id="Group_236" data-name="Group 236" transform="translate(37)">
17	+ <g id="Group_90" data-name="Group 90" transform="translate(-277 -1158)">
18	+ <ellipse id="Ellipse_21" data-name="Ellipse 21" cx="29.5" cy="30" rx="29.5" ry="30" transform="translate(1190 1526)" fill="#b5caec"/>
19	+ </g>
20	+ <g id="Artboard_2" data-name="Artboard 2" transform="translate(921.071 349.987)">
21	+ <g transform="matrix(1, 0, 0, 1, -8.07, 18.01)" filter="url(#Union_28)">
22	+ <path id="Union_28-2" data-name="Union 28" d="M.4,15.2a2.3,2.3,0,0,1-.022-2.552C2.079,10.062,9.349,0,19.369,0,29.451,0,35.96,10.19,37.4,12.693a2.291,2.291,0,0,1,.307,1.142v.113a2.3,2.3,0,0,1-.363,1.238c-1.614,2.531-8.52,12.367-18.5,12.367C9.459,27.554,2.149,17.755.4,15.2Zm8.4-1.424A10.063,10.063,0,1,0,18.86,3.715,10.063,10.063,0,0,0,8.8,13.779Zm6.515,4.029a5.362,5.362,0,0,1-1.324-6.294L18.86,13.7,17.023,8.743a5.359,5.359,0,1,1-1.71,9.066Z" transform="translate(10.77 16.45)" fill="#2873eb"/>
23	+ </g>
24	+ </g>
25	+ </g>
26	+ </g>
27	+ </g>
28	+ </svg>

public/svg/voice /342/200/223 1.svg" ADDED Viewed

	@@ -0,0 +1,24 @@


1	+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="59.981" height="59.981" viewBox="0 0 59.981 59.981">
2	+ <defs>
3	+ <clipPath id="clip-path">
4	+ <rect width="59.981" height="59.981" fill="none"/>
5	+ </clipPath>
6	+ <filter id="Union_27" x="2" y="1" width="56.266" height="58" filterUnits="userSpaceOnUse">
7	+ <feOffset input="SourceAlpha"/>
8	+ <feGaussianBlur stdDeviation="5" result="blur"/>
9	+ <feFlood flood-color="#2873eb" flood-opacity="0.502"/>
10	+ <feComposite operator="in" in2="blur"/>
11	+ <feComposite in="SourceGraphic"/>
12	+ </filter>
13	+ </defs>
14	+ <g id="voice_1" data-name="voice – 1" clip-path="url(#clip-path)">
15	+ <g id="Group_275" data-name="Group 275" transform="translate(-1190 -1526)">
16	+ <circle id="Ellipse_21" data-name="Ellipse 21" cx="29.99" cy="29.99" r="29.99" transform="translate(1190 1526)" fill="#b5caec"/>
17	+ </g>
18	+ <g id="Untitled-1" transform="translate(12.225 16.451)">
19	+ <g transform="matrix(1, 0, 0, 1, -12.22, -16.45)" filter="url(#Union_27)">
20	+ <path id="Union_27-2" data-name="Union 27" d="M18.282,27.643,9.29,19.394V8.939L18.352.374a1.3,1.3,0,0,1,2.205.951V26.64A1.36,1.36,0,0,1,19.186,28,1.321,1.321,0,0,1,18.282,27.643ZM21.808,8.571a5.535,5.535,0,0,1,0,10.858ZM3.351,19.394A3.348,3.348,0,0,1,0,16.042V12.287A3.347,3.347,0,0,1,3.351,8.939H7.88V19.394Z" transform="translate(17 16)" fill="#2873eb"/>
21	+ </g>
22	+ </g>
23	+ </g>
24	+ </svg>

public/views/allMetaboxesView.php ADDED Viewed

	@@ -0,0 +1,57 @@


1	+ <?php
2	+ namespace sgpb;
3	+ $metaboxes = apply_filters('sgpbAdditionalMetaboxes', array());
4	+ ?>
5	+
6	+ <div class="sgpb sgpb-options">
7	+ <?php foreach ( $metaboxes as $key => $metabox ) {
8	+ if ( $key == 'allMetaboxesView' ) {
9	+ continue;
10	+ }
11	+ ?>
12	+ <div class="sgpb-options-menu"
13	+ id="<?php echo $key; ?>">
14	+ <h3 class="sgpb-options-menu-header"><?php echo $metabox['displayName']; ?></h3>
15	+ <span class="sgpb-options-menu-header__sub"><?php echo $metabox['short_description']; ?></span>
16	+ </div>
17	+
18	+ <div class="sgpb-options-content">
19	+ <div id="options-<?php echo $key; ?>" class="sgpb-metabox sgpb-metabox-options ">
20	+ <p class="sgpb-header-h1 sgpb-margin-top-20 sgpb-margin-bottom-50"><?php echo $metabox['displayName']; ?></p>
21	+ <?php require_once( $metabox['filePath'] ); ?>
22	+ </div>
23	+ </div>
24	+ <?php }; ?>
25	+ </div>
26	+ <script type="text/javascript">
27	+ let hash = window.location.hash.replace(/^#/,'');
28	+ if (hash) {
29	+ jQuery('#'+hash).addClass('sgpb-options-menu-active');
30	+ } else {
31	+ jQuery('.sgpb-options-menu').first().addClass('sgpb-options-menu-active')
32	+ }
33	+ jQuery(document).ready(function () {
34	+ setTimeout(function () {
35	+ let minHeightShouldBe = jQuery('.sgpb-options-menu-active').next().height();
36	+ jQuery('#allMetaboxesView').css('min-height', parseInt(minHeightShouldBe+100)+'px');
37	+ });
38	+ jQuery('.sgpb-options-content, .sgpb-options-menu').click(function(){
39	+ setTimeout(function(){
40	+ let minHeightShouldBe = jQuery('.sgpb-options-menu-active').next().height();
41	+ jQuery('#allMetaboxesView').css('min-height', parseInt(minHeightShouldBe+100)+'px');
42	+ }, 500);
43	+ });
44	+ jQuery('.sgpb-options-menu').click(function () {
45	+ if (jQuery(this).hasClass('sgpb-options-menu-active')) {
46	+ return;
47	+ }
48	+ const findActive = jQuery('.sgpb-options-menu-active');
49	+ findActive.removeClass('sgpb-options-menu-active');
50	+ jQuery(this).addClass('sgpb-options-menu-active');
51	+ jQuery([document.documentElement, document.body]).animate({
52	+ scrollTop: jQuery('#allMetaboxesView').offset().top
53	+ }, 500);
54	+ location.hash = jQuery(this).attr('id');
55	+ });
56	+ });
57	+ </script>

public/views/closeSettingsView.php CHANGED Viewed

@@ -1,271 +1,368 @@
             <?php
-            -
            	use sgpb\AdminHelper;
-            -
            	use sgpb\PopupBuilderActivePackage;
-            -
            	$defaultData = ConfigDataHelper::defaultData();
-            -
            	$removedOptions = $popupTypeObj->getRemoveOptions();
-            -
            	$closeButtonPosition = AdminHelper::themeRelatedSettings(
-            -
            		$popupTypeObj->getOptionValue('sgpb-post-id'),
-            -
            		$popupTypeObj->getOptionValue('sgpb-close-button-position'),
-            -
            		$popupTypeObj->getOptionValue('sgpb-popup-themes')
-            -
            	);
-            -
            	$hideTopPosition = '';
-            -
            	if ($closeButtonPosition == 'bottomRight' || $closeButtonPosition == 'bottomLeft') {
-            -
            		$hideTopPosition = ' style="display:none;"';
-            -
            	}
-            -
            	$hideBottomPosition = '';
-            -
            	if ($closeButtonPosition == 'topRight' || $closeButtonPosition == 'topLeft') {
-            -
            		$hideBottomPosition = ' style="display:none;"';
-            -
            	}
-            -
            	$hideRightPosition = '';
-            -
            	if ($closeButtonPosition == 'topLeft' || $closeButtonPosition == 'bottomLeft') {
-            -
            		$hideRightPosition = ' style="display:none;"';
-            -
            	}
-            -
            	$hideLeftPosition = '';
-            -
            	if ($closeButtonPosition == 'topRight' || $closeButtonPosition == 'bottomRight') {
-            -
            		$hideLeftPosition = ' style="display:none;"';
-            -
            	}
-            -
            	$defaultCloseButtonPositions = $defaultData['closeButtonPositions'];
-            -
            	if ($popupTypeObj->getOptionValue('sgpb-popup-themes') == 'sgpb-theme-1' ||
-            -
            		$popupTypeObj->getOptionValue('sgpb-popup-themes') == 'sgpb-theme-4' ||
-            -
            		$popupTypeObj->getOptionValue('sgpb-popup-themes') == 'sgpb-theme-5') {
-            -
            		$defaultCloseButtonPositions = $defaultData['closeButtonPositionsFirstTheme'];
-            -
            	}
-            -
            	$borderRadiusType = $popupTypeObj->getOptionValue('sgpb-border-radius-type');
-            -
            	if (!$popupTypeObj->getOptionValue('sgpb-border-radius-type')) {
-            -
            		$borderRadiusType = '%';
-            -
            	}
-            -
            	$buttonImage = AdminHelper::defaultButtonImage(
-            -
            		$popupTypeObj->getOptionValue('sgpb-popup-themes'),
-            -
            		$popupTypeObj->getOptionValue('sgpb-button-image')
-            -
            	);
-            -
            	if (strpos($buttonImage, 'http') === false) {
-            -
            		$buttonImage = 'data:image/png;base64,'.$buttonImage;
-            -
            	}
-            -
            	$disablePopupClosing = PopupBuilderActivePackage::canUseOption('sgpb-disable-popup-closing');
             ?>
-            -
            <div class="sgpb-wrapper form-horizontal">
-            -
            	<div class="row">
-            -
            		<div class="col-md-8">
-            -
            			<?php if (empty($removedOptions['sgpb-esc-key'])) :?>
-            -
            			<div class="row form-group">
-            -
            				<label for="esc-key" class="col-md-5 control-label sgpb-static-padding-top">
-            -
            					<?php _e('Dismiss on "esc" key', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            				</label>
-            -
            				<div class="col-md-5">
-            -
            					<input type="checkbox" id="esc-key" name="sgpb-esc-key" <?php echo $popupTypeObj->getOptionValue('sgpb-esc-key'); ?>>
-            -
            					<span class="dashicons dashicons-editor-help sgpb-info-icon sgpb-info-icon-align"></span>
-            -
            					<span class="infoSelectRepeat samefontStyle sgpb-info-text">
-            -
            						<?php _e('The popup will close if the "Esc" key of your keyboard is clicked.', SG_POPUP_TEXT_DOMAIN)?>.
             					</span>
             				</div>
             			</div>
-            -
            			<?php endif;?>
-            -
            			<?php if (empty($removedOptions['sgpb-enable-close-button'])) :?>
-            -
            			<div class="row form-group">
-            -
            				<label for="close-button" class="col-md-5 control-label sgpb-static-padding-top">
-            -
            					<?php _e('Show "close" button', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            				</label>
-            -
            				<div class="col-md-5">
-            -
            					<input class="js-checkbox-accordion" type="checkbox" id="close-button" name="sgpb-enable-close-button" <?php echo $popupTypeObj->getOptionValue('sgpb-enable-close-button'); ?>>
-            -
            					<span class="dashicons dashicons-editor-help sgpb-info-icon sgpb-info-icon-align"></span>
-            -
            					<span class="infoSelectRepeat samefontStyle sgpb-info-text">
-            -
            						<?php _e('Uncheck this option if you don\'t want to show a "close" button on your popup.', SG_POPUP_TEXT_DOMAIN)?>.
-            -
            					</span>
             				</div>
             			</div>
-            -
            			<div class="sg-full-width">
-            -
            				<?php if (empty($removedOptions['sgpb-close-button-delay'])) :?>
-            -
            					<div class="row form-group">
-            -
            						<label for="sgpb-close-button-delay" class="col-md-5 control-label sgpb-sub-option">
-            -
            							<?php _e('Button delay', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            						</label>
-            -
            						<div class="col-md-6">
-            -
            							<input type="number" min="0" id="sgpb-close-button-delay" class="sgpb-full-width-events form-control" name="sgpb-close-button-delay" value="<?php echo $popupTypeObj->getOptionValue('sgpb-close-button-delay'); ?>" placeholder="e.g.: 1">
-            -
            						</div>
-            -
            						<div class="col-md-1 sgpb-info-wrapper">
-            -
            							<span class="dashicons dashicons-editor-help sgpb-info-icon sgpb-info-icon-align"></span>
-            -
            							<span class="infoSelectRepeat samefontStyle sgpb-info-text">
-            -
            								<?php _e('Specify the time (in seconds) after which the close button will appear. The close button will be shown by default without any delay if no time is specified', SG_POPUP_TEXT_DOMAIN)?>.
-            -
            							</span>
-            -
            						</div>
-            -
            					</div>
-            -
            				<?php endif; ?>
-            -
            				<?php if (empty($removedOptions['sgpb-close-button-position'])) :?>
-            -
            					<div class="row form-group">
-            -
            						<label for="redirect-to-url" class="col-md-5 control-label sgpb-sub-option">
-            -
            							<?php _e('Button position', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            						</label>
-            -
            						<div class="col-md-6"><?php echo AdminHelper::createSelectBox($defaultCloseButtonPositions, $closeButtonPosition, array('name' => 'sgpb-close-button-position', 'class'=>'js-sg-select2 sgpb-close-button-position')); ?></div>
-            -
            					</div>
-            -
            					<div class="row form-group sgpb-button-position-top-js"<?php echo $hideTopPosition ;?>>
-            -
            						<label for="sgpb-button-position-top" class="col-md-5 control-label sgpb-double-sub-option">
-            -
            							<?php _e('top', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            						</label>
-            -
            						<div class="col-md-6">
-            -
            							<input id="sgpb-button-position-top" class="sgpb-full-width form-control sgpb-full-width-events" step="0.5" type="number" name="sgpb-button-position-top" value="<?php echo $popupTypeObj->getOptionValue('sgpb-button-position-top'); ?>">
-            -
            						</div>
-            -
            						<div class="col-md-1">
-            -
            							<span class="sgpb-restriction-unit">px</span>
-            -
            						</div>
-            -
            					</div>
-            -
            					<div class="row form-group sgpb-button-position-right-js"<?php echo $hideRightPosition ;?>>
-            -
            						<label for="sgpb-button-position-right" class="col-md-5 control-label sgpb-double-sub-option">
-            -
            							<?php _e('right', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            						</label>
-            -
            						<div class="col-md-6">
-            -
            							<input id="sgpb-button-position-right" class="sgpb-full-width form-control sgpb-full-width-events" step="0.5" type="number" name="sgpb-button-position-right" value="<?php echo $popupTypeObj->getOptionValue('sgpb-button-position-right'); ?>">
-            -
            						</div>
-            -
            						<div class="col-md-1">
-            -
            							<span class="sgpb-restriction-unit">px</span>
-            -
            						</div>
-            -
            					</div>
-            -
            					<div class="row form-group sgpb-button-position-bottom-js"<?php echo $hideBottomPosition ;?>>
-            -
            						<label for="sgpb-button-position-bottom" class="col-md-5 control-label sgpb-double-sub-option">
-            -
            							<?php _e('bottom', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            						</label>
-            -
            						<div class="col-md-6">
-            -
            							<input id="sgpb-button-position-bottom" class="sgpb-full-width form-control sgpb-full-width-events" step="0.5" type="number" name="sgpb-button-position-bottom" value="<?php echo $popupTypeObj->getOptionValue('sgpb-button-position-bottom'); ?>">
-            -
            						</div>
-            -
            						<div class="col-md-1">
-            -
            							<span class="sgpb-restriction-unit">px</span>
             						</div>
-            -
            					</div>
-            -
            					<div class="row form-group sgpb-button-position-left-js"<?php echo $hideLeftPosition ;?>>
-            -
            						<label for="sgpb-button-position-left" class="col-md-5 control-label sgpb-double-sub-option">
-            -
            							<?php _e('left', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            						</label>
-            -
            						<div class="col-md-6">
-            -
            							<input id="sgpb-button-position-left" class="sgpb-full-width form-control sgpb-full-width-events" step="0.5" type="number" name="sgpb-button-position-left" value="<?php echo $popupTypeObj->getOptionValue('sgpb-button-position-left'); ?>">
             						</div>
-            -
            						<div class="col-md-1">
-            -
            							<span class="sgpb-restriction-unit">px</span>
             						</div>
-            -
            					</div>
-            -
            				<?php endif; ?>
-            -
            				<div class="<?php echo ($popupTypeObj->getOptionValue('sgpb-popup-themes') == 'sgpb-theme-4') ? 'sg-hide ' : '' ;?>sgpb-close-button-image-option-wrapper">
-            -
            					<div class="row form-group">
-            -
            						<label for="redirect-to-url" class="col-md-5 control-label sgpb-static-padding-top sgpb-sub-option">
-            -
            							<?php _e('Button image', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            						</label>
-            -
            						<div>
-            -
            							<div class="sgpb-button-image-uploader-wrapper">
-            -
            								<input class="sg-hide" id="js-button-upload-image" type="text" size="36" name="sgpb-button-image" value="<?php echo (esc_attr($popupTypeObj->getOptionValue('sgpb-button-image'))) ? esc_attr($popupTypeObj->getOptionValue('sgpb-button-image')) : '' ; ?>">
             							</div>
             						</div>
-            -
            						<div class="col-md-7">
-            -
            							<div class="row">
-            -
            								<div class="col-md-3 sgpb-close-btn-image-wrapper">
-            -
            									<div class="sgpb-show-button-image-container" style="background-image: url(<?php echo $buttonImage;?>);">
-            -
            										<span class="sgpb-no-image"></span>
             									</div>
             								</div>
-            -
            								<div class="col-md-6 sgpb-close-btn-change-image-wrapper">
-            -
            									<input id="js-button-upload-image-button" class="btn btn-sm btn-default" type="button" value="<?php _e('Change image', SG_POPUP_TEXT_DOMAIN);?>">
-            -
            								</div>
-            -
            								<div class="col-md-3 js-sgpb-remove-close-button-image<?php echo (!$popupTypeObj->getOptionValue('sgpb-button-image')) ? ' sg-hide' : '';?>">
-            -
            									<input id="js-button-upload-image-remove-button" class="btn btn-sm btn-danger" type="button" value="<?php _e('Remove', SG_POPUP_TEXT_DOMAIN);?>">
             								</div>
             							</div>
             						</div>
             					</div>
-            -
            					<div class="row form-group">
-            -
            						<label for="redirect-to-url" class="col-md-5 control-label sgpb-static-padding-top sgpb-double-sub-option">
-            -
            							<?php _e('Width', SG_POPUP_TEXT_DOMAIN)?>:
             						</label>
-            -
            						<div class="col-md-6">
-            -
            							<input class="sgpb-full-width form-control sgpb-full-width-events" type="number" min="0" name="sgpb-button-image-width" value="<?php echo $popupTypeObj->getOptionValue('sgpb-button-image-width'); ?>" required>
-            -
            						</div>
-            -
            						<div class="col-md-1">
-            -
            							<span class="sgpb-restriction-unit">px</span>
-            -
            						</div>
             					</div>
-            -
            					<div class="row form-group">
-            -
            						<label for="redirect-to-url" class="col-md-5 control-label sgpb-static-padding-top sgpb-double-sub-option">
-            -
            							<?php _e('Height', SG_POPUP_TEXT_DOMAIN)?>:
             						</label>
-            -
            						<div class="col-md-6">
-            -
            							<input class="sgpb-full-width form-control sgpb-full-width-events" type="number" min="0" name="sgpb-button-image-height" value="<?php echo $popupTypeObj->getOptionValue('sgpb-button-image-height'); ?>" required>
-            -
            						</div>
-            -
            						<div class="col-md-1">
-            -
            							<span class="sgpb-restriction-unit">px</span>
             						</div>
             					</div>
             				</div>
-            -
            				<div class="<?php echo ($popupTypeObj->getOptionValue('sgpb-popup-themes') != 'sgpb-theme-3') ? 'sg-hide ' : '' ;?>sgpb-close-button-border-options">
-            -
            					<div class="row form-group">
-            -
            						<label class="col-md-5 control-label sgpb-static-padding-top">
-            -
            							<?php _e('Popup border color', SG_POPUP_TEXT_DOMAIN)?>:
             						</label>
-            -
            						<div class="col-md-7">
-            -
            							<div class="sgpb-color-picker-wrapper sgpb-border-color">
-            -
            								<input class="sgpb-color-picker sgpb-border-color" type="text" name="sgpb-border-color" value="<?php echo (esc_attr($popupTypeObj->getOptionValue('sgpb-border-color'))) ? esc_attr($popupTypeObj->getOptionValue('sgpb-border-color')) : '#000000' ; ?>">
-            -
            							</div>
-            -
            						</div>
             					</div>
-            -
            					<div class="row form-group">
-            -
            						<label class="col-md-5 control-label sgpb-static-padding-top">
-            -
            							<?php _e('Popup border radius', SG_POPUP_TEXT_DOMAIN)?>:
             						</label>
-            -
            						<div class="col-md-6">
-            -
            							<input class="sgpb-full-width form-control sgpb-full-width-events" type="number" min="0" name="sgpb-border-radius" value="<?php echo (esc_attr($popupTypeObj->getOptionValue('sgpb-border-radius'))) ? esc_attr($popupTypeObj->getOptionValue('sgpb-border-radius')) : '0' ; ?>">
-            -
            						</div>
-            -
            						<div class="col-md-1">
-            -
            							<?php echo AdminHelper::createSelectBox($defaultData['pxPercent'], $borderRadiusType, array('name' => 'sgpb-border-radius-type', 'class'=>'sgpb-border-radius-type js-sg-select2')); ?>
             						</div>
             					</div>
             				</div>
-            -
            				<div class="<?php echo ($popupTypeObj->getOptionValue('sgpb-popup-themes') != 'sgpb-theme-4') ? 'sg-hide ' : '' ;?>sgpb-close-button-text-option-wrapper">
-            -
            					<div class="row form-group">
-            -
            						<label class="col-md-5 control-label sgpb-static-padding-top">
-            -
            							<?php _e('Button text', SG_POPUP_TEXT_DOMAIN)?>:
             						</label>
-            -
            						<div class="col-md-6">
-            -
            							<div class="sgpb-button-text">
-            -
            								<input class="form-control sgpb-full-width-events" type="text" name="sgpb-button-text" value="<?php echo (esc_attr($popupTypeObj->getOptionValue('sgpb-button-text'))) ? esc_attr($popupTypeObj->getOptionValue('sgpb-button-text')) : __('Close', SG_POPUP_TEXT_DOMAIN) ; ?>" autocomplete="off">
-            -
            							</div>
-            -
            						</div>
             					</div>
             				</div>
-            -
            			</div>
-            -
            			<?php endif;?>
-            -
            			<?php if (empty($removedOptions['sgpb-disable-page-scrolling'])): ?>
-            -
            				<div class="row form-group">
-            -
            					<label for="overlay-click" class="col-md-5 control-label sgpb-static-padding-top">
-            -
            						<?php _e('Dismiss on overlay click', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            					</label>
-            -
            					<div class="col-md-7">
-            -
            						<input type="checkbox" id="overlay-click" name="sgpb-overlay-click" <?php echo $popupTypeObj->getOptionValue('sgpb-overlay-click'); ?>>
-            -
            						<span class="dashicons dashicons-editor-help sgpb-info-icon sgpb-info-icon-align"></span>
-            -
            						<span class="infoSelectRepeat samefontStyle sgpb-info-text">
-            -
            							<?php _e('The popup will close when clicked on the overlay of the popup', SG_POPUP_TEXT_DOMAIN)?>.
-            -
            						</span>
             					</div>
             				</div>
             			<?php endif; ?>
-            -
            			<div class="row form-group">
-            -
            				<label for="popup-closing" class="col-md-5 control-label sgpb-static-padding-top">
-            -
            					<?php _e('Disable popup closing', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            				</label>
-            -
            				<div class="col-md-2<?php echo (!$disablePopupClosing) ? ' sgpb-pro-options-row' : '' ;?>">
-            -
            					<?php if ($disablePopupClosing): ?>
-            -
            						<input type="checkbox" id="popup-closing" name="sgpb-disable-popup-closing" <?php echo $popupTypeObj->getOptionValue('sgpb-disable-popup-closing'); ?>>
-            -
            					<?php else: ?>
-            -
            						<input type="checkbox" id="popup-closing" name="sgpb-disable-popup-closing" disabled>
-            -
            					<?php endif; ?>
-            -
            					<span class="dashicons dashicons-editor-help sgpb-info-icon sgpb-info-icon-align"></span>
-            -
            					<span class="infoSelectRepeat samefontStyle sgpb-info-text">
-            -
            						<?php _e('The users will not be able to close the popup, if this option is checked', SG_POPUP_TEXT_DOMAIN)?>.
-            -
            					</span>
-            -
            				</div>
-            -
            				<?php if (!$disablePopupClosing): ?>
-            -
            					<div class="col-md-2 sgpb-pro-options-label-wrapper">
-            -
            						<a href="<?php echo SG_POPUP_ADVANCED_CLOSING_URL;?>" target="_blank" class="btn btn-warning btn-xs sgpb-pro-label-sm sgpb-advanced-closing-pro-label"><?php _e('UNLOCK OPTION', SG_POPUP_TEXT_DOMAIN) ?></a>
-            -
            					</div>
-            -
            				<?php endif; ?>
-            -
            			</div>
-            -
            		</div>
             	</div>
             </div>


1	<?php









2
3	+ use sgpb\AdminHelper;
4	+ use sgpb\PopupBuilderActivePackage;














5
6	+ $defaultData = ConfigDataHelper::defaultData();
7	+ $removedOptions = $popupTypeObj->getRemoveOptions();
8	+ $autoClose = PopupBuilderActivePackage::canUseOption('sgpb-auto-close');
9	+ $closeAfterPageScroll = PopupBuilderActivePackage::canUseOption('sgpb-close-after-page-scroll');
10	+ $closeButtonPosition = AdminHelper::themeRelatedSettings(
11	+ $popupTypeObj->getOptionValue('sgpb-post-id'),
12	+ $popupTypeObj->getOptionValue('sgpb-close-button-position'),
13	+ $popupTypeObj->getOptionValue('sgpb-popup-themes')
14	+ );
15
16	+ $hideTopPosition = '';
17	+ if($closeButtonPosition == 'bottomRight' \|\| $closeButtonPosition == 'bottomLeft') {
18	+ $hideTopPosition = ' sgpb-display-none';
19	+ }
20	+ $hideBottomPosition = '';
21	+ if($closeButtonPosition == 'topRight' \|\| $closeButtonPosition == 'topLeft') {
22	+ $hideBottomPosition = ' sgpb-display-none';
23	+ }
24	+ $hideRightPosition = '';
25	+ if($closeButtonPosition == 'topLeft' \|\| $closeButtonPosition == 'bottomLeft') {
26	+ $hideRightPosition = ' sgpb-display-none';
27	+ }
28	+ $hideLeftPosition = '';
29	+ if($closeButtonPosition == 'topRight' \|\| $closeButtonPosition == 'bottomRight') {
30	+ $hideLeftPosition = ' sgpb-display-none';
31	+ }
32	+
33	+ $defaultCloseButtonPositions = $defaultData['closeButtonPositions'];
34	+ if($popupTypeObj->getOptionValue('sgpb-popup-themes') == 'sgpb-theme-1' \|\|
35	+ $popupTypeObj->getOptionValue('sgpb-popup-themes') == 'sgpb-theme-4' \|\|
36	+ $popupTypeObj->getOptionValue('sgpb-popup-themes') == 'sgpb-theme-5') {
37	+ $defaultCloseButtonPositions = $defaultData['closeButtonPositionsFirstTheme'];
38	+ }
39	+
40	+ $borderRadiusType = $popupTypeObj->getOptionValue('sgpb-border-radius-type');
41	+ if(!$popupTypeObj->getOptionValue('sgpb-border-radius-type')) {
42	+ $borderRadiusType = '%';
43	+ }
44	+ $buttonImage = AdminHelper::defaultButtonImage(
45	+ $popupTypeObj->getOptionValue('sgpb-popup-themes'),
46	+ $popupTypeObj->getOptionValue('sgpb-button-image')
47	+ );
48	+ if(strpos($buttonImage, 'http') === false) {
49	+ $buttonImage = 'data:image/png;base64,'.$buttonImage;
50	+ }
51	+ $disablePopupClosing = PopupBuilderActivePackage::canUseOption('sgpb-disable-popup-closing');
52	?>
53	+ <div class="sgpb sgpb-wrapper">
54	+ <div class="sgpb-close-settings">
55	+ <?php if(empty($removedOptions['sgpb-esc-key'])) : ?>
56	+ <div class="formItem">
57	+ <span class="formItem__title"><?php _e('Dismiss on "esc" key', SG_POPUP_TEXT_DOMAIN) ?>:</span>
58	+ <div class="sgpb-onOffSwitch">
59	+ <input type="checkbox" class="sgpb-onOffSwitch-checkbox" id="esc-key"
60	+ name="sgpb-esc-key" <?php echo $popupTypeObj->getOptionValue('sgpb-esc-key'); ?>>
61	+ <label class="sgpb-onOffSwitch__label" for="esc-key">
62	+ <span class="sgpb-onOffSwitch-inner"></span>
63	+ <span class="sgpb-onOffSwitch-switch"></span>
64	+ </label>
65	+ </div>
66	+ <div class="question-mark">B</div>
67	+ <div class="sgpb-info-wrapper">
68	+ <span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
69	+ <?php _e('The popup will close if the "Esc" key of your keyboard is clicked.', SG_POPUP_TEXT_DOMAIN) ?>
70	</span>
71	</div>
72	</div>
73	+ <?php endif; ?>
74	+
75	+ <?php if(empty($removedOptions['sgpb-enable-close-button'])) : ?>
76	+ <div class="formItem">
77	+ <span class="formItem__title"><?php _e('Show "close" button', SG_POPUP_TEXT_DOMAIN) ?>:</span>
78	+ <div class="sgpb-onOffSwitch onOffswitch_smallMargin">
79	+ <input class="js-checkbox-accordion sgpb-onOffSwitch-checkbox" type="checkbox" id="close-button"
80	+ name="sgpb-enable-close-button" <?php echo $popupTypeObj->getOptionValue('sgpb-enable-close-button'); ?>>
81	+ <label class="sgpb-onOffSwitch__label" for="close-button">
82	+ <span class="sgpb-onOffSwitch-inner"></span>
83	+ <span class="sgpb-onOffSwitch-switch"></span>
84	+ </label>
85	+ </div>
86	+ <div class="question-mark">B</div>
87	+ <div class="sgpb-info-wrapper">
88	+ <span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
89	+ <?php _e('Uncheck this option if you don\'t want to show a "close" button on your popup.', SG_POPUP_TEXT_DOMAIN) ?>
90	+ </span>
91	</div>
92	</div>
93	+ <div class="formItem sg-full-width sgpb-padding-20 sgpb-width-100 sgpb-bg-black__opacity-02 sgpb-border-radius-5px">
94	+ <div class="subForm">
95	+ <?php if(empty($removedOptions['sgpb-close-button-delay'])) : ?>
96	+ <div class="subFormItem sgpb-display-flex sgpb-align-item-center sgpb-margin-bottom-20">
97	+ <span class="subFormItem__title sgpb-margin-right-20"><?php _e('Button delay', SG_POPUP_TEXT_DOMAIN) ?>:</span>
98	+ <input type="number" min="0" id="sgpb-close-button-delay" class="subFormItem__input"
99	+ name="sgpb-close-button-delay"
100	+ value="<?php echo $popupTypeObj->getOptionValue('sgpb-close-button-delay'); ?>"
101	+ placeholder="e.g.: 1">
102	+ <div class="question-mark">B</div>
103	+ <div class="sgpb-info-wrapper">
104	+ <span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
105	+ <?php _e('Specify the time (in seconds) after which the close button will appear. The close button will be shown by default without any delay if no time is specified.', SG_POPUP_TEXT_DOMAIN) ?>
106	+ </span>
107	+ </div>








































108	</div>
109	+ <?php endif; ?>
110	+ <?php if(empty($removedOptions['sgpb-close-button-position'])) : ?>
111	+ <div class="subFormItem sgpb-display-flex sgpb-align-item-center sgpb-margin-bottom-20">
112	+ <span class="subFormItem__title sgpb-margin-right-20"><?php _e('Button position', SG_POPUP_TEXT_DOMAIN) ?>:</span>
113	+ <?php echo AdminHelper::createSelectBox($defaultCloseButtonPositions, $closeButtonPosition, array('name' => 'sgpb-close-button-position',
114	+ 'class' => 'js-sg-select2 sgpb-close-button-position'
115	+ )); ?>
116	</div>
117	+
118	+ <div class="formItem formItem">
119	+ <div class="buttonPosition sgpb-button-position-top-js sgpb-display-flex sgpb-align-item-center sgpb-margin-right-20 <?php echo $hideTopPosition; ?>">
120	+ <span class="formItem__direction sgpb-margin-right-30"><?php _e('Top', SG_POPUP_TEXT_DOMAIN) ?></span>
121	+ <div class="inputPxWrapper">
122	+ <input id="sgpb-button-position-top" class="formItem__input" step="0.5"
123	+ type="number" name="sgpb-button-position-top"
124	+ value="<?php echo $popupTypeObj->getOptionValue('sgpb-button-position-top'); ?>">
125	+ <span class="formItem__inputValueType">px</span>
126	+ </div>
127	+ </div>
128	+ <div class="buttonPosition sgpb-button-position-right-js sgpb-display-flex sgpb-align-item-center sgpb-margin-right-20 <?php echo $hideRightPosition; ?>">
129	+ <span class="formItem__direction sgpb-margin-right-20"><?php _e('Right', SG_POPUP_TEXT_DOMAIN) ?></span>
130	+ <div class="inputPxWrapper ">
131	+ <input id="sgpb-button-position-right" class="formItem__input" step="0.5"
132	+ type="number" name="sgpb-button-position-right"
133	+ value="<?php echo $popupTypeObj->getOptionValue('sgpb-button-position-right'); ?>">
134	+ <span class="formItem__inputValueType">px</span>
135	+ </div>
136	+ </div>
137	+ <div class="buttonPosition sgpb-button-position-bottom-js sgpb-display-flex sgpb-align-item-center sgpb-margin-right-20 <?php echo $hideBottomPosition; ?>">
138	+ <span class="formItem__direction sgpb-margin-right-20"><?php _e('Bottom', SG_POPUP_TEXT_DOMAIN) ?></span>
139	+ <div class="inputPxWrapper">
140	+ <input id="sgpb-button-position-bottom" class="formItem__input" step="0.5"
141	+ type="number" name="sgpb-button-position-bottom"
142	+ value="<?php echo $popupTypeObj->getOptionValue('sgpb-button-position-bottom'); ?>">
143	+ <span class="formItem__inputValueType">px</span>
144	+ </div>
145	+ </div>
146	+ <div class="buttonPosition sgpb-button-position-left-js sgpb-display-flex sgpb-align-item-center sgpb-margin-right-20 <?php echo $hideLeftPosition; ?>">
147	+ <span class="formItem__direction sgpb-margin-right-40"><?php _e('Left', SG_POPUP_TEXT_DOMAIN) ?></span>
148	+ <div class="inputPxWrapper">
149	+ <input id="sgpb-button-position-left" class="formItem__input" step="0.5"
150	+ type="number" name="sgpb-button-position-left"
151	+ value="<?php echo $popupTypeObj->getOptionValue('sgpb-button-position-left'); ?>">
152	+ <span class="formItem__inputValueType">px</span>
153	+ </div>
154	+ </div>
155	</div>
156	+ <?php endif; ?>
157	+ <div class="<?php echo ($popupTypeObj->getOptionValue('sgpb-popup-themes') == 'sgpb-theme-4') ? 'sgpb-display-none ' : ''; ?>sgpb-close-button-image-option-wrapper">
158	+ <div class="subFormItem sgpb-display-flex sgpb-align-item-center sgpb-margin-bottom-20">
159	+ <span class="subFormItem__title sgpb-margin-right-20"><?php _e('Button image', SG_POPUP_TEXT_DOMAIN) ?>:</span>
160	+ <div type="text" class="subFormItem__x sgpb-margin-right-10">
161	+ <div class="sgpb-show-button-image-container"
162	+ style="background-image: url(<?php echo $buttonImage; ?>);">
163	+ <span class="sgpb-no-image"></span>
164	+ </div>
165	+ </div>
166	+ <div class="easy-icons-wrapper sgpb-display-inline-flex">
167	+ <div class="icons__item icons_blue sgpb-margin-right-10">
168	+ <img id="js-button-upload-image-button"
169	+ src="<?php echo SG_POPUP_PUBLIC_URL.'icons/cloud.svg'; ?>"
170	+ alt="<?php _e('Change image', SG_POPUP_TEXT_DOMAIN) ?>">
171	+ </div>
172	+ <div class="icons__item icons_pink js-sgpb-remove-close-button-image<?php echo (!$popupTypeObj->getOptionValue('sgpb-button-image')) ? ' sg-hide' : ''; ?>">
173	+ <img id="js-button-upload-image-remove-button"
174	+ src="<?php echo SG_POPUP_PUBLIC_URL.'icons/recycle-bin.svg'; ?>"
175	+ alt="<?php _e('Remove', SG_POPUP_TEXT_DOMAIN) ?>">
176	+ </div>
177	+ <div class="sgpb-button-image-uploader-wrapper">
178	+ <input class="sg-hide" id="js-button-upload-image" type="text" size="36"
179	+ name="sgpb-button-image"
180	+ value="<?php echo (esc_attr($popupTypeObj->getOptionValue('sgpb-button-image'))) ? esc_attr($popupTypeObj->getOptionValue('sgpb-button-image')) : ''; ?>">
181	+ </div>
182	</div>
183	</div>
184	+ <div class="formItem_aligne_bottom formItem_itemsCentered">
185	+ <div class="buttonPosition__wrapper">
186	+ <div class="buttonPosition sgpb-display-flex sgpb-align-item-center sgpb-margin-bottom-20">
187	+ <span class="formItem__direction sgpb-margin-right-20"><?php _e('Width ', SG_POPUP_TEXT_DOMAIN) ?></span>
188	+ <div class="inputPxWrapper">
189	+ <input class="formItem__input" type="number" min="0"
190	+ name="sgpb-button-image-width"
191	+ value="<?php echo $popupTypeObj->getOptionValue('sgpb-button-image-width'); ?>"
192	+ required>
193	+ <span class="formItem__inputValueType">px</span>
194	</div>
195	</div>
196	+ <div class="buttonPosition sgpb-display-flex sgpb-align-item-center sgpb-margin-bottom-20">
197	+ <span class="formItem__direction sgpb-margin-right-20"><?php _e('Height', SG_POPUP_TEXT_DOMAIN) ?></span>
198	+ <div class="inputPxWrapper ">
199	+ <input class="formItem__input" type="number" min="0"
200	+ name="sgpb-button-image-height"
201	+ value="<?php echo $popupTypeObj->getOptionValue('sgpb-button-image-height'); ?>"
202	+ required>
203	+ <span class="formItem__inputValueType">px</span>
204	+ </div>
205	</div>
206	</div>
207	</div>
208	</div>
209	+ </div>
210	+ <div class="formItem sgpb-close-button-border-options<?php echo ($popupTypeObj->getOptionValue('sgpb-popup-themes') != 'sgpb-theme-3') ? ' sg-hide' : ''; ?>">
211	+ <span class="formItem__title"><?php _e('Popup border color', SG_POPUP_TEXT_DOMAIN) ?>:</span>
212	+ <div class="sgpb-color-picker-wrapper sgpb-overlay-color unhideColorPicker subFormItem">
213	+ <input class="sgpb-color-picker sgpb-border-color" type="text" name="sgpb-border-color"
214	+ value="<?php echo (esc_attr($popupTypeObj->getOptionValue('sgpb-border-color'))) ? esc_attr($popupTypeObj->getOptionValue('sgpb-border-color')) : '#000000'; ?>">
215	+ </div>
216	+ </div>
217	+ <div class="formItem sgpb-close-button-border-options<?php echo ($popupTypeObj->getOptionValue('sgpb-popup-themes') != 'sgpb-theme-3') ? ' sg-hide' : ''; ?>">
218	+ <span class="formItem__title"><?php _e('Popup border radius', SG_POPUP_TEXT_DOMAIN) ?>:</span>
219	+ <input class="formItem__input sgpb-margin-right-10" type="number" min="0" name="sgpb-border-radius"
220	+ value="<?php echo (esc_attr($popupTypeObj->getOptionValue('sgpb-border-radius'))) ? esc_attr($popupTypeObj->getOptionValue('sgpb-border-radius')) : '0'; ?>">
221	+ <?php echo AdminHelper::createSelectBox($defaultData['pxPercent'], $borderRadiusType, array('name' => 'sgpb-border-radius-type',
222	+ 'class' => 'sgpb-border-radius-type js-sg-select2'
223	+ )); ?>
224	+ </div>
225	+ <div class="<?php echo ($popupTypeObj->getOptionValue('sgpb-popup-themes') != 'sgpb-theme-4') ? 'sg-hide ' : ''; ?>sgpb-close-button-text-option-wrapper">
226	+ <div class="formItem formItem_itemsCentered">
227	+ <span class="formItem__title"><?php _e('Button text', SG_POPUP_TEXT_DOMAIN); ?>:</span>
228	+ <input class="formItem__input formItem__input_sgpb-button-text" type="text" name="sgpb-button-text"
229	+ value="<?php echo (esc_attr($popupTypeObj->getOptionValue('sgpb-button-text'))) ? esc_attr($popupTypeObj->getOptionValue('sgpb-button-text')) : __('Close', SG_POPUP_TEXT_DOMAIN); ?>"
230	+ autocomplete="off">
231	+ </div>
232	+ </div>
233	+ </div>
234	+ <?php endif; ?>
235	+ <?php if(empty($removedOptions['sgpb-disable-page-scrolling'])): ?>
236	+ <div class="formItem">
237	+ <span class="formItem__title"><?php _e('Dismiss on overlay click', SG_POPUP_TEXT_DOMAIN) ?>:</span>
238	+ <div class="sgpb-onOffSwitch">
239	+ <input type="checkbox" class="sgpb-onOffSwitch-checkbox" id="overlay-click"
240	+ name="sgpb-overlay-click" <?php echo $popupTypeObj->getOptionValue('sgpb-overlay-click'); ?>>
241	+ <label class="sgpb-onOffSwitch__label" for="overlay-click">
242	+ <span class="sgpb-onOffSwitch-inner"></span>
243	+ <span class="sgpb-onOffSwitch-switch"></span>
244	+ </label>
245	+ </div>
246	+ <div class="question-mark">B</div>
247	+ <div class="sgpb-info-wrapper">
248	+ <span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
249	+ <?php _e('The popup will close when clicked on the overlay of the popup.', SG_POPUP_TEXT_DOMAIN) ?>
250	+ </span>
251	+ </div>
252	+ </div>
253	+ <?php endif; ?>
254	+
255	+ <?php if(empty($removedOptions['sgpb-disable-popup-closing'])): ?>
256	+ <?php if ($disablePopupClosing): ?>
257	+ <div class="formItem">
258	+ <span class="formItem__title"><?php _e('Disable popup closing', SG_POPUP_TEXT_DOMAIN)?>:</span>
259	+ <div class="sgpb-onOffSwitch">
260	+ <input type="checkbox" class="sgpb-onOffSwitch-checkbox" id="popup-closing" name="sgpb-disable-popup-closing" <?php echo $popupTypeObj->getOptionValue('sgpb-disable-popup-closing'); ?>>
261	+ <label class="sgpb-onOffSwitch__label" for="popup-closing">
262	+ <span class="sgpb-onOffSwitch-inner"></span>
263	+ <span class="sgpb-onOffSwitch-switch"></span>
264	</label>






265	</div>
266	+ <div class="question-mark">B</div>
267	+ <div class="sgpb-info-wrapper">
268	+ <span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
269	+ <?php _e('The users will not be able to close the popup, if this option is checked.', SG_POPUP_TEXT_DOMAIN)?>
270	+ </span>
271	+ </div>
272	+ </div>
273	+ <?php else: ?>
274	+ <div class="formItem sgpb-padding-20 sgpb-option-disable" onclick="window.open('<?php echo SG_POPUP_ADVANCED_CLOSING_URL;?>', '_blank')">
275	+ <span class="formItem__title"><?php _e('Disable popup closing', SG_POPUP_TEXT_DOMAIN)?>:</span>
276	+ <div class="sgpb-onOffSwitch">
277	+ <input type="checkbox" class="sgpb-onOffSwitch-checkbox" id="popup-closing" name="sgpb-disable-popup-closing" disabled>
278	+ <label class="sgpb-onOffSwitch__label" for="popup-closing">
279	+ <span class="sgpb-onOffSwitch-inner"></span>
280	+ <span class="sgpb-onOffSwitch-switch"></span>
281	</label>
282	+ </div>
283	+ <div class="question-mark">B</div>
284	+ <div class="sgpb-info-wrapper">
285	+ <span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
286	+ <?php _e('The users will not be able to close the popup, if this option is checked.', SG_POPUP_TEXT_DOMAIN)?>
287	+ </span>
288	+ </div>
289	+ <div class="sgpb-unlock-options">
290	+ <div class="sgpb-unlock-options__icon">
291	+ <img src="<?php echo SG_POPUP_PUBLIC_URL.'icons/time-is-money.svg';?>" alt="Time icon" width="45" height="45" />
292	</div>
293	+ <span class="sgpb-unlock-options__title"><?php _e('Unlock Option', SG_POPUP_TEXT_DOMAIN); ?></span>
294	</div>
295	</div>
296	+ <?php endif; ?>
297	+ <?php endif; ?>
298	+ <?php if (empty($removedOptions['sgpb-auto-close'])): ?>
299	+ <?php if ($autoClose): ?>
300	+ <div class="formItem">
301	+ <span class="formItem__title"><?php _e('Auto close popup', SG_POPUP_TEXT_DOMAIN)?>:</span>
302	+ <div class="sgpb-onOffSwitch">
303	+ <input type="checkbox" id="auto-close" class="js-checkbox-accordion sgpb-onOffSwitch-checkbox" name="sgpb-auto-close" <?php echo $popupTypeObj->getOptionValue('sgpb-auto-close'); ?>>
304	+ <label class="sgpb-onOffSwitch__label" for="auto-close">
305	+ <span class="sgpb-onOffSwitch-inner"></span>
306	+ <span class="sgpb-onOffSwitch-switch"></span>
307	</label>





308	</div>
309	+ </div>
310	+ <?php else: ?>
311	+ <div class="formItem sgpb-padding-20 sgpb-option-disable" onclick="window.open('<?php echo SG_POPUP_ADVANCED_CLOSING_URL;?>', '_blank')">
312	+ <span class="formItem__title"><?php _e('Auto close popup', SG_POPUP_TEXT_DOMAIN)?>:</span>
313	+ <div class="sgpb-onOffSwitch">
314	+ <input type="checkbox" id="auto-close" name="sgpb-auto-close" disabled class="sgpb-onOffSwitch-checkbox">
315	+ <label class="sgpb-onOffSwitch__label" for="auto-close">
316	+ <span class="sgpb-onOffSwitch-inner"></span>
317	+ <span class="sgpb-onOffSwitch-switch"></span>
318	</label>
319	+ </div>
320	+ <div class="sgpb-unlock-options sgpb-margin-left-20">
321	+ <div class="sgpb-unlock-options__icon">
322	+ <img src="<?php echo SG_POPUP_PUBLIC_URL.'icons/time-is-money.svg';?>" alt="Time icon" width="45" height="45" />

323	</div>
324	+ <span class="sgpb-unlock-options__title"><?php _e('Unlock Option', SG_POPUP_TEXT_DOMAIN); ?></span>
325	</div>
326	</div>
327	+ <?php endif; ?>
328	+ <?php endif; ?>
329	+ <?php if ($autoClose && empty($removedOptions['sgpb-auto-close-time'])): ?>
330	+ <?php do_action('autoCloseOptions', $popupTypeObj); ?>
331	+ <?php endif; ?>
332	+
333	+ <?php if (empty($removedOptions['sgpb-close-after-page-scroll'])): ?>
334	+ <?php if ($closeAfterPageScroll): ?>
335	+ <div class="formItem">
336	+ <span class="formItem__title"><?php _e('Close popup after the page scroll', SG_POPUP_TEXT_DOMAIN); ?>:</span>
337	+ <div class="sgpb-onOffSwitch">
338	+ <input type="checkbox" class="sgpb-onOffSwitch-checkbox" id="sgpb-close-after-page-scroll" class="" name="sgpb-close-after-page-scroll" <?php echo $popupTypeObj->getOptionValue('sgpb-close-after-page-scroll'); ?>>
339	+ <label class="sgpb-onOffSwitch__label" for="sgpb-close-after-page-scroll">
340	+ <span class="sgpb-onOffSwitch-inner"></span>
341	+ <span class="sgpb-onOffSwitch-switch"></span>
342	</label>





343	</div>
344	</div>
345	+ <?php else: ?>
346	+ <div class="formItem sgpb-padding-20 sgpb-option-disable" onclick="window.open('<?php echo SG_POPUP_ADVANCED_CLOSING_URL;?>', '_blank')">
347	+ <span class="formItem__title"><?php _e('Close popup after the page scroll', SG_POPUP_TEXT_DOMAIN); ?>:</span>
348	+ <div class="sgpb-onOffSwitch">
349	+ <input type="checkbox" id="sgpb-close-after-page-scroll" name="sgpb-close-after-page-scroll" disabled>
350	+ <label class="sgpb-onOffSwitch__label" for="sgpb-close-after-page-scroll">
351	+ <span class="sgpb-onOffSwitch-inner"></span>
352	+ <span class="sgpb-onOffSwitch-switch"></span>
353	+ </label>
354	+ </div>
355	+ <div class="sgpb-unlock-options sgpb-margin-left-20">
356	+ <div class="sgpb-unlock-options__icon">
357	+ <img src="<?php echo SG_POPUP_PUBLIC_URL.'icons/time-is-money.svg';?>" alt="Time icon" width="45" height="45" />
358	+ </div>
359	+ <span class="sgpb-unlock-options__title"><?php _e('Unlock Option', SG_POPUP_TEXT_DOMAIN); ?></span>
360	</div>
361	</div>
362	<?php endif; ?>
363	+
364	+ <?php endif; ?>
365	+



















366	</div>
367	+
368	</div>

public/views/conditionsView.php CHANGED Viewed

@@ -1,255 +1,77 @@
             <?php
             use sgpb\AdminHelper;
             $defaultData = ConfigDataHelper::defaultData();
-            -
            $defaultConditions = $defaultData['freeConditions'];
             ?>
-            -
            <div class="sgpb-wrapper sgpb-conditions-description-wrapper">
-            -
            	<div class="row">
-            -
            		<div class="col-md-3">
-            -
            			<label><?php _e('Condition', SG_POPUP_TEXT_DOMAIN);?></label>
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<label><?php _e('Page operator', SG_POPUP_TEXT_DOMAIN);?></label>
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<label><?php _e('Select countries', SG_POPUP_TEXT_DOMAIN);?></label>
-            -
            		</div>
-            -
            	</div>
-            -
            	<div class="row form-group">
-            -
            		<div class="col-md-3">
-            -
            			<?php echo AdminHelper::createSelectBox($defaultConditions, 'countries', array('class' => 'js-sg-select2')); ?>
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<?php echo AdminHelper::createSelectBox(array('is' => __('Is', SG_POPUP_TEXT_DOMAIN), 'is-not' => __('Is not', SG_POPUP_TEXT_DOMAIN)), 'is', array('class' => 'js-sg-select2')); ?>
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<input type="text" class="sgpb-full-width-events form-control" value="<?php _e('Select needed countries', SG_POPUP_TEXT_DOMAIN);?>">
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<a href="<?php echo SG_POPUP_GEO_TARGETING_URL;?>" target="_blank" class="btn btn-warning btn-xs sgpb-advanced-targeting-pro-label">
-            -
            				<?php _e('UNLOCK OPTION', SG_POPUP_TEXT_DOMAIN);?>
-            -
            			</a>
-            -
            		</div>
-            -
            	</div>
-            -
            	<div class="row">
-            -
            		<div class="col-md-3">
-            -
            			<label><?php _e('Condition', SG_POPUP_TEXT_DOMAIN);?></label>
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<label><?php _e('Page operator', SG_POPUP_TEXT_DOMAIN);?></label>
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<label><?php _e('Select user devices', SG_POPUP_TEXT_DOMAIN);?></label>
-            -
            		</div>
-            -
            	</div>
-            -
            	<div class="row form-group">
-            -
            		<div class="col-md-3">
-            -
            			<?php echo AdminHelper::createSelectBox($defaultConditions, 'devices', array('class' => 'js-sg-select2')); ?>
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<?php echo AdminHelper::createSelectBox(array('is' => __('Is', SG_POPUP_TEXT_DOMAIN), 'is-not' => __('Is not', SG_POPUP_TEXT_DOMAIN)), 'is', array('class' => 'js-sg-select2')); ?>
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<input type="text" class="sgpb-full-width-events form-control" value="<?php _e('Select needed devices', SG_POPUP_TEXT_DOMAIN);?>">
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<a href="<?php echo SG_POPUP_ADVANCED_TARGETING_URL;?>" target="_blank" class="btn btn-warning btn-xs sgpb-advanced-targeting-pro-label">
-            -
            				<?php _e('UNLOCK OPTION', SG_POPUP_TEXT_DOMAIN);?>
-            -
            			</a>
-            -
            		</div>
-            -
            	</div>
-            -
            	<div class="row">
-            -
            		<div class="col-md-3">
-            -
            			<label><?php _e('Condition', SG_POPUP_TEXT_DOMAIN);?></label>
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<label><?php _e('Page operator', SG_POPUP_TEXT_DOMAIN);?></label>
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<label><?php _e('Select user status', SG_POPUP_TEXT_DOMAIN);?></label>
-            -
            		</div>
-            -
            	</div>
-            -
            	<div class="row form-group">
-            -
            		<div class="col-md-3">
-            -
            			<?php echo AdminHelper::createSelectBox($defaultConditions, 'user-status', array('class' => 'js-sg-select2')); ?>
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<?php echo AdminHelper::createSelectBox(array('is' => __('Is', SG_POPUP_TEXT_DOMAIN), 'is-not' => __('Is not', SG_POPUP_TEXT_DOMAIN)), 'is', array('class' => 'js-sg-select2')); ?>
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<?php echo AdminHelper::createSelectBox(array('logged-in' => __('logged In', SG_POPUP_TEXT_DOMAIN)), 'logged-in', array('class' => 'js-sg-select2')); ?>
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<a href="<?php echo SG_POPUP_ADVANCED_TARGETING_URL;?>" target="_blank" class="btn btn-warning btn-xs sgpb-advanced-targeting-pro-label">
-            -
            				<?php _e('UNLOCK OPTION', SG_POPUP_TEXT_DOMAIN);?>
-            -
            			</a>
-            -
            		</div>
-            -
            	</div>
-            -
            	<div class="row">
-            -
            		<div class="col-md-3">
-            -
            			<label><?php _e('Condition', SG_POPUP_TEXT_DOMAIN);?></label>
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<label><?php _e('Page operator', SG_POPUP_TEXT_DOMAIN);?></label>
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<label><?php _e('Select user role', SG_POPUP_TEXT_DOMAIN);?></label>
-            -
            		</div>
-            -
            	</div>
-            -
            	<div class="row form-group">
-            -
            		<div class="col-md-3">
-            -
            			<?php echo AdminHelper::createSelectBox($defaultConditions, 'user-role', array('class' => 'js-sg-select2')); ?>
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<?php echo AdminHelper::createSelectBox(array('is' => __('Is', SG_POPUP_TEXT_DOMAIN), 'is-not' => __('Is not', SG_POPUP_TEXT_DOMAIN)), 'is', array('class' => 'js-sg-select2')); ?>
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<input type="text" class="sgpb-full-width-events form-control" value="<?php _e('Administrator, subscriber, editor...', SG_POPUP_TEXT_DOMAIN);?>">
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<a href="<?php echo SG_POPUP_ADVANCED_TARGETING_URL;?>" target="_blank" class="btn btn-warning btn-xs sgpb-advanced-targeting-pro-label">
-            -
            				<?php _e('UNLOCK OPTION', SG_POPUP_TEXT_DOMAIN);?>
             			</a>
-            -
            		</div>
-            -
            	</div>
-            -
            	<div class="row">
-            -
            		<div class="col-md-3">
-            -
            			<label><?php _e('Condition', SG_POPUP_TEXT_DOMAIN);?></label>
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<label><?php _e('Rule', SG_POPUP_TEXT_DOMAIN);?></label>
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<label><?php _e('Add the url', SG_POPUP_TEXT_DOMAIN);?></label>
-            -
            		</div>
-            -
            	</div>
-            -
            	<div class="row form-group">
-            -
            		<div class="col-md-3">
-            -
            			<?php echo AdminHelper::createSelectBox($defaultConditions, 'detect-by-url', array('class' => 'js-sg-select2')); ?>
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<?php echo AdminHelper::createSelectBox(array('starts-with' => __('Starts with', SG_POPUP_TEXT_DOMAIN)), 'starts-with', array('class' => 'js-sg-select2')); ?>
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<input type="text" class="sgpb-full-width-events form-control" value="<?php _e('https://', SG_POPUP_TEXT_DOMAIN);?>">
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<a href="<?php echo SG_POPUP_ADVANCED_TARGETING_URL;?>" target="_blank" class="btn btn-warning btn-xs sgpb-advanced-targeting-pro-label">
-            -
            				<?php _e('UNLOCK OPTION', SG_POPUP_TEXT_DOMAIN);?>
             			</a>
-            -
            		</div>
-            -
            	</div>
-            -
            	<div class="row">
-            -
            		<div class="col-md-3">
-            -
            			<label><?php _e('Condition', SG_POPUP_TEXT_DOMAIN);?></label>
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<label><?php _e('Rule', SG_POPUP_TEXT_DOMAIN);?></label>
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<label><?php _e('Add cookie name', SG_POPUP_TEXT_DOMAIN);?></label>
-            -
            		</div>
-            -
            	</div>
-            -
            	<div class="row form-group">
-            -
            		<div class="col-md-3">
-            -
            			<?php echo AdminHelper::createSelectBox($defaultConditions, 'cookie-detection', array('class' => 'js-sg-select2')); ?>
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<?php echo AdminHelper::createSelectBox(array('contains' => __('Contains', SG_POPUP_TEXT_DOMAIN)), 'contains', array('class' => 'js-sg-select2')); ?>
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<input type="text" class="sgpb-full-width-events form-control" placeholder="<?php _e('your_cookie_here', SG_POPUP_TEXT_DOMAIN);?>">
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<a href="<?php echo SG_POPUP_ADVANCED_TARGETING_URL;?>" target="_blank" class="btn btn-warning btn-xs sgpb-advanced-targeting-pro-label">
-            -
            				<?php _e('UNLOCK OPTION', SG_POPUP_TEXT_DOMAIN);?>
             			</a>
             		</div>
-            -
            	</div>
-            -
            	<div class="row">
-            -
            		<div class="col-md-3">
-            -
            			<label><?php _e('Condition', SG_POPUP_TEXT_DOMAIN);?></label>
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<label><?php _e('Rule', SG_POPUP_TEXT_DOMAIN);?></label>
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<label><?php _e('Select user OS', SG_POPUP_TEXT_DOMAIN);?></label>
-            -
            		</div>
-            -
            	</div>
-            -
            	<div class="row form-group">
-            -
            		<div class="col-md-3">
-            -
            			<?php echo AdminHelper::createSelectBox($defaultConditions, 'operation-system', array('class' => 'js-sg-select2')); ?>
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<?php echo AdminHelper::createSelectBox(array('is' => __('Is', SG_POPUP_TEXT_DOMAIN), 'is-not' => __('Is not', SG_POPUP_TEXT_DOMAIN)), 'is', array('class' => 'js-sg-select2')); ?>
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<input type="text" class="sgpb-full-width-events form-control" value="<?php _e('IOS, Android, Windows, Linux...', SG_POPUP_TEXT_DOMAIN);?>">
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<a href="<?php echo SG_POPUP_ADVANCED_TARGETING_URL;?>" target="_blank" class="btn btn-warning btn-xs sgpb-advanced-targeting-pro-label">
-            -
            				<?php _e('UNLOCK OPTION', SG_POPUP_TEXT_DOMAIN);?>
             			</a>
-            -
            		</div>
-            -
            	</div>
-            -
            	<div class="row">
-            -
            		<div class="col-md-3">
-            -
            			<label><?php _e('Condition', SG_POPUP_TEXT_DOMAIN);?></label>
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<label><?php _e('Is at least', SG_POPUP_TEXT_DOMAIN);?></label>
-            -
            		</div>
-            -
            	</div>
-            -
            	<div class="row form-group">
-            -
            		<div class="col-md-3">
-            -
            			<?php echo AdminHelper::createSelectBox($defaultConditions, 'browser-detection', array('class' => 'js-sg-select2')); ?>
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<?php echo AdminHelper::createSelectBox(array('is' => __('Is', SG_POPUP_TEXT_DOMAIN), 'is-not' => __('Is not', SG_POPUP_TEXT_DOMAIN)), 'is', array('class' => 'js-sg-select2')); ?>
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<input type="text" class="sgpb-full-width-events form-control" value="<?php _e('Select browser', SG_POPUP_TEXT_DOMAIN);?>">
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<a href="<?php echo SG_POPUP_ADVANCED_TARGETING_URL;?>" target="_blank" class="btn btn-warning btn-xs sgpb-advanced-targeting-pro-label">
-            -
            				<?php _e('UNLOCK OPTION', SG_POPUP_TEXT_DOMAIN);?>
             			</a>
-            -
            		</div>
-            -
            	</div>
-            -
            	<div class="row form-group">
-            -
            		<div class="col-md-3">
-            -
            			<?php echo AdminHelper::createSelectBox($defaultConditions, 'after-x', array('class' => 'js-sg-select2')); ?>
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<input type="text" class="sgpb-full-width-events form-control" value="<?php _e('number of pages', SG_POPUP_TEXT_DOMAIN);?>">
-            -
            		</div>
-            -
            		<div class="col-md-3">
-            -
            			<a href="<?php echo SG_POPUP_ADVANCED_TARGETING_URL;?>" target="_blank" class="btn btn-warning btn-xs sgpb-advanced-targeting-pro-label">
-            -
            				<?php _e('UNLOCK OPTION', SG_POPUP_TEXT_DOMAIN);?>
             			</a>
             		</div>
             	</div>
             </div>
-            -
            <div class="sgpb-other-pro-options">
-            -
            	<div class="row">
-            -
            		<div class="col-md-12">
-            -
            		</div>
-            -
            	</div>
-            -
            </div>
-            -
            <style type="text/css">
-            -
            	.sgpb-conditions-description-wrapper + .sgpb-other-pro-options {
-            -
            		z-index: 999;
-            -
            	}
-            -
-            -
            	.sgpb-advanced-targeting-pro-label,
-            -
            	.sgpb-conditions-description-wrapper label {
-            -
            		position: relative;
-            -
            		z-index: 1000 !important;
-            -
            	}
-            -
            	.sgpb-advanced-targeting-pro-label {
-            -
            		line-height: 21px;
-            -
            	}
-            -
            </style>
-            -

             <?php
             use sgpb\AdminHelper;
             $defaultData = ConfigDataHelper::defaultData();
+            +
            $defaultConditionsAdvancedTargeting = $defaultData['freeConditionsAdvancedTargeting'];
+            +
            $defaultConditionsGeoTargeting = $defaultData['freeConditionsGeoTargeting'];
             ?>
+            +
            <div class="sgpb-wrapper">
+            +
            	<div class="formItem sgpb-pro-conditions-main-wrapper sgpb-display-flex">
+            +
            		<div class="sgpb-pro-conditions-box sgpb-margin-right-20">
+            +
            			<img class="sgpb-pro-conditions-extension-icon sgpb-margin-y-20" src="<?php echo SG_POPUP_PUBLIC_URL; ?>icons/geo-targeting.svg" width="50" height="50">
+            +
            			<span class="sgpb-pro-conditions-title">
+            +
            				<?php _e('Geo Targeting', SG_POPUP_TEXT_DOMAIN);?>
+            +
            			</span>
+            +
            			<span class="sgpb-pro-conditions-text">
+            +
            				<?php _e('If you want to unlock Geo Targeting you need to activate this extension', SG_POPUP_TEXT_DOMAIN);?>.
+            +
            			</span>
+            +
            			<a href="<?php echo SG_POPUP_GEO_TARGETING_URL; ?>" class="sgpb-btn sgpb-btn-blue sgpb-btn--rounded sgpb-margin-y-30">
+            +
            				<?php _e('Buy Now', SG_POPUP_TEXT_DOMAIN);?>
             			</a>
+            +
            			<div class="sgpb-pro-conditions-inline-border sgpb-margin-bottom-20"></div>
+            +
            			<a class="sgpb-pro-conditions-pro-url sgpb-pro-conditions-pro-url-show-js" href="javascript:void(0)">
+            +
            				<?php _e('More Details', SG_POPUP_TEXT_DOMAIN);?>
+            +
            				<img class="sgpb-pro-conditions-extension-icon" src="<?php echo SG_POPUP_PUBLIC_URL; ?>icons/arrow-down.png" width="20" height="20">
             			</a>
+            +
            			<div class="sgpb-pro-conditions-list" style="display: none;">
+            +
            				<?php foreach ($defaultConditionsGeoTargeting as $conditionIndex => $conditionName) : ?>
+            +
            					<span class="formItem__direction sgpb-pro-conditions-list-item"><?php echo $conditionName; ?></span>
+            +
            					<div class="sgpb-pro-conditions-inline-border sgpb-margin-y-10"></div>
+            +
            				<?php endforeach; ?>
+            +
            			</div>
+            +
            			<a class="sgpb-pro-conditions-pro-url sgpb-pro-conditions-pro-url-hide-js sgpb-margin-top-20" href="javascript:void(0)" style="display: none;">
+            +
            				<?php _e('See Less', SG_POPUP_TEXT_DOMAIN);?>
+            +
            				<img class="sgpb-pro-conditions-extension-icon" src="<?php echo SG_POPUP_PUBLIC_URL; ?>icons/arrow-up.png" width="20" height="20">
             			</a>
             		</div>
+            +
            		<div class="sgpb-pro-conditions-box">
+            +
            			<img class="sgpb-pro-conditions-extension-icon sgpb-margin-y-20" src="<?php echo SG_POPUP_PUBLIC_URL; ?>icons/sgpbAdvancedTargeting.svg" width="50" height="50">
+            +
            			<span class="sgpb-pro-conditions-title">
+            +
            				<?php _e('Advanced Targeting', SG_POPUP_TEXT_DOMAIN);?>
+            +
            			</span>
+            +
            			<span class="sgpb-pro-conditions-text ">
+            +
            				<?php _e('If you want to unlock Advanced Targeting you need to activate this extension', SG_POPUP_TEXT_DOMAIN);?>.
+            +
            			</span>
+            +
            			<a href="<?php echo SG_POPUP_ADVANCED_TARGETING_URL; ?>" class="sgpb-btn sgpb-btn-blue sgpb-btn--rounded sgpb-margin-y-30">
+            +
            				<?php _e('Buy Now', SG_POPUP_TEXT_DOMAIN);?>
             			</a>
+            +
            			<div class="sgpb-pro-conditions-inline-border sgpb-margin-bottom-20"></div>
+            +
            			<a class="sgpb-pro-conditions-pro-url sgpb-pro-conditions-pro-url-show-js" href="javascript:void(0)">
+            +
            				<?php _e('More Details', SG_POPUP_TEXT_DOMAIN);?>
+            +
            				<img class="sgpb-pro-conditions-extension-icon" src="<?php echo SG_POPUP_PUBLIC_URL; ?>icons/arrow-down.png" width="20" height="20">
             			</a>
+            +
            			<div class="sgpb-pro-conditions-list" style="display: none;">
+            +
            				<?php foreach ($defaultConditionsAdvancedTargeting as $conditionIndex => $conditionName) : ?>
+            +
            					<span class="formItem__direction sgpb-pro-conditions-list-item"><?php echo $conditionName; ?></span>
+            +
            					<div class="sgpb-pro-conditions-inline-border sgpb-box-conditions-separator sgpb-margin-y-10"></div>
+            +
            				<?php endforeach; ?>
+            +
            			</div>
+            +
            			<a class="sgpb-pro-conditions-pro-url sgpb-pro-conditions-pro-url-hide-js sgpb-margin-top-20" href="javascript:void(0)" style="display: none;">
+            +
            				<?php _e('See Less', SG_POPUP_TEXT_DOMAIN);?>
+            +
            				<img class="sgpb-pro-conditions-extension-icon" src="<?php echo SG_POPUP_PUBLIC_URL; ?>icons/arrow-up.png" width="20" height="20">
             			</a>
             		</div>
             	</div>
+            +
            <script type="text/javascript">
+            +
            	jQuery('.sgpb-pro-conditions-pro-url-show-js').click(function() {
+            +
            		jQuery(this).next('.sgpb-pro-conditions-list').show();
+            +
            		jQuery(this).hide();
+            +
            		jQuery(this).parent().find('.sgpb-pro-conditions-pro-url-hide-js').show();
+            +
            	});
+            +
            	jQuery('.sgpb-pro-conditions-pro-url-hide-js').click(function() {
+            +
            		jQuery(this).prev('.sgpb-pro-conditions-list').hide();
+            +
            		jQuery(this).hide();
+            +
            		jQuery(this).parent().find('.sgpb-pro-conditions-pro-url-show-js').show();
+            +
            	});
+            +
            </script>
             </div>

public/views/customEditor.php CHANGED Viewed

	@@ -10,31 +10,27 @@ $cssDefaultData = $defaultData['customEditorContent']['css'];
10	$savedData = get_post_meta($popupId , 'sg_popup_scripts', true);
11	?>
12
13	- <~~p><?php~~ ~~_e('This~~ ~~section is for adding custom codes (CSS or JS) for the popup, it requires some coding knowledge', SG_POPUP_TEXT_DOMAIN);?>.</p~~>
14	- <p><?php _e('~~You~~ ~~may~~ ~~use~~ ~~your~~ custom codes ~~for~~ ~~extra~~ ~~actions~~ ~~connected~~ to the popup ~~opening (before~~, ~~after,~~ ~~etc.)~~ in ~~the~~ ~~fields below~~', SG_POPUP_TEXT_DOMAIN);?>.</p>
15	-
16	- <div class="sgpb-wrapper">
17	<!-- editor buttons -->
18	- <div class="sgpb-~~editor~~-~~options~~-~~tabs~~-~~wrapper~~">
19	- <~~input~~ class="~~btn~~ sgpb-~~editor-~~tab-~~links~~ sgpb-~~editor-~~tab-1 ~~col-md-3~~ sgpb-~~active-~~tab~~" data~~-~~attr-custom-tab=~~"~~js"~~ ~~name="sgpb-js" value="JS" readonly~~ onclick="SGPBBackend.prototype.changeTab(1)">
20	- <~~input~~ class="~~btn~~ sgpb-~~editor-~~tab-~~links~~ sgpb-~~editor-~~tab-2 ~~col-md-3~~" ~~data-attr-custom-tab="js" name="sgpb-css" value="CSS" readonly~~ onclick="SGPBBackend.prototype.changeTab(2)">
21	</div>
22
23	- <div class="sgpb-editor">
24	<!-- JS editor content -->
25	- <div id="sgpb-editor-options-tab-content-wrapper-1" class="sgpb-editor-options-tab-content-wrapper" style="display: block;">
26	- <div class="editor-static-text">
27	<?php
28	foreach ($jsDefaultData['description'] as $text) { ?>
29	- <~~div~~><?php echo $text; ?></~~div~~>
30	<?php }
31	- ~~?></div>~~
32	- <br>
33
34	<?php foreach ($jsDefaultData['helperText'] as $key => $value) {?>
35	- <div class="~~editor-static-text~~"><~~div~~><?php echo $value; ?></~~div></div~~>
36	- <~~div~~ class="editor-~~static~~-~~text~~"~~><div>~~
37	- <textarea class="wp-editor-area editor-content"
38	data-attr-event="<?php echo $key; ?>"
39	placeholder=" #... type your code"
40	mode="<?php echo $editorModeJs; ?>"
	@@ -43,32 +39,28 @@ $savedData = get_post_meta($popupId , 'sg_popup_scripts', true);
43	echo $savedData['js']['sgpb-'.$key];
44	}
45	?></textarea>
46	- </div~~></div~~>
47	<?php } ?>
48	</div>
49
50	<!-- CSS editor content -->
51	- <div id="sgpb-editor-options-tab-content-wrapper-2" class="sgpb-editor-options-tab-content-wrapper" style="display: none;">
52	- <div class="editor-static-text">
53	<?php
54	foreach ($cssDefaultData['description'] as $text) { ?>
55	<div><?php echo $text; ?></div>
56	- <?php }
57	- ?></div>
58	- <br>
59
60	- ~~<input~~ ~~class="btn~~ ~~reset-button~~ ~~col-md-1"~~ ~~data-attr-custom-tab="reset"~~ value~~="Clear"~~ ~~readonly onclick="SGPBBackend.prototype.resetCssEditorContent()">~~
61	- <div class="~~editor-static-text~~"><~~div~~></div~~></div~~>

62
63	- <~~div~~ class="editor-~~static~~-~~text~~"~~><div>~~
64	- ~~<textarea class~~="~~wp-editor-area~~ ~~editor-content~~ ~~editor-content-css~~"
65	- ~~placeholder~~=" ~~#...~~ ~~type~~ ~~your code~~"
66	- ~~mode~~="<?php ~~echo $editorModeCss; ?>"~~
67	- ~~name="sgpb-~~css~~-editor"><?php~~
68	- if ~~(isset(~~$savedData['css']~~)) {~~
69	- ~~echo $savedData['css'];~~
70	- }?></textarea>
71	- </div></div>
72	</div>
73	</div>
74	</div>


10	$savedData = get_post_meta($popupId , 'sg_popup_scripts', true);
11	?>
12
13	+ <div class="sgpb-wrapper sgpb-customJsOrCss">
14	+ <p class="sgpb-customJsOrCss_text"><?php _e('This section is for adding custom codes (CSS or JS) for the popup, it requires some coding knowledge', SG_POPUP_TEXT_DOMAIN);?>.</p>
15	+ <p class="sgpb-customJsOrCss_text"><?php _e('You may use your custom codes for extra actions connected to the popup opening (before, after, etc.) in the fields below', SG_POPUP_TEXT_DOMAIN);?>.</p>

16	<!-- editor buttons -->
17	+ <div class="sgpb-tabs sgpb-margin-y-30">
18	+ <span class="sgpb-tab-link sgpb-tab-active sgpb-tab-1" onclick="SGPBBackend.prototype.changeTab(1)">JS</span>
19	+ <span class="sgpb-tab-link sgpb-tab-2" onclick="SGPBBackend.prototype.changeTab(2)">CSS</span>
20	</div>
21
22	+ <div class="sgpb-editor sgpb-tabs-content">
23	<!-- JS editor content -->
24	+ <div id="sgpb-editor-options-tab-content-wrapper-1" class="sgpb-editor-options-tab-content-wrapper sgpb-padding-right-40 sgpb-margin-y-20" style="display: block;">

25	<?php
26	foreach ($jsDefaultData['description'] as $text) { ?>
27	+ <p><?php echo $text; ?></p>
28	<?php }
29	+ ?>

30
31	<?php foreach ($jsDefaultData['helperText'] as $key => $value) {?>
32	+ <div class="formItem"><span class="formItem__title"><?php echo $value; ?></span>
33	+ <textarea class="wp-editor-area formItem__textarea sgpb-margin-top-20"

34	data-attr-event="<?php echo $key; ?>"
35	placeholder=" #... type your code"
36	mode="<?php echo $editorModeJs; ?>"

39	echo $savedData['js']['sgpb-'.$key];
40	}
41	?></textarea>
42	+ </div>
43	<?php } ?>
44	</div>
45
46	<!-- CSS editor content -->
47	+ <div id="sgpb-editor-options-tab-content-wrapper-2" class="sgpb-editor-options-tab-content-wrapper sgpb-padding-right-40 sgpb-margin-y-20" style="display: none;">

48	<?php
49	foreach ($cssDefaultData['description'] as $text) { ?>
50	<div><?php echo $text; ?></div>
51	+ <?php } ?>


52
53	+ <?php foreach ($cssDefaultData['helperText'] as $key => $value) {?>
54	+ <div class="formItem"><span class="formItem__title"><?php echo $value; ?></span></div>
55	+ <?php } ?>
56
57	+ <textarea class="wp-editor-area editor-content editor-content-css formItem__textarea sgpb-margin-top-20"
58	+ placeholder=" #... type your code"
59	+ mode="<?php echo $editorModeCss; ?>"
60	+ name="sgpb-css-editor"><?php
61	+ if (isset($savedData['css'])) {
62	+ echo $savedData['css'];
63	+ }?></textarea>


64	</div>
65	</div>
66	</div>

public/views/dimensionsView.php CHANGED Viewed

@@ -9,47 +9,42 @@
             		$subOptionClass = '';
+            	}
             ?>
-            -
            <div class="sgpb-wrapper">
-            -
            	<div class="row">
-            -
            		<div class="col-md-8">
-            -
            			<div class="sgpb-wrapper">
-            -
            				<?php echo (!empty($removedOptions['sgpb-popup-dimension-mode'])) ? '' : $multipleChoiceButton; ?>
-            -
            			</div>
-            -
            			<div class="<?php echo (!empty($removedOptions['sgpb-popup-dimension-mode'])) ? '' : 'sg-hide '; ?>sg-full-width" id="custom-dimension-wrapper">
-            -
            				<div class="row form-group">
-            -
            					<label for="width" class="col-md-5 control-label sgpb-static-padding-top<?php echo $subOptionClass; ?>"><?php _e('Width', SG_POPUP_TEXT_DOMAIN)  ?>:</label>
-            -
            					<div class="col-md-6"><input type="text" id="width" class="form-control sgpb-full-width-events" name="sgpb-width" placeholder="<?php _e('Ex: 100, 100px or 100%', SG_POPUP_TEXT_DOMAIN)?>" pattern = "\d+(([px]+|%)|)" title="<?php _e('It must be number  + px or %', SG_POPUP_TEXT_DOMAIN)  ?>" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-width')) ?>"></div>
-            -
            				</div>
-            -
            				<div class="row form-group">
-            -
            					<label for="height" class="col-md-5 control-label sgpb-static-padding-top<?php echo $subOptionClass; ?>">
-            -
            						<?php _e('Height', SG_POPUP_TEXT_DOMAIN)  ?>:
-            -
            					</label>
-            -
            					<div class="col-md-6"><input type="text" id="height" class="form-control sgpb-full-width-events" name="sgpb-height" placeholder="<?php _e('Ex: 100, 100px or 100%', SG_POPUP_TEXT_DOMAIN)?>" pattern = "\d+(([px]+|%)|)" title="<?php _e('It must be number  + px or %', SG_POPUP_TEXT_DOMAIN)  ?>" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-height')) ?>"></div>
-            -
            				</div>
-            -
            			</div>
-            -
            			<div class="sg-hide sg-full-width" id="responsive-dimension-wrapper">
-            -
            				<div class="row form-group">
-            -
            					<label class="col-md-5<?php echo $subOptionClass; ?>" for="max-height"><?php _e('Size', SG_POPUP_TEXT_DOMAIN)  ?>:</label>
-            -
            					<div class="col-md-6"><?php echo AdminHelper::createSelectBox($defaultData['responsiveDimensions'], esc_html($popupTypeObj->getOptionValue('sgpb-responsive-dimension-measure')), array('name' => 'sgpb-responsive-dimension-measure', 'class'=>'js-sg-select2 sgpb-responsive-mode-change-js')); ?></div>
-            -
            				</div>
-            -
            			</div>
-            -
            			<div class="row form-group">
-            -
            				<label for="max-width" class="col-md-5 control-label sgpb-static-padding-top"><?php _e('Max width', SG_POPUP_TEXT_DOMAIN)  ?>:</label>
-            -
            				<div class="col-md-6"><input type="text" id="max-width" class="form-control sgpb-full-width-events" name="sgpb-max-width" placeholder="<?php _e('Ex: 100, 100px or 100%', SG_POPUP_TEXT_DOMAIN)?>" pattern = "\d+(([px]+|%)|)" title="<?php _e('It must be number  + px or %', SG_POPUP_TEXT_DOMAIN)  ?>" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-max-width')) ?>"></div>
-            -
            			</div>
-            -
            			<div class="row form-group">
-            -
            				<label class="col-md-5 sgpb-static-padding-top" for="max-height"><?php _e('Max height', SG_POPUP_TEXT_DOMAIN)  ?>:</label>
-            -
            				<div class="col-md-6"><input type="text" id="max-height" class="form-control sgpb-full-width-events" name="sgpb-max-height" placeholder="<?php _e('Ex: 100, 100px or 100%', SG_POPUP_TEXT_DOMAIN)?>" pattern = "\d+(([px]+|%)|)" title="<?php _e('It must be number  + px or %', SG_POPUP_TEXT_DOMAIN)  ?>" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-max-height')) ?>"></div>
-            -
            			</div>
-            -
            			<div class="row form-group">
-            -
            				<label class="col-md-5 sgpb-static-padding-top" for="min-width"><?php _e('Min width', SG_POPUP_TEXT_DOMAIN)  ?>:</label>
-            -
            				<div class="col-md-6"><input type="text" id="min-width" class="form-control sgpb-full-width-events" name="sgpb-min-width" placeholder="<?php _e('Ex: 100, 100px or 100%', SG_POPUP_TEXT_DOMAIN)?>" pattern = "\d+(([px]+|%)|)" title="<?php _e('It must be number  + px or %', SG_POPUP_TEXT_DOMAIN)  ?>" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-min-width')) ?>"></div>
-            -
            			</div>
-            -
            			<div class="row form-group">
-            -
            				<label class="col-md-5 sgpb-static-padding-top" for="min-height"><?php _e('Min height', SG_POPUP_TEXT_DOMAIN)  ?>:</label>
-            -
            				<div class="col-md-6"><input type="text" id="min-height" class="form-control sgpb-full-width-events" name="sgpb-min-height" placeholder="<?php _e('Ex: 100, 100px or 100%', SG_POPUP_TEXT_DOMAIN)?>" pattern = "\d+(([px]+|%)|)" title="<?php _e('It must be number  + px or %', SG_POPUP_TEXT_DOMAIN)  ?>" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-min-height')) ?>"></div>
-            -
            			</div>
             		</div>
             	</div>
             </div>
-            -


9	$subOptionClass = '';
10	}
11	?>
12	+ <div class="sgpb sgpb-wrapper dimensions ">
13	+ <?php echo (!empty($removedOptions['sgpb-popup-dimension-mode'])) ? '' : $multipleChoiceButton; ?>
14	+ <div class="sg-hide sg-full-width" id="responsive-dimension-wrapper">
15	+ <div class="subFormItem<?php echo $subOptionClass; ?>">
16	+ <span class="subFormItem__title" for="max-height"><?php _e('Size', SG_POPUP_TEXT_DOMAIN) ?>:</span>
17	+ <?php echo AdminHelper::createSelectBox($defaultData['responsiveDimensions'], esc_html($popupTypeObj->getOptionValue('sgpb-responsive-dimension-measure')), array('name' => 'sgpb-responsive-dimension-measure', 'class'=>'js-sg-select2 sgpb-responsive-mode-change-js')); ?>
18	+ </div>
19	+ </div>
20	+ <div class="<?php echo (!empty($removedOptions['sgpb-popup-dimension-mode'])) ? '' : 'sg-hide '; ?>sg-full-width formItem" id="custom-dimension-wrapper">
21	+ <div class="subFormItem<?php echo $subOptionClass; ?>">
22	+ <span class="subFormItem__title"><?php _e('Width', SG_POPUP_TEXT_DOMAIN); ?>:</span>
23	+ <input type="text" id="width" class="subFormItem__input" name="sgpb-width" placeholder="<?php _e('Ex: 100, 100px or 100%', SG_POPUP_TEXT_DOMAIN)?>" pattern = "\d+(([px]+\|%)\|)" title="<?php _e('It must be number + px or %', SG_POPUP_TEXT_DOMAIN) ?>" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-width')) ?>">
24	+ </div>
25	+ <div class="subFormItem<?php echo $subOptionClass; ?>">
26	+ <span class="subFormItem__title"><?php _e('Height', SG_POPUP_TEXT_DOMAIN); ?>:</span>
27	+ <input type="text" id="height" class="subFormItem__input" name="sgpb-height" placeholder="<?php _e('Ex: 100, 100px or 100%', SG_POPUP_TEXT_DOMAIN)?>" pattern = "\d+(([px]+\|%)\|)" title="<?php _e('It must be number + px or %', SG_POPUP_TEXT_DOMAIN) ?>" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-height')) ?>">
28	+ </div>
29	+ </div>
30	+ <div class="formItem bottom">
31	+ <div class="minWidth sgpb-display-inline-flex sgpb-align-item-center sgpb-margin-right-20">
32	+ <span class="formItem__title formItem__title_equals"><?php _e('Max width', SG_POPUP_TEXT_DOMAIN); ?>:</span>
33	+ <input type="text" id="max-width" class="subFormItem__input" name="sgpb-max-width" placeholder="<?php _e('Ex: 100, 100px or 100%', SG_POPUP_TEXT_DOMAIN)?>" pattern = "\d+(([px]+\|%)\|)" title="<?php _e('It must be number + px or %', SG_POPUP_TEXT_DOMAIN) ?>" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-max-width')) ?>">
34	+ </div>
35	+ <div class="maxHeight sgpb-display-inline-flex sgpb-align-item-center">
36	+ <span class="formItem__title formItem__title_equals"><?php _e('Max height', SG_POPUP_TEXT_DOMAIN); ?>:</span>
37	+ <input type="text" id="max-height" class="subFormItem__input" name="sgpb-max-height" placeholder="<?php _e('Ex: 100, 100px or 100%', SG_POPUP_TEXT_DOMAIN)?>" pattern = "\d+(([px]+\|%)\|)" title="<?php _e('It must be number + px or %', SG_POPUP_TEXT_DOMAIN) ?>" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-max-height')) ?>">
38	+ </div>
39	+ </div>
40	+ <div class="formItem">
41	+ <div class="minWidth sgpb-display-inline-flex sgpb-align-item-center sgpb-margin-right-20">
42	+ <span class="formItem__title formItem__title_equals"><?php _e('Min width', SG_POPUP_TEXT_DOMAIN); ?>:</span>
43	+ <input type="text" id="min-width" class="subFormItem__input" name="sgpb-min-width" placeholder="<?php _e('Ex: 100, 100px or 100%', SG_POPUP_TEXT_DOMAIN)?>" pattern = "\d+(([px]+\|%)\|)" title="<?php _e('It must be number + px or %', SG_POPUP_TEXT_DOMAIN) ?>" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-min-width')) ?>">
44	+ </div>
45	+ <div class="maxHeight sgpb-display-inline-flex sgpb-align-item-center">
46	+ <span class="formItem__title formItem__title_equals"><?php _e('Min height', SG_POPUP_TEXT_DOMAIN); ?>:</span>
47	+ <input type="text" id="min-height" class="subFormItem__input" name="sgpb-min-height" placeholder="<?php _e('Ex: 100, 100px or 100%', SG_POPUP_TEXT_DOMAIN)?>" pattern = "\d+(([px]+\|%)\|)" title="<?php _e('It must be number + px or %', SG_POPUP_TEXT_DOMAIN) ?>" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-min-height')) ?>">




48	</div>
49	</div>
50	</div>

public/views/floatingButton.php CHANGED Viewed

@@ -6,128 +6,94 @@ if ($popupTypeObj->getOptionValue('sgpb-floating-button-style') == 'basic') {
             	$defaultPositions = $defaultData['floatingButtonPositionsBasic'];
+            }
             ?>
-            -
            <div class="sgpb-wrapper sgpb-floating-btn-wrapper" id="sgpb-floating-btn-wrapper">
-            -
            	<div class="row form-group">
-            -
            		<label for="sgpb-enable-floating-button" class="col-md-5 control-label sgpb-static-padding-top">
-            -
            			<?php _e('Enable', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            		</label>
-            -
            		<div class="col-md-7">
-            -
            			<input id="sgpb-enable-floating-button" onchange="SGPBFloatingButton.prototype.adminInit()" type="checkbox" class="js-checkbox-accordion" id="sgpb-enable-floating-button" name="sgpb-enable-floating-button" <?php echo $popupTypeObj->getOptionValue('sgpb-enable-floating-button'); ?>>
             		</div>
             	</div>
-            -
            	<div class="sg-full-width">
-            -
            		<div class="row form-group">
-            -
            			<label for="sgpb-floating-button-style" class="col-md-5 control-label sgpb-static-padding-top">
-            -
            				<?php _e('Style', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            			</label>
-            -
            			<div class="col-md-7">
-            -
            				<?php echo AdminHelper::createSelectBox($defaultData['floatingButtonStyle'], $popupTypeObj->getOptionValue('sgpb-floating-button-style'), array('name' => 'sgpb-floating-button-style', 'class'=>'js-sg-select2', 'id' => 'sgpb-floating-button-style')); ?>
             			</div>
             		</div>
-            -
            		<div class="row form-group">
-            -
            			<label for="sgpb-floating-button-position" class="col-md-5 control-label sgpb-static-padding-top">
-            -
            				<?php _e('Position', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            			</label>
-            -
            			<div class="col-md-7">
-            -
            				<?php echo AdminHelper::createSelectBox($defaultPositions, $popupTypeObj->getOptionValue('sgpb-floating-button-position'), array('name' => 'sgpb-floating-button-position', 'class'=>'js-sg-select2', 'id' => 'sgpb-floating-button-position')); ?>
             			</div>
-            -
            		</div>
-            -
            		<div class="row form-group">
-            -
            			<label class="col-md-5 sgpb-static-padding-top" for="sgpb-floating-button-font-size">
-            -
            				<?php _e('Font size', SG_POPUP_TEXT_DOMAIN)  ?>:
-            -
            			</label>
-            -
            			<div class="col-md-5">
-            -
            				<input type="number" min="0" name="sgpb-floating-button-font-size" id="sgpb-floating-button-font-size" class="form-control sgpb-full-width-events" value="<?php echo $popupTypeObj->getOptionValue('sgpb-floating-button-font-size'); ?>">
             			</div>
-            -
            			<div class="col-md-1">
-            -
            				<span class="sgpb-restriction-unit">px</span>
             			</div>
             		</div>
             		<div class="sgpb-basic-button-style-options-wrapper-js<?php echo ($popupTypeObj->getOptionValue('sgpb-floating-button-position') == 'corner') ? ' sgpb-hide' : ''; ?>">
-            -
            			<div class="row form-group">
-            -
            				<label class="col-md-5 sgpb-static-padding-top" for="sgpb-floating-button-position-top">
-            -
            					<?php _e('Position top', SG_POPUP_TEXT_DOMAIN)  ?>:
-            -
            				</label>
-            -
            				<div class="col-md-5">
-            -
            					<input type="number" min="0" name="sgpb-floating-button-position-top" id="sgpb-floating-button-position-top" class="form-control sgpb-full-width-events" value="<?php echo $popupTypeObj->getOptionValue('sgpb-floating-button-position-top'); ?>">
-            -
            				</div>
-            -
            				<div class="col-md-1">
-            -
            					<span class="sgpb-restriction-unit">%</span>
-            -
            				</div>
             			</div>
-            -
            			<div class="row form-group">
-            -
            				<label class="col-md-5 sgpb-static-padding-top" for="sgpb-floating-button-position-right">
-            -
            					<?php _e('Position right', SG_POPUP_TEXT_DOMAIN)  ?>:
-            -
            				</label>
-            -
            				<div class="col-md-5">
-            -
            					<input type="number" min="0" name="sgpb-floating-button-position-right" id="sgpb-floating-button-position-right" class="form-control sgpb-full-width-events" value="<?php echo $popupTypeObj->getOptionValue('sgpb-floating-button-position-right'); ?>">
-            -
            				</div>
-            -
            				<div class="col-md-1">
-            -
            					<span class="sgpb-restriction-unit">%</span>
-            -
            				</div>
             			</div>
-            -
            			<div class="row form-group">
-            -
            				<label class="col-md-5 sgpb-static-padding-top" for="sgpb-floating-button-border-size">
-            -
            					<?php _e('Border size', SG_POPUP_TEXT_DOMAIN)  ?>:
-            -
            				</label>
-            -
            				<div class="col-md-5">
-            -
            					<input type="number" min="0" name="sgpb-floating-button-border-size" id="sgpb-floating-button-border-size" class="form-control sgpb-full-width-events" value="<?php echo $popupTypeObj->getOptionValue('sgpb-floating-button-border-size'); ?>">
-            -
            				</div>
-            -
            				<div class="col-md-1">
-            -
            					<span class="sgpb-restriction-unit">px</span>
-            -
            				</div>
             			</div>
-            -
            			<div class="row form-group">
-            -
            				<label class="col-md-5 sgpb-static-padding-top" for="sgpb-floating-button-border-radius">
-            -
            					<?php _e('Border radius', SG_POPUP_TEXT_DOMAIN)  ?>:
-            -
            				</label>
-            -
            				<div class="col-md-5">
-            -
            					<input type="number" min="0" name="sgpb-floating-button-border-radius" id="sgpb-floating-button-border-radius" class="form-control sgpb-full-width-events" value="<?php echo $popupTypeObj->getOptionValue('sgpb-floating-button-border-radius'); ?>">
-            -
            				</div>
-            -
            				<div class="col-md-1">
-            -
            					<span class="sgpb-restriction-unit">px</span>
-            -
            				</div>
             			</div>
-            -
            			<div class="row form-group">
-            -
            				<label for="sgpb-floating-button-border-color" class="col-md-12 control-label sgpb-static-padding-top">
-            -
            					<?php _e('Border color', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            				</label>
-            -
            				<div class="col-md-12">
-            -
            					<div class="sgpb-color-picker-wrapper sgpb-floating-button-border-color">
-            -
            						<input id="sgpb-floating-button-border-color" data-type="borderColor" class="sgpb-color-picker sgpb-floating-button-border-color" type="text" name="sgpb-floating-button-border-color" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-floating-button-border-color')); ?>" >
-            -
            					</div>
             				</div>
             			</div>
             		</div>
-            -
            		<div class="row form-group">
-            -
            			<label for="sgpb-floating-button-bg-color" class="col-md-12 control-label sgpb-static-padding-top">
-            -
            				<?php _e('Background color', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            			</label>
-            -
            			<div class="col-md-12">
-            -
            				<div class="sgpb-color-picker-wrapper sgpb-floating-button-bg-color">
-            -
            					<input id="sgpb-floating-button-bg-color" data-type="backgroundColor" class="sgpb-color-picker sgpb-floating-button-bg-color" type="text" name="sgpb-floating-button-bg-color" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-floating-button-bg-color')); ?>" >
-            -
            				</div>
             			</div>
             		</div>
-            -
            		<div class="row form-group">
-            -
            			<label for="sgpb-floating-button-text-color" class="col-md-12 control-label sgpb-static-padding-top">
-            -
            				<?php _e('Text color', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            			</label>
-            -
            			<div class="col-md-12">
-            -
            				<div class="sgpb-color-picker-wrapper sgpb-floating-button-text-color">
-            -
            					<input id="sgpb-floating-button-text-color" data-type="color" class="sgpb-color-picker sgpb-floating-button-text-color" type="text" name="sgpb-floating-button-text-color" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-floating-button-text-color')); ?>" >
-            -
            				</div>
             			</div>
             		</div>
-            -
            		<div class="row form-group">
-            -
            			<label for="sgpb-floating-button-text" class="col-md-12 control-label sgpb-static-padding-top">
-            -
            				<?php _e('Text', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            			</label>
-            -
            			<div class="col-md-12">
-            -
            				<div class="sgpb-floating-button-text">
-            -
            					<input id="sgpb-floating-button-text" class="sgpb-floating-button-text" type="text" name="sgpb-floating-button-text" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-floating-button-text')); ?>" >
-            -
            				</div>
-            -
            			</div>
             		</div>
             	</div>
             </div>


6	$defaultPositions = $defaultData['floatingButtonPositionsBasic'];
7	}
8	?>
9	+ <div class="sgpb sgpb-wrapper sgpb-floating-btn-wrapper" id="sgpb-floating-btn-wrapper">
10	+ <div class="formItem">
11	+ <p class="formItem__title"><?php _e('Enable', SG_POPUP_TEXT_DOMAIN)?>:</p>
12	+ <div class="sgpb-onOffSwitch">
13	+ <input id="sgpb-enable-floating-button" onchange="SGPBFloatingButton.prototype.adminInit()" type="checkbox" class="sgpb-onOffSwitch-checkbox js-checkbox-accordion" id="sgpb-enable-floating-button" name="sgpb-enable-floating-button" <?php echo $popupTypeObj->getOptionValue('sgpb-enable-floating-button'); ?>>
14	+ <label class="sgpb-onOffSwitch__label" for="sgpb-enable-floating-button">
15	+ <span class="sgpb-onOffSwitch-inner"></span>
16	+ <span class="sgpb-onOffSwitch-switch"></span>
17	+ </label>
18	</div>
19	</div>
20	+ <div class="sgpb-width-100">
21	+ <div class="subFormItem noMargin">
22	+ <p class="formItem__title sgpb-margin-y-20"><?php _e('Style', SG_POPUP_TEXT_DOMAIN)?>:</p>
23	+ <div class="subForm subForm_squared">
24	+ <input type="button" class="sgpb-input-button sgpb-margin-right-20 sgpb-floating-button-style-corner js-floating-button-style squares__square buttonGroup__button<?php echo ($popupTypeObj->getOptionValue('sgpb-floating-button-style') == 'corner') ? ' sgpb-input-button-active' : '';?>" value="<?php _e('Corner', SG_POPUP_TEXT_DOMAIN)?>" data-sgvalue="corner">
25	+ <input type="button" class="sgpb-input-button sgpb-floating-button-style-basic js-floating-button-style squares__square buttonGroup__button<?php echo ($popupTypeObj->getOptionValue('sgpb-floating-button-style') == 'basic') ? ' sgpb-input-button' : '';?>" value="<?php _e('Basic', SG_POPUP_TEXT_DOMAIN)?>" data-sgvalue="basic">
26	+
27	+ <input type="hidden" name="sgpb-floating-button-style" id="sgpb-floating-button-style" value="<?php echo esc_attr($popupTypeObj->getOptionValue('sgpb-floating-button-style'));?>">
28	</div>
29	</div>
30	+ <div class="subFormItem sgpb-margin-bottom-30 sgpb-floating-btn-position-boxes-container">
31	+ <p class="formItem__title sgpb-margin-y-20"><?php _e('Position', SG_POPUP_TEXT_DOMAIN)?>:</p>
32	+ <div class="subForm subForm_squared">
33	+ <input type="button" class="sgpb-input-button sgpb-floating-button-position-top-left js-floating-button-position buttonGroup__button<?php echo ($popupTypeObj->getOptionValue('sgpb-floating-button-position') == 'corner') ? ' active' : '';?>" value="<?php _e('Top Left', SG_POPUP_TEXT_DOMAIN)?>" data-sgvalue="top-left">
34	+ <input type="button" class="sgpb-input-button sgpb-margin-x-10 sgpb-floating-button-position-top-center js-floating-button-position buttonGroup__button<?php echo ($popupTypeObj->getOptionValue('sgpb-floating-button-position') == 'basic') ? ' active' : '';?>" value="<?php _e('Top Center', SG_POPUP_TEXT_DOMAIN)?>" data-sgvalue="top-center">
35	+ <input type="button" class="sgpb-input-button sgpb-floating-button-position-top-right js-floating-button-position buttonGroup__button<?php echo ($popupTypeObj->getOptionValue('sgpb-floating-button-position') == 'basic') ? ' active' : '';?>" value="<?php _e('Top Right', SG_POPUP_TEXT_DOMAIN)?>" data-sgvalue="top-right">
36	</div>
37	+ <div class="subForm subForm_squared sgpb-margin-y-10">
38	+ <input type="button" class="sgpb-input-button sgpb-floating-button-position-left-center js-floating-button-position buttonGroup__button<?php echo ($popupTypeObj->getOptionValue('sgpb-floating-button-position') == 'basic') ? ' active' : '';?>" value="<?php _e('Left center', SG_POPUP_TEXT_DOMAIN)?>" data-sgvalue="left-center">
39	+ <input type="button" class="sgpb-input-button sgpb-input-button-bg-arrows sgpb-margin-x-10 sgpb-floating-button-position-empty-box sgpb-input-button-disabled buttonGroup__button" disabled="disabled" value="" data-sgvalue="empty-box">
40	+ <input type="button" class="sgpb-input-button sgpb-floating-button-position-right-center js-floating-button-position buttonGroup__button<?php echo ($popupTypeObj->getOptionValue('sgpb-floating-button-position') == 'basic') ? ' active' : '';?>" value="<?php _e('Right Center', SG_POPUP_TEXT_DOMAIN)?>" data-sgvalue="right-center">



41	</div>
42	+ <div class="subForm subForm_squared">
43	+ <input type="button" class="sgpb-input-button sgpb-floating-button-position-bottom-left js-floating-button-position buttonGroup__button<?php echo ($popupTypeObj->getOptionValue('sgpb-floating-button-position') == 'basic') ? ' active' : '';?>" value="<?php _e('Bottom Left', SG_POPUP_TEXT_DOMAIN)?>" data-sgvalue="bottom-left">
44	+ <input type="button" class="sgpb-input-button sgpb-margin-x-10 sgpb-floating-button-position-bottom-center js-floating-button-position buttonGroup__button<?php echo ($popupTypeObj->getOptionValue('sgpb-floating-button-position') == 'basic') ? ' active' : '';?>" value="<?php _e('Bottom Center', SG_POPUP_TEXT_DOMAIN)?>" data-sgvalue="bottom-center">
45	+ <input type="button" class="sgpb-input-button sgpb-floating-button-position-bottom-right js-floating-button-position buttonGroup__button<?php echo ($popupTypeObj->getOptionValue('sgpb-floating-button-position') == 'basic') ? ' active' : '';?>" value="<?php _e('Bottom Right', SG_POPUP_TEXT_DOMAIN)?>" data-sgvalue="bottom-right">
46	</div>
47	+ <input type="hidden" name="sgpb-floating-button-position" id="sgpb-floating-button-position" value="<?php echo esc_attr($popupTypeObj->getOptionValue('sgpb-floating-button-position'));?>">
48	+ </div>
49	+ <div class="formItem formItem_itemsCentered">
50	+ <span class="formItem__title sgpb-margin-right-20"><?php _e('Font size', SG_POPUP_TEXT_DOMAIN)?>:</span>
51	+ <input type="number" min="0" name="sgpb-floating-button-font-size" id="sgpb-floating-button-font-size" class="formItem__input" value="<?php echo $popupTypeObj->getOptionValue('sgpb-floating-button-font-size'); ?>">
52	+ <div class="formItem__inputValueType sgpb-margin-left-10">px</div>
53	</div>
54	<div class="sgpb-basic-button-style-options-wrapper-js<?php echo ($popupTypeObj->getOptionValue('sgpb-floating-button-position') == 'corner') ? ' sgpb-hide' : ''; ?>">
55	+ <div class="formItem formItem_itemsCentered">
56	+ <span class="formItem__title sgpb-margin-right-20"><?php _e('Position top', SG_POPUP_TEXT_DOMAIN)?>:</span>
57	+ <input type="number" min="0" name="sgpb-floating-button-position-top" id="sgpb-floating-button-position-top" class="formItem__input" value="<?php echo $popupTypeObj->getOptionValue('sgpb-floating-button-position-top'); ?>">
58	+ <div class="formItem__inputValueType sgpb-margin-left-10">%</div>






59	</div>
60	+ <div class="formItem formItem_itemsCentered">
61	+ <span class="formItem__title sgpb-margin-right-20"><?php _e('Position right', SG_POPUP_TEXT_DOMAIN)?>:</span>
62	+ <input type="number" min="0" name="sgpb-floating-button-position-right" id="sgpb-floating-button-position-right" class="formItem__input" value="<?php echo $popupTypeObj->getOptionValue('sgpb-floating-button-position-right'); ?>">
63	+ <div class="formItem__inputValueType sgpb-margin-left-10">%</div>






64	</div>
65	+ <div class="formItem formItem_itemsCentered">
66	+ <span class="formItem__title sgpb-margin-right-20"><?php _e('Border size', SG_POPUP_TEXT_DOMAIN)?>:</span>
67	+ <input type="number" min="0" name="sgpb-floating-button-border-size" id="sgpb-floating-button-border-size" class="formItem__input" value="<?php echo $popupTypeObj->getOptionValue('sgpb-floating-button-border-size'); ?>">
68	+ <div class="formItem__inputValueType sgpb-margin-left-10">px</div>






69	</div>
70	+ <div class="formItem formItem_itemsCentered">
71	+ <span class="formItem__title sgpb-margin-right-20"><?php _e('Border radius', SG_POPUP_TEXT_DOMAIN)?>:</span>
72	+ <input type="number" min="0" name="sgpb-floating-button-border-radius" id="sgpb-floating-button-border-radius" class="formItem__input" value="<?php echo $popupTypeObj->getOptionValue('sgpb-floating-button-border-radius'); ?>">
73	+ <div class="formItem__inputValueType sgpb-margin-left-10">px</div>






74	</div>
75	+ <div class="formItem">
76	+ <span class="formItem__title sgpb-margin-right-20"><?php _e('Border color', SG_POPUP_TEXT_DOMAIN)?>:</span>
77	+ <div class="sgpb-color-picker-wrapper sgpb-overlay-color unhideColorPicker">
78	+ <input id="sgpb-floating-button-border-color" data-type="borderColor" class="sgpb-color-picker sgpb-floating-button-border-color" type="text" name="sgpb-floating-button-border-color" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-floating-button-border-color')); ?>" >




79	</div>
80	</div>
81	</div>
82	+ <div class="formItem">
83	+ <span class="formItem__title sgpb-margin-right-20"><?php _e('Background color', SG_POPUP_TEXT_DOMAIN)?>:</span>
84	+ <div class="sgpb-color-picker-wrapper sgpb-overlay-color unhideColorPicker">
85	+ <input id="sgpb-floating-button-bg-color" data-type="backgroundColor" class="sgpb-color-picker sgpb-floating-button-bg-color" type="text" name="sgpb-floating-button-bg-color" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-floating-button-bg-color')); ?>" >




86	</div>
87	</div>
88	+ <div class="formItem">
89	+ <span class="formItem__title sgpb-margin-right-20"><?php _e('Text color', SG_POPUP_TEXT_DOMAIN)?>:</span>
90	+ <div class="sgpb-color-picker-wrapper sgpb-overlay-color unhideColorPicker">
91	+ <input id="sgpb-floating-button-text-color" data-type="color" class="sgpb-color-picker sgpb-floating-button-text-color" type="text" name="sgpb-floating-button-text-color" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-floating-button-text-color')); ?>" >




92	</div>
93	</div>
94	+ <div class="formItem">
95	+ <span class="formItem__title sgpb-margin-right-20"><?php _e('Text', SG_POPUP_TEXT_DOMAIN)?>:</span>
96	+ <input id="sgpb-floating-button-text" class="subFormItem__input" type="text" name="sgpb-floating-button-text" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-floating-button-text')); ?>" >






97	</div>
98	</div>
99	</div>

public/views/importConfigView.php CHANGED Viewed

@@ -7,51 +7,46 @@ $fileContent = AdminHelper::getFileFromURL($fileURL);
             $csvFileArray = array_map('str_getcsv', file($fileURL));
             $ourFieldsArgs = array(
-            -
                'class' => 'js-sg-select2 sgpb-our-fields-keys'
             );
             $formData =  array('' => 'Select Field') + AdminHelper::getSubscriptionColumnsById($formId);
             ?>
-            -
            <div class="sgpb-wrapper">
-            -
                <div class="sgpb-import-settings-wrapper">
-            -
                    <div class="row form-group">
-            -
                        <div class="col-md-12 sgpb-file-settings-label">
-            -
                            <?php _e('Match Your Fields', SG_POPUP_TEXT_DOMAIN); ?>
-            -
                        </div>
-            -
                    </div>
-            -
                    <hr>
-            -
                    <div class="row form-group">
-            -
                        <div class="col-md-6 sgpb-file-settings-label sgpb-file-settings-available-wrapper">
-            -
                            <?php _e('Available fields', SG_POPUP_TEXT_DOMAIN); ?>
-            -
                        </div>
-            -
                        <div class="col-md-6 sgpb-file-settings-label">
-            -
                            <?php _e('Our list fields', SG_POPUP_TEXT_DOMAIN); ?>
-            -
                        </div>
-            -
                    </div>
-            -
                    <hr>
-            -
                    <?php foreach($csvFileArray[0] as $index => $current): ?>
-            -
                        <?php if (empty($current) || $current == 'popup'): ?>
-            -
                            <?php continue; ?>
-            -
                        <?php endif; ?>
-            -
                        <div class="row form-group">
-            -
                            <div class="col-md-6 sgpb-label-config-left"><?php echo $current; ?></div>
-            -
                            <div class="col-md-6">
-            -
                                <?php
-            -
                                $ourFieldsArgs['data-index'] = $index;
-            -
                                echo AdminHelper::createSelectBox($formData, '', $ourFieldsArgs);
-            -
                                ?>
-            -
                            </div>
-            -
                        </div>
-            -
                    <?php endforeach;?>
-            -
                    <div class="row">
-            -
                        <div class="col-md-6">
-            -
                            <input type="button" value="<?php _e('Save', SG_POPUP_TEXT_DOMAIN); ?>" class="btn btn-sm btn-success sgpb-subscriber-popup-btns sgpb-save-subscriber" data-ajaxnonce="popupBuilderAjaxNonce">
-            -
                        </div>
-            -
                        <div class="col-md-6">
-            -
                            <input type="button" value="<?php _e('Cancel', SG_POPUP_TEXT_DOMAIN); ?>" class="btn btn-sm btn-default sgpb-add-subscriber-popup-close-btn-js sgpb-subscriber-popup-btns sgpb-subscriber-popup-close-btn-js" data-ajaxnonce="popupBuilderAjaxNonce">
-            -
                        </div>
-            -
                    </div>
-            -
                    <input type="hidden" class="sgpb-to-import-popup-id" value="<?php echo esc_attr($formId)?>">
-            -
                    <input type="hidden" class="sgpb-imported-file-url" value="<?php echo esc_attr($fileURL)?>">
-            -
                </div>
             </div>


7	$csvFileArray = array_map('str_getcsv', file($fileURL));
8
9	$ourFieldsArgs = array(
10	+ 'class' => 'js-sg-select2 sgpb-our-fields-keys select__select'
11	);
12
13	$formData = array('' => 'Select Field') + AdminHelper::getSubscriptionColumnsById($formId);
14	?>
15	+
16	+ <div id="importSubscribersSecondStep">
17	+ <h1 id="importSubscriberHeader"><?php _e('Match Your Fields', SG_POPUP_TEXT_DOMAIN); ?></h1>
18	+ <div id="importSubscriberBody">
19	+ <div class="formItem sgpb-justify-content-around">
20	+ <div class="formItem__title">
21	+ <?php _e('Available fields', SG_POPUP_TEXT_DOMAIN); ?>
22	+ </div>
23	+ <div class="formItem__title">
24	+ <?php _e('Our list fields', SG_POPUP_TEXT_DOMAIN); ?>
25	+ </div>
26	+ </div>
27	+ <?php foreach($csvFileArray[0] as $index => $current): ?>
28	+ <?php if (empty($current) \|\| $current == 'popup'): ?>
29	+ <?php continue; ?>
30	+ <?php endif; ?>
31	+ <div class="formItem sgpb-justify-content-between">
32	+ <div class="subFormItem__title">
33	+ <?php echo $current; ?>
34	+ </div>
35	+ <div>
36	+ <?php
37	+ $ourFieldsArgs['data-index'] = $index;
38	+ echo AdminHelper::createSelectBox($formData, '', $ourFieldsArgs);
39	+ ?>
40	+ </div>
41	+ </div>
42	+ <?php endforeach;?>
43	+ <input type="hidden" class="sgpb-to-import-popup-id" value="<?php echo esc_attr($formId)?>">
44	+ <input type="hidden" class="sgpb-imported-file-url" value="<?php echo esc_attr($fileURL)?>">
45	+ </div>
46	+
47	+ <div id="importSubscriberFooter">
48	+ <input type="button" value="<?php _e('Save', SG_POPUP_TEXT_DOMAIN); ?>" class="sgpb-btn sgpb-btn-blue sgpb-save-subscriber" data-ajaxnonce="popupBuilderAjaxNonce">
49	+ </div>
50	+






51	</div>
52	+

public/views/importPopupsView.php ADDED Viewed

	@@ -0,0 +1,32 @@


1	+ <?php
2	+ use sgpb\AdminHelper;
3	+ $defaultData = ConfigDataHelper::defaultData();
4	+
5	+ $deleteData = '';
6	+ if (get_option('sgpb-dont-delete-data')) {
7	+ $deleteData = 'checked';
8	+ }
9	+
10	+ $userSavedRoles = get_option('sgpb-user-roles');
11	+ ?>
12	+ <div class="sgpb sgpb-wrapper">
13	+ <div class="sgpb-import-popups">
14	+ <h3 class="sgpb-header-h3">
15	+ <span><?php _e('Import popups', SG_POPUP_TEXT_DOMAIN); ?></span>
16	+ </h3>
17	+ <div class="sgpb-import-popups-form">
18	+ <?php
19	+ wp_import_upload_form('admin.php?import='.SG_POPUP_POST_TYPE.'&step=1');
20	+ ?>
21	+ </div>
22	+ </div>
23	+ </div>
24	+ <style>
25	+ .sgpb .sgpb-import-popups .sgpb-import-popups-form p,
26	+ .sgpb .sgpb-import-popups .sgpb-import-popups-form input[type="file"] {
27	+ margin: 20px 0;
28	+ }
29	+ .sgpb .sgpb-import-popups .sgpb-import-popups-form p.submit {
30	+ display: none;
31	+ }
32	+ </style>

public/views/importSettingsView.php DELETED Viewed

@@ -1,34 +0,0 @@
-            -
            <?php
-            -
            	use sgpb\AdminHelper;
-            -
            	$defaultData = ConfigDataHelper::defaultData();
-            -
-            -
            	$deleteData = '';
-            -
            	if (get_option('sgpb-dont-delete-data')) {
-            -
            		$deleteData = 'checked';
-            -
            	}
-            -
-            -
            	$userSavedRoles = get_option('sgpb-user-roles');
-            -
            ?>
-            -
            <div class="sgpb-wrapper sgpb-settings">
-            -
            	<div class="col-md-6">
-            -
            		<div id="post-body" class="metabox-holder columns-2">
-            -
            			<div id="postbox-container-2" class="postbox-container">
-            -
            				<div id="normal-sortables" class="meta-box-sortables ui-sortable">
-            -
            					<div class="postbox popup-builder-special-postbox">
-            -
            						<div class="handlediv js-special-title" title="Click to toggle"><br></div>
-            -
            						<h3 class="hndle ui-sortable-handle js-special-title">
-            -
            							<span><?php _e('Import popups', SG_POPUP_TEXT_DOMAIN); ?></span>
-            -
            						</h3>
-            -
            						<div class="sgpb-options-content">
-            -
            							<div class="sgpb-import-wrapper">
-            -
            								<?php
-            -
            									wp_import_upload_form('admin.php?import='.SG_POPUP_POST_TYPE.'&amp;step=1');
-            -
            								?>
-            -
            							</div>
-            -
            						</div>
-            -
            					</div>
-            -
            				</div>
-            -
            			</div>
-            -
            		</div>
-            -
            	</div>
-            -
            </div>

public/views/jsVariableView.php CHANGED Viewed

	@@ -3,7 +3,7 @@ namespace sgpb;
3	?>
4
5	<div class="sgpb-hide" xmlns="http://www.w3.org/1999/html">
6	- <div id="sgpb-js-variable-wrapper" class="sgpb-wrapper">
7	<div class="row">
8	<div class="col-sm-10">
9	<label><?php _e('Insert JS variable inside the popup', SG_POPUP_TEXT_DOMAIN)?></label>
	@@ -51,18 +51,11 @@ namespace sgpb;
51	</div>
52	<div class="row sgpb-static-padding-top">
53	<div class="col-sm-3">
54	- <input type="button" class="btn ~~btn~~-sm btn-~~primary~~ sgpb-insert-js-variable-to-editor sgpb-insert-popup-btns" value="<?php _e('Insert', SG_POPUP_TEXT_DOMAIN)?>">
55	</div>
56	<div class="col-sm-3">
57	- <input type="button" class="btn ~~btn~~-sm btn-~~default~~ sgpb-close-media-popup-js sgpb-insert-popup-btns" value="<?php _e('Cancel', SG_POPUP_TEXT_DOMAIN)?>">
58	</div>
59	</div>
60	</div>
61	</div>
62	-
63	-
64	- <style type="text/css">
65	- .select2-container {
66	- z-index: 9999999999;
67	- }
68	- </style>


3	?>
4
5	<div class="sgpb-hide" xmlns="http://www.w3.org/1999/html">
6	+ <div id="sgpb-js-variable-wrapper" class="sgpb-wrapper sgpb">
7	<div class="row">
8	<div class="col-sm-10">
9	<label><?php _e('Insert JS variable inside the popup', SG_POPUP_TEXT_DOMAIN)?></label>

51	</div>
52	<div class="row sgpb-static-padding-top">
53	<div class="col-sm-3">
54	+ <input type="button" class="sgpb-btn sgpb-btn-blue sgpb-insert-js-variable-to-editor sgpb-insert-popup-btns" value="<?php _e('Insert', SG_POPUP_TEXT_DOMAIN)?>">
55	</div>
56	<div class="col-sm-3">
57	+ <input type="button" class="sgpb-btn sgpb-btn-gray-light sgpb-close-media-popup-js sgpb-insert-popup-btns" value="<?php _e('Cancel', SG_POPUP_TEXT_DOMAIN)?>">
58	</div>
59	</div>
60	</div>
61	</div>

public/views/license.php CHANGED Viewed

@@ -1,72 +1,47 @@
-            -
            <div class="sgpb-wrapper sgpb-settings sgpb-license-wrapper">
-            -
            <?php
-            -
            $licenses = $this->getLicenses();
-            -
            $licenseCount = 0;
-            -
            foreach ($licenses as $currentLicense) : ?>
-            -
            <?php
-            -
            	$key = $currentLicense['key'];
-            -
            	$license = get_option('sgpb-license-key-'.$key);
-            -
            	$status = get_option('sgpb-license-status-'.$key);
-            -
            ?>
-            -
            	<?php if ($licenseCount == 0 || $licenseCount % 2 == 0): ?>
-            -
            		<div class="row">
-            -
            	<?php endif; ?>
-            -
            	<div class="col-md-6">
-            -
            		<div id="post-body" class="metabox-holder columns-2">
-            -
            			<div id="postbox-container-2" class="postbox-container">
-            -
            				<div id="normal-sortables" class="meta-box-sortables ui-sortable">
-            -
            					<div class="postbox popup-builder-special-postbox">
-            -
            						<div class="handlediv js-special-title"><br></div>
-            -
            						<h3 class="hndle ui-sortable-handle js-special-title">
-            -
            							<span><?php echo $currentLicense['boxLabel'] ?></span>
-            -
            						</h3>
-            -
            						<div class="sgpb-options-content">
-            -
            							<form method="post" action="options.php" class="form-horizontal">
-            -
            								<div class="form-group">
-            -
            									<div class="col-md-3">
-            -
            										<label class="control-label" for="<?php echo 'sgpb-license-key-'.$key?>"><?php _e('License Key', SG_POPUP_TEXT_DOMAIN); ?></label>
-            -
            									</div>
-            -
            									<div class="col-sm-5">
-            -
            										<input id="<?php echo 'sgpb-license-key-'.$key?>" name="<?php echo 'sgpb-license-key-'.$key?>" type="text" class="form-control input-sm" value="<?php esc_attr_e($license); ?>" >
-            -
            									</div>
-            -
            									<div class="col-sm-2">
-            -
            										<?php if($status !== false && $status == 'valid'): ?>
-            -
            											<div class="col-xs-2">
-            -
            												<?php wp_nonce_field('sgpb_nonce', 'sgpb_nonce'); ?>
-            -
            												<input type="submit" class="btn btn-primary btn-sm" name="<?php echo 'sgpb-license-deactivate'.$key; ?>" value="<?php _e('Deactivate', SG_POPUP_TEXT_DOMAIN); ?>">
-            -
            											</div>
-            -
            										<?php else: ?>
-            -
            											<div class="col-xs-2">
-            -
            												<?php wp_nonce_field('sgpb_nonce', 'sgpb_nonce'); ?>
-            -
            												<input type="submit" class="btn btn-primary btn-sm" name="<?php echo 'sgpb-license-activate-'.$key; ?>" value="<?php _e('Activate', SG_POPUP_TEXT_DOMAIN); ?>">
-            -
            											</div>
-            -
            										<?php endif; ?>
-            -
            									</div>
-            -
            								</div>
-            -
            								<div class="form-group">
-            -
            									<div class="col-md-3">
-            -
            										<label class="control-label" for="sgpb-license-key sgpb-license-status"><?php _e('Status', SG_POPUP_TEXT_DOMAIN); ?></label>
-            -
            									</div>
-            -
            									<?php if($status !== false && $status == 'valid'): ?>
-            -
            										<div class="col-md-1 sgpb-margin-right-status">
-            -
            											<button type="button" class="btn btn-success btn-sm sgpb-license-status"><?php _e('active', SG_POPUP_TEXT_DOMAIN); ?></button>
-            -
            										</div>
-            -
            									<?php else: ?>
-            -
            										<div class="col-md-1 sgpb-margin-right-status-not-active">
-            -
            											<button type="button" class="btn btn-danger btn-sm sgpb-license-status"><?php _e('not active', SG_POPUP_TEXT_DOMAIN); ?></button>
-            -
            										</div>
-            -
            									<?php endif; ?>
-            -
            								</div>
-            -
            							</form>
-            -
            						</div>
             					</div>
             				</div>
-            -
            			</div>
-            -
            		</div>
             	</div>
-            -
            	<?php if (($licenseCount % 2 != 0)): ?>
-            -
            		</div>
-            -
            	<?php endif; ?>
-            -
            	<?php ++$licenseCount; ?>
-            -
            <?php endforeach; ?>
             </div>


1	+ <div class="sgpb sgpb-wrapper sgpb-padding-30">
2	+ <span class="sgpb-header-h1">License</span>
3	+ <div class="formItem">
4	+ <?php
5	+ $licenses = $this->getLicenses();
6	+ $licenseCount = 0;
7	+ foreach ( $licenses as $currentLicense ) : ?>
8	+ <?php
9	+ $key = $currentLicense['key'];
10	+ $license = get_option( 'sgpb-license-key-' . $key );
11	+ $status = get_option( 'sgpb-license-status-' . $key );
12	+ ?>
13	+ <div class="sgpb-license sgpb-license-block sgpb-padding-20 sgpb-margin-bottom-30 sgpb-position-relative">
14	+ <div class="sgpb-license-border <?= ( $status !== false && $status == 'valid' ) ? 'active' : 'inactive' ?>"></div>
15	+ <h2 class="formItem__title sgpb-margin-top-10 sgpb-margin-bottom-30"><?php echo $currentLicense['boxLabel'] ?></h2>
16	+ <div class="sgpb-license__status">
17	+ <?php if ( $status !== false && $status == 'valid' ): ?>
18	+ <div class="active"></div>
19	+ Active
20	+ <?php else: ?>
21	+ <div class="inactive"></div>
22	+ Inactive
23	+ <?php endif; ?>
24	+ </div>
25	+ <div class="licenseKey__form sgpb-margin-top-10 sgpb-margin-bottom-30 sgpb-align-item-center sgpb-display-flex">
26	+ <span class="sgpb-width-20"><?php _e( 'License Key', SG_POPUP_TEXT_DOMAIN ); ?></span>
27	+ <form method="post" action="options.php" class="sgpb-width-80 sgpb-display-inline-flex">
28	+ <input id="<?php echo 'sgpb-license-key-' . $key ?>" type="text" class="sgpb-width-100"
29	+ value="<?php esc_attr_e( $license ); ?>"
30	+ name="<?php echo 'sgpb-license-key-' . $key ?>">
31	+ <?php if ( $status !== false && $status == 'valid' ): ?>
32	+ <?php wp_nonce_field( 'sgpb_nonce', 'sgpb_nonce' ); ?>
33	+ <input type="submit" class="sgpb-btn sgpb-btn-blue"
34	+ name="<?php echo 'sgpb-license-deactivate' . $key; ?>"
35	+ value="<?php _e( 'Deactivate', SG_POPUP_TEXT_DOMAIN ); ?>">
36	+ <?php else: ?>
37	+ <?php wp_nonce_field( 'sgpb_nonce', 'sgpb_nonce' ); ?>
38	+ <input type="submit" class="sgpb-btn sgpb-btn-blue"
39	+ name="<?php echo 'sgpb-license-activate-' . $key; ?>"
40	+ value="<?php _e( 'Activate', SG_POPUP_TEXT_DOMAIN ); ?>">
41	+ <?php endif; ?>
42	+ </form>



















43	</div>
44	</div>
45	+ <?php endforeach; ?>

46	</div>





47	</div>

public/views/main/image.php CHANGED Viewed

@@ -1,10 +1,13 @@
-            -
            <div class="sg-wp-editor-container">
-            -
            	<h1 class="sgpb-image-popup-headline"><?php _e('Please choose your picture');?></h1>
-            -
            	<div class="sgpb-image-uploader-wrapper">
-            -
            		<input class="input-width-static" id="js-upload-image" type="text" size="36" name="sgpb-image-url" value="<?php echo esc_attr($popupTypeObj->getOptionValue('sgpb-image-url')); ?>" required>
-            -
            		<input id="js-upload-image-button" class="button" type="button" value="Select image">
-            -
            	</div>
-            -
            	<div class="sgpb-show-image-container">
-            -
            		<span class="sgpb-no-image">(<?php _e('No image selected', SG_POPUP_TEXT_DOMAIN);?>)</span>
-            -
            	</div>
             </div>


1	+ <div class="sgpb sgpb-wrapper sgpb-media-upload sgpb-display-flex sgpb-align-item-center sgpb-padding-20">
2	+ <div class="formItem sgpb-display-inline-flex sgpb-flex-direction-column sgpb-margin-right-40">
3	+ <span class="formItem__title sgpb-margin-0"><?php _e('Please choose your picture');?>:</span>
4	+ <input class="formItem__input formItem__input_sgpb-popup-overlay"
5	+ id="js-upload-image"
6	+ type="text" size="36" name="sgpb-image-url"
7	+ value="<?php echo esc_attr($popupTypeObj->getOptionValue('sgpb-image-url')); ?>" required>
8	+ </div>
9	+ <div class="formItem formItem_last">
10	+ <div id="js-upload-image-button" class="sgpb-icons icons_blue">K</div>
11	+ <div class="sgpb-show-image-container"></div>
12	+ </div>
13	</div>

public/views/mainActionButtons.php CHANGED Viewed

@@ -1,21 +1,34 @@
             <?php
             use sgpb\AdminHelper;
             ?>
-            -
            <div class="sgpb-wrapp">
-            -
            	<h1 class="wp-heading-inline"><?php _e('Popups', SG_POPUP_TEXT_DOMAIN)?></h1>
-            -
            	<a href="<?php echo AdminHelper::getPopupTypesPageURL(); ?>" class="page-title-action">
-            -
            		<?php _e('Add New', SG_POPUP_TEXT_DOMAIN); ?>
-            -
            	</a>
-            -
            	<a href="<?php echo AdminHelper::getPopupExportURL(); ?>" class="page-title-action">
-            -
            		<?php _e('Export', SG_POPUP_TEXT_DOMAIN); ?>
-            -
            	</a>
-            -
            	<a href="<?php echo AdminHelper::getSettingsURL(array('sgpbImport' => 1)); ?>" class="page-title-action">
-            -
            		<?php _e( 'Import', 'easy-digital-downloads' ); ?>
-            -
            	</a>
             </div>
             <style>
-            -
            	#wpbody-content > div.wrap > h1,
-            -
            	#wpbody-content > div.wrap > a {
-            -
            		display: none !important;
-            -
            	}
-            -
            </style>


1	<?php
2	use sgpb\AdminHelper;
3	?>
4	+ <div class="sgpb sgpb-header">
5	+ <h1 class="sgpb-header-h1 sgpb-margin-bottom-30"><?php _e( 'Popups', SG_POPUP_TEXT_DOMAIN ) ?></h1>
6	+ <div class="sgpb-margin-bottom-50 sgpb-display-flex sgpb-justify-content-between">
7	+ <div>
8	+ <a class="page-title-action sgpb-display-inline-block sgpb-btn sgpb-btn--rounded sgpb-btn-blue--outline sgpb-padding-x-30" href="<?php echo AdminHelper::getPopupTypesPageURL(); ?>">
9	+ <?php _e( 'Add New', SG_POPUP_TEXT_DOMAIN ); ?>
10	+ </a>
11	+ <a class="page-title-action sgpb-display-inline-block sgpb-btn sgpb-btn--rounded sgpb-btn-blue--outline sgpb-padding-x-30" href="<?php echo AdminHelper::getPopupExportURL(); ?>">
12	+ <?php _e( 'Export', SG_POPUP_TEXT_DOMAIN ); ?>
13	+ </a>
14	+ <a class="page-title-action sgpb-display-inline-block sgpb-btn sgpb-btn--rounded sgpb-btn-blue--outline sgpb-padding-x-30"
15	+ id="sgpbImportSettings"
16	+ href="javascript:void(0)">
17	+ <?php _e( 'Import', 'easy-digital-downloads' ); ?>
18	+ </a>
19	+ </div>
20	+ <div style="text-align: right" id="sgpbPostSearch">
21	+ <div class="sgpb--group">
22	+ <input type="text" id="sgpbSearchInPosts" placeholder="Search Popup" class="sgpb-input">
23	+ <input type="submit" value="GO!" id="sgpbSearchInPostsSubmit" class="sgpb-btn sgpb-btn-blue">
24	+ </div>
25	+ </div>
26	+ </div>
27	</div>
28	<style>
29	+ #wpbody-content > div.wrap > h1,
30	+ .notice,
31	+ #wpbody-content > div.wrap > a {
32	+ display: none !important;
33	+ }
34	+ </style>

public/views/mediaButton.php CHANGED Viewed

	@@ -9,8 +9,8 @@
9	$allPopups = AdminHelper::getPopupsIdAndTitle($excludedPopups);
10	?>
11
12	- <div class="sgpb-hide" style="display: none">
13	- <div id="sgpb-hidden-media-popup" class="sgpb-wrapper">
14	<div class="row">
15	<div class="col-sm-10">
16	<label><?php _e('Insert the [shortcode]', SG_POPUP_TEXT_DOMAIN)?></label>
	@@ -38,20 +38,19 @@
38	</div>
39	</div>
40	<?php endif;?>
41	- <div class="row sgpb-static-padding-top">
42	<div class="col-sm-3">
43	- <input type="button" class="btn ~~btn~~-sm btn-~~primary~~ sgpb-insert-popup-js sgpb-insert-popup-btns" value="<?php _e('Insert', SG_POPUP_TEXT_DOMAIN)?>">
44	</div>
45	<div class="col-sm-3">
46	- <input type="button" class="btn ~~btn~~-sm btn-~~default~~ sgpb-close-media-popup-js sgpb-insert-popup-btns" value="<?php _e('Cancel', SG_POPUP_TEXT_DOMAIN)?>">
47	</div>
48	</div>
49	</div>
50	</div>
51
52	-
53	<style type="text/css">
54	- .select2-container {
55	- z-index: ~~9999999999~~;
56	}
57	</style>


9	$allPopups = AdminHelper::getPopupsIdAndTitle($excludedPopups);
10	?>
11
12	+ <div class="sgpb-hide " style="display: none">
13	+ <div id="sgpb-hidden-media-popup" class="sgpb-wrapper sgpb">
14	<div class="row">
15	<div class="col-sm-10">
16	<label><?php _e('Insert the [shortcode]', SG_POPUP_TEXT_DOMAIN)?></label>

38	</div>
39	</div>
40	<?php endif;?>
41	+ <div class="row sgpb-static-padding-top ">
42	<div class="col-sm-3">
43	+ <input type="button" class="sgpb-btn sgpb-btn-blue sgpb-insert-popup-js sgpb-insert-popup-btns" value="<?php _e('Insert', SG_POPUP_TEXT_DOMAIN)?>">
44	</div>
45	<div class="col-sm-3">
46	+ <input type="button" class="sgpb-btn sgpb-btn-gray-light sgpb-close-media-popup-js sgpb-insert-popup-btns" value="<?php _e('Cancel', SG_POPUP_TEXT_DOMAIN)?>">
47	</div>
48	</div>
49	</div>
50	</div>
51

52	<style type="text/css">
53	+ .post-type-popupbuilder .select2-container.select2-container--open {
54	+ z-index: 99999;
55	}
56	</style>

public/views/newsletter.php CHANGED Viewed

@@ -20,209 +20,106 @@
             	$defaultSelectedPopupId = key($subscriptionIdTitle);
             	$subscriptionPopupsCustomFields = AdminHelper::getCustomFormFieldsByPopupId($defaultSelectedPopupId);
             ?>
-            -
            <div class="sgpb-wrapper sgpb-newsletter">
-            -
            	<div class="row">
-            -
            		<div class="col-md-6">
-            -
            			<div id="post-body" class="metabox-holder columns-2">
-            -
            				<div id="postbox-container-2" class="postbox-container">
-            -
            					<div id="normal-sortables" class="meta-box-sortables ui-sortable">
-            -
            						<div class="postbox popup-builder-special-postbox">
-            -
            							<div class="handlediv js-special-title" title="Click to toggle"><br></div>
-            -
            							<h3 class="hndle ui-sortable-handle js-special-title">
-            -
            								<span><?php _e('Newsletter Settings', SG_POPUP_TEXT_DOMAIN); ?></span>
-            -
            							</h3>
-            -
            							<div class="sgpb-options-content">
-            -
            								<div class="sgpb-alert sgpb-newsletter-notice sgpb-alert-info fade in sgpb-hide">
-            -
            									<span class="sgpb-newsletter-success-message sgpb-hide"><?php _e('You will receive an email notification after all emails are sent', SG_POPUP_TEXT_DOMAIN); ?>.</span>
-            -
            									<span class="sgpb-newsletter-test-success-message sgpb-hide"><?php _e('Test email was successfully sent', SG_POPUP_TEXT_DOMAIN); ?>.</span>
-            -
            								</div>
-            -
            								<div class="row form-group">
-            -
            									<label class="col-md-6 sgpb-label-align-center-sm">
-            -
            										<?php _e('Choose the popup', SG_POPUP_TEXT_DOMAIN); ?>
-            -
            									</label>
-            -
            									<div class="col-md-6">
-            -
            										<?php echo $subscriptionSelectBox; ?>
-            -
            									</div>
-            -
            								</div>
-            -
            								<div class="row">
-            -
            									<div class="col-md-12">
-            -
            										<div class="sg-hide-element sgpb-newsletter-validation sgpb-newsletter-popup-error"><?php _e('Select a popup', SG_POPUP_TEXT_DOMAIN); ?>.</div>
-            -
            									</div>
-            -
            								</div>
-            -
            								<div class="row form-group">
-            -
            									<label class="col-md-6 sgpb-label-align-center-sm" for="sgpb-emails-in-flow">
-            -
            										<?php _e('Emails to send in one flow per 1 minute', SG_POPUP_TEXT_DOMAIN); ?>
-            -
            									</label>
-            -
            									<div class="col-md-6">
-            -
            										<input type="number" id="sgpb-emails-in-flow" class="sgpb-emails-in-flow form-control input-sm" value="<?php echo SGPB_FILTER_REPEAT_INTERVAL; ?>">
-            -
            									</div>
-            -
            								</div>
-            -
            								<div class="row form-group">
-            -
            									<label class="col-md-6 sgpb-label-align-center-sm" for="sgpb-newsletter-from-email">
-            -
            										<?php _e('From email', SG_POPUP_TEXT_DOMAIN); ?>
-            -
            									</label>
-            -
            									<div class="col-md-6">
-            -
            										<input type="email" id="sgpb-newsletter-from-email" class="sgpb-newsletter-from-email form-control input-sm" value="<?php echo $adminEmail; ?>">
-            -
            									</div>
-            -
            								</div>
-            -
            								<div class="row">
-            -
            									<div class="col-md-12">
-            -
            										<div class="sg-hide-element sgpb-newsletter-validation sgpb-newsletter-from-email-error"><?php _e('Please enter a valid email', SG_POPUP_TEXT_DOMAIN); ?>.</div>
-            -
            									</div>
-            -
            								</div>
-            -
            								<div class="row form-group">
-            -
            									<label class="col-md-6 sgpb-label-align-center-sm" for="sgpb-newsletter-subject">
-            -
            										<?php _e('Email\'s subject', SG_POPUP_TEXT_DOMAIN); ?>
-            -
            									</label>
-            -
            									<div class="col-md-6">
-            -
            										<input type="email" id="sgpb-newsletter-subject" class="sgpb-newsletter-subject form-control input-sm" value="<?php echo (empty($newsletterSavedOptions['newsletterSubject'])) ? _e('Your subject here', SG_POPUP_TEXT_DOMAIN) : $newsletterSavedOptions['newsletterSubject']; ?>">
-            -
            									</div>
-            -
            								</div>
-            -
            								<div class="row form-group">
-            -
            									<label class="col-md-12 sgpb-label-align-center-sm">
-            -
            										<?php _e('Edit newsletter email template below', SG_POPUP_TEXT_DOMAIN); ?>
-            -
            									</label>
-            -
            								</div>
-            -
            								<div class="row form-group">
-            -
            									<div class="col-md-12">
-            -
            										<?php
-            -
            											$editorId = 'sgpb-newsletter-text';
-            -
            											$content = !empty($newsletterSavedOptions['messageBody'])?$newsletterSavedOptions['messageBody']:'';
-            -
            											if (empty($content)) {
-            -
            												$content = '<p>Hi [First name] [Last name],</p>
-            -
            												<p>Super excited to have you on board, we know you’ll just love us.</p>
-            -
            												<p>Sincerely,</p>
-            -
            												<p>[Blog name]</p>
-            -
            												<p>[Unsubscribe title="Unsubscribe"]</p>';
-            -
            											}
-            -
            											$settings = array(
-            -
            												'wpautop' => false,
-            -
            												'tinymce' => array(
-            -
            													'width' => '100%'
-            -
            												),
-            -
            												'textarea_rows' => '18',
-            -
            												'media_buttons' => true
-            -
            											);
-            -
            											wp_editor($content, $editorId, $settings);
-            -
            										?>
-            -
            									</div>
-            -
            								</div>
-            -
            								<div class="row form-group">
-            -
            									<div class="col-md-3">
-            -
            										<input class="sgpb-newlsetter-test-emails form-control input-sm" type="text" name="sgpb-newlsetter-test-emails">
-            -
            									</div>
-            -
            									<div class="col-md-6">
-            -
            										<input type="submit" class="btn btn-sm btn-light js-send-newsletter" data-send-type="test" value="<?php _e('Send a Test', SG_POPUP_TEXT_DOMAIN)?>">
-            -
            										<img src="<?php echo SG_POPUP_IMG_URL.'ajaxSpinner.gif'; ?>" width="20px" class="sgpb-hide sgpb-js-newsletter-spinner">
-            -
            									</div>
-            -
            									<div class="col-md-3">
-            -
            										<input type="submit" class="btn btn-primary btn-sm btn-success js-send-newsletter" value="<?php _e('Send newsletter', SG_POPUP_TEXT_DOMAIN)?>">
-            -
            										<img src="<?php echo SG_POPUP_IMG_URL.'ajaxSpinner.gif'; ?>" width="20px" class="sgpb-hide sgpb-js-newsletter-spinner">
-            -
            									</div>
-            -
            								</div>
-            -
            							</div>
-            -
            						</div>
             					</div>
             				</div>
             			</div>
             		</div>
-            -
            		<div class="col-md-6">
-            -
            			<div id="post-body" class="metabox-holder columns-2">
-            -
            				<div id="postbox-container-2" class="postbox-container">
-            -
            					<div id="normal-sortables" class="meta-box-sortables ui-sortable">
-            -
            						<div class="postbox popup-builder-special-postbox">
-            -
            							<div class="handlediv js-special-title" title="Click to toggle"><br></div>
-            -
            							<h3 class="hndle ui-sortable-handle js-special-title">
-            -
            								<span><?php _e('Newsletter Shortcodes', SG_POPUP_TEXT_DOMAIN); ?></span>
-            -
            							</h3>
-            -
            							<div class="sgpb-options-content">
-            -
            								<div class="row form-group">
-            -
            									<div class="col-md-12">
-            -
            										<label>
-            -
            											<?php _e('Default shortcodes', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            										</label>
-            -
            									</div>
-            -
            								</div>
-            -
            								<div class="row form-group">
-            -
            									<div class="col-md-6">
-            -
            										<code><?php _e('[First name]', SG_POPUP_TEXT_DOMAIN); ?></code>
-            -
            									</div>
-            -
            									<div class="col-md-6">
-            -
            										<?php _e('Subscriber First name', SG_POPUP_TEXT_DOMAIN); ?>
-            -
            									</div>
-            -
            								</div>
-            -
            								<div class="row form-group">
-            -
            									<div class="col-md-6">
-            -
            										<code><?php _e('[Last name]', SG_POPUP_TEXT_DOMAIN); ?></code>
-            -
            									</div>
-            -
            									<div class="col-md-6">
-            -
            										<?php _e('Subscriber Last name', SG_POPUP_TEXT_DOMAIN); ?>
-            -
            									</div>
-            -
            								</div>
-            -
            								<div class="row form-group">
-            -
            									<div class="col-md-6">
-            -
            										<code><?php _e('[Blog name]', SG_POPUP_TEXT_DOMAIN); ?></code>
-            -
            									</div>
-            -
            									<div class="col-md-6">
-            -
            										<?php _e('Your blog name', SG_POPUP_TEXT_DOMAIN); ?>
-            -
            									</div>
-            -
            								</div>
-            -
            								<div class="row form-group">
-            -
            									<div class="col-md-6">
-            -
            										<code><?php _e('[User name]', SG_POPUP_TEXT_DOMAIN); ?></code>
-            -
            									</div>
-            -
            									<div class="col-md-6">
-            -
            										<?php _e('Your user name', SG_POPUP_TEXT_DOMAIN); ?>
-            -
            									</div>
-            -
            								</div>
-            -
            								<div class="row form-group">
-            -
            									<div class="col-md-6">
-            -
            										<code><?php _e('[Unsubscribe title="Unsubscribe"]', SG_POPUP_TEXT_DOMAIN); ?></code>
-            -
            									</div>
-            -
            									<div class="col-md-6">
-            -
            										<?php _e('Unsubscribe', SG_POPUP_TEXT_DOMAIN); ?>
-            -
            									</div>
-            -
            								</div>
-            -
            								<?php if (!empty($subscriptionPopupsCustomFields)) :?>
-            -
            								<div class="row">
-            -
            									<div class="col-md-6">
-            -
            										<label>
-            -
            											<?php _e('Custom fields\' shortcodes', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            										</label>
-            -
            									</div>
-            -
            								</div>
-            -
            								<div class="row form-group">
-            -
            									<div class="col-md-5">
-            -
            									</div>
-            -
            									<div class="col-md-6">
-            -
            										<img src="<?php echo SG_POPUP_IMG_URL.'ajaxSpinner.gif'; ?>" width="20px" class="sgpb-hide sgpb-js-newsletter-custom-fields-spinner">
-            -
            									</div>
-            -
            								</div>
-            -
            								<div class="sgpb-newsletter-custom-fields-wrapper">
-            -
            									<?php
-            -
            									foreach ($subscriptionPopupsCustomFields as $field) {
-            -
            										if (empty($field)) {
-            -
            											continue;
-            -
            										}
-            -
            										?>
-            -
            										<div class="row form-group">
-            -
            											<div class="col-md-6">
-            -
            												<code>[<?php echo @$field['fieldName'];?>]</code>
-            -
            											</div>
-            -
            											<div class="col-md-6">
-            -
            												<?php echo @$field['fieldName']; ?>
-            -
            											</div>
-            -
            										</div>
-            -
            										<?php
-            -
            									}
-            -
            									?>
-            -
            								</div>
-            -
            								<?php endif; ?>
-            -
            							</div>
-            -
            						</div>
             					</div>
-            -
            				</div>
             			</div>
             		</div>
             	</div>

             	$defaultSelectedPopupId = key($subscriptionIdTitle);
             	$subscriptionPopupsCustomFields = AdminHelper::getCustomFormFieldsByPopupId($defaultSelectedPopupId);
             ?>
+            +
            <!-- formItem__input_sgpb-popup-overlay -->
+            +
            <div class="sgpb sgpb-wrapper ">
+            +
            	<h2 class="sgpb-header-h1 sgpb-margin-y-20"><?php _e('Newsletter', SG_POPUP_TEXT_DOMAIN); ?></h2>
+            +
            	<div class="sgpb-newsletter sgpb-display-flex sgpb-padding-20">
+            +
            		<div class="sgpb-width-50 sgpb-padding-x-20">
+            +
            			<div class="sgpb-alert sgpb-newsletter-notice sgpb-alert-info fade in sgpb-hide">
+            +
            				<span class="sgpb-newsletter-success-message sgpb-hide"><?php _e('You will receive an email notification after all emails are sent', SG_POPUP_TEXT_DOMAIN); ?>.</span>
+            +
            				<span class="sgpb-newsletter-test-success-message sgpb-hide"><?php _e('Test email was successfully sent', SG_POPUP_TEXT_DOMAIN); ?>.</span>
+            +
            			</div>
+            +
            			<div class="formItem sgpb-margin-top-0">
+            +
            				<h3 class="formItem__title"><?php _e('Newsletter settings', SG_POPUP_TEXT_DOMAIN); ?></h3>
+            +
            			</div>
+            +
            			<div class="sgpb-bg-black__opacity-02 sgpb-padding-x-30 sgpb-padding-y-10">
+            +
            				<div class="formItem">
+            +
            					<div class="titleQuestionWrapper">
+            +
            						<span class="subFormItem__title sgpb-margin-right-10"><?php _e('Choose the popup', SG_POPUP_TEXT_DOMAIN); ?></span>
             					</div>
+            +
            					<?php echo $subscriptionSelectBox; ?>
+            +
            				</div>
+            +
            				<div class="formItem">
+            +
            					<div class="subFormItem__title sgpb-margin-right-10"><?php _e('Emails to send in one flow per 1 minute', SG_POPUP_TEXT_DOMAIN); ?></div>
+            +
            					<input type="number" id="sgpb-emails-in-flow" class="sgpb-emails-in-flow formItem__input" value="<?php echo SGPB_FILTER_REPEAT_INTERVAL; ?>">
+            +
            				</div>
+            +
            				<div class="formItem">
+            +
            					<div class="subFormItem__title sgpb-margin-right-10"><?php _e('From email', SG_POPUP_TEXT_DOMAIN); ?></div>
+            +
            					<input type="email" id="sgpb-newsletter-from-email" class="sgpb-newsletter-from-email formItem__input formItem__input_sgpb-popup-overlay" value="<?php echo $adminEmail; ?>">
             				</div>
+            +
            				<div class="formItem">
+            +
            					<div class="subFormItem__title sgpb-margin-right-10"><?php _e('Email\'s subject', SG_POPUP_TEXT_DOMAIN); ?></div>
+            +
            					<input type="email" id="sgpb-newsletter-subject" class="sgpb-newsletter-subject formItem__input formItem__input_sgpb-popup-overlay" value="<?php echo (empty($newsletterSavedOptions['newsletterSubject'])) ? _e('Your subject here', SG_POPUP_TEXT_DOMAIN) : $newsletterSavedOptions['newsletterSubject']; ?>">
+            +
            				</div>
+            +
            			</div>
+            +
+            +
            			<div class="formItem">
+            +
            				<span class="formItem__title"><?php _e('Edit newsletter email template below', SG_POPUP_TEXT_DOMAIN); ?></span>
+            +
            			</div>
+            +
            			<div class="mediaEditor">
+            +
            				<?php
+            +
            				$editorId = 'sgpb-newsletter-text';
+            +
            				$content = !empty($newsletterSavedOptions['messageBody'])?$newsletterSavedOptions['messageBody']:'';
+            +
            				if (empty($content)) {
+            +
            					$content = '<p>Hi [First name] [Last name],</p>
+            +
            					<p>Super excited to have you on board, we know you’ll just love us.</p>
+            +
            					<p>Sincerely,</p>
+            +
            					<p>[Blog name]</p>
+            +
            					<p>[Unsubscribe title="Unsubscribe"]</p>';
+            +
            				}
+            +
            				$settings = array(
+            +
            					'wpautop' => false,
+            +
            					'tinymce' => array(
+            +
            						'width' => '100%'
+            +
            					),
+            +
            					'textarea_rows' => '18',
+            +
            					'media_buttons' => true
+            +
            				);
+            +
            				wp_editor($content, $editorId, $settings);
+            +
            				?>
             			</div>
+            +
+            +
            			<div class="sgpb-display-flex sgpb-justify-content-between">
+            +
            				<div class="formItem">
+            +
            					<input class="sgpb-newlsetter-test-emails sgpb-margin-right-10" type="text" name="sgpb-newlsetter-test-emails">
+            +
            					<input type="submit" class="sgpb-btn sgpb-btn-blue js-send-newsletter" style="line-height: 2;" data-send-type="test" value="<?php _e('Send a Test', SG_POPUP_TEXT_DOMAIN)?>">
+            +
            					<img src="<?php echo SG_POPUP_IMG_URL.'ajaxSpinner.gif'; ?>" width="20px" class="sgpb-hide sgpb-js-newsletter-spinner">
+            +
            				</div>
+            +
            				<div>
+            +
            					<input type="submit" class="sgpb-btn sgpb-btn-blue sgpb-margin-top-20 js-send-newsletter sendButton" value="<?php _e('Send newsletter', SG_POPUP_TEXT_DOMAIN)?>">
+            +
            					<img src="<?php echo SG_POPUP_IMG_URL.'ajaxSpinner.gif'; ?>" width="20px" class="sgpb-hide sgpb-js-newsletter-spinner">
+            +
            				</div>
+            +
            			</div>
+            +
             		</div>
+            +
            		<div class="sgpb-width-30">
+            +
            			<div class="sgpb-position-sticky sgpb-border-radius-5px sgpb-padding-20 sgpb-shadow-black-10" style="top: 7%!important;">
+            +
            				<h2 class="sgpb-header-h4"><?php _e('Newsletter Shortcodes', SG_POPUP_TEXT_DOMAIN); ?></h2>
+            +
            				<div class="formItem">
+            +
            					<span class="formItem__title"><?php _e('Default shortcodes', SG_POPUP_TEXT_DOMAIN); ?>:</span>
+            +
            				</div>
+            +
            				<input type="button" id="sgpb-newsletter-shortcode-firstName" class="sgpb-btn sgpb-btn-blue-light sgpb-margin-5 buttonGroup__button_shortcodes" value="<?php _e('Subscriber First name', SG_POPUP_TEXT_DOMAIN); ?>" data-value="[First name]">
+            +
            				<input type="button" id="sgpb-newsletter-shortcode-lastName" class="sgpb-btn sgpb-btn-blue-light sgpb-margin-5 buttonGroup__button_shortcodes" value="<?php _e('Subscriber Last name', SG_POPUP_TEXT_DOMAIN); ?>" data-value="[Last name]">
+            +
            				<input type="button" id="sgpb-newsletter-shortcode-blogName" class="sgpb-btn sgpb-btn-blue-light sgpb-margin-5 buttonGroup__button_shortcodes" value="<?php _e('Your blog name', SG_POPUP_TEXT_DOMAIN); ?>" data-value="[Blog name]">
+            +
            				<input type="button" id="sgpb-newsletter-shortcode-userName" class="sgpb-btn sgpb-btn-blue-light sgpb-margin-5 buttonGroup__button_shortcodes" value="<?php _e('Your user name', SG_POPUP_TEXT_DOMAIN); ?>" data-value="[User name]">
+            +
            				<input type="button" id="sgpb-newsletter-shortcode-unsubscribe" class="sgpb-btn sgpb-btn-blue-light sgpb-margin-5 buttonGroup__button_shortcodes" value="<?php _e('Unsubscribe', SG_POPUP_TEXT_DOMAIN); ?>" data-value="[Unsubscribe]">
+            +
            				<?php if (!empty($subscriptionPopupsCustomFields)) :?>
+            +
            					<div class="formItem">
+            +
            						<span class="formItem__title"><?php _e('Custom fields\' shortcodes', SG_POPUP_TEXT_DOMAIN); ?>:</span>
             					</div>
+            +
            					<img src="<?php echo SG_POPUP_IMG_URL.'ajaxSpinner.gif'; ?>" width="20px" class="sgpb-hide sgpb-js-newsletter-custom-fields-spinner">
+            +
            					<?php
+            +
            					foreach ($subscriptionPopupsCustomFields as $index => $field) {
+            +
            						if (empty($field)) {
+            +
            							continue;
+            +
            						}
+            +
            						?>
+            +
            						<input type="button" id="sgpb-newsletter-shortcode-<?php echo $index; ?>" class="sgpb-btn sgpb-btn-blue-light sgpb-margin-5 buttonGroup__button_shortcodes" value="<?php echo @$field['fieldName']; ?>" data-value="[<?php echo @$field['fieldName'];?>]">
+            +
            						<?php
+            +
            					}
+            +
            					?>
+            +
            				<?php endif; ?>
             			</div>
             		</div>
             	</div>

public/views/options/facebook.php CHANGED Viewed

@@ -2,37 +2,24 @@
             	use sgpb\AdminHelper;
             	$defaultData = ConfigDataHelper::defaultData();
             ?>
-            -
            <div class="sgpb-wrapper">
-            -
            	<div class="row">
-            -
            		<div class="col-md-8">
-            -
            			<div class="row form-group">
-            -
            				<label for="sgpb-fblike-like-url" class="col-md-5 control-label sgpb-static-padding-top">
-            -
            					<?php _e('URL', SG_POPUP_TEXT_DOMAIN)  ?>:
-            -
            				</label>
-            -
            				<div class="col-md-6">
-            -
            					<input name="sgpb-fblike-like-url" id="sgpb-fblike-like-url" type="url" placeholder="http://" class="form-control sgpb-full-width-events" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-fblike-like-url'))?>" required>
-            -
            				</div>
-            -
            			</div>
-            -
            			<div class="row form-group">
-            -
            				<label for="sgpb-fblike-layout" class="col-md-5 control-label">
-            -
            					<?php _e('Layout', SG_POPUP_TEXT_DOMAIN)  ?>:
-            -
            				</label>
-            -
            				<div class="col-md-6">
-            -
            					<?php echo AdminHelper::createSelectBox($defaultData['buttonsType'], esc_html($popupTypeObj->getOptionValue('sgpb-fblike-layout')), array('name' => 'sgpb-fblike-layout', 'class'=>'js-sg-select2', 'id'=>'sgpb-fblike-layout')); ?>
-            -
            				</div>
-            -
            			</div>
-            -
            			<div class="row form-group">
-            -
            				<label for="fblike-dont-show-share-button" class="col-md-5 control-label">
-            -
            					<?php _e("Don't show share button", SG_POPUP_TEXT_DOMAIN)  ?>:
-            -
            				</label>
-            -
            				<div class="col-md-6">
-            -
            					<input name="sgpb-fblike-dont-show-share-button" id="fblike-dont-show-share-button" type="checkbox" <?php echo $popupTypeObj->getOptionValue('sgpb-fblike-dont-show-share-button');?>>
-            -
            				</div>
-            -
            			</div>
-            -
-            -
            		<!-- col-md-6 end -->
             		</div>
-            -
            	<!-- row end -->
             	</div>
-            -
            <!-- sgpb-wrapper end -->
             </div>


2	use sgpb\AdminHelper;
3	$defaultData = ConfigDataHelper::defaultData();
4	?>
5	+ <div class="sgpb sgpb-wrapper video-popup-options sgpb-fblike-options">
6	+ <div class="formItem">
7	+ <span class="formItem__title formItem__title_marginBottom "><?php _e("URL", SG_POPUP_TEXT_DOMAIN) ?>:</span>
8	+ <input name="sgpb-fblike-like-url" id="sgpb-fblike-like-url" type="url" placeholder="http://" class="grayFormItem__input" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-fblike-like-url'))?>" required>
9	+ </div>
10	+ <div class="formItem">
11	+ <span class="formItem__title"><?php _e('Layout', SG_POPUP_TEXT_DOMAIN)?>:</span>
12	+ <?php echo AdminHelper::createSelectBox($defaultData['buttonsType'], esc_html($popupTypeObj->getOptionValue('sgpb-fblike-layout')), array('name' => 'sgpb-fblike-layout', 'class'=>'js-sg-select2', 'id'=>'sgpb-fblike-layout')); ?>
13	+ </div>
14	+ <div class="formItem">
15	+ <span class="formItem__title"><?php _e('Don\'t show share button', SG_POPUP_TEXT_DOMAIN);?>:</span>
16	+ <div class="sgpb-onOffSwitch">
17	+ <input class="sgpb-onOffSwitch-checkbox" name="sgpb-fblike-dont-show-share-button" id="fblike-dont-show-share-button" type="checkbox" <?php echo $popupTypeObj->getOptionValue('sgpb-fblike-dont-show-share-button');?>>
18	+ <label class="sgpb-onOffSwitch__label" for="fblike-dont-show-share-button">
19	+ <span class="sgpb-onOffSwitch-inner"></span>
20	+ <span class="sgpb-onOffSwitch-switch"></span>
21	+ </label>












22	</div>

23	</div>

24	</div>
25	+

public/views/options/subscription.php CHANGED Viewed

@@ -26,398 +26,292 @@
+            	}
             ?>
-            -
            <div class="sgpb-wrapper">
-            -
            	<div class="row">
-            -
            		<div class="col-md-7">
-            -
            			<!-- form background options start -->
-            -
            			<div class="row form-group">
-            -
            				<label class="col-md-12 control-label">
-            -
            					<?php _e('Form background options', SG_POPUP_TEXT_DOMAIN); ?>
-            -
            				</label>
-            -
            			</div>
-            -
            			<div class="row form-group">
-            -
            				<label class="col-md-6 control-label sgpb-sub-option">
-            -
            					<?php _e('Form background color', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            				</label>
-            -
            				<div class="col-md-6">
-            -
            					<div class="sgpb-color-picker-wrapper">
-            -
            						<input class="sgpb-color-picker js-subs-color-picker" data-subs-rel="sgpb-subscription-admin-wrapper" data-style-type="background-color" type="text" name="sgpb-subs-form-bg-color" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-form-bg-color')); ?>" autocomplete="off">
             					</div>
-            -
            				</div>
-            -
            			</div>
-            -
            			<div class="row form-group">
-            -
            				<label for="content-padding" class="col-md-6 control-label sgpb-static-padding-top sgpb-sub-option">
-            -
            					<?php _e('Form background opacity', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            				</label>
-            -
            				<div class="col-md-5 sgpb-slider-wrapper">
-            -
            					<div class="slider-wrapper">
-            -
            						<input type="text" name="sgpb-subs-form-bg-opacity" class="js-subs-bg-opacity" value="<?php echo $popupTypeObj->getOptionValue('sgpb-subs-form-bg-opacity'); ?>" rel="<?php echo $popupTypeObj->getOptionValue('sgpb-subs-form-bg-opacity'); ?>">
-            -
            						<div id="js-subs-bg-opacity" data-init="false" class="display-box"></div>
             					</div>
-            -
            				</div>
-            -
            			</div>
-            -
            			<div class="row form-group">
-            -
            				<label for="sgpb-subs-form-padding" class="col-md-6 control-label sgpb-sub-option">
-            -
            					<?php _e('Form padding', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            				</label>
-            -
            				<div class="col-md-5">
-            -
            					<div class="sgpb-color-picker-wrapper">
-            -
            						<input type="number" min="0" data-default="<?php echo esc_attr($popupTypeObj->getOptionDefaultValue('sgpb-subs-form-padding'))?>" class="form-control js-sgpb-form-padding sgpb-full-width-events" id="sgpb-subs-form-padding" name="sgpb-subs-form-padding" value="<?php echo esc_attr($popupTypeObj->getOptionValue('sgpb-subs-form-padding'))?>" autocomplete="off">
             					</div>
             				</div>
-            -
            				<div class="col-md-1">
-            -
            					<span class="sgpb-restriction-unit">px</span>
-            -
            				</div>
             			</div>
-            -
            			<!-- form background options end -->
-            -
            			<div class="row form-group">
-            -
            				<label for="subs-email-placeholder" class="col-md-6 control-label sgpb-static-padding-top">
-            -
            					<?php _e('Email placeholder', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            				</label>
-            -
            				<div class="col-md-6">
-            -
            					<input type="text" name="sgpb-subs-email-placeholder" id="subs-email-placeholder" class="form-control js-subs-field-placeholder sgpb-full-width-events" data-subs-rel="js-subs-email-input" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-email-placeholder')); ?>">
-            -
            				</div>
             			</div>
-            -
-            -
            			<!-- GDPR checkbox start -->
-            -
            			<div class="row form-group">
-            -
            				<label for="subs-gdpr-status" class="col-md-6 control-label sgpb-static-padding-top">
-            -
            					<?php _e('Enable GDPR', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            				</label>
-            -
            				<div class="col-md-6">
-            -
            					<input type="checkbox" class="js-checkbox-accordion js-checkbox-field-status" id="subs-gdpr-status" data-subs-field-wrapper="js-gdpr-wrapper" name="sgpb-subs-gdpr-status" <?php echo $popupTypeObj->getOptionValue('sgpb-subs-gdpr-status'); ?>>
-            -
            				</div>
-            -
            			</div>
-            -
            			<div class="sg-full-width">
-            -
            				<div class="row form-group">
-            -
            					<label for="sgpb-subs-gdpr-label" class="col-md-6 control-label sgpb-static-padding-top sgpb-sub-option sgpb-gdpr-label">
-            -
            						<?php _e('Label', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            					</label>
-            -
            					<div class="col-md-6">
-            -
            						<input type="text" name="sgpb-subs-gdpr-label" id="sgpb-subs-gdpr-label" class="form-control js-subs-field-placeholder sgpb-full-width-events" data-subs-rel="js-subs-gdpr-label" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-gdpr-label')); ?>">
-            -
            					</div>
-            -
            				</div>
-            -
            				<div class="row form-group">
-            -
            					<label for="sgpb-subs-gdpr-text" class="col-md-6 control-label sgpb-static-padding-top sgpb-sub-option sgpb-gdpr-label">
-            -
            						<?php _e('Confirmation text', SG_POPUP_TEXT_DOMAIN); ?>:
             					</label>
-            -
            					<div class="col-md-6">
-            -
            						<textarea name="sgpb-subs-gdpr-text" id="sgpb-subs-gdpr-text" class="form-control"><?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-gdpr-text')); ?></textarea>
-            -
            					</div>
-            -
            				</div>
-            -
            			</div>
-            -
            			<!-- GDPR checkbox end -->
-            -
-            -
            			<!-- First name start -->
-            -
            			<div class="row form-group">
-            -
            				<label for="subs-first-name-status" class="col-md-6 control-label">
-            -
            					<?php _e('First name', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            				</label>
-            -
            				<div class="col-md-6">
-            -
            					<input type="checkbox" class="js-checkbox-accordion js-checkbox-field-status" id="subs-first-name-status" data-subs-field-wrapper="js-first-name-wrapper" name="sgpb-subs-first-name-status" <?php echo $popupTypeObj->getOptionValue('sgpb-subs-first-name-status'); ?>>
             				</div>
             			</div>
-            -
            			<div class="sg-full-width">
-            -
            				<div class="row form-group">
-            -
            					<label for="subs-first-placeholder" class="col-md-6 control-label sgpb-static-padding-top sgpb-sub-option">
-            -
            						<?php _e('Placeholder', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            					</label>
-            -
            					<div class="col-md-6">
-            -
            						<input type="text" name="sgpb-subs-first-placeholder" id="subs-first-placeholder" class="form-control js-subs-field-placeholder sgpb-full-width-events" data-subs-rel="js-subs-first-name-input" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-first-placeholder')); ?>">
-            -
            					</div>
-            -
            				</div>
-            -
            				<div class="row">
-            -
            					<label for="subs-first-name-required" class="col-md-6 control-label sgpb-sub-option">
-            -
            						<?php _e('Required field', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            					</label>
-            -
            					<div class="col-md-6">
-            -
            						<input type="checkbox" name="sgpb-subs-first-name-required" id="subs-first-name-required" <?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-first-name-required')); ?>>
-            -
            					</div>
             				</div>
-            -
            			</div>
-            -
-            -
            			<!-- First name end -->
-            -
-            -
            			<!-- Last name start -->
-            -
-            -
            			<div class="row form-group">
-            -
            				<label for="subs-last-name-status" class="col-md-6 control-label">
-            -
            					<?php _e('Last name', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            				</label>
-            -
            				<div class="col-md-6">
-            -
            					<input type="checkbox" class="js-checkbox-accordion js-checkbox-field-status" id="subs-last-name-status" data-subs-field-wrapper="js-last-name-wrapper" name="sgpb-subs-last-name-status" <?php echo $popupTypeObj->getOptionValue('sgpb-subs-last-name-status'); ?>>
             				</div>
             			</div>
-            -
            			<div class="sg-full-width">
-            -
            				<div class="row form-group">
-            -
            					<label for="subs-last-placeholder" class="col-md-6 control-label sgpb-static-padding-top sgpb-sub-option">
-            -
            						<?php _e('Placeholder', SG_POPUP_TEXT_DOMAIN); ?>:
             					</label>
-            -
            					<div class="col-md-6">
-            -
            						<input type="text" name="sgpb-subs-last-placeholder" id="subs-last-placeholder" class="form-control js-subs-field-placeholder sgpb-full-width-events" data-subs-rel="js-subs-last-name-input" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-last-placeholder')); ?>">
-            -
            					</div>
-            -
            				</div>
-            -
            				<div class="row">
-            -
            					<label for="subs-last-name-required" class="col-md-6 control-label sgpb-sub-option form-group">
-            -
            						<?php _e('Required field', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            					</label>
-            -
            					<div class="col-md-6">
-            -
            						<input type="checkbox" name="sgpb-subs-last-name-required" id="subs-last-name-required" <?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-last-name-required')); ?>>
-            -
            					</div>
             				</div>
             			</div>
-            -
-            -
            			<!-- Last name end -->
-            -
-            -
            			<div class="row form-group">
-            -
            				<label for="subs-validation-message" class="col-md-6 control-label sgpb-static-padding-top">
-            -
            					<?php _e('Required field message', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            				</label>
-            -
            				<div class="col-md-6">
-            -
            					<input type="text" name="sgpb-subs-validation-message" id="subs-validation-message" class="form-control sgpb-full-width-events" maxlength="90" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-validation-message')); ?>">
             				</div>
-            -
            			</div>
-            -
-            -
            			<!-- Input styles start -->
-            -
-            -
            			<div class="row form-group">
-            -
            				<label class="col-md-12 control-label sgpb-static-padding-top">
-            -
            					<?php _e('Inputs\' style', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            				</label>
-            -
            			</div>
-            -
            			<div class="row form-group">
-            -
            				<label for="subs-text-width" class="col-md-6 control-label sgpb-static-padding-top sgpb-sub-option">
-            -
            					<?php _e('Width', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            				</label>
-            -
            				<div class="col-md-6">
-            -
            					<input type="text" class="form-control js-subs-dimension sgpb-full-width-events" data-field-type="input" data-subs-rel="js-subs-text-inputs" data-style-type="width" name="sgpb-subs-text-width" id="subs-text-width" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-text-width')); ?>">
             				</div>
             			</div>
-            -
            			<div class="row form-group">
-            -
            				<label for="subs-text-height" class="col-md-6 control-label sgpb-static-padding-top sgpb-sub-option">
-            -
            					<?php _e('Height', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            				</label>
-            -
            				<div class="col-md-6">
-            -
            					<input class="form-control js-subs-dimension sgpb-full-width-events" data-field-type="input" data-subs-rel="js-subs-text-inputs" data-style-type="height" type="text" name="sgpb-subs-text-height" id="subs-text-height" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-text-height')); ?>">
             				</div>
             			</div>
-            -
            			<div class="row form-group">
-            -
            				<label for="subs-text-border-width" class="col-md-6 control-label sgpb-static-padding-top sgpb-sub-option">
-            -
            					<?php _e('Border width', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            				</label>
-            -
            				<div class="col-md-6">
-            -
            					<input class="form-control js-subs-dimension sgpb-full-width-events" data-field-type="input" data-subs-rel="js-subs-text-inputs" data-style-type="border-width" type="text" name="sgpb-subs-text-border-width" id="subs-text-border-width" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-text-border-width')); ?>">
             				</div>
-            -
            			</div>
-            -
            			<div class="row form-group">
-            -
            				<label class="col-md-6 control-label sgpb-sub-option">
-            -
            					<?php _e('Background color', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            				</label>
-            -
            				<div class="col-md-6">
-            -
            					<div class="sgpb-color-picker-wrapper">
-            -
            						<input class="sgpb-color-picker js-subs-color-picker" data-field-type="input" data-subs-rel="js-subs-text-inputs" data-style-type="background-color" type="text" name="sgpb-subs-text-bg-color" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-text-bg-color')); ?>" >
             					</div>
             				</div>
             			</div>
-            -
            			<div class="row form-group">
-            -
            				<label class="col-md-6 control-label sgpb-sub-option">
-            -
            					<?php _e('Border color', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            				</label>
-            -
            				<div class="col-md-6">
-            -
            					<div class="sgpb-color-picker-wrapper">
-            -
            						<input class="sgpb-color-picker js-subs-color-picker" data-field-type="input" data-subs-rel="js-subs-text-inputs" data-style-type="border-color" type="text" name="sgpb-subs-text-border-color" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-text-border-color')); ?>" >
             					</div>
-            -
            				</div>
-            -
            			</div>
-            -
            			<div class="row form-group">
-            -
            				<label class="col-md-6 control-label sgpb-sub-option">
-            -
            					<?php _e('Text color', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            				</label>
-            -
            				<div class="col-md-6">
-            -
            					<div class="sgpb-color-picker-wrapper">
-            -
            						<input class="sgpb-color-picker js-subs-color-picker" data-field-type="input" data-subs-rel="js-subs-text-inputs" data-style-type="color" type="text" name="sgpb-subs-text-color" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-text-color')); ?>" >
             					</div>
-            -
            				</div>
-            -
            			</div>
-            -
            			<div class="row form-group">
-            -
            				<label class="col-md-6 control-label sgpb-sub-option">
-            -
            					<?php _e('Placeholder color', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            				</label>
-            -
            				<div class="col-md-6">
-            -
            					<div class="sgpb-color-picker-wrapper">
-            -
            						<input class="sgpb-color-picker js-subs-color-picker sgpb-full-width-events" data-field-type="input" data-subs-rel="js-subs-text-inputs" data-style-type="placeholder" type="text" name="sgpb-subs-text-placeholder-color" value="<?php echo esc_html($placeholderColor); ?>" >
             					</div>
             				</div>
             			</div>
-            -
            			<!-- Input styles end -->
-            -
-            -
            			<!-- Submit styles start -->
-            -
-            -
            			<div class="row form-group">
-            -
            				<label class="col-md-12 control-label">
-            -
            					<?php _e('Submit button styles', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            				</label>
-            -
            			</div>
-            -
            			<div class="row form-group">
-            -
            				<label for="subs-btn-width" class="col-md-6 control-label sgpb-static-padding-top sgpb-sub-option">
-            -
            					<?php _e('Width', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            				</label>
-            -
            				<div class="col-md-6">
-            -
            					<input class="form-control js-subs-dimension sgpb-full-width-events" data-subs-rel="js-subs-submit-btn" data-field-type="submit" data-style-type="width" type="text" name="sgpb-subs-btn-width" id="subs-btn-width" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-btn-width')); ?>">
-            -
            				</div>
-            -
            			</div>
-            -
            			<div class="row form-group">
-            -
            				<label for="subs-btn-height" class="col-md-6 control-label sgpb-static-padding-top sgpb-sub-option">
-            -
            					<?php _e('Height', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            				</label>
-            -
            				<div class="col-md-6">
-            -
            					<input class="form-control js-subs-dimension sgpb-full-width-events" data-subs-rel="js-subs-submit-btn" data-field-type="submit" data-style-type="height" type="text" name="sgpb-subs-btn-height" id="subs-btn-height" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-btn-height')); ?>">
-            -
            				</div>
-            -
            			</div>
-            -
            			<div class="row form-group">
-            -
            				<label for="sgpb-subs-btn-border-width" class="col-md-6 control-label sgpb-static-padding-top sgpb-sub-option">
-            -
            					<?php _e('Border width', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            				</label>
-            -
            				<div class="col-md-6">
-            -
            					<input class="form-control js-subs-dimension sgpb-full-width-events" data-field-type="submit" data-subs-rel="js-subs-submit-btn" data-style-type="border-width" type="text" name="sgpb-subs-btn-border-width" id="sgpb-subs-btn-border-width" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-btn-border-width')); ?>">
-            -
            				</div>
-            -
            			</div>
-            -
            			<div class="row form-group">
-            -
            				<label for="sgpb-subs-btn-border-radius" class="col-md-6 control-label sgpb-sub-option">
-            -
            					<?php _e('Border radius', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            				</label>
-            -
            				<div class="col-md-6">
-            -
            					<input class="form-control js-subs-dimension sgpb-full-width-events" data-subs-rel="js-subs-submit-btn" data-field-type="submit" data-style-type="border-radius" type="text" name="sgpb-subs-btn-border-radius" id="sgpb-subs-btn-border-radius" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-btn-border-radius')); ?>">
-            -
            				</div>
-            -
            			</div>
-            -
            			<div class="row form-group">
-            -
            				<label for="sgpb-subs-btn-border-color" class="col-md-6 control-label sgpb-sub-option">
-            -
            					<?php _e('Border color', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            				</label>
-            -
            				<div class="col-md-6">
-            -
            					<div class="sgpb-color-picker-wrapper">
-            -
            						<input id="sgpb-subs-btn-border-color" class="sgpb-color-picker js-subs-color-picker" data-field-type="submit" data-subs-rel="js-subs-submit-btn" data-style-type="border-color" type="text" name="sgpb-subs-btn-border-color" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-btn-border-color')); ?>" >
             					</div>
-            -
            				</div>
-            -
            			</div>
-            -
            			<div class="row form-group">
-            -
            				<label for="subs-btn-title" class="col-md-6 control-label sgpb-static-padding-top sgpb-sub-option">
-            -
            					<?php _e('Title', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            				</label>
-            -
            				<div class="col-md-6">
-            -
            					<input type="text" name="sgpb-subs-btn-title" id="subs-btn-title" class="form-control js-subs-btn-title sgpb-full-width-events" data-field-type="submit" data-subs-rel="js-subs-submit-btn" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-btn-title')); ?>">
-            -
            				</div>
-            -
            			</div>
-            -
            			<div class="row form-group">
-            -
            				<label for="btn-progress-title" class="col-md-6 control-label sgpb-static-padding-top sgpb-sub-option">
-            -
            					<?php _e('Title (in progress)', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            				</label>
-            -
            				<div class="col-md-6">
-            -
            					<input type="text" name="sgpb-subs-btn-progress-title" id="btn-progress-title" class="form-control sgpb-full-width-events" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-btn-progress-title')); ?>">
-            -
            				</div>
-            -
            			</div>
-            -
            			<div class="row form-group">
-            -
            				<label class="col-md-6 control-label sgpb-sub-option">
-            -
            					<?php _e('Background color', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            				</label>
-            -
            				<div class="col-md-6">
-            -
            					<div class="sgpb-color-picker-wrapper">
-            -
            						<input class="sgpb-color-picker js-subs-color-picker" data-field-type="submit" data-subs-rel="js-subs-submit-btn" data-style-type="background-color" type="text" name="sgpb-subs-btn-bg-color" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-btn-bg-color')); ?>" >
             					</div>
-            -
            				</div>
-            -
            			</div>
-            -
            			<div class="row form-group">
-            -
            				<label class="col-md-6 control-label sgpb-sub-option">
-            -
            					<?php _e('Text color', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            				</label>
-            -
            				<div class="col-md-6">
-            -
            					<div class="sgpb-color-picker-wrapper">
-            -
            						<input class="sgpb-color-picker js-subs-color-picker" data-field-type="submit" data-subs-rel="js-subs-submit-btn" data-style-type="color" type="text" name="sgpb-subs-btn-text-color" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-btn-text-color')); ?>" >
             					</div>
             				</div>
             			</div>
-            -
            			<div class="row form-group">
-            -
            				<label class="col-md-6 control-label sgpb-static-padding-top">
-            -
            					<?php _e('Error message', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            				</label>
-            -
            				<div class="col-md-6">
-            -
            					<input type="text" class="form-control sgpb-full-width-events" name="sgpb-subs-error-message" value="<?php echo esc_attr($popupTypeObj->getOptionValue('sgpb-subs-error-message')); ?>">
-            -
            				</div>
             			</div>
-            -
            			<div class="row form-group">
-            -
            				<label class="col-md-6 control-label sgpb-static-padding-top">
-            -
            					<?php _e('Invalid email message', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            				</label>
-            -
            				<div class="col-md-6">
-            -
            					<input type="text" class="form-control sgpb-full-width-events" name="sgpb-subs-invalid-message" value="<?php echo esc_attr($popupTypeObj->getOptionValue('sgpb-subs-invalid-message')); ?>">
-            -
            				</div>
             			</div>
-            -
            			<div class="row form-group">
-            -
            				<label class="col-md-6 control-label sgpb-static-padding-top" for="sgpb-subs-show-form-to-top">
-            -
            					<?php _e('Show form on the Top', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            				</label>
-            -
            				<div class="col-md-6">
-            -
            					<input type="checkbox" id="sgpb-subs-show-form-to-top" name="sgpb-subs-show-form-to-top" <?php echo esc_attr($popupTypeObj->getOptionValue('sgpb-subs-show-form-to-top')); ?>>
             				</div>
             			</div>
-            -
            			<div class="row form-group">
-            -
            				<label class="col-md-6 control-label sgpb-static-padding-top" for="sgpb-subs-hide-subs-users">
-            -
            					<?php _e('Hide for already subscribed users', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            				</label>
-            -
            				<div class="col-md-6">
-            -
            					<input type="checkbox" id="sgpb-subs-hide-subs-users" name="sgpb-subs-hide-subs-users" <?php echo esc_attr($popupTypeObj->getOptionValue('sgpb-subs-hide-subs-users')); ?>>
             				</div>
             			</div>
-            -
-            -
            			<!-- submit styles end -->
-            -
-            -
            			<div class="row form-group">
-            -
            				<label class="col-md-12 control-label sgpb-static-padding-top">
-            -
            					<?php _e('After successful subscription', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            				</label>
             			</div>
-            -
            			<?php
-            -
            			$multipleChoiceButton = new MultipleChoiceButton($defaultData['subscriptionSuccessBehavior'], $popupTypeObj->getOptionValue('sgpb-subs-success-behavior'));
-            -
            			echo $multipleChoiceButton;
-            -
            			?>
-            -
            			<div class="sg-hide sg-full-width" id="subs-show-success-message">
-            -
            				<div class="row form-group">
-            -
            					<label for="sgpb-subs-success-message" class="col-md-6 control-label sgpb-double-sub-option">
-            -
            						<?php _e('Success message', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            					</label>
-            -
            					<div class="col-md-6"><input name="sgpb-subs-success-message" id="sgpb-subs-success-message" class="form-control sgpb-full-width-events" value="<?php echo esc_attr($popupTypeObj->getOptionValue('sgpb-subs-success-message')); ?>"></div>
-            -
            				</div>
             			</div>
-            -
            			<div class="sg-hide sg-full-width" id="subs-redirect-to-URL">
-            -
            				<div class="row form-group">
-            -
            					<label for="sgpb-subs-success-redirect-URL" class="col-md-6 control-label sgpb-double-sub-option">
-            -
            						<?php _e('Redirect URL', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            					</label>
-            -
            					<div class="col-md-6"><input type="url" name="sgpb-subs-success-redirect-URL" id="sgpb-subs-success-redirect-URL" placeholder="https://www.example.com" class="form-control sgpb-full-width-events" value="<?php echo $popupTypeObj->getOptionValue('sgpb-subs-success-redirect-URL'); ?>"></div>
-            -
            				</div>
-            -
            				<div class="row form-group">
-            -
            					<label for="subs-success-redirect-new-tab" class="col-md-6 control-label sgpb-double-sub-option">
-            -
            						<?php _e('Redirect to new tab', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            					</label>
-            -
            					<div class="col-md-6"><input type="checkbox" name="sgpb-subs-success-redirect-new-tab" id="subs-success-redirect-new-tab" placeholder="https://www.example.com" <?php echo $popupTypeObj->getOptionValue('sgpb-subs-success-redirect-new-tab'); ?>></div>
             				</div>
             			</div>
-            -
            			<div class="sg-hide sg-full-width" id="subs-open-popup">
-            -
            				<div class="row form-group">
-            -
            					<label for="sgpb-subs-success-redirect-URL" class="col-md-6 control-label sgpb-double-sub-option">
-            -
            						<?php _e('Select popup', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            					</label>
-            -
            					<div class="col-md-6">
-            -
            						<?php echo AdminHelper::createSelectBox($subscriptionSubPopups, $successPopup, array('name' => 'sgpb-subs-success-popup', 'class'=>'js-sg-select2 sgpb-full-width-events')); ?>
-            -
            					</div>
             				</div>
             			</div>
             		</div>
-            -
            		<div class="col-md-5">
-            -
            			<div>
-            -
            				<h1 class="sgpb-align-center"><?php _e('Live preview', SG_POPUP_TEXT_DOMAIN);?></h1>
-            -
            				<div class="sgpb-subs-form-<?php echo $popupId; ?> sgpb-subscription-admin-wrapper<?php echo $forceRtlClass; ?>">
             					<?php echo Functions::renderForm($formData); ?>
             				</div>
             				<?php
@@ -433,3 +327,8 @@
             		</div>
             	</div>
             </div>


26	}
27	?>
28
29	+ <div class="sgpb sgpb-wrapper">
30	+ <div class="sgpb-subscription-popup-options sgpb-display-flex">
31	+ <div class="sgpb-width-70 sgpb-padding-x-20">
32	+ <div class="formItem sgpb-margin-top-0">
33	+ <div class="sgpb-width-100 sgpb-margin-bottom-40">
34	+ <p class="formItem__title"><?php _e('Form background options', SG_POPUP_TEXT_DOMAIN); ?></p>
35	+ </div>
36	+ <div class="subForm sgpb-bg-black__opacity-02 sgpb-padding-30 sgpb-width-100">
37	+ <div class="subFormItem sgpb-display-flex sgpb-align-item-center sgpb-margin-y-20">
38	+ <span class="subFormItem__title sgpb-margin-right-10"><?php _e('Form background color', SG_POPUP_TEXT_DOMAIN); ?>:</span>
39	+ <div class="colorPicker">
40	+ <div class="sgpb-color-picker-wrapper unhideColorPicker">
41	+ <input class="sgpb-color-picker js-subs-color-picker" data-subs-rel="sgpb-subscription-admin-wrapper" data-style-type="background-color" type="text" name="sgpb-subs-form-bg-color" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-form-bg-color')); ?>" autocomplete="off">
42	+ </div>
43	+ </div>

44	</div>
45	+ <div class="subFormItem sgpb-display-flex sgpb-align-item-center sgpb-margin-y-20">
46	+ <span class="subFormItem__title sgpb-margin-right-10"><?php _e('Form background opacity', SG_POPUP_TEXT_DOMAIN)?>:</span>
47	+ <div class="sgpb-slider-wrapper range-wrap">
48	+ <div class="sgpb-slider-wrapper sgpb-range-wrap sgpb-display-inline-flex">
49	+ <?php $overlayOpacity = $popupTypeObj->getOptionValue('sgpb-overlay-opacity'); ?>
50	+ <input type="range" name="sgpb-subs-form-bg-opacity" class="sgpb-range-input js-subs-bg-opacity sgpb-cursor-pointer"
51	+ value="<?php echo $popupTypeObj->getOptionValue('sgpb-subs-form-bg-opacity'); ?>"
52	+ min="0.0" step="0.1" max="1">
53	+ <span class="js-subs-bg-opacity-value sgpb-margin-left-10"><?php echo $overlayOpacity?></span>
54	+ </div>
55	+ </div>
56	</div>
57	+ <div class="subFormItem sgpb-display-flex sgpb-align-item-center sgpb-margin-y-20">
58	+ <span class="subFormItem__title sgpb-margin-right-10"><?php _e('Form padding', SG_POPUP_TEXT_DOMAIN)?>:</span>
59	+ <input type="number" min="0" data-default="<?php echo esc_attr($popupTypeObj->getOptionDefaultValue('sgpb-subs-form-padding'))?>" class="js-sgpb-form-padding formItem__input" id="sgpb-subs-form-padding" name="sgpb-subs-form-padding" value="<?php echo esc_attr($popupTypeObj->getOptionValue('sgpb-subs-form-padding'))?>" autocomplete="off">
60	+ <div class="formItem__inputValueType">px</div>





61	</div>
62	</div>



63	</div>
64	+ <div class="formItem">
65	+ <span class="formItem__title"><?php _e('Email placeholder', SG_POPUP_TEXT_DOMAIN); ?></span>
66	+ <input type="text" name="sgpb-subs-email-placeholder" id="subs-email-placeholder" class="formItem__input formItem__input_sgpb-popup-overlay js-subs-field-placeholder" data-subs-rel="js-subs-email-input" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-email-placeholder')); ?>">





67	</div>
68	+ <div class="formItem">
69	+ <span class="formItem__title"><?php _e('Enable GDPR', SG_POPUP_TEXT_DOMAIN)?>:</span>
70	+ <div class="sgpb-onOffSwitch">
71	+ <input type="checkbox" class="js-checkbox-accordion js-checkbox-field-status sgpb-onOffSwitch-checkbox" id="subs-gdpr-status" data-subs-field-wrapper="js-gdpr-wrapper" name="sgpb-subs-gdpr-status" <?php echo $popupTypeObj->getOptionValue('sgpb-subs-gdpr-status'); ?>>
72	+ <label class="sgpb-onOffSwitch__label" for="subs-gdpr-status">
73	+ <span class="sgpb-onOffSwitch-inner"></span>
74	+ <span class="sgpb-onOffSwitch-switch"></span>















75	</label>














76	</div>
77	</div>
78	+ <div class="formItem sgpb-width-100 sgpb-bg-black__opacity-02 sgpb-padding-20">
79	+ <div class="subFormItem sgpb-margin-bottom-20">
80	+ <span class="subFormItem__title sgpb-margin-right-10"><?php _e('Label', SG_POPUP_TEXT_DOMAIN)?>:</span>
81	+ <input type="text" name="sgpb-subs-gdpr-label" id="sgpb-subs-gdpr-label" class="js-subs-field-placeholder formItem__input formItem__input_sgpb-popup-overlay" data-subs-rel="js-subs-gdpr-label" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-gdpr-label')); ?>">












82	</div>
83	+ <div class="subFormItem sgpb-display-flex">
84	+ <span class="subFormItem__title sgpb-margin-right-10 sgpb-text-nowrap"><?php _e('Confirmation text', SG_POPUP_TEXT_DOMAIN)?>:</span>
85	+ <textarea name="sgpb-subs-gdpr-text" id="sgpb-subs-gdpr-text" class="formItem__textarea"><?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-gdpr-text')); ?></textarea>









86	</div>
87	</div>
88	+ <div class="formItem">
89	+ <span class="formItem__title"><?php _e('First name', SG_POPUP_TEXT_DOMAIN)?>:</span>
90	+ <div class="sgpb-onOffSwitch">
91	+ <input type="checkbox" class="js-checkbox-accordion js-checkbox-field-status sgpb-onOffSwitch-checkbox" id="subs-first-name-status" data-subs-field-wrapper="js-first-name-wrapper" name="sgpb-subs-first-name-status" <?php echo $popupTypeObj->getOptionValue('sgpb-subs-first-name-status'); ?>>
92	+ <label class="sgpb-onOffSwitch__label" for="subs-first-name-status">
93	+ <span class="sgpb-onOffSwitch-inner"></span>
94	+ <span class="sgpb-onOffSwitch-switch"></span>
95	</label>











96	</div>
97	</div>
98	+ <div class="formItem sgpb-width-100 sgpb-bg-black__opacity-02 sgpb-padding-20">
99	+ <div class="subFormItem">
100	+ <span class="subFormItem__title sgpb-margin-right-10"><?php _e('Placeholder', SG_POPUP_TEXT_DOMAIN)?>:</span>
101	+ <input type="text" name="sgpb-subs-first-placeholder" id="subs-first-placeholder" class="formItem__input formItem__input_sgpb-popup-overlay js-subs-field-placeholder" data-subs-rel="js-subs-first-name-input" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-first-placeholder')); ?>">





102	</div>
103	+ <div class="subFormItem sgpb-align-item-center sgpb-display-flex sgpb-margin-top-10">
104	+ <span class="subFormItem__title sgpb-margin-right-10"><?php _e('Required field', SG_POPUP_TEXT_DOMAIN)?>:</span>
105	+ <div class="sgpb-onOffSwitch">
106	+ <input type="checkbox" name="sgpb-subs-first-name-required" class="sgpb-onOffSwitch-checkbox" id="subs-first-name-required" <?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-first-name-required')); ?>>
107	+ <label class="sgpb-onOffSwitch__label" for="subs-first-name-required">
108	+ <span class="sgpb-onOffSwitch-inner"></span>
109	+ <span class="sgpb-onOffSwitch-switch"></span>
110	+ </label>
111	+ </div>






112	</div>
113	</div>
114	+ <div class="formItem">
115	+ <span class="formItem__title"><?php _e('Last name', SG_POPUP_TEXT_DOMAIN)?>:</span>
116	+ <div class="sgpb-onOffSwitch">
117	+ <input type="checkbox" class="js-checkbox-accordion js-checkbox-field-status sgpb-onOffSwitch-checkbox" id="subs-last-name-status" data-subs-field-wrapper="js-last-name-wrapper" name="sgpb-subs-last-name-status" <?php echo $popupTypeObj->getOptionValue('sgpb-subs-last-name-status'); ?>>
118	+ <label class="sgpb-onOffSwitch__label" for="subs-last-name-status">
119	+ <span class="sgpb-onOffSwitch-inner"></span>
120	+ <span class="sgpb-onOffSwitch-switch"></span>
121	+ </label>
122	</div>
123	</div>
124	+ <div class="formItem sgpb-width-100 sgpb-bg-black__opacity-02 sgpb-padding-20">
125	+ <div class="subFormItem">
126	+ <span class="subFormItem__title sgpb-margin-right-10"><?php _e('Placeholder', SG_POPUP_TEXT_DOMAIN)?>:</span>
127	+ <input id="subs-last-placeholder" class="formItem__input formItem__input_sgpb-popup-overlay " data-subs-rel="js-subs-last-name-input" type="text" name="sgpb-subs-last-placeholder" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-last-placeholder')); ?>">


128	</div>
129	+ <div class="subFormItem sgpb-align-item-center sgpb-display-flex sgpb-margin-top-10">
130	+ <span class="subFormItem__title sgpb-margin-right-10"><?php _e('Required field', SG_POPUP_TEXT_DOMAIN)?>:</span>
131	+ <div class="sgpb-onOffSwitch">
132	+ <input type="checkbox" name="sgpb-subs-last-name-required" class="sgpb-onOffSwitch-checkbox" id="subs-last-name-required" <?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-last-name-required')); ?>>
133	+ <label class="sgpb-onOffSwitch__label" for="subs-last-name-required">
134	+ <span class="sgpb-onOffSwitch-inner"></span>
135	+ <span class="sgpb-onOffSwitch-switch"></span>
136	+ </label>
137	</div>
138	</div>
139	</div>
140	+ <div class="formItem">
141	+ <span class="formItem__title"><?php _e('Required field message', SG_POPUP_TEXT_DOMAIN); ?></span>
142	+ <input type="text" name="sgpb-subs-validation-message" id="subs-validation-message" class="formItem__input formItem__input_sgpb-popup-overlay sgpb-full-width-events" maxlength="90" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-validation-message')); ?>">
143	+ </div>
144	+ <div class="formItem">
145	+ <div class="sgpb-width-100">
146	+ <span class="formItem__title"><?php _e('Inputs\' style', SG_POPUP_TEXT_DOMAIN); ?></span>
147	+ </div>
148	+ <div class="subForm sgpb-bg-black__opacity-02 sgpb-padding-30 sgpb-width-100">
149	+ <div class="subFormItem bottom">
150	+ <div class="maxWidth sgpb-margin-bottom-20">
151	+ <span class="subFormItem__title formItem__title_equals sgpb-margin-right-10"><?php _e('Width', SG_POPUP_TEXT_DOMAIN); ?>:</span>
152	+ <input type="text" class="js-subs-dimension subFormItem__input" data-field-type="input" data-subs-rel="js-subs-text-inputs" data-style-type="width" name="sgpb-subs-text-width" id="subs-text-width" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-text-width')); ?>">
153	+ </div>
154	+ <div class="maxHeight sgpb-margin-bottom-20">
155	+ <span class="subFormItem__title formItem__title_equals sgpb-margin-right-10"><?php _e('Height', SG_POPUP_TEXT_DOMAIN); ?>:</span>
156	+ <input class="js-subs-dimension subFormItem__input" data-field-type="input" data-subs-rel="js-subs-text-inputs" data-style-type="height" type="text" name="sgpb-subs-text-height" id="subs-text-height" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-text-height')); ?>">
157	+ </div>
158	</div>
159	+ <div class="subFormItem sgpb-margin-bottom-20">
160	+ <span class="subFormItem__title sgpb-margin-right-10"><?php _e('Border width', SG_POPUP_TEXT_DOMAIN)?>:</span>
161	+ <input class="js-subs-dimension formItem__input formItem__input_sgpb-popup-overlay" data-field-type="input" data-subs-rel="js-subs-text-inputs" data-style-type="border-width" type="text" name="sgpb-subs-text-border-width" id="subs-text-border-width" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-text-border-width')); ?>">






162	</div>
163	+ <div class="subFormItem sgpb-margin-bottom-20 sgpb-display-flex sgpb-align-item-center">
164	+ <span class="subFormItem__title sgpb-margin-right-10"><?php _e('Background color', SG_POPUP_TEXT_DOMAIN)?>:</span>
165	+ <div class="sgpb-color-picker-wrapper unhideColorPicker">
166	+ <input class="sgpb-color-picker js-subs-color-picker" data-field-type="input" data-subs-rel="js-subs-text-inputs" data-style-type="background-color" type="text" name="sgpb-subs-text-bg-color" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-text-bg-color')); ?>" >
167	+ </div>
168	+ </div>
169	+ <div class="subFormItem sgpb-margin-bottom-20 sgpb-display-flex sgpb-align-item-center">
170	+ <span class="subFormItem__title sgpb-margin-right-10"><?php _e('Border color', SG_POPUP_TEXT_DOMAIN)?>:</span>
171	+ <div class="sgpb-color-picker-wrapper unhideColorPicker">
172	+ <input class="sgpb-color-picker js-subs-color-picker" data-field-type="input" data-subs-rel="js-subs-text-inputs" data-style-type="border-color" type="text" name="sgpb-subs-text-border-color" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-text-border-color')); ?>" >
173	+ </div>
174	+ </div>
175	+ <div class="subFormItem sgpb-margin-bottom-20 sgpb-display-flex sgpb-align-item-center">
176	+ <span class="subFormItem__title sgpb-margin-right-10"><?php _e('Text color', SG_POPUP_TEXT_DOMAIN)?>:</span>
177	+ <div class="sgpb-color-picker-wrapper unhideColorPicker">
178	+ <input class="sgpb-color-picker js-subs-color-picker" data-field-type="input" data-subs-rel="js-subs-text-inputs" data-style-type="color" type="text" name="sgpb-subs-text-color" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-text-color')); ?>" >
179	+ </div>
180	+ </div>
181	+ <div class="subFormItem sgpb-margin-bottom-20 sgpb-display-flex sgpb-align-item-center">
182	+ <span class="subFormItem__title sgpb-margin-right-10"><?php _e('Placeholder color', SG_POPUP_TEXT_DOMAIN)?>:</span>
183	+ <div class="sgpb-color-picker-wrapper unhideColorPicker">
184	+ <input class="sgpb-color-picker js-subs-color-picker" data-field-type="input" data-subs-rel="js-subs-text-inputs" data-style-type="placeholder" type="text" name="sgpb-subs-text-placeholder-color" value="<?php echo esc_html($placeholderColor); ?>" >
185	+ </div>
186	</div>
187	</div>
188	</div>
189
190	+ <div class="formItem">
191	+ <div class="sgpb-width-100">
192	+ <span class="formItem__title"><?php _e('Submit button styles', SG_POPUP_TEXT_DOMAIN); ?></span>
193	+ </div>
194	+ <div class="subForm sgpb-bg-black__opacity-02 sgpb-padding-30 sgpb-width-100">
195	+ <div class="subFormItem bottom">
196	+ <div class="maxWidth sgpb-margin-bottom-20">
197	+ <span class="subFormItem__title formItem__title_equals sgpb-margin-right-10"><?php _e('Width', SG_POPUP_TEXT_DOMAIN); ?>:</span>
198	+ <input class="js-subs-dimension subFormItem__input" data-subs-rel="js-subs-submit-btn" data-field-type="submit" data-style-type="width" type="text" name="sgpb-subs-btn-width" id="subs-btn-width" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-btn-width')); ?>">
199	+ </div>
200	+ <div class="maxHeight sgpb-margin-bottom-20">
201	+ <span class="subFormItem__title formItem__title_equals sgpb-margin-right-10"><?php _e('Height', SG_POPUP_TEXT_DOMAIN); ?>:</span>
202	+ <input class="js-subs-dimension subFormItem__input" data-subs-rel="js-subs-submit-btn" data-field-type="submit" data-style-type="height" type="text" name="sgpb-subs-btn-height" id="subs-btn-height" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-btn-height')); ?>">
203	+ </div>


































204	</div>
205	+ <div class="subFormItem sgpb-margin-bottom-20">
206	+ <span class="subFormItem__title sgpb-margin-right-10"><?php _e('Border width', SG_POPUP_TEXT_DOMAIN)?>:</span>
207	+ <input class="js-subs-dimension formItem__input" data-field-type="submit" data-subs-rel="js-subs-submit-btn" data-style-type="border-width" type="text" name="sgpb-subs-btn-border-width" id="sgpb-subs-btn-border-width" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-btn-border-width')); ?>">






















208	</div>
209	+ <div class="subFormItem sgpb-margin-bottom-20">
210	+ <span class="subFormItem__title sgpb-margin-right-10"><?php _e('Border radius', SG_POPUP_TEXT_DOMAIN)?>:</span>
211	+ <input class="js-subs-dimension formItem__input" data-subs-rel="js-subs-submit-btn" data-field-type="submit" data-style-type="border-radius" type="text" name="sgpb-subs-btn-border-radius" id="sgpb-subs-btn-border-radius" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-btn-border-radius')); ?>">
212	+ </div>
213	+ <div class="subFormItem sgpb-margin-bottom-20 sgpb-display-flex sgpb-align-item-center">
214	+ <span class="subFormItem__title sgpb-margin-right-10"><?php _e('Border color', SG_POPUP_TEXT_DOMAIN)?>:</span>
215	+ <div class="sgpb-color-picker-wrapper unhideColorPicker">
216	+ <input id="sgpb-subs-btn-border-color" class="sgpb-color-picker js-subs-color-picker" data-field-type="submit" data-subs-rel="js-subs-submit-btn" data-style-type="border-color" type="text" name="sgpb-subs-btn-border-color" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-btn-border-color')); ?>" >
217	+ </div>
218	+ </div>
219	+ <div class="subFormItem sgpb-margin-bottom-20">
220	+ <span class="subFormItem__title sgpb-margin-right-10"><?php _e('Title', SG_POPUP_TEXT_DOMAIN)?>:</span>
221	+ <input type="text" name="sgpb-subs-btn-title" id="subs-btn-title" class="formItem__input formItem__input_sgpb-popup-overlay js-subs-btn-title" data-field-type="submit" data-subs-rel="js-subs-submit-btn" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-btn-title')); ?>">
222	+ </div>
223	+ <div class="subFormItem sgpb-margin-bottom-20">
224	+ <span class="subFormItem__title sgpb-margin-right-10"><?php _e('Title (in progress)', SG_POPUP_TEXT_DOMAIN)?>:</span>
225	+ <input type="text" name="sgpb-subs-btn-progress-title" id="btn-progress-title" class="formItem__input formItem__input_sgpb-popup-overlay" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-btn-progress-title')); ?>">
226	+ </div>
227	+ <div class="subFormItem sgpb-margin-bottom-20 sgpb-display-flex sgpb-align-item-center">
228	+ <span class="subFormItem__title sgpb-margin-right-10"><?php _e('Background color', SG_POPUP_TEXT_DOMAIN)?>:</span>
229	+ <div class="sgpb-color-picker-wrapper unhideColorPicker">
230	+ <input class="sgpb-color-picker js-subs-color-picker" data-field-type="submit" data-subs-rel="js-subs-submit-btn" data-style-type="background-color" type="text" name="sgpb-subs-btn-bg-color" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-btn-bg-color')); ?>" >
231	+ </div>
232	+ </div>
233	+ <div class="subFormItem sgpb-margin-bottom-20 sgpb-display-flex sgpb-align-item-center">
234	+ <span class="subFormItem__title sgpb-margin-right-10"><?php _e('Text color', SG_POPUP_TEXT_DOMAIN)?>:</span>
235	+ <div class="sgpb-color-picker-wrapper unhideColorPicker">
236	+ <input class="sgpb-color-picker js-subs-color-picker" data-field-type="submit" data-subs-rel="js-subs-submit-btn" data-style-type="color" type="text" name="sgpb-subs-btn-text-color" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-subs-btn-text-color')); ?>" >
237	+ </div>
238	</div>
239	</div>
240	</div>
241	+ <div class="formItem">
242	+ <span class="formItem__title"><?php _e('Error message', SG_POPUP_TEXT_DOMAIN); ?></span>
243	+ <input type="text" class="formItem__input formItem__input_sgpb-popup-overlay" name="sgpb-subs-error-message" value="<?php echo esc_attr($popupTypeObj->getOptionValue('sgpb-subs-error-message')); ?>">




244	</div>
245	+ <div class="formItem">
246	+ <span class="formItem__title"><?php _e('Invalid email message', SG_POPUP_TEXT_DOMAIN); ?></span>
247	+ <input type="text" class="formItem__input formItem__input_sgpb-popup-overlay" name="sgpb-subs-invalid-message" value="<?php echo esc_attr($popupTypeObj->getOptionValue('sgpb-subs-invalid-message')); ?>">




248	</div>
249	+ <div class="formItem">
250	+ <span class="formItem__title"><?php _e('Show form on the Top', SG_POPUP_TEXT_DOMAIN)?>:</span>
251	+ <div class="sgpb-onOffSwitch">
252	+ <input type="checkbox" id="sgpb-subs-show-form-to-top" class="sgpb-onOffSwitch-checkbox" name="sgpb-subs-show-form-to-top" <?php echo esc_attr($popupTypeObj->getOptionValue('sgpb-subs-show-form-to-top')); ?>>
253	+ <label class="sgpb-onOffSwitch__label" for="sgpb-subs-show-form-to-top">
254	+ <span class="sgpb-onOffSwitch-inner"></span>
255	+ <span class="sgpb-onOffSwitch-switch"></span>
256	+ </label>
257	</div>
258	</div>
259	+ <div class="formItem">
260	+ <span class="formItem__title"><?php _e('Hide for already subscribed users', SG_POPUP_TEXT_DOMAIN)?>:</span>
261	+ <div class="sgpb-onOffSwitch">
262	+ <input type="checkbox" id="sgpb-subs-hide-subs-users" class="sgpb-onOffSwitch-checkbox" name="sgpb-subs-hide-subs-users" <?php echo esc_attr($popupTypeObj->getOptionValue('sgpb-subs-hide-subs-users')); ?>>
263	+ <label class="sgpb-onOffSwitch__label" for="sgpb-subs-hide-subs-users">
264	+ <span class="sgpb-onOffSwitch-inner"></span>
265	+ <span class="sgpb-onOffSwitch-switch"></span>
266	+ </label>
267	</div>
268	</div>
269	+ <div class="formItem">
270	+ <span class="formItem__title"><?php _e('After successful subscription', SG_POPUP_TEXT_DOMAIN)?>:</span>





271	</div>
272	+ <div class="formItem sgpb-bg-black__opacity-02 sgpb-width-100 sgpb-padding-20 sgpb-margin-bottom-20">
273	+ <?php
274	+ $multipleChoiceButton = new MultipleChoiceButton($defaultData['subscriptionSuccessBehavior'], $popupTypeObj->getOptionValue('sgpb-subs-success-behavior'));
275	+ echo $multipleChoiceButton;
276	+ ?>






277	</div>
278	+
279	+ <div class="sg-hide sgpb-bg-black__opacity-02 sgpb-width-100 sgpb-padding-20 sgpb-margin-bottom-20" id="subs-show-success-message">
280	+ <div class="subFormItem">
281	+ <span class="subFormItem__title sgpb-margin-right-10"><?php _e('Success message', SG_POPUP_TEXT_DOMAIN)?>:</span>
282	+ <input name="sgpb-subs-success-message" type="text" id="sgpb-subs-success-message" class="grayFormItem__input" value="<?php echo esc_attr($popupTypeObj->getOptionValue('sgpb-subs-success-message')); ?>">
283	+ </div>
284	+ </div>
285	+ <div class="sg-hide sgpb-bg-black__opacity-02 sgpb-width-100 sgpb-padding-20 sgpb-margin-bottom-20" id="subs-redirect-to-URL">
286	+ <div class="subFormItem">
287	+ <span class="subFormItem__title sgpb-margin-right-10"><?php _e('Redirect URL', SG_POPUP_TEXT_DOMAIN)?>:</span>
288	+ <input type="url" name="sgpb-subs-success-redirect-URL" id="sgpb-subs-success-redirect-URL" placeholder="https://www.example.com" class="grayFormItem__input" value="<?php echo $popupTypeObj->getOptionValue('sgpb-subs-success-redirect-URL'); ?>">
289	+ </div>
290	+ <div class="subFormItem sgpb-display-flex sgpb-align-item-center">
291	+ <span class="subFormItem__title sgpb-margin-right-10"><?php _e('Redirect to new tab', SG_POPUP_TEXT_DOMAIN)?>:</span>
292	+ <div class="sgpb-onOffSwitch">
293	+ <input type="checkbox" name="sgpb-subs-success-redirect-new-tab" id="subs-success-redirect-new-tab" class="sgpb-onOffSwitch-checkbox" placeholder="https://www.example.com" <?php echo $popupTypeObj->getOptionValue('sgpb-subs-success-redirect-new-tab'); ?>>
294	+ <label class="sgpb-onOffSwitch__label" for="subs-success-redirect-new-tab">
295	+ <span class="sgpb-onOffSwitch-inner"></span>
296	+ <span class="sgpb-onOffSwitch-switch"></span>
297	+ </label>
298	+ </div>
299	</div>
300	</div>
301	+ <div class="sg-hide sgpb-bg-black__opacity-02 sgpb-width-100 sgpb-padding-20 sgpb-margin-bottom-20" id="subs-open-popup">
302	+ <div class="subFormItem">
303	+ <span class="subFormItem__title sgpb-margin-right-10"><?php _e('Select popup', SG_POPUP_TEXT_DOMAIN)?>:</span>
304	+ <?php echo AdminHelper::createSelectBox($subscriptionSubPopups, $successPopup, array('name' => 'sgpb-subs-success-popup', 'class'=>'js-sg-select2 select__select')); ?>




305	</div>
306	</div>
307	</div>
308	+ <div class="sgpb-width-30">
309	+ <div class="sgpb-position-sticky sgpb-overflow-auto">
310	+ <div class="livePreview livePreview_centered sgpb-margin-auto sgpb-align-item-center sgpb-btn sgpb-btn-gray-light sgpb-btn--rounded sgpb-display-flex sgpb-justify-content-center">
311	+ <img class="sgpb-margin-right-10" src="<?php echo SG_POPUP_PUBLIC_URL.'icons/Black/eye.svg'; ?>" alt="Eye icon">
312	+ <span class="livePreview__text"><?php _e('Live Preview', SG_POPUP_TEXT_DOMAIN)?></span>
313	+ </div>
314	+ <div class="sgpb-margin-top-10 sgpb-subs-form-<?php echo $popupId; ?> sgpb-subscription-admin-wrapper<?php echo $forceRtlClass; ?>">
315	<?php echo Functions::renderForm($formData); ?>
316	</div>
317	<?php

327	</div>
328	</div>
329	</div>
330	+ <script>
331	+ jQuery('.js-subs-bg-opacity').on('change', function () {
332	+ jQuery(this).siblings('span').text(this.value);
333	+ })
334	+ </script>

public/views/optionsView.php CHANGED Viewed

@@ -12,8 +12,7 @@ if (!empty($_GET['sgpb_type'])) {
+            		}
+            	}
+            }
-            -
            $autoClose = PopupBuilderActivePackage::canUseOption('sgpb-auto-close');
-            -
            $closeAfterPageScroll = PopupBuilderActivePackage::canUseOption('sgpb-close-after-page-scroll');
             $afterXpagesUseOption = PopupBuilderActivePackage::canUseOption('sgpb-show-popup-after-x-pages');
             if (!empty($removedOptions['content-copy-to-clipboard'])) {
             	if (isset($defaultData['contentClickOptions']['fields'])) {
@@ -22,381 +21,324 @@ if (!empty($removedOptions['content-copy-to-clipboard'])) {
+            	}
+            }
             ?>
-            -
            <div class="sgpb-wrapper">
-            -
            	<div class="row">
-            -
            		<div class="col-md-8">
-            -
            			<?php if(empty($removedOptions['sgpb-content-click'])): ?>
-            -
            				<div class="row form-group">
-            -
            					<label for="content-click" class="col-md-5 control-label sgpb-static-padding-top">
-            -
            						<?php _e('Action on popup content click', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            					</label>
-            -
            					<div class="col-md-6"><input type="checkbox" id="content-click" name="sgpb-content-click" class="js-checkbox-accordion" <?php echo $popupTypeObj->getOptionValue('sgpb-content-click'); ?>></div>
             				</div>
-            -
            				<div class="sg-full-width">
-            -
            					<?php
-            -
            					$multipleChoiceButton = new MultipleChoiceButton($defaultData['contentClickOptions'], $popupTypeObj->getOptionValue('sgpb-content-click-behavior'));
-            -
            					echo $multipleChoiceButton;
-            -
            					?>
-            -
            					<div class="sg-hide sg-full-width" id="content-click-redirect">
-            -
            						<div class="row form-group">
-            -
            							<label for="redirect-to-url" class="col-md-5 control-label sgpb-static-padding-top sgpb-double-sub-option">
-            -
            								<?php _e('URL', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            							</label>
-            -
            							<div class="col-md-6"><input name="sgpb-click-redirect-to-url" id="redirect-to-url" class="form-control sgpb-full-width-events" placeholder="http://" value="<?php echo $popupTypeObj->getOptionValue('sgpb-click-redirect-to-url'); ?>"></div>
-            -
            						</div>
-            -
            						<div class="row form-group">
-            -
            							<label for="redirect-to-url" class="col-md-5 control-label sgpb-static-padding-top sgpb-double-sub-option">
-            -
            								<?php _e('Redirect to new tab', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            							</label>
-            -
            							<div class="col-md-6"><input type="checkbox" name="sgpb-redirect-to-new-tab" <?php echo $popupTypeObj->getOptionValue('sgpb-redirect-to-new-tab');?>></div>
-            -
            						</div>
             					</div>
-            -
            					<div class="sg-hide sg-full-width" id="content-copy-to-clipboard">
-            -
            						<div class="row form-group">
-            -
            							<label for="sgpb-copy-to-clipboard-text" class="col-md-5 control-label sgpb-static-padding-top sgpb-double-sub-option">
-            -
            								<?php _e('Text', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            							</label>
-            -
            							<div class="col-md-6"><input name="sgpb-copy-to-clipboard-text" id="sgpb-copy-to-clipboard-text" class="form-control sgpb-full-width-events" value="<?php echo esc_attr($popupTypeObj->getOptionValue('sgpb-copy-to-clipboard-text')); ?>"></div>
-            -
            						</div>
-            -
            						<div class="row form-group">
-            -
            							<label for="sgpb-copy-to-clipboard-close-popup" class="col-md-5 control-label sgpb-static-padding-top sgpb-double-sub-option">
-            -
            								<?php _e('Close popup', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            							</label>
-            -
            							<div class="col-md-6"><input type="checkbox" name="sgpb-copy-to-clipboard-close-popup" id="sgpb-copy-to-clipboard-close-popup" <?php echo $popupTypeObj->getOptionValue('sgpb-copy-to-clipboard-close-popup'); ?>></div>
-            -
            						</div>
-            -
            						<div class="row form-group">
-            -
            							<label for="sgpb-copy-to-clipboard-alert" class="col-md-5 control-label sgpb-static-padding-top sgpb-double-sub-option">
-            -
            								<?php _e('Show alert', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            							</label>
-            -
            							<div class="col-md-6">
-            -
            								<input type="checkbox" id="sgpb-copy-to-clipboard-alert" class="js-checkbox-accordion" name="sgpb-copy-to-clipboard-alert" <?php echo $popupTypeObj->getOptionValue('sgpb-copy-to-clipboard-alert'); ?>>
-            -
            							</div>
-            -
            						</div>
-            -
            						<div class="sg-full-width form-group">
-            -
            							<div class="row">
-            -
            								<label for="col-md-5 sgpb-copy-to-clipboard-message" class="col-md-5 control-label sgpb-static-padding-top sgpb-double-sub-option">
-            -
            									<?php _e('Message', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            								</label>
-            -
            								<div class="col-md-6">
-            -
            									<input type="text" id="sgpb-copy-to-clipboard-message" class="form-control sgpb-full-width-events " name="sgpb-copy-to-clipboard-message" value="<?php echo $popupTypeObj->getOptionValue('sgpb-copy-to-clipboard-message'); ?>">
-            -
            								</div>
-            -
            							</div>
-            -
            						</div>
             					</div>
             				</div>
-            -
            			<?php endif; ?>
-            -
            			<!-- this often start -->
-            -
            			<?php if (empty($removedOptions['sgpb-show-popup-same-user'])): ?>
-            -
            			<div class="row form-group">
-            -
            				<label for="sgpb-show-popup-same-user" class="col-md-5 control-label sgpb-static-padding-top">
-            -
            					<?php _e('Popup showing limitation', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            				</label>
-            -
            				<div class="col-md-6">
-            -
            					<input type="checkbox" id="sgpb-show-popup-same-user" name="sgpb-show-popup-same-user" class="js-checkbox-accordion" <?php echo $popupTypeObj->getOptionValue('sgpb-show-popup-same-user'); ?>>
-            -
            					<span class="dashicons dashicons-editor-help sgpb-info-icon sgpb-info-icon-align"></span>
-            -
            					<span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
-            -
            						<?php _e('Estimate the popup showing frequency to the same user.', SG_POPUP_TEXT_DOMAIN);?>
-            -
            					</span>
             				</div>
             			</div>
-            -
            			<div class="sg-full-width">
-            -
            				<div class="row form-group">
-            -
            					<label for="sgpb-show-popup-same-user-count" class="col-md-5 control-label sgpb-static-padding-top sgpb-sub-option">
-            -
            						<?php _e('Popup showing count', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            					</label>
-            -
            					<div class="col-md-6">
-            -
            						<input type="number" min="1" disabled required id="sgpb-show-popup-same-user-count" class="sgpb-full-width-events form-control" name="sgpb-show-popup-same-user-count" value="<?php echo $popupTypeObj->getOptionValue('sgpb-show-popup-same-user-count'); ?>" placeholder="e.g.: 1">
-            -
            					</div>
-            -
            					<div class="col-md-1 sgpb-info-wrapper">
-            -
            						<span class="dashicons dashicons-editor-help sgpb-info-icon sgpb-info-icon-align"></span>
             						<span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
             							<?php _e('Select how many times the popup will be shown for the same user.', SG_POPUP_TEXT_DOMAIN);?>
             						</span>
             					</div>
             				</div>
-            -
            				<div class="row form-group">
-            -
            					<label for="sgpb-show-popup-same-user-expiry" class="col-md-5 control-label sgpb-static-padding-top sgpb-sub-option">
-            -
            						<?php _e('Popup showing expiry', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            					</label>
-            -
            					<div class="col-md-6">
-            -
            						<input type="number" min="0" disabled required id="sgpb-show-popup-same-user-expiry" class="sgpb-full-width-events form-control" name="sgpb-show-popup-same-user-expiry" value="<?php echo $popupTypeObj->getOptionValue('sgpb-show-popup-same-user-expiry'); ?>" placeholder="e.g.: 1">
-            -
            					</div>
-            -
            					<div class="col-md-1 sgpb-info-wrapper">
-            -
            						<span class="dashicons dashicons-editor-help sgpb-info-icon sgpb-info-icon-align"></span>
             						<span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
             							<?php _e('Select the count of the days after which the popup will be shown to the same user, or set the value "0" if you want to save cookies by session.', SG_POPUP_TEXT_DOMAIN);?>
             						</span>
             					</div>
             				</div>
-            -
            				<div class="row form-group">
-            -
            					<label for="sgpb-show-popup-same-user-page-level" class="col-md-5 control-label sgpb-static-padding-top sgpb-sub-option">
-            -
            						<?php _e('Apply option on each page', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            					</label>
-            -
            					<div class="col-md-6">
             						<input type="checkbox" disabled id="sgpb-show-popup-same-user-page-level" name="sgpb-show-popup-same-user-page-level" <?php echo $popupTypeObj->getOptionValue('sgpb-show-popup-same-user-page-level'); ?>>
-            -
            						<span class="dashicons dashicons-editor-help sgpb-info-icon sgpb-info-icon-align"></span>
             						<span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
             							<?php _e('If this option is checked the popup showing limitation will be saved for the current page. Otherwise, the limitation will refer site wide, and the popup will be shown for specific times on each page selected.The previously specified count of days will be reset every time you check/uncheck this option.', SG_POPUP_TEXT_DOMAIN);?>
             						</span>
             					</div>
             				</div>
             			</div>
-            -
            			<?php endif; ?>
-            -
            			<!-- this often end -->
-            -
            			<div class="row form-group">
-            -
            				<label class="col-md-5" for="open-sound">
-            -
            					<?php _e('Popup opening sound', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            				</label>
-            -
            				<div class="col-md-6">
-            -
            					<input type="checkbox" id="open-sound" class="js-checkbox-accordion" name="sgpb-open-sound" <?php echo $popupTypeObj->getOptionValue('sgpb-open-sound'); ?>>
-            -
            					<span class="dashicons dashicons-editor-help sgpb-info-icon sgpb-info-icon-align"></span>
-            -
            					<span class="infoSelectRepeat samefontStyle sgpb-info-text">
-            -
            						<?php _e('If this option is enabled the popup will appear with a sound. The sound option is not available on mobile devices, as there are restrictions on sound auto-play options for mobile devices', SG_POPUP_TEXT_DOMAIN)?>.
-            -
            					</span>
-            -
            				</div>
             			</div>
-            -
            			<div class="sg-full-width" style="display: inline-block;">
-            -
            				<div class="row form-group">
-            -
            					<div class="col-md-5"></div>
-            -
            					<div class="col-md-6">
-            -
            						<input type="text" id="js-sound-open-url" readonly class="form-control input-sm sgpb-full-width-events" name="sgpb-sound-url" value="<?php echo $popupTypeObj->getOptionValue('sgpb-sound-url'); ?>">
-            -
            					</div>
-            -
            					<div class="col-md-1">
-            -
            						<span class="dashicons dashicons-controls-volumeon js-preview-sound"></span>
-            -
            					</div>
-            -
            				</div>
-            -
            				<div class="row form-group">
-            -
            					<div class="col-md-5"></div>
-            -
            					<div class="col-md-4">
-            -
            						<input id="js-upload-open-sound-button" class="btn btn-sm btn-default sgpb-change-sound-btn" type="button" value="<?php _e('Change sound', SG_POPUP_TEXT_DOMAIN)?>">
-            -
            					</div>
-            -
            					<div class="col-md-2 align-right">
-            -
            						<input type="button" data-default-song="<?php echo esc_attr($popupTypeObj->getOptionDefaultValue('sgpb-sound-url')); ?>" id="js-reset-to-default-song" class="btn btn-sm btn-danger sgpb-reset-sound-btn" value="<?php _e('Reset', SG_POPUP_TEXT_DOMAIN);?>">
-            -
            					</div>
-            -
            				</div>
             			</div>
-            -
            			<!-- opening animation -->
-            -
            			<div class="row form-group">
-            -
            				<label class="col-md-5" for="open-animation">
-            -
            					<?php _e('Popup opening animation', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            				</label>
-            -
            				<div class="col-md-6">
-            -
            					<input type="checkbox" id="open-animation" class="js-checkbox-accordion" name="sgpb-open-animation" <?php echo $popupTypeObj->getOptionValue('sgpb-open-animation'); ?>>
-            -
            				</div>
             			</div>
-            -
            			<div class="sg-full-width form-group">
-            -
            				<div class="row">
-            -
            					<label class="col-md-5 sgpb-align-with-select2 sgpb-sub-option">
-            -
            						<?php _e('Type', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            					</label>
-            -
            					<div class="col-md-6 sgpb-select2-input-styles">
-            -
            						<?php echo AdminHelper::createSelectBox($defaultData['openAnimationEfects'], $defaultAnimation, array('name' => 'sgpb-open-animation-effect', 'class'=>'js-sg-select2 sgpb-open-animation-effects')); ?>
-            -
            					</div>
-            -
            					<div class="col-md-1">
-            -
            						<span class="sgpb-preview-animation"></span>
-            -
            					</div>
             				</div>
-            -
            				<div class="row">
-            -
            					<label class="col-md-5 sgpb-static-padding-top sgpb-sub-option" for="sgpb-open-animation-speed">
-            -
            						<?php _e('Speed', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            					</label>
-            -
            					<div class="col-md-6">
-            -
            						<input type="number" min="0" step="0.1" data-default="<?php echo esc_attr($popupTypeObj->getOptionDefaultValue('sgpb-open-animation-speed'))?>" class="js-sgpb-reset-default-value sgpb-full-width-events form-control" id="sgpb-open-animation-speed" name="sgpb-open-animation-speed" value="<?php echo esc_attr($popupTypeObj->getOptionValue('sgpb-open-animation-speed'))?>">
-            -
            					</div>
-            -
            					<div class="col-md-1 sgpb-relative-position">
-            -
            						<span class="sgpb-restriction-unit">
-            -
            							<?php _e('Second(s)', SG_POPUP_TEXT_DOMAIN)?>
-            -
            						</span>
-            -
            						<div id="js-open-animation-effect"></div>
-            -
            					</div>
             				</div>
             			</div>
-            -
            			<!-- opening animation end -->
-            -
            			<!-- closing animation -->
-            -
            			<div class="row form-group">
-            -
            				<label class="col-md-5" for="open-animation">
-            -
            					<?php _e('Popup closing animation', SG_POPUP_TEXT_DOMAIN); ?>:
             				</label>
-            -
            				<div class="col-md-6">
-            -
            					<input type="checkbox" id="close-animation" class="js-checkbox-accordion" name="sgpb-close-animation" <?php echo $popupTypeObj->getOptionValue('sgpb-close-animation'); ?>>
-            -
            				</div>
             			</div>
-            -
            			<div class="sg-full-width form-group">
-            -
            				<div class="row">
-            -
            					<label class="col-md-5 sgpb-align-with-select2 sgpb-sub-option">
-            -
            						<?php _e('Type', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            					</label>
-            -
            					<div class="col-md-6 sgpb-select2-input-styles">
-            -
            						<?php echo AdminHelper::createSelectBox($defaultData['closeAnimationEfects'], esc_attr($popupTypeObj->getOptionValue('sgpb-close-animation-effect')), array('name' => 'sgpb-close-animation-effect', 'class'=>'js-sg-select2 sgpb-close-animation-effects')); ?>
-            -
            					</div>
-            -
            					<div class="col-md-1">
-            -
            						<span class="sgpb-preview-close-animation"></span>
-            -
            					</div>
-            -
            				</div>
-            -
            				<div class="row">
-            -
            					<label class="col-md-5 sgpb-static-padding-top sgpb-sub-option" for="sgpb-close-animation-speed">
-            -
            						<?php _e('Speed', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            					</label>
-            -
            					<div class="col-md-6">
-            -
            						<input type="number" min="0" step="0.1" data-default="<?php echo esc_attr($popupTypeObj->getOptionDefaultValue('sgpb-close-animation-speed'))?>" class="js-sgpb-reset-default-value sgpb-full-width-events form-control" id="sgpb-close-animation-speed" name="sgpb-close-animation-speed" value="<?php echo esc_attr($popupTypeObj->getOptionValue('sgpb-close-animation-speed'))?>">
-            -
            					</div>
-            -
            					<div class="col-md-1 sgpb-relative-position">
-            -
            						<span class="sgpb-restriction-unit">
-            -
            							<?php _e('Second(s)', SG_POPUP_TEXT_DOMAIN)?>
-            -
            						</span>
-            -
            						<div id="js-close-animation-effect"></div>
-            -
            					</div>
-            -
            				</div>
             			</div>
-            -
            			<!-- closing animation end -->
-            -
            			<div class="row form-group">
-            -
            				<label class="col-md-5 sgpb-static-padding-top" for="popup-fixed">
-            -
            					<?php _e('Popup location', SG_POPUP_TEXT_DOMAIN); ?>:
             				</label>
-            -
            				<div class="col-md-6">
-            -
            					<input type="checkbox" id="popup-fixed" class="js-checkbox-accordion" name="sgpb-popup-fixed" <?php echo $popupTypeObj->getOptionValue('sgpb-popup-fixed'); ?>>
-            -
            				</div>
             			</div>
-            -
            			<div class="row sg-full-width form-group">
-            -
            				<div class="col-md-5"></div>
-            -
            				<div class="col-md-6">
-            -
            					<div class="fixed-wrapper">
-            -
            						<div class="js-fixed-position-style" id="fixed-position1" data-sgvalue="1"></div>
-            -
            						<div class="js-fixed-position-style" id="fixed-position2" data-sgvalue="2"></div>
-            -
            						<div class="js-fixed-position-style" id="fixed-position3" data-sgvalue="3"></div>
-            -
            						<div class="js-fixed-position-style" id="fixed-position4" data-sgvalue="4"></div>
-            -
            						<div class="js-fixed-position-style" id="fixed-position5" data-sgvalue="5"></div>
-            -
            						<div class="js-fixed-position-style" id="fixed-position6" data-sgvalue="6"></div>
-            -
            						<div class="js-fixed-position-style" id="fixed-position7" data-sgvalue="7"></div>
-            -
            						<div class="js-fixed-position-style" id="fixed-position8" data-sgvalue="8"></div>
-            -
            						<div class="js-fixed-position-style" id="fixed-position9" data-sgvalue="9"></div>
-            -
            					</div>
-            -
            					<input type="hidden" name="sgpb-popup-fixed-position" class="js-fixed-position" value="<?php echo esc_attr($popupTypeObj->getOptionValue('sgpb-popup-fixed-position'));?>">
-            -
            				</div>
             			</div>
-            -
            			<?php if (empty($removedOptions['sgpb-disable-page-scrolling'])): ?>
-            -
            				<div class="row form-group">
-            -
            					<label class="col-md-5 sgpb-static-padding-top" for="disable-page-scrolling">
-            -
            					<?php _e('Disable page scrolling', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            					</label>
-            -
            					<div class="col-md-6">
-            -
            						<input type="checkbox" id="disable-page-scrolling" name="sgpb-disable-page-scrolling" <?php echo $popupTypeObj->getOptionValue('sgpb-disable-page-scrolling'); ?>>
-            -
            						<span class="dashicons dashicons-editor-help sgpb-info-icon sgpb-info-icon-align"></span>
-            -
            						<span class="infoSelectRepeat samefontStyle sgpb-info-text">
-            -
            							<?php _e('If this option is checked, the page won\'t scroll until the popup is open', SG_POPUP_TEXT_DOMAIN)?>.
-            -
            						</span>
-            -
            					</div>
-            -
            				</div>
-            -
            			<?php endif; ?>
-            -
            			<?php if (empty($removedOptions['sgpb-enable-content-scrolling'])): ?>
-            -
            				<div class="row form-group">
-            -
            					<label for="content-scrolling" class="col-md-5 control-label sgpb-static-padding-top">
-            -
            						<?php _e('Enable content scrolling', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            					</label>
-            -
            					<div class="col-md-6">
-            -
            						<input type="checkbox" id="content-scrolling" name="sgpb-enable-content-scrolling" <?php echo $popupTypeObj->getOptionValue('sgpb-enable-content-scrolling'); ?>>
-            -
            						<span class="dashicons dashicons-editor-help sgpb-info-icon sgpb-info-icon-align"></span>
-            -
            						<span class="infoSelectRepeat samefontStyle sgpb-info-text">
-            -
            							<?php _e('If the content is larger than the specified dimensions, then the content will be scrollable', SG_POPUP_TEXT_DOMAIN)?>.
-            -
            						</span>
-            -
            					</div>
-            -
            				</div>
-            -
            			<?php endif; ?>
-            -
            			<?php if (empty($removedOptions['sgpb-auto-close'])): ?>
-            -
            				<div class="row form-group">
-            -
            					<label class="col-md-5 sgpb-static-padding-top" for="auto-close">
-            -
            						<?php _e('Auto close popup', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            					</label>
-            -
            					<div class="col-md-2<?php echo (!$autoClose) ? ' sgpb-pro-options-row' : '' ;?>">
-            -
            						<?php if ($autoClose): ?>
-            -
            							<input type="checkbox" id="auto-close" class="js-checkbox-accordion" name="sgpb-auto-close" <?php echo $popupTypeObj->getOptionValue('sgpb-auto-close'); ?>>
-            -
            						<?php else: ?>
-            -
            							<input type="checkbox" id="auto-close" name="sgpb-auto-close" disabled>
-            -
            						<?php endif; ?>
-            -
            					</div>
-            -
            					<?php if (!$autoClose): ?>
-            -
            					<div class="col-md-2 sgpb-pro-options-label-wrapper">
-            -
            						<a href="<?php echo SG_POPUP_ADVANCED_CLOSING_URL;?>" target="_blank" class="btn btn-warning btn-xs sgpb-pro-label-sm sgpb-advanced-closing-pro-label"><?php _e('UNLOCK OPTION', SG_POPUP_TEXT_DOMAIN) ?></a>
-            -
            					</div>
-            -
            				<?php endif; ?>
-            -
            				</div>
-            -
            			<?php endif; ?>
-            -
            			<?php if ($autoClose && empty($removedOptions['sgpb-auto-close-time'])): ?>
-            -
            				<div class="sg-full-width">
-            -
            					<?php
-            -
            						do_action('autoCloseOptions', $popupTypeObj);
-            -
            					?>
-            -
            				</div>
-            -
            			<?php endif; ?>
-            -
            			<?php if (empty($removedOptions['sgpb-close-after-page-scroll'])): ?>
-            -
            				<div class="row form-group">
-            -
            					<label class="col-md-5 sgpb-static-padding-top" for="sgpb-close-after-page-scroll">
-            -
            						<?php _e('Close popup after the page scroll', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            					</label>
-            -
            					<div class="col-md-2<?php echo (!$closeAfterPageScroll) ? ' sgpb-pro-options-row' : '' ;?>">
-            -
            						<?php if ($closeAfterPageScroll): ?>
-            -
            							<input type="checkbox" id="sgpb-close-after-page-scroll" class="" name="sgpb-close-after-page-scroll" <?php echo $popupTypeObj->getOptionValue('sgpb-close-after-page-scroll'); ?>>
-            -
            						<?php else: ?>
-            -
            							<input type="checkbox" id="sgpb-close-after-page-scroll" name="sgpb-close-after-page-scroll" disabled>
-            -
            						<?php endif; ?>
-            -
            					</div>
-            -
            					<?php if (!$closeAfterPageScroll): ?>
-            -
            						<div class="col-md-2 sgpb-pro-options-label-wrapper">
-            -
            							<a href="<?php echo SG_POPUP_ADVANCED_CLOSING_URL;?>" target="_blank" class="btn btn-warning btn-xs sgpb-pro-label-sm sgpb-advanced-closing-pro-label"><?php _e('UNLOCK OPTION', SG_POPUP_TEXT_DOMAIN) ?></a>
-            -
            						</div>
-            -
            					<?php endif; ?>
-            -
            				</div>
-            -
            			<?php endif; ?>
-            -
            			<?php if (empty($removedOptions['sgpb-reopen-after-form-submission'])): ?>
-            -
            				<div class="row form-group">
-            -
            					<label class="col-md-5" for="reopen-after-form-submission">
-            -
            						<?php _e('Reopen after form submission', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            					</label>
-            -
            					<div class="col-md-6">
-            -
            						<input type="checkbox" id="reopen-after-form-submission"  name="sgpb-reopen-after-form-submission" <?php echo $popupTypeObj->getOptionValue('sgpb-reopen-after-form-submission'); ?>>
-            -
            						<span class="dashicons dashicons-editor-help sgpb-info-icon sgpb-info-icon-align"></span>
-            -
            						<span class="infoSelectRepeat samefontStyle sgpb-info-text">
-            -
            							<?php _e('If this option is enabled, the popup will reopen after the form submission', SG_POPUP_TEXT_DOMAIN)?>.
-            -
            						</span>
-            -
            					</div>
-            -
            				</div>
-            -
            			<?php endif; ?>
-            -
            			<?php if (empty($removedOptions['sgpb-popup-order'])): ?>
-            -
            			<div class="row form-group">
-            -
            				<label class="col-md-5 sgpb-static-padding-top" for="sgpb-popup-order">
-            -
            					<?php _e('Popup order', SG_POPUP_TEXT_DOMAIN); ?>:
             				</label>
-            -
            				<div class="col-md-6">
-            -
            					<input type="number" min="0" name="sgpb-popup-order" id="sgpb-popup-order" class="form-control sgpb-full-width-events" value="<?php echo (int)$popupTypeObj->getOptionValue('sgpb-popup-order'); ?>">
-            -
            				</div>
-            -
            				<div class="col-md-1 sgpb-info-wrapper">
-            -
            					<span class="dashicons dashicons-editor-help sgpb-info-icon sgpb-info-icon-align"></span>
-            -
            					<span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
-            -
            						<?php _e('Select the priority number for your popup to appear on the page, along with other popups. The popup with a lower order number will be behind the others with a higher order number.', SG_POPUP_TEXT_DOMAIN)  ?>
-            -
            					</span>
-            -
            				</div>
             			</div>
-            -
            			<?php endif; ?>
-            -
-            -
            			<?php if (empty($removedOptions['sgpb-popup-delay'])): ?>
-            -
            				<div class="row form-group">
-            -
            					<label class="col-md-5 sgpb-static-padding-top" for="sgpb-popup-delay">
-            -
            						<?php _e('Custom event delay', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            					</label>
-            -
            					<div class="col-md-6">
-            -
            						<input type="number" min="0" name="sgpb-popup-delay" id="sgpb-popup-delay" class="form-control sgpb-full-width-events" value="<?php echo (int)$popupTypeObj->getOptionValue('sgpb-popup-delay'); ?>">
-            -
            					</div>
-            -
            					<div class="col-md-1 sgpb-info-wrapper">
-            -
            						<span class="dashicons dashicons-editor-help sgpb-info-icon sgpb-info-icon-align"></span>
-            -
            						<span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
-            -
            							<?php _e('You can add an opening delay for the popup, in seconds. This will refer to custom events, like:
-            -
            										Shortcodes, custom CSS classes, HTML attributes, or JS called custom events', SG_POPUP_TEXT_DOMAIN)?>.
-            -
            						</span>
-            -
            					</div>
-            -
            				</div>
-            -
            			<?php endif; ?>
             		</div>
-            -
            	</div>
             </div>


12	}
13	}
14	}
15	+

16	$afterXpagesUseOption = PopupBuilderActivePackage::canUseOption('sgpb-show-popup-after-x-pages');
17	if (!empty($removedOptions['content-copy-to-clipboard'])) {
18	if (isset($defaultData['contentClickOptions']['fields'])) {

21	}
22	}
23	?>
24	+ <div class="sgpb sgpb-wrapper popupOptions">
25	+ <?php if(empty($removedOptions['sgpb-content-click'])): ?>
26	+ <div class="formItem">
27	+ <span class="formItem__title sgpb-margin-right-20"><?php _e('Action on popup content click', SG_POPUP_TEXT_DOMAIN)?>:</span>
28	+ <div class="sgpb-onOffSwitch">
29	+ <input type="checkbox" id="sgpb-content-click" name="sgpb-content-click" class="sgpb-onOffSwitch-checkbox js-checkbox-accordion" <?php echo $popupTypeObj->getOptionValue('sgpb-content-click'); ?>>
30	+ <label class="sgpb-onOffSwitch__label" for="sgpb-content-click">
31	+ <span class="sgpb-onOffSwitch-inner"></span>
32	+ <span class="sgpb-onOffSwitch-switch"></span>
33	+ </label>
34	+ </div>
35	+ </div>
36	+ <div class="sg-full-width sgpb-bg-black__opacity-02 sgpb-padding-x-20 formItem">
37	+ <?php
38	+ $multipleChoiceButton = new MultipleChoiceButton($defaultData['contentClickOptions'], $popupTypeObj->getOptionValue('sgpb-content-click-behavior'));
39	+ echo $multipleChoiceButton;
40	+ ?>
41	+ <div class="sgpb-bg-black__opacity-02 sg-hide sg-full-width sgpb-padding-20" id="content-click-redirect">
42	+ <div class="subFormItem">
43	+ <span class="subFormItem__title sgpb-margin-right-20"><?php _e('URL', SG_POPUP_TEXT_DOMAIN)?>:</span>
44	+ <input type="url" name="sgpb-click-redirect-to-url" id="redirect-to-url" class="grayFormItem__input" placeholder="http://" value="<?php echo $popupTypeObj->getOptionValue('sgpb-click-redirect-to-url'); ?>">
45	</div>
46	+ <div class="formItem">
47	+ <span class="subFormItem__title sgpb-margin-right-20"><?php _e('Redirect to new tab', SG_POPUP_TEXT_DOMAIN)?>:</span>
48	+ <div class="sgpb-onOffSwitch">
49	+ <input id="redirect" class="sgpb-onOffSwitch-checkbox" type="checkbox" name="sgpb-redirect-to-new-tab" <?php echo $popupTypeObj->getOptionValue('sgpb-redirect-to-new-tab');?>>
50	+ <label class="sgpb-onOffSwitch__label" for="redirect">
51	+ <span class="sgpb-onOffSwitch-inner"></span>
52	+ <span class="sgpb-onOffSwitch-switch"></span>
53	+ </label>
54	+ </div>
55	+ </div>
56	+ </div>
57
58	+ <div class="sgpb-bg-black__opacity-02 sg-hide sg-full-width sgpb-padding-20" id="content-copy-to-clipboard">
59	+ <div class="subFormItem formItem">
60	+ <span class="subFormItem__title sgpb-margin-right-20"><?php _e('Text', SG_POPUP_TEXT_DOMAIN)?>:</span>
61	+ <input type="text" name="sgpb-copy-to-clipboard-text" id="sgpb-copy-to-clipboard-text" class="subFormItem__input" value="<?php echo esc_attr($popupTypeObj->getOptionValue('sgpb-copy-to-clipboard-text')); ?>">
62	+ </div>
63	+ <div class="subFormItem formItem">
64	+ <span class="subFormItem__title sgpb-margin-right-20"><?php _e('Close popup', SG_POPUP_TEXT_DOMAIN)?>:</span>
65	+ <div class="sgpb-onOffSwitch">
66	+ <input class="sgpb-onOffSwitch-checkbox" type="checkbox" name="sgpb-copy-to-clipboard-close-popup" id="sgpb-copy-to-clipboard-close-popup" <?php echo $popupTypeObj->getOptionValue('sgpb-copy-to-clipboard-close-popup'); ?>>
67	+ <label class="sgpb-onOffSwitch__label" for="sgpb-copy-to-clipboard-close-popup">
68	+ <span class="sgpb-onOffSwitch-inner"></span>
69	+ <span class="sgpb-onOffSwitch-switch"></span>
70	+ </label>





71	</div>
72	+ </div>
73	+ <div class="subFormItem formItem">
74	+ <span class="subFormItem__title sgpb-margin-right-20"><?php _e('Show alert', SG_POPUP_TEXT_DOMAIN)?>:</span>
75	+ <div class="sgpb-onOffSwitch">
76	+ <input type="checkbox" id="sgpb-copy-to-clipboard-alert" class="js-checkbox-accordion sgpb-onOffSwitch-checkbox" name="sgpb-copy-to-clipboard-alert" <?php echo $popupTypeObj->getOptionValue('sgpb-copy-to-clipboard-alert'); ?>>
77	+ <label class="sgpb-onOffSwitch__label" for="sgpb-copy-to-clipboard-alert">
78	+ <span class="sgpb-onOffSwitch-inner"></span>
79	+ <span class="sgpb-onOffSwitch-switch"></span>
80	+ </label>






















81	</div>
82	</div>
83	+ <div class="sg-full-width">
84	+ <div class="subFormItem formItem">
85	+ <span class="subFormItem__title sgpb-margin-right-20"><?php _e('Message', SG_POPUP_TEXT_DOMAIN)?>:</span>
86	+ <input type="text" id="sgpb-copy-to-clipboard-message" class="subFormItem__input" name="sgpb-copy-to-clipboard-message" value="<?php echo $popupTypeObj->getOptionValue('sgpb-copy-to-clipboard-message'); ?>">
87	+ </div>








88	</div>
89	</div>
90	+ </div>
91	+ <?php endif; ?>
92	+ <?php if (empty($removedOptions['sgpb-show-popup-same-user'])): ?>
93	+ <div class="formItem">
94	+ <span class="formItem__title"><?php _e('Popup showing limitation', SG_POPUP_TEXT_DOMAIN)?>:</span>
95	+ <div class="sgpb-onOffSwitch">
96	+ <input type="checkbox" id="sgpb-show-popup-same-user" name="sgpb-show-popup-same-user" class="js-checkbox-accordion sgpb-onOffSwitch-checkbox" <?php echo $popupTypeObj->getOptionValue('sgpb-show-popup-same-user'); ?>>
97	+ <label class="sgpb-onOffSwitch__label" for="sgpb-show-popup-same-user">
98	+ <span class="sgpb-onOffSwitch-inner"></span>
99	+ <span class="sgpb-onOffSwitch-switch"></span>
100	+ </label>
101	+ </div>
102	+ <div class="question-mark">B</div>
103	+ <div class="sgpb-info-wrapper">
104	+ <span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
105	+ <?php _e('Estimate the popup showing frequency to the same user.', SG_POPUP_TEXT_DOMAIN);?>
106	+ </span>
107	+ </div>
108	+ </div>
109	+ <div class="sg-full-width sgpb-bg-black__opacity-02 sgpb-padding-x-20 formItem">
110	+ <div class="subForm noPadding">
111	+ <div class="subFormItem formItem">
112	+ <span class="subFormItem__title sgpb-margin-right-20"><?php _e('Popup showing count', SG_POPUP_TEXT_DOMAIN)?>:</span>
113	+ <input type="number" min="1" disabled required id="sgpb-show-popup-same-user-count" class="subFormItem__input" name="sgpb-show-popup-same-user-count" value="<?php echo $popupTypeObj->getOptionValue('sgpb-show-popup-same-user-count'); ?>" placeholder="e.g.: 1">
114	+ <div class="question-mark">B</div>
115	+ <div class="sgpb-info-wrapper">
116	<span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
117	<?php _e('Select how many times the popup will be shown for the same user.', SG_POPUP_TEXT_DOMAIN);?>
118	</span>
119	</div>
120	</div>
121	+ <div class="subFormItem formItem">
122	+ <span class="subFormItem__title sgpb-margin-right-20"><?php _e('Popup showing expiry', SG_POPUP_TEXT_DOMAIN)?>:</span>
123	+ <input type="number" min="0" disabled required id="sgpb-show-popup-same-user-expiry" class="subFormItem__input" name="sgpb-show-popup-same-user-expiry" value="<?php echo $popupTypeObj->getOptionValue('sgpb-show-popup-same-user-expiry'); ?>" placeholder="e.g.: 1">
124	+ <div class="question-mark">B</div>
125	+ <div class="sgpb-info-wrapper">




126	<span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
127	<?php _e('Select the count of the days after which the popup will be shown to the same user, or set the value "0" if you want to save cookies by session.', SG_POPUP_TEXT_DOMAIN);?>
128	</span>
129	</div>
130	</div>
131	+ <div class="subFormItem formItem">
132	+ <span class="subFormItem__title sgpb-margin-right-20"><?php _e('Apply option on each page', SG_POPUP_TEXT_DOMAIN)?>:</span>
133	+ <div class="checkbox-wrapper">


134	<input type="checkbox" disabled id="sgpb-show-popup-same-user-page-level" name="sgpb-show-popup-same-user-page-level" <?php echo $popupTypeObj->getOptionValue('sgpb-show-popup-same-user-page-level'); ?>>
135	+ <label class="checkboxLabel" for="sgpb-show-popup-same-user-page-level"></label>
136	+ </div>
137	+ <div class="question-mark">B</div>
138	+ <div class="sgpb-info-wrapper">
139	<span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
140	<?php _e('If this option is checked the popup showing limitation will be saved for the current page. Otherwise, the limitation will refer site wide, and the popup will be shown for specific times on each page selected.The previously specified count of days will be reset every time you check/uncheck this option.', SG_POPUP_TEXT_DOMAIN);?>
141	</span>
142	</div>
143	</div>
144	</div>
145	+ </div>
146	+ <?php endif; ?>
147	+ <div class="formItem">
148	+ <span class="formItem__title">
149	+ <?php _e('Popup opening sound', SG_POPUP_TEXT_DOMAIN); ?>:
150	+ </span>
151	+ <div class="sgpb-onOffSwitch">
152	+ <input type="checkbox" id="open-sound" class="js-checkbox-accordion sgpb-onOffSwitch-checkbox" name="sgpb-open-sound" <?php echo $popupTypeObj->getOptionValue('sgpb-open-sound'); ?>>
153	+ <label class="sgpb-onOffSwitch__label" for="open-sound">
154	+ <span class="sgpb-onOffSwitch-inner"></span>
155	+ <span class="sgpb-onOffSwitch-switch"></span>
156	+ </label>
157	+ </div>
158	+ <div class="question-mark">B</div>
159	+ <div class="sgpb-info-wrapper">
160	+ <span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
161	+ <?php _e('If this option is enabled the popup will appear with a sound. The sound option is not available on mobile devices, as there are restrictions on sound auto-play options for mobile devices.', SG_POPUP_TEXT_DOMAIN)?>
162	+ </span>
163	+ </div>
164	+ </div>
165	+ <div class="subForm formItem sgpb-padding-x-20 sgpb-width-100">
166	+ <div class="musicForm">
167	+ <div class="musicFormItem sgpb-display-flex">
168	+ <input type="text" id="js-sound-open-url" readonly class="musicFormItem__input sgpb-margin-right-20 sgpb-width-50" name="sgpb-sound-url" value="<?php echo $popupTypeObj->getOptionValue('sgpb-sound-url'); ?>">
169	+ <div class="sgpb-icons icons_blue js-preview-sound">J</div>
170	</div>
171	+ <div class="musicFormItem sgpb-width-50 sgpb-margin-top-10 sgpb-display-flex sgpb-justify-content-center musicFormItem_last">
172	+ <div class="sgpb-icons icons__item_first icons_blue" id="js-upload-open-sound-button">K</div>
173	+ <div class="sgpb-icons icons_pink" data-default-song="<?php echo esc_attr($popupTypeObj->getOptionDefaultValue('sgpb-sound-url')); ?>" id="js-reset-to-default-song">I</div>
















174	</div>
175	+ </div>
176	+ </div>
177	+ <div class="formItem">
178	+ <span class="formItem__title"><?php _e('Popup opening animation', SG_POPUP_TEXT_DOMAIN); ?>:</span>
179	+ <div class="sgpb-onOffSwitch">
180	+ <input type="checkbox" id="open-animation" class="js-checkbox-accordion sgpb-onOffSwitch-checkbox" name="sgpb-open-animation" <?php echo $popupTypeObj->getOptionValue('sgpb-open-animation'); ?>>
181	+ <label class="sgpb-onOffSwitch__label" for="open-animation">
182	+ <span class="sgpb-onOffSwitch-inner"></span>
183	+ <span class="sgpb-onOffSwitch-switch"></span>
184	+ </label>
185	+ </div>
186	+ </div>
187	+ <div class="subForm sgpb-padding-x-20 sgpb-width-100 sgpb-bg-black__opacity-02">
188	+ <div class="subForm formItem sgpb-align-item-baseline sgpb-flex-direction-column sgpb-select2-input-styles-animation-effect">
189	+ <div class="subFormItem sgpb-display-flex sgpb-align-item-center sgpb-position-relative sgpb-margin-bottom-20">
190	+ <span class="subFormItem__title sgpb-margin-right-20"><?php _e('Type', SG_POPUP_TEXT_DOMAIN); ?>:</span>
191	+ <?php echo AdminHelper::createSelectBox($defaultData['openAnimationEfects'], $defaultAnimation, array('name' => 'sgpb-open-animation-effect', 'class'=>'js-sg-select2 sgpb-open-animation-effects select__select')); ?>
192	+ <div class="sgpb-icons icons_blue sgpb-preview-animation sgpb-margin-x-20">A</div>
193	+ <div id="js-open-animation-effect"></div>
194	</div>
195	+ <div class="subFormItem sgpb-display-flex sgpb-align-item-center">
196	+ <span class="subFormItem__title sgpb-margin-right-20"><?php _e('Speed', SG_POPUP_TEXT_DOMAIN); ?>:</span>
197	+ <input type="number"
198	+ id="sgpb-open-animation-speed" name="sgpb-open-animation-speed" value="<?php echo esc_attr($popupTypeObj->getOptionValue('sgpb-open-animation-speed'))?>"
199	+ data-default="<?php echo esc_attr($popupTypeObj->getOptionDefaultValue('sgpb-open-animation-speed'))?>"
200	+ class="subFormItem__input subFormItem__input_leftRounded" />
201	+ <div class="sgpb-margin-left-10 subFormItem__text__rightRounded">
202	+ <?php _e('Second(s)', SG_POPUP_TEXT_DOMAIN); ?>



203	</div>
204	+ </div>
205	+ </div>
206	+ </div>
207	+
208	+ <div class="formItem">
209	+ <span class="formItem__title"><?php _e('Popup closing animation', SG_POPUP_TEXT_DOMAIN); ?>:</span>
210	+ <div class="sgpb-onOffSwitch">
211	+ <input type="checkbox" id="close-animation" class="js-checkbox-accordion sgpb-onOffSwitch-checkbox" name="sgpb-close-animation" <?php echo $popupTypeObj->getOptionValue('sgpb-close-animation'); ?>>
212	+ <label class="sgpb-onOffSwitch__label" for="close-animation">
213	+ <span class="sgpb-onOffSwitch-inner"></span>
214	+ <span class="sgpb-onOffSwitch-switch"></span>
215	+ </label>
216	+ </div>
217	+ </div>
218	+ <div class="subForm sgpb-padding-x-20 sgpb-width-100 sgpb-bg-black__opacity-02">
219	+ <div class="subForm formItem sgpb-align-item-baseline sgpb-flex-direction-column sgpb-select2-input-styles-animation-effect">
220	+ <div class="subFormItem sgpb-display-flex sgpb-align-item-center sgpb-position-relative sgpb-margin-bottom-20">
221	+ <span class="subFormItem__title sgpb-margin-right-20"><?php _e('Type', SG_POPUP_TEXT_DOMAIN); ?>:</span>
222	+ <?php echo AdminHelper::createSelectBox($defaultData['closeAnimationEfects'], esc_attr($popupTypeObj->getOptionValue('sgpb-close-animation-effect')), array('name' => 'sgpb-close-animation-effect', 'class'=>'js-sg-select2 sgpb-close-animation-effects select__select')); ?>
223	+ <div class="sgpb-icons icons_blue sgpb-preview-animation sgpb-margin-x-20 sgpb-preview-close-animation">A</div>
224	+ <div id="js-close-animation-effect"></div>
225	+ </div>
226	+ <div class="subFormItem sgpb-display-flex sgpb-align-item-center">
227	+ <span class="subFormItem__title sgpb-margin-right-20"><?php _e('Speed', SG_POPUP_TEXT_DOMAIN); ?>:</span>
228	+ <input type="number"
229	+ min="0" step="0.1" data-default="<?php echo esc_attr($popupTypeObj->getOptionDefaultValue('sgpb-close-animation-speed'))?>"
230	+ id="sgpb-close-animation-speed" name="sgpb-close-animation-speed" value="<?php echo esc_attr($popupTypeObj->getOptionValue('sgpb-close-animation-speed'))?>"
231	+ class="subFormItem__input subFormItem__input_leftRounded" />
232	+ <div class="sgpb-margin-left-10 subFormItem__text__rightRounded">
233	+ <?php _e('Second(s)', SG_POPUP_TEXT_DOMAIN); ?>
234	</div>
235	</div>
236	+ </div>
237	+ </div>
238	+ <div class="formItem">
239	+ <span class="formItem__title"><?php _e('Popup location', SG_POPUP_TEXT_DOMAIN); ?>:</span>
240	+ <div class="sgpb-onOffSwitch">
241	+ <input type="checkbox" id="popup-fixed" class="js-checkbox-accordion sgpb-onOffSwitch-checkbox" name="sgpb-popup-fixed" <?php echo $popupTypeObj->getOptionValue('sgpb-popup-fixed'); ?>>
242	+ <label class="sgpb-onOffSwitch__label" for="popup-fixed">
243	+ <span class="sgpb-onOffSwitch-inner"></span>
244	+ <span class="sgpb-onOffSwitch-switch"></span>
245	+ </label>
246	+ </div>
247	+ </div>
248	+ <div class="sgpb-padding-20 sgpb-width-70 sgpb-bg-black__opacity-02">
249	+ <div class="subForm subForm_squared">
250	+ <div class="sgpb-squares">
251	+ <div id="fixed-position1" data-sgvalue="1" class="js-fixed-position-style sgpb-squares__square sgpb-squares__square_leftRounded"></div>
252	+ <div id="fixed-position2" data-sgvalue="2" class="js-fixed-position-style sgpb-squares__square"></div>
253	+ <div id="fixed-position3" data-sgvalue="3" class="js-fixed-position-style sgpb-squares__square sgpb-squares__square_rightRounded"></div>
254	+ <div id="fixed-position4" data-sgvalue="4" class="js-fixed-position-style sgpb-squares__square sgpb-squares__square_leftRounded"></div>
255	+ <div id="fixed-position5" data-sgvalue="5" class="js-fixed-position-style sgpb-squares__square"></div>
256	+ <div id="fixed-position6" data-sgvalue="6" class="js-fixed-position-style sgpb-squares__square sgpb-squares__square_rightRounded"></div>
257	+ <div id="fixed-position7" data-sgvalue="7" class="js-fixed-position-style sgpb-squares__square sgpb-squares__square_leftRounded"></div>
258	+ <div id="fixed-position8" data-sgvalue="8" class="js-fixed-position-style sgpb-squares__square"></div>
259	+ <div id="fixed-position9" data-sgvalue="9" class="js-fixed-position-style sgpb-squares__square sgpb-squares__square_rightRounded"></div>
260	+ </div>
261	+ <input type="hidden" name="sgpb-popup-fixed-position" class="js-fixed-position" value="<?php echo esc_attr($popupTypeObj->getOptionValue('sgpb-popup-fixed-position'));?>">
262	+ </div>
263	+ </div>
264	+ <?php if (empty($removedOptions['sgpb-disable-page-scrolling'])): ?>
265	+ <div class="formItem">
266	+ <span class="formItem__title"><?php _e('Disable page scrolling', SG_POPUP_TEXT_DOMAIN); ?>:</span>
267	+ <div class="sgpb-onOffSwitch">
268	+ <input type="checkbox" id="disable-page-scrolling" class="sgpb-onOffSwitch-checkbox" name="sgpb-disable-page-scrolling" <?php echo $popupTypeObj->getOptionValue('sgpb-disable-page-scrolling'); ?>>
269	+ <label class="sgpb-onOffSwitch__label" for="disable-page-scrolling">
270	+ <span class="sgpb-onOffSwitch-inner"></span>
271	+ <span class="sgpb-onOffSwitch-switch"></span>
272	</label>



273	</div>
274	+ <div class="question-mark">B</div>
275	+ <div class="sgpb-info-wrapper">
276	+ <span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
277	+ <?php _e('If this option is checked, the page won\'t scroll until the popup is open.', SG_POPUP_TEXT_DOMAIN)?>
278	+ </span>





















279	</div>
280	+ </div>
281	+ <?php endif; ?>
282	+ <?php if (empty($removedOptions['sgpb-enable-content-scrolling'])): ?>
283	+ <div class="formItem">
284	+ <span class="formItem__title"><?php _e('Enable content scrolling', SG_POPUP_TEXT_DOMAIN)?>:</span>
285	+ <div class="sgpb-onOffSwitch">
286	+ <input type="checkbox" id="content-scrolling" class="sgpb-onOffSwitch-checkbox" name="sgpb-enable-content-scrolling" <?php echo $popupTypeObj->getOptionValue('sgpb-enable-content-scrolling'); ?>>
287	+ <label class="sgpb-onOffSwitch__label" for="content-scrolling">
288	+ <span class="sgpb-onOffSwitch-inner"></span>
289	+ <span class="sgpb-onOffSwitch-switch"></span>
290	</label>



291	</div>
292	+ <div class="question-mark">B</div>
293	+ <div class="sgpb-info-wrapper">
294	+ <span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
295	+ <?php _e('If the content is larger than the specified dimensions, then the content will be scrollable.', SG_POPUP_TEXT_DOMAIN)?>
296	+ </span>











297	</div>
298	+ </div>
299	+ <?php endif; ?>





















































































300
301	+ <?php if (empty($removedOptions['sgpb-reopen-after-form-submission'])): ?>
302	+ <div class="formItem">
303	+ <span class="formItem__title"><?php _e('Reopen after form submission', SG_POPUP_TEXT_DOMAIN); ?>:</span>
304	+ <div class="sgpb-onOffSwitch">
305	+ <input type="checkbox" class="sgpb-onOffSwitch-checkbox" id="reopen-after-form-submission" name="sgpb-reopen-after-form-submission" <?php echo $popupTypeObj->getOptionValue('sgpb-reopen-after-form-submission'); ?>>
306	+ <label class="sgpb-onOffSwitch__label" for="reopen-after-form-submission">
307	+ <span class="sgpb-onOffSwitch-inner"></span>
308	+ <span class="sgpb-onOffSwitch-switch"></span>
309	</label>









310	</div>
311	+ <div class="question-mark">B</div>
312	+ <div class="sgpb-info-wrapper">
313	+ <span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
314	+ <?php _e('If this option is enabled, the popup will reopen after the form submission.', SG_POPUP_TEXT_DOMAIN)?>
315	+ </span>
316	+ </div>













317	</div>
318	+ <?php endif; ?>
319	+ <?php if (empty($removedOptions['sgpb-popup-order'])): ?>
320	+ <div class="formItem formItem_itemsCentered">
321	+ <span class="formItem__title"><?php _e('Popup order', SG_POPUP_TEXT_DOMAIN)?>:</span>
322	+ <input type="number" min="0" name="sgpb-popup-order" id="sgpb-popup-order" class="formItem__input" value="<?php echo (int)$popupTypeObj->getOptionValue('sgpb-popup-order'); ?>">
323	+ <div class="question-mark">B</div>
324	+ <div class="sgpb-info-wrapper">
325	+ <span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
326	+ <?php _e('Select the priority number for your popup to appear on the page, along with other popups. The popup with a lower order number will be behind the others with a higher order number.', SG_POPUP_TEXT_DOMAIN); ?>
327	+ </span>
328	+ </div>
329	+ </div>
330	+ <?php endif; ?>
331	+ <?php if (empty($removedOptions['sgpb-popup-delay'])): ?>
332	+ <div class="formItem formItem_itemsCentered">
333	+ <span class="formItem__title"><?php _e('Custom event delay', SG_POPUP_TEXT_DOMAIN)?>:</span>
334	+ <input type="number" min="0" name="sgpb-popup-delay" id="sgpb-popup-delay" class="formItem__input" value="<?php echo (int)$popupTypeObj->getOptionValue('sgpb-popup-delay'); ?>">
335	+ <div class="question-mark">B</div>
336	+ <div class="sgpb-info-wrapper">
337	+ <span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
338	+ <?php _e('You can add an opening delay for the popup, in seconds. This will refer to custom events, like:
339	+ Shortcodes, custom CSS classes, HTML attributes, or JS called custom events.', SG_POPUP_TEXT_DOMAIN)?>
340	+ </span>
341	+ </div>
342	+ </div>
343	+ <?php endif; ?>
344	</div>

public/views/otherConditionsView.php CHANGED Viewed

@@ -8,109 +8,52 @@ if ($popupTypeObj->getOptionValue('sgpb-schedule-status')) {
             	$required = 'required';
+            }
             $conditionsCanBeUsed = PopupBuilderActivePackage::canUseSection('popupOtherConditionsSection');
-            -
             ?>
-            -
            <div class="sgpb-wrapper">
-            -
            	<div class="row">
-            -
            		<div class="col-md-8">
-            -
            			<div class="row form-group">
-            -
            				<label class="col-md-5" for="schedule-status">
-            -
            					<?php _e('Schedule', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            				</label>
-            -
            				<div class="col-md-6">
-            -
            					<input type="checkbox" id="schedule-status" class="js-checkbox-accordion" name="sgpb-schedule-status"  <?php echo $popupTypeObj->getOptionValue('sgpb-schedule-status'); ?>>
-            -
            					<span class="dashicons dashicons-editor-help sgpb-info-icon sgpb-info-icon-align"></span>
-            -
            					<span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
-            -
            						<?php _e('Select the day(s) of the week and estimate specific time during which the popup will regularly be shown.', SG_POPUP_TEXT_DOMAIN)  ?>
-            -
            					</span>
-            -
            				</div>
-            -
            			</div>
-            -
            			<div class="sg-full-width">
-            -
            			<div class="row form-group">
-            -
            				<label class="col-md-5 sgpb-sub-option">
-            -
            					<?php _e('Every', SG_POPUP_TEXT_DOMAIN); ?>:
-            -
            				</label>
-            -
            				<div class="col-md-6">
-            -
            					<?php echo AdminHelper::createSelectBox($defaultData['weekDaysArray'], $popupTypeObj->getOptionValue('sgpb-schedule-weeks'), array('name'=>'sgpb-schedule-weeks[]', 'class' => 'schedule-start-selectbox sg-margin0 js-select-basic js-sg-select2', 'multiple'=> 'multiple', 'size'=>7, $required => $required));?>
-            -
            				</div>
-            -
            			</div>
-            -
-            -
            			<div class="row form-group">
-            -
            				<div class="col-md-5"></div>
-            -
            				<div class="col-md-6">
-            -
            					<div class="row form-group">
-            -
            						<div class="col-md-12">
-            -
            							<div class="row form-group">
-            -
            								<div class="col-md-2 sgpb-schedule-from-start">
-            -
            									<span class="sgpb-restriction-unit"><?php _e('From', SG_POPUP_TEXT_DOMAIN); ?>:</span>
-            -
            								</div>
-            -
            								<div class="col-md-5 sgpb-schedule-from-start">
-            -
            									<input id="sgpb-schedule-start-time" type="text" class="sg-time-picker sg-time-picker-style form-control sgpb-full-width-events" name="sgpb-schedule-start-time" value="<?php echo esc_attr($popupTypeObj->getOptionValue('sgpb-schedule-start-time'));?>">
-            -
            								</div>
-            -
            							</div>
-            -
            							<div class="row">
-            -
            								<div class="col-md-2 sgpb-schedule-from-start">
-            -
            									<span class="sgpb-restriction-unit"><?php _e('To', SG_POPUP_TEXT_DOMAIN); ?>:</span>
-            -
            								</div>
-            -
            								<div class="col-md-5 sgpb-schedule-from-start">
-            -
            									<input id="sgpb-schedule-end-time" type="text" class="sg-time-picker sg-time-picker-style form-control sgpb-full-width-events" name="sgpb-schedule-end-time" value="<?php echo esc_attr($popupTypeObj->getOptionValue('sgpb-schedule-end-time'));?>">
-            -
            								</div>
-            -
            							</div>
-            -
            						</div>
-            -
            					</div>
-            -
            				</div>
-            -
            			</div>
-            -
-            -
-            -
            			</div>
-            -
            			<div class="row form-group">
-            -
            				<label class="col-md-5" for="sgpb-popup-timer-status">
-            -
            					<?php _e('Show popup in date range', SG_POPUP_TEXT_DOMAIN) ?>:
-            -
            				</label>
-            -
            				<div class="col-md-7">
-            -
            					<input type="checkbox" name="sgpb-popup-timer-status" id="sgpb-popup-timer-status" class="js-checkbox-accordion" <?php echo esc_attr($popupTypeObj->getOptionValue('sgpb-popup-timer-status'));?>>
-            -
            					<span class="dashicons dashicons-editor-help sgpb-info-icon sgpb-info-icon-align"></span>
-            -
            					<span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
-            -
            						<?php _e('Select a time period during which the popup will appear on your site. Specify the date and the hours for the start and end of popup showing.', SG_POPUP_TEXT_DOMAIN)  ?>
-            -
            					</span>
             				</div>
             			</div>
-            -
            			<div class="sg-full-width">
-            -
            				<div class="row form-group">
-            -
            					<label class="col-md-5 sgpb-sub-option" for="sgpb-popup-start-timer">
-            -
            						<?php _e('Start date', SG_POPUP_TEXT_DOMAIN) ?>:
             					</label>
-            -
            					<div class="col-md-7">
-            -
            						<input type="text" class="popup-start-timer form-control sgpb-full-width-events" id="sgpb-popup-start-timer" name="sgpb-popup-start-timer" value="<?php echo esc_attr($popupTypeObj->getOptionValue('sgpb-popup-start-timer'));?>">
-            -
            					</div>
             				</div>
-            -
            				<div class="row form-group">
-            -
            					<label class="col-md-5 sgpb-sub-option" for="sgpb-popup-end-timer">
-            -
            						<?php _e('End date', SG_POPUP_TEXT_DOMAIN) ?>:
-            -
            					</label>
-            -
            					<div class="col-md-7">
-            -
            						<input type="text" class="popup-start-timer form-control sgpb-full-width-events" id="sgpb-popup-end-timer" name="sgpb-popup-end-timer" value="<?php echo esc_attr($popupTypeObj->getOptionValue('sgpb-popup-end-timer'));?>">
             					</div>
             				</div>
-            -
            			</div>
             		</div>
             	</div>
             </div>
             <style type="text/css">
-            -
            	#ui-datepicker-div {
-            -
            		z-index: 9999 !important;
+            	}
             </style>
-            -
-            -
            <?php if (!$conditionsCanBeUsed): ?>
-            -
            	<div class="sgpb-other-pro-options">
-            -
            		<div class="sgpb-wrapper">
-            -
            			<div class="row">
-            -
            				<div class="col-md-12">
-            -
-            -
            				</div>
-            -
            			</div>
-            -
            		</div>
-            -
            	</div>
-            -
            <?php endif; ?>


8	$required = 'required';
9	}
10	$conditionsCanBeUsed = PopupBuilderActivePackage::canUseSection('popupOtherConditionsSection');

11	?>
12	+ <div class="sgpb-wrapper sgpb-position-relative" onclick="window.open('<?php echo SG_POPUP_SCHEDULING_URL;?>', '_blank')">
13	+ <div class="formItem sgpb-padding-20 sgpb-option-disable">
14	+ <div>
15	+ <div class="formItem">
16	+ <span class="formItem__title sgpb-margin-right-20"><?php _e('Schedule', SG_POPUP_TEXT_DOMAIN); ?>:</span>
17	+ <div class="sgpb-onOffSwitch">
18	+ <input type="checkbox" id="schedule-status" class="sgpb-onOffSwitch-checkbox" disabled name="sgpb-schedule-status" <?php echo $popupTypeObj->getOptionValue('sgpb-schedule-status'); ?>>
19	+ <label class="sgpb-onOffSwitch__label" for="schedule-status">
20	+ <span class="sgpb-onOffSwitch-inner"></span>
21	+ <span class="sgpb-onOffSwitch-switch"></span>
22	+ </label>




















































23	</div>
24	+ <div class="question-mark">B</div>
25	</div>
26	+ <div class="formItem">
27	+ <span class="formItem__title sgpb-margin-right-20"><?php _e('Show popup in date range', SG_POPUP_TEXT_DOMAIN); ?>:</span>
28	+ <div class="sgpb-onOffSwitch">
29	+ <input type="checkbox" name="sgpb-popup-timer-status" id="sgpb-popup-timer-status" disabled class="sgpb-onOffSwitch-checkbox" <?php echo esc_attr($popupTypeObj->getOptionValue('sgpb-popup-timer-status'));?>>
30	+ <label class="sgpb-onOffSwitch__label" for="sgpb-popup-timer-status">
31	+ <span class="sgpb-onOffSwitch-inner"></span>
32	+ <span class="sgpb-onOffSwitch-switch"></span>
33	</label>



34	</div>
35	+ <div class="question-mark">B</div>
36	+ </div>
37	+ <?php if (!$conditionsCanBeUsed): ?>
38	+ <div class="sgpb-unlock-options">
39	+ <div class="sgpb-unlock-options__icon">
40	+ <img src="<?php echo SG_POPUP_PUBLIC_URL.'icons/time-is-money.svg';?>" alt="Time icon" width="45" height="45" />
41	</div>
42	+ <span class="sgpb-unlock-options__title"><?php _e('Unlock Option', SG_POPUP_TEXT_DOMAIN); ?></span>
43	</div>
44	+ <?php endif; ?>
45	</div>
46	</div>
47	+
48	</div>
49
50	<style type="text/css">
51	+ #options-otherConditionsMetaBoxView .sgpb-option-disable {
52	+ max-width: 650px;
53	+ }
54	+ #options-otherConditionsMetaBoxView .sgpb-unlock-options {
55	+ position: absolute;
56	+ top: 8%;
57	+ right: 48%;
58	}
59	</style>

public/views/popupDesignView.php CHANGED Viewed

@@ -11,239 +11,235 @@ if ($popupTheme == 'sgpb-theme-2' || $popupTheme == 'sgpb-theme-3') {
+            }
             ?>
-            -
            <div class="sgpb-wrapper">
-            -
            	<div class="row">
-            -
            		<div class="col-md-8">
-            -
            			<?php if (empty($removedOptions['sgpb-force-rtl'])) :?>
-            -
            				<div class="row form-group">
-            -
            					<label for="sgpb-force-rtl" class="col-md-5 control-label sgpb-static-padding-top">
-            -
            						<?php _e('Force RTL', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            					</label>
-            -
            					<div class="col-md-6">
-            -
            						<input type="checkbox" id="sgpb-force-rtl" name="sgpb-force-rtl" <?php echo $popupTypeObj->getOptionValue('sgpb-force-rtl'); ?>>
-            -
            					</div>
-            -
            				</div>
-            -
            			<?php endif; ?>
-            -
            			<?php if (empty($removedOptions['sgpb-content-padding'])) :?>
-            -
            				<div class="row form-group">
-            -
            					<label for="content-padding" class="col-md-5 control-label sgpb-static-padding-top">
-            -
            						<?php _e('Padding', SG_POPUP_TEXT_DOMAIN)?>:
             					</label>
-            -
            					<div class="col-md-6"><input type="number" min="0" class="form-control sgpb-full-width-events" id="content-padding" name="sgpb-content-padding" value="<?php echo esc_html((int)$popupTypeObj->getOptionValue('sgpb-content-padding')); ?>"></div>
-            -
            					<div class="col-md-1 sgpb-info-wrapper">
-            -
            						<span class="dashicons dashicons-editor-help sgpb-info-icon sgpb-info-icon-align"></span>
-            -
            						<span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
-            -
            							<?php _e('Add some space, in pixels, around your popup content.', SG_POPUP_TEXT_DOMAIN);?>
-            -
            						</span>
-            -
            	 				</div>
             				</div>
-            -
            			<?php endif; ?>
-            -
-            -
            			<?php if (empty($removedOptions['sgpb-popup-z-index'])) :?>
-            -
            			<div class="row form-group">
-            -
            				<label class="col-md-5 sgpb-static-padding-top" for="sgpb-popup-z-index">
-            -
            					<?php _e('Popup z-index', SG_POPUP_TEXT_DOMAIN)  ?>:
-            -
            				</label>
-            -
            				<div class="col-md-6">
-            -
            					<input type="number" min="1" name="sgpb-popup-z-index" id="sgpb-popup-z-index" class="form-control sgpb-full-width-events" value="<?php echo $popupTypeObj->getOptionValue('sgpb-popup-z-index'); ?>">
             				</div>
-            -
            				<div class="col-md-1 sgpb-info-wrapper">
-            -
            					<span class="dashicons dashicons-editor-help sgpb-info-icon sgpb-info-icon-align"></span>
             					<span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
             						<?php _e('Increase or dicrease the value to set the priority of displaying the popup content in comparison of other elements on the page. The highest value of z-index is 2147483647.', SG_POPUP_TEXT_DOMAIN);?>
             					</span>
             				</div>
             			</div>
-            -
            			<?php endif; ?>
-            -
            			<div class="row form-group">
-            -
            				<label for="sgpb-popup-themes" class="col-md-5 control-label sgpb-static-padding-top">
-            -
            					<?php _e('Theme', SG_POPUP_TEXT_DOMAIN)?>:
             				</label>
-            -
            				<div class="col-md-7"><?php AdminHelper::createRadioButtons($defaultData['theme'], "sgpb-popup-themes", esc_html($popupTheme), true); ?></div>
             			</div>
-            -
            			<div class="row">
-            -
            				<div class="col-md-10">
-            -
            					<div class="themes-preview theme-preview-1" style="display: none;"></div>
-            -
            					<div class="themes-preview theme-preview-2" style="display: none;"></div>
-            -
            					<div class="themes-preview theme-preview-3" style="display: none;"></div>
-            -
            					<div class="themes-preview theme-preview-4" style="display: none;"></div>
-            -
            					<div class="themes-preview theme-preview-5" style="display: none;"></div>
-            -
            					<div class="themes-preview theme-preview-6" style="display: none;"></div>
-            -
            				</div>
-            -
            			</div>
-            -
            			<div class="row form-group sgpb-disable-border-wrapper<?php echo $hidePopupBorderOption ;?>">
-            -
            				<label for="sgpb-force-rtl" class="col-md-5 control-label sgpb-static-padding-top">
-            -
            					<?php _e('Disable popup border', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            				</label>
-            -
            				<div class="col-md-6">
-            -
            					<input type="checkbox" id="sgpb-disable-border" name="sgpb-disable-border" <?php echo $popupTypeObj->getOptionValue('sgpb-disable-border', true); ?>>
-            -
            				</div>
-            -
            			</div>
-            -
            			<!-- popup overlay start -->
-            -
            			<?php if (empty($removedOptions['sgpb-enable-popup-overlay'])) :?>
-            -
            				<div class="row form-group">
-            -
            					<label for="sgpb-enable-popup-overlay" class="col-md-5 control-label sgpb-static-padding-top">
-            -
            						<?php _e('Enable popup overlay', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            					</label>
-            -
            					<div class="col-md-2<?php echo (!$enablePopupOverlay) ? ' sgpb-pro-options-row' : '' ;?>">
-            -
            						<?php if ($enablePopupOverlay): ?>
-            -
            							<input type="checkbox" id="sgpb-enable-popup-overlay" name="sgpb-enable-popup-overlay" class="js-checkbox-accordion" <?php echo $popupTypeObj->getOptionValue('sgpb-enable-popup-overlay'); ?> <?php echo (!empty($removedOptions['sgpb-enable-popup-overlay'])) ? ' disabled' : '' ?>>
-            -
            						<?php else: ?>
-            -
            							<input type="checkbox" id="sgpb-enable-popup-overlay" name="sgpb-enable-popup-overlay" checked disabled>
-            -
            						<?php endif; ?>
-            -
            						<span class="dashicons dashicons-editor-help sgpb-info-icon sgpb-info-icon-align"></span>
-            -
            						<span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
-            -
            							<?php _e('If this option is checked, the popup will appear with an overlay.', SG_POPUP_TEXT_DOMAIN);?>
-            -
            						</span>
             					</div>
-            -
            					<?php if (!$enablePopupOverlay): ?>
-            -
            						<div class="col-md-2 sgpb-pro-options-label-wrapper">
-            -
            							<a href="<?php echo SG_POPUP_ADVANCED_CLOSING_URL;?>" target="_blank" class="btn btn-warning btn-xs sgpb-pro-label-sm sgpb-advanced-closing-pro-label"><?php _e('UNLOCK OPTION', SG_POPUP_TEXT_DOMAIN) ?></a>
             						</div>
-            -
            					<?php endif; ?>
             				</div>
-            -
            				<div class="sg-full-width">
-            -
            					<div class="row form-group">
-            -
            						<label for="sgpb-overlay-custom-class" class="col-md-5 control-label sgpb-static-padding-top sgpb-sub-option">
-            -
            							<?php _e('Overlay custom css class', SG_POPUP_TEXT_DOMAIN)?>:
             						</label>
-            -
            						<div class="col-md-6">
-            -
            							<input id="sgpb-overlay-custom-class" class="sgpb-full-width-events form-control" type="text" name="sgpb-overlay-custom-class" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-overlay-custom-class')); ?>" >
-            -
            						</div>
-            -
            						<div class="col-md-1 sgpb-info-wrapper">
-            -
            							<span class="dashicons dashicons-editor-help sgpb-info-icon sgpb-info-icon-align"></span>
             							<span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
             								<?php _e('Add a custom class to the overlay for additional customization.', SG_POPUP_TEXT_DOMAIN);?>
             							</span>
             						</div>
             					</div>
-            -
            					<div class="row form-group">
-            -
            						<label for="content-padding" class="col-md-5 control-label sgpb-static-padding-top sgpb-sub-option">
-            -
            							<?php _e('Change color', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            						</label>
-            -
            						<div class="col-md-6">
-            -
            							<div class="sgpb-color-picker-wrapper sgpb-overlay-color">
-            -
            								<input class="sgpb-color-picker sgpb-overlay-color" type="text" name="sgpb-overlay-color" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-overlay-color')); ?>" >
-            -
            							</div>
             						</div>
             					</div>
-            -
            					<div class="row form-group">
-            -
            						<label class="col-md-5 control-label sgpb-sub-option">
             							<?php _e('Opacity', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            						</label>
-            -
            						<div class="col-md-6 sgpb-slider-wrapper">
-            -
            							<div class="slider-wrapper">
             								<?php $overlayOpacity = $popupTypeObj->getOptionValue('sgpb-overlay-opacity'); ?>
-            -
            								<input type="text" name="sgpb-overlay-opacity" class="js-popup-overlay-opacity" value="<?php echo $overlayOpacity?>" rel="<?php echo $overlayOpacity?>">
-            -
            								<div id="js-popup-overlay-opacity" data-init="false" class="display-box"></div>
             							</div>
             						</div>
             					</div>
             				</div>
-            -
            			<?php endif; ?>
-            -
            			<!-- popup overlay end -->
-            -
            			<div class="row form-group">
-            -
            				<label for="content-custom-class" class="col-md-5 control-label sgpb-static-padding-top">
-            -
            					<?php _e('Content custom css class', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            				</label>
-            -
            				<div class="col-md-6">
-            -
            					<input type="text" class="sgpb-full-width-events form-control" id="content-custom-class" name="sgpb-content-custom-class" value="<?php echo esc_attr($popupTypeObj->getOptionValue('sgpb-content-custom-class'))?>">
-            -
            				</div>
-            -
            				<div class="col-md-1 sgpb-info-wrapper">
-            -
            					<span class="dashicons dashicons-editor-help sgpb-info-icon sgpb-info-icon-align"></span>
-            -
            					<span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
-            -
            						<?php _e('Add a custom class to the content for additional customization', SG_POPUP_TEXT_DOMAIN);?>.
-            -
            					</span>
-            -
            				</div>
             			</div>
-            -
            			<?php if (empty($removedOptions['sgpb-show-background'])) :?>
-            -
            			<div class="row form-group">
-            -
            				<label for="content-padding" class="col-md-10 control-label sgpb-static-padding-top">
-            -
            					<?php _e('Background options', SG_POPUP_TEXT_DOMAIN)?>
-            -
            				</label>
             			</div>
-            -
            			<div class="row form-group">
-            -
            				<label for="sgpb-show-background" class="col-md-5 control-label sgpb-static-padding-top sgpb-sub-option">
-            -
            					<?php _e('Show background', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            				</label>
-            -
            				<div class="col-md-6">
-            -
            					<input type="checkbox" class="js-checkbox-accordion" id="sgpb-show-background" name="sgpb-show-background" <?php echo $popupTypeObj->getOptionValue('sgpb-show-background'); ?>>
-            -
            				</div>
             			</div>
-            -
            			<div class="sg-full-width">
-            -
            				<div class="row form-group">
-            -
            					<label for="content-padding" class="col-md-5 control-label sgpb-static-padding-top sgpb-double-sub-option">
-            -
            						<?php _e('Color', SG_POPUP_TEXT_DOMAIN)?>:
             					</label>
-            -
            					<div class="col-md-6">
-            -
            						<div class="sgpb-color-picker-wrapper">
             							<input class="sgpb-color-picker" type="text" name="sgpb-background-color" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-background-color')); ?>" >
             						</div>
             					</div>
-            -
            				</div>
-            -
            				<div class="row form-group">
-            -
            					<label for="content-padding" class="col-md-5 control-label sgpb-static-padding-top sgpb-double-sub-option">
-            -
            						<?php _e('Opacity', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            					</label>
-            -
            					<div class="col-md-6 sgpb-slider-wrapper">
-            -
            						<div class="slider-wrapper">
-            -
            							<?php $contentOpacity = $popupTypeObj->getOptionValue('sgpb-content-opacity'); ?>
-            -
            							<input type="text" name="sgpb-content-opacity" class="js-popup-content-opacity" value="<?php echo $contentOpacity; ?>" rel="<?php echo $contentOpacity?>">
-            -
            							<div id="js-popup-content-opacity" data-init="false" class="display-box"></div>
             						</div>
             					</div>
-            -
            				</div>
-            -
            				<?php endif; ?>
-            -
-            -
            				<?php if (empty($removedOptions['sgpb-background-image'])) :?>
-            -
            				<div class="row">
-            -
            					<label for="redirect-to-url" class="col-md-5 control-label sgpb-static-padding-top sgpb-double-sub-option">
-            -
            						<?php _e('Image', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            					</label>
-            -
            					<div class="col-md-6 form-group">
-            -
            						<div class="row">
-            -
            							<div>
-            -
            								<div class="sgpb-button-image-uploader-wrapper">
-            -
            									<input class="sg-hide" id="js-background-upload-image" type="text" size="36" name="sgpb-background-image" value="<?php echo (esc_attr($popupTypeObj->getOptionValue('sgpb-background-image'))) ? esc_attr($popupTypeObj->getOptionValue('sgpb-background-image')) : '' ; ?>" autocomplete="off">
             								</div>
             							</div>
-            -
-            -
            							<div class="col-md-12 form-group">
-            -
            								<div class="sgpb-show-background-image-container">
-            -
            									<span class="sgpb-no-image">(<?php _e('No image selected', SG_POPUP_TEXT_DOMAIN);?>)</span>
             								</div>
             							</div>
             						</div>
-            -
            						<div class="row">
-            -
            							<div class="col-md-4 sgpb-background-change-image-wrapper">
-            -
            								<input id="js-background-upload-image-button" class="btn btn-sm btn-default" type="button" value="<?php _e('Change image', SG_POPUP_TEXT_DOMAIN);?>">
-            -
            							</div>
-            -
            							<div class="col-md-4 js-sgpb-remove-background-image<?php echo (!$popupTypeObj->getOptionValue('sgpb-background-image')) ? ' sg-hide' : '';?>">
-            -
            								<input id="js-background-upload-image-remove-button" class="btn btn-sm btn-danger" type="button" value="<?php _e('Remove', SG_POPUP_TEXT_DOMAIN);?>">
             							</div>
             						</div>
-            -
            					</div>
-            -
            				</div>
-            -
            				<?php endif; ?>
-            -
            				<?php if (empty($removedOptions['sgpb-background-image-mode'])) :?>
-            -
            				<div class="row form-group">
-            -
            					<label for="content-padding" class="col-md-5 control-label sgpb-static-padding-top sgpb-double-sub-option">
-            -
            						<?php _e('Mode', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            					</label>
-            -
            					<div class="col-md-6 form-group">
-            -
            						<?php echo AdminHelper::createSelectBox($defaultData['backroundImageModes'], $popupTypeObj->getOptionValue('sgpb-background-image-mode'), array('name' => 'sgpb-background-image-mode', 'class'=>'js-sg-select2')); ?>
-            -
            					</div>
-            -
            					<div class="col-md-1 sgpb-info-wrapper">
-            -
            						<span class="dashicons dashicons-editor-help sgpb-info-icon sgpb-info-icon-align"></span>
-            -
            						<span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
-            -
            							<?php _e('Choose how the background image will be displayed with your content.', SG_POPUP_TEXT_DOMAIN);?>.
-            -
            						</span>
-            -
            					</div>
             				</div>
-            -
            				<?php endif; ?>
             			</div>
-            -
            		</div>
             	</div>
             </div>


11	}
12
13	?>
14	+ <div class="sgpb sgpb-wrapper">
15	+ <div class="sgpb-design">
16	+ <?php if (empty($removedOptions['sgpb-force-rtl'])) :?>
17	+ <div class="formItem formItem_itemsCentered ">
18	+ <label for="sgpb-force-rtl" class="sgpb-design-label formItem__title">
19	+ <?php _e('Force RTL', SG_POPUP_TEXT_DOMAIN)?>:
20	+ </label>
21	+ <div class="sgpb-onOffSwitch">
22	+ <input type="checkbox" class="sgpb-onOffSwitch-checkbox" id="sgpb-force-rtl" name="sgpb-force-rtl" <?php echo $popupTypeObj->getOptionValue('sgpb-force-rtl'); ?>>
23	+ <label class="sgpb-onOffSwitch__label" for="sgpb-force-rtl">
24	+ <span class="sgpb-onOffSwitch-inner"></span>
25	+ <span class="sgpb-onOffSwitch-switch"></span>





26	</label>







27	</div>
28	+ </div>
29	+ <?php endif; ?>
30	+ <?php if (empty($removedOptions['sgpb-content-padding'])) :?>
31	+ <div class="formItem formItem_itemsCentered">
32	+ <span class="formItem__title"><?php _e('Padding', SG_POPUP_TEXT_DOMAIN)?>:</span>
33	+ <input type="number" min="0" class="formItem__input" id="content-padding" name="sgpb-content-padding" value="<?php echo esc_html((int)$popupTypeObj->getOptionValue('sgpb-content-padding')); ?>">
34	+ <div class="formItem__inputValueType">px</div>
35	+ <div class="question-mark">B</div>
36	+ <div class="sgpb-info-wrapper">
37	+ <span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
38	+ <?php _e('Add some space, in pixels, around your popup content.', SG_POPUP_TEXT_DOMAIN);?>
39	+ </span>
40	</div>
41	+ </div>
42	+ <?php endif; ?>
43	+ <?php if (empty($removedOptions['sgpb-popup-z-index'])) : ?>
44	+ <div class="formItem formItem_itemsCentered">
45	+ <span class="formItem__title"><?php _e('Popup z-index', SG_POPUP_TEXT_DOMAIN); ?>:</span>
46	+ <input type="number" min="1" name="sgpb-popup-z-index" id="sgpb-popup-z-index" class="formItem__input formItem__input_sgpb-pixels" value="<?php echo $popupTypeObj->getOptionValue('sgpb-popup-z-index'); ?>">
47	+ <div class="question-mark sgpb-info-icon">B</div>
48	+ <div class="sgpb-info-wrapper">
49	<span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
50	<?php _e('Increase or dicrease the value to set the priority of displaying the popup content in comparison of other elements on the page. The highest value of z-index is 2147483647.', SG_POPUP_TEXT_DOMAIN);?>
51	</span>
52	</div>
53	</div>
54	+ <?php endif; ?>
55
56	+ <div class="formItem formItem_itemsCentered">
57	+ <span class="formItem__title"><?php _e('Themes', SG_POPUP_TEXT_DOMAIN)?>:</span>
58	+ <?php AdminHelper::createRadioButtons($defaultData['theme'], "sgpb-popup-themes", esc_html($popupTheme), true, 'bg_img'); ?>
59	+ </div>
60	+ <div class="formItem sgpb-disable-border-wrapper<?php echo $hidePopupBorderOption ;?>">
61	+ <span class="formItem__title"><?php _e('Disable popup border', SG_POPUP_TEXT_DOMAIN)?>:</span>
62	+ <div class="sgpb-onOffSwitch">
63	+ <input type="checkbox" class="sgpb-onOffSwitch-checkbox" id="sgpb-disable-border" name="sgpb-disable-border" <?php echo $popupTypeObj->getOptionValue('sgpb-disable-border', true); ?>>
64	+ <label class="sgpb-onOffSwitch__label" for="sgpb-disable-border">
65	+ <span class="sgpb-onOffSwitch-inner"></span>
66	+ <span class="sgpb-onOffSwitch-switch"></span>
67	</label>

68	</div>
69	+ </div>
70	+ <?php if (empty($removedOptions['sgpb-enable-popup-overlay'])) :?>
71	+ <?php if (!$enablePopupOverlay): ?>
72	+ <div class="formItem formItem_lessMargin sgpb-padding-20 sgpb-option-disable"
73	+ onclick="window.open('<?php echo SG_POPUP_ADVANCED_CLOSING_URL;?>', '_blank')">
74	+ <span class="formItem__title "><?php _e('Enable popup overlay', SG_POPUP_TEXT_DOMAIN)?>:</span>
75	+ <div class="sgpb-onOffSwitch sgpb-onOffSwitch_smallLeftMargin">
76	+ <input type="checkbox" id="sgpb-enable-popup-overlay" name="sgpb-enable-popup-overlay" disabled>
77	+ <label class="sgpb-onOffSwitch__label" for="sgpb-enable-popup-overlay">
78	+ <span class="sgpb-onOffSwitch-inner"></span>
79	+ <span class="sgpb-onOffSwitch-switch"></span>
80	+ </label>






















81	</div>
82	+ <div class="question-mark">B</div>
83	+ <div class="sgpb-info-wrapper">
84	+ <span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
85	+ <?php _e('If this option is checked, the popup will appear with an overlay.', SG_POPUP_TEXT_DOMAIN);?>
86	+ </span>
87	+ </div>
88	+ <div class="sgpb-unlock-options">
89	+ <div class="sgpb-unlock-options__icon">
90	+ <img src="<?php echo SG_POPUP_PUBLIC_URL.'icons/time-is-money.svg';?>" alt="Time icon" />
91	</div>
92	+ <span class="sgpb-unlock-options__title"><?php _e('Unlock Option', SG_POPUP_TEXT_DOMAIN); ?></span>
93	+ </div>
94	</div>
95	+ <?php else: ?>
96	+ <div class="formItem formItem_lessMargin">
97	+ <span class="formItem__title "><?php _e('Enable popup overlay', SG_POPUP_TEXT_DOMAIN)?>:</span>
98	+ <div class="sgpb-onOffSwitch sgpb-onOffSwitch_smallLeftMargin">
99	+ <input type="checkbox" id="sgpb-enable-popup-overlay" name="sgpb-enable-popup-overlay" class="sgpb-onOffSwitch-checkbox js-checkbox-accordion" <?php echo $popupTypeObj->getOptionValue('sgpb-enable-popup-overlay'); ?> <?php echo (!empty($removedOptions['sgpb-enable-popup-overlay'])) ? ' disabled' : '' ?>>
100	+ <label class="sgpb-onOffSwitch__label" for="sgpb-enable-popup-overlay">
101	+ <span class="sgpb-onOffSwitch-inner"></span>
102	+ <span class="sgpb-onOffSwitch-switch"></span>
103	</label>
104	+ </div>
105	+ <div class="question-mark">B</div>
106	+ <div class="sgpb-info-wrapper">
107	+ <span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
108	+ <?php _e('If this option is checked, the popup will appear with an overlay.', SG_POPUP_TEXT_DOMAIN);?>
109	+ </span>
110	+ </div>
111	+ </div>
112	+ <?php endif; ?>
113	+ <div class="formItem sgpb-padding-20 sgpb-width-100 sgpb-bg-black__opacity-02 sgpb-border-radius-5px">
114	+ <div class="subForm">
115	+ <div class="subFormItem sgpb-display-flex sgpb-align-item-center">
116	+ <span class="subFormItem__title sgpb-margin-right-20"><?php _e('Overlay custom css class', SG_POPUP_TEXT_DOMAIN)?>:</span>
117	+ <input type="text" class="subFormItem__input formItem__input_sgpb-popup-overlay" value="sgpb-popup-overlay">
118	+ <div class="question-mark">B</div>
119	+ <div class="sgpb-info-wrapper">
120	<span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
121	<?php _e('Add a custom class to the overlay for additional customization.', SG_POPUP_TEXT_DOMAIN);?>
122	</span>
123	</div>
124	</div>
125	+ <div class="subFormItem sgpb-margin-y-20 sgpb-display-flex sgpb-align-item-center">
126	+ <span class="subFormItem__title sgpb-margin-right-20"><?php _e('Change color', SG_POPUP_TEXT_DOMAIN)?>:</span>
127	+ <div class="sgpb-color-picker-wrapper sgpb-position-relative">
128	+ <input class="sgpb-color-picker sgpb-overlay-color" type="text" name="sgpb-overlay-color" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-overlay-color')); ?>" >




129	</div>
130	</div>
131	+ <div class="subFormItem sgpb-display-flex sgpb-align-item-center">
132	+ <span class="subFormItem__title sgpb-margin-right-20">
133	<?php _e('Opacity', SG_POPUP_TEXT_DOMAIN)?>:
134	+ </span>
135	+ <div class="sgpb-slider-wrapper sgpb-range-wrap">
136	+ <div class="slider-wrapper sgpb-display-inline-flex">
137	<?php $overlayOpacity = $popupTypeObj->getOptionValue('sgpb-overlay-opacity'); ?>
138	+ <input type="range" class="sgpb-range-input js-popup-overlay-opacity sgpb-margin-right-10"
139	+ name="sgpb-overlay-opacity"
140	+ id="js-popup-overlay-opacity" min="0.0" step="0.1" max="1" value="<?php echo $overlayOpacity?>">
141	+ <span class="js-popup-overlay-opacity-value"><?php echo $overlayOpacity?></span>
142	</div>
143	</div>
144	</div>
145	</div>















146	</div>
147	+ <?php endif; ?>
148	+ <div class="formItem formItem_itemsCentered">
149	+ <span class="formItem__title"><?php _e('Content custom css class', SG_POPUP_TEXT_DOMAIN); ?>:</span>
150	+ <input type="text" class="formItem__input formItem__input_sgpb-popup-overlay" id="content-custom-class" name="sgpb-content-custom-class" value="<?php echo esc_attr($popupTypeObj->getOptionValue('sgpb-content-custom-class'))?>">
151	+ <div class="question-mark">B</div>
152	+ <div class="sgpb-info-wrapper">
153	+ <span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
154	+ <?php _e('Add a custom class to the content for additional customization', SG_POPUP_TEXT_DOMAIN);?>.
155	+ </span>
156	</div>
157	+ </div>
158	+ <?php if (empty($removedOptions['sgpb-show-background'])) :?>
159	+ <div class="formItem formItem_itemsCentered">
160	+ <span class="formItem__title"><?php _e('Background options', SG_POPUP_TEXT_DOMAIN)?>:</span>



161	</div>
162	+ <div class="formItem formItem_lessMargin">
163	+ <span class="formItem__title"><?php _e('Show background', SG_POPUP_TEXT_DOMAIN)?>:</span>
164	+ <div class="sgpb-onOffSwitch sgpb-onOffSwitch_smallLeftMargin">
165	+ <input type="checkbox" class="sgpb-onOffSwitch-checkbox js-checkbox-accordion" id="sgpb-show-background" name="sgpb-show-background" <?php echo $popupTypeObj->getOptionValue('sgpb-show-background'); ?>>
166	+ <label class="sgpb-onOffSwitch__label" for="sgpb-show-background">
167	+ <span class="sgpb-onOffSwitch-inner"></span>
168	+ <span class="sgpb-onOffSwitch-switch"></span>
169	</label>
170	+ </div>
171	+ </div>
172	+
173	+ <div class="formItem sg-full-width sgpb-padding-20 sgpb-width-100 sgpb-bg-black__opacity-02 sgpb-border-radius-5px">
174	+ <div class="subForm">
175	+ <div class="subFormItem sgpb-display-flex sgpb-align-item-center">
176	+ <span class="subFormItem__title sgpb-margin-right-20"><?php _e('Color', SG_POPUP_TEXT_DOMAIN); ?>:</span>
177	+ <div class="sgpb-color-picker-wrapper unhideColorPicker">
178	<input class="sgpb-color-picker" type="text" name="sgpb-background-color" value="<?php echo esc_html($popupTypeObj->getOptionValue('sgpb-background-color')); ?>" >
179	</div>
180	</div>
181	+ <div class="subFormItem sgpb-display-flex sgpb-align-item-center sgpb-margin-y-20">
182	+ <span class="subFormItem__title sgpb-margin-right-20"><?php _e('Opacity', SG_POPUP_TEXT_DOMAIN)?>:</span>
183	+ <div class="sgpb-slider-wrapper sgpb-range-wrap">
184	+ <div class="slider-wrapper sgpb-display-inline-flex">
185	+ <?php $contentOpacity = $popupTypeObj->getOptionValue('sgpb-content-opacity'); ?>
186	+ <input type="range" name="sgpb-content-opacity" class="sgpb-range-input js-popup-content-opacity sgpb-margin-right-10"
187	+ id="js-popup-content-opacity" min="0.0" step="0.1" max="1" value="<?php echo $contentOpacity?>">
188	+ <span class="js-popup-content-opacity-value"><?php echo $contentOpacity?></span>
189	+ </div>

190	</div>
191	</div>
192	+ <?php if (empty($removedOptions['sgpb-background-image'])) : ?>
193	+ <div class="subFormItem sgpb-display-flex sgpb-align-item-center sgpb-margin-y-20">
194	+ <span class="subFormItem__title sgpb-margin-right-20"><?php _e('Image', SG_POPUP_TEXT_DOMAIN);?>:</span>
195	+ <div class="sgpb-background-image-block-1 sgpb-display-flex subFormBackground sgpb-padding-10 subFormItemImages<?php echo (!$popupTypeObj->getOptionValue('sgpb-background-image')) ? ' sgpb-display-none' : '';?>">
196	+ <div>
197	+ <div class="sgpb-button-image-uploader-wrapper">
198	+ <input class="sgpb-display-none" id="js-background-upload-image" type="text" size="36" name="sgpb-background-image" value="<?php echo (esc_attr($popupTypeObj->getOptionValue('sgpb-background-image'))) ? esc_attr($popupTypeObj->getOptionValue('sgpb-background-image')) : '' ; ?>" autocomplete="off">
199	+ </div>
200	+ </div>
201	+ <img class="sgpb-show-background-image-container" src="<?php echo (esc_attr($popupTypeObj->getOptionValue('sgpb-background-image'))) ? esc_attr($popupTypeObj->getOptionValue('sgpb-background-image')) : '' ; ?>" width="200" height="150">
202	+ <div class="sgpb-margin-left-10 subFormItemIcons">
203	+ <div class="icons__item">
204	+ <img class="js-background-upload-image-button" src="<?php echo SG_POPUP_PUBLIC_URL.'icons/cloud.svg'; ;?>" alt="<?php _e('Cloud icon', SG_POPUP_TEXT_DOMAIN);?>">
205	+ </div>
206	+ <div class="icons__item icons_pink">
207	+ <img id="js-background-upload-image-remove-button" src="<?php echo SG_POPUP_PUBLIC_URL.'icons/recycle-bin.svg' ;?>" alt="<?php _e('Recycle Bin', SG_POPUP_TEXT_DOMAIN);?>">
208	+ </div>
209	</div>
210	</div>
211	+ <div class="sgpb-background-image-block-2 subFormItemImages <?php echo ($popupTypeObj->getOptionValue('sgpb-background-image')) ? ' sgpb-display-none' : '';?>">
212	+ <div class="subFormBackground sgpb-display-flex sgpb-align-item-center sgpb-padding-x-20">
213	+ <div class="icons__item">
214	+ <img class="js-background-upload-image-button" src="<?php echo SG_POPUP_PUBLIC_URL.'icons/cloud.svg' ;?>" alt="<?php _e('Change image', SG_POPUP_TEXT_DOMAIN);?>">
215	+ </div>
216	+ <img src="<?php echo SG_POPUP_PUBLIC_URL.'images/NoImage.png' ;?>" alt="No Image">
217	</div>
218	</div>
219	</div>
220	+ <?php endif; ?>
221	+ <?php if (empty($removedOptions['sgpb-background-image-mode'])) : ?>
222	+
223	+ <div class="subFormItem sgpb-display-flex sgpb-align-item-center">
224	+ <span class="subFormItem__title sgpb-margin-right-20"><?php _e('Mode', SG_POPUP_TEXT_DOMAIN)?>:</span>
225	+ <?php echo AdminHelper::createSelectBox($defaultData['backroundImageModes'], $popupTypeObj->getOptionValue('sgpb-background-image-mode'), array('name' => 'sgpb-background-image-mode', 'class'=>'select__select js-sg-select2')); ?>
226	+ <div class="question-mark">B</div>
227	+ <div class="sgpb-info-wrapper">
228	+ <span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
229	+ <?php _e('Choose how the background image will be displayed with your content', SG_POPUP_TEXT_DOMAIN);?>.
230	+ </span>
231	</div>
232	</div>
233	+ <?php endif; ?>
234	+

235














236	</div>

237	</div>
238	+ <?php endif; ?>
239	</div>
240	</div>
241	+ <script>
242	+ jQuery('.js-popup-overlay-opacity, .js-popup-content-opacity').on('change', function () {
243	+ jQuery(this).siblings('span').text(this.value);
244	+ })
245	+ </script>

public/views/popupOpeningCounter.php CHANGED Viewed

@@ -4,26 +4,23 @@
             	$counterReset = 'SGPBBackend.resetCount('.$popupId.', false)';
             ?>
             <div class="sgpb-wrapper sgpb-popup-opening-analytics-container">
-            -
            	<div class="row form-group">
-            -
            		<label for="sgpb-enable-floating-button" class="col-md-3 control-label sgpb-static-padding-top">
-            -
            			<?php _e('Views', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            		</label>
-            -
            		<div class="col-md-3">
-            -
            			<span class="sgpb-popup-opening-analytics-option-value-span badge"><?php echo $count; ?></span>
             		</div>
-            -
            		<div class="col-md-3">
-            -
            			<input onclick="SGPBBackend.resetCount(<?php echo $popupId; ?>, false)" type="button" class="button sgpb-reset-count-btn" value="reset" <?php echo ($popupId && $count != 0) ? '' : ' disabled' ; ?>>
             		</div>
-            -
            	</div>
-            -
            	<div class="row form-group">
-            -
            		<label for="sgpb-enable-floating-button" class="col-md-3 control-label sgpb-static-padding-top">
-            -
            			<?php _e('Disable', SG_POPUP_TEXT_DOMAIN)?>:
-            -
            		</label>
-            -
            		<div class="col-md-4">
-            -
            			<label class="sgpb-switch">
-            -
            				<input name="sgpb-popup-counting-disabled" type="checkbox" <?php echo $popupTypeObj->getOptionValue('sgpb-popup-counting-disabled');?>>
-            -
            				<div class="sgpb-slider sgpb-round"></div>
-            -
            			</label>
             		</div>
             	</div>
             </div>


4	$counterReset = 'SGPBBackend.resetCount('.$popupId.', false)';
5	?>
6	<div class="sgpb-wrapper sgpb-popup-opening-analytics-container">
7	+ <div class="subForm sgpb-padding-20 sgpb-bg-black__opacity-02">
8	+ <div class="formItem">
9	+ <span class="formItem__title sgpb-margin-right-20"><?php _e('Disable popup counting', SG_POPUP_TEXT_DOMAIN)?>:</span>
10	+ <div class="sgpb-onOffSwitch">
11	+ <input id="sgpb-popup-counting-disabled" class="sgpb-onOffSwitch-checkbox" name="sgpb-popup-counting-disabled" type="checkbox" <?php echo $popupTypeObj->getOptionValue('sgpb-popup-counting-disabled');?>>
12	+ <label class="sgpb-onOffSwitch__label" for="sgpb-popup-counting-disabled">
13	+ <span class="sgpb-onOffSwitch-inner"></span>
14	+ <span class="sgpb-onOffSwitch-switch"></span>
15	+ </label>
16	+ </div>
17	</div>
18	+ <div class="formItem">
19	+ <span class="subFormItem__title"><?php _e('Views', SG_POPUP_TEXT_DOMAIN); ?>: </span>
20	+ <span class="subFormItem__title sgpb-popup-opening-analytics-option-value-span"> <?php echo $count; ?></span>
21	</div>
22	+ <div class="formItem">
23	+ <input onclick="SGPBBackend.resetCount(<?php echo $popupId; ?>, false)" type="button" class="button sgpb-reset-count-btn" value="<?php _e('Reset', SG_POPUP_TEXT_DOMAIN); ?>" <?php echo ($popupId && $count != 0) ? '' : ' disabled' ; ?>>








24	</div>
25	</div>
26	</div>

public/views/popupTypes.php CHANGED Viewed

@@ -1,115 +1,54 @@
             <?php
             use sgpb\AdminHelper;
             use sgpb\PopupType;
-            -
             $popupTypes = sgpb\SGPopup::getPopupTypes();
             global $SGPB_POPUP_TYPES;
             $labels = $SGPB_POPUP_TYPES['typeLabels'];
             ?>
-            -
            	<div class="sgpb-free-wrapper">
-            -
            		<?php if (SGPB_POPUP_PKG == SGPB_POPUP_PKG_FREE): ?>
-            -
            			<div class="sgpb-wrapper sgpb-add-new-wrapper">
-            -
            				<div class="row sgpb-add-new-row">
-            -
            					<div class="col-xs-6">
-            -
            						<h2><?php _e('Add New Popup', SG_POPUP_TEXT_DOMAIN); ?></h2>
-            -
            					</div>
-            -
            					<div class="col-xs-6">
-            -
            						<a href="<?php echo SG_POPUP_ALL_EXTENSIONS_URL;?>" target="_blank" class="btn btn-warning sgpb-pro-button"><?php _e('Get More Extensions', SG_POPUP_TEXT_DOMAIN) ?></a>
-            -
            					</div>
-            -
            				</div>
-            -
            			</div>
-            -
            		<?php else: ?>
-            -
            			<div class="sgpb-wrapper sgpb-add-new-wrapper">
-            -
            				<div class="row sgpb-add-new-row">
-            -
            					<div class="col-xs-6">
-            -
            						<h2><?php _e('Add New Popup', SG_POPUP_TEXT_DOMAIN); ?></h2>
-            -
            					</div>
-            -
            				</div>
-            -
            			</div>
-            -
            		<?php endif; ?>
-            -
            		<div class="sgpb-wrapper">
-            -
            			<?php
-            -
            			$extensions = AdminHelper::getAllFreeExtensions();
-            -
            			foreach ($extensions['noActive'] as $extension) : ?>
-            -
            				<?php
-            -
            				$URL = '';
-            -
            				if (!empty($extension['url'])) {
-            -
            					$URL = $extension['url'];
-            -
            				}
-            -
            				$type = $extension['key'];
-            -
            				?>
-            -
            				<a class="create-popup-link popups-div sgpb-<?php echo $type; ?>-div" href="<?php echo esc_attr($URL); ?>" target="_blank">
-            -
            					<div class="sgpb-type-icon <?php echo $type; ?>-popup-pro"></div>
-            -
            					<div class="sgpb-type-text-wrapper">
-            -
            						<p class="sgpb-type-text"><?php echo ucfirst($extension['label']); ?></p>
-            -
            					</div>
-            -
            					<div class="sgpb-popup-type-free-pro-ribbon"></div>
-            -
            				</a>
-            -
            			<?php endforeach; ?>
-            -
            			<?php foreach ($popupTypes as $popupType): ?>
-            -
            				<?php $type = $popupType->getName(); ?>
-            -
            				<?php
-            -
            				$isAvaliable = $popupType->isAvailable();
-            -
            				if (!$isAvaliable) {
-            -
            					continue;
-            -
            				}
-            -
            				?>
-            -
            				<a class="create-popup-link popups-div sgpb-<?php echo $type; ?>-div" href="<?php echo AdminHelper::buildCreatePopupUrl($popupType); ?>">
-            -
            					<div class="sgpb-type-icon <?php echo AdminHelper::getPopupThumbClass($popupType); ?>"></div>
-            -
            					<div class="sgpb-type-text-wrapper">
-            -
            						<p class="sgpb-type-text"><?php echo $labels[$type]; ?></p>
-            -
            					</div>
-            -
            					<?php if (!$isAvaliable): ?>
-            -
            						<div class="sgpb-popup-type-pro-ribbon"><?php _e('PRO', SG_POPUP_TEXT_DOMAIN); ?></div>
-            -
            					<?php endif; ?>
-            -
            				</a>
-            -
-            -
            			<?php endforeach; ?>
-            -
            		</div>
             	</div>
-            -
-            -
            	<div class="sgpb-pro-wrapper">
-            -
            		<div class="sgpb-wrapper">
             		<?php foreach ($popupTypes as $popupType): ?>
             			<?php $type = $popupType->getName(); ?>
             			<?php
             			$isAvaliable = $popupType->isAvailable();
-            -
            			if ($isAvaliable) {
             				continue;
+            			}
             			?>
-            -
            			<a class="create-popup-link popups-div sgpb-<?php echo $type; ?>-div <?php echo AdminHelper::getPopupThumbClass($popupType); ?>-wrapper" href="<?php echo AdminHelper::buildCreatePopupUrl($popupType); ?>" target="_blank">
-            -
            				<div class="sgpb-type-icon <?php echo AdminHelper::getPopupThumbClass($popupType); ?>"></div>
-            -
            				<div class="sgpb-type-text-wrapper">
-            -
            					<p class="sgpb-type-text"><?php echo $labels[$type]; ?></p>
-            -
            				</div>
-            -
            				<div class="sgpb-popup-type-pro-ribbon"></div>
-            -
            			</a>
             		<?php endforeach; ?>
-            -
            		</div>
-            -
            	</div>
-            -
            	<div class="sgpb-free-wrapper">
-            -
            		<a class="create-popup-link popups-div" href="<?php echo SG_POPUP_TICKET_URL;?>" target="_blank">
-            -
            			<div class="sgpb-type-icon sgpb-more-ideas"></div>
-            -
            			<div class="sgpb-type-text-wrapper">
-            -
            				<p class="sgpb-type-text"><?php _e('More Ideas?', SG_POPUP_TEXT_DOMAIN); ?></p>
             			</div>
-            -
            		</a>
             	</div>
-            -
             <?php
             $extensions = AdminHelper::getAllExtensions();
             if (!empty($extensions['noActive'])) : ?>
-            -
            	<div class="sgpb-extensions-wrapper">
-            -
            		<div class="sgpb-extensions-section-wrapper">
-            -
            			<div class="sgpb-wrapper">
-            -
            				<div class="row">
-            -
            					<div class="col-xs-6">
-            -
            						<h2><?php _e('Extensions', SG_POPUP_TEXT_DOMAIN); ?></h2>
-            -
            					</div>
-            -
            				</div>
-            -
            			</div>
-            -
            		</div>
             		<?php foreach ($extensions['noActive'] as $extension) : ?>
             			<?php if (isset($extension['availability']) && $extension['availability'] == 'free'): ?>
             				<?php continue; ?>
@@ -121,13 +60,25 @@ if (!empty($extensions['noActive'])) : ?>
+            			}
             			$type = $extension['key'];
             			?>
-            -
            			<a class="create-popup-link popups-div sgpb-<?php echo $type; ?>-div" href="<?php echo esc_attr($URL); ?>" target="_blank">
-            -
            				<div class="sgpb-type-icon <?php echo $type; ?>-popup-pro"></div>
-            -
            				<div class="sgpb-type-text-wrapper">
-            -
            					<p class="sgpb-type-text"><?php echo ucfirst($extension['label']); ?></p>
-            -
            				</div>
-            -
            				<div class="sgpb-popup-type-pro-ribbon"></div>
-            -
            			</a>
             		<?php endforeach; ?>
             	</div>
-            -
            <?php endif; ?>


1	<?php
2	use sgpb\AdminHelper;
3	use sgpb\PopupType;

4	$popupTypes = sgpb\SGPopup::getPopupTypes();
5	global $SGPB_POPUP_TYPES;
6	$labels = $SGPB_POPUP_TYPES['typeLabels'];
7	?>
8	+ <div class="sgpb sgpb-main-page sgpb-padding-x-20">
9	+ <div class='sgpb-heading sgpb-margin-y-50 sgpb-display-flex sgpb-justify-content-between'>
10	+ <h1 class="sgpb-header-h1 "><?php _e('Add New Popup', SG_POPUP_TEXT_DOMAIN); ?></h1>
11	+ <button class="sgpb-btn sgpb-btn--rounded sgpb-btn-more_extensions sgpb-display-flex sgpb-justify-content-between sgpb-align-item-center" onclick="window.open('<?php echo SG_POPUP_ALL_EXTENSIONS_URL ;?>', '_blank')">
12	+ <span class="sgpb-cubes sgpb-margin-right-10">
13	+ <span class="sgpb-cubes-mini"></span>
14	+ <span class="sgpb-cubes-mini"></span>
15	+ <span class="sgpb-cubes-mini"></span>
16	+ <span class="sgpb-cubes-mini sgpb-cubes-mini_little"></span>
17	+ </span>
18	+ <span class="sgpb-button__span"><?php _e('Get More Extensions', SG_POPUP_TEXT_DOMAIN) ?></span>
19	+ </button>
















































20	</div>
21	+ <div class="sgpb-addPopup sgpb-margin-y-50 sgpb-display-flex">


22	<?php foreach ($popupTypes as $popupType): ?>
23	<?php $type = $popupType->getName(); ?>
24	<?php
25	$isAvaliable = $popupType->isAvailable();
26	+ if (!$isAvaliable) {
27	continue;
28	}
29	?>
30	+ <div class="sgpb-box sgpb-box-active sgpb-margin-bottom-30 sgpb-position-relative" data-redirect-url="<?php echo AdminHelper::buildCreatePopupUrl($popupType); ?>">
31	+ <!-- <div class="sgpb-_blue --><?php //echo AdminHelper::getPopupThumbClass($popupType); ?><!--">-->
32	+ <?php if (defined('SGPB_SUBSCRIPTION_PLUS_CLASSES_PATH') && $type == 'subscription'): ?>
33	+ <img src="<?php echo SG_POPUP_PUBLIC_URL.'icons/white/subscriptionPlus.svg' ;?>" class="sgpb-box-img">
34	+ <?php else: ?>
35	+ <img src="<?php echo SG_POPUP_PUBLIC_URL.'icons/white/'.$type.'.svg' ;?>" class="sgpb-box-img">
36	+ <?php endif; ?>
37	+ <!-- </div>-->
38	+ <p class="sgpb-box-text"><?php echo $labels[$type]; ?></p>
39	+ <span class="sgpb-box-plus" >L</span>
40	+ </div>
41	<?php endforeach; ?>
42	+ <div class="sgpb-box sgpb-margin-bottom-30 sgpb-box-default" data-redirect-url="<?php echo SG_POPUP_ALL_EXTENSIONS_URL; ?>">
43	+ <img src="<?php echo SG_POPUP_PUBLIC_URL.'icons/Black/moreIdeas.svg' ;?>" class="sgpb-box-img">
44	+ <p class="sgpb-box-text"><?php _e('More Ideas?', SG_POPUP_TEXT_DOMAIN); ?></p>




45	</div>

46	</div>

47	<?php
48	$extensions = AdminHelper::getAllExtensions();
49	if (!empty($extensions['noActive'])) : ?>
50	+ <h1 class="sgpb-header-h1 sgpb-margin-y-50"><?php _e('Pro Extensions', SG_POPUP_TEXT_DOMAIN); ?></h1>
51	+ <div class="sgpb sgpb-pro-extensions sgpb-margin-y-50 sgpb-display-flex">








52	<?php foreach ($extensions['noActive'] as $extension) : ?>
53	<?php if (isset($extension['availability']) && $extension['availability'] == 'free'): ?>
54	<?php continue; ?>

60	}
61	$type = $extension['key'];
62	?>
63	+ <div class="sgpb-box sgpb-box-default sgpb-margin-bottom-30" data-redirect-url="<?php echo esc_attr($URL); ?>">
64	+ <img src="<?php echo SG_POPUP_PUBLIC_URL.'icons/Black/'.$type.'.svg' ;?>" class="sgpb-box-img">
65	+ <p class="sgpb-box-text"><?php echo ucfirst($extension['label']); ?></p>
66	+ </div>



67	<?php endforeach; ?>
68	</div>
69	+ <?php endif; ?>
70	+ </div>
71	+
72	+ <script type="text/javascript">
73	+ jQuery(document).ready(function() {
74	+ jQuery('.sgpb-box').on('click', function () {
75	+ const currentLink = jQuery(this).attr('data-redirect-url');
76	+ if (jQuery(this).hasClass('sgpb-box-default')) {
77	+ window.open(currentLink, '_blank');
78	+ }
79	+ else {
80	+ window.location.href = currentLink;
81	+ }
82	+ });
83	+ });
84	+ </script>

public/views/settings.php CHANGED Viewed

@@ -1,8 +1,85 @@
-            -
            <?php if (!empty($_GET['sgpbImport'])): ?>
-            -
            	<?php require_once(SG_POPUP_VIEWS_PATH.'importSettingsView.php'); ?>
-            -
            <?php else: ?>
-            -
            	<?php require_once(SG_POPUP_VIEWS_PATH.'settingsOptions.php'); ?>
-            -
            <?php endif;?>


1	+ <?php
2	+ use sgpb\AdminHelper;
3	+ $defaultData = ConfigDataHelper::defaultData();


4
5	+ $deleteData = '';
6	+ if (get_option('sgpb-dont-delete-data')) {
7	+ $deleteData = 'checked';
8	+ }
9
10	+ $enableDebugMode = '';
11	+ if (get_option('sgpb-enable-debug-mode')) {
12	+ $enableDebugMode = 'checked';
13	+ }
14
15	+ $systemInfo = AdminHelper::getSystemInfoText();
16	+ $userSavedRoles = get_option('sgpb-user-roles');
17	+ ?>
18	+
19	+ <div class="sgpb sgpb-wrapper">
20	+ <div class="sgpb-generalSettings sgpb-display-flex sgpb-padding-30">
21	+ <div class="sgpb-width-50 sgpb-padding-20">
22	+ <p class="sgpb-header-h1 sgpb-margin-top-20 sgpb-margin-bottom-50"><?php _e('General Settings', SG_POPUP_TEXT_DOMAIN); ?></p>
23	+ <form method="POST" action="<?php echo admin_url().'admin-post.php?action=sgpbSaveSettings'?>">
24	+ <div class="formItem">
25	+ <p class="subFormItem__title sgpb-flex-220"><?php _e('Enable DEBUG MODE', SG_POPUP_TEXT_DOMAIN)?>:</p>
26	+ <div class="sgpb-onOffSwitch">
27	+ <input type="checkbox" name="sgpb-enable-debug-mode" class="sgpb-onOffSwitch-checkbox" id="sgpb-enable-debug-mode" <?php echo $enableDebugMode; ?>>
28	+ <label class="sgpb-onOffSwitch__label" for="sgpb-enable-debug-mode">
29	+ <span class="sgpb-onOffSwitch-inner"></span>
30	+ <span class="sgpb-onOffSwitch-switch"></span>
31	+ </label>
32	+ </div>
33	+ </div>
34	+ <div class="formItem">
35	+ <span class="subFormItem__title sgpb-flex-220"><?php _e('Delete popup data', SG_POPUP_TEXT_DOMAIN)?>:</span>
36	+ <div class="sgpb-onOffSwitch">
37	+ <input type="checkbox" name="sgpb-dont-delete-data" class="sgpb-onOffSwitch-checkbox" id="sgpb-dont-delete-data" <?php echo $deleteData; ?>>
38	+ <label class="sgpb-onOffSwitch__label" for="sgpb-dont-delete-data">
39	+ <span class="sgpb-onOffSwitch-inner"></span>
40	+ <span class="sgpb-onOffSwitch-switch"></span>
41	+ </label>
42	+ </div>
43	+ <div class="question-mark">B</div>
44	+ <div class="sgpb-info-wrapper">
45	+ <span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
46	+ <?php _e('All the popup data will be deleted after removing the plugin if this option is checked.', SG_POPUP_TEXT_DOMAIN)?>
47	+ </span>
48	+ </div>
49	+ </div>
50	+
51	+ <div class="formItem">
52	+ <span class="subFormItem__title sgpb-flex-220"><?php _e('Disable popup analytics', SG_POPUP_TEXT_DOMAIN)?>:</span>
53	+ <div class="sgpb-onOffSwitch">
54	+ <input type="checkbox" name="sgpb-disable-analytics-general" class="sgpb-onOffSwitch-checkbox" id="sgpb-disable-analytics-general"<?php echo (get_option('sgpb-disable-analytics-general')) ? ' checked' : ''; ?>>
55	+ <label class="sgpb-onOffSwitch__label" for="sgpb-disable-analytics-general">
56	+ <span class="sgpb-onOffSwitch-inner"></span>
57	+ <span class="sgpb-onOffSwitch-switch"></span>
58	+ </label>
59	+ </div>
60	+ </div>
61	+ <div class="formItem">
62	+ <div class="subFormItem__title sgpb-flex-220"><?php _e('User role to access the plugin', SG_POPUP_TEXT_DOMAIN)?></div>
63	+ <?php echo AdminHelper::createSelectBox($defaultData['userRoles'], $userSavedRoles, array('name'=>'sgpb-user-roles[]', 'class' => 'js-sg-select2 js-select-ajax ', 'multiple'=> 'multiple', 'size'=> count($defaultData['userRoles'])));?>
64	+ <div class="question-mark">B</div>
65	+ <div class="sgpb-info-wrapper">
66	+ <span class="infoSelectRepeat samefontStyle sgpb-info-text" style="display: none;">
67	+ <?php _e('In spite of user roles the administrator always has access to the plugin.', SG_POPUP_TEXT_DOMAIN)?>
68	+ </span>
69	+ </div>
70	+ </div>
71	+ <input type="submit" class="saveCHangeButton sgpb-btn sgpb-btn-blue" value="<?php _e('Save Changes', SG_POPUP_TEXT_DOMAIN)?>" >
72	+ </form>
73	+ </div>
74	+ <div class="sgpb-width-50 sgpb-padding-20 sgpb-shadow-black sgpb-border-radius-5px">
75	+ <p class="sgpb-header-h1 sgpb-margin-top-20 sgpb-margin-bottom-50"><?php _e('Debug tools', SG_POPUP_TEXT_DOMAIN)?>:</p>
76	+ <div class="formItem">
77	+ <span class="formItem__title"><?php _e('System information', SG_POPUP_TEXT_DOMAIN)?>:</span>
78	+ </div>
79	+ <div class="formItem">
80	+ <textarea onclick="this.select();" rows="20" class="formItem__textarea" readonly><?php echo $systemInfo ;?></textarea>
81	+ </div>
82	+ <input type="button" class="sgpb-download-system-info saveCHangeButton sgpb-btn sgpb-btn-blue" value="<?php _e('Download', SG_POPUP_TEXT_DOMAIN)?>">
83	+ </div>
84	+ </div>
85	+ </div>

public/views/settingsOptions.php DELETED Viewed

@@ -1,105 +0,0 @@
-            -
            <?php
-            -
            	use sgpb\AdminHelper;
-            -
            	$defaultData = ConfigDataHelper::defaultData();
-            -
            	$systemInfo = AdminHelper::getSystemInfoText();
-            -
            	$userSavedRoles = get_option('sgpb-user-roles');
-            -
            ?>
-            -
-            -
            <div class="sgpb-wrapper sgpb-settings">
-            -
            	<div class="col-md-6">
-            -
            		<div id="post-body" class="metabox-holder columns-2">
-            -
            			<div id="postbox-container-2" class="postbox-container">
-            -
            				<div id="normal-sortables" class="meta-box-sortables ui-sortable">
-            -
            					<div class="postbox popup-builder-special-postbox">
-            -
            						<div class="handlediv js-special-title" title="Click to toggle"><br></div>
-            -
            						<h3 class="hndle ui-sortable-handle js-special-title">
-            -
            							<span><?php _e('General Settings', SG_POPUP_TEXT_DOMAIN); ?></span>
-            -
            						</h3>
-            -
            						<div class="sgpb-options-content">
-            -
            							<form method="POST" action="<?php echo admin_url().'admin-post.php?action=sgpbSaveSettings'?>">
-            -
            								<div class="row form-group">
-            -
            									<div class="col-md-4 sgpb-static-padding-top">
-            -
            										<label for="sgpb-enable-debug-mode"><?php _e('Enable DEBUG MODE', SG_POPUP_TEXT_DOMAIN)?></label>
-            -
            									</div>
-            -
            									<div class="col-md-6">
-            -
            										<input type="checkbox" name="sgpb-enable-debug-mode" class="sgpb-reset-checkbox-margin-top" id="sgpb-enable-debug-mode"<?php echo (get_option('sgpb-enable-debug-mode')) ? ' checked' : ''; ?>>
-            -
            									</div>
-            -
            								</div>
-            -
            								<div class="row form-group">
-            -
            									<div class="col-md-4 sgpb-static-padding-top">
-            -
            										<label for="sgpb-dont-delete-data"><?php _e('Delete popup data', SG_POPUP_TEXT_DOMAIN)?></label>
-            -
            									</div>
-            -
            									<div class="col-md-6">
-            -
            										<input type="checkbox" name="sgpb-dont-delete-data" class="sgpb-reset-checkbox-margin-top" id="sgpb-dont-delete-data"<?php echo (get_option('sgpb-dont-delete-data')) ? ' checked' : ''; ?>>
-            -
            										<span class="dashicons dashicons-editor-help sgpb-info-icon"></span>
-            -
            										<span class="infoSelectRepeat samefontStyle sgpb-info-text">
-            -
            										<?php _e('All the popup data will be deleted after removing the plugin if this option is checked', SG_POPUP_TEXT_DOMAIN)?>.
-            -
            									</span>
-            -
            									</div>
-            -
            								</div>
-            -
            								<div class="row form-group">
-            -
            									<div class="col-md-4 sgpb-static-padding-top">
-            -
            										<label for="sgpb-disable-analytics-general"><?php _e('Disable popup analytics', SG_POPUP_TEXT_DOMAIN)?></label>
-            -
            									</div>
-            -
            									<div class="col-md-6">
-            -
            										<input type="checkbox" name="sgpb-disable-analytics-general" class="sgpb-reset-checkbox-margin-top" id="sgpb-disable-analytics-general"<?php echo (get_option('sgpb-disable-analytics-general')) ? ' checked' : ''; ?>>
-            -
            									</div>
-            -
            								</div>
-            -
            								<div class="row form-group">
-            -
            									<div class="col-md-4 sgpb-label-align-with-select2">
-            -
            										<label><?php _e('User role to access the plugin', SG_POPUP_TEXT_DOMAIN)?></label>
-            -
            									</div>
-            -
            									<div class="col-md-6">
-            -
            										<?php  echo AdminHelper::createSelectBox($defaultData['userRoles'], $userSavedRoles, array('name'=>'sgpb-user-roles[]', 'class' => 'js-sg-select2 schedule-start-selectbox sg-margin0', 'multiple'=> 'multiple', 'size'=> count($defaultData['userRoles'])));?>
-            -
            									</div>
-            -
            									<div class="col-md-1">
-            -
            										<span class="dashicons dashicons-editor-help sgpb-info-icon sgpb-info-icon-align"></span>
-            -
            										<span class="infoSelectRepeat samefontStyle sgpb-info-text">
-            -
            										<?php _e('In spite of user roles the administrator always has access to the plugin', SG_POPUP_TEXT_DOMAIN)?>.
-            -
            									</span>
-            -
            									</div>
-            -
            								</div>
-            -
            								<div class="row form-group">
-            -
            									<div class="col-md-12">
-            -
            										<input type="submit" value="<?php _e('Save Changes', SG_POPUP_TEXT_DOMAIN)?>" class="button-primary">
-            -
            									</div>
-            -
            								</div>
-            -
            							</form>
-            -
            						</div>
-            -
            					</div>
-            -
            				</div>
-            -
            			</div>
-            -
            		</div>
-            -
            	</div>
-            -
            	<div class="col-md-6">
-            -
            		<div id="post-body" class="metabox-holder columns-2">
-            -
            			<div id="postbox-container-2" class="postbox-container">
-            -
            				<div id="normal-sortables" class="meta-box-sortables ui-sortable">
-            -
            					<div class="postbox popup-builder-special-postbox">
-            -
            						<div class="handlediv js-special-title" title="Click to toggle"><br></div>
-            -
            						<h3 class="hndle ui-sortable-handle js-special-title">
-            -
            							<span><?php _e('Debug tools', SG_POPUP_TEXT_DOMAIN); ?></span>
-            -
            						</h3>
-            -
            						<div class="sgpb-options-content">
-            -
            							<div class="row form-group">
-            -
            								<div class="col-md-4 sgpb-static-padding-top">
-            -
            									<label for="sgpb-dont-delete-data"><?php _e('System information', SG_POPUP_TEXT_DOMAIN)?></label>:
-            -
            								</div>
-            -
            							</div>
-            -
            							<div class="row form-group">
-            -
            								<div class="col-md-12">
-            -
            									<textarea onclick="this.select();" rows="10" class="form-control" readonly><?php echo $systemInfo ;?></textarea>
-            -
            								</div>
-            -
            							</div>
-            -
            							<div class="row form-group">
-            -
            								<div class="col-md-12">
-            -
            									<input type="button" class="sgpb-download-system-info button-primary" value="<?php _e('Download', SG_POPUP_TEXT_DOMAIN)?>" class="button-primary">
-            -
            								</div>
-            -
            							</div>
-            -
            						</div>
-            -
            					</div>
-            -
            				</div>
-            -
            			</div>
-            -
            		</div>
-            -
            	</div>
-            -
            </div>

public/views/subscribers.php CHANGED Viewed

@@ -13,10 +13,9 @@ $fistElement = array_values($allData);
             if (isset($fistElement[0])) {
             	$fistElement = $fistElement[0];
+            }
-            -
             $subscribersSelectbox = AdminHelper::createSelectBox(
             	$allData,
-            -
            	$fistElement,
             	array(
             		'name' => 'sgpb-add-subscriber-input',
             		'class' => 'js-sg-select2 js-sg-newsletter-forms sgpb-add-subscriber-input js-select-basic',
@@ -40,159 +39,121 @@ if ($isEmpty) {
             	$disable = 'disabled';
+            }
             ?>
-            -
            <div class="wrap subscribers-wrapper">
-            -
            	<div class="headers-wrapper">
-            -
            		<h1 class="wp-heading-inline"><?php _e('Subscribers', SG_POPUP_TEXT_DOMAIN)?></h1>
-            -
            		<a href="javascript:void(0)" class="page-title-action sgpb-import-subscriber"><?php _e('Import', SG_POPUP_TEXT_DOMAIN)?></a>
-            -
            		<a href="javascript:void(0)" class="page-title-action sgpb-export-subscriber"><?php _e('Export', SG_POPUP_TEXT_DOMAIN)?></a>
-            -
            		<a href="javascript:void(0)" class="page-title-action sgpb-add-subscriber"><?php _e('Add new', SG_POPUP_TEXT_DOMAIN)?></a>
-            -
            	</div>
-            -
            	<div class="sgpb-subs-delete-button-wrapper">
-            -
            		<img src="<?php echo SG_POPUP_IMG_URL.'ajaxSpinner.gif'; ?>" alt="gif" class="sgpb-subscribers-remove-spinner js-sg-spinner sg-hide-element js-sg-import-gif" width="20px">
-            -
            		<input type="button" value="<?php _e('Delete subscriber(s)', SG_POPUP_TEXT_DOMAIN)?>" class="sg-subs-delete-button button-primary" data-ajaxNonce="<?php echo SG_AJAX_NONCE;?>">
-            -
            	</div>
-            -
            	<?php
-            -
            		$table = new Subscribers();
-            -
            		echo $table;
-            -
            	?>
-            -
            </div>
-            -
            <!-- -->
-            -
            <div id="sgpb-import-subscribers" class="sgpb-subscribers-popup">
-            -
            	<div class="sgpb-add-new-subscribers-wrapper sgpb-import-settings-wrapper">
-            -
            		<div class="sgpb-wrapper">
-            -
            			<div class="sgpb-imges-wrapper">
-            -
            				<div class="col-sm-1 sgpb-add-subscriber-header-spinner-column">
-            -
            					<img src="<?php echo SG_POPUP_IMG_URL.'ajaxSpinner.gif'; ?>" alt="gif" class="sgpb-subscribers-add-spinner js-sg-spinner js-sgpb-add-spinner sg-hide-element js-sg-import-gif" width="20px">
-            -
            				</div>
-            -
            				<img src="<?php echo SG_POPUP_IMG_URL.'subscribers_close.png'; ?>" alt="gif" class="sgpb-add-subscriber-popup-close-btn sgpb-import-subscribers-close sgpb-subscriber-popup-close-btn-js" width="20px">
-            -
            			</div>
-            -
            			<div class="sgpb-add-subscriber-content-wrapper">
-            -
            			<div class="row">
-            -
            				<div class="col-sm-7 sgpb-add-subscriber-header-column sgpb-clear">
-            -
            					<h4>
-            -
            						<?php _e('Select subscription(s):', SG_POPUP_TEXT_DOMAIN); ?>
-            -
            					</h4>
-            -
            				</div>
-            -
            			</div>
-            -
            			<div class="row form-group">
-            -
            				<div class="col-md-12">
-            -
            					<?php echo $importSubscribersSelectbox; ?>
-            -
            				</div>
-            -
            			</div>
-            -
            			<div class="row">
-            -
            				<div class="col-sm-7">
-            -
            					<h4 for="js-import-subscriber-file-url">
-            -
            						<?php _e('Import Subscribers from file:', SG_POPUP_TEXT_DOMAIN); ?>
-            -
            					</h4>
-            -
            				</div>
             			</div>
-            -
            			<div class="row form-group">
-            -
            				<div class="col-sm-9">
-            -
            					<input class="form-control input-sm" id="js-import-subscriber-file-url" type="text" size="36" name="js-import-subscriber-file-url" value="" required="">
-            -
            				</div>
-            -
            				<div class="col-sm-3">
-            -
            					<input id="js-import-subscriber-button" placeholder="<?php _e('No file selected', SG_POPUP_TEXT_DOMAIN); ?>" class="btn btn-primary btn-sm sgpb-subscriber-popup-btns" type="button" value="<?php _e('Select file', SG_POPUP_TEXT_DOMAIN); ?>">
-            -
            				</div>
-            -
            			</div>
-            -
            			<div class="row">
-            -
            				<div class="col-md-6">
-            -
            					<input type="button" value="<?php _e('Import', SG_POPUP_TEXT_DOMAIN); ?>" class="btn btn-sm btn-success sgpb-subscriber-popup-btns sgpb-import-subscriber-to-list" data-ajaxnonce="popupBuilderAjaxNonce" <?php echo $disable; ?>>
-            -
            				</div>
-            -
            				<div class="col-md-6">
-            -
            					<input type="button" value="<?php _e('Cancel', SG_POPUP_TEXT_DOMAIN); ?>" class="btn btn-sm btn-default sgpb-add-subscriber-popup-close-btn-js sgpb-subscriber-popup-btns sgpb-subscriber-popup-close-btn-js" data-ajaxnonce="popupBuilderAjaxNonce">
             				</div>
             			</div>
-            -
            			</div>
             		</div>
             	</div>
             </div>
-            -
            <!-- add subscribers popup start -->
-            -
            <div id="sgpb-add-new-subscriber">
-            -
            	<div class="sgpb-add-new-subscribers-wrapper">
-            -
            		<div class="sgpb-wrapper">
-            -
            			<div class="row">
-            -
            				<div class="col-sm-7 sgpb-add-subscriber-header-column">
-            -
            					<h4>
-            -
            						<?php _e('Select subscription(s):', SG_POPUP_TEXT_DOMAIN)?>
-            -
            					</h4>
-            -
            				</div>
-            -
            				<div class="col-sm-1 sgpb-add-subscriber-header-spinner-column">
-            -
            					<img src="<?php echo SG_POPUP_IMG_URL.'ajaxSpinner.gif'; ?>" alt="gif" class="sgpb-subscribers-add-spinner js-sg-spinner js-sgpb-add-spinner sg-hide-element js-sg-import-gif" width="20px">
-            -
            				</div>
-            -
            				<img src="<?php echo SG_POPUP_IMG_URL.'subscribers_close.png'; ?>" alt="gif" class="sgpb-add-subscriber-popup-close-btn sgpb-add-subscriber-popup-close-btn-js" width="20px">
-            -
            			</div>
-            -
            			<div class="row sgpb-subscriber-adding-error sg-hide-element">
-            -
            				<div class="col-md-12">
-            -
            					<div class="alert alert-danger fade in alert-dismissable">
-            -
            					    <?php _e('Error occurred: could not add subscriber.', SG_POPUP_TEXT_DOMAIN)?>
-            -
            					</div>
-            -
            				</div>
-            -
            			</div>
-            -
            			<div class="row form-group">
-            -
            				<div class="col-md-12">
-            -
            					<?php echo $subscribersSelectbox; ?>
-            -
            				</div>
-            -
            			</div>
-            -
            			<div class="row">
-            -
            				<div class="col-md-12">
-            -
            					<div class="sg-hide-element sgpb-subscription-error"><?php _e('Subscription is not selected', SG_POPUP_TEXT_DOMAIN)?>.</div>
-            -
            				</div>
-            -
            			</div>
-            -
            			<div class="row form-group">
-            -
            				<div class="col-md-12">
-            -
            					<input type="email" autocomplete="off" name="subs-email" class="form-control sgpb-add-subscribers-email sgpb-add-subscriber-input input-sm" placeholder="<?php _e('Email', SG_POPUP_TEXT_DOMAIN)?>">
-            -
            				</div>
-            -
            			</div>
-            -
            			<div class="row">
-            -
            				<div class="col-md-12">
-            -
            					<div class="sg-hide-element sgpb-email-error"><?php _e('Invalid email address', SG_POPUP_TEXT_DOMAIN)?>.</div>
-            -
            				</div>
-            -
            			</div>
-            -
            			<div class="row form-group">
-            -
            				<div class="col-md-12">
-            -
            					<input type="text" autocomplete="off" name="subs-firstName" class="form-control sgpb-add-subscribers-first-name sgpb-add-subscriber-input input-sm" placeholder="<?php _e('First name', SG_POPUP_TEXT_DOMAIN)?>">
-            -
            				</div>
-            -
            			</div>
-            -
            			<div class="row form-group">
-            -
            				<div class="col-md-12">
-            -
            					<input type="text" autocomplete="off" name="subs-firstName" class="form-control sgpb-add-subscribers-last-name sgpb-add-subscriber-input input-sm" placeholder="<?php _e('Last name', SG_POPUP_TEXT_DOMAIN)?>">
-            -
            				</div>
-            -
            			</div>
-            -
            			<div class="row">
-            -
            				<div class="col-md-6">
-            -
            					<input type="button" value="<?php _e('Add to list', SG_POPUP_TEXT_DOMAIN)?>" class="btn btn-sm btn-success sgpb-add-subscriber-popup-btns sgpb-add-to-list-js" data-ajaxNonce="<?php echo SG_AJAX_NONCE;?>">
-            -
            				</div>
-            -
            				<div class="col-md-6">
-            -
            					<input type="button" value="<?php _e('Cancel', SG_POPUP_TEXT_DOMAIN)?>" class="btn btn-sm btn-default sgpb-add-subscriber-popup-close-btn-js sgpb-add-subscriber-popup-btns" data-ajaxNonce="<?php echo SG_AJAX_NONCE;?>">
-            -
            				</div>
             			</div>
             		</div>
             	</div>
             </div>
-            -
            <!-- add subscribers popup end -->
-            -
-            -
            <div id="sgpb-subscriber-data">
-            -
            	<div class="sgpb-subscriber-data-wrapper">
-            -
            		<div class="sgpb-wrapper">
-            -
            			<div class="row">
-            -
            				<div class="col-sm-8 sgpb-add-subscriber-header-column">
-            -
            					<h4>
-            -
            						<?php _e('Subscriber submitted data', SG_POPUP_TEXT_DOMAIN)?>
-            -
            					</h4>
-            -
            				</div>
-            -
            				<div class="col-sm-1 sgpb-add-subscriber-header-spinner-column">
-            -
            					<img src="<?php echo SG_POPUP_IMG_URL.'ajaxSpinner.gif'; ?>" alt="gif" class="sgpb-subscribers-add-spinner js-sg-spinner js-sgpb-add-spinner sg-hide-element js-sg-import-gif" width="20px">
             				</div>
-            -
            				<img src="<?php echo SG_POPUP_IMG_URL.'subscribers_close.png'; ?>" alt="gif" class="sgpb-add-subscriber-popup-close-btn sgpb-subscriber-data-popup-close-btn-js" width="20px">
             			</div>
             		</div>
             	</div>
             </div>
-            -
            <style type="text/css">
-            -
            	.select2-container {
-            -
            		z-index: 9999;
-            -
            	}
-            -
            </style>


13	if (isset($fistElement[0])) {
14	$fistElement = $fistElement[0];
15	}

16	$subscribersSelectbox = AdminHelper::createSelectBox(
17	$allData,
18	+ __('Select subscription(s):', SG_POPUP_TEXT_DOMAIN),
19	array(
20	'name' => 'sgpb-add-subscriber-input',
21	'class' => 'js-sg-select2 js-sg-newsletter-forms sgpb-add-subscriber-input js-select-basic',

39	$disable = 'disabled';
40	}
41	?>
42	+ <div class="sgpb sgpb-wrapper ">
43	+ <div class="sgpb-subscription sgpb-padding-20">
44	+ <h2 class="sgpb-header-h1 sgpb-margin-top-10 sgpb-margin-bottom-40"><?php _e('Subscribers', SG_POPUP_TEXT_DOMAIN)?></h2>
45	+ <div class="sgpb-margin-bottom-20 sgpb-display-flex sgpb-justify-content-between">












46
47	+ <div>
48	+ <a href="javascript:void(0)"
49	+ data-target="addSubscriber"
50	+ class="sgpb-display-inline-block sgpb-btn sgpb-btn-blue--outline sgpb-btn--rounded sgpb-padding-x-30 sgpb-modal-btn">
51	+ <?php _e('Add new', SG_POPUP_TEXT_DOMAIN); ?>
52	+ </a>
53	+ <a href="javascript:void(0)"
54	+ class="sgpb-display-inline-block sgpb-btn sgpb-btn-blue--outline sgpb-btn--rounded sgpb-padding-x-30 sgpb-export-subscriber">
55	+ <?php _e('Export', SG_POPUP_TEXT_DOMAIN); ?>
56	+ </a>
57	+ <a href="javascript:void(0)"
58	+ data-target="importSubscriber"
59	+ class="sgpb-display-inline-block sgpb-btn sgpb-btn-blue--outline sgpb-btn--rounded sgpb-padding-x-30 sgpb-modal-btn">
60	+ <?php _e('Import', SG_POPUP_TEXT_DOMAIN); ?>
61	+ </a>














62	</div>
63	+
64	+
65	+ <div style="text-align: right" id="sgpbPostSearch">
66	+ <div class="sgpb--group">
67	+ <input type="text" id="sgpbSearchInAllSubscribers" placeholder="Search Subscriber" class="sgpb-input">
68	+ <input type="submit" value="GO!" id="sgpbSearchInAllSubscribersSubmit" class="sgpb-btn sgpb-btn-blue">








69	</div>
70	</div>

71	</div>
72	+ <?php
73	+ $table = new Subscribers();
74	+ echo $table;
75	+ ?>
76	</div>
77	</div>
78
79	+ <div id="addSubscriber" class="sgpb-display-none">
80	+ <span id="addSubscriberHeader"><?php _e('Add New Subscribers', SG_POPUP_TEXT_DOMAIN); ?></span>
81	+ <div id="addSubscriberBody">
82	+ <div class="formItem sgpb-subscriber-adding-error sg-hide-element">
83	+ <div class="alert alert-danger fade in alert-dismissable">
84	+ <?php _e('Error occurred: could not add subscriber.', SG_POPUP_TEXT_DOMAIN)?>





















































85	</div>
86	</div>
87	+ <div class="sgpb-add-subscriber-header-spinner-column">
88	+ <img src="<?php echo SG_POPUP_IMG_URL.'ajaxSpinner.gif'; ?>" alt="gif" class="sgpb-subscribers-add-spinner js-sg-spinner js-sgpb-add-spinner sg-hide-element js-sg-import-gif" width="20px">
89	+ </div>
90	+
91	+ <div class="formItem">
92	+ <?php echo $subscribersSelectbox; ?>
93	+ </div>
94	+ <div class="sg-hide-element sgpb-subscription-error formItem"><?php _e('Subscription is not selected', SG_POPUP_TEXT_DOMAIN)?>.</div>
95	+ <div class="formItem">
96	+ <input type="email" autocomplete="off" name="subs-email" class="sgpb-add-subscribers-email sgpb-add-subscriber-input sgpb-formItem-input" placeholder="<?php _e('Email', SG_POPUP_TEXT_DOMAIN)?>">
97	+ </div>
98	+ <div class="sg-hide-element sgpb-email-error formItem"><?php _e('Invalid email address', SG_POPUP_TEXT_DOMAIN)?>.</div>
99	+ <div class="formItem">
100	+ <input type="text" autocomplete="off" name="subs-firstName" class="sgpb-add-subscribers-first-name sgpb-add-subscriber-input sgpb-formItem-input" placeholder="<?php _e('First name', SG_POPUP_TEXT_DOMAIN)?>">
101	+ </div>
102	+ <div class="formItem">
103	+ <input type="text" autocomplete="off" name="subs-firstName" class="sgpb-add-subscribers-last-name sgpb-add-subscriber-input sgpb-formItem-input" placeholder="<?php _e('Last name', SG_POPUP_TEXT_DOMAIN)?>">
104	+ </div>
105	+ </div>
106	+ <div id="addSubscriberFooter">
107	+ <input type="button" value="<?php _e('Add to list', SG_POPUP_TEXT_DOMAIN)?>"
108	+ class="sgpb-btn sgpb-btn-blue sgpb-add-to-list-js" data-ajaxNonce="<?php echo SG_AJAX_NONCE;?>">
109	</div>
110	</div>
111	+ <div id="importSubscriber" class="sgpb-display-none">
112	+ <span id="importSubscriberHeader"><?php _e('Import Subscribers', SG_POPUP_TEXT_DOMAIN); ?></span>
113	+ <div id="importSubscriberBody">
114	+ <div class="formItem">
115	+ <div class="formItem__title sgpb-margin-bottom-10">
116	+ <?php _e('Select subscription(s):', SG_POPUP_TEXT_DOMAIN); ?>
117	+ </div>
118	+ <?php echo $importSubscribersSelectbox; ?>
119	+ </div>
120	+ <div class="formItem">
121	+ <div class="formItem__title">
122	+ <?php _e('Import Subscribers from file:', SG_POPUP_TEXT_DOMAIN); ?>
123	+ </div>
124	+ </div>
125	+ <div class="formItem">
126	+ <input class="formItem__input formItem__input_sgpb-popup-overlay" id="js-import-subscriber-file-url" type="text" size="36" name="js-import-subscriber-file-url" value="">
127	+ <div class="easy-icons-wrapper">
128	+ <div class="icons__item">
129	+ <img id="js-import-subscriber-button" class="sgpb-cursor-pointer" src="<?php echo SG_POPUP_PUBLIC_URL.'icons/cloud.svg'; ?>" alt="<?php _e('Select file', SG_POPUP_TEXT_DOMAIN)?>">
130	</div>

131	</div>
132	</div>
133	</div>
134	+ <div id="importSubscriberFooter">
135	+ <input type="button" value="<?php _e('Import', SG_POPUP_TEXT_DOMAIN); ?>"
136	+ class="sgpb-btn sgpb-btn-blue sgpb-import-subscriber-to-list" data-ajaxnonce="popupBuilderAjaxNonce" <?php echo $disable; ?>>
137	+ </div>
138	</div>
139
140	+
141	+ <script type="text/javascript">
142	+ jQuery(document).ready(function($) {
143	+ const myForm = $('#posts-filter-sgpbAllSubscribers');
144	+ const searchValue = $('#sgpbAllSubscribers-search-input').val();
145	+ $('#posts-filter-sgpbAllSubscribers .tablenav.top .tablenav-pages').append($('.subsubsub').addClass('show'));
146	+ myForm.append($('#posts-filter-sgpbAllSubscribers .tablenav.bottom .tablenav-pages:not(.no-pages, .one-page) .pagination-links'));
147	+ $('#sgpbSearchInAllSubscribers').val(searchValue);
148	+ $('#sgpbSearchInAllSubscribers').keyup('enter', function (e) {
149	+ if (e.key === 'Enter') {
150	+ $('#sgpbAllSubscribers-search-input').val(this.value);
151	+ $(myForm).submit();
152	+ }
153	+ });
154	+ $('#sgpbSearchInAllSubscribersSubmit').on('click', function () {
155	+ $('#sgpbAllSubscribers-search-input').val($('#sgpbSearchInAllSubscribers').val());
156	+ $(myForm).submit();
157	+ })
158	+ });
159	+ </script>

readme.txt CHANGED Viewed

	@@ -6,9 +6,9 @@ Plugin URI: https://popup-builder.com
6	Donate link: https://popup-builder.com
7	Tags: popup, pop up, wordpress popup, popup maker, exit popup, popup builder, wordpress popup plugin
8	Requires at least: 4.2
9	- Tested up to: 5.7
10	Requires PHP: 5.3.3
11	- Stable tag: 3.84
12	License: GPLv2 or later
13	License URI: http://www.gnu.org/licenses/gpl-2.0.html
14
	@@ -145,6 +145,17 @@ Go to the Popup Builder settings and set your desired options.
145
146	== Changelog ==
147











148	= Version 3.84 =
149	* Bug fixed related to popup types and settings that are not saved after popup is saved as draft.
150	* Bug fixed related to randomly activated popups.
	@@ -452,4 +463,4 @@ Leave us a good review :)
452
453	== Upgrade Notice ==
454
455	- Current Version of Popup Builder is 3.84


6	Donate link: https://popup-builder.com
7	Tags: popup, pop up, wordpress popup, popup maker, exit popup, popup builder, wordpress popup plugin
8	Requires at least: 4.2
9	+ Tested up to: 5.8
10	Requires PHP: 5.3.3
11	+ Stable tag: 4.0
12	License: GPLv2 or later
13	License URI: http://www.gnu.org/licenses/gpl-2.0.html
14

145
146	== Changelog ==
147
148	+ = Version 4.0 =
149	+ * Improvement of design: the whole plugin has been redesigned for a better user experience.
150	+ * Improvement of the menu: Descriptions for the menu items have been added.
151	+ * Improvement of advance options: "Popup options" section has been renamed to "Advanced".
152	+ * Improvement of a floating button: Floating button's settings are now more user friendly and easy to use.
153	+ * Improvement of the newsletter: Shortcodes are redesigned and easier to use.
154	+ * Improvement of image popup: Image popup's settings have been redesigned for better user experience.
155	+ * Improvement of HTML popup: HTML popup's settings have been redesigned for better user experience.
156	+ * Improvement of facebook popup: Facebook popup's settings have been redesigned for better user experience.
157	+ * Improvement of subscription popup: Subscription popup's settings have been redesigned for better user experience.
158	+
159	= Version 3.84 =
160	* Bug fixed related to popup types and settings that are not saved after popup is saved as draft.
161	* Bug fixed related to randomly activated popups.

463
464	== Upgrade Notice ==
465
466	+ Current Version of Popup Builder is 4.0

Popup Builder – Responsive WordPress Pop up - Version 4.0

Version Description

Release Info

Code changes from version 3.84 to 4.0